Aurora AI Package Info
aurora-dinglebear-ai/aurora-ai-package-infoUnverifiedBlock
Aurora-native package info parity surface from AI Elements.
Install it
npx shadcn@latest add https://raw.githubusercontent.com/dinglebear-ai/aurora/main/aurora-ai-package-info.jsonSource
1"use client"23/**4 * Aurora PackageInfo — dependency card.5 *6 * Visual layer ported verbatim from the Claude Design source: a stacked-layers7 * icon tile (orange/axon tint), a mono package name + cyan version, a state8 * badge (LATEST = success teal / OUTDATED = warn amber), an optional footer of9 * registry • license • size with an Install action. Reads only `--aurora-*`10 * tokens so it renders identically in dark + `.light`.11 *12 * Architecture stays shadcn/registry: self-contained, `forwardRef`,13 * `displayName`, `React.memo`, extends `HTMLAttributes<HTMLDivElement>`.14 */1516import * as React from "react"17import { Download, Layers } from "lucide-react"18import { cn } from "@/lib/utils"19import { Badge } from "@/registry/aurora/ui/badge"20import { Button } from "@/registry/aurora/ui/button"21import { Separator } from "@/registry/aurora/ui/separator"2223export type PackageInfoVariant = "default" | "compact"2425export interface PackageInfoProps extends React.HTMLAttributes<HTMLDivElement> {26 /** Package name (rendered in the mono display weight). */27 name: string28 /** Resolved version string, shown in the cyan accent next to the name. */29 version: string30 /** One-line summary under the title. */31 description?: string32 /** Source registry label (e.g. `cargo`, `npm`). Uppercased in the axon-orange footer tone. */33 registry?: string34 /** SPDX-ish license string for the footer. */35 license?: string36 /** Install size string (e.g. `92 KB`) for the footer. */37 size?: string38 /** Marks the version as current — shows the teal LATEST badge. */39 latest?: boolean40 /** Marks the version as behind — shows the amber OUTDATED badge. */41 outdated?: boolean42 /** `compact` drops the footer/install row and shrinks the icon tile. */43 variant?: PackageInfoVariant44 /** Optional handler for the footer Install action. */45 onInstall?: () => void46}4748// Styles: registry/aurora/styles/aurora-components.css (@layer aurora-components).4950const PackageInfo = (51 { ref,52 name,53 version,54 description,55 registry,56 license,57 size,58 latest = false,59 outdated = false,60 variant = "default",61 onInstall,62 className,63 ...props64 }: PackageInfoProps & { ref?: React.Ref<HTMLDivElement> }65 ) => {66 const isCompact = variant === "compact"67 const hasFooter =68 !isCompact && Boolean(registry || license || size || onInstall)6970 return (71 <div72 ref={ref}73// … truncated
What it pulls in
npm packages
Other registry items
Files it writes
More from aurora
All 176 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Aurora AI Actionaurora-ai-action | aurora | Blocks | Unverified | 1 dep | |
| Aurora AI Actionsaurora-ai-actions | aurora | Blocks | Unverified | 1 dep | |
| Aurora AI Agentaurora-ai-agent | aurora | Blocks | Unverified | 1 dep | |
| Aurora AI Image Gridaurora-ai-ai-image-grid | aurora | Blocks | Unverified | 1 dep | |
| Aurora AI Attachmentsaurora-ai-attachments | aurora | Blocks | Unverified | 1 dep | |
| Aurora AI Audio Playeraurora-ai-audio-player | aurora | Blocks | Unverified | 1 dep | |
| Aurora AI Branchaurora-ai-branch | aurora | Blocks | Unverified | 1 dep | |
| Aurora AI Canvasaurora-ai-canvas | aurora | Blocks | Unverified | 1 dep |
