@mastra/playground-ui 63.0.0-alpha.1 → 63.0.0-alpha.2

package/dist/{span-payload-primitives-Cixom2Py.js.map → span-payload-primitives-WqYTBiGx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"span-payload-primitives-Cixom2Py.js","sources":["../src/domains/traces/components/span-payload/span-payload-tool.tsx","../src/domains/traces/components/span-payload/span-payload-primitives.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadField, SpanPayloadLabel } from './span-payload-primitives';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { ActivityHeadline } from '@/ds/components/ai/activity';\nimport { presentTool } from '@/ds/components/ai/tool-call/tool-presentation';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nexport function SpanPayloadTool({ value, showLabel = true }: { value: unknown; showLabel?: boolean }) {\n  if (!isRecord(value)) return <SpanPayloadJson value={value} />;\n  const call = value.type === 'tool-invocation' ? value.toolInvocation : value;\n  if (!isRecord(call) || typeof call.toolName !== 'string' || !call.toolName) {\n    return <SpanPayloadJson value={value} />;\n  }\n  const input = 'args' in call ? call.args : call.input;\n  const output = 'result' in call ? call.result : call.output;\n  const error = call.isError === true || call.state === 'output-error';\n  const errorText = typeof call.errorText === 'string' ? call.errorText : undefined;\n  const { icon: ToolIcon, label, detail, description } = presentTool(call.toolName, input);\n  const hasBody = input !== undefined || output !== undefined || errorText !== undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      {showLabel && <SpanPayloadLabel>{value.type === 'tool-result' ? 'Tool result' : 'Tool call'}</SpanPayloadLabel>}\n      <BadgeWrapper\n        status={error ? 'error' : 'idle'}\n        header={\n          <ActivityHeadline icon={<ToolIcon aria-hidden />} label={label} detail={detail} description={description} />\n        }\n      >\n        {hasBody && (\n          <div className=\"flex flex-col gap-3\">\n            {input !== undefined && (\n              <SpanPayloadField label=\"Arguments\">\n                <SpanPayloadJson value={input} />\n              </SpanPayloadField>\n            )}\n            {output !== undefined && (\n              <SpanPayloadField label=\"Result\">\n                <SpanPayloadJson value={output} />\n              </SpanPayloadField>\n            )}\n            {errorText !== undefined && (\n              <SpanPayloadField label=\"Error\">\n                <SpanPayloadJson value={errorText} />\n              </SpanPayloadField>\n            )}\n          </div>\n        )}\n      </BadgeWrapper>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { Txt } from '@/ds/components/Txt';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return (\n    <Txt as=\"span\" variant=\"meta\" tone=\"faint\" className=\"block uppercase\">\n      {children}\n    </Txt>\n  );\n}\n\nexport function SpanPayloadField({ label, children }: { label: ReactNode; children: ReactNode }) {\n  return (\n    <div data-slot=\"span-payload-field\" className=\"flex flex-col gap-1.5\">\n      <SpanPayloadLabel>{label}</SpanPayloadLabel>\n      {children}\n    </div>\n  );\n}\n\nexport function SpanPayloadMarkdown({ children }: { children: string }) {\n  return (\n    <div data-slot=\"span-payload-markdown\" className=\"text-foreground\">\n      <MarkdownRenderer>{children}</MarkdownRenderer>\n    </div>\n  );\n}\n\n/** A collapsed block for secondary data (reasoning, steps, warnings…). */\nexport function SpanPayloadCollapsible({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label: ReactNode;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  return (\n    <Collapsible defaultOpen={defaultOpen}>\n      <CollapsibleTrigger className=\"flex items-center gap-1 text-meta text-placeholder uppercase\">\n        <DisclosureChevron direction=\"right\" className=\"size-3\" />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\n  );\n}\n\n/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */\nexport function SpanPayloadToolCalls({ toolCalls }: { toolCalls: unknown[] }) {\n  return (\n    <ul data-slot=\"span-payload-tool-calls\" className=\"flex flex-col gap-2\">\n      {toolCalls.map((call, index) => (\n        <li key={index}>\n          <SpanPayloadTool value={call} showLabel={false} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAMA,MAAM,QAAA,GAAW,CAAC,KAAA,KAChB,OAAO,KAAA,KAAU,QAAA,IAAY,KAAA,KAAU,IAAA,IAAQ,CAAC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA;AAE9D,SAAS,eAAA,CAAgB,EAAE,KAAA,EAAO,SAAA,GAAY,MAAK,EAA4C;AACpG,EAAA,IAAI,CAAC,QAAA,CAAS,KAAK,GAAG,uBAAO,GAAA,CAAC,mBAAgB,KAAA,EAAc,CAAA;AAC5D,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,IAAA,KAAS,iBAAA,GAAoB,MAAM,cAAA,GAAiB,KAAA;AACvE,EAAA,IAAI,CAAC,QAAA,CAAS,IAAI,CAAA,IAAK,OAAO,KAAK,QAAA,KAAa,QAAA,IAAY,CAAC,IAAA,CAAK,QAAA,EAAU;AAC1E,IAAA,uBAAO,GAAA,CAAC,mBAAgB,KAAA,EAAc,CAAA;AAAA,EACxC;AACA,EAAA,MAAM,KAAA,GAAQ,MAAA,IAAU,IAAA,GAAO,IAAA,CAAK,OAAO,IAAA,CAAK,KAAA;AAChD,EAAA,MAAM,MAAA,GAAS,QAAA,IAAY,IAAA,GAAO,IAAA,CAAK,SAAS,IAAA,CAAK,MAAA;AACrD,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,OAAA,KAAY,IAAA,IAAQ,KAAK,KAAA,KAAU,cAAA;AACtD,EAAA,MAAM,YAAY,OAAO,IAAA,CAAK,SAAA,KAAc,QAAA,GAAW,KAAK,SAAA,GAAY,MAAA;AACxE,EAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,MAAA,EAAQ,aAAY,GAAI,WAAA,CAAY,IAAA,CAAK,QAAA,EAAU,KAAK,CAAA;AACvF,EAAA,MAAM,OAAA,GAAU,KAAA,KAAU,MAAA,IAAa,MAAA,KAAW,UAAa,SAAA,KAAc,MAAA;AAC7E,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,mBAAA,EAAoB,WAAU,qBAAA,EAC1C,QAAA,EAAA;AAAA,IAAA,SAAA,wBAAc,gBAAA,EAAA,EAAkB,QAAA,EAAA,KAAA,CAAM,IAAA,KAAS,aAAA,GAAgB,gBAAgB,WAAA,EAAY,CAAA;AAAA,oBAC5F,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,QAAQ,OAAA,GAAU,MAAA;AAAA,QAC1B,MAAA,kBACE,GAAA,CAAC,gBAAA,EAAA,EAAiB,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,aAAA,EAAW,IAAA,EAAC,CAAA,EAAI,KAAA,EAAc,MAAA,EAAgB,WAAA,EAA0B,CAAA;AAAA,QAG3G,QAAA,EAAA,OAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACZ,QAAA,EAAA;AAAA,UAAA,KAAA,KAAU,MAAA,wBACR,gBAAA,EAAA,EAAiB,KAAA,EAAM,aACtB,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,KAAA,EAAO,CAAA,EACjC,CAAA;AAAA,UAED,MAAA,KAAW,MAAA,oBACV,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,UACtB,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,MAAA,EAAQ,CAAA,EAClC,CAAA;AAAA,UAED,SAAA,KAAc,MAAA,oBACb,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,SACtB,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,SAAA,EAAW,CAAA,EACrC;AAAA,SAAA,EAEJ;AAAA;AAAA;AAEJ,GAAA,EACF,CAAA;AAEJ;;AC5CO,SAAS,gBAAA,CAAiB,EAAE,QAAA,EAAS,EAA4B;AACtE,EAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,QAAO,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,iBAAA,EAClD,QAAA,EACH,CAAA;AAEJ;AAEO,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAO,QAAA,EAAS,EAA8C;AAC/F,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,oBAAA,EAAqB,WAAU,uBAAA,EAC5C,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,oBAAkB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IACxB;AAAA,GAAA,EACH,CAAA;AAEJ;AAEO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAS,EAAyB;AACtE,EAAA,uBACE,GAAA,CAAC,SAAI,WAAA,EAAU,uBAAA,EAAwB,WAAU,iBAAA,EAC/C,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAkB,QAAA,EAAS,CAAA,EAC9B,CAAA;AAEJ;AAGO,SAAS,sBAAA,CAAuB;AAAA,EACrC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,EAIG;AACD,EAAA,uBACE,IAAA,CAAC,eAAY,WAAA,EACX,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,kBAAA,EAAA,EAAmB,WAAU,8DAAA,EAC5B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,SAAA,EAAU,OAAA,EAAQ,SAAA,EAAU,QAAA,EAAS,CAAA;AAAA,MACvD;AAAA,KAAA,EACH,CAAA;AAAA,oBACA,GAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAU,QAAA,EAAU,QAAA,EAAS;AAAA,GAAA,EACnD,CAAA;AAEJ;AAGO,SAAS,oBAAA,CAAqB,EAAE,SAAA,EAAU,EAA6B;AAC5E,EAAA,uBACE,GAAA,CAAC,QAAG,WAAA,EAAU,yBAAA,EAA0B,WAAU,qBAAA,EAC/C,QAAA,EAAA,SAAA,CAAU,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,yBACnB,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,mBAAgB,KAAA,EAAO,IAAA,EAAM,WAAW,KAAA,EAAO,CAAA,EAAA,EADzC,KAET,CACD,CAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"span-payload-primitives-WqYTBiGx.js","sources":["../src/domains/traces/components/span-payload/span-payload-tool.tsx","../src/domains/traces/components/span-payload/span-payload-primitives.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadField, SpanPayloadLabel } from './span-payload-primitives';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { ActivityHeadline } from '@/ds/components/ai/activity';\nimport { presentTool } from '@/ds/components/ai/tool-call/tool-presentation';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nexport function SpanPayloadTool({ value, showLabel = true }: { value: unknown; showLabel?: boolean }) {\n  if (!isRecord(value)) return <SpanPayloadJson value={value} />;\n  const call = value.type === 'tool-invocation' ? value.toolInvocation : value;\n  if (!isRecord(call) || typeof call.toolName !== 'string' || !call.toolName) {\n    return <SpanPayloadJson value={value} />;\n  }\n  const input = 'args' in call ? call.args : call.input;\n  const output = 'result' in call ? call.result : call.output;\n  const error = call.isError === true || call.state === 'output-error';\n  const errorText = typeof call.errorText === 'string' ? call.errorText : undefined;\n  const { icon: ToolIcon, label, detail, description } = presentTool(call.toolName, input);\n  const hasBody = input !== undefined || output !== undefined || errorText !== undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      {showLabel && <SpanPayloadLabel>{value.type === 'tool-result' ? 'Tool result' : 'Tool call'}</SpanPayloadLabel>}\n      <BadgeWrapper\n        status={error ? 'error' : 'idle'}\n        header={\n          <ActivityHeadline icon={<ToolIcon aria-hidden />} label={label} detail={detail} description={description} />\n        }\n      >\n        {hasBody && (\n          <div className=\"flex flex-col gap-3\">\n            {input !== undefined && (\n              <SpanPayloadField label=\"Arguments\">\n                <SpanPayloadJson value={input} />\n              </SpanPayloadField>\n            )}\n            {output !== undefined && (\n              <SpanPayloadField label=\"Result\">\n                <SpanPayloadJson value={output} />\n              </SpanPayloadField>\n            )}\n            {errorText !== undefined && (\n              <SpanPayloadField label=\"Error\">\n                <SpanPayloadJson value={errorText} />\n              </SpanPayloadField>\n            )}\n          </div>\n        )}\n      </BadgeWrapper>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { Txt } from '@/ds/components/Txt';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return (\n    <Txt as=\"span\" variant=\"meta\" tone=\"faint\" className=\"block uppercase\">\n      {children}\n    </Txt>\n  );\n}\n\nexport function SpanPayloadField({ label, children }: { label: ReactNode; children: ReactNode }) {\n  return (\n    <div data-slot=\"span-payload-field\" className=\"flex flex-col gap-1.5\">\n      <SpanPayloadLabel>{label}</SpanPayloadLabel>\n      {children}\n    </div>\n  );\n}\n\nexport function SpanPayloadMarkdown({ children }: { children: string }) {\n  return (\n    <div data-slot=\"span-payload-markdown\" className=\"text-foreground\">\n      <MarkdownRenderer>{children}</MarkdownRenderer>\n    </div>\n  );\n}\n\n/** A collapsed block for secondary data (reasoning, steps, warnings…). */\nexport function SpanPayloadCollapsible({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label: ReactNode;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  return (\n    <Collapsible defaultOpen={defaultOpen}>\n      <CollapsibleTrigger className=\"flex items-center gap-1 text-meta text-placeholder uppercase\">\n        <DisclosureChevron direction=\"right\" className=\"size-3\" />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\n  );\n}\n\n/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */\nexport function SpanPayloadToolCalls({ toolCalls }: { toolCalls: unknown[] }) {\n  return (\n    <ul data-slot=\"span-payload-tool-calls\" className=\"flex flex-col gap-2\">\n      {toolCalls.map((call, index) => (\n        <li key={index}>\n          <SpanPayloadTool value={call} showLabel={false} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAMA,MAAM,QAAA,GAAW,CAAC,KAAA,KAChB,OAAO,KAAA,KAAU,QAAA,IAAY,KAAA,KAAU,IAAA,IAAQ,CAAC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA;AAE9D,SAAS,eAAA,CAAgB,EAAE,KAAA,EAAO,SAAA,GAAY,MAAK,EAA4C;AACpG,EAAA,IAAI,CAAC,QAAA,CAAS,KAAK,GAAG,uBAAO,GAAA,CAAC,mBAAgB,KAAA,EAAc,CAAA;AAC5D,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,IAAA,KAAS,iBAAA,GAAoB,MAAM,cAAA,GAAiB,KAAA;AACvE,EAAA,IAAI,CAAC,QAAA,CAAS,IAAI,CAAA,IAAK,OAAO,KAAK,QAAA,KAAa,QAAA,IAAY,CAAC,IAAA,CAAK,QAAA,EAAU;AAC1E,IAAA,uBAAO,GAAA,CAAC,mBAAgB,KAAA,EAAc,CAAA;AAAA,EACxC;AACA,EAAA,MAAM,KAAA,GAAQ,MAAA,IAAU,IAAA,GAAO,IAAA,CAAK,OAAO,IAAA,CAAK,KAAA;AAChD,EAAA,MAAM,MAAA,GAAS,QAAA,IAAY,IAAA,GAAO,IAAA,CAAK,SAAS,IAAA,CAAK,MAAA;AACrD,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,OAAA,KAAY,IAAA,IAAQ,KAAK,KAAA,KAAU,cAAA;AACtD,EAAA,MAAM,YAAY,OAAO,IAAA,CAAK,SAAA,KAAc,QAAA,GAAW,KAAK,SAAA,GAAY,MAAA;AACxE,EAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,MAAA,EAAQ,aAAY,GAAI,WAAA,CAAY,IAAA,CAAK,QAAA,EAAU,KAAK,CAAA;AACvF,EAAA,MAAM,OAAA,GAAU,KAAA,KAAU,MAAA,IAAa,MAAA,KAAW,UAAa,SAAA,KAAc,MAAA;AAC7E,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,mBAAA,EAAoB,WAAU,qBAAA,EAC1C,QAAA,EAAA;AAAA,IAAA,SAAA,wBAAc,gBAAA,EAAA,EAAkB,QAAA,EAAA,KAAA,CAAM,IAAA,KAAS,aAAA,GAAgB,gBAAgB,WAAA,EAAY,CAAA;AAAA,oBAC5F,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,QAAQ,OAAA,GAAU,MAAA;AAAA,QAC1B,MAAA,kBACE,GAAA,CAAC,gBAAA,EAAA,EAAiB,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,aAAA,EAAW,IAAA,EAAC,CAAA,EAAI,KAAA,EAAc,MAAA,EAAgB,WAAA,EAA0B,CAAA;AAAA,QAG3G,QAAA,EAAA,OAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACZ,QAAA,EAAA;AAAA,UAAA,KAAA,KAAU,MAAA,wBACR,gBAAA,EAAA,EAAiB,KAAA,EAAM,aACtB,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,KAAA,EAAO,CAAA,EACjC,CAAA;AAAA,UAED,MAAA,KAAW,MAAA,oBACV,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,UACtB,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,MAAA,EAAQ,CAAA,EAClC,CAAA;AAAA,UAED,SAAA,KAAc,MAAA,oBACb,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,SACtB,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,SAAA,EAAW,CAAA,EACrC;AAAA,SAAA,EAEJ;AAAA;AAAA;AAEJ,GAAA,EACF,CAAA;AAEJ;;AC5CO,SAAS,gBAAA,CAAiB,EAAE,QAAA,EAAS,EAA4B;AACtE,EAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,QAAO,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,iBAAA,EAClD,QAAA,EACH,CAAA;AAEJ;AAEO,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAO,QAAA,EAAS,EAA8C;AAC/F,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,oBAAA,EAAqB,WAAU,uBAAA,EAC5C,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,oBAAkB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IACxB;AAAA,GAAA,EACH,CAAA;AAEJ;AAEO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAS,EAAyB;AACtE,EAAA,uBACE,GAAA,CAAC,SAAI,WAAA,EAAU,uBAAA,EAAwB,WAAU,iBAAA,EAC/C,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAkB,QAAA,EAAS,CAAA,EAC9B,CAAA;AAEJ;AAGO,SAAS,sBAAA,CAAuB;AAAA,EACrC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,EAIG;AACD,EAAA,uBACE,IAAA,CAAC,eAAY,WAAA,EACX,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,kBAAA,EAAA,EAAmB,WAAU,8DAAA,EAC5B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,SAAA,EAAU,OAAA,EAAQ,SAAA,EAAU,QAAA,EAAS,CAAA;AAAA,MACvD;AAAA,KAAA,EACH,CAAA;AAAA,oBACA,GAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAU,QAAA,EAAU,QAAA,EAAS;AAAA,GAAA,EACnD,CAAA;AAEJ;AAGO,SAAS,oBAAA,CAAqB,EAAE,SAAA,EAAU,EAA6B;AAC5E,EAAA,uBACE,GAAA,CAAC,QAAG,WAAA,EAAU,yBAAA,EAA0B,WAAU,qBAAA,EAC/C,QAAA,EAAA,SAAA,CAAU,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,yBACnB,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,mBAAgB,KAAA,EAAO,IAAA,EAAM,WAAW,KAAA,EAAO,CAAA,EAAA,EADzC,KAET,CACD,CAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/src/ds/components/Avatar/Avatar.d.ts

@@ -1,10 +1,21 @@
-export type AvatarSize = 'sm' | 'md' | 'lg';
-export type AvatarProps = {
-    src?: string;
-    name: string;
-    size?: AvatarSize;
-    interactive?: boolean;
-    color?: string;
-    textColor?: string;
+import { AvatarBadge } from './avatar-badge';
+import { AvatarElement } from './avatar-element';
+import { AvatarFallback } from './avatar-fallback';
+import { AvatarGroup } from './avatar-group';
+import { AvatarGroupCount } from './avatar-group-count';
+import { AvatarImage } from './avatar-image';
+export type { AvatarSize } from './avatar-size';
+export type { AvatarProps } from './avatar-named';
+export type { AvatarRootProps } from './avatar-root';
+export type { AvatarImageProps } from './avatar-image';
+export type { AvatarFallbackProps } from './avatar-fallback';
+export type { AvatarBadgeProps, AvatarBadgeTone } from './avatar-badge';
+export type { AvatarGroupProps } from './avatar-group';
+export type { AvatarGroupCountProps } from './avatar-group-count';
+export declare const Avatar: typeof AvatarElement & {
+    Image: typeof AvatarImage;
+    Fallback: typeof AvatarFallback;
+    Badge: typeof AvatarBadge;
+    Group: typeof AvatarGroup;
+    GroupCount: typeof AvatarGroupCount;
 };
-export declare const Avatar: ({ src, name, size, interactive, color, textColor }: AvatarProps) => import("react").JSX.Element;

package/dist/src/ds/components/Avatar/avatar-badge.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+export type AvatarBadgeTone = 'neutral' | 'success' | 'warning' | 'destructive' | 'info';
+export type AvatarBadgeProps = ComponentProps<'span'> & {
+    tone?: AvatarBadgeTone;
+};
+export declare function AvatarBadge({ tone, className, children, ...props }: AvatarBadgeProps): import("react").JSX.Element;

package/dist/src/ds/components/Avatar/avatar-element.d.ts

@@ -0,0 +1,3 @@
+import { AvatarProps } from './avatar-named';
+import { AvatarRootProps } from './avatar-root';
+export declare function AvatarElement(props: AvatarProps | AvatarRootProps): import("react").JSX.Element;

package/dist/src/ds/components/Avatar/avatar-fallback.d.ts

@@ -0,0 +1,5 @@
+import { Avatar as BaseAvatar } from '@base-ui/react/avatar';
+export type AvatarFallbackProps = Omit<BaseAvatar.Fallback.Props, 'className'> & {
+    className?: string;
+};
+export declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): import("react").JSX.Element;

package/dist/src/ds/components/Avatar/avatar-group-count.d.ts

@@ -0,0 +1,3 @@
+import { ComponentProps } from 'react';
+export type AvatarGroupCountProps = ComponentProps<'div'>;
+export declare function AvatarGroupCount({ className, ...props }: AvatarGroupCountProps): import("react").JSX.Element;

package/dist/src/ds/components/Avatar/avatar-group.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+import { AvatarSize } from './avatar-size';
+export type AvatarGroupProps = ComponentProps<'div'> & {
+    size?: AvatarSize;
+};
+export declare function AvatarGroup({ size, className, ...props }: AvatarGroupProps): import("react").JSX.Element;

package/dist/src/ds/components/Avatar/avatar-image.d.ts

@@ -0,0 +1,6 @@
+import { Avatar as BaseAvatar } from '@base-ui/react/avatar';
+export type AvatarImageProps = Omit<BaseAvatar.Image.Props, 'className' | 'alt'> & {
+    alt: string;
+    className?: string;
+};
+export declare function AvatarImage({ className, ...props }: AvatarImageProps): import("react").JSX.Element;

package/dist/src/ds/components/Avatar/avatar-named.d.ts

@@ -0,0 +1,10 @@
+import { AvatarSize } from './avatar-size';
+export type AvatarProps = {
+    src?: string;
+    name: string;
+    size?: AvatarSize;
+    interactive?: boolean;
+    color?: string;
+    textColor?: string;
+};
+export declare function AvatarNamed({ src, name, size, interactive, color, textColor }: AvatarProps): import("react").JSX.Element;

package/dist/src/ds/components/Avatar/avatar-root.d.ts

@@ -0,0 +1,8 @@
+import { Avatar as BaseAvatar } from '@base-ui/react/avatar';
+import { AvatarSize } from './avatar-size';
+export type AvatarRootProps = Omit<BaseAvatar.Root.Props, 'className'> & {
+    size?: AvatarSize;
+    className?: string;
+    name?: never;
+};
+export declare function AvatarRoot({ size, className, ...props }: AvatarRootProps): import("react").JSX.Element;

package/dist/src/ds/components/Avatar/avatar-size.d.ts

@@ -0,0 +1,5 @@
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'control';
+export declare const avatarSizeClasses: Record<AvatarSize, string>;
+export declare const avatarTextClasses: Record<AvatarSize, string>;
+export declare const avatarIconClasses: Record<AvatarSize, string>;
+export declare const AvatarSizeContext: import('react').Context<AvatarSize | undefined>;

package/dist/style.css

@@ -2064,6 +2064,21 @@
     height: auto;
   }
 
+  .size-avatar-lg {
+    width: var(--spacing-avatar-lg);
+    height: var(--spacing-avatar-lg);
+  }
+
+  .size-avatar-md {
+    width: var(--spacing-avatar-md);
+    height: var(--spacing-avatar-md);
+  }
+
+  .size-avatar-sm {
+    width: var(--spacing-avatar-sm);
+    height: var(--spacing-avatar-sm);
+  }
+
   .size-control-md {
     width: var(--spacing-control-md);
     height: var(--spacing-control-md);
@@ -2079,6 +2094,11 @@
     height: var(--spacing-icon-lg);
   }
 
+  .size-icon-xs {
+    width: var(--spacing-icon-xs);
+    height: var(--spacing-icon-xs);
+  }
+
   .h-\(--cmdk-list-height\) {
     height: var(--cmdk-list-height);
   }
@@ -2355,18 +2375,6 @@
     height: auto;
   }
 
-  .h-avatar-lg {
-    height: var(--spacing-avatar-lg);
-  }
-
-  .h-avatar-md {
-    height: var(--spacing-avatar-md);
-  }
-
-  .h-avatar-sm {
-    height: var(--spacing-avatar-sm);
-  }
-
   .h-control-lg {
     height: var(--spacing-control-lg);
   }
@@ -2547,6 +2555,22 @@
     min-height: 0 !important;
   }
 
+  .min-h-1\.5 {
+    min-height: calc(var(--spacing) * 1.5);
+  }
+
+  .min-h-2 {
+    min-height: calc(var(--spacing) * 2);
+  }
+
+  .min-h-2\.5 {
+    min-height: calc(var(--spacing) * 2.5);
+  }
+
+  .min-h-3 {
+    min-height: calc(var(--spacing) * 3);
+  }
+
   .min-h-5 {
     min-height: calc(var(--spacing) * 5);
   }
@@ -3159,18 +3183,6 @@
     width: auto !important;
   }
 
