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

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

@@ -6,14 +6,14 @@ import { ComponentProps } from "react";
  * native one cannot be styled to the palette on every platform, and the
  * cockpit's model and mode pickers need the same surface a popover has.
  */
-declare function Select$1(props: ComponentProps<typeof Select.Root>): import("react/jsx-runtime").JSX.Element;
-declare function SelectGroup(props: ComponentProps<typeof Select.Group>): import("react/jsx-runtime").JSX.Element;
-declare function SelectValue(props: ComponentProps<typeof Select.Value>): import("react/jsx-runtime").JSX.Element;
-declare function SelectTrigger({ className, children, ...props }: ComponentProps<typeof Select.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function SelectContent({ className, position, sideOffset, children, ...props }: ComponentProps<typeof Select.Content>): import("react/jsx-runtime").JSX.Element;
-declare function SelectLabel({ className, ...props }: ComponentProps<typeof Select.Label>): import("react/jsx-runtime").JSX.Element;
-declare function SelectItem({ className, children, ...props }: ComponentProps<typeof Select.Item>): import("react/jsx-runtime").JSX.Element;
-declare function SelectSeparator({ className, ...props }: ComponentProps<typeof Select.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function Select$1(props: ComponentProps<typeof Select.Root>): import("react").JSX.Element;
+export declare function SelectGroup(props: ComponentProps<typeof Select.Group>): import("react").JSX.Element;
+export declare function SelectValue(props: ComponentProps<typeof Select.Value>): import("react").JSX.Element;
+export declare function SelectTrigger({ className, children, ...props }: ComponentProps<typeof Select.Trigger>): import("react").JSX.Element;
+export declare function SelectContent({ className, position, sideOffset, children, ...props }: ComponentProps<typeof Select.Content>): import("react").JSX.Element;
+export declare function SelectLabel({ className, ...props }: ComponentProps<typeof Select.Label>): import("react").JSX.Element;
+export declare function SelectItem({ className, children, ...props }: ComponentProps<typeof Select.Item>): import("react").JSX.Element;
+export declare function SelectSeparator({ className, ...props }: ComponentProps<typeof Select.Separator>): import("react").JSX.Element;
 //#endregion
-export { Select$1 as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
+export { Select$1 as Select };
 //# sourceMappingURL=Select.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.mts","names":[],"sources":["../../../src/components/Select.tsx"],"mappings":";;;;;;;;iBAUgB,SAAO,OAAO,sBAAsB,OAAgB,oCAAK,IAAA;iBAIzD,YAAY,OAAO,sBAAsB,OAAgB,qCAAM,IAAA;iBAI/D,YAAY,OAAO,sBAAsB,OAAgB,qCAAM,IAAA;iBAI/D,gBAAgB,WAAW,aAAa,SAAS,sBAAsB,OAAgB,uCAAQ,IAAA;iBAkB/F,gBACd,WACA,UACA,YACA,aACG,SACF,sBAAsB,OAAgB,uCAAQ,IAAA;iBAmBjC,cAAc,cAAc,SAAS,sBAAsB,OAAgB,qCAAM,IAAA;iBAUjF,aAAa,WAAW,aAAa,SAAS,sBAAsB,OAAgB,oCAAK,IAAA;iBAoBzF,kBAAkB,cAAc,SAAS,sBAAsB,OAAgB,yCAAU,IAAA"}
+{"version":3,"file":"Select.d.mts","names":[],"sources":["../../../src/components/Select.tsx"],"mappings":";;;;;;;;iBAWgB,SAAO,OAAO,sBAAsB,OAAgB,wBAAK,IAAA;wBAIzD,YAAY,OAAO,sBAAsB,OAAgB,yBAAM,IAAA;wBAI/D,YAAY,OAAO,sBAAsB,OAAgB,yBAAM,IAAA;wBAI/D,gBAAgB,WAAW,aAAa,SAAS,sBAAsB,OAAgB,2BAAQ,IAAA;wBAkB/F,gBACd,WACA,UACA,YACA,aACG,SACF,sBAAsB,OAAgB,2BAAQ,IAAA;wBAmBjC,cAAc,cAAc,SAAS,sBAAsB,OAAgB,yBAAM,IAAA;wBAUjF,aAAa,WAAW,aAAa,SAAS,sBAAsB,OAAgB,wBAAK,IAAA;wBAoBzF,kBAAkB,cAAc,SAAS,sBAAsB,OAAgB,6BAAU,IAAA"}

package/dist/src/components/Select.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"Select.mjs","names":["Select","SelectPrimitive"],"sources":["../../../src/components/Select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\nimport { CheckIcon, ChevronDownIcon } from '../icons/icons.ts';\nimport { cn } from '../lib/cn.ts';\n\n/**\n * A single choice from a list, on Radix rather than a native <select>: a\n * native one cannot be styled to the palette on every platform, and the\n * cockpit's model and mode pickers need the same surface a popover has.\n */\nexport function Select(props: ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nexport function SelectGroup(props: ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nexport function SelectValue(props: ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nexport function SelectTrigger({ className, children, ...props }: ComponentProps<typeof SelectPrimitive.Trigger>) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      className={cn(\n        'flex h-7 cursor-pointer items-center justify-between gap-2 rounded border border-doom-border bg-doom-deep px-2.5 font-mono text-[11px] text-doom-hi outline-none transition-colors hover:border-doom-blue/50 focus-visible:ring-2 focus-visible:ring-doom-blue/50 disabled:pointer-events-none disabled:opacity-40 data-[placeholder]:text-doom-faint',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"h-3 w-3 shrink-0 text-doom-faint\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nexport function SelectContent({\n  className,\n  position = 'popper',\n  sideOffset = 4,\n  children,\n  ...props\n}: ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        position={position}\n        sideOffset={sideOffset}\n        className={cn(\n          'z-50 max-h-[320px] min-w-[var(--radix-select-trigger-width)] overflow-hidden rounded border border-doom-border bg-doom-panel font-mono shadow-xl outline-none data-[state=open]:animate-doom-rise',\n          className,\n        )}\n        {...props}\n      >\n        <SelectPrimitive.Viewport className=\"p-1\">{children}</SelectPrimitive.Viewport>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nexport function SelectLabel({ className, ...props }: ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('px-2 py-1 text-[8px] font-bold tracking-[0.14em] text-doom-faint uppercase', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SelectItem({ className, children, ...props }: ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        'relative flex cursor-pointer items-center gap-2 rounded-[3px] py-1.5 pr-2 pl-7 text-[11px] text-doom-hi outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-doom-deep',\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex h-3 w-3 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"h-3 w-3 text-doom-blue\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nexport function SelectSeparator({ className, ...props }: ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn('my-1 h-px bg-doom-border-soft', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"2LAUA,SAAgBA,EAAO,EAAoD,CACzE,OAAO,EAACC,EAAgB,KAAjB,CAAsB,YAAU,SAAS,GAAI,CAAQ,CAAA,CAC9D,CAEA,SAAgB,EAAY,EAAqD,CAC/E,OAAO,EAACA,EAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAEA,SAAgB,EAAY,EAAqD,CAC/E,OAAO,EAACA,EAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAEA,SAAgB,EAAc,CAAE,YAAW,WAAU,GAAG,GAAyD,CAC/G,OACE,EAACA,EAAgB,QAAjB,CACE,YAAU,iBACV,UAAW,EACT,wVACA,CACF,EACA,GAAI,EANN,SAAA,CAQG,EACD,EAACA,EAAgB,KAAjB,CAAsB,QAAA,GACpB,SAAA,EAAC,EAAD,CAAiB,UAAU,kCAAoC,CAAA,CAC3C,CAAA,CACC,GAE7B,CAEA,SAAgB,EAAc,CAC5B,YACA,WAAW,SACX,aAAa,EACb,WACA,GAAG,GAC8C,CACjD,OACE,EAACA,EAAgB,OAAjB,CAAA,SACE,EAACA,EAAgB,QAAjB,CACE,YAAU,iBACA,WACE,aACZ,UAAW,EACT,oMACA,CACF,EACA,GAAI,EAEJ,SAAA,EAACA,EAAgB,SAAjB,CAA0B,UAAU,MAAO,UAAmC,CAAA,CACvD,CAAA,CACH,CAAA,CAE5B,CAEA,SAAgB,EAAY,CAAE,YAAW,GAAG,GAAuD,CACjG,OACE,EAACA,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EAAG,6EAA8E,CAAS,EACrG,GAAI,CACL,CAAA,CAEL,CAEA,SAAgB,EAAW,CAAE,YAAW,WAAU,GAAG,GAAsD,CACzG,OACE,EAACA,EAAgB,KAAjB,CACE,YAAU,cACV,UAAW,EACT,kOACA,CACF,EACA,GAAI,EANN,SAAA,CAQE,EAAC,OAAD,CAAM,UAAU,+EACd,SAAA,EAACA,EAAgB,cAAjB,CAAA,SACE,EAAC,EAAD,CAAW,UAAU,wBAA0B,CAAA,CAClB,CAAA,CAC3B,CAAA,EACN,EAACA,EAAgB,SAAjB,CAA2B,UAAmC,CAAA,CAC1C,GAE1B,CAEA,SAAgB,EAAgB,CAAE,YAAW,GAAG,GAA2D,CACzG,OACE,EAACA,EAAgB,UAAjB,CACE,YAAU,mBACV,UAAW,EAAG,gCAAiC,CAAS,EACxD,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"Select.mjs","names":["Select","SelectPrimitive"],"sources":["../../../src/components/Select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { CheckIcon, ChevronDownIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\n\n/**\n * A single choice from a list, on Radix rather than a native <select>: a\n * native one cannot be styled to the palette on every platform, and the\n * cockpit's model and mode pickers need the same surface a popover has.\n */\nexport function Select(props: ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nexport function SelectGroup(props: ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nexport function SelectValue(props: ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nexport function SelectTrigger({ className, children, ...props }: ComponentProps<typeof SelectPrimitive.Trigger>) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      className={cn(\n        'flex h-7 cursor-pointer items-center justify-between gap-2 rounded border border-doom-border bg-doom-deep px-2.5 font-mono text-sm text-doom-hi outline-none transition-colors hover:border-doom-blue/50 focus-visible:ring-2 focus-visible:ring-doom-blue/50 disabled:pointer-events-none disabled:opacity-40 data-[placeholder]:text-doom-faint',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"h-3 w-3 shrink-0 text-doom-faint\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nexport function SelectContent({\n  className,\n  position = 'popper',\n  sideOffset = 4,\n  children,\n  ...props\n}: ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        position={position}\n        sideOffset={sideOffset}\n        className={cn(\n          'z-50 max-h-[320px] min-w-[var(--radix-select-trigger-width)] overflow-hidden rounded border border-doom-border bg-doom-panel font-mono shadow-xl outline-none data-[state=open]:animate-doom-rise',\n          className,\n        )}\n        {...props}\n      >\n        <SelectPrimitive.Viewport className=\"p-1\">{children}</SelectPrimitive.Viewport>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nexport function SelectLabel({ className, ...props }: ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('px-2 py-1 text-2xs font-bold tracking-wider text-doom-faint uppercase', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SelectItem({ className, children, ...props }: ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        'relative flex cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-2 pl-7 text-sm text-doom-hi outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-doom-deep',\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex h-3 w-3 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"h-3 w-3 text-doom-blue\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nexport function SelectSeparator({ className, ...props }: ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn('my-1 h-px bg-doom-border-soft', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"2LAWA,SAAgBA,EAAO,EAAoD,CACzE,MAAO,kBAACC,EAAgB,KAAjB,CAAsB,YAAU,SAAS,GAAI,CAAQ,CAAA,CAC9D,CAEA,SAAgB,EAAY,EAAqD,CAC/E,MAAO,kBAACA,EAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAEA,SAAgB,EAAY,EAAqD,CAC/E,MAAO,kBAACA,EAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAEA,SAAgB,EAAc,CAAE,YAAW,WAAU,GAAG,GAAyD,CAC/G,MACE,kBAACA,EAAgB,QAAjB,CACE,YAAU,iBACV,UAAW,EACT,oVACA,CACF,EACA,GAAI,EANN,SAAA,CAQG,EACD,kBAACA,EAAgB,KAAjB,CAAsB,QAAA,GACpB,SAAA,kBAAC,EAAD,CAAiB,UAAU,kCAAoC,CAAA,CAC3C,CAAA,CACC,GAE7B,CAEA,SAAgB,EAAc,CAC5B,YACA,WAAW,SACX,aAAa,EACb,WACA,GAAG,GAC8C,CACjD,MACE,kBAACA,EAAgB,OAAjB,CAAA,SACE,kBAACA,EAAgB,QAAjB,CACE,YAAU,iBACA,WACE,aACZ,UAAW,EACT,oMACA,CACF,EACA,GAAI,EAEJ,SAAA,kBAACA,EAAgB,SAAjB,CAA0B,UAAU,MAAO,UAAmC,CAAA,CACvD,CAAA,CACH,CAAA,CAE5B,CAEA,SAAgB,EAAY,CAAE,YAAW,GAAG,GAAuD,CACjG,MACE,kBAACA,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EAAG,wEAAyE,CAAS,EAChG,GAAI,CACL,CAAA,CAEL,CAEA,SAAgB,EAAW,CAAE,YAAW,WAAU,GAAG,GAAsD,CACzG,MACE,kBAACA,EAAgB,KAAjB,CACE,YAAU,cACV,UAAW,EACT,2NACA,CACF,EACA,GAAI,EANN,SAAA,CAQE,kBAAC,OAAD,CAAM,UAAU,+EACd,SAAA,kBAACA,EAAgB,cAAjB,CAAA,SACE,kBAAC,EAAD,CAAW,UAAU,wBAA0B,CAAA,CAClB,CAAA,CAC3B,CAAA,EACN,kBAACA,EAAgB,SAAjB,CAA2B,UAAmC,CAAA,CAC1C,GAE1B,CAEA,SAAgB,EAAgB,CAAE,YAAW,GAAG,GAA2D,CACzG,MACE,kBAACA,EAAgB,UAAjB,CACE,YAAU,mBACV,UAAW,EAAG,gCAAiC,CAAS,EACxD,GAAI,CACL,CAAA,CAEL"}

package/dist/src/components/Separator.cjs

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

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

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

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

@@ -7,7 +7,7 @@ import { ComponentProps } from "react";
  * separator role, and either way the element carries `data-orientation` so a
  * consumer can style around it the way it does every other primitive.
  */
-declare function Separator$1({ className, orientation, decorative, ...props }: ComponentProps<typeof Separator.Root>): import("react/jsx-runtime").JSX.Element;
+declare function Separator$1({ className, orientation, decorative, ...props }: ComponentProps<typeof Separator.Root>): import("react").JSX.Element;
 //#endregion
 export { Separator$1 as Separator };
 //# sourceMappingURL=Separator.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Separator.d.mts","names":[],"sources":["../../../src/components/Separator.tsx"],"mappings":";;;;;;;;;iBAUgB,cACd,WACA,aACA,eACG,SACF,sBAAsB,UAAmB,oCAAK,IAAA"}
+{"version":3,"file":"Separator.d.mts","names":[],"sources":["../../../src/components/Separator.tsx"],"mappings":";;;;;;;;;iBAWgB,cACd,WACA,aACA,eACG,SACF,sBAAsB,UAAmB,wBAAK,IAAA"}

package/dist/src/components/Separator.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"Separator.mjs","names":["Separator","SeparatorPrimitive"],"sources":["../../../src/components/Separator.tsx"],"sourcesContent":["import { Separator as SeparatorPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\nimport { cn } from '../lib/cn.ts';\n\n/**\n * A hairline in the soft border colour. Radix decides the semantics: a\n * decorative rule is hidden from assistive tech, a meaningful one keeps its\n * separator role, and either way the element carries `data-orientation` so a\n * consumer can style around it the way it does every other primitive.\n */\nexport function Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      orientation={orientation}\n      decorative={decorative}\n      className={cn(\n        'shrink-0 bg-doom-border-soft',\n        orientation === 'vertical' ? 'h-full w-px' : 'h-px w-full',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"gHAUA,SAAgBA,EAAU,CACxB,YACA,cAAc,aACd,aAAa,GACb,GAAG,GAC8C,CACjD,OACE,EAACC,EAAmB,KAApB,CACE,YAAU,YACG,cACD,aACZ,UAAW,EACT,+BACA,IAAgB,WAAa,cAAgB,cAC7C,CACF,EACA,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"Separator.mjs","names":["Separator","SeparatorPrimitive"],"sources":["../../../src/components/Separator.tsx"],"sourcesContent":["import { Separator as SeparatorPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/**\n * A hairline in the soft border colour. Radix decides the semantics: a\n * decorative rule is hidden from assistive tech, a meaningful one keeps its\n * separator role, and either way the element carries `data-orientation` so a\n * consumer can style around it the way it does every other primitive.\n */\nexport function Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      orientation={orientation}\n      decorative={decorative}\n      className={cn(\n        'shrink-0 bg-doom-border-soft',\n        orientation === 'vertical' ? 'h-full w-px' : 'h-px w-full',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"gHAWA,SAAgBA,EAAU,CACxB,YACA,cAAc,aACd,aAAa,GACb,GAAG,GAC8C,CACjD,MACE,kBAACC,EAAmB,KAApB,CACE,YAAU,YACG,cACD,aACZ,UAAW,EACT,+BACA,IAAgB,WAAa,cAAgB,cAC7C,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/src/components/Sheet.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.cjs","names":["SheetPrimitive","cn","Button","CloseIcon"],"sources":["../../../src/components/Sheet.tsx"],"sourcesContent":["import { Dialog as SheetPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { CloseIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\nimport { Button } from './Button';\n\n/**\n * A side panel on Radix's Dialog: an overlay that slides in from an edge,\n * with the focus trap, Escape, outside click and scroll lock a dialog has.\n *\n * It is the Dialog for content that reads as a column rather than a form: a\n * detail view beside what the reader was looking at. An inline aside cannot\n * do this, because it takes width from the surface underneath it.\n */\nexport function Sheet(props: ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nexport function SheetTrigger(props: ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nexport function SheetClose(props: ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nexport function SheetOverlay({ className, ...props }: ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn('fixed inset-0 z-40 bg-doom-deep/70 data-[state=open]:animate-doom-fade', className)}\n      {...props}\n    />\n  );\n}\n\nconst SIDE_POSITION = {\n  right: 'inset-y-0 right-0 border-l data-[state=open]:animate-doom-slide-right',\n  left: 'inset-y-0 left-0 border-r data-[state=open]:animate-doom-slide-left',\n} as const;\n\nexport interface SheetContentProps extends ComponentProps<typeof SheetPrimitive.Content> {\n  /** Which edge it comes from. */\n  side?: 'right' | 'left';\n  /** Width preset; `className` may still override. */\n  width?: 'sm' | 'md' | 'lg';\n}\n\nconst CONTENT_WIDTH = { sm: 'w-[360px]', md: 'w-[440px]', lg: 'w-[560px]' } as const;\n\nexport function SheetContent({ className, children, side = 'right', width = 'md', ...props }: SheetContentProps) {\n  return (\n    <SheetPrimitive.Portal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        data-side={side}\n        className={cn(\n          'fixed z-50 flex max-w-[calc(100vw-24px)] flex-col overflow-hidden border-doom-border bg-doom-rail font-mono shadow-2xl outline-none',\n          SIDE_POSITION[side],\n          CONTENT_WIDTH[width],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </SheetPrimitive.Content>\n    </SheetPrimitive.Portal>\n  );\n}\n\nexport interface SheetHeaderProps extends ComponentProps<'div'> {\n  /** Show the close control at the right of the strip. On by default: a sheet is dismissed, not answered. */\n  dismissible?: boolean;\n  /** What the close control announces. */\n  closeLabel?: string;\n}\n\nexport function SheetHeader({\n  className,\n  dismissible = true,\n  closeLabel = 'close',\n  children,\n  ...props\n}: SheetHeaderProps) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn('flex h-11 min-w-0 shrink-0 items-center gap-2.5 border-b border-doom-border px-4', className)}\n      {...props}\n    >\n      {children}\n      {dismissible ? (\n        <SheetPrimitive.Close asChild>\n          <Button variant=\"ghost\" size=\"icon\" aria-label={closeLabel} className=\"text-doom-faint hover:text-doom-hi\">\n            <CloseIcon className=\"h-3 w-3\" />\n          </Button>\n        </SheetPrimitive.Close>\n      ) : null}\n    </div>\n  );\n}\n\nexport function SheetTitle({ className, ...props }: ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('truncate text-base font-bold text-doom-hi', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SheetDescription({ className, ...props }: ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-sm leading-relaxed text-doom-dim', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SheetBody({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-body\"\n      className={cn('flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto px-4 py-3', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SheetFooter({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\n        'flex min-h-[34px] shrink-0 flex-wrap items-center justify-between gap-2 border-t border-doom-border-soft bg-doom-deep px-4 py-1.5',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"4KAeA,SAAgB,EAAM,EAAmD,CACvE,MAAO,iBAAA,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAe,KAAhB,CAAqB,YAAU,QAAQ,GAAI,CAAQ,CAAA,CAC5D,CAEA,SAAgB,EAAa,EAAsD,CACjF,MAAO,iBAAA,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAe,QAAhB,CAAwB,YAAU,gBAAgB,GAAI,CAAQ,CAAA,CACvE,CAEA,SAAgB,EAAW,EAAoD,CAC7E,MAAO,iBAAA,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAe,MAAhB,CAAsB,YAAU,cAAc,GAAI,CAAQ,CAAA,CACnE,CAEA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAwD,CACnG,MACE,iBAAA,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAe,QAAhB,CACE,YAAU,gBACV,UAAWC,EAAAA,GAAG,yEAA0E,CAAS,EACjG,GAAI,CACL,CAAA,CAEL,CAEA,MAAM,EAAgB,CACpB,MAAO,wEACP,KAAM,qEACR,EASM,EAAgB,CAAE,GAAI,YAAa,GAAI,YAAa,GAAI,WAAY,EAE1E,SAAgB,EAAa,CAAE,YAAW,WAAU,OAAO,QAAS,QAAQ,KAAM,GAAG,GAA4B,CAC/G,MACE,iBAAA,EAAA,EAAA,KAAA,CAACD,EAAAA,OAAe,OAAhB,CAAA,SAAA,CACE,iBAAA,EAAA,EAAA,IAAA,CAAC,EAAD,CAAe,CAAA,EACf,iBAAA,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAe,QAAhB,CACE,YAAU,gBACV,YAAW,EACX,UAAWC,EAAAA,GACT,sIACA,EAAc,GACd,EAAc,GACd,CACF,EACA,GAAI,EAEH,UACqB,CAAA,CACH,CAAA,CAAA,CAE3B,CASA,SAAgB,EAAY,CAC1B,YACA,cAAc,GACd,aAAa,QACb,WACA,GAAG,GACgB,CACnB,MACE,iBAAA,EAAA,EAAA,KAAA,CAAC,MAAD,CACE,YAAU,eACV,UAAWA,EAAAA,GAAG,mFAAoF,CAAS,EAC3G,GAAI,EAHN,SAAA,CAKG,EACA,EACC,iBAAA,EAAA,EAAA,IAAA,CAACD,EAAAA,OAAe,MAAhB,CAAsB,QAAA,GACpB,SAAA,iBAAA,EAAA,EAAA,IAAA,CAACE,EAAAA,OAAD,CAAQ,QAAQ,QAAQ,KAAK,OAAO,aAAY,EAAY,UAAU,qCACpE,SAAA,iBAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,EAAD,CAAW,UAAU,SAAW,CAAA,CAC1B,CAAA,CACY,CAAA,EACpB,IACD,GAET,CAEA,SAAgB,EAAW,CAAE,YAAW,GAAG,GAAsD,CAC/F,MACE,iBAAA,EAAA,EAAA,IAAA,CAACH,EAAAA,OAAe,MAAhB,CACE,YAAU,cACV,UAAWC,EAAAA,GAAG,4CAA6C,CAAS,EACpE,GAAI,CACL,CAAA,CAEL,CAEA,SAAgB,EAAiB,CAAE,YAAW,GAAG,GAA4D,CAC3G,MACE,iBAAA,EAAA,EAAA,IAAA,CAACD,EAAAA,OAAe,YAAhB,CACE,YAAU,oBACV,UAAWC,EAAAA,GAAG,wCAAyC,CAAS,EAChE,GAAI,CACL,CAAA,CAEL,CAEA,SAAgB,EAAU,CAAE,YAAW,GAAG,GAAgC,CACxE,MACE,iBAAA,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,aACV,UAAWA,EAAAA,GAAG,+DAAgE,CAAS,EACvF,GAAI,CACL,CAAA,CAEL,CAEA,SAAgB,EAAY,CAAE,YAAW,GAAG,GAAgC,CAC1E,MACE,iBAAA,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,eACV,UAAWA,EAAAA,GACT,oIACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

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

@@ -0,0 +1,35 @@
+import { Dialog } from "radix-ui";
+import { ComponentProps } from "react";
+//#region src/components/Sheet.d.ts
+/**
+ * A side panel on Radix's Dialog: an overlay that slides in from an edge,
+ * with the focus trap, Escape, outside click and scroll lock a dialog has.
+ *
+ * It is the Dialog for content that reads as a column rather than a form: a
+ * detail view beside what the reader was looking at. An inline aside cannot
+ * do this, because it takes width from the surface underneath it.
+ */
+export declare function Sheet(props: ComponentProps<typeof Dialog.Root>): import("react").JSX.Element;
+export declare function SheetTrigger(props: ComponentProps<typeof Dialog.Trigger>): import("react").JSX.Element;
+export declare function SheetClose(props: ComponentProps<typeof Dialog.Close>): import("react").JSX.Element;
+export declare function SheetOverlay({ className, ...props }: ComponentProps<typeof Dialog.Overlay>): import("react").JSX.Element;
+export interface SheetContentProps extends ComponentProps<typeof Dialog.Content> {
+  /** Which edge it comes from. */
+  side?: 'right' | 'left';
+  /** Width preset; `className` may still override. */
+  width?: 'sm' | 'md' | 'lg';
+}
+export declare function SheetContent({ className, children, side, width, ...props }: SheetContentProps): import("react").JSX.Element;
+export interface SheetHeaderProps extends ComponentProps<'div'> {
+  /** Show the close control at the right of the strip. On by default: a sheet is dismissed, not answered. */
+  dismissible?: boolean;
+  /** What the close control announces. */
+  closeLabel?: string;
+}
+export declare function SheetHeader({ className, dismissible, closeLabel, children, ...props }: SheetHeaderProps): import("react").JSX.Element;
+export declare function SheetTitle({ className, ...props }: ComponentProps<typeof Dialog.Title>): import("react").JSX.Element;
+export declare function SheetDescription({ className, ...props }: ComponentProps<typeof Dialog.Description>): import("react").JSX.Element;
+export declare function SheetBody({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function SheetFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=Sheet.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.mts","names":[],"sources":["../../../src/components/Sheet.tsx"],"mappings":";;;;;;;;;;;wBAegB,MAAM,OAAO,sBAAsB,OAAe,wBAAK,IAAA;wBAIvD,aAAa,OAAO,sBAAsB,OAAe,2BAAQ,IAAA;wBAIjE,WAAW,OAAO,sBAAsB,OAAe,yBAAM,IAAA;wBAI7D,eAAe,cAAc,SAAS,sBAAsB,OAAe,2BAAQ,IAAA;iBAelF,0BAA0B,sBAAsB,OAAe;;EAE9E;;EAEA;;wBAKc,eAAe,WAAW,UAAU,MAAgB,UAAiB,SAAS,oCAAiB,IAAA;iBAqB9F,yBAAyB;;EAExC;;EAEA;;wBAGc,cACd,WACA,aACA,YACA,aACG,SACF,mCAAgB,IAAA;wBAmBH,aAAa,cAAc,SAAS,sBAAsB,OAAe,yBAAM,IAAA;wBAU/E,mBAAmB,cAAc,SAAS,sBAAsB,OAAe,+BAAY,IAAA;wBAU3F,YAAY,cAAc,SAAS,wCAAqB,IAAA;wBAUxD,cAAc,cAAc,SAAS,wCAAqB,IAAA"}

package/dist/src/components/Sheet.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.mjs","names":["SheetPrimitive"],"sources":["../../../src/components/Sheet.tsx"],"sourcesContent":["import { Dialog as SheetPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { CloseIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\nimport { Button } from './Button';\n\n/**\n * A side panel on Radix's Dialog: an overlay that slides in from an edge,\n * with the focus trap, Escape, outside click and scroll lock a dialog has.\n *\n * It is the Dialog for content that reads as a column rather than a form: a\n * detail view beside what the reader was looking at. An inline aside cannot\n * do this, because it takes width from the surface underneath it.\n */\nexport function Sheet(props: ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nexport function SheetTrigger(props: ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nexport function SheetClose(props: ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nexport function SheetOverlay({ className, ...props }: ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn('fixed inset-0 z-40 bg-doom-deep/70 data-[state=open]:animate-doom-fade', className)}\n      {...props}\n    />\n  );\n}\n\nconst SIDE_POSITION = {\n  right: 'inset-y-0 right-0 border-l data-[state=open]:animate-doom-slide-right',\n  left: 'inset-y-0 left-0 border-r data-[state=open]:animate-doom-slide-left',\n} as const;\n\nexport interface SheetContentProps extends ComponentProps<typeof SheetPrimitive.Content> {\n  /** Which edge it comes from. */\n  side?: 'right' | 'left';\n  /** Width preset; `className` may still override. */\n  width?: 'sm' | 'md' | 'lg';\n}\n\nconst CONTENT_WIDTH = { sm: 'w-[360px]', md: 'w-[440px]', lg: 'w-[560px]' } as const;\n\nexport function SheetContent({ className, children, side = 'right', width = 'md', ...props }: SheetContentProps) {\n  return (\n    <SheetPrimitive.Portal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        data-side={side}\n        className={cn(\n          'fixed z-50 flex max-w-[calc(100vw-24px)] flex-col overflow-hidden border-doom-border bg-doom-rail font-mono shadow-2xl outline-none',\n          SIDE_POSITION[side],\n          CONTENT_WIDTH[width],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </SheetPrimitive.Content>\n    </SheetPrimitive.Portal>\n  );\n}\n\nexport interface SheetHeaderProps extends ComponentProps<'div'> {\n  /** Show the close control at the right of the strip. On by default: a sheet is dismissed, not answered. */\n  dismissible?: boolean;\n  /** What the close control announces. */\n  closeLabel?: string;\n}\n\nexport function SheetHeader({\n  className,\n  dismissible = true,\n  closeLabel = 'close',\n  children,\n  ...props\n}: SheetHeaderProps) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn('flex h-11 min-w-0 shrink-0 items-center gap-2.5 border-b border-doom-border px-4', className)}\n      {...props}\n    >\n      {children}\n      {dismissible ? (\n        <SheetPrimitive.Close asChild>\n          <Button variant=\"ghost\" size=\"icon\" aria-label={closeLabel} className=\"text-doom-faint hover:text-doom-hi\">\n            <CloseIcon className=\"h-3 w-3\" />\n          </Button>\n        </SheetPrimitive.Close>\n      ) : null}\n    </div>\n  );\n}\n\nexport function SheetTitle({ className, ...props }: ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('truncate text-base font-bold text-doom-hi', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SheetDescription({ className, ...props }: ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-sm leading-relaxed text-doom-dim', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SheetBody({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-body\"\n      className={cn('flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto px-4 py-3', className)}\n      {...props}\n    />\n  );\n}\n\nexport function SheetFooter({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\n        'flex min-h-[34px] shrink-0 flex-wrap items-center justify-between gap-2 border-t border-doom-border-soft bg-doom-deep px-4 py-1.5',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"4MAeA,SAAgB,EAAM,EAAmD,CACvE,MAAO,kBAACA,EAAe,KAAhB,CAAqB,YAAU,QAAQ,GAAI,CAAQ,CAAA,CAC5D,CAEA,SAAgB,EAAa,EAAsD,CACjF,MAAO,kBAACA,EAAe,QAAhB,CAAwB,YAAU,gBAAgB,GAAI,CAAQ,CAAA,CACvE,CAEA,SAAgB,EAAW,EAAoD,CAC7E,MAAO,kBAACA,EAAe,MAAhB,CAAsB,YAAU,cAAc,GAAI,CAAQ,CAAA,CACnE,CAEA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAwD,CACnG,MACE,kBAACA,EAAe,QAAhB,CACE,YAAU,gBACV,UAAW,EAAG,yEAA0E,CAAS,EACjG,GAAI,CACL,CAAA,CAEL,CAEA,MAAM,EAAgB,CACpB,MAAO,wEACP,KAAM,qEACR,EASM,EAAgB,CAAE,GAAI,YAAa,GAAI,YAAa,GAAI,WAAY,EAE1E,SAAgB,EAAa,CAAE,YAAW,WAAU,OAAO,QAAS,QAAQ,KAAM,GAAG,GAA4B,CAC/G,MACE,kBAACA,EAAe,OAAhB,CAAA,SAAA,CACE,kBAAC,EAAD,CAAe,CAAA,EACf,kBAACA,EAAe,QAAhB,CACE,YAAU,gBACV,YAAW,EACX,UAAW,EACT,sIACA,EAAc,GACd,EAAc,GACd,CACF,EACA,GAAI,EAEH,UACqB,CAAA,CACH,CAAA,CAAA,CAE3B,CASA,SAAgB,EAAY,CAC1B,YACA,cAAc,GACd,aAAa,QACb,WACA,GAAG,GACgB,CACnB,MACE,kBAAC,MAAD,CACE,YAAU,eACV,UAAW,EAAG,mFAAoF,CAAS,EAC3G,GAAI,EAHN,SAAA,CAKG,EACA,EACC,kBAACA,EAAe,MAAhB,CAAsB,QAAA,GACpB,SAAA,kBAAC,EAAD,CAAQ,QAAQ,QAAQ,KAAK,OAAO,aAAY,EAAY,UAAU,qCACpE,SAAA,kBAAC,EAAD,CAAW,UAAU,SAAW,CAAA,CAC1B,CAAA,CACY,CAAA,EACpB,IACD,GAET,CAEA,SAAgB,EAAW,CAAE,YAAW,GAAG,GAAsD,CAC/F,MACE,kBAACA,EAAe,MAAhB,CACE,YAAU,cACV,UAAW,EAAG,4CAA6C,CAAS,EACpE,GAAI,CACL,CAAA,CAEL,CAEA,SAAgB,EAAiB,CAAE,YAAW,GAAG,GAA4D,CAC3G,MACE,kBAACA,EAAe,YAAhB,CACE,YAAU,oBACV,UAAW,EAAG,wCAAyC,CAAS,EAChE,GAAI,CACL,CAAA,CAEL,CAEA,SAAgB,EAAU,CAAE,YAAW,GAAG,GAAgC,CACxE,MACE,kBAAC,MAAD,CACE,YAAU,aACV,UAAW,EAAG,+DAAgE,CAAS,EACvF,GAAI,CACL,CAAA,CAEL,CAEA,SAAgB,EAAY,CAAE,YAAW,GAAG,GAAgC,CAC1E,MACE,kBAAC,MAAD,CACE,YAAU,eACV,UAAW,EACT,oIACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/src/components/Skeleton.cjs

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

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

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

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

@@ -5,7 +5,6 @@ import { ComponentProps } from "react";
  * is a pulsing block, and it is aria-hidden because the live region that
  * announces the wait belongs to the surface, not to each placeholder.
  */
-declare function Skeleton({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function Skeleton({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
 //#endregion
-export { Skeleton };
 //# sourceMappingURL=Skeleton.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.mts","names":[],"sources":["../../../src/components/Skeleton.tsx"],"mappings":";;;;;;;iBAQgB,WAAW,cAAc,SAAS,oDAAqB,IAAA"}
+{"version":3,"file":"Skeleton.d.mts","names":[],"sources":["../../../src/components/Skeleton.tsx"],"mappings":";;;;;;;wBASgB,WAAW,cAAc,SAAS,wCAAqB,IAAA"}

package/dist/src/components/Skeleton.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.mjs","names":[],"sources":["../../../src/components/Skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { cn } from '../lib/cn.ts';\n\n/**\n * The shape of content that has not arrived. It has no Radix counterpart; it\n * is a pulsing block, and it is aria-hidden because the live region that\n * announces the wait belongs to the surface, not to each placeholder.\n */\nexport function Skeleton({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      aria-hidden\n      className={cn('animate-pulse rounded bg-doom-border-soft', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"2EAQA,SAAgB,EAAS,CAAE,YAAW,GAAG,GAAgC,CACvE,OACE,EAAC,MAAD,CACE,YAAU,WACV,cAAA,GACA,UAAW,EAAG,4CAA6C,CAAS,EACpE,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"Skeleton.mjs","names":[],"sources":["../../../src/components/Skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/**\n * The shape of content that has not arrived. It has no Radix counterpart; it\n * is a pulsing block, and it is aria-hidden because the live region that\n * announces the wait belongs to the surface, not to each placeholder.\n */\nexport function Skeleton({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      aria-hidden\n      className={cn('animate-pulse rounded bg-doom-border-soft', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"2EASA,SAAgB,EAAS,CAAE,YAAW,GAAG,GAAgC,CACvE,MACE,kBAAC,MAAD,CACE,YAAU,WACV,cAAA,GACA,UAAW,EAAG,4CAA6C,CAAS,EACpE,GAAI,CACL,CAAA,CAEL"}

package/dist/src/components/Spinner.cjs

@@ -1,2 +1,2 @@
-require("../icons/icons.cjs");const e=require("../lib/cn.cjs");let t=require("react/jsx-runtime"),n=require("lucide-react");function r({className:r,label:i,...a}){let o=(0,t.jsx)(n.Loader2,{"data-slot":`spinner`,"aria-hidden":!0,className:e.cn(`h-3 w-3 animate-spin`,r),...a});return i===void 0?o:(0,t.jsxs)(`span`,{"data-slot":`spinner-status`,role:`status`,className:`inline-flex items-center`,children:[o,(0,t.jsx)(`span`,{className:`sr-only`,children:i})]})}exports.Spinner=r;
+require("../icons/icons.cjs");const e=require("../lib/cn.cjs");let t=require("react/jsx-runtime"),n=require("lucide-react");function r({className:r,label:i,...a}){let o=/* @__PURE__ */ (0,t.jsx)(n.Loader2,{"data-slot":`spinner`,"aria-hidden":!0,className:e.cn(`h-3 w-3 animate-spin`,r),...a});return i===void 0?o:/* @__PURE__ */ (0,t.jsxs)(`output`,{"data-slot":`spinner-status`,className:`inline-flex items-center`,children:[o,/* @__PURE__ */ (0,t.jsx)(`span`,{className:`sr-only`,children:i})]})}exports.Spinner=r;
 //# sourceMappingURL=Spinner.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.cjs","names":["LoaderIcon","cn"],"sources":["../../../src/components/Spinner.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { LoaderIcon } from '../icons/icons.ts';\nimport { cn } from '../lib/cn.ts';\n\nexport interface SpinnerProps extends ComponentProps<'svg'> {\n  /**\n   * What the wait is for. Given one, the spinner announces itself as a live\n   * status instead of staying silent, which is the difference between a\n   * screen reader saying \"loading providers\" and saying nothing at all.\n   */\n  label?: string;\n}\n\n/** A turning loader in the current text colour; decorative unless it is given a label. */\nexport function Spinner({ className, label, ...props }: SpinnerProps) {\n  const icon = (\n    <LoaderIcon data-slot=\"spinner\" aria-hidden className={cn('h-3 w-3 animate-spin', className)} {...props} />\n  );\n  if (label === undefined) return icon;\n  return (\n    <span data-slot=\"spinner-status\" role=\"status\" className=\"inline-flex items-center\">\n      {icon}\n      <span className=\"sr-only\">{label}</span>\n    </span>\n  );\n}\n"],"mappings":"4HAcA,SAAgB,EAAQ,CAAE,YAAW,QAAO,GAAG,GAAuB,CACpE,IAAM,GACJ,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAD,CAAY,YAAU,UAAU,cAAA,GAAY,UAAWC,EAAAA,GAAG,uBAAwB,CAAS,EAAG,GAAI,CAAQ,CAAA,EAG5G,OADI,IAAU,IAAA,GAAkB,GAE9B,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,YAAU,iBAAiB,KAAK,SAAS,UAAU,2BAAzD,SAAA,CACG,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,UAAW,SAAA,CAAY,CAAA,CACnC,GAEV"}
+{"version":3,"file":"Spinner.cjs","names":["LoaderIcon","cn"],"sources":["../../../src/components/Spinner.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { LoaderIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\n\nexport interface SpinnerProps extends ComponentProps<'svg'> {\n  /**\n   * What the wait is for. Given one, the spinner announces itself as a live\n   * status instead of staying silent, which is the difference between a\n   * screen reader saying \"loading providers\" and saying nothing at all.\n   */\n  label?: string;\n}\n\n/** A turning loader in the current text colour; decorative unless it is given a label. */\nexport function Spinner({ className, label, ...props }: SpinnerProps) {\n  const icon = (\n    <LoaderIcon data-slot=\"spinner\" aria-hidden className={cn('h-3 w-3 animate-spin', className)} {...props} />\n  );\n  if (label === undefined) return icon;\n  return (\n    <output data-slot=\"spinner-status\" className=\"inline-flex items-center\">\n      {icon}\n      <span className=\"sr-only\">{label}</span>\n    </output>\n  );\n}\n"],"mappings":"4HAeA,SAAgB,EAAQ,CAAE,YAAW,QAAO,GAAG,GAAuB,CACpE,IAAM,EACJ,iBAAA,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAD,CAAY,YAAU,UAAU,cAAA,GAAY,UAAWC,EAAAA,GAAG,uBAAwB,CAAS,EAAG,GAAI,CAAQ,CAAA,EAG5G,OADI,IAAU,IAAA,GAAkB,EAE9B,iBAAA,EAAA,EAAA,KAAA,CAAC,SAAD,CAAQ,YAAU,iBAAiB,UAAU,2BAA7C,SAAA,CACG,EACD,iBAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,UAAW,SAAA,CAAY,CAAA,CACjC,GAEZ"}

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

@@ -1,6 +1,6 @@
 import { ComponentProps } from "react";
 //#region src/components/Spinner.d.ts
-interface SpinnerProps extends ComponentProps<'svg'> {
+export interface SpinnerProps extends ComponentProps<'svg'> {
   /**
    * What the wait is for. Given one, the spinner announces itself as a live
    * status instead of staying silent, which is the difference between a
@@ -9,7 +9,6 @@ interface SpinnerProps extends ComponentProps<'svg'> {
   label?: string;
 }
 /** A turning loader in the current text colour; decorative unless it is given a label. */
-declare function Spinner({ className, label, ...props }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Spinner({ className, label, ...props }: SpinnerProps): import("react").JSX.Element;
 //#endregion
-export { Spinner, SpinnerProps };
 //# sourceMappingURL=Spinner.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.mts","names":[],"sources":["../../../src/components/Spinner.tsx"],"mappings":";;UAIiB,qBAAqB;;;;;;EAMpC;;;iBAIc,UAAU,WAAW,UAAU,SAAS,2CAAY,IAAA"}
+{"version":3,"file":"Spinner.d.mts","names":[],"sources":["../../../src/components/Spinner.tsx"],"mappings":";;iBAKiB,qBAAqB;;;;;;EAMpC;;;wBAIc,UAAU,WAAW,UAAU,SAAS,+BAAY,IAAA"}

package/dist/src/components/Spinner.mjs

@@ -1,2 +1,2 @@
-import{LoaderIcon as e}from"../icons/icons.mjs";import{cn as t}from"../lib/cn.mjs";import{jsx as n,jsxs as r}from"react/jsx-runtime";function i({className:i,label:a,...o}){let s=n(e,{"data-slot":`spinner`,"aria-hidden":!0,className:t(`h-3 w-3 animate-spin`,i),...o});return a===void 0?s:r(`span`,{"data-slot":`spinner-status`,role:`status`,className:`inline-flex items-center`,children:[s,n(`span`,{className:`sr-only`,children:a})]})}export{i as Spinner};
+import{LoaderIcon as e}from"../icons/icons.mjs";import{cn as t}from"../lib/cn.mjs";import{jsx as n,jsxs as r}from"react/jsx-runtime";function i({className:i,label:a,...o}){let s=/* @__PURE__ */ n(e,{"data-slot":`spinner`,"aria-hidden":!0,className:t(`h-3 w-3 animate-spin`,i),...o});return a===void 0?s:/* @__PURE__ */ r(`output`,{"data-slot":`spinner-status`,className:`inline-flex items-center`,children:[s,/* @__PURE__ */ n(`span`,{className:`sr-only`,children:a})]})}export{i as Spinner};
 //# sourceMappingURL=Spinner.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.mjs","names":[],"sources":["../../../src/components/Spinner.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { LoaderIcon } from '../icons/icons.ts';\nimport { cn } from '../lib/cn.ts';\n\nexport interface SpinnerProps extends ComponentProps<'svg'> {\n  /**\n   * What the wait is for. Given one, the spinner announces itself as a live\n   * status instead of staying silent, which is the difference between a\n   * screen reader saying \"loading providers\" and saying nothing at all.\n   */\n  label?: string;\n}\n\n/** A turning loader in the current text colour; decorative unless it is given a label. */\nexport function Spinner({ className, label, ...props }: SpinnerProps) {\n  const icon = (\n    <LoaderIcon data-slot=\"spinner\" aria-hidden className={cn('h-3 w-3 animate-spin', className)} {...props} />\n  );\n  if (label === undefined) return icon;\n  return (\n    <span data-slot=\"spinner-status\" role=\"status\" className=\"inline-flex items-center\">\n      {icon}\n      <span className=\"sr-only\">{label}</span>\n    </span>\n  );\n}\n"],"mappings":"qIAcA,SAAgB,EAAQ,CAAE,YAAW,QAAO,GAAG,GAAuB,CACpE,IAAM,EACJ,EAAC,EAAD,CAAY,YAAU,UAAU,cAAA,GAAY,UAAW,EAAG,uBAAwB,CAAS,EAAG,GAAI,CAAQ,CAAA,EAG5G,OADI,IAAU,IAAA,GAAkB,EAE9B,EAAC,OAAD,CAAM,YAAU,iBAAiB,KAAK,SAAS,UAAU,2BAAzD,SAAA,CACG,EACD,EAAC,OAAD,CAAM,UAAU,UAAW,SAAA,CAAY,CAAA,CACnC,GAEV"}
+{"version":3,"file":"Spinner.mjs","names":[],"sources":["../../../src/components/Spinner.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { LoaderIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\n\nexport interface SpinnerProps extends ComponentProps<'svg'> {\n  /**\n   * What the wait is for. Given one, the spinner announces itself as a live\n   * status instead of staying silent, which is the difference between a\n   * screen reader saying \"loading providers\" and saying nothing at all.\n   */\n  label?: string;\n}\n\n/** A turning loader in the current text colour; decorative unless it is given a label. */\nexport function Spinner({ className, label, ...props }: SpinnerProps) {\n  const icon = (\n    <LoaderIcon data-slot=\"spinner\" aria-hidden className={cn('h-3 w-3 animate-spin', className)} {...props} />\n  );\n  if (label === undefined) return icon;\n  return (\n    <output data-slot=\"spinner-status\" className=\"inline-flex items-center\">\n      {icon}\n      <span className=\"sr-only\">{label}</span>\n    </output>\n  );\n}\n"],"mappings":"qIAeA,SAAgB,EAAQ,CAAE,YAAW,QAAO,GAAG,GAAuB,CACpE,IAAM,EACJ,kBAAC,EAAD,CAAY,YAAU,UAAU,cAAA,GAAY,UAAW,EAAG,uBAAwB,CAAS,EAAG,GAAI,CAAQ,CAAA,EAG5G,OADI,IAAU,IAAA,GAAkB,EAE9B,kBAAC,SAAD,CAAQ,YAAU,iBAAiB,UAAU,2BAA7C,SAAA,CACG,EACD,kBAAC,OAAD,CAAM,UAAU,UAAW,SAAA,CAAY,CAAA,CACjC,GAEZ"}

package/dist/src/components/StatusBadge.cjs

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

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

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

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

@@ -1,24 +1,23 @@
 import { StatusTone as StatusTone$1 } from "../types/tone.mjs";
-import { VariantProps } from "class-variance-authority";
 import { ComponentProps } from "react";
+import { VariantProps } from "class-variance-authority";
 //#region src/components/StatusBadge.d.ts
-declare const statusBadgeVariants: (props?: ({
+export declare const statusBadgeVariants: (props?: ({
   tone?: "accent" | "error" | "info" | "neutral" | "ok" | "running" | null | undefined;
   size?: "lg" | "md" | "sm" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type StatusTone = StatusTone$1;
+export type StatusTone = StatusTone$1;
 /**
  * The border a card wears for a status, the same tint family as the badge.
  * MessageItem builds its frame variants from this table, so a tone's edge is
  * named once and a card and its badge can never disagree about it.
  */
-declare const STATUS_EDGE: Readonly<Record<StatusTone, string>>;
-interface StatusBadgeProps extends ComponentProps<'span'>, VariantProps<typeof statusBadgeVariants> {
+export declare const STATUS_EDGE: Readonly<Record<StatusTone, string>>;
+export interface StatusBadgeProps extends ComponentProps<'span'>, VariantProps<typeof statusBadgeVariants> {
   /** Render the child element instead of a <span>, so a link can look like a pill. */
   asChild?: boolean;
 }
 /** The tinted outcome pill: RUNNING, OK, ERROR and their kin, as every run card draws it. */
-declare function StatusBadge({ className, tone, size, asChild, ...props }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatusBadge({ className, tone, size, asChild, ...props }: StatusBadgeProps): import("react").JSX.Element;
 //#endregion
-export { STATUS_EDGE, StatusBadge, StatusBadgeProps, StatusTone, statusBadgeVariants };
 //# sourceMappingURL=StatusBadge.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.d.mts","names":[],"sources":["../../../src/components/StatusBadge.tsx"],"mappings":";;;;cAMa,sBAAmB;;;6CAqB/B;KAEW,aAAa;;;;;;cAOZ,aAAa,SAAS,OAAO;UASzB,yBAAyB,wBAAwB,oBAAoB;;EAEpF;;;iBAIc,cAAc,WAAW,MAAM,MAAM,YAAoB,SAAS,+CAAgB,IAAA"}
+{"version":3,"file":"StatusBadge.d.mts","names":[],"sources":["../../../src/components/StatusBadge.tsx"],"mappings":";;;;qBAOa,sBAAmB;;;6CAqB/B;YAEW,aAAa;;;;;;qBAOZ,aAAa,SAAS,OAAO;iBASzB,yBAAyB,wBAAwB,oBAAoB;;EAEpF;;;wBAIc,cAAc,WAAW,MAAM,MAAM,YAAoB,SAAS,mCAAgB,IAAA"}

package/dist/src/components/StatusBadge.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.mjs","names":[],"sources":["../../../src/components/StatusBadge.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport type { ComponentProps } from 'react';\nimport { cn } from '../lib/cn.ts';\nimport type { StatusTone as Tone } from '../types/tone.ts';\n\nexport const statusBadgeVariants = cva(\n  'inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-[3px] font-mono font-bold uppercase',\n  {\n    variants: {\n      tone: {\n        neutral: 'bg-doom-panel text-doom-faint',\n        running: 'bg-doom-tint-yellow text-doom-yellow',\n        ok: 'bg-doom-tint-green text-doom-green',\n        error: 'bg-doom-tint-red text-doom-red',\n        info: 'bg-doom-tint-blue text-doom-blue',\n        accent: 'bg-doom-tint-magenta text-doom-magenta',\n      } satisfies Record<Tone, string>,\n      size: {\n        xs: 'px-1.5 py-0.5 text-[8px]',\n        sm: 'px-[7px] py-[3px] text-[9px]',\n        md: 'h-[21px] px-2 text-[10px] normal-case',\n        lg: 'h-6 px-2.5 text-[11px] normal-case',\n      },\n    },\n    defaultVariants: { tone: 'neutral', size: 'sm' },\n  },\n);\n\nexport type StatusTone = Tone;\n\n/**\n * The border a card wears for a status, the same tint family as the badge.\n * MessageItem builds its frame variants from this table, so a tone's edge is\n * named once and a card and its badge can never disagree about it.\n */\nexport const STATUS_EDGE: Readonly<Record<StatusTone, string>> = {\n  neutral: 'border-doom-border',\n  running: 'border-doom-edge-yellow',\n  ok: 'border-doom-edge-green',\n  error: 'border-doom-edge-red',\n  info: 'border-doom-edge-blue',\n  accent: 'border-doom-edge-magenta',\n};\n\nexport interface StatusBadgeProps extends ComponentProps<'span'>, VariantProps<typeof statusBadgeVariants> {\n  /** Render the child element instead of a <span>, so a link can look like a pill. */\n  asChild?: boolean;\n}\n\n/** The tinted outcome pill: RUNNING, OK, ERROR and their kin, as every run card draws it. */\nexport function StatusBadge({ className, tone, size, asChild = false, ...props }: StatusBadgeProps) {\n  const Component = asChild ? Slot.Root : 'span';\n  return (\n    <Component data-slot=\"status-badge\" className={cn(statusBadgeVariants({ tone, size }), className)} {...props} />\n  );\n}\n"],"mappings":"0JAMA,MAAa,EAAsB,EACjC,0GACA,CACE,SAAU,CACR,KAAM,CACJ,QAAS,gCACT,QAAS,uCACT,GAAI,qCACJ,MAAO,iCACP,KAAM,mCACN,OAAQ,wCACV,EACA,KAAM,CACJ,GAAI,2BACJ,GAAI,+BACJ,GAAI,wCACJ,GAAI,oCACN,CACF,EACA,gBAAiB,CAAE,KAAM,UAAW,KAAM,IAAK,CACjD,CACF,EASa,EAAoD,CAC/D,QAAS,qBACT,QAAS,0BACT,GAAI,yBACJ,MAAO,uBACP,KAAM,wBACN,OAAQ,0BACV,EAQA,SAAgB,EAAY,CAAE,YAAW,OAAM,OAAM,UAAU,GAAO,GAAG,GAA2B,CAClG,IAAM,EAAY,EAAU,EAAK,KAAO,OACxC,OACE,EAAC,EAAD,CAAW,YAAU,eAAe,UAAW,EAAG,EAAoB,CAAE,OAAM,MAAK,CAAC,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAEnH"}
+{"version":3,"file":"StatusBadge.mjs","names":[],"sources":["../../../src/components/StatusBadge.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\nimport type { StatusTone as Tone } from '../types/tone';\n\nexport const statusBadgeVariants = cva(\n  'inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-sm font-mono font-bold uppercase',\n  {\n    variants: {\n      tone: {\n        neutral: 'bg-doom-panel text-doom-faint',\n        running: 'bg-doom-tint-yellow text-doom-yellow',\n        ok: 'bg-doom-tint-green text-doom-green',\n        error: 'bg-doom-tint-red text-doom-red',\n        info: 'bg-doom-tint-blue text-doom-blue',\n        accent: 'bg-doom-tint-magenta text-doom-magenta',\n      } satisfies Record<Tone, string>,\n      size: {\n        xs: 'px-1.5 py-0.5 text-2xs',\n        sm: 'px-[7px] py-[3px] text-xs',\n        md: 'h-[21px] px-2 text-sm normal-case',\n        lg: 'h-6 px-2.5 text-base normal-case',\n      },\n    },\n    defaultVariants: { tone: 'neutral', size: 'sm' },\n  },\n);\n\nexport type StatusTone = Tone;\n\n/**\n * The border a card wears for a status, the same tint family as the badge.\n * MessageItem builds its frame variants from this table, so a tone's edge is\n * named once and a card and its badge can never disagree about it.\n */\nexport const STATUS_EDGE: Readonly<Record<StatusTone, string>> = {\n  neutral: 'border-doom-border',\n  running: 'border-doom-edge-yellow',\n  ok: 'border-doom-edge-green',\n  error: 'border-doom-edge-red',\n  info: 'border-doom-edge-blue',\n  accent: 'border-doom-edge-magenta',\n};\n\nexport interface StatusBadgeProps extends ComponentProps<'span'>, VariantProps<typeof statusBadgeVariants> {\n  /** Render the child element instead of a <span>, so a link can look like a pill. */\n  asChild?: boolean;\n}\n\n/** The tinted outcome pill: RUNNING, OK, ERROR and their kin, as every run card draws it. */\nexport function StatusBadge({ className, tone, size, asChild = false, ...props }: StatusBadgeProps) {\n  const Component = asChild ? Slot.Root : 'span';\n  return (\n    <Component data-slot=\"status-badge\" className={cn(statusBadgeVariants({ tone, size }), className)} {...props} />\n  );\n}\n"],"mappings":"0JAOA,MAAa,EAAsB,EACjC,uGACA,CACE,SAAU,CACR,KAAM,CACJ,QAAS,gCACT,QAAS,uCACT,GAAI,qCACJ,MAAO,iCACP,KAAM,mCACN,OAAQ,wCACV,EACA,KAAM,CACJ,GAAI,yBACJ,GAAI,4BACJ,GAAI,oCACJ,GAAI,kCACN,CACF,EACA,gBAAiB,CAAE,KAAM,UAAW,KAAM,IAAK,CACjD,CACF,EASa,EAAoD,CAC/D,QAAS,qBACT,QAAS,0BACT,GAAI,yBACJ,MAAO,uBACP,KAAM,wBACN,OAAQ,0BACV,EAQA,SAAgB,EAAY,CAAE,YAAW,OAAM,OAAM,UAAU,GAAO,GAAG,GAA2B,CAClG,IAAM,EAAY,EAAU,EAAK,KAAO,OACxC,MACE,kBAAC,EAAD,CAAW,YAAU,eAAe,UAAW,EAAG,EAAoB,CAAE,OAAM,MAAK,CAAC,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAEnH"}

package/dist/src/components/StreamCursor.cjs

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

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

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

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

@@ -1,7 +1,6 @@
 import { ComponentProps } from "react";
 //#region src/components/StreamCursor.d.ts
 /** The blinking block that marks text still arriving. */
-declare function StreamCursor({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+export declare function StreamCursor({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
 //#endregion
-export { StreamCursor };
 //# sourceMappingURL=StreamCursor.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StreamCursor.d.mts","names":[],"sources":["../../../src/components/StreamCursor.tsx"],"mappings":";;;iBAIgB,eAAe,cAAc,SAAS,qDAAsB,IAAA"}
+{"version":3,"file":"StreamCursor.d.mts","names":[],"sources":["../../../src/components/StreamCursor.tsx"],"mappings":";;;wBAKgB,eAAe,cAAc,SAAS,yCAAsB,IAAA"}

package/dist/src/components/StreamCursor.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"StreamCursor.mjs","names":[],"sources":["../../../src/components/StreamCursor.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { cn } from '../lib/cn.ts';\n\n/** The blinking block that marks text still arriving. */\nexport function StreamCursor({ className, ...props }: ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"stream-cursor\"\n      aria-hidden\n      className={cn('ml-0.5 inline-block h-3.5 w-2 translate-y-0.5 animate-doom-blink bg-doom-blue', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"2EAIA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAiC,CAC5E,OACE,EAAC,OAAD,CACE,YAAU,gBACV,cAAA,GACA,UAAW,EAAG,gFAAiF,CAAS,EACxG,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"StreamCursor.mjs","names":[],"sources":["../../../src/components/StreamCursor.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/** The blinking block that marks text still arriving. */\nexport function StreamCursor({ className, ...props }: ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"stream-cursor\"\n      aria-hidden\n      className={cn('ml-0.5 inline-block h-3.5 w-2 translate-y-0.5 animate-doom-blink bg-doom-blue', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"2EAKA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAiC,CAC5E,MACE,kBAAC,OAAD,CACE,YAAU,gBACV,cAAA,GACA,UAAW,EAAG,gFAAiF,CAAS,EACxG,GAAI,CACL,CAAA,CAEL"}

package/dist/src/components/Switch.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.cjs","names":["SwitchPrimitive","cn"],"sources":["../../../src/components/Switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\nimport { cn } from '../lib/cn.ts';\n\n/** An on/off track; use it where the change takes effect immediately, a checkbox where it needs a save. */\nexport function Switch({ className, ...props }: ComponentProps<typeof SwitchPrimitive.Root>) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        'inline-flex h-4 w-7 shrink-0 cursor-pointer items-center rounded-full border border-doom-border bg-doom-deep p-px outline-none transition-colors focus-visible:ring-2 focus-visible:ring-doom-blue/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-doom-blue data-[state=checked]:bg-doom-tint-blue',\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"block h-3 w-3 rounded-full bg-doom-faint transition-transform data-[state=checked]:translate-x-3 data-[state=checked]:bg-doom-blue\"\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n"],"mappings":"0FAKA,SAAgB,EAAO,CAAE,YAAW,GAAG,GAAsD,CAC3F,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,KAAjB,CACE,YAAU,SACV,UAAWC,EAAAA,GACT,sUACA,CACF,EACA,GAAI,EAEJ,UAAA,EAAA,EAAA,IAAA,CAACD,EAAAA,OAAgB,MAAjB,CACE,YAAU,eACV,UAAU,oIACX,CAAA,CACmB,CAAA,CAE1B"}
+{"version":3,"file":"Switch.cjs","names":["SwitchPrimitive","cn"],"sources":["../../../src/components/Switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/** An on/off track; use it where the change takes effect immediately, a checkbox where it needs a save. */\nexport function Switch({ className, ...props }: ComponentProps<typeof SwitchPrimitive.Root>) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        'inline-flex h-4 w-7 shrink-0 cursor-pointer items-center rounded-full border border-doom-border bg-doom-deep p-px outline-none transition-colors focus-visible:ring-2 focus-visible:ring-doom-blue/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-doom-blue data-[state=checked]:bg-doom-tint-blue',\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"block h-3 w-3 rounded-full bg-doom-faint transition-transform data-[state=checked]:translate-x-3 data-[state=checked]:bg-doom-blue\"\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n"],"mappings":"0FAMA,SAAgB,EAAO,CAAE,YAAW,GAAG,GAAsD,CAC3F,MACE,iBAAA,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,KAAjB,CACE,YAAU,SACV,UAAWC,EAAAA,GACT,sUACA,CACF,EACA,GAAI,EAEJ,SAAA,iBAAA,EAAA,EAAA,IAAA,CAACD,EAAAA,OAAgB,MAAjB,CACE,YAAU,eACV,UAAU,oIACX,CAAA,CACmB,CAAA,CAE1B"}

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

@@ -2,7 +2,7 @@ import { Switch } from "radix-ui";
 import { ComponentProps } from "react";
 //#region src/components/Switch.d.ts
 /** An on/off track; use it where the change takes effect immediately, a checkbox where it needs a save. */
-declare function Switch$1({ className, ...props }: ComponentProps<typeof Switch.Root>): import("react/jsx-runtime").JSX.Element;
+declare function Switch$1({ className, ...props }: ComponentProps<typeof Switch.Root>): import("react").JSX.Element;
 //#endregion
 export { Switch$1 as Switch };
 //# sourceMappingURL=Switch.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.mts","names":[],"sources":["../../../src/components/Switch.tsx"],"mappings":";;;;iBAKgB,WAAS,cAAc,SAAS,sBAAsB,OAAgB,oCAAK,IAAA"}
+{"version":3,"file":"Switch.d.mts","names":[],"sources":["../../../src/components/Switch.tsx"],"mappings":";;;;iBAMgB,WAAS,cAAc,SAAS,sBAAsB,OAAgB,wBAAK,IAAA"}

package/dist/src/components/Switch.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.mjs","names":["Switch","SwitchPrimitive"],"sources":["../../../src/components/Switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\nimport { cn } from '../lib/cn.ts';\n\n/** An on/off track; use it where the change takes effect immediately, a checkbox where it needs a save. */\nexport function Switch({ className, ...props }: ComponentProps<typeof SwitchPrimitive.Root>) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        'inline-flex h-4 w-7 shrink-0 cursor-pointer items-center rounded-full border border-doom-border bg-doom-deep p-px outline-none transition-colors focus-visible:ring-2 focus-visible:ring-doom-blue/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-doom-blue data-[state=checked]:bg-doom-tint-blue',\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"block h-3 w-3 rounded-full bg-doom-faint transition-transform data-[state=checked]:translate-x-3 data-[state=checked]:bg-doom-blue\"\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n"],"mappings":"6GAKA,SAAgBA,EAAO,CAAE,YAAW,GAAG,GAAsD,CAC3F,OACE,EAACC,EAAgB,KAAjB,CACE,YAAU,SACV,UAAW,EACT,sUACA,CACF,EACA,GAAI,EAEJ,SAAA,EAACA,EAAgB,MAAjB,CACE,YAAU,eACV,UAAU,oIACX,CAAA,CACmB,CAAA,CAE1B"}
+{"version":3,"file":"Switch.mjs","names":["Switch","SwitchPrimitive"],"sources":["../../../src/components/Switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/** An on/off track; use it where the change takes effect immediately, a checkbox where it needs a save. */\nexport function Switch({ className, ...props }: ComponentProps<typeof SwitchPrimitive.Root>) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        'inline-flex h-4 w-7 shrink-0 cursor-pointer items-center rounded-full border border-doom-border bg-doom-deep p-px outline-none transition-colors focus-visible:ring-2 focus-visible:ring-doom-blue/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-doom-blue data-[state=checked]:bg-doom-tint-blue',\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"block h-3 w-3 rounded-full bg-doom-faint transition-transform data-[state=checked]:translate-x-3 data-[state=checked]:bg-doom-blue\"\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n"],"mappings":"6GAMA,SAAgBA,EAAO,CAAE,YAAW,GAAG,GAAsD,CAC3F,MACE,kBAACC,EAAgB,KAAjB,CACE,YAAU,SACV,UAAW,EACT,sUACA,CACF,EACA,GAAI,EAEJ,SAAA,kBAACA,EAAgB,MAAjB,CACE,YAAU,eACV,UAAU,oIACX,CAAA,CACmB,CAAA,CAE1B"}

package/dist/src/components/SyntaxText.cjs

@@ -0,0 +1,4 @@
+const e=require("../lib/cn.cjs"),t=require("../lib/syntaxHighlight.cjs");let n=require("react/jsx-runtime"),r=require("react");function i(e,n={}){let{path:i,grammar:a}=n,o=a??t.detectGrammar({path:i,text:e}),s=`${o??``}\u0000${e}`,[c,l]=(0,r.useState)(void 0);return(0,r.useEffect)(()=>{if(o===void 0)return;let n=!0;return t.highlightToLines(e,o).then(e=>{n&&e!==void 0&&l({signature:s,lines:e})},()=>void 0),()=>{n=!1}},[e,o,s]),c?.signature===s?c.lines:void 0}function a({spans:e,text:r,...i}){return e===void 0?/* @__PURE__ */ (0,n.jsx)(`span`,{...i,children:r}):/* @__PURE__ */ (0,n.jsx)(`span`,{...i,children:e.map((e,r)=>/* @__PURE__ */ (0,n.jsx)(`span`,{style:t.syntaxStyleOf(e.token),children:e.text},r))})}function o({className:t,text:o,path:s,grammar:c,...l}){let u=i(o,{path:s,grammar:c}),d=o.split(`
+`);return/* @__PURE__ */ (0,n.jsx)(`pre`,{"data-slot":`syntax-text`,"data-highlighted":u!==void 0,className:e.cn(`whitespace-pre-wrap break-words [overflow-wrap:anywhere] font-mono`,t),...l,children:(u??d).map((e,t)=>/* @__PURE__ */ (0,n.jsxs)(r.Fragment,{children:[t>0?`
+`:null,/* @__PURE__ */ (0,n.jsx)(a,{spans:typeof e==`string`?void 0:e,text:typeof e==`string`?e:``})]},t))})}exports.SyntaxLine=a,exports.SyntaxText=o,exports.useSyntaxLines=i;
+//# sourceMappingURL=SyntaxText.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SyntaxText.cjs","names":["detectGrammar","useState","highlightToLines","syntaxStyleOf","cn","Fragment"],"sources":["../../../src/components/SyntaxText.tsx"],"sourcesContent":["import { type ComponentProps, Fragment, useEffect, useState } from 'react';\n\nimport { cn } from '../lib/cn';\nimport type { GrammarKey } from '../lib/editorLanguage';\nimport {\n  detectGrammar,\n  highlightToLines,\n  type SyntaxLines,\n  type SyntaxSpan,\n  syntaxStyleOf,\n} from '../lib/syntaxHighlight';\n\n/**\n * Read-only code with the editor's colours.\n *\n * Two shapes over one hook, because the cards need both: `SyntaxText` for a\n * block of code that owns its own element, and `SyntaxLine` for a card that\n * already renders a line at a time next to a gutter. Highlighting is\n * asynchronous, so both show the plain text first and swap in spans once the\n * grammar has loaded; a result that never highlights simply stays plain.\n *\n * DESIGN PATTERNS:\n * - Plain text is the fallback, never a spinner: colour is decoration.\n * - The hook keys on the text, so a streaming result re-highlights as it grows.\n *\n * AVOID:\n * - Highlighting one line at a time. A line is not a parse unit; pass the whole\n *   block to `useSyntaxLines` and render the line you want out of the result.\n */\n\nexport interface SyntaxQuery {\n  /** The file the code came from, when the tool knows one. */\n  path?: string | undefined;\n  /** Skips detection when the caller already knows the grammar. */\n  grammar?: GrammarKey | undefined;\n}\n\n/**\n * Colours `text`, or hands back undefined while that is still loading and for\n * anything with no grammar. Rendering the result is the caller's business.\n *\n * The finished spans are stored with the text they belong to, so text that has\n * changed since reads as plain during render rather than showing the previous\n * result's colours over the new lines.\n */\nexport function useSyntaxLines(text: string, query: SyntaxQuery = {}): SyntaxLines | undefined {\n  const { path, grammar } = query;\n  const key = grammar ?? detectGrammar({ path, text });\n  const signature = `${key ?? ''}\\u0000${text}`;\n  const [done, setDone] = useState<{ signature: string; lines: SyntaxLines } | undefined>(undefined);\n\n  useEffect(() => {\n    if (key === undefined) return;\n    let live = true;\n    void highlightToLines(text, key).then(\n      (result) => {\n        if (live && result !== undefined) setDone({ signature, lines: result });\n      },\n      // A grammar chunk that fails to load leaves the plain text in place: the\n      // card stays readable and the network failure is the browser's to report.\n      () => undefined,\n    );\n    return () => {\n      live = false;\n    };\n  }, [text, key, signature]);\n\n  return done?.signature === signature ? done.lines : undefined;\n}\n\nexport interface SyntaxLineProps extends Omit<ComponentProps<'span'>, 'children'> {\n  /** The line's spans from `useSyntaxLines`, or undefined to show `text` plain. */\n  spans?: readonly SyntaxSpan[] | undefined;\n  text: string;\n}\n\n/** One line: coloured when its spans are in, the plain text until then. */\nexport function SyntaxLine({ spans, text, ...props }: SyntaxLineProps) {\n  if (spans === undefined) return <span {...props}>{text}</span>;\n  return (\n    <span {...props}>\n      {spans.map((span, index) => (\n        <span key={index} style={syntaxStyleOf(span.token)}>\n          {span.text}\n        </span>\n      ))}\n    </span>\n  );\n}\n\nexport interface SyntaxTextProps extends Omit<ComponentProps<'pre'>, 'children'>, SyntaxQuery {\n  text: string;\n}\n\n/** A block of code, wrapped rather than clipped, coloured when a grammar is known. */\nexport function SyntaxText({ className, text, path, grammar, ...props }: SyntaxTextProps) {\n  const lines = useSyntaxLines(text, { path, grammar });\n  const plain = text.split('\\n');\n  return (\n    <pre\n      data-slot=\"syntax-text\"\n      data-highlighted={lines !== undefined}\n      className={cn('whitespace-pre-wrap break-words [overflow-wrap:anywhere] font-mono', className)}\n      {...props}\n    >\n      {(lines ?? plain).map((entry, index) => (\n        <Fragment key={index}>\n          {index > 0 ? '\\n' : null}\n          <SyntaxLine\n            spans={typeof entry === 'string' ? undefined : entry}\n            text={typeof entry === 'string' ? entry : ''}\n          />\n        </Fragment>\n      ))}\n    </pre>\n  );\n}\n"],"mappings":"+HA6CA,SAAgB,EAAe,EAAc,EAAqB,CAAC,EAA4B,CAC7F,GAAM,CAAE,OAAM,WAAY,EACpB,EAAM,GAAWA,EAAAA,cAAc,CAAE,OAAM,MAAK,CAAC,EAC7C,EAAY,GAAG,GAAO,GAAG,QAAQ,IACjC,CAAC,EAAM,IAAA,EAAWC,EAAAA,SAAAA,CAAgE,IAAA,EAAS,EAkBjG,OAhBA,EAAA,EAAA,UAAA,KAAgB,CACd,GAAI,IAAQ,IAAA,GAAW,OACvB,IAAI,EAAO,GASX,OARA,EAAKC,iBAAiB,EAAM,CAAG,CAAC,CAAC,KAC9B,GAAW,CACN,GAAQ,IAAW,IAAA,IAAW,EAAQ,CAAE,YAAW,MAAO,CAAO,CAAC,CACxE,MAGM,IAAA,EACR,MACa,CACX,EAAO,EACT,CACF,EAAG,CAAC,EAAM,EAAK,CAAS,CAAC,EAElB,GAAM,YAAc,EAAY,EAAK,MAAQ,IAAA,EACtD,CASA,SAAgB,EAAW,CAAE,QAAO,OAAM,GAAG,GAA0B,CAErE,OADI,IAAU,IAAA,GAAkB,iBAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,EAAQ,SAAA,CAAW,CAAA,EAE3D,iBAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,EACP,SAAA,EAAM,KAAK,EAAM,IAChB,iBAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAkB,MAAOC,EAAAA,cAAc,EAAK,KAAK,EAC9C,SAAA,EAAK,IACF,EAFK,CAEL,CACP,CACG,CAAA,CAEV,CAOA,SAAgB,EAAW,CAAE,YAAW,OAAM,OAAM,UAAS,GAAG,GAA0B,CACxF,IAAM,EAAQ,EAAe,EAAM,CAAE,OAAM,SAAQ,CAAC,EAC9C,EAAQ,EAAK,MAAM;CAAI,EAC7B,MACE,iBAAA,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,cACV,mBAAkB,IAAU,IAAA,GAC5B,UAAWC,EAAAA,GAAG,qEAAsE,CAAS,EAC7F,GAAI,EAEF,UAAA,GAAS,EAAA,CAAO,KAAK,EAAO,IAC5B,iBAAA,EAAA,EAAA,KAAA,CAACC,EAAAA,SAAD,CAAA,SAAA,CACG,EAAQ,EAAI;EAAO,KACpB,iBAAA,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,MAAO,OAAO,GAAU,SAAW,IAAA,GAAY,EAC/C,KAAM,OAAO,GAAU,SAAW,EAAQ,EAC3C,CAAA,CACO,CAAA,EANK,CAML,CACX,CACE,CAAA,CAET"}