@flanksource/clicky-ui 0.2.1 → 0.2.3

package/dist/components/TimeRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeRange.js","sources":["../../src/components/TimeRange.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type RefObject } from \"react\";\nimport { Icon } from \"../data/Icon\";\nimport { UiArrowRight, UiCalendar, UiClose, UiWatch } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"./button\";\nimport { Select } from \"./select\";\n\nexport type TimeRangeKind = \"time\" | \"date\";\n\nexport type TimeRangePresetGroup = \"min\" | \"hr\" | \"day\" | \"wk+\" | \"this\" | \"last\";\n\nexport type TimeRangePreset = {\n  /** Visible label for the preset row. */\n  label: string;\n  /** Start value applied when the preset is selected, e.g. `now-1h`. */\n  from: string;\n  /** End value applied when the preset is selected, usually `now`. */\n  to: string;\n};\n\nexport type TimeRangeChipRow = {\n  /** Stable row id used as the React key. */\n  id: string;\n  /** Group label shown beside the chips. */\n  label: string;\n  /** Preset chips rendered in this row. */\n  chips: {\n    /** Compact label shown in the chip. */\n    label: string;\n    /** Start value applied when clicked, e.g. `now-15m`. */\n    token: string;\n    /** Optional end value; defaults to `now`. */\n    to?: string;\n    /** Accessible label for the chip button. */\n    ariaLabel?: string;\n    /** Optional browser tooltip. */\n    title?: string;\n  }[];\n};\n\nexport type TimeRangeProps = {\n  /** Controls whether the inputs accept date-only or date-time values. */\n  kind?: TimeRangeKind;\n  /** Label shown in the trigger before the selected range summary. */\n  label?: string;\n  /** Current start value. Relative values such as `now-1h` are supported. */\n  from?: string;\n  /** Current end value. Relative values such as `now` are supported. */\n  to?: string;\n  /** Called when the user applies a typed value or preset. */\n  onApply: (from: string, to: string) => void;\n  /** Presets or preset groups to show in the popup. */\n  presets?: Array<TimeRangePreset | TimeRangePresetGroup>;\n  /** Explicit chip rows; overrides the built-in preset group layout. */\n  chipRows?: TimeRangeChipRow[];\n  /** Enables time fields for date-time ranges. */\n  timeEnabled?: boolean;\n  /** Selected timezone shown in the popup. */\n  timeZone?: string;\n  /** Available timezone options. */\n  timeZones?: string[];\n  /** Placeholder for the start input. */\n  fromPlaceholder?: string;\n  /** Placeholder for the end input. */\n  toPlaceholder?: string;\n  /** Trigger text when neither boundary is set. */\n  emptyLabel?: string;\n  /** Aligns the popup to the trigger's left or right edge. */\n  align?: \"left\" | \"right\";\n  /** Disables opening and applying changes. */\n  disabled?: boolean;\n  /** Classes applied to the root wrapper. */\n  className?: string;\n  /** Classes applied to the trigger button. */\n  triggerClassName?: string;\n  /** Classes applied to the popup panel. */\n  panelClassName?: string;\n};\n\nconst defaultTimeChipRows: TimeRangeChipRow[] = [\n  {\n    id: \"minutes\",\n    label: \"Min\",\n    chips: [\n      { label: \"5m\", token: \"now-5m\" },\n      { label: \"15m\", token: \"now-15m\" },\n      { label: \"30m\", token: \"now-30m\" },\n    ],\n  },\n  {\n    id: \"hours\",\n    label: \"Hr\",\n    chips: [\n      { label: \"1h\", token: \"now-1h\" },\n      { label: \"2h\", token: \"now-2h\" },\n      { label: \"4h\", token: \"now-4h\" },\n      { label: \"8h\", token: \"now-8h\" },\n      { label: \"12h\", token: \"now-12h\" },\n    ],\n  },\n  {\n    id: \"days\",\n    label: \"Day\",\n    chips: [\n      { label: \"1d\", token: \"now-1d\" },\n      { label: \"2d\", token: \"now-2d\" },\n      { label: \"3d\", token: \"now-3d\" },\n      { label: \"1w\", token: \"now-1w\" },\n    ],\n  },\n  {\n    id: \"weeks\",\n    label: \"Wk+\",\n    chips: [\n      { label: \"2w\", token: \"now-2w\" },\n      { label: \"1M\", token: \"now-1M\" },\n      { label: \"3M\", token: \"now-3M\" },\n      { label: \"6M\", token: \"now-6M\" },\n      { label: \"1y\", token: \"now-1y\" },\n    ],\n  },\n];\n\nconst timeChipRowsByGroup: Record<\n  Exclude<TimeRangePresetGroup, \"this\" | \"last\">,\n  TimeRangeChipRow\n> = {\n  min: defaultTimeChipRows[0]!,\n  hr: defaultTimeChipRows[1]!,\n  day: defaultTimeChipRows[2]!,\n  \"wk+\": defaultTimeChipRows[3]!,\n};\n\nconst defaultDateChipRows: TimeRangeChipRow[] = [\n  {\n    id: \"days\",\n    label: \"Day\",\n    chips: [\n      { label: \"1d\", token: \"now-1d\" },\n      { label: \"2d\", token: \"now-2d\" },\n      { label: \"3d\", token: \"now-3d\" },\n      { label: \"7d\", token: \"now-7d\" },\n    ],\n  },\n  {\n    id: \"weeks\",\n    label: \"Wk\",\n    chips: [\n      { label: \"1w\", token: \"now-1w\" },\n      { label: \"2w\", token: \"now-2w\" },\n      { label: \"4w\", token: \"now-4w\" },\n    ],\n  },\n  {\n    id: \"months\",\n    label: \"Mo\",\n    chips: [\n      { label: \"1M\", token: \"now-1M\" },\n      { label: \"3M\", token: \"now-3M\" },\n      { label: \"6M\", token: \"now-6M\" },\n      { label: \"1y\", token: \"now-1y\" },\n    ],\n  },\n];\n\nconst thisLastChipRows: Record<Extract<TimeRangePresetGroup, \"this\" | \"last\">, TimeRangeChipRow> = {\n  this: {\n    id: \"this\",\n    label: \"This\",\n    chips: [\n      { label: \"Week\", token: \"now/w\", to: \"now/w+1w\", ariaLabel: \"this week\" },\n      {\n        label: \"Month\",\n        token: \"now/M\",\n        to: \"now/M+1M\",\n        ariaLabel: \"this month\",\n      },\n      {\n        label: \"Quarter\",\n        token: \"now/q\",\n        to: \"now/q+1q\",\n        ariaLabel: \"this quarter\",\n      },\n      { label: \"Year\", token: \"now/y\", to: \"now/y+1y\", ariaLabel: \"this year\" },\n    ],\n  },\n  last: {\n    id: \"last\",\n    label: \"Last\",\n    chips: [\n      { label: \"Week\", token: \"now/w-1w\", to: \"now/w\", ariaLabel: \"last week\" },\n      {\n        label: \"Month\",\n        token: \"now/M-1M\",\n        to: \"now/M\",\n        ariaLabel: \"last month\",\n      },\n      {\n        label: \"Quarter\",\n        token: \"now/q-1q\",\n        to: \"now/q\",\n        ariaLabel: \"last quarter\",\n      },\n      { label: \"Year\", token: \"now/y-1y\", to: \"now/y\", ariaLabel: \"last year\" },\n    ],\n  },\n};\n\nexport function TimeRange({\n  kind = \"time\",\n  label = \"Time range\",\n  from = \"\",\n  to = \"\",\n  onApply,\n  presets,\n  chipRows,\n  timeEnabled = false,\n  timeZone,\n  timeZones,\n  fromPlaceholder,\n  toPlaceholder,\n  emptyLabel,\n  align = \"right\",\n  disabled = false,\n  className,\n  triggerClassName,\n  panelClassName,\n}: TimeRangeProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const [open, setOpen] = useState(false);\n  const [draftFrom, setDraftFrom] = useState(from);\n  const [draftTo, setDraftTo] = useState(to);\n  const resolvedDefaultTimeZone = timeZone ?? getDefaultTimeZone();\n  const [selectedTimeZone, setSelectedTimeZone] = useState(resolvedDefaultTimeZone);\n\n  const activeTimeZones = resolveTimeZones(timeZones, selectedTimeZone);\n  const { rows: activeChipRows, presets: activePresets } = resolvePresetConfig(\n    kind,\n    presets,\n    chipRows,\n  );\n\n  useDismissablePopup(open, rootRef, triggerRef, () => setOpen(false));\n\n  useEffect(() => {\n    if (open) {\n      setDraftFrom(from);\n      setDraftTo(to);\n      setSelectedTimeZone(resolvedDefaultTimeZone);\n    }\n  }, [from, open, resolvedDefaultTimeZone, to]);\n\n  const buttonLabel =\n    formatSelectedPresetLabel(from, to, activeChipRows, activePresets) ??\n    formatRangeLabel(kind, from, to, emptyLabel);\n  const activeToken = normalizeRangeValue(kind, from, {\n    timeEnabled,\n    timeZone: selectedTimeZone,\n  });\n\n  function applyRange(nextFrom: string, nextTo: string) {\n    onApply(\n      normalizeRangeValue(kind, nextFrom, {\n        timeEnabled,\n        timeZone: selectedTimeZone,\n      }),\n      normalizeRangeValue(kind, nextTo, {\n        timeEnabled,\n        timeZone: selectedTimeZone,\n      }),\n    );\n    setOpen(false);\n  }\n\n  function clearRange() {\n    setDraftFrom(\"\");\n    setDraftTo(\"\");\n    onApply(\"\", \"\");\n    setOpen(false);\n  }\n\n  return (\n    <div ref={rootRef} className={cn(\"relative inline-flex\", className)}>\n      <Button\n        ref={triggerRef}\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        aria-label={`${label} filter`}\n        aria-expanded={open}\n        aria-haspopup=\"dialog\"\n        disabled={disabled}\n        onClick={() => setOpen((current) => !current)}\n        className={cn(\n          \"h-7 w-fit max-w-[12rem] min-w-0 gap-2 px-2 text-xs font-normal\",\n          triggerClassName,\n        )}\n      >\n        <Icon\n          icon={kind === \"time\" ? UiWatch : UiCalendar}\n          className=\"text-muted-foreground text-[14px]\"\n        />\n        <span className=\"truncate font-normal tabular-nums\">{buttonLabel}</span>\n      </Button>\n\n      {open && (\n        <div\n          role=\"dialog\"\n          aria-label={label}\n          className={cn(\n            \"absolute top-[calc(100%+0.375rem)] z-50 w-[22.5rem] overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground shadow-lg shadow-black/5 outline-none\",\n            align === \"left\" ? \"left-0\" : \"right-0\",\n            panelClassName,\n          )}\n        >\n          <div className=\"flex items-center justify-between border-b border-border/60 px-3.5 py-2.5\">\n            <span className=\"text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n              {label}\n            </span>\n            <span className=\"font-mono text-[10px] text-muted-foreground\">\n              {timeEnabled ? selectedTimeZone : \"Relative\"}\n            </span>\n          </div>\n\n          {activeChipRows.length > 0 && (\n            <ChipRowList rows={activeChipRows} activeToken={activeToken} onApply={applyRange} />\n          )}\n          {activePresets.length > 0 && (\n            <div className={activeChipRows.length > 0 ? \"px-3.5 pb-3\" : \"px-3.5 pt-3\"}>\n              <PresetList presets={activePresets} onApply={applyRange} />\n            </div>\n          )}\n\n          <div className=\"border-t border-border/60 bg-muted/30 px-3.5 py-2.5\">\n            <div className=\"mb-1.5 flex items-center justify-between gap-2\">\n              <div className=\"text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n                Custom\n              </div>\n              {timeEnabled && (\n                <div className=\"flex min-w-0 items-center gap-1.5\">\n                  <span className=\"text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n                    TZ\n                  </span>\n                  <Select\n                    aria-label={`${label} timezone`}\n                    value={selectedTimeZone}\n                    options={activeTimeZones.map((zone) => ({\n                      value: zone,\n                      label: zone,\n                    }))}\n                    onChange={(event) => setSelectedTimeZone(event.target.value)}\n                    className=\"h-7 w-40 truncate px-2 pr-7 font-mono text-xs\"\n                  />\n                </div>\n              )}\n            </div>\n            <div className=\"grid grid-cols-[1fr_auto_1fr] items-center gap-1.5\">\n              <DraftRangeInput\n                aria-label={`${label} from`}\n                placeholder={\n                  fromPlaceholder ?? (kind === \"date\" ? \"YYYY-MM-DD or now-1d\" : \"now-24h\")\n                }\n                value={draftFrom}\n                onChange={setDraftFrom}\n                onClear={() => setDraftFrom(\"\")}\n                pickerKind={kind}\n                timeEnabled={timeEnabled}\n              />\n              <Icon icon={UiArrowRight} className=\"text-muted-foreground text-[12px]\" />\n              <DraftRangeInput\n                aria-label={`${label} to`}\n                placeholder={toPlaceholder ?? (kind === \"date\" ? \"YYYY-MM-DD or now\" : \"now\")}\n                value={draftTo}\n                onChange={setDraftTo}\n                onClear={() => setDraftTo(\"\")}\n                pickerKind={kind}\n                timeEnabled={timeEnabled}\n              />\n            </div>\n          </div>\n\n          <div className=\"flex items-center justify-between border-t border-border/60 px-3 py-2\">\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"h-7 px-2.5 text-xs\"\n              disabled={!from && !to}\n              onClick={clearRange}\n            >\n              Clear\n            </Button>\n            <div className=\"flex gap-1.5\">\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"h-7 px-2.5 text-xs\"\n                onClick={() => setOpen(false)}\n              >\n                Cancel\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"default\"\n                size=\"sm\"\n                className=\"h-7 px-3.5 text-xs\"\n                onClick={() => applyRange(draftFrom, draftTo)}\n              >\n                Apply\n              </Button>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction DraftRangeInput({\n  value,\n  onChange,\n  onClear,\n  placeholder,\n  pickerKind,\n  timeEnabled,\n  ...rest\n}: {\n  value: string;\n  onChange: (value: string) => void;\n  onClear: () => void;\n  placeholder: string | undefined;\n  pickerKind?: TimeRangeKind;\n  timeEnabled: boolean;\n  \"aria-label\": string;\n}) {\n  const ariaLabel = rest[\"aria-label\"];\n  const showCalendar = pickerKind !== undefined;\n  const showTimeInput = pickerKind === \"time\" && timeEnabled;\n  const { date: datePart, time: timePart } = splitDateTime(value);\n\n  function setDatePart(nextDate: string) {\n    if (!showTimeInput) {\n      onChange(nextDate);\n      return;\n    }\n    if (!nextDate) {\n      onChange(timePart ? `T${timePart}` : \"\");\n      return;\n    }\n    onChange(timePart ? `${nextDate}T${timePart}` : nextDate);\n  }\n\n  function setTimePart(nextTime: string) {\n    if (!nextTime) {\n      onChange(datePart);\n      return;\n    }\n    onChange(datePart ? `${datePart}T${nextTime}` : `T${nextTime}`);\n  }\n\n  return (\n    <div className=\"space-y-1\">\n      <DraftTextInput\n        ariaLabel={ariaLabel}\n        placeholder={placeholder}\n        value={showTimeInput ? datePart : value}\n        onChange={showTimeInput ? setDatePart : onChange}\n        onClear={onClear}\n        showCalendar={showCalendar}\n      />\n      {showTimeInput && (\n        <DraftTimeInput ariaLabel={`${ariaLabel} time`} value={timePart} onChange={setTimePart} />\n      )}\n    </div>\n  );\n}\n\nfunction resolvePresetConfig(\n  kind: TimeRangeKind,\n  presets: TimeRangeProps[\"presets\"],\n  chipRows: TimeRangeChipRow[] | undefined,\n) {\n  if (presets === undefined) {\n    return {\n      rows: chipRows ?? (kind === \"date\" ? defaultDateChipRows : defaultTimeChipRows),\n      presets: [] as TimeRangePreset[],\n    };\n  }\n\n  const rows: TimeRangeChipRow[] = chipRows ? [...chipRows] : [];\n  const presetList: TimeRangePreset[] = [];\n\n  for (const preset of presets) {\n    if (typeof preset !== \"string\") {\n      presetList.push(preset);\n      continue;\n    }\n    if (preset === \"this\" || preset === \"last\") {\n      rows.push(thisLastChipRows[preset]);\n      continue;\n    }\n    rows.push(timeChipRowsByGroup[preset]);\n  }\n\n  return { rows, presets: presetList };\n}\n\nfunction DraftTextInput({\n  ariaLabel,\n  value,\n  onChange,\n  onClear,\n  placeholder,\n  showCalendar,\n}: {\n  ariaLabel: string;\n  value: string;\n  onChange: (value: string) => void;\n  onClear: () => void;\n  placeholder: string | undefined;\n  showCalendar: boolean;\n}) {\n  const pickerRef = useRef<HTMLInputElement | null>(null);\n  const hasValue = value.length > 0;\n  const paddingRight = showCalendar ? (hasValue ? \"pr-12\" : \"pr-7\") : \"pr-7\";\n\n  return (\n    <div className=\"relative\">\n      <input\n        type=\"text\"\n        aria-label={ariaLabel}\n        placeholder={placeholder}\n        value={value}\n        onChange={(event) => onChange(event.target.value)}\n        className={cn(\n          \"h-8 w-full rounded-md border border-input bg-background px-2 font-mono text-xs outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n          paddingRight,\n        )}\n      />\n      {hasValue && (\n        <button\n          type=\"button\"\n          aria-label={`Clear ${ariaLabel}`}\n          onClick={onClear}\n          className={cn(\n            \"absolute inset-y-0 inline-flex w-5 items-center justify-center text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            showCalendar ? \"right-6\" : \"right-1\",\n          )}\n        >\n          <Icon icon={UiClose} className=\"text-[12px]\" />\n        </button>\n      )}\n      {showCalendar && (\n        <>\n          <input\n            ref={pickerRef}\n            type=\"date\"\n            tabIndex={-1}\n            aria-hidden=\"true\"\n            value={/^\\d{4}-\\d{2}-\\d{2}$/.test(value.trim()) ? value.trim() : \"\"}\n            onChange={(event) => onChange(event.target.value)}\n            className=\"pointer-events-none absolute left-0 top-0 h-0 w-0 opacity-0\"\n          />\n          <button\n            type=\"button\"\n            aria-label={`Pick ${ariaLabel}`}\n            onClick={() => pickerRef.current?.showPicker?.()}\n            className=\"absolute inset-y-0 right-1 inline-flex w-5 items-center justify-center text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <Icon icon={UiCalendar} className=\"text-[12px]\" />\n          </button>\n        </>\n      )}\n    </div>\n  );\n}\n\nfunction DraftTimeInput({\n  ariaLabel,\n  value,\n  onChange,\n}: {\n  ariaLabel: string;\n  value: string;\n  onChange: (value: string) => void;\n}) {\n  return (\n    <input\n      type=\"time\"\n      aria-label={ariaLabel}\n      value={value}\n      onChange={(event) => onChange(event.target.value)}\n      className=\"h-8 w-full rounded-md border border-input bg-background px-2 font-mono text-xs outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n    />\n  );\n}\n\nfunction splitDateTime(value: string) {\n  const trimmed = value.trim();\n  const match = /^(\\d{4}-\\d{2}-\\d{2})?T?(\\d{2}:\\d{2})?/.exec(trimmed);\n  if (!match || trimmed.startsWith(\"now\") || /^[+-]/.test(trimmed)) {\n    return { date: trimmed, time: \"\" };\n  }\n  return { date: match[1] ?? \"\", time: match[2] ?? \"\" };\n}\n\nfunction ChipRowList({\n  rows,\n  activeToken,\n  onApply,\n}: {\n  rows: TimeRangeChipRow[];\n  activeToken: string;\n  onApply: (from: string, to: string) => void;\n}) {\n  if (rows.length === 0) return null;\n\n  return (\n    <div className=\"px-3.5 py-3\" role=\"list\" aria-label=\"Time filters\">\n      {rows.map((row, index) => (\n        <div\n          key={row.id}\n          className={cn(\n            \"grid grid-cols-[2rem_1fr] items-center gap-2\",\n            index === rows.length - 1 ? \"\" : \"mb-1.5\",\n          )}\n          role=\"listitem\"\n        >\n          <span className=\"text-[9.5px] font-bold uppercase tracking-wider text-muted-foreground\">\n            {row.label}\n          </span>\n          <div className=\"flex divide-x divide-border overflow-hidden rounded-[5px] border border-border\">\n            {row.chips.map((chip) => {\n              const active = chip.token === activeToken;\n              return (\n                <button\n                  key={chip.token}\n                  type=\"button\"\n                  title={chip.title ?? chip.ariaLabel ?? chip.token}\n                  aria-label={chip.ariaLabel ?? chip.token}\n                  aria-pressed={active}\n                  onClick={() => onApply(chip.token, chip.to ?? \"now\")}\n                  className={cn(\n                    \"flex-1 min-w-0 px-0 py-1.5 text-center font-mono text-[11.5px] leading-none transition-colors focus-visible:relative focus-visible:z-10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                    active\n                      ? \"bg-foreground font-semibold text-background\"\n                      : \"bg-background font-medium text-muted-foreground hover:bg-muted\",\n                  )}\n                >\n                  {chip.label}\n                </button>\n              );\n            })}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction PresetList({\n  presets,\n  onApply,\n}: {\n  presets: TimeRangePreset[];\n  onApply: (from: string, to: string) => void;\n}) {\n  if (presets.length === 0) return null;\n\n  return (\n    <div className=\"mb-3 space-y-1\" role=\"list\" aria-label=\"Time filters\">\n      {presets.map((preset) => (\n        <button\n          key={`${preset.label}-${preset.from}-${preset.to}`}\n          type=\"button\"\n          className=\"flex h-8 w-full items-center justify-between gap-3 rounded-md border border-border bg-background px-2 text-left text-xs hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          onClick={() => onApply(preset.from, preset.to)}\n        >\n          <span className=\"min-w-0 truncate font-medium\">{preset.label}</span>\n          <span className=\"shrink-0 font-mono text-[11px] text-muted-foreground\">\n            {formatPresetRange(preset)}\n          </span>\n        </button>\n      ))}\n    </div>\n  );\n}\n\nfunction formatSelectedPresetLabel(\n  from: string,\n  to: string,\n  rows: TimeRangeChipRow[],\n  presets: TimeRangePreset[],\n) {\n  const normalizedFrom = from.trim();\n  const normalizedTo = to.trim();\n  if (!normalizedFrom && !normalizedTo) return undefined;\n\n  for (const row of rows) {\n    for (const chip of row.chips) {\n      if (chip.token === normalizedFrom && (chip.to ?? \"now\") === normalizedTo) {\n        return chip.ariaLabel ?? chip.title ?? chip.label;\n      }\n    }\n  }\n\n  return presets.find((preset) => preset.from === normalizedFrom && preset.to === normalizedTo)\n    ?.label;\n}\n\nfunction formatPresetRange({ from, to }: TimeRangePreset) {\n  if (!from) return to;\n  if (!to || to === \"now\") return from;\n  return `${from} -> ${to}`;\n}\n\nfunction useDismissablePopup(\n  open: boolean,\n  rootRef: RefObject<HTMLElement | null>,\n  triggerRef: RefObject<HTMLElement | null>,\n  onClose: () => void,\n) {\n  useEffect(() => {\n    if (!open) return;\n\n    const onPointerDown = (event: MouseEvent) => {\n      if (!rootRef.current?.contains(event.target as Node)) {\n        onClose();\n      }\n    };\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onClose();\n        triggerRef.current?.focus();\n      }\n    };\n\n    document.addEventListener(\"mousedown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      document.removeEventListener(\"mousedown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [onClose, open, rootRef, triggerRef]);\n}\n\nfunction normalizeRangeValue(\n  kind: TimeRangeKind,\n  value: string,\n  options: { timeEnabled?: boolean; timeZone?: string } = {},\n) {\n  const trimmed = value.trim();\n  if (!trimmed) return \"\";\n  if (trimmed === \"now\" || trimmed.startsWith(\"now\")) return trimmed;\n  if (kind === \"time\" && /^[+-]\\d/.test(trimmed)) return `now${trimmed}`;\n  if (kind === \"time\" && options.timeEnabled) {\n    return encodeDateTimeWithOffset(trimmed, options.timeZone ?? getDefaultTimeZone());\n  }\n  return trimmed;\n}\n\nfunction formatRangeLabel(kind: TimeRangeKind, from: string, to: string, emptyLabel?: string) {\n  const trimmedFrom = from.trim();\n  const trimmedTo = to.trim();\n\n  if (!trimmedFrom && !trimmedTo) {\n    return emptyLabel ?? (kind === \"date\" ? \"Any date\" : \"now-24h\");\n  }\n\n  if (kind === \"time\") {\n    const normalizedFrom = normalizeRangeValue(kind, trimmedFrom);\n    const normalizedTo = normalizeRangeValue(kind, trimmedTo || \"now\");\n    if (!normalizedFrom) return normalizedTo;\n    if (normalizedTo === \"now\") return normalizedFrom;\n    return `${normalizedFrom} -> ${normalizedTo}`;\n  }\n\n  if (trimmedFrom && trimmedTo && trimmedFrom === trimmedTo) {\n    return trimmedFrom;\n  }\n\n  if (!trimmedFrom) return trimmedTo;\n  if (!trimmedTo) return trimmedFrom;\n  return `${trimmedFrom} -> ${trimmedTo}`;\n}\n\nfunction getDefaultTimeZone() {\n  try {\n    return Intl.DateTimeFormat().resolvedOptions().timeZone || \"UTC\";\n  } catch {\n    return \"UTC\";\n  }\n}\n\nfunction resolveTimeZones(timeZones: string[] | undefined, selectedTimeZone: string) {\n  const zones = timeZones && timeZones.length > 0 ? timeZones : [selectedTimeZone, \"UTC\"];\n  return Array.from(new Set([selectedTimeZone, ...zones, \"UTC\"].filter(Boolean)));\n}\n\nfunction encodeDateTimeWithOffset(value: string, timeZone: string) {\n  if (!isLocalDateTime(value) || hasExplicitOffset(value)) return value;\n\n  const match = value.match(/^(\\d{4})-(\\d{2})-(\\d{2})T(\\d{2}):(\\d{2})(?::(\\d{2}))?(?:\\.\\d+)?$/);\n  if (!match) return value;\n\n  const [, year, month, day, hour, minute, second = \"00\"] = match;\n  const localUtcMillis = Date.UTC(\n    Number(year),\n    Number(month) - 1,\n    Number(day),\n    Number(hour),\n    Number(minute),\n    Number(second),\n  );\n  const offsetMinutes = getTimeZoneOffsetMinutes(timeZone, localUtcMillis);\n  return `${year}-${month}-${day}T${hour}:${minute}:${second}${formatOffset(offsetMinutes)}`;\n}\n\nfunction isLocalDateTime(value: string) {\n  return /^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}(?::\\d{2})?(?:\\.\\d+)?$/.test(value.trim());\n}\n\nfunction hasExplicitOffset(value: string) {\n  return /(?:Z|[+-]\\d{2}:?\\d{2})$/i.test(value.trim());\n}\n\nfunction getTimeZoneOffsetMinutes(timeZone: string, localUtcMillis: number) {\n  try {\n    const formatter = new Intl.DateTimeFormat(\"en-US\", {\n      timeZone,\n      year: \"numeric\",\n      month: \"2-digit\",\n      day: \"2-digit\",\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n      second: \"2-digit\",\n      hour12: false,\n    });\n    const parts = Object.fromEntries(\n      formatter\n        .formatToParts(new Date(localUtcMillis))\n        .filter((part) => part.type !== \"literal\")\n        .map((part) => [part.type, part.value]),\n    );\n    const zonedUtcMillis = Date.UTC(\n      Number(parts.year),\n      Number(parts.month) - 1,\n      Number(parts.day),\n      Number(parts.hour),\n      Number(parts.minute),\n      Number(parts.second),\n    );\n    return (zonedUtcMillis - localUtcMillis) / 60_000;\n  } catch {\n    return 0;\n  }\n}\n\nfunction formatOffset(offsetMinutes: number) {\n  const sign = offsetMinutes >= 0 ? \"+\" : \"-\";\n  const abs = Math.abs(offsetMinutes);\n  const hours = Math.floor(abs / 60)\n    .toString()\n    .padStart(2, \"0\");\n  const minutes = Math.floor(abs % 60)\n    .toString()\n    .padStart(2, \"0\");\n  return `${sign}${hours}:${minutes}`;\n}\n"],"names":[],"mappings":"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"}

