@wildo-ai/presets-components 1.0.1

package/dist/esm/components/form/chromes/form-primitive.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { Slot } from "@radix-ui/react-slot";
+import { FormProvider, type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
+import { useFormField } from "@wildo-ai/saas-frontend-lib";
+declare const FormRoot: typeof FormProvider;
+declare const FormFieldPrimitive: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
+declare function FormItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
+declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): React.JSX.Element;
+declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element | null;
+export { useFormField, FormRoot, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormFieldPrimitive, };
+//# sourceMappingURL=form-primitive.d.ts.map

package/dist/esm/components/form/chromes/form-primitive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-primitive.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/chromes/form-primitive.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAEL,YAAY,EACZ,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,iBAAiB,CAAA;AAExB,OAAO,EAAyC,YAAY,EAAS,MAAM,6BAA6B,CAAA;AAExG,QAAA,MAAM,QAAQ,EAAE,OAAO,YAA2B,CAAA;AAElD,QAAA,MAAM,kBAAkB,GACtB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,KAAG,KAAK,CAAC,GAAG,CAAC,OAMnD,CAAA;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAYzF;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAYtE;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgBvF;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAW9F;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAkBjG;AAED,OAAO,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,kBAAkB,GACnB,CAAA"}

package/dist/esm/components/form/chromes/form-primitive.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { Controller, FormProvider, } from "react-hook-form";
+import { cn, FormFieldContext, FormItemContext, useFormField, Label } from "@wildo-ai/saas-frontend-lib";
+const FormRoot = FormProvider;
+const FormFieldPrimitive = ({ ...props }) => {
+    return (_jsx(FormFieldContext.Provider, { value: { name: props.name }, children: _jsx(Controller, { ...props }) }));
+};
+function FormItem({ className, ...props }) {
+    const id = React.useId();
+    return (_jsx(FormItemContext.Provider, { value: { id }, children: _jsx("div", { "data-slot": "form-item", className: cn("grid gap-element", className), ...props }) }));
+}
+function FormLabel({ className, ...props }) {
+    const { error, formItemId } = useFormField();
+    return (_jsx(Label, { "data-slot": "form-label", "data-error": !!error, className: cn("data-[error=true]:text-destructive", className), htmlFor: formItemId, ...props }));
+}
+function FormControl({ ...props }) {
+    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+    return (_jsx(Slot, { "data-slot": "form-control", id: formItemId, "aria-describedby": !error
+            ? `${formDescriptionId}`
+            : `${formDescriptionId} ${formMessageId}`, "aria-invalid": !!error, ...props }));
+}
+function FormDescription({ className, ...props }) {
+    const { formDescriptionId } = useFormField();
+    return (_jsx("p", { "data-slot": "form-description", id: formDescriptionId, className: cn("text-muted-foreground text-sm", className), ...props }));
+}
+function FormMessage({ className, ...props }) {
+    const { error, formMessageId } = useFormField();
+    const body = error ? String(error?.message ?? "") : props.children;
+    if (!body) {
+        return null;
+    }
+    return (_jsx("p", { "data-slot": "form-message", id: formMessageId, className: cn("text-destructive text-sm", className), ...props, children: body }));
+}
+export { useFormField, FormRoot, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormFieldPrimitive, };
+//# sourceMappingURL=form-primitive.js.map

package/dist/esm/components/form/chromes/form-primitive.js.map

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

package/dist/esm/components/form/combobox.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import type { ComboboxProps, ComboboxMultipleProps } from "@wildo-ai/saas-frontend-lib";
+declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps<string, unknown> & React.RefAttributes<HTMLButtonElement>>;
+declare const ComboboxMultiple: React.ForwardRefExoticComponent<ComboboxMultipleProps<string, unknown> & React.RefAttributes<HTMLButtonElement>>;
+export { Combobox, ComboboxMultiple };
+//# sourceMappingURL=combobox.d.ts.map

package/dist/esm/components/form/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/form/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAyB9B,OAAO,KAAK,EAAE,aAAa,EAAe,qBAAqB,EAAoC,MAAM,6BAA6B,CAAA;AAEtI,QAAA,MAAM,QAAQ,0GA0IZ,CAAA;AAGF,QAAA,MAAM,gBAAgB,kHAgNpB,CAAA;AAWF,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/esm/components/form/combobox.js

