@mastra/playground-ui 56.0.0 → 57.0.0-alpha.0

package/dist/{EmptyState-CdRjFB06.cjs → EmptyState-0MgNiP40.cjs}

@@ -1,22 +1,24 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
 
 function EmptyState({
-  iconSlot,
+  iconSlot = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleSlashIcon, {}),
   titleSlot,
   descriptionSlot,
   actionSlot,
   className,
-  as: HeadingTag = "h3"
+  as: HeadingTag = "h3",
+  variant = "inline"
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       className: utils_cn.cn(
         "flex flex-col items-center justify-center px-4 py-6 text-center",
-        "duration-normal transition-opacity ease-out-custom",
+        "transition-opacity duration-normal ease-out-custom",
         className
       ),
       children: [
@@ -27,7 +29,11 @@ function EmptyState({
       ]
     }
   );
+  if (variant === "fill") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "empty-state-fill", className: "flex h-full items-center-safe justify-center-safe", children: content });
+  }
+  return content;
 }
 
 exports.EmptyState = EmptyState;
-//# sourceMappingURL=EmptyState-CdRjFB06.cjs.map
+//# sourceMappingURL=EmptyState-0MgNiP40.cjs.map

package/dist/EmptyState-0MgNiP40.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState-0MgNiP40.cjs","sources":["../src/ds/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { CircleSlashIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type EmptyStateProps = {\n  /** Defaults to a circle-slash icon. Pass `null` to render no icon. */\n  iconSlot?: React.ReactNode;\n  titleSlot: React.ReactNode;\n  descriptionSlot?: React.ReactNode;\n  actionSlot?: React.ReactNode;\n  className?: string;\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  /**\n   * `inline` (default) renders the block in place.\n   * `fill` centers it in the full height of its parent — the parent must have a definite height.\n   */\n  variant?: 'inline' | 'fill';\n};\n\nexport function EmptyState({\n  iconSlot = <CircleSlashIcon />,\n  titleSlot,\n  descriptionSlot,\n  actionSlot,\n  className,\n  as: HeadingTag = 'h3',\n  variant = 'inline',\n}: EmptyStateProps) {\n  const content = (\n    <div\n      className={cn(\n        'flex flex-col items-center justify-center px-4 py-6 text-center',\n        'transition-opacity duration-normal ease-out-custom',\n        className,\n      )}\n    >\n      {iconSlot && <div className=\"mb-3\">{iconSlot}</div>}\n      <HeadingTag className=\"text-subheading text-foreground\">{titleSlot}</HeadingTag>\n      {descriptionSlot && <p className=\"text-caption text-muted-foreground mt-1.5 max-w-md\">{descriptionSlot}</p>}\n      {actionSlot && <div className=\"mt-4\">{actionSlot}</div>}\n    </div>\n  );\n\n  if (variant === 'fill') {\n    return (\n      <div data-slot=\"empty-state-fill\" className=\"flex h-full items-center-safe justify-center-safe\">\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n"],"names":["CircleSlashIcon","jsxs","cn","jsx"],"mappings":";;;;;;AAmBO,SAAS,UAAA,CAAW;AAAA,EACzB,QAAA,kCAAYA,2BAAA,EAAA,EAAgB,CAAA;AAAA,EAC5B,SAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAI,UAAA,GAAa,IAAA;AAAA,EACjB,OAAA,GAAU;AACZ,CAAA,EAAoB;AAClB,EAAA,MAAM,OAAA,mBACJC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,iEAAA;AAAA,QACA,oDAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA,oBAAYC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EAAQ,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,wBAC7CA,cAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAA,SAAA,EAAU,CAAA;AAAA,QAClE,eAAA,oBAAmBA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,sDAAsD,QAAA,EAAA,eAAA,EAAgB,CAAA;AAAA,QACtG,UAAA,oBAAcA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,QAAQ,QAAA,EAAA,UAAA,EAAW;AAAA;AAAA;AAAA,GACnD;AAGF,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,sCACG,KAAA,EAAA,EAAI,WAAA,EAAU,kBAAA,EAAmB,SAAA,EAAU,qDACzC,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,OAAA;AACT;;;;"}

package/dist/{EmptyState-UWXhBp5U.js → EmptyState-CiZVWvpH.js}

@@ -1,20 +1,22 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { CircleSlashIcon } from 'lucide-react';
 import { c as cn } from './cn-65Adrsfj.js';
 
 function EmptyState({
-  iconSlot,
+  iconSlot = /* @__PURE__ */ jsx(CircleSlashIcon, {}),
   titleSlot,
   descriptionSlot,
   actionSlot,
   className,
-  as: HeadingTag = "h3"
+  as: HeadingTag = "h3",
+  variant = "inline"
 }) {
-  return /* @__PURE__ */ jsxs(
+  const content = /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
         "flex flex-col items-center justify-center px-4 py-6 text-center",
-        "duration-normal transition-opacity ease-out-custom",
+        "transition-opacity duration-normal ease-out-custom",
         className
       ),
       children: [
@@ -25,7 +27,11 @@ function EmptyState({
       ]
     }
   );
+  if (variant === "fill") {
+    return /* @__PURE__ */ jsx("div", { "data-slot": "empty-state-fill", className: "flex h-full items-center-safe justify-center-safe", children: content });
+  }
+  return content;
 }
 
 export { EmptyState as E };
-//# sourceMappingURL=EmptyState-UWXhBp5U.js.map
+//# sourceMappingURL=EmptyState-CiZVWvpH.js.map

package/dist/EmptyState-CiZVWvpH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState-CiZVWvpH.js","sources":["../src/ds/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { CircleSlashIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type EmptyStateProps = {\n  /** Defaults to a circle-slash icon. Pass `null` to render no icon. */\n  iconSlot?: React.ReactNode;\n  titleSlot: React.ReactNode;\n  descriptionSlot?: React.ReactNode;\n  actionSlot?: React.ReactNode;\n  className?: string;\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  /**\n   * `inline` (default) renders the block in place.\n   * `fill` centers it in the full height of its parent — the parent must have a definite height.\n   */\n  variant?: 'inline' | 'fill';\n};\n\nexport function EmptyState({\n  iconSlot = <CircleSlashIcon />,\n  titleSlot,\n  descriptionSlot,\n  actionSlot,\n  className,\n  as: HeadingTag = 'h3',\n  variant = 'inline',\n}: EmptyStateProps) {\n  const content = (\n    <div\n      className={cn(\n        'flex flex-col items-center justify-center px-4 py-6 text-center',\n        'transition-opacity duration-normal ease-out-custom',\n        className,\n      )}\n    >\n      {iconSlot && <div className=\"mb-3\">{iconSlot}</div>}\n      <HeadingTag className=\"text-subheading text-foreground\">{titleSlot}</HeadingTag>\n      {descriptionSlot && <p className=\"text-caption text-muted-foreground mt-1.5 max-w-md\">{descriptionSlot}</p>}\n      {actionSlot && <div className=\"mt-4\">{actionSlot}</div>}\n    </div>\n  );\n\n  if (variant === 'fill') {\n    return (\n      <div data-slot=\"empty-state-fill\" className=\"flex h-full items-center-safe justify-center-safe\">\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n"],"names":[],"mappings":";;;;AAmBO,SAAS,UAAA,CAAW;AAAA,EACzB,QAAA,uBAAY,eAAA,EAAA,EAAgB,CAAA;AAAA,EAC5B,SAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAI,UAAA,GAAa,IAAA;AAAA,EACjB,OAAA,GAAU;AACZ,CAAA,EAAoB;AAClB,EAAA,MAAM,OAAA,mBACJ,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,iEAAA;AAAA,QACA,oDAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA,oBAAY,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EAAQ,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,wBAC7C,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAA,SAAA,EAAU,CAAA;AAAA,QAClE,eAAA,oBAAmB,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,sDAAsD,QAAA,EAAA,eAAA,EAAgB,CAAA;AAAA,QACtG,UAAA,oBAAc,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,QAAQ,QAAA,EAAA,UAAA,EAAW;AAAA;AAAA;AAAA,GACnD;AAGF,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,2BACG,KAAA,EAAA,EAAI,WAAA,EAAU,kBAAA,EAAmB,SAAA,EAAU,qDACzC,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,OAAA;AACT;;;;"}

package/dist/ErrorState-C7-4A-rB.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const EmptyState = require('./EmptyState-0MgNiP40.cjs');
+
+function ErrorState({ title, message, action, variant }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    EmptyState.EmptyState,
+    {
+      iconSlot: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleXIcon, { className: "size-8 text-red-900" }),
+      titleSlot: title,
+      descriptionSlot: message,
+      actionSlot: action,
+      variant
+    }
+  );
+}
+
+exports.ErrorState = ErrorState;
+//# sourceMappingURL=ErrorState-C7-4A-rB.cjs.map

package/dist/ErrorState-C7-4A-rB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState-C7-4A-rB.cjs","sources":["../src/ds/components/ErrorState/ErrorState.tsx"],"sourcesContent":["import { CircleXIcon } from 'lucide-react';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport type { EmptyStateProps } from '@/ds/components/EmptyState';\n\nexport type ErrorStateProps = {\n  title: string;\n  message: string;\n  action?: React.ReactNode;\n  variant?: EmptyStateProps['variant'];\n};\n\nexport function ErrorState({ title, message, action, variant }: ErrorStateProps) {\n  return (\n    <EmptyState\n      iconSlot={<CircleXIcon className=\"size-8 text-red-900\" />}\n      titleSlot={title}\n      descriptionSlot={message}\n      actionSlot={action}\n      variant={variant}\n    />\n  );\n}\n"],"names":["jsx","EmptyState","CircleXIcon"],"mappings":";;;;;;AAWO,SAAS,WAAW,EAAE,KAAA,EAAO,OAAA,EAAS,MAAA,EAAQ,SAAQ,EAAoB;AAC/E,EAAA,uBACEA,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACC,QAAA,kBAAUD,cAAA,CAACE,uBAAA,EAAA,EAAY,SAAA,EAAU,qBAAA,EAAsB,CAAA;AAAA,MACvD,SAAA,EAAW,KAAA;AAAA,MACX,eAAA,EAAiB,OAAA;AAAA,MACjB,UAAA,EAAY,MAAA;AAAA,MACZ;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/ErrorState-l5gg5Nzw.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import { CircleXIcon } from 'lucide-react';
+import { E as EmptyState } from './EmptyState-CiZVWvpH.js';
+
+function ErrorState({ title, message, action, variant }) {
+  return /* @__PURE__ */ jsx(
+    EmptyState,
+    {
+      iconSlot: /* @__PURE__ */ jsx(CircleXIcon, { className: "size-8 text-red-900" }),
+      titleSlot: title,
+      descriptionSlot: message,
+      actionSlot: action,
+      variant
+    }
+  );
+}
+
+export { ErrorState as E };
+//# sourceMappingURL=ErrorState-l5gg5Nzw.js.map

package/dist/ErrorState-l5gg5Nzw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState-l5gg5Nzw.js","sources":["../src/ds/components/ErrorState/ErrorState.tsx"],"sourcesContent":["import { CircleXIcon } from 'lucide-react';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport type { EmptyStateProps } from '@/ds/components/EmptyState';\n\nexport type ErrorStateProps = {\n  title: string;\n  message: string;\n  action?: React.ReactNode;\n  variant?: EmptyStateProps['variant'];\n};\n\nexport function ErrorState({ title, message, action, variant }: ErrorStateProps) {\n  return (\n    <EmptyState\n      iconSlot={<CircleXIcon className=\"size-8 text-red-900\" />}\n      titleSlot={title}\n      descriptionSlot={message}\n      actionSlot={action}\n      variant={variant}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAWO,SAAS,WAAW,EAAE,KAAA,EAAO,OAAA,EAAS,MAAA,EAAQ,SAAQ,EAAoB;AAC/E,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,QAAA,kBAAU,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAU,qBAAA,EAAsB,CAAA;AAAA,MACvD,SAAA,EAAW,KAAA;AAAA,MACX,eAAA,EAAiB,OAAA;AAAA,MACjB,UAAA,EAAY,MAAA;AAAA,MACZ;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/Header-BVnFQlzE.js

@@ -0,0 +1,31 @@
+import { jsx } from 'react/jsx-runtime';
+import { T as Txt } from './Txt-DTh3Pa_a.js';
+import { c as cn } from './cn-65Adrsfj.js';
+
+const Header = ({ children, border = true, className }) => {
+  return /* @__PURE__ */ jsx(
+    "header",
+    {
+      className: cn(
+        "z-50 flex h-header-default w-full items-center gap-2 bg-transparent px-2",
+        {
+          "border-b border-border": border
+        },
+        className
+      ),
+      children
+    }
+  );
+};
+const HeaderTitle = ({ children }) => {
+  return /* @__PURE__ */ jsx(Txt, { as: "h1", variant: "body", tone: "ink", className: "flex items-center gap-2", children });
+};
+const HeaderAction = ({ children }) => {
+  return /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-3", children });
+};
+const HeaderGroup = ({ children }) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children });
+};
+
+export { Header as H, HeaderAction as a, HeaderGroup as b, HeaderTitle as c };
+//# sourceMappingURL=Header-BVnFQlzE.js.map

package/dist/Header-BVnFQlzE.js.map

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

package/dist/Header-CGjhJ0nQ.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const Txt = require('./Txt-B4-2nLaI.cjs');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+const Header = ({ children, border = true, className }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "header",
+    {
+      className: utils_cn.cn(
+        "z-50 flex h-header-default w-full items-center gap-2 bg-transparent px-2",
+        {
+          "border-b border-border": border
+        },
+        className
+      ),
+      children
+    }
+  );
+};
+const HeaderTitle = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "h1", variant: "body", tone: "ink", className: "flex items-center gap-2", children });
+};
+const HeaderAction = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex items-center gap-3", children });
+};
+const HeaderGroup = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children });
+};
+
+exports.Header = Header;
+exports.HeaderAction = HeaderAction;
+exports.HeaderGroup = HeaderGroup;
+exports.HeaderTitle = HeaderTitle;
+//# sourceMappingURL=Header-CGjhJ0nQ.cjs.map

