@groupteknology/vuno 2.0.0 → 4.0.0

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@groupteknology/vuno",
-  "version": "2.0.0",
-  "description": "Formularios, tablas y diálogos declarativos para Nuxt 4, con componentes propios y tokens sobreescribibles.",
+  "version": "4.0.0",
+  "description": "Sistema de diseño Vuno para Nuxt 4, con componentes propios y tokens --vuno-*.",
   "keywords": [
     "nuxt",
     "nuxt-module",
     "vue",
     "form",
     "table",
-    "crud",
     "datatable",
     "typescript"
   ],
@@ -29,10 +28,6 @@
       "types": "./dist/types.d.mts",
       "import": "./dist/module.mjs"
     },
-    "./composables/defineShortcuts": {
-      "types": "./dist/runtime/app/composables/defineShortcuts.d.ts",
-      "import": "./dist/runtime/app/composables/defineShortcuts.js"
-    },
     "./composables/use*": {
       "types": "./dist/runtime/app/composables/use*.d.ts",
       "import": "./dist/runtime/app/composables/use*.js"
@@ -45,9 +40,6 @@
       ".": [
         "./dist/types.d.mts"
       ],
-      "composables/defineShortcuts": [
-        "./dist/runtime/app/composables/defineShortcuts.d.ts"
-      ],
       "composables/use*": [
         "./dist/runtime/app/composables/use*.d.ts"
       ]
@@ -58,28 +50,26 @@
   ],
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "@iconify-json/lucide": "^1.2.134",
+    "@iconify-json/carbon": "^1.2.27",
     "@nuxt/icon": "^2.5.1",
     "@nuxt/kit": "^4.5.2",
+    "@nuxtjs/color-mode": "^4.0.1",
     "@tailwindcss/vite": "^4.3.3",
-    "@tanstack/vue-query": "^5.102.8",
-    "clsx": "^2.1.1",
-    "gsap": "^3.15.0",
-    "tailwind-merge": "^3.7.0",
+    "tailwind-variants": "^3.3.1",
     "tailwindcss": "^4.3.3"
   },
   "devDependencies": {
     "@nuxt/module-builder": "^1.0.3",
     "@nuxt/schema": "^4.5.2",
     "@nuxt/test-utils": "^4.3.2",
-    "@types/node": "^26.6.2",
+    "@types/node": "^26.6.3",
     "@vitejs/plugin-vue": "^6.0.9",
-    "@vitest/coverage-v8": "^5.0.1",
-    "@vue/test-utils": "^2.5.0",
+    "@vitest/coverage-v8": "^5.0.2",
+    "@vue/test-utils": "^2.5.1",
     "happy-dom": "^20.14.5",
     "nuxt": "^4.5.2",
     "typescript": "^6.0.3",
-    "vitest": "^5.0.1",
+    "vitest": "^5.0.2",
     "vue": "^3.5.43",
     "vue-tsc": "^3.3.11"
   },

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

@@ -1 +0,0 @@
-@import "tailwindcss";@import "./tokens.css";@import "./theme.css";

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

@@ -1,20 +0,0 @@
-import type { VunoAlertProps } from '#vuno/types/alert';
-import type { VunoColor } from '#vuno/types/base';
-type __VLS_Slots = {
-    /** Acciones relacionadas con el aviso. */
-    actions?: () => unknown;
-    /** Contenido que sustituye a `description`. */
-    default?: () => unknown;
-};
-declare const __VLS_base: import("vue").DefineComponent<VunoAlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VunoAlertProps> & Readonly<{}>, {
-    color: VunoColor;
-    role: "alert" | "status";
-}, {}, {}, {}, 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/Alert/Alert.theme.d.ts

@@ -1,13 +0,0 @@
-export declare const alertTheme: Record<"alert", {
-    readonly slots: {
-        readonly actions: "mt-3 flex flex-wrap items-center gap-2 empty:hidden";
-        readonly body: "min-w-0 flex-1";
-        readonly description: "mt-1 text-sm text-vuno-body";
-        readonly icon: "size-5 shrink-0 self-center text-(--vuno-accent)";
-        readonly root: "flex w-full items-start gap-3 rounded-sm bg-(--vuno-accent)/10 p-4 ring-1 ring-(--vuno-accent)/25 ring-inset";
-        readonly title: "font-medium text-vuno-strong";
-    };
-    readonly variants: {
-        readonly color: Record<import("../../types/base.js").VunoColor, Record<"root", string>>;
-    };
-}>;

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

