@mieweb/ui 0.3.0-dev.74 → 0.3.0-dev.76

package/dist/index.d.cts

@@ -10,7 +10,7 @@ export { Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, avatarVariants, get
 export { Badge, BadgeProps, badgeVariants } from './components/Badge/index.cjs';
 export { Breadcrumb, BreadcrumbItem, BreadcrumbProps, BreadcrumbSlash } from './components/Breadcrumb/index.cjs';
 export { Button, ButtonProps, buttonVariants } from './components/Button/index.cjs';
-export { Card, CardActions, CardActionsProps, CardBadge, CardBadgeProps, CardCollapsible, CardCollapsibleProps, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, CardMediaProps, CardProps, CardStat, CardStatProps, CardTitle, cardAccentVariants, cardVariants } from './components/Card/index.cjs';
+export { Card, CardActions, CardActionsProps, CardBadge, CardBadgeProps, CardCollapsible, CardCollapsibleProps, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, CardMediaProps, CardProps, CardStat, CardStatProps, CardTitle, CardTitleProps, cardAccentVariants, cardVariants } from './components/Card/index.cjs';
 export { Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, checkboxVariants } from './components/Checkbox/index.cjs';
 export { CountryCodeDropdown, CountryCodeDropdownProps, CountryData, formatE164, validatePhoneNumber } from './components/CountryCodeDropdown/index.cjs';
 export { DateInput, DateInputMode, DateInputProps } from './components/DateInput/index.cjs';
@@ -2196,6 +2196,8 @@ interface DashboardWidgetProps extends React$1.HTMLAttributes<HTMLDivElement>, V
     accent?: 'primary' | 'success' | 'warning' | 'destructive' | 'info';
     /** Optional footer content beneath the widget body */
     footer?: React$1.ReactNode;
+    /** Heading level for the widget title — defaults to `h3` */
+    headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 }
 /**
  * A composable dashboard widget container.
@@ -2223,7 +2225,7 @@ interface InfoItem {
     /** Custom className for this item */
     className?: string;
 }
