@mastra/playground-ui 61.0.0 → 62.0.0-alpha.1

package/dist/alert-dialog-D7rfyRBL.js

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
+import { B as Button } from './Button-D76HGlPP.js';
+import { n as DialogContext, g as DialogHeader, f as DialogFooter, a as DialogBody, j as DialogTitle, e as DialogDescription, b as DialogCancel, i as DialogPortal, h as DialogOverlay, o as dialogContentSizeClasses, p as dialogPopupClassName, l as dialogActionSizeClasses, m as dialogActionLayoutClasses } from './dialog-BXtm6e9u.js';
+import { c as cn } from './cn-coERSHz5.js';
+
+const alertDialogContext = { intent: "default", pending: false };
+function AlertDialog(props) {
+  return /* @__PURE__ */ jsx(DialogContext.Provider, { value: alertDialogContext, children: /* @__PURE__ */ jsx(AlertDialog$1.Root, { ...props }) });
+}
+function AlertDialogContent({ className, size = "sm", ...props }) {
+  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      AlertDialog$1.Popup,
+      {
+        "data-slot": "alert-dialog-content",
+        "data-size": size,
+        className: cn(dialogPopupClassName, dialogContentSizeClasses[size], className),
+        ...props
+      }
+    )
+  ] });
+}
+function AlertDialogAction({ children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AlertDialog$1.Close,
+    {
+      render: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "primary",
+          size: "md",
+          className: cn(dialogActionLayoutClasses, dialogActionSizeClasses.md),
+          children
+        }
+      ),
+      ...props
+    }
+  );
+}
+AlertDialog.Trigger = AlertDialog$1.Trigger;
+AlertDialog.Content = AlertDialogContent;
+AlertDialog.Header = DialogHeader;
+AlertDialog.Footer = DialogFooter;
+AlertDialog.Body = DialogBody;
+AlertDialog.Title = DialogTitle;
+AlertDialog.Description = DialogDescription;
+AlertDialog.Action = AlertDialogAction;
+AlertDialog.Cancel = DialogCancel;
+
+export { AlertDialog as A };
+//# sourceMappingURL=alert-dialog-D7rfyRBL.js.map

package/dist/alert-dialog-D7rfyRBL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-D7rfyRBL.js","sources":["../src/ds/components/AlertDialog/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\n\nimport { Button } from '@/ds/components/Button';\nimport {\n  DialogBody,\n  DialogCancel,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n} from '@/ds/components/Dialog';\nimport {\n  DialogContext,\n  dialogActionLayoutClasses,\n  dialogActionSizeClasses,\n} from '@/ds/components/Dialog/dialog-context';\nimport type { DialogContextValue } from '@/ds/components/Dialog/dialog-context';\nimport { dialogContentSizeClasses, dialogPopupClassName } from '@/ds/components/Dialog/dialog-shell';\nimport type { DialogSize } from '@/ds/components/Dialog/dialog-shell';\nimport { cn } from '@/lib/utils';\n\nconst alertDialogContext: DialogContextValue = { intent: 'default', pending: false };\n\nfunction AlertDialog(props: AlertDialogPrimitive.Root.Props) {\n  return (\n    <DialogContext.Provider value={alertDialogContext}>\n      <AlertDialogPrimitive.Root {...props} />\n    </DialogContext.Provider>\n  );\n}\n\ntype AlertDialogContentProps = Omit<AlertDialogPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n  size?: DialogSize;\n};\n\nfunction AlertDialogContent({ className, size = 'sm', ...props }: AlertDialogContentProps) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <AlertDialogPrimitive.Popup\n        data-slot=\"alert-dialog-content\"\n        data-size={size}\n        className={cn(dialogPopupClassName, dialogContentSizeClasses[size], className)}\n        {...props}\n      />\n    </DialogPortal>\n  );\n}\n\nfunction AlertDialogAction({ children, ...props }: AlertDialogPrimitive.Close.Props) {\n  return (\n    <AlertDialogPrimitive.Close\n      render={\n        <Button\n          variant=\"primary\"\n          size=\"md\"\n          className={cn(dialogActionLayoutClasses, dialogActionSizeClasses.md)}\n          children={children}\n        />\n      }\n      {...props}\n    />\n  );\n}\n\nAlertDialog.Trigger = AlertDialogPrimitive.Trigger;\nAlertDialog.Content = AlertDialogContent;\nAlertDialog.Header = DialogHeader;\nAlertDialog.Footer = DialogFooter;\nAlertDialog.Body = DialogBody;\nAlertDialog.Title = DialogTitle;\nAlertDialog.Description = DialogDescription;\nAlertDialog.Action = AlertDialogAction;\nAlertDialog.Cancel = DialogCancel;\n\nexport { AlertDialog };\n"],"names":["AlertDialogPrimitive"],"mappings":";;;;;;AAuBA,MAAM,kBAAA,GAAyC,EAAE,MAAA,EAAQ,SAAA,EAAW,SAAS,KAAA,EAAM;AAEnF,SAAS,YAAY,KAAA,EAAwC;AAC3D,EAAA,uBACE,GAAA,CAAC,aAAA,CAAc,QAAA,EAAd,EAAuB,KAAA,EAAO,kBAAA,EAC7B,QAAA,kBAAA,GAAA,CAACA,aAAA,CAAqB,IAAA,EAArB,EAA2B,GAAG,KAAA,EAAO,CAAA,EACxC,CAAA;AAEJ;AAOA,SAAS,mBAAmB,EAAE,SAAA,EAAW,OAAO,IAAA,EAAM,GAAG,OAAM,EAA4B;AACzF,EAAA,4BACG,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,CAAA;AAAA,oBACf,GAAA;AAAA,MAACA,aAAA,CAAqB,KAAA;AAAA,MAArB;AAAA,QACC,WAAA,EAAU,sBAAA;AAAA,QACV,WAAA,EAAW,IAAA;AAAA,QACX,WAAW,EAAA,CAAG,oBAAA,EAAsB,wBAAA,CAAyB,IAAI,GAAG,SAAS,CAAA;AAAA,QAC5E,GAAG;AAAA;AAAA;AACN,GAAA,EACF,CAAA;AAEJ;AAEA,SAAS,iBAAA,CAAkB,EAAE,QAAA,EAAU,GAAG,OAAM,EAAqC;AACnF,EAAA,uBACE,GAAA;AAAA,IAACA,aAAA,CAAqB,KAAA;AAAA,IAArB;AAAA,MACC,MAAA,kBACE,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,SAAA;AAAA,UACR,IAAA,EAAK,IAAA;AAAA,UACL,SAAA,EAAW,EAAA,CAAG,yBAAA,EAA2B,uBAAA,CAAwB,EAAE,CAAA;AAAA,UACnE;AAAA;AAAA,OACF;AAAA,MAED,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,WAAA,CAAY,UAAUA,aAAA,CAAqB,OAAA;AAC3C,WAAA,CAAY,OAAA,GAAU,kBAAA;AACtB,WAAA,CAAY,MAAA,GAAS,YAAA;AACrB,WAAA,CAAY,MAAA,GAAS,YAAA;AACrB,WAAA,CAAY,IAAA,GAAO,UAAA;AACnB,WAAA,CAAY,KAAA,GAAQ,WAAA;AACpB,WAAA,CAAY,WAAA,GAAc,iBAAA;AAC1B,WAAA,CAAY,MAAA,GAAS,iBAAA;AACrB,WAAA,CAAY,MAAA,GAAS,YAAA;;;;"}

