@7onic-ui/react 0.3.8 → 0.3.10

package/dist/chunk-V5UFWYFI.mjs

@@ -0,0 +1,255 @@
+"use client";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
+
+// src/components/ui/dropdown.tsx
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+var contentRadiusMap = {
+  md: "rounded-md",
+  // 6px
+  lg: "rounded-lg",
+  // 8px
+  xl: "rounded-xl"
+  // 12px (default)
+};
+var itemRadiusMap = {
+  md: "rounded",
+  // 4px — perceptual balance (67%)
+  lg: "rounded-md",
+  // 6px — perceptual balance (75%)
+  xl: "rounded-lg"
+  // 8px — perceptual balance (67%)
+};
+var itemSizeMap = {
+  sm: "px-2 py-1.5 text-xs",
+  md: "px-2 py-1.5 text-sm",
+  lg: "px-3 py-2.5 text-md"
+};
+var indicatorItemSizeMap = {
+  sm: "py-1.5 pl-6 pr-2 text-xs",
+  md: "py-1.5 pl-8 pr-2 text-sm",
+  lg: "py-2.5 pl-10 pr-3 text-md"
+};
+var indicatorSizeMap = {
+  sm: "left-2 h-3 w-3",
+  md: "left-2 h-3.5 w-3.5",
+  lg: "left-3 h-4 w-4"
+};
+var labelSizeMap = {
+  sm: "px-2 py-1.5 text-xs",
+  md: "px-2 py-1.5 text-xs",
+  lg: "px-3 py-2.5 text-xs"
+};
+var flushItemPaddingMap = {
+  sm: "px-3",
+  md: "px-3",
+  lg: "px-4"
+};
+var flushIndicatorItemPaddingMap = {
+  sm: "pl-7 pr-3",
+  md: "pl-9 pr-3",
+  lg: "pl-11 pr-4"
+};
+var insetSizeMap = {
+  sm: "pl-6",
+  md: "pl-8",
+  lg: "pl-10"
+};
+var DropdownMenuStyleContext = React.createContext({ radius: "lg", flush: false, size: "md" });
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, radius = "md", flush = false, size = "md", onCloseAutoFocus, ...props }, ref) => /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React.createElement(DropdownMenuStyleContext.Provider, { value: { radius, flush, size } }, /* @__PURE__ */ React.createElement(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    onCloseAutoFocus: (e) => {
+      e.preventDefault();
+      onCloseAutoFocus?.(e);
+    },
+    className: cn(
+      "z-popover min-w-[8rem] overflow-hidden border border-border bg-background text-foreground shadow-lg",
+      flush ? "py-1" : "p-1",
+      contentRadiusMap[radius],
+      className
+    ),
+    ...props
+  }
+))));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => {
+  const { radius, flush, size } = React.useContext(DropdownMenuStyleContext);
+  return /* @__PURE__ */ React.createElement(
+    DropdownMenuPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "relative flex cursor-default select-none items-center outline-none",
+        itemSizeMap[size],
+        !flush && itemRadiusMap[radius],
+        flush && flushItemPaddingMap[size],
+        "transition-colors duration-fast",
+        "focus:bg-background-muted",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        inset && insetSizeMap[size],
+        className
+      ),
+      ...props
+    }
+  );
+});
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => {
+  const { radius, flush, size } = React.useContext(DropdownMenuStyleContext);
+  return /* @__PURE__ */ React.createElement(
+    DropdownMenuPrimitive.CheckboxItem,
+    {
+      ref,
+      className: cn(
+        "relative flex cursor-default select-none items-center outline-none",
+        indicatorItemSizeMap[size],
+        !flush && itemRadiusMap[radius],
+        flush && flushIndicatorItemPaddingMap[size],
+        "transition-colors duration-fast",
+        "focus:bg-background-muted",
+        "data-[state=checked]:text-foreground data-[state=checked]:font-semibold",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        className
+      ),
+      checked,
+      ...props
+    },
+    /* @__PURE__ */ React.createElement("span", { className: cn("absolute flex items-center justify-center", indicatorSizeMap[size]) }, /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement("svg", { className: "icon-xs", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3, "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })))),
+    children
+  );
+});
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => {
+  const { radius, flush, size } = React.useContext(DropdownMenuStyleContext);
+  return /* @__PURE__ */ React.createElement(
+    DropdownMenuPrimitive.RadioItem,
+    {
+      ref,
+      className: cn(
+        "relative flex cursor-default select-none items-center outline-none",
+        indicatorItemSizeMap[size],
+        !flush && itemRadiusMap[radius],
+        flush && flushIndicatorItemPaddingMap[size],
+        "transition-colors duration-fast",
+        "focus:bg-background-muted",
+        "data-[state=checked]:text-foreground data-[state=checked]:font-semibold",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement("span", { className: cn("absolute flex items-center justify-center", indicatorSizeMap[size]) }, /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement("svg", { className: "icon-xs", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "6" })))),
+    children
+  );
+});
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => {
+  const { flush, size } = React.useContext(DropdownMenuStyleContext);
+  return /* @__PURE__ */ React.createElement(
+    DropdownMenuPrimitive.Label,
+    {
+      ref,
+      className: cn(
+        "font-semibold text-text-muted",
+        labelSizeMap[size],
+        flush && flushItemPaddingMap[size],
+        inset && insetSizeMap[size],
+        className
+      ),
+      ...props
+    }
+  );
+});
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => {
+  const { flush } = React.useContext(DropdownMenuStyleContext);
+  return /* @__PURE__ */ React.createElement(
+    DropdownMenuPrimitive.Separator,
+    {
+      ref,
+      className: cn("h-px bg-border my-1", !flush && "-mx-1", className),
+      ...props
+    }
+  );
+});
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => {
+  const { radius, flush, size } = React.useContext(DropdownMenuStyleContext);
+  return /* @__PURE__ */ React.createElement(
+    DropdownMenuPrimitive.SubTrigger,
+    {
+      ref,
+      className: cn(
+        "flex cursor-default select-none items-center outline-none",
+        itemSizeMap[size],
+        !flush && itemRadiusMap[radius],
+        flush && flushItemPaddingMap[size],
+        "focus:bg-background-muted data-[state=open]:bg-background-muted",
+        inset && insetSizeMap[size],
+        className
+      ),
+      ...props
+    },
+    children,
+    /* @__PURE__ */ React.createElement("svg", { className: "ml-auto icon-xs", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }))
+  );
+});
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => {
+  const { radius, flush } = React.useContext(DropdownMenuStyleContext);
+  return /* @__PURE__ */ React.createElement(
+    DropdownMenuPrimitive.SubContent,
+    {
+      ref,
+      className: cn(
+        "z-popover min-w-[8rem] overflow-hidden border border-border bg-background text-foreground shadow-lg",
+        flush ? "py-1" : "p-1",
+        contentRadiusMap[radius],
+        className
+      ),
+      ...props
+    }
+  );
+});
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+function DropdownMenuShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      className: cn("ml-auto pl-4 text-xs text-text-subtle tracking-widest", className),
+      ...props
+    }
+  );
+}
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+export {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuGroup,
+  DropdownMenuSub,
+  DropdownMenuRadioGroup,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+  DropdownMenuShortcut
+};
+//# sourceMappingURL=chunk-V5UFWYFI.mjs.map

