@agimon-ai/doompi-web-components 0.0.1-alpha.37 → 0.0.1-alpha.39

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","names":["CheckboxPrimitive","cn","CheckIcon"],"sources":["../../../src/components/Checkbox.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { CheckIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\n\n/** A box that is on, off, or indeterminate; the tick is the accent on the deep well. */\nexport function Checkbox({ className, ...props }: ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'flex h-3.5 w-3.5 shrink-0 cursor-pointer items-center justify-center rounded-sm border border-doom-border bg-doom-deep outline-none transition-colors focus-visible:ring-2 focus-visible:ring-doom-blue/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-doom-blue data-[state=indeterminate]:border-doom-blue',\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator data-slot=\"checkbox-indicator\" className=\"text-doom-blue\">\n        <CheckIcon className=\"h-2.5 w-2.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n"],"mappings":"kJAOA,SAAgB,EAAS,CAAE,YAAW,GAAG,GAAwD,CAC/F,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,SAAkB,KAAnB,CACE,YAAU,WACV,UAAWC,EAAAA,GACT,gVACA,CACF,EACA,GAAI,EAEJ,UAAA,EAAA,EAAA,IAAA,CAACD,EAAAA,SAAkB,UAAnB,CAA6B,YAAU,qBAAqB,UAAU,iBACpE,UAAA,EAAA,EAAA,IAAA,CAACE,EAAAA,MAAD,CAAW,UAAU,aAAe,CAAA,CACT,CAAA,CACP,CAAA,CAE5B"}
+{"version":3,"file":"Checkbox.cjs","names":["CheckboxPrimitive","cn","CheckIcon"],"sources":["../../../src/components/Checkbox.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { CheckIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\n\n/** A box that is on, off, or indeterminate; the tick is the accent on the deep well. */\nexport function Checkbox({ className, ...props }: ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'flex h-3.5 w-3.5 shrink-0 cursor-pointer items-center justify-center rounded-sm border border-doom-border bg-doom-deep outline-none transition-colors focus-visible:ring-2 focus-visible:ring-doom-blue/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-doom-blue data-[state=indeterminate]:border-doom-blue',\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator data-slot=\"checkbox-indicator\" className=\"text-doom-blue\">\n        <CheckIcon className=\"h-2.5 w-2.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n"],"mappings":"kJAOA,SAAgB,EAAS,CAAE,YAAW,GAAG,GAAwD,CAC/F,MACE,iBAAA,EAAA,EAAA,IAAA,CAACA,EAAAA,SAAkB,KAAnB,CACE,YAAU,WACV,UAAWC,EAAAA,GACT,gVACA,CACF,EACA,GAAI,EAEJ,SAAA,iBAAA,EAAA,EAAA,IAAA,CAACD,EAAAA,SAAkB,UAAnB,CAA6B,YAAU,qBAAqB,UAAU,iBACpE,SAAA,iBAAA,EAAA,EAAA,IAAA,CAACE,EAAAA,MAAD,CAAW,UAAU,aAAe,CAAA,CACT,CAAA,CACP,CAAA,CAE5B"}

package/dist/src/components/Checkbox.mjs

@@ -1,2 +1,2 @@
-import{CheckIcon as e}from"../icons/icons.mjs";import{cn as t}from"../lib/cn.mjs";import{Checkbox as n}from"radix-ui";import{jsx as r}from"react/jsx-runtime";function i({className:i,...a}){return r(n.Root,{"data-slot":`checkbox`,className:t(`flex h-3.5 w-3.5 shrink-0 cursor-pointer items-center justify-center rounded-sm border border-doom-border bg-doom-deep outline-none transition-colors focus-visible:ring-2 focus-visible:ring-doom-blue/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-doom-blue data-[state=indeterminate]:border-doom-blue`,i),...a,children:r(n.Indicator,{"data-slot":`checkbox-indicator`,className:`text-doom-blue`,children:r(e,{className:`h-2.5 w-2.5`})})})}export{i as Checkbox};
+import{CheckIcon as e}from"../icons/icons.mjs";import{cn as t}from"../lib/cn.mjs";import{Checkbox as n}from"radix-ui";import{jsx as r}from"react/jsx-runtime";function i({className:i,...a}){return/* @__PURE__ */ r(n.Root,{"data-slot":`checkbox`,className:t(`flex h-3.5 w-3.5 shrink-0 cursor-pointer items-center justify-center rounded-sm border border-doom-border bg-doom-deep outline-none transition-colors focus-visible:ring-2 focus-visible:ring-doom-blue/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-doom-blue data-[state=indeterminate]:border-doom-blue`,i),...a,children:/* @__PURE__ */ r(n.Indicator,{"data-slot":`checkbox-indicator`,className:`text-doom-blue`,children:/* @__PURE__ */ r(e,{className:`h-2.5 w-2.5`})})})}export{i as Checkbox};
 //# sourceMappingURL=Checkbox.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","names":["Checkbox","CheckboxPrimitive"],"sources":["../../../src/components/Checkbox.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { CheckIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\n\n/** A box that is on, off, or indeterminate; the tick is the accent on the deep well. */\nexport function Checkbox({ className, ...props }: ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'flex h-3.5 w-3.5 shrink-0 cursor-pointer items-center justify-center rounded-sm border border-doom-border bg-doom-deep outline-none transition-colors focus-visible:ring-2 focus-visible:ring-doom-blue/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-doom-blue data-[state=indeterminate]:border-doom-blue',\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator data-slot=\"checkbox-indicator\" className=\"text-doom-blue\">\n        <CheckIcon className=\"h-2.5 w-2.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n"],"mappings":"8JAOA,SAAgBA,EAAS,CAAE,YAAW,GAAG,GAAwD,CAC/F,OACE,EAACC,EAAkB,KAAnB,CACE,YAAU,WACV,UAAW,EACT,gVACA,CACF,EACA,GAAI,EAEJ,SAAA,EAACA,EAAkB,UAAnB,CAA6B,YAAU,qBAAqB,UAAU,iBACpE,SAAA,EAAC,EAAD,CAAW,UAAU,aAAe,CAAA,CACT,CAAA,CACP,CAAA,CAE5B"}
+{"version":3,"file":"Checkbox.mjs","names":["Checkbox","CheckboxPrimitive"],"sources":["../../../src/components/Checkbox.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { CheckIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\n\n/** A box that is on, off, or indeterminate; the tick is the accent on the deep well. */\nexport function Checkbox({ className, ...props }: ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'flex h-3.5 w-3.5 shrink-0 cursor-pointer items-center justify-center rounded-sm border border-doom-border bg-doom-deep outline-none transition-colors focus-visible:ring-2 focus-visible:ring-doom-blue/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-doom-blue data-[state=indeterminate]:border-doom-blue',\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator data-slot=\"checkbox-indicator\" className=\"text-doom-blue\">\n        <CheckIcon className=\"h-2.5 w-2.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n"],"mappings":"8JAOA,SAAgBA,EAAS,CAAE,YAAW,GAAG,GAAwD,CAC/F,MACE,kBAACC,EAAkB,KAAnB,CACE,YAAU,WACV,UAAW,EACT,gVACA,CACF,EACA,GAAI,EAEJ,SAAA,kBAACA,EAAkB,UAAnB,CAA6B,YAAU,qBAAqB,UAAU,iBACpE,SAAA,kBAAC,EAAD,CAAW,UAAU,aAAe,CAAA,CACT,CAAA,CACP,CAAA,CAE5B"}

package/dist/src/components/CodeBlock.cjs

