@groupteknology/vuno 1.0.1 → 3.0.0

package/dist/runtime/app/components/forms/fields/FieldSwitch.vue

@@ -1,29 +0,0 @@
-<script setup>
-import Switch from "#vuno/components/forms/Switch.vue";
-import { useField } from "#vuno/composables/useField";
-import { useTheme } from "#vuno/composables/useTheme";
-const props = defineProps({
-  name: { type: String, required: true },
-  description: { type: String, required: false },
-  disabled: { type: Boolean, required: false },
-  help: { type: String, required: false },
-  hint: { type: String, required: false },
-  label: { type: String, required: false },
-  required: { type: Boolean, required: false },
-  size: { type: String, required: false },
-  ui: { type: Object, required: false }
-});
-const { value } = useField(() => props.name);
-const ui = useTheme("fieldSwitch", () => props.ui);
-</script>
-
-<template>
-    <Switch
-        v-model="value"
-        :disabled="props.disabled"
-        :name="props.name"
-        :required="props.required"
-        :size="props.size"
-        :ui="ui"
-    />
-</template>

package/dist/runtime/app/components/forms/fields/FieldSwitch.vue.d.ts

@@ -1,5 +0,0 @@
-import type { VunoFieldSwitch } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldSwitch, 'class' | 'columns'>;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/components/forms/fields/FieldText.d.vue.ts

@@ -1,5 +0,0 @@
-import type { VunoFieldText } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldText, 'class' | 'columns'>;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/components/forms/fields/FieldText.vue

@@ -1,39 +0,0 @@
-<script setup>
-import { useField } from "#vuno/composables/useField";
-import { useTheme } from "#vuno/composables/useTheme";
-import Input from "#vuno/components/forms/Input.vue";
-const props = defineProps({
-  name: { type: String, required: true },
-  description: { type: String, required: false },
-  disabled: { type: Boolean, required: false },
-  help: { type: String, required: false },
-  hint: { type: String, required: false },
-  label: { type: String, required: false },
-  required: { type: Boolean, required: false },
-  size: { type: String, required: false },
-  ui: { type: Object, required: false },
-  autocomplete: { type: String, required: false },
-  autofocus: { type: Boolean, required: false },
-  icon: { type: String, required: false },
-  maxlength: { type: Number, required: false },
-  placeholder: { type: String, required: false }
-});
-const { value } = useField(() => props.name);
-const ui = useTheme("fieldText", () => props.ui);
-</script>
-
-<template>
-    <Input
-        v-model="value"
-        :autocomplete="props.autocomplete"
-        :autofocus="props.autofocus"
-        :disabled="props.disabled"
-        :icon="props.icon"
-        :maxlength="props.maxlength"
-        :name="props.name"
-        :placeholder="props.placeholder"
-        :required="props.required"
-        :size="props.size"
-        :ui="ui"
-    />
-</template>

package/dist/runtime/app/components/forms/fields/FieldText.vue.d.ts

@@ -1,5 +0,0 @@
-import type { VunoFieldText } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldText, 'class' | 'columns'>;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/components/forms/fields/FieldTextarea.vue

@@ -1,37 +0,0 @@
-<script setup>
-import { useField } from "#vuno/composables/useField";
-import { useTheme } from "#vuno/composables/useTheme";
-import Textarea from "#vuno/components/forms/Textarea.vue";
-const props = defineProps({
-  name: { type: String, required: true },
-  description: { type: String, required: false },
-  disabled: { type: Boolean, required: false },
-  help: { type: String, required: false },
-  hint: { type: String, required: false },
-  label: { type: String, required: false },
-  required: { type: Boolean, required: false },
-  size: { type: String, required: false },
-  ui: { type: Object, required: false },
-  autoresize: { type: Boolean, required: false, default: true },
-  maxrows: { type: Number, required: false },
-  placeholder: { type: String, required: false },
-  rows: { type: Number, required: false }
-});
-const { value } = useField(() => props.name);
-const ui = useTheme("fieldTextarea", () => props.ui);
-</script>
-
-<template>
-    <Textarea
-        v-model="value"
-        :autoresize="props.autoresize"
-        :disabled="props.disabled"
-        :maxrows="props.maxrows"
-        :name="props.name"
-        :placeholder="props.placeholder"
-        :required="props.required"
-        :rows="props.rows"
-        :size="props.size"
-        :ui="ui"
-    />
-</template>

