@groupteknology/vuno 2.0.0 → 4.0.0

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

@@ -1,45 +0,0 @@
-import type { VunoUi } from '#vuno/types/slots';
-/**
- * La barra de navegación: izquierda, centro y derecha.
- *
- * **No se pega arriba ni se pinta**, y es lo que la hace reutilizable: eso
- * lo decide el `<header>` de cada aplicación y esta barra solo reparte lo
- * que va dentro. Si trajera su propio fondo habría dos, y si trajera su
- * borde habría dos líneas a un píxel una de otra.
- *
- * Las tres regiones son slots y ninguna es obligatoria. La de la izquierda
- * encoge y la de la derecha no, que es lo que ya se aprendió en la barra de
- * `VPage`: lo que se recorta cuando falta sitio es el texto, nunca los
- * botones.
- *
- * ```vue
- * <header class="sticky top-0">
- *     <VNavbar>
- *         <template #left>vuno</template>
- *         <template #right><VButton label="Entrar" /></template>
- *     </VNavbar>
- * </header>
- * ```
- */
-type Props = {
-    ui?: VunoUi<'navbar'>;
-};
-type __VLS_Slots = {
-    /** El centro de la barra: la navegación, normalmente. */
-    center?: () => unknown;
-    /** Lo de la izquierda: la marca, el título de la pantalla. */
-    left?: () => unknown;
-    /** Lo de la derecha: sesión, idioma, la acción principal. */
-    right?: () => unknown;
-};
-declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    ui: VunoUi<"navbar">;
-}, {}, {}, {}, 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/Navbar/Navbar.theme.d.ts

@@ -1,31 +0,0 @@
-export declare const navbarTheme: Record<"navbar", {
-    /**
-     * La barra de navegación: tres regiones en una fila.
-     *
-     * **Sin fondo, sin borde y sin sitio propio**, y eso no es un olvido: la
-     * barra va dentro del `<header>` de un layout, que es quien la pega arriba,
-     * la pinta y la separa del contenido. Repetir aquí el fondo la dejaría con
-     * dos, y repetir el borde pondría dos líneas a un píxel una de otra.
-     *
-     * El reparto es una rejilla de tres columnas y no un `justify-between`, y
-     * esa es la única diferencia que se ve: con `between`, el centro queda
-     * centrado **solo si los dos lados miden lo mismo**, así que un logotipo
-     * largo a la izquierda lo desplaza. Con `1fr auto 1fr` el centro cae en el
-     * centro de la barra pase lo que pase a los lados. Cuando no hay centro, las
-     * dos columnas elásticas empujan a los lados y se ve igual que un `between`.
-     *
-     * `minmax(0,1fr)` y no `1fr` porque la segunda no baja de su contenido, y
-     * entonces un título largo a la izquierda no se trunca: empuja la barra y
-     * saca scroll horizontal a la página.
-     *
-     * La izquierda encoge y la derecha no —`min-w-0` contra `shrink-0`—, que es
-     * lo que ya se aprendió en la barra de `VPage`: lo que se recorta es el
-     * texto, nunca los botones.
-     */
-    readonly slots: {
-        readonly center: "flex min-w-0 items-center justify-center gap-2";
-        readonly left: "flex min-w-0 items-center gap-2";
-        readonly right: "flex shrink-0 items-center justify-end gap-2";
-        readonly root: "grid size-full grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center justify-center gap-4 self-center";
-    };
-}>;

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

