@groupteknology/vuno 0.4.0 → 0.6.1

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

@@ -0,0 +1,38 @@
+import type { VunoFieldSlots } from '#vuno/types/field';
+type __VLS_Props = {
+    description?: string;
+    /** Cerrar con Escape o pulsando el fondo. */
+    dismissible?: boolean;
+    title?: string;
+    ui?: VunoFieldSlots;
+};
+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;
+    ui: VunoFieldSlots;
+    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;
+    };
+};

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

@@ -0,0 +1,7 @@
+import type { VunoOverlayEntry } from '#vuno/types/app';
+type __VLS_Props = {
+    overlays: VunoOverlayEntry[];
+};
+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/App/AppOverlay.vue

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

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

@@ -0,0 +1,7 @@
+import type { VunoOverlayEntry } from '#vuno/types/app';
+type __VLS_Props = {
+    overlays: VunoOverlayEntry[];
+};
+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/App/AppToast.d.vue.ts

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

package/dist/runtime/app/components/App/AppToast.vue

@@ -0,0 +1,53 @@
+<script setup>
+import { computed } from "vue";
+import { useVunoIcons, useVunoMessages, useVunoTheme } from "#vuno/composables/useVunoTheme";
+const props = defineProps({
+  notification: { type: Object, required: true }
+});
+const emit = defineEmits(["dismiss"]);
+const icons = useVunoIcons();
+const messages = useVunoMessages();
+const ui = useVunoTheme("appToast");
+const defaultIcons = {
+  error: icons.value.notifyError,
+  info: icons.value.notifyInfo,
+  neutral: icons.value.notifyInfo,
+  success: icons.value.notifySuccess,
+  warning: icons.value.notifyWarning
+};
+const icon = computed(() => props.notification.icon ?? defaultIcons[props.notification.color]);
+const live = computed(() => props.notification.color === "error" ? "assertive" : "polite");
+</script>
+
+<template>
+    <div
+        :aria-live="live"
+        :class="ui.root"
+        role="status"
+    >
+        <UIcon
+            :class="[ui.icon, `text-${props.notification.color}`]"
+            :name="icon"
+        />
+
+        <div :class="ui.body">
+            <p :class="ui.title">{{ props.notification.title }}</p>
+
+            <p
+                v-if="props.notification.description"
+                :class="ui.description"
+            >
+                {{ props.notification.description }}
+            </p>
+        </div>
+
+        <UButton
+            :aria-label="messages.close"
+            color="neutral"
+            :icon="icons.close"
+            size="xs"
+            variant="ghost"
+            @click="emit('dismiss')"
+        />
+    </div>
+</template>

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

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

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

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

package/dist/runtime/app/components/App/AppToaster.vue

@@ -0,0 +1,49 @@
+<script setup>
+import { useVunoTheme } from "#vuno/composables/useVunoTheme";
+import AppToast from "./AppToast.vue";
+const props = defineProps({
+  notifications: { type: Array, required: true }
+});
+const emit = defineEmits(["dismiss"]);
+const ui = useVunoTheme("appToaster");
+</script>
+
+<template>
+    <!--
+        La pila se porta a `body` para que no la recorte ningún `overflow` ni la
+        reordene ningún contexto de apilamiento de la pantalla que la abrió.
+
+        `pointer-events-none` en el contenedor y `auto` en cada aviso: si no, una
+        franja invisible a lo alto de la pantalla se come los clics de lo que hay
+        detrás aunque no haya ninguna notificación.
+    -->
+    <Teleport to="body">
+        <div
+            v-if="props.notifications.length > 0"
+            :class="ui.root"
+        >
+            <!--
+                `TransitionGroup` y no `Transition`: hay varias a la vez y al
+                quitar una de en medio las de abajo tienen que subir. `move`
+                anima justo eso, que si no da un salto.
+            -->
+            <TransitionGroup
+                :class="ui.list"
+                :enterActiveClass="ui.enterActive"
+                :enterFromClass="ui.enterFrom"
+                :leaveActiveClass="ui.leaveActive"
+                :leaveToClass="ui.leaveTo"
+                :moveClass="ui.move"
+                tag="div"
+            >
+                <AppToast
+                    v-for="notification in props.notifications"
+                    :key="notification.id"
+                    :class="ui.item"
+                    :notification="notification"
+                    @dismiss="emit('dismiss', notification.id)"
+                />
+            </TransitionGroup>
+        </div>
+    </Teleport>
+</template>

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

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

package/dist/runtime/app/components/Cell/CellBadge.d.vue.ts

@@ -0,0 +1,5 @@
+import type { VunoTableCellProps } from '#vuno/types/table';
+type __VLS_Props = VunoTableCellProps<'badge'>;
+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/Cell/CellBadge.vue

