@7onic-ui/react 0.3.8 → 0.3.10

package/dist/chunk-GRCJ35DX.mjs

@@ -0,0 +1,144 @@
+"use client";
+import {
+  useFieldContext
+} from "./chunk-Z6JWWCNL.mjs";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
+
+// src/components/ui/radio-group.tsx
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { cva } from "class-variance-authority";
+var radioColorMap = {
+  default: {
+    border: "data-[state=checked]:border-foreground",
+    dot: "bg-foreground"
+  },
+  primary: {
+    border: "data-[state=checked]:border-primary",
+    dot: "bg-primary"
+  }
+};
+var RadioGroupContext = React.createContext({ size: "default", weight: "bold", color: "default" });
+var radioGroupVariants = cva("grid gap-3", {
+  variants: {
+    orientation: {
+      vertical: "grid-cols-1",
+      horizontal: "grid-flow-col auto-cols-max gap-4"
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+});
+var RadioGroup = React.forwardRef(({ className, orientation, size = "default", weight = "bold", color = "default", disabled, ...props }, ref) => {
+  const fieldContext = useFieldContext();
+  const resolvedDisabled = disabled ?? fieldContext?.disabled;
+  return /* @__PURE__ */ React.createElement(RadioGroupContext.Provider, { value: { size, weight, color, disabled: resolvedDisabled } }, /* @__PURE__ */ React.createElement(
+    RadioGroupPrimitive.Root,
+    {
+      ref,
+      className: cn(radioGroupVariants({ orientation }), className),
+      orientation: orientation || void 0,
+      disabled: resolvedDisabled,
+      ...props
+    }
+  ));
+});
+RadioGroup.displayName = "RadioGroup";
+var radioItemVariants = cva(
+  [
+    "relative shrink-0 rounded-full border-border hover:border-border-strong transition-all duration-micro ease-out",
+    "focus-visible:focus-ring",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    // Transparent hit area expansion via ::after
+    "after:absolute after:content-['']"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "w-3.5 h-3.5 after:-inset-[5px]",
+        // 14px circle → 24px click
+        default: "w-4 h-4 after:-inset-2",
+        // 16px circle → 32px click
+        lg: "w-5 h-5 after:-inset-2"
+        // 20px circle → 36px click
+      },
+      weight: {
+        thin: "border",
+        // 1px
+        bold: "border-2"
+        // 2px
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      weight: "bold"
+    }
+  }
+);
+var dotSizes = {
+  sm: "w-1.5 h-1.5",
+  // 6px
+  default: "w-2 h-2",
+  // 8px
+  lg: "w-2.5 h-2.5"
+  // 10px
+};
+var labelSizes = {
+  sm: "text-xs",
+  // 12px
+  default: "text-md",
+  // 14px
+  lg: "text-base"
+  // 16px
+};
+var gapSizes = {
+  sm: "gap-1.5",
+  default: "gap-2",
+  lg: "gap-2.5"
+};
+var RadioGroupItem = React.forwardRef(({ className, label, disabled, ...props }, ref) => {
+  const { size, weight, color, disabled: groupDisabled } = React.useContext(RadioGroupContext);
+  const resolvedDisabled = disabled ?? groupDisabled;
+  const itemId = React.useId();
+  const radio = /* @__PURE__ */ React.createElement(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      id: label ? itemId : void 0,
+      disabled: resolvedDisabled,
+      className: cn(
+        radioItemVariants({ size, weight }),
+        radioColorMap[color].border,
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center animate-radio-enter" }, /* @__PURE__ */ React.createElement("div", { className: cn("rounded-full", radioColorMap[color].dot, dotSizes[size]) }))
+  );
+  if (!label) return radio;
+  return /* @__PURE__ */ React.createElement("div", { className: cn("group flex items-center", gapSizes[size]) }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, radio), /* @__PURE__ */ React.createElement(
+    "label",
+    {
+      htmlFor: itemId,
+      className: cn(
+        labelSizes[size],
+        "text-text-muted cursor-pointer select-none transition-colors duration-micro",
+        "group-hover:text-foreground",
+        resolvedDisabled && "opacity-50 cursor-not-allowed"
+      )
+    },
+    label
+  ));
+});
+RadioGroupItem.displayName = "RadioGroupItem";
+
+export {
+  radioGroupVariants,
+  RadioGroup,
+  radioItemVariants,
+  RadioGroupItem
+};
+//# sourceMappingURL=chunk-GRCJ35DX.mjs.map

package/dist/chunk-GRCJ35DX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/radio-group.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { cva } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\nimport { useFieldContext } from './field'\n\n// Color maps for checked state\nconst radioColorMap = {\n  default: {\n    border: 'data-[state=checked]:border-foreground',\n    dot: 'bg-foreground',\n  },\n  primary: {\n    border: 'data-[state=checked]:border-primary',\n    dot: 'bg-primary',\n  },\n} as const\n\nexport type RadioColor = keyof typeof radioColorMap\n\n// Context to pass size, weight, color from RadioGroup to RadioGroupItem\ntype RadioGroupContextValue = {\n  size: 'sm' | 'default' | 'lg'\n  weight: 'thin' | 'bold'\n  color: RadioColor\n  disabled?: boolean\n}\nconst RadioGroupContext = React.createContext<RadioGroupContextValue>({ size: 'default', weight: 'bold', color: 'default' })\n\n// RadioGroup container\nconst radioGroupVariants = cva('grid gap-3', {\n  variants: {\n    orientation: {\n      vertical: 'grid-cols-1',\n      horizontal: 'grid-flow-col auto-cols-max gap-4',\n    },\n  },\n  defaultVariants: {\n    orientation: 'vertical',\n  },\n})\n\nexport interface RadioGroupProps\n  extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {\n  size?: 'sm' | 'default' | 'lg'\n  weight?: 'thin' | 'bold'\n  /** Checked state color */\n  color?: RadioColor\n}\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  RadioGroupProps\n>(({ className, orientation, size = 'default', weight = 'bold', color = 'default', disabled, ...props }, ref) => {\n  const fieldContext = useFieldContext()\n  const resolvedDisabled = disabled ?? fieldContext?.disabled\n\n  return (\n    <RadioGroupContext.Provider value={{ size, weight, color, disabled: resolvedDisabled }}>\n      <RadioGroupPrimitive.Root\n        ref={ref}\n        className={cn(radioGroupVariants({ orientation }), className)}\n        orientation={orientation || undefined}\n        disabled={resolvedDisabled}\n        {...props}\n      />\n    </RadioGroupContext.Provider>\n  )\n})\nRadioGroup.displayName = 'RadioGroup'\n\n// RadioGroupItem circle variants\nconst radioItemVariants = cva(\n  [\n    'relative shrink-0 rounded-full border-border hover:border-border-strong transition-all duration-micro ease-out',\n    'focus-visible:focus-ring',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    // Transparent hit area expansion via ::after\n    \"after:absolute after:content-['']\",\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'w-3.5 h-3.5 after:-inset-[5px]',     // 14px circle → 24px click\n        default: 'w-4 h-4 after:-inset-2',          // 16px circle → 32px click\n        lg: 'w-5 h-5 after:-inset-2',               // 20px circle → 36px click\n      },\n      weight: {\n        thin: 'border',   // 1px\n        bold: 'border-2', // 2px\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      weight: 'bold',\n    },\n  }\n)\n\n// Dot sizes per radio size\nconst dotSizes = {\n  sm: 'w-1.5 h-1.5',       // 6px\n  default: 'w-2 h-2',      // 8px\n  lg: 'w-2.5 h-2.5',       // 10px\n}\n\n// Label font sizes\nconst labelSizes = {\n  sm: 'text-xs',       // 12px\n  default: 'text-md',  // 14px\n  lg: 'text-base',     // 16px\n}\n\n// Gap between radio and label\nconst gapSizes = {\n  sm: 'gap-1.5',\n  default: 'gap-2',\n  lg: 'gap-2.5',\n}\n\nexport interface RadioGroupItemProps\n  extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {\n  label?: string\n}\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  RadioGroupItemProps\n>(({ className, label, disabled, ...props }, ref) => {\n  const { size, weight, color, disabled: groupDisabled } = React.useContext(RadioGroupContext)\n  const resolvedDisabled = disabled ?? groupDisabled\n  const itemId = React.useId()\n\n  const radio = (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      id={label ? itemId : undefined}\n      disabled={resolvedDisabled}\n      className={cn(\n        radioItemVariants({ size, weight }),\n        radioColorMap[color].border,\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center animate-radio-enter\">\n        <div className={cn('rounded-full', radioColorMap[color].dot, dotSizes[size])} />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n\n  if (!label) return radio\n\n  return (\n    <div className={cn('group flex items-center', gapSizes[size])}>\n      <div className=\"flex items-center\">\n        {radio}\n      </div>\n      <label\n        htmlFor={itemId}\n        className={cn(\n          labelSizes[size],\n          'text-text-muted cursor-pointer select-none transition-colors duration-micro',\n          'group-hover:text-foreground',\n          resolvedDisabled && 'opacity-50 cursor-not-allowed'\n        )}\n      >\n        {label}\n      </label>\n    </div>\n  )\n})\nRadioGroupItem.displayName = 'RadioGroupItem'\n\nexport { RadioGroup, RadioGroupItem, radioGroupVariants, radioItemVariants }\n"],"mappings":";;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AACrC,SAAS,WAAW;AAKpB,IAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,EACP;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,EACP;AACF;AAWA,IAAM,oBAA0B,oBAAsC,EAAE,MAAM,WAAW,QAAQ,QAAQ,OAAO,UAAU,CAAC;AAG3H,IAAM,qBAAqB,IAAI,cAAc;AAAA,EAC3C,UAAU;AAAA,IACR,aAAa;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,aAAa;AAAA,EACf;AACF,CAAC;AAUD,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,aAAa,OAAO,WAAW,SAAS,QAAQ,QAAQ,WAAW,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC/G,QAAM,eAAe,gBAAgB;AACrC,QAAM,mBAAmB,YAAY,cAAc;AAEnD,SACE,oCAAC,kBAAkB,UAAlB,EAA2B,OAAO,EAAE,MAAM,QAAQ,OAAO,UAAU,iBAAiB,KACnF;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,mBAAmB,EAAE,YAAY,CAAC,GAAG,SAAS;AAAA,MAC5D,aAAa,eAAe;AAAA,MAC5B,UAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACN,CACF;AAEJ,CAAC;AACD,WAAW,cAAc;AAGzB,IAAM,oBAAoB;AAAA,EACxB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,EACF,EAAE,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,SAAS;AAAA;AAAA,QACT,IAAI;AAAA;AAAA,MACN;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA;AAAA,QACN,MAAM;AAAA;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA,IACV;AAAA,EACF;AACF;AAGA,IAAM,WAAW;AAAA,EACf,IAAI;AAAA;AAAA,EACJ,SAAS;AAAA;AAAA,EACT,IAAI;AAAA;AACN;AAGA,IAAM,aAAa;AAAA,EACjB,IAAI;AAAA;AAAA,EACJ,SAAS;AAAA;AAAA,EACT,IAAI;AAAA;AACN;AAGA,IAAM,WAAW;AAAA,EACf,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,IAAI;AACN;AAOA,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,OAAO,UAAU,GAAG,MAAM,GAAG,QAAQ;AACnD,QAAM,EAAE,MAAM,QAAQ,OAAO,UAAU,cAAc,IAAU,iBAAW,iBAAiB;AAC3F,QAAM,mBAAmB,YAAY;AACrC,QAAM,SAAe,YAAM;AAE3B,QAAM,QACJ;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,IAAI,QAAQ,SAAS;AAAA,MACrB,UAAU;AAAA,MACV,WAAW;AAAA,QACT,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAAA,QAClC,cAAc,KAAK,EAAE;AAAA,QACrB;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,IAEJ,oCAAqB,+BAApB,EAA8B,WAAU,0DACvC,oCAAC,SAAI,WAAW,GAAG,gBAAgB,cAAc,KAAK,EAAE,KAAK,SAAS,IAAI,CAAC,GAAG,CAChF;AAAA,EACF;AAGF,MAAI,CAAC,MAAO,QAAO;AAEnB,SACE,oCAAC,SAAI,WAAW,GAAG,2BAA2B,SAAS,IAAI,CAAC,KAC1D,oCAAC,SAAI,WAAU,uBACZ,KACH,GACA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW,IAAI;AAAA,QACf;AAAA,QACA;AAAA,QACA,oBAAoB;AAAA,MACtB;AAAA;AAAA,IAEC;AAAA,EACH,CACF;AAEJ,CAAC;AACD,eAAe,cAAc;","names":[]}

package/dist/chunk-HHX4GABH.mjs

@@ -0,0 +1,129 @@
+"use client";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
+
+// src/components/ui/popover.tsx
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { cva } from "class-variance-authority";
+var DefaultCloseIcon = ({ className }) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    className,
+    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" })
+);
+var ANIMATION_CLASSES = {
+  top: "data-[state=open]:animate-popover-top-enter data-[state=closed]:animate-popover-top-exit",
+  bottom: "data-[state=open]:animate-popover-bottom-enter data-[state=closed]:animate-popover-bottom-exit",
+  left: "data-[state=open]:animate-popover-left-enter data-[state=closed]:animate-popover-left-exit",
+  right: "data-[state=open]:animate-popover-right-enter data-[state=closed]:animate-popover-right-exit"
+};
+var popoverContentVariants = cva(
+  "relative z-popover flex flex-col font-normal select-none w-auto max-w-[calc(100vw-16px)] max-h-[var(--radix-popover-content-available-height)] outline-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-background-paper text-foreground border border-border shadow-lg",
+        elevated: "bg-background-paper/95 text-foreground border border-border-subtle shadow-xl backdrop-blur-sm"
+      },
+      size: {
+        sm: "text-sm p-3 rounded-lg",
+        default: "text-sm p-4 rounded-xl",
+        lg: "text-md p-5 rounded-xl"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var CSS_ARROW_CLASSES = {
+  bottom: "-top-[5px] left-1/2 -translate-x-1/2 border-t border-l border-border",
+  top: "-bottom-[5px] left-1/2 -translate-x-1/2 border-b border-r border-border",
+  right: "-left-[5px] top-1/2 -translate-y-1/2 border-b border-l border-border",
+  left: "-right-[5px] top-1/2 -translate-y-1/2 border-t border-r border-border"
+};
+var ARROW_ELEVATED = "fill-background-paper drop-shadow-sm";
+function Popover(props) {
+  return /* @__PURE__ */ React.createElement(PopoverPrimitive.Root, { ...props });
+}
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverPortal = PopoverPrimitive.Portal;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverClose = PopoverPrimitive.Close;
+var PopoverContent = React.forwardRef(({ className, variant = "default", size, side = "bottom", sideOffset, showArrow = true, showClose = false, closeIcon, children, ...props }, ref) => {
+  const resolvedSide = side;
+  const resolvedOffset = sideOffset ?? (variant === "default" && showArrow ? 12 : 6);
+  return /* @__PURE__ */ React.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+    PopoverPrimitive.Content,
+    {
+      ref,
+      side,
+      sideOffset: resolvedOffset,
+      className: cn(
+        popoverContentVariants({ variant, size }),
+        ANIMATION_CLASSES[resolvedSide],
+        className
+      ),
+      ...props
+    },
+    showClose && /* @__PURE__ */ React.createElement(
+      PopoverPrimitive.Close,
+      {
+        className: "absolute top-3 right-3 rounded-md p-1 text-text-muted hover:text-foreground hover:bg-background-muted transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring",
+        "aria-label": "Close"
+      },
+      closeIcon || /* @__PURE__ */ React.createElement(DefaultCloseIcon, { className: "icon-sm" })
+    ),
+    /* @__PURE__ */ React.createElement("div", { className: "min-h-0 overflow-y-auto -m-1 p-1" }, children),
+    showArrow && variant === "default" && /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: cn(
+          "absolute w-2.5 h-2.5 rotate-45 bg-background-paper",
+          CSS_ARROW_CLASSES[resolvedSide]
+        )
+      }
+    ),
+    showArrow && variant === "elevated" && /* @__PURE__ */ React.createElement(
+      PopoverPrimitive.Arrow,
+      {
+        className: ARROW_ELEVATED,
+        width: 12,
+        height: 6
+      }
+    )
+  ));
+});
+PopoverContent.displayName = "PopoverContent";
+var PopoverArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  PopoverPrimitive.Arrow,
+  {
+    ref,
+    className: cn("fill-background-paper", className),
+    width: 10,
+    height: 5,
+    ...props
+  }
+));
+PopoverArrow.displayName = "PopoverArrow";
+
+export {
+  popoverContentVariants,
+  Popover,
+  PopoverTrigger,
+  PopoverPortal,
+  PopoverAnchor,
+  PopoverClose,
+  PopoverContent,
+  PopoverArrow
+};
+//# sourceMappingURL=chunk-HHX4GABH.mjs.map