@@ -1,2 +1,2 @@
-const e=require("./SyntaxText.cjs"),t=require("../lib/fenceGrammar.cjs"),n=require("./CopyButton.cjs"),r=require("./MermaidDiagram.cjs");let i=require("react/jsx-runtime");function a({text:a,className:o}){let s=t.fenceLanguageOf(o),c=s===`mermaid`?(0,i.jsx)(r.MermaidDiagram,{code:a}):(0,i.jsx)(e.SyntaxText,{text:a,grammar:t.fenceGrammarOf(s),className:`overflow-x-auto text-sm leading-relaxed text-doom-text`});return(0,i.jsxs)(`div`,{"data-slot":`code-block`,"data-language":s??``,className:`relative rounded border border-doom-border bg-doom-deep p-2.5`,children:[c,(0,i.jsx)(n.CopyButton,{text:a,className:`absolute top-1.5 right-1.5`})]})}exports.CodeBlock=a;
+const e=require("./SyntaxText.cjs"),t=require("../lib/fenceGrammar.cjs"),n=require("./CopyButton.cjs"),r=require("./MermaidDiagram.cjs");let i=require("react/jsx-runtime");function a({text:a,className:o}){let s=t.fenceLanguageOf(o),c=s===`mermaid`?/* @__PURE__ */ (0,i.jsx)(r.MermaidDiagram,{code:a}):/* @__PURE__ */ (0,i.jsx)(e.SyntaxText,{text:a,grammar:t.fenceGrammarOf(s),className:`overflow-x-auto text-sm leading-relaxed text-doom-text`});return/* @__PURE__ */ (0,i.jsxs)(`div`,{"data-slot":`code-block`,"data-language":s??``,className:`relative rounded border border-doom-border bg-doom-deep p-2.5`,children:[c,/* @__PURE__ */ (0,i.jsx)(n.CopyButton,{text:a,className:`absolute top-1.5 right-1.5`})]})}exports.CodeBlock=a;
 //# sourceMappingURL=CodeBlock.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.cjs","names":["fenceLanguageOf","MermaidDiagram","SyntaxText","fenceGrammarOf","CopyButton"],"sources":["../../../src/components/CodeBlock.tsx"],"sourcesContent":["import { fenceGrammarOf, fenceLanguageOf, MERMAID_LANGUAGE } from '../lib/fenceGrammar';\nimport { CopyButton } from './CopyButton';\nimport { MermaidDiagram } from './MermaidDiagram';\nimport { SyntaxText } from './SyntaxText';\n\n/**\n * A fenced code block: coloured, copyable, and a picture when it is mermaid.\n *\n * DESIGN PATTERNS:\n * - The fence's own word picks the grammar, and an unknown word means plain\n *   text rather than a guess at the wrong language.\n * - Colour and the diagram both arrive asynchronously, so the block always has\n *   the source on screen from the first frame of a streaming reply.\n *\n * AVOID:\n * - Reading the language anywhere but the fence. A block in a message has no\n *   path, and guessing from the body colours prose as code.\n */\n\nexport interface CodeBlockProps {\n  /** The block's source, without the fence lines. */\n  text: string;\n  /** The `language-*` class react-markdown puts on the inner <code>. */\n  className?: string | undefined;\n}\n\nexport function CodeBlock({ text, className }: CodeBlockProps) {\n  const language = fenceLanguageOf(className);\n  const body =\n    language === MERMAID_LANGUAGE ? (\n      <MermaidDiagram code={text} />\n    ) : (\n      <SyntaxText\n        text={text}\n        grammar={fenceGrammarOf(language)}\n        className=\"overflow-x-auto text-sm leading-relaxed text-doom-text\"\n      />\n    );\n  return (\n    <div\n      data-slot=\"code-block\"\n      data-language={language ?? ''}\n      className=\"relative rounded border border-doom-border bg-doom-deep p-2.5\"\n    >\n      {body}\n      <CopyButton text={text} className=\"absolute top-1.5 right-1.5\" />\n    </div>\n  );\n}\n"],"mappings":"4KA0BA,SAAgB,EAAU,CAAE,OAAM,aAA6B,CAC7D,IAAM,EAAWA,EAAAA,gBAAgB,CAAS,EACpC,EACJ,IAAA,WACE,EAAA,EAAA,IAAA,CAACC,EAAAA,eAAD,CAAgB,KAAM,CAAO,CAAA,GAE7B,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CACQ,OACN,QAASC,EAAAA,eAAe,CAAQ,EAChC,UAAU,wDACX,CAAA,EAEL,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CACE,YAAU,aACV,gBAAe,GAAY,GAC3B,UAAU,gEAHZ,SAAA,CAKG,GACD,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CAAkB,OAAM,UAAU,4BAA8B,CAAA,CAC7D,GAET"}
+{"version":3,"file":"CodeBlock.cjs","names":["fenceLanguageOf","MermaidDiagram","SyntaxText","fenceGrammarOf","CopyButton"],"sources":["../../../src/components/CodeBlock.tsx"],"sourcesContent":["import { fenceGrammarOf, fenceLanguageOf, MERMAID_LANGUAGE } from '../lib/fenceGrammar';\nimport { CopyButton } from './CopyButton';\nimport { MermaidDiagram } from './MermaidDiagram';\nimport { SyntaxText } from './SyntaxText';\n\n/**\n * A fenced code block: coloured, copyable, and a picture when it is mermaid.\n *\n * DESIGN PATTERNS:\n * - The fence's own word picks the grammar, and an unknown word means plain\n *   text rather than a guess at the wrong language.\n * - Colour and the diagram both arrive asynchronously, so the block always has\n *   the source on screen from the first frame of a streaming reply.\n *\n * AVOID:\n * - Reading the language anywhere but the fence. A block in a message has no\n *   path, and guessing from the body colours prose as code.\n */\n\nexport interface CodeBlockProps {\n  /** The block's source, without the fence lines. */\n  text: string;\n  /** The `language-*` class react-markdown puts on the inner <code>. */\n  className?: string | undefined;\n}\n\nexport function CodeBlock({ text, className }: CodeBlockProps) {\n  const language = fenceLanguageOf(className);\n  const body =\n    language === MERMAID_LANGUAGE ? (\n      <MermaidDiagram code={text} />\n    ) : (\n      <SyntaxText\n        text={text}\n        grammar={fenceGrammarOf(language)}\n        className=\"overflow-x-auto text-sm leading-relaxed text-doom-text\"\n      />\n    );\n  return (\n    <div\n      data-slot=\"code-block\"\n      data-language={language ?? ''}\n      className=\"relative rounded border border-doom-border bg-doom-deep p-2.5\"\n    >\n      {body}\n      <CopyButton text={text} className=\"absolute top-1.5 right-1.5\" />\n    </div>\n  );\n}\n"],"mappings":"4KA0BA,SAAgB,EAAU,CAAE,OAAM,aAA6B,CAC7D,IAAM,EAAWA,EAAAA,gBAAgB,CAAS,EACpC,EACJ,IAAA,UACE,iBAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,eAAD,CAAgB,KAAM,CAAO,CAAA,EAE7B,iBAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CACQ,OACN,QAASC,EAAAA,eAAe,CAAQ,EAChC,UAAU,wDACX,CAAA,EAEL,MACE,iBAAA,EAAA,EAAA,KAAA,CAAC,MAAD,CACE,YAAU,aACV,gBAAe,GAAY,GAC3B,UAAU,gEAHZ,SAAA,CAKG,EACD,iBAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CAAkB,OAAM,UAAU,4BAA8B,CAAA,CAC7D,GAET"}

package/dist/src/components/CodeBlock.mjs

