@groupteknology/vuno 3.0.0 → 4.0.0

package/dist/module.d.mts

@@ -2,11 +2,8 @@ import { NuxtModule } from '@nuxt/schema';
 export * from '../dist/runtime/app/types/index.js';
 
 interface ModuleOptions {
-    prefix?: string;
     /** Registrar el compilador de Tailwind. Ponlo en `false` si ya lo monta el proyecto. */
     tailwind?: boolean;
-    /** Registrar TanStack Query con hidratación SSR. Ponlo en `false` si el proyecto ya aporta su propio cliente. */
-    vueQuery?: boolean;
 }
 declare const module$1: NuxtModule<ModuleOptions>;
 

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "vuno",
   "configKey": "vuno",
-  "version": "3.0.0",
+  "version": "4.0.0",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -1,12 +1,10 @@
-import { defineNuxtModule, createResolver, addComponent, resolveModule, addTypeTemplate, addComponentsDir, addImportsDir, addPlugin, addTemplate, addVitePlugin } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addComponent, resolveModule, addComponentsDir, addImportsDir, addTemplate, addVitePlugin } from '@nuxt/kit';
 import tailwindcss from '@tailwindcss/vite';
 import { sep } from 'node:path';
 
 const module$1 = defineNuxtModule({
   defaults: {
-    prefix: "V",
-    tailwind: true,
-    vueQuery: true
+    tailwind: true
   },
   meta: {
     name: "vuno",
@@ -22,6 +20,9 @@ const module$1 = defineNuxtModule({
     },
     "@nuxtjs/color-mode": {
       defaults: {
+        classPrefix: "vuno--",
+        fallback: "light",
+        preference: "light",
         storage: "cookie",
         storageKey: "vuno-theme"
       }
@@ -42,35 +43,27 @@ const module$1 = defineNuxtModule({
       nodeTsConfig.compilerOptions.paths["#vuno"] = [runtimeDir];
       nodeTsConfig.compilerOptions.paths["#vuno/*"] = [`${runtimeDir}/*`];
     });
-    addTypeTemplate({
-      filename: "types/vuno-page-meta.d.ts",
-      getContents: () => `declare module '#app' {
-    interface PageMeta {
-        /** T\xEDtulo de la p\xE1gina disponible tambi\xE9n mediante \`route.meta.title\`. */
-        title?: string
-        /** \xCDndice declarativo disponible durante el render del servidor. */
-        toc?: import('@groupteknology/vuno').VunoNavigationTocItem[]
-    }
-}
-
-export {}
-`
-    });
     addComponentsDir({
+      /*
+       * Solo `.vue`. Sin esta línea Nuxt escanea con sus extensiones por
+       * defecto y registra como componente global cada `.theme.ts`,
+       * `.types.ts`, `.context.ts` y helper del árbol: más de trescientos
+       * nombres que el proyecto consumidor pierde sin saberlo.
+       *
+       * Y uno de ellos rompe: `Column/span.ts` ocupa el nombre `Span`, de
+       * modo que `<component :is="'span'">` —la raíz no interactiva de
+       * `ProgressStep`— deja de resolver al elemento y resuelve a ese
+       * módulo, cuyo `default` no es un componente. El vnode nace con
+       * tipo `undefined` y el renderizado del servidor cae.
+       */
+      extensions: ["vue"],
       global: true,
-      ignore: ["**/internal/**"],
+      ignore: ["**/internal/**", "**/tests/**", "**/*.test.*"],
       path: resolver.resolve("./runtime/app/components"),
       pathPrefix: false,
-      prefix: options.prefix
-    });
-    nuxt.hook("components:extend", (components) => {
-      for (const component of components) {
-        const path = component.filePath.replaceAll("\\", "/");
-        if (path.includes("/components/modal/")) component.global = true;
-      }
+      prefix: ""
     });
     addImportsDir(resolver.resolve("./runtime/app/composables"));
-    if (options.vueQuery) addPlugin(resolver.resolve("./runtime/app/plugins/vue-query"));
     addTemplate({
       filename: "vuno.css",
       write: true,

package/dist/runtime/app/AGENTS.md

@@ -0,0 +1,30 @@
+# AGENTS.md
+
+Reglas de UI y runtime para `packages/core/src/runtime/app`.
+
+## Componentes y API
+
+- Un componente Vue se concentra en renderizado, props, emits, slots y estado local de presentación.
+- Mantén la lógica junto al componente si tiene un único consumidor o depende de su estructura. Extrae un composable solo cuando tenga responsabilidad propia, reutilización real o prueba independiente; las transformaciones puras pertenecen a utilidades.
+- Antes de añadir una prop, intenta composición, slots existentes, variantes y tema. Una opción pública representa una capacidad estable, no un caso aislado del playground.
+- Prefiere APIs declarativas y variantes tipadas frente a combinaciones de props booleanas.
+- Los formularios componen controles planos y HTML semántico; no introduzcas un renderer declarativo de campos.
+
+## Layout, DOM y accesibilidad
+
+- Prioriza HTML semántico, CSS, Tailwind y APIs web estándar; usa JavaScript para layout solo cuando esas opciones no expresen el comportamiento.
+- Prefiere Grid, Subgrid, Flexbox y Container Queries a watchers, `resize`, `window.innerWidth` o estado Vue.
+- El contenedor controla geometría y separación externa; el componente controla estructura, apariencia y espacio interno.
+- No agregues wrappers sin función de layout, semántica, accesibilidad o interacción; no dupliques DOM para responsive si CSS basta.
+- Prefiere capacidades nativas estables como `<dialog>`, Popover API, `inert`, foco nativo y ARIA cuando sean adecuadas.
+- Comprueba accesibilidad. Si no validaste teclado, CSS real, foco visual o geometría en navegador, declara la limitación.
+
+## Tema y runtime
+
+- Reutiliza tokens `--vuno-*`, clases, temas y patrones existentes; no fijes decisiones que deban ser tematizables.
+- `tailwind-merge` resuelve conflictos de clases. Los tokens se sobrescriben por cascada; no son claves de `app.config.ts`.
+- `useTheme` combina, en este orden, tema predeterminado, variantes activas, `app.config.ts` y prop local `ui`.
+- No introduzcas una biblioteca de interfaz subyacente. Una dependencia de cálculo requiere una capacidad real que Vuno no deba mantener.
+- Distingue vacío, cargando y fallido; un fallo de tabla ofrece reintento.
+- En `useCrud`, `undefined` y `null` suspenden la consulta; `0`, `''` y `false` son claves válidas.
+- Protege `window`, `document`, storage y APIs exclusivas del navegador. Evita hydration mismatch y estado global para necesidades locales.

package/dist/runtime/app/assets/css/dialog.css

@@ -1 +1 @@
-:root{--vuno-modal-duration:180ms;--vuno-modal-ease:cubic-bezier(0.32,0.72,0,1);--vuno-backdrop:rgba(0,0,0,.5)}dialog[data-vuno-modal]{opacity:0;transform:scale(.97) translateY(.5rem);transition:opacity var(--vuno-modal-duration) var(--vuno-modal-ease),transform var(--vuno-modal-duration) var(--vuno-modal-ease),display var(--vuno-modal-duration) allow-discrete,overlay var(--vuno-modal-duration) allow-discrete}dialog[data-vuno-modal][open]{opacity:1;transform:scale(1) translateY(0)}@starting-style{dialog[data-vuno-modal][open]{opacity:0;transform:scale(.97) translateY(.5rem)}}@media (width < 40rem){dialog[data-vuno-modal]:not([data-position]){transform:translateY(100%)}dialog[data-vuno-modal]:not([data-position])[open]{transform:translateY(0)}@starting-style{dialog[data-vuno-modal]:not([data-position])[open]{transform:translateY(100%)}}}dialog[data-vuno-modal]::backdrop{background-color:transparent;transition:background-color var(--vuno-modal-duration) var(--vuno-modal-ease),display var(--vuno-modal-duration) allow-discrete,overlay var(--vuno-modal-duration) allow-discrete}dialog[data-vuno-modal][open]::backdrop{background-color:var(--vuno-backdrop)}@starting-style{dialog[data-vuno-modal][open]::backdrop{background-color:transparent}}dialog[data-vuno-modal][data-position=end],dialog[data-vuno-modal][data-position=start]{transform:translateX(var(--vuno-panel-from))}dialog[data-vuno-modal][data-position=end]{--vuno-panel-from:100%}[dir=rtl] dialog[data-vuno-modal][data-position=end],dialog[data-vuno-modal][data-position=start]{--vuno-panel-from:-100%}[dir=rtl] dialog[data-vuno-modal][data-position=start]{--vuno-panel-from:100%}dialog[data-vuno-modal][data-position=end][open],dialog[data-vuno-modal][data-position=start][open]{transform:translateX(0)}@starting-style{dialog[data-vuno-modal][data-position=end][open],dialog[data-vuno-modal][data-position=start][open]{transform:translateX(var(--vuno-panel-from))}}dialog[data-vuno-modal].vuno-overlay-behind::backdrop,dialog[data-vuno-modal].vuno-overlay-behind[open]::backdrop{background-color:transparent}@media (prefers-reduced-motion:reduce){dialog[data-vuno-modal],dialog[data-vuno-modal]::backdrop{transition-duration:1ms}dialog[data-vuno-modal],dialog[data-vuno-modal][data-position=end],dialog[data-vuno-modal][data-position=end][open],dialog[data-vuno-modal][data-position=start],dialog[data-vuno-modal][data-position=start][open]{transform:none}}
+dialog[data-vuno-modal]{opacity:0;transform:scale(.97) translateY(.5rem);transition:opacity var(--vuno-duration-moderate-01) var(--vuno-easing-standard-productive),transform var(--vuno-duration-moderate-01) var(--vuno-easing-standard-productive),display var(--vuno-duration-moderate-01) allow-discrete,overlay var(--vuno-duration-moderate-01) allow-discrete}dialog[data-vuno-modal][open]{opacity:1;transform:scale(1) translateY(0)}@starting-style{dialog[data-vuno-modal][open]{opacity:0;transform:scale(.97) translateY(.5rem)}}@media (width < 40rem){dialog[data-vuno-modal]:not([data-position]){transform:translateY(100%)}dialog[data-vuno-modal]:not([data-position])[open]{transform:translateY(0)}@starting-style{dialog[data-vuno-modal]:not([data-position])[open]{transform:translateY(100%)}}}dialog[data-vuno-modal]::backdrop{background-color:transparent;transition:background-color var(--vuno-duration-moderate-01) var(--vuno-easing-standard-productive),display var(--vuno-duration-moderate-01) allow-discrete,overlay var(--vuno-duration-moderate-01) allow-discrete}dialog[data-vuno-modal][open]::backdrop{background-color:var(--vuno-overlay)}@starting-style{dialog[data-vuno-modal][open]::backdrop{background-color:transparent}}dialog[data-vuno-modal][data-position=end],dialog[data-vuno-modal][data-position=start]{transform:translateX(var(--vuno-panel-from))}dialog[data-vuno-modal][data-position=end]{--vuno-panel-from:100%}[dir=rtl] dialog[data-vuno-modal][data-position=end],dialog[data-vuno-modal][data-position=start]{--vuno-panel-from:-100%}[dir=rtl] dialog[data-vuno-modal][data-position=start]{--vuno-panel-from:100%}dialog[data-vuno-modal][data-position=end][open],dialog[data-vuno-modal][data-position=start][open]{transform:translateX(0)}@starting-style{dialog[data-vuno-modal][data-position=end][open],dialog[data-vuno-modal][data-position=start][open]{transform:translateX(var(--vuno-panel-from))}}@media (prefers-reduced-motion:reduce){dialog[data-vuno-modal],dialog[data-vuno-modal]::backdrop{transition-duration:1ms}dialog[data-vuno-modal],dialog[data-vuno-modal][data-position=end],dialog[data-vuno-modal][data-position=end][open],dialog[data-vuno-modal][data-position=start],dialog[data-vuno-modal][data-position=start][open]{transform:none}}

package/dist/runtime/app/assets/css/main.css

@@ -1 +1 @@
-@import "tailwindcss";@import "#build/vuno.css";@import "./tokens.css";@import "./theme.css";@import "./dialog.css";@custom-variant dark (&:where(.dark, .dark *));@source "../../**/*";
+@import "tailwindcss";@import "#build/vuno.css";@import "./tokens.css";@import "./theme.css";@import "./dialog.css";@import "./skeleton.css";@custom-variant dark (&:where(.vuno--dark-gray, .vuno--dark-gray *, .vuno--dark, .vuno--dark *));@source "../../**/*";[data-vuno-ordered-list][data-native=false]{counter-reset:vuno-list-item}[data-vuno-ordered-list][data-native=false]>li{counter-increment:vuno-list-item}[data-vuno-ordered-list][data-native=false]>li:before{content:counters(vuno-list-item,".") ". "}@layer components{[data-vuno-icon]{height:1em;width:1em}}[data-vuno-icon]{height:revert-layer;width:revert-layer}

package/dist/runtime/app/assets/css/skeleton.css

@@ -0,0 +1 @@
+@keyframes vuno-skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}

package/dist/runtime/app/assets/css/theme.css

@@ -1 +1 @@
-@theme inline{--color-vuno-primary:var(--vuno-primary);--color-vuno-primary-contrast:var(--vuno-primary-contrast);--color-vuno-secondary:var(--vuno-secondary);--color-vuno-secondary-contrast:var(--vuno-secondary-contrast);--color-vuno-neutral:var(--vuno-neutral);--color-vuno-neutral-contrast:var(--vuno-neutral-contrast);--color-vuno-brand:var(--vuno-brand);--color-vuno-brand-hover:var(--vuno-brand-hover);--color-vuno-brand-contrast:var(--vuno-brand-contrast);--color-vuno-control:var(--vuno-control);--color-vuno-tint:var(--vuno-tint);--color-vuno-line:var(--vuno-line);--color-vuno-focus:var(--vuno-focus);--color-vuno-danger-solid:var(--vuno-danger-solid);--color-vuno-danger-solid-hover:var(--vuno-danger-solid-hover);--color-vuno-danger-solid-contrast:var(--vuno-danger-solid-contrast);--color-vuno-surface:var(--vuno-surface);--color-vuno-surface-1:var(--vuno-surface-1);--color-vuno-surface-2:var(--vuno-surface-2);--color-vuno-surface-inverse:var(--vuno-surface-inverse);--color-vuno-strong:var(--vuno-text-strong);--color-vuno-body:var(--vuno-text-body);--color-vuno-muted:var(--vuno-text-muted);--color-vuno-subtle:var(--vuno-text-subtle);--color-vuno-inverse:var(--vuno-text-inverse);--font-sans:var(--vuno-font-sans);--font-mono:var(--vuno-font-mono);--color-vuno-border:var(--vuno-border);--color-vuno-border-strong:var(--vuno-border-strong);--color-vuno-success:var(--vuno-success);--color-vuno-success-contrast:var(--vuno-success-contrast);--color-vuno-info:var(--vuno-info);--color-vuno-info-contrast:var(--vuno-info-contrast);--color-vuno-warning:var(--vuno-warning);--color-vuno-warning-contrast:var(--vuno-warning-contrast);--color-vuno-error:var(--vuno-error);--color-vuno-error-contrast:var(--vuno-error-contrast);--container-8xl:96rem}
+@theme inline{--color-vuno-background:var(--vuno-background);--color-vuno-background-hover:var(--vuno-background-hover);--color-vuno-background-active:var(--vuno-background-active);--color-vuno-background-selected:var(--vuno-background-selected);--color-vuno-background-inverse:var(--vuno-background-inverse);--color-vuno-layer-01:var(--vuno-layer-01);--color-vuno-layer-02:var(--vuno-layer-02);--color-vuno-layer-03:var(--vuno-layer-03);--color-vuno-layer-hover-01:var(--vuno-layer-hover-01);--color-vuno-layer-hover-02:var(--vuno-layer-hover-02);--color-vuno-layer-hover-03:var(--vuno-layer-hover-03);--color-vuno-field-01:var(--vuno-field-01);--color-vuno-field-02:var(--vuno-field-02);--color-vuno-field-03:var(--vuno-field-03);--color-vuno-text-primary:var(--vuno-text-primary);--color-vuno-text-secondary:var(--vuno-text-secondary);--color-vuno-text-placeholder:var(--vuno-text-placeholder);--color-vuno-text-helper:var(--vuno-text-helper);--color-vuno-text-error:var(--vuno-text-error);--color-vuno-text-inverse:var(--vuno-text-inverse);--color-vuno-text-on-color:var(--vuno-text-on-color);--color-vuno-icon-primary:var(--vuno-icon-primary);--color-vuno-icon-secondary:var(--vuno-icon-secondary);--color-vuno-icon-interactive:var(--vuno-icon-interactive);--color-vuno-border-subtle-00:var(--vuno-border-subtle-00);--color-vuno-border-subtle-01:var(--vuno-border-subtle-01);--color-vuno-border-subtle-02:var(--vuno-border-subtle-02);--color-vuno-border-subtle-03:var(--vuno-border-subtle-03);--color-vuno-border-strong-01:var(--vuno-border-strong-01);--color-vuno-border-strong-02:var(--vuno-border-strong-02);--color-vuno-border-strong-03:var(--vuno-border-strong-03);--color-vuno-border-interactive:var(--vuno-border-interactive);--color-vuno-interactive:var(--vuno-interactive);--color-vuno-focus:var(--vuno-focus);--color-vuno-button-primary:var(--vuno-button-primary);--color-vuno-button-primary-hover:var(--vuno-button-primary-hover);--color-vuno-button-secondary:var(--vuno-button-secondary);--color-vuno-button-secondary-hover:var(--vuno-button-secondary-hover);--color-vuno-button-tertiary:var(--vuno-button-tertiary);--color-vuno-button-danger:var(--vuno-button-danger-primary);--color-vuno-support-error:var(--vuno-support-error);--color-vuno-support-info:var(--vuno-support-info);--color-vuno-support-success:var(--vuno-support-success);--color-vuno-support-warning:var(--vuno-support-warning);--color-vuno-overlay:var(--vuno-overlay);--font-sans:var(--vuno-font-family-sans);--font-mono:var(--vuno-font-family-mono);--spacing-vuno-01:var(--vuno-spacing-01);--spacing-vuno-02:var(--vuno-spacing-02);--spacing-vuno-03:var(--vuno-spacing-03);--spacing-vuno-04:var(--vuno-spacing-04);--spacing-vuno-05:var(--vuno-spacing-05);--spacing-vuno-06:var(--vuno-spacing-06);--spacing-vuno-07:var(--vuno-spacing-07);--spacing-vuno-08:var(--vuno-spacing-08);--spacing-vuno-09:var(--vuno-spacing-09);--spacing-vuno-10:var(--vuno-spacing-10);--spacing-vuno-11:var(--vuno-spacing-11);--spacing-vuno-12:var(--vuno-spacing-12);--spacing-vuno-13:var(--vuno-spacing-13);--z-index-hidden:var(--vuno-z-hidden);--z-index-footer:var(--vuno-z-footer);--z-index-overlay:var(--vuno-z-overlay);--z-index-floating:var(--vuno-z-floating);--z-index-header:var(--vuno-z-header);--z-index-modal:var(--vuno-z-modal);--z-index-dropdown:var(--vuno-z-dropdown)}

package/dist/runtime/app/assets/css/tokens.css

@@ -1 +1 @@
-@layer base{:root{color-scheme:light;--vuno-color-white:oklch(100% 0 0);--vuno-color-slate-50:oklch(98.75% 0 0);--vuno-color-slate-100:oklch(98% 0 0);--vuno-color-slate-200:oklch(96.5% 0 0);--vuno-color-slate-300:oklch(92.2% 0 0);--vuno-color-slate-400:oklch(70.8% 0 0);--vuno-color-slate-500:oklch(55.6% 0 0);--vuno-color-slate-600:oklch(43.9% 0 0);--vuno-color-slate-700:oklch(32% 0 0);--vuno-color-slate-800:oklch(26.9% 0 0);--vuno-color-slate-900:oklch(20.5% 0 0);--vuno-color-slate-925:oklch(17% 0 0);--vuno-color-slate-950:oklch(10% 0 0);--vuno-color-blue-400:oklch(75.668% 0.1242 263.014);--vuno-color-blue-600:oklch(53.463% 0.1595 261.622);--vuno-color-violet-400:oklch(78.263% 0.0571 279.398);--vuno-color-violet-600:oklch(50.733% 0.0826 278.816);--vuno-color-emerald-400:oklch(78.38% 0.0683 165.304);--vuno-color-emerald-700:oklch(51.266% 0.071 168.046);--vuno-color-cyan-400:oklch(78.873% 0.0666 223.957);--vuno-color-cyan-700:oklch(51.089% 0.0694 228.76);--vuno-color-red-400:oklch(76.599% 0.0951 15.392);--vuno-color-red-700:oklch(54.926% 0.1344 17.946);--vuno-color-amber-300:oklch(79.558% 0.1002 81.479);--vuno-color-amber-400:oklch(51.495% 0.0997 72.607);--vuno-font-sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--vuno-font-mono:"JetBrains Mono",ui-monospace,"Cascadia Code","Source Code Pro",Menlo,monospace;--vuno-primary:var(--vuno-color-blue-600);--vuno-primary-contrast:var(--vuno-color-white);--vuno-secondary:var(--vuno-color-violet-600);--vuno-secondary-contrast:var(--vuno-color-white);--vuno-neutral:var(--vuno-color-slate-600);--vuno-neutral-contrast:var(--vuno-color-white);--vuno-surface:var(--vuno-color-white);--vuno-surface-1:var(--vuno-color-slate-100);--vuno-surface-2:var(--vuno-color-slate-200);--vuno-surface-inverse:var(--vuno-color-slate-900);--vuno-text-strong:var(--vuno-color-slate-900);--vuno-text-body:var(--vuno-color-slate-700);--vuno-text-muted:var(--vuno-color-slate-600);--vuno-text-subtle:var(--vuno-color-slate-400);--vuno-text-inverse:var(--vuno-color-slate-50);--vuno-border:var(--vuno-color-slate-300);--vuno-border-strong:var(--vuno-color-slate-500);--vuno-success:var(--vuno-color-emerald-700);--vuno-success-contrast:var(--vuno-color-white);--vuno-info:var(--vuno-color-cyan-700);--vuno-info-contrast:var(--vuno-color-white);--vuno-warning:var(--vuno-color-amber-400);--vuno-warning-contrast:var(--vuno-color-white);--vuno-error:var(--vuno-color-red-700);--vuno-error-contrast:var(--vuno-color-white);--vuno-brand:var(--vuno-color-blue-600);--vuno-brand-hover:oklch(47.771% 0.1444 262.217);--vuno-brand-contrast:var(--vuno-color-white);--vuno-control:var(--vuno-color-white);--vuno-tint:oklch(97% 0 0);--vuno-line:oklch(14.5% 0 0/10%);--vuno-focus:oklch(15% 0 0);--vuno-danger-solid:var(--vuno-color-red-700);--vuno-danger-solid-hover:oklch(47.974% 0.1224 17.032);--vuno-danger-solid-contrast:var(--vuno-color-white)}.dark{color-scheme:dark;--vuno-primary:var(--vuno-color-blue-400);--vuno-primary-contrast:var(--vuno-color-slate-950);--vuno-secondary:var(--vuno-color-violet-400);--vuno-secondary-contrast:var(--vuno-color-slate-950);--vuno-neutral:var(--vuno-color-slate-400);--vuno-neutral-contrast:var(--vuno-color-slate-950);--vuno-surface:var(--vuno-color-slate-950);--vuno-surface-1:var(--vuno-color-slate-925);--vuno-surface-2:var(--vuno-color-slate-800);--vuno-surface-inverse:var(--vuno-color-slate-100);--vuno-text-strong:var(--vuno-color-white);--vuno-text-body:var(--vuno-color-slate-300);--vuno-text-muted:var(--vuno-color-slate-400);--vuno-text-subtle:var(--vuno-color-slate-500);--vuno-text-inverse:var(--vuno-color-slate-900);--vuno-border:var(--vuno-color-slate-700);--vuno-success:var(--vuno-color-emerald-400);--vuno-success-contrast:var(--vuno-color-slate-950);--vuno-info:var(--vuno-color-cyan-400);--vuno-info-contrast:var(--vuno-color-slate-950);--vuno-warning:var(--vuno-color-amber-300);--vuno-warning-contrast:var(--vuno-color-slate-950);--vuno-error:var(--vuno-color-red-400);--vuno-error-contrast:var(--vuno-color-slate-950);--vuno-control:oklch(21% 0.006 285.885);--vuno-tint:oklch(26.9% 0 0);--vuno-line:oklch(32% 0 0);--vuno-focus:oklch(93.5% 0 0)}html{scrollbar-gutter:stable}body{background-color:var(--vuno-surface);color:var(--vuno-text-body);font-family:var(--vuno-font-sans);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}
+@layer base{.vuno--light,:root{color-scheme:light;--vuno-spacing-01:0.125rem;--vuno-spacing-02:0.25rem;--vuno-spacing-03:0.5rem;--vuno-spacing-04:0.75rem;--vuno-spacing-05:1rem;--vuno-spacing-06:1.5rem;--vuno-spacing-07:2rem;--vuno-spacing-08:2.5rem;--vuno-spacing-09:3rem;--vuno-spacing-10:4rem;--vuno-spacing-11:5rem;--vuno-spacing-12:6rem;--vuno-spacing-13:10rem;--vuno-duration-fast-01:70ms;--vuno-duration-fast-02:110ms;--vuno-duration-moderate-01:150ms;--vuno-duration-moderate-02:240ms;--vuno-duration-slow-01:400ms;--vuno-duration-slow-02:700ms;--vuno-easing-standard-productive:cubic-bezier(0.2,0,0.38,0.9);--vuno-easing-standard-expressive:cubic-bezier(0.4,0.14,0.3,1);--vuno-font-family-sans:"Inter",system-ui,-apple-system,"Segoe UI","Helvetica Neue",Arial,sans-serif;--vuno-font-family-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular","Menlo","DejaVu Sans Mono",monospace;--vuno-z-hidden:-1;--vuno-z-footer:5000;--vuno-z-overlay:6000;--vuno-z-floating:8100;--vuno-z-header:8000;--vuno-z-modal:9000;--vuno-z-dropdown:9100;--vuno-ai-aura-end:hsla(0,0%,100%,0);--vuno-ai-aura-hover-background:#edf5ff;--vuno-ai-aura-hover-end:hsla(0,0%,100%,0);--vuno-ai-aura-hover-start:rgba(69,137,255,.32);--vuno-ai-aura-start:rgba(69,137,255,.1);--vuno-ai-aura-start-sm:rgba(69,137,255,.16);--vuno-ai-border-end:#78a9ff;--vuno-ai-border-start:rgba(166,200,255,.64);--vuno-ai-border-strong:#4589ff;--vuno-ai-drop-shadow:rgba(15,98,254,.1);--vuno-ai-inner-shadow:rgba(69,137,255,.1);--vuno-ai-overlay:rgba(0,17,65,.5);--vuno-ai-popover-background:#fff;--vuno-ai-popover-caret-bottom:#78a9ff;--vuno-ai-popover-caret-bottom-background:#eaf1ff;--vuno-ai-popover-caret-bottom-background-actions:#e9effa;--vuno-ai-popover-caret-center:#a0c3ff;--vuno-ai-popover-shadow-outer-01:rgba(0,67,206,.06);--vuno-ai-popover-shadow-outer-02:rgba(0,0,0,.04);--vuno-ai-skeleton-background:#d0e2ff;--vuno-ai-skeleton-element-background:#4589ff;--vuno-background:#fff;--vuno-background-active:hsla(0,0%,55.3%,.5);--vuno-background-brand:#0f62fe;--vuno-background-hover:hsla(0,0%,55.3%,.12);--vuno-background-inverse:#393939;--vuno-background-inverse-hover:#474747;--vuno-background-selected:hsla(0,0%,55.3%,.2);--vuno-background-selected-hover:hsla(0,0%,55.3%,.32);--vuno-border-disabled:#c6c6c6;--vuno-border-interactive:#0f62fe;--vuno-border-inverse:#161616;--vuno-border-strong-01:#8d8d8d;--vuno-border-strong-02:#8d8d8d;--vuno-border-strong-03:#8d8d8d;--vuno-border-subtle-selected-01:#c6c6c6;--vuno-border-subtle-selected-02:#c6c6c6;--vuno-border-subtle-selected-03:#c6c6c6;--vuno-border-subtle-00:#e0e0e0;--vuno-border-subtle-01:#c6c6c6;--vuno-border-subtle-02:#e0e0e0;--vuno-border-subtle-03:#c6c6c6;--vuno-border-tile-01:#c6c6c6;--vuno-border-tile-02:#a8a8a8;--vuno-border-tile-03:#c6c6c6;--vuno-button-danger-active:#750e13;--vuno-button-danger-hover:#b81921;--vuno-button-danger-primary:#da1e28;--vuno-button-danger-secondary:#da1e28;--vuno-button-disabled:#c6c6c6;--vuno-button-primary:#0f62fe;--vuno-button-primary-active:#002d9c;--vuno-button-primary-hover:#0050e6;--vuno-button-secondary:#393939;--vuno-button-secondary-active:#6f6f6f;--vuno-button-secondary-hover:#474747;--vuno-button-separator:#e0e0e0;--vuno-button-tertiary:#0f62fe;--vuno-button-tertiary-active:#002d9c;--vuno-button-tertiary-hover:#0050e6;--vuno-chat-avatar-agent:#393939;--vuno-chat-avatar-bot:#6f6f6f;--vuno-chat-avatar-user:#0f62fe;--vuno-chat-bubble-agent:#fff;--vuno-chat-bubble-agent-text:#161616;--vuno-chat-bubble-border:#e0e0e0;--vuno-chat-bubble-user:#e0e0e0;--vuno-chat-bubble-user-text:#161616;--vuno-chat-button:#0f62fe;--vuno-chat-button-active:hsla(0,0%,55.3%,.5);--vuno-chat-button-hover:hsla(0,0%,55.3%,.12);--vuno-chat-button-selected:hsla(0,0%,55.3%,.2);--vuno-chat-button-text-hover:#0043ce;--vuno-chat-button-text-selected:#525252;--vuno-chat-header-background:#fff;--vuno-chat-header-text:#161616;--vuno-chat-prompt-background:#fff;--vuno-chat-prompt-border-end:hsla(0,0%,95.7%,0);--vuno-chat-prompt-border-start:#f4f4f4;--vuno-chat-prompt-text:#161616;--vuno-chat-shell-background:#fff;--vuno-color-scheme:light;--vuno-content-switcher-background:#e0e0e0;--vuno-content-switcher-background-hover:#d1d1d1;--vuno-content-switcher-selected:#fff;--vuno-field-hover-01:#e8e8e8;--vuno-field-hover-02:#e8e8e8;--vuno-field-hover-03:#e8e8e8;--vuno-field-01:#f4f4f4;--vuno-field-02:#fff;--vuno-field-03:#f4f4f4;--vuno-focus:#0f62fe;--vuno-focus-inset:#fff;--vuno-focus-inverse:#fff;--vuno-highlight:#d0e2ff;--vuno-icon-disabled:rgba(22,22,22,.25);--vuno-icon-interactive:#0f62fe;--vuno-icon-inverse:#fff;--vuno-icon-on-color:#fff;--vuno-icon-on-color-disabled:#8d8d8d;--vuno-icon-primary:#161616;--vuno-icon-secondary:#525252;--vuno-interactive:#0f62fe;--vuno-layer-accent-active-01:#a8a8a8;--vuno-layer-accent-active-02:#a8a8a8;--vuno-layer-accent-active-03:#a8a8a8;--vuno-layer-accent-hover-01:#d1d1d1;--vuno-layer-accent-hover-02:#d1d1d1;--vuno-layer-accent-hover-03:#d1d1d1;--vuno-layer-accent-01:#e0e0e0;--vuno-layer-accent-02:#e0e0e0;--vuno-layer-accent-03:#e0e0e0;--vuno-layer-active-01:#c6c6c6;--vuno-layer-active-02:#c6c6c6;--vuno-layer-active-03:#c6c6c6;--vuno-layer-background-01:#fff;--vuno-layer-background-02:#f4f4f4;--vuno-layer-background-03:#fff;--vuno-layer-hover-01:#e8e8e8;--vuno-layer-hover-02:#e8e8e8;--vuno-layer-hover-03:#e8e8e8;--vuno-layer-selected-disabled:#8d8d8d;--vuno-layer-selected-hover-01:#d1d1d1;--vuno-layer-selected-hover-02:#d1d1d1;--vuno-layer-selected-hover-03:#d1d1d1;--vuno-layer-selected-inverse:#161616;--vuno-layer-selected-01:#e0e0e0;--vuno-layer-selected-02:#e0e0e0;--vuno-layer-selected-03:#e0e0e0;--vuno-layer-01:#f4f4f4;--vuno-layer-02:#fff;--vuno-layer-03:#f4f4f4;--vuno-link-inverse:#78a9ff;--vuno-link-inverse-active:#f4f4f4;--vuno-link-inverse-hover:#a6c8ff;--vuno-link-inverse-visited:#be95ff;--vuno-link-primary:#0f62fe;--vuno-link-primary-hover:#0043ce;--vuno-link-secondary:#0043ce;--vuno-link-visited:#8a3ffc;--vuno-notification-action-hover:#fff;--vuno-notification-action-tertiary-inverse:#fff;--vuno-notification-action-tertiary-inverse-active:#c6c6c6;--vuno-notification-action-tertiary-inverse-hover:#f4f4f4;--vuno-notification-action-tertiary-inverse-text:#161616;--vuno-notification-action-tertiary-inverse-text-on-color-disabled:hsla(0,0%,100%,.25);--vuno-notification-background-error:#fff1f1;--vuno-notification-background-info:#edf5ff;--vuno-notification-background-success:#defbe6;--vuno-notification-background-warning:#fcf4d6;--vuno-overlay:rgba(0,0,0,.6);--vuno-shadow:rgba(0,0,0,.3);--vuno-skeleton-background:#e8e8e8;--vuno-skeleton-element:#c6c6c6;--vuno-status-accessibility-background:#fff;--vuno-status-blue:#0043ce;--vuno-status-gray:#6f6f6f;--vuno-status-green:#24a148;--vuno-status-orange:#ff832b;--vuno-status-orange-outline:#ba4e00;--vuno-status-purple:#8a3ffc;--vuno-status-red:#da1e28;--vuno-status-yellow:#f1c21b;--vuno-status-yellow-outline:#8e6a00;--vuno-support-caution-major:#ff832b;--vuno-support-caution-minor:#f1c21b;--vuno-support-caution-undefined:#8a3ffc;--vuno-support-error:#da1e28;--vuno-support-error-inverse:#fa4d56;--vuno-support-info:#0043ce;--vuno-support-info-inverse:#4589ff;--vuno-support-success:#24a148;--vuno-support-success-inverse:#42be65;--vuno-support-warning:#f1c21b;--vuno-support-warning-inverse:#f1c21b;--vuno-syntax-angle-bracket:#697077;--vuno-syntax-annotation:#007d79;--vuno-syntax-arithmetic-operator:#343a3f;--vuno-syntax-atom:#161616;--vuno-syntax-attribute:#00539a;--vuno-syntax-attribute-name:#00539a;--vuno-syntax-attribute-value:#161616;--vuno-syntax-bitwise-operator:#343a3f;--vuno-syntax-block-comment:#198038;--vuno-syntax-bool:#161616;--vuno-syntax-brace:#343a3f;--vuno-syntax-bracket:#343a3f;--vuno-syntax-character:#161616;--vuno-syntax-class-name:#007d79;--vuno-syntax-color:#161616;--vuno-syntax-comment:#198038;--vuno-syntax-compare-operator:#343a3f;--vuno-syntax-constant:#0f62fe;--vuno-syntax-content:#161616;--vuno-syntax-content-separator:#343a3f;--vuno-syntax-control-keyword:#6929c4;--vuno-syntax-control-operator:#6929c4;--vuno-syntax-definition:#00539a;--vuno-syntax-definition-keyword:#00539a;--vuno-syntax-definition-operator:#00539a;--vuno-syntax-deleted:#ffd7d9;--vuno-syntax-deref-operator:#343a3f;--vuno-syntax-doc-comment:#198038;--vuno-syntax-doc-string:#161616;--vuno-syntax-document-meta:#198038;--vuno-syntax-emphasis:#161616;--vuno-syntax-escape:#343a3f;--vuno-syntax-float:#198038;--vuno-syntax-function:#8e6a00;--vuno-syntax-heading:#00539a;--vuno-syntax-heading1:#00539a;--vuno-syntax-heading2:#00539a;--vuno-syntax-heading3:#00539a;--vuno-syntax-heading4:#00539a;--vuno-syntax-heading5:#00539a;--vuno-syntax-heading6:#00539a;--vuno-syntax-inserted:#a7f0ba;--vuno-syntax-integer:#198038;--vuno-syntax-invalid:#da1e28;--vuno-syntax-keyword:#0f62fe;--vuno-syntax-label-name:#0f62fe;--vuno-syntax-line-comment:#198038;--vuno-syntax-link:#0f62fe;--vuno-syntax-list:#161616;--vuno-syntax-literal:#161616;--vuno-syntax-local:#0f62fe;--vuno-syntax-logic-operator:#343a3f;--vuno-syntax-macro-name:#161616;--vuno-syntax-meta:#198038;--vuno-syntax-modifier:#0f62fe;--vuno-syntax-module-keyword:#6929c4;--vuno-syntax-monospace:#161616;--vuno-syntax-name:#0f62fe;--vuno-syntax-namespace:#007d79;--vuno-syntax-null:#161616;--vuno-syntax-number:#198038;--vuno-syntax-operator:#343a3f;--vuno-syntax-operator-keyword:#0f62fe;--vuno-syntax-paren:#343a3f;--vuno-syntax-processing-instruction:#161616;--vuno-syntax-property-name:#00539a;--vuno-syntax-punctuation:#343a3f;--vuno-syntax-quote:#198038;--vuno-syntax-regexp:#6929c4;--vuno-syntax-self:#007d79;--vuno-syntax-separator:#343a3f;--vuno-syntax-special:#0f62fe;--vuno-syntax-special-string:#8a3ffc;--vuno-syntax-square-bracket:#343a3f;--vuno-syntax-standard:#0f62fe;--vuno-syntax-strikethrough:#161616;--vuno-syntax-string:#161616;--vuno-syntax-strong:#161616;--vuno-syntax-tag:#007d79;--vuno-syntax-tag-name:#007d79;--vuno-syntax-type:#007d79;--vuno-syntax-type-name:#007d79;--vuno-syntax-type-operator:#007d79;--vuno-syntax-unit:#198038;--vuno-syntax-update-operator:#343a3f;--vuno-syntax-url:#343a3f;--vuno-syntax-variable:#0f62fe;--vuno-syntax-variable-name:#0f62fe;--vuno-tag-background-blue:#d0e2ff;--vuno-tag-background-cool-gray:#dde1e6;--vuno-tag-background-cyan:#bae6ff;--vuno-tag-background-gray:#e0e0e0;--vuno-tag-background-green:#a7f0ba;--vuno-tag-background-magenta:#ffd6e8;--vuno-tag-background-purple:#e8daff;--vuno-tag-background-red:#ffd7d9;--vuno-tag-background-teal:#9ef0f0;--vuno-tag-background-warm-gray:#e5e0df;--vuno-tag-border-blue:#78a9ff;--vuno-tag-border-cool-gray:#a2a9b0;--vuno-tag-border-cyan:#33b1ff;--vuno-tag-border-gray:#a8a8a8;--vuno-tag-border-green:#42be65;--vuno-tag-border-magenta:#ff7eb6;--vuno-tag-border-purple:#be95ff;--vuno-tag-border-red:#ff8389;--vuno-tag-border-teal:#08bdba;--vuno-tag-border-warm-gray:#ada8a8;--vuno-tag-color-blue:#0043ce;--vuno-tag-color-cool-gray:#121619;--vuno-tag-color-cyan:#00539a;--vuno-tag-color-gray:#161616;--vuno-tag-color-green:#0e6027;--vuno-tag-color-magenta:#9f1853;--vuno-tag-color-purple:#6929c4;--vuno-tag-color-red:#a2191f;--vuno-tag-color-teal:#005d5d;--vuno-tag-color-warm-gray:#171414;--vuno-tag-hover-blue:#b8d3ff;--vuno-tag-hover-cool-gray:#cdd3da;--vuno-tag-hover-cyan:#99daff;--vuno-tag-hover-gray:#d1d1d1;--vuno-tag-hover-green:#74e792;--vuno-tag-hover-magenta:#ffbdda;--vuno-tag-hover-purple:#dcc7ff;--vuno-tag-hover-red:#ffc2c5;--vuno-tag-hover-teal:#57e5e5;--vuno-tag-hover-warm-gray:#d8d0cf;--vuno-text-disabled:rgba(22,22,22,.25);--vuno-text-error:#da1e28;--vuno-text-helper:#6f6f6f;--vuno-text-inverse:#fff;--vuno-text-on-color:#fff;--vuno-text-on-color-disabled:#8d8d8d;--vuno-text-placeholder:#6f6f6f;--vuno-text-primary:#161616;--vuno-text-secondary:#525252;--vuno-toggle-off:#8d8d8d}.vuno--light-gray{color-scheme:light;--vuno-ai-aura-end:hsla(0,0%,100%,0);--vuno-ai-aura-hover-background:#edf5ff;--vuno-ai-aura-hover-end:hsla(0,0%,100%,0);--vuno-ai-aura-hover-start:rgba(69,137,255,.32);--vuno-ai-aura-start:rgba(69,137,255,.1);--vuno-ai-aura-start-sm:rgba(69,137,255,.16);--vuno-ai-border-end:#78a9ff;--vuno-ai-border-start:rgba(166,200,255,.64);--vuno-ai-border-strong:#4589ff;--vuno-ai-drop-shadow:rgba(15,98,254,.1);--vuno-ai-inner-shadow:rgba(69,137,255,.1);--vuno-ai-overlay:rgba(0,17,65,.5);--vuno-ai-popover-background:#fff;--vuno-ai-popover-caret-bottom:#78a9ff;--vuno-ai-popover-caret-bottom-background:#eaf1ff;--vuno-ai-popover-caret-bottom-background-actions:#e9effa;--vuno-ai-popover-caret-center:#a0c3ff;--vuno-ai-popover-shadow-outer-01:rgba(0,67,206,.06);--vuno-ai-popover-shadow-outer-02:rgba(0,0,0,.04);--vuno-ai-skeleton-background:#d0e2ff;--vuno-ai-skeleton-element-background:#4589ff;--vuno-background:#f4f4f4;--vuno-background-active:hsla(0,0%,55.3%,.5);--vuno-background-brand:#0f62fe;--vuno-background-hover:hsla(0,0%,55.3%,.12);--vuno-background-inverse:#393939;--vuno-background-inverse-hover:#474747;--vuno-background-selected:hsla(0,0%,55.3%,.2);--vuno-background-selected-hover:hsla(0,0%,55.3%,.32);--vuno-border-disabled:#c6c6c6;--vuno-border-interactive:#0f62fe;--vuno-border-inverse:#161616;--vuno-border-strong-01:#8d8d8d;--vuno-border-strong-02:#8d8d8d;--vuno-border-strong-03:#8d8d8d;--vuno-border-subtle-selected-01:#c6c6c6;--vuno-border-subtle-selected-02:#c6c6c6;--vuno-border-subtle-selected-03:#c6c6c6;--vuno-border-subtle-00:#c6c6c6;--vuno-border-subtle-01:#e0e0e0;--vuno-border-subtle-02:#c6c6c6;--vuno-border-subtle-03:#e0e0e0;--vuno-border-tile-01:#a8a8a8;--vuno-border-tile-02:#c6c6c6;--vuno-border-tile-03:#a8a8a8;--vuno-button-danger-active:#750e13;--vuno-button-danger-hover:#b81921;--vuno-button-danger-primary:#da1e28;--vuno-button-danger-secondary:#da1e28;--vuno-button-disabled:#c6c6c6;--vuno-button-primary:#0f62fe;--vuno-button-primary-active:#002d9c;--vuno-button-primary-hover:#0050e6;--vuno-button-secondary:#393939;--vuno-button-secondary-active:#6f6f6f;--vuno-button-secondary-hover:#474747;--vuno-button-separator:#e0e0e0;--vuno-button-tertiary:#0f62fe;--vuno-button-tertiary-active:#002d9c;--vuno-button-tertiary-hover:#0050e6;--vuno-chat-avatar-agent:#393939;--vuno-chat-avatar-bot:#6f6f6f;--vuno-chat-avatar-user:#0f62fe;--vuno-chat-bubble-agent:#fff;--vuno-chat-bubble-agent-text:#161616;--vuno-chat-bubble-border:#e0e0e0;--vuno-chat-bubble-user:#e0e0e0;--vuno-chat-bubble-user-text:#161616;--vuno-chat-button:#0f62fe;--vuno-chat-button-active:hsla(0,0%,55.3%,.5);--vuno-chat-button-hover:hsla(0,0%,55.3%,.12);--vuno-chat-button-selected:hsla(0,0%,55.3%,.2);--vuno-chat-button-text-hover:#0043ce;--vuno-chat-button-text-selected:#525252;--vuno-chat-header-background:#fff;--vuno-chat-header-text:#161616;--vuno-chat-prompt-background:#fff;--vuno-chat-prompt-border-end:hsla(0,0%,95.7%,0);--vuno-chat-prompt-border-start:#f4f4f4;--vuno-chat-prompt-text:#161616;--vuno-chat-shell-background:#fff;--vuno-color-scheme:light;--vuno-content-switcher-background:#e0e0e0;--vuno-content-switcher-background-hover:#d1d1d1;--vuno-content-switcher-selected:#fff;--vuno-field-hover-01:#e8e8e8;--vuno-field-hover-02:#e8e8e8;--vuno-field-hover-03:#e8e8e8;--vuno-field-01:#fff;--vuno-field-02:#f4f4f4;--vuno-field-03:#fff;--vuno-focus:#0f62fe;--vuno-focus-inset:#fff;--vuno-focus-inverse:#fff;--vuno-highlight:#d0e2ff;--vuno-icon-disabled:rgba(22,22,22,.25);--vuno-icon-interactive:#0f62fe;--vuno-icon-inverse:#fff;--vuno-icon-on-color:#fff;--vuno-icon-on-color-disabled:#8d8d8d;--vuno-icon-primary:#161616;--vuno-icon-secondary:#525252;--vuno-interactive:#0f62fe;--vuno-layer-accent-active-01:#a8a8a8;--vuno-layer-accent-active-02:#a8a8a8;--vuno-layer-accent-active-03:#a8a8a8;--vuno-layer-accent-hover-01:#d1d1d1;--vuno-layer-accent-hover-02:#d1d1d1;--vuno-layer-accent-hover-03:#d1d1d1;--vuno-layer-accent-01:#e0e0e0;--vuno-layer-accent-02:#e0e0e0;--vuno-layer-accent-03:#e0e0e0;--vuno-layer-active-01:#c6c6c6;--vuno-layer-active-02:#c6c6c6;--vuno-layer-active-03:#c6c6c6;--vuno-layer-background-01:#f4f4f4;--vuno-layer-background-02:#fff;--vuno-layer-background-03:#f4f4f4;--vuno-layer-hover-01:#e8e8e8;--vuno-layer-hover-02:#e8e8e8;--vuno-layer-hover-03:#e8e8e8;--vuno-layer-selected-disabled:#8d8d8d;--vuno-layer-selected-hover-01:#d1d1d1;--vuno-layer-selected-hover-02:#d1d1d1;--vuno-layer-selected-hover-03:#d1d1d1;--vuno-layer-selected-inverse:#161616;--vuno-layer-selected-01:#e0e0e0;--vuno-layer-selected-02:#e0e0e0;--vuno-layer-selected-03:#e0e0e0;--vuno-layer-01:#fff;--vuno-layer-02:#f4f4f4;--vuno-layer-03:#fff;--vuno-link-inverse:#78a9ff;--vuno-link-inverse-active:#f4f4f4;--vuno-link-inverse-hover:#a6c8ff;--vuno-link-inverse-visited:#be95ff;--vuno-link-primary:#0f62fe;--vuno-link-primary-hover:#0043ce;--vuno-link-secondary:#0043ce;--vuno-link-visited:#8a3ffc;--vuno-notification-action-hover:#fff;--vuno-notification-action-tertiary-inverse:#fff;--vuno-notification-action-tertiary-inverse-active:#c6c6c6;--vuno-notification-action-tertiary-inverse-hover:#f4f4f4;--vuno-notification-action-tertiary-inverse-text:#161616;--vuno-notification-action-tertiary-inverse-text-on-color-disabled:hsla(0,0%,100%,.25);--vuno-notification-background-error:#fff1f1;--vuno-notification-background-info:#edf5ff;--vuno-notification-background-success:#defbe6;--vuno-notification-background-warning:#fcf4d6;--vuno-overlay:rgba(0,0,0,.6);--vuno-shadow:rgba(0,0,0,.3);--vuno-skeleton-background:#e8e8e8;--vuno-skeleton-element:#c6c6c6;--vuno-status-accessibility-background:#fff;--vuno-status-blue:#0043ce;--vuno-status-gray:#6f6f6f;--vuno-status-green:#24a148;--vuno-status-orange:#ff832b;--vuno-status-orange-outline:#ba4e00;--vuno-status-purple:#8a3ffc;--vuno-status-red:#da1e28;--vuno-status-yellow:#f1c21b;--vuno-status-yellow-outline:#8e6a00;--vuno-support-caution-major:#ff832b;--vuno-support-caution-minor:#f1c21b;--vuno-support-caution-undefined:#8a3ffc;--vuno-support-error:#da1e28;--vuno-support-error-inverse:#fa4d56;--vuno-support-info:#0043ce;--vuno-support-info-inverse:#4589ff;--vuno-support-success:#24a148;--vuno-support-success-inverse:#42be65;--vuno-support-warning:#f1c21b;--vuno-support-warning-inverse:#f1c21b;--vuno-syntax-angle-bracket:#697077;--vuno-syntax-annotation:#007d79;--vuno-syntax-arithmetic-operator:#343a3f;--vuno-syntax-atom:#161616;--vuno-syntax-attribute:#00539a;--vuno-syntax-attribute-name:#00539a;--vuno-syntax-attribute-value:#161616;--vuno-syntax-bitwise-operator:#343a3f;--vuno-syntax-block-comment:#198038;--vuno-syntax-bool:#161616;--vuno-syntax-brace:#343a3f;--vuno-syntax-bracket:#343a3f;--vuno-syntax-character:#161616;--vuno-syntax-class-name:#007d79;--vuno-syntax-color:#161616;--vuno-syntax-comment:#198038;--vuno-syntax-compare-operator:#343a3f;--vuno-syntax-constant:#0f62fe;--vuno-syntax-content:#161616;--vuno-syntax-content-separator:#343a3f;--vuno-syntax-control-keyword:#6929c4;--vuno-syntax-control-operator:#6929c4;--vuno-syntax-definition:#00539a;--vuno-syntax-definition-keyword:#00539a;--vuno-syntax-definition-operator:#00539a;--vuno-syntax-deleted:#ffd7d9;--vuno-syntax-deref-operator:#343a3f;--vuno-syntax-doc-comment:#198038;--vuno-syntax-doc-string:#161616;--vuno-syntax-document-meta:#198038;--vuno-syntax-emphasis:#161616;--vuno-syntax-escape:#343a3f;--vuno-syntax-float:#198038;--vuno-syntax-function:#8e6a00;--vuno-syntax-heading:#00539a;--vuno-syntax-heading1:#00539a;--vuno-syntax-heading2:#00539a;--vuno-syntax-heading3:#00539a;--vuno-syntax-heading4:#00539a;--vuno-syntax-heading5:#00539a;--vuno-syntax-heading6:#00539a;--vuno-syntax-inserted:#a7f0ba;--vuno-syntax-integer:#198038;--vuno-syntax-invalid:#da1e28;--vuno-syntax-keyword:#0f62fe;--vuno-syntax-label-name:#0f62fe;--vuno-syntax-line-comment:#198038;--vuno-syntax-link:#0f62fe;--vuno-syntax-list:#161616;--vuno-syntax-literal:#161616;--vuno-syntax-local:#0f62fe;--vuno-syntax-logic-operator:#343a3f;--vuno-syntax-macro-name:#161616;--vuno-syntax-meta:#198038;--vuno-syntax-modifier:#0f62fe;--vuno-syntax-module-keyword:#6929c4;--vuno-syntax-monospace:#161616;--vuno-syntax-name:#0f62fe;--vuno-syntax-namespace:#007d79;--vuno-syntax-null:#161616;--vuno-syntax-number:#198038;--vuno-syntax-operator:#343a3f;--vuno-syntax-operator-keyword:#0f62fe;--vuno-syntax-paren:#343a3f;--vuno-syntax-processing-instruction:#161616;--vuno-syntax-property-name:#00539a;--vuno-syntax-punctuation:#343a3f;--vuno-syntax-quote:#198038;--vuno-syntax-regexp:#6929c4;--vuno-syntax-self:#007d79;--vuno-syntax-separator:#343a3f;--vuno-syntax-special:#0f62fe;--vuno-syntax-special-string:#8a3ffc;--vuno-syntax-square-bracket:#343a3f;--vuno-syntax-standard:#0f62fe;--vuno-syntax-strikethrough:#161616;--vuno-syntax-string:#161616;--vuno-syntax-strong:#161616;--vuno-syntax-tag:#007d79;--vuno-syntax-tag-name:#007d79;--vuno-syntax-type:#007d79;--vuno-syntax-type-name:#007d79;--vuno-syntax-type-operator:#007d79;--vuno-syntax-unit:#198038;--vuno-syntax-update-operator:#343a3f;--vuno-syntax-url:#343a3f;--vuno-syntax-variable:#0f62fe;--vuno-syntax-variable-name:#0f62fe;--vuno-tag-background-blue:#d0e2ff;--vuno-tag-background-cool-gray:#dde1e6;--vuno-tag-background-cyan:#bae6ff;--vuno-tag-background-gray:#e0e0e0;--vuno-tag-background-green:#a7f0ba;--vuno-tag-background-magenta:#ffd6e8;--vuno-tag-background-purple:#e8daff;--vuno-tag-background-red:#ffd7d9;--vuno-tag-background-teal:#9ef0f0;--vuno-tag-background-warm-gray:#e5e0df;--vuno-tag-border-blue:#78a9ff;--vuno-tag-border-cool-gray:#a2a9b0;--vuno-tag-border-cyan:#33b1ff;--vuno-tag-border-gray:#a8a8a8;--vuno-tag-border-green:#42be65;--vuno-tag-border-magenta:#ff7eb6;--vuno-tag-border-purple:#be95ff;--vuno-tag-border-red:#ff8389;--vuno-tag-border-teal:#08bdba;--vuno-tag-border-warm-gray:#ada8a8;--vuno-tag-color-blue:#0043ce;--vuno-tag-color-cool-gray:#121619;--vuno-tag-color-cyan:#00539a;--vuno-tag-color-gray:#161616;--vuno-tag-color-green:#0e6027;--vuno-tag-color-magenta:#9f1853;--vuno-tag-color-purple:#6929c4;--vuno-tag-color-red:#a2191f;--vuno-tag-color-teal:#005d5d;--vuno-tag-color-warm-gray:#171414;--vuno-tag-hover-blue:#b8d3ff;--vuno-tag-hover-cool-gray:#cdd3da;--vuno-tag-hover-cyan:#99daff;--vuno-tag-hover-gray:#d1d1d1;--vuno-tag-hover-green:#74e792;--vuno-tag-hover-magenta:#ffbdda;--vuno-tag-hover-purple:#dcc7ff;--vuno-tag-hover-red:#ffc2c5;--vuno-tag-hover-teal:#57e5e5;--vuno-tag-hover-warm-gray:#d8d0cf;--vuno-text-disabled:rgba(22,22,22,.25);--vuno-text-error:#da1e28;--vuno-text-helper:#6f6f6f;--vuno-text-inverse:#fff;--vuno-text-on-color:#fff;--vuno-text-on-color-disabled:#8d8d8d;--vuno-text-placeholder:#6f6f6f;--vuno-text-primary:#161616;--vuno-text-secondary:#525252;--vuno-toggle-off:#8d8d8d}.vuno--dark-gray{color-scheme:dark;--vuno-ai-aura-end:transparent;--vuno-ai-aura-hover-background:#474747;--vuno-ai-aura-hover-end:transparent;--vuno-ai-aura-hover-start:rgba(69,137,255,.4);--vuno-ai-aura-start:rgba(69,137,255,.1);--vuno-ai-aura-start-sm:rgba(69,137,255,.16);--vuno-ai-border-end:#4589ff;--vuno-ai-border-start:rgba(166,200,255,.36);--vuno-ai-border-strong:#78a9ff;--vuno-ai-drop-shadow:rgba(0,0,0,.28);--vuno-ai-inner-shadow:rgba(69,137,255,.16);--vuno-ai-overlay:rgba(0,0,0,.5);--vuno-ai-popover-background:#161616;--vuno-ai-popover-caret-bottom:#4589ff;--vuno-ai-popover-caret-bottom-background:#202d45;--vuno-ai-popover-caret-bottom-background-actions:#1e283a;--vuno-ai-popover-caret-center:#4870b5;--vuno-ai-popover-shadow-outer-01:rgba(0,0,0,.12);--vuno-ai-popover-shadow-outer-02:rgba(0,0,0,.08);--vuno-ai-skeleton-background:rgba(120,169,255,.5);--vuno-ai-skeleton-element-background:rgba(120,169,255,.3);--vuno-background:#262626;--vuno-background-active:hsla(0,0%,55.3%,.4);--vuno-background-brand:#0f62fe;--vuno-background-hover:hsla(0,0%,55.3%,.16);--vuno-background-inverse:#f4f4f4;--vuno-background-inverse-hover:#e8e8e8;--vuno-background-selected:hsla(0,0%,55.3%,.24);--vuno-background-selected-hover:hsla(0,0%,55.3%,.32);--vuno-border-disabled:hsla(0,0%,55.3%,.5);--vuno-border-interactive:#4589ff;--vuno-border-inverse:#f4f4f4;--vuno-border-strong-01:#8d8d8d;--vuno-border-strong-02:#a8a8a8;--vuno-border-strong-03:#c6c6c6;--vuno-border-subtle-selected-01:#8d8d8d;--vuno-border-subtle-selected-02:#a8a8a8;--vuno-border-subtle-selected-03:#a8a8a8;--vuno-border-subtle-00:#525252;--vuno-border-subtle-01:#6f6f6f;--vuno-border-subtle-02:#8d8d8d;--vuno-border-subtle-03:#8d8d8d;--vuno-border-tile-01:#6f6f6f;--vuno-border-tile-02:#8d8d8d;--vuno-border-tile-03:#a8a8a8;--vuno-button-danger-active:#750e13;--vuno-button-danger-hover:#b81921;--vuno-button-danger-primary:#da1e28;--vuno-button-danger-secondary:#ff8389;--vuno-button-disabled:hsla(0,0%,55.3%,.3);--vuno-button-primary:#0f62fe;--vuno-button-primary-active:#002d9c;--vuno-button-primary-hover:#0050e6;--vuno-button-secondary:#6f6f6f;--vuno-button-secondary-active:#393939;--vuno-button-secondary-hover:#5e5e5e;--vuno-button-separator:#161616;--vuno-button-tertiary:#fff;--vuno-button-tertiary-active:#c6c6c6;--vuno-button-tertiary-hover:#f4f4f4;--vuno-chat-avatar-agent:#c6c6c6;--vuno-chat-avatar-bot:#8d8d8d;--vuno-chat-avatar-user:#4589ff;--vuno-chat-bubble-agent:#262626;--vuno-chat-bubble-agent-text:#f4f4f4;--vuno-chat-bubble-border:#525252;--vuno-chat-bubble-user:#393939;--vuno-chat-bubble-user-text:#f4f4f4;--vuno-chat-button:#78a9ff;--vuno-chat-button-active:hsla(0,0%,55.3%,.4);--vuno-chat-button-hover:hsla(0,0%,55.3%,.16);--vuno-chat-button-selected:hsla(0,0%,55.3%,.24);--vuno-chat-button-text-hover:#a6c8ff;--vuno-chat-button-text-selected:#c6c6c6;--vuno-chat-header-background:#262626;--vuno-chat-header-text:#f4f4f4;--vuno-chat-prompt-background:#161616;--vuno-chat-prompt-border-end:rgba(38,38,38,0);--vuno-chat-prompt-border-start:#262626;--vuno-chat-prompt-text:#f4f4f4;--vuno-chat-shell-background:#262626;--vuno-color-scheme:dark;--vuno-content-switcher-background:transparent;--vuno-content-switcher-background-hover:hsla(0,0%,55.3%,.12);--vuno-content-switcher-selected:hsla(0,0%,55.3%,.24);--vuno-field-hover-01:#474747;--vuno-field-hover-02:#636363;--vuno-field-hover-03:#5e5e5e;--vuno-field-01:#393939;--vuno-field-02:#525252;--vuno-field-03:#6f6f6f;--vuno-focus:#fff;--vuno-focus-inset:#161616;--vuno-focus-inverse:#0f62fe;--vuno-highlight:#002d9c;--vuno-icon-disabled:hsla(0,0%,95.7%,.25);--vuno-icon-interactive:#fff;--vuno-icon-inverse:#161616;--vuno-icon-on-color:#fff;--vuno-icon-on-color-disabled:hsla(0,0%,100%,.25);--vuno-icon-primary:#f4f4f4;--vuno-icon-secondary:#c6c6c6;--vuno-interactive:#4589ff;--vuno-layer-accent-active-01:#8d8d8d;--vuno-layer-accent-active-02:#393939;--vuno-layer-accent-active-03:#525252;--vuno-layer-accent-hover-01:#636363;--vuno-layer-accent-hover-02:#5e5e5e;--vuno-layer-accent-hover-03:#7a7a7a;--vuno-layer-accent-01:#525252;--vuno-layer-accent-02:#6f6f6f;--vuno-layer-accent-03:#8d8d8d;--vuno-layer-active-01:#6f6f6f;--vuno-layer-active-02:#8d8d8d;--vuno-layer-active-03:#393939;--vuno-layer-background-01:#262626;--vuno-layer-background-02:#393939;--vuno-layer-background-03:#525252;--vuno-layer-hover-01:#474747;--vuno-layer-hover-02:#636363;--vuno-layer-hover-03:#5e5e5e;--vuno-layer-selected-disabled:#a8a8a8;--vuno-layer-selected-hover-01:#636363;--vuno-layer-selected-hover-02:#5e5e5e;--vuno-layer-selected-hover-03:#636363;--vuno-layer-selected-inverse:#f4f4f4;--vuno-layer-selected-01:#525252;--vuno-layer-selected-02:#6f6f6f;--vuno-layer-selected-03:#525252;--vuno-layer-01:#393939;--vuno-layer-02:#525252;--vuno-layer-03:#6f6f6f;--vuno-link-inverse:#0f62fe;--vuno-link-inverse-active:#161616;--vuno-link-inverse-hover:#0043ce;--vuno-link-inverse-visited:#8a3ffc;--vuno-link-primary:#78a9ff;--vuno-link-primary-hover:#a6c8ff;--vuno-link-secondary:#a6c8ff;--vuno-link-visited:#be95ff;--vuno-notification-action-tertiary-inverse:#0f62fe;--vuno-notification-action-tertiary-inverse-active:#002d9c;--vuno-notification-action-tertiary-inverse-hover:#0050e6;--vuno-notification-action-tertiary-inverse-text:#fff;--vuno-notification-action-tertiary-inverse-text-on-color-disabled:#8d8d8d;--vuno-notification-background-error:#393939;--vuno-notification-background-info:#393939;--vuno-notification-background-success:#393939;--vuno-notification-background-warning:#393939;--vuno-overlay:rgba(0,0,0,.6);--vuno-shadow:rgba(0,0,0,.8);--vuno-skeleton-background:#333;--vuno-skeleton-element:#525252;--vuno-status-accessibility-background:#161616;--vuno-status-blue:#4589ff;--vuno-status-gray:#8d8d8d;--vuno-status-green:#42be65;--vuno-status-orange:#ff832b;--vuno-status-purple:#a56eff;--vuno-status-red:#fa4d56;--vuno-status-yellow:#f1c21b;--vuno-support-caution-major:#ff832b;--vuno-support-caution-minor:#f1c21b;--vuno-support-caution-undefined:#a56eff;--vuno-support-error:#ff8389;--vuno-support-error-inverse:#da1e28;--vuno-support-info:#4589ff;--vuno-support-info-inverse:#0043ce;--vuno-support-success:#42be65;--vuno-support-success-inverse:#24a148;--vuno-support-warning:#f1c21b;--vuno-support-warning-inverse:#f1c21b;--vuno-syntax-angle-bracket:#a8a8a8;--vuno-syntax-annotation:#08bdba;--vuno-syntax-arithmetic-operator:#e0e0e0;--vuno-syntax-atom:#f4f4f4;--vuno-syntax-attribute:#33b1ff;--vuno-syntax-attribute-name:#33b1ff;--vuno-syntax-attribute-value:#f4f4f4;--vuno-syntax-bitwise-operator:#e0e0e0;--vuno-syntax-block-comment:#42be65;--vuno-syntax-bool:#f4f4f4;--vuno-syntax-brace:#e0e0e0;--vuno-syntax-bracket:#e0e0e0;--vuno-syntax-character:#f4f4f4;--vuno-syntax-class-name:#3ddbd9;--vuno-syntax-color:#f4f4f4;--vuno-syntax-comment:#42be65;--vuno-syntax-compare-operator:#e0e0e0;--vuno-syntax-constant:#4589ff;--vuno-syntax-content:#f4f4f4;--vuno-syntax-content-separator:#e0e0e0;--vuno-syntax-control-keyword:#be95ff;--vuno-syntax-control-operator:#be95ff;--vuno-syntax-definition:#33b1ff;--vuno-syntax-definition-keyword:#33b1ff;--vuno-syntax-definition-operator:#33b1ff;--vuno-syntax-deleted:#a2191f;--vuno-syntax-deref-operator:#e0e0e0;--vuno-syntax-doc-comment:#42be65;--vuno-syntax-doc-string:#f4f4f4;--vuno-syntax-document-meta:#42be65;--vuno-syntax-emphasis:#f4f4f4;--vuno-syntax-escape:#e0e0e0;--vuno-syntax-float:#6fdc8c;--vuno-syntax-function:#f1c21b;--vuno-syntax-heading:#33b1ff;--vuno-syntax-heading1:#33b1ff;--vuno-syntax-heading2:#33b1ff;--vuno-syntax-heading3:#33b1ff;--vuno-syntax-heading4:#33b1ff;--vuno-syntax-heading5:#33b1ff;--vuno-syntax-heading6:#33b1ff;--vuno-syntax-inserted:#198038;--vuno-syntax-integer:#6fdc8c;--vuno-syntax-invalid:#fa4d56;--vuno-syntax-keyword:#78a9ff;--vuno-syntax-label-name:#a6c8ff;--vuno-syntax-line-comment:#42be65;--vuno-syntax-link:#4589ff;--vuno-syntax-list:#f4f4f4;--vuno-syntax-literal:#f4f4f4;--vuno-syntax-local:#a6c8ff;--vuno-syntax-logic-operator:#e0e0e0;--vuno-syntax-macro-name:#f4f4f4;--vuno-syntax-meta:#42be65;--vuno-syntax-modifier:#4589ff;--vuno-syntax-module-keyword:#be95ff;--vuno-syntax-monospace:#f4f4f4;--vuno-syntax-name:#a6c8ff;--vuno-syntax-namespace:#3ddbd9;--vuno-syntax-null:#f4f4f4;--vuno-syntax-number:#6fdc8c;--vuno-syntax-operator:#e0e0e0;--vuno-syntax-operator-keyword:#4589ff;--vuno-syntax-paren:#e0e0e0;--vuno-syntax-processing-instruction:#f4f4f4;--vuno-syntax-property-name:#33b1ff;--vuno-syntax-punctuation:#e0e0e0;--vuno-syntax-quote:#42be65;--vuno-syntax-regexp:#be95ff;--vuno-syntax-self:#3ddbd9;--vuno-syntax-separator:#e0e0e0;--vuno-syntax-special:#4589ff;--vuno-syntax-special-string:#be95ff;--vuno-syntax-square-bracket:#e0e0e0;--vuno-syntax-standard:#4589ff;--vuno-syntax-strikethrough:#f4f4f4;--vuno-syntax-string:#f4f4f4;--vuno-syntax-strong:#f4f4f4;--vuno-syntax-tag:#3ddbd9;--vuno-syntax-tag-name:#3ddbd9;--vuno-syntax-type:#3ddbd9;--vuno-syntax-type-name:#3ddbd9;--vuno-syntax-type-operator:#3ddbd9;--vuno-syntax-unit:#6fdc8c;--vuno-syntax-update-operator:#e0e0e0;--vuno-syntax-url:#e0e0e0;--vuno-syntax-variable:#a6c8ff;--vuno-syntax-variable-name:#a6c8ff;--vuno-tag-background-blue:#0043ce;--vuno-tag-background-cool-gray:#4d5358;--vuno-tag-background-cyan:#00539a;--vuno-tag-background-gray:#525252;--vuno-tag-background-green:#0e6027;--vuno-tag-background-magenta:#9f1853;--vuno-tag-background-purple:#6929c4;--vuno-tag-background-red:#a2191f;--vuno-tag-background-teal:#005d5d;--vuno-tag-background-warm-gray:#565151;--vuno-tag-border-blue:#4589ff;--vuno-tag-border-cool-gray:#878d96;--vuno-tag-border-cyan:#1192e8;--vuno-tag-border-gray:#8d8d8d;--vuno-tag-border-green:#24a148;--vuno-tag-border-magenta:#ee5396;--vuno-tag-border-purple:#a56eff;--vuno-tag-border-red:#fa4d56;--vuno-tag-border-teal:#009d9a;--vuno-tag-border-warm-gray:#8f8b8b;--vuno-tag-color-blue:#d0e2ff;--vuno-tag-color-cool-gray:#f2f4f8;--vuno-tag-color-cyan:#bae6ff;--vuno-tag-color-gray:#f4f4f4;--vuno-tag-color-green:#a7f0ba;--vuno-tag-color-magenta:#ffd6e8;--vuno-tag-color-purple:#e8daff;--vuno-tag-color-red:#ffd7d9;--vuno-tag-color-teal:#9ef0f0;--vuno-tag-color-warm-gray:#f7f3f2;--vuno-tag-hover-blue:#0053ff;--vuno-tag-hover-cool-gray:#5d646a;--vuno-tag-hover-cyan:#0066bd;--vuno-tag-hover-gray:#636363;--vuno-tag-hover-green:#11742f;--vuno-tag-hover-magenta:#bf1d63;--vuno-tag-hover-purple:#7c3dd6;--vuno-tag-hover-red:#c21e25;--vuno-tag-hover-teal:#007070;--vuno-tag-hover-warm-gray:#696363;--vuno-text-disabled:hsla(0,0%,95.7%,.25);--vuno-text-error:#ffb3b8;--vuno-text-helper:#c6c6c6;--vuno-text-inverse:#161616;--vuno-text-on-color:#fff;--vuno-text-on-color-disabled:hsla(0,0%,100%,.25);--vuno-text-placeholder:#c6c6c6;--vuno-text-primary:#f4f4f4;--vuno-text-secondary:#c6c6c6;--vuno-toggle-off:#8d8d8d}.vuno--dark{color-scheme:dark;--vuno-ai-aura-end:transparent;--vuno-ai-aura-hover-background:#333;--vuno-ai-aura-hover-end:transparent;--vuno-ai-aura-hover-start:rgba(69,137,255,.4);--vuno-ai-aura-start:rgba(69,137,255,.1);--vuno-ai-aura-start-sm:rgba(69,137,255,.16);--vuno-ai-border-end:#4589ff;--vuno-ai-border-start:rgba(166,200,255,.36);--vuno-ai-border-strong:#78a9ff;--vuno-ai-drop-shadow:rgba(0,0,0,.28);--vuno-ai-inner-shadow:rgba(69,137,255,.16);--vuno-ai-overlay:rgba(0,0,0,.5);--vuno-ai-popover-background:#161616;--vuno-ai-popover-caret-bottom:#4589ff;--vuno-ai-popover-caret-bottom-background:#202d45;--vuno-ai-popover-caret-bottom-background-actions:#1e283a;--vuno-ai-popover-caret-center:#4870b5;--vuno-ai-popover-shadow-outer-01:rgba(0,0,0,.12);--vuno-ai-popover-shadow-outer-02:rgba(0,0,0,.08);--vuno-ai-skeleton-background:rgba(120,169,255,.5);--vuno-ai-skeleton-element-background:rgba(120,169,255,.3);--vuno-background:#161616;--vuno-background-active:hsla(0,0%,55.3%,.4);--vuno-background-brand:#0f62fe;--vuno-background-hover:hsla(0,0%,55.3%,.16);--vuno-background-inverse:#f4f4f4;--vuno-background-inverse-hover:#e8e8e8;--vuno-background-selected:hsla(0,0%,55.3%,.24);--vuno-background-selected-hover:hsla(0,0%,55.3%,.32);--vuno-border-disabled:hsla(0,0%,55.3%,.5);--vuno-border-interactive:#4589ff;--vuno-border-inverse:#f4f4f4;--vuno-border-strong-01:#6f6f6f;--vuno-border-strong-02:#8d8d8d;--vuno-border-strong-03:#a8a8a8;--vuno-border-subtle-selected-01:#6f6f6f;--vuno-border-subtle-selected-02:#8d8d8d;--vuno-border-subtle-selected-03:#8d8d8d;--vuno-border-subtle-00:#393939;--vuno-border-subtle-01:#525252;--vuno-border-subtle-02:#6f6f6f;--vuno-border-subtle-03:#6f6f6f;--vuno-border-tile-01:#525252;--vuno-border-tile-02:#6f6f6f;--vuno-border-tile-03:#8d8d8d;--vuno-button-danger-active:#750e13;--vuno-button-danger-hover:#b81921;--vuno-button-danger-primary:#da1e28;--vuno-button-danger-secondary:#fa4d56;--vuno-button-disabled:hsla(0,0%,55.3%,.3);--vuno-button-primary:#0f62fe;--vuno-button-primary-active:#002d9c;--vuno-button-primary-hover:#0050e6;--vuno-button-secondary:#6f6f6f;--vuno-button-secondary-active:#393939;--vuno-button-secondary-hover:#5e5e5e;--vuno-button-separator:#161616;--vuno-button-tertiary:#fff;--vuno-button-tertiary-active:#c6c6c6;--vuno-button-tertiary-hover:#f4f4f4;--vuno-chat-avatar-agent:#c6c6c6;--vuno-chat-avatar-bot:#8d8d8d;--vuno-chat-avatar-user:#4589ff;--vuno-chat-bubble-agent:#262626;--vuno-chat-bubble-agent-text:#f4f4f4;--vuno-chat-bubble-border:#525252;--vuno-chat-bubble-user:#393939;--vuno-chat-bubble-user-text:#f4f4f4;--vuno-chat-button:#78a9ff;--vuno-chat-button-active:hsla(0,0%,55.3%,.4);--vuno-chat-button-hover:hsla(0,0%,55.3%,.16);--vuno-chat-button-selected:hsla(0,0%,55.3%,.24);--vuno-chat-button-text-hover:#a6c8ff;--vuno-chat-button-text-selected:#c6c6c6;--vuno-chat-header-background:#262626;--vuno-chat-header-text:#f4f4f4;--vuno-chat-prompt-background:#161616;--vuno-chat-prompt-border-end:rgba(38,38,38,0);--vuno-chat-prompt-border-start:#262626;--vuno-chat-prompt-text:#f4f4f4;--vuno-chat-shell-background:#262626;--vuno-color-scheme:dark;--vuno-content-switcher-background:transparent;--vuno-content-switcher-background-hover:hsla(0,0%,55.3%,.12);--vuno-content-switcher-selected:hsla(0,0%,55.3%,.24);--vuno-field-hover-01:#333;--vuno-field-hover-02:#474747;--vuno-field-hover-03:#636363;--vuno-field-01:#262626;--vuno-field-02:#393939;--vuno-field-03:#525252;--vuno-focus:#fff;--vuno-focus-inset:#161616;--vuno-focus-inverse:#0f62fe;--vuno-highlight:#001d6c;--vuno-icon-disabled:hsla(0,0%,95.7%,.25);--vuno-icon-interactive:#fff;--vuno-icon-inverse:#161616;--vuno-icon-on-color:#fff;--vuno-icon-on-color-disabled:hsla(0,0%,100%,.25);--vuno-icon-primary:#f4f4f4;--vuno-icon-secondary:#c6c6c6;--vuno-interactive:#4589ff;--vuno-layer-accent-active-01:#6f6f6f;--vuno-layer-accent-active-02:#8d8d8d;--vuno-layer-accent-active-03:#393939;--vuno-layer-accent-hover-01:#474747;--vuno-layer-accent-hover-02:#636363;--vuno-layer-accent-hover-03:#5e5e5e;--vuno-layer-accent-01:#393939;--vuno-layer-accent-02:#525252;--vuno-layer-accent-03:#6f6f6f;--vuno-layer-active-01:#525252;--vuno-layer-active-02:#6f6f6f;--vuno-layer-active-03:#8d8d8d;--vuno-layer-background-01:#161616;--vuno-layer-background-02:#262626;--vuno-layer-background-03:#393939;--vuno-layer-hover-01:#333;--vuno-layer-hover-02:#474747;--vuno-layer-hover-03:#636363;--vuno-layer-selected-disabled:#a8a8a8;--vuno-layer-selected-hover-01:#474747;--vuno-layer-selected-hover-02:#636363;--vuno-layer-selected-hover-03:#5e5e5e;--vuno-layer-selected-inverse:#f4f4f4;--vuno-layer-selected-01:#393939;--vuno-layer-selected-02:#525252;--vuno-layer-selected-03:#6f6f6f;--vuno-layer-01:#262626;--vuno-layer-02:#393939;--vuno-layer-03:#525252;--vuno-link-inverse:#0f62fe;--vuno-link-inverse-active:#161616;--vuno-link-inverse-hover:#0043ce;--vuno-link-inverse-visited:#8a3ffc;--vuno-link-primary:#78a9ff;--vuno-link-primary-hover:#a6c8ff;--vuno-link-secondary:#a6c8ff;--vuno-link-visited:#be95ff;--vuno-notification-action-tertiary-inverse:#0f62fe;--vuno-notification-action-tertiary-inverse-active:#002d9c;--vuno-notification-action-tertiary-inverse-hover:#0050e6;--vuno-notification-action-tertiary-inverse-text:#fff;--vuno-notification-action-tertiary-inverse-text-on-color-disabled:#8d8d8d;--vuno-notification-background-error:#262626;--vuno-notification-background-info:#262626;--vuno-notification-background-success:#262626;--vuno-notification-background-warning:#262626;--vuno-overlay:rgba(0,0,0,.6);--vuno-shadow:rgba(0,0,0,.8);--vuno-skeleton-background:#292929;--vuno-skeleton-element:#393939;--vuno-status-accessibility-background:#161616;--vuno-status-blue:#4589ff;--vuno-status-gray:#8d8d8d;--vuno-status-green:#42be65;--vuno-status-orange:#ff832b;--vuno-status-purple:#a56eff;--vuno-status-red:#fa4d56;--vuno-status-yellow:#f1c21b;--vuno-support-caution-major:#ff832b;--vuno-support-caution-minor:#f1c21b;--vuno-support-caution-undefined:#a56eff;--vuno-support-error:#fa4d56;--vuno-support-error-inverse:#da1e28;--vuno-support-info:#4589ff;--vuno-support-info-inverse:#0043ce;--vuno-support-success:#42be65;--vuno-support-success-inverse:#24a148;--vuno-support-warning:#f1c21b;--vuno-support-warning-inverse:#f1c21b;--vuno-syntax-angle-bracket:#8d8d8d;--vuno-syntax-annotation:#08bdba;--vuno-syntax-arithmetic-operator:#e0e0e0;--vuno-syntax-atom:#f4f4f4;--vuno-syntax-attribute:#33b1ff;--vuno-syntax-attribute-name:#33b1ff;--vuno-syntax-attribute-value:#f4f4f4;--vuno-syntax-bitwise-operator:#e0e0e0;--vuno-syntax-block-comment:#42be65;--vuno-syntax-bool:#f4f4f4;--vuno-syntax-brace:#e0e0e0;--vuno-syntax-bracket:#e0e0e0;--vuno-syntax-character:#f4f4f4;--vuno-syntax-class-name:#3ddbd9;--vuno-syntax-color:#f4f4f4;--vuno-syntax-comment:#42be65;--vuno-syntax-compare-operator:#e0e0e0;--vuno-syntax-constant:#4589ff;--vuno-syntax-content:#f4f4f4;--vuno-syntax-content-separator:#e0e0e0;--vuno-syntax-control-keyword:#be95ff;--vuno-syntax-control-operator:#be95ff;--vuno-syntax-definition:#33b1ff;--vuno-syntax-definition-keyword:#33b1ff;--vuno-syntax-definition-operator:#33b1ff;--vuno-syntax-deleted:#a2191f;--vuno-syntax-deref-operator:#e0e0e0;--vuno-syntax-doc-comment:#42be65;--vuno-syntax-doc-string:#f4f4f4;--vuno-syntax-document-meta:#42be65;--vuno-syntax-emphasis:#f4f4f4;--vuno-syntax-escape:#e0e0e0;--vuno-syntax-float:#6fdc8c;--vuno-syntax-function:#f1c21b;--vuno-syntax-heading:#33b1ff;--vuno-syntax-heading1:#33b1ff;--vuno-syntax-heading2:#33b1ff;--vuno-syntax-heading3:#33b1ff;--vuno-syntax-heading4:#33b1ff;--vuno-syntax-heading5:#33b1ff;--vuno-syntax-heading6:#33b1ff;--vuno-syntax-inserted:#198038;--vuno-syntax-integer:#6fdc8c;--vuno-syntax-invalid:#fa4d56;--vuno-syntax-keyword:#4589ff;--vuno-syntax-label-name:#a6c8ff;--vuno-syntax-line-comment:#42be65;--vuno-syntax-link:#4589ff;--vuno-syntax-list:#f4f4f4;--vuno-syntax-literal:#f4f4f4;--vuno-syntax-local:#a6c8ff;--vuno-syntax-logic-operator:#e0e0e0;--vuno-syntax-macro-name:#f4f4f4;--vuno-syntax-meta:#42be65;--vuno-syntax-modifier:#4589ff;--vuno-syntax-module-keyword:#be95ff;--vuno-syntax-monospace:#f4f4f4;--vuno-syntax-name:#a6c8ff;--vuno-syntax-namespace:#3ddbd9;--vuno-syntax-null:#f4f4f4;--vuno-syntax-number:#6fdc8c;--vuno-syntax-operator:#e0e0e0;--vuno-syntax-operator-keyword:#4589ff;--vuno-syntax-paren:#e0e0e0;--vuno-syntax-processing-instruction:#f4f4f4;--vuno-syntax-property-name:#33b1ff;--vuno-syntax-punctuation:#e0e0e0;--vuno-syntax-quote:#42be65;--vuno-syntax-regexp:#be95ff;--vuno-syntax-self:#3ddbd9;--vuno-syntax-separator:#e0e0e0;--vuno-syntax-special:#4589ff;--vuno-syntax-special-string:#be95ff;--vuno-syntax-square-bracket:#e0e0e0;--vuno-syntax-standard:#4589ff;--vuno-syntax-strikethrough:#f4f4f4;--vuno-syntax-string:#f4f4f4;--vuno-syntax-strong:#f4f4f4;--vuno-syntax-tag:#3ddbd9;--vuno-syntax-tag-name:#3ddbd9;--vuno-syntax-type:#3ddbd9;--vuno-syntax-type-name:#3ddbd9;--vuno-syntax-type-operator:#3ddbd9;--vuno-syntax-unit:#6fdc8c;--vuno-syntax-update-operator:#e0e0e0;--vuno-syntax-url:#e0e0e0;--vuno-syntax-variable:#a6c8ff;--vuno-syntax-variable-name:#a6c8ff;--vuno-tag-background-blue:#0043ce;--vuno-tag-background-cool-gray:#4d5358;--vuno-tag-background-cyan:#00539a;--vuno-tag-background-gray:#525252;--vuno-tag-background-green:#0e6027;--vuno-tag-background-magenta:#9f1853;--vuno-tag-background-purple:#6929c4;--vuno-tag-background-red:#a2191f;--vuno-tag-background-teal:#005d5d;--vuno-tag-background-warm-gray:#565151;--vuno-tag-border-blue:#4589ff;--vuno-tag-border-cool-gray:#878d96;--vuno-tag-border-cyan:#1192e8;--vuno-tag-border-gray:#8d8d8d;--vuno-tag-border-green:#24a148;--vuno-tag-border-magenta:#ee5396;--vuno-tag-border-purple:#a56eff;--vuno-tag-border-red:#fa4d56;--vuno-tag-border-teal:#009d9a;--vuno-tag-border-warm-gray:#8f8b8b;--vuno-tag-color-blue:#d0e2ff;--vuno-tag-color-cool-gray:#f2f4f8;--vuno-tag-color-cyan:#bae6ff;--vuno-tag-color-gray:#f4f4f4;--vuno-tag-color-green:#a7f0ba;--vuno-tag-color-magenta:#ffd6e8;--vuno-tag-color-purple:#e8daff;--vuno-tag-color-red:#ffd7d9;--vuno-tag-color-teal:#9ef0f0;--vuno-tag-color-warm-gray:#f7f3f2;--vuno-tag-hover-blue:#0053ff;--vuno-tag-hover-cool-gray:#5d646a;--vuno-tag-hover-cyan:#0066bd;--vuno-tag-hover-gray:#636363;--vuno-tag-hover-green:#11742f;--vuno-tag-hover-magenta:#bf1d63;--vuno-tag-hover-purple:#7c3dd6;--vuno-tag-hover-red:#c21e25;--vuno-tag-hover-teal:#007070;--vuno-tag-hover-warm-gray:#696363;--vuno-text-disabled:hsla(0,0%,95.7%,.25);--vuno-text-error:#ff8389;--vuno-text-helper:#a8a8a8;--vuno-text-inverse:#161616;--vuno-text-on-color:#fff;--vuno-text-on-color-disabled:hsla(0,0%,100%,.25);--vuno-text-placeholder:#a8a8a8;--vuno-text-primary:#f4f4f4;--vuno-text-secondary:#c6c6c6;--vuno-toggle-off:#6f6f6f}html{scrollbar-gutter:stable}*{scrollbar-color:var(--vuno-border-strong-01) transparent;scrollbar-width:thin}::-webkit-scrollbar{height:.75rem;width:.75rem}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--vuno-border-strong-01);border:.25rem solid transparent}::-webkit-scrollbar-thumb:hover{background-color:var(--vuno-border-strong-02)}body{background-color:var(--vuno-background);color:var(--vuno-text-primary);font-family:var(--vuno-font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}

package/dist/runtime/app/components/AILabel/AILabel.d.vue.ts

@@ -0,0 +1,31 @@
+import type { AILabelProps } from './AILabel.types.js';
+declare var __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<AILabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    revert: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<AILabelProps> & Readonly<{
+    onRevert?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    size: import("./AILabel.types.js").AILabelSize;
+    kind: import("./AILabel.types.js").AILabelKind;
+    revertActive: boolean;
+    placement: import("../../types/base.js").Placement;
+    ui: import("../../types/slots.js").ComponentUi<"aiLabel">;
+    ariaLabel: string;
+    autoAlign: boolean;
+    defaultOpen: boolean;
+    portal: import("../../types/base.js").PortalTarget;
+    aiText: string;
+    revertLabel: string;
+    textLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/app/components/AILabel/AILabel.theme.d.ts

@@ -0,0 +1,89 @@
+export declare const aiLabelTheme: Record<"aiLabel", {
+    readonly compoundVariants: [{
+        readonly class: {
+            readonly additionalText: "text-[0.75rem]/[1.375]";
+            readonly button: "size-auto text-[0.75rem] leading-[normal] after:hidden hover:active:shadow-none";
+            readonly text: "ps-2 before:size-1";
+        };
+        readonly kind: "inline";
+        readonly size: ["mini", "2xs", "xs", "sm"];
+    }, {
+        readonly class: {
+            readonly additionalText: "text-[0.875rem]/[1.375]";
+            readonly button: "size-auto text-[0.875rem] leading-[normal]";
+            readonly text: "ps-2 before:size-1";
+        };
+        readonly kind: "inline";
+        readonly size: "md";
+    }, {
+        readonly class: {
+            readonly additionalText: "text-[1rem]/[1.375]";
+            readonly button: "size-auto text-[1rem] leading-[normal]";
+            readonly text: "ps-3 before:size-2";
+        };
+        readonly kind: "inline";
+        readonly size: ["lg", "xl"];
+    }, {
+        readonly class: {
+            readonly additionalText: "ps-1";
+            readonly button: "border-(--vuno-border-inverse) px-2 py-0.5 focus:shadow-[inset_0_0_0_1px_var(--vuno-focus)]";
+        };
+        readonly kind: "inline";
+        readonly withText: "true";
+    }];
+    readonly slots: {
+        readonly actions: "z-1 -mx-6 -mb-6 mt-0 flex items-center justify-end gap-0 rounded-b-lg bg-black/[0.01] backdrop-blur-[85px] [&>*:last-child]:rounded-ee-[7px]";
+        readonly additionalText: "relative truncate";
+        readonly button: "group relative flex min-h-0 min-w-0 cursor-pointer items-center justify-center border border-(--vuno-border-inverse) bg-transparent font-semibold text-(--vuno-text-primary) transition-[background,border-color,box-shadow,color] duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) hover:bg-(--vuno-border-inverse) hover:text-(--vuno-text-inverse) hover:active:shadow-[inset_0_0_0_1px_var(--vuno-focus),inset_0_0_0_2px_var(--vuno-focus-inset)] focus:border-(--vuno-focus) focus:shadow-[inset_0_0_0_1px_var(--vuno-focus)] focus-visible:outline-solid focus-visible:outline-0 motion-reduce:transition-none";
+        readonly caret: "[--toggletip-caret-surface:var(--vuno-ai-popover-background)]";
+        readonly content: "grid max-w-80 min-w-[17.5rem] gap-4 rounded-lg border border-transparent bg-transparent p-6 text-(--vuno-text-primary) [--vuno-focus:inherit] [--vuno-link-primary:inherit] [--vuno-link-primary-hover:inherit] [--vuno-link-visited:inherit] [background-image:linear-gradient(to_top,var(--vuno-ai-popover-background)_0%,var(--vuno-ai-aura-start)_0%,15%,var(--vuno-ai-aura-end)_50%),linear-gradient(to_top,var(--vuno-ai-popover-background),var(--vuno-ai-popover-background)),linear-gradient(to_bottom,var(--vuno-ai-border-start),var(--vuno-ai-border-end)),linear-gradient(to_top,var(--vuno-ai-popover-background),var(--vuno-ai-popover-background))] [background-origin:padding-box,padding-box,border-box,border-box] [background-clip:padding-box,padding-box,border-box,border-box] shadow-[inset_0_-80px_70px_-65px_var(--vuno-ai-inner-shadow),-40px_44px_60px_-24px_var(--vuno-ai-popover-shadow-outer-01),-56px_64px_64px_-24px_var(--vuno-ai-popover-shadow-outer-02)]";
+        readonly revert: "items-center pt-0";
+        readonly root: "flex";
+        readonly text: "relative";
+    };
+    readonly variants: {
+        readonly kind: {
+            readonly default: {};
+            readonly inline: {
+                readonly button: "rounded-[1px] border-transparent bg-transparent px-1 text-(--vuno-text-primary) hover:border-(--vuno-icon-secondary) hover:bg-transparent hover:text-(--vuno-text-secondary) hover:shadow-none hover:active:bg-transparent hover:active:shadow-none focus:border-(--vuno-focus) focus:shadow-none";
+                readonly text: "before:absolute before:start-0 before:top-1/2 before:-translate-y-1/2 before:bg-(--vuno-icon-primary) before:transition-[background,box-shadow] before:duration-(--vuno-duration-fast-01) before:ease-(--vuno-easing-standard-productive) before:content-[''] group-hover:before:bg-(--vuno-icon-secondary) motion-reduce:before:transition-none";
+            };
+        };
+        readonly revertActive: {
+            readonly false: {};
+            readonly true: {
+                readonly root: "translate-x-2 -translate-y-1/2";
+            };
+        };
+        readonly size: {
+            readonly xs: {
+                readonly button: "size-6 text-[0.75rem]/[1rem]";
+                readonly text: "tracking-[0.32px]";
+            };
+            readonly sm: {
+                readonly button: "size-8 text-[1rem]/[1.3125rem]";
+            };
+            readonly md: {
+                readonly button: "size-10 text-[1rem]/[1.3125rem]";
+            };
+            readonly lg: {
+                readonly button: "size-12 text-[1rem]/[1.3125rem]";
+            };
+            readonly xl: {
+                readonly button: "size-16 text-[1.25rem]/[1.625rem]";
+            };
+            readonly '2xs': {
+                readonly button: "size-5 text-[0.75rem]/[1rem] after:absolute after:start-1/2 after:top-1/2 after:size-6 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[''] hover:active:shadow-[inset_0_0_0_1px_var(--vuno-focus-inset)]";
+                readonly text: "tracking-[0.32px]";
+            };
+            readonly mini: {
+                readonly button: "size-4 text-[0.5625rem]/[0.75rem] after:absolute after:start-1/2 after:top-1/2 after:size-6 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[''] hover:active:shadow-[inset_0_0_0_1px_var(--vuno-focus-inset)]";
+                readonly text: "tracking-[0.4px]";
+            };
+        };
+        readonly withText: {
+            readonly false: {};
+            readonly true: {};
+        };
+    };
+}>;

package/dist/runtime/app/components/AILabel/AILabel.theme.js

@@ -0,0 +1,146 @@
+import { defineTheme } from "#vuno/utils/theme";
+const calloutBackground = "[background-image:linear-gradient(to_top,var(--vuno-ai-popover-background)_0%,var(--vuno-ai-aura-start)_0%,15%,var(--vuno-ai-aura-end)_50%),linear-gradient(to_top,var(--vuno-ai-popover-background),var(--vuno-ai-popover-background)),linear-gradient(to_bottom,var(--vuno-ai-border-start),var(--vuno-ai-border-end)),linear-gradient(to_top,var(--vuno-ai-popover-background),var(--vuno-ai-popover-background))] [background-origin:padding-box,padding-box,border-box,border-box] [background-clip:padding-box,padding-box,border-box,border-box]";
+const calloutShadow = "shadow-[inset_0_-80px_70px_-65px_var(--vuno-ai-inner-shadow),-40px_44px_60px_-24px_var(--vuno-ai-popover-shadow-outer-01),-56px_64px_64px_-24px_var(--vuno-ai-popover-shadow-outer-02)]";
+const inlineDot = "before:absolute before:start-0 before:top-1/2 before:-translate-y-1/2 before:bg-(--vuno-icon-primary) before:transition-[background,box-shadow] before:duration-(--vuno-duration-fast-01) before:ease-(--vuno-easing-standard-productive) before:content-[''] group-hover:before:bg-(--vuno-icon-secondary) motion-reduce:before:transition-none";
+export const aiLabelTheme = defineTheme("aiLabel", {
+  compoundVariants: [
+    /*
+     * La variante inline cambia la caja cuadrada por una que se ajusta al
+     * texto, y eso tiene que resolverse después del `size-*` de la variante
+     * de tamaño; por eso vive aquí y no en `kind`.
+     *
+     * Se escribe `size-auto` y no `h-auto w-auto` porque solo la misma
+     * utilidad entra en el mismo grupo de `tailwind-merge`: medido, la
+     * pareja de altura y anchura deja el `size-10` vivo en la cadena y el
+     * disparador sigue siendo un cuadrado de 40 px.
+     *
+     * Vuno deja tres escalones de tipografía: 12 px hasta `sm`, 14 px en
+     * `md` y 16 px en `lg` y `xl`, y el texto adicional sigue el mismo
+     * escalón que la insignia en los tres.
+     *
+     * `leading-[normal]` y no `leading-normal`: el paso de Tailwind vale
+     * 1.5 y aquí hace falta la caja de línea que calcula la fuente —el
+     * sistema de origen deja `line-height: initial`—, porque con 1.5 el
+     * botón en línea crece varios píxeles y empuja la línea del párrafo
+     * que lo contiene.
+     *
+     * El texto adicional conserva la proporción 1.375 en los tres tamaños
+     * en vez de una caja fija: es lo que hace que 12, 14 y 16 px den
+     * 16,5, 19,25 y 22 px de línea sin romper la escala.
+     */
+    {
+      class: { additionalText: "text-[0.75rem]/[1.375]", button: "size-auto text-[0.75rem] leading-[normal] after:hidden hover:active:shadow-none", text: "ps-2 before:size-1" },
+      kind: "inline",
+      size: ["mini", "2xs", "xs", "sm"]
+    },
+    {
+      class: { additionalText: "text-[0.875rem]/[1.375]", button: "size-auto text-[0.875rem] leading-[normal]", text: "ps-2 before:size-1" },
+      kind: "inline",
+      size: "md"
+    },
+    {
+      class: { additionalText: "text-[1rem]/[1.375]", button: "size-auto text-[1rem] leading-[normal]", text: "ps-3 before:size-2" },
+      kind: "inline",
+      size: ["lg", "xl"]
+    },
+    /* Inline con texto: recupera el borde visible y separa las dos palabras. */
+    {
+      class: { additionalText: "ps-1", button: "border-(--vuno-border-inverse) px-2 py-0.5 focus:shadow-[inset_0_0_0_1px_var(--vuno-focus)]" },
+      kind: "inline",
+      withText: "true"
+    }
+  ],
+  slots: {
+    /*
+     * La barra de acciones sale del relleno de la llamada con márgenes
+     * negativos en vez de posicionarse en absoluto como en el sistema de origen: el
+     * resultado visual es el mismo —pegada al borde inferior, esquinas
+     * redondeadas y botones a la derecha— y así no tapa el contenido
+     * cualquiera que sea la altura de los botones.
+     *
+     * Los márgenes negativos valen lo que el relleno de la llamada —24 px—
+     * o la barra dejaría de llegar al borde. La última acción redondea su
+     * esquina inferior derecha a 7 px, que es el radio de 8 px de la caja
+     * menos su borde de 1 px: sin eso la esquina a escuadra del botón
+     * asoma por fuera del redondeo.
+     */
+    actions: "z-1 -mx-6 -mb-6 mt-0 flex items-center justify-end gap-0 rounded-b-lg bg-black/[0.01] backdrop-blur-[85px] [&>*:last-child]:rounded-ee-[7px]",
+    additionalText: "relative truncate",
+    button: "group relative flex min-h-0 min-w-0 cursor-pointer items-center justify-center border border-(--vuno-border-inverse) bg-transparent font-semibold text-(--vuno-text-primary) transition-[background,border-color,box-shadow,color] duration-(--vuno-duration-fast-01) ease-(--vuno-easing-standard-productive) hover:bg-(--vuno-border-inverse) hover:text-(--vuno-text-inverse) hover:active:shadow-[inset_0_0_0_1px_var(--vuno-focus),inset_0_0_0_2px_var(--vuno-focus-inset)] focus:border-(--vuno-focus) focus:shadow-[inset_0_0_0_1px_var(--vuno-focus)] focus-visible:outline-solid focus-visible:outline-0 motion-reduce:transition-none",
+    /*
+     * La punta hereda la geometría del toggletip y solo cambia de color:
+     * la superficie de la llamada es clara y el triángulo inverso del
+     * toggletip quedaría gris oscuro pegado a ella. Se mueve la variable
+     * que el toggletip publica para esto, sin tocar el recorte.
+     *
+     * Queda una diferencia declarada: el sistema de origen dibuja la punta
+     * como un cuadrado girado con borde de 1 px para prolongar el borde
+     * degradado de la caja, y un triángulo recortado no puede llevar
+     * borde. Por el mismo motivo tampoco cambia de tinte cuando la llamada
+     * se voltea encima del disparador.
+     */
+    caret: "[--toggletip-caret-surface:var(--vuno-ai-popover-background)]",
+    /*
+     * La llamada sube el tope de 288 px del toggletip a 320 px, que es lo
+     * que le deja un rango real de anchura frente a su mínimo de 280.
+     *
+     * Los cuatro tokens vuelven a heredarse porque el toggletip los había
+     * apuntado a sus variantes inversas para su fondo oscuro: sobre esta
+     * superficie clara un enlace saldría azul claro y el anillo de foco,
+     * blanco sobre blanco. `inherit` los devuelve al valor del documento,
+     * que es el correcto aquí; el contenido cuelga del `body` por el
+     * teletransporte, así que hereda del tema y no de la etiqueta.
+     */
+    content: `grid max-w-80 min-w-[17.5rem] gap-4 rounded-lg border border-transparent bg-transparent p-6 text-(--vuno-text-primary) [--vuno-focus:inherit] [--vuno-link-primary:inherit] [--vuno-link-primary-hover:inherit] [--vuno-link-visited:inherit] ${calloutBackground} ${calloutShadow}`,
+    revert: "items-center pt-0",
+    root: "flex",
+    text: "relative"
+  },
+  variants: {
+    kind: {
+      default: {},
+      inline: {
+        button: "rounded-[1px] border-transparent bg-transparent px-1 text-(--vuno-text-primary) hover:border-(--vuno-icon-secondary) hover:bg-transparent hover:text-(--vuno-text-secondary) hover:shadow-none hover:active:bg-transparent hover:active:shadow-none focus:border-(--vuno-focus) focus:shadow-none",
+        text: inlineDot
+      }
+    },
+    /*
+     * El desplazamiento del sistema de origen para la acción de revertir:
+     * medio cuerpo hacia arriba y 8 px hacia el final. Es lo que centra el
+     * botón sobre el borde del campo que acompaña en vez de dejarlo
+     * colgando de la fila.
+     */
+    revertActive: {
+      false: {},
+      true: { root: "translate-x-2 -translate-y-1/2" }
+    },
+    /*
+     * A 12 px y por debajo el par «AI» se cierra demasiado con la fuente
+     * del sistema, así que el interletrado sigue la curva de la escala
+     * —0 a 16 px, +0.16 a 14, +0.32 a 12— y se prolonga hasta el paso de
+     * 9 px. Va en el texto y no en el botón para no arrastrar al texto
+     * adicional, que sí debe quedarse en 0.
+     */
+    size: {
+      xs: { button: "size-6 text-[0.75rem]/[1rem]", text: "tracking-[0.32px]" },
+      sm: { button: "size-8 text-[1rem]/[1.3125rem]" },
+      md: { button: "size-10 text-[1rem]/[1.3125rem]" },
+      lg: { button: "size-12 text-[1rem]/[1.3125rem]" },
+      xl: { button: "size-16 text-[1.25rem]/[1.625rem]" },
+      /*
+       * Por debajo de 24 px el botón deja de ser un objetivo táctil
+       * aceptable, así que se le cuelga una caja de 24 px. Va
+       * centrada —el sistema de origen la deja pegada arriba a la izquierda
+       * y sobresale
+       * por abajo— y el anillo de pulsación pierde el segundo trazo porque
+       * en una caja tan pequeña no cabrían los dos.
+       */
+      "2xs": { button: "size-5 text-[0.75rem]/[1rem] after:absolute after:start-1/2 after:top-1/2 after:size-6 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[''] hover:active:shadow-[inset_0_0_0_1px_var(--vuno-focus-inset)]", text: "tracking-[0.32px]" },
+      mini: { button: "size-4 text-[0.5625rem]/[0.75rem] after:absolute after:start-1/2 after:top-1/2 after:size-6 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[''] hover:active:shadow-[inset_0_0_0_1px_var(--vuno-focus-inset)]", text: "tracking-[0.4px]" }
+    },
+    withText: {
+      false: {},
+      true: {}
+    }
+  }
+});

package/dist/runtime/app/components/AILabel/AILabel.types.d.ts

@@ -0,0 +1,28 @@
+import type { Placement, PortalTarget } from '#vuno/types/base';
+import type { ComponentUi } from '#vuno/types/slots';
+/** Las dos formas del disparador: la insignia cuadrada y la etiqueta en línea. */
+export type AILabelKind = 'default' | 'inline';
+/** La escala de Vuno para el disparador, de 16 px (`mini`) a 64 px (`xl`). */
+export type AILabelSize = '2xs' | 'lg' | 'md' | 'mini' | 'sm' | 'xl' | 'xs';
+export type AILabelProps = {
+    /** El texto de la insignia. Se traduce; el resto del nombre accesible se compone con él. */
+    aiText?: string;
+    /** Completa el nombre accesible del disparador cuando no hay `textLabel` visible. */
+    ariaLabel?: string;
+    autoAlign?: boolean;
+    defaultOpen?: boolean;
+    kind?: AILabelKind;
+    placement?: Placement;
+    portal?: PortalTarget;
+    /**
+     * Sustituye el disparador por la acción de revertir. No los muestra juntos:
+     * la etiqueta explica la intervención de la IA y el botón deshace la edición
+     * que la reemplazó, y solo uno de los dos describe el estado actual.
+     */
+    revertActive?: boolean;
+    revertLabel?: string;
+    size?: AILabelSize;
+    /** Texto visible junto a la insignia. Solo la variante `inline` lo muestra. */
+    textLabel?: string;
+    ui?: ComponentUi<'aiLabel'>;
+};