@wildo-ai/presets-components 1.0.1

package/dist/esm/components/form/controls/input.d.ts

@@ -0,0 +1,3 @@
+import type { InputCompound } from '@wildo-ai/saas-frontend-lib';
+export declare const Input: InputCompound;
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/controls/input.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAsD,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAkLpH,eAAO,MAAM,KAAK,eAAsE,CAAA"}

package/dist/esm/components/form/controls/input.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { UIBehavior, FormControlVariant } from "@wildo-ai/presets-components-models";
+import { cn, useUI, createCompoundPreset } from "@wildo-ai/saas-frontend-lib";
+import { FieldSchemaType, getNumberConstraints, getSchemaType, getStringFormat } from "@wildo-ai/zod-decorators";
+/** Structure classes for input — layout, file input handling. Theme-independent. */
+const INPUT_STRUCTURE = "w-full min-w-0 outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground";
+const InputRoot = React.forwardRef(({ className, type, prefix, suffix, wrapperClassName, ...props }, ref) => {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
+    const inputElement = (_jsx("input", { type: type, "data-slot": "input", className: cn(INPUT_STRUCTURE, recipe.base, recipe.states.focus, recipe.states.disabled, recipe.states.invalid, recipe.sizes?.md, recipe.motion.transition, prefix && "ps-10", suffix && "pe-10", className), ref: ref, ...props }));
+    if (!prefix && !suffix) {
+        return inputElement;
+    }
+    return (_jsxs("div", { className: cn("relative", wrapperClassName), children: [prefix && (_jsx("span", { className: "pointer-events-none absolute start-3 top-1/2 -translate-y-1/2 text-muted-foreground text-sm", children: prefix })), inputElement, suffix && (_jsx("span", { className: "absolute end-0 top-0 flex h-full items-center", children: suffix }))] }));
+});
+InputRoot.displayName = "InputRoot";
+/**
+ * Deduce the HTML input type from a schema
+ */
+function deduceInputType(schema) {
+    const schemaType = getSchemaType(schema);
+    if (schemaType === FieldSchemaType.NUMBER) {
+        return 'number';
+    }
+    if (schemaType === FieldSchemaType.STRING) {
+        const format = getStringFormat(schema);
+        switch (format) {
+            case 'email': return 'email';
+            case 'url': return 'url';
+            default: return 'text';
+        }
+    }
+    return 'text';
+}
+const InputImpl = React.forwardRef(({ schema, name, placeholder, autoComplete, type: typeProp, disabled, readOnly, autoFocus, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, step: stepProp, min: minProp, max: maxProp, inputMode, }, ref) => {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
+    // Internal state for uncontrolled mode
+    const [internalValue, setInternalValue] = React.useState(defaultValue ?? '');
+    // Determine if controlled
+    const isControlled = controlledValue !== undefined;
+    const currentValue = isControlled ? controlledValue : internalValue;
+    // Auto-detect from schema
+    const schemaType = getSchemaType(schema);
+    const deducedType = typeProp ?? deduceInputType(schema);
+    // Number constraints from schema
+    const numberConstraints = schemaType === FieldSchemaType.NUMBER ? getNumberConstraints(schema) : {};
+    const min = minProp ?? numberConstraints.min;
+    const max = maxProp ?? numberConstraints.max;
+    const step = stepProp ?? numberConstraints.step;
+    // Handle change - validation is handled by parent FormField via RHF
+    const handleChange = React.useCallback((e) => {
+        const rawValue = e.target.value;
+        const parsedValue = deducedType === 'number' && rawValue !== ''
+            ? parseFloat(rawValue)
+            : rawValue;
+        if (isControlled) {
+            onChange?.(parsedValue);
+        }
+        else {
+            setInternalValue(parsedValue);
+        }
+    }, [isControlled, onChange, deducedType]);
+    // Handle blur - validation is handled by parent FormField via RHF
+    const handleBlur = React.useCallback(() => {
+        onBlur?.();
+    }, [onBlur]);
+    // ID for accessibility
+    const inputId = `field-${name}`;
+    return (_jsx("input", { ref: ref, id: inputId, name: name, type: deducedType, placeholder: placeholder, autoComplete: autoComplete, disabled: disabled, readOnly: readOnly, autoFocus: autoFocus, inputMode: inputMode, value: currentValue, onChange: handleChange, onBlur: handleBlur, min: min, max: max, step: step, "data-slot": "input", className: cn(INPUT_STRUCTURE, recipe.base, recipe.states.focus, recipe.states.disabled, recipe.states.invalid, recipe.sizes?.md, recipe.motion.transition, readOnly && "opacity-[0.75] cursor-default", className) }));
+});
+InputImpl.displayName = "Input";
+export const Input = createCompoundPreset(InputImpl, { Root: InputRoot });
+//# sourceMappingURL=input.js.map

