@devalok/shilp-sutra 0.48.0 → 0.49.1

package/dist/composed/command-palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"command-palette.js","names":[],"sources":["../../src/composed/command-palette.tsx"],"sourcesContent":["'use client'\n\n/**\n * CommandPalette -- Keyboard-driven command palette (Ctrl+K / Cmd+K).\n *\n * Adapted from Karm V2. Uses ui/Dialog as the overlay.\n * All V1 color tokens replaced with semantic design-system tokens.\n */\nimport { IconArrowDown,IconArrowUp, IconCornerDownLeft, IconSearch } from '@tabler/icons-react'\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../motion/motion-provider'\nimport {\n  Dialog,\n  DialogContentRaw,\n  DialogDescription,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n} from '../ui/dialog'\nimport { Icon } from '../ui/icon'\nimport { IconProvider } from '../ui/icon-context'\nimport type { IconInput } from '../ui/lib/icon-input'\nimport { springs,tweens } from '../ui/lib/motion'\nimport { normalizeIcon } from '../ui/lib/normalize-icon'\nimport { cn } from '../ui/lib/utils'\nimport { VisuallyHidden } from '../ui/visually-hidden'\n\n// -----------------------------------------------------------------------\n// Types\n// -----------------------------------------------------------------------\n\nexport interface CommandItem {\n  id: string\n  /** Display label — string or ReactNode. When ReactNode, provide `filterValue` for search filtering. */\n  label: string | React.ReactNode\n  /** Optional description — string or ReactNode. */\n  description?: string | React.ReactNode\n  icon?: IconInput\n  /** Keyboard shortcut hint displayed as keycap badges (e.g., \"G D\", \"Ctrl+N\"). */\n  shortcut?: string\n  /** Custom render override for the label. Receives the current search query for match highlighting. */\n  renderLabel?: (query: string) => React.ReactNode\n  /** Plain-text value used for search filtering when `label` is a ReactNode. Falls back to `label` if string. */\n  filterValue?: string\n  onSelect: () => void\n}\n\nexport interface CommandGroup {\n  label: string\n  items: CommandItem[]\n}\n\n/** A single keyboard hint shown in the footer. */\nexport interface FooterHint {\n  /** Key(s) to display — rendered as text inside `<kbd>` or as an icon. */\n  keys: string\n  /** Human-readable label for the hint (e.g., \"Navigate\", \"Select\"). */\n  label: string\n}\n\n/**\n * A searchable command palette with keyboard navigation (Ctrl+K / Cmd+K).\n * Supports grouped items, custom keybindings, controlled/uncontrolled open state,\n * and custom empty states.\n */\nexport interface CommandPaletteProps extends React.ComponentPropsWithoutRef<'div'> {\n  /** Item groups displayed in the palette. Each group has a label and an array of CommandItems. */\n  groups?: CommandGroup[]\n  /** Placeholder text for the search input. */\n  placeholder?: string\n  /** Called on every search input change with the current query string. */\n  onSearch?: (query: string) => void\n  /** Simple text shown when no results match. Overridden by `emptyState` if provided. */\n  emptyMessage?: string\n  /** Full custom empty state ReactNode — overrides `emptyMessage` when provided. */\n  emptyState?: React.ReactNode\n  // -- Controlled/uncontrolled open state (P1 #4) --\n  /** Controlled open state. */\n  open?: boolean\n  /** Default open state for uncontrolled usage. */\n  defaultOpen?: boolean\n  /** Called when the open state changes. */\n  onOpenChange?: (open: boolean) => void\n  // -- Keyboard shortcut customization (P1 #6) --\n  /** Keybinding(s) to toggle the palette. Pass `false` to disable.\n   *  String format: modifier+key, e.g., 'mod+k', 'ctrl+shift+p'.\n   *  'mod' maps to Meta on macOS, Ctrl otherwise. */\n  keybinding?: string | string[] | false\n  // -- Configurable max-height (P2 #8) --\n  /** Max height of the results container. CSS value. Default '320px'. */\n  maxHeight?: string | number\n  // -- Custom footer hints (P2 #11) --\n  /** Custom footer keyboard hints. Pass `false` to hide the footer entirely. */\n  footerHints?: FooterHint[] | false\n}\n\n// -----------------------------------------------------------------------\n// Helpers\n// -----------------------------------------------------------------------\n\nimport { getIsMac, getModifierDisplay,matchesKeybinding } from '../ui/lib/keybinding'\n\n/** Get the text-searchable value from a CommandItem. */\nfunction getFilterValue(item: CommandItem): string {\n  if (item.filterValue) return item.filterValue\n  if (typeof item.label === 'string') return item.label\n  return ''\n}\n\n/** Get the text-searchable description from a CommandItem. */\nfunction getFilterDescription(item: CommandItem): string {\n  if (typeof item.description === 'string') return item.description\n  return ''\n}\n\n/** Parse a shortcut string like \"G D\" or \"Ctrl+N\" into individual keycap segments. */\nfunction parseShortcutKeys(shortcut: string): string[] {\n  // If it has \"+\" separator (Ctrl+Shift+N style), split on +\n  if (shortcut.includes('+')) {\n    return shortcut.split('+').map(s => s.trim()).filter(Boolean)\n  }\n  // Otherwise split on spaces (G D style)\n  return shortcut.split(/\\s+/).filter(Boolean)\n}\n\n// -----------------------------------------------------------------------\n// CommandPalette\n// -----------------------------------------------------------------------\n\nconst CommandPalette = React.forwardRef<HTMLDivElement, CommandPaletteProps>(\n  function CommandPalette(\n    {\n      groups = [],\n      placeholder = 'Search or jump to...',\n      onSearch,\n      emptyMessage = 'No results found.',\n      emptyState,\n      open: openProp,\n      defaultOpen,\n      onOpenChange,\n      keybinding = 'mod+k',\n      maxHeight = '320px',\n      footerHints,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n  // -- Controlled/uncontrolled open state --\n  const isControlled = openProp !== undefined\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? false)\n  const open = isControlled ? openProp : internalOpen\n\n  // Use a ref for the current open value to avoid stale closures in setOpen\n  const openRef = React.useRef(open)\n  openRef.current = open\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean | ((prev: boolean) => boolean)) => {\n      const resolved = typeof nextOpen === 'function' ? nextOpen(openRef.current) : nextOpen\n      if (!isControlled) {\n        setInternalOpen(resolved)\n      }\n      onOpenChange?.(resolved)\n    },\n    [isControlled, onOpenChange],\n  )\n\n  const [query, setQuery] = React.useState('')\n  const [activeIndex, setActiveIndex] = React.useState(0)\n  const inputRef = React.useRef<HTMLInputElement>(null)\n  const listRef = React.useRef<HTMLDivElement>(null)\n  const instanceId = React.useId()\n  const listboxId = `command-palette-listbox-${instanceId}`\n\n  // -- Reduced motion (P2 #12) --\n  const { reducedMotion: isReduced } = useMotion()\n  const noMotionTransition = { duration: 0 }\n\n  // -- Platform detection (P2 #13) --\n  const isMac = React.useMemo(() => getIsMac(), [])\n\n  // Filter groups based on query\n  const filteredGroups = React.useMemo(() => {\n    if (!query.trim()) return groups\n    const q = query.toLowerCase()\n    return groups\n      .map((group) => ({\n        ...group,\n        items: group.items.filter(\n          (item) =>\n            getFilterValue(item).toLowerCase().includes(q) ||\n            getFilterDescription(item).toLowerCase().includes(q),\n        ),\n      }))\n      .filter((group) => group.items.length > 0)\n  }, [groups, query])\n\n  const filteredItems = React.useMemo(\n    () => filteredGroups.flatMap((g) => g.items),\n    [filteredGroups],\n  )\n\n  // Global keyboard shortcut\n  React.useEffect(() => {\n    if (keybinding === false) return\n\n    const bindings = Array.isArray(keybinding) ? keybinding : [keybinding]\n\n    function handleKeyDown(e: KeyboardEvent) {\n      for (const binding of bindings) {\n        if (matchesKeybinding(e, binding)) {\n          e.preventDefault()\n          setOpen((prev) => !prev)\n          return\n        }\n      }\n    }\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [keybinding, setOpen])\n\n  // Reset state when opening\n  React.useEffect(() => {\n    if (open) {\n      setQuery('')\n      setActiveIndex(0)\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    }\n  }, [open])\n\n  // Keyboard navigation inside the palette\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    switch (e.key) {\n      case 'ArrowDown': {\n        e.preventDefault()\n        setActiveIndex((prev) =>\n          prev < filteredItems.length - 1 ? prev + 1 : 0,\n        )\n        break\n      }\n      case 'ArrowUp': {\n        e.preventDefault()\n        setActiveIndex((prev) =>\n          prev > 0 ? prev - 1 : filteredItems.length - 1,\n        )\n        break\n      }\n      case 'Enter': {\n        e.preventDefault()\n        const item = filteredItems[activeIndex]\n        if (item) {\n          item.onSelect()\n          setOpen(false)\n        }\n        break\n      }\n      case 'Escape': {\n        e.preventDefault()\n        setOpen(false)\n        break\n      }\n    }\n  }\n\n  // Scroll active item into view\n  React.useEffect(() => {\n    const activeEl = listRef.current?.querySelector(\n      `[data-command-index=\"${activeIndex}\"]`,\n    )\n    activeEl?.scrollIntoView({ block: 'nearest' })\n  }, [activeIndex])\n\n  const handleQueryChange = (value: string) => {\n    setQuery(value)\n    setActiveIndex(0)\n    onSearch?.(value)\n  }\n\n  // Build a map of item id -> flat index for keyboard navigation\n  const itemIndexMap = React.useMemo(() => {\n    const map = new Map<string, number>()\n    let idx = 0\n    for (const group of filteredGroups) {\n      for (const item of group.items) {\n        map.set(item.id, idx++)\n      }\n    }\n    return map\n  }, [filteredGroups])\n\n  // -- Resolve motion transitions --\n  const springSnappy = isReduced ? noMotionTransition : springs.snappy\n  const tweenFade = isReduced ? noMotionTransition : tweens.fade\n  const noInit = isReduced ? { opacity: 1, scale: 1, y: 0 } : undefined\n\n  // -- Resolve max height CSS value --\n  const maxHeightValue = typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight\n\n  // -- Resolve footer hints --\n  const resolvedFooterHints: FooterHint[] | false =\n    footerHints === false\n      ? false\n      : footerHints ?? [\n          { keys: '↑↓', label: 'Navigate' },\n          { keys: '↵', label: 'Select' },\n          { keys: 'Esc', label: 'Close' },\n        ]\n\n  // Handle dialog open change (from Dialog's own close mechanisms)\n  const handleDialogOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      setOpen(nextOpen)\n    },\n    [setOpen],\n  )\n\n  return (\n    <Dialog open={open} onOpenChange={handleDialogOpenChange}>\n      <DialogPortal>\n        <DialogOverlay\n          className=\"fixed inset-0 z-overlay bg-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\"\n        />\n        <DialogContentRaw\n          ref={ref}\n          {...props}\n          className={cn(\n            'fixed left-1/2 top-[20%] z-modal w-full max-w-[560px] -translate-x-1/2',\n            'overflow-hidden rounded-overlay-lg bg-surface-overlay shadow-overlay',\n            'duration-moderate-02 data-[state=open]:animate-in data-[state=closed]:animate-out',\n            'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n            'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n            'data-[state=closed]:slide-out-to-left-1/2 data-[state=open]:slide-in-from-left-1/2',\n            'data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2',\n            className,\n          )}\n          onKeyDown={handleKeyDown}\n        >\n          <VisuallyHidden>\n            <DialogTitle>Command Palette</DialogTitle>\n            <DialogDescription>\n              Search or jump to pages, projects, tasks, and actions\n            </DialogDescription>\n          </VisuallyHidden>\n\n          {/* Search input */}\n          <div className=\"flex items-center gap-ds-04 border-b border-surface-border-strong px-ds-05 py-ds-04\">\n            <motion.span\n              initial={noInit ?? { opacity: 0, scale: 0.96 }}\n              animate={{ opacity: 1, scale: 1 }}\n              transition={springSnappy}\n              className=\"inline-flex shrink-0\"\n            >\n              <Icon icon={IconSearch} size=\"sm\" stroke=\"light\" className=\"text-surface-fg-subtle\" />\n            </motion.span>\n            <input\n              ref={inputRef}\n              value={query}\n              onChange={(e) => handleQueryChange(e.target.value)}\n              placeholder={placeholder}\n              role=\"combobox\"\n              aria-expanded={true}\n              aria-controls={listboxId}\n              aria-activedescendant={filteredItems[activeIndex] ? `command-item-${instanceId}-${filteredItems[activeIndex].id}` : undefined}\n              aria-autocomplete=\"list\"\n              className={cn(\n                'flex-1 bg-transparent text-ds-base text-surface-fg outline-hidden',\n                'placeholder:text-surface-fg-subtle',\n              )}\n              autoComplete=\"off\"\n              autoCorrect=\"off\"\n              spellCheck={false}\n            />\n            <kbd className=\"hidden shrink-0 select-none rounded-control border border-surface-border-strong bg-surface-raised px-ds-02b py-ds-01 text-ds-sm font-medium text-surface-fg-subtle shadow-kbd sm:inline-flex\">\n              Esc\n            </kbd>\n          </div>\n\n          {/* Results */}\n          <div\n            ref={listRef}\n            id={listboxId}\n            role=\"listbox\"\n            aria-label=\"Command results\"\n            className=\"overflow-y-auto px-ds-03 py-ds-03\"\n            style={{ maxHeight: maxHeightValue }}\n          >\n            {filteredGroups.length === 0 && (\n              <motion.div\n                initial={noInit ?? { opacity: 0 }}\n                animate={{ opacity: 1 }}\n                transition={tweenFade}\n                className=\"flex items-center justify-center py-ds-07\"\n              >\n                {emptyState ?? (\n                  <p className=\"text-ds-md text-surface-fg-subtle\">\n                    {emptyMessage}\n                  </p>\n                )}\n              </motion.div>\n            )}\n\n            {filteredGroups.map((group, groupIdx) => (\n              <motion.div\n                key={group.label}\n                initial={noInit ?? { opacity: 0 }}\n                animate={{ opacity: 1 }}\n                transition={isReduced ? noMotionTransition : { ...tweens.fade, delay: groupIdx * 0.06 }}\n                className=\"mb-ds-02\"\n              >\n                <div className=\"px-ds-03 pb-ds-02 pt-ds-03\">\n                  <span className=\"text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle\">\n                    {group.label}\n                  </span>\n                </div>\n\n                {group.items.map((item) => {\n                  const itemIndex = itemIndexMap.get(item.id) ?? 0\n                  const isActive = itemIndex === activeIndex\n                  return (\n                    <motion.button\n                      key={item.id}\n                      id={`command-item-${instanceId}-${item.id}`}\n                      type=\"button\"\n                      role=\"option\"\n                      aria-selected={isActive}\n                      data-command-index={itemIndex}\n                      initial={noInit ?? { opacity: 0, y: 4 }}\n                      animate={{ opacity: 1, y: 0 }}\n                      transition={isReduced ? noMotionTransition : { ...springs.snappy, delay: itemIndex * 0.03 }}\n                      onClick={() => {\n                        item.onSelect()\n                        setOpen(false)\n                      }}\n                      onMouseEnter={() => setActiveIndex(itemIndex)}\n                      className={cn(\n                        'flex w-full items-center gap-ds-04 rounded-surface px-ds-03 py-ds-03 text-left transition-[color,background-color] duration-fast-02 ease-productive-standard',\n                        isActive\n                          ? 'bg-surface-raised-hover text-surface-fg'\n                          : 'text-surface-fg-muted hover:bg-surface-raised',\n                      )}\n                    >\n                      {item.icon && (\n                        <span\n                          className={cn(\n                            '[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0 transition-colors duration-fast-02 ease-productive-standard',\n                            isActive ? 'text-accent-11' : 'text-surface-fg-subtle',\n                          )}\n                          aria-hidden=\"true\"\n                        >\n                          <IconProvider size=\"sm\">{normalizeIcon(item.icon)}</IconProvider>\n                        </span>\n                      )}\n                      <div className=\"flex min-w-0 flex-1 flex-col\">\n                        <span className=\"truncate text-ds-md\">\n                          {item.renderLabel ? item.renderLabel(query) : item.label}\n                        </span>\n                        {item.description && (\n                          <span className=\"line-clamp-1 text-ds-sm text-surface-fg-subtle\">\n                            {item.description}\n                          </span>\n                        )}\n                      </div>\n                      {item.shortcut && (\n                        <span className=\"flex shrink-0 items-center gap-ds-01\">\n                          {parseShortcutKeys(item.shortcut).map((key, i) => (\n                            <kbd\n                              key={i}\n                              className={cn(\n                                'inline-flex min-w-[20px] items-center justify-center rounded border px-ds-02b py-ds-01 text-ds-xs font-medium shadow-kbd transition-colors duration-fast-02 ease-productive-standard',\n                                isActive\n                                  ? 'bg-accent-2 text-accent-11 border-accent-6'\n                                  : 'bg-surface-raised text-surface-fg-subtle border-surface-border-strong',\n                              )}\n                            >\n                              {key === 'Ctrl' || key === 'ctrl' ? getModifierDisplay(isMac) : key}\n                            </kbd>\n                          ))}\n                        </span>\n                      )}\n                      <AnimatePresence>\n                        {isActive && (\n                          <motion.span\n                            initial={isReduced ? undefined : { opacity: 0 }}\n                            animate={{ opacity: 1 }}\n                            exit={isReduced ? undefined : { opacity: 0 }}\n                            transition={tweenFade}\n                            className=\"inline-flex shrink-0\"\n                          >\n                            <Icon icon={IconCornerDownLeft} size=\"sm\" stroke=\"light\" className=\"text-surface-fg-subtle\" />\n                          </motion.span>\n                        )}\n                      </AnimatePresence>\n                    </motion.button>\n                  )\n                })}\n              </motion.div>\n            ))}\n          </div>\n\n          {/* Footer with keyboard hints */}\n          {resolvedFooterHints !== false && (\n            <motion.div\n              initial={noInit ?? { opacity: 0 }}\n              animate={{ opacity: 1 }}\n              transition={tweenFade}\n              className=\"flex items-center gap-ds-05 border-t border-surface-border-strong px-ds-05 py-ds-03\"\n            >\n              {resolvedFooterHints.map((hint, i) => (\n                <div key={i} className=\"flex items-center gap-ds-02b\">\n                  {hint.keys === '↑↓' ? (\n                    <div className=\"flex items-center gap-ds-01\">\n                      <kbd className=\"inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-raised shadow-kbd\">\n                        <Icon icon={IconArrowUp} size=\"xs\" className=\"text-surface-fg-subtle\" />\n                      </kbd>\n                      <kbd className=\"inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-raised shadow-kbd\">\n                        <Icon icon={IconArrowDown} size=\"xs\" className=\"text-surface-fg-subtle\" />\n                      </kbd>\n                    </div>\n                  ) : hint.keys === '↵' ? (\n                    <kbd className=\"inline-flex h-[20px] items-center justify-center rounded-control border border-surface-border-strong bg-surface-raised px-ds-02b shadow-kbd\">\n                      <Icon icon={IconCornerDownLeft} size=\"xs\" className=\"text-surface-fg-subtle\" />\n                    </kbd>\n                  ) : (\n                    <kbd className=\"inline-flex h-[20px] items-center justify-center rounded-control border border-surface-border-strong bg-surface-raised px-ds-02b text-ds-xs font-medium text-surface-fg-subtle shadow-kbd\">\n                      {hint.keys}\n                    </kbd>\n                  )}\n                  <span className=\"text-ds-xs text-surface-fg-subtle\">\n                    {hint.label}\n                  </span>\n                </div>\n              ))}\n            </motion.div>\n          )}\n        </DialogContentRaw>\n      </DialogPortal>\n    </Dialog>\n  )\n  },\n)\n\nCommandPalette.displayName = 'CommandPalette'\n\nexport { CommandPalette }\n"],"mappings":"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"}
+{"version":3,"file":"command-palette.js","names":[],"sources":["../../src/composed/command-palette.tsx"],"sourcesContent":["'use client'\n\n/**\n * CommandPalette -- Keyboard-driven command palette (Ctrl+K / Cmd+K).\n *\n * Adapted from Karm V2. Uses ui/Dialog as the overlay.\n * All V1 color tokens replaced with semantic design-system tokens.\n */\nimport { IconArrowDown,IconArrowUp, IconCornerDownLeft, IconSearch } from '@tabler/icons-react'\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../motion/motion-provider'\nimport {\n  Dialog,\n  DialogContentRaw,\n  DialogDescription,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n} from '../ui/dialog'\nimport { Icon } from '../ui/icon'\nimport { IconProvider } from '../ui/icon-context'\nimport type { IconInput } from '../ui/lib/icon-input'\nimport { springs,tweens } from '../ui/lib/motion'\nimport { normalizeIcon } from '../ui/lib/normalize-icon'\nimport { cn } from '../ui/lib/utils'\nimport { VisuallyHidden } from '../ui/visually-hidden'\n\n// -----------------------------------------------------------------------\n// Types\n// -----------------------------------------------------------------------\n\nexport interface CommandItem {\n  id: string\n  /** Display label — string or ReactNode. When ReactNode, provide `filterValue` for search filtering. */\n  label: string | React.ReactNode\n  /** Optional description — string or ReactNode. */\n  description?: string | React.ReactNode\n  icon?: IconInput\n  /** Keyboard shortcut hint displayed as keycap badges (e.g., \"G D\", \"Ctrl+N\"). */\n  shortcut?: string\n  /** Custom render override for the label. Receives the current search query for match highlighting. */\n  renderLabel?: (query: string) => React.ReactNode\n  /** Plain-text value used for search filtering when `label` is a ReactNode. Falls back to `label` if string. */\n  filterValue?: string\n  onSelect: () => void\n}\n\nexport interface CommandGroup {\n  label: string\n  items: CommandItem[]\n}\n\n/** A single keyboard hint shown in the footer. */\nexport interface FooterHint {\n  /** Key(s) to display — rendered as text inside `<kbd>` or as an icon. */\n  keys: string\n  /** Human-readable label for the hint (e.g., \"Navigate\", \"Select\"). */\n  label: string\n}\n\n/**\n * A searchable command palette with keyboard navigation (Ctrl+K / Cmd+K).\n * Supports grouped items, custom keybindings, controlled/uncontrolled open state,\n * and custom empty states.\n */\nexport interface CommandPaletteProps extends React.ComponentPropsWithoutRef<'div'> {\n  /** Item groups displayed in the palette. Each group has a label and an array of CommandItems. */\n  groups?: CommandGroup[]\n  /** Placeholder text for the search input. */\n  placeholder?: string\n  /** Called on every search input change with the current query string. */\n  onSearch?: (query: string) => void\n  /** Simple text shown when no results match. Overridden by `emptyState` if provided. */\n  emptyMessage?: string\n  /** Full custom empty state ReactNode — overrides `emptyMessage` when provided. */\n  emptyState?: React.ReactNode\n  // -- Controlled/uncontrolled open state (P1 #4) --\n  /** Controlled open state. */\n  open?: boolean\n  /** Default open state for uncontrolled usage. */\n  defaultOpen?: boolean\n  /** Called when the open state changes. */\n  onOpenChange?: (open: boolean) => void\n  // -- Keyboard shortcut customization (P1 #6) --\n  /** Keybinding(s) to toggle the palette. Pass `false` to disable.\n   *  String format: modifier+key, e.g., 'mod+k', 'ctrl+shift+p'.\n   *  'mod' maps to Meta on macOS, Ctrl otherwise. */\n  keybinding?: string | string[] | false\n  // -- Configurable max-height (P2 #8) --\n  /** Max height of the results container. CSS value. Default '320px'. */\n  maxHeight?: string | number\n  // -- Custom footer hints (P2 #11) --\n  /** Custom footer keyboard hints. Pass `false` to hide the footer entirely. */\n  footerHints?: FooterHint[] | false\n}\n\n// -----------------------------------------------------------------------\n// Helpers\n// -----------------------------------------------------------------------\n\nimport { getIsMac, getModifierDisplay,matchesKeybinding } from '../ui/lib/keybinding'\n\n/** Get the text-searchable value from a CommandItem. */\nfunction getFilterValue(item: CommandItem): string {\n  if (item.filterValue) return item.filterValue\n  if (typeof item.label === 'string') return item.label\n  return ''\n}\n\n/** Get the text-searchable description from a CommandItem. */\nfunction getFilterDescription(item: CommandItem): string {\n  if (typeof item.description === 'string') return item.description\n  return ''\n}\n\n/** Parse a shortcut string like \"G D\" or \"Ctrl+N\" into individual keycap segments. */\nfunction parseShortcutKeys(shortcut: string): string[] {\n  // If it has \"+\" separator (Ctrl+Shift+N style), split on +\n  if (shortcut.includes('+')) {\n    return shortcut.split('+').map(s => s.trim()).filter(Boolean)\n  }\n  // Otherwise split on spaces (G D style)\n  return shortcut.split(/\\s+/).filter(Boolean)\n}\n\n// -----------------------------------------------------------------------\n// CommandPalette\n// -----------------------------------------------------------------------\n\nconst CommandPalette = React.forwardRef<HTMLDivElement, CommandPaletteProps>(\n  function CommandPalette(\n    {\n      groups = [],\n      placeholder = 'Search or jump to...',\n      onSearch,\n      emptyMessage = 'No results found.',\n      emptyState,\n      open: openProp,\n      defaultOpen,\n      onOpenChange,\n      keybinding = 'mod+k',\n      maxHeight = '320px',\n      footerHints,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n  // -- Controlled/uncontrolled open state --\n  const isControlled = openProp !== undefined\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? false)\n  const open = isControlled ? openProp : internalOpen\n\n  // Use a ref for the current open value to avoid stale closures in setOpen\n  const openRef = React.useRef(open)\n  openRef.current = open\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean | ((prev: boolean) => boolean)) => {\n      const resolved = typeof nextOpen === 'function' ? nextOpen(openRef.current) : nextOpen\n      if (!isControlled) {\n        setInternalOpen(resolved)\n      }\n      onOpenChange?.(resolved)\n    },\n    [isControlled, onOpenChange],\n  )\n\n  const [query, setQuery] = React.useState('')\n  const [activeIndex, setActiveIndex] = React.useState(0)\n  const inputRef = React.useRef<HTMLInputElement>(null)\n  const listRef = React.useRef<HTMLDivElement>(null)\n  const instanceId = React.useId()\n  const listboxId = `command-palette-listbox-${instanceId}`\n\n  // -- Reduced motion (P2 #12) --\n  const { reducedMotion: isReduced } = useMotion()\n  const noMotionTransition = { duration: 0 }\n\n  // -- Platform detection (P2 #13) --\n  const isMac = React.useMemo(() => getIsMac(), [])\n\n  // Filter groups based on query\n  const filteredGroups = React.useMemo(() => {\n    if (!query.trim()) return groups\n    const q = query.toLowerCase()\n    return groups\n      .map((group) => ({\n        ...group,\n        items: group.items.filter(\n          (item) =>\n            getFilterValue(item).toLowerCase().includes(q) ||\n            getFilterDescription(item).toLowerCase().includes(q),\n        ),\n      }))\n      .filter((group) => group.items.length > 0)\n  }, [groups, query])\n\n  const filteredItems = React.useMemo(\n    () => filteredGroups.flatMap((g) => g.items),\n    [filteredGroups],\n  )\n\n  // Global keyboard shortcut\n  React.useEffect(() => {\n    if (keybinding === false) return\n\n    const bindings = Array.isArray(keybinding) ? keybinding : [keybinding]\n\n    function handleKeyDown(e: KeyboardEvent) {\n      for (const binding of bindings) {\n        if (matchesKeybinding(e, binding)) {\n          e.preventDefault()\n          setOpen((prev) => !prev)\n          return\n        }\n      }\n    }\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [keybinding, setOpen])\n\n  // Reset state when opening\n  React.useEffect(() => {\n    if (open) {\n      setQuery('')\n      setActiveIndex(0)\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    }\n  }, [open])\n\n  // Keyboard navigation inside the palette\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    switch (e.key) {\n      case 'ArrowDown': {\n        e.preventDefault()\n        setActiveIndex((prev) =>\n          prev < filteredItems.length - 1 ? prev + 1 : 0,\n        )\n        break\n      }\n      case 'ArrowUp': {\n        e.preventDefault()\n        setActiveIndex((prev) =>\n          prev > 0 ? prev - 1 : filteredItems.length - 1,\n        )\n        break\n      }\n      case 'Enter': {\n        e.preventDefault()\n        const item = filteredItems[activeIndex]\n        if (item) {\n          item.onSelect()\n          setOpen(false)\n        }\n        break\n      }\n      case 'Escape': {\n        e.preventDefault()\n        setOpen(false)\n        break\n      }\n    }\n  }\n\n  // Scroll active item into view\n  React.useEffect(() => {\n    const activeEl = listRef.current?.querySelector(\n      `[data-command-index=\"${activeIndex}\"]`,\n    )\n    activeEl?.scrollIntoView({ block: 'nearest' })\n  }, [activeIndex])\n\n  const handleQueryChange = (value: string) => {\n    setQuery(value)\n    setActiveIndex(0)\n    onSearch?.(value)\n  }\n\n  // Build a map of item id -> flat index for keyboard navigation\n  const itemIndexMap = React.useMemo(() => {\n    const map = new Map<string, number>()\n    let idx = 0\n    for (const group of filteredGroups) {\n      for (const item of group.items) {\n        map.set(item.id, idx++)\n      }\n    }\n    return map\n  }, [filteredGroups])\n\n  // -- Resolve motion transitions --\n  const springSnappy = isReduced ? noMotionTransition : springs.snappy\n  const tweenFade = isReduced ? noMotionTransition : tweens.fade\n  const noInit = isReduced ? { opacity: 1, scale: 1, y: 0 } : undefined\n\n  // -- Resolve max height CSS value --\n  const maxHeightValue = typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight\n\n  // -- Resolve footer hints --\n  const resolvedFooterHints: FooterHint[] | false =\n    footerHints === false\n      ? false\n      : footerHints ?? [\n          { keys: '↑↓', label: 'Navigate' },\n          { keys: '↵', label: 'Select' },\n          { keys: 'Esc', label: 'Close' },\n        ]\n\n  // Handle dialog open change (from Dialog's own close mechanisms)\n  const handleDialogOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      setOpen(nextOpen)\n    },\n    [setOpen],\n  )\n\n  return (\n    <Dialog open={open} onOpenChange={handleDialogOpenChange}>\n      <DialogPortal>\n        <DialogOverlay\n          className=\"fixed inset-0 z-overlay bg-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\"\n        />\n        <DialogContentRaw\n          ref={ref}\n          {...props}\n          className={cn(\n            'fixed left-1/2 top-[20%] z-modal w-full max-w-[560px] -translate-x-1/2',\n            'overflow-hidden rounded-overlay-lg bg-surface-overlay shadow-overlay',\n            'duration-moderate-02 data-[state=open]:animate-in data-[state=closed]:animate-out',\n            'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n            'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n            'data-[state=closed]:slide-out-to-left-1/2 data-[state=open]:slide-in-from-left-1/2',\n            'data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2',\n            className,\n          )}\n          onKeyDown={handleKeyDown}\n        >\n          <VisuallyHidden>\n            <DialogTitle>Command Palette</DialogTitle>\n            <DialogDescription>\n              Search or jump to pages, projects, tasks, and actions\n            </DialogDescription>\n          </VisuallyHidden>\n\n          {/* Search input */}\n          <div className=\"flex items-center gap-ds-04 border-b border-surface-border-strong px-ds-05 py-ds-04\">\n            <motion.span\n              initial={noInit ?? { opacity: 0, scale: 0.96 }}\n              animate={{ opacity: 1, scale: 1 }}\n              transition={springSnappy}\n              className=\"inline-flex shrink-0\"\n            >\n              <Icon icon={IconSearch} size=\"sm\" stroke=\"light\" className=\"text-surface-fg-subtle\" />\n            </motion.span>\n            <input\n              ref={inputRef}\n              value={query}\n              onChange={(e) => handleQueryChange(e.target.value)}\n              placeholder={placeholder}\n              role=\"combobox\"\n              aria-expanded={true}\n              aria-controls={listboxId}\n              aria-activedescendant={filteredItems[activeIndex] ? `command-item-${instanceId}-${filteredItems[activeIndex].id}` : undefined}\n              aria-autocomplete=\"list\"\n              className={cn(\n                'flex-1 bg-transparent text-ds-base text-surface-fg outline-hidden',\n                'placeholder:text-surface-fg-subtle',\n              )}\n              autoComplete=\"off\"\n              autoCorrect=\"off\"\n              spellCheck={false}\n            />\n            <kbd className=\"hidden shrink-0 select-none rounded-control border border-surface-border-strong bg-surface-raised px-ds-02b py-ds-01 text-ds-sm font-medium text-surface-fg-subtle shadow-kbd sm:inline-flex\">\n              Esc\n            </kbd>\n          </div>\n\n          {/* Results */}\n          <div\n            ref={listRef}\n            id={listboxId}\n            role=\"listbox\"\n            aria-label=\"Command results\"\n            className=\"overflow-y-auto px-ds-03 py-ds-03\"\n            style={{ maxHeight: maxHeightValue }}\n          >\n            {filteredGroups.length === 0 && (\n              <motion.div\n                initial={noInit ?? { opacity: 0 }}\n                animate={{ opacity: 1 }}\n                transition={tweenFade}\n                className=\"flex items-center justify-center py-ds-07\"\n              >\n                {emptyState ?? (\n                  <p className=\"text-ds-md text-surface-fg-subtle\">\n                    {emptyMessage}\n                  </p>\n                )}\n              </motion.div>\n            )}\n\n            {filteredGroups.map((group, groupIdx) => (\n              <motion.div\n                key={group.label}\n                initial={noInit ?? { opacity: 0 }}\n                animate={{ opacity: 1 }}\n                transition={isReduced ? noMotionTransition : { ...tweens.fade, delay: groupIdx * 0.06 }}\n                className=\"mb-ds-02\"\n              >\n                <div className=\"px-ds-03 pb-ds-02 pt-ds-03\">\n                  <span className=\"text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle\">\n                    {group.label}\n                  </span>\n                </div>\n\n                {group.items.map((item) => {\n                  const itemIndex = itemIndexMap.get(item.id) ?? 0\n                  const isActive = itemIndex === activeIndex\n                  return (\n                    <motion.button\n                      key={item.id}\n                      id={`command-item-${instanceId}-${item.id}`}\n                      type=\"button\"\n                      role=\"option\"\n                      aria-selected={isActive}\n                      data-command-index={itemIndex}\n                      initial={noInit ?? { opacity: 0, y: 4 }}\n                      animate={{ opacity: 1, y: 0 }}\n                      transition={isReduced ? noMotionTransition : { ...springs.snappy, delay: itemIndex * 0.03 }}\n                      onClick={() => {\n                        item.onSelect()\n                        setOpen(false)\n                      }}\n                      onMouseEnter={() => setActiveIndex(itemIndex)}\n                      className={cn(\n                        'flex w-full items-center gap-ds-04 rounded-surface px-ds-03 py-ds-03 text-left transition-[color,background-color] duration-fast-02 ease-productive-standard',\n                        isActive\n                          ? 'bg-surface-raised-hover text-surface-fg'\n                          : 'text-surface-fg-muted hover:bg-surface-raised',\n                      )}\n                    >\n                      {item.icon && (\n                        <span\n                          className={cn(\n                            '[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0 transition-colors duration-fast-02 ease-productive-standard',\n                            isActive ? 'text-accent-11' : 'text-surface-fg-subtle',\n                          )}\n                          aria-hidden=\"true\"\n                        >\n                          <IconProvider size=\"sm\">{normalizeIcon(item.icon)}</IconProvider>\n                        </span>\n                      )}\n                      <div className=\"flex min-w-0 flex-1 flex-col\">\n                        <span className=\"truncate text-ds-md\">\n                          {item.renderLabel ? item.renderLabel(query) : item.label}\n                        </span>\n                        {item.description && (\n                          <span className=\"line-clamp-1 text-ds-sm text-surface-fg-subtle\">\n                            {item.description}\n                          </span>\n                        )}\n                      </div>\n                      {item.shortcut && (\n                        <span className=\"flex shrink-0 items-center gap-ds-01\">\n                          {parseShortcutKeys(item.shortcut).map((key, i) => (\n                            <kbd\n                              key={i}\n                              className={cn(\n                                'inline-flex min-w-ds-05b items-center justify-center rounded border px-ds-02b py-ds-01 text-ds-xs font-medium shadow-kbd transition-colors duration-fast-02 ease-productive-standard',\n                                isActive\n                                  ? 'bg-accent-2 text-accent-11 border-accent-6'\n                                  : 'bg-surface-raised text-surface-fg-subtle border-surface-border-strong',\n                              )}\n                            >\n                              {key === 'Ctrl' || key === 'ctrl' ? getModifierDisplay(isMac) : key}\n                            </kbd>\n                          ))}\n                        </span>\n                      )}\n                      <AnimatePresence>\n                        {isActive && (\n                          <motion.span\n                            initial={isReduced ? undefined : { opacity: 0 }}\n                            animate={{ opacity: 1 }}\n                            exit={isReduced ? undefined : { opacity: 0 }}\n                            transition={tweenFade}\n                            className=\"inline-flex shrink-0\"\n                          >\n                            <Icon icon={IconCornerDownLeft} size=\"sm\" stroke=\"light\" className=\"text-surface-fg-subtle\" />\n                          </motion.span>\n                        )}\n                      </AnimatePresence>\n                    </motion.button>\n                  )\n                })}\n              </motion.div>\n            ))}\n          </div>\n\n          {/* Footer with keyboard hints */}\n          {resolvedFooterHints !== false && (\n            <motion.div\n              initial={noInit ?? { opacity: 0 }}\n              animate={{ opacity: 1 }}\n              transition={tweenFade}\n              className=\"flex items-center gap-ds-05 border-t border-surface-border-strong px-ds-05 py-ds-03\"\n            >\n              {resolvedFooterHints.map((hint, i) => (\n                <div key={i} className=\"flex items-center gap-ds-02b\">\n                  {hint.keys === '↑↓' ? (\n                    <div className=\"flex items-center gap-ds-01\">\n                      <kbd className=\"inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-raised shadow-kbd\">\n                        <Icon icon={IconArrowUp} size=\"xs\" className=\"text-surface-fg-subtle\" />\n                      </kbd>\n                      <kbd className=\"inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-raised shadow-kbd\">\n                        <Icon icon={IconArrowDown} size=\"xs\" className=\"text-surface-fg-subtle\" />\n                      </kbd>\n                    </div>\n                  ) : hint.keys === '↵' ? (\n                    <kbd className=\"inline-flex h-ds-05b items-center justify-center rounded-control border border-surface-border-strong bg-surface-raised px-ds-02b shadow-kbd\">\n                      <Icon icon={IconCornerDownLeft} size=\"xs\" className=\"text-surface-fg-subtle\" />\n                    </kbd>\n                  ) : (\n                    <kbd className=\"inline-flex h-ds-05b items-center justify-center rounded-control border border-surface-border-strong bg-surface-raised px-ds-02b text-ds-xs font-medium text-surface-fg-subtle shadow-kbd\">\n                      {hint.keys}\n                    </kbd>\n                  )}\n                  <span className=\"text-ds-xs text-surface-fg-subtle\">\n                    {hint.label}\n                  </span>\n                </div>\n              ))}\n            </motion.div>\n          )}\n        </DialogContentRaw>\n      </DialogPortal>\n    </Dialog>\n  )\n  },\n)\n\nCommandPalette.displayName = 'CommandPalette'\n\nexport { CommandPalette }\n"],"mappings":"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"}

