@wildo-ai/saas-frontend-lib 1.1.3 → 1.1.5

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

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { forwardRef } from 'react';
 import { cn } from "../../../core/ui/cn.js";
 import { useI18n } from "../../../core/i18n/useI18n.js";
@@ -7,12 +7,89 @@ import { IconSize, ICON_SIZE_MAP } from "../../../core/icons/icon-registry.front
 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 { Card } from "../../../components/sections/card.js";
+import { ToggleVariants_Variant } from "../../../components/form/controls/boolean/toggle.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";
+import { FormFieldCheckboxGroup } from "../../../components/form/controls/form-field-checkbox-group.js";
 import { Combobox } from "../../../components/form/combobox.js";
 import { ComboboxMultiple } from "../../../components/form/combobox.js";
-import { EnumEditMode, getEnumUI, getEnumValues, resolveEnumEditMode, LayoutDirection, DisplayDirection } from "@wildo-ai/zod-decorators";
+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 { createComponentResolverWithRef } from '../../../core/components-registry/component-resolver.frontend.helper.js';
+/**
+ * Does this mode draw the VALUE'S GLYPH INSTEAD OF ITS WORDS?
+ *
+ * A total map rather than a `mode.endsWith('_icon_only')` test, and rather than three more `case`
+ * labels carrying a literal `true`: `Record<EnumEditMode, boolean>` makes a member added to the
+ * vocabulary a COMPILE ERROR here, which is precisely what was missing. `RADIO_ICON_ONLY`,
+ * `TOGGLE_ICON_ONLY` and `CARD_ICON_ONLY` have been in the vocabulary — and `TOGGLE_ICON_ONLY`
+ * authored by Wonder Todos on `tasks.priority` — while the dispatcher's switch had no branch for
+ * any of them, so all three fell through its `default` and rendered a plain dropdown. Nothing
+ * failed: a mode with no branch is silently a `SELECT`.
+ */
+const ENUM_EDIT_MODE_IS_ICON_ONLY = {
+    [EnumEditMode.SELECT]: false,
+    [EnumEditMode.RADIO]: false,
+    [EnumEditMode.RADIO_ICON_ONLY]: true,
+    [EnumEditMode.TOGGLE]: false,
+    [EnumEditMode.TOGGLE_ICON_ONLY]: true,
+    [EnumEditMode.CARD]: false,
+    [EnumEditMode.CARD_ICON_ONLY]: true,
+    [EnumEditMode.COMBOBOX]: false,
+};
+/**
+ * WHICH AXIS the options flow on when the author declares nothing, per mode.
+ *
+ * One default for every mode was wrong in both directions. A SEGMENTED CONTROL is a horizontal
+ * idea — a row of abutting segments reading as one control — and it defaulted to a column, which
+ * is also the orientation whose styling had never been written (see the toggle-group preset). A
+ * ROW OF GLYPHS is likewise horizontal: stacking three 36px icons down the page spends a column of
+ * vertical space to say what fits in one line. A RADIO GROUP, whose options carry sentences, stays
+ * vertical. `editDirection` still overrides all of it.
+ */
+const ENUM_EDIT_MODE_DEFAULT_DIRECTION = {
+    [EnumEditMode.SELECT]: LayoutDirection.VERTICAL,
+    [EnumEditMode.RADIO]: LayoutDirection.VERTICAL,
+    [EnumEditMode.RADIO_ICON_ONLY]: LayoutDirection.HORIZONTAL,
+    [EnumEditMode.TOGGLE]: LayoutDirection.HORIZONTAL,
+    [EnumEditMode.TOGGLE_ICON_ONLY]: LayoutDirection.HORIZONTAL,
+    [EnumEditMode.CARD]: LayoutDirection.VERTICAL,
+    [EnumEditMode.CARD_ICON_ONLY]: LayoutDirection.VERTICAL,
+    [EnumEditMode.COMBOBOX]: LayoutDirection.VERTICAL,
+};
+/**
+ * How many cards to a row when the author declares no `editColumnsCount`. A labelled card holds a
+ * phrase and wants width; a card holding one glyph does not, and two-to-a-row leaves a grid of
+ * mostly empty boxes.
+ */
+/**
+ * The multiple vocabulary's twin of {@link ENUM_EDIT_MODE_IS_ICON_ONLY}, total for the same reason:
+ * a member added to `EnumMultipleEditMode` must be a compile error here rather than a mode that
+ * quietly renders as something else.
+ */
+const ENUM_MULTIPLE_EDIT_MODE_IS_ICON_ONLY = {
+    [EnumMultipleEditMode.CHECKBOX]: false,
+    [EnumMultipleEditMode.SELECT]: false,
+    [EnumMultipleEditMode.TOGGLE]: false,
+    [EnumMultipleEditMode.TOGGLE_ICON_ONLY]: true,
+    [EnumMultipleEditMode.CARD]: false,
+    [EnumMultipleEditMode.CARD_ICON_ONLY]: true,
+    [EnumMultipleEditMode.COMBOBOX]: false,
+};
+/** Same reasoning as the single vocabulary's: a segmented row is horizontal, a checkbox list is not. */
+const ENUM_MULTIPLE_EDIT_MODE_DEFAULT_DIRECTION = {
+    [EnumMultipleEditMode.CHECKBOX]: LayoutDirection.VERTICAL,
+    [EnumMultipleEditMode.SELECT]: LayoutDirection.VERTICAL,
+    [EnumMultipleEditMode.TOGGLE]: LayoutDirection.HORIZONTAL,
+    [EnumMultipleEditMode.TOGGLE_ICON_ONLY]: LayoutDirection.HORIZONTAL,
+    [EnumMultipleEditMode.CARD]: LayoutDirection.VERTICAL,
+    [EnumMultipleEditMode.CARD_ICON_ONLY]: LayoutDirection.VERTICAL,
+    [EnumMultipleEditMode.COMBOBOX]: LayoutDirection.VERTICAL,
+};
+const ENUM_CARD_DEFAULT_COLUMNS = 2;
+const ENUM_CARD_ICON_ONLY_DEFAULT_COLUMNS = 4;
 /**
  * FormFieldEnum component
  *
@@ -20,21 +97,40 @@ import { createComponentResolverWithRef } from '../../../core/components-registr
  * Chrome (label, description, error, autosave indicator) is rendered
  * externally by FormFieldChrome.
  */
