@wildo-ai/presets-components 1.0.1 → 1.1.1

package/dist/esm/components/form/controls/string/color-picker-surface.js

@@ -0,0 +1,134 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { cn, useUI, hsvToRgb, rgbToHex, relativeLuminance } from "@wildo-ai/saas-frontend-lib";
+import { ControlSize, FormControlVariant, UIBehavior } from "@wildo-ai/presets-components-models";
+/**
+ * The framework's own colour picking surface: a saturation/brightness plane plus a hue track.
+ *
+ * It exists because the browser's `<input type="color">` delegates picking to an operating-system
+ * window — appearance no design token, recipe, surface policy or material can reach, differing per
+ * platform, and unstylable by the applications that inherit this control. Behaviour is worth
+ * importing; appearance is not. So the hue track composes Radix's headless slider (its keyboard
+ * model and ARIA, none of its looks — it ships no styles), and the two-dimensional plane, which has
+ * no headless equivalent, is implemented here including its own keyboard model.
+ *
+ * The surface is deliberately NOT a registered component slot: it is one composition detail of the
+ * colour input's DEFAULT preset. An application that wants a different picker replaces that preset.
+ * Promote it to its own injectable slot when a second consumer genuinely appears.
+ */
+/** Percentage points moved per arrow key press on the saturation/brightness plane. */
+const PLANE_STEP = 1;
+/** Percentage points moved when the arrow key is held with Shift — the coarse pass. */
+const PLANE_STEP_COARSE = 10;
+/** Degrees of hue per arrow key press. Radix owns this; Shift-stepping is its `step` × 10. */
+const HUE_STEP = 1;
+const PLANE_HEIGHT_STRUCTURE = {
+    [ControlSize.SM]: "h-28",
+    [ControlSize.MD]: "h-36",
+};
+function clampPercentage(value) {
+    return Math.min(100, Math.max(0, value));
+}
+export function ColorPickerSurface({ value, onChange, onCommit, disabled, controlSize = ControlSize.MD, planeLabel, hueLabel, planeValueText, }) {
+    const { getRecipe } = useUI();
+    const controlRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
+    const planeRef = React.useRef(null);
+    const [isDragging, setIsDragging] = React.useState(false);
+    const selectedHex = rgbToHex(hsvToRgb(value));
+    const hueHex = rgbToHex(hsvToRgb({ h: value.h, s: 100, v: 100 }));
+    // Thumb chrome flips with the luminance UNDER it: a light thumb vanishes on pale yellow, a dark
+    // one vanishes on navy. Reading the colour is the only way to stay visible across the gamut.
+    const isLightUnderThumb = relativeLuminance(hsvToRgb(value)) > 0.5;
+    const thumbBorderClass = isLightUnderThumb ? "border-black/70" : "border-white";
+    const applyPointer = React.useCallback((clientX, clientY) => {
+        const plane = planeRef.current;
+        if (!plane)
+            return;
+        const rect = plane.getBoundingClientRect();
+        if (rect.width === 0 || rect.height === 0)
+            return;
+        onChange({
+            h: value.h,
+            s: clampPercentage(((clientX - rect.left) / rect.width) * 100),
+            v: clampPercentage((1 - (clientY - rect.top) / rect.height) * 100),
+        });
+    }, [onChange, value.h]);
+    const handlePointerDown = React.useCallback((event) => {
+        if (disabled)
+            return;
+        // Pointer capture keeps the drag alive outside the plane's bounds without any window-level
+        // listener to install, leak, or clean up.
+        event.currentTarget.setPointerCapture(event.pointerId);
+        event.currentTarget.focus();
+        setIsDragging(true);
+        applyPointer(event.clientX, event.clientY);
+    }, [applyPointer, disabled]);
+    const handlePointerMove = React.useCallback((event) => {
+        if (!isDragging || disabled)
+            return;
+        applyPointer(event.clientX, event.clientY);
+    }, [applyPointer, isDragging, disabled]);
+    const handlePointerUp = React.useCallback((event) => {
+        if (!isDragging)
+            return;
+        event.currentTarget.releasePointerCapture(event.pointerId);
+        setIsDragging(false);
+        onCommit?.();
+    }, [isDragging, onCommit]);
+    const handlePlaneKeyDown = React.useCallback((event) => {
+        if (disabled)
+            return;
+        const step = event.shiftKey ? PLANE_STEP_COARSE : PLANE_STEP;
+        let nextS = value.s;
+        let nextV = value.v;
+        switch (event.key) {
+            case 'ArrowRight':
+                nextS = clampPercentage(value.s + step);
+                break;
+            case 'ArrowLeft':
+                nextS = clampPercentage(value.s - step);
+                break;
+            case 'ArrowUp':
+                nextV = clampPercentage(value.v + step);
+                break;
+            case 'ArrowDown':
+                nextV = clampPercentage(value.v - step);
+                break;
+            case 'Home':
+                nextS = 0;
+                break;
+            case 'End':
+                nextS = 100;
+                break;
+            case 'PageUp':
+                nextV = 100;
+                break;
+            case 'PageDown':
+                nextV = 0;
+                break;
+            default: return;
+        }
+        event.preventDefault();
+        onChange({ h: value.h, s: nextS, v: nextV });
+        onCommit?.();
+    }, [disabled, onChange, onCommit, value]);
+    const handleHueChange = React.useCallback(([nextHue]) => {
+        onChange({ h: nextHue, s: value.s, v: value.v });
+    }, [onChange, value.s, value.v]);
+    return (_jsxs("div", { className: "flex flex-col gap-element", children: [_jsx("div", { ref: planeRef, role: "slider", tabIndex: disabled ? -1 : 0, "aria-label": planeLabel, "aria-valuetext": planeValueText, "aria-disabled": disabled || undefined, "data-slot": "color-picker-plane", onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, onPointerCancel: handlePointerUp, onKeyDown: handlePlaneKeyDown, className: cn("relative w-full touch-none rounded-md border border-border outline-none", PLANE_HEIGHT_STRUCTURE[controlSize], disabled ? "pointer-events-none opacity-[var(--opacity-disabled)]" : "cursor-crosshair", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"), style: {
+                    // The canonical HSV plane: white→hue across, transparent→black down. These are the
+                    // colour being EDITED, not chrome, so they are literal by nature — the same reason a
+                    // swatch renders the field's own value rather than a token.
+                    backgroundImage: `linear-gradient(to top, #000000, rgba(0, 0, 0, 0)), linear-gradient(to right, #ffffff, ${hueHex})`,
+                }, children: _jsx("span", { "aria-hidden": "true", "data-slot": "color-picker-plane-thumb", className: cn("pointer-events-none absolute size-4 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 shadow-sm", thumbBorderClass), style: {
+                        left: `${value.s}%`,
+                        top: `${100 - value.v}%`,
+                        backgroundColor: selectedHex,
+                    } }) }), _jsxs(SliderPrimitive.Root, { value: [value.h], onValueChange: handleHueChange, onValueCommit: onCommit, min: 0, max: 360, step: HUE_STEP, disabled: disabled, "data-slot": "color-picker-hue", className: "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-[var(--opacity-disabled)]", children: [_jsx(SliderPrimitive.Track, { "data-slot": "color-picker-hue-track", className: "relative h-3 w-full grow overflow-hidden rounded-full border border-border", style: {
+                            // The hue wheel unrolled. Literal for the same reason as the plane above.
+                            backgroundImage: 'linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)',
+                        } }), _jsx(SliderPrimitive.Thumb, { "data-slot": "color-picker-hue-thumb", "aria-label": hueLabel, className: cn("block size-4 shrink-0 rounded-full border-2 border-white bg-background shadow-sm", "focus-ring-thick", "disabled:pointer-events-none", controlRecipe.motion.transition), style: { backgroundColor: hueHex } })] })] }));
+}
+//# sourceMappingURL=color-picker-surface.js.map