package/dist/composed/confirm-dialog.js

@@ -12,16 +12,16 @@ var u = s.forwardRef(({ open: s, onOpenChange: u, title: d, description: f, conf
 		className: v,
 		...y,
 		children: [/* @__PURE__ */ l(i, { children: [/* @__PURE__ */ c(a, { children: d }), /* @__PURE__ */ c(n, { children: f })] }), /* @__PURE__ */ l(r, { children: [/* @__PURE__ */ c(o, {
-			variant: "outline",
+			variant: "soft",
 			disabled: g,
 			onClick: () => u(!1),
 			children: m
 		}), /* @__PURE__ */ c(o, {
 			variant: "solid",
 			color: h,
-			disabled: g,
+			loading: g,
 			onClick: () => _(),
-			children: g ? "Processing..." : p
+			children: p
 		})] })]
 	})
 }));

package/dist/composed/confirm-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirm-dialog.js","names":[],"sources":["../../src/composed/confirm-dialog.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport {\n  AlertDialog,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from '../ui/alert-dialog'\nimport { Button } from '../ui/button'\nimport { cn } from '../ui/lib/utils'\n\nexport interface ConfirmDialogProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'color'> {\n  /** Whether the dialog is open */\n  open: boolean\n  /** Called when the dialog open state changes */\n  onOpenChange: (open: boolean) => void\n  /** Dialog title */\n  title: string\n  /** Dialog description */\n  description: string\n  /** Confirm button text */\n  confirmText?: string\n  /** Cancel button text */\n  cancelText?: string\n  /** Color of the confirm button */\n  color?: 'accent' | 'error'\n  /** Whether the dialog is in a loading state */\n  loading?: boolean\n  /** Called when the user confirms. Dialog stays open — consumer controls closing via onOpenChange. */\n  onConfirm: () => void | Promise<void>\n}\n\nconst ConfirmDialog = React.forwardRef<HTMLDivElement, ConfirmDialogProps>(\n  (\n    {\n      open,\n      onOpenChange,\n      title,\n      description,\n      confirmText = 'Confirm',\n      cancelText = 'Cancel',\n      color = 'accent',\n      loading = false,\n      onConfirm,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <AlertDialog open={open} onOpenChange={onOpenChange}>\n        <AlertDialogContent ref={ref} className={className} {...props}>\n          <AlertDialogHeader>\n            <AlertDialogTitle>{title}</AlertDialogTitle>\n            <AlertDialogDescription>{description}</AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <Button\n              variant=\"outline\"\n              disabled={loading}\n              onClick={() => onOpenChange(false)}\n            >\n              {cancelText}\n            </Button>\n            <Button\n              variant=\"solid\"\n              color={color}\n              disabled={loading}\n              onClick={() => onConfirm()}\n            >\n              {loading ? 'Processing...' : confirmText}\n            </Button>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    )\n  },\n)\nConfirmDialog.displayName = 'ConfirmDialog'\n\nexport { ConfirmDialog }\n"],"mappings":";;;;;;AAoCA,IAAM,IAAgB,EAAM,YAExB,EACE,SACA,iBACA,UACA,gBACA,iBAAc,WACd,gBAAa,UACb,WAAQ,UACR,aAAU,IACV,cACA,cACA,GAAG,KAEL,MAGE,kBAAC,GAAD;CAAmB;CAAoB;WACrC,kBAAC,GAAD;EAAyB;EAAgB;EAAW,GAAI;YAAxD,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAmB,GAAyB,CAAA,EAC5C,kBAAC,GAAD,EAAA,UAAyB,GAAqC,CAAA,CAC5C,EAAA,CAAA,EACpB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAQ;GACR,UAAU;GACV,eAAe,EAAa,GAAM;aAEjC;GACM,CAAA,EACT,kBAAC,GAAD;GACE,SAAQ;GACD;GACP,UAAU;GACV,eAAe,GAAW;aAEzB,IAAU,kBAAkB;GACtB,CAAA,CACS,EAAA,CAAA,CACD;;CACT,CAAA,CAGnB;AACD,EAAc,cAAc"}
+{"version":3,"file":"confirm-dialog.js","names":[],"sources":["../../src/composed/confirm-dialog.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport {\n  AlertDialog,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from '../ui/alert-dialog'\nimport { Button } from '../ui/button'\nimport { cn } from '../ui/lib/utils'\n\nexport interface ConfirmDialogProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'color'> {\n  /** Whether the dialog is open */\n  open: boolean\n  /** Called when the dialog open state changes */\n  onOpenChange: (open: boolean) => void\n  /** Dialog title */\n  title: string\n  /** Dialog description */\n  description: string\n  /** Confirm button text */\n  confirmText?: string\n  /** Cancel button text */\n  cancelText?: string\n  /** Color of the confirm button */\n  color?: 'accent' | 'error'\n  /** Whether the dialog is in a loading state */\n  loading?: boolean\n  /** Called when the user confirms. Dialog stays open — consumer controls closing via onOpenChange. */\n  onConfirm: () => void | Promise<void>\n}\n\nconst ConfirmDialog = React.forwardRef<HTMLDivElement, ConfirmDialogProps>(\n  (\n    {\n      open,\n      onOpenChange,\n      title,\n      description,\n      confirmText = 'Confirm',\n      cancelText = 'Cancel',\n      color = 'accent',\n      loading = false,\n      onConfirm,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <AlertDialog open={open} onOpenChange={onOpenChange}>\n        <AlertDialogContent ref={ref} className={className} {...props}>\n          <AlertDialogHeader>\n            <AlertDialogTitle>{title}</AlertDialogTitle>\n            <AlertDialogDescription>{description}</AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <Button\n              variant=\"soft\"\n              disabled={loading}\n              onClick={() => onOpenChange(false)}\n            >\n              {cancelText}\n            </Button>\n            <Button\n              variant=\"solid\"\n              color={color}\n              loading={loading}\n              onClick={() => onConfirm()}\n            >\n              {confirmText}\n            </Button>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    )\n  },\n)\nConfirmDialog.displayName = 'ConfirmDialog'\n\nexport { ConfirmDialog }\n"],"mappings":";;;;;;AAoCA,IAAM,IAAgB,EAAM,YAExB,EACE,SACA,iBACA,UACA,gBACA,iBAAc,WACd,gBAAa,UACb,WAAQ,UACR,aAAU,IACV,cACA,cACA,GAAG,KAEL,MAGE,kBAAC,GAAD;CAAmB;CAAoB;WACrC,kBAAC,GAAD;EAAyB;EAAgB;EAAW,GAAI;YAAxD,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAmB,GAAyB,CAAA,EAC5C,kBAAC,GAAD,EAAA,UAAyB,GAAqC,CAAA,CAC5C,EAAA,CAAA,EACpB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAQ;GACR,UAAU;GACV,eAAe,EAAa,GAAM;aAEjC;GACM,CAAA,EACT,kBAAC,GAAD;GACE,SAAQ;GACD;GACE;GACT,eAAe,GAAW;aAEzB;GACM,CAAA,CACS,EAAA,CAAA,CACD;;CACT,CAAA,CAGnB;AACD,EAAc,cAAc"}

package/dist/composed/content-card.js

@@ -1,4 +1,4 @@
-import { t as e } from "../_chunks/vendor-utils.js";
+import { cva as e } from "../_chunks/vendor-utils.js";
 import { cn as t } from "../ui/lib/utils.js";
 import * as n from "react";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";

package/dist/composed/date-picker/index.js

@@ -1,8 +1,8 @@
 "use client";
 import { cn as e } from "../../ui/lib/utils.js";
 import { Icon as t } from "../../ui/icon.js";
-import { i as n, r, t as i } from "../../_chunks/popover.js";
-import { n as a, t as o } from "../../_chunks/use-calendar.js";
+import { Popover as n, PopoverContent as r, PopoverTrigger as i } from "../../_chunks/popover.js";
+import { CalendarGrid as a, useCalendar as o } from "../../_chunks/use-calendar.js";
 import * as s from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { IconCalendarClock as u, IconCalendarEvent as d, IconClock as f } from "@tabler/icons-react";
@@ -206,10 +206,10 @@ var M = s.forwardRef(function({ value: o, onChange: u, placeholder: f = "Pick a
 			});
 		}
 	};
-	return /* @__PURE__ */ l(i, {
+	return /* @__PURE__ */ l(n, {
 		open: S,
 		onOpenChange: w,
-		children: [/* @__PURE__ */ c(n, {
+		children: [/* @__PURE__ */ c(i, {
 			asChild: !0,
 			children: /* @__PURE__ */ l("button", {
 				ref: b,
@@ -408,10 +408,10 @@ var F = s.forwardRef(function({ startDate: o, endDate: u, onChange: f, placehold
 			default: return Z();
 		}
 	}, $ = T && T.length > 0;
-	return /* @__PURE__ */ l(i, {
+	return /* @__PURE__ */ l(n, {
 		open: k,
 		onOpenChange: M,
-		children: [/* @__PURE__ */ c(n, {
+		children: [/* @__PURE__ */ c(i, {
 			asChild: !0,
 			children: /* @__PURE__ */ l("button", {
 				ref: O,
@@ -510,10 +510,10 @@ var R = s.forwardRef(function({ value: o, onChange: d, minDate: f, maxDate: p, d
 			});
 		}
 	}, Q = "h-ds-sm rounded-control border border-surface-border-strong bg-surface-overlay px-ds-02 text-ds-md text-surface-fg transition-colors duration-fast-01 ease-productive-standard hover:border-surface-border-strong focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 cursor-pointer appearance-none";
-	return /* @__PURE__ */ l(i, {
+	return /* @__PURE__ */ l(n, {
 		open: E,
 		onOpenChange: D,
-		children: [/* @__PURE__ */ c(n, {
+		children: [/* @__PURE__ */ c(i, {
 			asChild: !0,
 			children: /* @__PURE__ */ l("button", {
 				ref: T,
@@ -639,10 +639,10 @@ var V = s.forwardRef(function({ value: a, onChange: o, format: u = "12h", minute
 		u,
 		m
 	]), H = u === "12h" ? A : E, U = "flex flex-col gap-ds-01 overflow-y-auto max-h-[200px] px-ds-01", W = "flex h-ds-sm w-full items-center justify-center rounded-control text-ds-md transition-colors duration-fast-01 ease-productive-standard cursor-pointer", G = "bg-accent-9 text-accent-fg", K = "text-surface-fg hover:bg-surface-raised-hover";
-	return /* @__PURE__ */ l(i, {
+	return /* @__PURE__ */ l(n, {
 		open: w,
 		onOpenChange: T,
-		children: [/* @__PURE__ */ c(n, {
+		children: [/* @__PURE__ */ c(i, {
 			asChild: !0,
 			children: /* @__PURE__ */ l("button", {
 				ref: C,
@@ -676,7 +676,7 @@ var V = s.forwardRef(function({ value: a, onChange: o, format: u = "12h", minute
 							className: "text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle",
 							children: "Hr"
 						}), /* @__PURE__ */ c("div", {
-							className: e(U, "min-w-[48px]"),
+							className: e(U, "min-w-ds-09"),
 							children: j.map((t) => /* @__PURE__ */ c("button", {
 								type: "button",
 								onClick: () => F(t),
@@ -693,7 +693,7 @@ var V = s.forwardRef(function({ value: a, onChange: o, format: u = "12h", minute
 							className: "text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle",
 							children: "Min"
 						}), /* @__PURE__ */ c("div", {
-							className: e(U, "min-w-[48px]"),
+							className: e(U, "min-w-ds-09"),
 							children: M.map((t) => /* @__PURE__ */ c("button", {
 								type: "button",
 								onClick: () => I(t),
@@ -710,7 +710,7 @@ var V = s.forwardRef(function({ value: a, onChange: o, format: u = "12h", minute
 							className: "text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle",
 							children: "Sec"
 						}), /* @__PURE__ */ c("div", {
-							className: e(U, "min-w-[48px]"),
+							className: e(U, "min-w-ds-09"),
 							children: N.map((t) => /* @__PURE__ */ c("button", {
 								type: "button",
 								onClick: () => L(t),

package/dist/composed/date-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/composed/date-picker/month-picker.tsx","../../../src/composed/date-picker/year-picker.tsx","../../../src/composed/date-picker/date-picker.tsx","../../../src/composed/date-picker/presets.tsx","../../../src/composed/date-picker/date-range-picker.tsx","../../../src/composed/date-picker/date-time-picker.tsx","../../../src/composed/date-picker/time-picker.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { cn } from '../../ui/lib/utils'\n\nconst MONTHS = [\n  'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',\n  'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec',\n]\n\nexport interface MonthPickerProps extends React.ComponentPropsWithoutRef<'div'> {\n  currentYear: number\n  selectedMonth?: number // 0-11\n  onMonthSelect: (month: number) => void\n  minDate?: Date\n  maxDate?: Date\n}\n\nexport const MonthPicker = React.forwardRef<HTMLDivElement, MonthPickerProps>(\n  function MonthPicker({\n  currentYear,\n  selectedMonth,\n  onMonthSelect,\n  minDate,\n  maxDate,\n  className,\n  ...props\n}, ref) {\n  const COLS = 4\n  const [focusedIndex, setFocusedIndex] = React.useState(selectedMonth ?? 0)\n  const buttonRefs = React.useRef<(HTMLButtonElement | null)[]>([])\n\n  const isMonthDisabled = (index: number) =>\n    (minDate != null &&\n      (currentYear < minDate.getFullYear() ||\n        (currentYear === minDate.getFullYear() && index < minDate.getMonth()))) ||\n    (maxDate != null &&\n      (currentYear > maxDate.getFullYear() ||\n        (currentYear === maxDate.getFullYear() && index > maxDate.getMonth())))\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    let next = focusedIndex\n    switch (e.key) {\n      case 'ArrowRight': next = Math.min(11, focusedIndex + 1); break\n      case 'ArrowLeft': next = Math.max(0, focusedIndex - 1); break\n      case 'ArrowDown': next = Math.min(11, focusedIndex + COLS); break\n      case 'ArrowUp': next = Math.max(0, focusedIndex - COLS); break\n      case 'Home': next = 0; break\n      case 'End': next = 11; break\n      default: return\n    }\n    e.preventDefault()\n    // Skip disabled months\n    while (next !== focusedIndex && isMonthDisabled(next)) {\n      next += (e.key === 'ArrowLeft' || e.key === 'ArrowUp') ? -1 : 1\n      if (next < 0 || next > 11) return\n    }\n    setFocusedIndex(next)\n    buttonRefs.current[next]?.focus()\n  }\n\n  return (\n    <div ref={ref} {...props} className={cn(\"w-[252px]\", className)}>\n      <div className=\"text-center pb-ds-04 text-ds-md font-semibold text-surface-fg\">\n        {currentYear}\n      </div>\n      <div role=\"grid\" aria-label=\"Month picker\" tabIndex={-1} onKeyDown={handleKeyDown}>\n        {[0, 1, 2].map((rowIdx) => (\n          <div key={rowIdx} role=\"row\" className=\"grid grid-cols-4 gap-ds-02 mb-ds-02 last:mb-0\">\n            {MONTHS.slice(rowIdx * COLS, rowIdx * COLS + COLS).map((label, colIdx) => {\n              const index = rowIdx * COLS + colIdx\n              const isSelected = index === selectedMonth\n              const isDisabled = isMonthDisabled(index)\n\n              return (\n                <button\n                  key={label}\n                  ref={(el) => { buttonRefs.current[index] = el }}\n                  type=\"button\"\n                  role=\"gridcell\"\n                  tabIndex={index === focusedIndex ? 0 : -1}\n                  disabled={isDisabled || false}\n                  onClick={() => !isDisabled && onMonthSelect(index)}\n                  className={cn(\n                    'h-ds-sm-plus rounded-control text-ds-md transition-colors focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2',\n                    isDisabled && 'opacity-action-disabled pointer-events-none cursor-not-allowed',\n                    isSelected &&\n                      'bg-accent-9 text-accent-fg',\n                    !isSelected &&\n                      !isDisabled &&\n                      'hover:bg-surface-raised-hover text-surface-fg',\n                  )}\n                >\n                  {label}\n                </button>\n              )\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n},\n)\n\nMonthPicker.displayName = 'MonthPicker'\n","'use client'\n\nimport * as React from 'react'\n\nimport { cn } from '../../ui/lib/utils'\n\nexport interface YearPickerProps extends React.ComponentPropsWithoutRef<'div'> {\n  currentYear: number\n  selectedYear?: number\n  onYearSelect: (year: number) => void\n  minDate?: Date\n  maxDate?: Date\n}\n\nexport const YearPicker = React.forwardRef<HTMLDivElement, YearPickerProps>(\n  function YearPicker({\n  currentYear,\n  selectedYear,\n  onYearSelect,\n  minDate,\n  maxDate,\n  className,\n  ...props\n}, ref) {\n  const COLS = 3\n  const startYear = Math.floor(currentYear / 10) * 10\n  const years = Array.from({ length: 12 }, (_, i) => startYear + i)\n  const [focusedIndex, setFocusedIndex] = React.useState(() => {\n    const sel = years.indexOf(selectedYear ?? currentYear)\n    return sel >= 0 ? sel : 0\n  })\n  const buttonRefs = React.useRef<(HTMLButtonElement | null)[]>([])\n\n  const isYearDisabled = (year: number) =>\n    (minDate != null && year < minDate.getFullYear()) ||\n    (maxDate != null && year > maxDate.getFullYear())\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    let next = focusedIndex\n    switch (e.key) {\n      case 'ArrowRight': next = Math.min(11, focusedIndex + 1); break\n      case 'ArrowLeft': next = Math.max(0, focusedIndex - 1); break\n      case 'ArrowDown': next = Math.min(11, focusedIndex + COLS); break\n      case 'ArrowUp': next = Math.max(0, focusedIndex - COLS); break\n      case 'Home': next = 0; break\n      case 'End': next = 11; break\n      default: return\n    }\n    e.preventDefault()\n    while (next !== focusedIndex && isYearDisabled(years[next])) {\n      next += (e.key === 'ArrowLeft' || e.key === 'ArrowUp') ? -1 : 1\n      if (next < 0 || next > 11) return\n    }\n    setFocusedIndex(next)\n    buttonRefs.current[next]?.focus()\n  }\n\n  return (\n    <div ref={ref} {...props} className={cn(\"w-[252px]\", className)}>\n      <div className=\"text-center pb-ds-04 text-ds-md font-semibold text-surface-fg\">\n        {startYear} &ndash; {startYear + 11}\n      </div>\n      <div role=\"grid\" aria-label=\"Year picker\" tabIndex={-1} onKeyDown={handleKeyDown}>\n        {[0, 1, 2, 3].map((rowIdx) => (\n          <div key={rowIdx} role=\"row\" className=\"grid grid-cols-3 gap-ds-02 mb-ds-02 last:mb-0\">\n            {years.slice(rowIdx * COLS, rowIdx * COLS + COLS).map((year) => {\n              const index = years.indexOf(year)\n              const isSelected = year === selectedYear\n              const isDisabled = isYearDisabled(year)\n\n              return (\n                <button\n                  key={year}\n                  ref={(el) => { buttonRefs.current[index] = el }}\n                  type=\"button\"\n                  role=\"gridcell\"\n                  tabIndex={index === focusedIndex ? 0 : -1}\n                  disabled={isDisabled || false}\n                  onClick={() => !isDisabled && onYearSelect(year)}\n                  className={cn(\n                    'h-ds-sm-plus rounded-control text-ds-md transition-colors focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2',\n                    isDisabled && 'opacity-action-disabled pointer-events-none cursor-not-allowed',\n                    isSelected &&\n                      'bg-accent-9 text-accent-fg',\n                    !isSelected &&\n                      !isDisabled &&\n                      'hover:bg-surface-raised-hover text-surface-fg',\n                  )}\n                >\n                  {year}\n                </button>\n              )\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n},\n)\n\nYearPicker.displayName = 'YearPicker'\n","'use client'\n\nimport { IconCalendarEvent } from '@tabler/icons-react'\nimport { format, setMonth, setYear } from 'date-fns'\nimport * as React from 'react'\n\nimport { Icon } from '../../ui/icon'\nimport { cn } from '../../ui/lib/utils'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '../../ui/popover'\nimport { CalendarGrid } from './calendar-grid'\nimport { MonthPicker } from './month-picker'\nimport { YearPicker } from './year-picker'\n\ntype CalendarView = 'days' | 'months' | 'years'\n\n/**\n * A popover-based date picker with day/month/year drill-down views.\n * Supports min/max date constraints and arbitrary date disabling.\n */\nexport interface DatePickerProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'onChange' | 'value'> {\n  /** Currently selected date (controlled). */\n  value?: Date | null\n  /** Called when a date is selected. Receives null if cleared. */\n  onChange?: (date: Date | null) => void\n  placeholder?: string\n  /** date-fns format string for the trigger display. @default 'MMM d, yyyy' */\n  formatStr?: string\n  /** Earliest selectable date. */\n  minDate?: Date\n  /** Latest selectable date. */\n  maxDate?: Date\n  /** Predicate to disable specific dates (return true to disable). */\n  disabledDates?: (date: Date) => boolean\n  className?: string\n}\n\nconst DatePicker = React.forwardRef<HTMLButtonElement, DatePickerProps>(\n  function DatePicker(\n    {\n      value,\n      onChange,\n      placeholder = 'Pick a date',\n      className,\n      formatStr = 'MMM d, yyyy',\n      minDate,\n      maxDate,\n      disabledDates,\n      ...props\n    },\n    ref,\n  ) {\n  const [open, setOpen] = React.useState(false)\n  const [currentMonth, setCurrentMonth] = React.useState(\n    value ?? new Date(),\n  )\n  const [view, setView] = React.useState<CalendarView>('days')\n\n  // Reset view when popover closes\n  React.useEffect(() => {\n    if (!open) setView('days')\n  }, [open])\n\n  const handleSelect = (date: Date) => {\n    onChange?.(date)\n    setOpen(false)\n  }\n\n  const handleHeaderClick = () => {\n    setView((prev) => (prev === 'days' ? 'months' : 'years'))\n  }\n\n  const handleMonthSelect = (month: number) => {\n    setCurrentMonth((prev) => setMonth(prev, month))\n    setView('days')\n  }\n\n  const handleYearSelect = (year: number) => {\n    setCurrentMonth((prev) => setYear(prev, year))\n    setView('months')\n  }\n\n  const renderView = () => {\n    switch (view) {\n      case 'years':\n        return (\n          <YearPicker\n            currentYear={currentMonth.getFullYear()}\n            selectedYear={value?.getFullYear()}\n            onYearSelect={handleYearSelect}\n            minDate={minDate}\n            maxDate={maxDate}\n          />\n        )\n      case 'months':\n        return (\n          <MonthPicker\n            currentYear={currentMonth.getFullYear()}\n            selectedMonth={value?.getMonth()}\n            onMonthSelect={handleMonthSelect}\n            minDate={minDate}\n            maxDate={maxDate}\n          />\n        )\n      default:\n        return (\n          <CalendarGrid\n            currentMonth={currentMonth}\n            selected={value}\n            onSelect={handleSelect}\n            onMonthChange={setCurrentMonth}\n            onHeaderClick={handleHeaderClick}\n            disabledDates={disabledDates}\n            minDate={minDate}\n            maxDate={maxDate}\n          />\n        )\n    }\n  }\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          ref={ref}\n          type=\"button\"\n          aria-label={value ? `Change date, ${format(value, formatStr)}` : placeholder}\n          {...props}\n          className={cn(\n            'inline-flex h-ds-sm-plus items-center gap-ds-03 rounded-surface border border-surface-border-strong bg-surface-overlay px-ds-04 text-left transition-colors duration-fast-01 ease-productive-standard',\n            'hover:border-surface-border-strong',\n            'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2',\n            className,\n          )}\n        >\n          <Icon icon={IconCalendarEvent} size=\"sm\" stroke=\"light\" className=\"text-surface-fg-subtle\" />\n          <span\n            className={cn(\n              'text-ds-md',\n              value\n                ? 'text-surface-fg'\n                : 'text-surface-fg-subtle',\n            )}\n          >\n            {value ? format(value, formatStr) : placeholder}\n          </span>\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-auto border-surface-border-strong bg-surface-overlay p-ds-04\"\n        align=\"start\"\n        sideOffset={4}\n      >\n        {renderView()}\n      </PopoverContent>\n    </Popover>\n  )\n  },\n)\n\nDatePicker.displayName = 'DatePicker'\n\nexport { DatePicker }\n","'use client'\n\nimport {\n  endOfDay,\n  endOfMonth,\n  startOfDay,\n  startOfMonth,\n  startOfYear,\n  subDays,\n  subMonths,\n} from 'date-fns'\nimport * as React from 'react'\n\nimport { cn } from '../../ui/lib/utils'\n\nexport type PresetKey =\n  | 'today'\n  | 'yesterday'\n  | 'last7days'\n  | 'last30days'\n  | 'thisMonth'\n  | 'lastMonth'\n  | 'thisYear'\n\nexport interface PresetsProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onSelect'> {\n  presets: PresetKey[]\n  onSelect: (start: Date, end: Date) => void\n  className?: string\n}\n\ninterface PresetDefinition {\n  label: string\n  getRange: () => { start: Date; end: Date }\n}\n\nconst PRESET_MAP: Record<PresetKey, PresetDefinition> = {\n  today: {\n    label: 'Today',\n    getRange: () => {\n      const now = new Date()\n      return { start: startOfDay(now), end: endOfDay(now) }\n    },\n  },\n  yesterday: {\n    label: 'Yesterday',\n    getRange: () => {\n      const yesterday = subDays(new Date(), 1)\n      return { start: startOfDay(yesterday), end: endOfDay(yesterday) }\n    },\n  },\n  last7days: {\n    label: 'Last 7 days',\n    getRange: () => {\n      const now = new Date()\n      return { start: startOfDay(subDays(now, 6)), end: endOfDay(now) }\n    },\n  },\n  last30days: {\n    label: 'Last 30 days',\n    getRange: () => {\n      const now = new Date()\n      return { start: startOfDay(subDays(now, 29)), end: endOfDay(now) }\n    },\n  },\n  thisMonth: {\n    label: 'This month',\n    getRange: () => {\n      const now = new Date()\n      return { start: startOfMonth(now), end: endOfMonth(now) }\n    },\n  },\n  lastMonth: {\n    label: 'Last month',\n    getRange: () => {\n      const now = new Date()\n      const last = subMonths(now, 1)\n      return { start: startOfMonth(last), end: endOfMonth(last) }\n    },\n  },\n  thisYear: {\n    label: 'This year',\n    getRange: () => {\n      const now = new Date()\n      return { start: startOfYear(now), end: endOfDay(now) }\n    },\n  },\n}\n\nexport const Presets = React.forwardRef<HTMLDivElement, PresetsProps>(\n  function Presets({ presets, onSelect, className, ...props }, ref) {\n  return (\n    <div ref={ref} {...props} className={cn('flex flex-col gap-ds-01', className)}>\n      {presets.map((key) => {\n        const preset = PRESET_MAP[key]\n        if (!preset) return null\n        return (\n          <button\n            key={key}\n            type=\"button\"\n            onClick={() => {\n              const { start, end } = preset.getRange()\n              onSelect(start, end)\n            }}\n            className={cn(\n              'h-ds-sm w-full rounded-control px-ds-03 text-left text-ds-sm',\n              'text-surface-fg transition-colors',\n              'hover:bg-surface-raised-hover',\n              'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9',\n            )}\n          >\n            {preset.label}\n          </button>\n        )\n      })}\n    </div>\n  )\n},\n)\n\nPresets.displayName = 'Presets'\n","'use client'\n\nimport { IconCalendarEvent } from '@tabler/icons-react'\nimport { addMonths,format, isAfter, isBefore, setMonth, setYear } from 'date-fns'\nimport * as React from 'react'\n\nimport { Icon } from '../../ui/icon'\nimport { cn } from '../../ui/lib/utils'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '../../ui/popover'\nimport { CalendarGrid } from './calendar-grid'\nimport { MonthPicker } from './month-picker'\nimport type { PresetKey } from './presets'\nimport { Presets } from './presets'\nimport { YearPicker } from './year-picker'\n\ntype CalendarView = 'days' | 'months' | 'years'\n\nexport interface DateRangePickerProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'onChange'> {\n  startDate?: Date | null\n  endDate?: Date | null\n  onChange?: (range: { start: Date | null; end: Date | null }) => void\n  placeholder?: string\n  className?: string\n  formatStr?: string\n  minDate?: Date\n  maxDate?: Date\n  disabledDates?: (date: Date) => boolean\n  /** Show a presets sidebar with quick date range selections */\n  presets?: PresetKey[]\n  /** Number of calendar months to display side by side (default: 1) */\n  numberOfMonths?: number\n}\n\nconst DateRangePicker = React.forwardRef<HTMLButtonElement, DateRangePickerProps>(\n  function DateRangePicker(\n    {\n      startDate,\n      endDate,\n      onChange,\n      placeholder = 'Pick a date range',\n      className,\n      formatStr = 'MMM d, yyyy',\n      minDate,\n      maxDate,\n      disabledDates,\n      presets,\n      numberOfMonths = 1,\n      ...props\n    },\n    ref,\n  ) {\n  const [open, setOpen] = React.useState(false)\n  const [currentMonth, setCurrentMonth] = React.useState(\n    startDate ?? new Date(),\n  )\n  const [rangeStart, setRangeStart] = React.useState<Date | null>(\n    startDate ?? null,\n  )\n  const [rangeEnd, setRangeEnd] = React.useState<Date | null>(\n    endDate ?? null,\n  )\n  const [hoverDate, setHoverDate] = React.useState<Date | null>(null)\n  const [view, setView] = React.useState<CalendarView>('days')\n\n  const monthCount = Math.max(1, numberOfMonths)\n\n  React.useEffect(() => {\n    setRangeStart(startDate ?? null)\n    setRangeEnd(endDate ?? null)\n  }, [startDate, endDate])\n\n  // Reset view when popover closes\n  React.useEffect(() => {\n    if (!open) setView('days')\n  }, [open])\n\n  const handleSelect = (date: Date) => {\n    if (!rangeStart || (rangeStart && rangeEnd)) {\n      setRangeStart(date)\n      setRangeEnd(null)\n    } else {\n      const start = isBefore(date, rangeStart) ? date : rangeStart\n      const end = isAfter(date, rangeStart) ? date : rangeStart\n      setRangeStart(start)\n      setRangeEnd(end)\n      onChange?.({ start, end })\n      setOpen(false)\n    }\n  }\n\n  const handlePresetSelect = (start: Date, end: Date) => {\n    setRangeStart(start)\n    setRangeEnd(end)\n    onChange?.({ start, end })\n    setOpen(false)\n  }\n\n  const handleHeaderClick = () => {\n    setView((prev) => (prev === 'days' ? 'months' : 'years'))\n  }\n\n  const handleMonthSelect = (month: number) => {\n    setCurrentMonth((prev) => setMonth(prev, month))\n    setView('days')\n  }\n\n  const handleYearSelect = (year: number) => {\n    setCurrentMonth((prev) => setYear(prev, year))\n    setView('months')\n  }\n\n  const displayText = () => {\n    if (rangeStart && rangeEnd) {\n      return `${format(rangeStart, formatStr)} - ${format(rangeEnd, formatStr)}`\n    }\n    return placeholder\n  }\n\n  const renderCalendarGrids = () => {\n    if (monthCount === 1) {\n      return (\n        <CalendarGrid\n          currentMonth={currentMonth}\n          rangeStart={rangeStart}\n          rangeEnd={rangeEnd}\n          hoverDate={hoverDate}\n          onSelect={handleSelect}\n          onHover={setHoverDate}\n          onMonthChange={setCurrentMonth}\n          onHeaderClick={handleHeaderClick}\n          disabledDates={disabledDates}\n          minDate={minDate}\n          maxDate={maxDate}\n        />\n      )\n    }\n\n    return (\n      <div className=\"flex flex-row gap-ds-04\">\n        {Array.from({ length: monthCount }, (_, i) => (\n          <CalendarGrid\n            key={i}\n            currentMonth={addMonths(currentMonth, i)}\n            rangeStart={rangeStart}\n            rangeEnd={rangeEnd}\n            hoverDate={hoverDate}\n            onSelect={handleSelect}\n            onHover={setHoverDate}\n            onMonthChange={(date) => {\n              // Adjust so the first grid stays in sync\n              setCurrentMonth(addMonths(date, -i))\n            }}\n            onHeaderClick={handleHeaderClick}\n            disabledDates={disabledDates}\n            minDate={minDate}\n            maxDate={maxDate}\n            hidePrevNav={i > 0}\n            hideNextNav={i < monthCount - 1}\n          />\n        ))}\n      </div>\n    )\n  }\n\n  const renderView = () => {\n    switch (view) {\n      case 'years':\n        return (\n          <YearPicker\n            currentYear={currentMonth.getFullYear()}\n            selectedYear={rangeStart?.getFullYear()}\n            onYearSelect={handleYearSelect}\n            minDate={minDate}\n            maxDate={maxDate}\n          />\n        )\n      case 'months':\n        return (\n          <MonthPicker\n            currentYear={currentMonth.getFullYear()}\n            selectedMonth={rangeStart?.getMonth()}\n            onMonthSelect={handleMonthSelect}\n            minDate={minDate}\n            maxDate={maxDate}\n          />\n        )\n      default:\n        return renderCalendarGrids()\n    }\n  }\n\n  const hasPresets = presets && presets.length > 0\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          ref={ref}\n          type=\"button\"\n          aria-label={rangeStart && rangeEnd ? `Change date range, ${displayText()}` : placeholder}\n          {...props}\n          className={cn(\n            'inline-flex h-ds-sm-plus items-center gap-ds-03 rounded-surface border border-surface-border-strong bg-surface-overlay px-ds-04 text-left transition-colors duration-fast-01 ease-productive-standard',\n            'hover:border-surface-border-strong',\n            'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2',\n            className,\n          )}\n        >\n          <Icon icon={IconCalendarEvent} size=\"sm\" stroke=\"light\" className=\"text-surface-fg-subtle\" />\n          <span\n            className={cn(\n              'text-ds-md',\n              rangeStart && rangeEnd\n                ? 'text-surface-fg'\n                : 'text-surface-fg-subtle',\n            )}\n          >\n            {displayText()}\n          </span>\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-auto border-surface-border-strong bg-surface-overlay p-ds-04\"\n        align=\"start\"\n        sideOffset={4}\n      >\n        {hasPresets ? (\n          <div className=\"flex flex-row gap-ds-04\">\n            <div className=\"min-w-[140px] border-r border-surface-border-strong pr-ds-04\">\n              <Presets presets={presets} onSelect={handlePresetSelect} />\n            </div>\n            <div>{renderView()}</div>\n          </div>\n        ) : (\n          renderView()\n        )}\n      </PopoverContent>\n    </Popover>\n  )\n  },\n)\n\nDateRangePicker.displayName = 'DateRangePicker'\n\nexport { DateRangePicker }\n","'use client'\n\nimport { IconCalendarClock } from '@tabler/icons-react'\nimport {\n  format,\n  setHours,\n  setMinutes,\n  setMonth,\n  setYear,\n} from 'date-fns'\nimport * as React from 'react'\n\nimport { Icon } from '../../ui/icon'\nimport { cn } from '../../ui/lib/utils'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '../../ui/popover'\nimport { CalendarGrid } from './calendar-grid'\nimport { MonthPicker } from './month-picker'\nimport { YearPicker } from './year-picker'\n\ntype CalendarView = 'days' | 'months' | 'years'\n\nexport interface DateTimePickerProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'onChange' | 'value'> {\n  /** The currently selected date and time. */\n  value?: Date | null\n  /** Callback fired when the date/time changes. */\n  onChange?: (date: Date | null) => void\n  /** Earliest selectable date. */\n  minDate?: Date\n  /** Latest selectable date. */\n  maxDate?: Date\n  /** Function to disable specific dates. */\n  disabledDates?: (date: Date) => boolean\n  /** Display format for the time portion: 12-hour with AM/PM or 24-hour. */\n  timeFormat?: '12h' | '24h'\n  /** Step interval for the minute selector. */\n  minuteStep?: number\n  /** Placeholder text when no value is set. */\n  placeholder?: string\n  /** Additional class names for the trigger button. */\n  className?: string\n}\n\nfunction padTwo(n: number): string {\n  return n.toString().padStart(2, '0')\n}\n\nfunction generateRange(start: number, end: number, step: number): number[] {\n  const result: number[] = []\n  for (let i = start; i <= end; i += step) {\n    result.push(i)\n  }\n  return result\n}\n\nconst DateTimePicker = React.forwardRef<HTMLButtonElement, DateTimePickerProps>(\n  function DateTimePicker(\n    {\n      value,\n      onChange,\n      minDate,\n      maxDate,\n      disabledDates,\n      timeFormat = '12h',\n      minuteStep = 1,\n      placeholder = 'Pick date & time',\n      className,\n      ...props\n    },\n    ref,\n  ) {\n  const [open, setOpen] = React.useState(false)\n  const [currentMonth, setCurrentMonth] = React.useState(value ?? new Date())\n  const [view, setView] = React.useState<CalendarView>('days')\n\n  // Reset view when popover closes\n  React.useEffect(() => {\n    if (!open) setView('days')\n  }, [open])\n\n  // Derive time parts\n  const hours24 = value ? value.getHours() : 0\n  const minutes = value ? value.getMinutes() : 0\n  const ampm: 'AM' | 'PM' = hours24 >= 12 ? 'PM' : 'AM'\n  const hours12 = hours24 === 0 ? 12 : hours24 > 12 ? hours24 - 12 : hours24\n\n  const hoursRange =\n    timeFormat === '12h' ? generateRange(1, 12, 1) : generateRange(0, 23, 1)\n  const minutesRange = generateRange(0, 59, minuteStep)\n\n  const selectedHour = timeFormat === '12h' ? hours12 : hours24\n\n  // --- Calendar view handlers ---\n\n  const handleDateSelect = (date: Date) => {\n    // Merge with existing time part (or default to current time parts)\n    let merged = setHours(date, value ? value.getHours() : hours24)\n    merged = setMinutes(merged, value ? value.getMinutes() : minutes)\n    onChange?.(merged)\n  }\n\n  const handleHeaderClick = () => {\n    setView((prev) => (prev === 'days' ? 'months' : 'years'))\n  }\n\n  const handleMonthSelect = (month: number) => {\n    setCurrentMonth((prev) => setMonth(prev, month))\n    setView('days')\n  }\n\n  const handleYearSelect = (year: number) => {\n    setCurrentMonth((prev) => setYear(prev, year))\n    setView('months')\n  }\n\n  // --- Time handlers ---\n\n  const handleHourChange = (hour: number) => {\n    const base = value ? new Date(value) : new Date()\n    let h = hour\n\n    if (timeFormat === '12h') {\n      const currentAmPm = value ? ampm : 'AM'\n      if (currentAmPm === 'AM') {\n        h = hour === 12 ? 0 : hour\n      } else {\n        h = hour === 12 ? 12 : hour + 12\n      }\n    }\n\n    const updated = setHours(base, h)\n    onChange?.(updated)\n  }\n\n  const handleMinuteChange = (minute: number) => {\n    const base = value ? new Date(value) : new Date()\n    const updated = setMinutes(base, minute)\n    onChange?.(updated)\n  }\n\n  const handleAmPmToggle = (period: 'AM' | 'PM') => {\n    const base = value ? new Date(value) : new Date()\n    const currentH = base.getHours()\n    let newH: number\n\n    if (period === 'AM') {\n      newH = currentH >= 12 ? currentH - 12 : currentH\n    } else {\n      newH = currentH < 12 ? currentH + 12 : currentH\n    }\n\n    onChange?.(setHours(base, newH))\n  }\n\n  // --- Display text ---\n\n  const displayText = React.useMemo(() => {\n    if (!value) return null\n    const fmt =\n      timeFormat === '12h' ? 'MMM d, yyyy h:mm a' : 'MMM d, yyyy HH:mm'\n    return format(value, fmt)\n  }, [value, timeFormat])\n\n  // --- Render calendar view ---\n\n  const renderView = () => {\n    switch (view) {\n      case 'years':\n        return (\n          <YearPicker\n            currentYear={currentMonth.getFullYear()}\n            selectedYear={value?.getFullYear()}\n            onYearSelect={handleYearSelect}\n            minDate={minDate}\n            maxDate={maxDate}\n          />\n        )\n      case 'months':\n        return (\n          <MonthPicker\n            currentYear={currentMonth.getFullYear()}\n            selectedMonth={value?.getMonth()}\n            onMonthSelect={handleMonthSelect}\n            minDate={minDate}\n            maxDate={maxDate}\n          />\n        )\n      default:\n        return (\n          <CalendarGrid\n            currentMonth={currentMonth}\n            selected={value}\n            onSelect={handleDateSelect}\n            onMonthChange={setCurrentMonth}\n            onHeaderClick={handleHeaderClick}\n            disabledDates={disabledDates}\n            minDate={minDate}\n            maxDate={maxDate}\n          />\n        )\n    }\n  }\n\n  // Compact time selector styles\n  const selectBase =\n    'h-ds-sm rounded-control border border-surface-border-strong bg-surface-overlay px-ds-02 text-ds-md text-surface-fg transition-colors duration-fast-01 ease-productive-standard hover:border-surface-border-strong focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 cursor-pointer appearance-none'\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          ref={ref}\n          type=\"button\"\n          {...props}\n          className={cn(\n            'inline-flex h-ds-sm-plus items-center gap-ds-03 rounded-surface border border-surface-border-strong bg-surface-overlay px-ds-04 text-left transition-colors duration-fast-01 ease-productive-standard',\n            'hover:border-surface-border-strong',\n            'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2',\n            className,\n          )}\n          aria-label={displayText ? `Selected: ${displayText}` : placeholder}\n        >\n          <Icon icon={IconCalendarClock} size=\"sm\" stroke=\"light\" className=\"text-surface-fg-subtle\" />\n          <span\n            className={cn(\n              'text-ds-md',\n              displayText\n                ? 'text-surface-fg'\n                : 'text-surface-fg-subtle',\n            )}\n          >\n            {displayText ?? placeholder}\n          </span>\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-auto border-surface-border-strong bg-surface-overlay p-ds-04\"\n        align=\"start\"\n        sideOffset={4}\n      >\n        <div className=\"flex flex-col gap-ds-04\">\n          {/* Calendar portion */}\n          {renderView()}\n\n          {/* Time selection row */}\n          {view === 'days' && (\n            <div className=\"flex items-center gap-ds-02 border-t border-surface-border-strong pt-ds-04\">\n              <span className=\"text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle\">\n                Time\n              </span>\n\n              {/* Hour select */}\n              <select\n                value={selectedHour ?? ''}\n                onChange={(e) => handleHourChange(Number(e.target.value))}\n                className={selectBase}\n                aria-label=\"Hour\"\n              >\n                {!value && <option value=\"\">--</option>}\n                {hoursRange.map((h) => (\n                  <option key={h} value={h}>\n                    {timeFormat === '24h' ? padTwo(h) : h}\n                  </option>\n                ))}\n              </select>\n\n              <span className=\"text-ds-md font-semibold text-surface-fg-subtle\">\n                :\n              </span>\n\n              {/* Minute select */}\n              <select\n                value={value ? minutes : ''}\n                onChange={(e) => handleMinuteChange(Number(e.target.value))}\n                className={selectBase}\n                aria-label=\"Minute\"\n              >\n                {!value && <option value=\"\">--</option>}\n                {minutesRange.map((m) => (\n                  <option key={m} value={m}>\n                    {padTwo(m)}\n                  </option>\n                ))}\n              </select>\n\n              {/* AM/PM toggle for 12h */}\n              {timeFormat === '12h' && (\n                <select\n                  value={value ? ampm : ''}\n                  onChange={(e) =>\n                    handleAmPmToggle(e.target.value as 'AM' | 'PM')\n                  }\n                  className={selectBase}\n                  aria-label=\"AM or PM\"\n                >\n                  {!value && <option value=\"\">--</option>}\n                  <option value=\"AM\">AM</option>\n                  <option value=\"PM\">PM</option>\n                </select>\n              )}\n            </div>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n  },\n)\n\nDateTimePicker.displayName = 'DateTimePicker'\n\nexport { DateTimePicker }\n","'use client'\n\nimport { IconClock } from '@tabler/icons-react'\nimport { format, setHours, setMinutes, setSeconds } from 'date-fns'\nimport * as React from 'react'\n\nimport { Icon } from '../../ui/icon'\nimport { cn } from '../../ui/lib/utils'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '../../ui/popover'\n\nexport interface TimePickerProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'onChange' | 'value'> {\n  /** The currently selected time (as a Date object). */\n  value?: Date | null\n  /** Callback fired when the time changes. */\n  onChange?: (date: Date) => void\n  /** Display format: 12-hour with AM/PM or 24-hour. */\n  format?: '12h' | '24h'\n  /** Step interval for minutes column. */\n  minuteStep?: number\n  /** Step interval for seconds column. */\n  secondStep?: number\n  /** Whether to show the seconds column. */\n  showSeconds?: boolean\n  /** Placeholder text when no value is set. */\n  placeholder?: string\n  /** Additional class names for the trigger button. */\n  className?: string\n  /** Whether the picker is disabled. */\n  disabled?: boolean\n}\n\nfunction generateRange(start: number, end: number, step: number): number[] {\n  const result: number[] = []\n  for (let i = start; i <= end; i += step) {\n    result.push(i)\n  }\n  return result\n}\n\nfunction padTwo(n: number): string {\n  return n.toString().padStart(2, '0')\n}\n\nconst TimePicker = React.forwardRef<HTMLButtonElement, TimePickerProps>(\n  function TimePicker(\n    {\n      value,\n      onChange,\n      format: timeFormat = '12h',\n      minuteStep = 1,\n      secondStep = 1,\n      showSeconds = false,\n      placeholder = 'Pick a time',\n      className,\n      disabled = false,\n      ...props\n    },\n    ref,\n  ) {\n  const [open, setOpen] = React.useState(false)\n\n  // Derive display parts from value\n  const hours24 = value ? value.getHours() : null\n  const minutes = value ? value.getMinutes() : null\n  const seconds = value ? value.getSeconds() : null\n  const ampm = hours24 !== null ? (hours24 >= 12 ? 'PM' : 'AM') : null\n\n  // For 12h display, convert 24h to 12h\n  const hours12 =\n    hours24 !== null\n      ? hours24 === 0\n        ? 12\n        : hours24 > 12\n          ? hours24 - 12\n          : hours24\n      : null\n\n  const hoursRange =\n    timeFormat === '12h' ? generateRange(1, 12, 1) : generateRange(0, 23, 1)\n  const minutesRange = generateRange(0, 59, minuteStep)\n  const secondsRange = generateRange(0, 59, secondStep)\n\n  const createOrUpdateDate = (\n    overrides: { hours?: number; minutes?: number; seconds?: number; ampm?: 'AM' | 'PM' },\n  ): Date => {\n    const base = value ? new Date(value) : new Date()\n\n    let h = overrides.hours ?? base.getHours()\n    const m = overrides.minutes ?? base.getMinutes()\n    const s = overrides.seconds ?? base.getSeconds()\n\n    // If we're in 12h mode, we need to convert the 12h value to 24h\n    if (timeFormat === '12h' && overrides.hours !== undefined) {\n      const currentAmPm = overrides.ampm ?? ampm ?? 'AM'\n      if (currentAmPm === 'AM') {\n        h = overrides.hours === 12 ? 0 : overrides.hours\n      } else {\n        h = overrides.hours === 12 ? 12 : overrides.hours + 12\n      }\n    }\n\n    let result = setHours(base, h)\n    result = setMinutes(result, m)\n    result = setSeconds(result, s)\n    return result\n  }\n\n  const handleHourSelect = (hour: number) => {\n    const updated = createOrUpdateDate({ hours: hour })\n    onChange?.(updated)\n  }\n\n  const handleMinuteSelect = (minute: number) => {\n    const updated = createOrUpdateDate({ minutes: minute })\n    onChange?.(updated)\n  }\n\n  const handleSecondSelect = (second: number) => {\n    const updated = createOrUpdateDate({ seconds: second })\n    onChange?.(updated)\n  }\n\n  const handleAmPmToggle = (period: 'AM' | 'PM') => {\n    if (!value) {\n      // Create a date with 12:00 in the chosen period\n      const h = period === 'AM' ? 0 : 12\n      let d = new Date()\n      d = setHours(d, h)\n      d = setMinutes(d, 0)\n      d = setSeconds(d, 0)\n      onChange?.(d)\n      return\n    }\n\n    const currentH = value.getHours()\n    let newH: number\n\n    if (period === 'AM') {\n      newH = currentH >= 12 ? currentH - 12 : currentH\n    } else {\n      newH = currentH < 12 ? currentH + 12 : currentH\n    }\n\n    onChange?.(setHours(new Date(value), newH))\n  }\n\n  // Format display string\n  const displayText = React.useMemo(() => {\n    if (!value) return null\n    if (timeFormat === '12h') {\n      const fmt = showSeconds ? 'h:mm:ss a' : 'h:mm a'\n      return format(value, fmt)\n    }\n    const fmt = showSeconds ? 'HH:mm:ss' : 'HH:mm'\n    return format(value, fmt)\n  }, [value, timeFormat, showSeconds])\n\n  const selectedHour = timeFormat === '12h' ? hours12 : hours24\n\n  const columnClass =\n    'flex flex-col gap-ds-01 overflow-y-auto max-h-[200px] px-ds-01'\n\n  const itemBase =\n    'flex h-ds-sm w-full items-center justify-center rounded-control text-ds-md transition-colors duration-fast-01 ease-productive-standard cursor-pointer'\n  const itemSelected =\n    'bg-accent-9 text-accent-fg'\n  const itemDefault =\n    'text-surface-fg hover:bg-surface-raised-hover'\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          ref={ref}\n          type=\"button\"\n          disabled={disabled}\n          {...props}\n          className={cn(\n            'inline-flex h-ds-sm-plus items-center gap-ds-03 rounded-surface border border-surface-border-strong bg-surface-overlay px-ds-04 text-left transition-colors duration-fast-01 ease-productive-standard',\n            'hover:border-surface-border-strong',\n            'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2',\n            disabled && 'opacity-action-disabled pointer-events-none',\n            className,\n          )}\n          aria-label={displayText ? `Selected time: ${displayText}` : placeholder}\n        >\n          <Icon icon={IconClock} size=\"sm\" stroke=\"light\" className=\"text-surface-fg-subtle\" />\n          <span\n            className={cn(\n              'text-ds-md',\n              displayText\n                ? 'text-surface-fg'\n                : 'text-surface-fg-subtle',\n            )}\n          >\n            {displayText ?? placeholder}\n          </span>\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-auto border-surface-border-strong bg-surface-overlay p-ds-04\"\n        align=\"start\"\n        sideOffset={4}\n      >\n        <div className=\"flex gap-ds-03\" role=\"group\" aria-label=\"Time picker\">\n          {/* Hours column */}\n          <div className=\"flex flex-col items-center gap-ds-02\">\n            <span className=\"text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle\">\n              Hr\n            </span>\n            <div className={cn(columnClass, 'min-w-[48px]')}>\n              {hoursRange.map((h) => (\n                <button\n                  key={h}\n                  type=\"button\"\n                  onClick={() => handleHourSelect(h)}\n                  className={cn(\n                    itemBase,\n                    selectedHour === h ? itemSelected : itemDefault,\n                  )}\n                  aria-label={`${h} hours`}\n                  aria-selected={selectedHour === h || undefined}\n                >\n                  {timeFormat === '24h' ? padTwo(h) : h}\n                </button>\n              ))}\n            </div>\n          </div>\n\n          {/* Minutes column */}\n          <div className=\"flex flex-col items-center gap-ds-02\">\n            <span className=\"text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle\">\n              Min\n            </span>\n            <div className={cn(columnClass, 'min-w-[48px]')}>\n              {minutesRange.map((m) => (\n                <button\n                  key={m}\n                  type=\"button\"\n                  onClick={() => handleMinuteSelect(m)}\n                  className={cn(\n                    itemBase,\n                    minutes === m ? itemSelected : itemDefault,\n                  )}\n                  aria-label={`${padTwo(m)} minutes`}\n                  aria-selected={minutes === m || undefined}\n                >\n                  {padTwo(m)}\n                </button>\n              ))}\n            </div>\n          </div>\n\n          {/* Seconds column */}\n          {showSeconds && (\n            <div className=\"flex flex-col items-center gap-ds-02\">\n              <span className=\"text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle\">\n                Sec\n              </span>\n              <div className={cn(columnClass, 'min-w-[48px]')}>\n                {secondsRange.map((s) => (\n                  <button\n                    key={s}\n                    type=\"button\"\n                    onClick={() => handleSecondSelect(s)}\n                    className={cn(\n                      itemBase,\n                      seconds === s ? itemSelected : itemDefault,\n                    )}\n                    aria-label={`${padTwo(s)} seconds`}\n                    aria-selected={seconds === s || undefined}\n                  >\n                    {padTwo(s)}\n                  </button>\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* AM/PM toggle for 12h format */}\n          {timeFormat === '12h' && (\n            <div className=\"flex flex-col items-center gap-ds-02\">\n              <span className=\"text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle\">\n                &nbsp;\n              </span>\n              <div className=\"flex flex-col gap-ds-01 px-ds-01\">\n                {(['AM', 'PM'] as const).map((period) => (\n                  <button\n                    key={period}\n                    type=\"button\"\n                    onClick={() => handleAmPmToggle(period)}\n                    className={cn(\n                      itemBase,\n                      'min-w-[44px] font-semibold',\n                      ampm === period ? itemSelected : itemDefault,\n                    )}\n                    aria-label={period}\n                    aria-selected={ampm === period || undefined}\n                  >\n                    {period}\n                  </button>\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n  },\n)\n\nTimePicker.displayName = 'TimePicker'\n\nexport { TimePicker }\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/composed/date-picker/month-picker.tsx","../../../src/composed/date-picker/year-picker.tsx","../../../src/composed/date-picker/date-picker.tsx","../../../src/composed/date-picker/presets.tsx","../../../src/composed/date-picker/date-range-picker.tsx","../../../src/composed/date-picker/date-time-picker.tsx","../../../src/composed/date-picker/time-picker.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { cn } from '../../ui/lib/utils'\n\nconst MONTHS = [\n  'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',\n  'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec',\n]\n\nexport interface MonthPickerProps extends React.ComponentPropsWithoutRef<'div'> {\n  currentYear: number\n  selectedMonth?: number // 0-11\n  onMonthSelect: (month: number) => void\n  minDate?: Date\n  maxDate?: Date\n}\n\nexport const MonthPicker = React.forwardRef<HTMLDivElement, MonthPickerProps>(\n  function MonthPicker({\n  currentYear,\n  selectedMonth,\n  onMonthSelect,\n  minDate,\n  maxDate,\n  className,\n  ...props\n}, ref) {\n  const COLS = 4\n  const [focusedIndex, setFocusedIndex] = React.useState(selectedMonth ?? 0)\n  const buttonRefs = React.useRef<(HTMLButtonElement | null)[]>([])\n\n  const isMonthDisabled = (index: number) =>\n    (minDate != null &&\n      (currentYear < minDate.getFullYear() ||\n        (currentYear === minDate.getFullYear() && index < minDate.getMonth()))) ||\n    (maxDate != null &&\n      (currentYear > maxDate.getFullYear() ||\n        (currentYear === maxDate.getFullYear() && index > maxDate.getMonth())))\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    let next = focusedIndex\n    switch (e.key) {\n      case 'ArrowRight': next = Math.min(11, focusedIndex + 1); break\n      case 'ArrowLeft': next = Math.max(0, focusedIndex - 1); break\n      case 'ArrowDown': next = Math.min(11, focusedIndex + COLS); break\n      case 'ArrowUp': next = Math.max(0, focusedIndex - COLS); break\n      case 'Home': next = 0; break\n      case 'End': next = 11; break\n      default: return\n    }\n    e.preventDefault()\n    // Skip disabled months\n    while (next !== focusedIndex && isMonthDisabled(next)) {\n      next += (e.key === 'ArrowLeft' || e.key === 'ArrowUp') ? -1 : 1\n      if (next < 0 || next > 11) return\n    }\n    setFocusedIndex(next)\n    buttonRefs.current[next]?.focus()\n  }\n\n  return (\n    <div ref={ref} {...props} className={cn(\"w-[252px]\", className)}>\n      <div className=\"text-center pb-ds-04 text-ds-md font-semibold text-surface-fg\">\n        {currentYear}\n      </div>\n      <div role=\"grid\" aria-label=\"Month picker\" tabIndex={-1} onKeyDown={handleKeyDown}>\n        {[0, 1, 2].map((rowIdx) => (\n          <div key={rowIdx} role=\"row\" className=\"grid grid-cols-4 gap-ds-02 mb-ds-02 last:mb-0\">\n            {MONTHS.slice(rowIdx * COLS, rowIdx * COLS + COLS).map((label, colIdx) => {\n              const index = rowIdx * COLS + colIdx\n              const isSelected = index === selectedMonth\n              const isDisabled = isMonthDisabled(index)\n\n              return (\n                <button\n                  key={label}\n                  ref={(el) => { buttonRefs.current[index] = el }}\n                  type=\"button\"\n                  role=\"gridcell\"\n                  tabIndex={index === focusedIndex ? 0 : -1}\n                  disabled={isDisabled || false}\n                  onClick={() => !isDisabled && onMonthSelect(index)}\n                  className={cn(\n                    'h-ds-sm-plus rounded-control text-ds-md transition-colors focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2',\n                    isDisabled && 'opacity-action-disabled pointer-events-none cursor-not-allowed',\n                    isSelected &&\n                      'bg-accent-9 text-accent-fg',\n                    !isSelected &&\n                      !isDisabled &&\n                      'hover:bg-surface-raised-hover text-surface-fg',\n                  )}\n                >\n                  {label}\n                </button>\n              )\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n},\n)\n\nMonthPicker.displayName = 'MonthPicker'\n","'use client'\n\nimport * as React from 'react'\n\nimport { cn } from '../../ui/lib/utils'\n\nexport interface YearPickerProps extends React.ComponentPropsWithoutRef<'div'> {\n  currentYear: number\n  selectedYear?: number\n  onYearSelect: (year: number) => void\n  minDate?: Date\n  maxDate?: Date\n}\n\nexport const YearPicker = React.forwardRef<HTMLDivElement, YearPickerProps>(\n  function YearPicker({\n  currentYear,\n  selectedYear,\n  onYearSelect,\n  minDate,\n  maxDate,\n  className,\n  ...props\n}, ref) {\n  const COLS = 3\n  const startYear = Math.floor(currentYear / 10) * 10\n  const years = Array.from({ length: 12 }, (_, i) => startYear + i)\n  const [focusedIndex, setFocusedIndex] = React.useState(() => {\n    const sel = years.indexOf(selectedYear ?? currentYear)\n    return sel >= 0 ? sel : 0\n  })\n  const buttonRefs = React.useRef<(HTMLButtonElement | null)[]>([])\n\n  const isYearDisabled = (year: number) =>\n    (minDate != null && year < minDate.getFullYear()) ||\n    (maxDate != null && year > maxDate.getFullYear())\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    let next = focusedIndex\n    switch (e.key) {\n      case 'ArrowRight': next = Math.min(11, focusedIndex + 1); break\n      case 'ArrowLeft': next = Math.max(0, focusedIndex - 1); break\n      case 'ArrowDown': next = Math.min(11, focusedIndex + COLS); break\n      case 'ArrowUp': next = Math.max(0, focusedIndex - COLS); break\n      case 'Home': next = 0; break\n      case 'End': next = 11; break\n      default: return\n    }\n    e.preventDefault()\n    while (next !== focusedIndex && isYearDisabled(years[next])) {\n      next += (e.key === 'ArrowLeft' || e.key === 'ArrowUp') ? -1 : 1\n      if (next < 0 || next > 11) return\n    }\n    setFocusedIndex(next)\n    buttonRefs.current[next]?.focus()\n  }\n\n  return (\n    <div ref={ref} {...props} className={cn(\"w-[252px]\", className)}>\n      <div className=\"text-center pb-ds-04 text-ds-md font-semibold text-surface-fg\">\n        {startYear} &ndash; {startYear + 11}\n      </div>\n      <div role=\"grid\" aria-label=\"Year picker\" tabIndex={-1} onKeyDown={handleKeyDown}>\n        {[0, 1, 2, 3].map((rowIdx) => (\n          <div key={rowIdx} role=\"row\" className=\"grid grid-cols-3 gap-ds-02 mb-ds-02 last:mb-0\">\n            {years.slice(rowIdx * COLS, rowIdx * COLS + COLS).map((year) => {\n              const index = years.indexOf(year)\n              const isSelected = year === selectedYear\n              const isDisabled = isYearDisabled(year)\n\n              return (\n                <button\n                  key={year}\n                  ref={(el) => { buttonRefs.current[index] = el }}\n                  type=\"button\"\n                  role=\"gridcell\"\n                  tabIndex={index === focusedIndex ? 0 : -1}\n                  disabled={isDisabled || false}\n                  onClick={() => !isDisabled && onYearSelect(year)}\n                  className={cn(\n                    'h-ds-sm-plus rounded-control text-ds-md transition-colors focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2',\n                    isDisabled && 'opacity-action-disabled pointer-events-none cursor-not-allowed',\n                    isSelected &&\n                      'bg-accent-9 text-accent-fg',\n                    !isSelected &&\n                      !isDisabled &&\n                      'hover:bg-surface-raised-hover text-surface-fg',\n                  )}\n                >\n                  {year}\n                </button>\n              )\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n},\n)\n\nYearPicker.displayName = 'YearPicker'\n","'use client'\n\nimport { IconCalendarEvent } from '@tabler/icons-react'\nimport { format, setMonth, setYear } from 'date-fns'\nimport * as React from 'react'\n\nimport { Icon } from '../../ui/icon'\nimport { cn } from '../../ui/lib/utils'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '../../ui/popover'\nimport { CalendarGrid } from './calendar-grid'\nimport { MonthPicker } from './month-picker'\nimport { YearPicker } from './year-picker'\n\ntype CalendarView = 'days' | 'months' | 'years'\n\n/**\n * A popover-based date picker with day/month/year drill-down views.\n * Supports min/max date constraints and arbitrary date disabling.\n */\nexport interface DatePickerProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'onChange' | 'value'> {\n  /** Currently selected date (controlled). */\n  value?: Date | null\n  /** Called when a date is selected. Receives null if cleared. */\n  onChange?: (date: Date | null) => void\n  placeholder?: string\n  /** date-fns format string for the trigger display. @default 'MMM d, yyyy' */\n  formatStr?: string\n  /** Earliest selectable date. */\n  minDate?: Date\n  /** Latest selectable date. */\n  maxDate?: Date\n  /** Predicate to disable specific dates (return true to disable). */\n  disabledDates?: (date: Date) => boolean\n  className?: string\n}\n\nconst DatePicker = React.forwardRef<HTMLButtonElement, DatePickerProps>(\n  function DatePicker(\n    {\n      value,\n      onChange,\n      placeholder = 'Pick a date',\n      className,\n      formatStr = 'MMM d, yyyy',\n      minDate,\n      maxDate,\n      disabledDates,\n      ...props\n    },\n    ref,\n  ) {\n  const [open, setOpen] = React.useState(false)\n  const [currentMonth, setCurrentMonth] = React.useState(\n    value ?? new Date(),\n  )\n  const [view, setView] = React.useState<CalendarView>('days')\n\n  // Reset view when popover closes\n  React.useEffect(() => {\n    if (!open) setView('days')\n  }, [open])\n\n  const handleSelect = (date: Date) => {\n    onChange?.(date)\n    setOpen(false)\n  }\n\n  const handleHeaderClick = () => {\n    setView((prev) => (prev === 'days' ? 'months' : 'years'))\n  }\n\n  const handleMonthSelect = (month: number) => {\n    setCurrentMonth((prev) => setMonth(prev, month))\n    setView('days')\n  }\n\n  const handleYearSelect = (year: number) => {\n    setCurrentMonth((prev) => setYear(prev, year))\n    setView('months')\n  }\n\n  const renderView = () => {\n    switch (view) {\n      case 'years':\n        return (\n          <YearPicker\n            currentYear={currentMonth.getFullYear()}\n            selectedYear={value?.getFullYear()}\n            onYearSelect={handleYearSelect}\n            minDate={minDate}\n            maxDate={maxDate}\n          />\n        )\n      case 'months':\n        return (\n          <MonthPicker\n            currentYear={currentMonth.getFullYear()}\n            selectedMonth={value?.getMonth()}\n            onMonthSelect={handleMonthSelect}\n            minDate={minDate}\n            maxDate={maxDate}\n          />\n        )\n      default:\n        return (\n          <CalendarGrid\n            currentMonth={currentMonth}\n            selected={value}\n            onSelect={handleSelect}\n            onMonthChange={setCurrentMonth}\n            onHeaderClick={handleHeaderClick}\n            disabledDates={disabledDates}\n            minDate={minDate}\n            maxDate={maxDate}\n          />\n        )\n    }\n  }\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          ref={ref}\n          type=\"button\"\n          aria-label={value ? `Change date, ${format(value, formatStr)}` : placeholder}\n          {...props}\n          className={cn(\n            'inline-flex h-ds-sm-plus items-center gap-ds-03 rounded-surface border border-surface-border-strong bg-surface-overlay px-ds-04 text-left transition-colors duration-fast-01 ease-productive-standard',\n            'hover:border-surface-border-strong',\n            'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2',\n            className,\n          )}\n        >\n          <Icon icon={IconCalendarEvent} size=\"sm\" stroke=\"light\" className=\"text-surface-fg-subtle\" />\n          <span\n            className={cn(\n              'text-ds-md',\n              value\n                ? 'text-surface-fg'\n                : 'text-surface-fg-subtle',\n            )}\n          >\n            {value ? format(value, formatStr) : placeholder}\n          </span>\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-auto border-surface-border-strong bg-surface-overlay p-ds-04\"\n        align=\"start\"\n        sideOffset={4}\n      >\n        {renderView()}\n      </PopoverContent>\n    </Popover>\n  )\n  },\n)\n\nDatePicker.displayName = 'DatePicker'\n\nexport { DatePicker }\n","'use client'\n\nimport {\n  endOfDay,\n  endOfMonth,\n  startOfDay,\n  startOfMonth,\n  startOfYear,\n  subDays,\n  subMonths,\n} from 'date-fns'\nimport * as React from 'react'\n\nimport { cn } from '../../ui/lib/utils'\n\nexport type PresetKey =\n  | 'today'\n  | 'yesterday'\n  | 'last7days'\n  | 'last30days'\n  | 'thisMonth'\n  | 'lastMonth'\n  | 'thisYear'\n\nexport interface PresetsProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onSelect'> {\n  presets: PresetKey[]\n  onSelect: (start: Date, end: Date) => void\n  className?: string\n}\n\ninterface PresetDefinition {\n  label: string\n  getRange: () => { start: Date; end: Date }\n}\n\nconst PRESET_MAP: Record<PresetKey, PresetDefinition> = {\n  today: {\n    label: 'Today',\n    getRange: () => {\n      const now = new Date()\n      return { start: startOfDay(now), end: endOfDay(now) }\n    },\n  },\n  yesterday: {\n    label: 'Yesterday',\n    getRange: () => {\n      const yesterday = subDays(new Date(), 1)\n      return { start: startOfDay(yesterday), end: endOfDay(yesterday) }\n    },\n  },\n  last7days: {\n    label: 'Last 7 days',\n    getRange: () => {\n      const now = new Date()\n      return { start: startOfDay(subDays(now, 6)), end: endOfDay(now) }\n    },\n  },\n  last30days: {\n    label: 'Last 30 days',\n    getRange: () => {\n      const now = new Date()\n      return { start: startOfDay(subDays(now, 29)), end: endOfDay(now) }\n    },\n  },\n  thisMonth: {\n    label: 'This month',\n    getRange: () => {\n      const now = new Date()\n      return { start: startOfMonth(now), end: endOfMonth(now) }\n    },\n  },\n  lastMonth: {\n    label: 'Last month',\n    getRange: () => {\n      const now = new Date()\n      const last = subMonths(now, 1)\n      return { start: startOfMonth(last), end: endOfMonth(last) }\n    },\n  },\n  thisYear: {\n    label: 'This year',\n    getRange: () => {\n      const now = new Date()\n      return { start: startOfYear(now), end: endOfDay(now) }\n    },\n  },\n}\n\nexport const Presets = React.forwardRef<HTMLDivElement, PresetsProps>(\n  function Presets({ presets, onSelect, className, ...props }, ref) {\n  return (\n    <div ref={ref} {...props} className={cn('flex flex-col gap-ds-01', className)}>\n      {presets.map((key) => {\n        const preset = PRESET_MAP[key]\n        if (!preset) return null\n        return (\n          <button\n            key={key}\n            type=\"button\"\n            onClick={() => {\n              const { start, end } = preset.getRange()\n              onSelect(start, end)\n            }}\n            className={cn(\n              'h-ds-sm w-full rounded-control px-ds-03 text-left text-ds-sm',\n              'text-surface-fg transition-colors',\n              'hover:bg-surface-raised-hover',\n              'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9',\n            )}\n          >\n            {preset.label}\n          </button>\n        )\n      })}\n    </div>\n  )\n},\n)\n\nPresets.displayName = 'Presets'\n","'use client'\n\nimport { IconCalendarEvent } from '@tabler/icons-react'\nimport { addMonths,format, isAfter, isBefore, setMonth, setYear } from 'date-fns'\nimport * as React from 'react'\n\nimport { Icon } from '../../ui/icon'\nimport { cn } from '../../ui/lib/utils'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '../../ui/popover'\nimport { CalendarGrid } from './calendar-grid'\nimport { MonthPicker } from './month-picker'\nimport type { PresetKey } from './presets'\nimport { Presets } from './presets'\nimport { YearPicker } from './year-picker'\n\ntype CalendarView = 'days' | 'months' | 'years'\n\nexport interface DateRangePickerProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'onChange'> {\n  startDate?: Date | null\n  endDate?: Date | null\n  onChange?: (range: { start: Date | null; end: Date | null }) => void\n  placeholder?: string\n  className?: string\n  formatStr?: string\n  minDate?: Date\n  maxDate?: Date\n  disabledDates?: (date: Date) => boolean\n  /** Show a presets sidebar with quick date range selections */\n  presets?: PresetKey[]\n  /** Number of calendar months to display side by side (default: 1) */\n  numberOfMonths?: number\n}\n\nconst DateRangePicker = React.forwardRef<HTMLButtonElement, DateRangePickerProps>(\n  function DateRangePicker(\n    {\n      startDate,\n      endDate,\n      onChange,\n      placeholder = 'Pick a date range',\n      className,\n      formatStr = 'MMM d, yyyy',\n      minDate,\n      maxDate,\n      disabledDates,\n      presets,\n      numberOfMonths = 1,\n      ...props\n    },\n    ref,\n  ) {\n  const [open, setOpen] = React.useState(false)\n  const [currentMonth, setCurrentMonth] = React.useState(\n    startDate ?? new Date(),\n  )\n  const [rangeStart, setRangeStart] = React.useState<Date | null>(\n    startDate ?? null,\n  )\n  const [rangeEnd, setRangeEnd] = React.useState<Date | null>(\n    endDate ?? null,\n  )\n  const [hoverDate, setHoverDate] = React.useState<Date | null>(null)\n  const [view, setView] = React.useState<CalendarView>('days')\n\n  const monthCount = Math.max(1, numberOfMonths)\n\n  React.useEffect(() => {\n    setRangeStart(startDate ?? null)\n    setRangeEnd(endDate ?? null)\n  }, [startDate, endDate])\n\n  // Reset view when popover closes\n  React.useEffect(() => {\n    if (!open) setView('days')\n  }, [open])\n\n  const handleSelect = (date: Date) => {\n    if (!rangeStart || (rangeStart && rangeEnd)) {\n      setRangeStart(date)\n      setRangeEnd(null)\n    } else {\n      const start = isBefore(date, rangeStart) ? date : rangeStart\n      const end = isAfter(date, rangeStart) ? date : rangeStart\n      setRangeStart(start)\n      setRangeEnd(end)\n      onChange?.({ start, end })\n      setOpen(false)\n    }\n  }\n\n  const handlePresetSelect = (start: Date, end: Date) => {\n    setRangeStart(start)\n    setRangeEnd(end)\n    onChange?.({ start, end })\n    setOpen(false)\n  }\n\n  const handleHeaderClick = () => {\n    setView((prev) => (prev === 'days' ? 'months' : 'years'))\n  }\n\n  const handleMonthSelect = (month: number) => {\n    setCurrentMonth((prev) => setMonth(prev, month))\n    setView('days')\n  }\n\n  const handleYearSelect = (year: number) => {\n    setCurrentMonth((prev) => setYear(prev, year))\n    setView('months')\n  }\n\n  const displayText = () => {\n    if (rangeStart && rangeEnd) {\n      return `${format(rangeStart, formatStr)} - ${format(rangeEnd, formatStr)}`\n    }\n    return placeholder\n  }\n\n  const renderCalendarGrids = () => {\n    if (monthCount === 1) {\n      return (\n        <CalendarGrid\n          currentMonth={currentMonth}\n          rangeStart={rangeStart}\n          rangeEnd={rangeEnd}\n          hoverDate={hoverDate}\n          onSelect={handleSelect}\n          onHover={setHoverDate}\n          onMonthChange={setCurrentMonth}\n          onHeaderClick={handleHeaderClick}\n          disabledDates={disabledDates}\n          minDate={minDate}\n          maxDate={maxDate}\n        />\n      )\n    }\n\n    return (\n      <div className=\"flex flex-row gap-ds-04\">\n        {Array.from({ length: monthCount }, (_, i) => (\n          <CalendarGrid\n            key={i}\n            currentMonth={addMonths(currentMonth, i)}\n            rangeStart={rangeStart}\n            rangeEnd={rangeEnd}\n            hoverDate={hoverDate}\n            onSelect={handleSelect}\n            onHover={setHoverDate}\n            onMonthChange={(date) => {\n              // Adjust so the first grid stays in sync\n              setCurrentMonth(addMonths(date, -i))\n            }}\n            onHeaderClick={handleHeaderClick}\n            disabledDates={disabledDates}\n            minDate={minDate}\n            maxDate={maxDate}\n            hidePrevNav={i > 0}\n            hideNextNav={i < monthCount - 1}\n          />\n        ))}\n      </div>\n    )\n  }\n\n  const renderView = () => {\n    switch (view) {\n      case 'years':\n        return (\n          <YearPicker\n            currentYear={currentMonth.getFullYear()}\n            selectedYear={rangeStart?.getFullYear()}\n            onYearSelect={handleYearSelect}\n            minDate={minDate}\n            maxDate={maxDate}\n          />\n        )\n      case 'months':\n        return (\n          <MonthPicker\n            currentYear={currentMonth.getFullYear()}\n            selectedMonth={rangeStart?.getMonth()}\n            onMonthSelect={handleMonthSelect}\n            minDate={minDate}\n            maxDate={maxDate}\n          />\n        )\n      default:\n        return renderCalendarGrids()\n    }\n  }\n\n  const hasPresets = presets && presets.length > 0\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          ref={ref}\n          type=\"button\"\n          aria-label={rangeStart && rangeEnd ? `Change date range, ${displayText()}` : placeholder}\n          {...props}\n          className={cn(\n            'inline-flex h-ds-sm-plus items-center gap-ds-03 rounded-surface border border-surface-border-strong bg-surface-overlay px-ds-04 text-left transition-colors duration-fast-01 ease-productive-standard',\n            'hover:border-surface-border-strong',\n            'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2',\n            className,\n          )}\n        >\n          <Icon icon={IconCalendarEvent} size=\"sm\" stroke=\"light\" className=\"text-surface-fg-subtle\" />\n          <span\n            className={cn(\n              'text-ds-md',\n              rangeStart && rangeEnd\n                ? 'text-surface-fg'\n                : 'text-surface-fg-subtle',\n            )}\n          >\n            {displayText()}\n          </span>\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-auto border-surface-border-strong bg-surface-overlay p-ds-04\"\n        align=\"start\"\n        sideOffset={4}\n      >\n        {hasPresets ? (\n          <div className=\"flex flex-row gap-ds-04\">\n            <div className=\"min-w-[140px] border-r border-surface-border-strong pr-ds-04\">\n              <Presets presets={presets} onSelect={handlePresetSelect} />\n            </div>\n            <div>{renderView()}</div>\n          </div>\n        ) : (\n          renderView()\n        )}\n      </PopoverContent>\n    </Popover>\n  )\n  },\n)\n\nDateRangePicker.displayName = 'DateRangePicker'\n\nexport { DateRangePicker }\n","'use client'\n\nimport { IconCalendarClock } from '@tabler/icons-react'\nimport {\n  format,\n  setHours,\n  setMinutes,\n  setMonth,\n  setYear,\n} from 'date-fns'\nimport * as React from 'react'\n\nimport { Icon } from '../../ui/icon'\nimport { cn } from '../../ui/lib/utils'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '../../ui/popover'\nimport { CalendarGrid } from './calendar-grid'\nimport { MonthPicker } from './month-picker'\nimport { YearPicker } from './year-picker'\n\ntype CalendarView = 'days' | 'months' | 'years'\n\nexport interface DateTimePickerProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'onChange' | 'value'> {\n  /** The currently selected date and time. */\n  value?: Date | null\n  /** Callback fired when the date/time changes. */\n  onChange?: (date: Date | null) => void\n  /** Earliest selectable date. */\n  minDate?: Date\n  /** Latest selectable date. */\n  maxDate?: Date\n  /** Function to disable specific dates. */\n  disabledDates?: (date: Date) => boolean\n  /** Display format for the time portion: 12-hour with AM/PM or 24-hour. */\n  timeFormat?: '12h' | '24h'\n  /** Step interval for the minute selector. */\n  minuteStep?: number\n  /** Placeholder text when no value is set. */\n  placeholder?: string\n  /** Additional class names for the trigger button. */\n  className?: string\n}\n\nfunction padTwo(n: number): string {\n  return n.toString().padStart(2, '0')\n}\n\nfunction generateRange(start: number, end: number, step: number): number[] {\n  const result: number[] = []\n  for (let i = start; i <= end; i += step) {\n    result.push(i)\n  }\n  return result\n}\n\nconst DateTimePicker = React.forwardRef<HTMLButtonElement, DateTimePickerProps>(\n  function DateTimePicker(\n    {\n      value,\n      onChange,\n      minDate,\n      maxDate,\n      disabledDates,\n      timeFormat = '12h',\n      minuteStep = 1,\n      placeholder = 'Pick date & time',\n      className,\n      ...props\n    },\n    ref,\n  ) {\n  const [open, setOpen] = React.useState(false)\n  const [currentMonth, setCurrentMonth] = React.useState(value ?? new Date())\n  const [view, setView] = React.useState<CalendarView>('days')\n\n  // Reset view when popover closes\n  React.useEffect(() => {\n    if (!open) setView('days')\n  }, [open])\n\n  // Derive time parts\n  const hours24 = value ? value.getHours() : 0\n  const minutes = value ? value.getMinutes() : 0\n  const ampm: 'AM' | 'PM' = hours24 >= 12 ? 'PM' : 'AM'\n  const hours12 = hours24 === 0 ? 12 : hours24 > 12 ? hours24 - 12 : hours24\n\n  const hoursRange =\n    timeFormat === '12h' ? generateRange(1, 12, 1) : generateRange(0, 23, 1)\n  const minutesRange = generateRange(0, 59, minuteStep)\n\n  const selectedHour = timeFormat === '12h' ? hours12 : hours24\n\n  // --- Calendar view handlers ---\n\n  const handleDateSelect = (date: Date) => {\n    // Merge with existing time part (or default to current time parts)\n    let merged = setHours(date, value ? value.getHours() : hours24)\n    merged = setMinutes(merged, value ? value.getMinutes() : minutes)\n    onChange?.(merged)\n  }\n\n  const handleHeaderClick = () => {\n    setView((prev) => (prev === 'days' ? 'months' : 'years'))\n  }\n\n  const handleMonthSelect = (month: number) => {\n    setCurrentMonth((prev) => setMonth(prev, month))\n    setView('days')\n  }\n\n  const handleYearSelect = (year: number) => {\n    setCurrentMonth((prev) => setYear(prev, year))\n    setView('months')\n  }\n\n  // --- Time handlers ---\n\n  const handleHourChange = (hour: number) => {\n    const base = value ? new Date(value) : new Date()\n    let h = hour\n\n    if (timeFormat === '12h') {\n      const currentAmPm = value ? ampm : 'AM'\n      if (currentAmPm === 'AM') {\n        h = hour === 12 ? 0 : hour\n      } else {\n        h = hour === 12 ? 12 : hour + 12\n      }\n    }\n\n    const updated = setHours(base, h)\n    onChange?.(updated)\n  }\n\n  const handleMinuteChange = (minute: number) => {\n    const base = value ? new Date(value) : new Date()\n    const updated = setMinutes(base, minute)\n    onChange?.(updated)\n  }\n\n  const handleAmPmToggle = (period: 'AM' | 'PM') => {\n    const base = value ? new Date(value) : new Date()\n    const currentH = base.getHours()\n    let newH: number\n\n    if (period === 'AM') {\n      newH = currentH >= 12 ? currentH - 12 : currentH\n    } else {\n      newH = currentH < 12 ? currentH + 12 : currentH\n    }\n\n    onChange?.(setHours(base, newH))\n  }\n\n  // --- Display text ---\n\n  const displayText = React.useMemo(() => {\n    if (!value) return null\n    const fmt =\n      timeFormat === '12h' ? 'MMM d, yyyy h:mm a' : 'MMM d, yyyy HH:mm'\n    return format(value, fmt)\n  }, [value, timeFormat])\n\n  // --- Render calendar view ---\n\n  const renderView = () => {\n    switch (view) {\n      case 'years':\n        return (\n          <YearPicker\n            currentYear={currentMonth.getFullYear()}\n            selectedYear={value?.getFullYear()}\n            onYearSelect={handleYearSelect}\n            minDate={minDate}\n            maxDate={maxDate}\n          />\n        )\n      case 'months':\n        return (\n          <MonthPicker\n            currentYear={currentMonth.getFullYear()}\n            selectedMonth={value?.getMonth()}\n            onMonthSelect={handleMonthSelect}\n            minDate={minDate}\n            maxDate={maxDate}\n          />\n        )\n      default:\n        return (\n          <CalendarGrid\n            currentMonth={currentMonth}\n            selected={value}\n            onSelect={handleDateSelect}\n            onMonthChange={setCurrentMonth}\n            onHeaderClick={handleHeaderClick}\n            disabledDates={disabledDates}\n            minDate={minDate}\n            maxDate={maxDate}\n          />\n        )\n    }\n  }\n\n  // Compact time selector styles\n  const selectBase =\n    'h-ds-sm rounded-control border border-surface-border-strong bg-surface-overlay px-ds-02 text-ds-md text-surface-fg transition-colors duration-fast-01 ease-productive-standard hover:border-surface-border-strong focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 cursor-pointer appearance-none'\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          ref={ref}\n          type=\"button\"\n          {...props}\n          className={cn(\n            'inline-flex h-ds-sm-plus items-center gap-ds-03 rounded-surface border border-surface-border-strong bg-surface-overlay px-ds-04 text-left transition-colors duration-fast-01 ease-productive-standard',\n            'hover:border-surface-border-strong',\n            'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2',\n            className,\n          )}\n          aria-label={displayText ? `Selected: ${displayText}` : placeholder}\n        >\n          <Icon icon={IconCalendarClock} size=\"sm\" stroke=\"light\" className=\"text-surface-fg-subtle\" />\n          <span\n            className={cn(\n              'text-ds-md',\n              displayText\n                ? 'text-surface-fg'\n                : 'text-surface-fg-subtle',\n            )}\n          >\n            {displayText ?? placeholder}\n          </span>\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-auto border-surface-border-strong bg-surface-overlay p-ds-04\"\n        align=\"start\"\n        sideOffset={4}\n      >\n        <div className=\"flex flex-col gap-ds-04\">\n          {/* Calendar portion */}\n          {renderView()}\n\n          {/* Time selection row */}\n          {view === 'days' && (\n            <div className=\"flex items-center gap-ds-02 border-t border-surface-border-strong pt-ds-04\">\n              <span className=\"text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle\">\n                Time\n              </span>\n\n              {/* Hour select */}\n              <select\n                value={selectedHour ?? ''}\n                onChange={(e) => handleHourChange(Number(e.target.value))}\n                className={selectBase}\n                aria-label=\"Hour\"\n              >\n                {!value && <option value=\"\">--</option>}\n                {hoursRange.map((h) => (\n                  <option key={h} value={h}>\n                    {timeFormat === '24h' ? padTwo(h) : h}\n                  </option>\n                ))}\n              </select>\n\n              <span className=\"text-ds-md font-semibold text-surface-fg-subtle\">\n                :\n              </span>\n\n              {/* Minute select */}\n              <select\n                value={value ? minutes : ''}\n                onChange={(e) => handleMinuteChange(Number(e.target.value))}\n                className={selectBase}\n                aria-label=\"Minute\"\n              >\n                {!value && <option value=\"\">--</option>}\n                {minutesRange.map((m) => (\n                  <option key={m} value={m}>\n                    {padTwo(m)}\n                  </option>\n                ))}\n              </select>\n\n              {/* AM/PM toggle for 12h */}\n              {timeFormat === '12h' && (\n                <select\n                  value={value ? ampm : ''}\n                  onChange={(e) =>\n                    handleAmPmToggle(e.target.value as 'AM' | 'PM')\n                  }\n                  className={selectBase}\n                  aria-label=\"AM or PM\"\n                >\n                  {!value && <option value=\"\">--</option>}\n                  <option value=\"AM\">AM</option>\n                  <option value=\"PM\">PM</option>\n                </select>\n              )}\n            </div>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n  },\n)\n\nDateTimePicker.displayName = 'DateTimePicker'\n\nexport { DateTimePicker }\n","'use client'\n\nimport { IconClock } from '@tabler/icons-react'\nimport { format, setHours, setMinutes, setSeconds } from 'date-fns'\nimport * as React from 'react'\n\nimport { Icon } from '../../ui/icon'\nimport { cn } from '../../ui/lib/utils'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '../../ui/popover'\n\nexport interface TimePickerProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'onChange' | 'value'> {\n  /** The currently selected time (as a Date object). */\n  value?: Date | null\n  /** Callback fired when the time changes. */\n  onChange?: (date: Date) => void\n  /** Display format: 12-hour with AM/PM or 24-hour. */\n  format?: '12h' | '24h'\n  /** Step interval for minutes column. */\n  minuteStep?: number\n  /** Step interval for seconds column. */\n  secondStep?: number\n  /** Whether to show the seconds column. */\n  showSeconds?: boolean\n  /** Placeholder text when no value is set. */\n  placeholder?: string\n  /** Additional class names for the trigger button. */\n  className?: string\n  /** Whether the picker is disabled. */\n  disabled?: boolean\n}\n\nfunction generateRange(start: number, end: number, step: number): number[] {\n  const result: number[] = []\n  for (let i = start; i <= end; i += step) {\n    result.push(i)\n  }\n  return result\n}\n\nfunction padTwo(n: number): string {\n  return n.toString().padStart(2, '0')\n}\n\nconst TimePicker = React.forwardRef<HTMLButtonElement, TimePickerProps>(\n  function TimePicker(\n    {\n      value,\n      onChange,\n      format: timeFormat = '12h',\n      minuteStep = 1,\n      secondStep = 1,\n      showSeconds = false,\n      placeholder = 'Pick a time',\n      className,\n      disabled = false,\n      ...props\n    },\n    ref,\n  ) {\n  const [open, setOpen] = React.useState(false)\n\n  // Derive display parts from value\n  const hours24 = value ? value.getHours() : null\n  const minutes = value ? value.getMinutes() : null\n  const seconds = value ? value.getSeconds() : null\n  const ampm = hours24 !== null ? (hours24 >= 12 ? 'PM' : 'AM') : null\n\n  // For 12h display, convert 24h to 12h\n  const hours12 =\n    hours24 !== null\n      ? hours24 === 0\n        ? 12\n        : hours24 > 12\n          ? hours24 - 12\n          : hours24\n      : null\n\n  const hoursRange =\n    timeFormat === '12h' ? generateRange(1, 12, 1) : generateRange(0, 23, 1)\n  const minutesRange = generateRange(0, 59, minuteStep)\n  const secondsRange = generateRange(0, 59, secondStep)\n\n  const createOrUpdateDate = (\n    overrides: { hours?: number; minutes?: number; seconds?: number; ampm?: 'AM' | 'PM' },\n  ): Date => {\n    const base = value ? new Date(value) : new Date()\n\n    let h = overrides.hours ?? base.getHours()\n    const m = overrides.minutes ?? base.getMinutes()\n    const s = overrides.seconds ?? base.getSeconds()\n\n    // If we're in 12h mode, we need to convert the 12h value to 24h\n    if (timeFormat === '12h' && overrides.hours !== undefined) {\n      const currentAmPm = overrides.ampm ?? ampm ?? 'AM'\n      if (currentAmPm === 'AM') {\n        h = overrides.hours === 12 ? 0 : overrides.hours\n      } else {\n        h = overrides.hours === 12 ? 12 : overrides.hours + 12\n      }\n    }\n\n    let result = setHours(base, h)\n    result = setMinutes(result, m)\n    result = setSeconds(result, s)\n    return result\n  }\n\n  const handleHourSelect = (hour: number) => {\n    const updated = createOrUpdateDate({ hours: hour })\n    onChange?.(updated)\n  }\n\n  const handleMinuteSelect = (minute: number) => {\n    const updated = createOrUpdateDate({ minutes: minute })\n    onChange?.(updated)\n  }\n\n  const handleSecondSelect = (second: number) => {\n    const updated = createOrUpdateDate({ seconds: second })\n    onChange?.(updated)\n  }\n\n  const handleAmPmToggle = (period: 'AM' | 'PM') => {\n    if (!value) {\n      // Create a date with 12:00 in the chosen period\n      const h = period === 'AM' ? 0 : 12\n      let d = new Date()\n      d = setHours(d, h)\n      d = setMinutes(d, 0)\n      d = setSeconds(d, 0)\n      onChange?.(d)\n      return\n    }\n\n    const currentH = value.getHours()\n    let newH: number\n\n    if (period === 'AM') {\n      newH = currentH >= 12 ? currentH - 12 : currentH\n    } else {\n      newH = currentH < 12 ? currentH + 12 : currentH\n    }\n\n    onChange?.(setHours(new Date(value), newH))\n  }\n\n  // Format display string\n  const displayText = React.useMemo(() => {\n    if (!value) return null\n    if (timeFormat === '12h') {\n      const fmt = showSeconds ? 'h:mm:ss a' : 'h:mm a'\n      return format(value, fmt)\n    }\n    const fmt = showSeconds ? 'HH:mm:ss' : 'HH:mm'\n    return format(value, fmt)\n  }, [value, timeFormat, showSeconds])\n\n  const selectedHour = timeFormat === '12h' ? hours12 : hours24\n\n  const columnClass =\n    'flex flex-col gap-ds-01 overflow-y-auto max-h-[200px] px-ds-01'\n\n  const itemBase =\n    'flex h-ds-sm w-full items-center justify-center rounded-control text-ds-md transition-colors duration-fast-01 ease-productive-standard cursor-pointer'\n  const itemSelected =\n    'bg-accent-9 text-accent-fg'\n  const itemDefault =\n    'text-surface-fg hover:bg-surface-raised-hover'\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          ref={ref}\n          type=\"button\"\n          disabled={disabled}\n          {...props}\n          className={cn(\n            'inline-flex h-ds-sm-plus items-center gap-ds-03 rounded-surface border border-surface-border-strong bg-surface-overlay px-ds-04 text-left transition-colors duration-fast-01 ease-productive-standard',\n            'hover:border-surface-border-strong',\n            'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2',\n            disabled && 'opacity-action-disabled pointer-events-none',\n            className,\n          )}\n          aria-label={displayText ? `Selected time: ${displayText}` : placeholder}\n        >\n          <Icon icon={IconClock} size=\"sm\" stroke=\"light\" className=\"text-surface-fg-subtle\" />\n          <span\n            className={cn(\n              'text-ds-md',\n              displayText\n                ? 'text-surface-fg'\n                : 'text-surface-fg-subtle',\n            )}\n          >\n            {displayText ?? placeholder}\n          </span>\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-auto border-surface-border-strong bg-surface-overlay p-ds-04\"\n        align=\"start\"\n        sideOffset={4}\n      >\n        <div className=\"flex gap-ds-03\" role=\"group\" aria-label=\"Time picker\">\n          {/* Hours column */}\n          <div className=\"flex flex-col items-center gap-ds-02\">\n            <span className=\"text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle\">\n              Hr\n            </span>\n            <div className={cn(columnClass, 'min-w-ds-09')}>\n              {hoursRange.map((h) => (\n                <button\n                  key={h}\n                  type=\"button\"\n                  onClick={() => handleHourSelect(h)}\n                  className={cn(\n                    itemBase,\n                    selectedHour === h ? itemSelected : itemDefault,\n                  )}\n                  aria-label={`${h} hours`}\n                  aria-selected={selectedHour === h || undefined}\n                >\n                  {timeFormat === '24h' ? padTwo(h) : h}\n                </button>\n              ))}\n            </div>\n          </div>\n\n          {/* Minutes column */}\n          <div className=\"flex flex-col items-center gap-ds-02\">\n            <span className=\"text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle\">\n              Min\n            </span>\n            <div className={cn(columnClass, 'min-w-ds-09')}>\n              {minutesRange.map((m) => (\n                <button\n                  key={m}\n                  type=\"button\"\n                  onClick={() => handleMinuteSelect(m)}\n                  className={cn(\n                    itemBase,\n                    minutes === m ? itemSelected : itemDefault,\n                  )}\n                  aria-label={`${padTwo(m)} minutes`}\n                  aria-selected={minutes === m || undefined}\n                >\n                  {padTwo(m)}\n                </button>\n              ))}\n            </div>\n          </div>\n\n          {/* Seconds column */}\n          {showSeconds && (\n            <div className=\"flex flex-col items-center gap-ds-02\">\n              <span className=\"text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle\">\n                Sec\n              </span>\n              <div className={cn(columnClass, 'min-w-ds-09')}>\n                {secondsRange.map((s) => (\n                  <button\n                    key={s}\n                    type=\"button\"\n                    onClick={() => handleSecondSelect(s)}\n                    className={cn(\n                      itemBase,\n                      seconds === s ? itemSelected : itemDefault,\n                    )}\n                    aria-label={`${padTwo(s)} seconds`}\n                    aria-selected={seconds === s || undefined}\n                  >\n                    {padTwo(s)}\n                  </button>\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* AM/PM toggle for 12h format */}\n          {timeFormat === '12h' && (\n            <div className=\"flex flex-col items-center gap-ds-02\">\n              <span className=\"text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle\">\n                &nbsp;\n              </span>\n              <div className=\"flex flex-col gap-ds-01 px-ds-01\">\n                {(['AM', 'PM'] as const).map((period) => (\n                  <button\n                    key={period}\n                    type=\"button\"\n                    onClick={() => handleAmPmToggle(period)}\n                    className={cn(\n                      itemBase,\n                      'min-w-[44px] font-semibold',\n                      ampm === period ? itemSelected : itemDefault,\n                    )}\n                    aria-label={period}\n                    aria-selected={ampm === period || undefined}\n                  >\n                    {period}\n                  </button>\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n  },\n)\n\nTimePicker.displayName = 'TimePicker'\n\nexport { TimePicker }\n"],"mappings":"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"}