@@ -0,0 +1,138 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn, useIconRegistry, StandardIconReference, IconSize, useI18n, useUI, Button, Badge, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, Popover, PopoverContent, PopoverTrigger, LoadingSpinner, } from "@wildo-ai/saas-frontend-lib";
+import { ButtonVariants_Variant } from "@wildo-ai/saas-frontend-lib";
+import { UIBehavior, FormControlVariant, FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { HorizontalAlign } from "@wildo-ai/zod-decorators";
+const Combobox = React.forwardRef(function ComboboxInner({ schema, name, options, value: controlledValue, onChange, onBlur, defaultValue, placeholder, searchPlaceholder, emptyMessage, disabled, readOnly, className, autoFocus, size = "md", renderOption, renderSelectedValue, onSearchChange, isLoading, shouldFilter = true, onOpenChange: onOpenChangeProp, }, ref) {
+    const [open, setOpen] = React.useState(false);
+    const [internalValue, setInternalValue] = React.useState(defaultValue);
+    const { renderIcon } = useIconRegistry();
+    const { tComponent, isReady } = useI18n({
+        component: FrontendComponentType.LOW_LEVEL_FORM_FIELD,
+    });
+    const { getRecipe } = useUI();
+    const formRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
+    const isControlled = controlledValue !== undefined;
+    const currentValue = isControlled ? controlledValue : internalValue;
+    const selectedOption = React.useMemo(() => options.find(o => o.value === currentValue), [options, currentValue]);
+    const handleSelect = React.useCallback((selectedValue) => {
+        const newValue = selectedValue === currentValue ? '' : selectedValue;
+        if (isControlled) {
+            onChange?.(newValue);
+        }
+        else {
+            setInternalValue(newValue);
+        }
+        setOpen(false);
+        onOpenChangeProp?.(false);
+    }, [currentValue, isControlled, onChange, onOpenChangeProp]);
+    const handleOpenChange = React.useCallback((isOpen) => {
+        setOpen(isOpen);
+        onOpenChangeProp?.(isOpen);
+        if (!isOpen)
+            onBlur?.();
+    }, [onBlur, onOpenChangeProp]);
+    const fieldId = `field-${name}`;
+    if (!isReady)
+        return null;
+    return (_jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { ref: ref, id: fieldId, variant: ButtonVariants_Variant.OUTLINE, role: "combobox", "aria-expanded": open, disabled: disabled || readOnly, autoFocus: autoFocus, "data-size": size, className: cn("w-full justify-between font-normal", size === "md" ? "h-9" : "h-8", !selectedOption && "text-muted-foreground", formRecipe.states.focus, formRecipe.states.disabled, formRecipe.motion.transition, className), children: [_jsx("span", { className: "inline-flex items-center gap-item-xs truncate", children: selectedOption
+                                ? (renderSelectedValue
+                                    ? renderSelectedValue(selectedOption)
+                                    : selectedOption.label)
+                                : (placeholder ?? tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'selectPlaceholder')) }), renderIcon(StandardIconReference.CHEVRONS_UP_DOWN, {
+                            size: IconSize.SM,
+                            className: "ms-2 shrink-0 opacity-[var(--opacity-muted)]",
+                        })] }) }), _jsx(PopoverContent, { className: "w-[--radix-popover-trigger-width] p-0", align: HorizontalAlign.START, children: _jsxs(Command, { shouldFilter: shouldFilter, children: [_jsx(CommandInput, { placeholder: searchPlaceholder ?? tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'searchPlaceholder'), onValueChange: onSearchChange }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: isLoading
+                                        ? _jsx(LoadingIndicator, {})
+                                        : (emptyMessage ?? tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noResults')) }), _jsx(CommandGroup, { children: isLoading && options.length === 0
+                                        ? _jsx(LoadingIndicator, {})
+                                        : options.map((option) => {
+                                            const isSelected = option.value === currentValue;
+                                            return (_jsxs(CommandItem, { value: option.value, keywords: [option.label], disabled: option.disabled, onSelect: handleSelect, children: [renderIcon(StandardIconReference.CHECK, {
+                                                        size: IconSize.SM,
+                                                        className: cn("me-2 shrink-0", isSelected ? "opacity-100" : "opacity-0"),
+                                                    }), renderOption ? renderOption(option, isSelected) : option.label] }, option.value));
+                                        }) })] })] }) })] }));
+});
+Combobox.displayName = "Combobox";
+const ComboboxMultiple = React.forwardRef(function ComboboxMultipleInner({ schema, name, options, value: controlledValue, onChange, onBlur, defaultValue, placeholder, searchPlaceholder, emptyMessage, disabled, readOnly, className, autoFocus, size = "md", maxDisplayedBadges = 5, showSelectAll = true, renderOption, renderSelectedValue, onSearchChange, isLoading, shouldFilter = true, onOpenChange: onOpenChangeProp, }, ref) {
+    const [open, setOpen] = React.useState(false);
+    const [internalValue, setInternalValue] = React.useState(defaultValue ?? []);
+    const { renderIcon } = useIconRegistry();
+    const { tComponent, isReady } = useI18n({
+        component: FrontendComponentType.LOW_LEVEL_FORM_FIELD,
+    });
+    const { getRecipe } = useUI();
+    const formRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
+    const isControlled = controlledValue !== undefined;
+    const currentValue = (isControlled ? controlledValue : internalValue);
+    const selectedSet = React.useMemo(() => new Set(currentValue), [currentValue]);
+    const setValue = React.useCallback((newValue) => {
+        if (isControlled) {
+            onChange?.(newValue);
+        }
+        else {
+            setInternalValue(newValue);
+        }
+    }, [isControlled, onChange]);
+    const handleToggle = React.useCallback((optionValue) => {
+        if (selectedSet.has(optionValue)) {
+            setValue(currentValue.filter(v => v !== optionValue));
+        }
+        else {
+            setValue([...currentValue, optionValue]);
+        }
+    }, [selectedSet, currentValue, setValue]);
+    const handleRemove = React.useCallback((optionValue) => {
+        setValue(currentValue.filter(v => v !== optionValue));
+    }, [currentValue, setValue]);
+    const handleOpenChange = React.useCallback((isOpen) => {
+        setOpen(isOpen);
+        onOpenChangeProp?.(isOpen);
+        if (!isOpen)
+            onBlur?.();
+    }, [onBlur, onOpenChangeProp]);
+    const selectableOptions = React.useMemo(() => options.filter(o => !o.disabled), [options]);
+    const selectableValues = React.useMemo(() => new Set(selectableOptions.map(o => o.value)), [selectableOptions]);
+    const selectedSelectableCount = currentValue.filter(v => selectableValues.has(v)).length;
+    const allSelected = selectedSelectableCount >= selectableOptions.length && selectableOptions.length > 0;
+    const handleSelectAll = React.useCallback(() => {
+        setValue(selectableOptions.map(o => o.value));
+    }, [selectableOptions, setValue]);
+    const handleClearAll = React.useCallback(() => {
+        setValue([]);
+    }, [setValue]);
+    const fieldId = `field-${name}`;
+    const displayedBadges = currentValue.slice(0, maxDisplayedBadges);
+    const overflowCount = currentValue.length - displayedBadges.length;
+    if (!isReady)
+        return null;
+    return (_jsxs("div", { className: cn("flex flex-col gap-item-xs", className), children: [_jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { ref: ref, id: fieldId, variant: ButtonVariants_Variant.OUTLINE, role: "combobox", "aria-expanded": open, disabled: disabled || readOnly, autoFocus: autoFocus, "data-size": size, className: cn("w-full justify-between font-normal min-h-9", size === "sm" && "min-h-8", currentValue.length === 0 && "text-muted-foreground", formRecipe.states.focus, formRecipe.states.disabled, formRecipe.motion.transition), children: [_jsx("span", { className: "truncate", children: currentValue.length === 0
+                                        ? (placeholder ?? tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'selectPlaceholder'))
+                                        : tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'selectedCount', { count: String(currentValue.length) }) }), renderIcon(StandardIconReference.CHEVRONS_UP_DOWN, {
+                                    size: IconSize.SM,
+                                    className: "ms-2 shrink-0 opacity-[var(--opacity-muted)]",
+                                })] }) }), _jsx(PopoverContent, { className: "w-[--radix-popover-trigger-width] p-0", align: HorizontalAlign.START, children: _jsxs(Command, { shouldFilter: shouldFilter, children: [_jsx(CommandInput, { placeholder: searchPlaceholder ?? tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'searchPlaceholder'), onValueChange: onSearchChange }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: isLoading
+                                                ? _jsx(LoadingIndicator, {})
+                                                : (emptyMessage ?? tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noResults')) }), _jsxs(CommandGroup, { children: [showSelectAll && !isLoading && options.length > 0 && (_jsx(CommandItem, { onSelect: allSelected ? handleClearAll : handleSelectAll, className: "justify-center text-xs text-muted-foreground", children: allSelected
+                                                        ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'clearAll')
+                                                        : tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'selectAll') })), isLoading && options.length === 0
+                                                    ? _jsx(LoadingIndicator, {})
+                                                    : options.map((option) => {
+                                                        const isSelected = selectedSet.has(option.value);
+                                                        return (_jsxs(CommandItem, { value: option.value, keywords: [option.label], disabled: option.disabled, onSelect: () => handleToggle(option.value), children: [_jsx("div", { className: cn("me-2 flex size-4 shrink-0 items-center justify-center rounded-sm border border-primary", isSelected ? "bg-primary text-primary-foreground" : "opacity-[var(--opacity-muted)]"), children: isSelected && renderIcon(StandardIconReference.CHECK, { size: IconSize.XS }) }), renderOption ? renderOption(option, isSelected) : option.label] }, option.value));
+                                                    })] })] })] }) })] }), currentValue.length > 0 && (_jsxs("div", { className: "flex flex-wrap gap-item-xs", children: [displayedBadges.map((v) => {
+                        const opt = options.find(o => o.value === v);
+                        return (_jsxs(Badge, { variant: "secondary", className: "gap-item-xs pe-1", children: [opt && renderSelectedValue
+                                    ? renderSelectedValue(opt)
+                                    : (opt?.label ?? v), !readOnly && !disabled && (_jsx("button", { type: "button", "aria-label": `Remove ${opt?.label ?? v}`, className: "ms-0.5 rounded-full p-0.5 hover:bg-muted-foreground/20 transition-colors duration-[var(--motion-duration-fast)]", onClick: () => handleRemove(v), children: renderIcon(StandardIconReference.X_MARK, { size: IconSize.XS }) }))] }, v));
+                    }), overflowCount > 0 && (_jsxs(Badge, { variant: "secondary", className: "text-muted-foreground", children: ["+", overflowCount] }))] }))] }));
+});
+ComboboxMultiple.displayName = "ComboboxMultiple";
+function LoadingIndicator() {
+    return (_jsx("div", { className: "flex items-center justify-center py-card-sm", children: _jsx(LoadingSpinner, { size: 16 }) }));
+}
+export { Combobox, ComboboxMultiple };
+//# sourceMappingURL=combobox.js.map