package/dist/esm/components/form/controls/string/color-picker-surface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker-surface.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/string/color-picker-surface.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SliderPrimitive from \"@radix-ui/react-slider\"\n\nimport { cn, useUI, hsvToRgb, rgbToHex, relativeLuminance } from \"@wildo-ai/saas-frontend-lib\"\nimport type { HsvColor } from \"@wildo-ai/saas-frontend-lib\"\nimport { ControlSize, FormControlVariant, UIBehavior } from \"@wildo-ai/presets-components-models\"\n\n/**\n * The framework's own colour picking surface: a saturation/brightness plane plus a hue track.\n *\n * It exists because the browser's `<input type=\"color\">` delegates picking to an operating-system\n * window — appearance no design token, recipe, surface policy or material can reach, differing per\n * platform, and unstylable by the applications that inherit this control. Behaviour is worth\n * importing; appearance is not. So the hue track composes Radix's headless slider (its keyboard\n * model and ARIA, none of its looks — it ships no styles), and the two-dimensional plane, which has\n * no headless equivalent, is implemented here including its own keyboard model.\n *\n * The surface is deliberately NOT a registered component slot: it is one composition detail of the\n * colour input's DEFAULT preset. An application that wants a different picker replaces that preset.\n * Promote it to its own injectable slot when a second consumer genuinely appears.\n */\n\n/** Percentage points moved per arrow key press on the saturation/brightness plane. */\nconst PLANE_STEP = 1\n/** Percentage points moved when the arrow key is held with Shift — the coarse pass. */\nconst PLANE_STEP_COARSE = 10\n/** Degrees of hue per arrow key press. Radix owns this; Shift-stepping is its `step` × 10. */\nconst HUE_STEP = 1\n\nconst PLANE_HEIGHT_STRUCTURE: Record<ControlSize, string> = {\n  [ControlSize.SM]: \"h-28\",\n  [ControlSize.MD]: \"h-36\",\n}\n\nexport interface ColorPickerSurfaceProps {\n  /** The current point on the surface. Owned by the caller so hue survives black and white. */\n  value: HsvColor\n  onChange: (value: HsvColor) => void\n  /** Fired when a drag or keyboard adjustment finishes, so the caller can commit/blur. */\n  onCommit?: () => void\n  disabled?: boolean\n  controlSize?: ControlSize\n  /** Accessible names, resolved by the caller — this surface renders no untranslated text. */\n  planeLabel: string\n  hueLabel: string\n  /** Spoken value of the plane, e.g. \"Saturation 62%, brightness 90%\". Caller interpolates it. */\n  planeValueText: string\n}\n\nfunction clampPercentage(value: number): number {\n  return Math.min(100, Math.max(0, value))\n}\n\nexport function ColorPickerSurface({\n  value,\n  onChange,\n  onCommit,\n  disabled,\n  controlSize = ControlSize.MD,\n  planeLabel,\n  hueLabel,\n  planeValueText,\n}: ColorPickerSurfaceProps): React.JSX.Element {\n  const { getRecipe } = useUI()\n  const controlRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT)\n\n  const planeRef = React.useRef<HTMLDivElement | null>(null)\n  const [isDragging, setIsDragging] = React.useState(false)\n\n  const selectedHex = rgbToHex(hsvToRgb(value))\n  const hueHex = rgbToHex(hsvToRgb({ h: value.h, s: 100, v: 100 }))\n\n  // Thumb chrome flips with the luminance UNDER it: a light thumb vanishes on pale yellow, a dark\n  // one vanishes on navy. Reading the colour is the only way to stay visible across the gamut.\n  const isLightUnderThumb = relativeLuminance(hsvToRgb(value)) > 0.5\n  const thumbBorderClass = isLightUnderThumb ? \"border-black/70\" : \"border-white\"\n\n  const applyPointer = React.useCallback((clientX: number, clientY: number) => {\n    const plane = planeRef.current\n    if (!plane) return\n\n    const rect = plane.getBoundingClientRect()\n    if (rect.width === 0 || rect.height === 0) return\n\n    onChange({\n      h: value.h,\n      s: clampPercentage(((clientX - rect.left) / rect.width) * 100),\n      v: clampPercentage((1 - (clientY - rect.top) / rect.height) * 100),\n    })\n  }, [onChange, value.h])\n\n  const handlePointerDown = React.useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n    if (disabled) return\n    // Pointer capture keeps the drag alive outside the plane's bounds without any window-level\n    // listener to install, leak, or clean up.\n    event.currentTarget.setPointerCapture(event.pointerId)\n    event.currentTarget.focus()\n    setIsDragging(true)\n    applyPointer(event.clientX, event.clientY)\n  }, [applyPointer, disabled])\n\n  const handlePointerMove = React.useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n    if (!isDragging || disabled) return\n    applyPointer(event.clientX, event.clientY)\n  }, [applyPointer, isDragging, disabled])\n\n  const handlePointerUp = React.useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n    if (!isDragging) return\n    event.currentTarget.releasePointerCapture(event.pointerId)\n    setIsDragging(false)\n    onCommit?.()\n  }, [isDragging, onCommit])\n\n  const handlePlaneKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (disabled) return\n    const step = event.shiftKey ? PLANE_STEP_COARSE : PLANE_STEP\n\n    let nextS = value.s\n    let nextV = value.v\n    switch (event.key) {\n      case 'ArrowRight': nextS = clampPercentage(value.s + step); break\n      case 'ArrowLeft': nextS = clampPercentage(value.s - step); break\n      case 'ArrowUp': nextV = clampPercentage(value.v + step); break\n      case 'ArrowDown': nextV = clampPercentage(value.v - step); break\n      case 'Home': nextS = 0; break\n      case 'End': nextS = 100; break\n      case 'PageUp': nextV = 100; break\n      case 'PageDown': nextV = 0; break\n      default: return\n    }\n\n    event.preventDefault()\n    onChange({ h: value.h, s: nextS, v: nextV })\n    onCommit?.()\n  }, [disabled, onChange, onCommit, value])\n\n  const handleHueChange = React.useCallback(([nextHue]: number[]) => {\n    onChange({ h: nextHue, s: value.s, v: value.v })\n  }, [onChange, value.s, value.v])\n\n  return (\n    <div className=\"flex flex-col gap-element\">\n      <div\n        ref={planeRef}\n        role=\"slider\"\n        tabIndex={disabled ? -1 : 0}\n        aria-label={planeLabel}\n        aria-valuetext={planeValueText}\n        aria-disabled={disabled || undefined}\n        data-slot=\"color-picker-plane\"\n        onPointerDown={handlePointerDown}\n        onPointerMove={handlePointerMove}\n        onPointerUp={handlePointerUp}\n        onPointerCancel={handlePointerUp}\n        onKeyDown={handlePlaneKeyDown}\n        className={cn(\n          \"relative w-full touch-none rounded-md border border-border outline-none\",\n          PLANE_HEIGHT_STRUCTURE[controlSize],\n          disabled ? \"pointer-events-none opacity-[var(--opacity-disabled)]\" : \"cursor-crosshair\",\n          \"focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n        )}\n        style={{\n          // The canonical HSV plane: white→hue across, transparent→black down. These are the\n          // colour being EDITED, not chrome, so they are literal by nature — the same reason a\n          // swatch renders the field's own value rather than a token.\n          backgroundImage: `linear-gradient(to top, #000000, rgba(0, 0, 0, 0)), linear-gradient(to right, #ffffff, ${hueHex})`,\n        }}\n      >\n        <span\n          aria-hidden=\"true\"\n          data-slot=\"color-picker-plane-thumb\"\n          className={cn(\n            \"pointer-events-none absolute size-4 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 shadow-sm\",\n            thumbBorderClass,\n          )}\n          style={{\n            left: `${value.s}%`,\n            top: `${100 - value.v}%`,\n            backgroundColor: selectedHex,\n          }}\n        />\n      </div>\n\n      <SliderPrimitive.Root\n        value={[value.h]}\n        onValueChange={handleHueChange}\n        onValueCommit={onCommit}\n        min={0}\n        max={360}\n        step={HUE_STEP}\n        disabled={disabled}\n        data-slot=\"color-picker-hue\"\n        className=\"relative flex w-full touch-none items-center select-none data-[disabled]:opacity-[var(--opacity-disabled)]\"\n      >\n        <SliderPrimitive.Track\n          data-slot=\"color-picker-hue-track\"\n          className=\"relative h-3 w-full grow overflow-hidden rounded-full border border-border\"\n          style={{\n            // The hue wheel unrolled. Literal for the same reason as the plane above.\n            backgroundImage:\n              'linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)',\n          }}\n        />\n        <SliderPrimitive.Thumb\n          data-slot=\"color-picker-hue-thumb\"\n          // The accessible name belongs on the THUMB, not on Root: Radix puts `role=\"slider\"`\n          // there, so a name on Root decorates a wrapper and leaves the actual slider unnamed.\n          aria-label={hueLabel}\n          className={cn(\n            \"block size-4 shrink-0 rounded-full border-2 border-white bg-background shadow-sm\",\n            \"focus-ring-thick\",\n            \"disabled:pointer-events-none\",\n            controlRecipe.motion.transition,\n          )}\n          style={{ backgroundColor: hueHex }}\n        />\n      </SliderPrimitive.Root>\n    </div>\n  )\n}\n"]}

