@groupteknology/vuno 3.0.0 → 4.0.0

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

@@ -1,14 +0,0 @@
-import type { VunoFieldOrientation, VunoFieldSize } from '#vuno/types/field';
-import type { VunoUi } from '#vuno/types/slots';
-export type VunoFormFieldProps = {
-    name?: string;
-    description?: string;
-    error?: string;
-    help?: string;
-    hint?: string;
-    label?: string;
-    orientation?: VunoFieldOrientation;
-    required?: boolean;
-    size?: VunoFieldSize;
-    ui?: VunoUi<'formField'>;
-};

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

@@ -1,140 +0,0 @@
-<script setup>
-import { computed, useId } from "vue";
-import { useTheme } from "#vuno/composables/useTheme";
-import Text from "#vuno/components/Text/Text.vue";
-defineOptions({ name: "VunoFormField" });
-const props = defineProps({
-  name: { type: String, required: false },
-  description: { type: String, required: false },
-  error: { type: String, required: false },
-  help: { type: String, required: false },
-  hint: { type: String, required: false },
-  label: { type: String, required: false },
-  orientation: { type: String, required: false },
-  required: { type: Boolean, required: false },
-  size: { type: String, required: false },
-  ui: { type: Object, required: false }
-});
-const uid = useId();
-const size = computed(() => props.size ?? "md");
-const orientation = computed(() => props.orientation ?? "vertical");
-const controlId = computed(() => `${uid}-control`);
-const descriptionId = computed(() => `${uid}-description`);
-const errorId = computed(() => `${uid}-error`);
-const helpId = computed(() => `${uid}-help`);
-const hintId = computed(() => `${uid}-hint`);
-const describedBy = computed(() => {
-  const ids = [props.error && errorId.value, props.hint && hintId.value, props.description && descriptionId.value, !props.error && props.help && helpId.value].filter(Boolean);
-  return ids.length > 0 ? ids.join(" ") : void 0;
-});
-const control = computed(() => ({
-  id: controlId.value,
-  name: props.name,
-  "aria-describedby": describedBy.value,
-  "aria-invalid": props.error ? true : void 0,
-  "aria-required": props.required ? true : void 0,
-  required: props.required
-}));
-const classes = useTheme(
-  "formField",
-  () => props.ui,
-  () => ({ orientation: orientation.value, size: size.value })
-);
-</script>
-
-<template>
-    <div :class="classes.root">
-        <div :class="classes.content">
-            <div
-                v-if="props.label || props.hint"
-                :class="classes.labelRow"
-            >
-                <!--
-                La etiqueta apunta al control por `for`/`id` y no lo envuelve:
-                envolver también funciona con un `<input>`, pero no con un
-                control compuesto, y aquí dentro puede haber cualquiera.
-            -->
-                <label
-                    v-if="props.label"
-                    :class="classes.label"
-                    :for="controlId"
-                >
-                    {{ props.label }}
-                    <!--
-                    El asterisco es decoración y se oculta al lector: quien no
-                    ve la pantalla se entera de que el campo es obligatorio por
-                    `required` en el control, que es lo que el navegador y el
-                    lector entienden. Anunciar «asterisco» no informa de nada.
-                -->
-                    <Text
-                        v-if="props.required"
-                        aria-hidden="true"
-                        :class="classes.required"
-                        tag="span"
-                        tone="inherit"
-                        variant="inherit"
-                        >*</Text
-                    >
-                </label>
-
-                <Text
-                    v-if="props.hint"
-                    :id="hintId"
-                    :class="classes.hint"
-                    tag="span"
-                    tone="inherit"
-                    variant="inherit"
-                    >{{ props.hint }}</Text
-                >
-            </div>
-
-            <Text
-                v-if="props.description"
-                :id="descriptionId"
-                :class="classes.description"
-                tag="p"
-                tone="inherit"
-                variant="inherit"
-            >
-                {{ props.description }}
-            </Text>
-        </div>
-
-        <div :class="classes.control">
-            <slot v-bind="control" />
-
-            <!--
-            El error se pinta siempre, aunque esté vacío, porque una región en
-            vivo solo anuncia lo que aparece **dentro** de ella: si el elemento
-            nace con el texto ya puesto, el lector no lee nada. Vacío se va a
-            `sr-only`, que al ser absoluto no ocupa ni cuenta como item del
-            grid, así que no deja hueco.
-
-            `polite` y no `alert`: los errores llegan al salir del campo o al
-            enviar, y un aviso que interrumpe a mitad de frase cada vez que se
-            tabula molesta más de lo que ayuda.
-        -->
-            <Text
-                :id="errorId"
-                aria-live="polite"
-                :class="[classes.error, !props.error && 'sr-only']"
-                tag="p"
-                tone="inherit"
-                variant="inherit"
-            >
-                {{ props.error }}
-            </Text>
-
-            <Text
-                v-if="props.help && !props.error"
-                :id="helpId"
-                :class="classes.help"
-                tag="p"
-                tone="inherit"
-                variant="inherit"
-            >
-                {{ props.help }}
-            </Text>
-        </div>
-    </div>
-</template>

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

