@wildo-ai/saas-frontend-lib 1.0.1

package/dist/esm/components/form/validation-errors/getFieldError.js

@@ -0,0 +1,60 @@
+/**
+ * getFieldError utility
+ *
+ * Separated from FormField.tsx for React Fast Refresh compatibility.
+ */
+import { ValidationMode } from '@wildo-ai/zod-decorators';
+import { UNIQUE_ERROR_TYPE } from '../form-context.js';
+const FILE_VALIDATION_ERROR_TYPE = 'file-validation';
+const REQUIRED_FIELD_PATTERN = /received (undefined|null)\b/i;
+const REQUIRED_FIELD_PATTERN_EXTENDED = /expected .+, received (undefined|null)/i;
+function isRequiredFieldError(errorMessage) {
+    return REQUIRED_FIELD_PATTERN.test(errorMessage) || REQUIRED_FIELD_PATTERN_EXTENDED.test(errorMessage);
+}
+/**
+ * Calculate translated error message based on field state and touch behavior.
+ *
+ * Touch State Behavior
+ * Only show validation errors if:
+ * 1. Field has been touched (user interacted and blurred), OR
+ * 2. Form has been submitted at least once
+ * This prevents showing errors on initial render with invalid defaultValues.
+ *
+ * @param fieldState - RHF field state containing isTouched and error
+ * @param isFormSubmitted - Whether the form has been submitted at least once
+ * @param tErrorValidation - Translation function for error messages
+ * @returns Translated error message or undefined if no error should be shown
+ */
+export function getFieldError(fieldState, isFormSubmitted, validationMode, tErrorValidation) {
+    const shouldShowError = fieldState.isTouched || isFormSubmitted || ((validationMode === ValidationMode.ON_CHANGE || validationMode === ValidationMode.ON_TOUCHED) && !!fieldState.isDirty);
+    if (!shouldShowError || !fieldState.error) {
+        return undefined;
+    }
+    const rawMessage = fieldState.error.message || '';
+    if (isRequiredFieldError(rawMessage)) {
+        return tErrorValidation('required', 'msg');
+    }
+    const errorType = fieldState.error.type;
+    if (!errorType || errorType.trim() === '') {
+        if (fieldState.error.message) {
+            return fieldState.error.message;
+        }
+        return tErrorValidation('custom', 'msg');
+    }
+    if (errorType === FILE_VALIDATION_ERROR_TYPE) {
+        return fieldState.error.message || tErrorValidation('custom', 'msg');
+    }
+    if (errorType === UNIQUE_ERROR_TYPE) {
+        return fieldState.error.message || tErrorValidation('custom', 'msg');
+    }
+    const translated = tErrorValidation(errorType, 'msg', fieldState.error.message ? { message: fieldState.error.message } : undefined);
+    if (translated === `errors_validation.${errorType}.msg` || translated.includes('..')) {
+        if (fieldState.error.message) {
+            return fieldState.error.message;
+        }
+        return tErrorValidation('custom', 'msg');
+    }
+    return translated;
+}
+export { FILE_VALIDATION_ERROR_TYPE, isRequiredFieldError };
+//# sourceMappingURL=getFieldError.js.map

