@groupteknology/vuno 1.0.0 → 2.0.0

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

@@ -0,0 +1,81 @@
+<script setup>
+import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from "vue";
+import { useMessages, useTheme } from "#vuno/composables/useTheme";
+defineOptions({ name: "VunoNavigationToc" });
+const props = defineProps({
+  items: { type: Array, required: true },
+  label: { type: String, required: false, default: void 0 },
+  ui: { type: Object, required: false, default: void 0 }
+});
+const messages = useMessages();
+const ui = useTheme("navigationToc", () => props.ui);
+const active = ref("");
+const title = computed(() => props.label ?? messages.value.documentToc);
+const BAND = 100;
+let observer;
+let targets = [];
+function targetId(to) {
+  if (!to.startsWith("#")) return;
+  try {
+    return decodeURIComponent(to.slice(1));
+  } catch {
+    return to.slice(1);
+  }
+}
+function sync() {
+  let current = targets[0]?.item.to ?? "";
+  for (const target of targets) {
+    if (target.element.getBoundingClientRect().top > BAND) break;
+    current = target.item.to;
+  }
+  active.value = current;
+}
+function observe() {
+  observer?.disconnect();
+  targets = props.items.flatMap((item) => {
+    const id = targetId(item.to);
+    const element = id ? document.getElementById(id) : null;
+    return element ? [{ element, item }] : [];
+  });
+  if (targets.length === 0) {
+    active.value = "";
+    return;
+  }
+  sync();
+  if (typeof IntersectionObserver === "undefined") return;
+  observer = new IntersectionObserver(sync, { rootMargin: `-${BAND}px 0px 0px 0px` });
+  for (const target of targets) observer.observe(target.element);
+}
+watch(
+  () => props.items,
+  () => void nextTick(observe),
+  { deep: true }
+);
+onMounted(() => void nextTick(observe));
+onBeforeUnmount(() => observer?.disconnect());
+</script>
+
+<template>
+    <nav
+        v-if="items.length > 0"
+        :aria-label="title"
+        :class="ui.root"
+    >
+        <span :class="ui.title">{{ title }}</span>
+
+        <ul :class="ui.list">
+            <li
+                v-for="item in items"
+                :key="item.to"
+            >
+                <a
+                    :aria-current="active === item.to ? 'location' : void 0"
+                    :class="[ui.link, item.level === 3 && ui.linkDeep]"
+                    :href="item.to"
+                >
+                    {{ item.label }}
+                </a>
+            </li>
+        </ul>
+    </nav>
+</template>

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

@@ -0,0 +1,14 @@
+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<{}>, {
+    label: string;
+    ui: VunoUi<"navigationToc">;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,40 @@
+import type { VunoHeadingLevel } from '#vuno/types/base';
+import type { VunoBreadcrumbItem } from '#vuno/types/page';
+import type { VunoUi } from '#vuno/types/slots';
+type Props = {
+    breadcrumb?: VunoBreadcrumbItem[];
+    description?: string;
+    /**
+     * El nivel del título. `1` por defecto, que es lo correcto cuando
+     * esto **es** la pantalla.
+     *
+     * Se baja cuando no lo es: un `VPage` dentro de otra página deja dos
+     * `h1` y un salto en lo que venga debajo, y eso no se ve —se oye, y
+     * solo con un lector de pantalla—. El aspecto no cambia: el tamaño y
+     * el peso los pone `ui.title`, no la etiqueta.
+     */
+    level?: VunoHeadingLevel;
+    title: string;
+    ui?: VunoUi<'page'>;
+};
+type __VLS_Slots = {
+    /** Acciones de la pantalla, a la derecha de la barra superior. */
+    actions?: () => unknown;
+    default?: () => unknown;
+    /** Lo que va antes de la miga de pan: un botón de plegado, por ejemplo. */
+    leading?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    description: string;
+    breadcrumb: VunoBreadcrumbItem[];
+    ui: VunoUi<"page">;
+    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;
+    };
+};

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

