@groupteknology/vuno 2.0.0 → 4.0.0

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

@@ -1,16 +1,98 @@
-export type { VunoAlertProps } from './alert.js';
-export type { VunoAlertRequest, VunoConfirmRequest, VunoContext, VunoNotification, VunoNotificationColor, VunoNotifyRequest, VunoOverlayEntry } from './app.js';
-export * from './app-config.js';
-export type { VunoColor, VunoHeadingLevel, VunoModalSize, VunoPlacement, VunoPortalTarget, VunoRadius, VunoSize, VunoSlideoverSize, VunoSlots } from './base.js';
-export type { VunoConfirmOptions } from './confirm.js';
-export type { VunoCrud, VunoCrudMessages, VunoCrudOptions, VunoCrudPage } from './crud.js';
-export type { VunoControlOrientation, VunoField, VunoFieldArray, VunoFieldBase, VunoFieldByType, VunoFieldCheckbox, VunoFieldColor, VunoFieldColumns, VunoFieldCurrency, VunoFieldDate, VunoFieldEmail, VunoFieldFile, VunoFieldInput, VunoFieldNumber, VunoFieldOf, VunoFieldOption, VunoFieldOptionValue, VunoFieldOrientation, VunoFieldPassword, VunoFieldPhone, VunoFieldRadio, VunoFieldSearch, VunoFieldSelect, VunoFieldSlug, VunoFieldSwitch, VunoFieldTags, VunoFieldText, VunoFieldTextarea, VunoFieldUrl } from './field.js';
-export type { VunoFieldInputType, VunoFieldType } from './field-type.js';
-export type { VunoFormContext, VunoFormDefinition, VunoFormLayout, VunoFormSection, VunoFormState, VunoSchema, VunoSchemaIssue, VunoSchemaPathSegment, VunoSchemaResult } from './form.js';
-export type { VunoBreadcrumbItem, VunoContainerSize, VunoNavigationItem, VunoNavigationTocItem, VunoTabItem } from './page.js';
-export type { VunoResponsiveColumns, VunoResponsiveColumnSpan } from './responsive.js';
-export type { VunoShortcut, VunoShortcutHandler, VunoShortcuts, VunoShortcutsOptions } from './shortcuts.js';
-export type { VunoResolvedSlots, VunoSlotOf, VunoUi, VunoVariantOf, VunoVariantsOf } from './slots.js';
-export type { VunoStateEmptyProps, VunoStateFailureProps, VunoStateProps } from './state.js';
-export type { VunoTableAction, VunoTableAlign, VunoTableBadgeMap, VunoTableCellColumn, VunoTableCellProps, VunoTableCellType, VunoTableColumn, VunoTableColumnActions, VunoTableColumnBadge, VunoTableColumnBase, VunoTableColumnBoolean, VunoTableColumnCurrency, VunoTableColumnCustom, VunoTableColumnDate, VunoTableColumnImage, VunoTableColumnNumber, VunoTableColumnOf, VunoTableColumnText, VunoTableColumnType, VunoTableDefinition, VunoTableEmpty, VunoTableFailure, VunoTableFilters, VunoTableQuery, VunoTableQueryOptions, VunoTableRow, VunoTableSort, VunoTableSortDirection } from './table.js';
-export type { VunoAppConfig, VunoIcons, VunoMessages, VunoThemeCompoundVariant, VunoThemeConfig, VunoThemeEntry, VunoThemeKey, VunoThemeVariants } from './theme.js';
+export type * from '#vuno/components/Accordion/Accordion.types';
+export type * from '#vuno/components/AccordionItem/AccordionItem.types';
+export type * from '#vuno/components/ActionableNotification/ActionableNotification.types';
+export type * from '#vuno/components/AILabel/AILabel.types';
+export type * from '#vuno/components/AspectRatio/AspectRatio.types';
+export type * from '#vuno/components/Breadcrumb/Breadcrumb.types';
+export type * from '#vuno/components/BreadcrumbItem/BreadcrumbItem.types';
+export type * from '#vuno/components/Button/Button.types';
+export type * from '#vuno/components/ButtonSet/ButtonSet.types';
+export type * from '#vuno/components/Callout/Callout.types';
+export type * from '#vuno/components/Checkbox/Checkbox.types';
+export type * from '#vuno/components/CheckboxGroup/CheckboxGroup.types';
+export type * from '#vuno/components/ClickableTile/ClickableTile.types';
+export type * from '#vuno/components/CodeSnippet/CodeSnippet.types';
+export type * from '#vuno/components/Column/Column.types';
+export type * from '#vuno/components/ComboBox/ComboBox.types';
+export type * from '#vuno/components/ComboButton/ComboButton.types';
+export type * from '#vuno/components/ContainedList/ContainedList.types';
+export type * from '#vuno/components/ContainedListItem/ContainedListItem.types';
+export type * from '#vuno/components/ContentSwitcher/ContentSwitcher.types';
+export type * from '#vuno/components/CopyButton/CopyButton.types';
+export type * from '#vuno/components/DataTable/DataTable.types';
+export type * from '#vuno/components/DatePicker/DatePicker.types';
+export type * from '#vuno/components/DefinitionTooltip/DefinitionTooltip.types';
+export type * from '#vuno/components/Dropdown/Dropdown.types';
+export type * from '#vuno/components/ExpandableTile/ExpandableTile.types';
+export type * from '#vuno/components/FileUploader/FileUploader.types';
+export type * from '#vuno/components/Form/Form.types';
+export type * from '#vuno/components/FormGroup/FormGroup.types';
+export type * from '#vuno/components/FormLabel/FormLabel.types';
+export type * from '#vuno/components/Grid/Grid.types';
+export type * from '#vuno/components/Header/Header.types';
+export type * from '#vuno/components/Heading/Heading.types';
+export type * from '#vuno/components/IconButton/IconButton.types';
+export type * from '#vuno/components/InlineLoading/InlineLoading.types';
+export type * from '#vuno/components/InlineNotification/InlineNotification.types';
+export type * from '#vuno/components/Layer/Layer.types';
+export type * from '#vuno/components/Link/Link.types';
+export type * from '#vuno/components/ListItem/ListItem.types';
+export type * from '#vuno/components/Loading/Loading.types';
+export type * from '#vuno/components/Menu/Menu.types';
+export type * from '#vuno/components/MenuButton/MenuButton.types';
+export type * from '#vuno/components/MenuItem/MenuItem.types';
+export type * from '#vuno/components/Modal/Modal.types';
+export type * from '#vuno/components/MultiSelect/MultiSelect.types';
+export type * from '#vuno/components/NumberInput/NumberInput.types';
+export type * from '#vuno/components/OrderedList/OrderedList.types';
+export type * from '#vuno/components/OverflowMenu/OverflowMenu.types';
+export type * from '#vuno/components/Pagination/Pagination.types';
+export type * from '#vuno/components/PaginationNav/PaginationNav.types';
+export type * from '#vuno/components/Popover/Popover.types';
+export type * from '#vuno/components/ProgressBar/ProgressBar.types';
+export type * from '#vuno/components/ProgressIndicator/ProgressIndicator.types';
+export type * from '#vuno/components/ProgressStep/ProgressStep.types';
+export type * from '#vuno/components/RadioButton/RadioButton.types';
+export type * from '#vuno/components/RadioButtonGroup/RadioButtonGroup.types';
+export type * from '#vuno/components/RadioTile/RadioTile.types';
+export type * from '#vuno/components/Search/Search.types';
+export type * from '#vuno/components/Section/Section.types';
+export type * from '#vuno/components/Select/Select.types';
+export type * from '#vuno/components/SelectableTile/SelectableTile.types';
+export type * from '#vuno/components/SideNav/SideNav.types';
+export type * from '#vuno/components/SkeletonIcon/SkeletonIcon.types';
+export type * from '#vuno/components/SkeletonPlaceholder/SkeletonPlaceholder.types';
+export type * from '#vuno/components/SkeletonText/SkeletonText.types';
+export type * from '#vuno/components/Slider/Slider.types';
+export type * from '#vuno/components/Stack/Stack.types';
+export type * from '#vuno/components/StructuredListCell/StructuredListCell.types';
+export type * from '#vuno/components/StructuredListInput/StructuredListInput.types';
+export type * from '#vuno/components/StructuredListRow/StructuredListRow.types';
+export type * from '#vuno/components/StructuredListWrapper/StructuredListWrapper.types';
+export type * from '#vuno/components/Switch/Switch.types';
+export type * from '#vuno/components/Tab/Tab.types';
+export type * from '#vuno/components/TabList/TabList.types';
+export type * from '#vuno/components/TabPanel/TabPanel.types';
+export type * from '#vuno/components/TabPanels/TabPanels.types';
+export type * from '#vuno/components/Tabs/Tabs.types';
+export type * from '#vuno/components/Tag/Tag.types';
+export type * from '#vuno/components/TextArea/TextArea.types';
+export type * from '#vuno/components/TextInput/TextInput.types';
+export type * from '#vuno/components/Tile/Tile.types';
+export type * from '#vuno/components/TileGroup/TileGroup.types';
+export type * from '#vuno/components/TimePicker/TimePicker.types';
+export type * from '#vuno/components/TimePickerSelect/TimePickerSelect.types';
+export type * from '#vuno/components/ToastNotification/ToastNotification.types';
+export type * from '#vuno/components/Toggle/Toggle.types';
+export type * from '#vuno/components/Toggletip/Toggletip.types';
+export type * from '#vuno/components/ToggletipButton/ToggletipButton.types';
+export type * from '#vuno/components/Tooltip/Tooltip.types';
+export type * from '#vuno/components/TreeView/TreeView.types';
+export type * from '#vuno/components/UnorderedList/UnorderedList.types';
+export type * from './app-config';
+export type * from './base';
+export type * from './control';
+export type * from './form';
+export type * from './input';
+export type * from './slots';
+export type * from './theme';