package/dist/esm/components/form/validation-errors/getFieldError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFieldError.js","sourceRoot":"","sources":["../../../../../src/components/form/validation-errors/getFieldError.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,MAAM,0BAA0B,GAAG,iBAA0B,CAAC;AAE9D,MAAM,sBAAsB,GAAG,8BAA8B,CAAC;AAC9D,MAAM,+BAA+B,GAAG,yCAAyC,CAAC;AAElF,SAAS,oBAAoB,CAAC,YAAoB;IAChD,OAAO,sBAAsB,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,+BAA+B,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AACzG,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,aAAa,CAC3B,UAAiG,EACjG,eAAwB,EACxB,cAA8B,EAC9B,gBAA4F;IAE5F,MAAM,eAAe,GAAG,UAAU,CAAC,SAAS,IAAI,eAAe,IAAI,CACjE,CAAC,cAAc,KAAK,cAAc,CAAC,SAAS,IAAI,cAAc,KAAK,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,OAAO,CACtH,CAAC;IACF,IAAI,CAAC,eAAe,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QAC1C,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;IAClD,IAAI,oBAAoB,CAAC,UAAU,CAAC,EAAE,CAAC;QACrC,OAAO,gBAAgB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAC7C,CAAC;IAED,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;IAExC,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;QAC1C,IAAI,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YAC7B,OAAO,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC;QAClC,CAAC;QACD,OAAO,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC3C,CAAC;IAED,IAAI,SAAS,KAAK,0BAA0B,EAAE,CAAC;QAC7C,OAAO,UAAU,CAAC,KAAK,CAAC,OAAO,IAAI,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACvE,CAAC;IAED,IAAI,SAAS,KAAK,iBAAiB,EAAE,CAAC;QACpC,OAAO,UAAU,CAAC,KAAK,CAAC,OAAO,IAAI,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACvE,CAAC;IAED,MAAM,UAAU,GAAG,gBAAgB,CACjC,SAAS,EACT,KAAK,EACL,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAC7E,CAAC;IAEF,IAAI,UAAU,KAAK,qBAAqB,SAAS,MAAM,IAAI,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QACrF,IAAI,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YAC7B,OAAO,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC;QAClC,CAAC;QACD,OAAO,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,OAAO,EAAE,0BAA0B,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/esm/components/form/validation-errors/useFieldUniquenessValidation.d.ts

@@ -0,0 +1,46 @@
+/**
+ * useFieldUniquenessValidation Hook
+ *
+ * Provides server-side uniqueness pre-validation for form fields decorated with `isUnique()`.
+ *
+ * When a field loses focus, this hook checks whether the value is already taken by calling
+ * the backend's `POST /validate-field` endpoint. If a conflict is found, it sets a
+ * UNIQUE_ERROR_TYPE error on the field via RHF. The error is auto-cleared when the user
+ * edits the field (standard server error auto-clear behavior).
+ *
+ * The hook is designed to be composed into FormField's `useFieldValidation` hook:
+ * - Only activates when validateFieldUrl is present in FormSchemaContext
+ * - Only fires for fields with the `isUnique()` decorator
+ * - Debounced: fires on blur only (not on every keystroke)
+ * - Cancellable: previous in-flight request is aborted when a new one starts
+ *
+ * Authorization: The validate-field endpoint uses CREATE operation rights on the backend.
+ */
+import { z } from 'zod';
+export interface UseFieldUniquenessValidationOptions {
+    /** The field name in the form */
+    fieldName: string;
+    /** The field's Zod schema (used to check for isUnique() decorator) */
+    fieldSchema?: z.ZodTypeAny;
+}
+export interface UseFieldUniquenessValidationReturn {
+    /**
+     * Call this on blur to trigger server-side uniqueness validation.
+     * Returns true if the value is valid (unique), false if it conflicts.
+     * Returns undefined if the check was not performed (no decorator, no URL, etc.).
+     */
+    validateUniqueness: () => Promise<boolean | undefined>;
+    /** Whether a uniqueness check is currently in-flight */
+    isChecking: boolean;
+}
+/**
+ * Hook for field-level uniqueness pre-validation on blur.
+ *
+ * Integrates with the FormSchemaContext to read validateFieldUrl and resourceId.
+ * Only performs validation when:
+ * 1. The field has the `isUnique()` decorator
+ * 2. A `validateFieldUrl` is available in the form context
+ * 3. The field has a non-empty value
+ */
+export declare function useFieldUniquenessValidation({ fieldName, fieldSchema, }: UseFieldUniquenessValidationOptions): UseFieldUniquenessValidationReturn;
+//# sourceMappingURL=useFieldUniquenessValidation.d.ts.map

package/dist/esm/components/form/validation-errors/useFieldUniquenessValidation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldUniquenessValidation.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/validation-errors/useFieldUniquenessValidation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAaxB,MAAM,WAAW,mCAAmC;IAClD,iCAAiC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,WAAW,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC;CAC5B;AAED,MAAM,WAAW,kCAAkC;IACjD;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACvD,wDAAwD;IACxD,UAAU,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;GAQG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,SAAS,EACT,WAAW,GACZ,EAAE,mCAAmC,GAAG,kCAAkC,CAiG1E"}