@@ -1,2 +1,2 @@
-import{SyntaxText as e}from"./SyntaxText.mjs";import{fenceGrammarOf as t,fenceLanguageOf as n}from"../lib/fenceGrammar.mjs";import{CopyButton as r}from"./CopyButton.mjs";import{MermaidDiagram as i}from"./MermaidDiagram.mjs";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s({text:s,className:c}){let l=n(c),u=l===`mermaid`?a(i,{code:s}):a(e,{text:s,grammar:t(l),className:`overflow-x-auto text-sm leading-relaxed text-doom-text`});return o(`div`,{"data-slot":`code-block`,"data-language":l??``,className:`relative rounded border border-doom-border bg-doom-deep p-2.5`,children:[u,a(r,{text:s,className:`absolute top-1.5 right-1.5`})]})}export{s as CodeBlock};
+import{SyntaxText as e}from"./SyntaxText.mjs";import{fenceGrammarOf as t,fenceLanguageOf as n}from"../lib/fenceGrammar.mjs";import{CopyButton as r}from"./CopyButton.mjs";import{MermaidDiagram as i}from"./MermaidDiagram.mjs";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s({text:s,className:c}){let l=n(c),u=l===`mermaid`?/* @__PURE__ */ a(i,{code:s}):/* @__PURE__ */ a(e,{text:s,grammar:t(l),className:`overflow-x-auto text-sm leading-relaxed text-doom-text`});return/* @__PURE__ */ o(`div`,{"data-slot":`code-block`,"data-language":l??``,className:`relative rounded border border-doom-border bg-doom-deep p-2.5`,children:[u,/* @__PURE__ */ a(r,{text:s,className:`absolute top-1.5 right-1.5`})]})}export{s as CodeBlock};
 //# sourceMappingURL=CodeBlock.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.mjs","names":[],"sources":["../../../src/components/CodeBlock.tsx"],"sourcesContent":["import { fenceGrammarOf, fenceLanguageOf, MERMAID_LANGUAGE } from '../lib/fenceGrammar';\nimport { CopyButton } from './CopyButton';\nimport { MermaidDiagram } from './MermaidDiagram';\nimport { SyntaxText } from './SyntaxText';\n\n/**\n * A fenced code block: coloured, copyable, and a picture when it is mermaid.\n *\n * DESIGN PATTERNS:\n * - The fence's own word picks the grammar, and an unknown word means plain\n *   text rather than a guess at the wrong language.\n * - Colour and the diagram both arrive asynchronously, so the block always has\n *   the source on screen from the first frame of a streaming reply.\n *\n * AVOID:\n * - Reading the language anywhere but the fence. A block in a message has no\n *   path, and guessing from the body colours prose as code.\n */\n\nexport interface CodeBlockProps {\n  /** The block's source, without the fence lines. */\n  text: string;\n  /** The `language-*` class react-markdown puts on the inner <code>. */\n  className?: string | undefined;\n}\n\nexport function CodeBlock({ text, className }: CodeBlockProps) {\n  const language = fenceLanguageOf(className);\n  const body =\n    language === MERMAID_LANGUAGE ? (\n      <MermaidDiagram code={text} />\n    ) : (\n      <SyntaxText\n        text={text}\n        grammar={fenceGrammarOf(language)}\n        className=\"overflow-x-auto text-sm leading-relaxed text-doom-text\"\n      />\n    );\n  return (\n    <div\n      data-slot=\"code-block\"\n      data-language={language ?? ''}\n      className=\"relative rounded border border-doom-border bg-doom-deep p-2.5\"\n    >\n      {body}\n      <CopyButton text={text} className=\"absolute top-1.5 right-1.5\" />\n    </div>\n  );\n}\n"],"mappings":"kRA0BA,SAAgB,EAAU,CAAE,OAAM,aAA6B,CAC7D,IAAM,EAAW,EAAgB,CAAS,EACpC,EACJ,IAAA,UACE,EAAC,EAAD,CAAgB,KAAM,CAAO,CAAA,EAE7B,EAAC,EAAD,CACQ,OACN,QAAS,EAAe,CAAQ,EAChC,UAAU,wDACX,CAAA,EAEL,OACE,EAAC,MAAD,CACE,YAAU,aACV,gBAAe,GAAY,GAC3B,UAAU,gEAHZ,SAAA,CAKG,EACD,EAAC,EAAD,CAAkB,OAAM,UAAU,4BAA8B,CAAA,CAC7D,GAET"}
+{"version":3,"file":"CodeBlock.mjs","names":[],"sources":["../../../src/components/CodeBlock.tsx"],"sourcesContent":["import { fenceGrammarOf, fenceLanguageOf, MERMAID_LANGUAGE } from '../lib/fenceGrammar';\nimport { CopyButton } from './CopyButton';\nimport { MermaidDiagram } from './MermaidDiagram';\nimport { SyntaxText } from './SyntaxText';\n\n/**\n * A fenced code block: coloured, copyable, and a picture when it is mermaid.\n *\n * DESIGN PATTERNS:\n * - The fence's own word picks the grammar, and an unknown word means plain\n *   text rather than a guess at the wrong language.\n * - Colour and the diagram both arrive asynchronously, so the block always has\n *   the source on screen from the first frame of a streaming reply.\n *\n * AVOID:\n * - Reading the language anywhere but the fence. A block in a message has no\n *   path, and guessing from the body colours prose as code.\n */\n\nexport interface CodeBlockProps {\n  /** The block's source, without the fence lines. */\n  text: string;\n  /** The `language-*` class react-markdown puts on the inner <code>. */\n  className?: string | undefined;\n}\n\nexport function CodeBlock({ text, className }: CodeBlockProps) {\n  const language = fenceLanguageOf(className);\n  const body =\n    language === MERMAID_LANGUAGE ? (\n      <MermaidDiagram code={text} />\n    ) : (\n      <SyntaxText\n        text={text}\n        grammar={fenceGrammarOf(language)}\n        className=\"overflow-x-auto text-sm leading-relaxed text-doom-text\"\n      />\n    );\n  return (\n    <div\n      data-slot=\"code-block\"\n      data-language={language ?? ''}\n      className=\"relative rounded border border-doom-border bg-doom-deep p-2.5\"\n    >\n      {body}\n      <CopyButton text={text} className=\"absolute top-1.5 right-1.5\" />\n    </div>\n  );\n}\n"],"mappings":"kRA0BA,SAAgB,EAAU,CAAE,OAAM,aAA6B,CAC7D,IAAM,EAAW,EAAgB,CAAS,EACpC,EACJ,IAAA,UACE,kBAAC,EAAD,CAAgB,KAAM,CAAO,CAAA,EAE7B,kBAAC,EAAD,CACQ,OACN,QAAS,EAAe,CAAQ,EAChC,UAAU,wDACX,CAAA,EAEL,MACE,kBAAC,MAAD,CACE,YAAU,aACV,gBAAe,GAAY,GAC3B,UAAU,gEAHZ,SAAA,CAKG,EACD,kBAAC,EAAD,CAAkB,OAAM,UAAU,4BAA8B,CAAA,CAC7D,GAET"}

package/dist/src/components/CodeEditor.cjs

@@ -1,2 +1,2 @@
-const e=require("../lib/cn.cjs"),t=require("./Skeleton.cjs");let n=require("react/jsx-runtime"),r=require("react");const i=(0,r.lazy)(async()=>({default:(await Promise.resolve().then(()=>require("./CodeEditorView.cjs"))).CodeEditorView}));function a({className:a,...o}){return(0,n.jsx)(r.Suspense,{fallback:(0,n.jsx)(t.Skeleton,{className:e.cn(`min-h-0`,a)}),children:(0,n.jsx)(i,{className:a,...o})})}exports.CodeEditor=a;
+const e=require("../lib/cn.cjs"),t=require("./Skeleton.cjs");let n=require("react/jsx-runtime"),r=require("react");const i=(0,r.lazy)(async()=>({default:(await Promise.resolve().then(()=>require("./CodeEditorView.cjs"))).CodeEditorView}));function a({className:a,...o}){return/* @__PURE__ */ (0,n.jsx)(r.Suspense,{fallback:/* @__PURE__ */ (0,n.jsx)(t.Skeleton,{className:e.cn(`min-h-0`,a)}),children:/* @__PURE__ */ (0,n.jsx)(i,{className:a,...o})})}exports.CodeEditor=a;
 //# sourceMappingURL=CodeEditor.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.cjs","names":["lazy","Suspense","Skeleton","cn"],"sources":["../../../src/components/CodeEditor.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\n\nimport { cn } from '../lib/cn';\nimport type { CodeEditorProps } from '../types/editor';\nimport { Skeleton } from './Skeleton';\n\n/**\n * A code editor: line numbers, syntax colour, folding, undo, and a search\n * panel on the usual keys.\n *\n * The editor arrives as its own chunk. The cockpit is one bundle that every\n * session downloads, most of them without ever opening a file, and it is read\n * over a tunnel as often as over localhost; an editor nobody opened has no\n * business in that first load. What this module holds is the boundary, so the\n * cost is paid on the first render that asks for an editor and never again.\n */\nconst CodeEditorView = lazy(async () => ({ default: (await import('./CodeEditorView')).CodeEditorView }));\n\nexport function CodeEditor({ className, ...props }: CodeEditorProps) {\n  return (\n    <Suspense fallback={<Skeleton className={cn('min-h-0', className)} />}>\n      <CodeEditorView className={className} {...props} />\n    </Suspense>\n  );\n}\n"],"mappings":"mHAgBA,MAAM,GAAA,EAAiBA,EAAAA,KAAAA,CAAK,UAAa,CAAE,SAAU,MAAA,QAAA,QAAA,CAAA,CAAA,SAAA,QAAM,sBAAA,CAAA,EAAA,CAA4B,cAAe,EAAE,EAExG,SAAgB,EAAW,CAAE,YAAW,GAAG,GAA0B,CACnE,OACE,EAAA,EAAA,IAAA,CAACC,EAAAA,SAAD,CAAU,UAAU,EAAA,EAAA,IAAA,CAACC,EAAAA,SAAD,CAAU,UAAWC,EAAAA,GAAG,UAAW,CAAS,CAAI,CAAA,EAClE,UAAA,EAAA,EAAA,IAAA,CAAC,EAAD,CAA2B,YAAW,GAAI,CAAQ,CAAA,CAC1C,CAAA,CAEd"}
