npm - @alfadocs/ui-kit-debug - Versions diffs - 1.112.1 → 1.113.0 - Mend

@alfadocs/ui-kit-debug 1.112.1 → 1.113.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (228) hide show

package/dist/_chunks/{reset-password-form-B0acanDD.js → reset-password-form-BVsL2fOJ.js} RENAMED Viewed

@@ -5,7 +5,7 @@ import { c as ws } from "./index-D2ZczOXr.js";
 import { A as u } from "./alert-C4WKViaS.js";
 import { B as D } from "./button-DohK_Ak_.js";
 import { C as ms } from "./card-C85_Ndhb.js";
-import { E as ks } from "./email-input-BEO3vonE.js";
+import { E as ks } from "./email-input-DxwbREpx.js";
 import { E as Vs } from "./error-summary-DxNhwf_G.js";
 import { F as L } from "./form-field-CyHfOVKF.js";
 import { P as us } from "./password-input-SJGHFdOO.js";
@@ -364,4 +364,4 @@ export {
   b as R,
   nr as a
 };
-//# sourceMappingURL=reset-password-form-B0acanDD.js.map
+//# sourceMappingURL=reset-password-form-BVsL2fOJ.js.map

package/dist/_chunks/{reset-password-form-B0acanDD.js.map → reset-password-form-BVsL2fOJ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"reset-password-form-B0acanDD.js","sources":["../../src/patterns/_shared/password-policy.ts","../../src/patterns/reset-password-form/reset-password-form.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- /\n/ The platform's password rule, as the live checklist shows it. /\n/ /\n/ The platform's rule is written in ASCII (`[A-Z]`, `[a-z]`, `\\d`), so /\n/ the checklist counts the same characters and never shows green for a /\n/ password the server will refuse. Shipped with the patterns that /\n/ import it; not an export of its own. /\n/ -------------------------------------------------------------------- /\n\nimport type { UsePasswordRequirementsOptions } from '../../components/password-input';\n\nexport const PLATFORM_PASSWORD_POLICY: UsePasswordRequirementsOptions = {\n minLength: 12,\n uppercase: true,\n lowercase: true,\n digit: true,\n charset: 'ascii',\n};\n","/ -------------------------------------------------------------------- /\n/ ResetPasswordForm — the card the reset email opens, where the person /\n/ chooses a new password. /\n/ /\n/ Two password fields with the live rules checklist, then one of two /\n/ results in place of the form: the password has changed, or the link /\n/ has expired. The host checks the link and the code, sets the state /\n/ and owns every server rule; the card checks what a browser can check, /\n/ then hands the values to `onSubmit` or posts a real form. A password /\n/ is never put in an attribute. /\n/ -------------------------------------------------------------------- /\n\nimport {\n forwardRef,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n type HTMLAttributes,\n type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cva } from 'class-variance-authority';\nimport { Alert } from '../../components/alert';\nimport { Button } from '../../components/button';\nimport { Card } from '../../components/card';\nimport { EmailInput } from '../../components/email-input';\nimport { ErrorSummary } from '../../components/error-summary';\nimport { FormField } from '../../components/form-field';\nimport {\n PasswordInput,\n usePasswordRequirements,\n} from '../../components/password-input';\nimport { isSafeHref } from '../../components/_shared/safe-href';\nimport { useStateBackedInput } from '../../components/_shared/use-state-backed-input';\nimport { useFieldMatch } from '../../hooks/use-field-match';\nimport {\n AuthCardHeading,\n AuthFormMessage,\n AuthFormStatus,\n ExtraFields,\n useExtraFields,\n useFormAction,\n} from '../_shared/auth-form-parts';\nimport type { BrandMarkMotion } from '../_shared/brand-mark';\nimport { PLATFORM_PASSWORD_POLICY } from '../_shared/password-policy';\nimport {\n useErrorSummary,\n useFormMessageAnnounce,\n} from '../_shared/use-error-summary';\nimport { useRegistrationSubmit } from '../registration-form/use-registration-submit';\n\n/ -------------------------------------------------------------------- /\n/ Types /\n/ -------------------------------------------------------------------- /\n\n/* The form's two fields. /\nexport const RESET_PASSWORD_FORM_FIELDS = [\n 'password',\n 'passwordConfirm',\n] as const;\n\nexport type ResetPasswordFormField =\n (typeof RESET_PASSWORD_FORM_FIELDS)[number];\n\n/* What the card shows: the form, the result after a good change, or the\n * result for a link that no longer works. /\nexport type ResetPasswordFormState = 'form' \| 'done' \| 'expired';\n\n/* What `onSubmit` receives once both passwords have passed their checks. /\nexport interface ResetPasswordFormValues {\n password: string;\n passwordConfirm: string;\n}\n\n/* Messages from the server, already translated: one for each field, plus\n * `form` for a message about the whole form. /\nexport type ResetPasswordFormErrors = Partial<\n Record<ResetPasswordFormField \| 'form', string>\n>;\n\n/* The host's own form field names, for a native form post. They are\n * needed: a field without a name is not posted. /\nexport type ResetPasswordFormFieldNames = Record<\n ResetPasswordFormField,\n string\n>;\n\nexport interface ResetPasswordFormProps extends Omit<\n HTMLAttributes<HTMLDivElement>,\n 'title' \| 'onSubmit'\n> {\n /\n What the card shows. Default `form`. `done` and `expired` replace the\n * form and take focus when they appear.\n /\n state?: ResetPasswordFormState;\n /* Replaces the form's heading \"Choose a new password\". Pass it\n * translated. The result states have their own heading. /\n title?: string;\n /* Replaces the line under the form's heading (\"Enter a new password\n * for your account.\"). Pass it translated. /\n description?: string;\n /\n The heading's level. Default 1: this page usually has no other\n * heading. Pass 2 on a page that has its own `h1`.\n /\n headingLevel?: 1 \| 2 \| 3;\n /* Shows the Alfadocs mark above the heading. Default true. /\n showLogo?: boolean;\n /* How the mark arrives when the card opens. Default `assemble`. /\n logoMotion?: BrandMarkMotion;\n /\n Host content between the heading and the fields, such as a notice. It\n * sits outside the form, so nothing in it is posted.\n /\n children?: ReactNode;\n /\n The address the password is for. In the form it shows read-only, and\n * is the username a password manager saves the new password under. In\n * the `done` state it is named in the line under the result.\n /\n email?: string;\n /\n The `done` state's action, \"Sign in\". A path on the same site, or an\n * address written in full. Anything else shows no button.\n /\n loginHref?: string;\n /\n The `expired` state's action, \"Ask for a new link\". A path on the\n * same site, or an address written in full. Anything else shows no\n * button.\n /\n requestHref?: string;\n /\n Messages from the server, already translated. A field's message shows\n * on the field until the user changes it; `form` shows above the\n * fields. When messages arrive, focus moves to the error summary when a\n * field has one, or to the message above the fields when only that\n * says something. Passwords the server refused are emptied.\n /\n errors?: ResetPasswordFormErrors;\n /* Replaces the button's \"Change password\". Pass it translated. /\n submitLabel?: string;\n /\n True while the host sends the passwords: the button shows a spinner\n * and a second submit is ignored. Set it inside `onSubmit`, before\n * anything is awaited.\n /\n submitting?: boolean;\n /* For React hosts: called with both passwords once they have passed\n * their checks. Not called when `fieldNames` is set. /\n onSubmit?: (values: ResetPasswordFormValues) => void;\n /\n For a native form post: the host's own field names, e.g.\n * `{ password: 'lost_password_reset[password1]', passwordConfirm:\n * 'lost_password_reset[password2]' }`. When set, the inputs carry those\n * names and the browser posts the form.\n /\n fieldNames?: ResetPasswordFormFieldNames;\n /\n Where a native form post goes. Default: the current address. Only a\n * path, or an address on the page's own origin, is accepted: another\n * origin is never sent what the user typed. Does nothing without\n * `fieldNames`.\n /\n action?: string;\n /\n Extra hidden inputs posted with a native form, by name: a CSRF token,\n * e.g. `{ 'lost_password_reset[_token]': token }`. Not used with\n * `onSubmit`. A name that is also in `fieldNames` is left out.\n /\n hiddenFields?: Readonly<Record<string, string>>;\n}\n\n/ -------------------------------------------------------------------- /\n/ Styles /\n/ -------------------------------------------------------------------- /\n\n// 400px at most, in px: a host whose root font size is not 16px would\n// stretch or squeeze a width in rem.\nconst resetPasswordFormVariants = cva(\n 'ds:mx-auto ds:w-full ds:max-w-[400px] ds:text-start ds:text-[var(--foreground)]',\n);\n\n// The result takes focus when it appears, so it shows a ring.\nconst resultVariants = cva(\n 'ds:focus-visible:outline-solid ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]',\n);\n\n/ -------------------------------------------------------------------- /\n/ Helpers /\n/ -------------------------------------------------------------------- /\n\ntype FocusTarget = ResetPasswordFormField \| 'form';\n\n/* Unicode isolates: they keep an address's order inside any sentence. /\nconst LTR_ISOLATE = '\\u2066';\nconst POP_ISOLATE = '\\u2069';\n\n/* The result's heading, by the level of the card's own. /\nconst RESULT_HEADING = { 1: 'h2', 2: 'h3', 3: 'h4' } as const;\n\nconst hasMessage = (errors: ResetPasswordFormErrors): boolean =>\n Object.values(errors).some(Boolean);\n\nconst focusTargetFor = (\n messages: ResetPasswordFormErrors,\n): FocusTarget \| undefined =>\n RESET_PASSWORD_FORM_FIELDS.find((field) => messages[field]) ??\n (messages.form ? 'form' : undefined);\n\n/ -------------------------------------------------------------------- /\n/ Component /\n/ -------------------------------------------------------------------- /\n\n/\n The card for the page the reset email opens. Mount it on the\n * reset-password page, inside `SignedOutFrame` or the host's own chrome.\n /\nexport const ResetPasswordForm = forwardRef<\n HTMLDivElement,\n ResetPasswordFormProps\n>(\n (\n {\n state = 'form',\n title,\n description,\n headingLevel = 1,\n showLogo = true,\n logoMotion = 'assemble',\n children,\n email,\n loginHref,\n requestHref,\n errors,\n submitLabel,\n submitting = false,\n onSubmit,\n fieldNames,\n action,\n hiddenFields,\n className,\n ...rest\n },\n ref,\n ) => {\n const { t } = useTranslation('ui');\n const titleId = useId();\n const resultTitleId = useId();\n const resultDescriptionId = useId();\n const emailFieldId = useId();\n const passwordFieldId = useId();\n const passwordConfirmFieldId = useId();\n const formMessageId = useId();\n const native = fieldNames !== undefined;\n const fieldIds: Record<ResetPasswordFormField, string> = {\n password: passwordFieldId,\n passwordConfirm: passwordConfirmFieldId,\n };\n\n / ------------------------------ State ----------------------------- /\n\n // Passwords always start empty and are held in state only: the inputs\n // get them as a DOM property, never as an attribute.\n const [values, setValues] = useState<ResetPasswordFormValues>({\n password: '',\n passwordConfirm: '',\n });\n const [touched, setTouched] = useState<\n Partial<Record<ResetPasswordFormField, boolean>>\n >({});\n const [submitted, setSubmitted] = useState(false);\n const [serverErrors, setServerErrors] = useState<ResetPasswordFormErrors>(\n () => errors ?? {},\n );\n\n const set = (field: ResetPasswordFormField, value: string) => {\n setValues((previous) => ({ ...previous, [field]: value }));\n // The server's message was about the old value.\n setServerErrors((previous) =>\n previous[field] ? { ...previous, [field]: undefined } : previous,\n );\n };\n const leave = (field: ResetPasswordFormField) =>\n setTouched((previous) =>\n previous[field] ? previous : { ...previous, [field]: true },\n );\n const emptyPasswords = () => {\n setValues({ password: '', passwordConfirm: '' });\n setTouched({});\n };\n\n / ---------------------------- Validation -------------------------- /\n\n const requirements = usePasswordRequirements(PLATFORM_PASSWORD_POLICY);\n const match = useFieldMatch({\n value: values.password,\n confirmValue: values.passwordConfirm,\n kind: 'password',\n submitted,\n });\n\n /* What stops a submit, whether or not the message shows yet. /\n const invalid: Record<ResetPasswordFormField, boolean> = {\n password:\n values.password === '' \|\|\n !requirements.every((rule) => rule.test(values.password)),\n passwordConfirm: values.passwordConfirm === '' \|\| !match.matches,\n };\n // A message shows once the user has left the field or tried to submit.\n const due = (field: ResetPasswordFormField) =>\n submitted \|\| touched[field] === true;\n const ownErrors: Record<ResetPasswordFormField, string \| undefined> = {\n password:\n due('password') && invalid.password\n ? values.password === ''\n ? t('resetPasswordForm.passwordRequired')\n : t('resetPasswordForm.passwordInvalid')\n : undefined,\n passwordConfirm:\n values.passwordConfirm === ''\n ? due('passwordConfirm')\n ? t('resetPasswordForm.passwordConfirmRequired')\n : undefined\n : match.error,\n };\n const errorFor = (field: ResetPasswordFormField) =>\n serverErrors[field] ?? ownErrors[field];\n\n / ------------------------------ Focus ----------------------------- /\n\n const controls = useRef<\n Partial<Record<ResetPasswordFormField, HTMLElement \| null>>\n >({});\n const control = useMemo(\n () => ({\n password: (node: HTMLElement \| null) => {\n controls.current.password = node;\n },\n passwordConfirm: (node: HTMLElement \| null) => {\n controls.current.passwordConfirm = node;\n },\n }),\n [],\n );\n const formMessage = useRef<HTMLDivElement>(null);\n const result = useRef<HTMLDivElement>(null);\n\n // The address stays out of the input's `value` attribute, where a\n // copied outerHTML or a session replay could read it.\n const emailInput = useRef<HTMLInputElement>(null);\n const emailField = useStateBackedInput(email ?? '', emailInput);\n\n // Every field with a message after a refused submit, or after a server\n // answer, is listed at the top of the form, and focus goes there. A\n // page the server rendered after a failed post opens that way too.\n const [openedWithFieldMessage] = useState(() =>\n RESET_PASSWORD_FORM_FIELDS.some((field) => Boolean(errors?.[field])),\n );\n const summary = useErrorSummary(\n RESET_PASSWORD_FORM_FIELDS,\n errorFor,\n openedWithFieldMessage,\n );\n const formMessageAnnounce = useFormMessageAnnounce(\n serverErrors.form,\n summary.listed.length > 0,\n );\n\n // A new object for each request, so asking twice for the same place\n // moves focus twice.\n const [focusRequest, setFocusRequest] = useState<{\n target: FocusTarget;\n } \| null>(() => {\n const target = openedWithFieldMessage\n ? undefined\n : focusTargetFor(errors ?? {});\n return target ? { target } : null;\n });\n useEffect(() => {\n if (!focusRequest) return;\n if (focusRequest.target === 'form') formMessage.current?.focus();\n else controls.current[focusRequest.target]?.focus();\n }, [focusRequest]);\n\n // The form, and the button that had focus, are gone once a result\n // shows. Move focus to it. Not on a page that opens on a result: that\n // one is read from the top like any other.\n // A password does not wait in memory behind a result.\n const clearOnResult = state !== 'form';\n useEffect(() => {\n if (clearOnResult) {\n setValues({ password: '', passwordConfirm: '' });\n setTouched({});\n }\n }, [clearOnResult]);\n const wasForm = useRef(state === 'form');\n useEffect(() => {\n if (state !== 'form' && wasForm.current) result.current?.focus();\n wasForm.current = state === 'form';\n }, [state]);\n\n / ------------------------------ Submit ---------------------------- /\n\n const submit = useRegistrationSubmit<ResetPasswordFormField>({\n errors,\n submitting,\n native,\n captcha: false,\n firstProblem: () =>\n RESET_PASSWORD_FORM_FIELDS.find((field) => invalid[field]),\n onRefused: (field) => {\n setSubmitted(true);\n summary.open(() => setFocusRequest({ target: field }));\n },\n // Only a React host gets here: a native post is the browser's own.\n deliver: () =>\n onSubmit?.({\n password: values.password,\n passwordConfirm: values.passwordConfirm,\n }),\n onAnswer: (answer) => {\n const next: ResetPasswordFormErrors = answer;\n setServerErrors(next);\n if (!hasMessage(next)) return;\n // Never keep a password the server did not accept.\n emptyPasswords();\n setSubmitted(false);\n summary.open(() => {\n const target = focusTargetFor(next);\n if (target) setFocusRequest({ target });\n });\n },\n // The page came back from the browser's cache as it was left: the\n // passwords must not come back with it.\n onRestore: emptyPasswords,\n });\n const { busy } = submit;\n\n / ------------------------------ Render ---------------------------- /\n\n const formAction = useFormAction('ResetPasswordForm', native, action);\n const extraFields = useExtraFields(\n 'ResetPasswordForm',\n native,\n fieldNames,\n hiddenFields,\n );\n const name = (field: ResetPasswordFormField) =>\n native ? fieldNames[field] : field;\n const safe = (href: string \| undefined) =>\n href && isSafeHref(href) ? href : undefined;\n const loginLink = safe(loginHref);\n const requestLink = safe(requestHref);\n const showingForm = state === 'form';\n const labels: Record<ResetPasswordFormField, string> = {\n password: t('resetPasswordForm.password'),\n passwordConfirm: t('resetPasswordForm.passwordConfirm'),\n };\n const resultHeading = RESULT_HEADING[headingLevel];\n\n return (\n <div\n ref={ref}\n {...rest}\n data-component=\"reset-password-form\"\n data-state={state}\n className={resetPasswordFormVariants({ className })}\n >\n <Card variant=\"elevated\">\n <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]\">\n <AuthCardHeading\n id={titleId}\n title={\n showingForm\n ? (title ?? t('resetPasswordForm.title'))\n : t('resetPasswordForm.pageTitle')\n }\n description={\n showingForm\n ? (description ?? t('resetPasswordForm.description'))\n : undefined\n }\n level={headingLevel}\n showLogo={showLogo}\n logoMotion={logoMotion}\n />\n\n {children ? (\n <div\n data-slot=\"host-content\"\n className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n >\n {children}\n </div>\n ) : null}\n\n {state === 'done' && (\n <>\n <Alert\n ref={result}\n variant=\"success\"\n tabIndex={-1}\n aria-labelledby={resultTitleId}\n aria-describedby={resultDescriptionId}\n data-slot=\"result\"\n className={resultVariants()}\n >\n <Alert.Title id={resultTitleId} as={resultHeading}>\n {t('resetPasswordForm.doneTitle')}\n </Alert.Title>\n <Alert.Description id={resultDescriptionId}>\n {email\n ? t('resetPasswordForm.doneDescriptionEmail', {\n // Isolated left to right, so the address keeps its\n // order inside a right-to-left sentence.\n email: `${LTR_ISOLATE}${email}${POP_ISOLATE}`,\n })\n : t('resetPasswordForm.doneDescription')}\n </Alert.Description>\n </Alert>\n {loginLink && (\n <Button\n asChild\n intent=\"primary\"\n size=\"lg\"\n className=\"ds:w-full\"\n >\n <a href={loginLink} data-action=\"login\">\n {t('resetPasswordForm.signIn')}\n </a>\n </Button>\n )}\n </>\n )}\n\n {state === 'expired' && (\n <>\n <Alert\n ref={result}\n variant=\"warning\"\n // Focus moves here: an assertive alert as well would read\n // it twice, and over a page that opens on it.\n announce=\"polite\"\n tabIndex={-1}\n aria-labelledby={resultTitleId}\n aria-describedby={resultDescriptionId}\n data-slot=\"result\"\n className={resultVariants()}\n >\n <Alert.Title id={resultTitleId} as={resultHeading}>\n {t('resetPasswordForm.expiredTitle')}\n </Alert.Title>\n <Alert.Description id={resultDescriptionId}>\n {t('resetPasswordForm.expiredDescription')}\n </Alert.Description>\n </Alert>\n {requestLink && (\n <Button\n asChild\n intent=\"primary\"\n size=\"lg\"\n className=\"ds:w-full\"\n >\n <a href={requestLink} data-action=\"request-link\">\n {t('resetPasswordForm.requestLink')}\n </a>\n </Button>\n )}\n </>\n )}\n\n {showingForm && (\n <>\n <form\n noValidate\n method=\"post\"\n action={formAction}\n aria-labelledby={titleId}\n aria-busy={busy \|\| undefined}\n onSubmit={submit.handleSubmit}\n className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n >\n <ErrorSummary\n ref={summary.ref}\n headingLevel={(headingLevel + 1) as 2 \| 3 \| 4}\n // The message about the whole form is read with it.\n aria-describedby={\n serverErrors.form ? formMessageId : undefined\n }\n errors={summary.listed.map((field) => ({\n field,\n message: errorFor(field) ?? '',\n targetId: fieldIds[field],\n }))}\n />\n\n {serverErrors.form && (\n <AuthFormMessage\n ref={formMessage}\n id={formMessageId}\n announce={formMessageAnnounce}\n >\n {serverErrors.form}\n </AuthFormMessage>\n )}\n\n {email ? (\n <FormField\n id={emailFieldId}\n label={t('resetPasswordForm.email')}\n data-field=\"email\"\n >\n {/ Read-only, and not posted: it has no name. `username`\n is what password managers pair with\n `new-password`, so the new password is saved under\n this address. /}\n <EmailInput\n ref={emailField.ref}\n name=\"\"\n readOnly\n autoComplete=\"username\"\n // An address reads left to right in any language.\n dir=\"ltr\"\n disableBuiltInValidation\n onChange={emailField.quiet()}\n />\n </FormField>\n ) : null}\n\n <FormField\n id={passwordFieldId}\n label={labels.password}\n required\n error={errorFor('password')}\n announceError={!summary.lists('password')}\n data-field=\"password\"\n >\n {/ PasswordInput names itself \"password\" when given no\n name; an empty one keeps a field out of the post. /}\n <PasswordInput\n ref={control.password}\n name={name('password')}\n autoComplete=\"new-password\"\n requirements={requirements}\n value={values.password}\n onChange={(event) => set('password', event.target.value)}\n onBlur={() => leave('password')}\n />\n </FormField>\n\n <FormField\n id={passwordConfirmFieldId}\n label={labels.passwordConfirm}\n required\n error={errorFor('passwordConfirm')}\n announceError={!summary.lists('passwordConfirm')}\n data-field=\"passwordConfirm\"\n >\n <PasswordInput\n ref={control.passwordConfirm}\n name={name('passwordConfirm')}\n autoComplete=\"new-password\"\n value={values.passwordConfirm}\n onChange={(event) =>\n set('passwordConfirm', event.target.value)\n }\n onBlur={() => {\n leave('passwordConfirm');\n match.confirmProps.onBlur();\n }}\n />\n </FormField>\n\n <ExtraFields fields={extraFields} />\n\n <Button\n type=\"submit\"\n intent=\"primary\"\n size=\"lg\"\n loading={busy}\n className=\"ds:w-full\"\n data-action=\"submit\"\n >\n {submitLabel ?? t('resetPasswordForm.submit')}\n </Button>\n </form>\n {/ Outside the form: a screen reader may hold back what\n changes inside a busy region. */}\n <AuthFormStatus busy={busy} />\n </>\n )}\n </Card.Body>\n </Card>\n </div>\n );\n },\n);\nResetPasswordForm.displayName = 'ResetPasswordForm';\n"],"names":["PLATFORM_PASSWORD_POLICY","RESET_PASSWORD_FORM_FIELDS","resetPasswordFormVariants","cva","resultVariants","LTR_ISOLATE","POP_ISOLATE","RESULT_HEADING","hasMessage","errors","focusTargetFor","messages","field","ResetPasswordForm","forwardRef","state","title","description","headingLevel","showLogo","logoMotion","children","email","loginHref","requestHref","submitLabel","submitting","onSubmit","fieldNames","action","hiddenFields","className","rest","ref","t","useTranslation","titleId","useId","resultTitleId","resultDescriptionId","emailFieldId","passwordFieldId","passwordConfirmFieldId","formMessageId","native","fieldIds","values","setValues","useState","touched","setTouched","submitted","setSubmitted","serverErrors","setServerErrors","set","value","previous","leave","emptyPasswords","requirements","usePasswordRequirements","match","useFieldMatch","invalid","rule","due","ownErrors","errorFor","controls","useRef","control","useMemo","node","formMessage","result","emailInput","emailField","useStateBackedInput","openedWithFieldMessage","summary","useErrorSummary","formMessageAnnounce","useFormMessageAnnounce","focusRequest","setFocusRequest","target","useEffect","_a","_b","clearOnResult","wasForm","submit","useRegistrationSubmit","answer","next","busy","formAction","useFormAction","extraFields","useExtraFields","name","safe","href","isSafeHref","loginLink","requestLink","showingForm","labels","resultHeading","jsx","Card","AuthCardHeading","jsxs","Fragment","Alert","Button","ErrorSummary","AuthFormMessage","FormField","EmailInput","PasswordInput","event","ExtraFields","AuthFormStatus"],"mappings":"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"}
1	+ {"version":3,"file":"reset-password-form-BVsL2fOJ.js","sources":["../../src/patterns/_shared/password-policy.ts","../../src/patterns/reset-password-form/reset-password-form.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- /\n/ The platform's password rule, as the live checklist shows it. /\n/ /\n/ The platform's rule is written in ASCII (`[A-Z]`, `[a-z]`, `\\d`), so /\n/ the checklist counts the same characters and never shows green for a /\n/ password the server will refuse. Shipped with the patterns that /\n/ import it; not an export of its own. /\n/ -------------------------------------------------------------------- /\n\nimport type { UsePasswordRequirementsOptions } from '../../components/password-input';\n\nexport const PLATFORM_PASSWORD_POLICY: UsePasswordRequirementsOptions = {\n minLength: 12,\n uppercase: true,\n lowercase: true,\n digit: true,\n charset: 'ascii',\n};\n","/ -------------------------------------------------------------------- /\n/ ResetPasswordForm — the card the reset email opens, where the person /\n/ chooses a new password. /\n/ /\n/ Two password fields with the live rules checklist, then one of two /\n/ results in place of the form: the password has changed, or the link /\n/ has expired. The host checks the link and the code, sets the state /\n/ and owns every server rule; the card checks what a browser can check, /\n/ then hands the values to `onSubmit` or posts a real form. A password /\n/ is never put in an attribute. /\n/ -------------------------------------------------------------------- /\n\nimport {\n forwardRef,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n type HTMLAttributes,\n type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cva } from 'class-variance-authority';\nimport { Alert } from '../../components/alert';\nimport { Button } from '../../components/button';\nimport { Card } from '../../components/card';\nimport { EmailInput } from '../../components/email-input';\nimport { ErrorSummary } from '../../components/error-summary';\nimport { FormField } from '../../components/form-field';\nimport {\n PasswordInput,\n usePasswordRequirements,\n} from '../../components/password-input';\nimport { isSafeHref } from '../../components/_shared/safe-href';\nimport { useStateBackedInput } from '../../components/_shared/use-state-backed-input';\nimport { useFieldMatch } from '../../hooks/use-field-match';\nimport {\n AuthCardHeading,\n AuthFormMessage,\n AuthFormStatus,\n ExtraFields,\n useExtraFields,\n useFormAction,\n} from '../_shared/auth-form-parts';\nimport type { BrandMarkMotion } from '../_shared/brand-mark';\nimport { PLATFORM_PASSWORD_POLICY } from '../_shared/password-policy';\nimport {\n useErrorSummary,\n useFormMessageAnnounce,\n} from '../_shared/use-error-summary';\nimport { useRegistrationSubmit } from '../registration-form/use-registration-submit';\n\n/ -------------------------------------------------------------------- /\n/ Types /\n/ -------------------------------------------------------------------- /\n\n/* The form's two fields. /\nexport const RESET_PASSWORD_FORM_FIELDS = [\n 'password',\n 'passwordConfirm',\n] as const;\n\nexport type ResetPasswordFormField =\n (typeof RESET_PASSWORD_FORM_FIELDS)[number];\n\n/* What the card shows: the form, the result after a good change, or the\n * result for a link that no longer works. /\nexport type ResetPasswordFormState = 'form' \| 'done' \| 'expired';\n\n/* What `onSubmit` receives once both passwords have passed their checks. /\nexport interface ResetPasswordFormValues {\n password: string;\n passwordConfirm: string;\n}\n\n/* Messages from the server, already translated: one for each field, plus\n * `form` for a message about the whole form. /\nexport type ResetPasswordFormErrors = Partial<\n Record<ResetPasswordFormField \| 'form', string>\n>;\n\n/* The host's own form field names, for a native form post. They are\n * needed: a field without a name is not posted. /\nexport type ResetPasswordFormFieldNames = Record<\n ResetPasswordFormField,\n string\n>;\n\nexport interface ResetPasswordFormProps extends Omit<\n HTMLAttributes<HTMLDivElement>,\n 'title' \| 'onSubmit'\n> {\n /\n What the card shows. Default `form`. `done` and `expired` replace the\n * form and take focus when they appear.\n /\n state?: ResetPasswordFormState;\n /* Replaces the form's heading \"Choose a new password\". Pass it\n * translated. The result states have their own heading. /\n title?: string;\n /* Replaces the line under the form's heading (\"Enter a new password\n * for your account.\"). Pass it translated. /\n description?: string;\n /\n The heading's level. Default 1: this page usually has no other\n * heading. Pass 2 on a page that has its own `h1`.\n /\n headingLevel?: 1 \| 2 \| 3;\n /* Shows the Alfadocs mark above the heading. Default true. /\n showLogo?: boolean;\n /* How the mark arrives when the card opens. Default `assemble`. /\n logoMotion?: BrandMarkMotion;\n /\n Host content between the heading and the fields, such as a notice. It\n * sits outside the form, so nothing in it is posted.\n /\n children?: ReactNode;\n /\n The address the password is for. In the form it shows read-only, and\n * is the username a password manager saves the new password under. In\n * the `done` state it is named in the line under the result.\n /\n email?: string;\n /\n The `done` state's action, \"Sign in\". A path on the same site, or an\n * address written in full. Anything else shows no button.\n /\n loginHref?: string;\n /\n The `expired` state's action, \"Ask for a new link\". A path on the\n * same site, or an address written in full. Anything else shows no\n * button.\n /\n requestHref?: string;\n /\n Messages from the server, already translated. A field's message shows\n * on the field until the user changes it; `form` shows above the\n * fields. When messages arrive, focus moves to the error summary when a\n * field has one, or to the message above the fields when only that\n * says something. Passwords the server refused are emptied.\n /\n errors?: ResetPasswordFormErrors;\n /* Replaces the button's \"Change password\". Pass it translated. /\n submitLabel?: string;\n /\n True while the host sends the passwords: the button shows a spinner\n * and a second submit is ignored. Set it inside `onSubmit`, before\n * anything is awaited.\n /\n submitting?: boolean;\n /* For React hosts: called with both passwords once they have passed\n * their checks. Not called when `fieldNames` is set. /\n onSubmit?: (values: ResetPasswordFormValues) => void;\n /\n For a native form post: the host's own field names, e.g.\n * `{ password: 'lost_password_reset[password1]', passwordConfirm:\n * 'lost_password_reset[password2]' }`. When set, the inputs carry those\n * names and the browser posts the form.\n /\n fieldNames?: ResetPasswordFormFieldNames;\n /\n Where a native form post goes. Default: the current address. Only a\n * path, or an address on the page's own origin, is accepted: another\n * origin is never sent what the user typed. Does nothing without\n * `fieldNames`.\n /\n action?: string;\n /\n Extra hidden inputs posted with a native form, by name: a CSRF token,\n * e.g. `{ 'lost_password_reset[_token]': token }`. Not used with\n * `onSubmit`. A name that is also in `fieldNames` is left out.\n /\n hiddenFields?: Readonly<Record<string, string>>;\n}\n\n/ -------------------------------------------------------------------- /\n/ Styles /\n/ -------------------------------------------------------------------- /\n\n// 400px at most, in px: a host whose root font size is not 16px would\n// stretch or squeeze a width in rem.\nconst resetPasswordFormVariants = cva(\n 'ds:mx-auto ds:w-full ds:max-w-[400px] ds:text-start ds:text-[var(--foreground)]',\n);\n\n// The result takes focus when it appears, so it shows a ring.\nconst resultVariants = cva(\n 'ds:focus-visible:outline-solid ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]',\n);\n\n/ -------------------------------------------------------------------- /\n/ Helpers /\n/ -------------------------------------------------------------------- /\n\ntype FocusTarget = ResetPasswordFormField \| 'form';\n\n/* Unicode isolates: they keep an address's order inside any sentence. /\nconst LTR_ISOLATE = '\\u2066';\nconst POP_ISOLATE = '\\u2069';\n\n/* The result's heading, by the level of the card's own. /\nconst RESULT_HEADING = { 1: 'h2', 2: 'h3', 3: 'h4' } as const;\n\nconst hasMessage = (errors: ResetPasswordFormErrors): boolean =>\n Object.values(errors).some(Boolean);\n\nconst focusTargetFor = (\n messages: ResetPasswordFormErrors,\n): FocusTarget \| undefined =>\n RESET_PASSWORD_FORM_FIELDS.find((field) => messages[field]) ??\n (messages.form ? 'form' : undefined);\n\n/ -------------------------------------------------------------------- /\n/ Component /\n/ -------------------------------------------------------------------- /\n\n/\n The card for the page the reset email opens. Mount it on the\n * reset-password page, inside `SignedOutFrame` or the host's own chrome.\n /\nexport const ResetPasswordForm = forwardRef<\n HTMLDivElement,\n ResetPasswordFormProps\n>(\n (\n {\n state = 'form',\n title,\n description,\n headingLevel = 1,\n showLogo = true,\n logoMotion = 'assemble',\n children,\n email,\n loginHref,\n requestHref,\n errors,\n submitLabel,\n submitting = false,\n onSubmit,\n fieldNames,\n action,\n hiddenFields,\n className,\n ...rest\n },\n ref,\n ) => {\n const { t } = useTranslation('ui');\n const titleId = useId();\n const resultTitleId = useId();\n const resultDescriptionId = useId();\n const emailFieldId = useId();\n const passwordFieldId = useId();\n const passwordConfirmFieldId = useId();\n const formMessageId = useId();\n const native = fieldNames !== undefined;\n const fieldIds: Record<ResetPasswordFormField, string> = {\n password: passwordFieldId,\n passwordConfirm: passwordConfirmFieldId,\n };\n\n / ------------------------------ State ----------------------------- /\n\n // Passwords always start empty and are held in state only: the inputs\n // get them as a DOM property, never as an attribute.\n const [values, setValues] = useState<ResetPasswordFormValues>({\n password: '',\n passwordConfirm: '',\n });\n const [touched, setTouched] = useState<\n Partial<Record<ResetPasswordFormField, boolean>>\n >({});\n const [submitted, setSubmitted] = useState(false);\n const [serverErrors, setServerErrors] = useState<ResetPasswordFormErrors>(\n () => errors ?? {},\n );\n\n const set = (field: ResetPasswordFormField, value: string) => {\n setValues((previous) => ({ ...previous, [field]: value }));\n // The server's message was about the old value.\n setServerErrors((previous) =>\n previous[field] ? { ...previous, [field]: undefined } : previous,\n );\n };\n const leave = (field: ResetPasswordFormField) =>\n setTouched((previous) =>\n previous[field] ? previous : { ...previous, [field]: true },\n );\n const emptyPasswords = () => {\n setValues({ password: '', passwordConfirm: '' });\n setTouched({});\n };\n\n / ---------------------------- Validation -------------------------- /\n\n const requirements = usePasswordRequirements(PLATFORM_PASSWORD_POLICY);\n const match = useFieldMatch({\n value: values.password,\n confirmValue: values.passwordConfirm,\n kind: 'password',\n submitted,\n });\n\n /* What stops a submit, whether or not the message shows yet. /\n const invalid: Record<ResetPasswordFormField, boolean> = {\n password:\n values.password === '' \|\|\n !requirements.every((rule) => rule.test(values.password)),\n passwordConfirm: values.passwordConfirm === '' \|\| !match.matches,\n };\n // A message shows once the user has left the field or tried to submit.\n const due = (field: ResetPasswordFormField) =>\n submitted \|\| touched[field] === true;\n const ownErrors: Record<ResetPasswordFormField, string \| undefined> = {\n password:\n due('password') && invalid.password\n ? values.password === ''\n ? t('resetPasswordForm.passwordRequired')\n : t('resetPasswordForm.passwordInvalid')\n : undefined,\n passwordConfirm:\n values.passwordConfirm === ''\n ? due('passwordConfirm')\n ? t('resetPasswordForm.passwordConfirmRequired')\n : undefined\n : match.error,\n };\n const errorFor = (field: ResetPasswordFormField) =>\n serverErrors[field] ?? ownErrors[field];\n\n / ------------------------------ Focus ----------------------------- /\n\n const controls = useRef<\n Partial<Record<ResetPasswordFormField, HTMLElement \| null>>\n >({});\n const control = useMemo(\n () => ({\n password: (node: HTMLElement \| null) => {\n controls.current.password = node;\n },\n passwordConfirm: (node: HTMLElement \| null) => {\n controls.current.passwordConfirm = node;\n },\n }),\n [],\n );\n const formMessage = useRef<HTMLDivElement>(null);\n const result = useRef<HTMLDivElement>(null);\n\n // The address stays out of the input's `value` attribute, where a\n // copied outerHTML or a session replay could read it.\n const emailInput = useRef<HTMLInputElement>(null);\n const emailField = useStateBackedInput(email ?? '', emailInput);\n\n // Every field with a message after a refused submit, or after a server\n // answer, is listed at the top of the form, and focus goes there. A\n // page the server rendered after a failed post opens that way too.\n const [openedWithFieldMessage] = useState(() =>\n RESET_PASSWORD_FORM_FIELDS.some((field) => Boolean(errors?.[field])),\n );\n const summary = useErrorSummary(\n RESET_PASSWORD_FORM_FIELDS,\n errorFor,\n openedWithFieldMessage,\n );\n const formMessageAnnounce = useFormMessageAnnounce(\n serverErrors.form,\n summary.listed.length > 0,\n );\n\n // A new object for each request, so asking twice for the same place\n // moves focus twice.\n const [focusRequest, setFocusRequest] = useState<{\n target: FocusTarget;\n } \| null>(() => {\n const target = openedWithFieldMessage\n ? undefined\n : focusTargetFor(errors ?? {});\n return target ? { target } : null;\n });\n useEffect(() => {\n if (!focusRequest) return;\n if (focusRequest.target === 'form') formMessage.current?.focus();\n else controls.current[focusRequest.target]?.focus();\n }, [focusRequest]);\n\n // The form, and the button that had focus, are gone once a result\n // shows. Move focus to it. Not on a page that opens on a result: that\n // one is read from the top like any other.\n // A password does not wait in memory behind a result.\n const clearOnResult = state !== 'form';\n useEffect(() => {\n if (clearOnResult) {\n setValues({ password: '', passwordConfirm: '' });\n setTouched({});\n }\n }, [clearOnResult]);\n const wasForm = useRef(state === 'form');\n useEffect(() => {\n if (state !== 'form' && wasForm.current) result.current?.focus();\n wasForm.current = state === 'form';\n }, [state]);\n\n / ------------------------------ Submit ---------------------------- /\n\n const submit = useRegistrationSubmit<ResetPasswordFormField>({\n errors,\n submitting,\n native,\n captcha: false,\n firstProblem: () =>\n RESET_PASSWORD_FORM_FIELDS.find((field) => invalid[field]),\n onRefused: (field) => {\n setSubmitted(true);\n summary.open(() => setFocusRequest({ target: field }));\n },\n // Only a React host gets here: a native post is the browser's own.\n deliver: () =>\n onSubmit?.({\n password: values.password,\n passwordConfirm: values.passwordConfirm,\n }),\n onAnswer: (answer) => {\n const next: ResetPasswordFormErrors = answer;\n setServerErrors(next);\n if (!hasMessage(next)) return;\n // Never keep a password the server did not accept.\n emptyPasswords();\n setSubmitted(false);\n summary.open(() => {\n const target = focusTargetFor(next);\n if (target) setFocusRequest({ target });\n });\n },\n // The page came back from the browser's cache as it was left: the\n // passwords must not come back with it.\n onRestore: emptyPasswords,\n });\n const { busy } = submit;\n\n / ------------------------------ Render ---------------------------- /\n\n const formAction = useFormAction('ResetPasswordForm', native, action);\n const extraFields = useExtraFields(\n 'ResetPasswordForm',\n native,\n fieldNames,\n hiddenFields,\n );\n const name = (field: ResetPasswordFormField) =>\n native ? fieldNames[field] : field;\n const safe = (href: string \| undefined) =>\n href && isSafeHref(href) ? href : undefined;\n const loginLink = safe(loginHref);\n const requestLink = safe(requestHref);\n const showingForm = state === 'form';\n const labels: Record<ResetPasswordFormField, string> = {\n password: t('resetPasswordForm.password'),\n passwordConfirm: t('resetPasswordForm.passwordConfirm'),\n };\n const resultHeading = RESULT_HEADING[headingLevel];\n\n return (\n <div\n ref={ref}\n {...rest}\n data-component=\"reset-password-form\"\n data-state={state}\n className={resetPasswordFormVariants({ className })}\n >\n <Card variant=\"elevated\">\n <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]\">\n <AuthCardHeading\n id={titleId}\n title={\n showingForm\n ? (title ?? t('resetPasswordForm.title'))\n : t('resetPasswordForm.pageTitle')\n }\n description={\n showingForm\n ? (description ?? t('resetPasswordForm.description'))\n : undefined\n }\n level={headingLevel}\n showLogo={showLogo}\n logoMotion={logoMotion}\n />\n\n {children ? (\n <div\n data-slot=\"host-content\"\n className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n >\n {children}\n </div>\n ) : null}\n\n {state === 'done' && (\n <>\n <Alert\n ref={result}\n variant=\"success\"\n tabIndex={-1}\n aria-labelledby={resultTitleId}\n aria-describedby={resultDescriptionId}\n data-slot=\"result\"\n className={resultVariants()}\n >\n <Alert.Title id={resultTitleId} as={resultHeading}>\n {t('resetPasswordForm.doneTitle')}\n </Alert.Title>\n <Alert.Description id={resultDescriptionId}>\n {email\n ? t('resetPasswordForm.doneDescriptionEmail', {\n // Isolated left to right, so the address keeps its\n // order inside a right-to-left sentence.\n email: `${LTR_ISOLATE}${email}${POP_ISOLATE}`,\n })\n : t('resetPasswordForm.doneDescription')}\n </Alert.Description>\n </Alert>\n {loginLink && (\n <Button\n asChild\n intent=\"primary\"\n size=\"lg\"\n className=\"ds:w-full\"\n >\n <a href={loginLink} data-action=\"login\">\n {t('resetPasswordForm.signIn')}\n </a>\n </Button>\n )}\n </>\n )}\n\n {state === 'expired' && (\n <>\n <Alert\n ref={result}\n variant=\"warning\"\n // Focus moves here: an assertive alert as well would read\n // it twice, and over a page that opens on it.\n announce=\"polite\"\n tabIndex={-1}\n aria-labelledby={resultTitleId}\n aria-describedby={resultDescriptionId}\n data-slot=\"result\"\n className={resultVariants()}\n >\n <Alert.Title id={resultTitleId} as={resultHeading}>\n {t('resetPasswordForm.expiredTitle')}\n </Alert.Title>\n <Alert.Description id={resultDescriptionId}>\n {t('resetPasswordForm.expiredDescription')}\n </Alert.Description>\n </Alert>\n {requestLink && (\n <Button\n asChild\n intent=\"primary\"\n size=\"lg\"\n className=\"ds:w-full\"\n >\n <a href={requestLink} data-action=\"request-link\">\n {t('resetPasswordForm.requestLink')}\n </a>\n </Button>\n )}\n </>\n )}\n\n {showingForm && (\n <>\n <form\n noValidate\n method=\"post\"\n action={formAction}\n aria-labelledby={titleId}\n aria-busy={busy \|\| undefined}\n onSubmit={submit.handleSubmit}\n className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n >\n <ErrorSummary\n ref={summary.ref}\n headingLevel={(headingLevel + 1) as 2 \| 3 \| 4}\n // The message about the whole form is read with it.\n aria-describedby={\n serverErrors.form ? formMessageId : undefined\n }\n errors={summary.listed.map((field) => ({\n field,\n message: errorFor(field) ?? '',\n targetId: fieldIds[field],\n }))}\n />\n\n {serverErrors.form && (\n <AuthFormMessage\n ref={formMessage}\n id={formMessageId}\n announce={formMessageAnnounce}\n >\n {serverErrors.form}\n </AuthFormMessage>\n )}\n\n {email ? (\n <FormField\n id={emailFieldId}\n label={t('resetPasswordForm.email')}\n data-field=\"email\"\n >\n {/ Read-only, and not posted: it has no name. `username`\n is what password managers pair with\n `new-password`, so the new password is saved under\n this address. /}\n <EmailInput\n ref={emailField.ref}\n name=\"\"\n readOnly\n autoComplete=\"username\"\n // An address reads left to right in any language.\n dir=\"ltr\"\n disableBuiltInValidation\n onChange={emailField.quiet()}\n />\n </FormField>\n ) : null}\n\n <FormField\n id={passwordFieldId}\n label={labels.password}\n required\n error={errorFor('password')}\n announceError={!summary.lists('password')}\n data-field=\"password\"\n >\n {/ PasswordInput names itself \"password\" when given no\n name; an empty one keeps a field out of the post. /}\n <PasswordInput\n ref={control.password}\n name={name('password')}\n autoComplete=\"new-password\"\n requirements={requirements}\n value={values.password}\n onChange={(event) => set('password', event.target.value)}\n onBlur={() => leave('password')}\n />\n </FormField>\n\n <FormField\n id={passwordConfirmFieldId}\n label={labels.passwordConfirm}\n required\n error={errorFor('passwordConfirm')}\n announceError={!summary.lists('passwordConfirm')}\n data-field=\"passwordConfirm\"\n >\n <PasswordInput\n ref={control.passwordConfirm}\n name={name('passwordConfirm')}\n autoComplete=\"new-password\"\n value={values.passwordConfirm}\n onChange={(event) =>\n set('passwordConfirm', event.target.value)\n }\n onBlur={() => {\n leave('passwordConfirm');\n match.confirmProps.onBlur();\n }}\n />\n </FormField>\n\n <ExtraFields fields={extraFields} />\n\n <Button\n type=\"submit\"\n intent=\"primary\"\n size=\"lg\"\n loading={busy}\n className=\"ds:w-full\"\n data-action=\"submit\"\n >\n {submitLabel ?? t('resetPasswordForm.submit')}\n </Button>\n </form>\n {/ Outside the form: a screen reader may hold back what\n changes inside a busy region. */}\n <AuthFormStatus busy={busy} />\n </>\n )}\n </Card.Body>\n </Card>\n </div>\n );\n },\n);\nResetPasswordForm.displayName = 'ResetPasswordForm';\n"],"names":["PLATFORM_PASSWORD_POLICY","RESET_PASSWORD_FORM_FIELDS","resetPasswordFormVariants","cva","resultVariants","LTR_ISOLATE","POP_ISOLATE","RESULT_HEADING","hasMessage","errors","focusTargetFor","messages","field","ResetPasswordForm","forwardRef","state","title","description","headingLevel","showLogo","logoMotion","children","email","loginHref","requestHref","submitLabel","submitting","onSubmit","fieldNames","action","hiddenFields","className","rest","ref","t","useTranslation","titleId","useId","resultTitleId","resultDescriptionId","emailFieldId","passwordFieldId","passwordConfirmFieldId","formMessageId","native","fieldIds","values","setValues","useState","touched","setTouched","submitted","setSubmitted","serverErrors","setServerErrors","set","value","previous","leave","emptyPasswords","requirements","usePasswordRequirements","match","useFieldMatch","invalid","rule","due","ownErrors","errorFor","controls","useRef","control","useMemo","node","formMessage","result","emailInput","emailField","useStateBackedInput","openedWithFieldMessage","summary","useErrorSummary","formMessageAnnounce","useFormMessageAnnounce","focusRequest","setFocusRequest","target","useEffect","_a","_b","clearOnResult","wasForm","submit","useRegistrationSubmit","answer","next","busy","formAction","useFormAction","extraFields","useExtraFields","name","safe","href","isSafeHref","loginLink","requestLink","showingForm","labels","resultHeading","jsx","Card","AuthCardHeading","jsxs","Fragment","Alert","Button","ErrorSummary","AuthFormMessage","FormField","EmailInput","PasswordInput","event","ExtraFields","AuthFormStatus"],"mappings":"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"}

