@karakuri-ui/react 0.3.2 → 0.3.4

package/dist/components/ui/badge.js

@@ -33,6 +33,7 @@ __export(badge_exports, {
   badgeVariants: () => badgeVariants
 });
 module.exports = __toCommonJS(badge_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority = require("class-variance-authority");
@@ -141,7 +142,7 @@ const Badge = React.forwardRef(
     const colorClasses = colorMap[color][variant];
     const outlineClasses = variant === "outline" ? "border bg-transparent" : "";
     const dotColor = variant === "solid" ? "bg-current" : dotColorMap[color];
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       Comp,
       {
         ref,
@@ -151,48 +152,50 @@ const Badge = React.forwardRef(
           outlineClasses,
           className
         ),
-        ...props
-      },
-      dot && /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          className: (0, import_utils.cn)("shrink-0 rounded-full", badgeDotSizes[resolvedSize], dotColor),
-          "aria-hidden": "true"
-        }
-      ),
-      icon && /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          className: (0, import_utils.cn)("shrink-0 [&>svg]:w-full [&>svg]:h-full", badgeIconSizes[resolvedSize]),
-          "aria-hidden": "true"
-        },
-        icon
-      ),
-      children,
-      removable && /* @__PURE__ */ React.createElement(
-        "button",
-        {
-          type: "button",
-          className: "shrink-0 -mr-0.5 ml-0.5 rounded-full p-0.5 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring",
-          onClick: (e) => {
-            e.stopPropagation();
-            onRemove?.();
-          },
-          "aria-label": "Remove"
-        },
-        /* @__PURE__ */ React.createElement(
-          "svg",
-          {
-            className: "w-3 h-3",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            strokeWidth: 2,
-            "aria-hidden": "true"
-          },
-          /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
-        )
-      )
+        ...props,
+        children: [
+          dot && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              className: (0, import_utils.cn)("shrink-0 rounded-full", badgeDotSizes[resolvedSize], dotColor),
+              "aria-hidden": "true"
+            }
+          ),
+          icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              className: (0, import_utils.cn)("shrink-0 [&>svg]:w-full [&>svg]:h-full", badgeIconSizes[resolvedSize]),
+              "aria-hidden": "true",
+              children: icon
+            }
+          ),
+          children,
+          removable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "shrink-0 -mr-0.5 ml-0.5 rounded-full p-0.5 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring",
+              onClick: (e) => {
+                e.stopPropagation();
+                onRemove?.();
+              },
+              "aria-label": "Remove",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "svg",
+                {
+                  className: "w-3 h-3",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  strokeWidth: 2,
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
+                }
+              )
+            }
+          )
+        ]
+      }
     );
   }
 );