-export const FormFieldEnum_Preset_Default = React.forwardRef(({ schema, name, disabled, readOnly, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, options: optionsProp, placeholder, required, autoFocus, clearable, controlSize = ControlSize.MD, }, ref) => {
+export const FormFieldEnum_Preset_Default = React.forwardRef(({ schema, name, disabled, readOnly, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, options: optionsProp, placeholder, required, autoFocus, clearable, multiple, controlSize = ControlSize.MD, }, ref) => {
     const { renderIcon } = useIconRegistry();
     const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
-    const enumUI = getEnumUI(schema);
+    /* Read before the state hooks below, which need to know whether the empty value is `[]` or `''`. */
+    const currentValueForCardinality = controlledValue ?? defaultValue;
+    /*
+     * THE VOCABULARY IS CHOSEN BY CARDINALITY, and everything below reads from whichever it picked.
+     *
+     * A multiple field's `schema` is the ARRAY — that is the field's own schema, which is what every
+     * other control here receives — while `enumUI()`, the value list and the per-value glyphs are all
+     * declared on its ELEMENT. So the element is what the enum questions are asked of, and the array
+     * is what the controls that need its constraints are handed.
+     */
+    const isMultiple = multiple === true || Array.isArray(currentValueForCardinality);
+    const valueSchema = (isMultiple ? getArrayItemSchema(schema) : undefined) ?? schema;
+    const enumUI = resolveEnumDisplayConfig(valueSchema);
     // Resolved rather than read — see `resolveStringEditMode`'s note: both
     // `edit.editMode` and `edit.component` declare the editing shape.
-    const editMode = resolveEnumEditMode(schema);
-    const editDirection = enumUI?.edit?.editDirection ?? 'vertical';
-    const editColumnsCount = enumUI?.edit?.editColumnsCount ?? 2;
+    const editMode = resolveEnumEditMode(valueSchema);
+    const multipleEditMode = resolveEnumMultipleEditMode(valueSchema);
+    const iconOnly = isMultiple
+        ? (ENUM_MULTIPLE_EDIT_MODE_IS_ICON_ONLY[multipleEditMode] ?? false)
+        : (ENUM_EDIT_MODE_IS_ICON_ONLY[editMode] ?? false);
+    const modeDefaultDirection = isMultiple
+        ? ENUM_MULTIPLE_EDIT_MODE_DEFAULT_DIRECTION[multipleEditMode]
+        : ENUM_EDIT_MODE_DEFAULT_DIRECTION[editMode];
+    const editDirection = enumUI?.edit?.editDirection ?? modeDefaultDirection ?? LayoutDirection.VERTICAL;
+    const editColumnsCount = enumUI?.edit?.editColumnsCount ?? (iconOnly ? ENUM_CARD_ICON_ONLY_DEFAULT_COLUMNS : ENUM_CARD_DEFAULT_COLUMNS);
     const policyValues = enumUI?.values;
     const defaultIcon = enumUI?.defaultIcon;
     const hasAnyIcon = !!(policyValues && Object.values(policyValues).some(v => v.icon)) || !!defaultIcon;
     const comboboxSize = controlSize === ControlSize.SM ? 'sm' : 'md';
     const toggleSize = controlSize === ControlSize.SM ? ButtonSize.SM : ButtonSize.MD;
-    const enumValues = getEnumValues(schema) ?? [];
+    const enumValues = getEnumValues(valueSchema) ?? [];
     const options = optionsProp ?? enumValues.map(v => ({ value: v, label: v }));
     /**
      * Render an `IconLike` — dispatches between string refs (via icon registry)
@@ -55,13 +151,36 @@ export const FormFieldEnum_Preset_Default = React.forwardRef(({ schema, name, di
             return null;
         return renderIconLike(icon, "shrink-0");
     }, [policyValues, defaultIcon, hasAnyIcon, renderIconLike]);
-    const renderOptionWithIcon = React.useMemo(() => {
-        if (!hasAnyIcon)
-            return undefined;
-        return (option) => (_jsxs("span", { className: "inline-flex items-center gap-item-xs", children: [resolveOptionIcon(option.value), option.label] }));
-    }, [hasAnyIcon, resolveOptionIcon]);
-    const isMultiSelect = editMode === EnumEditMode.COMBOBOX && Array.isArray(controlledValue);
-    const [internalValue, setInternalValue] = React.useState(defaultValue ?? (isMultiSelect ? [] : ''));
+    /**
+     * AN OPTION'S CONTENT, decided in ONE place for every control this dispatcher can render.
+     *
+     * It used to be three hand-copied `<span className="inline-flex items-center gap-item-xs">`
+     * blocks — one in the select/combobox label renderer, one in the toggle item, one in the card —
+     * which is how the gap came to be wrong in all three at once and how the icon-only modes had
+     * nowhere to be implemented.
+     *
+     * The gap is `element`, the spacing role whose own definition is "between inline elements
+     * (icons, buttons, tags)". It was `item-xs`, which is the wrong role at its smallest step:
+     * `--sp-item` is 0.25rem and `xs` is a quarter of it, so the glyph and its word sat **one pixel**
+     * apart and read as a single run-on token.
+     */
+    const renderOptionContent = React.useCallback((option) => {
+        const glyph = resolveOptionIcon(option.value);
+        /*
+         * ICON-ONLY FALLS BACK PER OPTION, not per mode. A value with no declared icon renders its
+         * words rather than an empty button: an icon-only control is a compression of the labelled one,
+         * and a vocabulary that only half-declares its glyphs must still be usable.
+         */
+        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;
+        return (_jsxs("span", { className: "inline-flex items-center gap-element-sm", children: [glyph, option.label] }));
+    }, [iconOnly, resolveOptionIcon]);
+    /** 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 [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
@@ -91,14 +210,134 @@ export const FormFieldEnum_Preset_Default = React.forwardRef(({ schema, name, di
         autoFocus,
         controlSize,
     };
+    /*
+     * `LayoutDirection` (what an author declares) and `DisplayDirection` (what a control takes) carry
+     * the same two members under two names, so the crossing is one mapping, made once. It was written
+     * out at each control that needed it, which is how the toggle came to compare against a bare
+     * `'horizontal'` string while the radio compared against the enum.
+     */
+    const optionsOrientation = editDirection === LayoutDirection.HORIZONTAL ? DisplayDirection.HORIZONTAL : DisplayDirection.VERTICAL;
     if (!isReady)
         return null;
+    /*
+     * MULTIPLE SELECTION IS ITS OWN SWITCH over its own vocabulary, not a flag threaded through the
+     * single one. The two share the option renderer, the glyph resolution and the direction default,
+     * and share no control: picking several of a closed set is a different act, and every member
+     * below produces a control that can hold more than one answer.
+     *
+     * Before this existed, the only reachable multiple shapes were the checkbox group (by default)
+     * and the searchable popover (by declaring `EnumEditMode.COMBOBOX`, a SINGLE-select member, on
+     * the element) — so one member of that enum meant two different controls depending on whether
+     * the field happened to be an array, and the remaining seven meant nothing there at all.
+     */
+    if (isMultiple) {
+        const selectedValues = Array.isArray(currentValue) ? currentValue : (currentValue ? [currentValue] : []);
+        /*
+         * HOW MANY MAY BE CHOSEN is the array's own question, and it is asked ONCE here rather than by
+         * each control.
+         *
+         * `z.array(z.enum(X)).min(1).max(3)` has always carried the answer and exactly one of the seven
+         * multiple controls read it — the checkbox group, which refused to check past the maximum,
+         * refused to uncheck below the minimum, and printed the bound. The other six ignored it
+         * entirely, so declaring `.max(3)` and then choosing SELECT silently let a reader pick all
+         * five and discover the problem at submit.
+         *
+         * Enforced on two axes because one is not enough. `disabled` on the option is what a reader
+         * SEES — an affordance that has gone quiet needs no explanation — and it travels through
+         * `FieldOption`, which every one of these controls already honours. The guard on the change is
+         * what actually HOLDS: an option's disabled state cannot stop a "select all", a paste, or a
+         * keyboard gesture the control implements itself.
+         */
+        const bounds = getArrayConstraints(schema);
+        const isAtMaximum = bounds.maxLength !== undefined && selectedValues.length >= bounds.maxLength;
+        const isAtMinimum = bounds.minLength !== undefined && selectedValues.length <= bounds.minLength;
+        const boundedOptions = (bounds.minLength === undefined && bounds.maxLength === undefined)
+            ? options
+            : options.map((option) => ({
+                ...option,
+                disabled: option.disabled === true || (selectedValues.includes(option.value) ? isAtMinimum : isAtMaximum),
+            }));
+        const handleMultipleChange = (next) => {
+            if (bounds.maxLength !== undefined && next.length > bounds.maxLength)
+                return;
+            if (bounds.minLength !== undefined && next.length < bounds.minLength && next.length < selectedValues.length)
+                return;
+            handleChange(next);
+        };
+        const toggleValue = (value) => {
+            handleMultipleChange(selectedValues.includes(value) ? selectedValues.filter((v) => v !== value) : [...selectedValues, value]);
+        };
+        /**
+         * The bound, said in words, under whichever control rendered it.
+         *
+         * A disabled option tells a reader that they cannot choose it; only this tells them WHY, and it
+         * is the only thing that speaks before they have chosen anything at all. It lived inside the
+         * checkbox group, which is why six controls enforced nothing and explained nothing.
+         *
+         * The label refs keep their `checkbox…` names. They are internal identifiers, the TEXT they
+         * carry is correct for every control, and renaming them would regenerate the locale files of
+         * every application for a string no reader sees.
+         */
+        const boundHint = (bounds.minLength === undefined && bounds.maxLength === undefined)
+            ? null
+            : (_jsxs("p", { className: "text-xs text-muted-foreground", "data-slot": "enum-multiple-bound", children: [bounds.minLength !== undefined && bounds.maxLength !== undefined
+                        ? bounds.minLength === bounds.maxLength
+                            ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectExactly', { count: bounds.minLength })
+                            : tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectRange', { min: bounds.minLength, max: bounds.maxLength })
+                        : bounds.minLength !== undefined
+                            ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectAtLeast', { count: bounds.minLength })
+                            : tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectUpTo', { count: bounds.maxLength }), ' ', "(", tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectedCount', { count: selectedValues.length }), ")"] }));
+        /*
+         * The hint is composed AROUND the control rather than inside it, and only when there is one —
+         * an unbounded field renders exactly what it rendered before, with no wrapper to change how a
+         * `w-fit` segmented group or a grid lays out.
+         */
+        const withBoundHint = (control) => boundHint === null ? control : _jsxs("div", { className: "flex flex-col items-start gap-item-sm", children: [control, boundHint] });
+        switch (multipleEditMode) {
+            case EnumMultipleEditMode.CHECKBOX:
+                return withBoundHint(_jsx(FormFieldCheckboxGroup, { ref: ref, ...commonProps, options: boundedOptions, value: selectedValues, onChange: handleMultipleChange, onBlur: handleBlur, controlSize: controlSize }));
+            case EnumMultipleEditMode.SELECT:
+                return withBoundHint(_jsx(SelectMultiple, { ref: ref, ...commonProps, options: boundedOptions, value: selectedValues, onChange: handleMultipleChange, onBlur: handleBlur, placeholder: placeholder, size: controlSize, renderOptionLabel: renderOptionWithIcon }));
+            case EnumMultipleEditMode.TOGGLE:
+            case EnumMultipleEditMode.TOGGLE_ICON_ONLY:
+                return withBoundHint(_jsx(ToggleGroup, { ref: ref, 
+                    /*
+                     * `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.
+                     */
+                    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))) }));
+            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) => {
+                        const isSelected = selectedValues.includes(option.value);
+                        const isUnavailable = disabled === true || readOnly === true || option.disabled === true;
+                        return (_jsx(Card, { "data-option": option.value, "aria-disabled": isUnavailable ? true : undefined, "aria-label": iconOnly ? option.label : undefined, className: cn("p-card-sm text-sm font-medium", iconOnly && "flex items-center justify-center", isUnavailable && "cursor-not-allowed opacity-[var(--opacity-disabled)]"), option: { onSelect: () => { if (!isUnavailable)
+                                    toggleValue(option.value); } }, selected: isSelected, ...(isUnavailable ? { tabIndex: -1 } : {}), children: renderOptionContent(option) }, option.value));
+                    }) }));
+            case EnumMultipleEditMode.COMBOBOX:
+                return withBoundHint(_jsx(ComboboxMultiple, { ref: ref, ...commonProps, options: boundedOptions, value: selectedValues, onChange: handleMultipleChange, onBlur: handleBlur, placeholder: placeholder, disabled: disabled || readOnly, autoFocus: autoFocus, size: comboboxSize, showSelectAll: true, emptyMessage: tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noResults'), searchPlaceholder: tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'searchPlaceholder'), renderOption: renderOptionWithIcon ? (option) => renderOptionWithIcon(option) : undefined }));
+            default: {
+                /* Same totality guard as the single switch: an unbranched member is a compile error. */
+                const unhandledMultipleEditMode = multipleEditMode;
+                void unhandledMultipleEditMode;
+                return withBoundHint(_jsx(FormFieldCheckboxGroup, { ref: ref, ...commonProps, options: boundedOptions, value: selectedValues, onChange: handleMultipleChange, onBlur: handleBlur, controlSize: controlSize }));
+            }
+        }
+    }
     switch (editMode) {
         case EnumEditMode.SELECT:
             return (_jsx(Select, { ref: ref, ...commonProps, options: options, value: currentValue, onChange: handleChange, onBlur: handleBlur, placeholder: placeholder, size: controlSize, renderOptionLabel: renderOptionWithIcon }));
+        /*
+         * RADIO and RADIO_ICON_ONLY are ONE control with two ways of drawing an option, which is why
+         * they share a branch rather than each having their own. `renderOptionContent` already knows
+         * which it is; duplicating the branch is how two spellings of the same control drift apart.
+         */
         case EnumEditMode.RADIO:
-            return (_jsx(RadioGroup, { ref: ref, ...commonProps, options: options, value: currentValue, onValueChange: handleChange, onBlur: handleBlur, orientation: editDirection === LayoutDirection.HORIZONTAL ? DisplayDirection.HORIZONTAL : DisplayDirection.VERTICAL, renderOptionLabel: renderOptionWithIcon }));
+        case EnumEditMode.RADIO_ICON_ONLY:
+            return (_jsx(RadioGroup, { ref: ref, ...commonProps, options: options, value: currentValue, onValueChange: handleChange, onBlur: handleBlur, orientation: optionsOrientation, renderOptionLabel: renderOptionContent }));
         case EnumEditMode.TOGGLE:
+        case EnumEditMode.TOGGLE_ICON_ONLY:
             return (_jsx(ToggleGroup, { ref: ref, type: ToggleGroupType.SINGLE, value: currentValue, 
                 // Deselecting the active toggle emits `''`. Swallowing that unconditionally made an
                 // optional enum un-emptiable — the one gesture the control offers for "no value" did
@@ -106,27 +345,66 @@ export const FormFieldEnum_Preset_Default = React.forwardRef(({ schema, name, di
                 // normalisation turns it into the cleared sentinel), and still swallowed otherwise, so a
                 // required enum cannot be toggled into an invalid empty state.
                 onValueChange: (val) => { if (val || clearable)
-                    handleChange(val); }, disabled: disabled || readOnly, size: toggleSize, className: cn(editDirection === 'horizontal' ? 'flex-row' : 'flex-col', className), children: options.map((option) => (_jsx(ToggleGroupItem, { value: option.value, "aria-label": option.label, children: _jsxs("span", { className: "inline-flex items-center gap-item-xs", children: [resolveOptionIcon(option.value), option.label] }) }, option.value))) }));
+                    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: optionsOrientation, className: className, children: options.map((option) => (_jsx(ToggleGroupItem, { value: option.value, "aria-label": option.label, disabled: option.disabled, children: renderOptionContent(option) }, option.value))) }));
+        /*
+         * A CARD GRID IS A LISTBOX OF OPTION CARDS, and the framework already has one.
+         *
+         * This branch used to hand-roll it: `role="radiogroup"` over `role="radio"` divs, its own
+         * `tabIndex`, its own Enter/Space handler, and its own selected look written as
+         * `border-primary bg-primary/5`. Every part of that already exists on `Card` as `option` and
+         * `selected` — including the arrow-key roving focus this never had, and a selected state drawn
+         * from the theme's SELECTABLE recipe, so it changes with the theme instead of pinning one
+         * literal tint. The local copy was both more code and less control.
+         */
         case EnumEditMode.CARD:
-            return (_jsx("div", { ref: ref, role: "radiogroup", className: cn("grid gap-element", `grid-cols-${editColumnsCount}`, className), style: { gridTemplateColumns: `repeat(${editColumnsCount}, minmax(0, 1fr))` }, children: options.map((option) => {
+        case EnumEditMode.CARD_ICON_ONLY:
+            return (_jsx(CardListbox, { ref: ref, "aria-disabled": disabled || readOnly ? true : undefined, "aria-required": required, className: cn("grid gap-element", className), style: { gridTemplateColumns: `repeat(${editColumnsCount}, minmax(0, 1fr))` }, children: options.map((option) => {
                     const isSelected = currentValue === option.value;
-                    return (_jsx(Card, { role: "radio", "aria-checked": isSelected, tabIndex: disabled || readOnly ? -1 : 0, className: cn("cursor-pointer p-card-sm transition-colors outline-none focus-ring-offset", isSelected
-                            ? "border-primary bg-primary/5"
-                            : "hover:border-muted-foreground/50", (disabled || readOnly) && "cursor-not-allowed opacity-[var(--opacity-disabled)]"), onClick: () => !(disabled || readOnly) && handleChange(option.value), onKeyDown: (e) => {
-                            if ((e.key === 'Enter' || e.key === ' ') && !(disabled || readOnly)) {
-                                e.preventDefault();
-                                handleChange(option.value);
-                            }
-                        }, children: _jsxs("div", { className: "inline-flex items-center gap-item-xs font-medium text-sm", children: [resolveOptionIcon(option.value), option.label] }) }, option.value));
+                    const isUnavailable = disabled === true || readOnly === true || option.disabled === true;
+                    return (_jsx(Card, { "data-option": option.value, "aria-disabled": isUnavailable ? true : undefined, "aria-label": iconOnly ? option.label : undefined, className: cn("p-card-sm text-sm font-medium", iconOnly && "flex items-center justify-center", isUnavailable && "cursor-not-allowed opacity-[var(--opacity-disabled)]"), option: { onSelect: () => { if (!isUnavailable)
+                                handleChange(option.value); } }, selected: isSelected, ...(isUnavailable ? { tabIndex: -1 } : {}), children: renderOptionContent(option) }, option.value));
                 }) }));
         case EnumEditMode.COMBOBOX:
-            if (isMultiSelect) {
-                const multiValue = Array.isArray(currentValue) ? currentValue : (currentValue ? [currentValue] : []);
-                return (_jsx(ComboboxMultiple, { ref: ref, ...commonProps, options: options, value: multiValue, onChange: handleChange, onBlur: handleBlur, placeholder: placeholder, disabled: disabled || readOnly, autoFocus: autoFocus, size: comboboxSize, showSelectAll: true, emptyMessage: tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noResults'), searchPlaceholder: tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'searchPlaceholder'), renderOption: renderOptionWithIcon ? (option) => renderOptionWithIcon(option) : undefined }));
-            }
             return (_jsx(Combobox, { ref: ref, ...commonProps, options: options, value: currentValue, onChange: handleChange, onBlur: handleBlur, placeholder: placeholder, disabled: disabled || readOnly, autoFocus: autoFocus, size: comboboxSize, emptyMessage: tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noResults'), searchPlaceholder: tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'searchPlaceholder'), renderOption: renderOptionWithIcon ? (option) => renderOptionWithIcon(option) : undefined, renderSelectedValue: renderOptionWithIcon }));
-        default:
+        /*
+         * THE FALLBACK IS NOW UNREACHABLE BY A DECLARED MODE, and the assignment below is what keeps it
+         * that way: with every member branched, `editMode` narrows to `never` here, so adding one to
+         * the vocabulary without a branch is a COMPILE ERROR rather than a silent dropdown. That
+         * silence is the whole reason three modes shipped unimplemented.
+         *
+         * The `Select` stays for the runtime case a type cannot cover — a mode read back from a stored
+         * specification written by a newer engine. Falling back to the most general control beats
+         * rendering nothing.
+         */
+        default: {
+            const unhandledEditMode = editMode;
+            void unhandledEditMode;
             return (_jsx(Select, { ref: ref, ...commonProps, options: options, value: currentValue, onChange: handleChange, onBlur: handleBlur, placeholder: placeholder, size: controlSize }));
+        }
     }
 });
 // --- Wrapper ---

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 { Card } from \"~wildo-frontend-lib/components/sections/card\"\nimport { Combobox } from \"~wildo-frontend-lib/components/form/combobox\"\nimport { ComboboxMultiple } from \"~wildo-frontend-lib/components/form/combobox\"\n\nimport { EnumEditMode, getEnumUI, getEnumValues, resolveEnumEditMode, LayoutDirection, DisplayDirection } from \"@wildo-ai/zod-decorators\"\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\nexport type FormFieldEnumRef = HTMLButtonElement | HTMLDivElement\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  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  const enumUI = getEnumUI(schema)\n  // Resolved rather than read — see `resolveStringEditMode`'s note: both\n  // `edit.editMode` and `edit.component` declare the editing shape.\n  const editMode = resolveEnumEditMode(schema)\n  const editDirection = enumUI?.edit?.editDirection ?? 'vertical'\n  const editColumnsCount = enumUI?.edit?.editColumnsCount ?? 2\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(schema) ?? []\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  const renderOptionWithIcon = React.useMemo(() => {\n    if (!hasAnyIcon) return undefined\n    return (option: FieldOption<string>) => (\n      <span className=\"inline-flex items-center gap-item-xs\">\n        {resolveOptionIcon(option.value)}\n        {option.label}\n      </span>\n    )\n  }, [hasAnyIcon, resolveOptionIcon])\n\n  const isMultiSelect = editMode === EnumEditMode.COMBOBOX && Array.isArray(controlledValue)\n\n  const [internalValue, setInternalValue] = React.useState<string | string[]>(\n    defaultValue ?? (isMultiSelect ? [] : '')\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  if (!isReady) return null;\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    case EnumEditMode.RADIO:\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={editDirection === LayoutDirection.HORIZONTAL ? DisplayDirection.HORIZONTAL : DisplayDirection.VERTICAL}\n          renderOptionLabel={renderOptionWithIcon}\n        />\n      )\n\n    case EnumEditMode.TOGGLE:\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          className={cn(\n            editDirection === 'horizontal' ? 'flex-row' : 'flex-col',\n            className\n          )}\n        >\n          {options.map((option) => (\n            <ToggleGroupItem\n              key={option.value}\n              value={option.value}\n              aria-label={option.label}\n            >\n              <span className=\"inline-flex items-center gap-item-xs\">\n                {resolveOptionIcon(option.value)}\n                {option.label}\n              </span>\n            </ToggleGroupItem>\n          ))}\n        </ToggleGroup>\n      )\n\n    case EnumEditMode.CARD:\n      return (\n        <div\n          ref={ref as React.RefObject<HTMLDivElement>}\n          role=\"radiogroup\"\n          className={cn(\n            \"grid gap-element\",\n            `grid-cols-${editColumnsCount}`,\n            className\n          )}\n          style={{ gridTemplateColumns: `repeat(${editColumnsCount}, minmax(0, 1fr))` }}\n        >\n          {options.map((option) => {\n            const isSelected = currentValue === option.value;\n            return (\n              <Card\n                key={option.value}\n                role=\"radio\"\n                aria-checked={isSelected}\n                tabIndex={disabled || readOnly ? -1 : 0}\n                className={cn(\n                  \"cursor-pointer p-card-sm transition-colors outline-none focus-ring-offset\",\n                  isSelected\n                    ? \"border-primary bg-primary/5\"\n                    : \"hover:border-muted-foreground/50\",\n                  (disabled || readOnly) && \"cursor-not-allowed opacity-[var(--opacity-disabled)]\"\n                )}\n                onClick={() => !(disabled || readOnly) && handleChange(option.value)}\n                onKeyDown={(e) => {\n                  if ((e.key === 'Enter' || e.key === ' ') && !(disabled || readOnly)) {\n                    e.preventDefault();\n                    handleChange(option.value);\n                  }\n                }}\n              >\n                <div className=\"inline-flex items-center gap-item-xs font-medium text-sm\">\n                  {resolveOptionIcon(option.value)}\n                  {option.label}\n                </div>\n              </Card>\n            );\n          })}\n        </div>\n      )\n\n    case EnumEditMode.COMBOBOX:\n      if (isMultiSelect) {\n        const multiValue = Array.isArray(currentValue) ? currentValue : (currentValue ? [currentValue as string] : [])\n        return (\n          <ComboboxMultiple\n            ref={ref as React.RefObject<HTMLButtonElement>}\n            {...commonProps}\n            options={options}\n            value={multiValue}\n            onChange={handleChange}\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      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    default:\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// --- 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, 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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"form-field-enum.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/form-field-enum.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"form-field-enum.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-enum.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,EAAO,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"form-field-enum.labels.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/form-field-enum.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,2BAA2B,GAA0B,EAAE,CAAC;AACrE,uBAAuB,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,2BAA2B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelFormFieldEnumLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_FORM_FIELD_ENUM, LowLevelFormFieldEnumLabels);\n"]}
+{"version":3,"file":"form-field-enum.labels.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-enum.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,2BAA2B,GAA0B,EAAE,CAAC;AACrE,uBAAuB,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,2BAA2B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelFormFieldEnumLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_FORM_FIELD_ENUM, LowLevelFormFieldEnumLabels);\n"]}