@@ -1,32 +0,0 @@
-import { defineTheme } from "#vuno/utils/theme";
-export const navbarTheme = defineTheme("navbar", {
-  /**
-   * La barra de navegación: tres regiones en una fila.
-   *
-   * **Sin fondo, sin borde y sin sitio propio**, y eso no es un olvido: la
-   * barra va dentro del `<header>` de un layout, que es quien la pega arriba,
-   * la pinta y la separa del contenido. Repetir aquí el fondo la dejaría con
-   * dos, y repetir el borde pondría dos líneas a un píxel una de otra.
-   *
-   * El reparto es una rejilla de tres columnas y no un `justify-between`, y
-   * esa es la única diferencia que se ve: con `between`, el centro queda
-   * centrado **solo si los dos lados miden lo mismo**, así que un logotipo
-   * largo a la izquierda lo desplaza. Con `1fr auto 1fr` el centro cae en el
-   * centro de la barra pase lo que pase a los lados. Cuando no hay centro, las
-   * dos columnas elásticas empujan a los lados y se ve igual que un `between`.
-   *
-   * `minmax(0,1fr)` y no `1fr` porque la segunda no baja de su contenido, y
-   * entonces un título largo a la izquierda no se trunca: empuja la barra y
-   * saca scroll horizontal a la página.
-   *
-   * La izquierda encoge y la derecha no —`min-w-0` contra `shrink-0`—, que es
-   * lo que ya se aprendió en la barra de `VPage`: lo que se recorta es el
-   * texto, nunca los botones.
-   */
-  slots: {
-    center: "flex min-w-0 items-center justify-center gap-2",
-    left: "flex min-w-0 items-center gap-2",
-    right: "flex shrink-0 items-center justify-end gap-2",
-    root: "grid size-full grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center justify-center gap-4 self-center"
-  }
-});

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

@@ -1,47 +0,0 @@
-<script setup>
-import { useMessages, useTheme } from "#vuno/composables/useTheme";
-defineOptions({ name: "VunoNavbar" });
-const props = defineProps({
-  ui: { type: Object, required: false, default: void 0 }
-});
-defineSlots();
-const messages = useMessages();
-const ui = useTheme("navbar", () => props.ui);
-</script>
-
-<template>
-    <!--
-        Es un `<nav>` **con nombre**, y el nombre no es adorno: en la misma
-        pantalla suele haber otra región de navegación —la columna de un
-        dashboard—, y dos `<nav>` sin nombre se anuncian igual y no se
-        distinguen. Sale de `messages` para que un proyecto lo cambie una vez, y
-        un `aria-label` escrito en la instancia gana a este, porque los atributos
-        de quien usa el componente llegan después.
-
-        Con guion y no en camelCase: `ariaLabel` sobre un elemento nativo emite
-        `arialabel`, que no existe, se ve idéntico y no lo anuncia nadie.
-    -->
-    <nav
-        :aria-label="messages.navbarLabel"
-        :class="ui.root"
-    >
-        <!--
-            Las tres se pintan siempre, aunque estén vacías, y esto sí es a
-            propósito: son las columnas de la rejilla. Esconder la del centro
-            cuando no hay nada dejaría dos columnas y el reparto de los lados
-            cambiaría solo. Vacías no ocupan: una columna elástica sin contenido
-            mide cero.
-        -->
-        <div :class="ui.left">
-            <slot name="left" />
-        </div>
-
-        <div :class="ui.center">
-            <slot name="center" />
-        </div>
-
-        <div :class="ui.right">
-            <slot name="right" />
-        </div>
-    </nav>
-</template>

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

@@ -1,45 +0,0 @@
-import type { VunoUi } from '#vuno/types/slots';
-/**
- * La barra de navegación: izquierda, centro y derecha.
- *
- * **No se pega arriba ni se pinta**, y es lo que la hace reutilizable: eso
- * lo decide el `<header>` de cada aplicación y esta barra solo reparte lo
- * que va dentro. Si trajera su propio fondo habría dos, y si trajera su
- * borde habría dos líneas a un píxel una de otra.
- *
- * Las tres regiones son slots y ninguna es obligatoria. La de la izquierda
- * encoge y la de la derecha no, que es lo que ya se aprendió en la barra de
- * `VPage`: lo que se recorta cuando falta sitio es el texto, nunca los
- * botones.
- *
- * ```vue
- * <header class="sticky top-0">
- *     <VNavbar>
- *         <template #left>vuno</template>
- *         <template #right><VButton label="Entrar" /></template>
- *     </VNavbar>
- * </header>
- * ```
- */
-type Props = {
-    ui?: VunoUi<'navbar'>;
-};
-type __VLS_Slots = {
-    /** El centro de la barra: la navegación, normalmente. */
-    center?: () => unknown;
-    /** Lo de la izquierda: la marca, el título de la pantalla. */
-    left?: () => unknown;
-    /** Lo de la derecha: sesión, idioma, la acción principal. */
-    right?: () => unknown;
-};
-declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    ui: VunoUi<"navbar">;
-}, {}, {}, {}, 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/NavigationList/NavigationList.d.vue.ts