package/dist/runtime/app/types/index.js

@@ -1 +0,0 @@
-export * from "./app-config.js";

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

@@ -0,0 +1,2 @@
+/** Native input types supported by Vuno-style text controls. */
+export type TextInputType = 'date' | 'email' | 'password' | 'tel' | 'text' | 'url';

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

@@ -1,9 +1,9 @@
 import type { defaultTheme } from '#vuno/theme/index';
-import type { VunoSlots } from './base.js';
-import type { VunoThemeKey } from './theme.js';
+import type { ComponentSlots } from './base.js';
+import type { ThemeKey } 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 {
+type ComponentSlotOfOne<TKey extends ThemeKey> = (DefaultTheme[TKey] extends {
     compoundVariants: readonly {
         class: infer TClass;
     }[];
@@ -16,15 +16,19 @@ type VunoSlotOfOne<TKey extends VunoThemeKey> = (DefaultTheme[TKey] extends {
         [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;
+export type ComponentSlot<TKey extends ThemeKey> = TKey extends ThemeKey ? ComponentSlotOfOne<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>>;
+export type ComponentUi<TKey extends ThemeKey> = ComponentSlots<[ComponentSlot<TKey>] extends [never] ? string : ComponentSlot<TKey>>;
 /** Las dimensiones de variante que una clave admite. */
-export type VunoVariantOf<TKey extends VunoThemeKey> = DefaultTheme[TKey] extends {
+export type ComponentVariant<TKey extends ThemeKey> = TKey extends ThemeKey ? (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>>;
+} ? Extract<keyof TVariants, string> : never) : never;
+/** Las variantes activas de una clave, con sus valores literales válidos. */
+export type ComponentVariants<TKey extends ThemeKey> = TKey extends ThemeKey ? (DefaultTheme[TKey] extends {
+    variants: infer TVariants extends Record<string, Record<string, unknown>>;
+} ? {
+    [TDimension in keyof TVariants]?: Extract<keyof TVariants[TDimension], string> | undefined;
+} : Record<never, never>) : never;
 /** 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 type ResolvedSlots<TKey extends ThemeKey> = Record<[ComponentSlot<TKey>] extends [never] ? string : ComponentSlot<TKey>, string>;
 export {};

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

@@ -1,40 +1,15 @@
-import type { VunoSlots } from './base.js';
-import type { VunoFieldInputType, VunoFieldType } from './field-type.js';
+import type { ComponentSlots } from './base.js';
 /**
- * Claves tematizables, y **cada una se llama como su componente sin la `V`**:
- * `VCard` se personaliza con `card`, `VNumberInput` con `numberInput`.
- *
- * No siempre fue así y por eso está escrito aquí: llegaron a convivir un
- * prefijo `base` en veinte claves y un `app` en tres, que no describían el
- * componente sino la carpeta donde estaba archivado, de modo que **solo 7 de
- * los 30 componentes públicos tenían una clave adivinable**. Para personalizar
- * había que consultar una tabla.
- *
- * Queda **una** excepción: `control` no es un componente sino la caja que
- * comparten el campo de texto, el área y el combobox, para que los tres bordes
- * no diverjan.
- *
- * Eran dos. La otra era `state`, compartida por `VEmptyState` y
- * `VFailureState`, y se resolvió por donde había que resolverla: los dos eran
- * el mismo bloque con una variante `tone`, así que ahora son un componente,
- * `VState`, y la clave vuelve a llamarse como él. Una clave compartida por dos
- * componentes era la señal de que sobraba uno.
- *
- * Y una advertencia sobre este mismo párrafo: **decía que
- * `types-contract.test.ts` comprueba la regla y nombra las excepciones una a
- * una, y no es verdad.** Ese test vigila otra cosa —que los tipos públicos
- * vivan en `types/` y salgan por su índice—, y la regla de nombres no la
- * comprueba nadie. Se escribió la frase con la intención puesta y nadie volvió
- * a mirar; queda dicho aquí para que quien añada una excepción sepa que no hay
- * red debajo.
+ * Claves tematizables. Cada componente público usa su nombre en camelCase;
+ * `control`, `input` y las claves de celdas son infraestructura compartida.
  */
-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>>}`;
+export type ThemeKey = 'accordion' | 'aiLabel' | 'breadcrumb' | 'button' | 'buttonSet' | 'checkbox' | 'checkboxGroup' | 'codeSnippet' | 'containedList' | 'contentSwitcher' | 'control' | 'copyButton' | 'dataTable' | 'datePicker' | 'definitionTooltip' | 'dropdown' | 'fileUploader' | 'form' | 'formGroup' | 'formLabel' | 'header' | 'iconButton' | 'inlineLoading' | 'inlineNotification' | 'input' | 'link' | 'list' | 'loading' | 'menu' | 'modal' | 'numberInput' | 'pagination' | 'popover' | 'progressBar' | 'progressIndicator' | 'radioButton' | 'radioButtonGroup' | 'search' | 'select' | 'sideNav' | 'skeleton' | 'slider' | 'structuredList' | 'tabs' | 'tag' | 'textArea' | 'textInput' | 'tile' | 'timePicker' | 'toggle' | 'toggletip' | 'tooltip' | 'treeView';
 /**
  * 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>>;
+export type ThemeVariants = Record<string, Record<string, ComponentSlots>>;
 /**
  * Clases que solo se aplican cuando **coinciden varias variantes a la vez**.
  *
@@ -43,44 +18,44 @@ export type VunoThemeVariants = Record<string, Record<string, VunoSlots>>;
  * 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
+ * —el color asigna `--vuno-interactive` 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 = {
+export type ThemeCompoundVariant = {
+    class: ComponentSlots;
+} & Record<string, ComponentSlots | string | string[] | undefined>;
+export type ThemeEntry = {
     /**
      * 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;
+    compoundVariants?: ThemeCompoundVariant[];
+    slots?: ComponentSlots;
     /**
      * Evita declarar cada combinación: un botón con siete colores y cuatro
      * variantes son veintiocho casos escritos a mano si cada uno fija sus
      * clases. Aquí el color solo asigna las variables de acento
-     * —`--vuno-accent`, `--vuno-accent-contrast`— y la variante las consume
-     * con `bg-(--vuno-accent)`, así que son siete más cuatro y no hay
+     * —`--vuno-interactive`, `--vuno-text-on-color`— y la variante las consume
+     * con `bg-(--vuno-interactive)`, 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;
+    variants?: ThemeVariants;
 };
-export type VunoThemeConfig = {
-    [TKey in VunoThemeKey]?: VunoThemeEntry;
+/** Configuración tematizable de cada componente, agrupada por su clave pública. */
+export type ComponentsConfig = {
+    [TKey in ThemeKey]?: ThemeEntry;
 };
-export type VunoIcons = {
+export type Icons = {
     actions: string;
-    addItem: string;
     /** Celda booleana sin etiquetas: el «no». */
     booleanFalse: string;
     /** Celda booleana sin etiquetas: el «sí». */
@@ -92,10 +67,16 @@ export type VunoIcons = {
     codeCopied: string;
     codeCopy: string;
     confirm: string;
+    /** La marca de verificación que sustituye al icono mientras dura la confirmación de copia. */
+    copied: string;
+    /** La acción de copiar suelta. `codeCopy` es la del bloque de código y se tematiza aparte. */
+    copy: string;
+    /** La flecha del desplegable de un `Dropdown`. */
+    dropdownOpen: string;
+    /** La marca de la opción elegida. */
+    dropdownSelected: string;
     empty: string;
     failure: string;
-    fileMoveDown: string;
-    fileMoveUp: string;
     fileRemove: string;
     fileUpload: string;
     filter: string;
@@ -114,23 +95,13 @@ export type VunoIcons = {
     paginationLast: string;
     paginationNext: string;
     paginationPrevious: string;
-    passwordHide: string;
-    passwordShow: string;
-    removeItem: string;
     retry: string;
     search: string;
-    /** La flecha del desplegable de un `select`. */
-    selectOpen: string;
-    /** La marca de la opción elegida. */
-    selectSelected: string;
-    slugEdit: string;
-    slugReset: string;
     sort: string;
     sortAsc: string;
     sortDesc: string;
 };
-export type VunoMessages = {
-    addItem: string;
+export type Messages = {
     applyFilters: string;
     /** Valores accesibles de una celda booleana que se representa visualmente con un icono. */
     booleanFalse: string;
@@ -138,7 +109,6 @@ export type VunoMessages = {
     /** Nombre accesible de la ruta de navegación. */
     breadcrumb: string;
     cancel: string;
-    clearFilters: string;
     /** Acción del estado «no hay coincidencias». */
     clearQuery: string;
     clearSearch: string;
@@ -150,35 +120,41 @@ export type VunoMessages = {
     codeCopyFailed: string;
     codeRegion: string;
     /** Distingue el selector del sistema del hexadecimal de al lado, que sin esto se anuncian igual. */
-    colorPicker: string;
     confirm: string;
     confirmDescription: string;
     confirmTitle: string;
+    /** Confirmación visible del botón de copiar, junto al propio botón. */
+    copied: string;
+    /** Lo que se anuncia en vivo tras copiar, para quien no ve el aviso. */
+    copiedAnnouncement: string;
+    /** Nombre accesible del botón de copiar suelto. */
+    copy: string;
+    copyFailed: string;
     created: string;
     deleted: string;
     deleteFailed: string;
+    dropdownPlaceholder: string;
+    /** Nombre accesible del disparador del `Dropdown`. */
+    dropdownToggle: 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. */
+    /** Segunda línea del estado vacío. Vacía por defecto: Vuno no sabe qué falta en una lista ajena. */
     emptyHint: string;
     emptyTable: string;
     failureHint: string;
     failureTitle: string;
-    fileMoveDown: string;
-    fileMoveUp: string;
     fileRemove: string;
     filters: string;
-    filtersTitle: string;
+    headerLabel: string;
+    /** Estado indeterminado mientras una tabla espera su consulta. */
+    loadingData: string;
     /**
      * Nombre accesible de la barra de navegación.
      *
-     * Lo lleva porque `VNavbar` es un `<nav>` y en la misma pantalla suele haber
+     * Lo lleva porque `Header` es un `<nav>` y en la misma pantalla suele haber
      * 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. */
     noMatches: string;
     noMatchesHint: string;
@@ -186,8 +162,12 @@ export type VunoMessages = {
     numberDecrement: string;
     numberIncrement: string;
     of: string;
+    /** Acción accesible de una fila interactiva, seguida por el nombre de la fila. */
+    openRow: string;
     /** Compone el nombre de cada número: «Página 3». */
     page: string;
+    /** Total de páginas mostrado junto al selector de página actual. */
+    pages: string;
     /** Nombre accesible del selector de filas por página. */
     pageSize: string;
     paginationFirst: string;
@@ -196,9 +176,6 @@ 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;
     retry: string;
@@ -215,10 +192,10 @@ export type VunoMessages = {
     rowsSelected: string;
     save: string;
     saveFailed: string;
+    search: string;
     searchPlaceholder: string;
     /** Nombres accesibles de las casillas de la tabla. */
     selectAll: string;
-    selectPlaceholder: string;
     /**
      * Elegir **una** fila. Lleva detrás el nombre de la fila, como el botón de
      * quitar un archivo lleva el del archivo: sin eso, las veinte casillas de
@@ -226,18 +203,15 @@ export type VunoMessages = {
      * es cuál sin ver la pantalla.
      */
     selectRow: string;
-    /** 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;
-    slugEdit: string;
-    slugReset: string;
     updated: string;
 };
 /** Forma de `app.config.ts` → `vuno`. */
-export type VunoAppConfig = VunoThemeConfig & {
-    icons?: Partial<VunoIcons>;
+export type VunoConfig = {
+    components?: ComponentsConfig;
+    icons?: Partial<Icons>;
     /**
      * Con qué idioma se formatean las fechas, los números y las monedas.
      *
@@ -247,5 +221,5 @@ export type VunoAppConfig = VunoThemeConfig & {
      * un parpadeo del número y se diagnostica fatal.
      */
     locale?: string;
-    messages?: Partial<VunoMessages>;
+    messages?: Partial<Messages>;
 };

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

@@ -1,6 +1,6 @@
 export function formatSlug(value) {
   if (!value) return "";
-  return value.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+  return value.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-/, "").replace(/-$/, "");
 }
 export function formatNumber(value, locale, decimals) {
   if (value === null || value === void 0 || value === "") return "";
@@ -24,7 +24,8 @@ export function formatCurrency(value, locale, currency = "EUR", decimals) {
 }
 export function formatDate(value, locale, options) {
   if (value === null || value === void 0 || value === "") return "";
-  const date = value instanceof Date ? value : new Date(String(value));
+  if (!(value instanceof Date) && typeof value !== "string" && typeof value !== "number") return "";
+  const date = value instanceof Date ? value : new Date(value);
   if (Number.isNaN(date.getTime())) return "";
   return new Intl.DateTimeFormat(locale, options ?? { dateStyle: "medium" }).format(date);
 }

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

@@ -1,5 +1,5 @@
 /** Marca el salto entre dos páginas que no son consecutivas. */
-export type VunoPageGap = 'gap';
+export type PageGap = 'gap';
 /**
  * Cuántas páginas hay. Cero cuando no hay nada que paginar, y también cuando el
  * tamaño de página no es un número de filas: sin tamaño no hay páginas, y
@@ -38,4 +38,4 @@ export declare function clampPage(page: number, total: number, pageSize: number)
  * La página se acota antes de calcular: una fuera de rango —un enlace viejo—
  * daría una ventana de vecinas que no existen y un paginador sin la actual.
  */
-export declare function getPageItems(page: number, pageCount: number, siblings?: number): (number | VunoPageGap)[];
+export declare function getPageItems(page: number, pageCount: number, siblings?: number): (number | PageGap)[];

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

@@ -37,7 +37,7 @@ export function setPath(object, path, value) {
 export function cloneValue(value) {
   if (value === null || typeof value !== "object") return value;
   if (isBinary(value)) return value;
-  if (value instanceof Date) return new Date(value.getTime());
+  if (value instanceof Date) return new Date(value);
   if (Array.isArray(value)) return value.map((item) => cloneValue(item));
   if (isPlainObject(value)) {
     const result = {};

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

@@ -0,0 +1,22 @@
+import type { VNode } from 'vue';
+/** Primer elemento renderizable de un slot, atravesando fragmentos. */
+export declare function firstElement(nodes?: unknown): undefined | VNode;
+/**
+ * ¿Este slot **produce** algo, o solo está declarado?
+ *
+ * No es lo mismo, y la diferencia solo aparece cuando un componente compone a
+ * otro. Mientras una tarjeta la escribe una persona a mano, `slots.header` es
+ * cierto exactamente cuando hay cabecera. En cuanto otro componente la envuelve
+ * —el modal, que siempre declara sus tres slots y a veces no tiene título— la
+ * declaración deja de significar contenido, y aparece una franja vacía con su
+ * relleno y su línea divisoria: se ve raro, no falla, y nadie sabe nombrarla.
+ *
+ * Baja por los fragmentos, que es la mitad que cuesta. Un `<template>` con un
+ * `v-if` falso no devuelve el comentario a secas: devuelve un fragmento que lo
+ * contiene, así que mirar solo el primer nivel cuenta ese fragmento como
+ * contenido. La primera versión de esto se equivocaba justo ahí.
+ *
+ * Es una utilidad privada del runtime: se importa explícitamente y no ocupa
+ * ningún nombre global en el proyecto que instala el módulo.
+ */
+export declare function filled(slot?: () => unknown): boolean;

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

@@ -1,44 +1,11 @@
-import { type ClassValue } from 'clsx';
-import type { VunoSlots } from '#vuno/types/base';
-import type { VunoThemeCompoundVariant, VunoThemeEntry, VunoThemeKey, VunoThemeVariants } from '#vuno/types/theme';
-/**
- * Los slots de las variantes activas.
- *
- * **El orden en que se devuelven es el de declaración**, y ese orden decide
- * quién gana cuando dos dimensiones escriben el mismo slot. No es de fiar:
- * perfectionist ordena las claves alfabéticamente, así que renombrar una
- * dimensión puede cambiar el resultado sin que nadie lo relacione. Si una
- * dimensión tiene que ganar a otra, que publique una variable y la otra la
- * 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;
-/**
- * Funde slots en orden de prioridad creciente: tema → app.config → prop.
- *
- * Resuelve los conflictos con `tailwind-merge`, y eso no siempre fue así: antes
- * se concatenaba y se confiaba en que lo hiciera Nuxt UI al recibir el resultado
- * por su prop `ui`. Con componentes propios —que solo escriben las clases en el
- * elemento— esa red desapareció, y un `max-w-lg` del tema convivía con el
- * `max-w-3xl` de quien lo sobreescribía: ganaba el que Tailwind hubiera puesto
- * más tarde en la hoja, no el más específico.
- */
-export declare function mergeSlots(...sources: (undefined | VunoSlots)[]): Record<string, string | undefined>;
+import { type CnOptions } from 'tailwind-variants';
+import type { ComponentSlots } from '#vuno/types/base';
+import type { ThemeEntry, ThemeKey } from '#vuno/types/theme';
 /** 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>;
+export declare function cn(...inputs: CnOptions): string;
+/** Funde slots en orden de prioridad creciente: tema → app.config → prop. */
+export declare function mergeSlots(...sources: (ComponentSlots | undefined)[]): Record<string, string | undefined>;
+/** Resuelve una capa de tema con Tailwind Variants y devuelve clases por slot. */
+export declare function resolveTheme(entry: ThemeEntry | undefined, active?: Record<string, string | undefined>, inheritedSlots?: readonly string[]): ComponentSlots;
+/** Define una sola entrada de tema, conserva sus literales y prepara su receta. */
+export declare function defineTheme<const TKey extends ThemeKey, const TEntry extends ThemeEntry>(key: TKey, entry: TEntry): Record<TKey, TEntry>;

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

@@ -1,43 +1,45 @@
-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]) => {
-    const chosen = active[dimension];
-    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;
+import { cn as mergeClasses, tv } from "tailwind-variants";
+const themeRecipes = /* @__PURE__ */ new WeakMap();
+export function cn(...inputs) {
+  return mergeClasses(...inputs) ?? "";
 }
 export function mergeSlots(...sources) {
   const merged = {};
   for (const source of sources) {
     if (!source) continue;
     for (const [slot, value] of Object.entries(source)) {
-      const className = toClassString(value);
-      if (!className) continue;
-      merged[slot] = merged[slot] ? twMerge(merged[slot], className) : className;
+      const className = cn(merged[slot], value);
+      if (className) merged[slot] = className;
     }
   }
   return merged;
 }
-export function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-export function twObj(obj) {
-  return obj;
+export function resolveTheme(entry, active, inheritedSlots = []) {
+  if (!entry) return {};
+  const slots = recipeFor(entry, inheritedSlots)(active);
+  const resolved = {};
+  for (const [slot, resolve] of Object.entries(slots)) {
+    const className = resolve();
+    if (className) resolved[slot] = className;
+  }
+  return resolved;
 }
 export function defineTheme(key, entry) {
+  themeRecipes.set(entry, createThemeRecipe(entry));
   return { [key]: entry };
 }
+function createThemeRecipe(entry, inheritedSlots = []) {
+  const slots = Object.fromEntries(inheritedSlots.map((slot) => [slot, ""]));
+  const recipe = tv({
+    compoundVariants: entry.compoundVariants,
+    slots: { ...slots, ...entry.slots },
+    variants: entry.variants
+  });
+  return (active) => recipe(active);
+}
+function recipeFor(entry, inheritedSlots) {
+  if (inheritedSlots.length) return createThemeRecipe(entry, inheritedSlots);
+  const cached = themeRecipes.get(entry);
+  if (cached) return cached;
+  return createThemeRecipe(entry);
+}