@karakuri-ui/react 0.3.2 → 0.3.4

package/dist/components/ui/popover.mjs

@@ -1,9 +1,10 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { cva } from "class-variance-authority";
 import { cn } from "../../lib/utils";
-const DefaultCloseIcon = ({ className }) => /* @__PURE__ */ React.createElement(
+const DefaultCloseIcon = ({ className }) => /* @__PURE__ */ jsx(
   "svg",
   {
     className,
@@ -11,9 +12,9 @@ const DefaultCloseIcon = ({ className }) => /* @__PURE__ */ React.createElement(
     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" })
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
+  }
 );
 const ANIMATION_CLASSES = {
   top: "data-[state=open]:animate-popover-top-enter data-[state=closed]:animate-popover-top-exit",
@@ -22,7 +23,7 @@ const ANIMATION_CLASSES = {
   right: "data-[state=open]:animate-popover-right-enter data-[state=closed]:animate-popover-right-exit"
 };
 const popoverContentVariants = cva(
-  "relative z-popover font-normal select-none w-auto max-w-[calc(100vw-16px)] outline-none",
+  "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: {
@@ -49,7 +50,7 @@ const CSS_ARROW_CLASSES = {
 };
 const ARROW_ELEVATED = "fill-background-paper drop-shadow-sm";
 function Popover(props) {
-  return /* @__PURE__ */ React.createElement(PopoverPrimitive.Root, { ...props });
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { ...props });
 }
 const PopoverTrigger = PopoverPrimitive.Trigger;
 const PopoverPortal = PopoverPrimitive.Portal;
@@ -58,7 +59,7 @@ const PopoverClose = PopoverPrimitive.Close;
 const 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(
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
     PopoverPrimitive.Content,
     {
       ref,
@@ -69,38 +70,40 @@ const PopoverContent = React.forwardRef(({ className, variant = "default", 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" })
-    ),
-    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]
+      ...props,
+      children: [
+        showClose && /* @__PURE__ */ jsx(
+          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",
+            children: closeIcon || /* @__PURE__ */ jsx(DefaultCloseIcon, { className: "icon-sm" })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 overflow-y-auto -m-1 p-1", children }),
+        showArrow && variant === "default" && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "absolute w-2.5 h-2.5 rotate-45 bg-background-paper",
+              CSS_ARROW_CLASSES[resolvedSide]
+            )
+          }
+        ),
+        showArrow && variant === "elevated" && /* @__PURE__ */ jsx(
+          PopoverPrimitive.Arrow,
+          {
+            className: ARROW_ELEVATED,
+            width: 12,
+            height: 6
+          }
         )
-      }
-    ),
-    showArrow && variant === "elevated" && /* @__PURE__ */ React.createElement(
-      PopoverPrimitive.Arrow,
-      {
-        className: ARROW_ELEVATED,
-        width: 12,
-        height: 6
-      }
-    )
-  ));
+      ]
+    }
+  ) });
 });
 PopoverContent.displayName = "PopoverContent";
