@groupteknology/vuno 2.0.0 → 3.0.0

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

@@ -1,10 +1,9 @@
 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.
+ * Tema por defecto. Aporta la geometría y las clases semánticas de Vuno. La
+ * curvatura base es `rounded-sm`; el consumidor puede cambiarla globalmente
+ * con `vuno.theme.radius`, por componente o en una instancia.
  *
  * 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
@@ -18,13 +17,74 @@ export declare const defaultTheme: {
             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";
         };
     };
+    toolbar: {
+        readonly slots: {
+            readonly root: "max-w-full items-stretch";
+        };
+    };
+    text: {
+        readonly slots: {
+            readonly root: "";
+        };
+        readonly variants: {
+            readonly tone: {
+                readonly body: {
+                    readonly root: "text-vuno-body";
+                };
+                readonly inherit: {};
+                readonly inverse: {
+                    readonly root: "text-vuno-inverse";
+                };
+                readonly muted: {
+                    readonly root: "text-vuno-muted";
+                };
+                readonly strong: {
+                    readonly root: "text-vuno-strong";
+                };
+                readonly subtle: {
+                    readonly root: "text-vuno-subtle";
+                };
+            };
+            readonly truncate: {
+                readonly false: {};
+                readonly true: {
+                    readonly root: "line-clamp-(--vuno-text-lines)";
+                };
+            };
+            readonly variant: {
+                readonly body: {
+                    readonly root: "font-sans text-sm/5 font-normal";
+                };
+                readonly caption: {
+                    readonly root: "font-sans text-xs/4 font-normal";
+                };
+                readonly code: {
+                    readonly root: "font-mono text-sm/5 font-normal";
+                };
+                readonly display: {
+                    readonly root: "font-sans text-3xl/9 font-semibold tracking-[-0.03em]";
+                };
+                readonly heading: {
+                    readonly root: "font-sans text-xl/7 font-semibold tracking-[-0.02em]";
+                };
+                readonly inherit: {};
+                readonly label: {
+                    readonly root: "font-sans text-xs/4 font-medium";
+                };
+                readonly title: {
+                    readonly root: "font-sans text-base/6 font-semibold";
+                };
+            };
+        };
+    };
     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 indicator: "pointer-events-none absolute left-0 z-0 w-(--vuno-tabs-indicator-width) translate-x-(--vuno-tabs-indicator-start) opacity-0 transition-[width,translate,opacity] duration-200 ease-out motion-reduce:transition-none data-[ready=true]:opacity-100";
+            readonly list: "relative flex w-fit max-w-full items-center overflow-x-auto overscroll-x-contain [scrollbar-width:none] [&::-webkit-scrollbar]:hidden";
             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 trigger: "relative z-1 flex shrink-0 cursor-pointer items-center gap-1.5 font-medium 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 variants: {
             readonly size: {
@@ -44,36 +104,49 @@ export declare const defaultTheme: {
                     readonly trigger: "text-base";
                 };
             };
+            readonly variant: {
+                readonly segmented: {
+                    readonly indicator: "inset-y-0.5 rounded-md bg-vuno-surface-2 ring-1 ring-vuno-border";
+                    readonly list: "rounded-lg border border-vuno-border bg-vuno-surface-1 p-0.5";
+                    readonly trigger: "rounded-md px-2.5 py-1.5 text-vuno-muted data-[state=active]:text-vuno-body";
+                };
+                readonly underline: {
+                    readonly indicator: "bottom-0 h-0.5 bg-vuno-primary";
+                    readonly list: "gap-1 border-b border-vuno-border";
+                    readonly trigger: "-mb-px border-b-2 border-transparent px-3 py-2 text-vuno-muted data-[state=active]:font-semibold data-[state=active]:text-vuno-body";
+                };
+            };
         };
     };
     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 caption: "px-4 py-3 text-start text-sm font-semibold text-vuno-strong";
+            readonly emptyCell: "px-4 py-6 text-center text-sm text-vuno-muted";
             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 interactiveRow: "cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-vuno-primary";
             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 stickyColumn: "sticky z-10 bg-vuno-surface after:pointer-events-none after:absolute after:inset-y-0 after:w-6 group-hover/row:bg-vuno-surface-1 group-data-[selected=true]/row:bg-[color-mix(in_oklch,var(--color-vuno-primary)_10%,var(--color-vuno-surface))]";