package/dist/components/ui/badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/badge.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// Badge color maps for variant × color combinations\n// Uses semantic tokens (*.tint, text-text-*) for v4 dark mode compatibility\nconst colorMap = {\n  default: {\n    solid: 'bg-foreground text-background',\n    subtle: 'bg-background-muted text-foreground',\n    outline: 'border-border text-foreground',\n  },\n  primary: {\n    solid: 'bg-primary text-primary-foreground',\n    subtle: 'bg-primary-tint text-text-primary',\n    outline: 'border-primary text-text-primary',\n  },\n  success: {\n    solid: 'bg-success text-success-foreground',\n    subtle: 'bg-success-tint text-text-success',\n    outline: 'border-success text-text-success',\n  },\n  warning: {\n    solid: 'bg-warning text-warning-foreground',\n    subtle: 'bg-warning-tint text-text-warning',\n    outline: 'border-warning text-text-warning',\n  },\n  error: {\n    solid: 'bg-error text-error-foreground',\n    subtle: 'bg-error-tint text-text-error',\n    outline: 'border-error text-text-error',\n  },\n  info: {\n    solid: 'bg-info text-info-foreground',\n    subtle: 'bg-info-tint text-text-info',\n    outline: 'border-info text-text-info',\n  },\n} as const\n\nconst badgeVariants = cva(\n  'inline-flex items-center justify-center whitespace-nowrap font-semibold transition-colors select-none',\n  {\n    variants: {\n      size: {\n        sm: 'h-5 min-w-5 px-1.5 text-2xs gap-1',       // 20px height, 6px paddingX, 11px font\n        default: 'h-6 min-w-6 px-2 text-xs gap-1',      // 24px height, 8px paddingX, 12px font\n        lg: 'h-7 min-w-7 px-2.5 text-sm gap-1.5',       // 28px height, 10px paddingX, 13px font\n      },\n      radius: {\n        sm: 'rounded-sm',       // 2px\n        base: 'rounded',        // 4px\n        md: 'rounded-md',       // 6px\n        lg: 'rounded-lg',       // 8px\n        full: 'rounded-full',   // 9999px\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      radius: 'full',\n    },\n  }\n)\n\n// Icon sizes per badge size\nconst badgeIconSizes = {\n  sm: 'icon-2xs',      // 12px\n  default: 'icon-2xs', // 12px\n  lg: 'icon-xs',       // 14px\n} as const\n\n// Dot sizes per badge size\nconst badgeDotSizes = {\n  sm: 'w-1 h-1',\n  default: 'w-1.5 h-1.5',\n  lg: 'w-1.5 h-1.5',\n} as const\n\n// Dot colors per color (matches the solid background)\nconst dotColorMap = {\n  default: 'bg-foreground',\n  primary: 'bg-primary',\n  success: 'bg-success',\n  warning: 'bg-warning',\n  error: 'bg-error',\n  info: 'bg-info',\n} as const\n\nexport type BadgeVariant = 'solid' | 'subtle' | 'outline'\nexport type BadgeColor = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info'\nexport type BadgeSize = 'sm' | 'default' | 'lg'\nexport type BadgeRadius = 'sm' | 'base' | 'md' | 'lg' | 'full'\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof badgeVariants> {\n  /** Visual style */\n  variant?: BadgeVariant\n  /** Semantic color */\n  color?: BadgeColor\n  /** Leading icon slot */\n  icon?: React.ReactNode\n  /** Show a status dot before text */\n  dot?: boolean\n  /** Show a remove button */\n  removable?: boolean\n  /** Callback when remove button is clicked */\n  onRemove?: () => void\n  /** Render as child element (Slot pattern) */\n  asChild?: boolean\n}\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({\n    className,\n    variant = 'subtle',\n    color = 'default',\n    size,\n    radius,\n    icon,\n    dot = false,\n    removable = false,\n    onRemove,\n    asChild = false,\n    children,\n    ...props\n  }, ref) => {\n    const Comp = asChild ? Slot : 'span'\n    const resolvedSize = size || 'default'\n\n    // Color classes from variant × color map\n    const colorClasses = colorMap[color][variant]\n    // Outline variant needs border\n    const outlineClasses = variant === 'outline' ? 'border bg-transparent' : ''\n\n    // Dot color: in solid variant use currentColor (white/foreground), otherwise use semantic color\n    const dotColor = variant === 'solid' ? 'bg-current' : dotColorMap[color]\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          badgeVariants({ size, radius }),\n          colorClasses,\n          outlineClasses,\n          className\n        )}\n        {...props}\n      >\n        {dot && (\n          <span\n            className={cn('shrink-0 rounded-full', badgeDotSizes[resolvedSize], dotColor)}\n            aria-hidden=\"true\"\n          />\n        )}\n        {icon && (\n          <span\n            className={cn('shrink-0 [&>svg]:w-full [&>svg]:h-full', badgeIconSizes[resolvedSize])}\n            aria-hidden=\"true\"\n          >\n            {icon}\n          </span>\n        )}\n        {children}\n        {removable && (\n          <button\n            type=\"button\"\n            className=\"shrink-0 -mr-0.5 ml-0.5 rounded-full p-0.5 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring\"\n            onClick={(e) => {\n              e.stopPropagation()\n              onRemove?.()\n            }}\n            aria-label=\"Remove\"\n          >\n            <svg\n              className=\"w-3 h-3\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n              strokeWidth={2}\n              aria-hidden=\"true\"\n            >\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        )}\n      </Comp>\n    )\n  }\n)\nBadge.displayName = 'Badge'\n\nexport { Badge, badgeVariants }\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/ui/badge.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// Badge color maps for variant × color combinations\n// Uses semantic tokens (*.tint, text-text-*) for v4 dark mode compatibility\nconst colorMap = {\n  default: {\n    solid: 'bg-foreground text-background',\n    subtle: 'bg-background-muted text-foreground',\n    outline: 'border-border text-foreground',\n  },\n  primary: {\n    solid: 'bg-primary text-primary-foreground',\n    subtle: 'bg-primary-tint text-text-primary',\n    outline: 'border-primary text-text-primary',\n  },\n  success: {\n    solid: 'bg-success text-success-foreground',\n    subtle: 'bg-success-tint text-text-success',\n    outline: 'border-success text-text-success',\n  },\n  warning: {\n    solid: 'bg-warning text-warning-foreground',\n    subtle: 'bg-warning-tint text-text-warning',\n    outline: 'border-warning text-text-warning',\n  },\n  error: {\n    solid: 'bg-error text-error-foreground',\n    subtle: 'bg-error-tint text-text-error',\n    outline: 'border-error text-text-error',\n  },\n  info: {\n    solid: 'bg-info text-info-foreground',\n    subtle: 'bg-info-tint text-text-info',\n    outline: 'border-info text-text-info',\n  },\n} as const\n\nconst badgeVariants = cva(\n  'inline-flex items-center justify-center whitespace-nowrap font-semibold transition-colors select-none',\n  {\n    variants: {\n      size: {\n        sm: 'h-5 min-w-5 px-1.5 text-2xs gap-1',       // 20px height, 6px paddingX, 11px font\n        default: 'h-6 min-w-6 px-2 text-xs gap-1',      // 24px height, 8px paddingX, 12px font\n        lg: 'h-7 min-w-7 px-2.5 text-sm gap-1.5',       // 28px height, 10px paddingX, 13px font\n      },\n      radius: {\n        sm: 'rounded-sm',       // 2px\n        base: 'rounded',        // 4px\n        md: 'rounded-md',       // 6px\n        lg: 'rounded-lg',       // 8px\n        full: 'rounded-full',   // 9999px\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      radius: 'full',\n    },\n  }\n)\n\n// Icon sizes per badge size\nconst badgeIconSizes = {\n  sm: 'icon-2xs',      // 12px\n  default: 'icon-2xs', // 12px\n  lg: 'icon-xs',       // 14px\n} as const\n\n// Dot sizes per badge size\nconst badgeDotSizes = {\n  sm: 'w-1 h-1',\n  default: 'w-1.5 h-1.5',\n  lg: 'w-1.5 h-1.5',\n} as const\n\n// Dot colors per color (matches the solid background)\nconst dotColorMap = {\n  default: 'bg-foreground',\n  primary: 'bg-primary',\n  success: 'bg-success',\n  warning: 'bg-warning',\n  error: 'bg-error',\n  info: 'bg-info',\n} as const\n\nexport type BadgeVariant = 'solid' | 'subtle' | 'outline'\nexport type BadgeColor = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info'\nexport type BadgeSize = 'sm' | 'default' | 'lg'\nexport type BadgeRadius = 'sm' | 'base' | 'md' | 'lg' | 'full'\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof badgeVariants> {\n  /** Visual style */\n  variant?: BadgeVariant\n  /** Semantic color */\n  color?: BadgeColor\n  /** Leading icon slot */\n  icon?: React.ReactNode\n  /** Show a status dot before text */\n  dot?: boolean\n  /** Show a remove button */\n  removable?: boolean\n  /** Callback when remove button is clicked */\n  onRemove?: () => void\n  /** Render as child element (Slot pattern) */\n  asChild?: boolean\n}\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({\n    className,\n    variant = 'subtle',\n    color = 'default',\n    size,\n    radius,\n    icon,\n    dot = false,\n    removable = false,\n    onRemove,\n    asChild = false,\n    children,\n    ...props\n  }, ref) => {\n    const Comp = asChild ? Slot : 'span'\n    const resolvedSize = size || 'default'\n\n    // Color classes from variant × color map\n    const colorClasses = colorMap[color][variant]\n    // Outline variant needs border\n    const outlineClasses = variant === 'outline' ? 'border bg-transparent' : ''\n\n    // Dot color: in solid variant use currentColor (white/foreground), otherwise use semantic color\n    const dotColor = variant === 'solid' ? 'bg-current' : dotColorMap[color]\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          badgeVariants({ size, radius }),\n          colorClasses,\n          outlineClasses,\n          className\n        )}\n        {...props}\n      >\n        {dot && (\n          <span\n            className={cn('shrink-0 rounded-full', badgeDotSizes[resolvedSize], dotColor)}\n            aria-hidden=\"true\"\n          />\n        )}\n        {icon && (\n          <span\n            className={cn('shrink-0 [&>svg]:w-full [&>svg]:h-full', badgeIconSizes[resolvedSize])}\n            aria-hidden=\"true\"\n          >\n            {icon}\n          </span>\n        )}\n        {children}\n        {removable && (\n          <button\n            type=\"button\"\n            className=\"shrink-0 -mr-0.5 ml-0.5 rounded-full p-0.5 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring\"\n            onClick={(e) => {\n              e.stopPropagation()\n              onRemove?.()\n            }}\n            aria-label=\"Remove\"\n          >\n            <svg\n              className=\"w-3 h-3\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n              strokeWidth={2}\n              aria-hidden=\"true\"\n            >\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        )}\n      </Comp>\n    )\n  }\n)\nBadge.displayName = 'Badge'\n\nexport { Badge, badgeVariants }\n"],"mappings":"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","names":[]}