@@ -1,13 +0,0 @@
-import { accentByColor } from "#vuno/theme/shared";
-import { defineTheme } from "#vuno/utils/theme";
-export const alertTheme = defineTheme("alert", {
-  slots: {
-    actions: "mt-3 flex flex-wrap items-center gap-2 empty:hidden",
-    body: "min-w-0 flex-1",
-    description: "mt-1 text-sm text-vuno-body",
-    icon: "size-5 shrink-0 self-center text-(--vuno-accent)",
-    root: "flex w-full items-start gap-3 rounded-sm bg-(--vuno-accent)/10 p-4 ring-1 ring-(--vuno-accent)/25 ring-inset",
-    title: "font-medium text-vuno-strong"
-  },
-  variants: { color: accentByColor("root") }
-});

package/dist/runtime/app/components/Alert/Alert.vue

@@ -1,59 +0,0 @@
-<script setup>
-import { computed } from "vue";
-import { useIcons, useTheme } from "#vuno/composables/useTheme";
-import Icon from "#vuno/components/Icon/Icon.vue";
-defineOptions({ name: "VunoAlert" });
-const props = defineProps({
-  color: { type: String, required: false, default: "info" },
-  description: { type: String, required: false },
-  icon: { type: [null, String], required: false },
-  role: { type: String, required: false, default: "status" },
-  title: { type: String, required: true },
-  ui: { type: Object, required: false }
-});
-defineSlots();
-const icons = useIcons();
-const defaultIcons = {
-  error: icons.value.notifyError,
-  info: icons.value.notifyInfo,
-  neutral: icons.value.notifyInfo,
-  primary: icons.value.notifyInfo,
-  secondary: icons.value.notifyInfo,
-  success: icons.value.notifySuccess,
-  warning: icons.value.notifyWarning
-};
-const iconName = computed(() => props.icon === null ? void 0 : props.icon ?? defaultIcons[props.color]);
-const ui = useTheme(
-  "alert",
-  () => props.ui,
-  () => ({ color: props.color })
-);
-</script>
-
-<template>
-    <div
-        :class="ui.root"
-        :role="props.role"
-    >
-        <Icon
-            v-if="iconName"
-            :class="ui.icon"
-            :name="iconName"
-        />
-
-        <div :class="ui.body">
-            <p :class="ui.title">{{ props.title }}</p>
-
-            <div
-                v-if="props.description || $slots.default"
-                :class="ui.description"
-            >
-                <slot>{{ props.description }}</slot>
-            </div>
-
-            <div :class="ui.actions">
-                <slot name="actions" />
-            </div>
-        </div>
-    </div>
-</template>

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

@@ -1,20 +0,0 @@
-import type { VunoAlertProps } from '#vuno/types/alert';
-import type { VunoColor } from '#vuno/types/base';
-type __VLS_Slots = {
-    /** Acciones relacionadas con el aviso. */
-    actions?: () => unknown;
-    /** Contenido que sustituye a `description`. */
-    default?: () => unknown;
-};
-declare const __VLS_base: import("vue").DefineComponent<VunoAlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VunoAlertProps> & Readonly<{}>, {
-    color: VunoColor;
-    role: "alert" | "status";
-}, {}, {}, {}, 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/App/App.d.vue.ts

@@ -1,52 +0,0 @@
-import { type Component } from 'vue';
-import type { VunoAlertRequest, VunoConfirmRequest, VunoNotifyRequest } from '#vuno/types/app';
-/**
- * Raíz del módulo: provee el contexto global, aloja los overlays y la pila
- * de notificaciones.
- *
- * Monta directamente todo lo que necesitan las piezas del módulo.
- */
-type Props = {
-    /**
-     * Dirección de lectura.
-     *
-     * Se provee a los componentes que la necesitan —hoy solo las
-     * pestañas, para invertir sus flechas— y se pone además en el
-     * elemento, que es de donde la lee el navegador para el texto y
-     * para las propiedades lógicas del CSS.
-     */
-    dir?: 'ltr' | 'rtl';
-};
-/**
- * Monta un componente y espera a que emita `close`.
- *
- * Cerrar con Escape o pulsando fuera cuenta como cerrar sin resultado: un
- * `update:open` en falso resuelve igual, porque si no la promesa se quedaría
- * esperando para siempre a un diálogo que ya no está en pantalla.
- */
-declare function open<TResult = unknown>(component: Component, props?: Record<string, unknown>): Promise<TResult | undefined>;
-declare function closeAll(): void;
-declare function dismiss(id: number): void;
-declare function notify(request: VunoNotifyRequest): number;
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<Props, {
-    alert: (request: VunoAlertRequest) => Promise<void>;
-    closeAll: typeof closeAll;
-    confirm: (request: VunoConfirmRequest) => Promise<boolean>;
-    dismiss: typeof dismiss;
-    notify: typeof notify;
-    open: typeof open;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    dir: "ltr" | "rtl";
-}, {}, {}, {}, 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/App/App.vue