package/dist/esm/components/form/controls/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../src/components/form/controls/input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AAEpF,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAK7E,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAEhH,oFAAoF;AACpF,MAAM,eAAe,GAAW,4IAA4I,CAAA;AAE5K,MAAM,SAAS,GAAwF,KAAK,CAAC,UAAU,CACrH,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAqB,EAAE;IAC1F,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,YAAY,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAA;IAE7E,MAAM,YAAY,GAAG,CACnB,gBACE,IAAI,EAAE,IAAI,eACA,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,eAAe,EACf,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,MAAM,CAAC,KAAK,EACnB,MAAM,CAAC,MAAM,CAAC,QAAQ,EACtB,MAAM,CAAC,MAAM,CAAC,OAAO,EACrB,MAAM,CAAC,KAAK,EAAE,EAAE,EAChB,MAAM,CAAC,MAAM,CAAC,UAAU,EACxB,MAAM,IAAI,OAAO,EACjB,MAAM,IAAI,OAAO,EACjB,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAA;IAED,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;QACvB,OAAO,YAAY,CAAA;IACrB,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,aAC7C,MAAM,IAAI,CACT,eAAM,SAAS,EAAC,6FAA6F,YAC1G,MAAM,GACF,CACR,EACA,YAAY,EACZ,MAAM,IAAI,CACT,eAAM,SAAS,EAAC,+CAA+C,YAC5D,MAAM,GACF,CACR,IACG,CACP,CAAA;AACH,CAAC,CACF,CAAA;AACD,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAGnC;;GAEG;AACH,SAAS,eAAe,CAAC,MAAoB;IAC3C,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IAEzC,IAAI,UAAU,KAAK,eAAe,CAAC,MAAM,EAAE,CAAC;QAC1C,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAI,UAAU,KAAK,eAAe,CAAC,MAAM,EAAE,CAAC;QAC1C,MAAM,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;QACvC,QAAQ,MAAM,EAAE,CAAC;YACf,KAAK,OAAO,CAAC,CAAC,OAAO,OAAO,CAAC;YAC7B,KAAK,KAAK,CAAC,CAAC,OAAO,KAAK,CAAC;YACzB,OAAO,CAAC,CAAC,OAAO,MAAM,CAAC;QACzB,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EACD,MAAM,EACN,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,IAAI,EAAE,QAAQ,EACd,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,cAAc,EAAE,kBAAkB,EAClC,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,SAAS,GACV,EAAE,GAAG,EAAqB,EAAE;IAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,YAAY,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAA;IAE7E,uCAAuC;IACvC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAkB,YAAY,IAAI,EAAE,CAAC,CAAA;IAE7F,0BAA0B;IAC1B,MAAM,YAAY,GAAG,eAAe,KAAK,SAAS,CAAA;IAClD,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAA;IAEnE,0BAA0B;IAC1B,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAA;IACxC,MAAM,WAAW,GAAG,QAAQ,IAAI,eAAe,CAAC,MAAM,CAAC,CAAA;IAEvD,iCAAiC;IACjC,MAAM,iBAAiB,GAAG,UAAU,KAAK,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IACnG,MAAM,GAAG,GAAG,OAAO,IAAI,iBAAiB,CAAC,GAAG,CAAA;IAC5C,MAAM,GAAG,GAAG,OAAO,IAAI,iBAAiB,CAAC,GAAG,CAAA;IAC5C,MAAM,IAAI,GAAG,QAAQ,IAAI,iBAAiB,CAAC,IAAI,CAAA;IAE/C,oEAAoE;IACpE,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QAChF,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAC/B,MAAM,WAAW,GAAG,WAAW,KAAK,QAAQ,IAAI,QAAQ,KAAK,EAAE;YAC7D,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC;YACtB,CAAC,CAAC,QAAQ,CAAA;QAEZ,IAAI,YAAY,EAAE,CAAC;YACjB,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAA;QACzB,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,WAAW,CAAC,CAAA;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA;IAEzC,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,uBAAuB;IACvB,MAAM,OAAO,GAAG,SAAS,IAAI,EAAE,CAAA;IAE/B,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,WAAW,EACjB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,eACA,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,eAAe,EACf,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,MAAM,CAAC,KAAK,EACnB,MAAM,CAAC,MAAM,CAAC,QAAQ,EACtB,MAAM,CAAC,MAAM,CAAC,OAAO,EACrB,MAAM,CAAC,KAAK,EAAE,EAAE,EAChB,MAAM,CAAC,MAAM,CAAC,UAAU,EACxB,QAAQ,IAAI,+BAA+B,EAC3C,SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC,CAAC,CAED;AAAC,SAAwD,CAAC,WAAW,GAAG,OAAO,CAAA;AAEhF,MAAM,CAAC,MAAM,KAAK,GAAG,oBAAoB,CAAgB,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAA"}

