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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.mts","names":[],"sources":["../../../src/components/Sheet.tsx"],"mappings":";;;;;;;;;;;iBAcgB,MAAM,OAAO,sBAAsB,OAAe,wBAAK,IAAA;iBAIvD,aAAa,OAAO,sBAAsB,OAAe,2BAAQ,IAAA;iBAIjE,WAAW,OAAO,sBAAsB,OAAe,yBAAM,IAAA;iBAI7D,eAAe,cAAc,SAAS,sBAAsB,OAAe,2BAAQ,IAAA;UAelF,0BAA0B,sBAAsB,OAAe;;EAE9E;;EAEA;;iBAKc,eAAe,WAAW,UAAU,MAAgB,UAAiB,SAAS,oCAAiB,IAAA;UAqB9F,yBAAyB;;EAExC;;EAEA;;iBAGc,cACd,WACA,aACA,YACA,aACG,SACF,mCAAgB,IAAA;iBAmBH,aAAa,cAAc,SAAS,sBAAsB,OAAe,yBAAM,IAAA;iBAU/E,mBAAmB,cAAc,SAAS,sBAAsB,OAAe,+BAAY,IAAA;iBAU3F,YAAY,cAAc,SAAS,wCAAqB,IAAA;iBAUxD,cAAc,cAAc,SAAS,wCAAqB,IAAA"}

package/dist/src/components/Sheet.mjs

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

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

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

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

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

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

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

package/dist/src/components/Spinner.cjs

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

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

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

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

@@ -9,7 +9,7 @@ interface SpinnerProps extends ComponentProps<'svg'> {
   label?: string;
 }
 /** A turning loader in the current text colour; decorative unless it is given a label. */
-declare function Spinner({ className, label, ...props }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+declare function Spinner({ className, label, ...props }: SpinnerProps): import("react").JSX.Element;
 //#endregion
 export { Spinner, SpinnerProps };
 //# sourceMappingURL=Spinner.d.mts.map

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

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

package/dist/src/components/Spinner.mjs

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

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

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

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

@@ -18,7 +18,7 @@ interface StatusBadgeProps extends ComponentProps<'span'>, VariantProps<typeof s
   asChild?: boolean;
 }
 /** The tinted outcome pill: RUNNING, OK, ERROR and their kin, as every run card draws it. */
