@mieweb/ui 0.2.2 → 0.3.0-dev.60

package/dist/tailwind-preset.cjs

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkSSKI6VTW_cjs = require('./chunk-SSKI6VTW.cjs');
+var chunkG7ZHQA4O_cjs = require('./chunk-G7ZHQA4O.cjs');
 
 
 
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkSSKI6VTW_cjs.tailwind_preset_default; }
+  get: function () { return chunkG7ZHQA4O_cjs.tailwind_preset_default; }
 });
 Object.defineProperty(exports, "miewebUIPreset", {
   enumerable: true,
-  get: function () { return chunkSSKI6VTW_cjs.miewebUIPreset; }
+  get: function () { return chunkG7ZHQA4O_cjs.miewebUIPreset; }
 });
 Object.defineProperty(exports, "miewebUISafelist", {
   enumerable: true,
-  get: function () { return chunkSSKI6VTW_cjs.miewebUISafelist; }
+  get: function () { return chunkG7ZHQA4O_cjs.miewebUISafelist; }
 });
 //# sourceMappingURL=tailwind-preset.cjs.map
 //# sourceMappingURL=tailwind-preset.cjs.map

package/dist/tailwind-preset.d.cts

@@ -23,8 +23,19 @@
  */
 /**
  * Safelist of classes used by @mieweb/ui components.
- * These must be safelisted because Tailwind may not detect them when
- * components are imported from node_modules (especially with Tailwind CSS 4).
+ *
+ * **Tailwind CSS 3**: These must be safelisted because Tailwind may not detect
+ * them when components are imported from node_modules.
+ *
+ * **Tailwind CSS 4**: The safelist is NOT needed if you add the `@source`
+ * directive to your CSS. Add this line to your main CSS file:
+ *
+ *   @source "../node_modules/@mieweb/ui/dist";
+ *
+ * This tells Tailwind 4 to scan @mieweb/ui's dist folder for class names,
+ * replacing the need for a manual safelist.
+ *
+ * @deprecated For Tailwind CSS 4 users — use the `@source` directive instead.
  */
 declare const miewebUISafelist: string[];
 interface MiewebUIPreset {

package/dist/tailwind-preset.d.ts

@@ -23,8 +23,19 @@
  */
 /**
  * Safelist of classes used by @mieweb/ui components.
- * These must be safelisted because Tailwind may not detect them when
- * components are imported from node_modules (especially with Tailwind CSS 4).
+ *
+ * **Tailwind CSS 3**: These must be safelisted because Tailwind may not detect
+ * them when components are imported from node_modules.
+ *
+ * **Tailwind CSS 4**: The safelist is NOT needed if you add the `@source`
+ * directive to your CSS. Add this line to your main CSS file:
+ *
+ *   @source "../node_modules/@mieweb/ui/dist";
+ *
+ * This tells Tailwind 4 to scan @mieweb/ui's dist folder for class names,
+ * replacing the need for a manual safelist.
+ *
+ * @deprecated For Tailwind CSS 4 users — use the `@source` directive instead.
  */
 declare const miewebUISafelist: string[];
 interface MiewebUIPreset {

package/dist/tailwind-preset.js

@@ -1,3 +1,3 @@
-export { tailwind_preset_default as default, miewebUIPreset, miewebUISafelist } from './chunk-EYH7OUX5.js';
+export { tailwind_preset_default as default, miewebUIPreset, miewebUISafelist } from './chunk-LUVSO5LK.js';
 //# sourceMappingURL=tailwind-preset.js.map
 //# sourceMappingURL=tailwind-preset.js.map

package/dist/utils/index.cjs

@@ -1,60 +1,68 @@
 'use strict';
 
 require('../chunk-74K3RRU7.cjs');
+var chunkCW75IKA6_cjs = require('../chunk-CW75IKA6.cjs');
 var chunkBTJHYGPI_cjs = require('../chunk-BTJHYGPI.cjs');
-var chunkWH6I7CMP_cjs = require('../chunk-WH6I7CMP.cjs');
 var chunkSCV7C55E_cjs = require('../chunk-SCV7C55E.cjs');
 var chunkOR5DRJCW_cjs = require('../chunk-OR5DRJCW.cjs');
 
 
 
-Object.defineProperty(exports, "formatPhoneNumber", {
-  enumerable: true,
-  get: function () { return chunkBTJHYGPI_cjs.formatPhoneNumber; }
-});
-Object.defineProperty(exports, "isPhoneNumberEmpty", {
-  enumerable: true,
-  get: function () { return chunkBTJHYGPI_cjs.isPhoneNumberEmpty; }
-});
-Object.defineProperty(exports, "isValidPhoneNumber", {
+Object.defineProperty(exports, "calculateAge", {
   enumerable: true,
-  get: function () { return chunkBTJHYGPI_cjs.isValidPhoneNumber; }
+  get: function () { return chunkCW75IKA6_cjs.calculateAge; }
 });
-Object.defineProperty(exports, "unformatPhoneNumber", {
+Object.defineProperty(exports, "dateToDisplayFormat", {
   enumerable: true,
-  get: function () { return chunkBTJHYGPI_cjs.unformatPhoneNumber; }
+  get: function () { return chunkCW75IKA6_cjs.dateToDisplayFormat; }
 });
-Object.defineProperty(exports, "calculateAge", {
+Object.defineProperty(exports, "displayFormatToDateString", {
   enumerable: true,
-  get: function () { return chunkWH6I7CMP_cjs.calculateAge; }
+  get: function () { return chunkCW75IKA6_cjs.displayFormatToDateString; }
 });
 Object.defineProperty(exports, "formatDateValue", {
   enumerable: true,
-  get: function () { return chunkWH6I7CMP_cjs.formatDateValue; }
+  get: function () { return chunkCW75IKA6_cjs.formatDateValue; }
 });
 Object.defineProperty(exports, "isDateEmpty", {
   enumerable: true,
-  get: function () { return chunkWH6I7CMP_cjs.isDateEmpty; }
+  get: function () { return chunkCW75IKA6_cjs.isDateEmpty; }
 });
 Object.defineProperty(exports, "isDateInFuture", {
   enumerable: true,
-  get: function () { return chunkWH6I7CMP_cjs.isDateInFuture; }
+  get: function () { return chunkCW75IKA6_cjs.isDateInFuture; }
 });
 Object.defineProperty(exports, "isDateInPast", {
   enumerable: true,
-  get: function () { return chunkWH6I7CMP_cjs.isDateInPast; }
+  get: function () { return chunkCW75IKA6_cjs.isDateInPast; }
 });
 Object.defineProperty(exports, "isValidDate", {
   enumerable: true,
-  get: function () { return chunkWH6I7CMP_cjs.isValidDate; }
+  get: function () { return chunkCW75IKA6_cjs.isValidDate; }
 });
 Object.defineProperty(exports, "isValidDrivingAge", {
   enumerable: true,
-  get: function () { return chunkWH6I7CMP_cjs.isValidDrivingAge; }
+  get: function () { return chunkCW75IKA6_cjs.isValidDrivingAge; }
 });
 Object.defineProperty(exports, "parseDateValue", {
   enumerable: true,
-  get: function () { return chunkWH6I7CMP_cjs.parseDateValue; }
+  get: function () { return chunkCW75IKA6_cjs.parseDateValue; }
+});
+Object.defineProperty(exports, "formatPhoneNumber", {
+  enumerable: true,
+  get: function () { return chunkBTJHYGPI_cjs.formatPhoneNumber; }
+});
+Object.defineProperty(exports, "isPhoneNumberEmpty", {
+  enumerable: true,
+  get: function () { return chunkBTJHYGPI_cjs.isPhoneNumberEmpty; }
+});
+Object.defineProperty(exports, "isValidPhoneNumber", {
+  enumerable: true,
+  get: function () { return chunkBTJHYGPI_cjs.isValidPhoneNumber; }
+});
+Object.defineProperty(exports, "unformatPhoneNumber", {
+  enumerable: true,
+  get: function () { return chunkBTJHYGPI_cjs.unformatPhoneNumber; }
 });
 Object.defineProperty(exports, "isStorybookDocsMode", {
   enumerable: true,

package/dist/utils/index.d.cts

@@ -69,6 +69,17 @@ declare function isDateInPast(value: string): boolean;
  * Checks if a date is in the future
  */
 declare function isDateInFuture(value: string): boolean;
+/**
+ * Converts a Date object or date string to MM/DD/YYYY format for display.
+ * Handles both Date objects and YYYY-MM-DD strings, parsing them in local timezone
+ * to avoid off-by-one day issues from UTC interpretation.
+ */
+declare function dateToDisplayFormat(date: Date | string): string;
+/**
+ * Converts MM/DD/YYYY format to YYYY-MM-DD date string.
+ * Returns the original value if not a valid complete date.
+ */
+declare function displayFormatToDateString(value: string): string;
 
 /**
  * Environment detection utilities for handling special rendering contexts
@@ -83,4 +94,4 @@ declare function isDateInFuture(value: string): boolean;
  */
 declare function isStorybookDocsMode(): boolean;
 
-export { calculateAge, cn, formatDateValue, formatPhoneNumber, isDateEmpty, isDateInFuture, isDateInPast, isPhoneNumberEmpty, isStorybookDocsMode, isValidDate, isValidDrivingAge, isValidPhoneNumber, parseDateValue, unformatPhoneNumber };
+export { calculateAge, cn, dateToDisplayFormat, displayFormatToDateString, formatDateValue, formatPhoneNumber, isDateEmpty, isDateInFuture, isDateInPast, isPhoneNumberEmpty, isStorybookDocsMode, isValidDate, isValidDrivingAge, isValidPhoneNumber, parseDateValue, unformatPhoneNumber };

package/dist/utils/index.d.ts

@@ -69,6 +69,17 @@ declare function isDateInPast(value: string): boolean;
  * Checks if a date is in the future
  */
 declare function isDateInFuture(value: string): boolean;
+/**
+ * Converts a Date object or date string to MM/DD/YYYY format for display.
+ * Handles both Date objects and YYYY-MM-DD strings, parsing them in local timezone
+ * to avoid off-by-one day issues from UTC interpretation.
+ */
+declare function dateToDisplayFormat(date: Date | string): string;
+/**
+ * Converts MM/DD/YYYY format to YYYY-MM-DD date string.
+ * Returns the original value if not a valid complete date.
+ */
+declare function displayFormatToDateString(value: string): string;
 
 /**
  * Environment detection utilities for handling special rendering contexts
@@ -83,4 +94,4 @@ declare function isDateInFuture(value: string): boolean;
  */
 declare function isStorybookDocsMode(): boolean;
 
-export { calculateAge, cn, formatDateValue, formatPhoneNumber, isDateEmpty, isDateInFuture, isDateInPast, isPhoneNumberEmpty, isStorybookDocsMode, isValidDate, isValidDrivingAge, isValidPhoneNumber, parseDateValue, unformatPhoneNumber };
+export { calculateAge, cn, dateToDisplayFormat, displayFormatToDateString, formatDateValue, formatPhoneNumber, isDateEmpty, isDateInFuture, isDateInPast, isPhoneNumberEmpty, isStorybookDocsMode, isValidDate, isValidDrivingAge, isValidPhoneNumber, parseDateValue, unformatPhoneNumber };

package/dist/utils/index.js

@@ -1,6 +1,6 @@
 import '../chunk-V2DF2GUE.js';
+export { calculateAge, dateToDisplayFormat, displayFormatToDateString, formatDateValue, isDateEmpty, isDateInFuture, isDateInPast, isValidDate, isValidDrivingAge, parseDateValue } from '../chunk-RC2YMOMS.js';
 export { formatPhoneNumber, isPhoneNumberEmpty, isValidPhoneNumber, unformatPhoneNumber } from '../chunk-CEHWXAAI.js';
-export { calculateAge, formatDateValue, isDateEmpty, isDateInFuture, isDateInPast, isValidDate, isValidDrivingAge, parseDateValue } from '../chunk-TPGT236K.js';
 export { isStorybookDocsMode } from '../chunk-VSQF22GL.js';
 export { cn } from '../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mieweb/ui",
-  "version": "0.2.2",
+  "version": "0.3.0-dev.60",
   "description": "A themeable, accessible React component library built with Tailwind CSS",
   "author": "Medical Informatics Engineering, Inc.",
   "license": "SEE LICENSE IN LICENSE",
@@ -118,8 +118,19 @@
         "default": "./dist/ag-grid.cjs"
       }
     },
+    "./datavis": {
+      "import": {
+        "types": "./dist/datavis.d.ts",
+        "default": "./dist/datavis.js"
+      },
+      "require": {
+        "types": "./dist/datavis.d.cts",
+        "default": "./dist/datavis.cjs"
+      }
+    },
     "./styles.css": "./dist/styles.css",
-    "./styles": "./dist/styles.css"
+    "./styles": "./dist/styles.css",
+    "./init.css": "./dist/styles/init.css"
   },
   "files": [
     "dist",
@@ -127,10 +138,13 @@
     "LICENSE"
   ],
   "scripts": {
+    "preinstall": "if [ -d .git ]; then git submodule update --init --recursive; fi",
+    "postinstall": "if [ -z \"$_DATAVIS_RELINK\" ] && [ ! -f node_modules/datavis/package.json ] && [ -f packages/datavis/package.json ]; then echo '⚠️  Stale datavis link detected — re-linking submodule...'; _DATAVIS_RELINK=1 pnpm install; fi",
     "dev": "tsup --watch",
-    "build": "tsup && npm run build:css && npm run copy:brand-css",
+    "build": "tsup && npm run build:css && npm run copy:brand-css && npm run copy:style-css",
     "build:css": "npx @tailwindcss/cli -i ./src/styles/base.css -o ./dist/styles.css --minify",
     "copy:brand-css": "cp src/brands/*.css dist/brands/ 2>/dev/null || true",
+    "copy:style-css": "mkdir -p dist/styles && cp src/styles/init.css dist/styles/ 2>/dev/null || true",
     "typecheck": "tsc --noEmit",
     "lint": "eslint \"src/**/*.{ts,tsx}\"",
     "lint:fix": "eslint \"src/**/*.{ts,tsx}\" --fix",
@@ -150,6 +164,7 @@
   "peerDependencies": {
     "ag-grid-community": ">=32.0.0",
     "ag-grid-react": ">=32.0.0",
+    "datavis-ace": "=4.0.0-PRE.1",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "wavesurfer.js": ">=7.0.0"
@@ -161,6 +176,9 @@
     "ag-grid-react": {
       "optional": true
     },
+    "datavis-ace": {
+      "optional": true
+    },
     "react": {
       "optional": false
     },
@@ -175,6 +193,7 @@
     "@swc/helpers": "^0.5.19",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "google-libphonenumber": "^3.2.44",
     "lucide-react": "^0.562.0",
     "luxon": "^3.7.2",
     "tailwind-merge": "^2.6.1"
@@ -192,6 +211,7 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
+    "@types/google-libphonenumber": "^7.4.30",
     "@types/luxon": "^3.7.1",
     "@types/node": "^22.19.11",
     "@types/react": "^19.2.14",
@@ -202,6 +222,7 @@
     "ag-grid-community": "^35.1.0",
     "ag-grid-react": "^35.1.0",
     "autoprefixer": "^10.4.24",
+    "datavis": "file:./packages/datavis",
     "eslint": "^9.39.3",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.5",

package/dist/chunk-265CFCCX.js

@@ -1,173 +0,0 @@
-import { useClickOutside } from './chunk-OT36EMM5.js';
-import { useEscapeKey } from './chunk-T4ME7QCT.js';
-import { cn } from './chunk-F3SOEIN2.js';
-import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var placementStyles = {
-  "bottom-start": "top-full left-0 mt-2",
-  "bottom-end": "top-full right-0 mt-2",
-  bottom: "top-full left-1/2 -translate-x-1/2 mt-2"
-};
-function Dropdown({
-  trigger,
-  children,
-  open: controlledOpen,
-  onOpenChange,
-  placement = "bottom-start",
-  className,
-  width = "auto",
-  disabled = false
-}) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
-  const containerRef = React.useRef(null);
-  const menuId = React.useId();
-  const isControlled = controlledOpen !== void 0;
-  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
-  const setOpen = React.useCallback(
-    (value) => {
-      if (!isControlled) {
-        setUncontrolledOpen(value);
-      }
-      onOpenChange?.(value);
-    },
-    [isControlled, onOpenChange]
-  );
-  const handleToggle = React.useCallback(() => {
-    if (!disabled) {
-      setOpen(!isOpen);
-    }
-  }, [disabled, isOpen, setOpen]);
-  const handleClose = React.useCallback(() => {
-    setOpen(false);
-  }, [setOpen]);
-  useClickOutside(containerRef, handleClose);
-  useEscapeKey(handleClose, isOpen);
-  const triggerElement = React.cloneElement(trigger, {
-    onClick: handleToggle,
-    "aria-haspopup": "menu",
-    "aria-expanded": isOpen,
-    "aria-controls": isOpen ? menuId : void 0,
-    disabled: disabled || trigger.props.disabled
-  });
-  const widthStyle = typeof width === "number" ? { width: `${width}px` } : width === "trigger" ? { minWidth: "100%" } : {};
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "relative inline-flex", children: [
-    triggerElement,
-    isOpen && /* @__PURE__ */ jsx(
-      "div",
-      {
-        id: menuId,
-        role: "menu",
-        style: widthStyle,
-        className: cn(
-          "absolute z-50 min-w-[12rem]",
-          "rounded-xl border border-neutral-200 bg-white shadow-lg",
-          "dark:border-neutral-700 dark:bg-neutral-800",
-          "animate-in fade-in zoom-in-95 duration-100",
-          placementStyles[placement],
-          className
-        ),
-        children
-      }
-    )
-  ] });
-}
-Dropdown.displayName = "Dropdown";
-var DropdownHeader = React.forwardRef(
-  ({ className, avatar, title, subtitle, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "border-b border-neutral-200 p-4 dark:border-neutral-700",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-            avatar,
-            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-semibold text-neutral-900 dark:text-white", children: title }),
-              subtitle && /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-neutral-500 dark:text-neutral-400", children: subtitle })
-            ] })
-          ] }),
-          children
-        ]
-      }
-    );
-  }
-);
-DropdownHeader.displayName = "DropdownHeader";
-var DropdownContent = React.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("div", { ref, className: cn("p-2", className), ...props });
-  }
-);
-DropdownContent.displayName = "DropdownContent";
-var DropdownItem = React.forwardRef(
-  ({ className, icon, variant = "default", children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        ref,
-        role: "menuitem",
-        className: cn(
-          "flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left text-sm",
-          "transition-colors duration-150",
-          "focus:outline-none",
-          variant === "default" && [
-            "text-neutral-700 dark:text-neutral-300",
-            "hover:bg-neutral-100 dark:hover:bg-neutral-700",
-            "focus:bg-neutral-100 dark:focus:bg-neutral-700"
-          ],
-          variant === "danger" && [
-            "text-red-600 dark:text-red-400",
-            "hover:bg-red-50 dark:hover:bg-red-900/20",
-            "focus:bg-red-50 dark:focus:bg-red-900/20"
-          ],
-          className
-        ),
-        ...props,
-        children: [
-          icon && /* @__PURE__ */ jsx("span", { className: "h-4 w-4 shrink-0", children: icon }),
-          /* @__PURE__ */ jsx("span", { className: "font-medium", children })
-        ]
-      }
-    );
-  }
-);
-DropdownItem.displayName = "DropdownItem";
-function DropdownSeparator({ className }) {
-  return /* @__PURE__ */ jsx(
-    "hr",
-    {
-      className: cn(
-        "border-t border-neutral-200 dark:border-neutral-700",
-        className
-      )
-    }
-  );
-}
-DropdownSeparator.displayName = "DropdownSeparator";
-function DropdownLabel({
-  className,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "px-3 py-1.5 text-xs font-semibold tracking-wider uppercase",
-        "text-neutral-500 dark:text-neutral-400",
-        className
-      ),
-      children
-    }
-  );
-}
-DropdownLabel.displayName = "DropdownLabel";
-
-export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator };
-//# sourceMappingURL=chunk-265CFCCX.js.map
-//# sourceMappingURL=chunk-265CFCCX.js.map