package/dist/Header-CGjhJ0nQ.cjs.map

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

package/dist/{PermissionDenied-Dz5qXpQj.cjs → PermissionDenied-CwLIzjpC.cjs}

@@ -1,18 +1,23 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const lucideReact = require('lucide-react');
-const icons_Icon = require('./icons/Icon.cjs.js');
-const EmptyState = require('./EmptyState-CdRjFB06.cjs');
+const EmptyState = require('./EmptyState-0MgNiP40.cjs');
 
-function PermissionDenied({ resource, title, description, actionSlot, className }) {
+function PermissionDenied({
+  resource,
+  title,
+  description,
+  actionSlot,
+  className,
+  variant
+}) {
   const defaultTitle = "Permission Denied";
   const defaultDescription = resource ? `You don't have permission to access ${resource}. Contact your administrator for access.` : "You don't have permission to access this resource. Contact your administrator for access.";
   return /* @__PURE__ */ jsxRuntime.jsx(
     EmptyState.EmptyState,
     {
       className,
-      iconSlot: /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "lg", className: "text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldX, {}) }),
+      variant,
       titleSlot: title ?? defaultTitle,
       descriptionSlot: description ?? defaultDescription,
       actionSlot
@@ -21,4 +26,4 @@ function PermissionDenied({ resource, title, description, actionSlot, className
 }
 
 exports.PermissionDenied = PermissionDenied;
-//# sourceMappingURL=PermissionDenied-Dz5qXpQj.cjs.map
+//# sourceMappingURL=PermissionDenied-CwLIzjpC.cjs.map

package/dist/PermissionDenied-CwLIzjpC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionDenied-CwLIzjpC.cjs","sources":["../src/ds/components/PermissionDenied/PermissionDenied.tsx"],"sourcesContent":["import { ShieldX } from 'lucide-react';\nimport * as React from 'react';\nimport { Icon } from '../../icons/Icon';\nimport { EmptyState } from '../EmptyState';\nimport type { EmptyStateProps } from '../EmptyState';\n\nexport interface PermissionDeniedProps {\n  /** Resource type (e.g., \"agents\", \"workflows\") */\n  resource?: string;\n  /** Custom title override */\n  title?: string;\n  /** Custom description override */\n  description?: string;\n  /** Optional action slot (e.g., contact admin button) */\n  actionSlot?: React.ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n  variant?: EmptyStateProps['variant'];\n}\n\nexport function PermissionDenied({\n  resource,\n  title,\n  description,\n  actionSlot,\n  className,\n  variant,\n}: PermissionDeniedProps) {\n  const defaultTitle = 'Permission Denied';\n  const defaultDescription = resource\n    ? `You don't have permission to access ${resource}. Contact your administrator for access.`\n    : \"You don't have permission to access this resource. Contact your administrator for access.\";\n\n  return (\n    <EmptyState\n      className={className}\n      variant={variant}\n      titleSlot={title ?? defaultTitle}\n      descriptionSlot={description ?? defaultDescription}\n      actionSlot={actionSlot}\n    />\n  );\n}\n"],"names":["jsx","EmptyState"],"mappings":";;;;;AAoBO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,YAAA,GAAe,mBAAA;AACrB,EAAA,MAAM,kBAAA,GAAqB,QAAA,GACvB,CAAA,oCAAA,EAAuC,QAAQ,CAAA,wCAAA,CAAA,GAC/C,2FAAA;AAEJ,EAAA,uBACEA,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAW,KAAA,IAAS,YAAA;AAAA,MACpB,iBAAiB,WAAA,IAAe,kBAAA;AAAA,MAChC;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/{PermissionDenied-B6TSGolC.js → PermissionDenied-DPM04x0a.js}

@@ -1,16 +1,21 @@
 import { jsx } from 'react/jsx-runtime';
-import { ShieldX } from 'lucide-react';
-import { Icon } from './icons/Icon.es.js';
-import { E as EmptyState } from './EmptyState-UWXhBp5U.js';
+import { E as EmptyState } from './EmptyState-CiZVWvpH.js';
 
-function PermissionDenied({ resource, title, description, actionSlot, className }) {
+function PermissionDenied({
+  resource,
+  title,
+  description,
+  actionSlot,
+  className,
+  variant
+}) {
   const defaultTitle = "Permission Denied";
   const defaultDescription = resource ? `You don't have permission to access ${resource}. Contact your administrator for access.` : "You don't have permission to access this resource. Contact your administrator for access.";
   return /* @__PURE__ */ jsx(
     EmptyState,
     {
       className,
-      iconSlot: /* @__PURE__ */ jsx(Icon, { size: "lg", className: "text-muted-foreground", children: /* @__PURE__ */ jsx(ShieldX, {}) }),
+      variant,
       titleSlot: title ?? defaultTitle,
       descriptionSlot: description ?? defaultDescription,
       actionSlot
@@ -19,4 +24,4 @@ function PermissionDenied({ resource, title, description, actionSlot, className
 }
 
 export { PermissionDenied as P };
-//# sourceMappingURL=PermissionDenied-B6TSGolC.js.map
+//# sourceMappingURL=PermissionDenied-DPM04x0a.js.map

package/dist/PermissionDenied-DPM04x0a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionDenied-DPM04x0a.js","sources":["../src/ds/components/PermissionDenied/PermissionDenied.tsx"],"sourcesContent":["import { ShieldX } from 'lucide-react';\nimport * as React from 'react';\nimport { Icon } from '../../icons/Icon';\nimport { EmptyState } from '../EmptyState';\nimport type { EmptyStateProps } from '../EmptyState';\n\nexport interface PermissionDeniedProps {\n  /** Resource type (e.g., \"agents\", \"workflows\") */\n  resource?: string;\n  /** Custom title override */\n  title?: string;\n  /** Custom description override */\n  description?: string;\n  /** Optional action slot (e.g., contact admin button) */\n  actionSlot?: React.ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n  variant?: EmptyStateProps['variant'];\n}\n\nexport function PermissionDenied({\n  resource,\n  title,\n  description,\n  actionSlot,\n  className,\n  variant,\n}: PermissionDeniedProps) {\n  const defaultTitle = 'Permission Denied';\n  const defaultDescription = resource\n    ? `You don't have permission to access ${resource}. Contact your administrator for access.`\n    : \"You don't have permission to access this resource. Contact your administrator for access.\";\n\n  return (\n    <EmptyState\n      className={className}\n      variant={variant}\n      titleSlot={title ?? defaultTitle}\n      descriptionSlot={description ?? defaultDescription}\n      actionSlot={actionSlot}\n    />\n  );\n}\n"],"names":[],"mappings":";;;AAoBO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,YAAA,GAAe,mBAAA;AACrB,EAAA,MAAM,kBAAA,GAAqB,QAAA,GACvB,CAAA,oCAAA,EAAuC,QAAQ,CAAA,wCAAA,CAAA,GAC/C,2FAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAW,KAAA,IAAS,YAAA;AAAA,MACpB,iBAAiB,WAAA,IAAe,kBAAA;AAAA,MAChC;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/{SessionExpired-CF0BGNo_.cjs → SessionExpired-07Lz91i3.cjs}

@@ -4,11 +4,10 @@ const jsxRuntime = require('react/jsx-runtime');
 const react = require('@mastra/react');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const icons_Icon = require('./icons/Icon.cjs.js');
 const Button = require('./Button-CVewl8nT.cjs');
-const EmptyState = require('./EmptyState-CdRjFB06.cjs');
+const EmptyState = require('./EmptyState-0MgNiP40.cjs');
 
-function SessionExpired({ title, description, className }) {
+function SessionExpired({ title, description, className, variant }) {
   const [isPending, setIsPending] = React.useState(false);
   const client = react.useMastraClient();
   const handleLogin = React.useCallback(async () => {
@@ -35,7 +34,7 @@ function SessionExpired({ title, description, className }) {
     EmptyState.EmptyState,
     {
       className,
-      iconSlot: /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "lg", className: "text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogIn, {}) }),
+      variant,
       titleSlot: title ?? "Session Expired",
       descriptionSlot: description ?? "Your session has expired. Please log in again to continue.",
       actionSlot: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogIn, {}), variant: "default", onClick: handleLogin, disabled: isPending, children: isPending ? "Redirecting..." : "Log in" })
@@ -44,4 +43,4 @@ function SessionExpired({ title, description, className }) {
 }
 
 exports.SessionExpired = SessionExpired;
-//# sourceMappingURL=SessionExpired-CF0BGNo_.cjs.map
+//# sourceMappingURL=SessionExpired-07Lz91i3.cjs.map

package/dist/SessionExpired-07Lz91i3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionExpired-07Lz91i3.cjs","sources":["../src/ds/components/SessionExpired/SessionExpired.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { LogIn } from 'lucide-react';\nimport { useState, useCallback } from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { Button } from '../Button';\nimport { EmptyState } from '../EmptyState';\nimport type { EmptyStateProps } from '../EmptyState';\n\nexport interface SessionExpiredProps {\n  /** Custom title override */\n  title?: string;\n  /** Custom description override */\n  description?: string;\n  /** Additional CSS classes */\n  className?: string;\n  variant?: EmptyStateProps['variant'];\n}\n\nexport function SessionExpired({ title, description, className, variant }: SessionExpiredProps) {\n  const [isPending, setIsPending] = useState(false);\n  const client = useMastraClient();\n\n  const handleLogin = useCallback(async () => {\n    try {\n      setIsPending(true);\n      const { baseUrl = '', apiPrefix } = (client as any).options || {};\n      const raw = (apiPrefix || '/api').trim();\n      const prefix = (raw.startsWith('/') ? raw : `/${raw}`).replace(/\\/$/, '');\n      const params = new URLSearchParams({ redirect_uri: window.location.href });\n      const url = `${baseUrl}${prefix}/auth/sso/login?${params}`;\n\n      const response = await fetch(url, {\n        credentials: 'include',\n        headers: { 'Content-Type': 'application/json' },\n      });\n\n      if (response.ok) {\n        const data = await response.json();\n        window.location.href = data.url;\n      }\n    } finally {\n      setIsPending(false);\n    }\n  }, [client]);\n\n  return (\n    <EmptyState\n      className={className}\n      variant={variant}\n      titleSlot={title ?? 'Session Expired'}\n      descriptionSlot={description ?? 'Your session has expired. Please log in again to continue.'}\n      actionSlot={\n        <Button icon={<LogIn />} variant=\"default\" onClick={handleLogin} disabled={isPending}>\n          {isPending ? 'Redirecting...' : 'Log in'}\n        </Button>\n      }\n    />\n  );\n}\n"],"names":["useState","useMastraClient","useCallback","jsx","EmptyState","Button","LogIn"],"mappings":";;;;;;;;;AAmBO,SAAS,eAAe,EAAE,KAAA,EAAO,WAAA,EAAa,SAAA,EAAW,SAAQ,EAAwB;AAC9F,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAS,KAAK,CAAA;AAChD,EAAA,MAAM,SAASC,qBAAA,EAAgB;AAE/B,EAAA,MAAM,WAAA,GAAcC,kBAAY,YAAY;AAC1C,IAAA,IAAI;AACF,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAA,MAAM,EAAE,OAAA,GAAU,EAAA,EAAI,WAAU,GAAK,MAAA,CAAe,WAAW,EAAC;AAChE,MAAA,MAAM,GAAA,GAAA,CAAO,SAAA,IAAa,MAAA,EAAQ,IAAA,EAAK;AACvC,MAAA,MAAM,MAAA,GAAA,CAAU,GAAA,CAAI,UAAA,CAAW,GAAG,CAAA,GAAI,GAAA,GAAM,CAAA,CAAA,EAAI,GAAG,CAAA,CAAA,EAAI,OAAA,CAAQ,KAAA,EAAO,EAAE,CAAA;AACxE,MAAA,MAAM,MAAA,GAAS,IAAI,eAAA,CAAgB,EAAE,cAAc,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA;AACzE,MAAA,MAAM,MAAM,CAAA,EAAG,OAAO,CAAA,EAAG,MAAM,mBAAmB,MAAM,CAAA,CAAA;AAExD,MAAA,MAAM,QAAA,GAAW,MAAM,KAAA,CAAM,GAAA,EAAK;AAAA,QAChC,WAAA,EAAa,SAAA;AAAA,QACb,OAAA,EAAS,EAAE,cAAA,EAAgB,kBAAA;AAAmB,OAC/C,CAAA;AAED,MAAA,IAAI,SAAS,EAAA,EAAI;AACf,QAAA,MAAM,IAAA,GAAO,MAAM,QAAA,CAAS,IAAA,EAAK;AACjC,QAAA,MAAA,CAAO,QAAA,CAAS,OAAO,IAAA,CAAK,GAAA;AAAA,MAC9B;AAAA,IACF,CAAA,SAAE;AACA,MAAA,YAAA,CAAa,KAAK,CAAA;AAAA,IACpB;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,uBACEC,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAW,KAAA,IAAS,iBAAA;AAAA,MACpB,iBAAiB,WAAA,IAAe,4DAAA;AAAA,MAChC,UAAA,kBACED,cAAA,CAACE,aAAA,EAAA,EAAO,IAAA,iCAAOC,iBAAA,EAAA,EAAM,CAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,SAAS,WAAA,EAAa,QAAA,EAAU,SAAA,EACxE,QAAA,EAAA,SAAA,GAAY,mBAAmB,QAAA,EAClC;AAAA;AAAA,GAEJ;AAEJ;;;;"}

package/dist/{SessionExpired-Bq5LcsDu.js → SessionExpired-CnJ8zr5Y.js}

@@ -2,11 +2,10 @@ import { jsx } from 'react/jsx-runtime';
 import { useMastraClient } from '@mastra/react';
 import { LogIn } from 'lucide-react';
 import { useState, useCallback } from 'react';
-import { Icon } from './icons/Icon.es.js';
 import { B as Button } from './Button-cWcBEd-G.js';
-import { E as EmptyState } from './EmptyState-UWXhBp5U.js';
+import { E as EmptyState } from './EmptyState-CiZVWvpH.js';
 
-function SessionExpired({ title, description, className }) {
+function SessionExpired({ title, description, className, variant }) {
   const [isPending, setIsPending] = useState(false);
   const client = useMastraClient();
   const handleLogin = useCallback(async () => {
@@ -33,7 +32,7 @@ function SessionExpired({ title, description, className }) {
     EmptyState,
     {
       className,
-      iconSlot: /* @__PURE__ */ jsx(Icon, { size: "lg", className: "text-muted-foreground", children: /* @__PURE__ */ jsx(LogIn, {}) }),
+      variant,
       titleSlot: title ?? "Session Expired",
       descriptionSlot: description ?? "Your session has expired. Please log in again to continue.",
       actionSlot: /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(LogIn, {}), variant: "default", onClick: handleLogin, disabled: isPending, children: isPending ? "Redirecting..." : "Log in" })
@@ -42,4 +41,4 @@ function SessionExpired({ title, description, className }) {
 }
 
 export { SessionExpired as S };
-//# sourceMappingURL=SessionExpired-Bq5LcsDu.js.map
+//# sourceMappingURL=SessionExpired-CnJ8zr5Y.js.map

package/dist/SessionExpired-CnJ8zr5Y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionExpired-CnJ8zr5Y.js","sources":["../src/ds/components/SessionExpired/SessionExpired.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { LogIn } from 'lucide-react';\nimport { useState, useCallback } from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { Button } from '../Button';\nimport { EmptyState } from '../EmptyState';\nimport type { EmptyStateProps } from '../EmptyState';\n\nexport interface SessionExpiredProps {\n  /** Custom title override */\n  title?: string;\n  /** Custom description override */\n  description?: string;\n  /** Additional CSS classes */\n  className?: string;\n  variant?: EmptyStateProps['variant'];\n}\n\nexport function SessionExpired({ title, description, className, variant }: SessionExpiredProps) {\n  const [isPending, setIsPending] = useState(false);\n  const client = useMastraClient();\n\n  const handleLogin = useCallback(async () => {\n    try {\n      setIsPending(true);\n      const { baseUrl = '', apiPrefix } = (client as any).options || {};\n      const raw = (apiPrefix || '/api').trim();\n      const prefix = (raw.startsWith('/') ? raw : `/${raw}`).replace(/\\/$/, '');\n      const params = new URLSearchParams({ redirect_uri: window.location.href });\n      const url = `${baseUrl}${prefix}/auth/sso/login?${params}`;\n\n      const response = await fetch(url, {\n        credentials: 'include',\n        headers: { 'Content-Type': 'application/json' },\n      });\n\n      if (response.ok) {\n        const data = await response.json();\n        window.location.href = data.url;\n      }\n    } finally {\n      setIsPending(false);\n    }\n  }, [client]);\n\n  return (\n    <EmptyState\n      className={className}\n      variant={variant}\n      titleSlot={title ?? 'Session Expired'}\n      descriptionSlot={description ?? 'Your session has expired. Please log in again to continue.'}\n      actionSlot={\n        <Button icon={<LogIn />} variant=\"default\" onClick={handleLogin} disabled={isPending}>\n          {isPending ? 'Redirecting...' : 'Log in'}\n        </Button>\n      }\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAmBO,SAAS,eAAe,EAAE,KAAA,EAAO,WAAA,EAAa,SAAA,EAAW,SAAQ,EAAwB;AAC9F,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EAAA,MAAM,SAAS,eAAA,EAAgB;AAE/B,EAAA,MAAM,WAAA,GAAc,YAAY,YAAY;AAC1C,IAAA,IAAI;AACF,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAA,MAAM,EAAE,OAAA,GAAU,EAAA,EAAI,WAAU,GAAK,MAAA,CAAe,WAAW,EAAC;AAChE,MAAA,MAAM,GAAA,GAAA,CAAO,SAAA,IAAa,MAAA,EAAQ,IAAA,EAAK;AACvC,MAAA,MAAM,MAAA,GAAA,CAAU,GAAA,CAAI,UAAA,CAAW,GAAG,CAAA,GAAI,GAAA,GAAM,CAAA,CAAA,EAAI,GAAG,CAAA,CAAA,EAAI,OAAA,CAAQ,KAAA,EAAO,EAAE,CAAA;AACxE,MAAA,MAAM,MAAA,GAAS,IAAI,eAAA,CAAgB,EAAE,cAAc,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA;AACzE,MAAA,MAAM,MAAM,CAAA,EAAG,OAAO,CAAA,EAAG,MAAM,mBAAmB,MAAM,CAAA,CAAA;AAExD,MAAA,MAAM,QAAA,GAAW,MAAM,KAAA,CAAM,GAAA,EAAK;AAAA,QAChC,WAAA,EAAa,SAAA;AAAA,QACb,OAAA,EAAS,EAAE,cAAA,EAAgB,kBAAA;AAAmB,OAC/C,CAAA;AAED,MAAA,IAAI,SAAS,EAAA,EAAI;AACf,QAAA,MAAM,IAAA,GAAO,MAAM,QAAA,CAAS,IAAA,EAAK;AACjC,QAAA,MAAA,CAAO,QAAA,CAAS,OAAO,IAAA,CAAK,GAAA;AAAA,MAC9B;AAAA,IACF,CAAA,SAAE;AACA,MAAA,YAAA,CAAa,KAAK,CAAA;AAAA,IACpB;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAW,KAAA,IAAS,iBAAA;AAAA,MACpB,iBAAiB,WAAA,IAAe,4DAAA;AAAA,MAChC,UAAA,kBACE,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,sBAAO,KAAA,EAAA,EAAM,CAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,SAAS,WAAA,EAAa,QAAA,EAAU,SAAA,EACxE,QAAA,EAAA,SAAA,GAAY,mBAAmB,QAAA,EAClC;AAAA;AAAA,GAEJ;AAEJ;;;;"}

package/dist/ask-user-B_O3GEjY.cjs

@@ -0,0 +1,216 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const Badge = require('./Badge-BEeYtjmv.cjs');
+const Button = require('./Button-CVewl8nT.cjs');
+const checkbox = require('./checkbox-CI8JtZKS.cjs');
+const input = require('./input-CDLMprJS.cjs');
+const radioGroup = require('./radio-group-BdEPWGzi.cjs');
+const Txt = require('./Txt-B4-2nLaI.cjs');
+const icons_Icon = require('./icons/Icon.cjs.js');
+const primitives_raisedSurface = require('./primitives/raised-surface.cjs.js');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+const AskUserContainer = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    "data-slot": "ask-user",
+    className: utils_cn.cn(primitives_raisedSurface.raisedSurfaceStyle, "w-full overflow-hidden rounded-xl", className),
+    ...props
+  }
+);
+const AskUserLabel = ({ children = "Question", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "ask-user-label", className: utils_cn.cn("flex min-h-10 items-center gap-2 px-4 pt-3", className), ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "xs", className: "text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageCircleQuestion, {}) }),
+  /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "muted", children })
+] });
+const AskUserBody = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "ask-user-body", className: utils_cn.cn("px-4 pt-1 pb-4", className), ...props });
+const AskUserQuestion = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "subheading", tone: "ink", ...props, className: utils_cn.cn("mb-3", className) });
+const AskUserOptionRow = ({
+  control,
+  label,
+  description,
+  disabled = false,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "label",
+  {
+    "aria-disabled": disabled || void 0,
+    className: utils_cn.cn(
+      "state-layer flex items-start gap-2.5 rounded-lg bg-fill px-3 py-2",
+      disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+      className
+    ),
+    ...props,
+    children: [
+      control,
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "grid gap-0.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "body", tone: "ink", children: label }),
+        description ? /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "muted", children: description }) : null
+      ] })
+    ]
+  }
+);
+const AskUserSubmit = ({ children = "Submit answer", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, {}), type: "button", size: "sm", variant: "primary", ...props, children });
+const AskUserPending = ({ children = "Submitting…", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", role: "status", variant: "caption", tone: "muted", ...props, children });
+const AskUserOutput = ({ result, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "div",
+  {
+    "data-slot": "ask-user-output",
+    role: result.isError ? "alert" : "status",
+    className: utils_cn.cn("grid gap-2 rounded-lg bg-fill p-3", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: result.isError ? "red" : "green", className: "justify-self-start", children: result.isError ? "Error" : "Answered" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "body", tone: "ink", className: utils_cn.cn(result.isError && "text-error"), children: result.content })
+    ]
+  }
+);
+const validOptions = (options) => options?.filter(
+  (option) => Boolean(option && typeof option.label === "string" && option.label)
+) ?? [];
+const AskUserInput = ({
+  payload,
+  options,
+  result,
+  isAnswered = false,
+  isSubmitting = false,
+  onSubmit,
+  footer,
+  ...props
+}) => {
+  const fieldId = React.useId();
+  const [text, setText] = React.useState("");
+  const [selected, setSelected] = React.useState([]);
+  if (result || isAnswered) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(AskUserContainer, { "data-testid": "ask-user", ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(AskUserLabel, {}),
+      /* @__PURE__ */ jsxRuntime.jsxs(AskUserBody, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(AskUserQuestion, { children: payload.question }),
+        result ? /* @__PURE__ */ jsxRuntime.jsx(AskUserOutput, { result }) : /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { variant: "green", children: "Answered" })
+      ] })
+    ] });
+  }
+  const submitText = () => {
+    const answer = text.trim();
+    if (answer && !isSubmitting) onSubmit(answer);
+  };
+  const handleTextKeyDown = (event) => {
+    if (event.key === "Enter") {
+      event.preventDefault();
+      submitText();
+    }
+  };
+  if (options.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(AskUserContainer, { "data-testid": "ask-user", ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(AskUserLabel, {}),
+      /* @__PURE__ */ jsxRuntime.jsxs(AskUserBody, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(AskUserQuestion, { as: "label", htmlFor: fieldId, className: "mb-2 block", children: payload.question }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            input.Input,
+            {
+              id: fieldId,
+              value: text,
+              onChange: (event) => setText(event.target.value),
+              onKeyDown: handleTextKeyDown,
+              placeholder: "Type your answer...",
+              disabled: isSubmitting,
+              size: "sm"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            AskUserSubmit,
+            {
+              className: "shrink-0 whitespace-nowrap",
+              disabled: isSubmitting || !text.trim(),
+              onClick: submitText
+            }
+          )
+        ] }),
+        isSubmitting ? /* @__PURE__ */ jsxRuntime.jsx(AskUserPending, { className: "mt-2 block" }) : null,
+        footer
+      ] })
+    ] });
+  }
+  const isMulti = payload.selectionMode === "multi_select";
+  return /* @__PURE__ */ jsxRuntime.jsxs(AskUserContainer, { "data-testid": "ask-user", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(AskUserLabel, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(AskUserBody, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(AskUserQuestion, { id: fieldId, children: payload.question }),
+      isMulti ? /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "group", "aria-labelledby": fieldId, className: "grid gap-2", children: [
+        options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+          AskUserOptionRow,
+          {
+            label: option.label,
+            description: option.description,
+            disabled: isSubmitting,
+            control: /* @__PURE__ */ jsxRuntime.jsx(
+              checkbox.Checkbox,
+              {
+                className: "mt-0.5",
+                disabled: isSubmitting,
+                checked: selected.includes(option.label),
+                onCheckedChange: () => setSelected(
+                  (current) => current.includes(option.label) ? current.filter((selectedLabel) => selectedLabel !== option.label) : [...current, option.label]
+                )
+              }
+            )
+          },
+          option.label
+        )),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          AskUserSubmit,
+          {
+            className: "mt-1 justify-self-start",
+            disabled: isSubmitting || selected.length === 0,
+            onClick: () => onSubmit(selected),
+            children: "Submit answer"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+        radioGroup.RadioGroup,
+        {
+          "aria-labelledby": fieldId,
+          disabled: isSubmitting,
+          value: selected[0] ?? null,
+          onValueChange: (value) => {
+            const label = String(value);
+            setSelected([label]);
+            onSubmit(label);
+          },
+          children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+            AskUserOptionRow,
+            {
+              label: option.label,
+              description: option.description,
+              disabled: isSubmitting,
+              control: /* @__PURE__ */ jsxRuntime.jsx(radioGroup.RadioGroupItem, { className: "mt-0.5", value: option.label })
+            },
+            option.label
+          ))
+        }
+      ),
+      isSubmitting ? /* @__PURE__ */ jsxRuntime.jsx(AskUserPending, { className: "mt-3 block" }) : null,
+      footer
+    ] })
+  ] });
+};
+const AskUser = ({ payload, ...props }) => {
+  const options = validOptions(payload.options);
+  const payloadKey = JSON.stringify([payload.question, options.map((option) => option.label), payload.selectionMode]);
+  return /* @__PURE__ */ jsxRuntime.jsx(AskUserInput, { payload, options, ...props }, payloadKey);
+};
+
+exports.AskUser = AskUser;
+exports.AskUserBody = AskUserBody;
+exports.AskUserContainer = AskUserContainer;
+exports.AskUserLabel = AskUserLabel;
+exports.AskUserOptionRow = AskUserOptionRow;
+exports.AskUserOutput = AskUserOutput;
+exports.AskUserPending = AskUserPending;
+exports.AskUserQuestion = AskUserQuestion;
+exports.AskUserSubmit = AskUserSubmit;
+//# sourceMappingURL=ask-user-B_O3GEjY.cjs.map