-const PopoverArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const PopoverArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   PopoverPrimitive.Arrow,
   {
     ref,

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

@@ -1 +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 font-normal select-none w-auto max-w-[calc(100vw-16px)] 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) — wrapper to keep our own component identity separate from Radix primitive ──\nexport interface PopoverProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> {}\n\nfunction Popover(props: PopoverProps) {\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        {children}\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;AACvC,SAAS,UAAU;AAGnB,MAAM,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,MAAM,oBAAiD;AAAA,EACrD,KAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAQ;AAAA,EACR,OAAQ;AACV;AAGA,MAAM,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,MAAM,oBAAiD;AAAA,EACrD,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AACR;AAEA,MAAM,iBAAiB;AASvB,SAAS,QAAQ,OAAqB;AACpC,SAAO,oCAAC,iBAAiB,MAAjB,EAAuB,GAAG,OAAO;AAC3C;AAGA,MAAM,iBAAiB,iBAAiB;AAGxC,MAAM,gBAAgB,iBAAiB;AAGvC,MAAM,gBAAgB,iBAAiB;AAGvC,MAAM,eAAe,iBAAiB;AActC,MAAM,iBAAiB,MAAM,WAG3B,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,oCAAC,iBAAiB,QAAjB,MACC;AAAA,IAAC,iBAAiB;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,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACC,WAAU;AAAA,QACV,cAAW;AAAA;AAAA,MAEV,aAAa,oCAAC,oBAAiB,WAAU,WAAU;AAAA,IACtD;AAAA,IAED;AAAA,IACA,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,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACC,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA;AAAA,IACV;AAAA,EAEJ,CACF;AAEJ,CAAC;AACD,eAAe,cAAc;AAG7B,MAAM,eAAe,MAAM,WAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;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":[]}
+{"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) — wrapper to keep our own component identity separate from Radix primitive ──\nexport interface PopoverProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> {}\n\nfunction Popover(props: PopoverProps) {\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":";AAiBI,cA8FE,YA9FF;AAfJ,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAClC,SAAS,WAA8B;AACvC,SAAS,UAAU;AAGnB,MAAM,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,IAEZ,8BAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,wBAAuB;AAAA;AAC9E;AAOF,MAAM,oBAAiD;AAAA,EACrD,KAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAQ;AAAA,EACR,OAAQ;AACV;AAGA,MAAM,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,MAAM,oBAAiD;AAAA,EACrD,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AACR;AAEA,MAAM,iBAAiB;AASvB,SAAS,QAAQ,OAAqB;AACpC,SAAO,oBAAC,iBAAiB,MAAjB,EAAuB,GAAG,OAAO;AAC3C;AAGA,MAAM,iBAAiB,iBAAiB;AAGxC,MAAM,gBAAgB,iBAAiB;AAGvC,MAAM,gBAAgB,iBAAiB;AAGvC,MAAM,eAAe,iBAAiB;AActC,MAAM,iBAAiB,MAAM,WAG3B,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,oBAAC,iBAAiB,QAAjB,EACC;AAAA,IAAC,iBAAiB;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,MAEH;AAAA,qBACC;AAAA,UAAC,iBAAiB;AAAA,UAAjB;AAAA,YACC,WAAU;AAAA,YACV,cAAW;AAAA,YAEV,uBAAa,oBAAC,oBAAiB,WAAU,WAAU;AAAA;AAAA,QACtD;AAAA,QAIF,oBAAC,SAAI,WAAU,oCACZ,UACH;AAAA,QACC,aAAa,YAAY,aACxB;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,kBAAkB,YAAY;AAAA,YAChC;AAAA;AAAA,QACF;AAAA,QAED,aAAa,YAAY,cACxB;AAAA,UAAC,iBAAiB;AAAA,UAAjB;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,YACP,QAAQ;AAAA;AAAA,QACV;AAAA;AAAA;AAAA,EAEJ,GACF;AAEJ,CAAC;AACD,eAAe,cAAc;AAG7B,MAAM,eAAe,MAAM,WAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;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/components/ui/progress.js

@@ -33,6 +33,7 @@ __export(progress_exports, {
   linearTrackVariants: () => linearTrackVariants
 });
 module.exports = __toCommonJS(progress_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
 var import_class_variance_authority = require("class-variance-authority");
@@ -108,7 +109,7 @@ const Progress = React.forwardRef(({
     const r = (CIRCULAR_VIEWBOX - strokeWidth) / 2;
     const circumference = 2 * Math.PI * r;
     const offset = circumference * (1 - percentage / 100);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         className: (0, import_utils.cn)("inline-flex items-center gap-2", className),
@@ -116,74 +117,82 @@ const Progress = React.forwardRef(({
         "aria-valuenow": clampedValue,
         "aria-valuemin": 0,
         "aria-valuemax": max,
-        "aria-label": label
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "relative", style: { width: diameter, height: diameter } }, /* @__PURE__ */ React.createElement(
-        "svg",
-        {
-          viewBox: `0 0 ${CIRCULAR_VIEWBOX} ${CIRCULAR_VIEWBOX}`,
-          className: "transform -rotate-90",
-          width: diameter,
-          height: diameter
-        },
-        /* @__PURE__ */ React.createElement(
-          "circle",
-          {
-            cx: CIRCULAR_CENTER,
-            cy: CIRCULAR_CENTER,
-            r,
-            fill: "none",
-            className: "stroke-border",
-            strokeWidth
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          "circle",
-          {
-            cx: CIRCULAR_CENTER,
-            cy: CIRCULAR_CENTER,
-            r,
-            fill: "none",
-            className: (0, import_utils.cn)(indicatorClassName || circularColorMap[color], "transition-[stroke-dashoffset] duration-normal ease-out"),
-            strokeWidth,
-            strokeDasharray: circumference,
-            strokeDashoffset: offset,
-            strokeLinecap: "round"
-          }
-        )
-      ), showValue && resolvedSize !== "sm" && /* @__PURE__ */ React.createElement("div", { className: (0, import_utils.cn)(
-        "absolute inset-0 flex items-center justify-center font-semibold font-mono tabular-nums text-foreground",
-        CIRCULAR_FONT_SIZES[resolvedSize]
-      ) }, valueLabel))
+        "aria-label": label,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", style: { width: diameter, height: diameter }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "svg",
+            {
+              viewBox: `0 0 ${CIRCULAR_VIEWBOX} ${CIRCULAR_VIEWBOX}`,
+              className: "transform -rotate-90",
+              width: diameter,
+              height: diameter,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "circle",
+                  {
+                    cx: CIRCULAR_CENTER,
+                    cy: CIRCULAR_CENTER,
+                    r,
+                    fill: "none",
+                    className: "stroke-border",
+                    strokeWidth
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "circle",
+                  {
+                    cx: CIRCULAR_CENTER,
+                    cy: CIRCULAR_CENTER,
+                    r,
+                    fill: "none",
+                    className: (0, import_utils.cn)(indicatorClassName || circularColorMap[color], "transition-[stroke-dashoffset] duration-normal ease-out"),
+                    strokeWidth,
+                    strokeDasharray: circumference,
+                    strokeDashoffset: offset,
+                    strokeLinecap: "round"
+                  }
+                )
+              ]
+            }
+          ),
+          showValue && resolvedSize !== "sm" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_utils.cn)(
+            "absolute inset-0 flex items-center justify-center font-semibold font-mono tabular-nums text-foreground",
+            CIRCULAR_FONT_SIZES[resolvedSize]
+          ), children: valueLabel })
+        ] })
+      }
     );
   }
   const stripedBg = variant === "striped" ? "bg-[length:1rem_1rem] bg-[linear-gradient(45deg,rgba(255,255,255,0.15)_25%,transparent_25%,transparent_50%,rgba(255,255,255,0.15)_50%,rgba(255,255,255,0.15)_75%,transparent_75%,transparent)]" : "";