package/dist/esm/components/form/controls/string/inline-edit-text.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { InlineEditTextProps } from "@wildo-ai/saas-frontend-lib";
+export declare function InlineEditText({ value, onCommit, placeholder, disabled, ariaLabel, className, controlSize, }: InlineEditTextProps): React.JSX.Element;
+export declare namespace InlineEditText {
+    var displayName: string;
+}
+//# sourceMappingURL=inline-edit-text.d.ts.map

package/dist/esm/components/form/controls/string/inline-edit-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-edit-text.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/string/inline-edit-text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAiBtE,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAgB,EAChB,SAAS,EACT,SAAS,EACT,WAA4B,GAC7B,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2FzC;yBAnGe,cAAc"}

package/dist/esm/components/form/controls/string/inline-edit-text.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn, InputRoot } from "@wildo-ai/saas-frontend-lib";
+import { ControlSize } from "@wildo-ai/presets-components-models";
+/**
+ * DEFAULT preset for the `LOW_LEVEL_INLINE_EDIT_TEXT` control. Click-to-edit
+ * text: a display element that swaps to the framework `InputRoot` control on
+ * demand. Reuses `InputRoot` (so the edit field inherits the app's input recipe
+ * + density) rather than a raw `<input>`. Domain-agnostic — the caller styles
+ * around it (e.g. wrap in a `line-through` span for a done checklist item).
+ */
+// Display element height/padding matched to the InputRoot control sizes so the
+// display ↔ edit swap doesn't shift layout.
+const DISPLAY_SIZE_STRUCTURE = {
+    [ControlSize.SM]: "h-8 px-2 text-sm",
+    [ControlSize.MD]: "h-9 px-3 text-sm",
+};
+export function InlineEditText({ value, onCommit, placeholder, disabled = false, ariaLabel, className, controlSize = ControlSize.SM, }) {
+    const [editing, setEditing] = React.useState(false);
+    const [draft, setDraft] = React.useState(value);
+    const inputRef = React.useRef(null);
+    const beginEdit = React.useCallback(() => {
+        if (disabled)
+            return;
+        setDraft(value);
+        setEditing(true);
+    }, [disabled, value]);
+    const cancel = React.useCallback(() => {
+        setDraft(value);
+        setEditing(false);
+    }, [value]);
+    const commit = React.useCallback(() => {
+        const next = draft.trim();
+        // Reject empty commits — a required field must never be blanked by a
+        // click-away; revert to the last committed value instead.
+        if (next === "" || next === value) {
+            cancel();
+            return;
+        }
+        onCommit(next);
+        setEditing(false);
+    }, [draft, value, onCommit, cancel]);
+    // Focus + caret-at-end when entering edit mode.
+    React.useEffect(() => {
+        if (editing && inputRef.current) {
+            const el = inputRef.current;
+            el.focus();
+            el.setSelectionRange(el.value.length, el.value.length);
+        }
+    }, [editing]);
+    if (editing) {
+        return (_jsx(InputRoot, { ref: inputRef, type: "text", value: draft, placeholder: placeholder, "aria-label": ariaLabel, disabled: disabled, controlSize: controlSize, onChange: (e) => setDraft(e.target.value), onBlur: commit, onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                    e.preventDefault();
+                    commit();
+                }
+                else if (e.key === "Escape") {
+                    e.preventDefault();
+                    cancel();
+                }
+            }, className: cn("w-full", className) }));
+    }
+    const isEmpty = value.trim() === "";
+    return (_jsx("span", { role: "button", tabIndex: disabled ? -1 : 0, "aria-label": ariaLabel, onDoubleClick: beginEdit, onKeyDown: (e) => {
+            // Enter / F2 while the text is focused enters edit (the "click once when
+            // selected/focused" path); a plain single click only focuses.
+            if (e.key === "Enter" || e.key === "F2") {
+                e.preventDefault();
+                beginEdit();
+            }
+        }, className: cn("inline-flex min-w-0 cursor-text items-center rounded-md outline-none", "hover:bg-accent/50 focus-visible:ring-2 focus-visible:ring-ring", "transition-colors duration-[var(--motion-duration-fast)] motion-reduce:transition-none", DISPLAY_SIZE_STRUCTURE[controlSize], isEmpty && "text-muted-foreground italic", disabled && "pointer-events-none opacity-[var(--opacity-disabled)]", className), children: _jsx("span", { className: "truncate", children: isEmpty ? (placeholder ?? "") : value }) }));
+}
+InlineEditText.displayName = "InlineEditText";
+//# sourceMappingURL=inline-edit-text.js.map

