@groupteknology/vuno 2.0.0 → 4.0.0

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

@@ -1,120 +1,110 @@
-import { alertTheme } from "#vuno/components/Alert/Alert.theme";
-import { toastTheme } from "#vuno/components/App/internal/Toast/Toast.theme";
-import { toasterTheme } from "#vuno/components/App/internal/Toaster/Toaster.theme";
-import { avatarTheme } from "#vuno/components/Avatar/Avatar.theme";
-import { badgeTheme } from "#vuno/components/Badge/Badge.theme";
+import { accordionTheme } from "#vuno/components/Accordion/Accordion.theme";
+import { aiLabelTheme } from "#vuno/components/AILabel/AILabel.theme";
+import { breadcrumbTheme } from "#vuno/components/Breadcrumb/Breadcrumb.theme";
 import { buttonTheme } from "#vuno/components/Button/Button.theme";
-import { cardTheme } from "#vuno/components/Card/Card.theme";
-import { codeTheme } from "#vuno/components/Code/Code.theme";
-import { confirmTheme } from "#vuno/components/Confirm/Confirm.theme";
-import { containerTheme } from "#vuno/components/Container/Container.theme";
-import { controlGroupTheme } from "#vuno/components/ControlGroup/ControlGroup.theme";
-import { fieldArrayTheme } from "#vuno/components/FieldArray/FieldArray.theme";
-import { fieldCheckboxTheme } from "#vuno/components/FieldCheckbox/FieldCheckbox.theme";
-import { checkboxTheme } from "#vuno/components/FieldCheckbox/internal/Checkbox/Checkbox.theme";
-import { fieldColorTheme } from "#vuno/components/FieldColor/FieldColor.theme";
-import { fieldCurrencyTheme } from "#vuno/components/FieldCurrency/FieldCurrency.theme";
-import { fieldFileTheme } from "#vuno/components/FieldFile/FieldFile.theme";
-import { fileUploadTheme } from "#vuno/components/FieldFile/internal/FileUpload/FileUpload.theme";
-import { fieldInputTheme } from "#vuno/components/FieldInput/FieldInput.theme";
-import { fieldNumberTheme } from "#vuno/components/FieldNumber/FieldNumber.theme";
-import { fieldPasswordTheme } from "#vuno/components/FieldPassword/FieldPassword.theme";
-import { fieldRadioTheme } from "#vuno/components/FieldRadio/FieldRadio.theme";
-import { radioGroupTheme } from "#vuno/components/FieldRadio/internal/RadioGroup/RadioGroup.theme";
-import { fieldSearchTheme } from "#vuno/components/FieldSearch/FieldSearch.theme";
-import { fieldSelectTheme } from "#vuno/components/FieldSelect/FieldSelect.theme";
-import { selectTheme } from "#vuno/components/FieldSelect/internal/Select/Select.theme";
-import { fieldSlugTheme } from "#vuno/components/FieldSlug/FieldSlug.theme";
-import { fieldSwitchTheme } from "#vuno/components/FieldSwitch/FieldSwitch.theme";
-import { switchTheme } from "#vuno/components/FieldSwitch/internal/Switch/Switch.theme";
-import { fieldTagsTheme } from "#vuno/components/FieldTags/FieldTags.theme";
-import { tagsInputTheme } from "#vuno/components/FieldTags/internal/TagsInput/TagsInput.theme";
-import { fieldTextareaTheme } from "#vuno/components/FieldTextarea/FieldTextarea.theme";
-import { textareaTheme } from "#vuno/components/FieldTextarea/internal/Textarea/Textarea.theme";
+import { buttonSetTheme } from "#vuno/components/ButtonSet/ButtonSet.theme";
+import { checkboxTheme } from "#vuno/components/Checkbox/Checkbox.theme";
+import { checkboxGroupTheme } from "#vuno/components/CheckboxGroup/CheckboxGroup.theme";
+import { codeSnippetTheme } from "#vuno/components/CodeSnippet/CodeSnippet.theme";
+import { containedListTheme } from "#vuno/components/ContainedList/ContainedList.theme";
+import { contentSwitcherTheme } from "#vuno/components/ContentSwitcher/ContentSwitcher.theme";
+import { copyButtonTheme } from "#vuno/components/CopyButton/CopyButton.theme";
+import { dataTableTheme } from "#vuno/components/DataTable/DataTable.theme";
+import { datePickerTheme } from "#vuno/components/DatePicker/DatePicker.theme";
+import { definitionTooltipTheme } from "#vuno/components/DefinitionTooltip/DefinitionTooltip.theme";
+import { dropdownTheme } from "#vuno/components/Dropdown/Dropdown.theme";
+import { fileUploaderTheme } from "#vuno/components/FileUploader/FileUploader.theme";
 import { formTheme } from "#vuno/components/Form/Form.theme";
