@agimon-ai/doompi-web-components 0.0.1-alpha.0

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

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

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

@@ -0,0 +1,16 @@
+import { DotTone as DotTone$1 } from "../types/tone.mjs";
+import { VariantProps } from "class-variance-authority";
+import { ComponentProps } from "react";
+//#region src/components/Dot.d.ts
+declare const dotVariants: (props?: ({
+  tone?: "blue" | "cyan" | "green" | "magenta" | "muted" | "neutral" | "orange" | "red" | "teal" | "violet" | "yellow" | null | undefined;
+  size?: "lg" | "md" | "sm" | "xs" | null | undefined;
+  pulse?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type DotTone = DotTone$1;
+interface DotProps extends ComponentProps<'span'>, VariantProps<typeof dotVariants> {}
+/** The status dot: a colour and, while something is live, a pulse. */
+declare function Dot({ className, tone, size, pulse, ...props }: DotProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Dot, DotProps, DotTone, dotVariants };
+//# sourceMappingURL=Dot.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dot.d.mts","names":[],"sources":["../../../src/components/Dot.tsx"],"mappings":";;;;cAKa,cAAW;;;;6CA2BtB;KAEU,UAAU;UAEL,iBAAiB,wBAAwB,oBAAoB;;iBAG9D,MAAM,WAAW,MAAM,MAAM,UAAU,SAAS,uCAAQ,IAAA"}

package/dist/src/components/Dot.mjs

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

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

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

package/dist/src/components/DropdownMenu.cjs

@@ -0,0 +1,2 @@
+require("../icons/icons.cjs");const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime"),r=require("class-variance-authority"),i=require("lucide-react");function a(e){return(0,n.jsx)(t.DropdownMenu.Root,{"data-slot":`dropdown-menu`,...e})}function o(e){return(0,n.jsx)(t.DropdownMenu.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function s(e){return(0,n.jsx)(t.DropdownMenu.Group,{"data-slot":`dropdown-menu-group`,...e})}const c=`z-50 flex min-w-[120px] flex-col overflow-hidden rounded border border-doom-border bg-doom-panel py-1 font-mono shadow-xl outline-none data-[state=open]:animate-doom-rise`;function l({className:r,align:i=`end`,sideOffset:a=4,...o}){return(0,n.jsx)(t.DropdownMenu.Portal,{children:(0,n.jsx)(t.DropdownMenu.Content,{"data-slot":`dropdown-menu-content`,align:i,sideOffset:a,className:e.cn(c,r),...o})})}const u=(0,r.cva)(`flex w-full cursor-pointer items-center gap-2 px-2.5 py-1.5 text-left text-[11px] outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-doom-deep`,{variants:{variant:{default:`text-doom-hi`,destructive:`text-doom-red`},indented:{true:`pl-7`,false:``}},defaultVariants:{variant:`default`,indented:!1}});function d({className:r,variant:i,indented:a,...o}){return(0,n.jsx)(t.DropdownMenu.Item,{"data-slot":`dropdown-menu-item`,"data-variant":i??`default`,className:e.cn(u({variant:i,indented:a}),r),...o})}function f({children:e}){return(0,n.jsx)(`span`,{className:`pointer-events-none absolute left-2.5 flex h-3 w-3 items-center justify-center`,children:(0,n.jsx)(t.DropdownMenu.ItemIndicator,{children:e})})}function p({className:r,variant:a,children:o,...s}){return(0,n.jsxs)(t.DropdownMenu.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:e.cn(`relative`,u({variant:a,indented:!0}),r),...s,children:[(0,n.jsx)(f,{children:(0,n.jsx)(i.Check,{className:`h-3 w-3 text-doom-blue`})}),o]})}function m(e){return(0,n.jsx)(t.DropdownMenu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function h({className:r,variant:i,children:a,...o}){return(0,n.jsxs)(t.DropdownMenu.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:e.cn(`relative`,u({variant:i,indented:!0}),r),...o,children:[(0,n.jsx)(f,{children:(0,n.jsx)(`span`,{className:`h-1.5 w-1.5 rounded-full bg-doom-blue`})}),a]})}function g(e){return(0,n.jsx)(t.DropdownMenu.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function _({className:r,children:a,...o}){return(0,n.jsxs)(t.DropdownMenu.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,className:e.cn(u(),`data-[state=open]:bg-doom-deep`,r),...o,children:[(0,n.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:a}),(0,n.jsx)(i.ChevronRight,{className:`h-3 w-3 shrink-0 text-doom-faint`})]})}function v({className:r,sideOffset:i=2,...a}){return(0,n.jsx)(t.DropdownMenu.Portal,{children:(0,n.jsx)(t.DropdownMenu.SubContent,{"data-slot":`dropdown-menu-sub-content`,sideOffset:i,className:e.cn(c,r),...a})})}function y({className:r,...i}){return(0,n.jsx)(t.DropdownMenu.Label,{"data-slot":`dropdown-menu-label`,className:e.cn(`px-2.5 py-1 text-[8px] font-bold tracking-[0.14em] text-doom-faint uppercase`,r),...i})}function b({className:t,...r}){return(0,n.jsx)(`span`,{"data-slot":`dropdown-menu-shortcut`,className:e.cn(`ml-auto shrink-0 text-[10px] tracking-[0.08em] text-doom-faint`,t),...r})}function x({className:r,...i}){return(0,n.jsx)(t.DropdownMenu.Separator,{"data-slot":`dropdown-menu-separator`,className:e.cn(`my-1 h-px bg-doom-border-soft`,r),...i})}exports.DropdownMenu=a,exports.DropdownMenuCheckboxItem=p,exports.DropdownMenuContent=l,exports.DropdownMenuGroup=s,exports.DropdownMenuItem=d,exports.DropdownMenuLabel=y,exports.DropdownMenuRadioGroup=m,exports.DropdownMenuRadioItem=h,exports.DropdownMenuSeparator=x,exports.DropdownMenuShortcut=b,exports.DropdownMenuSub=g,exports.DropdownMenuSubContent=v,exports.DropdownMenuSubTrigger=_,exports.DropdownMenuTrigger=o,exports.dropdownMenuItemVariants=u;
+//# sourceMappingURL=DropdownMenu.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.cjs","names":["DropdownMenuPrimitive","cn","cva","CheckIcon","ChevronRightIcon"],"sources":["../../../src/components/DropdownMenu.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { CheckIcon, ChevronRightIcon } from '../icons/icons.ts';\nimport { cn } from '../lib/cn.ts';\n\n/** shadcn's DropdownMenu on Radix: roving focus, typeahead, outside click, Escape. */\nexport function DropdownMenu(props: ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nexport function DropdownMenuTrigger(props: ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\n\n/** A run of items under one label, so the separator between groups is structural. */\nexport function DropdownMenuGroup(props: ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\n/** The surface every menu and submenu wears. */\nconst CONTENT_CLASS =\n  'z-50 flex min-w-[120px] flex-col overflow-hidden rounded border border-doom-border bg-doom-panel py-1 font-mono shadow-xl outline-none data-[state=open]:animate-doom-rise';\n\nexport function DropdownMenuContent({\n  className,\n  align = 'end',\n  sideOffset = 4,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(CONTENT_CLASS, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nexport const dropdownMenuItemVariants = cva(\n  'flex w-full cursor-pointer items-center gap-2 px-2.5 py-1.5 text-left text-[11px] outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-doom-deep',\n  {\n    variants: {\n      variant: {\n        default: 'text-doom-hi',\n        destructive: 'text-doom-red',\n      },\n      /** A row that carries a check or bullet keeps a gutter for it, so labels line up whether or not one is set. */\n      indented: { true: 'pl-7', false: '' },\n    },\n    defaultVariants: { variant: 'default', indented: false },\n  },\n);\n\nexport interface DropdownMenuItemProps\n  extends ComponentProps<typeof DropdownMenuPrimitive.Item>, VariantProps<typeof dropdownMenuItemVariants> {}\n\nexport function DropdownMenuItem({ className, variant, indented, ...props }: DropdownMenuItemProps) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-variant={variant ?? 'default'}\n      className={cn(dropdownMenuItemVariants({ variant, indented }), className)}\n      {...props}\n    />\n  );\n}\n\n/** The check or bullet a selectable row shows when it is set; it sits in the row's gutter. */\nfunction ItemIndicator({ children }: { children: ReactNode }) {\n  return (\n    <span className=\"pointer-events-none absolute left-2.5 flex h-3 w-3 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>{children}</DropdownMenuPrimitive.ItemIndicator>\n    </span>\n  );\n}\n\nexport interface DropdownMenuCheckboxItemProps\n  extends ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>, VariantProps<typeof dropdownMenuItemVariants> {}\n\n/** A row that toggles: the check lives in the gutter so the label never shifts. */\nexport function DropdownMenuCheckboxItem({ className, variant, children, ...props }: DropdownMenuCheckboxItemProps) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn('relative', dropdownMenuItemVariants({ variant, indented: true }), className)}\n      {...props}\n    >\n      <ItemIndicator>\n        <CheckIcon className=\"h-3 w-3 text-doom-blue\" />\n      </ItemIndicator>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\n/** The exclusive-choice group; pair it with DropdownMenuRadioItem. */\nexport function DropdownMenuRadioGroup(props: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\nexport interface DropdownMenuRadioItemProps\n  extends ComponentProps<typeof DropdownMenuPrimitive.RadioItem>, VariantProps<typeof dropdownMenuItemVariants> {}\n\nexport function DropdownMenuRadioItem({ className, variant, children, ...props }: DropdownMenuRadioItemProps) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn('relative', dropdownMenuItemVariants({ variant, indented: true }), className)}\n      {...props}\n    >\n      <ItemIndicator>\n        <span className=\"h-1.5 w-1.5 rounded-full bg-doom-blue\" />\n      </ItemIndicator>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nexport function DropdownMenuSub(props: ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\n/** The row that opens a submenu; the chevron is part of the row, not the caller's job. */\nexport function DropdownMenuSubTrigger({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger>) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      className={cn(dropdownMenuItemVariants(), 'data-[state=open]:bg-doom-deep', className)}\n      {...props}\n    >\n      <span className=\"min-w-0 flex-1 truncate\">{children}</span>\n      <ChevronRightIcon className=\"h-3 w-3 shrink-0 text-doom-faint\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nexport function DropdownMenuSubContent({\n  className,\n  sideOffset = 2,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.SubContent\n        data-slot=\"dropdown-menu-sub-content\"\n        sideOffset={sideOffset}\n        className={cn(CONTENT_CLASS, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nexport function DropdownMenuLabel({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Label>) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      className={cn('px-2.5 py-1 text-[8px] font-bold tracking-[0.14em] text-doom-faint uppercase', className)}\n      {...props}\n    />\n  );\n}\n\n/** The keystroke printed at the right of a row; the row supplies the gap. */\nexport function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn('ml-auto shrink-0 text-[10px] tracking-[0.08em] text-doom-faint', className)}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('my-1 h-px bg-doom-border-soft', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,34 @@
+import { DropdownMenu } from "radix-ui";
+import { VariantProps } from "class-variance-authority";
+import { ComponentProps } from "react";
+//#region src/components/DropdownMenu.d.ts
+/** shadcn's DropdownMenu on Radix: roving focus, typeahead, outside click, Escape. */
+declare function DropdownMenu$1(props: ComponentProps<typeof DropdownMenu.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger(props: ComponentProps<typeof DropdownMenu.Trigger>): import("react/jsx-runtime").JSX.Element;
+/** A run of items under one label, so the separator between groups is structural. */
+declare function DropdownMenuGroup(props: ComponentProps<typeof DropdownMenu.Group>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ className, align, sideOffset, ...props }: ComponentProps<typeof DropdownMenu.Content>): import("react/jsx-runtime").JSX.Element;
+declare const dropdownMenuItemVariants: (props?: ({
+  variant?: "default" | "destructive" | null | undefined;
+  indented?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface DropdownMenuItemProps extends ComponentProps<typeof DropdownMenu.Item>, VariantProps<typeof dropdownMenuItemVariants> {}
+declare function DropdownMenuItem({ className, variant, indented, ...props }: DropdownMenuItemProps): import("react/jsx-runtime").JSX.Element;
+interface DropdownMenuCheckboxItemProps extends ComponentProps<typeof DropdownMenu.CheckboxItem>, VariantProps<typeof dropdownMenuItemVariants> {}
+/** A row that toggles: the check lives in the gutter so the label never shifts. */
+declare function DropdownMenuCheckboxItem({ className, variant, children, ...props }: DropdownMenuCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
+/** The exclusive-choice group; pair it with DropdownMenuRadioItem. */
+declare function DropdownMenuRadioGroup(props: ComponentProps<typeof DropdownMenu.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+interface DropdownMenuRadioItemProps extends ComponentProps<typeof DropdownMenu.RadioItem>, VariantProps<typeof dropdownMenuItemVariants> {}
+declare function DropdownMenuRadioItem({ className, variant, children, ...props }: DropdownMenuRadioItemProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSub(props: ComponentProps<typeof DropdownMenu.Sub>): import("react/jsx-runtime").JSX.Element;
+/** The row that opens a submenu; the chevron is part of the row, not the caller's job. */
+declare function DropdownMenuSubTrigger({ className, children, ...props }: ComponentProps<typeof DropdownMenu.SubTrigger>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubContent({ className, sideOffset, ...props }: ComponentProps<typeof DropdownMenu.SubContent>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, ...props }: ComponentProps<typeof DropdownMenu.Label>): import("react/jsx-runtime").JSX.Element;
+/** The keystroke printed at the right of a row; the row supplies the gap. */
+declare function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenu.Separator>): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { DropdownMenu$1 as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, dropdownMenuItemVariants };
+//# sourceMappingURL=DropdownMenu.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.mts","names":[],"sources":["../../../src/components/DropdownMenu.tsx"],"mappings":";;;;;iBAOgB,eAAa,OAAO,sBAAsB,aAAsB,oCAAK,IAAA;iBAIrE,oBAAoB,OAAO,sBAAsB,aAAsB,uCAAQ,IAAA;;iBAK/E,kBAAkB,OAAO,sBAAsB,aAAsB,qCAAM,IAAA;iBAQ3E,sBACd,WACA,OACA,eACG,SACF,sBAAsB,aAAsB,uCAAQ,IAAA;cAc1C,2BAAwB;;;6CAapC;UAEgB,8BACP,sBAAsB,aAAsB,OAAO,oBAAoB;iBAEjE,mBAAmB,WAAW,SAAS,aAAa,SAAS,oDAAqB,IAAA;UAoBjF,sCACP,sBAAsB,aAAsB,eAAe,oBAAoB;;iBAGzE,2BAA2B,WAAW,SAAS,aAAa,SAAS,4DAA6B,IAAA;;iBAgBlG,uBAAuB,OAAO,sBAAsB,aAAsB,0CAAW,IAAA;UAIpF,mCACP,sBAAsB,aAAsB,YAAY,oBAAoB;iBAEtE,wBAAwB,WAAW,SAAS,aAAa,SAAS,yDAA0B,IAAA;iBAe5F,gBAAgB,OAAO,sBAAsB,aAAsB,mCAAI,IAAA;;iBAKvE,yBACd,WACA,aACG,SACF,sBAAsB,aAAsB,0CAAW,IAAA;iBAa1C,yBACd,WACA,eACG,SACF,sBAAsB,aAAsB,0CAAW,IAAA;iBAa1C,oBAAoB,cAAc,SAAS,sBAAsB,aAAsB,qCAAM,IAAA;;iBAW7F,uBAAuB,cAAc,SAAS,qDAAsB,IAAA;iBAUpE,wBAAwB,cAAc,SAAS,sBAAsB,aAAsB,yCAAU,IAAA"}

package/dist/src/components/DropdownMenu.mjs

@@ -0,0 +1,2 @@
+import{CheckIcon as e,ChevronRightIcon as t}from"../icons/icons.mjs";import{cn as n}from"../lib/cn.mjs";import{DropdownMenu as r}from"radix-ui";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{cva as o}from"class-variance-authority";function s(e){return i(r.Root,{"data-slot":`dropdown-menu`,...e})}function c(e){return i(r.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function l(e){return i(r.Group,{"data-slot":`dropdown-menu-group`,...e})}const u=`z-50 flex min-w-[120px] flex-col overflow-hidden rounded border border-doom-border bg-doom-panel py-1 font-mono shadow-xl outline-none data-[state=open]:animate-doom-rise`;function d({className:e,align:t=`end`,sideOffset:a=4,...o}){return i(r.Portal,{children:i(r.Content,{"data-slot":`dropdown-menu-content`,align:t,sideOffset:a,className:n(u,e),...o})})}const f=o(`flex w-full cursor-pointer items-center gap-2 px-2.5 py-1.5 text-left text-[11px] outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-doom-deep`,{variants:{variant:{default:`text-doom-hi`,destructive:`text-doom-red`},indented:{true:`pl-7`,false:``}},defaultVariants:{variant:`default`,indented:!1}});function p({className:e,variant:t,indented:a,...o}){return i(r.Item,{"data-slot":`dropdown-menu-item`,"data-variant":t??`default`,className:n(f({variant:t,indented:a}),e),...o})}function m({children:e}){return i(`span`,{className:`pointer-events-none absolute left-2.5 flex h-3 w-3 items-center justify-center`,children:i(r.ItemIndicator,{children:e})})}function h({className:t,variant:o,children:s,...c}){return a(r.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:n(`relative`,f({variant:o,indented:!0}),t),...c,children:[i(m,{children:i(e,{className:`h-3 w-3 text-doom-blue`})}),s]})}function g(e){return i(r.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function _({className:e,variant:t,children:o,...s}){return a(r.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:n(`relative`,f({variant:t,indented:!0}),e),...s,children:[i(m,{children:i(`span`,{className:`h-1.5 w-1.5 rounded-full bg-doom-blue`})}),o]})}function v(e){return i(r.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function y({className:e,children:o,...s}){return a(r.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,className:n(f(),`data-[state=open]:bg-doom-deep`,e),...s,children:[i(`span`,{className:`min-w-0 flex-1 truncate`,children:o}),i(t,{className:`h-3 w-3 shrink-0 text-doom-faint`})]})}function b({className:e,sideOffset:t=2,...a}){return i(r.Portal,{children:i(r.SubContent,{"data-slot":`dropdown-menu-sub-content`,sideOffset:t,className:n(u,e),...a})})}function x({className:e,...t}){return i(r.Label,{"data-slot":`dropdown-menu-label`,className:n(`px-2.5 py-1 text-[8px] font-bold tracking-[0.14em] text-doom-faint uppercase`,e),...t})}function S({className:e,...t}){return i(`span`,{"data-slot":`dropdown-menu-shortcut`,className:n(`ml-auto shrink-0 text-[10px] tracking-[0.08em] text-doom-faint`,e),...t})}function C({className:e,...t}){return i(r.Separator,{"data-slot":`dropdown-menu-separator`,className:n(`my-1 h-px bg-doom-border-soft`,e),...t})}export{s as DropdownMenu,h as DropdownMenuCheckboxItem,d as DropdownMenuContent,l as DropdownMenuGroup,p as DropdownMenuItem,x as DropdownMenuLabel,g as DropdownMenuRadioGroup,_ as DropdownMenuRadioItem,C as DropdownMenuSeparator,S as DropdownMenuShortcut,v as DropdownMenuSub,b as DropdownMenuSubContent,y as DropdownMenuSubTrigger,c as DropdownMenuTrigger,f as dropdownMenuItemVariants};
+//# sourceMappingURL=DropdownMenu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.mjs","names":["DropdownMenu","DropdownMenuPrimitive"],"sources":["../../../src/components/DropdownMenu.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { CheckIcon, ChevronRightIcon } from '../icons/icons.ts';\nimport { cn } from '../lib/cn.ts';\n\n/** shadcn's DropdownMenu on Radix: roving focus, typeahead, outside click, Escape. */\nexport function DropdownMenu(props: ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nexport function DropdownMenuTrigger(props: ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\n\n/** A run of items under one label, so the separator between groups is structural. */\nexport function DropdownMenuGroup(props: ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\n/** The surface every menu and submenu wears. */\nconst CONTENT_CLASS =\n  'z-50 flex min-w-[120px] flex-col overflow-hidden rounded border border-doom-border bg-doom-panel py-1 font-mono shadow-xl outline-none data-[state=open]:animate-doom-rise';\n\nexport function DropdownMenuContent({\n  className,\n  align = 'end',\n  sideOffset = 4,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(CONTENT_CLASS, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nexport const dropdownMenuItemVariants = cva(\n  'flex w-full cursor-pointer items-center gap-2 px-2.5 py-1.5 text-left text-[11px] outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-doom-deep',\n  {\n    variants: {\n      variant: {\n        default: 'text-doom-hi',\n        destructive: 'text-doom-red',\n      },\n      /** A row that carries a check or bullet keeps a gutter for it, so labels line up whether or not one is set. */\n      indented: { true: 'pl-7', false: '' },\n    },\n    defaultVariants: { variant: 'default', indented: false },\n  },\n);\n\nexport interface DropdownMenuItemProps\n  extends ComponentProps<typeof DropdownMenuPrimitive.Item>, VariantProps<typeof dropdownMenuItemVariants> {}\n\nexport function DropdownMenuItem({ className, variant, indented, ...props }: DropdownMenuItemProps) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-variant={variant ?? 'default'}\n      className={cn(dropdownMenuItemVariants({ variant, indented }), className)}\n      {...props}\n    />\n  );\n}\n\n/** The check or bullet a selectable row shows when it is set; it sits in the row's gutter. */\nfunction ItemIndicator({ children }: { children: ReactNode }) {\n  return (\n    <span className=\"pointer-events-none absolute left-2.5 flex h-3 w-3 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>{children}</DropdownMenuPrimitive.ItemIndicator>\n    </span>\n  );\n}\n\nexport interface DropdownMenuCheckboxItemProps\n  extends ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>, VariantProps<typeof dropdownMenuItemVariants> {}\n\n/** A row that toggles: the check lives in the gutter so the label never shifts. */\nexport function DropdownMenuCheckboxItem({ className, variant, children, ...props }: DropdownMenuCheckboxItemProps) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn('relative', dropdownMenuItemVariants({ variant, indented: true }), className)}\n      {...props}\n    >\n      <ItemIndicator>\n        <CheckIcon className=\"h-3 w-3 text-doom-blue\" />\n      </ItemIndicator>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\n/** The exclusive-choice group; pair it with DropdownMenuRadioItem. */\nexport function DropdownMenuRadioGroup(props: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\nexport interface DropdownMenuRadioItemProps\n  extends ComponentProps<typeof DropdownMenuPrimitive.RadioItem>, VariantProps<typeof dropdownMenuItemVariants> {}\n\nexport function DropdownMenuRadioItem({ className, variant, children, ...props }: DropdownMenuRadioItemProps) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn('relative', dropdownMenuItemVariants({ variant, indented: true }), className)}\n      {...props}\n    >\n      <ItemIndicator>\n        <span className=\"h-1.5 w-1.5 rounded-full bg-doom-blue\" />\n      </ItemIndicator>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nexport function DropdownMenuSub(props: ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\n/** The row that opens a submenu; the chevron is part of the row, not the caller's job. */\nexport function DropdownMenuSubTrigger({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger>) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      className={cn(dropdownMenuItemVariants(), 'data-[state=open]:bg-doom-deep', className)}\n      {...props}\n    >\n      <span className=\"min-w-0 flex-1 truncate\">{children}</span>\n      <ChevronRightIcon className=\"h-3 w-3 shrink-0 text-doom-faint\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nexport function DropdownMenuSubContent({\n  className,\n  sideOffset = 2,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.SubContent\n        data-slot=\"dropdown-menu-sub-content\"\n        sideOffset={sideOffset}\n        className={cn(CONTENT_CLASS, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nexport function DropdownMenuLabel({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Label>) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      className={cn('px-2.5 py-1 text-[8px] font-bold tracking-[0.14em] text-doom-faint uppercase', className)}\n      {...props}\n    />\n  );\n}\n\n/** The keystroke printed at the right of a row; the row supplies the gap. */\nexport function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn('ml-auto shrink-0 text-[10px] tracking-[0.08em] text-doom-faint', className)}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('my-1 h-px bg-doom-border-soft', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/src/components/EmptyState.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r({title:r,description:i,children:a,className:o,asChild:s=!1,...c}){let l=s?t.Slot.Root:`div`;return(0,n.jsx)(l,{"data-slot":`empty-state`,className:e.cn(`flex flex-1 items-center justify-center`,o),...c,children:(0,n.jsxs)(`div`,{className:`flex w-[520px] max-w-full flex-col items-center gap-3 text-center`,children:[(0,n.jsx)(`span`,{className:`text-[14px] font-bold text-doom-hi`,children:r}),i?(0,n.jsx)(`span`,{className:`text-[11px] leading-relaxed text-doom-dim`,children:i}):null,a]})})}exports.EmptyState=r;
+//# sourceMappingURL=EmptyState.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.cjs","names":["Slot","cn"],"sources":["../../../src/components/EmptyState.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { cn } from '../lib/cn.ts';\n\nexport interface EmptyStateProps extends Omit<ComponentProps<'div'>, 'title'> {\n  title: ReactNode;\n  description?: ReactNode;\n  /** Optional calls to action under the copy. */\n  children?: ReactNode;\n  /**\n   * Render the child element instead of a <div>, so an empty row inside a\n   * list stays an <li> and the list keeps its semantics.\n   */\n  asChild?: boolean;\n}\n\n/** The centred \"nothing here yet\" card every empty panel shares. */\nexport function EmptyState({ title, description, children, className, asChild = false, ...props }: EmptyStateProps) {\n  const Component = asChild ? Slot.Root : 'div';\n  return (\n    <Component data-slot=\"empty-state\" className={cn('flex flex-1 items-center justify-center', className)} {...props}>\n      <div className=\"flex w-[520px] max-w-full flex-col items-center gap-3 text-center\">\n        <span className=\"text-[14px] font-bold text-doom-hi\">{title}</span>\n        {description ? <span className=\"text-[11px] leading-relaxed text-doom-dim\">{description}</span> : null}\n        {children}\n      </div>\n    </Component>\n  );\n}\n"],"mappings":"0FAiBA,SAAgB,EAAW,CAAE,QAAO,cAAa,WAAU,YAAW,UAAU,GAAO,GAAG,GAA0B,CAClH,IAAM,EAAY,EAAUA,EAAAA,KAAK,KAAO,MACxC,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAW,YAAU,cAAc,UAAWC,EAAAA,GAAG,0CAA2C,CAAS,EAAG,GAAI,EAC1G,UAAA,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,oEAAf,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,qCAAsC,SAAA,CAAY,CAAA,EACjE,GAAc,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,4CAA6C,SAAA,CAAkB,CAAA,EAAI,KACjG,CACE,GACI,CAAA,CAEf"}

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

@@ -0,0 +1,18 @@
+import { ComponentProps, ReactNode } from "react";
+//#region src/components/EmptyState.d.ts
+interface EmptyStateProps extends Omit<ComponentProps<'div'>, 'title'> {
+  title: ReactNode;
+  description?: ReactNode;
+  /** Optional calls to action under the copy. */
+  children?: ReactNode;
+  /**
+   * Render the child element instead of a <div>, so an empty row inside a
+   * list stays an <li> and the list keeps its semantics.
+   */
+  asChild?: boolean;
+}
+/** The centred "nothing here yet" card every empty panel shares. */
+declare function EmptyState({ title, description, children, className, asChild, ...props }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { EmptyState, EmptyStateProps };
+//# sourceMappingURL=EmptyState.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.mts","names":[],"sources":["../../../src/components/EmptyState.tsx"],"mappings":";;UAIiB,wBAAwB,KAAK;EAC5C,OAAO;EACP,cAAc;;EAEd,WAAW;;;;;EAKX;;;iBAIc,aAAa,OAAO,aAAa,UAAU,WAAW,YAAoB,SAAS,8CAAe,IAAA"}

package/dist/src/components/EmptyState.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"../lib/cn.mjs";import{Slot as t}from"radix-ui";import{jsx as n,jsxs as r}from"react/jsx-runtime";function i({title:i,description:a,children:o,className:s,asChild:c=!1,...l}){let u=c?t.Root:`div`;return n(u,{"data-slot":`empty-state`,className:e(`flex flex-1 items-center justify-center`,s),...l,children:r(`div`,{className:`flex w-[520px] max-w-full flex-col items-center gap-3 text-center`,children:[n(`span`,{className:`text-[14px] font-bold text-doom-hi`,children:i}),a?n(`span`,{className:`text-[11px] leading-relaxed text-doom-dim`,children:a}):null,o]})})}export{i as EmptyState};
+//# sourceMappingURL=EmptyState.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.mjs","names":[],"sources":["../../../src/components/EmptyState.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { cn } from '../lib/cn.ts';\n\nexport interface EmptyStateProps extends Omit<ComponentProps<'div'>, 'title'> {\n  title: ReactNode;\n  description?: ReactNode;\n  /** Optional calls to action under the copy. */\n  children?: ReactNode;\n  /**\n   * Render the child element instead of a <div>, so an empty row inside a\n   * list stays an <li> and the list keeps its semantics.\n   */\n  asChild?: boolean;\n}\n\n/** The centred \"nothing here yet\" card every empty panel shares. */\nexport function EmptyState({ title, description, children, className, asChild = false, ...props }: EmptyStateProps) {\n  const Component = asChild ? Slot.Root : 'div';\n  return (\n    <Component data-slot=\"empty-state\" className={cn('flex flex-1 items-center justify-center', className)} {...props}>\n      <div className=\"flex w-[520px] max-w-full flex-col items-center gap-3 text-center\">\n        <span className=\"text-[14px] font-bold text-doom-hi\">{title}</span>\n        {description ? <span className=\"text-[11px] leading-relaxed text-doom-dim\">{description}</span> : null}\n        {children}\n      </div>\n    </Component>\n  );\n}\n"],"mappings":"qHAiBA,SAAgB,EAAW,CAAE,QAAO,cAAa,WAAU,YAAW,UAAU,GAAO,GAAG,GAA0B,CAClH,IAAM,EAAY,EAAU,EAAK,KAAO,MACxC,OACE,EAAC,EAAD,CAAW,YAAU,cAAc,UAAW,EAAG,0CAA2C,CAAS,EAAG,GAAI,EAC1G,SAAA,EAAC,MAAD,CAAK,UAAU,oEAAf,SAAA,CACE,EAAC,OAAD,CAAM,UAAU,qCAAsC,SAAA,CAAY,CAAA,EACjE,EAAc,EAAC,OAAD,CAAM,UAAU,4CAA6C,SAAA,CAAkB,CAAA,EAAI,KACjG,CACE,GACI,CAAA,CAEf"}

package/dist/src/components/Input.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/cn.cjs");let t=require("react/jsx-runtime");const n=(0,require("class-variance-authority").cva)(`min-w-0 font-mono text-doom-hi outline-none placeholder:text-doom-faint disabled:opacity-50 aria-invalid:border-doom-edge-red aria-invalid:text-doom-red`,{variants:{variant:{default:`rounded border border-doom-border bg-doom-deep transition-colors focus:border-doom-blue/60`,bare:`border-0 bg-transparent`},size:{xs:`px-1.5 py-0.5 text-[10px]`,sm:`px-2 py-1 text-[11px]`,md:`px-2.5 py-1.5 text-[12px]`,lg:`px-3 py-2 text-[13px]`}},compoundVariants:[{variant:`bare`,class:`p-0`}],defaultVariants:{variant:`default`,size:`md`}});function r({className:r,type:i,variant:a,size:o,...s}){return(0,t.jsx)(`input`,{type:i??`text`,"data-slot":`input`,spellCheck:!1,className:e.cn(n({variant:a,size:o}),r),...s})}exports.Input=r,exports.fieldVariants=n;
+//# sourceMappingURL=Input.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.cjs","names":["cva","cn"],"sources":["../../../src/components/Input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { ComponentProps } from 'react';\nimport { cn } from '../lib/cn.ts';\n\n/**\n * The shape both fields wear, so a single-line and a multi-line field in the\n * same form agree on their well, their type ramp, and their invalid state.\n * Textarea builds on it rather than restating it.\n */\nexport const fieldVariants = cva(\n  'min-w-0 font-mono text-doom-hi outline-none placeholder:text-doom-faint disabled:opacity-50 aria-invalid:border-doom-edge-red aria-invalid:text-doom-red',\n  {\n    variants: {\n      variant: {\n        default: 'rounded border border-doom-border bg-doom-deep transition-colors focus:border-doom-blue/60',\n        /** No well: a composer or a palette search that draws its own surface. */\n        bare: 'border-0 bg-transparent',\n      },\n      /** The same rungs Button names, so a field and the button beside it line up. */\n      size: {\n        xs: 'px-1.5 py-0.5 text-[10px]',\n        sm: 'px-2 py-1 text-[11px]',\n        md: 'px-2.5 py-1.5 text-[12px]',\n        lg: 'px-3 py-2 text-[13px]',\n      },\n    },\n    compoundVariants: [\n      // A bare field sits inside a surface that already has its own padding,\n      // so it keeps the size's type ramp and gives up the size's box.\n      { variant: 'bare', class: 'p-0' },\n    ],\n    defaultVariants: { variant: 'default', size: 'md' },\n  },\n);\n\nexport type FieldVariant = NonNullable<VariantProps<typeof fieldVariants>['variant']>;\nexport type FieldSize = NonNullable<VariantProps<typeof fieldVariants>['size']>;\n\nexport interface InputProps extends Omit<ComponentProps<'input'>, 'size'>, VariantProps<typeof fieldVariants> {}\n\n/** The one text field: deep well, quiet border, accent border on focus, red edge when invalid. */\nexport function Input({ className, type, variant, size, ...props }: InputProps) {\n  return (\n    <input\n      type={type ?? 'text'}\n      data-slot=\"input\"\n      spellCheck={false}\n      className={cn(fieldVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"oEASA,MAAa,GAAA,oCAAgBA,CAAAA,CAAAA,IAAAA,CAC3B,2JACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,6FAET,KAAM,yBACR,EAEA,KAAM,CACJ,GAAI,4BACJ,GAAI,wBACJ,GAAI,4BACJ,GAAI,uBACN,CACF,EACA,iBAAkB,CAGhB,CAAE,QAAS,OAAQ,MAAO,KAAM,CAClC,EACA,gBAAiB,CAAE,QAAS,UAAW,KAAM,IAAK,CACpD,CACF,EAQA,SAAgB,EAAM,CAAE,YAAW,OAAM,UAAS,OAAM,GAAG,GAAqB,CAC9E,OACE,EAAA,EAAA,IAAA,CAAC,QAAD,CACE,KAAM,GAAQ,OACd,YAAU,QACV,WAAY,GACZ,UAAWC,EAAAA,GAAG,EAAc,CAAE,UAAS,MAAK,CAAC,EAAG,CAAS,EACzD,GAAI,CACL,CAAA,CAEL"}

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

@@ -0,0 +1,20 @@
+import { VariantProps } from "class-variance-authority";
+import { ComponentProps } from "react";
+//#region src/components/Input.d.ts
+/**
+ * The shape both fields wear, so a single-line and a multi-line field in the
+ * same form agree on their well, their type ramp, and their invalid state.
+ * Textarea builds on it rather than restating it.
+ */
+declare const fieldVariants: (props?: ({
+  variant?: "bare" | "default" | null | undefined;
+  size?: "lg" | "md" | "sm" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type FieldVariant = NonNullable<VariantProps<typeof fieldVariants>['variant']>;
+type FieldSize = NonNullable<VariantProps<typeof fieldVariants>['size']>;
+interface InputProps extends Omit<ComponentProps<'input'>, 'size'>, VariantProps<typeof fieldVariants> {}
+/** The one text field: deep well, quiet border, accent border on focus, red edge when invalid. */
+declare function Input({ className, type, variant, size, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { FieldSize, FieldVariant, Input, InputProps, fieldVariants };
+//# sourceMappingURL=Input.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.mts","names":[],"sources":["../../../src/components/Input.tsx"],"mappings":";;;;;;;;cASa,gBAAa;;;6CAwBzB;KAEW,eAAe,YAAY,oBAAoB;KAC/C,YAAY,YAAY,oBAAoB;UAEvC,mBAAmB,KAAK,kCAAkC,oBAAoB;;iBAG/E,QAAQ,WAAW,MAAM,SAAS,SAAS,SAAS,yCAAU,IAAA"}

package/dist/src/components/Input.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"../lib/cn.mjs";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(`min-w-0 font-mono text-doom-hi outline-none placeholder:text-doom-faint disabled:opacity-50 aria-invalid:border-doom-edge-red aria-invalid:text-doom-red`,{variants:{variant:{default:`rounded border border-doom-border bg-doom-deep transition-colors focus:border-doom-blue/60`,bare:`border-0 bg-transparent`},size:{xs:`px-1.5 py-0.5 text-[10px]`,sm:`px-2 py-1 text-[11px]`,md:`px-2.5 py-1.5 text-[12px]`,lg:`px-3 py-2 text-[13px]`}},compoundVariants:[{variant:`bare`,class:`p-0`}],defaultVariants:{variant:`default`,size:`md`}});function i({className:n,type:i,variant:a,size:o,...s}){return t(`input`,{type:i??`text`,"data-slot":`input`,spellCheck:!1,className:e(r({variant:a,size:o}),n),...s})}export{i as Input,r as fieldVariants};
+//# sourceMappingURL=Input.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.mjs","names":[],"sources":["../../../src/components/Input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { ComponentProps } from 'react';\nimport { cn } from '../lib/cn.ts';\n\n/**\n * The shape both fields wear, so a single-line and a multi-line field in the\n * same form agree on their well, their type ramp, and their invalid state.\n * Textarea builds on it rather than restating it.\n */\nexport const fieldVariants = cva(\n  'min-w-0 font-mono text-doom-hi outline-none placeholder:text-doom-faint disabled:opacity-50 aria-invalid:border-doom-edge-red aria-invalid:text-doom-red',\n  {\n    variants: {\n      variant: {\n        default: 'rounded border border-doom-border bg-doom-deep transition-colors focus:border-doom-blue/60',\n        /** No well: a composer or a palette search that draws its own surface. */\n        bare: 'border-0 bg-transparent',\n      },\n      /** The same rungs Button names, so a field and the button beside it line up. */\n      size: {\n        xs: 'px-1.5 py-0.5 text-[10px]',\n        sm: 'px-2 py-1 text-[11px]',\n        md: 'px-2.5 py-1.5 text-[12px]',\n        lg: 'px-3 py-2 text-[13px]',\n      },\n    },\n    compoundVariants: [\n      // A bare field sits inside a surface that already has its own padding,\n      // so it keeps the size's type ramp and gives up the size's box.\n      { variant: 'bare', class: 'p-0' },\n    ],\n    defaultVariants: { variant: 'default', size: 'md' },\n  },\n);\n\nexport type FieldVariant = NonNullable<VariantProps<typeof fieldVariants>['variant']>;\nexport type FieldSize = NonNullable<VariantProps<typeof fieldVariants>['size']>;\n\nexport interface InputProps extends Omit<ComponentProps<'input'>, 'size'>, VariantProps<typeof fieldVariants> {}\n\n/** The one text field: deep well, quiet border, accent border on focus, red edge when invalid. */\nexport function Input({ className, type, variant, size, ...props }: InputProps) {\n  return (\n    <input\n      type={type ?? 'text'}\n      data-slot=\"input\"\n      spellCheck={false}\n      className={cn(fieldVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"0HASA,MAAa,EAAgB,EAC3B,2JACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,6FAET,KAAM,yBACR,EAEA,KAAM,CACJ,GAAI,4BACJ,GAAI,wBACJ,GAAI,4BACJ,GAAI,uBACN,CACF,EACA,iBAAkB,CAGhB,CAAE,QAAS,OAAQ,MAAO,KAAM,CAClC,EACA,gBAAiB,CAAE,QAAS,UAAW,KAAM,IAAK,CACpD,CACF,EAQA,SAAgB,EAAM,CAAE,YAAW,OAAM,UAAS,OAAM,GAAG,GAAqB,CAC9E,OACE,EAAC,QAAD,CACE,KAAM,GAAQ,OACd,YAAU,QACV,WAAY,GACZ,UAAW,EAAG,EAAc,CAAE,UAAS,MAAK,CAAC,EAAG,CAAS,EACzD,GAAI,CACL,CAAA,CAEL"}

package/dist/src/components/Kbd.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/cn.cjs");let t=require("react/jsx-runtime");function n({className:n,...r}){return(0,t.jsx)(`kbd`,{"data-slot":`kbd`,className:e.cn(`inline-flex items-center rounded bg-doom-deep px-1.5 py-0.5 font-mono text-[8px] font-bold text-doom-faint`,n),...r})}exports.Kbd=n;
+//# sourceMappingURL=Kbd.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.cjs","names":["cn"],"sources":["../../../src/components/Kbd.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { cn } from '../lib/cn.ts';\n\n/** A key or key path, drawn as the leader hints draw them. */\nexport function Kbd({ className, ...props }: ComponentProps<'kbd'>) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        'inline-flex items-center rounded bg-doom-deep px-1.5 py-0.5 font-mono text-[8px] font-bold text-doom-faint',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"oEAIA,SAAgB,EAAI,CAAE,YAAW,GAAG,GAAgC,CAClE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,MACV,UAAWA,EAAAA,GACT,6GACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

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

@@ -0,0 +1,7 @@
+import { ComponentProps } from "react";
+//#region src/components/Kbd.d.ts
+/** A key or key path, drawn as the leader hints draw them. */
+declare function Kbd({ className, ...props }: ComponentProps<'kbd'>): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Kbd };
+//# sourceMappingURL=Kbd.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.d.mts","names":[],"sources":["../../../src/components/Kbd.tsx"],"mappings":";;;iBAIgB,MAAM,cAAc,SAAS,oDAAqB,IAAA"}

package/dist/src/components/Kbd.mjs

@@ -0,0 +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(`kbd`,{"data-slot":`kbd`,className:e(`inline-flex items-center rounded bg-doom-deep px-1.5 py-0.5 font-mono text-[8px] font-bold text-doom-faint`,n),...r})}export{n as Kbd};
+//# sourceMappingURL=Kbd.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.mjs","names":[],"sources":["../../../src/components/Kbd.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { cn } from '../lib/cn.ts';\n\n/** A key or key path, drawn as the leader hints draw them. */\nexport function Kbd({ className, ...props }: ComponentProps<'kbd'>) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        'inline-flex items-center rounded bg-doom-deep px-1.5 py-0.5 font-mono text-[8px] font-bold text-doom-faint',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"2EAIA,SAAgB,EAAI,CAAE,YAAW,GAAG,GAAgC,CAClE,OACE,EAAC,MAAD,CACE,YAAU,MACV,UAAW,EACT,6GACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/src/components/Label.cjs

@@ -0,0 +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.Label.Root,{"data-slot":`label`,className:e.cn(`flex items-center gap-1.5 text-[10px] text-doom-faint select-none has-[+:disabled]:opacity-50`,r),...i})}exports.Label=r;
+//# sourceMappingURL=Label.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.cjs","names":["LabelPrimitive","cn"],"sources":["../../../src/components/Label.tsx"],"sourcesContent":["import { Label as LabelPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\nimport { cn } from '../lib/cn.ts';\n\n/** A field's name: clicking it focuses the control, which a bare span never does. */\nexport function Label({ className, ...props }: ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'flex items-center gap-1.5 text-[10px] text-doom-faint select-none has-[+:disabled]:opacity-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"0FAKA,SAAgB,EAAM,CAAE,YAAW,GAAG,GAAqD,CACzF,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,MAAe,KAAhB,CACE,YAAU,QACV,UAAWC,EAAAA,GACT,gGACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

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

@@ -0,0 +1,8 @@
+import { Label } from "radix-ui";
+import { ComponentProps } from "react";
+//#region src/components/Label.d.ts
+/** A field's name: clicking it focuses the control, which a bare span never does. */
+declare function Label$1({ className, ...props }: ComponentProps<typeof Label.Root>): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Label$1 as Label };
+//# sourceMappingURL=Label.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.mts","names":[],"sources":["../../../src/components/Label.tsx"],"mappings":";;;;iBAKgB,UAAQ,cAAc,SAAS,sBAAsB,MAAe,oCAAK,IAAA"}

package/dist/src/components/Label.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"../lib/cn.mjs";import{Label as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";function r({className:r,...i}){return n(t.Root,{"data-slot":`label`,className:e(`flex items-center gap-1.5 text-[10px] text-doom-faint select-none has-[+:disabled]:opacity-50`,r),...i})}export{r as Label};
+//# sourceMappingURL=Label.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.mjs","names":["Label","LabelPrimitive"],"sources":["../../../src/components/Label.tsx"],"sourcesContent":["import { Label as LabelPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\nimport { cn } from '../lib/cn.ts';\n\n/** A field's name: clicking it focuses the control, which a bare span never does. */\nexport function Label({ className, ...props }: ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'flex items-center gap-1.5 text-[10px] text-doom-faint select-none has-[+:disabled]:opacity-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"4GAKA,SAAgBA,EAAM,CAAE,YAAW,GAAG,GAAqD,CACzF,OACE,EAACC,EAAe,KAAhB,CACE,YAAU,QACV,UAAW,EACT,gGACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/src/components/Markdown.cjs

@@ -0,0 +1,2 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react/jsx-runtime"),n=require("react-markdown");n=e.__toESM(n,1);let r=require("remark-gfm");r=e.__toESM(r,1);const i=[r.default];function a({className:e,children:n,...r}){return(0,t.jsx)(`code`,{...r,className:`${e??``} rounded bg-doom-deep px-1 py-px font-mono text-[12px] text-doom-green [pre_&]:bg-transparent [pre_&]:p-0 [pre_&]:text-doom-hi`,children:n})}const o={p:({children:e})=>(0,t.jsx)(`p`,{className:`whitespace-pre-wrap break-words`,children:e}),strong:({children:e})=>(0,t.jsx)(`strong`,{className:`font-bold text-doom-hi`,children:e}),em:({children:e})=>(0,t.jsx)(`em`,{className:`italic`,children:e}),del:({children:e})=>(0,t.jsx)(`del`,{className:`text-doom-dim line-through`,children:e}),a:({href:e,children:n})=>(0,t.jsx)(`a`,{href:e,target:`_blank`,rel:`noreferrer`,className:`text-doom-blue underline decoration-doom-blue/50`,children:n}),code:a,pre:({children:e})=>(0,t.jsx)(`pre`,{className:`overflow-x-auto rounded border border-doom-border bg-doom-deep p-2.5 text-[12px] leading-relaxed`,children:e}),ul:({children:e})=>(0,t.jsx)(`ul`,{className:`list-disc pl-5`,children:e}),ol:({children:e})=>(0,t.jsx)(`ol`,{className:`list-decimal pl-5`,children:e}),li:({children:e})=>(0,t.jsx)(`li`,{className:`whitespace-pre-wrap break-words`,children:e}),h1:({children:e})=>(0,t.jsx)(`h1`,{className:`text-[15px] font-bold text-doom-hi`,children:e}),h2:({children:e})=>(0,t.jsx)(`h2`,{className:`text-[14px] font-bold text-doom-hi`,children:e}),h3:({children:e})=>(0,t.jsx)(`h3`,{className:`text-[13px] font-bold text-doom-hi`,children:e}),h4:({children:e})=>(0,t.jsx)(`h4`,{className:`text-[13px] font-bold text-doom-text`,children:e}),blockquote:({children:e})=>(0,t.jsx)(`blockquote`,{className:`border-l-2 border-doom-border pl-3 text-doom-dim`,children:e}),hr:()=>(0,t.jsx)(`hr`,{className:`border-doom-border-soft`}),table:({children:e})=>(0,t.jsx)(`div`,{className:`overflow-x-auto`,children:(0,t.jsx)(`table`,{className:`border-collapse text-[12px]`,children:e})}),th:({children:e})=>(0,t.jsx)(`th`,{className:`border border-doom-border bg-doom-deep px-2 py-1 text-left font-bold text-doom-hi`,children:e}),td:({children:e})=>(0,t.jsx)(`td`,{className:`border border-doom-border px-2 py-1 align-top`,children:e}),img:({src:e,alt:n})=>(0,t.jsx)(`img`,{src:e,alt:n??``,className:`max-h-[480px] max-w-full rounded border border-doom-border`})};function s({text:e}){return(0,t.jsx)(`div`,{className:`flex min-w-0 flex-col gap-2`,children:(0,t.jsx)(n.default,{remarkPlugins:i,components:o,children:e})})}exports.Markdown=s;
+//# sourceMappingURL=Markdown.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.cjs","names":["remarkGfm","ReactMarkdown"],"sources":["../../../src/components/Markdown.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport ReactMarkdown, { type Components } from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\n\nconst REMARK_PLUGINS = [remarkGfm];\n\nfunction Code({ className, children, ...rest }: ComponentProps<'code'>) {\n  return (\n    <code\n      {...rest}\n      className={`${className ?? ''} rounded bg-doom-deep px-1 py-px font-mono text-[12px] text-doom-green [pre_&]:bg-transparent [pre_&]:p-0 [pre_&]:text-doom-hi`}\n    >\n      {children}\n    </code>\n  );\n}\n\nconst COMPONENTS: Components = {\n  p: ({ children }) => <p className=\"whitespace-pre-wrap break-words\">{children}</p>,\n  strong: ({ children }) => <strong className=\"font-bold text-doom-hi\">{children}</strong>,\n  em: ({ children }) => <em className=\"italic\">{children}</em>,\n  del: ({ children }) => <del className=\"text-doom-dim line-through\">{children}</del>,\n  a: ({ href, children }) => (\n    <a href={href} target=\"_blank\" rel=\"noreferrer\" className=\"text-doom-blue underline decoration-doom-blue/50\">\n      {children}\n    </a>\n  ),\n  code: Code,\n  pre: ({ children }) => (\n    <pre className=\"overflow-x-auto rounded border border-doom-border bg-doom-deep p-2.5 text-[12px] leading-relaxed\">\n      {children}\n    </pre>\n  ),\n  ul: ({ children }) => <ul className=\"list-disc pl-5\">{children}</ul>,\n  ol: ({ children }) => <ol className=\"list-decimal pl-5\">{children}</ol>,\n  li: ({ children }) => <li className=\"whitespace-pre-wrap break-words\">{children}</li>,\n  h1: ({ children }) => <h1 className=\"text-[15px] font-bold text-doom-hi\">{children}</h1>,\n  h2: ({ children }) => <h2 className=\"text-[14px] font-bold text-doom-hi\">{children}</h2>,\n  h3: ({ children }) => <h3 className=\"text-[13px] font-bold text-doom-hi\">{children}</h3>,\n  h4: ({ children }) => <h4 className=\"text-[13px] font-bold text-doom-text\">{children}</h4>,\n  blockquote: ({ children }) => (\n    <blockquote className=\"border-l-2 border-doom-border pl-3 text-doom-dim\">{children}</blockquote>\n  ),\n  hr: () => <hr className=\"border-doom-border-soft\" />,\n  table: ({ children }) => (\n    <div className=\"overflow-x-auto\">\n      <table className=\"border-collapse text-[12px]\">{children}</table>\n    </div>\n  ),\n  th: ({ children }) => (\n    <th className=\"border border-doom-border bg-doom-deep px-2 py-1 text-left font-bold text-doom-hi\">{children}</th>\n  ),\n  td: ({ children }) => <td className=\"border border-doom-border px-2 py-1 align-top\">{children}</td>,\n  img: ({ src, alt }) => (\n    <img src={src} alt={alt ?? ''} className=\"max-h-[480px] max-w-full rounded border border-doom-border\" />\n  ),\n};\n\n/** GitHub-flavored Markdown using the cockpit's safe, shared presentation. */\nexport function Markdown({ text }: { text: string }) {\n  return (\n    <div className=\"flex min-w-0 flex-col gap-2\">\n      <ReactMarkdown remarkPlugins={REMARK_PLUGINS} components={COMPONENTS}>\n        {text}\n      </ReactMarkdown>\n    </div>\n  );\n}\n"],"mappings":"qLAIA,MAAM,EAAiB,CAACA,EAAAA,OAAS,EAEjC,SAAS,EAAK,CAAE,YAAW,WAAU,GAAG,GAAgC,CACtE,OACE,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,GAAI,EACJ,UAAW,GAAG,GAAa,GAAG,gIAE7B,UACG,CAAA,CAEV,CAEA,MAAM,EAAyB,CAC7B,GAAI,CAAE,eAAe,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,kCAAmC,UAAY,CAAA,EACjF,QAAS,CAAE,eAAe,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,UAAU,yBAA0B,UAAiB,CAAA,EACvF,IAAK,CAAE,eAAe,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,SAAU,UAAa,CAAA,EAC3D,KAAM,CAAE,eAAe,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,6BAA8B,UAAc,CAAA,EAClF,GAAI,CAAE,OAAM,eACV,EAAA,EAAA,IAAA,CAAC,IAAD,CAAS,OAAM,OAAO,SAAS,IAAI,aAAa,UAAU,mDACvD,UACA,CAAA,EAEL,KAAM,EACN,KAAM,CAAE,eACN,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,mGACZ,UACE,CAAA,EAEP,IAAK,CAAE,eAAe,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,iBAAkB,UAAa,CAAA,EACnE,IAAK,CAAE,eAAe,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,oBAAqB,UAAa,CAAA,EACtE,IAAK,CAAE,eAAe,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,kCAAmC,UAAa,CAAA,EACpF,IAAK,CAAE,eAAe,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,qCAAsC,UAAa,CAAA,EACvF,IAAK,CAAE,eAAe,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,qCAAsC,UAAa,CAAA,EACvF,IAAK,CAAE,eAAe,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,qCAAsC,UAAa,CAAA,EACvF,IAAK,CAAE,eAAe,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,uCAAwC,UAAa,CAAA,EACzF,YAAa,CAAE,eACb,EAAA,EAAA,IAAA,CAAC,aAAD,CAAY,UAAU,mDAAoD,UAAqB,CAAA,EAEjG,QAAU,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,yBAA2B,CAAA,EACnD,OAAQ,CAAE,eACR,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,kBACb,UAAA,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,UAAU,8BAA+B,UAAgB,CAAA,CAC7D,CAAA,EAEP,IAAK,CAAE,eACL,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,oFAAqF,UAAa,CAAA,EAElH,IAAK,CAAE,eAAe,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,gDAAiD,UAAa,CAAA,EAClG,KAAM,CAAE,MAAK,UACX,EAAA,EAAA,IAAA,CAAC,MAAD,CAAU,MAAK,IAAK,GAAO,GAAI,UAAU,4DAA8D,CAAA,CAE3G,EAGA,SAAgB,EAAS,CAAE,QAA0B,CACnD,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,8BACb,UAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,QAAD,CAAe,cAAe,EAAgB,WAAY,EACvD,SAAA,CACY,CAAA,CACZ,CAAA,CAET"}

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

@@ -0,0 +1,8 @@
+//#region src/components/Markdown.d.ts
+/** GitHub-flavored Markdown using the cockpit's safe, shared presentation. */
+declare function Markdown({ text }: {
+  text: string;
+}): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Markdown };
+//# sourceMappingURL=Markdown.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.d.mts","names":[],"sources":["../../../src/components/Markdown.tsx"],"mappings":";;iBA2DgB,WAAW;EAAU;gCAAc,IAAA"}

package/dist/src/components/Markdown.mjs

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import t from"react-markdown";import n from"remark-gfm";const r=[n];function i({className:t,children:n,...r}){return e(`code`,{...r,className:`${t??``} rounded bg-doom-deep px-1 py-px font-mono text-[12px] text-doom-green [pre_&]:bg-transparent [pre_&]:p-0 [pre_&]:text-doom-hi`,children:n})}const a={p:({children:t})=>e(`p`,{className:`whitespace-pre-wrap break-words`,children:t}),strong:({children:t})=>e(`strong`,{className:`font-bold text-doom-hi`,children:t}),em:({children:t})=>e(`em`,{className:`italic`,children:t}),del:({children:t})=>e(`del`,{className:`text-doom-dim line-through`,children:t}),a:({href:t,children:n})=>e(`a`,{href:t,target:`_blank`,rel:`noreferrer`,className:`text-doom-blue underline decoration-doom-blue/50`,children:n}),code:i,pre:({children:t})=>e(`pre`,{className:`overflow-x-auto rounded border border-doom-border bg-doom-deep p-2.5 text-[12px] leading-relaxed`,children:t}),ul:({children:t})=>e(`ul`,{className:`list-disc pl-5`,children:t}),ol:({children:t})=>e(`ol`,{className:`list-decimal pl-5`,children:t}),li:({children:t})=>e(`li`,{className:`whitespace-pre-wrap break-words`,children:t}),h1:({children:t})=>e(`h1`,{className:`text-[15px] font-bold text-doom-hi`,children:t}),h2:({children:t})=>e(`h2`,{className:`text-[14px] font-bold text-doom-hi`,children:t}),h3:({children:t})=>e(`h3`,{className:`text-[13px] font-bold text-doom-hi`,children:t}),h4:({children:t})=>e(`h4`,{className:`text-[13px] font-bold text-doom-text`,children:t}),blockquote:({children:t})=>e(`blockquote`,{className:`border-l-2 border-doom-border pl-3 text-doom-dim`,children:t}),hr:()=>e(`hr`,{className:`border-doom-border-soft`}),table:({children:t})=>e(`div`,{className:`overflow-x-auto`,children:e(`table`,{className:`border-collapse text-[12px]`,children:t})}),th:({children:t})=>e(`th`,{className:`border border-doom-border bg-doom-deep px-2 py-1 text-left font-bold text-doom-hi`,children:t}),td:({children:t})=>e(`td`,{className:`border border-doom-border px-2 py-1 align-top`,children:t}),img:({src:t,alt:n})=>e(`img`,{src:t,alt:n??``,className:`max-h-[480px] max-w-full rounded border border-doom-border`})};function o({text:n}){return e(`div`,{className:`flex min-w-0 flex-col gap-2`,children:e(t,{remarkPlugins:r,components:a,children:n})})}export{o as Markdown};
+//# sourceMappingURL=Markdown.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.mjs","names":[],"sources":["../../../src/components/Markdown.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport ReactMarkdown, { type Components } from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\n\nconst REMARK_PLUGINS = [remarkGfm];\n\nfunction Code({ className, children, ...rest }: ComponentProps<'code'>) {\n  return (\n    <code\n      {...rest}\n      className={`${className ?? ''} rounded bg-doom-deep px-1 py-px font-mono text-[12px] text-doom-green [pre_&]:bg-transparent [pre_&]:p-0 [pre_&]:text-doom-hi`}\n    >\n      {children}\n    </code>\n  );\n}\n\nconst COMPONENTS: Components = {\n  p: ({ children }) => <p className=\"whitespace-pre-wrap break-words\">{children}</p>,\n  strong: ({ children }) => <strong className=\"font-bold text-doom-hi\">{children}</strong>,\n  em: ({ children }) => <em className=\"italic\">{children}</em>,\n  del: ({ children }) => <del className=\"text-doom-dim line-through\">{children}</del>,\n  a: ({ href, children }) => (\n    <a href={href} target=\"_blank\" rel=\"noreferrer\" className=\"text-doom-blue underline decoration-doom-blue/50\">\n      {children}\n    </a>\n  ),\n  code: Code,\n  pre: ({ children }) => (\n    <pre className=\"overflow-x-auto rounded border border-doom-border bg-doom-deep p-2.5 text-[12px] leading-relaxed\">\n      {children}\n    </pre>\n  ),\n  ul: ({ children }) => <ul className=\"list-disc pl-5\">{children}</ul>,\n  ol: ({ children }) => <ol className=\"list-decimal pl-5\">{children}</ol>,\n  li: ({ children }) => <li className=\"whitespace-pre-wrap break-words\">{children}</li>,\n  h1: ({ children }) => <h1 className=\"text-[15px] font-bold text-doom-hi\">{children}</h1>,\n  h2: ({ children }) => <h2 className=\"text-[14px] font-bold text-doom-hi\">{children}</h2>,\n  h3: ({ children }) => <h3 className=\"text-[13px] font-bold text-doom-hi\">{children}</h3>,\n  h4: ({ children }) => <h4 className=\"text-[13px] font-bold text-doom-text\">{children}</h4>,\n  blockquote: ({ children }) => (\n    <blockquote className=\"border-l-2 border-doom-border pl-3 text-doom-dim\">{children}</blockquote>\n  ),\n  hr: () => <hr className=\"border-doom-border-soft\" />,\n  table: ({ children }) => (\n    <div className=\"overflow-x-auto\">\n      <table className=\"border-collapse text-[12px]\">{children}</table>\n    </div>\n  ),\n  th: ({ children }) => (\n    <th className=\"border border-doom-border bg-doom-deep px-2 py-1 text-left font-bold text-doom-hi\">{children}</th>\n  ),\n  td: ({ children }) => <td className=\"border border-doom-border px-2 py-1 align-top\">{children}</td>,\n  img: ({ src, alt }) => (\n    <img src={src} alt={alt ?? ''} className=\"max-h-[480px] max-w-full rounded border border-doom-border\" />\n  ),\n};\n\n/** GitHub-flavored Markdown using the cockpit's safe, shared presentation. */\nexport function Markdown({ text }: { text: string }) {\n  return (\n    <div className=\"flex min-w-0 flex-col gap-2\">\n      <ReactMarkdown remarkPlugins={REMARK_PLUGINS} components={COMPONENTS}>\n        {text}\n      </ReactMarkdown>\n    </div>\n  );\n}\n"],"mappings":"gGAIA,MAAM,EAAiB,CAAC,CAAS,EAEjC,SAAS,EAAK,CAAE,YAAW,WAAU,GAAG,GAAgC,CACtE,OACE,EAAC,OAAD,CACE,GAAI,EACJ,UAAW,GAAG,GAAa,GAAG,gIAE7B,UACG,CAAA,CAEV,CAEA,MAAM,EAAyB,CAC7B,GAAI,CAAE,cAAe,EAAC,IAAD,CAAG,UAAU,kCAAmC,UAAY,CAAA,EACjF,QAAS,CAAE,cAAe,EAAC,SAAD,CAAQ,UAAU,yBAA0B,UAAiB,CAAA,EACvF,IAAK,CAAE,cAAe,EAAC,KAAD,CAAI,UAAU,SAAU,UAAa,CAAA,EAC3D,KAAM,CAAE,cAAe,EAAC,MAAD,CAAK,UAAU,6BAA8B,UAAc,CAAA,EAClF,GAAI,CAAE,OAAM,cACV,EAAC,IAAD,CAAS,OAAM,OAAO,SAAS,IAAI,aAAa,UAAU,mDACvD,UACA,CAAA,EAEL,KAAM,EACN,KAAM,CAAE,cACN,EAAC,MAAD,CAAK,UAAU,mGACZ,UACE,CAAA,EAEP,IAAK,CAAE,cAAe,EAAC,KAAD,CAAI,UAAU,iBAAkB,UAAa,CAAA,EACnE,IAAK,CAAE,cAAe,EAAC,KAAD,CAAI,UAAU,oBAAqB,UAAa,CAAA,EACtE,IAAK,CAAE,cAAe,EAAC,KAAD,CAAI,UAAU,kCAAmC,UAAa,CAAA,EACpF,IAAK,CAAE,cAAe,EAAC,KAAD,CAAI,UAAU,qCAAsC,UAAa,CAAA,EACvF,IAAK,CAAE,cAAe,EAAC,KAAD,CAAI,UAAU,qCAAsC,UAAa,CAAA,EACvF,IAAK,CAAE,cAAe,EAAC,KAAD,CAAI,UAAU,qCAAsC,UAAa,CAAA,EACvF,IAAK,CAAE,cAAe,EAAC,KAAD,CAAI,UAAU,uCAAwC,UAAa,CAAA,EACzF,YAAa,CAAE,cACb,EAAC,aAAD,CAAY,UAAU,mDAAoD,UAAqB,CAAA,EAEjG,OAAU,EAAC,KAAD,CAAI,UAAU,yBAA2B,CAAA,EACnD,OAAQ,CAAE,cACR,EAAC,MAAD,CAAK,UAAU,kBACb,SAAA,EAAC,QAAD,CAAO,UAAU,8BAA+B,UAAgB,CAAA,CAC7D,CAAA,EAEP,IAAK,CAAE,cACL,EAAC,KAAD,CAAI,UAAU,oFAAqF,UAAa,CAAA,EAElH,IAAK,CAAE,cAAe,EAAC,KAAD,CAAI,UAAU,gDAAiD,UAAa,CAAA,EAClG,KAAM,CAAE,MAAK,SACX,EAAC,MAAD,CAAU,MAAK,IAAK,GAAO,GAAI,UAAU,4DAA8D,CAAA,CAE3G,EAGA,SAAgB,EAAS,CAAE,QAA0B,CACnD,OACE,EAAC,MAAD,CAAK,UAAU,8BACb,SAAA,EAAC,EAAD,CAAe,cAAe,EAAgB,WAAY,EACvD,SAAA,CACY,CAAA,CACZ,CAAA,CAET"}

package/dist/src/components/MessageItem.cjs

@@ -0,0 +1,2 @@
+require("../icons/icons.cjs");const e=require("../lib/cn.cjs"),t=require("./Button.cjs"),n=require("./StatusBadge.cjs");let r=require("react/jsx-runtime"),i=require("class-variance-authority"),a=require("react"),o=require("lucide-react");const s=(0,a.createContext)({tone:`neutral`,expandable:!1,expanded:!1,toggle:()=>void 0});function c(){return(0,a.useContext)(s)}const l=(0,i.cva)(`overflow-hidden rounded-md border bg-doom-panel transition-colors`,{variants:{tone:n.STATUS_EDGE},defaultVariants:{tone:`neutral`}});function u({className:t,tone:n,expandable:i=!1,defaultExpanded:o=!1,expanded:c,onExpandedChange:u,children:d,...f}){let[p,m]=(0,a.useState)(o),h=c??p,g={tone:n??`neutral`,expandable:i,expanded:h,toggle:()=>{let e=!h;c===void 0&&m(e),u?.(e)}};return(0,r.jsx)(s.Provider,{value:g,children:(0,r.jsx)(`div`,{"data-slot":`message-item`,"data-expanded":h,className:e.cn(l({tone:n}),t),...f,children:typeof d==`function`?d(g):d})})}function d(e){return e.running?`running`:e.isError?`error`:`ok`}const f={neutral:``,running:`RUNNING`,ok:`OK`,error:`ERROR`,info:`INFO`,accent:`NOTE`};function p({className:i,title:a,badge:s,children:l,...u}){let{tone:d,expandable:p,expanded:m,toggle:h}=c(),g=s===void 0?f[d]:s;return(0,r.jsxs)(`div`,{"data-slot":`message-item-header`,className:e.cn(`flex min-h-8 items-center gap-2 px-[11px] text-[11px] text-doom-dim`,i),...u,children:[(0,r.jsx)(`span`,{className:`shrink-0 font-bold text-doom-hi`,children:a}),(0,r.jsx)(`div`,{"data-slot":`message-item-summary`,className:`flex min-w-0 flex-1 items-center gap-2`,children:l}),g!==null&&g!==``?(0,r.jsx)(n.StatusBadge,{tone:d,"data-testid":`tool-status`,children:g}):null,p?(0,r.jsx)(t.Button,{variant:`ghost`,size:`icon`,"data-testid":`tool-expand`,"aria-expanded":m,"aria-label":m?`collapse`:`expand`,onClick:h,className:`text-doom-faint hover:text-doom-blue`,children:m?(0,r.jsx)(o.ChevronUp,{className:`h-3 w-3`}):(0,r.jsx)(o.ChevronDown,{className:`h-3 w-3`})}):null]})}function m({className:t,...n}){return(0,r.jsx)(`div`,{"data-slot":`message-item-body`,className:e.cn(`border-t border-doom-border-soft bg-doom-deep px-3 py-2 text-[11px] text-doom-dim`,t),...n})}const h={neutral:`…`,running:`◐`,ok:`✓`,error:`✗`,info:`●`,accent:`●`},g=(0,i.cva)(`shrink-0`,{variants:{tone:{neutral:`text-doom-faint`,running:`text-doom-yellow`,ok:`text-doom-green`,error:`text-doom-red`,info:`text-doom-blue`,accent:`text-doom-magenta`}},defaultVariants:{tone:`neutral`}});function _({className:t,tone:n,glyph:i,expands:a=!1,children:o,...s}){let{toggle:l}=c(),u=(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`span`,{className:g({tone:n}),children:i??h[n??`neutral`]}),(0,r.jsx)(`span`,{children:o})]});return a?(0,r.jsx)(`button`,{type:`button`,"data-slot":`message-item-status`,"data-testid":`tool-more`,onClick:l,className:e.cn(`flex cursor-pointer items-center gap-1.5 text-doom-faint hover:text-doom-blue`,t),children:u}):(0,r.jsx)(`span`,{"data-slot":`message-item-status`,className:e.cn(`flex items-center gap-1.5 text-doom-faint`,t),...s,children:u})}exports.MessageItem=u,exports.MessageItemBody=m,exports.MessageItemHeader=p,exports.MessageItemStatus=_,exports.STATUS_GLYPH=h,exports.STATUS_LABEL=f,exports.messageItemStatusVariants=g,exports.messageItemVariants=l,exports.toolTone=d,exports.useMessageItem=c;
+//# sourceMappingURL=MessageItem.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageItem.cjs","names":["createContext","useContext","cva","STATUS_EDGE","useState","cn","StatusBadge","Button","ChevronUpIcon","ChevronDownIcon"],"sources":["../../../src/components/MessageItem.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { type ComponentProps, createContext, type ReactNode, useContext, useState } from 'react';\nimport { ChevronDownIcon, ChevronUpIcon } from '../icons/icons.ts';\nimport { cn } from '../lib/cn.ts';\nimport { Button } from './Button.tsx';\nimport { STATUS_EDGE, StatusBadge, type StatusTone } from './StatusBadge.tsx';\n\n/**\n * The message item: the timeline card a tool call, a run, or a notice sits\n * in. The item owns its outcome tone and its expand state; the header, body,\n * and status parts read both from it, so a card composes the parts and never\n * threads `expanded` by hand. A tool message in a web plugin is built from\n * this, and so is the cockpit's own fallback item, which is what keeps them\n * looking alike.\n */\n\nexport interface MessageItemState {\n  tone: StatusTone;\n  /** Whether the header offers the toggle; an item that hides nothing offers none. */\n  expandable: boolean;\n  expanded: boolean;\n  toggle: () => void;\n}\n\nconst MessageItemContext = createContext<MessageItemState>({\n  tone: 'neutral',\n  expandable: false,\n  expanded: false,\n  toggle: () => undefined,\n});\n\n/** The enclosing item's state, for a part that lives deeper than the item's render prop. */\nexport function useMessageItem(): MessageItemState {\n  return useContext(MessageItemContext);\n}\n\n/** The frame, wearing the edge STATUS_EDGE names for the tone, so the two never drift apart. */\nexport const messageItemVariants = cva('overflow-hidden rounded-md border bg-doom-panel transition-colors', {\n  variants: { tone: STATUS_EDGE },\n  defaultVariants: { tone: 'neutral' },\n});\n\nexport interface MessageItemProps\n  extends Omit<ComponentProps<'div'>, 'children'>, VariantProps<typeof messageItemVariants> {\n  /** Whether the header offers the expand toggle. A toggle that reveals nothing reads as broken, so the card decides. */\n  expandable?: boolean;\n  defaultExpanded?: boolean;\n  /** Controlled mode; pair with onExpandedChange. Omit it and the item keeps its own state. */\n  expanded?: boolean;\n  onExpandedChange?: (expanded: boolean) => void;\n  /** Plain content, or a function of the item's state for a card that picks its lines by `expanded`. */\n  children?: ReactNode | ((state: MessageItemState) => ReactNode);\n}\n\nexport function MessageItem({\n  className,\n  tone,\n  expandable = false,\n  defaultExpanded = false,\n  expanded,\n  onExpandedChange,\n  children,\n  ...props\n}: MessageItemProps) {\n  const [own, setOwn] = useState(defaultExpanded);\n  const current = expanded ?? own;\n  const state: MessageItemState = {\n    tone: tone ?? 'neutral',\n    expandable,\n    expanded: current,\n    toggle: () => {\n      const next = !current;\n      if (expanded === undefined) setOwn(next);\n      onExpandedChange?.(next);\n    },\n  };\n  return (\n    <MessageItemContext.Provider value={state}>\n      <div\n        data-slot=\"message-item\"\n        data-expanded={current}\n        className={cn(messageItemVariants({ tone }), className)}\n        {...props}\n      >\n        {typeof children === 'function' ? children(state) : children}\n      </div>\n    </MessageItemContext.Provider>\n  );\n}\n\n/** The tone a tool call's item wears: running while the tool runs, then its outcome. */\nexport function toolTone(state: { running: boolean; isError: boolean }): StatusTone {\n  return state.running ? 'running' : state.isError ? 'error' : 'ok';\n}\n\n/** The badge text a tone reads as when the header is not told otherwise; empty hides the badge. */\nexport const STATUS_LABEL: Readonly<Record<StatusTone, string>> = {\n  neutral: '',\n  running: 'RUNNING',\n  ok: 'OK',\n  error: 'ERROR',\n  info: 'INFO',\n  accent: 'NOTE',\n};\n\nexport interface MessageItemHeaderProps extends Omit<ComponentProps<'div'>, 'title'> {\n  /** The bold label at the left: the tool name. */\n  title: ReactNode;\n  /** The badge text; defaults to the tone's label, null hides the badge. */\n  badge?: ReactNode | null;\n  /** The summary beside the title; it gets the remaining width. */\n  children?: ReactNode;\n}\n\n/** The title row: label, summary, the tone's badge, and the expand toggle when the item is expandable. */\nexport function MessageItemHeader({ className, title, badge, children, ...props }: MessageItemHeaderProps) {\n  const { tone, expandable, expanded, toggle } = useMessageItem();\n  const label = badge === undefined ? STATUS_LABEL[tone] : badge;\n  return (\n    <div\n      data-slot=\"message-item-header\"\n      className={cn('flex min-h-8 items-center gap-2 px-[11px] text-[11px] text-doom-dim', className)}\n      {...props}\n    >\n      <span className=\"shrink-0 font-bold text-doom-hi\">{title}</span>\n      <div data-slot=\"message-item-summary\" className=\"flex min-w-0 flex-1 items-center gap-2\">\n        {children}\n      </div>\n      {label !== null && label !== '' ? (\n        <StatusBadge tone={tone} data-testid=\"tool-status\">\n          {label}\n        </StatusBadge>\n      ) : null}\n      {expandable ? (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          data-testid=\"tool-expand\"\n          aria-expanded={expanded}\n          aria-label={expanded ? 'collapse' : 'expand'}\n          onClick={toggle}\n          className=\"text-doom-faint hover:text-doom-blue\"\n        >\n          {expanded ? <ChevronUpIcon className=\"h-3 w-3\" /> : <ChevronDownIcon className=\"h-3 w-3\" />}\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n\n/** The recessed body under the header. */\nexport function MessageItemBody({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"message-item-body\"\n      className={cn('border-t border-doom-border-soft bg-doom-deep px-3 py-2 text-[11px] text-doom-dim', className)}\n      {...props}\n    />\n  );\n}\n\n/** The glyph a tone reads as in a status line. */\nexport const STATUS_GLYPH: Readonly<Record<StatusTone, string>> = {\n  neutral: '…',\n  running: '◐',\n  ok: '✓',\n  error: '✗',\n  info: '●',\n  accent: '●',\n};\n\nexport const messageItemStatusVariants = cva('shrink-0', {\n  variants: {\n    tone: {\n      neutral: 'text-doom-faint',\n      running: 'text-doom-yellow',\n      ok: 'text-doom-green',\n      error: 'text-doom-red',\n      info: 'text-doom-blue',\n      accent: 'text-doom-magenta',\n    } satisfies Record<StatusTone, string>,\n  },\n  defaultVariants: { tone: 'neutral' },\n});\n\nexport interface MessageItemStatusProps extends ComponentProps<'span'>, VariantProps<typeof messageItemStatusVariants> {\n  /** Replaces the tone's glyph. */\n  glyph?: string;\n  /** Renders as a button that expands the item: the \"N more line(s)\" hint. Only className carries over. */\n  expands?: boolean;\n}\n\n/** The one-line status under a body: `◐ running`, `✗ failed`, `✓ done`, or the hint that more is hidden. */\nexport function MessageItemStatus({\n  className,\n  tone,\n  glyph,\n  expands = false,\n  children,\n  ...props\n}: MessageItemStatusProps) {\n  const { toggle } = useMessageItem();\n  const content = (\n    <>\n      <span className={messageItemStatusVariants({ tone })}>{glyph ?? STATUS_GLYPH[tone ?? 'neutral']}</span>\n      <span>{children}</span>\n    </>\n  );\n  if (expands) {\n    return (\n      <button\n        type=\"button\"\n        data-slot=\"message-item-status\"\n        data-testid=\"tool-more\"\n        onClick={toggle}\n        className={cn('flex cursor-pointer items-center gap-1.5 text-doom-faint hover:text-doom-blue', className)}\n      >\n        {content}\n      </button>\n    );\n  }\n  return (\n    <span\n      data-slot=\"message-item-status\"\n      className={cn('flex items-center gap-1.5 text-doom-faint', className)}\n      {...props}\n    >\n      {content}\n    </span>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,71 @@
+import { StatusTone } from "./StatusBadge.mjs";
+import { VariantProps } from "class-variance-authority";
+import { ComponentProps, ReactNode } from "react";
+//#region src/components/MessageItem.d.ts
+/**
+ * The message item: the timeline card a tool call, a run, or a notice sits
+ * in. The item owns its outcome tone and its expand state; the header, body,
+ * and status parts read both from it, so a card composes the parts and never
+ * threads `expanded` by hand. A tool message in a web plugin is built from
+ * this, and so is the cockpit's own fallback item, which is what keeps them
+ * looking alike.
+ */
+interface MessageItemState {
+  tone: StatusTone;
+  /** Whether the header offers the toggle; an item that hides nothing offers none. */
+  expandable: boolean;
+  expanded: boolean;
+  toggle: () => void;
+}
+/** The enclosing item's state, for a part that lives deeper than the item's render prop. */
+declare function useMessageItem(): MessageItemState;
+/** The frame, wearing the edge STATUS_EDGE names for the tone, so the two never drift apart. */
+declare const messageItemVariants: (props?: ({
+  tone?: "accent" | "error" | "info" | "neutral" | "ok" | "running" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface MessageItemProps extends Omit<ComponentProps<'div'>, 'children'>, VariantProps<typeof messageItemVariants> {
+  /** Whether the header offers the expand toggle. A toggle that reveals nothing reads as broken, so the card decides. */
+  expandable?: boolean;
+  defaultExpanded?: boolean;
+  /** Controlled mode; pair with onExpandedChange. Omit it and the item keeps its own state. */
+  expanded?: boolean;
+  onExpandedChange?: (expanded: boolean) => void;
+  /** Plain content, or a function of the item's state for a card that picks its lines by `expanded`. */
+  children?: ReactNode | ((state: MessageItemState) => ReactNode);
+}
+declare function MessageItem({ className, tone, expandable, defaultExpanded, expanded, onExpandedChange, children, ...props }: MessageItemProps): import("react/jsx-runtime").JSX.Element;
+/** The tone a tool call's item wears: running while the tool runs, then its outcome. */
+declare function toolTone(state: {
+  running: boolean;
+  isError: boolean;
+}): StatusTone;
+/** The badge text a tone reads as when the header is not told otherwise; empty hides the badge. */
+declare const STATUS_LABEL: Readonly<Record<StatusTone, string>>;
+interface MessageItemHeaderProps extends Omit<ComponentProps<'div'>, 'title'> {
+  /** The bold label at the left: the tool name. */
+  title: ReactNode;
+  /** The badge text; defaults to the tone's label, null hides the badge. */
+  badge?: ReactNode | null;
+  /** The summary beside the title; it gets the remaining width. */
+  children?: ReactNode;
+}
+/** The title row: label, summary, the tone's badge, and the expand toggle when the item is expandable. */
+declare function MessageItemHeader({ className, title, badge, children, ...props }: MessageItemHeaderProps): import("react/jsx-runtime").JSX.Element;
+/** The recessed body under the header. */
+declare function MessageItemBody({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+/** The glyph a tone reads as in a status line. */
+declare const STATUS_GLYPH: Readonly<Record<StatusTone, string>>;
+declare const messageItemStatusVariants: (props?: ({
+  tone?: "accent" | "error" | "info" | "neutral" | "ok" | "running" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface MessageItemStatusProps extends ComponentProps<'span'>, VariantProps<typeof messageItemStatusVariants> {
+  /** Replaces the tone's glyph. */
+  glyph?: string;
+  /** Renders as a button that expands the item: the "N more line(s)" hint. Only className carries over. */
+  expands?: boolean;
+}
+/** The one-line status under a body: `◐ running`, `✗ failed`, `✓ done`, or the hint that more is hidden. */
+declare function MessageItemStatus({ className, tone, glyph, expands, children, ...props }: MessageItemStatusProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { MessageItem, MessageItemBody, MessageItemHeader, MessageItemHeaderProps, MessageItemProps, MessageItemState, MessageItemStatus, MessageItemStatusProps, STATUS_GLYPH, STATUS_LABEL, messageItemStatusVariants, messageItemVariants, toolTone, useMessageItem };
+//# sourceMappingURL=MessageItem.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageItem.d.mts","names":[],"sources":["../../../src/components/MessageItem.tsx"],"mappings":";;;;;;;;;;;;UAgBiB;EACf,MAAM;;EAEN;EACA;EACA;;;iBAWc,kBAAkB;;cAKrB,sBAAmB;;6CAG9B;UAEe,yBACP,KAAK,oCAAoC,oBAAoB;;EAErE;EACA;;EAEA;EACA,oBAAoB;;EAEpB,WAAW,cAAc,OAAO,qBAAqB;;iBAGvC,cACd,WACA,MACA,YACA,iBACA,UACA,kBACA,aACG,SACF,+CAAgB,IAAA;;iBA4BH,SAAS;EAAS;EAAkB;IAAqB;;cAK5D,cAAc,SAAS,OAAO;UAS1B,+BAA+B,KAAK;;EAEnD,OAAO;;EAEP,QAAQ;;EAER,WAAW;;;iBAIG,oBAAoB,WAAW,OAAO,OAAO,aAAa,SAAS,qDAAsB,IAAA;;iBAoCzF,kBAAkB,cAAc,SAAS,oDAAqB,IAAA;;cAWjE,cAAc,SAAS,OAAO;cAS9B,4BAAyB;;6CAYpC;UAEe,+BAA+B,wBAAwB,oBAAoB;;EAE1F;;EAEA;;;iBAIc,oBACd,WACA,MACA,OACA,SACA,aACG,SACF,qDAAsB,IAAA"}

package/dist/src/components/MessageItem.mjs

@@ -0,0 +1,2 @@
+import{ChevronDownIcon as e,ChevronUpIcon as t}from"../icons/icons.mjs";import{cn as n}from"../lib/cn.mjs";import{Button as r}from"./Button.mjs";import{STATUS_EDGE as i,StatusBadge as a}from"./StatusBadge.mjs";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";import{cva as l}from"class-variance-authority";import{createContext as u,useContext as d,useState as f}from"react";const p=u({tone:`neutral`,expandable:!1,expanded:!1,toggle:()=>void 0});function m(){return d(p)}const h=l(`overflow-hidden rounded-md border bg-doom-panel transition-colors`,{variants:{tone:i},defaultVariants:{tone:`neutral`}});function g({className:e,tone:t,expandable:r=!1,defaultExpanded:i=!1,expanded:a,onExpandedChange:o,children:c,...l}){let[u,d]=f(i),m=a??u,g={tone:t??`neutral`,expandable:r,expanded:m,toggle:()=>{let e=!m;a===void 0&&d(e),o?.(e)}};return s(p.Provider,{value:g,children:s(`div`,{"data-slot":`message-item`,"data-expanded":m,className:n(h({tone:t}),e),...l,children:typeof c==`function`?c(g):c})})}function _(e){return e.running?`running`:e.isError?`error`:`ok`}const v={neutral:``,running:`RUNNING`,ok:`OK`,error:`ERROR`,info:`INFO`,accent:`NOTE`};function y({className:i,title:o,badge:l,children:u,...d}){let{tone:f,expandable:p,expanded:h,toggle:g}=m(),_=l===void 0?v[f]:l;return c(`div`,{"data-slot":`message-item-header`,className:n(`flex min-h-8 items-center gap-2 px-[11px] text-[11px] text-doom-dim`,i),...d,children:[s(`span`,{className:`shrink-0 font-bold text-doom-hi`,children:o}),s(`div`,{"data-slot":`message-item-summary`,className:`flex min-w-0 flex-1 items-center gap-2`,children:u}),_!==null&&_!==``?s(a,{tone:f,"data-testid":`tool-status`,children:_}):null,p?s(r,{variant:`ghost`,size:`icon`,"data-testid":`tool-expand`,"aria-expanded":h,"aria-label":h?`collapse`:`expand`,onClick:g,className:`text-doom-faint hover:text-doom-blue`,children:s(h?t:e,{className:`h-3 w-3`})}):null]})}function b({className:e,...t}){return s(`div`,{"data-slot":`message-item-body`,className:n(`border-t border-doom-border-soft bg-doom-deep px-3 py-2 text-[11px] text-doom-dim`,e),...t})}const x={neutral:`…`,running:`◐`,ok:`✓`,error:`✗`,info:`●`,accent:`●`},S=l(`shrink-0`,{variants:{tone:{neutral:`text-doom-faint`,running:`text-doom-yellow`,ok:`text-doom-green`,error:`text-doom-red`,info:`text-doom-blue`,accent:`text-doom-magenta`}},defaultVariants:{tone:`neutral`}});function C({className:e,tone:t,glyph:r,expands:i=!1,children:a,...l}){let{toggle:u}=m(),d=c(o,{children:[s(`span`,{className:S({tone:t}),children:r??x[t??`neutral`]}),s(`span`,{children:a})]});return i?s(`button`,{type:`button`,"data-slot":`message-item-status`,"data-testid":`tool-more`,onClick:u,className:n(`flex cursor-pointer items-center gap-1.5 text-doom-faint hover:text-doom-blue`,e),children:d}):s(`span`,{"data-slot":`message-item-status`,className:n(`flex items-center gap-1.5 text-doom-faint`,e),...l,children:d})}export{g as MessageItem,b as MessageItemBody,y as MessageItemHeader,C as MessageItemStatus,x as STATUS_GLYPH,v as STATUS_LABEL,S as messageItemStatusVariants,h as messageItemVariants,_ as toolTone,m as useMessageItem};
+//# sourceMappingURL=MessageItem.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageItem.mjs","names":[],"sources":["../../../src/components/MessageItem.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { type ComponentProps, createContext, type ReactNode, useContext, useState } from 'react';\nimport { ChevronDownIcon, ChevronUpIcon } from '../icons/icons.ts';\nimport { cn } from '../lib/cn.ts';\nimport { Button } from './Button.tsx';\nimport { STATUS_EDGE, StatusBadge, type StatusTone } from './StatusBadge.tsx';\n\n/**\n * The message item: the timeline card a tool call, a run, or a notice sits\n * in. The item owns its outcome tone and its expand state; the header, body,\n * and status parts read both from it, so a card composes the parts and never\n * threads `expanded` by hand. A tool message in a web plugin is built from\n * this, and so is the cockpit's own fallback item, which is what keeps them\n * looking alike.\n */\n\nexport interface MessageItemState {\n  tone: StatusTone;\n  /** Whether the header offers the toggle; an item that hides nothing offers none. */\n  expandable: boolean;\n  expanded: boolean;\n  toggle: () => void;\n}\n\nconst MessageItemContext = createContext<MessageItemState>({\n  tone: 'neutral',\n  expandable: false,\n  expanded: false,\n  toggle: () => undefined,\n});\n\n/** The enclosing item's state, for a part that lives deeper than the item's render prop. */\nexport function useMessageItem(): MessageItemState {\n  return useContext(MessageItemContext);\n}\n\n/** The frame, wearing the edge STATUS_EDGE names for the tone, so the two never drift apart. */\nexport const messageItemVariants = cva('overflow-hidden rounded-md border bg-doom-panel transition-colors', {\n  variants: { tone: STATUS_EDGE },\n  defaultVariants: { tone: 'neutral' },\n});\n\nexport interface MessageItemProps\n  extends Omit<ComponentProps<'div'>, 'children'>, VariantProps<typeof messageItemVariants> {\n  /** Whether the header offers the expand toggle. A toggle that reveals nothing reads as broken, so the card decides. */\n  expandable?: boolean;\n  defaultExpanded?: boolean;\n  /** Controlled mode; pair with onExpandedChange. Omit it and the item keeps its own state. */\n  expanded?: boolean;\n  onExpandedChange?: (expanded: boolean) => void;\n  /** Plain content, or a function of the item's state for a card that picks its lines by `expanded`. */\n  children?: ReactNode | ((state: MessageItemState) => ReactNode);\n}\n\nexport function MessageItem({\n  className,\n  tone,\n  expandable = false,\n  defaultExpanded = false,\n  expanded,\n  onExpandedChange,\n  children,\n  ...props\n}: MessageItemProps) {\n  const [own, setOwn] = useState(defaultExpanded);\n  const current = expanded ?? own;\n  const state: MessageItemState = {\n    tone: tone ?? 'neutral',\n    expandable,\n    expanded: current,\n    toggle: () => {\n      const next = !current;\n      if (expanded === undefined) setOwn(next);\n      onExpandedChange?.(next);\n    },\n  };\n  return (\n    <MessageItemContext.Provider value={state}>\n      <div\n        data-slot=\"message-item\"\n        data-expanded={current}\n        className={cn(messageItemVariants({ tone }), className)}\n        {...props}\n      >\n        {typeof children === 'function' ? children(state) : children}\n      </div>\n    </MessageItemContext.Provider>\n  );\n}\n\n/** The tone a tool call's item wears: running while the tool runs, then its outcome. */\nexport function toolTone(state: { running: boolean; isError: boolean }): StatusTone {\n  return state.running ? 'running' : state.isError ? 'error' : 'ok';\n}\n\n/** The badge text a tone reads as when the header is not told otherwise; empty hides the badge. */\nexport const STATUS_LABEL: Readonly<Record<StatusTone, string>> = {\n  neutral: '',\n  running: 'RUNNING',\n  ok: 'OK',\n  error: 'ERROR',\n  info: 'INFO',\n  accent: 'NOTE',\n};\n\nexport interface MessageItemHeaderProps extends Omit<ComponentProps<'div'>, 'title'> {\n  /** The bold label at the left: the tool name. */\n  title: ReactNode;\n  /** The badge text; defaults to the tone's label, null hides the badge. */\n  badge?: ReactNode | null;\n  /** The summary beside the title; it gets the remaining width. */\n  children?: ReactNode;\n}\n\n/** The title row: label, summary, the tone's badge, and the expand toggle when the item is expandable. */\nexport function MessageItemHeader({ className, title, badge, children, ...props }: MessageItemHeaderProps) {\n  const { tone, expandable, expanded, toggle } = useMessageItem();\n  const label = badge === undefined ? STATUS_LABEL[tone] : badge;\n  return (\n    <div\n      data-slot=\"message-item-header\"\n      className={cn('flex min-h-8 items-center gap-2 px-[11px] text-[11px] text-doom-dim', className)}\n      {...props}\n    >\n      <span className=\"shrink-0 font-bold text-doom-hi\">{title}</span>\n      <div data-slot=\"message-item-summary\" className=\"flex min-w-0 flex-1 items-center gap-2\">\n        {children}\n      </div>\n      {label !== null && label !== '' ? (\n        <StatusBadge tone={tone} data-testid=\"tool-status\">\n          {label}\n        </StatusBadge>\n      ) : null}\n      {expandable ? (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          data-testid=\"tool-expand\"\n          aria-expanded={expanded}\n          aria-label={expanded ? 'collapse' : 'expand'}\n          onClick={toggle}\n          className=\"text-doom-faint hover:text-doom-blue\"\n        >\n          {expanded ? <ChevronUpIcon className=\"h-3 w-3\" /> : <ChevronDownIcon className=\"h-3 w-3\" />}\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n\n/** The recessed body under the header. */\nexport function MessageItemBody({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"message-item-body\"\n      className={cn('border-t border-doom-border-soft bg-doom-deep px-3 py-2 text-[11px] text-doom-dim', className)}\n      {...props}\n    />\n  );\n}\n\n/** The glyph a tone reads as in a status line. */\nexport const STATUS_GLYPH: Readonly<Record<StatusTone, string>> = {\n  neutral: '…',\n  running: '◐',\n  ok: '✓',\n  error: '✗',\n  info: '●',\n  accent: '●',\n};\n\nexport const messageItemStatusVariants = cva('shrink-0', {\n  variants: {\n    tone: {\n      neutral: 'text-doom-faint',\n      running: 'text-doom-yellow',\n      ok: 'text-doom-green',\n      error: 'text-doom-red',\n      info: 'text-doom-blue',\n      accent: 'text-doom-magenta',\n    } satisfies Record<StatusTone, string>,\n  },\n  defaultVariants: { tone: 'neutral' },\n});\n\nexport interface MessageItemStatusProps extends ComponentProps<'span'>, VariantProps<typeof messageItemStatusVariants> {\n  /** Replaces the tone's glyph. */\n  glyph?: string;\n  /** Renders as a button that expands the item: the \"N more line(s)\" hint. Only className carries over. */\n  expands?: boolean;\n}\n\n/** The one-line status under a body: `◐ running`, `✗ failed`, `✓ done`, or the hint that more is hidden. */\nexport function MessageItemStatus({\n  className,\n  tone,\n  glyph,\n  expands = false,\n  children,\n  ...props\n}: MessageItemStatusProps) {\n  const { toggle } = useMessageItem();\n  const content = (\n    <>\n      <span className={messageItemStatusVariants({ tone })}>{glyph ?? STATUS_GLYPH[tone ?? 'neutral']}</span>\n      <span>{children}</span>\n    </>\n  );\n  if (expands) {\n    return (\n      <button\n        type=\"button\"\n        data-slot=\"message-item-status\"\n        data-testid=\"tool-more\"\n        onClick={toggle}\n        className={cn('flex cursor-pointer items-center gap-1.5 text-doom-faint hover:text-doom-blue', className)}\n      >\n        {content}\n      </button>\n    );\n  }\n  return (\n    <span\n      data-slot=\"message-item-status\"\n      className={cn('flex items-center gap-1.5 text-doom-faint', className)}\n      {...props}\n    >\n      {content}\n    </span>\n  );\n}\n"],"mappings":"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"}

package/dist/src/components/MessageLines.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/cn.cjs");let t=require("react/jsx-runtime");const n=(0,require("class-variance-authority").cva)(`whitespace-pre-wrap break-words`,{variants:{tone:{hi:`text-doom-hi`,text:`text-doom-text`,dim:`text-doom-dim`,muted:`text-doom-faint`,success:`text-doom-green`,error:`text-doom-red`,warning:`text-doom-yellow`,accent:`text-doom-blue`},bold:{true:`font-bold`,false:``},indent:{true:`pl-4`,false:``}},defaultVariants:{tone:`dim`,bold:!1,indent:!1}});function r({className:r,lines:i,...a}){return(0,t.jsx)(`div`,{"data-slot":`message-lines`,className:e.cn(`flex flex-col gap-0.5`,r),...a,children:i.map((e,r)=>(0,t.jsx)(`div`,{className:n({tone:e.tone,bold:e.bold===!0,indent:e.indent===!0}),children:e.text},`${String(r)}-${e.text}`))})}exports.MessageLines=r,exports.messageLineVariants=n;
+//# sourceMappingURL=MessageLines.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageLines.cjs","names":["cva","cn"],"sources":["../../../src/components/MessageLines.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { ComponentProps } from 'react';\nimport { cn } from '../lib/cn.ts';\nimport type { MessageLineTone as Tone } from '../types/tone.ts';\n\n/** One line of a message body, with the tone the card's pure view logic chose for it. */\nexport type MessageLineTone = Tone;\n\nexport interface MessageLine {\n  text: string;\n  tone: MessageLineTone;\n  bold?: boolean;\n  indent?: boolean;\n}\n\nexport const messageLineVariants = cva('whitespace-pre-wrap break-words', {\n  variants: {\n    tone: {\n      hi: 'text-doom-hi',\n      text: 'text-doom-text',\n      dim: 'text-doom-dim',\n      muted: 'text-doom-faint',\n      success: 'text-doom-green',\n      error: 'text-doom-red',\n      warning: 'text-doom-yellow',\n      accent: 'text-doom-blue',\n    } satisfies Record<Tone, string>,\n    bold: { true: 'font-bold', false: '' },\n    indent: { true: 'pl-4', false: '' },\n  },\n  defaultVariants: { tone: 'dim', bold: false, indent: false },\n});\n\nexport interface MessageLinesProps extends ComponentProps<'div'> {\n  lines: readonly MessageLine[];\n}\n\n/** A body of toned lines: what a card's view helper computed, drawn one line per row. */\nexport function MessageLines({ className, lines, ...props }: MessageLinesProps) {\n  return (\n    <div data-slot=\"message-lines\" className={cn('flex flex-col gap-0.5', className)} {...props}>\n      {lines.map((line, index) => (\n        <div\n          key={`${String(index)}-${line.text}`}\n          className={messageLineVariants({ tone: line.tone, bold: line.bold === true, indent: line.indent === true })}\n        >\n          {line.text}\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"oEAeA,MAAa,GAAA,oCAAsBA,CAAAA,CAAAA,IAAAA,CAAI,kCAAmC,CACxE,SAAU,CACR,KAAM,CACJ,GAAI,eACJ,KAAM,iBACN,IAAK,gBACL,MAAO,kBACP,QAAS,kBACT,MAAO,gBACP,QAAS,mBACT,OAAQ,gBACV,EACA,KAAM,CAAE,KAAM,YAAa,MAAO,EAAG,EACrC,OAAQ,CAAE,KAAM,OAAQ,MAAO,EAAG,CACpC,EACA,gBAAiB,CAAE,KAAM,MAAO,KAAM,GAAO,OAAQ,EAAM,CAC7D,CAAC,EAOD,SAAgB,EAAa,CAAE,YAAW,QAAO,GAAG,GAA4B,CAC9E,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,gBAAgB,UAAWC,EAAAA,GAAG,wBAAyB,CAAS,EAAG,GAAI,EACnF,SAAA,EAAM,KAAK,EAAM,KAChB,EAAA,EAAA,IAAA,CAAC,MAAD,CAEE,UAAW,EAAoB,CAAE,KAAM,EAAK,KAAM,KAAM,EAAK,OAAS,GAAM,OAAQ,EAAK,SAAW,EAAK,CAAC,EAEzG,SAAA,EAAK,IACH,EAJE,GAAG,OAAO,CAAK,EAAE,GAAG,EAAK,MAI3B,CACN,CACE,CAAA,CAET"}