package/dist/esm/components/form/combobox.js.map

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

package/dist/esm/components/form/controls/boolean/checkbox.d.ts

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

package/dist/esm/components/form/controls/boolean/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/boolean/checkbox.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAA8B,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAiH/F,eAAO,MAAM,QAAQ,kBAA+E,CAAA"}

package/dist/esm/components/form/controls/boolean/checkbox.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { cn, useIconRegistry, StandardIconReference, IconSize, useUI, createCompoundPreset } from "@wildo-ai/saas-frontend-lib";
+import { UIBehavior, FormControlVariant } from "@wildo-ai/presets-components-models";
+const CheckboxRoot = React.forwardRef(({ className, ...props }, ref) => {
+    const { renderIcon } = useIconRegistry();
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.CHECKBOX);
+    return (_jsx(CheckboxPrimitive.Root, { ref: ref, "data-slot": "checkbox", className: cn(
+        // Structure
+        "peer size-4 shrink-0 rounded-[4px] outline-none", 
+        // Style from FORM_CONTROL.CHECKBOX recipe
+        recipe.base, recipe.states.focus, recipe.states.selected, recipe.states.disabled, recipe.states.invalid, recipe.motion.transition, className), ...props, 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 }) }) }));
+});
+CheckboxRoot.displayName = "CheckboxRoot";
+const CheckboxImpl = React.forwardRef(({ schema, name, disabled, className, checked: controlledChecked, onCheckedChange, onBlur, defaultChecked, }, ref) => {
+    const { renderIcon } = useIconRegistry();
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.CHECKBOX);
+    // Internal state for uncontrolled mode
+    const [internalChecked, setInternalChecked] = React.useState(defaultChecked ?? false);
+    // Determine if controlled
+    const isControlled = controlledChecked !== undefined;
+    const currentChecked = isControlled ? controlledChecked : internalChecked;
+    // Handle checked change - validation is handled by parent FormField via RHF
+    const handleCheckedChange = React.useCallback((checked) => {
+        const boolValue = checked === true;
+        if (isControlled) {
+            onCheckedChange?.(boolValue);
+        }
+        else {
+            setInternalChecked(boolValue);
+        }
+    }, [isControlled, onCheckedChange]);
+    // Handle blur - validation is handled by parent FormField via RHF
+    const handleBlur = React.useCallback(() => {
+        onBlur?.();
+    }, [onBlur]);
+    return (_jsx(CheckboxPrimitive.Root, { ref: ref, checked: currentChecked, onCheckedChange: handleCheckedChange, onBlur: handleBlur, disabled: disabled, "data-slot": "checkbox", className: cn(
+        // Structure
+        "peer size-4 shrink-0 rounded-[4px] outline-none", 
+        // Style from FORM_CONTROL.CHECKBOX recipe
+        recipe.base, recipe.states.focus, recipe.states.selected, recipe.states.disabled, recipe.states.invalid, recipe.motion.transition, className), 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 }) }) }));
+});
+CheckboxImpl.displayName = "Checkbox";
+export const Checkbox = createCompoundPreset(CheckboxImpl, { Root: CheckboxRoot });
+//# sourceMappingURL=checkbox.js.map