package/dist/components/button.cjs

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactSlot = require("@radix-ui/react-slot");
+const classVarianceAuthority = require("class-variance-authority");
+const react = require("react");
+const utils = require("../lib/utils.cjs");
+const buttonVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-control-h px-control-px py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-control-h w-control-h"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function ButtonSpinner() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "32",
+      height: "32",
+      viewBox: "0 0 24 24",
+      "aria-hidden": "true",
+      className: "h-4 w-4 shrink-0",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "4", cy: "12", r: "3", fill: "#151515", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "animate",
+          {
+            id: "SVG7x14Dcom",
+            fill: "freeze",
+            attributeName: "opacity",
+            begin: "0;SVGqSjG0dUp.end-0.25s",
+            dur: "0.75s",
+            values: "1;0.2"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3", fill: "#151515", opacity: "0.4", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "animate",
+          {
+            fill: "freeze",
+            attributeName: "opacity",
+            begin: "SVG7x14Dcom.begin+0.15s",
+            dur: "0.75s",
+            values: "1;0.2"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "20", cy: "12", r: "3", fill: "#151515", opacity: "0.3", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "animate",
+          {
+            id: "SVGqSjG0dUp",
+            fill: "freeze",
+            attributeName: "opacity",
+            begin: "SVG7x14Dcom.begin+0.3s",
+            dur: "0.75s",
+            values: "1;0.2"
+          }
+        ) })
+      ]
+    }
+  );
+}
+const Button = react.forwardRef(
+  ({
+    children,
+    className,
+    disabled,
+    loading = false,
+    loadingLabel,
+    variant,
+    size,
+    asChild = false,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    const content = loadingLabel !== void 0 ? loadingLabel : children;
+    if (asChild) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Comp,
+        {
+          ref,
+          "aria-busy": loading || void 0,
+          className: utils.cn(buttonVariants({ variant, size }), className),
+          disabled: disabled || loading,
+          ...props,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Comp,
+      {
+        ref,
+        "aria-busy": loading || void 0,
+        className: utils.cn(buttonVariants({ variant, size }), className),
+        disabled: disabled || loading,
+        ...props,
+        children: [
+          loading && /* @__PURE__ */ jsxRuntime.jsx(ButtonSpinner, {}),
+          content
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+exports.Button = Button;
+exports.buttonVariants = buttonVariants;
+//# sourceMappingURL=button.cjs.map

package/dist/components/button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.cjs","sources":["../../src/components/button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-control-h px-control-px py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        lg: \"h-10 rounded-md px-8\",\n        icon: \"h-control-h w-control-h\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &\n  VariantProps<typeof buttonVariants> & {\n    /** Render the button styles onto the child element via Radix Slot. */\n    asChild?: boolean;\n    /** Show a spinner and disable the button while an action is pending. */\n    loading?: boolean;\n    /** Label to render while loading; defaults to the normal children. */\n    loadingLabel?: ReactNode;\n  };\n\nfunction ButtonSpinner() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden=\"true\"\n      className=\"h-4 w-4 shrink-0\"\n    >\n      <circle cx=\"4\" cy=\"12\" r=\"3\" fill=\"#151515\">\n        <animate\n          id=\"SVG7x14Dcom\"\n          fill=\"freeze\"\n          attributeName=\"opacity\"\n          begin=\"0;SVGqSjG0dUp.end-0.25s\"\n          dur=\"0.75s\"\n          values=\"1;0.2\"\n        />\n      </circle>\n      <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#151515\" opacity=\"0.4\">\n        <animate\n          fill=\"freeze\"\n          attributeName=\"opacity\"\n          begin=\"SVG7x14Dcom.begin+0.15s\"\n          dur=\"0.75s\"\n          values=\"1;0.2\"\n        />\n      </circle>\n      <circle cx=\"20\" cy=\"12\" r=\"3\" fill=\"#151515\" opacity=\"0.3\">\n        <animate\n          id=\"SVGqSjG0dUp\"\n          fill=\"freeze\"\n          attributeName=\"opacity\"\n          begin=\"SVG7x14Dcom.begin+0.3s\"\n          dur=\"0.75s\"\n          values=\"1;0.2\"\n        />\n      </circle>\n    </svg>\n  );\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      children,\n      className,\n      disabled,\n      loading = false,\n      loadingLabel,\n      variant,\n      size,\n      asChild = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n    const content = loadingLabel !== undefined ? loadingLabel : children;\n\n    if (asChild) {\n      return (\n        <Comp\n          ref={ref}\n          aria-busy={loading || undefined}\n          className={cn(buttonVariants({ variant, size }), className)}\n          disabled={disabled || loading}\n          {...props}\n        >\n          {children}\n        </Comp>\n      );\n    }\n\n    return (\n      <Comp\n        ref={ref}\n        aria-busy={loading || undefined}\n        className={cn(buttonVariants({ variant, size }), className)}\n        disabled={disabled || loading}\n        {...props}\n      >\n        {loading && <ButtonSpinner />}\n        {content}\n      </Comp>\n    );\n  },\n);\nButton.displayName = \"Button\";\n\nexport { buttonVariants };\n"],"names":["cva","jsxs","jsx","forwardRef","Slot","cn"],"mappings":";;;;;;;AAKA,MAAM,iBAAiBA,uBAAAA;AAAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,QACb,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAYA,SAAS,gBAAgB;AACvB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,eAAY;AAAA,MACZ,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAC,2BAAAA,IAAC,UAAA,EAAO,IAAG,KAAI,IAAG,MAAK,GAAE,KAAI,MAAK,WAChC,UAAAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,UAAA;AAAA,QAAA,GAEX;AAAA,QACAA,2BAAAA,IAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,WAAU,SAAQ,OACnD,UAAAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,UAAA;AAAA,QAAA,GAEX;AAAA,QACAA,2BAAAA,IAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,WAAU,SAAQ,OACnD,UAAAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,UAAA;AAAA,QAAA,EACT,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,MAAM,SAASC,MAAAA;AAAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,OAAO,UAAUC,UAAAA,OAAO;AAC9B,UAAM,UAAU,iBAAiB,SAAY,eAAe;AAE5D,QAAI,SAAS;AACX,aACEF,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,aAAW,WAAW;AAAA,UACtB,WAAWG,MAAAA,GAAG,eAAe,EAAE,SAAS,KAAA,CAAM,GAAG,SAAS;AAAA,UAC1D,UAAU,YAAY;AAAA,UACrB,GAAG;AAAA,UAEH;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAEA,WACEJ,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,aAAW,WAAW;AAAA,QACtB,WAAWI,MAAAA,GAAG,eAAe,EAAE,SAAS,KAAA,CAAM,GAAG,SAAS;AAAA,QAC1D,UAAU,YAAY;AAAA,QACrB,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,0CAAY,eAAA,EAAc;AAAA,UAC1B;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AACA,OAAO,cAAc;;;"}

package/dist/components/button.d.ts

@@ -5,16 +5,22 @@ declare const buttonVariants: (props?: ({
     size?: "sm" | "lg" | "default" | "icon" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
+    /** Render the button styles onto the child element via Radix Slot. */
     asChild?: boolean;
+    /** Show a spinner and disable the button while an action is pending. */
     loading?: boolean;
+    /** Label to render while loading; defaults to the normal children. */
     loadingLabel?: ReactNode;
 };
 export declare const Button: import('react').ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "sm" | "lg" | "default" | "icon" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
+    /** Render the button styles onto the child element via Radix Slot. */
     asChild?: boolean;
+    /** Show a spinner and disable the button while an action is pending. */
     loading?: boolean;
+    /** Label to render while loading; defaults to the normal children. */
     loadingLabel?: ReactNode;
 } & import('react').RefAttributes<HTMLButtonElement>>;
 export { buttonVariants };

package/dist/components/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9E,QAAA,MAAM,cAAc;;;8EAwBnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAC/D,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AA6CJ,eAAO,MAAM,MAAM;;;;cAhDL,OAAO;cACP,OAAO;mBACF,SAAS;qDA2F3B,CAAC;AAGF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9E,QAAA,MAAM,cAAc;;;8EAwBnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAC/D,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AA6CJ,eAAO,MAAM,MAAM;;;;IAnDf,sEAAsE;cAC5D,OAAO;IACjB,wEAAwE;cAC9D,OAAO;IACjB,sEAAsE;mBACvD,SAAS;qDA2F3B,CAAC;AAGF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../src/components/button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-control-h px-control-px py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        lg: \"h-10 rounded-md px-8\",\n        icon: \"h-control-h w-control-h\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n    loading?: boolean;\n    loadingLabel?: ReactNode;\n  };\n\nfunction ButtonSpinner() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden=\"true\"\n      className=\"h-4 w-4 shrink-0\"\n    >\n      <circle cx=\"4\" cy=\"12\" r=\"3\" fill=\"#151515\">\n        <animate\n          id=\"SVG7x14Dcom\"\n          fill=\"freeze\"\n          attributeName=\"opacity\"\n          begin=\"0;SVGqSjG0dUp.end-0.25s\"\n          dur=\"0.75s\"\n          values=\"1;0.2\"\n        />\n      </circle>\n      <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#151515\" opacity=\"0.4\">\n        <animate\n          fill=\"freeze\"\n          attributeName=\"opacity\"\n          begin=\"SVG7x14Dcom.begin+0.15s\"\n          dur=\"0.75s\"\n          values=\"1;0.2\"\n        />\n      </circle>\n      <circle cx=\"20\" cy=\"12\" r=\"3\" fill=\"#151515\" opacity=\"0.3\">\n        <animate\n          id=\"SVGqSjG0dUp\"\n          fill=\"freeze\"\n          attributeName=\"opacity\"\n          begin=\"SVG7x14Dcom.begin+0.3s\"\n          dur=\"0.75s\"\n          values=\"1;0.2\"\n        />\n      </circle>\n    </svg>\n  );\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      children,\n      className,\n      disabled,\n      loading = false,\n      loadingLabel,\n      variant,\n      size,\n      asChild = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n    const content = loadingLabel !== undefined ? loadingLabel : children;\n\n    if (asChild) {\n      return (\n        <Comp\n          ref={ref}\n          aria-busy={loading || undefined}\n          className={cn(buttonVariants({ variant, size }), className)}\n          disabled={disabled || loading}\n          {...props}\n        >\n          {children}\n        </Comp>\n      );\n    }\n\n    return (\n      <Comp\n        ref={ref}\n        aria-busy={loading || undefined}\n        className={cn(buttonVariants({ variant, size }), className)}\n        disabled={disabled || loading}\n        {...props}\n      >\n        {loading && <ButtonSpinner />}\n        {content}\n      </Comp>\n    );\n  },\n);\nButton.displayName = \"Button\";\n\nexport { buttonVariants };\n"],"names":[],"mappings":";;;;;AAKA,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,QACb,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AASA,SAAS,gBAAgB;AACvB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,eAAY;AAAA,MACZ,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,UAAA,EAAO,IAAG,KAAI,IAAG,MAAK,GAAE,KAAI,MAAK,WAChC,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,UAAA;AAAA,QAAA,GAEX;AAAA,QACA,oBAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,WAAU,SAAQ,OACnD,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,UAAA;AAAA,QAAA,GAEX;AAAA,QACA,oBAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,WAAU,SAAQ,OACnD,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,UAAA;AAAA,QAAA,EACT,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,MAAM,SAAS;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,UAAU,iBAAiB,SAAY,eAAe;AAE5D,QAAI,SAAS;AACX,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,aAAW,WAAW;AAAA,UACtB,WAAW,GAAG,eAAe,EAAE,SAAS,KAAA,CAAM,GAAG,SAAS;AAAA,UAC1D,UAAU,YAAY;AAAA,UACrB,GAAG;AAAA,UAEH;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAEA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,aAAW,WAAW;AAAA,QACtB,WAAW,GAAG,eAAe,EAAE,SAAS,KAAA,CAAM,GAAG,SAAS;AAAA,QAC1D,UAAU,YAAY;AAAA,QACrB,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,+BAAY,eAAA,EAAc;AAAA,UAC1B;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AACA,OAAO,cAAc;"}
+{"version":3,"file":"button.js","sources":["../../src/components/button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-control-h px-control-px py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        lg: \"h-10 rounded-md px-8\",\n        icon: \"h-control-h w-control-h\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &\n  VariantProps<typeof buttonVariants> & {\n    /** Render the button styles onto the child element via Radix Slot. */\n    asChild?: boolean;\n    /** Show a spinner and disable the button while an action is pending. */\n    loading?: boolean;\n    /** Label to render while loading; defaults to the normal children. */\n    loadingLabel?: ReactNode;\n  };\n\nfunction ButtonSpinner() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden=\"true\"\n      className=\"h-4 w-4 shrink-0\"\n    >\n      <circle cx=\"4\" cy=\"12\" r=\"3\" fill=\"#151515\">\n        <animate\n          id=\"SVG7x14Dcom\"\n          fill=\"freeze\"\n          attributeName=\"opacity\"\n          begin=\"0;SVGqSjG0dUp.end-0.25s\"\n          dur=\"0.75s\"\n          values=\"1;0.2\"\n        />\n      </circle>\n      <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#151515\" opacity=\"0.4\">\n        <animate\n          fill=\"freeze\"\n          attributeName=\"opacity\"\n          begin=\"SVG7x14Dcom.begin+0.15s\"\n          dur=\"0.75s\"\n          values=\"1;0.2\"\n        />\n      </circle>\n      <circle cx=\"20\" cy=\"12\" r=\"3\" fill=\"#151515\" opacity=\"0.3\">\n        <animate\n          id=\"SVGqSjG0dUp\"\n          fill=\"freeze\"\n          attributeName=\"opacity\"\n          begin=\"SVG7x14Dcom.begin+0.3s\"\n          dur=\"0.75s\"\n          values=\"1;0.2\"\n        />\n      </circle>\n    </svg>\n  );\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      children,\n      className,\n      disabled,\n      loading = false,\n      loadingLabel,\n      variant,\n      size,\n      asChild = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n    const content = loadingLabel !== undefined ? loadingLabel : children;\n\n    if (asChild) {\n      return (\n        <Comp\n          ref={ref}\n          aria-busy={loading || undefined}\n          className={cn(buttonVariants({ variant, size }), className)}\n          disabled={disabled || loading}\n          {...props}\n        >\n          {children}\n        </Comp>\n      );\n    }\n\n    return (\n      <Comp\n        ref={ref}\n        aria-busy={loading || undefined}\n        className={cn(buttonVariants({ variant, size }), className)}\n        disabled={disabled || loading}\n        {...props}\n      >\n        {loading && <ButtonSpinner />}\n        {content}\n      </Comp>\n    );\n  },\n);\nButton.displayName = \"Button\";\n\nexport { buttonVariants };\n"],"names":[],"mappings":";;;;;AAKA,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,QACb,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAYA,SAAS,gBAAgB;AACvB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,eAAY;AAAA,MACZ,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,UAAA,EAAO,IAAG,KAAI,IAAG,MAAK,GAAE,KAAI,MAAK,WAChC,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,UAAA;AAAA,QAAA,GAEX;AAAA,QACA,oBAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,WAAU,SAAQ,OACnD,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,UAAA;AAAA,QAAA,GAEX;AAAA,QACA,oBAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,WAAU,SAAQ,OACnD,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,UAAA;AAAA,QAAA,EACT,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,MAAM,SAAS;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,UAAU,iBAAiB,SAAY,eAAe;AAE5D,QAAI,SAAS;AACX,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,aAAW,WAAW;AAAA,UACtB,WAAW,GAAG,eAAe,EAAE,SAAS,KAAA,CAAM,GAAG,SAAS;AAAA,UAC1D,UAAU,YAAY;AAAA,UACrB,GAAG;AAAA,UAEH;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAEA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,aAAW,WAAW;AAAA,QACtB,WAAW,GAAG,eAAe,EAAE,SAAS,KAAA,CAAM,GAAG,SAAS;AAAA,QAC1D,UAAU,YAAY;AAAA,QACrB,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,+BAAY,eAAA,EAAc;AAAA,UAC1B;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AACA,OAAO,cAAc;"}

package/dist/components/density-switcher.cjs

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const iconMenuPicker = require("./icon-menu-picker.cjs");
+const useDensity = require("../hooks/use-density.cjs");
+const UiRows = require("../icons/components/UiRows.cjs");
+const UiListFlat = require("../icons/components/UiListFlat.cjs");
+const UiListDashes = require("../icons/components/UiListDashes.cjs");
+const DENSITY_OPTIONS = [
+  { value: "compact", icon: UiRows.UiRows, label: "compact" },
+  { value: "comfortable", icon: UiListFlat.UiListFlat, label: "comfortable" },
+  { value: "spacious", icon: UiListDashes.UiListDashes, label: "spacious" }
+];
+const DensitySwitcher = react.forwardRef(
+  ({ className, triggerClassName, menuClassName }, ref) => {
+    const { density, setDensity } = useDensity.useDensity();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      iconMenuPicker.IconMenuPicker,
+      {
+        ref,
+        value: density,
+        onChange: setDensity,
+        options: DENSITY_OPTIONS,
+        ariaLabel: "Density",
+        className,
+        triggerClassName,
+        menuClassName
+      }
+    );
+  }
+);
+DensitySwitcher.displayName = "DensitySwitcher";
+exports.DensitySwitcher = DensitySwitcher;
+//# sourceMappingURL=density-switcher.cjs.map

package/dist/components/density-switcher.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"density-switcher.cjs","sources":["../../src/components/density-switcher.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { IconMenuPicker, type IconMenuOption } from \"./icon-menu-picker\";\nimport { useDensity, type Density } from \"../hooks/use-density\";\nimport { UiListDashes, UiListFlat, UiRows } from \"../icons\";\n\nconst DENSITY_OPTIONS: IconMenuOption<Density>[] = [\n  { value: \"compact\", icon: UiRows, label: \"compact\" },\n  { value: \"comfortable\", icon: UiListFlat, label: \"comfortable\" },\n  { value: \"spacious\", icon: UiListDashes, label: \"spacious\" },\n];\n\nexport type DensitySwitcherProps = {\n  /** Classes applied to the root wrapper. */\n  className?: string;\n  /** Classes applied to the icon trigger button. */\n  triggerClassName?: string;\n  /** Classes applied to the popup menu. */\n  menuClassName?: string;\n};\n\nexport const DensitySwitcher = forwardRef<HTMLDivElement, DensitySwitcherProps>(\n  ({ className, triggerClassName, menuClassName }, ref) => {\n    const { density, setDensity } = useDensity();\n    return (\n      <IconMenuPicker<Density>\n        ref={ref}\n        value={density}\n        onChange={setDensity}\n        options={DENSITY_OPTIONS}\n        ariaLabel=\"Density\"\n        className={className}\n        triggerClassName={triggerClassName}\n        menuClassName={menuClassName}\n      />\n    );\n  },\n);\nDensitySwitcher.displayName = \"DensitySwitcher\";\n"],"names":["UiRows","UiListFlat","UiListDashes","forwardRef","useDensity","jsx","IconMenuPicker"],"mappings":";;;;;;;;;AAKA,MAAM,kBAA6C;AAAA,EACjD,EAAE,OAAO,WAAW,MAAMA,OAAAA,QAAQ,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,eAAe,MAAMC,WAAAA,YAAY,OAAO,cAAA;AAAA,EACjD,EAAE,OAAO,YAAY,MAAMC,aAAAA,cAAc,OAAO,WAAA;AAClD;AAWO,MAAM,kBAAkBC,MAAAA;AAAAA,EAC7B,CAAC,EAAE,WAAW,kBAAkB,cAAA,GAAiB,QAAQ;AACvD,UAAM,EAAE,SAAS,WAAA,IAAeC,sBAAA;AAChC,WACEC,2BAAAA;AAAAA,MAACC,eAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA,OAAO;AAAA,QACP,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AACA,gBAAgB,cAAc;;"}

package/dist/components/density-switcher.d.ts

@@ -1,6 +1,9 @@
 export type DensitySwitcherProps = {
+    /** Classes applied to the root wrapper. */
     className?: string;
+    /** Classes applied to the icon trigger button. */
     triggerClassName?: string;
+    /** Classes applied to the popup menu. */
     menuClassName?: string;
 };
 export declare const DensitySwitcher: import('react').ForwardRefExoticComponent<DensitySwitcherProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/density-switcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"density-switcher.d.ts","sourceRoot":"","sources":["../../src/components/density-switcher.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,eAAe,iHAgB3B,CAAC"}
+{"version":3,"file":"density-switcher.d.ts","sourceRoot":"","sources":["../../src/components/density-switcher.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,oBAAoB,GAAG;IACjC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,eAAe,iHAgB3B,CAAC"}

package/dist/components/density-switcher.js

@@ -2,10 +2,13 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { IconMenuPicker } from "./icon-menu-picker.js";
 import { useDensity } from "../hooks/use-density.js";
+import { UiRows } from "../icons/components/UiRows.js";
+import { UiListFlat } from "../icons/components/UiListFlat.js";
+import { UiListDashes } from "../icons/components/UiListDashes.js";
 const DENSITY_OPTIONS = [
-  { value: "compact", icon: "ph:rows", label: "compact" },
-  { value: "comfortable", icon: "ph:list", label: "comfortable" },
-  { value: "spacious", icon: "ph:list-dashes", label: "spacious" }
+  { value: "compact", icon: UiRows, label: "compact" },
+  { value: "comfortable", icon: UiListFlat, label: "comfortable" },
+  { value: "spacious", icon: UiListDashes, label: "spacious" }
 ];
 const DensitySwitcher = forwardRef(
   ({ className, triggerClassName, menuClassName }, ref) => {

package/dist/components/density-switcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"density-switcher.js","sources":["../../src/components/density-switcher.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { IconMenuPicker, type IconMenuOption } from \"./icon-menu-picker\";\nimport { useDensity, type Density } from \"../hooks/use-density\";\n\nconst DENSITY_OPTIONS: IconMenuOption<Density>[] = [\n  { value: \"compact\", icon: \"ph:rows\", label: \"compact\" },\n  { value: \"comfortable\", icon: \"ph:list\", label: \"comfortable\" },\n  { value: \"spacious\", icon: \"ph:list-dashes\", label: \"spacious\" },\n];\n\nexport type DensitySwitcherProps = {\n  className?: string;\n  triggerClassName?: string;\n  menuClassName?: string;\n};\n\nexport const DensitySwitcher = forwardRef<HTMLDivElement, DensitySwitcherProps>(\n  ({ className, triggerClassName, menuClassName }, ref) => {\n    const { density, setDensity } = useDensity();\n    return (\n      <IconMenuPicker<Density>\n        ref={ref}\n        value={density}\n        onChange={setDensity}\n        options={DENSITY_OPTIONS}\n        ariaLabel=\"Density\"\n        className={className}\n        triggerClassName={triggerClassName}\n        menuClassName={menuClassName}\n      />\n    );\n  },\n);\nDensitySwitcher.displayName = \"DensitySwitcher\";\n"],"names":[],"mappings":";;;;AAIA,MAAM,kBAA6C;AAAA,EACjD,EAAE,OAAO,WAAW,MAAM,WAAW,OAAO,UAAA;AAAA,EAC5C,EAAE,OAAO,eAAe,MAAM,WAAW,OAAO,cAAA;AAAA,EAChD,EAAE,OAAO,YAAY,MAAM,kBAAkB,OAAO,WAAA;AACtD;AAQO,MAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,WAAW,kBAAkB,cAAA,GAAiB,QAAQ;AACvD,UAAM,EAAE,SAAS,WAAA,IAAe,WAAA;AAChC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,OAAO;AAAA,QACP,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AACA,gBAAgB,cAAc;"}
+{"version":3,"file":"density-switcher.js","sources":["../../src/components/density-switcher.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { IconMenuPicker, type IconMenuOption } from \"./icon-menu-picker\";\nimport { useDensity, type Density } from \"../hooks/use-density\";\nimport { UiListDashes, UiListFlat, UiRows } from \"../icons\";\n\nconst DENSITY_OPTIONS: IconMenuOption<Density>[] = [\n  { value: \"compact\", icon: UiRows, label: \"compact\" },\n  { value: \"comfortable\", icon: UiListFlat, label: \"comfortable\" },\n  { value: \"spacious\", icon: UiListDashes, label: \"spacious\" },\n];\n\nexport type DensitySwitcherProps = {\n  /** Classes applied to the root wrapper. */\n  className?: string;\n  /** Classes applied to the icon trigger button. */\n  triggerClassName?: string;\n  /** Classes applied to the popup menu. */\n  menuClassName?: string;\n};\n\nexport const DensitySwitcher = forwardRef<HTMLDivElement, DensitySwitcherProps>(\n  ({ className, triggerClassName, menuClassName }, ref) => {\n    const { density, setDensity } = useDensity();\n    return (\n      <IconMenuPicker<Density>\n        ref={ref}\n        value={density}\n        onChange={setDensity}\n        options={DENSITY_OPTIONS}\n        ariaLabel=\"Density\"\n        className={className}\n        triggerClassName={triggerClassName}\n        menuClassName={menuClassName}\n      />\n    );\n  },\n);\nDensitySwitcher.displayName = \"DensitySwitcher\";\n"],"names":[],"mappings":";;;;;;;AAKA,MAAM,kBAA6C;AAAA,EACjD,EAAE,OAAO,WAAW,MAAM,QAAQ,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,eAAe,MAAM,YAAY,OAAO,cAAA;AAAA,EACjD,EAAE,OAAO,YAAY,MAAM,cAAc,OAAO,WAAA;AAClD;AAWO,MAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,WAAW,kBAAkB,cAAA,GAAiB,QAAQ;AACvD,UAAM,EAAE,SAAS,WAAA,IAAe,WAAA;AAChC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,OAAO;AAAA,QACP,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AACA,gBAAgB,cAAc;"}

package/dist/components/icon-menu-picker.cjs

@@ -0,0 +1,183 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../lib/utils.cjs");
+const Icon = require("../data/Icon.cjs");
+const button = require("./button.cjs");
+const UiCheck = require("../icons/components/UiCheck.cjs");
+function IconMenuPickerInner({
+  value,
+  onChange,
+  options,
+  ariaLabel,
+  triggerTitle,
+  footer,
+  showLabel,
+  className,
+  triggerClassName,
+  menuClassName
+}, ref) {
+  const rootRef = react.useRef(null);
+  const triggerRef = react.useRef(null);
+  const itemRefs = react.useRef([]);
+  const [open, setOpen] = react.useState(false);
+  react.useImperativeHandle(ref, () => rootRef.current);
+  const activeIndex = react.useMemo(
+    () => Math.max(
+      0,
+      options.findIndex((option) => option.value === value)
+    ),
+    [options, value]
+  );
+  const close = react.useCallback((returnFocus) => {
+    var _a;
+    setOpen(false);
+    if (returnFocus) (_a = triggerRef.current) == null ? void 0 : _a.focus();
+  }, []);
+  const select = react.useCallback(
+    (next) => {
+      onChange(next);
+      close(true);
+    },
+    [close, onChange]
+  );
+  react.useEffect(() => {
+    if (!open) return;
+    const onPointerDown = (event) => {
+      var _a;
+      if (event.button !== 0) return;
+      if (!((_a = rootRef.current) == null ? void 0 : _a.contains(event.target))) {
+        close(false);
+      }
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        close(true);
+      }
+    };
+    document.addEventListener("pointerdown", onPointerDown);
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("pointerdown", onPointerDown);
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [close, open]);
+  react.useEffect(() => {
+    if (!open) return;
+    const node = itemRefs.current[activeIndex];
+    node == null ? void 0 : node.focus();
+  }, [activeIndex, open]);
+  const focusItem = (index) => {
+    var _a;
+    const wrapped = (index + options.length) % options.length;
+    (_a = itemRefs.current[wrapped]) == null ? void 0 : _a.focus();
+  };
+  const onMenuKeyDown = (event) => {
+    const focusedIndex = itemRefs.current.findIndex((node) => node === document.activeElement);
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      focusItem((focusedIndex < 0 ? activeIndex : focusedIndex) + 1);
+      return;
+    }
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      focusItem((focusedIndex < 0 ? activeIndex : focusedIndex) - 1);
+      return;
+    }
+    if (event.key === "Home") {
+      event.preventDefault();
+      focusItem(0);
+      return;
+    }
+    if (event.key === "End") {
+      event.preventDefault();
+      focusItem(options.length - 1);
+      return;
+    }
+    if (event.key === "Tab") {
+      close(false);
+    }
+  };
+  const onTriggerKeyDown = (event) => {
+    if (event.key === "ArrowDown" || event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      setOpen(true);
+    }
+  };
+  const selected = options[activeIndex];
+  if (!selected) {
+    throw new Error(`IconMenuPicker: value "${value}" not found in options for ${ariaLabel}`);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: rootRef, className: utils.cn("relative inline-flex", showLabel && "w-full", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      button.Button,
+      {
+        ref: triggerRef,
+        type: "button",
+        variant: "ghost",
+        size: showLabel ? "default" : "icon",
+        "aria-label": ariaLabel,
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        title: triggerTitle ?? `${ariaLabel}: ${selected.label}`,
+        onClick: () => setOpen((current) => !current),
+        onKeyDown: onTriggerKeyDown,
+        className: utils.cn("text-muted-foreground hover:text-foreground", triggerClassName),
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: selected.icon })
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        role: "menu",
+        "aria-label": ariaLabel,
+        onKeyDown: onMenuKeyDown,
+        className: utils.cn(
+          "absolute left-0 top-[calc(100%+0.375rem)] z-50 min-w-[12rem] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5",
+          menuClassName
+        ),
+        children: [
+          options.map((option, index) => {
+            const active = option.value === value;
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                ref: (node) => {
+                  itemRefs.current[index] = node;
+                },
+                type: "button",
+                role: "menuitemradio",
+                "aria-checked": active,
+                tabIndex: active ? 0 : -1,
+                onClick: () => select(option.value),
+                onKeyDown: (event) => {
+                  if (event.key === "Enter" || event.key === " ") {
+                    event.preventDefault();
+                    select(option.value);
+                  }
+                },
+                className: utils.cn(
+                  "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm transition-colors",
+                  "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none",
+                  active && "text-foreground"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: option.icon, className: "shrink-0 text-muted-foreground" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate capitalize", children: option.label }),
+                  active ? /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCheck.UiCheck, className: "shrink-0 text-foreground" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block size-4 shrink-0", "aria-hidden": true })
+                ]
+              },
+              option.value
+            );
+          }),
+          footer ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 border-t border-border/60 px-2 py-1.5 text-[11px] text-muted-foreground", children: footer }) : null
+        ]
+      }
+    )
+  ] });
+}
+const IconMenuPicker = react.forwardRef(IconMenuPickerInner);
+exports.IconMenuPicker = IconMenuPicker;
+//# sourceMappingURL=icon-menu-picker.cjs.map

