@groupteknology/vuno 2.0.0 → 3.0.0

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

@@ -2,9 +2,10 @@
 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";
+import Text from "#vuno/components/Text/Text.vue";
+import { vunoNavigationListInjectionKey } from "./NavigationList.keys";
 defineOptions({ name: "VunoNavigationList", inheritAttrs: false });
 const props = defineProps({
   collapsible: { type: Boolean, required: false, default: true },
@@ -85,20 +86,34 @@ watch(
                             :name="item.icon"
                         />
 
-                        <span :class="ui.labelGroup">
-                            <span :class="ui.label">{{ item.label }}</span>
-                        </span>
+                        <Text
+                            :class="ui.labelGroup"
+                            tag="span"
+                            tone="inherit"
+                            variant="inherit"
+                        >
+                            <Text
+                                :class="ui.label"
+                                tag="span"
+                                tone="inherit"
+                                variant="inherit"
+                                >{{ item.label }}</Text
+                            >
+                        </Text>
 
-                        <span
+                        <Text
                             v-if="item.badge"
                             :class="ui.badge"
-                            >{{ item.badge }}</span
+                            tag="span"
+                            tone="inherit"
+                            variant="inherit"
+                            >{{ item.badge }}</Text
                         >
                     </NuxtLink>
 
                     <!--
                         Una rama sin `to` no navega: el rótulo entero es el botón
-                        de desplegar, porque un `<span>` que despliega al pulsarlo
+                        de desplegar, porque un `<Text tag="span" tone="inherit" variant="inherit">` que despliega al pulsarlo
                         no lo alcanza el teclado.
                     -->
                     <button
@@ -118,9 +133,20 @@ watch(
                                 :name="item.icon"
                             />
 
-                            <span :class="ui.labelGroup">
-                                <span :class="ui.label">{{ item.label }}</span>
-                            </span>
+                            <Text
+                                :class="ui.labelGroup"
+                                tag="span"
+                                tone="inherit"
+                                variant="inherit"
+                            >
+                                <Text
+                                    :class="ui.label"
+                                    tag="span"
+                                    tone="inherit"
+                                    variant="inherit"
+                                    >{{ item.label }}</Text
+                                >
+                            </Text>
                         </template>
 
                         <!--
@@ -128,10 +154,13 @@ watch(
                             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
+                        <Text
                             v-if="item.to"
                             class="sr-only"
-                            >{{ item.label }}</span
+                            tag="span"
+                            tone="inherit"
+                            variant="inherit"
+                            >{{ item.label }}</Text
                         >
 
                         <Icon
@@ -141,10 +170,13 @@ watch(
                     </button>
 
                     <!-- Una rama fija es un rótulo, no un control que finja poder cerrarse. -->
-                    <span
+                    <Text
                         v-else-if="item.children?.length && !item.to"
                         :class="cn(ui.group, props.level >= 2 && ui.groupDeep)"
                         :data-active="isActive(item) || void 0"
+                        tag="span"
+                        tone="inherit"
+                        variant="inherit"
                     >
                         <Icon
                             v-if="item.icon"
@@ -152,16 +184,30 @@ watch(
                             :name="item.icon"
                         />
 
-                        <span :class="ui.labelGroup">
-                            <span :class="ui.label">{{ item.label }}</span>
-                        </span>
+                        <Text
+                            :class="ui.labelGroup"
+                            tag="span"
+                            tone="inherit"
+                            variant="inherit"
+                        >
+                            <Text
+                                :class="ui.label"
+                                tag="span"
+                                tone="inherit"
+                                variant="inherit"
+                                >{{ item.label }}</Text
+                            >
+                        </Text>
 
-                        <span
+                        <Text
                             v-if="item.badge"
                             :class="ui.badge"
-                            >{{ item.badge }}</span
+                            tag="span"
+                            tone="inherit"
+                            variant="inherit"
+                            >{{ item.badge }}</Text
                         >
-                    </span>
+                    </Text>
                 </div>
 
                 <!--

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

@@ -1,37 +1,8 @@
-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">;
+import type { VunoNavigationListProps } from './NavigationList.types.js';
+declare const __VLS_export: import("vue").DefineComponent<VunoNavigationListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VunoNavigationListProps> & Readonly<{}>, {
     collapsible: boolean;
+    path: string;
+    ui: import("../../types/slots.js").VunoUi<"navigationList">;
     level: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -1,28 +1,7 @@
-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<{}>, {
+import type { VunoNavigationMenuProps } from './NavigationMenu.types.js';
+declare const __VLS_export: import("vue").DefineComponent<VunoNavigationMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VunoNavigationMenuProps> & Readonly<{}>, {
     path: string;
-    ui: VunoUi<"navigationMenu">;
+    ui: import("../../types/slots.js").VunoUi<"navigationMenu">;
     level: number;
     flyout: boolean;
     popup: boolean;

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

@@ -0,0 +1,7 @@
+import type { InjectionKey } from 'vue';
+/** Cierres diferidos compartidos por todos los paneles del menú. */
+export declare const vunoNavigationMenuCloseInjectionKey: InjectionKey<Set<ReturnType<typeof setTimeout>>>;
+/** Ramas abiertas compartidas por todos los niveles del menú flotante. */
+export declare const vunoNavigationMenuOpenInjectionKey: InjectionKey<Set<string>>;
+/** Ramas fijadas por clic: no se cierran al abandonar el disparador. */
+export declare const vunoNavigationMenuPinnedInjectionKey: InjectionKey<Set<string>>;

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

@@ -0,0 +1,3 @@
+export const vunoNavigationMenuCloseInjectionKey = Symbol("vuno-navigation-menu-close");
+export const vunoNavigationMenuOpenInjectionKey = Symbol("vuno-navigation-menu-open");
+export const vunoNavigationMenuPinnedInjectionKey = Symbol("vuno-navigation-menu-pinned");

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

@@ -0,0 +1,10 @@
+import type { VunoNavigationItem } from '#vuno/types/page';
+import type { VunoUi } from '#vuno/types/slots';
+export type VunoNavigationMenuProps = {
+    flyout?: boolean;
+    items: VunoNavigationItem[];
+    level?: number;
+    path?: string;
+    popup?: boolean;
+    ui?: VunoUi<'navigationMenu'>;
+};

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

@@ -3,9 +3,10 @@ import { inject, nextTick, onBeforeUnmount, provide, reactive, ref, useId, watch
 import { useRoute } from "#imports";
 import { useVunoAnchor } from "#vuno/composables/internal/useVunoAnchor";
 import { useIcons, useTheme } from "#vuno/composables/useTheme";
-import { vunoNavigationMenuCloseInjectionKey, vunoNavigationMenuOpenInjectionKey, vunoNavigationMenuPinnedInjectionKey } from "#vuno/internal/keys";
 import { cn } from "#vuno/utils/theme";
 import Icon from "#vuno/components/Icon/Icon.vue";
+import Text from "#vuno/components/Text/Text.vue";
+import { vunoNavigationMenuCloseInjectionKey, vunoNavigationMenuOpenInjectionKey, vunoNavigationMenuPinnedInjectionKey } from "./NavigationMenu.keys";
 defineOptions({ name: "VunoNavigationMenu", inheritAttrs: false });
 const props = defineProps({
   flyout: { type: Boolean, required: false, default: false },
@@ -165,14 +166,28 @@ onBeforeUnmount(() => {
                             :name="item.icon"
                         />
 
-                        <span :class="ui.labelGroup">
-                            <span :class="ui.label">{{ item.label }}</span>
-                        </span>
+                        <Text
+                            :class="ui.labelGroup"
+                            tag="span"
+                            tone="inherit"
+                            variant="inherit"
+                        >
+                            <Text
+                                :class="ui.label"
+                                tag="span"
+                                tone="inherit"
+                                variant="inherit"
+                                >{{ item.label }}</Text
+                            >
+                        </Text>
 
-                        <span
+                        <Text
                             v-if="item.badge"
                             :class="ui.badge"
-                            >{{ item.badge }}</span
+                            tag="span"
+                            tone="inherit"
+                            variant="inherit"
+                            >{{ item.badge }}</Text
                         >
                     </NuxtLink>
 
@@ -193,21 +208,38 @@ onBeforeUnmount(() => {
                                 :name="item.icon"
                             />
 
-                            <span :class="ui.labelGroup">
-                                <span :class="ui.label">{{ item.label }}</span>
-                            </span>
+                            <Text
+                                :class="ui.labelGroup"
+                                tag="span"
+                                tone="inherit"
+                                variant="inherit"
+                            >
+                                <Text
+                                    :class="ui.label"
+                                    tag="span"
+                                    tone="inherit"
+                                    variant="inherit"
+                                    >{{ item.label }}</Text
+                                >
+                            </Text>
 
-                            <span
+                            <Text
                                 v-if="item.badge"
                                 :class="ui.badge"
-                                >{{ item.badge }}</span
+                                tag="span"
+                                tone="inherit"
+                                variant="inherit"
+                                >{{ item.badge }}</Text
                             >
                         </template>
 
-                        <span
+                        <Text
                             v-if="item.to"
                             class="sr-only"
-                            >{{ item.label }}</span
+                            tag="span"
+                            tone="inherit"
+                            variant="inherit"
+                            >{{ item.label }}</Text
                         >
 
                         <Icon

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

@@ -1,28 +1,7 @@
-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<{}>, {
+import type { VunoNavigationMenuProps } from './NavigationMenu.types.js';
+declare const __VLS_export: import("vue").DefineComponent<VunoNavigationMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VunoNavigationMenuProps> & Readonly<{}>, {
     path: string;
-    ui: VunoUi<"navigationMenu">;
+    ui: import("../../types/slots.js").VunoUi<"navigationMenu">;
     level: number;
     flyout: boolean;
     popup: boolean;

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

@@ -1,14 +1,7 @@
-import type { VunoNavigationTocItem } from '#vuno/types/page';
-import type { VunoUi } from '#vuno/types/slots';
-type Props = {
-    items: VunoNavigationTocItem[];
-    /** Sustituye el título visible y el nombre accesible de la navegación. */
-    label?: string;
-    ui?: VunoUi<'navigationToc'>;
-};
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+import type { VunoNavigationTocProps } from './NavigationToc.types.js';
+declare const __VLS_export: import("vue").DefineComponent<VunoNavigationTocProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VunoNavigationTocProps> & Readonly<{}>, {
     label: string;
-    ui: VunoUi<"navigationToc">;
+    ui: import("../../types/slots.js").VunoUi<"navigationToc">;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -0,0 +1,7 @@
+import type { VunoNavigationTocItem } from '#vuno/types/page';
+import type { VunoUi } from '#vuno/types/slots';
+export type VunoNavigationTocProps = {
+    items: VunoNavigationTocItem[];
+    label?: string;
+    ui?: VunoUi<'navigationToc'>;
+};

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

@@ -1,6 +1,7 @@
 <script setup>
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { useMessages, useTheme } from "#vuno/composables/useTheme";
+import Text from "#vuno/components/Text/Text.vue";
 defineOptions({ name: "VunoNavigationToc" });
 const props = defineProps({
   items: { type: Array, required: true },
@@ -61,7 +62,13 @@ onBeforeUnmount(() => observer?.disconnect());
         :aria-label="title"
         :class="ui.root"
     >
-        <span :class="ui.title">{{ title }}</span>
+        <Text
+            :class="ui.title"
+            tag="span"
+            tone="inherit"
+            variant="inherit"
+            >{{ title }}</Text
+        >
 
         <ul :class="ui.list">
             <li

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

@@ -1,14 +1,7 @@
-import type { VunoNavigationTocItem } from '#vuno/types/page';
-import type { VunoUi } from '#vuno/types/slots';
-type Props = {
-    items: VunoNavigationTocItem[];
-    /** Sustituye el título visible y el nombre accesible de la navegación. */
-    label?: string;
-    ui?: VunoUi<'navigationToc'>;
-};
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+import type { VunoNavigationTocProps } from './NavigationToc.types.js';
+declare const __VLS_export: import("vue").DefineComponent<VunoNavigationTocProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VunoNavigationTocProps> & Readonly<{}>, {
     label: string;
-    ui: VunoUi<"navigationToc">;
+    ui: import("../../types/slots.js").VunoUi<"navigationToc">;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,32 +1,14 @@
-import type { VunoSize } from '#vuno/types/base';
-import type { VunoUi } from '#vuno/types/slots';
-/**
- * El paginador.
- *
- * Qué números se enseñan y dónde van los saltos lo decide `getPageItems`,
- * que es lógica pura y vive en `utils/` con sus pruebas: es la parte que se
- * equivoca en los extremos y en el caso de pocas páginas, y ahí un test
- * vale más que mirar la pantalla.
- */
-type Props = {
-    page?: number;
-    pageSize?: number;
-    /** Cuántas páginas se enseñan a cada lado de la actual. */
-    siblings?: number;
-    size?: VunoSize;
-    total?: number;
-    ui?: VunoUi<'pagination'>;
-};
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import type { VunoPaginationProps } from './Pagination.types.js';
+declare const __VLS_export: import("vue").DefineComponent<VunoPaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:page": (page: number) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<VunoPaginationProps> & Readonly<{
     "onUpdate:page"?: ((page: number) => any) | undefined;
 }>, {
+    size: import("./Pagination.types.js").VunoPaginationSize;
     page: number;
-    size: VunoSize;
     pageSize: number;
     total: number;
-    ui: VunoUi<"pagination">;
+    ui: import("../../types/slots.js").VunoUi<"pagination">;
     siblings: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -0,0 +1,11 @@
+import type { VunoSize } from '#vuno/types/base';
+import type { VunoUi } from '#vuno/types/slots';
+export type VunoPaginationSize = Extract<VunoSize, 'lg' | 'md' | 'sm' | 'xl' | 'xs'>;
+export type VunoPaginationProps = {
+    page?: number;
+    pageSize?: number;
+    siblings?: number;
+    size?: VunoPaginationSize;
+    total?: number;
+    ui?: VunoUi<'pagination'>;
+};

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

@@ -3,6 +3,7 @@ import { computed } from "vue";
 import { useIcons, useMessages, useTheme } from "#vuno/composables/useTheme";
 import { getPageCount, getPageItems } from "#vuno/utils/pagination";
 import Button from "#vuno/components/Button/Button.vue";
+import Text from "#vuno/components/Text/Text.vue";
 defineOptions({ name: "VunoPagination" });
 const props = defineProps({
   page: { type: Number, required: false, default: 1 },
@@ -77,11 +78,14 @@ function goTo(page) {
                     «puntos suspensivos» entre dos números no informa de nada, y
                     el recorrido a saltos ya se entiende por los números que hay.
                 -->
-                <span
+                <Text
                     v-if="item === 'gap'"
                     aria-hidden="true"
                     :class="ui.gap"
-                    >…</span
+                    tag="span"
+                    tone="inherit"
+                    variant="inherit"
+                    >…</Text
                 >
 
                 <!--

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

@@ -1,32 +1,14 @@
-import type { VunoSize } from '#vuno/types/base';
-import type { VunoUi } from '#vuno/types/slots';
-/**
- * El paginador.
- *
- * Qué números se enseñan y dónde van los saltos lo decide `getPageItems`,
- * que es lógica pura y vive en `utils/` con sus pruebas: es la parte que se
- * equivoca en los extremos y en el caso de pocas páginas, y ahí un test
- * vale más que mirar la pantalla.
- */
-type Props = {
-    page?: number;
-    pageSize?: number;
-    /** Cuántas páginas se enseñan a cada lado de la actual. */
-    siblings?: number;
-    size?: VunoSize;
-    total?: number;
-    ui?: VunoUi<'pagination'>;
-};
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import type { VunoPaginationProps } from './Pagination.types.js';
+declare const __VLS_export: import("vue").DefineComponent<VunoPaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:page": (page: number) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<VunoPaginationProps> & Readonly<{
     "onUpdate:page"?: ((page: number) => any) | undefined;
 }>, {
+    size: import("./Pagination.types.js").VunoPaginationSize;
     page: number;
-    size: VunoSize;
     pageSize: number;
     total: number;
-    ui: VunoUi<"pagination">;
+    ui: import("../../types/slots.js").VunoUi<"pagination">;
     siblings: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -1,14 +1,5 @@
-import type { VunoSlideoverSize } from '#vuno/types/base';
-import type { VunoUi } from '#vuno/types/slots';
-type Props = {
-    description?: string;
-    dismissible?: boolean;
-    position?: 'end' | 'start';
-    size?: VunoSlideoverSize;
-    title?: string;
-    ui?: VunoUi<'slideover'>;
-};
-type __VLS_Props = Props;
+import type { VunoSlideoverProps } from './Slideover.types.js';
+type __VLS_Props = VunoSlideoverProps;
 type __VLS_Slots = {
     body?: () => unknown;
     default?: () => unknown;
@@ -28,9 +19,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 }>, {
     description: string;
     title: string;
-    size: VunoSlideoverSize;
+    size: import("./Slideover.types.js").VunoSlideoverSize;
     position: "end" | "start";
-    ui: VunoUi<"slideover">;
+    ui: import("../../types/slots.js").VunoUi<"slideover">;
     dismissible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -0,0 +1,12 @@
+import type { VunoSize } from '#vuno/types/base';
+import type { VunoUi } from '#vuno/types/slots';
+/** Anchos que admite un panel lateral, derivados de la escala global. */
+export type VunoSlideoverSize = Extract<VunoSize, 'lg' | 'md' | 'sm' | 'xl'>;
+export type VunoSlideoverProps = {
+    description?: string;
+    dismissible?: boolean;
+    position?: 'end' | 'start';
+    size?: VunoSlideoverSize;
+    title?: string;
+    ui?: VunoUi<'slideover'>;
+};

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

@@ -1,14 +1,5 @@
-import type { VunoSlideoverSize } from '#vuno/types/base';
-import type { VunoUi } from '#vuno/types/slots';
-type Props = {
-    description?: string;
-    dismissible?: boolean;
-    position?: 'end' | 'start';
-    size?: VunoSlideoverSize;
-    title?: string;
-    ui?: VunoUi<'slideover'>;
-};
-type __VLS_Props = Props;
+import type { VunoSlideoverProps } from './Slideover.types.js';
+type __VLS_Props = VunoSlideoverProps;
 type __VLS_Slots = {
     body?: () => unknown;
     default?: () => unknown;
@@ -28,9 +19,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 }>, {
     description: string;
     title: string;
-    size: VunoSlideoverSize;
+    size: import("./Slideover.types.js").VunoSlideoverSize;
     position: "end" | "start";
-    ui: VunoUi<"slideover">;
+    ui: import("../../types/slots.js").VunoUi<"slideover">;
     dismissible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;