package/dist/esm/components/form/controls/boolean/checkbox.js.map

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

package/dist/esm/components/form/controls/boolean/switch.d.ts

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

package/dist/esm/components/form/controls/boolean/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/boolean/switch.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAA0B,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAqHzF,eAAO,MAAM,MAAM,gBAAyE,CAAA"}

package/dist/esm/components/form/controls/boolean/switch.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { cn, useUI, createCompoundPreset } from "@wildo-ai/saas-frontend-lib";
+import { UIBehavior, FormControlVariant } from "@wildo-ai/presets-components-models";
+const SwitchRoot = React.forwardRef(({ className, ...props }, ref) => {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.SWITCH);
+    return (_jsx(SwitchPrimitive.Root, { ref: ref, "data-slot": "switch", className: cn(
+        // Structure (relative for touch target pseudo-element)
+        "peer relative inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full outline-none", 
+        // Touch target: 44×44px invisible hit area (WCAG 2.5.8)
+        "before:content-[''] before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:size-11", 
+        // Style from FORM_CONTROL.SWITCH recipe
+        recipe.base, recipe.states.focus, recipe.states.selected, recipe.states.disabled, recipe.motion.transition, className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn(
+            // Thumb: structural positioning + token-based colors
+            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0") }) }));
+});
+SwitchRoot.displayName = "SwitchRoot";
+const SwitchImpl = React.forwardRef(({ schema, name, disabled, className, checked: controlledChecked, onCheckedChange, onBlur, defaultChecked, }, ref) => {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.SWITCH);
+    // Internal state for uncontrolled mode
+    const [internalChecked, setInternalChecked] = React.useState(defaultChecked ?? false);
+    // Determine if controlled
+    const isControlled = controlledChecked !== undefined;
+    const currentChecked = isControlled ? controlledChecked : internalChecked;
+    // Handle checked change - validation is handled by parent FormField via RHF
+    const handleCheckedChange = React.useCallback((checked) => {
+        if (isControlled) {
+            onCheckedChange?.(checked);
+        }
+        else {
+            setInternalChecked(checked);
+        }
+    }, [isControlled, onCheckedChange]);
+    // Handle blur - validation is handled by parent FormField via RHF
+    const handleBlur = React.useCallback(() => {
+        onBlur?.();
+    }, [onBlur]);
+    // ID for accessibility
+    const switchId = `field-${name}`;
+    return (_jsx(SwitchPrimitive.Root, { ref: ref, id: switchId, checked: currentChecked, onCheckedChange: handleCheckedChange, onBlur: handleBlur, disabled: disabled, "data-slot": "switch", className: cn(
+        // Structure (relative for touch target pseudo-element)
+        "peer relative inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full outline-none", 
+        // Touch target: 44×44px invisible hit area (WCAG 2.5.8)
+        "before:content-[''] before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:size-11", 
+        // Style from FORM_CONTROL.SWITCH recipe
+        recipe.base, recipe.states.focus, recipe.states.selected, recipe.states.disabled, recipe.motion.transition, className), children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn(
+            // Thumb: structural positioning + token-based colors
+            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0") }) }));
+});
+SwitchImpl.displayName = "Switch";
+export const Switch = createCompoundPreset(SwitchImpl, { Root: SwitchRoot });
+//# sourceMappingURL=switch.js.map

package/dist/esm/components/form/controls/boolean/switch.js.map

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

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

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { ToggleGroupBooleanProps } from '@wildo-ai/saas-frontend-lib';
+declare const ToggleGroupBoolean: React.ForwardRefExoticComponent<ToggleGroupBooleanProps & React.RefAttributes<HTMLDivElement>>;
+export { ToggleGroupBoolean };
+//# sourceMappingURL=toggle-group-boolean.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group-boolean.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/boolean/toggle-group-boolean.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAE,uBAAuB,EAAyB,MAAM,6BAA6B,CAAA;AAGjG,QAAA,MAAM,kBAAkB,gGAmGtB,CAED;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

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

@@ -0,0 +1,63 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn, useI18n, ToggleGroup, ToggleGroupItem, ToggleGroupType } from "@wildo-ai/saas-frontend-lib";
+import { getBooleanUI } from "@wildo-ai/zod-decorators";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+const ToggleGroupBoolean = React.forwardRef(function ToggleGroupBoolean({ schema, name, disabled, className, checked: controlledChecked, onCheckedChange, onBlur, defaultChecked, trueLabel: trueLabelProp, falseLabel: falseLabelProp, orientation = "horizontal", }, ref) {
+    const { tComponent, isReady } = useI18n({
+        component: FrontendComponentType.LOW_LEVEL_TOGGLE_GROUP_BOOLEAN,
+    });
+    const booleanUI = getBooleanUI(schema);
+    const labellingValue = booleanUI?.labellingValue ?? 'yes/no';
+    // Get labels from labelling system or use props/defaults
+    const getTrueLabel = () => {
+        if (trueLabelProp)
+            return trueLabelProp;
+        const labelKey = labellingValue === 'yes/no' ? 'yes' :
+            labellingValue === 'true/false' ? 'true' :
+                labellingValue === 'on/off' ? 'on' :
+                    labellingValue === 'enabled/disabled' ? 'enabled' :
+                        'active';
+        return tComponent(FrontendComponentType.LOW_LEVEL_TOGGLE_GROUP_BOOLEAN, labelKey);
+    };
+    const getFalseLabel = () => {
+        if (falseLabelProp)
+            return falseLabelProp;
+        const labelKey = labellingValue === 'yes/no' ? 'no' :
+            labellingValue === 'true/false' ? 'false' :
+                labellingValue === 'on/off' ? 'off' :
+                    labellingValue === 'enabled/disabled' ? 'disabled' :
+                        'inactive';
+        return tComponent(FrontendComponentType.LOW_LEVEL_TOGGLE_GROUP_BOOLEAN, labelKey);
+    };
+    const trueLabel = getTrueLabel();
+    const falseLabel = getFalseLabel();
+    // Internal state for uncontrolled mode
+    const [internalChecked, setInternalChecked] = React.useState(defaultChecked ?? false);
+    // Determine if controlled
+    const isControlled = controlledChecked !== undefined;
+    const currentChecked = isControlled ? controlledChecked : internalChecked;
+    // Handle value change - validation is handled by parent FormField via RHF
+    const handleValueChange = React.useCallback((value) => {
+        const newChecked = value === 'true';
+        if (isControlled) {
+            onCheckedChange?.(newChecked);
+        }
+        else {
+            setInternalChecked(newChecked);
+        }
+    }, [isControlled, onCheckedChange]);
+    // Handle blur - validation is handled by parent FormField via RHF
+    const handleBlur = React.useCallback(() => {
+        onBlur?.();
+    }, [onBlur]);
+    // IDs for accessibility
+    const toggleGroupId = `field-${name}`;
+    // Current value as string for ToggleGroup
+    const currentValue = currentChecked ? 'true' : 'false';
+    return (_jsx("div", { ref: ref, id: toggleGroupId, onBlur: handleBlur, className: className, children: _jsxs(ToggleGroup, { type: ToggleGroupType.SINGLE, value: currentValue, onValueChange: handleValueChange, disabled: disabled, "data-slot": "toggle-group-boolean", className: cn(orientation === "vertical" && "flex-col"), children: [_jsx(ToggleGroupItem, { value: "true", "aria-label": trueLabel, children: trueLabel }), _jsx(ToggleGroupItem, { value: "false", "aria-label": falseLabel, children: falseLabel })] }) }));
+});
+ToggleGroupBoolean.displayName = "ToggleGroupBoolean";
+export { ToggleGroupBoolean };
+//# sourceMappingURL=toggle-group-boolean.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group-boolean.js","sourceRoot":"","sources":["../../../../../../src/components/form/controls/boolean/toggle-group-boolean.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AACxG,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAI3E,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAiD,SAAS,kBAAkB,CAAC,EACtH,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EAAE,iBAAiB,EAC1B,eAAe,EACf,MAAM,EACN,cAAc,EACd,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,WAAW,GAAG,YAAY,GAC3B,EAAE,GAAG;IACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;QACtC,SAAS,EAAE,qBAAqB,CAAC,8BAA8B;KAChE,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;IACtC,MAAM,cAAc,GAAG,SAAS,EAAE,cAAc,IAAI,QAAQ,CAAA;IAE5D,yDAAyD;IACzD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,aAAa;YAAE,OAAO,aAAa,CAAA;QACvC,MAAM,QAAQ,GAAG,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;YACrC,cAAc,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;gBAC1C,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;oBACpC,cAAc,KAAK,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;wBACnD,QAAQ,CAAA;QACzB,OAAO,UAAU,CAAC,qBAAqB,CAAC,8BAA8B,EAAE,QAAQ,CAAC,CAAA;IACnF,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,cAAc;YAAE,OAAO,cAAc,CAAA;QACzC,MAAM,QAAQ,GAAG,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YACpC,cAAc,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;gBAC3C,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;oBACrC,cAAc,KAAK,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;wBACpD,UAAU,CAAA;QAC3B,OAAO,UAAU,CAAC,qBAAqB,CAAC,8BAA8B,EAAE,QAAQ,CAAC,CAAA;IACnF,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,uCAAuC;IACvC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,cAAc,IAAI,KAAK,CAAC,CAAA;IAE9F,0BAA0B;IAC1B,MAAM,YAAY,GAAG,iBAAiB,KAAK,SAAS,CAAA;IACpD,MAAM,cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAA;IAEzE,0EAA0E;IAC1E,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QAC5D,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAA;QAEnC,IAAI,YAAY,EAAE,CAAC;YACjB,eAAe,EAAE,CAAC,UAAU,CAAC,CAAA;QAC/B,CAAC;aAAM,CAAC;YACN,kBAAkB,CAAC,UAAU,CAAC,CAAA;QAChC,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,CAAA;IAEnC,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,wBAAwB;IACxB,MAAM,aAAa,GAAG,SAAS,IAAI,EAAE,CAAA;IAErC,0CAA0C;IAC1C,MAAM,YAAY,GAAG,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;IAEtD,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,aAAa,EACjB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,SAAS,YAEpB,MAAC,WAAW,IACV,IAAI,EAAE,eAAe,CAAC,MAAM,EAC5B,KAAK,EAAE,YAAY,EACnB,aAAa,EAAE,iBAAiB,EAChC,QAAQ,EAAE,QAAQ,eACR,sBAAsB,EAChC,SAAS,EAAE,EAAE,CACX,WAAW,KAAK,UAAU,IAAI,UAAU,CACzC,aAED,KAAC,eAAe,IAAC,KAAK,EAAC,MAAM,gBAAa,SAAS,YAChD,SAAS,GACM,EAClB,KAAC,eAAe,IAAC,KAAK,EAAC,OAAO,gBAAa,UAAU,YAClD,UAAU,GACK,IACN,GACV,CACP,CAAA;AACH,CAAC,CAAC,CAED;AAAC,kBAA0E,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAE/G,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/esm/components/form/controls/boolean/toggle.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { type ToggleProps } from '@wildo-ai/saas-frontend-lib';
+declare const Toggle: React.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Toggle };
+//# sourceMappingURL=toggle.d.ts.map

package/dist/esm/components/form/controls/boolean/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/boolean/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAA0B,KAAK,WAAW,EAA4C,MAAM,6BAA6B,CAAA;AAuBhI,QAAA,MAAM,MAAM,oGAkDV,CAAA;AAEF,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/esm/components/form/controls/boolean/toggle.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { motion } from "motion/react";
+import { cn, useUI } from "@wildo-ai/saas-frontend-lib";
+import { UIBehavior, InteractiveVariant } from "@wildo-ai/presets-components-models";
+import { ToggleVariants_Variant } from '@wildo-ai/saas-frontend-lib';
+import { ButtonSize } from '@wildo-ai/presets-components-models';
+/** Toggle-specific structural size classes (min-w constraint for square icons) */
+const TOGGLE_SIZE_STRUCTURE = {
+    [ButtonSize.MD]: "min-w-9",
+    [ButtonSize.SM]: "min-w-8",
+    [ButtonSize.LG]: "min-w-10",
+};
+/** Variant → InteractiveVariant mapping */
+const variantMapping = {
+    [ToggleVariants_Variant.DEFAULT]: InteractiveVariant.GHOST,
+    [ToggleVariants_Variant.OUTLINE]: InteractiveVariant.OUTLINE,
+};
+/** Motion-wrapped Toggle primitive for gesture-enabled themes (created once at module level) */
+const MotionToggle = motion.create(TogglePrimitive.Root);
+/** Structure classes — layout, accessibility, SVG handling. Theme-independent. */
+const 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";
+const Toggle = React.forwardRef(function Toggle({ className, variant = ToggleVariants_Variant.DEFAULT, size = ButtonSize.MD, ...props }, ref) {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.INTERACTIVE, variantMapping[variant]);
+    const classes = cn(
+    // Structure
+    STRUCTURE, TOGGLE_SIZE_STRUCTURE[size], 
+    // Style from INTERACTIVE recipe
+    recipe.base, recipe.states.hover, recipe.states.active, recipe.states.focus, recipe.states.selected, recipe.states.disabled, recipe.states.invalid, recipe.sizes?.[size], recipe.motion.transition, className);
+    // Gesture layer: if theme provides gesture config, wrap Radix primitive with motion for spring physics
+    if (recipe.gesture) {
+        const { onDrag, onDragStart, onDragEnd, onAnimationStart, onAnimationEnd, ...motionSafeProps } = props;
+        return (_jsx(MotionToggle, { "data-slot": "toggle", className: classes, whileHover: recipe.gesture.whileHover, whileTap: recipe.gesture.whileTap, whileFocus: recipe.gesture.whileFocus, transition: recipe.gesture.transition, ...motionSafeProps }));
+    }
+    return (_jsx(TogglePrimitive.Root, { ref: ref, "data-slot": "toggle", className: classes, ...props }));
+});
+export { Toggle };
+//# sourceMappingURL=toggle.js.map

package/dist/esm/components/form/controls/boolean/toggle.js.map

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

package/dist/esm/components/form/controls/date-time/calendar.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import type { CalendarProps, CalendarDayButtonProps } from '@wildo-ai/saas-frontend-lib';
+declare const Calendar: React.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: CalendarDayButtonProps): React.JSX.Element;
+export { Calendar, CalendarDayButton };
+//# sourceMappingURL=calendar.d.ts.map

package/dist/esm/components/form/controls/date-time/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/date-time/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAuBxF,QAAA,MAAM,QAAQ,mGAiLZ,CAAA;AAoBF,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsD5C;AAID,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA"}