@@ -1,38 +0,0 @@
-import type { VunoNavigationItem } from '#vuno/types/page';
-import type { VunoUi } from '#vuno/types/slots';
-/**
- * Navegación anidada: listas dentro de listas, con las ramas que contienen la
- * página actual openKeys.
- *
- * **La apertura se deriva de la ruta, no del clic.** Es lo que hace que al
- * recargar en `config/perfil/contrasena` las dos ramas de arriba estén
- * openKeys, y que lo estén también en el HTML del servidor. Un estado que solo
- * se moviera al pulsar dejaría la página actual escondida en cuanto alguien
- * llegara por un enlace directo. Se recalcula al cambiar de ruta, de forma
- * **aditiva**: navegar abre lo que hace falta y no cierra lo que el usuario
- * abrió a mano.
- *
- * **Listas anidadas y no `role="tree"`.** Un árbol ARIA es un control de
- * selección única con foco móvil, y esto es un menú de enlaces: lo que
- * corresponde es `<ul>` dentro de `<li>` con un botón de desplegar. Ponerle
- * `role="tree"` obligaría a reimplementar el teclado de un widget y a cambiar
- * cómo lo anuncia un lector, para peor.
- */
-type Props = {
-    /** Permite cerrar y abrir ramas; desactivado las mantiene visibles. */
-    collapsible?: boolean;
-    items: VunoNavigationItem[];
-    /** Profundidad de esta lista. Interno: lo pone la propia recursión. */
-    level?: number;
-    /** Ruta estructural de esta lista. Interno: evita colisiones entre rótulos repetidos. */
-    path?: string;
-    ui?: VunoUi<'navigationList'>;
-};
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    path: string;
-    ui: VunoUi<"navigationList">;
-    collapsible: boolean;
-    level: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,32 +0,0 @@
-export declare const navigationListTheme: Record<"navigationList", {
-    /**
-     * Navegación anidada. La fila es lo que se pulsa y la sublista es lo que se
-     * despliega, así que las dos llevan slot propio.
-     *
-     * `aria-current` sigue identificando la página exacta. `data-active` pinta
-     * además sus padres, sin anunciar falsamente que todos son la página actual.
-     */
-    readonly slots: {
-        readonly badge: "ms-auto rounded-full bg-vuno-surface-2 px-2 py-0.5 text-xs font-semibold tracking-wide text-vuno-muted";
-        readonly group: "flex min-w-0 flex-1 items-center gap-2 px-3 py-1.5 text-sm font-semibold text-vuno-strong";
-        readonly groupDeep: "py-1";
-        readonly icon: "size-4 shrink-0 text-vuno-subtle transition-colors duration-150 group-data-[active=true]:text-vuno-primary motion-reduce:transition-none";
-        readonly item: "flex flex-col";
-        readonly label: "block min-w-0 text-start leading-snug whitespace-normal";
-        readonly labelGroup: "min-w-0 flex-1";
-        readonly link: "group relative flex min-w-0 flex-1 items-center gap-2 overflow-hidden rounded-md px-3 py-2 text-sm text-vuno-muted transition-[background-color,color,transform] duration-150 before:absolute before:inset-y-2 before:inset-s-0 before:w-0.5 before:scale-y-0 before:rounded-full before:bg-vuno-primary before:transition-transform before:duration-150 hover:translate-x-0.5 hover:bg-vuno-surface-1 hover:text-vuno-body focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-vuno-primary aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-vuno-primary/10 data-[active=true]:font-semibold data-[active=true]:text-vuno-primary data-[active=true]:before:scale-y-100 motion-reduce:transition-none motion-reduce:before:transition-none motion-reduce:hover:translate-x-0";
-        readonly linkBranch: "rounded-e-none";
-        readonly linkDeep: "py-1.5";
-        readonly list: "flex flex-col gap-0.5";
-        readonly root: "flex flex-col rounded-lg bg-vuno-surface-1/45 p-1.5";
-        readonly row: "flex items-stretch gap-0.5";
-        readonly rowLinked: "gap-0";
-        readonly sublist: "ms-4 mt-1 border-s border-vuno-border/70 ps-2.5";
-        readonly sublistDeep: "border-vuno-border/50";
-        readonly toggle: "group relative flex min-w-0 flex-1 cursor-pointer items-center gap-2 overflow-hidden rounded-md px-3 py-2 text-sm text-vuno-muted transition-[background-color,color,transform] duration-150 before:absolute before:inset-y-2 before:inset-s-0 before:w-0.5 before:scale-y-0 before:rounded-full before:bg-vuno-primary before:transition-transform before:duration-150 hover:translate-x-0.5 hover:bg-vuno-surface-1 hover:text-vuno-body focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-vuno-primary disabled:cursor-not-allowed disabled:opacity-50 data-[active=true]:bg-vuno-primary/10 data-[active=true]:font-semibold data-[active=true]:text-vuno-primary data-[active=true]:before:scale-y-100 motion-reduce:transition-none motion-reduce:before:transition-none motion-reduce:hover:translate-x-0";
-        readonly toggleAside: "flex-none justify-center self-stretch rounded-s-none px-2.5 before:hidden";
-        readonly toggleDeep: "py-1.5";
-        readonly toggleIcon: "size-3.5 shrink-0 text-vuno-subtle transition-transform duration-200 motion-reduce:transition-none";
-        readonly toggleIconOpen: "rotate-90";
-    };
-}>;

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

