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

package/dist/{workflow-edge-data-button-6EDXzRxr.js.map → workflow-edge-data-button-CXbj67U9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"workflow-edge-data-button-6EDXzRxr.js","sources":["../src/ds/components/Workflow/data/workflow-edge-data-button.tsx"],"sourcesContent":["import { Database } from 'lucide-react';\nimport { useState } from 'react';\nimport type { MouseEventHandler } from 'react';\nimport { WorkflowCodeContent } from './workflow-code-dialog-content';\nimport { Button } from '@/ds/components/Button';\nimport { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle, surfaceStateLayerStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface WorkflowEdgeDataButtonProps {\n  previousStepId?: string;\n  output?: unknown;\n  label?: string;\n  selected?: boolean;\n  onInspect?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const WorkflowEdgeDataButton = ({\n  previousStepId,\n  output,\n  label,\n  selected,\n  onInspect,\n}: WorkflowEdgeDataButtonProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const dataLabel = label ?? (previousStepId ? `${previousStepId} output` : 'Previous output');\n\n  if (output === undefined) {\n    return null;\n  }\n\n  return (\n    <>\n      <Button\n        size=\"sm\"\n        variant=\"ghost\"\n        onClick={onInspect ?? (() => setIsOpen(true))}\n        aria-label={`View ${dataLabel}`}\n        aria-pressed={selected}\n        className={cn(\n          raisedSurfaceStyle,\n          surfaceStateLayerStyle,\n          'h-7 rounded-lg px-2 text-foreground aria-pressed:before:bg-fill',\n        )}\n        icon={<Database className=\"text-muted-foreground\" />}\n      >\n        Data\n      </Button>\n\n      <Dialog open={isOpen} onOpenChange={setIsOpen}>\n        <DialogContent size=\"xl\">\n          <DialogHeader>\n            <DialogTitle>Step output</DialogTitle>\n          </DialogHeader>\n          <DialogBody>\n            <div className=\"min-w-0 rounded-lg border border-border bg-background p-3\">\n              <Txt variant=\"caption\" tone=\"ink\" className=\"mb-2 block\">\n                {dataLabel}\n              </Txt>\n              <WorkflowCodeContent data={output} />\n            </div>\n          </DialogBody>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAkBO,MAAM,yBAAyB,CAAC;AAAA,EACrC,cAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,KAAmC;AACjC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,SAAA,GAAY,KAAA,KAAU,cAAA,GAAiB,CAAA,EAAG,cAAc,CAAA,OAAA,CAAA,GAAY,iBAAA,CAAA;AAE1E,EAAA,IAAI,WAAW,MAAA,EAAW;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,IAAA;AAAA,QACL,OAAA,EAAQ,OAAA;AAAA,QACR,OAAA,EAAS,SAAA,KAAc,MAAM,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,QAC3C,YAAA,EAAY,QAAQ,SAAS,CAAA,CAAA;AAAA,QAC7B,cAAA,EAAc,QAAA;AAAA,QACd,SAAA,EAAW,EAAA;AAAA,UACT,kBAAA;AAAA,UACA,sBAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,uBAAA,EAAwB,CAAA;AAAA,QACnD,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBAEA,GAAA,CAAC,UAAO,IAAA,EAAM,MAAA,EAAQ,cAAc,SAAA,EAClC,QAAA,kBAAA,IAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,sBACA,GAAA,CAAC,UAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2DAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAI,OAAA,EAAQ,SAAA,EAAU,MAAK,KAAA,EAAM,SAAA,EAAU,cACzC,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,wBACA,GAAA,CAAC,mBAAA,EAAA,EAAoB,IAAA,EAAM,MAAA,EAAQ;AAAA,OAAA,EACrC,CAAA,EACF;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"workflow-edge-data-button-CXbj67U9.js","sources":["../src/ds/components/Workflow/data/workflow-edge-data-button.tsx"],"sourcesContent":["import { Database } from 'lucide-react';\nimport { useState } from 'react';\nimport type { MouseEventHandler } from 'react';\nimport { WorkflowCodeContent } from './workflow-code-dialog-content';\nimport { Button } from '@/ds/components/Button';\nimport { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle, surfaceStateLayerStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface WorkflowEdgeDataButtonProps {\n  previousStepId?: string;\n  output?: unknown;\n  label?: string;\n  selected?: boolean;\n  onInspect?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const WorkflowEdgeDataButton = ({\n  previousStepId,\n  output,\n  label,\n  selected,\n  onInspect,\n}: WorkflowEdgeDataButtonProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const dataLabel = label ?? (previousStepId ? `${previousStepId} output` : 'Previous output');\n\n  if (output === undefined) {\n    return null;\n  }\n\n  return (\n    <>\n      <Button\n        size=\"sm\"\n        variant=\"ghost\"\n        onClick={onInspect ?? (() => setIsOpen(true))}\n        aria-label={`View ${dataLabel}`}\n        aria-pressed={selected}\n        className={cn(\n          raisedSurfaceStyle,\n          surfaceStateLayerStyle,\n          'h-7 rounded-lg px-2 text-foreground aria-pressed:before:bg-fill',\n        )}\n        icon={<Database className=\"text-muted-foreground\" />}\n      >\n        Data\n      </Button>\n\n      <Dialog open={isOpen} onOpenChange={setIsOpen}>\n        <DialogContent size=\"xl\">\n          <DialogHeader>\n            <DialogTitle>Step output</DialogTitle>\n          </DialogHeader>\n          <DialogBody>\n            <div className=\"min-w-0 rounded-lg border border-border bg-background p-3\">\n              <Txt variant=\"caption\" tone=\"ink\" className=\"mb-2 block\">\n                {dataLabel}\n              </Txt>\n              <WorkflowCodeContent data={output} />\n            </div>\n          </DialogBody>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAkBO,MAAM,yBAAyB,CAAC;AAAA,EACrC,cAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,KAAmC;AACjC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,SAAA,GAAY,KAAA,KAAU,cAAA,GAAiB,CAAA,EAAG,cAAc,CAAA,OAAA,CAAA,GAAY,iBAAA,CAAA;AAE1E,EAAA,IAAI,WAAW,MAAA,EAAW;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,IAAA;AAAA,QACL,OAAA,EAAQ,OAAA;AAAA,QACR,OAAA,EAAS,SAAA,KAAc,MAAM,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,QAC3C,YAAA,EAAY,QAAQ,SAAS,CAAA,CAAA;AAAA,QAC7B,cAAA,EAAc,QAAA;AAAA,QACd,SAAA,EAAW,EAAA;AAAA,UACT,kBAAA;AAAA,UACA,sBAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,uBAAA,EAAwB,CAAA;AAAA,QACnD,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBAEA,GAAA,CAAC,UAAO,IAAA,EAAM,MAAA,EAAQ,cAAc,SAAA,EAClC,QAAA,kBAAA,IAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,sBACA,GAAA,CAAC,UAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2DAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAI,OAAA,EAAQ,SAAA,EAAU,MAAK,KAAA,EAAM,SAAA,EAAU,cACzC,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,wBACA,GAAA,CAAC,mBAAA,EAAA,EAAoB,IAAA,EAAM,MAAA,EAAQ;AAAA,OAAA,EACrC,CAAA,EACF;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{workflow-edge-data-button-Cz2rcoDr.cjs → workflow-edge-data-button-av1zCMfP.cjs}

@@ -3,9 +3,9 @@
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const workflowCodeDialogContent = require('./workflow-code-dialog-content-B7YU2kfe.cjs');
-const Button = require('./Button-BfZzgZrA.cjs');
-const dialog = require('./dialog-DQI9ChYf.cjs');
+const workflowCodeDialogContent = require('./workflow-code-dialog-content-vC_ddCYp.cjs');
+const Button = require('./Button-CAVPKK09.cjs');
+const dialog = require('./dialog-B5nLi0ER.cjs');
 const Txt = require('./Txt-DXjXpX9r.cjs');
 const primitives_raisedSurface = require('./primitives/raised-surface.cjs.js');
 const utils_cn = require('./cn-TqD01zH-.cjs');
@@ -51,4 +51,4 @@ const WorkflowEdgeDataButton = ({
 };
 
 exports.WorkflowEdgeDataButton = WorkflowEdgeDataButton;
-//# sourceMappingURL=workflow-edge-data-button-Cz2rcoDr.cjs.map
+//# sourceMappingURL=workflow-edge-data-button-av1zCMfP.cjs.map

package/dist/{workflow-edge-data-button-Cz2rcoDr.cjs.map → workflow-edge-data-button-av1zCMfP.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"workflow-edge-data-button-Cz2rcoDr.cjs","sources":["../src/ds/components/Workflow/data/workflow-edge-data-button.tsx"],"sourcesContent":["import { Database } from 'lucide-react';\nimport { useState } from 'react';\nimport type { MouseEventHandler } from 'react';\nimport { WorkflowCodeContent } from './workflow-code-dialog-content';\nimport { Button } from '@/ds/components/Button';\nimport { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle, surfaceStateLayerStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface WorkflowEdgeDataButtonProps {\n  previousStepId?: string;\n  output?: unknown;\n  label?: string;\n  selected?: boolean;\n  onInspect?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const WorkflowEdgeDataButton = ({\n  previousStepId,\n  output,\n  label,\n  selected,\n  onInspect,\n}: WorkflowEdgeDataButtonProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const dataLabel = label ?? (previousStepId ? `${previousStepId} output` : 'Previous output');\n\n  if (output === undefined) {\n    return null;\n  }\n\n  return (\n    <>\n      <Button\n        size=\"sm\"\n        variant=\"ghost\"\n        onClick={onInspect ?? (() => setIsOpen(true))}\n        aria-label={`View ${dataLabel}`}\n        aria-pressed={selected}\n        className={cn(\n          raisedSurfaceStyle,\n          surfaceStateLayerStyle,\n          'h-7 rounded-lg px-2 text-foreground aria-pressed:before:bg-fill',\n        )}\n        icon={<Database className=\"text-muted-foreground\" />}\n      >\n        Data\n      </Button>\n\n      <Dialog open={isOpen} onOpenChange={setIsOpen}>\n        <DialogContent size=\"xl\">\n          <DialogHeader>\n            <DialogTitle>Step output</DialogTitle>\n          </DialogHeader>\n          <DialogBody>\n            <div className=\"min-w-0 rounded-lg border border-border bg-background p-3\">\n              <Txt variant=\"caption\" tone=\"ink\" className=\"mb-2 block\">\n                {dataLabel}\n              </Txt>\n              <WorkflowCodeContent data={output} />\n            </div>\n          </DialogBody>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n};\n"],"names":["useState","jsxs","Fragment","jsx","Button","cn","raisedSurfaceStyle","surfaceStateLayerStyle","Database","Dialog","DialogContent","DialogHeader","DialogTitle","DialogBody","Txt","WorkflowCodeContent"],"mappings":";;;;;;;;;;;;AAkBO,MAAM,yBAAyB,CAAC;AAAA,EACrC,cAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,KAAmC;AACjC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,SAAA,GAAY,KAAA,KAAU,cAAA,GAAiB,CAAA,EAAG,cAAc,CAAA,OAAA,CAAA,GAAY,iBAAA,CAAA;AAE1E,EAAA,IAAI,WAAW,MAAA,EAAW;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,IAAA;AAAA,QACL,OAAA,EAAQ,OAAA;AAAA,QACR,OAAA,EAAS,SAAA,KAAc,MAAM,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,QAC3C,YAAA,EAAY,QAAQ,SAAS,CAAA,CAAA;AAAA,QAC7B,cAAA,EAAc,QAAA;AAAA,QACd,SAAA,EAAWC,WAAA;AAAA,UACTC,2CAAA;AAAA,UACAC,+CAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,IAAA,kBAAMJ,cAAA,CAACK,oBAAA,EAAA,EAAS,SAAA,EAAU,uBAAA,EAAwB,CAAA;AAAA,QACnD,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBAEAL,cAAA,CAACM,iBAAO,IAAA,EAAM,MAAA,EAAQ,cAAc,SAAA,EAClC,QAAA,kBAAAR,eAAA,CAACS,oBAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAAP,cAAA,CAACQ,mBAAA,EAAA,EACC,QAAA,kBAAAR,cAAA,CAACS,kBAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,sBACAT,cAAA,CAACU,iBAAA,EAAA,EACC,QAAA,kBAAAZ,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2DAAA,EACb,QAAA,EAAA;AAAA,wBAAAE,cAAA,CAACW,WAAI,OAAA,EAAQ,SAAA,EAAU,MAAK,KAAA,EAAM,SAAA,EAAU,cACzC,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,wBACAX,cAAA,CAACY,6CAAA,EAAA,EAAoB,IAAA,EAAM,MAAA,EAAQ;AAAA,OAAA,EACrC,CAAA,EACF;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"workflow-edge-data-button-av1zCMfP.cjs","sources":["../src/ds/components/Workflow/data/workflow-edge-data-button.tsx"],"sourcesContent":["import { Database } from 'lucide-react';\nimport { useState } from 'react';\nimport type { MouseEventHandler } from 'react';\nimport { WorkflowCodeContent } from './workflow-code-dialog-content';\nimport { Button } from '@/ds/components/Button';\nimport { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle, surfaceStateLayerStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface WorkflowEdgeDataButtonProps {\n  previousStepId?: string;\n  output?: unknown;\n  label?: string;\n  selected?: boolean;\n  onInspect?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const WorkflowEdgeDataButton = ({\n  previousStepId,\n  output,\n  label,\n  selected,\n  onInspect,\n}: WorkflowEdgeDataButtonProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const dataLabel = label ?? (previousStepId ? `${previousStepId} output` : 'Previous output');\n\n  if (output === undefined) {\n    return null;\n  }\n\n  return (\n    <>\n      <Button\n        size=\"sm\"\n        variant=\"ghost\"\n        onClick={onInspect ?? (() => setIsOpen(true))}\n        aria-label={`View ${dataLabel}`}\n        aria-pressed={selected}\n        className={cn(\n          raisedSurfaceStyle,\n          surfaceStateLayerStyle,\n          'h-7 rounded-lg px-2 text-foreground aria-pressed:before:bg-fill',\n        )}\n        icon={<Database className=\"text-muted-foreground\" />}\n      >\n        Data\n      </Button>\n\n      <Dialog open={isOpen} onOpenChange={setIsOpen}>\n        <DialogContent size=\"xl\">\n          <DialogHeader>\n            <DialogTitle>Step output</DialogTitle>\n          </DialogHeader>\n          <DialogBody>\n            <div className=\"min-w-0 rounded-lg border border-border bg-background p-3\">\n              <Txt variant=\"caption\" tone=\"ink\" className=\"mb-2 block\">\n                {dataLabel}\n              </Txt>\n              <WorkflowCodeContent data={output} />\n            </div>\n          </DialogBody>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n};\n"],"names":["useState","jsxs","Fragment","jsx","Button","cn","raisedSurfaceStyle","surfaceStateLayerStyle","Database","Dialog","DialogContent","DialogHeader","DialogTitle","DialogBody","Txt","WorkflowCodeContent"],"mappings":";;;;;;;;;;;;AAkBO,MAAM,yBAAyB,CAAC;AAAA,EACrC,cAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,KAAmC;AACjC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,SAAA,GAAY,KAAA,KAAU,cAAA,GAAiB,CAAA,EAAG,cAAc,CAAA,OAAA,CAAA,GAAY,iBAAA,CAAA;AAE1E,EAAA,IAAI,WAAW,MAAA,EAAW;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,IAAA;AAAA,QACL,OAAA,EAAQ,OAAA;AAAA,QACR,OAAA,EAAS,SAAA,KAAc,MAAM,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,QAC3C,YAAA,EAAY,QAAQ,SAAS,CAAA,CAAA;AAAA,QAC7B,cAAA,EAAc,QAAA;AAAA,QACd,SAAA,EAAWC,WAAA;AAAA,UACTC,2CAAA;AAAA,UACAC,+CAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,IAAA,kBAAMJ,cAAA,CAACK,oBAAA,EAAA,EAAS,SAAA,EAAU,uBAAA,EAAwB,CAAA;AAAA,QACnD,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBAEAL,cAAA,CAACM,iBAAO,IAAA,EAAM,MAAA,EAAQ,cAAc,SAAA,EAClC,QAAA,kBAAAR,eAAA,CAACS,oBAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAAP,cAAA,CAACQ,mBAAA,EAAA,EACC,QAAA,kBAAAR,cAAA,CAACS,kBAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,sBACAT,cAAA,CAACU,iBAAA,EAAA,EACC,QAAA,kBAAAZ,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2DAAA,EACb,QAAA,EAAA;AAAA,wBAAAE,cAAA,CAACW,WAAI,OAAA,EAAQ,SAAA,EAAU,MAAK,KAAA,EAAM,SAAA,EAAU,cACzC,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,wBACAX,cAAA,CAACY,6CAAA,EAAA,EAAoB,IAAA,EAAM,MAAA,EAAQ;AAAA,OAAA,EACrC,CAAA,EACF;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{workflow-step-action-DmUW2AMM.js → workflow-step-action-AG05Ly8P.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { MoreVerticalIcon, ShieldAlertIcon, AlertCircleIcon, RotateCcwIcon, StepForwardIcon, PlayIcon, Clock3Icon, BracesIcon, PanelRightIcon } from 'lucide-react';
-import { B as Button } from './Button-C8QDEN9j.js';
+import { B as Button } from './Button-60jVnaHt.js';
 import { D as DropdownMenu } from './dropdown-menu-D8GR_NhL.js';
 
 function WorkflowStepActions({ children }) {
@@ -46,4 +46,4 @@ function WorkflowStepAction({ action, isActive, onSelect }) {
 }
 
 export { WorkflowStepAction as W, WorkflowStepActions as a };
-//# sourceMappingURL=workflow-step-action-DmUW2AMM.js.map
+//# sourceMappingURL=workflow-step-action-AG05Ly8P.js.map

package/dist/{workflow-step-action-DmUW2AMM.js.map → workflow-step-action-AG05Ly8P.js.map}

@@ -1 +1 @@
-{"version":3,"file":"workflow-step-action-DmUW2AMM.js","sources":["../src/ds/components/Workflow/controls/workflow-step-actions.tsx","../src/ds/components/Workflow/controls/workflow-step-action.tsx"],"sourcesContent":["import { MoreVerticalIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nexport function WorkflowStepActions({ children }: { children: ReactNode }) {\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger\n        render={\n          <Button\n            size=\"icon-sm\"\n            variant=\"ghost\"\n            aria-label=\"Step actions\"\n            title=\"Step actions\"\n            className=\"nodrag nopan\"\n          >\n            <MoreVerticalIcon />\n          </Button>\n        }\n      />\n      <DropdownMenu.Content align=\"end\">{children}</DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n","import {\n  AlertCircleIcon,\n  BracesIcon,\n  Clock3Icon,\n  PanelRightIcon,\n  PlayIcon,\n  RotateCcwIcon,\n  ShieldAlertIcon,\n  StepForwardIcon,\n} from 'lucide-react';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nconst actions = {\n  nested: { icon: PanelRightIcon, label: 'View nested graph', activeLabel: 'Hide nested graph' },\n  map: { icon: BracesIcon, label: 'Map config', activeLabel: 'Hide map config' },\n  timeTravel: { icon: Clock3Icon, label: 'Time travel' },\n  runStep: { icon: PlayIcon, label: 'Run step' },\n  continueRun: { icon: StepForwardIcon, label: 'Continue run' },\n  resumeData: { icon: RotateCcwIcon, label: 'Resume data' },\n  error: { icon: AlertCircleIcon, label: 'Error' },\n  tripwire: { icon: ShieldAlertIcon, label: 'Tripwire' },\n};\n\nexport interface WorkflowStepActionProps {\n  action: keyof typeof actions;\n  isActive?: boolean;\n  onSelect: () => void;\n}\n\nexport function WorkflowStepAction({ action, isActive, onSelect }: WorkflowStepActionProps) {\n  const definition = actions[action];\n  const ActionIcon = definition.icon;\n  const label = isActive && 'activeLabel' in definition ? definition.activeLabel : definition.label;\n  return (\n    <DropdownMenu.Item onSelect={onSelect} className={action === 'tripwire' ? 'text-warning-foreground' : undefined}>\n      <ActionIcon />\n      <span>{label}</span>\n    </DropdownMenu.Item>\n  );\n}\n"],"names":[],"mappings":";;;;;AAKO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAS,EAA4B;AACzE,EAAA,4BACG,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,YAAA,CAAa,OAAA;AAAA,MAAb;AAAA,QACC,MAAA,kBACE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,SAAA;AAAA,YACL,OAAA,EAAQ,OAAA;AAAA,YACR,YAAA,EAAW,cAAA;AAAA,YACX,KAAA,EAAM,cAAA;AAAA,YACN,SAAA,EAAU,cAAA;AAAA,YAEV,8BAAC,gBAAA,EAAA,EAAiB;AAAA;AAAA;AACpB;AAAA,KAEJ;AAAA,wBACC,YAAA,CAAa,OAAA,EAAb,EAAqB,KAAA,EAAM,OAAO,QAAA,EAAS;AAAA,GAAA,EAC9C,CAAA;AAEJ;;ACZA,MAAM,OAAA,GAAU;AAAA,EACd,QAAQ,EAAE,IAAA,EAAM,gBAAgB,KAAA,EAAO,mBAAA,EAAqB,aAAa,mBAAA,EAAoB;AAAA,EAC7F,KAAK,EAAE,IAAA,EAAM,YAAY,KAAA,EAAO,YAAA,EAAc,aAAa,iBAAA,EAAkB;AAAA,EAC7E,UAAA,EAAY,EAAE,IAAA,EAAM,UAAA,EAAY,OAAO,aAAA,EAAc;AAAA,EACrD,OAAA,EAAS,EAAE,IAAA,EAAM,QAAA,EAAU,OAAO,UAAA,EAAW;AAAA,EAC7C,WAAA,EAAa,EAAE,IAAA,EAAM,eAAA,EAAiB,OAAO,cAAA,EAAe;AAAA,EAC5D,UAAA,EAAY,EAAE,IAAA,EAAM,aAAA,EAAe,OAAO,aAAA,EAAc;AAAA,EACxD,KAAA,EAAO,EAAE,IAAA,EAAM,eAAA,EAAiB,OAAO,OAAA,EAAQ;AAAA,EAC/C,QAAA,EAAU,EAAE,IAAA,EAAM,eAAA,EAAiB,OAAO,UAAA;AAC5C,CAAA;AAQO,SAAS,kBAAA,CAAmB,EAAE,MAAA,EAAQ,QAAA,EAAU,UAAS,EAA4B;AAC1F,EAAA,MAAM,UAAA,GAAa,QAAQ,MAAM,CAAA;AACjC,EAAA,MAAM,aAAa,UAAA,CAAW,IAAA;AAC9B,EAAA,MAAM,QAAQ,QAAA,IAAY,aAAA,IAAiB,UAAA,GAAa,UAAA,CAAW,cAAc,UAAA,CAAW,KAAA;AAC5F,EAAA,uBACE,IAAA,CAAC,aAAa,IAAA,EAAb,EAAkB,UAAoB,SAAA,EAAW,MAAA,KAAW,UAAA,GAAa,yBAAA,GAA4B,MAAA,EACpG,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,CAAA;AAAA,oBACZ,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACf,CAAA;AAEJ;;;;"}
+{"version":3,"file":"workflow-step-action-AG05Ly8P.js","sources":["../src/ds/components/Workflow/controls/workflow-step-actions.tsx","../src/ds/components/Workflow/controls/workflow-step-action.tsx"],"sourcesContent":["import { MoreVerticalIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nexport function WorkflowStepActions({ children }: { children: ReactNode }) {\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger\n        render={\n          <Button\n            size=\"icon-sm\"\n            variant=\"ghost\"\n            aria-label=\"Step actions\"\n            title=\"Step actions\"\n            className=\"nodrag nopan\"\n          >\n            <MoreVerticalIcon />\n          </Button>\n        }\n      />\n      <DropdownMenu.Content align=\"end\">{children}</DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n","import {\n  AlertCircleIcon,\n  BracesIcon,\n  Clock3Icon,\n  PanelRightIcon,\n  PlayIcon,\n  RotateCcwIcon,\n  ShieldAlertIcon,\n  StepForwardIcon,\n} from 'lucide-react';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nconst actions = {\n  nested: { icon: PanelRightIcon, label: 'View nested graph', activeLabel: 'Hide nested graph' },\n  map: { icon: BracesIcon, label: 'Map config', activeLabel: 'Hide map config' },\n  timeTravel: { icon: Clock3Icon, label: 'Time travel' },\n  runStep: { icon: PlayIcon, label: 'Run step' },\n  continueRun: { icon: StepForwardIcon, label: 'Continue run' },\n  resumeData: { icon: RotateCcwIcon, label: 'Resume data' },\n  error: { icon: AlertCircleIcon, label: 'Error' },\n  tripwire: { icon: ShieldAlertIcon, label: 'Tripwire' },\n};\n\nexport interface WorkflowStepActionProps {\n  action: keyof typeof actions;\n  isActive?: boolean;\n  onSelect: () => void;\n}\n\nexport function WorkflowStepAction({ action, isActive, onSelect }: WorkflowStepActionProps) {\n  const definition = actions[action];\n  const ActionIcon = definition.icon;\n  const label = isActive && 'activeLabel' in definition ? definition.activeLabel : definition.label;\n  return (\n    <DropdownMenu.Item onSelect={onSelect} className={action === 'tripwire' ? 'text-warning-foreground' : undefined}>\n      <ActionIcon />\n      <span>{label}</span>\n    </DropdownMenu.Item>\n  );\n}\n"],"names":[],"mappings":";;;;;AAKO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAS,EAA4B;AACzE,EAAA,4BACG,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,YAAA,CAAa,OAAA;AAAA,MAAb;AAAA,QACC,MAAA,kBACE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,SAAA;AAAA,YACL,OAAA,EAAQ,OAAA;AAAA,YACR,YAAA,EAAW,cAAA;AAAA,YACX,KAAA,EAAM,cAAA;AAAA,YACN,SAAA,EAAU,cAAA;AAAA,YAEV,8BAAC,gBAAA,EAAA,EAAiB;AAAA;AAAA;AACpB;AAAA,KAEJ;AAAA,wBACC,YAAA,CAAa,OAAA,EAAb,EAAqB,KAAA,EAAM,OAAO,QAAA,EAAS;AAAA,GAAA,EAC9C,CAAA;AAEJ;;ACZA,MAAM,OAAA,GAAU;AAAA,EACd,QAAQ,EAAE,IAAA,EAAM,gBAAgB,KAAA,EAAO,mBAAA,EAAqB,aAAa,mBAAA,EAAoB;AAAA,EAC7F,KAAK,EAAE,IAAA,EAAM,YAAY,KAAA,EAAO,YAAA,EAAc,aAAa,iBAAA,EAAkB;AAAA,EAC7E,UAAA,EAAY,EAAE,IAAA,EAAM,UAAA,EAAY,OAAO,aAAA,EAAc;AAAA,EACrD,OAAA,EAAS,EAAE,IAAA,EAAM,QAAA,EAAU,OAAO,UAAA,EAAW;AAAA,EAC7C,WAAA,EAAa,EAAE,IAAA,EAAM,eAAA,EAAiB,OAAO,cAAA,EAAe;AAAA,EAC5D,UAAA,EAAY,EAAE,IAAA,EAAM,aAAA,EAAe,OAAO,aAAA,EAAc;AAAA,EACxD,KAAA,EAAO,EAAE,IAAA,EAAM,eAAA,EAAiB,OAAO,OAAA,EAAQ;AAAA,EAC/C,QAAA,EAAU,EAAE,IAAA,EAAM,eAAA,EAAiB,OAAO,UAAA;AAC5C,CAAA;AAQO,SAAS,kBAAA,CAAmB,EAAE,MAAA,EAAQ,QAAA,EAAU,UAAS,EAA4B;AAC1F,EAAA,MAAM,UAAA,GAAa,QAAQ,MAAM,CAAA;AACjC,EAAA,MAAM,aAAa,UAAA,CAAW,IAAA;AAC9B,EAAA,MAAM,QAAQ,QAAA,IAAY,aAAA,IAAiB,UAAA,GAAa,UAAA,CAAW,cAAc,UAAA,CAAW,KAAA;AAC5F,EAAA,uBACE,IAAA,CAAC,aAAa,IAAA,EAAb,EAAkB,UAAoB,SAAA,EAAW,MAAA,KAAW,UAAA,GAAa,yBAAA,GAA4B,MAAA,EACpG,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,CAAA;AAAA,oBACZ,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACf,CAAA;AAEJ;;;;"}

package/dist/{workflow-step-action-Ssz6Z2t5.cjs → workflow-step-action-BsBZk7j6.cjs}

@@ -2,7 +2,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('./Button-BfZzgZrA.cjs');
+const Button = require('./Button-CAVPKK09.cjs');
 const dropdownMenu = require('./dropdown-menu-Bg96BCnK.cjs');
 
 function WorkflowStepActions({ children }) {
@@ -49,4 +49,4 @@ function WorkflowStepAction({ action, isActive, onSelect }) {
 
 exports.WorkflowStepAction = WorkflowStepAction;
 exports.WorkflowStepActions = WorkflowStepActions;
-//# sourceMappingURL=workflow-step-action-Ssz6Z2t5.cjs.map
+//# sourceMappingURL=workflow-step-action-BsBZk7j6.cjs.map

package/dist/{workflow-step-action-Ssz6Z2t5.cjs.map → workflow-step-action-BsBZk7j6.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"workflow-step-action-Ssz6Z2t5.cjs","sources":["../src/ds/components/Workflow/controls/workflow-step-actions.tsx","../src/ds/components/Workflow/controls/workflow-step-action.tsx"],"sourcesContent":["import { MoreVerticalIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nexport function WorkflowStepActions({ children }: { children: ReactNode }) {\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger\n        render={\n          <Button\n            size=\"icon-sm\"\n            variant=\"ghost\"\n            aria-label=\"Step actions\"\n            title=\"Step actions\"\n            className=\"nodrag nopan\"\n          >\n            <MoreVerticalIcon />\n          </Button>\n        }\n      />\n      <DropdownMenu.Content align=\"end\">{children}</DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n","import {\n  AlertCircleIcon,\n  BracesIcon,\n  Clock3Icon,\n  PanelRightIcon,\n  PlayIcon,\n  RotateCcwIcon,\n  ShieldAlertIcon,\n  StepForwardIcon,\n} from 'lucide-react';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nconst actions = {\n  nested: { icon: PanelRightIcon, label: 'View nested graph', activeLabel: 'Hide nested graph' },\n  map: { icon: BracesIcon, label: 'Map config', activeLabel: 'Hide map config' },\n  timeTravel: { icon: Clock3Icon, label: 'Time travel' },\n  runStep: { icon: PlayIcon, label: 'Run step' },\n  continueRun: { icon: StepForwardIcon, label: 'Continue run' },\n  resumeData: { icon: RotateCcwIcon, label: 'Resume data' },\n  error: { icon: AlertCircleIcon, label: 'Error' },\n  tripwire: { icon: ShieldAlertIcon, label: 'Tripwire' },\n};\n\nexport interface WorkflowStepActionProps {\n  action: keyof typeof actions;\n  isActive?: boolean;\n  onSelect: () => void;\n}\n\nexport function WorkflowStepAction({ action, isActive, onSelect }: WorkflowStepActionProps) {\n  const definition = actions[action];\n  const ActionIcon = definition.icon;\n  const label = isActive && 'activeLabel' in definition ? definition.activeLabel : definition.label;\n  return (\n    <DropdownMenu.Item onSelect={onSelect} className={action === 'tripwire' ? 'text-warning-foreground' : undefined}>\n      <ActionIcon />\n      <span>{label}</span>\n    </DropdownMenu.Item>\n  );\n}\n"],"names":["DropdownMenu","jsx","Button","MoreVerticalIcon","PanelRightIcon","BracesIcon","Clock3Icon","PlayIcon","StepForwardIcon","RotateCcwIcon","AlertCircleIcon","ShieldAlertIcon","jsxs"],"mappings":";;;;;;;AAKO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAS,EAA4B;AACzE,EAAA,uCACGA,yBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACD,yBAAA,CAAa,OAAA;AAAA,MAAb;AAAA,QACC,MAAA,kBACEC,cAAA;AAAA,UAACC,aAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,SAAA;AAAA,YACL,OAAA,EAAQ,OAAA;AAAA,YACR,YAAA,EAAW,cAAA;AAAA,YACX,KAAA,EAAM,cAAA;AAAA,YACN,SAAA,EAAU,cAAA;AAAA,YAEV,yCAACC,4BAAA,EAAA,EAAiB;AAAA;AAAA;AACpB;AAAA,KAEJ;AAAA,mCACCH,yBAAA,CAAa,OAAA,EAAb,EAAqB,KAAA,EAAM,OAAO,QAAA,EAAS;AAAA,GAAA,EAC9C,CAAA;AAEJ;;ACZA,MAAM,OAAA,GAAU;AAAA,EACd,QAAQ,EAAE,IAAA,EAAMI,4BAAgB,KAAA,EAAO,mBAAA,EAAqB,aAAa,mBAAA,EAAoB;AAAA,EAC7F,KAAK,EAAE,IAAA,EAAMC,wBAAY,KAAA,EAAO,YAAA,EAAc,aAAa,iBAAA,EAAkB;AAAA,EAC7E,UAAA,EAAY,EAAE,IAAA,EAAMC,sBAAA,EAAY,OAAO,aAAA,EAAc;AAAA,EACrD,OAAA,EAAS,EAAE,IAAA,EAAMC,oBAAA,EAAU,OAAO,UAAA,EAAW;AAAA,EAC7C,WAAA,EAAa,EAAE,IAAA,EAAMC,2BAAA,EAAiB,OAAO,cAAA,EAAe;AAAA,EAC5D,UAAA,EAAY,EAAE,IAAA,EAAMC,yBAAA,EAAe,OAAO,aAAA,EAAc;AAAA,EACxD,KAAA,EAAO,EAAE,IAAA,EAAMC,2BAAA,EAAiB,OAAO,OAAA,EAAQ;AAAA,EAC/C,QAAA,EAAU,EAAE,IAAA,EAAMC,2BAAA,EAAiB,OAAO,UAAA;AAC5C,CAAA;AAQO,SAAS,kBAAA,CAAmB,EAAE,MAAA,EAAQ,QAAA,EAAU,UAAS,EAA4B;AAC1F,EAAA,MAAM,UAAA,GAAa,QAAQ,MAAM,CAAA;AACjC,EAAA,MAAM,aAAa,UAAA,CAAW,IAAA;AAC9B,EAAA,MAAM,QAAQ,QAAA,IAAY,aAAA,IAAiB,UAAA,GAAa,UAAA,CAAW,cAAc,UAAA,CAAW,KAAA;AAC5F,EAAA,uBACEC,eAAA,CAACZ,0BAAa,IAAA,EAAb,EAAkB,UAAoB,SAAA,EAAW,MAAA,KAAW,UAAA,GAAa,yBAAA,GAA4B,MAAA,EACpG,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,UAAA,EAAA,EAAW,CAAA;AAAA,oBACZA,cAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACf,CAAA;AAEJ;;;;;"}
+{"version":3,"file":"workflow-step-action-BsBZk7j6.cjs","sources":["../src/ds/components/Workflow/controls/workflow-step-actions.tsx","../src/ds/components/Workflow/controls/workflow-step-action.tsx"],"sourcesContent":["import { MoreVerticalIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nexport function WorkflowStepActions({ children }: { children: ReactNode }) {\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger\n        render={\n          <Button\n            size=\"icon-sm\"\n            variant=\"ghost\"\n            aria-label=\"Step actions\"\n            title=\"Step actions\"\n            className=\"nodrag nopan\"\n          >\n            <MoreVerticalIcon />\n          </Button>\n        }\n      />\n      <DropdownMenu.Content align=\"end\">{children}</DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n","import {\n  AlertCircleIcon,\n  BracesIcon,\n  Clock3Icon,\n  PanelRightIcon,\n  PlayIcon,\n  RotateCcwIcon,\n  ShieldAlertIcon,\n  StepForwardIcon,\n} from 'lucide-react';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nconst actions = {\n  nested: { icon: PanelRightIcon, label: 'View nested graph', activeLabel: 'Hide nested graph' },\n  map: { icon: BracesIcon, label: 'Map config', activeLabel: 'Hide map config' },\n  timeTravel: { icon: Clock3Icon, label: 'Time travel' },\n  runStep: { icon: PlayIcon, label: 'Run step' },\n  continueRun: { icon: StepForwardIcon, label: 'Continue run' },\n  resumeData: { icon: RotateCcwIcon, label: 'Resume data' },\n  error: { icon: AlertCircleIcon, label: 'Error' },\n  tripwire: { icon: ShieldAlertIcon, label: 'Tripwire' },\n};\n\nexport interface WorkflowStepActionProps {\n  action: keyof typeof actions;\n  isActive?: boolean;\n  onSelect: () => void;\n}\n\nexport function WorkflowStepAction({ action, isActive, onSelect }: WorkflowStepActionProps) {\n  const definition = actions[action];\n  const ActionIcon = definition.icon;\n  const label = isActive && 'activeLabel' in definition ? definition.activeLabel : definition.label;\n  return (\n    <DropdownMenu.Item onSelect={onSelect} className={action === 'tripwire' ? 'text-warning-foreground' : undefined}>\n      <ActionIcon />\n      <span>{label}</span>\n    </DropdownMenu.Item>\n  );\n}\n"],"names":["DropdownMenu","jsx","Button","MoreVerticalIcon","PanelRightIcon","BracesIcon","Clock3Icon","PlayIcon","StepForwardIcon","RotateCcwIcon","AlertCircleIcon","ShieldAlertIcon","jsxs"],"mappings":";;;;;;;AAKO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAS,EAA4B;AACzE,EAAA,uCACGA,yBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACD,yBAAA,CAAa,OAAA;AAAA,MAAb;AAAA,QACC,MAAA,kBACEC,cAAA;AAAA,UAACC,aAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,SAAA;AAAA,YACL,OAAA,EAAQ,OAAA;AAAA,YACR,YAAA,EAAW,cAAA;AAAA,YACX,KAAA,EAAM,cAAA;AAAA,YACN,SAAA,EAAU,cAAA;AAAA,YAEV,yCAACC,4BAAA,EAAA,EAAiB;AAAA;AAAA;AACpB;AAAA,KAEJ;AAAA,mCACCH,yBAAA,CAAa,OAAA,EAAb,EAAqB,KAAA,EAAM,OAAO,QAAA,EAAS;AAAA,GAAA,EAC9C,CAAA;AAEJ;;ACZA,MAAM,OAAA,GAAU;AAAA,EACd,QAAQ,EAAE,IAAA,EAAMI,4BAAgB,KAAA,EAAO,mBAAA,EAAqB,aAAa,mBAAA,EAAoB;AAAA,EAC7F,KAAK,EAAE,IAAA,EAAMC,wBAAY,KAAA,EAAO,YAAA,EAAc,aAAa,iBAAA,EAAkB;AAAA,EAC7E,UAAA,EAAY,EAAE,IAAA,EAAMC,sBAAA,EAAY,OAAO,aAAA,EAAc;AAAA,EACrD,OAAA,EAAS,EAAE,IAAA,EAAMC,oBAAA,EAAU,OAAO,UAAA,EAAW;AAAA,EAC7C,WAAA,EAAa,EAAE,IAAA,EAAMC,2BAAA,EAAiB,OAAO,cAAA,EAAe;AAAA,EAC5D,UAAA,EAAY,EAAE,IAAA,EAAMC,yBAAA,EAAe,OAAO,aAAA,EAAc;AAAA,EACxD,KAAA,EAAO,EAAE,IAAA,EAAMC,2BAAA,EAAiB,OAAO,OAAA,EAAQ;AAAA,EAC/C,QAAA,EAAU,EAAE,IAAA,EAAMC,2BAAA,EAAiB,OAAO,UAAA;AAC5C,CAAA;AAQO,SAAS,kBAAA,CAAmB,EAAE,MAAA,EAAQ,QAAA,EAAU,UAAS,EAA4B;AAC1F,EAAA,MAAM,UAAA,GAAa,QAAQ,MAAM,CAAA;AACjC,EAAA,MAAM,aAAa,UAAA,CAAW,IAAA;AAC9B,EAAA,MAAM,QAAQ,QAAA,IAAY,aAAA,IAAiB,UAAA,GAAa,UAAA,CAAW,cAAc,UAAA,CAAW,KAAA;AAC5F,EAAA,uBACEC,eAAA,CAACZ,0BAAa,IAAA,EAAb,EAAkB,UAAoB,SAAA,EAAW,MAAA,KAAW,UAAA,GAAa,yBAAA,GAA4B,MAAA,EACpG,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,UAAA,EAAA,EAAW,CAAA;AAAA,oBACZA,cAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACf,CAAA;AAEJ;;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "63.0.0-alpha.2",
+  "version": "63.0.0-alpha.4",
   "description": "Mastra Playground components",
   "sideEffects": [
     "**/*.css"
@@ -202,12 +202,12 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
-    "@mastra/ai-sdk": "^1.11.0",
-    "@mastra/client-js": "^1.54.0-alpha.2",
-    "@mastra/react": "1.10.0-alpha.2"
+    "@mastra/client-js": "^1.54.0-alpha.4",
+    "@mastra/react": "1.10.0-alpha.4",
+    "@mastra/ai-sdk": "^1.11.1-alpha.0"
   },
   "devDependencies": {
-    "@modelcontextprotocol/sdk": "^1.31.0",
+    "@modelcontextprotocol/sdk": "^1.32.1",
     "@storybook/addon-a11y": "^10.6.0",
     "@storybook/addon-docs": "^10.6.0",
     "@storybook/addon-mcp": "^10.6.0",
@@ -250,12 +250,12 @@
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.1.11",
     "@internal/lint": "0.0.142",
-    "@mastra/ai-sdk": "1.11.0",
-    "@mastra/client-js": "^1.54.0-alpha.2",
-    "@mastra/core": "1.77.0-alpha.2",
-    "@mastra/memory": "1.37.1-alpha.2",
-    "@mastra/react": "1.10.0-alpha.2",
-    "@mastra/schema-compat": "1.3.13"
+    "@mastra/ai-sdk": "1.11.1-alpha.0",
+    "@mastra/memory": "1.37.1-alpha.3",
+    "@mastra/client-js": "^1.54.0-alpha.4",
+    "@mastra/react": "1.10.0-alpha.4",
+    "@mastra/schema-compat": "1.3.14-alpha.0",
+    "@mastra/core": "1.77.0-alpha.4"
   },
   "homepage": "https://mastra.ai",
   "repository": {

package/dist/Avatar-C2Sz53u5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar-C2Sz53u5.js","sources":["../src/ds/components/Avatar/avatar-size.ts","../src/ds/components/Avatar/avatar-badge.tsx","../src/ds/components/Avatar/avatar-named.tsx","../src/ds/components/Avatar/avatar-root.tsx","../src/ds/components/Avatar/avatar-element.tsx","../src/ds/components/Avatar/avatar-fallback.tsx","../src/ds/components/Avatar/avatar-group.tsx","../src/ds/components/Avatar/avatar-group-count.tsx","../src/ds/components/Avatar/avatar-image.tsx","../src/ds/components/Avatar/Avatar.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'control';\n\nexport const avatarSizeClasses: Record<AvatarSize, string> = {\n  xs: 'size-icon-xs',\n  sm: 'size-avatar-sm',\n  md: 'size-avatar-md',\n  lg: 'size-avatar-lg',\n  control: 'size-control-md',\n};\n\nexport const avatarTextClasses: Record<AvatarSize, string> = {\n  xs: 'text-meta',\n  sm: 'text-caption',\n  md: 'text-body-sm',\n  lg: 'text-body',\n  control: 'text-body-sm',\n};\n\nexport const avatarIconClasses: Record<AvatarSize, string> = {\n  xs: '[&>svg]:hidden',\n  sm: '[&>svg]:size-icon-xs',\n  md: '[&>svg]:size-icon-sm',\n  lg: '[&>svg]:size-icon-sm',\n  control: '[&>svg]:size-icon-sm',\n};\n\nexport const AvatarSizeContext = createContext<AvatarSize | undefined>(undefined);\n","import { useContext, type ComponentProps } from 'react';\n\nimport { AvatarSizeContext, type AvatarSize } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarBadgeTone = 'neutral' | 'success' | 'warning' | 'destructive' | 'info';\n\nexport type AvatarBadgeProps = ComponentProps<'span'> & {\n  tone?: AvatarBadgeTone;\n};\n\nconst toneClasses: Record<AvatarBadgeTone, string> = {\n  neutral: 'bg-fill-inverse text-background',\n  success: 'bg-success-indicator text-background',\n  warning: 'bg-warning-indicator text-background',\n  destructive: 'bg-destructive-indicator text-background',\n  info: 'bg-info-indicator text-background',\n};\n\nconst badgeSizeClasses: Record<AvatarSize, string> = {\n  xs: 'min-h-1.5 min-w-1.5 [&>svg]:hidden',\n  sm: 'min-h-2 min-w-2 [&>svg]:hidden',\n  md: 'min-h-2.5 min-w-2.5 [&>svg]:size-icon-xs',\n  lg: 'min-h-3 min-w-3 [&>svg]:size-icon-xs',\n  control: 'min-h-2.5 min-w-2.5 [&>svg]:size-icon-xs',\n};\n\nexport function AvatarBadge({ tone, className, children, ...props }: AvatarBadgeProps) {\n  const size = useContext(AvatarSizeContext) ?? 'sm';\n\n  return (\n    <span\n      {...props}\n      data-slot=\"avatar-badge\"\n      className={cn(\n        'absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full ring-2 ring-card select-none',\n        '[&>[data-slot=avatar]]:border-0 [&>[data-slot=avatar]]:after:hidden',\n        'after:pointer-events-none after:absolute after:inset-0 after:rounded-full after:shadow-inset',\n        tone ? toneClasses[tone] : 'bg-card text-foreground',\n        badgeSizeClasses[size],\n        className,\n      )}\n    >\n      <AvatarSizeContext.Provider value=\"xs\">{children}</AvatarSizeContext.Provider>\n    </span>\n  );\n}\n","import { useContext, useState } from 'react';\n\nimport { Txt } from '../Txt/Txt';\nimport { AvatarSizeContext, avatarSizeClasses, type AvatarSize } from './avatar-size';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarProps = {\n  src?: string;\n  name: string;\n  size?: AvatarSize;\n  interactive?: boolean;\n  color?: string;\n  textColor?: string;\n};\n\nexport function AvatarNamed({ src, name, size, interactive = false, color, textColor }: AvatarProps) {\n  const contextSize = useContext(AvatarSizeContext);\n  const [didError, setDidError] = useState(false);\n  const resolvedSize = size ?? contextSize ?? 'sm';\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      data-slot=\"avatar\"\n      data-size={resolvedSize}\n      className={cn(\n        avatarSizeClasses[resolvedSize],\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={resolvedSize === 'xs' ? 'meta' : '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","import { Avatar as BaseAvatar } from '@base-ui/react/avatar';\nimport { useContext } from 'react';\n\nimport { AvatarSizeContext, avatarSizeClasses, type AvatarSize } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarRootProps = Omit<BaseAvatar.Root.Props, 'className'> & {\n  size?: AvatarSize;\n  className?: string;\n  name?: never;\n};\n\nexport function AvatarRoot({ size, className, ...props }: AvatarRootProps) {\n  const contextSize = useContext(AvatarSizeContext);\n  const resolvedSize = size ?? contextSize ?? 'sm';\n\n  return (\n    <AvatarSizeContext.Provider value={resolvedSize}>\n      <BaseAvatar.Root\n        {...props}\n        data-slot=\"avatar\"\n        data-size={resolvedSize}\n        className={cn(\n          'relative inline-flex shrink-0 rounded-full select-none',\n          'after:pointer-events-none after:absolute after:inset-0 after:rounded-full after:border after:border-border',\n          avatarSizeClasses[resolvedSize],\n          className,\n        )}\n      />\n    </AvatarSizeContext.Provider>\n  );\n}\n","import { AvatarNamed, type AvatarProps } from './avatar-named';\nimport { AvatarRoot, type AvatarRootProps } from './avatar-root';\n\nexport function AvatarElement(props: AvatarProps | AvatarRootProps) {\n  if (props.name === undefined) return <AvatarRoot {...props} />;\n  return <AvatarNamed {...props} />;\n}\n","import { Avatar as BaseAvatar } from '@base-ui/react/avatar';\nimport { useContext } from 'react';\n\nimport { AvatarSizeContext, avatarIconClasses, avatarTextClasses } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarFallbackProps = Omit<BaseAvatar.Fallback.Props, 'className'> & {\n  className?: string;\n};\n\nexport function AvatarFallback({ className, ...props }: AvatarFallbackProps) {\n  const size = useContext(AvatarSizeContext) ?? 'sm';\n\n  return (\n    <BaseAvatar.Fallback\n      {...props}\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        'flex size-full items-center justify-center overflow-hidden rounded-full bg-muted text-muted-foreground',\n        avatarTextClasses[size],\n        avatarIconClasses[size],\n        className,\n      )}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { AvatarSizeContext, type AvatarSize } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarGroupProps = ComponentProps<'div'> & {\n  size?: AvatarSize;\n};\n\nexport function AvatarGroup({ size, className, ...props }: AvatarGroupProps) {\n  return (\n    <AvatarSizeContext.Provider value={size}>\n      <div\n        {...props}\n        data-slot=\"avatar-group\"\n        className={cn('flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-card', className)}\n      />\n    </AvatarSizeContext.Provider>\n  );\n}\n","import { useContext, type ComponentProps } from 'react';\n\nimport { AvatarSizeContext, avatarIconClasses, avatarSizeClasses, avatarTextClasses } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarGroupCountProps = ComponentProps<'div'>;\n\nexport function AvatarGroupCount({ className, ...props }: AvatarGroupCountProps) {\n  const size = useContext(AvatarSizeContext) ?? 'sm';\n\n  return (\n    <div\n      {...props}\n      data-slot=\"avatar-group-count\"\n      data-size={size}\n      className={cn(\n        'relative flex shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground tabular-nums ring-2 ring-card',\n        avatarSizeClasses[size],\n        avatarTextClasses[size],\n        avatarIconClasses[size],\n        className,\n      )}\n    />\n  );\n}\n","import { Avatar as BaseAvatar } from '@base-ui/react/avatar';\n\nimport { cn } from '@/lib/utils';\n\nexport type AvatarImageProps = Omit<BaseAvatar.Image.Props, 'className' | 'alt'> & {\n  alt: string;\n  className?: string;\n};\n\nexport function AvatarImage({ className, ...props }: AvatarImageProps) {\n  return (\n    <BaseAvatar.Image\n      {...props}\n      data-slot=\"avatar-image\"\n      className={cn('size-full rounded-full object-cover', className)}\n    />\n  );\n}\n","import { AvatarBadge } from './avatar-badge';\nimport { AvatarElement } from './avatar-element';\nimport { AvatarFallback } from './avatar-fallback';\nimport { AvatarGroup } from './avatar-group';\nimport { AvatarGroupCount } from './avatar-group-count';\nimport { AvatarImage } from './avatar-image';\n\nexport type { AvatarSize } from './avatar-size';\nexport type { AvatarProps } from './avatar-named';\nexport type { AvatarRootProps } from './avatar-root';\nexport type { AvatarImageProps } from './avatar-image';\nexport type { AvatarFallbackProps } from './avatar-fallback';\nexport type { AvatarBadgeProps, AvatarBadgeTone } from './avatar-badge';\nexport type { AvatarGroupProps } from './avatar-group';\nexport type { AvatarGroupCountProps } from './avatar-group-count';\n\nexport const Avatar = Object.assign(AvatarElement, {\n  Image: AvatarImage,\n  Fallback: AvatarFallback,\n  Badge: AvatarBadge,\n  Group: AvatarGroup,\n  GroupCount: AvatarGroupCount,\n});\n"],"names":["BaseAvatar"],"mappings":"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"}

package/dist/Avatar-D6ybWljK.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar-D6ybWljK.cjs","sources":["../src/ds/components/Avatar/avatar-size.ts","../src/ds/components/Avatar/avatar-badge.tsx","../src/ds/components/Avatar/avatar-named.tsx","../src/ds/components/Avatar/avatar-root.tsx","../src/ds/components/Avatar/avatar-element.tsx","../src/ds/components/Avatar/avatar-fallback.tsx","../src/ds/components/Avatar/avatar-group.tsx","../src/ds/components/Avatar/avatar-group-count.tsx","../src/ds/components/Avatar/avatar-image.tsx","../src/ds/components/Avatar/Avatar.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'control';\n\nexport const avatarSizeClasses: Record<AvatarSize, string> = {\n  xs: 'size-icon-xs',\n  sm: 'size-avatar-sm',\n  md: 'size-avatar-md',\n  lg: 'size-avatar-lg',\n  control: 'size-control-md',\n};\n\nexport const avatarTextClasses: Record<AvatarSize, string> = {\n  xs: 'text-meta',\n  sm: 'text-caption',\n  md: 'text-body-sm',\n  lg: 'text-body',\n  control: 'text-body-sm',\n};\n\nexport const avatarIconClasses: Record<AvatarSize, string> = {\n  xs: '[&>svg]:hidden',\n  sm: '[&>svg]:size-icon-xs',\n  md: '[&>svg]:size-icon-sm',\n  lg: '[&>svg]:size-icon-sm',\n  control: '[&>svg]:size-icon-sm',\n};\n\nexport const AvatarSizeContext = createContext<AvatarSize | undefined>(undefined);\n","import { useContext, type ComponentProps } from 'react';\n\nimport { AvatarSizeContext, type AvatarSize } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarBadgeTone = 'neutral' | 'success' | 'warning' | 'destructive' | 'info';\n\nexport type AvatarBadgeProps = ComponentProps<'span'> & {\n  tone?: AvatarBadgeTone;\n};\n\nconst toneClasses: Record<AvatarBadgeTone, string> = {\n  neutral: 'bg-fill-inverse text-background',\n  success: 'bg-success-indicator text-background',\n  warning: 'bg-warning-indicator text-background',\n  destructive: 'bg-destructive-indicator text-background',\n  info: 'bg-info-indicator text-background',\n};\n\nconst badgeSizeClasses: Record<AvatarSize, string> = {\n  xs: 'min-h-1.5 min-w-1.5 [&>svg]:hidden',\n  sm: 'min-h-2 min-w-2 [&>svg]:hidden',\n  md: 'min-h-2.5 min-w-2.5 [&>svg]:size-icon-xs',\n  lg: 'min-h-3 min-w-3 [&>svg]:size-icon-xs',\n  control: 'min-h-2.5 min-w-2.5 [&>svg]:size-icon-xs',\n};\n\nexport function AvatarBadge({ tone, className, children, ...props }: AvatarBadgeProps) {\n  const size = useContext(AvatarSizeContext) ?? 'sm';\n\n  return (\n    <span\n      {...props}\n      data-slot=\"avatar-badge\"\n      className={cn(\n        'absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full ring-2 ring-card select-none',\n        '[&>[data-slot=avatar]]:border-0 [&>[data-slot=avatar]]:after:hidden',\n        'after:pointer-events-none after:absolute after:inset-0 after:rounded-full after:shadow-inset',\n        tone ? toneClasses[tone] : 'bg-card text-foreground',\n        badgeSizeClasses[size],\n        className,\n      )}\n    >\n      <AvatarSizeContext.Provider value=\"xs\">{children}</AvatarSizeContext.Provider>\n    </span>\n  );\n}\n","import { useContext, useState } from 'react';\n\nimport { Txt } from '../Txt/Txt';\nimport { AvatarSizeContext, avatarSizeClasses, type AvatarSize } from './avatar-size';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarProps = {\n  src?: string;\n  name: string;\n  size?: AvatarSize;\n  interactive?: boolean;\n  color?: string;\n  textColor?: string;\n};\n\nexport function AvatarNamed({ src, name, size, interactive = false, color, textColor }: AvatarProps) {\n  const contextSize = useContext(AvatarSizeContext);\n  const [didError, setDidError] = useState(false);\n  const resolvedSize = size ?? contextSize ?? 'sm';\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      data-slot=\"avatar\"\n      data-size={resolvedSize}\n      className={cn(\n        avatarSizeClasses[resolvedSize],\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={resolvedSize === 'xs' ? 'meta' : '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","import { Avatar as BaseAvatar } from '@base-ui/react/avatar';\nimport { useContext } from 'react';\n\nimport { AvatarSizeContext, avatarSizeClasses, type AvatarSize } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarRootProps = Omit<BaseAvatar.Root.Props, 'className'> & {\n  size?: AvatarSize;\n  className?: string;\n  name?: never;\n};\n\nexport function AvatarRoot({ size, className, ...props }: AvatarRootProps) {\n  const contextSize = useContext(AvatarSizeContext);\n  const resolvedSize = size ?? contextSize ?? 'sm';\n\n  return (\n    <AvatarSizeContext.Provider value={resolvedSize}>\n      <BaseAvatar.Root\n        {...props}\n        data-slot=\"avatar\"\n        data-size={resolvedSize}\n        className={cn(\n          'relative inline-flex shrink-0 rounded-full select-none',\n          'after:pointer-events-none after:absolute after:inset-0 after:rounded-full after:border after:border-border',\n          avatarSizeClasses[resolvedSize],\n          className,\n        )}\n      />\n    </AvatarSizeContext.Provider>\n  );\n}\n","import { AvatarNamed, type AvatarProps } from './avatar-named';\nimport { AvatarRoot, type AvatarRootProps } from './avatar-root';\n\nexport function AvatarElement(props: AvatarProps | AvatarRootProps) {\n  if (props.name === undefined) return <AvatarRoot {...props} />;\n  return <AvatarNamed {...props} />;\n}\n","import { Avatar as BaseAvatar } from '@base-ui/react/avatar';\nimport { useContext } from 'react';\n\nimport { AvatarSizeContext, avatarIconClasses, avatarTextClasses } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarFallbackProps = Omit<BaseAvatar.Fallback.Props, 'className'> & {\n  className?: string;\n};\n\nexport function AvatarFallback({ className, ...props }: AvatarFallbackProps) {\n  const size = useContext(AvatarSizeContext) ?? 'sm';\n\n  return (\n    <BaseAvatar.Fallback\n      {...props}\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        'flex size-full items-center justify-center overflow-hidden rounded-full bg-muted text-muted-foreground',\n        avatarTextClasses[size],\n        avatarIconClasses[size],\n        className,\n      )}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { AvatarSizeContext, type AvatarSize } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarGroupProps = ComponentProps<'div'> & {\n  size?: AvatarSize;\n};\n\nexport function AvatarGroup({ size, className, ...props }: AvatarGroupProps) {\n  return (\n    <AvatarSizeContext.Provider value={size}>\n      <div\n        {...props}\n        data-slot=\"avatar-group\"\n        className={cn('flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-card', className)}\n      />\n    </AvatarSizeContext.Provider>\n  );\n}\n","import { useContext, type ComponentProps } from 'react';\n\nimport { AvatarSizeContext, avatarIconClasses, avatarSizeClasses, avatarTextClasses } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarGroupCountProps = ComponentProps<'div'>;\n\nexport function AvatarGroupCount({ className, ...props }: AvatarGroupCountProps) {\n  const size = useContext(AvatarSizeContext) ?? 'sm';\n\n  return (\n    <div\n      {...props}\n      data-slot=\"avatar-group-count\"\n      data-size={size}\n      className={cn(\n        'relative flex shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground tabular-nums ring-2 ring-card',\n        avatarSizeClasses[size],\n        avatarTextClasses[size],\n        avatarIconClasses[size],\n        className,\n      )}\n    />\n  );\n}\n","import { Avatar as BaseAvatar } from '@base-ui/react/avatar';\n\nimport { cn } from '@/lib/utils';\n\nexport type AvatarImageProps = Omit<BaseAvatar.Image.Props, 'className' | 'alt'> & {\n  alt: string;\n  className?: string;\n};\n\nexport function AvatarImage({ className, ...props }: AvatarImageProps) {\n  return (\n    <BaseAvatar.Image\n      {...props}\n      data-slot=\"avatar-image\"\n      className={cn('size-full rounded-full object-cover', className)}\n    />\n  );\n}\n","import { AvatarBadge } from './avatar-badge';\nimport { AvatarElement } from './avatar-element';\nimport { AvatarFallback } from './avatar-fallback';\nimport { AvatarGroup } from './avatar-group';\nimport { AvatarGroupCount } from './avatar-group-count';\nimport { AvatarImage } from './avatar-image';\n\nexport type { AvatarSize } from './avatar-size';\nexport type { AvatarProps } from './avatar-named';\nexport type { AvatarRootProps } from './avatar-root';\nexport type { AvatarImageProps } from './avatar-image';\nexport type { AvatarFallbackProps } from './avatar-fallback';\nexport type { AvatarBadgeProps, AvatarBadgeTone } from './avatar-badge';\nexport type { AvatarGroupProps } from './avatar-group';\nexport type { AvatarGroupCountProps } from './avatar-group-count';\n\nexport const Avatar = Object.assign(AvatarElement, {\n  Image: AvatarImage,\n  Fallback: AvatarFallback,\n  Badge: AvatarBadge,\n  Group: AvatarGroup,\n  GroupCount: AvatarGroupCount,\n});\n"],"names":["createContext","useContext","jsx","cn","useState","controlStateColorTransition","Txt","BaseAvatar"],"mappings":"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"}

package/dist/Button-BfZzgZrA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-BfZzgZrA.cjs","sources":["../src/ds/components/Button/Button.tsx"],"sourcesContent":["import { Button as BaseButton } from '@base-ui/react/button';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { iconSizeClasses, type IconSize } from '@/ds/icons/icon-size-classes';\nimport { controlHeight, controlSizeClasses } from '@/ds/primitives/control-size';\nimport {\n  controlFocusBorderVisible,\n  raisedControlSurfaceStyle,\n  sharedFormElementDisabledStyle,\n} from '@/ds/primitives/form-element';\nimport { controlStateColorTransition, focusRingOffset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\n// Adornments for text-mode buttons: gap between icon+label and larger radius.\n// - `[data-slot=button-icon]` styles the `<Icon>` wrapper rendered by the `icon` prop — the only\n//   supported way to pair an icon with a label (always on the left, fixed gap).\n// - `[&>svg]` only remains for label-less text-mode buttons (e.g. CopyButton) that pass a bare\n//   SVG as children.\n// Excluded from icon-mode because icon-mode wraps children in `<Icon>` and uses its own\n// `rounded-full` (circle).\nconst TEXT_MODE_ADORNMENTS = cn(\n  'gap-[.75em] rounded-full',\n  '[&>[data-slot=button-icon]]:-ml-[.3em]',\n  '[&>[data-slot=button-icon-end]]:-mr-1',\n  '[&>svg]:mx-[-.3em]',\n);\n\nconst LINK_LAYOUT = cn(\n  'relative size-auto gap-1 rounded-xs px-0 text-label',\n  'before:absolute before:-inset-x-2',\n  '[&>[data-slot=button-icon-end]]:mr-0 [&>[data-slot=button-icon]]:ml-0 [&>svg]:mx-0',\n);\n\nconst LINK_LABEL = cn(\n  'relative inline-flex items-center gap-1',\n  iconSizeClasses.sm,\n  '[&>svg]:shrink-0',\n  'after:absolute after:inset-x-0 after:bottom-0 after:h-px after:origin-left after:scale-x-0 after:bg-current',\n  'after:transition-transform after:duration-fast after:ease-out-custom motion-reduce:after:transition-none',\n);\n\n// An icon is secondary to the label beside it, and on a neutral surface it says so with\n// a colour token rather than opacity. Opacity dims against whatever sits behind the\n// control, so the same glyph clears contrast on one surface and fails on another, and it\n// left icon-only buttons with no hover response at all: only their background moved.\n// Filled variants opt out because there the glyph colour carries the meaning.\nconst NEUTRAL_ICON_STATE = cn(\n  '[&_svg]:text-muted-foreground not-disabled:hover:[&_svg]:text-foreground aria-disabled:[&_svg]:text-muted-foreground',\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- exported variant helper is part of Button's public API\nexport const buttonVariants = cva(\n  cn(\n    'inline-flex cursor-pointer items-center justify-center',\n    controlStateColorTransition,\n    sharedFormElementDisabledStyle,\n    'aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-muted-foreground',\n    controlFocusBorderVisible,\n  ),\n  {\n    variants: {\n      variant: {\n        // The raised card material, the same one a field wears: a neutral filled control is\n        // one material system-wide. No border of its own — the material's rim is its edge,\n        // and focus repaints that rim. Inside a ButtonsGroup the group flattens the rim and\n        // hands every segment the same 1px border instead (see `buttons-group.css`).\n        default: cn(\n          'border-0',\n          raisedControlSurfaceStyle,\n          NEUTRAL_ICON_STATE,\n          'disabled:bg-fill-subtle aria-disabled:bg-fill-subtle',\n        ),\n        // Filled variants take the opaque ladder: their rest fill is a colour, not a rung\n        // layered on the surface, so a state that thinned it would let whatever the button\n        // covers read through the hover it is meant to answer.\n        primary: cn(\n          'border border-transparent bg-fill-inverse text-background not-disabled:hover:bg-fill-inverse-hover not-disabled:active:bg-fill-inverse-active',\n          focusRingOffset,\n          'focus-visible:border-transparent',\n          'disabled:bg-fill-inverse-disabled disabled:text-background/75 aria-disabled:bg-fill-inverse-disabled aria-disabled:text-background/75',\n        ),\n        destructive: cn(\n          'border border-transparent bg-fill-destructive text-fill-destructive-foreground not-disabled:hover:bg-fill-destructive-hover not-disabled:active:bg-fill-destructive-active',\n          focusRingOffset,\n          'focus-visible:border-transparent',\n          'disabled:bg-fill-destructive-disabled disabled:text-fill-destructive-disabled-foreground aria-disabled:bg-fill-destructive-disabled aria-disabled:text-fill-destructive-disabled-foreground',\n        ),\n        'destructive-ghost': cn(\n          'border border-transparent bg-transparent text-destructive-foreground not-disabled:hover:bg-destructive-subtle not-disabled:hover:text-destructive-foreground not-disabled:active:bg-destructive-subtle-active',\n          'disabled:bg-transparent disabled:text-placeholder aria-disabled:bg-transparent aria-disabled:text-placeholder',\n        ),\n        ghost: cn(\n          'border border-transparent bg-transparent text-muted-foreground not-disabled:hover:bg-fill-subtle not-disabled:hover:text-foreground not-disabled:active:bg-fill',\n          'disabled:bg-transparent aria-disabled:bg-transparent',\n        ),\n        link: cn(\n          'border-0 bg-transparent text-muted-foreground not-disabled:hover:text-foreground',\n          'not-disabled:hover:[&>[data-slot=button-label]]:after:scale-x-100 not-disabled:hover:[&>[data-slot=button-label]]:after:duration-normal',\n          focusRingOffset,\n          'disabled:text-placeholder aria-disabled:text-placeholder',\n        ),\n      },\n      size: {\n        sm: cn(controlSizeClasses.sm, iconSizeClasses.sm, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n        md: cn(controlSizeClasses.md, iconSizeClasses.md, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n        lg: cn(controlSizeClasses.lg, iconSizeClasses.lg, 'px-[1em]', TEXT_MODE_ADORNMENTS),\n        // Icon sizes: square dimensions, fully rounded → circle. Active state inherits from variant\n        // so icon-mode and text-mode use the same press feedback. The glyph is sized by the `Icon`\n        // wrapper the component puts around an icon-mode child, keyed off the same scale.\n        'icon-sm': cn(controlHeight.sm, 'w-control-sm rounded-full'),\n        'icon-md': cn(controlHeight.md, 'w-control-md rounded-full'),\n        'icon-lg': cn(controlHeight.lg, 'w-control-lg rounded-full'),\n      },\n    },\n    compoundVariants: [\n      { variant: 'link', className: LINK_LAYOUT },\n      { variant: 'link', size: ['sm', 'md', 'icon-sm', 'icon-md'], className: 'before:-inset-y-1' },\n      { variant: 'link', size: ['lg', 'icon-lg'], className: 'before:-inset-y-1.5' },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\n// Public types derived from cva — single source of truth. Adding a variant or size to\n// `buttonVariants` automatically updates these unions.\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\nexport type ButtonVariant = NonNullable<ButtonVariantsProps['variant']>;\nexport type ButtonSize = NonNullable<ButtonVariantsProps['size']>;\nexport type IconButtonSize = Extract<ButtonSize, `icon-${string}`>;\nexport type TextButtonSize = Exclude<ButtonSize, IconButtonSize>;\n\nexport interface ButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, ButtonVariantsProps {\n  render?: BaseButton.Props['render'];\n  className?: string;\n  children: React.ReactNode;\n  /** Leading icon, always rendered on the left of the label inside `<Icon>`. Ignored in icon-mode sizes. */\n  icon?: React.ReactNode;\n  iconEnd?: React.ReactNode;\n  tooltip?: React.ReactNode;\n  /** Side of the trigger the tooltip opens on. Defaults to `top`. */\n  tooltipPosition?: 'top' | 'right' | 'bottom' | 'left';\n  /** @deprecated Pass the element through `render` instead: `render={<Link href=\"/x\" />}`. */\n  as?: React.ElementType;\n  /** @deprecated Set it on the element passed to `render`. */\n  href?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  to?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  target?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  prefetch?: boolean | null;\n}\n\n// A link is not a button. `render` always entered `BaseButton`, which warns in\n// development when the resolved element is not a native button. `nativeButton={false}`\n// is the worse fix: Base UI then adds `role=\"button\"` and Enter/Space handling, so a\n// screen reader announces a link as a button. Render links directly instead and keep\n// `BaseButton` for real buttons.\nfunction isLinkElement(\n  element: React.ReactElement,\n): element is React.ReactElement<{ href?: unknown; to?: unknown; className?: string }> {\n  if (element.type === 'a') return true;\n  const { href, to } = element.props as { href?: unknown; to?: unknown };\n  return href !== undefined || to !== undefined;\n}\n\nfunction preventLinkActivation(event: React.SyntheticEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\n// One icon step per control step: a glyph is sized by the rung it sits in, so the\n// same nominal size renders the same icon whether it arrives as an icon-mode child,\n// the `icon` prop, or a bare SVG.\nconst iconSizeMap: Record<ButtonSize, IconSize> = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n  'icon-sm': 'sm',\n  'icon-md': 'md',\n  'icon-lg': 'lg',\n};\n\nfunction adornmentIconSize(variant: ButtonVariant, size: ButtonSize): IconSize {\n  if (variant === 'link') return 'sm';\n  return iconSizeMap[size];\n}\n\nfunction ButtonAdornment({ slot, size, children }: { slot: string; size: IconSize; children: React.ReactNode }) {\n  if (!children) return undefined;\n  return (\n    <Icon data-slot={slot} size={size}>\n      {children}\n    </Icon>\n  );\n}\n\nfunction ButtonLabel({ variant, children }: { variant: ButtonVariant; children: React.ReactNode }) {\n  if (variant !== 'link') return children;\n  return (\n    <span data-slot=\"button-label\" className={LINK_LABEL}>\n      {children}\n    </span>\n  );\n}\n\n// Walks React children, expanding `<></>` fragments so `isIconOnly` can inspect the real\n// elements inside. `<Button><><Icon/></></Button>` should still count as icon-only.\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n  const result: React.ReactNode[] = [];\n  React.Children.forEach(children, child => {\n    if (React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === React.Fragment) {\n      result.push(...flattenChildren(child.props.children));\n    } else {\n      result.push(child);\n    }\n  });\n  return result;\n}\n\n// True when every child is a React element (no text/label). Used in text-mode to brighten the\n// SVG of label-less buttons so the glyph reads stronger.\nfunction isIconOnly(children: React.ReactNode): boolean {\n  const flat = flattenChildren(children);\n  return flat.length > 0 && flat.every(child => React.isValidElement(child));\n}\n\n// Type guard: narrows `ButtonSize` to `IconButtonSize`, so an icon-mode button can be\n// told from a text-mode one without a cast.\n// eslint-disable-next-line react-refresh/only-export-components -- shared with Combobox's icon-only trigger\nexport function isIconButtonSize(size: ButtonSize | null | undefined): size is IconButtonSize {\n  return size?.startsWith('icon-') ?? false;\n}\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n  (\n    {\n      className,\n      render,\n      as: asProp,\n      href,\n      to,\n      target,\n      prefetch,\n      size,\n      variant = 'default',\n      disabled,\n      children,\n      icon,\n      iconEnd,\n      tooltip,\n      tooltipPosition,\n      'aria-label': ariaLabelProp,\n      type,\n      ...props\n    },\n    ref,\n  ) => {\n    const iconMode = variant !== 'link' && isIconButtonSize(size);\n    const resolvedSize: ButtonSize = size ?? 'md';\n    const resolvedVariant: ButtonVariant = variant ?? 'default';\n    const isLabelless = !iconMode && isIconOnly(children);\n    const adornmentSize = adornmentIconSize(resolvedVariant, resolvedSize);\n\n    // Icon-only buttons need an a11y label. If a string tooltip is provided, reuse it.\n    const ariaLabel = ariaLabelProp ?? ((iconMode || isLabelless) && typeof tooltip === 'string' ? tooltip : undefined);\n\n    const content = iconMode ? (\n      <Icon size={iconSizeMap[resolvedSize]}>{children}</Icon>\n    ) : (\n      <>\n        <ButtonAdornment slot=\"button-icon\" size={adornmentSize}>\n          {icon}\n        </ButtonAdornment>\n        <ButtonLabel variant={resolvedVariant}>{children}</ButtonLabel>\n        <ButtonAdornment slot=\"button-icon-end\" size={adornmentSize}>\n          {iconEnd}\n        </ButtonAdornment>\n      </>\n    );\n\n    const sharedProps = {\n      disabled,\n      // Base UI renders `type=\"button\"` when the prop is absent, which would quietly stop\n      // a form button that relied on the native `submit` default from submitting. Passing\n      // it through, `undefined` included, keeps native semantics: absent stays absent.\n      type,\n      'aria-label': ariaLabel,\n      // Expose the variant so a parent ButtonsGroup can detect FILLED segments in CSS\n      // (filled buttons have an opaque background that hides a border seam, so the group\n      // paints their divider as an inset box-shadow instead — see buttons-group.css).\n      'data-variant': variant,\n      // Icon-mode is a square: a group that overrides the rung has to move the width with\n      // the height or the circle turns into a pill (see buttons-group.css).\n      'data-shape': iconMode ? 'icon' : undefined,\n      className: cn(buttonVariants({ variant, size: resolvedSize }), className),\n      ...props,\n    };\n\n    // The deprecated `as` API keeps its original element path rather than going through\n    // Base UI. Routing it through `render` drops props Base UI does not know about — a\n    // router link loses its `to` and stops navigating — and Base UI warns that a\n    // non-<button> contradicts `nativeButton`.\n    const LegacyComponent = render ? undefined : asProp;\n\n    // Only forward what the caller actually set. Passing `href={undefined}` through to a\n    // router link overwrites the href that link derives from `to`, leaving an anchor that\n    // renders correctly and navigates nowhere.\n    const legacyLinkProps = {\n      ...(href === undefined ? null : { href }),\n      ...(to === undefined ? null : { to }),\n      ...(target === undefined ? null : { target }),\n      ...(prefetch === undefined ? null : { prefetch }),\n    };\n\n    const renderedLink = React.isValidElement(render) && isLinkElement(render) ? render : undefined;\n    const renderedLinkProps = renderedLink?.props;\n    const disabledHref = renderedLink?.type !== 'a' && renderedLinkProps?.href !== undefined ? '' : undefined;\n    const disabledTo = renderedLinkProps?.to !== undefined ? '' : undefined;\n    const disabledLinkProps = disabled\n      ? {\n          href: disabledHref,\n          to: disabledTo,\n          'aria-disabled': true,\n          onClick: preventLinkActivation,\n          onAuxClick: preventLinkActivation,\n          onKeyDown: (event: React.KeyboardEvent) => {\n            if (event.key === 'Enter' || event.key === ' ') preventLinkActivation(event);\n          },\n        }\n      : undefined;\n\n    const button = LegacyComponent ? (\n      <LegacyComponent ref={ref} {...legacyLinkProps} {...sharedProps}>\n        {content}\n      </LegacyComponent>\n    ) : renderedLink ? (\n      React.cloneElement(renderedLink as React.ReactElement<Record<string, unknown>>, {\n        ref,\n        ...sharedProps,\n        disabled: undefined,\n        ...disabledLinkProps,\n        className: cn(sharedProps.className, renderedLink.props.className),\n        children: content,\n      })\n    ) : (\n      <BaseButton ref={ref} render={render} {...sharedProps}>\n        {content}\n      </BaseButton>\n    );\n\n    if (tooltip) {\n      return (\n        <Tooltip>\n          <TooltipTrigger asChild>{button}</TooltipTrigger>\n          <TooltipContent side={tooltipPosition}>{tooltip}</TooltipContent>\n        </Tooltip>\n      );\n    }\n\n    return button;\n  },\n);\n\nButton.displayName = 'Button';\n"],"names":["cn","iconSizeClasses","cva","controlStateColorTransition","sharedFormElementDisabledStyle","controlFocusBorderVisible","raisedControlSurfaceStyle","focusRingOffset","controlSizeClasses","controlHeight","jsx","Icon","tooltip","jsxs","Fragment","button","BaseButton","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}

package/dist/Button-C8QDEN9j.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-C8QDEN9j.js","sources":["../src/ds/components/Button/Button.tsx"],"sourcesContent":["import { Button as BaseButton } from '@base-ui/react/button';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { iconSizeClasses, type IconSize } from '@/ds/icons/icon-size-classes';\nimport { controlHeight, controlSizeClasses } from '@/ds/primitives/control-size';\nimport {\n  controlFocusBorderVisible,\n  raisedControlSurfaceStyle,\n  sharedFormElementDisabledStyle,\n} from '@/ds/primitives/form-element';\nimport { controlStateColorTransition, focusRingOffset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\n// Adornments for text-mode buttons: gap between icon+label and larger radius.\n// - `[data-slot=button-icon]` styles the `<Icon>` wrapper rendered by the `icon` prop — the only\n//   supported way to pair an icon with a label (always on the left, fixed gap).\n// - `[&>svg]` only remains for label-less text-mode buttons (e.g. CopyButton) that pass a bare\n//   SVG as children.\n// Excluded from icon-mode because icon-mode wraps children in `<Icon>` and uses its own\n// `rounded-full` (circle).\nconst TEXT_MODE_ADORNMENTS = cn(\n  'gap-[.75em] rounded-full',\n  '[&>[data-slot=button-icon]]:-ml-[.3em]',\n  '[&>[data-slot=button-icon-end]]:-mr-1',\n  '[&>svg]:mx-[-.3em]',\n);\n\nconst LINK_LAYOUT = cn(\n  'relative size-auto gap-1 rounded-xs px-0 text-label',\n  'before:absolute before:-inset-x-2',\n  '[&>[data-slot=button-icon-end]]:mr-0 [&>[data-slot=button-icon]]:ml-0 [&>svg]:mx-0',\n);\n\nconst LINK_LABEL = cn(\n  'relative inline-flex items-center gap-1',\n  iconSizeClasses.sm,\n  '[&>svg]:shrink-0',\n  'after:absolute after:inset-x-0 after:bottom-0 after:h-px after:origin-left after:scale-x-0 after:bg-current',\n  'after:transition-transform after:duration-fast after:ease-out-custom motion-reduce:after:transition-none',\n);\n\n// An icon is secondary to the label beside it, and on a neutral surface it says so with\n// a colour token rather than opacity. Opacity dims against whatever sits behind the\n// control, so the same glyph clears contrast on one surface and fails on another, and it\n// left icon-only buttons with no hover response at all: only their background moved.\n// Filled variants opt out because there the glyph colour carries the meaning.\nconst NEUTRAL_ICON_STATE = cn(\n  '[&_svg]:text-muted-foreground not-disabled:hover:[&_svg]:text-foreground aria-disabled:[&_svg]:text-muted-foreground',\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- exported variant helper is part of Button's public API\nexport const buttonVariants = cva(\n  cn(\n    'inline-flex cursor-pointer items-center justify-center',\n    controlStateColorTransition,\n    sharedFormElementDisabledStyle,\n    'aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-muted-foreground',\n    controlFocusBorderVisible,\n  ),\n  {\n    variants: {\n      variant: {\n        // The raised card material, the same one a field wears: a neutral filled control is\n        // one material system-wide. No border of its own — the material's rim is its edge,\n        // and focus repaints that rim. Inside a ButtonsGroup the group flattens the rim and\n        // hands every segment the same 1px border instead (see `buttons-group.css`).\n        default: cn(\n          'border-0',\n          raisedControlSurfaceStyle,\n          NEUTRAL_ICON_STATE,\n          'disabled:bg-fill-subtle aria-disabled:bg-fill-subtle',\n        ),\n        // Filled variants take the opaque ladder: their rest fill is a colour, not a rung\n        // layered on the surface, so a state that thinned it would let whatever the button\n        // covers read through the hover it is meant to answer.\n        primary: cn(\n          'border border-transparent bg-fill-inverse text-background not-disabled:hover:bg-fill-inverse-hover not-disabled:active:bg-fill-inverse-active',\n          focusRingOffset,\n          'focus-visible:border-transparent',\n          'disabled:bg-fill-inverse-disabled disabled:text-background/75 aria-disabled:bg-fill-inverse-disabled aria-disabled:text-background/75',\n        ),\n        destructive: cn(\n          'border border-transparent bg-fill-destructive text-fill-destructive-foreground not-disabled:hover:bg-fill-destructive-hover not-disabled:active:bg-fill-destructive-active',\n          focusRingOffset,\n          'focus-visible:border-transparent',\n          'disabled:bg-fill-destructive-disabled disabled:text-fill-destructive-disabled-foreground aria-disabled:bg-fill-destructive-disabled aria-disabled:text-fill-destructive-disabled-foreground',\n        ),\n        'destructive-ghost': cn(\n          'border border-transparent bg-transparent text-destructive-foreground not-disabled:hover:bg-destructive-subtle not-disabled:hover:text-destructive-foreground not-disabled:active:bg-destructive-subtle-active',\n          'disabled:bg-transparent disabled:text-placeholder aria-disabled:bg-transparent aria-disabled:text-placeholder',\n        ),\n        ghost: cn(\n          'border border-transparent bg-transparent text-muted-foreground not-disabled:hover:bg-fill-subtle not-disabled:hover:text-foreground not-disabled:active:bg-fill',\n          'disabled:bg-transparent aria-disabled:bg-transparent',\n        ),\n        link: cn(\n          'border-0 bg-transparent text-muted-foreground not-disabled:hover:text-foreground',\n          'not-disabled:hover:[&>[data-slot=button-label]]:after:scale-x-100 not-disabled:hover:[&>[data-slot=button-label]]:after:duration-normal',\n          focusRingOffset,\n          'disabled:text-placeholder aria-disabled:text-placeholder',\n        ),\n      },\n      size: {\n        sm: cn(controlSizeClasses.sm, iconSizeClasses.sm, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n        md: cn(controlSizeClasses.md, iconSizeClasses.md, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n        lg: cn(controlSizeClasses.lg, iconSizeClasses.lg, 'px-[1em]', TEXT_MODE_ADORNMENTS),\n        // Icon sizes: square dimensions, fully rounded → circle. Active state inherits from variant\n        // so icon-mode and text-mode use the same press feedback. The glyph is sized by the `Icon`\n        // wrapper the component puts around an icon-mode child, keyed off the same scale.\n        'icon-sm': cn(controlHeight.sm, 'w-control-sm rounded-full'),\n        'icon-md': cn(controlHeight.md, 'w-control-md rounded-full'),\n        'icon-lg': cn(controlHeight.lg, 'w-control-lg rounded-full'),\n      },\n    },\n    compoundVariants: [\n      { variant: 'link', className: LINK_LAYOUT },\n      { variant: 'link', size: ['sm', 'md', 'icon-sm', 'icon-md'], className: 'before:-inset-y-1' },\n      { variant: 'link', size: ['lg', 'icon-lg'], className: 'before:-inset-y-1.5' },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\n// Public types derived from cva — single source of truth. Adding a variant or size to\n// `buttonVariants` automatically updates these unions.\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\nexport type ButtonVariant = NonNullable<ButtonVariantsProps['variant']>;\nexport type ButtonSize = NonNullable<ButtonVariantsProps['size']>;\nexport type IconButtonSize = Extract<ButtonSize, `icon-${string}`>;\nexport type TextButtonSize = Exclude<ButtonSize, IconButtonSize>;\n\nexport interface ButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, ButtonVariantsProps {\n  render?: BaseButton.Props['render'];\n  className?: string;\n  children: React.ReactNode;\n  /** Leading icon, always rendered on the left of the label inside `<Icon>`. Ignored in icon-mode sizes. */\n  icon?: React.ReactNode;\n  iconEnd?: React.ReactNode;\n  tooltip?: React.ReactNode;\n  /** Side of the trigger the tooltip opens on. Defaults to `top`. */\n  tooltipPosition?: 'top' | 'right' | 'bottom' | 'left';\n  /** @deprecated Pass the element through `render` instead: `render={<Link href=\"/x\" />}`. */\n  as?: React.ElementType;\n  /** @deprecated Set it on the element passed to `render`. */\n  href?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  to?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  target?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  prefetch?: boolean | null;\n}\n\n// A link is not a button. `render` always entered `BaseButton`, which warns in\n// development when the resolved element is not a native button. `nativeButton={false}`\n// is the worse fix: Base UI then adds `role=\"button\"` and Enter/Space handling, so a\n// screen reader announces a link as a button. Render links directly instead and keep\n// `BaseButton` for real buttons.\nfunction isLinkElement(\n  element: React.ReactElement,\n): element is React.ReactElement<{ href?: unknown; to?: unknown; className?: string }> {\n  if (element.type === 'a') return true;\n  const { href, to } = element.props as { href?: unknown; to?: unknown };\n  return href !== undefined || to !== undefined;\n}\n\nfunction preventLinkActivation(event: React.SyntheticEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\n// One icon step per control step: a glyph is sized by the rung it sits in, so the\n// same nominal size renders the same icon whether it arrives as an icon-mode child,\n// the `icon` prop, or a bare SVG.\nconst iconSizeMap: Record<ButtonSize, IconSize> = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n  'icon-sm': 'sm',\n  'icon-md': 'md',\n  'icon-lg': 'lg',\n};\n\nfunction adornmentIconSize(variant: ButtonVariant, size: ButtonSize): IconSize {\n  if (variant === 'link') return 'sm';\n  return iconSizeMap[size];\n}\n\nfunction ButtonAdornment({ slot, size, children }: { slot: string; size: IconSize; children: React.ReactNode }) {\n  if (!children) return undefined;\n  return (\n    <Icon data-slot={slot} size={size}>\n      {children}\n    </Icon>\n  );\n}\n\nfunction ButtonLabel({ variant, children }: { variant: ButtonVariant; children: React.ReactNode }) {\n  if (variant !== 'link') return children;\n  return (\n    <span data-slot=\"button-label\" className={LINK_LABEL}>\n      {children}\n    </span>\n  );\n}\n\n// Walks React children, expanding `<></>` fragments so `isIconOnly` can inspect the real\n// elements inside. `<Button><><Icon/></></Button>` should still count as icon-only.\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n  const result: React.ReactNode[] = [];\n  React.Children.forEach(children, child => {\n    if (React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === React.Fragment) {\n      result.push(...flattenChildren(child.props.children));\n    } else {\n      result.push(child);\n    }\n  });\n  return result;\n}\n\n// True when every child is a React element (no text/label). Used in text-mode to brighten the\n// SVG of label-less buttons so the glyph reads stronger.\nfunction isIconOnly(children: React.ReactNode): boolean {\n  const flat = flattenChildren(children);\n  return flat.length > 0 && flat.every(child => React.isValidElement(child));\n}\n\n// Type guard: narrows `ButtonSize` to `IconButtonSize`, so an icon-mode button can be\n// told from a text-mode one without a cast.\n// eslint-disable-next-line react-refresh/only-export-components -- shared with Combobox's icon-only trigger\nexport function isIconButtonSize(size: ButtonSize | null | undefined): size is IconButtonSize {\n  return size?.startsWith('icon-') ?? false;\n}\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n  (\n    {\n      className,\n      render,\n      as: asProp,\n      href,\n      to,\n      target,\n      prefetch,\n      size,\n      variant = 'default',\n      disabled,\n      children,\n      icon,\n      iconEnd,\n      tooltip,\n      tooltipPosition,\n      'aria-label': ariaLabelProp,\n      type,\n      ...props\n    },\n    ref,\n  ) => {\n    const iconMode = variant !== 'link' && isIconButtonSize(size);\n    const resolvedSize: ButtonSize = size ?? 'md';\n    const resolvedVariant: ButtonVariant = variant ?? 'default';\n    const isLabelless = !iconMode && isIconOnly(children);\n    const adornmentSize = adornmentIconSize(resolvedVariant, resolvedSize);\n\n    // Icon-only buttons need an a11y label. If a string tooltip is provided, reuse it.\n    const ariaLabel = ariaLabelProp ?? ((iconMode || isLabelless) && typeof tooltip === 'string' ? tooltip : undefined);\n\n    const content = iconMode ? (\n      <Icon size={iconSizeMap[resolvedSize]}>{children}</Icon>\n    ) : (\n      <>\n        <ButtonAdornment slot=\"button-icon\" size={adornmentSize}>\n          {icon}\n        </ButtonAdornment>\n        <ButtonLabel variant={resolvedVariant}>{children}</ButtonLabel>\n        <ButtonAdornment slot=\"button-icon-end\" size={adornmentSize}>\n          {iconEnd}\n        </ButtonAdornment>\n      </>\n    );\n\n    const sharedProps = {\n      disabled,\n      // Base UI renders `type=\"button\"` when the prop is absent, which would quietly stop\n      // a form button that relied on the native `submit` default from submitting. Passing\n      // it through, `undefined` included, keeps native semantics: absent stays absent.\n      type,\n      'aria-label': ariaLabel,\n      // Expose the variant so a parent ButtonsGroup can detect FILLED segments in CSS\n      // (filled buttons have an opaque background that hides a border seam, so the group\n      // paints their divider as an inset box-shadow instead — see buttons-group.css).\n      'data-variant': variant,\n      // Icon-mode is a square: a group that overrides the rung has to move the width with\n      // the height or the circle turns into a pill (see buttons-group.css).\n      'data-shape': iconMode ? 'icon' : undefined,\n      className: cn(buttonVariants({ variant, size: resolvedSize }), className),\n      ...props,\n    };\n\n    // The deprecated `as` API keeps its original element path rather than going through\n    // Base UI. Routing it through `render` drops props Base UI does not know about — a\n    // router link loses its `to` and stops navigating — and Base UI warns that a\n    // non-<button> contradicts `nativeButton`.\n    const LegacyComponent = render ? undefined : asProp;\n\n    // Only forward what the caller actually set. Passing `href={undefined}` through to a\n    // router link overwrites the href that link derives from `to`, leaving an anchor that\n    // renders correctly and navigates nowhere.\n    const legacyLinkProps = {\n      ...(href === undefined ? null : { href }),\n      ...(to === undefined ? null : { to }),\n      ...(target === undefined ? null : { target }),\n      ...(prefetch === undefined ? null : { prefetch }),\n    };\n\n    const renderedLink = React.isValidElement(render) && isLinkElement(render) ? render : undefined;\n    const renderedLinkProps = renderedLink?.props;\n    const disabledHref = renderedLink?.type !== 'a' && renderedLinkProps?.href !== undefined ? '' : undefined;\n    const disabledTo = renderedLinkProps?.to !== undefined ? '' : undefined;\n    const disabledLinkProps = disabled\n      ? {\n          href: disabledHref,\n          to: disabledTo,\n          'aria-disabled': true,\n          onClick: preventLinkActivation,\n          onAuxClick: preventLinkActivation,\n          onKeyDown: (event: React.KeyboardEvent) => {\n            if (event.key === 'Enter' || event.key === ' ') preventLinkActivation(event);\n          },\n        }\n      : undefined;\n\n    const button = LegacyComponent ? (\n      <LegacyComponent ref={ref} {...legacyLinkProps} {...sharedProps}>\n        {content}\n      </LegacyComponent>\n    ) : renderedLink ? (\n      React.cloneElement(renderedLink as React.ReactElement<Record<string, unknown>>, {\n        ref,\n        ...sharedProps,\n        disabled: undefined,\n        ...disabledLinkProps,\n        className: cn(sharedProps.className, renderedLink.props.className),\n        children: content,\n      })\n    ) : (\n      <BaseButton ref={ref} render={render} {...sharedProps}>\n        {content}\n      </BaseButton>\n    );\n\n    if (tooltip) {\n      return (\n        <Tooltip>\n          <TooltipTrigger asChild>{button}</TooltipTrigger>\n          <TooltipContent side={tooltipPosition}>{tooltip}</TooltipContent>\n        </Tooltip>\n      );\n    }\n\n    return button;\n  },\n);\n\nButton.displayName = 'Button';\n"],"names":["React","BaseButton"],"mappings":"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"}

package/dist/data-list-DkVOwk8l.cjs

@@ -1,142 +0,0 @@
-'use strict';
-
-const dataListTop = require('./data-list-top-Ds-NWyPO.cjs');
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const hooks_useFluidHover = require('./hooks/use-fluid-hover.cjs.js');
-const utils_cn = require('./cn-TqD01zH-.cjs');
-const dataListSpacer = require('./data-list-spacer-pXP8xDlg.cjs');
-const lucideReact = require('lucide-react');
-const Button = require('./Button-BfZzgZrA.cjs');
-const Txt = require('./Txt-DXjXpX9r.cjs');
-
-const DataListGroup = React.forwardRef(({ className, ...rest }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "section",
-    {
-      ref,
-      ...{ [hooks_useFluidHover.GROUP_ATTR]: "" },
-      className: utils_cn.cn("col-span-full grid grid-cols-subgrid gap-y-px [&>:not(.data-list-row)]:col-span-full", className),
-      ...rest
-    }
-  );
-});
-DataListGroup.displayName = "DataListGroup";
-
-function DataListPagination({ currentPage, hasMore, onNextPage, onPrevPage }) {
-  const showNavigation = typeof currentPage === "number" && currentPage > 0 || hasMore;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-full flex items-center justify-center gap-4 py-3 text-body text-muted-foreground", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-      "Page ",
-      /* @__PURE__ */ jsxRuntime.jsx("b", { children: currentPage ? currentPage + 1 : "1" })
-    ] }),
-    showNavigation && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4", children: [
-      typeof currentPage === "number" && currentPage > 0 && /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { type: "button", size: "sm", onClick: onPrevPage, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeftIcon, {}), children: "Previous" }),
-      hasMore && /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { type: "button", size: "sm", onClick: onNextPage, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, {}), children: "Next" })
-    ] })
-  ] });
-}
-
-const DataListRowStatic = React.forwardRef(
-  ({ children, className, colStart, colEnd, featured, variant, style, ...rest }, ref) => {
-    const isWrapped = dataListSpacer.useDataListRowWrapperContext();
-    const hasColumnOverride = colStart !== void 0 || colEnd !== void 0;
-    const cellsClass = hasColumnOverride ? void 0 : "data-list-cells";
-    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: utils_cn.cn(isWrapped ? "grid grid-cols-subgrid gap-4 px-3" : dataListTop.dataListRowStaticStyles, cellsClass, className),
-        style: resolvedStyle,
-        "data-featured": featured || void 0,
-        "data-variant": variant ?? "default",
-        ...rest,
-        children
-      }
-    );
-  }
-);
-DataListRowStatic.displayName = "DataListRowStatic";
-
-const DataListSubheader = React.forwardRef(
-  ({ children, className, ...rest }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: utils_cn.cn(
-          "data-list-subheader relative isolate col-span-full px-3 py-2 text-subheading text-muted-foreground",
-          "bg-(--data-list-background)",
-          className
-        ),
-        ...rest,
-        children
-      }
-    );
-  }
-);
-DataListSubheader.displayName = "DataListSubheader";
-
-function DataListSubHeading({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "faint", className, children });
-}
-
-const DataListTopCells = React.forwardRef(
-  ({ children, className, flushLeft, colStart, style, ...rest }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: utils_cn.cn(
-          "pointer-events-none grid grid-cols-subgrid gap-4 px-3 [&>*]:pointer-events-auto",
-          !colStart && "data-list-cells col-span-full",
-          flushLeft && "pl-0!",
-          className
-        ),
-        style: colStart ? { ...style, gridColumn: `${colStart} / -1` } : style,
-        ...rest,
-        children
-      }
-    );
-  }
-);
-DataListTopCells.displayName = "DataListTopCells";
-
-const DataList = Object.assign(dataListTop.DataListRoot, {
-  Top: dataListTop.DataListTop,
-  TopCells: DataListTopCells,
-  TopCell: dataListTop.DataListTopCell,
-  SortableTopCell: dataListSpacer.DataListSortableTopCell,
-  TopCellWithTooltip: dataListTop.DataListTopCellWithTooltip,
-  TopCellSmart: dataListTop.DataListTopCellSmart,
-  RowWrapper: dataListSpacer.DataListRowWrapper,
-  RowButton: dataListSpacer.DataListRowButton,
-  RowLink: dataListSpacer.DataListRowLink,
-  RowStatic: DataListRowStatic,
-  Cell: dataListTop.DataListCell,
-  ActionsCell: dataListTop.DataListActionsCell,
-  TextCell: dataListTop.DataListTextCell,
-  NameCell: dataListTop.DataListNameCell,
-  DescriptionCell: dataListTop.DataListDescriptionCell,
-  IdCell: dataListTop.DataListIdCell,
-  RowHeaderCell: dataListTop.DataListRowHeaderCell,
-  NumberCell: dataListTop.DataListNumberCell,
-  DateCell: dataListTop.DataListDateCell,
-  CreatedCell: dataListTop.DataListCreatedCell,
-  TimeCell: dataListTop.DataListTimeCell,
-  SelectCell: dataListTop.DataListSelectCell,
-  TopSelectCell: dataListTop.DataListTopSelectCell,
-  NoMatch: dataListSpacer.DataListNoMatch,
-  Group: DataListGroup,
-  Subheader: DataListSubheader,
-  SubHeading: DataListSubHeading,
-  Spacer: dataListSpacer.DataListSpacer,
-  NextPageLoading: dataListSpacer.DataListNextPageLoading,
-  Pagination: DataListPagination
-});
-
-exports.DataList = DataList;
-exports.DataListSubHeading = DataListSubHeading;
-exports.DataListSubheader = DataListSubheader;
-//# sourceMappingURL=data-list-DkVOwk8l.cjs.map