package/dist/components/ui/badge.mjs

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
@@ -107,7 +108,7 @@ const Badge = React.forwardRef(
     const colorClasses = colorMap[color][variant];
     const outlineClasses = variant === "outline" ? "border bg-transparent" : "";
     const dotColor = variant === "solid" ? "bg-current" : dotColorMap[color];
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       Comp,
       {
         ref,
@@ -117,48 +118,50 @@ const Badge = React.forwardRef(
           outlineClasses,
           className
         ),
-        ...props
-      },
-      dot && /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          className: cn("shrink-0 rounded-full", badgeDotSizes[resolvedSize], dotColor),
-          "aria-hidden": "true"
-        }
-      ),
-      icon && /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          className: cn("shrink-0 [&>svg]:w-full [&>svg]:h-full", badgeIconSizes[resolvedSize]),
-          "aria-hidden": "true"
-        },
-        icon
-      ),
-      children,
-      removable && /* @__PURE__ */ React.createElement(
-        "button",
-        {
-          type: "button",
-          className: "shrink-0 -mr-0.5 ml-0.5 rounded-full p-0.5 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring",
-          onClick: (e) => {
-            e.stopPropagation();
-            onRemove?.();
-          },
-          "aria-label": "Remove"
-        },
-        /* @__PURE__ */ React.createElement(
-          "svg",
-          {
-            className: "w-3 h-3",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            strokeWidth: 2,
-            "aria-hidden": "true"
-          },
-          /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
-        )
-      )
+        ...props,
+        children: [
+          dot && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn("shrink-0 rounded-full", badgeDotSizes[resolvedSize], dotColor),
+              "aria-hidden": "true"
+            }
+          ),
+          icon && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn("shrink-0 [&>svg]:w-full [&>svg]:h-full", badgeIconSizes[resolvedSize]),
+              "aria-hidden": "true",
+              children: icon
+            }
+          ),
+          children,
+          removable && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "shrink-0 -mr-0.5 ml-0.5 rounded-full p-0.5 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring",
+              onClick: (e) => {
+                e.stopPropagation();
+                onRemove?.();
+              },
+              "aria-label": "Remove",
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  className: "w-3 h-3",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  strokeWidth: 2,
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
+                }
+              )
+            }
+          )
+        ]
+      }
     );
   }
 );