+{"version":3,"file":"CodeEditor.cjs","names":["lazy","Suspense","Skeleton","cn"],"sources":["../../../src/components/CodeEditor.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\n\nimport { cn } from '../lib/cn';\nimport type { CodeEditorProps } from '../types/editor';\nimport { Skeleton } from './Skeleton';\n\n/**\n * A code editor: line numbers, syntax colour, folding, undo, and a search\n * panel on the usual keys.\n *\n * The editor arrives as its own chunk. The cockpit is one bundle that every\n * session downloads, most of them without ever opening a file, and it is read\n * over a tunnel as often as over localhost; an editor nobody opened has no\n * business in that first load. What this module holds is the boundary, so the\n * cost is paid on the first render that asks for an editor and never again.\n */\nconst CodeEditorView = lazy(async () => ({ default: (await import('./CodeEditorView')).CodeEditorView }));\n\nexport function CodeEditor({ className, ...props }: CodeEditorProps) {\n  return (\n    <Suspense fallback={<Skeleton className={cn('min-h-0', className)} />}>\n      <CodeEditorView className={className} {...props} />\n    </Suspense>\n  );\n}\n"],"mappings":"mHAgBA,MAAM,GAAA,EAAiBA,EAAAA,KAAAA,CAAK,UAAa,CAAE,SAAU,MAAA,QAAA,QAAA,CAAA,CAAA,SAAA,QAAM,sBAAA,CAAA,EAAA,CAA4B,cAAe,EAAE,EAExG,SAAgB,EAAW,CAAE,YAAW,GAAG,GAA0B,CACnE,MACE,iBAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,SAAD,CAAU,SAAU,iBAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,SAAD,CAAU,UAAWC,EAAAA,GAAG,UAAW,CAAS,CAAI,CAAA,EAClE,SAAA,iBAAA,EAAA,EAAA,IAAA,CAAC,EAAD,CAA2B,YAAW,GAAI,CAAQ,CAAA,CAC1C,CAAA,CAEd"}

package/dist/src/components/CodeEditor.mjs

@@ -1,2 +1,2 @@
-import{cn as e}from"../lib/cn.mjs";import{Skeleton as t}from"./Skeleton.mjs";import{jsx as n}from"react/jsx-runtime";import{Suspense as r,lazy as i}from"react";const a=i(async()=>({default:(await import(`./CodeEditorView.mjs`)).CodeEditorView}));function o({className:i,...o}){return n(r,{fallback:n(t,{className:e(`min-h-0`,i)}),children:n(a,{className:i,...o})})}export{o as CodeEditor};
+import{cn as e}from"../lib/cn.mjs";import{Skeleton as t}from"./Skeleton.mjs";import{jsx as n}from"react/jsx-runtime";import{Suspense as r,lazy as i}from"react";const a=i(async()=>({default:(await import(`./CodeEditorView.mjs`)).CodeEditorView}));function o({className:i,...o}){return/* @__PURE__ */ n(r,{fallback:/* @__PURE__ */ n(t,{className:e(`min-h-0`,i)}),children:/* @__PURE__ */ n(a,{className:i,...o})})}export{o as CodeEditor};
 //# sourceMappingURL=CodeEditor.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.mjs","names":[],"sources":["../../../src/components/CodeEditor.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\n\nimport { cn } from '../lib/cn';\nimport type { CodeEditorProps } from '../types/editor';\nimport { Skeleton } from './Skeleton';\n\n/**\n * A code editor: line numbers, syntax colour, folding, undo, and a search\n * panel on the usual keys.\n *\n * The editor arrives as its own chunk. The cockpit is one bundle that every\n * session downloads, most of them without ever opening a file, and it is read\n * over a tunnel as often as over localhost; an editor nobody opened has no\n * business in that first load. What this module holds is the boundary, so the\n * cost is paid on the first render that asks for an editor and never again.\n */\nconst CodeEditorView = lazy(async () => ({ default: (await import('./CodeEditorView')).CodeEditorView }));\n\nexport function CodeEditor({ className, ...props }: CodeEditorProps) {\n  return (\n    <Suspense fallback={<Skeleton className={cn('min-h-0', className)} />}>\n      <CodeEditorView className={className} {...props} />\n    </Suspense>\n  );\n}\n"],"mappings":"gKAgBA,MAAM,EAAiB,EAAK,UAAa,CAAE,SAAU,MAAM,OAAO,wBAAA,CAAqB,cAAe,EAAE,EAExG,SAAgB,EAAW,CAAE,YAAW,GAAG,GAA0B,CACnE,OACE,EAAC,EAAD,CAAU,SAAU,EAAC,EAAD,CAAU,UAAW,EAAG,UAAW,CAAS,CAAI,CAAA,EAClE,SAAA,EAAC,EAAD,CAA2B,YAAW,GAAI,CAAQ,CAAA,CAC1C,CAAA,CAEd"}
+{"version":3,"file":"CodeEditor.mjs","names":[],"sources":["../../../src/components/CodeEditor.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\n\nimport { cn } from '../lib/cn';\nimport type { CodeEditorProps } from '../types/editor';\nimport { Skeleton } from './Skeleton';\n\n/**\n * A code editor: line numbers, syntax colour, folding, undo, and a search\n * panel on the usual keys.\n *\n * The editor arrives as its own chunk. The cockpit is one bundle that every\n * session downloads, most of them without ever opening a file, and it is read\n * over a tunnel as often as over localhost; an editor nobody opened has no\n * business in that first load. What this module holds is the boundary, so the\n * cost is paid on the first render that asks for an editor and never again.\n */\nconst CodeEditorView = lazy(async () => ({ default: (await import('./CodeEditorView')).CodeEditorView }));\n\nexport function CodeEditor({ className, ...props }: CodeEditorProps) {\n  return (\n    <Suspense fallback={<Skeleton className={cn('min-h-0', className)} />}>\n      <CodeEditorView className={className} {...props} />\n    </Suspense>\n  );\n}\n"],"mappings":"gKAgBA,MAAM,EAAiB,EAAK,UAAa,CAAE,SAAU,MAAM,OAAO,wBAAA,CAAqB,cAAe,EAAE,EAExG,SAAgB,EAAW,CAAE,YAAW,GAAG,GAA0B,CACnE,MACE,kBAAC,EAAD,CAAU,SAAU,kBAAC,EAAD,CAAU,UAAW,EAAG,UAAW,CAAS,CAAI,CAAA,EAClE,SAAA,kBAAC,EAAD,CAA2B,YAAW,GAAI,CAAQ,CAAA,CAC1C,CAAA,CAEd"}

package/dist/src/components/CodeEditorView.cjs