@@ -1,35 +0,0 @@
-import { defineTheme } from "#vuno/utils/theme";
-export const navigationListTheme = defineTheme("navigationList", {
-  /**
-   * Navegación anidada. La fila es lo que se pulsa y la sublista es lo que se
-   * despliega, así que las dos llevan slot propio.
-   *
-   * `aria-current` sigue identificando la página exacta. `data-active` pinta
-   * además sus padres, sin anunciar falsamente que todos son la página actual.
-   */
-  slots: {
-    badge: "ms-auto rounded-full bg-vuno-surface-2 px-2 py-0.5 text-xs font-semibold tracking-wide text-vuno-muted",
-    group: "flex min-w-0 flex-1 items-center gap-2 px-3 py-1.5 text-sm font-semibold text-vuno-strong",
-    groupDeep: "py-1",
-    icon: "size-4 shrink-0 text-vuno-subtle transition-colors duration-150 group-data-[active=true]:text-vuno-primary motion-reduce:transition-none",
-    item: "flex flex-col",
-    label: "block min-w-0 text-start leading-snug whitespace-normal",
-    labelGroup: "min-w-0 flex-1",
-    link: "group relative flex min-w-0 flex-1 items-center gap-2 overflow-hidden rounded-md px-3 py-2 text-sm text-vuno-muted transition-[background-color,color,transform] duration-150 before:absolute before:inset-y-2 before:inset-s-0 before:w-0.5 before:scale-y-0 before:rounded-full before:bg-vuno-primary before:transition-transform before:duration-150 hover:translate-x-0.5 hover:bg-vuno-surface-1 hover:text-vuno-body focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-vuno-primary aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-vuno-primary/10 data-[active=true]:font-semibold data-[active=true]:text-vuno-primary data-[active=true]:before:scale-y-100 motion-reduce:transition-none motion-reduce:before:transition-none motion-reduce:hover:translate-x-0",
-    linkBranch: "rounded-e-none",
-    linkDeep: "py-1.5",
-    list: "flex flex-col gap-0.5",
-    root: "flex flex-col rounded-lg bg-vuno-surface-1/45 p-1.5",
-    row: "flex items-stretch gap-0.5",
-    rowLinked: "gap-0",
-    /* La sangría marca el nivel, y va en la sublista para no contar niveles. */
-    sublist: "ms-4 mt-1 border-s border-vuno-border/70 ps-2.5",
-    sublistDeep: "border-vuno-border/50",
-    toggle: "group relative flex min-w-0 flex-1 cursor-pointer items-center gap-2 overflow-hidden rounded-md px-3 py-2 text-sm text-vuno-muted transition-[background-color,color,transform] duration-150 before:absolute before:inset-y-2 before:inset-s-0 before:w-0.5 before:scale-y-0 before:rounded-full before:bg-vuno-primary before:transition-transform before:duration-150 hover:translate-x-0.5 hover:bg-vuno-surface-1 hover:text-vuno-body focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-vuno-primary disabled:cursor-not-allowed disabled:opacity-50 data-[active=true]:bg-vuno-primary/10 data-[active=true]:font-semibold data-[active=true]:text-vuno-primary data-[active=true]:before:scale-y-100 motion-reduce:transition-none motion-reduce:before:transition-none motion-reduce:hover:translate-x-0",
-    /* Al lado de un enlace el botón es solo la flecha: deja de crecer. */
-    toggleAside: "flex-none justify-center self-stretch rounded-s-none px-2.5 before:hidden",
-    toggleDeep: "py-1.5",
-    toggleIcon: "size-3.5 shrink-0 text-vuno-subtle transition-transform duration-200 motion-reduce:transition-none",
-    toggleIconOpen: "rotate-90"
-  }
-});

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

