@agimon-ai/po-web-components 0.0.0-alpha.2 → 0.0.0-alpha.21

package/dist/src/components/Picker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Picker.cjs","names":["useState","filterPickerItems","initialPickerCursor","useId","draftChanged","toggleDraft","appliedValues","pickerKeyAction","pickerHint","PopoverContent","cn","PopoverHeader","SearchIcon","Input","CheckIcon","PopoverFooter","Kbd","Button","require_cn","require_Button","require_Input","require_Kbd","require_picker","require_Popover","react_jsx_runtime","react","lucide_react","PickerContent","items","props","filter","setFilter","draft","setDraft","value","shown","cursor","setCursor","at","box","setBox","listId","titleId","activeId","row","checked","multiple","item","changed","pick","onSelect","current","apply","onApply","handleKey","onKeyDown","event","target","action","hint","actions","filterable","className","title","meta","filterPlaceholder","filterProps","loading","on","disabled","index","footer","onCancel"],"sources":["../../../src/components/Picker.tsx"],"sourcesContent":["import { type ComponentProps, type KeyboardEvent, type ReactNode, useEffect, useId, useState } from 'react';\n\nimport { CheckIcon, SearchIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\nimport { MAX_DIGIT_SHORTCUT } from '../lib/optionList';\nimport {\n  appliedValues,\n  draftChanged,\n  filterPickerItems,\n  initialPickerCursor,\n  type PickerChoice,\n  pickerHint,\n  pickerKeyAction,\n  toggleDraft,\n} from '../lib/picker';\nimport { Button } from './Button';\nimport { Input } from './Input';\nimport { Kbd } from './Kbd';\nimport { PopoverContent, PopoverFooter, PopoverHeader } from './Popover';\n\n/** One choice: a title, an optional line under it, and room either side for keys or a note. */\nexport interface PickerItem extends PickerChoice {\n  /** Before the title: shortcut keys, a provider. */\n  lead?: ReactNode;\n  /** After the title, before the mark: a status such as \"thinks\". */\n  trail?: ReactNode;\n  /** Adapter attributes such as test IDs and availability. */\n  props?: ComponentProps<'button'> & Record<`data-${string}`, string | boolean | undefined>;\n}\n\nexport interface PickerContentProps extends Omit<ComponentProps<typeof PopoverContent>, 'title' | 'onSelect'> {\n  title: ReactNode;\n  /** Header right: the current value, a count. */\n  meta?: ReactNode;\n  items: readonly PickerItem[];\n  /** The values in effect now. Single choice has at most one. */\n  value: readonly string[];\n  /** Several can be on at once: picks are drafted and land together on Apply. */\n  multiple?: boolean;\n  /** Commands rather than set-valued choices: show availability, not radio marks. */\n  actions?: boolean;\n  /** Single choice: the pick. The caller closes the popover. */\n  onSelect?: (value: string) => void;\n  /** Multiple choice: the whole drafted set. */\n  onApply?: (values: string[]) => void;\n  /** Multiple choice: Cancel. Escape and an outside click close through the popover itself. */\n  onCancel?: () => void;\n  /** A typeahead filter over title, subtitle and value. Defaults on past nine items. */\n  filterable?: boolean;\n  filterPlaceholder?: string;\n  filterProps?: ComponentProps<typeof Input> & Record<`data-${string}`, string | boolean | undefined>;\n  /** While the choices are still on their way. */\n  loading?: ReactNode;\n  /** Extra controls above the hint strip, such as the model's thinking level. */\n  footer?: ReactNode;\n}\n\n/** The list's padding, kept clear above and below a row scrolled into view. */\nconst ROW_GUTTER = 6;\n\n/**\n * The selection-bar picker: major mode, profile, domains, minor modes, model.\n *\n * One choice closes on the pick, because there is nothing left to decide. Many\n * choices stay open and land together on Apply, so turning on three domains is\n * one change rather than three. The keyboard cursor and the selection are\n * separate: the cursor is a neutral highlight that moves, the selection is the\n * jade mark that says what is in effect.\n */\nexport function PickerContent({\n  title,\n  meta,\n  items,\n  value,\n  multiple = false,\n  actions = false,\n  onSelect,\n  onApply,\n  onCancel,\n  filterable = items.length > MAX_DIGIT_SHORTCUT,\n  filterPlaceholder = 'Filter',\n  filterProps,\n  loading,\n  footer,\n  className,\n  onKeyDown,\n  ...props\n}: PickerContentProps) {\n  const [filter, setFilter] = useState('');\n  const [draft, setDraft] = useState(() => new Set(value));\n  const shown = filterPickerItems(items, filter);\n  const [cursor, setCursor] = useState(() => initialPickerCursor(items, value));\n  const at = Math.min(cursor, Math.max(0, shown.length - 1));\n  // State rather than a ref: Radix mounts the content after this first renders,\n  // and the scroll below has to run again once the list is really there.\n  const [box, setBox] = useState<HTMLDivElement | null>(null);\n  const listId = useId();\n  const titleId = useId();\n  const activeId = shown.length > 0 ? `${listId}-${String(at)}` : undefined;\n  // Scrolled by hand rather than scrollIntoView, which misplaces the row while\n  // the popover is still sliding in and can move the page under it.\n  useEffect(() => {\n    const row = box?.children[at] as HTMLElement | undefined;\n    if (box === null || row === undefined) return;\n    if (row.offsetTop < box.scrollTop) box.scrollTo({ top: row.offsetTop - ROW_GUTTER });\n    else if (row.offsetTop + row.offsetHeight > box.scrollTop + box.clientHeight)\n      box.scrollTo({ top: row.offsetTop + row.offsetHeight - box.clientHeight + ROW_GUTTER });\n  }, [at, box]);\n\n  const checked = (item: PickerItem): boolean => (multiple ? draft.has(item.value) : value.includes(item.value));\n  const changed = multiple && draftChanged(draft, value);\n  const pick = (item: PickerItem | undefined): void => {\n    if (item === undefined || item.disabledReason !== undefined) return;\n    if (!multiple) {\n      onSelect?.(item.value);\n      return;\n    }\n    setDraft((current) => toggleDraft(current, item.value));\n  };\n  const apply = (): void => onApply?.(appliedValues(items, draft));\n\n  const handleKey = (event: KeyboardEvent<HTMLDivElement>): void => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey || event.nativeEvent.isComposing)\n      return;\n    const target = event.target as HTMLElement;\n    // Footer controls and directly focused rows keep their native activation.\n    if (target.closest('[data-slot=\"picker-slot\"], [data-slot=\"popover-footer\"]')) return;\n    if (target.closest('[data-slot=\"picker-item\"]') && (event.key === 'Enter' || event.key === ' ')) return;\n    const action = pickerKeyAction(event.key, { count: shown.length, cursor: at, multiple, filterable });\n    if (action === null) return;\n    event.preventDefault();\n    event.stopPropagation();\n    if (action.kind === 'move') {\n      setCursor(action.cursor);\n      if (target.closest('[data-slot=\"picker-item\"]')) {\n        const row = box?.children[action.cursor] as HTMLButtonElement | undefined;\n        row?.focus();\n      }\n    } else {\n      setCursor(action.index);\n      pick(shown[action.index]);\n    }\n  };\n\n  const hint = actions ? 'enter opens' : pickerHint(multiple, filterable);\n\n  return (\n    <PopoverContent\n      side=\"top\"\n      data-slot=\"picker\"\n      onKeyDown={handleKey}\n      className={cn('w-[400px]', className)}\n      {...props}\n    >\n      <PopoverHeader className=\"h-10 bg-doom-panel\">\n        <span id={titleId} data-slot=\"picker-title\" className=\"truncate text-base font-semibold text-doom-hi\">\n          {title}\n        </span>\n        {meta === undefined ? null : (\n          <span data-slot=\"picker-meta\" className=\"min-w-0 truncate text-sm text-doom-dim\">\n            {meta}\n          </span>\n        )}\n      </PopoverHeader>\n\n      {filterable ? (\n        <div className=\"flex items-center gap-2 border-b border-doom-border-soft px-3\">\n          <SearchIcon aria-hidden className=\"size-3.5 shrink-0 text-doom-faint\" />\n          <Input\n            variant=\"bare\"\n            data-slot=\"picker-filter\"\n            role={actions ? 'searchbox' : 'combobox'}\n            aria-expanded={actions ? undefined : true}\n            aria-controls={listId}\n            aria-haspopup={actions ? undefined : 'listbox'}\n            aria-autocomplete={actions ? undefined : 'list'}\n            aria-activedescendant={activeId}\n            aria-label={filterPlaceholder}\n            autoFocus\n            value={filter}\n            placeholder={filterPlaceholder}\n            onChange={(event) => {\n              setFilter(event.target.value);\n              setCursor(0);\n            }}\n            className=\"h-9 w-full\"\n            {...filterProps}\n          />\n        </div>\n      ) : null}\n\n      <div\n        ref={setBox}\n        id={listId}\n        role={actions ? 'menu' : 'listbox'}\n        aria-labelledby={titleId}\n        aria-multiselectable={actions ? undefined : multiple}\n        aria-activedescendant={filterable ? undefined : activeId}\n        tabIndex={filterable ? undefined : 0}\n        data-slot=\"picker-list\"\n        className=\"relative flex max-h-80 min-h-0 flex-col gap-0.5 overflow-y-auto p-1.5\"\n      >\n        {loading !== undefined && items.length === 0 ? (\n          <div className=\"flex items-center gap-2 px-2.5 py-2 text-base text-doom-dim\">{loading}</div>\n        ) : shown.length === 0 ? (\n          <div className=\"px-2.5 py-2 text-base text-doom-dim\">Nothing matches</div>\n        ) : null}\n        {shown.map((item, index) => {\n          const on = checked(item);\n          const disabled = item.disabledReason !== undefined;\n          return (\n            <button\n              key={item.value}\n              type=\"button\"\n              id={`${listId}-${String(index)}`}\n              role={actions ? 'menuitem' : 'option'}\n              tabIndex={-1}\n              data-slot=\"picker-item\"\n              data-value={item.value}\n              data-cursor={index === at}\n              aria-selected={actions ? undefined : on}\n              aria-disabled={disabled}\n              disabled={disabled}\n              {...item.props}\n              title={item.disabledReason ?? item.subtitle}\n              onMouseMove={() => {\n                if (index !== at) setCursor(index);\n              }}\n              onClick={() => {\n                setCursor(index);\n                pick(item);\n              }}\n              className={cn(\n                'flex w-full shrink-0 cursor-pointer items-center gap-3 rounded-md px-2.5 py-2 text-left outline-none transition-colors',\n                index === at && 'bg-doom-deep',\n                on && 'bg-doom-tint-green',\n                on && index === at && 'brightness-110',\n                disabled && 'cursor-not-allowed opacity-60',\n              )}\n            >\n              {item.lead === undefined ? null : <span className=\"flex shrink-0 items-center\">{item.lead}</span>}\n              <span className=\"flex min-w-0 flex-1 flex-col\">\n                <span\n                  className={cn('truncate text-base', on ? 'font-semibold text-doom-hi' : 'font-medium text-doom-text')}\n                >\n                  {item.title}\n                </span>\n                {item.disabledReason !== undefined || item.subtitle !== undefined ? (\n                  <span className=\"truncate text-sm text-doom-dim\">{item.disabledReason ?? item.subtitle}</span>\n                ) : null}\n              </span>\n              {item.trail === undefined ? null : (\n                <span className=\"flex shrink-0 items-center text-sm text-doom-dim\">{item.trail}</span>\n              )}\n              <span\n                aria-hidden\n                className={cn(\n                  'flex size-4 shrink-0 items-center justify-center text-doom-green',\n                  !actions && (multiple ? 'rounded-sm border' : 'rounded-full border'),\n                  !actions && (on ? 'border-doom-green' : 'border-doom-border'),\n                  multiple && on && 'bg-doom-green text-doom-on-selected',\n                )}\n              >\n                {actions ? (\n                  <span className={cn('size-1.5 rounded-full', on ? 'bg-doom-green' : 'bg-doom-faint')} />\n                ) : multiple ? (\n                  on ? (\n                    <CheckIcon className=\"size-3\" />\n                  ) : null\n                ) : on ? (\n                  <span className=\"size-2 rounded-full bg-doom-green\" />\n                ) : null}\n              </span>\n            </button>\n          );\n        })}\n      </div>\n\n      {footer === undefined ? null : (\n        <div data-slot=\"picker-slot\" className=\"flex flex-col border-t border-doom-border-soft\">\n          {footer}\n        </div>\n      )}\n\n      <PopoverFooter className=\"min-h-10\">\n        <span data-slot=\"picker-hint\" className=\"flex min-w-0 items-center gap-1.5 truncate\">\n          {hint}\n          {multiple ? null : (\n            <>\n              {' · '}\n              <Kbd>esc</Kbd> closes\n            </>\n          )}\n        </span>\n        {multiple ? (\n          <span className=\"flex shrink-0 items-center gap-1.5\">\n            <Button variant=\"ghost\" size=\"sm\" data-slot=\"picker-cancel\" onClick={onCancel}>\n              Cancel\n            </Button>\n            <Button variant=\"primary\" size=\"sm\" data-slot=\"picker-apply\" disabled={!changed} onClick={apply}>\n              Apply{draft.size > 0 ? ` (${String(draft.size)})` : ''}\n            </Button>\n          </span>\n        ) : null}\n      </PopoverFooter>\n    </PopoverContent>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Picker.cjs","names":["useState","filterPickerItems","initialPickerCursor","useId","draftChanged","toggleDraft","appliedValues","pickerKeyAction","pickerHint","PopoverContent","cn","PopoverHeader","SearchIcon","Input","CheckIcon","PopoverFooter","Kbd","Button","require_cn","require_Button","require_Input","require_Kbd","require_picker","require_Popover","react_jsx_runtime","react","lucide_react","PickerContent","items","props","filter","setFilter","draft","setDraft","value","shown","cursor","setCursor","at","box","setBox","listId","titleId","activeId","row","checked","multiple","item","changed","pick","current","onSelect","apply","onApply","handleKey","onKeyDown","event","target","action","hint","actions","filterable","className","title","meta","filterPlaceholder","filterProps","loading","on","disabled","index","footer","onCancel"],"sources":["../../../src/components/Picker.tsx"],"sourcesContent":["import { type ComponentProps, type KeyboardEvent, type ReactNode, useEffect, useId, useState } from 'react';\n\nimport { CheckIcon, SearchIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\nimport { MAX_DIGIT_SHORTCUT } from '../lib/optionList';\nimport {\n  appliedValues,\n  draftChanged,\n  filterPickerItems,\n  initialPickerCursor,\n  type PickerChoice,\n  pickerHint,\n  pickerKeyAction,\n  toggleDraft,\n} from '../lib/picker';\nimport { Button } from './Button';\nimport { Input } from './Input';\nimport { Kbd } from './Kbd';\nimport { PopoverContent, PopoverFooter, PopoverHeader } from './Popover';\n\n/** One choice: a title, an optional line under it, and room either side for keys or a note. */\nexport interface PickerItem extends PickerChoice {\n  /** Before the title: shortcut keys, a provider. */\n  lead?: ReactNode;\n  /** After the title, before the mark: a status such as \"thinks\". */\n  trail?: ReactNode;\n  /** Adapter attributes such as test IDs and availability. */\n  props?: ComponentProps<'button'> & Record<`data-${string}`, string | boolean | undefined>;\n}\n\nexport interface PickerContentProps extends Omit<ComponentProps<typeof PopoverContent>, 'title' | 'onSelect'> {\n  title: ReactNode;\n  /** Header right: the current value, a count. */\n  meta?: ReactNode;\n  items: readonly PickerItem[];\n  /** The values in effect now. Single choice has at most one. */\n  value: readonly string[];\n  /** Several can be on at once: picks are drafted and land together on Apply. */\n  multiple?: boolean;\n  /** Commands rather than set-valued choices: show availability, not radio marks. */\n  actions?: boolean;\n  /** Single choice: the pick. The caller closes the popover. */\n  onSelect?: (value: string) => void;\n  /** Multiple choice: the whole drafted set. */\n  onApply?: (values: string[]) => void;\n  /** Multiple choice: Cancel. Escape and an outside click close through the popover itself. */\n  onCancel?: () => void;\n  /** A typeahead filter over title, subtitle and value. Defaults on past nine items. */\n  filterable?: boolean;\n  filterPlaceholder?: string;\n  filterProps?: ComponentProps<typeof Input> & Record<`data-${string}`, string | boolean | undefined>;\n  /** While the choices are still on their way. */\n  loading?: ReactNode;\n  /** Extra controls above the hint strip, such as the model's thinking level. */\n  footer?: ReactNode;\n}\n\n/** The list's padding, kept clear above and below a row scrolled into view. */\nconst ROW_GUTTER = 6;\n\n/**\n * The selection-bar picker: major mode, profile, domains, minor modes, model.\n *\n * One choice closes on the pick, because there is nothing left to decide. Many\n * choices stay open and land together on Apply, so turning on three domains is\n * one change rather than three. The keyboard cursor and the selection are\n * separate: the cursor is a neutral highlight that moves, the selection is the\n * jade mark that says what is in effect.\n */\nexport function PickerContent({\n  title,\n  meta,\n  items,\n  value,\n  multiple = false,\n  actions = false,\n  onSelect,\n  onApply,\n  onCancel,\n  filterable = items.length > MAX_DIGIT_SHORTCUT,\n  filterPlaceholder = 'Filter',\n  filterProps,\n  loading,\n  footer,\n  className,\n  onKeyDown,\n  ...props\n}: PickerContentProps) {\n  const [filter, setFilter] = useState('');\n  const [draft, setDraft] = useState(() => new Set(value));\n  const shown = filterPickerItems(items, filter);\n  const [cursor, setCursor] = useState(() => initialPickerCursor(items, value));\n  const at = Math.min(cursor, Math.max(0, shown.length - 1));\n  // State rather than a ref: Radix mounts the content after this first renders,\n  // and the scroll below has to run again once the list is really there.\n  const [box, setBox] = useState<HTMLDivElement | null>(null);\n  const listId = useId();\n  const titleId = useId();\n  const activeId = shown.length > 0 ? `${listId}-${String(at)}` : undefined;\n  // Scrolled by hand rather than scrollIntoView, which misplaces the row while\n  // the popover is still sliding in and can move the page under it.\n  useEffect(() => {\n    const row = box?.children[at] as HTMLElement | undefined;\n    if (box === null || row === undefined) return;\n    if (row.offsetTop < box.scrollTop) box.scrollTo({ top: row.offsetTop - ROW_GUTTER });\n    else if (row.offsetTop + row.offsetHeight > box.scrollTop + box.clientHeight)\n      box.scrollTo({ top: row.offsetTop + row.offsetHeight - box.clientHeight + ROW_GUTTER });\n  }, [at, box]);\n\n  const checked = (item: PickerItem): boolean => (multiple ? draft.has(item.value) : value.includes(item.value));\n  const changed = multiple && draftChanged(draft, value);\n  const pick = (item: PickerItem | undefined): void => {\n    if (item === undefined || item.disabledReason !== undefined) return;\n    if (!multiple) {\n      onSelect?.(item.value);\n      return;\n    }\n    setDraft((current) => toggleDraft(current, item.value));\n  };\n  const apply = (): void => onApply?.(appliedValues(items, draft));\n\n  const handleKey = (event: KeyboardEvent<HTMLDivElement>): void => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey || event.nativeEvent.isComposing)\n      return;\n    const target = event.target as HTMLElement;\n    // Footer controls and directly focused rows keep their native activation.\n    if (target.closest('[data-slot=\"picker-slot\"], [data-slot=\"popover-footer\"]')) return;\n    if (target.closest('[data-slot=\"picker-item\"]') && (event.key === 'Enter' || event.key === ' ')) return;\n    const action = pickerKeyAction(event.key, { count: shown.length, cursor: at, multiple, filterable });\n    if (action === null) return;\n    event.preventDefault();\n    event.stopPropagation();\n    if (action.kind === 'move') {\n      setCursor(action.cursor);\n      if (target.closest('[data-slot=\"picker-item\"]')) {\n        const row = box?.children[action.cursor] as HTMLButtonElement | undefined;\n        row?.focus();\n      }\n    } else {\n      setCursor(action.index);\n      pick(shown[action.index]);\n    }\n  };\n\n  const hint = actions ? 'enter opens' : pickerHint(multiple, filterable);\n\n  return (\n    <PopoverContent\n      side=\"top\"\n      data-slot=\"picker\"\n      onKeyDown={handleKey}\n      className={cn('w-[400px]', className)}\n      {...props}\n    >\n      <PopoverHeader className=\"h-10 bg-po-panel\">\n        <span id={titleId} data-slot=\"picker-title\" className=\"truncate text-base font-semibold text-po-hi\">\n          {title}\n        </span>\n        {meta === undefined ? null : (\n          <span data-slot=\"picker-meta\" className=\"min-w-0 truncate text-sm text-po-dim\">\n            {meta}\n          </span>\n        )}\n      </PopoverHeader>\n\n      {filterable ? (\n        <div className=\"flex items-center gap-2 border-b border-po-border-soft px-3\">\n          <SearchIcon aria-hidden className=\"size-3.5 shrink-0 text-po-faint\" />\n          <Input\n            variant=\"bare\"\n            data-slot=\"picker-filter\"\n            role={actions ? 'searchbox' : 'combobox'}\n            aria-expanded={actions ? undefined : true}\n            aria-controls={listId}\n            aria-haspopup={actions ? undefined : 'listbox'}\n            aria-autocomplete={actions ? undefined : 'list'}\n            aria-activedescendant={activeId}\n            aria-label={filterPlaceholder}\n            autoFocus\n            value={filter}\n            placeholder={filterPlaceholder}\n            onChange={(event) => {\n              setFilter(event.target.value);\n              setCursor(0);\n            }}\n            className=\"h-9 w-full\"\n            {...filterProps}\n          />\n        </div>\n      ) : null}\n\n      <div\n        ref={setBox}\n        id={listId}\n        role={actions ? 'menu' : 'listbox'}\n        aria-labelledby={titleId}\n        aria-multiselectable={actions ? undefined : multiple}\n        aria-activedescendant={filterable ? undefined : activeId}\n        tabIndex={filterable ? undefined : 0}\n        data-slot=\"picker-list\"\n        className=\"relative flex max-h-80 min-h-0 flex-col gap-0.5 overflow-y-auto p-1.5\"\n      >\n        {loading !== undefined && items.length === 0 ? (\n          <div className=\"flex items-center gap-2 px-2.5 py-2 text-base text-po-dim\">{loading}</div>\n        ) : shown.length === 0 ? (\n          <div className=\"px-2.5 py-2 text-base text-po-dim\">Nothing matches</div>\n        ) : null}\n        {shown.map((item, index) => {\n          const on = checked(item);\n          const disabled = item.disabledReason !== undefined;\n          return (\n            <button\n              key={item.value}\n              type=\"button\"\n              id={`${listId}-${String(index)}`}\n              role={actions ? 'menuitem' : 'option'}\n              tabIndex={-1}\n              data-slot=\"picker-item\"\n              data-value={item.value}\n              data-cursor={index === at}\n              aria-selected={actions ? undefined : on}\n              aria-disabled={disabled}\n              disabled={disabled}\n              {...item.props}\n              title={item.disabledReason ?? item.subtitle}\n              onMouseMove={() => {\n                if (index !== at) setCursor(index);\n              }}\n              onClick={() => {\n                setCursor(index);\n                pick(item);\n              }}\n              className={cn(\n                'flex w-full shrink-0 cursor-pointer items-center gap-3 rounded-md px-2.5 py-2 text-left outline-none transition-colors',\n                index === at && 'bg-po-deep',\n                on && 'bg-po-tint-green',\n                on && index === at && 'brightness-110',\n                disabled && 'cursor-not-allowed opacity-60',\n              )}\n            >\n              {item.lead === undefined ? null : <span className=\"flex shrink-0 items-center\">{item.lead}</span>}\n              <span className=\"flex min-w-0 flex-1 flex-col\">\n                <span\n                  className={cn('truncate text-base', on ? 'font-semibold text-po-hi' : 'font-medium text-po-text')}\n                >\n                  {item.title}\n                </span>\n                {item.disabledReason !== undefined || item.subtitle !== undefined ? (\n                  <span className=\"truncate text-sm text-po-dim\">{item.disabledReason ?? item.subtitle}</span>\n                ) : null}\n              </span>\n              {item.trail === undefined ? null : (\n                <span className=\"flex shrink-0 items-center text-sm text-po-dim\">{item.trail}</span>\n              )}\n              <span\n                aria-hidden\n                className={cn(\n                  'flex size-4 shrink-0 items-center justify-center text-po-green',\n                  !actions && (multiple ? 'rounded-sm border' : 'rounded-full border'),\n                  !actions && (on ? 'border-po-green' : 'border-po-border'),\n                  multiple && on && 'bg-po-green text-po-on-selected',\n                )}\n              >\n                {actions ? (\n                  <span className={cn('size-1.5 rounded-full', on ? 'bg-po-green' : 'bg-po-faint')} />\n                ) : multiple ? (\n                  on ? (\n                    <CheckIcon className=\"size-3\" />\n                  ) : null\n                ) : on ? (\n                  <span className=\"size-2 rounded-full bg-po-green\" />\n                ) : null}\n              </span>\n            </button>\n          );\n        })}\n      </div>\n\n      {footer === undefined ? null : (\n        <div data-slot=\"picker-slot\" className=\"flex flex-col border-t border-po-border-soft\">\n          {footer}\n        </div>\n      )}\n\n      <PopoverFooter className=\"min-h-10\">\n        <span data-slot=\"picker-hint\" className=\"flex min-w-0 items-center gap-1.5 truncate\">\n          {hint}\n          {multiple ? null : (\n            <>\n              {' · '}\n              <Kbd>esc</Kbd> closes\n            </>\n          )}\n        </span>\n        {multiple ? (\n          <span className=\"flex shrink-0 items-center gap-1.5\">\n            <Button variant=\"ghost\" size=\"sm\" data-slot=\"picker-cancel\" onClick={onCancel}>\n              Cancel\n            </Button>\n            <Button variant=\"primary\" size=\"sm\" data-slot=\"picker-apply\" disabled={!changed} onClick={apply}>\n              Apply{draft.size > 0 ? ` (${String(draft.size)})` : ''}\n            </Button>\n          </span>\n        ) : null}\n      </PopoverFooter>\n    </PopoverContent>\n  );\n}\n"],"mappings":"0TAqEA,SAAgB2B,EAAc,CAC5B,QACA,OACA,QACA,QACA,WAAW,GACX,UAAU,GACV,WACA,UACA,WACA,aAAaC,EAAM,OAAA,EACnB,oBAAoB,SACpB,cACA,UACA,SACA,YACA,YACA,GAAGC,GACkB,CACrB,GAAM,CAACC,EAAQC,IAAA,EAAa/B,EAAAA,SAAAA,CAAS,EAAE,EACjC,CAACgC,EAAOC,IAAA,EAAYjC,EAAAA,SAAAA,KAAe,IAAI,IAAIkC,CAAK,CAAC,EACjDC,EAAQlC,EAAAA,kBAAkB2B,EAAOE,CAAM,EACvC,CAACM,EAAQC,IAAA,EAAarC,EAAAA,SAAAA,KAAeE,EAAAA,oBAAoB0B,EAAOM,CAAK,CAAC,EACtEI,EAAK,KAAK,IAAIF,EAAQ,KAAK,IAAI,EAAGD,EAAM,OAAS,CAAC,CAAC,EAGnD,CAACI,EAAKC,IAAA,EAAUxC,EAAAA,SAAAA,CAAgC,IAAI,EACpDyC,GAAA,EAAStC,EAAAA,MAAAA,CAAM,EACfuC,GAAA,EAAUvC,EAAAA,MAAAA,CAAM,EAChBwC,EAAWR,EAAM,OAAS,EAAI,GAAGM,EAAO,GAAG,OAAOH,CAAE,IAAM,IAAA,IAGhE,EAAAb,EAAA,UAAA,KAAgB,CACd,IAAMmB,EAAML,GAAK,SAASD,GACtBC,IAAQ,MAAQK,IAAQ,IAAA,KACxBA,EAAI,UAAYL,EAAI,UAAWA,EAAI,SAAS,CAAE,IAAKK,EAAI,UAAY,CAAW,CAAC,EAC1EA,EAAI,UAAYA,EAAI,aAAeL,EAAI,UAAYA,EAAI,cAC9DA,EAAI,SAAS,CAAE,IAAKK,EAAI,UAAYA,EAAI,aAAeL,EAAI,aAAe,CAAW,CAAC,EAC1F,EAAG,CAACD,EAAIC,CAAG,CAAC,EAEZ,IAAMM,EAAW,GAA+BC,EAAWd,EAAM,IAAIe,EAAK,KAAK,EAAIb,EAAM,SAASa,EAAK,KAAK,EACtGC,EAAUF,GAAY1C,EAAAA,aAAa4B,EAAOE,CAAK,EAC/Ce,EAAQ,GAAuC,CAC/CF,IAAS,IAAA,IAAaA,EAAK,iBAAmB,IAAA,KAC7CD,EAILb,EAAU,GAAY5B,EAAAA,YAAY6C,EAASH,EAAK,KAAK,CAAC,EAHpDI,IAAWJ,EAAK,KAAK,EAIzB,EACMK,MAAoBC,IAAU/C,EAAAA,cAAcsB,EAAOI,CAAK,CAAC,EAEzDsB,EAAa,GAA+C,CAEhE,GADAC,IAAYC,CAAK,EACbA,EAAM,kBAAoBA,EAAM,QAAUA,EAAM,SAAWA,EAAM,SAAWA,EAAM,YAAY,YAChG,OACF,IAAMC,EAASD,EAAM,OAGrB,GADIC,EAAO,QAAQ,yDAAyD,GACxEA,EAAO,QAAQ,2BAA2B,IAAMD,EAAM,MAAQ,SAAWA,EAAM,MAAQ,KAAM,OACjG,IAAME,EAASnD,EAAAA,gBAAgBiD,EAAM,IAAK,CAAE,MAAOrB,EAAM,OAAQ,OAAQG,EAAI,WAAU,YAAW,CAAC,EAC/FoB,IAAW,OACfF,EAAM,eAAe,EACrBA,EAAM,gBAAgB,EAClBE,EAAO,OAAS,QAClBrB,EAAUqB,EAAO,MAAM,EACnBD,EAAO,QAAQ,2BAA2B,IAChClB,GAAK,SAASmB,EAAO,QAAA,EAC5B,MAAM,IAGbrB,EAAUqB,EAAO,KAAK,EACtBT,EAAKd,EAAMuB,EAAO,MAAM,GAE5B,EAEMC,EAAOC,EAAU,cAAgBpD,EAAAA,WAAWsC,EAAUe,CAAU,EAEtE,MACE,iBAAA,EAAArC,EAAA,KAAA,CAACf,EAAAA,eAAD,CACE,KAAK,MACL,YAAU,SACV,UAAW6C,EACX,UAAW5C,EAAAA,GAAG,YAAaoD,CAAS,EACpC,GAAIjC,EALN,SAAA,CAOE,iBAAA,EAAAL,EAAA,KAAA,CAACb,EAAAA,cAAD,CAAe,UAAU,mBAAzB,SAAA,CACE,iBAAA,EAAAa,EAAA,IAAA,CAAC,OAAD,CAAM,GAAIkB,EAAS,YAAU,eAAe,UAAU,8CACnD,SAAAqB,CACG,CAAA,EACLC,IAAS,IAAA,GAAY,KACpB,iBAAA,EAAAxC,EAAA,IAAA,CAAC,OAAD,CAAM,YAAU,cAAc,UAAU,uCACrC,SAAAwC,CACG,CAAA,CAEK,IAEdH,EACC,iBAAA,EAAArC,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,8DAAf,SAAA,CACE,iBAAA,EAAAA,EAAA,IAAA,CAACZ,EAAAA,OAAD,CAAY,cAAA,GAAY,UAAU,iCAAmC,CAAA,EACrE,iBAAA,EAAAY,EAAA,IAAA,CAACX,EAAAA,MAAD,CACE,QAAQ,OACR,YAAU,gBACV,KAAM+C,EAAU,YAAc,WAC9B,gBAAe,IAAU,IAAA,GACzB,gBAAenB,EACf,gBAAemB,EAAU,IAAA,GAAY,UACrC,oBAAmBA,EAAU,IAAA,GAAY,OACzC,wBAAuBjB,EACvB,aAAYsB,EACZ,UAAA,GACA,MAAOnC,EACP,YAAamC,EACb,SAAW,GAAU,CACnBlC,EAAUyB,EAAM,OAAO,KAAK,EAC5BnB,EAAU,CAAC,CACb,EACA,UAAU,aACV,GAAI6B,CACL,CAAA,CACE,CACH,CAAA,EAAA,KAEJ,iBAAA,EAAA1C,EAAA,KAAA,CAAC,MAAD,CACE,IAAKgB,EACL,GAAIC,EACJ,KAAMmB,EAAU,OAAS,UACzB,kBAAiBlB,EACjB,uBAAsBkB,EAAU,IAAA,GAAYd,EAC5C,wBAAuBe,EAAa,IAAA,GAAYlB,EAChD,SAAUkB,EAAa,IAAA,GAAY,EACnC,YAAU,cACV,UAAU,wEATZ,SAAA,CAWGM,IAAY,IAAA,IAAavC,EAAM,SAAW,EACzC,iBAAA,EAAAJ,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,4DAA6D,SAAA2C,CAAa,CAAA,EACvFhC,EAAM,SAAW,EACnB,iBAAA,EAAAX,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,oCAAoC,SAAA,iBAAoB,CAAA,EACrE,KACHW,EAAM,KAAK,EAAM,IAAU,CAC1B,IAAMiC,EAAKvB,EAAQE,CAAI,EACjBsB,EAAWtB,EAAK,iBAAmB,IAAA,GACzC,MACE,iBAAA,EAAAvB,EAAA,KAAA,CAAC,SAAD,CAEE,KAAK,SACL,GAAI,GAAGiB,EAAO,GAAG,OAAO6B,CAAK,IAC7B,KAAMV,EAAU,WAAa,SAC7B,SAAU,GACV,YAAU,cACV,aAAYb,EAAK,MACjB,cAAauB,IAAUhC,EACvB,gBAAesB,EAAU,IAAA,GAAYQ,EACrC,gBAAeC,EACL,WACV,GAAItB,EAAK,MACT,MAAOA,EAAK,gBAAkBA,EAAK,SACnC,gBAAmB,CACbuB,IAAUhC,GAAID,EAAUiC,CAAK,CACnC,EACA,YAAe,CACbjC,EAAUiC,CAAK,EACfrB,EAAKF,CAAI,CACX,EACA,UAAWrC,EAAAA,GACT,yHACA4D,IAAUhC,GAAM,aAChB8B,GAAM,mBACNA,GAAME,IAAUhC,GAAM,iBACtB+B,GAAY,+BACd,EA3BF,SAAA,CA6BGtB,EAAK,OAAS,IAAA,GAAY,KAAO,iBAAA,EAAAvB,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,6BAA8B,SAAAuB,EAAK,IAAW,CAAA,EAChG,iBAAA,EAAAvB,EAAA,KAAA,CAAC,OAAD,CAAM,UAAU,+BAAhB,SAAA,CACE,iBAAA,EAAAA,EAAA,IAAA,CAAC,OAAD,CACE,UAAWd,EAAAA,GAAG,qBAAsB0D,EAAK,2BAA6B,0BAA0B,EAE/F,SAAArB,EAAK,KACF,CAAA,EACLA,EAAK,iBAAmB,IAAA,IAAaA,EAAK,WAAa,IAAA,GACtD,iBAAA,EAAAvB,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,+BAAgC,SAAAuB,EAAK,gBAAkBA,EAAK,QAAe,CAAA,EACzF,IACA,IACLA,EAAK,QAAU,IAAA,GAAY,KAC1B,iBAAA,EAAAvB,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,iDAAkD,SAAAuB,EAAK,KAAY,CAAA,EAErF,iBAAA,EAAAvB,EAAA,IAAA,CAAC,OAAD,CACE,cAAA,GACA,UAAWd,EAAAA,GACT,iEACA,CAACkD,IAAYd,EAAW,oBAAsB,uBAC9C,CAACc,IAAYQ,EAAK,kBAAoB,oBACtCtB,GAAYsB,GAAM,iCACpB,EAEC,SAAAR,EACC,iBAAA,EAAApC,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWd,EAAAA,GAAG,wBAAyB0D,EAAK,cAAgB,aAAa,CAAI,CAAA,EACjFtB,EACFsB,EACE,iBAAA,EAAA5C,EAAA,IAAA,CAACV,EAAAA,MAAD,CAAW,UAAU,QAAU,CAAA,EAC7B,KACFsD,EACF,iBAAA,EAAA5C,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,iCAAmC,CAAA,EACjD,IACA,CAAA,CACA,CA7DD,EAAAuB,EAAK,KA6DJ,CAEZ,CAAC,CACE,IAEJwB,IAAW,IAAA,GAAY,KACtB,iBAAA,EAAA/C,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,cAAc,UAAU,+CACpC,SAAA+C,CACE,CAAA,EAGP,iBAAA,EAAA/C,EAAA,KAAA,CAACT,EAAAA,cAAD,CAAe,UAAU,WAAzB,SAAA,CACE,iBAAA,EAAAS,EAAA,KAAA,CAAC,OAAD,CAAM,YAAU,cAAc,UAAU,6CAAxC,SAAA,CACGmC,EACAb,EAAW,KACV,iBAAA,EAAAtB,EAAA,KAAA,CAAAA,EAAA,SAAA,CAAA,SAAA,CACG,MACD,iBAAA,EAAAA,EAAA,IAAA,CAACR,EAAAA,IAAD,CAAA,SAAK,KAAQ,CAAA,EAAC,SACd,CAAA,CAAA,CAEA,CACL,CAAA,EAAA8B,EACC,iBAAA,EAAAtB,EAAA,KAAA,CAAC,OAAD,CAAM,UAAU,qCAAhB,SAAA,CACE,iBAAA,EAAAA,EAAA,IAAA,CAACP,EAAAA,OAAD,CAAQ,QAAQ,QAAQ,KAAK,KAAK,YAAU,gBAAgB,QAASuD,EAAU,SAAA,QAEvE,CAAA,EACR,iBAAA,EAAAhD,EAAA,KAAA,CAACP,EAAAA,OAAD,CAAQ,QAAQ,UAAU,KAAK,KAAK,YAAU,eAAe,SAAU,CAAC+B,EAAS,QAASI,EAA1F,SAAA,CAAiG,QACzFpB,EAAM,KAAO,EAAI,KAAK,OAAOA,EAAM,IAAI,EAAE,GAAK,EAC9C,CACJ,CAAA,CAAA,CACJ,CAAA,EAAA,IACS,GACD,GAEpB"}

package/dist/src/components/Popover.cjs

@@ -1,2 +1,2 @@
-const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r(e){return/* @__PURE__ */ (0,n.jsx)(t.Popover.Root,{"data-slot":`popover`,...e})}function i(e){return/* @__PURE__ */ (0,n.jsx)(t.Popover.Trigger,{"data-slot":`popover-trigger`,...e})}function a(e){return/* @__PURE__ */ (0,n.jsx)(t.Popover.Anchor,{"data-slot":`popover-anchor`,...e})}function o(e){return/* @__PURE__ */ (0,n.jsx)(t.Popover.Close,{"data-slot":`popover-close`,...e})}function s({className:r,align:i=`start`,sideOffset:a=6,...o}){return/* @__PURE__ */ (0,n.jsx)(t.Popover.Portal,{children:/* @__PURE__ */ (0,n.jsx)(t.Popover.Content,{"data-slot":`popover-content`,align:i,sideOffset:a,className:e.cn(`z-50 flex max-w-[calc(100vw-24px)] flex-col overflow-hidden rounded-lg border border-doom-border bg-doom-panel shadow-2xl outline-none data-[state=open]:animate-doom-rise`,r),...o})})}function c({className:t,...r}){return/* @__PURE__ */ (0,n.jsx)(`div`,{"data-slot":`popover-header`,className:e.cn(`flex h-[34px] shrink-0 items-center justify-between gap-3 border-b border-doom-border-soft bg-doom-deep px-3`,t),...r})}function l({className:t,...r}){return/* @__PURE__ */ (0,n.jsx)(`div`,{"data-slot":`popover-footer`,className:e.cn(`flex min-h-[30px] shrink-0 items-center justify-between gap-3 border-t border-doom-border-soft bg-doom-deep px-3 text-sm text-doom-dim`,t),...r})}exports.Popover=r,exports.PopoverAnchor=a,exports.PopoverClose=o,exports.PopoverContent=s,exports.PopoverFooter=l,exports.PopoverHeader=c,exports.PopoverTrigger=i;
+const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r(e){return/* @__PURE__ */ (0,n.jsx)(t.Popover.Root,{"data-slot":`popover`,...e})}function i(e){return/* @__PURE__ */ (0,n.jsx)(t.Popover.Trigger,{"data-slot":`popover-trigger`,...e})}function a(e){return/* @__PURE__ */ (0,n.jsx)(t.Popover.Anchor,{"data-slot":`popover-anchor`,...e})}function o(e){return/* @__PURE__ */ (0,n.jsx)(t.Popover.Close,{"data-slot":`popover-close`,...e})}function s({className:r,align:i=`start`,sideOffset:a=6,...o}){return/* @__PURE__ */ (0,n.jsx)(t.Popover.Portal,{children:/* @__PURE__ */ (0,n.jsx)(t.Popover.Content,{"data-slot":`popover-content`,align:i,sideOffset:a,className:e.cn(`z-50 flex max-w-[calc(100vw-24px)] flex-col overflow-hidden rounded-lg border border-po-border bg-po-panel shadow-2xl outline-none data-[state=open]:animate-po-rise`,r),...o})})}function c({className:t,...r}){return/* @__PURE__ */ (0,n.jsx)(`div`,{"data-slot":`popover-header`,className:e.cn(`flex h-[34px] shrink-0 items-center justify-between gap-3 border-b border-po-border-soft bg-po-deep px-3`,t),...r})}function l({className:t,...r}){return/* @__PURE__ */ (0,n.jsx)(`div`,{"data-slot":`popover-footer`,className:e.cn(`flex min-h-[30px] shrink-0 items-center justify-between gap-3 border-t border-po-border-soft bg-po-deep px-3 text-sm text-po-dim`,t),...r})}exports.Popover=r,exports.PopoverAnchor=a,exports.PopoverClose=o,exports.PopoverContent=s,exports.PopoverFooter=l,exports.PopoverHeader=c,exports.PopoverTrigger=i;
 //# sourceMappingURL=Popover.cjs.map

package/dist/src/components/Popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.cjs","names":["PopoverPrimitive","cn","require_cn","radix_ui","react_jsx_runtime","Popover","props","PopoverTrigger","PopoverAnchor","PopoverClose","PopoverContent","className","PopoverHeader","PopoverFooter"],"sources":["../../../src/components/Popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/**\n * shadcn's Popover on Radix: anchored to its trigger, closes on outside\n * click and Escape, and the trigger toggles it rather than reopening it.\n */\nexport function Popover(props: ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nexport function PopoverTrigger(props: ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nexport function PopoverAnchor(props: ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\n/** Dismisses the popover from inside it: the row that acts and closes in one click. */\nexport function PopoverClose(props: ComponentProps<typeof PopoverPrimitive.Close>) {\n  return <PopoverPrimitive.Close data-slot=\"popover-close\" {...props} />;\n}\n\nexport function PopoverContent({\n  className,\n  align = 'start',\n  sideOffset = 6,\n  ...props\n}: ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'z-50 flex max-w-[calc(100vw-24px)] flex-col overflow-hidden rounded-lg border border-doom-border bg-doom-panel shadow-2xl outline-none data-[state=open]:animate-doom-rise',\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\n/** The strip a popover's title sits in; tone colours the title. */\nexport function PopoverHeader({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"popover-header\"\n      className={cn(\n        'flex h-[34px] shrink-0 items-center justify-between gap-3 border-b border-doom-border-soft bg-doom-deep px-3',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function PopoverFooter({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"popover-footer\"\n      className={cn(\n        'flex min-h-[30px] shrink-0 items-center justify-between gap-3 border-t border-doom-border-soft bg-doom-deep px-3 text-sm text-doom-dim',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"0FASA,SAAgBK,EAAQ,EAAqD,CAC3E,MAAO,iBAAA,EAAAD,EAAA,IAAA,CAACJ,EAAAA,QAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAIM,CAAQ,CAAA,CAChE,CAEA,SAAgBC,EAAe,EAAwD,CACrF,MAAO,iBAAA,EAAAH,EAAA,IAAA,CAACJ,EAAAA,QAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAIM,CAAQ,CAAA,CAC3E,CAEA,SAAgBE,EAAc,EAAuD,CACnF,MAAO,iBAAA,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,QAAiB,OAAlB,CAAyB,YAAU,iBAAiB,GAAIM,CAAQ,CAAA,CACzE,CAGA,SAAgBG,EAAa,EAAsD,CACjF,MAAO,iBAAA,EAAAL,EAAA,IAAA,CAACJ,EAAAA,QAAiB,MAAlB,CAAwB,YAAU,gBAAgB,GAAIM,CAAQ,CAAA,CACvE,CAEA,SAAgBI,EAAe,CAC7B,YACA,QAAQ,QACR,aAAa,EACb,GAAGJ,GAC+C,CAClD,MACE,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,QAAiB,OAAlB,CAAA,SACE,iBAAA,EAAAI,EAAA,IAAA,CAACJ,EAAAA,QAAiB,QAAlB,CACE,YAAU,kBACH,QACK,aACZ,UAAWC,EAAAA,GACT,6KACAU,CACF,EACA,GAAIL,CACL,CAAA,CACsB,CAAA,CAE7B,CAGA,SAAgBM,EAAc,CAAE,YAAW,GAAGN,GAAgC,CAC5E,MACE,iBAAA,EAAAF,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,iBACV,UAAWH,EAAAA,GACT,+GACAU,CACF,EACA,GAAIL,CACL,CAAA,CAEL,CAEA,SAAgBO,EAAc,CAAE,YAAW,GAAGP,GAAgC,CAC5E,MACE,iBAAA,EAAAF,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,iBACV,UAAWH,EAAAA,GACT,yIACAU,CACF,EACA,GAAIL,CACL,CAAA,CAEL"}
+{"version":3,"file":"Popover.cjs","names":["PopoverPrimitive","cn","require_cn","radix_ui","react_jsx_runtime","Popover","props","PopoverTrigger","PopoverAnchor","PopoverClose","PopoverContent","className","PopoverHeader","PopoverFooter"],"sources":["../../../src/components/Popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/**\n * shadcn's Popover on Radix: anchored to its trigger, closes on outside\n * click and Escape, and the trigger toggles it rather than reopening it.\n */\nexport function Popover(props: ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nexport function PopoverTrigger(props: ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nexport function PopoverAnchor(props: ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\n/** Dismisses the popover from inside it: the row that acts and closes in one click. */\nexport function PopoverClose(props: ComponentProps<typeof PopoverPrimitive.Close>) {\n  return <PopoverPrimitive.Close data-slot=\"popover-close\" {...props} />;\n}\n\nexport function PopoverContent({\n  className,\n  align = 'start',\n  sideOffset = 6,\n  ...props\n}: ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'z-50 flex max-w-[calc(100vw-24px)] flex-col overflow-hidden rounded-lg border border-po-border bg-po-panel shadow-2xl outline-none data-[state=open]:animate-po-rise',\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\n/** The strip a popover's title sits in; tone colours the title. */\nexport function PopoverHeader({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"popover-header\"\n      className={cn(\n        'flex h-[34px] shrink-0 items-center justify-between gap-3 border-b border-po-border-soft bg-po-deep px-3',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function PopoverFooter({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"popover-footer\"\n      className={cn(\n        'flex min-h-[30px] shrink-0 items-center justify-between gap-3 border-t border-po-border-soft bg-po-deep px-3 text-sm text-po-dim',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"0FASA,SAAgBK,EAAQ,EAAqD,CAC3E,MAAO,iBAAA,EAAAD,EAAA,IAAA,CAACJ,EAAAA,QAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAIM,CAAQ,CAAA,CAChE,CAEA,SAAgBC,EAAe,EAAwD,CACrF,MAAO,iBAAA,EAAAH,EAAA,IAAA,CAACJ,EAAAA,QAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAIM,CAAQ,CAAA,CAC3E,CAEA,SAAgBE,EAAc,EAAuD,CACnF,MAAO,iBAAA,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,QAAiB,OAAlB,CAAyB,YAAU,iBAAiB,GAAIM,CAAQ,CAAA,CACzE,CAGA,SAAgBG,EAAa,EAAsD,CACjF,MAAO,iBAAA,EAAAL,EAAA,IAAA,CAACJ,EAAAA,QAAiB,MAAlB,CAAwB,YAAU,gBAAgB,GAAIM,CAAQ,CAAA,CACvE,CAEA,SAAgBI,EAAe,CAC7B,YACA,QAAQ,QACR,aAAa,EACb,GAAGJ,GAC+C,CAClD,MACE,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,QAAiB,OAAlB,CAAA,SACE,iBAAA,EAAAI,EAAA,IAAA,CAACJ,EAAAA,QAAiB,QAAlB,CACE,YAAU,kBACH,QACK,aACZ,UAAWC,EAAAA,GACT,uKACAU,CACF,EACA,GAAIL,CACL,CAAA,CACsB,CAAA,CAE7B,CAGA,SAAgBM,EAAc,CAAE,YAAW,GAAGN,GAAgC,CAC5E,MACE,iBAAA,EAAAF,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,iBACV,UAAWH,EAAAA,GACT,2GACAU,CACF,EACA,GAAIL,CACL,CAAA,CAEL,CAEA,SAAgBO,EAAc,CAAE,YAAW,GAAGP,GAAgC,CAC5E,MACE,iBAAA,EAAAF,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,iBACV,UAAWH,EAAAA,GACT,mIACAU,CACF,EACA,GAAIL,CACL,CAAA,CAEL"}

package/dist/src/components/Progress.cjs

@@ -1,2 +1,2 @@
-const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r({className:r,value:i,...a}){return/* @__PURE__ */ (0,n.jsx)(t.Progress.Root,{"data-slot":`progress`,value:i,className:e.cn(`relative h-1 w-full overflow-hidden rounded-full bg-doom-deep`,r),...a,children:/* @__PURE__ */ (0,n.jsx)(t.Progress.Indicator,{"data-slot":`progress-indicator`,className:`h-full w-full flex-1 bg-doom-blue transition-transform`,style:{transform:`translateX(-${String(100-(i??0))}%)`}})})}exports.Progress=r;
+const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r({className:r,value:i,...a}){return/* @__PURE__ */ (0,n.jsx)(t.Progress.Root,{"data-slot":`progress`,value:i,className:e.cn(`relative h-1 w-full overflow-hidden rounded-full bg-po-deep`,r),...a,children:/* @__PURE__ */ (0,n.jsx)(t.Progress.Indicator,{"data-slot":`progress-indicator`,className:`h-full w-full flex-1 bg-po-blue transition-transform`,style:{transform:`translateX(-${String(100-(i??0))}%)`}})})}exports.Progress=r;
 //# sourceMappingURL=Progress.cjs.map

package/dist/src/components/Progress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.cjs","names":["ProgressPrimitive","cn","require_cn","radix_ui","react_jsx_runtime","Progress","props","className","value"],"sources":["../../../src/components/Progress.tsx"],"sourcesContent":["import { Progress as ProgressPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/** A determinate bar; leave `value` undefined and Radix reports it as indeterminate. */\nexport function Progress({ className, value, ...props }: ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      value={value}\n      className={cn('relative h-1 w-full overflow-hidden rounded-full bg-doom-deep', className)}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"h-full w-full flex-1 bg-doom-blue transition-transform\"\n        style={{ transform: `translateX(-${String(100 - (value ?? 0))}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n"],"mappings":"0FAMA,SAAgBK,EAAS,CAAE,YAAW,QAAO,GAAGC,GAAwD,CACtG,MACE,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,SAAkB,KAAnB,CACE,YAAU,WACH,QACP,UAAWC,EAAAA,GAAG,gEAAiEM,CAAS,EACxF,GAAID,EAEJ,SAAA,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,SAAkB,UAAnB,CACE,YAAU,qBACV,UAAU,yDACV,MAAO,CAAE,UAAW,eAAe,OAAO,KAAOQ,GAAS,EAAE,EAAE,GAAI,CACnE,CAAA,CACqB,CAAA,CAE5B"}
+{"version":3,"file":"Progress.cjs","names":["ProgressPrimitive","cn","require_cn","radix_ui","react_jsx_runtime","Progress","props","className","value"],"sources":["../../../src/components/Progress.tsx"],"sourcesContent":["import { Progress as ProgressPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/** A determinate bar; leave `value` undefined and Radix reports it as indeterminate. */\nexport function Progress({ className, value, ...props }: ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      value={value}\n      className={cn('relative h-1 w-full overflow-hidden rounded-full bg-po-deep', className)}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"h-full w-full flex-1 bg-po-blue transition-transform\"\n        style={{ transform: `translateX(-${String(100 - (value ?? 0))}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n"],"mappings":"0FAMA,SAAgBK,EAAS,CAAE,YAAW,QAAO,GAAGC,GAAwD,CACtG,MACE,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,SAAkB,KAAnB,CACE,YAAU,WACH,QACP,UAAWC,EAAAA,GAAG,8DAA+DM,CAAS,EACtF,GAAID,EAEJ,SAAA,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,SAAkB,UAAnB,CACE,YAAU,qBACV,UAAU,uDACV,MAAO,CAAE,UAAW,eAAe,OAAO,KAAOQ,GAAS,EAAE,EAAE,GAAI,CACnE,CAAA,CACqB,CAAA,CAE5B"}

package/dist/src/components/RadioGroup.cjs

@@ -1,2 +1,2 @@
-const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r({className:r,...i}){return/* @__PURE__ */ (0,n.jsx)(t.RadioGroup.Root,{"data-slot":`radio-group`,className:e.cn(`flex flex-col gap-2`,r),...i})}function i({className:r,...i}){return/* @__PURE__ */ (0,n.jsx)(t.RadioGroup.Item,{"data-slot":`radio-group-item`,className:e.cn(`flex h-3.5 w-3.5 shrink-0 cursor-pointer items-center justify-center rounded-full border border-doom-border bg-doom-deep outline-none transition-colors focus-visible:ring-2 focus-visible:ring-doom-green/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-doom-green`,r),...i,children:/* @__PURE__ */ (0,n.jsx)(t.RadioGroup.Indicator,{"data-slot":`radio-group-indicator`,className:`block h-1.5 w-1.5 rounded-full bg-doom-green`})})}function a({className:r,...i}){return/* @__PURE__ */ (0,n.jsx)(t.RadioGroup.Item,{"data-slot":`radio-group-card`,className:e.cn(`cursor-pointer rounded-md border border-doom-border bg-doom-panel p-2 text-left outline-none transition-colors hover:border-doom-green/50 focus-visible:ring-2 focus-visible:ring-doom-green/50 data-[state=checked]:border-doom-green data-[state=checked]:bg-doom-tint-green`,r),...i})}exports.RadioGroup=r,exports.RadioGroupCard=a,exports.RadioGroupItem=i;
+const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r({className:r,...i}){return/* @__PURE__ */ (0,n.jsx)(t.RadioGroup.Root,{"data-slot":`radio-group`,className:e.cn(`flex flex-col gap-2`,r),...i})}function i({className:r,...i}){return/* @__PURE__ */ (0,n.jsx)(t.RadioGroup.Item,{"data-slot":`radio-group-item`,className:e.cn(`flex h-3.5 w-3.5 shrink-0 cursor-pointer items-center justify-center rounded-full border border-po-border bg-po-deep outline-none transition-colors focus-visible:ring-2 focus-visible:ring-po-green/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-po-green`,r),...i,children:/* @__PURE__ */ (0,n.jsx)(t.RadioGroup.Indicator,{"data-slot":`radio-group-indicator`,className:`block h-1.5 w-1.5 rounded-full bg-po-green`})})}function a({className:r,...i}){return/* @__PURE__ */ (0,n.jsx)(t.RadioGroup.Item,{"data-slot":`radio-group-card`,className:e.cn(`cursor-pointer rounded-md border border-po-border bg-po-panel p-2 text-left outline-none transition-colors hover:border-po-green/50 focus-visible:ring-2 focus-visible:ring-po-green/50 data-[state=checked]:border-po-green data-[state=checked]:bg-po-tint-green`,r),...i})}exports.RadioGroup=r,exports.RadioGroupCard=a,exports.RadioGroupItem=i;
 //# sourceMappingURL=RadioGroup.cjs.map

package/dist/src/components/RadioGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.cjs","names":["RadioGroupPrimitive","cn","require_cn","radix_ui","react_jsx_runtime","RadioGroup","props","className","RadioGroupItem","RadioGroupCard"],"sources":["../../../src/components/RadioGroup.tsx"],"sourcesContent":["import { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/** One choice out of several; Radix owns the arrow-key roving focus a native group has. */\nexport function RadioGroup({ className, ...props }: ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return (\n    <RadioGroupPrimitive.Root data-slot=\"radio-group\" className={cn('flex flex-col gap-2', className)} {...props} />\n  );\n}\n\nexport function RadioGroupItem({ className, ...props }: ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'flex h-3.5 w-3.5 shrink-0 cursor-pointer items-center justify-center rounded-full border border-doom-border bg-doom-deep outline-none transition-colors focus-visible:ring-2 focus-visible:ring-doom-green/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-doom-green',\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"block h-1.5 w-1.5 rounded-full bg-doom-green\"\n      />\n    </RadioGroupPrimitive.Item>\n  );\n}\n\n/**\n * A whole card that is one radio choice: the theme picker, where the target is\n * the preview rather than a dot. Radix keeps the roving focus and the checked\n * state; the card supplies the frame.\n */\nexport function RadioGroupCard({ className, ...props }: ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-card\"\n      className={cn(\n        'cursor-pointer rounded-md border border-doom-border bg-doom-panel p-2 text-left outline-none transition-colors hover:border-doom-green/50 focus-visible:ring-2 focus-visible:ring-doom-green/50 data-[state=checked]:border-doom-green data-[state=checked]:bg-doom-tint-green',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"0FAMA,SAAgBK,EAAW,CAAE,YAAW,GAAGC,GAA0D,CACnG,MACE,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,WAAoB,KAArB,CAA0B,YAAU,cAAc,UAAWC,EAAAA,GAAG,sBAAuBM,CAAS,EAAG,GAAID,CAAQ,CAAA,CAEnH,CAEA,SAAgBE,EAAe,CAAE,YAAW,GAAGF,GAA0D,CACvG,MACE,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,WAAoB,KAArB,CACE,YAAU,mBACV,UAAWC,EAAAA,GACT,wSACAM,CACF,EACA,GAAID,EAEJ,SAAA,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,WAAoB,UAArB,CACE,YAAU,wBACV,UAAU,8CACX,CAAA,CACuB,CAAA,CAE9B,CAOA,SAAgBS,EAAe,CAAE,YAAW,GAAGH,GAA0D,CACvG,MACE,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,WAAoB,KAArB,CACE,YAAU,mBACV,UAAWC,EAAAA,GACT,iRACAM,CACF,EACA,GAAID,CACL,CAAA,CAEL"}
+{"version":3,"file":"RadioGroup.cjs","names":["RadioGroupPrimitive","cn","require_cn","radix_ui","react_jsx_runtime","RadioGroup","props","className","RadioGroupItem","RadioGroupCard"],"sources":["../../../src/components/RadioGroup.tsx"],"sourcesContent":["import { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/** One choice out of several; Radix owns the arrow-key roving focus a native group has. */\nexport function RadioGroup({ className, ...props }: ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return (\n    <RadioGroupPrimitive.Root data-slot=\"radio-group\" className={cn('flex flex-col gap-2', className)} {...props} />\n  );\n}\n\nexport function RadioGroupItem({ className, ...props }: ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'flex h-3.5 w-3.5 shrink-0 cursor-pointer items-center justify-center rounded-full border border-po-border bg-po-deep outline-none transition-colors focus-visible:ring-2 focus-visible:ring-po-green/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-po-green',\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"block h-1.5 w-1.5 rounded-full bg-po-green\"\n      />\n    </RadioGroupPrimitive.Item>\n  );\n}\n\n/**\n * A whole card that is one radio choice: the theme picker, where the target is\n * the preview rather than a dot. Radix keeps the roving focus and the checked\n * state; the card supplies the frame.\n */\nexport function RadioGroupCard({ className, ...props }: ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-card\"\n      className={cn(\n        'cursor-pointer rounded-md border border-po-border bg-po-panel p-2 text-left outline-none transition-colors hover:border-po-green/50 focus-visible:ring-2 focus-visible:ring-po-green/50 data-[state=checked]:border-po-green data-[state=checked]:bg-po-tint-green',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"0FAMA,SAAgBK,EAAW,CAAE,YAAW,GAAGC,GAA0D,CACnG,MACE,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,WAAoB,KAArB,CAA0B,YAAU,cAAc,UAAWC,EAAAA,GAAG,sBAAuBM,CAAS,EAAG,GAAID,CAAQ,CAAA,CAEnH,CAEA,SAAgBE,EAAe,CAAE,YAAW,GAAGF,GAA0D,CACvG,MACE,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,WAAoB,KAArB,CACE,YAAU,mBACV,UAAWC,EAAAA,GACT,gSACAM,CACF,EACA,GAAID,EAEJ,SAAA,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,WAAoB,UAArB,CACE,YAAU,wBACV,UAAU,4CACX,CAAA,CACuB,CAAA,CAE9B,CAOA,SAAgBS,EAAe,CAAE,YAAW,GAAGH,GAA0D,CACvG,MACE,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,WAAoB,KAArB,CACE,YAAU,mBACV,UAAWC,EAAAA,GACT,qQACAM,CACF,EACA,GAAID,CACL,CAAA,CAEL"}

package/dist/src/components/ReviewCommentDraft.cjs

@@ -1,2 +1,2 @@
-const e=require("./Button.cjs"),t=require("../lib/review.cjs"),n=require("./Textarea.cjs");let r=require("react/jsx-runtime"),i=require("react");function a(e,t,n){if(e===void 0)return`no line anchor: this selection came from the rendered preview`;let r=n===`old`?`removed `:``;return t===void 0||t===e?`${r}line ${e}`:`${r}lines ${e} to ${t}`}function o({snippet:o,startLine:s,endLine:c,side:l,onSubmit:u,onCancel:d,testIdPrefix:f=`review-comment`}){let[p,m]=(0,i.useState)(``);return/* @__PURE__ */ (0,r.jsxs)(`div`,{"data-testid":`${f}-draft`,className:`flex flex-col gap-1.5 border-t border-doom-border p-2`,children:[/* @__PURE__ */ (0,r.jsx)(`p`,{className:`text-sm text-doom-dim`,children:a(s,c,l)}),/* @__PURE__ */ (0,r.jsx)(`pre`,{className:`max-h-24 overflow-y-auto whitespace-pre-wrap break-words rounded border border-doom-border-soft bg-doom-deep p-1.5 font-mono text-xs text-doom-dim`,children:t.trimSnippet(o,8,600)}),/* @__PURE__ */ (0,r.jsx)(n.Textarea,{"data-testid":`${f}-body`,value:p,rows:3,autoFocus:!0,placeholder:`what should change here?`,onChange:e=>m(e.target.value),onKeyDown:e=>{e.key===`Escape`&&d(),e.key===`Enter`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),p.trim()!==``&&u(p))},className:`text-sm`}),/* @__PURE__ */ (0,r.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[/* @__PURE__ */ (0,r.jsx)(e.Button,{variant:`outline`,size:`xs`,"data-testid":`${f}-add`,disabled:p.trim()===``,onClick:()=>u(p),children:`Add comment`}),/* @__PURE__ */ (0,r.jsx)(e.Button,{variant:`ghost`,size:`xs`,"data-testid":`${f}-cancel`,onClick:d,children:`Cancel`}),/* @__PURE__ */ (0,r.jsx)(`span`,{className:`text-sm text-doom-dim`,children:`⌘⏎ to add`})]})]})}exports.ReviewCommentDraft=o;
+const e=require("./Button.cjs"),t=require("../lib/review.cjs"),n=require("./Textarea.cjs");let r=require("react/jsx-runtime"),i=require("react");function a(e,t,n){if(e===void 0)return`no line anchor: this selection came from the rendered preview`;let r=n===`old`?`removed `:``;return t===void 0||t===e?`${r}line ${e}`:`${r}lines ${e} to ${t}`}function o({snippet:o,startLine:s,endLine:c,side:l,onSubmit:u,onCancel:d,testIdPrefix:f=`review-comment`}){let[p,m]=(0,i.useState)(``);return/* @__PURE__ */ (0,r.jsxs)(`div`,{"data-testid":`${f}-draft`,className:`flex flex-col gap-1.5 border-t border-po-border p-2`,children:[/* @__PURE__ */ (0,r.jsx)(`p`,{className:`text-sm text-po-dim`,children:a(s,c,l)}),/* @__PURE__ */ (0,r.jsx)(`pre`,{className:`max-h-24 overflow-y-auto whitespace-pre-wrap break-words rounded border border-po-border-soft bg-po-deep p-1.5 font-mono text-xs text-po-dim`,children:t.trimSnippet(o,8,600)}),/* @__PURE__ */ (0,r.jsx)(n.Textarea,{"data-testid":`${f}-body`,value:p,rows:3,autoFocus:!0,placeholder:`what should change here?`,onChange:e=>m(e.target.value),onKeyDown:e=>{e.key===`Escape`&&d(),e.key===`Enter`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),p.trim()!==``&&u(p))},className:`text-sm`}),/* @__PURE__ */ (0,r.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[/* @__PURE__ */ (0,r.jsx)(e.Button,{variant:`outline`,size:`xs`,"data-testid":`${f}-add`,disabled:p.trim()===``,onClick:()=>u(p),children:`Add comment`}),/* @__PURE__ */ (0,r.jsx)(e.Button,{variant:`ghost`,size:`xs`,"data-testid":`${f}-cancel`,onClick:d,children:`Cancel`}),/* @__PURE__ */ (0,r.jsx)(`span`,{className:`text-sm text-po-dim`,children:`⌘⏎ to add`})]})]})}exports.ReviewCommentDraft=o;
 //# sourceMappingURL=ReviewCommentDraft.cjs.map

package/dist/src/components/ReviewCommentDraft.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewCommentDraft.cjs","names":["useState","trimSnippet","Textarea","Button","require_Button","require_review","require_Textarea","react_jsx_runtime","react","rangeLabel","startLine","removed","side","endLine","ReviewCommentDraft","body","setBody","testIdPrefix","snippet","event","onCancel","onSubmit"],"sources":["../../../src/components/ReviewCommentDraft.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { trimSnippet } from '../lib/review';\nimport type { DiffSide } from '../types/diff';\nimport { Button } from './Button';\nimport { Textarea } from './Textarea';\n\n/**\n * The box a selection raises: what was highlighted, and a note about it.\n *\n * The note is held here rather than in a store because it belongs to one open\n * box and dies with it; only a submitted comment is worth keeping, and the\n * owner decides where that goes.\n */\nexport interface ReviewCommentDraftProps {\n  snippet: string;\n  /** Absent when the selection came from somewhere lines cannot be recovered, such as a rendered preview. */\n  startLine?: number;\n  endLine?: number;\n  /** Absent means the new side. */\n  side?: DiffSide;\n  onSubmit: (body: string) => void;\n  onCancel: () => void;\n  /** Prefix for the test ids: `<prefix>-draft`, `-body`, `-add`, `-cancel`. */\n  testIdPrefix?: string;\n}\n\nfunction rangeLabel(startLine: number | undefined, endLine: number | undefined, side: DiffSide | undefined): string {\n  if (startLine === undefined) return 'no line anchor: this selection came from the rendered preview';\n  const removed = side === 'old' ? 'removed ' : '';\n  return endLine === undefined || endLine === startLine\n    ? `${removed}line ${startLine}`\n    : `${removed}lines ${startLine} to ${endLine}`;\n}\n\nexport function ReviewCommentDraft({\n  snippet,\n  startLine,\n  endLine,\n  side,\n  onSubmit,\n  onCancel,\n  testIdPrefix = 'review-comment',\n}: ReviewCommentDraftProps) {\n  const [body, setBody] = useState('');\n\n  return (\n    <div data-testid={`${testIdPrefix}-draft`} className=\"flex flex-col gap-1.5 border-t border-doom-border p-2\">\n      <p className=\"text-sm text-doom-dim\">{rangeLabel(startLine, endLine, side)}</p>\n      <pre className=\"max-h-24 overflow-y-auto whitespace-pre-wrap break-words rounded border border-doom-border-soft bg-doom-deep p-1.5 font-mono text-xs text-doom-dim\">\n        {trimSnippet(snippet, 8, 600)}\n      </pre>\n      <Textarea\n        data-testid={`${testIdPrefix}-body`}\n        value={body}\n        rows={3}\n        autoFocus\n        placeholder=\"what should change here?\"\n        onChange={(event) => setBody(event.target.value)}\n        onKeyDown={(event) => {\n          if (event.key === 'Escape') onCancel();\n          if (event.key !== 'Enter' || !(event.metaKey || event.ctrlKey)) return;\n          event.preventDefault();\n          if (body.trim() !== '') onSubmit(body);\n        }}\n        className=\"text-sm\"\n      />\n      <div className=\"flex items-center gap-1.5\">\n        <Button\n          variant=\"outline\"\n          size=\"xs\"\n          data-testid={`${testIdPrefix}-add`}\n          disabled={body.trim() === ''}\n          onClick={() => onSubmit(body)}\n        >\n          Add comment\n        </Button>\n        <Button variant=\"ghost\" size=\"xs\" data-testid={`${testIdPrefix}-cancel`} onClick={onCancel}>\n          Cancel\n        </Button>\n        <span className=\"text-sm text-doom-dim\">⌘⏎ to add</span>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"iJA2BA,SAASS,EAAW,EAA+B,EAA6B,EAAoC,CAClH,GAAIC,IAAc,IAAA,GAAW,MAAO,gEACpC,IAAMC,EAAUC,IAAS,MAAQ,WAAa,GAC9C,OAAOC,IAAY,IAAA,IAAaA,IAAYH,EACxC,GAAGC,EAAQ,OAAOD,IAClB,GAAGC,EAAQ,QAAQD,EAAU,MAAMG,GACzC,CAEA,SAAgBC,EAAmB,CACjC,UACA,YACA,UACA,OACA,WACA,WACA,eAAe,kBACW,CAC1B,GAAM,CAACC,EAAMC,IAAA,EAAWhB,EAAAA,SAAAA,CAAS,EAAE,EAEnC,MACE,iBAAA,EAAAO,EAAA,KAAA,CAAC,MAAD,CAAK,cAAa,GAAGU,EAAa,QAAS,UAAU,wDAArD,SAAA,CACE,iBAAA,EAAAV,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,wBAAyB,SAAAE,EAAWC,EAAWG,EAASD,CAAI,CAAK,CAAA,EAC9E,iBAAA,EAAAL,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,qJACZN,SAAAA,EAAAA,YAAYiB,EAAS,EAAG,GAAG,CACzB,CAAA,EACL,iBAAA,EAAAX,EAAA,IAAA,CAACL,EAAAA,SAAD,CACE,cAAa,GAAGe,EAAa,OAC7B,MAAOF,EACP,KAAM,EACN,UAAA,GACA,YAAY,2BACZ,SAAW,GAAUC,EAAQG,EAAM,OAAO,KAAK,EAC/C,UAAY,GAAU,CAChBA,EAAM,MAAQ,UAAUC,EAAS,EACjCD,EAAM,MAAQ,UAAaA,EAAM,SAAWA,EAAM,WACtDA,EAAM,eAAe,EACjBJ,EAAK,KAAK,IAAM,IAAIM,EAASN,CAAI,EACvC,EACA,UAAU,SACX,CAAA,EACD,iBAAA,EAAAR,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,4BAAf,SAAA,CACE,iBAAA,EAAAA,EAAA,IAAA,CAACJ,EAAAA,OAAD,CACE,QAAQ,UACR,KAAK,KACL,cAAa,GAAGc,EAAa,MAC7B,SAAUF,EAAK,KAAK,IAAM,GAC1B,YAAeM,EAASN,CAAI,EAC7B,SAAA,aAEO,CAAA,EACR,iBAAA,EAAAR,EAAA,IAAA,CAACJ,EAAAA,OAAD,CAAQ,QAAQ,QAAQ,KAAK,KAAK,cAAa,GAAGc,EAAa,SAAU,QAASG,EAAU,SAAA,QAEpF,CAAA,EACR,iBAAA,EAAAb,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,wBAAwB,SAAA,WAAe,CAAA,CACpD,GACF,GAET"}
+{"version":3,"file":"ReviewCommentDraft.cjs","names":["useState","trimSnippet","Textarea","Button","require_Button","require_review","require_Textarea","react_jsx_runtime","react","rangeLabel","startLine","removed","side","endLine","ReviewCommentDraft","body","setBody","testIdPrefix","snippet","event","onCancel","onSubmit"],"sources":["../../../src/components/ReviewCommentDraft.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { trimSnippet } from '../lib/review';\nimport type { DiffSide } from '../types/diff';\nimport { Button } from './Button';\nimport { Textarea } from './Textarea';\n\n/**\n * The box a selection raises: what was highlighted, and a note about it.\n *\n * The note is held here rather than in a store because it belongs to one open\n * box and dies with it; only a submitted comment is worth keeping, and the\n * owner decides where that goes.\n */\nexport interface ReviewCommentDraftProps {\n  snippet: string;\n  /** Absent when the selection came from somewhere lines cannot be recovered, such as a rendered preview. */\n  startLine?: number;\n  endLine?: number;\n  /** Absent means the new side. */\n  side?: DiffSide;\n  onSubmit: (body: string) => void;\n  onCancel: () => void;\n  /** Prefix for the test ids: `<prefix>-draft`, `-body`, `-add`, `-cancel`. */\n  testIdPrefix?: string;\n}\n\nfunction rangeLabel(startLine: number | undefined, endLine: number | undefined, side: DiffSide | undefined): string {\n  if (startLine === undefined) return 'no line anchor: this selection came from the rendered preview';\n  const removed = side === 'old' ? 'removed ' : '';\n  return endLine === undefined || endLine === startLine\n    ? `${removed}line ${startLine}`\n    : `${removed}lines ${startLine} to ${endLine}`;\n}\n\nexport function ReviewCommentDraft({\n  snippet,\n  startLine,\n  endLine,\n  side,\n  onSubmit,\n  onCancel,\n  testIdPrefix = 'review-comment',\n}: ReviewCommentDraftProps) {\n  const [body, setBody] = useState('');\n\n  return (\n    <div data-testid={`${testIdPrefix}-draft`} className=\"flex flex-col gap-1.5 border-t border-po-border p-2\">\n      <p className=\"text-sm text-po-dim\">{rangeLabel(startLine, endLine, side)}</p>\n      <pre className=\"max-h-24 overflow-y-auto whitespace-pre-wrap break-words rounded border border-po-border-soft bg-po-deep p-1.5 font-mono text-xs text-po-dim\">\n        {trimSnippet(snippet, 8, 600)}\n      </pre>\n      <Textarea\n        data-testid={`${testIdPrefix}-body`}\n        value={body}\n        rows={3}\n        autoFocus\n        placeholder=\"what should change here?\"\n        onChange={(event) => setBody(event.target.value)}\n        onKeyDown={(event) => {\n          if (event.key === 'Escape') onCancel();\n          if (event.key !== 'Enter' || !(event.metaKey || event.ctrlKey)) return;\n          event.preventDefault();\n          if (body.trim() !== '') onSubmit(body);\n        }}\n        className=\"text-sm\"\n      />\n      <div className=\"flex items-center gap-1.5\">\n        <Button\n          variant=\"outline\"\n          size=\"xs\"\n          data-testid={`${testIdPrefix}-add`}\n          disabled={body.trim() === ''}\n          onClick={() => onSubmit(body)}\n        >\n          Add comment\n        </Button>\n        <Button variant=\"ghost\" size=\"xs\" data-testid={`${testIdPrefix}-cancel`} onClick={onCancel}>\n          Cancel\n        </Button>\n        <span className=\"text-sm text-po-dim\">⌘⏎ to add</span>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"iJA2BA,SAASS,EAAW,EAA+B,EAA6B,EAAoC,CAClH,GAAIC,IAAc,IAAA,GAAW,MAAO,gEACpC,IAAMC,EAAUC,IAAS,MAAQ,WAAa,GAC9C,OAAOC,IAAY,IAAA,IAAaA,IAAYH,EACxC,GAAGC,EAAQ,OAAOD,IAClB,GAAGC,EAAQ,QAAQD,EAAU,MAAMG,GACzC,CAEA,SAAgBC,EAAmB,CACjC,UACA,YACA,UACA,OACA,WACA,WACA,eAAe,kBACW,CAC1B,GAAM,CAACC,EAAMC,IAAA,EAAWhB,EAAAA,SAAAA,CAAS,EAAE,EAEnC,MACE,iBAAA,EAAAO,EAAA,KAAA,CAAC,MAAD,CAAK,cAAa,GAAGU,EAAa,QAAS,UAAU,sDAArD,SAAA,CACE,iBAAA,EAAAV,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,sBAAuB,SAAAE,EAAWC,EAAWG,EAASD,CAAI,CAAK,CAAA,EAC5E,iBAAA,EAAAL,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,+IACZN,SAAAA,EAAAA,YAAYiB,EAAS,EAAG,GAAG,CACzB,CAAA,EACL,iBAAA,EAAAX,EAAA,IAAA,CAACL,EAAAA,SAAD,CACE,cAAa,GAAGe,EAAa,OAC7B,MAAOF,EACP,KAAM,EACN,UAAA,GACA,YAAY,2BACZ,SAAW,GAAUC,EAAQG,EAAM,OAAO,KAAK,EAC/C,UAAY,GAAU,CAChBA,EAAM,MAAQ,UAAUC,EAAS,EACjCD,EAAM,MAAQ,UAAaA,EAAM,SAAWA,EAAM,WACtDA,EAAM,eAAe,EACjBJ,EAAK,KAAK,IAAM,IAAIM,EAASN,CAAI,EACvC,EACA,UAAU,SACX,CAAA,EACD,iBAAA,EAAAR,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,4BAAf,SAAA,CACE,iBAAA,EAAAA,EAAA,IAAA,CAACJ,EAAAA,OAAD,CACE,QAAQ,UACR,KAAK,KACL,cAAa,GAAGc,EAAa,MAC7B,SAAUF,EAAK,KAAK,IAAM,GAC1B,YAAeM,EAASN,CAAI,EAC7B,SAAA,aAEO,CAAA,EACR,iBAAA,EAAAR,EAAA,IAAA,CAACJ,EAAAA,OAAD,CAAQ,QAAQ,QAAQ,KAAK,KAAK,cAAa,GAAGc,EAAa,SAAU,QAASG,EAAU,SAAA,QAEpF,CAAA,EACR,iBAAA,EAAAb,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,sBAAsB,SAAA,WAAe,CAAA,CAClD,GACF,GAET"}

package/dist/src/components/ScrollArea.cjs

@@ -1,2 +1,2 @@
-const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r({className:r,children:a,...o}){return/* @__PURE__ */ (0,n.jsxs)(t.ScrollArea.Root,{"data-slot":`scroll-area`,className:e.cn(`relative overflow-hidden`,r),...o,children:[/* @__PURE__ */ (0,n.jsx)(t.ScrollArea.Viewport,{"data-slot":`scroll-area-viewport`,className:`h-full w-full rounded-[inherit]`,children:a}),/* @__PURE__ */ (0,n.jsx)(i,{}),/* @__PURE__ */ (0,n.jsx)(t.ScrollArea.Corner,{})]})}function i({className:r,orientation:i=`vertical`,...a}){return/* @__PURE__ */ (0,n.jsx)(t.ScrollArea.ScrollAreaScrollbar,{"data-slot":`scroll-area-scrollbar`,orientation:i,className:e.cn(`flex touch-none select-none`,i===`vertical`?`h-full w-2.5 p-px`:`h-2.5 flex-col p-px`,r),...a,children:/* @__PURE__ */ (0,n.jsx)(t.ScrollArea.ScrollAreaThumb,{"data-slot":`scroll-area-thumb`,className:`relative flex-1 rounded-full bg-doom-border`})})}exports.ScrollArea=r,exports.ScrollBar=i;
+const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r({className:r,children:a,...o}){return/* @__PURE__ */ (0,n.jsxs)(t.ScrollArea.Root,{"data-slot":`scroll-area`,className:e.cn(`relative overflow-hidden`,r),...o,children:[/* @__PURE__ */ (0,n.jsx)(t.ScrollArea.Viewport,{"data-slot":`scroll-area-viewport`,className:`h-full w-full rounded-[inherit]`,children:a}),/* @__PURE__ */ (0,n.jsx)(i,{}),/* @__PURE__ */ (0,n.jsx)(t.ScrollArea.Corner,{})]})}function i({className:r,orientation:i=`vertical`,...a}){return/* @__PURE__ */ (0,n.jsx)(t.ScrollArea.ScrollAreaScrollbar,{"data-slot":`scroll-area-scrollbar`,orientation:i,className:e.cn(`flex touch-none select-none`,i===`vertical`?`h-full w-2.5 p-px`:`h-2.5 flex-col p-px`,r),...a,children:/* @__PURE__ */ (0,n.jsx)(t.ScrollArea.ScrollAreaThumb,{"data-slot":`scroll-area-thumb`,className:`relative flex-1 rounded-full bg-po-border`})})}exports.ScrollArea=r,exports.ScrollBar=i;
 //# sourceMappingURL=ScrollArea.cjs.map

package/dist/src/components/ScrollArea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.cjs","names":["ScrollAreaPrimitive","cn","require_cn","radix_ui","react_jsx_runtime","ScrollArea","props","className","ScrollBar","orientation"],"sources":["../../../src/components/ScrollArea.tsx"],"sourcesContent":["import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/**\n * A scroll container with a styled bar. The base stylesheet already themes\n * the native scrollbar, so reach for this only where the bar must overlay the\n * content or sit inside a rounded surface that clips it.\n */\nexport function ScrollArea({ className, children, ...props }: ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root data-slot=\"scroll-area\" className={cn('relative overflow-hidden', className)} {...props}>\n      <ScrollAreaPrimitive.Viewport data-slot=\"scroll-area-viewport\" className=\"h-full w-full rounded-[inherit]\">\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nexport function ScrollBar({\n  className,\n  orientation = 'vertical',\n  ...props\n}: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        'flex touch-none select-none',\n        orientation === 'vertical' ? 'h-full w-2.5 p-px' : 'h-2.5 flex-col p-px',\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"relative flex-1 rounded-full bg-doom-border\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n}\n"],"mappings":"0FAUA,SAAgBK,EAAW,CAAE,YAAW,WAAU,GAAGC,GAA0D,CAC7G,MACE,iBAAA,EAAAF,EAAA,KAAA,CAACJ,EAAAA,WAAoB,KAArB,CAA0B,YAAU,cAAc,UAAWC,EAAAA,GAAG,2BAA4BM,CAAS,EAAG,GAAID,EAA5G,SAAA,CACE,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,WAAoB,SAArB,CAA8B,YAAU,uBAAuB,UAAU,kCACtE,UAC2B,CAAA,EAC9B,iBAAA,EAAAI,EAAA,IAAA,CAACI,EAAD,CAAY,CAAA,EACZ,iBAAA,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,WAAoB,OAArB,CAA6B,CAAA,CACL,GAE9B,CAEA,SAAgBQ,EAAU,CACxB,YACA,cAAc,WACd,GAAGF,GAC8D,CACjE,MACE,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,WAAoB,oBAArB,CACE,YAAU,wBACG,cACb,UAAWC,EAAAA,GACT,8BACAQ,IAAgB,WAAa,oBAAsB,sBACnDF,CACF,EACA,GAAID,EAEJ,SAAA,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,WAAoB,gBAArB,CACE,YAAU,oBACV,UAAU,6CACX,CAAA,CACsC,CAAA,CAE7C"}
+{"version":3,"file":"ScrollArea.cjs","names":["ScrollAreaPrimitive","cn","require_cn","radix_ui","react_jsx_runtime","ScrollArea","props","className","ScrollBar","orientation"],"sources":["../../../src/components/ScrollArea.tsx"],"sourcesContent":["import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/**\n * A scroll container with a styled bar. The base stylesheet already themes\n * the native scrollbar, so reach for this only where the bar must overlay the\n * content or sit inside a rounded surface that clips it.\n */\nexport function ScrollArea({ className, children, ...props }: ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root data-slot=\"scroll-area\" className={cn('relative overflow-hidden', className)} {...props}>\n      <ScrollAreaPrimitive.Viewport data-slot=\"scroll-area-viewport\" className=\"h-full w-full rounded-[inherit]\">\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nexport function ScrollBar({\n  className,\n  orientation = 'vertical',\n  ...props\n}: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        'flex touch-none select-none',\n        orientation === 'vertical' ? 'h-full w-2.5 p-px' : 'h-2.5 flex-col p-px',\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"relative flex-1 rounded-full bg-po-border\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n}\n"],"mappings":"0FAUA,SAAgBK,EAAW,CAAE,YAAW,WAAU,GAAGC,GAA0D,CAC7G,MACE,iBAAA,EAAAF,EAAA,KAAA,CAACJ,EAAAA,WAAoB,KAArB,CAA0B,YAAU,cAAc,UAAWC,EAAAA,GAAG,2BAA4BM,CAAS,EAAG,GAAID,EAA5G,SAAA,CACE,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,WAAoB,SAArB,CAA8B,YAAU,uBAAuB,UAAU,kCACtE,UAC2B,CAAA,EAC9B,iBAAA,EAAAI,EAAA,IAAA,CAACI,EAAD,CAAY,CAAA,EACZ,iBAAA,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,WAAoB,OAArB,CAA6B,CAAA,CACL,GAE9B,CAEA,SAAgBQ,EAAU,CACxB,YACA,cAAc,WACd,GAAGF,GAC8D,CACjE,MACE,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,WAAoB,oBAArB,CACE,YAAU,wBACG,cACb,UAAWC,EAAAA,GACT,8BACAQ,IAAgB,WAAa,oBAAsB,sBACnDF,CACF,EACA,GAAID,EAEJ,SAAA,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,WAAoB,gBAArB,CACE,YAAU,oBACV,UAAU,2CACX,CAAA,CACsC,CAAA,CAE7C"}

package/dist/src/components/SectionLabel.cjs

@@ -1,2 +1,2 @@
-const e=require("../lib/cn.cjs");let t=require("react/jsx-runtime");function n({className:n,...r}){return/* @__PURE__ */ (0,t.jsx)(`span`,{"data-slot":`section-label`,className:e.cn(`inline-block text-sm font-semibold text-doom-dim first-letter:uppercase`,n),...r})}exports.SectionLabel=n;
+const e=require("../lib/cn.cjs");let t=require("react/jsx-runtime");function n({className:n,...r}){return/* @__PURE__ */ (0,t.jsx)(`span`,{"data-slot":`section-label`,className:e.cn(`inline-block text-sm font-semibold text-po-dim first-letter:uppercase`,n),...r})}exports.SectionLabel=n;
 //# sourceMappingURL=SectionLabel.cjs.map

package/dist/src/components/SectionLabel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionLabel.cjs","names":["cn","require_cn","react_jsx_runtime","SectionLabel","props","className"],"sources":["../../../src/components/SectionLabel.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/** The quiet sentence-case heading over a cockpit section (Sessions, Activity, Minor modes). */\nexport function SectionLabel({ className, ...props }: ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"section-label\"\n      className={cn('inline-block text-sm font-semibold text-doom-dim first-letter:uppercase', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"oEAKA,SAAgBG,EAAa,CAAE,YAAW,GAAGC,GAAiC,CAC5E,MACE,iBAAA,EAAAF,EAAA,IAAA,CAAC,OAAD,CACE,YAAU,gBACV,UAAWF,EAAAA,GAAG,0EAA2EK,CAAS,EAClG,GAAID,CACL,CAAA,CAEL"}
+{"version":3,"file":"SectionLabel.cjs","names":["cn","require_cn","react_jsx_runtime","SectionLabel","props","className"],"sources":["../../../src/components/SectionLabel.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/** The quiet sentence-case heading over a cockpit section (Sessions, Activity, Minor modes). */\nexport function SectionLabel({ className, ...props }: ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"section-label\"\n      className={cn('inline-block text-sm font-semibold text-po-dim first-letter:uppercase', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"oEAKA,SAAgBG,EAAa,CAAE,YAAW,GAAGC,GAAiC,CAC5E,MACE,iBAAA,EAAAF,EAAA,IAAA,CAAC,OAAD,CACE,YAAU,gBACV,UAAWF,EAAAA,GAAG,wEAAyEK,CAAS,EAChG,GAAID,CACL,CAAA,CAEL"}

package/dist/src/components/Select.cjs

@@ -1,2 +1,2 @@
-require("../icons/icons.cjs");const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime"),r=require("lucide-react");function i(e){return/* @__PURE__ */ (0,n.jsx)(t.Select.Root,{"data-slot":`select`,...e})}function a(e){return/* @__PURE__ */ (0,n.jsx)(t.Select.Group,{"data-slot":`select-group`,...e})}function o(e){return/* @__PURE__ */ (0,n.jsx)(t.Select.Value,{"data-slot":`select-value`,...e})}function s({className:i,children:a,...o}){return/* @__PURE__ */ (0,n.jsxs)(t.Select.Trigger,{"data-slot":`select-trigger`,className:e.cn(`flex h-7 cursor-pointer items-center justify-between gap-2 rounded border border-doom-border bg-doom-deep px-2.5 text-left text-base text-doom-hi outline-none transition-colors hover:border-doom-green/50 focus-visible:ring-2 focus-visible:ring-doom-green/50 disabled:pointer-events-none disabled:opacity-40 data-[placeholder]:text-doom-faint *:data-[slot=select-value]:truncate`,i),...o,children:[a,/* @__PURE__ */ (0,n.jsx)(t.Select.Icon,{asChild:!0,children:/* @__PURE__ */ (0,n.jsx)(r.ChevronDown,{className:`h-3 w-3 shrink-0 text-doom-faint`})})]})}function c({className:r,position:i=`popper`,sideOffset:a=4,children:o,...s}){return/* @__PURE__ */ (0,n.jsx)(t.Select.Portal,{children:/* @__PURE__ */ (0,n.jsx)(t.Select.Content,{"data-slot":`select-content`,position:i,sideOffset:a,className:e.cn(`z-50 max-h-[320px] min-w-[var(--radix-select-trigger-width)] overflow-hidden rounded border border-doom-border bg-doom-panel shadow-xl outline-none data-[state=open]:animate-doom-rise`,r),...s,children:/* @__PURE__ */ (0,n.jsx)(t.Select.Viewport,{className:`p-1`,children:o})})})}function l({className:r,...i}){return/* @__PURE__ */ (0,n.jsx)(t.Select.Label,{"data-slot":`select-label`,className:e.cn(`px-2 py-1 text-sm font-semibold text-doom-dim first-letter:uppercase`,r),...i})}function u({className:i,children:a,...o}){return/* @__PURE__ */ (0,n.jsxs)(t.Select.Item,{"data-slot":`select-item`,className:e.cn(`relative flex cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-2 pl-7 text-base text-doom-hi outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-doom-deep`,i),...o,children:[/* @__PURE__ */ (0,n.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex h-3 w-3 items-center justify-center`,children:/* @__PURE__ */ (0,n.jsx)(t.Select.ItemIndicator,{children:/* @__PURE__ */ (0,n.jsx)(r.Check,{className:`h-3 w-3 text-doom-green`})})}),/* @__PURE__ */ (0,n.jsx)(t.Select.ItemText,{children:a})]})}function d({className:r,...i}){return/* @__PURE__ */ (0,n.jsx)(t.Select.Separator,{"data-slot":`select-separator`,className:e.cn(`my-1 h-px bg-doom-border-soft`,r),...i})}exports.Select=i,exports.SelectContent=c,exports.SelectGroup=a,exports.SelectItem=u,exports.SelectLabel=l,exports.SelectSeparator=d,exports.SelectTrigger=s,exports.SelectValue=o;
+require("../icons/icons.cjs");const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime"),r=require("lucide-react");function i(e){return/* @__PURE__ */ (0,n.jsx)(t.Select.Root,{"data-slot":`select`,...e})}function a(e){return/* @__PURE__ */ (0,n.jsx)(t.Select.Group,{"data-slot":`select-group`,...e})}function o(e){return/* @__PURE__ */ (0,n.jsx)(t.Select.Value,{"data-slot":`select-value`,...e})}function s({className:i,children:a,...o}){return/* @__PURE__ */ (0,n.jsxs)(t.Select.Trigger,{"data-slot":`select-trigger`,className:e.cn(`flex h-7 cursor-pointer items-center justify-between gap-2 rounded border border-po-border bg-po-deep px-2.5 text-left text-base text-po-hi outline-none transition-colors hover:border-po-green/50 focus-visible:ring-2 focus-visible:ring-po-green/50 disabled:pointer-events-none disabled:opacity-40 data-[placeholder]:text-po-faint *:data-[slot=select-value]:truncate`,i),...o,children:[a,/* @__PURE__ */ (0,n.jsx)(t.Select.Icon,{asChild:!0,children:/* @__PURE__ */ (0,n.jsx)(r.ChevronDown,{className:`h-3 w-3 shrink-0 text-po-faint`})})]})}function c({className:r,position:i=`popper`,sideOffset:a=4,children:o,...s}){return/* @__PURE__ */ (0,n.jsx)(t.Select.Portal,{children:/* @__PURE__ */ (0,n.jsx)(t.Select.Content,{"data-slot":`select-content`,position:i,sideOffset:a,className:e.cn(`z-50 max-h-[320px] min-w-[var(--radix-select-trigger-width)] overflow-hidden rounded border border-po-border bg-po-panel shadow-xl outline-none data-[state=open]:animate-po-rise`,r),...s,children:/* @__PURE__ */ (0,n.jsx)(t.Select.Viewport,{className:`p-1`,children:o})})})}function l({className:r,...i}){return/* @__PURE__ */ (0,n.jsx)(t.Select.Label,{"data-slot":`select-label`,className:e.cn(`px-2 py-1 text-sm font-semibold text-po-dim first-letter:uppercase`,r),...i})}function u({className:i,children:a,...o}){return/* @__PURE__ */ (0,n.jsxs)(t.Select.Item,{"data-slot":`select-item`,className:e.cn(`relative flex cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-2 pl-7 text-base text-po-hi outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-po-deep`,i),...o,children:[/* @__PURE__ */ (0,n.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex h-3 w-3 items-center justify-center`,children:/* @__PURE__ */ (0,n.jsx)(t.Select.ItemIndicator,{children:/* @__PURE__ */ (0,n.jsx)(r.Check,{className:`h-3 w-3 text-po-green`})})}),/* @__PURE__ */ (0,n.jsx)(t.Select.ItemText,{children:a})]})}function d({className:r,...i}){return/* @__PURE__ */ (0,n.jsx)(t.Select.Separator,{"data-slot":`select-separator`,className:e.cn(`my-1 h-px bg-po-border-soft`,r),...i})}exports.Select=i,exports.SelectContent=c,exports.SelectGroup=a,exports.SelectItem=u,exports.SelectLabel=l,exports.SelectSeparator=d,exports.SelectTrigger=s,exports.SelectValue=o;
 //# sourceMappingURL=Select.cjs.map

package/dist/src/components/Select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.cjs","names":["SelectPrimitive","cn","ChevronDownIcon","CheckIcon","require_cn","radix_ui","react_jsx_runtime","lucide_react","Select","props","SelectGroup","SelectValue","SelectTrigger","className","children","SelectContent","SelectLabel","SelectItem","SelectSeparator"],"sources":["../../../src/components/Select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { CheckIcon, ChevronDownIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\n\n/**\n * A single choice from a list, on Radix rather than a native <select>: a\n * native one cannot be styled to the palette on every platform, and the\n * cockpit's model and mode pickers need the same surface a popover has.\n */\nexport function Select(props: ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nexport function SelectGroup(props: ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nexport function SelectValue(props: ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nexport function SelectTrigger({ className, children, ...props }: ComponentProps<typeof SelectPrimitive.Trigger>) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      className={cn(\n        'flex h-7 cursor-pointer items-center justify-between gap-2 rounded border border-doom-border bg-doom-deep px-2.5 text-left text-base text-doom-hi outline-none transition-colors hover:border-doom-green/50 focus-visible:ring-2 focus-visible:ring-doom-green/50 disabled:pointer-events-none disabled:opacity-40 data-[placeholder]:text-doom-faint *:data-[slot=select-value]:truncate',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"h-3 w-3 shrink-0 text-doom-faint\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nexport function SelectContent({\n  className,\n  position = 'popper',\n  sideOffset = 4,\n  children,\n  ...props\n}: ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        position={position}\n        sideOffset={sideOffset}\n        className={cn(\n          'z-50 max-h-[320px] min-w-[var(--radix-select-trigger-width)] overflow-hidden rounded border border-doom-border bg-doom-panel shadow-xl outline-none data-[state=open]:animate-doom-rise',\n          className,\n        )}\n        {...props}\n      >\n        <SelectPrimitive.Viewport className=\"p-1\">{children}</SelectPrimitive.Viewport>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nexport function SelectLabel({ className, ...props }: ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('px-2 py-1 text-sm font-semibold text-doom-dim first-letter:uppercase', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SelectItem({ className, children, ...props }: ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        'relative flex cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-2 pl-7 text-base text-doom-hi outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-doom-deep',\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex h-3 w-3 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"h-3 w-3 text-doom-green\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nexport function SelectSeparator({ className, ...props }: ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn('my-1 h-px bg-doom-border-soft', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"kJAWA,SAAgBQ,EAAO,EAAoD,CACzE,MAAO,iBAAA,EAAAF,EAAA,IAAA,CAACN,EAAAA,OAAgB,KAAjB,CAAsB,YAAU,SAAS,GAAIS,CAAQ,CAAA,CAC9D,CAEA,SAAgBC,EAAY,EAAqD,CAC/E,MAAO,iBAAA,EAAAJ,EAAA,IAAA,CAACN,EAAAA,OAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAIS,CAAQ,CAAA,CACrE,CAEA,SAAgBE,EAAY,EAAqD,CAC/E,MAAO,iBAAA,EAAAL,EAAA,IAAA,CAACN,EAAAA,OAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAIS,CAAQ,CAAA,CACrE,CAEA,SAAgBG,EAAc,CAAE,YAAW,WAAU,GAAGH,GAAyD,CAC/G,MACE,iBAAA,EAAAH,EAAA,KAAA,CAACN,EAAAA,OAAgB,QAAjB,CACE,YAAU,iBACV,UAAWC,EAAAA,GACT,4XACAY,CACF,EACA,GAAIJ,EANN,SAAA,CAQGK,EACD,iBAAA,EAAAR,EAAA,IAAA,CAACN,EAAAA,OAAgB,KAAjB,CAAsB,QAAA,GACpB,SAAA,iBAAA,EAAAM,EAAA,IAAA,CAACJ,EAAAA,YAAD,CAAiB,UAAU,kCAAoC,CAAA,CAC3C,CAAA,CACC,GAE7B,CAEA,SAAgBa,EAAc,CAC5B,YACA,WAAW,SACX,aAAa,EACb,WACA,GAAGN,GAC8C,CACjD,MACE,iBAAA,EAAAH,EAAA,IAAA,CAACN,EAAAA,OAAgB,OAAjB,CAAA,SACE,iBAAA,EAAAM,EAAA,IAAA,CAACN,EAAAA,OAAgB,QAAjB,CACE,YAAU,iBACA,WACE,aACZ,UAAWC,EAAAA,GACT,0LACAY,CACF,EACA,GAAIJ,EAEJ,SAAA,iBAAA,EAAAH,EAAA,IAAA,CAACN,EAAAA,OAAgB,SAAjB,CAA0B,UAAU,MAAO,UAAmC,CAAA,CACvD,CAAA,CACH,CAAA,CAE5B,CAEA,SAAgBgB,EAAY,CAAE,YAAW,GAAGP,GAAuD,CACjG,MACE,iBAAA,EAAAH,EAAA,IAAA,CAACN,EAAAA,OAAgB,MAAjB,CACE,YAAU,eACV,UAAWC,EAAAA,GAAG,uEAAwEY,CAAS,EAC/F,GAAIJ,CACL,CAAA,CAEL,CAEA,SAAgBQ,EAAW,CAAE,YAAW,WAAU,GAAGR,GAAsD,CACzG,MACE,iBAAA,EAAAH,EAAA,KAAA,CAACN,EAAAA,OAAgB,KAAjB,CACE,YAAU,cACV,UAAWC,EAAAA,GACT,6NACAY,CACF,EACA,GAAIJ,EANN,SAAA,CAQE,iBAAA,EAAAH,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,+EACd,SAAA,iBAAA,EAAAA,EAAA,IAAA,CAACN,EAAAA,OAAgB,cAAjB,CAAA,SACE,iBAAA,EAAAM,EAAA,IAAA,CAACH,EAAAA,MAAD,CAAW,UAAU,yBAA2B,CAAA,CACnB,CAAA,CAC3B,CAAA,EACN,iBAAA,EAAAG,EAAA,IAAA,CAACN,EAAAA,OAAgB,SAAjB,CAA2B,UAAmC,CAAA,CAC1C,GAE1B,CAEA,SAAgBkB,EAAgB,CAAE,YAAW,GAAGT,GAA2D,CACzG,MACE,iBAAA,EAAAH,EAAA,IAAA,CAACN,EAAAA,OAAgB,UAAjB,CACE,YAAU,mBACV,UAAWC,EAAAA,GAAG,gCAAiCY,CAAS,EACxD,GAAIJ,CACL,CAAA,CAEL"}
+{"version":3,"file":"Select.cjs","names":["SelectPrimitive","cn","ChevronDownIcon","CheckIcon","require_cn","radix_ui","react_jsx_runtime","lucide_react","Select","props","SelectGroup","SelectValue","SelectTrigger","className","children","SelectContent","SelectLabel","SelectItem","SelectSeparator"],"sources":["../../../src/components/Select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { CheckIcon, ChevronDownIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\n\n/**\n * A single choice from a list, on Radix rather than a native <select>: a\n * native one cannot be styled to the palette on every platform, and the\n * cockpit's model and mode pickers need the same surface a popover has.\n */\nexport function Select(props: ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nexport function SelectGroup(props: ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nexport function SelectValue(props: ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nexport function SelectTrigger({ className, children, ...props }: ComponentProps<typeof SelectPrimitive.Trigger>) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      className={cn(\n        'flex h-7 cursor-pointer items-center justify-between gap-2 rounded border border-po-border bg-po-deep px-2.5 text-left text-base text-po-hi outline-none transition-colors hover:border-po-green/50 focus-visible:ring-2 focus-visible:ring-po-green/50 disabled:pointer-events-none disabled:opacity-40 data-[placeholder]:text-po-faint *:data-[slot=select-value]:truncate',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"h-3 w-3 shrink-0 text-po-faint\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nexport function SelectContent({\n  className,\n  position = 'popper',\n  sideOffset = 4,\n  children,\n  ...props\n}: ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        position={position}\n        sideOffset={sideOffset}\n        className={cn(\n          'z-50 max-h-[320px] min-w-[var(--radix-select-trigger-width)] overflow-hidden rounded border border-po-border bg-po-panel shadow-xl outline-none data-[state=open]:animate-po-rise',\n          className,\n        )}\n        {...props}\n      >\n        <SelectPrimitive.Viewport className=\"p-1\">{children}</SelectPrimitive.Viewport>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nexport function SelectLabel({ className, ...props }: ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('px-2 py-1 text-sm font-semibold text-po-dim first-letter:uppercase', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SelectItem({ className, children, ...props }: ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        'relative flex cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-2 pl-7 text-base text-po-hi outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-po-deep',\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex h-3 w-3 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"h-3 w-3 text-po-green\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nexport function SelectSeparator({ className, ...props }: ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn('my-1 h-px bg-po-border-soft', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"kJAWA,SAAgBQ,EAAO,EAAoD,CACzE,MAAO,iBAAA,EAAAF,EAAA,IAAA,CAACN,EAAAA,OAAgB,KAAjB,CAAsB,YAAU,SAAS,GAAIS,CAAQ,CAAA,CAC9D,CAEA,SAAgBC,EAAY,EAAqD,CAC/E,MAAO,iBAAA,EAAAJ,EAAA,IAAA,CAACN,EAAAA,OAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAIS,CAAQ,CAAA,CACrE,CAEA,SAAgBE,EAAY,EAAqD,CAC/E,MAAO,iBAAA,EAAAL,EAAA,IAAA,CAACN,EAAAA,OAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAIS,CAAQ,CAAA,CACrE,CAEA,SAAgBG,EAAc,CAAE,YAAW,WAAU,GAAGH,GAAyD,CAC/G,MACE,iBAAA,EAAAH,EAAA,KAAA,CAACN,EAAAA,OAAgB,QAAjB,CACE,YAAU,iBACV,UAAWC,EAAAA,GACT,gXACAY,CACF,EACA,GAAIJ,EANN,SAAA,CAQGK,EACD,iBAAA,EAAAR,EAAA,IAAA,CAACN,EAAAA,OAAgB,KAAjB,CAAsB,QAAA,GACpB,SAAA,iBAAA,EAAAM,EAAA,IAAA,CAACJ,EAAAA,YAAD,CAAiB,UAAU,gCAAkC,CAAA,CACzC,CAAA,CACC,GAE7B,CAEA,SAAgBa,EAAc,CAC5B,YACA,WAAW,SACX,aAAa,EACb,WACA,GAAGN,GAC8C,CACjD,MACE,iBAAA,EAAAH,EAAA,IAAA,CAACN,EAAAA,OAAgB,OAAjB,CAAA,SACE,iBAAA,EAAAM,EAAA,IAAA,CAACN,EAAAA,OAAgB,QAAjB,CACE,YAAU,iBACA,WACE,aACZ,UAAWC,EAAAA,GACT,oLACAY,CACF,EACA,GAAIJ,EAEJ,SAAA,iBAAA,EAAAH,EAAA,IAAA,CAACN,EAAAA,OAAgB,SAAjB,CAA0B,UAAU,MAAO,UAAmC,CAAA,CACvD,CAAA,CACH,CAAA,CAE5B,CAEA,SAAgBgB,EAAY,CAAE,YAAW,GAAGP,GAAuD,CACjG,MACE,iBAAA,EAAAH,EAAA,IAAA,CAACN,EAAAA,OAAgB,MAAjB,CACE,YAAU,eACV,UAAWC,EAAAA,GAAG,qEAAsEY,CAAS,EAC7F,GAAIJ,CACL,CAAA,CAEL,CAEA,SAAgBQ,EAAW,CAAE,YAAW,WAAU,GAAGR,GAAsD,CACzG,MACE,iBAAA,EAAAH,EAAA,KAAA,CAACN,EAAAA,OAAgB,KAAjB,CACE,YAAU,cACV,UAAWC,EAAAA,GACT,yNACAY,CACF,EACA,GAAIJ,EANN,SAAA,CAQE,iBAAA,EAAAH,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,+EACd,SAAA,iBAAA,EAAAA,EAAA,IAAA,CAACN,EAAAA,OAAgB,cAAjB,CAAA,SACE,iBAAA,EAAAM,EAAA,IAAA,CAACH,EAAAA,MAAD,CAAW,UAAU,uBAAyB,CAAA,CACjB,CAAA,CAC3B,CAAA,EACN,iBAAA,EAAAG,EAAA,IAAA,CAACN,EAAAA,OAAgB,SAAjB,CAA2B,UAAmC,CAAA,CAC1C,GAE1B,CAEA,SAAgBkB,EAAgB,CAAE,YAAW,GAAGT,GAA2D,CACzG,MACE,iBAAA,EAAAH,EAAA,IAAA,CAACN,EAAAA,OAAgB,UAAjB,CACE,YAAU,mBACV,UAAWC,EAAAA,GAAG,8BAA+BY,CAAS,EACtD,GAAIJ,CACL,CAAA,CAEL"}

package/dist/src/components/Separator.cjs

@@ -1,2 +1,2 @@
-const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r({className:r,orientation:i=`horizontal`,decorative:a=!0,...o}){return/* @__PURE__ */ (0,n.jsx)(t.Separator.Root,{"data-slot":`separator`,orientation:i,decorative:a,className:e.cn(`shrink-0 bg-doom-border-soft`,i===`vertical`?`h-full w-px`:`h-px w-full`,r),...o})}exports.Separator=r;
+const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r({className:r,orientation:i=`horizontal`,decorative:a=!0,...o}){return/* @__PURE__ */ (0,n.jsx)(t.Separator.Root,{"data-slot":`separator`,orientation:i,decorative:a,className:e.cn(`shrink-0 bg-po-border-soft`,i===`vertical`?`h-full w-px`:`h-px w-full`,r),...o})}exports.Separator=r;
 //# sourceMappingURL=Separator.cjs.map

package/dist/src/components/Separator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.cjs","names":["SeparatorPrimitive","cn","require_cn","radix_ui","react_jsx_runtime","Separator","props","orientation","className"],"sources":["../../../src/components/Separator.tsx"],"sourcesContent":["import { Separator as SeparatorPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/**\n * A hairline in the soft border colour. Radix decides the semantics: a\n * decorative rule is hidden from assistive tech, a meaningful one keeps its\n * separator role, and either way the element carries `data-orientation` so a\n * consumer can style around it the way it does every other primitive.\n */\nexport function Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      orientation={orientation}\n      decorative={decorative}\n      className={cn(\n        'shrink-0 bg-doom-border-soft',\n        orientation === 'vertical' ? 'h-full w-px' : 'h-px w-full',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"0FAWA,SAAgBK,EAAU,CACxB,YACA,cAAc,aACd,aAAa,GACb,GAAGC,GAC8C,CACjD,MACE,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,UAAmB,KAApB,CACE,YAAU,YACG,cACD,aACZ,UAAWC,EAAAA,GACT,+BACAM,IAAgB,WAAa,cAAgB,cAC7CC,CACF,EACA,GAAIF,CACL,CAAA,CAEL"}
+{"version":3,"file":"Separator.cjs","names":["SeparatorPrimitive","cn","require_cn","radix_ui","react_jsx_runtime","Separator","props","orientation","className"],"sources":["../../../src/components/Separator.tsx"],"sourcesContent":["import { Separator as SeparatorPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/**\n * A hairline in the soft border colour. Radix decides the semantics: a\n * decorative rule is hidden from assistive tech, a meaningful one keeps its\n * separator role, and either way the element carries `data-orientation` so a\n * consumer can style around it the way it does every other primitive.\n */\nexport function Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      orientation={orientation}\n      decorative={decorative}\n      className={cn(\n        'shrink-0 bg-po-border-soft',\n        orientation === 'vertical' ? 'h-full w-px' : 'h-px w-full',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"0FAWA,SAAgBK,EAAU,CACxB,YACA,cAAc,aACd,aAAa,GACb,GAAGC,GAC8C,CACjD,MACE,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,UAAmB,KAApB,CACE,YAAU,YACG,cACD,aACZ,UAAWC,EAAAA,GACT,6BACAM,IAAgB,WAAa,cAAgB,cAC7CC,CACF,EACA,GAAIF,CACL,CAAA,CAEL"}

package/dist/src/components/Settings.cjs

@@ -1,2 +1,2 @@
-const e=require("../lib/cn.cjs"),t=require("./Panel.cjs");let n=require("radix-ui"),r=require("react/jsx-runtime"),i=require("react");function a({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`settings-page`,className:e.cn(`flex min-w-0 flex-col gap-10`,t),...n})}function o({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`header`,{"data-slot":`settings-header`,className:e.cn(`flex min-w-0 flex-col gap-2`,t),...n})}function s({className:t,children:n,...i}){return/* @__PURE__ */ (0,r.jsx)(`h2`,{"data-slot":`settings-title`,className:e.cn(`text-2xl font-semibold text-doom-hi first-letter:uppercase`,t),...i,children:n})}function c({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`p`,{"data-slot":`settings-description`,className:e.cn(`max-w-[60ch] text-base leading-relaxed text-doom-dim first-letter:uppercase`,t),...n})}const l=(0,i.createContext)(void 0);function u({className:t,...n}){let a=(0,i.useId)();return/* @__PURE__ */ (0,r.jsx)(l.Provider,{value:a,children:/* @__PURE__ */ (0,r.jsx)(`section`,{"data-slot":`settings-section`,"aria-labelledby":a,className:e.cn(`flex min-w-0 flex-col gap-4`,t),...n})})}function d({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`settings-section-header`,className:e.cn(`grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-end gap-x-4 gap-y-1`,t),...n})}function f({className:t,children:n,...a}){let o=(0,i.useContext)(l);return/* @__PURE__ */ (0,r.jsx)(`h3`,{"data-slot":`settings-section-title`,id:o,className:e.cn(`text-lg font-semibold text-doom-hi first-letter:uppercase`,t),...a,children:n})}function p({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`p`,{"data-slot":`settings-section-description`,className:e.cn(`col-span-full row-start-2 max-w-[60ch] text-sm leading-relaxed text-doom-dim first-letter:uppercase`,t),...n})}function m({className:n,...i}){return/* @__PURE__ */ (0,r.jsx)(t.Panel,{"data-slot":`settings-card`,className:e.cn(`flex min-w-0 flex-col divide-y divide-doom-border-soft rounded-lg`,n),...i})}function h({className:t,asChild:i=!1,changed:a=!1,...o}){let s=i?n.Slot.Root:`div`;return/* @__PURE__ */ (0,r.jsx)(s,{"data-slot":`settings-row`,"data-changed":a||void 0,className:e.cn(`relative flex min-w-0 flex-wrap items-center gap-x-6 gap-y-3 px-5 py-4`,a&&`before:absolute before:inset-y-4 before:left-0 before:w-0.5 before:rounded-r before:bg-doom-green`,t),...o})}function g({id:e,label:t,description:n,children:i,className:a,...o}){return/* @__PURE__ */ (0,r.jsxs)(h,{className:a,...o,children:[/* @__PURE__ */ (0,r.jsxs)(_,{children:[/* @__PURE__ */ (0,r.jsx)(v,{children:/* @__PURE__ */ (0,r.jsx)(`label`,{htmlFor:e,children:t})}),n===void 0?null:/* @__PURE__ */ (0,r.jsx)(y,{children:n})]}),/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`settings-field-control`,className:`w-full sm:w-72 [&>*]:w-full`,children:i})]})}function _({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`settings-row-text`,className:e.cn(`flex min-w-0 flex-1 flex-col gap-0.5`,t),...n})}function v({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`span`,{"data-slot":`settings-row-title`,className:e.cn(`block text-base font-medium text-doom-hi first-letter:uppercase`,t),...n})}function y({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`span`,{"data-slot":`settings-row-description`,className:e.cn(`block text-sm leading-relaxed text-doom-dim first-letter:uppercase`,t),...n})}function b({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`p`,{"data-slot":`settings-note`,className:e.cn(`text-sm leading-relaxed text-doom-dim`,t),...n})}function x({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`settings-actions`,className:e.cn(`flex flex-wrap items-center gap-2`,t),...n})}exports.SettingsActions=x,exports.SettingsCard=m,exports.SettingsDescription=c,exports.SettingsField=g,exports.SettingsHeader=o,exports.SettingsNote=b,exports.SettingsPage=a,exports.SettingsRow=h,exports.SettingsRowDescription=y,exports.SettingsRowText=_,exports.SettingsRowTitle=v,exports.SettingsSection=u,exports.SettingsSectionDescription=p,exports.SettingsSectionHeader=d,exports.SettingsSectionTitle=f,exports.SettingsTitle=s;
+const e=require("../lib/cn.cjs"),t=require("./Panel.cjs");let n=require("radix-ui"),r=require("react/jsx-runtime"),i=require("react");function a({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`settings-page`,className:e.cn(`flex min-w-0 flex-col gap-10`,t),...n})}function o({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`header`,{"data-slot":`settings-header`,className:e.cn(`flex min-w-0 flex-col gap-2`,t),...n})}function s({className:t,children:n,...i}){return/* @__PURE__ */ (0,r.jsx)(`h2`,{"data-slot":`settings-title`,className:e.cn(`text-2xl font-semibold text-po-hi first-letter:uppercase`,t),...i,children:n})}function c({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`p`,{"data-slot":`settings-description`,className:e.cn(`max-w-[60ch] text-base leading-relaxed text-po-dim first-letter:uppercase`,t),...n})}const l=(0,i.createContext)(void 0);function u({className:t,...n}){let a=(0,i.useId)();return/* @__PURE__ */ (0,r.jsx)(l.Provider,{value:a,children:/* @__PURE__ */ (0,r.jsx)(`section`,{"data-slot":`settings-section`,"aria-labelledby":a,className:e.cn(`flex min-w-0 flex-col gap-4`,t),...n})})}function d({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`settings-section-header`,className:e.cn(`grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-end gap-x-4 gap-y-1`,t),...n})}function f({className:t,children:n,...a}){let o=(0,i.useContext)(l);return/* @__PURE__ */ (0,r.jsx)(`h3`,{"data-slot":`settings-section-title`,id:o,className:e.cn(`text-lg font-semibold text-po-hi first-letter:uppercase`,t),...a,children:n})}function p({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`p`,{"data-slot":`settings-section-description`,className:e.cn(`col-span-full row-start-2 max-w-[60ch] text-sm leading-relaxed text-po-dim first-letter:uppercase`,t),...n})}function m({className:n,...i}){return/* @__PURE__ */ (0,r.jsx)(t.Panel,{"data-slot":`settings-card`,className:e.cn(`flex min-w-0 flex-col divide-y divide-po-border-soft rounded-lg`,n),...i})}function h({className:t,asChild:i=!1,changed:a=!1,...o}){let s=i?n.Slot.Root:`div`;return/* @__PURE__ */ (0,r.jsx)(s,{"data-slot":`settings-row`,"data-changed":a||void 0,className:e.cn(`relative flex min-w-0 flex-wrap items-center gap-x-6 gap-y-3 px-5 py-4`,a&&`before:absolute before:inset-y-4 before:left-0 before:w-0.5 before:rounded-r before:bg-po-green`,t),...o})}function g({id:e,label:t,description:n,children:i,className:a,...o}){return/* @__PURE__ */ (0,r.jsxs)(h,{className:a,...o,children:[/* @__PURE__ */ (0,r.jsxs)(_,{children:[/* @__PURE__ */ (0,r.jsx)(v,{children:/* @__PURE__ */ (0,r.jsx)(`label`,{htmlFor:e,children:t})}),n===void 0?null:/* @__PURE__ */ (0,r.jsx)(y,{children:n})]}),/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`settings-field-control`,className:`w-full sm:w-72 [&>*]:w-full`,children:i})]})}function _({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`settings-row-text`,className:e.cn(`flex min-w-0 flex-1 flex-col gap-0.5`,t),...n})}function v({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`span`,{"data-slot":`settings-row-title`,className:e.cn(`block text-base font-medium text-po-hi first-letter:uppercase`,t),...n})}function y({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`span`,{"data-slot":`settings-row-description`,className:e.cn(`block text-sm leading-relaxed text-po-dim first-letter:uppercase`,t),...n})}function b({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`p`,{"data-slot":`settings-note`,className:e.cn(`text-sm leading-relaxed text-po-dim`,t),...n})}function x({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`settings-actions`,className:e.cn(`flex flex-wrap items-center gap-2`,t),...n})}exports.SettingsActions=x,exports.SettingsCard=m,exports.SettingsDescription=c,exports.SettingsField=g,exports.SettingsHeader=o,exports.SettingsNote=b,exports.SettingsPage=a,exports.SettingsRow=h,exports.SettingsRowDescription=y,exports.SettingsRowText=_,exports.SettingsRowTitle=v,exports.SettingsSection=u,exports.SettingsSectionDescription=p,exports.SettingsSectionHeader=d,exports.SettingsSectionTitle=f,exports.SettingsTitle=s;
 //# sourceMappingURL=Settings.cjs.map

package/dist/src/components/Settings.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.cjs","names":["cn","createContext","useId","useContext","Panel","Slot","require_cn","require_Panel","radix_ui","react_jsx_runtime","react","SettingsPage","props","className","SettingsHeader","SettingsTitle","SettingsDescription","SectionIdContext","SettingsSection","id","SettingsSectionHeader","SettingsSectionTitle","SettingsSectionDescription","SettingsCard","SettingsRow","Component","asChild","changed","SettingsField","SettingsRowText","SettingsRowTitle","label","description","SettingsRowDescription","SettingsNote","SettingsActions"],"sources":["../../../src/components/Settings.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport { createContext, useContext, useId, type ComponentProps, type ReactNode } from 'react';\n\nimport { cn } from '../lib/cn';\nimport { Panel, type PanelProps } from './Panel';\n\n/**\n * The parts every settings page is built from, so pages differ in what they\n * say and not in how they are laid out.\n *\n * A page is a header (title, description, optional trailing status) followed by\n * sections. A section is a short header and its content, usually a card of\n * rows. A row is a label and description on the left and its control on the\n * right, wrapping under on a narrow screen.\n *\n * Titles are written in sentence case. A label that arrives lowercase, such as\n * a plugin's, is raised by `first-letter:uppercase` rather than rewritten.\n */\n\nexport function SettingsPage({ className, ...props }: ComponentProps<'div'>) {\n  return <div data-slot=\"settings-page\" className={cn('flex min-w-0 flex-col gap-10', className)} {...props} />;\n}\n\nexport function SettingsHeader({ className, ...props }: ComponentProps<'header'>) {\n  return <header data-slot=\"settings-header\" className={cn('flex min-w-0 flex-col gap-2', className)} {...props} />;\n}\n\nexport function SettingsTitle({ className, children, ...props }: ComponentProps<'h2'>) {\n  return (\n    <h2\n      data-slot=\"settings-title\"\n      className={cn('text-2xl font-semibold text-doom-hi first-letter:uppercase', className)}\n      {...props}\n    >\n      {children}\n    </h2>\n  );\n}\n\nexport function SettingsDescription({ className, ...props }: ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"settings-description\"\n      className={cn('max-w-[60ch] text-base leading-relaxed text-doom-dim first-letter:uppercase', className)}\n      {...props}\n    />\n  );\n}\n\n/** Lets a section's title name the section for assistive tech without the page passing ids around. */\nconst SectionIdContext = createContext<string | undefined>(undefined);\n\nexport function SettingsSection({ className, ...props }: ComponentProps<'section'>) {\n  const id = useId();\n  return (\n    <SectionIdContext.Provider value={id}>\n      <section\n        data-slot=\"settings-section\"\n        aria-labelledby={id}\n        className={cn('flex min-w-0 flex-col gap-4', className)}\n        {...props}\n      />\n    </SectionIdContext.Provider>\n  );\n}\n\n/** The title and description on the left, anything else (a count, a link) trailing on the right. */\nexport function SettingsSectionHeader({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"settings-section-header\"\n      className={cn('grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-end gap-x-4 gap-y-1', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SettingsSectionTitle({ className, children, ...props }: ComponentProps<'h3'>) {\n  const id = useContext(SectionIdContext);\n  return (\n    <h3\n      data-slot=\"settings-section-title\"\n      id={id}\n      className={cn('text-lg font-semibold text-doom-hi first-letter:uppercase', className)}\n      {...props}\n    >\n      {children}\n    </h3>\n  );\n}\n\nexport function SettingsSectionDescription({ className, ...props }: ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"settings-section-description\"\n      className={cn(\n        'col-span-full row-start-2 max-w-[60ch] text-sm leading-relaxed text-doom-dim first-letter:uppercase',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** A rounded panel whose children are separated by hairlines; pass `asChild` with a `<ul>` for a list of rows. */\nexport function SettingsCard({ className, ...props }: PanelProps) {\n  return (\n    <Panel\n      data-slot=\"settings-card\"\n      className={cn('flex min-w-0 flex-col divide-y divide-doom-border-soft rounded-lg', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * One setting: a `SettingsRowText` and its control. Pass `asChild` with an `<li>` inside a list card.\n *\n * `changed` marks a value the reader set on this page with a jade edge, the\n * one quiet signal that it differs from what it would otherwise be. The\n * default state carries no marker and no badge: silence means default.\n */\nexport function SettingsRow({\n  className,\n  asChild = false,\n  changed = false,\n  ...props\n}: ComponentProps<'div'> & { asChild?: boolean; changed?: boolean }) {\n  const Component = asChild ? Slot.Root : 'div';\n  return (\n    <Component\n      data-slot=\"settings-row\"\n      data-changed={changed || undefined}\n      className={cn(\n        'relative flex min-w-0 flex-wrap items-center gap-x-6 gap-y-3 px-5 py-4',\n        changed && 'before:absolute before:inset-y-4 before:left-0 before:w-0.5 before:rounded-r before:bg-doom-green',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * A form field as a row: its label and hint on the left, the control on the\n * right, wrapping under on a narrow screen. The label is a real `<label>`\n * pointing at `id`, so the control needs that id.\n */\nexport function SettingsField({\n  id,\n  label,\n  description,\n  children,\n  className,\n  ...props\n}: Omit<ComponentProps<'div'>, 'id'> & { id: string; label: ReactNode; description?: ReactNode }) {\n  return (\n    <SettingsRow className={className} {...props}>\n      <SettingsRowText>\n        <SettingsRowTitle>\n          <label htmlFor={id}>{label}</label>\n        </SettingsRowTitle>\n        {description === undefined ? null : <SettingsRowDescription>{description}</SettingsRowDescription>}\n      </SettingsRowText>\n      <div data-slot=\"settings-field-control\" className=\"w-full sm:w-72 [&>*]:w-full\">\n        {children}\n      </div>\n    </SettingsRow>\n  );\n}\n\nexport function SettingsRowText({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div data-slot=\"settings-row-text\" className={cn('flex min-w-0 flex-1 flex-col gap-0.5', className)} {...props} />\n  );\n}\n\nexport function SettingsRowTitle({ className, ...props }: ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"settings-row-title\"\n      className={cn('block text-base font-medium text-doom-hi first-letter:uppercase', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SettingsRowDescription({ className, ...props }: ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"settings-row-description\"\n      className={cn('block text-sm leading-relaxed text-doom-dim first-letter:uppercase', className)}\n      {...props}\n    />\n  );\n}\n\n/** A quiet line under a section or page: where a value is saved, what a choice implies. */\nexport function SettingsNote({ className, ...props }: ComponentProps<'p'>) {\n  return <p data-slot=\"settings-note\" className={cn('text-sm leading-relaxed text-doom-dim', className)} {...props} />;\n}\n\n/** The buttons that act on a section, primary first. */\nexport function SettingsActions({ className, ...props }: ComponentProps<'div'>) {\n  return <div data-slot=\"settings-actions\" className={cn('flex flex-wrap items-center gap-2', className)} {...props} />;\n}\n"],"mappings":"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"}
+{"version":3,"file":"Settings.cjs","names":["cn","createContext","useId","useContext","Panel","Slot","require_cn","require_Panel","radix_ui","react_jsx_runtime","react","SettingsPage","props","className","SettingsHeader","SettingsTitle","SettingsDescription","SectionIdContext","SettingsSection","id","SettingsSectionHeader","SettingsSectionTitle","SettingsSectionDescription","SettingsCard","SettingsRow","Component","asChild","changed","SettingsField","SettingsRowText","SettingsRowTitle","label","description","SettingsRowDescription","SettingsNote","SettingsActions"],"sources":["../../../src/components/Settings.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport { createContext, useContext, useId, type ComponentProps, type ReactNode } from 'react';\n\nimport { cn } from '../lib/cn';\nimport { Panel, type PanelProps } from './Panel';\n\n/**\n * The parts every settings page is built from, so pages differ in what they\n * say and not in how they are laid out.\n *\n * A page is a header (title, description, optional trailing status) followed by\n * sections. A section is a short header and its content, usually a card of\n * rows. A row is a label and description on the left and its control on the\n * right, wrapping under on a narrow screen.\n *\n * Titles are written in sentence case. A label that arrives lowercase, such as\n * a plugin's, is raised by `first-letter:uppercase` rather than rewritten.\n */\n\nexport function SettingsPage({ className, ...props }: ComponentProps<'div'>) {\n  return <div data-slot=\"settings-page\" className={cn('flex min-w-0 flex-col gap-10', className)} {...props} />;\n}\n\nexport function SettingsHeader({ className, ...props }: ComponentProps<'header'>) {\n  return <header data-slot=\"settings-header\" className={cn('flex min-w-0 flex-col gap-2', className)} {...props} />;\n}\n\nexport function SettingsTitle({ className, children, ...props }: ComponentProps<'h2'>) {\n  return (\n    <h2\n      data-slot=\"settings-title\"\n      className={cn('text-2xl font-semibold text-po-hi first-letter:uppercase', className)}\n      {...props}\n    >\n      {children}\n    </h2>\n  );\n}\n\nexport function SettingsDescription({ className, ...props }: ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"settings-description\"\n      className={cn('max-w-[60ch] text-base leading-relaxed text-po-dim first-letter:uppercase', className)}\n      {...props}\n    />\n  );\n}\n\n/** Lets a section's title name the section for assistive tech without the page passing ids around. */\nconst SectionIdContext = createContext<string | undefined>(undefined);\n\nexport function SettingsSection({ className, ...props }: ComponentProps<'section'>) {\n  const id = useId();\n  return (\n    <SectionIdContext.Provider value={id}>\n      <section\n        data-slot=\"settings-section\"\n        aria-labelledby={id}\n        className={cn('flex min-w-0 flex-col gap-4', className)}\n        {...props}\n      />\n    </SectionIdContext.Provider>\n  );\n}\n\n/** The title and description on the left, anything else (a count, a link) trailing on the right. */\nexport function SettingsSectionHeader({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"settings-section-header\"\n      className={cn('grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-end gap-x-4 gap-y-1', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SettingsSectionTitle({ className, children, ...props }: ComponentProps<'h3'>) {\n  const id = useContext(SectionIdContext);\n  return (\n    <h3\n      data-slot=\"settings-section-title\"\n      id={id}\n      className={cn('text-lg font-semibold text-po-hi first-letter:uppercase', className)}\n      {...props}\n    >\n      {children}\n    </h3>\n  );\n}\n\nexport function SettingsSectionDescription({ className, ...props }: ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"settings-section-description\"\n      className={cn(\n        'col-span-full row-start-2 max-w-[60ch] text-sm leading-relaxed text-po-dim first-letter:uppercase',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** A rounded panel whose children are separated by hairlines; pass `asChild` with a `<ul>` for a list of rows. */\nexport function SettingsCard({ className, ...props }: PanelProps) {\n  return (\n    <Panel\n      data-slot=\"settings-card\"\n      className={cn('flex min-w-0 flex-col divide-y divide-po-border-soft rounded-lg', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * One setting: a `SettingsRowText` and its control. Pass `asChild` with an `<li>` inside a list card.\n *\n * `changed` marks a value the reader set on this page with a jade edge, the\n * one quiet signal that it differs from what it would otherwise be. The\n * default state carries no marker and no badge: silence means default.\n */\nexport function SettingsRow({\n  className,\n  asChild = false,\n  changed = false,\n  ...props\n}: ComponentProps<'div'> & { asChild?: boolean; changed?: boolean }) {\n  const Component = asChild ? Slot.Root : 'div';\n  return (\n    <Component\n      data-slot=\"settings-row\"\n      data-changed={changed || undefined}\n      className={cn(\n        'relative flex min-w-0 flex-wrap items-center gap-x-6 gap-y-3 px-5 py-4',\n        changed && 'before:absolute before:inset-y-4 before:left-0 before:w-0.5 before:rounded-r before:bg-po-green',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * A form field as a row: its label and hint on the left, the control on the\n * right, wrapping under on a narrow screen. The label is a real `<label>`\n * pointing at `id`, so the control needs that id.\n */\nexport function SettingsField({\n  id,\n  label,\n  description,\n  children,\n  className,\n  ...props\n}: Omit<ComponentProps<'div'>, 'id'> & { id: string; label: ReactNode; description?: ReactNode }) {\n  return (\n    <SettingsRow className={className} {...props}>\n      <SettingsRowText>\n        <SettingsRowTitle>\n          <label htmlFor={id}>{label}</label>\n        </SettingsRowTitle>\n        {description === undefined ? null : <SettingsRowDescription>{description}</SettingsRowDescription>}\n      </SettingsRowText>\n      <div data-slot=\"settings-field-control\" className=\"w-full sm:w-72 [&>*]:w-full\">\n        {children}\n      </div>\n    </SettingsRow>\n  );\n}\n\nexport function SettingsRowText({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div data-slot=\"settings-row-text\" className={cn('flex min-w-0 flex-1 flex-col gap-0.5', className)} {...props} />\n  );\n}\n\nexport function SettingsRowTitle({ className, ...props }: ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"settings-row-title\"\n      className={cn('block text-base font-medium text-po-hi first-letter:uppercase', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SettingsRowDescription({ className, ...props }: ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"settings-row-description\"\n      className={cn('block text-sm leading-relaxed text-po-dim first-letter:uppercase', className)}\n      {...props}\n    />\n  );\n}\n\n/** A quiet line under a section or page: where a value is saved, what a choice implies. */\nexport function SettingsNote({ className, ...props }: ComponentProps<'p'>) {\n  return <p data-slot=\"settings-note\" className={cn('text-sm leading-relaxed text-po-dim', className)} {...props} />;\n}\n\n/** The buttons that act on a section, primary first. */\nexport function SettingsActions({ className, ...props }: ComponentProps<'div'>) {\n  return <div data-slot=\"settings-actions\" className={cn('flex flex-wrap items-center gap-2', className)} {...props} />;\n}\n"],"mappings":"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"}

package/dist/src/components/Sheet.cjs

@@ -1,2 +1,2 @@
-require("../icons/icons.cjs");const e=require("../lib/cn.cjs"),t=require("./Button.cjs");let n=require("radix-ui"),r=require("react/jsx-runtime"),i=require("lucide-react");function a(e){return/* @__PURE__ */ (0,r.jsx)(n.Dialog.Root,{"data-slot":`sheet`,...e})}function o(e){return/* @__PURE__ */ (0,r.jsx)(n.Dialog.Trigger,{"data-slot":`sheet-trigger`,...e})}function s(e){return/* @__PURE__ */ (0,r.jsx)(n.Dialog.Close,{"data-slot":`sheet-close`,...e})}function c({className:t,...i}){return/* @__PURE__ */ (0,r.jsx)(n.Dialog.Overlay,{"data-slot":`sheet-overlay`,className:e.cn(`fixed inset-0 z-40 bg-doom-deep/70 data-[state=open]:animate-doom-fade`,t),...i})}const l={right:`inset-y-0 right-0 border-l data-[state=open]:animate-doom-slide-right`,left:`inset-y-0 left-0 border-r data-[state=open]:animate-doom-slide-left`},u={sm:`w-[360px]`,md:`w-[440px]`,lg:`w-[560px]`};function d({className:t,children:i,side:a=`right`,width:o=`md`,...s}){return/* @__PURE__ */ (0,r.jsxs)(n.Dialog.Portal,{children:[/* @__PURE__ */ (0,r.jsx)(c,{}),/* @__PURE__ */ (0,r.jsx)(n.Dialog.Content,{"data-slot":`sheet-content`,"data-side":a,className:e.cn(`fixed z-50 flex max-w-[calc(100vw-24px)] flex-col overflow-hidden border-doom-border bg-doom-rail shadow-2xl outline-none`,l[a],u[o],t),...s,children:i})]})}function f({className:a,dismissible:o=!0,closeLabel:s=`close`,children:c,...l}){return/* @__PURE__ */ (0,r.jsxs)(`div`,{"data-slot":`sheet-header`,className:e.cn(`flex h-11 min-w-0 shrink-0 items-center gap-2.5 border-b border-doom-border px-4`,a),...l,children:[c,o?/* @__PURE__ */ (0,r.jsx)(n.Dialog.Close,{asChild:!0,children:/* @__PURE__ */ (0,r.jsx)(t.Button,{variant:`ghost`,size:`icon`,"aria-label":s,className:`ml-auto text-doom-faint hover:text-doom-hi`,children:/* @__PURE__ */ (0,r.jsx)(i.X,{className:`h-3 w-3`})})}):null]})}function p({className:t,...i}){return/* @__PURE__ */ (0,r.jsx)(n.Dialog.Title,{"data-slot":`sheet-title`,className:e.cn(`truncate text-lg font-semibold text-doom-hi`,t),...i})}function m({className:t,...i}){return/* @__PURE__ */ (0,r.jsx)(n.Dialog.Description,{"data-slot":`sheet-description`,className:e.cn(`text-sm leading-relaxed text-doom-dim`,t),...i})}function h({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`sheet-body`,className:e.cn(`flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto px-4 py-3`,t),...n})}function g({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`sheet-footer`,className:e.cn(`flex min-h-[34px] shrink-0 flex-wrap items-center justify-between gap-2 border-t border-doom-border-soft bg-doom-deep px-4 py-1.5`,t),...n})}exports.Sheet=a,exports.SheetBody=h,exports.SheetClose=s,exports.SheetContent=d,exports.SheetDescription=m,exports.SheetFooter=g,exports.SheetHeader=f,exports.SheetOverlay=c,exports.SheetTitle=p,exports.SheetTrigger=o;
+require("../icons/icons.cjs");const e=require("../lib/cn.cjs"),t=require("./Button.cjs");let n=require("radix-ui"),r=require("react/jsx-runtime"),i=require("lucide-react");function a(e){return/* @__PURE__ */ (0,r.jsx)(n.Dialog.Root,{"data-slot":`sheet`,...e})}function o(e){return/* @__PURE__ */ (0,r.jsx)(n.Dialog.Trigger,{"data-slot":`sheet-trigger`,...e})}function s(e){return/* @__PURE__ */ (0,r.jsx)(n.Dialog.Close,{"data-slot":`sheet-close`,...e})}function c({className:t,...i}){return/* @__PURE__ */ (0,r.jsx)(n.Dialog.Overlay,{"data-slot":`sheet-overlay`,className:e.cn(`fixed inset-0 z-40 bg-po-deep/70 data-[state=open]:animate-po-fade`,t),...i})}const l={right:`inset-y-0 right-0 border-l data-[state=open]:animate-po-slide-right`,left:`inset-y-0 left-0 border-r data-[state=open]:animate-po-slide-left`},u={sm:`w-[360px]`,md:`w-[440px]`,lg:`w-[560px]`};function d({className:t,children:i,side:a=`right`,width:o=`md`,...s}){return/* @__PURE__ */ (0,r.jsxs)(n.Dialog.Portal,{children:[/* @__PURE__ */ (0,r.jsx)(c,{}),/* @__PURE__ */ (0,r.jsx)(n.Dialog.Content,{"data-slot":`sheet-content`,"data-side":a,className:e.cn(`fixed z-50 flex max-w-[calc(100vw-24px)] flex-col overflow-hidden border-po-border bg-po-rail shadow-2xl outline-none`,l[a],u[o],t),...s,children:i})]})}function f({className:a,dismissible:o=!0,closeLabel:s=`close`,children:c,...l}){return/* @__PURE__ */ (0,r.jsxs)(`div`,{"data-slot":`sheet-header`,className:e.cn(`flex h-11 min-w-0 shrink-0 items-center gap-2.5 border-b border-po-border px-4`,a),...l,children:[c,o?/* @__PURE__ */ (0,r.jsx)(n.Dialog.Close,{asChild:!0,children:/* @__PURE__ */ (0,r.jsx)(t.Button,{variant:`ghost`,size:`icon`,"aria-label":s,className:`ml-auto text-po-faint hover:text-po-hi`,children:/* @__PURE__ */ (0,r.jsx)(i.X,{className:`h-3 w-3`})})}):null]})}function p({className:t,...i}){return/* @__PURE__ */ (0,r.jsx)(n.Dialog.Title,{"data-slot":`sheet-title`,className:e.cn(`truncate text-lg font-semibold text-po-hi`,t),...i})}function m({className:t,...i}){return/* @__PURE__ */ (0,r.jsx)(n.Dialog.Description,{"data-slot":`sheet-description`,className:e.cn(`text-sm leading-relaxed text-po-dim`,t),...i})}function h({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`sheet-body`,className:e.cn(`flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto px-4 py-3`,t),...n})}function g({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`sheet-footer`,className:e.cn(`flex min-h-[34px] shrink-0 flex-wrap items-center justify-between gap-2 border-t border-po-border-soft bg-po-deep px-4 py-1.5`,t),...n})}exports.Sheet=a,exports.SheetBody=h,exports.SheetClose=s,exports.SheetContent=d,exports.SheetDescription=m,exports.SheetFooter=g,exports.SheetHeader=f,exports.SheetOverlay=c,exports.SheetTitle=p,exports.SheetTrigger=o;
 //# sourceMappingURL=Sheet.cjs.map

package/dist/src/components/Sheet.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.cjs","names":["SheetPrimitive","cn","Button","CloseIcon","require_cn","require_Button","radix_ui","react_jsx_runtime","lucide_react","Sheet","props","SheetTrigger","SheetClose","SheetOverlay","className","SIDE_POSITION","CONTENT_WIDTH","SheetContent","side","width","SheetHeader","children","dismissible","closeLabel","SheetTitle","SheetDescription","SheetBody","SheetFooter"],"sources":["../../../src/components/Sheet.tsx"],"sourcesContent":["import { Dialog as SheetPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { CloseIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\nimport { Button } from './Button';\n\n/**\n * A side panel on Radix's Dialog: an overlay that slides in from an edge,\n * with the focus trap, Escape, outside click and scroll lock a dialog has.\n *\n * It is the Dialog for content that reads as a column rather than a form: a\n * detail view beside what the reader was looking at. An inline aside cannot\n * do this, because it takes width from the surface underneath it.\n */\nexport function Sheet(props: ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nexport function SheetTrigger(props: ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nexport function SheetClose(props: ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nexport function SheetOverlay({ className, ...props }: ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn('fixed inset-0 z-40 bg-doom-deep/70 data-[state=open]:animate-doom-fade', className)}\n      {...props}\n    />\n  );\n}\n\nconst SIDE_POSITION = {\n  right: 'inset-y-0 right-0 border-l data-[state=open]:animate-doom-slide-right',\n  left: 'inset-y-0 left-0 border-r data-[state=open]:animate-doom-slide-left',\n} as const;\n\nexport interface SheetContentProps extends ComponentProps<typeof SheetPrimitive.Content> {\n  /** Which edge it comes from. */\n  side?: 'right' | 'left';\n  /** Width preset; `className` may still override. */\n  width?: 'sm' | 'md' | 'lg';\n}\n\nconst CONTENT_WIDTH = { sm: 'w-[360px]', md: 'w-[440px]', lg: 'w-[560px]' } as const;\n\nexport function SheetContent({ className, children, side = 'right', width = 'md', ...props }: SheetContentProps) {\n  return (\n    <SheetPrimitive.Portal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        data-side={side}\n        className={cn(\n          'fixed z-50 flex max-w-[calc(100vw-24px)] flex-col overflow-hidden border-doom-border bg-doom-rail shadow-2xl outline-none',\n          SIDE_POSITION[side],\n          CONTENT_WIDTH[width],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </SheetPrimitive.Content>\n    </SheetPrimitive.Portal>\n  );\n}\n\nexport interface SheetHeaderProps extends ComponentProps<'div'> {\n  /** Show the close control at the right of the strip. On by default: a sheet is dismissed, not answered. */\n  dismissible?: boolean;\n  /** What the close control announces. */\n  closeLabel?: string;\n}\n\nexport function SheetHeader({\n  className,\n  dismissible = true,\n  closeLabel = 'close',\n  children,\n  ...props\n}: SheetHeaderProps) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn('flex h-11 min-w-0 shrink-0 items-center gap-2.5 border-b border-doom-border px-4', className)}\n      {...props}\n    >\n      {children}\n      {dismissible ? (\n        <SheetPrimitive.Close asChild>\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            aria-label={closeLabel}\n            className=\"ml-auto text-doom-faint hover:text-doom-hi\"\n          >\n            <CloseIcon className=\"h-3 w-3\" />\n          </Button>\n        </SheetPrimitive.Close>\n      ) : null}\n    </div>\n  );\n}\n\nexport function SheetTitle({ className, ...props }: ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('truncate text-lg font-semibold text-doom-hi', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SheetDescription({ className, ...props }: ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-sm leading-relaxed text-doom-dim', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SheetBody({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-body\"\n      className={cn('flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto px-4 py-3', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SheetFooter({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\n        'flex min-h-[34px] shrink-0 flex-wrap items-center justify-between gap-2 border-t border-doom-border-soft bg-doom-deep px-4 py-1.5',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Sheet.cjs","names":["SheetPrimitive","cn","Button","CloseIcon","require_cn","require_Button","radix_ui","react_jsx_runtime","lucide_react","Sheet","props","SheetTrigger","SheetClose","SheetOverlay","className","SIDE_POSITION","CONTENT_WIDTH","SheetContent","side","width","SheetHeader","children","dismissible","closeLabel","SheetTitle","SheetDescription","SheetBody","SheetFooter"],"sources":["../../../src/components/Sheet.tsx"],"sourcesContent":["import { Dialog as SheetPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { CloseIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\nimport { Button } from './Button';\n\n/**\n * A side panel on Radix's Dialog: an overlay that slides in from an edge,\n * with the focus trap, Escape, outside click and scroll lock a dialog has.\n *\n * It is the Dialog for content that reads as a column rather than a form: a\n * detail view beside what the reader was looking at. An inline aside cannot\n * do this, because it takes width from the surface underneath it.\n */\nexport function Sheet(props: ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nexport function SheetTrigger(props: ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nexport function SheetClose(props: ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nexport function SheetOverlay({ className, ...props }: ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn('fixed inset-0 z-40 bg-po-deep/70 data-[state=open]:animate-po-fade', className)}\n      {...props}\n    />\n  );\n}\n\nconst SIDE_POSITION = {\n  right: 'inset-y-0 right-0 border-l data-[state=open]:animate-po-slide-right',\n  left: 'inset-y-0 left-0 border-r data-[state=open]:animate-po-slide-left',\n} as const;\n\nexport interface SheetContentProps extends ComponentProps<typeof SheetPrimitive.Content> {\n  /** Which edge it comes from. */\n  side?: 'right' | 'left';\n  /** Width preset; `className` may still override. */\n  width?: 'sm' | 'md' | 'lg';\n}\n\nconst CONTENT_WIDTH = { sm: 'w-[360px]', md: 'w-[440px]', lg: 'w-[560px]' } as const;\n\nexport function SheetContent({ className, children, side = 'right', width = 'md', ...props }: SheetContentProps) {\n  return (\n    <SheetPrimitive.Portal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        data-side={side}\n        className={cn(\n          'fixed z-50 flex max-w-[calc(100vw-24px)] flex-col overflow-hidden border-po-border bg-po-rail shadow-2xl outline-none',\n          SIDE_POSITION[side],\n          CONTENT_WIDTH[width],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </SheetPrimitive.Content>\n    </SheetPrimitive.Portal>\n  );\n}\n\nexport interface SheetHeaderProps extends ComponentProps<'div'> {\n  /** Show the close control at the right of the strip. On by default: a sheet is dismissed, not answered. */\n  dismissible?: boolean;\n  /** What the close control announces. */\n  closeLabel?: string;\n}\n\nexport function SheetHeader({\n  className,\n  dismissible = true,\n  closeLabel = 'close',\n  children,\n  ...props\n}: SheetHeaderProps) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn('flex h-11 min-w-0 shrink-0 items-center gap-2.5 border-b border-po-border px-4', className)}\n      {...props}\n    >\n      {children}\n      {dismissible ? (\n        <SheetPrimitive.Close asChild>\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            aria-label={closeLabel}\n            className=\"ml-auto text-po-faint hover:text-po-hi\"\n          >\n            <CloseIcon className=\"h-3 w-3\" />\n          </Button>\n        </SheetPrimitive.Close>\n      ) : null}\n    </div>\n  );\n}\n\nexport function SheetTitle({ className, ...props }: ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('truncate text-lg font-semibold text-po-hi', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SheetDescription({ className, ...props }: ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-sm leading-relaxed text-po-dim', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SheetBody({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-body\"\n      className={cn('flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto px-4 py-3', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SheetFooter({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\n        'flex min-h-[34px] shrink-0 flex-wrap items-center justify-between gap-2 border-t border-po-border-soft bg-po-deep px-4 py-1.5',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/src/components/Skeleton.cjs

@@ -1,2 +1,2 @@
-const e=require("../lib/cn.cjs");let t=require("react/jsx-runtime");function n({className:n,...r}){return/* @__PURE__ */ (0,t.jsx)(`div`,{"data-slot":`skeleton`,"aria-hidden":!0,className:e.cn(`animate-pulse rounded bg-doom-border-soft`,n),...r})}exports.Skeleton=n;
+const e=require("../lib/cn.cjs");let t=require("react/jsx-runtime");function n({className:n,...r}){return/* @__PURE__ */ (0,t.jsx)(`div`,{"data-slot":`skeleton`,"aria-hidden":!0,className:e.cn(`animate-pulse rounded bg-po-border-soft`,n),...r})}exports.Skeleton=n;
 //# sourceMappingURL=Skeleton.cjs.map

package/dist/src/components/Skeleton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.cjs","names":["cn","require_cn","react_jsx_runtime","Skeleton","props","className"],"sources":["../../../src/components/Skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/**\n * The shape of content that has not arrived. It has no Radix counterpart; it\n * is a pulsing block, and it is aria-hidden because the live region that\n * announces the wait belongs to the surface, not to each placeholder.\n */\nexport function Skeleton({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      aria-hidden\n      className={cn('animate-pulse rounded bg-doom-border-soft', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"oEASA,SAAgBG,EAAS,CAAE,YAAW,GAAGC,GAAgC,CACvE,MACE,iBAAA,EAAAF,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,WACV,cAAA,GACA,UAAWF,EAAAA,GAAG,4CAA6CK,CAAS,EACpE,GAAID,CACL,CAAA,CAEL"}
+{"version":3,"file":"Skeleton.cjs","names":["cn","require_cn","react_jsx_runtime","Skeleton","props","className"],"sources":["../../../src/components/Skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/**\n * The shape of content that has not arrived. It has no Radix counterpart; it\n * is a pulsing block, and it is aria-hidden because the live region that\n * announces the wait belongs to the surface, not to each placeholder.\n */\nexport function Skeleton({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      aria-hidden\n      className={cn('animate-pulse rounded bg-po-border-soft', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"oEASA,SAAgBG,EAAS,CAAE,YAAW,GAAGC,GAAgC,CACvE,MACE,iBAAA,EAAAF,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,WACV,cAAA,GACA,UAAWF,EAAAA,GAAG,0CAA2CK,CAAS,EAClE,GAAID,CACL,CAAA,CAEL"}

package/dist/src/components/StatusBadge.cjs

@@ -1,2 +1,2 @@
-const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");const r=(0,require("class-variance-authority").cva)(`inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-sm font-semibold`,{variants:{tone:{neutral:`bg-doom-panel text-doom-faint`,running:`bg-doom-tint-yellow text-doom-yellow`,ok:`bg-doom-tint-green text-doom-green`,error:`bg-doom-tint-red text-doom-red`,info:`bg-doom-tint-blue text-doom-blue`,accent:`bg-doom-tint-magenta text-doom-magenta`},size:{xs:`px-1.5 py-px text-sm`,sm:`px-[7px] py-[3px] text-sm`,md:`h-[21px] px-2 text-sm normal-case`,lg:`h-6 px-2.5 text-base normal-case`}},defaultVariants:{tone:`neutral`,size:`sm`}}),i={neutral:`border-doom-border`,running:`border-doom-edge-yellow`,ok:`border-doom-edge-green`,error:`border-doom-edge-red`,info:`border-doom-edge-blue`,accent:`border-doom-edge-magenta`};function a({className:i,tone:a,size:o,asChild:s=!1,...c}){let l=s?t.Slot.Root:`span`;return/* @__PURE__ */ (0,n.jsx)(l,{"data-slot":`status-badge`,className:e.cn(r({tone:a,size:o}),i),...c})}exports.STATUS_EDGE=i,exports.StatusBadge=a,exports.statusBadgeVariants=r;
+const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");const r=(0,require("class-variance-authority").cva)(`inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-sm font-semibold`,{variants:{tone:{neutral:`bg-po-panel text-po-faint`,running:`bg-po-tint-yellow text-po-yellow`,ok:`bg-po-tint-green text-po-green`,error:`bg-po-tint-red text-po-red`,info:`bg-po-tint-blue text-po-blue`,accent:`bg-po-tint-magenta text-po-magenta`},size:{xs:`px-1.5 py-px text-sm`,sm:`px-[7px] py-[3px] text-sm`,md:`h-[21px] px-2 text-sm normal-case`,lg:`h-6 px-2.5 text-base normal-case`}},defaultVariants:{tone:`neutral`,size:`sm`}}),i={neutral:`border-po-border`,running:`border-po-edge-yellow`,ok:`border-po-edge-green`,error:`border-po-edge-red`,info:`border-po-edge-blue`,accent:`border-po-edge-magenta`};function a({className:i,tone:a,size:o,asChild:s=!1,...c}){let l=s?t.Slot.Root:`span`;return/* @__PURE__ */ (0,n.jsx)(l,{"data-slot":`status-badge`,className:e.cn(r({tone:a,size:o}),i),...c})}exports.STATUS_EDGE=i,exports.StatusBadge=a,exports.statusBadgeVariants=r;
 //# sourceMappingURL=StatusBadge.cjs.map

package/dist/src/components/StatusBadge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.cjs","names":["cva","Slot","cn","require_cn","radix_ui","react_jsx_runtime","statusBadgeVariants","STATUS_EDGE","StatusBadge","props","Component","asChild","className"],"sources":["../../../src/components/StatusBadge.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\nimport type { StatusTone as Tone } from '../types/tone';\n\nexport const statusBadgeVariants = cva(\n  'inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-sm font-semibold',\n  {\n    variants: {\n      tone: {\n        neutral: 'bg-doom-panel text-doom-faint',\n        running: 'bg-doom-tint-yellow text-doom-yellow',\n        ok: 'bg-doom-tint-green text-doom-green',\n        error: 'bg-doom-tint-red text-doom-red',\n        info: 'bg-doom-tint-blue text-doom-blue',\n        accent: 'bg-doom-tint-magenta text-doom-magenta',\n      } satisfies Record<Tone, string>,\n      size: {\n        xs: 'px-1.5 py-px text-sm',\n        sm: 'px-[7px] py-[3px] text-sm',\n        md: 'h-[21px] px-2 text-sm normal-case',\n        lg: 'h-6 px-2.5 text-base normal-case',\n      },\n    },\n    defaultVariants: { tone: 'neutral', size: 'sm' },\n  },\n);\n\nexport type StatusTone = Tone;\n\n/**\n * The border a card wears for a status, the same tint family as the badge.\n * MessageItem builds its frame variants from this table, so a tone's edge is\n * named once and a card and its badge can never disagree about it.\n */\nexport const STATUS_EDGE: Readonly<Record<StatusTone, string>> = {\n  neutral: 'border-doom-border',\n  running: 'border-doom-edge-yellow',\n  ok: 'border-doom-edge-green',\n  error: 'border-doom-edge-red',\n  info: 'border-doom-edge-blue',\n  accent: 'border-doom-edge-magenta',\n};\n\nexport interface StatusBadgeProps extends ComponentProps<'span'>, VariantProps<typeof statusBadgeVariants> {\n  /** Render the child element instead of a <span>, so a link can look like a pill. */\n  asChild?: boolean;\n}\n\n/** The tinted outcome pill: RUNNING, OK, ERROR and their kin, as every run card draws it. */\nexport function StatusBadge({ className, tone, size, asChild = false, ...props }: StatusBadgeProps) {\n  const Component = asChild ? Slot.Root : 'span';\n  return (\n    <Component data-slot=\"status-badge\" className={cn(statusBadgeVariants({ tone, size }), className)} {...props} />\n  );\n}\n"],"mappings":"0FAOA,MAAaM,GAAA,oCAAsBN,CAAAA,CAAAA,IAAAA,CACjC,uFACA,CACE,SAAU,CACR,KAAM,CACJ,QAAS,gCACT,QAAS,uCACT,GAAI,qCACJ,MAAO,iCACP,KAAM,mCACN,OAAQ,wCACV,EACA,KAAM,CACJ,GAAI,uBACJ,GAAI,4BACJ,GAAI,oCACJ,GAAI,kCACN,CACF,EACA,gBAAiB,CAAE,KAAM,UAAW,KAAM,IAAK,CACjD,CACF,EASaO,EAAoD,CAC/D,QAAS,qBACT,QAAS,0BACT,GAAI,yBACJ,MAAO,uBACP,KAAM,wBACN,OAAQ,0BACV,EAQA,SAAgBC,EAAY,CAAE,YAAW,OAAM,OAAM,UAAU,GAAO,GAAGC,GAA2B,CAClG,IAAMC,EAAYC,EAAUV,EAAAA,KAAK,KAAO,OACxC,MACE,iBAAA,EAAAI,EAAA,IAAA,CAACK,EAAD,CAAW,YAAU,eAAe,UAAWR,EAAAA,GAAGI,EAAoB,CAAE,OAAM,MAAK,CAAC,EAAGM,CAAS,EAAG,GAAIH,CAAQ,CAAA,CAEnH"}
+{"version":3,"file":"StatusBadge.cjs","names":["cva","Slot","cn","require_cn","radix_ui","react_jsx_runtime","statusBadgeVariants","STATUS_EDGE","StatusBadge","props","Component","asChild","className"],"sources":["../../../src/components/StatusBadge.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\nimport type { StatusTone as Tone } from '../types/tone';\n\nexport const statusBadgeVariants = cva(\n  'inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-sm font-semibold',\n  {\n    variants: {\n      tone: {\n        neutral: 'bg-po-panel text-po-faint',\n        running: 'bg-po-tint-yellow text-po-yellow',\n        ok: 'bg-po-tint-green text-po-green',\n        error: 'bg-po-tint-red text-po-red',\n        info: 'bg-po-tint-blue text-po-blue',\n        accent: 'bg-po-tint-magenta text-po-magenta',\n      } satisfies Record<Tone, string>,\n      size: {\n        xs: 'px-1.5 py-px text-sm',\n        sm: 'px-[7px] py-[3px] text-sm',\n        md: 'h-[21px] px-2 text-sm normal-case',\n        lg: 'h-6 px-2.5 text-base normal-case',\n      },\n    },\n    defaultVariants: { tone: 'neutral', size: 'sm' },\n  },\n);\n\nexport type StatusTone = Tone;\n\n/**\n * The border a card wears for a status, the same tint family as the badge.\n * MessageItem builds its frame variants from this table, so a tone's edge is\n * named once and a card and its badge can never disagree about it.\n */\nexport const STATUS_EDGE: Readonly<Record<StatusTone, string>> = {\n  neutral: 'border-po-border',\n  running: 'border-po-edge-yellow',\n  ok: 'border-po-edge-green',\n  error: 'border-po-edge-red',\n  info: 'border-po-edge-blue',\n  accent: 'border-po-edge-magenta',\n};\n\nexport interface StatusBadgeProps extends ComponentProps<'span'>, VariantProps<typeof statusBadgeVariants> {\n  /** Render the child element instead of a <span>, so a link can look like a pill. */\n  asChild?: boolean;\n}\n\n/** The tinted outcome pill: RUNNING, OK, ERROR and their kin, as every run card draws it. */\nexport function StatusBadge({ className, tone, size, asChild = false, ...props }: StatusBadgeProps) {\n  const Component = asChild ? Slot.Root : 'span';\n  return (\n    <Component data-slot=\"status-badge\" className={cn(statusBadgeVariants({ tone, size }), className)} {...props} />\n  );\n}\n"],"mappings":"0FAOA,MAAaM,GAAA,oCAAsBN,CAAAA,CAAAA,IAAAA,CACjC,uFACA,CACE,SAAU,CACR,KAAM,CACJ,QAAS,4BACT,QAAS,mCACT,GAAI,iCACJ,MAAO,6BACP,KAAM,+BACN,OAAQ,oCACV,EACA,KAAM,CACJ,GAAI,uBACJ,GAAI,4BACJ,GAAI,oCACJ,GAAI,kCACN,CACF,EACA,gBAAiB,CAAE,KAAM,UAAW,KAAM,IAAK,CACjD,CACF,EASaO,EAAoD,CAC/D,QAAS,mBACT,QAAS,wBACT,GAAI,uBACJ,MAAO,qBACP,KAAM,sBACN,OAAQ,wBACV,EAQA,SAAgBC,EAAY,CAAE,YAAW,OAAM,OAAM,UAAU,GAAO,GAAGC,GAA2B,CAClG,IAAMC,EAAYC,EAAUV,EAAAA,KAAK,KAAO,OACxC,MACE,iBAAA,EAAAI,EAAA,IAAA,CAACK,EAAD,CAAW,YAAU,eAAe,UAAWR,EAAAA,GAAGI,EAAoB,CAAE,OAAM,MAAK,CAAC,EAAGM,CAAS,EAAG,GAAIH,CAAQ,CAAA,CAEnH"}

package/dist/src/components/StreamCursor.cjs

@@ -1,2 +1,2 @@
-const e=require("../lib/cn.cjs");let t=require("react/jsx-runtime");function n({className:n,...r}){return/* @__PURE__ */ (0,t.jsx)(`span`,{"data-slot":`stream-cursor`,"aria-hidden":!0,className:e.cn(`ml-0.5 inline-block h-3.5 w-2 translate-y-0.5 animate-doom-blink bg-doom-blue`,n),...r})}exports.StreamCursor=n;
+const e=require("../lib/cn.cjs");let t=require("react/jsx-runtime");function n({className:n,...r}){return/* @__PURE__ */ (0,t.jsx)(`span`,{"data-slot":`stream-cursor`,"aria-hidden":!0,className:e.cn(`ml-0.5 inline-block h-3.5 w-2 translate-y-0.5 animate-po-blink bg-po-blue`,n),...r})}exports.StreamCursor=n;
 //# sourceMappingURL=StreamCursor.cjs.map

package/dist/src/components/StreamCursor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StreamCursor.cjs","names":["cn","require_cn","react_jsx_runtime","StreamCursor","props","className"],"sources":["../../../src/components/StreamCursor.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/** The blinking block that marks text still arriving. */\nexport function StreamCursor({ className, ...props }: ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"stream-cursor\"\n      aria-hidden\n      className={cn('ml-0.5 inline-block h-3.5 w-2 translate-y-0.5 animate-doom-blink bg-doom-blue', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"oEAKA,SAAgBG,EAAa,CAAE,YAAW,GAAGC,GAAiC,CAC5E,MACE,iBAAA,EAAAF,EAAA,IAAA,CAAC,OAAD,CACE,YAAU,gBACV,cAAA,GACA,UAAWF,EAAAA,GAAG,gFAAiFK,CAAS,EACxG,GAAID,CACL,CAAA,CAEL"}
+{"version":3,"file":"StreamCursor.cjs","names":["cn","require_cn","react_jsx_runtime","StreamCursor","props","className"],"sources":["../../../src/components/StreamCursor.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/** The blinking block that marks text still arriving. */\nexport function StreamCursor({ className, ...props }: ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"stream-cursor\"\n      aria-hidden\n      className={cn('ml-0.5 inline-block h-3.5 w-2 translate-y-0.5 animate-po-blink bg-po-blue', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"oEAKA,SAAgBG,EAAa,CAAE,YAAW,GAAGC,GAAiC,CAC5E,MACE,iBAAA,EAAAF,EAAA,IAAA,CAAC,OAAD,CACE,YAAU,gBACV,cAAA,GACA,UAAWF,EAAAA,GAAG,4EAA6EK,CAAS,EACpG,GAAID,CACL,CAAA,CAEL"}

package/dist/src/components/Switch.cjs

@@ -1,2 +1,2 @@
-const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r({className:r,...i}){return/* @__PURE__ */ (0,n.jsx)(t.Switch.Root,{"data-slot":`switch`,className:e.cn(`inline-flex h-4 w-7 shrink-0 cursor-pointer items-center rounded-full border border-doom-border bg-doom-deep p-px outline-none transition-colors focus-visible:ring-2 focus-visible:ring-doom-green/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-doom-green data-[state=checked]:bg-doom-tint-green`,r),...i,children:/* @__PURE__ */ (0,n.jsx)(t.Switch.Thumb,{"data-slot":`switch-thumb`,className:`block h-3 w-3 rounded-full bg-doom-faint transition-transform data-[state=checked]:translate-x-3 data-[state=checked]:bg-doom-green`})})}exports.Switch=r;
+const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r({className:r,...i}){return/* @__PURE__ */ (0,n.jsx)(t.Switch.Root,{"data-slot":`switch`,className:e.cn(`inline-flex h-4 w-7 shrink-0 cursor-pointer items-center rounded-full border border-po-border bg-po-deep p-px outline-none transition-colors focus-visible:ring-2 focus-visible:ring-po-green/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-po-green data-[state=checked]:bg-po-tint-green`,r),...i,children:/* @__PURE__ */ (0,n.jsx)(t.Switch.Thumb,{"data-slot":`switch-thumb`,className:`block h-3 w-3 rounded-full bg-po-faint transition-transform data-[state=checked]:translate-x-3 data-[state=checked]:bg-po-green`})})}exports.Switch=r;
 //# sourceMappingURL=Switch.cjs.map