package/dist/esm/components/form/validation-errors/useFieldUniquenessValidation.js

@@ -0,0 +1,122 @@
+/**
+ * useFieldUniquenessValidation Hook
+ *
+ * Provides server-side uniqueness pre-validation for form fields decorated with `isUnique()`.
+ *
+ * When a field loses focus, this hook checks whether the value is already taken by calling
+ * the backend's `POST /validate-field` endpoint. If a conflict is found, it sets a
+ * UNIQUE_ERROR_TYPE error on the field via RHF. The error is auto-cleared when the user
+ * edits the field (standard server error auto-clear behavior).
+ *
+ * The hook is designed to be composed into FormField's `useFieldValidation` hook:
+ * - Only activates when validateFieldUrl is present in FormSchemaContext
+ * - Only fires for fields with the `isUnique()` decorator
+ * - Debounced: fires on blur only (not on every keystroke)
+ * - Cancellable: previous in-flight request is aborted when a new one starts
+ *
+ * Authorization: The validate-field endpoint uses CREATE operation rights on the backend.
+ */
+import { useCallback, useRef } from 'react';
+import { useFormContext } from 'react-hook-form';
+import { isUnique } from '@wildo-ai/zod-decorators';
+import { useOptionalFormSchemaContext } from '../useFormSchemaContext.js';
+import { UNIQUE_ERROR_TYPE } from '../form-context.js';
+import { useApplication } from '../../../core/runtime/useApplication.js';
+import { LoggerFrontendService } from '../../../core/monitoring/logger.frontend.service.js';
+const logger = LoggerFrontendService.getLogger();
+const logDebug = logger.debugByType('FieldUniquenessValidation');
+logger.setDebugTypeLogging('FieldUniquenessValidation', false);
+/**
+ * Hook for field-level uniqueness pre-validation on blur.
+ *
+ * Integrates with the FormSchemaContext to read validateFieldUrl and resourceId.
+ * Only performs validation when:
+ * 1. The field has the `isUnique()` decorator
+ * 2. A `validateFieldUrl` is available in the form context
+ * 3. The field has a non-empty value
+ */
+export function useFieldUniquenessValidation({ fieldName, fieldSchema, }) {
+    const formSchemaContext = useOptionalFormSchemaContext();
+    const formContext = useFormContext();
+    const { httpClient } = useApplication();
+    // Track in-flight request for cancellation
+    const abortControllerRef = useRef(null);
+    const isCheckingRef = useRef(false);
+    // Determine if this field needs uniqueness validation
+    const hasUniqueDecorator = fieldSchema ? isUnique(fieldSchema) : false;
+    const validateFieldUrl = formSchemaContext?.validateFieldUrl;
+    const resourceId = formSchemaContext?.resourceId;
+    const validateUniqueness = useCallback(async () => {
+        // Guard: only validate if all conditions are met
+        if (!hasUniqueDecorator || !validateFieldUrl || !httpClient) {
+            return undefined;
+        }
+        const currentValue = formContext.getValues(fieldName);
+        // Skip validation for empty values (sparse unique fields allow nulls)
+        if (currentValue === null || currentValue === undefined || currentValue === '') {
+            // Clear any existing unique error
+            const currentError = formContext.getFieldState(fieldName).error;
+            if (currentError?.type === UNIQUE_ERROR_TYPE) {
+                formContext.clearErrors(fieldName);
+            }
+            return undefined;
+        }
+        logDebug('Starting uniqueness check', { fieldName, value: currentValue, validateFieldUrl, resourceId });
+        // Cancel any previous in-flight request
+        if (abortControllerRef.current) {
+            abortControllerRef.current.abort();
+        }
+        const abortController = new AbortController();
+        abortControllerRef.current = abortController;
+        isCheckingRef.current = true;
+        try {
+            const response = await httpClient.post(validateFieldUrl, {
+                fieldName,
+                value: currentValue,
+                excludeId: resourceId,
+            }, {
+                signal: abortController.signal,
+                silent: true, // Don't trigger global error handling
+            });
+            logDebug('Uniqueness check response', { fieldName, valid: response.valid, error: response.error });
+            if (!response.valid && response.error) {
+                // Set uniqueness error on the field
+                formContext.setError(fieldName, {
+                    type: UNIQUE_ERROR_TYPE,
+                    message: response.error.message,
+                });
+                return false;
+            }
+            else {
+                // Clear any existing unique error (value is now valid)
+                const currentError = formContext.getFieldState(fieldName).error;
+                if (currentError?.type === UNIQUE_ERROR_TYPE) {
+                    formContext.clearErrors(fieldName);
+                }
+                return true;
+            }
+        }
+        catch (error) {
+            // Ignore aborted requests (a newer request superseded this one)
+            if (error?.name === 'AbortError' || error?.code === 'ERR_CANCELED') {
+                logDebug('Uniqueness check aborted (superseded)', { fieldName });
+                return undefined;
+            }
+            // Log non-abort errors but don't block the form
+            // Uniqueness validation is a UX enhancement, not a hard requirement
+            logger.warn('Uniqueness pre-validation failed', { fieldName, error: error?.message });
+            return undefined;
+        }
+        finally {
+            isCheckingRef.current = false;
+            if (abortControllerRef.current === abortController) {
+                abortControllerRef.current = null;
+            }
+        }
+    }, [fieldName, hasUniqueDecorator, validateFieldUrl, resourceId, httpClient, formContext]);
+    return {
+        validateUniqueness,
+        isChecking: isCheckingRef.current,
+    };
+}
+//# sourceMappingURL=useFieldUniquenessValidation.js.map