@@ -1,21 +0,0 @@
-import type { VunoFormFieldProps } from './FormField.types.js';
-declare var __VLS_19: {
-    id: string;
-    name: string | undefined;
-    'aria-describedby': string | undefined;
-    'aria-invalid': boolean | undefined;
-    'aria-required': boolean | undefined;
-    required: boolean;
-};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_19) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<VunoFormFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VunoFormFieldProps> & Readonly<{}>, {}, {}, {}, {}, 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/FormField/internal/FieldShell/FieldShell.d.vue.ts

@@ -1,22 +0,0 @@
-import type { VunoFieldBase, VunoFieldSize } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldBase, 'columns'>;
-type __VLS_Slots = {
-    default: (props: {
-        id?: string;
-        name?: string;
-        'aria-describedby'?: string;
-        'aria-invalid'?: boolean;
-        'aria-required'?: boolean;
-        required?: boolean;
-        size?: VunoFieldSize;
-    }) => unknown;
-};
-declare const __VLS_base: 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 __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/FormField/internal/FieldShell/FieldShell.vue

@@ -1,63 +0,0 @@
-<script setup>
-import { computed, useAttrs } from "vue";
-import { useVunoControlGroup } from "#vuno/composables/internal/useVunoControlGroup";
-import { useForm } from "#vuno/composables/useForm";
-import FormField from "#vuno/components/FormField/FormField.vue";
-defineOptions({ name: "VunoFieldShell", inheritAttrs: false });
-const props = defineProps({
-  name: { type: String, required: false },
-  class: { type: String, required: false },
-  description: { type: String, required: false },
-  disabled: { type: Boolean, required: false },
-  error: { type: String, required: false },
-  help: { type: String, required: false },
-  hint: { type: String, required: false },
-  label: { type: String, required: false },
-  orientation: { type: String, required: false },
-  required: { type: Boolean, required: false },
-  size: { type: String, required: false },
-  ui: { type: Object, required: false }
-});
-defineSlots();
-const attrs = useAttrs();
-const form = useForm({ optional: true });
-const controlGroup = useVunoControlGroup();
-const error = computed(() => form && props.name ? form.errorFor(props.name) : props.error);
-const size = computed(() => props.size ?? controlGroup.size.value ?? form?.size.value);
-const embedded = computed(() => typeof attrs.id === "string");
-function onBlur(event) {
-  if (!form || !props.name) return;
-  if (event.target?.getAttribute("aria-expanded") === "true") return;
-  form.setTouched(props.name);
-}
-</script>
-
-<template>
-    <slot
-        v-if="embedded"
-        v-bind="attrs"
-        :size="size"
-    />
-
-    <FormField
-        v-else
-        :class="props.class"
-        :description="props.description"
-        :error="error"
-        :help="props.help"
-        :hint="props.hint"
-        :label="props.label"
-        :name="props.name"
-        :orientation="props.orientation"
-        :required="props.required"
-        :size="size"
-        @blur.capture="onBlur"
-    >
-        <template #default="control">
-            <slot
-                v-bind="control"
-                :size="size"
-            />
-        </template>
-    </FormField>
-</template>

package/dist/runtime/app/components/FormField/internal/FieldShell/FieldShell.vue.d.ts

@@ -1,22 +0,0 @@
-import type { VunoFieldBase, VunoFieldSize } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldBase, 'columns'>;
-type __VLS_Slots = {
-    default: (props: {
-        id?: string;
-        name?: string;
-        'aria-describedby'?: string;
-        'aria-invalid'?: boolean;
-        'aria-required'?: boolean;
-        required?: boolean;
-        size?: VunoFieldSize;
-    }) => unknown;
-};
-declare const __VLS_base: 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 __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/FormModal/FormModal.d.vue.ts

