@karakuri-ui/react 0.2.3 → 0.2.4

package/dist/components/ui/popover.js

@@ -0,0 +1,175 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var popover_exports = {};
+__export(popover_exports, {
+  Popover: () => Popover,
+  PopoverAnchor: () => PopoverAnchor,
+  PopoverArrow: () => PopoverArrow,
+  PopoverClose: () => PopoverClose,
+  PopoverContent: () => PopoverContent,
+  PopoverPortal: () => PopoverPortal,
+  PopoverRoot: () => PopoverRoot,
+  PopoverTrigger: () => PopoverTrigger,
+  popoverContentVariants: () => popoverContentVariants
+});
+module.exports = __toCommonJS(popover_exports);
+var React = __toESM(require("react"));
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
+var import_class_variance_authority = require("class-variance-authority");
+var import_utils = require("../../lib/utils");
+const 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" })
+);
+const 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"
+};
+const popoverContentVariants = (0, import_class_variance_authority.cva)(
+  "relative z-popover font-normal select-none w-auto max-w-[calc(100vw-16px)] 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"
+    }
+  }
+);
+const 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"
+};
+const ARROW_ELEVATED = "fill-background-paper drop-shadow-sm";
+function PopoverRoot(props) {
+  return /* @__PURE__ */ React.createElement(PopoverPrimitive.Root, { ...props });
+}
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverPortal = PopoverPrimitive.Portal;
+const PopoverAnchor = PopoverPrimitive.Anchor;
+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(
+    PopoverPrimitive.Content,
+    {
+      ref,
+      side,
+      sideOffset: resolvedOffset,
+      className: (0, import_utils.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" })
+    ),
+    children,
+    showArrow && variant === "default" && /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: (0, import_utils.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";
+const PopoverArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  PopoverPrimitive.Arrow,
+  {
+    ref,
+    className: (0, import_utils.cn)("fill-background-paper", className),
+    width: 10,
+    height: 5,
+    ...props
+  }
+));
+PopoverArrow.displayName = "PopoverArrow";
+const Popover = Object.assign(PopoverRoot, {
+  Trigger: PopoverTrigger,
+  Content: PopoverContent,
+  Arrow: PopoverArrow,
+  Close: PopoverClose,
+  Anchor: PopoverAnchor,
+  Portal: PopoverPortal
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Popover,
+  PopoverAnchor,
+  PopoverArrow,
+  PopoverClose,
+  PopoverContent,
+  PopoverPortal,
+  PopoverRoot,
+  PopoverTrigger,
+  popoverContentVariants
+});
+//# sourceMappingURL=popover.js.map

package/dist/components/ui/popover.js.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 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// ─── PopoverRoot — wrapper to avoid Object.assign mutating Radix primitive ──\nexport interface PopoverRootProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> {}\n\nfunction PopoverRoot(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        {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// ─── Namespace: Popover ──────────────────────────────────────\nconst Popover = Object.assign(PopoverRoot, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Arrow: PopoverArrow,\n  Close: PopoverClose,\n  Anchor: PopoverAnchor,\n  Portal: PopoverPortal,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nnamespace Popover {\n  export type ContentProps = PopoverContentProps\n  export type RootProps = PopoverRootProps\n}\n\n// ─── Exports ────────────────────────────────────────────────\nexport {\n  Popover,\n  PopoverRoot,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverArrow,\n  PopoverClose,\n  PopoverAnchor,\n  PopoverPortal,\n  popoverContentVariants,\n}\n"],"mappings":"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","names":[]}

package/dist/components/ui/popover.mjs

@@ -0,0 +1,133 @@
+"use client";
+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(
+  "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" })
+);
+const 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"
+};
+const popoverContentVariants = cva(
+  "relative z-popover font-normal select-none w-auto max-w-[calc(100vw-16px)] 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"
+    }
+  }
+);
+const 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"
+};
+const ARROW_ELEVATED = "fill-background-paper drop-shadow-sm";
+function PopoverRoot(props) {
+  return /* @__PURE__ */ React.createElement(PopoverPrimitive.Root, { ...props });
+}
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverPortal = PopoverPrimitive.Portal;
+const PopoverAnchor = PopoverPrimitive.Anchor;
+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(
+    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" })
+    ),
+    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";
+const 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";
+const Popover = Object.assign(PopoverRoot, {
+  Trigger: PopoverTrigger,
+  Content: PopoverContent,
+  Arrow: PopoverArrow,
+  Close: PopoverClose,
+  Anchor: PopoverAnchor,
+  Portal: PopoverPortal
+});
+export {
+  Popover,
+  PopoverAnchor,
+  PopoverArrow,
+  PopoverClose,
+  PopoverContent,
+  PopoverPortal,
+  PopoverRoot,
+  PopoverTrigger,
+  popoverContentVariants
+};
+//# sourceMappingURL=popover.mjs.map

package/dist/components/ui/popover.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 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// ─── PopoverRoot — wrapper to avoid Object.assign mutating Radix primitive ──\nexport interface PopoverRootProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> {}\n\nfunction PopoverRoot(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        {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// ─── Namespace: Popover ──────────────────────────────────────\nconst Popover = Object.assign(PopoverRoot, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Arrow: PopoverArrow,\n  Close: PopoverClose,\n  Anchor: PopoverAnchor,\n  Portal: PopoverPortal,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nnamespace Popover {\n  export type ContentProps = PopoverContentProps\n  export type RootProps = PopoverRootProps\n}\n\n// ─── Exports ────────────────────────────────────────────────\nexport {\n  Popover,\n  PopoverRoot,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverArrow,\n  PopoverClose,\n  PopoverAnchor,\n  PopoverPortal,\n  popoverContentVariants,\n}\n"],"mappings":"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","names":[]}

