@groupteknology/vuno 2.0.0 → 4.0.0

package/dist/runtime/app/theme/index.d.ts

@@ -1,1168 +1,3425 @@
 export { defaultIcons } from './icons.js';
 export { defaultMessages } from './messages.js';
-/**
- * Tema por defecto. Solo aporta geometría (ancho, grid, espaciado) y
- * utilidades semánticas de Nuxt UI; ningún color, radio ni tipografía
- * literal, de modo que el proyecto que consume el módulo sigue mandando
- * a través de `ui.colors`, `--ui-radius` y compañía.
- *
- * Las claves `field*` describen los slots del componente de Nuxt UI que
- * cada campo envuelve. Los controles de caja ocupan todo el ancho porque el
- * grid interno de formularios decide el ancho del campo; el interruptor conserva el
- * ancho intrínseco de su variante dentro de esa celda.
- */
 export declare const defaultTheme: {
+    treeView: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly nodeLabel: "py-[7px]";
+            };
+            readonly leaf: "true";
+            readonly size: "sm";
+        }, {
+            readonly class: {
+                readonly nodeLabel: "py-0";
+            };
+            readonly leaf: "true";
+            readonly size: "xs";
+        }, {
+            readonly class: {
+                readonly toggle: "me-0";
+            };
+            readonly leaf: "false";
+            readonly withIcon: "true";
+        }, {
+            readonly class: {
+                readonly nodeLabel: "hover:bg-(--vuno-layer-selected-hover-01)";
+            };
+            readonly disabled: "false";
+            readonly selected: "true";
+        }];
+        readonly slots: {
+            readonly details: "flex min-w-0 items-center";
+            readonly group: "m-0 list-none p-0";
+            readonly icon: "mx-2 size-4 min-h-4 min-w-4 shrink-0 text-(--vuno-icon-secondary)";
+            readonly node: "group m-0 block list-none bg-(--vuno-layer-01) text-(--vuno-text-secondary) no-underline outline-none";
+            readonly nodeLabel: "group/label relative box-border flex w-full flex-1 items-center pe-4 text-sm leading-[1.125rem] tracking-[0.16px]";
+            readonly nodeLink: "m-0 flex list-none flex-col bg-(--vuno-layer-01)";
+            readonly root: "m-0 list-none overflow-hidden p-0";
+            readonly text: "block overflow-hidden ps-1 leading-[1.2] text-ellipsis whitespace-nowrap";
+            readonly toggle: "flex size-6 shrink-0 items-center border-0 -ms-1 me-1 ps-1";
+            readonly toggleIcon: "size-4 shrink-0 -rotate-90 text-(--vuno-icon-secondary) transition-transform duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) motion-reduce:transition-none";
+        };
+        readonly variants: {
+            readonly active: {
+                readonly false: {};
+                readonly true: {
+                    readonly nodeLabel: "before:absolute before:inset-y-0 before:start-0 before:w-1 before:bg-(--vuno-interactive) before:content-['']";
+                };
+            };
+            readonly disabled: {
+                readonly false: {
+                    readonly details: "group-hover/label:text-(--vuno-text-primary)";
+                    readonly icon: "group-hover/label:text-(--vuno-icon-primary)";
+                    readonly node: "hover:cursor-pointer";
+                    readonly nodeLabel: "hover:bg-(--vuno-layer-hover-01) hover:text-(--vuno-text-primary) [.group:focus>&]:outline-solid [.group:focus>&]:outline-2 [.group:focus>&]:-outline-offset-2 [.group:focus>&]:outline-(--vuno-focus)";
+                    readonly toggle: "hover:cursor-pointer";
+                    readonly toggleIcon: "group-hover/label:text-(--vuno-icon-primary)";
+                };
+                readonly true: {
+                    readonly icon: "text-(--vuno-icon-disabled)";
+                    readonly node: "cursor-not-allowed bg-(--vuno-field-01) text-(--vuno-text-disabled)";
+                    readonly nodeLabel: "text-(--vuno-text-disabled)";
+                    readonly toggle: "cursor-not-allowed";
+                    readonly toggleIcon: "text-(--vuno-icon-disabled)";
+                };
+            };
+            readonly expanded: {
+                readonly false: {};
+                readonly true: {
+                    readonly toggleIcon: "rotate-0";
+                };
+            };
+            readonly leaf: {
+                readonly false: {
+                    readonly icon: "ms-1";
+                };
+                readonly true: {
+                    readonly node: "flex";
+                };
+            };
+            readonly selected: {
+                readonly false: {};
+                readonly true: {
+                    readonly icon: "text-(--vuno-icon-primary)";
+                    readonly nodeLabel: "bg-(--vuno-layer-selected-01) text-(--vuno-text-primary)";
+                    readonly toggleIcon: "text-(--vuno-icon-primary)";
+                };
+            };
+            readonly size: {
+                readonly xs: {
+                    readonly nodeLabel: "min-h-6";
+                };
+                readonly sm: {
+                    readonly nodeLabel: "min-h-8";
+                };
+            };
+            readonly withIcon: {
+                readonly false: {};
+                readonly true: {};
+            };
+        };
+    };
     tooltip: {
         readonly slots: {
-            readonly arrow: "size-2 rotate-45 bg-vuno-surface-inverse";
-            readonly content: "z-50 max-w-xs rounded-sm bg-vuno-surface-inverse px-2 py-1 text-xs font-medium text-vuno-inverse shadow-sm select-none";
+            readonly caret: "pointer-events-none absolute bg-(--tooltip-surface)";
+            readonly content: "z-floating w-max max-w-72 rounded-[2px] bg-(--tooltip-surface) p-4 text-sm leading-5 font-normal tracking-[0.16px] break-words text-(--tooltip-text) before:absolute before:content-[''] [--tooltip-surface:var(--vuno-layer-01)] [--tooltip-text:var(--vuno-text-primary)]";
+        };
+        readonly variants: {
+            readonly dropShadow: {
+                readonly false: {};
+                readonly true: {
+                    readonly content: "drop-shadow-[0_2px_2px_rgb(0_0_0/0.2)]";
+                };
+            };
+            readonly highContrast: {
+                readonly false: {};
+                readonly true: {
+                    readonly content: "[--tooltip-surface:var(--vuno-background-inverse)] [--tooltip-text:var(--vuno-text-inverse)]";
+                };
+            };
+            readonly open: {
+                readonly false: {
+                    readonly content: "hidden";
+                };
+                readonly true: {};
+            };
+            readonly side: {
+                readonly bottom: {
+                    readonly caret: "h-1.5 w-3 [clip-path:polygon(0%_100%,50%_0%,100%_100%)]";
+                    readonly content: "before:inset-x-0 before:top-0 before:h-3 before:-translate-y-full";
+                };
+                readonly left: {
+                    readonly caret: "h-3 w-1.5 [clip-path:polygon(0%_0%,100%_50%,0%_100%)]";
+                    readonly content: "before:inset-y-0 before:end-0 before:w-3 before:translate-x-full";
+                };
+                readonly right: {
+                    readonly caret: "h-3 w-1.5 [clip-path:polygon(0%_50%,100%_0%,100%_100%)]";
+                    readonly content: "before:inset-y-0 before:start-0 before:w-3 before:-translate-x-full";
+                };
+                readonly top: {
+                    readonly caret: "h-1.5 w-3 [clip-path:polygon(0%_0%,50%_100%,100%_0%)]";
+                    readonly content: "before:inset-x-0 before:bottom-0 before:h-3 before:translate-y-full";
+                };
+            };
+        };
+    };
+    toggletip: {
+        readonly slots: {
+            readonly actions: "flex items-center justify-between gap-x-4";
+            readonly button: "inline-flex min-h-6 min-w-6 cursor-pointer items-center justify-center border-0 bg-transparent p-0 text-(--vuno-icon-secondary) outline-none hover:text-(--vuno-icon-primary) focus:outline-1 focus:outline-(--vuno-focus) contrast-more:focus:outline-dotted";
+            readonly caret: "pointer-events-none absolute bg-(--toggletip-caret-surface)";
+            readonly content: "z-floating grid w-max max-w-72 gap-y-4 rounded-[2px] bg-(--toggletip-surface) p-4 text-[0.875rem]/[1.25rem] tracking-[0.16px] text-(--vuno-text-inverse) outline-none [--vuno-focus:var(--vuno-focus-inverse)] [--vuno-link-primary:var(--vuno-link-inverse)] [--vuno-link-primary-hover:var(--vuno-link-inverse-hover)] [--vuno-link-visited:var(--vuno-link-inverse-visited)] [--toggletip-caret-surface:var(--toggletip-surface)] [--toggletip-surface:var(--vuno-background-inverse)]";
+            readonly icon: "size-4";
+            readonly root: "inline-flex";
+        };
+        readonly variants: {
+            readonly open: {
+                readonly false: {};
+                readonly true: {
+                    readonly button: "text-(--vuno-icon-primary)";
+                };
+            };
+            readonly side: {
+                readonly bottom: {
+                    readonly caret: "h-1.5 w-3 [clip-path:polygon(0%_100%,50%_0%,100%_100%)]";
+                };
+                readonly left: {
+                    readonly caret: "h-3 w-1.5 [clip-path:polygon(0%_0%,100%_50%,0%_100%)]";
+                };
+                readonly right: {
+                    readonly caret: "h-3 w-1.5 [clip-path:polygon(0%_50%,100%_0%,100%_100%)]";
+                };
+                readonly top: {
+                    readonly caret: "h-1.5 w-3 [clip-path:polygon(0%_0%,50%_100%,100%_0%)]";
+                };
+            };
+        };
+    };
+    toggle: {
+        readonly slots: {
+            readonly appearance: "inline-grid cursor-pointer grid-cols-[max-content_max-content] items-center gap-x-2";
+            readonly check: "pointer-events-none invisible absolute top-1.5 end-[5px] h-[5px] w-[6px] fill-(--vuno-support-success) peer-checked:visible";
+            readonly field: "relative inline-flex";
+            readonly labelText: "mb-4 block text-xs leading-4 font-normal tracking-[0.32px] text-(--vuno-text-secondary)";
+            readonly root: "inline-block select-none";
+            readonly switch: "peer h-6 w-12 shrink-0 cursor-pointer appearance-none rounded-full bg-(--vuno-toggle-off) transition-colors duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) checked:bg-(--vuno-support-success) focus:outline-solid focus:outline-2 focus:outline-offset-1 focus:outline-(--vuno-focus) motion-reduce:transition-none forced-colors:[outline:1px_solid_transparent] forced-colors:checked:bg-[Highlight] forced-colors:focus:outline-solid forced-colors:focus:outline-1 forced-colors:focus:outline-[Highlight]";
+            readonly text: "text-sm leading-5 tracking-[0.16px] text-(--vuno-text-primary)";
+            readonly thumb: "pointer-events-none absolute top-[3px] start-[3px] size-[1.125rem] rounded-full bg-(--vuno-icon-on-color) transition-transform duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) peer-checked:translate-x-6 motion-reduce:transition-none rtl:peer-checked:-translate-x-6 forced-colors:[outline:1px_solid_transparent]";
+        };
+        readonly variants: {
+            readonly disabled: {
+                readonly false: {};
+                readonly true: {
+                    readonly appearance: "cursor-not-allowed";
+                    readonly check: "fill-(--vuno-button-disabled)";
+                    readonly labelText: "text-(--vuno-text-disabled)";
+                    readonly switch: "cursor-not-allowed bg-(--vuno-button-disabled) checked:bg-(--vuno-button-disabled)";
+                    readonly text: "text-(--vuno-text-disabled)";
+                    readonly thumb: "bg-(--vuno-icon-on-color-disabled)";
+                };
+            };
+            readonly hideLabel: {
+                readonly false: {};
+                readonly true: {
+                    readonly labelText: "sr-only";
+                };
+            };
+            readonly readonly: {
+                readonly false: {};
+                readonly true: {
+                    readonly appearance: "cursor-default";
+                    readonly switch: "cursor-default border border-(--vuno-icon-disabled) bg-transparent checked:bg-transparent";
+                    readonly text: "cursor-text select-text";
+                    readonly thumb: "bg-(--vuno-icon-primary)";
+                };
+            };
+            readonly size: {
+                readonly sm: {
+                    readonly switch: "h-4 w-8";
+                    readonly thumb: "size-[0.625rem] peer-checked:translate-x-4 rtl:peer-checked:-translate-x-4";
+                };
+                readonly md: {};
+            };
+        };
+    };
+    timePicker: {
+        readonly slots: {
+            readonly arrow: "pointer-events-none absolute top-1/2 end-4 size-4 -translate-y-1/2 text-(--vuno-icon-primary)";
+            readonly field: "relative flex flex-col";
+            readonly input: "block w-[4.875rem] appearance-none rounded-none border-0 border-b border-(--vuno-border-strong-01) bg-(--vuno-field-01) px-4 py-0 font-mono text-sm leading-5 tracking-[0.32px] text-(--vuno-text-primary) caret-(--vuno-text-primary) outline-none transition-[background-color,outline] duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) placeholder:text-(--vuno-text-placeholder) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) disabled:cursor-not-allowed disabled:bg-(--vuno-field-01) disabled:text-(--vuno-text-disabled) disabled:outline-none disabled:[-webkit-text-fill-color:var(--vuno-text-disabled)] disabled:placeholder:text-(--vuno-text-disabled) motion-reduce:transition-none";
+            readonly label: "";
+            readonly message: "mt-1 w-full text-xs leading-4 tracking-[0.16px] break-words text-(--vuno-text-primary)";
+            readonly picker: "flex items-end";
+            readonly select: "block w-auto cursor-pointer appearance-none rounded-none border-0 border-b border-(--vuno-border-strong-01) bg-(--vuno-field-01) ps-4 pe-12 text-sm leading-none tracking-[0.16px] text-ellipsis text-(--vuno-text-primary) opacity-100 outline-none transition-[outline] duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) not-disabled:hover:bg-(--vuno-field-hover-01) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) disabled:cursor-not-allowed disabled:border-transparent disabled:bg-(--vuno-field-01) disabled:text-(--vuno-text-disabled) motion-reduce:transition-none";
+            readonly selectField: "relative flex items-center";
+            readonly selectLabel: "";
+            readonly selectOption: "bg-(--vuno-layer-hover-01) text-(--vuno-text-primary) disabled:text-(--vuno-text-disabled)";
+            readonly selectRoot: "ms-0.5 flex flex-col items-start justify-center";
+            readonly stateIcon: "pointer-events-none absolute top-1/2 end-4 size-4 -translate-y-1/2";
+            readonly wrapper: "flex w-full flex-auto flex-col items-start";
+        };
+        readonly variants: {
+            readonly disabled: {
+                readonly false: {};
+                readonly true: {
+                    readonly arrow: "text-(--vuno-icon-disabled)";
+                };
+            };
+            readonly invalid: {
+                readonly false: {};
+                readonly true: {
+                    readonly input: "w-[6.175rem] outline-solid outline-2 -outline-offset-2 outline-(--vuno-support-error)";
+                    readonly message: "text-(--vuno-text-error)";
+                    readonly stateIcon: "text-(--vuno-support-error)";
+                };
+            };
+            readonly readOnly: {
+                readonly false: {};
+                readonly true: {
+                    readonly arrow: "text-(--vuno-icon-disabled)";
+                    readonly input: "border-(--vuno-border-subtle-00) bg-transparent";
+                    readonly select: "cursor-default border-(--vuno-border-subtle-00) bg-transparent not-disabled:hover:bg-transparent";
+                };
+            };
+            readonly size: {
+                readonly sm: {
+                    readonly input: "h-8";
+                    readonly select: "h-8";
+                };
+                readonly md: {
+                    readonly input: "h-10";
+                    readonly select: "h-10";
+                };
+                readonly lg: {
+                    readonly input: "h-12";
+                    readonly select: "h-12";
+                };
+            };
+            readonly warn: {
+                readonly false: {};
+                readonly true: {
+                    readonly input: "w-[6.175rem]";
+                    readonly stateIcon: "text-(--vuno-support-warning)";
+                };
+            };
+        };
+    };
+    tile: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly root: "cursor-pointer hover:bg-(--vuno-layer-hover-01)";
+            };
+            readonly disabled: "false";
+            readonly interactive: "true";
+        }, {
+            readonly class: {
+                readonly chevron: "cursor-pointer hover:bg-(--vuno-layer-hover-01) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus)";
+            };
+            readonly disabled: "false";
+            readonly interactive: "false";
+            readonly variant: "expandable";
+        }, {
+            readonly class: {
+                readonly chevron: "cursor-not-allowed";
+                readonly root: "cursor-default";
+            };
+            readonly disabled: "true";
+            readonly interactive: "false";
+            readonly variant: "expandable";
+        }, {
+            readonly class: {
+                readonly checkmarkIcon: "text-(--vuno-icon-disabled)";
+                readonly root: "border-(--vuno-border-disabled)";
+            };
+            readonly disabled: "true";
+            readonly selected: "true";
+        }];
+        readonly slots: {
+            readonly above: "block";
+            readonly below: "block";
+            readonly checkmark: "absolute end-4 top-4 flex h-4 items-center text-(--vuno-icon-secondary) transition-colors duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) motion-reduce:transition-none";
+            readonly checkmarkIcon: "size-4";
+            readonly chevron: "absolute end-0 bottom-0 flex h-12 min-w-12 items-center justify-end gap-2 px-4 text-(--vuno-icon-primary)";
+            readonly chevronIcon: "size-4 shrink-0 transition-transform duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) motion-reduce:transition-none";
+            readonly chevronLabel: "text-sm/[1.125rem] tracking-[0.16px] whitespace-nowrap text-(--vuno-text-primary)";
+            readonly group: "m-0 border-0 p-0";
+            readonly icon: "absolute end-3 bottom-3 size-5 text-(--vuno-icon-interactive)";
+            readonly input: "sr-only";
+            readonly legend: "mb-2 text-xs/[1rem] tracking-[0.32px] text-(--vuno-text-secondary) in-[:disabled]:text-(--vuno-text-disabled)";
+            readonly options: "grid";
+            readonly panel: "block w-full overflow-hidden opacity-0 transition-all transition-discrete duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) motion-reduce:transition-none";
+            readonly root: "relative m-0 block min-h-16 min-w-32 border-transparent bg-(--vuno-layer-01) p-4 text-start text-sm/[1.125rem] font-normal tracking-[0.16px] text-(--vuno-text-primary) no-underline outline-solid outline-2 -outline-offset-2 outline-transparent focus:outline-(--vuno-focus)";
+        };
+        readonly variants: {
+            readonly disabled: {
+                readonly false: {};
+                readonly true: {
+                    readonly checkmarkIcon: "text-(--vuno-icon-disabled)";
+                    readonly chevronIcon: "text-(--vuno-icon-disabled)";
+                    readonly chevronLabel: "text-(--vuno-text-disabled)";
+                    readonly icon: "hidden";
+                    readonly root: "cursor-not-allowed text-(--vuno-text-disabled)";
+                };
+            };
+            readonly expanded: {
+                readonly false: {
+                    readonly panel: "hidden max-h-0";
+                };
+                readonly true: {
+                    readonly chevronIcon: "rotate-180";
+                    readonly panel: "max-h-fit overflow-visible opacity-100 starting:max-h-0 starting:opacity-0";
+                };
+            };
+            readonly interactive: {
+                readonly false: {};
+                readonly true: {
+                    readonly root: "transition-colors duration-(--vuno-duration-moderate-01) ease-(--vuno-easing-standard-productive) motion-reduce:transition-none";
+                };
+            };
+            readonly selected: {
+                readonly false: {};
+                readonly true: {
+                    readonly checkmarkIcon: "text-(--vuno-icon-primary)";
+                    readonly root: "border border-(--vuno-layer-selected-inverse)";
+                };
+            };
+            readonly variant: {
+                readonly clickable: {
+                    readonly root: "hover:no-underline";
+                };
+                readonly expandable: {
+                    readonly root: "w-full";
+                };
+                readonly selectable: {
+                    readonly root: "border pe-12 has-[input:focus]:outline-(--vuno-focus)";
+                };
+            };
+        };
+    };
+    textInput: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly input: "pe-[calc(var(--vuno-text-input-height)+1.5rem)]";
+                readonly stateIcon: "end-(--vuno-text-input-height)";
+            };
+            readonly invalid: "true";
+            readonly passwordToggle: "true";
+        }, {
+            readonly class: {
+                readonly input: "pe-[calc(var(--vuno-text-input-height)+1.5rem)]";
+                readonly stateIcon: "end-(--vuno-text-input-height)";
+            };
+            readonly passwordToggle: "true";
+            readonly warn: "true";
+        }, {
+            readonly class: {
+                readonly divider: "block";
+                readonly field: "not-focus-within:outline-solid not-focus-within:outline-2 not-focus-within:-outline-offset-2 not-focus-within:outline-(--vuno-support-error)";
+                readonly input: "border-b-0 pe-4 outline-none";
+            };
+            readonly fluid: "true";
+            readonly invalid: "true";
+        }, {
+            readonly class: {
+                readonly divider: "block";
+                readonly field: "border-b border-(--vuno-border-strong-01)";
+                readonly input: "border-b-0 pe-4";
+            };
+            readonly fluid: "true";
+            readonly warn: "true";
+        }, {
+            readonly class: {
+                readonly stateIcon: "top-20 translate-y-0";
+            };
+            readonly fluid: "true";
+            readonly invalid: "true";
+        }, {
+            readonly class: {
+                readonly stateIcon: "top-20 translate-y-0";
+            };
+            readonly fluid: "true";
+            readonly warn: "true";
+        }, {
+            readonly class: {
+                readonly message: "text-(--vuno-text-error)";
+            };
+            readonly inline: "true";
+            readonly invalid: "true";
+        }, {
+            readonly class: {
+                readonly input: "pe-10";
+                readonly stateIcon: "end-4";
+                readonly toggle: "top-[26px] end-2 size-8";
+            };
+            readonly fluid: "true";
+            readonly passwordToggle: "true";
+        }, {
+            readonly class: {
+                readonly input: "text-(--vuno-text-secondary)";
+                readonly wrapper: "bg-transparent";
+            };
+            readonly fluid: "true";
+            readonly readOnly: "true";
+        }];
+        readonly slots: {
+            readonly announcer: "sr-only";
+            readonly counter: "mb-2 shrink-0 text-xs leading-4 font-normal tracking-[0.16px] whitespace-nowrap text-(--vuno-text-secondary)";
+            readonly decorator: "absolute top-1/2 end-4 flex -translate-y-1/2 items-center";
+            readonly divider: "mx-4 hidden border-t border-(--vuno-border-subtle-01)";
+            readonly field: "relative flex w-full";
+            readonly fieldOuter: "flex w-full flex-auto flex-col items-start";
+            readonly helper: "z-0 mt-1 w-full text-xs leading-4 tracking-[0.16px] text-(--vuno-text-helper) [fieldset:disabled_&]:text-(--vuno-text-disabled)";
+            readonly icon: "pointer-events-none absolute top-1/2 start-4 size-4 -translate-y-1/2 text-(--vuno-icon-secondary)";
+            readonly input: "block h-(--vuno-text-input-height) w-full min-w-0 appearance-none rounded-none border-0 border-b border-(--vuno-border-strong-01) bg-(--vuno-field-01) px-4 py-0 text-sm leading-[1.125rem] tracking-normal text-(--vuno-text-primary) caret-(--vuno-text-primary) outline-none transition-[background-color,outline] duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) placeholder:text-(--vuno-text-placeholder) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) disabled:cursor-not-allowed disabled:bg-(--vuno-field-01) disabled:text-(--vuno-text-disabled) disabled:outline-none disabled:[-webkit-text-fill-color:var(--vuno-text-disabled)] disabled:placeholder:text-(--vuno-text-disabled) motion-reduce:transition-none [[data-decorator]_&]:pe-10";
+            readonly label: "";
+            readonly labelWrapper: "flex w-full justify-between";
+            readonly message: "mt-1 w-full text-xs leading-4 tracking-[0.16px] break-words text-(--vuno-text-primary)";
+            readonly stateIcon: "pointer-events-none absolute top-1/2 end-4 size-4 -translate-y-1/2";
+            readonly toggle: "absolute end-0 top-0 flex size-(--vuno-text-input-height) cursor-pointer items-center justify-center border-0 bg-transparent p-0 text-(--vuno-icon-primary) transition-[outline] duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) disabled:cursor-not-allowed disabled:text-(--vuno-icon-disabled) motion-reduce:transition-none";
+            readonly toggleIcon: "size-4";
+            readonly wrapper: "flex w-full flex-auto flex-col items-start";
+        };
+        readonly variants: {
+            readonly disabled: {
+                readonly false: {};
+                readonly true: {
+                    readonly counter: "text-(--vuno-text-disabled)";
+                    readonly helper: "text-(--vuno-text-disabled)";
+                };
+            };
+            readonly fluid: {
+                readonly false: {};
+                readonly true: {
+                    readonly counter: "absolute top-[13px] end-4 z-1 mb-0 flex h-4 items-center";
+                    readonly field: "block w-full focus-within:outline-solid focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-(--vuno-focus)";
+                    readonly input: "h-auto min-h-16 pt-8 pb-[13px] focus:outline-none";
+                    readonly label: "absolute top-[13px] start-4 z-1 mb-0 flex h-4 items-center overflow-x-auto whitespace-nowrap";
+                    readonly message: "mt-0 px-4 py-2 pe-10";
+                    readonly wrapper: "relative bg-(--vuno-field-01)";
+                };
+            };
+            readonly inline: {
+                readonly false: {};
+                readonly true: {
+                    readonly fieldOuter: "flex-[8]";
+                    readonly helper: "mt-0.5";
+                    readonly label: "mb-0 flex-initial break-words";
+                    readonly labelWrapper: "w-auto max-w-[142px] flex-initial break-words first-of-type:me-2 last-of-type:ms-2";
+                    readonly message: "mt-0 block max-h-50 overflow-visible font-normal";
+                    readonly wrapper: "flex-row flex-nowrap items-center";
+                };
+            };
+            readonly invalid: {
+                readonly false: {};
+                readonly true: {
+                    readonly input: "pe-10 outline-solid outline-2 -outline-offset-2 outline-(--vuno-support-error) [[data-decorator]_&]:pe-16";
+                    readonly message: "text-(--vuno-text-error)";
+                    readonly stateIcon: "text-(--vuno-support-error) [[data-decorator]_&]:end-10";
+                };
+            };
+            readonly leading: {
+                readonly false: {};
+                readonly true: {
+                    readonly input: "ps-10";
+                };
+            };
+            readonly passwordToggle: {
+                readonly false: {};
+                readonly true: {
+                    readonly input: "pe-(--vuno-text-input-height)";
+                };
+            };
+            readonly readOnly: {
+                readonly false: {};
+                readonly true: {
+                    readonly input: "border-(--vuno-border-subtle-00) bg-transparent";
+                };
+            };
+            readonly size: {
+                readonly xs: {
+                    readonly field: "[--vuno-text-input-height:1.5rem]";
+                };
+                readonly sm: {
+                    readonly field: "[--vuno-text-input-height:2rem]";
+                };
+                readonly md: {
+                    readonly field: "[--vuno-text-input-height:2.5rem]";
+                };
+                readonly lg: {
+                    readonly field: "[--vuno-text-input-height:3rem]";
+                };
+            };
+            readonly warn: {
+                readonly false: {};
+                readonly true: {
+                    readonly input: "pe-10 [[data-decorator]_&]:pe-16";
+                    readonly stateIcon: "text-(--vuno-support-warning) [[data-decorator]_&]:end-10";
+                };
+            };
+        };
+    };
+    textArea: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly divider: "block";
+                readonly message: "border-b-0";
+                readonly textarea: "mt-[30px] resize-none border-b-0 px-[14px] outline-none";
+                readonly wrapper: "not-focus-within:border-2 not-focus-within:border-(--vuno-support-error)";
+            };
+            readonly fluid: "true";
+            readonly invalid: "true";
+        }, {
+            readonly class: {
+                readonly divider: "block";
+                readonly message: "border-b border-(--vuno-border-strong-01) text-(--vuno-text-primary)";
+                readonly textarea: "resize-none border-b-0 pe-4";
+            };
+            readonly fluid: "true";
+            readonly warn: "true";
+        }];
+        readonly slots: {
+            readonly announcer: "sr-only";
+            readonly counter: "mb-2 shrink-0 text-xs leading-4 font-normal tracking-[0.16px] whitespace-nowrap text-(--vuno-text-secondary)";
+            readonly counterDescription: "sr-only";
+            readonly decorator: "absolute top-3 end-4 flex items-center";
+            readonly divider: "mx-4 hidden border-t border-(--vuno-border-subtle-01)";
+            readonly helper: "z-0 mt-1 w-full text-xs leading-4 tracking-[0.16px] text-(--vuno-text-helper) [fieldset:disabled_&]:text-(--vuno-text-disabled)";
+            readonly label: "";
+            readonly labelWrapper: "relative flex w-full justify-between";
+            readonly message: "mt-1 w-full text-xs leading-4 tracking-[0.16px] break-words text-(--vuno-text-primary)";
+            readonly root: "relative flex w-full flex-auto flex-col items-start";
+            readonly stateIcon: "pointer-events-none absolute top-3 end-4 size-4";
+            readonly textarea: "block max-h-[var(--vuno-text-area-max-height,none)] min-h-10 w-full min-w-40 resize-y rounded-none border-0 border-b border-(--vuno-border-strong-01) bg-(--vuno-field-01) px-4 py-[11px] text-sm leading-5 tracking-normal text-(--vuno-text-primary) caret-(--vuno-text-primary) outline-none transition-[background-color,outline] duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) placeholder:text-(--vuno-text-placeholder) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) disabled:cursor-not-allowed disabled:resize-none disabled:border-transparent disabled:bg-(--vuno-field-01) disabled:text-(--vuno-text-disabled) disabled:outline-none disabled:[-webkit-text-fill-color:var(--vuno-text-disabled)] disabled:placeholder:text-(--vuno-text-disabled) motion-reduce:transition-none [[data-decorator]_&]:pe-10";
+            readonly wrapper: "relative flex w-full max-w-full";
+        };
+        readonly variants: {
+            readonly cols: {
+                readonly false: {};
+                readonly true: {
+                    readonly root: "w-fit";
+                    readonly textarea: "w-auto";
+                    readonly wrapper: "w-auto";
+                };
+            };
+            readonly disabled: {
+                readonly false: {};
+                readonly true: {
+                    readonly counter: "text-(--vuno-text-disabled)";
+                    readonly helper: "text-(--vuno-text-disabled)";
+                };
+            };
+            readonly fluid: {
+                readonly false: {};
+                readonly true: {
+                    readonly counter: "absolute top-[13px] end-4 z-1 mb-0 flex h-4 items-center";
+                    readonly label: "absolute top-[13px] start-4 z-1 mb-0 flex h-4 items-center overflow-x-auto whitespace-nowrap";
+                    readonly message: "relative mt-0 max-h-50 overflow-visible bg-(--vuno-field-01) px-4 py-2 pe-10";
+                    readonly stateIcon: "top-2";
+                    readonly textarea: "mt-8 min-h-16 px-4 pt-0 pb-[13px] focus:outline-none";
+                    readonly wrapper: "flex-col bg-(--vuno-field-01) focus-within:outline-solid focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-(--vuno-focus)";
+                };
+            };
+            readonly invalid: {
+                readonly false: {};
+                readonly true: {
+                    readonly decorator: "end-10";
+                    readonly message: "text-(--vuno-text-error)";
+                    readonly stateIcon: "text-(--vuno-support-error)";
+                    readonly textarea: "pe-10 outline-solid outline-2 -outline-offset-2 outline-(--vuno-support-error) [[data-decorator]_&]:pe-16";
+                };
+            };
+            readonly readOnly: {
+                readonly false: {};
+                readonly true: {
+                    readonly textarea: "border-(--vuno-border-subtle-00) bg-transparent";
+                };
+            };
+            readonly warn: {
+                readonly false: {};
+                readonly true: {
+                    readonly decorator: "end-10";
+                    readonly stateIcon: "text-(--vuno-support-warning)";
+                    readonly textarea: "pe-10 [[data-decorator]_&]:pe-16";
+                };
+            };
+        };
+    };
+    tag: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly root: "bg-(--vuno-layer-selected-inverse) text-(--vuno-text-inverse) hover:bg-(--vuno-layer-selected-inverse)";
+            };
+            readonly kind: "selectable";
+            readonly selected: "true";
+        }, {
+            readonly class: {
+                readonly root: "py-0 pe-0";
+            };
+            readonly kind: "dismissible";
+        }, {
+            readonly class: {
+                readonly root: "ps-1";
+            };
+            readonly size: "md";
+            readonly withIcon: "true";
+        }, {
+            readonly class: {
+                readonly root: "ps-2";
+            };
+            readonly size: "lg";
+            readonly withIcon: "true";
+        }, {
+            readonly class: {
+                readonly close: "box-border bg-clip-content p-px";
+            };
+            readonly kind: "dismissible";
+            readonly type: "outline";
+        }, {
+            readonly class: {
+                readonly close: "cursor-not-allowed hover:bg-transparent";
+                readonly closeIcon: "fill-(--vuno-icon-disabled)";
+                readonly root: "bg-(--vuno-layer-01) text-(--vuno-text-disabled) shadow-none outline-none";
+            };
+            readonly disabled: "true";
+        }, {
+            readonly class: {
+                readonly root: "cursor-not-allowed";
+            };
+            readonly disabled: "true";
+            readonly kind: "readonly";
+        }, {
+            readonly class: {
+                readonly root: "cursor-not-allowed border-(--vuno-border-disabled) hover:bg-(--vuno-layer-01)";
+            };
+            readonly disabled: "true";
+            readonly kind: "operational";
+        }, {
+            readonly class: {
+                readonly root: "cursor-not-allowed border-(--vuno-border-disabled) hover:bg-(--vuno-layer-01)";
+            };
+            readonly disabled: "true";
+            readonly kind: "selectable";
+        }];
+        readonly slots: {
+            readonly close: "flex shrink-0 cursor-pointer items-center justify-center rounded-full border-0 bg-transparent p-0 text-current transition-[background-color,box-shadow] duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) hover:bg-(--vuno-tag-hover) focus:z-[99999] focus:shadow-[inset_0_0_0_1px_var(--vuno-tag-focus)] focus:outline-none motion-reduce:transition-none forced-colors:focus:text-[Highlight] forced-colors:focus:outline-solid forced-colors:focus:outline-1 forced-colors:focus:outline-[Highlight]";
+            readonly closeIcon: "size-4 fill-current";
+            readonly decorator: "ms-px inline-flex h-4 shrink-0 items-center justify-center text-current";
+            readonly icon: "me-1 size-4 shrink-0 fill-current";
+            readonly root: "inline-flex max-w-52 min-w-8 cursor-default items-center justify-center rounded-2xl border-0 bg-(--vuno-tag-background) align-middle text-xs leading-4 font-normal tracking-[0.32px] wrap-break-word text-(--vuno-tag-color) [--vuno-tag-focus:var(--vuno-focus)] forced-colors:[outline:1px_solid_transparent]";
+            readonly text: "block min-w-0 truncate";
+        };
+        readonly variants: {
+            readonly disabled: {
+                readonly false: {};
+                readonly true: {};
+            };
+            readonly kind: {
+                readonly dismissible: {};
+                readonly operational: {
+                    readonly root: "cursor-pointer border border-(--vuno-tag-border) hover:bg-(--vuno-tag-hover) focus:outline-solid focus:outline-2 focus:outline-offset-1 focus:outline-(--vuno-focus)";
+                };
+                readonly readonly: {};
+                readonly selectable: {
+                    readonly root: "cursor-pointer border border-(--vuno-border-inverse) bg-(--vuno-layer-01) text-(--vuno-text-primary) hover:bg-(--vuno-layer-hover-01) focus:outline-solid focus:outline-2 focus:outline-offset-1 focus:outline-(--vuno-focus)";
+                };
+            };
+            readonly selected: {
+                readonly false: {};
+                readonly true: {};
+            };
+            readonly size: {
+                readonly sm: {
+                    readonly close: "ms-[5px] size-[18px]";
+                    readonly root: "min-h-[18px] px-2";
+                };
+                readonly md: {
+                    readonly close: "ms-[2px] size-6";
+                    readonly root: "min-h-6 px-2";
+                };
+                readonly lg: {
+                    readonly close: "ms-[2px] size-8";
+                    readonly root: "min-h-8 px-3";
+                };
+            };
+            readonly type: {
+                readonly blue: {
+                    readonly root: "[--vuno-tag-background:var(--vuno-tag-background-blue)] [--vuno-tag-border:var(--vuno-tag-border-blue)] [--vuno-tag-color:var(--vuno-tag-color-blue)] [--vuno-tag-hover:var(--vuno-tag-hover-blue)]";
+                };
+                readonly 'cool-gray': {
+                    readonly root: "[--vuno-tag-background:var(--vuno-tag-background-cool-gray)] [--vuno-tag-border:var(--vuno-tag-border-cool-gray)] [--vuno-tag-color:var(--vuno-tag-color-cool-gray)] [--vuno-tag-hover:var(--vuno-tag-hover-cool-gray)]";
+                };
+                readonly cyan: {
+                    readonly root: "[--vuno-tag-background:var(--vuno-tag-background-cyan)] [--vuno-tag-border:var(--vuno-tag-border-cyan)] [--vuno-tag-color:var(--vuno-tag-color-cyan)] [--vuno-tag-hover:var(--vuno-tag-hover-cyan)]";
+                };
+                readonly gray: {
+                    readonly root: "[--vuno-tag-background:var(--vuno-tag-background-gray)] [--vuno-tag-border:var(--vuno-tag-border-gray)] [--vuno-tag-color:var(--vuno-tag-color-gray)] [--vuno-tag-hover:var(--vuno-tag-hover-gray)]";
+                };
+                readonly green: {
+                    readonly root: "[--vuno-tag-background:var(--vuno-tag-background-green)] [--vuno-tag-border:var(--vuno-tag-border-green)] [--vuno-tag-color:var(--vuno-tag-color-green)] [--vuno-tag-hover:var(--vuno-tag-hover-green)]";
+                };
+                readonly 'high-contrast': {
+                    readonly root: "[--vuno-tag-background:var(--vuno-background-inverse)] [--vuno-tag-color:var(--vuno-text-inverse)] [--vuno-tag-focus:var(--vuno-focus-inverse)] [--vuno-tag-hover:var(--vuno-background-inverse-hover)]";
+                };
+                readonly magenta: {
+                    readonly root: "[--vuno-tag-background:var(--vuno-tag-background-magenta)] [--vuno-tag-border:var(--vuno-tag-border-magenta)] [--vuno-tag-color:var(--vuno-tag-color-magenta)] [--vuno-tag-hover:var(--vuno-tag-hover-magenta)]";
+                };
+                readonly outline: {
+                    readonly root: "shadow-[inset_0_0_0_1px_var(--vuno-background-inverse)] [--vuno-tag-background:var(--vuno-background)] [--vuno-tag-color:var(--vuno-text-primary)] [--vuno-tag-hover:var(--vuno-layer-hover-01)]";
+                };
+                readonly purple: {
+                    readonly root: "[--vuno-tag-background:var(--vuno-tag-background-purple)] [--vuno-tag-border:var(--vuno-tag-border-purple)] [--vuno-tag-color:var(--vuno-tag-color-purple)] [--vuno-tag-hover:var(--vuno-tag-hover-purple)]";
+                };
+                readonly red: {
+                    readonly root: "[--vuno-tag-background:var(--vuno-tag-background-red)] [--vuno-tag-border:var(--vuno-tag-border-red)] [--vuno-tag-color:var(--vuno-tag-color-red)] [--vuno-tag-hover:var(--vuno-tag-hover-red)]";
+                };
+                readonly teal: {
+                    readonly root: "[--vuno-tag-background:var(--vuno-tag-background-teal)] [--vuno-tag-border:var(--vuno-tag-border-teal)] [--vuno-tag-color:var(--vuno-tag-color-teal)] [--vuno-tag-hover:var(--vuno-tag-hover-teal)]";
+                };
+                readonly 'warm-gray': {
+                    readonly root: "[--vuno-tag-background:var(--vuno-tag-background-warm-gray)] [--vuno-tag-border:var(--vuno-tag-border-warm-gray)] [--vuno-tag-color:var(--vuno-tag-color-warm-gray)] [--vuno-tag-hover:var(--vuno-tag-hover-warm-gray)]";
+                };
+            };
+            readonly withIcon: {
+                readonly false: {};
+                readonly true: {};
+            };
+        };
+    };
+    tabs: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly tab: "pe-[47px]";
+            };
+            readonly dismissable: "true";
+            readonly variant: "contained";
+        }, {
+            readonly class: {
+                readonly label: "[-webkit-line-clamp:1]";
+            };
+            readonly size: "sm";
+            readonly vertical: "true";
+        }];
+        readonly slots: {
+            readonly close: "relative -ms-[23px] flex items-center start-[-13px]";
+            readonly closeIcon: "flex size-6 shrink-0 cursor-pointer items-center justify-center border-0 bg-transparent p-1 text-(--vuno-text-secondary) outline-none hover:bg-(--vuno-layer-hover-01) hover:text-(--vuno-icon-primary) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) disabled:cursor-not-allowed disabled:bg-transparent disabled:text-(--vuno-icon-disabled) disabled:hover:bg-transparent";
+            readonly gradientBottom: "pointer-events-none absolute inset-x-0 bottom-0 z-1 h-16 [background-image:linear-gradient(to_bottom,transparent,var(--vuno-layer-01))]";
+            readonly gradientTop: "pointer-events-none absolute inset-x-0 top-0 z-1 h-16 [background-image:linear-gradient(to_top,transparent,var(--vuno-layer-01))]";
+            readonly icon: "flex shrink-0 items-center ps-2";
+            readonly iconLeft: "-mt-0.5 flex shrink-0 items-center pe-2";
+            readonly label: "overflow-hidden text-ellipsis";
+            readonly labelWrapper: "flex min-w-0 items-center";
+            readonly list: string;
+            readonly overflow: "relative flex w-10 shrink-0 cursor-pointer items-center justify-center border-0 bg-(--vuno-background) p-0 text-(--vuno-icon-primary) outline-none hover:bg-(--vuno-background-hover) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) active:bg-(--vuno-background-active)";
+            readonly panel: string;
+            readonly panels: "min-w-0";
+            readonly root: "min-w-0";
+            readonly secondaryLabel: "min-h-4 overflow-hidden text-xs leading-4 tracking-[0.32px] text-ellipsis";
+            readonly tab: string;
+            readonly tablist: "group/tabs flex w-auto min-w-0 items-stretch overflow-x-auto scroll-smooth [scrollbar-width:none] has-[[data-secondary-label]]:min-h-16 [&::-webkit-scrollbar]:hidden";
+        };
+        readonly variants: {
+            readonly dismissable: {
+                readonly false: {};
+                readonly true: {
+                    readonly tab: "pe-10";
+                };
+            };
+            readonly fullWidth: {
+                readonly false: {};
+                readonly true: {
+                    readonly icon: "lg:ms-auto";
+                    readonly label: "lg:overflow-hidden lg:text-ellipsis";
+                    readonly secondaryLabel: "lg:overflow-hidden lg:text-ellipsis";
+                    readonly tablist: "lg:grid lg:w-full lg:grid-cols-[repeat(auto-fit,minmax(0,1fr))]";
+                };
+            };
+            readonly size: {
+                readonly sm: {
+                    readonly list: "min-h-8";
+                    readonly tab: "min-h-8";
+                    readonly tablist: "min-h-8";
+                };
+                readonly md: {
+                    readonly list: "min-h-10";
+                    readonly tab: "min-h-10";
+                    readonly tablist: "min-h-10";
+                };
+                readonly lg: {
+                    readonly list: "min-h-12";
+                    readonly tab: "min-h-12";
+                    readonly tablist: "min-h-12";
+                };
+                readonly xl: {
+                    readonly list: "min-h-16";
+                    readonly tab: "min-h-16";
+                    readonly tablist: "min-h-16";
+                };
+            };
+            readonly variant: {
+                readonly contained: {
+                    readonly icon: "ps-4";
+                    readonly label: "leading-8 group-has-[[data-secondary-label]]/tabs:leading-[1.125rem]";
+                    readonly overflow: "w-12 bg-(--vuno-layer-accent-01) hover:bg-(--vuno-layer-accent-hover-01) active:bg-(--vuno-layer-accent-active-01)";
+                    readonly panel: "bg-(--vuno-layer-01)";
+                    readonly tab: string;
+                };
+                readonly line: {
+                    readonly labelWrapper: "relative top-px";
+                    readonly overflow: string;
+                };
+            };
+            readonly vertical: {
+                readonly false: {};
+                readonly true: {
+                    readonly label: "leading-[1.125rem] whitespace-normal [-webkit-box-orient:vertical] [-webkit-line-clamp:2] [display:-webkit-box]";
+                    readonly list: "col-span-2 max-h-none overflow-x-visible bg-(--vuno-layer-01) shadow-[inset_-1px_0_var(--vuno-border-subtle-00)] lg:col-span-4";
+                    readonly panel: "h-full";
+                    readonly panels: "-col-end-1 col-start-3 overflow-y-auto lg:col-start-5";
+                    readonly root: "grid grid-cols-[repeat(16,minmax(0,1fr))]";
+                    readonly tab: string;
+                    readonly tablist: "w-full flex-col overflow-x-visible overflow-y-auto";
+                };
+            };
+        };
+    };
+    structuredList: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly cell: "pb-2";
+            };
+            readonly head: "true";
+        }, {
+            readonly class: {
+                readonly cell: "px-4";
+            };
+            readonly selection: "true";
+        }, {
+            readonly class: {
+                readonly cell: "p-2";
+            };
+            readonly condensed: "true";
+        }, {
+            readonly class: {
+                readonly cell: "ps-0 pe-4 first:ps-0";
+            };
+            readonly flush: "true";
+        }, {
+            readonly class: {
+                readonly row: "hover:border-(--vuno-layer-selected-hover-01) hover:bg-(--vuno-layer-selected-hover-01)";
+            };
+            readonly selectable: "true";
+            readonly selected: "true";
+        }, {
+            readonly class: {
+                readonly cell: "text-(--vuno-text-disabled)";
+            };
+            readonly disabled: "true";
+        }];
+        readonly slots: {
+            readonly body: "table-row-group align-middle";
+            readonly cell: "relative table-cell max-w-[36rem] px-2 pt-4 pb-6 text-sm leading-5 tracking-[0.16px] text-(--vuno-text-secondary) transition-colors duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) first:ps-4 motion-reduce:transition-none";
+            readonly head: "table-header-group align-middle";
+            readonly icon: "mt-0.5 size-4 shrink-0 align-top";
+            readonly iconCell: "w-8 ps-4 pe-0";
+            readonly input: "sr-only";
+            readonly row: "group/row table-row border-t border-(--vuno-border-subtle-00) transition-colors duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) last:border-b motion-reduce:transition-none";
+            readonly wrapper: "table w-full border-collapse overflow-x-auto bg-transparent";
+        };
+        readonly variants: {
+            readonly condensed: {
+                readonly false: {};
+                readonly true: {};
+            };
+            readonly disabled: {
+                readonly false: {};
+                readonly true: {
+                    readonly icon: "text-(--vuno-icon-disabled)";
+                    readonly row: "cursor-not-allowed";
+                };
+            };
+            readonly flush: {
+                readonly false: {};
+                readonly true: {};
+            };
+            readonly head: {
+                readonly false: {};
+                readonly true: {
+                    readonly cell: "h-10 align-top text-sm leading-[1.125rem] font-semibold tracking-[0.16px] text-(--vuno-text-primary)";
+                    readonly row: "border-none";
+                };
+            };
+            readonly noWrap: {
+                readonly false: {};
+                readonly true: {
+                    readonly cell: "whitespace-nowrap";
+                };
+            };
+            readonly selectable: {
+                readonly false: {};
+                readonly true: {
+                    readonly cell: "group-hover/row:text-(--vuno-text-primary)";
+                    readonly row: "cursor-pointer border-b hover:border-(--vuno-layer-hover-01) hover:bg-(--vuno-layer-hover-01) has-[input:focus-visible]:outline-solid has-[input:focus-visible]:outline-2 has-[input:focus-visible]:-outline-offset-2 has-[input:focus-visible]:outline-(--vuno-focus)";
+                };
+            };
+            readonly selected: {
+                readonly false: {};
+                readonly true: {
+                    readonly cell: "text-(--vuno-text-primary)";
+                    readonly row: "border-(--vuno-layer-selected-01) bg-(--vuno-layer-selected-01)";
+                };
+            };
+            readonly selection: {
+                readonly false: {};
+                readonly true: {};
+            };
+        };
+    };
+    slider: {
+        readonly slots: {
+            readonly container: "relative flex w-full items-center gap-4 select-none";
+            readonly field: "w-full min-w-0";
+            readonly filledTrack: "pointer-events-none absolute h-0.5 -translate-y-1/2 bg-(--vuno-layer-selected-inverse) transition-colors duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) group-has-[[role=slider]:focus]:bg-(--vuno-border-interactive) motion-reduce:transition-none forced-colors:bg-[CanvasText]";
+            readonly input: "w-full min-w-0 bg-transparent tabular-nums outline-none [appearance:textfield] disabled:cursor-not-allowed disabled:text-(--vuno-text-disabled) [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none";
+            readonly inputBox: "w-16 shrink-0";
+            readonly inputWrapper: "relative";
+            readonly rangeLabel: "text-sm leading-[1.125rem] tracking-[0.16px] whitespace-nowrap text-(--vuno-text-primary)";
+            readonly slider: "group relative w-full max-w-160 min-w-0 cursor-pointer touch-none py-4";
+            readonly statusMessage: "mt-1 block text-xs leading-4 tracking-[0.32px] text-(--vuno-text-primary)";
+            readonly thumb: "group/thumb absolute z-3 size-3.5 -translate-x-1/2 -translate-y-1/2 rounded-full bg-(--vuno-layer-selected-inverse) shadow-[inset_0_0_0_1px_transparent,inset_0_0_0_2px_transparent] transition-[scale,background-color,box-shadow] duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) outline-none hover:scale-[1.4286] focus:scale-[1.4286] focus:bg-(--vuno-interactive) focus:shadow-[inset_0_0_0_2px_var(--vuno-interactive),inset_0_0_0_3px_var(--vuno-layer-01)] active:scale-[1.4286] active:shadow-[inset_0_0_0_2px_var(--vuno-interactive)] motion-reduce:transition-none rtl:translate-x-1/2 forced-colors:outline forced-colors:outline-transparent";
+            readonly thumbIcon: "pointer-events-none block h-6 w-4 fill-(--vuno-layer-selected-inverse) group-hover/thumb:fill-(--vuno-text-secondary) group-focus/thumb:hidden rtl:-scale-x-100";
+            readonly thumbIconFocus: "pointer-events-none hidden h-6 w-4 fill-(--vuno-interactive) group-focus/thumb:block rtl:-scale-x-100";
+            readonly thumbLower: "";
+            readonly thumbUpper: "";
+            readonly track: "absolute h-0.5 w-full -translate-y-1/2 bg-(--vuno-border-subtle-00) before:absolute before:start-1/2 before:-top-[5px] before:block before:h-1 before:w-0.5 before:-translate-x-1/2 before:bg-(--vuno-border-subtle-00) before:content-[''] forced-colors:bg-[CanvasText]";
+            readonly validation: "mt-1 block text-xs leading-4 tracking-[0.32px] text-(--vuno-text-primary)";
+            readonly validationIcon: "pointer-events-none absolute end-4 top-1/2 size-4 -translate-y-1/2 text-(--vuno-support-error)";
+        };
+        readonly variants: {
+            readonly disabled: {
+                readonly false: {};
+                readonly true: {
+                    readonly filledTrack: "bg-(--vuno-border-disabled)";
+                    readonly inputBox: "border-transparent";
+                    readonly rangeLabel: "text-(--vuno-text-disabled)";
+                    readonly slider: "cursor-not-allowed";
+                    readonly thumb: "bg-(--vuno-border-disabled) shadow-none hover:scale-100 focus:scale-100 focus:bg-(--vuno-border-disabled) focus:shadow-none active:scale-100 active:shadow-none";
+                    readonly thumbIcon: "fill-(--vuno-border-disabled)";
+                    readonly track: "bg-(--vuno-border-disabled)";
+                };
+            };
+            readonly invalid: {
+                readonly false: {};
+                readonly true: {
+                    readonly inputBox: "w-24 pe-12";
+                    readonly validation: "text-(--vuno-text-error)";
+                };
+            };
+            readonly range: {
+                readonly false: {};
+                readonly true: {
+                    readonly slider: "mx-1";
+                    readonly thumb: "size-auto h-6 w-4 -translate-x-0 rounded-none bg-transparent shadow-none before:absolute before:top-1/2 before:z-[-1] before:block before:h-0.5 before:w-1.5 before:-translate-y-1/2 before:bg-(--vuno-background) before:content-[''] hover:scale-100 focus:scale-100 focus:bg-transparent focus:shadow-none focus:before:w-full active:scale-100 active:shadow-none rtl:translate-x-0";
+                    readonly thumbLower: "-translate-x-full before:end-0 rtl:translate-x-full";
+                    readonly thumbUpper: "before:start-0";
+                };
+            };
+            readonly readOnly: {
+                readonly false: {};
+                readonly true: {
+                    readonly input: "cursor-default";
+                    readonly inputBox: "bg-transparent";
+                    readonly slider: "cursor-default";
+                    readonly thumb: "size-0 shadow-none before:hidden hover:scale-100 focus:scale-100 focus:shadow-none";
+                };
+            };
+            readonly warn: {
+                readonly false: {};
+                readonly true: {
+                    readonly inputBox: "w-24 pe-12";
+                    readonly validationIcon: "text-(--vuno-support-warning)";
+                };
+            };
+        };
+    };
+    skeleton: {
+        readonly slots: {
+            readonly paragraph: "flex w-full flex-col gap-2";
+            readonly root: "pointer-events-none relative m-0 border-0 p-0 shadow-none bg-(--vuno-skeleton-background) before:absolute before:top-0 before:start-0 before:block before:h-full before:w-full before:animate-[vuno-skeleton_3000ms_ease-in-out_infinite] before:bg-(--vuno-skeleton-element) before:content-[''] before:[will-change:transform-origin,transform,opacity] motion-reduce:before:animate-none forced-colors:bg-[CanvasText] forced-colors:before:bg-[Canvas] forced-colors:before:[forced-color-adjust:none]";
+        };
+        readonly variants: {
+            readonly heading: {
+                readonly false: {
+                    readonly root: "h-4";
+                };
+                readonly true: {
+                    readonly root: "h-6";
+                };
+            };
+            readonly kind: {
+                readonly icon: {
+                    readonly root: "inline-block h-4 w-4";
+                };
+                readonly placeholder: {
+                    readonly root: "block h-25 w-25";
+                };
+                readonly text: {
+                    readonly root: "block w-full";
+                };
+            };
+        };
+    };
+    sideNav: {
+        readonly compoundVariants: [{
+            readonly active: "true";
+            readonly class: {
+                readonly submenu: "relative bg-(--vuno-background-selected) text-(--vuno-text-primary) before:absolute before:inset-y-0 before:start-0 before:w-[3px] before:bg-(--vuno-border-interactive) before:content-['']";
+            };
+            readonly open: "false";
+        }, {
+            readonly class: {
+                readonly link: "font-semibold hover:bg-(--vuno-background-selected)";
+            };
+            readonly current: "true";
+            readonly inMenu: "true";
+        }, {
+            readonly class: {
+                readonly link: "ps-18";
+            };
+            readonly inMenu: "true";
+            readonly withIcon: "true";
+        }];
+        readonly slots: {
+            readonly divider: "mx-4 my-2 block h-px list-none bg-(--vuno-border-subtle-00)";
+            readonly headerNavigation: "m-0 hidden list-none p-0 max-[65.98rem]:relative max-[65.98rem]:mb-8 max-[65.98rem]:block [&_a]:min-h-8 [&_a]:justify-between [&_a]:whitespace-nowrap [&_[aria-expanded=true]]:bg-transparent [&_[aria-expanded=true]+ul]:relative [&_[aria-expanded=true]+ul]:bottom-auto [&_[aria-expanded=true]+ul]:w-full [&_[aria-expanded=true]+ul]:translate-y-0 [&_[aria-expanded=true]+ul]:bg-transparent [&_[aria-expanded=true]+ul]:shadow-none [&_[aria-expanded=true]+ul_a]:h-auto [&_[aria-expanded=true]+ul_a]:ps-17 [&_[data-current]]:after:h-[calc(100%+4px)] [&_[data-current]]:after:w-[3px]";
+            readonly icon: "me-6 flex flex-[0_0_1rem] items-center justify-center text-(--vuno-icon-secondary) [&>*]:size-4";
+            readonly item: "block h-auto w-auto overflow-hidden";
+            readonly items: "m-0 flex-1 list-none overflow-hidden p-0 pt-4";
+            readonly link: "group/link relative flex min-h-8 items-center px-4 text-sm leading-5 font-semibold tracking-[0.1px] no-underline transition-colors duration-(--vuno-duration-fast-02) outline-none hover:bg-(--vuno-background-hover) hover:text-(--vuno-text-primary) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus)";
+            readonly linkText: "overflow-hidden text-ellipsis whitespace-nowrap text-(--vuno-text-secondary) select-none group-hover/link:text-(--vuno-text-primary)";
+            readonly menu: "invisible m-0 block max-h-0 list-none overflow-hidden p-0";
+            readonly menuItem: "block";
+            readonly overlay: "fixed start-0 top-12 h-0 w-0 bg-transparent opacity-0 transition-[opacity,background-color] duration-300 ease-[cubic-bezier(0.5,0,0.1,1)]";
+            readonly root: "fixed inset-y-0 start-0 z-header flex w-12 max-w-64 flex-col overflow-hidden bg-(--vuno-background) text-(--vuno-text-secondary) transition-[width,transform] duration-[110ms] ease-[cubic-bezier(0.2,0,1,0.9)] will-change-[width] [&~[data-vuno-content]]:ms-12";
+            readonly submenu: "flex h-8 w-full cursor-pointer items-center border-0 bg-transparent px-4 text-start text-sm leading-[1.125rem] font-semibold tracking-[0.16px] text-(--vuno-text-secondary) transition-colors duration-(--vuno-duration-fast-02) outline-none select-none hover:bg-(--vuno-background-hover) hover:text-(--vuno-text-primary) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus)";
+            readonly submenuChevron: "flex flex-1 justify-end [&>*]:size-4 [&>*]:transition-transform [&>*]:duration-(--vuno-duration-fast-02)";
+            readonly submenuTitle: "overflow-hidden text-start text-ellipsis whitespace-nowrap";
+        };
+        readonly variants: {
+            readonly active: {
+                readonly false: {};
+                readonly true: {
+                    readonly icon: "text-(--vuno-icon-primary)";
+                    readonly submenu: "hover:bg-(--vuno-background-selected)";
+                    readonly submenuTitle: "font-semibold text-(--vuno-text-primary)";
+                };
+            };
+            readonly childOfHeader: {
+                readonly false: {};
+                readonly true: {
+                    readonly items: "overflow-y-auto";
+                    readonly root: "top-12 h-[calc(100%-3rem)]";
+                };
+            };
+            readonly current: {
+                readonly false: {};
+                readonly true: {
+                    readonly link: "relative bg-(--vuno-background-selected) text-(--vuno-text-primary) before:absolute before:inset-y-0 before:start-0 before:w-[3px] before:bg-(--vuno-border-interactive) before:content-[''] font-semibold";
+                    readonly linkText: "font-semibold text-(--vuno-text-primary)";
+                };
+            };
+            readonly expanded: {
+                readonly false: {};
+                readonly true: {
+                    readonly items: "overflow-y-auto";
+                    readonly overlay: "max-[65.98rem]:z-overlay max-[65.98rem]:h-screen max-[65.98rem]:w-screen max-[65.98rem]:bg-(--vuno-overlay) max-[65.98rem]:opacity-100";
+                    readonly root: "[&~[data-vuno-content]]:ms-64";
+                };
+            };
+            readonly hasDivider: {
+                readonly false: {};
+                readonly true: {
+                    readonly headerNavigation: "max-[65.98rem]:after:absolute max-[65.98rem]:after:bottom-[-1rem] max-[65.98rem]:after:start-4 max-[65.98rem]:after:h-px max-[65.98rem]:after:w-[calc(100%-2rem)] max-[65.98rem]:after:bg-(--vuno-border-subtle-00) max-[65.98rem]:after:content-['']";
+                };
+            };
+            readonly inMenu: {
+                readonly false: {};
+                readonly true: {
+                    readonly link: "h-8 min-h-8 ps-8 font-normal";
+                };
+            };
+            readonly large: {
+                readonly false: {};
+                readonly true: {
+                    readonly link: "h-12";
+                    readonly submenu: "h-12";
+                };
+            };
+            readonly open: {
+                readonly false: {};
+                readonly true: {
+                    readonly menu: "visible max-h-[1500px]";
+                    readonly submenuChevron: "[&>*]:rotate-180";
+                };
+            };
+            readonly width: {
+                readonly base: {
+                    readonly root: "w-12";
+                };
+                readonly collapsed: {
+                    readonly root: "w-64 -translate-x-64 rtl:translate-x-64";
+                };
+                readonly expanded: {
+                    readonly root: "w-64";
+                };
+                readonly hidden: {
+                    readonly root: "w-0";
+                };
+                readonly rail: {
+                    readonly root: "w-12";
+                };
+                readonly ux: {
+                    readonly root: "w-64 max-[65.98rem]:w-0";
+                };
+            };
+            readonly withIcon: {
+                readonly false: {};
+                readonly true: {};
+            };
+        };
+    };
+    select: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly select: "pe-14";
+            };
+            readonly inline: "true";
+            readonly invalid: "true";
+        }, {
+            readonly class: {
+                readonly select: "pe-14";
+            };
+            readonly inline: "true";
+            readonly warn: "true";
+        }];
+        readonly slots: {
+            readonly arrow: "pointer-events-none absolute top-1/2 end-4 size-4 -translate-y-1/2 text-(--vuno-icon-primary)";
+            readonly field: "relative flex w-full items-center";
+            readonly fieldGroup: "contents";
+            readonly helper: "z-0 mt-1 w-full text-xs leading-4 tracking-[0.32px] text-(--vuno-text-helper) [fieldset:disabled_&]:text-(--vuno-text-disabled)";
+            readonly message: "mt-1 w-full text-xs leading-4 tracking-[0.32px] break-words text-(--vuno-text-primary)";
+            readonly option: "bg-(--vuno-layer-hover-01) text-(--vuno-text-primary) disabled:text-(--vuno-text-disabled)";
+            readonly select: "block w-full cursor-pointer appearance-none rounded-none border-0 border-b border-(--vuno-border-strong-01) bg-(--vuno-field-01) ps-4 pe-12 text-sm leading-[1.125rem] tracking-[0.16px] text-ellipsis text-(--vuno-text-primary) opacity-100 outline-none transition-[outline] duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) not-disabled:hover:bg-(--vuno-field-hover-01) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) disabled:cursor-not-allowed disabled:border-transparent disabled:bg-(--vuno-field-01) disabled:text-(--vuno-text-disabled) motion-reduce:transition-none";
+            readonly stateIcon: "pointer-events-none absolute top-1/2 end-10 size-4 -translate-y-1/2";
+            readonly title: "";
+            readonly wrapper: "relative flex w-full flex-col items-start";
+        };
+        readonly variants: {
+            readonly disabled: {
+                readonly false: {};
+                readonly true: {
+                    readonly arrow: "text-(--vuno-icon-disabled)";
+                    readonly helper: "text-(--vuno-text-disabled)";
+                };
+            };
+            readonly inline: {
+                readonly false: {};
+                readonly true: {
+                    readonly arrow: "end-2";
+                    readonly fieldGroup: "flex min-w-0 flex-col";
+                    readonly helper: "mt-0 ms-2";
+                    readonly message: "mt-0 inline-flex w-full ps-2";
+                    readonly select: "border-b-0 bg-transparent ps-2 focus:bg-(--vuno-background) disabled:bg-(--vuno-background)";
+                    readonly stateIcon: "end-8";
+                    readonly title: "mb-0 me-2 whitespace-nowrap";
+                    readonly wrapper: "flex-row items-center";
+                };
+            };
+            readonly invalid: {
+                readonly false: {};
+                readonly true: {
+                    readonly message: "text-(--vuno-text-error)";
+                    readonly select: "pe-16 not-focus:outline-solid not-focus:outline-2 not-focus:-outline-offset-2 not-focus:outline-(--vuno-support-error)";
+                    readonly stateIcon: "text-(--vuno-support-error)";
+                };
+            };
+            readonly readOnly: {
+                readonly false: {};
+                readonly true: {
+                    readonly arrow: "text-(--vuno-icon-disabled)";
+                    readonly select: "cursor-default border-(--vuno-border-subtle-01) bg-transparent not-disabled:hover:bg-transparent";
+                };
+            };
+            readonly size: {
+                readonly xs: {
+                    readonly select: "h-6";
+                };
+                readonly sm: {
+                    readonly select: "h-8";
+                };
+                readonly md: {
+                    readonly select: "h-10";
+                };
+                readonly lg: {
+                    readonly select: "h-12";
+                };
+            };
+            readonly warn: {
+                readonly false: {};
+                readonly true: {
+                    readonly select: "pe-16";
+                    readonly stateIcon: "text-(--vuno-support-warning)";
+                };
+            };
+        };
+    };
+    search: {
+        readonly slots: {
+            readonly close: "visible absolute end-0 top-0 flex size-(--vuno-search-height) cursor-pointer items-center justify-center border border-transparent bg-clip-padding text-(--vuno-icon-primary) opacity-100 transition-[background-color,opacity,outline-color,visibility] duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) hover:bg-(--vuno-field-hover-01) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) active:bg-(--vuno-background-selected) active:outline-solid active:outline-2 active:-outline-offset-2 active:outline-(--vuno-focus) disabled:cursor-not-allowed disabled:text-(--vuno-icon-on-color-disabled) disabled:hover:bg-transparent motion-reduce:transition-none peer-focus:hover:bg-transparent peer-focus:hover:outline-none peer-focus:hover:after:absolute peer-focus:hover:after:inset-y-0.5 peer-focus:hover:after:start-0 peer-focus:hover:after:end-0.5 peer-focus:hover:after:bg-(--vuno-field-hover-01) peer-focus:hover:after:content-['']";
+            readonly closeIcon: "relative z-1 size-4";
+            readonly icon: "size-4 shrink-0";
+            readonly input: "peer order-1 m-0 h-(--vuno-search-height) w-full appearance-none rounded-none border-0 border-b border-(--vuno-border-strong-01) bg-(--vuno-field-01) px-(--vuno-search-height) text-sm leading-[1.125rem] tracking-normal text-ellipsis text-(--vuno-text-primary) outline-none transition-[background-color,outline-color] duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) placeholder:text-(--vuno-text-placeholder) placeholder:opacity-100 placeholder:transition-opacity placeholder:duration-(--vuno-duration-fast-01) placeholder:ease-(--vuno-easing-standard-productive) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) disabled:cursor-not-allowed disabled:border-transparent disabled:text-(--vuno-text-disabled) disabled:placeholder:text-(--vuno-field-01) motion-reduce:transition-none motion-reduce:placeholder:transition-none [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden [&::-webkit-search-results-button]:hidden [&::-webkit-search-results-decoration]:hidden";
+            readonly magnifier: "absolute inset-y-0 start-0 z-2 flex size-(--vuno-search-height) items-center justify-center text-(--vuno-icon-secondary)";
+            readonly root: "group relative flex w-full items-center";
+        };
+        readonly variants: {
+            readonly filled: {
+                readonly false: {
+                    readonly close: "invisible opacity-0";
+                };
+                readonly true: {};
+            };
+            readonly size: {
+                readonly xs: {
+                    readonly root: "[--vuno-search-height:1.5rem]";
+                };
+                readonly sm: {
+                    readonly root: "[--vuno-search-height:2rem]";
+                };
+                readonly md: {
+                    readonly root: "[--vuno-search-height:2.5rem]";
+                };
+                readonly lg: {
+                    readonly root: "[--vuno-search-height:3rem]";
+                };
+            };
+            readonly state: {
+                readonly collapsed: {
+                    readonly close: "invisible opacity-0";
+                    readonly input: "w-0 border-0 bg-transparent p-0 placeholder:opacity-0";
+                    readonly magnifier: "cursor-pointer text-(--vuno-icon-primary) transition-colors duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) hover:bg-(--vuno-background-hover) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) disabled:cursor-not-allowed motion-reduce:transition-none group-has-disabled:text-(--vuno-icon-disabled)";
+                    readonly root: "w-(--vuno-search-height) transition-[width] duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) motion-reduce:transition-none";
+                };
+                readonly default: {
+                    readonly magnifier: "pointer-events-none group-has-disabled:text-(--vuno-icon-on-color-disabled)";
+                };
+                readonly expanded: {
+                    readonly input: "transition-[background-color,outline-color,padding]";
+                    readonly magnifier: "pointer-events-none group-has-disabled:text-(--vuno-icon-disabled)";
+                    readonly root: "w-full transition-[width] duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) motion-reduce:transition-none";
+                };
+            };
+        };
+    };
+    radioButtonGroup: {
+        readonly slots: {
+            readonly helper: "text-xs/[1rem] tracking-[0.32px] text-(--vuno-text-helper) in-[:disabled]:text-(--vuno-text-disabled)";
+            readonly icon: "ms-[3px] me-px size-4 shrink-0";
+            readonly legend: "mb-2 text-xs/[1rem] tracking-[0.32px] text-(--vuno-text-secondary) in-[:disabled]:text-(--vuno-text-disabled)";
+            readonly message: "text-(--vuno-text-primary)";
+            readonly options: "flex";
+            readonly root: "border-0 p-0";
+            readonly validation: "mt-1.5 flex items-end gap-2";
+        };
+        readonly variants: {
+            readonly orientation: {
+                readonly horizontal: {
+                    readonly options: "flex-row flex-wrap gap-4";
+                };
+                readonly vertical: {
+                    readonly options: "flex-col gap-1.5";
+                };
+            };
+            readonly state: {
+                readonly default: {};
+                readonly invalid: {
+                    readonly icon: "text-(--vuno-support-error)";
+                    readonly message: "text-(--vuno-text-error)";
+                };
+                readonly warn: {
+                    readonly icon: "text-(--vuno-support-warning)";
+                };
+            };
+        };
+    };
+    radioButton: {
+        readonly slots: {
+            readonly control: "mt-px mb-0.5 ms-0.5 size-[1.125rem] shrink-0 cursor-pointer appearance-none rounded-full border border-(--vuno-icon-primary) bg-transparent bg-clip-content checked:bg-(--vuno-icon-primary) checked:p-1 focus:outline-solid focus:outline-2 focus:outline-offset-[1.5px] focus:outline-(--vuno-focus) disabled:cursor-not-allowed disabled:border-(--vuno-icon-disabled) disabled:checked:bg-(--vuno-text-disabled) forced-colors:checked:bg-[ButtonText]";
+            readonly description: "text-xs/[1rem] tracking-[0.32px] text-(--vuno-text-helper) group-has-disabled:text-(--vuno-text-disabled)";
+            readonly label: "cursor-pointer text-sm/[1.125rem] tracking-[0.16px] text-(--vuno-text-primary) group-has-disabled:cursor-not-allowed group-has-disabled:text-(--vuno-text-disabled)";
+            readonly root: "group flex items-start gap-2.5";
+            readonly texts: "flex min-w-0 flex-col gap-1";
+        };
+        readonly variants: {
+            readonly invalid: {
+                readonly false: {};
+                readonly true: {
+                    readonly control: "border-(--vuno-support-error)";
+                };
+            };
+            readonly orientation: {
+                readonly horizontal: {};
+                readonly vertical: {
+                    readonly control: "my-0";
+                    readonly root: "pt-0.5";
+                };
+            };
+            readonly readonly: {
+                readonly false: {};
+                readonly true: {
+                    readonly control: "cursor-default border-(--vuno-icon-disabled)";
+                    readonly label: "cursor-text";
+                };
+            };
+        };
+    };
+    progressIndicator: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly icon: "text-(--vuno-support-error)";
+            };
+            readonly invalid: "true";
+        }, {
+            readonly class: {
+                readonly icon: "text-(--vuno-icon-disabled)";
+                readonly label: "text-(--vuno-text-disabled) shadow-none";
+            };
+            readonly disabled: "true";
+        }];
+        readonly slots: {
+            readonly assistive: "sr-only";
+            readonly control: "group m-0 flex w-full cursor-default border-0 bg-transparent p-0 text-start outline-none";
+            readonly icon: "relative z-[1] mt-2.5 me-2 size-4 shrink-0 rounded-full text-(--vuno-interactive)";
+            readonly label: string;
+            readonly line: "absolute start-0 top-0 h-0.5 w-32 border border-transparent";
+            readonly root: "m-0 flex list-none p-0";
+            readonly secondary: "absolute start-0 mt-7 ms-6 block text-start text-xs leading-4 font-normal tracking-[0.32px] text-(--vuno-text-secondary)";
+            readonly step: "relative m-0 inline-flex w-32 min-w-28 flex-row overflow-visible p-0";
+            readonly text: "flex flex-col";
+        };
+        readonly variants: {
+            readonly clickable: {
+                readonly false: {};
+                readonly true: {
+                    readonly control: "cursor-pointer";
+                    readonly label: "hover:cursor-pointer hover:text-(--vuno-link-primary-hover) hover:shadow-[0_1px_var(--vuno-link-primary-hover)] active:text-(--vuno-text-primary) active:shadow-[0_1px_0_0_var(--vuno-text-primary)]";
+                };
+            };
+            readonly disabled: {
+                readonly false: {};
+                readonly true: {
+                    readonly control: "pointer-events-none cursor-not-allowed";
+                    readonly step: "cursor-not-allowed";
+                };
+            };
+            readonly invalid: {
+                readonly false: {};
+                readonly true: {};
+            };
+            readonly spaceEqually: {
+                readonly false: {};
+                readonly true: {
+                    readonly label: "me-3 max-w-full";
+                    readonly line: "w-full min-w-32";
+                    readonly step: "grow min-w-32";
+                    readonly text: "-m-0.5 min-w-0 overflow-hidden p-0.5";
+                };
+            };
+            readonly state: {
+                readonly complete: {
+                    readonly line: "bg-(--vuno-border-interactive)";
+                };
+                readonly current: {
+                    readonly line: "bg-(--vuno-border-interactive)";
+                };
+                readonly incomplete: {
+                    readonly icon: "text-(--vuno-icon-primary)";
+                    readonly line: "bg-(--vuno-border-subtle-00)";
+                };
+            };
+            readonly vertical: {
+                readonly false: {};
+                readonly true: {
+                    readonly control: "min-h-[3.625rem] w-auto min-w-0 content-start";
+                    readonly icon: "mt-px inline-block ms-2 me-2";
+                    readonly label: "m-0 inline-block w-auto max-w-40 align-top whitespace-normal";
+                    readonly line: "h-full w-px";
+                    readonly root: "flex-col";
+                    readonly secondary: "static m-0 mb-auto w-full";
+                    readonly step: "min-h-[3.625rem] w-auto min-w-0 content-start";
+                };
+            };
+        };
+    };
+    progressBar: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly label: "me-0 shrink justify-start";
+                readonly track: "sr-only";
+            };
+            readonly status: "finished";
+            readonly type: "inline";
+        }, {
+            readonly class: {
+                readonly label: "me-0 shrink justify-start";
+                readonly track: "sr-only";
+            };
+            readonly status: "error";
+            readonly type: "inline";
+        }];
+        readonly slots: {
+            readonly bar: "block h-full w-full bg-current text-(--vuno-interactive) transition-transform duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) [transform-origin:0_center] [transform:scaleX(0)] forced-colors:bg-[CanvasText] motion-reduce:transition-none rtl:[transform-origin:100%_center]";
+            readonly helperText: "mt-2 text-xs leading-4 tracking-[0.32px] text-(--vuno-text-secondary)";
+            readonly label: "mb-2 flex min-w-12 justify-between text-sm leading-[1.125rem] font-normal tracking-[0.16px] text-(--vuno-text-primary)";
+            readonly labelText: "overflow-hidden text-ellipsis whitespace-nowrap";
+            readonly liveRegion: "sr-only";
+            readonly root: "w-full";
+            readonly statusIcon: "ms-4 size-4 shrink-0";
+            readonly track: "relative w-full min-w-12 bg-(--vuno-border-subtle-00) forced-colors:bg-[Canvas] forced-colors:outline-solid forced-colors:outline-2 forced-colors:-outline-offset-2 forced-colors:outline-transparent forced-colors:[forced-color-adjust:none]";
+        };
+        readonly variants: {
+            readonly hideLabel: {
+                readonly false: {};
+                readonly true: {
+                    readonly label: "sr-only";
+                };
+            };
+            readonly size: {
+                readonly big: {
+                    readonly track: "h-2";
+                };
+                readonly small: {
+                    readonly track: "h-1";
+                };
+            };
+            readonly status: {
+                readonly active: {};
+                readonly error: {
+                    readonly bar: "text-(--vuno-support-error) [transform:scaleX(1)]";
+                    readonly helperText: "text-(--vuno-text-error)";
+                    readonly statusIcon: "text-(--vuno-support-error)";
+                };
+                readonly finished: {
+                    readonly bar: "text-(--vuno-support-success) [transform:scaleX(1)]";
+                    readonly statusIcon: "text-(--vuno-support-success)";
+                };
+            };
+            readonly type: {
+                readonly default: {};
+                readonly indented: {
+                    readonly helperText: "px-4";
+                    readonly label: "px-4";
+                };
+                readonly inline: {
+                    readonly helperText: "sr-only";
+                    readonly label: "mb-0 me-4 shrink-0";
+                    readonly root: "flex items-center";
+                    readonly track: "grow basis-0";
+                };
+            };
+        };
+    };
+    popover: {
+        readonly compoundVariants: [{
+            readonly border: "true";
+            readonly class: {
+                readonly caretFill: "top-px left-[0.5px] w-[calc(0.75rem-1px)]";
+            };
+            readonly side: "bottom";
+        }, {
+            readonly border: "true";
+            readonly class: {
+                readonly caretFill: "-top-px left-[0.5px] w-[calc(0.75rem-1px)]";
+            };
+            readonly side: "top";
+        }, {
+            readonly border: "true";
+            readonly class: {
+                readonly caretFill: "left-px";
+            };
+            readonly side: "right";
+        }, {
+            readonly border: "true";
+            readonly class: {
+                readonly caretFill: "-left-px";
+            };
+            readonly side: "left";
+        }, {
+            readonly class: {
+                readonly trigger: "bg-(--vuno-layer-01) shadow-[0_2px_2px_rgb(0_0_0/0.2)] after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:bg-(--vuno-layer-01) after:content-[''] focus-visible:after:hidden";
+            };
+            readonly open: "true";
+            readonly tabTip: "true";
+        }];
+        readonly slots: {
+            readonly caret: "pointer-events-none absolute bg-(--popover-caret-edge)";
+            readonly caretFill: "absolute inset-0 bg-(--popover-surface)";
+            readonly content: "z-floating w-max max-w-[min(23rem,calc(100dvw-2rem))] rounded-[2px] bg-(--popover-surface) p-4 text-sm text-(--vuno-text-primary) [--popover-caret-edge:var(--popover-surface)] [--popover-edge:var(--vuno-border-subtle-00)] [--popover-surface:var(--vuno-layer-01)]";
+            readonly trigger: "";
+        };
+        readonly variants: {
+            readonly background: {
+                readonly background: {
+                    readonly content: "[--popover-surface:var(--vuno-background)]";
+                };
+                readonly layer: {};
+            };
+            readonly border: {
+                readonly false: {};
+                readonly true: {
+                    readonly content: "outline-solid outline-1 -outline-offset-1 outline-(--popover-edge) [--popover-caret-edge:var(--popover-edge)]";
+                };
+            };
+            readonly dropShadow: {
+                readonly false: {};
+                readonly true: {
+                    readonly content: "drop-shadow-[0_2px_2px_rgb(0_0_0/0.2)]";
+                };
+            };
+            readonly highContrast: {
+                readonly false: {};
+                readonly true: {
+                    readonly content: "text-(--vuno-text-inverse) [--popover-surface:var(--vuno-background-inverse)]";
+                };
+            };
+            readonly open: {
+                readonly false: {};
+                readonly true: {};
+            };
+            readonly side: {
+                readonly bottom: {
+                    readonly caret: "h-1.5 w-3 [clip-path:polygon(0%_100%,50%_0%,100%_100%)]";
+                    readonly caretFill: "[clip-path:polygon(0%_100%,50%_0%,100%_100%)]";
+                };
+                readonly left: {
+                    readonly caret: "h-3 w-1.5 [clip-path:polygon(0%_0%,100%_50%,0%_100%)]";
+                    readonly caretFill: "[clip-path:polygon(0%_0%,100%_50%,0%_100%)]";
+                };
+                readonly right: {
+                    readonly caret: "h-3 w-1.5 [clip-path:polygon(0%_50%,100%_0%,100%_100%)]";
+                    readonly caretFill: "[clip-path:polygon(0%_50%,100%_0%,100%_100%)]";
+                };
+                readonly top: {
+                    readonly caret: "h-1.5 w-3 [clip-path:polygon(0%_0%,50%_100%,100%_0%)]";
+                    readonly caretFill: "[clip-path:polygon(0%_0%,50%_100%,100%_0%)]";
+                };
+            };
+            readonly tabTip: {
+                readonly false: {};
+                readonly true: {
+                    readonly content: "rounded-none";
+                    readonly trigger: "relative inline-flex size-8 items-center justify-center text-(--vuno-icon-primary) hover:bg-(--vuno-layer-hover-01) focus-visible:outline-solid focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-(--vuno-focus)";
+                };
+            };
         };
     };