-  return /* @__PURE__ */ React.createElement("div", { className: (0, import_utils.cn)("flex items-center gap-3", showValue && "w-full", className) }, /* @__PURE__ */ React.createElement(
-    ProgressPrimitive.Root,
-    {
-      ref,
-      className: (0, import_utils.cn)(linearTrackVariants({ size })),
-      value: clampedValue,
-      max,
-      "aria-label": label,
-      ...props
-    },
-    /* @__PURE__ */ React.createElement(
-      ProgressPrimitive.Indicator,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_utils.cn)("flex items-center gap-3", showValue && "w-full", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ProgressPrimitive.Root,
       {
-        className: (0, import_utils.cn)(
-          "h-full transition-[width] duration-normal ease-out rounded-full",
-          indicatorClassName || colorMap[color],
-          stripedBg,
-          animated && variant === "striped" && "animate-progress-stripe"
-        ),
-        style: { width: `${percentage}%` }
+        ref,
+        className: (0, import_utils.cn)(linearTrackVariants({ size })),
+        value: clampedValue,
+        max,
+        "aria-label": label,
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          ProgressPrimitive.Indicator,
+          {
+            className: (0, import_utils.cn)(
+              "h-full transition-[width] duration-normal ease-out rounded-full",
+              indicatorClassName || colorMap[color],
+              stripedBg,
+              animated && variant === "striped" && "animate-progress-stripe"
+            ),
+            style: { width: `${percentage}%` }
+          }
+        )
       }
-    )
-  ), showValue && /* @__PURE__ */ React.createElement("span", { className: (0, import_utils.cn)(
-    "shrink-0 font-semibold font-mono tabular-nums text-foreground",
-    valueFontSizes[resolvedSize]
-  ) }, valueLabel));
+    ),
+    showValue && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_utils.cn)(
+      "shrink-0 font-semibold font-mono tabular-nums text-foreground",
+      valueFontSizes[resolvedSize]
+    ), children: valueLabel })
+  ] });
 });
 Progress.displayName = "Progress";
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/progress.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as ProgressPrimitive from '@radix-ui/react-progress'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ============================================================================\n// Constants\n// ============================================================================\n\n/** Circular SVG viewBox size */\nconst CIRCULAR_VIEWBOX = 100\n/** Circular center point */\nconst CIRCULAR_CENTER = 50\n\n/** Circular sizes (diameter in px) */\nconst CIRCULAR_SIZES = {\n  sm: 32,\n  default: 48,\n  lg: 64,\n} as const\n\n/** Circular stroke thickness per size */\nconst CIRCULAR_THICKNESS = {\n  sm: 4,\n  default: 5,\n  lg: 6,\n} as const\n\n/** Circular value font sizes */\nconst CIRCULAR_FONT_SIZES = {\n  sm: 'text-2xs',\n  default: 'text-xs',\n  lg: 'text-sm',\n} as const\n\n// ============================================================================\n// Linear Progress\n// ============================================================================\n\nconst linearTrackVariants = cva(\n  'relative w-full overflow-hidden bg-border rounded-full',\n  {\n    variants: {\n      size: {\n        sm: 'h-1',\n        default: 'h-2',\n        lg: 'h-3',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n)\n\nconst colorMap = {\n  default: 'bg-foreground',\n  primary: 'bg-primary',\n} as const\n\nconst circularColorMap = {\n  default: 'stroke-foreground',\n  primary: 'stroke-primary',\n} as const\n\nconst valueFontSizes = {\n  sm: 'text-xs',\n  default: 'text-sm',\n  lg: 'text-base',\n} as const\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ProgressProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, 'children'>,\n    VariantProps<typeof linearTrackVariants> {\n  /** Progress type */\n  type?: 'linear' | 'circular'\n  /** Current value (0 to max) */\n  value?: number\n  /** Maximum value */\n  max?: number\n  /** Visual variant (linear only) */\n  variant?: 'default' | 'striped'\n  /** Indicator color */\n  color?: 'default' | 'primary'\n  /** Custom indicator class (overrides color) */\n  indicatorClassName?: string\n  /** Show percentage value */\n  showValue?: boolean\n  /** Custom label formatter */\n  formatLabel?: (value: number, max: number) => string\n  /** Animate striped variant */\n  animated?: boolean\n  /** Circular stroke thickness override */\n  thickness?: number\n  /** Accessibility label */\n  label?: string\n}\n\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  ProgressProps\n>(({\n  className,\n  type = 'linear',\n  value = 0,\n  max = 100,\n  size,\n  variant = 'default',\n  color = 'default',\n  indicatorClassName,\n  showValue = false,\n  formatLabel,\n  animated = false,\n  thickness,\n  label,\n  ...props\n}, ref) => {\n  const resolvedSize = size || 'default'\n  const clampedValue = Math.min(Math.max(value, 0), max)\n  const percentage = (clampedValue / max) * 100\n\n  const valueLabel = formatLabel\n    ? formatLabel(clampedValue, max)\n    : `${Math.round(percentage)}%`\n\n  // ── Circular ──\n  if (type === 'circular') {\n    const diameter = CIRCULAR_SIZES[resolvedSize]\n    const strokeWidth = thickness ?? CIRCULAR_THICKNESS[resolvedSize]\n    const r = (CIRCULAR_VIEWBOX - strokeWidth) / 2\n    const circumference = 2 * Math.PI * r\n    const offset = circumference * (1 - percentage / 100)\n\n    return (\n      <div\n        className={cn('inline-flex items-center gap-2', className)}\n        role=\"progressbar\"\n        aria-valuenow={clampedValue}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        aria-label={label}\n      >\n        <div className=\"relative\" style={{ width: diameter, height: diameter }}>\n          <svg\n            viewBox={`0 0 ${CIRCULAR_VIEWBOX} ${CIRCULAR_VIEWBOX}`}\n            className=\"transform -rotate-90\"\n            width={diameter}\n            height={diameter}\n          >\n            {/* Track */}\n            <circle\n              cx={CIRCULAR_CENTER}\n              cy={CIRCULAR_CENTER}\n              r={r}\n              fill=\"none\"\n              className=\"stroke-border\"\n              strokeWidth={strokeWidth}\n            />\n            {/* Indicator */}\n            <circle\n              cx={CIRCULAR_CENTER}\n              cy={CIRCULAR_CENTER}\n              r={r}\n              fill=\"none\"\n              className={cn(indicatorClassName || circularColorMap[color], 'transition-[stroke-dashoffset] duration-normal ease-out')}\n              strokeWidth={strokeWidth}\n              strokeDasharray={circumference}\n              strokeDashoffset={offset}\n              strokeLinecap=\"round\"\n            />\n          </svg>\n          {/* Center value */}\n          {showValue && resolvedSize !== 'sm' && (\n            <div className={cn(\n              'absolute inset-0 flex items-center justify-center font-semibold font-mono tabular-nums text-foreground',\n              CIRCULAR_FONT_SIZES[resolvedSize]\n            )}>\n              {valueLabel}\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  // ── Linear ──\n  const stripedBg = variant === 'striped'\n    ? 'bg-[length:1rem_1rem] bg-[linear-gradient(45deg,rgba(255,255,255,0.15)_25%,transparent_25%,transparent_50%,rgba(255,255,255,0.15)_50%,rgba(255,255,255,0.15)_75%,transparent_75%,transparent)]'\n    : ''\n\n  return (\n    <div className={cn('flex items-center gap-3', showValue && 'w-full', className)}>\n      <ProgressPrimitive.Root\n        ref={ref}\n        className={cn(linearTrackVariants({ size }))}\n        value={clampedValue}\n        max={max}\n        aria-label={label}\n        {...props}\n      >\n        <ProgressPrimitive.Indicator\n          className={cn(\n            'h-full transition-[width] duration-normal ease-out rounded-full',\n            indicatorClassName || colorMap[color],\n            stripedBg,\n            animated && variant === 'striped' && 'animate-progress-stripe',\n          )}\n          style={{ width: `${percentage}%` }}\n        />\n      </ProgressPrimitive.Root>\n      {showValue && (\n        <span className={cn(\n          'shrink-0 font-semibold font-mono tabular-nums text-foreground',\n          valueFontSizes[resolvedSize]\n        )}>\n          {valueLabel}\n        </span>\n      )}\n    </div>\n  )\n})\nProgress.displayName = 'Progress'\n\nexport { Progress, linearTrackVariants }\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/ui/progress.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as ProgressPrimitive from '@radix-ui/react-progress'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ============================================================================\n// Constants\n// ============================================================================\n\n/** Circular SVG viewBox size */\nconst CIRCULAR_VIEWBOX = 100\n/** Circular center point */\nconst CIRCULAR_CENTER = 50\n\n/** Circular sizes (diameter in px) */\nconst CIRCULAR_SIZES = {\n  sm: 32,\n  default: 48,\n  lg: 64,\n} as const\n\n/** Circular stroke thickness per size */\nconst CIRCULAR_THICKNESS = {\n  sm: 4,\n  default: 5,\n  lg: 6,\n} as const\n\n/** Circular value font sizes */\nconst CIRCULAR_FONT_SIZES = {\n  sm: 'text-2xs',\n  default: 'text-xs',\n  lg: 'text-sm',\n} as const\n\n// ============================================================================\n// Linear Progress\n// ============================================================================\n\nconst linearTrackVariants = cva(\n  'relative w-full overflow-hidden bg-border rounded-full',\n  {\n    variants: {\n      size: {\n        sm: 'h-1',\n        default: 'h-2',\n        lg: 'h-3',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n)\n\nconst colorMap = {\n  default: 'bg-foreground',\n  primary: 'bg-primary',\n} as const\n\nconst circularColorMap = {\n  default: 'stroke-foreground',\n  primary: 'stroke-primary',\n} as const\n\nconst valueFontSizes = {\n  sm: 'text-xs',\n  default: 'text-sm',\n  lg: 'text-base',\n} as const\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ProgressProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, 'children'>,\n    VariantProps<typeof linearTrackVariants> {\n  /** Progress type */\n  type?: 'linear' | 'circular'\n  /** Current value (0 to max) */\n  value?: number\n  /** Maximum value */\n  max?: number\n  /** Visual variant (linear only) */\n  variant?: 'default' | 'striped'\n  /** Indicator color */\n  color?: 'default' | 'primary'\n  /** Custom indicator class (overrides color) */\n  indicatorClassName?: string\n  /** Show percentage value */\n  showValue?: boolean\n  /** Custom label formatter */\n  formatLabel?: (value: number, max: number) => string\n  /** Animate striped variant */\n  animated?: boolean\n  /** Circular stroke thickness override */\n  thickness?: number\n  /** Accessibility label */\n  label?: string\n}\n\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  ProgressProps\n>(({\n  className,\n  type = 'linear',\n  value = 0,\n  max = 100,\n  size,\n  variant = 'default',\n  color = 'default',\n  indicatorClassName,\n  showValue = false,\n  formatLabel,\n  animated = false,\n  thickness,\n  label,\n  ...props\n}, ref) => {\n  const resolvedSize = size || 'default'\n  const clampedValue = Math.min(Math.max(value, 0), max)\n  const percentage = (clampedValue / max) * 100\n\n  const valueLabel = formatLabel\n    ? formatLabel(clampedValue, max)\n    : `${Math.round(percentage)}%`\n\n  // ── Circular ──\n  if (type === 'circular') {\n    const diameter = CIRCULAR_SIZES[resolvedSize]\n    const strokeWidth = thickness ?? CIRCULAR_THICKNESS[resolvedSize]\n    const r = (CIRCULAR_VIEWBOX - strokeWidth) / 2\n    const circumference = 2 * Math.PI * r\n    const offset = circumference * (1 - percentage / 100)\n\n    return (\n      <div\n        className={cn('inline-flex items-center gap-2', className)}\n        role=\"progressbar\"\n        aria-valuenow={clampedValue}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        aria-label={label}\n      >\n        <div className=\"relative\" style={{ width: diameter, height: diameter }}>\n          <svg\n            viewBox={`0 0 ${CIRCULAR_VIEWBOX} ${CIRCULAR_VIEWBOX}`}\n            className=\"transform -rotate-90\"\n            width={diameter}\n            height={diameter}\n          >\n            {/* Track */}\n            <circle\n              cx={CIRCULAR_CENTER}\n              cy={CIRCULAR_CENTER}\n              r={r}\n              fill=\"none\"\n              className=\"stroke-border\"\n              strokeWidth={strokeWidth}\n            />\n            {/* Indicator */}\n            <circle\n              cx={CIRCULAR_CENTER}\n              cy={CIRCULAR_CENTER}\n              r={r}\n              fill=\"none\"\n              className={cn(indicatorClassName || circularColorMap[color], 'transition-[stroke-dashoffset] duration-normal ease-out')}\n              strokeWidth={strokeWidth}\n              strokeDasharray={circumference}\n              strokeDashoffset={offset}\n              strokeLinecap=\"round\"\n            />\n          </svg>\n          {/* Center value */}\n          {showValue && resolvedSize !== 'sm' && (\n            <div className={cn(\n              'absolute inset-0 flex items-center justify-center font-semibold font-mono tabular-nums text-foreground',\n              CIRCULAR_FONT_SIZES[resolvedSize]\n            )}>\n              {valueLabel}\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  // ── Linear ──\n  const stripedBg = variant === 'striped'\n    ? 'bg-[length:1rem_1rem] bg-[linear-gradient(45deg,rgba(255,255,255,0.15)_25%,transparent_25%,transparent_50%,rgba(255,255,255,0.15)_50%,rgba(255,255,255,0.15)_75%,transparent_75%,transparent)]'\n    : ''\n\n  return (\n    <div className={cn('flex items-center gap-3', showValue && 'w-full', className)}>\n      <ProgressPrimitive.Root\n        ref={ref}\n        className={cn(linearTrackVariants({ size }))}\n        value={clampedValue}\n        max={max}\n        aria-label={label}\n        {...props}\n      >\n        <ProgressPrimitive.Indicator\n          className={cn(\n            'h-full transition-[width] duration-normal ease-out rounded-full',\n            indicatorClassName || colorMap[color],\n            stripedBg,\n            animated && variant === 'striped' && 'animate-progress-stripe',\n          )}\n          style={{ width: `${percentage}%` }}\n        />\n      </ProgressPrimitive.Root>\n      {showValue && (\n        <span className={cn(\n          'shrink-0 font-semibold font-mono tabular-nums text-foreground',\n          valueFontSizes[resolvedSize]\n        )}>\n          {valueLabel}\n        </span>\n      )}\n    </div>\n  )\n})\nProgress.displayName = 'Progress'\n\nexport { Progress, linearTrackVariants }\n"],"mappings":"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","names":[]}