-  .w-avatar-lg {
-    width: var(--spacing-avatar-lg);
-  }
-
-  .w-avatar-md {
-    width: var(--spacing-avatar-md);
-  }
-
-  .w-avatar-sm {
-    width: var(--spacing-avatar-sm);
-  }
-
   .w-control-lg {
     width: var(--spacing-control-lg);
   }
@@ -3459,14 +3471,26 @@
     min-width: calc(var(--spacing) * .5);
   }
 
+  .min-w-1\.5 {
+    min-width: calc(var(--spacing) * 1.5);
+  }
+
   .min-w-2 {
     min-width: calc(var(--spacing) * 2);
   }
 
+  .min-w-2\.5 {
+    min-width: calc(var(--spacing) * 2.5);
+  }
+
   .min-w-2xl {
     min-width: var(--container-2xl);
   }
 
+  .min-w-3 {
+    min-width: calc(var(--spacing) * 3);
+  }
+
   .min-w-4 {
     min-width: calc(var(--spacing) * 4);
   }
@@ -4336,6 +4360,12 @@
     column-gap: calc(var(--spacing) * 5);
   }
 
+  :where(.-space-x-2 > :not(:last-child)) {
+    --tw-space-x-reverse: 0;
+    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
+    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
+  }
+
   :where(.space-x-2 > :not(:last-child)) {
     --tw-space-x-reverse: 0;
     margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
@@ -7085,6 +7115,10 @@
     --tw-ring-color: var(--border-strong);
   }
 
