@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

package/dist/ask-user-DPznrqGO.js

@@ -1,412 +0,0 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
-import { raisedSurfaceStyle } from "./primitives/raised-surface.es.js";
-import { Icon } from "./icons/Icon.es.js";
-import { t as Button } from "./Button-CLXTbAY8.js";
-import { t as Txt } from "./Txt-BM6TVV_c.js";
-import { t as Input } from "./input-0l1uzOBZ.js";
-import { t as Badge } from "./Badge-aVu5iGAF.js";
-import { FieldItem, FieldLabel, Fieldset } from "./components/Field.es.js";
-import { Checkbox } from "./components/Checkbox.es.js";
-import { RadioGroup, RadioGroupItem } from "./components/RadioGroup.es.js";
-import { createContext, useContext, useId, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { Check, MessageCircleQuestion } from "lucide-react";
-// src/ds/components/ai/ask-user/ask-user-context.ts
-var AskUserContext = createContext(void 0);
-function useOptionalAskUserContext() {
-	return useContext(AskUserContext);
-}
-function useAskUserContext() {
-	const context = useOptionalAskUserContext();
-	if (!context) throw new Error("AskUser controls must be rendered inside AskUser.Root.");
-	return context;
-}
-// src/ds/components/ai/ask-user/ask-user-layout.tsx
-var AskUserContainer = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
-	"data-slot": "ask-user",
-	className: cn(raisedSurfaceStyle, "w-full overflow-hidden rounded-xl", className),
-	...props
-});
-var AskUserLabel = ({ children = "Question", className, ...props }) => /* @__PURE__ */ jsxs("div", {
-	"data-slot": "ask-user-label",
-	className: cn("flex min-h-10 items-center gap-2 px-4 pt-3", className),
-	...props,
-	children: [/* @__PURE__ */ jsx(Icon, {
-		size: "xs",
-		className: "text-muted-foreground",
-		children: /* @__PURE__ */ jsx(MessageCircleQuestion, {})
-	}), /* @__PURE__ */ jsx(Txt, {
-		as: "span",
-		variant: "caption",
-		tone: "muted",
-		children
-	})]
-});
-var AskUserBody = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
-	"data-slot": "ask-user-body",
-	className: cn("p-4", className),
-	...props
-});
-var AskUserQuestionTitle = ({ children }) => /* @__PURE__ */ jsxs("span", {
-	className: "flex items-start gap-2",
-	children: [/* @__PURE__ */ jsx(Icon, {
-		size: "xs",
-		className: cn("mt-1 shrink-0", "text-muted-foreground"),
-		"aria-hidden": true,
-		children: /* @__PURE__ */ jsx(MessageCircleQuestion, {})
-	}), /* @__PURE__ */ jsx("span", {
-		className: "min-w-0",
-		children
-	})]
-});
-var AskUserQuestion = ({ children, className, ...props }) => {
-	const context = useOptionalAskUserContext();
-	return /* @__PURE__ */ jsx(Txt, {
-		as: "p",
-		variant: "subheading",
-		tone: "ink",
-		...props,
-		id: context?.questionId ?? props.id,
-		className: cn("mb-3", className),
-		children: /* @__PURE__ */ jsx(AskUserQuestionTitle, { children })
-	});
-};
-var AskUserOptionRow = ({ control, label, description, disabled = false, className, ...props }) => /* @__PURE__ */ jsx(FieldItem, {
-	disabled,
-	className: "contents",
-	children: /* @__PURE__ */ jsxs(FieldLabel, {
-		"aria-disabled": disabled || void 0,
-		className: cn("state-layer flex items-start gap-2.5 rounded-lg px-3 py-2 data-disabled:opacity-50", className),
-		...props,
-		children: [control, /* @__PURE__ */ jsxs("span", {
-			className: "grid gap-0.5",
-			children: [/* @__PURE__ */ jsx(Txt, {
-				as: "span",
-				variant: "body",
-				tone: "ink",
-				children: label
-			}), description ? /* @__PURE__ */ jsx(Txt, {
-				as: "span",
-				variant: "caption",
-				tone: "muted",
-				children: description
-			}) : null]
-		})]
-	})
-});
-var AskUserSubmitButton = ({ children = "Submit answer", ...props }) => /* @__PURE__ */ jsx(Button, {
-	icon: /* @__PURE__ */ jsx(Check, {}),
-	type: "button",
-	size: "sm",
-	variant: "primary",
-	...props,
-	children
-});
-var AskUserPending = ({ children = "Submitting…", ...props }) => /* @__PURE__ */ jsx(Txt, {
-	as: "span",
-	role: "status",
-	variant: "caption",
-	tone: "muted",
-	...props,
-	children
-});
-var AskUserOutput = ({ result, className, ...props }) => /* @__PURE__ */ jsxs("div", {
-	"data-slot": "ask-user-output",
-	role: result.isError ? "alert" : "status",
-	className: cn("grid gap-2 rounded-lg bg-fill p-3", className),
-	...props,
-	children: [/* @__PURE__ */ jsx(Badge, {
-		size: "xs",
-		variant: result.isError ? "destructive" : "success",
-		className: "justify-self-start",
-		children: result.isError ? "Error" : "Answered"
-	}), /* @__PURE__ */ jsx(Txt, {
-		as: "p",
-		variant: "body",
-		tone: "ink",
-		className: cn(result.isError && "text-destructive-foreground"),
-		children: result.content
-	})]
-});
-// src/ds/components/ai/ask-user/ask-user-controls.tsx
-var customAnswerValue = "custom";
-var 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(7));
-	};
-	if (context.selectionMode === "multi_select") return /* @__PURE__ */ jsx(Fieldset, {
-		"aria-label": "Answer options",
-		...props,
-		className: 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__ */ jsx(Fieldset, {
-		...props,
-		className: cn("gap-2", className),
-		render: /* @__PURE__ */ jsx(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__ */ jsx(AskUserOptionRow, {
-		label: children,
-		description,
-		disabled: isDisabled,
-		className,
-		control: context.selectionMode === "multi_select" ? /* @__PURE__ */ jsx(Checkbox, {
-			className: "mt-0.5",
-			disabled: isDisabled,
-			checked: context.selectedOptionLabels.includes(value),
-			onCheckedChange: handleOptionToggle
-		}) : /* @__PURE__ */ jsx(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__ */ jsx(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__ */ jsxs(FieldItem, {
-		role: "group",
-		"aria-label": "Custom answer",
-		"aria-disabled": context.disabled || void 0,
-		disabled: context.disabled,
-		onClick: handleRowClick,
-		className: 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__ */ jsx(Checkbox, {
-			className: "mt-0.5",
-			"aria-label": label,
-			disabled: context.disabled,
-			checked: context.isCustomAnswerSelected,
-			onMouseDown: handleControlMouseDown,
-			onCheckedChange: context.setCustomAnswerSelected
-		}) : /* @__PURE__ */ jsx(RadioGroupItem, {
-			"aria-label": label,
-			className: "mt-0.5",
-			value: customAnswerValue
-		}), context.isCustomAnswerSelected ? /* @__PURE__ */ jsx(AskUserTextAnswer, {
-			"aria-label": inputLabel,
-			onBlur: context.unselectEmptyCustomAnswer,
-			placeholder: label,
-			variant: "unstyled",
-			className: cn("h-auto min-w-0 flex-1 px-0", "text-body"),
-			autoFocus: true
-		}) : /* @__PURE__ */ jsx(FieldLabel, {
-			className: "flex-1",
-			children: /* @__PURE__ */ jsx(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__ */ jsx(AskUserSubmitButton, {
-		...props,
-		disabled: disabled || context !== void 0 && !context.canSubmitAnswer,
-		onClick: handleSubmitClick
-	});
-}
-// src/ds/components/ai/ask-user/ask-user-root.tsx
-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 = useId();
-	const [answerText, setAnswerText] = useState("");
-	const [selectedOptionLabels, setSelectedOptionLabels] = useState([]);
-	const [isCustomAnswerSelected, setIsCustomAnswerSelected] = 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__ */ jsx(AskUserContext.Provider, {
-		value: {
-			questionId,
-			selectionMode,
-			disabled,
-			answerText,
-			selectedOptionLabels,
-			isCustomAnswerSelected,
-			canSubmitAnswer,
-			selectOption,
-			setCustomAnswerSelected,
-			changeAnswerText,
-			unselectEmptyCustomAnswer,
-			submitAnswer
-		},
-		children: /* @__PURE__ */ jsx(AskUserContainer, {
-			role: "group",
-			"aria-labelledby": questionId,
-			...props,
-			children
-		})
-	});
-}
-// src/ds/components/ai/ask-user/ask-user-card.tsx
-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__ */ jsxs("div", {
-		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ jsx(AskUserTextAnswer, {}), /* @__PURE__ */ jsx(AskUserSubmit, { className: "shrink-0 whitespace-nowrap" })]
-	});
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(AskUserOptions, { children: [
-		options.map((option) => /* @__PURE__ */ jsx(AskUserOptionItem, {
-			value: option.label,
-			description: option.description,
-			children: option.label
-		}, option.label)),
-		/* @__PURE__ */ jsx(AskUserCustomAnswer, {}),
-		isMultiSelect ? /* @__PURE__ */ jsx(AskUserSubmit, { className: "mt-1 justify-self-start" }) : null
-	] }), !isMultiSelect ? /* @__PURE__ */ jsx(AskUserSubmit, {
-		when: "custom-answer",
-		className: "mt-2"
-	}) : null] });
-}
-function AskUserCardContent({ result, isAnswered, isSubmitting, options, footer }) {
-	if (result) return /* @__PURE__ */ jsx(AskUserOutput, { result });
-	if (isAnswered) return /* @__PURE__ */ jsx(Badge, {
-		variant: "success",
-		children: "Answered"
-	});
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		/* @__PURE__ */ jsx(AskUserAnswerControls, { options }),
-		isSubmitting ? /* @__PURE__ */ 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
-	]);
-	return /* @__PURE__ */ jsx(AskUserRoot, {
-		"data-testid": "ask-user",
-		selectionMode: isMultiSelect ? "multi_select" : "single_select",
-		disabled: isSubmitting || result !== void 0 || isAnswered,
-		onSubmit,
-		...props,
-		children: /* @__PURE__ */ jsxs(AskUserBody, { children: [/* @__PURE__ */ jsx(AskUserQuestion, { children: payload.question }), /* @__PURE__ */ jsx(AskUserCardContent, {
-			result,
-			isAnswered,
-			isSubmitting,
-			options,
-			footer
-		})] })
-	}, payloadKey);
-}
-export { AskUserOptions as a, AskUserBody as c, AskUserOptionRow as d, AskUserOutput as f, AskUserOptionItem as i, AskUserContainer as l, AskUserQuestion as m, AskUserRoot as n, AskUserSubmit as o, AskUserPending as p, AskUserCustomAnswer as r, AskUserTextAnswer as s, AskUser as t, AskUserLabel as u };
-
-//# sourceMappingURL=ask-user-DPznrqGO.js.map

package/dist/ask-user-DPznrqGO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ask-user-DPznrqGO.js","names":["_Fragment"],"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 type { AskUserContainer } from './ask-user-layout';\nimport { AskUserBody, 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"],"mappings":"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"}

package/dist/buttons-group-Dc6R7YSs.cjs

@@ -1,48 +0,0 @@
-require('./buttons-group.css');const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
-const require_utils = require("./utils-uDc1ofX1.cjs");
-const require_primitives_control_size = require("./primitives/control-size.cjs.js");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react, 1);
-let react_jsx_runtime = require("react/jsx-runtime");
-// src/ds/components/ButtonsGroup/buttons-group.tsx
-/** Joins related actions into one pill. To pick one of several options, use `SegmentedControl` instead. */
-var ButtonsGroup = react.forwardRef(({ children, className, orientation = "horizontal", size = "md", ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives_control_size.ControlSizeContext.Provider, {
-		value: size,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			ref,
-			role: "group",
-			"data-slot": "buttons-group",
-			"data-orientation": orientation,
-			"data-size": size,
-			className: require_utils.cn("flex w-fit items-stretch", orientation === "vertical" ? "flex-col" : "flex-row", className),
-			...props,
-			children
-		})
-	});
-});
-ButtonsGroup.displayName = "ButtonsGroup";
-var buttonsGroupTextClassName = require_utils.cn("inline-flex items-center justify-center border border-border bg-card text-foreground select-none", "shrink-0 gap-[.75em] rounded-full px-[1em] text-label whitespace-nowrap", "[&>svg]:size-[1.1em] [&>svg]:opacity-50");
-var ButtonsGroupText = react.forwardRef(({ className, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		"data-slot": "buttons-group-text",
-		className: require_utils.cn(buttonsGroupTextClassName, className),
-		...props
-	});
-});
-ButtonsGroupText.displayName = "ButtonsGroupText";
-Object.defineProperty(exports, "ButtonsGroup", {
-	enumerable: true,
-	get: function() {
-		return ButtonsGroup;
-	}
-});
-Object.defineProperty(exports, "ButtonsGroupText", {
-	enumerable: true,
-	get: function() {
-		return ButtonsGroupText;
-	}
-});
-
-//# sourceMappingURL=buttons-group-Dc6R7YSs.cjs.map

package/dist/buttons-group-Dc6R7YSs.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttons-group-Dc6R7YSs.cjs","names":["React","ControlSizeContext","cn"],"sources":["../src/ds/components/ButtonsGroup/buttons-group.tsx"],"sourcesContent":["import './buttons-group.css';\nimport * as React from 'react';\n\nimport { ControlSizeContext } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\ntype Orientation = 'horizontal' | 'vertical';\n\nexport type ButtonsGroupProps = React.ComponentPropsWithoutRef<'div'> & {\n  orientation?: Orientation;\n  /**\n   * The rung every segment sits on. The group owns it: a child's own `size` cannot lift a\n   * segment off the group's rung, so a group can never render with a step in it.\n   */\n  size?: ControlSize;\n};\n\n/** Joins related actions into one pill. To pick one of several options, use `SegmentedControl` instead. */\nexport const ButtonsGroup = React.forwardRef<HTMLDivElement, ButtonsGroupProps>(\n  ({ children, className, orientation = 'horizontal', size = 'md', ...props }, ref) => {\n    return (\n      <ControlSizeContext.Provider value={size}>\n        <div\n          ref={ref}\n          role=\"group\"\n          data-slot=\"buttons-group\"\n          data-orientation={orientation}\n          data-size={size}\n          className={cn('flex w-fit items-stretch', orientation === 'vertical' ? 'flex-col' : 'flex-row', className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </ControlSizeContext.Provider>\n    );\n  },\n);\nButtonsGroup.displayName = 'ButtonsGroup';\n\n// No size of its own: a text segment only exists inside a group, and the group sets the\n// height. `text-label` is the type role at every rung (see `controlSizeClasses`), so the\n// box grows and the type does not.\nconst buttonsGroupTextClassName = cn(\n  'inline-flex items-center justify-center border border-border bg-card text-foreground select-none',\n  'shrink-0 gap-[.75em] rounded-full px-[1em] text-label whitespace-nowrap',\n  '[&>svg]:size-[1.1em] [&>svg]:opacity-50',\n);\n\nexport type ButtonsGroupTextProps = React.ComponentPropsWithoutRef<'div'>;\n\nexport const ButtonsGroupText = React.forwardRef<HTMLDivElement, ButtonsGroupTextProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div ref={ref} data-slot=\"buttons-group-text\" className={cn(buttonsGroupTextClassName, className)} {...props} />\n    );\n  },\n);\nButtonsGroupText.displayName = 'ButtonsGroupText';\n"],"mappings":";;;;;;;;AAmBA,IAAa,eAAeA,MAAM,YAC/B,EAAE,UAAU,WAAW,cAAc,cAAc,OAAO,MAAM,GAAG,SAAS,QAAQ;CACnF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gCAAAA,mBAAmB,UAApB;EAA6B,OAAO;EAClC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GACO;GACL,MAAK;GACL,aAAU;GACV,oBAAkB;GAClB,aAAW;GACX,WAAWC,cAAAA,GAAG,4BAA4B,gBAAgB,aAAa,aAAa,YAAY,SAAS;GACzG,GAAI;GAEH;EACE,CAAA;CACsB,CAAA;AAEjC,CACF;AACA,aAAa,cAAc;AAK3B,IAAM,4BAA4BA,cAAAA,GAChC,oGACA,2EACA,yCACF;AAIA,IAAa,mBAAmBF,MAAM,YACnC,EAAE,WAAW,GAAG,SAAS,QAAQ;CAChC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAU;EAAK,aAAU;EAAqB,WAAWE,cAAAA,GAAG,2BAA2B,SAAS;EAAG,GAAI;CAAQ,CAAA;AAEnH,CACF;AACA,iBAAiB,cAAc"}

package/dist/buttons-group-DkFlnMiL.js

@@ -1,35 +0,0 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
-import { ControlSizeContext } from "./primitives/control-size.es.js";
-import * as React$1 from "react";
-import { jsx } from "react/jsx-runtime";
-import './buttons-group.css';// src/ds/components/ButtonsGroup/buttons-group.tsx
-/** Joins related actions into one pill. To pick one of several options, use `SegmentedControl` instead. */
-var ButtonsGroup = React$1.forwardRef(({ children, className, orientation = "horizontal", size = "md", ...props }, ref) => {
-	return /* @__PURE__ */ jsx(ControlSizeContext.Provider, {
-		value: size,
-		children: /* @__PURE__ */ jsx("div", {
-			ref,
-			role: "group",
-			"data-slot": "buttons-group",
-			"data-orientation": orientation,
-			"data-size": size,
-			className: cn("flex w-fit items-stretch", orientation === "vertical" ? "flex-col" : "flex-row", className),
-			...props,
-			children
-		})
-	});
-});
-ButtonsGroup.displayName = "ButtonsGroup";
-var buttonsGroupTextClassName = cn("inline-flex items-center justify-center border border-border bg-card text-foreground select-none", "shrink-0 gap-[.75em] rounded-full px-[1em] text-label whitespace-nowrap", "[&>svg]:size-[1.1em] [&>svg]:opacity-50");
-var ButtonsGroupText = React$1.forwardRef(({ className, ...props }, ref) => {
-	return /* @__PURE__ */ jsx("div", {
-		ref,
-		"data-slot": "buttons-group-text",
-		className: cn(buttonsGroupTextClassName, className),
-		...props
-	});
-});
-ButtonsGroupText.displayName = "ButtonsGroupText";
-export { ButtonsGroupText as n, ButtonsGroup as t };
-
-//# sourceMappingURL=buttons-group-DkFlnMiL.js.map

package/dist/buttons-group-DkFlnMiL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttons-group-DkFlnMiL.js","names":["React"],"sources":["../src/ds/components/ButtonsGroup/buttons-group.tsx"],"sourcesContent":["import './buttons-group.css';\nimport * as React from 'react';\n\nimport { ControlSizeContext } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\ntype Orientation = 'horizontal' | 'vertical';\n\nexport type ButtonsGroupProps = React.ComponentPropsWithoutRef<'div'> & {\n  orientation?: Orientation;\n  /**\n   * The rung every segment sits on. The group owns it: a child's own `size` cannot lift a\n   * segment off the group's rung, so a group can never render with a step in it.\n   */\n  size?: ControlSize;\n};\n\n/** Joins related actions into one pill. To pick one of several options, use `SegmentedControl` instead. */\nexport const ButtonsGroup = React.forwardRef<HTMLDivElement, ButtonsGroupProps>(\n  ({ children, className, orientation = 'horizontal', size = 'md', ...props }, ref) => {\n    return (\n      <ControlSizeContext.Provider value={size}>\n        <div\n          ref={ref}\n          role=\"group\"\n          data-slot=\"buttons-group\"\n          data-orientation={orientation}\n          data-size={size}\n          className={cn('flex w-fit items-stretch', orientation === 'vertical' ? 'flex-col' : 'flex-row', className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </ControlSizeContext.Provider>\n    );\n  },\n);\nButtonsGroup.displayName = 'ButtonsGroup';\n\n// No size of its own: a text segment only exists inside a group, and the group sets the\n// height. `text-label` is the type role at every rung (see `controlSizeClasses`), so the\n// box grows and the type does not.\nconst buttonsGroupTextClassName = cn(\n  'inline-flex items-center justify-center border border-border bg-card text-foreground select-none',\n  'shrink-0 gap-[.75em] rounded-full px-[1em] text-label whitespace-nowrap',\n  '[&>svg]:size-[1.1em] [&>svg]:opacity-50',\n);\n\nexport type ButtonsGroupTextProps = React.ComponentPropsWithoutRef<'div'>;\n\nexport const ButtonsGroupText = React.forwardRef<HTMLDivElement, ButtonsGroupTextProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div ref={ref} data-slot=\"buttons-group-text\" className={cn(buttonsGroupTextClassName, className)} {...props} />\n    );\n  },\n);\nButtonsGroupText.displayName = 'ButtonsGroupText';\n"],"mappings":";;;;;;AAmBA,IAAa,eAAeA,QAAM,YAC/B,EAAE,UAAU,WAAW,cAAc,cAAc,OAAO,MAAM,GAAG,SAAS,QAAQ;CACnF,OACE,oBAAC,mBAAmB,UAApB;EAA6B,OAAO;EAClC,UAAA,oBAAC,OAAD;GACO;GACL,MAAK;GACL,aAAU;GACV,oBAAkB;GAClB,aAAW;GACX,WAAW,GAAG,4BAA4B,gBAAgB,aAAa,aAAa,YAAY,SAAS;GACzG,GAAI;GAEH;EACE,CAAA;CACsB,CAAA;AAEjC,CACF;AACA,aAAa,cAAc;AAK3B,IAAM,4BAA4B,GAChC,oGACA,2EACA,yCACF;AAIA,IAAa,mBAAmBA,QAAM,YACnC,EAAE,WAAW,GAAG,SAAS,QAAQ;CAChC,OACE,oBAAC,OAAD;EAAU;EAAK,aAAU;EAAqB,WAAW,GAAG,2BAA2B,SAAS;EAAG,GAAI;CAAQ,CAAA;AAEnH,CACF;AACA,iBAAiB,cAAc"}

package/dist/clear-filters-button-Buc973vw.cjs

@@ -1,27 +0,0 @@
-const require_Button = require("./Button-DLcMcuUL.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
-let lucide_react = require("lucide-react");
-// src/ds/components/ClearFiltersButton/clear-filters-button.tsx
-/**
-* Resets every filter in a toolbar: a round icon button at the toolbar's height, named by its
-* tooltip. A single filter's own × removes just that filter, so this one never uses an ×.
-*/
-function ClearFiltersButton({ onClick, label = "Clear filters", disabled }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
-		type: "button",
-		size: "icon-sm",
-		"aria-label": label,
-		tooltip: label,
-		onClick,
-		disabled,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.RotateCcwIcon, {})
-	});
-}
-Object.defineProperty(exports, "ClearFiltersButton", {
-	enumerable: true,
-	get: function() {
-		return ClearFiltersButton;
-	}
-});
-
-//# sourceMappingURL=clear-filters-button-Buc973vw.cjs.map

package/dist/clear-filters-button-Buc973vw.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"clear-filters-button-Buc973vw.cjs","names":["Button","RotateCcwIcon"],"sources":["../src/ds/components/ClearFiltersButton/clear-filters-button.tsx"],"sourcesContent":["import { RotateCcwIcon } from 'lucide-react';\nimport type { MouseEventHandler } from 'react';\nimport { Button } from '@/ds/components/Button/Button';\n\nexport type ClearFiltersButtonProps = {\n  onClick: MouseEventHandler<HTMLButtonElement>;\n  /** Tooltip and accessible name. */\n  label?: string;\n  disabled?: boolean;\n};\n\n/**\n * Resets every filter in a toolbar: a round icon button at the toolbar's height, named by its\n * tooltip. A single filter's own × removes just that filter, so this one never uses an ×.\n */\nexport function ClearFiltersButton({ onClick, label = 'Clear filters', disabled }: ClearFiltersButtonProps) {\n  return (\n    <Button type=\"button\" size=\"icon-sm\" aria-label={label} tooltip={label} onClick={onClick} disabled={disabled}>\n      <RotateCcwIcon />\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;AAeA,SAAgB,mBAAmB,EAAE,SAAS,QAAQ,iBAAiB,YAAqC;CAC1G,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,eAAAA,QAAD;EAAQ,MAAK;EAAS,MAAK;EAAU,cAAY;EAAO,SAAS;EAAgB;EAAmB;EAClG,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,eAAD,CAAgB,CAAA;CACV,CAAA;AAEZ"}

package/dist/clear-filters-button-CNrRuHOY.js

@@ -1,22 +0,0 @@
-import { t as Button } from "./Button-CLXTbAY8.js";
-import { jsx } from "react/jsx-runtime";
-import { RotateCcwIcon } from "lucide-react";
-// src/ds/components/ClearFiltersButton/clear-filters-button.tsx
-/**
-* Resets every filter in a toolbar: a round icon button at the toolbar's height, named by its
-* tooltip. A single filter's own × removes just that filter, so this one never uses an ×.
-*/
-function ClearFiltersButton({ onClick, label = "Clear filters", disabled }) {
-	return /* @__PURE__ */ jsx(Button, {
-		type: "button",
-		size: "icon-sm",
-		"aria-label": label,
-		tooltip: label,
-		onClick,
-		disabled,
-		children: /* @__PURE__ */ jsx(RotateCcwIcon, {})
-	});
-}
-export { ClearFiltersButton as t };
-
-//# sourceMappingURL=clear-filters-button-CNrRuHOY.js.map

package/dist/clear-filters-button-CNrRuHOY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"clear-filters-button-CNrRuHOY.js","names":[],"sources":["../src/ds/components/ClearFiltersButton/clear-filters-button.tsx"],"sourcesContent":["import { RotateCcwIcon } from 'lucide-react';\nimport type { MouseEventHandler } from 'react';\nimport { Button } from '@/ds/components/Button/Button';\n\nexport type ClearFiltersButtonProps = {\n  onClick: MouseEventHandler<HTMLButtonElement>;\n  /** Tooltip and accessible name. */\n  label?: string;\n  disabled?: boolean;\n};\n\n/**\n * Resets every filter in a toolbar: a round icon button at the toolbar's height, named by its\n * tooltip. A single filter's own × removes just that filter, so this one never uses an ×.\n */\nexport function ClearFiltersButton({ onClick, label = 'Clear filters', disabled }: ClearFiltersButtonProps) {\n  return (\n    <Button type=\"button\" size=\"icon-sm\" aria-label={label} tooltip={label} onClick={onClick} disabled={disabled}>\n      <RotateCcwIcon />\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;AAeA,SAAgB,mBAAmB,EAAE,SAAS,QAAQ,iBAAiB,YAAqC;CAC1G,OACE,oBAAC,QAAD;EAAQ,MAAK;EAAS,MAAK;EAAU,cAAY;EAAO,SAAS;EAAgB;EAAmB;EAClG,UAAA,oBAAC,eAAD,CAAgB,CAAA;CACV,CAAA;AAEZ"}