themelia-react-ui 2.0.6 → 3.0.0

package/dist/focus-recipes-B653VaLq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"focus-recipes-B653VaLq.js","names":["focusRecipes"],"sources":["../src/lib/focus-recipes.ts"],"sourcesContent":["/**\n * The one focus indicator for every interactive element: a crisp 1px edge in\n * --ring inside a soft 3px halo of --ring at 50%. The edge carries the tested\n * 3:1 contrast; the halo makes focus stand out without reading as a heavier\n * border. Each recipe draws the same indicator for a different element shape.\n *\n * Other spellings of the same state (a `has-[…:focus-visible]` frame, a\n * `group-focus-visible` child, a `data-[focused=true]` day) use this vocabulary:\n * `ring-3`, `ring-ring/50` and a full-strength `border-ring`, `inset-ring-ring` or\n * `outline-ring` edge. Design lint rejects any other focus ring width, offset or\n * halo strength.\n */\nexport const focusRecipes = {\n\t/** Bordered controls (buttons, fields, triggers, checkboxes, switches, tabs): the 1px border becomes the edge. */\n\tframe: 'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50',\n\t/** Borderless rows, links, tiles and regions: an inset 1px edge stands in for the border. */\n\tedge: 'focus-visible:inset-ring focus-visible:inset-ring-ring focus-visible:ring-3 focus-visible:ring-ring/50',\n\t/** Inline text (links, text buttons) has no padding: the edge is an outline just outside the glyphs. */\n\ttext: 'focus-visible:outline-solid focus-visible:outline-1 focus-visible:outline-offset-0 focus-visible:outline-ring focus-visible:ring-3 focus-visible:ring-ring/50',\n\t/** Inside a clipped group or scroll viewport: the edge and the halo are both drawn inside. */\n\tinset: 'focus-visible:inset-ring focus-visible:inset-ring-ring focus-visible:ring-3 focus-visible:ring-inset focus-visible:ring-ring/50',\n\t/** Sidebar rows draw the edge with the sidebar's own focus role. */\n\tsidebar: 'focus-visible:inset-ring focus-visible:inset-ring-sidebar-ring focus-visible:ring-3 focus-visible:ring-sidebar-ring/50',\n} as const;\n"],"mappings":";AAYA,IAAaA,IAAe;CAE3B,OAAO;CAEP,MAAM;CAEN,MAAM;CAEN,OAAO;CAEP,SAAS;AACV"}