-    tabs: {
+    pagination: {
         readonly slots: {
-            readonly content: "w-full";
-            readonly icon: "size-4 shrink-0";
-            readonly list: "flex items-center gap-1 border-b border-vuno-border";
-            readonly root: "flex w-full flex-col";
-            readonly trigger: "-mb-px flex cursor-pointer items-center gap-1.5 border-b-2 border-transparent px-3 py-2 font-medium text-vuno-muted transition-colors [--vuno-accent:var(--color-vuno-primary)] hover:text-vuno-body focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--vuno-accent) data-[state=active]:border-vuno-primary data-[state=active]:text-vuno-primary";
+            readonly bar: "@container flex w-[calc(100%-1px)] min-w-0 items-stretch border-t border-(--vuno-border-subtle-00) bg-(--vuno-layer-01)";
+            readonly control: "focus:border-transparent focus:shadow-none focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus)";
+            readonly controls: "flex shrink-0 border-s border-(--vuno-border-subtle-00) [&>*+*]:border-s-(--vuno-border-subtle-00)";
+            readonly gap: "relative flex shrink-0 items-center justify-center";
+            readonly left: "flex min-w-0 flex-1 items-stretch";
+            readonly list: "flex items-center";
+            readonly navPage: string;
+            readonly overflowIcon: "pointer-events-none absolute start-1/2 top-1/2 size-4 -translate-x-1/2 -translate-y-1/2 text-(--vuno-icon-primary)";
+            readonly overflowSelect: "size-full cursor-pointer appearance-none border-0 bg-transparent text-center outline-none focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus)";
+            readonly page: "hidden items-center px-4 text-sm/[1.125rem] tracking-[0.16px] whitespace-nowrap text-(--vuno-text-primary) tabular-nums @[42rem]:flex";
+            readonly pageSelector: "hidden w-20 shrink-0 border-s border-(--vuno-border-subtle-00) @[42rem]:flex";
+            readonly range: "flex min-w-0 items-center px-4 text-sm/[1.125rem] tracking-[0.16px] whitespace-nowrap text-(--vuno-text-secondary) tabular-nums @[42rem]:border-s @[42rem]:border-(--vuno-border-subtle-00)";
+            readonly right: "ms-auto flex shrink-0 items-stretch";
+            readonly root: "flex items-center";
+            readonly selector: "hidden shrink-0 px-4 @[42rem]:flex @[42rem]:w-auto @[42rem]:min-w-44";
+            readonly selectorLabel: "text-sm/[1.125rem] tracking-[0.16px] whitespace-nowrap text-(--vuno-text-primary)";
         };
         readonly variants: {
             readonly size: {
-                readonly xs: {
-                    readonly trigger: "text-xs";
-                };
                 readonly sm: {
-                    readonly trigger: "text-sm";
+                    readonly bar: "min-h-8";
+                    readonly gap: "size-8";
+                    readonly navPage: "min-w-8";
+                    readonly overflowSelect: "max-h-8";
                 };
                 readonly md: {
-                    readonly trigger: "text-sm";
+                    readonly bar: "min-h-10";
+                    readonly gap: "size-10";
+                    readonly navPage: "min-w-10";
+                    readonly overflowSelect: "max-h-10";
                 };
                 readonly lg: {
-                    readonly trigger: "text-base";
-                };
-                readonly xl: {
-                    readonly trigger: "text-base";
+                    readonly bar: "min-h-12";
+                    readonly gap: "size-12";
+                    readonly navPage: "min-w-12";
+                    readonly overflowSelect: "max-h-12";
                 };
             };
         };
     };
-    table: {
+    numberInput: {
         readonly slots: {
-            readonly chips: "flex flex-wrap items-center gap-2";
-            readonly emptyCell: "px-4 py-6";
-            readonly filtersBody: "flex flex-col gap-4";
-            readonly filtersFooter: "flex items-center justify-between gap-2";
-            readonly footer: "flex flex-wrap items-center justify-between gap-4 px-1";
-            readonly headRow: "border-b border-vuno-border";
-            readonly meta: "flex items-center gap-2 text-sm text-vuno-muted";
-            readonly pageSizeControl: "w-auto";
-            readonly pageSizeSelect: "cursor-pointer bg-transparent py-1 pr-1 outline-none";
-            readonly root: "flex w-full flex-col gap-4";
-            readonly search: "w-full sm:max-w-xs";
-            readonly selectCell: "w-0";
-            readonly selection: "flex items-center justify-between gap-2 rounded-sm bg-vuno-primary/10 px-3 py-2 text-sm";
-            readonly skip: "sr-only rounded-sm bg-vuno-surface text-vuno-body focus:not-sr-only focus:outline-vuno-primary focus:z-10 focus:inline-block focus:px-3 focus:py-1.5 focus:text-sm focus:outline-2 focus:outline-offset-2";
-            readonly sortButton: "-mx-2";
-            readonly table: "min-w-full";
-            readonly tableRoot: "relative overflow-auto rounded-sm border border-vuno-border";
-            readonly tbody: "[&>tr]:transition-colors [&>tr]:hover:bg-vuno-surface-1";
-            readonly td: "p-4 text-sm whitespace-nowrap text-vuno-muted";
-            readonly th: "px-4 py-3.5 text-start text-sm font-semibold text-vuno-strong";
-            readonly thead: "";
-            readonly toolbar: "flex flex-wrap items-center justify-between gap-2";
-            readonly toolbarActions: "flex items-center gap-2";
-            readonly tr: "border-b border-vuno-border transition-colors last:border-b-0 hover:bg-vuno-surface-1 data-[selected=true]:bg-vuno-primary/10";
+            readonly actions: "";
+            readonly base: "w-full min-w-[9.375rem] bg-transparent text-sm leading-[1.125rem] outline-none placeholder:text-(--vuno-text-placeholder) disabled:cursor-not-allowed disabled:text-(--vuno-text-disabled)";
+            readonly field: "";
+            readonly helper: "mt-1 text-xs text-(--vuno-text-helper) [fieldset:disabled_&]:text-(--vuno-text-disabled)";
+            readonly root: "";
+            readonly stateIcon: "me-2 size-4 shrink-0";
+            readonly stepper: "hover:bg-(--vuno-field-hover-01)";
+            readonly stepperIcon: "";
         };
         readonly variants: {
-            readonly radius: Record<import("../types/base.js").VunoRadius, Record<"tableRoot", string>>;
+            readonly invalid: {
+                readonly false: {};
+                readonly true: {
+                    readonly root: "not-focus-within:outline-solid not-focus-within:outline-2 not-focus-within:-outline-offset-2 not-focus-within:outline-(--vuno-support-error)";
+                    readonly stateIcon: "text-(--vuno-support-error)";
+                };
+            };
+            readonly orientation: {
+                readonly horizontal: {
+                    readonly actions: "flex items-center";
+                    readonly stepper: "hover:shadow-[0_-1px_0_var(--vuno-border-strong-01)_inset]";
+                };
+                readonly vertical: {
+                    readonly actions: "flex flex-col-reverse";
+                    readonly stepper: "h-3.5 w-7 p-0";
+                    readonly stepperIcon: "size-3";
+                };
+            };
+            readonly readOnly: {
+                readonly false: {};
+                readonly true: {
+                    readonly root: "border-(--vuno-border-subtle-00) bg-transparent";
+                };
+            };
+            readonly warn: {
+                readonly false: {};
+                readonly true: {
+                    readonly stateIcon: "text-(--vuno-support-warning)";
+                };
+            };
         };
     };
-    cellText: {
+    modal: {
         readonly slots: {
-            readonly base: "";
+            readonly body: "[grid-area:2/1/-2/-1] min-h-0 overflow-y-auto px-4 pt-2 pb-12 text-sm leading-5 tracking-[0.16px] text-(--vuno-text-primary) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) [&>p]:pe-[calc(20%-2rem)]";
+            readonly close: "absolute end-0 top-0 border-2 hover:bg-(--vuno-layer-hover-01) focus:border-(--vuno-focus) focus:shadow-none";
+            readonly closeIcon: "size-5 text-(--vuno-icon-primary)";
+            readonly footer: "[grid-area:-1/1/-1/-1] mt-auto flex h-16 shrink-0 justify-end";
+            readonly footerAction: "h-16 max-w-none shrink grow-0 pb-8";
+            readonly header: "[grid-area:1/1/1/-1] relative mb-2 max-h-[50vh] overflow-y-auto pt-4 ps-4 pe-12";
+            readonly label: "mb-1 text-xs leading-4 tracking-[0.16px] text-(--vuno-text-secondary)";
+            readonly root: "m-0 grid-cols-[100%] grid-rows-[auto_1fr_auto] h-dvh max-h-dvh w-dvw max-w-none overflow-hidden border border-(--vuno-border-subtle-01) bg-(--vuno-layer-01) text-(--vuno-text-primary) outline-solid outline-3 -outline-offset-3 outline-transparent open:grid min-[42rem]:m-auto min-[42rem]:h-auto min-[42rem]:max-h-[90%]";
+            readonly title: "text-xl leading-7 font-normal tracking-[-0.2px] text-(--vuno-text-primary) pe-[calc(20%-3rem)]";
         };
         readonly variants: {
-            readonly truncate: {
+            readonly fullWidth: {
                 readonly false: {};
                 readonly true: {
-                    readonly base: "block max-w-[32ch] truncate";
+                    readonly body: "p-0";
+                };
+            };
+            readonly scrolling: {
+                readonly false: {};
+                readonly true: {
+                    readonly body: "border-b-2 border-b-transparent [mask-image:linear-gradient(to_bottom,var(--vuno-layer-01)_calc(100%_-_80px),transparent_calc(100%_-_48px),transparent_100%),linear-gradient(to_left,var(--vuno-layer-01)_0,16px,transparent_16px),linear-gradient(to_right,var(--vuno-layer-01)_0,2px,transparent_2px),linear-gradient(to_top,var(--vuno-layer-01)_0,2px,transparent_2px)] [&>*:last-child]:mb-6";
+                };
+            };
+            readonly size: {
+                readonly xs: {
+                    readonly body: "[&>p]:pe-0";
+                    readonly root: "min-[42rem]:w-[48%] min-[66rem]:max-h-[48%] min-[66rem]:w-[32%] min-[82rem]:w-[24%]";
+                };
+                readonly sm: {
+                    readonly body: "[&>p]:pe-0 min-[66rem]:[&>p]:pe-[20%]";
+                    readonly root: "min-[42rem]:w-[60%] min-[66rem]:max-h-[72%] min-[66rem]:w-[42%] min-[82rem]:w-[36%]";
+                };
+                readonly md: {
+                    readonly root: "min-[42rem]:w-[84%] min-[66rem]:max-h-[84%] min-[66rem]:w-[60%] min-[82rem]:w-[48%]";
+                };
+                readonly lg: {
+                    readonly root: "min-[42rem]:w-[96%] min-[66rem]:max-h-[96%] min-[66rem]:w-[84%] min-[82rem]:w-[72%]";
+                };
+            };
+            readonly threeButton: {
+                readonly false: {
+                    readonly footerAction: "basis-1/2 items-baseline";
+                };
+                readonly true: {
+                    readonly footerAction: "basis-1/4 items-start";
                 };
             };
         };
     };
-    cellNumber: {
+    menu: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly item: "grid-cols-[1fr_max-content]";
+            };
+            readonly withIcons: "false";
+            readonly withSelection: "false";
+        }, {
+            readonly class: {
+                readonly item: "grid-cols-[1rem_1fr_max-content]";
+            };
+            readonly withIcons: "true";
+            readonly withSelection: "false";
+        }, {
+            readonly class: {
+                readonly item: "grid-cols-[1rem_1fr_max-content]";
+            };
+            readonly withIcons: "false";
+            readonly withSelection: "true";
+        }, {
+            readonly class: {
+                readonly item: "grid-cols-[1rem_1rem_1fr_max-content]";
+            };
+            readonly withIcons: "true";
+            readonly withSelection: "true";
+        }, {
+            readonly class: {
+                readonly item: "hover:bg-transparent hover:text-(--vuno-text-disabled) focus:bg-transparent focus:text-(--vuno-text-disabled) focus:shadow-none";
+            };
+            readonly disabled: "true";
+            readonly kind: "danger";
+        }];
         readonly slots: {
-            readonly base: "tabular-nums";
+            readonly content: "z-modal max-w-72 min-w-40 py-1 shadow-[0_2px_6px_var(--vuno-shadow)] outline-none focus-visible:outline-solid focus-visible:outline-1 focus-visible:outline-(--vuno-focus)";
+            readonly description: "sr-only";
+            readonly icon: "flex size-4 shrink-0 items-center justify-center";
+            readonly item: "grid cursor-pointer items-center gap-x-2 px-4 text-sm leading-[1.125rem] tracking-[0.16px] text-(--vuno-text-secondary) outline-none transition-colors duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) hover:bg-(--vuno-layer-hover-01) hover:text-(--vuno-text-primary) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) data-highlighted:bg-(--vuno-layer-hover-01) data-highlighted:text-(--vuno-text-primary) motion-reduce:transition-none";
+            readonly label: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap";
+            readonly separator: "my-1 block h-px w-full bg-(--vuno-border-subtle-00)";
+            readonly shortcut: "flex items-center justify-end rtl:[&_svg]:-scale-x-100";
         };
-    };
-    cellDate: {
-        readonly slots: {
-            readonly base: "tabular-nums";
+        readonly variants: {
+            readonly backgroundToken: {
+                readonly background: {
+                    readonly content: "bg-(--vuno-background)";
+                };
+                readonly layer: {
+                    readonly content: "bg-(--vuno-layer-01)";
+                };
+            };
+            readonly border: {
+                readonly false: {};
+                readonly true: {
+                    readonly content: "outline-solid outline-1 outline-(--vuno-border-subtle-00)";
+                };
+            };
+            readonly disabled: {
+                readonly false: {};
+                readonly true: {
+                    readonly item: "cursor-not-allowed text-(--vuno-text-disabled) hover:bg-transparent hover:text-(--vuno-text-disabled)";
+                };
+            };
+            readonly kind: {
+                readonly danger: {
+                    readonly item: "hover:bg-(--vuno-button-danger-primary) hover:text-(--vuno-text-on-color) focus:bg-(--vuno-button-danger-primary) focus:text-(--vuno-text-on-color) focus:shadow-[inset_0_0_0_3px_var(--vuno-background)] data-highlighted:bg-(--vuno-button-danger-primary) data-highlighted:text-(--vuno-text-on-color)";
+                };
+                readonly default: {};
+            };
+            readonly size: {
+                readonly xs: {
+                    readonly item: "h-6";
+                };
+                readonly sm: {
+                    readonly item: "h-8";
+                };
+                readonly md: {
+                    readonly item: "h-10";
+                };
+                readonly lg: {
+                    readonly item: "h-12";
+                };
+            };
+            readonly withIcons: {
+                readonly false: {};
+                readonly true: {
+                    readonly content: "min-w-48";
+                };
+            };
+            readonly withSelection: {
+                readonly false: {};
+                readonly true: {};
+            };
         };
     };
-    cellCurrency: {
+    input: {
         readonly slots: {
-            readonly base: "tabular-nums";
+            readonly base: "w-full min-w-0 bg-transparent outline-none placeholder:text-(--vuno-text-placeholder) disabled:cursor-not-allowed disabled:text-(--vuno-text-disabled)";
+            readonly icon: "shrink-0 text-(--vuno-icon-secondary)";
+        };
+        readonly variants: {
+            readonly size: {
+                readonly sm: {
+                    readonly icon: "size-4";
+                };
+                readonly md: {
+                    readonly icon: "size-4";
+                };
+                readonly lg: {
+                    readonly icon: "size-5";
+                };
+            };
         };
     };
-    cellBoolean: {
+    loading: {
         readonly slots: {
-            readonly icon: "";
-            readonly label: "";
+            readonly focusScope: "focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-transparent";
+            readonly overlay: "fixed inset-0 z-overlay flex items-center justify-center bg-(--vuno-overlay) transition-colors duration-(--vuno-duration-slow-02) ease-(--vuno-easing-standard-expressive) select-none motion-reduce:transition-none";
+            readonly root: "vuno-loading size-22";
+            readonly stroke: "vuno-loading__stroke stroke-(--vuno-interactive)";
+            readonly svg: "size-22 fill-transparent";
+            readonly track: "vuno-loading__background stroke-(--vuno-layer-accent-01)";
         };
         readonly variants: {
-            readonly value: {
+            readonly active: {
                 readonly false: {
-                    readonly icon: "text-vuno-muted";
+                    readonly overlay: "hidden";
+                    readonly root: "vuno-loading--stop";
                 };
+                readonly true: {};
+            };
+            readonly small: {
+                readonly false: {};
                 readonly true: {
-                    readonly icon: "text-vuno-success";
+                    readonly root: "vuno-loading--small size-4 leading-4";
+                    readonly svg: "size-4";
                 };
             };
         };
     };
-    state: {
+    list: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly ordered: "[counter-reset:item]";
+            };
+            readonly native: "false";
+            readonly nested: "false";
+        }, {
+            readonly class: {
+                readonly ordered: "list-decimal";
+            };
+            readonly native: "true";
+            readonly nested: "false";
+        }];
         readonly slots: {
-            readonly actions: "mt-3 empty:hidden";
-            readonly hint: "max-w-prose text-sm text-vuno-muted";
-            readonly icon: "size-8 shrink-0";
-            readonly root: "flex flex-col items-center gap-1 px-4 py-10 text-center";
-            readonly title: "font-medium text-vuno-strong";
+            readonly item: "text-(--vuno-text-primary)";
+            readonly ordered: "m-0 list-none border-0 p-0 text-sm leading-5 font-normal tracking-[0.16px]";
+            readonly unordered: "m-0 list-none border-0 p-0 text-sm leading-5 font-normal tracking-[0.16px]";
         };
         readonly variants: {
-            readonly tone: {
-                readonly empty: {
-                    readonly icon: "text-vuno-subtle";
+            readonly expressive: {
+                readonly false: {};
+                readonly true: {
+                    readonly ordered: "text-base leading-6 tracking-normal";
+                    readonly unordered: "text-base leading-6 tracking-normal";
+                };
+            };
+            readonly marker: {
+                readonly counter: {
+                    readonly item: "relative before:absolute before:-start-6 before:[counter-increment:item] before:content-[counter(item)_'.']";
+                };
+                readonly dash: {
+                    readonly item: "relative before:absolute before:-start-4 before:content-['–']";
+                };
+                readonly native: {};
+                readonly square: {
+                    readonly item: "relative before:absolute before:-start-3 before:content-['▪︎']";
                 };
-                readonly failure: {
-                    readonly icon: "text-vuno-error";
+            };
+            readonly native: {
+                readonly false: {};
+                readonly true: {};
+            };
+            readonly nested: {
+                readonly false: {
+                    readonly unordered: "ms-4";
+                };
+                readonly true: {
+                    readonly item: "ps-1";
+                    readonly ordered: "ms-8 list-[lower-latin]";
+                    readonly unordered: "ms-8";
                 };
             };
         };
     };
-    slideover: {
+    link: {
         readonly slots: {
-            readonly body: "";
-            readonly content: "h-dvh max-h-dvh";
-            readonly description: "";
-            readonly footer: "";
-            readonly header: "";
-            readonly root: "my-0 h-dvh max-h-dvh w-[calc(100dvw-2rem)] rounded-none";
-            readonly title: "";
+            readonly base: "m-0 inline-flex border-0 p-0 align-baseline font-inherit font-normal text-(--vuno-link-primary) no-underline outline-none transition-[color] duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) visited:text-(--vuno-link-primary) hover:text-(--vuno-link-primary-hover) hover:underline hover:visited:text-(--vuno-link-primary-hover) focus:underline focus:outline-solid focus:outline-1 focus:outline-(--vuno-focus) active:text-(--vuno-link-primary) active:underline active:outline-solid active:outline-1 active:outline-(--vuno-focus) active:hover:visited:text-(--vuno-link-primary) aria-disabled:cursor-not-allowed aria-disabled:text-(--vuno-text-disabled) aria-disabled:no-underline aria-disabled:hover:text-(--vuno-text-disabled) aria-disabled:hover:no-underline aria-disabled:focus:no-underline aria-disabled:focus:outline-none aria-disabled:active:text-(--vuno-text-disabled) aria-disabled:active:no-underline aria-disabled:active:outline-none motion-reduce:transition-none";
+            readonly icon: "size-4";
+            readonly iconWrapper: "ms-2 inline-flex h-[1lh] items-center align-text-bottom leading-[inherit]";
         };
         readonly variants: {
-            readonly position: {
-                readonly end: {
-                    readonly root: "ms-auto me-0";
-                };
-                readonly start: {
-                    readonly root: "ms-0 me-auto";
+            readonly inline: {
+                readonly false: {};
+                readonly true: {
+                    readonly base: "inline underline aria-disabled:underline";
                 };
             };
             readonly size: {
                 readonly sm: {
-                    readonly root: "max-w-sm";
+                    readonly base: "text-xs/[1rem] tracking-[0.16px]";
                 };
                 readonly md: {
-                    readonly root: "max-w-md";
+                    readonly base: "text-sm/[1.125rem] tracking-normal";
                 };
                 readonly lg: {
-                    readonly root: "max-w-lg";
+                    readonly base: "text-base/[1.375rem] tracking-normal";
+                    readonly icon: "size-5";
+                    readonly iconWrapper: "h-5";
                 };
-                readonly xl: {
-                    readonly root: "max-w-xl";
+            };
+            readonly visited: {
+                readonly false: {};
+                readonly true: {
+                    readonly base: "visited:text-(--vuno-link-visited)";
+                };
+            };
+            readonly withIcon: {
+                readonly false: {};
+                readonly true: {
+                    readonly base: "inline-block";
                 };
             };
         };
     };
-    pagination: {
+    inlineLoading: {
         readonly slots: {
-            readonly gap: "flex size-8 shrink-0 items-center justify-center text-vuno-muted select-none";
-            readonly list: "flex items-center gap-1";
-            readonly root: "flex items-center";
+            readonly animation: "relative me-2 flex items-center justify-center";
+            readonly assistive: "sr-only";
+            readonly icon: "size-4 shrink-0";
+            readonly root: "flex min-h-8 w-full items-center text-(--vuno-text-secondary)";
+            readonly text: "text-sm leading-[1.125rem] tracking-[0.16px]";
+        };
+        readonly variants: {
+            readonly status: {
+                readonly active: {};
+                readonly error: {
+                    readonly icon: "text-(--vuno-support-error)";
+                };
+                readonly finished: {
+                    readonly icon: "text-(--vuno-support-success)";
+                };
+                readonly inactive: {};
+            };
         };
     };
-    page: {
+    inlineNotification: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly root: "before:pointer-events-none before:absolute before:inset-0 before:border before:border-s-0 before:border-(--vuno-notify-accent) before:opacity-40 before:content-['']";
+            };
+            readonly lowContrast: "true";
+            readonly variant: "actionable";
+        }, {
+            readonly class: {
+                readonly root: "before:pointer-events-none before:absolute before:inset-0 before:border before:border-s-0 before:border-(--vuno-notify-accent) before:opacity-40 before:content-['']";
+            };
+            readonly lowContrast: "true";
+            readonly variant: "callout";
+        }, {
+            readonly class: {
+                readonly root: "before:pointer-events-none before:absolute before:inset-0 before:border before:border-s-0 before:border-(--vuno-notify-accent) before:opacity-40 before:content-['']";
+            };
+            readonly lowContrast: "true";
+            readonly variant: "inline";
+        }, {
+            readonly class: {
+                readonly action: "me-2 min-[42rem]:me-2";
+            };
+            readonly hideCloseButton: "true";
+            readonly variant: "actionable";
+        }, {
+            readonly class: {
+                readonly action: "me-2";
+            };
+            readonly hideCloseButton: "true";
+            readonly variant: "actionableToast";
+        }];
         readonly slots: {
-            readonly body: "flex w-full flex-col gap-7 px-4 py-6 sm:px-6 sm:py-8 lg:p-10";
-            readonly breadcrumb: "hidden min-w-0 sm:block";
-            readonly breadcrumbCurrent: "truncate text-sm font-semibold text-vuno-strong";
-            readonly breadcrumbItem: "flex min-w-0 items-center gap-1.5";
-            readonly breadcrumbLink: "truncate rounded-sm text-sm font-medium text-vuno-muted transition-colors [--vuno-accent:var(--color-vuno-primary)] hover:text-vuno-body focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--vuno-accent)";
-            readonly breadcrumbList: "flex items-center gap-1.5";
-            readonly breadcrumbSeparator: "size-4 shrink-0 text-vuno-subtle";
-            readonly description: "max-w-prose text-sm text-vuno-muted";
-            readonly heading: "flex flex-col gap-2";
-            readonly navbar: "flex h-14 shrink-0 items-center justify-between gap-3 border-b border-vuno-border bg-vuno-surface/90 px-4 backdrop-blur-xl sm:px-6";
-            readonly navbarLeft: "flex min-w-0 items-center gap-1";
-            readonly navbarRight: "flex shrink-0 items-center gap-2";
-            readonly panel: "min-h-0 flex-1 overflow-y-auto";
-            readonly root: "flex min-h-0 w-full flex-1 flex-col";
-            readonly title: "text-2xl font-bold tracking-tight text-vuno-strong sm:text-3xl";
+            readonly action: "";
+            readonly actions: "flex";
+            readonly assistive: "sr-only";
+            readonly caption: "text-sm leading-[1.125rem] tracking-[0.16px] break-words";
+            readonly close: "flex shrink-0 cursor-pointer appearance-none items-center justify-center border-0 bg-transparent p-0 text-(--vuno-notify-icon) outline-none transition-[outline-color,background-color] duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-notify-focus) motion-reduce:transition-none forced-colors:focus:outline-[Highlight]";
+            readonly closeIcon: "size-4 shrink-0";
+            readonly content: "";
+            readonly details: "flex";
+            readonly icon: "size-5 shrink-0 text-(--vuno-notify-accent)";
+            readonly root: "relative flex h-auto border-s-[3px] border-s-(--vuno-notify-accent) bg-(--vuno-notify-background) text-(--vuno-notify-text) forced-colors:outline forced-colors:outline-solid forced-colors:outline-1 [&_a]:text-(--vuno-notify-link) [&_a]:no-underline [&_a:hover]:underline [&_a:focus]:outline-solid [&_a:focus]:outline-1 [&_a:focus]:outline-(--vuno-notify-link-focus)";
+            readonly subtitle: "text-sm leading-[1.125rem] tracking-[0.16px] break-words";
+            readonly textWrapper: "";
+            readonly title: "text-sm leading-[1.125rem] font-semibold tracking-[0.16px] break-words";
         };
         readonly variants: {
-            readonly mobileNavbar: {
+            readonly hideCloseButton: {
+                readonly false: {};
+                readonly true: {};
+            };
+            readonly kind: {
+                readonly error: {
+                    readonly root: "[--vuno-notify-support:var(--vuno-support-error)] [--vuno-notify-support-inverse:var(--vuno-support-error-inverse)] [--vuno-notify-surface:var(--vuno-notification-background-error)]";
+                };
+                readonly info: {
+                    readonly root: "[--vuno-notify-support:var(--vuno-support-info)] [--vuno-notify-support-inverse:var(--vuno-support-info-inverse)] [--vuno-notify-surface:var(--vuno-notification-background-info)]";
+                };
+                readonly 'info-square': {
+                    readonly root: "[--vuno-notify-support:var(--vuno-support-info)] [--vuno-notify-support-inverse:var(--vuno-support-info-inverse)] [--vuno-notify-surface:var(--vuno-notification-background-info)]";
+                };
+                readonly success: {
+                    readonly root: "[--vuno-notify-support:var(--vuno-support-success)] [--vuno-notify-support-inverse:var(--vuno-support-success-inverse)] [--vuno-notify-surface:var(--vuno-notification-background-success)]";
+                };
+                readonly warning: {
+                    readonly root: "[--vuno-notify-support:var(--vuno-support-warning)] [--vuno-notify-support-inverse:var(--vuno-support-warning-inverse)] [--vuno-notify-surface:var(--vuno-notification-background-warning)]";
+                };
+                readonly 'warning-alt': {
+                    readonly root: "[--vuno-notify-support:var(--vuno-support-warning)] [--vuno-notify-support-inverse:var(--vuno-support-warning-inverse)] [--vuno-notify-surface:var(--vuno-notification-background-warning)]";
+                };
+            };
+            readonly lowContrast: {
                 readonly false: {
-                    readonly navbar: "hidden sm:flex";
+                    readonly root: "[--vuno-notify-accent:var(--vuno-notify-support-inverse)] [--vuno-notify-action-hover:var(--vuno-background-inverse-hover)] [--vuno-notify-background:var(--vuno-background-inverse)] [--vuno-notify-focus:var(--vuno-focus-inverse)] [--vuno-notify-icon:var(--vuno-icon-inverse)] [--vuno-notify-link:var(--vuno-link-inverse)] [--vuno-notify-link-focus:var(--vuno-link-inverse)] [--vuno-notify-tertiary:var(--vuno-notification-action-tertiary-inverse)] [--vuno-notify-tertiary-active:var(--vuno-notification-action-tertiary-inverse-active)] [--vuno-notify-tertiary-disabled:var(--vuno-notification-action-tertiary-inverse-text-on-color-disabled)] [--vuno-notify-tertiary-hover:var(--vuno-notification-action-tertiary-inverse-hover)] [--vuno-notify-tertiary-text:var(--vuno-notification-action-tertiary-inverse-text)] [--vuno-notify-text:var(--vuno-text-inverse)]";
+                };
+                readonly true: {
+                    readonly root: "[--vuno-notify-accent:var(--vuno-notify-support)] [--vuno-notify-action-hover:var(--vuno-notification-action-hover,var(--vuno-layer-hover-01))] [--vuno-notify-background:var(--vuno-notify-surface)] [--vuno-notify-focus:var(--vuno-focus)] [--vuno-notify-icon:var(--vuno-icon-primary)] [--vuno-notify-link:var(--vuno-link-primary)] [--vuno-notify-link-focus:var(--vuno-focus)] [--vuno-notify-tertiary:var(--vuno-button-tertiary)] [--vuno-notify-tertiary-active:var(--vuno-button-tertiary-active)] [--vuno-notify-tertiary-disabled:var(--vuno-text-disabled)] [--vuno-notify-tertiary-hover:var(--vuno-button-tertiary-hover)] [--vuno-notify-tertiary-text:var(--vuno-text-inverse)] [--vuno-notify-text:var(--vuno-text-primary)]";
+                };
+            };
+            readonly variant: {
+                readonly actionable: {
+                    readonly action: "h-8 mb-2 ms-10 text-(--vuno-notify-link) hover:bg-(--vuno-notify-action-hover) hover:text-(--vuno-notify-link) focus:border-transparent focus:shadow-none focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-notify-focus) active:bg-(--vuno-notify-action-hover) min-[42rem]:my-2 min-[42rem]:ms-0 min-[42rem]:me-0";
+                    readonly caption: "pt-6";
+                    readonly close: "absolute end-0 top-0 size-12 max-w-12 min-w-12 min-[42rem]:static";
+                    readonly content: "flex flex-wrap text-sm leading-[1.125rem] tracking-[0.16px] break-words";
+                    readonly root: "w-full max-w-72 min-h-12 min-w-72 flex-wrap min-[42rem]:max-w-[38rem] min-[42rem]:flex-nowrap min-[66rem]:max-w-[46rem] min-[99rem]:max-w-[52rem]";
+                    readonly details: string;
+                    readonly icon: string;
+                    readonly textWrapper: string;
+                    readonly title: string;
+                };
+                readonly actionableToast: {
+                    readonly action: "mb-4 ms-[50px] border-(--vuno-notify-tertiary) bg-transparent px-4 text-(--vuno-notify-tertiary) hover:bg-(--vuno-notify-tertiary-hover) hover:text-(--vuno-notify-tertiary-text) focus:border-(--vuno-notify-focus) focus:bg-(--vuno-notify-tertiary) focus:text-(--vuno-notify-tertiary-text) focus:shadow-[inset_0_0_0_2px_var(--vuno-notify-focus),inset_0_0_0_1px_var(--vuno-notify-background)] active:border-transparent active:bg-(--vuno-notify-tertiary-active) active:text-(--vuno-notify-tertiary-text) disabled:border-transparent disabled:bg-transparent disabled:text-(--vuno-notify-tertiary-disabled) disabled:shadow-none";
+                    readonly caption: "pt-6";
+                    readonly close: "absolute end-0 top-0 size-12 max-w-12 min-w-12";
+                    readonly content: "block text-sm leading-[1.125rem] tracking-[0.16px] break-words";
+                    readonly details: "grow ms-[13px] me-12";
+                    readonly icon: "mt-4 me-4";
+                    readonly root: "w-full max-w-72 min-h-12 min-w-72 flex-wrap shadow-[0_2px_6px_0_rgb(0_0_0_/_0.2)]";
+                    readonly textWrapper: "flex flex-wrap pt-[15px] pb-[23px]";
+                    readonly title: "me-0";
+                };
+                readonly callout: {
+                    readonly action: "h-8 mb-2 ms-10 text-(--vuno-notify-link) hover:bg-(--vuno-notify-action-hover) hover:text-(--vuno-notify-link) focus:border-transparent focus:shadow-none focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-notify-focus) active:bg-(--vuno-notify-action-hover) me-2 min-[42rem]:my-2 min-[42rem]:ms-0";
+                    readonly root: "w-full max-w-72 min-h-12 min-w-72 flex-wrap min-[42rem]:max-w-[38rem] min-[42rem]:flex-nowrap min-[66rem]:max-w-[46rem] min-[99rem]:max-w-[52rem]";
+                    readonly details: string;
+                    readonly icon: string;
+                    readonly textWrapper: string;
+                    readonly title: string;
+                };
+                readonly inline: {
+                    readonly close: "absolute end-0 top-0 size-12 max-w-12 min-w-12 min-[42rem]:static";
+                    readonly root: "w-full max-w-72 min-h-12 min-w-72 flex-wrap min-[42rem]:max-w-[38rem] min-[42rem]:flex-nowrap min-[66rem]:max-w-[46rem] min-[99rem]:max-w-[52rem]";
+                    readonly details: string;
+                    readonly icon: string;
+                    readonly textWrapper: string;
+                    readonly title: string;
+                };
+                readonly toast: {
+                    readonly caption: "pt-2";
+                    readonly close: "ms-auto size-12 max-w-12 min-h-12 min-w-12 duration-[250ms] ease-[ease]";
+                    readonly details: "mb-4 me-4 block";
+                    readonly icon: "mt-4 me-4";
+                    readonly root: "w-72 ps-[13px] shadow-[0_2px_6px_0_rgb(0_0_0_/_0.2)] min-[99rem]:w-88";
+                    readonly subtitle: "mt-0 mb-4";
+                    readonly title: "mt-4";
                 };
-                readonly true: {};
             };
         };
     };
-    navigationToc: {
+    iconButton: {
         readonly slots: {
-            readonly link: "block border-s border-vuno-border py-2 ps-3 text-sm/snug text-vuno-muted transition-colors hover:text-vuno-body focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-vuno-primary aria-[current=location]:border-vuno-primary aria-[current=location]:font-medium aria-[current=location]:text-vuno-primary";
-            readonly linkDeep: "ps-6";
-            readonly list: "flex flex-col";
-            readonly root: "flex flex-col gap-2";
-            readonly title: "px-3 text-sm font-semibold text-vuno-strong";
+            readonly button: "";
+            readonly tooltip: "px-4 py-0.5 leading-[1.125rem]";
         };
     };
-    navigationMenu: {
+    header: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly menuItem: "after:bottom-[-2px] after:start-[-2px] after:h-[3px] after:w-[calc(100%+4px)]";
+            };
+            readonly current: "true";
+            readonly placement: "bar";
+        }, {
+            readonly class: {
+                readonly menuItem: "after:top-[-2px] after:start-[-2px] after:h-[calc(100%+4px)] after:w-[3px] focus:after:w-[5px] bg-(--vuno-layer-selected-01) hover:bg-(--vuno-layer-selected-hover-01)";
+            };
+            readonly current: "true";
+            readonly placement: "menu";
+        }];
         readonly slots: {
-            readonly badge: "ms-1 rounded-full bg-vuno-primary/10 px-1.5 py-0.5 text-xs font-bold tracking-wide text-vuno-primary";
-            readonly flyoutControl: "min-h-9 px-2.5 py-2";
-            readonly flyoutIcon: "text-vuno-subtle";
-            readonly flyoutItem: "relative";
-            readonly flyoutList: "gap-0.5 rounded-lg border border-vuno-border bg-vuno-surface-1/95 p-1.5 ring-1 ring-vuno-border/40 backdrop-blur-xl";
-            readonly flyoutRoot: "z-30 w-64";
-            readonly icon: "size-4 shrink-0 text-vuno-subtle transition-colors duration-150 group-data-[active=true]:text-vuno-primary motion-reduce:transition-none";
-            readonly item: "relative flex";
-            readonly label: "block truncate text-start";
-            readonly labelGroup: "min-w-0 flex-1";
-            readonly link: "group relative flex min-w-0 flex-1 items-center gap-2 rounded-md px-3 py-2 text-sm font-medium text-vuno-muted transition-[background-color,color,transform] duration-150 after:absolute after:inset-x-3 after:-bottom-px after:h-0.5 after:origin-center after:scale-x-0 after:rounded-full after:bg-vuno-primary after:transition-transform after:duration-200 hover:-translate-y-px hover:bg-vuno-surface-1 hover:text-vuno-body focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-vuno-primary aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:text-vuno-primary data-[active=true]:after:scale-x-100 motion-reduce:transition-none motion-reduce:after:transition-none motion-reduce:hover:translate-y-0";
-            readonly linkBranch: "rounded-e-none";
-            readonly list: "flex flex-row items-center gap-1";
-            readonly popupList: "gap-0.5 rounded-lg border border-vuno-border bg-vuno-surface-1/95 p-1.5 ring-1 ring-vuno-border/40 backdrop-blur-xl";
-            readonly popupRoot: "z-20 w-64";
-            readonly root: "relative flex max-w-full min-w-0 items-center";
-            readonly row: "flex min-w-0 items-stretch gap-0.5";
-            readonly rowLinked: "gap-0";
-            readonly toggle: "group flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm font-medium text-vuno-muted transition-[background-color,color,transform] duration-150 hover:-translate-y-px hover:bg-vuno-surface-1 hover:text-vuno-body focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-vuno-primary disabled:cursor-not-allowed disabled:opacity-50 data-[active=true]:text-vuno-primary motion-reduce:transition-none motion-reduce:hover:translate-y-0";
-            readonly toggleAside: "flex-none justify-center self-stretch rounded-s-none px-2.5";
-            readonly toggleIcon: "size-3.5 shrink-0 rotate-90 text-vuno-subtle transition-transform duration-200 motion-reduce:transition-none";
-            readonly toggleIconOpen: "-rotate-90";
+            readonly name: "flex h-full items-center border-2 border-transparent ps-4 pe-8 text-sm leading-5 font-semibold tracking-[0.1px] text-(--vuno-text-primary) no-underline transition-[border-color] duration-(--vuno-duration-fast-02) outline-none select-none focus:border-(--vuno-focus) max-[41.98rem]:px-4";
+            readonly action: "inline-flex size-12 shrink-0 items-center justify-center border border-transparent bg-transparent p-0 text-(--vuno-icon-secondary) transition-colors duration-(--vuno-duration-fast-02) outline-none hover:bg-(--vuno-background-hover) hover:text-(--vuno-icon-primary) focus:border-(--vuno-focus) focus:shadow-none active:bg-(--vuno-background-active) active:text-(--vuno-icon-primary)";
+            readonly content: "p-8 text-(--vuno-text-primary)";
+            readonly globalBar: "flex h-full flex-1 justify-end";
+            readonly menu: "m-0 hidden list-none p-0";
+            readonly menuArrow: "ms-2 size-4 shrink-0 text-(--vuno-icon-secondary) transition-transform duration-(--vuno-duration-fast-02)";
+            readonly menuBar: "m-0 flex h-full list-none p-0";
+            readonly menuItem: "relative flex h-full items-center border-2 border-transparent bg-(--vuno-background) px-4 text-sm leading-[1.125rem] font-normal tracking-normal text-(--vuno-text-secondary) no-underline transition-colors duration-(--vuno-duration-fast-02) outline-none select-none hover:bg-(--vuno-background-hover) hover:text-(--vuno-text-primary) focus:border-(--vuno-focus) active:bg-(--vuno-background-active) active:text-(--vuno-text-primary)";
+            readonly menuItemText: "overflow-hidden text-ellipsis whitespace-nowrap";
+            readonly menuTitle: "relative flex h-full items-center border-2 border-transparent bg-(--vuno-background) px-4 text-sm leading-[1.125rem] font-normal tracking-normal text-(--vuno-text-secondary) no-underline transition-colors duration-(--vuno-duration-fast-02) outline-none select-none hover:bg-(--vuno-background-hover) hover:text-(--vuno-text-primary) focus:border-(--vuno-focus) active:bg-(--vuno-background-active) active:text-(--vuno-text-primary) aria-expanded:bg-(--vuno-layer-01) aria-expanded:text-(--vuno-text-secondary)";
+            readonly menuTrigger: "flex items-center justify-center text-(--vuno-icon-primary) hover:text-(--vuno-icon-primary)";
+            readonly namePrefix: "font-normal";
+            readonly navigation: "relative hidden h-full ps-4 before:absolute before:top-1/2 before:start-0 before:block before:h-6 before:w-px before:-translate-y-1/2 before:bg-(--vuno-border-subtle-00) before:content-[''] min-[66rem]:block";
+            readonly panel: "fixed end-0 top-12 bottom-0 z-header w-0 overflow-hidden border-none bg-(--vuno-layer-01) text-(--vuno-text-secondary) transition-[width] duration-(--vuno-duration-fast-02) ease-[cubic-bezier(0.2,0,1,0.9)] will-change-[width]";
+            readonly root: "fixed inset-x-0 top-0 z-header flex h-12 items-center border-b border-(--vuno-border-subtle-00) bg-(--vuno-background) [&~[data-vuno-content]]:mt-12 [div:has(&)~[data-vuno-content]]:mt-12";
+            readonly skipToContent: "absolute m-[-1px] h-px w-px overflow-hidden border-0 p-0 whitespace-nowrap [clip:rect(0,0,0,0)] focus:start-0 focus:top-0 focus:z-[9999] focus:flex focus:h-12 focus:w-auto focus:items-center focus:border-4 focus:border-(--vuno-focus) focus:bg-(--vuno-background) focus:px-4 focus:py-0 focus:text-(--vuno-text-secondary) focus:no-underline focus:outline-none focus:[clip:auto]";
+            readonly submenu: "relative";
+            readonly switcher: "m-0 flex list-none flex-col items-center justify-center p-0 text-(--vuno-text-secondary)";
+            readonly switcherDivider: "mx-4 my-2 block h-px w-56 border-none bg-(--vuno-border-subtle-00)";
+            readonly switcherItem: "h-8 w-full first:mt-4";
+            readonly switcherItemLink: "block h-8 px-4 py-1.5 text-sm leading-[1.125rem] font-semibold tracking-[0.16px] text-(--vuno-text-secondary) no-underline hover:bg-(--vuno-layer-hover-01) hover:text-(--vuno-text-primary) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) active:bg-(--vuno-layer-active-01) active:text-(--vuno-text-primary)";
         };
-    };
-    navigationList: {
-        readonly slots: {
-            readonly badge: "ms-auto rounded-full bg-vuno-surface-2 px-2 py-0.5 text-xs font-semibold tracking-wide text-vuno-muted";
-            readonly group: "flex min-w-0 flex-1 items-center gap-2 px-3 py-1.5 text-sm font-semibold text-vuno-strong";
-            readonly groupDeep: "py-1";
-            readonly icon: "size-4 shrink-0 text-vuno-subtle transition-colors duration-150 group-data-[active=true]:text-vuno-primary motion-reduce:transition-none";
-            readonly item: "flex flex-col";
-            readonly label: "block min-w-0 text-start leading-snug whitespace-normal";
-            readonly labelGroup: "min-w-0 flex-1";
-            readonly link: "group relative flex min-w-0 flex-1 items-center gap-2 overflow-hidden rounded-md px-3 py-2 text-sm text-vuno-muted transition-[background-color,color,transform] duration-150 before:absolute before:inset-y-2 before:inset-s-0 before:w-0.5 before:scale-y-0 before:rounded-full before:bg-vuno-primary before:transition-transform before:duration-150 hover:translate-x-0.5 hover:bg-vuno-surface-1 hover:text-vuno-body focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-vuno-primary aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-vuno-primary/10 data-[active=true]:font-semibold data-[active=true]:text-vuno-primary data-[active=true]:before:scale-y-100 motion-reduce:transition-none motion-reduce:before:transition-none motion-reduce:hover:translate-x-0";
-            readonly linkBranch: "rounded-e-none";
-            readonly linkDeep: "py-1.5";
-            readonly list: "flex flex-col gap-0.5";
-            readonly root: "flex flex-col rounded-lg bg-vuno-surface-1/45 p-1.5";
-            readonly row: "flex items-stretch gap-0.5";
-            readonly rowLinked: "gap-0";
-            readonly sublist: "ms-4 mt-1 border-s border-vuno-border/70 ps-2.5";
-            readonly sublistDeep: "border-vuno-border/50";
-            readonly toggle: "group relative flex min-w-0 flex-1 cursor-pointer items-center gap-2 overflow-hidden rounded-md px-3 py-2 text-sm text-vuno-muted transition-[background-color,color,transform] duration-150 before:absolute before:inset-y-2 before:inset-s-0 before:w-0.5 before:scale-y-0 before:rounded-full before:bg-vuno-primary before:transition-transform before:duration-150 hover:translate-x-0.5 hover:bg-vuno-surface-1 hover:text-vuno-body focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-vuno-primary disabled:cursor-not-allowed disabled:opacity-50 data-[active=true]:bg-vuno-primary/10 data-[active=true]:font-semibold data-[active=true]:text-vuno-primary data-[active=true]:before:scale-y-100 motion-reduce:transition-none motion-reduce:before:transition-none motion-reduce:hover:translate-x-0";
-            readonly toggleAside: "flex-none justify-center self-stretch rounded-s-none px-2.5 before:hidden";
-            readonly toggleDeep: "py-1.5";
-            readonly toggleIcon: "size-3.5 shrink-0 text-vuno-subtle transition-transform duration-200 motion-reduce:transition-none";
-            readonly toggleIconOpen: "rotate-90";
+        readonly variants: {
+            readonly active: {
+                readonly false: {};
+                readonly true: {
+                    readonly action: "border-x-(--vuno-border-subtle-00) border-b-transparent bg-(--vuno-layer-01) text-(--vuno-icon-primary)";
+                };
+            };
+            readonly collapsible: {
+                readonly false: {
+                    readonly menuTrigger: "min-[66rem]:hidden";
+                };
+                readonly true: {
+                    readonly menuTrigger: "[&~[data-header-name]]:ps-2";
+                };
+            };
+            readonly current: {
+                readonly false: {};
+                readonly true: {
+                    readonly menuItem: "text-(--vuno-text-primary) after:absolute after:block after:bg-(--vuno-border-interactive) after:content-[''] focus:border-(--vuno-focus) focus:after:border-0";
+                    readonly menuTitle: "text-(--vuno-text-primary) after:absolute after:block after:bg-(--vuno-border-interactive) after:content-[''] focus:border-(--vuno-focus) focus:after:border-0 after:bottom-[-2px] after:start-[-2px] after:h-[3px] after:w-[calc(100%+4px)]";
+                };
+            };
+            readonly expanded: {
+                readonly false: {};
+                readonly true: {
+                    readonly menu: "absolute bottom-0 start-0 z-[calc(var(--vuno-z-header)_+_1)] m-0 flex w-50 translate-y-full flex-col bg-(--vuno-layer-01) p-0 shadow-[0_4px_8px_0_rgb(0_0_0/50%)]";
+                    readonly menuArrow: "rotate-180";
+                    readonly menuTitle: "z-[calc(var(--vuno-z-header)_+_2)]";
+                    readonly panel: "w-64 overflow-y-auto border-x border-(--vuno-border-subtle-00)";
+                };
+            };
+            readonly placement: {
+                readonly bar: {};
+                readonly menu: {
+                    readonly menuItem: "h-12 bg-(--vuno-layer-01) hover:bg-(--vuno-layer-hover-01) active:bg-(--vuno-layer-active-01)";
+                };
+            };
+            readonly selected: {
+                readonly false: {};
+                readonly true: {
+                    readonly switcherItemLink: "bg-(--vuno-layer-selected-01) text-(--vuno-text-primary) hover:bg-(--vuno-layer-selected-01) hover:text-(--vuno-text-primary)";
+                };
+            };
         };
     };
-    navbar: {
+    formLabel: {
         readonly slots: {
-            readonly center: "flex min-w-0 items-center justify-center gap-2";
-            readonly left: "flex min-w-0 items-center gap-2";
-            readonly right: "flex shrink-0 items-center justify-end gap-2";
-            readonly root: "grid size-full grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center justify-center gap-4 self-center";
+            readonly label: "mb-2 inline-block align-baseline text-xs leading-4 font-normal tracking-[0.16px] text-(--vuno-text-secondary) [fieldset:disabled_&]:text-(--vuno-text-disabled)";
+        };
+        readonly variants: {
+            readonly disabled: {
+                readonly false: {};
+                readonly true: {
+                    readonly label: "text-(--vuno-text-disabled)";
+                };
+            };
+            readonly hideLabel: {
+                readonly false: {};
+                readonly true: {
+                    readonly label: "sr-only";
+                };
+            };
+            readonly noMargin: {
+                readonly false: {};
+                readonly true: {
+                    readonly label: "mb-0";
+                };
+            };
         };
     };
-    modal: {
+    formGroup: {
         readonly compoundVariants: [{
             readonly class: {
-                readonly root: "rounded-none";
+                readonly message: "text-(--vuno-text-disabled)";
             };
-            readonly size: "full";
+            readonly disabled: "true";
+            readonly invalid: "true";
         }];
         readonly slots: {
-            readonly body: "flex-1 overflow-y-auto p-4 sm:p-6";
-            readonly content: "max-h-[85vh]";
-            readonly description: "mt-1 text-sm text-vuno-muted";
-            readonly footer: "flex items-center justify-end gap-2 p-4 sm:px-6";
-            readonly header: "p-4 sm:px-6";
-            readonly root: "m-auto w-[calc(100dvw-2rem)] max-w-lg rounded-sm bg-vuno-surface-1 p-0 text-vuno-body shadow-lg ring ring-vuno-border";
-            readonly title: "font-semibold text-vuno-strong";
+            readonly legend: "mb-2 inline-block align-baseline text-xs leading-4 font-normal tracking-[0.16px] text-(--vuno-text-secondary) [fieldset:disabled_&]:text-(--vuno-text-disabled)";
+            readonly message: "mt-1 text-xs leading-4 tracking-[0.16px] text-(--vuno-text-helper) [fieldset:disabled_&]:text-(--vuno-text-disabled)";
+            readonly root: "m-0 min-w-0 border-0 p-0";
         };
         readonly variants: {
-            readonly radius: Record<import("../types/base.js").VunoRadius, Record<"root", string>>;
-            readonly size: {
-                readonly sm: {
-                    readonly root: "max-w-sm";
-                };
-                readonly md: {
-                    readonly root: "max-w-md";
-                };
-                readonly lg: {
-                    readonly root: "max-w-lg";
-                };
-                readonly xl: {
-                    readonly root: "max-w-xl";
-                };
-                readonly '2xl': {
-                    readonly root: "max-w-2xl";
-                };
-                readonly '3xl': {
-                    readonly root: "max-w-3xl";
-                };
-                readonly '4xl': {
-                    readonly root: "max-w-4xl";
+            readonly disabled: {
+                readonly false: {};
+                readonly true: {
+                    readonly legend: "text-(--vuno-text-disabled)";
+                    readonly message: "text-(--vuno-text-disabled)";
                 };
-                readonly full: {
-                    readonly content: "h-dvh max-h-dvh";
-                    readonly root: "m-0 h-dvh max-h-dvh w-dvw max-w-none shadow-none ring-0";
+            };
+            readonly invalid: {
+                readonly false: {};
+                readonly true: {
+                    readonly message: "text-(--vuno-text-error)";
                 };
             };
         };
     };
-    menu: {
+    form: {
         readonly slots: {
-            readonly content: "z-50 min-w-40 rounded-sm border border-vuno-border bg-vuno-surface-1 p-1 shadow-lg";
-            readonly icon: "size-4 shrink-0";
-            readonly item: "flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-(--vuno-accent) outline-none [--vuno-accent:var(--color-vuno-body)] data-disabled:cursor-not-allowed data-disabled:opacity-50 data-highlighted:bg-(--vuno-accent)/10";
-            readonly separator: "-mx-1 my-1 h-px bg-vuno-border";
+            readonly root: "flex w-full flex-col gap-8";
         };
         readonly variants: {
-            readonly color: Record<import("../types/base.js").VunoColor, Record<"item", string>>;
+            readonly fluid: {
+                readonly false: {};
+                readonly true: {
+                    readonly root: "gap-0";
+                };
+            };
         };
     };
-    numberInput: {
+    fileUploader: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly error: "pt-4";
+                readonly item: "py-3";
+            };
+            readonly invalid: "true";
+            readonly size: "lg";
+        }, {
+            readonly class: {
+                readonly error: "pt-[11px]";
+                readonly item: "py-2";
+            };
+            readonly invalid: "true";
+            readonly size: "md";
+        }, {
+            readonly class: {
+                readonly error: "pt-[7px]";
+                readonly item: "py-1";
+            };
+            readonly invalid: "true";
+            readonly size: "sm";
+        }];
         readonly slots: {
-            readonly base: "w-full min-w-0 bg-transparent text-right tabular-nums outline-none placeholder:text-vuno-subtle disabled:cursor-not-allowed";
+            readonly name: "ms-4 overflow-hidden text-sm leading-[1.125rem] tracking-[0.16px] text-ellipsis whitespace-nowrap text-(--vuno-text-primary)";
+            readonly complete: "size-4 text-(--vuno-interactive)";
+            readonly container: "flex w-full max-w-80 flex-col gap-2";
+            readonly description: "mb-4 text-sm leading-[1.125rem] tracking-[0.16px] text-(--vuno-text-secondary)";
+            readonly dropzone: "flex h-24 w-full max-w-80 cursor-pointer items-start justify-between overflow-hidden border border-dashed border-(--vuno-border-strong-01) p-4 text-start text-sm leading-[1.125rem] tracking-[0.16px] text-(--vuno-link-primary) outline-solid outline-2 -outline-offset-2 outline-transparent transition-[outline-color] duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) hover:underline hover:outline-(--vuno-focus) focus:underline focus:outline-(--vuno-focus) active:text-(--vuno-text-primary) active:underline motion-reduce:transition-none";
+            readonly dropzoneDragOver: "outline-(--vuno-focus)";
+            readonly dropzoneRoot: "w-full";
+            readonly error: "col-span-full block border-t border-(--vuno-border-subtle-00) px-4";
+            readonly errorBody: "text-xs leading-4 tracking-[0.32px] text-(--vuno-text-primary)";
+            readonly errorTitle: "text-xs leading-4 tracking-[0.32px] text-(--vuno-text-error)";
+            readonly invalidIcon: "me-2 size-4 shrink-0 text-(--vuno-support-error)";
+            readonly item: "grid w-full max-w-80 grid-cols-[1fr_auto] items-center bg-(--vuno-field-01) break-words forced-colors:outline-solid forced-colors:outline-1 forced-colors:outline-transparent";
+            readonly label: "mb-2 text-sm leading-[1.125rem] font-semibold tracking-[0.16px] text-(--vuno-text-primary)";
+            readonly loading: "flex h-4 w-6 items-center justify-center p-1";
+            readonly loadingIcon: "size-4 text-(--vuno-icon-primary)";
+            readonly remove: "flex size-6 cursor-pointer items-center justify-center border-0 bg-transparent p-0 text-(--vuno-icon-primary) outline-solid outline-2 -outline-offset-2 outline-transparent focus:outline-(--vuno-focus) disabled:cursor-not-allowed disabled:text-(--vuno-icon-disabled)";
+            readonly removeIcon: "size-4";
+            readonly root: "flex w-full flex-col items-start";
+            readonly state: "flex min-w-6 items-center justify-center pe-3";
         };
         readonly variants: {
-            readonly orientation: {
-                readonly horizontal: {
-                    readonly actions: "flex items-center";
+            readonly disabled: {
+                readonly false: {};
+                readonly true: {
+                    readonly name: "text-(--vuno-text-disabled)";
+                    readonly description: "text-(--vuno-text-disabled)";
+                    readonly dropzone: "cursor-no-drop border-(--vuno-button-disabled) text-(--vuno-text-disabled) hover:no-underline hover:outline-transparent";
+                    readonly item: "cursor-not-allowed text-(--vuno-text-disabled)";
+                    readonly label: "text-(--vuno-text-disabled)";
                 };
-                readonly vertical: {
-                    readonly actions: "flex flex-col-reverse";
-                    readonly stepper: "h-3.5 w-7 p-0";
-                    readonly stepperIcon: "size-3";
+            };
+            readonly invalid: {
+                readonly false: {};
+                readonly true: {
+                    readonly item: "outline-solid outline-2 -outline-offset-2 outline-(--vuno-support-error)";
                 };
             };
-        };
-    };
-    input: {
-        readonly slots: {
-            readonly base: "w-full min-w-0 bg-transparent outline-none placeholder:text-vuno-subtle disabled:cursor-not-allowed";
-            readonly icon: "shrink-0 text-vuno-muted";
-        };
-        readonly variants: {
             readonly size: {
-                readonly xs: {
-                    readonly icon: "size-3.5";
-                };
                 readonly sm: {
-                    readonly icon: "size-4";
+                    readonly item: "min-h-8 gap-y-1";
                 };
                 readonly md: {
-                    readonly icon: "size-4";
+                    readonly item: "min-h-10 gap-y-2";
                 };
                 readonly lg: {
-                    readonly icon: "size-5";
+                    readonly item: "min-h-12 gap-y-3";
                 };
-                readonly xl: {
-                    readonly icon: "size-5";
+            };
+            readonly variant: {
+                readonly button: {
+                    readonly container: "mt-4";
+                };
+                readonly dropContainer: {
+                    readonly container: "mt-2";
                 };
             };
         };
     };
-    control: {
+    dropdown: {
         readonly slots: {
-            readonly root: "flex w-full items-center gap-1.5 rounded-sm border border-vuno-border-strong bg-vuno-surface text-vuno-body transition-colors [--vuno-accent:var(--color-vuno-primary)] focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-(--vuno-accent) has-disabled:cursor-not-allowed has-disabled:opacity-50 has-aria-invalid:border-vuno-error has-aria-invalid:[--vuno-accent:var(--color-vuno-error)] data-trailing:pe-0";
+            readonly clear: "relative after:absolute after:top-1/2 after:-end-1 after:h-4 after:w-px after:-translate-y-1/2 after:bg-(--vuno-border-subtle-01)";
+            readonly content: "z-dropdown w-(--vuno-dropdown-width,16rem) overflow-y-auto bg-(--vuno-layer-01) shadow-[0_2px_6px_var(--vuno-shadow)] outline-none";
+            readonly control: "pe-3 text-sm leading-[1.125rem] tracking-[0.16px] transition-colors duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) data-trailing:pe-3 data-expanded:border-(--vuno-border-subtle-01) hover:bg-(--vuno-field-hover-01) data-expanded:hover:bg-(--vuno-field-01) data-disabled:border-transparent data-disabled:outline-none has-disabled:hover:bg-(--vuno-field-01) motion-reduce:transition-none";
+            readonly empty: "px-4 py-3 text-(--vuno-text-helper)";
+            readonly field: "flex w-full min-w-0 cursor-pointer items-center gap-2 self-stretch bg-transparent text-start outline-none disabled:cursor-not-allowed";
+            readonly helper: "mt-1 text-xs tracking-[0.32px] text-(--vuno-text-helper) [fieldset:disabled_&]:text-(--vuno-text-disabled)";
+            readonly input: "w-full min-w-0 bg-transparent py-1 text-(--vuno-text-primary) outline-none placeholder:text-(--vuno-text-placeholder) disabled:cursor-not-allowed";
+            readonly item: "relative flex cursor-pointer items-center justify-between gap-2 px-4 text-sm leading-4 tracking-[0.16px] text-(--vuno-text-secondary) outline-none transition-colors duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) first:before:hidden before:absolute before:inset-x-4 before:top-0 before:h-px before:bg-(--vuno-border-subtle-01) before:transition-colors before:duration-(--vuno-duration-fast-01) before:ease-(--vuno-easing-standard-productive) hover:bg-(--vuno-layer-hover-01) hover:text-(--vuno-text-primary) hover:before:bg-transparent active:bg-(--vuno-layer-selected-01) data-disabled:cursor-not-allowed data-disabled:text-(--vuno-text-disabled) data-highlighted:text-(--vuno-text-primary) data-highlighted:outline-2 data-highlighted:-outline-offset-2 data-highlighted:outline-solid data-highlighted:outline-(--vuno-focus) data-highlighted:before:bg-transparent data-selected:bg-(--vuno-layer-selected-01) data-selected:text-(--vuno-text-primary) data-selected:before:bg-transparent data-selected:hover:bg-(--vuno-layer-selected-hover-01) [&:hover+li]:before:bg-transparent [&[data-highlighted]+li]:before:bg-transparent [&[data-selected]+li]:before:bg-transparent motion-reduce:transition-none motion-reduce:before:transition-none";
+            readonly itemIcon: "size-4";
+            readonly itemIndicator: "shrink-0 text-(--vuno-icon-primary)";
+            readonly label: "min-w-0 flex-1 truncate";
+            readonly message: "text-(--vuno-text-error)";
+            readonly placeholder: "text-(--vuno-text-placeholder)";
+            readonly stateIcon: "size-4 shrink-0";
+            readonly title: "";
+            readonly trigger: "inline-flex size-6 shrink-0 cursor-pointer items-center justify-center text-(--vuno-icon-primary) transition-transform duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) disabled:cursor-not-allowed disabled:text-(--vuno-icon-disabled) data-disabled:text-(--vuno-icon-disabled) data-open:rotate-180 motion-reduce:transition-none";
+            readonly triggerIcon: "size-4";
+            readonly warning: "text-(--vuno-text-primary)";
+            readonly wrapper: "w-full min-w-0";
         };
         readonly variants: {
-            readonly groupOrientation: {
-                readonly horizontal: {
-                    readonly root: "not-last:not-first:rounded-none not-only:first:rounded-e-none not-only:last:rounded-s-none focus-within:z-1";
+            readonly invalid: {
+                readonly false: {};
+                readonly true: {
+                    readonly control: "border-(--vuno-support-error) outline-2 -outline-offset-2 outline-(--vuno-support-error)";
+                    readonly stateIcon: "text-(--vuno-support-error)";
                 };
-                readonly vertical: {
-                    readonly root: "not-last:not-first:rounded-none not-only:first:rounded-b-none not-only:last:rounded-t-none focus-within:z-1";
+            };
+            readonly readOnly: {
+                readonly false: {};
+                readonly true: {
+                    readonly control: "border-(--vuno-border-subtle-01) bg-transparent hover:bg-transparent";
+                    readonly trigger: "text-(--vuno-icon-disabled)";
                 };
             };
-            readonly radius: Record<import("../types/base.js").VunoRadius, Record<"root", string>>;
             readonly size: {
-                readonly xs: {
-                    readonly root: "min-h-6 ps-2 pe-2 text-xs";
-                };
                 readonly sm: {
-                    readonly root: "min-h-7 ps-2.5 pe-2.5 text-sm";
+                    readonly content: "max-h-[min(11rem,var(--vuno-dropdown-available-height,11rem))]";
+                    readonly item: "min-h-8";
                 };
                 readonly md: {
-                    readonly root: "min-h-8 ps-3 pe-3 text-sm";
+                    readonly content: "max-h-[min(13.75rem,var(--vuno-dropdown-available-height,13.75rem))]";
+                    readonly item: "min-h-10";
                 };
                 readonly lg: {
-                    readonly root: "min-h-9 ps-3.5 pe-3.5 text-base";
+                    readonly content: "max-h-[min(16.5rem,var(--vuno-dropdown-available-height,16.5rem))]";
+                    readonly item: "min-h-12";
                 };
-                readonly xl: {
-                    readonly root: "min-h-10 ps-4 pe-4 text-base";
+            };
+            readonly type: {
+                readonly default: {};
+                readonly inline: {
+                    readonly control: "w-auto border-b-0 bg-transparent ps-2 pe-2 hover:bg-(--vuno-layer-hover-01) data-expanded:hover:bg-transparent";
+                    readonly helper: "col-span-2 mt-0";
+                    readonly title: "mb-0 text-sm leading-[1.125rem] tracking-[0.16px]";
+                    readonly wrapper: "inline-grid w-auto min-w-0 grid-cols-[auto_auto] items-center gap-x-1";
+                };
+            };
+            readonly warn: {
+                readonly false: {};
+                readonly true: {
+                    readonly stateIcon: "text-(--vuno-support-warning)";
                 };
             };
         };
     };
-    formSection: {
-        readonly slots: {
-            readonly description: "mt-1 text-vuno-muted";
-            readonly header: "col-span-12 flex min-w-0 flex-col";
-            readonly plain: "grid w-full grid-cols-12 gap-x-4 gap-y-5";
-            readonly root: "grid w-full grid-cols-12 gap-x-4 gap-y-5 rounded-sm border border-vuno-border p-4";
-            readonly title: "font-semibold text-vuno-strong";
-        };
-        readonly variants: {
-            readonly radius: Record<import("../types/base.js").VunoRadius, Record<"root", string>>;
-        };
-    };
-    formModal: {
-        readonly slots: {
-            readonly body: "";
-            readonly content: "";
-            readonly footer: "justify-between";
-            readonly root: "";
-        };
-    };
-    formField: {
+    definitionTooltip: {
         readonly slots: {
-            readonly content: "flex min-w-0 flex-col gap-1";
-            readonly control: "flex min-w-0 flex-col gap-1";
-            readonly description: "text-vuno-muted";
-            readonly error: "text-vuno-error";
-            readonly help: "text-vuno-muted";
-            readonly hint: "text-vuno-muted";
-            readonly label: "font-medium text-vuno-strong";
-            readonly labelRow: "flex items-center justify-between gap-2";
-            readonly required: "text-vuno-error";
-            readonly root: "grid w-full min-w-0 gap-1";
+            readonly caret: "pointer-events-none absolute bg-(--definition-tooltip-surface)";
+            readonly content: "z-floating block w-max max-w-44 rounded-[2px] bg-(--definition-tooltip-surface) px-4 py-2 text-sm leading-5 font-normal tracking-[0.16px] break-words text-(--vuno-text-inverse) [--definition-tooltip-surface:var(--vuno-background-inverse)]";
+            readonly root: "inline-block";
+            readonly trigger: string;
         };
         readonly variants: {
-            readonly orientation: {
-                readonly horizontal: {
-                    readonly content: "pt-2";
-                    readonly root: "grid-cols-[minmax(8rem,1fr)_minmax(0,2fr)] items-start gap-x-4";
-                };
-                readonly vertical: {
-                    readonly root: "grid-cols-1";
+            readonly open: {
+                readonly false: {
+                    readonly content: "hidden";
                 };
+                readonly true: {};
             };
-            readonly size: {
-                readonly xs: {
-                    readonly description: "text-xs";
-                    readonly error: "text-xs";
-                    readonly help: "text-xs";
-                    readonly hint: "text-xs";
-                    readonly label: "text-xs";
+            readonly side: {
+                readonly bottom: {
+                    readonly caret: "h-1.5 w-3 [clip-path:polygon(0%_100%,50%_0%,100%_100%)]";
                 };
-                readonly sm: {
-                    readonly description: "text-xs";
-                    readonly error: "text-xs";
-                    readonly help: "text-xs";
-                    readonly hint: "text-xs";
-                    readonly label: "text-xs";
-                };
-                readonly md: {
-                    readonly description: "text-xs";
-                    readonly error: "text-xs";
-                    readonly help: "text-xs";
-                    readonly hint: "text-xs";
-                    readonly label: "text-sm";
+                readonly left: {
+                    readonly caret: "h-3 w-1.5 [clip-path:polygon(0%_0%,100%_50%,0%_100%)]";
                 };
-                readonly lg: {
-                    readonly description: "text-sm";
-                    readonly error: "text-sm";
-                    readonly help: "text-sm";
-                    readonly hint: "text-sm";
-                    readonly label: "text-sm";
+                readonly right: {
+                    readonly caret: "h-3 w-1.5 [clip-path:polygon(0%_50%,100%_0%,100%_100%)]";
                 };
-                readonly xl: {
-                    readonly description: "text-sm";
-                    readonly error: "text-sm";
-                    readonly help: "text-sm";
-                    readonly hint: "text-sm";
-                    readonly label: "text-base";
+                readonly top: {
+                    readonly caret: "h-1.5 w-3 [clip-path:polygon(0%_0%,50%_100%,100%_0%)]";
                 };
             };
         };
     };
-    form: {
-        readonly slots: {
-            readonly base: "@container relative flex w-full flex-col gap-4";
-            readonly footer: "flex w-full items-center justify-between gap-4";
-            readonly sections: "grid w-full grid-cols-12 gap-x-4 gap-y-5";
-            readonly tabs: "w-full";
-            readonly tabsContent: "w-full pt-5";
-        };
-    };
-    textarea: {
+    datePicker: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly field: "w-38";
+            };
+            readonly state: "invalid";
+            readonly type: "simple";
+        }, {
+            readonly class: {
+                readonly field: "w-38";
+            };
+            readonly state: "warn";
+            readonly type: "simple";
+        }, {
+            readonly class: {
+                readonly field: "w-[5.7rem]";
+            };
+            readonly short: "true";
+            readonly type: "simple";
+        }];
         readonly slots: {
-            readonly base: "max-h-[calc(var(--vuno-textarea-maxrows,999)*1lh+var(--vuno-textarea-pad)*2)] min-h-[calc(var(--vuno-textarea-rows)*1lh+var(--vuno-textarea-pad)*2)] w-full min-w-0 resize-none bg-transparent py-(--vuno-textarea-pad) outline-none placeholder:text-vuno-subtle disabled:cursor-not-allowed";
+            readonly base: "font-mono text-sm tracking-[0.32px]";
+            readonly calendar: "z-[99999] flex h-84 w-72 translate-y-0 flex-col justify-center overflow-hidden bg-(--vuno-layer-01) px-1 pt-1 pb-2 opacity-100 shadow-[0_2px_6px_var(--vuno-shadow)] outline-none transition-[opacity,translate] duration-(--vuno-duration-fast-02) ease-[cubic-bezier(0,0,0.38,0.9)] motion-reduce:transition-none starting:-translate-y-5 starting:opacity-0";
+            readonly day: "relative flex size-10 cursor-pointer items-center justify-center text-sm leading-[1.125rem] tracking-[0.16px] text-(--vuno-text-primary) outline-solid outline-2 -outline-offset-2 outline-transparent transition-colors duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) hover:bg-(--vuno-layer-hover-01) focus:outline-(--vuno-button-primary) disabled:cursor-not-allowed disabled:text-(--vuno-text-disabled) disabled:hover:bg-transparent motion-reduce:transition-none data-outside:text-(--vuno-text-helper) data-range:bg-(--vuno-highlight) data-selected:bg-(--vuno-button-primary) data-selected:not-disabled:text-(--vuno-text-on-color) data-selected:focus:outline-solid data-selected:focus:outline-1 data-selected:focus:outline-offset-[-3px] data-selected:focus:outline-(--vuno-layer-02) data-today:font-semibold data-today:not-disabled:text-(--vuno-link-primary) data-today:after:absolute data-today:after:bottom-[7px] data-today:after:left-1/2 data-today:after:size-1 data-today:after:-translate-x-1/2 data-today:after:bg-current data-today:after:content-[''] data-selected:data-today:not-disabled:text-(--vuno-text-on-color) data-selected:data-today:outline-(--vuno-focus) data-selected:data-today:after:hidden";
+            readonly field: "flex min-w-0 flex-col";
+            readonly fields: "flex min-w-0";
+            readonly grid: "w-full table-fixed border-collapse";
+            readonly header: "flex items-center justify-between";
+            readonly helper: "mt-1 text-xs tracking-[0.32px] text-(--vuno-text-helper)";
+            readonly icon: "size-4 shrink-0 text-(--vuno-icon-primary) in-[:disabled]:text-(--vuno-icon-disabled)";
+            readonly message: "mt-1 text-xs tracking-[0.32px] text-(--vuno-text-primary)";
+            readonly month: "flex-1 text-center text-sm font-semibold text-(--vuno-text-primary)";
+            readonly nav: "flex size-10 shrink-0 cursor-pointer items-center justify-center text-(--vuno-icon-primary) outline-solid outline-2 -outline-offset-2 outline-transparent transition-colors duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) hover:bg-(--vuno-layer-hover-01) focus-visible:outline-(--vuno-focus) disabled:cursor-not-allowed disabled:bg-transparent disabled:text-(--vuno-icon-disabled) motion-reduce:transition-none";
+            readonly navIcon: "size-4";
+            readonly root: "has-disabled:border-transparent data-trailing:gap-4 data-trailing:pe-4";
+            readonly trigger: "flex h-full shrink-0 cursor-pointer items-center border-0 bg-transparent p-0 outline-solid outline-2 -outline-offset-2 outline-transparent focus-visible:outline-(--vuno-focus) disabled:cursor-not-allowed";
+            readonly weekday: "h-10 text-sm leading-[1.125rem] font-normal tracking-[0.16px] text-(--vuno-text-primary)";
         };
         readonly variants: {
-            readonly autoresize: {
+            readonly readOnly: {
                 readonly false: {};
                 readonly true: {
-                    readonly base: "field-sizing-content";
+                    readonly root: "border-(--vuno-border-subtle-00) bg-transparent";
                 };
             };
-            readonly size: {
-                readonly xs: {
-                    readonly base: "[--vuno-textarea-pad:0.25rem]";
+            readonly short: {
+                readonly false: {};
+                readonly true: {};
+            };
+            readonly state: {
+                readonly invalid: {
+                    readonly icon: "text-(--vuno-support-error)";
+                    readonly message: "text-(--vuno-text-error)";
+                    readonly root: "not-focus-within:outline-solid not-focus-within:outline-2 not-focus-within:-outline-offset-2 not-focus-within:outline-(--vuno-support-error)";
                 };
-                readonly sm: {
-                    readonly base: "[--vuno-textarea-pad:0.25rem]";
+                readonly normal: {};
+                readonly warn: {
+                    readonly icon: "text-(--vuno-support-warning)";
                 };
-                readonly md: {
-                    readonly base: "[--vuno-textarea-pad:0.375rem]";
+            };
+            readonly type: {
+                readonly range: {
+                    readonly field: "min-w-0";
+                    readonly fields: "grid w-72 grid-cols-2 gap-px";
                 };
-                readonly lg: {
-                    readonly base: "[--vuno-textarea-pad:0.5rem]";
+                readonly simple: {
+                    readonly field: "w-30";
                 };
-                readonly xl: {
-                    readonly base: "[--vuno-textarea-pad:0.5rem]";
+                readonly single: {
+                    readonly field: "w-72";
                 };
             };
         };
     };
-    fieldTextarea: {
-        readonly slots: {
-            readonly root: "w-full";
-        };
-    };
-    tagsInput: {
+    dataTable: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly row: "even:bg-(--vuno-layer-selected-01) even:hover:bg-(--vuno-layer-selected-hover-01) [&:not([data-parent-row])]:odd:[&>td]:border-b-(--vuno-layer-active-01) [&:not([data-parent-row])]:even:[&>td]:border-b-(--vuno-layer-active-01) [&:not([data-parent-row])]:odd:hover:[&>td]:border-b-(--vuno-layer-selected-hover-01) [&:not([data-parent-row])]:even:hover:[&>td]:border-b-(--vuno-layer-selected-hover-01)";
+            };
+            readonly selected: "true";
+            readonly zebra: "true";
+        }, {
+            readonly class: {
+                readonly header: "p-0 [&>div]:px-4";
+                readonly headerLabel: "leading-none";
+            };
+            readonly sortable: "true";
+        }, {
+            readonly class: {
+                readonly checkboxCell: "pt-4";
+            };
+            readonly radio: "true";
+            readonly size: "xl";
+        }];
         readonly slots: {
-            readonly content: "flex min-w-0 flex-1 flex-wrap items-center gap-1 py-1";
-            readonly input: "min-w-24 flex-1 bg-transparent outline-none placeholder:text-vuno-subtle disabled:cursor-not-allowed";
-            readonly remove: "inline-flex shrink-0 items-center justify-center rounded-sm text-vuno-muted transition-colors hover:text-vuno-body focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-(--vuno-accent) disabled:cursor-not-allowed";
-            readonly removeIcon: "size-3.5";
-            readonly tag: "inline-flex max-w-full items-center gap-0.5 rounded-sm bg-vuno-surface-2 px-1.5 text-vuno-body";
-            readonly tagLabel: "truncate";
+            readonly actionList: "flex h-12 items-center [&_button:disabled]:border-transparent [&_button:disabled]:bg-transparent [&_button:disabled]:text-(--vuno-text-on-color) [&_button:disabled]:opacity-50";
+            readonly batchActions: "pointer-events-none absolute inset-x-0 bottom-0 z-1 flex translate-y-full items-center justify-between bg-(--vuno-background-brand) opacity-0 transition duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) motion-reduce:transition-none [&_button]:px-4 [&_button]:whitespace-nowrap [&_button:focus]:border-transparent [&_button:focus]:shadow-none [&_button:focus]:outline-solid [&_button:focus]:outline-2 [&_button:focus]:-outline-offset-2 [&_button:focus]:outline-(--vuno-layer-01) [&_button_[data-vuno-icon]]:static [&_button_[data-vuno-icon]]:ms-2";
+            readonly batchCancel: "before:absolute before:start-0 before:top-4 before:block before:h-4 before:w-px before:bg-(--vuno-text-on-color) before:opacity-100 before:transition-opacity before:duration-(--vuno-duration-fast-02) before:ease-(--vuno-easing-standard-productive) before:content-[''] motion-reduce:before:transition-none [:focus+&]:before:opacity-0 [:hover+&]:before:opacity-0";
+            readonly batchDivider: "ps-2";
+            readonly batchSummary: "sticky start-0 flex min-h-12 items-center bg-(--vuno-background-brand) px-4 text-(--vuno-text-on-color)";
+            readonly batchText: "text-sm leading-[1.125rem] tracking-normal";
+            readonly body: "bg-(--vuno-layer-01) text-sm leading-[1.125rem] tracking-normal";
+            readonly cell: "border-t border-b border-t-transparent border-b-(--vuno-border-subtle-01) px-4 text-start align-middle text-(--vuno-text-secondary) [tr[data-parent-row]:first-of-type>&]:border-t-(--vuno-border-subtle-00)";
+            readonly checkbox: "w-auto";
+            readonly checkboxCell: "min-w-10 ps-4 pe-1";
+            readonly childRow: "pt-4 pb-6";
+            readonly container: "relative w-full pt-0.5";
+            readonly content: "block overflow-x-auto focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus)";
+            readonly decorator: "flex items-center";
+            readonly description: "text-sm leading-[1.125rem] tracking-normal text-(--vuno-text-secondary) md:max-w-[50ch] lg:max-w-[80ch]";
+            readonly empty: "px-4 py-8 text-center text-sm text-(--vuno-text-secondary)";
+            readonly expandButton: "inline-flex h-[calc(100%+1px)] w-full cursor-pointer items-center justify-center px-2 focus:shadow-[inset_0_0_0_2px_var(--vuno-focus)] focus:outline-none";
+            readonly expandCell: "h-8 w-8 p-2 pe-0 align-middle";
+            readonly expandedCell: "border-b border-(--vuno-border-subtle-00) bg-(--vuno-layer-hover-01) ps-14 pe-4 hover:text-(--vuno-text-primary)";
+            readonly expandedRow: "";
+            readonly expandIcon: "size-4 rotate-90 text-(--vuno-layer-selected-inverse) transition-transform duration-(--vuno-duration-moderate-01) ease-(--vuno-easing-standard-productive) motion-reduce:transition-none";
+            readonly head: "bg-(--vuno-layer-accent-01) text-sm leading-[1.125rem] font-semibold tracking-normal";
+            readonly header: "bg-(--vuno-layer-accent-01) px-4 text-start align-middle text-(--vuno-text-primary)";
+            readonly headerLabel: "text-start";
+            readonly innerContainer: "bg-(--vuno-layer-accent-01) [transform:translateZ(0)]";
+            readonly radioControl: "-me-0.5";
+            readonly row: "h-12 transition-colors duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) hover:bg-(--vuno-layer-hover-01) hover:[&>td]:border-b-(--vuno-layer-hover-01) hover:[&>td]:text-(--vuno-text-primary) motion-reduce:transition-none";
+            readonly sort: "group/sort flex min-h-full w-full cursor-pointer items-center justify-between bg-(--vuno-layer-accent-01) ps-4 text-start font-[inherit] leading-none text-(--vuno-text-primary) transition-colors duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) hover:bg-(--vuno-layer-selected-hover-01) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) motion-reduce:transition-none";
+            readonly sortDescription: "sr-only";
+            readonly sortFlex: "flex min-h-12 w-full items-center justify-between";
+            readonly sortIcon: "mx-2 size-5 min-w-4 shrink-0";
+            readonly table: "w-full border-collapse border-spacing-0";
+            readonly title: "text-xl leading-7 text-(--vuno-text-primary)";
+            readonly titleBar: "bg-(--vuno-layer-01) px-4 pt-4 pb-6";
+            readonly toolbar: "relative z-1 flex h-12 min-h-12 w-full bg-(--vuno-layer-01)";
+            readonly toolbarAction: "flex size-12 cursor-pointer items-center justify-center bg-transparent transition-colors duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) hover:bg-(--vuno-field-hover-01) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) aria-expanded:bg-(--vuno-layer-02) aria-expanded:hover:bg-(--vuno-layer-02) motion-reduce:transition-none";
+            readonly toolbarContent: "flex h-full w-full justify-end transition-[transform,clip-path] duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) [[data-batch-active]~&]:translate-y-full [[data-batch-active]~&]:[clip-path:polygon(0_0,100%_0,100%_0,0_0)] motion-reduce:transition-none";
+            readonly toolbarMenu: "bg-(--vuno-layer-02)";
+            readonly toolbarSearch: "flex h-full items-center transition-[transform,clip-path] duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) [[data-batch-active]~&]:translate-y-full [[data-batch-active]~&]:[clip-path:polygon(0_0,100%_0,100%_0,0_0)] motion-reduce:transition-none";
+            readonly toolbarSearchInput: "not-placeholder-shown:bg-(--vuno-field-hover-01)";
+            readonly toolbarSearchMagnifier: "hover:bg-(--vuno-field-hover-01)";
         };
         readonly variants: {
-            readonly size: {
-                readonly xs: {
-                    readonly input: "text-xs";
-                    readonly tag: "text-xs";
+            readonly batch: {
+                readonly false: {};
+                readonly true: {
+                    readonly batchActions: "pointer-events-auto translate-y-0 opacity-100";
                 };
-                readonly sm: {
-                    readonly input: "text-sm";
-                    readonly tag: "text-xs";
+            };
+            readonly direction: {
+                readonly ASC: {
+                    readonly sort: "bg-(--vuno-layer-selected-hover-01)";
                 };
-                readonly md: {
-                    readonly input: "text-sm";
-                    readonly tag: "text-sm";
+                readonly DESC: {
+                    readonly sort: "bg-(--vuno-layer-selected-hover-01)";
                 };
-                readonly lg: {
-                    readonly input: "text-base";
-                    readonly tag: "text-sm";
+                readonly NONE: {
+                    readonly sortIcon: "opacity-0 group-hover/sort:opacity-100 group-focus/sort:opacity-100";
                 };
-                readonly xl: {
-                    readonly input: "text-base";
-                    readonly tag: "text-base";
+            };
+            readonly expanded: {
+                readonly false: {};
+                readonly true: {
+                    readonly expandIcon: "-rotate-90";
+                    readonly row: "has-[+tr:hover]:bg-(--vuno-layer-hover-01) [&>td]:border-b-(--vuno-border-subtle-00) hover:[&>td]:border-b-(--vuno-border-subtle-00)";
+                };
+            };
+            readonly radio: {
+                readonly false: {};
+                readonly true: {
+                    readonly checkboxCell: "w-12";
+                };
+            };
+            readonly selected: {
+                readonly false: {};
+                readonly true: {
+                    readonly row: "bg-(--vuno-layer-selected-01) hover:bg-(--vuno-layer-selected-hover-01) [&>td]:border-b-(--vuno-layer-active-01) hover:[&>td]:border-b-(--vuno-layer-selected-hover-01) [&>td]:text-(--vuno-text-primary)";
                 };
             };
-        };
-    };
-    fieldTags: {
-        readonly slots: {
-            readonly root: "w-full";
-        };
-    };
-    switch: {
-        readonly slots: {
-            readonly base: "peer absolute inset-0 m-0 size-full cursor-pointer appearance-none rounded-full border border-vuno-border-strong bg-vuno-surface-2 transition-[background-color,border-color] checked:border-(--vuno-accent) checked:bg-(--vuno-accent) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--vuno-accent) enabled:hover:border-(--vuno-accent) disabled:cursor-not-allowed motion-reduce:transition-none";
-            readonly root: "relative inline-flex shrink-0 items-center transition-opacity has-disabled:opacity-50 motion-reduce:transition-none";
-            readonly thumb: "pointer-events-none absolute top-1/2 left-0.5 -translate-y-1/2 rounded-full bg-vuno-surface transition-transform peer-active:scale-90 peer-disabled:scale-100 motion-reduce:transition-none";
-        };
-        readonly variants: {
-            readonly color: Record<import("../types/base.js").VunoColor, Record<"base", string>>;
-            readonly radius: Record<import("../types/base.js").VunoRadius, Record<"base" | "thumb", string>>;
             readonly size: {
                 readonly xs: {
-                    readonly root: "h-3.5 w-6";
-                    readonly thumb: "size-2.5 peer-checked:translate-x-2.5";
+                    readonly cell: "py-0.5";
+                    readonly checkboxCell: "pt-0 pb-0";
+                    readonly expandCell: "size-6 p-0 ps-2";
+                    readonly header: "h-6";
+                    readonly headerLabel: "py-0.5";
+                    readonly row: "h-6";
+                    readonly sortFlex: "min-h-6";
+                    readonly toolbar: "h-6 min-h-6";
                 };
                 readonly sm: {
-                    readonly root: "h-4 w-7";
-                    readonly thumb: "size-3 peer-checked:translate-x-3";
+                    readonly cell: "pt-[7px] pb-1.5";
+                    readonly checkboxCell: "pt-[3px] pb-[3px]";
+                    readonly expandCell: "size-8 p-0 ps-2";
+                    readonly header: "h-8";
+                    readonly headerLabel: "py-[7px]";
+                    readonly row: "h-8";
+                    readonly sortFlex: "min-h-8";
+                    readonly toolbar: "h-8 min-h-8";
                 };
                 readonly md: {
-                    readonly root: "h-5 w-9";
-                    readonly thumb: "size-4 peer-checked:translate-x-4";
+                    readonly cell: "pt-[7px] pb-1.5";
+                    readonly checkboxCell: "pt-[3px] pb-[3px]";
+                    readonly expandCell: "size-10 py-1 ps-2 pe-0";
+                    readonly header: "h-10";
+                    readonly headerLabel: "py-[7px]";
+                    readonly row: "h-10";
+                    readonly sortFlex: "min-h-10";
                 };
                 readonly lg: {
-                    readonly root: "h-6 w-11";
-                    readonly thumb: "size-5 peer-checked:translate-x-5";
+                    readonly header: "h-12";
+                    readonly row: "h-12";
+                    readonly sortFlex: "min-h-12";
+                    readonly toolbar: "h-12 min-h-12";
                 };
                 readonly xl: {
-                    readonly root: "h-7 w-12";
-                    readonly thumb: "size-6 peer-checked:translate-x-5";
+                    readonly cell: "py-4 align-top";
+                    readonly checkboxCell: "pt-[13px]";
+                    readonly expandButton: "w-8";
+                    readonly expandCell: "h-16 pt-2.5 pb-[22px] align-top";
+                    readonly header: "h-16 align-top";
+                    readonly headerLabel: "py-4";
+                    readonly row: "h-16";
+                    readonly sortFlex: "min-h-16 items-start";
+                    readonly sortIcon: "mt-[13px]";
                 };
             };
-        };
-    };
-    fieldSwitch: {
-        readonly slots: {
-            readonly root: "";
-        };
-    };
-    fieldSlug: {
-        readonly slots: {
-            readonly root: "w-full";
-        };
-    };
-    select: {
-        readonly slots: {
-            readonly content: "z-50 max-h-[min(18rem,var(--vuno-select-available-height,18rem))] w-(--vuno-select-width,16rem) overflow-y-auto rounded-sm border border-vuno-border bg-vuno-surface-1 p-1 shadow-lg";
-            readonly empty: "px-2 py-3 text-center text-sm text-vuno-muted";
-            readonly input: "w-full min-w-0 bg-transparent py-1 outline-none placeholder:text-vuno-subtle disabled:cursor-not-allowed";
-            readonly item: "flex cursor-default items-center justify-between gap-2 rounded-sm px-2 py-1.5 text-vuno-body outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-highlighted:bg-vuno-surface-2 data-highlighted:text-vuno-strong";
-            readonly itemIcon: "size-4";
-            readonly itemIndicator: "shrink-0 text-vuno-primary";
-            readonly trigger: "ms-auto inline-flex shrink-0 items-center self-stretch text-vuno-muted transition-colors hover:text-vuno-body disabled:cursor-not-allowed";
-            readonly triggerIcon: "size-4";
-        };
-        readonly variants: {
-            readonly size: {
-                readonly xs: {
-                    readonly item: "text-xs";
-                    readonly trigger: "me-2";
-                };
-                readonly sm: {
-                    readonly item: "text-sm";
-                    readonly trigger: "me-2.5";
-                };
-                readonly md: {
-                    readonly item: "text-sm";
-                    readonly trigger: "me-3";
+            readonly sortable: {
+                readonly false: {};
+                readonly true: {};
+            };
+            readonly static: {
+                readonly false: {};
+                readonly true: {
+                    readonly container: "w-fit";
+                    readonly table: "w-auto";
                 };
-                readonly lg: {
-                    readonly item: "text-base";
-                    readonly trigger: "me-3.5";
+            };
+            readonly sticky: {
+                readonly false: {};
+                readonly true: {
+                    readonly content: "max-h-75 overflow-y-auto";
+                    readonly header: "sticky top-0 z-1 border-b border-b-(--vuno-layer-active-01)";
                 };
-                readonly xl: {
-                    readonly item: "text-base";
-                    readonly trigger: "me-4";
+            };
+            readonly zebra: {
+                readonly false: {};
+                readonly true: {
+                    readonly row: "even:bg-(--vuno-layer-accent-01) [&:not([data-parent-row])]:odd:[&>td]:border-b-(--vuno-layer-01) [&:not([data-parent-row])]:even:[&>td]:border-b-(--vuno-layer-accent-01) [&:not([data-parent-row])]:odd:hover:[&>td]:border-b-(--vuno-layer-hover-01) [&:not([data-parent-row])]:even:hover:[&>td]:border-b-(--vuno-layer-hover-01)";
                 };
             };
         };
     };
-    fieldSelect: {
-        readonly slots: {
-            readonly root: "w-full";
-        };
-    };
-    fieldSearch: {
-        readonly slots: {
-            readonly base: "[&::-webkit-search-cancel-button]:appearance-none";
-            readonly root: "w-full";
-        };
-    };
-    radioGroup: {
+    control: {
         readonly slots: {
-            readonly control: "mt-0.5 shrink-0 cursor-pointer border border-vuno-border-strong bg-vuno-surface accent-(--vuno-accent) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--vuno-accent) disabled:cursor-not-allowed disabled:opacity-50";
-            readonly description: "text-vuno-muted";
-            readonly item: "flex items-start gap-2";
-            readonly label: "cursor-pointer text-vuno-body";
-            readonly root: "flex w-full";
-            readonly texts: "flex min-w-0 flex-col";
+            readonly root: "flex w-full items-center gap-2 rounded-none border-0 border-b border-(--vuno-border-strong-01) bg-(--vuno-field-01) text-(--vuno-text-primary) focus-within:outline-solid focus-within:outline-2 focus-within:outline-(--vuno-focus) focus-within:outline-offset-[-2px] has-disabled:cursor-not-allowed has-disabled:text-(--vuno-text-disabled) has-aria-invalid:border-(--vuno-support-error) data-trailing:pe-0";
         };
         readonly variants: {
-            readonly color: Record<import("../types/base.js").VunoColor, Record<"control", string>>;
-            readonly orientation: {
-                readonly horizontal: {
-                    readonly root: "flex-row flex-wrap gap-x-4 gap-y-1";
-                };
-                readonly vertical: {
-                    readonly root: "flex-col gap-1";
-                };
-            };
             readonly size: {
-                readonly xs: {
-                    readonly control: "size-3.5";
-                    readonly description: "text-xs";
-                    readonly label: "text-xs";
-                };
                 readonly sm: {
-                    readonly control: "size-4";
-                    readonly description: "text-xs";
-                    readonly label: "text-sm";
+                    readonly root: "min-h-8 px-4 text-xs";
                 };
                 readonly md: {
-                    readonly control: "size-4";
-                    readonly description: "text-xs";
-                    readonly label: "text-sm";
+                    readonly root: "min-h-10 px-4 text-sm";
                 };
                 readonly lg: {
-                    readonly control: "size-5";
-                    readonly description: "text-sm";
-                    readonly label: "text-base";
-                };
-                readonly xl: {
-                    readonly control: "size-5";
-                    readonly description: "text-sm";
-                    readonly label: "text-base";
+                    readonly root: "min-h-12 px-4 text-sm";
                 };
             };
         };
     };
-    fieldRadio: {
-        readonly slots: {
-            readonly root: "w-full";
-        };
-    };
-    fieldPassword: {
-        readonly slots: {
-            readonly root: "w-full";
-        };
-    };
-    fieldNumber: {
-        readonly slots: {
-            readonly root: "w-full";
-        };
-    };
-    fieldInput: {
+    containedList: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly header: "h-8";
+            };
+            readonly kind: "on-page";
+            readonly size: "sm";
+        }, {
+            readonly class: {
+                readonly header: "h-10";
+            };
+            readonly kind: "on-page";
+            readonly size: "md";
+        }, {
+            readonly class: {
+                readonly header: "h-12";
+            };
+            readonly kind: "on-page";
+            readonly size: "lg";
+        }, {
+            readonly class: {
+                readonly header: "h-16";
+            };
+            readonly kind: "on-page";
+            readonly size: "xl";
+        }, {
+            readonly class: {
+                readonly content: "hover:bg-(--vuno-layer-hover-01) active:bg-(--vuno-layer-active-01)";
+            };
+            readonly clickable: "true";
+            readonly disabled: "false";
+        }, {
+            readonly class: {
+                readonly content: "cursor-not-allowed text-(--vuno-text-disabled)";
+            };
+            readonly clickable: "true";
+            readonly disabled: "true";
+        }];
         readonly slots: {
+            readonly action: "pointer-events-none absolute inset-x-0 top-0 flex justify-end [&>*]:pointer-events-auto";
+            readonly content: "box-border block w-full px-4 text-sm leading-5 font-normal tracking-[0.16px] text-(--vuno-text-primary)";
+            readonly header: "sticky top-0 z-1 box-border flex items-center px-4";
+            readonly icon: "mt-0.5 size-4 shrink-0";
+            readonly item: "relative m-0 list-item list-none before:absolute before:bottom-0 before:h-px before:bg-(--vuno-border-subtle-00) before:content-[''] last-of-type:before:hidden forced-colors:before:pointer-events-none forced-colors:before:z-1 forced-colors:before:bg-[CanvasText] [&:not(:first-of-type)]:-mt-px";
+            readonly label: "w-full";
+            readonly list: "m-0 list-none p-0";
             readonly root: "w-full";
-        };
-    };
-    fileUpload: {
-        readonly slots: {
-            readonly name: "truncate text-vuno-body";
-            readonly actions: "ms-auto flex shrink-0 items-center gap-1.5";
-            readonly dropzone: "flex cursor-pointer items-center rounded-sm border border-vuno-border-strong bg-vuno-surface-1 text-vuno-muted transition-[background-color,border-color,color] focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-vuno-primary hover:border-vuno-primary hover:bg-vuno-surface-2 hover:text-vuno-body";
-            readonly dropzoneActive: "border-vuno-primary bg-vuno-surface-2 text-vuno-body";
-            readonly dropzoneDisabled: "cursor-not-allowed opacity-50";
-            readonly fileIcon: "shrink-0 text-vuno-muted";
-            readonly hint: "leading-snug";
-            readonly item: "flex items-center gap-2 rounded-sm border border-vuno-border bg-vuno-surface p-1.5";
-            readonly itemAction: "rounded-sm";
-            readonly list: "flex w-full flex-col gap-1.5";
-            readonly preview: "shrink-0 rounded-sm object-cover";
-            readonly root: "flex w-full flex-col gap-2";
-            readonly size: "text-vuno-muted";
-            readonly texts: "flex min-w-0 flex-col";
+            readonly text: "min-w-0";
         };
         readonly variants: {
-            readonly dropzone: {
+            readonly clickable: {
+                readonly false: {};
+                readonly true: {
+                    readonly content: "m-0 cursor-pointer appearance-none border-0 bg-transparent text-start font-sans no-underline transition-colors duration-(--vuno-duration-moderate-01) ease-(--vuno-easing-standard-productive) focus:outline-none focus:after:absolute focus:after:inset-0 focus:after:outline-solid focus:after:outline-2 focus:after:-outline-offset-2 focus:after:outline-(--vuno-focus) focus:after:content-[''] motion-reduce:transition-none";
+                };
+            };
+            readonly disabled: {
+                readonly false: {};
+                readonly true: {};
+            };
+            readonly inset: {
                 readonly false: {
-                    readonly dropzone: "w-full justify-start gap-2 border-solid bg-vuno-surface px-3 py-2";
-                    readonly hint: "text-start";
+                    readonly item: "before:inset-x-0";
                 };
                 readonly true: {
-                    readonly dropzone: "min-h-24 w-full flex-col justify-center gap-2 border-dashed px-4 py-6";
-                    readonly hint: "text-center font-medium text-vuno-body";
+                    readonly item: "before:inset-x-4";
                 };
             };
-            readonly layout: {
-                readonly grid: {
-                    readonly item: "flex-col items-start";
-                    readonly list: "grid grid-cols-[repeat(auto-fill,minmax(8rem,1fr))] gap-2";
-                    readonly preview: "h-24 w-full";
+            readonly kind: {
+                readonly disclosed: {
+                    readonly header: "h-8 bg-(--vuno-layer-01) text-xs leading-4 font-normal tracking-[0.32px] text-(--vuno-text-secondary)";
                 };
-                readonly list: {
-                    readonly preview: "size-9";
+                readonly 'on-page': {
+                    readonly header: "border-b border-(--vuno-border-subtle-00) bg-(--vuno-layer-background-01) text-sm leading-[1.125rem] font-semibold tracking-[0.16px] text-(--vuno-text-primary)";
                 };
             };
-            readonly radius: Record<import("../types/base.js").VunoRadius, Record<"dropzone", string>>;
             readonly size: {
-                readonly xs: {
-                    readonly name: "text-xs";
-                    readonly fileIcon: "size-6";
-                    readonly hint: "text-xs";
-                    readonly icon: "size-6";
-                    readonly size: "text-xs";
-                };
                 readonly sm: {
-                    readonly name: "text-sm";
-                    readonly fileIcon: "size-7";
-                    readonly hint: "text-xs";
-                    readonly icon: "size-7";
-                    readonly size: "text-xs";
+                    readonly content: "min-h-8 py-1.5";
                 };
                 readonly md: {
-                    readonly name: "text-sm";
-                    readonly fileIcon: "size-8";
-                    readonly hint: "text-sm";
-                    readonly icon: "size-8";
-                    readonly size: "text-xs";
+                    readonly content: "min-h-10 py-2.5";
                 };
                 readonly lg: {
-                    readonly name: "text-base";
-                    readonly fileIcon: "size-9";
-                    readonly hint: "text-sm";
-                    readonly icon: "size-9";
-                    readonly size: "text-sm";
+                    readonly content: "min-h-12 py-3.5";
                 };
                 readonly xl: {
-                    readonly name: "text-base";
-                    readonly fileIcon: "size-10";
-                    readonly hint: "text-base";
-                    readonly icon: "size-10";
-                    readonly size: "text-sm";
+                    readonly content: "min-h-16 py-5.5";
+                };
+            };
+            readonly withAction: {
+                readonly false: {};
+                readonly true: {
+                    readonly content: "pe-16";
+                };
+            };
+            readonly withIcon: {
+                readonly false: {};
+                readonly true: {
+                    readonly content: "grid grid-cols-[1rem_1fr] gap-x-3";
                 };
             };
         };
     };
-    fieldFile: {
-        readonly slots: {
-            readonly root: "w-full";
-        };
-    };
-    fieldCurrency: {
+    copyButton: {
         readonly slots: {
-            readonly root: "w-full";
+            readonly base: "border-none bg-(--vuno-layer-01) hover:bg-(--vuno-layer-hover-01) focus:shadow-none focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) active:bg-(--vuno-layer-active-01) disabled:bg-(--vuno-layer-01)";
+            readonly live: "sr-only";
         };
     };
-    fieldColor: {
+    contentSwitcher: {
         readonly slots: {
-            readonly root: "flex w-full items-center gap-2";
-            readonly swatch: "relative flex shrink-0 cursor-pointer items-center justify-center rounded-sm border border-vuno-border-strong bg-vuno-surface p-1 transition-colors [--vuno-accent:var(--color-vuno-primary)] focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-(--vuno-accent) has-disabled:cursor-not-allowed has-disabled:opacity-50";
-            readonly swatchColor: "size-full rounded-sm";
-            readonly swatchInput: "absolute inset-0 cursor-pointer opacity-0";
+            readonly icon: "size-4 shrink-0 text-(--vuno-icon-primary) group-aria-selected:text-(--vuno-icon-inverse) group-disabled:text-(--vuno-icon-disabled)";
+            readonly label: "z-[1] max-w-full overflow-hidden text-ellipsis whitespace-nowrap";
+            readonly root: "flex h-10 w-full rounded-[4px] outline-solid outline-1 -outline-offset-1 outline-(--vuno-border-inverse) has-[button:disabled]:outline-(--vuno-border-disabled) [&:not(:has([role=tab]:not([data-icon-only])))]:w-fit";
+            readonly switch: string;
         };
         readonly variants: {
-            readonly size: {
-                readonly xs: {
-                    readonly swatch: "size-6";
+            readonly lowContrast: {
+                readonly false: {};
+                readonly true: {
+                    readonly icon: "text-(--vuno-icon-secondary) group-hover:text-(--vuno-icon-primary) group-aria-selected:text-(--vuno-icon-primary) group-disabled:text-(--vuno-icon-disabled)";
+                    readonly root: "bg-(--vuno-content-switcher-background) outline-(--vuno-border-strong-01)";
+                    readonly switch: string;
                 };
+            };
+            readonly size: {
                 readonly sm: {
-                    readonly swatch: "size-7";
+                    readonly root: "h-8";
+                    readonly switch: "data-[icon-only]:size-8";
                 };
                 readonly md: {
-                    readonly swatch: "size-8";
+                    readonly root: "h-10";
+                    readonly switch: "data-[icon-only]:size-10";
                 };
                 readonly lg: {
-                    readonly swatch: "size-9";
-                };
-                readonly xl: {
-                    readonly swatch: "size-10";
+                    readonly icon: "size-5";
+                    readonly root: "h-12";
+                    readonly switch: "px-[14px] data-[icon-only]:size-12";
                 };
             };
         };
     };
-    checkbox: {
+    codeSnippet: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly root: "pe-0 ps-0";
+            };
+            readonly noCopy: "true";
+            readonly type: "single";
+        }, {
+            readonly class: {
+                readonly pre: "pe-0";
+            };
+            readonly noCopy: "true";
+            readonly type: "multi";
+        }, {
+            readonly class: {
+                readonly root: "inline-block cursor-auto hover:bg-(--vuno-layer-01) active:bg-(--vuno-layer-01)";
+            };
+            readonly noCopy: "true";
+            readonly type: "inline";
+        }, {
+            readonly class: {
+                readonly container: "pb-4";
+            };
+            readonly expanded: "true";
+            readonly type: "multi";
+        }, {
+            readonly class: {
+                readonly pre: "break-words whitespace-pre-wrap";
+            };
+            readonly type: "multi";
+            readonly wrapText: "true";
+        }, {
+            readonly class: {
+                readonly root: "text-(--vuno-text-disabled)";
+            };
+            readonly disabled: "true";
+            readonly type: "multi";
+        }, {
+            readonly class: {
+                readonly root: "text-(--vuno-text-disabled)";
+            };
+            readonly disabled: "true";
+            readonly type: "single";
+        }];
         readonly slots: {
-            readonly base: "shrink-0 cursor-pointer rounded-sm border border-vuno-border-strong bg-vuno-surface accent-(--vuno-accent) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--vuno-accent) disabled:cursor-not-allowed disabled:opacity-50";
+            readonly code: "font-mono text-xs leading-4 tracking-[0.32px]";
+            readonly container: "relative";
+            readonly copy: "absolute end-0 top-0 hover:bg-(--vuno-layer-hover-01) focus:shadow-none focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) active:bg-(--vuno-layer-active-01)";
+            readonly copyIcon: "group-disabled:text-(--vuno-icon-disabled)";
+            readonly error: "absolute inset-x-0 top-full z-10 border-t border-(--vuno-support-error) bg-(--vuno-notification-background-error) px-4 py-2 text-xs text-(--vuno-support-error)";
+            readonly expand: "absolute end-0 bottom-0 z-10 h-8 bg-(--vuno-layer-01) ps-4 pe-4 text-(--vuno-text-primary) hover:bg-(--vuno-layer-hover-01) hover:text-(--vuno-text-primary) active:text-(--vuno-text-primary) focus:border-transparent focus:shadow-none focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) active:bg-(--vuno-layer-active-01) disabled:bg-(--vuno-layer-01) disabled:text-(--vuno-text-disabled) disabled:hover:bg-(--vuno-layer-01)";
+            readonly expandIcon: "transition-transform duration-(--vuno-duration-moderate-01) ease-(--vuno-easing-standard-productive) group-disabled:text-(--vuno-icon-disabled) motion-reduce:transition-none";
+            readonly expandLabel: "relative -top-px";
+            readonly live: "sr-only";
+            readonly pre: "m-0 font-mono text-xs leading-4 tracking-[0.32px]";
+            readonly root: "group";
         };
         readonly variants: {
-            readonly color: Record<import("../types/base.js").VunoColor, Record<"base", string>>;
-            readonly radius: Record<import("../types/base.js").VunoRadius, Record<"base", string>>;
-            readonly size: {
-                readonly xs: {
-                    readonly base: "size-3.5";
-                };
-                readonly sm: {
-                    readonly base: "size-4";
-                };
-                readonly md: {
-                    readonly base: "size-4";
-                };
-                readonly lg: {
-                    readonly base: "size-5";
+            readonly disabled: {
+                readonly false: {};
+                readonly true: {};
+            };
+            readonly expanded: {
+                readonly false: {};
+                readonly true: {
+                    readonly expandIcon: "rotate-180";
                 };
-                readonly xl: {
-                    readonly base: "size-5";
+            };
+            readonly noCopy: {
+                readonly false: {};
+                readonly true: {};
+            };
+            readonly type: {
+                readonly inline: {
+                    readonly code: "px-2 whitespace-pre";
+                    readonly root: "relative inline cursor-pointer rounded-[4px] border border-transparent bg-(--vuno-layer-01) p-0 text-(--vuno-text-primary) hover:bg-(--vuno-layer-hover-01) focus:border-(--vuno-focus) focus:outline-none active:bg-(--vuno-layer-active-01) forced-colors:focus:text-[Highlight] forced-colors:focus:outline-solid forced-colors:focus:outline-1 forced-colors:focus:outline-[Highlight]";
+                };
+                readonly multi: {
+                    readonly container: "order-1 w-full overflow-auto [--snippet-fade:to_right] rtl:[--snippet-fade:to_left] [mask-composite:intersect] [mask-image:linear-gradient(var(--snippet-fade),#000_calc(100%_-_2rem),transparent_100%),linear-gradient(to_bottom,#000_calc(100%_-_1rem),transparent_100%)] transition-[max-height] duration-(--vuno-duration-moderate-01) ease-(--vuno-easing-standard-productive) focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) group-focus-within:[mask-image:none] motion-reduce:transition-none";
+                    readonly copy: "end-2 top-2 z-10";
+                    readonly pre: "pb-6 pe-6";
+                    readonly root: "relative flex w-full max-w-3xl min-w-0 bg-(--vuno-layer-01) p-4 text-(--vuno-text-primary) forced-colors:[outline:1px_solid_transparent]";
+                };
+                readonly single: {
+                    readonly container: "flex h-full min-w-0 items-center overflow-x-auto ps-4 [--snippet-fade:to_right] rtl:[--snippet-fade:to_left] [mask-image:linear-gradient(var(--snippet-fade),#000_calc(100%_-_2rem),transparent_100%)] focus:outline-solid focus:outline-2 focus:-outline-offset-2 focus:outline-(--vuno-focus) group-focus-within:[mask-image:none]";
+                    readonly pre: "pe-8 whitespace-pre";
+                    readonly root: "relative flex h-10 w-full max-w-3xl min-w-0 items-center bg-(--vuno-layer-01) pe-10 text-(--vuno-text-primary) forced-colors:[outline:1px_solid_transparent]";
                 };
             };
+            readonly wrapText: {
+                readonly false: {};
+                readonly true: {};
+            };
         };
     };
-    fieldCheckbox: {
-        readonly slots: {
-            readonly root: "w-full";
-        };
-    };
-    fieldArray: {
-        readonly slots: {
-            readonly empty: "rounded-sm border border-dashed border-vuno-border px-4 py-6 text-center text-sm text-vuno-muted";
-            readonly item: "flex flex-col gap-3 rounded-sm border border-vuno-border p-4";
-            readonly itemAction: "pointer-coarse:size-11";
-            readonly itemActions: "flex items-center gap-1";
-            readonly itemFields: "grid w-full grid-cols-12 gap-x-4 gap-y-5";
-            readonly itemHeader: "flex items-center justify-between gap-2";
-            readonly itemLabel: "text-xs font-medium text-vuno-muted";
-            readonly root: "flex w-full flex-col gap-3";
-        };
-    };
-    controlGroup: {
+    checkboxGroup: {
         readonly slots: {
-            readonly root: "relative inline-flex";
+            readonly helper: "text-xs/[1rem] tracking-[0.32px] text-(--vuno-text-helper) in-[:disabled]:text-(--vuno-text-disabled)";
+            readonly icon: "mt-px ms-[3px] me-px size-4 shrink-0";
+            readonly legend: "mb-2 text-xs/[1rem] tracking-[0.32px] text-(--vuno-text-secondary) in-[:disabled]:text-(--vuno-text-disabled)";
+            readonly message: "text-(--vuno-text-primary)";
+            readonly options: "flex";
+            readonly root: "border-0 p-0";
+            readonly validation: "mt-[7px] flex w-full items-start gap-2";
         };
         readonly variants: {
             readonly orientation: {
                 readonly horizontal: {
-                    readonly root: "-space-x-px";
+                    readonly options: "flex-row flex-wrap gap-4";
                 };
                 readonly vertical: {
-                    readonly root: "flex-col -space-y-px";
-                };
-            };
-        };
-    };
-    container: {
-        readonly slots: {
-            readonly root: "mx-auto w-full";
-        };
-        readonly variants: {
-            readonly padding: {
-                readonly false: {};
-                readonly true: {
-                    readonly root: "px-4 sm:px-6 lg:px-8";
+                    readonly options: "-mt-0.5 flex-col gap-1.5";
                 };
             };
-            readonly size: {
-                readonly sm: {
-                    readonly root: "max-w-sm";
-                };
-                readonly md: {
-                    readonly root: "max-w-md";
-                };
-                readonly lg: {
-                    readonly root: "max-w-lg";
-                };
-                readonly xl: {
-                    readonly root: "max-w-xl";
-                };
-                readonly '2xl': {
-                    readonly root: "max-w-2xl";
-                };
-                readonly '3xl': {
-                    readonly root: "max-w-3xl";
-                };
-                readonly '4xl': {
-                    readonly root: "max-w-4xl";
-                };
-                readonly '5xl': {
-                    readonly root: "max-w-5xl";
-                };
-                readonly '6xl': {
-                    readonly root: "max-w-6xl";
+            readonly state: {
+                readonly default: {};
+                readonly invalid: {
+                    readonly icon: "text-(--vuno-support-error)";
+                    readonly message: "text-(--vuno-text-error)";
                 };
-                readonly '7xl': {
-                    readonly root: "max-w-7xl";
+                readonly warn: {
+                    readonly icon: "text-(--vuno-support-warning)";
                 };
-                readonly '8xl': {
-                    readonly root: "max-w-8xl";
-                };
-                readonly full: {};
             };
         };
     };
-    confirm: {
+    checkbox: {
         readonly slots: {
-            readonly body: "flex items-start gap-3";
-            readonly content: "";
-            readonly description: "min-w-0 space-y-1";
-            readonly footer: "justify-end";
-            readonly icon: "size-5 shrink-0 text-(--vuno-accent)";
+            readonly base: "peer mt-[3px] ms-[3px] size-4 shrink-0 cursor-pointer appearance-none rounded-[2px] border border-(--vuno-icon-primary) bg-transparent checked:border-transparent checked:bg-(--vuno-icon-primary) indeterminate:border-transparent indeterminate:bg-(--vuno-icon-primary) focus:outline-solid focus:outline-2 focus:outline-offset-1 focus:outline-(--vuno-focus) disabled:cursor-not-allowed disabled:border-(--vuno-icon-disabled) disabled:checked:bg-(--vuno-icon-disabled) disabled:indeterminate:bg-(--vuno-icon-disabled) aria-readonly:cursor-default aria-readonly:border-(--vuno-icon-disabled) aria-readonly:checked:border-(--vuno-icon-disabled) aria-readonly:checked:bg-transparent aria-readonly:indeterminate:border-(--vuno-icon-disabled) aria-readonly:indeterminate:bg-transparent";
+            readonly field: "relative flex items-start gap-[11px]";
+            readonly icon: "mt-px ms-[3px] me-px size-4 shrink-0";
+            readonly label: "min-h-5 cursor-pointer pt-px text-sm/[1.125rem] tracking-[0.16px] text-(--vuno-text-primary) select-none peer-disabled:cursor-not-allowed peer-disabled:text-(--vuno-text-disabled) peer-aria-readonly:cursor-text peer-aria-readonly:select-text";
+            readonly mark: "pointer-events-none absolute top-1 left-[7px] h-[5px] w-[9px] origin-bottom-right -rotate-45 scale-0 border-b-[1.5px] border-l-[1.5px] border-(--vuno-icon-inverse) peer-checked:scale-100 peer-indeterminate:top-[11px] peer-indeterminate:h-0 peer-indeterminate:w-2 peer-indeterminate:rotate-0 peer-indeterminate:scale-100 peer-indeterminate:border-b-2 peer-indeterminate:border-l-0 peer-aria-readonly:border-(--vuno-text-primary)";
+            readonly message: "text-xs/[1rem] tracking-[0.32px] text-(--vuno-text-helper)";
+            readonly root: "w-full";
+            readonly validation: "mt-1 flex w-full items-start gap-2";
         };
         readonly variants: {
-            readonly color: Record<import("../types/base.js").VunoColor, Record<"icon", string>>;
-        };
-    };
-    code: {
-        readonly slots: {
-            readonly copy: "absolute inset-e-2 top-1 opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100 max-sm:top-0 max-sm:size-11 max-sm:opacity-100 pointer-coarse:top-0 pointer-coarse:size-11 pointer-coarse:opacity-100";
-            readonly copyError: "border-t border-vuno-error/25 bg-vuno-error/10 px-4 py-2 text-xs text-vuno-error";
-            readonly fallback: "text-vuno-body";
-            readonly header: "flex items-center gap-2 border-b border-vuno-border/70 px-4 py-2 font-mono text-xs text-vuno-muted";
-            readonly live: "sr-only";
-            readonly root: "group relative border-t border-vuno-border";
-            readonly scroller: "overflow-x-auto text-sm/relaxed [&_pre]:px-4 [&_pre]:py-3.5";
+            readonly state: {
+                readonly default: {};
+                readonly invalid: {
+                    readonly base: "border-(--vuno-support-error) checked:border-(--vuno-support-error) indeterminate:border-(--vuno-support-error)";
+                    readonly icon: "text-(--vuno-support-error)";
+                    readonly message: "text-(--vuno-text-error)";
+                };
+                readonly warn: {
+                    readonly icon: "text-(--vuno-support-warning)";
+                    readonly message: "text-(--vuno-text-primary)";
+                };
+            };
         };
     };
-    card: {
+    buttonSet: {
         readonly slots: {
-            readonly body: "p-4 text-vuno-body";
-            readonly footer: "p-4";
-            readonly header: "p-4 font-semibold text-vuno-strong";
-            readonly root: "flex w-full flex-col divide-y divide-vuno-border rounded-sm [--vuno-accent:var(--color-vuno-primary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--vuno-accent)";
+            readonly base: "flex [&>*]:relative [&>*]:w-full [&>*]:max-w-49 [&>*+*:not(:focus)]:before:absolute [&>*+*:not(:focus)]:before:content-[''] [&>*+*:not(:focus):not(:disabled)]:before:bg-(--vuno-button-separator)";
         };
         readonly variants: {
-            readonly radius: Record<import("../types/base.js").VunoRadius, Record<"root", string>>;
-            readonly variant: {
-                readonly outline: {
-                    readonly root: "border border-vuno-border bg-vuno-surface-1";
+            readonly stacked: {
+                readonly false: {
+                    readonly base: "[&>*+*:not(:focus)]:before:-inset-y-px [&>*+*:not(:focus)]:before:-start-px [&>*+*:not(:focus)]:before:w-px [&>*+*:disabled]:before:bg-(--vuno-icon-on-color-disabled)";
                 };
-                readonly plain: {};
-                readonly soft: {
-                    readonly root: "bg-vuno-surface-2";
+                readonly true: {
+                    readonly base: "flex-col [&>*+*:not(:focus)]:before:-inset-x-px [&>*+*:not(:focus)]:before:-top-px [&>*+*:not(:focus)]:before:h-px [&>*+*:disabled]:before:bg-(--vuno-layer-selected-disabled)";
                 };
             };
         };
     };
     button: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly base: "size-6 items-center justify-center p-0 pt-0";
+            };
+            readonly iconOnly: "true";
+            readonly size: "xs";
+        }, {
+            readonly class: {
+                readonly base: "size-8 items-center justify-center p-0 pt-0";
+            };
+            readonly iconOnly: "true";
+            readonly size: "sm";
+        }, {
+            readonly class: {
+                readonly base: "size-10 items-center justify-center p-0 pt-0";
+            };
+            readonly iconOnly: "true";
+            readonly size: "md";
+        }, {
+            readonly class: {
+                readonly base: "size-12 items-center justify-center p-0 pt-0";
+            };
+            readonly iconOnly: "true";
+            readonly size: "lg";
+        }, {
+            readonly class: {
+                readonly base: "size-16 items-center justify-center p-0 pt-0";
+            };
+            readonly iconOnly: "true";
+            readonly size: "xl";
+        }, {
+            readonly class: {
+                readonly base: "size-20 items-center justify-center p-0 pt-0";
+            };
+            readonly iconOnly: "true";
+            readonly size: "2xl";
+        }, {
+            readonly class: {
+                readonly base: "py-0";
+            };
+            readonly expressive: "true";
+            readonly size: "xs";
+        }, {
+            readonly class: {
+                readonly base: "py-1";
+            };
+            readonly expressive: "true";
+            readonly size: "sm";
+        }, {
+            readonly class: {
+                readonly base: "py-2";
+            };
+            readonly expressive: "true";
+            readonly size: "md";
+        }, {
+            readonly class: {
+                readonly base: "py-3";
+            };
+            readonly expressive: "true";
+            readonly size: "lg";
+        }, {
+            readonly class: {
+                readonly base: "py-[14px]";
+            };
+            readonly expressive: "true";
+            readonly size: "xl";
+        }, {
+            readonly class: {
+                readonly base: "py-[14px]";
+            };
+            readonly expressive: "true";
+            readonly size: "2xl";
+        }, {
+            readonly class: {
+                readonly base: "px-[13px] py-3";
+            };
+            readonly expressive: "true";
+            readonly iconOnly: "true";
+        }, {
+            readonly class: {
+                readonly icon: "ms-0";
+            };
+            readonly iconOnly: "true";
+            readonly kind: "ghost";
+        }, {
+            readonly class: {
+                readonly icon: "ms-0";
+            };
+            readonly iconOnly: "true";
+            readonly kind: "danger--ghost";
+        }, {
+            readonly class: {
+                readonly base: "focus:shadow-[inset_0_0_0_1px_var(--vuno-focus)]";
+            };
+            readonly iconOnly: "true";
+            readonly kind: "ghost";
+        }, {
+            readonly class: {
+                readonly icon: "group-disabled:text-(--vuno-icon-on-color-disabled) group-aria-disabled:text-(--vuno-icon-on-color-disabled)";
+            };
+            readonly iconOnly: "true";
+            readonly kind: "ghost";
+        }, {
+            readonly class: {
+                readonly base: "bg-(--vuno-background-selected)";
+            };
+            readonly iconOnly: "true";
+            readonly kind: "ghost";
+            readonly selected: "true";
+        }];
         readonly slots: {
-            readonly base: "inline-flex shrink-0 cursor-pointer items-center justify-center rounded-sm font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--vuno-accent) disabled:pointer-events-none disabled:opacity-50";
-            readonly icon: "shrink-0";
-            readonly label: "inline-flex items-center";
-            readonly spinner: "shrink-0 animate-spin rounded-full border-2 border-current border-t-transparent";
+            readonly assistive: "sr-only";
+            readonly base: "group relative m-0 inline-flex w-max max-w-80 shrink-0 cursor-pointer justify-between border border-transparent ps-[15px] pe-[63px] align-top font-normal text-sm leading-[1.125rem] tracking-normal text-start no-underline outline-none transition-[background-color,border-color,box-shadow,outline-color] duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) focus:border-(--vuno-focus) focus:shadow-[inset_0_0_0_1px_var(--vuno-focus),inset_0_0_0_2px_var(--vuno-background)] disabled:cursor-not-allowed disabled:border-(--vuno-button-disabled) disabled:bg-(--vuno-button-disabled) disabled:text-(--vuno-text-on-color-disabled) disabled:shadow-none aria-disabled:cursor-not-allowed aria-disabled:border-(--vuno-button-disabled) aria-disabled:bg-(--vuno-button-disabled) aria-disabled:text-(--vuno-text-on-color-disabled) aria-disabled:shadow-none motion-reduce:transition-none forced-colors:focus:text-[Highlight] forced-colors:focus:outline-solid forced-colors:focus:outline-1 forced-colors:focus:outline-[Highlight]";
+            readonly icon: "pointer-events-none absolute end-4 size-4 shrink-0";
+            readonly label: "min-w-0";
+            readonly spinner: "animate-spin rounded-full border-2 border-current border-t-transparent";
         };
         readonly variants: {
-            readonly color: Record<import("../types/base.js").VunoColor, Record<"base", string>>;
-            readonly groupOrientation: {
-                readonly horizontal: {
-                    readonly base: "not-last:not-first:rounded-none not-only:first:rounded-e-none not-only:last:rounded-s-none focus-visible:z-1";
+            readonly expressive: {
+                readonly false: {};
+                readonly true: {
+                    readonly base: "text-base leading-[1.375rem] tracking-normal";
+                    readonly icon: "size-5";
                 };
-                readonly vertical: {
-                    readonly base: "not-last:not-first:rounded-none not-only:first:rounded-b-none not-only:last:rounded-t-none focus-visible:z-1";
+            };
+            readonly iconOnly: {
+                readonly false: {};
+                readonly true: {
+                    readonly icon: "static";
                 };
             };
-            readonly radius: Record<import("../types/base.js").VunoRadius, Record<"base", string>>;
-            readonly shape: {
-                readonly square: {
-                    readonly base: "w-(--vuno-button-size) px-0";
+            readonly kind: {
+                readonly danger: {
+                    readonly base: "border-transparent bg-(--vuno-button-danger-primary) text-(--vuno-text-on-color) hover:bg-(--vuno-button-danger-hover) hover:text-(--vuno-text-on-color) active:bg-(--vuno-button-danger-active)";
+                };
+                readonly 'danger--ghost': {
+                    readonly base: "border-transparent bg-transparent pe-[15px] text-(--vuno-button-danger-secondary) hover:bg-(--vuno-button-danger-hover) hover:text-(--vuno-text-on-color) active:bg-(--vuno-button-danger-active) active:text-(--vuno-text-on-color) disabled:border-transparent disabled:bg-transparent disabled:text-(--vuno-text-disabled) aria-disabled:border-transparent aria-disabled:bg-transparent aria-disabled:text-(--vuno-text-disabled)";
+                    readonly icon: "static ms-2";
+                };
+                readonly 'danger--primary': {
+                    readonly base: "border-transparent bg-(--vuno-button-danger-primary) text-(--vuno-text-on-color) hover:bg-(--vuno-button-danger-hover) hover:text-(--vuno-text-on-color) active:bg-(--vuno-button-danger-active)";
                 };
+                readonly 'danger--tertiary': {
+                    readonly base: "border-(--vuno-button-danger-secondary) bg-transparent text-(--vuno-button-danger-secondary) hover:border-(--vuno-button-danger-hover) hover:bg-(--vuno-button-danger-hover) hover:text-(--vuno-text-on-color) focus:bg-(--vuno-button-danger-primary) focus:text-(--vuno-text-on-color) active:border-(--vuno-button-danger-active) active:bg-(--vuno-button-danger-active) active:text-(--vuno-text-on-color) disabled:bg-transparent disabled:text-(--vuno-text-disabled) aria-disabled:bg-transparent aria-disabled:text-(--vuno-text-disabled)";
+                };
+                readonly ghost: {
+                    readonly base: "border-transparent bg-transparent pe-[15px] text-(--vuno-link-primary) hover:bg-(--vuno-background-hover) hover:text-(--vuno-link-primary-hover) active:bg-(--vuno-background-active) active:text-(--vuno-link-primary-hover) disabled:border-transparent disabled:bg-transparent disabled:text-(--vuno-text-disabled) aria-disabled:border-transparent aria-disabled:bg-transparent aria-disabled:text-(--vuno-text-disabled)";
+                    readonly icon: "static ms-2 self-center text-(--vuno-icon-primary) group-disabled:text-(--vuno-text-disabled) group-aria-disabled:text-(--vuno-text-disabled)";
+                };
+                readonly primary: {
+                    readonly base: "border-transparent bg-(--vuno-button-primary) text-(--vuno-text-on-color) hover:bg-(--vuno-button-primary-hover) hover:text-(--vuno-text-on-color) active:bg-(--vuno-button-primary-active)";
+                };
+                readonly secondary: {
+                    readonly base: "border-transparent bg-(--vuno-button-secondary) text-(--vuno-text-on-color) hover:bg-(--vuno-button-secondary-hover) hover:text-(--vuno-text-on-color) focus:text-(--vuno-text-on-color) active:bg-(--vuno-button-secondary-active)";
+                };
+                readonly tertiary: {
+                    readonly base: "border-(--vuno-button-tertiary) bg-transparent text-(--vuno-button-tertiary) hover:bg-(--vuno-button-tertiary-hover) hover:text-(--vuno-text-inverse) focus:bg-(--vuno-button-tertiary) focus:text-(--vuno-text-inverse) active:border-transparent active:bg-(--vuno-button-tertiary-active) active:text-(--vuno-text-inverse) disabled:bg-transparent disabled:text-(--vuno-text-disabled) aria-disabled:bg-transparent aria-disabled:text-(--vuno-text-disabled)";
+                };
+            };
+            readonly selected: {
+                readonly false: {};
+                readonly true: {};
             };
             readonly size: {
                 readonly xs: {
-                    readonly base: "h-(--vuno-button-size) gap-1 px-2 text-xs [--vuno-button-size:1.5rem]";
-                    readonly icon: "size-3.5";
+                    readonly base: "min-h-6 py-[2px] pt-[1.5px]";
+                    readonly icon: "top-[3px]";
                 };
                 readonly sm: {
-                    readonly base: "h-(--vuno-button-size) gap-1.5 px-2.5 text-sm [--vuno-button-size:1.75rem]";
-                    readonly icon: "size-4";
+                    readonly base: "min-h-8 py-[6px]";
+                    readonly icon: "top-[7px]";
                 };
                 readonly md: {
-                    readonly base: "h-(--vuno-button-size) gap-1.5 px-3 text-sm [--vuno-button-size:2rem]";
-                    readonly icon: "size-4";
+                    readonly base: "min-h-10 py-[10px]";
+                    readonly icon: "top-[11px]";
                 };
                 readonly lg: {
-                    readonly base: "h-(--vuno-button-size) gap-2 px-3.5 text-base [--vuno-button-size:2.25rem]";
-                    readonly icon: "size-5";
+                    readonly base: "min-h-12 py-[14px]";
+                    readonly icon: "top-[15px]";
                 };
                 readonly xl: {
-                    readonly base: "h-(--vuno-button-size) gap-2 px-4 text-base [--vuno-button-size:2.5rem]";
-                    readonly icon: "size-5";
-                };
-            };
-            readonly variant: {
-                readonly ghost: {
-                    readonly base: "text-(--vuno-accent) hover:bg-(--vuno-accent)/10";
+                    readonly base: "min-h-16 py-[14px]";
+                    readonly icon: "top-[15px]";
                 };
-                readonly link: {
-                    readonly base: "text-(--vuno-accent) hover:underline";
+                readonly '2xl': {
+                    readonly base: "min-h-20 py-[14px]";
+                    readonly icon: "top-[15px]";
                 };
-                readonly outline: {
-                    readonly base: "border border-(--vuno-accent) text-(--vuno-accent) hover:bg-(--vuno-accent)/10";
+            };
+        };
+    };
+    breadcrumb: {
+        readonly slots: {
+            readonly current: "flex items-center gap-1.5 text-(--vuno-text-primary)";
+            readonly icon: "size-4 shrink-0";
+            readonly item: "relative flex items-center last:me-0";
+            readonly link: "whitespace-nowrap active:text-(--vuno-text-primary) active:decoration-current focus-visible:decoration-current aria-[current=page]:cursor-auto aria-[current=page]:text-(--vuno-text-primary) aria-[current=page]:hover:text-(--vuno-text-primary) aria-[current=page]:hover:no-underline";
+            readonly list: "m-0 flex list-none flex-wrap items-center p-0";
+            readonly root: "min-w-0";
+            readonly separator: "after:text-(--vuno-text-primary) after:content-['/']";
+            readonly text: "flex items-center gap-1.5 text-(--vuno-link-primary)";
+        };
+        readonly variants: {
+            readonly noTrailingSlash: {
+                readonly false: {};
+                readonly true: {
+                    readonly separator: "last:after:content-['']";
                 };
-                readonly soft: {
-                    readonly base: "bg-(--vuno-accent)/10 text-(--vuno-accent) hover:bg-(--vuno-accent)/20";
+            };
+            readonly size: {
+                readonly sm: {
+                    readonly item: "me-1 text-xs";
+                    readonly link: "min-w-3 justify-center text-xs";
+                    readonly separator: "after:ms-1";
                 };
-                readonly solid: {
-                    readonly base: "bg-(--vuno-accent) text-(--vuno-accent-contrast) hover:bg-(--vuno-accent)/90";
+                readonly md: {
+                    readonly item: "me-2 text-sm/[1.125rem]";
+                    readonly link: "text-sm/[1.125rem]";
+                    readonly separator: "after:ms-2";
                 };
             };
         };
     };
-    badge: {
+    accordion: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly item: "hover:border-t-(--vuno-layer-hover-01) [&:hover+li]:border-t-(--vuno-layer-hover-01) last:hover:border-b-(--vuno-layer-hover-01)";
+            };
+            readonly disabled: "false";
+            readonly flush: "false";
+            readonly open: "false";
+        }, {
+            readonly class: {
+                readonly heading: "hover:z-1 hover:before:absolute hover:before:inset-x-0 hover:before:-top-px hover:before:h-px hover:before:bg-(--vuno-layer-hover-01) hover:before:transition-[background-color] hover:before:duration-(--vuno-duration-fast-02) hover:before:ease-(--vuno-easing-standard-productive) hover:before:content-[''] hover:after:absolute hover:after:inset-x-0 hover:after:-bottom-px hover:after:h-px hover:after:bg-(--vuno-layer-hover-01) hover:after:transition-[background-color] hover:after:duration-(--vuno-duration-fast-02) hover:after:ease-(--vuno-easing-standard-productive) hover:after:content-[''] motion-reduce:hover:before:transition-none motion-reduce:hover:after:transition-none";
+            };
+            readonly disabled: "false";
+            readonly flush: "true";
+        }];
         readonly slots: {
-            readonly base: "inline-flex shrink-0 items-center rounded-sm font-medium";
+            readonly arrow: "size-4 shrink-0 text-(--vuno-icon-primary) transition-transform duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) motion-reduce:transition-none";
+            readonly content: "px-4 font-normal text-sm tracking-[0.16px] text-(--vuno-text-primary) min-[480px]:pe-12 min-[640px]:pe-[25%]";
+            readonly heading: "relative flex w-full cursor-pointer items-center justify-start pe-4 text-start text-(--vuno-text-primary) transition-[background-color] duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) focus:z-2 focus:shadow-[0_-1px_0_0_var(--vuno-focus),inset_0_1px_0_0_var(--vuno-focus),inset_2px_0_0_0_var(--vuno-focus),0_1px_0_0_var(--vuno-focus),inset_0_-1px_0_0_var(--vuno-focus),inset_-2px_0_0_0_var(--vuno-focus)] focus:outline-none forced-colors:focus:outline-solid forced-colors:focus:outline-2 forced-colors:focus:outline-[Highlight] motion-reduce:transition-none";
+            readonly item: "relative list-item border-t border-(--vuno-border-subtle-00) transition-colors duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) last:border-b motion-reduce:transition-none";
+            readonly root: "m-0 w-full list-none p-0";
+            readonly title: "w-full ps-4 font-normal text-sm tracking-[0.16px] text-start";
+            readonly wrapper: "overflow-hidden opacity-0 transition-all transition-discrete duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) motion-reduce:transition-none";
         };
         readonly variants: {
-            readonly color: Record<import("../types/base.js").VunoColor, Record<"base", string>>;
-            readonly radius: Record<import("../types/base.js").VunoRadius, Record<"base", string>>;
-            readonly size: {
-                readonly xs: {
-                    readonly base: "gap-0.5 px-1.5 py-0.5 text-xs";
+            readonly align: {
+                readonly end: {
+                    readonly heading: "flex-row-reverse";
                 };
-                readonly sm: {
-                    readonly base: "gap-1 px-1.5 py-0.5 text-xs";
+                readonly start: {
+                    readonly arrow: "ms-4 mt-0.5";
+                    readonly content: "ms-8";
+                    readonly heading: "flex-row";
+                    readonly title: "me-4";
                 };
-                readonly md: {
-                    readonly base: "gap-1 px-2 py-0.5 text-xs";
+            };
+            readonly disabled: {
+                readonly false: {
+                    readonly heading: "hover:bg-(--vuno-layer-hover-01)";
                 };
-                readonly lg: {
-                    readonly base: "gap-1.5 px-2 py-1 text-sm";
+                readonly true: {
+                    readonly arrow: "text-(--vuno-icon-disabled)";
+                    readonly heading: "cursor-not-allowed bg-transparent text-(--vuno-text-disabled)";
                 };
-                readonly xl: {
-                    readonly base: "gap-1.5 px-2.5 py-1 text-sm";
+            };
+            readonly flush: {
+                readonly false: {};
+                readonly true: {
+                    readonly item: "border-transparent before:absolute before:inset-x-4 before:-top-px before:h-px before:bg-(--vuno-border-subtle-00) before:transition-[background-color] before:duration-(--vuno-duration-fast-02) before:ease-(--vuno-easing-standard-productive) before:content-[''] last:border-transparent last:after:absolute last:after:inset-x-4 last:after:-bottom-px last:after:h-px last:after:bg-(--vuno-border-subtle-00) last:after:transition-[background-color] last:after:duration-(--vuno-duration-fast-02) last:after:ease-(--vuno-easing-standard-productive) last:after:content-[''] motion-reduce:before:transition-none motion-reduce:last:after:transition-none";
                 };
             };
-            readonly variant: {
-                readonly outline: {
-                    readonly base: "border border-(--vuno-accent) text-(--vuno-accent)";
+            readonly open: {
+                readonly false: {
+                    readonly wrapper: "hidden max-h-0 p-0";
+                };
+                readonly true: {
+                    readonly arrow: "rotate-180";
+                    readonly wrapper: "block max-h-fit overflow-visible pt-2 pb-6 opacity-100 starting:max-h-0 starting:py-0 starting:opacity-0";
                 };
-                readonly soft: {
-                    readonly base: "bg-(--vuno-accent)/10 text-(--vuno-accent)";
+            };
+            readonly size: {
+                readonly sm: {
+                    readonly heading: "min-h-8";
                 };
-                readonly solid: {
-                    readonly base: "bg-(--vuno-accent) text-(--vuno-accent-contrast)";
+                readonly md: {
+                    readonly heading: "min-h-10";
                 };
-                readonly subtle: {
-                    readonly base: "bg-(--vuno-accent)/10 text-(--vuno-accent) ring-1 ring-(--vuno-accent)/25 ring-inset";
+                readonly lg: {
+                    readonly heading: "min-h-12";
                 };
             };
         };
     };
-    avatar: {
+    aiLabel: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly additionalText: "text-[0.75rem]/[1.375]";
+                readonly button: "size-auto text-[0.75rem] leading-[normal] after:hidden hover:active:shadow-none";
+                readonly text: "ps-2 before:size-1";
+            };
+            readonly kind: "inline";
+            readonly size: ["mini", "2xs", "xs", "sm"];
+        }, {
+            readonly class: {
+                readonly additionalText: "text-[0.875rem]/[1.375]";
+                readonly button: "size-auto text-[0.875rem] leading-[normal]";
+                readonly text: "ps-2 before:size-1";
+            };
+            readonly kind: "inline";
+            readonly size: "md";
+        }, {
+            readonly class: {
+                readonly additionalText: "text-[1rem]/[1.375]";
+                readonly button: "size-auto text-[1rem] leading-[normal]";
+                readonly text: "ps-3 before:size-2";
+            };
+            readonly kind: "inline";
+            readonly size: ["lg", "xl"];
+        }, {
+            readonly class: {
+                readonly additionalText: "ps-1";
+                readonly button: "border-(--vuno-border-inverse) px-2 py-0.5 focus:shadow-[inset_0_0_0_1px_var(--vuno-focus)]";
+            };
+            readonly kind: "inline";
+            readonly withText: "true";
+        }];
         readonly slots: {
-            readonly image: "size-full rounded-[inherit] object-cover";
-            readonly root: "inline-flex shrink-0 items-center justify-center rounded-sm bg-vuno-surface-1 align-middle font-medium text-vuno-muted select-none";
+            readonly actions: "z-1 -mx-6 -mb-6 mt-0 flex items-center justify-end gap-0 rounded-b-lg bg-black/[0.01] backdrop-blur-[85px] [&>*:last-child]:rounded-ee-[7px]";
+            readonly additionalText: "relative truncate";
+            readonly button: "group relative flex min-h-0 min-w-0 cursor-pointer items-center justify-center border border-(--vuno-border-inverse) bg-transparent font-semibold text-(--vuno-text-primary) transition-[background,border-color,box-shadow,color] duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) hover:bg-(--vuno-border-inverse) hover:text-(--vuno-text-inverse) hover:active:shadow-[inset_0_0_0_1px_var(--vuno-focus),inset_0_0_0_2px_var(--vuno-focus-inset)] focus:border-(--vuno-focus) focus:shadow-[inset_0_0_0_1px_var(--vuno-focus)] focus-visible:outline-solid focus-visible:outline-0 motion-reduce:transition-none";
+            readonly caret: "[--toggletip-caret-surface:var(--vuno-ai-popover-background)]";
+            readonly content: "grid max-w-80 min-w-[17.5rem] gap-4 rounded-lg border border-transparent bg-transparent p-6 text-(--vuno-text-primary) [--vuno-focus:inherit] [--vuno-link-primary:inherit] [--vuno-link-primary-hover:inherit] [--vuno-link-visited:inherit] [background-image:linear-gradient(to_top,var(--vuno-ai-popover-background)_0%,var(--vuno-ai-aura-start)_0%,15%,var(--vuno-ai-aura-end)_50%),linear-gradient(to_top,var(--vuno-ai-popover-background),var(--vuno-ai-popover-background)),linear-gradient(to_bottom,var(--vuno-ai-border-start),var(--vuno-ai-border-end)),linear-gradient(to_top,var(--vuno-ai-popover-background),var(--vuno-ai-popover-background))] [background-origin:padding-box,padding-box,border-box,border-box] [background-clip:padding-box,padding-box,border-box,border-box] shadow-[inset_0_-80px_70px_-65px_var(--vuno-ai-inner-shadow),-40px_44px_60px_-24px_var(--vuno-ai-popover-shadow-outer-01),-56px_64px_64px_-24px_var(--vuno-ai-popover-shadow-outer-02)]";
+            readonly revert: "items-center pt-0";
+            readonly root: "flex";
+            readonly text: "relative";
         };
         readonly variants: {
-            readonly radius: Record<import("../types/base.js").VunoRadius, Record<"root", string>>;
+            readonly kind: {
+                readonly default: {};
+                readonly inline: {
+                    readonly button: "rounded-[1px] border-transparent bg-transparent px-1 text-(--vuno-text-primary) hover:border-(--vuno-icon-secondary) hover:bg-transparent hover:text-(--vuno-text-secondary) hover:shadow-none hover:active:bg-transparent hover:active:shadow-none focus:border-(--vuno-focus) focus:shadow-none";
+                    readonly text: "before:absolute before:start-0 before:top-1/2 before:-translate-y-1/2 before:bg-(--vuno-icon-primary) before:transition-[background,box-shadow] before:duration-(--vuno-duration-fast-01) before:ease-(--vuno-easing-standard-productive) before:content-[''] group-hover:before:bg-(--vuno-icon-secondary) motion-reduce:before:transition-none";
+                };
+            };
+            readonly revertActive: {
+                readonly false: {};
+                readonly true: {
+                    readonly root: "translate-x-2 -translate-y-1/2";
+                };
+            };
             readonly size: {
                 readonly xs: {
-                    readonly root: "size-6 text-xs";
+                    readonly button: "size-6 text-[0.75rem]/[1rem]";
+                    readonly text: "tracking-[0.32px]";
                 };
                 readonly sm: {
-                    readonly root: "size-7 text-sm";
+                    readonly button: "size-8 text-[1rem]/[1.3125rem]";
                 };
                 readonly md: {
-                    readonly root: "size-8 text-sm";
+                    readonly button: "size-10 text-[1rem]/[1.3125rem]";
                 };
                 readonly lg: {
-                    readonly root: "size-9 text-sm";
+                    readonly button: "size-12 text-[1rem]/[1.3125rem]";
                 };
                 readonly xl: {
-                    readonly root: "size-10 text-base";
+                    readonly button: "size-16 text-[1.25rem]/[1.625rem]";
+                };
+                readonly '2xs': {
+                    readonly button: "size-5 text-[0.75rem]/[1rem] after:absolute after:start-1/2 after:top-1/2 after:size-6 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[''] hover:active:shadow-[inset_0_0_0_1px_var(--vuno-focus-inset)]";
+                    readonly text: "tracking-[0.32px]";
+                };
+                readonly mini: {
+                    readonly button: "size-4 text-[0.5625rem]/[0.75rem] after:absolute after:start-1/2 after:top-1/2 after:size-6 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[''] hover:active:shadow-[inset_0_0_0_1px_var(--vuno-focus-inset)]";
+                    readonly text: "tracking-[0.4px]";
                 };
             };
-        };
-    };
-    toaster: {
-        readonly slots: {
-            readonly enterActive: "transition duration-200 ease-out";
-            readonly enterFrom: "translate-x-4 opacity-0";
-            readonly item: "pointer-events-auto";
-            readonly leaveActive: "absolute inset-x-0 transition duration-150 ease-in";
-            readonly leaveTo: "translate-x-4 opacity-0";
-            readonly list: "flex flex-col gap-2";
-            readonly move: "transition-transform duration-200 ease-out";
-            readonly root: "pointer-events-none fixed inset-x-4 top-4 z-100 flex flex-col gap-2 sm:left-auto sm:w-96";
-        };
-    };
-    toast: {
-        readonly slots: {
-            readonly body: "min-w-0 flex-1";
-            readonly description: "mt-1 text-sm text-vuno-muted";
-            readonly icon: "mt-0.5 size-5 shrink-0 text-(--vuno-accent)";
-            readonly root: "flex w-full items-start gap-3 rounded-sm bg-vuno-surface-1 p-3 shadow-lg ring ring-(--vuno-accent)/25";
-            readonly title: "text-sm font-medium text-vuno-strong";
-        };
-        readonly variants: {
-            readonly color: Record<import("../types/base.js").VunoColor, Record<"root", string>>;
-        };
-    };
-    alert: {
-        readonly slots: {
-            readonly actions: "mt-3 flex flex-wrap items-center gap-2 empty:hidden";
-            readonly body: "min-w-0 flex-1";
-            readonly description: "mt-1 text-sm text-vuno-body";
-            readonly icon: "size-5 shrink-0 self-center text-(--vuno-accent)";
-            readonly root: "flex w-full items-start gap-3 rounded-sm bg-(--vuno-accent)/10 p-4 ring-1 ring-(--vuno-accent)/25 ring-inset";
-            readonly title: "font-medium text-vuno-strong";
-        };
-        readonly variants: {
-            readonly color: Record<import("../types/base.js").VunoColor, Record<"root", string>>;
+            readonly withText: {
+                readonly false: {};
+                readonly true: {};
+            };
         };
     };
 };