package/dist/esm/components/form/controls/string/inline-edit-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-edit-text.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/string/inline-edit-text.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn, InputRoot } from \"@wildo-ai/saas-frontend-lib\"\nimport { ControlSize } from \"@wildo-ai/presets-components-models\"\nimport type { InlineEditTextProps } from \"@wildo-ai/saas-frontend-lib\"\n\n/**\n * DEFAULT preset for the `LOW_LEVEL_INLINE_EDIT_TEXT` control. Click-to-edit\n * text: a display element that swaps to the framework `InputRoot` control on\n * demand. Reuses `InputRoot` (so the edit field inherits the app's input recipe\n * + density) rather than a raw `<input>`. Domain-agnostic — the caller styles\n * around it (e.g. wrap in a `line-through` span for a done checklist item).\n */\n\n// Display element height/padding matched to the InputRoot control sizes so the\n// display ↔ edit swap doesn't shift layout.\nconst DISPLAY_SIZE_STRUCTURE: Record<ControlSize, string> = {\n  [ControlSize.SM]: \"h-8 px-2 text-sm\",\n  [ControlSize.MD]: \"h-9 px-3 text-sm\",\n}\n\nexport function InlineEditText({\n  value,\n  onCommit,\n  placeholder,\n  disabled = false,\n  ariaLabel,\n  className,\n  controlSize = ControlSize.SM,\n}: InlineEditTextProps): React.JSX.Element {\n  const [editing, setEditing] = React.useState(false)\n  const [draft, setDraft] = React.useState(value)\n  const inputRef = React.useRef<HTMLInputElement | null>(null)\n\n  const beginEdit = React.useCallback((): void => {\n    if (disabled) return\n    setDraft(value)\n    setEditing(true)\n  }, [disabled, value])\n\n  const cancel = React.useCallback((): void => {\n    setDraft(value)\n    setEditing(false)\n  }, [value])\n\n  const commit = React.useCallback((): void => {\n    const next = draft.trim()\n    // Reject empty commits — a required field must never be blanked by a\n    // click-away; revert to the last committed value instead.\n    if (next === \"\" || next === value) {\n      cancel()\n      return\n    }\n    onCommit(next)\n    setEditing(false)\n  }, [draft, value, onCommit, cancel])\n\n  // Focus + caret-at-end when entering edit mode.\n  React.useEffect(() => {\n    if (editing && inputRef.current) {\n      const el = inputRef.current\n      el.focus()\n      el.setSelectionRange(el.value.length, el.value.length)\n    }\n  }, [editing])\n\n  if (editing) {\n    return (\n      <InputRoot\n        ref={inputRef}\n        type=\"text\"\n        value={draft}\n        placeholder={placeholder}\n        aria-label={ariaLabel}\n        disabled={disabled}\n        controlSize={controlSize}\n        onChange={(e) => setDraft(e.target.value)}\n        onBlur={commit}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\") {\n            e.preventDefault()\n            commit()\n          } else if (e.key === \"Escape\") {\n            e.preventDefault()\n            cancel()\n          }\n        }}\n        className={cn(\"w-full\", className)}\n      />\n    )\n  }\n\n  const isEmpty = value.trim() === \"\"\n  return (\n    <span\n      role=\"button\"\n      tabIndex={disabled ? -1 : 0}\n      aria-label={ariaLabel}\n      onDoubleClick={beginEdit}\n      onKeyDown={(e) => {\n        // Enter / F2 while the text is focused enters edit (the \"click once when\n        // selected/focused\" path); a plain single click only focuses.\n        if (e.key === \"Enter\" || e.key === \"F2\") {\n          e.preventDefault()\n          beginEdit()\n        }\n      }}\n      className={cn(\n        \"inline-flex min-w-0 cursor-text items-center rounded-md outline-none\",\n        \"hover:bg-accent/50 focus-visible:ring-2 focus-visible:ring-ring\",\n        \"transition-colors duration-[var(--motion-duration-fast)] motion-reduce:transition-none\",\n        DISPLAY_SIZE_STRUCTURE[controlSize],\n        isEmpty && \"text-muted-foreground italic\",\n        disabled && \"pointer-events-none opacity-[var(--opacity-disabled)]\",\n        className,\n      )}\n    >\n      <span className=\"truncate\">{isEmpty ? (placeholder ?? \"\") : value}</span>\n    </span>\n  )\n}\n\nInlineEditText.displayName = \"InlineEditText\"\n"]}

package/dist/esm/components/form/controls/string/input-otp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-otp.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/string/input-otp.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAgF,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAuFjJ,eAAO,MAAM,QAAQ,kBAAmI,CAAA"}
+{"version":3,"file":"input-otp.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/string/input-otp.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAgF,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAuGjJ,eAAO,MAAM,QAAQ,kBAAmI,CAAA"}

package/dist/esm/components/form/controls/string/input-otp.js

