@agimon-ai/doompi-web-components 0.0.1-alpha.4 → 0.0.1-alpha.41

package/dist/src/components/CodeEditorView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditorView.mjs","names":[],"sources":["../../../src/components/CodeEditorView.tsx"],"sourcesContent":["import { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands';\nimport {\n  bracketMatching,\n  foldGutter,\n  foldKeymap,\n  HighlightStyle,\n  indentOnInput,\n  syntaxHighlighting,\n} from '@codemirror/language';\nimport { highlightSelectionMatches, search, searchKeymap } from '@codemirror/search';\nimport { Compartment, EditorState } from '@codemirror/state';\nimport {\n  drawSelection,\n  EditorView,\n  highlightActiveLine,\n  highlightActiveLineGutter,\n  keymap,\n  lineNumbers,\n  rectangularSelection,\n} from '@codemirror/view';\nimport { tags } from '@lezer/highlight';\nimport { useEffect, useRef } from 'react';\nimport { cn } from '../lib/cn.ts';\nimport { grammarKeyOf, loadGrammar } from '../lib/editorLanguage.ts';\nimport { DOOM_EDITOR_STYLES, DOOM_SYNTAX_STYLES } from '../lib/editorTheme.ts';\nimport type { CodeEditorProps } from '../types/editor.ts';\n\n/**\n * The editor itself, mounted on a real CodeMirror view.\n *\n * Nothing imports this module directly: `CodeEditor` reaches it through a lazy\n * import so the whole editor, and every grammar under it, stays out of the\n * cockpit's first load. Behaviour lives here rather than in that wrapper so\n * the split costs one file and no indirection.\n *\n * The three things a caller can change after mount each sit in their own\n * compartment. Reconfiguring one is a transaction; rebuilding the editor would\n * throw away the undo history, the scroll position and the cursor, which is\n * what a reader loses if a parent re-render is allowed to remount this.\n */\n\n/** Not a colour or a layout choice: how CodeMirror is told to draw the doom palette. */\nconst DOOM_THEME = EditorView.theme(DOOM_EDITOR_STYLES);\n\nconst DOOM_HIGHLIGHT = HighlightStyle.define([\n  { tag: tags.comment, ...DOOM_SYNTAX_STYLES.comment },\n  { tag: tags.keyword, ...DOOM_SYNTAX_STYLES.keyword },\n  { tag: [tags.atom, tags.bool, tags.null, tags.self], ...DOOM_SYNTAX_STYLES.constant },\n  { tag: tags.number, ...DOOM_SYNTAX_STYLES.literal },\n  { tag: [tags.string, tags.special(tags.string), tags.character], ...DOOM_SYNTAX_STYLES.string },\n  { tag: tags.regexp, ...DOOM_SYNTAX_STYLES.regexp },\n  { tag: tags.operator, ...DOOM_SYNTAX_STYLES.operator },\n  { tag: tags.punctuation, ...DOOM_SYNTAX_STYLES.punctuation },\n  { tag: tags.variableName, ...DOOM_SYNTAX_STYLES.variable },\n  { tag: tags.propertyName, ...DOOM_SYNTAX_STYLES.property },\n  { tag: [tags.function(tags.variableName), tags.function(tags.propertyName)], ...DOOM_SYNTAX_STYLES.callable },\n  { tag: [tags.typeName, tags.className, tags.namespace], ...DOOM_SYNTAX_STYLES.type },\n  { tag: tags.tagName, ...DOOM_SYNTAX_STYLES.tag },\n  { tag: tags.attributeName, ...DOOM_SYNTAX_STYLES.attribute },\n  { tag: [tags.meta, tags.processingInstruction], ...DOOM_SYNTAX_STYLES.meta },\n  { tag: tags.heading, ...DOOM_SYNTAX_STYLES.heading },\n  { tag: [tags.link, tags.url], ...DOOM_SYNTAX_STYLES.link },\n  { tag: tags.emphasis, ...DOOM_SYNTAX_STYLES.emphasis },\n  { tag: tags.strong, ...DOOM_SYNTAX_STYLES.strong },\n  { tag: tags.strikethrough, ...DOOM_SYNTAX_STYLES.strikethrough },\n  { tag: tags.invalid, ...DOOM_SYNTAX_STYLES.invalid },\n]);\n\n/** Everything that never changes for the life of an editor. */\nconst FIXED_EXTENSIONS = [\n  lineNumbers(),\n  highlightActiveLineGutter(),\n  foldGutter(),\n  highlightActiveLine(),\n  drawSelection(),\n  rectangularSelection(),\n  indentOnInput(),\n  bracketMatching(),\n  history(),\n  search({ top: true }),\n  highlightSelectionMatches(),\n  // Tab indents rather than leaving the editor. That trades a keyboard user's\n  // escape route for the behaviour every other editor has, so it is last in\n  // the keymap and Escape then Tab still moves focus out.\n  keymap.of([...defaultKeymap, ...historyKeymap, ...searchKeymap, ...foldKeymap, indentWithTab]),\n  syntaxHighlighting(DOOM_HIGHLIGHT),\n  DOOM_THEME,\n];\n\nexport function CodeEditorView({\n  value,\n  path,\n  readOnly = false,\n  lineWrapping = true,\n  className,\n  onChange,\n  onSelect,\n  'data-testid': testId,\n}: CodeEditorProps) {\n  const host = useRef<HTMLDivElement>(null);\n  const view = useRef<EditorView | null>(null);\n  // The callbacks are new objects on every parent render. Reading them through\n  // a ref is what lets the editor be built once and still call the current\n  // pair, rather than being rebuilt whenever the parent re-renders.\n  const handlers = useRef({ onChange, onSelect });\n  const compartments = useRef({\n    language: new Compartment(),\n    readOnly: new Compartment(),\n    wrapping: new Compartment(),\n  });\n\n  useEffect(() => {\n    handlers.current = { onChange, onSelect };\n  });\n\n  useEffect(() => {\n    const parent = host.current;\n    if (parent === null) return;\n    const { language, readOnly: readOnlyPart, wrapping } = compartments.current;\n    const editor = new EditorView({\n      parent,\n      state: EditorState.create({\n        // The initial document only; every later change arrives as a\n        // transaction from the effect below.\n        doc: value,\n        extensions: [\n          ...FIXED_EXTENSIONS,\n          language.of([]),\n          readOnlyPart.of([]),\n          wrapping.of([]),\n          EditorView.updateListener.of((update) => {\n            if (update.docChanged) handlers.current.onChange?.(update.state.doc.toString());\n            if (!update.selectionSet && !update.docChanged) return;\n            const report = handlers.current.onSelect;\n            if (report === undefined) return;\n            const range = update.state.selection.main;\n            report({\n              text: update.state.sliceDoc(range.from, range.to),\n              startLine: update.state.doc.lineAt(range.from).number,\n              endLine: update.state.doc.lineAt(range.to).number,\n            });\n          }),\n        ],\n      }),\n    });\n    view.current = editor;\n    return () => {\n      editor.destroy();\n      view.current = null;\n    };\n    // Built once. `value` seeds the document and the sync effect owns it after that.\n  }, []);\n\n  useEffect(() => {\n    const editor = view.current;\n    // A caller that echoes onChange back into `value` would otherwise replace\n    // the document on every keystroke and drop the cursor to the end.\n    if (editor === null || editor.state.doc.toString() === value) return;\n    editor.dispatch({ changes: { from: 0, to: editor.state.doc.length, insert: value } });\n  }, [value]);\n\n  useEffect(() => {\n    view.current?.dispatch({\n      effects: compartments.current.readOnly.reconfigure([\n        EditorState.readOnly.of(readOnly),\n        EditorView.editable.of(!readOnly),\n      ]),\n    });\n  }, [readOnly]);\n\n  useEffect(() => {\n    view.current?.dispatch({\n      effects: compartments.current.wrapping.reconfigure(lineWrapping ? EditorView.lineWrapping : []),\n    });\n  }, [lineWrapping]);\n\n  useEffect(() => {\n    const key = path === undefined ? undefined : grammarKeyOf(path);\n    const { language } = compartments.current;\n    if (key === undefined) {\n      view.current?.dispatch({ effects: language.reconfigure([]) });\n      return;\n    }\n    let cancelled = false;\n    void loadGrammar(key)\n      .then((grammar) => {\n        if (!cancelled) view.current?.dispatch({ effects: language.reconfigure(grammar) });\n      })\n      .catch(() => {\n        // A grammar is a separate chunk over the network, and the cockpit is\n        // often read through a tunnel. Losing it costs syntax colour, not the\n        // file, so fall back to plain text rather than failing the pane.\n        if (!cancelled) view.current?.dispatch({ effects: language.reconfigure([]) });\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [path]);\n\n  return <div ref={host} data-testid={testId} className={cn('min-h-0 overflow-hidden', className)} />;\n}\n"],"mappings":"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"}
+{"version":3,"file":"CodeEditorView.mjs","names":[],"sources":["../../../src/components/CodeEditorView.tsx"],"sourcesContent":["import { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands';\nimport {\n  bracketMatching,\n  foldGutter,\n  foldKeymap,\n  HighlightStyle,\n  indentOnInput,\n  syntaxHighlighting,\n} from '@codemirror/language';\nimport { highlightSelectionMatches, search, searchKeymap } from '@codemirror/search';\nimport { Compartment, EditorState, StateEffect, StateField } from '@codemirror/state';\nimport {\n  Decoration,\n  type DecorationSet,\n  drawSelection,\n  EditorView,\n  highlightActiveLine,\n  highlightActiveLineGutter,\n  keymap,\n  lineNumbers,\n  rectangularSelection,\n  WidgetType,\n} from '@codemirror/view';\nimport { tags } from '@lezer/highlight';\nimport { useEffect, useImperativeHandle, useLayoutEffect, useRef } from 'react';\n\nimport { cn } from '../lib/cn';\nimport { boundedEditorEdits, boundedEditorRanges } from '../lib/editorController';\nimport { grammarKeyOf, loadGrammar } from '../lib/editorLanguage';\nimport { DOOM_EDITOR_STYLES, DOOM_SYNTAX_STYLES } from '../lib/editorTheme';\nimport type { CodeEditorProps, EditorSelectionRange, EditorViewportRectangle } from '../types/editor';\n\nfunction selectionRange(editor: { readonly state: EditorState }, from: number, to: number): EditorSelectionRange {\n  const start = Math.min(from, to);\n  const end = Math.max(from, to);\n  return {\n    text: editor.state.sliceDoc(start, end),\n    from: start,\n    to: end,\n    startLine: editor.state.doc.lineAt(start).number,\n    endLine: editor.state.doc.lineAt(end).number,\n  };\n}\n\nexport function resolveEditorViewportRegion(\n  editor: {\n    readonly state: EditorState;\n    posAtCoords(coords: { x: number; y: number }): number | null;\n  },\n  rectangle: EditorViewportRectangle,\n): EditorSelectionRange | null {\n  const start = editor.posAtCoords({ x: rectangle.left, y: rectangle.top });\n  const end = editor.posAtCoords({ x: rectangle.right, y: rectangle.bottom });\n  if (start === null || end === null) return null;\n  return selectionRange(editor, start, end);\n}\n/**\n * The editor itself, mounted on a real CodeMirror view.\n *\n * Nothing imports this module directly: `CodeEditor` reaches it through a lazy\n * import so the whole editor, and every grammar under it, stays out of the\n * cockpit's first load. Behaviour lives here rather than in that wrapper so\n * the split costs one file and no indirection.\n *\n * The three things a caller can change after mount each sit in their own\n * compartment. Reconfiguring one is a transaction; rebuilding the editor would\n * throw away the undo history, the scroll position and the cursor, which is\n * what a reader loses if a parent re-render is allowed to remount this.\n */\n\n/** Not a colour or a layout choice: how CodeMirror is told to draw the doom palette. */\nconst DOOM_THEME = EditorView.theme(DOOM_EDITOR_STYLES);\n\nconst DOOM_HIGHLIGHT = HighlightStyle.define([\n  { tag: tags.comment, ...DOOM_SYNTAX_STYLES.comment },\n  { tag: tags.keyword, ...DOOM_SYNTAX_STYLES.keyword },\n  { tag: [tags.atom, tags.bool, tags.null, tags.self], ...DOOM_SYNTAX_STYLES.constant },\n  { tag: tags.number, ...DOOM_SYNTAX_STYLES.literal },\n  { tag: [tags.string, tags.special(tags.string), tags.character], ...DOOM_SYNTAX_STYLES.string },\n  { tag: tags.regexp, ...DOOM_SYNTAX_STYLES.regexp },\n  { tag: tags.operator, ...DOOM_SYNTAX_STYLES.operator },\n  { tag: tags.punctuation, ...DOOM_SYNTAX_STYLES.punctuation },\n  { tag: tags.variableName, ...DOOM_SYNTAX_STYLES.variable },\n  { tag: tags.propertyName, ...DOOM_SYNTAX_STYLES.property },\n  { tag: [tags.function(tags.variableName), tags.function(tags.propertyName)], ...DOOM_SYNTAX_STYLES.callable },\n  { tag: [tags.typeName, tags.className, tags.namespace], ...DOOM_SYNTAX_STYLES.type },\n  { tag: tags.tagName, ...DOOM_SYNTAX_STYLES.tag },\n  { tag: tags.attributeName, ...DOOM_SYNTAX_STYLES.attribute },\n  { tag: [tags.meta, tags.processingInstruction], ...DOOM_SYNTAX_STYLES.meta },\n  { tag: tags.heading, ...DOOM_SYNTAX_STYLES.heading },\n  { tag: [tags.link, tags.url], ...DOOM_SYNTAX_STYLES.link },\n  { tag: tags.emphasis, ...DOOM_SYNTAX_STYLES.emphasis },\n  { tag: tags.strong, ...DOOM_SYNTAX_STYLES.strong },\n  { tag: tags.strikethrough, ...DOOM_SYNTAX_STYLES.strikethrough },\n  { tag: tags.invalid, ...DOOM_SYNTAX_STYLES.invalid },\n]);\n\nconst setClosedDecorations = StateEffect.define<DecorationSet>();\nconst closedDecorations = StateField.define<DecorationSet>({\n  create: () => Decoration.none,\n  update: (decorations, transaction) => {\n    let next = decorations.map(transaction.changes);\n    for (const effect of transaction.effects) {\n      if (effect.is(setClosedDecorations)) next = effect.value;\n    }\n    return next;\n  },\n  provide: (field) => EditorView.decorations.from(field),\n});\n\nconst setMarkedDecorations = StateEffect.define<DecorationSet>();\nconst markedDecorations = StateField.define<DecorationSet>({\n  create: () => Decoration.none,\n  update: (decorations, transaction) => {\n    let next = decorations.map(transaction.changes);\n    for (const effect of transaction.effects) {\n      if (effect.is(setMarkedDecorations)) next = effect.value;\n    }\n    return next;\n  },\n  provide: (field) => EditorView.decorations.from(field),\n});\n\nclass MarkedRangeLabel extends WidgetType {\n  constructor(private readonly label: string) {\n    super();\n  }\n\n  eq(other: MarkedRangeLabel): boolean {\n    return other.label === this.label;\n  }\n\n  toDOM(): HTMLElement {\n    const label = document.createElement('span');\n    label.className = 'cm-marked-region-label';\n    label.dataset.authorRegionLabel = this.label;\n    label.textContent = this.label;\n    return label;\n  }\n}\n\nconst MARKED_REGION_THEME = EditorView.baseTheme({\n  '.cm-marked-region': {\n    backgroundColor: 'var(--doom-tint-yellow)',\n    borderBottom: '1px solid var(--doom-edge-yellow)',\n  },\n  '.cm-marked-region-label': {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minWidth: '16px',\n    height: '16px',\n    marginRight: '4px',\n    borderRadius: '999px',\n    backgroundColor: 'var(--doom-yellow)',\n    color: 'var(--doom-deep)',\n    fontSize: '9px',\n    fontWeight: '700',\n    lineHeight: '1',\n    verticalAlign: 'text-bottom',\n  },\n});\n\n/** Everything that never changes for the life of an editor. */\nconst FIXED_EXTENSIONS = [\n  lineNumbers(),\n  highlightActiveLineGutter(),\n  foldGutter(),\n  highlightActiveLine(),\n  drawSelection(),\n  rectangularSelection(),\n  indentOnInput(),\n  bracketMatching(),\n  history(),\n  search({ top: true }),\n  highlightSelectionMatches(),\n  // Tab indents rather than leaving the editor. That trades a keyboard user's\n  // escape route for the behaviour every other editor has, so it is last in\n  // the keymap and Escape then Tab still moves focus out.\n  keymap.of([...defaultKeymap, ...historyKeymap, ...searchKeymap, ...foldKeymap, indentWithTab]),\n  syntaxHighlighting(DOOM_HIGHLIGHT),\n  closedDecorations,\n  markedDecorations,\n  MARKED_REGION_THEME,\n  DOOM_THEME,\n];\n\nexport function CodeEditorView({\n  value,\n  path,\n  readOnly = false,\n  lineWrapping = true,\n  className,\n  onChange,\n  onSelect,\n  controllerRef,\n  'data-testid': testId,\n}: CodeEditorProps) {\n  const host = useRef<HTMLDivElement>(null);\n  const view = useRef<EditorView | null>(null);\n  // The callbacks are new objects on every parent render. Reading them through\n  // a ref is what lets the editor be built once and still call the current\n  // pair, rather than being rebuilt whenever the parent re-renders.\n  const handlers = useRef({ onChange, onSelect });\n  // The document is seeded once from the value of the first render; the sync effect\n  // below owns every later change.\n  const initialValue = useRef(value);\n  const compartments = useRef({\n    language: new Compartment(),\n    readOnly: new Compartment(),\n    wrapping: new Compartment(),\n  });\n\n  useEffect(() => {\n    handlers.current = { onChange, onSelect };\n  });\n\n  useLayoutEffect(() => {\n    const parent = host.current;\n    if (parent === null) return;\n    const { language, readOnly: readOnlyPart, wrapping } = compartments.current;\n    const editor = new EditorView({\n      parent,\n      state: EditorState.create({\n        // The initial document only; every later change arrives as a\n        // transaction from the effect below.\n        doc: initialValue.current,\n        extensions: [\n          ...FIXED_EXTENSIONS,\n          language.of([]),\n          readOnlyPart.of([]),\n          wrapping.of([]),\n          EditorView.updateListener.of((update) => {\n            if (update.docChanged) handlers.current.onChange?.(update.state.doc.toString());\n            if (!update.selectionSet && !update.docChanged) return;\n            const report = handlers.current.onSelect;\n            if (report === undefined) return;\n            const range = update.state.selection.main;\n            report(selectionRange(update.view, range.from, range.to));\n          }),\n        ],\n      }),\n    });\n    view.current = editor;\n    return () => {\n      editor.destroy();\n      view.current = null;\n    };\n    // Built once.\n  }, []);\n\n  useImperativeHandle(\n    controllerRef,\n    () => ({\n      focus: () => view.current?.focus(),\n      revealAndSelect: (range) => {\n        const editor = view.current;\n        if (editor === null) return;\n        const [bounded] = boundedEditorRanges(editor.state.doc.length, [range]);\n        if (bounded === undefined) return;\n        editor.dispatch({\n          selection: { anchor: bounded.from, head: bounded.to },\n          effects: EditorView.scrollIntoView(bounded.from, { y: 'center' }),\n        });\n      },\n      applyEdits: (edits) => {\n        const editor = view.current;\n        if (editor === null || edits.length === 0) return;\n        editor.dispatch({ changes: boundedEditorEdits(editor.state.doc.length, edits) });\n      },\n      setClosedRanges: (ranges) => {\n        const editor = view.current;\n        if (editor === null) return;\n        const bounded = boundedEditorRanges(editor.state.doc.length, ranges);\n        const decorations = bounded.map((range) =>\n          range.from === range.to\n            ? Decoration.line({ attributes: { class: 'cm-closed-tone', 'data-tone': 'closed' } }).range(\n                editor.state.doc.lineAt(range.from).from,\n              )\n            : Decoration.mark({ class: 'cm-closed-tone', attributes: { 'data-tone': 'closed' } }).range(\n                range.from,\n                range.to,\n              ),\n        );\n        editor.dispatch({ effects: setClosedDecorations.of(Decoration.set(decorations)) });\n      },\n      setMarkedRanges: (ranges) => {\n        const editor = view.current;\n        if (editor === null) return;\n        const decorations = ranges.flatMap((range) => {\n          const [bounded] = boundedEditorRanges(editor.state.doc.length, [range]);\n          if (bounded === undefined || bounded.from === bounded.to) return [];\n          return [\n            Decoration.widget({ widget: new MarkedRangeLabel(range.label), side: -1 }).range(bounded.from),\n            Decoration.mark({\n              class: 'cm-marked-region',\n              attributes: { 'data-author-region': range.label },\n            }).range(bounded.from, bounded.to),\n          ];\n        });\n        editor.dispatch({ effects: setMarkedDecorations.of(Decoration.set(decorations, true)) });\n      },\n      resolveViewportRegion: (rectangle) => {\n        const editor = view.current;\n        return editor === null ? null : resolveEditorViewportRegion(editor, rectangle);\n      },\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const editor = view.current;\n    // A caller that echoes onChange back into `value` would otherwise replace\n    // the document on every keystroke and drop the cursor to the end.\n    if (editor === null || editor.state.doc.toString() === value) return;\n    editor.dispatch({ changes: { from: 0, to: editor.state.doc.length, insert: value } });\n  }, [value]);\n\n  useEffect(() => {\n    view.current?.dispatch({\n      effects: compartments.current.readOnly.reconfigure([\n        EditorState.readOnly.of(readOnly),\n        EditorView.editable.of(!readOnly),\n      ]),\n    });\n  }, [readOnly]);\n\n  useEffect(() => {\n    view.current?.dispatch({\n      effects: compartments.current.wrapping.reconfigure(lineWrapping ? EditorView.lineWrapping : []),\n    });\n  }, [lineWrapping]);\n\n  useEffect(() => {\n    const key = path === undefined ? undefined : grammarKeyOf(path);\n    const { language } = compartments.current;\n    if (key === undefined) {\n      view.current?.dispatch({ effects: language.reconfigure([]) });\n      return;\n    }\n    let cancelled = false;\n    void loadGrammar(key)\n      .then((grammar) => {\n        if (!cancelled) view.current?.dispatch({ effects: language.reconfigure(grammar) });\n      })\n      .catch(() => {\n        // A grammar is a separate chunk over the network, and the cockpit is\n        // often read through a tunnel. Losing it costs syntax colour, not the\n        // file, so fall back to plain text rather than failing the pane.\n        if (!cancelled) view.current?.dispatch({ effects: language.reconfigure([]) });\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [path]);\n\n  return <div ref={host} data-testid={testId} className={cn('min-h-0 overflow-hidden', className)} />;\n}\n"],"mappings":"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"}

package/dist/src/components/Collapsible.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(0,n.jsx)(t.Collapsible.Root,{"data-slot":`collapsible`,...e})}function i(e){return(0,n.jsx)(t.Collapsible.CollapsibleTrigger,{"data-slot":`collapsible-trigger`,...e})}function a({className:r,...i}){return(0,n.jsx)(t.Collapsible.CollapsibleContent,{"data-slot":`collapsible-content`,className:e.cn(`overflow-hidden`,r),...i})}exports.Collapsible=r,exports.CollapsibleContent=a,exports.CollapsibleTrigger=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.Collapsible.Root,{"data-slot":`collapsible`,...e})}function i(e){return/* @__PURE__ */ (0,n.jsx)(t.Collapsible.CollapsibleTrigger,{"data-slot":`collapsible-trigger`,...e})}function a({className:r,...i}){return/* @__PURE__ */ (0,n.jsx)(t.Collapsible.CollapsibleContent,{"data-slot":`collapsible-content`,className:e.cn(`overflow-hidden`,r),...i})}exports.Collapsible=r,exports.CollapsibleContent=a,exports.CollapsibleTrigger=i;
 //# sourceMappingURL=Collapsible.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.cjs","names":["CollapsiblePrimitive","cn"],"sources":["../../../src/components/Collapsible.tsx"],"sourcesContent":["import { Collapsible as CollapsiblePrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\nimport { cn } from '../lib/cn.ts';\n\n/** A section that folds; Radix keeps the trigger's aria-expanded in step with the content. */\nexport function Collapsible(props: ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\nexport function CollapsibleTrigger(props: ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n  return <CollapsiblePrimitive.CollapsibleTrigger data-slot=\"collapsible-trigger\" {...props} />;\n}\n\nexport function CollapsibleContent({\n  className,\n  ...props\n}: ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleContent\n      data-slot=\"collapsible-content\"\n      className={cn('overflow-hidden', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"0FAKA,SAAgB,EAAY,EAAyD,CACnF,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,YAAqB,KAAtB,CAA2B,YAAU,cAAc,GAAI,CAAQ,CAAA,CACxE,CAEA,SAAgB,EAAmB,EAAuE,CACxG,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,YAAqB,mBAAtB,CAAyC,YAAU,sBAAsB,GAAI,CAAQ,CAAA,CAC9F,CAEA,SAAgB,EAAmB,CACjC,YACA,GAAG,GAC8D,CACjE,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,YAAqB,mBAAtB,CACE,YAAU,sBACV,UAAWC,EAAAA,GAAG,kBAAmB,CAAS,EAC1C,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"Collapsible.cjs","names":["CollapsiblePrimitive","cn"],"sources":["../../../src/components/Collapsible.tsx"],"sourcesContent":["import { Collapsible as CollapsiblePrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/** A section that folds; Radix keeps the trigger's aria-expanded in step with the content. */\nexport function Collapsible(props: ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\nexport function CollapsibleTrigger(props: ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n  return <CollapsiblePrimitive.CollapsibleTrigger data-slot=\"collapsible-trigger\" {...props} />;\n}\n\nexport function CollapsibleContent({\n  className,\n  ...props\n}: ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleContent\n      data-slot=\"collapsible-content\"\n      className={cn('overflow-hidden', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"0FAMA,SAAgB,EAAY,EAAyD,CACnF,MAAO,iBAAA,EAAA,EAAA,IAAA,CAACA,EAAAA,YAAqB,KAAtB,CAA2B,YAAU,cAAc,GAAI,CAAQ,CAAA,CACxE,CAEA,SAAgB,EAAmB,EAAuE,CACxG,MAAO,iBAAA,EAAA,EAAA,IAAA,CAACA,EAAAA,YAAqB,mBAAtB,CAAyC,YAAU,sBAAsB,GAAI,CAAQ,CAAA,CAC9F,CAEA,SAAgB,EAAmB,CACjC,YACA,GAAG,GAC8D,CACjE,MACE,iBAAA,EAAA,EAAA,IAAA,CAACA,EAAAA,YAAqB,mBAAtB,CACE,YAAU,sBACV,UAAWC,EAAAA,GAAG,kBAAmB,CAAS,EAC1C,GAAI,CACL,CAAA,CAEL"}