package/dist/components/ui/progress.mjs

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { cva } from "class-variance-authority";
@@ -74,7 +75,7 @@ const Progress = React.forwardRef(({
     const r = (CIRCULAR_VIEWBOX - strokeWidth) / 2;
     const circumference = 2 * Math.PI * r;
     const offset = circumference * (1 - percentage / 100);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         className: cn("inline-flex items-center gap-2", className),
@@ -82,74 +83,82 @@ const Progress = React.forwardRef(({
         "aria-valuenow": clampedValue,
         "aria-valuemin": 0,
         "aria-valuemax": max,
-        "aria-label": label
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "relative", style: { width: diameter, height: diameter } }, /* @__PURE__ */ React.createElement(
-        "svg",
-        {
-          viewBox: `0 0 ${CIRCULAR_VIEWBOX} ${CIRCULAR_VIEWBOX}`,
-          className: "transform -rotate-90",
-          width: diameter,
-          height: diameter
-        },
-        /* @__PURE__ */ React.createElement(
-          "circle",
-          {
-            cx: CIRCULAR_CENTER,
-            cy: CIRCULAR_CENTER,
-            r,
-            fill: "none",
-            className: "stroke-border",
-            strokeWidth
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          "circle",
-          {
-            cx: CIRCULAR_CENTER,
-            cy: CIRCULAR_CENTER,
-            r,
-            fill: "none",
-            className: cn(indicatorClassName || circularColorMap[color], "transition-[stroke-dashoffset] duration-normal ease-out"),
-            strokeWidth,
-            strokeDasharray: circumference,
-            strokeDashoffset: offset,
-            strokeLinecap: "round"
-          }
-        )
-      ), showValue && resolvedSize !== "sm" && /* @__PURE__ */ React.createElement("div", { className: cn(
-        "absolute inset-0 flex items-center justify-center font-semibold font-mono tabular-nums text-foreground",
-        CIRCULAR_FONT_SIZES[resolvedSize]
-      ) }, valueLabel))
+        "aria-label": label,
+        children: /* @__PURE__ */ jsxs("div", { className: "relative", style: { width: diameter, height: diameter }, children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              viewBox: `0 0 ${CIRCULAR_VIEWBOX} ${CIRCULAR_VIEWBOX}`,
+              className: "transform -rotate-90",
+              width: diameter,
+              height: diameter,
+              children: [
+                /* @__PURE__ */ jsx(
+                  "circle",
+                  {
+                    cx: CIRCULAR_CENTER,
+                    cy: CIRCULAR_CENTER,
+                    r,
+                    fill: "none",
+                    className: "stroke-border",
+                    strokeWidth
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "circle",
+                  {
+                    cx: CIRCULAR_CENTER,
+                    cy: CIRCULAR_CENTER,
+                    r,
+                    fill: "none",
+                    className: cn(indicatorClassName || circularColorMap[color], "transition-[stroke-dashoffset] duration-normal ease-out"),
+                    strokeWidth,
+                    strokeDasharray: circumference,
+                    strokeDashoffset: offset,
+                    strokeLinecap: "round"
+                  }
+                )
+              ]
+            }
+          ),
+          showValue && resolvedSize !== "sm" && /* @__PURE__ */ jsx("div", { className: cn(
+            "absolute inset-0 flex items-center justify-center font-semibold font-mono tabular-nums text-foreground",
+            CIRCULAR_FONT_SIZES[resolvedSize]
+          ), children: valueLabel })
+        ] })
+      }
     );
   }
   const stripedBg = variant === "striped" ? "bg-[length:1rem_1rem] bg-[linear-gradient(45deg,rgba(255,255,255,0.15)_25%,transparent_25%,transparent_50%,rgba(255,255,255,0.15)_50%,rgba(255,255,255,0.15)_75%,transparent_75%,transparent)]" : "";