@@ -0,0 +1,32 @@
+export declare const pageTheme: Record<"page", {
+    /**
+     * La barra y el panel los pinta el módulo: los componentes de la gama Pro
+     * que había antes solo aportaban dos huecos, y encima había que anularles
+     * el relleno porque el ritmo lo pone `body`.
+     */
+    readonly slots: {
+        readonly body: "flex w-full flex-col gap-7 px-4 py-6 sm:px-6 sm:py-8 lg:p-10";
+        readonly breadcrumb: "hidden min-w-0 sm:block";
+        readonly breadcrumbCurrent: "truncate text-sm font-semibold text-vuno-strong";
+        readonly breadcrumbItem: "flex min-w-0 items-center gap-1.5";
+        readonly breadcrumbLink: "truncate rounded-sm text-sm font-medium text-vuno-muted transition-colors [--vuno-accent:var(--color-vuno-primary)] hover:text-vuno-body focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--vuno-accent)";
+        readonly breadcrumbList: "flex items-center gap-1.5";
+        readonly breadcrumbSeparator: "size-4 shrink-0 text-vuno-subtle";
+        readonly description: "max-w-prose text-sm text-vuno-muted";
+        readonly heading: "flex flex-col gap-2";
+        readonly navbar: "flex h-14 shrink-0 items-center justify-between gap-3 border-b border-vuno-border bg-vuno-surface/90 px-4 backdrop-blur-xl sm:px-6";
+        readonly navbarLeft: "flex min-w-0 items-center gap-1";
+        readonly navbarRight: "flex shrink-0 items-center gap-2";
+        readonly panel: "min-h-0 flex-1 overflow-y-auto";
+        readonly root: "flex min-h-0 w-full flex-1 flex-col";
+        readonly title: "text-2xl font-bold tracking-tight text-vuno-strong sm:text-3xl";
+    };
+    readonly variants: {
+        readonly mobileNavbar: {
+            readonly false: {
+                readonly navbar: "hidden sm:flex";
+            };
+            readonly true: {};
+        };
+    };
+}>;

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

@@ -0,0 +1,31 @@
+import { defineTheme } from "#vuno/utils/theme";
+export const pageTheme = defineTheme("page", {
+  /**
+   * La barra y el panel los pinta el módulo: los componentes de la gama Pro
+   * que había antes solo aportaban dos huecos, y encima había que anularles
+   * el relleno porque el ritmo lo pone `body`.
+   */
+  slots: {
+    body: "flex w-full flex-col gap-7 px-4 py-6 sm:px-6 sm:py-8 lg:p-10",
+    breadcrumb: "hidden min-w-0 sm:block",
+    breadcrumbCurrent: "truncate text-sm font-semibold text-vuno-strong",
+    breadcrumbItem: "flex min-w-0 items-center gap-1.5",
+    breadcrumbLink: "truncate rounded-sm text-sm font-medium text-vuno-muted transition-colors [--vuno-accent:var(--color-vuno-primary)] hover:text-vuno-body focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--vuno-accent)",
+    breadcrumbList: "flex items-center gap-1.5",
+    breadcrumbSeparator: "size-4 shrink-0 text-vuno-subtle",
+    description: "max-w-prose text-sm text-vuno-muted",
+    heading: "flex flex-col gap-2",
+    navbar: "flex h-14 shrink-0 items-center justify-between gap-3 border-b border-vuno-border bg-vuno-surface/90 px-4 backdrop-blur-xl sm:px-6",
+    navbarLeft: "flex min-w-0 items-center gap-1",
+    navbarRight: "flex shrink-0 items-center gap-2",
+    panel: "min-h-0 flex-1 overflow-y-auto",
+    root: "flex min-h-0 w-full flex-1 flex-col",
+    title: "text-2xl font-bold tracking-tight text-vuno-strong sm:text-3xl"
+  },
+  variants: {
+    mobileNavbar: {
+      false: { navbar: "hidden sm:flex" },
+      true: {}
+    }
+  }
+});

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