package/dist/components/ui/badge.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/badge.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// Badge color maps for variant × color combinations\n// Uses semantic tokens (*.tint, text-text-*) for v4 dark mode compatibility\nconst colorMap = {\n  default: {\n    solid: 'bg-foreground text-background',\n    subtle: 'bg-background-muted text-foreground',\n    outline: 'border-border text-foreground',\n  },\n  primary: {\n    solid: 'bg-primary text-primary-foreground',\n    subtle: 'bg-primary-tint text-text-primary',\n    outline: 'border-primary text-text-primary',\n  },\n  success: {\n    solid: 'bg-success text-success-foreground',\n    subtle: 'bg-success-tint text-text-success',\n    outline: 'border-success text-text-success',\n  },\n  warning: {\n    solid: 'bg-warning text-warning-foreground',\n    subtle: 'bg-warning-tint text-text-warning',\n    outline: 'border-warning text-text-warning',\n  },\n  error: {\n    solid: 'bg-error text-error-foreground',\n    subtle: 'bg-error-tint text-text-error',\n    outline: 'border-error text-text-error',\n  },\n  info: {\n    solid: 'bg-info text-info-foreground',\n    subtle: 'bg-info-tint text-text-info',\n    outline: 'border-info text-text-info',\n  },\n} as const\n\nconst badgeVariants = cva(\n  'inline-flex items-center justify-center whitespace-nowrap font-semibold transition-colors select-none',\n  {\n    variants: {\n      size: {\n        sm: 'h-5 min-w-5 px-1.5 text-2xs gap-1',       // 20px height, 6px paddingX, 11px font\n        default: 'h-6 min-w-6 px-2 text-xs gap-1',      // 24px height, 8px paddingX, 12px font\n        lg: 'h-7 min-w-7 px-2.5 text-sm gap-1.5',       // 28px height, 10px paddingX, 13px font\n      },\n      radius: {\n        sm: 'rounded-sm',       // 2px\n        base: 'rounded',        // 4px\n        md: 'rounded-md',       // 6px\n        lg: 'rounded-lg',       // 8px\n        full: 'rounded-full',   // 9999px\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      radius: 'full',\n    },\n  }\n)\n\n// Icon sizes per badge size\nconst badgeIconSizes = {\n  sm: 'icon-2xs',      // 12px\n  default: 'icon-2xs', // 12px\n  lg: 'icon-xs',       // 14px\n} as const\n\n// Dot sizes per badge size\nconst badgeDotSizes = {\n  sm: 'w-1 h-1',\n  default: 'w-1.5 h-1.5',\n  lg: 'w-1.5 h-1.5',\n} as const\n\n// Dot colors per color (matches the solid background)\nconst dotColorMap = {\n  default: 'bg-foreground',\n  primary: 'bg-primary',\n  success: 'bg-success',\n  warning: 'bg-warning',\n  error: 'bg-error',\n  info: 'bg-info',\n} as const\n\nexport type BadgeVariant = 'solid' | 'subtle' | 'outline'\nexport type BadgeColor = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info'\nexport type BadgeSize = 'sm' | 'default' | 'lg'\nexport type BadgeRadius = 'sm' | 'base' | 'md' | 'lg' | 'full'\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof badgeVariants> {\n  /** Visual style */\n  variant?: BadgeVariant\n  /** Semantic color */\n  color?: BadgeColor\n  /** Leading icon slot */\n  icon?: React.ReactNode\n  /** Show a status dot before text */\n  dot?: boolean\n  /** Show a remove button */\n  removable?: boolean\n  /** Callback when remove button is clicked */\n  onRemove?: () => void\n  /** Render as child element (Slot pattern) */\n  asChild?: boolean\n}\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({\n    className,\n    variant = 'subtle',\n    color = 'default',\n    size,\n    radius,\n    icon,\n    dot = false,\n    removable = false,\n    onRemove,\n    asChild = false,\n    children,\n    ...props\n  }, ref) => {\n    const Comp = asChild ? Slot : 'span'\n    const resolvedSize = size || 'default'\n\n    // Color classes from variant × color map\n    const colorClasses = colorMap[color][variant]\n    // Outline variant needs border\n    const outlineClasses = variant === 'outline' ? 'border bg-transparent' : ''\n\n    // Dot color: in solid variant use currentColor (white/foreground), otherwise use semantic color\n    const dotColor = variant === 'solid' ? 'bg-current' : dotColorMap[color]\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          badgeVariants({ size, radius }),\n          colorClasses,\n          outlineClasses,\n          className\n        )}\n        {...props}\n      >\n        {dot && (\n          <span\n            className={cn('shrink-0 rounded-full', badgeDotSizes[resolvedSize], dotColor)}\n            aria-hidden=\"true\"\n          />\n        )}\n        {icon && (\n          <span\n            className={cn('shrink-0 [&>svg]:w-full [&>svg]:h-full', badgeIconSizes[resolvedSize])}\n            aria-hidden=\"true\"\n          >\n            {icon}\n          </span>\n        )}\n        {children}\n        {removable && (\n          <button\n            type=\"button\"\n            className=\"shrink-0 -mr-0.5 ml-0.5 rounded-full p-0.5 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring\"\n            onClick={(e) => {\n              e.stopPropagation()\n              onRemove?.()\n            }}\n            aria-label=\"Remove\"\n          >\n            <svg\n              className=\"w-3 h-3\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n              strokeWidth={2}\n              aria-hidden=\"true\"\n            >\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        )}\n      </Comp>\n    )\n  }\n)\nBadge.displayName = 'Badge'\n\nexport { Badge, badgeVariants }\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/ui/badge.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// Badge color maps for variant × color combinations\n// Uses semantic tokens (*.tint, text-text-*) for v4 dark mode compatibility\nconst colorMap = {\n  default: {\n    solid: 'bg-foreground text-background',\n    subtle: 'bg-background-muted text-foreground',\n    outline: 'border-border text-foreground',\n  },\n  primary: {\n    solid: 'bg-primary text-primary-foreground',\n    subtle: 'bg-primary-tint text-text-primary',\n    outline: 'border-primary text-text-primary',\n  },\n  success: {\n    solid: 'bg-success text-success-foreground',\n    subtle: 'bg-success-tint text-text-success',\n    outline: 'border-success text-text-success',\n  },\n  warning: {\n    solid: 'bg-warning text-warning-foreground',\n    subtle: 'bg-warning-tint text-text-warning',\n    outline: 'border-warning text-text-warning',\n  },\n  error: {\n    solid: 'bg-error text-error-foreground',\n    subtle: 'bg-error-tint text-text-error',\n    outline: 'border-error text-text-error',\n  },\n  info: {\n    solid: 'bg-info text-info-foreground',\n    subtle: 'bg-info-tint text-text-info',\n    outline: 'border-info text-text-info',\n  },\n} as const\n\nconst badgeVariants = cva(\n  'inline-flex items-center justify-center whitespace-nowrap font-semibold transition-colors select-none',\n  {\n    variants: {\n      size: {\n        sm: 'h-5 min-w-5 px-1.5 text-2xs gap-1',       // 20px height, 6px paddingX, 11px font\n        default: 'h-6 min-w-6 px-2 text-xs gap-1',      // 24px height, 8px paddingX, 12px font\n        lg: 'h-7 min-w-7 px-2.5 text-sm gap-1.5',       // 28px height, 10px paddingX, 13px font\n      },\n      radius: {\n        sm: 'rounded-sm',       // 2px\n        base: 'rounded',        // 4px\n        md: 'rounded-md',       // 6px\n        lg: 'rounded-lg',       // 8px\n        full: 'rounded-full',   // 9999px\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      radius: 'full',\n    },\n  }\n)\n\n// Icon sizes per badge size\nconst badgeIconSizes = {\n  sm: 'icon-2xs',      // 12px\n  default: 'icon-2xs', // 12px\n  lg: 'icon-xs',       // 14px\n} as const\n\n// Dot sizes per badge size\nconst badgeDotSizes = {\n  sm: 'w-1 h-1',\n  default: 'w-1.5 h-1.5',\n  lg: 'w-1.5 h-1.5',\n} as const\n\n// Dot colors per color (matches the solid background)\nconst dotColorMap = {\n  default: 'bg-foreground',\n  primary: 'bg-primary',\n  success: 'bg-success',\n  warning: 'bg-warning',\n  error: 'bg-error',\n  info: 'bg-info',\n} as const\n\nexport type BadgeVariant = 'solid' | 'subtle' | 'outline'\nexport type BadgeColor = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info'\nexport type BadgeSize = 'sm' | 'default' | 'lg'\nexport type BadgeRadius = 'sm' | 'base' | 'md' | 'lg' | 'full'\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof badgeVariants> {\n  /** Visual style */\n  variant?: BadgeVariant\n  /** Semantic color */\n  color?: BadgeColor\n  /** Leading icon slot */\n  icon?: React.ReactNode\n  /** Show a status dot before text */\n  dot?: boolean\n  /** Show a remove button */\n  removable?: boolean\n  /** Callback when remove button is clicked */\n  onRemove?: () => void\n  /** Render as child element (Slot pattern) */\n  asChild?: boolean\n}\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({\n    className,\n    variant = 'subtle',\n    color = 'default',\n    size,\n    radius,\n    icon,\n    dot = false,\n    removable = false,\n    onRemove,\n    asChild = false,\n    children,\n    ...props\n  }, ref) => {\n    const Comp = asChild ? Slot : 'span'\n    const resolvedSize = size || 'default'\n\n    // Color classes from variant × color map\n    const colorClasses = colorMap[color][variant]\n    // Outline variant needs border\n    const outlineClasses = variant === 'outline' ? 'border bg-transparent' : ''\n\n    // Dot color: in solid variant use currentColor (white/foreground), otherwise use semantic color\n    const dotColor = variant === 'solid' ? 'bg-current' : dotColorMap[color]\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          badgeVariants({ size, radius }),\n          colorClasses,\n          outlineClasses,\n          className\n        )}\n        {...props}\n      >\n        {dot && (\n          <span\n            className={cn('shrink-0 rounded-full', badgeDotSizes[resolvedSize], dotColor)}\n            aria-hidden=\"true\"\n          />\n        )}\n        {icon && (\n          <span\n            className={cn('shrink-0 [&>svg]:w-full [&>svg]:h-full', badgeIconSizes[resolvedSize])}\n            aria-hidden=\"true\"\n          >\n            {icon}\n          </span>\n        )}\n        {children}\n        {removable && (\n          <button\n            type=\"button\"\n            className=\"shrink-0 -mr-0.5 ml-0.5 rounded-full p-0.5 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring\"\n            onClick={(e) => {\n              e.stopPropagation()\n              onRemove?.()\n            }}\n            aria-label=\"Remove\"\n          >\n            <svg\n              className=\"w-3 h-3\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n              strokeWidth={2}\n              aria-hidden=\"true\"\n            >\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        )}\n      </Comp>\n    )\n  }\n)\nBadge.displayName = 'Badge'\n\nexport { Badge, badgeVariants }\n"],"mappings":"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","names":[]}