package/dist/components/icon-menu-picker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-menu-picker.cjs","sources":["../../src/components/icon-menu-picker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../data/Icon\";\nimport { UiCheck } from \"../icons\";\nimport { Button } from \"./button\";\n\nexport type IconMenuOption<T extends string> = {\n  value: T;\n  icon: StaticIconComponent;\n  label: string;\n  description?: string;\n};\n\nexport type IconMenuPickerProps<T extends string> = {\n  value: T;\n  onChange: (next: T) => void;\n  options: IconMenuOption<T>[];\n  ariaLabel: string;\n  triggerTitle?: string | undefined;\n  footer?: ReactNode | undefined;\n  showLabel?: boolean | undefined;\n  className?: string | undefined;\n  triggerClassName?: string | undefined;\n  menuClassName?: string | undefined;\n};\n\nfunction IconMenuPickerInner<T extends string>(\n  {\n    value,\n    onChange,\n    options,\n    ariaLabel,\n    triggerTitle,\n    footer,\n    showLabel,\n    className,\n    triggerClassName,\n    menuClassName,\n  }: IconMenuPickerProps<T>,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const itemRefs = useRef<(HTMLButtonElement | null)[]>([]);\n  const [open, setOpen] = useState(false);\n\n  useImperativeHandle(ref, () => rootRef.current as HTMLDivElement);\n\n  const activeIndex = useMemo(\n    () =>\n      Math.max(\n        0,\n        options.findIndex((option) => option.value === value),\n      ),\n    [options, value],\n  );\n\n  const close = useCallback((returnFocus: boolean) => {\n    setOpen(false);\n    if (returnFocus) triggerRef.current?.focus();\n  }, []);\n\n  const select = useCallback(\n    (next: T) => {\n      onChange(next);\n      close(true);\n    },\n    [close, onChange],\n  );\n\n  useEffect(() => {\n    if (!open) return;\n\n    const onPointerDown = (event: PointerEvent) => {\n      if (event.button !== 0) return;\n      if (!rootRef.current?.contains(event.target as Node)) {\n        close(false);\n      }\n    };\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        event.preventDefault();\n        close(true);\n      }\n    };\n\n    document.addEventListener(\"pointerdown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      document.removeEventListener(\"pointerdown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [close, open]);\n\n  useEffect(() => {\n    if (!open) return;\n    const node = itemRefs.current[activeIndex];\n    node?.focus();\n  }, [activeIndex, open]);\n\n  const focusItem = (index: number) => {\n    const wrapped = (index + options.length) % options.length;\n    itemRefs.current[wrapped]?.focus();\n  };\n\n  const onMenuKeyDown = (event: ReactKeyboardEvent<HTMLDivElement>) => {\n    const focusedIndex = itemRefs.current.findIndex((node) => node === document.activeElement);\n    if (event.key === \"ArrowDown\") {\n      event.preventDefault();\n      focusItem((focusedIndex < 0 ? activeIndex : focusedIndex) + 1);\n      return;\n    }\n    if (event.key === \"ArrowUp\") {\n      event.preventDefault();\n      focusItem((focusedIndex < 0 ? activeIndex : focusedIndex) - 1);\n      return;\n    }\n    if (event.key === \"Home\") {\n      event.preventDefault();\n      focusItem(0);\n      return;\n    }\n    if (event.key === \"End\") {\n      event.preventDefault();\n      focusItem(options.length - 1);\n      return;\n    }\n    if (event.key === \"Tab\") {\n      close(false);\n    }\n  };\n\n  const onTriggerKeyDown = (event: ReactKeyboardEvent<HTMLButtonElement>) => {\n    if (event.key === \"ArrowDown\" || event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      setOpen(true);\n    }\n  };\n\n  const selected = options[activeIndex];\n  if (!selected) {\n    throw new Error(`IconMenuPicker: value \"${value}\" not found in options for ${ariaLabel}`);\n  }\n\n  return (\n    <div ref={rootRef} className={cn(\"relative inline-flex\", showLabel && \"w-full\", className)}>\n      <Button\n        ref={triggerRef}\n        type=\"button\"\n        variant=\"ghost\"\n        size={showLabel ? \"default\" : \"icon\"}\n        aria-label={ariaLabel}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        title={triggerTitle ?? `${ariaLabel}: ${selected.label}`}\n        onClick={() => setOpen((current) => !current)}\n        onKeyDown={onTriggerKeyDown}\n        className={cn(\"text-muted-foreground hover:text-foreground\", triggerClassName)}\n      >\n        <Icon icon={selected.icon} />\n      </Button>\n      {open && (\n        <div\n          role=\"menu\"\n          aria-label={ariaLabel}\n          onKeyDown={onMenuKeyDown}\n          className={cn(\n            \"absolute left-0 top-[calc(100%+0.375rem)] z-50 min-w-[12rem] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\",\n            menuClassName,\n          )}\n        >\n          {options.map((option, index) => {\n            const active = option.value === value;\n            return (\n              <button\n                key={option.value}\n                ref={(node) => {\n                  itemRefs.current[index] = node;\n                }}\n                type=\"button\"\n                role=\"menuitemradio\"\n                aria-checked={active}\n                tabIndex={active ? 0 : -1}\n                onClick={() => select(option.value)}\n                onKeyDown={(event) => {\n                  if (event.key === \"Enter\" || event.key === \" \") {\n                    event.preventDefault();\n                    select(option.value);\n                  }\n                }}\n                className={cn(\n                  \"flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm transition-colors\",\n                  \"hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none\",\n                  active && \"text-foreground\",\n                )}\n              >\n                <Icon icon={option.icon} className=\"shrink-0 text-muted-foreground\" />\n                <span className=\"min-w-0 flex-1 truncate capitalize\">{option.label}</span>\n                {active ? (\n                  <Icon icon={UiCheck} className=\"shrink-0 text-foreground\" />\n                ) : (\n                  <span className=\"inline-block size-4 shrink-0\" aria-hidden />\n                )}\n              </button>\n            );\n          })}\n          {footer ? (\n            <div className=\"mt-1 border-t border-border/60 px-2 py-1.5 text-[11px] text-muted-foreground\">\n              {footer}\n            </div>\n          ) : null}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const IconMenuPicker = forwardRef(IconMenuPickerInner) as <T extends string>(\n  props: IconMenuPickerProps<T> & { ref?: React.Ref<HTMLDivElement> },\n) => JSX.Element;\n"],"names":["useRef","useState","useImperativeHandle","useMemo","useCallback","useEffect","jsxs","cn","jsx","Button","Icon","UiCheck","forwardRef"],"mappings":";;;;;;;;AAoCA,SAAS,oBACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACA,KACA;AACA,QAAM,UAAUA,MAAAA,OAAuB,IAAI;AAC3C,QAAM,aAAaA,MAAAA,OAA0B,IAAI;AACjD,QAAM,WAAWA,MAAAA,OAAqC,EAAE;AACxD,QAAM,CAAC,MAAM,OAAO,IAAIC,MAAAA,SAAS,KAAK;AAEtCC,QAAAA,oBAAoB,KAAK,MAAM,QAAQ,OAAyB;AAEhE,QAAM,cAAcC,MAAAA;AAAAA,IAClB,MACE,KAAK;AAAA,MACH;AAAA,MACA,QAAQ,UAAU,CAAC,WAAW,OAAO,UAAU,KAAK;AAAA,IAAA;AAAA,IAExD,CAAC,SAAS,KAAK;AAAA,EAAA;AAGjB,QAAM,QAAQC,kBAAY,CAAC,gBAAyB;;AAClD,YAAQ,KAAK;AACb,QAAI,YAAa,kBAAW,YAAX,mBAAoB;AAAA,EACvC,GAAG,CAAA,CAAE;AAEL,QAAM,SAASA,MAAAA;AAAAA,IACb,CAAC,SAAY;AACX,eAAS,IAAI;AACb,YAAM,IAAI;AAAA,IACZ;AAAA,IACA,CAAC,OAAO,QAAQ;AAAA,EAAA;AAGlBC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,KAAM;AAEX,UAAM,gBAAgB,CAAC,UAAwB;;AAC7C,UAAI,MAAM,WAAW,EAAG;AACxB,UAAI,GAAC,aAAQ,YAAR,mBAAiB,SAAS,MAAM,UAAiB;AACpD,cAAM,KAAK;AAAA,MACb;AAAA,IACF;AAEA,UAAM,YAAY,CAAC,UAAyB;AAC1C,UAAI,MAAM,QAAQ,UAAU;AAC1B,cAAM,eAAA;AACN,cAAM,IAAI;AAAA,MACZ;AAAA,IACF;AAEA,aAAS,iBAAiB,eAAe,aAAa;AACtD,aAAS,iBAAiB,WAAW,SAAS;AAC9C,WAAO,MAAM;AACX,eAAS,oBAAoB,eAAe,aAAa;AACzD,eAAS,oBAAoB,WAAW,SAAS;AAAA,IACnD;AAAA,EACF,GAAG,CAAC,OAAO,IAAI,CAAC;AAEhBA,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,OAAO,SAAS,QAAQ,WAAW;AACzC,iCAAM;AAAA,EACR,GAAG,CAAC,aAAa,IAAI,CAAC;AAEtB,QAAM,YAAY,CAAC,UAAkB;;AACnC,UAAM,WAAW,QAAQ,QAAQ,UAAU,QAAQ;AACnD,mBAAS,QAAQ,OAAO,MAAxB,mBAA2B;AAAA,EAC7B;AAEA,QAAM,gBAAgB,CAAC,UAA8C;AACnE,UAAM,eAAe,SAAS,QAAQ,UAAU,CAAC,SAAS,SAAS,SAAS,aAAa;AACzF,QAAI,MAAM,QAAQ,aAAa;AAC7B,YAAM,eAAA;AACN,iBAAW,eAAe,IAAI,cAAc,gBAAgB,CAAC;AAC7D;AAAA,IACF;AACA,QAAI,MAAM,QAAQ,WAAW;AAC3B,YAAM,eAAA;AACN,iBAAW,eAAe,IAAI,cAAc,gBAAgB,CAAC;AAC7D;AAAA,IACF;AACA,QAAI,MAAM,QAAQ,QAAQ;AACxB,YAAM,eAAA;AACN,gBAAU,CAAC;AACX;AAAA,IACF;AACA,QAAI,MAAM,QAAQ,OAAO;AACvB,YAAM,eAAA;AACN,gBAAU,QAAQ,SAAS,CAAC;AAC5B;AAAA,IACF;AACA,QAAI,MAAM,QAAQ,OAAO;AACvB,YAAM,KAAK;AAAA,IACb;AAAA,EACF;AAEA,QAAM,mBAAmB,CAAC,UAAiD;AACzE,QAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC3E,YAAM,eAAA;AACN,cAAQ,IAAI;AAAA,IACd;AAAA,EACF;AAEA,QAAM,WAAW,QAAQ,WAAW;AACpC,MAAI,CAAC,UAAU;AACb,UAAM,IAAI,MAAM,0BAA0B,KAAK,8BAA8B,SAAS,EAAE;AAAA,EAC1F;AAEA,SACEC,2BAAAA,KAAC,OAAA,EAAI,KAAK,SAAS,WAAWC,SAAG,wBAAwB,aAAa,UAAU,SAAS,GACvF,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,OAAAA;AAAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAM,YAAY,YAAY;AAAA,QAC9B,cAAY;AAAA,QACZ,iBAAc;AAAA,QACd,iBAAe;AAAA,QACf,OAAO,gBAAgB,GAAG,SAAS,KAAK,SAAS,KAAK;AAAA,QACtD,SAAS,MAAM,QAAQ,CAAC,YAAY,CAAC,OAAO;AAAA,QAC5C,WAAW;AAAA,QACX,WAAWF,MAAAA,GAAG,+CAA+C,gBAAgB;AAAA,QAE7E,UAAAC,2BAAAA,IAACE,KAAAA,MAAA,EAAK,MAAM,SAAS,KAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAE5B,QACCJ,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,WAAW;AAAA,QACX,WAAWC,MAAAA;AAAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAGD,UAAA;AAAA,UAAA,QAAQ,IAAI,CAAC,QAAQ,UAAU;AAC9B,kBAAM,SAAS,OAAO,UAAU;AAChC,mBACED,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,KAAK,CAAC,SAAS;AACb,2BAAS,QAAQ,KAAK,IAAI;AAAA,gBAC5B;AAAA,gBACA,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,gBAAc;AAAA,gBACd,UAAU,SAAS,IAAI;AAAA,gBACvB,SAAS,MAAM,OAAO,OAAO,KAAK;AAAA,gBAClC,WAAW,CAAC,UAAU;AACpB,sBAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,0BAAM,eAAA;AACN,2BAAO,OAAO,KAAK;AAAA,kBACrB;AAAA,gBACF;AAAA,gBACA,WAAWC,MAAAA;AAAAA,kBACT;AAAA,kBACA;AAAA,kBACA,UAAU;AAAA,gBAAA;AAAA,gBAGZ,UAAA;AAAA,kBAAAC,2BAAAA,IAACE,KAAAA,MAAA,EAAK,MAAM,OAAO,MAAM,WAAU,kCAAiC;AAAA,kBACpEF,2BAAAA,IAAC,QAAA,EAAK,WAAU,sCAAsC,iBAAO,OAAM;AAAA,kBAClE,SACCA,2BAAAA,IAACE,KAAAA,MAAA,EAAK,MAAMC,QAAAA,SAAS,WAAU,2BAAA,CAA2B,IAE1DH,2BAAAA,IAAC,QAAA,EAAK,WAAU,gCAA+B,eAAW,KAAA,CAAC;AAAA,gBAAA;AAAA,cAAA;AAAA,cA1BxD,OAAO;AAAA,YAAA;AAAA,UA8BlB,CAAC;AAAA,UACA,SACCA,2BAAAA,IAAC,OAAA,EAAI,WAAU,gFACZ,kBACH,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GAEJ;AAEJ;AAEO,MAAM,iBAAiBI,MAAAA,WAAW,mBAAmB;;"}