@groupteknology/vuno 1.0.1 → 2.0.0

package/dist/runtime/app/types/shortcuts.d.ts

@@ -0,0 +1,44 @@
+/** Lo que corre cuando el atajo entra. Recibe el evento por si hace falta pararlo o leerlo. */
+export type VunoShortcutHandler = (event: KeyboardEvent) => void;
+/**
+ * Un atajo: la función a secas, o la función con condiciones.
+ *
+ * `usingInput` decide qué pasa cuando el foco está dentro de un campo, y es la
+ * parte que no se puede omitir: sin ella, escribir «g» en un buscador dispararía
+ * el atajo «ir a…» y el usuario vería la página cambiar mientras teclea.
+ *
+ * - `false` —lo de serie— solo fuera de un campo.
+ * - `true` también dentro, que es lo que quiere `escape` para cerrar.
+ * - una cadena, solo dentro del campo que se llame así, que es lo que quiere
+ *   `enter` para buscar sin robarle el Enter al resto de formularios.
+ */
+export type VunoShortcut = VunoShortcutHandler | {
+    handler: VunoShortcutHandler;
+    usingInput?: boolean | string;
+};
+/**
+ * El mapa de atajos. La clave es la combinación y el valor lo que hace.
+ *
+ * Un valor falso —`false`, `null`, `undefined`— **salta ese atajo sin sacarlo
+ * del mapa**, que es como se enciende y se apaga uno según el estado sin
+ * reconstruir el objeto entero.
+ */
+export type VunoShortcuts = Record<string, false | null | undefined | VunoShortcut>;
+export type VunoShortcutsOptions = {
+    /**
+     * Cuánto se espera entre teclas para que sigan contando como una secuencia.
+     *
+     * Pasado ese tiempo la secuencia se olvida, que es lo que evita que teclear
+     * «g» ahora y «d» dentro de un minuto acabe navegando a otra parte.
+     */
+    chainDelay?: number;
+    /**
+     * Comparar por la **posición física** de la tecla en vez de por el carácter.
+     *
+     * Con esto puesto, un teclado árabe o hebreo dispara los mismos atajos que
+     * uno latino, porque se mira dónde está la tecla y no qué letra escribe. El
+     * precio es el contrario: un teclado AZERTY tendrá la `a` donde el QWERTY
+     * tiene la `q`.
+     */
+    layoutIndependent?: boolean;
+};

package/dist/runtime/app/types/slots.d.ts

@@ -0,0 +1,30 @@
+import type { defaultTheme } from '#vuno/theme/index';
+import type { VunoSlots } from './base.js';
+import type { VunoThemeKey } from './theme.js';
+type DefaultTheme = typeof defaultTheme;
+/** Nombres de slot declarados por la base, las variantes o sus combinaciones. */
+type VunoSlotOfOne<TKey extends VunoThemeKey> = (DefaultTheme[TKey] extends {
+    compoundVariants: readonly {
+        class: infer TClass;
+    }[];
+} ? Extract<keyof TClass, string> : never) | (DefaultTheme[TKey] extends {
+    slots: infer TSlots;
+} ? Extract<keyof TSlots, string> : never) | (DefaultTheme[TKey] extends {
+    variants: infer TVariants;
+} ? {
+    [TDimension in keyof TVariants]: {
+        [TValue in keyof TVariants[TDimension]]: Extract<keyof TVariants[TDimension][TValue], string>;
+    }[keyof TVariants[TDimension]];
+}[keyof TVariants] : never);
+export type VunoSlotOf<TKey extends VunoThemeKey> = TKey extends VunoThemeKey ? VunoSlotOfOne<TKey> : never;
+/** Override `ui` de una clave concreta, con autocompletado y rechazo de errores tipográficos. */
+export type VunoUi<TKey extends VunoThemeKey> = VunoSlots<[VunoSlotOf<TKey>] extends [never] ? string : VunoSlotOf<TKey>>;
+/** Las dimensiones de variante que una clave admite. */
+export type VunoVariantOf<TKey extends VunoThemeKey> = DefaultTheme[TKey] extends {
+    variants: infer TVariants;
+} ? Extract<keyof TVariants, string> : string;
+/** Las variantes activas de una clave, con el valor elegido. */
+export type VunoVariantsOf<TKey extends VunoThemeKey> = Partial<Record<VunoVariantOf<TKey>, string | undefined>>;
+/** Slots resueltos por `useTheme`: todas sus clases ya son una cadena. */
+export type VunoResolvedSlots<TKey extends VunoThemeKey> = Record<[VunoSlotOf<TKey>] extends [never] ? string : VunoSlotOf<TKey>, string>;
+export {};