@@ -1,44 +0,0 @@
-import type { VunoFormModalProps } from './FormModal.types.js';
-declare const __VLS_export: <TState extends import("#vuno/types/form").VunoFormState>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<(VunoFormModalProps & {
-        open?: boolean;
-        state: TState;
-    }) & {
-        onClose?: (() => any) | undefined;
-        onSubmit?: ((state: TState) => any) | undefined;
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
-        "onUpdate:state"?: ((value: TState) => any) | undefined;
-    }> & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {
-        /**
-         * `formId` es imprescindible, no un extra: el pie del modal vive fuera
-         * del `<form>`, así que un botón propio solo puede enviarlo con
-         * `:form="formId"`. Sin exponerlo, cualquier pie a medida queda mudo.
-         */
-        footer?: (props: {
-            dirty: boolean;
-            formId: string;
-            loading: boolean;
-            close: () => void;
-            reset: () => void;
-        }) => unknown;
-        /** Elemento que abre el modal, si prefieres eso a controlar `open`. */
-        trigger?: (props: {
-            open: () => void;
-        }) => unknown;
-    };
-    emit: (((evt: "close") => void) & ((evt: "submit", state: TState) => void)) & (((event: "update:open", value: boolean) => void) & ((event: "update:state", value: TState) => void));
-}>) => import("vue").VNode & {
-    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-};
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = (T extends any ? {
-    [K in keyof T]: T[K];
-} : {
-    [K in keyof T as K]: T[K];
-}) & {};

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

@@ -1,8 +0,0 @@
-export declare const formModalTheme: Record<"formModal", {
-    readonly slots: {
-        readonly body: "";
-        readonly content: "";
-        readonly footer: "justify-between";
-        readonly root: "";
-    };
-}>;

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

@@ -1,9 +0,0 @@
-import { defineTheme } from "#vuno/utils/theme";
-export const formModalTheme = defineTheme("formModal", {
-  slots: {
-    body: "",
-    content: "",
-    footer: "justify-between",
-    root: ""
-  }
-});

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

@@ -1,14 +0,0 @@
-import type { VunoFormDefinition, VunoSchema } from '#vuno/types/form';
-import type { VunoUi } from '#vuno/types/slots';
-import type { VunoModalSize } from '#vuno/components/Modal/Modal.types';
-export type VunoFormModalProps = {
-    closeOnSubmit?: boolean;
-    definition: VunoFormDefinition;
-    description?: string;
-    formUi?: VunoUi<'form'>;
-    loading?: boolean;
-    schema?: VunoSchema;
-    size?: VunoModalSize;
-    title?: string;
-    ui?: VunoUi<'formModal'>;
-};

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