package/dist/chunk-HHX4GABH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/popover.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\n\n// ─── Default Close Icon (built-in, no external dependency) ──\nconst DefaultCloseIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className}\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)\n\n// ─── Types ──────────────────────────────────────────────────\nexport type PopoverSide = 'top' | 'right' | 'bottom' | 'left'\n\n// ─── Animation class mapping (static strings for Tailwind scanner) ──\nconst ANIMATION_CLASSES: Record<PopoverSide, string> = {\n  top:    'data-[state=open]:animate-popover-top-enter data-[state=closed]:animate-popover-top-exit',\n  bottom: 'data-[state=open]:animate-popover-bottom-enter data-[state=closed]:animate-popover-bottom-exit',\n  left:   'data-[state=open]:animate-popover-left-enter data-[state=closed]:animate-popover-left-exit',\n  right:  'data-[state=open]:animate-popover-right-enter data-[state=closed]:animate-popover-right-exit',\n}\n\n// ─── Content variants ────────────────────────────────────────\nconst popoverContentVariants = cva(\n  'relative z-popover flex flex-col font-normal select-none w-auto max-w-[calc(100vw-16px)] max-h-[var(--radix-popover-content-available-height)] outline-none',\n  {\n    variants: {\n      variant: {\n        default: 'bg-background-paper text-foreground border border-border shadow-lg',\n        elevated: 'bg-background-paper/95 text-foreground border border-border-subtle shadow-xl backdrop-blur-sm',\n      },\n      size: {\n        sm: 'text-sm p-3 rounded-lg',\n        default: 'text-sm p-4 rounded-xl',\n        lg: 'text-md p-5 rounded-xl',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\n// ─── Arrow styles ──────────────────────────────────────────────\n// default: CSS rotated square with 2-side border (seamless connection)\n// elevated: Radix SVG arrow with drop-shadow (glassmorphism, subtle border)\nconst CSS_ARROW_CLASSES: Record<PopoverSide, string> = {\n  bottom: '-top-[5px] left-1/2 -translate-x-1/2 border-t border-l border-border',\n  top: '-bottom-[5px] left-1/2 -translate-x-1/2 border-b border-r border-border',\n  right: '-left-[5px] top-1/2 -translate-y-1/2 border-b border-l border-border',\n  left: '-right-[5px] top-1/2 -translate-y-1/2 border-t border-r border-border',\n}\n\nconst ARROW_ELEVATED = 'fill-background-paper drop-shadow-sm'\n\n// ═══════════════════════════════════════════════════════════════\n// Popover\n// ═══════════════════════════════════════════════════════════════\n\n// ─── Popover (Root) — thin wrapper to expose as named export ──\nexport interface PopoverRootProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> {}\n\nfunction Popover(props: PopoverRootProps) {\n  return <PopoverPrimitive.Root {...props} />\n}\n\n// ─── PopoverTrigger ──────────────────────────────────────────\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\n// ─── PopoverPortal ───────────────────────────────────────────\nconst PopoverPortal = PopoverPrimitive.Portal\n\n// ─── PopoverAnchor ───────────────────────────────────────────\nconst PopoverAnchor = PopoverPrimitive.Anchor\n\n// ─── PopoverClose ────────────────────────────────────────────\nconst PopoverClose = PopoverPrimitive.Close\n\n// ─── PopoverContent ──────────────────────────────────────────\nexport interface PopoverContentProps\n  extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>,\n    VariantProps<typeof popoverContentVariants> {\n  /** Show arrow pointing to trigger */\n  showArrow?: boolean\n  /** Show built-in close button */\n  showClose?: boolean\n  /** Custom close icon (replaces default X icon) */\n  closeIcon?: React.ReactNode\n}\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(({ className, variant = 'default', size, side = 'bottom', sideOffset, showArrow = true, showClose = false, closeIcon, children, ...props }, ref) => {\n  const resolvedSide = side as PopoverSide\n  // CSS arrow (default) needs more gap since it doesn't occupy layout space\n  const resolvedOffset = sideOffset ?? (variant === 'default' && showArrow ? 12 : 6)\n\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        ref={ref}\n        side={side}\n        sideOffset={resolvedOffset}\n        className={cn(\n          popoverContentVariants({ variant, size }),\n          ANIMATION_CLASSES[resolvedSide],\n          className,\n        )}\n        {...props}\n      >\n        {showClose && (\n          <PopoverPrimitive.Close\n            className=\"absolute top-3 right-3 rounded-md p-1 text-text-muted hover:text-foreground hover:bg-background-muted transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring\"\n            aria-label=\"Close\"\n          >\n            {closeIcon || <DefaultCloseIcon className=\"icon-sm\" />}\n          </PopoverPrimitive.Close>\n        )}\n        {/* Scrolls when taller than the viewport space; lives inside Content so the arrow is not clipped.\n            -m-1 p-1 keeps children's focus rings inside the scroll area */}\n        <div className=\"min-h-0 overflow-y-auto -m-1 p-1\">\n          {children}\n        </div>\n        {showArrow && variant === 'default' && (\n          <div\n            className={cn(\n              'absolute w-2.5 h-2.5 rotate-45 bg-background-paper',\n              CSS_ARROW_CLASSES[resolvedSide],\n            )}\n          />\n        )}\n        {showArrow && variant === 'elevated' && (\n          <PopoverPrimitive.Arrow\n            className={ARROW_ELEVATED}\n            width={12}\n            height={6}\n          />\n        )}\n      </PopoverPrimitive.Content>\n    </PopoverPrimitive.Portal>\n  )\n})\nPopoverContent.displayName = 'PopoverContent'\n\n// ─── PopoverArrow (standalone, for manual placement outside Content) ──\nconst PopoverArrow = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Arrow>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Arrow>\n>(({ className, ...props }, ref) => (\n  <PopoverPrimitive.Arrow\n    ref={ref}\n    className={cn('fill-background-paper', className)}\n    width={10}\n    height={5}\n    {...props}\n  />\n))\nPopoverArrow.displayName = 'PopoverArrow'\n\n// ─── Exports ────────────────────────────────────────────────\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverArrow,\n  PopoverClose,\n  PopoverAnchor,\n  PopoverPortal,\n  popoverContentVariants,\n}\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAClC,SAAS,WAA8B;AAIvC,IAAM,mBAAmB,CAAC,EAAE,UAAU,MACpC;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,QAAO;AAAA,IACP,aAAa;AAAA,IACb,eAAY;AAAA;AAAA,EAEZ,oCAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,wBAAuB;AAC9E;AAOF,IAAM,oBAAiD;AAAA,EACrD,KAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAQ;AAAA,EACR,OAAQ;AACV;AAGA,IAAM,yBAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAKA,IAAM,oBAAiD;AAAA,EACrD,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AACR;AAEA,IAAM,iBAAiB;AASvB,SAAS,QAAQ,OAAyB;AACxC,SAAO,oCAAkB,uBAAjB,EAAuB,GAAG,OAAO;AAC3C;AAGA,IAAM,iBAAkC;AAGxC,IAAM,gBAAiC;AAGvC,IAAM,gBAAiC;AAGvC,IAAM,eAAgC;AActC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,UAAU,WAAW,MAAM,OAAO,UAAU,YAAY,YAAY,MAAM,YAAY,OAAO,WAAW,UAAU,GAAG,MAAM,GAAG,QAAQ;AACpJ,QAAM,eAAe;AAErB,QAAM,iBAAiB,eAAe,YAAY,aAAa,YAAY,KAAK;AAEhF,SACE,oCAAkB,yBAAjB,MACC;AAAA,IAAkB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,uBAAuB,EAAE,SAAS,KAAK,CAAC;AAAA,QACxC,kBAAkB,YAAY;AAAA,QAC9B;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,IAEH,aACC;AAAA,MAAkB;AAAA,MAAjB;AAAA,QACC,WAAU;AAAA,QACV,cAAW;AAAA;AAAA,MAEV,aAAa,oCAAC,oBAAiB,WAAU,WAAU;AAAA,IACtD;AAAA,IAIF,oCAAC,SAAI,WAAU,sCACZ,QACH;AAAA,IACC,aAAa,YAAY,aACxB;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,kBAAkB,YAAY;AAAA,QAChC;AAAA;AAAA,IACF;AAAA,IAED,aAAa,YAAY,cACxB;AAAA,MAAkB;AAAA,MAAjB;AAAA,QACC,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA;AAAA,IACV;AAAA,EAEJ,CACF;AAEJ,CAAC;AACD,eAAe,cAAc;AAG7B,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,yBAAyB,SAAS;AAAA,IAChD,OAAO;AAAA,IACP,QAAQ;AAAA,IACP,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc;","names":[]}