@@ -1,150 +0,0 @@
-<script setup>
-import { markRaw, onBeforeUnmount, provide, reactive, shallowReactive } from "vue";
-import { vunoContextInjectionKey, vunoDirectionInjectionKey } from "#vuno/internal/keys";
-import Overlay from "#vuno/components/App/internal/Overlay/Overlay.vue";
-import Toaster from "#vuno/components/App/internal/Toaster/Toaster.vue";
-import Confirm from "#vuno/components/Confirm/Confirm.vue";
-defineOptions({ name: "VunoApp" });
-const props = defineProps({
-  dir: { type: String, required: false, default: "ltr" }
-});
-const notifications = shallowReactive([]);
-const overlays = reactive([]);
-let nextId = 0;
-const EXIT_MS = 220;
-function removeOverlay(id) {
-  const index = overlays.findIndex((entry) => entry.id === id);
-  if (index !== -1) overlays.splice(index, 1);
-}
-function dismissOverlay(id) {
-  const entry = overlays.find((item) => item.id === id);
-  if (entry) entry.open = false;
-  setTimeout(() => removeOverlay(id), EXIT_MS);
-}
-function open(component, props2 = {}) {
-  return new Promise((resolve) => {
-    const id = nextId++;
-    let settled = false;
-    const settle = (value) => {
-      if (settled) return;
-      settled = true;
-      resolve(value);
-      dismissOverlay(id);
-    };
-    overlays.push({
-      id,
-      // El registro es reactivo en profundidad para poder animar la
-      // salida, y eso alcanzaría también al componente: envolverlo en
-      // un proxy no sirve de nada y Vue avisa de ello.
-      component: markRaw(component),
-      listeners: {
-        close: (value) => settle(value),
-        /**
-         * Se aplaza una microtarea porque lo normal dentro del modal
-         * es cerrar y luego emitir el resultado:
-         *
-         * ```ts
-         * open.value = false
-         * emit('close', true)
-         * ```
-         *
-         * Resolver aquí en el acto se quedaría con el primero de los
-         * dos y devolvería `undefined` habiendo un resultado. Con el
-         * aplazamiento, un `close` síncrono llega antes y gana; si no
-         * llega ninguno —Escape, pulsar fuera—, resuelve sin valor.
-         */
-        "update:open": (value) => {
-          if (!value) queueMicrotask(() => settle(void 0));
-        }
-      },
-      open: true,
-      props: { ...props2 }
-    });
-  });
-}
-function askConfirm(request, dismissed) {
-  return new Promise((resolve) => {
-    const id = nextId++;
-    let settled = false;
-    const settle = (value) => {
-      if (settled) return;
-      settled = true;
-      resolve(value);
-      dismissOverlay(id);
-    };
-    overlays.push({
-      id,
-      component: markRaw(Confirm),
-      listeners: {
-        cancel: () => settle(false),
-        confirm: () => settle(true),
-        // Escape o pulsar fuera: en una confirmación es que no, y en
-        // una alerta es que ya se enteró.
-        "update:open": (value) => {
-          if (!value) settle(dismissed);
-        }
-      },
-      open: true,
-      props: { ...request }
-    });
-  });
-}
-const confirm = (request) => askConfirm(request, false);
-const alert = async (request) => {
-  await askConfirm({ ...request, alert: true }, true);
-};
-function closeAll() {
-  for (const entry of [...overlays]) (entry.listeners.cancel ?? entry.listeners.close)?.();
-}
-const timers = /* @__PURE__ */ new Map();
-function dismiss(id) {
-  const timer = timers.get(id);
-  if (timer) {
-    clearTimeout(timer);
-    timers.delete(id);
-  }
-  const index = notifications.findIndex((entry) => entry.id === id);
-  if (index !== -1) notifications.splice(index, 1);
-}
-function notify(request) {
-  const id = nextId++;
-  const duration = request.duration ?? 5e3;
-  notifications.push({ ...request, id, color: request.color ?? "neutral", duration });
-  if (duration > 0)
-    timers.set(
-      id,
-      setTimeout(() => dismiss(id), duration)
-    );
-  return id;
-}
-onBeforeUnmount(() => {
-  for (const timer of timers.values()) clearTimeout(timer);
-  timers.clear();
-});
-const context = { alert, closeAll, confirm, dismiss, notifications, notify, open, overlays };
-provide(vunoDirectionInjectionKey, () => props.dir);
-provide(vunoContextInjectionKey, context);
-defineExpose({ alert, closeAll, confirm, dismiss, notify, open });
-</script>
-
-<template>
-    <!--
-        La dirección de lectura se pone en el elemento —de donde la lee el
-        navegador— y se provee además a los componentes que la necesitan.
-        Vue aporta un `useId` estable que Nuxt conserva entre servidor y cliente.
-
-        El `div` es la única forma de llevar el `dir` sin pedirle nada al
-        proyecto. No pinta: no tiene clase ni estilo, así que el hijo se
-        comporta igual que si colgara del padre.
-    -->
-    <div :dir="props.dir">
-        <slot />
-
-        <Overlay :overlays="overlays" />
-
-        <Toaster
-            :notifications="notifications"
-            @dismiss="dismiss"
-        />
-    </div>
-</template>

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