-import { formFieldTheme } from "#vuno/components/FormField/FormField.theme";
-import { formModalTheme } from "#vuno/components/FormModal/FormModal.theme";
-import { formSectionTheme } from "#vuno/components/FormSection/FormSection.theme";
-import { controlTheme } from "#vuno/components/internal/ControlShell/ControlShell.theme";
-import { inputTheme } from "#vuno/components/internal/Input/Input.theme";
-import { numberInputTheme } from "#vuno/components/internal/NumberInput/NumberInput.theme";
+import { formGroupTheme } from "#vuno/components/FormGroup/FormGroup.theme";
+import { formLabelTheme } from "#vuno/components/FormLabel/FormLabel.theme";
+import { headerTheme } from "#vuno/components/Header/Header.theme";
+import { iconButtonTheme } from "#vuno/components/IconButton/IconButton.theme";
+import { inlineLoadingTheme } from "#vuno/components/InlineLoading/InlineLoading.theme";
+import { inlineNotificationTheme } from "#vuno/components/InlineNotification/InlineNotification.theme";
+import { linkTheme } from "#vuno/components/Link/Link.theme";
+import { loadingTheme } from "#vuno/components/Loading/Loading.theme";
 import { menuTheme } from "#vuno/components/Menu/Menu.theme";
 import { modalTheme } from "#vuno/components/Modal/Modal.theme";
-import { navbarTheme } from "#vuno/components/Navbar/Navbar.theme";
-import { navigationListTheme } from "#vuno/components/NavigationList/NavigationList.theme";
-import { navigationMenuTheme } from "#vuno/components/NavigationMenu/NavigationMenu.theme";
-import { navigationTocTheme } from "#vuno/components/NavigationToc/NavigationToc.theme";
-import { pageTheme } from "#vuno/components/Page/Page.theme";
 import { paginationTheme } from "#vuno/components/Pagination/Pagination.theme";
-import { slideoverTheme } from "#vuno/components/Slideover/Slideover.theme";
-import { stateTheme } from "#vuno/components/State/State.theme";
-import { cellBooleanTheme } from "#vuno/components/Table/internal/CellBoolean/CellBoolean.theme";
-import { cellCurrencyTheme } from "#vuno/components/Table/internal/CellCurrency/CellCurrency.theme";
-import { cellDateTheme } from "#vuno/components/Table/internal/CellDate/CellDate.theme";
-import { cellNumberTheme } from "#vuno/components/Table/internal/CellNumber/CellNumber.theme";
-import { cellTextTheme } from "#vuno/components/Table/internal/CellText/CellText.theme";
-import { tableTheme } from "#vuno/components/Table/Table.theme";
+import { popoverTheme } from "#vuno/components/Popover/Popover.theme";
+import { progressBarTheme } from "#vuno/components/ProgressBar/ProgressBar.theme";
+import { progressIndicatorTheme } from "#vuno/components/ProgressIndicator/ProgressIndicator.theme";
+import { radioButtonTheme } from "#vuno/components/RadioButton/RadioButton.theme";
+import { radioButtonGroupTheme } from "#vuno/components/RadioButtonGroup/RadioButtonGroup.theme";
+import { searchTheme } from "#vuno/components/Search/Search.theme";
+import { selectTheme } from "#vuno/components/Select/Select.theme";
+import { sideNavTheme } from "#vuno/components/SideNav/SideNav.theme";
+import { skeletonTheme } from "#vuno/components/SkeletonText/SkeletonText.theme";
+import { sliderTheme } from "#vuno/components/Slider/Slider.theme";
+import { structuredListTheme } from "#vuno/components/StructuredListWrapper/StructuredListWrapper.theme";
 import { tabsTheme } from "#vuno/components/Tabs/Tabs.theme";