package/dist/chunk-V5UFWYFI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/dropdown.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { cn } from '@/lib/utils'\n\n// Radius variants for Content and Item (concentric rounded rectangles)\ntype DropdownMenuRadius = 'md' | 'lg' | 'xl'\n\nconst contentRadiusMap: Record<DropdownMenuRadius, string> = {\n  md: 'rounded-md',     // 6px\n  lg: 'rounded-lg',     // 8px\n  xl: 'rounded-xl',     // 12px (default)\n}\n\nconst itemRadiusMap: Record<DropdownMenuRadius, string> = {\n  md: 'rounded',        // 4px — perceptual balance (67%)\n  lg: 'rounded-md',     // 6px — perceptual balance (75%)\n  xl: 'rounded-lg',     // 8px — perceptual balance (67%)\n}\n\n// Size variants\ntype DropdownMenuSize = 'sm' | 'md' | 'lg'\n\nconst itemSizeMap: Record<DropdownMenuSize, string> = {\n  sm: 'px-2 py-1.5 text-xs',\n  md: 'px-2 py-1.5 text-sm',\n  lg: 'px-3 py-2.5 text-md',\n}\n\nconst indicatorItemSizeMap: Record<DropdownMenuSize, string> = {\n  sm: 'py-1.5 pl-6 pr-2 text-xs',\n  md: 'py-1.5 pl-8 pr-2 text-sm',\n  lg: 'py-2.5 pl-10 pr-3 text-md',\n}\n\nconst indicatorSizeMap: Record<DropdownMenuSize, string> = {\n  sm: 'left-2 h-3 w-3',\n  md: 'left-2 h-3.5 w-3.5',\n  lg: 'left-3 h-4 w-4',\n}\n\nconst labelSizeMap: Record<DropdownMenuSize, string> = {\n  sm: 'px-2 py-1.5 text-xs',\n  md: 'px-2 py-1.5 text-xs',\n  lg: 'px-3 py-2.5 text-xs',\n}\n\nconst flushItemPaddingMap: Record<DropdownMenuSize, string> = {\n  sm: 'px-3',\n  md: 'px-3',\n  lg: 'px-4',\n}\n\nconst flushIndicatorItemPaddingMap: Record<DropdownMenuSize, string> = {\n  sm: 'pl-7 pr-3',\n  md: 'pl-9 pr-3',\n  lg: 'pl-11 pr-4',\n}\n\nconst insetSizeMap: Record<DropdownMenuSize, string> = {\n  sm: 'pl-6',\n  md: 'pl-8',\n  lg: 'pl-10',\n}\n\n// Style context — propagates radius, flush, size from Content to children\nconst DropdownMenuStyleContext = React.createContext<{\n  radius: DropdownMenuRadius\n  flush: boolean\n  size: DropdownMenuSize\n}>({ radius: 'lg', flush: false, size: 'md' })\n\n// Root — state management (controlled / uncontrolled)\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\n// Trigger — the element that toggles the menu\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\n// Group — groups related items\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\n// Sub — submenu root\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\n// RadioGroup — radio selection group\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\n// Content — the floating panel (rendered in a Portal)\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & {\n    radius?: DropdownMenuRadius\n    flush?: boolean\n    size?: DropdownMenuSize\n  }\n>(({ className, sideOffset = 4, radius = 'md', flush = false, size = 'md', onCloseAutoFocus, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuStyleContext.Provider value={{ radius, flush, size }}>\n      <DropdownMenuPrimitive.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        onCloseAutoFocus={(e) => {\n          e.preventDefault()\n          onCloseAutoFocus?.(e)\n        }}\n        className={cn(\n          'z-popover min-w-[8rem] overflow-hidden border border-border bg-background text-foreground shadow-lg',\n          flush ? 'py-1' : 'p-1',\n          contentRadiusMap[radius],\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuStyleContext.Provider>\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\n// Item — a single menu item\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => {\n  const { radius, flush, size } = React.useContext(DropdownMenuStyleContext)\n  return (\n    <DropdownMenuPrimitive.Item\n      ref={ref}\n      className={cn(\n        'relative flex cursor-default select-none items-center outline-none',\n        itemSizeMap[size],\n        !flush && itemRadiusMap[radius],\n        flush && flushItemPaddingMap[size],\n        'transition-colors duration-fast',\n        'focus:bg-background-muted',\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n        inset && insetSizeMap[size],\n        className\n      )}\n      {...props}\n    />\n  )\n})\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\n// CheckboxItem — item with a checkbox indicator\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => {\n  const { radius, flush, size } = React.useContext(DropdownMenuStyleContext)\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      ref={ref}\n      className={cn(\n        'relative flex cursor-default select-none items-center outline-none',\n        indicatorItemSizeMap[size],\n        !flush && itemRadiusMap[radius],\n        flush && flushIndicatorItemPaddingMap[size],\n        'transition-colors duration-fast',\n        'focus:bg-background-muted',\n        'data-[state=checked]:text-foreground data-[state=checked]:font-semibold',\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className={cn('absolute flex items-center justify-center', indicatorSizeMap[size])}>\n        <DropdownMenuPrimitive.ItemIndicator>\n          <svg className=\"icon-xs\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={3} aria-hidden=\"true\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n          </svg>\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n})\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName\n\n// RadioItem — item within a RadioGroup\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => {\n  const { radius, flush, size } = React.useContext(DropdownMenuStyleContext)\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      ref={ref}\n      className={cn(\n        'relative flex cursor-default select-none items-center outline-none',\n        indicatorItemSizeMap[size],\n        !flush && itemRadiusMap[radius],\n        flush && flushIndicatorItemPaddingMap[size],\n        'transition-colors duration-fast',\n        'focus:bg-background-muted',\n        'data-[state=checked]:text-foreground data-[state=checked]:font-semibold',\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n        className\n      )}\n      {...props}\n    >\n      <span className={cn('absolute flex items-center justify-center', indicatorSizeMap[size])}>\n        <DropdownMenuPrimitive.ItemIndicator>\n          <svg className=\"icon-xs\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"6\" />\n          </svg>\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n})\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\n// Label — non-interactive group heading\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => {\n  const { flush, size } = React.useContext(DropdownMenuStyleContext)\n  return (\n    <DropdownMenuPrimitive.Label\n      ref={ref}\n      className={cn(\n        'font-semibold text-text-muted',\n        labelSizeMap[size],\n        flush && flushItemPaddingMap[size],\n        inset && insetSizeMap[size],\n        className\n      )}\n      {...props}\n    />\n  )\n})\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\n// Separator — visual divider between groups\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => {\n  const { flush } = React.useContext(DropdownMenuStyleContext)\n  return (\n    <DropdownMenuPrimitive.Separator\n      ref={ref}\n      className={cn('h-px bg-border my-1', !flush && '-mx-1', className)}\n      {...props}\n    />\n  )\n})\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\n// SubTrigger — item that opens a submenu\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => {\n  const { radius, flush, size } = React.useContext(DropdownMenuStyleContext)\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      ref={ref}\n      className={cn(\n        'flex cursor-default select-none items-center outline-none',\n        itemSizeMap[size],\n        !flush && itemRadiusMap[radius],\n        flush && flushItemPaddingMap[size],\n        'focus:bg-background-muted data-[state=open]:bg-background-muted',\n        inset && insetSizeMap[size],\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <svg className=\"ml-auto icon-xs\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n      </svg>\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n})\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName\n\n// SubContent — the floating panel for a submenu\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => {\n  const { radius, flush } = React.useContext(DropdownMenuStyleContext)\n  return (\n    <DropdownMenuPrimitive.SubContent\n      ref={ref}\n      className={cn(\n        'z-popover min-w-[8rem] overflow-hidden border border-border bg-background text-foreground shadow-lg',\n        flush ? 'py-1' : 'p-1',\n        contentRadiusMap[radius],\n        className\n      )}\n      {...props}\n    />\n  )\n})\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName\n\n// Shortcut — keyboard shortcut hint text\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) {\n  return (\n    <span\n      className={cn('ml-auto pl-4 text-xs text-text-subtle tracking-widest', className)}\n      {...props}\n    />\n  )\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nexport type { DropdownMenuRadius, DropdownMenuSize }\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuGroup,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n  DropdownMenuShortcut,\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-VUPGBB5X.mjs

