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

package/dist/{ask-user-DPznrqGO.js.map → ask-user-D4ezQ6pt.js.map}

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"ask-user-D4ezQ6pt.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/{ask-user-C1p2PEYe.cjs → ask-user-DcnUNMM5.cjs}

@@ -1,10 +1,10 @@
 const require_utils = require("./utils-uDc1ofX1.cjs");
 const require_primitives_raised_surface = require("./primitives/raised-surface.cjs.js");
 const require_icons_Icon = require("./icons/Icon.cjs.js");
-const require_Button = require("./Button-DLcMcuUL.cjs");
-const require_Txt = require("./Txt-BnoSqxKE.cjs");
-const require_input = require("./input-2hRXcZIu.cjs");
-const require_Badge = require("./Badge-DZ6r6bcw.cjs");
+const require_Button = require("./Button-BfICfyxD.cjs");
+const require_Txt = require("./Txt-_00wWxTd.cjs");
+const require_input = require("./input-BpnUsQSt.cjs");
+const require_Badge = require("./Badge-DqaMg7Gy.cjs");
 const require_components_Field = require("./components/Field.cjs.js");
 const require_components_Checkbox = require("./components/Checkbox.cjs.js");
 const require_components_RadioGroup = require("./components/RadioGroup.cjs.js");
@@ -492,4 +492,4 @@ Object.defineProperty(exports, "AskUserTextAnswer", {
 	}
 });
 
-//# sourceMappingURL=ask-user-C1p2PEYe.cjs.map
+//# sourceMappingURL=ask-user-DcnUNMM5.cjs.map