package/dist/esm/components/form/validation-errors/useFieldUniquenessValidation.js.map

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

package/dist/esm/components/form/validation-errors/useServerErrorInjection.d.ts

@@ -0,0 +1,80 @@
+import { type FormMethods } from '../Form.js';
+interface UseServerErrorInjectionReturn {
+    /**
+     * Start watching form values to auto-clear server errors when the user edits
+     * an errored field. Call once when formMethods become available (typically
+     * from the `onFormReady` callback of `<AutomatedForm>`).
+     *
+     * Safe to call multiple times — previous subscriptions are torn down first.
+     */
+    initAutoClearing: (formMethods: FormMethods) => void;
+    /**
+     * Inject server validation errors onto individual form fields via RHF's
+     * `setError`. Each field is tracked so it can be auto-cleared on edit.
+     * Typically called in a `catch` block after `extractServerValidationErrors()`.
+     */
+    injectServerErrors: (validationErrors: Record<string, string>) => void;
+    /**
+     * Clear all currently tracked server errors from the form.
+     * Call at the start of every submit handler (before the `try` block)
+     * so stale server errors don't persist across submissions.
+     */
+    clearServerErrors: () => void;
+}
+/**
+ * Manages the lifecycle of server-side validation errors injected into
+ * React Hook Form fields. Solves the UX problem where server errors
+ * (e.g. "Email already registered") stick on a field after the user edits
+ * it, only disappearing on re-submit.
+ *
+ * The hook owns a `Set<string>` of field names that currently carry a
+ * server error, and a `watch()` subscription that clears those errors
+ * the moment the user types in the field — providing instant feedback.
+ *
+ * **Lifecycle (3 parts):**
+ * 1. **Inject** — after a failed submit, call `injectServerErrors()` to
+ *    set `{ type: 'server', message }` on each field and register it for
+ *    auto-clearing.
+ * 2. **Auto-clear** — a `formMethods.watch()` subscription detects edits
+ *    on tracked fields and clears the error + removes the field from the set.
+ * 3. **Bulk clear** — `clearServerErrors()` removes all tracked errors at
+ *    once (call before re-submit to avoid stale errors).
+ *
+ * Only errors with `type: SERVER_ERROR_TYPE` are tracked. Client-side
+ * Zod/RHF validation errors are never affected.
+ *
+ * The hook does **not** own the `formMethodsRef` — it receives it. This
+ * keeps the `<AutomatedForm>` / `onFormReady` callback contract unchanged.
+ *
+ * @example
+ * ```tsx
+ * const formMethodsRef = useRef<FormMethods | null>(null);
+ * const { initAutoClearing, injectServerErrors, clearServerErrors } =
+ *   useServerErrorInjection(formMethodsRef);
+ *
+ * const handleFormReady = useCallback((formMethods: FormMethods) => {
+ *   formMethodsRef.current = formMethods;
+ *   initAutoClearing(formMethods);
+ * }, [initAutoClearing]);
+ *
+ * const handleSubmit = async (data: FormData) => {
+ *   clearServerErrors();
+ *   try {
+ *     await submitToServer(data);
+ *   } catch (e) {
+ *     const errors = extractServerValidationErrors(e);
+ *     if (errors) injectServerErrors(errors.validationErrors);
+ *   }
+ * };
+ *
+ * return (
+ *   <AutomatedForm onFormReady={handleFormReady} onSubmit={handleSubmit} ... />
+ * );
+ * ```
+ *
+ * Used by `ResourceAutomatedForm` and auth public-page presets
+ * (`UserRegister`, `UserPasswordLost`).
+ */
+export declare function useServerErrorInjection(formMethodsRef: React.RefObject<FormMethods | null>): UseServerErrorInjectionReturn;
+export {};
+//# sourceMappingURL=useServerErrorInjection.d.ts.map