package/dist/runtime/app/types/state.d.ts

@@ -1,4 +1,4 @@
-import type { VunoSlots } from './base.js';
+import type { VunoUi } from './slots.js';
 import type { VunoTableFailure } from './table.js';
 /** El estado vacío: lo que hay que decir cuando todavía no hay nada. */
 export type VunoStateEmptyProps = {
@@ -10,14 +10,14 @@ export type VunoStateEmptyProps = {
     title?: string;
     /** `'empty'` o nada: es el que sale por defecto. */
     tone?: 'empty';
-    ui?: VunoSlots;
+    ui?: VunoUi<'state'>;
 };
 /** El estado de fallo, que no existe sin el objeto que trae el reintento. */
 export type VunoStateFailureProps = {
     /** El fallo con su reintento dentro: no hay forma de pintarlo sin salida. */
     failure: VunoTableFailure;
     tone: 'failure';
-    ui?: VunoSlots;
+    ui?: VunoUi<'state'>;
 };
 /**
  * Lo que se pinta donde debería haber contenido y no lo hay.

package/dist/runtime/app/types/table.d.ts

@@ -1,5 +1,6 @@
+import type { VunoColor, VunoSize } from './base.js';
 import type { VunoField } from './field.js';
-import type { VunoColor, VunoSize, VunoSlots } from './base.js';
+import type { VunoUi } from './slots.js';
 type WithType<TColumn, TType extends string> = TColumn & {
     type: TType;
 };
@@ -79,7 +80,7 @@ export type VunoTableColumnBase<TRow extends VunoTableRow = VunoTableRow> = {
     key: string;
     label?: string;
     sortable?: boolean;
-    ui?: VunoSlots;
+    ui?: VunoUi<'avatar' | 'badge' | 'cellBoolean' | 'cellCurrency' | 'cellDate' | 'cellNumber' | 'cellText' | 'menu'>;
     width?: string;
     /**
      * Calcula el valor a partir de la fila entera, en lugar de leerlo de `key`.

package/dist/runtime/app/types/theme.d.ts

@@ -1,5 +1,5 @@
-import type { VunoFieldType } from './field.js';
 import type { VunoSlots } from './base.js';
+import type { VunoFieldInputType, VunoFieldType } from './field-type.js';
 /**
  * Claves tematizables, y **cada una se llama como su componente sin la `V`**:
  * `VCard` se personaliza con `card`, `VNumberInput` con `numberInput`.
@@ -28,14 +28,38 @@ import type { VunoSlots } from './base.js';
  * a mirar; queda dicho aquí para que quien añada una excepción sepa que no hay
  * red debajo.
  */
-export type VunoThemeKey = 'avatar' | 'badge' | 'button' | 'card' | 'cellBoolean' | 'cellCurrency' | 'cellDate' | 'cellNumber' | 'cellText' | 'checkbox' | 'confirm' | 'container' | 'control' | 'dashboardPage' | 'fileUpload' | 'form' | 'formField' | 'formModal' | 'formSection' | 'input' | 'layoutDashboard' | 'menu' | 'modal' | 'navbar' | 'navigation' | 'numberInput' | 'page' | 'pagination' | 'publicLayout' | 'radioGroup' | 'select' | 'state' | 'switch' | 'table' | 'tabs' | 'textarea' | 'toast' | 'toaster' | 'tooltip' | `field${Capitalize<VunoFieldType>}`;
+export type VunoThemeKey = 'alert' | 'avatar' | 'badge' | 'button' | 'card' | 'cellBoolean' | 'cellCurrency' | 'cellDate' | 'cellNumber' | 'cellText' | 'checkbox' | 'code' | 'confirm' | 'container' | 'control' | 'controlGroup' | 'fieldInput' | 'fileUpload' | 'form' | 'formField' | 'formModal' | 'formSection' | 'input' | 'menu' | 'modal' | 'navbar' | 'navigationList' | 'navigationMenu' | 'navigationToc' | 'numberInput' | 'page' | 'pagination' | 'radioGroup' | 'select' | 'slideover' | 'state' | 'switch' | 'table' | 'tabs' | 'tagsInput' | 'textarea' | 'toast' | 'toaster' | 'tooltip' | `field${Capitalize<Exclude<VunoFieldType, VunoFieldInputType>>}`;
 /**
  * Slots que se aplican cuando una dimensión toma cierto valor: `color: 'error'`
  * o `variant: 'solid'`. Se funden sobre los slots base en el orden en que el
  * componente los pide.
  */
 export type VunoThemeVariants = Record<string, Record<string, VunoSlots>>;
+/**
+ * Clases que solo se aplican cuando **coinciden varias variantes a la vez**.
+ *
+ * Las claves que no son `class` son las condiciones, y se cumplen todas o no se
+ * aplica ninguna: `{ color: 'neutral', variant: 'link', class: { base: '…' } }`
+ * solo entra cuando el botón es las dos cosas.
+ *
+ * Existe para lo que la variable de acento no alcanza. El mecanismo de serie
+ * —el color asigna `--vuno-accent` y la variante la consume— cubre el caso
+ * corriente sin escribir combinaciones, y por eso sigue siendo el primero al
+ * que acudir. Lo que no cubre es cuando una pareja concreta necesita algo que
+ * no es un color: un borde que solo esa combinación quiere, un relleno
+ * distinto. Antes de esto, la única salida era declarar la pareja como una
+ * variante más y perder la ortogonalidad.
+ */
+export type VunoThemeCompoundVariant = {
+    class: VunoSlots;
+} & Record<string, string | undefined | VunoSlots>;
 export type VunoThemeEntry = {
+    /**
+     * Las combinaciones, que se aplican **después** de las variantes sueltas de
+     * su mismo nivel. Ese orden es el que las hace útiles: lo específico llega
+     * al final y gana el conflicto que tailwind-merge deshace.
+     */
+    compoundVariants?: VunoThemeCompoundVariant[];
     slots?: VunoSlots;
     /**
      * Evita declarar cada combinación: un botón con siete colores y cuatro
@@ -44,6 +68,10 @@ export type VunoThemeEntry = {
      * —`--vuno-accent`, `--vuno-accent-contrast`— y la variante las consume
      * con `bg-(--vuno-accent)`, así que son siete más cuatro y no hay
      * combinaciones compuestas que mantener.
+     *
+     * Para lo que esa vía no alcanza está `compoundVariants`, que es la
+     * excepción y no el camino: cada entrada suya **sí** es una combinación que
+     * alguien mantiene.
      */
     variants?: VunoThemeVariants;
 };
@@ -53,16 +81,16 @@ export type VunoThemeConfig = {
 export type VunoIcons = {
     actions: string;
     addItem: string;
-    /** Celda booleana sin etiquetas: el «sí». */
-    /** El botón que abre el cajón y el que pliega el raíl: el mismo icono, dos acciones. */
-    asideToggle: string;
     /** Celda booleana sin etiquetas: el «no». */
     booleanFalse: string;
+    /** Celda booleana sin etiquetas: el «sí». */
     booleanTrue: string;
     /** Separador entre segmentos de la ruta de navegación. */
     breadcrumbSeparator: string;
     clearSearch: string;
     close: string;
+    codeCopied: string;
+    codeCopy: string;
     confirm: string;
     empty: string;
     failure: string;
@@ -86,6 +114,8 @@ export type VunoIcons = {
     paginationLast: string;
     paginationNext: string;
     paginationPrevious: string;
+    passwordHide: string;
+    passwordShow: string;
     removeItem: string;
     retry: string;
     search: string;
@@ -102,9 +132,9 @@ export type VunoIcons = {
 export type VunoMessages = {
     addItem: string;
     applyFilters: string;
-    /** Enlace que salta la barra y el menú de un layout y deja el foco en el contenido. */
-    asideCollapse: string;
-    asideToggle: string;
+    /** Valores accesibles de una celda booleana que se representa visualmente con un icono. */
+    booleanFalse: string;
+    booleanTrue: string;
     /** Nombre accesible de la ruta de navegación. */
     breadcrumb: string;
     cancel: string;
@@ -114,6 +144,11 @@ export type VunoMessages = {
     clearSearch: string;
     clearSelection: string;
     close: string;
+    codeCopied: string;
+    codeCopiedAnnouncement: string;
+    codeCopy: string;
+    codeCopyFailed: string;
+    codeRegion: string;
     /** Distingue el selector del sistema del hexadecimal de al lado, que sin esto se anuncian igual. */
     colorPicker: string;
     confirm: string;
@@ -122,6 +157,8 @@ export type VunoMessages = {
     created: string;
     deleted: string;
     deleteFailed: string;
+    /** Título y nombre accesible del índice de una página de documentación. */
+    documentToc: string;
     emptyArray: string;
     /** Segunda línea del estado vacío. Vacía por defecto: vuno no sabe qué falta en una lista ajena. */
     emptyHint: string;
@@ -137,9 +174,9 @@ export type VunoMessages = {
      * Nombre accesible de la barra de navegación.
      *
      * Lo lleva porque `VNavbar` es un `<nav>` y en la misma pantalla suele haber
-     * otro —la columna de un dashboard—: dos regiones de navegación sin nombre
-     * se anuncian igual y no se distinguen. Es el mismo defecto que ya se
-     * arregló en el paginador y en la barra del layout de aplicación.
+     * otro —la navegación lateral de la aplicación—: dos regiones de navegación
+     * sin nombre se anuncian igual y no se distinguen. Es el mismo defecto que
+     * ya se arregló en el paginador.
      */
     navbarLabel: string;
     /** Lista vacía porque la búsqueda o los filtros no casan con nada. */
@@ -159,6 +196,8 @@ export type VunoMessages = {
     paginationLast: string;
     paginationNext: string;
     paginationPrevious: string;
+    passwordHide: string;
+    passwordShow: string;
     removeItem: string;
     /** Pie de una tabla que no pagina: «30 resultados». */
     results: string;
@@ -187,12 +226,11 @@ export type VunoMessages = {
      * es cuál sin ver la pantalla.
      */
     selectRow: string;
-    /** Nombre accesible del disparador del `select`. Sin él, reka pone «Show popup». */
+    /** Nombre accesible del disparador del `select`. */
     selectToggle: string;
     showing: string;
     /** Enlace que salta las filas y deja el foco en el pie de la tabla. */
     skipTable: string;
-    skipToContent: string;
     slugEdit: string;
     slugReset: string;
     updated: string;

package/dist/runtime/app/utils/format.js

@@ -30,7 +30,7 @@ export function formatDate(value, locale, options) {
 }
 export function toHexColor(value) {
   if (!value) return void 0;
-  const corto = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/i.exec(value);
-  if (corto) return `#${corto[1]}${corto[1]}${corto[2]}${corto[2]}${corto[3]}${corto[3]}`.toLowerCase();
+  const shorthand = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/i.exec(value);
+  if (shorthand) return `#${shorthand[1]}${shorthand[1]}${shorthand[2]}${shorthand[2]}${shorthand[3]}${shorthand[3]}`.toLowerCase();
   return /^#[0-9a-f]{6}$/i.test(value) ? value.toLowerCase() : void 0;
 }

package/dist/runtime/app/utils/path.js

@@ -1,20 +1,22 @@
+const unsafePathKeys = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
 export function parsePath(path) {
   return path.replace(/\[(\d+)\]/g, ".$1").split(".").filter(Boolean);
 }
 export function getPath(object, path) {
   const keys = parsePath(path);
+  if (keys.some((key) => unsafePathKeys.has(key))) return void 0;
   let current = object;
   for (const key of keys) {
     if (current === null || current === void 0 || typeof current !== "object") {
       return void 0;
     }
-    current = current[key];
+    current = Object.hasOwn(current, key) ? current[key] : void 0;
   }
   return current;
 }
 export function setPath(object, path, value) {
   const keys = parsePath(path);
-  if (keys.length === 0) {
+  if (keys.length === 0 || keys.some((key) => unsafePathKeys.has(key))) {
     return;
   }
   let current = object;

package/dist/runtime/app/utils/theme.d.ts

@@ -1,5 +1,6 @@
+import { type ClassValue } from 'clsx';
 import type { VunoSlots } from '#vuno/types/base';
-import type { VunoThemeVariants } from '#vuno/types/theme';
+import type { VunoThemeCompoundVariant, VunoThemeEntry, VunoThemeKey, VunoThemeVariants } from '#vuno/types/theme';
 /**
  * Los slots de las variantes activas.
  *
@@ -11,6 +12,18 @@ import type { VunoThemeVariants } from '#vuno/types/theme';
  * consuma, en lugar de confiar en quién funde después.
  */
 export declare function selectVariants(variants: undefined | VunoThemeVariants, active: Record<string, string | undefined> | undefined): (undefined | VunoSlots)[];
+/**
+ * Las combinaciones que se cumplen enteras.
+ *
+ * Todas sus condiciones o ninguna: una entrada con `color` y `variant` solo
+ * entra si las dos coinciden con lo activo. Una condición cuya dimensión no
+ * esté activa **no** cuenta como cumplida, que es lo que evita que una
+ * combinación se cuele en un componente que ni declara esa variante.
+ *
+ * Se aplican después de `selectVariants` del mismo nivel, y ese orden es lo que
+ * las hace útiles: lo específico llega al final y gana el conflicto.
+ */
+export declare function selectCompoundVariants(compounds: undefined | VunoThemeCompoundVariant[], active: Record<string, string | undefined> | undefined): (undefined | VunoSlots)[];
 /** Une un slot escrito como array en una sola cadena, descartando lo vacío. */
 export declare function toClassString(value: string | string[] | undefined): string;
 /**
@@ -24,3 +37,8 @@ export declare function toClassString(value: string | string[] | undefined): str
  * más tarde en la hoja, no el más específico.
  */
 export declare function mergeSlots(...sources: (undefined | VunoSlots)[]): Record<string, string | undefined>;
+/** Compone clases condicionales y resuelve conflictos de Tailwind de izquierda a derecha. */
+export declare function cn(...inputs: ClassValue[]): string;
+export declare function twObj<T extends Record<string, string>>(obj: T): T;
+/** Define una sola entrada de tema y conserva sus slots y variantes literales. */
+export declare function defineTheme<const TKey extends VunoThemeKey, const TEntry extends VunoThemeEntry>(key: TKey, entry: TEntry): Record<TKey, TEntry>;

package/dist/runtime/app/utils/theme.js

@@ -1,5 +1,5 @@
-import { extendTailwindMerge } from "tailwind-merge";
-const merge = extendTailwindMerge({ extend: { theme: { radius: ["vuno", "vuno-control"] } } });
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
 export function selectVariants(variants, active) {
   if (!variants || !active) return [];
   return Object.entries(variants).map(([dimension, values]) => {
@@ -7,6 +7,15 @@ export function selectVariants(variants, active) {
     return chosen === void 0 ? void 0 : values[chosen];
   });
 }
+export function selectCompoundVariants(compounds, active) {
+  if (!compounds || !active) return [];
+  return compounds.filter(
+    (compound) => Object.entries(compound).every(([dimension, expected]) => {
+      if (dimension === "class") return true;
+      return active[dimension] === expected;
+    })
+  ).map((compound) => compound.class);
+}
 export function toClassString(value) {
   if (!value) return "";
   return Array.isArray(value) ? value.filter(Boolean).join(" ") : value;
@@ -18,8 +27,17 @@ export function mergeSlots(...sources) {
     for (const [slot, value] of Object.entries(source)) {
       const className = toClassString(value);
       if (!className) continue;
-      merged[slot] = merged[slot] ? merge(merged[slot], className) : className;
+      merged[slot] = merged[slot] ? twMerge(merged[slot], className) : className;
     }
   }
   return merged;
 }
+export function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+export function twObj(obj) {
+  return obj;
+}
+export function defineTheme(key, entry) {
+  return { [key]: entry };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groupteknology/vuno",
-  "version": "1.0.1",
+  "version": "2.0.0",
   "description": "Formularios, tablas y diálogos declarativos para Nuxt 4, con componentes propios y tokens sobreescribibles.",
   "keywords": [
     "nuxt",
@@ -29,6 +29,14 @@
       "types": "./dist/types.d.mts",
       "import": "./dist/module.mjs"
     },
+    "./composables/defineShortcuts": {
+      "types": "./dist/runtime/app/composables/defineShortcuts.d.ts",
+      "import": "./dist/runtime/app/composables/defineShortcuts.js"
+    },
+    "./composables/use*": {
+      "types": "./dist/runtime/app/composables/use*.d.ts",
+      "import": "./dist/runtime/app/composables/use*.js"
+    },
     "./package.json": "./package.json"
   },
   "main": "./dist/module.mjs",
@@ -36,6 +44,12 @@
     "*": {
       ".": [
         "./dist/types.d.mts"
+      ],
+      "composables/defineShortcuts": [
+        "./dist/runtime/app/composables/defineShortcuts.d.ts"
+      ],
+      "composables/use*": [
+        "./dist/runtime/app/composables/use*.d.ts"
       ]
     }
   },
@@ -44,11 +58,12 @@
   ],
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "@vueuse/core": "^15.0.0",
     "@iconify-json/lucide": "^1.2.134",
     "@nuxt/icon": "^2.5.1",
     "@nuxt/kit": "^4.5.2",
     "@tailwindcss/vite": "^4.3.3",
+    "@tanstack/vue-query": "^5.102.8",
+    "clsx": "^2.1.1",
     "gsap": "^3.15.0",
     "tailwind-merge": "^3.7.0",
     "tailwindcss": "^4.3.3"
@@ -56,7 +71,7 @@
   "devDependencies": {
     "@nuxt/module-builder": "^1.0.3",
     "@nuxt/schema": "^4.5.2",
-    "@tanstack/vue-query": "^5.0.0",
+    "@nuxt/test-utils": "^4.3.2",
     "@types/node": "^26.6.2",
     "@vitejs/plugin-vue": "^6.0.9",
     "@vitest/coverage-v8": "^5.0.1",

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

@@ -1,6 +0,0 @@
-type __VLS_Props = {
-    name: string;
-};
-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/actions/Icon.vue

@@ -1,32 +0,0 @@
-<script setup>
-import { computed, resolveComponent } from "vue";
-defineOptions({
-  /**
-   * El nombre importa. Sin él, el componente se llama `Icon` por su
-   * fichero, y entonces el `<Icon>` de su propia plantilla **se resuelve a
-   * sí mismo**: fuera de Nuxt se monta en bucle hasta agotar la pila, y el
-   * error que sale —«Maximum call stack size exceeded»— no menciona el
-   * icono por ninguna parte.
-   */
-  name: "VunoIcon"
-});
-const props = defineProps({
-  name: { type: String, required: true }
-});
-const iconComponent = resolveComponent("Icon");
-const is = computed(() => typeof iconComponent === "string" ? "span" : iconComponent);
-</script>
-
-<template>
-    <!--
-        Decorativo por defecto: en todos los usos del módulo el icono acompaña a
-        un texto o a un `aria-label` del elemento que lo contiene, así que
-        anunciarlo repetiría lo que ya se lee. Quien necesite lo contrario lo
-        sobreescribe, porque los atributos de quien lo usa ganan al llegar aquí.
-    -->
-    <component
-        :is="is"
-        aria-hidden="true"
-        :name="props.name"
-    />
-</template>

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

@@ -1,6 +0,0 @@
-type __VLS_Props = {
-    name: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/components/forms/ControlShell.vue

@@ -1,19 +0,0 @@
-<script setup>
-import { useTheme } from "#vuno/composables/useTheme";
-const props = defineProps({
-  size: { type: String, required: false, default: "md" },
-  ui: { type: Object, required: false, default: void 0 }
-});
-defineSlots();
-const ui = useTheme("control", () => props.ui, () => ({ size: props.size }));
-</script>
-
-<template>
-    <div :class="ui.root">
-        <slot name="leading" />
-
-        <slot />
-
-        <slot name="trailing" />
-    </div>
-</template>

package/dist/runtime/app/components/forms/FormFieldRenderer.d.vue.ts

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

package/dist/runtime/app/components/forms/FormFieldRenderer.vue

@@ -1,88 +0,0 @@
-<script setup>
-import { computed } from "vue";
-import { useForm } from "#vuno/composables/useForm";
-import FormField from "#vuno/components/forms/FormField.vue";
-import FieldArray from "#vuno/components/forms/fields/FieldArray.vue";
-import FieldCheckbox from "#vuno/components/forms/fields/FieldCheckbox.vue";
-import FieldColor from "#vuno/components/forms/fields/FieldColor.vue";
-import FieldEmail from "#vuno/components/forms/fields/FieldEmail.vue";
-import FieldFile from "#vuno/components/forms/fields/FieldFile.vue";
-import FieldNumber from "#vuno/components/forms/fields/FieldNumber.vue";
-import FieldPassword from "#vuno/components/forms/fields/FieldPassword.vue";
-import FieldRadio from "#vuno/components/forms/fields/FieldRadio.vue";
-import FieldSelect from "#vuno/components/forms/fields/FieldSelect.vue";
-import FieldSlug from "#vuno/components/forms/fields/FieldSlug.vue";
-import FieldSwitch from "#vuno/components/forms/fields/FieldSwitch.vue";
-import FieldText from "#vuno/components/forms/fields/FieldText.vue";
-import FieldTextarea from "#vuno/components/forms/fields/FieldTextarea.vue";
-const props = defineProps({
-  field: { type: Object, required: true }
-});
-const components = {
-  array: FieldArray,
-  checkbox: FieldCheckbox,
-  color: FieldColor,
-  email: FieldEmail,
-  file: FieldFile,
-  number: FieldNumber,
-  password: FieldPassword,
-  radio: FieldRadio,
-  select: FieldSelect,
-  slug: FieldSlug,
-  switch: FieldSwitch,
-  text: FieldText,
-  textarea: FieldTextarea
-};
-const form = useForm();
-const component = computed(() => components[props.field.type]);
-const size = computed(() => props.field.size ?? form.size.value);
-const fieldProps = computed(() => {
-  const { class: _class, columns: _columns, type: _type, ...rest } = props.field;
-  return { ...rest, size: size.value };
-});
-function onBlur(event) {
-  if (event.target?.getAttribute("aria-expanded") === "true") return;
-  form.setTouched(props.field.name);
-}
-</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á.
-    -->
-    <FormField
-        :class="props.field.class"
-        :description="props.field.description"
-        :error="form.errorFor(props.field.name)"
-        :help="props.field.help"
-        :hint="props.field.hint"
-        :label="props.field.label"
-        :name="props.field.name"
-        :required="props.field.required"
-        :size="size"
-    >
-        <template #default="control">
-            <!--
-                El motor decide cuándo avisar, y para eso necesita saber que se
-                ha salido del campo. Se escucha en la fase de captura porque el
-                evento nace en el `<input>` de dentro y `blur` no burbujea.
-
-                `control` va **antes** que los props del campo: lo que aporta
-                el envoltorio —el `id` y los `aria-*`— no lo declara ningún
-                campo, y las dos claves que sí coinciden, `name` y `required`,
-                son de la definición, que es donde se escriben.
-            -->
-            <component
-                :is="component"
-                v-bind="{ ...control, ...fieldProps }"
-                @blur.capture="onBlur"
-            />
-        </template>
-    </FormField>
-</template>

package/dist/runtime/app/components/forms/FormFieldRenderer.vue.d.ts

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

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

@@ -1,12 +0,0 @@
-import type { VunoFormSection } from '#vuno/types/form';
-type __VLS_Props = {
-    /**
-     * Sin marco ni título: es lo que se usa dentro de una pestaña, donde
-     * el rótulo ya lo pone la propia pestaña.
-     */
-    plain?: boolean;
-    section: VunoFormSection;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,12 +0,0 @@
-import type { VunoFormSection } from '#vuno/types/form';
-type __VLS_Props = {
-    /**
-     * Sin marco ni título: es lo que se usa dentro de una pestaña, donde
-     * el rótulo ya lo pone la propia pestaña.
-     */
-    plain?: boolean;
-    section: VunoFormSection;
-};
-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;