-declare function StatusBadge({ className, tone, size, asChild, ...props }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+declare function StatusBadge({ className, tone, size, asChild, ...props }: StatusBadgeProps): import("react").JSX.Element;
 //#endregion
 export { STATUS_EDGE, StatusBadge, StatusBadgeProps, StatusTone, statusBadgeVariants };
 //# sourceMappingURL=StatusBadge.d.mts.map

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

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

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

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

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

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

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

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

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

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

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

@@ -23,14 +23,14 @@ interface NavTabProps extends ComponentProps<'a'>, VariantProps<typeof tabVarian
  * it renders; a route-driven tab strip has neither, so it gets the styling and
  * leaves the semantics to the router.
  */
-declare function NavTab({ className, active, asChild, ...props }: NavTabProps): import("react/jsx-runtime").JSX.Element;
+declare function NavTab({ className, active, asChild, ...props }: NavTabProps): import("react").JSX.Element;
 /** The count beside a tab's label. */
-declare function NavTabBadge({ className, active, ...props }: ComponentProps<'span'> & VariantProps<typeof tabBadgeVariants>): import("react/jsx-runtime").JSX.Element;
+declare function NavTabBadge({ className, active, ...props }: ComponentProps<'span'> & VariantProps<typeof tabBadgeVariants>): import("react").JSX.Element;
 /** Radix Tabs, for a surface that swaps panels in place rather than navigating. */
-declare function Tabs$1(props: ComponentProps<typeof Tabs.Root>): import("react/jsx-runtime").JSX.Element;
-declare function TabsList({ className, ...props }: ComponentProps<typeof Tabs.List>): import("react/jsx-runtime").JSX.Element;
-declare function TabsTrigger({ className, ...props }: ComponentProps<typeof Tabs.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function TabsContent({ className, ...props }: ComponentProps<typeof Tabs.Content>): import("react/jsx-runtime").JSX.Element;
+declare function Tabs$1(props: ComponentProps<typeof Tabs.Root>): import("react").JSX.Element;
+declare function TabsList({ className, ...props }: ComponentProps<typeof Tabs.List>): import("react").JSX.Element;
+declare function TabsTrigger({ className, ...props }: ComponentProps<typeof Tabs.Trigger>): import("react").JSX.Element;
+declare function TabsContent({ className, ...props }: ComponentProps<typeof Tabs.Content>): import("react").JSX.Element;
 //#endregion
 export { NavTab, NavTabBadge, NavTabProps, Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger, tabBadgeVariants, tabVariants };
 //# sourceMappingURL=Tabs.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.mts","names":[],"sources":["../../../src/components/Tabs.tsx"],"mappings":";;;;;;;;;cAWa,cAAW;;6CAWvB;;cAGY,mBAAgB;;6CAQ5B;UAEgB,oBAAoB,qBAAqB,oBAAoB;;EAE5E;;;;;;;iBAQc,SAAS,WAAW,QAAQ,YAAoB,SAAS,0CAAW,IAAA;;iBAapE,cACd,WACA,WACG,SACF,yBAAyB,oBAAoB,gDAAiB,IAAA;;iBAKjD,OAAK,OAAO,sBAAsB,KAAc,oCAAK,IAAA;iBAIrD,WAAW,cAAc,SAAS,sBAAsB,KAAc,oCAAK,IAAA;iBAI3E,cAAc,cAAc,SAAS,sBAAsB,KAAc,uCAAQ,IAAA;iBAcjF,cAAc,cAAc,SAAS,sBAAsB,KAAc,uCAAQ,IAAA"}
+{"version":3,"file":"Tabs.d.mts","names":[],"sources":["../../../src/components/Tabs.tsx"],"mappings":";;;;;;;;;cAWa,cAAW;;6CAWvB;;cAGY,mBAAgB;;6CAQ5B;UAEgB,oBAAoB,qBAAqB,oBAAoB;;EAE5E;;;;;;;iBAQc,SAAS,WAAW,QAAQ,YAAoB,SAAS,8BAAW,IAAA;;iBAapE,cACd,WACA,WACG,SACF,yBAAyB,oBAAoB,oCAAiB,IAAA;;iBAKjD,OAAK,OAAO,sBAAsB,KAAc,wBAAK,IAAA;iBAIrD,WAAW,cAAc,SAAS,sBAAsB,KAAc,wBAAK,IAAA;iBAI3E,cAAc,cAAc,SAAS,sBAAsB,KAAc,2BAAQ,IAAA;iBAcjF,cAAc,cAAc,SAAS,sBAAsB,KAAc,2BAAQ,IAAA"}

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

@@ -4,7 +4,7 @@ import { ComponentProps } from "react";
 //#region src/components/Textarea.d.ts
 interface TextareaProps extends Omit<ComponentProps<'textarea'>, 'size'>, VariantProps<typeof fieldVariants> {}
 /** The multi-line field, styled as the Input; `bare` drops the well for a composer that draws its own. */
-declare function Textarea({ className, variant, size, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;
+declare function Textarea({ className, variant, size, ...props }: TextareaProps): import("react").JSX.Element;
 //#endregion
 export { Textarea, TextareaProps };
 //# sourceMappingURL=Textarea.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.mts","names":[],"sources":["../../../src/components/Textarea.tsx"],"mappings":";;;;UAKiB,sBAAsB,KAAK,qCAAqC,oBAAoB;;iBAGrF,WAAW,WAAW,SAAS,SAAS,SAAS,4CAAa,IAAA"}
+{"version":3,"file":"Textarea.d.mts","names":[],"sources":["../../../src/components/Textarea.tsx"],"mappings":";;;;UAKiB,sBAAsB,KAAK,qCAAqC,oBAAoB;;iBAGrF,WAAW,WAAW,SAAS,SAAS,SAAS,gCAAa,IAAA"}

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

@@ -8,17 +8,17 @@ import { ComponentProps } from "react";
  * blur, and restores focus when it leaves. Mount one ToastProvider and one
  * ToastViewport per page.
  */
-declare function ToastProvider(props: ComponentProps<typeof Toast.Provider>): import("react/jsx-runtime").JSX.Element;
-declare function ToastViewport({ className, ...props }: ComponentProps<typeof Toast.Viewport>): import("react/jsx-runtime").JSX.Element;
+declare function ToastProvider(props: ComponentProps<typeof Toast.Provider>): import("react").JSX.Element;
+declare function ToastViewport({ className, ...props }: ComponentProps<typeof Toast.Viewport>): import("react").JSX.Element;
 declare const toastVariants: (props?: ({
   tone?: "accent" | "error" | "info" | "neutral" | "ok" | "running" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface ToastProps extends ComponentProps<typeof Toast.Root>, VariantProps<typeof toastVariants> {}
-declare function Toast$1({ className, tone, ...props }: ToastProps): import("react/jsx-runtime").JSX.Element;
-declare function ToastTitle({ className, ...props }: ComponentProps<typeof Toast.Title>): import("react/jsx-runtime").JSX.Element;
-declare function ToastDescription({ className, ...props }: ComponentProps<typeof Toast.Description>): import("react/jsx-runtime").JSX.Element;
-declare function ToastAction(props: ComponentProps<typeof Toast.Action>): import("react/jsx-runtime").JSX.Element;
-declare function ToastClose({ className, ...props }: ComponentProps<typeof Toast.Close>): import("react/jsx-runtime").JSX.Element;
+declare function Toast$1({ className, tone, ...props }: ToastProps): import("react").JSX.Element;
+declare function ToastTitle({ className, ...props }: ComponentProps<typeof Toast.Title>): import("react").JSX.Element;
+declare function ToastDescription({ className, ...props }: ComponentProps<typeof Toast.Description>): import("react").JSX.Element;
+declare function ToastAction(props: ComponentProps<typeof Toast.Action>): import("react").JSX.Element;
+declare function ToastClose({ className, ...props }: ComponentProps<typeof Toast.Close>): import("react").JSX.Element;
 //#endregion
 export { Toast$1 as Toast, ToastAction, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, toastVariants };
 //# sourceMappingURL=Toast.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.mts","names":[],"sources":["../../../src/components/Toast.tsx"],"mappings":";;;;;;;;;;iBAagB,cAAc,OAAO,sBAAsB,MAAe,wCAAS,IAAA;iBAInE,gBAAgB,cAAc,SAAS,sBAAsB,MAAe,wCAAS,IAAA;cAUxF,gBAAa;;6CAezB;UAEgB,mBAAmB,sBAAsB,MAAe,OAAO,oBAAoB;iBAEpF,UAAQ,WAAW,SAAS,SAAS,yCAAU,IAAA;iBAI/C,aAAa,cAAc,SAAS,sBAAsB,MAAe,qCAAM,IAAA;iBAU/E,mBAAmB,cAAc,SAAS,sBAAsB,MAAe,2CAAY,IAAA;iBAU3F,YAAY,OAAO,sBAAsB,MAAe,sCAAO,IAAA;iBAI/D,aAAa,cAAc,SAAS,sBAAsB,MAAe,qCAAM,IAAA"}
+{"version":3,"file":"Toast.d.mts","names":[],"sources":["../../../src/components/Toast.tsx"],"mappings":";;;;;;;;;;iBAagB,cAAc,OAAO,sBAAsB,MAAe,4BAAS,IAAA;iBAInE,gBAAgB,cAAc,SAAS,sBAAsB,MAAe,4BAAS,IAAA;cAUxF,gBAAa;;6CAezB;UAEgB,mBAAmB,sBAAsB,MAAe,OAAO,oBAAoB;iBAEpF,UAAQ,WAAW,SAAS,SAAS,6BAAU,IAAA;iBAI/C,aAAa,cAAc,SAAS,sBAAsB,MAAe,yBAAM,IAAA;iBAU/E,mBAAmB,cAAc,SAAS,sBAAsB,MAAe,+BAAY,IAAA;iBAU3F,YAAY,OAAO,sBAAsB,MAAe,0BAAO,IAAA;iBAI/D,aAAa,cAAc,SAAS,sBAAsB,MAAe,yBAAM,IAAA"}

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

@@ -2,10 +2,10 @@ import { Tooltip } from "radix-ui";
 import { ComponentProps } from "react";
 //#region src/components/Tooltip.d.ts
 /** Mount once near the root; every Tooltip below shares its delay. */
-declare function TooltipProvider({ delayDuration, ...props }: ComponentProps<typeof Tooltip.Provider>): import("react/jsx-runtime").JSX.Element;
-declare function Tooltip$1(props: ComponentProps<typeof Tooltip.Root>): import("react/jsx-runtime").JSX.Element;
-declare function TooltipTrigger(props: ComponentProps<typeof Tooltip.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: ComponentProps<typeof Tooltip.Content>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipProvider({ delayDuration, ...props }: ComponentProps<typeof Tooltip.Provider>): import("react").JSX.Element;
+declare function Tooltip$1(props: ComponentProps<typeof Tooltip.Root>): import("react").JSX.Element;
+declare function TooltipTrigger(props: ComponentProps<typeof Tooltip.Trigger>): import("react").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: ComponentProps<typeof Tooltip.Content>): import("react").JSX.Element;
 //#endregion
 export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 //# sourceMappingURL=Tooltip.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.mts","names":[],"sources":["../../../src/components/Tooltip.tsx"],"mappings":";;;;iBAKgB,kBAAkB,kBAAwB,SAAS,sBAAsB,QAAiB,wCAAS,IAAA;iBAInG,UAAQ,OAAO,sBAAsB,QAAiB,oCAAK,IAAA;iBAI3D,eAAe,OAAO,sBAAsB,QAAiB,uCAAQ,IAAA;iBAIrE,iBACd,WACA,YACA,aACG,SACF,sBAAsB,QAAiB,uCAAQ,IAAA"}
+{"version":3,"file":"Tooltip.d.mts","names":[],"sources":["../../../src/components/Tooltip.tsx"],"mappings":";;;;iBAKgB,kBAAkB,kBAAwB,SAAS,sBAAsB,QAAiB,4BAAS,IAAA;iBAInG,UAAQ,OAAO,sBAAsB,QAAiB,wBAAK,IAAA;iBAI3D,eAAe,OAAO,sBAAsB,QAAiB,2BAAQ,IAAA;iBAIrE,iBACd,WACA,YACA,aACG,SACF,sBAAsB,QAAiB,2BAAQ,IAAA"}

package/dist/src/lib/hashlineView.cjs

@@ -0,0 +1,6 @@
+const e=require("./collapse.cjs"),t=/^@file (.+)#([A-Za-z0-9_-]{8})$/u,n=/^(>> | {3})?(\d+)#[a-z]{3}\|(.*)$/u;function r(e){return typeof e==`object`&&!!e&&typeof e.type==`string`}function i(e,t){let n=e?.content.filter(r)??[],i=e===null?t:n.flatMap(e=>e.type===`text`?[e.text??``]:[]).join(`
+`);if(i.length===0)return n.some(e=>e.type===`image`)?[`[Image attached]`]:[];let a=i.replaceAll(`	`,`  `).replaceAll(`\r
+`,`
+`).split(`
+`);for(;a.at(-1)===``;)a.pop();return a}function a(e){let t=e.at(-1);if(!(t===void 0||!t.startsWith(`[`)||!t.endsWith(`]`))){for(e.pop();e.at(-1)===``;)e.pop();return t}}function o(e){let t=n.exec(e),r=t?.[2],i=t?.[3];if(r===void 0||i===void 0)return;let a=Number.parseInt(r,10);if(!Number.isSafeInteger(a)||a<1)return;let o=t?.[1];return{line:a,content:i,marker:o===`>> `?`match`:o===`   `?`context`:void 0}}function s(e){return t.exec(e)?.[1]}function c(e,t){let n=[];for(let r of e){let e=s(r);if(e!==void 0){t!==`read`&&n.push({type:`file`,path:e});continue}let i=o(r);if(i!==void 0){n.push({type:`tagged`,value:i});continue}n.push({type:`plain`,text:r})}return n}function l(t,n,r,o){let s=i(t,n),l=a(s),u=c(s,r),{shown:d,hidden:f}=e.collapseLines(u,r===`read`?10:15,o);return{shown:d,hidden:f,notice:l,gutter:d.reduce((e,t)=>t.type===`tagged`?Math.max(e,String(t.value.line).length):e,1)}}function u(e){return e.filter(e=>e!==void 0&&e.length>0)}exports.GREP_COLLAPSED_LINES=15,exports.READ_COLLAPSED_LINES=10,exports.compactDetails=u,exports.hashlineBody=l,exports.parseFileHeader=s,exports.parseTaggedLine=o,exports.presentHashlineLines=c,exports.resultTextLines=i,exports.takeTrailingNotice=a;
+//# sourceMappingURL=hashlineView.cjs.map

package/dist/src/lib/hashlineView.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hashlineView.cjs","names":["collapseLines"],"sources":["../../../src/lib/hashlineView.ts"],"sourcesContent":["import { collapseLines } from './collapse.ts';\n\n/**\n * The hashline wire format, parsed the way the TUI's hashlineRendering does:\n * `@file path#tag` opens a file, `N#abc|content` is an anchored line, and a\n * `>> ` or three-space prefix marks grep matches and their context.\n *\n * It lives here rather than in each tool package because the read and grep\n * cards render the same bytes and had drifted into byte-identical copies of\n * this module. The patterns are still a transcription of doompi-hashline: a\n * cockpit plugin may import this library and the web contract, but not a\n * runtime package, so the format is stated twice on purpose and only once per\n * side of that line.\n */\nconst FILE_HEADER_PATTERN = /^@file (.+)#([A-Za-z0-9_-]{8})$/u;\nconst TAGGED_LINE_PATTERN = /^(>> | {3})?(\\d+)#[a-z]{3}\\|(.*)$/u;\nconst MATCH_PREFIX = '>> ';\nconst CONTEXT_PREFIX = '   ';\nconst IMAGE_PLACEHOLDER = '[Image attached]';\n\nexport const READ_COLLAPSED_LINES = 10;\nexport const GREP_COLLAPSED_LINES = 15;\n\nexport type HashlineResultKind = 'read' | 'grep';\nexport type TaggedLineMarker = 'match' | 'context';\n\n/**\n * The part of a tool result this parser reads.\n *\n * Named structurally rather than imported: the component library sits below\n * the web contract and must not depend on it, so it states the shape it needs\n * and any `ToolResultView` satisfies it.\n */\nexport interface HashlineResult {\n  readonly content: readonly unknown[];\n}\n\nexport interface TaggedLine {\n  readonly line: number;\n  readonly content: string;\n  readonly marker: TaggedLineMarker | undefined;\n}\n\nexport type PresentedLine =\n  | { readonly type: 'file'; readonly path: string }\n  | { readonly type: 'tagged'; readonly value: TaggedLine }\n  | { readonly type: 'plain'; readonly text: string };\n\nexport interface HashlineBody {\n  readonly shown: readonly PresentedLine[];\n  /** Lines the collapsed view holds back; zero once expanded. */\n  readonly hidden: number;\n  /** The bracketed pagination or compaction note the tool appends after its lines. */\n  readonly notice: string | undefined;\n  /** Widest line number among the shown anchored lines, in characters. */\n  readonly gutter: number;\n}\n\ninterface TextBlock {\n  readonly type: string;\n  readonly text?: string;\n}\n\nfunction isTextBlock(block: unknown): block is TextBlock {\n  return typeof block === 'object' && block !== null && typeof (block as TextBlock).type === 'string';\n}\n\n/**\n * The result's text as lines: tabs widened, CRLF folded, trailing blanks\n * dropped. A result with no text but an image block reads as the TUI's\n * placeholder. The joined `output` stands in when no result view exists.\n */\nexport function resultTextLines(result: HashlineResult | null, output: string): string[] {\n  const blocks = result?.content.filter(isTextBlock) ?? [];\n  const text =\n    result === null ? output : blocks.flatMap((block) => (block.type === 'text' ? [block.text ?? ''] : [])).join('\\n');\n  if (text.length === 0) {\n    return blocks.some((block) => block.type === 'image') ? [IMAGE_PLACEHOLDER] : [];\n  }\n  const lines = text.replaceAll('\\t', '  ').replaceAll('\\r\\n', '\\n').split('\\n');\n  while (lines.at(-1) === '') lines.pop();\n  return lines;\n}\n\n/** Detaches the tool's trailing `[...]` note so the body numbers file content only. */\nexport function takeTrailingNotice(lines: string[]): string | undefined {\n  const last = lines.at(-1);\n  if (last === undefined || !last.startsWith('[') || !last.endsWith(']')) return undefined;\n  lines.pop();\n  while (lines.at(-1) === '') lines.pop();\n  return last;\n}\n\nexport function parseTaggedLine(value: string): TaggedLine | undefined {\n  const match = TAGGED_LINE_PATTERN.exec(value);\n  const lineText = match?.[2];\n  const content = match?.[3];\n  if (lineText === undefined || content === undefined) return undefined;\n  const line = Number.parseInt(lineText, 10);\n  if (!Number.isSafeInteger(line) || line < 1) return undefined;\n  const prefix = match?.[1];\n  const marker = prefix === MATCH_PREFIX ? 'match' : prefix === CONTEXT_PREFIX ? 'context' : undefined;\n  return { line, content, marker };\n}\n\nexport function parseFileHeader(value: string): string | undefined {\n  return FILE_HEADER_PATTERN.exec(value)?.[1];\n}\n\n/**\n * Lines as the card presents them. A read shows one file, so its header is\n * dropped; a grep groups anchored matches under each file's path.\n */\nexport function presentHashlineLines(lines: readonly string[], kind: HashlineResultKind): PresentedLine[] {\n  const presented: PresentedLine[] = [];\n  for (const line of lines) {\n    const path = parseFileHeader(line);\n    if (path !== undefined) {\n      if (kind !== 'read') presented.push({ type: 'file', path });\n      continue;\n    }\n    const tagged = parseTaggedLine(line);\n    if (tagged !== undefined) {\n      presented.push({ type: 'tagged', value: tagged });\n      continue;\n    }\n    presented.push({ type: 'plain', text: line });\n  }\n  return presented;\n}\n\n/** The body a card shows for one result, collapsed to the kind's line budget unless expanded. */\nexport function hashlineBody(\n  result: HashlineResult | null,\n  output: string,\n  kind: HashlineResultKind,\n  expanded: boolean,\n): HashlineBody {\n  const lines = resultTextLines(result, output);\n  const notice = takeTrailingNotice(lines);\n  const presented = presentHashlineLines(lines, kind);\n  const budget = kind === 'read' ? READ_COLLAPSED_LINES : GREP_COLLAPSED_LINES;\n  const { shown, hidden } = collapseLines(presented, budget, expanded);\n  const gutter = shown.reduce(\n    (widest, line) => (line.type === 'tagged' ? Math.max(widest, String(line.value.line).length) : widest),\n    1,\n  );\n  return { shown, hidden, notice, gutter };\n}\n\n/** The `key · key` detail list beside a call's primary argument, with absent values dropped. */\nexport function compactDetails(values: ReadonlyArray<string | undefined>): string[] {\n  return values.filter((value): value is string => value !== undefined && value.length > 0);\n}\n"],"mappings":"kCAcM,EAAsB,mCACtB,EAAsB,qCAgD5B,SAAS,EAAY,EAAoC,CACvD,OAAO,OAAO,GAAU,YAAY,GAAkB,OAAQ,EAAoB,MAAS,QAC7F,CAOA,SAAgB,EAAgB,EAA+B,EAA0B,CACvF,IAAM,EAAS,GAAQ,QAAQ,OAAO,CAAW,GAAK,CAAC,EACjD,EACJ,IAAW,KAAO,EAAS,EAAO,QAAS,GAAW,EAAM,OAAS,OAAS,CAAC,EAAM,MAAQ,EAAE,EAAI,CAAC,CAAE,CAAC,CAAC,KAAK;CAAI,EACnH,GAAI,EAAK,SAAW,EAClB,OAAO,EAAO,KAAM,GAAU,EAAM,OAAS,OAAO,EAAI,CAAC,kBAAiB,EAAI,CAAC,EAEjF,IAAM,EAAQ,EAAK,WAAW,IAAM,IAAI,CAAC,CAAC,WAAW;EAAQ;CAAI,CAAC,CAAC,MAAM;CAAI,EAC7E,KAAO,EAAM,GAAG,EAAE,IAAM,IAAI,EAAM,IAAI,EACtC,OAAO,CACT,CAGA,SAAgB,EAAmB,EAAqC,CACtE,IAAM,EAAO,EAAM,GAAG,EAAE,EACpB,SAAS,IAAA,IAAa,CAAC,EAAK,WAAW,GAAG,GAAK,CAAC,EAAK,SAAS,GAAG,GAErE,KADA,EAAM,IAAI,EACH,EAAM,GAAG,EAAE,IAAM,IAAI,EAAM,IAAI,EACtC,OAAO,CAD+B,CAExC,CAEA,SAAgB,EAAgB,EAAuC,CACrE,IAAM,EAAQ,EAAoB,KAAK,CAAK,EACtC,EAAW,IAAQ,GACnB,EAAU,IAAQ,GACxB,GAAI,IAAa,IAAA,IAAa,IAAY,IAAA,GAAW,OACrD,IAAM,EAAO,OAAO,SAAS,EAAU,EAAE,EACzC,GAAI,CAAC,OAAO,cAAc,CAAI,GAAK,EAAO,EAAG,OAC7C,IAAM,EAAS,IAAQ,GAEvB,MAAO,CAAE,OAAM,UAAS,OADT,IAAW,MAAe,QAAU,IAAW,MAAiB,UAAY,IAAA,EAC5D,CACjC,CAEA,SAAgB,EAAgB,EAAmC,CACjE,OAAO,EAAoB,KAAK,CAAK,CAAC,GAAG,EAC3C,CAMA,SAAgB,EAAqB,EAA0B,EAA2C,CACxG,IAAM,EAA6B,CAAC,EACpC,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAM,EAAO,EAAgB,CAAI,EACjC,GAAI,IAAS,IAAA,GAAW,CAClB,IAAS,QAAQ,EAAU,KAAK,CAAE,KAAM,OAAQ,MAAK,CAAC,EAC1D,QACF,CACA,IAAM,EAAS,EAAgB,CAAI,EACnC,GAAI,IAAW,IAAA,GAAW,CACxB,EAAU,KAAK,CAAE,KAAM,SAAU,MAAO,CAAO,CAAC,EAChD,QACF,CACA,EAAU,KAAK,CAAE,KAAM,QAAS,KAAM,CAAK,CAAC,CAC9C,CACA,OAAO,CACT,CAGA,SAAgB,EACd,EACA,EACA,EACA,EACc,CACd,IAAM,EAAQ,EAAgB,EAAQ,CAAM,EACtC,EAAS,EAAmB,CAAK,EACjC,EAAY,EAAqB,EAAO,CAAI,EAE5C,CAAE,QAAO,UAAWA,EAAAA,cAAc,EADzB,IAAS,OAAA,GAAA,GACmC,CAAQ,EAKnE,MAAO,CAAE,QAAO,SAAQ,SAAQ,OAJjB,EAAM,QAClB,EAAQ,IAAU,EAAK,OAAS,SAAW,KAAK,IAAI,EAAQ,OAAO,EAAK,MAAM,IAAI,CAAC,CAAC,MAAM,EAAI,EAC/F,CAEmC,CAAE,CACzC,CAGA,SAAgB,EAAe,EAAqD,CAClF,OAAO,EAAO,OAAQ,GAA2B,IAAU,IAAA,IAAa,EAAM,OAAS,CAAC,CAC1F"}

package/dist/src/lib/hashlineView.d.mts

@@ -0,0 +1,61 @@
+//#region src/lib/hashlineView.d.ts
+declare const READ_COLLAPSED_LINES = 10;
+declare const GREP_COLLAPSED_LINES = 15;
+type HashlineResultKind = 'read' | 'grep';
+type TaggedLineMarker = 'match' | 'context';
+/**
+ * The part of a tool result this parser reads.
+ *
+ * Named structurally rather than imported: the component library sits below
+ * the web contract and must not depend on it, so it states the shape it needs
+ * and any `ToolResultView` satisfies it.
+ */
+interface HashlineResult {
+  readonly content: readonly unknown[];
+}
+interface TaggedLine {
+  readonly line: number;
+  readonly content: string;
+  readonly marker: TaggedLineMarker | undefined;
+}
+type PresentedLine = {
+  readonly type: 'file';
+  readonly path: string;
+} | {
+  readonly type: 'tagged';
+  readonly value: TaggedLine;
+} | {
+  readonly type: 'plain';
+  readonly text: string;
+};
+interface HashlineBody {
+  readonly shown: readonly PresentedLine[];
+  /** Lines the collapsed view holds back; zero once expanded. */
+  readonly hidden: number;
+  /** The bracketed pagination or compaction note the tool appends after its lines. */
+  readonly notice: string | undefined;
+  /** Widest line number among the shown anchored lines, in characters. */
+  readonly gutter: number;
+}
+/**
+ * The result's text as lines: tabs widened, CRLF folded, trailing blanks
+ * dropped. A result with no text but an image block reads as the TUI's
+ * placeholder. The joined `output` stands in when no result view exists.
+ */
+declare function resultTextLines(result: HashlineResult | null, output: string): string[];
+/** Detaches the tool's trailing `[...]` note so the body numbers file content only. */
+declare function takeTrailingNotice(lines: string[]): string | undefined;
+declare function parseTaggedLine(value: string): TaggedLine | undefined;
+declare function parseFileHeader(value: string): string | undefined;
+/**
+ * Lines as the card presents them. A read shows one file, so its header is
+ * dropped; a grep groups anchored matches under each file's path.
+ */
+declare function presentHashlineLines(lines: readonly string[], kind: HashlineResultKind): PresentedLine[];
+/** The body a card shows for one result, collapsed to the kind's line budget unless expanded. */
+declare function hashlineBody(result: HashlineResult | null, output: string, kind: HashlineResultKind, expanded: boolean): HashlineBody;
+/** The `key · key` detail list beside a call's primary argument, with absent values dropped. */
+declare function compactDetails(values: ReadonlyArray<string | undefined>): string[];
+//#endregion
+export { GREP_COLLAPSED_LINES, HashlineBody, HashlineResult, HashlineResultKind, PresentedLine, READ_COLLAPSED_LINES, TaggedLine, TaggedLineMarker, compactDetails, hashlineBody, parseFileHeader, parseTaggedLine, presentHashlineLines, resultTextLines, takeTrailingNotice };
+//# sourceMappingURL=hashlineView.d.mts.map

package/dist/src/lib/hashlineView.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hashlineView.d.mts","names":[],"sources":["../../../src/lib/hashlineView.ts"],"mappings":";cAoBa;cACA;KAED;KACA;;;;;;;;UASK;WACN;;UAGM;WACN;WACA;WACA,QAAQ;;KAGP;WACG;WAAuB;;WACvB;WAAyB,OAAO;;WAChC;WAAwB;;UAEtB;WACN,gBAAgB;;WAEhB;;WAEA;;WAEA;;;;;;;iBAiBK,gBAAgB,QAAQ,uBAAuB;;iBAa/C,mBAAmB;iBAQnB,gBAAgB,gBAAgB;iBAYhC,gBAAgB;;;;;iBAQhB,qBAAqB,0BAA0B,MAAM,qBAAqB;;iBAmB1E,aACd,QAAQ,uBACR,gBACA,MAAM,oBACN,oBACC;;iBAca,eAAe,QAAQ"}

package/dist/src/lib/hashlineView.mjs

@@ -0,0 +1,6 @@
+import{collapseLines as e}from"./collapse.mjs";const t=/^@file (.+)#([A-Za-z0-9_-]{8})$/u,n=/^(>> | {3})?(\d+)#[a-z]{3}\|(.*)$/u,r=10,i=15;function a(e){return typeof e==`object`&&!!e&&typeof e.type==`string`}function o(e,t){let n=e?.content.filter(a)??[],r=e===null?t:n.flatMap(e=>e.type===`text`?[e.text??``]:[]).join(`
+`);if(r.length===0)return n.some(e=>e.type===`image`)?[`[Image attached]`]:[];let i=r.replaceAll(`	`,`  `).replaceAll(`\r
+`,`
+`).split(`
+`);for(;i.at(-1)===``;)i.pop();return i}function s(e){let t=e.at(-1);if(!(t===void 0||!t.startsWith(`[`)||!t.endsWith(`]`))){for(e.pop();e.at(-1)===``;)e.pop();return t}}function c(e){let t=n.exec(e),r=t?.[2],i=t?.[3];if(r===void 0||i===void 0)return;let a=Number.parseInt(r,10);if(!Number.isSafeInteger(a)||a<1)return;let o=t?.[1];return{line:a,content:i,marker:o===`>> `?`match`:o===`   `?`context`:void 0}}function l(e){return t.exec(e)?.[1]}function u(e,t){let n=[];for(let r of e){let e=l(r);if(e!==void 0){t!==`read`&&n.push({type:`file`,path:e});continue}let i=c(r);if(i!==void 0){n.push({type:`tagged`,value:i});continue}n.push({type:`plain`,text:r})}return n}function d(t,n,r,i){let a=o(t,n),c=s(a),l=u(a,r),{shown:d,hidden:f}=e(l,r===`read`?10:15,i);return{shown:d,hidden:f,notice:c,gutter:d.reduce((e,t)=>t.type===`tagged`?Math.max(e,String(t.value.line).length):e,1)}}function f(e){return e.filter(e=>e!==void 0&&e.length>0)}export{i as GREP_COLLAPSED_LINES,r as READ_COLLAPSED_LINES,f as compactDetails,d as hashlineBody,l as parseFileHeader,c as parseTaggedLine,u as presentHashlineLines,o as resultTextLines,s as takeTrailingNotice};
+//# sourceMappingURL=hashlineView.mjs.map

package/dist/src/lib/hashlineView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hashlineView.mjs","names":[],"sources":["../../../src/lib/hashlineView.ts"],"sourcesContent":["import { collapseLines } from './collapse.ts';\n\n/**\n * The hashline wire format, parsed the way the TUI's hashlineRendering does:\n * `@file path#tag` opens a file, `N#abc|content` is an anchored line, and a\n * `>> ` or three-space prefix marks grep matches and their context.\n *\n * It lives here rather than in each tool package because the read and grep\n * cards render the same bytes and had drifted into byte-identical copies of\n * this module. The patterns are still a transcription of doompi-hashline: a\n * cockpit plugin may import this library and the web contract, but not a\n * runtime package, so the format is stated twice on purpose and only once per\n * side of that line.\n */\nconst FILE_HEADER_PATTERN = /^@file (.+)#([A-Za-z0-9_-]{8})$/u;\nconst TAGGED_LINE_PATTERN = /^(>> | {3})?(\\d+)#[a-z]{3}\\|(.*)$/u;\nconst MATCH_PREFIX = '>> ';\nconst CONTEXT_PREFIX = '   ';\nconst IMAGE_PLACEHOLDER = '[Image attached]';\n\nexport const READ_COLLAPSED_LINES = 10;\nexport const GREP_COLLAPSED_LINES = 15;\n\nexport type HashlineResultKind = 'read' | 'grep';\nexport type TaggedLineMarker = 'match' | 'context';\n\n/**\n * The part of a tool result this parser reads.\n *\n * Named structurally rather than imported: the component library sits below\n * the web contract and must not depend on it, so it states the shape it needs\n * and any `ToolResultView` satisfies it.\n */\nexport interface HashlineResult {\n  readonly content: readonly unknown[];\n}\n\nexport interface TaggedLine {\n  readonly line: number;\n  readonly content: string;\n  readonly marker: TaggedLineMarker | undefined;\n}\n\nexport type PresentedLine =\n  | { readonly type: 'file'; readonly path: string }\n  | { readonly type: 'tagged'; readonly value: TaggedLine }\n  | { readonly type: 'plain'; readonly text: string };\n\nexport interface HashlineBody {\n  readonly shown: readonly PresentedLine[];\n  /** Lines the collapsed view holds back; zero once expanded. */\n  readonly hidden: number;\n  /** The bracketed pagination or compaction note the tool appends after its lines. */\n  readonly notice: string | undefined;\n  /** Widest line number among the shown anchored lines, in characters. */\n  readonly gutter: number;\n}\n\ninterface TextBlock {\n  readonly type: string;\n  readonly text?: string;\n}\n\nfunction isTextBlock(block: unknown): block is TextBlock {\n  return typeof block === 'object' && block !== null && typeof (block as TextBlock).type === 'string';\n}\n\n/**\n * The result's text as lines: tabs widened, CRLF folded, trailing blanks\n * dropped. A result with no text but an image block reads as the TUI's\n * placeholder. The joined `output` stands in when no result view exists.\n */\nexport function resultTextLines(result: HashlineResult | null, output: string): string[] {\n  const blocks = result?.content.filter(isTextBlock) ?? [];\n  const text =\n    result === null ? output : blocks.flatMap((block) => (block.type === 'text' ? [block.text ?? ''] : [])).join('\\n');\n  if (text.length === 0) {\n    return blocks.some((block) => block.type === 'image') ? [IMAGE_PLACEHOLDER] : [];\n  }\n  const lines = text.replaceAll('\\t', '  ').replaceAll('\\r\\n', '\\n').split('\\n');\n  while (lines.at(-1) === '') lines.pop();\n  return lines;\n}\n\n/** Detaches the tool's trailing `[...]` note so the body numbers file content only. */\nexport function takeTrailingNotice(lines: string[]): string | undefined {\n  const last = lines.at(-1);\n  if (last === undefined || !last.startsWith('[') || !last.endsWith(']')) return undefined;\n  lines.pop();\n  while (lines.at(-1) === '') lines.pop();\n  return last;\n}\n\nexport function parseTaggedLine(value: string): TaggedLine | undefined {\n  const match = TAGGED_LINE_PATTERN.exec(value);\n  const lineText = match?.[2];\n  const content = match?.[3];\n  if (lineText === undefined || content === undefined) return undefined;\n  const line = Number.parseInt(lineText, 10);\n  if (!Number.isSafeInteger(line) || line < 1) return undefined;\n  const prefix = match?.[1];\n  const marker = prefix === MATCH_PREFIX ? 'match' : prefix === CONTEXT_PREFIX ? 'context' : undefined;\n  return { line, content, marker };\n}\n\nexport function parseFileHeader(value: string): string | undefined {\n  return FILE_HEADER_PATTERN.exec(value)?.[1];\n}\n\n/**\n * Lines as the card presents them. A read shows one file, so its header is\n * dropped; a grep groups anchored matches under each file's path.\n */\nexport function presentHashlineLines(lines: readonly string[], kind: HashlineResultKind): PresentedLine[] {\n  const presented: PresentedLine[] = [];\n  for (const line of lines) {\n    const path = parseFileHeader(line);\n    if (path !== undefined) {\n      if (kind !== 'read') presented.push({ type: 'file', path });\n      continue;\n    }\n    const tagged = parseTaggedLine(line);\n    if (tagged !== undefined) {\n      presented.push({ type: 'tagged', value: tagged });\n      continue;\n    }\n    presented.push({ type: 'plain', text: line });\n  }\n  return presented;\n}\n\n/** The body a card shows for one result, collapsed to the kind's line budget unless expanded. */\nexport function hashlineBody(\n  result: HashlineResult | null,\n  output: string,\n  kind: HashlineResultKind,\n  expanded: boolean,\n): HashlineBody {\n  const lines = resultTextLines(result, output);\n  const notice = takeTrailingNotice(lines);\n  const presented = presentHashlineLines(lines, kind);\n  const budget = kind === 'read' ? READ_COLLAPSED_LINES : GREP_COLLAPSED_LINES;\n  const { shown, hidden } = collapseLines(presented, budget, expanded);\n  const gutter = shown.reduce(\n    (widest, line) => (line.type === 'tagged' ? Math.max(widest, String(line.value.line).length) : widest),\n    1,\n  );\n  return { shown, hidden, notice, gutter };\n}\n\n/** The `key · key` detail list beside a call's primary argument, with absent values dropped. */\nexport function compactDetails(values: ReadonlyArray<string | undefined>): string[] {\n  return values.filter((value): value is string => value !== undefined && value.length > 0);\n}\n"],"mappings":"+CAcA,MAAM,EAAsB,mCACtB,EAAsB,qCAKf,EAAuB,GACvB,EAAuB,GA0CpC,SAAS,EAAY,EAAoC,CACvD,OAAO,OAAO,GAAU,YAAY,GAAkB,OAAQ,EAAoB,MAAS,QAC7F,CAOA,SAAgB,EAAgB,EAA+B,EAA0B,CACvF,IAAM,EAAS,GAAQ,QAAQ,OAAO,CAAW,GAAK,CAAC,EACjD,EACJ,IAAW,KAAO,EAAS,EAAO,QAAS,GAAW,EAAM,OAAS,OAAS,CAAC,EAAM,MAAQ,EAAE,EAAI,CAAC,CAAE,CAAC,CAAC,KAAK;CAAI,EACnH,GAAI,EAAK,SAAW,EAClB,OAAO,EAAO,KAAM,GAAU,EAAM,OAAS,OAAO,EAAI,CAAC,kBAAiB,EAAI,CAAC,EAEjF,IAAM,EAAQ,EAAK,WAAW,IAAM,IAAI,CAAC,CAAC,WAAW;EAAQ;CAAI,CAAC,CAAC,MAAM;CAAI,EAC7E,KAAO,EAAM,GAAG,EAAE,IAAM,IAAI,EAAM,IAAI,EACtC,OAAO,CACT,CAGA,SAAgB,EAAmB,EAAqC,CACtE,IAAM,EAAO,EAAM,GAAG,EAAE,EACpB,SAAS,IAAA,IAAa,CAAC,EAAK,WAAW,GAAG,GAAK,CAAC,EAAK,SAAS,GAAG,GAErE,KADA,EAAM,IAAI,EACH,EAAM,GAAG,EAAE,IAAM,IAAI,EAAM,IAAI,EACtC,OAAO,CAD+B,CAExC,CAEA,SAAgB,EAAgB,EAAuC,CACrE,IAAM,EAAQ,EAAoB,KAAK,CAAK,EACtC,EAAW,IAAQ,GACnB,EAAU,IAAQ,GACxB,GAAI,IAAa,IAAA,IAAa,IAAY,IAAA,GAAW,OACrD,IAAM,EAAO,OAAO,SAAS,EAAU,EAAE,EACzC,GAAI,CAAC,OAAO,cAAc,CAAI,GAAK,EAAO,EAAG,OAC7C,IAAM,EAAS,IAAQ,GAEvB,MAAO,CAAE,OAAM,UAAS,OADT,IAAW,MAAe,QAAU,IAAW,MAAiB,UAAY,IAAA,EAC5D,CACjC,CAEA,SAAgB,EAAgB,EAAmC,CACjE,OAAO,EAAoB,KAAK,CAAK,CAAC,GAAG,EAC3C,CAMA,SAAgB,EAAqB,EAA0B,EAA2C,CACxG,IAAM,EAA6B,CAAC,EACpC,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAM,EAAO,EAAgB,CAAI,EACjC,GAAI,IAAS,IAAA,GAAW,CAClB,IAAS,QAAQ,EAAU,KAAK,CAAE,KAAM,OAAQ,MAAK,CAAC,EAC1D,QACF,CACA,IAAM,EAAS,EAAgB,CAAI,EACnC,GAAI,IAAW,IAAA,GAAW,CACxB,EAAU,KAAK,CAAE,KAAM,SAAU,MAAO,CAAO,CAAC,EAChD,QACF,CACA,EAAU,KAAK,CAAE,KAAM,QAAS,KAAM,CAAK,CAAC,CAC9C,CACA,OAAO,CACT,CAGA,SAAgB,EACd,EACA,EACA,EACA,EACc,CACd,IAAM,EAAQ,EAAgB,EAAQ,CAAM,EACtC,EAAS,EAAmB,CAAK,EACjC,EAAY,EAAqB,EAAO,CAAI,EAE5C,CAAE,QAAO,UAAW,EAAc,EADzB,IAAS,OAAA,GAAA,GACmC,CAAQ,EAKnE,MAAO,CAAE,QAAO,SAAQ,SAAQ,OAJjB,EAAM,QAClB,EAAQ,IAAU,EAAK,OAAS,SAAW,KAAK,IAAI,EAAQ,OAAO,EAAK,MAAM,IAAI,CAAC,CAAC,MAAM,EAAI,EAC/F,CAEmC,CAAE,CACzC,CAGA,SAAgB,EAAe,EAAqD,CAClF,OAAO,EAAO,OAAQ,GAA2B,IAAU,IAAA,IAAa,EAAM,OAAS,CAAC,CAC1F"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agimon-ai/doompi-web-components",
-  "version": "0.0.1-alpha.4",
+  "version": "0.0.1-alpha.6",
   "description": "Shared web components and theme tokens for the DoomPi cockpit and its web plugins: shadcn-style primitives on Radix, tuned to the Doom palette, with runtime theme configs.",
   "keywords": [
     "ai",
@@ -74,23 +74,23 @@
     "@lezer/highlight": "1.2.3",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
-    "lucide-react": "1.31.0",
+    "lucide-react": "1.34.0",
     "radix-ui": "1.6.7",
     "react-markdown": "10.1.0",
     "remark-gfm": "4.0.1",
     "tailwind-merge": "3.6.0"
   },
   "devDependencies": {
-    "@types/node": "26.2.0",
-    "@types/react": "19.2.7",
-    "@types/react-dom": "19.2.4",
+    "@types/node": "26.4.0",
+    "@types/react": "19.2.18",
+    "@types/react-dom": "19.2.5",
     "@vitest/coverage-v8": "4.1.11",
     "react": "19.2.8",
     "react-dom": "19.2.8",
     "tsdown": "0.22.14",
     "typescript": "7.0.2",
     "vitest": "4.1.11",
-    "@agimon-ai/vibe-lint-plugin-doom-web": "0.0.1-alpha.40"
+    "@agimon-ai/vibe-lint-plugin-doom-web": "0.0.1-alpha.42"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/styles/tokens.css

@@ -126,6 +126,8 @@
   --animate-doom-pop: doom-pop 160ms cubic-bezier(0.16, 1, 0.3, 1);
   --animate-doom-rise: doom-rise 160ms cubic-bezier(0.16, 1, 0.3, 1);
   --animate-doom-blink: doom-blink 1s steps(2, start) infinite;
+  --animate-doom-slide-right: doom-slide-right 180ms cubic-bezier(0.16, 1, 0.3, 1);
+  --animate-doom-slide-left: doom-slide-left 180ms cubic-bezier(0.16, 1, 0.3, 1);
 
   @keyframes doom-fade {
     from {
@@ -155,6 +157,26 @@
       transform: translateY(0);
     }
   }
+  @keyframes doom-slide-right {
+    from {
+      opacity: 0;
+      transform: translateX(16px);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+  @keyframes doom-slide-left {
+    from {
+      opacity: 0;
+      transform: translateX(-16px);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
   @keyframes doom-blink {
     50% {
       opacity: 0;