package/dist/_chunks/{select-BBDRYxJl.js → select-uESzXTX6.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as f, useContext as ge, useId as me, useState as M, useRef as P, useEffect as Ae, useMemo as De, Fragment as Fe, createContext as Le } from "react";
+import { forwardRef as f, useContext as he, useId as me, useState as M, useRef as P, useEffect as Ae, useMemo as De, Fragment as Fe, createContext as Le } from "react";
 import { u as Ge } from "./registry-DvAUVLHh.js";
 import * as o from "@radix-ui/react-select";
 import { c as J } from "./index-D2ZczOXr.js";
@@ -12,7 +12,7 @@ import { b as Xe } from "./menu-row-BAr8bx1I.js";
 import { P as Je } from "./popup-region-qz_5_A0V.js";
 import { o as U, b as Qe, d as Ye, c as Ze } from "./option-row-Dc7BrbK8.js";
 import { C as et } from "./chevron-up-umRGgtJA.js";
-import { C as he } from "./chevron-down-DWE7GSq9.js";
+import { C as ge } from "./chevron-down-DWE7GSq9.js";
 import { C as tt } from "./check-DrFSN__t.js";
 import { u as st } from "./use-direction-Dp8h70PP.js";
 import { X as at } from "./x-B5YnXwCz.js";
