@mastra/playground-ui 61.0.0-alpha.6 → 61.0.0-alpha.8

package/README.md

@@ -21,6 +21,42 @@ export function SaveButton() {
 }
 ```
 
+### Tool approvals
+
+`ToolApproval` renders a standalone approval request in the shared activity layout: the tool name
+with its decision status, the full tool arguments (file previews included), and the Approve and
+Decline actions.
+
+```tsx
+import { ToolApproval } from '@mastra/playground-ui/components/ai/tool-approval';
+
+<ToolApproval
+  toolName="write_file"
+  args={{ path: 'src/agent.ts', content: 'export const name = "Assistant";' }}
+  disabled={isSubmitting}
+  status={decision}
+  onApprove={approve}
+  onDecline={decline}
+/>;
+```
+
+A tool that already renders its own activity composes the parts instead: `ToolApprovalStatus` beside
+the tool name, `ToolApprovalActions` in the details while the request is pending.
+
+```tsx
+import { ToolApprovalActions, ToolApprovalStatus } from '@mastra/playground-ui/components/ai/tool-approval';
+
+<>
+  <ActivityHeadline icon={icon} label={label} badges={<ToolApprovalStatus status={decision} />} />
+  {!decision && <ToolApprovalActions toolName="write_file" onApprove={approve} onDecline={decline} />}
+</>;
+```
+
+The consumer owns submission, error feedback, and the optional `approved` or `declined` status.
+A decision removes the actions; clearing it restores them for a retry. `disabled` blocks both
+decisions without implying server confirmation. `autoFocus` focuses Approve on mount. Custom
+`children` replace the default argument preview. Examples live under **AI / Tool Approval** in Storybook.
+
 ### Semantic color tokens
 
 `theme.css` declares the semantic color tokens (`--background`, `--card`, `--foreground`, and friends) at the document root, so utilities such as `bg-card` and `text-foreground` resolve anywhere in the app, portalled content included. Importing `style.css` once is enough to get both the compiled utilities and those tokens.
@@ -160,6 +196,29 @@ Foundations/Color has one story each for monochrome and chromatic ramps, semanti
 
 Text uses roles, not sizes. A role such as `body-sm` or `caption` sets size, line height, weight, and tracking together. Render text with `Txt`, or use the matching `text-<role>` utility inside a component's own markup.
 
+Shared components own their typography. Use their existing size and semantic variant APIs, and let compound slots style direct children through inheritance. Use `Txt` for text that the call site owns. Do not add a generic text-role prop or wrap arbitrary children just to migrate a CSS class. A specialized surface can use the existing `className` escape hatch with a DS role when the component's defaults do not fit.
+
+`hero` and `lead` share the responsive typography of welcome pages. `eyebrow` supplies the size, weight, tracking, and uppercase treatment of section labels. Use `font="display"` when the display family is needed independently of the role.
+
+`Txt` defaults to the `body` role. With `as="strong"` or `as="b"`, omitting `variant` keeps the text bold; an explicit variant uses that role's weight.
+
+`Txt` renders text elements: headings, paragraphs, inline text, labels, and timestamps. Use `Code` for preformatted code. `Txt` cannot render a button, input, link, table, list, or layout container, and has no `render` prop. Keep controls and layout on their own components and put `Txt` at the text leaf:
+
+```tsx
+<div className="flex items-center gap-2">
+  <Icon />
+  <Txt as="span" variant="caption">Supporting copy</Txt>
+</div>
+<Link to="/runs">
+  <Txt as="span" variant="caption">View runs</Txt>
+</Link>
+<Button onClick={run}>Run</Button>
+<Input className="font-mono" aria-label="Setup command" />
+<Tree.Label>src/index.ts</Tree.Label>
+```
+
+`Input` and `Textarea` derive typography from their size. `DataPanel.SectionHeading` owns its small-caps style and renders its icon and children directly; callers compose any custom label or action themselves. `PageHeader.Meta` and `PageHeader.Eyebrow` preserve their inherited text styles even for raw children. `CodeEditor` alone exposes a narrow `font="body" | "mono"` choice because its text lives inside CodeMirror: prose fields can use the body face while code defaults to mono.
+
 ```tsx
 import { Txt } from '@mastra/playground-ui/components/Txt';
 

package/dist/{Avatar-DchBEEMO.cjs → Avatar-D_L-oAme.cjs}

@@ -2,7 +2,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const Txt = require('./Txt-DNnvlrBo.cjs');
+const Txt = require('./Txt-DFPibRb3.cjs');
 const primitives_transitions = require('./primitives/transitions.cjs.js');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
 