+  .ring-card {
+    --tw-ring-color: var(--card);
+  }
+
   .ring-foreground {
     --tw-ring-color: var(--foreground);
   }
@@ -8823,6 +8857,11 @@
     border-radius: inherit;
   }
 
+  .after\:rounded-full:after {
+    content: var(--tw-content);
+    border-radius: 3.40282e38px;
+  }
+
   .after\:rounded-xl:after {
     content: var(--tw-content);
     border-radius: var(--radius-xl);
@@ -8933,6 +8972,11 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .after\:shadow-inset:after {
+    content: var(--tw-content);
+    box-shadow: inset 0 1px 0 var(--inset-highlight), inset 0 0 0 1px var(--inset-rim);
+  }
+
   .after\:inset-ring-white\/15:after {
     content: var(--tw-content);
     --tw-inset-ring-color: #ffffff26;
@@ -10499,6 +10543,15 @@
     --tw-enter-translate-y: calc(1*var(--spacing));
   }
 
+  :is(.\*\:data-\[slot\=avatar\]\:ring-2 > *)[data-slot="avatar"] {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  :is(.\*\:data-\[slot\=avatar\]\:ring-card > *)[data-slot="avatar"] {
+    --tw-ring-color: var(--card);
+  }
+
   .data-\[starting-style\]\:h-0[data-starting-style] {
     height: 0;
   }
@@ -12307,6 +12360,16 @@
     grid-column: 1 / -1;
   }
 
+  .\[\&\>\[data-slot\=avatar\]\]\:border-0 > [data-slot="avatar"] {
+    border-style: var(--tw-border-style);
+    border-width: 0;
+  }
+
+  .\[\&\>\[data-slot\=avatar\]\]\:after\:hidden > [data-slot="avatar"]:after {
+    content: var(--tw-content);
+    display: none;
+  }
+
   .\[\&\>\[data-slot\=button-icon-end\]\]\:-mr-1 > [data-slot="button-icon-end"] {
     margin-right: calc(var(--spacing) * -1);
   }
@@ -12546,6 +12609,10 @@
     margin-top: calc(var(--spacing) * .5);
   }
 
