@mieweb/ui 0.2.1 → 0.2.4

package/README.md

@@ -18,6 +18,7 @@ A themeable, accessible React component library built with Tailwind CSS 4.
 - [Installation](#installation)
 - [Quick Start](#quick-start)
 - [Development](#development)
+- [Date & Time Standard](#date--time-standard)
 - [Storybook](#storybook)
 - [Using in Other Projects](#using-in-other-projects)
 - [Brand System](#brand-system)
@@ -140,6 +141,33 @@ This will watch for changes and rebuild the library automatically.
 | `npm run test`            | Run tests                           |
 | `npm run test:watch`      | Run tests in watch mode             |
 
+## Date & Time Standard
+
+For UI/UX date and time behavior, this project uses **Luxon** as the preferred library.
+
+### Guidelines
+
+- Use `DateTime` from `luxon` for all new date/time parsing, formatting, and comparisons.
+- Keep timezone explicit when logic depends on business rules (for example: office hours, “open now”, appointment windows).
+- Use IANA timezone identifiers (for example: `America/New_York`) instead of abbreviations.
+- Prefer storing/transmitting ISO-8601 values and convert for display at the component edge.
+- Avoid adding new date logic with raw `Date` math unless there is a clear performance or compatibility reason.
+
+### Examples
+
+```ts
+import { DateTime } from 'luxon';
+
+const localDisplay = DateTime.fromISO(timestamp).toFormat('LLL d, yyyy h:mm a');
+
+const inProviderZone = DateTime.fromISO(timestamp, {
+  zone: 'America/New_York',
+});
+
+const isOpen = DateTime.now().setZone('America/New_York') <
+  inProviderZone.plus({ hours: 1 });
+```
+
 ## Storybook
 
 Storybook provides interactive documentation and a component playground where you can explore all components with different props and themes.

package/dist/ag-grid.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkD3BUYVLN_cjs = require('./chunk-D3BUYVLN.cjs');
+var chunkQIOM5ZV2_cjs = require('./chunk-QIOM5ZV2.cjs');
 var chunkOR5DRJCW_cjs = require('./chunk-OR5DRJCW.cjs');
 var React = require('react');
 var agGridReact = require('ag-grid-react');
@@ -413,7 +413,7 @@ function EmailRenderer(props) {
       className: "text-primary-600 dark:text-primary-400 inline-flex items-center gap-1.5 hover:underline",
       onClick: (e) => e.stopPropagation(),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkD3BUYVLN_cjs.Mail, { className: "h-3 w-3 opacity-60" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkQIOM5ZV2_cjs.Mail, { className: "h-3 w-3 opacity-60" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: value })
       ]
     }
@@ -430,7 +430,7 @@ function PhoneRenderer(props) {
       className: "text-foreground hover:text-primary-600 dark:hover:text-primary-400 inline-flex items-center gap-1.5",
       onClick: (e) => e.stopPropagation(),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkD3BUYVLN_cjs.Phone, { className: "h-3 w-3 text-green-500 opacity-70" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkQIOM5ZV2_cjs.Phone, { className: "h-3 w-3 text-green-500 opacity-70" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: displayValue })
       ]
     }
@@ -450,7 +450,7 @@ function DomainRenderer(props) {
       className: "text-primary-600 dark:text-primary-400 inline-flex items-center gap-1.5 hover:underline",
       onClick: (e) => e.stopPropagation(),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkD3BUYVLN_cjs.Globe, { className: "h-3 w-3 opacity-60" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkQIOM5ZV2_cjs.Globe, { className: "h-3 w-3 opacity-60" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: displayDomain })
       ]
     }
@@ -547,7 +547,7 @@ function BooleanRenderer(props) {
         isTrue ? "bg-green-100 text-green-600 dark:bg-green-900/30 dark:text-green-400" : "bg-gray-200 text-gray-600 dark:bg-gray-700 dark:text-gray-400"
       ),
       children: [
-        isTrue ? /* @__PURE__ */ jsxRuntime.jsx(chunkD3BUYVLN_cjs.CheckCircle, { className: "h-3 w-3" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkD3BUYVLN_cjs.Clock, { className: "h-3 w-3" }),
+        isTrue ? /* @__PURE__ */ jsxRuntime.jsx(chunkQIOM5ZV2_cjs.CheckCircle, { className: "h-3 w-3" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkQIOM5ZV2_cjs.Clock, { className: "h-3 w-3" }),
         isTrue ? "Yes" : "No"
       ]
     }

package/dist/ag-grid.js

@@ -1,4 +1,4 @@
-import { Mail, Phone, Globe, CheckCircle, Clock } from './chunk-K5T2PT4M.js';
+import { Mail, Phone, Globe, CheckCircle, Clock } from './chunk-3K7QCDSV.js';
 import { cn } from './chunk-F3SOEIN2.js';
 import * as React from 'react';
 import { memo } from 'react';

package/dist/brands/bluehive.css

@@ -44,6 +44,16 @@
   --mieweb-success-foreground: #ffffff;
   --mieweb-warning: #f59e0b;
   --mieweb-warning-foreground: #ffffff;
+  --mieweb-info: #0ea5e9;
+  --mieweb-info-foreground: #ffffff;
+  --mieweb-secondary-foreground: #ffffff;
+
+  /* Chart / Data Visualization */
+  --mieweb-chart-1: #27aae1;
+  --mieweb-chart-2: #22c55e;
+  --mieweb-chart-3: #f59e0b;
+  --mieweb-chart-4: #ef4444;
+  --mieweb-chart-5: #6366f1;
 
   /* Typography */
   --mieweb-font-sans: 'Nunito', ui-sans-serif, system-ui, sans-serif;
@@ -85,6 +95,16 @@
   --mieweb-success-foreground: #fafafa;
   --mieweb-warning: #d97706;
   --mieweb-warning-foreground: #fafafa;
+  --mieweb-info: #0284c7;
+  --mieweb-info-foreground: #fafafa;
+  --mieweb-secondary-foreground: #fafafa;
+
+  /* Chart */
+  --mieweb-chart-1: #38bdf8;
+  --mieweb-chart-2: #4ade80;
+  --mieweb-chart-3: #fbbf24;
+  --mieweb-chart-4: #f87171;
+  --mieweb-chart-5: #818cf8;
 }
 
 /* ============================================

package/dist/brands/enterprise-health.css

@@ -41,10 +41,19 @@
   --mieweb-primary-900: #42193d;
   --mieweb-primary-950: #280e25;
 
-  /* Secondary Color - Deep Teal Blue (for gradients) */
-  --mieweb-secondary: #00497a;
-  --mieweb-secondary-light: #006ba8;
-  --mieweb-secondary-dark: #003658;
+  /* Secondary Color Scale - Deep Teal Blue */
+  --mieweb-secondary-50: #e6f3fa;
+  --mieweb-secondary-100: #b3dcf0;
+  --mieweb-secondary-200: #80c5e6;
+  --mieweb-secondary-300: #4daedc;
+  --mieweb-secondary-400: #2697d2;
+  --mieweb-secondary-500: #00497a;
+  --mieweb-secondary-600: #003d68;
+  --mieweb-secondary-700: #003658;
+  --mieweb-secondary-800: #002a45;
+  --mieweb-secondary-900: #001e33;
+  --mieweb-secondary-950: #001120;
+  --mieweb-secondary-foreground: #ffffff;
 
   /* Accent Color - Gold/Yellow (logo) */
   --mieweb-accent: #f8b700;
@@ -71,6 +80,15 @@
   --mieweb-success-foreground: #ffffff;
   --mieweb-warning: #f8b700;
   --mieweb-warning-foreground: #222326;
+  --mieweb-info: #0ea5e9;
+  --mieweb-info-foreground: #ffffff;
+
+  /* Chart / Data Visualization */
+  --mieweb-chart-1: #6e2b68;
+  --mieweb-chart-2: #00497a;
+  --mieweb-chart-3: #f8b700;
+  --mieweb-chart-4: #dc2626;
+  --mieweb-chart-5: #22c55e;
 
   /* Typography - Jost is the Enterprise Health font */
   --mieweb-font-sans: 'Jost', ui-sans-serif, system-ui, sans-serif;
@@ -115,6 +133,16 @@
   --mieweb-success-foreground: #fafafa;
   --mieweb-warning: #f8b700;
   --mieweb-warning-foreground: #222326;
+  --mieweb-info: #0284c7;
+  --mieweb-info-foreground: #fafafa;
+  --mieweb-secondary-foreground: #fafafa;
+
+  /* Chart */
+  --mieweb-chart-1: #c95ab8;
+  --mieweb-chart-2: #006ba8;
+  --mieweb-chart-3: #ffc933;
+  --mieweb-chart-4: #f87171;
+  --mieweb-chart-5: #4ade80;
 
   --mieweb-glass-background: rgba(255, 255, 255, 0.1);
 }

package/dist/brands/index.d.cts

@@ -1,6 +1,6 @@
 import { BrandConfig } from './types.cjs';
 export { BrandBorderRadius, BrandBoxShadow, BrandColors, BrandTypography, ColorScale, SemanticColors, createBrandPreset, generateBrandCSS, generateTailwindTheme } from './types.cjs';
-export { default as bluehiveBrand } from './bluehive.cjs';
+export { bluehiveBrand } from './bluehive.cjs';
 export { ozwellBrand } from './ozwell.cjs';
 
 /**

package/dist/brands/index.d.ts

@@ -1,6 +1,6 @@
 import { BrandConfig } from './types.js';
 export { BrandBorderRadius, BrandBoxShadow, BrandColors, BrandTypography, ColorScale, SemanticColors, createBrandPreset, generateBrandCSS, generateTailwindTheme } from './types.js';
-export { default as bluehiveBrand } from './bluehive.js';
+export { bluehiveBrand } from './bluehive.js';
 export { ozwellBrand } from './ozwell.js';
 
 /**

package/dist/brands/mieweb.css

@@ -44,6 +44,16 @@
   --mieweb-success-foreground: #ffffff;
   --mieweb-warning: #f59e0b;
   --mieweb-warning-foreground: #ffffff;
+  --mieweb-info: #0ea5e9;
+  --mieweb-info-foreground: #ffffff;
+  --mieweb-secondary-foreground: #ffffff;
+
+  /* Chart / Data Visualization */
+  --mieweb-chart-1: #27ae60;
+  --mieweb-chart-2: #0ea5e9;
+  --mieweb-chart-3: #f59e0b;
+  --mieweb-chart-4: #ef4444;
+  --mieweb-chart-5: #6366f1;
 
   /* Typography */
   --mieweb-font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
@@ -85,6 +95,16 @@
   --mieweb-success-foreground: #fafafa;
   --mieweb-warning: #d97706;
   --mieweb-warning-foreground: #fafafa;
+  --mieweb-info: #0284c7;
+  --mieweb-info-foreground: #fafafa;
+  --mieweb-secondary-foreground: #fafafa;
+
+  /* Chart */
+  --mieweb-chart-1: #4ade80;
+  --mieweb-chart-2: #38bdf8;
+  --mieweb-chart-3: #fbbf24;
+  --mieweb-chart-4: #f87171;
+  --mieweb-chart-5: #818cf8;
 }
 
 /* ============================================

package/dist/brands/ozwell.css

@@ -53,6 +53,16 @@
   --mieweb-success-foreground: #ffffff;
   --mieweb-warning: #f59e0b;
   --mieweb-warning-foreground: #ffffff;
+  --mieweb-info: #0ea5e9;
+  --mieweb-info-foreground: #ffffff;
+  --mieweb-secondary-foreground: #ffffff;
+
+  /* Chart / Data Visualization */
+  --mieweb-chart-1: #27aae1;
+  --mieweb-chart-2: #22c55e;
+  --mieweb-chart-3: #f59e0b;
+  --mieweb-chart-4: #ef4444;
+  --mieweb-chart-5: #6366f1;
 
   /* Typography */
   --mieweb-font-sans: 'Nunito', ui-sans-serif, system-ui, sans-serif;
@@ -94,6 +104,16 @@
   --mieweb-success-foreground: #fafafa;
   --mieweb-warning: #d97706;
   --mieweb-warning-foreground: #fafafa;
+  --mieweb-info: #0284c7;
+  --mieweb-info-foreground: #fafafa;
+  --mieweb-secondary-foreground: #fafafa;
+
+  /* Chart */
+  --mieweb-chart-1: #38bdf8;
+  --mieweb-chart-2: #4ade80;
+  --mieweb-chart-3: #fbbf24;
+  --mieweb-chart-4: #f87171;
+  --mieweb-chart-5: #818cf8;
 }
 
 /* ============================================

package/dist/brands/waggleline.css

@@ -51,6 +51,42 @@
   --mieweb-success-foreground: #ffffff;
   --mieweb-warning: #ffd200;
   --mieweb-warning-foreground: #1a1a1a;
+  --mieweb-info: #0ea5e9;
+  --mieweb-info-foreground: #ffffff;
+  --mieweb-secondary-foreground: #ffffff;
+
+  /* Waggleline Custom Success Scale (brand green #009C4E) */
+  --mieweb-success-50: #ecfdf5;
+  --mieweb-success-100: #d1fae5;
+  --mieweb-success-200: #a7f3d0;
+  --mieweb-success-300: #6ee7b7;
+  --mieweb-success-400: #34d399;
+  --mieweb-success-500: #009c4e;
+  --mieweb-success-600: #008542;
+  --mieweb-success-700: #006e37;
+  --mieweb-success-800: #00572b;
+  --mieweb-success-900: #004020;
+  --mieweb-success-950: #002914;
+
+  /* Waggleline Custom Warning Scale (brand yellow #FFD200) */
+  --mieweb-warning-50: #fffde6;
+  --mieweb-warning-100: #fff9b3;
+  --mieweb-warning-200: #fff580;
+  --mieweb-warning-300: #fff14d;
+  --mieweb-warning-400: #ffeb26;
+  --mieweb-warning-500: #ffd200;
+  --mieweb-warning-600: #d4af00;
+  --mieweb-warning-700: #aa8c00;
+  --mieweb-warning-800: #806900;
+  --mieweb-warning-900: #554600;
+  --mieweb-warning-950: #332a00;
+
+  /* Chart / Data Visualization */
+  --mieweb-chart-1: #17aeed;
+  --mieweb-chart-2: #009c4e;
+  --mieweb-chart-3: #ffd200;
+  --mieweb-chart-4: #e04501;
+  --mieweb-chart-5: #8b5cf6;
 
   /* Typography */
   --mieweb-font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
@@ -99,6 +135,16 @@
   --mieweb-success-foreground: #f9fafb;
   --mieweb-warning: #ffd200;
   --mieweb-warning-foreground: #1a1a1a;
+  --mieweb-info: #0284c7;
+  --mieweb-info-foreground: #f9fafb;
+  --mieweb-secondary-foreground: #f9fafb;
+
+  /* Chart */
+  --mieweb-chart-1: #38bdf8;
+  --mieweb-chart-2: #34d399;
+  --mieweb-chart-3: #ffeb26;
+  --mieweb-chart-4: #f87171;
+  --mieweb-chart-5: #a78bfa;
 }
 
 /* ============================================

package/dist/brands/webchart.css

@@ -44,6 +44,16 @@
   --mieweb-success-foreground: #ffffff;
   --mieweb-warning: #f59e0b;
   --mieweb-warning-foreground: #ffffff;
+  --mieweb-info: #0ea5e9;
+  --mieweb-info-foreground: #ffffff;
+  --mieweb-secondary-foreground: #ffffff;
+
+  /* Chart / Data Visualization */
+  --mieweb-chart-1: #f5841f;
+  --mieweb-chart-2: #22c55e;
+  --mieweb-chart-3: #0ea5e9;
+  --mieweb-chart-4: #ef4444;
+  --mieweb-chart-5: #6366f1;
 
   /* Typography */
   --mieweb-font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