package/dist/esm/components/form/controls/number/slider.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import type { RangeSliderProps, SliderCompound } from '@wildo-ai/saas-frontend-lib';
+/**
+ * Range Slider component for z_range('number') schemas.
+ *
+ * Displays a two-thumb slider for selecting a min/max range.
+ * Includes label, description, error display, and validation.
+ * Auto-detects min/max from schema constraints.
+ */
+declare const RangeSlider: React.ForwardRefExoticComponent<RangeSliderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Slider: SliderCompound;
+export { RangeSlider };
+//# sourceMappingURL=slider.d.ts.map

package/dist/esm/components/form/controls/number/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/number/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,KAAK,EAEV,gBAAgB,EAKhB,cAAc,EACf,MAAM,6BAA6B,CAAA;AA+KpC;;;;;;GAMG;AACH,QAAA,MAAM,WAAW,yFAwHf,CAED;AAED,eAAO,MAAM,MAAM,gBAAyE,CAAA;AAC5F,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/esm/components/form/controls/number/slider.js

@@ -0,0 +1,114 @@
+"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, useI18n, useUI, createCompoundPreset } from "@wildo-ai/saas-frontend-lib";
+import { UIBehavior, FormControlVariant, FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { getNumberConstraints } from "@wildo-ai/zod-decorators";
+import { DisplayDirection } from "@wildo-ai/zod-decorators";
+const SliderRoot = React.forwardRef(function SliderRoot({ className, defaultValue, max = 100, step = 1, ...props }, ref) {
+    const _values = defaultValue ?? [max / 2];
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
+    return (_jsxs(SliderPrimitive.Root, { ref: ref, "data-slot": "slider", defaultValue: _values, max: max, step: step, className: cn("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-[var(--opacity-disabled)] data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className), ...props, children: [_jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5", children: _jsx(SliderPrimitive.Range, { "data-slot": "slider-range", className: "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full" }) }), Array.from({ length: _values.length }, (_, index) => (_jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", className: cn(
+                // Structure
+                "block size-4 shrink-0 rounded-full border border-primary bg-background", 
+                // States — standardized focus ring (decision 1.16)
+                "ring-ring hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden", "disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]", recipe.motion.transition) }, index)))] }));
+});
+SliderRoot.displayName = "SliderRoot";
+/**
+ * Schema-aware Slider component
+ *
+ * Includes label, description, error display, and validation.
+ * Auto-detects min/max from schema constraints.
+ */
+const SliderImpl = React.forwardRef(function Slider({ schema, name, disabled, className, value: controlledValue, onValueChange, onBlur, defaultValue, validationMode: validationModeProp, min: minProp, max: maxProp, step: stepProp, showValue = false, orientation = DisplayDirection.HORIZONTAL, }, ref) {
+    const { formatNumber, isReady } = useI18n({
+        component: FrontendComponentType.LOW_LEVEL_SLIDER,
+    });
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
+    // Auto-detect from schema
+    const constraints = getNumberConstraints(schema);
+    const min = minProp ?? constraints.min ?? 0;
+    const max = maxProp ?? constraints.max ?? 100;
+    const step = stepProp ?? constraints.step ?? 1;
+    // Internal state for uncontrolled mode
+    const [internalValue, setInternalValue] = React.useState(defaultValue ?? [min]);
+    // Determine if controlled
+    const isControlled = controlledValue !== undefined;
+    const currentValue = isControlled ? controlledValue : internalValue;
+    // Handle value change - validation is handled by parent FormField via RHF
+    const handleValueChange = React.useCallback((newValue) => {
+        if (isControlled) {
+            onValueChange?.(newValue);
+        }
+        else {
+            setInternalValue(newValue);
+        }
+    }, [isControlled, onValueChange]);
+    // Handle blur (commit) - validation is handled by parent FormField via RHF
+    const handleValueCommit = React.useCallback((value) => {
+        onBlur?.();
+    }, [onBlur]);
+    // Format display value with locale-aware formatting from regional preferences
+    const displayValue = currentValue.length === 1
+        ? formatNumber(currentValue[0])
+        : `${formatNumber(currentValue[0])} - ${formatNumber(currentValue[currentValue.length - 1])}`;
+    return (_jsxs("div", { ref: ref, className: className, "data-field": name, children: [showValue && (_jsx("div", { className: "flex items-center justify-end mb-1", children: _jsx("span", { className: "text-sm text-muted-foreground tabular-nums", children: displayValue }) })), _jsxs(SliderPrimitive.Root, { value: currentValue, onValueChange: handleValueChange, onValueCommit: handleValueCommit, min: min, max: max, step: step, disabled: disabled, orientation: orientation, "data-slot": "slider", className: cn("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-[var(--opacity-disabled)] data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col"), children: [_jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: cn("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"), children: _jsx(SliderPrimitive.Range, { "data-slot": "slider-range", className: cn("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full") }) }), Array.from({ length: currentValue.length }, (_, index) => (_jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", className: cn("block size-4 shrink-0 rounded-full border border-primary bg-background pointer-coarse:size-6", "ring-ring hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden", "disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]", recipe.motion.transition) }, index)))] })] }));
+});
+SliderImpl.displayName = "Slider";
+// ============================================================================
+// RANGE SLIDER COMPONENT
+// ============================================================================
+/**
+ * Range Slider component for z_range('number') schemas.
+ *
+ * Displays a two-thumb slider for selecting a min/max range.
+ * Includes label, description, error display, and validation.
+ * Auto-detects min/max from schema constraints.
+ */
+const RangeSlider = React.forwardRef(function RangeSlider({ schema, name, disabled, className, value: controlledValue, onValueChange, onBlur, defaultValue, validationMode: validationModeProp, min: minProp, max: maxProp, step: stepProp, showValue = true, orientation = DisplayDirection.HORIZONTAL, }, ref) {
+    const { formatNumber, tComponent, isReady } = useI18n({
+        component: [FrontendComponentType.LOW_LEVEL_SLIDER, FrontendComponentType.LOW_LEVEL_RANGE_SLIDER],
+    });
+    const { getRecipe: getRangeRecipe } = useUI();
+    const rangeRecipe = getRangeRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
+    // Auto-detect from schema - check if it's a range schema
+    const constraints = getNumberConstraints(schema);
+    const min = minProp ?? constraints.min ?? 0;
+    const max = maxProp ?? constraints.max ?? 100;
+    const step = stepProp ?? constraints.step ?? 1;
+    // Internal state for uncontrolled mode
+    const [internalValue, setInternalValue] = React.useState(defaultValue ?? { from: min, to: max });
+    // Determine if controlled
+    const isControlled = controlledValue !== undefined;
+    const currentValue = isControlled ? controlledValue : internalValue;
+    // Convert to slider format [from, to]
+    const sliderValue = [
+        currentValue?.from ?? min,
+        currentValue?.to ?? max
+    ];
+    // Handle value change - validation is handled by parent FormField via RHF
+    const handleValueChange = React.useCallback((newValue) => {
+        const rangeValue = { from: newValue[0], to: newValue[1] };
+        if (isControlled) {
+            onValueChange?.(rangeValue);
+        }
+        else {
+            setInternalValue(rangeValue);
+        }
+    }, [isControlled, onValueChange]);
+    // Handle blur (commit) - validation is handled by parent FormField via RHF
+    const handleValueCommit = React.useCallback((value) => {
+        onBlur?.();
+    }, [onBlur]);
+    // Format display value with locale-aware formatting from regional preferences
+    const displayValueText = `${formatNumber(sliderValue[0])} - ${formatNumber(sliderValue[1])}`;
+    return (_jsxs("div", { ref: ref, className: className, "data-field": name, children: [showValue && (_jsx("div", { className: "flex items-center justify-end mb-1", children: _jsx("span", { className: "text-sm text-muted-foreground tabular-nums", children: displayValueText }) })), _jsxs(SliderPrimitive.Root, { value: sliderValue, onValueChange: handleValueChange, onValueCommit: handleValueCommit, min: min, max: max, step: step, disabled: disabled, orientation: orientation, "data-slot": "range-slider", className: cn("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-[var(--opacity-disabled)] data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col"), children: [_jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: cn("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"), children: _jsx(SliderPrimitive.Range, { "data-slot": "slider-range", className: cn("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full") }) }), _jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_RANGE_SLIDER, 'minimumValue'), className: cn("block size-4 shrink-0 rounded-full border border-primary bg-background pointer-coarse:size-6", "ring-ring hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden", "disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]", rangeRecipe.motion.transition) }), _jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_RANGE_SLIDER, 'maximumValue'), className: cn("block size-4 shrink-0 rounded-full border border-primary bg-background pointer-coarse:size-6", "ring-ring hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden", "disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]", rangeRecipe.motion.transition) })] })] }));
+});
+RangeSlider.displayName = "RangeSlider";
+export const Slider = createCompoundPreset(SliderImpl, { Root: SliderRoot });
+export { RangeSlider };
+//# sourceMappingURL=slider.js.map