-interface DashboardWidgetInfoProps extends React$1.HTMLAttributes<HTMLDivElement> {
+interface DashboardWidgetInfoProps extends React$1.HTMLAttributes<HTMLDListElement> {
     /** Array of label/value items to display */
     items: InfoItem[];
     /** Number of columns in the grid */
@@ -2246,7 +2248,7 @@ interface DashboardWidgetInfoProps extends React$1.HTMLAttributes<HTMLDivElement
  * />
  * ```
  */
-declare const DashboardWidgetInfo: React$1.ForwardRefExoticComponent<DashboardWidgetInfoProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DashboardWidgetInfo: React$1.ForwardRefExoticComponent<DashboardWidgetInfoProps & React$1.RefAttributes<HTMLDListElement>>;
 interface WidgetTableColumn<T = Record<string, unknown>> {
     /** Unique column key */
     key: string;

package/dist/index.d.ts

@@ -10,7 +10,7 @@ export { Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, avatarVariants, get
 export { Badge, BadgeProps, badgeVariants } from './components/Badge/index.js';
 export { Breadcrumb, BreadcrumbItem, BreadcrumbProps, BreadcrumbSlash } from './components/Breadcrumb/index.js';
 export { Button, ButtonProps, buttonVariants } from './components/Button/index.js';
-export { Card, CardActions, CardActionsProps, CardBadge, CardBadgeProps, CardCollapsible, CardCollapsibleProps, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, CardMediaProps, CardProps, CardStat, CardStatProps, CardTitle, cardAccentVariants, cardVariants } from './components/Card/index.js';
+export { Card, CardActions, CardActionsProps, CardBadge, CardBadgeProps, CardCollapsible, CardCollapsibleProps, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, CardMediaProps, CardProps, CardStat, CardStatProps, CardTitle, CardTitleProps, cardAccentVariants, cardVariants } from './components/Card/index.js';
 export { Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, checkboxVariants } from './components/Checkbox/index.js';
 export { CountryCodeDropdown, CountryCodeDropdownProps, CountryData, formatE164, validatePhoneNumber } from './components/CountryCodeDropdown/index.js';
 export { DateInput, DateInputMode, DateInputProps } from './components/DateInput/index.js';
@@ -2196,6 +2196,8 @@ interface DashboardWidgetProps extends React$1.HTMLAttributes<HTMLDivElement>, V
     accent?: 'primary' | 'success' | 'warning' | 'destructive' | 'info';
     /** Optional footer content beneath the widget body */
     footer?: React$1.ReactNode;
+    /** Heading level for the widget title — defaults to `h3` */
+    headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 }
 /**
  * A composable dashboard widget container.
@@ -2223,7 +2225,7 @@ interface InfoItem {
     /** Custom className for this item */
     className?: string;
 }
-interface DashboardWidgetInfoProps extends React$1.HTMLAttributes<HTMLDivElement> {
+interface DashboardWidgetInfoProps extends React$1.HTMLAttributes<HTMLDListElement> {
     /** Array of label/value items to display */
     items: InfoItem[];
     /** Number of columns in the grid */
@@ -2246,7 +2248,7 @@ interface DashboardWidgetInfoProps extends React$1.HTMLAttributes<HTMLDivElement
  * />
  * ```
  */
-declare const DashboardWidgetInfo: React$1.ForwardRefExoticComponent<DashboardWidgetInfoProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DashboardWidgetInfo: React$1.ForwardRefExoticComponent<DashboardWidgetInfoProps & React$1.RefAttributes<HTMLDListElement>>;
 interface WidgetTableColumn<T = Record<string, unknown>> {
     /** Unique column key */
     key: string;

package/dist/index.js

@@ -1,12 +1,12 @@
-export { brands } from './chunk-Y4MW76JW.js';
-export { webchartBrand } from './chunk-C6MDPPPL.js';
+export { brands } from './chunk-JV7UJGBM.js';
+export { webchartBrand } from './chunk-JW5GWKV7.js';
 export { createBrandPreset, generateBrandCSS, generateTailwindTheme } from './chunk-WOYUQ4AT.js';
-export { bluehiveBrand } from './chunk-ULOA7WBW.js';
-export { ozwellBrand } from './chunk-4DJNHPHB.js';
-export { defaultBrand } from './chunk-4LTN2LEN.js';
+export { bluehiveBrand } from './chunk-XB7QCKK7.js';
+export { ozwellBrand } from './chunk-IGWABMSM.js';
+export { defaultBrand } from './chunk-PSTGFXQG.js';
 export { enterpriseHealthBrand } from './chunk-MTZPVOP6.js';
-export { miewebBrand } from './chunk-UHSPAFY6.js';
-export { wagglelineBrand } from './chunk-OWPWP46L.js';
+export { miewebBrand } from './chunk-GFZNSSSN.js';
+export { wagglelineBrand } from './chunk-2NTYAALC.js';
 import { Switch } from './chunk-43GBCUSQ.js';
 export { Switch, switchThumbVariants, switchTrackVariants } from './chunk-43GBCUSQ.js';
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-DNPRRYPQ.js';
@@ -40,7 +40,7 @@ import { Dropdown, DropdownItem, DropdownSeparator } from './chunk-FMGX2AM2.js';
 export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator } from './chunk-FMGX2AM2.js';
 import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-WTDCNXZO.js';
 export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from './chunk-WTDCNXZO.js';
-export { Pagination, SimplePagination, paginationButtonVariants } from './chunk-QBFNONJD.js';
+export { Pagination, SimplePagination, paginationButtonVariants } from './chunk-J3BU3JBX.js';
 export { PhoneInput, PhoneInputGroup } from './chunk-G7P5X2F4.js';
 import { Input } from './chunk-XHESCAUE.js';
 export { Input, inputVariants } from './chunk-XHESCAUE.js';
@@ -48,15 +48,15 @@ import { Progress } from './chunk-YY23MK3V.js';
 export { CircularProgress, Progress, circularProgressVariants, progressBarFillVariants, progressBarTrackVariants } from './chunk-YY23MK3V.js';
 export { AudioPlayer, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants } from './chunk-WORZLEUZ.js';
 export { AudioRecorder, audioRecorderVariants, controlButtonVariants, formatTime, waveformContainerVariants } from './chunk-TRZXK57D.js';
-import { Avatar } from './chunk-T4AO7KYK.js';
-export { Avatar, AvatarGroup, avatarVariants, getInitials } from './chunk-T4AO7KYK.js';
+import { Avatar } from './chunk-YDJUUR4Y.js';
+export { Avatar, AvatarGroup, avatarVariants, getInitials } from './chunk-YDJUUR4Y.js';
 import { Badge } from './chunk-DCER2QQB.js';
 export { Badge, badgeVariants } from './chunk-DCER2QQB.js';
 export { Breadcrumb, BreadcrumbSlash } from './chunk-HEH3QXOQ.js';
 import { Button, buttonVariants } from './chunk-ZVSW2KS6.js';
 export { Button, buttonVariants } from './chunk-ZVSW2KS6.js';
-import { Card, CardHeader, CardContent, CardTitle } from './chunk-AL6ASCL6.js';
-export { Card, CardActions, CardBadge, CardCollapsible, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, CardStat, CardTitle, cardAccentVariants, cardVariants } from './chunk-AL6ASCL6.js';
+import { Card, CardHeader, CardContent, CardTitle } from './chunk-JWUVVPKM.js';
+export { Card, CardActions, CardBadge, CardCollapsible, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, CardStat, CardTitle, cardAccentVariants, cardVariants } from './chunk-JWUVVPKM.js';
 import { Checkbox } from './chunk-5U7IIMKH.js';
 export { Checkbox, CheckboxGroup, checkboxVariants } from './chunk-5U7IIMKH.js';
 import { Clock, FileText, ArrowLeft, Stethoscope, Users, Mail, Phone, Share, ChevronDown, User, Download, ExternalLink, MoreVertical, Pencil, Send, Calendar, Printer, ClipboardPlus, ClipboardCheck, FilePlus, FileCheck, Wheat, Pill, Bell, FileHeart, HeartPulse, AlertCircle as AlertCircle$1, Paperclip, ClipboardList, MoreHorizontal, Trash2, Plus, CheckCircle, Upload as Upload$1, Scan, Camera, ScanLine, RefreshCw as RefreshCw$1, Image, X as X$1, Eye, Check as Check$1 } from './chunk-LEMY57MI.js';
@@ -76,7 +76,7 @@ export { calculateAge, dateToDisplayFormat, displayFormatToDateString, formatDat
 export { formatPhoneNumber, isPhoneNumberEmpty, isValidPhoneNumber, unformatPhoneNumber } from './chunk-ZVPJ2MH6.js';
 import { isStorybookDocsMode } from './chunk-VSQF22GL.js';
 export { isStorybookDocsMode } from './chunk-VSQF22GL.js';
-export { miewebUIPreset, miewebUISafelist } from './chunk-LUVSO5LK.js';
+export { miewebUIPreset, miewebUISafelist } from './chunk-WSOJA67K.js';
 import { Alert, AlertTitle, AlertDescription } from './chunk-MV3MTHWQ.js';
 export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-MV3MTHWQ.js';
 import { cn } from './chunk-F3SOEIN2.js';
@@ -9303,7 +9303,7 @@ var countBadgeVariants = cva(
           "dark:border-border/40 dark:hover:border-border dark:hover:bg-muted/30"
         ],
         info: [
-          "border-primary-200 text-primary-700",
+          "border-primary-200 text-primary-800",
           "hover:border-primary-300 hover:bg-primary-50",
           "dark:border-primary-800 dark:text-primary-300",
           "dark:hover:border-primary-700 dark:hover:bg-primary-950/50"
@@ -10865,6 +10865,7 @@ var DashboardWidget = React48.forwardRef(
     loading,
     accent,
     footer,
+    headingLevel: Heading = "h3",
     children,
     ...props
   }, ref) => {
@@ -10889,7 +10890,7 @@ var DashboardWidget = React48.forwardRef(
               children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                   icon && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground shrink-0", children: icon }),
-                  /* @__PURE__ */ jsx("h3", { className: "text-foreground text-sm font-semibold tracking-wide uppercase", children: title }),
+                  /* @__PURE__ */ jsx(Heading, { className: "text-foreground text-sm font-semibold tracking-wide uppercase", children: title }),
                   count !== void 0 && /* @__PURE__ */ jsx("span", { className: "bg-primary-100 text-primary-900 dark:bg-primary-900/50 dark:text-primary-300 inline-flex h-5 min-w-5 items-center justify-center rounded-full px-1.5 text-xs font-semibold", children: count })
                 ] }),
                 headerAction ? headerAction : onAdd && /* @__PURE__ */ jsx(
@@ -10953,7 +10954,7 @@ var DashboardWidgetInfo = React48.forwardRef(({ className, items, columns = 2, l
     4: "grid-cols-4"
   };
   return /* @__PURE__ */ jsx(
-    "div",
+    "dl",
     {
       ref,
       "data-slot": "dashboard-widget-info",
@@ -11035,7 +11036,7 @@ function DashboardWidgetTableInner({
             },
             col.key
           )),
-          actions && actions.length > 0 && /* @__PURE__ */ jsx(TableHead, { className: "w-0 px-4" })
+          actions && actions.length > 0 && /* @__PURE__ */ jsx(TableHead, { className: "w-0 px-4", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Actions" }) })
         ] }) }),
         /* @__PURE__ */ jsx(TableBody, { children: data.map((row, rowIndex) => /* @__PURE__ */ jsxs(
           TableRow,
@@ -11260,7 +11261,7 @@ var DashboardWidgetDataCards = React48.forwardRef(({ className, items, columns =
       className: cn("space-y-3", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("div", { className: cn("grid gap-x-6 gap-y-3", gridCols[columns]), children: items.map((item, i) => /* @__PURE__ */ jsxs("div", { className: cn("", item.className), children: [
+        /* @__PURE__ */ jsx("dl", { className: cn("grid gap-x-6 gap-y-3", gridCols[columns]), children: items.map((item, i) => /* @__PURE__ */ jsxs("div", { className: cn("", item.className), children: [
           /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: item.label }),
           /* @__PURE__ */ jsxs("dd", { className: "text-foreground mt-0.5 text-sm font-semibold", children: [
             item.value,
@@ -23427,9 +23428,9 @@ function OrderSidebar({
   const getPriorityColor = () => {
     switch (priority) {
       case "stat":
-        return "text-red-600 dark:text-red-400";
+        return "text-red-700 dark:text-red-400";
       case "urgent":
-        return "text-orange-600 dark:text-orange-400";
+        return "text-orange-700 dark:text-orange-400";
       default:
         return "text-muted-foreground";
     }
@@ -23446,7 +23447,7 @@ function OrderSidebar({
       }
     ),
     /* @__PURE__ */ jsxs(
-      "aside",
+      "div",
       {
         "data-slot": "order-sidebar",
         className: `fixed top-0 right-0 z-50 h-full w-full max-w-md translate-x-0 transform bg-white shadow-xl transition-transform duration-300 dark:bg-gray-900 ${className}`,
@@ -23519,48 +23520,46 @@ function OrderSidebar({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs("dl", { "data-slot": "order-sidebar-details", className: "space-y-4", children: [
-                  patientName && /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", children: [
-                    /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: "Patient" }),
-                    /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: patientName })
-                  ] }),
-                  employerName && /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", children: [
-                    /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: "Employer" }),
-                    /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: employerName })
-                  ] }),
-                  serviceName && /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", children: [
-                    /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: "Service" }),
-                    /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: serviceName })
-                  ] }),
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      "data-slot": "order-sidebar-detail",
-                      className: "grid grid-cols-2 gap-4",
-                      children: [
-                        /* @__PURE__ */ jsxs("div", { children: [
-                          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: "Created" }),
-                          /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: formatDate4(createdAt) })
-                        ] }),
-                        /* @__PURE__ */ jsxs("div", { children: [
-                          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: "Scheduled" }),
-                          /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: formatDate4(scheduledDate) })
-                        ] })
-                      ]
-                    }
-                  ),
-                  notes && /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", children: [
-                    /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: "Notes" }),
-                    /* @__PURE__ */ jsx(
-                      "dd",
-                      {
-                        "data-slot": "order-sidebar-notes",
-                        className: "text-muted-foreground mt-1 rounded-lg bg-gray-50 p-3 text-sm dark:bg-gray-800",
-                        children: notes
-                      }
-                    )
-                  ] })
-                ] }),
+                /* @__PURE__ */ jsxs(
+                  "dl",
+                  {
+                    "data-slot": "order-sidebar-details",
+                    className: "grid grid-cols-2 gap-4",
+                    children: [
+                      patientName && /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", className: "col-span-2", children: [
+                        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: "Patient" }),
+                        /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: patientName })
+                      ] }),
+                      employerName && /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", className: "col-span-2", children: [
+                        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: "Employer" }),
+                        /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: employerName })
+                      ] }),
+                      serviceName && /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", className: "col-span-2", children: [
+                        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: "Service" }),
+                        /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: serviceName })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", children: [
+                        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: "Created" }),
+                        /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: formatDate4(createdAt) })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", children: [
+                        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: "Scheduled" }),
+                        /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm text-gray-900 dark:text-white", children: formatDate4(scheduledDate) })
+                      ] }),
+                      notes && /* @__PURE__ */ jsxs("div", { "data-slot": "order-sidebar-detail", className: "col-span-2", children: [
+                        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground text-xs font-medium tracking-wide uppercase", children: "Notes" }),
+                        /* @__PURE__ */ jsx(
+                          "dd",
+                          {
+                            "data-slot": "order-sidebar-notes",
+                            className: "text-muted-foreground mt-1 rounded-lg bg-gray-50 p-3 text-sm dark:bg-gray-800",
+                            children: notes
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                ),
                 children && /* @__PURE__ */ jsx("div", { className: "mt-6", children })
               ]
             }
@@ -34877,7 +34876,7 @@ function SidebarNav({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx("nav", { "data-slot": "sidebar-nav", className: cn("space-y-1 px-2", className), children });
+  return /* @__PURE__ */ jsx("div", { "data-slot": "sidebar-nav", className: cn("space-y-1 px-2", className), children });
 }
 function SidebarNavGroup({
   label,