package/dist/data-list-DkVOwk8l.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-list-DkVOwk8l.cjs","sources":["../src/ds/components/DataList/data-list-group.tsx","../src/ds/components/DataList/data-list-pagination.tsx","../src/ds/components/DataList/data-list-row-static.tsx","../src/ds/components/DataList/data-list-subheader.tsx","../src/ds/components/DataList/data-list-subheading.tsx","../src/ds/components/DataList/data-list-top-cells.tsx","../src/ds/components/DataList/data-list.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { GROUP_ATTR } from '@/hooks/use-fluid-hover';\nimport { cn } from '@/lib/utils';\n\nexport type DataListGroupProps = ComponentPropsWithoutRef<'section'>;\n\n/** Rows sharing the list's columns; the hover lights them only while the pointer is on or between them. */\nexport const DataListGroup = forwardRef<HTMLElement, DataListGroupProps>(({ className, ...rest }, ref) => {\n  return (\n    <section\n      ref={ref}\n      {...{ [GROUP_ATTR]: '' }}\n      className={cn('col-span-full grid grid-cols-subgrid gap-y-px [&>:not(.data-list-row)]:col-span-full', className)}\n      {...rest}\n    />\n  );\n});\n\nDataListGroup.displayName = 'DataListGroup';\n","import { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport type DataListPaginationProps = {\n  currentPage?: number;\n  hasMore?: boolean;\n  onNextPage?: () => void;\n  onPrevPage?: () => void;\n};\n\nexport function DataListPagination({ currentPage, hasMore, onNextPage, onPrevPage }: DataListPaginationProps) {\n  const showNavigation = (typeof currentPage === 'number' && currentPage > 0) || hasMore;\n\n  return (\n    <div className=\"col-span-full flex items-center justify-center gap-4 py-3 text-body text-muted-foreground\">\n      <span>\n        Page <b>{currentPage ? currentPage + 1 : '1'}</b>\n      </span>\n      {showNavigation && (\n        <div className=\"flex gap-4\">\n          {typeof currentPage === 'number' && currentPage > 0 && (\n            <Button type=\"button\" size=\"sm\" onClick={onPrevPage} icon={<ArrowLeftIcon />}>\n              Previous\n            </Button>\n          )}\n          {hasMore && (\n            <Button type=\"button\" size=\"sm\" onClick={onNextPage} icon={<ArrowRightIcon />}>\n              Next\n            </Button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { useDataListRowWrapperContext } from './data-list-row-wrapper-context';\nimport { dataListRowStaticStyles } from './shared';\nimport type { DataListRowSharedProps } from './shared';\nimport { cn } from '@/lib/utils';\n\nexport type DataListRowStaticProps = ComponentPropsWithoutRef<'div'> & DataListRowSharedProps;\n\n/**\n * Non-interactive row. Use when a row should *display* like a regular row but\n * has no link target or click handler\n */\nexport const DataListRowStatic = forwardRef<HTMLDivElement, DataListRowStaticProps>(\n  ({ children, className, colStart, colEnd, featured, variant, style, ...rest }, ref) => {\n    const isWrapped = useDataListRowWrapperContext();\n    const hasColumnOverride = colStart !== undefined || colEnd !== undefined;\n    const cellsClass = hasColumnOverride ? undefined : 'data-list-cells';\n    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;\n    return (\n      <div\n        ref={ref}\n        className={cn(isWrapped ? 'grid grid-cols-subgrid gap-4 px-3' : dataListRowStaticStyles, cellsClass, className)}\n        style={resolvedStyle}\n        data-featured={featured || undefined}\n        data-variant={variant ?? 'default'}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDataListRowStatic.displayName = 'DataListRowStatic';\n","import { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DataListSubheaderProps = ComponentPropsWithoutRef<'div'>;\n\nexport const DataListSubheader = forwardRef<HTMLDivElement, DataListSubheaderProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'data-list-subheader relative isolate col-span-full px-3 py-2 text-subheading text-muted-foreground',\n          'bg-(--data-list-background)',\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDataListSubheader.displayName = 'DataListSubheader';\n","import type { ReactNode } from 'react';\nimport { Txt } from '@/ds/components/Txt';\n\nexport type DataListSubHeadingProps = {\n  children: ReactNode;\n  className?: string;\n};\n\nexport function DataListSubHeading({ children, className }: DataListSubHeadingProps) {\n  return (\n    <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className={className}>\n      {children}\n    </Txt>\n  );\n}\n","import { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DataListTopCellsProps = ComponentPropsWithoutRef<'div'> & {\n  /**\n   * Drop the group's default left margin. Use when this sits as the second\n   * child of a gap-0 `DataList.Top`, beside a `DataList.TopSelectCell` that\n   * owns the leading column.\n   */\n  flushLeft?: boolean;\n  /**\n   * Place the group starting at this column line, spanning through to the\n   * last column. Defaults to the full grid (`col-span-full`). Use when this\n   * sits beside a leading cell that owns column 1.\n   */\n  colStart?: number;\n};\n\n/**\n * Non-interactive header equivalent of `DataList.RowButton`. Groups a set of\n * `DataList.TopCell`s with the same horizontal layout (gap, mx, px) as\n * `RowButton`, so columns inside a wrapped `Top` line up cell-for-cell with the\n * columns inside a wrapped `Row`.\n */\nexport const DataListTopCells = forwardRef<HTMLDivElement, DataListTopCellsProps>(\n  ({ children, className, flushLeft, colStart, style, ...rest }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'pointer-events-none grid grid-cols-subgrid gap-4 px-3 [&>*]:pointer-events-auto',\n          !colStart && 'data-list-cells col-span-full',\n          flushLeft && 'pl-0!',\n          className,\n        )}\n        style={colStart ? { ...style, gridColumn: `${colStart} / -1` } : style}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDataListTopCells.displayName = 'DataListTopCells';\n","import {\n  DataListActionsCell,\n  DataListCell,\n  DataListTextCell,\n  DataListNameCell,\n  DataListDescriptionCell,\n  DataListIdCell,\n  DataListRowHeaderCell,\n  DataListNumberCell,\n  DataListSelectCell,\n  DataListDateCell,\n  DataListCreatedCell,\n  DataListTimeCell,\n} from './data-list-cells';\nimport { DataListGroup } from './data-list-group';\nimport { DataListNextPageLoading } from './data-list-next-page-loading';\nimport { DataListNoMatch } from './data-list-no-match';\nimport { DataListPagination } from './data-list-pagination';\nimport { DataListRoot } from './data-list-root';\nimport { DataListRowButton } from './data-list-row-button';\nimport { DataListRowLink } from './data-list-row-link';\nimport { DataListRowStatic } from './data-list-row-static';\nimport { DataListRowWrapper } from './data-list-row-wrapper';\nimport { DataListSortableTopCell } from './data-list-sortable-top-cell';\nimport { DataListSpacer } from './data-list-spacer';\nimport { DataListSubheader } from './data-list-subheader';\nimport { DataListSubHeading } from './data-list-subheading';\nimport { DataListTop } from './data-list-top';\nimport {\n  DataListTopCell,\n  DataListTopCellWithTooltip,\n  DataListTopCellSmart,\n  DataListTopSelectCell,\n} from './data-list-top-cell';\nimport { DataListTopCells } from './data-list-top-cells';\n\nexport type { DataListRootProps, DataListVariant } from './data-list-root';\nexport type { DataListSortableTopCellProps, DataListSort } from './data-list-sortable-top-cell';\n\nexport const DataList = Object.assign(DataListRoot, {\n  Top: DataListTop,\n  TopCells: DataListTopCells,\n  TopCell: DataListTopCell,\n  SortableTopCell: DataListSortableTopCell,\n  TopCellWithTooltip: DataListTopCellWithTooltip,\n  TopCellSmart: DataListTopCellSmart,\n  RowWrapper: DataListRowWrapper,\n  RowButton: DataListRowButton,\n  RowLink: DataListRowLink,\n  RowStatic: DataListRowStatic,\n  Cell: DataListCell,\n  ActionsCell: DataListActionsCell,\n  TextCell: DataListTextCell,\n  NameCell: DataListNameCell,\n  DescriptionCell: DataListDescriptionCell,\n  IdCell: DataListIdCell,\n  RowHeaderCell: DataListRowHeaderCell,\n  NumberCell: DataListNumberCell,\n  DateCell: DataListDateCell,\n  CreatedCell: DataListCreatedCell,\n  TimeCell: DataListTimeCell,\n  SelectCell: DataListSelectCell,\n  TopSelectCell: DataListTopSelectCell,\n  NoMatch: DataListNoMatch,\n  Group: DataListGroup,\n  Subheader: DataListSubheader,\n  SubHeading: DataListSubHeading,\n  Spacer: DataListSpacer,\n  NextPageLoading: DataListNextPageLoading,\n  Pagination: DataListPagination,\n});\n"],"names":["forwardRef","jsx","GROUP_ATTR","cn","jsxs","Button","ArrowLeftIcon","ArrowRightIcon","useDataListRowWrapperContext","dataListRowStaticStyles","Txt","DataListRoot","DataListTop","DataListTopCell","DataListSortableTopCell","DataListTopCellWithTooltip","DataListTopCellSmart","DataListRowWrapper","DataListRowButton","DataListRowLink","DataListCell","DataListActionsCell","DataListTextCell","DataListNameCell","DataListDescriptionCell","DataListIdCell","DataListRowHeaderCell","DataListNumberCell","DataListDateCell","DataListCreatedCell","DataListTimeCell","DataListSelectCell","DataListTopSelectCell","DataListNoMatch","DataListSpacer","DataListNextPageLoading"],"mappings":"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"}