@wildo-ai/saas-frontend-lib 1.1.9 → 1.1.11

package/dist/esm/components/form/fields/form-field-enum.js

@@ -6,8 +6,7 @@ import { useIconRegistry } from "../../../core/icons/useIconRegistry.js";
 import { IconSize, ICON_SIZE_MAP } from "../../../core/icons/icon-registry.frontend.schemas.js";
 import { Select } from "../../../components/form/controls/enum/select.js";
 import { RadioGroup } from "../../../components/form/controls/enum/radio.js";
-import { ToggleGroup, ToggleGroupItem, ToggleGroupType } from "../../../components/form/controls/enum/toggle-group.js";
-import { ToggleVariants_Variant } from "../../../components/form/controls/boolean/toggle.js";
+import { ToggleGroup, ToggleGroupAppearance, ToggleGroupItem, ToggleGroupType } from "../../../components/form/controls/enum/toggle-group.js";
 import { Card, CardListbox } from "../../../components/sections/card.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../../components/overlays/floating/tooltip.js";
 import { SelectMultiple } from "../../../components/form/controls/enum/select-multiple.js";
@@ -16,7 +15,9 @@ import { Combobox } from "../../../components/form/combobox.js";
 import { ComboboxMultiple } from "../../../components/form/combobox.js";
 import { EnumEditMode, EnumMultipleEditMode, getArrayConstraints, getArrayItemSchema, getEnumValues, resolveEnumEditMode, resolveEnumMultipleEditMode, LayoutDirection, DisplayDirection } from "@wildo-ai/zod-decorators";
 import { resolveEnumDisplayConfig } from "../../../core/enums/common-enum-registry.js";