package/dist/components/ui/breadcrumb.js

@@ -39,35 +39,38 @@ __export(breadcrumb_exports, {
   breadcrumbSizeMap: () => breadcrumbSizeMap
 });
 module.exports = __toCommonJS(breadcrumb_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var import_react_slot = require("@radix-ui/react-slot");
 var import_utils = require("../../lib/utils");
 const BreadcrumbContext = React.createContext({});
 const useBreadcrumbContext = () => React.useContext(BreadcrumbContext);
 function ChevronRightIcon({ className }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
     {
       className,
       fill: "none",
       viewBox: "0 0 24 24",
       stroke: "currentColor",
-      strokeWidth: 2
-    },
-    /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
+      strokeWidth: 2,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
+    }
   );
 }
 function EllipsisIcon({ className }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "svg",
     {
       className,
       fill: "currentColor",
-      viewBox: "0 0 24 24"
-    },
-    /* @__PURE__ */ React.createElement("circle", { cx: "6", cy: "12", r: "1.5" }),
-    /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "1.5" }),
-    /* @__PURE__ */ React.createElement("circle", { cx: "18", cy: "12", r: "1.5" })
+      viewBox: "0 0 24 24",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "6", cy: "12", r: "1.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "1.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "18", cy: "12", r: "1.5" })
+      ]
+    }
   );
 }
 const breadcrumbSizeMap = {
@@ -76,7 +79,7 @@ const breadcrumbSizeMap = {
   lg: { text: "text-md", icon: "icon-sm", gap: "gap-2" }
 };
 const Breadcrumb = React.forwardRef(
-  ({ className, separator, size = "default", ...props }, ref) => /* @__PURE__ */ React.createElement(BreadcrumbContext.Provider, { value: { size, separator } }, /* @__PURE__ */ React.createElement(
+  ({ className, separator, size = "default", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BreadcrumbContext.Provider, { value: { size, separator }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "nav",
     {
       ref,
@@ -84,14 +87,14 @@ const Breadcrumb = React.forwardRef(
       className: (0, import_utils.cn)("", className),
       ...props
     }
-  ))
+  ) })
 );
 Breadcrumb.displayName = "Breadcrumb";
 const BreadcrumbList = React.forwardRef(
   ({ className, ...props }, ref) => {
     const { size = "default" } = useBreadcrumbContext();
     const sizeClass = breadcrumbSizeMap[size];
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "ol",
       {
         ref,
@@ -109,7 +112,7 @@ const BreadcrumbList = React.forwardRef(
 );
 BreadcrumbList.displayName = "BreadcrumbList";
 const BreadcrumbItem = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "li",
     {
       ref,
@@ -122,7 +125,7 @@ BreadcrumbItem.displayName = "BreadcrumbItem";
 const BreadcrumbLink = React.forwardRef(
   ({ asChild, className, ...props }, ref) => {
     const Comp = asChild ? import_react_slot.Slot : "a";
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Comp,
       {
         ref,
@@ -137,7 +140,7 @@ const BreadcrumbLink = React.forwardRef(
 );
 BreadcrumbLink.displayName = "BreadcrumbLink";
 const BreadcrumbPage = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "span",
     {
       ref,
@@ -154,16 +157,16 @@ const BreadcrumbSeparator = React.forwardRef(
   ({ children, className, ...props }, ref) => {
     const { separator, size = "default" } = useBreadcrumbContext();
     const sizeClass = breadcrumbSizeMap[size];
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "li",
       {
         ref,
         role: "presentation",
         "aria-hidden": "true",
         className: (0, import_utils.cn)("flex items-center text-text-subtle", className),
-        ...props
-      },
-      children ?? separator ?? /* @__PURE__ */ React.createElement(ChevronRightIcon, { className: sizeClass.icon })
+        ...props,
+        children: children ?? separator ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRightIcon, { className: sizeClass.icon })
+      }
     );
   }
 );
@@ -172,17 +175,19 @@ const BreadcrumbEllipsis = React.forwardRef(
   ({ className, ...props }, ref) => {
     const { size = "default" } = useBreadcrumbContext();
     const sizeClass = breadcrumbSizeMap[size];
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "span",
       {
         ref,
         role: "presentation",
         "aria-hidden": "true",
         className: (0, import_utils.cn)("flex items-center justify-center", className),
-        ...props
-      },
-      /* @__PURE__ */ React.createElement(EllipsisIcon, { className: sizeClass.icon }),
-      /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "More")
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EllipsisIcon, { className: sizeClass.icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "More" })
+        ]
+      }
     );
   }
 );

package/dist/components/ui/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/breadcrumb.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ─── Context ──────────────────────────────────────────────\n\ntype BreadcrumbContextValue = {\n  size?: 'sm' | 'default' | 'lg'\n  separator?: React.ReactNode\n}\n\nconst BreadcrumbContext = React.createContext<BreadcrumbContextValue>({})\nconst useBreadcrumbContext = () => React.useContext(BreadcrumbContext)\n\n// ─── Default Separator Icon ───────────────────────────────\n\nfunction ChevronRightIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n    </svg>\n  )\n}\n\n// ─── Ellipsis Icon ────────────────────────────────────────\n\nfunction EllipsisIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n    >\n      <circle cx=\"6\" cy=\"12\" r=\"1.5\" />\n      <circle cx=\"12\" cy=\"12\" r=\"1.5\" />\n      <circle cx=\"18\" cy=\"12\" r=\"1.5\" />\n    </svg>\n  )\n}\n\n// ─── Breadcrumb (Root) ────────────────────────────────────\n\nconst breadcrumbSizeMap = {\n  sm: { text: 'text-xs', icon: 'icon-xs', gap: 'gap-1.5' },\n  default: { text: 'text-sm', icon: 'icon-xs', gap: 'gap-2' },\n  lg: { text: 'text-md', icon: 'icon-sm', gap: 'gap-2' },\n} as const\n\nexport interface BreadcrumbProps extends React.ComponentPropsWithoutRef<'nav'> {\n  /** Separator element between items */\n  separator?: React.ReactNode\n  /** Size of the breadcrumb */\n  size?: 'sm' | 'default' | 'lg'\n  /** Max items before collapsing (undefined = no collapse) */\n  maxItems?: number\n  /** Items visible before the ellipsis when collapsed */\n  itemsBeforeCollapse?: number\n  /** Items visible after the ellipsis when collapsed */\n  itemsAfterCollapse?: number\n}\n\nconst Breadcrumb = React.forwardRef<HTMLElement, BreadcrumbProps>(\n  ({ className, separator, size = 'default', ...props }, ref) => (\n    <BreadcrumbContext.Provider value={{ size, separator }}>\n      <nav\n        ref={ref}\n        aria-label=\"breadcrumb\"\n        className={cn('', className)}\n        {...props}\n      />\n    </BreadcrumbContext.Provider>\n  )\n)\nBreadcrumb.displayName = 'Breadcrumb'\n\n// ─── BreadcrumbList ───────────────────────────────────────\n\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, React.ComponentPropsWithoutRef<'ol'>>(\n  ({ className, ...props }, ref) => {\n    const { size = 'default' } = useBreadcrumbContext()\n    const sizeClass = breadcrumbSizeMap[size]\n    return (\n      <ol\n        ref={ref}\n        className={cn(\n          'flex flex-wrap items-center',\n          sizeClass.gap,\n          sizeClass.text,\n          'text-text-muted',\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nBreadcrumbList.displayName = 'BreadcrumbList'\n\n// ─── BreadcrumbItem ───────────────────────────────────────\n\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<'li'>>(\n  ({ className, ...props }, ref) => (\n    <li\n      ref={ref}\n      className={cn('inline-flex items-center gap-1.5', className)}\n      {...props}\n    />\n  )\n)\nBreadcrumbItem.displayName = 'BreadcrumbItem'\n\n// ─── BreadcrumbLink ───────────────────────────────────────\n\nexport interface BreadcrumbLinkProps extends React.ComponentPropsWithoutRef<'a'> {\n  /** Use Radix Slot to compose with custom link components */\n  asChild?: boolean\n}\n\nconst BreadcrumbLink = React.forwardRef<HTMLAnchorElement, BreadcrumbLinkProps>(\n  ({ asChild, className, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'a'\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          'transition-colors duration-fast hover:text-foreground',\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nBreadcrumbLink.displayName = 'BreadcrumbLink'\n\n// ─── BreadcrumbPage ───────────────────────────────────────\n\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, React.ComponentPropsWithoutRef<'span'>>(\n  ({ className, ...props }, ref) => (\n    <span\n      ref={ref}\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn('text-foreground', className)}\n      {...props}\n    />\n  )\n)\nBreadcrumbPage.displayName = 'BreadcrumbPage'\n\n// ─── BreadcrumbSeparator ──────────────────────────────────\n\nconst BreadcrumbSeparator = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<'li'>>(\n  ({ children, className, ...props }, ref) => {\n    const { separator, size = 'default' } = useBreadcrumbContext()\n    const sizeClass = breadcrumbSizeMap[size]\n    return (\n      <li\n        ref={ref}\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        className={cn('flex items-center text-text-subtle', className)}\n        {...props}\n      >\n        {children ?? separator ?? <ChevronRightIcon className={sizeClass.icon} />}\n      </li>\n    )\n  }\n)\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator'\n\n// ─── BreadcrumbEllipsis ───────────────────────────────────\n\nexport interface BreadcrumbEllipsisProps extends React.ComponentPropsWithoutRef<'span'> {}\n\nconst BreadcrumbEllipsis = React.forwardRef<HTMLSpanElement, BreadcrumbEllipsisProps>(\n  ({ className, ...props }, ref) => {\n    const { size = 'default' } = useBreadcrumbContext()\n    const sizeClass = breadcrumbSizeMap[size]\n    return (\n      <span\n        ref={ref}\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        className={cn('flex items-center justify-center', className)}\n        {...props}\n      >\n        <EllipsisIcon className={sizeClass.icon} />\n        <span className=\"sr-only\">More</span>\n      </span>\n    )\n  }\n)\nBreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis'\n\n// ─── Exports ──────────────────────────────────────────────\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n  breadcrumbSizeMap,\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/ui/breadcrumb.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ─── Context ──────────────────────────────────────────────\n\ntype BreadcrumbContextValue = {\n  size?: 'sm' | 'default' | 'lg'\n  separator?: React.ReactNode\n}\n\nconst BreadcrumbContext = React.createContext<BreadcrumbContextValue>({})\nconst useBreadcrumbContext = () => React.useContext(BreadcrumbContext)\n\n// ─── Default Separator Icon ───────────────────────────────\n\nfunction ChevronRightIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n    </svg>\n  )\n}\n\n// ─── Ellipsis Icon ────────────────────────────────────────\n\nfunction EllipsisIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n    >\n      <circle cx=\"6\" cy=\"12\" r=\"1.5\" />\n      <circle cx=\"12\" cy=\"12\" r=\"1.5\" />\n      <circle cx=\"18\" cy=\"12\" r=\"1.5\" />\n    </svg>\n  )\n}\n\n// ─── Breadcrumb (Root) ────────────────────────────────────\n\nconst breadcrumbSizeMap = {\n  sm: { text: 'text-xs', icon: 'icon-xs', gap: 'gap-1.5' },\n  default: { text: 'text-sm', icon: 'icon-xs', gap: 'gap-2' },\n  lg: { text: 'text-md', icon: 'icon-sm', gap: 'gap-2' },\n} as const\n\nexport interface BreadcrumbProps extends React.ComponentPropsWithoutRef<'nav'> {\n  /** Separator element between items */\n  separator?: React.ReactNode\n  /** Size of the breadcrumb */\n  size?: 'sm' | 'default' | 'lg'\n  /** Max items before collapsing (undefined = no collapse) */\n  maxItems?: number\n  /** Items visible before the ellipsis when collapsed */\n  itemsBeforeCollapse?: number\n  /** Items visible after the ellipsis when collapsed */\n  itemsAfterCollapse?: number\n}\n\nconst Breadcrumb = React.forwardRef<HTMLElement, BreadcrumbProps>(\n  ({ className, separator, size = 'default', ...props }, ref) => (\n    <BreadcrumbContext.Provider value={{ size, separator }}>\n      <nav\n        ref={ref}\n        aria-label=\"breadcrumb\"\n        className={cn('', className)}\n        {...props}\n      />\n    </BreadcrumbContext.Provider>\n  )\n)\nBreadcrumb.displayName = 'Breadcrumb'\n\n// ─── BreadcrumbList ───────────────────────────────────────\n\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, React.ComponentPropsWithoutRef<'ol'>>(\n  ({ className, ...props }, ref) => {\n    const { size = 'default' } = useBreadcrumbContext()\n    const sizeClass = breadcrumbSizeMap[size]\n    return (\n      <ol\n        ref={ref}\n        className={cn(\n          'flex flex-wrap items-center',\n          sizeClass.gap,\n          sizeClass.text,\n          'text-text-muted',\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nBreadcrumbList.displayName = 'BreadcrumbList'\n\n// ─── BreadcrumbItem ───────────────────────────────────────\n\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<'li'>>(\n  ({ className, ...props }, ref) => (\n    <li\n      ref={ref}\n      className={cn('inline-flex items-center gap-1.5', className)}\n      {...props}\n    />\n  )\n)\nBreadcrumbItem.displayName = 'BreadcrumbItem'\n\n// ─── BreadcrumbLink ───────────────────────────────────────\n\nexport interface BreadcrumbLinkProps extends React.ComponentPropsWithoutRef<'a'> {\n  /** Use Radix Slot to compose with custom link components */\n  asChild?: boolean\n}\n\nconst BreadcrumbLink = React.forwardRef<HTMLAnchorElement, BreadcrumbLinkProps>(\n  ({ asChild, className, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'a'\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          'transition-colors duration-fast hover:text-foreground',\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nBreadcrumbLink.displayName = 'BreadcrumbLink'\n\n// ─── BreadcrumbPage ───────────────────────────────────────\n\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, React.ComponentPropsWithoutRef<'span'>>(\n  ({ className, ...props }, ref) => (\n    <span\n      ref={ref}\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn('text-foreground', className)}\n      {...props}\n    />\n  )\n)\nBreadcrumbPage.displayName = 'BreadcrumbPage'\n\n// ─── BreadcrumbSeparator ──────────────────────────────────\n\nconst BreadcrumbSeparator = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<'li'>>(\n  ({ children, className, ...props }, ref) => {\n    const { separator, size = 'default' } = useBreadcrumbContext()\n    const sizeClass = breadcrumbSizeMap[size]\n    return (\n      <li\n        ref={ref}\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        className={cn('flex items-center text-text-subtle', className)}\n        {...props}\n      >\n        {children ?? separator ?? <ChevronRightIcon className={sizeClass.icon} />}\n      </li>\n    )\n  }\n)\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator'\n\n// ─── BreadcrumbEllipsis ───────────────────────────────────\n\nexport interface BreadcrumbEllipsisProps extends React.ComponentPropsWithoutRef<'span'> {}\n\nconst BreadcrumbEllipsis = React.forwardRef<HTMLSpanElement, BreadcrumbEllipsisProps>(\n  ({ className, ...props }, ref) => {\n    const { size = 'default' } = useBreadcrumbContext()\n    const sizeClass = breadcrumbSizeMap[size]\n    return (\n      <span\n        ref={ref}\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        className={cn('flex items-center justify-center', className)}\n        {...props}\n      >\n        <EllipsisIcon className={sizeClass.icon} />\n        <span className=\"sr-only\">More</span>\n      </span>\n    )\n  }\n)\nBreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis'\n\n// ─── Exports ──────────────────────────────────────────────\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n  breadcrumbSizeMap,\n}\n"],"mappings":"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","names":[]}