@@ -1,187 +0,0 @@
-<script setup>
-import { inject, provide, reactive, useId, watch } from "vue";
-import { useRoute } from "#imports";
-import { useIcons, useTheme } from "#vuno/composables/useTheme";
-import { vunoNavigationListInjectionKey } from "#vuno/internal/keys";
-import { cn } from "#vuno/utils/theme";
-import Icon from "#vuno/components/Icon/Icon.vue";
-defineOptions({ name: "VunoNavigationList", inheritAttrs: false });
-const props = defineProps({
-  collapsible: { type: Boolean, required: false, default: true },
-  items: { type: Array, required: true },
-  level: { type: Number, required: false, default: 0 },
-  path: { type: String, required: false, default: "root" },
-  ui: { type: Object, required: false, default: void 0 }
-});
-const icons = useIcons();
-const ui = useTheme("navigationList", () => props.ui);
-const inherited = inject(vunoNavigationListInjectionKey, null);
-const openKeys = inherited ?? reactive(/* @__PURE__ */ new Set());
-if (!inherited) provide(vunoNavigationListInjectionKey, openKeys);
-const isRoot = !inherited;
-const route = useRoute();
-const keyOf = (index) => `${props.path}.${index}`;
-function containsRoute(item, path) {
-  if (item.to === path) return true;
-  return (item.children ?? []).some((child) => containsRoute(child, path));
-}
-const uid = useId();
-const sublistId = (index) => `${uid}-${keyOf(index).replace(/[^a-zA-Z0-9-]/g, "-")}`;
-const isOpen = (index) => openKeys.has(keyOf(index));
-const isActive = (item) => containsRoute(item, route.path);
-function open(item, index) {
-  if (item.disabled || !item.children?.length) return;
-  openKeys.add(keyOf(index));
-}
-function toggle(item, index) {
-  const key = keyOf(index);
-  if (openKeys.has(key)) {
-    openKeys.delete(key);
-  } else open(item, index);
-}
-watch(
-  () => route.path,
-  (path) => {
-    for (const [index, item] of props.items.entries()) {
-      if (item.children?.length && containsRoute(item, path)) openKeys.add(keyOf(index));
-    }
-  },
-  { immediate: true }
-);
-</script>
-
-<template>
-    <!--
-        Solo la instancia de fuera pinta un `<nav>`: uno dentro de otro anuncia
-        dos regiones de navegación donde hay una, y el `aria-label` que el
-        proyecto pasa llegaría repetido a cada nivel. Las de dentro pintan un
-        `<div>`, que es el elemento al que apunta el `aria-controls` del botón y
-        el que lleva el `hidden`.
-    -->
-    <component
-        :is="isRoot ? 'nav' : 'div'"
-        v-bind="$attrs"
-        :class="isRoot && ui.root"
-    >
-        <ul :class="cn(ui.list, props.level > 0 && ui.sublist, props.level >= 2 && ui.sublistDeep)">
-            <li
-                v-for="(item, index) in props.items"
-                :key="keyOf(index)"
-                :class="ui.item"
-            >
-                <div :class="cn(ui.row, item.to && item.children?.length && ui.rowLinked)">
-                    <!-- Una hoja, o una rama que además es página: enlace. -->
-                    <NuxtLink
-                        v-if="item.to"
-                        :aria-disabled="item.disabled || void 0"
-                        :class="cn(ui.link, item.children?.length && ui.linkBranch, props.level >= 2 && ui.linkDeep)"
-                        :data-active="isActive(item) || void 0"
-                        :tabindex="item.disabled ? -1 : void 0"
-                        :to="item.to"
-                    >
-                        <Icon
-                            v-if="item.icon"
-                            :class="ui.icon"
-                            :name="item.icon"
-                        />
-
-                        <span :class="ui.labelGroup">
-                            <span :class="ui.label">{{ item.label }}</span>
-                        </span>
-
-                        <span
-                            v-if="item.badge"
-                            :class="ui.badge"
-                            >{{ item.badge }}</span
-                        >
-                    </NuxtLink>
-
-                    <!--
-                        Una rama sin `to` no navega: el rótulo entero es el botón
-                        de desplegar, porque un `<span>` que despliega al pulsarlo
-                        no lo alcanza el teclado.
-                    -->
-                    <button
-                        v-if="item.children?.length && props.collapsible"
-                        :aria-controls="sublistId(index)"
-                        :aria-expanded="isOpen(index)"
-                        :class="cn(ui.toggle, props.level >= 2 && ui.toggleDeep, item.to && ui.toggleAside)"
-                        :data-active="isActive(item) || void 0"
-                        :disabled="item.disabled"
-                        type="button"
-                        @click="toggle(item, index)"
-                    >
-                        <template v-if="!item.to">
-                            <Icon
-                                v-if="item.icon"
-                                :class="ui.icon"
-                                :name="item.icon"
-                            />
-
-                            <span :class="ui.labelGroup">
-                                <span :class="ui.label">{{ item.label }}</span>
-                            </span>
-                        </template>
-
-                        <!--
-                            El nombre accesible del botón solo hace falta cuando
-                            va al lado de un enlace: ahí el botón no tiene texto
-                            propio y sin esto se anunciaría como «botón» a secas.
-                        -->
-                        <span
-                            v-if="item.to"
-                            class="sr-only"
-                            >{{ item.label }}</span
-                        >
-
-                        <Icon
-                            :class="cn(ui.toggleIcon, isOpen(index) && ui.toggleIconOpen)"
-                            :name="icons.navigationToggle"
-                        />
-                    </button>
-
-                    <!-- Una rama fija es un rótulo, no un control que finja poder cerrarse. -->
-                    <span
-                        v-else-if="item.children?.length && !item.to"
-                        :class="cn(ui.group, props.level >= 2 && ui.groupDeep)"
-                        :data-active="isActive(item) || void 0"
-                    >
-                        <Icon
-                            v-if="item.icon"
-                            :class="ui.icon"
-                            :name="item.icon"
-                        />
-
-                        <span :class="ui.labelGroup">
-                            <span :class="ui.label">{{ item.label }}</span>
-                        </span>
-
-                        <span
-                            v-if="item.badge"
-                            :class="ui.badge"
-                            >{{ item.badge }}</span
-                        >
-                    </span>
-                </div>
-
-                <!--
-                    La sublista se oculta con `hidden` y no se desmonta.
-                    Desmontarla dejaría el `aria-controls` del botón apuntando a
-                    un identificador que no existe, que es marcado inválido; y
-                    `hidden` ya saca sus enlaces del orden de tabulación y del
-                    árbol de accesibilidad, que es lo que se quería.
-                -->
-                <VunoNavigationList
-                    v-if="item.children?.length"
-                    :id="sublistId(index)"
-                    :collapsible="props.collapsible"
-                    :hidden="props.collapsible && !isOpen(index)"
-                    :items="item.children"
-                    :level="props.level + 1"
-                    :path="keyOf(index)"
-                    :ui="props.ui"
-                />
-            </li>
-        </ul>
-    </component>
-</template>

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