+            readonly stickyColumnEnd: "end-0 after:-start-6 after:bg-linear-to-l after:from-vuno-surface after:to-transparent group-hover/row:after:from-vuno-surface-1 group-data-[selected=true]/row:after:from-[color-mix(in_oklch,var(--color-vuno-primary)_10%,var(--color-vuno-surface))]";
+            readonly stickyColumnStart: "start-0 after:-end-6 after:bg-linear-to-r after:from-vuno-surface after:to-transparent group-hover/row:after:from-vuno-surface-1 group-data-[selected=true]/row:after:from-[color-mix(in_oklch,var(--color-vuno-primary)_10%,var(--color-vuno-surface))]";
+            readonly stickyHeader: "sticky top-0 z-20 bg-vuno-surface";
+            readonly stickyIntersection: "z-30";
             readonly table: "min-w-full";
-            readonly tableRoot: "relative overflow-auto rounded-sm border border-vuno-border";
+            readonly tableRoot: "relative isolate 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 tr: "group/row 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 density: {
+                readonly compact: {
+                    readonly td: "px-3 py-2 text-xs";
+                    readonly th: "px-3 py-2 text-xs";
+                };
+                readonly default: {};
+            };
             readonly radius: Record<import("../types/base.js").VunoRadius, Record<"tableRoot", string>>;
         };
     };
@@ -182,33 +255,6 @@ export declare const defaultTheme: {
             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";
@@ -285,41 +331,45 @@ export declare const defaultTheme: {
             readonly size: "full";
         }];
         readonly slots: {
-            readonly body: "flex-1 overflow-y-auto p-4 sm:p-6";
-            readonly content: "max-h-[85vh]";
+            readonly body: "min-h-0 flex-1 overflow-y-auto p-4 pt-0";
+            readonly bodyStandalone: "pt-4";
+            readonly close: "-me-2 -mt-2 shrink-0";
+            readonly content: "flex max-h-[calc(85dvh-0.75rem)] min-h-0 flex-col sm:max-h-[calc(100dvh-3.75rem)]";
             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 footer: "flex shrink-0 items-center justify-end gap-2 pt-1.5";
+            readonly frame: "flex min-h-0 flex-1 flex-col overflow-hidden rounded-lg bg-vuno-surface ring ring-vuno-border";
+            readonly header: "flex shrink-0 items-start justify-between gap-4 p-4";
+            readonly heading: "flex min-w-0 flex-col";
+            readonly root: "m-auto mb-0 max-h-[85dvh] w-dvw max-w-none overflow-hidden rounded-none border-0 bg-vuno-surface-1 p-1.5 text-vuno-body shadow-lg ring-0 sm:mb-auto sm:max-h-[calc(100dvh-3rem)] sm:w-[calc(100dvw-2rem)] sm:max-w-lg sm:rounded-sm sm:ring sm: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 root: "sm:max-w-sm";
                 };
                 readonly md: {
-                    readonly root: "max-w-md";
+                    readonly root: "sm:max-w-md";
                 };
                 readonly lg: {
-                    readonly root: "max-w-lg";
+                    readonly root: "sm:max-w-lg";
                 };
                 readonly xl: {
-                    readonly root: "max-w-xl";
+                    readonly root: "sm:max-w-xl";
                 };
                 readonly '2xl': {
-                    readonly root: "max-w-2xl";
+                    readonly root: "sm:max-w-2xl";
                 };
                 readonly '3xl': {
-                    readonly root: "max-w-3xl";
+                    readonly root: "sm:max-w-3xl";
                 };
                 readonly '4xl': {
-                    readonly root: "max-w-4xl";
+                    readonly root: "sm: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";
+                    readonly content: "h-[calc(100dvh-0.75rem)] max-h-[calc(100dvh-0.75rem)]";
+                    readonly root: "m-0 h-dvh max-h-dvh w-dvw max-w-none shadow-none ring-0 sm:rounded-none";
                 };
             };
         };