@@ -0,0 +1,24 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  column: { type: Object, required: true },
+  row: { type: Object, required: true },
+  value: { type: null, required: true }
+});
+const text = computed(() => props.value === null || props.value === void 0 ? "" : String(props.value));
+const badge = computed(() => {
+  const entry = props.column.map?.[text.value];
+  return {
+    color: entry?.color ?? props.column.color ?? "neutral",
+    label: entry?.label ?? text.value
+  };
+});
+</script>
+
+<template>
+    <UBadge
+        :color="badge.color"
+        :label="badge.label"
+        variant="subtle"
+    />
+</template>

package/dist/runtime/app/components/Cell/CellBadge.vue.d.ts

@@ -0,0 +1,5 @@
+import type { VunoTableCellProps } from '#vuno/types/table';
+type __VLS_Props = VunoTableCellProps<'badge'>;
+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/Cell/CellBoolean.d.vue.ts

@@ -0,0 +1,5 @@
+import type { VunoTableCellProps } from '#vuno/types/table';
+type __VLS_Props = VunoTableCellProps<'boolean'>;
+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/Cell/CellBoolean.vue

@@ -0,0 +1,21 @@
+<script setup>
+import { computed } from "vue";
+import { useVunoIcons } from "#vuno/composables/useVunoTheme";
+const props = defineProps({
+  column: { type: Object, required: true },
+  row: { type: Object, required: true },
+  value: { type: null, required: true }
+});
+const icons = useVunoIcons();
+const labelled = computed(() => Boolean(props.column.trueLabel || props.column.falseLabel));
+</script>
+
+<template>
+    <span v-if="labelled">{{ props.value ? props.column.trueLabel ?? "" : props.column.falseLabel ?? "" }}</span>
+
+    <UIcon
+        v-else
+        :class="props.value ? 'text-success' : 'text-muted'"
+        :name="props.value ? icons.booleanTrue : icons.booleanFalse"
+    />
+</template>

package/dist/runtime/app/components/Cell/CellBoolean.vue.d.ts

@@ -0,0 +1,5 @@
+import type { VunoTableCellProps } from '#vuno/types/table';
+type __VLS_Props = VunoTableCellProps<'boolean'>;
+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/Cell/CellCurrency.d.vue.ts

@@ -0,0 +1,5 @@
+import type { VunoTableCellProps } from '#vuno/types/table';
+type __VLS_Props = VunoTableCellProps<'currency'>;
+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/Cell/CellCurrency.vue

@@ -0,0 +1,14 @@
+<script setup>
+import { useLocale } from "@nuxt/ui/composables";
+import { formatCurrency } from "#vuno/utils/format";
+const props = defineProps({
+  column: { type: Object, required: true },
+  row: { type: Object, required: true },
+  value: { type: null, required: true }
+});
+const locale = useLocale();
+</script>
+
+<template>
+    <span class="tabular-nums">{{ formatCurrency(props.value, locale.code.value, props.column.currency, props.column.decimals) }}</span>
+</template>

package/dist/runtime/app/components/Cell/CellCurrency.vue.d.ts

@@ -0,0 +1,5 @@
+import type { VunoTableCellProps } from '#vuno/types/table';
+type __VLS_Props = VunoTableCellProps<'currency'>;
+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/Cell/CellDate.d.vue.ts

@@ -0,0 +1,5 @@
+import type { VunoTableCellProps } from '#vuno/types/table';
+type __VLS_Props = VunoTableCellProps<'date'>;
+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/Cell/CellDate.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { computed } from "vue";
+import { useLocale } from "@nuxt/ui/composables";
+import { formatDate } from "#vuno/utils/format";
+const props = defineProps({
+  column: { type: Object, required: true },
+  row: { type: Object, required: true },
+  value: { type: null, required: true }
+});
+const locale = useLocale();
+const options = computed(() => ({
+  dateStyle: props.column.dateStyle ?? "medium",
+  ...props.column.timeStyle ? { timeStyle: props.column.timeStyle } : {}
+}));
+</script>
+
+<template>
+    <span class="tabular-nums">{{ formatDate(props.value, locale.code.value, options) }}</span>
+</template>

package/dist/runtime/app/components/Cell/CellDate.vue.d.ts

@@ -0,0 +1,5 @@
+import type { VunoTableCellProps } from '#vuno/types/table';
+type __VLS_Props = VunoTableCellProps<'date'>;
+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/Cell/CellImage.d.vue.ts

@@ -0,0 +1,5 @@
+import type { VunoTableCellProps } from '#vuno/types/table';
+type __VLS_Props = VunoTableCellProps<'image'>;
+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/Cell/CellImage.vue