@@ -1,105 +0,0 @@
-<script setup>
-import { computed, useId, useTemplateRef } from "vue";
-import { useMessages, useTheme } from "#vuno/composables/useTheme";
-import Button from "#vuno/components/Button/Button.vue";
-import Form from "#vuno/components/Form/Form.vue";
-import Modal from "#vuno/components/Modal/Modal.vue";
-defineOptions({ name: "VunoFormModal" });
-const open = defineModel("open", { type: Boolean, ...{ default: false } });
-const state = defineModel("state", { type: null, ...{ required: true } });
-const props = defineProps({
-  closeOnSubmit: { type: Boolean, required: false, default: false },
-  definition: { type: Object, required: true },
-  description: { type: String, required: false, default: void 0 },
-  formUi: { type: Object, required: false, default: void 0 },
-  loading: { type: Boolean, required: false, default: false },
-  schema: { type: null, required: false, default: void 0 },
-  size: { type: String, required: false, default: "3xl" },
-  title: { type: String, required: false, default: void 0 },
-  ui: { type: Object, required: false, default: void 0 }
-});
-const emit = defineEmits(["close", "submit"]);
-defineSlots();
-const messages = useMessages();
-const ui = useTheme("formModal", () => props.ui);
-const modalUi = computed(() => ({ body: ui.value.body, content: ui.value.content, footer: ui.value.footer, root: ui.value.root }));
-const formId = useId();
-const form = useTemplateRef("form");
-function close() {
-  if (props.loading) return;
-  open.value = false;
-  emit("close");
-}
-function openModal() {
-  open.value = true;
-}
-function onModalClose() {
-  emit("close");
-}
-function onSubmit(validated) {
-  emit("submit", validated);
-  if (props.closeOnSubmit) open.value = false;
-}
-</script>
-
-<template>
-    <slot
-        name="trigger"
-        :open="openModal"
-    />
-
-    <!--
-        Sobre `Modal`: un `<dialog>` nativo, no el de Nuxt UI. El navegador lo
-        pone en su capa superior, que atrapa el foco, lo devuelve al cerrar y
-        apila los diálogos por orden de apertura.
-
-        Importa que sean todos del mismo sistema: la capa superior queda por
-        encima de cualquier z-index, así que un formulario posicionado con
-        z-index abierto sobre un diálogo nativo se pintaría detrás de él, en el
-        DOM y sin verse.
-    -->
-    <Modal
-        v-model:open="open"
-        :description="props.description"
-        :dismissible="!props.loading"
-        :size="props.size"
-        :title="props.title"
-        :ui="modalUi"
-        @close="onModalClose"
-    >
-        <Form
-            :id="formId"
-            ref="form"
-            v-model:state="state"
-            :definition="props.definition"
-            :schema="props.schema"
-            :ui="props.formUi"
-            @submit="onSubmit"
-        />
-
-        <template #footer>
-            <slot
-                :close="close"
-                :dirty="form?.dirty ?? false"
-                :formId="formId"
-                :loading="props.loading ?? false"
-                name="footer"
-                :reset="() => form?.reset?.()"
-            >
-                <Button
-                    color="neutral"
-                    :disabled="props.loading"
-                    :label="messages.cancel"
-                    variant="ghost"
-                    @click="close"
-                />
-                <Button
-                    :form="formId"
-                    :label="messages.save"
-                    :loading="props.loading"
-                    type="submit"
-                />
-            </slot>
-        </template>
-    </Modal>
-</template>

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

@@ -1,44 +0,0 @@
-import type { VunoFormModalProps } from './FormModal.types.js';
-declare const __VLS_export: <TState extends import("#vuno/types/form").VunoFormState>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<(VunoFormModalProps & {
-        open?: boolean;
-        state: TState;
-    }) & {
-        onClose?: (() => any) | undefined;
-        onSubmit?: ((state: TState) => any) | undefined;
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
-        "onUpdate:state"?: ((value: TState) => any) | undefined;
-    }> & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {
-        /**
-         * `formId` es imprescindible, no un extra: el pie del modal vive fuera
-         * del `<form>`, así que un botón propio solo puede enviarlo con
-         * `:form="formId"`. Sin exponerlo, cualquier pie a medida queda mudo.
-         */
-        footer?: (props: {
-            dirty: boolean;
-            formId: string;
-            loading: boolean;
-            close: () => void;
-            reset: () => void;
-        }) => unknown;
-        /** Elemento que abre el modal, si prefieres eso a controlar `open`. */
-        trigger?: (props: {
-            open: () => void;
-        }) => unknown;
-    };
-    emit: (((evt: "close") => void) & ((evt: "submit", state: TState) => void)) & (((event: "update:open", value: boolean) => void) & ((event: "update:state", value: TState) => void));
-}>) => import("vue").VNode & {
-    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-};
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = (T extends any ? {
-    [K in keyof T]: T[K];
-} : {
-    [K in keyof T as K]: T[K];
-}) & {};

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

@@ -1,4 +0,0 @@
-import type { VunoFormSectionProps } from './FormSection.types.js';
-declare const __VLS_export: import("vue").DefineComponent<VunoFormSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VunoFormSectionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,12 +0,0 @@
-export declare const formSectionTheme: Record<"formSection", {
-    readonly slots: {
-        readonly description: "mt-1 text-vuno-muted";
-        readonly header: "col-span-12 flex min-w-0 flex-col";
-        readonly plain: "grid w-full grid-cols-12 gap-x-4 gap-y-5";
-        readonly root: "grid w-full grid-cols-12 gap-x-4 gap-y-5 rounded-sm border border-vuno-border p-4";
-        readonly title: "font-semibold text-vuno-strong";
-    };
-    readonly variants: {
-        readonly radius: Record<import("../../types/base.js").VunoRadius, Record<"root", string>>;
-    };
-}>;

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