@@ -1,52 +0,0 @@
-import { type Component } from 'vue';
-import type { VunoAlertRequest, VunoConfirmRequest, VunoNotifyRequest } from '#vuno/types/app';
-/**
- * Raíz del módulo: provee el contexto global, aloja los overlays y la pila
- * de notificaciones.
- *
- * Monta directamente todo lo que necesitan las piezas del módulo.
- */
-type Props = {
-    /**
-     * Dirección de lectura.
-     *
-     * Se provee a los componentes que la necesitan —hoy solo las
-     * pestañas, para invertir sus flechas— y se pone además en el
-     * elemento, que es de donde la lee el navegador para el texto y
-     * para las propiedades lógicas del CSS.
-     */
-    dir?: 'ltr' | 'rtl';
-};
-/**
- * Monta un componente y espera a que emita `close`.
- *
- * Cerrar con Escape o pulsando fuera cuenta como cerrar sin resultado: un
- * `update:open` en falso resuelve igual, porque si no la promesa se quedaría
- * esperando para siempre a un diálogo que ya no está en pantalla.
- */
-declare function open<TResult = unknown>(component: Component, props?: Record<string, unknown>): Promise<TResult | undefined>;
-declare function closeAll(): void;
-declare function dismiss(id: number): void;
-declare function notify(request: VunoNotifyRequest): number;
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<Props, {
-    alert: (request: VunoAlertRequest) => Promise<void>;
-    closeAll: typeof closeAll;
-    confirm: (request: VunoConfirmRequest) => Promise<boolean>;
-    dismiss: typeof dismiss;
-    notify: typeof notify;
-    open: typeof open;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    dir: "ltr" | "rtl";
-}, {}, {}, {}, 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/App/internal/Overlay/Overlay.d.vue.ts

@@ -1,7 +0,0 @@
-import type { VunoOverlayEntry } from '#vuno/types/app';
-type Props = {
-    overlays: readonly VunoOverlayEntry[];
-};
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/components/App/internal/Overlay/Overlay.vue

@@ -1,39 +0,0 @@
-<script setup>
-import { computed } from "vue";
-import OverlayItem from "#vuno/components/App/internal/OverlayItem/OverlayItem.vue";
-defineOptions({ name: "VunoOverlay" });
-const props = defineProps({
-  overlays: { type: Array, required: true }
-});
-const topmost = computed(() => {
-  for (let index = props.overlays.length - 1; index >= 0; index -= 1) {
-    if (props.overlays[index]?.open) return index;
-  }
-  return -1;
-});
-const isTopmost = (index) => index === topmost.value;
-</script>
-
-<template>
-    <!--
-        Los overlays globales se pintan aquí y no donde se pidieron. Un diálogo
-        montado dentro de la pantalla que lo abre desaparece con ella —al navegar,
-        al cerrarse un modal que lo contenía— y su promesa se queda sin resolver.
-
-        No hay escalera de z-index, y no por olvido: se escribió una y resultó
-        inútil. Los diálogos de vuno son `<dialog>` nativos, que viven en la capa
-        superior del navegador y se apilan por orden de apertura, por encima de
-        cualquier z-index. Mientras todo sea nativo, el apilado ya es correcto;
-        en cuanto se mezcla con algo que no lo sea, ningún z-index lo arregla,
-        porque la capa superior siempre gana.
-
-        Tampoco lleva contenedor propio: cada diálogo se sale del flujo por su
-        cuenta, así que un elemento aquí solo añadiría un nodo vacío.
-    -->
-    <OverlayItem
-        v-for="(entry, index) in props.overlays"
-        :key="entry.id"
-        :behind="!isTopmost(index)"
-        :entry="entry"
-    />
-</template>