@@ -0,0 +1,22 @@
+<script setup>
+import { computed } from "vue";
+import { getPath } from "#vuno/utils/path";
+const props = defineProps({
+  column: { type: Object, required: true },
+  row: { type: Object, required: true },
+  value: { type: null, required: true }
+});
+const src = computed(() => props.value === null || props.value === void 0 ? "" : String(props.value));
+const alt = computed(() => {
+  if (props.column.altKey) return String(getPath(props.row, props.column.altKey) ?? "");
+  return props.column.alt ?? "";
+});
+</script>
+
+<template>
+    <UAvatar
+        :alt="alt"
+        :size="props.column.size ?? 'md'"
+        :src="src"
+    />
+</template>

package/dist/runtime/app/components/Cell/CellImage.vue.d.ts

@@ -0,0 +1,5 @@
+import type { VunoTableCellProps } from '#vuno/types/table';
+type __VLS_Props = VunoTableCellProps<'image'>;
+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/Cell/CellNumber.d.vue.ts

@@ -0,0 +1,5 @@
+import type { VunoTableCellProps } from '#vuno/types/table';
+type __VLS_Props = VunoTableCellProps<'number'>;
+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/Cell/CellNumber.vue

@@ -0,0 +1,15 @@
+<script setup>
+import { useLocale } from "@nuxt/ui/composables";
+import { formatNumber } from "#vuno/utils/format";
+const props = defineProps({
+  column: { type: Object, required: true },
+  row: { type: Object, required: true },
+  value: { type: null, required: true }
+});
+const locale = useLocale();
+</script>
+
+<template>
+    <!-- `tabular-nums` alinea las cifras en columna; sin ello los dígitos bailan. -->
+    <span class="tabular-nums">{{ formatNumber(props.value, locale.code.value, props.column.decimals) }}</span>
+</template>

package/dist/runtime/app/components/Cell/CellNumber.vue.d.ts

@@ -0,0 +1,5 @@
+import type { VunoTableCellProps } from '#vuno/types/table';
+type __VLS_Props = VunoTableCellProps<'number'>;
+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/Cell/CellText.d.vue.ts

@@ -0,0 +1,5 @@
+import type { VunoTableCellProps } from '#vuno/types/table';
+type __VLS_Props = VunoTableCellProps<'text'>;
+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/Cell/CellText.vue

@@ -0,0 +1,13 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  column: { type: Object, required: true },
+  row: { type: Object, required: true },
+  value: { type: null, required: true }
+});
+const text = computed(() => props.value === null || props.value === void 0 ? "" : String(props.value));
+</script>
+
+<template>
+    <span :class="props.column.truncate ? 'block max-w-[32ch] truncate' : void 0">{{ text }}</span>
+</template>

package/dist/runtime/app/components/Cell/CellText.vue.d.ts

@@ -0,0 +1,5 @@
+import type { VunoTableCellProps } from '#vuno/types/table';
+type __VLS_Props = VunoTableCellProps<'text'>;
+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/Confirm/Confirm.vue

@@ -1,7 +1,9 @@
 <script setup>
 import { computed } from "vue";
+import AppModal from "#vuno/components/App/AppModal.vue";
 import { useVunoIcons, useVunoMessages, useVunoTheme } from "#vuno/composables/useVunoTheme";
 const props = defineProps({
+  alert: { type: Boolean, required: false },
   cancelLabel: { type: String, required: false },
   color: { type: String, required: false },
   confirmLabel: { type: String, required: false },
@@ -30,27 +32,32 @@ function onConfirm() {
 </script>
 
 <template>
-    <UModal
+    <!--
+        Sobre `AppModal`, no sobre el de Nuxt UI, y no por gusto: un `<dialog>`
+        nativo vive en la capa superior del navegador, que queda por encima de
+        cualquier z-index. Mezclando los dos sistemas, un confirm abierto desde
+        dentro de un `AppModal` se pintaba detrás de él —estaba en el DOM y no se
+        veía—. Nativos los dos, el navegador los apila por orden de apertura.
+    -->
+    <AppModal
         v-model:open="open"
         :dismissible="!props.loading"
-        scrollable
         :title="props.title ?? messages.confirmTitle"
         :ui="modalUi"
     >
-        <template #body>
-            <div :class="ui.body">
-                <UIcon
-                    :class="[ui.icon, `text-${color}`]"
-                    :name="props.icon ?? icons.confirm"
-                />
-                <div :class="ui.description">
-                    <slot>{{ props.description ?? messages.confirmDescription }}</slot>
-                </div>
+        <div :class="ui.body">
+            <UIcon
+                :class="[ui.icon, `text-${color}`]"
+                :name="props.icon ?? icons.confirm"
+            />
+            <div :class="ui.description">
+                <slot>{{ props.description ?? messages.confirmDescription }}</slot>
             </div>
-        </template>
+        </div>
 
         <template #footer>
             <UButton
+                v-if="!props.alert"
                 color="neutral"
                 :disabled="props.loading"
                 :label="props.cancelLabel ?? messages.cancel"
@@ -64,5 +71,5 @@ function onConfirm() {
                 @click="onConfirm"
             />
         </template>
-    </UModal>
+    </AppModal>
 </template>