package/dist/chunk-IPCIC2BI.mjs

@@ -0,0 +1,148 @@
+"use client";
+import {
+  useButtonGroup
+} from "./chunk-Q5WVLK2L.mjs";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
+
+// src/components/ui/button.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+var solidColorMap = {
+  default: "bg-foreground text-background hover:bg-foreground/90 active:bg-foreground/80",
+  primary: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active",
+  secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover active:bg-secondary-active",
+  destructive: "bg-error text-error-foreground hover:bg-error-hover active:bg-error-active"
+};
+var buttonVariants = cva(
+  "inline-flex items-center justify-center whitespace-nowrap transition-all duration-micro focus-visible:focus-ring disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        solid: "font-semibold",
+        outline: "border border-border bg-background text-foreground hover:bg-background-muted font-normal",
+        ghost: "text-foreground hover:bg-background-muted font-normal",
+        link: "text-text-link underline-offset-4 hover:underline font-normal"
+      },
+      size: {
+        xs: "h-7 px-2.5 text-xs gap-1",
+        // 28px height, 10px paddingX, 12px font
+        sm: "h-8 px-3 text-sm gap-2",
+        // 32px height, 12px paddingX, 13px font
+        md: "h-9 px-3.5 text-md gap-2",
+        // 36px height, 14px paddingX, 14px font
+        default: "h-10 px-4 text-md gap-2",
+        // 40px height, 16px paddingX, 14px font
+        lg: "h-12 px-6 text-base gap-2",
+        // 48px height, 24px paddingX, 16px font
+        icon: "h-10 w-10"
+      },
+      radius: {
+        none: "rounded-none",
+        // 0px - primitive.borderRadius.none
+        sm: "rounded-sm",
+        // 2px - primitive.borderRadius.sm
+        base: "rounded",
+        // 4px - primitive.borderRadius.base
+        default: "rounded-md",
+        // 6px - primitive.borderRadius.md (Figma button default)
+        lg: "rounded-lg",
+        // 8px - primitive.borderRadius.lg
+        xl: "rounded-xl",
+        // 12px - primitive.borderRadius.xl
+        "2xl": "rounded-2xl",
+        // 16px - primitive.borderRadius.2xl
+        "3xl": "rounded-3xl",
+        // 24px - primitive.borderRadius.3xl
+        full: "rounded-full"
+        // 9999px - primitive.borderRadius.full
+      },
+      fullWidth: {
+        true: "w-full",
+        false: "w-auto"
+      }
+    },
+    defaultVariants: {
+      variant: "solid",
+      size: "default",
+      radius: "default",
+      fullWidth: false
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({
+    className,
+    variant: variantProp,
+    color: colorProp,
+    size: sizeProp,
+    radius: radiusProp,
+    fullWidth,
+    asChild = false,
+    loading = false,
+    disabled: disabledProp,
+    leftIcon,
+    rightIcon,
+    selected = false,
+    fontWeight: fontWeightProp,
+    pressEffect,
+    children,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    const groupContext = useButtonGroup();
+    const variant = variantProp ?? groupContext?.variant ?? "solid";
+    const color = colorProp ?? "default";
+    const size = sizeProp ?? groupContext?.size;
+    const radius = radiusProp ?? groupContext?.radius;
+    const disabled = disabledProp ?? groupContext?.disabled;
+    const fontWeight = fontWeightProp ?? groupContext?.fontWeight;
+    const fontWeightClass = fontWeight === "normal" ? "font-normal" : fontWeight === "semibold" ? "font-semibold" : "";
+    const iconSizeClass = {
+      xs: "icon-xs",
+      // 14px
+      sm: "icon-xs",
+      // 14px
+      md: "icon-sm",
+      // 16px
+      default: "icon-sm",
+      // 16px
+      lg: "icon-sm",
+      // 16px
+      icon: "icon-md"
+      // icon-only → 20px
+    }[size || "default"];
+    const selectedStyles = selected ? variant === "outline" ? "bg-background-muted" : variant === "ghost" ? "font-semibold" : "" : "";
+    return /* @__PURE__ */ React.createElement(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, radius, fullWidth }), variant === "solid" && solidColorMap[color], pressEffect !== false && "active:scale-pressed", fontWeightClass, selectedStyles, className),
+        ref,
+        disabled: disabled || loading,
+        "aria-busy": loading || void 0,
+        "aria-pressed": selected || void 0,
+        ...props
+      },
+      loading ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        "svg",
+        {
+          className: cn(iconSizeClass, "animate-spin"),
+          fill: "none",
+          viewBox: "0 0 24 24",
+          "aria-hidden": "true"
+        },
+        /* @__PURE__ */ React.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+        /* @__PURE__ */ React.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+      ), /* @__PURE__ */ React.createElement("span", null, children)) : /* @__PURE__ */ React.createElement(React.Fragment, null, leftIcon && /* @__PURE__ */ React.createElement("span", { className: cn(iconSizeClass, "[&>svg]:w-full [&>svg]:h-full"), "aria-hidden": "true" }, leftIcon), children, rightIcon && /* @__PURE__ */ React.createElement("span", { className: cn(iconSizeClass, "[&>svg]:w-full [&>svg]:h-full"), "aria-hidden": "true" }, rightIcon))
+    );
+  }
+);
+Button.displayName = "Button";
+
+export {
+  buttonVariants,
+  Button
+};
+//# sourceMappingURL=chunk-IPCIC2BI.mjs.map