package/dist/runtime/app/components/App/internal/Overlay/Overlay.vue.d.ts

@@ -1,7 +0,0 @@
-import type { VunoOverlayEntry } from '#vuno/types/app';
-type Props = {
-    overlays: readonly VunoOverlayEntry[];
-};
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/components/App/internal/OverlayItem/OverlayItem.d.vue.ts

@@ -1,8 +0,0 @@
-import type { VunoOverlayEntry } from '#vuno/types/app';
-type Props = {
-    behind: boolean;
-    entry: VunoOverlayEntry;
-};
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/components/App/internal/OverlayItem/OverlayItem.vue

@@ -1,19 +0,0 @@
-<script setup>
-import { provide } from "vue";
-import { vunoOverlayBehindInjectionKey } from "#vuno/internal/keys";
-defineOptions({ name: "VunoOverlayItem" });
-const props = defineProps({
-  behind: { type: Boolean, required: true },
-  entry: { type: Object, required: true }
-});
-provide(vunoOverlayBehindInjectionKey, () => props.behind);
-</script>
-
-<template>
-    <component
-        :is="props.entry.component"
-        v-bind="props.entry.props"
-        :open="props.entry.open"
-        v-on="props.entry.listeners"
-    />
-</template>

package/dist/runtime/app/components/App/internal/OverlayItem/OverlayItem.vue.d.ts

@@ -1,8 +0,0 @@
-import type { VunoOverlayEntry } from '#vuno/types/app';
-type Props = {
-    behind: boolean;
-    entry: VunoOverlayEntry;
-};
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/components/App/internal/Toast/Toast.d.vue.ts

@@ -1,11 +0,0 @@
-import type { VunoNotification } from '#vuno/types/app';
-type Props = {
-    notification: VunoNotification;
-};
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    dismiss: () => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onDismiss?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/components/App/internal/Toast/Toast.theme.d.ts

@@ -1,13 +0,0 @@
-/** El apilado lo añade `Overlay`; aquí solo lo que sea del proyecto. */
-export declare const toastTheme: Record<"toast", {
-    readonly slots: {
-        readonly body: "min-w-0 flex-1";
-        readonly description: "mt-1 text-sm text-vuno-muted";
-        readonly icon: "mt-0.5 size-5 shrink-0 text-(--vuno-accent)";
-        readonly root: "flex w-full items-start gap-3 rounded-sm bg-vuno-surface-1 p-3 shadow-lg ring ring-(--vuno-accent)/25";
-        readonly title: "text-sm font-medium text-vuno-strong";
-    };
-    readonly variants: {
-        readonly color: Record<import("../../../../types/base.js").VunoColor, Record<"root", string>>;
-    };
-}>;

package/dist/runtime/app/components/App/internal/Toast/Toast.theme.js

@@ -1,18 +0,0 @@
-import { accentByColor } from "#vuno/theme/shared";
-import { defineTheme } from "#vuno/utils/theme";
-export const toastTheme = defineTheme("toast", {
-  slots: {
-    body: "min-w-0 flex-1",
-    description: "mt-1 text-sm text-vuno-muted",
-    /*
-     * La tarjeta declara el acento para que el icono lo herede y el
-     * anillo diferencie el estado sin teñir toda la superficie. Un
-     * nombre compuesto como `text-${color}` no serviría: Tailwind no
-     * genera una clase que nunca aparece literal en el código.
-     */
-    icon: "mt-0.5 size-5 shrink-0 text-(--vuno-accent)",
-    root: "flex w-full items-start gap-3 rounded-sm bg-vuno-surface-1 p-3 shadow-lg ring ring-(--vuno-accent)/25",
-    title: "text-sm font-medium text-vuno-strong"
-  },
-  variants: { color: accentByColor("root") }
-});