@@ -1,38 +0,0 @@
-import type { VunoNavigationItem } from '#vuno/types/page';
-import type { VunoUi } from '#vuno/types/slots';
-/**
- * Navegación anidada: listas dentro de listas, con las ramas que contienen la
- * página actual openKeys.
- *
- * **La apertura se deriva de la ruta, no del clic.** Es lo que hace que al
- * recargar en `config/perfil/contrasena` las dos ramas de arriba estén
- * openKeys, y que lo estén también en el HTML del servidor. Un estado que solo
- * se moviera al pulsar dejaría la página actual escondida en cuanto alguien
- * llegara por un enlace directo. Se recalcula al cambiar de ruta, de forma
- * **aditiva**: navegar abre lo que hace falta y no cierra lo que el usuario
- * abrió a mano.
- *
- * **Listas anidadas y no `role="tree"`.** Un árbol ARIA es un control de
- * selección única con foco móvil, y esto es un menú de enlaces: lo que
- * corresponde es `<ul>` dentro de `<li>` con un botón de desplegar. Ponerle
- * `role="tree"` obligaría a reimplementar el teclado de un widget y a cambiar
- * cómo lo anuncia un lector, para peor.
- */
-type Props = {
-    /** Permite cerrar y abrir ramas; desactivado las mantiene visibles. */
-    collapsible?: boolean;
-    items: VunoNavigationItem[];
-    /** Profundidad de esta lista. Interno: lo pone la propia recursión. */
-    level?: number;
-    /** Ruta estructural de esta lista. Interno: evita colisiones entre rótulos repetidos. */
-    path?: string;
-    ui?: VunoUi<'navigationList'>;
-};
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    path: string;
-    ui: VunoUi<"navigationList">;
-    collapsible: boolean;
-    level: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,31 +0,0 @@
-import type { VunoNavigationItem } from '#vuno/types/page';
-import type { VunoUi } from '#vuno/types/slots';
-/**
- * Navegación horizontal para una barra superior.
- *
- * El primer nivel permanece en la barra y cada rama abre un panel flotante;
- * los niveles siguientes salen como flyouts laterales. No comparte el
- * modelo visual de `VNavigationList`: una lista persistente conserva sus ramas en
- * el flujo, mientras que una barra no puede crecer hacia abajo al abrirse.
- */
-type Props = {
-    /** Interno: los descendientes son paneles laterales. */
-    flyout?: boolean;
-    items: VunoNavigationItem[];
-    /** Interno: profundidad dentro del menú. */
-    level?: number;
-    /** Interno: ruta estructural que evita colisiones entre rótulos. */
-    path?: string;
-    /** Interno: primer panel que cae debajo de la barra. */
-    popup?: boolean;
-    ui?: VunoUi<'navigationMenu'>;
-};
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    path: string;
-    ui: VunoUi<"navigationMenu">;
-    level: number;
-    flyout: boolean;
-    popup: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,26 +0,0 @@
-export declare const navigationMenuTheme: Record<"navigationMenu", {
-    readonly slots: {
-        readonly badge: "ms-1 rounded-full bg-vuno-primary/10 px-1.5 py-0.5 text-xs font-bold tracking-wide text-vuno-primary";
-        readonly flyoutControl: "min-h-9 px-2.5 py-2";
-        readonly flyoutIcon: "text-vuno-subtle";
-        readonly flyoutItem: "relative";
-        readonly flyoutList: "gap-0.5 rounded-lg border border-vuno-border bg-vuno-surface-1/95 p-1.5 ring-1 ring-vuno-border/40 backdrop-blur-xl";
-        readonly flyoutRoot: "z-30 w-64";
-        readonly icon: "size-4 shrink-0 text-vuno-subtle transition-colors duration-150 group-data-[active=true]:text-vuno-primary motion-reduce:transition-none";
-        readonly item: "relative flex";
-        readonly label: "block truncate text-start";
-        readonly labelGroup: "min-w-0 flex-1";
-        readonly link: "group relative flex min-w-0 flex-1 items-center gap-2 rounded-md px-3 py-2 text-sm font-medium text-vuno-muted transition-[background-color,color,transform] duration-150 after:absolute after:inset-x-3 after:-bottom-px after:h-0.5 after:origin-center after:scale-x-0 after:rounded-full after:bg-vuno-primary after:transition-transform after:duration-200 hover:-translate-y-px hover:bg-vuno-surface-1 hover:text-vuno-body focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-vuno-primary aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:text-vuno-primary data-[active=true]:after:scale-x-100 motion-reduce:transition-none motion-reduce:after:transition-none motion-reduce:hover:translate-y-0";
-        readonly linkBranch: "rounded-e-none";
-        readonly list: "flex flex-row items-center gap-1";
-        readonly popupList: "gap-0.5 rounded-lg border border-vuno-border bg-vuno-surface-1/95 p-1.5 ring-1 ring-vuno-border/40 backdrop-blur-xl";
-        readonly popupRoot: "z-20 w-64";
-        readonly root: "relative flex max-w-full min-w-0 items-center";
-        readonly row: "flex min-w-0 items-stretch gap-0.5";
-        readonly rowLinked: "gap-0";
-        readonly toggle: "group flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm font-medium text-vuno-muted transition-[background-color,color,transform] duration-150 hover:-translate-y-px hover:bg-vuno-surface-1 hover:text-vuno-body focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-vuno-primary disabled:cursor-not-allowed disabled:opacity-50 data-[active=true]:text-vuno-primary motion-reduce:transition-none motion-reduce:hover:translate-y-0";
-        readonly toggleAside: "flex-none justify-center self-stretch rounded-s-none px-2.5";
-        readonly toggleIcon: "size-3.5 shrink-0 rotate-90 text-vuno-subtle transition-transform duration-200 motion-reduce:transition-none";
-        readonly toggleIconOpen: "-rotate-90";
-    };
-}>;

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

