{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "badge", "dependencies": [ "class-variance-authority" ], "registryDependencies": [ "@seamless/utils" ], "files": [ { "path": "src/components/ui/badge.tsx", "content": "import type * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst badgeVariants = cva(\n \"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n secondary:\n \"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80\",\n destructive:\n \"bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20\",\n outline:\n \"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground\",\n ghost:\n \"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50\",\n link: \"text-primary underline-offset-4 hover:underline\",\n chip: \"border-border bg-card font-medium text-ink-2\",\n ok: \"border-soft bg-wash text-primary\",\n warn: \"border-status-lead-border bg-status-lead-bg text-warn\",\n active:\n \"border-status-active-border bg-status-active-bg text-status-active\",\n lead: \"border-status-lead-border bg-status-lead-bg text-status-lead\",\n placed:\n \"border-status-placed-border bg-status-placed-bg text-status-placed\",\n archived:\n \"border-status-archived-border bg-status-archived-bg text-status-archived\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\ntype BadgeProps = React.ComponentProps<\"span\"> &\n VariantProps\n\nfunction Badge({ className, variant = \"default\", ...props }: BadgeProps) {\n return (\n \n )\n}\n\nexport { Badge, badgeVariants, type BadgeProps }\n", "type": "registry:ui" } ], "type": "registry:ui" }