@@ -3,24 +3,31 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { createCompoundPreset, cn, useIconRegistry, StandardIconReference, IconSize, useUI } from "@wildo-ai/saas-frontend-lib";
-import { UIBehavior, FormControlVariant } from "@wildo-ai/presets-components-models";
-const InputOTPRoot = React.forwardRef(function InputOTPRoot({ className, containerClassName, render: _render, children, ...props }, ref) {
-    return (_jsx(OTPInput, { ref: ref, "data-slot": "input-otp", containerClassName: cn("flex items-center gap-2 has-disabled:opacity-[var(--opacity-disabled)]", containerClassName), className: cn("disabled:cursor-not-allowed", className), ...props, children: children }));
+import { ControlSize, FormControlVariant, UIBehavior } from "@wildo-ai/presets-components-models";
+const INPUT_OTP_SLOT_SIZE_STRUCTURE = {
+    [ControlSize.SM]: "h-8 w-8 text-sm",
+    [ControlSize.MD]: "h-9 w-9 text-sm",
+};
+const InputOTPSizeContext = React.createContext(ControlSize.MD);
+const InputOTPRoot = React.forwardRef(function InputOTPRoot({ className, containerClassName, controlSize = ControlSize.MD, render: _render, children, ...props }, ref) {
+    return (_jsx(InputOTPSizeContext.Provider, { value: controlSize, children: _jsx(OTPInput, { ref: ref, "data-slot": "input-otp", "data-size": controlSize, containerClassName: cn("flex items-center gap-2 has-disabled:opacity-[var(--opacity-disabled)]", containerClassName), className: cn("disabled:cursor-not-allowed", className), ...props, children: children }) }));
 });
 function InputOTPGroup({ className, ...props }) {
     return (_jsx("div", { "data-slot": "input-otp-group", className: cn("flex items-center", className), ...props }));
 }
-function InputOTPSlot({ index, className, ...props }) {
+function InputOTPSlot({ index, className, controlSize, ...props }) {
     const inputOTPContext = React.useContext(OTPInputContext);
     const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
     const { getRecipe } = useUI();
     const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
-    return (_jsxs("div", { "data-slot": "input-otp-slot", "data-active": isActive, className: cn(
+    const contextControlSize = React.useContext(InputOTPSizeContext);
+    const resolvedControlSize = controlSize ?? contextControlSize;
+    return (_jsxs("div", { "data-slot": "input-otp-slot", "data-size": resolvedControlSize, "data-active": isActive, className: cn(
         // Structure
-        "relative flex h-9 w-9 items-center justify-center border-y border-e text-sm shadow-xs outline-none first:rounded-s-md first:border-s last:rounded-e-md", 
+        "relative flex items-center justify-center border-y border-e shadow-xs outline-none first:rounded-s-md first:border-s last:rounded-e-md", INPUT_OTP_SLOT_SIZE_STRUCTURE[resolvedControlSize], 
         // Style from FORM_CONTROL.DEFAULT recipe
         recipe.base, 
-        // Active state — standardized focus ring (decision 1.16)
+        // Active state — standardized keyboard-focus ring
         "data-[active=true]:border-ring data-[active=true]:ring-2 data-[active=true]:ring-ring data-[active=true]:z-10", 
         // Invalid states
         recipe.states.invalid, "data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 data-[active=true]:aria-invalid:border-destructive", 
@@ -32,4 +39,4 @@ function InputOTPSeparator({ ...props }) {
     return (_jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: renderIcon(StandardIconReference.MINUS, { size: IconSize.SM }) }));
 }
 export const InputOTP = createCompoundPreset(InputOTPRoot, { Group: InputOTPGroup, Slot: InputOTPSlot, Separator: InputOTPSeparator });
-//# sourceMappingURL=input-otp.js.map
+//# sourceMappingURL=input-otp.js.map

package/dist/esm/components/form/controls/string/input-otp.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-otp.js","sourceRoot":"","sources":["../../../../../../src/components/form/controls/string/input-otp.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAErD,OAAO,EAAE,oBAAoB,EAAE,EAAE,EAAE,eAAe,EAAE,qBAAqB,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AAC/H,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AAEpF,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAkC,SAAS,YAAY,CAAC,EAC3F,SAAS,EACT,kBAAkB,EAClB,MAAM,EAAE,OAAO,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,GAAG;IACJ,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,GAAG,eACE,WAAW,EACrB,kBAAkB,EAAE,EAAE,CACpB,wEAAwE,EACxE,kBAAkB,CACnB,EACD,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,YAER,QAAQ,GACA,CACZ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsB;IAChE,OAAO,CACL,2BACY,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,KACzC,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACU;IAClB,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;IACzD,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;IAC5E,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,YAAY,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAA;IAE7E,OAAO,CACL,4BACY,gBAAgB,iBACb,QAAQ,EACrB,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,wJAAwJ;QACxJ,yCAAyC;QACzC,MAAM,CAAC,IAAI;QACX,yDAAyD;QACzD,+GAA+G;QAC/G,iBAAiB;QACjB,MAAM,CAAC,MAAM,CAAC,OAAO,EACrB,iKAAiK;QACjK,SAAS;QACT,MAAM,CAAC,MAAM,CAAC,UAAU,EACxB,SAAS,CACV,KACG,KAAK,aAER,IAAI,EACJ,YAAY,IAAI,CACf,cAAK,SAAS,EAAC,uEAAuE,YACpF,cAAK,SAAS,EAAC,0DAA0D,GAAG,GACxE,CACP,IACG,CACP,CAAA;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAA0B;IAC7D,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IAExC,OAAO,CACL,2BAAe,qBAAqB,EAAC,IAAI,EAAC,WAAW,KAAK,KAAK,YAC5D,UAAU,CAAC,qBAAqB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GAC3D,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,oBAAoB,CAAmB,YAAY,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC,CAAA"}
+{"version":3,"file":"input-otp.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/string/input-otp.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { OTPInput, OTPInputContext } from \"input-otp\"\nimport type { InputOTPGroupProps, InputOTPProps, InputOTPSeparatorProps, InputOTPSlotProps, InputOTPCompound } from '@wildo-ai/saas-frontend-lib'\nimport { createCompoundPreset, cn, useIconRegistry, StandardIconReference, IconSize, useUI } from \"@wildo-ai/saas-frontend-lib\"\nimport { ControlSize, FormControlVariant, FrontendComponentType, UIBehavior } from \"@wildo-ai/presets-components-models\"\n\nconst INPUT_OTP_SLOT_SIZE_STRUCTURE: Record<ControlSize, string> = {\n  [ControlSize.SM]: \"h-8 w-8 text-sm\",\n  [ControlSize.MD]: \"h-9 w-9 text-sm\",\n}\n\nconst InputOTPSizeContext = React.createContext<ControlSize>(ControlSize.MD)\n\nconst InputOTPRoot = React.forwardRef<HTMLInputElement, InputOTPProps>(function InputOTPRoot({\n  className,\n  containerClassName,\n  controlSize = ControlSize.MD,\n  render: _render,\n  children,\n  ...props\n}, ref) {\n  return (\n    <InputOTPSizeContext.Provider value={controlSize}>\n      <OTPInput\n        ref={ref}\n        data-slot=\"input-otp\"\n        data-size={controlSize}\n        containerClassName={cn(\n          \"flex items-center gap-2 has-disabled:opacity-[var(--opacity-disabled)]\",\n          containerClassName\n        )}\n        className={cn(\"disabled:cursor-not-allowed\", className)}\n        {...props}\n      >\n        {children}\n      </OTPInput>\n    </InputOTPSizeContext.Provider>\n  )\n})\n\nfunction InputOTPGroup({ className, ...props }: InputOTPGroupProps): React.JSX.Element {\n  return (\n    <div\n      data-slot=\"input-otp-group\"\n      className={cn(\"flex items-center\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPSlot({\n  index,\n  className,\n  controlSize,\n  ...props\n}: InputOTPSlotProps): React.JSX.Element {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}\n  const { getRecipe } = useUI()\n  const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT)\n  const contextControlSize = React.useContext(InputOTPSizeContext)\n  const resolvedControlSize = controlSize ?? contextControlSize\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-size={resolvedControlSize}\n      data-active={isActive}\n      className={cn(\n        // Structure\n        \"relative flex items-center justify-center border-y border-e shadow-xs outline-none first:rounded-s-md first:border-s last:rounded-e-md\",\n        INPUT_OTP_SLOT_SIZE_STRUCTURE[resolvedControlSize],\n        // Style from FORM_CONTROL.DEFAULT recipe\n        recipe.base,\n        // Active state — standardized keyboard-focus ring\n        \"data-[active=true]:border-ring data-[active=true]:ring-2 data-[active=true]:ring-ring data-[active=true]:z-10\",\n        // Invalid states\n        recipe.states.invalid,\n        \"data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 data-[active=true]:aria-invalid:border-destructive\",\n        // Motion\n        recipe.motion.transition,\n        className\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink bg-foreground h-4 w-px duration-1000\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction InputOTPSeparator({ ...props }: InputOTPSeparatorProps): React.JSX.Element {\n  const { renderIcon } = useIconRegistry()\n\n  return (\n    <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n      {renderIcon(StandardIconReference.MINUS, { size: IconSize.SM })}\n    </div>\n  )\n}\n\nexport const InputOTP = createCompoundPreset<InputOTPCompound>(InputOTPRoot, { Group: InputOTPGroup, Slot: InputOTPSlot, Separator: InputOTPSeparator })\n"]}

package/dist/esm/components/form/controls/string/input-otp.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelInputOtpLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=input-otp.labels.d.ts.map

package/dist/esm/components/form/controls/string/input-otp.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.labels.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/string/input-otp.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,sBAAsB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/form/controls/string/input-otp.labels.js

@@ -0,0 +1,7 @@
+import { FrontendComponentType, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelInputOtpLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_INPUT_OTP, LowLevelInputOtpLabels);
+//# sourceMappingURL=input-otp.labels.js.map

package/dist/esm/components/form/controls/string/input-otp.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.labels.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/string/input-otp.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,sBAAsB,GAA0B,EAAE,CAAC;AAChE,uBAAuB,CAAC,qBAAqB,CAAC,mBAAmB,EAAE,sBAAsB,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 LowLevelInputOtpLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_INPUT_OTP, LowLevelInputOtpLabels);\n"]}

package/dist/esm/components/form/controls/string/password-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/string/password-input.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,kBAAkB,EAAoB,MAAM,6BAA6B,CAAA;AAGvF;;;;GAIG;AACH,QAAA,MAAM,aAAa,6FA4FjB,CAED;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"password-input.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/string/password-input.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,kBAAkB,EAAoB,MAAM,6BAA6B,CAAA;AAGvF;;;;GAIG;AACH,QAAA,MAAM,aAAa,6FAiGjB,CAED;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/esm/components/form/controls/string/password-input.js

@@ -8,15 +8,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import * as React from "react";
 import { cn, Button, ButtonVariants_Variant, InputRoot, StandardIconReference, IconSize, useIconRegistry, useI18n } from "@wildo-ai/saas-frontend-lib";
-import { FrontendComponentType, ButtonSize } from "@wildo-ai/presets-components-models";
+import { ButtonSize, ControlSize, FrontendComponentType } from "@wildo-ai/presets-components-models";
 /**
  * PasswordInput component
  *
  * Renders a password input with a show/hide toggle button
  */
-const PasswordInput = React.forwardRef(function PasswordInput({ schema, name, disabled, readOnly, autoFocus, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, placeholder, autoComplete = "current-password", showToggle = true, }, ref) {
+const PasswordInput = React.forwardRef(function PasswordInput({ schema, name, disabled, readOnly, autoFocus, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, placeholder, autoComplete, showToggle = true, controlSize = ControlSize.MD, }, ref) {
     const { renderIcon } = useIconRegistry();
-    const { tComponent } = useI18n({ component: FrontendComponentType.LOW_LEVEL_PASSWORD_INPUT });
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_PASSWORD_INPUT });
     // State for password visibility
     const [isVisible, setIsVisible] = React.useState(false);
     // Internal state for uncontrolled mode
@@ -44,11 +44,14 @@ const PasswordInput = React.forwardRef(function PasswordInput({ schema, name, di
     }, []);
     // ID for accessibility
     const inputId = `field-${name}`;
-    const toggleButton = showToggle && !disabled ? (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON, onClick: toggleVisibility, tabIndex: -1, "aria-label": isVisible
+    const toggleButtonSize = controlSize === ControlSize.SM ? ButtonSize.ICON_SM : ButtonSize.ICON;
+    const toggleButton = showToggle && !disabled ? (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: toggleButtonSize, onClick: toggleVisibility, tabIndex: -1, "aria-label": isVisible
             ? tComponent(FrontendComponentType.LOW_LEVEL_PASSWORD_INPUT, 'hidePassword')
-            : tComponent(FrontendComponentType.LOW_LEVEL_PASSWORD_INPUT, 'showPassword'), className: "h-9 w-9 hover:bg-transparent", children: renderIcon(isVisible ? StandardIconReference.EYE_OFF : StandardIconReference.EYE, { size: IconSize.SM, className: "text-muted-foreground" }) })) : undefined;
-    return (_jsx(InputRoot, { ref: ref, id: inputId, name: name, type: isVisible ? 'text' : 'password', placeholder: placeholder, autoComplete: autoComplete, disabled: disabled, readOnly: readOnly, autoFocus: autoFocus, value: currentValue, onChange: handleChange, onBlur: handleBlur, suffix: toggleButton, wrapperClassName: className, className: cn(readOnly && "bg-muted cursor-default") }));
+            : tComponent(FrontendComponentType.LOW_LEVEL_PASSWORD_INPUT, 'showPassword'), className: "hover:bg-transparent", children: renderIcon(isVisible ? StandardIconReference.EYE_OFF : StandardIconReference.EYE, { size: IconSize.SM, className: "text-muted-foreground" }) })) : undefined;
+    if (!isReady)
+        return null;
+    return (_jsx(InputRoot, { ref: ref, id: inputId, name: name, type: isVisible ? 'text' : 'password', placeholder: placeholder, autoComplete: autoComplete, disabled: disabled, readOnly: readOnly, autoFocus: autoFocus, value: currentValue, onChange: handleChange, onBlur: handleBlur, suffix: toggleButton, controlSize: controlSize, wrapperClassName: className, className: cn(readOnly && "bg-muted cursor-default") }));
 });
 PasswordInput.displayName = "PasswordInput";
 export { PasswordInput };
-//# sourceMappingURL=password-input.js.map
+//# sourceMappingURL=password-input.js.map

package/dist/esm/components/form/controls/string/password-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.js","sourceRoot":"","sources":["../../../../../../src/components/form/controls/string/password-input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"password-input.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/string/password-input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,sBAAsB,EAAE,SAAS,EAAE,qBAAqB,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAEtJ,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAEpG;;;;GAIG;AACH,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAuC,SAAS,aAAa,CAAC,EAClG,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,cAAc,EAAE,kBAAkB,EAClC,WAAW,EACX,YAAY,EACZ,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,WAAW,CAAC,EAAE,GAC7B,EAAE,GAAG;IACJ,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IACxC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,wBAAwB,EAAE,CAAC,CAAA;IAEtG,gCAAgC;IAChC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,uCAAuC;IACvC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,YAAY,IAAI,EAAE,CAAC,CAAA;IAEpF,0BAA0B;IAC1B,MAAM,YAAY,GAAG,eAAe,KAAK,SAAS,CAAA;IAClD,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAA;IAEnE,oEAAoE;IACpE,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QAChF,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAE/B,IAAI,YAAY,EAAE,CAAC;YACjB,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAA;QACtB,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,QAAQ,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE5B,kEAAkE;IAClE,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,MAAM,EAAE,EAAE,CAAA;IACZ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,oBAAoB;IACpB,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC9C,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,uBAAuB;IACvB,MAAM,OAAO,GAAG,SAAS,IAAI,EAAE,CAAA;IAC/B,MAAM,gBAAgB,GAAG,WAAW,KAAK,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAA;IAE9F,MAAM,YAAY,GAAG,UAAU,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC7C,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,KAAK,EACrC,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,CAAC,CAAC,gBACA,SAAS;YACnB,CAAC,CAAC,UAAU,CAAC,qBAAqB,CAAC,wBAAwB,EAAE,cAAc,CAAC;YAC5E,CAAC,CAAC,UAAU,CAAC,qBAAqB,CAAC,wBAAwB,EAAE,cAAc,CAAC,EAE9E,SAAS,EAAC,sBAAsB,YAE/B,UAAU,CACT,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,GAAG,EACrE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAC1D,GACM,CACV,CAAC,CAAC,CAAC,SAAS,CAAA;IAEb,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACrC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,YAAY,EACpB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,SAAS,EAC3B,SAAS,EAAE,EAAE,CAAC,QAAQ,IAAI,yBAAyB,CAAC,GACpD,CACH,CAAA;AACH,CAAC,CAAC,CAED;AAAC,aAAgE,CAAC,WAAW,GAAG,eAAe,CAAA;AAEhG,OAAO,EAAE,aAAa,EAAE,CAAA","sourcesContent":["\"use client\"\n\n/**\n * PasswordInput Component\n *\n * A password input field with show/hide toggle button.\n * Uses the eye icon to toggle visibility of the password.\n */\n\nimport * as React from \"react\"\n\nimport { cn, Button, ButtonVariants_Variant, InputRoot, StandardIconReference, IconSize, useIconRegistry, useI18n } from \"@wildo-ai/saas-frontend-lib\"\nimport type { PasswordInputProps, PasswordInputRef } from '@wildo-ai/saas-frontend-lib'\nimport { ButtonSize, ControlSize, FrontendComponentType } from \"@wildo-ai/presets-components-models\"\n\n/**\n * PasswordInput component\n *\n * Renders a password input with a show/hide toggle button\n */\nconst PasswordInput = React.forwardRef<PasswordInputRef, PasswordInputProps>(function PasswordInput({\n  schema,\n  name,\n  disabled,\n  readOnly,\n  autoFocus,\n  className,\n  value: controlledValue,\n  onChange,\n  onBlur,\n  defaultValue,\n  validationMode: validationModeProp,\n  placeholder,\n  autoComplete,\n  showToggle = true,\n  controlSize = ControlSize.MD,\n}, ref) {\n  const { renderIcon } = useIconRegistry()\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_PASSWORD_INPUT })\n\n  // State for password visibility\n  const [isVisible, setIsVisible] = React.useState(false)\n\n  // Internal state for uncontrolled mode\n  const [internalValue, setInternalValue] = React.useState<string>(defaultValue ?? '')\n\n  // Determine if controlled\n  const isControlled = controlledValue !== undefined\n  const currentValue = isControlled ? controlledValue : internalValue\n\n  // Handle change - validation is handled by parent FormField via RHF\n  const handleChange = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value\n\n    if (isControlled) {\n      onChange?.(newValue)\n    } else {\n      setInternalValue(newValue)\n    }\n  }, [isControlled, onChange])\n\n  // Handle blur - validation is handled by parent FormField via RHF\n  const handleBlur = React.useCallback(() => {\n    onBlur?.()\n  }, [onBlur])\n\n  // Toggle visibility\n  const toggleVisibility = React.useCallback(() => {\n    setIsVisible(prev => !prev)\n  }, [])\n\n  // ID for accessibility\n  const inputId = `field-${name}`\n  const toggleButtonSize = controlSize === ControlSize.SM ? ButtonSize.ICON_SM : ButtonSize.ICON\n\n  const toggleButton = showToggle && !disabled ? (\n    <Button\n      type=\"button\"\n      variant={ButtonVariants_Variant.GHOST}\n      size={toggleButtonSize}\n      onClick={toggleVisibility}\n      tabIndex={-1}\n      aria-label={isVisible\n        ? tComponent(FrontendComponentType.LOW_LEVEL_PASSWORD_INPUT, 'hidePassword')\n        : tComponent(FrontendComponentType.LOW_LEVEL_PASSWORD_INPUT, 'showPassword')\n      }\n      className=\"hover:bg-transparent\"\n    >\n      {renderIcon(\n        isVisible ? StandardIconReference.EYE_OFF : StandardIconReference.EYE,\n        { size: IconSize.SM, className: \"text-muted-foreground\" }\n      )}\n    </Button>\n  ) : undefined\n\n  if (!isReady) return null\n\n  return (\n    <InputRoot\n      ref={ref}\n      id={inputId}\n      name={name}\n      type={isVisible ? 'text' : 'password'}\n      placeholder={placeholder}\n      autoComplete={autoComplete}\n      disabled={disabled}\n      readOnly={readOnly}\n      autoFocus={autoFocus}\n      value={currentValue}\n      onChange={handleChange}\n      onBlur={handleBlur}\n      suffix={toggleButton}\n      controlSize={controlSize}\n      wrapperClassName={className}\n      className={cn(readOnly && \"bg-muted cursor-default\")}\n    />\n  )\n})\n\n;(PasswordInput as typeof PasswordInput & { displayName: string }).displayName = \"PasswordInput\"\n\nexport { PasswordInput }\n"]}

package/dist/esm/components/form/controls/string/password-input.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelPasswordInputLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=password-input.labels.d.ts.map

package/dist/esm/components/form/controls/string/password-input.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input.labels.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/string/password-input.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/controls/string/password-input.labels.js

@@ -0,0 +1,7 @@
+import { FrontendComponentType, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelPasswordInputLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_PASSWORD_INPUT, LowLevelPasswordInputLabels);
+//# sourceMappingURL=password-input.labels.js.map

package/dist/esm/components/form/controls/string/password-input.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input.labels.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/string/password-input.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,wBAAwB,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 LowLevelPasswordInputLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_PASSWORD_INPUT, LowLevelPasswordInputLabels);\n"]}

package/dist/esm/components/form/controls/string/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/string/textarea.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAA8B,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAiH/F,eAAO,MAAM,QAAQ,kBAA+E,CAAA"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/string/textarea.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAIV,gBAAgB,EACjB,MAAM,6BAA6B,CAAA;AAgIpC,eAAO,MAAM,QAAQ,kBAA+E,CAAA"}

package/dist/esm/components/form/controls/string/textarea.js

@@ -1,20 +1,25 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+// Multi-line string input control.
 import * as React from "react";
 import { cn, useUI, createCompoundPreset } from "@wildo-ai/saas-frontend-lib";
-import { UIBehavior, FormControlVariant } from "@wildo-ai/presets-components-models";
+import { ControlSize, FormControlVariant, UIBehavior } from "@wildo-ai/presets-components-models";
 import { getStringConstraints, } from "@wildo-ai/zod-decorators";
-const TextareaRoot = React.forwardRef(({ className, ...props }, ref) => {
+const TEXTAREA_SIZE_STRUCTURE = {
+    [ControlSize.SM]: "px-card-sm py-element-sm text-sm",
+    [ControlSize.MD]: "px-card-sm py-card-sm",
+};
+const TextareaRoot = React.forwardRef(({ className, controlSize = ControlSize.MD, ...props }, ref) => {
     const { getRecipe } = useUI();
     const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
-    return (_jsx("textarea", { "data-slot": "textarea", className: cn(
+    return (_jsx("textarea", { "data-slot": "textarea", "data-size": controlSize, className: cn(
         // Structure
-        "flex min-h-16 w-full px-card-sm py-card-sm outline-none", 
+        "flex min-h-16 w-full outline-none", TEXTAREA_SIZE_STRUCTURE[controlSize], 
         // Style from FORM_CONTROL.DEFAULT recipe
         recipe.base, recipe.states.focus, recipe.states.disabled, recipe.states.invalid, recipe.motion.transition, className), ref: ref, ...props }));
 });
 TextareaRoot.displayName = "TextareaRoot";
-const TextareaImpl = React.forwardRef(({ schema, name, placeholder, disabled, readOnly, autoFocus, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, rows = 4, autoResize = false, }, ref) => {
+const TextareaImpl = React.forwardRef(({ schema, name, placeholder, disabled, readOnly, autoFocus, controlSize = ControlSize.MD, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, rows = 4, autoResize = false, autoComplete, }, ref) => {
     const { getRecipe } = useUI();
     const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
     // Internal state for uncontrolled mode
@@ -40,12 +45,12 @@ const TextareaImpl = React.forwardRef(({ schema, name, placeholder, disabled, re
     }, [onBlur]);
     // ID for accessibility
     const textareaId = `field-${name}`;
-    return (_jsx("textarea", { ref: ref, id: textareaId, name: name, placeholder: placeholder, disabled: disabled, readOnly: readOnly, autoFocus: autoFocus, value: currentValue, onChange: handleChange, onBlur: handleBlur, rows: rows, maxLength: constraints.maxLength, "data-slot": "textarea", className: cn(
+    return (_jsx("textarea", { ref: ref, id: textareaId, name: name, placeholder: placeholder, disabled: disabled, readOnly: readOnly, autoFocus: autoFocus, autoComplete: autoComplete, value: currentValue, onChange: handleChange, onBlur: handleBlur, rows: rows, maxLength: constraints.maxLength, "data-slot": "textarea", "data-size": controlSize, className: cn(
         // Structure
-        "flex min-h-16 w-full px-card-sm py-card-sm outline-none", 
+        "flex min-h-16 w-full outline-none", TEXTAREA_SIZE_STRUCTURE[controlSize], 
         // Style from FORM_CONTROL.DEFAULT recipe
         recipe.base, recipe.states.focus, recipe.states.disabled, recipe.states.invalid, recipe.motion.transition, autoResize && "field-sizing-content resize-none", readOnly && "bg-muted cursor-default", className) }));
 });
 TextareaImpl.displayName = "Textarea";
 export const Textarea = createCompoundPreset(TextareaImpl, { Root: TextareaRoot });
-//# sourceMappingURL=textarea.js.map
+//# sourceMappingURL=textarea.js.map

package/dist/esm/components/form/controls/string/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../../../src/components/form/controls/string/textarea.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/string/textarea.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n// Multi-line string input control.\nimport * as React from \"react\"\nimport { z } from \"zod\"\n\nimport { cn, useUI, createCompoundPreset } from \"@wildo-ai/saas-frontend-lib\"\nimport { ControlSize, FormControlVariant, FrontendComponentType, UIBehavior } from \"@wildo-ai/presets-components-models\"\nimport {\n  getStringConstraints,\n} from \"@wildo-ai/zod-decorators\"\nimport type {\n  TextareaProps as FrontendTextareaProps,\n  TextareaRootProps as FrontendTextareaRootProps,\n  TextareaRef,\n  TextareaCompound,\n} from '@wildo-ai/saas-frontend-lib'\n\nconst TEXTAREA_SIZE_STRUCTURE: Record<ControlSize, string> = {\n  [ControlSize.SM]: \"px-card-sm py-element-sm text-sm\",\n  [ControlSize.MD]: \"px-card-sm py-card-sm\",\n}\n\ntype TextareaProps = FrontendTextareaProps & {\n  autoComplete?: string\n}\n\nconst TextareaRoot: React.ForwardRefExoticComponent<FrontendTextareaRootProps & React.RefAttributes<HTMLTextAreaElement>> = React.forwardRef<HTMLTextAreaElement, FrontendTextareaRootProps>(\n  ({ className, controlSize = ControlSize.MD, ...props }, ref): React.JSX.Element => {\n    const { getRecipe } = useUI()\n    const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT)\n\n    return (\n      <textarea\n        data-slot=\"textarea\"\n        data-size={controlSize}\n        className={cn(\n          // Structure\n          \"flex min-h-16 w-full outline-none\",\n          TEXTAREA_SIZE_STRUCTURE[controlSize],\n          // Style from FORM_CONTROL.DEFAULT recipe\n          recipe.base,\n          recipe.states.focus,\n          recipe.states.disabled,\n          recipe.states.invalid,\n          recipe.motion.transition,\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nTextareaRoot.displayName = \"TextareaRoot\"\n\nconst TextareaImpl = React.forwardRef<TextareaRef, TextareaProps>(\n  ({\n  schema,\n  name,\n  placeholder,\n  disabled,\n  readOnly,\n  autoFocus,\n  controlSize = ControlSize.MD,\n  className,\n  value: controlledValue,\n  onChange,\n  onBlur,\n  defaultValue,\n  validationMode: validationModeProp,\n  rows = 4,\n  autoResize = false,\n  autoComplete,\n}, ref): React.JSX.Element => {\n  const { getRecipe } = useUI()\n  const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT)\n\n  // Internal state for uncontrolled mode\n  const [internalValue, setInternalValue] = React.useState<string>(defaultValue ?? '')\n\n  // Determine if controlled\n  const isControlled = controlledValue !== undefined\n  const currentValue = isControlled ? controlledValue : internalValue\n\n  // Auto-detect from schema\n  const constraints = getStringConstraints(schema)\n\n  // Handle change - validation is handled by parent FormField via RHF\n  const handleChange = React.useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    const rawValue = e.target.value\n\n    if (isControlled) {\n      onChange?.(rawValue)\n    } else {\n      setInternalValue(rawValue)\n    }\n  }, [isControlled, onChange])\n\n  // Handle blur - validation is handled by parent FormField via RHF\n  const handleBlur = React.useCallback(() => {\n    onBlur?.()\n  }, [onBlur])\n\n  // ID for accessibility\n  const textareaId = `field-${name}`\n\n  return (\n    <textarea\n      ref={ref}\n      id={textareaId}\n      name={name}\n      placeholder={placeholder}\n      disabled={disabled}\n      readOnly={readOnly}\n      autoFocus={autoFocus}\n      autoComplete={autoComplete}\n      value={currentValue}\n      onChange={handleChange}\n      onBlur={handleBlur}\n      rows={rows}\n      maxLength={constraints.maxLength}\n      data-slot=\"textarea\"\n      data-size={controlSize}\n      className={cn(\n        // Structure\n        \"flex min-h-16 w-full outline-none\",\n        TEXTAREA_SIZE_STRUCTURE[controlSize],\n        // Style from FORM_CONTROL.DEFAULT recipe\n        recipe.base,\n        recipe.states.focus,\n        recipe.states.disabled,\n        recipe.states.invalid,\n        recipe.motion.transition,\n        autoResize && \"field-sizing-content resize-none\",\n        readOnly && \"bg-muted cursor-default\",\n        className\n      )}\n    />\n  )\n})\n\n;(TextareaImpl as typeof TextareaImpl & { displayName: string }).displayName = \"Textarea\"\n\nexport const Textarea = createCompoundPreset<TextareaCompound>(TextareaImpl, { Root: TextareaRoot })\n"]}

package/dist/esm/components/form/controls/string/textarea.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelTextareaLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=textarea.labels.d.ts.map

package/dist/esm/components/form/controls/string/textarea.labels.d.ts.map

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

package/dist/esm/components/form/controls/string/textarea.labels.js

@@ -0,0 +1,7 @@
+import { FrontendComponentType, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelTextareaLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_TEXTAREA, LowLevelTextareaLabels);
+//# sourceMappingURL=textarea.labels.js.map

package/dist/esm/components/form/controls/string/textarea.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.labels.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/string/textarea.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,sBAAsB,GAA0B,EAAE,CAAC;AAChE,uBAAuB,CAAC,qBAAqB,CAAC,kBAAkB,EAAE,sBAAsB,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 LowLevelTextareaLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_TEXTAREA, LowLevelTextareaLabels);\n"]}

package/dist/esm/components/layout/aspect-ratio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/aspect-ratio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAEnE,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAEtC;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/aspect-ratio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAGnE,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAEtC;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}