+  .\[\&\>svg\]\:hidden > svg {
+    display: none;
+  }
+
   .\[\&\>svg\]\:\!size-4 > svg {
     width: calc(var(--spacing) * 4) !important;
     height: calc(var(--spacing) * 4) !important;

package/dist/{switch-BBeMfeQ2.js → switch-DiSlsWUt.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Switch as Switch$1 } from '@base-ui/react/switch';
 import * as React from 'react';
-import { k as keepOwnAccessibleName } from './field-control-aria-CCJ4-mUe.js';
+import { k as keepOwnAccessibleName } from './field-control-aria-DB6y41tQ.js';
 import { focusRingOffset } from './primitives/transitions.es.js';
 import { c as cn } from './cn-coERSHz5.js';
 
@@ -102,4 +102,4 @@ function SwitchThumbIcon({
 }
 
 export { Switch as S };
-//# sourceMappingURL=switch-BBeMfeQ2.js.map
+//# sourceMappingURL=switch-DiSlsWUt.js.map

package/dist/{switch-BBeMfeQ2.js.map → switch-DiSlsWUt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"switch-BBeMfeQ2.js","sources":["../src/ds/components/Switch/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from '@base-ui/react/switch';\nimport * as React from 'react';\n\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { focusRingOffset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\nimport './switch.css';\n\ntype SwitchProps = Omit<SwitchPrimitive.Root.Props, 'className'> & {\n  className?: string;\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n  icon?: React.ReactNode;\n  checkedIcon?: React.ReactNode;\n  uncheckedIcon?: React.ReactNode;\n};\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ className, asChild, children, icon, checkedIcon, uncheckedIcon, ...props }, ref) => {\n    const shouldRenderStateIcons = checkedIcon !== undefined || uncheckedIcon !== undefined;\n    const shouldRenderIcon = icon !== undefined || shouldRenderStateIcons;\n\n    const singleIcon = shouldRenderStateIcons ? undefined : icon;\n    const onIcon = checkedIcon ?? icon;\n    const offIcon = uncheckedIcon ?? icon;\n\n    // Base UI's Switch.Root defaults to a `<span>` and forwards `id` to its\n    // hidden checkbox input. Render a native `<button>` (with `nativeButton`) so\n    // the consumer's `id` — and the click target — lands on the visible control,\n    // matching the previous Radix behavior.\n    const renderProps =\n      asChild && React.isValidElement(children)\n        ? { render: children as React.ReactElement }\n        : { render: <button type=\"button\" {...keepOwnAccessibleName(props)} />, nativeButton: true };\n\n    return (\n      <SwitchPrimitive.Root\n        ref={ref}\n        data-slot=\"switch\"\n        className={cn(\n          'peer group/switch inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-0 bg-fill-hover p-0.5',\n          'transition-colors duration-normal ease-out-custom motion-reduce:transition-none',\n          'hover:bg-fill-active',\n          'active:bg-fill-strong',\n          focusRingOffset,\n          'data-[checked]:bg-foreground/90',\n          'data-[checked]:hover:bg-foreground',\n          'data-[checked]:active:bg-foreground/75',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:bg-fill-hover data-[disabled]:hover:bg-fill-hover',\n          'data-[disabled]:data-[checked]:bg-foreground/30 data-[disabled]:data-[checked]:hover:bg-foreground/30',\n          className,\n        )}\n        {...renderProps}\n        {...props}\n      >\n        {asChild ? undefined : children}\n        <SwitchPrimitive.Thumb\n          data-slot=\"switch-thumb\"\n          className={cn(\n            'switch-thumb-motion pointer-events-none relative block h-4 w-5 rounded-full bg-foreground',\n            'transition-[background-color,translate,width,transform] duration-normal ease-out-custom motion-reduce:transition-none',\n            'group-active/switch:w-6 group-data-[disabled]/switch:w-5',\n            'data-[checked]:translate-x-3 data-[checked]:bg-background data-[unchecked]:translate-x-0',\n            'group-active/switch:data-[checked]:translate-x-2',\n            'data-[disabled]:data-[checked]:bg-background/75 data-[disabled]:data-[unchecked]:bg-foreground/45',\n          )}\n        >\n          {shouldRenderIcon ? <SwitchThumbIcon checkedIcon={onIcon} icon={singleIcon} uncheckedIcon={offIcon} /> : null}\n        </SwitchPrimitive.Thumb>\n      </SwitchPrimitive.Root>\n    );\n  },\n);\nSwitch.displayName = 'Switch';\n\nfunction SwitchThumbIcon({\n  checkedIcon,\n  icon,\n  uncheckedIcon,\n}: {\n  checkedIcon?: React.ReactNode;\n  icon?: React.ReactNode;\n  uncheckedIcon?: React.ReactNode;\n}) {\n  const iconClassName = cn(\n    'absolute inset-0 flex items-center justify-center text-background',\n    'transition-[color,opacity] duration-normal ease-out-custom motion-reduce:transition-none',\n    '[&_svg]:stroke-2.5 [&_svg]:size-2.5',\n  );\n\n  if (icon !== undefined) {\n    return (\n      <span\n        aria-hidden\n        data-slot=\"switch-thumb-icon\"\n        className={cn(iconClassName, 'group-data-[checked]/switch:text-foreground')}\n      >\n        {icon}\n      </span>\n    );\n  }\n\n  return (\n    <>\n      {uncheckedIcon !== undefined ? (\n        <span\n          aria-hidden\n          data-slot=\"switch-thumb-icon\"\n          data-switch-icon=\"unchecked\"\n          className={cn(iconClassName, 'opacity-100 group-data-[checked]/switch:opacity-0')}\n        >\n          {uncheckedIcon}\n        </span>\n      ) : null}\n      {checkedIcon !== undefined ? (\n        <span\n          aria-hidden\n          data-slot=\"switch-thumb-icon\"\n          data-switch-icon=\"checked\"\n          className={cn(iconClassName, 'text-foreground opacity-0 group-data-[checked]/switch:opacity-100')}\n        >\n          {checkedIcon}\n        </span>\n      ) : null}\n    </>\n  );\n}\n\nexport { Switch };\nexport type { SwitchProps };\n"],"names":["SwitchPrimitive"],"mappings":"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"}
+{"version":3,"file":"switch-DiSlsWUt.js","sources":["../src/ds/components/Switch/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from '@base-ui/react/switch';\nimport * as React from 'react';\n\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { focusRingOffset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\nimport './switch.css';\n\ntype SwitchProps = Omit<SwitchPrimitive.Root.Props, 'className'> & {\n  className?: string;\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n  icon?: React.ReactNode;\n  checkedIcon?: React.ReactNode;\n  uncheckedIcon?: React.ReactNode;\n};\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ className, asChild, children, icon, checkedIcon, uncheckedIcon, ...props }, ref) => {\n    const shouldRenderStateIcons = checkedIcon !== undefined || uncheckedIcon !== undefined;\n    const shouldRenderIcon = icon !== undefined || shouldRenderStateIcons;\n\n    const singleIcon = shouldRenderStateIcons ? undefined : icon;\n    const onIcon = checkedIcon ?? icon;\n    const offIcon = uncheckedIcon ?? icon;\n\n    // Base UI's Switch.Root defaults to a `<span>` and forwards `id` to its\n    // hidden checkbox input. Render a native `<button>` (with `nativeButton`) so\n    // the consumer's `id` — and the click target — lands on the visible control,\n    // matching the previous Radix behavior.\n    const renderProps =\n      asChild && React.isValidElement(children)\n        ? { render: children as React.ReactElement }\n        : { render: <button type=\"button\" {...keepOwnAccessibleName(props)} />, nativeButton: true };\n\n    return (\n      <SwitchPrimitive.Root\n        ref={ref}\n        data-slot=\"switch\"\n        className={cn(\n          'peer group/switch inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-0 bg-fill-hover p-0.5',\n          'transition-colors duration-normal ease-out-custom motion-reduce:transition-none',\n          'hover:bg-fill-active',\n          'active:bg-fill-strong',\n          focusRingOffset,\n          'data-[checked]:bg-foreground/90',\n          'data-[checked]:hover:bg-foreground',\n          'data-[checked]:active:bg-foreground/75',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:bg-fill-hover data-[disabled]:hover:bg-fill-hover',\n          'data-[disabled]:data-[checked]:bg-foreground/30 data-[disabled]:data-[checked]:hover:bg-foreground/30',\n          className,\n        )}\n        {...renderProps}\n        {...props}\n      >\n        {asChild ? undefined : children}\n        <SwitchPrimitive.Thumb\n          data-slot=\"switch-thumb\"\n          className={cn(\n            'switch-thumb-motion pointer-events-none relative block h-4 w-5 rounded-full bg-foreground',\n            'transition-[background-color,translate,width,transform] duration-normal ease-out-custom motion-reduce:transition-none',\n            'group-active/switch:w-6 group-data-[disabled]/switch:w-5',\n            'data-[checked]:translate-x-3 data-[checked]:bg-background data-[unchecked]:translate-x-0',\n            'group-active/switch:data-[checked]:translate-x-2',\n            'data-[disabled]:data-[checked]:bg-background/75 data-[disabled]:data-[unchecked]:bg-foreground/45',\n          )}\n        >\n          {shouldRenderIcon ? <SwitchThumbIcon checkedIcon={onIcon} icon={singleIcon} uncheckedIcon={offIcon} /> : null}\n        </SwitchPrimitive.Thumb>\n      </SwitchPrimitive.Root>\n    );\n  },\n);\nSwitch.displayName = 'Switch';\n\nfunction SwitchThumbIcon({\n  checkedIcon,\n  icon,\n  uncheckedIcon,\n}: {\n  checkedIcon?: React.ReactNode;\n  icon?: React.ReactNode;\n  uncheckedIcon?: React.ReactNode;\n}) {\n  const iconClassName = cn(\n    'absolute inset-0 flex items-center justify-center text-background',\n    'transition-[color,opacity] duration-normal ease-out-custom motion-reduce:transition-none',\n    '[&_svg]:stroke-2.5 [&_svg]:size-2.5',\n  );\n\n  if (icon !== undefined) {\n    return (\n      <span\n        aria-hidden\n        data-slot=\"switch-thumb-icon\"\n        className={cn(iconClassName, 'group-data-[checked]/switch:text-foreground')}\n      >\n        {icon}\n      </span>\n    );\n  }\n\n  return (\n    <>\n      {uncheckedIcon !== undefined ? (\n        <span\n          aria-hidden\n          data-slot=\"switch-thumb-icon\"\n          data-switch-icon=\"unchecked\"\n          className={cn(iconClassName, 'opacity-100 group-data-[checked]/switch:opacity-0')}\n        >\n          {uncheckedIcon}\n        </span>\n      ) : null}\n      {checkedIcon !== undefined ? (\n        <span\n          aria-hidden\n          data-slot=\"switch-thumb-icon\"\n          data-switch-icon=\"checked\"\n          className={cn(iconClassName, 'text-foreground opacity-0 group-data-[checked]/switch:opacity-100')}\n        >\n          {checkedIcon}\n        </span>\n      ) : null}\n    </>\n  );\n}\n\nexport { Switch };\nexport type { SwitchProps };\n"],"names":["SwitchPrimitive"],"mappings":"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"}

package/dist/{time-picker-Bo6GJcmz.js → time-picker-J7GaNaEd.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from './select-BGAiIHnS.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from './select-N2lgBRsg.js';
 import { c as cn } from './cn-coERSHz5.js';
 
 const hourOptions = ["12", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"];
@@ -70,4 +70,4 @@ function TimePartSelect({ label, options, value, onValueChange }) {
 }
 
 export { TimePicker as T };
-//# sourceMappingURL=time-picker-Bo6GJcmz.js.map
+//# sourceMappingURL=time-picker-J7GaNaEd.js.map

package/dist/{time-picker-Bo6GJcmz.js.map → time-picker-J7GaNaEd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"time-picker-Bo6GJcmz.js","sources":["../src/ds/components/DateTimePicker/time-picker.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { cn } from '@/lib/utils';\n\nexport type TimePickerProps = {\n  defaultValue?: string;\n  onValueChange: (value: string) => void;\n  className?: string;\n  label?: string;\n};\n\nconst hourOptions = ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];\nconst minuteOptions = ['00', '15', '30', '45', '59'];\nconst timePeriodOptions = ['AM', 'PM'];\n\nexport function TimePicker({ defaultValue, onValueChange, className, label = 'Time' }: TimePickerProps) {\n  const [hour, setHour] = useState<string>('12');\n  const [minute, setMinute] = useState<string>('00');\n  const [timePeriod, setTimePeriod] = useState('AM');\n\n  useEffect(() => {\n    if (defaultValue) {\n      const timeRegex = /^(\\d{1,2}):(\\d{2})(?::\\d{2})?\\s*(AM|PM|am|pm)?$/;\n      const match = defaultValue.match(timeRegex);\n\n      if (match) {\n        const rawHour = match[1];\n        const rawMinute = match[2];\n        if (rawHour === undefined || rawMinute === undefined) return;\n\n        let parsedHour = parseInt(rawHour, 10);\n        const parsedMinute = parseInt(rawMinute, 10);\n        const period = match[3]?.toUpperCase();\n\n        if (parsedHour >= 1 && parsedHour <= 12 && parsedMinute >= 0 && parsedMinute <= 59) {\n          setHour(parsedHour.toString());\n          setMinute(parsedMinute === 0 ? '00' : parsedMinute.toString());\n          setTimePeriod(period || 'AM');\n        }\n      }\n    }\n  }, [defaultValue]);\n\n  const handleHourChange = (val: string) => {\n    const nextHour = hourOptions[+val];\n    if (nextHour === undefined) return;\n    setHour(nextHour);\n    onValueChange(`${nextHour}:${minute} ${timePeriod}`.trim());\n  };\n\n  const handleMinuteChange = (val: string) => {\n    const nextMinute = minuteOptions[+val];\n    if (nextMinute === undefined) return;\n    setMinute(nextMinute);\n    onValueChange(`${hour}:${nextMinute} ${timePeriod}`.trim());\n  };\n\n  const handleTimePeriodChange = (val: string) => {\n    const nextPeriod = timePeriodOptions[+val];\n    if (nextPeriod === undefined) return;\n    setTimePeriod(nextPeriod);\n    onValueChange(`${hour}:${minute} ${nextPeriod}`.trim());\n  };\n\n  return (\n    <div role=\"group\" aria-label={label} className={cn('flex items-center gap-2', className)}>\n      <TimePartSelect label=\"Hour\" options={hourOptions} value={hour} onValueChange={handleHourChange} />\n      :\n      <TimePartSelect label=\"Minute\" options={minuteOptions} value={minute} onValueChange={handleMinuteChange} />\n      <TimePartSelect\n        label=\"AM or PM\"\n        options={timePeriodOptions}\n        value={timePeriod}\n        onValueChange={handleTimePeriodChange}\n      />\n    </div>\n  );\n}\n\ntype TimePartSelectProps = {\n  label: string;\n  options: readonly string[];\n  value: string;\n  onValueChange: (index: string) => void;\n};\n\nfunction TimePartSelect({ label, options, value, onValueChange }: TimePartSelectProps) {\n  return (\n    <Select value={options.indexOf(value).toString()} onValueChange={onValueChange}>\n      <SelectTrigger size=\"sm\" aria-label={label}>\n        <SelectValue placeholder=\"Select...\" />\n      </SelectTrigger>\n      <SelectContent>\n        {options.map((option, idx) => (\n          <SelectItem key={option} value={`${idx}`}>\n            {option}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"time-picker-J7GaNaEd.js","sources":["../src/ds/components/DateTimePicker/time-picker.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { cn } from '@/lib/utils';\n\nexport type TimePickerProps = {\n  defaultValue?: string;\n  onValueChange: (value: string) => void;\n  className?: string;\n  label?: string;\n};\n\nconst hourOptions = ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];\nconst minuteOptions = ['00', '15', '30', '45', '59'];\nconst timePeriodOptions = ['AM', 'PM'];\n\nexport function TimePicker({ defaultValue, onValueChange, className, label = 'Time' }: TimePickerProps) {\n  const [hour, setHour] = useState<string>('12');\n  const [minute, setMinute] = useState<string>('00');\n  const [timePeriod, setTimePeriod] = useState('AM');\n\n  useEffect(() => {\n    if (defaultValue) {\n      const timeRegex = /^(\\d{1,2}):(\\d{2})(?::\\d{2})?\\s*(AM|PM|am|pm)?$/;\n      const match = defaultValue.match(timeRegex);\n\n      if (match) {\n        const rawHour = match[1];\n        const rawMinute = match[2];\n        if (rawHour === undefined || rawMinute === undefined) return;\n\n        let parsedHour = parseInt(rawHour, 10);\n        const parsedMinute = parseInt(rawMinute, 10);\n        const period = match[3]?.toUpperCase();\n\n        if (parsedHour >= 1 && parsedHour <= 12 && parsedMinute >= 0 && parsedMinute <= 59) {\n          setHour(parsedHour.toString());\n          setMinute(parsedMinute === 0 ? '00' : parsedMinute.toString());\n          setTimePeriod(period || 'AM');\n        }\n      }\n    }\n  }, [defaultValue]);\n\n  const handleHourChange = (val: string) => {\n    const nextHour = hourOptions[+val];\n    if (nextHour === undefined) return;\n    setHour(nextHour);\n    onValueChange(`${nextHour}:${minute} ${timePeriod}`.trim());\n  };\n\n  const handleMinuteChange = (val: string) => {\n    const nextMinute = minuteOptions[+val];\n    if (nextMinute === undefined) return;\n    setMinute(nextMinute);\n    onValueChange(`${hour}:${nextMinute} ${timePeriod}`.trim());\n  };\n\n  const handleTimePeriodChange = (val: string) => {\n    const nextPeriod = timePeriodOptions[+val];\n    if (nextPeriod === undefined) return;\n    setTimePeriod(nextPeriod);\n    onValueChange(`${hour}:${minute} ${nextPeriod}`.trim());\n  };\n\n  return (\n    <div role=\"group\" aria-label={label} className={cn('flex items-center gap-2', className)}>\n      <TimePartSelect label=\"Hour\" options={hourOptions} value={hour} onValueChange={handleHourChange} />\n      :\n      <TimePartSelect label=\"Minute\" options={minuteOptions} value={minute} onValueChange={handleMinuteChange} />\n      <TimePartSelect\n        label=\"AM or PM\"\n        options={timePeriodOptions}\n        value={timePeriod}\n        onValueChange={handleTimePeriodChange}\n      />\n    </div>\n  );\n}\n\ntype TimePartSelectProps = {\n  label: string;\n  options: readonly string[];\n  value: string;\n  onValueChange: (index: string) => void;\n};\n\nfunction TimePartSelect({ label, options, value, onValueChange }: TimePartSelectProps) {\n  return (\n    <Select value={options.indexOf(value).toString()} onValueChange={onValueChange}>\n      <SelectTrigger size=\"sm\" aria-label={label}>\n        <SelectValue placeholder=\"Select...\" />\n      </SelectTrigger>\n      <SelectContent>\n        {options.map((option, idx) => (\n          <SelectItem key={option} value={`${idx}`}>\n            {option}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"names":[],"mappings":";;;;;AAWA,MAAM,WAAA,GAAc,CAAC,IAAA,EAAM,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,MAAM,IAAI,CAAA;AAClF,MAAM,gBAAgB,CAAC,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,MAAM,IAAI,CAAA;AACnD,MAAM,iBAAA,GAAoB,CAAC,IAAA,EAAM,IAAI,CAAA;AAE9B,SAAS,WAAW,EAAE,YAAA,EAAc,eAAe,SAAA,EAAW,KAAA,GAAQ,QAAO,EAAoB;AACtG,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAiB,IAAI,CAAA;AAC7C,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAiB,IAAI,CAAA;AACjD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,IAAI,CAAA;AAEjD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,MAAM,SAAA,GAAY,iDAAA;AAClB,MAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,KAAA,CAAM,SAAS,CAAA;AAE1C,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,MAAM,OAAA,GAAU,MAAM,CAAC,CAAA;AACvB,QAAA,MAAM,SAAA,GAAY,MAAM,CAAC,CAAA;AACzB,QAAA,IAAI,OAAA,KAAY,MAAA,IAAa,SAAA,KAAc,MAAA,EAAW;AAEtD,QAAA,IAAI,UAAA,GAAa,QAAA,CAAS,OAAA,EAAS,EAAE,CAAA;AACrC,QAAA,MAAM,YAAA,GAAe,QAAA,CAAS,SAAA,EAAW,EAAE,CAAA;AAC3C,QAAA,MAAM,MAAA,GAAS,KAAA,CAAM,CAAC,CAAA,EAAG,WAAA,EAAY;AAErC,QAAA,IAAI,cAAc,CAAA,IAAK,UAAA,IAAc,MAAM,YAAA,IAAgB,CAAA,IAAK,gBAAgB,EAAA,EAAI;AAClF,UAAA,OAAA,CAAQ,UAAA,CAAW,UAAU,CAAA;AAC7B,UAAA,SAAA,CAAU,YAAA,KAAiB,CAAA,GAAI,IAAA,GAAO,YAAA,CAAa,UAAU,CAAA;AAC7D,UAAA,aAAA,CAAc,UAAU,IAAI,CAAA;AAAA,QAC9B;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,MAAM,gBAAA,GAAmB,CAAC,GAAA,KAAgB;AACxC,IAAA,MAAM,QAAA,GAAW,WAAA,CAAY,CAAC,GAAG,CAAA;AACjC,IAAA,IAAI,aAAa,MAAA,EAAW;AAC5B,IAAA,OAAA,CAAQ,QAAQ,CAAA;AAChB,IAAA,aAAA,CAAc,CAAA,EAAG,QAAQ,CAAA,CAAA,EAAI,MAAM,IAAI,UAAU,CAAA,CAAA,CAAG,MAAM,CAAA;AAAA,EAC5D,CAAA;AAEA,EAAA,MAAM,kBAAA,GAAqB,CAAC,GAAA,KAAgB;AAC1C,IAAA,MAAM,UAAA,GAAa,aAAA,CAAc,CAAC,GAAG,CAAA;AACrC,IAAA,IAAI,eAAe,MAAA,EAAW;AAC9B,IAAA,SAAA,CAAU,UAAU,CAAA;AACpB,IAAA,aAAA,CAAc,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,UAAU,IAAI,UAAU,CAAA,CAAA,CAAG,MAAM,CAAA;AAAA,EAC5D,CAAA;AAEA,EAAA,MAAM,sBAAA,GAAyB,CAAC,GAAA,KAAgB;AAC9C,IAAA,MAAM,UAAA,GAAa,iBAAA,CAAkB,CAAC,GAAG,CAAA;AACzC,IAAA,IAAI,eAAe,MAAA,EAAW;AAC9B,IAAA,aAAA,CAAc,UAAU,CAAA;AACxB,IAAA,aAAA,CAAc,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,MAAM,IAAI,UAAU,CAAA,CAAA,CAAG,MAAM,CAAA;AAAA,EACxD,CAAA;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EAAQ,YAAA,EAAY,OAAO,SAAA,EAAW,EAAA,CAAG,yBAAA,EAA2B,SAAS,CAAA,EACrF,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAM,MAAA,EAAO,OAAA,EAAS,aAAa,KAAA,EAAO,IAAA,EAAM,eAAe,gBAAA,EAAkB,CAAA;AAAA,IAAE,GAAA;AAAA,oBAEnG,GAAA,CAAC,kBAAe,KAAA,EAAM,QAAA,EAAS,SAAS,aAAA,EAAe,KAAA,EAAO,MAAA,EAAQ,aAAA,EAAe,kBAAA,EAAoB,CAAA;AAAA,oBACzG,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,UAAA;AAAA,QACN,OAAA,EAAS,iBAAA;AAAA,QACT,KAAA,EAAO,UAAA;AAAA,QACP,aAAA,EAAe;AAAA;AAAA;AACjB,GAAA,EACF,CAAA;AAEJ;AASA,SAAS,eAAe,EAAE,KAAA,EAAO,OAAA,EAAS,KAAA,EAAO,eAAc,EAAwB;AACrF,EAAA,uBACE,IAAA,CAAC,UAAO,KAAA,EAAO,OAAA,CAAQ,QAAQ,KAAK,CAAA,CAAE,QAAA,EAAS,EAAG,aAAA,EAChD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,MAAK,IAAA,EAAK,YAAA,EAAY,OACnC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,WAAA,EAAY,WAAA,EAAY,CAAA,EACvC,CAAA;AAAA,wBACC,aAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,QAAQ,GAAA,qBACpB,GAAA,CAAC,UAAA,EAAA,EAAwB,KAAA,EAAO,GAAG,GAAG,CAAA,CAAA,EACnC,QAAA,EAAA,MAAA,EAAA,EADc,MAEjB,CACD,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{tool-approval-BQ6sDvyS.js → tool-approval-nsbG8-qI.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Check, X, ShieldCheck } from 'lucide-react';
 import { A as Activity, m as ActivityTrigger, d as ActivityHeader, f as ActivityIcon, a as ActivityContent } from './activity-BsrB5ADa.js';
-import { T as ToolCallArguments } from './tool-call-arguments-B86JP3Dy.js';
+import { T as ToolCallArguments } from './tool-call-arguments-RKyYP3xh.js';
 import { p as presentTool } from './tool-presentation-BXAo24Ir.js';
 import { B as Badge } from './Badge-3-G2I_cx.js';
 import { B as Button } from './Button-C8QDEN9j.js';
@@ -68,4 +68,4 @@ function ToolApproval({ toolName, args, status, children, ...actions }) {
 }
 
 export { ToolApproval as T, ToolApprovalActions as a, ToolApprovalStatus as b };
-//# sourceMappingURL=tool-approval-BQ6sDvyS.js.map
+//# sourceMappingURL=tool-approval-nsbG8-qI.js.map

package/dist/{tool-approval-BQ6sDvyS.js.map → tool-approval-nsbG8-qI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tool-approval-BQ6sDvyS.js","sources":["../src/ds/components/ai/tool-approval/tool-approval.tsx"],"sourcesContent":["import { Check, ShieldCheck, X } from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Activity, ActivityContent, ActivityHeader, ActivityIcon, ActivityTrigger } from '../activity';\nimport { presentTool, ToolCallArguments } from '../tool-call';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeVariant } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\n\ntype ToolApprovalDecision = 'approved' | 'declined';\n\nconst approvalStates = {\n  pending: { label: 'Approval required', variant: 'warning', icon: ShieldCheck },\n  approved: { label: 'Approved', variant: 'success', icon: Check },\n  declined: { label: 'Declined', variant: 'neutral', icon: X },\n} satisfies Record<'pending' | ToolApprovalDecision, { label: string; variant: BadgeVariant; icon: LucideIcon }>;\n\nexport interface ToolApprovalStatusProps {\n  status?: ToolApprovalDecision;\n}\n\nexport function ToolApprovalStatus({ status }: ToolApprovalStatusProps) {\n  const { label, variant, icon: StatusIcon } = approvalStates[status ?? 'pending'];\n  return (\n    <span role=\"status\" className=\"inline-flex shrink-0\">\n      <Badge variant={variant} emphasis=\"subtle\" size=\"sm\" icon={<StatusIcon aria-hidden />}>\n        {label}\n      </Badge>\n    </span>\n  );\n}\n\nexport interface ToolApprovalActionsProps {\n  onApprove: () => void;\n  onDecline: () => void;\n  disabled?: boolean;\n  toolName?: string;\n  autoFocus?: boolean;\n}\n\nexport function ToolApprovalActions({\n  onApprove,\n  onDecline,\n  disabled = false,\n  toolName,\n  autoFocus = false,\n}: ToolApprovalActionsProps) {\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      <Button\n        type=\"button\"\n        variant=\"primary\"\n        size=\"sm\"\n        icon={<Check aria-hidden />}\n        aria-label={toolName ? `Approve ${toolName}` : undefined}\n        autoFocus={autoFocus}\n        disabled={disabled}\n        onClick={onApprove}\n      >\n        Approve\n      </Button>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        icon={<X aria-hidden />}\n        aria-label={toolName ? `Decline ${toolName}` : undefined}\n        disabled={disabled}\n        onClick={onDecline}\n      >\n        Decline\n      </Button>\n    </div>\n  );\n}\n\nexport interface ToolApprovalProps extends ToolApprovalActionsProps, ToolApprovalStatusProps {\n  toolName: string;\n  args?: unknown;\n  /** Custom details replace the default argument renderer. */\n  children?: ReactNode;\n}\n\nexport function ToolApproval({ toolName, args, status, children, ...actions }: ToolApprovalProps) {\n  const { icon: ToolIcon } = presentTool(toolName, args);\n\n  return (\n    <Activity open foldable={false} className=\"my-2\" aria-label={`Tool approval for ${toolName}`}>\n      <ActivityTrigger>\n        <ActivityHeader className=\"flex-wrap\">\n          <ActivityIcon>\n            <ToolIcon aria-hidden />\n          </ActivityIcon>\n          <Txt as=\"span\" variant=\"caption\" tone=\"muted\" font=\"mono\" className=\"min-w-0 break-all\">\n            {toolName}\n          </Txt>\n          <ToolApprovalStatus status={status} />\n        </ActivityHeader>\n      </ActivityTrigger>\n      <ActivityContent>\n        {children ?? <ToolCallArguments toolName={toolName} args={args} showFullContent />}\n        {!status && <ToolApprovalActions toolName={toolName} {...actions} />}\n      </ActivityContent>\n    </Activity>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tool-approval-nsbG8-qI.js","sources":["../src/ds/components/ai/tool-approval/tool-approval.tsx"],"sourcesContent":["import { Check, ShieldCheck, X } from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Activity, ActivityContent, ActivityHeader, ActivityIcon, ActivityTrigger } from '../activity';\nimport { presentTool, ToolCallArguments } from '../tool-call';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeVariant } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\n\ntype ToolApprovalDecision = 'approved' | 'declined';\n\nconst approvalStates = {\n  pending: { label: 'Approval required', variant: 'warning', icon: ShieldCheck },\n  approved: { label: 'Approved', variant: 'success', icon: Check },\n  declined: { label: 'Declined', variant: 'neutral', icon: X },\n} satisfies Record<'pending' | ToolApprovalDecision, { label: string; variant: BadgeVariant; icon: LucideIcon }>;\n\nexport interface ToolApprovalStatusProps {\n  status?: ToolApprovalDecision;\n}\n\nexport function ToolApprovalStatus({ status }: ToolApprovalStatusProps) {\n  const { label, variant, icon: StatusIcon } = approvalStates[status ?? 'pending'];\n  return (\n    <span role=\"status\" className=\"inline-flex shrink-0\">\n      <Badge variant={variant} emphasis=\"subtle\" size=\"sm\" icon={<StatusIcon aria-hidden />}>\n        {label}\n      </Badge>\n    </span>\n  );\n}\n\nexport interface ToolApprovalActionsProps {\n  onApprove: () => void;\n  onDecline: () => void;\n  disabled?: boolean;\n  toolName?: string;\n  autoFocus?: boolean;\n}\n\nexport function ToolApprovalActions({\n  onApprove,\n  onDecline,\n  disabled = false,\n  toolName,\n  autoFocus = false,\n}: ToolApprovalActionsProps) {\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      <Button\n        type=\"button\"\n        variant=\"primary\"\n        size=\"sm\"\n        icon={<Check aria-hidden />}\n        aria-label={toolName ? `Approve ${toolName}` : undefined}\n        autoFocus={autoFocus}\n        disabled={disabled}\n        onClick={onApprove}\n      >\n        Approve\n      </Button>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        icon={<X aria-hidden />}\n        aria-label={toolName ? `Decline ${toolName}` : undefined}\n        disabled={disabled}\n        onClick={onDecline}\n      >\n        Decline\n      </Button>\n    </div>\n  );\n}\n\nexport interface ToolApprovalProps extends ToolApprovalActionsProps, ToolApprovalStatusProps {\n  toolName: string;\n  args?: unknown;\n  /** Custom details replace the default argument renderer. */\n  children?: ReactNode;\n}\n\nexport function ToolApproval({ toolName, args, status, children, ...actions }: ToolApprovalProps) {\n  const { icon: ToolIcon } = presentTool(toolName, args);\n\n  return (\n    <Activity open foldable={false} className=\"my-2\" aria-label={`Tool approval for ${toolName}`}>\n      <ActivityTrigger>\n        <ActivityHeader className=\"flex-wrap\">\n          <ActivityIcon>\n            <ToolIcon aria-hidden />\n          </ActivityIcon>\n          <Txt as=\"span\" variant=\"caption\" tone=\"muted\" font=\"mono\" className=\"min-w-0 break-all\">\n            {toolName}\n          </Txt>\n          <ToolApprovalStatus status={status} />\n        </ActivityHeader>\n      </ActivityTrigger>\n      <ActivityContent>\n        {children ?? <ToolCallArguments toolName={toolName} args={args} showFullContent />}\n        {!status && <ToolApprovalActions toolName={toolName} {...actions} />}\n      </ActivityContent>\n    </Activity>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/{tool-call-arguments-B86JP3Dy.js → tool-call-arguments-RKyYP3xh.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { u as useHighlight, t as tokenStyle } from './code-DAXWNzvf.js';
-import { C as CodeBlock } from './code-block-9sT-CaoF.js';
+import { C as CodeBlock } from './code-block-BQZUoOfS.js';
 import { l as languageForPath } from './highlight-BmpoELR4.js';
 import { truncateString } from './utils/truncate-string.es.js';
 import { c as cn } from './cn-coERSHz5.js';
@@ -75,4 +75,4 @@ function ToolCallArguments({ "data-testid": testId, showFullContent, ...input })
 }
 
 export { ToolCallArguments as T, ToolCallEdit as a };
-//# sourceMappingURL=tool-call-arguments-B86JP3Dy.js.map
+//# sourceMappingURL=tool-call-arguments-RKyYP3xh.js.map

package/dist/{tool-call-arguments-B86JP3Dy.js.map → tool-call-arguments-RKyYP3xh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tool-call-arguments-B86JP3Dy.js","sources":["../src/ds/components/ai/tool-call/tool-call-edit.tsx","../src/ds/components/ai/tool-call/tool-call-arguments.tsx"],"sourcesContent":["import type { ToolEdit } from './tool-presentation';\nimport { tokenStyle, useHighlight } from '@/ds/components/Code';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { languageForPath } from '@/ds/components/CodeEditor/highlight';\nimport { truncateString } from '@/lib/truncate-string';\nimport { cn } from '@/lib/utils';\n\nconst DIFF_MAX_LINES = 200;\nconst WRITTEN_FILE_MAX_CHARS = 2000;\n\nconst DIFF_SIDES = {\n  removed: { sign: '-', row: 'bg-destructive-subtle', gutter: 'text-destructive-subtle-foreground' },\n  added: { sign: '+', row: 'bg-success-subtle', gutter: 'text-success-subtle-foreground' },\n} as const;\n\nfunction boundedLines(text: string, showFullContent: boolean): { lines: string[]; hidden: number } {\n  const lines = text.split('\\n');\n  if (showFullContent) return { lines, hidden: 0 };\n  return { lines: lines.slice(0, DIFF_MAX_LINES), hidden: Math.max(0, lines.length - DIFF_MAX_LINES) };\n}\n\nfunction DiffSide({ lines, side, lang }: { lines: string[]; side: keyof typeof DIFF_SIDES; lang: string | undefined }) {\n  const { sign, row, gutter } = DIFF_SIDES[side];\n  const code = lines.join('\\n');\n  const highlighted = useHighlight(code, lang);\n  const tokens = highlighted?.code === code ? highlighted.tokens : undefined;\n\n  return (\n    <>\n      {lines.map((line, index) => (\n        <div key={index} className={cn('flex whitespace-pre', row)}>\n          <span className={cn('w-5 shrink-0 text-center opacity-70 select-none', gutter)}>{sign}</span>\n          <span className=\"flex-1 pr-2.5 text-foreground\">\n            {tokens?.[index]?.map((token, tokenIndex) => (\n              <span key={tokenIndex} className=\"shiki-token\" style={tokenStyle(token)}>\n                {token.content}\n              </span>\n            )) ?? line}\n          </span>\n        </div>\n      ))}\n    </>\n  );\n}\n\nexport function ToolCallEdit({ edit, showFullContent = false }: { edit: ToolEdit; showFullContent?: boolean }) {\n  const lang = languageForPath(edit.path);\n\n  if ('content' in edit) {\n    return (\n      <CodeBlock\n        code={showFullContent ? edit.content : truncateString(edit.content, WRITTEN_FILE_MAX_CHARS)}\n        lang={lang}\n        fileName={edit.path ?? 'Change'}\n        overflow=\"scroll\"\n      />\n    );\n  }\n\n  const removed = boundedLines(edit.oldText, showFullContent);\n  const added = boundedLines(edit.newText, showFullContent);\n  const hidden = removed.hidden + added.hidden;\n\n  return (\n    <div\n      className={cn(\n        'max-w-full min-w-0 overflow-x-auto rounded-md border border-border bg-fill font-mono text-caption',\n        showFullContent && 'max-h-60 overflow-y-auto',\n      )}\n      role=\"group\"\n      aria-label=\"File change\"\n    >\n      <DiffSide lines={removed.lines} side=\"removed\" lang={lang} />\n      <DiffSide lines={added.lines} side=\"added\" lang={lang} />\n      {hidden > 0 && <div className=\"px-2.5 py-1 text-muted-foreground select-none\">… {hidden} more lines</div>}\n    </div>\n  );\n}\n","import { ToolCallEdit } from './tool-call-edit';\nimport { ToolCallMono } from './tool-call-mono';\nimport { toolEdit, visibleToolArgumentsText } from './tool-presentation';\nimport type { ToolArgumentsInput } from './tool-presentation';\n\nexport interface ToolCallArgumentsProps extends ToolArgumentsInput {\n  'data-testid'?: string;\n  showFullContent?: boolean;\n}\n\nexport function ToolCallArguments({ 'data-testid': testId, showFullContent, ...input }: ToolCallArgumentsProps) {\n  const edit = toolEdit(input.toolName, input.args);\n  if (edit) return <ToolCallEdit edit={edit} showFullContent={showFullContent} />;\n\n  const text = visibleToolArgumentsText(input);\n  if (!text) return null;\n\n  return (\n    <ToolCallMono copyText={text} data-testid={testId} className=\"text-foreground\">\n      {text}\n    </ToolCallMono>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tool-call-arguments-RKyYP3xh.js","sources":["../src/ds/components/ai/tool-call/tool-call-edit.tsx","../src/ds/components/ai/tool-call/tool-call-arguments.tsx"],"sourcesContent":["import type { ToolEdit } from './tool-presentation';\nimport { tokenStyle, useHighlight } from '@/ds/components/Code';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { languageForPath } from '@/ds/components/CodeEditor/highlight';\nimport { truncateString } from '@/lib/truncate-string';\nimport { cn } from '@/lib/utils';\n\nconst DIFF_MAX_LINES = 200;\nconst WRITTEN_FILE_MAX_CHARS = 2000;\n\nconst DIFF_SIDES = {\n  removed: { sign: '-', row: 'bg-destructive-subtle', gutter: 'text-destructive-subtle-foreground' },\n  added: { sign: '+', row: 'bg-success-subtle', gutter: 'text-success-subtle-foreground' },\n} as const;\n\nfunction boundedLines(text: string, showFullContent: boolean): { lines: string[]; hidden: number } {\n  const lines = text.split('\\n');\n  if (showFullContent) return { lines, hidden: 0 };\n  return { lines: lines.slice(0, DIFF_MAX_LINES), hidden: Math.max(0, lines.length - DIFF_MAX_LINES) };\n}\n\nfunction DiffSide({ lines, side, lang }: { lines: string[]; side: keyof typeof DIFF_SIDES; lang: string | undefined }) {\n  const { sign, row, gutter } = DIFF_SIDES[side];\n  const code = lines.join('\\n');\n  const highlighted = useHighlight(code, lang);\n  const tokens = highlighted?.code === code ? highlighted.tokens : undefined;\n\n  return (\n    <>\n      {lines.map((line, index) => (\n        <div key={index} className={cn('flex whitespace-pre', row)}>\n          <span className={cn('w-5 shrink-0 text-center opacity-70 select-none', gutter)}>{sign}</span>\n          <span className=\"flex-1 pr-2.5 text-foreground\">\n            {tokens?.[index]?.map((token, tokenIndex) => (\n              <span key={tokenIndex} className=\"shiki-token\" style={tokenStyle(token)}>\n                {token.content}\n              </span>\n            )) ?? line}\n          </span>\n        </div>\n      ))}\n    </>\n  );\n}\n\nexport function ToolCallEdit({ edit, showFullContent = false }: { edit: ToolEdit; showFullContent?: boolean }) {\n  const lang = languageForPath(edit.path);\n\n  if ('content' in edit) {\n    return (\n      <CodeBlock\n        code={showFullContent ? edit.content : truncateString(edit.content, WRITTEN_FILE_MAX_CHARS)}\n        lang={lang}\n        fileName={edit.path ?? 'Change'}\n        overflow=\"scroll\"\n      />\n    );\n  }\n\n  const removed = boundedLines(edit.oldText, showFullContent);\n  const added = boundedLines(edit.newText, showFullContent);\n  const hidden = removed.hidden + added.hidden;\n\n  return (\n    <div\n      className={cn(\n        'max-w-full min-w-0 overflow-x-auto rounded-md border border-border bg-fill font-mono text-caption',\n        showFullContent && 'max-h-60 overflow-y-auto',\n      )}\n      role=\"group\"\n      aria-label=\"File change\"\n    >\n      <DiffSide lines={removed.lines} side=\"removed\" lang={lang} />\n      <DiffSide lines={added.lines} side=\"added\" lang={lang} />\n      {hidden > 0 && <div className=\"px-2.5 py-1 text-muted-foreground select-none\">… {hidden} more lines</div>}\n    </div>\n  );\n}\n","import { ToolCallEdit } from './tool-call-edit';\nimport { ToolCallMono } from './tool-call-mono';\nimport { toolEdit, visibleToolArgumentsText } from './tool-presentation';\nimport type { ToolArgumentsInput } from './tool-presentation';\n\nexport interface ToolCallArgumentsProps extends ToolArgumentsInput {\n  'data-testid'?: string;\n  showFullContent?: boolean;\n}\n\nexport function ToolCallArguments({ 'data-testid': testId, showFullContent, ...input }: ToolCallArgumentsProps) {\n  const edit = toolEdit(input.toolName, input.args);\n  if (edit) return <ToolCallEdit edit={edit} showFullContent={showFullContent} />;\n\n  const text = visibleToolArgumentsText(input);\n  if (!text) return null;\n\n  return (\n    <ToolCallMono copyText={text} data-testid={testId} className=\"text-foreground\">\n      {text}\n    </ToolCallMono>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/{tool-card-C8IrtMuQ.js → tool-card-BtPh44u6.js}

@@ -25,7 +25,7 @@ import { ToolApprovalBadge } from './domains/chat/tools/badges/tool-approval-bad
 import { a as ToolCallMono } from './tool-call-mono-BAYC7OZl.js';
 import 'lucide-react';
 import { B as Button } from './Button-C8QDEN9j.js';
-import { C as CodeEditor } from './code-editor-DgfDaPAD.js';
+import { C as CodeEditor } from './code-editor-D69saH4C.js';
 import { AgentIcon } from './icons/AgentIcon.es.js';
 import { resolveToChildMessages } from './domains/chat/tools/badges/resolve-child-messages.es.js';
 import { LoadingBadge } from './domains/chat/components/loading-badge.es.js';
@@ -410,4 +410,4 @@ const ToolCardInner = ({
 };
 
 export { AgentBadge as A, ToolCard as T, AgentBadgeWrapper as a, ToolCardInner as b };
-//# sourceMappingURL=tool-card-C8IrtMuQ.js.map
+//# sourceMappingURL=tool-card-BtPh44u6.js.map