package/dist/chunk-265CFCCX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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","file":"chunk-265CFCCX.js","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport { useClickOutside } from '../../hooks/useClickOutside';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\n\nexport type DropdownPlacement = 'bottom-start' | 'bottom-end' | 'bottom';\n\nexport interface DropdownProps {\n  /** The trigger element (usually a button) */\n  trigger: React.ReactElement<{\n    onClick?: () => void;\n    disabled?: boolean;\n    'aria-haspopup'?: string;\n    'aria-expanded'?: boolean;\n    'aria-controls'?: string;\n  }>;\n  /** Dropdown content */\n  children: React.ReactNode;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Placement of the dropdown */\n  placement?: DropdownPlacement;\n  /** Additional class name for the dropdown menu */\n  className?: string;\n  /** Width of the dropdown menu */\n  width?: 'auto' | 'trigger' | number;\n  /** Whether the dropdown is disabled */\n  disabled?: boolean;\n}\n\nconst placementStyles: Record<DropdownPlacement, string> = {\n  'bottom-start': 'top-full left-0 mt-2',\n  'bottom-end': 'top-full right-0 mt-2',\n  bottom: 'top-full left-1/2 -translate-x-1/2 mt-2',\n};\n\n/**\n * An accessible dropdown menu component.\n *\n * @example\n * ```tsx\n * <Dropdown\n *   trigger={<Button>Options</Button>}\n * >\n *   <DropdownItem onClick={() => console.log('Edit')}>Edit</DropdownItem>\n *   <DropdownItem onClick={() => console.log('Delete')} variant=\"danger\">Delete</DropdownItem>\n * </Dropdown>\n * ```\n */\nfunction Dropdown({\n  trigger,\n  children,\n  open: controlledOpen,\n  onOpenChange,\n  placement = 'bottom-start',\n  className,\n  width = 'auto',\n  disabled = false,\n}: DropdownProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const menuId = React.useId();\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;\n\n  const setOpen = React.useCallback(\n    (value: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(value);\n      }\n      onOpenChange?.(value);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const handleToggle = React.useCallback(() => {\n    if (!disabled) {\n      setOpen(!isOpen);\n    }\n  }, [disabled, isOpen, setOpen]);\n\n  const handleClose = React.useCallback(() => {\n    setOpen(false);\n  }, [setOpen]);\n\n  useClickOutside(containerRef, handleClose);\n  useEscapeKey(handleClose, isOpen);\n\n  // Clone trigger to add event handlers\n  const triggerElement = React.cloneElement(trigger, {\n    onClick: handleToggle,\n    'aria-haspopup': 'menu',\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? menuId : undefined,\n    disabled: disabled || trigger.props.disabled,\n  });\n\n  const widthStyle =\n    typeof width === 'number'\n      ? { width: `${width}px` }\n      : width === 'trigger'\n        ? { minWidth: '100%' }\n        : {};\n\n  return (\n    <div ref={containerRef} className=\"relative inline-flex\">\n      {triggerElement}\n      {isOpen && (\n        <div\n          id={menuId}\n          role=\"menu\"\n          style={widthStyle}\n          className={cn(\n            'absolute z-50 min-w-[12rem]',\n            'rounded-xl border border-neutral-200 bg-white shadow-lg',\n            'dark:border-neutral-700 dark:bg-neutral-800',\n            'animate-in fade-in zoom-in-95 duration-100',\n            placementStyles[placement],\n            className\n          )}\n        >\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n\nDropdown.displayName = 'Dropdown';\n\n// ============================================================================\n// Dropdown Header Component\n// ============================================================================\n\nexport interface DropdownHeaderProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'title'\n> {\n  /** Avatar element or image */\n  avatar?: React.ReactNode;\n  /** Primary text (e.g., user name) */\n  title: React.ReactNode;\n  /** Secondary text (e.g., email) */\n  subtitle?: React.ReactNode;\n}\n\n/**\n * A header section for dropdown menus, typically used for user info.\n *\n * @example\n * ```tsx\n * <DropdownHeader\n *   avatar={<Avatar name=\"John Doe\" />}\n *   title=\"John Doe\"\n *   subtitle=\"john@example.com\"\n * />\n * ```\n */\nconst DropdownHeader = React.forwardRef<HTMLDivElement, DropdownHeaderProps>(\n  ({ className, avatar, title, subtitle, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'border-b border-neutral-200 p-4 dark:border-neutral-700',\n          className\n        )}\n        {...props}\n      >\n        <div className=\"flex items-center gap-3\">\n          {avatar}\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"truncate text-sm font-semibold text-neutral-900 dark:text-white\">\n              {title}\n            </p>\n            {subtitle && (\n              <p className=\"truncate text-xs text-neutral-500 dark:text-neutral-400\">\n                {subtitle}\n              </p>\n            )}\n          </div>\n        </div>\n        {children}\n      </div>\n    );\n  }\n);\n\nDropdownHeader.displayName = 'DropdownHeader';\n\n// ============================================================================\n// Dropdown Content Component\n// ============================================================================\n\nexport type DropdownContentProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * A container for dropdown menu items with proper padding.\n */\nconst DropdownContent = React.forwardRef<HTMLDivElement, DropdownContentProps>(\n  ({ className, ...props }, ref) => {\n    return <div ref={ref} className={cn('p-2', className)} {...props} />;\n  }\n);\n\nDropdownContent.displayName = 'DropdownContent';\n\n// ============================================================================\n// Dropdown Item Component\n// ============================================================================\n\nexport interface DropdownItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Icon to display before the label */\n  icon?: React.ReactNode;\n  /** Danger variant for destructive actions */\n  variant?: 'default' | 'danger';\n}\n\n/**\n * An item within a Dropdown menu.\n */\nconst DropdownItem = React.forwardRef<HTMLButtonElement, DropdownItemProps>(\n  ({ className, icon, variant = 'default', children, ...props }, ref) => {\n    return (\n      <button\n        ref={ref}\n        role=\"menuitem\"\n        className={cn(\n          'flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left text-sm',\n          'transition-colors duration-150',\n          'focus:outline-none',\n          variant === 'default' && [\n            'text-neutral-700 dark:text-neutral-300',\n            'hover:bg-neutral-100 dark:hover:bg-neutral-700',\n            'focus:bg-neutral-100 dark:focus:bg-neutral-700',\n          ],\n          variant === 'danger' && [\n            'text-red-600 dark:text-red-400',\n            'hover:bg-red-50 dark:hover:bg-red-900/20',\n            'focus:bg-red-50 dark:focus:bg-red-900/20',\n          ],\n          className\n        )}\n        {...props}\n      >\n        {icon && <span className=\"h-4 w-4 shrink-0\">{icon}</span>}\n        <span className=\"font-medium\">{children}</span>\n      </button>\n    );\n  }\n);\n\nDropdownItem.displayName = 'DropdownItem';\n\n// ============================================================================\n// Dropdown Separator Component\n// ============================================================================\n\n/**\n * A separator between dropdown items.\n */\nfunction DropdownSeparator({ className }: { className?: string }) {\n  return (\n    <hr\n      className={cn(\n        'border-t border-neutral-200 dark:border-neutral-700',\n        className\n      )}\n    />\n  );\n}\n\nDropdownSeparator.displayName = 'DropdownSeparator';\n\n// ============================================================================\n// Dropdown Label Component\n// ============================================================================\n\n/**\n * A label/header for a group of dropdown items.\n */\nfunction DropdownLabel({\n  className,\n  children,\n}: {\n  className?: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <div\n      className={cn(\n        'px-3 py-1.5 text-xs font-semibold tracking-wider uppercase',\n        'text-neutral-500 dark:text-neutral-400',\n        className\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nDropdownLabel.displayName = 'DropdownLabel';\n\nexport {\n  Dropdown,\n  DropdownHeader,\n  DropdownContent,\n  DropdownItem,\n  DropdownSeparator,\n  DropdownLabel,\n};\n"]}

package/dist/chunk-2J2V4TMJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Avatar/Avatar.tsx"],"names":["cva","React","jsx","cn","jsxs"],"mappings":"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","file":"chunk-2J2V4TMJ.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Avatar Component\n// ============================================================================\n\nconst avatarVariants = cva(\n  [\n    'relative inline-flex items-center justify-center',\n    'rounded-full overflow-hidden',\n    'bg-primary-800 text-white font-semibold',\n  ],\n  {\n    variants: {\n      size: {\n        xs: 'h-6 w-6 text-xs',\n        sm: 'h-8 w-8 text-sm',\n        md: 'h-10 w-10 text-sm',\n        lg: 'h-12 w-12 text-base',\n        xl: 'h-16 w-16 text-lg',\n      },\n      ring: {\n        true: 'ring-2 ring-primary-400/30',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      ring: false,\n    },\n  }\n);\n\nexport interface AvatarProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof avatarVariants> {\n  /** Image URL for the avatar */\n  src?: string | null;\n  /** Alt text for the avatar image */\n  alt?: string;\n  /** Name to generate initials from (used as fallback when no src) */\n  name?: string;\n  /** Custom fallback content (overrides name initials) */\n  fallback?: React.ReactElement | null;\n}\n\n/**\n * Get initials from a name string.\n */\nfunction getInitials(name: string): string {\n  return name\n    .split(' ')\n    .map((part) => part[0])\n    .join('')\n    .toUpperCase()\n    .slice(0, 2);\n}\n\n/**\n * An avatar component for displaying user profile images with fallback to initials.\n *\n * @example\n * ```tsx\n * // With image\n * <Avatar src=\"/user.jpg\" alt=\"John Doe\" />\n *\n * // With initials fallback\n * <Avatar name=\"John Doe\" />\n *\n * // With custom fallback\n * <Avatar fallback={<UserIcon />} />\n * ```\n */\nconst Avatar = React.forwardRef<HTMLDivElement, AvatarProps>(\n  ({ className, src, alt, name, fallback, size, ring, ...props }, ref) => {\n    const [imageError, setImageError] = React.useState(false);\n\n    // Reset error state when src changes\n    React.useEffect(() => {\n      setImageError(false);\n    }, [src]);\n\n    const showImage = src && !imageError;\n    const initials = name ? getInitials(name) : null;\n\n    return (\n      <div\n        ref={ref}\n        className={cn(avatarVariants({ size, ring }), className)}\n        {...props}\n      >\n        {showImage ? (\n          <img\n            src={src}\n            alt={alt || name || 'Avatar'}\n            className=\"h-full w-full object-cover\"\n            onError={() => setImageError(true)}\n          />\n        ) : React.isValidElement(fallback) ? (\n          fallback\n        ) : initials ? (\n          initials\n        ) : (\n          <svg\n            className=\"h-[60%] w-[60%] text-white/80\"\n            fill=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\" />\n          </svg>\n        )}\n      </div>\n    );\n  }\n);\n\nAvatar.displayName = 'Avatar';\n\n// ============================================================================\n// Avatar Group Component\n// ============================================================================\n\nexport interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Maximum number of avatars to show before +N indicator */\n  max?: number;\n  /** Size of avatars in the group */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /** Children should be Avatar components */\n  children: React.ReactNode;\n}\n\n/**\n * A component for displaying a group of overlapping avatars.\n *\n * @example\n * ```tsx\n * <AvatarGroup max={3}>\n *   <Avatar name=\"John Doe\" />\n *   <Avatar name=\"Jane Smith\" />\n *   <Avatar name=\"Bob Wilson\" />\n *   <Avatar name=\"Alice Brown\" />\n * </AvatarGroup>\n * ```\n */\nconst AvatarGroup = React.forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ className, max, size = 'md', children, ...props }, ref) => {\n    const childrenArray = React.Children.toArray(children);\n    const visibleChildren = max ? childrenArray.slice(0, max) : childrenArray;\n    const remainingCount = max ? Math.max(0, childrenArray.length - max) : 0;\n\n    return (\n      <div ref={ref} className={cn('flex -space-x-2', className)} {...props}>\n        {visibleChildren.map((child, index) => {\n          if (React.isValidElement(child)) {\n            return React.cloneElement(\n              child as React.ReactElement<AvatarProps>,\n              {\n                key: index,\n                size,\n                className: cn(\n                  'ring-2 ring-white dark:ring-neutral-900',\n                  (child as React.ReactElement<AvatarProps>).props.className\n                ),\n              }\n            );\n          }\n          return child;\n        })}\n        {remainingCount > 0 && (\n          <div\n            className={cn(\n              avatarVariants({ size }),\n              'bg-neutral-200 text-neutral-600 dark:bg-neutral-700 dark:text-neutral-300',\n              'ring-2 ring-white dark:ring-neutral-900'\n            )}\n          >\n            +{remainingCount}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nAvatarGroup.displayName = 'AvatarGroup';\n\nexport { Avatar, AvatarGroup, avatarVariants, getInitials };\n"]}

package/dist/chunk-3NJ72QU6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;;;AAIA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB;AAAA,IACE,yCAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EACE,2EAAA;AAAA,QACF,SAAA,EACE,2EAAA;AAAA,QACF,OAAA,EACE,mEAAA;AAAA,QACF,OAAA,EACE,uEAAA;AAAA,QACF,MAAA,EAAQ,2DAAA;AAAA,QACR,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI,uBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAoBA,IAAM,KAAA,GAAc,KAAA,CAAA,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,MAAM,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC/D,IAAA,uBACE,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,GAAG,aAAA,CAAc,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,QACxD,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,IAAA,oBAAQ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,UAC9C;AAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-3NJ72QU6.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst badgeVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'font-medium',\n    'rounded-full',\n    'transition-colors duration-150',\n  ],\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-primary-100 text-primary-900 dark:bg-primary-900 dark:text-primary-100',\n        secondary:\n          'bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-neutral-100',\n        success:\n          'bg-green-100 text-green-900 dark:bg-green-900 dark:text-green-100',\n        warning:\n          'bg-yellow-100 text-yellow-900 dark:bg-yellow-900 dark:text-yellow-100',\n        danger: 'bg-red-100 text-red-900 dark:bg-red-900 dark:text-red-100',\n        outline: 'border border-current bg-transparent',\n      },\n      size: {\n        sm: 'px-2 py-0.5 text-xs',\n        md: 'px-2.5 py-0.5 text-sm',\n        lg: 'px-3 py-1 text-base',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\nexport interface BadgeProps\n  extends\n    React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof badgeVariants> {\n  /** Optional icon before the text */\n  icon?: React.ReactNode;\n}\n\n/**\n * A badge component for displaying status, labels, or counts.\n *\n * @example\n * ```tsx\n * <Badge variant=\"success\">Active</Badge>\n * <Badge variant=\"warning\" size=\"sm\">Pending</Badge>\n * <Badge variant=\"danger\" icon={<AlertIcon />}>Error</Badge>\n * ```\n */\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant, size, icon, children, ...props }, ref) => {\n    return (\n      <span\n        ref={ref}\n        className={cn(badgeVariants({ variant, size }), className)}\n        {...props}\n      >\n        {icon && <span className=\"mr-1 shrink-0\">{icon}</span>}\n        {children}\n      </span>\n    );\n  }\n);\n\nBadge.displayName = 'Badge';\n\nexport { Badge, badgeVariants };\n"]}

package/dist/chunk-4AWW5WPF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"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","file":"chunk-4AWW5WPF.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst textareaVariants = cva(\n  [\n    'w-full px-3 py-2',\n    'border border-input rounded-lg',\n    'bg-background text-foreground',\n    'placeholder:text-muted-foreground',\n    'transition-colors duration-200',\n    'focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    'resize-y',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-sm min-h-[60px]',\n        md: 'text-base min-h-[80px]',\n        lg: 'text-lg min-h-[100px]',\n      },\n      hasError: {\n        true: 'border-destructive focus:ring-destructive',\n        false: '',\n      },\n      resize: {\n        none: 'resize-none',\n        vertical: 'resize-y',\n        horizontal: 'resize-x',\n        both: 'resize',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      hasError: false,\n      resize: 'vertical',\n    },\n  }\n);\n\nexport interface TextareaProps\n  extends\n    Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>,\n    VariantProps<typeof textareaVariants> {\n  /** Label for the textarea */\n  label?: string;\n  /** Whether the label should be visually hidden */\n  hideLabel?: boolean;\n  /** Error message to display */\n  error?: string;\n  /** Helper text to display */\n  helperText?: string;\n  /** Maximum character count */\n  maxLength?: number;\n  /** Show character count */\n  showCount?: boolean;\n  /** Auto-resize based on content */\n  autoResize?: boolean;\n}\n\n/**\n * A multi-line text input component with character count and auto-resize.\n *\n * @example\n * ```tsx\n * <Textarea label=\"Description\" placeholder=\"Enter a description...\" />\n * <Textarea\n *   label=\"Bio\"\n *   maxLength={280}\n *   showCount\n *   helperText=\"Tell us about yourself\"\n * />\n * ```\n */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      className,\n      size,\n      hasError,\n      resize,\n      label,\n      hideLabel,\n      error,\n      helperText,\n      maxLength,\n      showCount = false,\n      autoResize = false,\n      id,\n      value,\n      defaultValue,\n      onChange,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    },\n    ref\n  ) => {\n    const internalRef = React.useRef<HTMLTextAreaElement>(null);\n    const [internalValue, setInternalValue] = React.useState(\n      (defaultValue as string) || ''\n    );\n\n    const generatedId = React.useId();\n    const textareaId = id || generatedId;\n    const errorId = `${textareaId}-error`;\n    const helperId = `${textareaId}-helper`;\n    const countId = `${textareaId}-count`;\n\n    // Combine refs\n    React.useImperativeHandle(ref, () => internalRef.current!);\n\n    // Get current value\n    const currentValue = value !== undefined ? String(value) : internalValue;\n    const characterCount = currentValue.length;\n\n    // Auto-resize logic\n    const adjustHeight = React.useCallback(() => {\n      const textarea = internalRef.current;\n      if (textarea && autoResize) {\n        textarea.style.height = 'auto';\n        textarea.style.height = `${textarea.scrollHeight}px`;\n      }\n    }, [autoResize]);\n\n    React.useEffect(() => {\n      adjustHeight();\n    }, [currentValue, adjustHeight]);\n\n    // Handle change\n    const handleChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        if (value === undefined) {\n          setInternalValue(e.target.value);\n        }\n        onChange?.(e);\n        adjustHeight();\n      },\n      [value, onChange, adjustHeight]\n    );\n\n    // Build aria-describedby\n    const describedByIds = [\n      error ? errorId : null,\n      helperText ? helperId : null,\n      showCount ? countId : null,\n      ariaDescribedBy,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div className=\"flex flex-col gap-1.5\">\n        {label && (\n          <label\n            htmlFor={textareaId}\n            className={cn(\n              'text-foreground text-sm font-medium',\n              hideLabel && 'sr-only'\n            )}\n          >\n            {label}\n          </label>\n        )}\n        <textarea\n          ref={internalRef}\n          id={textareaId}\n          value={value}\n          defaultValue={value === undefined ? defaultValue : undefined}\n          onChange={handleChange}\n          maxLength={maxLength}\n          aria-invalid={hasError || !!error}\n          aria-describedby={describedByIds || undefined}\n          className={cn(\n            textareaVariants({\n              size,\n              hasError: hasError || !!error,\n              resize: autoResize ? 'none' : resize,\n            }),\n            className\n          )}\n          {...props}\n        />\n        <div className=\"flex items-center justify-between gap-2\">\n          <div className=\"flex-1\">\n            {error && (\n              <p id={errorId} className=\"text-destructive text-sm\" role=\"alert\">\n                {error}\n              </p>\n            )}\n            {helperText && !error && (\n              <p id={helperId} className=\"text-muted-foreground text-sm\">\n                {helperText}\n              </p>\n            )}\n          </div>\n          {showCount && (\n            <p\n              id={countId}\n              className={cn(\n                'text-muted-foreground shrink-0 text-xs',\n                maxLength && characterCount >= maxLength && 'text-destructive'\n              )}\n            >\n              {characterCount}\n              {maxLength && `/${maxLength}`}\n            </p>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nTextarea.displayName = 'Textarea';\n\nexport { Textarea, textareaVariants };\n"]}