@@ -0,0 +1,150 @@
+"use client";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
+
+// src/components/ui/slider.tsx
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { cva } from "class-variance-authority";
+var sliderVariants = cva(
+  "relative flex touch-none select-none",
+  {
+    variants: {
+      size: {
+        sm: "",
+        default: "",
+        lg: ""
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var trackSizes = {
+  sm: "h-1 data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-1",
+  default: "h-1.5 data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-1.5",
+  lg: "h-2 data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-2"
+};
+var thumbSizes = {
+  sm: "w-[var(--component-slider-thumb-sm)] h-[var(--component-slider-thumb-sm)]",
+  default: "w-[var(--component-slider-thumb-default)] h-[var(--component-slider-thumb-default)]",
+  lg: "w-[var(--component-slider-thumb-lg)] h-[var(--component-slider-thumb-lg)]"
+};
+var contentSizes = {
+  sm: "text-xs",
+  default: "text-sm",
+  lg: "text-base"
+};
+var sliderColorMap = {
+  default: {
+    range: "bg-foreground",
+    thumb: "bg-background border-foreground",
+    thumbHover: "hover:shadow-[0_0_0_4px_color-mix(in_srgb,var(--color-text)_16%,transparent)] hover:border-foreground",
+    thumbActive: "active:shadow-[0_0_0_6px_color-mix(in_srgb,var(--color-text)_16%,transparent)]"
+  },
+  primary: {
+    range: "bg-primary",
+    thumb: "bg-primary-foreground border-primary",
+    thumbHover: "hover:shadow-primary-glow hover:border-primary-hover",
+    thumbActive: "active:shadow-[0_0_0_6px_color-mix(in_srgb,var(--color-primary)_16%,transparent)]"
+  }
+};
+var Slider = React.forwardRef(({ className, size, color = "default", value, defaultValue, onValueChange, showTooltip = "never", formatLabel, startContent, endContent, orientation, ...props }, ref) => {
+  const resolvedSize = size || "default";
+  const thumbCount = value?.length ?? defaultValue?.length ?? 1;
+  const hasTooltip = showTooltip !== "never";
+  const hasWrapper = !!(startContent || endContent);
+  const isVertical = orientation === "vertical";
+  const [internalValue, setInternalValue] = React.useState(
+    () => value ?? defaultValue ?? Array(thumbCount).fill(props.min ?? 0)
+  );
+  const displayValues = value ?? internalValue;
+  const handleValueChange = React.useCallback((newValue) => {
+    setInternalValue(newValue);
+    onValueChange?.(newValue);
+  }, [onValueChange]);
+  const sliderRoot = /* @__PURE__ */ React.createElement(
+    SliderPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        sliderVariants({ size }),
+        isVertical ? "h-full w-auto flex-col items-center" : "w-full items-center",
+        hasWrapper && (isVertical ? "flex-1 min-h-0" : "flex-1 min-w-0"),
+        !hasWrapper && className
+      ),
+      value,
+      defaultValue,
+      onValueChange: hasTooltip ? handleValueChange : onValueChange,
+      orientation,
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(
+      SliderPrimitive.Track,
+      {
+        className: cn(
+          "relative grow overflow-hidden rounded-full bg-border",
+          isVertical ? "h-full" : "w-full",
+          trackSizes[resolvedSize]
+        )
+      },
+      /* @__PURE__ */ React.createElement(
+        SliderPrimitive.Range,
+        {
+          className: cn(
+            "absolute rounded-full",
+            sliderColorMap[color].range,
+            isVertical ? "w-full transition-[top,bottom] duration-fast ease-out" : "h-full transition-[left,right] duration-fast ease-out"
+          )
+        }
+      )
+    ),
+    Array.from({ length: thumbCount }).map((_, i) => /* @__PURE__ */ React.createElement(
+      SliderPrimitive.Thumb,
+      {
+        key: i,
+        className: cn(
+          "group/thumb block rounded-full border-2 shadow-sm",
+          sliderColorMap[color].thumb,
+          isVertical ? "transition-[top,box-shadow,border-color] duration-fast ease-out" : "transition-[left,box-shadow,border-color] duration-fast ease-out",
+          sliderColorMap[color].thumbHover,
+          sliderColorMap[color].thumbActive,
+          "focus-visible:focus-ring",
+          "disabled:pointer-events-none disabled:opacity-50",
+          thumbSizes[resolvedSize]
+        )
+      },
+      hasTooltip && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: cn(
+            "absolute pointer-events-none",
+            "transition-all duration-fast ease-out",
+            isVertical ? "right-full top-1/2 -translate-y-1/2 mr-2 origin-right" : "bottom-full left-1/2 -translate-x-1/2 mb-2 origin-bottom",
+            showTooltip === "always" ? "opacity-100 scale-100" : [
+              "opacity-0 scale-95",
+              "group-hover/thumb:opacity-100 group-hover/thumb:scale-100",
+              "group-active/thumb:opacity-100 group-active/thumb:scale-100",
+              "group-focus-visible/thumb:opacity-100 group-focus-visible/thumb:scale-100"
+            ]
+          )
+        },
+        /* @__PURE__ */ React.createElement("div", { className: "relative bg-foreground text-background text-xs font-semibold font-mono tabular-nums px-2.5 py-1 rounded-md shadow-lg whitespace-nowrap" }, formatLabel ? formatLabel(displayValues[i]) : displayValues[i], isVertical ? /* @__PURE__ */ React.createElement("div", { className: "absolute left-full top-1/2 -translate-y-1/2 border-4 border-transparent border-l-foreground" }) : /* @__PURE__ */ React.createElement("div", { className: "absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-foreground" }))
+      )
+    ))
+  );
+  if (!hasWrapper) return sliderRoot;
+  return /* @__PURE__ */ React.createElement("div", { className: cn(
+    isVertical ? "inline-flex flex-col items-center gap-2 h-full" : "flex items-center gap-3",
+    className
+  ) }, startContent && /* @__PURE__ */ React.createElement("span", { className: cn("shrink-0 text-text-muted select-none", contentSizes[resolvedSize], props.disabled && "opacity-50") }, startContent), sliderRoot, endContent && /* @__PURE__ */ React.createElement("span", { className: cn("shrink-0 text-text-muted select-none", contentSizes[resolvedSize], props.disabled && "opacity-50") }, endContent));
+});
+Slider.displayName = "Slider";
+
+export {
+  sliderVariants,
+  Slider
+};
+//# sourceMappingURL=chunk-VUPGBB5X.mjs.map

package/dist/chunk-VUPGBB5X.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/slider.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as SliderPrimitive from '@radix-ui/react-slider'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\n\n// Slider root variants\nconst sliderVariants = cva(\n  'relative flex touch-none select-none',\n  {\n    variants: {\n      size: {\n        sm: '',\n        default: '',\n        lg: '',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n)\n\n// Track sizes per orientation\nconst trackSizes = {\n  sm: 'h-1 data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-1',\n  default: 'h-1.5 data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-1.5',\n  lg: 'h-2 data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-2',\n}\n\n// Thumb sizes\nconst thumbSizes = {\n  sm: 'w-[var(--component-slider-thumb-sm)] h-[var(--component-slider-thumb-sm)]',\n  default: 'w-[var(--component-slider-thumb-default)] h-[var(--component-slider-thumb-default)]',\n  lg: 'w-[var(--component-slider-thumb-lg)] h-[var(--component-slider-thumb-lg)]',\n}\n\n// Content font sizes (for startContent / endContent)\nconst contentSizes = {\n  sm: 'text-xs',\n  default: 'text-sm',\n  lg: 'text-base',\n}\n\n// Color maps for range and thumb\nconst sliderColorMap = {\n  default: {\n    range: 'bg-foreground',\n    thumb: 'bg-background border-foreground',\n    thumbHover: 'hover:shadow-[0_0_0_4px_color-mix(in_srgb,var(--color-text)_16%,transparent)] hover:border-foreground',\n    thumbActive: 'active:shadow-[0_0_0_6px_color-mix(in_srgb,var(--color-text)_16%,transparent)]',\n  },\n  primary: {\n    range: 'bg-primary',\n    thumb: 'bg-primary-foreground border-primary',\n    thumbHover: 'hover:shadow-primary-glow hover:border-primary-hover',\n    thumbActive: 'active:shadow-[0_0_0_6px_color-mix(in_srgb,var(--color-primary)_16%,transparent)]',\n  },\n} as const\n\nexport type SliderColor = keyof typeof sliderColorMap\n\nexport interface SliderProps\n  extends React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>,\n    VariantProps<typeof sliderVariants> {\n  /** Track and thumb color */\n  color?: SliderColor\n  /** Tooltip display mode: auto (hover/drag), always, never */\n  showTooltip?: 'auto' | 'always' | 'never'\n  /** Custom formatter for tooltip value */\n  formatLabel?: (value: number) => string\n  /** Content to display before the slider (icon, label, etc.) */\n  startContent?: React.ReactNode\n  /** Content to display after the slider */\n  endContent?: React.ReactNode\n}\n\nconst Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  SliderProps\n>(({ className, size, color = 'default', value, defaultValue, onValueChange, showTooltip = 'never', formatLabel, startContent, endContent, orientation, ...props }, ref) => {\n  const resolvedSize = size || 'default'\n  const thumbCount = value?.length ?? defaultValue?.length ?? 1\n  const hasTooltip = showTooltip !== 'never'\n  const hasWrapper = !!(startContent || endContent)\n  const isVertical = orientation === 'vertical'\n\n  // Track value internally for tooltip display\n  const [internalValue, setInternalValue] = React.useState(\n    () => value ?? defaultValue ?? Array(thumbCount).fill(props.min ?? 0)\n  )\n  const displayValues = value ?? internalValue\n\n  const handleValueChange = React.useCallback((newValue: number[]) => {\n    setInternalValue(newValue)\n    onValueChange?.(newValue)\n  }, [onValueChange])\n\n  const sliderRoot = (\n    <SliderPrimitive.Root\n      ref={ref}\n      className={cn(\n        sliderVariants({ size }),\n        isVertical\n          ? 'h-full w-auto flex-col items-center'\n          : 'w-full items-center',\n        hasWrapper && (isVertical ? 'flex-1 min-h-0' : 'flex-1 min-w-0'),\n        !hasWrapper && className\n      )}\n      value={value}\n      defaultValue={defaultValue}\n      onValueChange={hasTooltip ? handleValueChange : onValueChange}\n      orientation={orientation}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        className={cn(\n          'relative grow overflow-hidden rounded-full bg-border',\n          isVertical ? 'h-full' : 'w-full',\n          trackSizes[resolvedSize]\n        )}\n      >\n        <SliderPrimitive.Range\n          className={cn(\n            'absolute rounded-full', sliderColorMap[color].range,\n            isVertical\n              ? 'w-full transition-[top,bottom] duration-fast ease-out'\n              : 'h-full transition-[left,right] duration-fast ease-out'\n          )}\n        />\n      </SliderPrimitive.Track>\n      {Array.from({ length: thumbCount }).map((_, i) => (\n        <SliderPrimitive.Thumb\n          key={i}\n          className={cn(\n            'group/thumb block rounded-full border-2 shadow-sm', sliderColorMap[color].thumb,\n            isVertical\n              ? 'transition-[top,box-shadow,border-color] duration-fast ease-out'\n              : 'transition-[left,box-shadow,border-color] duration-fast ease-out',\n            sliderColorMap[color].thumbHover,\n            sliderColorMap[color].thumbActive,\n            'focus-visible:focus-ring',\n            'disabled:pointer-events-none disabled:opacity-50',\n            thumbSizes[resolvedSize]\n          )}\n        >\n          {hasTooltip && (\n            <div\n              className={cn(\n                'absolute pointer-events-none',\n                'transition-all duration-fast ease-out',\n                isVertical\n                  ? 'right-full top-1/2 -translate-y-1/2 mr-2 origin-right'\n                  : 'bottom-full left-1/2 -translate-x-1/2 mb-2 origin-bottom',\n                showTooltip === 'always'\n                  ? 'opacity-100 scale-100'\n                  : [\n                      'opacity-0 scale-95',\n                      'group-hover/thumb:opacity-100 group-hover/thumb:scale-100',\n                      'group-active/thumb:opacity-100 group-active/thumb:scale-100',\n                      'group-focus-visible/thumb:opacity-100 group-focus-visible/thumb:scale-100',\n                    ]\n              )}\n            >\n              <div className=\"relative bg-foreground text-background text-xs font-semibold font-mono tabular-nums px-2.5 py-1 rounded-md shadow-lg whitespace-nowrap\">\n                {formatLabel ? formatLabel(displayValues[i]) : displayValues[i]}\n                {/* Arrow */}\n                {isVertical ? (\n                  <div className=\"absolute left-full top-1/2 -translate-y-1/2 border-4 border-transparent border-l-foreground\" />\n                ) : (\n                  <div className=\"absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-foreground\" />\n                )}\n              </div>\n            </div>\n          )}\n        </SliderPrimitive.Thumb>\n      ))}\n    </SliderPrimitive.Root>\n  )\n\n  if (!hasWrapper) return sliderRoot\n\n  return (\n    <div className={cn(\n      isVertical ? 'inline-flex flex-col items-center gap-2 h-full' : 'flex items-center gap-3',\n      className\n    )}>\n      {startContent && (\n        <span className={cn('shrink-0 text-text-muted select-none', contentSizes[resolvedSize], props.disabled && 'opacity-50')}>\n          {startContent}\n        </span>\n      )}\n      {sliderRoot}\n      {endContent && (\n        <span className={cn('shrink-0 text-text-muted select-none', contentSizes[resolvedSize], props.disabled && 'opacity-50')}>\n          {endContent}\n        </span>\n      )}\n    </div>\n  )\n})\nSlider.displayName = 'Slider'\n\nexport { Slider, sliderVariants }\n"],"mappings":"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","names":[]}

package/dist/chunk-W6YNEU53.mjs

@@ -0,0 +1,175 @@
+"use client";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
+
+// src/components/ui/badge.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+var colorMap = {
+  default: {
+    solid: "bg-foreground text-background",
+    subtle: "bg-background-muted text-foreground",
+    outline: "border-border text-foreground"
+  },
+  primary: {
+    solid: "bg-primary text-primary-foreground",
+    subtle: "bg-primary-tint text-text-primary",
+    outline: "border-primary text-text-primary"
+  },
+  success: {
+    solid: "bg-success text-success-foreground",
+    subtle: "bg-success-tint text-text-success",
+    outline: "border-success text-text-success"
+  },
+  warning: {
+    solid: "bg-warning text-warning-foreground",
+    subtle: "bg-warning-tint text-text-warning",
+    outline: "border-warning text-text-warning"
+  },
+  error: {
+    solid: "bg-error text-error-foreground",
+    subtle: "bg-error-tint text-text-error",
+    outline: "border-error text-text-error"
+  },
+  info: {
+    solid: "bg-info text-info-foreground",
+    subtle: "bg-info-tint text-text-info",
+    outline: "border-info text-text-info"
+  }
+};
+var badgeVariants = cva(
+  "inline-flex items-center justify-center whitespace-nowrap font-semibold transition-colors select-none",
+  {
+    variants: {
+      size: {
+        sm: "h-5 min-w-5 px-1.5 text-2xs gap-1",
+        // 20px height, 6px paddingX, 11px font
+        default: "h-6 min-w-6 px-2 text-xs gap-1",
+        // 24px height, 8px paddingX, 12px font
+        lg: "h-7 min-w-7 px-2.5 text-sm gap-1.5"
+        // 28px height, 10px paddingX, 13px font
+      },
+      radius: {
+        sm: "rounded-sm",
+        // 2px
+        base: "rounded",
+        // 4px
+        md: "rounded-md",
+        // 6px
+        lg: "rounded-lg",
+        // 8px
+        full: "rounded-full"
+        // 9999px
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      radius: "full"
+    }
+  }
+);
+var badgeIconSizes = {
+  sm: "icon-2xs",
+  // 12px
+  default: "icon-2xs",
+  // 12px
+  lg: "icon-xs"
+  // 14px
+};
+var badgeDotSizes = {
+  sm: "w-1 h-1",
+  default: "w-1.5 h-1.5",
+  lg: "w-1.5 h-1.5"
+};
+var dotColorMap = {
+  default: "bg-foreground",
+  primary: "bg-primary",
+  success: "bg-success",
+  warning: "bg-warning",
+  error: "bg-error",
+  info: "bg-info"
+};
+var Badge = React.forwardRef(
+  ({
+    className,
+    variant = "subtle",
+    color = "default",
+    size,
+    radius,
+    icon,
+    dot = false,
+    removable = false,
+    onRemove,
+    asChild = false,
+    children,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot : "span";
+    const resolvedSize = size || "default";
+    const colorClasses = colorMap[color][variant];
+    const outlineClasses = variant === "outline" ? "border bg-transparent" : "";
+    const dotColor = variant === "solid" ? "bg-current" : dotColorMap[color];
+    return /* @__PURE__ */ React.createElement(
+      Comp,
+      {
+        ref,
+        className: cn(
+          badgeVariants({ size, radius }),
+          colorClasses,
+          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" })
+        )
+      )
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+export {
+  badgeVariants,
+  Badge
+};
+//# sourceMappingURL=chunk-W6YNEU53.mjs.map

package/dist/chunk-W6YNEU53.mjs.map

@@ -0,0 +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":[]}