@@ -0,0 +1,132 @@
+<script setup>
+import { computed } from "vue";
+import { useIcons, useMessages, useTheme } from "#vuno/composables/useTheme";
+import { filled } from "#vuno/internal/slots";
+import Icon from "#vuno/components/Icon/Icon.vue";
+defineOptions({ name: "VunoPage" });
+const props = defineProps({
+  breadcrumb: { type: Array, required: false, default: void 0 },
+  description: { type: String, required: false, default: void 0 },
+  level: { type: Number, required: false, default: 1 },
+  title: { type: String, required: true },
+  ui: { type: Object, required: false, default: void 0 }
+});
+const slots = defineSlots();
+const icons = useIcons();
+const messages = useMessages();
+const hasMobileNavbar = computed(() => filled(slots.actions) || filled(slots.leading));
+const ui = useTheme(
+  "page",
+  () => props.ui,
+  () => ({ mobileNavbar: String(hasMobileNavbar.value) })
+);
+</script>
+
+<template>
+    <!--
+        El panel y la barra son dos `div` y no los de la gama Pro de Nuxt UI.
+        De aquellos solo se usaban cuatro huecos, y encima había que anularle el
+        relleno al panel porque el ritmo lo pone el cuerpo: lo que traían de
+        verdad —redimensionar, plegar, recordar el tamaño— no se usaba.
+
+        Se gana además quitarse una dependencia que no se veía: el panel de
+        Nuxt UI está pensado para vivir dentro de su grupo, así que `VPage`
+        solo se comportaba bien si el proyecto montaba ese armazón. Ahora
+        funciona en cualquier sitio.
+    -->
+    <div :class="ui.root">
+        <div :class="ui.navbar">
+            <!--
+                La miga ocupa la zona izquierda entera y no un hueco de título:
+                el título de una barra vive dentro de un `<h1>`, y una miga ahí
+                sería un `<nav>` dentro de un encabezado.
+            -->
+            <div :class="ui.navbarLeft">
+                <slot name="leading" />
+
+                <nav
+                    v-if="props.breadcrumb?.length"
+                    :aria-label="messages.breadcrumb"
+                    :class="ui.breadcrumb"
+                >
+                    <ol :class="ui.breadcrumbList">
+                        <li
+                            v-for="(item, index) in props.breadcrumb"
+                            :key="`${item.label ?? item.to ?? index}`"
+                            :class="ui.breadcrumbItem"
+                        >
+                            <!--
+                                El separador va dentro del elemento al que
+                                precede y no como elemento propio: no es un
+                                sitio al que ir, y como `<li>` suelto haría que
+                                un lector anunciara el doble de elementos de los
+                                que hay. Decorativo, así que no se lee.
+                            -->
+                            <Icon
+                                v-if="index > 0"
+                                aria-hidden="true"
+                                :class="ui.breadcrumbSeparator"
+                                :name="icons.breadcrumbSeparator"
+                            />
+
+                            <!--
+                                El último no enlaza a donde ya estás, y lo dice:
+                                `aria-current` es lo que distingue el sitio en el
+                                que uno está de los que lo llevaron hasta aquí.
+                            -->
+                            <span
+                                v-if="index === props.breadcrumb.length - 1"
+                                aria-current="page"
+                                :class="ui.breadcrumbCurrent"
+                            >
+                                {{ item.label }}
+                            </span>
+
+                            <NuxtLink
+                                v-else-if="item.to"
+                                :class="ui.breadcrumbLink"
+                                :to="item.to"
+                            >
+                                {{ item.label }}
+                            </NuxtLink>
+
+                            <span
+                                v-else
+                                :class="ui.breadcrumbLink"
+                            >
+                                {{ item.label }}
+                            </span>
+                        </li>
+                    </ol>
+                </nav>
+            </div>
+
+            <div :class="ui.navbarRight">
+                <slot name="actions" />
+            </div>
+        </div>
+
+        <div :class="ui.panel">
+            <div :class="ui.body">
+                <!-- Un `<div>` y no un `<header>`: un `<header>` suelto es un
+                     landmark `banner`, y solo puede haber uno por página. -->
+                <div :class="ui.heading">
+                    <component
+                        :is="`h${props.level}`"
+                        :class="ui.title"
+                        >{{ props.title }}</component
+                    >
+
+                    <p
+                        v-if="props.description"
+                        :class="ui.description"
+                    >
+                        {{ props.description }}
+                    </p>
+                </div>
+
+                <slot />
+            </div>
+        </div>
+    </div>
+</template>

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