package/dist/esm/components/form/validation-errors/useServerErrorInjection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useServerErrorInjection.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/validation-errors/useServerErrorInjection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,UAAU,6BAA6B;IACrC;;;;;;OAMG;IACH,gBAAgB,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;IACrD;;;;OAIG;IACH,kBAAkB,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACvE;;;;OAIG;IACH,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,wBAAgB,uBAAuB,CACrC,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAClD,6BAA6B,CA6C/B"}

package/dist/esm/components/form/validation-errors/useServerErrorInjection.js

@@ -0,0 +1,96 @@
+import { useRef, useCallback, useEffect } from 'react';
+import { SERVER_ERROR_TYPE } from '../form-context.js';
+/**
+ * Manages the lifecycle of server-side validation errors injected into
+ * React Hook Form fields. Solves the UX problem where server errors
+ * (e.g. "Email already registered") stick on a field after the user edits
+ * it, only disappearing on re-submit.
+ *
+ * The hook owns a `Set<string>` of field names that currently carry a
+ * server error, and a `watch()` subscription that clears those errors
+ * the moment the user types in the field — providing instant feedback.
+ *
+ * **Lifecycle (3 parts):**
+ * 1. **Inject** — after a failed submit, call `injectServerErrors()` to
+ *    set `{ type: 'server', message }` on each field and register it for
+ *    auto-clearing.
+ * 2. **Auto-clear** — a `formMethods.watch()` subscription detects edits
+ *    on tracked fields and clears the error + removes the field from the set.
+ * 3. **Bulk clear** — `clearServerErrors()` removes all tracked errors at
+ *    once (call before re-submit to avoid stale errors).
+ *
+ * Only errors with `type: SERVER_ERROR_TYPE` are tracked. Client-side
+ * Zod/RHF validation errors are never affected.
+ *
+ * The hook does **not** own the `formMethodsRef` — it receives it. This
+ * keeps the `<AutomatedForm>` / `onFormReady` callback contract unchanged.
+ *
+ * @example
+ * ```tsx
+ * const formMethodsRef = useRef<FormMethods | null>(null);
+ * const { initAutoClearing, injectServerErrors, clearServerErrors } =
+ *   useServerErrorInjection(formMethodsRef);
+ *
+ * const handleFormReady = useCallback((formMethods: FormMethods) => {
+ *   formMethodsRef.current = formMethods;
+ *   initAutoClearing(formMethods);
+ * }, [initAutoClearing]);
+ *
+ * const handleSubmit = async (data: FormData) => {
+ *   clearServerErrors();
+ *   try {
+ *     await submitToServer(data);
+ *   } catch (e) {
+ *     const errors = extractServerValidationErrors(e);
+ *     if (errors) injectServerErrors(errors.validationErrors);
+ *   }
+ * };
+ *
+ * return (
+ *   <AutomatedForm onFormReady={handleFormReady} onSubmit={handleSubmit} ... />
+ * );
+ * ```
+ *
+ * Used by `ResourceAutomatedForm` and auth public-page presets
+ * (`UserRegister`, `UserPasswordLost`).
+ */
+export function useServerErrorInjection(formMethodsRef) {
+    const serverErrorFieldsRef = useRef(new Set());
+    const watchSubscriptionRef = useRef(null);
+    useEffect(() => {
+        return () => {
+            watchSubscriptionRef.current?.unsubscribe();
+        };
+    }, []);
+    const initAutoClearing = useCallback((formMethods) => {
+        watchSubscriptionRef.current?.unsubscribe();
+        const subscription = formMethods.watch((_value, { name }) => {
+            if (name && serverErrorFieldsRef.current.has(name)) {
+                formMethods.clearErrors(name);
+                serverErrorFieldsRef.current.delete(name);
+            }
+        });
+        watchSubscriptionRef.current = subscription;
+    }, []);
+    const clearServerErrors = useCallback(() => {
+        if (formMethodsRef.current && serverErrorFieldsRef.current.size > 0) {
+            Array.from(serverErrorFieldsRef.current).forEach(fieldName => {
+                formMethodsRef.current.clearErrors(fieldName);
+            });
+            serverErrorFieldsRef.current.clear();
+        }
+    }, [formMethodsRef]);
+    const injectServerErrors = useCallback((validationErrors) => {
+        if (formMethodsRef.current) {
+            Object.entries(validationErrors).forEach(([fieldName, message]) => {
+                formMethodsRef.current.setError(fieldName, {
+                    type: SERVER_ERROR_TYPE,
+                    message,
+                });
+                serverErrorFieldsRef.current.add(fieldName);
+            });
+        }
+    }, [formMethodsRef]);
+    return { initAutoClearing, injectServerErrors, clearServerErrors };
+}
+//# sourceMappingURL=useServerErrorInjection.js.map