+import { tagTheme } from "#vuno/components/Tag/Tag.theme";
+import { textAreaTheme } from "#vuno/components/TextArea/TextArea.theme";
+import { textInputTheme } from "#vuno/components/TextInput/TextInput.theme";
+import { tileTheme } from "#vuno/components/Tile/Tile.theme";
+import { timePickerTheme } from "#vuno/components/TimePicker/TimePicker.theme";
+import { toggleTheme } from "#vuno/components/Toggle/Toggle.theme";
+import { toggletipTheme } from "#vuno/components/Toggletip/Toggletip.theme";
 import { tooltipTheme } from "#vuno/components/Tooltip/Tooltip.theme";
+import { treeViewTheme } from "#vuno/components/TreeView/TreeView.theme";
+import { listTheme } from "#vuno/components/UnorderedList/UnorderedList.theme";
+import { controlTheme } from "#vuno/primitives/PrimitiveControl/PrimitiveControl.theme";
+import { inputTheme } from "#vuno/primitives/PrimitiveInput/PrimitiveInput.theme";
+import { numberInputTheme } from "#vuno/primitives/PrimitiveNumberInput/PrimitiveNumberInput.theme";
 export { defaultIcons } from "./icons.js";
 export { defaultMessages } from "./messages.js";
 export const defaultTheme = {
-  ...alertTheme,
-  ...toastTheme,
-  ...toasterTheme,
-  ...avatarTheme,
-  ...badgeTheme,
+  ...aiLabelTheme,
+  ...accordionTheme,
+  ...breadcrumbTheme,
   ...buttonTheme,
-  ...cardTheme,
-  ...codeTheme,
-  ...confirmTheme,
-  ...containerTheme,
-  ...controlGroupTheme,
-  ...fieldArrayTheme,
-  ...fieldCheckboxTheme,
+  ...buttonSetTheme,
   ...checkboxTheme,
-  ...fieldColorTheme,
-  ...fieldCurrencyTheme,
-  ...fieldFileTheme,
-  ...fileUploadTheme,
-  ...fieldInputTheme,
-  ...fieldNumberTheme,
-  ...fieldPasswordTheme,
-  ...fieldRadioTheme,
-  ...radioGroupTheme,
-  ...fieldSearchTheme,
-  ...fieldSelectTheme,
-  ...selectTheme,
-  ...fieldSlugTheme,
-  ...fieldSwitchTheme,
-  ...switchTheme,
-  ...fieldTagsTheme,
-  ...tagsInputTheme,
-  ...fieldTextareaTheme,
-  ...textareaTheme,
-  ...formTheme,
-  ...formFieldTheme,
-  ...formModalTheme,
-  ...formSectionTheme,
+  ...checkboxGroupTheme,
+  ...codeSnippetTheme,
+  ...contentSwitcherTheme,
+  ...copyButtonTheme,
+  ...containedListTheme,
   ...controlTheme,
+  ...dataTableTheme,
+  ...datePickerTheme,
+  ...definitionTooltipTheme,
+  ...dropdownTheme,
+  ...fileUploaderTheme,
+  ...formTheme,
+  ...formGroupTheme,
+  ...formLabelTheme,
+  ...headerTheme,
+  ...iconButtonTheme,
+  ...inlineNotificationTheme,
+  ...inlineLoadingTheme,
+  ...linkTheme,
+  ...listTheme,
+  ...loadingTheme,
   ...inputTheme,
-  ...numberInputTheme,
   ...menuTheme,
   ...modalTheme,
-  ...navbarTheme,
-  ...navigationListTheme,
-  ...navigationMenuTheme,
-  ...navigationTocTheme,
-  ...pageTheme,
+  ...numberInputTheme,
   ...paginationTheme,
-  ...slideoverTheme,
-  ...stateTheme,
-  ...cellBooleanTheme,
-  ...cellCurrencyTheme,
-  ...cellDateTheme,
-  ...cellNumberTheme,
-  ...cellTextTheme,
-  ...tableTheme,
+  ...popoverTheme,
+  ...progressBarTheme,
+  ...progressIndicatorTheme,
+  ...radioButtonTheme,
+  ...radioButtonGroupTheme,
+  ...searchTheme,
+  ...selectTheme,
+  ...sideNavTheme,
+  ...skeletonTheme,
+  ...sliderTheme,
+  ...structuredListTheme,
   ...tabsTheme,
-  ...tooltipTheme
+  ...tagTheme,
+  ...textAreaTheme,
+  ...textInputTheme,
+  ...tileTheme,
+  ...timePickerTheme,
+  ...toggleTheme,
+  ...toggletipTheme,
+  ...tooltipTheme,
+  ...treeViewTheme
 };

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