package/dist/src/components/Collapsible.d.mts

@@ -2,9 +2,9 @@ import { Collapsible } from "radix-ui";
 import { ComponentProps } from "react";
 //#region src/components/Collapsible.d.ts
 /** A section that folds; Radix keeps the trigger's aria-expanded in step with the content. */
-declare function Collapsible$1(props: ComponentProps<typeof Collapsible.Root>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleTrigger(props: ComponentProps<typeof Collapsible.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleContent({ className, ...props }: ComponentProps<typeof Collapsible.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
+declare function Collapsible$1(props: ComponentProps<typeof Collapsible.Root>): import("react").JSX.Element;
+export declare function CollapsibleTrigger(props: ComponentProps<typeof Collapsible.CollapsibleTrigger>): import("react").JSX.Element;
+export declare function CollapsibleContent({ className, ...props }: ComponentProps<typeof Collapsible.CollapsibleContent>): import("react").JSX.Element;
 //#endregion
-export { Collapsible$1 as Collapsible, CollapsibleContent, CollapsibleTrigger };
+export { Collapsible$1 as Collapsible };
 //# sourceMappingURL=Collapsible.d.mts.map

package/dist/src/components/Collapsible.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.d.mts","names":[],"sources":["../../../src/components/Collapsible.tsx"],"mappings":";;;;iBAKgB,cAAY,OAAO,sBAAsB,YAAqB,oCAAK,IAAA;iBAInE,mBAAmB,OAAO,sBAAsB,YAAqB,kDAAmB,IAAA;iBAIxF,qBACd,cACG,SACF,sBAAsB,YAAqB,kDAAmB,IAAA"}
+{"version":3,"file":"Collapsible.d.mts","names":[],"sources":["../../../src/components/Collapsible.tsx"],"mappings":";;;;iBAMgB,cAAY,OAAO,sBAAsB,YAAqB,wBAAK,IAAA;wBAInE,mBAAmB,OAAO,sBAAsB,YAAqB,sCAAmB,IAAA;wBAIxF,qBACd,cACG,SACF,sBAAsB,YAAqB,sCAAmB,IAAA"}

package/dist/src/components/Collapsible.mjs

@@ -1,2 +1,2 @@
-import{cn as e}from"../lib/cn.mjs";import{Collapsible as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";function r(e){return n(t.Root,{"data-slot":`collapsible`,...e})}function i(e){return n(t.CollapsibleTrigger,{"data-slot":`collapsible-trigger`,...e})}function a({className:r,...i}){return n(t.CollapsibleContent,{"data-slot":`collapsible-content`,className:e(`overflow-hidden`,r),...i})}export{r as Collapsible,a as CollapsibleContent,i as CollapsibleTrigger};
+import{cn as e}from"../lib/cn.mjs";import{Collapsible as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";function r(e){return/* @__PURE__ */ n(t.Root,{"data-slot":`collapsible`,...e})}function i(e){return/* @__PURE__ */ n(t.CollapsibleTrigger,{"data-slot":`collapsible-trigger`,...e})}function a({className:r,...i}){return/* @__PURE__ */ n(t.CollapsibleContent,{"data-slot":`collapsible-content`,className:e(`overflow-hidden`,r),...i})}export{r as Collapsible,a as CollapsibleContent,i as CollapsibleTrigger};
 //# sourceMappingURL=Collapsible.mjs.map

package/dist/src/components/Collapsible.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.mjs","names":["Collapsible","CollapsiblePrimitive"],"sources":["../../../src/components/Collapsible.tsx"],"sourcesContent":["import { Collapsible as CollapsiblePrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\nimport { cn } from '../lib/cn.ts';\n\n/** A section that folds; Radix keeps the trigger's aria-expanded in step with the content. */\nexport function Collapsible(props: ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\nexport function CollapsibleTrigger(props: ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n  return <CollapsiblePrimitive.CollapsibleTrigger data-slot=\"collapsible-trigger\" {...props} />;\n}\n\nexport function CollapsibleContent({\n  className,\n  ...props\n}: ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleContent\n      data-slot=\"collapsible-content\"\n      className={cn('overflow-hidden', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"kHAKA,SAAgBA,EAAY,EAAyD,CACnF,OAAO,EAACC,EAAqB,KAAtB,CAA2B,YAAU,cAAc,GAAI,CAAQ,CAAA,CACxE,CAEA,SAAgB,EAAmB,EAAuE,CACxG,OAAO,EAACA,EAAqB,mBAAtB,CAAyC,YAAU,sBAAsB,GAAI,CAAQ,CAAA,CAC9F,CAEA,SAAgB,EAAmB,CACjC,YACA,GAAG,GAC8D,CACjE,OACE,EAACA,EAAqB,mBAAtB,CACE,YAAU,sBACV,UAAW,EAAG,kBAAmB,CAAS,EAC1C,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"Collapsible.mjs","names":["Collapsible","CollapsiblePrimitive"],"sources":["../../../src/components/Collapsible.tsx"],"sourcesContent":["import { Collapsible as CollapsiblePrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/** A section that folds; Radix keeps the trigger's aria-expanded in step with the content. */\nexport function Collapsible(props: ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\nexport function CollapsibleTrigger(props: ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n  return <CollapsiblePrimitive.CollapsibleTrigger data-slot=\"collapsible-trigger\" {...props} />;\n}\n\nexport function CollapsibleContent({\n  className,\n  ...props\n}: ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleContent\n      data-slot=\"collapsible-content\"\n      className={cn('overflow-hidden', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"kHAMA,SAAgBA,EAAY,EAAyD,CACnF,MAAO,kBAACC,EAAqB,KAAtB,CAA2B,YAAU,cAAc,GAAI,CAAQ,CAAA,CACxE,CAEA,SAAgB,EAAmB,EAAuE,CACxG,MAAO,kBAACA,EAAqB,mBAAtB,CAAyC,YAAU,sBAAsB,GAAI,CAAQ,CAAA,CAC9F,CAEA,SAAgB,EAAmB,CACjC,YACA,GAAG,GAC8D,CACjE,MACE,kBAACA,EAAqB,mBAAtB,CACE,YAAU,sBACV,UAAW,EAAG,kBAAmB,CAAS,EAC1C,GAAI,CACL,CAAA,CAEL"}

package/dist/src/components/Command.cjs

@@ -1,2 +1,2 @@
-const e=require("../lib/cn.cjs"),t=require("./Dialog.cjs"),n=require("./Input.cjs"),r=require("./OptionList.cjs");let i=require("react/jsx-runtime");function a({open:n,onOpenChange:r,title:a,titleVisible:o=!1,className:s,children:c,width:l=`lg`,...u}){return(0,i.jsx)(t.Dialog,{open:n,onOpenChange:r,children:(0,i.jsxs)(t.DialogContent,{"data-slot":`command-dialog`,width:l,className:e.cn(`max-h-[70vh]`,s),...u,children:[(0,i.jsx)(t.DialogTitle,{className:o?void 0:`sr-only`,children:a}),c]})})}function o({className:t,...n}){return(0,i.jsx)(`div`,{"data-slot":`command-header`,className:e.cn(`flex shrink-0 items-center gap-2 border-b border-doom-border px-3 py-2.5`,t),...n})}function s({className:t,...r}){return(0,i.jsx)(n.Input,{"data-slot":`command-input`,variant:`bare`,autoFocus:!0,autoComplete:`off`,className:e.cn(`flex-1`,t),...r})}function c({className:t,...n}){return(0,i.jsx)(`div`,{role:`listbox`,"data-slot":`command-list`,className:e.cn(`flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto p-1.5`,t),...n})}function l({className:t,...n}){return(0,i.jsx)(`div`,{"data-slot":`command-group`,className:e.cn(`flex flex-col gap-0.5`,t),...n})}function u({className:t,...n}){return(0,i.jsx)(`div`,{"data-slot":`command-group-label`,className:e.cn(`px-2 pt-2 pb-1 text-[8px] font-bold tracking-[0.14em] text-doom-faint uppercase`,t),...n})}function d({density:e=`compact`,...t}){return(0,i.jsx)(r.OptionRow,{"data-slot":`command-item`,density:e,...t})}function f(e){return(0,i.jsx)(r.OptionLabel,{"data-slot":`command-item-label`,density:`compact`,...e})}function p({className:t,...n}){return(0,i.jsx)(`div`,{"data-slot":`command-empty`,className:e.cn(`px-2 py-6 text-center text-[11px] text-doom-faint`,t),...n})}function m({className:t,...n}){return(0,i.jsx)(`div`,{"data-slot":`command-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-[9px] text-doom-faint`,t),...n})}exports.CommandDialog=a,exports.CommandEmpty=p,exports.CommandFooter=m,exports.CommandGroup=l,exports.CommandGroupLabel=u,exports.CommandHeader=o,exports.CommandInput=s,exports.CommandItem=d,exports.CommandItemLabel=f,exports.CommandList=c;
+const e=require("../lib/cn.cjs"),t=require("./Dialog.cjs"),n=require("./Input.cjs"),r=require("./OptionList.cjs");let i=require("react/jsx-runtime");function a({open:n,onOpenChange:r,title:a,titleVisible:o=!1,className:s,children:c,width:l=`lg`,...u}){return/* @__PURE__ */ (0,i.jsx)(t.Dialog,{open:n,onOpenChange:r,children:/* @__PURE__ */ (0,i.jsxs)(t.DialogContent,{"data-slot":`command-dialog`,width:l,className:e.cn(`max-h-[70vh]`,s),...u,children:[/* @__PURE__ */ (0,i.jsx)(t.DialogTitle,{className:o?void 0:`sr-only`,children:a}),c]})})}function o({className:t,...n}){return/* @__PURE__ */ (0,i.jsx)(`div`,{"data-slot":`command-header`,className:e.cn(`flex shrink-0 items-center gap-2 border-b border-doom-border px-3 py-2.5`,t),...n})}function s({className:t,...r}){return/* @__PURE__ */ (0,i.jsx)(n.Input,{"data-slot":`command-input`,variant:`bare`,autoFocus:!0,autoComplete:`off`,className:e.cn(`flex-1`,t),...r})}function c({className:t,...n}){return/* @__PURE__ */ (0,i.jsx)(`div`,{role:`listbox`,"data-slot":`command-list`,className:e.cn(`flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto p-1.5`,t),...n})}function l({className:t,...n}){return/* @__PURE__ */ (0,i.jsx)(`div`,{"data-slot":`command-group`,className:e.cn(`flex flex-col gap-0.5`,t),...n})}function u({className:t,...n}){return/* @__PURE__ */ (0,i.jsx)(`div`,{"data-slot":`command-group-label`,className:e.cn(`px-2 pt-2 pb-1 text-2xs font-bold tracking-wider text-doom-faint uppercase`,t),...n})}function d({density:e=`compact`,...t}){return/* @__PURE__ */ (0,i.jsx)(r.OptionRow,{"data-slot":`command-item`,density:e,...t})}function f(e){return/* @__PURE__ */ (0,i.jsx)(r.OptionLabel,{"data-slot":`command-item-label`,density:`compact`,...e})}function p({className:t,...n}){return/* @__PURE__ */ (0,i.jsx)(`div`,{"data-slot":`command-empty`,className:e.cn(`px-2 py-6 text-center text-sm text-doom-faint`,t),...n})}function m({className:t,...n}){return/* @__PURE__ */ (0,i.jsx)(`div`,{"data-slot":`command-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-2xs text-doom-faint`,t),...n})}exports.CommandDialog=a,exports.CommandEmpty=p,exports.CommandFooter=m,exports.CommandGroup=l,exports.CommandGroupLabel=u,exports.CommandHeader=o,exports.CommandInput=s,exports.CommandItem=d,exports.CommandItemLabel=f,exports.CommandList=c;
 //# sourceMappingURL=Command.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Command.cjs","names":["Dialog","DialogContent","cn","DialogTitle","Input","OptionRow","OptionLabel"],"sources":["../../../src/components/Command.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport { cn } from '../lib/cn.ts';\nimport { Dialog, DialogContent, type DialogContentProps, DialogTitle } from './Dialog.tsx';\nimport { Input, type InputProps } from './Input.tsx';\nimport { OptionLabel, OptionRow, type OptionRowProps } from './OptionList.tsx';\n\n/**\n * The command palette's frame, its search strip, its rows, and its hint.\n *\n * It has no Radix counterpart and it deliberately does no filtering: the\n * surface that opens a palette already knows how to rank its own commands,\n * and a matcher baked in here would be a second, worse one. Built on Dialog,\n * Input, and the option row so a palette and a select popover cannot drift\n * apart, rather than on a new dependency.\n */\n\nexport interface CommandDialogProps extends Omit<DialogContentProps, 'title'> {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Names the dialog for assistive tech; visually hidden unless the palette draws its own heading. */\n  title: ReactNode;\n  titleVisible?: boolean;\n}\n\nexport function CommandDialog({\n  open,\n  onOpenChange,\n  title,\n  titleVisible = false,\n  className,\n  children,\n  width = 'lg',\n  ...props\n}: CommandDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent data-slot=\"command-dialog\" width={width} className={cn('max-h-[70vh]', className)} {...props}>\n        <DialogTitle className={titleVisible ? undefined : 'sr-only'}>{title}</DialogTitle>\n        {children}\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/** The strip the search field sits in. */\nexport function CommandHeader({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-header\"\n      className={cn('flex shrink-0 items-center gap-2 border-b border-doom-border px-3 py-2.5', className)}\n      {...props}\n    />\n  );\n}\n\n/** The search field: bare, because the header already draws the surface. */\nexport function CommandInput({ className, ...props }: InputProps) {\n  return (\n    <Input\n      data-slot=\"command-input\"\n      variant=\"bare\"\n      autoFocus\n      autoComplete=\"off\"\n      className={cn('flex-1', className)}\n      {...props}\n    />\n  );\n}\n\n/** The scrolling body. It is the listbox, so its rows are the options. */\nexport function CommandList({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      role=\"listbox\"\n      data-slot=\"command-list\"\n      className={cn('flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto p-1.5', className)}\n      {...props}\n    />\n  );\n}\n\n/** A labelled run of rows. */\nexport function CommandGroup({ className, ...props }: ComponentProps<'div'>) {\n  return <div data-slot=\"command-group\" className={cn('flex flex-col gap-0.5', className)} {...props} />;\n}\n\nexport function CommandGroupLabel({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-group-label\"\n      className={cn('px-2 pt-2 pb-1 text-[8px] font-bold tracking-[0.14em] text-doom-faint uppercase', className)}\n      {...props}\n    />\n  );\n}\n\n/** One command. Compact by default, since a palette shows many at once. */\nexport function CommandItem({ density = 'compact', ...props }: OptionRowProps) {\n  return <OptionRow data-slot=\"command-item\" density={density} {...props} />;\n}\n\n/** A command's name, taking the width the row has left. */\nexport function CommandItemLabel(props: ComponentProps<'span'>) {\n  return <OptionLabel data-slot=\"command-item-label\" density=\"compact\" {...props} />;\n}\n\n/** What the palette says when nothing matches. */\nexport function CommandEmpty({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-empty\"\n      className={cn('px-2 py-6 text-center text-[11px] text-doom-faint', className)}\n      {...props}\n    />\n  );\n}\n\n/** The hint strip along the bottom: what the keys do. */\nexport function CommandFooter({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-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-[9px] text-doom-faint',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"qJAwBA,SAAgB,EAAc,CAC5B,OACA,eACA,QACA,eAAe,GACf,YACA,WACA,QAAQ,KACR,GAAG,GACkB,CACrB,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAD,CAAc,OAAoB,eAChC,UAAA,EAAA,EAAA,KAAA,CAACC,EAAAA,cAAD,CAAe,YAAU,iBAAwB,QAAO,UAAWC,EAAAA,GAAG,eAAgB,CAAS,EAAG,GAAI,EAAtG,SAAA,EACE,EAAA,EAAA,IAAA,CAACC,EAAAA,YAAD,CAAa,UAAW,EAAe,IAAA,GAAY,UAAY,SAAA,CAAmB,CAAA,EACjF,CACY,GACT,CAAA,CAEZ,CAGA,SAAgB,EAAc,CAAE,YAAW,GAAG,GAAgC,CAC5E,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,iBACV,UAAWD,EAAAA,GAAG,2EAA4E,CAAS,EACnG,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAqB,CAChE,OACE,EAAA,EAAA,IAAA,CAACE,EAAAA,MAAD,CACE,YAAU,gBACV,QAAQ,OACR,UAAA,GACA,aAAa,MACb,UAAWF,EAAAA,GAAG,SAAU,CAAS,EACjC,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAY,CAAE,YAAW,GAAG,GAAgC,CAC1E,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,KAAK,UACL,YAAU,eACV,UAAWA,EAAAA,GAAG,6DAA8D,CAAS,EACrF,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAgC,CAC3E,OAAO,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,gBAAgB,UAAWA,EAAAA,GAAG,wBAAyB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACvG,CAEA,SAAgB,EAAkB,CAAE,YAAW,GAAG,GAAgC,CAChF,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,sBACV,UAAWA,EAAAA,GAAG,kFAAmF,CAAS,EAC1G,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAY,CAAE,UAAU,UAAW,GAAG,GAAyB,CAC7E,OAAO,EAAA,EAAA,IAAA,CAACG,EAAAA,UAAD,CAAW,YAAU,eAAwB,UAAS,GAAI,CAAQ,CAAA,CAC3E,CAGA,SAAgB,EAAiB,EAA+B,CAC9D,OAAO,EAAA,EAAA,IAAA,CAACC,EAAAA,YAAD,CAAa,YAAU,qBAAqB,QAAQ,UAAU,GAAI,CAAQ,CAAA,CACnF,CAGA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAgC,CAC3E,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,gBACV,UAAWJ,EAAAA,GAAG,oDAAqD,CAAS,EAC5E,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAc,CAAE,YAAW,GAAG,GAAgC,CAC5E,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,iBACV,UAAWA,EAAAA,GACT,8IACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"Command.cjs","names":["Dialog","DialogContent","cn","DialogTitle","Input","OptionRow","OptionLabel"],"sources":["../../../src/components/Command.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../lib/cn';\nimport { Dialog, DialogContent, type DialogContentProps, DialogTitle } from './Dialog';\nimport { Input, type InputProps } from './Input';\nimport { OptionLabel, OptionRow, type OptionRowProps } from './OptionList';\n\n/**\n * The command palette's frame, its search strip, its rows, and its hint.\n *\n * It has no Radix counterpart and it deliberately does no filtering: the\n * surface that opens a palette already knows how to rank its own commands,\n * and a matcher baked in here would be a second, worse one. Built on Dialog,\n * Input, and the option row so a palette and a select popover cannot drift\n * apart, rather than on a new dependency.\n */\n\nexport interface CommandDialogProps extends Omit<DialogContentProps, 'title'> {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Names the dialog for assistive tech; visually hidden unless the palette draws its own heading. */\n  title: ReactNode;\n  titleVisible?: boolean;\n}\n\nexport function CommandDialog({\n  open,\n  onOpenChange,\n  title,\n  titleVisible = false,\n  className,\n  children,\n  width = 'lg',\n  ...props\n}: CommandDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent data-slot=\"command-dialog\" width={width} className={cn('max-h-[70vh]', className)} {...props}>\n        <DialogTitle className={titleVisible ? undefined : 'sr-only'}>{title}</DialogTitle>\n        {children}\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/** The strip the search field sits in. */\nexport function CommandHeader({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-header\"\n      className={cn('flex shrink-0 items-center gap-2 border-b border-doom-border px-3 py-2.5', className)}\n      {...props}\n    />\n  );\n}\n\n/** The search field: bare, because the header already draws the surface. */\nexport function CommandInput({ className, ...props }: InputProps) {\n  return (\n    <Input\n      data-slot=\"command-input\"\n      variant=\"bare\"\n      autoFocus\n      autoComplete=\"off\"\n      className={cn('flex-1', className)}\n      {...props}\n    />\n  );\n}\n\n/** The scrolling body. It is the listbox, so its rows are the options. */\nexport function CommandList({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      role=\"listbox\"\n      data-slot=\"command-list\"\n      className={cn('flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto p-1.5', className)}\n      {...props}\n    />\n  );\n}\n\n/** A labelled run of rows. */\nexport function CommandGroup({ className, ...props }: ComponentProps<'div'>) {\n  return <div data-slot=\"command-group\" className={cn('flex flex-col gap-0.5', className)} {...props} />;\n}\n\nexport function CommandGroupLabel({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-group-label\"\n      className={cn('px-2 pt-2 pb-1 text-2xs font-bold tracking-wider text-doom-faint uppercase', className)}\n      {...props}\n    />\n  );\n}\n\n/** One command. Compact by default, since a palette shows many at once. */\nexport function CommandItem({ density = 'compact', ...props }: OptionRowProps) {\n  return <OptionRow data-slot=\"command-item\" density={density} {...props} />;\n}\n\n/** A command's name, taking the width the row has left. */\nexport function CommandItemLabel(props: ComponentProps<'span'>) {\n  return <OptionLabel data-slot=\"command-item-label\" density=\"compact\" {...props} />;\n}\n\n/** What the palette says when nothing matches. */\nexport function CommandEmpty({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-empty\"\n      className={cn('px-2 py-6 text-center text-sm text-doom-faint', className)}\n      {...props}\n    />\n  );\n}\n\n/** The hint strip along the bottom: what the keys do. */\nexport function CommandFooter({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-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-2xs text-doom-faint',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"qJAyBA,SAAgB,EAAc,CAC5B,OACA,eACA,QACA,eAAe,GACf,YACA,WACA,QAAQ,KACR,GAAG,GACkB,CACrB,MACE,iBAAA,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAD,CAAc,OAAoB,eAChC,SAAA,iBAAA,EAAA,EAAA,KAAA,CAACC,EAAAA,cAAD,CAAe,YAAU,iBAAwB,QAAO,UAAWC,EAAAA,GAAG,eAAgB,CAAS,EAAG,GAAI,EAAtG,SAAA,CACE,iBAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,YAAD,CAAa,UAAW,EAAe,IAAA,GAAY,UAAY,SAAA,CAAmB,CAAA,EACjF,CACY,GACT,CAAA,CAEZ,CAGA,SAAgB,EAAc,CAAE,YAAW,GAAG,GAAgC,CAC5E,MACE,iBAAA,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,iBACV,UAAWD,EAAAA,GAAG,2EAA4E,CAAS,EACnG,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAqB,CAChE,MACE,iBAAA,EAAA,EAAA,IAAA,CAACE,EAAAA,MAAD,CACE,YAAU,gBACV,QAAQ,OACR,UAAA,GACA,aAAa,MACb,UAAWF,EAAAA,GAAG,SAAU,CAAS,EACjC,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAY,CAAE,YAAW,GAAG,GAAgC,CAC1E,MACE,iBAAA,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,KAAK,UACL,YAAU,eACV,UAAWA,EAAAA,GAAG,6DAA8D,CAAS,EACrF,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAgC,CAC3E,MAAO,iBAAA,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,gBAAgB,UAAWA,EAAAA,GAAG,wBAAyB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACvG,CAEA,SAAgB,EAAkB,CAAE,YAAW,GAAG,GAAgC,CAChF,MACE,iBAAA,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,sBACV,UAAWA,EAAAA,GAAG,6EAA8E,CAAS,EACrG,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAY,CAAE,UAAU,UAAW,GAAG,GAAyB,CAC7E,MAAO,iBAAA,EAAA,EAAA,IAAA,CAACG,EAAAA,UAAD,CAAW,YAAU,eAAwB,UAAS,GAAI,CAAQ,CAAA,CAC3E,CAGA,SAAgB,EAAiB,EAA+B,CAC9D,MAAO,iBAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,YAAD,CAAa,YAAU,qBAAqB,QAAQ,UAAU,GAAI,CAAQ,CAAA,CACnF,CAGA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAgC,CAC3E,MACE,iBAAA,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,gBACV,UAAWJ,EAAAA,GAAG,gDAAiD,CAAS,EACxE,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAc,CAAE,YAAW,GAAG,GAAgC,CAC5E,MACE,iBAAA,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,iBACV,UAAWA,EAAAA,GACT,4IACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/src/components/Command.d.mts

@@ -12,31 +12,30 @@ import { ComponentProps, ReactNode } from "react";
  * Input, and the option row so a palette and a select popover cannot drift
  * apart, rather than on a new dependency.
  */
-interface CommandDialogProps extends Omit<DialogContentProps, 'title'> {
+export interface CommandDialogProps extends Omit<DialogContentProps, 'title'> {
   open: boolean;
   onOpenChange: (open: boolean) => void;
   /** Names the dialog for assistive tech; visually hidden unless the palette draws its own heading. */
   title: ReactNode;
   titleVisible?: boolean;
 }
-declare function CommandDialog({ open, onOpenChange, title, titleVisible, className, children, width, ...props }: CommandDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommandDialog({ open, onOpenChange, title, titleVisible, className, children, width, ...props }: CommandDialogProps): import("react").JSX.Element;
 /** The strip the search field sits in. */
-declare function CommandHeader({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function CommandHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
 /** The search field: bare, because the header already draws the surface. */
-declare function CommandInput({ className, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommandInput({ className, ...props }: InputProps): import("react").JSX.Element;
 /** The scrolling body. It is the listbox, so its rows are the options. */
-declare function CommandList({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function CommandList({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
 /** A labelled run of rows. */
-declare function CommandGroup({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function CommandGroupLabel({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function CommandGroup({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function CommandGroupLabel({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
 /** One command. Compact by default, since a palette shows many at once. */
-declare function CommandItem({ density, ...props }: OptionRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommandItem({ density, ...props }: OptionRowProps): import("react").JSX.Element;
 /** A command's name, taking the width the row has left. */
-declare function CommandItemLabel(props: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+export declare function CommandItemLabel(props: ComponentProps<'span'>): import("react").JSX.Element;
 /** What the palette says when nothing matches. */
-declare function CommandEmpty({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function CommandEmpty({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
 /** The hint strip along the bottom: what the keys do. */
-declare function CommandFooter({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function CommandFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
 //#endregion
-export { CommandDialog, CommandDialogProps, CommandEmpty, CommandFooter, CommandGroup, CommandGroupLabel, CommandHeader, CommandInput, CommandItem, CommandItemLabel, CommandList };
 //# sourceMappingURL=Command.d.mts.map

package/dist/src/components/Command.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Command.d.mts","names":[],"sources":["../../../src/components/Command.tsx"],"mappings":";;;;;;;;;;;;;;UAgBiB,2BAA2B,KAAK;EAC/C;EACA,eAAe;;EAEf,OAAO;EACP;;iBAGc,gBACd,MACA,cACA,OACA,cACA,WACA,UACA,UACG,SACF,iDAAkB,IAAA;;iBAYL,gBAAgB,cAAc,SAAS,oDAAqB,IAAA;;iBAW5D,eAAe,cAAc,SAAS,yCAAU,IAAA;;iBAchD,cAAc,cAAc,SAAS,oDAAqB,IAAA;;iBAY1D,eAAe,cAAc,SAAS,oDAAqB,IAAA;iBAI3D,oBAAoB,cAAc,SAAS,oDAAqB,IAAA;;iBAWhE,cAAc,YAAwB,SAAS,6CAAc,IAAA;;iBAK7D,iBAAiB,OAAO,qDAAsB,IAAA;;iBAK9C,eAAe,cAAc,SAAS,oDAAqB,IAAA;;iBAW3D,gBAAgB,cAAc,SAAS,oDAAqB,IAAA"}
+{"version":3,"file":"Command.d.mts","names":[],"sources":["../../../src/components/Command.tsx"],"mappings":";;;;;;;;;;;;;;iBAiBiB,2BAA2B,KAAK;EAC/C;EACA,eAAe;;EAEf,OAAO;EACP;;wBAGc,gBACd,MACA,cACA,OACA,cACA,WACA,UACA,UACG,SACF,qCAAkB,IAAA;;wBAYL,gBAAgB,cAAc,SAAS,wCAAqB,IAAA;;wBAW5D,eAAe,cAAc,SAAS,6BAAU,IAAA;;wBAchD,cAAc,cAAc,SAAS,wCAAqB,IAAA;;wBAY1D,eAAe,cAAc,SAAS,wCAAqB,IAAA;wBAI3D,oBAAoB,cAAc,SAAS,wCAAqB,IAAA;;wBAWhE,cAAc,YAAwB,SAAS,iCAAc,IAAA;;wBAK7D,iBAAiB,OAAO,yCAAsB,IAAA;;wBAK9C,eAAe,cAAc,SAAS,wCAAqB,IAAA;;wBAW3D,gBAAgB,cAAc,SAAS,wCAAqB,IAAA"}

package/dist/src/components/Command.mjs

@@ -1,2 +1,2 @@
-import{cn as e}from"../lib/cn.mjs";import{Dialog as t,DialogContent as n,DialogTitle as r}from"./Dialog.mjs";import{Input as i}from"./Input.mjs";import{OptionLabel as a,OptionRow as o}from"./OptionList.mjs";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l({open:i,onOpenChange:a,title:o,titleVisible:l=!1,className:u,children:d,width:f=`lg`,...p}){return s(t,{open:i,onOpenChange:a,children:c(n,{"data-slot":`command-dialog`,width:f,className:e(`max-h-[70vh]`,u),...p,children:[s(r,{className:l?void 0:`sr-only`,children:o}),d]})})}function u({className:t,...n}){return s(`div`,{"data-slot":`command-header`,className:e(`flex shrink-0 items-center gap-2 border-b border-doom-border px-3 py-2.5`,t),...n})}function d({className:t,...n}){return s(i,{"data-slot":`command-input`,variant:`bare`,autoFocus:!0,autoComplete:`off`,className:e(`flex-1`,t),...n})}function f({className:t,...n}){return s(`div`,{role:`listbox`,"data-slot":`command-list`,className:e(`flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto p-1.5`,t),...n})}function p({className:t,...n}){return s(`div`,{"data-slot":`command-group`,className:e(`flex flex-col gap-0.5`,t),...n})}function m({className:t,...n}){return s(`div`,{"data-slot":`command-group-label`,className:e(`px-2 pt-2 pb-1 text-[8px] font-bold tracking-[0.14em] text-doom-faint uppercase`,t),...n})}function h({density:e=`compact`,...t}){return s(o,{"data-slot":`command-item`,density:e,...t})}function g(e){return s(a,{"data-slot":`command-item-label`,density:`compact`,...e})}function _({className:t,...n}){return s(`div`,{"data-slot":`command-empty`,className:e(`px-2 py-6 text-center text-[11px] text-doom-faint`,t),...n})}function v({className:t,...n}){return s(`div`,{"data-slot":`command-footer`,className:e(`flex min-h-[30px] shrink-0 items-center justify-between gap-3 border-t border-doom-border-soft bg-doom-deep px-3 text-[9px] text-doom-faint`,t),...n})}export{l as CommandDialog,_ as CommandEmpty,v as CommandFooter,p as CommandGroup,m as CommandGroupLabel,u as CommandHeader,d as CommandInput,h as CommandItem,g as CommandItemLabel,f as CommandList};
+import{cn as e}from"../lib/cn.mjs";import{Dialog as t,DialogContent as n,DialogTitle as r}from"./Dialog.mjs";import{Input as i}from"./Input.mjs";import{OptionLabel as a,OptionRow as o}from"./OptionList.mjs";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l({open:i,onOpenChange:a,title:o,titleVisible:l=!1,className:u,children:d,width:f=`lg`,...p}){return/* @__PURE__ */ s(t,{open:i,onOpenChange:a,children:/* @__PURE__ */ c(n,{"data-slot":`command-dialog`,width:f,className:e(`max-h-[70vh]`,u),...p,children:[/* @__PURE__ */ s(r,{className:l?void 0:`sr-only`,children:o}),d]})})}function u({className:t,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`command-header`,className:e(`flex shrink-0 items-center gap-2 border-b border-doom-border px-3 py-2.5`,t),...n})}function d({className:t,...n}){return/* @__PURE__ */ s(i,{"data-slot":`command-input`,variant:`bare`,autoFocus:!0,autoComplete:`off`,className:e(`flex-1`,t),...n})}function f({className:t,...n}){return/* @__PURE__ */ s(`div`,{role:`listbox`,"data-slot":`command-list`,className:e(`flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto p-1.5`,t),...n})}function p({className:t,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`command-group`,className:e(`flex flex-col gap-0.5`,t),...n})}function m({className:t,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`command-group-label`,className:e(`px-2 pt-2 pb-1 text-2xs font-bold tracking-wider text-doom-faint uppercase`,t),...n})}function h({density:e=`compact`,...t}){return/* @__PURE__ */ s(o,{"data-slot":`command-item`,density:e,...t})}function g(e){return/* @__PURE__ */ s(a,{"data-slot":`command-item-label`,density:`compact`,...e})}function _({className:t,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`command-empty`,className:e(`px-2 py-6 text-center text-sm text-doom-faint`,t),...n})}function v({className:t,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`command-footer`,className:e(`flex min-h-[30px] shrink-0 items-center justify-between gap-3 border-t border-doom-border-soft bg-doom-deep px-3 text-2xs text-doom-faint`,t),...n})}export{l as CommandDialog,_ as CommandEmpty,v as CommandFooter,p as CommandGroup,m as CommandGroupLabel,u as CommandHeader,d as CommandInput,h as CommandItem,g as CommandItemLabel,f as CommandList};
 //# sourceMappingURL=Command.mjs.map

package/dist/src/components/Command.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Command.mjs","names":[],"sources":["../../../src/components/Command.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport { cn } from '../lib/cn.ts';\nimport { Dialog, DialogContent, type DialogContentProps, DialogTitle } from './Dialog.tsx';\nimport { Input, type InputProps } from './Input.tsx';\nimport { OptionLabel, OptionRow, type OptionRowProps } from './OptionList.tsx';\n\n/**\n * The command palette's frame, its search strip, its rows, and its hint.\n *\n * It has no Radix counterpart and it deliberately does no filtering: the\n * surface that opens a palette already knows how to rank its own commands,\n * and a matcher baked in here would be a second, worse one. Built on Dialog,\n * Input, and the option row so a palette and a select popover cannot drift\n * apart, rather than on a new dependency.\n */\n\nexport interface CommandDialogProps extends Omit<DialogContentProps, 'title'> {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Names the dialog for assistive tech; visually hidden unless the palette draws its own heading. */\n  title: ReactNode;\n  titleVisible?: boolean;\n}\n\nexport function CommandDialog({\n  open,\n  onOpenChange,\n  title,\n  titleVisible = false,\n  className,\n  children,\n  width = 'lg',\n  ...props\n}: CommandDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent data-slot=\"command-dialog\" width={width} className={cn('max-h-[70vh]', className)} {...props}>\n        <DialogTitle className={titleVisible ? undefined : 'sr-only'}>{title}</DialogTitle>\n        {children}\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/** The strip the search field sits in. */\nexport function CommandHeader({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-header\"\n      className={cn('flex shrink-0 items-center gap-2 border-b border-doom-border px-3 py-2.5', className)}\n      {...props}\n    />\n  );\n}\n\n/** The search field: bare, because the header already draws the surface. */\nexport function CommandInput({ className, ...props }: InputProps) {\n  return (\n    <Input\n      data-slot=\"command-input\"\n      variant=\"bare\"\n      autoFocus\n      autoComplete=\"off\"\n      className={cn('flex-1', className)}\n      {...props}\n    />\n  );\n}\n\n/** The scrolling body. It is the listbox, so its rows are the options. */\nexport function CommandList({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      role=\"listbox\"\n      data-slot=\"command-list\"\n      className={cn('flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto p-1.5', className)}\n      {...props}\n    />\n  );\n}\n\n/** A labelled run of rows. */\nexport function CommandGroup({ className, ...props }: ComponentProps<'div'>) {\n  return <div data-slot=\"command-group\" className={cn('flex flex-col gap-0.5', className)} {...props} />;\n}\n\nexport function CommandGroupLabel({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-group-label\"\n      className={cn('px-2 pt-2 pb-1 text-[8px] font-bold tracking-[0.14em] text-doom-faint uppercase', className)}\n      {...props}\n    />\n  );\n}\n\n/** One command. Compact by default, since a palette shows many at once. */\nexport function CommandItem({ density = 'compact', ...props }: OptionRowProps) {\n  return <OptionRow data-slot=\"command-item\" density={density} {...props} />;\n}\n\n/** A command's name, taking the width the row has left. */\nexport function CommandItemLabel(props: ComponentProps<'span'>) {\n  return <OptionLabel data-slot=\"command-item-label\" density=\"compact\" {...props} />;\n}\n\n/** What the palette says when nothing matches. */\nexport function CommandEmpty({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-empty\"\n      className={cn('px-2 py-6 text-center text-[11px] text-doom-faint', className)}\n      {...props}\n    />\n  );\n}\n\n/** The hint strip along the bottom: what the keys do. */\nexport function CommandFooter({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-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-[9px] text-doom-faint',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"iQAwBA,SAAgB,EAAc,CAC5B,OACA,eACA,QACA,eAAe,GACf,YACA,WACA,QAAQ,KACR,GAAG,GACkB,CACrB,OACE,EAAC,EAAD,CAAc,OAAoB,eAChC,SAAA,EAAC,EAAD,CAAe,YAAU,iBAAwB,QAAO,UAAW,EAAG,eAAgB,CAAS,EAAG,GAAI,EAAtG,SAAA,CACE,EAAC,EAAD,CAAa,UAAW,EAAe,IAAA,GAAY,UAAY,SAAA,CAAmB,CAAA,EACjF,CACY,GACT,CAAA,CAEZ,CAGA,SAAgB,EAAc,CAAE,YAAW,GAAG,GAAgC,CAC5E,OACE,EAAC,MAAD,CACE,YAAU,iBACV,UAAW,EAAG,2EAA4E,CAAS,EACnG,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAqB,CAChE,OACE,EAAC,EAAD,CACE,YAAU,gBACV,QAAQ,OACR,UAAA,GACA,aAAa,MACb,UAAW,EAAG,SAAU,CAAS,EACjC,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAY,CAAE,YAAW,GAAG,GAAgC,CAC1E,OACE,EAAC,MAAD,CACE,KAAK,UACL,YAAU,eACV,UAAW,EAAG,6DAA8D,CAAS,EACrF,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAgC,CAC3E,OAAO,EAAC,MAAD,CAAK,YAAU,gBAAgB,UAAW,EAAG,wBAAyB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACvG,CAEA,SAAgB,EAAkB,CAAE,YAAW,GAAG,GAAgC,CAChF,OACE,EAAC,MAAD,CACE,YAAU,sBACV,UAAW,EAAG,kFAAmF,CAAS,EAC1G,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAY,CAAE,UAAU,UAAW,GAAG,GAAyB,CAC7E,OAAO,EAAC,EAAD,CAAW,YAAU,eAAwB,UAAS,GAAI,CAAQ,CAAA,CAC3E,CAGA,SAAgB,EAAiB,EAA+B,CAC9D,OAAO,EAAC,EAAD,CAAa,YAAU,qBAAqB,QAAQ,UAAU,GAAI,CAAQ,CAAA,CACnF,CAGA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAgC,CAC3E,OACE,EAAC,MAAD,CACE,YAAU,gBACV,UAAW,EAAG,oDAAqD,CAAS,EAC5E,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAc,CAAE,YAAW,GAAG,GAAgC,CAC5E,OACE,EAAC,MAAD,CACE,YAAU,iBACV,UAAW,EACT,8IACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"Command.mjs","names":[],"sources":["../../../src/components/Command.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../lib/cn';\nimport { Dialog, DialogContent, type DialogContentProps, DialogTitle } from './Dialog';\nimport { Input, type InputProps } from './Input';\nimport { OptionLabel, OptionRow, type OptionRowProps } from './OptionList';\n\n/**\n * The command palette's frame, its search strip, its rows, and its hint.\n *\n * It has no Radix counterpart and it deliberately does no filtering: the\n * surface that opens a palette already knows how to rank its own commands,\n * and a matcher baked in here would be a second, worse one. Built on Dialog,\n * Input, and the option row so a palette and a select popover cannot drift\n * apart, rather than on a new dependency.\n */\n\nexport interface CommandDialogProps extends Omit<DialogContentProps, 'title'> {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Names the dialog for assistive tech; visually hidden unless the palette draws its own heading. */\n  title: ReactNode;\n  titleVisible?: boolean;\n}\n\nexport function CommandDialog({\n  open,\n  onOpenChange,\n  title,\n  titleVisible = false,\n  className,\n  children,\n  width = 'lg',\n  ...props\n}: CommandDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent data-slot=\"command-dialog\" width={width} className={cn('max-h-[70vh]', className)} {...props}>\n        <DialogTitle className={titleVisible ? undefined : 'sr-only'}>{title}</DialogTitle>\n        {children}\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/** The strip the search field sits in. */\nexport function CommandHeader({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-header\"\n      className={cn('flex shrink-0 items-center gap-2 border-b border-doom-border px-3 py-2.5', className)}\n      {...props}\n    />\n  );\n}\n\n/** The search field: bare, because the header already draws the surface. */\nexport function CommandInput({ className, ...props }: InputProps) {\n  return (\n    <Input\n      data-slot=\"command-input\"\n      variant=\"bare\"\n      autoFocus\n      autoComplete=\"off\"\n      className={cn('flex-1', className)}\n      {...props}\n    />\n  );\n}\n\n/** The scrolling body. It is the listbox, so its rows are the options. */\nexport function CommandList({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      role=\"listbox\"\n      data-slot=\"command-list\"\n      className={cn('flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto p-1.5', className)}\n      {...props}\n    />\n  );\n}\n\n/** A labelled run of rows. */\nexport function CommandGroup({ className, ...props }: ComponentProps<'div'>) {\n  return <div data-slot=\"command-group\" className={cn('flex flex-col gap-0.5', className)} {...props} />;\n}\n\nexport function CommandGroupLabel({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-group-label\"\n      className={cn('px-2 pt-2 pb-1 text-2xs font-bold tracking-wider text-doom-faint uppercase', className)}\n      {...props}\n    />\n  );\n}\n\n/** One command. Compact by default, since a palette shows many at once. */\nexport function CommandItem({ density = 'compact', ...props }: OptionRowProps) {\n  return <OptionRow data-slot=\"command-item\" density={density} {...props} />;\n}\n\n/** A command's name, taking the width the row has left. */\nexport function CommandItemLabel(props: ComponentProps<'span'>) {\n  return <OptionLabel data-slot=\"command-item-label\" density=\"compact\" {...props} />;\n}\n\n/** What the palette says when nothing matches. */\nexport function CommandEmpty({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-empty\"\n      className={cn('px-2 py-6 text-center text-sm text-doom-faint', className)}\n      {...props}\n    />\n  );\n}\n\n/** The hint strip along the bottom: what the keys do. */\nexport function CommandFooter({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-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-2xs text-doom-faint',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"iQAyBA,SAAgB,EAAc,CAC5B,OACA,eACA,QACA,eAAe,GACf,YACA,WACA,QAAQ,KACR,GAAG,GACkB,CACrB,MACE,kBAAC,EAAD,CAAc,OAAoB,eAChC,SAAA,kBAAC,EAAD,CAAe,YAAU,iBAAwB,QAAO,UAAW,EAAG,eAAgB,CAAS,EAAG,GAAI,EAAtG,SAAA,CACE,kBAAC,EAAD,CAAa,UAAW,EAAe,IAAA,GAAY,UAAY,SAAA,CAAmB,CAAA,EACjF,CACY,GACT,CAAA,CAEZ,CAGA,SAAgB,EAAc,CAAE,YAAW,GAAG,GAAgC,CAC5E,MACE,kBAAC,MAAD,CACE,YAAU,iBACV,UAAW,EAAG,2EAA4E,CAAS,EACnG,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAqB,CAChE,MACE,kBAAC,EAAD,CACE,YAAU,gBACV,QAAQ,OACR,UAAA,GACA,aAAa,MACb,UAAW,EAAG,SAAU,CAAS,EACjC,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAY,CAAE,YAAW,GAAG,GAAgC,CAC1E,MACE,kBAAC,MAAD,CACE,KAAK,UACL,YAAU,eACV,UAAW,EAAG,6DAA8D,CAAS,EACrF,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAgC,CAC3E,MAAO,kBAAC,MAAD,CAAK,YAAU,gBAAgB,UAAW,EAAG,wBAAyB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACvG,CAEA,SAAgB,EAAkB,CAAE,YAAW,GAAG,GAAgC,CAChF,MACE,kBAAC,MAAD,CACE,YAAU,sBACV,UAAW,EAAG,6EAA8E,CAAS,EACrG,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAY,CAAE,UAAU,UAAW,GAAG,GAAyB,CAC7E,MAAO,kBAAC,EAAD,CAAW,YAAU,eAAwB,UAAS,GAAI,CAAQ,CAAA,CAC3E,CAGA,SAAgB,EAAiB,EAA+B,CAC9D,MAAO,kBAAC,EAAD,CAAa,YAAU,qBAAqB,QAAQ,UAAU,GAAI,CAAQ,CAAA,CACnF,CAGA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAgC,CAC3E,MACE,kBAAC,MAAD,CACE,YAAU,gBACV,UAAW,EAAG,gDAAiD,CAAS,EACxE,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAc,CAAE,YAAW,GAAG,GAAgC,CAC5E,MACE,kBAAC,MAAD,CACE,YAAU,iBACV,UAAW,EACT,4IACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/src/components/CopyButton.cjs

@@ -0,0 +1,2 @@
+require("../icons/icons.cjs");const e=require("../lib/cn.cjs"),t=require("./Button.cjs");let n=require("react/jsx-runtime"),r=require("react"),i=require("lucide-react");const a={idle:`copy`,copied:`copied`,failed:`copying was blocked by the browser`};function o({text:o,className:s}){let[c,l]=(0,r.useState)(`idle`);(0,r.useEffect)(()=>{if(c===`idle`)return;let e=setTimeout(()=>l(`idle`),1500);return()=>clearTimeout(e)},[c]);let u=(0,r.useCallback)(()=>{navigator.clipboard.writeText(o).then(()=>l(`copied`),()=>l(`failed`))},[o]),d=a[c];return/* @__PURE__ */ (0,n.jsx)(t.Button,{type:`button`,variant:`ghost`,size:`icon`,"data-testid":`copy-button`,"data-state":c,title:d,"aria-label":d,onClick:u,className:e.cn(`opacity-60 hover:opacity-100`,s),children:c===`copied`?/* @__PURE__ */ (0,n.jsx)(i.Check,{className:`size-3 text-doom-green`}):/* @__PURE__ */ (0,n.jsx)(i.Copy,{className:`size-3`})})}exports.CopyButton=o;
+//# sourceMappingURL=CopyButton.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.cjs","names":["useState","useCallback","Button","cn","CheckIcon","CopyIcon"],"sources":["../../../src/components/CopyButton.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport { CheckIcon, CopyIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\nimport { Button } from './Button';\n\n/**\n * Puts a piece of text on the clipboard and says so.\n *\n * DESIGN PATTERNS:\n * - Always visible, dimmed. Half the cockpit's surfaces are touched rather\n *   than pointed at, and a control revealed by hover does not exist there.\n * - A refused clipboard is a state, not a crash: the label says the browser\n *   blocked it and the text is still there to select by hand.\n */\n\n/** How long the control stays acknowledged before returning to its icon. */\nconst FEEDBACK_MS = 1500;\n\ntype CopyState = 'idle' | 'copied' | 'failed';\n\nconst LABELS: Readonly<Record<CopyState, string>> = {\n  idle: 'copy',\n  copied: 'copied',\n  failed: 'copying was blocked by the browser',\n};\n\nexport interface CopyButtonProps {\n  /** What lands on the clipboard. */\n  text: string;\n  className?: string | undefined;\n}\n\nexport function CopyButton({ text, className }: CopyButtonProps) {\n  const [state, setState] = useState<CopyState>('idle');\n\n  useEffect(() => {\n    if (state === 'idle') return;\n    const timer = setTimeout(() => setState('idle'), FEEDBACK_MS);\n    return () => clearTimeout(timer);\n  }, [state]);\n\n  const copy = useCallback(() => {\n    void navigator.clipboard.writeText(text).then(\n      () => setState('copied'),\n      () => setState('failed'),\n    );\n  }, [text]);\n\n  const label = LABELS[state];\n  return (\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon\"\n      data-testid=\"copy-button\"\n      data-state={state}\n      title={label}\n      aria-label={label}\n      onClick={copy}\n      className={cn('opacity-60 hover:opacity-100', className)}\n    >\n      {state === 'copied' ? <CheckIcon className=\"size-3 text-doom-green\" /> : <CopyIcon className=\"size-3\" />}\n    </Button>\n  );\n}\n"],"mappings":"yKAiBA,MAIM,EAA8C,CAClD,KAAM,OACN,OAAQ,SACR,OAAQ,oCACV,EAQA,SAAgB,EAAW,CAAE,OAAM,aAA8B,CAC/D,GAAM,CAAC,EAAO,IAAA,EAAYA,EAAAA,SAAAA,CAAoB,MAAM,GAEpD,EAAA,EAAA,UAAA,KAAgB,CACd,GAAI,IAAU,OAAQ,OACtB,IAAM,EAAQ,eAAiB,EAAS,MAAM,EAAG,IAAW,EAC5D,UAAa,aAAa,CAAK,CACjC,EAAG,CAAC,CAAK,CAAC,EAEV,IAAM,GAAA,EAAOC,EAAAA,YAAAA,KAAkB,CAC7B,UAAe,UAAU,UAAU,CAAI,CAAC,CAAC,SACjC,EAAS,QAAQ,MACjB,EAAS,QAAQ,CACzB,CACF,EAAG,CAAC,CAAI,CAAC,EAEH,EAAQ,EAAO,GACrB,MACE,iBAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,OAAD,CACE,KAAK,SACL,QAAQ,QACR,KAAK,OACL,cAAY,cACZ,aAAY,EACZ,MAAO,EACP,aAAY,EACZ,QAAS,EACT,UAAWC,EAAAA,GAAG,+BAAgC,CAAS,EAEtD,SAAA,IAAU,SAAW,iBAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,MAAD,CAAW,UAAU,wBAA0B,CAAA,EAAI,iBAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,KAAD,CAAU,UAAU,QAAU,CAAA,CACjG,CAAA,CAEZ"}

package/dist/src/components/CopyButton.mjs

@@ -0,0 +1,2 @@
+import{CheckIcon as e,CopyIcon as t}from"../icons/icons.mjs";import{cn as n}from"../lib/cn.mjs";import{Button as r}from"./Button.mjs";import{jsx as i}from"react/jsx-runtime";import{useCallback as a,useEffect as o,useState as s}from"react";const c={idle:`copy`,copied:`copied`,failed:`copying was blocked by the browser`};function l({text:l,className:u}){let[d,f]=s(`idle`);o(()=>{if(d===`idle`)return;let e=setTimeout(()=>f(`idle`),1500);return()=>clearTimeout(e)},[d]);let p=a(()=>{navigator.clipboard.writeText(l).then(()=>f(`copied`),()=>f(`failed`))},[l]),m=c[d];return/* @__PURE__ */ i(r,{type:`button`,variant:`ghost`,size:`icon`,"data-testid":`copy-button`,"data-state":d,title:m,"aria-label":m,onClick:p,className:n(`opacity-60 hover:opacity-100`,u),children:d===`copied`?/* @__PURE__ */ i(e,{className:`size-3 text-doom-green`}):/* @__PURE__ */ i(t,{className:`size-3`})})}export{l as CopyButton};
+//# sourceMappingURL=CopyButton.mjs.map

package/dist/src/components/CopyButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.mjs","names":[],"sources":["../../../src/components/CopyButton.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport { CheckIcon, CopyIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\nimport { Button } from './Button';\n\n/**\n * Puts a piece of text on the clipboard and says so.\n *\n * DESIGN PATTERNS:\n * - Always visible, dimmed. Half the cockpit's surfaces are touched rather\n *   than pointed at, and a control revealed by hover does not exist there.\n * - A refused clipboard is a state, not a crash: the label says the browser\n *   blocked it and the text is still there to select by hand.\n */\n\n/** How long the control stays acknowledged before returning to its icon. */\nconst FEEDBACK_MS = 1500;\n\ntype CopyState = 'idle' | 'copied' | 'failed';\n\nconst LABELS: Readonly<Record<CopyState, string>> = {\n  idle: 'copy',\n  copied: 'copied',\n  failed: 'copying was blocked by the browser',\n};\n\nexport interface CopyButtonProps {\n  /** What lands on the clipboard. */\n  text: string;\n  className?: string | undefined;\n}\n\nexport function CopyButton({ text, className }: CopyButtonProps) {\n  const [state, setState] = useState<CopyState>('idle');\n\n  useEffect(() => {\n    if (state === 'idle') return;\n    const timer = setTimeout(() => setState('idle'), FEEDBACK_MS);\n    return () => clearTimeout(timer);\n  }, [state]);\n\n  const copy = useCallback(() => {\n    void navigator.clipboard.writeText(text).then(\n      () => setState('copied'),\n      () => setState('failed'),\n    );\n  }, [text]);\n\n  const label = LABELS[state];\n  return (\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon\"\n      data-testid=\"copy-button\"\n      data-state={state}\n      title={label}\n      aria-label={label}\n      onClick={copy}\n      className={cn('opacity-60 hover:opacity-100', className)}\n    >\n      {state === 'copied' ? <CheckIcon className=\"size-3 text-doom-green\" /> : <CopyIcon className=\"size-3\" />}\n    </Button>\n  );\n}\n"],"mappings":"+OAiBA,MAIM,EAA8C,CAClD,KAAM,OACN,OAAQ,SACR,OAAQ,oCACV,EAQA,SAAgB,EAAW,CAAE,OAAM,aAA8B,CAC/D,GAAM,CAAC,EAAO,GAAY,EAAoB,MAAM,EAEpD,MAAgB,CACd,GAAI,IAAU,OAAQ,OACtB,IAAM,EAAQ,eAAiB,EAAS,MAAM,EAAG,IAAW,EAC5D,UAAa,aAAa,CAAK,CACjC,EAAG,CAAC,CAAK,CAAC,EAEV,IAAM,EAAO,MAAkB,CAC7B,UAAe,UAAU,UAAU,CAAI,CAAC,CAAC,SACjC,EAAS,QAAQ,MACjB,EAAS,QAAQ,CACzB,CACF,EAAG,CAAC,CAAI,CAAC,EAEH,EAAQ,EAAO,GACrB,MACE,kBAAC,EAAD,CACE,KAAK,SACL,QAAQ,QACR,KAAK,OACL,cAAY,cACZ,aAAY,EACZ,MAAO,EACP,aAAY,EACZ,QAAS,EACT,UAAW,EAAG,+BAAgC,CAAS,EAEtD,SAAA,IAAU,SAAW,kBAAC,EAAD,CAAW,UAAU,wBAA0B,CAAA,EAAI,kBAAC,EAAD,CAAU,UAAU,QAAU,CAAA,CACjG,CAAA,CAEZ"}

package/dist/src/components/Dialog.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("class-variance-authority"),a=require("lucide-react");function o(e){return(0,r.jsx)(n.Dialog.Root,{"data-slot":`dialog`,...e})}function s(e){return(0,r.jsx)(n.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function c(e){return(0,r.jsx)(n.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function l(e){return(0,r.jsx)(n.Dialog.Close,{"data-slot":`dialog-close`,...e})}function u({className:t,...i}){return(0,r.jsx)(n.Dialog.Overlay,{"data-slot":`dialog-overlay`,className:e.cn(`fixed inset-0 z-40 bg-doom-deep/70 data-[state=open]:animate-doom-fade`,t),...i})}const d={sm:`w-[360px]`,md:`w-[480px]`,lg:`w-[620px]`};function f({className:t,children:i,width:a=`md`,...o}){return(0,r.jsxs)(c,{children:[(0,r.jsx)(u,{}),(0,r.jsx)(n.Dialog.Content,{"data-slot":`dialog-content`,className:e.cn(`fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-24px)] max-w-[calc(100vw-24px)] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-lg border border-doom-border bg-doom-panel font-mono shadow-2xl outline-none data-[state=open]:animate-doom-pop`,d[a],t),...o,children:i})]})}function p({className:i,dismissible:o=!1,closeLabel:s=`close`,children:c,...l}){return(0,r.jsxs)(`div`,{"data-slot":`dialog-header`,className:e.cn(`flex min-w-0 items-center justify-between gap-3 border-b border-doom-border px-3 py-3 sm:px-4`,i),...l,children:[c,o?(0,r.jsx)(n.Dialog.Close,{asChild:!0,children:(0,r.jsx)(t.Button,{variant:`ghost`,size:`icon`,"aria-label":s,className:`text-doom-faint hover:text-doom-hi`,children:(0,r.jsx)(a.X,{className:`h-3 w-3`})})}):null]})}function m({className:t,...i}){return(0,r.jsx)(n.Dialog.Title,{"data-slot":`dialog-title`,className:e.cn(`text-[12px] font-bold tracking-wide text-doom-hi`,t),...i})}function h({className:t,...i}){return(0,r.jsx)(n.Dialog.Description,{"data-slot":`dialog-description`,className:e.cn(`text-[11px] leading-relaxed text-doom-dim`,t),...i})}function g({className:t,...n}){return(0,r.jsx)(`div`,{"data-slot":`dialog-body`,className:e.cn(`flex min-h-0 flex-col gap-3 overflow-y-auto px-3 py-3 sm:px-4 sm:py-4`,t),...n})}const _=(0,i.cva)(`flex shrink-0 items-center gap-2`,{variants:{variant:{plain:`justify-end`,bar:`min-h-[34px] flex-wrap justify-between border-t border-doom-border-soft bg-doom-deep px-3 py-1.5 sm:flex-nowrap sm:px-4 sm:py-0`}},defaultVariants:{variant:`plain`}});function v({className:t,variant:n,...i}){return(0,r.jsx)(`div`,{"data-slot":`dialog-footer`,className:e.cn(_({variant:n}),t),...i})}exports.Dialog=o,exports.DialogBody=g,exports.DialogClose=l,exports.DialogContent=f,exports.DialogDescription=h,exports.DialogFooter=v,exports.DialogHeader=p,exports.DialogOverlay=u,exports.DialogPortal=c,exports.DialogTitle=m,exports.DialogTrigger=s,exports.dialogFooterVariants=_;
+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("react"),a=require("class-variance-authority"),o=require("lucide-react");const s=(0,i.createContext)(void 0);function c(e){let t=e.onOpenChange===void 0?void 0:t=>e.onOpenChange?.(t);return/* @__PURE__ */ (0,r.jsx)(s.Provider,{value:t,children:/* @__PURE__ */ (0,r.jsx)(n.Dialog.Root,{"data-slot":`dialog`,...e,onOpenChange:t})})}function l(e){return/* @__PURE__ */ (0,r.jsx)(n.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function u(e){return/* @__PURE__ */ (0,r.jsx)(n.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function d(e){return/* @__PURE__ */ (0,r.jsx)(n.Dialog.Close,{"data-slot":`dialog-close`,...e})}function f({className:t,onPointerDownCapture:a,...o}){let c=(0,i.useContext)(s);return/* @__PURE__ */ (0,r.jsx)(n.Dialog.Overlay,{"data-slot":`dialog-overlay`,className:e.cn(`fixed inset-0 z-40 bg-doom-deep/70 data-[state=open]:animate-doom-fade`,t),onPointerDownCapture:e=>{a?.(e),!(e.defaultPrevented||c===void 0)&&e.currentTarget.nextElementSibling?.querySelector(`[data-slot="select-trigger"][data-state="open"]`)!=null&&(e.stopPropagation(),c(!1))},...o})}const p={sm:`w-[360px]`,md:`w-[480px]`,lg:`w-[620px]`};function m({className:t,children:i,width:a=`md`,...o}){return/* @__PURE__ */ (0,r.jsxs)(u,{children:[/* @__PURE__ */ (0,r.jsx)(f,{}),/* @__PURE__ */ (0,r.jsx)(n.Dialog.Content,{"data-slot":`dialog-content`,className:e.cn(`fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-24px)] max-w-[calc(100vw-24px)] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-lg border border-doom-border bg-doom-panel font-mono shadow-2xl outline-none data-[state=open]:animate-doom-pop`,p[a],t),...o,children:i})]})}function h({className:i,dismissible:a=!1,closeLabel:s=`close`,children:c,...l}){return/* @__PURE__ */ (0,r.jsxs)(`div`,{"data-slot":`dialog-header`,className:e.cn(`flex min-w-0 items-center justify-between gap-3 border-b border-doom-border px-3 py-3 sm:px-4`,i),...l,children:[c,a?/* @__PURE__ */ (0,r.jsx)(n.Dialog.Close,{asChild:!0,children:/* @__PURE__ */ (0,r.jsx)(t.Button,{variant:`ghost`,size:`icon`,"aria-label":s,className:`text-doom-faint hover:text-doom-hi`,children:/* @__PURE__ */ (0,r.jsx)(o.X,{className:`h-3 w-3`})})}):null]})}function g({className:t,...i}){return/* @__PURE__ */ (0,r.jsx)(n.Dialog.Title,{"data-slot":`dialog-title`,className:e.cn(`text-sm font-bold tracking-wide text-doom-hi`,t),...i})}function _({className:t,...i}){return/* @__PURE__ */ (0,r.jsx)(n.Dialog.Description,{"data-slot":`dialog-description`,className:e.cn(`text-sm leading-relaxed text-doom-dim`,t),...i})}function v({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`dialog-body`,className:e.cn(`flex min-h-0 flex-col gap-3 overflow-y-auto px-3 py-3 sm:px-4 sm:py-4`,t),...n})}const y=(0,a.cva)(`flex shrink-0 items-center gap-2`,{variants:{variant:{plain:`justify-end`,bar:`min-h-[34px] flex-wrap justify-between border-t border-doom-border-soft bg-doom-deep px-3 py-1.5 sm:flex-nowrap sm:px-4 sm:py-0`}},defaultVariants:{variant:`plain`}});function b({className:t,variant:n,...i}){return/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`dialog-footer`,className:e.cn(y({variant:n}),t),...i})}exports.Dialog=c,exports.DialogBody=v,exports.DialogClose=d,exports.DialogContent=m,exports.DialogDescription=_,exports.DialogFooter=b,exports.DialogHeader=h,exports.DialogOverlay=f,exports.DialogPortal=u,exports.DialogTitle=g,exports.DialogTrigger=l,exports.dialogFooterVariants=y;
 //# sourceMappingURL=Dialog.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.cjs","names":["DialogPrimitive","cn","Button","CloseIcon","cva"],"sources":["../../../src/components/Dialog.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\nimport { CloseIcon } from '../icons/icons.ts';\nimport { cn } from '../lib/cn.ts';\nimport { Button } from './Button.tsx';\n\n/**\n * shadcn's Dialog on Radix: focus trap, Escape, outside click, scroll lock,\n * and focus restored to the trigger on close. The frame is the Doom panel.\n */\nexport function Dialog(props: ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nexport function DialogTrigger(props: ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nexport function DialogPortal(props: ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nexport function DialogClose(props: ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nexport function DialogOverlay({ className, ...props }: ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-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\nexport interface DialogContentProps extends ComponentProps<typeof DialogPrimitive.Content> {\n  /** Width preset; `className` may still override. */\n  width?: 'sm' | 'md' | 'lg';\n}\n\nconst CONTENT_WIDTH = { sm: 'w-[360px]', md: 'w-[480px]', lg: 'w-[620px]' } as const;\n\nexport function DialogContent({ className, children, width = 'md', ...props }: DialogContentProps) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          'fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-24px)] max-w-[calc(100vw-24px)] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-lg border border-doom-border bg-doom-panel font-mono shadow-2xl outline-none data-[state=open]:animate-doom-pop',\n          CONTENT_WIDTH[width],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nexport interface DialogHeaderProps extends ComponentProps<'div'> {\n  /**\n   * Show the close control at the right of the strip. Off by default: most\n   * headers already put something there (a spinner, a method label) and every\n   * dialog closes on Escape, so an X that fights the existing content is worse\n   * than none. Turn it on for a dialog whose only way out is the mouse.\n   */\n  dismissible?: boolean;\n  /** What the close control announces. */\n  closeLabel?: string;\n}\n\nexport function DialogHeader({\n  className,\n  dismissible = false,\n  closeLabel = 'close',\n  children,\n  ...props\n}: DialogHeaderProps) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\n        'flex min-w-0 items-center justify-between gap-3 border-b border-doom-border px-3 py-3 sm:px-4',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {dismissible ? (\n        <DialogPrimitive.Close asChild>\n          <Button variant=\"ghost\" size=\"icon\" aria-label={closeLabel} className=\"text-doom-faint hover:text-doom-hi\">\n            <CloseIcon className=\"h-3 w-3\" />\n          </Button>\n        </DialogPrimitive.Close>\n      ) : null}\n    </div>\n  );\n}\n\nexport function DialogTitle({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn('text-[12px] font-bold tracking-wide text-doom-hi', className)}\n      {...props}\n    />\n  );\n}\n\nexport function DialogDescription({ className, ...props }: ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn('text-[11px] leading-relaxed text-doom-dim', className)}\n      {...props}\n    />\n  );\n}\n\nexport function DialogBody({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-body\"\n      className={cn('flex min-h-0 flex-col gap-3 overflow-y-auto px-3 py-3 sm:px-4 sm:py-4', className)}\n      {...props}\n    />\n  );\n}\n\nexport const dialogFooterVariants = cva('flex shrink-0 items-center gap-2', {\n  variants: {\n    variant: {\n      /** Buttons alone, sitting inside the body's padding. */\n      plain: 'justify-end',\n      /**\n       * The full-width strip: a hint on the left, the buttons on the right,\n       * recessed and ruled off from the body. The same shape PopoverFooter\n       * draws, because a dialog and a popover promise their keys the same way.\n       */\n      bar: 'min-h-[34px] flex-wrap justify-between border-t border-doom-border-soft bg-doom-deep px-3 py-1.5 sm:flex-nowrap sm:px-4 sm:py-0',\n    },\n  },\n  defaultVariants: { variant: 'plain' },\n});\n\nexport interface DialogFooterProps extends ComponentProps<'div'>, VariantProps<typeof dialogFooterVariants> {}\n\nexport function DialogFooter({ className, variant, ...props }: DialogFooterProps) {\n  return <div data-slot=\"dialog-footer\" className={cn(dialogFooterVariants({ variant }), className)} {...props} />;\n}\n"],"mappings":"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"}
+{"version":3,"file":"Dialog.cjs","names":["createContext","DialogPrimitive","useContext","cn","Button","CloseIcon","cva"],"sources":["../../../src/components/Dialog.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport { createContext, type ComponentProps, useContext } from 'react';\n\nimport { CloseIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\nimport { Button } from './Button';\n\nconst DialogOpenChangeContext = createContext<((open: boolean) => void) | undefined>(undefined);\n/**\n * shadcn's Dialog on Radix: focus trap, Escape, outside click, scroll lock,\n * and focus restored to the trigger on close. The frame is the Doom panel.\n */\nexport function Dialog(props: ComponentProps<typeof DialogPrimitive.Root>) {\n  const onOpenChange = props.onOpenChange === undefined ? undefined : (open: boolean) => props.onOpenChange?.(open);\n  return (\n    <DialogOpenChangeContext.Provider value={onOpenChange}>\n      <DialogPrimitive.Root data-slot=\"dialog\" {...props} onOpenChange={onOpenChange} />\n    </DialogOpenChangeContext.Provider>\n  );\n}\n\nexport function DialogTrigger(props: ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nexport function DialogPortal(props: ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nexport function DialogClose(props: ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nexport function DialogOverlay({\n  className,\n  onPointerDownCapture,\n  ...props\n}: ComponentProps<typeof DialogPrimitive.Overlay>) {\n  const onOpenChange = useContext(DialogOpenChangeContext);\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn('fixed inset-0 z-40 bg-doom-deep/70 data-[state=open]:animate-doom-fade', className)}\n      onPointerDownCapture={(event) => {\n        onPointerDownCapture?.(event);\n        if (event.defaultPrevented || onOpenChange === undefined) return;\n        const dialogContent = event.currentTarget.nextElementSibling;\n        const openSelectTrigger = dialogContent?.querySelector('[data-slot=\"select-trigger\"][data-state=\"open\"]');\n        if (openSelectTrigger === null || openSelectTrigger === undefined) return;\n\n        // Radix's parent outside listener can lag one render behind a nested\n        // modal Select. Own this backdrop press so the complete stack closes.\n        event.stopPropagation();\n        onOpenChange(false);\n      }}\n      {...props}\n    />\n  );\n}\n\nexport interface DialogContentProps extends ComponentProps<typeof DialogPrimitive.Content> {\n  /** Width preset; `className` may still override. */\n  width?: 'sm' | 'md' | 'lg';\n}\n\nconst CONTENT_WIDTH = { sm: 'w-[360px]', md: 'w-[480px]', lg: 'w-[620px]' } as const;\n\nexport function DialogContent({ className, children, width = 'md', ...props }: DialogContentProps) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          'fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-24px)] max-w-[calc(100vw-24px)] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-lg border border-doom-border bg-doom-panel font-mono shadow-2xl outline-none data-[state=open]:animate-doom-pop',\n          CONTENT_WIDTH[width],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nexport interface DialogHeaderProps extends ComponentProps<'div'> {\n  /**\n   * Show the close control at the right of the strip. Off by default: most\n   * headers already put something there (a spinner, a method label) and every\n   * dialog closes on Escape, so an X that fights the existing content is worse\n   * than none. Turn it on for a dialog whose only way out is the mouse.\n   */\n  dismissible?: boolean;\n  /** What the close control announces. */\n  closeLabel?: string;\n}\n\nexport function DialogHeader({\n  className,\n  dismissible = false,\n  closeLabel = 'close',\n  children,\n  ...props\n}: DialogHeaderProps) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\n        'flex min-w-0 items-center justify-between gap-3 border-b border-doom-border px-3 py-3 sm:px-4',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {dismissible ? (\n        <DialogPrimitive.Close asChild>\n          <Button variant=\"ghost\" size=\"icon\" aria-label={closeLabel} className=\"text-doom-faint hover:text-doom-hi\">\n            <CloseIcon className=\"h-3 w-3\" />\n          </Button>\n        </DialogPrimitive.Close>\n      ) : null}\n    </div>\n  );\n}\n\nexport function DialogTitle({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn('text-sm font-bold tracking-wide text-doom-hi', className)}\n      {...props}\n    />\n  );\n}\n\nexport function DialogDescription({ className, ...props }: ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn('text-sm leading-relaxed text-doom-dim', className)}\n      {...props}\n    />\n  );\n}\n\nexport function DialogBody({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-body\"\n      className={cn('flex min-h-0 flex-col gap-3 overflow-y-auto px-3 py-3 sm:px-4 sm:py-4', className)}\n      {...props}\n    />\n  );\n}\n\nexport const dialogFooterVariants = cva('flex shrink-0 items-center gap-2', {\n  variants: {\n    variant: {\n      /** Buttons alone, sitting inside the body's padding. */\n      plain: 'justify-end',\n      /**\n       * The full-width strip: a hint on the left, the buttons on the right,\n       * recessed and ruled off from the body. The same shape PopoverFooter\n       * draws, because a dialog and a popover promise their keys the same way.\n       */\n      bar: 'min-h-[34px] flex-wrap justify-between border-t border-doom-border-soft bg-doom-deep px-3 py-1.5 sm:flex-nowrap sm:px-4 sm:py-0',\n    },\n  },\n  defaultVariants: { variant: 'plain' },\n});\n\nexport interface DialogFooterProps extends ComponentProps<'div'>, VariantProps<typeof dialogFooterVariants> {}\n\nexport function DialogFooter({ className, variant, ...props }: DialogFooterProps) {\n  return <div data-slot=\"dialog-footer\" className={cn(dialogFooterVariants({ variant }), className)} {...props} />;\n}\n"],"mappings":"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"}

package/dist/src/components/Dialog.d.mts

@@ -1,20 +1,20 @@
 import { Dialog } from "radix-ui";
-import { VariantProps } from "class-variance-authority";
 import { ComponentProps } from "react";
+import { VariantProps } from "class-variance-authority";
 //#region src/components/Dialog.d.ts
 /**
  * shadcn's Dialog on Radix: focus trap, Escape, outside click, scroll lock,
  * and focus restored to the trigger on close. The frame is the Doom panel.
  */
-declare function Dialog$1(props: ComponentProps<typeof Dialog.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DialogTrigger(props: ComponentProps<typeof Dialog.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DialogClose(props: ComponentProps<typeof Dialog.Close>): import("react/jsx-runtime").JSX.Element;
-interface DialogContentProps extends ComponentProps<typeof Dialog.Content> {
+declare function Dialog$1(props: ComponentProps<typeof Dialog.Root>): import("react").JSX.Element;
+export declare function DialogTrigger(props: ComponentProps<typeof Dialog.Trigger>): import("react").JSX.Element;
+export declare function DialogClose(props: ComponentProps<typeof Dialog.Close>): import("react").JSX.Element;
+export interface DialogContentProps extends ComponentProps<typeof Dialog.Content> {
   /** Width preset; `className` may still override. */
   width?: 'sm' | 'md' | 'lg';
 }
-declare function DialogContent({ className, children, width, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
-interface DialogHeaderProps extends ComponentProps<'div'> {
+export declare function DialogContent({ className, children, width, ...props }: DialogContentProps): import("react").JSX.Element;
+export interface DialogHeaderProps extends ComponentProps<'div'> {
   /**
    * Show the close control at the right of the strip. Off by default: most
    * headers already put something there (a spinner, a method label) and every
@@ -25,15 +25,15 @@ interface DialogHeaderProps extends ComponentProps<'div'> {
   /** What the close control announces. */
   closeLabel?: string;
 }
-declare function DialogHeader({ className, dismissible, closeLabel, children, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
-declare function DialogTitle({ className, ...props }: ComponentProps<typeof Dialog.Title>): import("react/jsx-runtime").JSX.Element;
-declare function DialogDescription({ className, ...props }: ComponentProps<typeof Dialog.Description>): import("react/jsx-runtime").JSX.Element;
-declare function DialogBody({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare const dialogFooterVariants: (props?: ({
+export declare function DialogHeader({ className, dismissible, closeLabel, children, ...props }: DialogHeaderProps): import("react").JSX.Element;
+export declare function DialogTitle({ className, ...props }: ComponentProps<typeof Dialog.Title>): import("react").JSX.Element;
+export declare function DialogDescription({ className, ...props }: ComponentProps<typeof Dialog.Description>): import("react").JSX.Element;
+export declare function DialogBody({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare const dialogFooterVariants: (props?: ({
   variant?: "bar" | "plain" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-interface DialogFooterProps extends ComponentProps<'div'>, VariantProps<typeof dialogFooterVariants> {}
-declare function DialogFooter({ className, variant, ...props }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
+export interface DialogFooterProps extends ComponentProps<'div'>, VariantProps<typeof dialogFooterVariants> {}
+export declare function DialogFooter({ className, variant, ...props }: DialogFooterProps): import("react").JSX.Element;
 //#endregion
-export { Dialog$1 as Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogTitle, DialogTrigger, dialogFooterVariants };
+export { Dialog$1 as Dialog };
 //# sourceMappingURL=Dialog.d.mts.map

package/dist/src/components/Dialog.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.mts","names":[],"sources":["../../../src/components/Dialog.tsx"],"mappings":";;;;;;;;iBAWgB,SAAO,OAAO,sBAAsB,OAAgB,oCAAK,IAAA;iBAIzD,cAAc,OAAO,sBAAsB,OAAgB,uCAAQ,IAAA;iBAQnE,YAAY,OAAO,sBAAsB,OAAgB,qCAAM,IAAA;UAc9D,2BAA2B,sBAAsB,OAAgB;;EAEhF;;iBAKc,gBAAgB,WAAW,UAAU,UAAiB,SAAS,iDAAkB,IAAA;UAmBhF,0BAA0B;;;;;;;EAOzC;;EAEA;;iBAGc,eACd,WACA,aACA,YACA,aACG,SACF,gDAAiB,IAAA;iBAsBJ,cAAc,cAAc,SAAS,sBAAsB,OAAgB,qCAAM,IAAA;iBAUjF,oBAAoB,cAAc,SAAS,sBAAsB,OAAgB,2CAAY,IAAA;iBAU7F,aAAa,cAAc,SAAS,oDAAqB,IAAA;cAU5D,uBAAoB;;6CAc/B;UAEe,0BAA0B,uBAAuB,oBAAoB;iBAEtE,eAAe,WAAW,YAAY,SAAS,gDAAiB,IAAA"}
+{"version":3,"file":"Dialog.d.mts","names":[],"sources":["../../../src/components/Dialog.tsx"],"mappings":";;;;;;;;iBAagB,SAAO,OAAO,sBAAsB,OAAgB,wBAAK,IAAA;wBASzD,cAAc,OAAO,sBAAsB,OAAgB,2BAAQ,IAAA;wBAQnE,YAAY,OAAO,sBAAsB,OAAgB,yBAAM,IAAA;iBA+B9D,2BAA2B,sBAAsB,OAAgB;;EAEhF;;wBAKc,gBAAgB,WAAW,UAAU,UAAiB,SAAS,qCAAkB,IAAA;iBAmBhF,0BAA0B;;;;;;;EAOzC;;EAEA;;wBAGc,eACd,WACA,aACA,YACA,aACG,SACF,oCAAiB,IAAA;wBAsBJ,cAAc,cAAc,SAAS,sBAAsB,OAAgB,yBAAM,IAAA;wBAUjF,oBAAoB,cAAc,SAAS,sBAAsB,OAAgB,+BAAY,IAAA;wBAU7F,aAAa,cAAc,SAAS,wCAAqB,IAAA;qBAU5D,uBAAoB;;6CAc/B;iBAEe,0BAA0B,uBAAuB,oBAAoB;wBAEtE,eAAe,WAAW,YAAY,SAAS,oCAAiB,IAAA"}

package/dist/src/components/Dialog.mjs

@@ -1,2 +1,2 @@
-import{CloseIcon as e}from"../icons/icons.mjs";import{cn as t}from"../lib/cn.mjs";import{Button as n}from"./Button.mjs";import{Dialog as r}from"radix-ui";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{cva as o}from"class-variance-authority";function s(e){return i(r.Root,{"data-slot":`dialog`,...e})}function c(e){return i(r.Trigger,{"data-slot":`dialog-trigger`,...e})}function l(e){return i(r.Portal,{"data-slot":`dialog-portal`,...e})}function u(e){return i(r.Close,{"data-slot":`dialog-close`,...e})}function d({className:e,...n}){return i(r.Overlay,{"data-slot":`dialog-overlay`,className:t(`fixed inset-0 z-40 bg-doom-deep/70 data-[state=open]:animate-doom-fade`,e),...n})}const f={sm:`w-[360px]`,md:`w-[480px]`,lg:`w-[620px]`};function p({className:e,children:n,width:o=`md`,...s}){return a(l,{children:[i(d,{}),i(r.Content,{"data-slot":`dialog-content`,className:t(`fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-24px)] max-w-[calc(100vw-24px)] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-lg border border-doom-border bg-doom-panel font-mono shadow-2xl outline-none data-[state=open]:animate-doom-pop`,f[o],e),...s,children:n})]})}function m({className:o,dismissible:s=!1,closeLabel:c=`close`,children:l,...u}){return a(`div`,{"data-slot":`dialog-header`,className:t(`flex min-w-0 items-center justify-between gap-3 border-b border-doom-border px-3 py-3 sm:px-4`,o),...u,children:[l,s?i(r.Close,{asChild:!0,children:i(n,{variant:`ghost`,size:`icon`,"aria-label":c,className:`text-doom-faint hover:text-doom-hi`,children:i(e,{className:`h-3 w-3`})})}):null]})}function h({className:e,...n}){return i(r.Title,{"data-slot":`dialog-title`,className:t(`text-[12px] font-bold tracking-wide text-doom-hi`,e),...n})}function g({className:e,...n}){return i(r.Description,{"data-slot":`dialog-description`,className:t(`text-[11px] leading-relaxed text-doom-dim`,e),...n})}function _({className:e,...n}){return i(`div`,{"data-slot":`dialog-body`,className:t(`flex min-h-0 flex-col gap-3 overflow-y-auto px-3 py-3 sm:px-4 sm:py-4`,e),...n})}const v=o(`flex shrink-0 items-center gap-2`,{variants:{variant:{plain:`justify-end`,bar:`min-h-[34px] flex-wrap justify-between border-t border-doom-border-soft bg-doom-deep px-3 py-1.5 sm:flex-nowrap sm:px-4 sm:py-0`}},defaultVariants:{variant:`plain`}});function y({className:e,variant:n,...r}){return i(`div`,{"data-slot":`dialog-footer`,className:t(v({variant:n}),e),...r})}export{s as Dialog,_ as DialogBody,u as DialogClose,p as DialogContent,g as DialogDescription,y as DialogFooter,m as DialogHeader,d as DialogOverlay,l as DialogPortal,h as DialogTitle,c as DialogTrigger,v as dialogFooterVariants};
+import{CloseIcon as e}from"../icons/icons.mjs";import{cn as t}from"../lib/cn.mjs";import{Button as n}from"./Button.mjs";import{Dialog as r}from"radix-ui";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{createContext as o,useContext as s}from"react";import{cva as c}from"class-variance-authority";const l=o(void 0);function u(e){let t=e.onOpenChange===void 0?void 0:t=>e.onOpenChange?.(t);return/* @__PURE__ */ i(l.Provider,{value:t,children:/* @__PURE__ */ i(r.Root,{"data-slot":`dialog`,...e,onOpenChange:t})})}function d(e){return/* @__PURE__ */ i(r.Trigger,{"data-slot":`dialog-trigger`,...e})}function f(e){return/* @__PURE__ */ i(r.Portal,{"data-slot":`dialog-portal`,...e})}function p(e){return/* @__PURE__ */ i(r.Close,{"data-slot":`dialog-close`,...e})}function m({className:e,onPointerDownCapture:n,...a}){let o=s(l);return/* @__PURE__ */ i(r.Overlay,{"data-slot":`dialog-overlay`,className:t(`fixed inset-0 z-40 bg-doom-deep/70 data-[state=open]:animate-doom-fade`,e),onPointerDownCapture:e=>{n?.(e),!(e.defaultPrevented||o===void 0)&&e.currentTarget.nextElementSibling?.querySelector(`[data-slot="select-trigger"][data-state="open"]`)!=null&&(e.stopPropagation(),o(!1))},...a})}const h={sm:`w-[360px]`,md:`w-[480px]`,lg:`w-[620px]`};function g({className:e,children:n,width:o=`md`,...s}){return/* @__PURE__ */ a(f,{children:[/* @__PURE__ */ i(m,{}),/* @__PURE__ */ i(r.Content,{"data-slot":`dialog-content`,className:t(`fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-24px)] max-w-[calc(100vw-24px)] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-lg border border-doom-border bg-doom-panel font-mono shadow-2xl outline-none data-[state=open]:animate-doom-pop`,h[o],e),...s,children:n})]})}function _({className:o,dismissible:s=!1,closeLabel:c=`close`,children:l,...u}){return/* @__PURE__ */ a(`div`,{"data-slot":`dialog-header`,className:t(`flex min-w-0 items-center justify-between gap-3 border-b border-doom-border px-3 py-3 sm:px-4`,o),...u,children:[l,s?/* @__PURE__ */ i(r.Close,{asChild:!0,children:/* @__PURE__ */ i(n,{variant:`ghost`,size:`icon`,"aria-label":c,className:`text-doom-faint hover:text-doom-hi`,children:/* @__PURE__ */ i(e,{className:`h-3 w-3`})})}):null]})}function v({className:e,...n}){return/* @__PURE__ */ i(r.Title,{"data-slot":`dialog-title`,className:t(`text-sm font-bold tracking-wide text-doom-hi`,e),...n})}function y({className:e,...n}){return/* @__PURE__ */ i(r.Description,{"data-slot":`dialog-description`,className:t(`text-sm leading-relaxed text-doom-dim`,e),...n})}function b({className:e,...n}){return/* @__PURE__ */ i(`div`,{"data-slot":`dialog-body`,className:t(`flex min-h-0 flex-col gap-3 overflow-y-auto px-3 py-3 sm:px-4 sm:py-4`,e),...n})}const x=c(`flex shrink-0 items-center gap-2`,{variants:{variant:{plain:`justify-end`,bar:`min-h-[34px] flex-wrap justify-between border-t border-doom-border-soft bg-doom-deep px-3 py-1.5 sm:flex-nowrap sm:px-4 sm:py-0`}},defaultVariants:{variant:`plain`}});function S({className:e,variant:n,...r}){return/* @__PURE__ */ i(`div`,{"data-slot":`dialog-footer`,className:t(x({variant:n}),e),...r})}export{u as Dialog,b as DialogBody,p as DialogClose,g as DialogContent,y as DialogDescription,S as DialogFooter,_ as DialogHeader,m as DialogOverlay,f as DialogPortal,v as DialogTitle,d as DialogTrigger,x as dialogFooterVariants};
 //# sourceMappingURL=Dialog.mjs.map

package/dist/src/components/Dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.mjs","names":["Dialog","DialogPrimitive"],"sources":["../../../src/components/Dialog.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\nimport { CloseIcon } from '../icons/icons.ts';\nimport { cn } from '../lib/cn.ts';\nimport { Button } from './Button.tsx';\n\n/**\n * shadcn's Dialog on Radix: focus trap, Escape, outside click, scroll lock,\n * and focus restored to the trigger on close. The frame is the Doom panel.\n */\nexport function Dialog(props: ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nexport function DialogTrigger(props: ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nexport function DialogPortal(props: ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nexport function DialogClose(props: ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nexport function DialogOverlay({ className, ...props }: ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-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\nexport interface DialogContentProps extends ComponentProps<typeof DialogPrimitive.Content> {\n  /** Width preset; `className` may still override. */\n  width?: 'sm' | 'md' | 'lg';\n}\n\nconst CONTENT_WIDTH = { sm: 'w-[360px]', md: 'w-[480px]', lg: 'w-[620px]' } as const;\n\nexport function DialogContent({ className, children, width = 'md', ...props }: DialogContentProps) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          'fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-24px)] max-w-[calc(100vw-24px)] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-lg border border-doom-border bg-doom-panel font-mono shadow-2xl outline-none data-[state=open]:animate-doom-pop',\n          CONTENT_WIDTH[width],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nexport interface DialogHeaderProps extends ComponentProps<'div'> {\n  /**\n   * Show the close control at the right of the strip. Off by default: most\n   * headers already put something there (a spinner, a method label) and every\n   * dialog closes on Escape, so an X that fights the existing content is worse\n   * than none. Turn it on for a dialog whose only way out is the mouse.\n   */\n  dismissible?: boolean;\n  /** What the close control announces. */\n  closeLabel?: string;\n}\n\nexport function DialogHeader({\n  className,\n  dismissible = false,\n  closeLabel = 'close',\n  children,\n  ...props\n}: DialogHeaderProps) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\n        'flex min-w-0 items-center justify-between gap-3 border-b border-doom-border px-3 py-3 sm:px-4',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {dismissible ? (\n        <DialogPrimitive.Close asChild>\n          <Button variant=\"ghost\" size=\"icon\" aria-label={closeLabel} className=\"text-doom-faint hover:text-doom-hi\">\n            <CloseIcon className=\"h-3 w-3\" />\n          </Button>\n        </DialogPrimitive.Close>\n      ) : null}\n    </div>\n  );\n}\n\nexport function DialogTitle({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn('text-[12px] font-bold tracking-wide text-doom-hi', className)}\n      {...props}\n    />\n  );\n}\n\nexport function DialogDescription({ className, ...props }: ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn('text-[11px] leading-relaxed text-doom-dim', className)}\n      {...props}\n    />\n  );\n}\n\nexport function DialogBody({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-body\"\n      className={cn('flex min-h-0 flex-col gap-3 overflow-y-auto px-3 py-3 sm:px-4 sm:py-4', className)}\n      {...props}\n    />\n  );\n}\n\nexport const dialogFooterVariants = cva('flex shrink-0 items-center gap-2', {\n  variants: {\n    variant: {\n      /** Buttons alone, sitting inside the body's padding. */\n      plain: 'justify-end',\n      /**\n       * The full-width strip: a hint on the left, the buttons on the right,\n       * recessed and ruled off from the body. The same shape PopoverFooter\n       * draws, because a dialog and a popover promise their keys the same way.\n       */\n      bar: 'min-h-[34px] flex-wrap justify-between border-t border-doom-border-soft bg-doom-deep px-3 py-1.5 sm:flex-nowrap sm:px-4 sm:py-0',\n    },\n  },\n  defaultVariants: { variant: 'plain' },\n});\n\nexport interface DialogFooterProps extends ComponentProps<'div'>, VariantProps<typeof dialogFooterVariants> {}\n\nexport function DialogFooter({ className, variant, ...props }: DialogFooterProps) {\n  return <div data-slot=\"dialog-footer\" className={cn(dialogFooterVariants({ variant }), className)} {...props} />;\n}\n"],"mappings":"2PAWA,SAAgBA,EAAO,EAAoD,CACzE,OAAO,EAACC,EAAgB,KAAjB,CAAsB,YAAU,SAAS,GAAI,CAAQ,CAAA,CAC9D,CAEA,SAAgB,EAAc,EAAuD,CACnF,OAAO,EAACA,EAAgB,QAAjB,CAAyB,YAAU,iBAAiB,GAAI,CAAQ,CAAA,CACzE,CAEA,SAAgB,EAAa,EAAsD,CACjF,OAAO,EAACA,EAAgB,OAAjB,CAAwB,YAAU,gBAAgB,GAAI,CAAQ,CAAA,CACvE,CAEA,SAAgB,EAAY,EAAqD,CAC/E,OAAO,EAACA,EAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAEA,SAAgB,EAAc,CAAE,YAAW,GAAG,GAAyD,CACrG,OACE,EAACA,EAAgB,QAAjB,CACE,YAAU,iBACV,UAAW,EAAG,yEAA0E,CAAS,EACjG,GAAI,CACL,CAAA,CAEL,CAOA,MAAM,EAAgB,CAAE,GAAI,YAAa,GAAI,YAAa,GAAI,WAAY,EAE1E,SAAgB,EAAc,CAAE,YAAW,WAAU,QAAQ,KAAM,GAAG,GAA6B,CACjG,OACE,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,EAAD,CAAgB,CAAA,EAChB,EAACA,EAAgB,QAAjB,CACE,YAAU,iBACV,UAAW,EACT,yQACA,EAAc,GACd,CACF,EACA,GAAI,EAEH,UACsB,CAAA,CACb,CAAA,CAAA,CAElB,CAcA,SAAgB,EAAa,CAC3B,YACA,cAAc,GACd,aAAa,QACb,WACA,GAAG,GACiB,CACpB,OACE,EAAC,MAAD,CACE,YAAU,gBACV,UAAW,EACT,gGACA,CACF,EACA,GAAI,EANN,SAAA,CAQG,EACA,EACC,EAACA,EAAgB,MAAjB,CAAuB,QAAA,GACrB,SAAA,EAAC,EAAD,CAAQ,QAAQ,QAAQ,KAAK,OAAO,aAAY,EAAY,UAAU,qCACpE,SAAA,EAAC,EAAD,CAAW,UAAU,SAAW,CAAA,CAC1B,CAAA,CACa,CAAA,EACrB,IACD,GAET,CAEA,SAAgB,EAAY,CAAE,YAAW,GAAG,GAAuD,CACjG,OACE,EAACA,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EAAG,mDAAoD,CAAS,EAC3E,GAAI,CACL,CAAA,CAEL,CAEA,SAAgB,EAAkB,CAAE,YAAW,GAAG,GAA6D,CAC7G,OACE,EAACA,EAAgB,YAAjB,CACE,YAAU,qBACV,UAAW,EAAG,4CAA6C,CAAS,EACpE,GAAI,CACL,CAAA,CAEL,CAEA,SAAgB,EAAW,CAAE,YAAW,GAAG,GAAgC,CACzE,OACE,EAAC,MAAD,CACE,YAAU,cACV,UAAW,EAAG,wEAAyE,CAAS,EAChG,GAAI,CACL,CAAA,CAEL,CAEA,MAAa,EAAuB,EAAI,mCAAoC,CAC1E,SAAU,CACR,QAAS,CAEP,MAAO,cAMP,IAAK,iIACP,CACF,EACA,gBAAiB,CAAE,QAAS,OAAQ,CACtC,CAAC,EAID,SAAgB,EAAa,CAAE,YAAW,UAAS,GAAG,GAA4B,CAChF,OAAO,EAAC,MAAD,CAAK,YAAU,gBAAgB,UAAW,EAAG,EAAqB,CAAE,SAAQ,CAAC,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CACjH"}
+{"version":3,"file":"Dialog.mjs","names":["Dialog","DialogPrimitive"],"sources":["../../../src/components/Dialog.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport { createContext, type ComponentProps, useContext } from 'react';\n\nimport { CloseIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\nimport { Button } from './Button';\n\nconst DialogOpenChangeContext = createContext<((open: boolean) => void) | undefined>(undefined);\n/**\n * shadcn's Dialog on Radix: focus trap, Escape, outside click, scroll lock,\n * and focus restored to the trigger on close. The frame is the Doom panel.\n */\nexport function Dialog(props: ComponentProps<typeof DialogPrimitive.Root>) {\n  const onOpenChange = props.onOpenChange === undefined ? undefined : (open: boolean) => props.onOpenChange?.(open);\n  return (\n    <DialogOpenChangeContext.Provider value={onOpenChange}>\n      <DialogPrimitive.Root data-slot=\"dialog\" {...props} onOpenChange={onOpenChange} />\n    </DialogOpenChangeContext.Provider>\n  );\n}\n\nexport function DialogTrigger(props: ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nexport function DialogPortal(props: ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nexport function DialogClose(props: ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nexport function DialogOverlay({\n  className,\n  onPointerDownCapture,\n  ...props\n}: ComponentProps<typeof DialogPrimitive.Overlay>) {\n  const onOpenChange = useContext(DialogOpenChangeContext);\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn('fixed inset-0 z-40 bg-doom-deep/70 data-[state=open]:animate-doom-fade', className)}\n      onPointerDownCapture={(event) => {\n        onPointerDownCapture?.(event);\n        if (event.defaultPrevented || onOpenChange === undefined) return;\n        const dialogContent = event.currentTarget.nextElementSibling;\n        const openSelectTrigger = dialogContent?.querySelector('[data-slot=\"select-trigger\"][data-state=\"open\"]');\n        if (openSelectTrigger === null || openSelectTrigger === undefined) return;\n\n        // Radix's parent outside listener can lag one render behind a nested\n        // modal Select. Own this backdrop press so the complete stack closes.\n        event.stopPropagation();\n        onOpenChange(false);\n      }}\n      {...props}\n    />\n  );\n}\n\nexport interface DialogContentProps extends ComponentProps<typeof DialogPrimitive.Content> {\n  /** Width preset; `className` may still override. */\n  width?: 'sm' | 'md' | 'lg';\n}\n\nconst CONTENT_WIDTH = { sm: 'w-[360px]', md: 'w-[480px]', lg: 'w-[620px]' } as const;\n\nexport function DialogContent({ className, children, width = 'md', ...props }: DialogContentProps) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          'fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-24px)] max-w-[calc(100vw-24px)] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-lg border border-doom-border bg-doom-panel font-mono shadow-2xl outline-none data-[state=open]:animate-doom-pop',\n          CONTENT_WIDTH[width],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nexport interface DialogHeaderProps extends ComponentProps<'div'> {\n  /**\n   * Show the close control at the right of the strip. Off by default: most\n   * headers already put something there (a spinner, a method label) and every\n   * dialog closes on Escape, so an X that fights the existing content is worse\n   * than none. Turn it on for a dialog whose only way out is the mouse.\n   */\n  dismissible?: boolean;\n  /** What the close control announces. */\n  closeLabel?: string;\n}\n\nexport function DialogHeader({\n  className,\n  dismissible = false,\n  closeLabel = 'close',\n  children,\n  ...props\n}: DialogHeaderProps) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\n        'flex min-w-0 items-center justify-between gap-3 border-b border-doom-border px-3 py-3 sm:px-4',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {dismissible ? (\n        <DialogPrimitive.Close asChild>\n          <Button variant=\"ghost\" size=\"icon\" aria-label={closeLabel} className=\"text-doom-faint hover:text-doom-hi\">\n            <CloseIcon className=\"h-3 w-3\" />\n          </Button>\n        </DialogPrimitive.Close>\n      ) : null}\n    </div>\n  );\n}\n\nexport function DialogTitle({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn('text-sm font-bold tracking-wide text-doom-hi', className)}\n      {...props}\n    />\n  );\n}\n\nexport function DialogDescription({ className, ...props }: ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn('text-sm leading-relaxed text-doom-dim', className)}\n      {...props}\n    />\n  );\n}\n\nexport function DialogBody({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-body\"\n      className={cn('flex min-h-0 flex-col gap-3 overflow-y-auto px-3 py-3 sm:px-4 sm:py-4', className)}\n      {...props}\n    />\n  );\n}\n\nexport const dialogFooterVariants = cva('flex shrink-0 items-center gap-2', {\n  variants: {\n    variant: {\n      /** Buttons alone, sitting inside the body's padding. */\n      plain: 'justify-end',\n      /**\n       * The full-width strip: a hint on the left, the buttons on the right,\n       * recessed and ruled off from the body. The same shape PopoverFooter\n       * draws, because a dialog and a popover promise their keys the same way.\n       */\n      bar: 'min-h-[34px] flex-wrap justify-between border-t border-doom-border-soft bg-doom-deep px-3 py-1.5 sm:flex-nowrap sm:px-4 sm:py-0',\n    },\n  },\n  defaultVariants: { variant: 'plain' },\n});\n\nexport interface DialogFooterProps extends ComponentProps<'div'>, VariantProps<typeof dialogFooterVariants> {}\n\nexport function DialogFooter({ className, variant, ...props }: DialogFooterProps) {\n  return <div data-slot=\"dialog-footer\" className={cn(dialogFooterVariants({ variant }), className)} {...props} />;\n}\n"],"mappings":"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"}

package/dist/src/components/Dot.cjs

@@ -1,2 +1,2 @@
-const e=require("../lib/cn.cjs");let t=require("react/jsx-runtime");const n=(0,require("class-variance-authority").cva)(`inline-block shrink-0 rounded-full`,{variants:{tone:{neutral:`bg-doom-faint`,muted:`bg-doom-faint/40`,blue:`bg-doom-blue`,green:`bg-doom-green`,yellow:`bg-doom-yellow`,red:`bg-doom-red`,magenta:`bg-doom-magenta`,violet:`bg-doom-violet`,cyan:`bg-doom-cyan`,orange:`bg-doom-orange`,teal:`bg-doom-teal`},size:{xs:`h-1 w-1`,sm:`h-1.5 w-1.5`,md:`h-2 w-2`,lg:`h-2.5 w-2.5`},pulse:{true:`animate-pulse`,false:``}},defaultVariants:{tone:`neutral`,size:`sm`,pulse:!1}});function r({className:r,tone:i,size:a,pulse:o,...s}){return(0,t.jsx)(`span`,{"data-slot":`dot`,"aria-hidden":!0,className:e.cn(n({tone:i,size:a,pulse:o}),r),...s})}exports.Dot=r,exports.dotVariants=n;
+const e=require("../lib/cn.cjs");let t=require("react/jsx-runtime");const n=(0,require("class-variance-authority").cva)(`inline-block shrink-0 rounded-full`,{variants:{tone:{neutral:`bg-doom-faint`,muted:`bg-doom-faint/40`,blue:`bg-doom-blue`,green:`bg-doom-green`,yellow:`bg-doom-yellow`,red:`bg-doom-red`,magenta:`bg-doom-magenta`,violet:`bg-doom-violet`,cyan:`bg-doom-cyan`,orange:`bg-doom-orange`,teal:`bg-doom-teal`},size:{xs:`h-1 w-1`,sm:`h-1.5 w-1.5`,md:`h-2 w-2`,lg:`h-2.5 w-2.5`},pulse:{true:`animate-pulse`,false:``}},defaultVariants:{tone:`neutral`,size:`sm`,pulse:!1}});function r({className:r,tone:i,size:a,pulse:o,...s}){return/* @__PURE__ */ (0,t.jsx)(`span`,{"data-slot":`dot`,"aria-hidden":!0,className:e.cn(n({tone:i,size:a,pulse:o}),r),...s})}exports.Dot=r,exports.dotVariants=n;
 //# sourceMappingURL=Dot.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dot.cjs","names":["cva","cn"],"sources":["../../../src/components/Dot.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { ComponentProps } from 'react';\nimport { cn } from '../lib/cn.ts';\nimport type { DotTone as Tone } from '../types/tone.ts';\n\nexport const dotVariants = cva('inline-block shrink-0 rounded-full', {\n  variants: {\n    tone: {\n      neutral: 'bg-doom-faint',\n      muted: 'bg-doom-faint/40',\n      blue: 'bg-doom-blue',\n      green: 'bg-doom-green',\n      yellow: 'bg-doom-yellow',\n      red: 'bg-doom-red',\n      magenta: 'bg-doom-magenta',\n      violet: 'bg-doom-violet',\n      cyan: 'bg-doom-cyan',\n      orange: 'bg-doom-orange',\n      teal: 'bg-doom-teal',\n    } satisfies Record<Tone, string>,\n    size: {\n      xs: 'h-1 w-1',\n      sm: 'h-1.5 w-1.5',\n      md: 'h-2 w-2',\n      lg: 'h-2.5 w-2.5',\n    },\n    pulse: {\n      true: 'animate-pulse',\n      false: '',\n    },\n  },\n  defaultVariants: { tone: 'neutral', size: 'sm', pulse: false },\n});\n\nexport type DotTone = Tone;\n\nexport interface DotProps extends ComponentProps<'span'>, VariantProps<typeof dotVariants> {}\n\n/** The status dot: a colour and, while something is live, a pulse. */\nexport function Dot({ className, tone, size, pulse, ...props }: DotProps) {\n  return <span data-slot=\"dot\" aria-hidden className={cn(dotVariants({ tone, size, pulse }), className)} {...props} />;\n}\n"],"mappings":"oEAKA,MAAa,GAAA,oCAAcA,CAAAA,CAAAA,IAAAA,CAAI,qCAAsC,CACnE,SAAU,CACR,KAAM,CACJ,QAAS,gBACT,MAAO,mBACP,KAAM,eACN,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,KAAM,eACN,OAAQ,iBACR,KAAM,cACR,EACA,KAAM,CACJ,GAAI,UACJ,GAAI,cACJ,GAAI,UACJ,GAAI,aACN,EACA,MAAO,CACL,KAAM,gBACN,MAAO,EACT,CACF,EACA,gBAAiB,CAAE,KAAM,UAAW,KAAM,KAAM,MAAO,EAAM,CAC/D,CAAC,EAOD,SAAgB,EAAI,CAAE,YAAW,OAAM,OAAM,QAAO,GAAG,GAAmB,CACxE,OAAO,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,YAAU,MAAM,cAAA,GAAY,UAAWC,EAAAA,GAAG,EAAY,CAAE,OAAM,OAAM,OAAM,CAAC,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CACrH"}
+{"version":3,"file":"Dot.cjs","names":["cva","cn"],"sources":["../../../src/components/Dot.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\nimport type { DotTone as Tone } from '../types/tone';\n\nexport const dotVariants = cva('inline-block shrink-0 rounded-full', {\n  variants: {\n    tone: {\n      neutral: 'bg-doom-faint',\n      muted: 'bg-doom-faint/40',\n      blue: 'bg-doom-blue',\n      green: 'bg-doom-green',\n      yellow: 'bg-doom-yellow',\n      red: 'bg-doom-red',\n      magenta: 'bg-doom-magenta',\n      violet: 'bg-doom-violet',\n      cyan: 'bg-doom-cyan',\n      orange: 'bg-doom-orange',\n      teal: 'bg-doom-teal',\n    } satisfies Record<Tone, string>,\n    size: {\n      xs: 'h-1 w-1',\n      sm: 'h-1.5 w-1.5',\n      md: 'h-2 w-2',\n      lg: 'h-2.5 w-2.5',\n    },\n    pulse: {\n      true: 'animate-pulse',\n      false: '',\n    },\n  },\n  defaultVariants: { tone: 'neutral', size: 'sm', pulse: false },\n});\n\nexport type DotTone = Tone;\n\nexport interface DotProps extends ComponentProps<'span'>, VariantProps<typeof dotVariants> {}\n\n/** The status dot: a colour and, while something is live, a pulse. */\nexport function Dot({ className, tone, size, pulse, ...props }: DotProps) {\n  return <span data-slot=\"dot\" aria-hidden className={cn(dotVariants({ tone, size, pulse }), className)} {...props} />;\n}\n"],"mappings":"oEAMA,MAAa,GAAA,oCAAcA,CAAAA,CAAAA,IAAAA,CAAI,qCAAsC,CACnE,SAAU,CACR,KAAM,CACJ,QAAS,gBACT,MAAO,mBACP,KAAM,eACN,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,KAAM,eACN,OAAQ,iBACR,KAAM,cACR,EACA,KAAM,CACJ,GAAI,UACJ,GAAI,cACJ,GAAI,UACJ,GAAI,aACN,EACA,MAAO,CACL,KAAM,gBACN,MAAO,EACT,CACF,EACA,gBAAiB,CAAE,KAAM,UAAW,KAAM,KAAM,MAAO,EAAM,CAC/D,CAAC,EAOD,SAAgB,EAAI,CAAE,YAAW,OAAM,OAAM,QAAO,GAAG,GAAmB,CACxE,MAAO,iBAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,YAAU,MAAM,cAAA,GAAY,UAAWC,EAAAA,GAAG,EAAY,CAAE,OAAM,OAAM,OAAM,CAAC,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CACrH"}