-  return /* @__PURE__ */ React.createElement("div", { className: cn("flex items-center gap-3", showValue && "w-full", className) }, /* @__PURE__ */ React.createElement(
-    ProgressPrimitive.Root,
-    {
-      ref,
-      className: cn(linearTrackVariants({ size })),
-      value: clampedValue,
-      max,
-      "aria-label": label,
-      ...props
-    },
-    /* @__PURE__ */ React.createElement(
-      ProgressPrimitive.Indicator,
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3", showValue && "w-full", className), children: [
+    /* @__PURE__ */ jsx(
+      ProgressPrimitive.Root,
       {
-        className: cn(
-          "h-full transition-[width] duration-normal ease-out rounded-full",
-          indicatorClassName || colorMap[color],
-          stripedBg,
-          animated && variant === "striped" && "animate-progress-stripe"
-        ),
-        style: { width: `${percentage}%` }
+        ref,
+        className: cn(linearTrackVariants({ size })),
+        value: clampedValue,
+        max,
+        "aria-label": label,
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          ProgressPrimitive.Indicator,
+          {
+            className: cn(
+              "h-full transition-[width] duration-normal ease-out rounded-full",
+              indicatorClassName || colorMap[color],
+              stripedBg,
+              animated && variant === "striped" && "animate-progress-stripe"
+            ),
+            style: { width: `${percentage}%` }
+          }
+        )
       }
-    )
-  ), showValue && /* @__PURE__ */ React.createElement("span", { className: cn(
-    "shrink-0 font-semibold font-mono tabular-nums text-foreground",
-    valueFontSizes[resolvedSize]
-  ) }, valueLabel));
+    ),
+    showValue && /* @__PURE__ */ jsx("span", { className: cn(
+      "shrink-0 font-semibold font-mono tabular-nums text-foreground",
+      valueFontSizes[resolvedSize]
+    ), children: valueLabel })
+  ] });
 });
 Progress.displayName = "Progress";
 export {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/progress.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as ProgressPrimitive from '@radix-ui/react-progress'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ============================================================================\n// Constants\n// ============================================================================\n\n/** Circular SVG viewBox size */\nconst CIRCULAR_VIEWBOX = 100\n/** Circular center point */\nconst CIRCULAR_CENTER = 50\n\n/** Circular sizes (diameter in px) */\nconst CIRCULAR_SIZES = {\n  sm: 32,\n  default: 48,\n  lg: 64,\n} as const\n\n/** Circular stroke thickness per size */\nconst CIRCULAR_THICKNESS = {\n  sm: 4,\n  default: 5,\n  lg: 6,\n} as const\n\n/** Circular value font sizes */\nconst CIRCULAR_FONT_SIZES = {\n  sm: 'text-2xs',\n  default: 'text-xs',\n  lg: 'text-sm',\n} as const\n\n// ============================================================================\n// Linear Progress\n// ============================================================================\n\nconst linearTrackVariants = cva(\n  'relative w-full overflow-hidden bg-border rounded-full',\n  {\n    variants: {\n      size: {\n        sm: 'h-1',\n        default: 'h-2',\n        lg: 'h-3',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n)\n\nconst colorMap = {\n  default: 'bg-foreground',\n  primary: 'bg-primary',\n} as const\n\nconst circularColorMap = {\n  default: 'stroke-foreground',\n  primary: 'stroke-primary',\n} as const\n\nconst valueFontSizes = {\n  sm: 'text-xs',\n  default: 'text-sm',\n  lg: 'text-base',\n} as const\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ProgressProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, 'children'>,\n    VariantProps<typeof linearTrackVariants> {\n  /** Progress type */\n  type?: 'linear' | 'circular'\n  /** Current value (0 to max) */\n  value?: number\n  /** Maximum value */\n  max?: number\n  /** Visual variant (linear only) */\n  variant?: 'default' | 'striped'\n  /** Indicator color */\n  color?: 'default' | 'primary'\n  /** Custom indicator class (overrides color) */\n  indicatorClassName?: string\n  /** Show percentage value */\n  showValue?: boolean\n  /** Custom label formatter */\n  formatLabel?: (value: number, max: number) => string\n  /** Animate striped variant */\n  animated?: boolean\n  /** Circular stroke thickness override */\n  thickness?: number\n  /** Accessibility label */\n  label?: string\n}\n\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  ProgressProps\n>(({\n  className,\n  type = 'linear',\n  value = 0,\n  max = 100,\n  size,\n  variant = 'default',\n  color = 'default',\n  indicatorClassName,\n  showValue = false,\n  formatLabel,\n  animated = false,\n  thickness,\n  label,\n  ...props\n}, ref) => {\n  const resolvedSize = size || 'default'\n  const clampedValue = Math.min(Math.max(value, 0), max)\n  const percentage = (clampedValue / max) * 100\n\n  const valueLabel = formatLabel\n    ? formatLabel(clampedValue, max)\n    : `${Math.round(percentage)}%`\n\n  // ── Circular ──\n  if (type === 'circular') {\n    const diameter = CIRCULAR_SIZES[resolvedSize]\n    const strokeWidth = thickness ?? CIRCULAR_THICKNESS[resolvedSize]\n    const r = (CIRCULAR_VIEWBOX - strokeWidth) / 2\n    const circumference = 2 * Math.PI * r\n    const offset = circumference * (1 - percentage / 100)\n\n    return (\n      <div\n        className={cn('inline-flex items-center gap-2', className)}\n        role=\"progressbar\"\n        aria-valuenow={clampedValue}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        aria-label={label}\n      >\n        <div className=\"relative\" style={{ width: diameter, height: diameter }}>\n          <svg\n            viewBox={`0 0 ${CIRCULAR_VIEWBOX} ${CIRCULAR_VIEWBOX}`}\n            className=\"transform -rotate-90\"\n            width={diameter}\n            height={diameter}\n          >\n            {/* Track */}\n            <circle\n              cx={CIRCULAR_CENTER}\n              cy={CIRCULAR_CENTER}\n              r={r}\n              fill=\"none\"\n              className=\"stroke-border\"\n              strokeWidth={strokeWidth}\n            />\n            {/* Indicator */}\n            <circle\n              cx={CIRCULAR_CENTER}\n              cy={CIRCULAR_CENTER}\n              r={r}\n              fill=\"none\"\n              className={cn(indicatorClassName || circularColorMap[color], 'transition-[stroke-dashoffset] duration-normal ease-out')}\n              strokeWidth={strokeWidth}\n              strokeDasharray={circumference}\n              strokeDashoffset={offset}\n              strokeLinecap=\"round\"\n            />\n          </svg>\n          {/* Center value */}\n          {showValue && resolvedSize !== 'sm' && (\n            <div className={cn(\n              'absolute inset-0 flex items-center justify-center font-semibold font-mono tabular-nums text-foreground',\n              CIRCULAR_FONT_SIZES[resolvedSize]\n            )}>\n              {valueLabel}\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  // ── Linear ──\n  const stripedBg = variant === 'striped'\n    ? 'bg-[length:1rem_1rem] bg-[linear-gradient(45deg,rgba(255,255,255,0.15)_25%,transparent_25%,transparent_50%,rgba(255,255,255,0.15)_50%,rgba(255,255,255,0.15)_75%,transparent_75%,transparent)]'\n    : ''\n\n  return (\n    <div className={cn('flex items-center gap-3', showValue && 'w-full', className)}>\n      <ProgressPrimitive.Root\n        ref={ref}\n        className={cn(linearTrackVariants({ size }))}\n        value={clampedValue}\n        max={max}\n        aria-label={label}\n        {...props}\n      >\n        <ProgressPrimitive.Indicator\n          className={cn(\n            'h-full transition-[width] duration-normal ease-out rounded-full',\n            indicatorClassName || colorMap[color],\n            stripedBg,\n            animated && variant === 'striped' && 'animate-progress-stripe',\n          )}\n          style={{ width: `${percentage}%` }}\n        />\n      </ProgressPrimitive.Root>\n      {showValue && (\n        <span className={cn(\n          'shrink-0 font-semibold font-mono tabular-nums text-foreground',\n          valueFontSizes[resolvedSize]\n        )}>\n          {valueLabel}\n        </span>\n      )}\n    </div>\n  )\n})\nProgress.displayName = 'Progress'\n\nexport { Progress, linearTrackVariants }\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/ui/progress.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as ProgressPrimitive from '@radix-ui/react-progress'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ============================================================================\n// Constants\n// ============================================================================\n\n/** Circular SVG viewBox size */\nconst CIRCULAR_VIEWBOX = 100\n/** Circular center point */\nconst CIRCULAR_CENTER = 50\n\n/** Circular sizes (diameter in px) */\nconst CIRCULAR_SIZES = {\n  sm: 32,\n  default: 48,\n  lg: 64,\n} as const\n\n/** Circular stroke thickness per size */\nconst CIRCULAR_THICKNESS = {\n  sm: 4,\n  default: 5,\n  lg: 6,\n} as const\n\n/** Circular value font sizes */\nconst CIRCULAR_FONT_SIZES = {\n  sm: 'text-2xs',\n  default: 'text-xs',\n  lg: 'text-sm',\n} as const\n\n// ============================================================================\n// Linear Progress\n// ============================================================================\n\nconst linearTrackVariants = cva(\n  'relative w-full overflow-hidden bg-border rounded-full',\n  {\n    variants: {\n      size: {\n        sm: 'h-1',\n        default: 'h-2',\n        lg: 'h-3',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n)\n\nconst colorMap = {\n  default: 'bg-foreground',\n  primary: 'bg-primary',\n} as const\n\nconst circularColorMap = {\n  default: 'stroke-foreground',\n  primary: 'stroke-primary',\n} as const\n\nconst valueFontSizes = {\n  sm: 'text-xs',\n  default: 'text-sm',\n  lg: 'text-base',\n} as const\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ProgressProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, 'children'>,\n    VariantProps<typeof linearTrackVariants> {\n  /** Progress type */\n  type?: 'linear' | 'circular'\n  /** Current value (0 to max) */\n  value?: number\n  /** Maximum value */\n  max?: number\n  /** Visual variant (linear only) */\n  variant?: 'default' | 'striped'\n  /** Indicator color */\n  color?: 'default' | 'primary'\n  /** Custom indicator class (overrides color) */\n  indicatorClassName?: string\n  /** Show percentage value */\n  showValue?: boolean\n  /** Custom label formatter */\n  formatLabel?: (value: number, max: number) => string\n  /** Animate striped variant */\n  animated?: boolean\n  /** Circular stroke thickness override */\n  thickness?: number\n  /** Accessibility label */\n  label?: string\n}\n\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  ProgressProps\n>(({\n  className,\n  type = 'linear',\n  value = 0,\n  max = 100,\n  size,\n  variant = 'default',\n  color = 'default',\n  indicatorClassName,\n  showValue = false,\n  formatLabel,\n  animated = false,\n  thickness,\n  label,\n  ...props\n}, ref) => {\n  const resolvedSize = size || 'default'\n  const clampedValue = Math.min(Math.max(value, 0), max)\n  const percentage = (clampedValue / max) * 100\n\n  const valueLabel = formatLabel\n    ? formatLabel(clampedValue, max)\n    : `${Math.round(percentage)}%`\n\n  // ── Circular ──\n  if (type === 'circular') {\n    const diameter = CIRCULAR_SIZES[resolvedSize]\n    const strokeWidth = thickness ?? CIRCULAR_THICKNESS[resolvedSize]\n    const r = (CIRCULAR_VIEWBOX - strokeWidth) / 2\n    const circumference = 2 * Math.PI * r\n    const offset = circumference * (1 - percentage / 100)\n\n    return (\n      <div\n        className={cn('inline-flex items-center gap-2', className)}\n        role=\"progressbar\"\n        aria-valuenow={clampedValue}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        aria-label={label}\n      >\n        <div className=\"relative\" style={{ width: diameter, height: diameter }}>\n          <svg\n            viewBox={`0 0 ${CIRCULAR_VIEWBOX} ${CIRCULAR_VIEWBOX}`}\n            className=\"transform -rotate-90\"\n            width={diameter}\n            height={diameter}\n          >\n            {/* Track */}\n            <circle\n              cx={CIRCULAR_CENTER}\n              cy={CIRCULAR_CENTER}\n              r={r}\n              fill=\"none\"\n              className=\"stroke-border\"\n              strokeWidth={strokeWidth}\n            />\n            {/* Indicator */}\n            <circle\n              cx={CIRCULAR_CENTER}\n              cy={CIRCULAR_CENTER}\n              r={r}\n              fill=\"none\"\n              className={cn(indicatorClassName || circularColorMap[color], 'transition-[stroke-dashoffset] duration-normal ease-out')}\n              strokeWidth={strokeWidth}\n              strokeDasharray={circumference}\n              strokeDashoffset={offset}\n              strokeLinecap=\"round\"\n            />\n          </svg>\n          {/* Center value */}\n          {showValue && resolvedSize !== 'sm' && (\n            <div className={cn(\n              'absolute inset-0 flex items-center justify-center font-semibold font-mono tabular-nums text-foreground',\n              CIRCULAR_FONT_SIZES[resolvedSize]\n            )}>\n              {valueLabel}\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  // ── Linear ──\n  const stripedBg = variant === 'striped'\n    ? 'bg-[length:1rem_1rem] bg-[linear-gradient(45deg,rgba(255,255,255,0.15)_25%,transparent_25%,transparent_50%,rgba(255,255,255,0.15)_50%,rgba(255,255,255,0.15)_75%,transparent_75%,transparent)]'\n    : ''\n\n  return (\n    <div className={cn('flex items-center gap-3', showValue && 'w-full', className)}>\n      <ProgressPrimitive.Root\n        ref={ref}\n        className={cn(linearTrackVariants({ size }))}\n        value={clampedValue}\n        max={max}\n        aria-label={label}\n        {...props}\n      >\n        <ProgressPrimitive.Indicator\n          className={cn(\n            'h-full transition-[width] duration-normal ease-out rounded-full',\n            indicatorClassName || colorMap[color],\n            stripedBg,\n            animated && variant === 'striped' && 'animate-progress-stripe',\n          )}\n          style={{ width: `${percentage}%` }}\n        />\n      </ProgressPrimitive.Root>\n      {showValue && (\n        <span className={cn(\n          'shrink-0 font-semibold font-mono tabular-nums text-foreground',\n          valueFontSizes[resolvedSize]\n        )}>\n          {valueLabel}\n        </span>\n      )}\n    </div>\n  )\n})\nProgress.displayName = 'Progress'\n\nexport { Progress, linearTrackVariants }\n"],"mappings":"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","names":[]}