@@ -1,2 +1,2 @@
-import type { VunoMessages } from '#vuno/types/theme';
-export declare const defaultMessages: VunoMessages;
+import type { Messages } from '#vuno/types/theme';
+export declare const defaultMessages: Messages;

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

@@ -1,11 +1,9 @@
 export const defaultMessages = {
-  addItem: "A\xF1adir",
   applyFilters: "Aplicar",
   booleanFalse: "No",
   booleanTrue: "S\xED",
   breadcrumb: "Ruta de navegaci\xF3n",
   cancel: "Cancelar",
-  clearFilters: "Limpiar filtros",
   clearQuery: "Quitar la b\xFAsqueda y los filtros",
   clearSearch: "Limpiar b\xFAsqueda",
   clearSelection: "Limpiar",
@@ -15,40 +13,40 @@ export const defaultMessages = {
   codeCopy: "Copiar el c\xF3digo",
   codeCopyFailed: "No se pudo copiar. Selecciona el c\xF3digo y c\xF3pialo manualmente.",
   codeRegion: "C\xF3digo",
-  colorPicker: "selector del sistema",
   confirm: "Confirmar",
   confirmDescription: "Esta acci\xF3n no se puede deshacer.",
   confirmTitle: "\xBFQuieres continuar?",
+  copied: "\xA1Copiado!",
+  copiedAnnouncement: "Copiado al portapapeles",
+  copy: "Copiar al portapapeles",
+  copyFailed: "No se pudo copiar. C\xF3pialo manualmente.",
   created: "Creado correctamente",
   deleted: "Eliminado correctamente",
   deleteFailed: "No se pudo eliminar",
-  documentToc: "En esta p\xE1gina",
-  emptyArray: "Todav\xEDa no hay elementos",
+  dropdownPlaceholder: "Selecciona una opci\xF3n",
+  dropdownToggle: "Abrir la lista",
   emptyHint: "",
   emptyTable: "No hay resultados",
   failureHint: "Vuelve a intentarlo en un momento.",
   failureTitle: "No pudimos cargar los datos",
-  fileMoveDown: "Bajar",
-  fileMoveUp: "Subir",
   fileRemove: "Eliminar",
   filters: "Filtros",
-  filtersTitle: "Filtrar resultados",
-  navbarLabel: "Navegaci\xF3n principal",
+  headerLabel: "Cabecera principal",
+  loadingData: "Cargando datos",
   noMatches: "No hay coincidencias",
   noMatchesHint: "Prueba con otra b\xFAsqueda o quita los filtros.",
   numberDecrement: "Decrementar",
   numberIncrement: "Incrementar",
   of: "de",
+  openRow: "Abrir",
   page: "P\xE1gina",
+  pages: "p\xE1ginas",
   pageSize: "Filas por p\xE1gina",
   paginationFirst: "Primera p\xE1gina",
   paginationLabel: "Paginaci\xF3n",
   paginationLast: "\xDAltima p\xE1gina",
   paginationNext: "P\xE1gina siguiente",
   paginationPrevious: "P\xE1gina anterior",
-  passwordHide: "Ocultar contrase\xF1a",
-  passwordShow: "Mostrar contrase\xF1a",
-  removeItem: "Eliminar elemento",
   results: "resultados",
   retry: "Reintentar",
   row: "fila",
@@ -57,14 +55,11 @@ export const defaultMessages = {
   rowsSelected: "filas seleccionadas",
   save: "Guardar",
   saveFailed: "No se pudo guardar",
+  search: "Buscar",
   searchPlaceholder: "Buscar...",
   selectAll: "Elegir todas las filas de esta p\xE1gina",
-  selectPlaceholder: "Selecciona una opci\xF3n",
   selectRow: "Elegir",
-  selectToggle: "Abrir la lista",
   showing: "Mostrando",
   skipTable: "Saltar la tabla",
-  slugEdit: "Editar el slug a mano",
-  slugReset: "Volver al slug autom\xE1tico",
   updated: "Guardado correctamente"
 };

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

@@ -1,42 +1,2 @@
-import type { VunoColor, VunoRadius } from '#vuno/types/base';
-/**
- * Cada color solo publica sus variables de acento; quien las consume es la
- * variante. Está aquí y no copiado en cada entrada porque lo comparten el
- * botón, la etiqueta, la casilla y el menú: con una copia por componente,
- * añadir un color obligaría a acertar en todas, y la que se olvidara no
- * fallaría —simplemente ese componente se quedaría sin ese color—.
- *
- * Recibe el slot porque no todos lo aplican en el mismo sitio: el botón lo
- * pone en `base` y el menú en `item`.
- */
-export declare const accentByColor: <TSlot extends string>(slot: TSlot) => Record<VunoColor, Record<TSlot, string>>;
-/**
- * La curvatura de un componente, por escalones.
- *
- * Aquí y no copiado en cada entrada por lo mismo que el de los colores: lo
- * comparten once claves, y con una copia por componente añadir un escalón
- * obligaría a acertar once veces — y la que se olvidara **no fallaría**, ese
- * componente simplemente se quedaría sin ese valor.
- *
- * Recibe los slots porque no todos lo aplican en el mismo sitio, y a veces son
- * dos: el interruptor curva la vía y el pulgar a la vez, y si solo se curvara
- * uno quedaría un pulgar cuadrado dentro de una vía redonda.
- *
- * `full` no es un escalón sino una forma. El resto usa directamente la escala
- * de Tailwind, sin mantener tokens de radio paralelos en Vuno.
- */
-export declare const radiusByStep: <TSlot extends string>(...slots: TSlot[]) => Record<VunoRadius, Record<TSlot, string>>;
-/**
- * El enlace que salta algo largo: la tabla en `table`, la barra y el menú en los
- * dos layouts.
- *
- * Está en una constante porque son tres claves con la misma clase, y una copia
- * por sitio es lo que ya pasó con el radio de los botones de archivo: se cambia
- * una y las otras dos se quedan atrás sin que nada falle.
- *
- * Oculto hasta que lo enfocan: `sr-only` lo saca de la pantalla sin sacarlo del
- * orden de tabulación, y `focus:not-sr-only` lo devuelve entero al llegarle el
- * foco. Un `display: none` lo quitaría también del recorrido y no serviría de
- * nada.
- */
-export declare const skipLink = "sr-only rounded-sm bg-vuno-surface text-vuno-body focus:not-sr-only focus:outline-vuno-primary focus:z-10 focus:inline-block focus:px-3 focus:py-1.5 focus:text-sm focus:outline-2 focus:outline-offset-2";
+/** Enlace de salto visible al recibir foco, alineado con el foco de Vuno. */
+export declare const skipLink = "sr-only bg-(--vuno-background) text-(--vuno-text-primary) focus:not-sr-only focus:z-10 focus:inline-block focus:px-4 focus:py-2 focus:outline-solid focus:outline-2 focus:outline-(--vuno-focus) focus:outline-offset-[-2px]";

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

@@ -1,24 +1 @@
-export const accentByColor = (slot) => ({
-  error: { [slot]: "[--vuno-accent:var(--color-vuno-error)] [--vuno-accent-contrast:var(--color-vuno-error-contrast)]" },
-  info: { [slot]: "[--vuno-accent:var(--color-vuno-info)] [--vuno-accent-contrast:var(--color-vuno-info-contrast)]" },
-  neutral: { [slot]: "[--vuno-accent:var(--color-vuno-neutral)] [--vuno-accent-contrast:var(--color-vuno-neutral-contrast)]" },
-  primary: { [slot]: "[--vuno-accent:var(--color-vuno-primary)] [--vuno-accent-contrast:var(--color-vuno-primary-contrast)]" },
-  secondary: { [slot]: "[--vuno-accent:var(--color-vuno-secondary)] [--vuno-accent-contrast:var(--color-vuno-secondary-contrast)]" },
-  success: { [slot]: "[--vuno-accent:var(--color-vuno-success)] [--vuno-accent-contrast:var(--color-vuno-success-contrast)]" },
-  warning: { [slot]: "[--vuno-accent:var(--color-vuno-warning)] [--vuno-accent-contrast:var(--color-vuno-warning-contrast)]" }
-});
-export const radiusByStep = (...slots) => {
-  const step = (value) => Object.fromEntries(slots.map((slot) => [slot, value]));
-  return {
-    xs: step("rounded-xs"),
-    sm: step("rounded-sm"),
-    md: step("rounded-md"),
-    lg: step("rounded-lg"),
-    xl: step("rounded-xl"),
-    "2xl": step("rounded-2xl"),
-    "3xl": step("rounded-3xl"),
-    "4xl": step("rounded-4xl"),
-    full: step("rounded-full")
-  };
-};
-export const skipLink = "sr-only rounded-sm bg-vuno-surface text-vuno-body focus:not-sr-only focus:outline-vuno-primary focus:z-10 focus:inline-block focus:px-3 focus:py-1.5 focus:text-sm focus:outline-2 focus:outline-offset-2";
+export const skipLink = "sr-only bg-(--vuno-background) text-(--vuno-text-primary) focus:not-sr-only focus:z-10 focus:inline-block focus:px-4 focus:py-2 focus:outline-solid focus:outline-2 focus:outline-(--vuno-focus) focus:outline-offset-[-2px]";

package/dist/runtime/app/types/app-config.d.ts

@@ -1,8 +1,8 @@
-import type { VunoAppConfig } from './theme.js';
+import type { VunoConfig } from './theme.js';
 declare module '@nuxt/schema' {
     interface AppConfigInput {
         /** Configuración del módulo: tema por componente, iconos y textos. */
-        vuno?: VunoAppConfig;
+        vuno?: VunoConfig;
     }
 }
 export {};

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

@@ -1,78 +1,36 @@
 /**
  * Los tipos que no son de nadie porque son de todos.
  *
- * El resto de ficheros de `types/` son de un dominio —el campo, la tabla, la
+ * El resto de ficheros de `types/` son de un dominio —el control, la tabla, la
  * página— y estos tres no: los usa cualquier componente, así que vivir en uno
  * de esos ficheros los dejaba **mal nombrados y mal colocados a la vez**.
  *
- * Es un problema con síntoma, no una cuestión de orden. `VunoFieldSize` lo
- * pedían `VAvatar`, `VBadge`, `VButton`, `VPagination` y `VTabs`, que no son
- * campos, y la única forma de escribir el tamaño de un botón era importar un
- * tipo que dice «field»: quien lo lee busca el prefijo por algún sitio y no lo
- * encuentra, porque no significa nada. `VunoColor` estaba en `table.ts` y lo
- * consumían once ficheros, de los que la tabla era el menos relevante.
+ * Es infraestructura transversal: `Color`, `Placement` y `PortalTarget` tienen
+ * consumidores en varios dominios y no pertenecen a un componente concreto.
  *
  * La regla para decidir si algo baja aquí es esa, y se mide en vez de opinarse:
  * **si los consumidores de fuera del dominio son más que los de dentro, el
- * dominio no es su sitio.** Lo que solo usan los campos se queda en `field.ts`,
- * y por eso `VunoFieldOption`, `VunoFieldOptionValue` y `VunoFieldOrientation`
- * siguen allí aunque estuvieran al lado.
+ * dominio no es su sitio.** Lo que solo usan los controles permanece en
+ * `control.ts`.
  */
 /**
  * Color semántico. El proyecto consumidor decide qué tono es cada uno.
  *
  * El comentario de este tipo decía «de Nuxt UI», y era un resto: esa librería
- * se fue con la 1.0 y los colores son ahora tokens propios —`--vuno-primary` y
+ * se fue con la 1.0 y los colores son ahora tokens propios —`--vuno-button-primary` y
  * los demás—, que un proyecto redefine en su CSS.
  */
-export type VunoColor = 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning';
-/**
- * La curvatura de un componente, cuando quien lo coloca quiere decidirla.
- *
- * Los ocho escalones son los que Tailwind publica de `rounded-xs` a
- * `rounded-4xl`; Vuno no mantiene una escala paralela ni tokens propios.
- *
- * `full` no es un escalón sino una forma: no se deriva de nada y sirve para el
- * círculo y la píldora. Por eso está aquí y no en la escala.
- */
-export type VunoRadius = '2xl' | '3xl' | '4xl' | 'full' | 'lg' | 'md' | 'sm' | 'xl' | 'xs';
-/**
- * El nivel de un encabezado, del 1 al 6.
- *
- * Existe porque **un componente que pinta un título no siempre es la página**.
- * `VPage` pinta un `<h1>`, que es lo correcto cuando ocupa la pantalla y lo
- * incorrecto en cuanto va embebido dentro de otra cosa: ahí aparecen dos `h1`
- * y, peor, un salto de nivel en lo que venga debajo. Se vio en el catálogo, que
- * monta varias instancias dentro de una página que ya tiene el suyo, y el
- * recorrido por encabezados salía `h1 → h2 → h1 → h3`.
- *
- * No se deriva del sitio ni se adivina: lo dice quien monta el componente,
- * porque es el único que sabe qué hay por encima.
- */
-export type VunoHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
-/** Ancho del diálogo; `full` ocupa todo el viewport en ambas dimensiones. */
-export type VunoModalSize = '2xl' | '3xl' | '4xl' | 'full' | 'lg' | 'md' | 'sm' | 'xl';
+export type Color = 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning';
 /** Ubicación preferida de algo flotante respecto a su disparador. */
-export type VunoPlacement = 'bottom' | 'bottom-end' | 'bottom-start' | 'left' | 'left-end' | 'left-start' | 'right' | 'right-end' | 'right-start' | 'top' | 'top-end' | 'top-start';
+export type Placement = 'bottom' | 'bottom-end' | 'bottom-start' | 'left' | 'left-end' | 'left-start' | 'right' | 'right-end' | 'right-start' | 'top' | 'top-end' | 'top-start';
 /** Selector donde montar una capa flotante, o `true` para usar `body`. */
-export type VunoPortalTarget = string | true;
-/**
- * La escala de tamaño, común a todo lo que tiene tamaño.
- *
- * Se llamaba `VunoFieldSize` y de los diecisiete ficheros que la usaban, cinco
- * no tenían nada que ver con un formulario.
- */
-export type VunoSize = 'lg' | 'md' | 'sm' | 'xl' | 'xs';
-/** Ancho de un panel lateral. La posición se declara por separado. */
-export type VunoSlideoverSize = 'lg' | 'md' | 'sm' | 'xl';
+export type PortalTarget = string | true;
 /**
  * El mapa de clases por slot: lo que acepta la prop `ui` de cualquier
  * componente y lo que guarda cada clave del tema.
  *
- * Se llamaba `VunoFieldSlots`, y ahí el prefijo engañaba más que en ningún otro
- * sitio: lo usan treinta y seis ficheros —layouts, capas, la tabla, el
- * composable del tema— y el campo es uno más. El valor admite una cadena o
+ * La usan layouts, capas, tablas y controles. El valor admite una cadena o
  * varias porque tailwind-merge las funde igual, y `undefined` para poder
  * declarar una clave sin clases sin sacarla del tipo.
  */
-export type VunoSlots<TSlot extends string = string> = Partial<Record<TSlot, string | string[] | undefined>>;
+export type ComponentSlots<TSlot extends string = string> = Partial<Record<TSlot, string | string[] | undefined>>;

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

@@ -0,0 +1,30 @@
+/** Vuno keeps interactive controls on a compact three-step scale. */
+export type ControlSize = 'lg' | 'md' | 'sm';
+export type ControlOrientation = 'horizontal' | 'vertical';
+export type OptionValue = boolean | null | number | string;
+export type OptionItem = {
+    description?: string;
+    disabled?: boolean;
+    icon?: string;
+    label: string;
+    value: OptionValue;
+};
+/** Local theme overrides accepted by a control. */
+export type ControlUi<TKey extends string = string> = Partial<Record<TKey, string>>;
+export type ControlProps<TKey extends string = string> = {
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    required?: boolean;
+    size?: ControlSize;
+    ui?: ControlUi<TKey>;
+};
+export type LabeledControlProps<TKey extends string = string> = ControlProps<TKey> & {
+    helperText?: string;
+    hideLabel?: boolean;
+    invalid?: boolean;
+    invalidText?: string;
+    labelText: string;
+    warn?: boolean;
+    warnText?: string;
+};

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

@@ -1,67 +1,62 @@
-import type { ComputedRef } from 'vue';
-import type { VunoSize } from './base.js';
-import type { VunoField, VunoFieldColumns } from './field.js';
-/** Cómo se disponen las secciones del formulario. */
-export type VunoFormLayout = 'sections' | 'tabs';
-export type VunoFormSection = {
-    id: string;
-    columns?: VunoFieldColumns;
-    description?: string;
-    /** Campos de la sección, tipados por la unión discriminada `VunoField`. */
-    fields: VunoField[];
-    /** Icono de la pestaña cuando el formulario usa `layout: 'tabs'`. */
-    icon?: string;
-    title?: string;
-};
-export type VunoFormDefinition = {
-    /**
-     * `tabs` convierte cada sección en una pestaña, usando su `title` como
-     * rótulo. Útil en formularios largos y dentro de un modal.
-     */
-    layout?: VunoFormLayout;
-    sections: VunoFormSection[];
-    /** Tamaño aplicado a los campos que no declaran el suyo. */
-    size?: VunoSize;
-};
-export type VunoFormState = Record<string, unknown>;
-/** Un segmento de ruta admitido por el contrato Standard Schema. */
-export type VunoSchemaPathSegment = PropertyKey | {
-    key: PropertyKey;
-};
-export type VunoSchemaIssue = {
-    readonly message: string;
-    readonly path?: readonly VunoSchemaPathSegment[];
-};
-/** Resultado discriminado de una validación Standard Schema. */
-export type VunoSchemaResult<TValue> = {
-    readonly issues: readonly VunoSchemaIssue[];
-} | {
-    readonly issues?: undefined;
-    readonly value: TValue;
+import type { FormHTMLAttributes } from 'vue';
+import type { ControlUi } from './control.js';
+/**
+ * Contratos de la familia `Form` de Vuno.
+ *
+ * Los tres tipos viven aquí, junto al reexport que consume cada componente,
+ * porque `types/index.ts` publica esta carpeta con `export type *`: mover una
+ * definición al archivo colocalizado del componente sin retirarla de aquí
+ * duplica el nombre en el índice y TypeScript lo rechaza con `TS2308`.
+ */
+/**
+ * Vuno declara `FormProps = ComponentProps<'form'>`: el componente no añade
+ * nada al elemento nativo y solo aplica la clase `vuno--form`.
+ *
+ * `fluid` recoge `FluidForm`, que en React es un componente aparte cuya única
+ * diferencia es la clase `vuno--form--fluid` y el contexto `isFluid`. En Vue una
+ * variante evita duplicar el componente; el contexto no se implementa porque
+ * ningún control del runtime lo consume todavía.
+ */
+export interface FormProps extends /* @vue-ignore */ FormHTMLAttributes {
+    fluid?: boolean;
+    ui?: ControlUi<'root'>;
+}
+/**
+ * Vuno exige `legendText`: un `fieldset` sin `legend` no tiene nombre
+ * accesible, así que el contrato lo pide y el componente lo renderiza siempre.
+ *
+ * `message` es un booleano que decide si se muestra el texto y `messageText`
+ * es ese texto, tal como los declara React. La pareja parece redundante, pero
+ * es la API pública de Vuno y cambiarla obligaría a traducir nombres.
+ */
+export type FormGroupProps = {
+    disabled?: boolean;
+    invalid?: boolean;
+    legendId?: string;
+    legendText: string;
+    message?: boolean;
+    messageText?: string;
+    ui?: ControlUi<'legend' | 'message' | 'root'>;
 };
 /**
- * Contrato mínimo que comparten zod, valibot y arktype.
+ * Vuno expone `className`, `children` e `id`, y usa ese `id` como `htmlFor`
+ * del `label`. Vuno nombra `for` a esa relación: es el atributo real, deja `id`
+ * libre para identificar la etiqueta —lo que necesita `aria-labelledby`— y
+ * evita que la misma cadena signifique dos cosas.
  *
- * La salida no se ata al estado de entrada: un formulario incompleto puede no
- * satisfacer todavía el tipo que el esquema promete devolver.
+ * `disabled`, `invalid` y `hideLabel` corresponden a los modificadores
+ * `vuno--label--disabled`, `data-invalid` y `vuno--visually-hidden` que Vuno
+ * aplica a la etiqueta desde los controles que la envuelven.
+ *
+ * `noMargin` es `vuno--label--no-margin`. React lo fija en el componente
+ * independiente; aquí es opcional porque la misma etiqueta sirve a los
+ * controles del runtime, que necesitan el margen inferior de Vuno.
  */
-export type VunoSchema<TValue = unknown> = {
-    '~standard': {
-        validate: (value: unknown) => Promise<VunoSchemaResult<TValue>> | VunoSchemaResult<TValue>;
-    };
+export type FormLabelProps = {
+    disabled?: boolean;
+    for?: string;
+    hideLabel?: boolean;
+    invalid?: boolean;
+    noMargin?: boolean;
+    ui?: ControlUi<'label'>;
 };
-export interface VunoFormContext<TState extends VunoFormState = VunoFormState> {
-    dirty: ComputedRef<boolean>;
-    initialState: TState;
-    size: ComputedRef<undefined | VunoSize>;
-    touched: Record<string, boolean>;
-    /** 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;
-    isTouched(name: string): boolean;
-    reset(): void;
-    resetField(name: string): void;
-    setTouched(name: string, touched?: boolean): void;
-    setValue<TValue = unknown>(name: string, value: TValue): void;
-}