@groupteknology/vuno 1.0.0 → 2.0.0

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

@@ -0,0 +1,1168 @@
+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: {
+    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";
+        };
+    };
+    tabs: {
+        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 variants: {
+            readonly size: {
+                readonly xs: {
+                    readonly trigger: "text-xs";
+                };
+                readonly sm: {
+                    readonly trigger: "text-sm";
+                };
+                readonly md: {
+                    readonly trigger: "text-sm";
+                };
+                readonly lg: {
+                    readonly trigger: "text-base";
+                };
+                readonly xl: {
+                    readonly trigger: "text-base";
+                };
+            };
+        };
+    };
+    table: {
+        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 variants: {
+            readonly radius: Record<import("../types/base.js").VunoRadius, Record<"tableRoot", string>>;
+        };
+    };
+    cellText: {
+        readonly slots: {
+            readonly base: "";
+        };
+        readonly variants: {
+            readonly truncate: {
+                readonly false: {};
+                readonly true: {
+                    readonly base: "block max-w-[32ch] truncate";
+                };
+            };
+        };
+    };
+    cellNumber: {
+        readonly slots: {
+            readonly base: "tabular-nums";
+        };
+    };
+    cellDate: {
+        readonly slots: {
+            readonly base: "tabular-nums";
+        };
+    };
+    cellCurrency: {
+        readonly slots: {
+            readonly base: "tabular-nums";
+        };
+    };
+    cellBoolean: {
+        readonly slots: {
+            readonly icon: "";
+            readonly label: "";
+        };
+        readonly variants: {
+            readonly value: {
+                readonly false: {
+                    readonly icon: "text-vuno-muted";
+                };
+                readonly true: {
+                    readonly icon: "text-vuno-success";
+                };
+            };
+        };
+    };
+    state: {
+        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 variants: {
+            readonly tone: {
+                readonly empty: {
+                    readonly icon: "text-vuno-subtle";
+                };
+                readonly failure: {
+                    readonly icon: "text-vuno-error";
+                };
+            };
+        };
+    };
+    slideover: {
+        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 variants: {
+            readonly position: {
+                readonly end: {
+                    readonly root: "ms-auto me-0";
+                };
+                readonly start: {
+                    readonly root: "ms-0 me-auto";
+                };
+            };
+            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";
+                };
+            };
+        };
+    };
+    pagination: {
+        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";
+        };
+    };
+    page: {
+        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 variants: {
+            readonly mobileNavbar: {
+                readonly false: {
+                    readonly navbar: "hidden sm:flex";
+                };
+                readonly true: {};
+            };
+        };
+    };
+    navigationToc: {
+        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";
+        };
+    };
+    navigationMenu: {
+        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";
+        };
+    };
+    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";
+        };
+    };
+    navbar: {
+        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";
+        };
+    };
+    modal: {
+        readonly compoundVariants: [{
+            readonly class: {
+                readonly root: "rounded-none";
+            };
+            readonly size: "full";
+        }];
+        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 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 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";
+                };
+            };
+        };
+    };
+    menu: {
+        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 variants: {
+            readonly color: Record<import("../types/base.js").VunoColor, Record<"item", string>>;
+        };
+    };
+    numberInput: {
+        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 variants: {
+            readonly orientation: {
+                readonly horizontal: {
+                    readonly actions: "flex items-center";
+                };
+                readonly vertical: {
+                    readonly actions: "flex flex-col-reverse";
+                    readonly stepper: "h-3.5 w-7 p-0";
+                    readonly stepperIcon: "size-3";
+                };
+            };
+        };
+    };
+    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 md: {
+                    readonly icon: "size-4";
+                };
+                readonly lg: {
+                    readonly icon: "size-5";
+                };
+                readonly xl: {
+                    readonly icon: "size-5";
+                };
+            };
+        };
+    };
+    control: {
+        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 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 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 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 md: {
+                    readonly root: "min-h-8 ps-3 pe-3 text-sm";
+                };
+                readonly lg: {
+                    readonly root: "min-h-9 ps-3.5 pe-3.5 text-base";
+                };
+                readonly xl: {
+                    readonly root: "min-h-10 ps-4 pe-4 text-base";
+                };
+            };
+        };
+    };
+    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: {
+        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 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 size: {
+                readonly xs: {
+                    readonly description: "text-xs";
+                    readonly error: "text-xs";
+                    readonly help: "text-xs";
+                    readonly hint: "text-xs";
+                    readonly label: "text-xs";
+                };
+                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 lg: {
+                    readonly description: "text-sm";
+                    readonly error: "text-sm";
+                    readonly help: "text-sm";
+                    readonly hint: "text-sm";
+                    readonly label: "text-sm";
+                };
+                readonly xl: {
+                    readonly description: "text-sm";
+                    readonly error: "text-sm";
+                    readonly help: "text-sm";
+                    readonly hint: "text-sm";
+                    readonly label: "text-base";
+                };
+            };
+        };
+    };
+    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: {
+        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 variants: {
+            readonly autoresize: {
+                readonly false: {};
+                readonly true: {
+                    readonly base: "field-sizing-content";
+                };
+            };
+            readonly size: {
+                readonly xs: {
+                    readonly base: "[--vuno-textarea-pad:0.25rem]";
+                };
+                readonly sm: {
+                    readonly base: "[--vuno-textarea-pad:0.25rem]";
+                };
+                readonly md: {
+                    readonly base: "[--vuno-textarea-pad:0.375rem]";
+                };
+                readonly lg: {
+                    readonly base: "[--vuno-textarea-pad:0.5rem]";
+                };
+                readonly xl: {
+                    readonly base: "[--vuno-textarea-pad:0.5rem]";
+                };
+            };
+        };
+    };
+    fieldTextarea: {
+        readonly slots: {
+            readonly root: "w-full";
+        };
+    };
+    tagsInput: {
+        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 variants: {
+            readonly size: {
+                readonly xs: {
+                    readonly input: "text-xs";
+                    readonly tag: "text-xs";
+                };
+                readonly sm: {
+                    readonly input: "text-sm";
+                    readonly tag: "text-xs";
+                };
+                readonly md: {
+                    readonly input: "text-sm";
+                    readonly tag: "text-sm";
+                };
+                readonly lg: {
+                    readonly input: "text-base";
+                    readonly tag: "text-sm";
+                };
+                readonly xl: {
+                    readonly input: "text-base";
+                    readonly tag: "text-base";
+                };
+            };
+        };
+    };
+    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 sm: {
+                    readonly root: "h-4 w-7";
+                    readonly thumb: "size-3 peer-checked:translate-x-3";
+                };
+                readonly md: {
+                    readonly root: "h-5 w-9";
+                    readonly thumb: "size-4 peer-checked:translate-x-4";
+                };
+                readonly lg: {
+                    readonly root: "h-6 w-11";
+                    readonly thumb: "size-5 peer-checked:translate-x-5";
+                };
+                readonly xl: {
+                    readonly root: "h-7 w-12";
+                    readonly thumb: "size-6 peer-checked:translate-x-5";
+                };
+            };
+        };
+    };
+    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 lg: {
+                    readonly item: "text-base";
+                    readonly trigger: "me-3.5";
+                };
+                readonly xl: {
+                    readonly item: "text-base";
+                    readonly trigger: "me-4";
+                };
+            };
+        };
+    };
+    fieldSelect: {
+        readonly slots: {
+            readonly root: "w-full";
+        };
+    };
+    fieldSearch: {
+        readonly slots: {
+            readonly base: "[&::-webkit-search-cancel-button]:appearance-none";
+            readonly root: "w-full";
+        };
+    };
+    radioGroup: {
+        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 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 md: {
+                    readonly control: "size-4";
+                    readonly description: "text-xs";
+                    readonly label: "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";
+                };
+            };
+        };
+    };
+    fieldRadio: {
+        readonly slots: {
+            readonly root: "w-full";
+        };
+    };
+    fieldPassword: {
+        readonly slots: {
+            readonly root: "w-full";
+        };
+    };
+    fieldNumber: {
+        readonly slots: {
+            readonly root: "w-full";
+        };
+    };
+    fieldInput: {
+        readonly slots: {
+            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 variants: {
+            readonly dropzone: {
+                readonly false: {
+                    readonly dropzone: "w-full justify-start gap-2 border-solid bg-vuno-surface px-3 py-2";
+                    readonly hint: "text-start";
+                };
+                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 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 list: {
+                    readonly preview: "size-9";
+                };
+            };
+            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 md: {
+                    readonly name: "text-sm";
+                    readonly fileIcon: "size-8";
+                    readonly hint: "text-sm";
+                    readonly icon: "size-8";
+                    readonly size: "text-xs";
+                };
+                readonly lg: {
+                    readonly name: "text-base";
+                    readonly fileIcon: "size-9";
+                    readonly hint: "text-sm";
+                    readonly icon: "size-9";
+                    readonly size: "text-sm";
+                };
+                readonly xl: {
+                    readonly name: "text-base";
+                    readonly fileIcon: "size-10";
+                    readonly hint: "text-base";
+                    readonly icon: "size-10";
+                    readonly size: "text-sm";
+                };
+            };
+        };
+    };
+    fieldFile: {
+        readonly slots: {
+            readonly root: "w-full";
+        };
+    };
+    fieldCurrency: {
+        readonly slots: {
+            readonly root: "w-full";
+        };
+    };
+    fieldColor: {
+        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 variants: {
+            readonly size: {
+                readonly xs: {
+                    readonly swatch: "size-6";
+                };
+                readonly sm: {
+                    readonly swatch: "size-7";
+                };
+                readonly md: {
+                    readonly swatch: "size-8";
+                };
+                readonly lg: {
+                    readonly swatch: "size-9";
+                };
+                readonly xl: {
+                    readonly swatch: "size-10";
+                };
+            };
+        };
+    };
+    checkbox: {
+        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 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 xl: {
+                    readonly base: "size-5";
+                };
+            };
+        };
+    };
+    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: {
+        readonly slots: {
+            readonly root: "relative inline-flex";
+        };
+        readonly variants: {
+            readonly orientation: {
+                readonly horizontal: {
+                    readonly root: "-space-x-px";
+                };
+                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 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 '7xl': {
+                    readonly root: "max-w-7xl";
+                };
+                readonly '8xl': {
+                    readonly root: "max-w-8xl";
+                };
+                readonly full: {};
+            };
+        };
+    };
+    confirm: {
+        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 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";
+        };
+    };
+    card: {
+        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 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 plain: {};
+                readonly soft: {
+                    readonly root: "bg-vuno-surface-2";
+                };
+            };
+        };
+    };
+    button: {
+        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 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 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 radius: Record<import("../types/base.js").VunoRadius, Record<"base", string>>;
+            readonly shape: {
+                readonly square: {
+                    readonly base: "w-(--vuno-button-size) px-0";
+                };
+            };
+            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 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 md: {
+                    readonly base: "h-(--vuno-button-size) gap-1.5 px-3 text-sm [--vuno-button-size:2rem]";
+                    readonly icon: "size-4";
+                };
+                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 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 link: {
+                    readonly base: "text-(--vuno-accent) hover:underline";
+                };
+                readonly outline: {
+                    readonly base: "border border-(--vuno-accent) text-(--vuno-accent) hover:bg-(--vuno-accent)/10";
+                };
+                readonly soft: {
+                    readonly base: "bg-(--vuno-accent)/10 text-(--vuno-accent) hover:bg-(--vuno-accent)/20";
+                };
+                readonly solid: {
+                    readonly base: "bg-(--vuno-accent) text-(--vuno-accent-contrast) hover:bg-(--vuno-accent)/90";
+                };
+            };
+        };
+    };
+    badge: {
+        readonly slots: {
+            readonly base: "inline-flex shrink-0 items-center rounded-sm font-medium";
+        };
+        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 sm: {
+                    readonly base: "gap-1 px-1.5 py-0.5 text-xs";
+                };
+                readonly md: {
+                    readonly base: "gap-1 px-2 py-0.5 text-xs";
+                };
+                readonly lg: {
+                    readonly base: "gap-1.5 px-2 py-1 text-sm";
+                };
+                readonly xl: {
+                    readonly base: "gap-1.5 px-2.5 py-1 text-sm";
+                };
+            };
+            readonly variant: {
+                readonly outline: {
+                    readonly base: "border border-(--vuno-accent) text-(--vuno-accent)";
+                };
+                readonly soft: {
+                    readonly base: "bg-(--vuno-accent)/10 text-(--vuno-accent)";
+                };
+                readonly solid: {
+                    readonly base: "bg-(--vuno-accent) text-(--vuno-accent-contrast)";
+                };
+                readonly subtle: {
+                    readonly base: "bg-(--vuno-accent)/10 text-(--vuno-accent) ring-1 ring-(--vuno-accent)/25 ring-inset";
+                };
+            };
+        };
+    };
+    avatar: {
+        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 variants: {
+            readonly radius: Record<import("../types/base.js").VunoRadius, Record<"root", string>>;
+            readonly size: {
+                readonly xs: {
+                    readonly root: "size-6 text-xs";
+                };
+                readonly sm: {
+                    readonly root: "size-7 text-sm";
+                };
+                readonly md: {
+                    readonly root: "size-8 text-sm";
+                };
+                readonly lg: {
+                    readonly root: "size-9 text-sm";
+                };
+                readonly xl: {
+                    readonly root: "size-10 text-base";
+                };
+            };
+        };
+    };
+    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>>;
+        };
+    };
+};