@mieweb/ui 0.2.2 → 0.3.0-dev.100

package/dist/tailwind-preset.cjs

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkSSKI6VTW_cjs = require('./chunk-SSKI6VTW.cjs');
+var chunkE35GUUTC_cjs = require('./chunk-E35GUUTC.cjs');
 
 
 
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkSSKI6VTW_cjs.tailwind_preset_default; }
+  get: function () { return chunkE35GUUTC_cjs.tailwind_preset_default; }
 });
 Object.defineProperty(exports, "miewebUIPreset", {
   enumerable: true,
-  get: function () { return chunkSSKI6VTW_cjs.miewebUIPreset; }
+  get: function () { return chunkE35GUUTC_cjs.miewebUIPreset; }
 });
 Object.defineProperty(exports, "miewebUISafelist", {
   enumerable: true,
-  get: function () { return chunkSSKI6VTW_cjs.miewebUISafelist; }
+  get: function () { return chunkE35GUUTC_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-JYAWYBA3.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 chunkBTJHYGPI_cjs = require('../chunk-BTJHYGPI.cjs');
-var chunkWH6I7CMP_cjs = require('../chunk-WH6I7CMP.cjs');
+var chunkCW75IKA6_cjs = require('../chunk-CW75IKA6.cjs');
+var chunkL7YQBSEL_cjs = require('../chunk-L7YQBSEL.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 chunkL7YQBSEL_cjs.formatPhoneNumber; }
+});
+Object.defineProperty(exports, "isPhoneNumberEmpty", {
+  enumerable: true,
+  get: function () { return chunkL7YQBSEL_cjs.isPhoneNumberEmpty; }
+});
+Object.defineProperty(exports, "isValidPhoneNumber", {
+  enumerable: true,
+  get: function () { return chunkL7YQBSEL_cjs.isValidPhoneNumber; }
+});
+Object.defineProperty(exports, "unformatPhoneNumber", {
+  enumerable: true,
+  get: function () { return chunkL7YQBSEL_cjs.unformatPhoneNumber; }
 });
 Object.defineProperty(exports, "isStorybookDocsMode", {
   enumerable: true,

package/dist/utils/index.d.cts

@@ -16,7 +16,13 @@ declare function cn(...inputs: ClassValue[]): string;
  * Phone number formatting utilities
  */
 /**
- * Formats a phone number string to US format: (XXX) XXX-XXXX
+ * Formats a phone number string to US format.
+ *
+ * Behavior:
+ * - 10 digits          → `(XXX) XXX-XXXX`
+ * - 11 digits w/ `1`   → `+1 (XXX) XXX-XXXX` (E.164 US/Canada)
+ * - 12+ digits         → `+CC (XXX) XXX-XXXX...` (best-effort intl)
+ * - partial (typing)   → progressive `(`, `(XXX`, `(XXX) X`, etc.
  */
 declare function formatPhoneNumber(value: string): string;
 /**
@@ -69,6 +75,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 +100,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

@@ -16,7 +16,13 @@ declare function cn(...inputs: ClassValue[]): string;
  * Phone number formatting utilities
  */
 /**
- * Formats a phone number string to US format: (XXX) XXX-XXXX
+ * Formats a phone number string to US format.
+ *
+ * Behavior:
+ * - 10 digits          → `(XXX) XXX-XXXX`
+ * - 11 digits w/ `1`   → `+1 (XXX) XXX-XXXX` (E.164 US/Canada)
+ * - 12+ digits         → `+CC (XXX) XXX-XXXX...` (best-effort intl)
+ * - partial (typing)   → progressive `(`, `(XXX`, `(XXX) X`, etc.
  */
 declare function formatPhoneNumber(value: string): string;
 /**
@@ -69,6 +75,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 +100,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 { formatPhoneNumber, isPhoneNumberEmpty, isValidPhoneNumber, unformatPhoneNumber } from '../chunk-CEHWXAAI.js';
-export { calculateAge, formatDateValue, isDateEmpty, isDateInFuture, isDateInPast, isValidDate, isValidDrivingAge, parseDateValue } from '../chunk-TPGT236K.js';
+export { calculateAge, dateToDisplayFormat, displayFormatToDateString, formatDateValue, isDateEmpty, isDateInFuture, isDateInPast, isValidDate, isValidDrivingAge, parseDateValue } from '../chunk-RC2YMOMS.js';
+export { formatPhoneNumber, isPhoneNumberEmpty, isValidPhoneNumber, unformatPhoneNumber } from '../chunk-ZVPJ2MH6.js';
 export { isStorybookDocsMode } from '../chunk-VSQF22GL.js';
 export { cn } from '../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map

package/dist/waggleline-2MLRNVCV.js

@@ -0,0 +1,3 @@
+export { wagglelineBrand as default, wagglelineBrand } from './chunk-2NTYAALC.js';
+//# sourceMappingURL=waggleline-2MLRNVCV.js.map
+//# sourceMappingURL=waggleline-2MLRNVCV.js.map

package/dist/{waggleline-BMUYAFJF.js.map → waggleline-2MLRNVCV.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"waggleline-BMUYAFJF.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"waggleline-2MLRNVCV.js"}

package/dist/waggleline-I7QWD3YX.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkZ5J4NTPL_cjs = require('./chunk-Z5J4NTPL.cjs');
+
+
+
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkZ5J4NTPL_cjs.wagglelineBrand; }
+});
+Object.defineProperty(exports, "wagglelineBrand", {
+  enumerable: true,
+  get: function () { return chunkZ5J4NTPL_cjs.wagglelineBrand; }
+});
+//# sourceMappingURL=waggleline-I7QWD3YX.cjs.map
+//# sourceMappingURL=waggleline-I7QWD3YX.cjs.map

package/dist/{waggleline-6IGA66HR.cjs.map → waggleline-I7QWD3YX.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"waggleline-6IGA66HR.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"waggleline-I7QWD3YX.cjs"}

package/dist/webchart-F6EIMC3I.js

@@ -0,0 +1,3 @@
+export { webchartBrand as default, webchartBrand } from './chunk-JW5GWKV7.js';
+//# sourceMappingURL=webchart-F6EIMC3I.js.map
+//# sourceMappingURL=webchart-F6EIMC3I.js.map

package/dist/{webchart-2SLO5ICI.js.map → webchart-F6EIMC3I.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"webchart-2SLO5ICI.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"webchart-F6EIMC3I.js"}

package/dist/webchart-H3BHYNHB.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkGXQFRLTN_cjs = require('./chunk-GXQFRLTN.cjs');
+
+
+
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkGXQFRLTN_cjs.webchartBrand; }
+});
+Object.defineProperty(exports, "webchartBrand", {
+  enumerable: true,
+  get: function () { return chunkGXQFRLTN_cjs.webchartBrand; }
+});
+//# sourceMappingURL=webchart-H3BHYNHB.cjs.map
+//# sourceMappingURL=webchart-H3BHYNHB.cjs.map

package/dist/{webchart-EHVGP46N.cjs.map → webchart-H3BHYNHB.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"webchart-EHVGP46N.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"webchart-H3BHYNHB.cjs"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mieweb/ui",
-  "version": "0.2.2",
+  "version": "0.3.0-dev.100",
   "description": "A themeable, accessible React component library built with Tailwind CSS",
   "author": "Medical Informatics Engineering, Inc.",
   "license": "SEE LICENSE IN LICENSE",
@@ -118,8 +118,29 @@
         "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"
+      }
+    },
+    "./ozwell": {
+      "import": {
+        "types": "./dist/ozwell.d.ts",
+        "default": "./dist/ozwell.js"
+      },
+      "require": {
+        "types": "./dist/ozwell.d.cts",
+        "default": "./dist/ozwell.cjs"
+      }
+    },
     "./styles.css": "./dist/styles.css",
-    "./styles": "./dist/styles.css"
+    "./styles": "./dist/styles.css",
+    "./init.css": "./dist/styles/init.css"
   },
   "files": [
     "dist",
@@ -127,10 +148,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",
@@ -145,22 +169,31 @@
     "test:visual": "playwright test",
     "test:visual:ui": "playwright test --ui",
     "test:visual:debug": "playwright test --debug",
+    "test:storybook": "test-storybook --url http://localhost:6006",
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
+    "@ozwell/react": ">=0.1.0",
     "ag-grid-community": ">=32.0.0",
     "ag-grid-react": ">=32.0.0",
+    "datavis-ace": "=4.0.0-PRE.2",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "wavesurfer.js": ">=7.0.0"
   },
   "peerDependenciesMeta": {
+    "@ozwell/react": {
+      "optional": true
+    },
     "ag-grid-community": {
       "optional": true
     },
     "ag-grid-react": {
       "optional": true
     },
+    "datavis-ace": {
+      "optional": true
+    },
     "react": {
       "optional": false
     },
@@ -175,23 +208,27 @@
     "@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"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.3",
+    "@ozwell/react": "file:./packages/ozwell/packages/react",
     "@playwright/test": "^1.58.2",
     "@storybook/addon-a11y": "^10.2.11",
     "@storybook/addon-docs": "^10.2.11",
     "@storybook/addon-links": "^10.2.11",
     "@storybook/react": "^10.2.11",
     "@storybook/react-vite": "^10.2.11",
+    "@storybook/test-runner": "0.24.3",
     "@tailwindcss/cli": "^4.2.1",
     "@tailwindcss/postcss": "^4.2.1",
     "@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 +239,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",
@@ -222,6 +260,6 @@
     "wavesurfer.js": "^7.12.1"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=20.0.0"
   }
 }

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