@@ -1,2 +1,2 @@
-const e=require("../lib/cn.cjs"),t=require("../lib/editorLanguage.cjs"),n=require("../lib/editorTheme.cjs"),r=require("../lib/editorController.cjs");let i=require("react/jsx-runtime"),a=require("react"),o=require("@codemirror/commands"),s=require("@codemirror/language"),c=require("@codemirror/search"),l=require("@codemirror/state"),u=require("@codemirror/view"),d=require("@lezer/highlight");function f(e,t,n){let r=Math.min(t,n),i=Math.max(t,n);return{text:e.state.sliceDoc(r,i),from:r,to:i,startLine:e.state.doc.lineAt(r).number,endLine:e.state.doc.lineAt(i).number}}function p(e,t){let n=e.posAtCoords({x:t.left,y:t.top}),r=e.posAtCoords({x:t.right,y:t.bottom});return n===null||r===null?null:f(e,n,r)}const m=u.EditorView.theme(n.DOOM_EDITOR_STYLES),h=s.HighlightStyle.define([{tag:d.tags.comment,...n.DOOM_SYNTAX_STYLES.comment},{tag:d.tags.keyword,...n.DOOM_SYNTAX_STYLES.keyword},{tag:[d.tags.atom,d.tags.bool,d.tags.null,d.tags.self],...n.DOOM_SYNTAX_STYLES.constant},{tag:d.tags.number,...n.DOOM_SYNTAX_STYLES.literal},{tag:[d.tags.string,d.tags.special(d.tags.string),d.tags.character],...n.DOOM_SYNTAX_STYLES.string},{tag:d.tags.regexp,...n.DOOM_SYNTAX_STYLES.regexp},{tag:d.tags.operator,...n.DOOM_SYNTAX_STYLES.operator},{tag:d.tags.punctuation,...n.DOOM_SYNTAX_STYLES.punctuation},{tag:d.tags.variableName,...n.DOOM_SYNTAX_STYLES.variable},{tag:d.tags.propertyName,...n.DOOM_SYNTAX_STYLES.property},{tag:[d.tags.function(d.tags.variableName),d.tags.function(d.tags.propertyName)],...n.DOOM_SYNTAX_STYLES.callable},{tag:[d.tags.typeName,d.tags.className,d.tags.namespace],...n.DOOM_SYNTAX_STYLES.type},{tag:d.tags.tagName,...n.DOOM_SYNTAX_STYLES.tag},{tag:d.tags.attributeName,...n.DOOM_SYNTAX_STYLES.attribute},{tag:[d.tags.meta,d.tags.processingInstruction],...n.DOOM_SYNTAX_STYLES.meta},{tag:d.tags.heading,...n.DOOM_SYNTAX_STYLES.heading},{tag:[d.tags.link,d.tags.url],...n.DOOM_SYNTAX_STYLES.link},{tag:d.tags.emphasis,...n.DOOM_SYNTAX_STYLES.emphasis},{tag:d.tags.strong,...n.DOOM_SYNTAX_STYLES.strong},{tag:d.tags.strikethrough,...n.DOOM_SYNTAX_STYLES.strikethrough},{tag:d.tags.invalid,...n.DOOM_SYNTAX_STYLES.invalid}]),g=l.StateEffect.define(),_=l.StateField.define({create:()=>u.Decoration.none,update:(e,t)=>{let n=e.map(t.changes);for(let e of t.effects)e.is(g)&&(n=e.value);return n},provide:e=>u.EditorView.decorations.from(e)}),v=l.StateEffect.define(),y=l.StateField.define({create:()=>u.Decoration.none,update:(e,t)=>{let n=e.map(t.changes);for(let e of t.effects)e.is(v)&&(n=e.value);return n},provide:e=>u.EditorView.decorations.from(e)});var b=class extends u.WidgetType{label;constructor(e){super(),this.label=e}eq(e){return e.label===this.label}toDOM(){let e=document.createElement(`span`);return e.className=`cm-marked-region-label`,e.dataset.authorRegionLabel=this.label,e.textContent=this.label,e}};const x=u.EditorView.baseTheme({".cm-marked-region":{backgroundColor:`var(--doom-tint-yellow)`,borderBottom:`1px solid var(--doom-edge-yellow)`},".cm-marked-region-label":{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,minWidth:`16px`,height:`16px`,marginRight:`4px`,borderRadius:`999px`,backgroundColor:`var(--doom-yellow)`,color:`var(--doom-deep)`,fontSize:`9px`,fontWeight:`700`,lineHeight:`1`,verticalAlign:`text-bottom`}}),S=[(0,u.lineNumbers)(),(0,u.highlightActiveLineGutter)(),(0,s.foldGutter)(),(0,u.highlightActiveLine)(),(0,u.drawSelection)(),(0,u.rectangularSelection)(),(0,s.indentOnInput)(),(0,s.bracketMatching)(),(0,o.history)(),(0,c.search)({top:!0}),(0,c.highlightSelectionMatches)(),u.keymap.of([...o.defaultKeymap,...o.historyKeymap,...c.searchKeymap,...s.foldKeymap,o.indentWithTab]),(0,s.syntaxHighlighting)(h),_,y,x,m];function C({value:n,path:o,readOnly:s=!1,lineWrapping:c=!0,className:d,onChange:m,onSelect:h,controllerRef:_,"data-testid":y}){let x=(0,a.useRef)(null),C=(0,a.useRef)(null),w=(0,a.useRef)({onChange:m,onSelect:h}),T=(0,a.useRef)(n),E=(0,a.useRef)({language:new l.Compartment,readOnly:new l.Compartment,wrapping:new l.Compartment});return(0,a.useEffect)(()=>{w.current={onChange:m,onSelect:h}}),(0,a.useLayoutEffect)(()=>{let e=x.current;if(e===null)return;let{language:t,readOnly:n,wrapping:r}=E.current,i=new u.EditorView({parent:e,state:l.EditorState.create({doc:T.current,extensions:[...S,t.of([]),n.of([]),r.of([]),u.EditorView.updateListener.of(e=>{if(e.docChanged&&w.current.onChange?.(e.state.doc.toString()),!e.selectionSet&&!e.docChanged)return;let t=w.current.onSelect;if(t===void 0)return;let n=e.state.selection.main;t(f(e.view,n.from,n.to))})]})});return C.current=i,()=>{i.destroy(),C.current=null}},[]),(0,a.useImperativeHandle)(_,()=>({focus:()=>C.current?.focus(),revealAndSelect:e=>{let t=C.current;if(t===null)return;let[n]=r.boundedEditorRanges(t.state.doc.length,[e]);n!==void 0&&t.dispatch({selection:{anchor:n.from,head:n.to},effects:u.EditorView.scrollIntoView(n.from,{y:`center`})})},applyEdits:e=>{let t=C.current;t!==null&&e.length!==0&&t.dispatch({changes:r.boundedEditorEdits(t.state.doc.length,e)})},setClosedRanges:e=>{let t=C.current;if(t===null)return;let n=r.boundedEditorRanges(t.state.doc.length,e).map(e=>e.from===e.to?u.Decoration.line({attributes:{class:`cm-closed-tone`,"data-tone":`closed`}}).range(t.state.doc.lineAt(e.from).from):u.Decoration.mark({class:`cm-closed-tone`,attributes:{"data-tone":`closed`}}).range(e.from,e.to));t.dispatch({effects:g.of(u.Decoration.set(n))})},setMarkedRanges:e=>{let t=C.current;if(t===null)return;let n=e.flatMap(e=>{let[n]=r.boundedEditorRanges(t.state.doc.length,[e]);return n===void 0||n.from===n.to?[]:[u.Decoration.widget({widget:new b(e.label),side:-1}).range(n.from),u.Decoration.mark({class:`cm-marked-region`,attributes:{"data-author-region":e.label}}).range(n.from,n.to)]});t.dispatch({effects:v.of(u.Decoration.set(n,!0))})},resolveViewportRegion:e=>{let t=C.current;return t===null?null:p(t,e)}}),[]),(0,a.useEffect)(()=>{let e=C.current;e!==null&&e.state.doc.toString()!==n&&e.dispatch({changes:{from:0,to:e.state.doc.length,insert:n}})},[n]),(0,a.useEffect)(()=>{C.current?.dispatch({effects:E.current.readOnly.reconfigure([l.EditorState.readOnly.of(s),u.EditorView.editable.of(!s)])})},[s]),(0,a.useEffect)(()=>{C.current?.dispatch({effects:E.current.wrapping.reconfigure(c?u.EditorView.lineWrapping:[])})},[c]),(0,a.useEffect)(()=>{let e=o===void 0?void 0:t.grammarKeyOf(o),{language:n}=E.current;if(e===void 0){C.current?.dispatch({effects:n.reconfigure([])});return}let r=!1;return t.loadGrammar(e).then(e=>{r||C.current?.dispatch({effects:n.reconfigure(e)})}).catch(()=>{r||C.current?.dispatch({effects:n.reconfigure([])})}),()=>{r=!0}},[o]),(0,i.jsx)(`div`,{ref:x,"data-testid":y,className:e.cn(`min-h-0 overflow-hidden`,d)})}exports.CodeEditorView=C,exports.resolveEditorViewportRegion=p;
+const e=require("../lib/cn.cjs"),t=require("../lib/editorLanguage.cjs"),n=require("../lib/editorTheme.cjs"),r=require("../lib/editorController.cjs");let i=require("react/jsx-runtime"),a=require("react"),o=require("@codemirror/commands"),s=require("@codemirror/language"),c=require("@codemirror/search"),l=require("@codemirror/state"),u=require("@codemirror/view"),d=require("@lezer/highlight");function f(e,t,n){let r=Math.min(t,n),i=Math.max(t,n);return{text:e.state.sliceDoc(r,i),from:r,to:i,startLine:e.state.doc.lineAt(r).number,endLine:e.state.doc.lineAt(i).number}}function p(e,t){let n=e.posAtCoords({x:t.left,y:t.top}),r=e.posAtCoords({x:t.right,y:t.bottom});return n===null||r===null?null:f(e,n,r)}const m=u.EditorView.theme(n.DOOM_EDITOR_STYLES),h=s.HighlightStyle.define([{tag:d.tags.comment,...n.DOOM_SYNTAX_STYLES.comment},{tag:d.tags.keyword,...n.DOOM_SYNTAX_STYLES.keyword},{tag:[d.tags.atom,d.tags.bool,d.tags.null,d.tags.self],...n.DOOM_SYNTAX_STYLES.constant},{tag:d.tags.number,...n.DOOM_SYNTAX_STYLES.literal},{tag:[d.tags.string,d.tags.special(d.tags.string),d.tags.character],...n.DOOM_SYNTAX_STYLES.string},{tag:d.tags.regexp,...n.DOOM_SYNTAX_STYLES.regexp},{tag:d.tags.operator,...n.DOOM_SYNTAX_STYLES.operator},{tag:d.tags.punctuation,...n.DOOM_SYNTAX_STYLES.punctuation},{tag:d.tags.variableName,...n.DOOM_SYNTAX_STYLES.variable},{tag:d.tags.propertyName,...n.DOOM_SYNTAX_STYLES.property},{tag:[d.tags.function(d.tags.variableName),d.tags.function(d.tags.propertyName)],...n.DOOM_SYNTAX_STYLES.callable},{tag:[d.tags.typeName,d.tags.className,d.tags.namespace],...n.DOOM_SYNTAX_STYLES.type},{tag:d.tags.tagName,...n.DOOM_SYNTAX_STYLES.tag},{tag:d.tags.attributeName,...n.DOOM_SYNTAX_STYLES.attribute},{tag:[d.tags.meta,d.tags.processingInstruction],...n.DOOM_SYNTAX_STYLES.meta},{tag:d.tags.heading,...n.DOOM_SYNTAX_STYLES.heading},{tag:[d.tags.link,d.tags.url],...n.DOOM_SYNTAX_STYLES.link},{tag:d.tags.emphasis,...n.DOOM_SYNTAX_STYLES.emphasis},{tag:d.tags.strong,...n.DOOM_SYNTAX_STYLES.strong},{tag:d.tags.strikethrough,...n.DOOM_SYNTAX_STYLES.strikethrough},{tag:d.tags.invalid,...n.DOOM_SYNTAX_STYLES.invalid}]),g=l.StateEffect.define(),_=l.StateField.define({create:()=>u.Decoration.none,update:(e,t)=>{let n=e.map(t.changes);for(let e of t.effects)e.is(g)&&(n=e.value);return n},provide:e=>u.EditorView.decorations.from(e)}),v=l.StateEffect.define(),y=l.StateField.define({create:()=>u.Decoration.none,update:(e,t)=>{let n=e.map(t.changes);for(let e of t.effects)e.is(v)&&(n=e.value);return n},provide:e=>u.EditorView.decorations.from(e)});var b=class extends u.WidgetType{label;constructor(e){super(),this.label=e}eq(e){return e.label===this.label}toDOM(){let e=document.createElement(`span`);return e.className=`cm-marked-region-label`,e.dataset.authorRegionLabel=this.label,e.textContent=this.label,e}};const x=u.EditorView.baseTheme({".cm-marked-region":{backgroundColor:`var(--doom-tint-yellow)`,borderBottom:`1px solid var(--doom-edge-yellow)`},".cm-marked-region-label":{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,minWidth:`16px`,height:`16px`,marginRight:`4px`,borderRadius:`999px`,backgroundColor:`var(--doom-yellow)`,color:`var(--doom-deep)`,fontSize:`9px`,fontWeight:`700`,lineHeight:`1`,verticalAlign:`text-bottom`}}),S=[(0,u.lineNumbers)(),(0,u.highlightActiveLineGutter)(),(0,s.foldGutter)(),(0,u.highlightActiveLine)(),(0,u.drawSelection)(),(0,u.rectangularSelection)(),(0,s.indentOnInput)(),(0,s.bracketMatching)(),(0,o.history)(),(0,c.search)({top:!0}),(0,c.highlightSelectionMatches)(),u.keymap.of([...o.defaultKeymap,...o.historyKeymap,...c.searchKeymap,...s.foldKeymap,o.indentWithTab]),(0,s.syntaxHighlighting)(h),_,y,x,m];function C({value:n,path:o,readOnly:s=!1,lineWrapping:c=!0,className:d,onChange:m,onSelect:h,controllerRef:_,"data-testid":y}){let x=(0,a.useRef)(null),C=(0,a.useRef)(null),w=(0,a.useRef)({onChange:m,onSelect:h}),T=(0,a.useRef)(n),E=(0,a.useRef)({language:new l.Compartment,readOnly:new l.Compartment,wrapping:new l.Compartment});return(0,a.useEffect)(()=>{w.current={onChange:m,onSelect:h}}),(0,a.useLayoutEffect)(()=>{let e=x.current;if(e===null)return;let{language:t,readOnly:n,wrapping:r}=E.current,i=new u.EditorView({parent:e,state:l.EditorState.create({doc:T.current,extensions:[...S,t.of([]),n.of([]),r.of([]),u.EditorView.updateListener.of(e=>{if(e.docChanged&&w.current.onChange?.(e.state.doc.toString()),!e.selectionSet&&!e.docChanged)return;let t=w.current.onSelect;if(t===void 0)return;let n=e.state.selection.main;t(f(e.view,n.from,n.to))})]})});return C.current=i,()=>{i.destroy(),C.current=null}},[]),(0,a.useImperativeHandle)(_,()=>({focus:()=>C.current?.focus(),revealAndSelect:e=>{let t=C.current;if(t===null)return;let[n]=r.boundedEditorRanges(t.state.doc.length,[e]);n!==void 0&&t.dispatch({selection:{anchor:n.from,head:n.to},effects:u.EditorView.scrollIntoView(n.from,{y:`center`})})},applyEdits:e=>{let t=C.current;t!==null&&e.length!==0&&t.dispatch({changes:r.boundedEditorEdits(t.state.doc.length,e)})},setClosedRanges:e=>{let t=C.current;if(t===null)return;let n=r.boundedEditorRanges(t.state.doc.length,e).map(e=>e.from===e.to?u.Decoration.line({attributes:{class:`cm-closed-tone`,"data-tone":`closed`}}).range(t.state.doc.lineAt(e.from).from):u.Decoration.mark({class:`cm-closed-tone`,attributes:{"data-tone":`closed`}}).range(e.from,e.to));t.dispatch({effects:g.of(u.Decoration.set(n))})},setMarkedRanges:e=>{let t=C.current;if(t===null)return;let n=e.flatMap(e=>{let[n]=r.boundedEditorRanges(t.state.doc.length,[e]);return n===void 0||n.from===n.to?[]:[u.Decoration.widget({widget:new b(e.label),side:-1}).range(n.from),u.Decoration.mark({class:`cm-marked-region`,attributes:{"data-author-region":e.label}}).range(n.from,n.to)]});t.dispatch({effects:v.of(u.Decoration.set(n,!0))})},resolveViewportRegion:e=>{let t=C.current;return t===null?null:p(t,e)}}),[]),(0,a.useEffect)(()=>{let e=C.current;e!==null&&e.state.doc.toString()!==n&&e.dispatch({changes:{from:0,to:e.state.doc.length,insert:n}})},[n]),(0,a.useEffect)(()=>{C.current?.dispatch({effects:E.current.readOnly.reconfigure([l.EditorState.readOnly.of(s),u.EditorView.editable.of(!s)])})},[s]),(0,a.useEffect)(()=>{C.current?.dispatch({effects:E.current.wrapping.reconfigure(c?u.EditorView.lineWrapping:[])})},[c]),(0,a.useEffect)(()=>{let e=o===void 0?void 0:t.grammarKeyOf(o),{language:n}=E.current;if(e===void 0){C.current?.dispatch({effects:n.reconfigure([])});return}let r=!1;return t.loadGrammar(e).then(e=>{r||C.current?.dispatch({effects:n.reconfigure(e)})}).catch(()=>{r||C.current?.dispatch({effects:n.reconfigure([])})}),()=>{r=!0}},[o]),/* @__PURE__ */ (0,i.jsx)(`div`,{ref:x,"data-testid":y,className:e.cn(`min-h-0 overflow-hidden`,d)})}exports.CodeEditorView=C,exports.resolveEditorViewportRegion=p;
 //# sourceMappingURL=CodeEditorView.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditorView.cjs","names":["EditorView","DOOM_EDITOR_STYLES","HighlightStyle","tags","DOOM_SYNTAX_STYLES","StateEffect","StateField","Decoration","WidgetType","lineNumbers","highlightActiveLineGutter","foldGutter","highlightActiveLine","drawSelection","rectangularSelection","indentOnInput","bracketMatching","history","search","highlightSelectionMatches","keymap","defaultKeymap","historyKeymap","searchKeymap","foldKeymap","indentWithTab","syntaxHighlighting","useRef","Compartment","EditorState","boundedEditorRanges","boundedEditorEdits","grammarKeyOf","loadGrammar","cn"],"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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"}
