@mieweb/ui 0.7.1 → 0.7.2

package/dist/{chunk-LJ2ZWIX6.js → chunk-DWIF6VXZ.js}

@@ -20,6 +20,12 @@ var miewebUISafelist = [
   "hover:bg-primary-500/30",
   "hover:bg-success/25",
   "hover:text-destructive",
+  // MediaEditor media-surface height cap: the small-screen `dvh` cap, and the
+  // md variants that hand desktop back its original percentage cap. Purging
+  // these uncaps the player on a phone, which is the bug the cap exists for.
+  "max-h-[55dvh]",
+  "md:max-h-[50%]",
+  "md:max-h-none",
   "outline-destructive",
   "outline-primary-500",
   "outline-warning",
@@ -340,6 +346,44 @@ var miewebUISafelist = [
   "translate-x-4",
   "translate-x-5",
   "translate-x-7",
+  // RTL primitives batch: Badge/Input/Label icon+required markers, Text
+  // logical alignment, Switch thumb travel (LTR data-state pairs + rtl mirror)
+  "me-1",
+  "ms-0.5",
+  "ms-1",
+  "text-start",
+  "text-end",
+  "data-[state=checked]:translate-x-4",
+  "data-[state=checked]:translate-x-5",
+  "data-[state=checked]:translate-x-7",
+  "rtl:-translate-x-0.5",
+  "rtl:data-[state=checked]:-translate-x-4",
+  "rtl:data-[state=checked]:-translate-x-5",
+  "rtl:data-[state=checked]:-translate-x-7",
+  // RTL layout+nav batch: AppHeader alignment, Card accent/badge positions,
+  // Sheet sides, Sidebar off-canvas + paddings, Table cell alignment
+  "me-auto",
+  "ms-auto",
+  "-end-1",
+  "start-0",
+  "end-0",
+  "ps-4",
+  "start-2",
+  "end-2",
+  "border-e",
+  "border-s",
+  "me-3",
+  "ms-2",
+  "ps-2",
+  "-me-2",
+  "-end-3",
+  "start-3",
+  "pe-4",
+  "ps-10",
+  "rtl:translate-x-full",
+  "translate-x-0",
+  "-translate-x-full",
+  "[&:has([role=checkbox])]:pe-0",
   // SchedulePicker / overflow handling
   "overflow-x-auto",
   "overflow-hidden",
@@ -377,6 +421,31 @@ var miewebUISafelist = [
   "last:border-b-0",
   "border-dashed",
   "text-[11px]",
+  // CodeLookup memory picklist (frequently-used pick count)
+  "text-primary-600",
+  // CodeLookup coding-system toggle (segmented radiogroup pills)
+  "flex",
+  "flex-wrap",
+  "items-center",
+  "gap-1",
+  "rounded-full",
+  "px-2.5",
+  "py-0.5",
+  "text-xs",
+  "transition-colors",
+  "focus:ring-2",
+  "focus:outline-none",
+  "border-primary-800",
+  "dark:border-primary-400",
+  "dark:bg-primary-400",
+  "dark:text-primary-950",
+  "text-white",
+  "hover:text-foreground",
+  // CollabStatus debug panel (fixed-width portal, definition grid, log grid)
+  "w-[26rem]",
+  "max-w-[calc(100vw-1rem)]",
+  "grid-cols-[auto_1fr]",
+  "grid-cols-[auto_auto_1fr]",
   // SuperChat (participant chips, unread badge, active/hover states)
   "bg-primary-100",
   "bg-primary-600",
@@ -392,7 +461,59 @@ var miewebUISafelist = [
   // SuperChat mermaid diagram wrapper — arbitrary variants applied to the
   // injected <svg> so the diagram sizes naturally instead of collapsing.
   "[&_svg]:h-auto",
-  "[&_svg]:max-w-none"
+  "[&_svg]:max-w-none",
+  // AI pills — CollapsiblePill / MCPToolCall arbitrary utilities
+  "rounded-[8px]",
+  "rounded-[10px]",
+  "px-[11px]",
+  "max-h-0",
+  "max-h-[500px]",
+  "transition-[max-height,opacity]",
+  "overflow-y-auto",
+  "focus-visible:ring-ring",
+  "focus-visible:ring-offset-1",
+  // ThinkingBlock (violet reasoning pill)
+  "bg-violet-50",
+  "bg-violet-500",
+  "border-violet-200",
+  "text-violet-600",
+  "hover:bg-violet-100",
+  "focus-visible:ring-violet-500",
+  "animate-pulse",
+  "text-[13px]",
+  "dark:bg-violet-400",
+  "dark:bg-violet-950/30",
+  "dark:border-violet-700",
+  "dark:border-violet-800",
+  "dark:hover:bg-violet-950/50",
+  "dark:text-violet-400",
+  // MCPToolCall status pills (green success / red error kept the same)
+  "bg-green-50",
+  "border-green-200",
+  "text-green-700",
+  "dark:bg-green-900/20",
+  "dark:border-green-800",
+  "dark:text-green-300",
+  "bg-red-50",
+  "border-red-200",
+  "text-red-700",
+  "dark:bg-red-900/20",
+  "dark:border-red-800",
+  "dark:text-red-300",
+  "bg-neutral-100",
+  "border-neutral-200",
+  "text-neutral-600",
+  "text-neutral-400",
+  "dark:bg-neutral-800",
+  "dark:border-neutral-700",
+  "dark:text-neutral-400",
+  "bg-primary-50",
+  "border-primary-200",
+  "text-primary-800",
+  "dark:bg-primary-900/20",
+  "dark:border-primary-800",
+  "dark:text-primary-300",
+  "opacity-60"
 ];
 var miewebUIPreset = {
   darkMode: ["class", '[data-theme="dark"]'],
@@ -602,5 +723,5 @@ var miewebUIPreset = {
 var tailwind_preset_default = miewebUIPreset;
 
 export { miewebUIPreset, miewebUISafelist, tailwind_preset_default };
-//# sourceMappingURL=chunk-LJ2ZWIX6.js.map
-//# sourceMappingURL=chunk-LJ2ZWIX6.js.map
+//# sourceMappingURL=chunk-DWIF6VXZ.js.map
+//# sourceMappingURL=chunk-DWIF6VXZ.js.map

package/dist/chunk-DWIF6VXZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tailwind-preset.ts"],"names":[],"mappings":"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","file":"chunk-DWIF6VXZ.js","sourcesContent":["/**\n * @mieweb/ui Tailwind CSS Preset\n *\n * This preset provides the default theme configuration for @mieweb/ui components.\n * Consumers can extend or override these values in their own tailwind.config.js\n *\n * Usage:\n * ```js\n * // tailwind.config.js\n * module.exports = {\n *   presets: [require('@mieweb/ui/tailwind-preset')],\n *   theme: {\n *     extend: {\n *       colors: {\n *         primary: {\n *           500: '#your-brand-color',\n *         },\n *       },\n *     },\n *   },\n * };\n * ```\n */\n\n/**\n * Safelist of classes used by @mieweb/ui components.\n *\n * **Tailwind CSS 3**: These must be safelisted because Tailwind may not detect\n * them when components are imported from node_modules.\n *\n * **Tailwind CSS 4**: The safelist is NOT needed if you add the `@source`\n * directive to your CSS. Add this line to your main CSS file:\n *\n *   @source \"../node_modules/@mieweb/ui/dist\";\n *\n * This tells Tailwind 4 to scan @mieweb/ui's dist folder for class names,\n * replacing the need for a manual safelist.\n *\n * @deprecated For Tailwind CSS 4 users — use the `@source` directive instead.\n */\nexport const miewebUISafelist = [\n  // Media stack (MediaEditor / TranscriptView / MediaPlayer) — opacity-modifier\n  // and state variants introduced with the media components (ui#323 finding):\n  'bg-muted/20',\n  'bg-primary-50',\n  'bg-primary-500/20',\n  'bg-primary-500/40',\n  'bg-success/15',\n  'bg-warning/20',\n  'bg-warning/40',\n  'border-l-warning',\n  'border-primary-600',\n  'border-warning/50',\n  'dark:bg-primary-950',\n  'hover:bg-destructive/20',\n  'hover:bg-muted',\n  'hover:bg-muted/70',\n  'hover:bg-primary-500/15',\n  'hover:bg-primary-500/30',\n  'hover:bg-success/25',\n  'hover:text-destructive',\n  // MediaEditor media-surface height cap: the small-screen `dvh` cap, and the\n  // md variants that hand desktop back its original percentage cap. Purging\n  // these uncaps the player on a phone, which is the bug the cap exists for.\n  'max-h-[55dvh]',\n  'md:max-h-[50%]',\n  'md:max-h-none',\n  'outline-destructive',\n  'outline-primary-500',\n  'outline-warning',\n  'text-primary-500',\n  // Semantic colors\n  'border-border',\n  'border-input',\n  'ring-ring',\n  'bg-background',\n  'bg-card',\n  'bg-muted',\n  'bg-primary',\n  'bg-primary-800',\n  'dark:bg-primary-500',\n  'checked:border-primary-500',\n  'dark:checked:border-primary-800',\n  'bg-success',\n  'bg-warning',\n  'bg-destructive',\n  'bg-info',\n  // Ozwell brand accent (Hey Ozwell voice components)\n  'bg-ozwell',\n  'hover:bg-ozwell',\n  'active:bg-ozwell',\n  'text-ozwell',\n  'text-ozwell-foreground',\n  'border-ozwell',\n  'focus-visible:ring-ozwell',\n  'text-foreground',\n  'text-card-foreground',\n  'text-muted-foreground',\n  'text-primary',\n  'text-primary-foreground',\n  'text-success',\n  'text-success-foreground',\n  'text-warning',\n  'text-warning-foreground',\n  'text-destructive',\n  'text-destructive-foreground',\n  'text-info',\n  'text-info-foreground',\n  'focus:ring-ring',\n  'focus:ring-primary',\n  'focus:border-transparent',\n  'focus:ring-destructive',\n  'border-primary',\n  'border-destructive',\n  'border-success',\n  'focus:ring-success/20',\n  'focus:ring-destructive/20',\n  'opacity-0',\n  // Drag & drop (useDragReorder / dragIndicatorClasses)\n  'opacity-40',\n  'cursor-grab',\n  'active:cursor-grabbing',\n  'shadow-[inset_0_2px_0_0_var(--color-primary-500,#3b82f6)]',\n  'shadow-[inset_0_-2px_0_0_var(--color-primary-500,#3b82f6)]',\n  'group-hover:opacity-100',\n  'focus:opacity-100',\n  'has-[[data-slot=superchat-nitro-table]]:w-full',\n  'has-[[data-slot=superchat-nitro-table]]:max-w-full',\n  // RowActionToolbar (per-row action toolbars) reveal/overlay. These use the\n  // built-in `pointer-fine` variant, named `group/order` scope, and the\n  // `.wcdv-tr` (datavis grid row) arbitrary variant — none of which TW3\n  // consumers scan from node_modules, so the toolbar would stay hidden\n  // without safelisting them.\n  'pointer-fine:absolute',\n  'pointer-fine:top-1/2',\n  'pointer-fine:right-0',\n  'pointer-fine:-translate-y-1/2',\n  'pointer-fine:top-1.5',\n  'pointer-fine:right-1.5',\n  'pointer-fine:bg-card',\n  'pointer-fine:border-border',\n  'pointer-fine:rounded-md',\n  'pointer-fine:border',\n  'pointer-fine:p-0.5',\n  'pointer-fine:shadow-sm',\n  'pointer-fine:pointer-events-none',\n  'pointer-fine:opacity-0',\n  'rounded-md',\n  'border',\n  'p-0.5',\n  'shadow-sm',\n  'focus-within:pointer-events-auto',\n  'focus-within:opacity-100',\n  'group-hover:pointer-events-auto',\n  'group-focus-within:pointer-events-auto',\n  'group-focus-within:opacity-100',\n  'group-focus:pointer-events-auto',\n  'group-focus:opacity-100',\n  'group-hover/order:pointer-events-auto',\n  'group-hover/order:opacity-100',\n  'group-focus-within/order:pointer-events-auto',\n  'group-focus-within/order:opacity-100',\n  'group-focus/order:pointer-events-auto',\n  'group-focus/order:opacity-100',\n  '[.wcdv-tr:hover_&]:pointer-events-auto',\n  '[.wcdv-tr:hover_&]:opacity-100',\n  '[.wcdv-tr:focus-within_&]:pointer-events-auto',\n  '[.wcdv-tr:focus-within_&]:opacity-100',\n  // Markdown SurveyBlock\n  'accent-primary-500',\n  // Opacity-modifier variants for semantic colors used by components\n  'bg-background/60',\n  'bg-background/80',\n  'bg-background/90',\n  'bg-background/95',\n  'bg-card/80',\n  'bg-destructive/5',\n  'bg-destructive/10',\n  'bg-foreground/50',\n  'bg-info/10',\n  'bg-muted/10',\n  'bg-muted/30',\n  'bg-muted/50',\n  'bg-primary/5',\n  'bg-primary/10',\n  'bg-success/10',\n  'bg-warning/10',\n  'border-border/80',\n  'border-destructive/20',\n  'border-destructive/30',\n  'border-destructive/50',\n  'border-info/30',\n  'border-muted-foreground/25',\n  'border-muted-foreground/40',\n  'border-primary/30',\n  'border-primary/50',\n  'border-success/30',\n  'border-success/50',\n  'border-warning/30',\n  'hover:bg-destructive/10',\n  'hover:bg-muted/10',\n  'hover:bg-muted/20',\n  'hover:bg-muted/50',\n  'hover:bg-muted/80',\n  'hover:bg-primary/5',\n  'hover:bg-primary/10',\n  'hover:bg-primary/20',\n  'hover:bg-primary/90',\n  'hover:border-border/80',\n  'hover:border-muted-foreground/50',\n  'hover:text-destructive/80',\n  'hover:text-primary/80',\n  'text-muted-foreground/30',\n  'text-muted-foreground/40',\n  'text-muted-foreground/50',\n  'text-muted-foreground/60',\n  'text-muted-foreground/70',\n  'text-primary/80',\n  'text-primary-foreground/90',\n  'ring-primary',\n  'ring-2',\n  'ring-offset-2',\n  // Grid classes for QuickAction and responsive layouts\n  'grid-cols-1',\n  'grid-cols-2',\n  'grid-cols-3',\n  'grid-cols-4',\n  'grid-cols-6',\n  'sm:grid-cols-1',\n  'sm:grid-cols-2',\n  'sm:grid-cols-3',\n  'sm:grid-cols-4',\n  'sm:grid-cols-6',\n  'md:grid-cols-2',\n  'md:grid-cols-3',\n  'md:grid-cols-4',\n  'lg:grid-cols-2',\n  'lg:grid-cols-3',\n  'lg:grid-cols-4',\n  // ── Expanded Color Scales ────────────────────────────────────────\n  // Secondary scale\n  'bg-secondary',\n  'bg-secondary-50',\n  'bg-secondary-100',\n  'bg-secondary-500',\n  'bg-secondary-600',\n  'text-secondary',\n  'text-secondary-500',\n  'text-secondary-600',\n  'text-secondary-700',\n  'text-secondary-foreground',\n  'border-secondary',\n  'border-secondary-200',\n  // Neutral scale\n  'bg-neutral-50',\n  'bg-neutral-100',\n  'bg-neutral-200',\n  'bg-neutral-300',\n  'bg-neutral-800',\n  'bg-neutral-900',\n  'text-neutral-500',\n  'text-neutral-600',\n  'text-neutral-700',\n  'text-neutral-400',\n  'border-neutral-200',\n  'border-neutral-300',\n  'dark:bg-neutral-700',\n  'dark:bg-neutral-800',\n  'dark:text-neutral-300',\n  'dark:text-neutral-400',\n  'dark:border-neutral-600',\n  'dark:border-neutral-700',\n  // Indigo (StripeBadge)\n  'bg-indigo-500/10',\n  'dark:bg-indigo-400/20',\n  'text-indigo-700',\n  'dark:text-indigo-300',\n  'border-indigo-500/30',\n  'hover:text-indigo-700',\n  'dark:hover:text-indigo-300',\n  // Destructive scale\n  'bg-destructive-50',\n  'bg-destructive-100',\n  'bg-destructive-500',\n  'bg-destructive-600',\n  'bg-destructive-700',\n  'hover:bg-destructive-800',\n  'text-destructive-500',\n  'text-destructive-600',\n  'text-destructive-700',\n  'text-destructive-800',\n  'text-destructive-900',\n  'border-destructive-200',\n  'border-destructive-300',\n  'dark:bg-destructive-900',\n  'dark:bg-destructive-950',\n  'dark:text-destructive-300',\n  'dark:text-destructive-400',\n  // Success scale\n  'bg-success-50',\n  'bg-success-100',\n  'bg-success-500',\n  'bg-success-600',\n  'bg-success-700',\n  'hover:bg-success-800',\n  'text-success-500',\n  'text-success-600',\n  'text-success-700',\n  'text-success-800',\n  'text-success-900',\n  'border-success-200',\n  'border-success-300',\n  'dark:bg-success-900',\n  'dark:bg-success-950',\n  'dark:text-success-300',\n  'dark:text-success-400',\n  // Warning scale\n  'bg-warning-50',\n  'bg-warning-100',\n  'bg-warning-500',\n  'bg-warning-600',\n  'bg-warning-700',\n  'text-warning-900',\n  'text-warning-500',\n  'text-warning-600',\n  'text-warning-700',\n  'text-warning-800',\n  'text-warning-900',\n  'border-warning-200',\n  'border-warning-300',\n  'dark:bg-warning-900',\n  'dark:bg-warning-950',\n  'dark:text-warning-300',\n  'dark:text-warning-400',\n  // Info scale\n  'bg-info-50',\n  'bg-info-100',\n  'bg-info-500',\n  'bg-info-600',\n  'text-info-500',\n  'text-info-600',\n  'text-info-700',\n  'text-info-800',\n  'text-info-900',\n  'border-info-200',\n  'border-info-300',\n  'dark:bg-info-900',\n  'dark:bg-info-950',\n  'dark:text-info-300',\n  'dark:text-info-400',\n  // Chart colors\n  'bg-chart-1',\n  'bg-chart-2',\n  'bg-chart-3',\n  'bg-chart-4',\n  'bg-chart-5',\n  'text-chart-1',\n  'text-chart-2',\n  'text-chart-3',\n  'text-chart-4',\n  'text-chart-5',\n  'border-chart-1',\n  'border-chart-2',\n  'border-chart-3',\n  'border-chart-4',\n  'border-chart-5',\n  // Switch component\n  'bg-primary-500',\n  // Primary scale (a11y contrast)\n  'text-primary-800',\n  'dark:text-primary-300',\n  // Text decoration\n  'underline',\n  'h-5',\n  'w-9',\n  'h-6',\n  'w-11',\n  'h-7',\n  'w-14',\n  'h-4',\n  'w-4',\n  'w-5',\n  'w-6',\n  'translate-x-0.5',\n  'translate-x-4',\n  'translate-x-5',\n  'translate-x-7',\n  // RTL primitives batch: Badge/Input/Label icon+required markers, Text\n  // logical alignment, Switch thumb travel (LTR data-state pairs + rtl mirror)\n  'me-1',\n  'ms-0.5',\n  'ms-1',\n  'text-start',\n  'text-end',\n  'data-[state=checked]:translate-x-4',\n  'data-[state=checked]:translate-x-5',\n  'data-[state=checked]:translate-x-7',\n  'rtl:-translate-x-0.5',\n  'rtl:data-[state=checked]:-translate-x-4',\n  'rtl:data-[state=checked]:-translate-x-5',\n  'rtl:data-[state=checked]:-translate-x-7',\n  // RTL layout+nav batch: AppHeader alignment, Card accent/badge positions,\n  // Sheet sides, Sidebar off-canvas + paddings, Table cell alignment\n  'me-auto',\n  'ms-auto',\n  '-end-1',\n  'start-0',\n  'end-0',\n  'ps-4',\n  'start-2',\n  'end-2',\n  'border-e',\n  'border-s',\n  'me-3',\n  'ms-2',\n  'ps-2',\n  '-me-2',\n  '-end-3',\n  'start-3',\n  'pe-4',\n  'ps-10',\n  'rtl:translate-x-full',\n  'translate-x-0',\n  '-translate-x-full',\n  '[&:has([role=checkbox])]:pe-0',\n  // SchedulePicker / overflow handling\n  'overflow-x-auto',\n  'overflow-hidden',\n  // Scrollable floating panels (DateInput calendar, Autocomplete, Select, Table, ScrollArea, …)\n  'overflow-auto',\n  // Select component\n  'truncate',\n  // AIReconciliationPanel\n  'ring-primary-200',\n  'dark:ring-primary-900',\n  'border-primary-300',\n  'dark:border-primary-700',\n  'bg-primary-50/60',\n  'dark:bg-primary-950/30',\n  'text-primary-700',\n  'dark:text-primary-400',\n  'border-border/60',\n  'bg-muted/40',\n  'bg-muted/60',\n  'divide-border',\n  'max-h-[60vh]',\n  'bg-success-100',\n  'dark:bg-success-900/30',\n  'bg-amber-100',\n  'bg-amber-200',\n  'text-amber-700',\n  'text-amber-800',\n  'text-amber-200',\n  'text-amber-300',\n  'dark:bg-amber-900/30',\n  'dark:bg-amber-900/40',\n  'dark:text-amber-200',\n  'dark:text-amber-300',\n  'ring-1',\n  'last:border-b-0',\n  'border-dashed',\n  'text-[11px]',\n  // CodeLookup memory picklist (frequently-used pick count)\n  'text-primary-600',\n  // CodeLookup coding-system toggle (segmented radiogroup pills)\n  'flex',\n  'flex-wrap',\n  'items-center',\n  'gap-1',\n  'rounded-full',\n  'px-2.5',\n  'py-0.5',\n  'text-xs',\n  'transition-colors',\n  'focus:ring-2',\n  'focus:outline-none',\n  'border-primary-800',\n  'dark:border-primary-400',\n  'dark:bg-primary-400',\n  'dark:text-primary-950',\n  'text-white',\n  'hover:text-foreground',\n  // CollabStatus debug panel (fixed-width portal, definition grid, log grid)\n  'w-[26rem]',\n  'max-w-[calc(100vw-1rem)]',\n  'grid-cols-[auto_1fr]',\n  'grid-cols-[auto_auto_1fr]',\n  // SuperChat (participant chips, unread badge, active/hover states)\n  'bg-primary-100',\n  'bg-primary-600',\n  'hover:bg-primary-700',\n  'dark:bg-primary-900/40',\n  'text-primary-900',\n  'dark:text-primary-100',\n  'dark:text-primary-200',\n  'hover:border-primary-300',\n  'focus:border-primary-500',\n  'focus:ring-primary-500',\n  'text-[10px]',\n  // SuperChat mermaid diagram wrapper — arbitrary variants applied to the\n  // injected <svg> so the diagram sizes naturally instead of collapsing.\n  '[&_svg]:h-auto',\n  '[&_svg]:max-w-none',\n  // AI pills — CollapsiblePill / MCPToolCall arbitrary utilities\n  'rounded-[8px]',\n  'rounded-[10px]',\n  'px-[11px]',\n  'max-h-0',\n  'max-h-[500px]',\n  'transition-[max-height,opacity]',\n  'overflow-y-auto',\n  'focus-visible:ring-ring',\n  'focus-visible:ring-offset-1',\n  // ThinkingBlock (violet reasoning pill)\n  'bg-violet-50',\n  'bg-violet-500',\n  'border-violet-200',\n  'text-violet-600',\n  'hover:bg-violet-100',\n  'focus-visible:ring-violet-500',\n  'animate-pulse',\n  'text-[13px]',\n  'dark:bg-violet-400',\n  'dark:bg-violet-950/30',\n  'dark:border-violet-700',\n  'dark:border-violet-800',\n  'dark:hover:bg-violet-950/50',\n  'dark:text-violet-400',\n  // MCPToolCall status pills (green success / red error kept the same)\n  'bg-green-50',\n  'border-green-200',\n  'text-green-700',\n  'dark:bg-green-900/20',\n  'dark:border-green-800',\n  'dark:text-green-300',\n  'bg-red-50',\n  'border-red-200',\n  'text-red-700',\n  'dark:bg-red-900/20',\n  'dark:border-red-800',\n  'dark:text-red-300',\n  'bg-neutral-100',\n  'border-neutral-200',\n  'text-neutral-600',\n  'text-neutral-400',\n  'dark:bg-neutral-800',\n  'dark:border-neutral-700',\n  'dark:text-neutral-400',\n  'bg-primary-50',\n  'border-primary-200',\n  'text-primary-800',\n  'dark:bg-primary-900/20',\n  'dark:border-primary-800',\n  'dark:text-primary-300',\n  'opacity-60',\n];\n\nexport interface MiewebUIPreset {\n  darkMode: ['class', '[data-theme=\"dark\"]'];\n  safelist: string[];\n  theme: {\n    extend: Record<string, unknown>;\n  };\n}\n\nexport const miewebUIPreset: MiewebUIPreset = {\n  darkMode: ['class', '[data-theme=\"dark\"]'],\n  safelist: miewebUISafelist,\n  theme: {\n    extend: {\n      colors: {\n        // Primary color scale - easily overridable by consumers\n        primary: {\n          DEFAULT: 'var(--mieweb-primary, var(--mieweb-primary-500, #27aae1))',\n          50: 'var(--mieweb-primary-50, #e6f7fc)',\n          100: 'var(--mieweb-primary-100, #b3e6f6)',\n          200: 'var(--mieweb-primary-200, #80d5f0)',\n          300: 'var(--mieweb-primary-300, #4dc4ea)',\n          400: 'var(--mieweb-primary-400, #27aae1)',\n          500: 'var(--mieweb-primary-500, #27aae1)',\n          600: 'var(--mieweb-primary-600, #1f98ca)',\n          700: 'var(--mieweb-primary-700, #1786b3)',\n          800: 'var(--mieweb-primary-800, #0f749c)',\n          900: 'var(--mieweb-primary-900, #086285)',\n          950: 'var(--mieweb-primary-950, #00506e)',\n          foreground: 'var(--mieweb-primary-foreground, hsl(210 40% 98%))',\n        },\n        // Ozwell brand accent (the \"Hey Ozwell\" octopus blue) — distinct from the host app primary.\n        ozwell: {\n          DEFAULT: 'var(--mieweb-ozwell, #0BA0E0)',\n          foreground: 'var(--mieweb-ozwell-foreground, hsl(0 0% 100%))',\n        },\n        // Secondary color scale\n        secondary: {\n          DEFAULT: 'var(--mieweb-secondary-500, #6366f1)',\n          50: 'var(--mieweb-secondary-50, #eef2ff)',\n          100: 'var(--mieweb-secondary-100, #e0e7ff)',\n          200: 'var(--mieweb-secondary-200, #c7d2fe)',\n          300: 'var(--mieweb-secondary-300, #a5b4fc)',\n          400: 'var(--mieweb-secondary-400, #818cf8)',\n          500: 'var(--mieweb-secondary-500, #6366f1)',\n          600: 'var(--mieweb-secondary-600, #4f46e5)',\n          700: 'var(--mieweb-secondary-700, #4338ca)',\n          800: 'var(--mieweb-secondary-800, #3730a3)',\n          900: 'var(--mieweb-secondary-900, #312e81)',\n          950: 'var(--mieweb-secondary-950, #1e1b4b)',\n          foreground: 'var(--mieweb-secondary-foreground, #ffffff)',\n        },\n        // Neutral / gray scale\n        neutral: {\n          DEFAULT: 'var(--mieweb-neutral-500, #737373)',\n          50: 'var(--mieweb-neutral-50, #fafafa)',\n          100: 'var(--mieweb-neutral-100, #f5f5f5)',\n          200: 'var(--mieweb-neutral-200, #e5e5e5)',\n          300: 'var(--mieweb-neutral-300, #d4d4d4)',\n          400: 'var(--mieweb-neutral-400, #a3a3a3)',\n          500: 'var(--mieweb-neutral-500, #737373)',\n          600: 'var(--mieweb-neutral-600, #525252)',\n          700: 'var(--mieweb-neutral-700, #404040)',\n          800: 'var(--mieweb-neutral-800, #262626)',\n          900: 'var(--mieweb-neutral-900, #171717)',\n          950: 'var(--mieweb-neutral-950, #0a0a0a)',\n        },\n        // Semantic colors using CSS variables for theming\n        border: 'var(--mieweb-border, hsl(214.3 31.8% 91.4%))',\n        input: 'var(--mieweb-input, hsl(214.3 31.8% 91.4%))',\n        ring: 'var(--mieweb-ring, hsl(221.2 83.2% 53.3%))',\n        background: 'var(--mieweb-background, hsl(0 0% 100%))',\n        foreground: 'var(--mieweb-foreground, hsl(222.2 84% 4.9%))',\n        // Component-specific semantic colors\n        card: {\n          DEFAULT: 'var(--mieweb-card, hsl(0 0% 100%))',\n          foreground: 'var(--mieweb-card-foreground, hsl(222.2 84% 4.9%))',\n        },\n        muted: {\n          DEFAULT: 'var(--mieweb-muted, hsl(210 40% 96.1%))',\n          foreground: 'var(--mieweb-muted-foreground, hsl(215.4 16.3% 46.9%))',\n        },\n        // Destructive / error scale\n        destructive: {\n          DEFAULT:\n            'var(--mieweb-destructive, var(--mieweb-destructive-500, #dc2626))',\n          50: 'var(--mieweb-destructive-50, #fef2f2)',\n          100: 'var(--mieweb-destructive-100, #fee2e2)',\n          200: 'var(--mieweb-destructive-200, #fecaca)',\n          300: 'var(--mieweb-destructive-300, #fca5a5)',\n          400: 'var(--mieweb-destructive-400, #f87171)',\n          500: 'var(--mieweb-destructive-500, #dc2626)',\n          600: 'var(--mieweb-destructive-600, #dc2626)',\n          700: 'var(--mieweb-destructive-700, #b91c1c)',\n          800: 'var(--mieweb-destructive-800, #991b1b)',\n          900: 'var(--mieweb-destructive-900, #7f1d1d)',\n          950: 'var(--mieweb-destructive-950, #450a0a)',\n          foreground: 'var(--mieweb-destructive-foreground, hsl(210 40% 98%))',\n        },\n        // Success scale\n        success: {\n          DEFAULT: 'var(--mieweb-success-500, #22c55e)',\n          50: 'var(--mieweb-success-50, #f0fdf4)',\n          100: 'var(--mieweb-success-100, #dcfce7)',\n          200: 'var(--mieweb-success-200, #bbf7d0)',\n          300: 'var(--mieweb-success-300, #86efac)',\n          400: 'var(--mieweb-success-400, #4ade80)',\n          500: 'var(--mieweb-success-500, #22c55e)',\n          600: 'var(--mieweb-success-600, #16a34a)',\n          700: 'var(--mieweb-success-700, #15803d)',\n          800: 'var(--mieweb-success-800, #166534)',\n          900: 'var(--mieweb-success-900, #14532d)',\n          950: 'var(--mieweb-success-950, #052e16)',\n          foreground: 'var(--mieweb-success-foreground, hsl(355.7 100% 97.3%))',\n        },\n        // Warning scale\n        warning: {\n          DEFAULT: 'var(--mieweb-warning-500, #f59e0b)',\n          50: 'var(--mieweb-warning-50, #fffbeb)',\n          100: 'var(--mieweb-warning-100, #fef3c7)',\n          200: 'var(--mieweb-warning-200, #fde68a)',\n          300: 'var(--mieweb-warning-300, #fcd34d)',\n          400: 'var(--mieweb-warning-400, #fbbf24)',\n          500: 'var(--mieweb-warning-500, #f59e0b)',\n          600: 'var(--mieweb-warning-600, #d97706)',\n          700: 'var(--mieweb-warning-700, #b45309)',\n          800: 'var(--mieweb-warning-800, #92400e)',\n          900: 'var(--mieweb-warning-900, #78350f)',\n          950: 'var(--mieweb-warning-950, #451a03)',\n          foreground: 'var(--mieweb-warning-foreground, hsl(26 83.3% 14.1%))',\n        },\n        // Info scale\n        info: {\n          DEFAULT: 'var(--mieweb-info-500, #0ea5e9)',\n          50: 'var(--mieweb-info-50, #f0f9ff)',\n          100: 'var(--mieweb-info-100, #e0f2fe)',\n          200: 'var(--mieweb-info-200, #bae6fd)',\n          300: 'var(--mieweb-info-300, #7dd3fc)',\n          400: 'var(--mieweb-info-400, #38bdf8)',\n          500: 'var(--mieweb-info-500, #0ea5e9)',\n          600: 'var(--mieweb-info-600, #0284c7)',\n          700: 'var(--mieweb-info-700, #0369a1)',\n          800: 'var(--mieweb-info-800, #075985)',\n          900: 'var(--mieweb-info-900, #0c4a6e)',\n          950: 'var(--mieweb-info-950, #082f49)',\n          foreground: 'var(--mieweb-info-foreground, #ffffff)',\n        },\n        // Chart / data visualization\n        chart: {\n          1: 'var(--mieweb-chart-1, #27aae1)',\n          2: 'var(--mieweb-chart-2, #22c55e)',\n          3: 'var(--mieweb-chart-3, #f59e0b)',\n          4: 'var(--mieweb-chart-4, #ef4444)',\n          5: 'var(--mieweb-chart-5, #6366f1)',\n        },\n      },\n      fontFamily: {\n        sans: [\n          'var(--mieweb-font-sans, ui-sans-serif)',\n          'system-ui',\n          'sans-serif',\n        ],\n      },\n      borderRadius: {\n        '2xl': 'var(--mieweb-radius-2xl, 1rem)',\n        lg: 'var(--mieweb-radius-lg, 0.75rem)',\n        md: 'var(--mieweb-radius-md, 0.5rem)',\n        sm: 'var(--mieweb-radius-sm, 0.25rem)',\n        xl: 'var(--mieweb-radius-xl, 1rem)',\n      },\n      boxShadow: {\n        card: 'var(--mieweb-shadow-card, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1))',\n      },\n      keyframes: {\n        'fade-in': {\n          '0%': { opacity: '0' },\n          '100%': { opacity: '1' },\n        },\n        'fade-out': {\n          '0%': { opacity: '1' },\n          '100%': { opacity: '0' },\n        },\n        'slide-in-from-top': {\n          '0%': { transform: 'translateY(-0.5rem)', opacity: '0' },\n          '100%': { transform: 'translateY(0)', opacity: '1' },\n        },\n        'slide-in-from-bottom': {\n          '0%': { transform: 'translateY(0.5rem)', opacity: '0' },\n          '100%': { transform: 'translateY(0)', opacity: '1' },\n        },\n        'slide-in-right': {\n          '0%': { transform: 'translateX(100%)', opacity: '0' },\n          '100%': { transform: 'translateX(0)', opacity: '1' },\n        },\n        'slide-in-left': {\n          '0%': { transform: 'translateX(-100%)', opacity: '0' },\n          '100%': { transform: 'translateX(0)', opacity: '1' },\n        },\n        'scale-in': {\n          '0%': { transform: 'scale(0.95)', opacity: '0' },\n          '100%': { transform: 'scale(1)', opacity: '1' },\n        },\n      },\n      animation: {\n        'fade-in': 'fade-in 150ms ease-out',\n        'fade-out': 'fade-out 150ms ease-in',\n        'slide-in-from-top': 'slide-in-from-top 150ms ease-out',\n        'slide-in-from-bottom': 'slide-in-from-bottom 150ms ease-out',\n        'slide-in-right': 'slide-in-right 300ms ease-out',\n        'slide-in-left': 'slide-in-left 300ms ease-out',\n        'scale-in': 'scale-in 150ms ease-out',\n      },\n    },\n  },\n};\n\nexport default miewebUIPreset;\n"]}

package/dist/{chunk-IHTRKWBG.js → chunk-EGWWTIWS.js}

@@ -1,10 +1,10 @@
-import { Input } from './chunk-PVUDXJAI.js';
-import { useAnchoredPosition } from './chunk-QA6ZDHFP.js';
+import { Input } from './chunk-YXCE2HSK.js';
+import { useAnchoredPosition } from './chunk-BOOJDRJO.js';
 import { formatDateValue, parseDateValue, isValidDate, isDateInFuture, isDateInPast, calculateAge } from './chunk-RC2YMOMS.js';
-import { cn } from './chunk-F3SOEIN2.js';
+import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
-import { Calendar } from 'lucide-react';
+import { Clock, Calendar } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var widthClasses = {
@@ -64,17 +64,23 @@ function parsePickerDate(value, inputType) {
   const [month, day, year] = value.split("/").map(Number);
   return { month: month - 1, year, day };
 }
+function formatTimeDisplay(time, timeFormat) {
+  const [hour, minute] = time.split(":").map(Number);
+  if (timeFormat === "12-hour") {
+    const displayHour = hour % 12 || 12;
+    const meridiem = hour >= 12 ? "PM" : "AM";
+    return `${displayHour}:${String(minute).padStart(2, "0")} ${meridiem}`;
+  }
+  return time;
+}
 function formatPickerValue(value, inputType, timeFormat) {
   if (inputType === "datetime-local") {
     const match = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}:\d{2})$/.exec(value);
     if (!match) return "";
-    if (timeFormat === "12-hour") {
-      const [hour, minute] = match[4].split(":").map(Number);
-      const displayHour = hour % 12 || 12;
-      const meridiem = hour >= 12 ? "PM" : "AM";
-      return `${match[2]}/${match[3]}/${match[1]} ${displayHour}:${String(minute).padStart(2, "0")} ${meridiem}`;
-    }
-    return `${match[2]}/${match[3]}/${match[1]} ${match[4]}`;
+    return `${match[2]}/${match[3]}/${match[1]} ${formatTimeDisplay(match[4], timeFormat)}`;
+  }
+  if (inputType === "time") {
+    return /^\d{2}:\d{2}$/.test(value) ? formatTimeDisplay(value, timeFormat) : "";
   }
   if (inputType === "month") {
     const date = parsePickerDate(value, inputType);
@@ -139,6 +145,7 @@ var DateInput = React.forwardRef(
     value = "",
     onChange,
     inputType = "date",
+    minuteStep = 1,
     timeFormat = "24-hour",
     mode = "default",
     minAge,
@@ -207,9 +214,25 @@ var DateInput = React.forwardRef(
     }, [displayValue, inputType]);
     const [calendarMonth, setCalendarMonth] = React.useState(parsedDate.month);
     const [calendarYear, setCalendarYear] = React.useState(parsedDate.year);
-    const [selectedTime, setSelectedTime] = React.useState(
-      () => inputType === "datetime-local" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}$/.test(value) ? value.slice(-5) : "00:00"
-    );
+    const [selectedTime, setSelectedTime] = React.useState(() => {
+      if (inputType === "time" && /^\d{2}:\d{2}$/.test(value)) {
+        return value;
+      }
+      return inputType === "datetime-local" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}$/.test(value) ? value.slice(-5) : "00:00";
+    });
+    const minuteOptions = React.useMemo(() => {
+      const step = Math.min(Math.max(Math.floor(minuteStep), 1), 60);
+      const minutes = Array.from(
+        { length: Math.ceil(60 / step) },
+        (_, index) => index * step
+      );
+      const currentMinute = Number(selectedTime.slice(3));
+      if (!minutes.includes(currentMinute)) {
+        minutes.push(currentMinute);
+        minutes.sort((a, b) => a - b);
+      }
+      return minutes.map((minute) => String(minute).padStart(2, "0"));
+    }, [minuteStep, selectedTime]);
     const minimumDate = React.useMemo(
       () => minDate ? parseDateValue(minDate) : null,
       [minDate]
@@ -256,6 +279,12 @@ var DateInput = React.forwardRef(
     const canGoToPreviousCalendar = inputType === "month" ? !minimumDate || calendarYear > minimumDate.getFullYear() : isCalendarMonthInRange(previousCalendarMonth, previousCalendarYear);
     const canGoToNextCalendar = inputType === "month" ? !maximumDate || calendarYear < maximumDate.getFullYear() : isCalendarMonthInRange(nextCalendarMonth, nextCalendarYear);
     React.useEffect(() => {
+      if (inputType === "time") {
+        if (/^\d{2}:\d{2}$/.test(displayValue)) {
+          setSelectedTime(displayValue);
+        }
+        return;
+      }
       const date = parsePickerDate(displayValue, inputType);
       if (!date) return;
       setCalendarMonth(date.month);
@@ -344,6 +373,11 @@ var DateInput = React.forwardRef(
       const [hour, minute] = selectedTime.split(":");
       const nextTime = part === "hour" ? `${nextValue}:${minute}` : `${hour}:${nextValue}`;
       setSelectedTime(nextTime);
+      if (inputType === "time") {
+        setDisplayValue(nextTime);
+        onChange?.(nextTime);
+        return;
+      }
       if (parsedDate.day === null) return;
       const month = String(parsedDate.month + 1).padStart(2, "0");
       const day = String(parsedDate.day).padStart(2, "0");
@@ -385,13 +419,14 @@ var DateInput = React.forwardRef(
           ref: calendarRef,
           className: cn(
             "bg-background border-border rounded-lg border shadow-lg",
-            "w-72 overflow-auto p-3"
+            "overflow-auto p-3",
+            inputType === "time" ? "w-fit" : "w-72"
           ),
           style: calendarStyle,
           role: "dialog",
-          "aria-label": inputType === "month" ? "Choose month" : inputType === "datetime-local" ? "Choose date and time" : "Choose date",
+          "aria-label": inputType === "month" ? "Choose month" : inputType === "time" ? "Choose time" : inputType === "datetime-local" ? "Choose date and time" : "Choose date",
           children: [
-            /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
+            inputType !== "time" && /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
               /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -457,7 +492,7 @@ var DateInput = React.forwardRef(
                 }
               )
             ] }),
-            inputType === "month" ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-1", children: MONTH_NAMES.map((name, month) => /* @__PURE__ */ jsx(
+            inputType === "time" ? null : inputType === "month" ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-1", children: MONTH_NAMES.map((name, month) => /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
@@ -500,58 +535,67 @@ var DateInput = React.forwardRef(
                 index
               )) })
             ] }),
-            inputType === "datetime-local" && /* @__PURE__ */ jsxs("div", { className: "border-border mt-3 flex items-center gap-2 border-t pt-3", children: [
-              /* @__PURE__ */ jsx(
-                "select",
-                {
-                  value: timeFormat === "12-hour" ? String(
-                    Number(selectedTime.slice(0, 2)) % 12 || 12
-                  ).padStart(2, "0") : selectedTime.slice(0, 2),
-                  onChange: (event) => {
-                    const hour = Number(event.target.value);
-                    const isPm = Number(selectedTime.slice(0, 2)) >= 12;
-                    handleTimeChange(
-                      "hour",
-                      String(
-                        timeFormat === "12-hour" ? hour % 12 + (isPm ? 12 : 0) : hour
-                      ).padStart(2, "0")
-                    );
-                  },
-                  className: "bg-background border-border rounded border px-2 py-1 text-sm",
-                  "aria-label": "Select hour",
-                  children: Array.from(
-                    { length: timeFormat === "12-hour" ? 12 : 24 },
-                    (_, index) => timeFormat === "12-hour" ? index + 1 : index
-                  ).map((hour) => /* @__PURE__ */ jsx("option", { value: String(hour).padStart(2, "0"), children: String(hour).padStart(2, "0") }, hour))
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: ":" }),
-              /* @__PURE__ */ jsx(
-                "select",
-                {
-                  value: selectedTime.slice(3),
-                  onChange: (event) => handleTimeChange("minute", event.target.value),
-                  className: "bg-background border-border rounded border px-2 py-1 text-sm",
-                  "aria-label": "Select minute",
-                  children: Array.from({ length: 60 }, (_, minute) => /* @__PURE__ */ jsx("option", { value: String(minute).padStart(2, "0"), children: String(minute).padStart(2, "0") }, minute))
-                }
-              ),
-              timeFormat === "12-hour" && /* @__PURE__ */ jsxs(
-                "select",
-                {
-                  value: Number(selectedTime.slice(0, 2)) >= 12 ? "PM" : "AM",
-                  onChange: (event) => handleMeridiemChange(event.target.value),
-                  className: "bg-background border-border rounded border px-2 py-1 text-sm",
-                  "aria-label": "Select AM or PM",
-                  children: [
-                    /* @__PURE__ */ jsx("option", { value: "AM", children: "AM" }),
-                    /* @__PURE__ */ jsx("option", { value: "PM", children: "PM" })
-                  ]
-                }
-              )
-            ] }),
+            (inputType === "datetime-local" || inputType === "time") && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex items-center gap-2",
+                  inputType === "datetime-local" && "border-border mt-3 border-t pt-3"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "select",
+                    {
+                      value: timeFormat === "12-hour" ? String(
+                        Number(selectedTime.slice(0, 2)) % 12 || 12
+                      ).padStart(2, "0") : selectedTime.slice(0, 2),
+                      onChange: (event) => {
+                        const hour = Number(event.target.value);
+                        const isPm = Number(selectedTime.slice(0, 2)) >= 12;
+                        handleTimeChange(
+                          "hour",
+                          String(
+                            timeFormat === "12-hour" ? hour % 12 + (isPm ? 12 : 0) : hour
+                          ).padStart(2, "0")
+                        );
+                      },
+                      className: "bg-background border-border rounded border px-2 py-1 text-sm",
+                      "aria-label": "Select hour",
+                      children: Array.from(
+                        { length: timeFormat === "12-hour" ? 12 : 24 },
+                        (_, index) => timeFormat === "12-hour" ? index + 1 : index
+                      ).map((hour) => /* @__PURE__ */ jsx("option", { value: String(hour).padStart(2, "0"), children: String(hour).padStart(2, "0") }, hour))
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: ":" }),
+                  /* @__PURE__ */ jsx(
+                    "select",
+                    {
+                      value: selectedTime.slice(3),
+                      onChange: (event) => handleTimeChange("minute", event.target.value),
+                      className: "bg-background border-border rounded border px-2 py-1 text-sm",
+                      "aria-label": "Select minute",
+                      children: minuteOptions.map((minute) => /* @__PURE__ */ jsx("option", { value: minute, children: minute }, minute))
+                    }
+                  ),
+                  timeFormat === "12-hour" && /* @__PURE__ */ jsxs(
+                    "select",
+                    {
+                      value: Number(selectedTime.slice(0, 2)) >= 12 ? "PM" : "AM",
+                      onChange: (event) => handleMeridiemChange(event.target.value),
+                      className: "bg-background border-border rounded border px-2 py-1 text-sm",
+                      "aria-label": "Select AM or PM",
+                      children: [
+                        /* @__PURE__ */ jsx("option", { value: "AM", children: "AM" }),
+                        /* @__PURE__ */ jsx("option", { value: "PM", children: "PM" })
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
             /* @__PURE__ */ jsxs("div", { className: "border-border mt-3 flex gap-2 border-t pt-3", children: [
-              /* @__PURE__ */ jsx(
+              inputType !== "time" && /* @__PURE__ */ jsx(
                 "button",
                 {
                   type: "button",
@@ -573,7 +617,7 @@ var DateInput = React.forwardRef(
                   children: "Today"
                 }
               ),
-              inputType === "datetime-local" && /* @__PURE__ */ jsx(
+              (inputType === "datetime-local" || inputType === "time") && /* @__PURE__ */ jsx(
                 "button",
                 {
                   type: "button",
@@ -648,7 +692,7 @@ var DateInput = React.forwardRef(
               type: "text",
               inputMode: inputType === "date" ? "numeric" : void 0,
               autoComplete,
-              placeholder: inputType === "month" ? "Select month" : inputType === "datetime-local" ? "Select date and time" : placeholder,
+              placeholder: inputType === "month" ? "Select month" : inputType === "time" ? "Select time" : inputType === "datetime-local" ? "Select date and time" : placeholder,
               value: formatPickerValue(displayValue, inputType, timeFormat),
               onChange: handleChange,
               onBlur: inputType === "date" ? handleBlur : onBlur,
@@ -687,10 +731,10 @@ var DateInput = React.forwardRef(
                 "focus:text-foreground focus:outline-none",
                 "transition-colors"
               ),
-              "aria-label": "Open calendar",
+              "aria-label": inputType === "time" ? "Open time picker" : "Open calendar",
               "aria-expanded": isCalendarOpen,
               "aria-haspopup": "dialog",
-              children: /* @__PURE__ */ jsx(Calendar, { size: 18 })
+              children: inputType === "time" ? /* @__PURE__ */ jsx(Clock, { size: 18 }) : /* @__PURE__ */ jsx(Calendar, { size: 18 })
             }
           )
         ] }),
@@ -764,5 +808,5 @@ function ChevronRightIcon() {
 }
 
 export { DateInput };
-//# sourceMappingURL=chunk-IHTRKWBG.js.map
-//# sourceMappingURL=chunk-IHTRKWBG.js.map
+//# sourceMappingURL=chunk-EGWWTIWS.js.map
+//# sourceMappingURL=chunk-EGWWTIWS.js.map