@bigbinary/neeto-atoms 1.0.73 → 1.0.74
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -46,30 +46,30 @@ function Badge$1({
|
|
|
46
46
|
const extendedBadgeVariants = index$1.cva("", {
|
|
47
47
|
variants: {
|
|
48
48
|
variant: {
|
|
49
|
-
// --- Semantic (passthrough to shadcn) ---
|
|
50
|
-
default: "",
|
|
51
|
-
secondary: "",
|
|
52
|
-
destructive: "",
|
|
53
|
-
outline: "",
|
|
49
|
+
// --- Semantic (passthrough to shadcn — re-declare text color with !important to win over container cascades) ---
|
|
50
|
+
default: "text-primary-foreground!",
|
|
51
|
+
secondary: "text-secondary-foreground!",
|
|
52
|
+
destructive: "text-destructive!",
|
|
53
|
+
outline: "text-foreground!",
|
|
54
54
|
ghost: "",
|
|
55
|
-
link: "",
|
|
55
|
+
link: "text-primary!",
|
|
56
56
|
// --- Color ---
|
|
57
|
-
gray: "bg-gray-200 text-gray-800 dark:bg-gray-700 dark:text-gray-100",
|
|
58
|
-
"gray-subtle": "bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-300",
|
|
59
|
-
blue: "bg-blue-600 text-white dark:bg-blue-500",
|
|
60
|
-
"blue-subtle": "bg-blue-50 text-blue-700 dark:bg-blue-950/50 dark:text-blue-300",
|
|
61
|
-
purple: "bg-purple-700 text-white dark:bg-purple-600",
|
|
62
|
-
"purple-subtle": "bg-purple-50 text-purple-700 dark:bg-purple-950/50 dark:text-purple-300",
|
|
63
|
-
amber: "bg-amber-400 text-amber-950 dark:bg-amber-500 dark:text-amber-950",
|
|
64
|
-
"amber-subtle": "bg-amber-50 text-amber-700 dark:bg-amber-950/50 dark:text-amber-300",
|
|
65
|
-
red: "bg-red-600 text-white dark:bg-red-500",
|
|
66
|
-
"red-subtle": "bg-red-50 text-red-700 dark:bg-red-950/50 dark:text-red-300",
|
|
67
|
-
pink: "bg-pink-600 text-white dark:bg-pink-500",
|
|
68
|
-
"pink-subtle": "bg-pink-50 text-pink-700 dark:bg-pink-950/50 dark:text-pink-300",
|
|
69
|
-
green: "bg-green-600 text-white dark:bg-green-500",
|
|
70
|
-
"green-subtle": "bg-green-50 text-green-700 dark:bg-green-950/50 dark:text-green-300",
|
|
71
|
-
teal: "bg-teal-600 text-white dark:bg-teal-500",
|
|
72
|
-
"teal-subtle": "bg-teal-50 text-teal-700 dark:bg-teal-950/50 dark:text-teal-300"
|
|
57
|
+
gray: "bg-gray-200 text-gray-800! dark:bg-gray-700 dark:text-gray-100!",
|
|
58
|
+
"gray-subtle": "bg-gray-100 text-gray-600! dark:bg-gray-800 dark:text-gray-300!",
|
|
59
|
+
blue: "bg-blue-600 text-white! dark:bg-blue-500",
|
|
60
|
+
"blue-subtle": "bg-blue-50 text-blue-700! dark:bg-blue-950/50 dark:text-blue-300!",
|
|
61
|
+
purple: "bg-purple-700 text-white! dark:bg-purple-600",
|
|
62
|
+
"purple-subtle": "bg-purple-50 text-purple-700! dark:bg-purple-950/50 dark:text-purple-300!",
|
|
63
|
+
amber: "bg-amber-400 text-amber-950! dark:bg-amber-500 dark:text-amber-950!",
|
|
64
|
+
"amber-subtle": "bg-amber-50 text-amber-700! dark:bg-amber-950/50 dark:text-amber-300!",
|
|
65
|
+
red: "bg-red-600 text-white! dark:bg-red-500",
|
|
66
|
+
"red-subtle": "bg-red-50 text-red-700! dark:bg-red-950/50 dark:text-red-300!",
|
|
67
|
+
pink: "bg-pink-600 text-white! dark:bg-pink-500",
|
|
68
|
+
"pink-subtle": "bg-pink-50 text-pink-700! dark:bg-pink-950/50 dark:text-pink-300!",
|
|
69
|
+
green: "bg-green-600 text-white! dark:bg-green-500",
|
|
70
|
+
"green-subtle": "bg-green-50 text-green-700! dark:bg-green-950/50 dark:text-green-300!",
|
|
71
|
+
teal: "bg-teal-600 text-white! dark:bg-teal-500",
|
|
72
|
+
"teal-subtle": "bg-teal-50 text-teal-700! dark:bg-teal-950/50 dark:text-teal-300!"
|
|
73
73
|
},
|
|
74
74
|
size: {
|
|
75
75
|
sm: "h-4 px-1.5 py-0 text-[0.65rem] gap-0.5 [&>svg]:size-2.5!",
|
|
@@ -107,10 +107,7 @@ const Badge = ({
|
|
|
107
107
|
Badge$1,
|
|
108
108
|
{
|
|
109
109
|
variant: shadcnVariant,
|
|
110
|
-
className: utils.cn(
|
|
111
|
-
extendedBadgeVariants({ variant, size, shape }),
|
|
112
|
-
className
|
|
113
|
-
),
|
|
110
|
+
className: utils.cn(extendedBadgeVariants({ variant, size, shape }), className),
|
|
114
111
|
...props
|
|
115
112
|
}
|
|
116
113
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sources":["../../../src/shadcn/components/badge.tsx","../../../src/primitives/Badge.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"src/shadcn/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]:pe-1.5 has-data-[icon=inline-start]:ps-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 },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nfunction Badge({\n className,\n variant = \"default\",\n asChild = false,\n ...props\n}: React.ComponentProps<\"span\"> &\n VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n const Comp = asChild ? Slot.Root : \"span\"\n\n return (\n <Comp\n data-slot=\"badge\"\n data-variant={variant}\n className={cn(badgeVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nexport { Badge, badgeVariants }\n","import type React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Badge as ShadcnBadge } from \"src/shadcn/components/badge\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nconst extendedBadgeVariants = cva(\"\", {\n variants: {\n variant: {\n // --- Semantic (passthrough to shadcn) ---\n default: \"
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":["../../../src/shadcn/components/badge.tsx","../../../src/primitives/Badge.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"src/shadcn/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]:pe-1.5 has-data-[icon=inline-start]:ps-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 },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nfunction Badge({\n className,\n variant = \"default\",\n asChild = false,\n ...props\n}: React.ComponentProps<\"span\"> &\n VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n const Comp = asChild ? Slot.Root : \"span\"\n\n return (\n <Comp\n data-slot=\"badge\"\n data-variant={variant}\n className={cn(badgeVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nexport { Badge, badgeVariants }\n","import type React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Badge as ShadcnBadge } from \"src/shadcn/components/badge\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\n// Text colors are marked !important so Badge owns its color inside menu-style\n// containers (DropdownMenu/Select/Menubar/Combobox items) whose focus state\n// applies `**:text-accent-foreground` to all descendants.\nconst extendedBadgeVariants = cva(\"\", {\n variants: {\n variant: {\n // --- Semantic (passthrough to shadcn — re-declare text color with !important to win over container cascades) ---\n default: \"text-primary-foreground!\",\n secondary: \"text-secondary-foreground!\",\n destructive: \"text-destructive!\",\n outline: \"text-foreground!\",\n ghost: \"\",\n link: \"text-primary!\",\n\n // --- Color ---\n gray: \"bg-gray-200 text-gray-800! dark:bg-gray-700 dark:text-gray-100!\",\n \"gray-subtle\":\n \"bg-gray-100 text-gray-600! dark:bg-gray-800 dark:text-gray-300!\",\n blue: \"bg-blue-600 text-white! dark:bg-blue-500\",\n \"blue-subtle\":\n \"bg-blue-50 text-blue-700! dark:bg-blue-950/50 dark:text-blue-300!\",\n purple: \"bg-purple-700 text-white! dark:bg-purple-600\",\n \"purple-subtle\":\n \"bg-purple-50 text-purple-700! dark:bg-purple-950/50 dark:text-purple-300!\",\n amber:\n \"bg-amber-400 text-amber-950! dark:bg-amber-500 dark:text-amber-950!\",\n \"amber-subtle\":\n \"bg-amber-50 text-amber-700! dark:bg-amber-950/50 dark:text-amber-300!\",\n red: \"bg-red-600 text-white! dark:bg-red-500\",\n \"red-subtle\":\n \"bg-red-50 text-red-700! dark:bg-red-950/50 dark:text-red-300!\",\n pink: \"bg-pink-600 text-white! dark:bg-pink-500\",\n \"pink-subtle\":\n \"bg-pink-50 text-pink-700! dark:bg-pink-950/50 dark:text-pink-300!\",\n green: \"bg-green-600 text-white! dark:bg-green-500\",\n \"green-subtle\":\n \"bg-green-50 text-green-700! dark:bg-green-950/50 dark:text-green-300!\",\n teal: \"bg-teal-600 text-white! dark:bg-teal-500\",\n \"teal-subtle\":\n \"bg-teal-50 text-teal-700! dark:bg-teal-950/50 dark:text-teal-300!\",\n },\n size: {\n sm: \"h-4 px-1.5 py-0 text-[0.65rem] gap-0.5 [&>svg]:size-2.5!\",\n default: \"\",\n lg: \"h-6 px-3 py-0.5 text-sm gap-1.5 [&>svg]:size-4!\",\n },\n shape: {\n pill: \"\",\n rounded: \"rounded\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n shape: \"pill\",\n },\n});\n\n// Semantic variants that map to shadcn's built-in variants\nconst SHADCN_VARIANTS = new Set([\n \"default\",\n \"secondary\",\n \"destructive\",\n \"outline\",\n \"ghost\",\n \"link\",\n]);\n\ntype ExtendedBadgeVariant = NonNullable<\n VariantProps<typeof extendedBadgeVariants>[\"variant\"]\n>;\ntype ExtendedBadgeSize = NonNullable<\n VariantProps<typeof extendedBadgeVariants>[\"size\"]\n>;\ntype ExtendedBadgeShape = NonNullable<\n VariantProps<typeof extendedBadgeVariants>[\"shape\"]\n>;\n\ninterface BadgePrimitiveProps extends Omit<\n React.ComponentProps<typeof ShadcnBadge>,\n \"variant\"\n> {\n variant?: ExtendedBadgeVariant;\n size?: ExtendedBadgeSize;\n shape?: ExtendedBadgeShape;\n}\n\nconst Badge = ({\n variant = \"default\",\n size = \"default\",\n shape = \"pill\",\n className,\n ...props\n}: BadgePrimitiveProps) => {\n // Pass semantic variants to shadcn, color variants override via className\n const shadcnVariant = SHADCN_VARIANTS.has(variant) ? variant : undefined;\n\n return (\n <ShadcnBadge\n variant={\n shadcnVariant as React.ComponentProps<typeof ShadcnBadge>[\"variant\"]\n }\n className={cn(extendedBadgeVariants({ variant, size, shape }), className)}\n {...props}\n />\n );\n};\n\nexport { Badge, extendedBadgeVariants as badgeVariants };\n"],"names":["cva","Badge","Slot.Root","jsx","cn","ShadcnBadge"],"mappings":"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"}
|
package/dist/primitives/Badge.js
CHANGED
|
@@ -44,30 +44,30 @@ function Badge$1({
|
|
|
44
44
|
const extendedBadgeVariants = cva("", {
|
|
45
45
|
variants: {
|
|
46
46
|
variant: {
|
|
47
|
-
// --- Semantic (passthrough to shadcn) ---
|
|
48
|
-
default: "",
|
|
49
|
-
secondary: "",
|
|
50
|
-
destructive: "",
|
|
51
|
-
outline: "",
|
|
47
|
+
// --- Semantic (passthrough to shadcn — re-declare text color with !important to win over container cascades) ---
|
|
48
|
+
default: "text-primary-foreground!",
|
|
49
|
+
secondary: "text-secondary-foreground!",
|
|
50
|
+
destructive: "text-destructive!",
|
|
51
|
+
outline: "text-foreground!",
|
|
52
52
|
ghost: "",
|
|
53
|
-
link: "",
|
|
53
|
+
link: "text-primary!",
|
|
54
54
|
// --- Color ---
|
|
55
|
-
gray: "bg-gray-200 text-gray-800 dark:bg-gray-700 dark:text-gray-100",
|
|
56
|
-
"gray-subtle": "bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-300",
|
|
57
|
-
blue: "bg-blue-600 text-white dark:bg-blue-500",
|
|
58
|
-
"blue-subtle": "bg-blue-50 text-blue-700 dark:bg-blue-950/50 dark:text-blue-300",
|
|
59
|
-
purple: "bg-purple-700 text-white dark:bg-purple-600",
|
|
60
|
-
"purple-subtle": "bg-purple-50 text-purple-700 dark:bg-purple-950/50 dark:text-purple-300",
|
|
61
|
-
amber: "bg-amber-400 text-amber-950 dark:bg-amber-500 dark:text-amber-950",
|
|
62
|
-
"amber-subtle": "bg-amber-50 text-amber-700 dark:bg-amber-950/50 dark:text-amber-300",
|
|
63
|
-
red: "bg-red-600 text-white dark:bg-red-500",
|
|
64
|
-
"red-subtle": "bg-red-50 text-red-700 dark:bg-red-950/50 dark:text-red-300",
|
|
65
|
-
pink: "bg-pink-600 text-white dark:bg-pink-500",
|
|
66
|
-
"pink-subtle": "bg-pink-50 text-pink-700 dark:bg-pink-950/50 dark:text-pink-300",
|
|
67
|
-
green: "bg-green-600 text-white dark:bg-green-500",
|
|
68
|
-
"green-subtle": "bg-green-50 text-green-700 dark:bg-green-950/50 dark:text-green-300",
|
|
69
|
-
teal: "bg-teal-600 text-white dark:bg-teal-500",
|
|
70
|
-
"teal-subtle": "bg-teal-50 text-teal-700 dark:bg-teal-950/50 dark:text-teal-300"
|
|
55
|
+
gray: "bg-gray-200 text-gray-800! dark:bg-gray-700 dark:text-gray-100!",
|
|
56
|
+
"gray-subtle": "bg-gray-100 text-gray-600! dark:bg-gray-800 dark:text-gray-300!",
|
|
57
|
+
blue: "bg-blue-600 text-white! dark:bg-blue-500",
|
|
58
|
+
"blue-subtle": "bg-blue-50 text-blue-700! dark:bg-blue-950/50 dark:text-blue-300!",
|
|
59
|
+
purple: "bg-purple-700 text-white! dark:bg-purple-600",
|
|
60
|
+
"purple-subtle": "bg-purple-50 text-purple-700! dark:bg-purple-950/50 dark:text-purple-300!",
|
|
61
|
+
amber: "bg-amber-400 text-amber-950! dark:bg-amber-500 dark:text-amber-950!",
|
|
62
|
+
"amber-subtle": "bg-amber-50 text-amber-700! dark:bg-amber-950/50 dark:text-amber-300!",
|
|
63
|
+
red: "bg-red-600 text-white! dark:bg-red-500",
|
|
64
|
+
"red-subtle": "bg-red-50 text-red-700! dark:bg-red-950/50 dark:text-red-300!",
|
|
65
|
+
pink: "bg-pink-600 text-white! dark:bg-pink-500",
|
|
66
|
+
"pink-subtle": "bg-pink-50 text-pink-700! dark:bg-pink-950/50 dark:text-pink-300!",
|
|
67
|
+
green: "bg-green-600 text-white! dark:bg-green-500",
|
|
68
|
+
"green-subtle": "bg-green-50 text-green-700! dark:bg-green-950/50 dark:text-green-300!",
|
|
69
|
+
teal: "bg-teal-600 text-white! dark:bg-teal-500",
|
|
70
|
+
"teal-subtle": "bg-teal-50 text-teal-700! dark:bg-teal-950/50 dark:text-teal-300!"
|
|
71
71
|
},
|
|
72
72
|
size: {
|
|
73
73
|
sm: "h-4 px-1.5 py-0 text-[0.65rem] gap-0.5 [&>svg]:size-2.5!",
|
|
@@ -105,10 +105,7 @@ const Badge = ({
|
|
|
105
105
|
Badge$1,
|
|
106
106
|
{
|
|
107
107
|
variant: shadcnVariant,
|
|
108
|
-
className: cn(
|
|
109
|
-
extendedBadgeVariants({ variant, size, shape }),
|
|
110
|
-
className
|
|
111
|
-
),
|
|
108
|
+
className: cn(extendedBadgeVariants({ variant, size, shape }), className),
|
|
112
109
|
...props
|
|
113
110
|
}
|
|
114
111
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sources":["../../src/shadcn/components/badge.tsx","../../src/primitives/Badge.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"src/shadcn/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]:pe-1.5 has-data-[icon=inline-start]:ps-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 },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nfunction Badge({\n className,\n variant = \"default\",\n asChild = false,\n ...props\n}: React.ComponentProps<\"span\"> &\n VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n const Comp = asChild ? Slot.Root : \"span\"\n\n return (\n <Comp\n data-slot=\"badge\"\n data-variant={variant}\n className={cn(badgeVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nexport { Badge, badgeVariants }\n","import type React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Badge as ShadcnBadge } from \"src/shadcn/components/badge\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nconst extendedBadgeVariants = cva(\"\", {\n variants: {\n variant: {\n // --- Semantic (passthrough to shadcn) ---\n default: \"
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":["../../src/shadcn/components/badge.tsx","../../src/primitives/Badge.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"src/shadcn/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]:pe-1.5 has-data-[icon=inline-start]:ps-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 },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nfunction Badge({\n className,\n variant = \"default\",\n asChild = false,\n ...props\n}: React.ComponentProps<\"span\"> &\n VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n const Comp = asChild ? Slot.Root : \"span\"\n\n return (\n <Comp\n data-slot=\"badge\"\n data-variant={variant}\n className={cn(badgeVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nexport { Badge, badgeVariants }\n","import type React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Badge as ShadcnBadge } from \"src/shadcn/components/badge\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\n// Text colors are marked !important so Badge owns its color inside menu-style\n// containers (DropdownMenu/Select/Menubar/Combobox items) whose focus state\n// applies `**:text-accent-foreground` to all descendants.\nconst extendedBadgeVariants = cva(\"\", {\n variants: {\n variant: {\n // --- Semantic (passthrough to shadcn — re-declare text color with !important to win over container cascades) ---\n default: \"text-primary-foreground!\",\n secondary: \"text-secondary-foreground!\",\n destructive: \"text-destructive!\",\n outline: \"text-foreground!\",\n ghost: \"\",\n link: \"text-primary!\",\n\n // --- Color ---\n gray: \"bg-gray-200 text-gray-800! dark:bg-gray-700 dark:text-gray-100!\",\n \"gray-subtle\":\n \"bg-gray-100 text-gray-600! dark:bg-gray-800 dark:text-gray-300!\",\n blue: \"bg-blue-600 text-white! dark:bg-blue-500\",\n \"blue-subtle\":\n \"bg-blue-50 text-blue-700! dark:bg-blue-950/50 dark:text-blue-300!\",\n purple: \"bg-purple-700 text-white! dark:bg-purple-600\",\n \"purple-subtle\":\n \"bg-purple-50 text-purple-700! dark:bg-purple-950/50 dark:text-purple-300!\",\n amber:\n \"bg-amber-400 text-amber-950! dark:bg-amber-500 dark:text-amber-950!\",\n \"amber-subtle\":\n \"bg-amber-50 text-amber-700! dark:bg-amber-950/50 dark:text-amber-300!\",\n red: \"bg-red-600 text-white! dark:bg-red-500\",\n \"red-subtle\":\n \"bg-red-50 text-red-700! dark:bg-red-950/50 dark:text-red-300!\",\n pink: \"bg-pink-600 text-white! dark:bg-pink-500\",\n \"pink-subtle\":\n \"bg-pink-50 text-pink-700! dark:bg-pink-950/50 dark:text-pink-300!\",\n green: \"bg-green-600 text-white! dark:bg-green-500\",\n \"green-subtle\":\n \"bg-green-50 text-green-700! dark:bg-green-950/50 dark:text-green-300!\",\n teal: \"bg-teal-600 text-white! dark:bg-teal-500\",\n \"teal-subtle\":\n \"bg-teal-50 text-teal-700! dark:bg-teal-950/50 dark:text-teal-300!\",\n },\n size: {\n sm: \"h-4 px-1.5 py-0 text-[0.65rem] gap-0.5 [&>svg]:size-2.5!\",\n default: \"\",\n lg: \"h-6 px-3 py-0.5 text-sm gap-1.5 [&>svg]:size-4!\",\n },\n shape: {\n pill: \"\",\n rounded: \"rounded\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n shape: \"pill\",\n },\n});\n\n// Semantic variants that map to shadcn's built-in variants\nconst SHADCN_VARIANTS = new Set([\n \"default\",\n \"secondary\",\n \"destructive\",\n \"outline\",\n \"ghost\",\n \"link\",\n]);\n\ntype ExtendedBadgeVariant = NonNullable<\n VariantProps<typeof extendedBadgeVariants>[\"variant\"]\n>;\ntype ExtendedBadgeSize = NonNullable<\n VariantProps<typeof extendedBadgeVariants>[\"size\"]\n>;\ntype ExtendedBadgeShape = NonNullable<\n VariantProps<typeof extendedBadgeVariants>[\"shape\"]\n>;\n\ninterface BadgePrimitiveProps extends Omit<\n React.ComponentProps<typeof ShadcnBadge>,\n \"variant\"\n> {\n variant?: ExtendedBadgeVariant;\n size?: ExtendedBadgeSize;\n shape?: ExtendedBadgeShape;\n}\n\nconst Badge = ({\n variant = \"default\",\n size = \"default\",\n shape = \"pill\",\n className,\n ...props\n}: BadgePrimitiveProps) => {\n // Pass semantic variants to shadcn, color variants override via className\n const shadcnVariant = SHADCN_VARIANTS.has(variant) ? variant : undefined;\n\n return (\n <ShadcnBadge\n variant={\n shadcnVariant as React.ComponentProps<typeof ShadcnBadge>[\"variant\"]\n }\n className={cn(extendedBadgeVariants({ variant, size, shape }), className)}\n {...props}\n />\n );\n};\n\nexport { Badge, extendedBadgeVariants as badgeVariants };\n"],"names":["Badge","Slot.Root","ShadcnBadge"],"mappings":"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"}
|