@@ -337,7 +387,10 @@ export declare const defaultTheme: {
     };
     numberInput: {
         readonly slots: {
+            readonly actions: "";
             readonly base: "w-full min-w-0 bg-transparent text-right tabular-nums outline-none placeholder:text-vuno-subtle disabled:cursor-not-allowed";
+            readonly stepper: "";
+            readonly stepperIcon: "";
         };
         readonly variants: {
             readonly orientation: {
@@ -742,6 +795,7 @@ export declare const defaultTheme: {
             readonly dropzoneDisabled: "cursor-not-allowed opacity-50";
             readonly fileIcon: "shrink-0 text-vuno-muted";
             readonly hint: "leading-snug";
+            readonly icon: "";
             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";
@@ -891,6 +945,23 @@ export declare const defaultTheme: {
             readonly root: "flex w-full flex-col gap-3";
         };
     };
+    dataTable: {
+        readonly slots: {
+            readonly chips: "flex flex-wrap items-center gap-2";
+            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 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 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 toolbar: "flex flex-wrap items-center justify-between gap-2";
+            readonly toolbarActions: "flex items-center gap-2";
+        };
+    };
     controlGroup: {
         readonly slots: {
             readonly root: "relative inline-flex";
@@ -967,9 +1038,15 @@ export declare const defaultTheme: {
             readonly color: Record<import("../types/base.js").VunoColor, Record<"icon", string>>;
         };
     };
+    collapsible: {
+        readonly slots: {
+            readonly content: "min-w-0";
+            readonly root: "relative";
+        };
+    };
     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 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";
@@ -982,25 +1059,69 @@ export declare const defaultTheme: {
         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 header: "flex items-center gap-2 p-4 font-semibold text-(--vuno-accent)";
+            readonly primary: "relative flex min-h-0 flex-col divide-y divide-vuno-border overflow-hidden rounded-3xl border border-transparent";
+            readonly root: "flex w-full flex-col rounded-4xl border border-transparent 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 color: Record<import("../types/base.js").VunoColor, Record<"root", string>>;
+            readonly radius: {
+                xs: {
+                    primary: string;
+                    root: string;
+                };
+                sm: {
+                    primary: string;
+                    root: string;
+                };
+                md: {
+                    primary: string;
+                    root: string;
+                };
+                lg: {
+                    primary: string;
+                    root: string;
+                };
+                xl: {
+                    primary: string;
+                    root: string;
+                };
+                '2xl': {
+                    primary: string;
+                    root: string;
+                };
+                '3xl': {
+                    primary: string;
+                    root: string;
+                };
+                '4xl': {
+                    primary: string;
+                    root: string;
+                };
+                none: {
+                    primary: string;
+                    root: string;
+                };
+            };
             readonly variant: {
                 readonly outline: {
-                    readonly root: "border border-vuno-border bg-vuno-surface-1";
+                    readonly header: "px-4 py-2";
+                    readonly primary: "border-(--vuno-accent)/20 bg-vuno-surface";
+                    readonly root: "gap-2 overflow-hidden border-(--vuno-accent)/20 bg-(--vuno-accent)/10 p-2";
                 };
-                readonly plain: {};
                 readonly soft: {
-                    readonly root: "bg-vuno-surface-2";
+                    readonly header: "px-4 py-2";
+                    readonly primary: "bg-vuno-surface-1";
+                    readonly root: "gap-2 overflow-hidden bg-(--vuno-accent)/10 p-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 base: "group relative inline-flex shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-lg font-medium shadow-xs ring-1 ring-inset focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-vuno-focus disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 pointer-coarse:min-h-11 pointer-coarse:min-w-11";
+            readonly content: "relative inline-flex items-center justify-center gap-(--vuno-button-gap)";
+            readonly emphasis: "pointer-events-none absolute inset-0 rounded-[inherit] bg-linear-to-b from-(--vuno-button-emphasis-start) to-(--vuno-button-emphasis) shadow-[inset_0_1px_0_0_var(--vuno-button-emphasis-highlight)] group-hover:from-(--vuno-button-emphasis-hover)";
             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";
@@ -1017,51 +1138,87 @@ export declare const defaultTheme: {
             };
             readonly radius: Record<import("../types/base.js").VunoRadius, Record<"base", string>>;
             readonly shape: {
+                readonly base: {};
+                readonly circle: {
+                    readonly base: "w-(--vuno-button-size) rounded-full px-0";
+                };
                 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 base: "h-(--vuno-button-size) px-1.5 text-xs [--vuno-button-gap:0.25rem] [--vuno-button-size:1.25rem]";
+                    readonly icon: "size-3";
                 };
                 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: "h-(--vuno-button-size) px-2 text-xs [--vuno-button-gap:0.25rem] [--vuno-button-size:1.625rem]";
+                    readonly icon: "size-3.5";
                 };
                 readonly md: {
-                    readonly base: "h-(--vuno-button-size) gap-1.5 px-3 text-sm [--vuno-button-size:2rem]";
+                    readonly base: "h-(--vuno-button-size) px-3 text-sm [--vuno-button-gap:0.375rem] [--vuno-button-size:2.25rem]";
                     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 base: "h-(--vuno-button-size) px-4 text-sm [--vuno-button-gap:0.5rem] [--vuno-button-size:2.5rem]";
                     readonly icon: "size-5";
                 };
                 readonly xl: {
-                    readonly base: "h-(--vuno-button-size) gap-2 px-4 text-base [--vuno-button-size:2.5rem]";
+                    readonly base: "h-(--vuno-button-size) px-4 text-base [--vuno-button-gap:0.5rem] [--vuno-button-size:2.75rem]";
                     readonly icon: "size-5";
                 };
             };
             readonly variant: {
+                readonly destructive: {
+                    readonly base: "bg-vuno-danger-solid text-vuno-danger-solid-contrast ring-vuno-danger-solid hover:bg-vuno-danger-solid-hover";
+                };
+                readonly 'destructive-subtle': {
+                    readonly base: "bg-vuno-control text-vuno-error ring-vuno-line hover:bg-vuno-tint hover:ring-vuno-error/30";
+                };
                 readonly ghost: {
-                    readonly base: "text-(--vuno-accent) hover:bg-(--vuno-accent)/10";
+                    readonly base: "bg-transparent text-vuno-body shadow-none ring-transparent hover:bg-vuno-tint hover:text-vuno-strong";
                 };
                 readonly link: {
-                    readonly base: "text-(--vuno-accent) hover:underline";
+                    readonly base: "bg-transparent text-(--vuno-accent) shadow-none ring-transparent hover:underline";
                 };
                 readonly outline: {
-                    readonly base: "border border-(--vuno-accent) text-(--vuno-accent) hover:bg-(--vuno-accent)/10";
+                    readonly base: "bg-transparent text-vuno-body shadow-none ring-vuno-line hover:bg-vuno-tint hover:text-vuno-strong";
+                };
+                readonly primary: {
+                    readonly base: "bg-vuno-brand text-vuno-brand-contrast ring-vuno-brand hover:bg-vuno-brand-hover";
+                };
+                readonly secondary: {
+                    readonly base: "bg-vuno-control text-vuno-body ring-vuno-line hover:bg-vuno-tint hover:text-vuno-strong";
                 };
                 readonly soft: {
-                    readonly base: "bg-(--vuno-accent)/10 text-(--vuno-accent) hover:bg-(--vuno-accent)/20";
+                    readonly base: "bg-(--vuno-accent)/10 text-(--vuno-accent) ring-transparent hover:bg-(--vuno-accent)/20";
                 };
                 readonly solid: {
-                    readonly base: "bg-(--vuno-accent) text-(--vuno-accent-contrast) hover:bg-(--vuno-accent)/90";
+                    readonly base: "bg-(--vuno-accent) text-(--vuno-accent-contrast) ring-(--vuno-accent) [--vuno-button-emphasis:var(--vuno-accent)] [--vuno-button-emphasis-highlight:color-mix(in_oklch,var(--vuno-accent),white_30%)] [--vuno-button-emphasis-hover:var(--vuno-accent)] [--vuno-button-emphasis-start:color-mix(in_oklch,var(--vuno-accent),white_15%)]";
+                };
+            };
+            readonly variantAccent: {
+                readonly on: {
+                    readonly base: "text-(--vuno-accent) ring-(--vuno-accent) hover:bg-(--vuno-accent)/10 hover:text-(--vuno-accent)";
                 };
             };
         };
     };
+    breadcrumb: {
+        readonly slots: {
+            readonly collapsedItem: "hidden sm:flex";
+            readonly collapseIndicator: "shrink-0 text-sm font-medium text-vuno-muted sm:hidden";
+            readonly current: "flex min-w-0 items-center gap-1.5 truncate text-sm font-semibold text-vuno-strong";
+            readonly icon: "size-4 shrink-0";
+            readonly item: "flex min-w-0 items-center gap-1.5";
+            readonly link: "flex min-w-0 items-center gap-1.5 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 list: "flex min-w-0 items-center gap-1.5 whitespace-nowrap";
+            readonly root: "min-w-0";
+            readonly separator: "size-4 shrink-0 text-vuno-subtle rtl:rotate-180";
+            readonly skeleton: "h-4 w-24 max-w-[35vw] animate-pulse rounded-full bg-vuno-surface-2 motion-reduce:animate-none";
+            readonly text: "flex min-w-0 items-center gap-1.5 truncate text-sm font-medium text-vuno-muted";
+        };
+    };
     badge: {
         readonly slots: {
             readonly base: "inline-flex shrink-0 items-center rounded-sm font-medium";
@@ -1135,18 +1292,18 @@ export declare const defaultTheme: {
             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 list: "flex flex-col gap-3";
             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";
+            readonly root: "pointer-events-none fixed inset-x-4 bottom-4 z-100 flex flex-col gap-3 sm:inset-x-auto sm:right-8 sm:bottom-8 sm:w-85";
         };
     };
     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 actions: "absolute top-2 right-2";
+            readonly close: "rounded text-(--vuno-accent) shadow-none ring-transparent hover:bg-(--vuno-accent)/15 hover:text-(--vuno-accent)";
+            readonly content: "pr-5";
+            readonly description: "text-vuno-muted";
+            readonly root: "relative rounded-xl p-4 shadow-lg ring ring-(--vuno-accent)/25";
         };
         readonly variants: {
             readonly color: Record<import("../types/base.js").VunoColor, Record<"root", string>>;
@@ -1154,12 +1311,13 @@ export declare const defaultTheme: {
     };
     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 actions: "flex shrink-0 flex-wrap items-center gap-2 empty:hidden";
+            readonly body: "flex min-w-0 flex-1 flex-wrap items-center justify-between gap-3";
+            readonly content: "flex min-w-0 flex-1 flex-col gap-0.5";
+            readonly description: "text-sm leading-snug text-(--vuno-accent)";
+            readonly icon: "mt-0.5 size-4 shrink-0 text-(--vuno-accent)";
+            readonly root: "flex w-full items-start gap-3 rounded-lg bg-(--vuno-accent)/10 px-4 py-3";
+            readonly title: "text-sm leading-snug font-medium text-(--vuno-accent)";
         };
         readonly variants: {
             readonly color: Record<import("../types/base.js").VunoColor, Record<"root", string>>;

package/dist/runtime/app/theme/index.js

@@ -3,12 +3,15 @@ import { toastTheme } from "#vuno/components/App/internal/Toast/Toast.theme";
 import { toasterTheme } from "#vuno/components/App/internal/Toaster/Toaster.theme";
 import { avatarTheme } from "#vuno/components/Avatar/Avatar.theme";
 import { badgeTheme } from "#vuno/components/Badge/Badge.theme";
+import { breadcrumbTheme } from "#vuno/components/Breadcrumb/Breadcrumb.theme";
 import { buttonTheme } from "#vuno/components/Button/Button.theme";
 import { cardTheme } from "#vuno/components/Card/Card.theme";
 import { codeTheme } from "#vuno/components/Code/Code.theme";
+import { collapsibleTheme } from "#vuno/components/Collapsible/Collapsible.theme";
 import { confirmTheme } from "#vuno/components/Confirm/Confirm.theme";
 import { containerTheme } from "#vuno/components/Container/Container.theme";
 import { controlGroupTheme } from "#vuno/components/ControlGroup/ControlGroup.theme";
+import { dataTableTheme } from "#vuno/components/DataTable/DataTable.theme";
 import { fieldArrayTheme } from "#vuno/components/FieldArray/FieldArray.theme";
 import { fieldCheckboxTheme } from "#vuno/components/FieldCheckbox/FieldCheckbox.theme";
 import { checkboxTheme } from "#vuno/components/FieldCheckbox/internal/Checkbox/Checkbox.theme";
@@ -35,16 +38,12 @@ import { formTheme } from "#vuno/components/Form/Form.theme";
 import { formFieldTheme } from "#vuno/components/FormField/FormField.theme";
 import { formModalTheme } from "#vuno/components/FormModal/FormModal.theme";
 import { formSectionTheme } from "#vuno/components/FormSection/FormSection.theme";
-import { controlTheme } from "#vuno/components/internal/ControlShell/ControlShell.theme";
-import { inputTheme } from "#vuno/components/internal/Input/Input.theme";
-import { numberInputTheme } from "#vuno/components/internal/NumberInput/NumberInput.theme";
 import { menuTheme } from "#vuno/components/Menu/Menu.theme";
 import { modalTheme } from "#vuno/components/Modal/Modal.theme";
 import { navbarTheme } from "#vuno/components/Navbar/Navbar.theme";
 import { navigationListTheme } from "#vuno/components/NavigationList/NavigationList.theme";
 import { navigationMenuTheme } from "#vuno/components/NavigationMenu/NavigationMenu.theme";
 import { navigationTocTheme } from "#vuno/components/NavigationToc/NavigationToc.theme";
-import { pageTheme } from "#vuno/components/Page/Page.theme";
 import { paginationTheme } from "#vuno/components/Pagination/Pagination.theme";
 import { slideoverTheme } from "#vuno/components/Slideover/Slideover.theme";
 import { stateTheme } from "#vuno/components/State/State.theme";
@@ -55,7 +54,12 @@ import { cellNumberTheme } from "#vuno/components/Table/internal/CellNumber/Cell
 import { cellTextTheme } from "#vuno/components/Table/internal/CellText/CellText.theme";
 import { tableTheme } from "#vuno/components/Table/Table.theme";
 import { tabsTheme } from "#vuno/components/Tabs/Tabs.theme";
+import { textTheme } from "#vuno/components/Text/Text.theme";
+import { toolbarTheme } from "#vuno/components/Toolbar/Toolbar.theme";
 import { tooltipTheme } from "#vuno/components/Tooltip/Tooltip.theme";
+import { controlTheme } from "#vuno/primitives/PrimitiveControl/PrimitiveControl.theme";
+import { inputTheme } from "#vuno/primitives/PrimitiveInput/PrimitiveInput.theme";
+import { numberInputTheme } from "#vuno/primitives/PrimitiveNumberInput/PrimitiveNumberInput.theme";
 export { defaultIcons } from "./icons.js";
 export { defaultMessages } from "./messages.js";
 export const defaultTheme = {
@@ -64,12 +68,15 @@ export const defaultTheme = {
   ...toasterTheme,
   ...avatarTheme,
   ...badgeTheme,
+  ...breadcrumbTheme,
   ...buttonTheme,
   ...cardTheme,
   ...codeTheme,
+  ...collapsibleTheme,
   ...confirmTheme,
   ...containerTheme,
   ...controlGroupTheme,
+  ...dataTableTheme,
   ...fieldArrayTheme,
   ...fieldCheckboxTheme,
   ...checkboxTheme,
@@ -105,7 +112,6 @@ export const defaultTheme = {
   ...navigationListTheme,
   ...navigationMenuTheme,
   ...navigationTocTheme,
-  ...pageTheme,
   ...paginationTheme,
   ...slideoverTheme,
   ...stateTheme,
@@ -116,5 +122,7 @@ export const defaultTheme = {
   ...cellTextTheme,
   ...tableTheme,
   ...tabsTheme,
+  ...textTheme,
+  ...toolbarTheme,
   ...tooltipTheme
 };

package/dist/runtime/app/theme/messages.js

@@ -39,6 +39,7 @@ export const defaultMessages = {
   numberDecrement: "Decrementar",
   numberIncrement: "Incrementar",
   of: "de",
+  openRow: "Abrir",
   page: "P\xE1gina",
   pageSize: "Filas por p\xE1gina",
   paginationFirst: "Primera p\xE1gina",

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

@@ -22,8 +22,9 @@ export declare const accentByColor: <TSlot extends string>(slot: TSlot) => Recor
  * dos: el interruptor curva la vía y el pulgar a la vez, y si solo se curvara
  * uno quedaría un pulgar cuadrado dentro de una vía redonda.
  *
- * `full` no es un escalón sino una forma. El resto usa directamente la escala
- * de Tailwind, sin mantener tokens de radio paralelos en Vuno.
+ * `none` elimina la curvatura y `full` expresa una forma. El resto usa
+ * directamente la escala de Tailwind, sin mantener tokens de radio paralelos
+ * en Vuno.
  */
 export declare const radiusByStep: <TSlot extends string>(...slots: TSlot[]) => Record<VunoRadius, Record<TSlot, string>>;
 /**