@@ -0,0 +1,40 @@
+import type { VunoHeadingLevel } from '#vuno/types/base';
+import type { VunoBreadcrumbItem } from '#vuno/types/page';
+import type { VunoUi } from '#vuno/types/slots';
+type Props = {
+    breadcrumb?: VunoBreadcrumbItem[];
+    description?: string;
+    /**
+     * El nivel del título. `1` por defecto, que es lo correcto cuando
+     * esto **es** la pantalla.
+     *
+     * Se baja cuando no lo es: un `VPage` dentro de otra página deja dos
+     * `h1` y un salto en lo que venga debajo, y eso no se ve —se oye, y
+     * solo con un lector de pantalla—. El aspecto no cambia: el tamaño y
+     * el peso los pone `ui.title`, no la etiqueta.
+     */
+    level?: VunoHeadingLevel;
+    title: string;
+    ui?: VunoUi<'page'>;
+};
+type __VLS_Slots = {
+    /** Acciones de la pantalla, a la derecha de la barra superior. */
+    actions?: () => unknown;
+    default?: () => unknown;
+    /** Lo que va antes de la miga de pan: un botón de plegado, por ejemplo. */
+    leading?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    description: string;
+    breadcrumb: VunoBreadcrumbItem[];
+    ui: VunoUi<"page">;
+    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;
+    };
+};

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