package/dist/arrival-613EpNtY.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import { u as useArriving, S as SettledContext } from './use-watched-CG9KoWl3.js';
+import { c as cn } from './cn-coERSHz5.js';
+
+function ArrivalScope({ children }) {
+  const settled = useRef(false);
+  useEffect(() => {
+    settled.current = true;
+  }, []);
+  return /* @__PURE__ */ jsx(SettledContext, { value: settled, children });
+}
+function Arriving({ children, className }) {
+  const arriving = useArriving();
+  return /* @__PURE__ */ jsx("div", { className: cn(arriving, className), children: /* @__PURE__ */ jsx(ArrivalScope, { children }) });
+}
+
+export { ArrivalScope as A, Arriving as a };
+//# sourceMappingURL=arrival-613EpNtY.js.map

package/dist/arrival-613EpNtY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrival-613EpNtY.js","sources":["../src/ds/components/Arrival/arrival.tsx"],"sourcesContent":["import { useEffect, useRef, type ReactNode } from 'react';\n\nimport { SettledContext, useArriving } from './use-watched';\nimport { cn } from '@/lib/utils';\n\n/**\n * Marks what the reader was handed. Whatever mounts with a scope is already there and\n * never animates; whatever mounts after it painted is the run happening in front of\n * them, and fades in.\n *\n * Scopes nest, and that is the whole rule: a transcript opens one for its history,\n * and every element that fades in opens one for its own subtree, so a row's contents\n * ride its entrance rather than playing a second one on top of it — while a detail\n * that fills in a beat later still gets its own.\n *\n * A ref, not state: this says when a child mounted, which is only ever read by a child\n * mounting. Holding it as state would re-render every scope and its subtree once each\n * after paint — a whole restored transcript rendered twice to tell it to sit still.\n */\nexport function ArrivalScope({ children }: { children: ReactNode }) {\n  const settled = useRef(false);\n  useEffect(() => {\n    settled.current = true;\n  }, []);\n\n  return <SettledContext value={settled}>{children}</SettledContext>;\n}\n\n/** An element that fades in when it lands, and hosts a scope for whatever lands inside it later. */\nexport function Arriving({ children, className }: { children: ReactNode; className?: string }) {\n  const arriving = useArriving();\n\n  return (\n    <div className={cn(arriving, className)}>\n      <ArrivalScope>{children}</ArrivalScope>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAmBO,SAAS,YAAA,CAAa,EAAE,QAAA,EAAS,EAA4B;AAClE,EAAA,MAAM,OAAA,GAAU,OAAO,KAAK,CAAA;AAC5B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAAA,EACpB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBAAO,GAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAO,OAAA,EAAU,QAAA,EAAS,CAAA;AACnD;AAGO,SAAS,QAAA,CAAS,EAAE,QAAA,EAAU,SAAA,EAAU,EAAgD;AAC7F,EAAA,MAAM,WAAW,WAAA,EAAY;AAE7B,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,QAAA,EAAU,SAAS,CAAA,EACpC,QAAA,kBAAA,GAAA,CAAC,YAAA,EAAA,EAAc,QAAA,EAAS,CAAA,EAC1B,CAAA;AAEJ;;;;"}

package/dist/arrival-BmAXOcoO.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const useWatched = require('./use-watched-BixmYWp0.cjs');
+const utils_cn = require('./cn-TqD01zH-.cjs');
+
+function ArrivalScope({ children }) {
+  const settled = React.useRef(false);
+  React.useEffect(() => {
+    settled.current = true;
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(useWatched.SettledContext, { value: settled, children });
+}
+function Arriving({ children, className }) {
+  const arriving = useWatched.useArriving();
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn(arriving, className), children: /* @__PURE__ */ jsxRuntime.jsx(ArrivalScope, { children }) });
+}
+
+exports.ArrivalScope = ArrivalScope;
+exports.Arriving = Arriving;
+//# sourceMappingURL=arrival-BmAXOcoO.cjs.map

package/dist/arrival-BmAXOcoO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrival-BmAXOcoO.cjs","sources":["../src/ds/components/Arrival/arrival.tsx"],"sourcesContent":["import { useEffect, useRef, type ReactNode } from 'react';\n\nimport { SettledContext, useArriving } from './use-watched';\nimport { cn } from '@/lib/utils';\n\n/**\n * Marks what the reader was handed. Whatever mounts with a scope is already there and\n * never animates; whatever mounts after it painted is the run happening in front of\n * them, and fades in.\n *\n * Scopes nest, and that is the whole rule: a transcript opens one for its history,\n * and every element that fades in opens one for its own subtree, so a row's contents\n * ride its entrance rather than playing a second one on top of it — while a detail\n * that fills in a beat later still gets its own.\n *\n * A ref, not state: this says when a child mounted, which is only ever read by a child\n * mounting. Holding it as state would re-render every scope and its subtree once each\n * after paint — a whole restored transcript rendered twice to tell it to sit still.\n */\nexport function ArrivalScope({ children }: { children: ReactNode }) {\n  const settled = useRef(false);\n  useEffect(() => {\n    settled.current = true;\n  }, []);\n\n  return <SettledContext value={settled}>{children}</SettledContext>;\n}\n\n/** An element that fades in when it lands, and hosts a scope for whatever lands inside it later. */\nexport function Arriving({ children, className }: { children: ReactNode; className?: string }) {\n  const arriving = useArriving();\n\n  return (\n    <div className={cn(arriving, className)}>\n      <ArrivalScope>{children}</ArrivalScope>\n    </div>\n  );\n}\n"],"names":["useRef","useEffect","jsx","SettledContext","useArriving","cn"],"mappings":";;;;;;;AAmBO,SAAS,YAAA,CAAa,EAAE,QAAA,EAAS,EAA4B;AAClE,EAAA,MAAM,OAAA,GAAUA,aAAO,KAAK,CAAA;AAC5B,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAAA,EACpB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBAAOC,cAAA,CAACC,yBAAA,EAAA,EAAe,KAAA,EAAO,OAAA,EAAU,QAAA,EAAS,CAAA;AACnD;AAGO,SAAS,QAAA,CAAS,EAAE,QAAA,EAAU,SAAA,EAAU,EAAgD;AAC7F,EAAA,MAAM,WAAWC,sBAAA,EAAY;AAE7B,EAAA,uBACEF,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWG,WAAA,CAAG,QAAA,EAAU,SAAS,CAAA,EACpC,QAAA,kBAAAH,cAAA,CAAC,YAAA,EAAA,EAAc,QAAA,EAAS,CAAA,EAC1B,CAAA;AAEJ;;;;;"}

package/dist/ask-user-card-DBnVT9H_.cjs

@@ -0,0 +1,439 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const lucideReact = require('lucide-react');
+const Badge = require('./Badge-BF6FbLH_.cjs');
+const Button = require('./Button-BTuu6_hv.cjs');
+const field = require('./field-D1SVMPMz.cjs');
+require('./field-control-aria-WzMGs0A4.cjs');
+const Txt = require('./Txt-DXjXpX9r.cjs');
+const icons_Icon = require('./icons/Icon.cjs.js');
+const primitives_raisedSurface = require('./primitives/raised-surface.cjs.js');
+const utils_cn = require('./cn-TqD01zH-.cjs');
+const checkbox = require('./checkbox-DNlMGoJH.cjs');
+const input = require('./input-HPE241gI.cjs');
+const radioGroup = require('./radio-group-BPsX17tM.cjs');
+
+const AskUserContext = React.createContext(void 0);
+function useOptionalAskUserContext() {
+  return React.useContext(AskUserContext);
+}
+function useAskUserContext() {
+  const context = useOptionalAskUserContext();
+  if (!context) throw new Error("AskUser controls must be rendered inside AskUser.Root.");
+  return context;
+}
+
+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("p-4", className), ...props });
+const AskUserQuestionTitle = ({ children }) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-start gap-2", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "xs", className: utils_cn.cn("mt-1 shrink-0", "text-muted-foreground"), "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageCircleQuestion, {}) }),
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0", children })
+] });
+const AskUserQuestion = ({ children, className, ...props }) => {
+  const context = useOptionalAskUserContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Txt.Txt,
+    {
+      as: "p",
+      variant: "subheading",
+      tone: "ink",
+      ...props,
+      id: context?.questionId ?? props.id,
+      className: utils_cn.cn("mb-3", className),
+      children: /* @__PURE__ */ jsxRuntime.jsx(AskUserQuestionTitle, { children })
+    }
+  );
+};
+const AskUserOptionRow = ({
+  control,
+  label,
+  description,
+  disabled = false,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(field.FieldItem, { disabled, className: "contents", children: /* @__PURE__ */ jsxRuntime.jsxs(
+  field.FieldLabel,
+  {
+    "aria-disabled": disabled || void 0,
+    className: utils_cn.cn("state-layer flex items-start gap-2.5 rounded-lg px-3 py-2 data-disabled:opacity-50", 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 AskUserSubmitButton = ({ 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 ? "destructive" : "success", 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-destructive-foreground"), children: result.content })
+    ]
+  }
+);
+
+const customAnswerValue = "custom";
+const optionValuePrefix = "option:";
+function getOptionRadioValue(optionLabel) {
+  return `${optionValuePrefix}${optionLabel}`;
+}
+function AskUserOptions({ children, className, ...props }) {
+  const context = useAskUserContext();
+  const handleSingleSelectChange = (radioValue) => {
+    if (radioValue === customAnswerValue) {
+      context.setCustomAnswerSelected(true);
+      return;
+    }
+    if (typeof radioValue !== "string" || !radioValue.startsWith(optionValuePrefix)) return;
+    context.selectOption(radioValue.slice(optionValuePrefix.length));
+  };
+  if (context.selectionMode === "multi_select") {
+    return /* @__PURE__ */ jsxRuntime.jsx(field.Fieldset, { "aria-label": "Answer options", ...props, className: utils_cn.cn("gap-2", className), children });
+  }
+  const selectedOptionLabel = context.selectedOptionLabels[0];
+  const selectedOptionValue = selectedOptionLabel === void 0 ? "" : getOptionRadioValue(selectedOptionLabel);
+  const selectedRadioValue = context.isCustomAnswerSelected ? customAnswerValue : selectedOptionValue;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    field.Fieldset,
+    {
+      ...props,
+      className: utils_cn.cn("gap-2", className),
+      render: /* @__PURE__ */ jsxRuntime.jsx(
+        radioGroup.RadioGroup,
+        {
+          "aria-labelledby": context.questionId,
+          disabled: context.disabled,
+          value: selectedRadioValue,
+          onValueChange: handleSingleSelectChange
+        }
+      ),
+      children
+    }
+  );
+}
+function AskUserOptionItem({
+  value,
+  children,
+  description,
+  disabled = false,
+  className
+}) {
+  const context = useAskUserContext();
+  const isDisabled = context.disabled || disabled;
+  const handleOptionToggle = () => {
+    if (!isDisabled) context.selectOption(value);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AskUserOptionRow,
+    {
+      label: children,
+      description,
+      disabled: isDisabled,
+      className,
+      control: context.selectionMode === "multi_select" ? /* @__PURE__ */ jsxRuntime.jsx(
+        checkbox.Checkbox,
+        {
+          className: "mt-0.5",
+          disabled: isDisabled,
+          checked: context.selectedOptionLabels.includes(value),
+          onCheckedChange: handleOptionToggle
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(radioGroup.RadioGroupItem, { className: "mt-0.5", disabled: isDisabled, value: getOptionRadioValue(value) })
+    }
+  );
+}
+function AskUserTextAnswer({ disabled = false, ...props }) {
+  const context = useAskUserContext();
+  const handleAnswerTextChange = (event) => {
+    context.changeAnswerText(event.target.value);
+  };
+  const handleAnswerTextKeyDown = (event) => {
+    if (event.key === "Enter" && !event.nativeEvent.isComposing) {
+      event.preventDefault();
+      context.submitAnswer();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    input.Input,
+    {
+      type: "text",
+      "aria-labelledby": props["aria-label"] ? void 0 : context.questionId,
+      placeholder: "Type your answer...",
+      size: "sm",
+      ...props,
+      disabled: context.disabled || disabled,
+      value: context.answerText,
+      onChange: handleAnswerTextChange,
+      onKeyDown: handleAnswerTextKeyDown
+    }
+  );
+}
+function AskUserCustomAnswer({
+  className,
+  label = "Other…",
+  inputLabel = "Your answer"
+}) {
+  const context = useAskUserContext();
+  const handleRowClick = (event) => {
+    if (context.disabled || event.target !== event.currentTarget) return;
+    if (context.isCustomAnswerSelected) {
+      event.currentTarget.querySelector('input[type="text"]')?.focus();
+      return;
+    }
+    event.currentTarget.querySelector('[role="radio"], [role="checkbox"]')?.click();
+  };
+  const handleControlMouseDown = (event) => {
+    if (context.isCustomAnswerSelected && !context.answerText.trim()) event.preventDefault();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    field.FieldItem,
+    {
+      role: "group",
+      "aria-label": "Custom answer",
+      "aria-disabled": context.disabled || void 0,
+      disabled: context.disabled,
+      onClick: handleRowClick,
+      className: utils_cn.cn(
+        "items-start gap-2.5 rounded-lg px-3 py-2 data-disabled:opacity-50",
+        !context.isCustomAnswerSelected && "state-layer",
+        className
+      ),
+      children: [
+        context.selectionMode === "multi_select" ? /* @__PURE__ */ jsxRuntime.jsx(
+          checkbox.Checkbox,
+          {
+            className: "mt-0.5",
+            "aria-label": label,
+            disabled: context.disabled,
+            checked: context.isCustomAnswerSelected,
+            onMouseDown: handleControlMouseDown,
+            onCheckedChange: context.setCustomAnswerSelected
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(radioGroup.RadioGroupItem, { "aria-label": label, className: "mt-0.5", value: customAnswerValue }),
+        context.isCustomAnswerSelected ? /* @__PURE__ */ jsxRuntime.jsx(
+          AskUserTextAnswer,
+          {
+            "aria-label": inputLabel,
+            onBlur: context.unselectEmptyCustomAnswer,
+            placeholder: label,
+            variant: "unstyled",
+            className: utils_cn.cn("h-auto min-w-0 flex-1 px-0", "text-body"),
+            autoFocus: true
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "body", tone: "ink", children: label }) })
+      ]
+    }
+  );
+}
+function AskUserSubmit({ when = "always", disabled = false, onClick, ...props }) {
+  const context = useOptionalAskUserContext();
+  const handleSubmitClick = (event) => {
+    onClick?.(event);
+    if (!event.defaultPrevented && !disabled) context?.submitAnswer();
+  };
+  if (when === "custom-answer" && !context?.isCustomAnswerSelected) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AskUserSubmitButton,
+    {
+      ...props,
+      disabled: disabled || context !== void 0 && !context.canSubmitAnswer,
+      onClick: handleSubmitClick
+    }
+  );
+}
+
+function getAnswerToSubmit({
+  answerText,
+  selectedOptionLabels,
+  selectionMode,
+  isCustomAnswerSelected
+}) {
+  const trimmedAnswerText = answerText.trim();
+  if (isCustomAnswerSelected && !trimmedAnswerText) return void 0;
+  if (selectionMode === "single_select") {
+    if (!isCustomAnswerSelected && selectedOptionLabels.length > 0) return void 0;
+    return trimmedAnswerText || void 0;
+  }
+  const answerLabels = isCustomAnswerSelected ? [...selectedOptionLabels, trimmedAnswerText] : selectedOptionLabels;
+  return answerLabels.length > 0 ? answerLabels : void 0;
+}
+function toggleSelectedOptionLabel(selectedOptionLabels, optionLabel) {
+  if (selectedOptionLabels.includes(optionLabel)) {
+    return selectedOptionLabels.filter((selectedLabel) => selectedLabel !== optionLabel);
+  }
+  return [...selectedOptionLabels, optionLabel];
+}
+function AskUserRoot({
+  selectionMode = "single_select",
+  disabled = false,
+  onSubmit,
+  children,
+  ...props
+}) {
+  const questionId = React.useId();
+  const [answerText, setAnswerText] = React.useState("");
+  const [selectedOptionLabels, setSelectedOptionLabels] = React.useState([]);
+  const [isCustomAnswerSelected, setIsCustomAnswerSelected] = React.useState(false);
+  const answerToSubmit = getAnswerToSubmit({
+    answerText,
+    selectedOptionLabels,
+    selectionMode,
+    isCustomAnswerSelected
+  });
+  const canSubmitAnswer = !disabled && answerToSubmit !== void 0;
+  const selectOption = (optionLabel) => {
+    if (disabled) return;
+    if (selectionMode === "multi_select") {
+      setSelectedOptionLabels((currentLabels) => toggleSelectedOptionLabel(currentLabels, optionLabel));
+      return;
+    }
+    setIsCustomAnswerSelected(false);
+    setSelectedOptionLabels([optionLabel]);
+    onSubmit(optionLabel);
+  };
+  const setCustomAnswerSelected = (selected) => {
+    if (disabled) return;
+    setIsCustomAnswerSelected(selected);
+    if (selected && selectionMode === "single_select") setSelectedOptionLabels([]);
+  };
+  const changeAnswerText = (text) => {
+    if (!disabled) setAnswerText(text);
+  };
+  const unselectEmptyCustomAnswer = () => {
+    if (!disabled && !answerText.trim()) setIsCustomAnswerSelected(false);
+  };
+  const submitAnswer = () => {
+    if (disabled || answerToSubmit === void 0) return;
+    onSubmit(answerToSubmit);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AskUserContext.Provider,
+    {
+      value: {
+        questionId,
+        selectionMode,
+        disabled,
+        answerText,
+        selectedOptionLabels,
+        isCustomAnswerSelected,
+        canSubmitAnswer,
+        selectOption,
+        setCustomAnswerSelected,
+        changeAnswerText,
+        unselectEmptyCustomAnswer,
+        submitAnswer
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(AskUserContainer, { role: "group", "aria-labelledby": questionId, ...props, children })
+    }
+  );
+}
+
+function getValidOptions(options) {
+  return options?.filter(
+    (option) => Boolean(option && typeof option.label === "string" && option.label)
+  ) ?? [];
+}
+function AskUserAnswerControls({ options }) {
+  const { selectionMode } = useAskUserContext();
+  const isMultiSelect = selectionMode === "multi_select";
+  if (options.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(AskUserTextAnswer, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(AskUserSubmit, { className: "shrink-0 whitespace-nowrap" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(AskUserOptions, { children: [
+      options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(AskUserOptionItem, { value: option.label, description: option.description, children: option.label }, option.label)),
+      /* @__PURE__ */ jsxRuntime.jsx(AskUserCustomAnswer, {}),
+      isMultiSelect ? /* @__PURE__ */ jsxRuntime.jsx(AskUserSubmit, { className: "mt-1 justify-self-start" }) : null
+    ] }),
+    !isMultiSelect ? /* @__PURE__ */ jsxRuntime.jsx(AskUserSubmit, { when: "custom-answer", className: "mt-2" }) : null
+  ] });
+}
+function AskUserCardContent({ result, isAnswered, isSubmitting, options, footer }) {
+  if (result) return /* @__PURE__ */ jsxRuntime.jsx(AskUserOutput, { result });
+  if (isAnswered) return /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { variant: "success", children: "Answered" });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(AskUserAnswerControls, { options }),
+    isSubmitting ? /* @__PURE__ */ jsxRuntime.jsx(AskUserPending, { className: "mt-3 block" }) : null,
+    footer
+  ] });
+}
+function AskUser({
+  payload,
+  result,
+  isAnswered = false,
+  isSubmitting = false,
+  onSubmit,
+  footer,
+  ...props
+}) {
+  const options = getValidOptions(payload.options);
+  const isMultiSelect = options.length > 0 && payload.selectionMode === "multi_select";
+  const payloadKey = JSON.stringify([payload.question, options.map((option) => option.label), payload.selectionMode]);
+  const hasAnswer = result !== void 0 || isAnswered;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AskUserRoot,
+    {
+      "data-testid": "ask-user",
+      selectionMode: isMultiSelect ? "multi_select" : "single_select",
+      disabled: isSubmitting || hasAnswer,
+      onSubmit,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(AskUserBody, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(AskUserQuestion, { children: payload.question }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          AskUserCardContent,
+          {
+            result,
+            isAnswered,
+            isSubmitting,
+            options,
+            footer
+          }
+        )
+      ] })
+    },
+    payloadKey
+  );
+}
+
+exports.AskUser = AskUser;
+exports.AskUserBody = AskUserBody;
+exports.AskUserContainer = AskUserContainer;
+exports.AskUserCustomAnswer = AskUserCustomAnswer;
+exports.AskUserLabel = AskUserLabel;
+exports.AskUserOptionItem = AskUserOptionItem;
+exports.AskUserOptionRow = AskUserOptionRow;
+exports.AskUserOptions = AskUserOptions;
+exports.AskUserOutput = AskUserOutput;
+exports.AskUserPending = AskUserPending;
+exports.AskUserQuestion = AskUserQuestion;
+exports.AskUserRoot = AskUserRoot;
+exports.AskUserSubmit = AskUserSubmit;
+exports.AskUserTextAnswer = AskUserTextAnswer;
+//# sourceMappingURL=ask-user-card-DBnVT9H_.cjs.map

package/dist/ask-user-card-DBnVT9H_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ask-user-card-DBnVT9H_.cjs","sources":["../src/ds/components/ai/ask-user/ask-user-context.ts","../src/ds/components/ai/ask-user/ask-user-layout.tsx","../src/ds/components/ai/ask-user/ask-user-controls.tsx","../src/ds/components/ai/ask-user/ask-user-root.tsx","../src/ds/components/ai/ask-user/ask-user-card.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { AskUserSelectionMode } from './ask-user-types';\n\ninterface AskUserContextValue {\n  questionId: string;\n  selectionMode: AskUserSelectionMode;\n  disabled: boolean;\n  answerText: string;\n  selectedOptionLabels: string[];\n  isCustomAnswerSelected: boolean;\n  canSubmitAnswer: boolean;\n  selectOption: (optionLabel: string) => void;\n  setCustomAnswerSelected: (selected: boolean) => void;\n  changeAnswerText: (text: string) => void;\n  unselectEmptyCustomAnswer: () => void;\n  submitAnswer: () => void;\n}\n\nexport const AskUserContext = createContext<AskUserContextValue | undefined>(undefined);\n\nexport function useOptionalAskUserContext() {\n  return useContext(AskUserContext);\n}\n\nexport function useAskUserContext() {\n  const context = useOptionalAskUserContext();\n  if (!context) throw new Error('AskUser controls must be rendered inside AskUser.Root.');\n  return context;\n}\n","import { Check, MessageCircleQuestion } from 'lucide-react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useOptionalAskUserContext } from './ask-user-context';\nimport type { AskUserResult } from './ask-user-types';\nimport { Badge } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { FieldItem, FieldLabel } from '@/ds/components/Field';\nimport type { FieldLabelProps } from '@/ds/components/Field';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport const AskUserContainer = ({ className, ...props }: ComponentProps<'div'>) => (\n  <div\n    data-slot=\"ask-user\"\n    className={cn(raisedSurfaceStyle, 'w-full overflow-hidden rounded-xl', className)}\n    {...props}\n  />\n);\n\nexport const AskUserLabel = ({ children = 'Question', className, ...props }: ComponentProps<'div'>) => (\n  <div data-slot=\"ask-user-label\" className={cn('flex min-h-10 items-center gap-2 px-4 pt-3', className)} {...props}>\n    <Icon size=\"xs\" className=\"text-muted-foreground\">\n      <MessageCircleQuestion />\n    </Icon>\n    <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n      {children}\n    </Txt>\n  </div>\n);\n\nexport const AskUserBody = ({ className, ...props }: ComponentProps<'div'>) => (\n  <div data-slot=\"ask-user-body\" className={cn('p-4', className)} {...props} />\n);\n\nconst AskUserQuestionTitle = ({ children }: { children: ReactNode }) => (\n  <span className=\"flex items-start gap-2\">\n    <Icon size=\"xs\" className={cn('mt-1 shrink-0', 'text-muted-foreground')} aria-hidden>\n      <MessageCircleQuestion />\n    </Icon>\n    <span className=\"min-w-0\">{children}</span>\n  </span>\n);\n\nexport const AskUserQuestion = ({ children, className, ...props }: ComponentProps<typeof Txt>) => {\n  const context = useOptionalAskUserContext();\n  return (\n    <Txt\n      as=\"p\"\n      variant=\"subheading\"\n      tone=\"ink\"\n      {...props}\n      id={context?.questionId ?? props.id}\n      className={cn('mb-3', className)}\n    >\n      <AskUserQuestionTitle>{children}</AskUserQuestionTitle>\n    </Txt>\n  );\n};\n\nexport interface AskUserOptionRowProps extends Omit<FieldLabelProps, 'children'> {\n  control: ReactNode;\n  label: ReactNode;\n  description?: string;\n  disabled?: boolean;\n}\n\nexport const AskUserOptionRow = ({\n  control,\n  label,\n  description,\n  disabled = false,\n  className,\n  ...props\n}: AskUserOptionRowProps) => (\n  <FieldItem disabled={disabled} className=\"contents\">\n    <FieldLabel\n      // state-layer's wash only stops at :disabled/aria-disabled, and a <label> is neither\n      aria-disabled={disabled || undefined}\n      className={cn('state-layer flex items-start gap-2.5 rounded-lg px-3 py-2 data-disabled:opacity-50', className)}\n      {...props}\n    >\n      {control}\n      <span className=\"grid gap-0.5\">\n        <Txt as=\"span\" variant=\"body\" tone=\"ink\">\n          {label}\n        </Txt>\n        {description ? (\n          <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n            {description}\n          </Txt>\n        ) : null}\n      </span>\n    </FieldLabel>\n  </FieldItem>\n);\n\nexport type AskUserSubmitButtonProps = Omit<ComponentProps<typeof Button>, 'children'> & { children?: ReactNode };\n\nexport const AskUserSubmitButton = ({ children = 'Submit answer', ...props }: AskUserSubmitButtonProps) => (\n  <Button icon={<Check />} type=\"button\" size=\"sm\" variant=\"primary\" {...props}>\n    {children}\n  </Button>\n);\n\nexport const AskUserPending = ({ children = 'Submitting…', ...props }: ComponentProps<typeof Txt>) => (\n  <Txt as=\"span\" role=\"status\" variant=\"caption\" tone=\"muted\" {...props}>\n    {children}\n  </Txt>\n);\n\nexport interface AskUserOutputProps extends ComponentProps<'div'> {\n  result: AskUserResult;\n}\n\nexport const AskUserOutput = ({ result, className, ...props }: AskUserOutputProps) => (\n  <div\n    data-slot=\"ask-user-output\"\n    role={result.isError ? 'alert' : 'status'}\n    className={cn('grid gap-2 rounded-lg bg-fill p-3', className)}\n    {...props}\n  >\n    <Badge size=\"xs\" variant={result.isError ? 'destructive' : 'success'} className=\"justify-self-start\">\n      {result.isError ? 'Error' : 'Answered'}\n    </Badge>\n    <Txt as=\"p\" variant=\"body\" tone=\"ink\" className={cn(result.isError && 'text-destructive-foreground')}>\n      {result.content}\n    </Txt>\n  </div>\n);\n","import type { ChangeEvent, ComponentProps, KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { useAskUserContext, useOptionalAskUserContext } from './ask-user-context';\nimport { AskUserOptionRow, AskUserSubmitButton } from './ask-user-layout';\nimport { Checkbox } from '@/ds/components/Checkbox';\nimport { FieldItem, FieldLabel, Fieldset } from '@/ds/components/Field';\nimport { Input } from '@/ds/components/Input';\nimport { RadioGroup, RadioGroupItem } from '@/ds/components/RadioGroup';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\n// Keep the UI-only custom choice separate from suggested answer values.\nconst customAnswerValue = 'custom';\nconst optionValuePrefix = 'option:';\n\nfunction getOptionRadioValue(optionLabel: string): string {\n  return `${optionValuePrefix}${optionLabel}`;\n}\n\nexport function AskUserOptions({ children, className, ...props }: ComponentProps<typeof Fieldset>) {\n  const context = useAskUserContext();\n\n  const handleSingleSelectChange = (radioValue: unknown) => {\n    if (radioValue === customAnswerValue) {\n      context.setCustomAnswerSelected(true);\n      return;\n    }\n    if (typeof radioValue !== 'string' || !radioValue.startsWith(optionValuePrefix)) return;\n    context.selectOption(radioValue.slice(optionValuePrefix.length));\n  };\n\n  if (context.selectionMode === 'multi_select') {\n    return (\n      <Fieldset aria-label=\"Answer options\" {...props} className={cn('gap-2', className)}>\n        {children}\n      </Fieldset>\n    );\n  }\n\n  const selectedOptionLabel = context.selectedOptionLabels[0];\n  const selectedOptionValue = selectedOptionLabel === undefined ? '' : getOptionRadioValue(selectedOptionLabel);\n  const selectedRadioValue = context.isCustomAnswerSelected ? customAnswerValue : selectedOptionValue;\n\n  return (\n    <Fieldset\n      {...props}\n      className={cn('gap-2', className)}\n      render={\n        <RadioGroup\n          aria-labelledby={context.questionId}\n          disabled={context.disabled}\n          value={selectedRadioValue}\n          onValueChange={handleSingleSelectChange}\n        />\n      }\n    >\n      {children}\n    </Fieldset>\n  );\n}\n\nexport interface AskUserOptionItemProps {\n  value: string;\n  children: ReactNode;\n  description?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport function AskUserOptionItem({\n  value,\n  children,\n  description,\n  disabled = false,\n  className,\n}: AskUserOptionItemProps) {\n  const context = useAskUserContext();\n  const isDisabled = context.disabled || disabled;\n\n  const handleOptionToggle = () => {\n    if (!isDisabled) context.selectOption(value);\n  };\n\n  return (\n    <AskUserOptionRow\n      label={children}\n      description={description}\n      disabled={isDisabled}\n      className={className}\n      control={\n        context.selectionMode === 'multi_select' ? (\n          <Checkbox\n            className=\"mt-0.5\"\n            disabled={isDisabled}\n            checked={context.selectedOptionLabels.includes(value)}\n            onCheckedChange={handleOptionToggle}\n          />\n        ) : (\n          <RadioGroupItem className=\"mt-0.5\" disabled={isDisabled} value={getOptionRadioValue(value)} />\n        )\n      }\n    />\n  );\n}\n\nexport type AskUserTextAnswerProps = Omit<\n  ComponentProps<typeof Input>,\n  'value' | 'defaultValue' | 'onChange' | 'onKeyDown'\n>;\n\nexport function AskUserTextAnswer({ disabled = false, ...props }: AskUserTextAnswerProps) {\n  const context = useAskUserContext();\n\n  const handleAnswerTextChange = (event: ChangeEvent<HTMLInputElement>) => {\n    context.changeAnswerText(event.target.value);\n  };\n\n  const handleAnswerTextKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === 'Enter' && !event.nativeEvent.isComposing) {\n      event.preventDefault();\n      context.submitAnswer();\n    }\n  };\n\n  return (\n    <Input\n      type=\"text\"\n      aria-labelledby={props['aria-label'] ? undefined : context.questionId}\n      placeholder=\"Type your answer...\"\n      size=\"sm\"\n      {...props}\n      disabled={context.disabled || disabled}\n      value={context.answerText}\n      onChange={handleAnswerTextChange}\n      onKeyDown={handleAnswerTextKeyDown}\n    />\n  );\n}\n\nexport interface AskUserCustomAnswerProps {\n  className?: string;\n  label?: string;\n  inputLabel?: string;\n}\n\nexport function AskUserCustomAnswer({\n  className,\n  label = 'Other…',\n  inputLabel = 'Your answer',\n}: AskUserCustomAnswerProps) {\n  const context = useAskUserContext();\n\n  const handleRowClick = (event: MouseEvent<HTMLDivElement>) => {\n    if (context.disabled || event.target !== event.currentTarget) return;\n    if (context.isCustomAnswerSelected) {\n      event.currentTarget.querySelector<HTMLInputElement>('input[type=\"text\"]')?.focus();\n      return;\n    }\n    event.currentTarget.querySelector<HTMLElement>('[role=\"radio\"], [role=\"checkbox\"]')?.click();\n  };\n\n  const handleControlMouseDown = (event: MouseEvent<HTMLSpanElement>) => {\n    // Let the checkbox click unselect it before blur resets its controlled value.\n    if (context.isCustomAnswerSelected && !context.answerText.trim()) event.preventDefault();\n  };\n\n  return (\n    <FieldItem\n      role=\"group\"\n      aria-label=\"Custom answer\"\n      aria-disabled={context.disabled || undefined}\n      disabled={context.disabled}\n      onClick={handleRowClick}\n      className={cn(\n        'items-start gap-2.5 rounded-lg px-3 py-2 data-disabled:opacity-50',\n        !context.isCustomAnswerSelected && 'state-layer',\n        className,\n      )}\n    >\n      {context.selectionMode === 'multi_select' ? (\n        <Checkbox\n          className=\"mt-0.5\"\n          aria-label={label}\n          disabled={context.disabled}\n          checked={context.isCustomAnswerSelected}\n          onMouseDown={handleControlMouseDown}\n          onCheckedChange={context.setCustomAnswerSelected}\n        />\n      ) : (\n        <RadioGroupItem aria-label={label} className=\"mt-0.5\" value={customAnswerValue} />\n      )}\n      {context.isCustomAnswerSelected ? (\n        <AskUserTextAnswer\n          aria-label={inputLabel}\n          onBlur={context.unselectEmptyCustomAnswer}\n          placeholder={label}\n          variant=\"unstyled\"\n          className={cn('h-auto min-w-0 flex-1 px-0', 'text-body')}\n          autoFocus\n        />\n      ) : (\n        <FieldLabel className=\"flex-1\">\n          <Txt as=\"span\" variant=\"body\" tone=\"ink\">\n            {label}\n          </Txt>\n        </FieldLabel>\n      )}\n    </FieldItem>\n  );\n}\n\nexport type AskUserSubmitProps = ComponentProps<typeof AskUserSubmitButton> & {\n  when?: 'always' | 'custom-answer';\n};\n\nexport function AskUserSubmit({ when = 'always', disabled = false, onClick, ...props }: AskUserSubmitProps) {\n  const context = useOptionalAskUserContext();\n\n  const handleSubmitClick = (event: MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event);\n    if (!event.defaultPrevented && !disabled) context?.submitAnswer();\n  };\n\n  if (when === 'custom-answer' && !context?.isCustomAnswerSelected) return null;\n\n  return (\n    <AskUserSubmitButton\n      {...props}\n      disabled={disabled || (context !== undefined && !context.canSubmitAnswer)}\n      onClick={handleSubmitClick}\n    />\n  );\n}\n","import { useId, useState } from 'react';\nimport type { ComponentProps } from 'react';\nimport { AskUserContext } from './ask-user-context';\nimport { AskUserContainer } from './ask-user-layout';\nimport type { AskUserAnswer, AskUserSelectionMode } from './ask-user-types';\n\nexport interface AskUserRootProps extends Omit<ComponentProps<typeof AskUserContainer>, 'onSubmit'> {\n  selectionMode?: AskUserSelectionMode;\n  disabled?: boolean;\n  onSubmit: (answer: AskUserAnswer) => void;\n}\n\ninterface AskUserAnswerDraft {\n  answerText: string;\n  selectedOptionLabels: string[];\n  selectionMode: AskUserSelectionMode;\n  isCustomAnswerSelected: boolean;\n}\n\nfunction getAnswerToSubmit({\n  answerText,\n  selectedOptionLabels,\n  selectionMode,\n  isCustomAnswerSelected,\n}: AskUserAnswerDraft): AskUserAnswer | undefined {\n  const trimmedAnswerText = answerText.trim();\n  if (isCustomAnswerSelected && !trimmedAnswerText) return undefined;\n  if (selectionMode === 'single_select') {\n    // Suggested single-select answers already submit when selected.\n    if (!isCustomAnswerSelected && selectedOptionLabels.length > 0) return undefined;\n    return trimmedAnswerText || undefined;\n  }\n\n  const answerLabels = isCustomAnswerSelected ? [...selectedOptionLabels, trimmedAnswerText] : selectedOptionLabels;\n  return answerLabels.length > 0 ? answerLabels : undefined;\n}\n\nfunction toggleSelectedOptionLabel(selectedOptionLabels: string[], optionLabel: string): string[] {\n  if (selectedOptionLabels.includes(optionLabel)) {\n    return selectedOptionLabels.filter(selectedLabel => selectedLabel !== optionLabel);\n  }\n  return [...selectedOptionLabels, optionLabel];\n}\n\nexport function AskUserRoot({\n  selectionMode = 'single_select',\n  disabled = false,\n  onSubmit,\n  children,\n  ...props\n}: AskUserRootProps) {\n  const questionId = useId();\n  const [answerText, setAnswerText] = useState('');\n  const [selectedOptionLabels, setSelectedOptionLabels] = useState<string[]>([]);\n  const [isCustomAnswerSelected, setIsCustomAnswerSelected] = useState(false);\n  const answerToSubmit = getAnswerToSubmit({\n    answerText,\n    selectedOptionLabels,\n    selectionMode,\n    isCustomAnswerSelected,\n  });\n  const canSubmitAnswer = !disabled && answerToSubmit !== undefined;\n\n  const selectOption = (optionLabel: string) => {\n    if (disabled) return;\n    if (selectionMode === 'multi_select') {\n      setSelectedOptionLabels(currentLabels => toggleSelectedOptionLabel(currentLabels, optionLabel));\n      return;\n    }\n    setIsCustomAnswerSelected(false);\n    setSelectedOptionLabels([optionLabel]);\n    onSubmit(optionLabel);\n  };\n\n  const setCustomAnswerSelected = (selected: boolean) => {\n    if (disabled) return;\n    setIsCustomAnswerSelected(selected);\n    if (selected && selectionMode === 'single_select') setSelectedOptionLabels([]);\n  };\n\n  const changeAnswerText = (text: string) => {\n    if (!disabled) setAnswerText(text);\n  };\n\n  const unselectEmptyCustomAnswer = () => {\n    if (!disabled && !answerText.trim()) setIsCustomAnswerSelected(false);\n  };\n\n  const submitAnswer = () => {\n    if (disabled || answerToSubmit === undefined) return;\n    onSubmit(answerToSubmit);\n  };\n\n  return (\n    <AskUserContext.Provider\n      value={{\n        questionId,\n        selectionMode,\n        disabled,\n        answerText,\n        selectedOptionLabels,\n        isCustomAnswerSelected,\n        canSubmitAnswer,\n        selectOption,\n        setCustomAnswerSelected,\n        changeAnswerText,\n        unselectEmptyCustomAnswer,\n        submitAnswer,\n      }}\n    >\n      <AskUserContainer role=\"group\" aria-labelledby={questionId} {...props}>\n        {children}\n      </AskUserContainer>\n    </AskUserContext.Provider>\n  );\n}\n","import type { ComponentProps, ReactNode } from 'react';\nimport { useAskUserContext } from './ask-user-context';\nimport {\n  AskUserCustomAnswer,\n  AskUserOptionItem,\n  AskUserOptions,\n  AskUserSubmit,\n  AskUserTextAnswer,\n} from './ask-user-controls';\nimport { AskUserBody, AskUserContainer, AskUserOutput, AskUserPending, AskUserQuestion } from './ask-user-layout';\nimport { AskUserRoot } from './ask-user-root';\nimport type { AskUserAnswer, AskUserOption, AskUserPayload, AskUserResult } from './ask-user-types';\nimport { Badge } from '@/ds/components/Badge';\n\nexport interface AskUserProps extends Omit<ComponentProps<typeof AskUserContainer>, 'children' | 'onSubmit'> {\n  payload: AskUserPayload;\n  result?: AskUserResult;\n  isAnswered?: boolean;\n  isSubmitting?: boolean;\n  onSubmit: (answer: AskUserAnswer) => void;\n  footer?: ReactNode;\n}\n\nfunction getValidOptions(options: AskUserPayload['options']): AskUserOption[] {\n  return (\n    options?.filter((option): option is AskUserOption =>\n      Boolean(option && typeof option.label === 'string' && option.label),\n    ) ?? []\n  );\n}\n\nfunction AskUserAnswerControls({ options }: { options: AskUserOption[] }) {\n  const { selectionMode } = useAskUserContext();\n  const isMultiSelect = selectionMode === 'multi_select';\n  if (options.length === 0) {\n    return (\n      <div className=\"flex items-center gap-2\">\n        <AskUserTextAnswer />\n        <AskUserSubmit className=\"shrink-0 whitespace-nowrap\" />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <AskUserOptions>\n        {options.map(option => (\n          <AskUserOptionItem key={option.label} value={option.label} description={option.description}>\n            {option.label}\n          </AskUserOptionItem>\n        ))}\n        <AskUserCustomAnswer />\n        {isMultiSelect ? <AskUserSubmit className=\"mt-1 justify-self-start\" /> : null}\n      </AskUserOptions>\n      {!isMultiSelect ? <AskUserSubmit when=\"custom-answer\" className=\"mt-2\" /> : null}\n    </>\n  );\n}\n\ninterface AskUserCardContentProps extends Pick<AskUserProps, 'result' | 'isAnswered' | 'isSubmitting' | 'footer'> {\n  options: AskUserOption[];\n}\n\nfunction AskUserCardContent({ result, isAnswered, isSubmitting, options, footer }: AskUserCardContentProps) {\n  if (result) return <AskUserOutput result={result} />;\n  if (isAnswered) return <Badge variant=\"success\">Answered</Badge>;\n\n  return (\n    <>\n      <AskUserAnswerControls options={options} />\n      {isSubmitting ? <AskUserPending className=\"mt-3 block\" /> : null}\n      {footer}\n    </>\n  );\n}\n\nexport function AskUser({\n  payload,\n  result,\n  isAnswered = false,\n  isSubmitting = false,\n  onSubmit,\n  footer,\n  ...props\n}: AskUserProps) {\n  const options = getValidOptions(payload.options);\n  const isMultiSelect = options.length > 0 && payload.selectionMode === 'multi_select';\n  const payloadKey = JSON.stringify([payload.question, options.map(option => option.label), payload.selectionMode]);\n  const hasAnswer = result !== undefined || isAnswered;\n\n  return (\n    <AskUserRoot\n      key={payloadKey}\n      data-testid=\"ask-user\"\n      selectionMode={isMultiSelect ? 'multi_select' : 'single_select'}\n      disabled={isSubmitting || hasAnswer}\n      onSubmit={onSubmit}\n      {...props}\n    >\n      <AskUserBody>\n        <AskUserQuestion>{payload.question}</AskUserQuestion>\n        <AskUserCardContent\n          result={result}\n          isAnswered={isAnswered}\n          isSubmitting={isSubmitting}\n          options={options}\n          footer={footer}\n        />\n      </AskUserBody>\n    </AskUserRoot>\n  );\n}\n"],"names":["createContext","useContext","jsx","cn","raisedSurfaceStyle","Icon","MessageCircleQuestion","Txt","jsxs","FieldItem","FieldLabel","Button","Check","Badge","Fieldset","RadioGroup","Checkbox","RadioGroupItem","Input","useId","useState","Fragment"],"mappings":"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"}