package/dist/components/ui/progress.d.mts

@@ -0,0 +1,35 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { VariantProps } from 'class-variance-authority';
+
+declare const linearTrackVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ProgressProps extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, 'children'>, VariantProps<typeof linearTrackVariants> {
+    /** Progress type */
+    type?: 'linear' | 'circular';
+    /** Current value (0 to max) */
+    value?: number;
+    /** Maximum value */
+    max?: number;
+    /** Visual variant (linear only) */
+    variant?: 'default' | 'striped';
+    /** Indicator color */
+    color?: 'default' | 'primary';
+    /** Custom indicator class (overrides color) */
+    indicatorClassName?: string;
+    /** Show percentage value */
+    showValue?: boolean;
+    /** Custom label formatter */
+    formatLabel?: (value: number, max: number) => string;
+    /** Animate striped variant */
+    animated?: boolean;
+    /** Circular stroke thickness override */
+    thickness?: number;
+    /** Accessibility label */
+    label?: string;
+}
+declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Progress, type ProgressProps, linearTrackVariants };

package/dist/components/ui/progress.d.ts

@@ -0,0 +1,35 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { VariantProps } from 'class-variance-authority';
+
+declare const linearTrackVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ProgressProps extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, 'children'>, VariantProps<typeof linearTrackVariants> {
+    /** Progress type */
+    type?: 'linear' | 'circular';
+    /** Current value (0 to max) */
+    value?: number;
+    /** Maximum value */
+    max?: number;
+    /** Visual variant (linear only) */
+    variant?: 'default' | 'striped';
+    /** Indicator color */
+    color?: 'default' | 'primary';
+    /** Custom indicator class (overrides color) */
+    indicatorClassName?: string;
+    /** Show percentage value */
+    showValue?: boolean;
+    /** Custom label formatter */
+    formatLabel?: (value: number, max: number) => string;
+    /** Animate striped variant */
+    animated?: boolean;
+    /** Circular stroke thickness override */
+    thickness?: number;
+    /** Accessibility label */
+    label?: string;
+}
+declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Progress, type ProgressProps, linearTrackVariants };

package/dist/components/ui/progress.js

@@ -0,0 +1,194 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var progress_exports = {};
+__export(progress_exports, {
+  Progress: () => Progress,
+  linearTrackVariants: () => linearTrackVariants
+});
+module.exports = __toCommonJS(progress_exports);
+var React = __toESM(require("react"));
+var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
+var import_class_variance_authority = require("class-variance-authority");
+var import_utils = require("../../lib/utils");
+const CIRCULAR_VIEWBOX = 100;
+const CIRCULAR_CENTER = 50;
+const CIRCULAR_SIZES = {
+  sm: 32,
+  default: 48,
+  lg: 64
+};
+const CIRCULAR_THICKNESS = {
+  sm: 4,
+  default: 5,
+  lg: 6
+};
+const CIRCULAR_FONT_SIZES = {
+  sm: "text-2xs",
+  default: "text-xs",
+  lg: "text-sm"
+};
+const linearTrackVariants = (0, import_class_variance_authority.cva)(
+  "relative w-full overflow-hidden bg-border rounded-full",
+  {
+    variants: {
+      size: {
+        sm: "h-1",
+        default: "h-2",
+        lg: "h-3"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+const colorMap = {
+  default: "bg-foreground",
+  primary: "bg-primary"
+};
+const circularColorMap = {
+  default: "stroke-foreground",
+  primary: "stroke-primary"
+};
+const valueFontSizes = {
+  sm: "text-xs",
+  default: "text-sm",
+  lg: "text-base"
+};
+const Progress = React.forwardRef(({
+  className,
+  type = "linear",
+  value = 0,
+  max = 100,
+  size,
+  variant = "default",
+  color = "default",
+  indicatorClassName,
+  showValue = false,
+  formatLabel,
+  animated = false,
+  thickness,
+  label,
+  ...props
+}, ref) => {
+  const resolvedSize = size || "default";
+  const clampedValue = Math.min(Math.max(value, 0), max);
+  const percentage = clampedValue / max * 100;
+  const valueLabel = formatLabel ? formatLabel(clampedValue, max) : `${Math.round(percentage)}%`;
+  if (type === "circular") {
+    const diameter = CIRCULAR_SIZES[resolvedSize];
+    const strokeWidth = thickness ?? CIRCULAR_THICKNESS[resolvedSize];
+    const r = (CIRCULAR_VIEWBOX - strokeWidth) / 2;
+    const circumference = 2 * Math.PI * r;
+    const offset = circumference * (1 - percentage / 100);
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: (0, import_utils.cn)("inline-flex items-center gap-2", className),
+        role: "progressbar",
+        "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))
+    );
+  }
+  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,
+      {
+        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));
+});
+Progress.displayName = "Progress";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Progress,
+  linearTrackVariants
+});
+//# sourceMappingURL=progress.js.map

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

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