package/dist/{ask-user-C1p2PEYe.cjs.map → ask-user-DcnUNMM5.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ask-user-C1p2PEYe.cjs","names":["createContext","useContext","cn","raisedSurfaceStyle","Icon","MessageCircleQuestion","Txt","FieldItem","FieldLabel","Button","Check","Badge","Fieldset","cn","RadioGroup","Checkbox","RadioGroupItem","Input","FieldItem","FieldLabel","Txt","useId","useState","_Fragment","Badge"],"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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"}
+{"version":3,"file":"ask-user-DcnUNMM5.cjs","names":["createContext","useContext","cn","raisedSurfaceStyle","Icon","MessageCircleQuestion","Txt","FieldItem","FieldLabel","Button","Check","Badge","Fieldset","cn","RadioGroup","Checkbox","RadioGroupItem","Input","FieldItem","FieldLabel","Txt","useId","useState","_Fragment","Badge"],"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":";;;;;;;;;;;;;;AAkBA,IAAa,kBAAA,GAAiBA,MAAAA,cAAAA,CAA+C,KAAA,CAAS;AAEtF,SAAgB,4BAA4B;CAC1C,QAAA,GAAOC,MAAAA,WAAAA,CAAW,cAAc;AAClC;AAEA,SAAgB,oBAAoB;CAClC,MAAM,UAAU,0BAA0B;CAC1C,IAAI,CAAC,SAAS,MAAM,IAAI,MAAM,wDAAwD;CACtF,OAAO;AACT;;ACfA,IAAa,oBAAoB,EAAE,WAAW,GAAG,YAC/C,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CACE,aAAU;CACV,WAAWC,cAAAA,GAAGC,kCAAAA,oBAAoB,qCAAqC,SAAS;CAChF,GAAI;AACL,CAAA;AAGH,IAAa,gBAAgB,EAAE,WAAW,YAAY,WAAW,GAAG,YAClE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;CAAK,aAAU;CAAiB,WAAWD,cAAAA,GAAG,8CAA8C,SAAS;CAAG,GAAI;CAA5G,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,mBAAAA,MAAD;EAAM,MAAK;EAAK,WAAU;EACxB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,uBAAD,CAAwB,CAAA;CACpB,CAAA,GACN,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EAAK,IAAG;EAAO,SAAQ;EAAU,MAAK;EACnC;CACE,CAAA,CACF;;AAGP,IAAa,eAAe,EAAE,WAAW,GAAG,YAC1C,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CAAK,aAAU;CAAgB,WAAWJ,cAAAA,GAAG,OAAO,SAAS;CAAG,GAAI;AAAQ,CAAA;AAG9E,IAAM,wBAAwB,EAAE,eAC9B,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;CAAM,WAAU;CAAhB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,mBAAAA,MAAD;EAAM,MAAK;EAAK,WAAWF,cAAAA,GAAG,iBAAiB,uBAAuB;EAAG,eAAA;EACvE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACG,aAAAA,uBAAD,CAAwB,CAAA;CACpB,CAAA,GACN,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EAAM,WAAU;EAAW;CAAe,CAAA,CACtC;;AAGR,IAAa,mBAAmB,EAAE,UAAU,WAAW,GAAG,YAAwC;CAChG,MAAM,UAAU,0BAA0B;CAC1C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,IAAG;EACH,SAAQ;EACR,MAAK;EACL,GAAI;EACJ,IAAI,SAAS,cAAc,MAAM;EACjC,WAAWJ,cAAAA,GAAG,QAAQ,SAAS;EAE/B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAD,EAAuB,SAA+B,CAAA;CACnD,CAAA;AAET;AASA,IAAa,oBAAoB,EAC/B,SACA,OACA,aACA,WAAW,OACX,WACA,GAAG,YAEH,iBAAA,GAAA,kBAAA,IAAA,CAACK,yBAAAA,WAAD;CAAqB;CAAU,WAAU;CACvC,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACC,yBAAAA,YAAD;EAEE,iBAAe,YAAY,KAAA;EAC3B,WAAWN,cAAAA,GAAG,sFAAsF,SAAS;EAC7G,GAAI;EAJN,UAAA,CAMG,SACD,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACI,YAAAA,KAAD;IAAK,IAAG;IAAO,SAAQ;IAAO,MAAK;IAChC,UAAA;GACE,CAAA,GACJ,cACC,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;IAAK,IAAG;IAAO,SAAQ;IAAU,MAAK;IACnC,UAAA;GACE,CAAA,IACH,IACA;EACI,CAAA,CAAA;;AACH,CAAA;AAKb,IAAa,uBAAuB,EAAE,WAAW,iBAAiB,GAAG,YACnE,iBAAA,GAAA,kBAAA,IAAA,CAACG,eAAAA,QAAD;CAAQ,MAAM,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,OAAD,CAAQ,CAAA;CAAG,MAAK;CAAS,MAAK;CAAK,SAAQ;CAAU,GAAI;CACpE;AACK,CAAA;AAGV,IAAa,kBAAkB,EAAE,WAAW,eAAe,GAAG,YAC5D,iBAAA,GAAA,kBAAA,IAAA,CAACJ,YAAAA,KAAD;CAAK,IAAG;CAAO,MAAK;CAAS,SAAQ;CAAU,MAAK;CAAQ,GAAI;CAC7D;AACE,CAAA;AAOP,IAAa,iBAAiB,EAAE,QAAQ,WAAW,GAAG,YACpD,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;CACE,aAAU;CACV,MAAM,OAAO,UAAU,UAAU;CACjC,WAAWJ,cAAAA,GAAG,qCAAqC,SAAS;CAC5D,GAAI;CAJN,UAAA,CAME,iBAAA,GAAA,kBAAA,IAAA,CAACS,cAAAA,OAAD;EAAO,MAAK;EAAK,SAAS,OAAO,UAAU,gBAAgB;EAAW,WAAU;EAC7E,UAAA,OAAO,UAAU,UAAU;CACvB,CAAA,GACP,iBAAA,GAAA,kBAAA,IAAA,CAACL,YAAAA,KAAD;EAAK,IAAG;EAAI,SAAQ;EAAO,MAAK;EAAM,WAAWJ,cAAAA,GAAG,OAAO,WAAW,6BAA6B;EAChG,UAAA,OAAO;CACL,CAAA,CACF;;;ACtHP,IAAM,oBAAoB;AAC1B,IAAM,oBAAoB;AAE1B,SAAS,oBAAoB,aAA6B;CACxD,OAAO,GAAG,oBAAoB;AAChC;AAEA,SAAgB,eAAe,EAAE,UAAU,WAAW,GAAG,SAA0C;CACjG,MAAM,UAAU,kBAAkB;CAElC,MAAM,4BAA4B,eAAwB;EACxD,IAAI,eAAe,mBAAmB;GACpC,QAAQ,wBAAwB,IAAI;GACpC;EACF;EACA,IAAI,OAAO,eAAe,YAAY,CAAC,WAAW,WAAW,iBAAiB,GAAG;EACjF,QAAQ,aAAa,WAAW,MAAM,CAAwB,CAAC;CACjE;CAEA,IAAI,QAAQ,kBAAkB,gBAC5B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACU,yBAAAA,UAAD;EAAU,cAAW;EAAiB,GAAI;EAAO,WAAWC,cAAAA,GAAG,SAAS,SAAS;EAC9E;CACO,CAAA;CAId,MAAM,sBAAsB,QAAQ,qBAAqB;CACzD,MAAM,sBAAsB,wBAAwB,KAAA,IAAY,KAAK,oBAAoB,mBAAmB;CAC5G,MAAM,qBAAqB,QAAQ,yBAAyB,oBAAoB;CAEhF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,yBAAAA,UAAD;EACE,GAAI;EACJ,WAAWC,cAAAA,GAAG,SAAS,SAAS;EAChC,QACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,8BAAAA,YAAD;GACE,mBAAiB,QAAQ;GACzB,UAAU,QAAQ;GAClB,OAAO;GACP,eAAe;EAChB,CAAA;EAGF;CACO,CAAA;AAEd;AAUA,SAAgB,kBAAkB,EAChC,OACA,UACA,aACA,WAAW,OACX,aACyB;CACzB,MAAM,UAAU,kBAAkB;CAClC,MAAM,aAAa,QAAQ,YAAY;CAEvC,MAAM,2BAA2B;EAC/B,IAAI,CAAC,YAAY,QAAQ,aAAa,KAAK;CAC7C;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;EACE,OAAO;EACM;EACb,UAAU;EACC;EACX,SACE,QAAQ,kBAAkB,iBACxB,iBAAA,GAAA,kBAAA,IAAA,CAACC,4BAAAA,UAAD;GACE,WAAU;GACV,UAAU;GACV,SAAS,QAAQ,qBAAqB,SAAS,KAAK;GACpD,iBAAiB;EAClB,CAAA,IAED,iBAAA,GAAA,kBAAA,IAAA,CAACC,8BAAAA,gBAAD;GAAgB,WAAU;GAAS,UAAU;GAAY,OAAO,oBAAoB,KAAK;EAAI,CAAA;CAGlG,CAAA;AAEL;AAOA,SAAgB,kBAAkB,EAAE,WAAW,OAAO,GAAG,SAAiC;CACxF,MAAM,UAAU,kBAAkB;CAElC,MAAM,0BAA0B,UAAyC;EACvE,QAAQ,iBAAiB,MAAM,OAAO,KAAK;CAC7C;CAEA,MAAM,2BAA2B,UAA2C;EAC1E,IAAI,MAAM,QAAQ,WAAW,CAAC,MAAM,YAAY,aAAa;GAC3D,MAAM,eAAe;GACrB,QAAQ,aAAa;EACvB;CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;EACE,MAAK;EACL,mBAAiB,MAAM,gBAAgB,KAAA,IAAY,QAAQ;EAC3D,aAAY;EACZ,MAAK;EACL,GAAI;EACJ,UAAU,QAAQ,YAAY;EAC9B,OAAO,QAAQ;EACf,UAAU;EACV,WAAW;CACZ,CAAA;AAEL;AAQA,SAAgB,oBAAoB,EAClC,WACA,QAAQ,UACR,aAAa,iBACc;CAC3B,MAAM,UAAU,kBAAkB;CAElC,MAAM,kBAAkB,UAAsC;EAC5D,IAAI,QAAQ,YAAY,MAAM,WAAW,MAAM,eAAe;EAC9D,IAAI,QAAQ,wBAAwB;GAClC,MAAM,cAAc,cAAgC,sBAAoB,CAAC,EAAE,MAAM;GACjF;EACF;EACA,MAAM,cAAc,cAA2B,uCAAmC,CAAC,EAAE,MAAM;CAC7F;CAEA,MAAM,0BAA0B,UAAuC;EAErE,IAAI,QAAQ,0BAA0B,CAAC,QAAQ,WAAW,KAAK,GAAG,MAAM,eAAe;CACzF;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,yBAAAA,WAAD;EACE,MAAK;EACL,cAAW;EACX,iBAAe,QAAQ,YAAY,KAAA;EACnC,UAAU,QAAQ;EAClB,SAAS;EACT,WAAWL,cAAAA,GACT,qEACA,CAAC,QAAQ,0BAA0B,eACnC,SACF;EAVF,UAAA,CAYG,QAAQ,kBAAkB,iBACzB,iBAAA,GAAA,kBAAA,IAAA,CAACE,4BAAAA,UAAD;GACE,WAAU;GACV,cAAY;GACZ,UAAU,QAAQ;GAClB,SAAS,QAAQ;GACjB,aAAa;GACb,iBAAiB,QAAQ;EAC1B,CAAA,IAED,iBAAA,GAAA,kBAAA,IAAA,CAACC,8BAAAA,gBAAD;GAAgB,cAAY;GAAO,WAAU;GAAS,OAAO;EAAoB,CAAA,GAElF,QAAQ,yBACP,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAD;GACE,cAAY;GACZ,QAAQ,QAAQ;GAChB,aAAa;GACb,SAAQ;GACR,WAAWH,cAAAA,GAAG,8BAA8B,WAAW;GACvD,WAAA;EACD,CAAA,IAED,iBAAA,GAAA,kBAAA,IAAA,CAACM,yBAAAA,YAAD;GAAY,WAAU;GACpB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;IAAK,IAAG;IAAO,SAAQ;IAAO,MAAK;IAChC,UAAA;GACE,CAAA;EACK,CAAA,CAEL;;AAEf;AAMA,SAAgB,cAAc,EAAE,OAAO,UAAU,WAAW,OAAO,SAAS,GAAG,SAA6B;CAC1G,MAAM,UAAU,0BAA0B;CAE1C,MAAM,qBAAqB,UAAyC;EAClE,UAAU,KAAK;EACf,IAAI,CAAC,MAAM,oBAAoB,CAAC,UAAU,SAAS,aAAa;CAClE;CAEA,IAAI,SAAS,mBAAmB,CAAC,SAAS,wBAAwB,OAAO;CAEzE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD;EACE,GAAI;EACJ,UAAU,YAAa,YAAY,KAAA,KAAa,CAAC,QAAQ;EACzD,SAAS;CACV,CAAA;AAEL;;ACpNA,SAAS,kBAAkB,EACzB,YACA,sBACA,eACA,0BACgD;CAChD,MAAM,oBAAoB,WAAW,KAAK;CAC1C,IAAI,0BAA0B,CAAC,mBAAmB,OAAO,KAAA;CACzD,IAAI,kBAAkB,iBAAiB;EAErC,IAAI,CAAC,0BAA0B,qBAAqB,SAAS,GAAG,OAAO,KAAA;EACvE,OAAO,qBAAqB,KAAA;CAC9B;CAEA,MAAM,eAAe,yBAAyB,CAAC,GAAG,sBAAsB,iBAAiB,IAAI;CAC7F,OAAO,aAAa,SAAS,IAAI,eAAe,KAAA;AAClD;AAEA,SAAS,0BAA0B,sBAAgC,aAA+B;CAChG,IAAI,qBAAqB,SAAS,WAAW,GAC3C,OAAO,qBAAqB,QAAO,kBAAiB,kBAAkB,WAAW;CAEnF,OAAO,CAAC,GAAG,sBAAsB,WAAW;AAC9C;AAEA,SAAgB,YAAY,EAC1B,gBAAgB,iBAChB,WAAW,OACX,UACA,UACA,GAAG,SACgB;CACnB,MAAM,cAAA,GAAaC,MAAAA,MAAAA,CAAM;CACzB,MAAM,CAAC,YAAY,kBAAA,GAAiBC,MAAAA,SAAAA,CAAS,EAAE;CAC/C,MAAM,CAAC,sBAAsB,4BAAA,GAA2BA,MAAAA,SAAAA,CAAmB,CAAC,CAAC;CAC7E,MAAM,CAAC,wBAAwB,8BAAA,GAA6BA,MAAAA,SAAAA,CAAS,KAAK;CAC1E,MAAM,iBAAiB,kBAAkB;EACvC;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,kBAAkB,CAAC,YAAY,mBAAmB,KAAA;CAExD,MAAM,gBAAgB,gBAAwB;EAC5C,IAAI,UAAU;EACd,IAAI,kBAAkB,gBAAgB;GACpC,yBAAwB,kBAAiB,0BAA0B,eAAe,WAAW,CAAC;GAC9F;EACF;EACA,0BAA0B,KAAK;EAC/B,wBAAwB,CAAC,WAAW,CAAC;EACrC,SAAS,WAAW;CACtB;CAEA,MAAM,2BAA2B,aAAsB;EACrD,IAAI,UAAU;EACd,0BAA0B,QAAQ;EAClC,IAAI,YAAY,kBAAkB,iBAAiB,wBAAwB,CAAC,CAAC;CAC/E;CAEA,MAAM,oBAAoB,SAAiB;EACzC,IAAI,CAAC,UAAU,cAAc,IAAI;CACnC;CAEA,MAAM,kCAAkC;EACtC,IAAI,CAAC,YAAY,CAAC,WAAW,KAAK,GAAG,0BAA0B,KAAK;CACtE;CAEA,MAAM,qBAAqB;EACzB,IAAI,YAAY,mBAAmB,KAAA,GAAW;EAC9C,SAAS,cAAc;CACzB;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAe,UAAhB;EACE,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;GAAkB,MAAK;GAAQ,mBAAiB;GAAY,GAAI;GAC7D;EACe,CAAA;CACK,CAAA;AAE7B;;AC3FA,SAAS,gBAAgB,SAAqD;CAC5E,OACE,SAAS,QAAQ,WACf,QAAQ,UAAU,OAAO,OAAO,UAAU,YAAY,OAAO,KAAK,CACpE,KAAK,CAAC;AAEV;AAEA,SAAS,sBAAsB,EAAE,WAAyC;CACxE,MAAM,EAAE,kBAAkB,kBAAkB;CAC5C,MAAM,gBAAgB,kBAAkB;CACxC,IAAI,QAAQ,WAAW,GACrB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAD,CAAoB,CAAA,GACpB,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,EAAe,WAAU,6BAA8B,CAAA,CACpD;;CAIT,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,gBAAD,EAAA,UAAA;EACG,QAAQ,KAAI,WACX,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAD;GAAsC,OAAO,OAAO;GAAO,aAAa,OAAO;GAC5E,UAAA,OAAO;EACS,GAFK,OAAO,KAEZ,CACpB;EACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD,CAAsB,CAAA;EACrB,gBAAgB,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,EAAe,WAAU,0BAA2B,CAAA,IAAI;CAC3D,EAAA,CAAA,GACf,CAAC,gBAAgB,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EAAe,MAAK;EAAgB,WAAU;CAAQ,CAAA,IAAI,IAC5E,EAAA,CAAA;AAEN;AAMA,SAAS,mBAAmB,EAAE,QAAQ,YAAY,cAAc,SAAS,UAAmC;CAC1G,IAAI,QAAQ,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,EAAuB,OAAS,CAAA;CACnD,IAAI,YAAY,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;EAAO,SAAQ;EAAU,UAAA;CAAe,CAAA;CAE/D,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAD,kBAAAA,UAAA,EAAA,UAAA;EACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD,EAAgC,QAAU,CAAA;EACzC,eAAe,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD,EAAgB,WAAU,aAAc,CAAA,IAAI;EAC3D;CACD,EAAA,CAAA;AAEN;AAEA,SAAgB,QAAQ,EACtB,SACA,QACA,aAAa,OACb,eAAe,OACf,UACA,QACA,GAAG,SACY;CACf,MAAM,UAAU,gBAAgB,QAAQ,OAAO;CAC/C,MAAM,gBAAgB,QAAQ,SAAS,KAAK,QAAQ,kBAAkB;CACtE,MAAM,aAAa,KAAK,UAAU;EAAC,QAAQ;EAAU,QAAQ,KAAI,WAAU,OAAO,KAAK;EAAG,QAAQ;CAAa,CAAC;CAGhH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD;EAEE,eAAY;EACZ,eAAe,gBAAgB,iBAAiB;EAChD,UAAU,gBAPI,WAAW,KAAA,KAAa;EAQ5B;EACV,GAAI;EAEJ,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,aAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD,EAAA,UAAkB,QAAQ,SAA0B,CAAA,GACpD,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAD;GACU;GACI;GACE;GACL;GACD;EACT,CAAA,CACU,EAAA,CAAA;CACF,GAjBN,UAiBM;AAEjB"}

package/dist/{buttons-group-DkFlnMiL.js → buttons-group-DA_wORqQ.js}

@@ -1,5 +1,5 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
 import { ControlSizeContext } from "./primitives/control-size.es.js";
+import { t as cn } from "./utils-DQx8TpNT.js";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 import './buttons-group.css';// src/ds/components/ButtonsGroup/buttons-group.tsx
@@ -32,4 +32,4 @@ var ButtonsGroupText = React$1.forwardRef(({ className, ...props }, ref) => {
 ButtonsGroupText.displayName = "ButtonsGroupText";
 export { ButtonsGroupText as n, ButtonsGroup as t };
 
-//# sourceMappingURL=buttons-group-DkFlnMiL.js.map
+//# sourceMappingURL=buttons-group-DA_wORqQ.js.map

package/dist/{buttons-group-DkFlnMiL.js.map → buttons-group-DA_wORqQ.js.map}

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"buttons-group-DA_wORqQ.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/{buttons-group-Dc6R7YSs.cjs → buttons-group-DM6_Kohs.cjs}

@@ -1,6 +1,6 @@
 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");
+const require_utils = require("./utils-uDc1ofX1.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -45,4 +45,4 @@ Object.defineProperty(exports, "ButtonsGroupText", {
 	}
 });
 
-//# sourceMappingURL=buttons-group-Dc6R7YSs.cjs.map
+//# sourceMappingURL=buttons-group-DM6_Kohs.cjs.map

package/dist/{buttons-group-Dc6R7YSs.cjs.map → buttons-group-DM6_Kohs.cjs.map}

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"buttons-group-DM6_Kohs.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/chat-shell-context-0m1GVhS7.js

@@ -0,0 +1,16 @@
+import { createContext, createRef, useContext } from "react";
+// src/ds/components/ChatShell/chat-shell-context.ts
+var createChatShellRegions = () => ({
+	transcriptRef: createRef(),
+	composerInputRef: createRef()
+});
+var ChatShellRegionsContext = createContext(void 0);
+var ChatShellComposerInputContext = createContext(void 0);
+function useChatShellRegions() {
+	const regions = useContext(ChatShellRegionsContext);
+	if (!regions) throw new Error("useChatShellRegions must be used within ChatShell");
+	return regions;
+}
+export { useChatShellRegions as i, ChatShellRegionsContext as n, createChatShellRegions as r, ChatShellComposerInputContext as t };
+
+//# sourceMappingURL=chat-shell-context-0m1GVhS7.js.map

package/dist/chat-shell-context-0m1GVhS7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-shell-context-0m1GVhS7.js","names":[],"sources":["../src/ds/components/ChatShell/chat-shell-context.ts"],"sourcesContent":["import { createContext, createRef, useContext } from 'react';\nimport type { RefObject } from 'react';\n\nexport interface ChatShellRegions {\n  transcriptRef: RefObject<HTMLDivElement | null>;\n  composerInputRef: RefObject<HTMLTextAreaElement | null>;\n}\n\nexport const createChatShellRegions = (): ChatShellRegions => ({\n  transcriptRef: createRef<HTMLDivElement>(),\n  composerInputRef: createRef<HTMLTextAreaElement>(),\n});\n\nexport const ChatShellRegionsContext = createContext<ChatShellRegions | undefined>(undefined);\n\nexport const ChatShellComposerInputContext = createContext<RefObject<HTMLTextAreaElement | null> | undefined>(\n  undefined,\n);\n\nexport function useChatShellRegions(): ChatShellRegions {\n  const regions = useContext(ChatShellRegionsContext);\n  if (!regions) throw new Error('useChatShellRegions must be used within ChatShell');\n  return regions;\n}\n"],"mappings":";;AAQA,IAAa,gCAAkD;CAC7D,eAAe,UAA0B;CACzC,kBAAkB,UAA+B;AACnD;AAEA,IAAa,0BAA0B,cAA4C,KAAA,CAAS;AAE5F,IAAa,gCAAgC,cAC3C,KAAA,CACF;AAEA,SAAgB,sBAAwC;CACtD,MAAM,UAAU,WAAW,uBAAuB;CAClD,IAAI,CAAC,SAAS,MAAM,IAAI,MAAM,mDAAmD;CACjF,OAAO;AACT"}

package/dist/chat-shell-context-ONCslAGn.cjs

@@ -0,0 +1,39 @@
+let react = require("react");
+// src/ds/components/ChatShell/chat-shell-context.ts
+var createChatShellRegions = () => ({
+	transcriptRef: (0, react.createRef)(),
+	composerInputRef: (0, react.createRef)()
+});
+var ChatShellRegionsContext = (0, react.createContext)(void 0);
+var ChatShellComposerInputContext = (0, react.createContext)(void 0);
+function useChatShellRegions() {
+	const regions = (0, react.useContext)(ChatShellRegionsContext);
+	if (!regions) throw new Error("useChatShellRegions must be used within ChatShell");
+	return regions;
+}
+Object.defineProperty(exports, "ChatShellComposerInputContext", {
+	enumerable: true,
+	get: function() {
+		return ChatShellComposerInputContext;
+	}
+});
+Object.defineProperty(exports, "ChatShellRegionsContext", {
+	enumerable: true,
+	get: function() {
+		return ChatShellRegionsContext;
+	}
+});
+Object.defineProperty(exports, "createChatShellRegions", {
+	enumerable: true,
+	get: function() {
+		return createChatShellRegions;
+	}
+});
+Object.defineProperty(exports, "useChatShellRegions", {
+	enumerable: true,
+	get: function() {
+		return useChatShellRegions;
+	}
+});
+
+//# sourceMappingURL=chat-shell-context-ONCslAGn.cjs.map

package/dist/chat-shell-context-ONCslAGn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-shell-context-ONCslAGn.cjs","names":["createRef","createContext","useContext"],"sources":["../src/ds/components/ChatShell/chat-shell-context.ts"],"sourcesContent":["import { createContext, createRef, useContext } from 'react';\nimport type { RefObject } from 'react';\n\nexport interface ChatShellRegions {\n  transcriptRef: RefObject<HTMLDivElement | null>;\n  composerInputRef: RefObject<HTMLTextAreaElement | null>;\n}\n\nexport const createChatShellRegions = (): ChatShellRegions => ({\n  transcriptRef: createRef<HTMLDivElement>(),\n  composerInputRef: createRef<HTMLTextAreaElement>(),\n});\n\nexport const ChatShellRegionsContext = createContext<ChatShellRegions | undefined>(undefined);\n\nexport const ChatShellComposerInputContext = createContext<RefObject<HTMLTextAreaElement | null> | undefined>(\n  undefined,\n);\n\nexport function useChatShellRegions(): ChatShellRegions {\n  const regions = useContext(ChatShellRegionsContext);\n  if (!regions) throw new Error('useChatShellRegions must be used within ChatShell');\n  return regions;\n}\n"],"mappings":";;AAQA,IAAa,gCAAkD;CAC7D,gBAAA,GAAeA,MAAAA,UAAAA,CAA0B;CACzC,mBAAA,GAAkBA,MAAAA,UAAAA,CAA+B;AACnD;AAEA,IAAa,2BAAA,GAA0BC,MAAAA,cAAAA,CAA4C,KAAA,CAAS;AAE5F,IAAa,iCAAA,GAAgCA,MAAAA,cAAAA,CAC3C,KAAA,CACF;AAEA,SAAgB,sBAAwC;CACtD,MAAM,WAAA,GAAUC,MAAAA,WAAAA,CAAW,uBAAuB;CAClD,IAAI,CAAC,SAAS,MAAM,IAAI,MAAM,mDAAmD;CACjF,OAAO;AACT"}

package/dist/{clear-filters-button-CNrRuHOY.js → clear-filters-button-C79dzuzA.js}

@@ -1,4 +1,4 @@
-import { t as Button } from "./Button-CLXTbAY8.js";
+import { t as Button } from "./Button-Bi7aXd_G.js";
 import { jsx } from "react/jsx-runtime";
 import { RotateCcwIcon } from "lucide-react";
 // src/ds/components/ClearFiltersButton/clear-filters-button.tsx
@@ -19,4 +19,4 @@ function ClearFiltersButton({ onClick, label = "Clear filters", disabled }) {
 }
 export { ClearFiltersButton as t };
 
-//# sourceMappingURL=clear-filters-button-CNrRuHOY.js.map
+//# sourceMappingURL=clear-filters-button-C79dzuzA.js.map

package/dist/{clear-filters-button-CNrRuHOY.js.map → clear-filters-button-C79dzuzA.js.map}

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"clear-filters-button-C79dzuzA.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"}

package/dist/{clear-filters-button-Buc973vw.cjs → clear-filters-button-CCO-y7kt.cjs}

@@ -1,4 +1,4 @@
-const require_Button = require("./Button-DLcMcuUL.cjs");
+const require_Button = require("./Button-BfICfyxD.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 // src/ds/components/ClearFiltersButton/clear-filters-button.tsx
@@ -24,4 +24,4 @@ Object.defineProperty(exports, "ClearFiltersButton", {
 	}
 });
 
-//# sourceMappingURL=clear-filters-button-Buc973vw.cjs.map
+//# sourceMappingURL=clear-filters-button-CCO-y7kt.cjs.map

package/dist/{clear-filters-button-Buc973vw.cjs.map → clear-filters-button-CCO-y7kt.cjs.map}

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"clear-filters-button-CCO-y7kt.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"}