package/dist/chunk-4MHTSFPX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Progress/Progress.tsx"],"names":[],"mappings":"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","file":"chunk-4MHTSFPX.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Progress Bar Variants\n// ============================================================================\n\nconst progressBarTrackVariants = cva(\n  ['w-full overflow-hidden rounded-full bg-neutral-200 dark:bg-neutral-700'],\n  {\n    variants: {\n      size: {\n        sm: 'h-1',\n        md: 'h-2',\n        lg: 'h-3',\n        xl: 'h-4',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\nconst progressBarFillVariants = cva(\n  ['h-full rounded-full transition-all duration-300 ease-out'],\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary-500',\n        success: 'bg-green-500',\n        warning: 'bg-yellow-500',\n        danger: 'bg-red-500',\n      },\n      animated: {\n        true: 'animate-pulse',\n        false: '',\n      },\n      striped: {\n        true: [\n          'bg-gradient-to-r',\n          'from-transparent via-white/20 to-transparent',\n          'bg-[length:1rem_100%]',\n          'animate-[progress-stripes_1s_linear_infinite]',\n        ],\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      animated: false,\n      striped: false,\n    },\n  }\n);\n\n// ============================================================================\n// Progress Bar Component\n// ============================================================================\n\nexport interface ProgressProps\n  extends\n    VariantProps<typeof progressBarTrackVariants>,\n    VariantProps<typeof progressBarFillVariants> {\n  /** Current progress value (0-100) */\n  value: number;\n  /** Maximum value (default: 100) */\n  max?: number;\n  /** Label for the progress bar */\n  label?: string;\n  /** Show the percentage value */\n  showValue?: boolean;\n  /** Format the displayed value */\n  formatValue?: (value: number, max: number) => string;\n  /** Additional class name */\n  className?: string;\n  /** Whether the progress is indeterminate */\n  indeterminate?: boolean;\n}\n\n/**\n * A progress bar component for showing completion status.\n *\n * @example\n * ```tsx\n * <Progress value={60} />\n * <Progress value={75} showValue label=\"Upload progress\" />\n * <Progress value={30} variant=\"success\" striped />\n * ```\n */\nfunction Progress({\n  value,\n  max = 100,\n  label,\n  showValue = false,\n  formatValue,\n  size,\n  variant,\n  animated,\n  striped,\n  className,\n  indeterminate = false,\n}: ProgressProps) {\n  const percentage = Math.min(Math.max((value / max) * 100, 0), 100);\n  const progressId = React.useId();\n\n  const displayValue = formatValue\n    ? formatValue(value, max)\n    : `${Math.round(percentage)}%`;\n\n  return (\n    <div className={cn('w-full', className)}>\n      {(label || showValue) && (\n        <div className=\"mb-1.5 flex items-center justify-between\">\n          {label && (\n            <label\n              id={`${progressId}-label`}\n              className=\"text-foreground text-sm font-medium\"\n            >\n              {label}\n            </label>\n          )}\n          {showValue && !indeterminate && (\n            <span className=\"text-muted-foreground text-sm\">\n              {displayValue}\n            </span>\n          )}\n        </div>\n      )}\n      <div\n        role=\"progressbar\"\n        aria-valuenow={indeterminate ? undefined : value}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        aria-labelledby={label ? `${progressId}-label` : undefined}\n        aria-label={!label ? 'Progress' : undefined}\n        className={cn(progressBarTrackVariants({ size }))}\n      >\n        <div\n          className={cn(\n            progressBarFillVariants({ variant, animated, striped }),\n            indeterminate &&\n              'w-1/3 animate-[indeterminate_1.5s_ease-in-out_infinite]',\n            !striped && variant === 'default' && 'bg-primary-500',\n            !striped && variant === 'success' && 'bg-green-500',\n            !striped && variant === 'warning' && 'bg-yellow-500',\n            !striped && variant === 'danger' && 'bg-red-500'\n          )}\n          style={indeterminate ? undefined : { width: `${percentage}%` }}\n        />\n      </div>\n    </div>\n  );\n}\n\nProgress.displayName = 'Progress';\n\n// ============================================================================\n// Circular Progress Variants\n// ============================================================================\n\nconst circularProgressVariants = cva(['relative inline-flex'], {\n  variants: {\n    size: {\n      sm: 'h-8 w-8',\n      md: 'h-12 w-12',\n      lg: 'h-16 w-16',\n      xl: 'h-24 w-24',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ============================================================================\n// Circular Progress Component\n// ============================================================================\n\nexport interface CircularProgressProps extends VariantProps<\n  typeof circularProgressVariants\n> {\n  /** Current progress value (0-100) */\n  value: number;\n  /** Maximum value (default: 100) */\n  max?: number;\n  /** Color variant */\n  variant?: 'default' | 'success' | 'warning' | 'danger';\n  /** Stroke width */\n  strokeWidth?: number;\n  /** Show the percentage value in the center */\n  showValue?: boolean;\n  /** Whether the progress is indeterminate */\n  indeterminate?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A circular progress indicator component.\n *\n * @example\n * ```tsx\n * <CircularProgress value={75} showValue />\n * <CircularProgress value={50} variant=\"success\" size=\"lg\" />\n * ```\n */\nfunction CircularProgress({\n  value,\n  max = 100,\n  variant = 'default',\n  size,\n  strokeWidth = 4,\n  showValue = false,\n  indeterminate = false,\n  className,\n}: CircularProgressProps) {\n  const percentage = Math.min(Math.max((value / max) * 100, 0), 100);\n\n  // SVG calculations\n  const sizeMap = { sm: 32, md: 48, lg: 64, xl: 96 };\n  const svgSize = sizeMap[size || 'md'];\n  const radius = (svgSize - strokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const offset = circumference - (percentage / 100) * circumference;\n\n  const variantColors = {\n    default: 'stroke-primary-500',\n    success: 'stroke-green-500',\n    warning: 'stroke-yellow-500',\n    danger: 'stroke-red-500',\n  };\n\n  return (\n    <div\n      role=\"progressbar\"\n      aria-valuenow={indeterminate ? undefined : value}\n      aria-valuemin={0}\n      aria-valuemax={max}\n      aria-label=\"Progress\"\n      className={cn(circularProgressVariants({ size }), className)}\n    >\n      <svg\n        className={cn('-rotate-90 transform', indeterminate && 'animate-spin')}\n        width={svgSize}\n        height={svgSize}\n      >\n        {/* Background track */}\n        <circle\n          className=\"stroke-neutral-200 dark:stroke-neutral-700\"\n          fill=\"none\"\n          strokeWidth={strokeWidth}\n          cx={svgSize / 2}\n          cy={svgSize / 2}\n          r={radius}\n        />\n        {/* Progress fill */}\n        <circle\n          className={cn(\n            variantColors[variant],\n            'transition-all duration-300 ease-out'\n          )}\n          fill=\"none\"\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          cx={svgSize / 2}\n          cy={svgSize / 2}\n          r={radius}\n          strokeDasharray={circumference}\n          strokeDashoffset={indeterminate ? circumference * 0.75 : offset}\n        />\n      </svg>\n      {showValue && !indeterminate && (\n        <span className=\"text-foreground absolute inset-0 flex items-center justify-center text-xs font-medium\">\n          {Math.round(percentage)}%\n        </span>\n      )}\n    </div>\n  );\n}\n\nCircularProgress.displayName = 'CircularProgress';\n\nexport {\n  Progress,\n  CircularProgress,\n  progressBarTrackVariants,\n  progressBarFillVariants,\n  circularProgressVariants,\n};\n"]}