@groupteknology/vuno 2.0.0 → 4.0.0

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

@@ -1,26 +0,0 @@
-import type { VunoFieldTextarea } from '#vuno/types/field';
-/**
- * `autoresize` lleva `withDefaults` y no se deja al control, que también lo
- * trae en `true`.
- *
- * Vue convierte un prop declarado `boolean` que no viene en `false`, nunca
- * en `undefined`, así que este campo reenviaba `false` al área de texto y
- * le pisaba su propio valor por defecto: un `type: 'textarea'` que no
- * escribiera `autoresize` explícitamente no crecía. Es el mismo caso que
- * `multiple` y `dropzone` en el campo de archivo, y por eso se arregla
- * igual.
- */
-type __VLS_Props = Omit<VunoFieldTextarea, 'columns'>;
-type __VLS_ModelProps = {
-    modelValue?: string | undefined;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {
-    autoresize: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/components/FieldTextarea/internal/Textarea/Textarea.d.vue.ts

@@ -1,34 +0,0 @@
-import type { VunoRadius, VunoSize } from '#vuno/types/base';
-import type { VunoUi } from '#vuno/types/slots';
-type __VLS_Props = Props;
-type Props = {
-    /** Crece con el contenido en vez de enseñar su propia barra. */
-    autoresize?: boolean;
-    /** Tope al crecer, en filas. Sin él crece sin límite. */
-    maxrows?: number;
-    /** La curvatura de la caja. Sin valor, la que traiga el tema. */
-    radius?: VunoRadius;
-    rows?: number;
-    size?: VunoSize;
-    ui?: VunoUi<'control' | 'textarea'>;
-};
-type __VLS_ModelProps = {
-    modelValue?: string | undefined;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
-    textareaRef: Readonly<import("vue").ShallowRef<HTMLTextAreaElement | null>>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {
-    radius: VunoRadius;
-    size: VunoSize;
-    autoresize: boolean;
-    ui: VunoUi<"control" | "textarea">;
-    maxrows: number;
-    rows: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/components/FieldTextarea/internal/Textarea/Textarea.theme.d.ts

@@ -1,36 +0,0 @@
-/**
- * El área de texto. Comparte caja con el input, así que aquí solo queda el
- * `<textarea>`: transparente, sin contorno propio y con su relleno vertical
- * —el de la caja es horizontal, porque un control de una línea se centra y
- * este no—.
- */
-export declare const textareaTheme: Record<"textarea", {
-    readonly slots: {
-        readonly base: "max-h-[calc(var(--vuno-textarea-maxrows,999)*1lh+var(--vuno-textarea-pad)*2)] min-h-[calc(var(--vuno-textarea-rows)*1lh+var(--vuno-textarea-pad)*2)] w-full min-w-0 resize-none bg-transparent py-(--vuno-textarea-pad) outline-none placeholder:text-vuno-subtle disabled:cursor-not-allowed";
-    };
-    readonly variants: {
-        readonly autoresize: {
-            readonly false: {};
-            readonly true: {
-                readonly base: "field-sizing-content";
-            };
-        };
-        readonly size: {
-            readonly xs: {
-                readonly base: "[--vuno-textarea-pad:0.25rem]";
-            };
-            readonly sm: {
-                readonly base: "[--vuno-textarea-pad:0.25rem]";
-            };
-            readonly md: {
-                readonly base: "[--vuno-textarea-pad:0.375rem]";
-            };
-            readonly lg: {
-                readonly base: "[--vuno-textarea-pad:0.5rem]";
-            };
-            readonly xl: {
-                readonly base: "[--vuno-textarea-pad:0.5rem]";
-            };
-        };
-    };
-}>;

package/dist/runtime/app/components/FieldTextarea/internal/Textarea/Textarea.theme.js

@@ -1,37 +0,0 @@
-import { defineTheme } from "#vuno/utils/theme";
-export const textareaTheme = defineTheme("textarea", {
-  slots: {
-    /*
-     * El mínimo y el máximo se calculan aquí, en unidades `lh`, a partir
-     * de dos variables que el componente baja —`rows` y `maxrows` son
-     * props y el tema no los conoce—. `lh` es la altura de línea real del
-     * elemento, así que el tope son filas de verdad y no una estimación.
-     *
-     * Sin `maxrows` la variable no existe y el respaldo de 999 deja el
-     * crecimiento sin tope, que es lo documentado.
-     *
-     * El relleno va por variable y no con `py-*` porque entra en las dos
-     * cuentas: un proyecto que quiera otro cambia
-     * `--vuno-textarea-pad`, no la utilidad.
-     */
-    base: "max-h-[calc(var(--vuno-textarea-maxrows,999)*1lh+var(--vuno-textarea-pad)*2)] min-h-[calc(var(--vuno-textarea-rows)*1lh+var(--vuno-textarea-pad)*2)] w-full min-w-0 resize-none bg-transparent py-(--vuno-textarea-pad) outline-none placeholder:text-vuno-subtle disabled:cursor-not-allowed"
-  },
-  variants: {
-    /*
-     * Crecer con el contenido es una propiedad del navegador, no una
-     * medición nuestra. Va en la variante para que siga siendo
-     * sobreescribible como todo lo demás.
-     */
-    autoresize: {
-      false: {},
-      true: { base: "field-sizing-content" }
-    },
-    size: {
-      xs: { base: "[--vuno-textarea-pad:0.25rem]" },
-      sm: { base: "[--vuno-textarea-pad:0.25rem]" },
-      md: { base: "[--vuno-textarea-pad:0.375rem]" },
-      lg: { base: "[--vuno-textarea-pad:0.5rem]" },
-      xl: { base: "[--vuno-textarea-pad:0.5rem]" }
-    }
-  }
-});

package/dist/runtime/app/components/FieldTextarea/internal/Textarea/Textarea.vue

@@ -1,43 +0,0 @@
-<script setup>
-import { computed, useTemplateRef } from "vue";
-import { useTheme } from "#vuno/composables/useTheme";
-import ControlShell from "#vuno/components/internal/ControlShell/ControlShell.vue";
-defineOptions({ name: "VunoTextarea", inheritAttrs: false });
-const model = defineModel({ type: null, ...{ default: void 0 } });
-const props = defineProps({
-  autoresize: { type: Boolean, required: false, default: true },
-  maxrows: { type: Number, required: false, default: void 0 },
-  radius: { type: String, required: false, default: void 0 },
-  rows: { type: Number, required: false, default: 3 },
-  size: { type: String, required: false, default: "md" },
-  ui: { type: Object, required: false, default: void 0 }
-});
-const ui = useTheme(
-  "textarea",
-  () => props.ui,
-  () => ({ autoresize: String(props.autoresize), size: props.size })
-);
-const area = useTemplateRef("area");
-const sizing = computed(() => ({
-  "--vuno-textarea-maxrows": props.maxrows,
-  "--vuno-textarea-rows": props.rows
-}));
-defineExpose({ textareaRef: area });
-</script>
-
-<template>
-    <ControlShell
-        :radius="props.radius"
-        :size="props.size"
-        :ui="props.ui"
-    >
-        <textarea
-            ref="area"
-            v-bind="$attrs"
-            v-model="model"
-            :class="ui.base"
-            :rows="props.rows"
-            :style="sizing"
-        />
-    </ControlShell>
-</template>

package/dist/runtime/app/components/FieldTextarea/internal/Textarea/Textarea.vue.d.ts

@@ -1,34 +0,0 @@
-import type { VunoRadius, VunoSize } from '#vuno/types/base';
-import type { VunoUi } from '#vuno/types/slots';
-type __VLS_Props = Props;
-type Props = {
-    /** Crece con el contenido en vez de enseñar su propia barra. */
-    autoresize?: boolean;
-    /** Tope al crecer, en filas. Sin él crece sin límite. */
-    maxrows?: number;
-    /** La curvatura de la caja. Sin valor, la que traiga el tema. */
-    radius?: VunoRadius;
-    rows?: number;
-    size?: VunoSize;
-    ui?: VunoUi<'control' | 'textarea'>;
-};
-type __VLS_ModelProps = {
-    modelValue?: string | undefined;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
-    textareaRef: Readonly<import("vue").ShallowRef<HTMLTextAreaElement | null>>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {
-    radius: VunoRadius;
-    size: VunoSize;
-    autoresize: boolean;
-    ui: VunoUi<"control" | "textarea">;
-    maxrows: number;
-    rows: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/components/Form/internal/FormFieldRenderer/FormFieldRenderer.d.vue.ts

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

package/dist/runtime/app/components/Form/internal/FormFieldRenderer/FormFieldRenderer.vue

@@ -1,67 +0,0 @@
-<script setup>
-import { computed } from "vue";
-import FieldArray from "#vuno/components/FieldArray/FieldArray.vue";
-import FieldCheckbox from "#vuno/components/FieldCheckbox/FieldCheckbox.vue";
-import FieldColor from "#vuno/components/FieldColor/FieldColor.vue";
-import FieldCurrency from "#vuno/components/FieldCurrency/FieldCurrency.vue";
-import FieldFile from "#vuno/components/FieldFile/FieldFile.vue";
-import FieldInput from "#vuno/components/FieldInput/FieldInput.vue";
-import FieldNumber from "#vuno/components/FieldNumber/FieldNumber.vue";
-import FieldPassword from "#vuno/components/FieldPassword/FieldPassword.vue";
-import FieldRadio from "#vuno/components/FieldRadio/FieldRadio.vue";
-import FieldSearch from "#vuno/components/FieldSearch/FieldSearch.vue";
-import FieldSelect from "#vuno/components/FieldSelect/FieldSelect.vue";
-import FieldSlug from "#vuno/components/FieldSlug/FieldSlug.vue";
-import FieldSwitch from "#vuno/components/FieldSwitch/FieldSwitch.vue";
-import FieldTags from "#vuno/components/FieldTags/FieldTags.vue";
-import FieldTextarea from "#vuno/components/FieldTextarea/FieldTextarea.vue";
-defineOptions({ name: "VunoFormFieldRenderer" });
-const props = defineProps({
-  field: { type: Object, required: true }
-});
-const components = {
-  array: FieldArray,
-  checkbox: FieldCheckbox,
-  color: FieldColor,
-  currency: FieldCurrency,
-  date: FieldInput,
-  email: FieldInput,
-  file: FieldFile,
-  number: FieldNumber,
-  password: FieldPassword,
-  phone: FieldInput,
-  radio: FieldRadio,
-  search: FieldSearch,
-  select: FieldSelect,
-  slug: FieldSlug,
-  switch: FieldSwitch,
-  tags: FieldTags,
-  text: FieldInput,
-  textarea: FieldTextarea,
-  url: FieldInput
-};
-const component = computed(() => components[props.field.type]);
-const inputTypes = /* @__PURE__ */ new Set(["date", "email", "phone", "text", "url"]);
-const fieldProps = computed(() => {
-  const { columns: _columns, ...rest } = props.field;
-  if (inputTypes.has(props.field.type)) return rest;
-  const { type: _type, ...withoutType } = rest;
-  return withoutType;
-});
-</script>
-
-<template>
-    <!--
-        El envoltorio es propio, y la razón por la que se escribió no era el
-        aspecto. El `UFormField` de Nuxt UI, que es lo que había antes, entregaba
-        el `id`, el `aria-describedby` y el `aria-invalid` **por inyección**, y
-        solo los recogían sus propios componentes: el primer campo de la casa que
-        entrara se quedaba sin etiqueta asociada, viéndose exactamente igual.
-        Este los entrega por el slot, que lo recoge cualquiera — y esa sigue
-        siendo la razón de que siga así ahora que Nuxt UI ya no está.
-    -->
-    <component
-        :is="component"
-        v-bind="fieldProps"
-    />
-</template>

package/dist/runtime/app/components/Form/internal/FormFieldRenderer/FormFieldRenderer.vue.d.ts

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

package/dist/runtime/app/components/Form/internal/grid.d.ts

@@ -1,9 +0,0 @@
-import type { VunoFieldColumns } from '#vuno/types/field';
-/**
- * `min-w-0` acompaña siempre al `col-span`: un grid item nace con
- * `min-width: auto`, que le impide encoger por debajo de su contenido mínimo
- * y hace que se salga de la pista en contenedores estrechos (un modal, por
- * ejemplo). Sin esto el ancho lo acabaría decidiendo el contenido y no el
- * grid, que es justo lo contrario de lo que persigue el sistema de columnas.
- */
-export declare function getColumnSpanClass(columns?: VunoFieldColumns): string[];

package/dist/runtime/app/components/Form/internal/grid.js

@@ -1,91 +0,0 @@
-const spanClasses = {
-  xs: {
-    1: "col-span-1",
-    2: "col-span-2",
-    3: "col-span-3",
-    4: "col-span-4",
-    5: "col-span-5",
-    6: "col-span-6",
-    7: "col-span-7",
-    8: "col-span-8",
-    9: "col-span-9",
-    10: "col-span-10",
-    11: "col-span-11",
-    12: "col-span-12"
-  },
-  sm: {
-    1: "@sm:col-span-1",
-    2: "@sm:col-span-2",
-    3: "@sm:col-span-3",
-    4: "@sm:col-span-4",
-    5: "@sm:col-span-5",
-    6: "@sm:col-span-6",
-    7: "@sm:col-span-7",
-    8: "@sm:col-span-8",
-    9: "@sm:col-span-9",
-    10: "@sm:col-span-10",
-    11: "@sm:col-span-11",
-    12: "@sm:col-span-12"
-  },
-  md: {
-    1: "@md:col-span-1",
-    2: "@md:col-span-2",
-    3: "@md:col-span-3",
-    4: "@md:col-span-4",
-    5: "@md:col-span-5",
-    6: "@md:col-span-6",
-    7: "@md:col-span-7",
-    8: "@md:col-span-8",
-    9: "@md:col-span-9",
-    10: "@md:col-span-10",
-    11: "@md:col-span-11",
-    12: "@md:col-span-12"
-  },
-  lg: {
-    1: "@lg:col-span-1",
-    2: "@lg:col-span-2",
-    3: "@lg:col-span-3",
-    4: "@lg:col-span-4",
-    5: "@lg:col-span-5",
-    6: "@lg:col-span-6",
-    7: "@lg:col-span-7",
-    8: "@lg:col-span-8",
-    9: "@lg:col-span-9",
-    10: "@lg:col-span-10",
-    11: "@lg:col-span-11",
-    12: "@lg:col-span-12"
-  },
-  xl: {
-    1: "@xl:col-span-1",
-    2: "@xl:col-span-2",
-    3: "@xl:col-span-3",
-    4: "@xl:col-span-4",
-    5: "@xl:col-span-5",
-    6: "@xl:col-span-6",
-    7: "@xl:col-span-7",
-    8: "@xl:col-span-8",
-    9: "@xl:col-span-9",
-    10: "@xl:col-span-10",
-    11: "@xl:col-span-11",
-    12: "@xl:col-span-12"
-  }
-};
-export function getColumnSpanClass(columns) {
-  if (!columns) return ["min-w-0", "col-span-12"];
-  if (typeof columns === "number") return ["min-w-0", "col-span-12", spanClasses.md[columns]];
-  const classes = ["min-w-0"];
-  classes.push(spanClasses.xs[columns.xs ?? 12]);
-  if (columns.sm) {
-    classes.push(spanClasses.sm[columns.sm]);
-  }
-  if (columns.md) {
-    classes.push(spanClasses.md[columns.md]);
-  }
-  if (columns.lg) {
-    classes.push(spanClasses.lg[columns.lg]);
-  }
-  if (columns.xl) {
-    classes.push(spanClasses.xl[columns.xl]);
-  }
-  return classes;
-}

package/dist/runtime/app/components/Form/internal/standard-schema.d.ts

@@ -1,29 +0,0 @@
-/**
- * Adaptador de [Standard Schema](https://standardschema.dev).
- *
- * El contrato público que implementan zod, valibot y arktype vive en
- * `types/form.ts`; aquí quedan solo la detección y la traducción de errores que
- * usa el motor del formulario.
- */
-import type { VunoSchema, VunoSchemaIssue } from '#vuno/types/form';
-/** Errores por ruta: `{ 'variants.0.sku': 'El SKU es requerido' }`. */
-export type VunoFormErrors = Record<string, string>;
-/**
- * Convierte la ruta de un problema en la que usan los campos.
- *
- * Los índices llegan como números y el contrato admite además objetos `{ key }`,
- * así que se normalizan los tres casos. El resultado tiene que coincidir con el
- * `name` del campo —`variants.0.sku`— o el error no se pintaría en ninguna
- * parte: se vería un formulario que no envía y no dice por qué.
- */
-export declare function toErrorPath(path: VunoSchemaIssue['path']): string;
-/**
- * Agrupa los problemas por ruta, quedándose con el primero de cada una.
- *
- * Un campo puede incumplir varias reglas a la vez —vacío y además demasiado
- * corto— y enseñarlas todas es ruido: la primera es la que hay que arreglar
- * para avanzar.
- */
-export declare function toErrorMap(issues: readonly VunoSchemaIssue[] | undefined): VunoFormErrors;
-/** Detecta si algo implementa el contrato, para no llamar a `validate` a ciegas. */
-export declare function isStandardSchema<TValue = unknown>(schema: unknown): schema is VunoSchema<TValue>;

package/dist/runtime/app/components/Form/internal/standard-schema.js

@@ -1,15 +0,0 @@
-export function toErrorPath(path) {
-  if (!path || path.length === 0) return "";
-  return path.map((segment) => String(typeof segment === "object" ? segment.key : segment)).join(".");
-}
-export function toErrorMap(issues) {
-  const errors = {};
-  for (const issue of issues ?? []) {
-    const path = toErrorPath(issue.path);
-    errors[path] ??= issue.message;
-  }
-  return errors;
-}
-export function isStandardSchema(schema) {
-  return typeof schema === "object" && schema !== null && "~standard" in schema;
-}

package/dist/runtime/app/components/Form/internal/useVunoFormState.d.ts

@@ -1,43 +0,0 @@
-import { type ComputedRef, type Ref } from 'vue';
-import type { VunoSchema } from '#vuno/types/form';
-import { type VunoFormErrors } from './standard-schema.js';
-type VunoFormStateOptions<TState extends object> = {
-    /** Estado del formulario. Lo posee quien llama, no el motor. */
-    state: Ref<TState>;
-    /** Cualquier esquema que implemente Standard Schema: zod, valibot, arktype. */
-    schema?: () => undefined | VunoSchema;
-};
-type VunoFormEngine<TState extends object> = {
-    dirty: ComputedRef<boolean>;
-    errors: VunoFormErrors;
-    /** Si ya se intentó enviar. Cambia cuándo se valida. */
-    submitted: Ref<boolean>;
-    submitting: Ref<boolean>;
-    touched: Record<string, boolean>;
-    /** Marca un campo como visitado; se llama al salir de él. */
-    blur: (name: string) => void;
-    /** El error de un campo, solo cuando toca enseñarlo. */
-    errorFor: (name: string) => string | undefined;
-    getValue: <TValue = unknown>(name: string) => TValue | undefined;
-    isDirty: (name?: string) => boolean;
-    reset: (next?: TState) => void;
-    /** Devuelve un campo a su valor de partida, sin tocar el resto. */
-    resetField: (name: string) => void;
-    setValue: (name: string, value: unknown) => void;
-    /** Valida y, si está bien, ejecuta. No ejecuta nada si hay errores. */
-    submit: (onValid: (state: TState) => unknown) => Promise<boolean>;
-    /** Valida todo. Devuelve si el estado es válido. */
-    validate: () => Promise<boolean>;
-};
-/**
- * El motor de un formulario: estado, errores, tocado, sucio y envío.
- *
- * No pinta nada ni conoce ningún componente. Valida contra Standard Schema, que
- * es el contrato que implementan zod, valibot y arktype, así que no ata el
- * módulo a ninguna biblioteca de validación ni la añade como dependencia.
- *
- * Todavía no se auto-importa —vive en `internal/`—: publicarlo congela su forma
- * y antes conviene que lo use algo real.
- */
-export declare function useVunoFormState<TState extends object>(options: VunoFormStateOptions<TState>): VunoFormEngine<TState>;
-export {};

package/dist/runtime/app/components/Form/internal/useVunoFormState.js

@@ -1,81 +0,0 @@
-import { computed, reactive, ref, shallowRef } from "vue";
-import { cloneValue, getPath, isEqual, setPath } from "#vuno/utils/path";
-import { isStandardSchema, toErrorMap } from "./standard-schema.js";
-export function useVunoFormState(options) {
-  const { state } = options;
-  const errors = reactive({});
-  const touched = reactive({});
-  const submitted = ref(false);
-  const submitting = ref(false);
-  const initial = shallowRef(cloneValue(state.value));
-  const dirty = computed(() => !isEqual(state.value, initial.value));
-  const isDirty = (name) => name === void 0 ? dirty.value : !isEqual(getPath(state.value, name), getPath(initial.value, name));
-  const getValue = (name) => getPath(state.value, name);
-  let lastRun = 0;
-  async function runSchema() {
-    const schema = options.schema?.();
-    if (!isStandardSchema(schema)) return {};
-    const run = ++lastRun;
-    const result = await schema["~standard"].validate(state.value);
-    if (run !== lastRun) return null;
-    return toErrorMap(result.issues);
-  }
-  function replaceErrors(next) {
-    for (const key of Object.keys(errors)) delete errors[key];
-    Object.assign(errors, next);
-  }
-  async function validate() {
-    let next = await runSchema();
-    while (next === null) next = await runSchema();
-    replaceErrors(next);
-    return Object.keys(errors).length === 0;
-  }
-  const isRevealed = (name) => submitted.value || touched[name] === true;
-  function applyRevealed(next) {
-    for (const name of Object.keys(errors)) {
-      if (next[name] === void 0 || !isRevealed(name)) delete errors[name];
-    }
-    for (const [name, message] of Object.entries(next)) {
-      if (isRevealed(name)) errors[name] = message;
-    }
-  }
-  async function revalidate() {
-    if (!submitted.value && Object.keys(touched).length === 0) return;
-    const next = await runSchema();
-    if (!next) return;
-    applyRevealed(next);
-  }
-  function setValue(name, value) {
-    setPath(state.value, name, value);
-    void revalidate();
-  }
-  function blur(name) {
-    touched[name] = true;
-    void revalidate();
-  }
-  const errorFor = (name) => isRevealed(name) ? errors[name] : void 0;
-  async function submit(onValid) {
-    submitted.value = true;
-    submitting.value = true;
-    try {
-      if (!await validate()) return false;
-      await onValid(state.value);
-      return true;
-    } finally {
-      submitting.value = false;
-    }
-  }
-  function resetField(name) {
-    setPath(state.value, name, cloneValue(getPath(initial.value, name)));
-    delete touched[name];
-    delete errors[name];
-  }
-  function reset(next) {
-    if (next) state.value = next;
-    initial.value = cloneValue(state.value);
-    replaceErrors({});
-    for (const key of Object.keys(touched)) delete touched[key];
-    submitted.value = false;
-  }
-  return { blur, dirty, errorFor, errors, getValue, isDirty, reset, resetField, setValue, submit, submitted, submitting, touched, validate };
-}

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

@@ -1,35 +0,0 @@
-import type { VunoSize } from '#vuno/types/base';
-import type { VunoFieldOrientation } from '#vuno/types/field';
-import type { VunoUi } from '#vuno/types/slots';
-type Props = {
-    name?: string;
-    description?: string;
-    error?: string;
-    help?: string;
-    hint?: string;
-    label?: string;
-    orientation?: VunoFieldOrientation;
-    required?: boolean;
-    size?: VunoSize;
-    ui?: VunoUi<'formField'>;
-};
-declare var __VLS_1: {
-    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_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<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;
-    };
-};