@@ -136,6 +136,9 @@ const nt = {
     // Never wider than the screen allows: a long option wraps or ends in an
     // ellipsis instead of running past the edge, where it would be clipped.
     "ds:max-w-[var(--radix-select-content-available-width)]",
+    // Never taller than the room left on screen: a long list scrolls inside
+    // the viewport instead of running past the edge, out of reach.
+    "ds:max-h-[var(--radix-select-content-available-height)]",
     "ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground",
     "ds:shadow-[var(--shadow-lg)]",
     "ds:animate-in ds:fade-in ds:zoom-in-95",
@@ -220,8 +223,8 @@ ye.displayName = "Select.Trigger";
 const X = { "data-select-value": "" }, fe = [
   "ds:[[data-select-value]_&]:block",
   "ds:[[data-select-value]_&]:truncate"
-].join(" "), Se = f((t, a) => /* @__PURE__ */ e(o.Value, { ref: a, ...X, ...t }));
-Se.displayName = "Select.Value";
+].join(" "), xe = f((t, a) => /* @__PURE__ */ e(o.Value, { ref: a, ...X, ...t }));
+xe.displayName = "Select.Value";
 const Y = f(
   ({
     className: t,
@@ -231,11 +234,11 @@ const Y = f(
     container: u,
     ...l
   }, w) => {
-    const T = ge(Q);
-    return /* @__PURE__ */ e(o.Portal, { container: u ?? void 0, children: /* @__PURE__ */ e(Je, { popupRef: w, open: T, children: (h) => /* @__PURE__ */ p(
+    const T = he(Q);
+    return /* @__PURE__ */ e(o.Portal, { container: u ?? void 0, children: /* @__PURE__ */ e(Je, { popupRef: w, open: T, children: (g) => /* @__PURE__ */ p(
       o.Content,
       {
-        ref: h,
+        ref: g,
         position: n,
         sideOffset: i,
         "data-component": "select-content",
@@ -244,7 +247,7 @@ const Y = f(
         children: [
           /* @__PURE__ */ e(o.ScrollUpButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ e(et, { "aria-hidden": "true", className: "ds:size-4" }) }),
           a,
-          /* @__PURE__ */ e(o.ScrollDownButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ e(he, { "aria-hidden": "true", className: "ds:size-4" }) })
+          /* @__PURE__ */ e(o.ScrollDownButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ e(ge, { "aria-hidden": "true", className: "ds:size-4" }) })
         ]
       }
     ) }) });
@@ -270,14 +273,14 @@ const ee = f(
     description: l,
     descriptionTone: w,
     descriptionInName: T = !1,
-    wrapLabel: h = !1,
+    wrapLabel: g = !1,
     labelDir: v,
     ...y
   }, O) => {
-    const A = lt[t ?? "md"], D = dt[t ?? "md"], R = me(), S = me(), g = l != null && l !== "", z = g && T, k = z ? { id: S } : {}, F = z ? { "aria-labelledby": `${S} ${R}` } : {}, E = h ? U({
+    const A = lt[t ?? "md"], D = dt[t ?? "md"], R = me(), x = me(), h = l != null && l !== "", z = h && T, k = z ? { id: x } : {}, F = z ? { "aria-labelledby": `${x} ${R}` } : {}, E = g ? U({
       wrap: !0,
       className: fe
-    }) : "", x = g ? "ds:group-data-[disabled]/select-item:opacity-50" : "", _ = u ? (
+    }) : "", S = h ? "ds:group-data-[disabled]/select-item:opacity-50" : "", _ = u ? (
       // Radix points the item's `aria-labelledby` at `ItemText`, so
       // anything rendered outside it is dropped from the accessible
       // name — a price there would be visible but never announced.
@@ -305,8 +308,8 @@ const ee = f(
         "span",
         {
           className: Ye({
-            wrap: h,
-            className: x
+            wrap: g,
+            className: S
           }),
           children: [
             /* @__PURE__ */ e(
@@ -321,11 +324,11 @@ const ee = f(
           ]
         }
       ) })
-    ) : g || h ? /* @__PURE__ */ e(o.ItemText, { asChild: !0, ...k, children: /* @__PURE__ */ e(
+    ) : h || g ? /* @__PURE__ */ e(o.ItemText, { asChild: !0, ...k, children: /* @__PURE__ */ e(
       "span",
       {
         dir: v,
-        className: [E, x].filter(Boolean).join(" "),
+        className: [E, S].filter(Boolean).join(" "),
         children: n
       }
     ) }) : v ? (
@@ -347,10 +350,10 @@ const ee = f(
       {
         ref: O,
         ...F,
-        "aria-describedby": g && !z ? R : void 0,
+        "aria-describedby": h && !z ? R : void 0,
         className: rt({
           size: t,
-          className: g ? [
+          className: h ? [
             "ds:group/select-item ds:data-[disabled]:!opacity-100",
             a
           ].filter(Boolean).join(" ") : a
@@ -360,7 +363,7 @@ const ee = f(
           /* @__PURE__ */ e(
             "span",
             {
-              className: `ds:absolute ${A} ds:inline-flex ds:items-center ds:justify-center ${x}`,
+              className: `ds:absolute ${A} ds:inline-flex ds:items-center ds:justify-center ${S}`,
               "aria-hidden": "true",
               children: /* @__PURE__ */ e(o.ItemIndicator, { children: /* @__PURE__ */ e(tt, { className: D }) })
             }
@@ -371,14 +374,14 @@ const ee = f(
               "span",
               {
                 "aria-hidden": "true",
-                className: `ds:inline-flex ds:items-center ds:shrink-0 ds:me-[var(--spacing-xs)] ${x}`,
+                className: `ds:inline-flex ds:items-center ds:shrink-0 ds:me-[var(--spacing-xs)] ${S}`,
                 children: i
               }
             )
           ) : null,
-          g || h ? /* @__PURE__ */ p("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:py-[var(--spacing-xs)]", children: [
+          h || g ? /* @__PURE__ */ p("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:py-[var(--spacing-xs)]", children: [
             _,
-            g ? /* @__PURE__ */ e(
+            h ? /* @__PURE__ */ e(
               "span",
               {
                 id: R,
@@ -395,8 +398,8 @@ const ee = f(
   }
 );
 ee.displayName = "Select.Item";
-const xe = f((t, a) => /* @__PURE__ */ e(o.ItemText, { ref: a, ...t }));
-xe.displayName = "Select.ItemText";
+const Se = f((t, a) => /* @__PURE__ */ e(o.ItemText, { ref: a, ...t }));
+Se.displayName = "Select.ItemText";
 const Ne = f((t, a) => /* @__PURE__ */ e(o.Group, { ref: a, ...t }));
 Ne.displayName = "Select.Group";
 const te = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
@@ -440,27 +443,27 @@ const Ie = f(function({
   placeholder: l,
   clearable: w = !1,
   disabled: T,
-  required: h,
+  required: g,
   name: v,
   id: y,
   size: O = "md",
   tone: A = "default",
   className: D,
   container: R,
-  "aria-label": S,
-  "aria-describedby": g,
+  "aria-label": x,
+  "aria-describedby": h,
   adornmentInTrigger: z = !1,
   showDescriptions: k = !1,
   descriptionInName: F = !1,
   wrapOptionLabels: E = !1,
-  ...x
+  ...S
 }, _) {
   var ue;
-  const { t: L } = Ke("ui"), N = We(), b = ge($e) !== null, [Ce, B] = M(
+  const { t: L } = Ke("ui"), N = We(), b = he($e) !== null, [Ce, B] = M(
     n ?? i ?? ""
   ), I = n !== void 0, m = I ? n : Ce, [V, G] = M(!1), ae = P(m);
   ae.current = m;
-  const we = qe(N, y), Te = y ?? (b ? we : void 0), K = (b ? N.disabled : !1) || !!T, W = (b ? N.required : !1) || !!h, ne = b ? N.invalid : !1, Re = ne ? "error" : A, ze = [b ? N.describedBy : void 0, g].filter(Boolean).join(" ") || void 0, oe = z ? (ue = a.find((s) => s.value === m)) == null ? void 0 : ue.startAdornment : void 0, j = P(null), Ve = ct(_, j), je = st(j), [Oe, ke] = M(!0);
+  const we = qe(N, y), Te = y ?? (b ? we : void 0), K = (b ? N.disabled : !1) || !!T, W = (b ? N.required : !1) || !!g, ne = b ? N.invalid : !1, Re = ne ? "error" : A, ze = [b ? N.describedBy : void 0, h].filter(Boolean).join(" ") || void 0, oe = z ? (ue = a.find((s) => s.value === m)) == null ? void 0 : ue.startAdornment : void 0, j = P(null), Ve = ct(_, j), je = st(j), [Oe, ke] = M(!0);
   Me(() => {
     var s;
     m === "" && ke(!!((s = j.current) != null && s.closest("form")));
@@ -482,7 +485,7 @@ const Ie = f(function({
   }, Ee = (s) => {
     var r;
     s.preventDefault(), s.stopPropagation(), I || B(""), d == null || d(""), (r = j.current) == null || r.focus();
-  }, H = l ?? L("inputs.select.placeholder", "Select…"), _e = w && !!m && !K, de = S === void 0 && !b, le = de ? H : S, ce = !S && b ? `${N.id}-label` : void 0, Be = He(a), Pe = De(
+  }, H = l ?? L("inputs.select.placeholder", "Select…"), _e = w && !!m && !K, de = x === void 0 && !b, le = de ? H : x, ce = !x && b ? `${N.id}-label` : void 0, Be = He(a), Pe = De(
     () => ({
       getValue: () => ae.current,
       setValue: (s) => {
@@ -521,7 +524,7 @@ const Ie = f(function({
             "data-name-from-placeholder": de || void 0,
             "aria-describedby": ze,
             "aria-invalid": ne || void 0,
-            ...ft(x),
+            ...ft(S),
             "data-component": "select",
             "data-component-id": y,
             className: ve({
@@ -577,7 +580,7 @@ const Ie = f(function({
                   }
                 ) : null,
                 /* @__PURE__ */ e(o.Icon, { asChild: !0, children: /* @__PURE__ */ e(
-                  he,
+                  ge,
                   {
                     "aria-hidden": "true",
                     className: [
@@ -656,30 +659,30 @@ const Ie = f(function({
   );
 });
 Ie.displayName = "Select";
-const gt = Object.assign(Ie, {
+const ht = Object.assign(Ie, {
   Root: be,
   Trigger: ye,
-  Value: Se,
+  Value: xe,
   Content: Y,
   Viewport: Z,
   Item: ee,
-  ItemText: xe,
+  ItemText: Se,
   Group: Ne,
   Label: te,
   Separator: se
-}), Et = gt;
+}), Et = ht;
 export {
   Et as S,
   Y as a,
   Ne as b,
   ee as c,
-  xe as d,
+  Se as d,
   te as e,
   be as f,
   se as g,
   ye as h,
-  Se as i,
+  xe as i,
   Z as j,
   ve as s
 };
-//# sourceMappingURL=select-BBDRYxJl.js.map
+//# sourceMappingURL=select-uESzXTX6.js.map

package/dist/_chunks/select-uESzXTX6.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"select-uESzXTX6.js","sources":["../../src/components/select/select.agent.ts","../../src/components/select/select.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — Select. */\n/* */\n/* See `src/docs/26-agent-readiness.mdx` for the contract. */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SelectHandle } from './select';\n\nexport const selectAgent: AgentAdapter<SelectHandle> = {\n id: 'select',\n // Persisted single choice (value state + set_value) → select_single + set_value,\n // plus open/close of the option list.\n capabilities: ['select_single', 'set_value', 'open', 'close'],\n state: {\n value: {\n type: 'string',\n descriptionKey: 'ui.agent.select.state.value',\n description:\n 'Currently selected option value, or empty string when none.',\n read: (handle) => handle.getValue(),\n },\n isOpen: {\n type: 'boolean',\n descriptionKey: 'ui.agent.select.state.isOpen',\n description: 'Whether the option list is open.',\n read: (handle) => handle.isOpen(),\n },\n },\n actions: {\n set_value: {\n // Persists the chosen option — reversible by selecting another value.\n safety: 'write',\n argsType: '{ value: string }',\n argsSchema: {\n type: 'object',\n properties: {\n value: { type: 'string', description: 'Option value to select.' },\n },\n required: ['value'],\n },\n idempotent: true,\n descriptionKey: 'ui.agent.select.actions.setValue',\n description:\n 'Select the option with the given value. A value that is not among the options, belongs to a disabled option, or is an action option (such as New signatory), is ignored and the selection stays as it was.',\n examples: [{ args: { value: 'it' }, note: 'Select the \"it\" option.' }],\n invoke: (handle, args: { value: string }) => {\n handle.setValue(args.value);\n },\n },\n clear: {\n // Discards the persisted choice — destructive (loses the selection).\n safety: 'destructive',\n idempotent: true,\n descriptionKey: 'ui.agent.select.actions.clear',\n description: 'Clear the current selection.',\n invoke: (handle) => {\n handle.clear();\n },\n },\n open: {\n safety: 'read',\n idempotent: true,\n descriptionKey: 'ui.agent.select.actions.open',\n description: 'Open the option list.',\n invoke: (handle) => {\n handle.open();\n },\n },\n close: {\n safety: 'read',\n idempotent: true,\n descriptionKey: 'ui.agent.select.actions.close',\n description: 'Close the option list.',\n invoke: (handle) => {\n handle.close();\n },\n },\n },\n domHooks: {\n root: {\n attr: 'data-component',\n value: 'select',\n description: 'Marks the Select trigger.',\n },\n instanceId: {\n attr: 'data-component-id',\n sourceProp: 'id',\n description: 'Sourced from the id prop.',\n },\n item: {\n attr: 'data-option-id',\n description:\n 'Stable opaque option value emitted on each rendered option.',\n },\n },\n};\n","import {\n createContext,\n forwardRef,\n Fragment,\n useContext,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n type AriaAttributes,\n type ComponentPropsWithoutRef,\n type ElementRef,\n type MutableRefObject,\n type ReactElement,\n type ReactNode,\n type Ref,\n} from 'react';\nimport { useAgentRegistration } from '../../agent';\nimport { selectAgent } from './select.agent';\n\n/** Agent-readiness curated handle for Select. */\nexport interface SelectHandle {\n getValue: () => string;\n setValue: (value: string) => void;\n clear: () => void;\n open: () => void;\n close: () => void;\n isOpen: () => boolean;\n}\nimport * as RadixSelect from '@radix-ui/react-select';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, ChevronDown, ChevronUp, X } from 'lucide-react';\nimport {\n FormFieldContext,\n useFormField,\n useFormFieldControlId,\n} from '../form-field/form-field-context';\nimport type { OptionShape } from '../_shared/option';\nimport { groupOptions } from '../_shared/group-options';\nimport { useDirection } from '../_shared/use-direction';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { MENU_ROW_HIGHLIGHT } from '../_shared/menu-row';\nimport { PopupRegion } from '../_shared/popup-region';\nimport {\n OPTION_END_CLASSES,\n optionDescriptionVariants,\n optionLabelRowVariants,\n optionLabelVariants,\n type OptionDescriptionTone,\n} from '../_shared/option-row';\n\nconst selectTriggerVariants = cva(\n [\n 'ds:group ds:inline-flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full',\n 'ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--control-border)] ds:bg-input',\n 'ds:shadow-[var(--shadow-input)]',\n 'ds:text-foreground ds:placeholder:text-muted-foreground',\n 'ds:data-[placeholder]:text-muted-foreground',\n 'ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n 'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n ].join(' '),\n {\n variants: {\n size: {\n sm: 'ds:h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n md: 'ds:h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-base)]',\n lg: 'ds:h-12 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-lg)]',\n },\n tone: {\n default: '',\n error: 'ds:border-destructive ds:focus-visible:outline-destructive',\n },\n },\n defaultVariants: {\n size: 'md',\n tone: 'default',\n },\n },\n);\n\nconst selectContentVariants = cva(\n [\n 'ds:z-[var(--z-dropdown)] ds:overflow-hidden',\n // Never wider than the screen allows: a long option wraps or ends in an\n // ellipsis instead of running past the edge, where it would be clipped.\n 'ds:max-w-[var(--radix-select-content-available-width)]',\n // Never taller than the room left on screen: a long list scrolls inside\n // the viewport instead of running past the edge, out of reach.\n 'ds:max-h-[var(--radix-select-content-available-height)]',\n 'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground',\n 'ds:shadow-[var(--shadow-lg)]',\n 'ds:animate-in ds:fade-in ds:zoom-in-95',\n 'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n 'ds:data-[state=closed]:zoom-out-95',\n 'ds:data-[side=bottom]:slide-in-from-top-2',\n 'ds:data-[side=top]:slide-in-from-bottom-2',\n 'ds:motion-reduce:animate-none',\n ].join(' '),\n);\n\nconst selectItemVariants = cva(\n [\n 'ds:relative ds:flex ds:cursor-pointer ds:items-center',\n 'ds:rounded-[var(--radius-sm)]',\n 'ds:text-foreground ds:outline-none ds:select-none',\n MENU_ROW_HIGHLIGHT.highlighted,\n 'ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50',\n ].join(' '),\n {\n variants: {\n size: {\n sm: 'ds:min-h-8 ds:ps-8 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n md: 'ds:min-h-[var(--min-target-size)] ds:ps-8 ds:pe-3 ds:text-[length:var(--font-size-base)]',\n lg: 'ds:min-h-12 ds:ps-10 ds:pe-4 ds:text-[length:var(--font-size-lg)]',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n },\n);\n\nconst selectLabelClasses = [\n 'ds:ps-8 ds:pe-3 ds:py-1.5',\n 'type-eyebrow ds:text-muted-foreground',\n 'ds:sticky ds:top-0 ds:bg-background',\n].join(' ');\n\nconst iconSizeByItemSize = {\n sm: 'ds:size-3.5',\n md: 'ds:size-4',\n lg: 'ds:size-5',\n} as const;\n\nconst itemIndicatorStartByItemSize = {\n sm: 'ds:start-2',\n md: 'ds:start-2',\n lg: 'ds:start-3',\n} as const;\n\nfunction composeRefs<T>(\n ...refs: Array<Ref<T> | undefined | null>\n): (node: T | null) => void {\n return (node: T | null) => {\n for (const r of refs) {\n if (!r) continue;\n if (typeof r === 'function') {\n r(node);\n } else {\n (r as MutableRefObject<T | null>).current = node;\n }\n }\n };\n}\n\n// ---------------------------------------------------------------------------\n// Compound sub-components — thin `forwardRef` wrappers over Radix parts.\n// ---------------------------------------------------------------------------\n\ntype SelectRootProps = ComponentPropsWithoutRef<typeof RadixSelect.Root>;\n\n// Whether the list is open, so SelectContent mounts its landmark wrapper only\n// while it is: a closed Select leaves nothing at the end of <body>.\nconst SelectOpenContext = createContext<boolean | undefined>(undefined);\n\nconst SelectRoot = ({\n open: openProp,\n defaultOpen,\n onOpenChange,\n ...props\n}: SelectRootProps) => {\n const [open, setOpen] = useControllableState<boolean>({\n value: openProp,\n defaultValue: defaultOpen ?? false,\n onChange: onOpenChange,\n });\n return (\n <SelectOpenContext.Provider value={open ?? false}>\n <RadixSelect.Root\n open={open ?? false}\n onOpenChange={setOpen}\n {...props}\n />\n </SelectOpenContext.Provider>\n );\n};\nSelectRoot.displayName = 'Select.Root';\n\ntype SelectTriggerElement = ElementRef<typeof RadixSelect.Trigger>;\ntype SelectTriggerProps = ComponentPropsWithoutRef<typeof RadixSelect.Trigger> &\n VariantProps<typeof selectTriggerVariants>;\n\nconst SelectTrigger = forwardRef<SelectTriggerElement, SelectTriggerProps>(\n ({ size, tone, className, children, ...props }, ref) => (\n <RadixSelect.Trigger\n ref={ref}\n className={selectTriggerVariants({ size, tone, className })}\n {...props}\n >\n {children}\n </RadixSelect.Trigger>\n ),\n);\nSelectTrigger.displayName = 'Select.Trigger';\n\ntype SelectValueProps = ComponentPropsWithoutRef<typeof RadixSelect.Value>;\n\n/* Marks the trigger's value, where Radix mirrors the chosen item's text, so\n an item can lay its label out differently there (one line, always). */\nconst SELECT_VALUE_MARKER = { 'data-select-value': '' } as const;\n\n/* A wrapping label, mirrored into the trigger, goes back to one line with an\n ellipsis: the trigger keeps its height whatever the option. */\nconst WRAPPED_LABEL_IN_TRIGGER = [\n 'ds:[[data-select-value]_&]:block',\n 'ds:[[data-select-value]_&]:truncate',\n].join(' ');\n\nconst SelectValue = forwardRef<\n ElementRef<typeof RadixSelect.Value>,\n SelectValueProps\n>((props, ref) => (\n <RadixSelect.Value ref={ref} {...SELECT_VALUE_MARKER} {...props} />\n));\nSelectValue.displayName = 'Select.Value';\n\ntype SelectContentProps = ComponentPropsWithoutRef<\n typeof RadixSelect.Content\n> & {\n container?: HTMLElement | null;\n};\n\nconst SelectContent = forwardRef<\n ElementRef<typeof RadixSelect.Content>,\n SelectContentProps\n>(\n (\n {\n className,\n children,\n position = 'popper',\n sideOffset = 4,\n container,\n ...props\n },\n ref,\n ) => {\n const open = useContext(SelectOpenContext);\n return (\n <RadixSelect.Portal container={container ?? undefined}>\n {/* A region named after the field, so axe `region` passes while open. */}\n <PopupRegion popupRef={ref} open={open}>\n {(popupRef) => (\n <RadixSelect.Content\n ref={popupRef}\n position={position}\n sideOffset={sideOffset}\n data-component=\"select-content\"\n className={selectContentVariants({ className })}\n {...props}\n >\n <RadixSelect.ScrollUpButton className=\"ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default\">\n <ChevronUp aria-hidden=\"true\" className=\"ds:size-4\" />\n </RadixSelect.ScrollUpButton>\n {children}\n <RadixSelect.ScrollDownButton className=\"ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default\">\n <ChevronDown aria-hidden=\"true\" className=\"ds:size-4\" />\n </RadixSelect.ScrollDownButton>\n </RadixSelect.Content>\n )}\n </PopupRegion>\n </RadixSelect.Portal>\n );\n },\n);\nSelectContent.displayName = 'Select.Content';\n\ntype SelectViewportProps = ComponentPropsWithoutRef<\n typeof RadixSelect.Viewport\n>;\n\nconst SelectViewport = forwardRef<\n ElementRef<typeof RadixSelect.Viewport>,\n SelectViewportProps\n>(({ className, ...props }, ref) => (\n <RadixSelect.Viewport\n ref={ref}\n className={['ds:p-1', className].filter(Boolean).join(' ')}\n {...props}\n />\n));\nSelectViewport.displayName = 'Select.Viewport';\n\ntype SelectItemProps = ComponentPropsWithoutRef<typeof RadixSelect.Item> &\n VariantProps<typeof selectItemVariants> & {\n /** Optional leading visual rendered before the item text (e.g. a Flag). */\n startAdornment?: ReactNode;\n /**\n * Trailing content pinned to the inline-end of the item (e.g. a\n * price Badge). Unlike `startAdornment` this is NOT `aria-hidden`,\n * because it carries meaning rather than decoration.\n *\n * It renders INSIDE `RadixSelect.ItemText`, because Radix builds the\n * item's accessible name from that element alone — content placed\n * outside it is shown but never announced. A consequence worth\n * knowing: Radix mirrors `ItemText` into the closed trigger, so the\n * selected item's trailing content appears there too.\n */\n endContent?: ReactNode;\n /**\n * A second line under the label, e.g. why an option is disabled. It is\n * the option's accessible description, outside `ItemText`, so it is\n * neither part of the name nor mirrored into the trigger. It does not\n * fade with a disabled option, so the reason stays readable.\n */\n description?: ReactNode;\n /** How `description` reads: muted meta text, or the error text colour\n * for a line that warns. */\n descriptionTone?: OptionDescriptionTone;\n /**\n * Read `description` as part of the item's accessible name, after the\n * label and `endContent`, instead of as its description. For a second\n * line that is part of what the option is (a payment the patient\n * commits to), not a side note (why it is disabled).\n */\n descriptionInName?: boolean;\n /** Let the label wrap onto a second line; it is clipped after two. In\n * the trigger it stays on one line. */\n wrapLabel?: boolean;\n /** Writing direction of the label (`OptionShape.dir`). Set on the\n * element that clips, so a long label keeps its start in view. */\n labelDir?: OptionShape['dir'];\n };\n\nconst SelectItem = forwardRef<\n ElementRef<typeof RadixSelect.Item>,\n SelectItemProps\n>(\n (\n {\n size = 'md',\n className,\n children,\n startAdornment,\n endContent,\n description,\n descriptionTone,\n descriptionInName = false,\n wrapLabel = false,\n labelDir,\n ...props\n },\n ref,\n ) => {\n const indicatorStart = itemIndicatorStartByItemSize[size ?? 'md'];\n const iconSize = iconSizeByItemSize[size ?? 'md'];\n const descriptionId = useId();\n const textId = useId();\n const hasDescription =\n description !== undefined && description !== null && description !== '';\n // Radix names an item from its ItemText alone (`aria-labelledby`). To\n // read the description in the name too, the item points at both, by\n // ids of our own: ItemText takes the id given to it over Radix's.\n // Spread, never passed as undefined: Radix spreads our props over its\n // own, so an undefined id or aria-labelledby would erase them.\n const nameWithDescription = hasDescription && descriptionInName;\n const itemTextIdProps = nameWithDescription ? { id: textId } : {};\n const itemNameProps = nameWithDescription\n ? { 'aria-labelledby': `${textId} ${descriptionId}` }\n : {};\n const wrappedLabel = wrapLabel\n ? optionLabelVariants({\n wrap: true,\n className: WRAPPED_LABEL_IN_TRIGGER,\n })\n : '';\n // With a description, a disabled option fades its label, not the whole\n // row, so the reason under it stays at full contrast.\n const fade = hasDescription\n ? 'ds:group-data-[disabled]/select-item:opacity-50'\n : '';\n const itemText = endContent ? (\n // Radix points the item's `aria-labelledby` at `ItemText`, so\n // anything rendered outside it is dropped from the accessible\n // name — a price there would be visible but never announced.\n // It therefore goes INSIDE `ItemText`, wrapped in a flex row so\n // `ms-auto` still pins it to the inline-end (and flips in RTL).\n //\n // The trade-off is deliberate: Radix mirrors `ItemText` into the\n // closed trigger, so the selected item's trailing content shows\n // there too. For the case this exists for — a price — that reads\n // as a feature, not a leak. The wrapper is rendered ONLY when\n // `endContent` is supplied, so every existing item keeps its\n // previous DOM exactly.\n //\n // `asChild` is required, not stylistic. `SelectItemText`\n // destructures `className` and `style` off its props and never\n // applies them, so styling it directly is silently discarded.\n // It must also GROW: as a plain flex item of the row it sizes to\n // its content, leaving `ms-auto` no free space to absorb, and the\n // chip would sit against the label instead of the row's end —\n // the ragged column this change exists to remove. `asChild` makes\n // our own span become the ItemText element, so `flex-1` lands.\n //\n // A wrapping label keeps the end content on its first line.\n <RadixSelect.ItemText asChild {...itemTextIdProps}>\n <span\n className={optionLabelRowVariants({\n wrap: wrapLabel,\n className: fade,\n })}\n >\n <span\n dir={labelDir}\n className={wrappedLabel || optionLabelVariants()}\n >\n {children}\n </span>\n <span className={OPTION_END_CLASSES}>{endContent}</span>\n </span>\n </RadixSelect.ItemText>\n ) : hasDescription || wrapLabel ? (\n <RadixSelect.ItemText asChild {...itemTextIdProps}>\n <span\n dir={labelDir}\n className={[wrappedLabel, fade].filter(Boolean).join(' ')}\n >\n {children}\n </span>\n </RadixSelect.ItemText>\n ) : labelDir ? (\n // Our own element, so the direction sits on the box that clips, in\n // the list and in the trigger (Radix mirrors this span there).\n <RadixSelect.ItemText asChild>\n <span\n dir={labelDir}\n className={optionLabelVariants({\n className: WRAPPED_LABEL_IN_TRIGGER,\n })}\n >\n {children}\n </span>\n </RadixSelect.ItemText>\n ) : (\n <RadixSelect.ItemText>{children}</RadixSelect.ItemText>\n );\n return (\n <RadixSelect.Item\n ref={ref}\n {...itemNameProps}\n aria-describedby={\n hasDescription && !nameWithDescription ? descriptionId : undefined\n }\n className={selectItemVariants({\n size,\n className: hasDescription\n ? [\n 'ds:group/select-item ds:data-[disabled]:!opacity-100',\n className,\n ]\n .filter(Boolean)\n .join(' ')\n : className,\n })}\n {...props}\n >\n <span\n className={`ds:absolute ${indicatorStart} ds:inline-flex ds:items-center ds:justify-center ${fade}`}\n aria-hidden=\"true\"\n >\n <RadixSelect.ItemIndicator>\n <Check className={iconSize} />\n </RadixSelect.ItemIndicator>\n </span>\n {startAdornment ? (\n // Decorative by contract — accessible name comes from the item text.\n <span\n aria-hidden=\"true\"\n className={`ds:inline-flex ds:items-center ds:shrink-0 ds:me-[var(--spacing-xs)] ${fade}`}\n >\n {startAdornment}\n </span>\n ) : null}\n {/* A wrapping label takes the same padded column as a description,\n so two-line rows keep space between them. */}\n {hasDescription || wrapLabel ? (\n <span className=\"ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:py-[var(--spacing-xs)]\">\n {itemText}\n {hasDescription ? (\n <span\n id={descriptionId}\n className={optionDescriptionVariants({\n tone: descriptionTone,\n })}\n >\n {description}\n </span>\n ) : null}\n </span>\n ) : (\n itemText\n )}\n </RadixSelect.Item>\n );\n },\n);\nSelectItem.displayName = 'Select.Item';\n\ntype SelectItemTextProps = ComponentPropsWithoutRef<\n typeof RadixSelect.ItemText\n>;\n\nconst SelectItemText = forwardRef<\n ElementRef<typeof RadixSelect.ItemText>,\n SelectItemTextProps\n>((props, ref) => <RadixSelect.ItemText ref={ref} {...props} />);\nSelectItemText.displayName = 'Select.ItemText';\n\ntype SelectGroupProps = ComponentPropsWithoutRef<typeof RadixSelect.Group>;\n\nconst SelectGroup = forwardRef<\n ElementRef<typeof RadixSelect.Group>,\n SelectGroupProps\n>((props, ref) => <RadixSelect.Group ref={ref} {...props} />);\nSelectGroup.displayName = 'Select.Group';\n\ntype SelectLabelProps = ComponentPropsWithoutRef<typeof RadixSelect.Label>;\n\nconst SelectLabel = forwardRef<\n ElementRef<typeof RadixSelect.Label>,\n SelectLabelProps\n>(({ className, ...props }, ref) => (\n <RadixSelect.Label\n ref={ref}\n className={[selectLabelClasses, className].filter(Boolean).join(' ')}\n {...props}\n />\n));\nSelectLabel.displayName = 'Select.Label';\n\ntype SelectSeparatorProps = ComponentPropsWithoutRef<\n typeof RadixSelect.Separator\n>;\n\nconst SelectSeparator = forwardRef<\n ElementRef<typeof RadixSelect.Separator>,\n SelectSeparatorProps\n>(({ className, ...props }, ref) => (\n <RadixSelect.Separator\n ref={ref}\n className={['ds:my-1 ds:h-px ds:bg-border', className]\n .filter(Boolean)\n .join(' ')}\n {...props}\n />\n));\nSelectSeparator.displayName = 'Select.Separator';\n\n// ---------------------------------------------------------------------------\n// Convenience form — `<Select options={[{value, label, group?}]} />`.\n// ---------------------------------------------------------------------------\n\nexport type SelectOption<T extends string = string> = OptionShape<T> & {\n /**\n * Draws a line above this option, e.g. to set an action at the end of\n * the list apart from the values. Select only.\n */\n separatorBefore?: boolean;\n /**\n * `'action'`: the label in the link colour, for an option that does\n * something (such as opening a page) rather than pick a value. The host\n * handles it in `onValueChange` and keeps its own value. Select only.\n */\n intent?: 'action';\n};\n\n/* An action option's label: the link colour, readable in every theme as\n Link's. A highlighted row's own colours still win. */\nconst ACTION_OPTION_CLASSES =\n 'ds:[--primary:var(--primary-readable)] ds:text-primary';\n\n/* No element has this id, so a field given it as `form` belongs to no form. */\nconst DETACHED_FORM_ID = 'ds-select-detached';\n\n/* The bounding marker, and the state Radix writes on the trigger. */\nconst OWNED_TRIGGER_ATTRIBUTES = new Set([\n 'data-component',\n 'data-component-id',\n 'data-state',\n 'data-placeholder',\n 'data-disabled',\n 'aria-expanded',\n 'aria-controls',\n]);\n\n/* The `data-*` and `aria-*` props a caller set, for the trigger. */\nfunction triggerAttributes(props: object): Record<string, unknown> {\n const picked: Record<string, unknown> = {};\n for (const [key, value] of Object.entries(props)) {\n if (value === undefined || OWNED_TRIGGER_ATTRIBUTES.has(key)) continue;\n if (key.startsWith('data-') || key.startsWith('aria-')) picked[key] = value;\n }\n return picked;\n}\n\n/**\n * `data-*` attributes (test ids, error anchors) and other `aria-*`\n * attributes reach the trigger, and win over the ones the Select sets.\n */\nexport interface SelectProps<T extends string = string> extends Omit<\n AriaAttributes,\n 'aria-label' | 'aria-describedby'\n> {\n options: SelectOption<T>[];\n value?: T | '';\n defaultValue?: T;\n onValueChange?: (value: T | '') => void;\n placeholder?: string;\n clearable?: boolean;\n disabled?: boolean;\n required?: boolean;\n name?: string;\n id?: string;\n size?: 'sm' | 'md' | 'lg';\n tone?: 'default' | 'error';\n 'aria-label'?: string;\n /**\n * Extra ids describing the trigger, e.g. a visually hidden reason why an\n * option is disabled (a disabled option cannot take focus, so its own\n * description is never announced). Joined after any FormField ids.\n */\n 'aria-describedby'?: string;\n /**\n * Show the selected option's `startAdornment` in the trigger, before its\n * label, e.g. a channel icon. Off by default. Decorative, like the\n * adornment in the list.\n */\n adornmentInTrigger?: boolean;\n /**\n * Render each option's `description` as a second line under its label,\n * wired as the option's accessible description. Off by default: without\n * it `description` is ignored, as in 1.30.0, so existing lists keep\n * their layout.\n */\n showDescriptions?: boolean;\n /**\n * With `showDescriptions`, read each description as part of its option's\n * accessible name (after the label and `endContent`) rather than as its\n * description, as Combobox and MultiSelect do. For a second line that is\n * part of what the option is, such as a payment the patient commits to.\n * Off by default.\n */\n descriptionInName?: boolean;\n /**\n * Let a long option label wrap onto a second line instead of ending in an\n * ellipsis. Longer still, it is clipped after two lines. The trigger\n * still shows the chosen label on one line. Off by default.\n */\n wrapOptionLabels?: boolean;\n className?: string;\n /**\n * Portal target for the listbox. Defaults to `document.body`, which is\n * almost always correct.\n *\n * You do not need this to fix stacking. `--z-dropdown` and `--z-popover`\n * are one layer, so a Select nested inside a Popover already paints over it\n * by portal order (the listbox mounts last). Only pass a container when the\n * listbox must live inside a specific subtree — e.g. a shadow root, or a\n * scroll container that would otherwise clip it.\n */\n container?: HTMLElement | null;\n}\n\nconst SelectImpl = forwardRef<HTMLButtonElement, SelectProps>(function Select(\n {\n options,\n value,\n defaultValue,\n onValueChange,\n placeholder,\n clearable = false,\n disabled,\n required,\n name,\n id,\n size = 'md',\n tone = 'default',\n className,\n container,\n 'aria-label': ariaLabel,\n 'aria-describedby': ariaDescribedBy,\n adornmentInTrigger = false,\n showDescriptions = false,\n descriptionInName = false,\n wrapOptionLabels = false,\n ...rest\n },\n ref,\n) {\n const { t } = useTranslation('ui');\n const ctx = useFormField();\n const inFormField = useContext(FormFieldContext) !== null;\n\n const [internalValue, setInternalValue] = useState<string>(\n value ?? defaultValue ?? '',\n );\n const isControlled = value !== undefined;\n const currentValue = isControlled ? value : internalValue;\n\n const [openState, setOpenState] = useState<boolean>(false);\n const currentValueRef = useRef<string>(currentValue);\n currentValueRef.current = currentValue;\n\n const controlId = useFormFieldControlId(ctx, id);\n const triggerId = id ?? (inFormField ? controlId : undefined);\n const effectiveDisabled =\n (inFormField ? ctx.disabled : false) || Boolean(disabled);\n const effectiveRequired =\n (inFormField ? ctx.required : false) || Boolean(required);\n const effectiveInvalid = inFormField ? ctx.invalid : false;\n const effectiveTone = effectiveInvalid ? 'error' : tone;\n const describedBy =\n [inFormField ? ctx.describedBy : undefined, ariaDescribedBy]\n .filter(Boolean)\n .join(' ') || undefined;\n const triggerAdornment = adornmentInTrigger\n ? options.find((option) => option.value === currentValue)?.startAdornment\n : undefined;\n\n const triggerRef = useRef<HTMLButtonElement>(null);\n const composedTriggerRef = composeRefs(ref, triggerRef);\n const dir = useDirection(triggerRef);\n\n /* Radix is always given the value, '' for none, so it never swaps\n between its own state and ours. Its hidden form select has no empty\n option though, and would post the first option for ''. So while the\n value is empty that select is cut from the form and the one rendered\n below stands in: it posts `name=` and holds `required`, as before. */\n const [inForm, setInForm] = useState(true);\n useIsomorphicLayoutEffect(() => {\n if (currentValue !== '') return;\n setInForm(Boolean(triggerRef.current?.closest('form')));\n });\n const standsIn = currentValue === '' && inForm;\n\n /* On a clear the stand-in takes over the name, so form listeners hear\n the change from it. */\n const standInRef = useRef<HTMLSelectElement>(null);\n const hadValueRef = useRef(currentValue !== '');\n useEffect(() => {\n if (currentValue !== '') {\n hadValueRef.current = true;\n return;\n }\n if (!hadValueRef.current) return;\n hadValueRef.current = false;\n standInRef.current?.dispatchEvent(new Event('change', { bubbles: true }));\n }, [currentValue]);\n\n const emitValue = onValueChange as ((value: string) => void) | undefined;\n\n const handleValueChange = (next: string) => {\n // An action option runs its action; it never becomes the value.\n const isAction = options.some(\n (option) => option.value === next && option.intent === 'action',\n );\n // Typeahead on the closed trigger must not run an action (platform\n // navigates away): an action runs only from the open list.\n if (isAction && !openState) return;\n if (!isControlled && !isAction) setInternalValue(next);\n emitValue?.(next);\n };\n\n const handleClear: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n event.preventDefault();\n event.stopPropagation();\n if (!isControlled) setInternalValue('');\n emitValue?.('');\n triggerRef.current?.focus();\n };\n\n const resolvedPlaceholder =\n placeholder ?? t('inputs.select.placeholder', 'Select…');\n\n const showClear = clearable && !!currentValue && !effectiveDisabled;\n\n const nameFromPlaceholder = ariaLabel === undefined && !inFormField;\n const triggerLabel = nameFromPlaceholder ? resolvedPlaceholder : ariaLabel;\n const triggerLabelledBy =\n !ariaLabel && inFormField ? `${ctx.id}-label` : undefined;\n\n const groups = groupOptions(options);\n\n const agentHandle = useMemo<SelectHandle>(\n () => ({\n getValue: () => currentValueRef.current,\n setValue: (next) => {\n // Only what a user could pick: a listed option that is not disabled.\n const picked = options.find((option) => option.value === next);\n if (!picked || picked.disabled || picked.intent === 'action') return;\n if (!isControlled) setInternalValue(next);\n emitValue?.(next);\n },\n clear: () => {\n if (!isControlled) setInternalValue('');\n emitValue?.('');\n },\n open: () => setOpenState(true),\n close: () => setOpenState(false),\n isOpen: () => openState,\n }),\n [emitValue, isControlled, openState, options],\n );\n useAgentRegistration(selectAgent, agentHandle, id);\n\n return (\n <RadixSelect.Root\n value={currentValue}\n onValueChange={handleValueChange}\n open={openState}\n onOpenChange={setOpenState}\n disabled={effectiveDisabled}\n required={effectiveRequired}\n name={standsIn ? undefined : name}\n form={standsIn ? DETACHED_FORM_ID : undefined}\n dir={dir}\n >\n <RadixSelect.Trigger\n ref={composedTriggerRef}\n id={triggerId}\n aria-label={triggerLabel}\n aria-labelledby={triggerLabelledBy}\n // The open list's landmark must not be named \"Select…\".\n data-name-from-placeholder={nameFromPlaceholder || undefined}\n aria-describedby={describedBy}\n aria-invalid={effectiveInvalid || undefined}\n {...triggerAttributes(rest)}\n data-component=\"select\"\n data-component-id={id}\n className={selectTriggerVariants({\n size,\n tone: effectiveTone,\n className,\n })}\n >\n {/* min-w-0 lets the flex child shrink; truncate clips long values\n to one line with an ellipsis instead of wrapping the trigger. */}\n {triggerAdornment ? (\n <span className=\"ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-sm)]\">\n {/* Decorative, as in the list: the name is the label. */}\n <span\n aria-hidden=\"true\"\n data-select-trigger-adornment=\"\"\n className=\"ds:inline-flex ds:shrink-0 ds:items-center\"\n >\n {triggerAdornment}\n </span>\n <span className=\"ds:min-w-0 ds:truncate ds:text-start\">\n <RadixSelect.Value\n {...SELECT_VALUE_MARKER}\n placeholder={resolvedPlaceholder}\n />\n </span>\n </span>\n ) : (\n <span className=\"ds:min-w-0 ds:truncate ds:text-start\">\n <RadixSelect.Value\n {...SELECT_VALUE_MARKER}\n placeholder={resolvedPlaceholder}\n />\n </span>\n )}\n <span className=\"ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n {showClear ? (\n <button\n type=\"button\"\n aria-label={t('inputs.select.clear', 'Clear selection')}\n onClick={handleClear}\n onPointerDown={(event) => event.stopPropagation()}\n onKeyDown={(event) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.stopPropagation();\n }\n }}\n className={[\n 'ds:inline-flex ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)]',\n 'ds:text-muted-foreground ds:hover:text-foreground',\n 'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n 'ds:size-4',\n ].join(' ')}\n >\n <X aria-hidden=\"true\" className=\"ds:size-3.5\" />\n </button>\n ) : null}\n <RadixSelect.Icon asChild>\n <ChevronDown\n aria-hidden=\"true\"\n className={[\n 'ds:size-4 ds:shrink-0 ds:text-muted-foreground',\n 'ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n 'ds:group-data-[state=open]:rotate-180',\n ].join(' ')}\n />\n </RadixSelect.Icon>\n </span>\n </RadixSelect.Trigger>\n {standsIn && (name !== undefined || effectiveRequired) ? (\n <select\n ref={standInRef}\n // Its own marker: it sits beside the trigger, not inside it.\n data-component=\"select-field\"\n aria-hidden\n tabIndex={-1}\n // A failed native submit puts focus here: it then needs a name.\n aria-label={triggerLabel}\n aria-labelledby={triggerLabelledBy}\n name={name}\n required={effectiveRequired}\n disabled={effectiveDisabled}\n value=\"\"\n onChange={(event) => {\n if (event.target.value === '') return;\n /* A pick unmounts this field: focus moves to the trigger first,\n not to the page. */\n if (document.activeElement === event.target) {\n triggerRef.current?.focus();\n }\n handleValueChange(event.target.value);\n }}\n className=\"ds:sr-only\"\n >\n <option value=\"\" />\n {options.map((option) => (\n <option\n key={option.value}\n value={option.value}\n disabled={option.disabled}\n dir={option.dir}\n >\n {option.label}\n </option>\n ))}\n </select>\n ) : null}\n <SelectOpenContext.Provider value={openState}>\n <SelectContent container={container}>\n <SelectViewport>\n {options.length === 0 ? (\n <div className=\"ds:ps-8 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground\">\n {t('inputs.select.noOptions', 'No options')}\n </div>\n ) : (\n groups.map(({ group, items }, groupIndex) => {\n const body = items.map((option) => (\n <Fragment key={option.value}>\n {option.separatorBefore ? <SelectSeparator /> : null}\n <SelectItem\n value={option.value}\n className={\n option.intent === 'action'\n ? ACTION_OPTION_CLASSES\n : undefined\n }\n disabled={option.disabled}\n size={size}\n data-option-id={option.value}\n startAdornment={option.startAdornment}\n endContent={option.endContent}\n description={\n showDescriptions ? option.description : undefined\n }\n descriptionTone={option.descriptionTone}\n descriptionInName={descriptionInName}\n wrapLabel={wrapOptionLabels}\n labelDir={option.dir}\n >\n {option.label}\n </SelectItem>\n </Fragment>\n ));\n if (!group) {\n return (\n <RadixSelect.Group key={`group-${groupIndex}`}>\n {body}\n </RadixSelect.Group>\n );\n }\n return (\n <RadixSelect.Group key={`group-${group}`}>\n <SelectLabel>{group}</SelectLabel>\n {body}\n </RadixSelect.Group>\n );\n })\n )}\n </SelectViewport>\n </SelectContent>\n </SelectOpenContext.Provider>\n </RadixSelect.Root>\n );\n});\nSelectImpl.displayName = 'Select';\n\ninterface SelectComponent {\n <T extends string = string>(\n props: SelectProps<T> & { ref?: Ref<HTMLButtonElement> },\n ): ReactElement | null;\n displayName?: string;\n Root: typeof SelectRoot;\n Trigger: typeof SelectTrigger;\n Value: typeof SelectValue;\n Content: typeof SelectContent;\n Viewport: typeof SelectViewport;\n Item: typeof SelectItem;\n ItemText: typeof SelectItemText;\n Group: typeof SelectGroup;\n Label: typeof SelectLabel;\n Separator: typeof SelectSeparator;\n}\n\nconst SelectWithStatics = Object.assign(SelectImpl, {\n Root: SelectRoot,\n Trigger: SelectTrigger,\n Value: SelectValue,\n Content: SelectContent,\n Viewport: SelectViewport,\n Item: SelectItem,\n ItemText: SelectItemText,\n Group: SelectGroup,\n Label: SelectLabel,\n Separator: SelectSeparator,\n}) as unknown as SelectComponent;\n\nexport const Select = SelectWithStatics;\n\nexport {\n SelectRoot,\n SelectTrigger,\n SelectValue,\n SelectContent,\n SelectViewport,\n SelectItem,\n SelectItemText,\n SelectGroup,\n SelectLabel,\n SelectSeparator,\n};\n\nexport { selectTriggerVariants, selectContentVariants, selectItemVariants };\n\nexport type {\n SelectTriggerProps,\n SelectContentProps,\n SelectItemProps,\n SelectLabelProps,\n SelectRootProps,\n};\n\nexport type { ReactNode };\n"],"names":["selectAgent","handle","args","selectTriggerVariants","cva","selectContentVariants","selectItemVariants","MENU_ROW_HIGHLIGHT","selectLabelClasses","iconSizeByItemSize","itemIndicatorStartByItemSize","composeRefs","refs","node","r","SelectOpenContext","createContext","SelectRoot","openProp","defaultOpen","onOpenChange","props","open","setOpen","useControllableState","jsx","RadixSelect","SelectTrigger","forwardRef","size","tone","className","children","ref","SELECT_VALUE_MARKER","WRAPPED_LABEL_IN_TRIGGER","SelectValue","SelectContent","position","sideOffset","container","useContext","PopupRegion","popupRef","jsxs","ChevronUp","ChevronDown","SelectViewport","SelectItem","startAdornment","endContent","description","descriptionTone","descriptionInName","wrapLabel","labelDir","indicatorStart","iconSize","descriptionId","useId","textId","hasDescription","nameWithDescription","itemTextIdProps","itemNameProps","wrappedLabel","optionLabelVariants","fade","itemText","optionLabelRowVariants","OPTION_END_CLASSES","Check","optionDescriptionVariants","SelectItemText","SelectGroup","SelectLabel","SelectSeparator","ACTION_OPTION_CLASSES","DETACHED_FORM_ID","OWNED_TRIGGER_ATTRIBUTES","triggerAttributes","picked","key","value","SelectImpl","options","defaultValue","onValueChange","placeholder","clearable","disabled","required","name","id","ariaLabel","ariaDescribedBy","adornmentInTrigger","showDescriptions","wrapOptionLabels","rest","t","useTranslation","ctx","useFormField","inFormField","FormFieldContext","internalValue","setInternalValue","useState","isControlled","currentValue","openState","setOpenState","currentValueRef","useRef","controlId","useFormFieldControlId","triggerId","effectiveDisabled","effectiveRequired","effectiveInvalid","effectiveTone","describedBy","triggerAdornment","_a","option","triggerRef","composedTriggerRef","dir","useDirection","inForm","setInForm","useIsomorphicLayoutEffect","standsIn","standInRef","hadValueRef","useEffect","emitValue","handleValueChange","next","isAction","handleClear","event","resolvedPlaceholder","showClear","nameFromPlaceholder","triggerLabel","triggerLabelledBy","groups","groupOptions","agentHandle","useMemo","useAgentRegistration","X","group","items","groupIndex","body","Fragment","SelectWithStatics","Select"],"mappings":"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"}