-import { ButtonSize, ControlSize, CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { badgeVariantIndicator } from "../../../components/data-display/badge-tone.js";
+import { TONE_DOT_CLASS, TONE_MARKER_FILL } from "../../../components/data-display/tone-marker.js";
+import { ButtonSize, ControlSize, CorePresetNames, FrontendComponentType, isControlledByCaller } from '@wildo-ai/presets-components-models';
 import { createComponentResolverWithRef } from '../../../core/components-registry/component-resolver.frontend.helper.js';
 /**
  * Does this mode draw the VALUE'S GLYPH INSTEAD OF ITS WORDS?
@@ -128,6 +129,10 @@ export const FormFieldEnum_Preset_Default = React.forwardRef(({ schema, name, di
     const policyValues = enumUI?.values;
     const defaultIcon = enumUI?.defaultIcon;
     const hasAnyIcon = !!(policyValues && Object.values(policyValues).some(v => v.icon)) || !!defaultIcon;
+    // A vocabulary that COLOURS its values (status) without drawing them (no icons) marks each option with
+    // its tone dot — the same mark the read view's badge leads with — so the value reads the same when it
+    // is chosen as when it is shown.
+    const hasAnyTone = !!(policyValues && Object.values(policyValues).some(v => v.color)) || !!enumUI?.defaultColor;
     const comboboxSize = controlSize === ControlSize.SM ? 'sm' : 'md';
     const toggleSize = controlSize === ControlSize.SM ? ButtonSize.SM : ButtonSize.MD;
     const enumValues = getEnumValues(valueSchema) ?? [];
@@ -174,19 +179,23 @@ export const FormFieldEnum_Preset_Default = React.forwardRef(({ schema, name, di
         if (iconOnly && glyph !== null) {
             return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("span", { className: "inline-flex items-center justify-center", children: [glyph, _jsx("span", { className: "sr-only", children: option.label })] }) }), _jsx(TooltipContent, { children: option.label })] }));
         }
-        if (glyph === null)
-            return option.label;
+        if (glyph === null) {
+            const color = (policyValues?.[option.value]?.color ?? enumUI?.defaultColor);
+            if (!color || iconOnly)
+                return option.label;
+            return (_jsxs("span", { className: "inline-flex items-center gap-element-sm", children: [_jsx("span", { "aria-hidden": "true", className: cn(TONE_DOT_CLASS, TONE_MARKER_FILL[badgeVariantIndicator(color)]) }), option.label] }));
+        }
         return (_jsxs("span", { className: "inline-flex items-center gap-element-sm", children: [glyph, option.label] }));
-    }, [iconOnly, resolveOptionIcon]);
+    }, [iconOnly, resolveOptionIcon, policyValues, enumUI?.defaultColor]);
     /** The label renderer handed to controls that draw their own options (select, combobox). */
-    const renderOptionWithIcon = React.useMemo(() => (hasAnyIcon || iconOnly ? renderOptionContent : undefined), [hasAnyIcon, iconOnly, renderOptionContent]);
+    const renderOptionWithIcon = React.useMemo(() => (hasAnyIcon || iconOnly || hasAnyTone ? renderOptionContent : undefined), [hasAnyIcon, iconOnly, hasAnyTone, renderOptionContent]);
     const [internalValue, setInternalValue] = React.useState(defaultValue ?? (isMultiple ? [] : ''));
     // Controlled ⇔ the caller supplied a change handler (or a defined value).
     // An RHF-controlled value is legitimately `undefined` on CREATE surfaces;
     // deciding by value alone routed user input into internal state and never
     // called `onChange`, so form state silently stayed empty (`internalValue`
     // doubles as the stable empty-display fallback while controlled-empty).
-    const isControlled = onChange !== undefined || controlledValue !== undefined;
+    const isControlled = isControlledByCaller(controlledValue, onChange);
     const currentValue = controlledValue ?? internalValue;
     const handleChange = React.useCallback((newValue) => {
         if (readOnly)
@@ -304,9 +313,15 @@ export const FormFieldEnum_Preset_Default = React.forwardRef(({ schema, name, di
                     /*
                      * `MULTIPLE` is the whole difference from the single branch, and it had never been
                      * asked for: the type existed on the contract and no surface in the framework
-                     * selected it. Radix then emits an ARRAY, and every segment is independently on.
+                     * selected it. Radix then emits an ARRAY, and every option is independently on.
+                     */
+                    type: ToggleGroupType.MULTIPLE, 
+                    /*
+                     * CHIPS, because several values that combine are independent toggles, not one choice along
+                     * an axis. The segmented look (one raised thumb) promises exactly one; with several raised it
+                     * reads as a broken control.
                      */
-                    type: ToggleGroupType.MULTIPLE, value: selectedValues, onValueChange: (val) => handleMultipleChange(Array.isArray(val) ? val : (val ? [val] : [])), disabled: disabled || readOnly, size: toggleSize, variant: ToggleVariants_Variant.OUTLINE, orientation: optionsOrientation, className: className, children: boundedOptions.map((option) => (_jsx(ToggleGroupItem, { value: option.value, "aria-label": option.label, disabled: option.disabled, children: renderOptionContent(option) }, option.value))) }));
+                    appearance: ToggleGroupAppearance.CHIPS, value: selectedValues, onValueChange: (val) => handleMultipleChange(Array.isArray(val) ? val : (val ? [val] : [])), disabled: disabled || readOnly, size: toggleSize, orientation: optionsOrientation, className: className, children: boundedOptions.map((option) => (_jsx(ToggleGroupItem, { value: option.value, "aria-label": option.label, disabled: option.disabled, children: renderOptionContent(option) }, option.value))) }));
             case EnumMultipleEditMode.CARD:
             case EnumMultipleEditMode.CARD_ICON_ONLY:
                 return withBoundHint(_jsx(CardListbox, { ref: ref, "aria-multiselectable": true, "aria-disabled": disabled || readOnly ? true : undefined, "aria-required": required, className: cn("grid gap-element", className), style: { gridTemplateColumns: `repeat(${editColumnsCount}, minmax(0, 1fr))` }, children: boundedOptions.map((option) => {
@@ -347,27 +362,12 @@ export const FormFieldEnum_Preset_Default = React.forwardRef(({ schema, name, di
                 onValueChange: (val) => { if (val || clearable)
                     handleChange(val); }, disabled: disabled || readOnly, size: toggleSize, 
                 /*
-                 * OUTLINE, because a SEGMENTED CONTROL has to look segmented.
-                 *
-                 * The default variant is GHOST, which draws no edge at all, so the group rendered as
-                 * three loose buttons with one of them tinted — the thing this mode exists to be
-                 * distinguishable from is a row of toggles, and ghost makes it exactly that. OUTLINE is
-                 * the variant the toggle group's own border-collapse rules are written for
-                 * (`data-[variant=outline]:border-s-0` and its vertical twin), and before this NOTHING on
-                 * the enum path ever selected it: a whole mechanism, per theme, that no surface reached.
-                 *
-                 * The edge itself stays theme-owned — every theme defines its own INTERACTIVE.OUTLINE —
-                 * so this declares the SEMANTIC (these options are one control), never the border.
-                 */
-                variant: ToggleVariants_Variant.OUTLINE, 
-                /*
-                 * ORIENTATION IS A PROP, not a `flex-col` class. The direction decides which corners
-                 * round, which borders collapse and which axis the segments divide on — all of it lives
-                 * in the toggle-group preset, keyed on `data-orientation`, and all of it is theme-owned.
-                 * Flipping only the flex direction from here left every one of those rules in its
-                 * horizontal form, which is what made a vertical group render as a squashed, unrounded
-                 * list. A caller that reaches past the contract to restyle the control ends up owning a
-                 * copy of the control's layout.
+                 * ORIENTATION IS A PROP, not a `flex-col` class. The direction decides how the options
+                 * flow and whether they stretch, which lives in the toggle-group preset keyed on
+                 * `data-orientation`. Flipping only the flex direction from here left those rules in their
+                 * horizontal form, which is what made a vertical group render as a squashed list. A caller
+                 * that reaches past the contract to restyle the control ends up owning a copy of the
+                 * control's layout.
                  */
                 orientation: optionsOrientation, className: className, children: options.map((option) => (_jsx(ToggleGroupItem, { value: option.value, "aria-label": option.label, disabled: option.disabled, children: renderOptionContent(option) }, option.value))) }));
         /*

package/dist/esm/components/form/fields/form-field-enum.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-enum.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-enum.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { cn } from \"~wildo-frontend-lib/core/ui/cn\"\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\nimport { useIconRegistry } from \"~wildo-frontend-lib/core/icons/useIconRegistry\"\nimport { IconSize, ICON_SIZE_MAP } from \"~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas\"\nimport { Select } from \"~wildo-frontend-lib/components/form/controls/enum/select\"\nimport { RadioGroup } from \"~wildo-frontend-lib/components/form/controls/enum/radio\"\nimport { ToggleGroup, ToggleGroupItem, ToggleGroupType } from \"~wildo-frontend-lib/components/form/controls/enum/toggle-group\"\nimport { ToggleVariants_Variant } from \"~wildo-frontend-lib/components/form/controls/boolean/toggle\"\nimport { Card, CardListbox } from \"~wildo-frontend-lib/components/sections/card\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"~wildo-frontend-lib/components/overlays/floating/tooltip\"\nimport { SelectMultiple } from \"~wildo-frontend-lib/components/form/controls/enum/select-multiple\"\nimport { FormFieldCheckboxGroup } from \"~wildo-frontend-lib/components/form/controls/form-field-checkbox-group\"\nimport { Combobox } from \"~wildo-frontend-lib/components/form/combobox\"\nimport { ComboboxMultiple } from \"~wildo-frontend-lib/components/form/combobox\"\n\nimport { EnumEditMode, EnumMultipleEditMode, getArrayConstraints, getArrayItemSchema, getEnumValues, resolveEnumEditMode, resolveEnumMultipleEditMode, LayoutDirection, DisplayDirection } from \"@wildo-ai/zod-decorators\"\nimport { resolveEnumDisplayConfig } from \"~wildo-frontend-lib/core/enums/common-enum-registry\"\nimport type { IconLike } from \"@wildo-ai/zod-decorators\"\n\nimport { ButtonSize, ControlSize, CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps, FieldOption } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport interface FormFieldEnumProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  value?: string | string[]\n  onChange?: (value: string | string[]) => void\n  defaultValue?: string | string[]\n  options?: FieldOption<string>[]\n  placeholder?: string\n  /**\n   * The field holds an ARRAY of this enum, so the reader picks ANY NUMBER of the options.\n   *\n   * It selects a different vocabulary — {@link EnumMultipleEditMode} rather than\n   * {@link EnumEditMode} — because choosing several of a closed set is a different act with\n   * different controls, not the same control with a flag. When it is set, `schema` is the ARRAY\n   * schema and the options come from its element, which is where `enumUI()` is declared.\n   */\n  multiple?: boolean\n}\n\n/**\n * The element the resolved control exposes. `HTMLUListElement` is the CARD modes: a grid of option\n * cards is a `listbox`, so the element that carries the ref is the `ul` the options are `li`s of.\n */\nexport type FormFieldEnumRef = HTMLButtonElement | HTMLDivElement | HTMLUListElement\n\n/**\n * Does this mode draw the VALUE'S GLYPH INSTEAD OF ITS WORDS?\n *\n * A total map rather than a `mode.endsWith('_icon_only')` test, and rather than three more `case`\n * labels carrying a literal `true`: `Record<EnumEditMode, boolean>` makes a member added to the\n * vocabulary a COMPILE ERROR here, which is precisely what was missing. `RADIO_ICON_ONLY`,\n * `TOGGLE_ICON_ONLY` and `CARD_ICON_ONLY` have been in the vocabulary — and `TOGGLE_ICON_ONLY`\n * authored by Wonder Todos on `tasks.priority` — while the dispatcher's switch had no branch for\n * any of them, so all three fell through its `default` and rendered a plain dropdown. Nothing\n * failed: a mode with no branch is silently a `SELECT`.\n */\nconst ENUM_EDIT_MODE_IS_ICON_ONLY: Record<EnumEditMode, boolean> = {\n  [EnumEditMode.SELECT]: false,\n  [EnumEditMode.RADIO]: false,\n  [EnumEditMode.RADIO_ICON_ONLY]: true,\n  [EnumEditMode.TOGGLE]: false,\n  [EnumEditMode.TOGGLE_ICON_ONLY]: true,\n  [EnumEditMode.CARD]: false,\n  [EnumEditMode.CARD_ICON_ONLY]: true,\n  [EnumEditMode.COMBOBOX]: false,\n}\n\n/**\n * WHICH AXIS the options flow on when the author declares nothing, per mode.\n *\n * One default for every mode was wrong in both directions. A SEGMENTED CONTROL is a horizontal\n * idea — a row of abutting segments reading as one control — and it defaulted to a column, which\n * is also the orientation whose styling had never been written (see the toggle-group preset). A\n * ROW OF GLYPHS is likewise horizontal: stacking three 36px icons down the page spends a column of\n * vertical space to say what fits in one line. A RADIO GROUP, whose options carry sentences, stays\n * vertical. `editDirection` still overrides all of it.\n */\nconst ENUM_EDIT_MODE_DEFAULT_DIRECTION: Record<EnumEditMode, LayoutDirection> = {\n  [EnumEditMode.SELECT]: LayoutDirection.VERTICAL,\n  [EnumEditMode.RADIO]: LayoutDirection.VERTICAL,\n  [EnumEditMode.RADIO_ICON_ONLY]: LayoutDirection.HORIZONTAL,\n  [EnumEditMode.TOGGLE]: LayoutDirection.HORIZONTAL,\n  [EnumEditMode.TOGGLE_ICON_ONLY]: LayoutDirection.HORIZONTAL,\n  [EnumEditMode.CARD]: LayoutDirection.VERTICAL,\n  [EnumEditMode.CARD_ICON_ONLY]: LayoutDirection.VERTICAL,\n  [EnumEditMode.COMBOBOX]: LayoutDirection.VERTICAL,\n}\n\n/**\n * How many cards to a row when the author declares no `editColumnsCount`. A labelled card holds a\n * phrase and wants width; a card holding one glyph does not, and two-to-a-row leaves a grid of\n * mostly empty boxes.\n */\n/**\n * The multiple vocabulary's twin of {@link ENUM_EDIT_MODE_IS_ICON_ONLY}, total for the same reason:\n * a member added to `EnumMultipleEditMode` must be a compile error here rather than a mode that\n * quietly renders as something else.\n */\nconst ENUM_MULTIPLE_EDIT_MODE_IS_ICON_ONLY: Record<EnumMultipleEditMode, boolean> = {\n  [EnumMultipleEditMode.CHECKBOX]: false,\n  [EnumMultipleEditMode.SELECT]: false,\n  [EnumMultipleEditMode.TOGGLE]: false,\n  [EnumMultipleEditMode.TOGGLE_ICON_ONLY]: true,\n  [EnumMultipleEditMode.CARD]: false,\n  [EnumMultipleEditMode.CARD_ICON_ONLY]: true,\n  [EnumMultipleEditMode.COMBOBOX]: false,\n}\n\n/** Same reasoning as the single vocabulary's: a segmented row is horizontal, a checkbox list is not. */\nconst ENUM_MULTIPLE_EDIT_MODE_DEFAULT_DIRECTION: Record<EnumMultipleEditMode, LayoutDirection> = {\n  [EnumMultipleEditMode.CHECKBOX]: LayoutDirection.VERTICAL,\n  [EnumMultipleEditMode.SELECT]: LayoutDirection.VERTICAL,\n  [EnumMultipleEditMode.TOGGLE]: LayoutDirection.HORIZONTAL,\n  [EnumMultipleEditMode.TOGGLE_ICON_ONLY]: LayoutDirection.HORIZONTAL,\n  [EnumMultipleEditMode.CARD]: LayoutDirection.VERTICAL,\n  [EnumMultipleEditMode.CARD_ICON_ONLY]: LayoutDirection.VERTICAL,\n  [EnumMultipleEditMode.COMBOBOX]: LayoutDirection.VERTICAL,\n}\n\nconst ENUM_CARD_DEFAULT_COLUMNS = 2\nconst ENUM_CARD_ICON_ONLY_DEFAULT_COLUMNS = 4\n\n/**\n * FormFieldEnum component\n *\n * Renders an enum field according to the edit policy.\n * Chrome (label, description, error, autosave indicator) is rendered\n * externally by FormFieldChrome.\n */\nexport const FormFieldEnum_Preset_Default = React.forwardRef<FormFieldEnumRef, FormFieldEnumProps>(\n  ({\n  schema,\n  name,\n  disabled,\n  readOnly,\n  className,\n  value: controlledValue,\n  onChange,\n  onBlur,\n  defaultValue,\n  validationMode: validationModeProp,\n  options: optionsProp,\n  placeholder,\n  required,\n  autoFocus,\n  clearable,\n  multiple,\n  controlSize = ControlSize.MD,\n}, ref): React.JSX.Element | null => {\n  const { renderIcon } = useIconRegistry()\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD })\n\n  /* Read before the state hooks below, which need to know whether the empty value is `[]` or `''`. */\n  const currentValueForCardinality = controlledValue ?? defaultValue\n\n  /*\n   * THE VOCABULARY IS CHOSEN BY CARDINALITY, and everything below reads from whichever it picked.\n   *\n   * A multiple field's `schema` is the ARRAY — that is the field's own schema, which is what every\n   * other control here receives — while `enumUI()`, the value list and the per-value glyphs are all\n   * declared on its ELEMENT. So the element is what the enum questions are asked of, and the array\n   * is what the controls that need its constraints are handed.\n   */\n  const isMultiple = multiple === true || Array.isArray(currentValueForCardinality)\n  const valueSchema = (isMultiple ? getArrayItemSchema(schema) : undefined) ?? schema\n\n  const enumUI = resolveEnumDisplayConfig(valueSchema)\n  // Resolved rather than read — see `resolveStringEditMode`'s note: both\n  // `edit.editMode` and `edit.component` declare the editing shape.\n  const editMode = resolveEnumEditMode(valueSchema)\n  const multipleEditMode = resolveEnumMultipleEditMode(valueSchema)\n  const iconOnly = isMultiple\n    ? (ENUM_MULTIPLE_EDIT_MODE_IS_ICON_ONLY[multipleEditMode] ?? false)\n    : (ENUM_EDIT_MODE_IS_ICON_ONLY[editMode] ?? false)\n  const modeDefaultDirection = isMultiple\n    ? ENUM_MULTIPLE_EDIT_MODE_DEFAULT_DIRECTION[multipleEditMode]\n    : ENUM_EDIT_MODE_DEFAULT_DIRECTION[editMode]\n  const editDirection = enumUI?.edit?.editDirection ?? modeDefaultDirection ?? LayoutDirection.VERTICAL\n  const editColumnsCount = enumUI?.edit?.editColumnsCount ?? (iconOnly ? ENUM_CARD_ICON_ONLY_DEFAULT_COLUMNS : ENUM_CARD_DEFAULT_COLUMNS)\n  const policyValues = enumUI?.values\n  const defaultIcon = enumUI?.defaultIcon\n  const hasAnyIcon = !!(policyValues && Object.values(policyValues).some(v => v.icon)) || !!defaultIcon\n  const comboboxSize = controlSize === ControlSize.SM ? 'sm' : 'md'\n  const toggleSize = controlSize === ControlSize.SM ? ButtonSize.SM : ButtonSize.MD\n\n  const enumValues = getEnumValues(valueSchema) ?? []\n  const options: FieldOption<string>[] = optionsProp ?? enumValues.map(v => ({ value: v, label: v }))\n\n  /**\n   * Render an `IconLike` — dispatches between string refs (via icon registry)\n   * and direct React component refs (via createElement).\n   */\n  const renderIconLike = React.useCallback((icon: IconLike, className?: string): React.ReactNode => {\n    if (typeof icon === 'string') {\n      return renderIcon(icon, { size: IconSize.SM, className })\n    }\n    const sizeInPixels = ICON_SIZE_MAP[IconSize.SM]\n    return React.createElement(icon, { size: sizeInPixels, className })\n  }, [renderIcon])\n\n  const resolveOptionIcon = React.useCallback((optionValue: string): React.ReactNode | null => {\n    if (!hasAnyIcon) return null\n    const icon = policyValues?.[optionValue]?.icon ?? defaultIcon\n    if (!icon) return null\n    return renderIconLike(icon, \"shrink-0\")\n  }, [policyValues, defaultIcon, hasAnyIcon, renderIconLike])\n\n  /**\n   * AN OPTION'S CONTENT, decided in ONE place for every control this dispatcher can render.\n   *\n   * It used to be three hand-copied `<span className=\"inline-flex items-center gap-item-xs\">`\n   * blocks — one in the select/combobox label renderer, one in the toggle item, one in the card —\n   * which is how the gap came to be wrong in all three at once and how the icon-only modes had\n   * nowhere to be implemented.\n   *\n   * The gap is `element`, the spacing role whose own definition is \"between inline elements\n   * (icons, buttons, tags)\". It was `item-xs`, which is the wrong role at its smallest step:\n   * `--sp-item` is 0.25rem and `xs` is a quarter of it, so the glyph and its word sat **one pixel**\n   * apart and read as a single run-on token.\n   */\n  const renderOptionContent = React.useCallback((option: FieldOption<string>): React.ReactNode => {\n    const glyph = resolveOptionIcon(option.value)\n\n    /*\n     * ICON-ONLY FALLS BACK PER OPTION, not per mode. A value with no declared icon renders its\n     * words rather than an empty button: an icon-only control is a compression of the labelled one,\n     * and a vocabulary that only half-declares its glyphs must still be usable.\n     */\n    if (iconOnly && glyph !== null) {\n      return (\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <span className=\"inline-flex items-center justify-center\">\n              {glyph}\n              {/*\n                * The WORDS ARE STILL THERE for anything that reads rather than looks. The visible\n                * label is the glyph; the accessible name is this. A control whose only label is a\n                * picture is unnameable to a screen reader, and the tooltip — a hover affordance —\n                * is not a substitute, because it never opens for a keyboard or AT user.\n                */}\n              <span className=\"sr-only\">{option.label}</span>\n            </span>\n          </TooltipTrigger>\n          <TooltipContent>{option.label}</TooltipContent>\n        </Tooltip>\n      )\n    }\n\n    if (glyph === null) return option.label\n\n    return (\n      <span className=\"inline-flex items-center gap-element-sm\">\n        {glyph}\n        {option.label}\n      </span>\n    )\n  }, [iconOnly, resolveOptionIcon])\n\n  /** The label renderer handed to controls that draw their own options (select, combobox). */\n  const renderOptionWithIcon = React.useMemo(\n    () => (hasAnyIcon || iconOnly ? renderOptionContent : undefined),\n    [hasAnyIcon, iconOnly, renderOptionContent]\n  )\n\n  const [internalValue, setInternalValue] = React.useState<string | string[]>(\n    defaultValue ?? (isMultiple ? [] : '')\n  )\n\n  // Controlled ⇔ the caller supplied a change handler (or a defined value).\n  // An RHF-controlled value is legitimately `undefined` on CREATE surfaces;\n  // deciding by value alone routed user input into internal state and never\n  // called `onChange`, so form state silently stayed empty (`internalValue`\n  // doubles as the stable empty-display fallback while controlled-empty).\n  const isControlled = onChange !== undefined || controlledValue !== undefined\n  const currentValue = controlledValue ?? internalValue\n\n  const handleChange = React.useCallback((newValue: string | string[]) => {\n    if (readOnly) return\n    if (isControlled) {\n      onChange?.(newValue)\n    } else {\n      setInternalValue(newValue)\n    }\n  }, [isControlled, onChange, readOnly])\n\n  const handleBlur = React.useCallback(() => {\n    onBlur?.()\n  }, [onBlur])\n\n  const commonProps = {\n    schema,\n    name,\n    disabled,\n    className,\n    validationMode: validationModeProp,\n    autoFocus,\n    controlSize,\n  }\n\n  /*\n   * `LayoutDirection` (what an author declares) and `DisplayDirection` (what a control takes) carry\n   * the same two members under two names, so the crossing is one mapping, made once. It was written\n   * out at each control that needed it, which is how the toggle came to compare against a bare\n   * `'horizontal'` string while the radio compared against the enum.\n   */\n  const optionsOrientation = editDirection === LayoutDirection.HORIZONTAL ? DisplayDirection.HORIZONTAL : DisplayDirection.VERTICAL\n\n  if (!isReady) return null;\n\n  /*\n   * MULTIPLE SELECTION IS ITS OWN SWITCH over its own vocabulary, not a flag threaded through the\n   * single one. The two share the option renderer, the glyph resolution and the direction default,\n   * and share no control: picking several of a closed set is a different act, and every member\n   * below produces a control that can hold more than one answer.\n   *\n   * Before this existed, the only reachable multiple shapes were the checkbox group (by default)\n   * and the searchable popover (by declaring `EnumEditMode.COMBOBOX`, a SINGLE-select member, on\n   * the element) — so one member of that enum meant two different controls depending on whether\n   * the field happened to be an array, and the remaining seven meant nothing there at all.\n   */\n  if (isMultiple) {\n    const selectedValues = Array.isArray(currentValue) ? currentValue : (currentValue ? [currentValue as string] : [])\n\n    /*\n     * HOW MANY MAY BE CHOSEN is the array's own question, and it is asked ONCE here rather than by\n     * each control.\n     *\n     * `z.array(z.enum(X)).min(1).max(3)` has always carried the answer and exactly one of the seven\n     * multiple controls read it — the checkbox group, which refused to check past the maximum,\n     * refused to uncheck below the minimum, and printed the bound. The other six ignored it\n     * entirely, so declaring `.max(3)` and then choosing SELECT silently let a reader pick all\n     * five and discover the problem at submit.\n     *\n     * Enforced on two axes because one is not enough. `disabled` on the option is what a reader\n     * SEES — an affordance that has gone quiet needs no explanation — and it travels through\n     * `FieldOption`, which every one of these controls already honours. The guard on the change is\n     * what actually HOLDS: an option's disabled state cannot stop a \"select all\", a paste, or a\n     * keyboard gesture the control implements itself.\n     */\n    const bounds = getArrayConstraints(schema)\n    const isAtMaximum = bounds.maxLength !== undefined && selectedValues.length >= bounds.maxLength\n    const isAtMinimum = bounds.minLength !== undefined && selectedValues.length <= bounds.minLength\n\n    const boundedOptions: FieldOption<string>[] = (bounds.minLength === undefined && bounds.maxLength === undefined)\n      ? options\n      : options.map((option) => ({\n        ...option,\n        disabled: option.disabled === true || (selectedValues.includes(option.value) ? isAtMinimum : isAtMaximum),\n      }))\n\n    const handleMultipleChange = (next: string[]): void => {\n      if (bounds.maxLength !== undefined && next.length > bounds.maxLength) return\n      if (bounds.minLength !== undefined && next.length < bounds.minLength && next.length < selectedValues.length) return\n      handleChange(next)\n    }\n\n    const toggleValue = (value: string): void => {\n      handleMultipleChange(selectedValues.includes(value) ? selectedValues.filter((v) => v !== value) : [...selectedValues, value])\n    }\n\n    /**\n     * The bound, said in words, under whichever control rendered it.\n     *\n     * A disabled option tells a reader that they cannot choose it; only this tells them WHY, and it\n     * is the only thing that speaks before they have chosen anything at all. It lived inside the\n     * checkbox group, which is why six controls enforced nothing and explained nothing.\n     *\n     * The label refs keep their `checkbox…` names. They are internal identifiers, the TEXT they\n     * carry is correct for every control, and renaming them would regenerate the locale files of\n     * every application for a string no reader sees.\n     */\n    const boundHint = (bounds.minLength === undefined && bounds.maxLength === undefined)\n      ? null\n      : (\n        <p className=\"text-xs text-muted-foreground\" data-slot=\"enum-multiple-bound\">\n          {bounds.minLength !== undefined && bounds.maxLength !== undefined\n            ? bounds.minLength === bounds.maxLength\n              ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectExactly', { count: bounds.minLength })\n              : tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectRange', { min: bounds.minLength, max: bounds.maxLength })\n            : bounds.minLength !== undefined\n              ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectAtLeast', { count: bounds.minLength })\n              : tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectUpTo', { count: bounds.maxLength as number })}\n          {' '}({tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectedCount', { count: selectedValues.length })})\n        </p>\n      )\n\n    /*\n     * The hint is composed AROUND the control rather than inside it, and only when there is one —\n     * an unbounded field renders exactly what it rendered before, with no wrapper to change how a\n     * `w-fit` segmented group or a grid lays out.\n     */\n    const withBoundHint = (control: React.JSX.Element): React.JSX.Element =>\n      boundHint === null ? control : <div className=\"flex flex-col items-start gap-item-sm\">{control}{boundHint}</div>\n\n    switch (multipleEditMode) {\n      case EnumMultipleEditMode.CHECKBOX:\n        return withBoundHint(\n          <FormFieldCheckboxGroup\n            ref={ref as React.RefObject<HTMLDivElement>}\n            {...commonProps}\n            options={boundedOptions}\n            value={selectedValues}\n            onChange={handleMultipleChange}\n            onBlur={handleBlur}\n            controlSize={controlSize}\n          />\n        )\n\n      case EnumMultipleEditMode.SELECT:\n        return withBoundHint(\n          <SelectMultiple\n            ref={ref as React.RefObject<HTMLButtonElement>}\n            {...commonProps}\n            options={boundedOptions}\n            value={selectedValues}\n            onChange={handleMultipleChange}\n            onBlur={handleBlur}\n            placeholder={placeholder}\n            size={controlSize}\n            renderOptionLabel={renderOptionWithIcon}\n          />\n        )\n\n      case EnumMultipleEditMode.TOGGLE:\n      case EnumMultipleEditMode.TOGGLE_ICON_ONLY:\n        return withBoundHint(\n          <ToggleGroup\n            ref={ref as React.RefObject<HTMLDivElement>}\n            /*\n             * `MULTIPLE` is the whole difference from the single branch, and it had never been\n             * asked for: the type existed on the contract and no surface in the framework\n             * selected it. Radix then emits an ARRAY, and every segment is independently on.\n             */\n            type={ToggleGroupType.MULTIPLE}\n            value={selectedValues}\n            onValueChange={(val) => handleMultipleChange(Array.isArray(val) ? val : (val ? [val] : []))}\n            disabled={disabled || readOnly}\n            size={toggleSize}\n            variant={ToggleVariants_Variant.OUTLINE}\n            orientation={optionsOrientation}\n            className={className}\n          >\n            {boundedOptions.map((option) => (\n              <ToggleGroupItem\n                key={option.value}\n                value={option.value}\n                aria-label={option.label}\n                disabled={option.disabled}\n              >\n                {renderOptionContent(option)}\n              </ToggleGroupItem>\n            ))}\n          </ToggleGroup>\n        )\n\n      case EnumMultipleEditMode.CARD:\n      case EnumMultipleEditMode.CARD_ICON_ONLY:\n        return withBoundHint(\n          <CardListbox\n            ref={ref as React.RefObject<HTMLUListElement>}\n            /*\n             * `aria-multiselectable` is what tells a screen reader that choosing one card does not\n             * unchoose the last. Without it the listbox announces itself identically to the\n             * single-select grid while behaving differently, which is worse than either.\n             */\n            aria-multiselectable\n            aria-disabled={disabled || readOnly ? true : undefined}\n            aria-required={required}\n            className={cn(\"grid gap-element\", className)}\n            style={{ gridTemplateColumns: `repeat(${editColumnsCount}, minmax(0, 1fr))` }}\n          >\n            {boundedOptions.map((option) => {\n              const isSelected = selectedValues.includes(option.value)\n              const isUnavailable = disabled === true || readOnly === true || option.disabled === true\n              return (\n                <Card\n                  key={option.value}\n                  /*\n                   * WHICH OPTION THIS CARD IS, in the DOM. Every other control here says so — a toggle\n                   * segment carries `value`, a checkbox carries its id, a select option its value — and a\n                   * card carried nothing, so nothing could address one: not a test, not a browser drive,\n                   * not an analytics hook. Its visible text was the only handle, and that changes with the\n                   * locale.\n                   */\n                  data-option={option.value}\n                  aria-disabled={isUnavailable ? true : undefined}\n                  aria-label={iconOnly ? option.label : undefined}\n                  className={cn(\n                    \"p-card-sm text-sm font-medium\",\n                    iconOnly && \"flex items-center justify-center\",\n                    isUnavailable && \"cursor-not-allowed opacity-[var(--opacity-disabled)]\"\n                  )}\n                  option={{ onSelect: () => { if (!isUnavailable) toggleValue(option.value) } }}\n                  selected={isSelected}\n                  {...(isUnavailable ? { tabIndex: -1 } : {})}\n                >\n                  {renderOptionContent(option)}\n                </Card>\n              )\n            })}\n          </CardListbox>\n        )\n\n      case EnumMultipleEditMode.COMBOBOX:\n        return withBoundHint(\n          <ComboboxMultiple\n            ref={ref as React.RefObject<HTMLButtonElement>}\n            {...commonProps}\n            options={boundedOptions}\n            value={selectedValues}\n            onChange={handleMultipleChange}\n            onBlur={handleBlur}\n            placeholder={placeholder}\n            disabled={disabled || readOnly}\n            autoFocus={autoFocus}\n            size={comboboxSize}\n            showSelectAll\n            emptyMessage={tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noResults')}\n            searchPlaceholder={tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'searchPlaceholder')}\n            renderOption={renderOptionWithIcon ? (option) => renderOptionWithIcon(option) : undefined}\n          />\n        )\n\n      default: {\n        /* Same totality guard as the single switch: an unbranched member is a compile error. */\n        const unhandledMultipleEditMode: never = multipleEditMode\n        void unhandledMultipleEditMode\n        return withBoundHint(\n          <FormFieldCheckboxGroup\n            ref={ref as React.RefObject<HTMLDivElement>}\n            {...commonProps}\n            options={boundedOptions}\n            value={selectedValues}\n            onChange={handleMultipleChange}\n            onBlur={handleBlur}\n            controlSize={controlSize}\n          />\n        )\n      }\n    }\n  }\n\n  switch (editMode) {\n    case EnumEditMode.SELECT:\n      return (\n        <Select\n          ref={ref as React.RefObject<HTMLButtonElement>}\n          {...commonProps}\n          options={options}\n          value={currentValue as string}\n          onChange={handleChange as (value: string) => void}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          size={controlSize}\n          renderOptionLabel={renderOptionWithIcon}\n        />\n      )\n\n    /*\n     * RADIO and RADIO_ICON_ONLY are ONE control with two ways of drawing an option, which is why\n     * they share a branch rather than each having their own. `renderOptionContent` already knows\n     * which it is; duplicating the branch is how two spellings of the same control drift apart.\n     */\n    case EnumEditMode.RADIO:\n    case EnumEditMode.RADIO_ICON_ONLY:\n      return (\n        <RadioGroup\n          ref={ref as React.RefObject<HTMLDivElement>}\n          {...commonProps}\n          options={options}\n          value={currentValue as string}\n          onValueChange={handleChange as (value: string) => void}\n          onBlur={handleBlur}\n          orientation={optionsOrientation}\n          renderOptionLabel={renderOptionContent}\n        />\n      )\n\n    case EnumEditMode.TOGGLE:\n    case EnumEditMode.TOGGLE_ICON_ONLY:\n      return (\n        <ToggleGroup\n          ref={ref as React.RefObject<HTMLDivElement>}\n          type={ToggleGroupType.SINGLE}\n          value={currentValue as string}\n          // Deselecting the active toggle emits `''`. Swallowing that unconditionally made an\n          // optional enum un-emptiable — the one gesture the control offers for \"no value\" did\n          // nothing. It is forwarded when the field can be cleared (the field-clearing\n          // normalisation turns it into the cleared sentinel), and still swallowed otherwise, so a\n          // required enum cannot be toggled into an invalid empty state.\n          onValueChange={(val) => { if (val || clearable) handleChange(val); }}\n          disabled={disabled || readOnly}\n          size={toggleSize}\n          /*\n           * OUTLINE, because a SEGMENTED CONTROL has to look segmented.\n           *\n           * The default variant is GHOST, which draws no edge at all, so the group rendered as\n           * three loose buttons with one of them tinted — the thing this mode exists to be\n           * distinguishable from is a row of toggles, and ghost makes it exactly that. OUTLINE is\n           * the variant the toggle group's own border-collapse rules are written for\n           * (`data-[variant=outline]:border-s-0` and its vertical twin), and before this NOTHING on\n           * the enum path ever selected it: a whole mechanism, per theme, that no surface reached.\n           *\n           * The edge itself stays theme-owned — every theme defines its own INTERACTIVE.OUTLINE —\n           * so this declares the SEMANTIC (these options are one control), never the border.\n           */\n          variant={ToggleVariants_Variant.OUTLINE}\n          /*\n           * ORIENTATION IS A PROP, not a `flex-col` class. The direction decides which corners\n           * round, which borders collapse and which axis the segments divide on — all of it lives\n           * in the toggle-group preset, keyed on `data-orientation`, and all of it is theme-owned.\n           * Flipping only the flex direction from here left every one of those rules in its\n           * horizontal form, which is what made a vertical group render as a squashed, unrounded\n           * list. A caller that reaches past the contract to restyle the control ends up owning a\n           * copy of the control's layout.\n           */\n          orientation={optionsOrientation}\n          className={className}\n        >\n          {options.map((option) => (\n            <ToggleGroupItem\n              key={option.value}\n              value={option.value}\n              aria-label={option.label}\n              disabled={option.disabled}\n            >\n              {renderOptionContent(option)}\n            </ToggleGroupItem>\n          ))}\n        </ToggleGroup>\n      )\n\n    /*\n     * A CARD GRID IS A LISTBOX OF OPTION CARDS, and the framework already has one.\n     *\n     * This branch used to hand-roll it: `role=\"radiogroup\"` over `role=\"radio\"` divs, its own\n     * `tabIndex`, its own Enter/Space handler, and its own selected look written as\n     * `border-primary bg-primary/5`. Every part of that already exists on `Card` as `option` and\n     * `selected` — including the arrow-key roving focus this never had, and a selected state drawn\n     * from the theme's SELECTABLE recipe, so it changes with the theme instead of pinning one\n     * literal tint. The local copy was both more code and less control.\n     */\n    case EnumEditMode.CARD:\n    case EnumEditMode.CARD_ICON_ONLY:\n      return (\n        <CardListbox\n          ref={ref as React.RefObject<HTMLUListElement>}\n          aria-disabled={disabled || readOnly ? true : undefined}\n          aria-required={required}\n          className={cn(\"grid gap-element\", className)}\n          style={{ gridTemplateColumns: `repeat(${editColumnsCount}, minmax(0, 1fr))` }}\n        >\n          {options.map((option) => {\n            const isSelected = currentValue === option.value\n            const isUnavailable = disabled === true || readOnly === true || option.disabled === true\n            return (\n              <Card\n                key={option.value}\n                /*\n                 * WHICH OPTION THIS CARD IS, in the DOM. Every other control here says so — a toggle\n                 * segment carries `value`, a checkbox carries its id, a select option its value — and a\n                 * card carried nothing, so nothing could address one: not a test, not a browser drive,\n                 * not an analytics hook. Its visible text was the only handle, and that changes with the\n                 * locale.\n                 */\n                data-option={option.value}\n                aria-disabled={isUnavailable ? true : undefined}\n                aria-label={iconOnly ? option.label : undefined}\n                className={cn(\n                  \"p-card-sm text-sm font-medium\",\n                  iconOnly && \"flex items-center justify-center\",\n                  isUnavailable && \"cursor-not-allowed opacity-[var(--opacity-disabled)]\"\n                )}\n                option={{ onSelect: () => { if (!isUnavailable) handleChange(option.value) } }}\n                selected={isSelected}\n                {...(isUnavailable ? { tabIndex: -1 } : {})}\n              >\n                {renderOptionContent(option)}\n              </Card>\n            )\n          })}\n        </CardListbox>\n      )\n\n    case EnumEditMode.COMBOBOX:\n      return (\n        <Combobox\n          ref={ref as React.RefObject<HTMLButtonElement>}\n          {...commonProps}\n          options={options}\n          value={currentValue as string}\n          onChange={handleChange as (value: string) => void}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          disabled={disabled || readOnly}\n          autoFocus={autoFocus}\n          size={comboboxSize}\n          emptyMessage={tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noResults')}\n          searchPlaceholder={tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'searchPlaceholder')}\n          renderOption={renderOptionWithIcon ? (option) => renderOptionWithIcon(option) : undefined}\n          renderSelectedValue={renderOptionWithIcon}\n        />\n      )\n\n    /*\n     * THE FALLBACK IS NOW UNREACHABLE BY A DECLARED MODE, and the assignment below is what keeps it\n     * that way: with every member branched, `editMode` narrows to `never` here, so adding one to\n     * the vocabulary without a branch is a COMPILE ERROR rather than a silent dropdown. That\n     * silence is the whole reason three modes shipped unimplemented.\n     *\n     * The `Select` stays for the runtime case a type cannot cover — a mode read back from a stored\n     * specification written by a newer engine. Falling back to the most general control beats\n     * rendering nothing.\n     */\n    default: {\n      const unhandledEditMode: never = editMode\n      void unhandledEditMode\n      return (\n        <Select\n          ref={ref as React.RefObject<HTMLButtonElement>}\n          {...commonProps}\n          options={options}\n          value={currentValue as string}\n          onChange={handleChange as (value: string) => void}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          size={controlSize}\n        />\n      )\n    }\n  }\n})\n\n// --- Wrapper ---\nexport const FormFieldEnum = forwardRef<FormFieldEnumRef, FormFieldEnumProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<FormFieldEnumProps, FormFieldEnumRef>(\n      FrontendComponentType.LOW_LEVEL_FORM_FIELD_ENUM,\n      'FormFieldEnum'\n    )(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nFormFieldEnum.displayName = 'FormFieldEnum'\n"]}
+{"version":3,"file":"form-field-enum.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-enum.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { cn } from \"~wildo-frontend-lib/core/ui/cn\"\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\nimport { useIconRegistry } from \"~wildo-frontend-lib/core/icons/useIconRegistry\"\nimport { IconSize, ICON_SIZE_MAP } from \"~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas\"\nimport { Select } from \"~wildo-frontend-lib/components/form/controls/enum/select\"\nimport { RadioGroup } from \"~wildo-frontend-lib/components/form/controls/enum/radio\"\nimport { ToggleGroup, ToggleGroupAppearance, ToggleGroupItem, ToggleGroupType } from \"~wildo-frontend-lib/components/form/controls/enum/toggle-group\"\nimport { Card, CardListbox } from \"~wildo-frontend-lib/components/sections/card\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"~wildo-frontend-lib/components/overlays/floating/tooltip\"\nimport { SelectMultiple } from \"~wildo-frontend-lib/components/form/controls/enum/select-multiple\"\nimport { FormFieldCheckboxGroup } from \"~wildo-frontend-lib/components/form/controls/form-field-checkbox-group\"\nimport { Combobox } from \"~wildo-frontend-lib/components/form/combobox\"\nimport { ComboboxMultiple } from \"~wildo-frontend-lib/components/form/combobox\"\n\nimport { EnumEditMode, EnumMultipleEditMode, getArrayConstraints, getArrayItemSchema, getEnumValues, resolveEnumEditMode, resolveEnumMultipleEditMode, LayoutDirection, DisplayDirection } from \"@wildo-ai/zod-decorators\"\nimport { resolveEnumDisplayConfig } from \"~wildo-frontend-lib/core/enums/common-enum-registry\"\nimport { badgeVariantIndicator } from \"~wildo-frontend-lib/components/data-display/badge-tone\"\nimport { TONE_DOT_CLASS, TONE_MARKER_FILL } from \"~wildo-frontend-lib/components/data-display/tone-marker\"\nimport type { BadgeVariants_Variant } from \"~wildo-frontend-lib/components/data-display/badge\"\nimport type { IconLike } from \"@wildo-ai/zod-decorators\"\n\nimport { ButtonSize, ControlSize, CorePresetNames, FrontendComponentType, isControlledByCaller } from '@wildo-ai/presets-components-models'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps, FieldOption } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport interface FormFieldEnumProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  value?: string | string[]\n  onChange?: (value: string | string[]) => void\n  defaultValue?: string | string[]\n  options?: FieldOption<string>[]\n  placeholder?: string\n  /**\n   * The field holds an ARRAY of this enum, so the reader picks ANY NUMBER of the options.\n   *\n   * It selects a different vocabulary — {@link EnumMultipleEditMode} rather than\n   * {@link EnumEditMode} — because choosing several of a closed set is a different act with\n   * different controls, not the same control with a flag. When it is set, `schema` is the ARRAY\n   * schema and the options come from its element, which is where `enumUI()` is declared.\n   */\n  multiple?: boolean\n}\n\n/**\n * The element the resolved control exposes. `HTMLUListElement` is the CARD modes: a grid of option\n * cards is a `listbox`, so the element that carries the ref is the `ul` the options are `li`s of.\n */\nexport type FormFieldEnumRef = HTMLButtonElement | HTMLDivElement | HTMLUListElement\n\n/**\n * Does this mode draw the VALUE'S GLYPH INSTEAD OF ITS WORDS?\n *\n * A total map rather than a `mode.endsWith('_icon_only')` test, and rather than three more `case`\n * labels carrying a literal `true`: `Record<EnumEditMode, boolean>` makes a member added to the\n * vocabulary a COMPILE ERROR here, which is precisely what was missing. `RADIO_ICON_ONLY`,\n * `TOGGLE_ICON_ONLY` and `CARD_ICON_ONLY` have been in the vocabulary — and `TOGGLE_ICON_ONLY`\n * authored by Wonder Todos on `tasks.priority` — while the dispatcher's switch had no branch for\n * any of them, so all three fell through its `default` and rendered a plain dropdown. Nothing\n * failed: a mode with no branch is silently a `SELECT`.\n */\nconst ENUM_EDIT_MODE_IS_ICON_ONLY: Record<EnumEditMode, boolean> = {\n  [EnumEditMode.SELECT]: false,\n  [EnumEditMode.RADIO]: false,\n  [EnumEditMode.RADIO_ICON_ONLY]: true,\n  [EnumEditMode.TOGGLE]: false,\n  [EnumEditMode.TOGGLE_ICON_ONLY]: true,\n  [EnumEditMode.CARD]: false,\n  [EnumEditMode.CARD_ICON_ONLY]: true,\n  [EnumEditMode.COMBOBOX]: false,\n}\n\n/**\n * WHICH AXIS the options flow on when the author declares nothing, per mode.\n *\n * One default for every mode was wrong in both directions. A SEGMENTED CONTROL is a horizontal\n * idea — a row of abutting segments reading as one control — and it defaulted to a column, which\n * is also the orientation whose styling had never been written (see the toggle-group preset). A\n * ROW OF GLYPHS is likewise horizontal: stacking three 36px icons down the page spends a column of\n * vertical space to say what fits in one line. A RADIO GROUP, whose options carry sentences, stays\n * vertical. `editDirection` still overrides all of it.\n */\nconst ENUM_EDIT_MODE_DEFAULT_DIRECTION: Record<EnumEditMode, LayoutDirection> = {\n  [EnumEditMode.SELECT]: LayoutDirection.VERTICAL,\n  [EnumEditMode.RADIO]: LayoutDirection.VERTICAL,\n  [EnumEditMode.RADIO_ICON_ONLY]: LayoutDirection.HORIZONTAL,\n  [EnumEditMode.TOGGLE]: LayoutDirection.HORIZONTAL,\n  [EnumEditMode.TOGGLE_ICON_ONLY]: LayoutDirection.HORIZONTAL,\n  [EnumEditMode.CARD]: LayoutDirection.VERTICAL,\n  [EnumEditMode.CARD_ICON_ONLY]: LayoutDirection.VERTICAL,\n  [EnumEditMode.COMBOBOX]: LayoutDirection.VERTICAL,\n}\n\n/**\n * How many cards to a row when the author declares no `editColumnsCount`. A labelled card holds a\n * phrase and wants width; a card holding one glyph does not, and two-to-a-row leaves a grid of\n * mostly empty boxes.\n */\n/**\n * The multiple vocabulary's twin of {@link ENUM_EDIT_MODE_IS_ICON_ONLY}, total for the same reason:\n * a member added to `EnumMultipleEditMode` must be a compile error here rather than a mode that\n * quietly renders as something else.\n */\nconst ENUM_MULTIPLE_EDIT_MODE_IS_ICON_ONLY: Record<EnumMultipleEditMode, boolean> = {\n  [EnumMultipleEditMode.CHECKBOX]: false,\n  [EnumMultipleEditMode.SELECT]: false,\n  [EnumMultipleEditMode.TOGGLE]: false,\n  [EnumMultipleEditMode.TOGGLE_ICON_ONLY]: true,\n  [EnumMultipleEditMode.CARD]: false,\n  [EnumMultipleEditMode.CARD_ICON_ONLY]: true,\n  [EnumMultipleEditMode.COMBOBOX]: false,\n}\n\n/** Same reasoning as the single vocabulary's: a segmented row is horizontal, a checkbox list is not. */\nconst ENUM_MULTIPLE_EDIT_MODE_DEFAULT_DIRECTION: Record<EnumMultipleEditMode, LayoutDirection> = {\n  [EnumMultipleEditMode.CHECKBOX]: LayoutDirection.VERTICAL,\n  [EnumMultipleEditMode.SELECT]: LayoutDirection.VERTICAL,\n  [EnumMultipleEditMode.TOGGLE]: LayoutDirection.HORIZONTAL,\n  [EnumMultipleEditMode.TOGGLE_ICON_ONLY]: LayoutDirection.HORIZONTAL,\n  [EnumMultipleEditMode.CARD]: LayoutDirection.VERTICAL,\n  [EnumMultipleEditMode.CARD_ICON_ONLY]: LayoutDirection.VERTICAL,\n  [EnumMultipleEditMode.COMBOBOX]: LayoutDirection.VERTICAL,\n}\n\nconst ENUM_CARD_DEFAULT_COLUMNS = 2\nconst ENUM_CARD_ICON_ONLY_DEFAULT_COLUMNS = 4\n\n/**\n * FormFieldEnum component\n *\n * Renders an enum field according to the edit policy.\n * Chrome (label, description, error, autosave indicator) is rendered\n * externally by FormFieldChrome.\n */\nexport const FormFieldEnum_Preset_Default = React.forwardRef<FormFieldEnumRef, FormFieldEnumProps>(\n  ({\n  schema,\n  name,\n  disabled,\n  readOnly,\n  className,\n  value: controlledValue,\n  onChange,\n  onBlur,\n  defaultValue,\n  validationMode: validationModeProp,\n  options: optionsProp,\n  placeholder,\n  required,\n  autoFocus,\n  clearable,\n  multiple,\n  controlSize = ControlSize.MD,\n}, ref): React.JSX.Element | null => {\n  const { renderIcon } = useIconRegistry()\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD })\n\n  /* Read before the state hooks below, which need to know whether the empty value is `[]` or `''`. */\n  const currentValueForCardinality = controlledValue ?? defaultValue\n\n  /*\n   * THE VOCABULARY IS CHOSEN BY CARDINALITY, and everything below reads from whichever it picked.\n   *\n   * A multiple field's `schema` is the ARRAY — that is the field's own schema, which is what every\n   * other control here receives — while `enumUI()`, the value list and the per-value glyphs are all\n   * declared on its ELEMENT. So the element is what the enum questions are asked of, and the array\n   * is what the controls that need its constraints are handed.\n   */\n  const isMultiple = multiple === true || Array.isArray(currentValueForCardinality)\n  const valueSchema = (isMultiple ? getArrayItemSchema(schema) : undefined) ?? schema\n\n  const enumUI = resolveEnumDisplayConfig(valueSchema)\n  // Resolved rather than read — see `resolveStringEditMode`'s note: both\n  // `edit.editMode` and `edit.component` declare the editing shape.\n  const editMode = resolveEnumEditMode(valueSchema)\n  const multipleEditMode = resolveEnumMultipleEditMode(valueSchema)\n  const iconOnly = isMultiple\n    ? (ENUM_MULTIPLE_EDIT_MODE_IS_ICON_ONLY[multipleEditMode] ?? false)\n    : (ENUM_EDIT_MODE_IS_ICON_ONLY[editMode] ?? false)\n  const modeDefaultDirection = isMultiple\n    ? ENUM_MULTIPLE_EDIT_MODE_DEFAULT_DIRECTION[multipleEditMode]\n    : ENUM_EDIT_MODE_DEFAULT_DIRECTION[editMode]\n  const editDirection = enumUI?.edit?.editDirection ?? modeDefaultDirection ?? LayoutDirection.VERTICAL\n  const editColumnsCount = enumUI?.edit?.editColumnsCount ?? (iconOnly ? ENUM_CARD_ICON_ONLY_DEFAULT_COLUMNS : ENUM_CARD_DEFAULT_COLUMNS)\n  const policyValues = enumUI?.values\n  const defaultIcon = enumUI?.defaultIcon\n  const hasAnyIcon = !!(policyValues && Object.values(policyValues).some(v => v.icon)) || !!defaultIcon\n  // A vocabulary that COLOURS its values (status) without drawing them (no icons) marks each option with\n  // its tone dot — the same mark the read view's badge leads with — so the value reads the same when it\n  // is chosen as when it is shown.\n  const hasAnyTone = !!(policyValues && Object.values(policyValues).some(v => v.color)) || !!enumUI?.defaultColor\n  const comboboxSize = controlSize === ControlSize.SM ? 'sm' : 'md'\n  const toggleSize = controlSize === ControlSize.SM ? ButtonSize.SM : ButtonSize.MD\n\n  const enumValues = getEnumValues(valueSchema) ?? []\n  const options: FieldOption<string>[] = optionsProp ?? enumValues.map(v => ({ value: v, label: v }))\n\n  /**\n   * Render an `IconLike` — dispatches between string refs (via icon registry)\n   * and direct React component refs (via createElement).\n   */\n  const renderIconLike = React.useCallback((icon: IconLike, className?: string): React.ReactNode => {\n    if (typeof icon === 'string') {\n      return renderIcon(icon, { size: IconSize.SM, className })\n    }\n    const sizeInPixels = ICON_SIZE_MAP[IconSize.SM]\n    return React.createElement(icon, { size: sizeInPixels, className })\n  }, [renderIcon])\n\n  const resolveOptionIcon = React.useCallback((optionValue: string): React.ReactNode | null => {\n    if (!hasAnyIcon) return null\n    const icon = policyValues?.[optionValue]?.icon ?? defaultIcon\n    if (!icon) return null\n    return renderIconLike(icon, \"shrink-0\")\n  }, [policyValues, defaultIcon, hasAnyIcon, renderIconLike])\n\n  /**\n   * AN OPTION'S CONTENT, decided in ONE place for every control this dispatcher can render.\n   *\n   * It used to be three hand-copied `<span className=\"inline-flex items-center gap-item-xs\">`\n   * blocks — one in the select/combobox label renderer, one in the toggle item, one in the card —\n   * which is how the gap came to be wrong in all three at once and how the icon-only modes had\n   * nowhere to be implemented.\n   *\n   * The gap is `element`, the spacing role whose own definition is \"between inline elements\n   * (icons, buttons, tags)\". It was `item-xs`, which is the wrong role at its smallest step:\n   * `--sp-item` is 0.25rem and `xs` is a quarter of it, so the glyph and its word sat **one pixel**\n   * apart and read as a single run-on token.\n   */\n  const renderOptionContent = React.useCallback((option: FieldOption<string>): React.ReactNode => {\n    const glyph = resolveOptionIcon(option.value)\n\n    /*\n     * ICON-ONLY FALLS BACK PER OPTION, not per mode. A value with no declared icon renders its\n     * words rather than an empty button: an icon-only control is a compression of the labelled one,\n     * and a vocabulary that only half-declares its glyphs must still be usable.\n     */\n    if (iconOnly && glyph !== null) {\n      return (\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <span className=\"inline-flex items-center justify-center\">\n              {glyph}\n              {/*\n                * The WORDS ARE STILL THERE for anything that reads rather than looks. The visible\n                * label is the glyph; the accessible name is this. A control whose only label is a\n                * picture is unnameable to a screen reader, and the tooltip — a hover affordance —\n                * is not a substitute, because it never opens for a keyboard or AT user.\n                */}\n              <span className=\"sr-only\">{option.label}</span>\n            </span>\n          </TooltipTrigger>\n          <TooltipContent>{option.label}</TooltipContent>\n        </Tooltip>\n      )\n    }\n\n    if (glyph === null) {\n      const color = (policyValues?.[option.value]?.color ?? enumUI?.defaultColor) as BadgeVariants_Variant | undefined\n      if (!color || iconOnly) return option.label\n      return (\n        <span className=\"inline-flex items-center gap-element-sm\">\n          <span aria-hidden=\"true\" className={cn(TONE_DOT_CLASS, TONE_MARKER_FILL[badgeVariantIndicator(color)])} />\n          {option.label}\n        </span>\n      )\n    }\n\n    return (\n      <span className=\"inline-flex items-center gap-element-sm\">\n        {glyph}\n        {option.label}\n      </span>\n    )\n  }, [iconOnly, resolveOptionIcon, policyValues, enumUI?.defaultColor])\n\n  /** The label renderer handed to controls that draw their own options (select, combobox). */\n  const renderOptionWithIcon = React.useMemo(\n    () => (hasAnyIcon || iconOnly || hasAnyTone ? renderOptionContent : undefined),\n    [hasAnyIcon, iconOnly, hasAnyTone, renderOptionContent]\n  )\n\n  const [internalValue, setInternalValue] = React.useState<string | string[]>(\n    defaultValue ?? (isMultiple ? [] : '')\n  )\n\n  // Controlled ⇔ the caller supplied a change handler (or a defined value).\n  // An RHF-controlled value is legitimately `undefined` on CREATE surfaces;\n  // deciding by value alone routed user input into internal state and never\n  // called `onChange`, so form state silently stayed empty (`internalValue`\n  // doubles as the stable empty-display fallback while controlled-empty).\n  const isControlled = isControlledByCaller(controlledValue, onChange)\n  const currentValue = controlledValue ?? internalValue\n\n  const handleChange = React.useCallback((newValue: string | string[]) => {\n    if (readOnly) return\n    if (isControlled) {\n      onChange?.(newValue)\n    } else {\n      setInternalValue(newValue)\n    }\n  }, [isControlled, onChange, readOnly])\n\n  const handleBlur = React.useCallback(() => {\n    onBlur?.()\n  }, [onBlur])\n\n  const commonProps = {\n    schema,\n    name,\n    disabled,\n    className,\n    validationMode: validationModeProp,\n    autoFocus,\n    controlSize,\n  }\n\n  /*\n   * `LayoutDirection` (what an author declares) and `DisplayDirection` (what a control takes) carry\n   * the same two members under two names, so the crossing is one mapping, made once. It was written\n   * out at each control that needed it, which is how the toggle came to compare against a bare\n   * `'horizontal'` string while the radio compared against the enum.\n   */\n  const optionsOrientation = editDirection === LayoutDirection.HORIZONTAL ? DisplayDirection.HORIZONTAL : DisplayDirection.VERTICAL\n\n  if (!isReady) return null;\n\n  /*\n   * MULTIPLE SELECTION IS ITS OWN SWITCH over its own vocabulary, not a flag threaded through the\n   * single one. The two share the option renderer, the glyph resolution and the direction default,\n   * and share no control: picking several of a closed set is a different act, and every member\n   * below produces a control that can hold more than one answer.\n   *\n   * Before this existed, the only reachable multiple shapes were the checkbox group (by default)\n   * and the searchable popover (by declaring `EnumEditMode.COMBOBOX`, a SINGLE-select member, on\n   * the element) — so one member of that enum meant two different controls depending on whether\n   * the field happened to be an array, and the remaining seven meant nothing there at all.\n   */\n  if (isMultiple) {\n    const selectedValues = Array.isArray(currentValue) ? currentValue : (currentValue ? [currentValue as string] : [])\n\n    /*\n     * HOW MANY MAY BE CHOSEN is the array's own question, and it is asked ONCE here rather than by\n     * each control.\n     *\n     * `z.array(z.enum(X)).min(1).max(3)` has always carried the answer and exactly one of the seven\n     * multiple controls read it — the checkbox group, which refused to check past the maximum,\n     * refused to uncheck below the minimum, and printed the bound. The other six ignored it\n     * entirely, so declaring `.max(3)` and then choosing SELECT silently let a reader pick all\n     * five and discover the problem at submit.\n     *\n     * Enforced on two axes because one is not enough. `disabled` on the option is what a reader\n     * SEES — an affordance that has gone quiet needs no explanation — and it travels through\n     * `FieldOption`, which every one of these controls already honours. The guard on the change is\n     * what actually HOLDS: an option's disabled state cannot stop a \"select all\", a paste, or a\n     * keyboard gesture the control implements itself.\n     */\n    const bounds = getArrayConstraints(schema)\n    const isAtMaximum = bounds.maxLength !== undefined && selectedValues.length >= bounds.maxLength\n    const isAtMinimum = bounds.minLength !== undefined && selectedValues.length <= bounds.minLength\n\n    const boundedOptions: FieldOption<string>[] = (bounds.minLength === undefined && bounds.maxLength === undefined)\n      ? options\n      : options.map((option) => ({\n        ...option,\n        disabled: option.disabled === true || (selectedValues.includes(option.value) ? isAtMinimum : isAtMaximum),\n      }))\n\n    const handleMultipleChange = (next: string[]): void => {\n      if (bounds.maxLength !== undefined && next.length > bounds.maxLength) return\n      if (bounds.minLength !== undefined && next.length < bounds.minLength && next.length < selectedValues.length) return\n      handleChange(next)\n    }\n\n    const toggleValue = (value: string): void => {\n      handleMultipleChange(selectedValues.includes(value) ? selectedValues.filter((v) => v !== value) : [...selectedValues, value])\n    }\n\n    /**\n     * The bound, said in words, under whichever control rendered it.\n     *\n     * A disabled option tells a reader that they cannot choose it; only this tells them WHY, and it\n     * is the only thing that speaks before they have chosen anything at all. It lived inside the\n     * checkbox group, which is why six controls enforced nothing and explained nothing.\n     *\n     * The label refs keep their `checkbox…` names. They are internal identifiers, the TEXT they\n     * carry is correct for every control, and renaming them would regenerate the locale files of\n     * every application for a string no reader sees.\n     */\n    const boundHint = (bounds.minLength === undefined && bounds.maxLength === undefined)\n      ? null\n      : (\n        <p className=\"text-xs text-muted-foreground\" data-slot=\"enum-multiple-bound\">\n          {bounds.minLength !== undefined && bounds.maxLength !== undefined\n            ? bounds.minLength === bounds.maxLength\n              ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectExactly', { count: bounds.minLength })\n              : tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectRange', { min: bounds.minLength, max: bounds.maxLength })\n            : bounds.minLength !== undefined\n              ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectAtLeast', { count: bounds.minLength })\n              : tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectUpTo', { count: bounds.maxLength as number })}\n          {' '}({tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectedCount', { count: selectedValues.length })})\n        </p>\n      )\n\n    /*\n     * The hint is composed AROUND the control rather than inside it, and only when there is one —\n     * an unbounded field renders exactly what it rendered before, with no wrapper to change how a\n     * `w-fit` segmented group or a grid lays out.\n     */\n    const withBoundHint = (control: React.JSX.Element): React.JSX.Element =>\n      boundHint === null ? control : <div className=\"flex flex-col items-start gap-item-sm\">{control}{boundHint}</div>\n\n    switch (multipleEditMode) {\n      case EnumMultipleEditMode.CHECKBOX:\n        return withBoundHint(\n          <FormFieldCheckboxGroup\n            ref={ref as React.RefObject<HTMLDivElement>}\n            {...commonProps}\n            options={boundedOptions}\n            value={selectedValues}\n            onChange={handleMultipleChange}\n            onBlur={handleBlur}\n            controlSize={controlSize}\n          />\n        )\n\n      case EnumMultipleEditMode.SELECT:\n        return withBoundHint(\n          <SelectMultiple\n            ref={ref as React.RefObject<HTMLButtonElement>}\n            {...commonProps}\n            options={boundedOptions}\n            value={selectedValues}\n            onChange={handleMultipleChange}\n            onBlur={handleBlur}\n            placeholder={placeholder}\n            size={controlSize}\n            renderOptionLabel={renderOptionWithIcon}\n          />\n        )\n\n      case EnumMultipleEditMode.TOGGLE:\n      case EnumMultipleEditMode.TOGGLE_ICON_ONLY:\n        return withBoundHint(\n          <ToggleGroup\n            ref={ref as React.RefObject<HTMLDivElement>}\n            /*\n             * `MULTIPLE` is the whole difference from the single branch, and it had never been\n             * asked for: the type existed on the contract and no surface in the framework\n             * selected it. Radix then emits an ARRAY, and every option is independently on.\n             */\n            type={ToggleGroupType.MULTIPLE}\n            /*\n             * CHIPS, because several values that combine are independent toggles, not one choice along\n             * an axis. The segmented look (one raised thumb) promises exactly one; with several raised it\n             * reads as a broken control.\n             */\n            appearance={ToggleGroupAppearance.CHIPS}\n            value={selectedValues}\n            onValueChange={(val) => handleMultipleChange(Array.isArray(val) ? val : (val ? [val] : []))}\n            disabled={disabled || readOnly}\n            size={toggleSize}\n            orientation={optionsOrientation}\n            className={className}\n          >\n            {boundedOptions.map((option) => (\n              <ToggleGroupItem\n                key={option.value}\n                value={option.value}\n                aria-label={option.label}\n                disabled={option.disabled}\n              >\n                {renderOptionContent(option)}\n              </ToggleGroupItem>\n            ))}\n          </ToggleGroup>\n        )\n\n      case EnumMultipleEditMode.CARD:\n      case EnumMultipleEditMode.CARD_ICON_ONLY:\n        return withBoundHint(\n          <CardListbox\n            ref={ref as React.RefObject<HTMLUListElement>}\n            /*\n             * `aria-multiselectable` is what tells a screen reader that choosing one card does not\n             * unchoose the last. Without it the listbox announces itself identically to the\n             * single-select grid while behaving differently, which is worse than either.\n             */\n            aria-multiselectable\n            aria-disabled={disabled || readOnly ? true : undefined}\n            aria-required={required}\n            className={cn(\"grid gap-element\", className)}\n            style={{ gridTemplateColumns: `repeat(${editColumnsCount}, minmax(0, 1fr))` }}\n          >\n            {boundedOptions.map((option) => {\n              const isSelected = selectedValues.includes(option.value)\n              const isUnavailable = disabled === true || readOnly === true || option.disabled === true\n              return (\n                <Card\n                  key={option.value}\n                  /*\n                   * WHICH OPTION THIS CARD IS, in the DOM. Every other control here says so — a toggle\n                   * segment carries `value`, a checkbox carries its id, a select option its value — and a\n                   * card carried nothing, so nothing could address one: not a test, not a browser drive,\n                   * not an analytics hook. Its visible text was the only handle, and that changes with the\n                   * locale.\n                   */\n                  data-option={option.value}\n                  aria-disabled={isUnavailable ? true : undefined}\n                  aria-label={iconOnly ? option.label : undefined}\n                  className={cn(\n                    \"p-card-sm text-sm font-medium\",\n                    iconOnly && \"flex items-center justify-center\",\n                    isUnavailable && \"cursor-not-allowed opacity-[var(--opacity-disabled)]\"\n                  )}\n                  option={{ onSelect: () => { if (!isUnavailable) toggleValue(option.value) } }}\n                  selected={isSelected}\n                  {...(isUnavailable ? { tabIndex: -1 } : {})}\n                >\n                  {renderOptionContent(option)}\n                </Card>\n              )\n            })}\n          </CardListbox>\n        )\n\n      case EnumMultipleEditMode.COMBOBOX:\n        return withBoundHint(\n          <ComboboxMultiple\n            ref={ref as React.RefObject<HTMLButtonElement>}\n            {...commonProps}\n            options={boundedOptions}\n            value={selectedValues}\n            onChange={handleMultipleChange}\n            onBlur={handleBlur}\n            placeholder={placeholder}\n            disabled={disabled || readOnly}\n            autoFocus={autoFocus}\n            size={comboboxSize}\n            showSelectAll\n            emptyMessage={tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noResults')}\n            searchPlaceholder={tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'searchPlaceholder')}\n            renderOption={renderOptionWithIcon ? (option) => renderOptionWithIcon(option) : undefined}\n          />\n        )\n\n      default: {\n        /* Same totality guard as the single switch: an unbranched member is a compile error. */\n        const unhandledMultipleEditMode: never = multipleEditMode\n        void unhandledMultipleEditMode\n        return withBoundHint(\n          <FormFieldCheckboxGroup\n            ref={ref as React.RefObject<HTMLDivElement>}\n            {...commonProps}\n            options={boundedOptions}\n            value={selectedValues}\n            onChange={handleMultipleChange}\n            onBlur={handleBlur}\n            controlSize={controlSize}\n          />\n        )\n      }\n    }\n  }\n\n  switch (editMode) {\n    case EnumEditMode.SELECT:\n      return (\n        <Select\n          ref={ref as React.RefObject<HTMLButtonElement>}\n          {...commonProps}\n          options={options}\n          value={currentValue as string}\n          onChange={handleChange as (value: string) => void}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          size={controlSize}\n          renderOptionLabel={renderOptionWithIcon}\n        />\n      )\n\n    /*\n     * RADIO and RADIO_ICON_ONLY are ONE control with two ways of drawing an option, which is why\n     * they share a branch rather than each having their own. `renderOptionContent` already knows\n     * which it is; duplicating the branch is how two spellings of the same control drift apart.\n     */\n    case EnumEditMode.RADIO:\n    case EnumEditMode.RADIO_ICON_ONLY:\n      return (\n        <RadioGroup\n          ref={ref as React.RefObject<HTMLDivElement>}\n          {...commonProps}\n          options={options}\n          value={currentValue as string}\n          onValueChange={handleChange as (value: string) => void}\n          onBlur={handleBlur}\n          orientation={optionsOrientation}\n          renderOptionLabel={renderOptionContent}\n        />\n      )\n\n    case EnumEditMode.TOGGLE:\n    case EnumEditMode.TOGGLE_ICON_ONLY:\n      return (\n        <ToggleGroup\n          ref={ref as React.RefObject<HTMLDivElement>}\n          type={ToggleGroupType.SINGLE}\n          value={currentValue as string}\n          // Deselecting the active toggle emits `''`. Swallowing that unconditionally made an\n          // optional enum un-emptiable — the one gesture the control offers for \"no value\" did\n          // nothing. It is forwarded when the field can be cleared (the field-clearing\n          // normalisation turns it into the cleared sentinel), and still swallowed otherwise, so a\n          // required enum cannot be toggled into an invalid empty state.\n          onValueChange={(val) => { if (val || clearable) handleChange(val); }}\n          disabled={disabled || readOnly}\n          size={toggleSize}\n          /*\n           * ORIENTATION IS A PROP, not a `flex-col` class. The direction decides how the options\n           * flow and whether they stretch, which lives in the toggle-group preset keyed on\n           * `data-orientation`. Flipping only the flex direction from here left those rules in their\n           * horizontal form, which is what made a vertical group render as a squashed list. A caller\n           * that reaches past the contract to restyle the control ends up owning a copy of the\n           * control's layout.\n           */\n          orientation={optionsOrientation}\n          className={className}\n        >\n          {options.map((option) => (\n            <ToggleGroupItem\n              key={option.value}\n              value={option.value}\n              aria-label={option.label}\n              disabled={option.disabled}\n            >\n              {renderOptionContent(option)}\n            </ToggleGroupItem>\n          ))}\n        </ToggleGroup>\n      )\n\n    /*\n     * A CARD GRID IS A LISTBOX OF OPTION CARDS, and the framework already has one.\n     *\n     * This branch used to hand-roll it: `role=\"radiogroup\"` over `role=\"radio\"` divs, its own\n     * `tabIndex`, its own Enter/Space handler, and its own selected look written as\n     * `border-primary bg-primary/5`. Every part of that already exists on `Card` as `option` and\n     * `selected` — including the arrow-key roving focus this never had, and a selected state drawn\n     * from the theme's SELECTABLE recipe, so it changes with the theme instead of pinning one\n     * literal tint. The local copy was both more code and less control.\n     */\n    case EnumEditMode.CARD:\n    case EnumEditMode.CARD_ICON_ONLY:\n      return (\n        <CardListbox\n          ref={ref as React.RefObject<HTMLUListElement>}\n          aria-disabled={disabled || readOnly ? true : undefined}\n          aria-required={required}\n          className={cn(\"grid gap-element\", className)}\n          style={{ gridTemplateColumns: `repeat(${editColumnsCount}, minmax(0, 1fr))` }}\n        >\n          {options.map((option) => {\n            const isSelected = currentValue === option.value\n            const isUnavailable = disabled === true || readOnly === true || option.disabled === true\n            return (\n              <Card\n                key={option.value}\n                /*\n                 * WHICH OPTION THIS CARD IS, in the DOM. Every other control here says so — a toggle\n                 * segment carries `value`, a checkbox carries its id, a select option its value — and a\n                 * card carried nothing, so nothing could address one: not a test, not a browser drive,\n                 * not an analytics hook. Its visible text was the only handle, and that changes with the\n                 * locale.\n                 */\n                data-option={option.value}\n                aria-disabled={isUnavailable ? true : undefined}\n                aria-label={iconOnly ? option.label : undefined}\n                className={cn(\n                  \"p-card-sm text-sm font-medium\",\n                  iconOnly && \"flex items-center justify-center\",\n                  isUnavailable && \"cursor-not-allowed opacity-[var(--opacity-disabled)]\"\n                )}\n                option={{ onSelect: () => { if (!isUnavailable) handleChange(option.value) } }}\n                selected={isSelected}\n                {...(isUnavailable ? { tabIndex: -1 } : {})}\n              >\n                {renderOptionContent(option)}\n              </Card>\n            )\n          })}\n        </CardListbox>\n      )\n\n    case EnumEditMode.COMBOBOX:\n      return (\n        <Combobox\n          ref={ref as React.RefObject<HTMLButtonElement>}\n          {...commonProps}\n          options={options}\n          value={currentValue as string}\n          onChange={handleChange as (value: string) => void}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          disabled={disabled || readOnly}\n          autoFocus={autoFocus}\n          size={comboboxSize}\n          emptyMessage={tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noResults')}\n          searchPlaceholder={tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'searchPlaceholder')}\n          renderOption={renderOptionWithIcon ? (option) => renderOptionWithIcon(option) : undefined}\n          renderSelectedValue={renderOptionWithIcon}\n        />\n      )\n\n    /*\n     * THE FALLBACK IS NOW UNREACHABLE BY A DECLARED MODE, and the assignment below is what keeps it\n     * that way: with every member branched, `editMode` narrows to `never` here, so adding one to\n     * the vocabulary without a branch is a COMPILE ERROR rather than a silent dropdown. That\n     * silence is the whole reason three modes shipped unimplemented.\n     *\n     * The `Select` stays for the runtime case a type cannot cover — a mode read back from a stored\n     * specification written by a newer engine. Falling back to the most general control beats\n     * rendering nothing.\n     */\n    default: {\n      const unhandledEditMode: never = editMode\n      void unhandledEditMode\n      return (\n        <Select\n          ref={ref as React.RefObject<HTMLButtonElement>}\n          {...commonProps}\n          options={options}\n          value={currentValue as string}\n          onChange={handleChange as (value: string) => void}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          size={controlSize}\n        />\n      )\n    }\n  }\n})\n\n// --- Wrapper ---\nexport const FormFieldEnum = forwardRef<FormFieldEnumRef, FormFieldEnumProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<FormFieldEnumProps, FormFieldEnumRef>(\n      FrontendComponentType.LOW_LEVEL_FORM_FIELD_ENUM,\n      'FormFieldEnum'\n    )(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nFormFieldEnum.displayName = 'FormFieldEnum'\n"]}

package/dist/esm/components/form/fields/form-field-file.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-file.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-file.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAEvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAA;AAUhH,OAAO,EAIL,SAAS,EAIT,kBAAkB,EAOnB,MAAM,0BAA0B,CAAA;AAajC,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC7G,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5C,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,SAAS,EAAE,kBAAkB,CAAA;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IACvD,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,cAAc,EAAE,kBAAkB,CAAA;CACnC;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,wBAAwB,EAAE,gBAAgB,CAAC,GAAG;IAClF,cAAc,CAAC,EAAE,kBAAkB,CAAA;CACpC,GAAG,oBAAoB,CAAA;AAExB,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAA;AA8F7C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,4BAA4B,iGAy+CvC,CAAA;AAqBF,eAAO,MAAM,aAAa;qBA1mDP,kBAAkB;+DA2pDnC,CAAA"}
+{"version":3,"file":"form-field-file.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-file.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAEvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAA;AAUhH,OAAO,EAIL,SAAS,EAIT,kBAAkB,EAMnB,MAAM,0BAA0B,CAAA;AAajC,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC7G,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5C,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,SAAS,EAAE,kBAAkB,CAAA;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IACvD,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,cAAc,EAAE,kBAAkB,CAAA;CACnC;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,wBAAwB,EAAE,gBAAgB,CAAC,GAAG;IAClF,cAAc,CAAC,EAAE,kBAAkB,CAAA;CACpC,GAAG,oBAAoB,CAAA;AAExB,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAA;AA8F7C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,4BAA4B,iGA0+CvC,CAAA;AAqBF,eAAO,MAAM,aAAa;qBA3mDP,kBAAkB;+DA4pDnC,CAAA"}

package/dist/esm/components/form/fields/form-field-file.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { awaitFileRequest, FileReadinessError, waitForFileReadiness } from '../controls/file/file-readiness.frontend.utils.js';
 import React, { forwardRef, useMemo } from 'react';
-import { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';
+import { FrontendComponentType, CorePresetNames, isControlledByCaller } from '@wildo-ai/presets-components-models';
 import { createComponentResolverWithRef } from '../../../core/components-registry/component-resolver.frontend.helper.js';
 import { useApplication } from '../../../core/runtime/useApplication.js';
 import { cn } from "../../../core/ui/cn.js";
@@ -12,7 +12,7 @@ import { IconSize, StandardIconReference } from "../../../core/icons/icon-regist
 import { LoadingSpinner } from "../../../components/feedback/loading-spinner.js";
 import { Button, ButtonVariants_Variant } from "../../../components/actions/button.js";
 import { UIBehavior, FormControlVariant, ButtonSize } from "@wildo-ai/presets-components-models";
-import { FileReadiness, getFileMetadata, getFileUI, formatFileSize, isMimeTypeAllowed, getAcceptedFileKinds, buildAcceptAttribute, FileDisplayNature, resolveFileDisplayNature, } from "@wildo-ai/zod-decorators";
+import { FileReadiness, getFileMetadata, getFileUI, isMimeTypeAllowed, getAcceptedFileKinds, buildAcceptAttribute, FileDisplayNature, resolveFileDisplayNature, } from "@wildo-ai/zod-decorators";
 import { determineValidationMode, getZodErrorParams } from "../../../components/form/validation-errors/form-validation.js";
 import { resolveFormFieldFileProviderConstraints } from './form-field-file-provider-constraints.frontend.utils.js';
 import { describeAcceptedFileKinds } from './accepted-file-kinds-description.frontend.utils.js';
@@ -85,7 +85,8 @@ function getSafeFileMutationErrorMessage(fallbackMessage, _err) {
  * - Upload cancellation support
  */
 export const FormFieldFile_Preset_Default = React.forwardRef(({ schema, name, value: controlledValue, onChange, onBlur, defaultValue, disabled = false, readOnly, className, validationMode: validationModeProp, endpoints, uploadButtonText, replaceButtonText, onValidationError, required, httpOperations, }, ref) => {
-    const { t, tErrorValidation, tComponent, tResourceFieldEnumValue, isReady } = useI18n({
+    // `formatByteSize`: sizes in the reader's locale, unit word included (#2242).
+    const { t, tErrorValidation, tComponent, tResourceFieldEnumValue, isReady, formatByteSize } = useI18n({
         component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE,
         // `system_enums` carries the consent purposes' words, shown when a provider waits on consent (#1702).
         keys: ['errors_validation', 'system_enums'],
@@ -170,7 +171,7 @@ export const FormFieldFile_Preset_Default = React.forwardRef(({ schema, name, va
     // is uncontrolled, keep the upload result in private internal state and never call `onChange`,
     // so the form would submit without the file the user just uploaded. The tier-1 field wrappers
     // were hardened against this class; this control renders directly and was not.
-    const isControlled = onChange !== undefined || controlledValue !== undefined;
+    const isControlled = isControlledByCaller(controlledValue, onChange);
     const currentValue = controlledValue ?? internalValue;
     // Derived state
     const uploading = Array.from(uploadingFiles.values()).some(file => file.status === 'uploading');
@@ -318,16 +319,16 @@ export const FormFieldFile_Preset_Default = React.forwardRef(({ schema, name, va
         }
         // Check file size — maximum
         if (maxSize && file.size > maxSize) {
-            const max = formatFileSize(maxSize);
+            const max = formatByteSize(maxSize);
             return tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE, 'file_too_large', { max });
         }
         // Check file size — minimum
         if (minSize && file.size < minSize) {
-            const min = formatFileSize(minSize);
+            const min = formatByteSize(minSize);
             return tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE, 'file_too_small', { min });
         }
         return undefined;
-    }, [validateFileMimeType, maxSize, minSize, tComponent]);
+    }, [validateFileMimeType, maxSize, minSize, tComponent, formatByteSize]);
     // ==========================================================================
     // UPLOAD — single file
     // ==========================================================================
@@ -950,7 +951,7 @@ export const FormFieldFile_Preset_Default = React.forwardRef(({ schema, name, va
     // ==========================================================================
     // RENDER — File info line (filename, size, extension — shared)
     // ==========================================================================
-    const renderFileInfo = (fileId, meta, compact = false) => (_jsxs("div", { className: cn("min-w-0", compact ? "" : "flex-1"), children: [_jsx("div", { className: "flex items-center gap-element", children: meta?.url ? (_jsx("a", { href: meta.url, target: "_blank", rel: "noopener noreferrer", className: cn("font-medium text-primary hover:underline truncate", compact && "text-sm"), children: meta.filename })) : (_jsx("span", { className: cn("font-medium truncate", compact && "text-sm"), children: getNeutralFileAttachmentLabel(meta?.filename, fileAttachedLabel) })) }), _jsxs("div", { className: "flex items-center gap-group text-xs text-muted-foreground mt-0.5", children: [meta?.size !== undefined && (_jsx("span", { children: formatFileSize(meta.size) })), meta?.mimeType && (_jsx("span", { className: "uppercase", children: meta.extension || meta.mimeType.split('/').pop() })), meta?.width && meta?.height && (_jsxs("span", { children: [meta.width, "\u00D7", meta.height] }))] })] }));
+    const renderFileInfo = (fileId, meta, compact = false) => (_jsxs("div", { className: cn("min-w-0", compact ? "" : "flex-1"), children: [_jsx("div", { className: "flex items-center gap-element", children: meta?.url ? (_jsx("a", { href: meta.url, target: "_blank", rel: "noopener noreferrer", className: cn("font-medium text-primary hover:underline truncate", compact && "text-sm"), children: meta.filename })) : (_jsx("span", { className: cn("font-medium truncate", compact && "text-sm"), children: getNeutralFileAttachmentLabel(meta?.filename, fileAttachedLabel) })) }), _jsxs("div", { className: "flex items-center gap-group text-xs text-muted-foreground mt-0.5", children: [meta?.size !== undefined && (_jsx("span", { children: formatByteSize(meta.size) })), meta?.mimeType && (_jsx("span", { className: "uppercase", children: meta.extension || meta.mimeType.split('/').pop() })), meta?.width && meta?.height && (_jsxs("span", { children: [meta.width, "\u00D7", meta.height] }))] })] }));
     // ==========================================================================
     // RENDER — Nature-specific previews
     // ==========================================================================
@@ -1022,10 +1023,10 @@ export const FormFieldFile_Preset_Default = React.forwardRef(({ schema, name, va
         const hints = [];
         // Size constraints
         if (minSize && maxSize) {
-            hints.push(tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE, 'constraint_size_range', { min: formatFileSize(minSize), max: formatFileSize(maxSize) }));
+            hints.push(tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE, 'constraint_size_range', { min: formatByteSize(minSize), max: formatByteSize(maxSize) }));
         }
         else if (minSize) {
-            hints.push(tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE, 'constraint_min_size', { min: formatFileSize(minSize) }));
+            hints.push(tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE, 'constraint_min_size', { min: formatByteSize(minSize) }));
         }
         // maxSize is already shown inline in the upload zone — no duplicate needed
         // Image constraints
@@ -1068,7 +1069,7 @@ export const FormFieldFile_Preset_Default = React.forwardRef(({ schema, name, va
             hints.push(tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE, 'constraint_max_files', { max: maxFiles }));
         }
         return hints;
-    }, [minSize, maxSize, imageConstraints, videoConstraints, audioConstraints, documentConstraints, isMultiple, maxFiles, tComponent]);
+    }, [minSize, maxSize, imageConstraints, videoConstraints, audioConstraints, documentConstraints, isMultiple, maxFiles, tComponent, formatByteSize]);
     const renderConstraintHints = () => {
         if (constraintHints.length === 0)
             return null;
@@ -1081,7 +1082,7 @@ export const FormFieldFile_Preset_Default = React.forwardRef(({ schema, name, va
                         ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE, 'uploading_indeterminate')
                         : tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE, 'uploading', { progress: uploadProgress }) }), _jsx("div", { className: "w-full max-w-xs h-1 bg-muted rounded-full mt-element overflow-hidden", children: uploadProgress < 0 ? (
                     // Indeterminate progress: animated shimmer bar
-                    _jsx("div", { className: "h-full w-1/3 bg-primary animate-pulse rounded-full" })) : (_jsx("div", { className: "h-full bg-primary transition-all duration-[var(--motion-duration-fast)]", style: { width: `${uploadProgress}%` } })) })] })) : (_jsxs(_Fragment, { children: [!compact && _jsx("span", { className: "mb-element", "aria-hidden": "true", children: renderIcon(StandardIconReference.UPLOAD, { size: IconSize.XL }) }), _jsx("span", { className: cn("font-medium", compact ? "text-xs" : "text-sm"), children: compact ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE, 'add_more') : resolvedUploadButtonText }), !compact && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-xs text-muted-foreground mt-item-xs", children: dragDropLabel }), _jsxs("span", { className: "text-xs text-muted-foreground mt-element", children: [acceptDescription, maxSize && !minSize && ` • ${tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE, 'max_size', { size: formatFileSize(maxSize) })}`] }), renderConstraintHints()] }))] })) }));
+                    _jsx("div", { className: "h-full w-1/3 bg-primary animate-pulse rounded-full" })) : (_jsx("div", { className: "h-full bg-primary transition-all duration-[var(--motion-duration-fast)]", style: { width: `${uploadProgress}%` } })) })] })) : (_jsxs(_Fragment, { children: [!compact && _jsx("span", { className: "mb-element", "aria-hidden": "true", children: renderIcon(StandardIconReference.UPLOAD, { size: IconSize.XL }) }), _jsx("span", { className: cn("font-medium", compact ? "text-xs" : "text-sm"), children: compact ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE, 'add_more') : resolvedUploadButtonText }), !compact && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-xs text-muted-foreground mt-item-xs", children: dragDropLabel }), _jsxs("span", { className: "text-xs text-muted-foreground mt-element", children: [acceptDescription, maxSize && !minSize && ` • ${tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE, 'max_size', { size: formatByteSize(maxSize) })}`] }), renderConstraintHints()] }))] })) }));
     // ==========================================================================
     // RENDER — Main
     // ==========================================================================