@@ -1,14 +0,0 @@
-import { radiusByStep } from "#vuno/theme/shared";
-import { defineTheme } from "#vuno/utils/theme";
-export const formSectionTheme = defineTheme("formSection", {
-  slots: {
-    description: "mt-1 text-vuno-muted",
-    header: "col-span-12 flex min-w-0 flex-col",
-    plain: "grid w-full grid-cols-12 gap-x-4 gap-y-5",
-    root: "grid w-full grid-cols-12 gap-x-4 gap-y-5 rounded-sm border border-vuno-border p-4",
-    title: "font-semibold text-vuno-strong"
-  },
-  variants: {
-    radius: radiusByStep("root")
-  }
-});

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

@@ -1,7 +0,0 @@
-import type { VunoRadius } from '#vuno/types/base';
-import type { VunoFormSection } from '#vuno/types/form';
-export type VunoFormSectionProps = {
-    plain?: boolean;
-    radius?: VunoRadius;
-    section: VunoFormSection;
-};

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

@@ -1,52 +0,0 @@
-<script setup>
-import { computed } from "vue";
-import { useTheme } from "#vuno/composables/useTheme";
-import FormFieldRenderer from "#vuno/components/Form/internal/FormFieldRenderer/FormFieldRenderer.vue";
-import { getColumnSpanClass } from "#vuno/components/Form/internal/grid";
-import Text from "#vuno/components/Text/Text.vue";
-defineOptions({ name: "VunoFormSection" });
-const props = defineProps({
-  plain: { type: Boolean, required: false },
-  radius: { type: String, required: false },
-  section: { type: Object, required: true }
-});
-const ui = useTheme("formSection", void 0, () => ({ radius: props.radius }));
-const root = computed(() => props.plain ? ui.value.plain : ui.value.root);
-const showHeader = computed(() => props.plain ? Boolean(props.section.description) : Boolean(props.section.title || props.section.description));
-</script>
-
-<template>
-    <div :class="root">
-        <div
-            v-if="showHeader"
-            :class="ui.header"
-        >
-            <Text
-                v-if="props.section.title && !props.plain"
-                :class="ui.title"
-                tag="p"
-                tone="inherit"
-                variant="inherit"
-            >
-                {{ props.section.title }}
-            </Text>
-            <Text
-                v-if="props.section.description"
-                :class="ui.description"
-                tag="p"
-                tone="inherit"
-                variant="inherit"
-            >
-                {{ props.section.description }}
-            </Text>
-        </div>
-
-        <div
-            v-for="(field, index) in props.section.fields"
-            :key="`${field.name}-${index}`"
-            :class="getColumnSpanClass(field.columns)"
-        >
-            <FormFieldRenderer :field="field" />
-        </div>
-    </div>
-</template>

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

@@ -1,4 +0,0 @@
-import type { VunoFormSectionProps } from './FormSection.types.js';
-declare const __VLS_export: import("vue").DefineComponent<VunoFormSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VunoFormSectionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,4 +0,0 @@
-import type { VunoIconProps } from './Icon.types.js';
-declare const __VLS_export: import("vue").DefineComponent<VunoIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VunoIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,3 +0,0 @@
-export type VunoIconProps = {
-    name: string;
-};

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

@@ -1,32 +0,0 @@
-<script setup>
-import { resolveDynamicComponent } from "vue";
-defineOptions({
-  /**
-   * El nombre sigue siendo explícito: identifica el wrapper en Vue y en
-   * las herramientas aunque el nombre público dependa del prefijo.
-   */
-  name: "VunoIcon"
-});
-const props = defineProps({
-  name: { type: String, required: true }
-});
-const renderer = resolveDynamicComponent("VunoIconRenderer");
-const iconComponent = typeof renderer === "string" ? resolveDynamicComponent("Icon") : renderer;
-const unavailable = typeof iconComponent === "string";
-const is = unavailable ? "span" : iconComponent;
-</script>
-
-<template>
-    <!--
-        Decorativo por defecto: un nombre Iconify describe el dibujo, no la
-        información que comunica. Quien lo use solo tiene que aportar esa
-        información como texto accesible; si necesita semántica en el propio
-        icono, los atributos de la instancia ganan al llegar aquí.
-    -->
-    <component
-        :is="is"
-        aria-hidden="true"
-        :class="{ 'inline-block': unavailable }"
-        :name="unavailable ? void 0 : props.name"
-    />
-</template>