package/dist/esm/components/form/validation-errors/useServerErrorInjection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useServerErrorInjection.js","sourceRoot":"","sources":["../../../../../src/components/form/validation-errors/useServerErrorInjection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAyBpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,MAAM,UAAU,uBAAuB,CACrC,cAAmD;IAEnD,MAAM,oBAAoB,GAAG,MAAM,CAAc,IAAI,GAAG,EAAE,CAAC,CAAC;IAC5D,MAAM,oBAAoB,GAAG,MAAM,CAAqC,IAAI,CAAC,CAAC;IAE9E,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,oBAAoB,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC;QAC9C,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,WAAwB,EAAE,EAAE;QAChE,oBAAoB,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC;QAE5C,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;YAC1D,IAAI,IAAI,IAAI,oBAAoB,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;gBACnD,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,oBAAoB,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAC5C,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,oBAAoB,CAAC,OAAO,GAAG,YAAY,CAAC;IAC9C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,cAAc,CAAC,OAAO,IAAI,oBAAoB,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;YACpE,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;gBAC3D,cAAc,CAAC,OAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;YACjD,CAAC,CAAC,CAAC;YACH,oBAAoB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACvC,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,gBAAwC,EAAE,EAAE;QAClF,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YAC3B,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,EAAE;gBAChE,cAAc,CAAC,OAAQ,CAAC,QAAQ,CAAC,SAAS,EAAE;oBAC1C,IAAI,EAAE,iBAAiB;oBACvB,OAAO;iBACR,CAAC,CAAC;gBACH,oBAAoB,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YAC9C,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,CAAC;AACrE,CAAC"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas.js';
+export type AspectRatioProps = React.ComponentProps<"div"> & {
+    ratio?: number;
+};
+export declare function AspectRatio({ preset, ...props }: AspectRatioProps & ComponentPresetProps): React.JSX.Element;
+//# 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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAGD,wBAAgB,WAAW,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGtI"}

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createComponentResolver } from '../../core/components-registry/component-resolver.frontend.helper.js';
+import { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';
+// --- Wrapper ---
+export function AspectRatio({ preset = CorePresetNames.DEFAULT, ...props }) {
+    const Component = createComponentResolver(FrontendComponentType.LOW_LEVEL_ASPECT_RATIO, 'AspectRatio')(preset);
+    return _jsx(Component, { ...props });
+}
+//# 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":";AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AACzH,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAQ5F,kBAAkB;AAClB,MAAM,UAAU,WAAW,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA2C;IACjH,MAAM,SAAS,GAAG,uBAAuB,CAAmB,qBAAqB,CAAC,sBAAsB,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,CAAA;IAChI,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC"}

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { UseEmblaCarouselType } from 'embla-carousel-react';
+import { DisplayDirection } from '@wildo-ai/zod-decorators';
+import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas.js';
+import { type ButtonProps } from '../../components/actions/button.js';
+export type CarouselApi = UseEmblaCarouselType[1];
+export type CarouselProps = React.ComponentProps<"div"> & {
+    opts?: Record<string, unknown>;
+    plugins?: unknown[];
+    orientation?: DisplayDirection;
+    setApi?: (api: CarouselApi) => void;
+};
+export type CarouselContentProps = React.ComponentProps<"div">;
+export type CarouselItemProps = React.ComponentProps<"div">;
+export type CarouselPreviousProps = ButtonProps;
+export type CarouselNextProps = ButtonProps;
+export interface CarouselCompound {
+    (props: CarouselProps): React.JSX.Element;
+    Content: React.FC<CarouselContentProps>;
+    Item: React.FC<CarouselItemProps>;
+    Previous: React.FC<CarouselPreviousProps>;
+    Next: React.FC<CarouselNextProps>;
+}
+export declare function Carousel({ preset, ...props }: CarouselProps & ComponentPresetProps): React.JSX.Element;
+export declare function CarouselContent({ preset, ...props }: CarouselContentProps & ComponentPresetProps): React.JSX.Element;
+export declare function CarouselItem({ preset, ...props }: CarouselItemProps & ComponentPresetProps): React.JSX.Element;
+export declare function CarouselPrevious({ preset, ...props }: CarouselPreviousProps & ComponentPresetProps): React.JSX.Element;
+export declare function CarouselNext({ preset, ...props }: CarouselNextProps & ComponentPresetProps): React.JSX.Element;
+//# 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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAGhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAGhF,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAA;AAEjD,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9B,OAAO,CAAC,EAAE,OAAO,EAAE,CAAA;IACnB,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAE9D,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAE3D,MAAM,MAAM,qBAAqB,GAAG,WAAW,CAAA;AAE/C,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAI3C,MAAM,WAAW,gBAAgB;IAC/B,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAA;IACzC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAA;IACvC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAA;IACjC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAA;IACzC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAA;CAClC;AAYD,wBAAgB,QAAQ,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGhI;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG9I;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGxI;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGhJ;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGxI"}

package/dist/esm/components/layout/carousel.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createCompoundComponentResolver } from '../../core/components-registry/component-resolver.frontend.helper.js';
+import { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';
+// --- Resolver ---
+const resolve = createCompoundComponentResolver(FrontendComponentType.LOW_LEVEL_CAROUSEL, 'Carousel', ['Content', 'Item', 'Previous', 'Next']);
+// --- Wrappers ---
+export function Carousel({ preset = CorePresetNames.DEFAULT, ...props }) {
+    const C = resolve(preset);
+    return _jsx(C, { ...props });
+}
+export function CarouselContent({ preset = CorePresetNames.DEFAULT, ...props }) {
+    const C = resolve(preset);
+    return _jsx(C.Content, { ...props });
+}
+export function CarouselItem({ preset = CorePresetNames.DEFAULT, ...props }) {
+    const C = resolve(preset);
+    return _jsx(C.Item, { ...props });
+}
+export function CarouselPrevious({ preset = CorePresetNames.DEFAULT, ...props }) {
+    const C = resolve(preset);
+    return _jsx(C.Previous, { ...props });
+}
+export function CarouselNext({ preset = CorePresetNames.DEFAULT, ...props }) {
+    const C = resolve(preset);
+    return _jsx(C.Next, { ...props });
+}
+//# sourceMappingURL=carousel.js.map

package/dist/esm/components/layout/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../../src/components/layout/carousel.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,+BAA+B,EAAE,MAAM,iFAAiF,CAAA;AACjI,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAiC5F,mBAAmB;AAEnB,MAAM,OAAO,GAAG,+BAA+B,CAC7C,qBAAqB,CAAC,kBAAkB,EACxC,UAAU,EACV,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,CACxC,CAAA;AAED,mBAAmB;AAEnB,MAAM,UAAU,QAAQ,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAwC;IAC3G,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,OAAK,KAAK,GAAI,CAAA;AACzB,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA+C;IACzH,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,OAAO,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA4C;IACnH,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC9B,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAgD;IAC3H,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,QAAQ,OAAK,KAAK,GAAI,CAAA;AAClC,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA4C;IACnH,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC9B,CAAC"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas.js';
+export type DividerProps = React.ComponentPropsWithoutRef<'hr'> & {
+    soft?: boolean;
+};
+export declare function Divider({ preset, ...props }: DividerProps & ComponentPresetProps): React.JSX.Element;
+//# sourceMappingURL=divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,GAAG;IAChE,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAGD,wBAAgB,OAAO,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG9H"}

package/dist/esm/components/layout/divider.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createComponentResolver } from '../../core/components-registry/component-resolver.frontend.helper.js';
+import { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';
+// --- Wrapper ---
+export function Divider({ preset = CorePresetNames.DEFAULT, ...props }) {
+    const Component = createComponentResolver(FrontendComponentType.LOW_LEVEL_DIVIDER, 'Divider')(preset);
+    return _jsx(Component, { ...props });
+}
+//# sourceMappingURL=divider.js.map

package/dist/esm/components/layout/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../src/components/layout/divider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AACzH,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAQ5F,kBAAkB;AAClB,MAAM,UAAU,OAAO,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAuC;IACzG,MAAM,SAAS,GAAG,uBAAuB,CAAe,qBAAqB,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;IACnH,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC"}

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

@@ -0,0 +1,55 @@
+import React from 'react';
+import { DisplayDirection } from '@wildo-ai/zod-decorators';
+import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas.js';
+export type ResizablePanelGroupProps = {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    autoSaveId?: string;
+    direction: DisplayDirection;
+    onLayout?: (layout: number[]) => void;
+    storage?: {
+        getItem(name: string): string | null;
+        setItem(name: string, value: string): void;
+    };
+    tagName?: keyof HTMLElementTagNameMap;
+};
+export type ResizablePanelProps = {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    collapsedSize?: number;
+    collapsible?: boolean;
+    defaultSize?: number;
+    id?: string;
+    maxSize?: number;
+    minSize?: number;
+    onCollapse?: () => void;
+    onExpand?: () => void;
+    onResize?: (size: number, prevSize: number | undefined) => void;
+    order?: number;
+    tagName?: keyof HTMLElementTagNameMap;
+};
+export type ResizableHandleProps = {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    hitAreaMargins?: {
+        coarse: number;
+        fine: number;
+    };
+    onDragging?: (isDragging: boolean) => void;
+    tabIndex?: number;
+    tagName?: keyof HTMLElementTagNameMap;
+    withHandle?: boolean;
+};
+export interface ResizablePanelGroupCompound {
+    (props: ResizablePanelGroupProps): React.JSX.Element;
+    Panel: React.FC<ResizablePanelProps>;
+    Handle: React.FC<ResizableHandleProps>;
+}
+export declare function ResizablePanelGroup({ preset, ...props }: ResizablePanelGroupProps & ComponentPresetProps): React.JSX.Element;
+export declare function ResizablePanel({ preset, ...props }: ResizablePanelProps & ComponentPresetProps): React.JSX.Element;
+export declare function ResizableHandle({ preset, ...props }: ResizableHandleProps & ComponentPresetProps): React.JSX.Element;
+//# sourceMappingURL=resizable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/resizable.tsx"],"names":[],"mappings":"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"}