package/dist/runtime/app/components/layouts/dashboard/DashboardAside.d.vue.ts

@@ -1,56 +0,0 @@
-import type { VunoSlots } from '#vuno/types/base';
-/**
- * La columna lateral del dashboard, que es dos cosas según el ancho.
- *
- * Mientras hay sitio es una columna más de la rejilla y se pliega a un raíl
- * de iconos. Cuando no lo hay se convierte en un cajón que entra por encima
- * del contenido, con un velo detrás que lo cierra al tocarlo.
- *
- * **Las dos son el mismo elemento y no dos copias.** Escrito como dos ramas
- * —una para móvil y otra para escritorio— lo que hay dentro se monta dos
- * veces: dos `VNavigation` con dos estados, y el que se ve no es
- * necesariamente el que recuerda por dónde ibas. Aquí lo que cambia es la
- * geometría, que sale del tema, y el contenido es uno solo.
- */
-/**
- * El `id` se declara como prop en vez de dejarlo caer por `$attrs`.
- *
- * Este componente tiene **dos raíces** —el velo y la columna— así que Vue no
- * hereda los atributos a ninguna: no avisa, no falla, y el `id` simplemente
- * no aparece. Se vio porque el `aria-controls` del botón apuntaba a un
- * elemento que no existía, o sea un botón que dice mandar sobre algo y no
- * manda sobre nada. Declarado, se pone donde tiene que ir.
- */
-type __VLS_Props = {
-    id?: string;
-    /** Encoge la columna al raíl de iconos. Solo tiene efecto en escritorio. */
-    collapsed?: boolean;
-    ui?: VunoSlots;
-};
-type __VLS_ModelProps = {
-    'open'?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-    floating: import("vue").Ref<boolean, boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {
-    id: string;
-    collapsed: boolean;
-    ui: VunoSlots;
-}, {}, {}, {}, 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/layouts/dashboard/DashboardAside.vue

@@ -1,96 +0,0 @@
-<script setup>
-import { gsap } from "gsap";
-import { useEventListener, usePreferredReducedMotion } from "@vueuse/core";
-import { nextTick, onMounted, ref, useTemplateRef, watch } from "vue";
-import { useTheme } from "#vuno/composables/useTheme";
-const props = defineProps({
-  id: { type: String, required: false, default: void 0 },
-  collapsed: { type: Boolean, required: false, default: false },
-  ui: { type: Object, required: false, default: void 0 }
-});
-const open = defineModel("open", { type: Boolean, ...{ default: false } });
-const ui = useTheme(
-  "layoutDashboard",
-  () => props.ui,
-  () => ({ collapsed: String(props.collapsed), open: String(open.value) })
-);
-const aside = useTemplateRef("aside");
-const backdrop = useTemplateRef("backdrop");
-const DURATION = 0.25;
-const reducedMotion = usePreferredReducedMotion();
-function duration() {
-  return reducedMotion.value === "reduce" ? 0 : DURATION;
-}
-async function animateFrom(before) {
-  await nextTick();
-  const element = aside.value;
-  if (!element) return;
-  const after = element.getBoundingClientRect();
-  gsap.from(element, {
-    clearProps: "width,transform",
-    duration: duration(),
-    ease: "power2.out",
-    width: before.width,
-    x: before.left - after.left
-  });
-}
-watch(
-  [open, () => props.collapsed],
-  () => {
-    const element = aside.value;
-    if (!element) return;
-    void animateFrom(element.getBoundingClientRect());
-  },
-  { flush: "pre" }
-);
-const inert = ref(false);
-function floats() {
-  const root = aside.value?.parentElement;
-  return !!root && globalThis.getComputedStyle?.(root).paddingLeft === "0px";
-}
-const floating = ref(false);
-function syncInert() {
-  floating.value = floats();
-  inert.value = !open.value && floating.value;
-}
-defineExpose({ floating });
-onMounted(syncInert);
-useEventListener("resize", syncInert);
-watch(open, syncInert, { flush: "post" });
-watch(open, async (isOpen) => {
-  if (!isOpen) return;
-  await nextTick();
-  if (backdrop.value) gsap.from(backdrop.value, { duration: duration(), ease: "power2.out", opacity: 0 });
-  aside.value?.focus();
-});
-</script>
-
-<template>
-    <!--
-        El velo solo existe mientras el cajón está abierto, y solo se ve donde
-        el cajón flota: en escritorio la columna ocupa su sitio y no tapa nada,
-        así que un velo ahí oscurecería la pantalla sin motivo.
-
-        Es un `div` y no un botón porque no es una acción que se anuncie: quien
-        va con teclado cierra con Escape, que es lo que esperan sus dedos, y a
-        quien va con ratón le sobra saber que el fondo es pulsable. Por eso
-        también queda fuera del recorrido del tabulador.
-    -->
-    <div
-        v-if="open"
-        ref="backdrop"
-        aria-hidden="true"
-        :class="ui.backdrop"
-        @click="open = false"
-    />
-
-    <aside
-        :id="props.id"
-        ref="aside"
-        :class="ui.aside"
-        :inert="inert"
-        tabindex="-1"
-    >
-        <slot />
-    </aside>
-</template>

package/dist/runtime/app/components/layouts/dashboard/DashboardAside.vue.d.ts

@@ -1,56 +0,0 @@
-import type { VunoSlots } from '#vuno/types/base';
-/**
- * La columna lateral del dashboard, que es dos cosas según el ancho.
- *
- * Mientras hay sitio es una columna más de la rejilla y se pliega a un raíl
- * de iconos. Cuando no lo hay se convierte en un cajón que entra por encima
- * del contenido, con un velo detrás que lo cierra al tocarlo.
- *
- * **Las dos son el mismo elemento y no dos copias.** Escrito como dos ramas
- * —una para móvil y otra para escritorio— lo que hay dentro se monta dos
- * veces: dos `VNavigation` con dos estados, y el que se ve no es
- * necesariamente el que recuerda por dónde ibas. Aquí lo que cambia es la
- * geometría, que sale del tema, y el contenido es uno solo.
- */
-/**
- * El `id` se declara como prop en vez de dejarlo caer por `$attrs`.
- *
- * Este componente tiene **dos raíces** —el velo y la columna— así que Vue no
- * hereda los atributos a ninguna: no avisa, no falla, y el `id` simplemente
- * no aparece. Se vio porque el `aria-controls` del botón apuntaba a un
- * elemento que no existía, o sea un botón que dice mandar sobre algo y no
- * manda sobre nada. Declarado, se pone donde tiene que ir.
- */
-type __VLS_Props = {
-    id?: string;
-    /** Encoge la columna al raíl de iconos. Solo tiene efecto en escritorio. */
-    collapsed?: boolean;
-    ui?: VunoSlots;
-};
-type __VLS_ModelProps = {
-    'open'?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-    floating: import("vue").Ref<boolean, boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {
-    id: string;
-    collapsed: boolean;
-    ui: VunoSlots;
-}, {}, {}, {}, 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/layouts/dashboard/DashboardLayout.d.vue.ts

@@ -1,57 +0,0 @@
-import type { VunoSlots } from '#vuno/types/base';
-/**
- * El esqueleto de una aplicación: barra arriba, columna lateral y contenido.
- *
- * **La columna y la barra flotan, y el contenido reserva su sitio con
- * relleno.** Las dos están fuera del flujo, así que se quedan quietas
- * mientras la página se desplaza por debajo, y el contenido se aparta con
- * `pt` y `pl` en vez de repartirse en una rejilla.
- *
- * O sea que **lo que se desplaza es el documento entero**, no cada región
- * por su cuenta. Es lo que hace falta cuando la pantalla tiene que
- * comportarse como una página: el navegador recuerda dónde estabas al
- * volver, su buscador llega a todo lo que hay debajo y un ancla lleva a
- * donde dice.
- *
- * El precio, dicho para que nadie lo descubra a golpes: dentro de `main` un
- * `h-full` no significa nada, porque `main` no tiene alto propio. Lo que
- * necesite medirse toma el viewport menos la barra, y por eso ese alto vive
- * en `--dashboard-navbar-height` y no escrito a mano en cada sitio.
- */
-type __VLS_Props = {
-    ui?: VunoSlots;
-};
-type __VLS_Slots = {
-    /** La columna lateral, normalmente un `VNavigation`. */
-    aside?: () => unknown;
-    default?: () => unknown;
-    /** La barra de arriba, a todo lo ancho que le deja la columna. */
-    navbar?: () => unknown;
-    /** Un panel a la derecha: detalle, filtros, ayuda. */
-    panel?: () => unknown;
-};
-type __VLS_ModelProps = {
-    /**
-         * Plegada la columna, que es lo que decide si ocupa sitio en escritorio.
-         *
-         * Va como modelo para que la aplicación pueda recordar la preferencia entre
-         * pantallas, que es lo que espera quien la pliega una vez.
-         */
-    'collapsed'?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:collapsed": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
-}>, {
-    ui: VunoSlots;
-}, {}, {}, {}, 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/layouts/dashboard/DashboardLayout.vue

@@ -1,164 +0,0 @@
-<script setup>
-import { computed, nextTick, provide, ref, useId, useTemplateRef, watch } from "vue";
-import Button from "#vuno/components/actions/Button.vue";
-import { useIcons, useMessages, useTheme } from "#vuno/composables/useTheme";
-import { filled } from "#vuno/internal/slots";
-import DashboardAside from "./DashboardAside.vue";
-import { vunoDashboardInjectionKey } from "#vuno/internal/keys";
-import Navbar from "../../structure/Navbar.vue";
-const props = defineProps({
-  ui: { type: Object, required: false, default: void 0 }
-});
-const collapsed = defineModel("collapsed", { type: Boolean, ...{ default: false } });
-const slots = defineSlots();
-const icons = useIcons();
-const messages = useMessages();
-const open = ref(false);
-const ui = useTheme(
-  "layoutDashboard",
-  () => props.ui,
-  () => ({ collapsed: String(collapsed.value), open: String(open.value) })
-);
-const mainId = useId();
-const asideId = useId();
-const skippable = computed(() => filled(slots.navbar) || filled(slots.aside));
-const asideRef = useTemplateRef("asideRef");
-const behind = computed(() => open.value && (asideRef.value?.floating ?? false));
-const drawerButton = useTemplateRef("drawerButton");
-watch(open, async (isOpen) => {
-  if (isOpen) return;
-  await nextTick();
-  drawerButton.value?.$el?.focus?.();
-});
-const onKeydown = (event) => {
-  if (event.key !== "Escape" || !open.value) return;
-  event.stopPropagation();
-  open.value = false;
-};
-const title = ref("");
-function setTitle(value) {
-  title.value = value || "";
-}
-provide(vunoDashboardInjectionKey, { setTitle });
-</script>
-
-<template>
-    <div
-        :class="ui.root"
-        @keydown="onKeydown"
-    >
-        <a
-            v-if="skippable"
-            :class="ui.skip"
-            :href="`#${mainId}`"
-            :inert="behind"
-            >{{ messages.skipToContent }}</a
-        >
-
-        <!--
-            La barra es un `<header>` que **contiene** un `VNavbar`, y cada uno
-            hace una cosa: el `<header>` se clava arriba, se pinta y reserva su
-            alto; la barra reparte lo que va dentro en tres regiones.
-
-            Aquí había un comentario diciendo que esto no podía ser un `<nav>`
-            porque la columna de al lado ya tiene uno y dos regiones de
-            navegación sin nombre no se distinguen. Sigue siendo cierto lo
-            segundo y ya no aplica lo primero: `VNavbar` **lleva nombre**, así
-            que las dos se anuncian distintas.
-        -->
-        <header :class="ui.navbar">
-            <Navbar>
-                <template #left>
-                    <!--
-                        Dos botones y no uno que cambie de significado según el
-                        ancho. Cuál se ve lo decide el CSS, así que no hace falta
-                        preguntarle al navegador por su tamaño —ni acertar con
-                        ello en el servidor, que es de donde salen los desajustes
-                        de hidratación—. Y cada uno dice lo que hace: en móvil se
-                        abre un cajón y en escritorio se pliega una columna, que
-                        no es lo mismo.
-                    -->
-                    <Button
-                        v-if="filled(slots.aside)"
-                        ref="drawerButton"
-                        :aria-controls="asideId"
-                        :aria-expanded="open"
-                        :aria-label="messages.asideToggle"
-                        color="neutral"
-                        :icon="icons.asideToggle"
-                        :ui="{ base: ui.toggleDrawer }"
-                        variant="ghost"
-                        @click="open = !open"
-                    />
-
-                    <Button
-                        v-if="filled(slots.aside)"
-                        :aria-controls="asideId"
-                        :aria-expanded="!collapsed"
-                        :aria-label="messages.asideCollapse"
-                        color="neutral"
-                        :icon="icons.asideToggle"
-                        :ui="{ base: ui.toggleRail }"
-                        variant="ghost"
-                        @click="collapsed = !collapsed"
-                    />
-
-                    <span
-                        v-if="title"
-                        :class="ui.title"
-                        >{{ title }}</span
-                    >
-                </template>
-
-                <!--
-                    Lo que el proyecto pone en la barra sí se aparta con el cajón
-                    abierto; los dos mandos de la columna **no**, porque son
-                    suyos: el de abrir es también el de cerrar, y marcarlo inerte
-                    dejaría el cajón sin la única parada de teclado que lo cierra.
-                    Es la misma excepción que el velo, y por el mismo motivo.
-
-                    El envoltorio es `contents` para que no sea una caja: los
-                    hijos del slot siguen siendo elementos de la región y su
-                    reparto no cambia. `inert` no es una propiedad de pintado,
-                    así que se aplica igual sobre algo que no pinta.
-                -->
-                <template #right>
-                    <div
-                        class="contents"
-                        :inert="behind"
-                    >
-                        <slot name="navbar" />
-                    </div>
-                </template>
-            </Navbar>
-        </header>
-
-        <DashboardAside
-            v-if="filled(slots.aside)"
-            :id="asideId"
-            ref="asideRef"
-            v-model:open="open"
-            :collapsed="collapsed"
-            :ui="props.ui"
-        >
-            <slot name="aside" />
-        </DashboardAside>
-
-        <main
-            :id="mainId"
-            :class="ui.main"
-            :inert="behind"
-            tabindex="-1"
-        >
-            <slot />
-        </main>
-
-        <aside
-            v-if="filled(slots.panel)"
-            :class="ui.panel"
-            :inert="behind"
-        >
-            <slot name="panel" />
-        </aside>
-    </div>
-</template>

package/dist/runtime/app/components/layouts/dashboard/DashboardLayout.vue.d.ts

@@ -1,57 +0,0 @@
-import type { VunoSlots } from '#vuno/types/base';
-/**
- * El esqueleto de una aplicación: barra arriba, columna lateral y contenido.
- *
- * **La columna y la barra flotan, y el contenido reserva su sitio con
- * relleno.** Las dos están fuera del flujo, así que se quedan quietas
- * mientras la página se desplaza por debajo, y el contenido se aparta con
- * `pt` y `pl` en vez de repartirse en una rejilla.
- *
- * O sea que **lo que se desplaza es el documento entero**, no cada región
- * por su cuenta. Es lo que hace falta cuando la pantalla tiene que
- * comportarse como una página: el navegador recuerda dónde estabas al
- * volver, su buscador llega a todo lo que hay debajo y un ancla lleva a
- * donde dice.
- *
- * El precio, dicho para que nadie lo descubra a golpes: dentro de `main` un
- * `h-full` no significa nada, porque `main` no tiene alto propio. Lo que
- * necesite medirse toma el viewport menos la barra, y por eso ese alto vive
- * en `--dashboard-navbar-height` y no escrito a mano en cada sitio.
- */
-type __VLS_Props = {
-    ui?: VunoSlots;
-};
-type __VLS_Slots = {
-    /** La columna lateral, normalmente un `VNavigation`. */
-    aside?: () => unknown;
-    default?: () => unknown;
-    /** La barra de arriba, a todo lo ancho que le deja la columna. */
-    navbar?: () => unknown;
-    /** Un panel a la derecha: detalle, filtros, ayuda. */
-    panel?: () => unknown;
-};
-type __VLS_ModelProps = {
-    /**
-         * Plegada la columna, que es lo que decide si ocupa sitio en escritorio.
-         *
-         * Va como modelo para que la aplicación pueda recordar la preferencia entre
-         * pantallas, que es lo que espera quien la pliega una vez.
-         */
-    'collapsed'?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:collapsed": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
-}>, {
-    ui: VunoSlots;
-}, {}, {}, {}, 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/layouts/dashboard/DashboardPage.d.vue.ts

@@ -1,49 +0,0 @@
-import type { VunoHeadingLevel, VunoSlots } from '#vuno/types/base';
-/**
- * Una pantalla dentro del dashboard: cabecera fija y cuerpo que se desplaza.
- *
- * Existe por lo mismo que el layout mide `dvh`: para que el alto siga
- * significando algo un nivel más abajo. El layout deja el contenido en una
- * región de alto conocido, y esto lo reparte en dos —lo que se queda y lo
- * que rueda—, de modo que una tabla de dentro puede decir `h-full` y llenar
- * lo que le toca en vez de empujar la página hacia abajo.
- *
- * Sin esto, cada pantalla vuelve a inventarse el mismo `flex` con el mismo
- * `min-h-0`, y **el que se olvida del `min-h-0` no se entera**: un item de
- * flex no encoge por debajo de su contenido, así que la cabecera se va
- * scrolleando con la tabla y parece un fallo de la tabla.
- */
-type __VLS_Props = {
-    /**
-     * El nivel del título. `1` por defecto, que es lo correcto cuando
-     * esto **es** la pantalla del dashboard.
-     *
-     * Se baja cuando no lo es, y el caso que lo hizo falta es el
-     * catálogo: dos instancias embebidas en una ficha que ya tiene su
-     * `h1` dejaban tres `h1` en la misma página. El aspecto no cambia
-     * —el tamaño y el peso los pone `ui.title`, no la etiqueta—, que es
-     * justo lo que hace que este defecto no se vea; se oye.
-     */
-    level?: VunoHeadingLevel;
-    /** El título de la pantalla. Sin él, la cabecera solo sale si hay acciones. */
-    title?: string;
-    ui?: VunoSlots;
-};
-type __VLS_Slots = {
-    /** A la derecha de la cabecera: crear, exportar, filtrar. */
-    actions?: () => unknown;
-    default?: () => unknown;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    title: string;
-    ui: VunoSlots;
-    level: VunoHeadingLevel;
-}, {}, {}, {}, 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;
-    };
-};