+{"version":3,"file":"CodeEditorView.cjs","names":["EditorView","DOOM_EDITOR_STYLES","HighlightStyle","tags","DOOM_SYNTAX_STYLES","StateEffect","StateField","Decoration","WidgetType","lineNumbers","highlightActiveLineGutter","foldGutter","highlightActiveLine","drawSelection","rectangularSelection","indentOnInput","bracketMatching","history","search","highlightSelectionMatches","keymap","defaultKeymap","historyKeymap","searchKeymap","foldKeymap","indentWithTab","syntaxHighlighting","useRef","Compartment","EditorState","boundedEditorRanges","boundedEditorEdits","grammarKeyOf","loadGrammar","cn"],"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/CodeEditorView.mjs

@@ -1,2 +1,2 @@
-import{cn as e}from"../lib/cn.mjs";import{grammarKeyOf as t,loadGrammar as n}from"../lib/editorLanguage.mjs";import{DOOM_EDITOR_STYLES as r,DOOM_SYNTAX_STYLES as i}from"../lib/editorTheme.mjs";import{boundedEditorEdits as a,boundedEditorRanges as o}from"../lib/editorController.mjs";import{jsx as s}from"react/jsx-runtime";import{useEffect as c,useImperativeHandle as l,useLayoutEffect as u,useRef as d}from"react";import{defaultKeymap as f,history as p,historyKeymap as m,indentWithTab as h}from"@codemirror/commands";import{HighlightStyle as g,bracketMatching as _,foldGutter as v,foldKeymap as y,indentOnInput as b,syntaxHighlighting as x}from"@codemirror/language";import{highlightSelectionMatches as S,search as C,searchKeymap as w}from"@codemirror/search";import{Compartment as T,EditorState as E,StateEffect as D,StateField as O}from"@codemirror/state";import{Decoration as k,EditorView as A,WidgetType as j,drawSelection as M,highlightActiveLine as N,highlightActiveLineGutter as P,keymap as F,lineNumbers as I,rectangularSelection as L}from"@codemirror/view";import{tags as R}from"@lezer/highlight";function z(e,t,n){let r=Math.min(t,n),i=Math.max(t,n);return{text:e.state.sliceDoc(r,i),from:r,to:i,startLine:e.state.doc.lineAt(r).number,endLine:e.state.doc.lineAt(i).number}}function B(e,t){let n=e.posAtCoords({x:t.left,y:t.top}),r=e.posAtCoords({x:t.right,y:t.bottom});return n===null||r===null?null:z(e,n,r)}const V=A.theme(r),H=g.define([{tag:R.comment,...i.comment},{tag:R.keyword,...i.keyword},{tag:[R.atom,R.bool,R.null,R.self],...i.constant},{tag:R.number,...i.literal},{tag:[R.string,R.special(R.string),R.character],...i.string},{tag:R.regexp,...i.regexp},{tag:R.operator,...i.operator},{tag:R.punctuation,...i.punctuation},{tag:R.variableName,...i.variable},{tag:R.propertyName,...i.property},{tag:[R.function(R.variableName),R.function(R.propertyName)],...i.callable},{tag:[R.typeName,R.className,R.namespace],...i.type},{tag:R.tagName,...i.tag},{tag:R.attributeName,...i.attribute},{tag:[R.meta,R.processingInstruction],...i.meta},{tag:R.heading,...i.heading},{tag:[R.link,R.url],...i.link},{tag:R.emphasis,...i.emphasis},{tag:R.strong,...i.strong},{tag:R.strikethrough,...i.strikethrough},{tag:R.invalid,...i.invalid}]),U=D.define(),W=O.define({create:()=>k.none,update:(e,t)=>{let n=e.map(t.changes);for(let e of t.effects)e.is(U)&&(n=e.value);return n},provide:e=>A.decorations.from(e)}),G=D.define(),K=O.define({create:()=>k.none,update:(e,t)=>{let n=e.map(t.changes);for(let e of t.effects)e.is(G)&&(n=e.value);return n},provide:e=>A.decorations.from(e)});var q=class extends j{label;constructor(e){super(),this.label=e}eq(e){return e.label===this.label}toDOM(){let e=document.createElement(`span`);return e.className=`cm-marked-region-label`,e.dataset.authorRegionLabel=this.label,e.textContent=this.label,e}};const J=A.baseTheme({".cm-marked-region":{backgroundColor:`var(--doom-tint-yellow)`,borderBottom:`1px solid var(--doom-edge-yellow)`},".cm-marked-region-label":{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,minWidth:`16px`,height:`16px`,marginRight:`4px`,borderRadius:`999px`,backgroundColor:`var(--doom-yellow)`,color:`var(--doom-deep)`,fontSize:`9px`,fontWeight:`700`,lineHeight:`1`,verticalAlign:`text-bottom`}}),Y=[I(),P(),v(),N(),M(),L(),b(),_(),p(),C({top:!0}),S(),F.of([...f,...m,...w,...y,h]),x(H),W,K,J,V];function X({value:r,path:i,readOnly:f=!1,lineWrapping:p=!0,className:m,onChange:h,onSelect:g,controllerRef:_,"data-testid":v}){let y=d(null),b=d(null),x=d({onChange:h,onSelect:g}),S=d(r),C=d({language:new T,readOnly:new T,wrapping:new T});return c(()=>{x.current={onChange:h,onSelect:g}}),u(()=>{let e=y.current;if(e===null)return;let{language:t,readOnly:n,wrapping:r}=C.current,i=new A({parent:e,state:E.create({doc:S.current,extensions:[...Y,t.of([]),n.of([]),r.of([]),A.updateListener.of(e=>{if(e.docChanged&&x.current.onChange?.(e.state.doc.toString()),!e.selectionSet&&!e.docChanged)return;let t=x.current.onSelect;if(t===void 0)return;let n=e.state.selection.main;t(z(e.view,n.from,n.to))})]})});return b.current=i,()=>{i.destroy(),b.current=null}},[]),l(_,()=>({focus:()=>b.current?.focus(),revealAndSelect:e=>{let t=b.current;if(t===null)return;let[n]=o(t.state.doc.length,[e]);n!==void 0&&t.dispatch({selection:{anchor:n.from,head:n.to},effects:A.scrollIntoView(n.from,{y:`center`})})},applyEdits:e=>{let t=b.current;t!==null&&e.length!==0&&t.dispatch({changes:a(t.state.doc.length,e)})},setClosedRanges:e=>{let t=b.current;if(t===null)return;let n=o(t.state.doc.length,e).map(e=>e.from===e.to?k.line({attributes:{class:`cm-closed-tone`,"data-tone":`closed`}}).range(t.state.doc.lineAt(e.from).from):k.mark({class:`cm-closed-tone`,attributes:{"data-tone":`closed`}}).range(e.from,e.to));t.dispatch({effects:U.of(k.set(n))})},setMarkedRanges:e=>{let t=b.current;if(t===null)return;let n=e.flatMap(e=>{let[n]=o(t.state.doc.length,[e]);return n===void 0||n.from===n.to?[]:[k.widget({widget:new q(e.label),side:-1}).range(n.from),k.mark({class:`cm-marked-region`,attributes:{"data-author-region":e.label}}).range(n.from,n.to)]});t.dispatch({effects:G.of(k.set(n,!0))})},resolveViewportRegion:e=>{let t=b.current;return t===null?null:B(t,e)}}),[]),c(()=>{let e=b.current;e!==null&&e.state.doc.toString()!==r&&e.dispatch({changes:{from:0,to:e.state.doc.length,insert:r}})},[r]),c(()=>{b.current?.dispatch({effects:C.current.readOnly.reconfigure([E.readOnly.of(f),A.editable.of(!f)])})},[f]),c(()=>{b.current?.dispatch({effects:C.current.wrapping.reconfigure(p?A.lineWrapping:[])})},[p]),c(()=>{let e=i===void 0?void 0:t(i),{language:r}=C.current;if(e===void 0){b.current?.dispatch({effects:r.reconfigure([])});return}let a=!1;return n(e).then(e=>{a||b.current?.dispatch({effects:r.reconfigure(e)})}).catch(()=>{a||b.current?.dispatch({effects:r.reconfigure([])})}),()=>{a=!0}},[i]),s(`div`,{ref:y,"data-testid":v,className:e(`min-h-0 overflow-hidden`,m)})}export{X as CodeEditorView,B as resolveEditorViewportRegion};
+import{cn as e}from"../lib/cn.mjs";import{grammarKeyOf as t,loadGrammar as n}from"../lib/editorLanguage.mjs";import{DOOM_EDITOR_STYLES as r,DOOM_SYNTAX_STYLES as i}from"../lib/editorTheme.mjs";import{boundedEditorEdits as a,boundedEditorRanges as o}from"../lib/editorController.mjs";import{jsx as s}from"react/jsx-runtime";import{useEffect as c,useImperativeHandle as l,useLayoutEffect as u,useRef as d}from"react";import{defaultKeymap as f,history as p,historyKeymap as m,indentWithTab as h}from"@codemirror/commands";import{HighlightStyle as g,bracketMatching as _,foldGutter as v,foldKeymap as y,indentOnInput as b,syntaxHighlighting as x}from"@codemirror/language";import{highlightSelectionMatches as S,search as C,searchKeymap as w}from"@codemirror/search";import{Compartment as T,EditorState as E,StateEffect as D,StateField as O}from"@codemirror/state";import{Decoration as k,EditorView as A,WidgetType as j,drawSelection as M,highlightActiveLine as N,highlightActiveLineGutter as P,keymap as F,lineNumbers as I,rectangularSelection as L}from"@codemirror/view";import{tags as R}from"@lezer/highlight";function z(e,t,n){let r=Math.min(t,n),i=Math.max(t,n);return{text:e.state.sliceDoc(r,i),from:r,to:i,startLine:e.state.doc.lineAt(r).number,endLine:e.state.doc.lineAt(i).number}}function B(e,t){let n=e.posAtCoords({x:t.left,y:t.top}),r=e.posAtCoords({x:t.right,y:t.bottom});return n===null||r===null?null:z(e,n,r)}const V=A.theme(r),H=g.define([{tag:R.comment,...i.comment},{tag:R.keyword,...i.keyword},{tag:[R.atom,R.bool,R.null,R.self],...i.constant},{tag:R.number,...i.literal},{tag:[R.string,R.special(R.string),R.character],...i.string},{tag:R.regexp,...i.regexp},{tag:R.operator,...i.operator},{tag:R.punctuation,...i.punctuation},{tag:R.variableName,...i.variable},{tag:R.propertyName,...i.property},{tag:[R.function(R.variableName),R.function(R.propertyName)],...i.callable},{tag:[R.typeName,R.className,R.namespace],...i.type},{tag:R.tagName,...i.tag},{tag:R.attributeName,...i.attribute},{tag:[R.meta,R.processingInstruction],...i.meta},{tag:R.heading,...i.heading},{tag:[R.link,R.url],...i.link},{tag:R.emphasis,...i.emphasis},{tag:R.strong,...i.strong},{tag:R.strikethrough,...i.strikethrough},{tag:R.invalid,...i.invalid}]),U=D.define(),W=O.define({create:()=>k.none,update:(e,t)=>{let n=e.map(t.changes);for(let e of t.effects)e.is(U)&&(n=e.value);return n},provide:e=>A.decorations.from(e)}),G=D.define(),K=O.define({create:()=>k.none,update:(e,t)=>{let n=e.map(t.changes);for(let e of t.effects)e.is(G)&&(n=e.value);return n},provide:e=>A.decorations.from(e)});var q=class extends j{label;constructor(e){super(),this.label=e}eq(e){return e.label===this.label}toDOM(){let e=document.createElement(`span`);return e.className=`cm-marked-region-label`,e.dataset.authorRegionLabel=this.label,e.textContent=this.label,e}};const J=A.baseTheme({".cm-marked-region":{backgroundColor:`var(--doom-tint-yellow)`,borderBottom:`1px solid var(--doom-edge-yellow)`},".cm-marked-region-label":{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,minWidth:`16px`,height:`16px`,marginRight:`4px`,borderRadius:`999px`,backgroundColor:`var(--doom-yellow)`,color:`var(--doom-deep)`,fontSize:`9px`,fontWeight:`700`,lineHeight:`1`,verticalAlign:`text-bottom`}}),Y=[I(),P(),v(),N(),M(),L(),b(),_(),p(),C({top:!0}),S(),F.of([...f,...m,...w,...y,h]),x(H),W,K,J,V];function X({value:r,path:i,readOnly:f=!1,lineWrapping:p=!0,className:m,onChange:h,onSelect:g,controllerRef:_,"data-testid":v}){let y=d(null),b=d(null),x=d({onChange:h,onSelect:g}),S=d(r),C=d({language:new T,readOnly:new T,wrapping:new T});return c(()=>{x.current={onChange:h,onSelect:g}}),u(()=>{let e=y.current;if(e===null)return;let{language:t,readOnly:n,wrapping:r}=C.current,i=new A({parent:e,state:E.create({doc:S.current,extensions:[...Y,t.of([]),n.of([]),r.of([]),A.updateListener.of(e=>{if(e.docChanged&&x.current.onChange?.(e.state.doc.toString()),!e.selectionSet&&!e.docChanged)return;let t=x.current.onSelect;if(t===void 0)return;let n=e.state.selection.main;t(z(e.view,n.from,n.to))})]})});return b.current=i,()=>{i.destroy(),b.current=null}},[]),l(_,()=>({focus:()=>b.current?.focus(),revealAndSelect:e=>{let t=b.current;if(t===null)return;let[n]=o(t.state.doc.length,[e]);n!==void 0&&t.dispatch({selection:{anchor:n.from,head:n.to},effects:A.scrollIntoView(n.from,{y:`center`})})},applyEdits:e=>{let t=b.current;t!==null&&e.length!==0&&t.dispatch({changes:a(t.state.doc.length,e)})},setClosedRanges:e=>{let t=b.current;if(t===null)return;let n=o(t.state.doc.length,e).map(e=>e.from===e.to?k.line({attributes:{class:`cm-closed-tone`,"data-tone":`closed`}}).range(t.state.doc.lineAt(e.from).from):k.mark({class:`cm-closed-tone`,attributes:{"data-tone":`closed`}}).range(e.from,e.to));t.dispatch({effects:U.of(k.set(n))})},setMarkedRanges:e=>{let t=b.current;if(t===null)return;let n=e.flatMap(e=>{let[n]=o(t.state.doc.length,[e]);return n===void 0||n.from===n.to?[]:[k.widget({widget:new q(e.label),side:-1}).range(n.from),k.mark({class:`cm-marked-region`,attributes:{"data-author-region":e.label}}).range(n.from,n.to)]});t.dispatch({effects:G.of(k.set(n,!0))})},resolveViewportRegion:e=>{let t=b.current;return t===null?null:B(t,e)}}),[]),c(()=>{let e=b.current;e!==null&&e.state.doc.toString()!==r&&e.dispatch({changes:{from:0,to:e.state.doc.length,insert:r}})},[r]),c(()=>{b.current?.dispatch({effects:C.current.readOnly.reconfigure([E.readOnly.of(f),A.editable.of(!f)])})},[f]),c(()=>{b.current?.dispatch({effects:C.current.wrapping.reconfigure(p?A.lineWrapping:[])})},[p]),c(()=>{let e=i===void 0?void 0:t(i),{language:r}=C.current;if(e===void 0){b.current?.dispatch({effects:r.reconfigure([])});return}let a=!1;return n(e).then(e=>{a||b.current?.dispatch({effects:r.reconfigure(e)})}).catch(()=>{a||b.current?.dispatch({effects:r.reconfigure([])})}),()=>{a=!0}},[i]),/* @__PURE__ */ s(`div`,{ref:y,"data-testid":v,className:e(`min-h-0 overflow-hidden`,m)})}export{X as CodeEditorView,B as resolveEditorViewportRegion};
 //# sourceMappingURL=CodeEditorView.mjs.map

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, 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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"}
+{"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';\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,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.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';\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,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-2xs font-bold tracking-wider 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-sm 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-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;
+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';\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,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,6EAA8E,CAAS,EACrG,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,gDAAiD,CAAS,EACxE,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAc,CAAE,YAAW,GAAG,GAAgC,CAC5E,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,iBACV,UAAWA,EAAAA,GACT,4IACA,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.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-2xs font-bold tracking-wider 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-sm 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-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};
+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';\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,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,6EAA8E,CAAS,EACrG,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,gDAAiD,CAAS,EACxE,GAAI,CACL,CAAA,CAEL,CAGA,SAAgB,EAAc,CAAE,YAAW,GAAG,GAAgC,CAC5E,OACE,EAAC,MAAD,CACE,YAAU,iBACV,UAAW,EACT,4IACA,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

@@ -1,2 +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(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`?(0,n.jsx)(i.Check,{className:`size-3 text-doom-green`}):(0,n.jsx)(i.Copy,{className:`size-3`})})}exports.CopyButton=o;
+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

@@ -1 +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,OACE,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,UAAW,EAAA,EAAA,IAAA,CAACC,EAAAA,MAAD,CAAW,UAAU,wBAA0B,CAAA,GAAI,EAAA,EAAA,IAAA,CAACC,EAAAA,KAAD,CAAU,UAAU,QAAU,CAAA,CACjG,CAAA,CAEZ"}
+{"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"}