@@ -85,6 +95,16 @@
   --mieweb-success-foreground: #fafafa;
   --mieweb-warning: #d97706;
   --mieweb-warning-foreground: #fafafa;
+  --mieweb-info: #0284c7;
+  --mieweb-info-foreground: #fafafa;
+  --mieweb-secondary-foreground: #fafafa;
+
+  /* Chart */
+  --mieweb-chart-1: #fb923c;
+  --mieweb-chart-2: #4ade80;
+  --mieweb-chart-3: #38bdf8;
+  --mieweb-chart-4: #f87171;
+  --mieweb-chart-5: #818cf8;
 }
 
 /* ============================================

package/dist/{chunk-I7L6CQXR.cjs → chunk-377KAB4C.cjs}

@@ -33,7 +33,7 @@ var scrollLockState = {
   originalOverflow: null};
 var modalOverlayVariants = classVarianceAuthority.cva(
   [
-    "fixed inset-0 z-50",
+    "fixed inset-0",
     "bg-black/50 backdrop-blur-sm",
     "data-[state=open]:animate-in data-[state=open]:fade-in-0",
     "data-[state=closed]:animate-out data-[state=closed]:fade-out-0"
@@ -45,10 +45,17 @@ var modalOverlayVariants = classVarianceAuthority.cva(
 );
 var modalContentVariants = classVarianceAuthority.cva(
   [
-    "fixed left-1/2 top-1/2 z-50",
-    "-translate-x-1/2 -translate-y-1/2",
-    "w-full bg-card text-card-foreground",
-    "border border-border rounded-xl shadow-lg",
+    "relative w-full bg-card text-card-foreground",
+    "border border-border shadow-lg",
+    // Full-screen on mobile, rounded on larger screens
+    "rounded-none sm:rounded-xl",
+    "flex flex-col",
+    // Full viewport height on mobile, constrained on larger screens
+    "max-h-dvh sm:max-h-[calc(100dvh-2rem)]",
+    "min-h-dvh sm:min-h-0",
+    // If a <form> is used as a direct child (wrapping ModalBody + ModalFooter),
+    // make it participate in the flex column layout so overflow constraints work.
+    "[&>form]:flex [&>form]:flex-col [&>form]:flex-1 [&>form]:min-h-0",
     "focus:outline-none",
     "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
     "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
@@ -57,13 +64,13 @@ var modalContentVariants = classVarianceAuthority.cva(
   {
     variants: {
       size: {
-        sm: "max-w-sm",
-        md: "max-w-md",
-        lg: "max-w-lg",
-        xl: "max-w-xl",
-        "2xl": "max-w-2xl",
-        "3xl": "max-w-3xl",
-        "4xl": "max-w-4xl",
+        sm: "sm:max-w-sm",
+        md: "sm:max-w-md",
+        lg: "sm:max-w-lg",
+        xl: "sm:max-w-xl",
+        "2xl": "sm:max-w-2xl",
+        "3xl": "sm:max-w-3xl",
+        "4xl": "sm:max-w-4xl",
         full: "max-w-[calc(100vw-2rem)]"
       }
     },
@@ -129,26 +136,33 @@ function Modal({
           {
             className: chunkOR5DRJCW_cjs.cn(modalOverlayVariants()),
             "data-state": open ? "open" : "closed",
-            onClick: handleOverlayClick,
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            ref: focusTrapRef,
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-label": ariaLabel,
-            "aria-labelledby": ariaLabelledBy || `${modalId}-title`,
-            "aria-describedby": ariaDescribedBy,
-            id: modalId,
-            tabIndex: -1,
-            "data-state": open ? "open" : "closed",
-            className: chunkOR5DRJCW_cjs.cn(modalContentVariants({ size }), className),
-            children
+            className: "flex min-h-full items-center justify-center p-0 sm:p-4",
+            onClick: handleOverlayClick,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                ref: focusTrapRef,
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-label": ariaLabel,
+                "aria-labelledby": ariaLabelledBy || `${modalId}-title`,
+                "aria-describedby": ariaDescribedBy,
+                id: modalId,
+                tabIndex: -1,
+                "data-state": open ? "open" : "closed",
+                className: chunkOR5DRJCW_cjs.cn(modalContentVariants({ size }), className),
+                onClick: (e) => e.stopPropagation(),
+                children
+              }
+            )
           }
-        )
+        ) })
       ] })
     }
   );
@@ -170,7 +184,7 @@ var ModalHeader = React__namespace.forwardRef(
     {
       ref,
       className: chunkOR5DRJCW_cjs.cn(
-        "flex items-center justify-between",
+        "flex shrink-0 items-center justify-between",
         "border-border border-b px-6 py-4",
         className
       ),
@@ -232,7 +246,14 @@ var ModalClose = React__namespace.forwardRef(
 );
 ModalClose.displayName = "ModalClose";
 var ModalBody = React__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkOR5DRJCW_cjs.cn("px-6 py-4", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: chunkOR5DRJCW_cjs.cn("min-h-0 flex-1 overflow-y-auto px-6 py-4", className),
+      ...props
+    }
+  )
 );
 ModalBody.displayName = "ModalBody";
 var ModalFooter = React__namespace.forwardRef(
@@ -241,7 +262,7 @@ var ModalFooter = React__namespace.forwardRef(
     {
       ref,
       className: chunkOR5DRJCW_cjs.cn(
-        "flex items-center justify-end gap-3",
+        "flex shrink-0 items-center justify-end gap-3",
         "border-border border-t px-6 py-4",
         className
       ),
@@ -280,5 +301,5 @@ exports.ModalHeader = ModalHeader;
 exports.ModalTitle = ModalTitle;
 exports.modalContentVariants = modalContentVariants;
 exports.modalOverlayVariants = modalOverlayVariants;
-//# sourceMappingURL=chunk-I7L6CQXR.cjs.map
-//# sourceMappingURL=chunk-I7L6CQXR.cjs.map
+//# sourceMappingURL=chunk-377KAB4C.cjs.map
+//# sourceMappingURL=chunk-377KAB4C.cjs.map

package/dist/chunk-377KAB4C.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Modal/Modal.tsx"],"names":["cva","React","useFocusTrap","useEscapeKey","isStorybookDocsMode","jsx","jsxs","cn"],"mappings":"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","file":"chunk-377KAB4C.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { isStorybookDocsMode } from '../../utils/environment';\nimport { useFocusTrap } from '../../hooks/useFocusTrap';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\n\n/**\n * Modal scroll lock state manager.\n * Uses a singleton pattern with ref-like storage to track open modals\n * and manage body scroll locking across multiple modal instances.\n * Includes reset capability for testing environments.\n */\nconst scrollLockState = {\n  count: 0,\n  originalOverflow: null as string | null,\n  reset() {\n    this.count = 0;\n    this.originalOverflow = null;\n  },\n};\n\n// Export for testing environments\nexport const __resetScrollLockState = () => scrollLockState.reset();\n\nconst modalOverlayVariants = cva(\n  [\n    'fixed inset-0',\n    'bg-black/50 backdrop-blur-sm',\n    'data-[state=open]:animate-in data-[state=open]:fade-in-0',\n    'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',\n  ],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\nconst modalContentVariants = cva(\n  [\n    'relative w-full bg-card text-card-foreground',\n    'border border-border shadow-lg',\n    // Full-screen on mobile, rounded on larger screens\n    'rounded-none sm:rounded-xl',\n    'flex flex-col',\n    // Full viewport height on mobile, constrained on larger screens\n    'max-h-dvh sm:max-h-[calc(100dvh-2rem)]',\n    'min-h-dvh sm:min-h-0',\n    // If a <form> is used as a direct child (wrapping ModalBody + ModalFooter),\n    // make it participate in the flex column layout so overflow constraints work.\n    '[&>form]:flex [&>form]:flex-col [&>form]:flex-1 [&>form]:min-h-0',\n    'focus:outline-none',\n    'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n    'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',\n    'duration-200',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'sm:max-w-sm',\n        md: 'sm:max-w-md',\n        lg: 'sm:max-w-lg',\n        xl: 'sm:max-w-xl',\n        '2xl': 'sm:max-w-2xl',\n        '3xl': 'sm:max-w-3xl',\n        '4xl': 'sm:max-w-4xl',\n        full: 'max-w-[calc(100vw-2rem)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\nexport interface ModalProps extends VariantProps<typeof modalContentVariants> {\n  /** Whether the modal is open */\n  open: boolean;\n  /** Callback when the modal should close */\n  onOpenChange: (open: boolean) => void;\n  /** Modal content */\n  children: React.ReactNode;\n  /** Whether to close when clicking the overlay */\n  closeOnOverlayClick?: boolean;\n  /** Whether to close when pressing Escape */\n  closeOnEscape?: boolean;\n  /** Additional class name for the modal content */\n  className?: string;\n  /** ID for the modal, used for accessibility */\n  id?: string;\n  /** Accessible label for the modal */\n  'aria-label'?: string;\n  /** ID of the element that labels the modal */\n  'aria-labelledby'?: string;\n  /** ID of the element that describes the modal */\n  'aria-describedby'?: string;\n}\n\n/**\n * An accessible modal/dialog component.\n *\n * @example\n * ```tsx\n * <Modal open={isOpen} onOpenChange={setIsOpen} size=\"lg\">\n *   <ModalHeader>\n *     <ModalTitle>Confirm Action</ModalTitle>\n *     <ModalClose />\n *   </ModalHeader>\n *   <ModalBody>\n *     Are you sure you want to continue?\n *   </ModalBody>\n *   <ModalFooter>\n *     <Button variant=\"secondary\" onClick={() => setIsOpen(false)}>Cancel</Button>\n *     <Button onClick={handleConfirm}>Confirm</Button>\n *   </ModalFooter>\n * </Modal>\n * ```\n */\nfunction Modal({\n  open,\n  onOpenChange,\n  children,\n  size,\n  closeOnOverlayClick = true,\n  closeOnEscape = true,\n  className,\n  id,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n}: ModalProps) {\n  const generatedId = React.useId();\n  const modalId = id || generatedId;\n\n  // Focus trap (only active when modal is open)\n  const focusTrapRef = useFocusTrap<HTMLDivElement>(open);\n\n  // Handle escape key\n  useEscapeKey(() => {\n    if (closeOnEscape && open) {\n      onOpenChange(false);\n    }\n  }, open);\n\n  // Handle overlay click\n  const handleOverlayClick = React.useCallback(\n    (e: React.MouseEvent) => {\n      if (closeOnOverlayClick && e.target === e.currentTarget) {\n        onOpenChange(false);\n      }\n    },\n    [closeOnOverlayClick, onOpenChange]\n  );\n\n  // Prevent body scroll when modal is open (handles multiple modals)\n  // Skip scroll lock in Storybook docs mode where multiple stories render inline\n  React.useEffect(() => {\n    // Skip scroll lock entirely in Storybook docs mode\n    if (!open || isStorybookDocsMode()) {\n      return undefined;\n    }\n\n    scrollLockState.count++;\n    // Only capture and set overflow when first modal opens\n    if (scrollLockState.count === 1) {\n      scrollLockState.originalOverflow = document.body.style.overflow;\n      document.body.style.overflow = 'hidden';\n    }\n\n    return () => {\n      scrollLockState.count--;\n      // Only restore overflow when last modal closes\n      if (\n        scrollLockState.count === 0 &&\n        scrollLockState.originalOverflow !== null\n      ) {\n        document.body.style.overflow = scrollLockState.originalOverflow;\n        scrollLockState.originalOverflow = null;\n      }\n    };\n  }, [open]);\n\n  if (!open) return null;\n\n  return (\n    <ModalContext.Provider\n      value={{ onClose: () => onOpenChange(false), modalId }}\n    >\n      {/* Portal to body */}\n      <div className=\"fixed inset-0 z-50\">\n        {/* Overlay backdrop */}\n        <div\n          className={cn(modalOverlayVariants())}\n          data-state={open ? 'open' : 'closed'}\n          aria-hidden=\"true\"\n        />\n        {/* Scrollable centering container — click outside to close */}\n        <div className=\"fixed inset-0 overflow-y-auto\">\n          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}\n          <div\n            className=\"flex min-h-full items-center justify-center p-0 sm:p-4\"\n            onClick={handleOverlayClick}\n          >\n            {/* Content */}\n            {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions */}\n            <div\n              ref={focusTrapRef}\n              role=\"dialog\"\n              aria-modal=\"true\"\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy || `${modalId}-title`}\n              aria-describedby={ariaDescribedBy}\n              id={modalId}\n              tabIndex={-1}\n              data-state={open ? 'open' : 'closed'}\n              className={cn(modalContentVariants({ size }), className)}\n              onClick={(e) => e.stopPropagation()}\n            >\n              {children}\n            </div>\n          </div>\n        </div>\n      </div>\n    </ModalContext.Provider>\n  );\n}\n\nModal.displayName = 'Modal';\n\n// ============================================================================\n// Modal Context\n// ============================================================================\n\ninterface ModalContextValue {\n  onClose: () => void;\n  modalId: string;\n}\n\nconst ModalContext = React.createContext<ModalContextValue | undefined>(\n  undefined\n);\n\nfunction useModalContext() {\n  const context = React.useContext(ModalContext);\n  if (!context) {\n    throw new Error('Modal components must be used within a Modal');\n  }\n  return context;\n}\n\n// ============================================================================\n// Modal Header\n// ============================================================================\n\nexport type ModalHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Header section of a Modal.\n */\nconst ModalHeader = React.forwardRef<HTMLDivElement, ModalHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'flex shrink-0 items-center justify-between',\n        'border-border border-b px-6 py-4',\n        className\n      )}\n      {...props}\n    />\n  )\n);\n\nModalHeader.displayName = 'ModalHeader';\n\n// ============================================================================\n// Modal Title\n// ============================================================================\n\nexport type ModalTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\n/**\n * Title for a Modal.\n */\nconst ModalTitle = React.forwardRef<HTMLHeadingElement, ModalTitleProps>(\n  ({ className, children, ...props }, ref) => {\n    const { modalId } = useModalContext();\n    return (\n      <h2\n        ref={ref}\n        id={`${modalId}-title`}\n        className={cn(\n          'text-lg leading-none font-semibold tracking-tight',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </h2>\n    );\n  }\n);\n\nModalTitle.displayName = 'ModalTitle';\n\n// ============================================================================\n// Modal Close Button\n// ============================================================================\n\nexport type ModalCloseProps = React.ButtonHTMLAttributes<HTMLButtonElement>;\n\n/**\n * Close button for a Modal.\n */\nconst ModalClose = React.forwardRef<HTMLButtonElement, ModalCloseProps>(\n  ({ className, children, onClick, ...props }, ref) => {\n    const { onClose } = useModalContext();\n\n    const handleClick = React.useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => {\n        onClick?.(e);\n        if (!e.defaultPrevented) {\n          onClose();\n        }\n      },\n      [onClick, onClose]\n    );\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        onClick={handleClick}\n        className={cn(\n          'inline-flex h-8 w-8 items-center justify-center rounded-lg',\n          'text-muted-foreground hover:text-foreground',\n          'hover:bg-muted transition-colors',\n          'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n          className\n        )}\n        aria-label=\"Close\"\n        {...props}\n      >\n        {children || <CloseIcon />}\n      </button>\n    );\n  }\n);\n\nModalClose.displayName = 'ModalClose';\n\n// ============================================================================\n// Modal Body\n// ============================================================================\n\nexport type ModalBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Main content area of a Modal.\n */\nconst ModalBody = React.forwardRef<HTMLDivElement, ModalBodyProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('min-h-0 flex-1 overflow-y-auto px-6 py-4', className)}\n      {...props}\n    />\n  )\n);\n\nModalBody.displayName = 'ModalBody';\n\n// ============================================================================\n// Modal Footer\n// ============================================================================\n\nexport type ModalFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Footer section of a Modal, typically for action buttons.\n */\nconst ModalFooter = React.forwardRef<HTMLDivElement, ModalFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'flex shrink-0 items-center justify-end gap-3',\n        'border-border border-t px-6 py-4',\n        className\n      )}\n      {...props}\n    />\n  )\n);\n\nModalFooter.displayName = 'ModalFooter';\n\n// ============================================================================\n// Close Icon\n// ============================================================================\n\nfunction CloseIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\nexport {\n  Modal,\n  ModalHeader,\n  ModalTitle,\n  ModalClose,\n  ModalBody,\n  ModalFooter,\n  modalContentVariants,\n  modalOverlayVariants,\n};\n"]}

package/dist/chunk-3K7QCDSV.js

@@ -0,0 +1,3 @@
+export { AlertCircle, ArrowLeft, Bell, Calendar, Camera, Check, CheckCircle, ChevronDown, ClipboardCheck, ClipboardList, ClipboardPlus, Clock, Download, ExternalLink, FileCheck, FileHeart, FilePlus, FileText, Globe, HeartPulse, Image, Mail, MoreHorizontal, MoreVertical, Paperclip, Pencil, Phone, Pill, Plus, Printer, RefreshCw, Scan, ScanLine, Send, Share, Stethoscope, Trash2, Upload, User, Users, Wheat, X } from 'lucide-react';
+//# sourceMappingURL=chunk-3K7QCDSV.js.map
+//# sourceMappingURL=chunk-3K7QCDSV.js.map

package/dist/{chunk-K5T2PT4M.js.map → chunk-3K7QCDSV.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-K5T2PT4M.js","sourcesContent":[]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-3K7QCDSV.js","sourcesContent":[]}