package/dist/forms-B3W8CH7-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"forms-B3W8CH7-.js","names":["Text","Stack","AlertDescription","AlertAction","Alert","Card","AlertTitle","compositionRhythm","compositionClasses","Input","FormField","defaultControlledFormFieldStrings","interpolateControlledFormFieldString","template","label","ControlledFormField","errorProp","stringsProp","chromeProps","strings","useStrings","Controller","validationError","fieldState","resolvedError","name","errorMessage","invalid","cn","children","field","applyServerErrors","errors","allowed","fields","rootMessages","applied","value","message","part","setError","root","isSimpleText","FormSection","titleSize","surface","padding","actions","footer","className","contentClassName","FormActionsBar","trailing","sticky","leading","ErrorSummary","action","title","description","error","index","DirtyStateBanner","SubmitStateButton","props","Button","submitting","disabled","disableWhenPristine","dirty","OperationPasswordForm","passwordError","passwordErrorFn","topLevelError","defaultValues","useMemo","useForm","submit","onSubmit","values","loading","formId","handleSubmit"],"sources":["../src/components/base/forms/controlled-form-field.strings.ts","../src/components/base/forms/controlled-form-field.tsx","../src/components/base/forms/server-errors.ts","../src/components/base/forms/workflow.tsx","../src/components/base/forms/operation-password-form.tsx"],"sourcesContent":["export interface ControlledFormFieldStrings {\n\trequired: string;\n\trequiredWithLabel: string;\n\tinvalid: string;\n}\n\nexport const defaultControlledFormFieldStrings: ControlledFormFieldStrings = {\n\trequired: 'This field is required',\n\trequiredWithLabel: '{{label}} is required',\n\tinvalid: 'Invalid value',\n};\n\nexport function interpolateControlledFormFieldString(template: string, label: string) {\n\treturn template.replace(/\\{\\{\\s*label\\s*\\}\\}/g, label);\n}\n","/**\n * ControlledFormField — react-hook-form integration for the presentational\n * `FormField` component. Runtime state bindings stay in this module; the\n * published family still reports RHF for its exported bindings and types.\n */\nimport type { ComponentProps, ReactNode } from 'react';\nimport {\n\tController,\n\ttype Control,\n\ttype ControllerFieldState,\n\ttype ControllerRenderProps,\n\ttype FieldPath,\n\ttype FieldValues,\n\ttype RegisterOptions,\n} from 'react-hook-form';\n\nimport { FormField } from './form-field';\nimport {\n\tdefaultControlledFormFieldStrings,\n\tinterpolateControlledFormFieldString,\n\ttype ControlledFormFieldStrings,\n} from './controlled-form-field.strings';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\ntype FieldChromeProps = Omit<\n\tComponentProps<typeof FormField>,\n\t'children' | 'error'\n>;\n\nexport type FormFieldErrorGetter<TName extends string> = (field: TName) => string | undefined;\n\nexport interface ControlledFormFieldProps<\n\tTFieldValues extends FieldValues,\n\tTName extends FieldPath<TFieldValues>,\n> extends FieldChromeProps {\n\t/** Field name in the react-hook-form schema. */\n\tname: TName;\n\t/** The form's `control` object from `useForm`. */\n\tcontrol: Control<TFieldValues>;\n\t/** Validation rules passed to react-hook-form. */\n\trules?: RegisterOptions<TFieldValues, TName>;\n\t/** Validation message, overriding the one derived from form state. */\n\terror?: ReactNode | FormFieldErrorGetter<TName>;\n\t/** Overrides the field's own copy. */\n\tstrings?: StringsProp<ControlledFormFieldStrings>;\n\tchildren: (\n\t\tfield: ControllerRenderProps<TFieldValues, TName>,\n\t\t/** Validation message, overriding the one derived from form state. */\n\t\terror: string | undefined,\n\t\tinvalid: boolean,\n\t\tfieldState: ControllerFieldState,\n\t) => ReactNode;\n}\n\nexport function ControlledFormField<\n\tTFieldValues extends FieldValues,\n\tTName extends FieldPath<TFieldValues>,\n>({\n\tname,\n\tcontrol,\n\trules,\n\terror: errorProp,\n\tstrings: stringsProp,\n\tchildren,\n\t...chromeProps\n}: ControlledFormFieldProps<TFieldValues, TName>) {\n\tconst strings = useStrings(defaultControlledFormFieldStrings, stringsProp);\n\n\treturn (\n\t\t<Controller\n\t\t\tname={name}\n\t\t\tcontrol={control}\n\t\t\trules={rules}\n\t\t\trender={({ field, fieldState }) => {\n\t\t\t\tconst validationError = fieldState.error?.message\n\t\t\t\t\t|| (fieldState.error\n\t\t\t\t\t\t? fieldState.error.type === 'required'\n\t\t\t\t\t\t\t? typeof chromeProps.label === 'string'\n\t\t\t\t\t\t\t\t? interpolateControlledFormFieldString(strings.requiredWithLabel, chromeProps.label)\n\t\t\t\t\t\t\t\t: strings.required\n\t\t\t\t\t\t\t: strings.invalid\n\t\t\t\t\t\t: undefined);\n\t\t\t\tconst customError = typeof errorProp === 'function' ? errorProp(name) : errorProp;\n\t\t\t\tconst resolvedError = customError || validationError || undefined;\n\t\t\t\t// Rich chrome does not widen the established string callback contract.\n\t\t\t\tconst errorMessage = typeof resolvedError === 'string' ? resolvedError : validationError;\n\t\t\t\tconst invalid = Boolean(resolvedError);\n\n\t\t\t\treturn (\n\t\t\t\t\t<FormField\n\t\t\t\t\t\t{...chromeProps}\n\t\t\t\t\t\terror={resolvedError}\n\t\t\t\t\t\tclassName={cn('controlled-form-field--component', chromeProps.className)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{children(field, errorMessage, invalid, fieldState)}\n\t\t\t\t\t</FormField>\n\t\t\t\t);\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nControlledFormField.displayName = 'ControlledFormField';\n\nexport {\n\tdefaultControlledFormFieldStrings,\n\ttype ControlledFormFieldStrings,\n} from './controlled-form-field.strings';\n","import type { FieldPath, FieldValues, UseFormSetError } from 'react-hook-form';\n\n/** Flat server validation messages; transport libraries keep ownership of requests. */\nexport type ServerErrors<TName extends string = string> = Partial<Record<TName, string | readonly string[]>>;\n\nexport interface ApplyServerErrorsOptions<TFieldValues extends FieldValues> {\n\t/** Allowed schema paths. Unknown server keys are reported at the root. */\n\tfields: readonly FieldPath<TFieldValues>[];\n\t/** Root error path for unknown fields and general errors. Defaults to root.server. */\n\troot?: `root.${string}`;\n}\n\n/**\n * Apply an untrusted transport error bag without importing a transport or RHF at\n * runtime. The allowlist prevents unknown server keys from becoming form fields.\n * Invalid/empty messages are ignored; arrays retain every string message.\n * Returns the number of field/root errors applied.\n */\nexport function applyServerErrors<TFieldValues extends FieldValues>(\n\tsetError: UseFormSetError<TFieldValues>,\n\terrors: unknown,\n\t{ fields, root = 'root.server' }: ApplyServerErrorsOptions<TFieldValues>,\n): number {\n\tif (!errors || typeof errors !== 'object' || Array.isArray(errors)) return 0;\n\tconst allowed = new Set<string>(fields);\n\tconst rootMessages: string[] = [];\n\tlet applied = 0;\n\tfor (const [name, value] of Object.entries(errors)) {\n\t\tconst message = typeof value === 'string'\n\t\t\t? value.trim() ? value : undefined\n\t\t\t: Array.isArray(value) ? value.filter((part): part is string => typeof part === 'string' && part.trim() !== '').join('\\n') || undefined : undefined;\n\t\tif (!message) continue;\n\t\tif (allowed.has(name)) {\n\t\t\tsetError(name as FieldPath<TFieldValues>, { type: 'server', message });\n\t\t\tapplied++;\n\t\t} else rootMessages.push(message);\n\t}\n\tif (rootMessages.length) {\n\t\tsetError(root, { type: 'server', message: rootMessages.join('\\n') });\n\t\tapplied++;\n\t}\n\treturn applied;\n}\n","/** Form workflow primitives — section chrome, errors, dirty state, and submit state. */\nimport type { ReactNode } from 'react';\n\nimport { Button } from '../buttons';\nimport type { ButtonProps } from '../buttons';\nimport { Card, type CardProps } from '../cards';\nimport { Stack } from '../structure';\nimport { compositionClasses, compositionRhythm } from '../structure/composition.recipes';\nimport type { SmartCardSurface } from '../cards';\nimport { Alert, AlertAction, AlertDescription, AlertTitle } from '../feedback';\nimport type { AlertTone } from '../feedback';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\nexport interface FormSectionProps {\n\t/** Section title. */\n\ttitle?: ReactNode;\n\t/** Supporting sentence under the title. */\n\tdescription?: ReactNode;\n\t/** Controls in the section header. */\n\tactions?: ReactNode;\n\tchildren?: ReactNode;\n\t/** Content below the section body. */\n\tfooter?: ReactNode;\n\t/** Outer chrome. Use `flat` with `padding=\"none\"` inside a padded Card. */\n\tsurface?: SmartCardSurface;\n\t/** Card region insets. Defaults to Card's ordinary inset; use `none` when the parent already owns padding. */\n\tpadding?: CardProps['padding'];\n\t/**\n\t * Section title size. Embedded `surface=\"flat\" padding=\"none\"` inside a padded\n\t * Card defaults to the subordinate `sm` title, below the card's own title;\n\t * otherwise Card's default applies.\n\t */\n\ttitleSize?: CardProps['titleSize'];\n\tclassName?: string;\n\t/** Merged onto the section body. */\n\tcontentClassName?: string;\n}\n\nexport function FormSection({\n\ttitle,\n\tdescription,\n\tactions,\n\tchildren,\n\tfooter,\n\tsurface = 'card',\n\tpadding,\n\ttitleSize,\n\tclassName,\n\tcontentClassName,\n}: FormSectionProps) {\n\t// Embedded in a padded Card, the section is a subordinate heading level.\n\tconst resolvedTitleSize = titleSize ?? (surface === 'flat' && padding === 'none' ? 'sm' : undefined);\n\treturn (\n\t\t<Card\n\t\t\tdata-component=\"form-section\"\n\t\t\tdata-slot=\"form-section\"\n\t\t\ttitle={title}\n\t\t\ttitleSize={resolvedTitleSize}\n\t\t\tdescription={description}\n\t\t\theaderAction={actions}\n\t\t\tfooterSlot={footer}\n\t\t\tsurface={surface}\n\t\t\tpadding={padding}\n\t\t\tclassName={cn('form-section--component', className)}\n\t\t\tcontentClassName={cn('form-section--content grid', compositionClasses.related, contentClassName)}\n\t\t>\n\t\t\t{children}\n\t\t</Card>\n\t);\n}\n\nexport interface FormActionsBarProps {\n\t/** Action content used when `trailing` is not provided. */\n\tchildren?: ReactNode;\n\t/** Optional status or context shown before the actions. Scalar copy uses secondary Typography. */\n\tleading?: ReactNode;\n\t/** Preferred action slot. When provided, it takes precedence over `children`. */\n\ttrailing?: ReactNode;\n\t/** Keep the bar attached to the bottom of its nearest scrolling ancestor. */\n\tsticky?: boolean;\n\tclassName?: string;\n}\n\n/** Responsive form-footer chrome for status and consumer-owned actions. */\nexport function FormActionsBar({\n\tchildren,\n\tleading,\n\ttrailing,\n\tsticky = false,\n\tclassName,\n}: FormActionsBarProps) {\n\tconst actions = trailing ?? children;\n\n\treturn (\n\t\t/*\n\t\t * Two elements, because the bar has to be measured and stick at the same\n\t\t * time and one element cannot do both. Its stack/row switch depends on its\n\t\t * own width — a form footer is as often in a drawer as at page width — and\n\t\t * an element cannot match its own container query, so the row has to sit\n\t\t * inside the measured box. `sticky` then has to live on the OUTER element:\n\t\t * a sticky child is confined to its parent's box, so a sticky row inside an\n\t\t * auto-height wrapper has nowhere to travel and silently stops sticking.\n\t\t */\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'form-actions-bar--component @container/form-actions-bar',\n\t\t\t\tsticky && 'sticky bottom-0 z-30',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t<div\n\t\t\tdata-component=\"form-actions-bar\"\n\t\t\tdata-slot=\"form-actions-bar\"\n\t\t\t// Opaque, so a sticky bar covers content scrolling under it without a blur.\n\t\t\tclassName=\"form-actions-bar--row border-t border-border bg-background p-surface\"\n\t\t>\n\t\t<div className=\"form-actions-bar--layout flex min-w-0 flex-col gap-space-lg @md/form-actions-bar:flex-row @md/form-actions-bar:items-center @md/form-actions-bar:flex-nowrap\">\n\t\t\t{leading != null && (\n\t\t\t\t<div data-slot=\"form-actions-leading\" className=\"form-actions-bar--leading min-w-0 flex-1\">\n\t\t\t\t\t{isSimpleText(leading) ? (\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\tclassName=\"form-actions-bar--leading-text\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{leading}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) : leading}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{actions != null && (\n\t\t\t\t<Stack\n\t\t\t\t\tdata-slot=\"form-actions-trailing\"\n\t\t\t\t\twrap\n\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\tgap={compositionRhythm.commands}\n\t\t\t\t\tjustify=\"end\"\n\t\t\t\t\tclassName=\"form-actions-bar--trailing min-w-0 w-full max-w-full shrink-0 @md/form-actions-bar:ml-auto @md/form-actions-bar:w-auto @md/form-actions-bar:shrink\"\n\t\t\t\t>\n\t\t\t\t\t{actions}\n\t\t\t\t</Stack>\n\t\t\t)}\n\t\t</div>\n\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport interface ErrorSummaryProps {\n\t/** Section title. */\n\ttitle: ReactNode;\n\t/** Supporting sentence under the title. */\n\tdescription?: ReactNode;\n\t/** Validation messages listed in the error summary. */\n\terrors?: readonly ReactNode[];\n\t/** Control offered alongside the summary. */\n\taction?: ReactNode;\n\tclassName?: string;\n}\n\nexport function ErrorSummary({\n\ttitle,\n\tdescription,\n\terrors = [],\n\taction,\n\tclassName,\n}: ErrorSummaryProps) {\n\treturn (\n\t\t<Alert\n\t\t\tdata-component=\"error-summary\"\n\t\t\tdata-slot=\"error-summary\"\n\t\t\ttone=\"destructive\"\n\t\t\t// The summary has no icon, so its empty media column must not add the\n\t\t\t// action column's gap: the title keeps Alert's row inset, and the action\n\t\t\t// takes the same gap as its own leading margin.\n\t\t\tclassName={cn('error-summary--component', !!action && 'has-[>[data-slot=alert-action]]:gap-x-0', className)}\n\t\t>\n\t\t\t<AlertTitle>{title}</AlertTitle>\n\t\t\t{!!description && <AlertDescription>{description}</AlertDescription>}\n\t\t\t{errors.length > 0 && (\n\t\t\t\t\t// The messages are the summary's content: they keep the description's\n\t\t\t\t\t// size and ink, and the bullets take that ink too.\n\t\t\t\t\t<Stack render={<ul />} gap=\"xs\" data-slot=\"error-summary-list\" className=\"error-summary--list col-start-2 m-0 list-disc ps-space-xl text-sm text-muted-foreground\">\n\t\t\t\t\t{errors.map((error, index) => (\n\t\t\t\t\t\t<li key={index}>\n\t\t\t\t\t\t\t{typeof error === 'string' || typeof error === 'number' || typeof error === 'bigint' ? (\n\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t{error}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) : error}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t))}\n\t\t\t\t\t</Stack>\n\t\t\t)}\n\t\t\t{!!action && <AlertAction className=\"sm:ms-space-lg\">{action}</AlertAction>}\n\t\t</Alert>\n\t);\n}\n\nexport interface DirtyStateBannerProps {\n\t/** Section title. */\n\ttitle: ReactNode;\n\t/** Supporting sentence under the title. */\n\tdescription?: ReactNode;\n\t/** Controls in the section header. */\n\tactions?: ReactNode;\n\t/** Semantic tone of the banner. */\n\ttone?: Extract<AlertTone, 'neutral' | 'info' | 'warning'>;\n\tclassName?: string;\n}\n\nexport function DirtyStateBanner({\n\ttitle,\n\tdescription,\n\tactions,\n\ttone = 'warning',\n\tclassName,\n}: DirtyStateBannerProps) {\n\treturn (\n\t\t<Alert\n\t\t\tdata-component=\"dirty-state-banner\"\n\t\t\tdata-slot=\"dirty-state-banner\"\n\t\t\ttone={tone}\n\t\t\tclassName={cn('dirty-state-banner--component', className)}\n\t\t>\n\t\t\t<AlertTitle>{title}</AlertTitle>\n\t\t\t{!!description && (\n\t\t\t\t<AlertDescription>\n\t\t\t\t\t{description}\n\t\t\t\t</AlertDescription>\n\t\t\t)}\n\t\t\t{actions != null && (\n\t\t\t\t<div className=\"dirty-state-banner--actions col-start-2 min-w-0 pt-space-sm\">\n\t\t\t\t\t<Stack direction=\"horizontal\" wrap gap={compositionRhythm.commands}>{actions}</Stack>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Alert>\n\t);\n}\n\nexport interface SubmitStateButtonProps extends Omit<ButtonProps, 'loading'> {\n\t/** Semantic color. Defaults to `primary`: submitting is the form's main command. */\n\ttone?: ButtonProps['tone'];\n\t/** Shows the pending state and blocks repeat submissions. */\n\tsubmitting?: boolean;\n\t/** Whether the form has unsaved changes. */\n\tdirty?: boolean;\n\t/** Disables submit until `dirty` is true, so a clean form cannot be re-saved. */\n\tdisableWhenPristine?: boolean;\n}\n\nexport function SubmitStateButton({\n\tsubmitting = false,\n\tdirty = true,\n\tdisableWhenPristine = false,\n\tdisabled,\n\tchildren,\n\t...props\n}: SubmitStateButtonProps) {\n\treturn (\n\t\t<Button\n\t\t\t// Submitting is the form's main command; props can still choose another tone.\n\t\t\ttone=\"primary\"\n\t\t\t{...props}\n\t\t\tdata-component=\"submit-state-button\"\n\t\t\tdata-slot=\"submit-state-button\"\n\t\t\ttype={props.type ?? 'submit'}\n\t\t\tloading={submitting}\n\t\t\tdisabled={disabled || (disableWhenPristine && !dirty)}\n\t\t\tclassName={cn('submit-state-button--component', props.className)}\n\t\t>\n\t\t\t{children}\n\t\t</Button>\n\t);\n}\n","import { useMemo } from 'react';\nimport type { SubmitHandler } from 'react-hook-form';\nimport { useForm } from 'react-hook-form';\n\nimport { ControlledFormField } from './controlled-form-field';\nimport { Input } from '../text-inputs';\nimport { Stack } from '../structure';\nimport { Text } from '../../typography';\n\nexport type ErrorBag = Record<string, string | string[] | undefined>;\n\nexport interface OperationPasswordFormProps {\n\tformId: string;\n\tonSubmit: (data: { password: string }) => Promise<void>;\n\terrors?: ErrorBag;\n\t/** Shows the pending indicator. */\n\tloading?: boolean;\n\t/** Display label. */\n\tlabel: string;\n}\n\ninterface PasswordFormValues {\n\tpassword: string;\n}\n\nexport function OperationPasswordForm(props: OperationPasswordFormProps) {\n\tconst { formId, onSubmit, errors, loading = false, label } = props;\n\n\tconst getError = (field: keyof PasswordFormValues): string | undefined => {\n\t\tconst value = errors?.[field];\n\t\treturn Array.isArray(value) ? value[0] : value;\n\t};\n\tconst passwordError = getError('password');\n\tconst passwordErrorFn = passwordError ? () => passwordError : undefined;\n\n\tconst topLevelError =\n\t\t(Array.isArray(errors?.general) ? errors.general[0] : errors?.general) ||\n\t\t(Array.isArray(errors?.server) ? errors.server[0] : errors?.server);\n\n\tconst defaultValues = useMemo<PasswordFormValues>(() => ({ password: '' }), []);\n\n\tconst { handleSubmit, control } = useForm<PasswordFormValues>({ defaultValues });\n\n\tconst submit: SubmitHandler<PasswordFormValues> = async (values) => {\n\t\tawait onSubmit({ password: values.password });\n\t};\n\n\tconst disabled = loading;\n\n\treturn (\n\t\t<Stack\n\t\t\trender={<form />}\n\t\t\tgap=\"xl\"\n\t\t\tid={formId}\n\t\t\tonSubmit={handleSubmit(submit)}\n\t\t\tclassName=\"operation-password-form--component\"\n\t\t>\n\t\t\t{Boolean(topLevelError) && (\n\t\t\t\t<Text\n\t\t\t\t\ttype=\"error\"\n\t\t\t\t>\n\t\t\t\t\t{topLevelError}\n\t\t\t\t</Text>\n\t\t\t)}\n\n\t\t\t<ControlledFormField\n\t\t\t\tname=\"password\"\n\t\t\t\tcontrol={control}\n\t\t\t\terror={passwordErrorFn}\n\t\t\t\tlabel={label}\n\t\t\t\trequired\n\t\t\t>\n\t\t\t\t{(field, _error, invalid) => (\n\t\t\t\t\t<Input\n\t\t\t\t\t\ttype=\"password\"\n\t\t\t\t\t\tvalue={field.value ?? ''}\n\t\t\t\t\t\tonChange={field.onChange}\n\t\t\t\t\t\tonBlur={field.onBlur}\n\t\t\t\t\t\tname={field.name}\n\t\t\t\t\t\tinvalid={invalid}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tautoFocus\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</ControlledFormField>\n\t\t</Stack>\n\t);\n}\n\nOperationPasswordForm.displayName = 'OperationPasswordForm';\n"],"mappings":"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"}