themelia-react-ui 2.0.3 → 2.0.5

package/dist/features/questionnaire.js

@@ -1,22 +1,22 @@
 "use client";
-import { s as e, v as t } from "../ui-provider-C_U0Xma4.js";
+import { S as e, d as t } from "../ui-provider-C-74NVLc.js";
 import { useStrings as n } from "../lib/strings.js";
-import { t as r } from "../utils-BRhFDwuU.js";
-import { n as i } from "../buttons-DPZekJFu.js";
-import { a, c as o, s } from "../typography-UTnveOEy.js";
-import { t as c } from "../structure-BmisBK-3.js";
-import { t as l } from "../progress-B1VnCT0K.js";
-import { h as u } from "../form-sizing-BdP_Mf5p.js";
-import { t as d } from "../input-DQdEd0YD.js";
-import { t as f } from "../form-field-CwH9y77i.js";
-import { d as p } from "../text-inputs-f9Ia-aCi.js";
-import { l as m, r as h, s as g } from "../choice-inputs-CNHvARCJ.js";
-import { t as _ } from "../checkbox-AWIhNhmo.js";
+import { t as r } from "../utils-B6kKb8jB.js";
+import { n as i } from "../buttons-BedGfygC.js";
+import { a, c as o, s } from "../typography-BQnine1k.js";
+import { t as c } from "../structure-DuxKl954.js";
+import { t as l } from "../progress-BJhQP9WX.js";
+import { h as u } from "../form-sizing-Bs2qFUeE.js";
+import { t as d } from "../input-CvyDQlY7.js";
+import { t as f } from "../form-field-BriWAXyg.js";
+import { d as p } from "../text-inputs-B1culiSK.js";
+import { l as m, r as h, s as g } from "../choice-inputs-zUgBZfE4.js";
+import { t as _ } from "../checkbox-fflqmODR.js";
 import { forwardRef as v, useEffect as y, useId as b, useRef as x, useState as S } from "react";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/components/features/questionnaire/questionnaire-control.tsx
 function ee({ question: n, answer: i, disabled: s, error: l, labelId: f, descriptionId: v, onAnswerChange: y, ...b }) {
-	let { defaultScale: x } = e(), S = r("questionnaire--check", g, u[t(void 0, x)]), C = {
+	let { defaultScale: x } = t(), S = r("questionnaire--check", g, u[e(void 0, x)]), C = {
 		disabled: s,
 		invalid: !!l,
 		"aria-labelledby": f,

package/dist/features/questionnaire.js.map

@@ -1 +1 @@
-{"version":3,"file":"questionnaire.js","names":["_Fragment","useDensityConfig","resolveComponentScale","cn","Button","Text","Stack","Progress","formLabelSizeClasses","Input","FormField","Textarea","Select","CardRadioGroup","choiceControlTrackClasses","Checkbox","Fragment$1","QuestionnaireControl","context","checkTrack","defaultScale","common","error","labelId","descriptionId","question","answer","onAnswerChange","event","values","optionId","index","disabled","option","checked","entry","Label","defaultQuestionnaireStrings","current","total","getVisibleQuestions","questions","answers","getQuestionnaireAnswer","id","validateQuestion","value","empty","strings","selected","url","result","getSubmissionAnswers","emptyAnswers","Questionnaire","forwardRef","controlledValue","stringsProp","formProps","props","controlled","stepControlled","internalValue","setInternalValue","useState","defaultValue","answersRef","useRef","visible","internalId","setInternalId","defaultQuestionId","requestedId","questionId","position","errors","setErrors","submitError","setSubmitError","busy","setBusy","completed","setCompleted","submission","resetTimer","mounted","stageRef","useStrings","useId","locked","cancelReset","cancel","goTo","nextId","onQuestionChange","setAnswer","next","onValueChange","previous","useEffect","advance","submit","validation","firstInvalid","controller","snapshot","onSubmit","onComplete","formatSubmitError","onError","currentError","description","className","nativeEvent","initialVisible","initialQuestion","headerSlot","completionSlot","Heading","emptySlot"],"sources":["../../src/components/features/questionnaire/questionnaire-control.tsx","../../src/components/features/questionnaire/questionnaire.types.ts","../../src/components/features/questionnaire/questionnaire.utils.ts","../../src/components/features/questionnaire/questionnaire.tsx"],"sourcesContent":["import { CardRadioGroup, Checkbox, Select } from '../../base/choice-inputs';\nimport { choiceControlTrackClasses } from '../../base/choice-inputs/choice-types';\nimport { formLabelSizeClasses } from '../../base/forms/form-sizing';\nimport { Input, Textarea } from '../../base/text-inputs';\nimport { Stack } from '../../base/structure';\nimport { Label, Text } from '../../typography';\nimport { useDensityConfig } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { cn } from '../../../lib/utils';\nimport type { QuestionnaireQuestionContext } from './questionnaire.types';\n\n/** All interactive behavior remains with public Base UI-backed field owners. */\nexport function QuestionnaireControl({ question, answer, disabled, error, labelId, descriptionId, onAnswerChange, ...context }: QuestionnaireQuestionContext) {\n\tconst { defaultScale } = useDensityConfig();\n\t// Each checkbox sits in a track one Label line tall, so it centres on the\n\t// option's first line whether or not the label wraps.\n\tconst checkTrack = cn('questionnaire--check', choiceControlTrackClasses, formLabelSizeClasses[resolveComponentScale(undefined, defaultScale)]);\n\tconst common = { disabled, invalid: Boolean(error), 'aria-labelledby': labelId, 'aria-describedby': descriptionId, required: question.required };\n\tif (question.type === 'custom') return question.render({ ...context, question, answer, disabled, error, labelId, descriptionId, onAnswerChange });\n\tif (question.type === 'text') return <Input {...common} type={question.inputType ?? 'text'} maxLength={question.maxLength} placeholder={question.placeholder} value={typeof answer === 'string' ? answer : ''} onChange={(event) => onAnswerChange(event.target.value)} />;\n\tif (question.type === 'textarea') return <Textarea {...common} rows={question.rows ?? 4} maxLength={question.maxLength} placeholder={question.placeholder} value={typeof answer === 'string' ? answer : ''} onChange={(event) => onAnswerChange(event.target.value)} />;\n\tif (question.type === 'select') return <Select {...common} options={question.options} value={typeof answer === 'string' ? answer : null} onValueChange={onAnswerChange} />;\n\tif (question.type === 'single') return <fieldset aria-labelledby={labelId} aria-describedby={descriptionId} className=\"questionnaire--choices m-0 min-w-0 border-0 p-0\"><CardRadioGroup options={question.options} value={typeof answer === 'string' ? answer : ''} disabled={disabled} invalid={Boolean(error)} onValueChange={onAnswerChange} columns={1} /></fieldset>;\n\tif (question.type === 'multiple') return <fieldset aria-labelledby={labelId} aria-describedby={descriptionId} className=\"questionnaire--choices m-0 min-w-0 border-0 p-0\"><Stack gap=\"sm\">{question.options.map((option, index) => {\n\t\tconst values = Array.isArray(answer) ? answer : [];\n\t\tconst optionId = `${labelId}-option-${index}`;\n\t\treturn <Stack key={option.value} direction=\"horizontal\" align=\"start\" gap=\"sm\">\n\t\t\t<span className={checkTrack}><Checkbox id={optionId} disabled={disabled || option.disabled} aria-invalid={Boolean(error) || undefined} aria-describedby={[descriptionId, option.description ? `${optionId}-description` : undefined].filter(Boolean).join(' ') || undefined} checked={values.includes(option.value)} onCheckedChange={(checked) => onAnswerChange(checked ? [...values, option.value] : values.filter((entry) => entry !== option.value))} /></span>\n\t\t\t<Stack gap=\"dense\"><Label htmlFor={optionId} className=\"text-inherit\">{option.label}</Label>{option.description && <Text id={`${optionId}-description`} size=\"xs\" type=\"secondary\">{option.description}</Text>}</Stack>\n\t\t</Stack>;\n\t})}</Stack></fieldset>;\n\tif (question.type === 'boolean') return <Stack direction=\"horizontal\" align=\"start\" gap=\"sm\"><span className={checkTrack}><Checkbox {...common} aria-labelledby={undefined} id={`${labelId}-checkbox`} checked={answer === true} onCheckedChange={(checked) => onAnswerChange(checked)} /></span><Label htmlFor={`${labelId}-checkbox`} className=\"text-inherit\">{question.label ?? question.title}</Label></Stack>;\n\treturn null;\n}\n","import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport type { StringsProp } from '../../../lib/strings';\n\nexport type QuestionnaireAnswer = string | string[] | boolean | undefined;\nexport type QuestionnaireAnswers = Record<string, QuestionnaireAnswer>;\nexport interface QuestionnaireOption { value: string; label: string; description?: string; disabled?: boolean }\nexport interface QuestionnaireQuestionBase {\n\t/** Unique stable key, used to retain answers across conditional visibility changes. */\n\tid: string;\n\ttitle: string;\n\tdescription?: string;\n\trequired?: boolean;\n\tdisabled?: boolean;\n\t/** Hidden answers are retained for editing, but excluded from validation/submission. */\n\twhen?: (answers: QuestionnaireAnswers) => boolean;\n\t/** Return an error message, or undefined/true for a valid answer. */\n\tvalidate?: (answer: QuestionnaireAnswer, answers: QuestionnaireAnswers) => string | true | undefined;\n}\nexport interface QuestionnaireTextQuestion extends QuestionnaireQuestionBase {\n\ttype: 'text' | 'textarea';\n\tplaceholder?: string;\n\t/** Native text input type. */\n\tinputType?: 'text' | 'email' | 'url' | 'tel';\n\trows?: number;\n\tmaxLength?: number;\n}\nexport interface QuestionnaireChoiceQuestion extends QuestionnaireQuestionBase {\n\ttype: 'single' | 'multiple' | 'select';\n\toptions: QuestionnaireOption[];\n}\nexport interface QuestionnaireBooleanQuestion extends QuestionnaireQuestionBase { type: 'boolean'; label?: string }\nexport interface QuestionnaireCustomQuestion extends QuestionnaireQuestionBase {\n\ttype: 'custom';\n\trender: (context: QuestionnaireQuestionContext) => ReactNode;\n}\nexport type QuestionnaireQuestion = QuestionnaireTextQuestion | QuestionnaireChoiceQuestion | QuestionnaireBooleanQuestion | QuestionnaireCustomQuestion;\nexport interface QuestionnaireQuestionContext {\n\tquestion: QuestionnaireQuestion;\n\tanswer: QuestionnaireAnswer;\n\tanswers: QuestionnaireAnswers;\n\tdisabled: boolean;\n\terror?: string;\n\t/** Connect custom controls to the visible title and description/error. */\n\tlabelId: string;\n\tdescriptionId?: string;\n\tonAnswerChange: (answer: QuestionnaireAnswer) => void;\n}\nexport interface QuestionnaireSubmitContext { signal: AbortSignal }\nexport interface QuestionnaireStrings {\n\tprevious: string; next: string; submit: string; retry: string; cancel: string;\n\tsubmitting: string; submitted: string; editAnswers: string; empty: string;\n\trequired: string; invalidChoice: string; invalidFormat: string; progress: string;\n\tstep: (current: number, total: number) => string;\n\tsubmitError: string;\n}\nexport const defaultQuestionnaireStrings: QuestionnaireStrings = {\n\tprevious: 'Previous', next: 'Next', submit: 'Submit answers', retry: 'Try again', cancel: 'Cancel submission',\n\tsubmitting: 'Submitting answers…', submitted: 'Your answers have been submitted.', editAnswers: 'Edit answers',\n\tempty: 'There are no questions to answer.', required: 'Please answer this question.', invalidChoice: 'Choose an available option.',\n\tinvalidFormat: 'Enter a valid answer.', progress: 'Questionnaire progress', step: (current, total) => `Question ${current} of ${total}`,\n\tsubmitError: 'Answers could not be submitted. Please try again.',\n};\nexport interface QuestionnaireProps extends Omit<ComponentPropsWithoutRef<'form'>, 'children' | 'onSubmit' | 'defaultValue' | 'onChange'> {\n\tquestions: readonly QuestionnaireQuestion[];\n\t/** Controlled answers. */\n\tvalue?: QuestionnaireAnswers;\n\t/** Initial answers for uncontrolled use. */\n\tdefaultValue?: QuestionnaireAnswers;\n\tonValueChange?: (answers: QuestionnaireAnswers) => void;\n\t/** Controlled active question key. */\n\tquestionId?: string;\n\tdefaultQuestionId?: string;\n\tonQuestionChange?: (id: string) => void;\n\tdisabled?: boolean;\n\t/** Receives only visible, enabled questions. Respect signal to cancel application requests. */\n\tonSubmit?: (answers: QuestionnaireAnswers, context: QuestionnaireSubmitContext) => void | Promise<void>;\n\tonComplete?: (answers: QuestionnaireAnswers) => void;\n\tonError?: (error: unknown) => void;\n\tformatSubmitError?: (error: unknown) => string;\n\theaderSlot?: ReactNode;\n\temptySlot?: ReactNode;\n\t/** Replaces the completion state; default includes an edit-answers action. */\n\tcompletionSlot?: ReactNode;\n\tstrings?: StringsProp<QuestionnaireStrings>;\n}\n","import type { QuestionnaireAnswers, QuestionnaireQuestion, QuestionnaireStrings } from './questionnaire.types';\n\nexport function getVisibleQuestions(questions: readonly QuestionnaireQuestion[], answers: QuestionnaireAnswers) {\n\treturn questions.filter((question) => !question.when || question.when(answers));\n}\nexport function getQuestionnaireAnswer(answers: QuestionnaireAnswers, id: string) {\n\treturn Object.hasOwn(answers, id) ? answers[id] : undefined;\n}\nexport function validateQuestion(question: QuestionnaireQuestion, answers: QuestionnaireAnswers, strings: QuestionnaireStrings): string | undefined {\n\tif (question.disabled) return;\n\tconst value = getQuestionnaireAnswer(answers, question.id);\n\tconst empty = value === undefined || (typeof value === 'string' && !value.trim()) || (Array.isArray(value) && value.length === 0);\n\tif (question.required && (empty || (question.type === 'boolean' && value !== true))) return strings.required;\n\tif (value !== undefined) {\n\t\tif ((question.type === 'text' || question.type === 'textarea') && typeof value !== 'string') return strings.invalidFormat;\n\t\tif (question.type === 'boolean' && typeof value !== 'boolean') return strings.invalidFormat;\n\t\tif ((question.type === 'multiple' && !Array.isArray(value)) || ((question.type === 'single' || question.type === 'select') && typeof value !== 'string')) return strings.invalidChoice;\n\t}\n\tif (!empty) {\n\t\tif (question.type === 'single' || question.type === 'select' || question.type === 'multiple') {\n\t\t\tconst selected = Array.isArray(value) ? value : [value];\n\t\t\tif ((question.type === 'multiple' ? !Array.isArray(value) : typeof value !== 'string') || selected.some((entry) => !question.options.some((option) => option.value === entry && !option.disabled))) return strings.invalidChoice;\n\t\t} else if (question.type === 'text' || question.type === 'textarea') {\n\t\t\tif (typeof value !== 'string' || (question.maxLength !== undefined && value.length > question.maxLength)) return strings.invalidFormat;\n\t\t\tif (question.inputType === 'email' && !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value)) return strings.invalidFormat;\n\t\t\tif (question.inputType === 'url') { try { const url = new URL(value); if (!url.host || !['http:', 'https:'].includes(url.protocol)) return strings.invalidFormat; } catch { return strings.invalidFormat; } }\n\t\t} else if (question.type === 'boolean' && typeof value !== 'boolean') return strings.invalidFormat;\n\t}\n\tconst result = question.validate?.(value, answers);\n\treturn typeof result === 'string' && result.length > 0 ? result : undefined;\n}\n\nexport function getSubmissionAnswers(questions: readonly QuestionnaireQuestion[], answers: QuestionnaireAnswers): QuestionnaireAnswers {\n\treturn Object.fromEntries(getVisibleQuestions(questions, answers).filter((question) => !question.disabled).map((question) => {\n\t\tconst answer = getQuestionnaireAnswer(answers, question.id);\n\t\treturn [question.id, Array.isArray(answer) ? [...answer] : answer];\n\t}));\n}\n","import { forwardRef, useEffect, useId, useRef, useState } from 'react';\nimport { Button } from '../../base/buttons';\nimport { FormField } from '../../base/forms/form-field';\nimport { Progress } from '../../base/feedback';\nimport { Stack } from '../../base/structure';\nimport { Heading, Text } from '../../typography';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { QuestionnaireControl } from './questionnaire-control';\nimport { defaultQuestionnaireStrings, type QuestionnaireAnswer, type QuestionnaireAnswers, type QuestionnaireProps } from './questionnaire.types';\nimport { getQuestionnaireAnswer, getSubmissionAnswers, getVisibleQuestions, validateQuestion } from './questionnaire.utils';\n\nconst emptyAnswers: QuestionnaireAnswers = {};\n\nexport const Questionnaire = forwardRef<HTMLFormElement, QuestionnaireProps>(function Questionnaire(props, ref) {\n\tconst { questions, value: controlledValue, defaultValue = {}, onValueChange, questionId, defaultQuestionId, onQuestionChange,\n\t\tdisabled = false, onSubmit, onComplete, onError, formatSubmitError, headerSlot, emptySlot, completionSlot, strings: stringsProp,\n\t\tclassName, onReset, ...formProps } = props;\n\tconst controlled = Object.prototype.hasOwnProperty.call(props, 'value');\n\tconst stepControlled = Object.prototype.hasOwnProperty.call(props, 'questionId');\n\tconst [internalValue, setInternalValue] = useState<QuestionnaireAnswers>(defaultValue);\n\tconst answers = controlled ? controlledValue ?? emptyAnswers : internalValue;\n\tconst answersRef = useRef(answers); answersRef.current = answers;\n\tconst visible = getVisibleQuestions(questions, answers);\n\tconst [internalId, setInternalId] = useState<string | undefined>(defaultQuestionId ?? visible[0]?.id);\n\tconst requestedId = stepControlled ? questionId : internalId;\n\tconst current = visible.find((question) => question.id === requestedId) ?? visible[0];\n\tconst position = current ? visible.indexOf(current) : 0;\n\tconst [errors, setErrors] = useState<Record<string, string | undefined>>({});\n\tconst [submitError, setSubmitError] = useState<string>();\n\tconst [busy, setBusy] = useState(false);\n\tconst [completed, setCompleted] = useState(false);\n\tconst submission = useRef<AbortController | null>(null);\n\tconst resetTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\tconst mounted = useRef(true);\n\tconst stageRef = useRef<HTMLDivElement>(null);\n\tconst strings = useStrings(defaultQuestionnaireStrings, stringsProp);\n\tconst id = useId();\n\tconst labelId = `${id}-title`;\n\tconst descriptionId = `${id}-description`;\n\tconst locked = busy || disabled;\n\tconst cancelReset = () => { clearTimeout(resetTimer.current); resetTimer.current = undefined; };\n\tconst cancel = () => { submission.current?.abort(); submission.current = null; setBusy(false); };\n\tconst goTo = (nextId: string) => { if (!stepControlled) setInternalId(nextId); onQuestionChange?.(nextId); };\n\tconst setAnswer = (answer: QuestionnaireAnswer) => {\n\t\tif (!current || current.disabled || locked) return;\n\t\tconst next = { ...answersRef.current, [current.id]: answer };\n\t\tif (!controlled) { answersRef.current = next; setInternalValue(next); }\n\t\tonValueChange?.(next);\n\t\tsetErrors((previous) => ({ ...previous, [current.id]: undefined })); setSubmitError(undefined); setCompleted(false);\n\t};\n\tuseEffect(() => { stageRef.current?.focus(); }, [current?.id, completed]);\n\tuseEffect(() => {\n\t\t// Replacing data/schema or disabling during a request invalidates that result.\n\t\tcancelReset(); cancel(); setErrors({}); setSubmitError(undefined); setCompleted(false);\n\t}, [answers, questions, disabled]);\n\tuseEffect(() => { mounted.current = true; return () => { mounted.current = false; cancelReset(); submission.current?.abort(); submission.current = null; }; }, []);\n\tconst advance = () => {\n\t\tif (!current || locked) return;\n\t\tconst error = validateQuestion(current, answersRef.current, strings);\n\t\tsetErrors((previous) => ({ ...previous, [current.id]: error }));\n\t\tif (error) { stageRef.current?.focus(); return; }\n\t\tif (visible[position + 1]) goTo(visible[position + 1].id);\n\t};\n\tconst submit = async () => {\n\t\tif (submission.current || disabled || !visible.length) return;\n\t\tconst validation = Object.fromEntries(visible.map((question) => [question.id, validateQuestion(question, answersRef.current, strings)]));\n\t\tsetErrors(validation);\n\t\tconst firstInvalid = visible.find((question) => validation[question.id]);\n\t\tif (firstInvalid) { goTo(firstInvalid.id); stageRef.current?.focus(); return; }\n\t\tconst controller = new AbortController(); submission.current = controller;\n\t\tsetSubmitError(undefined); setBusy(true);\n\t\tconst snapshot = getSubmissionAnswers(questions, answersRef.current);\n\t\ttry {\n\t\t\tawait onSubmit?.(snapshot, { signal: controller.signal });\n\t\t\tif (submission.current !== controller || controller.signal.aborted) return;\n\t\t\tsetCompleted(true); onComplete?.(snapshot);\n\t\t} catch (error) {\n\t\t\tif (submission.current !== controller || controller.signal.aborted) return;\n\t\t\tsetSubmitError(formatSubmitError?.(error) ?? strings.submitError); onError?.(error);\n\t\t} finally { if (submission.current === controller) { submission.current = null; setBusy(false); } }\n\t};\n\tconst currentError = current && Object.hasOwn(errors, current.id) ? errors[current.id] : undefined;\n\tconst description = current && (currentError || current.description);\n\treturn <form {...formProps} ref={ref} noValidate aria-busy={busy || undefined} className={cn('questionnaire--component min-w-0', className)} onSubmit={(event) => { event.preventDefault(); if (position < visible.length - 1) advance(); else void submit(); }} onReset={(event) => {\n\t\tonReset?.(event); const nativeEvent = event.nativeEvent;\n\t\t// Trusted events can run microtasks before native ancestor listeners have cancelled reset.\n\t\tcancelReset(); resetTimer.current = setTimeout(() => {\n\t\t\tresetTimer.current = undefined;\n\t\t\tif (!mounted.current || nativeEvent.defaultPrevented || disabled) return; cancel();\n\t\t\tif (!controlled) { answersRef.current = defaultValue; setInternalValue(defaultValue); } onValueChange?.(defaultValue);\n\t\t\tsetErrors({}); setSubmitError(undefined); setCompleted(false);\n\t\t\tconst initialVisible = getVisibleQuestions(questions, defaultValue);\n\t\t\tconst initialQuestion = initialVisible.find((question) => question.id === defaultQuestionId) ?? initialVisible[0];\n\t\t\tif (initialQuestion) goTo(initialQuestion.id); else if (!stepControlled) setInternalId(undefined);\n\t\t}, 0);\n\t}}>\n\t\t<Stack gap=\"lg\">\n\t\t\t{headerSlot}\n\t\t\t{!current ? emptySlot ?? <Text type=\"secondary\">{strings.empty}</Text> : completed ? completionSlot ?? <Stack gap=\"sm\"><Text type=\"inherit\" role=\"status\">{strings.submitted}</Text><Button disabled={disabled} type=\"button\" buttonStyle=\"outline\" onClick={() => { setCompleted(false); if (visible[0]) goTo(visible[0].id); }}>{strings.editAnswers}</Button></Stack> : <>\n\t\t\t\t<Progress value={position + 1} max={visible.length} label={strings.progress} valueSlot={<Text size=\"xs\" type=\"secondary\" aria-live=\"polite\">{strings.step(position + 1, visible.length)}</Text>} />\n\t\t\t\t<Stack ref={stageRef} gap=\"normal\" tabIndex={-1} role=\"group\" aria-labelledby={labelId} className=\"questionnaire--question outline-none\">\n\t\t\t\t\t<Heading className=\"text-inherit\" id={labelId} tag=\"h3\">{current.title}</Heading>\n\t\t\t\t\t<FormField required={current.required} error={currentError} hint={current.description} supportingTextId={descriptionId}>\n\t\t\t\t\t\t<QuestionnaireControl key={current.id} question={current} answer={getQuestionnaireAnswer(answers, current.id)} answers={answers} disabled={locked || Boolean(current.disabled)} error={currentError} labelId={labelId} descriptionId={description ? descriptionId : undefined} onAnswerChange={setAnswer} />\n\t\t\t\t\t</FormField>\n\t\t\t\t</Stack>\n\t\t\t\t{submitError && <Text role=\"alert\" type=\"error\">{submitError}</Text>}\n\t\t\t\t{busy && <Text role=\"status\" type=\"secondary\">{strings.submitting}</Text>}\n\t\t\t\t<Stack direction=\"horizontal\" gap=\"sm\" wrap>\n\t\t\t\t\t<Button type=\"button\" buttonStyle=\"outline\" disabled={locked || position === 0} onClick={() => { setSubmitError(undefined); goTo(visible[position - 1].id); }}>{strings.previous}</Button>\n\t\t\t\t\t{position < visible.length - 1 ? <Button tone=\"primary\" type=\"button\" disabled={locked} onClick={advance}>{strings.next}</Button> : <Button tone=\"primary\" type=\"submit\" disabled={locked}>{submitError ? strings.retry : strings.submit}</Button>}\n\t\t\t\t\t{busy && <Button type=\"button\" buttonStyle=\"outline\" disabled={disabled} onClick={cancel}>{strings.cancel}</Button>}\n\t\t\t\t</Stack>\n\t\t\t</>}\n\t\t</Stack>\n\t</form>;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;AAYA,SAAgBiB,GAAqB,EAAE,aAAU,WAAQ,aAAU,UAAO,YAAS,kBAAe,mBAAgB,GAAGC,KAAyC;CAC7J,IAAM,EAAE,oBAAiBjB,EAAiB,GAGpCkB,IAAahB,EAAG,wBAAwBW,GAA2BN,EAAqBN,EAAsB,KAAA,GAAWkB,CAAY,EAAE,GACvIC,IAAS;EAAE;EAAU,SAAS,EAAQC;EAAQ,mBAAmBC;EAAS,oBAAoBC;EAAe,UAAUC,EAAS;CAAS;CAe/I,OAdIA,EAAS,SAAS,WAAiBA,EAAS,OAAO;EAAE,GAAGP;EAAS;EAAU;EAAQ;EAAU;EAAO;EAAS;EAAe;CAAe,CAAC,IAC5IO,EAAS,SAAS,SAAe,kBAAChB,GAAD;EAAO,GAAIY;EAAQ,MAAMI,EAAS,aAAa;EAAQ,WAAWA,EAAS;EAAW,aAAaA,EAAS;EAAa,OAAO,OAAOC,KAAW,WAAWA,IAAS;EAAI,WAAW,MAAUC,EAAeC,EAAM,OAAO,KAAK;CAAI,CAAA,IACrQH,EAAS,SAAS,aAAmB,kBAACd,GAAD;EAAU,GAAIU;EAAQ,MAAMI,EAAS,QAAQ;EAAG,WAAWA,EAAS;EAAW,aAAaA,EAAS;EAAa,OAAO,OAAOC,KAAW,WAAWA,IAAS;EAAI,WAAW,MAAUC,EAAeC,EAAM,OAAO,KAAK;CAAI,CAAA,IAClQH,EAAS,SAAS,WAAiB,kBAACb,GAAD;EAAQ,GAAIS;EAAQ,SAASI,EAAS;EAAS,OAAO,OAAOC,KAAW,WAAWA,IAAS;EAAM,eAAeC;CAAiB,CAAA,IACrKF,EAAS,SAAS,WAAiB,kBAAC,YAAD;EAAU,mBAAiBF;EAAS,oBAAkBC;EAAe,WAAU;EAAkD,UAAA,kBAACX,GAAD;GAAgB,SAASY,EAAS;GAAS,OAAO,OAAOC,KAAW,WAAWA,IAAS;GAAc;GAAU,SAAS,EAAQJ;GAAQ,eAAeK;GAAgB,SAAS;EAAI,CAAA;CAAW,CAAA,IACpWF,EAAS,SAAS,aAAmB,kBAAC,YAAD;EAAU,mBAAiBF;EAAS,oBAAkBC;EAAe,WAAU;EAAkD,UAAA,kBAAClB,GAAD;GAAO,KAAI;GAAM,UAAAmB,EAAS,QAAQ,KAAK,GAAQ,MAAU;IAClO,IAAMI,IAAS,MAAM,QAAQH,CAAM,IAAIA,IAAS,CAAC,GAC3CI,IAAW,GAAGP,EAAQ,UAAUQ;IACtC,OAAO,kBAACzB,GAAD;KAA0B,WAAU;KAAa,OAAM;KAAQ,KAAI;KAAnE,UAAA,CACN,kBAAC,QAAD;MAAM,WAAWa;MAAY,UAAA,kBAACJ,GAAD;OAAU,IAAIe;OAAU,UAAUE,KAAYC,EAAO;OAAU,gBAAc,EAAQX,KAAU,KAAA;OAAW,oBAAkB,CAACE,GAAeS,EAAO,cAAc,GAAGH,EAAS,gBAAgB,KAAA,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,KAAK,KAAA;OAAW,SAASD,EAAO,SAASI,EAAO,KAAK;OAAG,kBAAkB,MAAYN,EAAeO,IAAU,CAAC,GAAGL,GAAQI,EAAO,KAAK,IAAIJ,EAAO,QAAQ,MAAUM,MAAUF,EAAO,KAAK,CAAC;MAAI,CAAA;KAAO,CAAA,GACnc,kBAAC3B,GAAD;MAAO,KAAI;MAAX,UAAA,CAAmB,kBAAC8B,GAAD;OAAO,SAASN;OAAU,WAAU;OAAgB,UAAAG,EAAO;MAAa,CAAA,GAAEA,EAAO,eAAe,kBAAC5B,GAAD;OAAM,IAAI,GAAGyB,EAAS;OAAe,MAAK;OAAK,MAAK;OAAa,UAAAG,EAAO;MAAkB,CAAA,CAAS;KAChN,CAAA,CAAA;IAHY,GAAAA,EAAO,KAGnB;GACR,CAAC;EAAS,CAAA;CAAW,CAAA,IACjBR,EAAS,SAAS,YAAkB,kBAACnB,GAAD;EAAO,WAAU;EAAa,OAAM;EAAQ,KAAI;EAAhD,UAAA,CAAqD,kBAAC,QAAD;GAAM,WAAWa;GAAY,UAAA,kBAACJ,GAAD;IAAU,GAAIM;IAAQ,mBAAiB,KAAA;IAAW,IAAI,GAAGE,EAAQ;IAAY,SAASG,MAAW;IAAM,kBAAkB,MAAYC,EAAeO,CAAO;GAAI,CAAA;EAAO,CAAA,GAAC,kBAACE,GAAD;GAAO,SAAS,GAAGb,EAAQ;GAAY,WAAU;GAAgB,UAAAE,EAAS,SAASA,EAAS;EAAa,CAAA,CAAQ;MAC3Y;AACR;;;ACsBA,IAAaY,KAAoD;CAChE,UAAU;CAAY,MAAM;CAAQ,QAAQ;CAAkB,OAAO;CAAa,QAAQ;CAC1F,YAAY;CAAuB,WAAW;CAAqC,aAAa;CAChG,OAAO;CAAqC,UAAU;CAAgC,eAAe;CACrG,eAAe;CAAyB,UAAU;CAA0B,OAAO,GAAS,MAAU,YAAYC,EAAQ,MAAMC;CAChI,aAAa;AACd;;;AC3DA,SAAgBC,EAAoB,GAA6C,GAA+B;CAC/G,OAAOC,EAAU,QAAQ,MAAa,CAAChB,EAAS,QAAQA,EAAS,KAAKiB,CAAO,CAAC;AAC/E;AACA,SAAgBC,EAAuB,GAA+B,GAAY;CACjF,OAAO,OAAO,OAAOD,GAASE,CAAE,IAAIF,EAAQE,KAAM,KAAA;AACnD;AACA,SAAgBC,GAAiB,GAAiC,GAA+B,GAAmD;CACnJ,IAAIpB,EAAS,UAAU;CACvB,IAAMqB,IAAQH,EAAuBD,GAASjB,EAAS,EAAE,GACnDsB,IAAQD,MAAU,KAAA,KAAc,OAAOA,KAAU,YAAY,CAACA,EAAM,KAAK,KAAO,MAAM,QAAQA,CAAK,KAAKA,EAAM,WAAW;CAC/H,IAAIrB,EAAS,aAAasB,KAAUtB,EAAS,SAAS,aAAaqB,MAAU,KAAQ,OAAOE,EAAQ;CACpG,IAAIF,MAAU,KAAA,GAAW;EAExB,KADKrB,EAAS,SAAS,UAAUA,EAAS,SAAS,eAAe,OAAOqB,KAAU,YAC/ErB,EAAS,SAAS,aAAa,OAAOqB,KAAU,WAAW,OAAOE,EAAQ;EAC9E,IAAKvB,EAAS,SAAS,cAAc,CAAC,MAAM,QAAQqB,CAAK,MAAQrB,EAAS,SAAS,YAAYA,EAAS,SAAS,aAAa,OAAOqB,KAAU,UAAW,OAAOE,EAAQ;CAC1K;CACA,IAAI,CAACD,GAAO;EACX,IAAItB,EAAS,SAAS,YAAYA,EAAS,SAAS,YAAYA,EAAS,SAAS,YAAY;GAC7F,IAAMwB,IAAW,MAAM,QAAQH,CAAK,IAAIA,IAAQ,CAACA,CAAK;GACtD,KAAKrB,EAAS,SAAS,aAAa,CAAC,MAAM,QAAQqB,CAAK,IAAI,OAAOA,KAAU,aAAaG,EAAS,MAAM,MAAU,CAACxB,EAAS,QAAQ,MAAM,MAAWQ,EAAO,UAAUE,KAAS,CAACF,EAAO,QAAQ,CAAC,GAAG,OAAOe,EAAQ;EACpN,OAAO,IAAIvB,EAAS,SAAS,UAAUA,EAAS,SAAS,YAAY;GAEpE,IADI,OAAOqB,KAAU,YAAarB,EAAS,cAAc,KAAA,KAAaqB,EAAM,SAASrB,EAAS,aAC1FA,EAAS,cAAc,WAAW,CAAC,6BAA6B,KAAKqB,CAAK,GAAG,OAAOE,EAAQ;GAChG,IAAIvB,EAAS,cAAc,OAAS,IAAI;IAAE,IAAMyB,IAAM,IAAI,IAAIJ,CAAK;IAAG,IAAI,CAACI,EAAI,QAAQ,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,SAASA,EAAI,QAAQ,GAAG,OAAOF,EAAQ;GAAe,QAAQ;IAAE,OAAOA,EAAQ;GAAe;EAC3M,OAAO,IAAIvB,EAAS,SAAS,aAAa,OAAOqB,KAAU,WAAW,OAAOE,EAAQ;CACtF;CACA,IAAMG,IAAS1B,EAAS,WAAWqB,GAAOJ,CAAO;CACjD,OAAO,OAAOS,KAAW,YAAYA,EAAO,SAAS,IAAIA,IAAS,KAAA;AACnE;AAEA,SAAgBC,GAAqB,GAA6C,GAAqD;CACtI,OAAO,OAAO,YAAYZ,EAAoBC,GAAWC,CAAO,CAAC,CAAC,QAAQ,MAAa,CAACjB,EAAS,QAAQ,CAAC,CAAC,KAAK,MAAa;EAC5H,IAAMC,IAASiB,EAAuBD,GAASjB,EAAS,EAAE;EAC1D,OAAO,CAACA,EAAS,IAAI,MAAM,QAAQC,CAAM,IAAI,CAAC,GAAGA,CAAM,IAAIA,CAAM;CAClE,CAAC,CAAC;AACH;;;ACzBA,IAAM2B,KAAqC,CAAC,GAE/BC,KAAgBC,EAAgD,SAAuB,GAAO,GAAK;CAC/G,IAAM,EAAE,cAAW,OAAOC,GAAiB,kBAAe,CAAC,GAAG,kBAAe,eAAY,sBAAmB,qBAC3G,cAAW,IAAO,aAAU,gBAAY,aAAS,uBAAmB,gBAAY,eAAW,oBAAgB,SAASC,IACpH,eAAW,aAAS,GAAGC,OAAcC,GAChCC,IAAa,OAAO,UAAU,eAAe,KAAKD,GAAO,OAAO,GAChEE,IAAiB,OAAO,UAAU,eAAe,KAAKF,GAAO,YAAY,GACzE,CAACG,IAAeC,KAAoBC,EAA+BC,CAAY,GAC/EvB,IAAUkB,IAAaJ,KAAmBH,KAAeS,IACzDI,IAAaC,EAAOzB,CAAO;CAAG,EAAW,UAAUA;CACzD,IAAM0B,IAAU5B,EAAoBC,GAAWC,CAAO,GAChD,CAAC2B,IAAYC,KAAiBN,EAA6BO,KAAqBH,EAAQ,EAAE,EAAE,EAAE,GAC9FI,KAAcX,IAAiBY,IAAaJ,IAC5C/B,IAAU8B,EAAQ,MAAM,MAAa3C,EAAS,OAAO+C,EAAW,KAAKJ,EAAQ,IAC7EM,IAAWpC,IAAU8B,EAAQ,QAAQ9B,CAAO,IAAI,GAChD,CAACqC,IAAQC,KAAaZ,EAA6C,CAAC,CAAC,GACrE,CAACa,GAAaC,KAAkBd,EAAiB,GACjD,CAACe,GAAMC,KAAWhB,EAAS,EAAK,GAChC,CAACiB,IAAWC,KAAgBlB,EAAS,EAAK,GAC1CmB,IAAahB,EAA+B,IAAI,GAChDiB,IAAajB,EAAkD,KAAA,CAAS,GACxEkB,IAAUlB,EAAO,EAAI,GACrBmB,IAAWnB,EAAuB,IAAI,GACtCnB,IAAUuC,EAAWlD,IAA6BoB,EAAW,GAC7Db,KAAK4C,EAAM,GACXjE,IAAU,GAAGqB,GAAG,SAChBpB,KAAgB,GAAGoB,GAAG,eACtB6C,IAASV,KAAQ/C,GACjB0D,UAAoB;EAAoC,AAAlC,aAAaN,EAAW,OAAO,GAAG,EAAW,UAAU,KAAA;CAAW,GACxFO,UAAe;EAA0D,AAAxDR,EAAW,SAAS,MAAM,GAAG,EAAW,UAAU,MAAMH,EAAQ,EAAK;CAAG,GACzFY,KAAQ,MAAmB;EAA8C,AAAvC/B,KAAgBS,EAAcuB,CAAM,GAAGC,IAAmBD,CAAM;CAAG,GACrGE,MAAa,MAAgC;EAClD,IAAI,CAACzD,KAAWA,EAAQ,YAAYmD,GAAQ;EAC5C,IAAMO,IAAO;GAAE,GAAG9B,EAAW;IAAU5B,EAAQ,KAAKZ;EAAO;EAGqC,AAF3FkC,MAAc,EAAW,UAAUoC,GAAMjC,EAAiBiC,CAAI,IACnEC,IAAgBD,CAAI,GACpBpB,GAAW,OAAc;GAAE,GAAGsB;IAAW5D,EAAQ,KAAK,KAAA;EAAU,EAAE,GAAGwC,EAAe,KAAA,CAAS,GAAGI,EAAa,EAAK;CACnH;CAMA,AALAiB,QAAgB;EAAE,EAAS,SAAS,MAAM;CAAG,GAAG,CAAC7D,GAAS,IAAI2C,EAAS,CAAC,GACxEkB,QAAgB;EAEoD,AAAnET,EAAY,GAAGC,EAAO,GAAGf,EAAU,CAAC,CAAC,GAAGE,EAAe,KAAA,CAAS,GAAGI,EAAa,EAAK;CACtF,GAAG;EAACxC;EAASD;EAAWT;CAAQ,CAAC,GACjCmE,SAAkB,EAAQ,UAAU,UAAmB;EAAuE,AAArE,EAAQ,UAAU,IAAOT,EAAY,GAAGP,EAAW,SAAS,MAAM,GAAG,EAAW,UAAU;CAAM,IAAM,CAAC,CAAC;CACjK,IAAMiB,WAAgB;EACrB,IAAI,CAAC9D,KAAWmD,GAAQ;EACxB,IAAMnE,IAAQuB,GAAiBP,GAAS4B,EAAW,SAASlB,CAAO;EAEnE,IADA4B,GAAW,OAAc;GAAE,GAAGsB;IAAW5D,EAAQ,KAAKhB;EAAM,EAAE,GAC1DA,GAAO;GAAE,EAAS,SAAS,MAAM;GAAG;EAAQ;EAChD,AAAI8C,EAAQM,IAAW,MAAIkB,EAAKxB,EAAQM,IAAW,EAAE,CAAC,EAAE;CACzD,GACM2B,KAAS,YAAY;EAC1B,IAAIlB,EAAW,WAAWnD,KAAY,CAACoC,EAAQ,QAAQ;EACvD,IAAMkC,IAAa,OAAO,YAAYlC,EAAQ,KAAK,MAAa,CAAC3C,EAAS,IAAIoB,GAAiBpB,GAAUyC,EAAW,SAASlB,CAAO,CAAC,CAAC,CAAC;EACvI,EAAUsD,CAAU;EACpB,IAAMC,IAAenC,EAAQ,MAAM,MAAakC,EAAW7E,EAAS,GAAG;EACvE,IAAI8E,GAAc;GAAyB,AAAvBX,EAAKW,EAAa,EAAE,GAAGjB,EAAS,SAAS,MAAM;GAAG;EAAQ;EAC9E,IAAMkB,IAAa,IAAI,gBAAgB;EACZ,AADe,EAAW,UAAUA,GAC/D1B,EAAe,KAAA,CAAS,GAAGE,EAAQ,EAAI;EACvC,IAAMyB,IAAWrD,GAAqBX,GAAWyB,EAAW,OAAO;EACnE,IAAI;GAEH,IADA,MAAMwC,IAAWD,GAAU,EAAE,QAAQD,EAAW,OAAO,CAAC,GACpDrB,EAAW,YAAYqB,KAAcA,EAAW,OAAO,SAAS;GAChD,AAApBtB,EAAa,EAAI,GAAGyB,KAAaF,CAAQ;EAC1C,SAASnF,GAAO;GACf,IAAI6D,EAAW,YAAYqB,KAAcA,EAAW,OAAO,SAAS;GACD,AAAnE1B,EAAe8B,KAAoBtF,CAAK,KAAK0B,EAAQ,WAAW,GAAG6D,KAAUvF,CAAK;EACnF,UAAU;GAAE,AAAI6D,EAAW,YAAYqB,MAAc,EAAW,UAAU,MAAMxB,EAAQ,EAAK;EAAK;CACnG,GACM8B,IAAexE,KAAW,OAAO,OAAOqC,IAAQrC,EAAQ,EAAE,IAAIqC,GAAOrC,EAAQ,MAAM,KAAA,GACnFyE,KAAczE,MAAYwE,KAAgBxE,EAAQ;CACxD,OAAO,kBAAC,QAAD;EAAM,GAAIoB;EAAgB;EAAK,YAAA;EAAW,aAAWqB,KAAQ,KAAA;EAAW,WAAW5E,EAAG,oCAAoC6G,EAAS;EAAG,WAAW,MAAU;GAA0B,AAAxBpF,EAAM,eAAe,GAAO8C,IAAWN,EAAQ,SAAS,IAAGgC,GAAQ,IAAQC,GAAY;EAAG;EAAG,UAAU,MAAU;GACpR,KAAUzE,CAAK;GAAG,IAAMqF,IAAcrF,EAAM;GAE7B,AAAf8D,EAAY,GAAG,EAAW,UAAU,iBAAiB;IAEpD,IADA,EAAW,UAAU,KAAA,GACjB,CAACL,EAAQ,WAAW4B,EAAY,oBAAoBjF,GAAU;IAExB,AAFgC2D,EAAO,GAC5E/B,MAAc,EAAW,UAAUK,GAAcF,EAAiBE,CAAY,IAAKgC,IAAgBhC,CAAY,GACpHW,EAAU,CAAC,CAAC,GAAGE,EAAe,KAAA,CAAS,GAAGI,EAAa,EAAK;IAC5D,IAAMgC,IAAiB1E,EAAoBC,GAAWwB,CAAY,GAC5DkD,IAAkBD,EAAe,MAAM,MAAazF,EAAS,OAAO8C,CAAiB,KAAK2C,EAAe;IAC/G,AAAIC,IAAiBvB,EAAKuB,EAAgB,EAAE,IAAatD,KAAgBS,EAAc,KAAA,CAAS;GACjG,GAAG,CAAC;EACL;EACC,UAAA,kBAAChE,GAAD;GAAO,KAAI;GAAX,UAAA,CACE8G,IACC9E,IAAuE2C,KAAYoC,MAAkB,kBAAC/G,GAAD;IAAO,KAAI;IAAX,UAAA,CAAgB,kBAACD,GAAD;KAAM,MAAK;KAAU,MAAK;KAAU,UAAA2C,EAAQ;IAAgB,CAAA,GAAC,kBAAC5C,GAAD;KAAkB;KAAU,MAAK;KAAS,aAAY;KAAU,eAAe;MAAuB,AAArB8E,EAAa,EAAK,GAAOd,EAAQ,MAAIwB,EAAKxB,EAAQ,EAAE,CAAC,EAAE;KAAG;KAAI,UAAApB,EAAQ;IAAoB,CAAA,CAAQ;GAAI,CAAA,IAAA,kBAAAhD,GAAA,EAAA,UAAA;IAC1W,kBAACO,GAAD;KAAU,OAAOmE,IAAW;KAAG,KAAKN,EAAQ;KAAQ,OAAOpB,EAAQ;KAAU,WAAW,kBAAC3C,GAAD;MAAM,MAAK;MAAK,MAAK;MAAY,aAAU;MAAU,UAAA2C,EAAQ,KAAK0B,IAAW,GAAGN,EAAQ,MAAM;KAAQ,CAAA;IAAI,CAAA;IAClM,kBAAC9D,GAAD;KAAO,KAAKgF;KAAU,KAAI;KAAS,UAAU;KAAI,MAAK;KAAQ,mBAAiB/D;KAAS,WAAU;KAAlG,UAAA,CACC,kBAAC+F,GAAD;MAAS,WAAU;MAAe,IAAI/F;MAAS,KAAI;MAAM,UAAAe,EAAQ;KAAe,CAAA,GAChF,kBAAC5B,GAAD;MAAW,UAAU4B,EAAQ;MAAU,OAAOwE;MAAc,MAAMxE,EAAQ;MAAa,kBAAkBd;MACxG,UAAA,kBAACP,IAAD;OAAuC,UAAUqB;OAAS,QAAQK,EAAuBD,GAASJ,EAAQ,EAAE;OAAY;OAAS,UAAUmD,KAAU,EAAQnD,EAAQ;OAAW,OAAOwE;OAAuB;OAAS,eAAeC,KAAcvF,KAAgB,KAAA;OAAW,gBAAgBuE;MAAY,GAAhRzD,EAAQ,EAAwQ;KACjS,CAAA,CACL;;IACNuC,KAAe,kBAACxE,GAAD;KAAM,MAAK;KAAQ,MAAK;KAAS,UAAAwE;IAAkB,CAAA;IAClEE,KAAQ,kBAAC1E,GAAD;KAAM,MAAK;KAAS,MAAK;KAAa,UAAA2C,EAAQ;IAAiB,CAAA;IACxE,kBAAC1C,GAAD;KAAO,WAAU;KAAa,KAAI;KAAK,MAAA;KAAvC,UAAA;MACC,kBAACF,GAAD;OAAQ,MAAK;OAAS,aAAY;OAAU,UAAUqF,KAAUf,MAAa;OAAG,eAAe;QAA6B,AAA3BI,EAAe,KAAA,CAAS,GAAGc,EAAKxB,EAAQM,IAAW,EAAE,CAAC,EAAE;OAAG;OAAI,UAAA1B,EAAQ;MAAiB,CAAA;MACxL0B,IAAWN,EAAQ,SAAS,IAAI,kBAAChE,GAAD;OAAQ,MAAK;OAAU,MAAK;OAAS,UAAUqF;OAAQ,SAASW;OAAU,UAAApD,EAAQ;MAAa,CAAA,IAAI,kBAAC5C,GAAD;OAAQ,MAAK;OAAU,MAAK;OAAS,UAAUqF;OAAS,UAAAZ,IAAc7B,EAAQ,QAAQA,EAAQ;MAAe,CAAA;MAChP+B,KAAQ,kBAAC3E,GAAD;OAAQ,MAAK;OAAS,aAAY;OAAoB;OAAU,SAASuF;OAAS,UAAA3C,EAAQ;MAAe,CAAA;KAC5G;;GACN,EAAA,CAAA,IAfUuE,MAAa,kBAAClH,GAAD;IAAM,MAAK;IAAa,UAAA2C,EAAQ;GAAY,CAAA,CAgB/D;;CACF,CAAA;AACP,CAAC"}
+{"version":3,"file":"questionnaire.js","names":["_Fragment","resolveComponentScale","useDensityConfig","cn","Button","Text","Stack","Progress","formLabelSizeClasses","Input","FormField","Textarea","Select","CardRadioGroup","choiceControlTrackClasses","Checkbox","Fragment$1","QuestionnaireControl","context","checkTrack","defaultScale","common","error","labelId","descriptionId","question","answer","onAnswerChange","event","values","optionId","index","disabled","option","checked","entry","Label","defaultQuestionnaireStrings","current","total","getVisibleQuestions","questions","answers","getQuestionnaireAnswer","id","validateQuestion","value","empty","strings","selected","url","result","getSubmissionAnswers","emptyAnswers","Questionnaire","forwardRef","controlledValue","stringsProp","formProps","props","controlled","stepControlled","internalValue","setInternalValue","useState","defaultValue","answersRef","useRef","visible","internalId","setInternalId","defaultQuestionId","requestedId","questionId","position","errors","setErrors","submitError","setSubmitError","busy","setBusy","completed","setCompleted","submission","resetTimer","mounted","stageRef","useStrings","useId","locked","cancelReset","cancel","goTo","nextId","onQuestionChange","setAnswer","next","onValueChange","previous","useEffect","advance","submit","validation","firstInvalid","controller","snapshot","onSubmit","onComplete","formatSubmitError","onError","currentError","description","className","nativeEvent","initialVisible","initialQuestion","headerSlot","completionSlot","Heading","emptySlot"],"sources":["../../src/components/features/questionnaire/questionnaire-control.tsx","../../src/components/features/questionnaire/questionnaire.types.ts","../../src/components/features/questionnaire/questionnaire.utils.ts","../../src/components/features/questionnaire/questionnaire.tsx"],"sourcesContent":["import { CardRadioGroup, Checkbox, Select } from '../../base/choice-inputs';\nimport { choiceControlTrackClasses } from '../../base/choice-inputs/choice-types';\nimport { formLabelSizeClasses } from '../../base/forms/form-sizing';\nimport { Input, Textarea } from '../../base/text-inputs';\nimport { Stack } from '../../base/structure';\nimport { Label, Text } from '../../typography';\nimport { useDensityConfig } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { cn } from '../../../lib/utils';\nimport type { QuestionnaireQuestionContext } from './questionnaire.types';\n\n/** All interactive behavior remains with public Base UI-backed field owners. */\nexport function QuestionnaireControl({ question, answer, disabled, error, labelId, descriptionId, onAnswerChange, ...context }: QuestionnaireQuestionContext) {\n\tconst { defaultScale } = useDensityConfig();\n\t// Each checkbox sits in a track one Label line tall, so it centres on the\n\t// option's first line whether or not the label wraps.\n\tconst checkTrack = cn('questionnaire--check', choiceControlTrackClasses, formLabelSizeClasses[resolveComponentScale(undefined, defaultScale)]);\n\tconst common = { disabled, invalid: Boolean(error), 'aria-labelledby': labelId, 'aria-describedby': descriptionId, required: question.required };\n\tif (question.type === 'custom') return question.render({ ...context, question, answer, disabled, error, labelId, descriptionId, onAnswerChange });\n\tif (question.type === 'text') return <Input {...common} type={question.inputType ?? 'text'} maxLength={question.maxLength} placeholder={question.placeholder} value={typeof answer === 'string' ? answer : ''} onChange={(event) => onAnswerChange(event.target.value)} />;\n\tif (question.type === 'textarea') return <Textarea {...common} rows={question.rows ?? 4} maxLength={question.maxLength} placeholder={question.placeholder} value={typeof answer === 'string' ? answer : ''} onChange={(event) => onAnswerChange(event.target.value)} />;\n\tif (question.type === 'select') return <Select {...common} options={question.options} value={typeof answer === 'string' ? answer : null} onValueChange={onAnswerChange} />;\n\tif (question.type === 'single') return <fieldset aria-labelledby={labelId} aria-describedby={descriptionId} className=\"questionnaire--choices m-0 min-w-0 border-0 p-0\"><CardRadioGroup options={question.options} value={typeof answer === 'string' ? answer : ''} disabled={disabled} invalid={Boolean(error)} onValueChange={onAnswerChange} columns={1} /></fieldset>;\n\tif (question.type === 'multiple') return <fieldset aria-labelledby={labelId} aria-describedby={descriptionId} className=\"questionnaire--choices m-0 min-w-0 border-0 p-0\"><Stack gap=\"sm\">{question.options.map((option, index) => {\n\t\tconst values = Array.isArray(answer) ? answer : [];\n\t\tconst optionId = `${labelId}-option-${index}`;\n\t\treturn <Stack key={option.value} direction=\"horizontal\" align=\"start\" gap=\"sm\">\n\t\t\t<span className={checkTrack}><Checkbox id={optionId} disabled={disabled || option.disabled} aria-invalid={Boolean(error) || undefined} aria-describedby={[descriptionId, option.description ? `${optionId}-description` : undefined].filter(Boolean).join(' ') || undefined} checked={values.includes(option.value)} onCheckedChange={(checked) => onAnswerChange(checked ? [...values, option.value] : values.filter((entry) => entry !== option.value))} /></span>\n\t\t\t<Stack gap=\"dense\"><Label htmlFor={optionId} className=\"text-inherit\">{option.label}</Label>{option.description && <Text id={`${optionId}-description`} size=\"xs\" type=\"secondary\">{option.description}</Text>}</Stack>\n\t\t</Stack>;\n\t})}</Stack></fieldset>;\n\tif (question.type === 'boolean') return <Stack direction=\"horizontal\" align=\"start\" gap=\"sm\"><span className={checkTrack}><Checkbox {...common} aria-labelledby={undefined} id={`${labelId}-checkbox`} checked={answer === true} onCheckedChange={(checked) => onAnswerChange(checked)} /></span><Label htmlFor={`${labelId}-checkbox`} className=\"text-inherit\">{question.label ?? question.title}</Label></Stack>;\n\treturn null;\n}\n","import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport type { StringsProp } from '../../../lib/strings';\n\nexport type QuestionnaireAnswer = string | string[] | boolean | undefined;\nexport type QuestionnaireAnswers = Record<string, QuestionnaireAnswer>;\nexport interface QuestionnaireOption { value: string; label: string; description?: string; disabled?: boolean }\nexport interface QuestionnaireQuestionBase {\n\t/** Unique stable key, used to retain answers across conditional visibility changes. */\n\tid: string;\n\ttitle: string;\n\tdescription?: string;\n\trequired?: boolean;\n\tdisabled?: boolean;\n\t/** Hidden answers are retained for editing, but excluded from validation/submission. */\n\twhen?: (answers: QuestionnaireAnswers) => boolean;\n\t/** Return an error message, or undefined/true for a valid answer. */\n\tvalidate?: (answer: QuestionnaireAnswer, answers: QuestionnaireAnswers) => string | true | undefined;\n}\nexport interface QuestionnaireTextQuestion extends QuestionnaireQuestionBase {\n\ttype: 'text' | 'textarea';\n\tplaceholder?: string;\n\t/** Native text input type. */\n\tinputType?: 'text' | 'email' | 'url' | 'tel';\n\trows?: number;\n\tmaxLength?: number;\n}\nexport interface QuestionnaireChoiceQuestion extends QuestionnaireQuestionBase {\n\ttype: 'single' | 'multiple' | 'select';\n\toptions: QuestionnaireOption[];\n}\nexport interface QuestionnaireBooleanQuestion extends QuestionnaireQuestionBase { type: 'boolean'; label?: string }\nexport interface QuestionnaireCustomQuestion extends QuestionnaireQuestionBase {\n\ttype: 'custom';\n\trender: (context: QuestionnaireQuestionContext) => ReactNode;\n}\nexport type QuestionnaireQuestion = QuestionnaireTextQuestion | QuestionnaireChoiceQuestion | QuestionnaireBooleanQuestion | QuestionnaireCustomQuestion;\nexport interface QuestionnaireQuestionContext {\n\tquestion: QuestionnaireQuestion;\n\tanswer: QuestionnaireAnswer;\n\tanswers: QuestionnaireAnswers;\n\tdisabled: boolean;\n\terror?: string;\n\t/** Connect custom controls to the visible title and description/error. */\n\tlabelId: string;\n\tdescriptionId?: string;\n\tonAnswerChange: (answer: QuestionnaireAnswer) => void;\n}\nexport interface QuestionnaireSubmitContext { signal: AbortSignal }\nexport interface QuestionnaireStrings {\n\tprevious: string; next: string; submit: string; retry: string; cancel: string;\n\tsubmitting: string; submitted: string; editAnswers: string; empty: string;\n\trequired: string; invalidChoice: string; invalidFormat: string; progress: string;\n\tstep: (current: number, total: number) => string;\n\tsubmitError: string;\n}\nexport const defaultQuestionnaireStrings: QuestionnaireStrings = {\n\tprevious: 'Previous', next: 'Next', submit: 'Submit answers', retry: 'Try again', cancel: 'Cancel submission',\n\tsubmitting: 'Submitting answers…', submitted: 'Your answers have been submitted.', editAnswers: 'Edit answers',\n\tempty: 'There are no questions to answer.', required: 'Please answer this question.', invalidChoice: 'Choose an available option.',\n\tinvalidFormat: 'Enter a valid answer.', progress: 'Questionnaire progress', step: (current, total) => `Question ${current} of ${total}`,\n\tsubmitError: 'Answers could not be submitted. Please try again.',\n};\nexport interface QuestionnaireProps extends Omit<ComponentPropsWithoutRef<'form'>, 'children' | 'onSubmit' | 'defaultValue' | 'onChange'> {\n\tquestions: readonly QuestionnaireQuestion[];\n\t/** Controlled answers. */\n\tvalue?: QuestionnaireAnswers;\n\t/** Initial answers for uncontrolled use. */\n\tdefaultValue?: QuestionnaireAnswers;\n\tonValueChange?: (answers: QuestionnaireAnswers) => void;\n\t/** Controlled active question key. */\n\tquestionId?: string;\n\tdefaultQuestionId?: string;\n\tonQuestionChange?: (id: string) => void;\n\tdisabled?: boolean;\n\t/** Receives only visible, enabled questions. Respect signal to cancel application requests. */\n\tonSubmit?: (answers: QuestionnaireAnswers, context: QuestionnaireSubmitContext) => void | Promise<void>;\n\tonComplete?: (answers: QuestionnaireAnswers) => void;\n\tonError?: (error: unknown) => void;\n\tformatSubmitError?: (error: unknown) => string;\n\theaderSlot?: ReactNode;\n\temptySlot?: ReactNode;\n\t/** Replaces the completion state; default includes an edit-answers action. */\n\tcompletionSlot?: ReactNode;\n\tstrings?: StringsProp<QuestionnaireStrings>;\n}\n","import type { QuestionnaireAnswers, QuestionnaireQuestion, QuestionnaireStrings } from './questionnaire.types';\n\nexport function getVisibleQuestions(questions: readonly QuestionnaireQuestion[], answers: QuestionnaireAnswers) {\n\treturn questions.filter((question) => !question.when || question.when(answers));\n}\nexport function getQuestionnaireAnswer(answers: QuestionnaireAnswers, id: string) {\n\treturn Object.hasOwn(answers, id) ? answers[id] : undefined;\n}\nexport function validateQuestion(question: QuestionnaireQuestion, answers: QuestionnaireAnswers, strings: QuestionnaireStrings): string | undefined {\n\tif (question.disabled) return;\n\tconst value = getQuestionnaireAnswer(answers, question.id);\n\tconst empty = value === undefined || (typeof value === 'string' && !value.trim()) || (Array.isArray(value) && value.length === 0);\n\tif (question.required && (empty || (question.type === 'boolean' && value !== true))) return strings.required;\n\tif (value !== undefined) {\n\t\tif ((question.type === 'text' || question.type === 'textarea') && typeof value !== 'string') return strings.invalidFormat;\n\t\tif (question.type === 'boolean' && typeof value !== 'boolean') return strings.invalidFormat;\n\t\tif ((question.type === 'multiple' && !Array.isArray(value)) || ((question.type === 'single' || question.type === 'select') && typeof value !== 'string')) return strings.invalidChoice;\n\t}\n\tif (!empty) {\n\t\tif (question.type === 'single' || question.type === 'select' || question.type === 'multiple') {\n\t\t\tconst selected = Array.isArray(value) ? value : [value];\n\t\t\tif ((question.type === 'multiple' ? !Array.isArray(value) : typeof value !== 'string') || selected.some((entry) => !question.options.some((option) => option.value === entry && !option.disabled))) return strings.invalidChoice;\n\t\t} else if (question.type === 'text' || question.type === 'textarea') {\n\t\t\tif (typeof value !== 'string' || (question.maxLength !== undefined && value.length > question.maxLength)) return strings.invalidFormat;\n\t\t\tif (question.inputType === 'email' && !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value)) return strings.invalidFormat;\n\t\t\tif (question.inputType === 'url') { try { const url = new URL(value); if (!url.host || !['http:', 'https:'].includes(url.protocol)) return strings.invalidFormat; } catch { return strings.invalidFormat; } }\n\t\t} else if (question.type === 'boolean' && typeof value !== 'boolean') return strings.invalidFormat;\n\t}\n\tconst result = question.validate?.(value, answers);\n\treturn typeof result === 'string' && result.length > 0 ? result : undefined;\n}\n\nexport function getSubmissionAnswers(questions: readonly QuestionnaireQuestion[], answers: QuestionnaireAnswers): QuestionnaireAnswers {\n\treturn Object.fromEntries(getVisibleQuestions(questions, answers).filter((question) => !question.disabled).map((question) => {\n\t\tconst answer = getQuestionnaireAnswer(answers, question.id);\n\t\treturn [question.id, Array.isArray(answer) ? [...answer] : answer];\n\t}));\n}\n","import { forwardRef, useEffect, useId, useRef, useState } from 'react';\nimport { Button } from '../../base/buttons';\nimport { FormField } from '../../base/forms/form-field';\nimport { Progress } from '../../base/feedback';\nimport { Stack } from '../../base/structure';\nimport { Heading, Text } from '../../typography';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { QuestionnaireControl } from './questionnaire-control';\nimport { defaultQuestionnaireStrings, type QuestionnaireAnswer, type QuestionnaireAnswers, type QuestionnaireProps } from './questionnaire.types';\nimport { getQuestionnaireAnswer, getSubmissionAnswers, getVisibleQuestions, validateQuestion } from './questionnaire.utils';\n\nconst emptyAnswers: QuestionnaireAnswers = {};\n\nexport const Questionnaire = forwardRef<HTMLFormElement, QuestionnaireProps>(function Questionnaire(props, ref) {\n\tconst { questions, value: controlledValue, defaultValue = {}, onValueChange, questionId, defaultQuestionId, onQuestionChange,\n\t\tdisabled = false, onSubmit, onComplete, onError, formatSubmitError, headerSlot, emptySlot, completionSlot, strings: stringsProp,\n\t\tclassName, onReset, ...formProps } = props;\n\tconst controlled = Object.prototype.hasOwnProperty.call(props, 'value');\n\tconst stepControlled = Object.prototype.hasOwnProperty.call(props, 'questionId');\n\tconst [internalValue, setInternalValue] = useState<QuestionnaireAnswers>(defaultValue);\n\tconst answers = controlled ? controlledValue ?? emptyAnswers : internalValue;\n\tconst answersRef = useRef(answers); answersRef.current = answers;\n\tconst visible = getVisibleQuestions(questions, answers);\n\tconst [internalId, setInternalId] = useState<string | undefined>(defaultQuestionId ?? visible[0]?.id);\n\tconst requestedId = stepControlled ? questionId : internalId;\n\tconst current = visible.find((question) => question.id === requestedId) ?? visible[0];\n\tconst position = current ? visible.indexOf(current) : 0;\n\tconst [errors, setErrors] = useState<Record<string, string | undefined>>({});\n\tconst [submitError, setSubmitError] = useState<string>();\n\tconst [busy, setBusy] = useState(false);\n\tconst [completed, setCompleted] = useState(false);\n\tconst submission = useRef<AbortController | null>(null);\n\tconst resetTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\tconst mounted = useRef(true);\n\tconst stageRef = useRef<HTMLDivElement>(null);\n\tconst strings = useStrings(defaultQuestionnaireStrings, stringsProp);\n\tconst id = useId();\n\tconst labelId = `${id}-title`;\n\tconst descriptionId = `${id}-description`;\n\tconst locked = busy || disabled;\n\tconst cancelReset = () => { clearTimeout(resetTimer.current); resetTimer.current = undefined; };\n\tconst cancel = () => { submission.current?.abort(); submission.current = null; setBusy(false); };\n\tconst goTo = (nextId: string) => { if (!stepControlled) setInternalId(nextId); onQuestionChange?.(nextId); };\n\tconst setAnswer = (answer: QuestionnaireAnswer) => {\n\t\tif (!current || current.disabled || locked) return;\n\t\tconst next = { ...answersRef.current, [current.id]: answer };\n\t\tif (!controlled) { answersRef.current = next; setInternalValue(next); }\n\t\tonValueChange?.(next);\n\t\tsetErrors((previous) => ({ ...previous, [current.id]: undefined })); setSubmitError(undefined); setCompleted(false);\n\t};\n\tuseEffect(() => { stageRef.current?.focus(); }, [current?.id, completed]);\n\tuseEffect(() => {\n\t\t// Replacing data/schema or disabling during a request invalidates that result.\n\t\tcancelReset(); cancel(); setErrors({}); setSubmitError(undefined); setCompleted(false);\n\t}, [answers, questions, disabled]);\n\tuseEffect(() => { mounted.current = true; return () => { mounted.current = false; cancelReset(); submission.current?.abort(); submission.current = null; }; }, []);\n\tconst advance = () => {\n\t\tif (!current || locked) return;\n\t\tconst error = validateQuestion(current, answersRef.current, strings);\n\t\tsetErrors((previous) => ({ ...previous, [current.id]: error }));\n\t\tif (error) { stageRef.current?.focus(); return; }\n\t\tif (visible[position + 1]) goTo(visible[position + 1].id);\n\t};\n\tconst submit = async () => {\n\t\tif (submission.current || disabled || !visible.length) return;\n\t\tconst validation = Object.fromEntries(visible.map((question) => [question.id, validateQuestion(question, answersRef.current, strings)]));\n\t\tsetErrors(validation);\n\t\tconst firstInvalid = visible.find((question) => validation[question.id]);\n\t\tif (firstInvalid) { goTo(firstInvalid.id); stageRef.current?.focus(); return; }\n\t\tconst controller = new AbortController(); submission.current = controller;\n\t\tsetSubmitError(undefined); setBusy(true);\n\t\tconst snapshot = getSubmissionAnswers(questions, answersRef.current);\n\t\ttry {\n\t\t\tawait onSubmit?.(snapshot, { signal: controller.signal });\n\t\t\tif (submission.current !== controller || controller.signal.aborted) return;\n\t\t\tsetCompleted(true); onComplete?.(snapshot);\n\t\t} catch (error) {\n\t\t\tif (submission.current !== controller || controller.signal.aborted) return;\n\t\t\tsetSubmitError(formatSubmitError?.(error) ?? strings.submitError); onError?.(error);\n\t\t} finally { if (submission.current === controller) { submission.current = null; setBusy(false); } }\n\t};\n\tconst currentError = current && Object.hasOwn(errors, current.id) ? errors[current.id] : undefined;\n\tconst description = current && (currentError || current.description);\n\treturn <form {...formProps} ref={ref} noValidate aria-busy={busy || undefined} className={cn('questionnaire--component min-w-0', className)} onSubmit={(event) => { event.preventDefault(); if (position < visible.length - 1) advance(); else void submit(); }} onReset={(event) => {\n\t\tonReset?.(event); const nativeEvent = event.nativeEvent;\n\t\t// Trusted events can run microtasks before native ancestor listeners have cancelled reset.\n\t\tcancelReset(); resetTimer.current = setTimeout(() => {\n\t\t\tresetTimer.current = undefined;\n\t\t\tif (!mounted.current || nativeEvent.defaultPrevented || disabled) return; cancel();\n\t\t\tif (!controlled) { answersRef.current = defaultValue; setInternalValue(defaultValue); } onValueChange?.(defaultValue);\n\t\t\tsetErrors({}); setSubmitError(undefined); setCompleted(false);\n\t\t\tconst initialVisible = getVisibleQuestions(questions, defaultValue);\n\t\t\tconst initialQuestion = initialVisible.find((question) => question.id === defaultQuestionId) ?? initialVisible[0];\n\t\t\tif (initialQuestion) goTo(initialQuestion.id); else if (!stepControlled) setInternalId(undefined);\n\t\t}, 0);\n\t}}>\n\t\t<Stack gap=\"lg\">\n\t\t\t{headerSlot}\n\t\t\t{!current ? emptySlot ?? <Text type=\"secondary\">{strings.empty}</Text> : completed ? completionSlot ?? <Stack gap=\"sm\"><Text type=\"inherit\" role=\"status\">{strings.submitted}</Text><Button disabled={disabled} type=\"button\" buttonStyle=\"outline\" onClick={() => { setCompleted(false); if (visible[0]) goTo(visible[0].id); }}>{strings.editAnswers}</Button></Stack> : <>\n\t\t\t\t<Progress value={position + 1} max={visible.length} label={strings.progress} valueSlot={<Text size=\"xs\" type=\"secondary\" aria-live=\"polite\">{strings.step(position + 1, visible.length)}</Text>} />\n\t\t\t\t<Stack ref={stageRef} gap=\"normal\" tabIndex={-1} role=\"group\" aria-labelledby={labelId} className=\"questionnaire--question outline-none\">\n\t\t\t\t\t<Heading className=\"text-inherit\" id={labelId} tag=\"h3\">{current.title}</Heading>\n\t\t\t\t\t<FormField required={current.required} error={currentError} hint={current.description} supportingTextId={descriptionId}>\n\t\t\t\t\t\t<QuestionnaireControl key={current.id} question={current} answer={getQuestionnaireAnswer(answers, current.id)} answers={answers} disabled={locked || Boolean(current.disabled)} error={currentError} labelId={labelId} descriptionId={description ? descriptionId : undefined} onAnswerChange={setAnswer} />\n\t\t\t\t\t</FormField>\n\t\t\t\t</Stack>\n\t\t\t\t{submitError && <Text role=\"alert\" type=\"error\">{submitError}</Text>}\n\t\t\t\t{busy && <Text role=\"status\" type=\"secondary\">{strings.submitting}</Text>}\n\t\t\t\t<Stack direction=\"horizontal\" gap=\"sm\" wrap>\n\t\t\t\t\t<Button type=\"button\" buttonStyle=\"outline\" disabled={locked || position === 0} onClick={() => { setSubmitError(undefined); goTo(visible[position - 1].id); }}>{strings.previous}</Button>\n\t\t\t\t\t{position < visible.length - 1 ? <Button tone=\"primary\" type=\"button\" disabled={locked} onClick={advance}>{strings.next}</Button> : <Button tone=\"primary\" type=\"submit\" disabled={locked}>{submitError ? strings.retry : strings.submit}</Button>}\n\t\t\t\t\t{busy && <Button type=\"button\" buttonStyle=\"outline\" disabled={disabled} onClick={cancel}>{strings.cancel}</Button>}\n\t\t\t\t</Stack>\n\t\t\t</>}\n\t\t</Stack>\n\t</form>;\n});\n"],"mappings":"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"}

package/dist/features/resource-assignment.js

@@ -1,13 +1,13 @@
 "use client";
 import { useStrings as e } from "../lib/strings.js";
-import { t } from "../utils-BRhFDwuU.js";
-import { n } from "../buttons-DPZekJFu.js";
-import { c as r, o as i } from "../typography-UTnveOEy.js";
-import { t as a } from "../structure-BmisBK-3.js";
-import { n as o } from "../cards-BaBZR-AU.js";
-import { r as s } from "../overlays-tMkF-VAN.js";
-import { n as c } from "../display-hAc1HjpI.js";
-import { s as l } from "../data-display-DT_khPl_.js";
+import { t } from "../utils-B6kKb8jB.js";
+import { n } from "../buttons-BedGfygC.js";
+import { c as r, o as i } from "../typography-BQnine1k.js";
+import { t as a } from "../structure-DuxKl954.js";
+import { n as o } from "../cards-rNX1M4Xn.js";
+import { r as s } from "../overlays-BSgCtM2v.js";
+import { n as c } from "../display-KsZLw9Ov.js";
+import { s as l } from "../data-display-BdgCAw8T.js";
 import { useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { Eye as v, PackageOpen as y } from "lucide-react";

package/dist/features/resource.js

@@ -1,19 +1,21 @@
 "use client";
 import { useStrings as e } from "../lib/strings.js";
-import { t } from "../utils-BRhFDwuU.js";
-import { c as n } from "../typography-UTnveOEy.js";
-import { t as r } from "../structure-BmisBK-3.js";
-import { n as i, t as a } from "../feedback-BYIhtitP.js";
-import { u as o } from "../primitives-BFK08r9M.js";
-import { t as s } from "../icon-badge-DYKIwvOV.js";
-import { i as c, n as l, s as u } from "../avatar-DAPlDvhJ.js";
-import { n as d } from "../display-hAc1HjpI.js";
-import { t as f } from "../metadata-list-8N16ZMW_.js";
-import { r as p, t as m } from "../overflow-tab-bar-CWY7Nogn.js";
-import { s as h } from "../data-display-DT_khPl_.js";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { t } from "../utils-B6kKb8jB.js";
+import { c as n } from "../typography-BQnine1k.js";
+import { t as r } from "../structure-DuxKl954.js";
+import { n as i, t as a } from "../feedback-Dm4izqFn.js";
+import { n as o, t as s } from "../composition.recipes-COdiFhxB.js";
+import { u as c } from "../primitives-ByWgGUgt.js";
+import { t as l } from "../icon-badge-DZF-YjQp.js";
+import { i as u, n as d, s as f } from "../avatar-CeZaFmNH.js";
+import { n as p } from "../display-KsZLw9Ov.js";
+import { t as m } from "../metadata-list-C3MkU-Om.js";
+import { t as h } from "../navigation-C90-oQFq.js";
+import { t as g } from "../overflow-tab-bar-IVFVQFV6.js";
+import { s as _ } from "../data-display-BdgCAw8T.js";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/components/features/resource/resource.strings.ts
-var v = {
+var b = {
 	loadingLabel: "Loading resources",
 	loadingDescription: "Preparing the latest data for this view.",
 	emptyTitle: "No resources found",
@@ -25,35 +27,35 @@ var v = {
 };
 //#endregion
 //#region src/components/features/resource/resource.tsx
-function y({ title: e, description: n, eyebrow: i, media: a, avatarUrl: d, avatarAlt: f, avatarFallback: m, icon: h, iconTone: v = "neutral", badges: y, metadata: b, actions: x, primaryAction: S, secondaryActions: C, moreActionsLabel: w, renderLink: T, className: E, contentClassName: D, mediaClassName: O }) {
-	let k = h, A = typeof e == "string" ? e : "", j = a ?? (d || m ? /* @__PURE__ */ _(l, {
-		className: t("resource-header--avatar size-avatar-lg", O),
-		children: [!!d && /* @__PURE__ */ g(u, {
-			src: d,
-			alt: f ?? A
-		}), /* @__PURE__ */ g(c, { children: m ?? /* @__PURE__ */ g(o, {
-			value: A,
+function x({ title: e, description: n, eyebrow: i, media: a, avatarUrl: o, avatarAlt: s, avatarFallback: p, icon: m, iconTone: g = "neutral", badges: _, metadata: b, actions: x, primaryAction: S, secondaryActions: C, maxVisibleSecondaryActions: w, moreActionsLabel: T, renderLink: E, className: D, contentClassName: O, mediaClassName: k }) {
+	let A = m, j = typeof e == "string" ? e : "", M = a ?? (o || p ? /* @__PURE__ */ y(d, {
+		className: t("resource-header--avatar size-avatar-lg", k),
+		children: [!!o && /* @__PURE__ */ v(f, {
+			src: o,
+			alt: s ?? j
+		}), /* @__PURE__ */ v(u, { children: p ?? /* @__PURE__ */ v(c, {
+			value: j,
 			strategy: "first-words"
 		}) })]
-	}) : k ? /* @__PURE__ */ g(s, {
-		icon: k,
+	}) : A ? /* @__PURE__ */ v(l, {
+		icon: A,
 		shape: "square",
-		tone: v,
-		className: t("resource-header--icon size-avatar-lg [&>svg]:size-icon-lg", O)
+		tone: g,
+		className: t("resource-header--icon size-avatar-lg [&>svg]:size-icon-lg", k)
 	}) : null);
-	return /* @__PURE__ */ g(p, {
+	return /* @__PURE__ */ v(h, {
 		eyebrow: i,
 		title: e,
 		description: n,
-		leading: j,
-		titleSuffix: y ? /* @__PURE__ */ g(r, {
+		leading: M,
+		titleSuffix: _ ? /* @__PURE__ */ v(r, {
 			"data-slot": "resource-header-badges",
 			direction: "horizontal",
 			gap: "sm",
 			className: "resource-header--badges shrink-0",
-			children: y
+			children: _
 		}) : void 0,
-		afterDescription: b ? /* @__PURE__ */ g(r, {
+		afterDescription: b ? /* @__PURE__ */ v(r, {
 			"data-slot": "resource-header-metadata",
 			direction: "horizontal",
 			gap: "md",
@@ -63,23 +65,24 @@ function y({ title: e, description: n, eyebrow: i, media: a, avatarUrl: d, avata
 		actions: x,
 		primaryAction: S,
 		secondaryActions: C,
-		moreActionsLabel: w,
-		renderLink: T,
+		maxVisibleSecondaryActions: w,
+		moreActionsLabel: T,
+		renderLink: E,
 		withSeparator: !1,
-		className: t("resource-header--component", E),
-		contentClassName: D,
+		className: t("resource-header--component", D),
+		contentClassName: O,
 		eyebrowClassName: "resource-header--eyebrow",
 		titleClassName: "resource-header--title truncate",
 		descriptionClassName: "resource-header--description max-w-3xl",
 		actionsClassName: "resource-header--actions flex-wrap"
 	});
 }
-function b({ children: e, leading: n, trailing: i, sticky: a = !1, className: o }) {
-	return /* @__PURE__ */ g("div", {
+function S({ children: e, leading: n, trailing: i, sticky: a = !1, className: o }) {
+	return /* @__PURE__ */ v("div", {
 		"data-component": "resource-action-bar",
 		"data-slot": "resource-action-bar",
-		className: t("resource-action-bar--component box-border rounded-radius border border-border bg-card text-card-foreground px-surface py-row-y-lg shadow-xs", a && "sticky top-shell-header z-30", o),
-		children: /* @__PURE__ */ _(r, {
+		className: t("resource-action-bar--component box-border rounded-surface border border-border bg-card text-card-foreground px-surface py-row-y-lg shadow-xs", a && "sticky top-shell-header z-30", o),
+		children: /* @__PURE__ */ y(r, {
 			direction: {
 				base: "vertical",
 				sm: "horizontal"
@@ -89,13 +92,13 @@ function b({ children: e, leading: n, trailing: i, sticky: a = !1, className: o
 			justify: { sm: "between" },
 			wrap: { sm: !1 },
 			className: "resource-action-bar--layout",
-			children: [/* @__PURE__ */ g(r, {
+			children: [/* @__PURE__ */ v(r, {
 				"data-slot": "resource-action-leading",
 				direction: "horizontal",
 				gap: "md",
 				className: "resource-action-bar--leading flex-1",
 				children: n ?? e
-			}), !!i && /* @__PURE__ */ g(r, {
+			}), !!i && /* @__PURE__ */ v(r, {
 				"data-slot": "resource-action-trailing",
 				direction: "horizontal",
 				gap: "md",
@@ -105,123 +108,123 @@ function b({ children: e, leading: n, trailing: i, sticky: a = !1, className: o
 		})
 	});
 }
-function x(e) {
-	return /* @__PURE__ */ g(h, {
+function C(e) {
+	return /* @__PURE__ */ v(_, {
 		...e,
 		"data-component": "resource-empty-state",
 		"data-slot": "resource-empty-state",
 		className: t("resource-empty-state--component", e.className)
 	});
 }
-function S({ children: n, title: o, description: s, actions: c, primaryAction: l, secondaryActions: u, moreActionsLabel: d, renderLink: f, toolbar: p, emptySlot: m, empty: h = !1, loading: b = !1, error: S, onRetry: C, slots: w, className: T, headerClassName: E, contentClassName: D, strings: O, asideClassName: k, variant: A }) {
-	let j = e(v, O), M = w?.header ?? (o ? /* @__PURE__ */ g(y, {
-		title: o,
-		description: s,
-		actions: c,
-		primaryAction: l,
-		secondaryActions: u,
-		moreActionsLabel: d,
-		renderLink: f,
-		className: E
-	}) : null), N = w?.toolbar ?? p, P = w?.loading ?? /* @__PURE__ */ g(i, {
+function w({ children: n, title: c, description: l, actions: u, primaryAction: d, secondaryActions: f, maxVisibleSecondaryActions: p, moreActionsLabel: m, renderLink: h, toolbar: g, emptySlot: _, empty: S = !1, loading: w = !1, error: T, onRetry: E, slots: D, className: O, headerClassName: k, contentClassName: A, strings: j, asideClassName: M, variant: N }) {
+	let P = e(b, j), F = D?.header ?? (c ? /* @__PURE__ */ v(x, {
+		title: c,
+		description: l,
+		actions: u,
+		primaryAction: d,
+		secondaryActions: f,
+		maxVisibleSecondaryActions: p,
+		moreActionsLabel: m,
+		renderLink: h,
+		className: k
+	}) : null), I = D?.toolbar ?? g, L = D?.loading ?? /* @__PURE__ */ v(i, {
 		variant: "panel",
-		label: j.loadingLabel,
-		description: j.loadingDescription,
+		label: P.loadingLabel,
+		description: P.loadingDescription,
 		skeleton: !0,
 		lines: 4,
-		className: "resource-shell--loading rounded-radius border border-border bg-card"
-	}), F = w?.empty ?? m ?? /* @__PURE__ */ g(x, {
-		title: j.emptyTitle,
-		description: j.emptyDescription,
+		className: "resource-shell--loading rounded-surface border border-border bg-card"
+	}), R = D?.empty ?? _ ?? /* @__PURE__ */ v(C, {
+		title: P.emptyTitle,
+		description: P.emptyDescription,
 		border: !0
-	}), I = /* @__PURE__ */ g(a, {
-		title: j.errorTitle,
-		description: S instanceof Error ? S.message : typeof S == "string" || typeof S == "number" ? String(S) : j.errorDescription,
-		onRetry: C,
-		retryLabel: j.retryLabel
-	}), L = w?.error ?? (S && typeof S != "boolean" && typeof S != "string" && typeof S != "number" && !(S instanceof Error) ? S : I), R = b ? P : S ? L : h ? F : n;
-	return /* @__PURE__ */ g("section", {
-		"data-component": `resource-${A}-shell`,
-		"data-slot": `resource-${A}-shell`,
-		className: t(`resource-${A}-shell--component min-w-0`, A === "index" && "@container/resource-index", A === "show" && "@container/resource-show", T),
-		children: /* @__PURE__ */ _("div", {
-			"data-slot": `resource-${A}-layout`,
-			className: t(`resource-${A}-shell--layout grid min-w-0 gap-space-xl`, w?.aside && A === "show" && "@4xl/resource-show:grid-cols-[minmax(0,1fr)_var(--shell-sidebar-width)]", w?.aside && A === "index" && "@4xl/resource-index:grid-cols-[minmax(0,1fr)_var(--shell-sidebar-width)]"),
-			children: [/* @__PURE__ */ _(r, {
-				gap: "xl",
-				children: [
-					!!M && /* @__PURE__ */ g("div", {
-						"data-slot": `resource-${A}-header`,
-						className: `resource-${A}-shell--header`,
-						children: M
-					}),
-					!!N && /* @__PURE__ */ g("div", {
-						"data-slot": `resource-${A}-toolbar`,
-						className: `resource-${A}-shell--toolbar`,
-						children: N
-					}),
-					/* @__PURE__ */ g("div", {
-						"data-slot": `resource-${A}-content`,
-						className: t(`resource-${A}-shell--content min-w-0`, D),
-						children: R
-					}),
-					!!w?.footer && /* @__PURE__ */ g("div", {
-						"data-slot": `resource-${A}-footer`,
-						className: `resource-${A}-shell--footer`,
-						children: w.footer
-					})
-				]
-			}), !!w?.aside && /* @__PURE__ */ g("aside", {
-				"data-slot": `resource-${A}-aside`,
-				className: t(`resource-${A}-shell--aside min-w-0`, k),
-				children: w.aside
-			})]
-		})
+	}), z = /* @__PURE__ */ v(a, {
+		title: P.errorTitle,
+		description: T instanceof Error ? T.message : typeof T == "string" || typeof T == "number" ? String(T) : P.errorDescription,
+		onRetry: E,
+		retryLabel: P.retryLabel
+	}), B = D?.error ?? (T && typeof T != "boolean" && typeof T != "string" && typeof T != "number" && !(T instanceof Error) ? T : z), V = w ? L : T ? B : S ? R : n;
+	return /* @__PURE__ */ y("section", {
+		"data-component": `resource-${N}-shell`,
+		"data-slot": `resource-${N}-shell`,
+		className: t(`resource-${N}-shell--component flex min-w-0 flex-col`, s.subjects, N === "index" && "@container/resource-index", N === "show" && "@container/resource-show", O),
+		children: [
+			!!F && /* @__PURE__ */ v("div", {
+				"data-slot": `resource-${N}-header`,
+				className: `resource-${N}-shell--header`,
+				children: F
+			}),
+			!!I && /* @__PURE__ */ v("div", {
+				"data-slot": `resource-${N}-toolbar`,
+				className: `resource-${N}-shell--toolbar`,
+				children: I
+			}),
+			/* @__PURE__ */ y("div", {
+				"data-slot": `resource-${N}-layout`,
+				className: t(`resource-${N}-shell--layout grid min-w-0`, s.subjects, D?.aside && N === "show" && "@4xl/resource-show:grid-cols-[minmax(0,1fr)_var(--shell-sidebar-width)]", D?.aside && N === "index" && "@4xl/resource-index:grid-cols-[minmax(0,1fr)_var(--shell-sidebar-width)]"),
+				children: [/* @__PURE__ */ y(r, {
+					gap: o.subjects,
+					children: [/* @__PURE__ */ v("div", {
+						"data-slot": `resource-${N}-content`,
+						className: t(`resource-${N}-shell--content flex min-w-0 flex-col`, s.subjects, A),
+						children: V
+					}), !!D?.footer && /* @__PURE__ */ v("div", {
+						"data-slot": `resource-${N}-footer`,
+						className: `resource-${N}-shell--footer`,
+						children: D.footer
+					})]
+				}), !!D?.aside && /* @__PURE__ */ v("aside", {
+					"data-slot": `resource-${N}-aside`,
+					className: t(`resource-${N}-shell--aside flex min-w-0 flex-col`, s.subjects, M),
+					children: D.aside
+				})]
+			})
+		]
 	});
 }
-function C(e) {
-	return /* @__PURE__ */ g(S, {
+function T(e) {
+	return /* @__PURE__ */ v(w, {
 		...e,
 		variant: "index"
 	});
 }
-function w(e) {
-	return /* @__PURE__ */ g(S, {
+function E(e) {
+	return /* @__PURE__ */ v(w, {
 		...e,
 		variant: "show"
 	});
 }
-function T({ tabs: n, activeTab: i, onTabChange: a, tabsClassName: o, moreLabel: s, tabsAriaLabel: c, toolbar: l, slots: u, className: d, strings: f, ...p }) {
-	let h = e(v, f), y = /* @__PURE__ */ _(r, {
+function D({ tabs: n, activeTab: i, onTabChange: a, tabsClassName: o, moreLabel: s, tabsAriaLabel: c, toolbar: l, slots: u, className: d, strings: f, ...p }) {
+	let m = e(b, f), h = /* @__PURE__ */ y(r, {
 		gap: "lg",
 		"data-slot": "tabbed-resource-toolbar",
 		className: "tabbed-resource-shell--toolbar",
-		children: [/* @__PURE__ */ g(m, {
+		children: [/* @__PURE__ */ v(g, {
 			items: n,
 			value: i,
 			onValueChange: a,
 			className: o,
 			strings: {
 				more: s,
-				navigationLabel: c ?? h.tabsAriaLabel
+				navigationLabel: c ?? m.tabsAriaLabel
 			}
 		}), l]
 	});
-	return /* @__PURE__ */ g(w, {
+	return /* @__PURE__ */ v(E, {
 		...p,
 		strings: f,
 		className: t("tabbed-resource-shell--component", d),
-		toolbar: y,
+		toolbar: h,
 		slots: {
 			...u,
-			toolbar: u?.toolbar ?? y
+			toolbar: u?.toolbar ?? h
 		}
 	});
 }
-function E({ title: e, description: n, actions: r, headerAction: i, children: a, footer: o, padding: s = "md", surface: c = "card", className: l, contentClassName: u, name: f }) {
-	return /* @__PURE__ */ g(d, {
-		"data-component": f,
-		"data-slot": f,
+function O({ title: e, description: n, actions: r, headerAction: i, children: a, footer: o, padding: s = "md", surface: c = "card", className: l, contentClassName: u, name: d }) {
+	return /* @__PURE__ */ v(p, {
+		"data-component": d,
+		"data-slot": d,
 		title: e,
 		description: n,
 		actions: r,
@@ -229,25 +232,26 @@ function E({ title: e, description: n, actions: r, headerAction: i, children: a,
 		footerSlot: o,
 		padding: s,
 		surface: c,
-		className: t(`${f}--component`, l),
+		className: t(`${d}--component`, l),
 		contentClassName: u,
 		children: a
 	});
 }
-function D({ metadata: e, metadataColumns: r = 2, metadataDense: i = !1, body: a, help: o, children: s, contentClassName: c, ...l }) {
-	return /* @__PURE__ */ _(E, {
+function k({ metadata: e, metadataColumns: r = 2, metadataDense: i = !1, body: a, help: o, children: s, contentClassName: c, ...l }) {
+	return /* @__PURE__ */ y(O, {
 		...l,
 		name: "resource-details-section",
 		contentClassName: t("resource-details-section--content grid gap-space-xl", c),
 		children: [
-			!!e?.length && /* @__PURE__ */ g(f, {
+			!!e?.length && /* @__PURE__ */ v(m, {
+				adaptTo: "container",
 				items: e,
 				columns: r,
 				density: i ? "compact" : "default"
 			}),
 			a,
 			s,
-			!!o && /* @__PURE__ */ g(n, {
+			!!o && /* @__PURE__ */ v(n, {
 				size: "xs",
 				type: "secondary",
 				className: "resource-details-section--help",
@@ -257,6 +261,6 @@ function D({ metadata: e, metadataColumns: r = 2, metadataDense: i = !1, body: a
 	});
 }
 //#endregion
-export { b as ResourceActionBar, D as ResourceDetailsSection, x as ResourceEmptyState, y as ResourceHeader, C as ResourceIndexShell, w as ResourceShowShell, T as TabbedResourceShell, v as defaultResourceStrings };
+export { S as ResourceActionBar, k as ResourceDetailsSection, C as ResourceEmptyState, x as ResourceHeader, T as ResourceIndexShell, E as ResourceShowShell, D as TabbedResourceShell, b as defaultResourceStrings };
 
 //# sourceMappingURL=resource.js.map