package/dist/chunk-IPCIC2BI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/button.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'\nimport { useButtonGroup } from './button-group'\n\n// Solid color maps (applied when variant=\"solid\")\nconst solidColorMap = {\n  default: 'bg-foreground text-background hover:bg-foreground/90 active:bg-foreground/80',\n  primary: 'bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active',\n  secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary-hover active:bg-secondary-active',\n  destructive: 'bg-error text-error-foreground hover:bg-error-hover active:bg-error-active',\n} as const\n\nexport type ButtonColor = keyof typeof solidColorMap\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center whitespace-nowrap transition-all duration-micro focus-visible:focus-ring disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        solid: 'font-semibold',\n        outline: 'border border-border bg-background text-foreground hover:bg-background-muted font-normal',\n        ghost: 'text-foreground hover:bg-background-muted font-normal',\n        link: 'text-text-link underline-offset-4 hover:underline font-normal',\n      },\n      size: {\n        xs: 'h-7 px-2.5 text-xs gap-1',     // 28px height, 10px paddingX, 12px font\n        sm: 'h-8 px-3 text-sm gap-2',       // 32px height, 12px paddingX, 13px font\n        md: 'h-9 px-3.5 text-md gap-2',     // 36px height, 14px paddingX, 14px font\n        default: 'h-10 px-4 text-md gap-2', // 40px height, 16px paddingX, 14px font\n        lg: 'h-12 px-6 text-base gap-2',    // 48px height, 24px paddingX, 16px font\n        icon: 'h-10 w-10',\n      },\n      radius: {\n        none: 'rounded-none',      // 0px - primitive.borderRadius.none\n        sm: 'rounded-sm',          // 2px - primitive.borderRadius.sm\n        base: 'rounded',           // 4px - primitive.borderRadius.base\n        default: 'rounded-md',     // 6px - primitive.borderRadius.md (Figma button default)\n        lg: 'rounded-lg',          // 8px - primitive.borderRadius.lg\n        xl: 'rounded-xl',          // 12px - primitive.borderRadius.xl\n        '2xl': 'rounded-2xl',      // 16px - primitive.borderRadius.2xl\n        '3xl': 'rounded-3xl',      // 24px - primitive.borderRadius.3xl\n        full: 'rounded-full',      // 9999px - primitive.borderRadius.full\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: 'w-auto',\n      },\n    },\n    defaultVariants: {\n      variant: 'solid',\n      size: 'default',\n      radius: 'default',\n      fullWidth: false,\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  /** Solid variant color */\n  color?: ButtonColor\n  asChild?: boolean\n  loading?: boolean\n  leftIcon?: React.ReactNode\n  rightIcon?: React.ReactNode\n  selected?: boolean\n  fontWeight?: 'normal' | 'semibold'\n  pressEffect?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({\n    className,\n    variant: variantProp,\n    color: colorProp,\n    size: sizeProp,\n    radius: radiusProp,\n    fullWidth,\n    asChild = false,\n    loading = false,\n    disabled: disabledProp,\n    leftIcon,\n    rightIcon,\n    selected = false,\n    fontWeight: fontWeightProp,\n    pressEffect,\n    children,\n    ...props\n  }, ref) => {\n    const Comp = asChild ? Slot : 'button'\n    const groupContext = useButtonGroup()\n\n    // Use context values as fallback, individual props take precedence\n    const variant = variantProp ?? groupContext?.variant ?? 'solid'\n    const color = colorProp ?? 'default'\n    const size = sizeProp ?? groupContext?.size\n    const radius = radiusProp ?? groupContext?.radius\n    const disabled = disabledProp ?? groupContext?.disabled\n\n    // Priority: direct prop > ButtonGroup context > variant default (no class)\n    const fontWeight = fontWeightProp ?? groupContext?.fontWeight\n\n    // FontWeight class (overrides variant default)\n    const fontWeightClass = fontWeight === 'normal' ? 'font-normal' : fontWeight === 'semibold' ? 'font-semibold' : ''\n\n    // Icon size for button with text (5-step scale)\n    // xs~sm: 14px, md~default~lg: 16px\n    const iconSizeClass = {\n      xs: 'icon-xs',      // 14px\n      sm: 'icon-xs',      // 14px\n      md: 'icon-sm',      // 16px\n      default: 'icon-sm', // 16px\n      lg: 'icon-sm',      // 16px\n      icon: 'icon-md',    // icon-only → 20px\n    }[size || 'default']\n\n    // Selected styles by variant (used in ButtonGroup)\n    const selectedStyles = selected ? (\n      variant === 'outline' ? 'bg-background-muted' :\n      variant === 'ghost' ? 'font-semibold' : ''\n    ) : ''\n\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, radius, fullWidth }), variant === 'solid' && solidColorMap[color], pressEffect !== false && 'active:scale-pressed', fontWeightClass, selectedStyles, className)}\n        ref={ref}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        aria-pressed={selected || undefined}\n        {...props}\n      >\n        {loading ? (\n          <>\n            <svg\n              className={cn(iconSizeClass, 'animate-spin')}\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              aria-hidden=\"true\"\n            >\n              <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n              <path className=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\" />\n            </svg>\n            <span>{children}</span>\n          </>\n        ) : (\n          <>\n            {leftIcon && <span className={cn(iconSizeClass, '[&>svg]:w-full [&>svg]:h-full')} aria-hidden=\"true\">{leftIcon}</span>}\n            {children}\n            {rightIcon && <span className={cn(iconSizeClass, '[&>svg]:w-full [&>svg]:h-full')} aria-hidden=\"true\">{rightIcon}</span>}\n          </>\n        )}\n      </Comp>\n    )\n  }\n)\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"],"mappings":"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","names":[]}