@@ -0,0 +1,33 @@
+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, {
+    "update:page": (page: number) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:page"?: ((page: number) => any) | undefined;
+}>, {
+    page: number;
+    size: VunoSize;
+    pageSize: number;
+    total: number;
+    ui: VunoUi<"pagination">;
+    siblings: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,13 @@
+export declare const paginationTheme: Record<"pagination", {
+    /**
+     * Casi sin clases a propósito: los números son botones, así que el color,
+     * el tamaño y el foco salen de `baseButton`. Lo único propio es el hueco de
+     * la elipsis, que mide lo mismo que un botón para que la fila no dé saltos
+     * al cambiar de página.
+     */
+    readonly slots: {
+        readonly gap: "flex size-8 shrink-0 items-center justify-center text-vuno-muted select-none";
+        readonly list: "flex items-center gap-1";
+        readonly root: "flex items-center";
+    };
+}>;

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

@@ -0,0 +1,14 @@
+import { defineTheme } from "#vuno/utils/theme";
+export const paginationTheme = defineTheme("pagination", {
+  /**
+   * Casi sin clases a propósito: los números son botones, así que el color,
+   * el tamaño y el foco salen de `baseButton`. Lo único propio es el hueco de
+   * la elipsis, que mide lo mismo que un botón para que la fila no dé saltos
+   * al cambiar de página.
+   */
+  slots: {
+    gap: "flex size-8 shrink-0 items-center justify-center text-vuno-muted select-none",
+    list: "flex items-center gap-1",
+    root: "flex items-center"
+  }
+});

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

@@ -0,0 +1,129 @@
+<script setup>
+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";
+defineOptions({ name: "VunoPagination" });
+const props = defineProps({
+  page: { type: Number, required: false, default: 1 },
+  pageSize: { type: Number, required: false, default: 10 },
+  siblings: { type: Number, required: false, default: 1 },
+  size: { type: String, required: false, default: "md" },
+  total: { type: Number, required: false, default: 0 },
+  ui: { type: Object, required: false, default: void 0 }
+});
+const emit = defineEmits(["update:page"]);
+const icons = useIcons();
+const messages = useMessages();
+const ui = useTheme("pagination", () => props.ui);
+const pageCount = computed(() => getPageCount(props.total, props.pageSize));
+const items = computed(() => getPageItems(props.page, pageCount.value, props.siblings));
+const isFirst = computed(() => props.page <= 1);
+const isLast = computed(() => props.page >= pageCount.value);
+function goTo(page) {
+  if (page < 1 || page > pageCount.value || page === props.page) return;
+  emit("update:page", page);
+}
+</script>
+
+<template>
+    <!--
+        Nada que pintar con una sola página: un paginador que solo puede llevar
+        a donde ya estás es ruido, y además ocupa sitio en la barra.
+    -->
+    <!--
+        Con nombre, que un `<nav>` es una región del documento: sin él, quien
+        salta de región en región oye «navegación» y no sabe si es el menú, la
+        miga o esto. Va antes de `$attrs`, así que un proyecto que pase el suyo
+        lo pisa —que es lo que hay que poder hacer cuando en la misma pantalla
+        hay dos tablas—.
+    -->
+    <nav
+        v-if="pageCount > 1"
+        :aria-label="messages.paginationLabel"
+        :class="ui.root"
+    >
+        <ul :class="ui.list">
+            <li>
+                <Button
+                    :aria-label="messages.paginationFirst"
+                    color="neutral"
+                    :disabled="isFirst"
+                    :icon="icons.paginationFirst"
+                    :size="props.size"
+                    variant="ghost"
+                    @click="goTo(1)"
+                />
+            </li>
+
+            <li>
+                <Button
+                    :aria-label="messages.paginationPrevious"
+                    color="neutral"
+                    :disabled="isFirst"
+                    :icon="icons.paginationPrevious"
+                    :size="props.size"
+                    variant="ghost"
+                    @click="goTo(props.page - 1)"
+                />
+            </li>
+
+            <li
+                v-for="(item, index) in items"
+                :key="item === 'gap' ? `gap-${index}` : item"
+            >
+                <!--
+                    El salto no es un botón ni lleva texto para el lector: decir
+                    «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
+                    v-if="item === 'gap'"
+                    aria-hidden="true"
+                    :class="ui.gap"
+                    >…</span
+                >
+
+                <!--
+                    La etiqueta del lector dice «Página 3» y no solo «3», que
+                    fuera de la fila no significaría nada. `aria-current` es lo
+                    que distingue la actual, no el color.
+                -->
+                <Button
+                    v-else
+                    :aria-current="item === props.page ? 'page' : void 0"
+                    :aria-label="`${messages.page} ${item}`"
+                    :color="item === props.page ? 'primary' : 'neutral'"
+                    :label="String(item)"
+                    :size="props.size"
+                    :variant="item === props.page ? 'solid' : 'ghost'"
+                    @click="goTo(item)"
+                />
+            </li>
+
+            <li>
+                <Button
+                    :aria-label="messages.paginationNext"
+                    color="neutral"
+                    :disabled="isLast"
+                    :icon="icons.paginationNext"
+                    :size="props.size"
+                    variant="ghost"
+                    @click="goTo(props.page + 1)"
+                />
+            </li>
+
+            <li>
+                <Button
+                    :aria-label="messages.paginationLast"
+                    color="neutral"
+                    :disabled="isLast"
+                    :icon="icons.paginationLast"
+                    :size="props.size"
+                    variant="ghost"
+                    @click="goTo(pageCount)"
+                />
+            </li>
+        </ul>
+    </nav>
+</template>

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

@@ -0,0 +1,33 @@
+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, {
+    "update:page": (page: number) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:page"?: ((page: number) => any) | undefined;
+}>, {
+    page: number;
+    size: VunoSize;
+    pageSize: number;
+    total: number;
+    ui: VunoUi<"pagination">;
+    siblings: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,43 @@
+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;
+type __VLS_Slots = {
+    body?: () => unknown;
+    default?: () => unknown;
+    footer?: () => unknown;
+    header?: () => unknown;
+};
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    description: string;
+    title: string;
+    size: VunoSlideoverSize;
+    position: "end" | "start";
+    ui: VunoUi<"slideover">;
+    dismissible: boolean;
+}, {}, {}, {}, 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;
+    };
+};