@wildo-ai/presets-components 1.0.1

package/dist/esm/components/form/controls/enum/toggle-group.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { createCompoundPreset, cn, useUI } from "@wildo-ai/saas-frontend-lib";
+import { ToggleVariants_Variant } from '@wildo-ai/saas-frontend-lib';
+import { UIBehavior, InteractiveVariant, ButtonSize } from '@wildo-ai/presets-components-models';
+/** Size mapping (same as Toggle) — includes pointer-coarse touch targets (decision 1.6) */
+const toggleSizeClasses = {
+    md: "h-9 px-card-sm min-w-9 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+    sm: "h-8 px-1.5 min-w-8 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+    lg: "h-10 px-2.5 min-w-10 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+};
+const variantMapping = {
+    [ToggleVariants_Variant.DEFAULT]: InteractiveVariant.GHOST,
+    [ToggleVariants_Variant.OUTLINE]: InteractiveVariant.OUTLINE,
+};
+const ToggleGroupContext = React.createContext({
+    size: ButtonSize.MD,
+    variant: ToggleVariants_Variant.DEFAULT,
+});
+const ToggleGroupRoot = React.forwardRef(({ className, variant, size, children, ...props }, ref) => {
+    return (_jsx(ToggleGroupPrimitive.Root, { ref: ref, "data-slot": "toggle-group", "data-variant": variant, "data-size": size, className: cn("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs", className), ...props, children: _jsx(ToggleGroupContext.Provider, { value: { variant, size }, children: children }) }));
+});
+ToggleGroupRoot.displayName = "ToggleGroup";
+function ToggleGroupItem({ className, children, variant, size, ...props }) {
+    const context = React.useContext(ToggleGroupContext);
+    const { getRecipe } = useUI();
+    const resolvedVariant = (context.variant ?? variant ?? ToggleVariants_Variant.DEFAULT);
+    const resolvedSize = (context.size ?? size ?? ButtonSize.MD);
+    const recipe = getRecipe(UIBehavior.INTERACTIVE, variantMapping[resolvedVariant]);
+    return (_jsx(ToggleGroupPrimitive.Item, { "data-slot": "toggle-group-item", "data-variant": resolvedVariant, "data-size": resolvedSize, className: cn(
+        // Structure
+        "inline-flex items-center justify-center gap-element whitespace-nowrap outline-none [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0", toggleSizeClasses[resolvedSize], 
+        // Style from INTERACTIVE recipe
+        recipe.base, recipe.states.hover, recipe.states.focus, recipe.states.selected, recipe.states.disabled, recipe.states.invalid, recipe.motion.transition, 
+        // Group-specific structural overrides
+        "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-s-md last:rounded-e-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-s-0 data-[variant=outline]:first:border-s", className), ...props, children: children }));
+}
+export const ToggleGroup = createCompoundPreset(ToggleGroupRoot, { Item: ToggleGroupItem });
+//# sourceMappingURL=toggle-group.js.map

package/dist/esm/components/form/controls/enum/toggle-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","sourceRoot":"","sources":["../../../../../../src/components/form/controls/enum/toggle-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AAGpE,OAAO,EAAE,oBAAoB,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AAC7E,OAAO,EAAE,sBAAsB,EAA4B,MAAM,6BAA6B,CAAA;AAC9F,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAEhG,2FAA2F;AAC3F,MAAM,iBAAiB,GAA2B;IAChD,EAAE,EAAE,wEAAwE;IAC5E,EAAE,EAAE,oEAAoE;IACxE,EAAE,EAAE,sEAAsE;CAC3E,CAAA;AAED,MAAM,cAAc,GAAuD;IACzE,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC,KAAK;IAC1D,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC,OAAO;CAC7D,CAAA;AAED,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAG3C;IACD,IAAI,EAAE,UAAU,CAAC,EAAE;IACnB,OAAO,EAAE,sBAAsB,CAAC,OAAO;CACxC,CAAC,CAAA;AAEF,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAMtC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1D,OAAO,CACL,KAAC,oBAAoB,CAAC,IAAI,IACxB,GAAG,EAAE,GAAG,eACE,cAAc,kBACV,OAAO,eACV,IAAI,EACf,SAAS,EAAE,EAAE,CACX,wFAAwF,EACxF,SAAS,CACV,KACG,KAAK,YAET,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,YAClD,QAAQ,GACmB,GACJ,CAC7B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,CAAC,WAAW,GAAG,aAAa,CAAA;AAE3C,SAAS,eAAe,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EAIT;IACC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAA;IACpD,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAE7B,MAAM,eAAe,GAAG,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,IAAI,sBAAsB,CAAC,OAAO,CAA2B,CAAA;IAChH,MAAM,YAAY,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,IAAI,UAAU,CAAC,EAAE,CAAC,CAAA;IAC5D,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,WAAW,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAEjF,OAAO,CACL,KAAC,oBAAoB,CAAC,IAAI,iBACd,mBAAmB,kBACf,eAAe,eAClB,YAAY,EACvB,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,sKAAsK,EACtK,iBAAiB,CAAC,YAAY,CAAC;QAC/B,gCAAgC;QAChC,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,MAAM,CAAC,KAAK,EACnB,MAAM,CAAC,MAAM,CAAC,KAAK,EACnB,MAAM,CAAC,MAAM,CAAC,QAAQ,EACtB,MAAM,CAAC,MAAM,CAAC,QAAQ,EACtB,MAAM,CAAC,MAAM,CAAC,OAAO,EACrB,MAAM,CAAC,MAAM,CAAC,UAAU;QACxB,sCAAsC;QACtC,6LAA6L,EAC7L,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACiB,CAC7B,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,oBAAoB,CAAsB,eAAe,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA"}

package/dist/esm/components/form/controls/file/file-upload.d.ts

@@ -0,0 +1,52 @@
+/**
+ * FileUpload Component
+ *
+ * Renders a file upload control that handles File objects directly (before upload).
+ * This is a lower-level component compared to FormFieldFile which manages the full
+ * upload lifecycle and returns file references.
+ *
+ * ## Hybrid Validation Pattern
+ *
+ * This component uses a HYBRID validation approach, unlike other form field components
+ * which rely solely on React Hook Form (RHF) for validation.
+ *
+ * ### Why Hybrid?
+ *
+ * File validation has unique requirements that can't be expressed in Zod schemas:
+ * - **MIME type validation**: Requires checking `file.type` against `accept` patterns
+ * - **File size limits**: Requires checking `file.size` against `maxSize`
+ * - **Multiple file handling**: Array-level validation for file count
+ *
+ * These validations must happen on the browser's File object, which:
+ * - Is not serializable to JSON
+ * - Cannot be validated by Zod in the same way as data objects
+ * - Exists only client-side before network upload
+ *
+ * ### How It Works
+ *
+ * 1. **Internal validation** (`internalError` state): Validates File object properties
+ *    - MIME type checking against `accept` prop
+ *    - File size checking against `maxSize` prop
+ *
+ * 2. **External validation** (`externalError` prop): Comes from RHF via parent FormField
+ *    - Required field validation
+ *    - Schema-level refinements
+ *
+ * 3. **Error display**: `displayError = externalError ?? internalError`
+ *    External errors take precedence to avoid confusion.
+ *
+ * ### RHF Integration (P1-T09 Implemented)
+ *
+ * Internal errors are propagated to RHF via:
+ * - `onValidationError` callback prop - called whenever internal error state changes
+ * - Parent FormField calls `form.setError(name, { type: 'file-validation', message })`
+ *
+ * This ensures `formState.isValid` correctly reflects file validation state.
+ *
+ * @see FORM_VALIDATION_ARCHITECTURE_DESIGN.md Section 15.5 for full specification
+ */
+import * as React from "react";
+import type { FileUploadProps, FileUploadRef } from '@wildo-ai/saas-frontend-lib';
+declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<FileUploadRef>>;
+export { FileUpload };
+//# sourceMappingURL=file-upload.d.ts.map

package/dist/esm/components/form/controls/file/file-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/file/file-upload.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAGjF,QAAA,MAAM,UAAU,uFAoTd,CAED;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/esm/components/form/controls/file/file-upload.js

@@ -0,0 +1,230 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * FileUpload Component
+ *
+ * Renders a file upload control that handles File objects directly (before upload).
+ * This is a lower-level component compared to FormFieldFile which manages the full
+ * upload lifecycle and returns file references.
+ *
+ * ## Hybrid Validation Pattern
+ *
+ * This component uses a HYBRID validation approach, unlike other form field components
+ * which rely solely on React Hook Form (RHF) for validation.
+ *
+ * ### Why Hybrid?
+ *
+ * File validation has unique requirements that can't be expressed in Zod schemas:
+ * - **MIME type validation**: Requires checking `file.type` against `accept` patterns
+ * - **File size limits**: Requires checking `file.size` against `maxSize`
+ * - **Multiple file handling**: Array-level validation for file count
+ *
+ * These validations must happen on the browser's File object, which:
+ * - Is not serializable to JSON
+ * - Cannot be validated by Zod in the same way as data objects
+ * - Exists only client-side before network upload
+ *
+ * ### How It Works
+ *
+ * 1. **Internal validation** (`internalError` state): Validates File object properties
+ *    - MIME type checking against `accept` prop
+ *    - File size checking against `maxSize` prop
+ *
+ * 2. **External validation** (`externalError` prop): Comes from RHF via parent FormField
+ *    - Required field validation
+ *    - Schema-level refinements
+ *
+ * 3. **Error display**: `displayError = externalError ?? internalError`
+ *    External errors take precedence to avoid confusion.
+ *
+ * ### RHF Integration (P1-T09 Implemented)
+ *
+ * Internal errors are propagated to RHF via:
+ * - `onValidationError` callback prop - called whenever internal error state changes
+ * - Parent FormField calls `form.setError(name, { type: 'file-validation', message })`
+ *
+ * This ensures `formState.isValid` correctly reflects file validation state.
+ *
+ * @see FORM_VALIDATION_ARCHITECTURE_DESIGN.md Section 15.5 for full specification
+ */
+import * as React from "react";
+import { cn, useI18n, useIconRegistry, StandardIconReference, IconSize, Button } from "@wildo-ai/saas-frontend-lib";
+import { determineValidationMode, getZodErrorParams, } from "@wildo-ai/saas-frontend-lib";
+import { ButtonVariants_Variant } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType, ButtonSize } from "@wildo-ai/presets-components-models";
+const FileUpload = React.forwardRef(function FileUpload({ schema, name, placeholder = "Choose file...", disabled, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, accept, multiple = false, maxSize, showPreview = true, previewType = 'file', onValidationError, }, ref) {
+    const { tComponent, tErrorValidation, isReady } = useI18n({
+        component: FrontendComponentType.LOW_LEVEL_FILE_UPLOAD,
+        keys: ['errors_validation'],
+    });
+    const { renderIcon } = useIconRegistry();
+    const fileInputRef = React.useRef(null);
+    const setInputRef = React.useCallback((el) => {
+        fileInputRef.current = el;
+        if (typeof ref === "function")
+            ref(el);
+        else if (ref)
+            ref.current = el;
+    }, [ref]);
+    // Internal validation error state (Hybrid Pattern - see file header comment)
+    // This state is intentionally preserved for file-specific validation that cannot
+    // be expressed in Zod schemas: MIME type checking, file size limits.
+    // Unlike other form components, file components need internal validation.
+    const [internalError, setInternalError] = React.useState();
+    // P1-T09: Propagate internal errors to parent (FormField) for RHF sync
+    // This ensures formState.isValid correctly reflects file validation state
+    React.useEffect(() => {
+        onValidationError?.(internalError);
+    }, [internalError, onValidationError]);
+    // Clear internal error when value is cleared (form reset or manual clear)
+    // This prevents stale errors from being re-propagated to RHF after reset
+    const prevValueRef = React.useRef(controlledValue);
+    React.useEffect(() => {
+        const prevValue = prevValueRef.current;
+        const valueCleared = prevValue !== undefined && (controlledValue === null || controlledValue === undefined);
+        if (valueCleared && internalError) {
+            setInternalError(undefined);
+        }
+        prevValueRef.current = controlledValue;
+    }, [controlledValue, internalError]);
+    // Internal state for uncontrolled mode
+    const [internalValue, setInternalValue] = React.useState(defaultValue ?? null);
+    // Preview URLs state
+    const [previewUrls, setPreviewUrls] = React.useState([]);
+    // Determine if controlled
+    const isControlled = controlledValue !== undefined;
+    const currentValue = isControlled ? controlledValue : internalValue;
+    // Convert to array for easier handling
+    const filesArray = React.useMemo(() => {
+        if (!currentValue)
+            return [];
+        return Array.isArray(currentValue) ? currentValue : [currentValue];
+    }, [currentValue]);
+    // Auto-detect from schema (kept for internal validation logic)
+    // Validation mode
+    const validationMode = determineValidationMode(schema, validationModeProp);
+    // Display error (Hybrid Pattern)
+    // Internal validation error for file-specific checks (MIME type, file size).
+    // External errors are now handled by FormFieldChrome.
+    const displayError = internalError;
+    // Validate value against schema
+    // P1-T10: Uses inline Zod validation instead of removed validateField()
+    const validate = React.useCallback((val) => {
+        const result = schema.safeParse(val);
+        if (result.success) {
+            setInternalError(undefined);
+        }
+        else {
+            // Get first error for display
+            const firstIssue = result.error.issues[0];
+            if (firstIssue) {
+                // Use getZodErrorParams utility for consistent param extraction
+                const params = { ...getZodErrorParams(firstIssue), message: firstIssue.message };
+                const translated = tErrorValidation(firstIssue.code, 'msg', params);
+                setInternalError(translated);
+            }
+        }
+    }, [schema, tErrorValidation]);
+    // Validate file size
+    const validateFileSize = React.useCallback((file) => {
+        if (maxSize && file.size > maxSize) {
+            const maxMB = Math.round(maxSize / 1024 / 1024);
+            setInternalError(tComponent(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, 'fileSizeExceeded', { max: maxMB }));
+            return false;
+        }
+        return true;
+    }, [maxSize]);
+    // Handle file change
+    const handleFileChange = React.useCallback((e) => {
+        const files = e.target.files;
+        if (!files || files.length === 0) {
+            const newValue = null;
+            if (isControlled) {
+                onChange?.(newValue);
+            }
+            else {
+                setInternalValue(newValue);
+            }
+            setPreviewUrls([]);
+            return;
+        }
+        const fileArray = Array.from(files);
+        // Validate file sizes
+        const invalidFiles = fileArray.filter(f => !validateFileSize(f));
+        if (invalidFiles.length > 0) {
+            return;
+        }
+        const newValue = multiple ? fileArray : fileArray[0];
+        if (isControlled) {
+            onChange?.(newValue);
+        }
+        else {
+            setInternalValue(newValue);
+        }
+        // Create preview URLs for images
+        if (showPreview && previewType === 'image') {
+            const urls = fileArray
+                .filter(f => f.type.startsWith('image/'))
+                .map(f => URL.createObjectURL(f));
+            setPreviewUrls(urls);
+        }
+        // Validate on change if mode is onChange
+        if (validationMode === 'onChange') {
+            validate(newValue);
+        }
+    }, [isControlled, onChange, validationMode, validate, multiple, showPreview, previewType, validateFileSize]);
+    // Handle remove file
+    const handleRemove = React.useCallback((index) => {
+        if (multiple && Array.isArray(currentValue)) {
+            const newFiles = currentValue.filter((_, i) => i !== index);
+            const newValue = newFiles.length > 0 ? newFiles : null;
+            if (isControlled) {
+                onChange?.(newValue);
+            }
+            else {
+                setInternalValue(newValue);
+            }
+            // Update preview URLs
+            if (showPreview && previewType === 'image') {
+                setPreviewUrls(prev => prev.filter((_, i) => i !== index));
+            }
+        }
+        else {
+            const newValue = null;
+            if (isControlled) {
+                onChange?.(newValue);
+            }
+            else {
+                setInternalValue(newValue);
+            }
+            setPreviewUrls([]);
+        }
+        // Reset input
+        if (fileInputRef.current) {
+            fileInputRef.current.value = '';
+        }
+        if (validationMode === 'onChange') {
+            validate(multiple ? [] : null);
+        }
+    }, [isControlled, onChange, validationMode, validate, multiple, currentValue, showPreview, previewType]);
+    // Handle blur
+    const handleBlur = React.useCallback(() => {
+        onBlur?.();
+        // Validate on blur if mode is onBlur
+        if (validationMode === 'onBlur') {
+            validate(currentValue);
+        }
+    }, [onBlur, validationMode, validate, currentValue]);
+    // Cleanup preview URLs
+    React.useEffect(() => {
+        return () => {
+            previewUrls.forEach(url => URL.revokeObjectURL(url));
+        };
+    }, [previewUrls]);
+    // IDs for accessibility
+    const fileInputId = `field-${name}`;
+    return (_jsxs("div", { className: className, "data-field": name, children: [_jsxs("div", { className: "space-y-item", children: [_jsxs("div", { className: "flex items-center gap-element", children: [_jsx("input", { ref: setInputRef, id: fileInputId, name: name, type: "file", accept: accept, multiple: multiple, disabled: disabled, onChange: handleFileChange, onBlur: handleBlur, className: "hidden" }), _jsxs(Button, { type: "button", variant: ButtonVariants_Variant.OUTLINE, disabled: disabled, onClick: () => fileInputRef.current?.click(), className: cn(displayError && "border-destructive ring-destructive/20"), children: [renderIcon(StandardIconReference.PAPERCLIP, { size: IconSize.SM, className: "me-element" }), placeholder] }), filesArray.length > 0 && (_jsx("span", { className: "text-sm text-muted-foreground", children: tComponent(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, 'filesSelected', { count: filesArray.length }) }))] }), filesArray.length > 0 && (_jsx("div", { className: "space-y-item-xs", children: filesArray.map((file, index) => (_jsxs("div", { className: "flex items-center justify-between rounded-md border border-border bg-muted/50 px-card-sm py-card-sm text-sm", children: [_jsxs("div", { className: "flex items-center gap-element flex-1 min-w-0", children: [renderIcon(StandardIconReference.PAPERCLIP, { size: IconSize.SM, className: "shrink-0" }), _jsx("span", { className: "truncate", children: file.name }), _jsxs("span", { className: "text-xs text-muted-foreground shrink-0", children: ["(", (file.size / 1024).toFixed(1), " KB)"] })] }), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON_SM, onClick: () => handleRemove(index), disabled: disabled, className: "shrink-0", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, 'removeFile', { name: file.name }), children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM }) })] }, `${file.name}-${index}`))) })), showPreview && previewType === 'image' && previewUrls.length > 0 && (_jsx("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-element", children: previewUrls.map((url, index) => (_jsxs("div", { className: "relative aspect-square rounded-md overflow-hidden border border-border", children: [_jsx("img", { src: url, alt: tComponent(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, 'preview', { index: index + 1 }), className: "w-full h-full object-cover" }), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.DESTRUCTIVE, size: ButtonSize.ICON_SM, className: "absolute top-1 end-1", onClick: () => handleRemove(index), disabled: disabled, "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_FILE_UPLOAD, 'removePreview', { index: index + 1 }), children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.XS }) })] }, url))) }))] }), displayError && (_jsx("p", { className: "text-destructive text-sm mt-1", role: "alert", children: displayError }))] }));
+});
+FileUpload.displayName = "FileUpload";
+export { FileUpload };
+//# sourceMappingURL=file-upload.js.map

package/dist/esm/components/form/controls/file/file-upload.js.map

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

package/dist/esm/components/form/controls/form-field-checkbox-group.d.ts

@@ -0,0 +1,16 @@
+/**
+ * FormFieldCheckboxGroup Component
+ *
+ * Renders a group of checkboxes for multi-select from enum values.
+ * Used for z.array(z.enum(...)).enumUI({ edit: { component: FormFieldComponent.CHECKBOX_GROUP } })
+ */
+import * as React from "react";
+import type { FormFieldCheckboxGroupProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * FormFieldCheckboxGroup component
+ *
+ * Renders a group of checkboxes for multi-select arrays of enums
+ */
+declare const FormFieldCheckboxGroup: React.ForwardRefExoticComponent<FormFieldCheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { FormFieldCheckboxGroup };
+//# sourceMappingURL=form-field-checkbox-group.d.ts.map

package/dist/esm/components/form/controls/form-field-checkbox-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-checkbox-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/controls/form-field-checkbox-group.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAiC,2BAA2B,EAAE,MAAM,6BAA6B,CAAA;AAE7G;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,oGAkN1B,CAAA;AAIF,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/esm/components/form/controls/form-field-checkbox-group.js

@@ -0,0 +1,131 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * FormFieldCheckboxGroup Component
+ *
+ * Renders a group of checkboxes for multi-select from enum values.
+ * Used for z.array(z.enum(...)).enumUI({ edit: { component: FormFieldComponent.CHECKBOX_GROUP } })
+ */
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { cn, useIconRegistry, StandardIconReference, IconSize, useI18n, useUI } from "@wildo-ai/saas-frontend-lib";
+import { getArrayItemSchema, getArrayConstraints, getEnumValues, getEnumUI } from "@wildo-ai/zod-decorators";
+import { UIBehavior, FormControlVariant, FrontendComponentType } from "@wildo-ai/presets-components-models";
+/**
+ * FormFieldCheckboxGroup component
+ *
+ * Renders a group of checkboxes for multi-select arrays of enums
+ */
+const FormFieldCheckboxGroup = React.forwardRef(({ schema, name, disabled, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, options: optionsProp, orientation: orientationProp, columns: columnsProp, required, autoFocus, }, ref) => {
+    const { tErrorValidation, tComponent, isReady } = useI18n({
+        component: FrontendComponentType.LOW_LEVEL_FORM_MESSAGE,
+        keys: ['errors_validation'],
+    });
+    const { renderIcon } = useIconRegistry();
+    const { getRecipe } = useUI();
+    const checkboxRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.CHECKBOX);
+    // Get the item schema from the array schema
+    const itemSchema = getArrayItemSchema(schema);
+    // Get array constraints (min/max length)
+    const constraints = getArrayConstraints(schema);
+    const enumUI = itemSchema ? getEnumUI(itemSchema) : undefined;
+    const orientation = orientationProp ?? enumUI?.edit?.editDirection ?? 'vertical';
+    const columns = columnsProp ?? enumUI?.edit?.editColumnsCount ?? 1;
+    // Get enum values from item schema if options not provided
+    const enumValues = itemSchema ? getEnumValues(itemSchema) : [];
+    const options = optionsProp ?? enumValues.map(v => ({ value: v, label: v }));
+    // Internal state for uncontrolled mode
+    const [internalValue, setInternalValue] = React.useState(defaultValue ?? []);
+    // Determine if controlled
+    const isControlled = controlledValue !== undefined;
+    const currentValue = isControlled ? controlledValue : internalValue;
+    // Constraint checks
+    const isAtMaxLength = constraints.maxLength !== undefined && currentValue.length >= constraints.maxLength;
+    const isAtMinLength = constraints.minLength !== undefined && currentValue.length <= constraints.minLength;
+    // Handle checkbox toggle - validation is handled by parent FormField via RHF
+    const handleToggle = React.useCallback((optionValue, checked) => {
+        // Respect max constraint: don't allow checking if at max
+        if (checked && constraints.maxLength !== undefined && currentValue.length >= constraints.maxLength) {
+            return;
+        }
+        // Respect min constraint: don't allow unchecking if at min
+        if (!checked && constraints.minLength !== undefined && currentValue.length <= constraints.minLength) {
+            return;
+        }
+        const newValue = checked
+            ? [...currentValue, optionValue]
+            : currentValue.filter(v => v !== optionValue);
+        if (isControlled) {
+            onChange?.(newValue);
+        }
+        else {
+            setInternalValue(newValue);
+        }
+    }, [currentValue, isControlled, onChange, constraints]);
+    // Track if focus is within the group to prevent false blur triggers; merge with forwarded ref
+    const groupRef = React.useRef(null);
+    const setRef = React.useCallback((el) => {
+        groupRef.current = el;
+        if (typeof ref === 'function')
+            ref(el);
+        else if (ref)
+            ref.current = el;
+    }, [ref]);
+    const blurTimeoutRef = React.useRef(null);
+    // Handle blur with delay to check if focus is still within group - validation is handled by parent FormField via RHF
+    const handleBlur = React.useCallback(() => {
+        // Clear any pending blur
+        if (blurTimeoutRef.current) {
+            clearTimeout(blurTimeoutRef.current);
+        }
+        // Delay blur check to allow focus to move to another checkbox in the group
+        blurTimeoutRef.current = setTimeout(() => {
+            // Only trigger blur if focus is outside the group
+            if (groupRef.current && !groupRef.current.contains(document.activeElement)) {
+                onBlur?.();
+            }
+        }, 0);
+    }, [onBlur]);
+    // Cleanup timeout on unmount
+    React.useEffect(() => {
+        return () => {
+            if (blurTimeoutRef.current) {
+                clearTimeout(blurTimeoutRef.current);
+            }
+        };
+    }, []);
+    // IDs for accessibility
+    const fieldId = name ?? 'checkbox-group-field';
+    if (!isReady)
+        return null;
+    if (options.length === 0) {
+        return (_jsx("div", { className: "text-sm text-destructive", children: "CHECKBOX_GROUP requires an array of enum values. No enum options found." }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: setRef, role: "group", className: cn(orientation === 'horizontal'
+                    ? "flex flex-wrap gap-field"
+                    : columns > 1
+                        ? "grid gap-group"
+                        : "flex flex-col gap-group", className), style: orientation === 'vertical' && columns > 1
+                    ? { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }
+                    : undefined, children: options.map((option) => {
+                    const isChecked = currentValue.includes(option.value);
+                    const optionId = `${fieldId}-${option.value}`;
+                    // Determine if this specific checkbox should be disabled
+                    // - Disabled globally via prop
+                    // - Unchecked and at max length (can't add more)
+                    // - Checked and at min length (can't remove)
+                    const isOptionDisabled = disabled
+                        || (!isChecked && isAtMaxLength)
+                        || (isChecked && isAtMinLength);
+                    return (_jsxs("div", { className: "flex items-center gap-element", children: [_jsx(CheckboxPrimitive.Root, { id: optionId, checked: isChecked, onCheckedChange: (checked) => handleToggle(option.value, checked === true), onBlur: handleBlur, disabled: isOptionDisabled, "data-slot": "checkbox", className: cn("peer size-4 shrink-0 rounded-[4px] outline-none", checkboxRecipe.base, checkboxRecipe.states.focus, checkboxRecipe.states.selected, checkboxRecipe.states.disabled, checkboxRecipe.states.invalid, checkboxRecipe.motion.transition), children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "flex items-center justify-center text-current transition-none", children: renderIcon(StandardIconReference.CHECK, { size: IconSize.SM }) }) }), _jsx("label", { htmlFor: optionId, className: cn("text-sm font-normal cursor-pointer select-none", isOptionDisabled && "opacity-[var(--opacity-disabled)] cursor-not-allowed"), children: option.label })] }, option.value));
+                }) }), (constraints.minLength !== undefined || constraints.maxLength !== undefined) && (_jsxs("div", { className: "text-xs text-muted-foreground mt-item-xs", children: [constraints.minLength !== undefined && constraints.maxLength !== undefined
+                        ? constraints.minLength === constraints.maxLength
+                            ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectExactly', { count: constraints.minLength })
+                            : tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectRange', { min: constraints.minLength, max: constraints.maxLength })
+                        : constraints.minLength !== undefined
+                            ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectAtLeast', { count: constraints.minLength })
+                            : tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectUpTo', { count: constraints.maxLength }), ' ', "(", tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'checkboxSelectedCount', { count: currentValue.length }), ")"] }))] }));
+});
+FormFieldCheckboxGroup.displayName = "FormFieldCheckboxGroup";
+export { FormFieldCheckboxGroup };
+//# sourceMappingURL=form-field-checkbox-group.js.map

package/dist/esm/components/form/controls/form-field-checkbox-group.js.map

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

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { InputGroupAddonProps, InputGroupButtonProps } from '@wildo-ai/saas-frontend-lib';
+declare const InputGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function InputGroupAddon({ className, align, ...props }: InputGroupAddonProps): React.JSX.Element;
+declare function InputGroupButton({ className, type, variant, size, ...props }: InputGroupButtonProps): React.JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };
+//# sourceMappingURL=input-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/controls/input-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAGV,oBAAoB,EACpB,qBAAqB,EAEtB,MAAM,6BAA6B,CAAA;AAEpC,QAAA,MAAM,UAAU,mKAqCd,CAAA;AAkBF,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgB1C;AAkBD,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,IAAe,EACf,OAAiB,EACjB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAY3C;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAUhG;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAWnD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAWtD;AAED,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,CAAA"}

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

@@ -0,0 +1,76 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn, useUI, Button, InputRoot, TextareaRoot } from "@wildo-ai/saas-frontend-lib";
+import { UIBehavior, FormControlVariant } from "@wildo-ai/presets-components-models";
+const InputGroup = React.forwardRef(function InputGroup({ className, ...props }, ref) {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
+    return (_jsx("div", { ref: ref, "data-slot": "input-group", role: "group", className: cn(
+        // Structure
+        "group/input-group relative flex w-full items-center rounded-md outline-none", "h-9 min-w-0 has-[>textarea]:h-auto", 
+        // Style from FORM_CONTROL.DEFAULT recipe
+        recipe.base, 
+        // Variants based on alignment
+        "has-[>[data-align=inline-start]]:[&>input]:ps-2", "has-[>[data-align=inline-end]]:[&>input]:pe-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", 
+        // Focus state (delegated from child input) — standardized ring (decision 1.16)
+        "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-2 has-[[data-slot=input-group-control]:focus-visible]:ring-ring has-[[data-slot=input-group-control]:focus-visible]:ring-offset-2 has-[[data-slot=input-group-control]:focus-visible]:ring-offset-background", 
+        // Error state (delegated from child input)
+        "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40", 
+        // Motion
+        recipe.motion.transition, className), ...props }));
+});
+/** Addon base classes */
+const addonBase = "text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-[var(--opacity-disabled)]";
+/** Addon alignment variant classes */
+const addonAlignClasses = {
+    "inline-start": "order-first ps-3 has-[>button]:ms-[-0.45rem] has-[>kbd]:ms-[-0.35rem]",
+    "inline-end": "order-last pe-3 has-[>button]:me-[-0.45rem] has-[>kbd]:me-[-0.35rem]",
+    "block-start": "order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5",
+    "block-end": "order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5",
+};
+function inputGroupAddonVariants(props) {
+    const align = props?.align || "inline-start";
+    return cn(addonBase, addonAlignClasses[align], props?.className);
+}
+function InputGroupAddon({ className, align = "inline-start", ...props }) {
+    return (_jsx("div", { role: "group", "data-slot": "input-group-addon", "data-align": align, className: cn(inputGroupAddonVariants({ align }), className), onClick: (e) => {
+            if (e.target.closest("button")) {
+                return;
+            }
+            e.currentTarget.parentElement?.querySelector("input")?.focus();
+        }, ...props }));
+}
+/** Button base classes */
+const buttonBase = "text-sm shadow-none flex gap-2 items-center";
+/** Button size variant classes */
+const buttonSizeClasses = {
+    xs: "h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
+    sm: "h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
+    "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+    "icon-sm": "size-8 p-0 has-[>svg]:p-0",
+};
+function inputGroupButtonVariants(props) {
+    const size = props?.size || "xs";
+    return cn(buttonBase, buttonSizeClasses[size], props?.className);
+}
+function InputGroupButton({ className, type = "button", variant = "ghost", size = "xs", ...props }) {
+    return (_jsx(Button, { ...{
+            type: type,
+            "data-size": size,
+            variant: variant,
+            className: cn(inputGroupButtonVariants({ size }), className),
+            ...props,
+        } }));
+}
+function InputGroupText({ className, ...props }) {
+    return (_jsx("span", { className: cn("text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+function InputGroupInput({ className, ...props }) {
+    return (_jsx(InputRoot, { "data-slot": "input-group-control", className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent", className), ...props }));
+}
+function InputGroupTextarea({ className, ...props }) {
+    return (_jsx(TextareaRoot, { "data-slot": "input-group-control", className: cn("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", className), ...props }));
+}
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };
+//# sourceMappingURL=input-group.js.map

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

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