@@ -42,4 +42,4 @@ const Avatar = ({ src, name, size = "sm", interactive = false, color, textColor
 };
 
 exports.Avatar = Avatar;
-//# sourceMappingURL=Avatar-DchBEEMO.cjs.map
+//# sourceMappingURL=Avatar-D_L-oAme.cjs.map

package/dist/{Avatar-DchBEEMO.cjs.map → Avatar-D_L-oAme.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Avatar-DchBEEMO.cjs","sources":["../src/ds/components/Avatar/Avatar.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Txt } from '../Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarSize = 'sm' | 'md' | 'lg';\n\nexport type AvatarProps = {\n  src?: string;\n  name: string;\n  size?: AvatarSize;\n  interactive?: boolean;\n  color?: string;\n  textColor?: string;\n};\n\nconst sizeClasses: Record<AvatarSize, string> = {\n  sm: 'h-avatar-sm w-avatar-sm',\n  md: 'h-avatar-md w-avatar-md',\n  lg: 'h-avatar-lg w-avatar-lg',\n};\n\nexport const Avatar = ({ src, name, size = 'sm', interactive = false, color, textColor }: AvatarProps) => {\n  const [didError, setDidError] = useState(false);\n  const initial = name.trim()[0]?.toUpperCase() ?? 'A';\n  const showImage = Boolean(src) && !didError;\n  const showFallbackTint = !showImage && Boolean(color);\n\n  return (\n    <div\n      className={cn(\n        sizeClasses[size],\n        'flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border',\n        !showFallbackTint && 'bg-fill',\n        controlStateColorTransition,\n        interactive && 'cursor-pointer hover:border-border-hover',\n      )}\n      style={showFallbackTint ? { backgroundColor: color } : undefined}\n    >\n      {showImage ? (\n        <img src={src} alt={name} className=\"size-full object-cover\" onError={() => setDidError(true)} />\n      ) : (\n        <Txt\n          variant=\"body\"\n          tone={showFallbackTint ? undefined : 'muted'}\n          className=\"text-center\"\n          style={showFallbackTint && textColor ? { color: textColor } : undefined}\n        >\n          {initial}\n        </Txt>\n      )}\n    </div>\n  );\n};\n"],"names":["useState","jsx","cn","controlStateColorTransition","Txt"],"mappings":";;;;;;;;AAiBA,MAAM,WAAA,GAA0C;AAAA,EAC9C,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,MAAA,GAAS,CAAC,EAAE,GAAA,EAAK,IAAA,EAAM,IAAA,GAAO,IAAA,EAAM,WAAA,GAAc,KAAA,EAAO,KAAA,EAAO,SAAA,EAAU,KAAmB;AACxG,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,UAAU,IAAA,CAAK,IAAA,GAAO,CAAC,CAAA,EAAG,aAAY,IAAK,GAAA;AACjD,EAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,GAAG,CAAA,IAAK,CAAC,QAAA;AACnC,EAAA,MAAM,gBAAA,GAAmB,CAAC,SAAA,IAAa,OAAA,CAAQ,KAAK,CAAA;AAEpD,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,YAAY,IAAI,CAAA;AAAA,QAChB,6FAAA;AAAA,QACA,CAAC,gBAAA,IAAoB,SAAA;AAAA,QACrBC,kDAAA;AAAA,QACA,WAAA,IAAe;AAAA,OACjB;AAAA,MACA,KAAA,EAAO,gBAAA,GAAmB,EAAE,eAAA,EAAiB,OAAM,GAAI,MAAA;AAAA,MAEtD,QAAA,EAAA,SAAA,mBACCF,cAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,GAAA,EAAK,IAAA,EAAM,SAAA,EAAU,wBAAA,EAAyB,OAAA,EAAS,MAAM,WAAA,CAAY,IAAI,GAAG,CAAA,mBAE/FA,cAAA;AAAA,QAACG,OAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,MAAA;AAAA,UACR,IAAA,EAAM,mBAAmB,MAAA,GAAY,OAAA;AAAA,UACrC,SAAA,EAAU,aAAA;AAAA,UACV,OAAO,gBAAA,IAAoB,SAAA,GAAY,EAAE,KAAA,EAAO,WAAU,GAAI,MAAA;AAAA,UAE7D,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,GAEJ;AAEJ;;;;"}
+{"version":3,"file":"Avatar-D_L-oAme.cjs","sources":["../src/ds/components/Avatar/Avatar.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Txt } from '../Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarSize = 'sm' | 'md' | 'lg';\n\nexport type AvatarProps = {\n  src?: string;\n  name: string;\n  size?: AvatarSize;\n  interactive?: boolean;\n  color?: string;\n  textColor?: string;\n};\n\nconst sizeClasses: Record<AvatarSize, string> = {\n  sm: 'h-avatar-sm w-avatar-sm',\n  md: 'h-avatar-md w-avatar-md',\n  lg: 'h-avatar-lg w-avatar-lg',\n};\n\nexport const Avatar = ({ src, name, size = 'sm', interactive = false, color, textColor }: AvatarProps) => {\n  const [didError, setDidError] = useState(false);\n  const initial = name.trim()[0]?.toUpperCase() ?? 'A';\n  const showImage = Boolean(src) && !didError;\n  const showFallbackTint = !showImage && Boolean(color);\n\n  return (\n    <div\n      className={cn(\n        sizeClasses[size],\n        'flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border',\n        !showFallbackTint && 'bg-fill',\n        controlStateColorTransition,\n        interactive && 'cursor-pointer hover:border-border-hover',\n      )}\n      style={showFallbackTint ? { backgroundColor: color } : undefined}\n    >\n      {showImage ? (\n        <img src={src} alt={name} className=\"size-full object-cover\" onError={() => setDidError(true)} />\n      ) : (\n        <Txt\n          variant=\"body\"\n          tone={showFallbackTint ? undefined : 'muted'}\n          className=\"text-center\"\n          style={showFallbackTint && textColor ? { color: textColor } : undefined}\n        >\n          {initial}\n        </Txt>\n      )}\n    </div>\n  );\n};\n"],"names":["useState","jsx","cn","controlStateColorTransition","Txt"],"mappings":";;;;;;;;AAiBA,MAAM,WAAA,GAA0C;AAAA,EAC9C,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,MAAA,GAAS,CAAC,EAAE,GAAA,EAAK,IAAA,EAAM,IAAA,GAAO,IAAA,EAAM,WAAA,GAAc,KAAA,EAAO,KAAA,EAAO,SAAA,EAAU,KAAmB;AACxG,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,UAAU,IAAA,CAAK,IAAA,GAAO,CAAC,CAAA,EAAG,aAAY,IAAK,GAAA;AACjD,EAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,GAAG,CAAA,IAAK,CAAC,QAAA;AACnC,EAAA,MAAM,gBAAA,GAAmB,CAAC,SAAA,IAAa,OAAA,CAAQ,KAAK,CAAA;AAEpD,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,YAAY,IAAI,CAAA;AAAA,QAChB,6FAAA;AAAA,QACA,CAAC,gBAAA,IAAoB,SAAA;AAAA,QACrBC,kDAAA;AAAA,QACA,WAAA,IAAe;AAAA,OACjB;AAAA,MACA,KAAA,EAAO,gBAAA,GAAmB,EAAE,eAAA,EAAiB,OAAM,GAAI,MAAA;AAAA,MAEtD,QAAA,EAAA,SAAA,mBACCF,cAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,GAAA,EAAK,IAAA,EAAM,SAAA,EAAU,wBAAA,EAAyB,OAAA,EAAS,MAAM,WAAA,CAAY,IAAI,GAAG,CAAA,mBAE/FA,cAAA;AAAA,QAACG,OAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,MAAA;AAAA,UACR,IAAA,EAAM,mBAAmB,MAAA,GAAY,OAAA;AAAA,UACrC,SAAA,EAAU,aAAA;AAAA,UACV,OAAO,gBAAA,IAAoB,SAAA,GAAY,EAAE,KAAA,EAAO,WAAU,GAAI,MAAA;AAAA,UAE7D,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,GAEJ;AAEJ;;;;"}

package/dist/{Avatar-Bg_EZRgZ.js → Avatar-DpRimnsu.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { T as Txt } from './Txt-C3cYJgKU.js';
+import { T as Txt } from './Txt-CuuPO9Ho.js';
 import { controlStateColorTransition } from './primitives/transitions.es.js';
 import { c as cn } from './cn-65Adrsfj.js';
 
@@ -40,4 +40,4 @@ const Avatar = ({ src, name, size = "sm", interactive = false, color, textColor
 };
 
 export { Avatar as A };
-//# sourceMappingURL=Avatar-Bg_EZRgZ.js.map
+//# sourceMappingURL=Avatar-DpRimnsu.js.map

package/dist/{Avatar-Bg_EZRgZ.js.map → Avatar-DpRimnsu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Avatar-Bg_EZRgZ.js","sources":["../src/ds/components/Avatar/Avatar.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Txt } from '../Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarSize = 'sm' | 'md' | 'lg';\n\nexport type AvatarProps = {\n  src?: string;\n  name: string;\n  size?: AvatarSize;\n  interactive?: boolean;\n  color?: string;\n  textColor?: string;\n};\n\nconst sizeClasses: Record<AvatarSize, string> = {\n  sm: 'h-avatar-sm w-avatar-sm',\n  md: 'h-avatar-md w-avatar-md',\n  lg: 'h-avatar-lg w-avatar-lg',\n};\n\nexport const Avatar = ({ src, name, size = 'sm', interactive = false, color, textColor }: AvatarProps) => {\n  const [didError, setDidError] = useState(false);\n  const initial = name.trim()[0]?.toUpperCase() ?? 'A';\n  const showImage = Boolean(src) && !didError;\n  const showFallbackTint = !showImage && Boolean(color);\n\n  return (\n    <div\n      className={cn(\n        sizeClasses[size],\n        'flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border',\n        !showFallbackTint && 'bg-fill',\n        controlStateColorTransition,\n        interactive && 'cursor-pointer hover:border-border-hover',\n      )}\n      style={showFallbackTint ? { backgroundColor: color } : undefined}\n    >\n      {showImage ? (\n        <img src={src} alt={name} className=\"size-full object-cover\" onError={() => setDidError(true)} />\n      ) : (\n        <Txt\n          variant=\"body\"\n          tone={showFallbackTint ? undefined : 'muted'}\n          className=\"text-center\"\n          style={showFallbackTint && textColor ? { color: textColor } : undefined}\n        >\n          {initial}\n        </Txt>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAiBA,MAAM,WAAA,GAA0C;AAAA,EAC9C,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,MAAA,GAAS,CAAC,EAAE,GAAA,EAAK,IAAA,EAAM,IAAA,GAAO,IAAA,EAAM,WAAA,GAAc,KAAA,EAAO,KAAA,EAAO,SAAA,EAAU,KAAmB;AACxG,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,UAAU,IAAA,CAAK,IAAA,GAAO,CAAC,CAAA,EAAG,aAAY,IAAK,GAAA;AACjD,EAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,GAAG,CAAA,IAAK,CAAC,QAAA;AACnC,EAAA,MAAM,gBAAA,GAAmB,CAAC,SAAA,IAAa,OAAA,CAAQ,KAAK,CAAA;AAEpD,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,YAAY,IAAI,CAAA;AAAA,QAChB,6FAAA;AAAA,QACA,CAAC,gBAAA,IAAoB,SAAA;AAAA,QACrB,2BAAA;AAAA,QACA,WAAA,IAAe;AAAA,OACjB;AAAA,MACA,KAAA,EAAO,gBAAA,GAAmB,EAAE,eAAA,EAAiB,OAAM,GAAI,MAAA;AAAA,MAEtD,QAAA,EAAA,SAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,GAAA,EAAK,IAAA,EAAM,SAAA,EAAU,wBAAA,EAAyB,OAAA,EAAS,MAAM,WAAA,CAAY,IAAI,GAAG,CAAA,mBAE/F,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,MAAA;AAAA,UACR,IAAA,EAAM,mBAAmB,MAAA,GAAY,OAAA;AAAA,UACrC,SAAA,EAAU,aAAA;AAAA,UACV,OAAO,gBAAA,IAAoB,SAAA,GAAY,EAAE,KAAA,EAAO,WAAU,GAAI,MAAA;AAAA,UAE7D,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,GAEJ;AAEJ;;;;"}
+{"version":3,"file":"Avatar-DpRimnsu.js","sources":["../src/ds/components/Avatar/Avatar.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Txt } from '../Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarSize = 'sm' | 'md' | 'lg';\n\nexport type AvatarProps = {\n  src?: string;\n  name: string;\n  size?: AvatarSize;\n  interactive?: boolean;\n  color?: string;\n  textColor?: string;\n};\n\nconst sizeClasses: Record<AvatarSize, string> = {\n  sm: 'h-avatar-sm w-avatar-sm',\n  md: 'h-avatar-md w-avatar-md',\n  lg: 'h-avatar-lg w-avatar-lg',\n};\n\nexport const Avatar = ({ src, name, size = 'sm', interactive = false, color, textColor }: AvatarProps) => {\n  const [didError, setDidError] = useState(false);\n  const initial = name.trim()[0]?.toUpperCase() ?? 'A';\n  const showImage = Boolean(src) && !didError;\n  const showFallbackTint = !showImage && Boolean(color);\n\n  return (\n    <div\n      className={cn(\n        sizeClasses[size],\n        'flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border',\n        !showFallbackTint && 'bg-fill',\n        controlStateColorTransition,\n        interactive && 'cursor-pointer hover:border-border-hover',\n      )}\n      style={showFallbackTint ? { backgroundColor: color } : undefined}\n    >\n      {showImage ? (\n        <img src={src} alt={name} className=\"size-full object-cover\" onError={() => setDidError(true)} />\n      ) : (\n        <Txt\n          variant=\"body\"\n          tone={showFallbackTint ? undefined : 'muted'}\n          className=\"text-center\"\n          style={showFallbackTint && textColor ? { color: textColor } : undefined}\n        >\n          {initial}\n        </Txt>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAiBA,MAAM,WAAA,GAA0C;AAAA,EAC9C,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,MAAA,GAAS,CAAC,EAAE,GAAA,EAAK,IAAA,EAAM,IAAA,GAAO,IAAA,EAAM,WAAA,GAAc,KAAA,EAAO,KAAA,EAAO,SAAA,EAAU,KAAmB;AACxG,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,UAAU,IAAA,CAAK,IAAA,GAAO,CAAC,CAAA,EAAG,aAAY,IAAK,GAAA;AACjD,EAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,GAAG,CAAA,IAAK,CAAC,QAAA;AACnC,EAAA,MAAM,gBAAA,GAAmB,CAAC,SAAA,IAAa,OAAA,CAAQ,KAAK,CAAA;AAEpD,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,YAAY,IAAI,CAAA;AAAA,QAChB,6FAAA;AAAA,QACA,CAAC,gBAAA,IAAoB,SAAA;AAAA,QACrB,2BAAA;AAAA,QACA,WAAA,IAAe;AAAA,OACjB;AAAA,MACA,KAAA,EAAO,gBAAA,GAAmB,EAAE,eAAA,EAAiB,OAAM,GAAI,MAAA;AAAA,MAEtD,QAAA,EAAA,SAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,GAAA,EAAK,IAAA,EAAM,SAAA,EAAU,wBAAA,EAAyB,OAAA,EAAS,MAAM,WAAA,CAAY,IAAI,GAAG,CAAA,mBAE/F,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,MAAA;AAAA,UACR,IAAA,EAAM,mBAAmB,MAAA,GAAY,OAAA;AAAA,UACrC,SAAA,EAAU,aAAA;AAAA,UACV,OAAO,gBAAA,IAAoB,SAAA,GAAY,EAAE,KAAA,EAAO,WAAU,GAAI,MAAA;AAAA,UAE7D,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,GAEJ;AAEJ;;;;"}

package/dist/{EmptyState-O089K_US.cjs → EmptyState-B6kP-dEp.cjs}

@@ -2,7 +2,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Txt = require('./Txt-DNnvlrBo.cjs');
+const Txt = require('./Txt-DFPibRb3.cjs');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
 
 const defaultIconByTone = {
@@ -47,4 +47,4 @@ function EmptyState({
 }
 
 exports.EmptyState = EmptyState;
-//# sourceMappingURL=EmptyState-O089K_US.cjs.map
+//# sourceMappingURL=EmptyState-B6kP-dEp.cjs.map

package/dist/{EmptyState-O089K_US.cjs.map → EmptyState-B6kP-dEp.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"EmptyState-O089K_US.cjs","sources":["../src/ds/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { CircleSlashIcon, CircleXIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\ntype EmptyStateTone = 'default' | 'error';\n\nconst defaultIconByTone: Record<EmptyStateTone, React.ReactNode> = {\n  default: <CircleSlashIcon />,\n  error: <CircleXIcon />,\n};\n\nconst iconColorByTone: Record<EmptyStateTone, string> = {\n  default: 'text-muted-foreground',\n  error: 'text-destructive-foreground',\n};\n\nexport type EmptyStateProps = {\n  /** Defaults to the tone's icon. A bare icon renders at 20px; pass `<EmptyStateIllustration />` for artwork. Pass `null` to render no icon. */\n  iconSlot?: React.ReactNode;\n  titleSlot: React.ReactNode;\n  descriptionSlot?: React.ReactNode;\n  actionSlot?: React.ReactNode;\n  className?: string;\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  /** Colors the icon or illustration; an icon with its own text color keeps it. */\n  tone?: EmptyStateTone;\n  /**\n   * `inline` (default) renders the block in place.\n   * `fill` centers it in the full height of its parent — the parent must have a definite height.\n   */\n  variant?: 'inline' | 'fill';\n};\n\nexport function EmptyState({\n  tone = 'default',\n  iconSlot = defaultIconByTone[tone],\n  titleSlot,\n  descriptionSlot,\n  actionSlot,\n  className,\n  as: HeadingTag = 'h3',\n  variant = 'inline',\n}: EmptyStateProps) {\n  const content = (\n    <div\n      data-tone={tone}\n      className={cn(\n        'group/empty-state flex max-w-full flex-col items-center justify-center px-4 py-6 text-center',\n        'transition-opacity duration-normal ease-out-custom',\n        className,\n      )}\n    >\n      {iconSlot && <div className={cn('mb-3 max-w-full [&>svg]:size-5', iconColorByTone[tone])}>{iconSlot}</div>}\n      <HeadingTag className=\"text-subheading text-foreground\">{titleSlot}</HeadingTag>\n      {descriptionSlot && (\n        <Txt variant=\"caption\" tone=\"muted\" className=\"mt-1.5 max-w-md wrap-anywhere\">\n          {descriptionSlot}\n        </Txt>\n      )}\n      {actionSlot && <div className=\"mt-4 max-w-full\">{actionSlot}</div>}\n    </div>\n  );\n\n  if (variant === 'fill') {\n    return (\n      <div data-slot=\"empty-state-fill\" className=\"flex h-full items-center-safe justify-center-safe\">\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n"],"names":["CircleSlashIcon","CircleXIcon","jsxs","cn","jsx","Txt"],"mappings":";;;;;;;AAOA,MAAM,iBAAA,GAA6D;AAAA,EACjE,OAAA,iCAAUA,2BAAA,EAAA,EAAgB,CAAA;AAAA,EAC1B,KAAA,iCAAQC,uBAAA,EAAA,EAAY;AACtB,CAAA;AAEA,MAAM,eAAA,GAAkD;AAAA,EACtD,OAAA,EAAS,uBAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAmBO,SAAS,UAAA,CAAW;AAAA,EACzB,IAAA,GAAO,SAAA;AAAA,EACP,QAAA,GAAW,kBAAkB,IAAI,CAAA;AAAA,EACjC,SAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAI,UAAA,GAAa,IAAA;AAAA,EACjB,OAAA,GAAU;AACZ,CAAA,EAAoB;AAClB,EAAA,MAAM,OAAA,mBACJC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAWC,WAAA;AAAA,QACT,8FAAA;AAAA,QACA,oDAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA,oBAAYC,cAAA,CAAC,SAAI,SAAA,EAAWD,WAAA,CAAG,kCAAkC,eAAA,CAAgB,IAAI,CAAC,CAAA,EAAI,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,wBACpGC,cAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAA,SAAA,EAAU,CAAA;AAAA,QAClE,eAAA,mCACEC,OAAA,EAAA,EAAI,OAAA,EAAQ,WAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,+BAAA,EAC3C,QAAA,EAAA,eAAA,EACH,CAAA;AAAA,QAED,UAAA,oBAAcD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mBAAmB,QAAA,EAAA,UAAA,EAAW;AAAA;AAAA;AAAA,GAC9D;AAGF,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,sCACG,KAAA,EAAA,EAAI,WAAA,EAAU,kBAAA,EAAmB,SAAA,EAAU,qDACzC,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,OAAA;AACT;;;;"}
+{"version":3,"file":"EmptyState-B6kP-dEp.cjs","sources":["../src/ds/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { CircleSlashIcon, CircleXIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\ntype EmptyStateTone = 'default' | 'error';\n\nconst defaultIconByTone: Record<EmptyStateTone, React.ReactNode> = {\n  default: <CircleSlashIcon />,\n  error: <CircleXIcon />,\n};\n\nconst iconColorByTone: Record<EmptyStateTone, string> = {\n  default: 'text-muted-foreground',\n  error: 'text-destructive-foreground',\n};\n\nexport type EmptyStateProps = {\n  /** Defaults to the tone's icon. A bare icon renders at 20px; pass `<EmptyStateIllustration />` for artwork. Pass `null` to render no icon. */\n  iconSlot?: React.ReactNode;\n  titleSlot: React.ReactNode;\n  descriptionSlot?: React.ReactNode;\n  actionSlot?: React.ReactNode;\n  className?: string;\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  /** Colors the icon or illustration; an icon with its own text color keeps it. */\n  tone?: EmptyStateTone;\n  /**\n   * `inline` (default) renders the block in place.\n   * `fill` centers it in the full height of its parent — the parent must have a definite height.\n   */\n  variant?: 'inline' | 'fill';\n};\n\nexport function EmptyState({\n  tone = 'default',\n  iconSlot = defaultIconByTone[tone],\n  titleSlot,\n  descriptionSlot,\n  actionSlot,\n  className,\n  as: HeadingTag = 'h3',\n  variant = 'inline',\n}: EmptyStateProps) {\n  const content = (\n    <div\n      data-tone={tone}\n      className={cn(\n        'group/empty-state flex max-w-full flex-col items-center justify-center px-4 py-6 text-center',\n        'transition-opacity duration-normal ease-out-custom',\n        className,\n      )}\n    >\n      {iconSlot && <div className={cn('mb-3 max-w-full [&>svg]:size-5', iconColorByTone[tone])}>{iconSlot}</div>}\n      <HeadingTag className=\"text-subheading text-foreground\">{titleSlot}</HeadingTag>\n      {descriptionSlot && (\n        <Txt variant=\"caption\" tone=\"muted\" className=\"mt-1.5 max-w-md wrap-anywhere\">\n          {descriptionSlot}\n        </Txt>\n      )}\n      {actionSlot && <div className=\"mt-4 max-w-full\">{actionSlot}</div>}\n    </div>\n  );\n\n  if (variant === 'fill') {\n    return (\n      <div data-slot=\"empty-state-fill\" className=\"flex h-full items-center-safe justify-center-safe\">\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n"],"names":["CircleSlashIcon","CircleXIcon","jsxs","cn","jsx","Txt"],"mappings":";;;;;;;AAOA,MAAM,iBAAA,GAA6D;AAAA,EACjE,OAAA,iCAAUA,2BAAA,EAAA,EAAgB,CAAA;AAAA,EAC1B,KAAA,iCAAQC,uBAAA,EAAA,EAAY;AACtB,CAAA;AAEA,MAAM,eAAA,GAAkD;AAAA,EACtD,OAAA,EAAS,uBAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAmBO,SAAS,UAAA,CAAW;AAAA,EACzB,IAAA,GAAO,SAAA;AAAA,EACP,QAAA,GAAW,kBAAkB,IAAI,CAAA;AAAA,EACjC,SAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAI,UAAA,GAAa,IAAA;AAAA,EACjB,OAAA,GAAU;AACZ,CAAA,EAAoB;AAClB,EAAA,MAAM,OAAA,mBACJC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAWC,WAAA;AAAA,QACT,8FAAA;AAAA,QACA,oDAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA,oBAAYC,cAAA,CAAC,SAAI,SAAA,EAAWD,WAAA,CAAG,kCAAkC,eAAA,CAAgB,IAAI,CAAC,CAAA,EAAI,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,wBACpGC,cAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAA,SAAA,EAAU,CAAA;AAAA,QAClE,eAAA,mCACEC,OAAA,EAAA,EAAI,OAAA,EAAQ,WAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,+BAAA,EAC3C,QAAA,EAAA,eAAA,EACH,CAAA;AAAA,QAED,UAAA,oBAAcD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mBAAmB,QAAA,EAAA,UAAA,EAAW;AAAA;AAAA;AAAA,GAC9D;AAGF,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,sCACG,KAAA,EAAA,EAAI,WAAA,EAAU,kBAAA,EAAmB,SAAA,EAAU,qDACzC,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,OAAA;AACT;;;;"}

package/dist/{EmptyState-BI6cIolY.js → EmptyState-BQww74OL.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { CircleXIcon, CircleSlashIcon } from 'lucide-react';
-import { T as Txt } from './Txt-C3cYJgKU.js';
+import { T as Txt } from './Txt-CuuPO9Ho.js';
 import { c as cn } from './cn-65Adrsfj.js';
 
 const defaultIconByTone = {
@@ -45,4 +45,4 @@ function EmptyState({
 }
 
 export { EmptyState as E };
-//# sourceMappingURL=EmptyState-BI6cIolY.js.map
+//# sourceMappingURL=EmptyState-BQww74OL.js.map

package/dist/{EmptyState-BI6cIolY.js.map → EmptyState-BQww74OL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EmptyState-BI6cIolY.js","sources":["../src/ds/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { CircleSlashIcon, CircleXIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\ntype EmptyStateTone = 'default' | 'error';\n\nconst defaultIconByTone: Record<EmptyStateTone, React.ReactNode> = {\n  default: <CircleSlashIcon />,\n  error: <CircleXIcon />,\n};\n\nconst iconColorByTone: Record<EmptyStateTone, string> = {\n  default: 'text-muted-foreground',\n  error: 'text-destructive-foreground',\n};\n\nexport type EmptyStateProps = {\n  /** Defaults to the tone's icon. A bare icon renders at 20px; pass `<EmptyStateIllustration />` for artwork. Pass `null` to render no icon. */\n  iconSlot?: React.ReactNode;\n  titleSlot: React.ReactNode;\n  descriptionSlot?: React.ReactNode;\n  actionSlot?: React.ReactNode;\n  className?: string;\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  /** Colors the icon or illustration; an icon with its own text color keeps it. */\n  tone?: EmptyStateTone;\n  /**\n   * `inline` (default) renders the block in place.\n   * `fill` centers it in the full height of its parent — the parent must have a definite height.\n   */\n  variant?: 'inline' | 'fill';\n};\n\nexport function EmptyState({\n  tone = 'default',\n  iconSlot = defaultIconByTone[tone],\n  titleSlot,\n  descriptionSlot,\n  actionSlot,\n  className,\n  as: HeadingTag = 'h3',\n  variant = 'inline',\n}: EmptyStateProps) {\n  const content = (\n    <div\n      data-tone={tone}\n      className={cn(\n        'group/empty-state flex max-w-full flex-col items-center justify-center px-4 py-6 text-center',\n        'transition-opacity duration-normal ease-out-custom',\n        className,\n      )}\n    >\n      {iconSlot && <div className={cn('mb-3 max-w-full [&>svg]:size-5', iconColorByTone[tone])}>{iconSlot}</div>}\n      <HeadingTag className=\"text-subheading text-foreground\">{titleSlot}</HeadingTag>\n      {descriptionSlot && (\n        <Txt variant=\"caption\" tone=\"muted\" className=\"mt-1.5 max-w-md wrap-anywhere\">\n          {descriptionSlot}\n        </Txt>\n      )}\n      {actionSlot && <div className=\"mt-4 max-w-full\">{actionSlot}</div>}\n    </div>\n  );\n\n  if (variant === 'fill') {\n    return (\n      <div data-slot=\"empty-state-fill\" className=\"flex h-full items-center-safe justify-center-safe\">\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n"],"names":[],"mappings":";;;;;AAOA,MAAM,iBAAA,GAA6D;AAAA,EACjE,OAAA,sBAAU,eAAA,EAAA,EAAgB,CAAA;AAAA,EAC1B,KAAA,sBAAQ,WAAA,EAAA,EAAY;AACtB,CAAA;AAEA,MAAM,eAAA,GAAkD;AAAA,EACtD,OAAA,EAAS,uBAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAmBO,SAAS,UAAA,CAAW;AAAA,EACzB,IAAA,GAAO,SAAA;AAAA,EACP,QAAA,GAAW,kBAAkB,IAAI,CAAA;AAAA,EACjC,SAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAI,UAAA,GAAa,IAAA;AAAA,EACjB,OAAA,GAAU;AACZ,CAAA,EAAoB;AAClB,EAAA,MAAM,OAAA,mBACJ,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAW,EAAA;AAAA,QACT,8FAAA;AAAA,QACA,oDAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA,oBAAY,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,kCAAkC,eAAA,CAAgB,IAAI,CAAC,CAAA,EAAI,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,wBACpG,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAA,SAAA,EAAU,CAAA;AAAA,QAClE,eAAA,wBACE,GAAA,EAAA,EAAI,OAAA,EAAQ,WAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,+BAAA,EAC3C,QAAA,EAAA,eAAA,EACH,CAAA;AAAA,QAED,UAAA,oBAAc,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mBAAmB,QAAA,EAAA,UAAA,EAAW;AAAA;AAAA;AAAA,GAC9D;AAGF,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,2BACG,KAAA,EAAA,EAAI,WAAA,EAAU,kBAAA,EAAmB,SAAA,EAAU,qDACzC,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,OAAA;AACT;;;;"}
+{"version":3,"file":"EmptyState-BQww74OL.js","sources":["../src/ds/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { CircleSlashIcon, CircleXIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\ntype EmptyStateTone = 'default' | 'error';\n\nconst defaultIconByTone: Record<EmptyStateTone, React.ReactNode> = {\n  default: <CircleSlashIcon />,\n  error: <CircleXIcon />,\n};\n\nconst iconColorByTone: Record<EmptyStateTone, string> = {\n  default: 'text-muted-foreground',\n  error: 'text-destructive-foreground',\n};\n\nexport type EmptyStateProps = {\n  /** Defaults to the tone's icon. A bare icon renders at 20px; pass `<EmptyStateIllustration />` for artwork. Pass `null` to render no icon. */\n  iconSlot?: React.ReactNode;\n  titleSlot: React.ReactNode;\n  descriptionSlot?: React.ReactNode;\n  actionSlot?: React.ReactNode;\n  className?: string;\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  /** Colors the icon or illustration; an icon with its own text color keeps it. */\n  tone?: EmptyStateTone;\n  /**\n   * `inline` (default) renders the block in place.\n   * `fill` centers it in the full height of its parent — the parent must have a definite height.\n   */\n  variant?: 'inline' | 'fill';\n};\n\nexport function EmptyState({\n  tone = 'default',\n  iconSlot = defaultIconByTone[tone],\n  titleSlot,\n  descriptionSlot,\n  actionSlot,\n  className,\n  as: HeadingTag = 'h3',\n  variant = 'inline',\n}: EmptyStateProps) {\n  const content = (\n    <div\n      data-tone={tone}\n      className={cn(\n        'group/empty-state flex max-w-full flex-col items-center justify-center px-4 py-6 text-center',\n        'transition-opacity duration-normal ease-out-custom',\n        className,\n      )}\n    >\n      {iconSlot && <div className={cn('mb-3 max-w-full [&>svg]:size-5', iconColorByTone[tone])}>{iconSlot}</div>}\n      <HeadingTag className=\"text-subheading text-foreground\">{titleSlot}</HeadingTag>\n      {descriptionSlot && (\n        <Txt variant=\"caption\" tone=\"muted\" className=\"mt-1.5 max-w-md wrap-anywhere\">\n          {descriptionSlot}\n        </Txt>\n      )}\n      {actionSlot && <div className=\"mt-4 max-w-full\">{actionSlot}</div>}\n    </div>\n  );\n\n  if (variant === 'fill') {\n    return (\n      <div data-slot=\"empty-state-fill\" className=\"flex h-full items-center-safe justify-center-safe\">\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n"],"names":[],"mappings":";;;;;AAOA,MAAM,iBAAA,GAA6D;AAAA,EACjE,OAAA,sBAAU,eAAA,EAAA,EAAgB,CAAA;AAAA,EAC1B,KAAA,sBAAQ,WAAA,EAAA,EAAY;AACtB,CAAA;AAEA,MAAM,eAAA,GAAkD;AAAA,EACtD,OAAA,EAAS,uBAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAmBO,SAAS,UAAA,CAAW;AAAA,EACzB,IAAA,GAAO,SAAA;AAAA,EACP,QAAA,GAAW,kBAAkB,IAAI,CAAA;AAAA,EACjC,SAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAI,UAAA,GAAa,IAAA;AAAA,EACjB,OAAA,GAAU;AACZ,CAAA,EAAoB;AAClB,EAAA,MAAM,OAAA,mBACJ,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAW,EAAA;AAAA,QACT,8FAAA;AAAA,QACA,oDAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA,oBAAY,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,kCAAkC,eAAA,CAAgB,IAAI,CAAC,CAAA,EAAI,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,wBACpG,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAA,SAAA,EAAU,CAAA;AAAA,QAClE,eAAA,wBACE,GAAA,EAAA,EAAI,OAAA,EAAQ,WAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,+BAAA,EAC3C,QAAA,EAAA,eAAA,EACH,CAAA;AAAA,QAED,UAAA,oBAAc,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mBAAmB,QAAA,EAAA,UAAA,EAAW;AAAA;AAAA;AAAA,GAC9D;AAGF,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,2BACG,KAAA,EAAA,EAAI,WAAA,EAAU,kBAAA,EAAmB,SAAA,EAAU,qDACzC,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,OAAA;AACT;;;;"}

package/dist/{Header-BHqUw0qH.js → Header-BzSnNlwq.js}

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { T as Txt } from './Txt-C3cYJgKU.js';
+import { T as Txt } from './Txt-CuuPO9Ho.js';
 import { c as cn } from './cn-65Adrsfj.js';
 
 const Header = ({ children, border = true, className }) => {
@@ -29,4 +29,4 @@ const HeaderGroup = ({ children }) => {
 };
 
 export { Header as H, HeaderAction as a, HeaderGroup as b, HeaderTitle as c };
-//# sourceMappingURL=Header-BHqUw0qH.js.map
+//# sourceMappingURL=Header-BzSnNlwq.js.map

package/dist/{Header-BHqUw0qH.js.map → Header-BzSnNlwq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Header-BHqUw0qH.js","sources":["../src/ds/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Txt } from '../Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface HeaderProps {\n  children?: React.ReactNode;\n  border?: boolean;\n  className?: string;\n}\n\nexport const Header = ({ children, border = true, className }: HeaderProps) => {\n  return (\n    <header\n      className={cn(\n        'z-50 flex h-header-default w-full items-center gap-2 bg-transparent px-2',\n        {\n          // Layout headers share the same edge color as their surrounding surface.\n          'border-b border-surface-rim': border,\n        },\n        className,\n      )}\n    >\n      {children}\n    </header>\n  );\n};\n\nexport const HeaderTitle = ({ children }: HeaderProps) => {\n  return (\n    <Txt as=\"h1\" variant=\"body\" tone=\"ink\" className=\"flex items-center gap-2\">\n      {children}\n    </Txt>\n  );\n};\n\nexport const HeaderAction = ({ children }: HeaderProps) => {\n  return <div className=\"ml-auto flex items-center gap-3\">{children}</div>;\n};\n\nexport const HeaderGroup = ({ children }: HeaderProps) => {\n  return <div className=\"flex items-center gap-2\">{children}</div>;\n};\n"],"names":[],"mappings":";;;;AAWO,MAAM,SAAS,CAAC,EAAE,UAAU,MAAA,GAAS,IAAA,EAAM,WAAU,KAAmB;AAC7E,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,0EAAA;AAAA,QACA;AAAA;AAAA,UAEE,6BAAA,EAA+B;AAAA,SACjC;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,IAAA,EAAK,OAAA,EAAQ,QAAO,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,yBAAA,EAC9C,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,YAAA,GAAe,CAAC,EAAE,QAAA,EAAS,KAAmB;AACzD,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAS,CAAA;AACpE;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAS,CAAA;AAC5D;;;;"}
+{"version":3,"file":"Header-BzSnNlwq.js","sources":["../src/ds/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Txt } from '../Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface HeaderProps {\n  children?: React.ReactNode;\n  border?: boolean;\n  className?: string;\n}\n\nexport const Header = ({ children, border = true, className }: HeaderProps) => {\n  return (\n    <header\n      className={cn(\n        'z-50 flex h-header-default w-full items-center gap-2 bg-transparent px-2',\n        {\n          // Layout headers share the same edge color as their surrounding surface.\n          'border-b border-surface-rim': border,\n        },\n        className,\n      )}\n    >\n      {children}\n    </header>\n  );\n};\n\nexport const HeaderTitle = ({ children }: HeaderProps) => {\n  return (\n    <Txt as=\"h1\" variant=\"body\" tone=\"ink\" className=\"flex items-center gap-2\">\n      {children}\n    </Txt>\n  );\n};\n\nexport const HeaderAction = ({ children }: HeaderProps) => {\n  return <div className=\"ml-auto flex items-center gap-3\">{children}</div>;\n};\n\nexport const HeaderGroup = ({ children }: HeaderProps) => {\n  return <div className=\"flex items-center gap-2\">{children}</div>;\n};\n"],"names":[],"mappings":";;;;AAWO,MAAM,SAAS,CAAC,EAAE,UAAU,MAAA,GAAS,IAAA,EAAM,WAAU,KAAmB;AAC7E,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,0EAAA;AAAA,QACA;AAAA;AAAA,UAEE,6BAAA,EAA+B;AAAA,SACjC;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,IAAA,EAAK,OAAA,EAAQ,QAAO,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,yBAAA,EAC9C,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,YAAA,GAAe,CAAC,EAAE,QAAA,EAAS,KAAmB;AACzD,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAS,CAAA;AACpE;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAS,CAAA;AAC5D;;;;"}

package/dist/{Header-DwcRfQuP.cjs → Header-Cy_BQ2Ht.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const Txt = require('./Txt-DNnvlrBo.cjs');
+const Txt = require('./Txt-DFPibRb3.cjs');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
 
 const Header = ({ children, border = true, className }) => {
@@ -34,4 +34,4 @@ exports.Header = Header;
 exports.HeaderAction = HeaderAction;
 exports.HeaderGroup = HeaderGroup;
 exports.HeaderTitle = HeaderTitle;
-//# sourceMappingURL=Header-DwcRfQuP.cjs.map
+//# sourceMappingURL=Header-Cy_BQ2Ht.cjs.map

package/dist/{Header-DwcRfQuP.cjs.map → Header-Cy_BQ2Ht.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Header-DwcRfQuP.cjs","sources":["../src/ds/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Txt } from '../Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface HeaderProps {\n  children?: React.ReactNode;\n  border?: boolean;\n  className?: string;\n}\n\nexport const Header = ({ children, border = true, className }: HeaderProps) => {\n  return (\n    <header\n      className={cn(\n        'z-50 flex h-header-default w-full items-center gap-2 bg-transparent px-2',\n        {\n          // Layout headers share the same edge color as their surrounding surface.\n          'border-b border-surface-rim': border,\n        },\n        className,\n      )}\n    >\n      {children}\n    </header>\n  );\n};\n\nexport const HeaderTitle = ({ children }: HeaderProps) => {\n  return (\n    <Txt as=\"h1\" variant=\"body\" tone=\"ink\" className=\"flex items-center gap-2\">\n      {children}\n    </Txt>\n  );\n};\n\nexport const HeaderAction = ({ children }: HeaderProps) => {\n  return <div className=\"ml-auto flex items-center gap-3\">{children}</div>;\n};\n\nexport const HeaderGroup = ({ children }: HeaderProps) => {\n  return <div className=\"flex items-center gap-2\">{children}</div>;\n};\n"],"names":["jsx","cn","Txt"],"mappings":";;;;;;AAWO,MAAM,SAAS,CAAC,EAAE,UAAU,MAAA,GAAS,IAAA,EAAM,WAAU,KAAmB;AAC7E,EAAA,uBACEA,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,0EAAA;AAAA,QACA;AAAA;AAAA,UAEE,6BAAA,EAA+B;AAAA,SACjC;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBACED,cAAA,CAACE,OAAA,EAAA,EAAI,EAAA,EAAG,IAAA,EAAK,OAAA,EAAQ,QAAO,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,yBAAA,EAC9C,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,YAAA,GAAe,CAAC,EAAE,QAAA,EAAS,KAAmB;AACzD,EAAA,uBAAOF,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAS,CAAA;AACpE;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBAAOA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAS,CAAA;AAC5D;;;;;;;"}
+{"version":3,"file":"Header-Cy_BQ2Ht.cjs","sources":["../src/ds/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Txt } from '../Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface HeaderProps {\n  children?: React.ReactNode;\n  border?: boolean;\n  className?: string;\n}\n\nexport const Header = ({ children, border = true, className }: HeaderProps) => {\n  return (\n    <header\n      className={cn(\n        'z-50 flex h-header-default w-full items-center gap-2 bg-transparent px-2',\n        {\n          // Layout headers share the same edge color as their surrounding surface.\n          'border-b border-surface-rim': border,\n        },\n        className,\n      )}\n    >\n      {children}\n    </header>\n  );\n};\n\nexport const HeaderTitle = ({ children }: HeaderProps) => {\n  return (\n    <Txt as=\"h1\" variant=\"body\" tone=\"ink\" className=\"flex items-center gap-2\">\n      {children}\n    </Txt>\n  );\n};\n\nexport const HeaderAction = ({ children }: HeaderProps) => {\n  return <div className=\"ml-auto flex items-center gap-3\">{children}</div>;\n};\n\nexport const HeaderGroup = ({ children }: HeaderProps) => {\n  return <div className=\"flex items-center gap-2\">{children}</div>;\n};\n"],"names":["jsx","cn","Txt"],"mappings":";;;;;;AAWO,MAAM,SAAS,CAAC,EAAE,UAAU,MAAA,GAAS,IAAA,EAAM,WAAU,KAAmB;AAC7E,EAAA,uBACEA,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,0EAAA;AAAA,QACA;AAAA;AAAA,UAEE,6BAAA,EAA+B;AAAA,SACjC;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBACED,cAAA,CAACE,OAAA,EAAA,EAAI,EAAA,EAAG,IAAA,EAAK,OAAA,EAAQ,QAAO,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,yBAAA,EAC9C,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,YAAA,GAAe,CAAC,EAAE,QAAA,EAAS,KAAmB;AACzD,EAAA,uBAAOF,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAS,CAAA;AACpE;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBAAOA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAS,CAAA;AAC5D;;;;;;;"}

package/dist/{Notice-D4zc_oTj.cjs → Notice-CjQQjfK7.cjs}

@@ -4,7 +4,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const Button = require('./Button-CXhSUBxN.cjs');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
 const lucideReact = require('lucide-react');
-const Txt = require('./Txt-DNnvlrBo.cjs');
+const Txt = require('./Txt-DFPibRb3.cjs');
 
 function NoticeButton(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { size: "sm", variant: "ghost", ...props });
@@ -89,4 +89,4 @@ const Notice = Object.assign(NoticeRoot, {
 });
 
 exports.Notice = Notice;
-//# sourceMappingURL=Notice-D4zc_oTj.cjs.map
+//# sourceMappingURL=Notice-CjQQjfK7.cjs.map

package/dist/{Notice-D4zc_oTj.cjs.map → Notice-CjQQjfK7.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Notice-D4zc_oTj.cjs","sources":["../src/ds/components/Notice/notice-button.tsx","../src/ds/components/Notice/notice-message.tsx","../src/ds/components/Notice/notice-root.tsx","../src/ds/components/Notice/Notice.tsx"],"sourcesContent":["import type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\n\nexport function NoticeButton(props: ButtonProps) {\n  return <Button size=\"sm\" variant=\"ghost\" {...props} />;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface NoticeMessageProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeMessage({ children, className }: NoticeMessageProps) {\n  return <div className={cn('text-body', className)}>{children}</div>;\n}\n","import { FileTextIcon, InfoIcon, LightbulbIcon, OctagonAlertIcon, TriangleAlertIcon } from 'lucide-react';\nimport React from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type NoticeVariant = 'warning' | 'destructive' | 'success' | 'info' | 'note';\n\nconst variantConfig: Record<NoticeVariant, { icon: React.ReactNode; classes: string }> = {\n  success: {\n    icon: <LightbulbIcon />,\n    classes: 'bg-success-subtle border-success-edge text-success-subtle-foreground',\n  },\n  destructive: {\n    icon: <OctagonAlertIcon />,\n    classes: 'bg-destructive-subtle border-destructive-edge text-destructive-subtle-foreground',\n  },\n  warning: {\n    icon: <TriangleAlertIcon />,\n    classes: 'bg-warning-subtle border-warning-edge text-warning-subtle-foreground',\n  },\n  info: {\n    icon: <InfoIcon />,\n    classes: 'bg-info-subtle border-info-edge text-info-subtle-foreground',\n  },\n  note: {\n    icon: <FileTextIcon />,\n    classes: 'bg-muted border-border text-foreground',\n  },\n};\n\nexport interface NoticeRootProps {\n  variant: NoticeVariant;\n  title?: React.ReactNode;\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeRoot({ variant, title, icon, action, children, className }: NoticeRootProps) {\n  const { icon: defaultIcon, classes } = variantConfig[variant];\n  const resolvedIcon = icon ?? defaultIcon;\n\n  if (!title) {\n    return (\n      <div\n        className={cn(\n          '@container relative rounded-2xl border p-3 text-body',\n          'animate-in duration-200 fade-in-0 slide-in-from-top-2',\n          classes,\n          className,\n        )}\n      >\n        <div className=\"flex flex-col gap-3 @md:flex-row @md:items-start @md:gap-2\">\n          <div className=\"flex min-w-0 flex-1 items-start gap-2 [&>svg]:size-4\">\n            <span className=\"flex h-[1lh] shrink-0 items-center [&>svg]:size-4\">{resolvedIcon}</span>\n            {/* wrap-anywhere — messages carry URLs and tokens with no break opportunity */}\n            {children && <div className=\"min-w-0 flex-1 wrap-anywhere\">{children}</div>}\n          </div>\n          {action && <div className=\"@md:-my-1 [&>button]:w-full @md:[&>button]:w-auto\">{action}</div>}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        '@container relative flex flex-col gap-3 rounded-2xl border p-3',\n        'animate-in duration-200 fade-in-0 slide-in-from-top-2',\n        classes,\n        className,\n      )}\n    >\n      <div className=\"flex h-4 min-w-0 items-center gap-2 [&>svg]:size-4\">\n        {resolvedIcon}\n        {/* truncate, not wrap — the row is 1rem tall, a wrapped title would spill out of it */}\n        <Txt as=\"span\" variant=\"column\" className=\"truncate leading-none tracking-wide uppercase\">\n          {title}\n        </Txt>\n      </div>\n      {action && <div className=\"absolute top-2 right-2 hidden @md:block\">{action}</div>}\n      {(children || action) && (\n        <div className=\"flex min-w-0 flex-col gap-3 wrap-anywhere\">\n          {children}\n          {action && <div className=\"self-start @md:hidden\">{action}</div>}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { NoticeButton } from './notice-button';\nimport { NoticeMessage } from './notice-message';\nimport { NoticeRoot } from './notice-root';\n\nexport { type NoticeVariant, type NoticeRootProps } from './notice-root';\nexport { type NoticeMessageProps } from './notice-message';\n\nexport const Notice = Object.assign(NoticeRoot, {\n  Message: NoticeMessage,\n  Button: NoticeButton,\n});\n"],"names":["Button","cn","LightbulbIcon","OctagonAlertIcon","TriangleAlertIcon","InfoIcon","FileTextIcon","jsx","jsxs","Txt"],"mappings":"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"}
+{"version":3,"file":"Notice-CjQQjfK7.cjs","sources":["../src/ds/components/Notice/notice-button.tsx","../src/ds/components/Notice/notice-message.tsx","../src/ds/components/Notice/notice-root.tsx","../src/ds/components/Notice/Notice.tsx"],"sourcesContent":["import type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\n\nexport function NoticeButton(props: ButtonProps) {\n  return <Button size=\"sm\" variant=\"ghost\" {...props} />;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface NoticeMessageProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeMessage({ children, className }: NoticeMessageProps) {\n  return <div className={cn('text-body', className)}>{children}</div>;\n}\n","import { FileTextIcon, InfoIcon, LightbulbIcon, OctagonAlertIcon, TriangleAlertIcon } from 'lucide-react';\nimport React from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type NoticeVariant = 'warning' | 'destructive' | 'success' | 'info' | 'note';\n\nconst variantConfig: Record<NoticeVariant, { icon: React.ReactNode; classes: string }> = {\n  success: {\n    icon: <LightbulbIcon />,\n    classes: 'bg-success-subtle border-success-edge text-success-subtle-foreground',\n  },\n  destructive: {\n    icon: <OctagonAlertIcon />,\n    classes: 'bg-destructive-subtle border-destructive-edge text-destructive-subtle-foreground',\n  },\n  warning: {\n    icon: <TriangleAlertIcon />,\n    classes: 'bg-warning-subtle border-warning-edge text-warning-subtle-foreground',\n  },\n  info: {\n    icon: <InfoIcon />,\n    classes: 'bg-info-subtle border-info-edge text-info-subtle-foreground',\n  },\n  note: {\n    icon: <FileTextIcon />,\n    classes: 'bg-muted border-border text-foreground',\n  },\n};\n\nexport interface NoticeRootProps {\n  variant: NoticeVariant;\n  title?: React.ReactNode;\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeRoot({ variant, title, icon, action, children, className }: NoticeRootProps) {\n  const { icon: defaultIcon, classes } = variantConfig[variant];\n  const resolvedIcon = icon ?? defaultIcon;\n\n  if (!title) {\n    return (\n      <div\n        className={cn(\n          '@container relative rounded-2xl border p-3 text-body',\n          'animate-in duration-200 fade-in-0 slide-in-from-top-2',\n          classes,\n          className,\n        )}\n      >\n        <div className=\"flex flex-col gap-3 @md:flex-row @md:items-start @md:gap-2\">\n          <div className=\"flex min-w-0 flex-1 items-start gap-2 [&>svg]:size-4\">\n            <span className=\"flex h-[1lh] shrink-0 items-center [&>svg]:size-4\">{resolvedIcon}</span>\n            {/* wrap-anywhere — messages carry URLs and tokens with no break opportunity */}\n            {children && <div className=\"min-w-0 flex-1 wrap-anywhere\">{children}</div>}\n          </div>\n          {action && <div className=\"@md:-my-1 [&>button]:w-full @md:[&>button]:w-auto\">{action}</div>}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        '@container relative flex flex-col gap-3 rounded-2xl border p-3',\n        'animate-in duration-200 fade-in-0 slide-in-from-top-2',\n        classes,\n        className,\n      )}\n    >\n      <div className=\"flex h-4 min-w-0 items-center gap-2 [&>svg]:size-4\">\n        {resolvedIcon}\n        {/* truncate, not wrap — the row is 1rem tall, a wrapped title would spill out of it */}\n        <Txt as=\"span\" variant=\"column\" className=\"truncate leading-none tracking-wide uppercase\">\n          {title}\n        </Txt>\n      </div>\n      {action && <div className=\"absolute top-2 right-2 hidden @md:block\">{action}</div>}\n      {(children || action) && (\n        <div className=\"flex min-w-0 flex-col gap-3 wrap-anywhere\">\n          {children}\n          {action && <div className=\"self-start @md:hidden\">{action}</div>}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { NoticeButton } from './notice-button';\nimport { NoticeMessage } from './notice-message';\nimport { NoticeRoot } from './notice-root';\n\nexport { type NoticeVariant, type NoticeRootProps } from './notice-root';\nexport { type NoticeMessageProps } from './notice-message';\n\nexport const Notice = Object.assign(NoticeRoot, {\n  Message: NoticeMessage,\n  Button: NoticeButton,\n});\n"],"names":["Button","cn","LightbulbIcon","OctagonAlertIcon","TriangleAlertIcon","InfoIcon","FileTextIcon","jsx","jsxs","Txt"],"mappings":"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"}

package/dist/{Notice-D4gMAkVI.js → Notice-CmFkTliT.js}

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { B as Button } from './Button-D43ghVKt.js';
 import { c as cn } from './cn-65Adrsfj.js';
 import { FileTextIcon, InfoIcon, TriangleAlertIcon, OctagonAlertIcon, LightbulbIcon } from 'lucide-react';
-import { T as Txt } from './Txt-C3cYJgKU.js';
+import { T as Txt } from './Txt-CuuPO9Ho.js';
 
 function NoticeButton(props) {
   return /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", ...props });
@@ -87,4 +87,4 @@ const Notice = Object.assign(NoticeRoot, {
 });
 
 export { Notice as N };
-//# sourceMappingURL=Notice-D4gMAkVI.js.map
+//# sourceMappingURL=Notice-CmFkTliT.js.map

package/dist/{Notice-D4gMAkVI.js.map → Notice-CmFkTliT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Notice-D4gMAkVI.js","sources":["../src/ds/components/Notice/notice-button.tsx","../src/ds/components/Notice/notice-message.tsx","../src/ds/components/Notice/notice-root.tsx","../src/ds/components/Notice/Notice.tsx"],"sourcesContent":["import type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\n\nexport function NoticeButton(props: ButtonProps) {\n  return <Button size=\"sm\" variant=\"ghost\" {...props} />;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface NoticeMessageProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeMessage({ children, className }: NoticeMessageProps) {\n  return <div className={cn('text-body', className)}>{children}</div>;\n}\n","import { FileTextIcon, InfoIcon, LightbulbIcon, OctagonAlertIcon, TriangleAlertIcon } from 'lucide-react';\nimport React from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type NoticeVariant = 'warning' | 'destructive' | 'success' | 'info' | 'note';\n\nconst variantConfig: Record<NoticeVariant, { icon: React.ReactNode; classes: string }> = {\n  success: {\n    icon: <LightbulbIcon />,\n    classes: 'bg-success-subtle border-success-edge text-success-subtle-foreground',\n  },\n  destructive: {\n    icon: <OctagonAlertIcon />,\n    classes: 'bg-destructive-subtle border-destructive-edge text-destructive-subtle-foreground',\n  },\n  warning: {\n    icon: <TriangleAlertIcon />,\n    classes: 'bg-warning-subtle border-warning-edge text-warning-subtle-foreground',\n  },\n  info: {\n    icon: <InfoIcon />,\n    classes: 'bg-info-subtle border-info-edge text-info-subtle-foreground',\n  },\n  note: {\n    icon: <FileTextIcon />,\n    classes: 'bg-muted border-border text-foreground',\n  },\n};\n\nexport interface NoticeRootProps {\n  variant: NoticeVariant;\n  title?: React.ReactNode;\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeRoot({ variant, title, icon, action, children, className }: NoticeRootProps) {\n  const { icon: defaultIcon, classes } = variantConfig[variant];\n  const resolvedIcon = icon ?? defaultIcon;\n\n  if (!title) {\n    return (\n      <div\n        className={cn(\n          '@container relative rounded-2xl border p-3 text-body',\n          'animate-in duration-200 fade-in-0 slide-in-from-top-2',\n          classes,\n          className,\n        )}\n      >\n        <div className=\"flex flex-col gap-3 @md:flex-row @md:items-start @md:gap-2\">\n          <div className=\"flex min-w-0 flex-1 items-start gap-2 [&>svg]:size-4\">\n            <span className=\"flex h-[1lh] shrink-0 items-center [&>svg]:size-4\">{resolvedIcon}</span>\n            {/* wrap-anywhere — messages carry URLs and tokens with no break opportunity */}\n            {children && <div className=\"min-w-0 flex-1 wrap-anywhere\">{children}</div>}\n          </div>\n          {action && <div className=\"@md:-my-1 [&>button]:w-full @md:[&>button]:w-auto\">{action}</div>}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        '@container relative flex flex-col gap-3 rounded-2xl border p-3',\n        'animate-in duration-200 fade-in-0 slide-in-from-top-2',\n        classes,\n        className,\n      )}\n    >\n      <div className=\"flex h-4 min-w-0 items-center gap-2 [&>svg]:size-4\">\n        {resolvedIcon}\n        {/* truncate, not wrap — the row is 1rem tall, a wrapped title would spill out of it */}\n        <Txt as=\"span\" variant=\"column\" className=\"truncate leading-none tracking-wide uppercase\">\n          {title}\n        </Txt>\n      </div>\n      {action && <div className=\"absolute top-2 right-2 hidden @md:block\">{action}</div>}\n      {(children || action) && (\n        <div className=\"flex min-w-0 flex-col gap-3 wrap-anywhere\">\n          {children}\n          {action && <div className=\"self-start @md:hidden\">{action}</div>}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { NoticeButton } from './notice-button';\nimport { NoticeMessage } from './notice-message';\nimport { NoticeRoot } from './notice-root';\n\nexport { type NoticeVariant, type NoticeRootProps } from './notice-root';\nexport { type NoticeMessageProps } from './notice-message';\n\nexport const Notice = Object.assign(NoticeRoot, {\n  Message: NoticeMessage,\n  Button: NoticeButton,\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Notice-CmFkTliT.js","sources":["../src/ds/components/Notice/notice-button.tsx","../src/ds/components/Notice/notice-message.tsx","../src/ds/components/Notice/notice-root.tsx","../src/ds/components/Notice/Notice.tsx"],"sourcesContent":["import type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\n\nexport function NoticeButton(props: ButtonProps) {\n  return <Button size=\"sm\" variant=\"ghost\" {...props} />;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface NoticeMessageProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeMessage({ children, className }: NoticeMessageProps) {\n  return <div className={cn('text-body', className)}>{children}</div>;\n}\n","import { FileTextIcon, InfoIcon, LightbulbIcon, OctagonAlertIcon, TriangleAlertIcon } from 'lucide-react';\nimport React from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type NoticeVariant = 'warning' | 'destructive' | 'success' | 'info' | 'note';\n\nconst variantConfig: Record<NoticeVariant, { icon: React.ReactNode; classes: string }> = {\n  success: {\n    icon: <LightbulbIcon />,\n    classes: 'bg-success-subtle border-success-edge text-success-subtle-foreground',\n  },\n  destructive: {\n    icon: <OctagonAlertIcon />,\n    classes: 'bg-destructive-subtle border-destructive-edge text-destructive-subtle-foreground',\n  },\n  warning: {\n    icon: <TriangleAlertIcon />,\n    classes: 'bg-warning-subtle border-warning-edge text-warning-subtle-foreground',\n  },\n  info: {\n    icon: <InfoIcon />,\n    classes: 'bg-info-subtle border-info-edge text-info-subtle-foreground',\n  },\n  note: {\n    icon: <FileTextIcon />,\n    classes: 'bg-muted border-border text-foreground',\n  },\n};\n\nexport interface NoticeRootProps {\n  variant: NoticeVariant;\n  title?: React.ReactNode;\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeRoot({ variant, title, icon, action, children, className }: NoticeRootProps) {\n  const { icon: defaultIcon, classes } = variantConfig[variant];\n  const resolvedIcon = icon ?? defaultIcon;\n\n  if (!title) {\n    return (\n      <div\n        className={cn(\n          '@container relative rounded-2xl border p-3 text-body',\n          'animate-in duration-200 fade-in-0 slide-in-from-top-2',\n          classes,\n          className,\n        )}\n      >\n        <div className=\"flex flex-col gap-3 @md:flex-row @md:items-start @md:gap-2\">\n          <div className=\"flex min-w-0 flex-1 items-start gap-2 [&>svg]:size-4\">\n            <span className=\"flex h-[1lh] shrink-0 items-center [&>svg]:size-4\">{resolvedIcon}</span>\n            {/* wrap-anywhere — messages carry URLs and tokens with no break opportunity */}\n            {children && <div className=\"min-w-0 flex-1 wrap-anywhere\">{children}</div>}\n          </div>\n          {action && <div className=\"@md:-my-1 [&>button]:w-full @md:[&>button]:w-auto\">{action}</div>}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        '@container relative flex flex-col gap-3 rounded-2xl border p-3',\n        'animate-in duration-200 fade-in-0 slide-in-from-top-2',\n        classes,\n        className,\n      )}\n    >\n      <div className=\"flex h-4 min-w-0 items-center gap-2 [&>svg]:size-4\">\n        {resolvedIcon}\n        {/* truncate, not wrap — the row is 1rem tall, a wrapped title would spill out of it */}\n        <Txt as=\"span\" variant=\"column\" className=\"truncate leading-none tracking-wide uppercase\">\n          {title}\n        </Txt>\n      </div>\n      {action && <div className=\"absolute top-2 right-2 hidden @md:block\">{action}</div>}\n      {(children || action) && (\n        <div className=\"flex min-w-0 flex-col gap-3 wrap-anywhere\">\n          {children}\n          {action && <div className=\"self-start @md:hidden\">{action}</div>}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { NoticeButton } from './notice-button';\nimport { NoticeMessage } from './notice-message';\nimport { NoticeRoot } from './notice-root';\n\nexport { type NoticeVariant, type NoticeRootProps } from './notice-root';\nexport { type NoticeMessageProps } from './notice-message';\n\nexport const Notice = Object.assign(NoticeRoot, {\n  Message: NoticeMessage,\n  Button: NoticeButton,\n});\n"],"names":[],"mappings":"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"}

package/dist/Txt-CuuPO9Ho.js

@@ -0,0 +1,20 @@
+import { useRender } from '@base-ui/react/use-render';
+import { textStyle } from './primitives/text.es.js';
+import { c as cn } from './cn-65Adrsfj.js';
+
+function Txt({ as, className, variant, tone, font, ...props }) {
+  return useRender({
+    defaultTagName: as ?? "p",
+    props: {
+      ...props,
+      className: cn(
+        textStyle({ variant: variant ?? "body", tone, font }),
+        variant === void 0 && (as === "strong" || as === "b") && "font-bold",
+        className
+      )
+    }
+  });
+}
+
+export { Txt as T };
+//# sourceMappingURL=Txt-CuuPO9Ho.js.map

package/dist/Txt-CuuPO9Ho.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Txt-CuuPO9Ho.js","sources":["../src/ds/components/Txt/Txt.tsx"],"sourcesContent":["import { useRender } from '@base-ui/react/use-render';\nimport type { ComponentPropsWithoutRef, HTMLAttributes, Ref } from 'react';\n\nimport { textStyle } from '@/ds/primitives/text';\nimport type { TextStyleProps } from '@/ds/primitives/text';\nimport { cn } from '@/lib/utils';\n\ntype TextElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'strong' | 'b' | 'time';\n\nexport interface TxtProps extends HTMLAttributes<HTMLElement>, TextStyleProps {\n  as?: TextElement;\n  ref?: Ref<HTMLElement>;\n  htmlFor?: string;\n}\n\ntype ElementTxtProps<T extends TextElement> = TextStyleProps & {\n  as?: T;\n  ref?: Ref<HTMLElement>;\n  htmlFor?: string;\n} & Omit<ComponentPropsWithoutRef<T>, keyof TextStyleProps | 'as' | 'ref'>;\n\n/** Typography for text elements. Controls and layout containers own their markup. */\nexport function Txt<T extends TextElement = 'p'>({ as, className, variant, tone, font, ...props }: ElementTxtProps<T>) {\n  return useRender({\n    defaultTagName: as ?? 'p',\n    props: {\n      ...props,\n      className: cn(\n        textStyle({ variant: variant ?? 'body', tone, font }),\n        variant === undefined && (as === 'strong' || as === 'b') && 'font-bold',\n        className,\n      ),\n    },\n  });\n}\n"],"names":[],"mappings":";;;;AAsBO,SAAS,GAAA,CAAiC,EAAE,EAAA,EAAI,SAAA,EAAW,SAAS,IAAA,EAAM,IAAA,EAAM,GAAG,KAAA,EAAM,EAAuB;AACrH,EAAA,OAAO,SAAA,CAAU;AAAA,IACf,gBAAgB,EAAA,IAAM,GAAA;AAAA,IACtB,KAAA,EAAO;AAAA,MACL,GAAG,KAAA;AAAA,MACH,SAAA,EAAW,EAAA;AAAA,QACT,UAAU,EAAE,OAAA,EAAS,WAAW,MAAA,EAAQ,IAAA,EAAM,MAAM,CAAA;AAAA,QACpD,OAAA,KAAY,MAAA,KAAc,EAAA,KAAO,QAAA,IAAY,OAAO,GAAA,CAAA,IAAQ,WAAA;AAAA,QAC5D;AAAA;AACF;AACF,GACD,CAAA;AACH;;;;"}

package/dist/Txt-DFPibRb3.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+const useRender = require('@base-ui/react/use-render');
+const primitives_text = require('./primitives/text.cjs.js');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+function Txt({ as, className, variant, tone, font, ...props }) {
+  return useRender.useRender({
+    defaultTagName: as ?? "p",
+    props: {
+      ...props,
+      className: utils_cn.cn(
+        primitives_text.textStyle({ variant: variant ?? "body", tone, font }),
+        variant === void 0 && (as === "strong" || as === "b") && "font-bold",
+        className
+      )
+    }
+  });
+}
+
+exports.Txt = Txt;
+//# sourceMappingURL=Txt-DFPibRb3.cjs.map

package/dist/Txt-DFPibRb3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Txt-DFPibRb3.cjs","sources":["../src/ds/components/Txt/Txt.tsx"],"sourcesContent":["import { useRender } from '@base-ui/react/use-render';\nimport type { ComponentPropsWithoutRef, HTMLAttributes, Ref } from 'react';\n\nimport { textStyle } from '@/ds/primitives/text';\nimport type { TextStyleProps } from '@/ds/primitives/text';\nimport { cn } from '@/lib/utils';\n\ntype TextElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'strong' | 'b' | 'time';\n\nexport interface TxtProps extends HTMLAttributes<HTMLElement>, TextStyleProps {\n  as?: TextElement;\n  ref?: Ref<HTMLElement>;\n  htmlFor?: string;\n}\n\ntype ElementTxtProps<T extends TextElement> = TextStyleProps & {\n  as?: T;\n  ref?: Ref<HTMLElement>;\n  htmlFor?: string;\n} & Omit<ComponentPropsWithoutRef<T>, keyof TextStyleProps | 'as' | 'ref'>;\n\n/** Typography for text elements. Controls and layout containers own their markup. */\nexport function Txt<T extends TextElement = 'p'>({ as, className, variant, tone, font, ...props }: ElementTxtProps<T>) {\n  return useRender({\n    defaultTagName: as ?? 'p',\n    props: {\n      ...props,\n      className: cn(\n        textStyle({ variant: variant ?? 'body', tone, font }),\n        variant === undefined && (as === 'strong' || as === 'b') && 'font-bold',\n        className,\n      ),\n    },\n  });\n}\n"],"names":["useRender","cn","textStyle"],"mappings":";;;;;;AAsBO,SAAS,GAAA,CAAiC,EAAE,EAAA,EAAI,SAAA,EAAW,SAAS,IAAA,EAAM,IAAA,EAAM,GAAG,KAAA,EAAM,EAAuB;AACrH,EAAA,OAAOA,mBAAA,CAAU;AAAA,IACf,gBAAgB,EAAA,IAAM,GAAA;AAAA,IACtB,KAAA,EAAO;AAAA,MACL,GAAG,KAAA;AAAA,MACH,SAAA,EAAWC,WAAA;AAAA,QACTC,0BAAU,EAAE,OAAA,EAAS,WAAW,MAAA,EAAQ,IAAA,EAAM,MAAM,CAAA;AAAA,QACpD,OAAA,KAAY,MAAA,KAAc,EAAA,KAAO,QAAA,IAAY,OAAO,GAAA,CAAA,IAAQ,WAAA;AAAA,QAC5D;AAAA;AACF;AACF,GACD,CAAA;AACH;;;;"}

package/dist/{activity-ClKZR5_o.cjs → activity-C3F5Z6U2.cjs}

@@ -6,7 +6,7 @@ const React = require('react');
 const useWatched = require('./use-watched-BixmYWp0.cjs');
 const collapsible = require('./collapsible-jfzzU7Gp.cjs');
 const shimmer = require('./shimmer-DbSkqomT.cjs');
-const Txt = require('./Txt-DNnvlrBo.cjs');
+const Txt = require('./Txt-DFPibRb3.cjs');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
 
 const ActivityContext = React.createContext(void 0);
@@ -238,4 +238,4 @@ exports.ActivitySpacer = ActivitySpacer;
 exports.ActivitySummary = ActivitySummary;
 exports.ActivityTrailing = ActivityTrailing;
 exports.ActivityTrigger = ActivityTrigger;
-//# sourceMappingURL=activity-ClKZR5_o.cjs.map
+//# sourceMappingURL=activity-C3F5Z6U2.cjs.map

package/dist/{activity-ClKZR5_o.cjs.map → activity-C3F5Z6U2.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"activity-ClKZR5_o.cjs","sources":["../src/ds/components/ai/activity/activity.tsx"],"sourcesContent":["import { ChevronRight, X } from 'lucide-react';\nimport { createContext, useContext, useId, useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useArriving } from '@/ds/components/Arrival';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { Shimmer } from '@/ds/components/Shimmer';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\ntype ActivityStatus = 'idle' | 'running' | 'error';\n\ninterface ActivityContextValue {\n  open: boolean;\n  foldable: boolean;\n  status: ActivityStatus;\n  toggle: () => void;\n}\n\nconst ActivityContext = createContext<ActivityContextValue | undefined>(undefined);\n\n// Stryker disable next-line ArrowFunction: the default callback is intentionally behaviorless.\nconst noopOpenChange = () => {};\n\nfunction useActivity() {\n  const context = useContext(ActivityContext);\n  if (!context) throw new Error('Activity compounds must be rendered within Activity');\n  return context;\n}\n\nexport interface ActivityProps extends Omit<\n  ComponentProps<typeof Collapsible>,\n  'defaultOpen' | 'onOpenChange' | 'open'\n> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  foldable?: boolean;\n  status?: ActivityStatus;\n}\n\nexport function Activity({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange = noopOpenChange,\n  foldable = true,\n  status = 'idle',\n  className,\n  children,\n  ...props\n}: ActivityProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const open = controlledOpen ?? (foldable && uncontrolledOpen);\n  const statusId = useId();\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n    onOpenChange(nextOpen);\n  };\n\n  return (\n    <ActivityContext.Provider value={{ open, foldable, status, toggle: () => handleOpenChange(!open) }}>\n      <Collapsible\n        open={open}\n        onOpenChange={handleOpenChange}\n        className={cn('max-w-full min-w-0', className)}\n        role=\"group\"\n        aria-busy={status === 'running'}\n        aria-invalid={status === 'error' || undefined}\n        aria-describedby={status === 'idle' ? undefined : statusId}\n        data-status={status}\n        {...props}\n      >\n        {children}\n        <span id={statusId} className=\"sr-only\" aria-live=\"polite\">\n          {status === 'running' && 'Running'}\n          {status === 'error' && 'Failed'}\n        </span>\n      </Collapsible>\n    </ActivityContext.Provider>\n  );\n}\n\nexport const ActivityTrigger = ({ className, children, ...props }: ComponentProps<'div'>) => {\n  const { foldable } = useActivity();\n  const lineId = useId();\n\n  return (\n    <div\n      className={cn(\n        'group/row relative w-full min-w-0 rounded-md transition-colors motion-reduce:transition-none',\n        foldable && 'hover:bg-fill',\n        className,\n      )}\n      {...props}\n    >\n      {foldable && (\n        <CollapsibleTrigger\n          aria-labelledby={lineId}\n          className=\"absolute inset-0 cursor-pointer rounded-md focus-visible:ring-1 focus-visible:ring-border-focus focus-visible:outline-hidden\"\n        />\n      )}\n      <div id={lineId} className={cn(foldable && 'pointer-events-none relative')}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport const ActivityHeader = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { status } = useActivity();\n\n  return (\n    <Shimmer\n      active={status === 'running'}\n      className={cn('flex w-full min-w-0 items-center gap-2 px-1.5 py-1', className)}\n      {...props}\n    >\n      {children}\n    </Shimmer>\n  );\n};\n\nexport const ActivityLeading = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { foldable, toggle } = useActivity();\n\n  if (!children) return null;\n\n  return (\n    <span\n      className={cn('pointer-events-auto flex shrink-0 empty:hidden', foldable && 'cursor-pointer', className)}\n      onClick={foldable ? toggle : undefined}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n\nexport const ActivityIcon = ({ className, ...props }: ComponentProps<'span'>) => {\n  const { status } = useActivity();\n\n  return (\n    <span\n      className={cn(\n        'flex size-4 shrink-0 items-center justify-center [&_svg]:size-3.5 [&_svg]:shrink-0 [&_svg]:[stroke-width:1.75]',\n        status === 'error' ? 'text-destructive-foreground' : 'text-placeholder',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n\nexport const ActivityLabel = ({ className, ...props }: ComponentProps<typeof Txt>) => (\n  <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className={cn('max-w-[55%] shrink-0 truncate', className)} {...props} />\n);\n\nexport interface ActivityDetailProps extends Omit<ComponentProps<typeof Txt>, 'font'> {\n  font?: 'mono' | 'sans';\n  wrap?: boolean;\n}\n\nexport const ActivityDetail = ({ font = 'mono', wrap = false, className, ...props }: ActivityDetailProps) => {\n  const arriving = useArriving();\n\n  return (\n    <Txt\n      as=\"span\"\n      variant=\"meta\"\n      tone=\"muted\"\n      font={font === 'mono' ? 'mono' : undefined}\n      className={cn('min-w-0', wrap ? 'break-words' : 'truncate', arriving, className)}\n      {...props}\n    />\n  );\n};\n\nexport const ActivitySummary = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex min-w-0 items-center gap-1', className)} {...props} />\n);\n\nexport interface ActivitySpacerProps extends ComponentProps<'span'> {\n  rule?: boolean;\n}\n\nexport const ActivitySpacer = ({ rule, className, ...props }: ActivitySpacerProps) => (\n  <span\n    aria-hidden\n    className={cn('min-w-2 flex-1', rule && 'h-px bg-border mask-r-from-[calc(100%-min(100%,160px))]', className)}\n    {...props}\n  />\n);\n\nexport const ActivityTrailing = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex shrink-0 items-center', className)} {...props} />\n);\n\nexport const ActivityDisclosure = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { open, foldable } = useActivity();\n\n  return (\n    <span className={cn('flex size-4 shrink-0 items-center justify-center', className)} {...props}>\n      <span\n        aria-hidden\n        className={cn(\n          'flex shrink-0 items-center text-muted-foreground/60 transition duration-150 motion-reduce:transition-none',\n          'group-hover/row:text-muted-foreground group-has-focus-visible/row:text-muted-foreground',\n          open && 'rotate-90 text-muted-foreground',\n          !foldable && 'opacity-0',\n        )}\n      >\n        {children ?? <ChevronRight size={13} />}\n      </span>\n    </span>\n  );\n};\n\nexport interface ActivityHeadlineProps extends Omit<ComponentProps<typeof ActivityHeader>, 'children'> {\n  leading?: ReactNode;\n  icon: ReactNode;\n  label: ReactNode;\n  detail?: string;\n  description?: string;\n  detailFont?: ActivityDetailProps['font'];\n  wrapDetail?: boolean;\n  badges?: ReactNode;\n}\n\nexport const ActivityHeadline = ({\n  leading,\n  icon,\n  label,\n  detail,\n  description,\n  detailFont,\n  wrapDetail,\n  badges,\n  ...props\n}: ActivityHeadlineProps) => {\n  const { status } = useActivity();\n  const hasBadges = Boolean(badges);\n\n  return (\n    <ActivityHeader {...props}>\n      <ActivityLeading>{leading}</ActivityLeading>\n      <ActivityIcon>{icon}</ActivityIcon>\n      <span className={cn('contents', hasBadges && 'flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-1')}>\n        <ActivityLabel className={cn(description && 'max-w-none min-w-0 shrink')}>{description || label}</ActivityLabel>\n        {badges}\n        {!description && detail && (\n          <ActivityDetail font={detailFont} wrap={wrapDetail} className={cn(hasBadges && 'grow basis-40')}>\n            {detail}\n          </ActivityDetail>\n        )}\n      </span>\n      <ActivitySpacer className={cn(hasBadges && 'flex-none')} />\n      {status === 'error' && (\n        <ActivityTrailing>\n          <X size={13} role=\"img\" aria-label=\"Failed\" className=\"shrink-0 text-destructive-foreground\" />\n        </ActivityTrailing>\n      )}\n      <ActivityDisclosure />\n    </ActivityHeader>\n  );\n};\n\nexport const ActivityContent = ({ className, children, ...props }: ComponentProps<typeof CollapsibleContent>) => (\n  <CollapsibleContent className=\"max-w-full min-w-0\" {...props}>\n    <div\n      className={cn(\n        \"relative ml-[14px] flex max-w-full min-w-0 flex-col gap-1.5 py-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:bg-border before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  </CollapsibleContent>\n);\n\nexport interface ActivityItemProps extends Omit<ActivityProps, 'children' | 'open' | 'onOpenChange' | 'foldable'> {\n  icon: ReactNode;\n  label: string;\n  detail?: string;\n  detailFont?: ActivityDetailProps['font'];\n  badges?: ReactNode;\n  collapsible?: boolean;\n  children?: ReactNode;\n  'aria-label': string;\n}\n\nexport function ActivityItem({\n  icon,\n  label,\n  detail,\n  detailFont,\n  badges,\n  collapsible = true,\n  children,\n  ...props\n}: ActivityItemProps) {\n  const folds = collapsible && Boolean(children);\n\n  return (\n    <Activity {...props} foldable={folds} open={collapsible ? undefined : true}>\n      <ActivityTrigger>\n        <ActivityHeadline\n          icon={icon}\n          label={label}\n          detail={detail}\n          detailFont={detailFont}\n          wrapDetail={!folds}\n          badges={badges}\n        />\n      </ActivityTrigger>\n      {children && <ActivityContent>{children}</ActivityContent>}\n    </Activity>\n  );\n}\n\nexport type { ActivityStatus };\n"],"names":["createContext","useContext","useState","useId","jsx","jsxs","Collapsible","cn","CollapsibleTrigger","Shimmer","Txt","useArriving","ChevronRight","X","CollapsibleContent"],"mappings":"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"}
+{"version":3,"file":"activity-C3F5Z6U2.cjs","sources":["../src/ds/components/ai/activity/activity.tsx"],"sourcesContent":["import { ChevronRight, X } from 'lucide-react';\nimport { createContext, useContext, useId, useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useArriving } from '@/ds/components/Arrival';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { Shimmer } from '@/ds/components/Shimmer';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\ntype ActivityStatus = 'idle' | 'running' | 'error';\n\ninterface ActivityContextValue {\n  open: boolean;\n  foldable: boolean;\n  status: ActivityStatus;\n  toggle: () => void;\n}\n\nconst ActivityContext = createContext<ActivityContextValue | undefined>(undefined);\n\n// Stryker disable next-line ArrowFunction: the default callback is intentionally behaviorless.\nconst noopOpenChange = () => {};\n\nfunction useActivity() {\n  const context = useContext(ActivityContext);\n  if (!context) throw new Error('Activity compounds must be rendered within Activity');\n  return context;\n}\n\nexport interface ActivityProps extends Omit<\n  ComponentProps<typeof Collapsible>,\n  'defaultOpen' | 'onOpenChange' | 'open'\n> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  foldable?: boolean;\n  status?: ActivityStatus;\n}\n\nexport function Activity({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange = noopOpenChange,\n  foldable = true,\n  status = 'idle',\n  className,\n  children,\n  ...props\n}: ActivityProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const open = controlledOpen ?? (foldable && uncontrolledOpen);\n  const statusId = useId();\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n    onOpenChange(nextOpen);\n  };\n\n  return (\n    <ActivityContext.Provider value={{ open, foldable, status, toggle: () => handleOpenChange(!open) }}>\n      <Collapsible\n        open={open}\n        onOpenChange={handleOpenChange}\n        className={cn('max-w-full min-w-0', className)}\n        role=\"group\"\n        aria-busy={status === 'running'}\n        aria-invalid={status === 'error' || undefined}\n        aria-describedby={status === 'idle' ? undefined : statusId}\n        data-status={status}\n        {...props}\n      >\n        {children}\n        <span id={statusId} className=\"sr-only\" aria-live=\"polite\">\n          {status === 'running' && 'Running'}\n          {status === 'error' && 'Failed'}\n        </span>\n      </Collapsible>\n    </ActivityContext.Provider>\n  );\n}\n\nexport const ActivityTrigger = ({ className, children, ...props }: ComponentProps<'div'>) => {\n  const { foldable } = useActivity();\n  const lineId = useId();\n\n  return (\n    <div\n      className={cn(\n        'group/row relative w-full min-w-0 rounded-md transition-colors motion-reduce:transition-none',\n        foldable && 'hover:bg-fill',\n        className,\n      )}\n      {...props}\n    >\n      {foldable && (\n        <CollapsibleTrigger\n          aria-labelledby={lineId}\n          className=\"absolute inset-0 cursor-pointer rounded-md focus-visible:ring-1 focus-visible:ring-border-focus focus-visible:outline-hidden\"\n        />\n      )}\n      <div id={lineId} className={cn(foldable && 'pointer-events-none relative')}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport const ActivityHeader = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { status } = useActivity();\n\n  return (\n    <Shimmer\n      active={status === 'running'}\n      className={cn('flex w-full min-w-0 items-center gap-2 px-1.5 py-1', className)}\n      {...props}\n    >\n      {children}\n    </Shimmer>\n  );\n};\n\nexport const ActivityLeading = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { foldable, toggle } = useActivity();\n\n  if (!children) return null;\n\n  return (\n    <span\n      className={cn('pointer-events-auto flex shrink-0 empty:hidden', foldable && 'cursor-pointer', className)}\n      onClick={foldable ? toggle : undefined}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n\nexport const ActivityIcon = ({ className, ...props }: ComponentProps<'span'>) => {\n  const { status } = useActivity();\n\n  return (\n    <span\n      className={cn(\n        'flex size-4 shrink-0 items-center justify-center [&_svg]:size-3.5 [&_svg]:shrink-0 [&_svg]:[stroke-width:1.75]',\n        status === 'error' ? 'text-destructive-foreground' : 'text-placeholder',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n\nexport const ActivityLabel = ({ className, ...props }: ComponentProps<typeof Txt>) => (\n  <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className={cn('max-w-[55%] shrink-0 truncate', className)} {...props} />\n);\n\nexport interface ActivityDetailProps extends Omit<ComponentProps<typeof Txt>, 'font'> {\n  font?: 'mono' | 'sans';\n  wrap?: boolean;\n}\n\nexport const ActivityDetail = ({ font = 'mono', wrap = false, className, ...props }: ActivityDetailProps) => {\n  const arriving = useArriving();\n\n  return (\n    <Txt\n      as=\"span\"\n      variant=\"meta\"\n      tone=\"muted\"\n      font={font === 'mono' ? 'mono' : undefined}\n      className={cn('min-w-0', wrap ? 'break-words' : 'truncate', arriving, className)}\n      {...props}\n    />\n  );\n};\n\nexport const ActivitySummary = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex min-w-0 items-center gap-1', className)} {...props} />\n);\n\nexport interface ActivitySpacerProps extends ComponentProps<'span'> {\n  rule?: boolean;\n}\n\nexport const ActivitySpacer = ({ rule, className, ...props }: ActivitySpacerProps) => (\n  <span\n    aria-hidden\n    className={cn('min-w-2 flex-1', rule && 'h-px bg-border mask-r-from-[calc(100%-min(100%,160px))]', className)}\n    {...props}\n  />\n);\n\nexport const ActivityTrailing = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex shrink-0 items-center', className)} {...props} />\n);\n\nexport const ActivityDisclosure = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { open, foldable } = useActivity();\n\n  return (\n    <span className={cn('flex size-4 shrink-0 items-center justify-center', className)} {...props}>\n      <span\n        aria-hidden\n        className={cn(\n          'flex shrink-0 items-center text-muted-foreground/60 transition duration-150 motion-reduce:transition-none',\n          'group-hover/row:text-muted-foreground group-has-focus-visible/row:text-muted-foreground',\n          open && 'rotate-90 text-muted-foreground',\n          !foldable && 'opacity-0',\n        )}\n      >\n        {children ?? <ChevronRight size={13} />}\n      </span>\n    </span>\n  );\n};\n\nexport interface ActivityHeadlineProps extends Omit<ComponentProps<typeof ActivityHeader>, 'children'> {\n  leading?: ReactNode;\n  icon: ReactNode;\n  label: ReactNode;\n  detail?: string;\n  description?: string;\n  detailFont?: ActivityDetailProps['font'];\n  wrapDetail?: boolean;\n  badges?: ReactNode;\n}\n\nexport const ActivityHeadline = ({\n  leading,\n  icon,\n  label,\n  detail,\n  description,\n  detailFont,\n  wrapDetail,\n  badges,\n  ...props\n}: ActivityHeadlineProps) => {\n  const { status } = useActivity();\n  const hasBadges = Boolean(badges);\n\n  return (\n    <ActivityHeader {...props}>\n      <ActivityLeading>{leading}</ActivityLeading>\n      <ActivityIcon>{icon}</ActivityIcon>\n      <span className={cn('contents', hasBadges && 'flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-1')}>\n        <ActivityLabel className={cn(description && 'max-w-none min-w-0 shrink')}>{description || label}</ActivityLabel>\n        {badges}\n        {!description && detail && (\n          <ActivityDetail font={detailFont} wrap={wrapDetail} className={cn(hasBadges && 'grow basis-40')}>\n            {detail}\n          </ActivityDetail>\n        )}\n      </span>\n      <ActivitySpacer className={cn(hasBadges && 'flex-none')} />\n      {status === 'error' && (\n        <ActivityTrailing>\n          <X size={13} role=\"img\" aria-label=\"Failed\" className=\"shrink-0 text-destructive-foreground\" />\n        </ActivityTrailing>\n      )}\n      <ActivityDisclosure />\n    </ActivityHeader>\n  );\n};\n\nexport const ActivityContent = ({ className, children, ...props }: ComponentProps<typeof CollapsibleContent>) => (\n  <CollapsibleContent className=\"max-w-full min-w-0\" {...props}>\n    <div\n      className={cn(\n        \"relative ml-[14px] flex max-w-full min-w-0 flex-col gap-1.5 py-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:bg-border before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  </CollapsibleContent>\n);\n\nexport interface ActivityItemProps extends Omit<ActivityProps, 'children' | 'open' | 'onOpenChange' | 'foldable'> {\n  icon: ReactNode;\n  label: string;\n  detail?: string;\n  detailFont?: ActivityDetailProps['font'];\n  badges?: ReactNode;\n  collapsible?: boolean;\n  children?: ReactNode;\n  'aria-label': string;\n}\n\nexport function ActivityItem({\n  icon,\n  label,\n  detail,\n  detailFont,\n  badges,\n  collapsible = true,\n  children,\n  ...props\n}: ActivityItemProps) {\n  const folds = collapsible && Boolean(children);\n\n  return (\n    <Activity {...props} foldable={folds} open={collapsible ? undefined : true}>\n      <ActivityTrigger>\n        <ActivityHeadline\n          icon={icon}\n          label={label}\n          detail={detail}\n          detailFont={detailFont}\n          wrapDetail={!folds}\n          badges={badges}\n        />\n      </ActivityTrigger>\n      {children && <ActivityContent>{children}</ActivityContent>}\n    </Activity>\n  );\n}\n\nexport type { ActivityStatus };\n"],"names":["createContext","useContext","useState","useId","jsx","jsxs","Collapsible","cn","CollapsibleTrigger","Shimmer","Txt","useArriving","ChevronRight","X","CollapsibleContent"],"mappings":"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"}

package/dist/{activity-D0SefV4r.js → activity-CREOMVXI.js}

@@ -4,7 +4,7 @@ import { useState, useId, createContext, useContext } from 'react';
 import { u as useArriving } from './use-watched-CG9KoWl3.js';
 import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from './collapsible-BNUn4644.js';
 import { S as Shimmer } from './shimmer-BN7Dzm37.js';
-import { T as Txt } from './Txt-C3cYJgKU.js';
+import { T as Txt } from './Txt-CuuPO9Ho.js';
 import { c as cn } from './cn-65Adrsfj.js';
 
 const ActivityContext = createContext(void 0);
@@ -223,4 +223,4 @@ function ActivityItem({
 }
 
 export { Activity as A, ActivityContent as a, ActivityDetail as b, ActivityDisclosure as c, ActivityHeader as d, ActivityHeadline as e, ActivityIcon as f, ActivityItem as g, ActivityLabel as h, ActivityLeading as i, ActivitySpacer as j, ActivitySummary as k, ActivityTrailing as l, ActivityTrigger as m };
-//# sourceMappingURL=activity-D0SefV4r.js.map
+//# sourceMappingURL=activity-CREOMVXI.js.map