package/dist/esm/components/form/controls/number/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../../../../src/components/form/controls/number/slider.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { ColorInputProps } from '@wildo-ai/saas-frontend-lib';
+declare const ColorInput: React.ForwardRefExoticComponent<ColorInputProps & React.RefAttributes<HTMLInputElement>>;
+export { ColorInput };
+//# sourceMappingURL=color-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color-input.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/string/color-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,6BAA6B,CAAA;AAGjF,QAAA,MAAM,UAAU,0FAoGd,CAED;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

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

@@ -0,0 +1,49 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn, useI18n, Button, ButtonVariants_Variant, Input, Popover, PopoverContent, PopoverTrigger } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { HorizontalAlign } from "@wildo-ai/zod-decorators";
+const ColorInput = React.forwardRef(function ColorInput({ schema, name, placeholder = "#000000", disabled, readOnly, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, format = 'hex', }, ref) {
+    // Internal state for uncontrolled mode
+    const [internalValue, setInternalValue] = React.useState(defaultValue ?? '');
+    // Popover open state
+    const [open, setOpen] = React.useState(false);
+    // Determine if controlled
+    const isControlled = controlledValue !== undefined;
+    const currentValue = isControlled ? controlledValue : internalValue;
+    // Handle input change - validation is handled by parent FormField via RHF
+    const handleInputChange = React.useCallback((newValue) => {
+        if (isControlled) {
+            onChange?.(newValue);
+        }
+        else {
+            setInternalValue(newValue);
+        }
+    }, [isControlled, onChange]);
+    // Handle color picker change
+    const handleColorChange = React.useCallback((e) => {
+        const newValue = e.target.value;
+        handleInputChange(newValue);
+    }, [handleInputChange]);
+    // Handle blur - validation is handled by parent FormField via RHF
+    const handleBlur = React.useCallback(() => {
+        onBlur?.();
+    }, [onBlur]);
+    // Handle popover close
+    const handleOpenChange = React.useCallback((newOpen) => {
+        setOpen(newOpen);
+        if (!newOpen) {
+            handleBlur();
+        }
+    }, [handleBlur]);
+    const { tComponent } = useI18n({ component: FrontendComponentType.LOW_LEVEL_COLOR_INPUT });
+    // ID for accessibility
+    const colorInputId = `field-${name}`;
+    // Ensure hex format for color input
+    const displayValue = currentValue || '#000000';
+    return (_jsxs("div", { className: cn("flex items-center gap-element", className), children: [_jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { type: "button", variant: ButtonVariants_Variant.OUTLINE, disabled: disabled || readOnly, className: "h-9 w-12 border border-input shadow-xs p-0", style: { backgroundColor: displayValue }, "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_COLOR_INPUT, 'selectColor') }) }), _jsx(PopoverContent, { className: "w-auto p-card-sm", align: HorizontalAlign.START, children: _jsx("input", { type: "color", value: displayValue, onChange: handleColorChange, disabled: disabled || readOnly, className: "w-full h-10 cursor-pointer disabled:cursor-not-allowed" }) })] }), _jsx(Input, { ref: ref, schema: schema, name: `${name}-input`, value: currentValue, onChange: handleInputChange, onBlur: handleBlur, placeholder: placeholder, disabled: disabled, readOnly: readOnly, validationMode: validationModeProp, className: "flex-1" })] }));
+});
+ColorInput.displayName = "ColorInput";
+export { ColorInput };
+//# sourceMappingURL=color-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color-input.js","sourceRoot":"","sources":["../../../../../../src/components/form/controls/string/color-input.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+import type { InputOTPCompound } from '@wildo-ai/saas-frontend-lib';
+export declare const InputOTP: InputOTPCompound;
+//# sourceMappingURL=input-otp.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,35 @@
+"use client";
+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 }));
+});
+function InputOTPGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "input-otp-group", className: cn("flex items-center", className), ...props }));
+}
+function InputOTPSlot({ index, className, ...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(
+        // 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", 
+        // Style from FORM_CONTROL.DEFAULT recipe
+        recipe.base, 
+        // Active state — standardized focus ring (decision 1.16)
+        "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", 
+        // Motion
+        recipe.motion.transition, className), ...props, children: [char, hasFakeCaret && (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) }))] }));
+}
+function InputOTPSeparator({ ...props }) {
+    const { renderIcon } = useIconRegistry();
+    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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,16 @@
+/**
+ * PasswordInput Component
+ *
+ * A password input field with show/hide toggle button.
+ * Uses the eye icon to toggle visibility of the password.
+ */
+import * as React from "react";
+import type { PasswordInputProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * PasswordInput component
+ *
+ * Renders a password input with a show/hide toggle button
+ */
+declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;
+export { PasswordInput };
+//# sourceMappingURL=password-input.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * PasswordInput Component
+ *
+ * A password input field with show/hide toggle button.
+ * Uses the eye icon to toggle visibility of the password.
+ */
+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";
+/**
+ * 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 { renderIcon } = useIconRegistry();
+    const { tComponent } = useI18n({ component: FrontendComponentType.LOW_LEVEL_PASSWORD_INPUT });
+    // State for password visibility
+    const [isVisible, setIsVisible] = React.useState(false);
+    // Internal state for uncontrolled mode
+    const [internalValue, setInternalValue] = React.useState(defaultValue ?? '');
+    // Determine if controlled
+    const isControlled = controlledValue !== undefined;
+    const currentValue = isControlled ? controlledValue : internalValue;
+    // Handle change - validation is handled by parent FormField via RHF
+    const handleChange = React.useCallback((e) => {
+        const newValue = e.target.value;
+        if (isControlled) {
+            onChange?.(newValue);
+        }
+        else {
+            setInternalValue(newValue);
+        }
+    }, [isControlled, onChange]);
+    // Handle blur - validation is handled by parent FormField via RHF
+    const handleBlur = React.useCallback(() => {
+        onBlur?.();
+    }, [onBlur]);
+    // Toggle visibility
+    const toggleVisibility = React.useCallback(() => {
+        setIsVisible(prev => !prev);
+    }, []);
+    // 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
+            ? 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") }));
+});
+PasswordInput.displayName = "PasswordInput";
+export { PasswordInput };
+//# sourceMappingURL=password-input.js.map

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

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

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

@@ -0,0 +1,3 @@
+import type { TextareaCompound } from '@wildo-ai/saas-frontend-lib';
+export declare const Textarea: TextareaCompound;
+//# sourceMappingURL=textarea.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+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 { getStringConstraints, } from "@wildo-ai/zod-decorators";
+const TextareaRoot = React.forwardRef(({ className, ...props }, ref) => {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
+    return (_jsx("textarea", { "data-slot": "textarea", className: cn(
+        // Structure
+        "flex min-h-16 w-full px-card-sm py-card-sm outline-none", 
+        // 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 { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
+    // Internal state for uncontrolled mode
+    const [internalValue, setInternalValue] = React.useState(defaultValue ?? '');
+    // Determine if controlled
+    const isControlled = controlledValue !== undefined;
+    const currentValue = isControlled ? controlledValue : internalValue;
+    // Auto-detect from schema
+    const constraints = getStringConstraints(schema);
+    // Handle change - validation is handled by parent FormField via RHF
+    const handleChange = React.useCallback((e) => {
+        const rawValue = e.target.value;
+        if (isControlled) {
+            onChange?.(rawValue);
+        }
+        else {
+            setInternalValue(rawValue);
+        }
+    }, [isControlled, onChange]);
+    // Handle blur - validation is handled by parent FormField via RHF
+    const handleBlur = React.useCallback(() => {
+        onBlur?.();
+    }, [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(
+        // Structure
+        "flex min-h-16 w-full px-card-sm py-card-sm outline-none", 
+        // 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

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../../../src/components/form/controls/string/textarea.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { AspectRatioProps } from '@wildo-ai/saas-frontend-lib';
+declare function AspectRatio({ ...props }: AspectRatioProps): React.JSX.Element;
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.d.ts.map

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

@@ -0,0 +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"}

package/dist/esm/components/layout/aspect-ratio.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+function AspectRatio({ ...props }) {
+    return _jsx(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
+}
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.js.map

package/dist/esm/components/layout/aspect-ratio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.js","sourceRoot":"","sources":["../../../../src/components/layout/aspect-ratio.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AAGpE,SAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACS;IACjB,OAAO,KAAC,oBAAoB,CAAC,IAAI,iBAAW,cAAc,KAAK,KAAK,GAAI,CAAA;AAC1E,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/esm/components/layout/carousel.d.ts

@@ -0,0 +1,3 @@
+import type { CarouselCompound } from '@wildo-ai/saas-frontend-lib';
+export declare const Carousel: CarouselCompound;
+//# sourceMappingURL=carousel.d.ts.map

package/dist/esm/components/layout/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/carousel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA8B,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAoO/F,eAAO,MAAM,QAAQ,kBAKnB,CAAA"}