@@ -1,27 +0,0 @@
-import { defineTheme } from "#vuno/utils/theme";
-export const navigationMenuTheme = defineTheme("navigationMenu", {
-  slots: {
-    badge: "ms-1 rounded-full bg-vuno-primary/10 px-1.5 py-0.5 text-xs font-bold tracking-wide text-vuno-primary",
-    flyoutControl: "min-h-9 px-2.5 py-2",
-    flyoutIcon: "text-vuno-subtle",
-    flyoutItem: "relative",
-    flyoutList: "gap-0.5 rounded-lg border border-vuno-border bg-vuno-surface-1/95 p-1.5 ring-1 ring-vuno-border/40 backdrop-blur-xl",
-    flyoutRoot: "z-30 w-64",
-    icon: "size-4 shrink-0 text-vuno-subtle transition-colors duration-150 group-data-[active=true]:text-vuno-primary motion-reduce:transition-none",
-    item: "relative flex",
-    label: "block truncate text-start",
-    labelGroup: "min-w-0 flex-1",
-    link: "group relative flex min-w-0 flex-1 items-center gap-2 rounded-md px-3 py-2 text-sm font-medium text-vuno-muted transition-[background-color,color,transform] duration-150 after:absolute after:inset-x-3 after:-bottom-px after:h-0.5 after:origin-center after:scale-x-0 after:rounded-full after:bg-vuno-primary after:transition-transform after:duration-200 hover:-translate-y-px hover:bg-vuno-surface-1 hover:text-vuno-body focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-vuno-primary aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:text-vuno-primary data-[active=true]:after:scale-x-100 motion-reduce:transition-none motion-reduce:after:transition-none motion-reduce:hover:translate-y-0",
-    linkBranch: "rounded-e-none",
-    list: "flex flex-row items-center gap-1",
-    popupList: "gap-0.5 rounded-lg border border-vuno-border bg-vuno-surface-1/95 p-1.5 ring-1 ring-vuno-border/40 backdrop-blur-xl",
-    popupRoot: "z-20 w-64",
-    root: "relative flex max-w-full min-w-0 items-center",
-    row: "flex min-w-0 items-stretch gap-0.5",
-    rowLinked: "gap-0",
-    toggle: "group flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm font-medium text-vuno-muted transition-[background-color,color,transform] duration-150 hover:-translate-y-px hover:bg-vuno-surface-1 hover:text-vuno-body focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-vuno-primary disabled:cursor-not-allowed disabled:opacity-50 data-[active=true]:text-vuno-primary motion-reduce:transition-none motion-reduce:hover:translate-y-0",
-    toggleAside: "flex-none justify-center self-stretch rounded-s-none px-2.5",
-    toggleIcon: "size-3.5 shrink-0 rotate-90 text-vuno-subtle transition-transform duration-200 motion-reduce:transition-none",
-    toggleIconOpen: "-rotate-90"
-  }
-});