@groupteknology/vuno 1.0.1 → 2.0.0

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

@@ -1,351 +0,0 @@
-import { skipLink } from "./shared.js";
-export const structureTheme = {
-  /**
-   * La tarjeta. Tres regiones apiladas y separadas por una línea, que es la
-   * forma que tenía el caso real escrito a mano antes de que existiera.
-   *
-   * El relleno va en cada región y no en la raíz: con él en la raíz, la línea
-   * divisoria no llegaría a los bordes y quedaría flotando en medio.
-   *
-   * **La raíz lleva anillo de foco desde que existe `tag`.** Con `tag` la
-   * tarjeta puede **ser** un enlace o un botón, y entonces recibe el foco.
-   *
-   * Y aquí hay que decir qué pasaba de verdad, porque lo primero que se
-   * escribió en este mismo comentario era falso y lo desmintió la medición.
-   * **No se quedaba sin contorno**: quitando las tres clases con el elemento
-   * enfocado, el contorno calculado sigue siendo `1px auto` —el del navegador,
-   * que el preflight de Tailwind no neutraliza— y con las clases pasa a `2px
-   * solid` del acento, con 2px de separación. O sea que el defecto no era una
-   * tarjeta invisible al tabular, sino **la única superficie enfocable de vuno
-   * que no llevaba el anillo del sistema**: grosor, color y separación
-   * distintos de los del botón, el campo y el enlace de la miga, y a merced de
-   * lo que pinte cada navegador. Que ya lo era se ve en que el ejemplo de la
-   * ficha llevaba el anillo escrito a mano sobre el enlace que la envolvía.
-   *
-   * Va **siempre puesto y sin variante que lo encienda**, que es lo contrario
-   * de lo que pide el reflejo. El motivo es que la condición ya la impone
-   * `:focus-visible`: un elemento que no puede recibir el foco no la cumple
-   * nunca, así que sobre un `div` las tres clases no pintan nada —medido: con
-   * `tag` por defecto la tarjeta ni siquiera es parada del tabulador—. Una
-   * variante sería una segunda copia, más débil, de una condición que el CSS
-   * ya garantiza, y además tendría que **adivinar** si un `tag` cualquiera es
-   * enfocable; se equivocaría justo en el caso peligroso, el de un `div` con
-   * un `tabindex` llegado por atributos, dejando sin anillo algo que sí toma
-   * el foco.
-   *
-   * El acento se declara aquí, como en `breadcrumbLink` y en la pestaña: la
-   * tarjeta no tiene variantes de color de las que sacarlo, y sin declararlo
-   * `outline-(--vuno-accent)` se quedaría con lo que hubiera heredado.
-   */
-  card: {
-    slots: {
-      body: "text-vuno-body p-4",
-      footer: "p-4",
-      header: "text-vuno-strong p-4 font-semibold",
-      root: "divide-vuno-border rounded-vuno [--vuno-accent:var(--color-vuno-primary)] flex w-full flex-col divide-y focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--vuno-accent)"
-    },
-    variants: {
-      /*
-       * `outline` sube un escalón sobre la página y se cierra con un borde.
-       * `soft` sube dos y no lleva borde, porque va dentro de algo que ya
-       * está levantado y ahí otro borde no separa nada: lo que distingue es
-       * la elevación.
-       */
-      variant: {
-        outline: { root: "border-vuno-border bg-vuno-surface-1 border" },
-        /* Sin contenedor: el marco lo pone quien la envuelve. */
-        plain: {},
-        soft: { root: "bg-vuno-surface-2" }
-      }
-    }
-  },
-  /**
-   * Las celdas de la tabla. Estaban fuera del tema: el color del sí y del no
-   * y el ancho al que se corta un texto se decidían en el componente, así que
-   * un proyecto no tenía dónde cambiar lo primero que suele querer cambiar.
-   */
-  cellBoolean: {
-    slots: { icon: "", label: "" },
-    /* El color sale de la variante y no de la plantilla. */
-    variants: {
-      value: {
-        false: { icon: "text-vuno-muted" },
-        true: { icon: "text-vuno-success" }
-      }
-    }
-  },
-  /*
-   * `tabular-nums` vive en el slot y no en la plantilla, aunque sea
-   * estructura y no aspecto: escrito como `class` al lado de un
-   * `:class="ui.base"` no pasaría por tailwind-merge —conviven y gana el
-   * orden de la hoja—, que es el defecto que se acaba de quitar de los
-   * estados. En el slot sigue siendo lo que trae el módulo de serie, y además
-   * un proyecto que prefiera `proportional-nums` puede sustituirlo en vez de
-   * acumularlo.
-   */
-  cellCurrency: {
-    slots: { base: "tabular-nums" }
-  },
-  cellDate: {
-    slots: { base: "tabular-nums" }
-  },
-  cellNumber: {
-    slots: { base: "tabular-nums" }
-  },
-  cellText: {
-    slots: { base: "" },
-    /* Solo corta si la columna lo pide, y el ancho es del tema. */
-    variants: {
-      truncate: {
-        false: {},
-        true: { base: "block max-w-[32ch] truncate" }
-      }
-    }
-  },
-  /**
-   * El contenedor. El ancho sale de la variante y no de una clase suelta: dos
-   * `max-w-*` sobre el mismo elemento no se resuelven, conviven.
-   */
-  container: {
-    slots: { root: "mx-auto w-full" },
-    variants: {
-      /* Se quita en un contenedor dentro de otro, donde se sumaría dos veces. */
-      padding: {
-        false: {},
-        true: { root: "px-4 sm:px-6 lg:px-8" }
-      },
-      size: {
-        sm: { root: "max-w-sm" },
-        md: { root: "max-w-md" },
-        lg: { root: "max-w-lg" },
-        xl: { root: "max-w-xl" },
-        "2xl": { root: "max-w-2xl" },
-        "3xl": { root: "max-w-3xl" },
-        "4xl": { root: "max-w-4xl" },
-        "5xl": { root: "max-w-5xl" },
-        "6xl": { root: "max-w-6xl" },
-        "7xl": { root: "max-w-7xl" },
-        full: {}
-      }
-    }
-  },
-  /**
-   * La barra de navegación: tres regiones en una fila.
-   *
-   * **Sin fondo, sin borde y sin sitio propio**, y eso no es un olvido: la
-   * barra va dentro del `<header>` de un layout, que es quien la pega arriba,
-   * la pinta y la separa del contenido. Repetir aquí el fondo la dejaría con
-   * dos, y repetir el borde pondría dos líneas a un píxel una de otra.
-   *
-   * El reparto es una rejilla de tres columnas y no un `justify-between`, y
-   * esa es la única diferencia que se ve: con `between`, el centro queda
-   * centrado **solo si los dos lados miden lo mismo**, así que un logotipo
-   * largo a la izquierda lo desplaza. Con `1fr auto 1fr` el centro cae en el
-   * centro de la barra pase lo que pase a los lados. Cuando no hay centro, las
-   * dos columnas elásticas empujan a los lados y se ve igual que un `between`.
-   *
-   * `minmax(0,1fr)` y no `1fr` porque la segunda no baja de su contenido, y
-   * entonces un título largo a la izquierda no se trunca: empuja la barra y
-   * saca scroll horizontal a la página.
-   *
-   * La izquierda encoge y la derecha no —`min-w-0` contra `shrink-0`—, que es
-   * lo que ya se aprendió en la barra de `VPage`: lo que se recorta es el
-   * texto, nunca los botones.
-   */
-  navbar: {
-    slots: {
-      center: "flex min-w-0 items-center justify-center gap-2",
-      left: "flex min-w-0 items-center gap-2",
-      right: "flex shrink-0 items-center justify-end gap-2",
-      root: "grid h-full w-full grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-3 px-4 sm:px-6"
-    }
-  },
-  /**
-   * Navegación anidada. La fila es lo que se pulsa y la sublista es lo que se
-   * despliega, así que las dos llevan slot propio.
-   *
-   * El estado activo se pinta desde `aria-current`, que es lo que `NuxtLink`
-   * pone solo, y no desde una clase aparte: así lo que se ve y lo que se
-   * anuncia no se pueden separar.
-   */
-  navigation: {
-    slots: {
-      badge: "bg-vuno-surface-2 text-vuno-muted rounded-vuno ms-auto px-1.5 py-0.5 text-xs",
-      icon: "size-4 shrink-0",
-      item: "flex flex-col",
-      label: "truncate",
-      link: "rounded-vuno text-vuno-muted hover:bg-vuno-surface-1 hover:text-vuno-body aria-[current=page]:bg-vuno-surface-1 aria-[current=page]:text-vuno-strong focus-visible:outline-vuno-primary flex min-w-0 flex-1 items-center gap-2 px-3 py-1.5 text-sm transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 aria-[current=page]:font-medium aria-disabled:pointer-events-none aria-disabled:opacity-50",
-      list: "flex flex-col gap-0.5",
-      root: "flex flex-col",
-      row: "flex items-center gap-0.5",
-      /* La sangría marca el nivel, y va en la sublista para no contar niveles. */
-      sublist: "border-vuno-border ms-4 border-s ps-2",
-      toggle: "rounded-vuno text-vuno-muted hover:bg-vuno-surface-1 hover:text-vuno-body focus-visible:outline-vuno-primary flex min-w-0 flex-1 cursor-pointer items-center gap-2 px-3 py-1.5 text-sm transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-      /* Al lado de un enlace el botón es solo la flecha: deja de crecer. */
-      toggleAside: "flex-none px-1.5",
-      toggleIcon: "size-4 shrink-0 transition-transform",
-      toggleIconOpen: "rotate-90"
-    }
-  },
-  /**
-   * La barra y el panel los pinta el módulo: los componentes de la gama Pro
-   * que había antes solo aportaban dos huecos, y encima había que anularles
-   * el relleno porque el ritmo lo pone `body`.
-   */
-  page: {
-    slots: {
-      body: "flex w-full flex-col gap-7 px-4 py-6 sm:px-6 sm:py-8 lg:px-10 lg:py-10",
-      breadcrumb: "hidden min-w-0 sm:block",
-      breadcrumbCurrent: "text-vuno-strong truncate text-sm font-semibold",
-      breadcrumbItem: "flex min-w-0 items-center gap-1.5",
-      breadcrumbLink: "text-vuno-muted hover:text-vuno-body rounded-vuno truncate text-sm font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--vuno-accent) [--vuno-accent:var(--color-vuno-primary)]",
-      breadcrumbList: "flex items-center gap-1.5",
-      breadcrumbSeparator: "text-vuno-subtle size-4 shrink-0",
-      description: "text-vuno-muted max-w-prose text-sm",
-      heading: "flex flex-col gap-2",
-      navbar: "border-vuno-border bg-vuno-surface/90 flex h-14 shrink-0 items-center justify-between gap-3 border-b px-4 backdrop-blur-xl sm:px-6",
-      navbarLeft: "flex min-w-0 items-center gap-1",
-      navbarRight: "flex shrink-0 items-center gap-2",
-      panel: "min-h-0 flex-1 overflow-y-auto",
-      root: "flex min-h-0 w-full flex-1 flex-col",
-      title: "text-vuno-strong text-2xl font-bold tracking-tight sm:text-3xl"
-    }
-  },
-  /**
-   * Casi sin clases a propósito: los números son botones, así que el color,
-   * el tamaño y el foco salen de `baseButton`. Lo único propio es el hueco de
-   * la elipsis, que mide lo mismo que un botón para que la fila no dé saltos
-   * al cambiar de página.
-   */
-  pagination: {
-    slots: {
-      gap: "text-vuno-muted flex size-8 shrink-0 items-center justify-center select-none",
-      list: "flex items-center gap-1",
-      root: "flex items-center"
-    }
-  },
-  publicLayout: {
-    slots: {
-      footer: "border-vuno-border border-t",
-      header: "border-vuno-border bg-vuno-surface/85 z-10 border-b backdrop-blur",
-      /* `flex-1` para que el pie caiga abajo aunque la página sea corta. */
-      main: "flex-1",
-      /* `relative` por lo mismo que en el de aplicación: es la referencia del enlace de salto. */
-      root: "bg-vuno-surface text-vuno-body relative flex min-h-dvh flex-col",
-      /* Lo mismo que en el de aplicación: al aparecer se coloca encima, no empuja. */
-      skip: `${skipLink} focus:absolute focus:start-2 focus:top-2`
-    },
-    variants: {
-      sticky: {
-        false: {},
-        true: { header: "sticky top-0" }
-      }
-    }
-  },
-  state: {
-    slots: {
-      actions: "mt-3 empty:hidden",
-      hint: "text-vuno-muted max-w-prose text-sm",
-      icon: "size-8 shrink-0",
-      root: "flex flex-col items-center gap-1 px-4 py-10 text-center",
-      title: "text-vuno-strong font-medium"
-    },
-    /*
-     * El color del icono lo decide la variante y no el componente.
-     *
-     * Estaban los dos escritos a mano sobre el `<Icon>`, **además** del
-     * `ui.icon`: una clase puesta sobre un componente no pasa por
-     * tailwind-merge, así que convivía con la del tema y ganaba el orden de
-     * la hoja. Y la del fallo era `text-error`, que no existe —el módulo no
-     * define `--color-error`— de modo que el estado de fallo se pintaba con
-     * el color del texto normal.
-     */
-    variants: {
-      tone: {
-        empty: { icon: "text-vuno-subtle" },
-        failure: { icon: "text-vuno-error" }
-      }
-    }
-  },
-  table: {
-    slots: {
-      chips: "flex flex-wrap items-center gap-2",
-      emptyCell: "px-4 py-6",
-      filtersBody: "flex flex-col gap-4",
-      filtersFooter: "flex items-center justify-between gap-2",
-      footer: "flex flex-wrap items-center justify-between gap-4 px-1",
-      headRow: "border-vuno-border border-b",
-      meta: "text-vuno-muted flex items-center gap-2 text-sm",
-      /*
-       * El ancho viaja por `ui` de instancia a propósito —pelea con el
-       * `w-full` del tema y puesto como clase convivirían los dos—, pero
-       * el valor sale de aquí en vez de estar escrito en la plantilla.
-       */
-      pageSizeControl: "w-auto",
-      pageSizeSelect: "cursor-pointer bg-transparent py-1 pr-1 outline-none",
-      root: "flex w-full flex-col gap-4",
-      search: "w-full sm:max-w-xs",
-      selectCell: "w-0",
-      selection: "bg-vuno-surface-1 flex items-center justify-between gap-2 rounded-vuno px-3 py-2 text-sm",
-      /* Ver `skipLink`: la clase está en un solo sitio para las tres. */
-      skip: skipLink,
-      /*
-       * El margen negativo cancela el relleno del botón para que la
-       * cabecera se alinee con el texto de la columna, así que depende del
-       * relleno de `baseButton`: un proyecto que cambie uno tiene que poder
-       * cambiar el otro.
-       */
-      sortButton: "-mx-2",
-      table: "min-w-full",
-      tableRoot: "border-vuno-border rounded-vuno relative overflow-auto border",
-      /**
-       * El marco va en el contenedor y no en la `<table>`.
-       *
-       * Ponerlo en la tabla obliga a `border-separate` para que el radio
-       * no lo ignore el navegador, y en ese modo el navegador **también**
-       * ignora los bordes declarados en `<tr>`, que es donde Nuxt UI pone
-       * la línea entre filas: el marco salía y las divisiones
-       * desaparecían, sin ningún error de por medio.
-       *
-       * Aquí la tabla se queda colapsada —sus líneas vuelven— y el radio
-       * recorta porque el contenedor ya tiene `overflow` propio para el
-       * desplazamiento horizontal.
-       */
-      /**
-       * Nuxt UI solo aplica hover a las filas con `data-selectable`, que
-       * son las que reciben un manejador de selección. Aquí se aplica
-       * siempre, y con su misma utilidad semántica para que el color lo
-       * siga decidiendo el tema del proyecto.
-       */
-      tbody: "[&>tr]:hover:bg-vuno-surface-1 [&>tr]:transition-colors",
-      td: "text-vuno-muted px-4 py-4 text-sm whitespace-nowrap",
-      th: "text-vuno-strong px-4 py-3.5 text-start text-sm font-semibold",
-      thead: "",
-      toolbar: "flex flex-wrap items-center justify-between gap-2",
-      toolbarActions: "flex items-center gap-2",
-      tr: "border-vuno-border hover:bg-vuno-surface-1 data-[selected=true]:bg-vuno-surface-1 border-b transition-colors last:border-b-0"
-    }
-  },
-  /**
-   * Pestañas con subrayado en la activa. El `-mb-px` hace que ese subrayado
-   * se coma la línea de la lista en vez de quedar encima de ella.
-   */
-  tabs: {
-    slots: {
-      content: "w-full",
-      icon: "size-4 shrink-0",
-      list: "border-vuno-border flex items-center gap-1 border-b",
-      root: "flex w-full flex-col",
-      trigger: "text-vuno-muted hover:text-vuno-body data-[state=active]:text-vuno-strong data-[state=active]:border-vuno-primary [--vuno-accent:var(--color-vuno-primary)] -mb-px flex cursor-pointer items-center gap-1.5 border-b-2 border-transparent px-3 py-2 font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--vuno-accent)"
-    },
-    variants: {
-      size: {
-        xs: { trigger: "text-xs" },
-        sm: { trigger: "text-sm" },
-        md: { trigger: "text-sm" },
-        lg: { trigger: "text-base" },
-        xl: { trigger: "text-base" }
-      }
-    }
-  }
-};

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

@@ -1,7 +0,0 @@
-import type { MaybeRefOrGetter } from 'vue';
-export interface VunoDashboardContext {
-    setTitle: (value?: string) => void;
-}
-export interface VunoDashboardOptions {
-    title?: MaybeRefOrGetter<string>;
-}

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

@@ -1,30 +0,0 @@
-export function addStep(value, step) {
-  const decimals = Math.max(decimalsOf(value), decimalsOf(step));
-  return Number((value + step).toFixed(decimals));
-}
-export function clampNumber(value, min, max) {
-  if (min !== void 0 && value < min) return min;
-  if (max !== void 0 && value > max) return max;
-  return value;
-}
-export function snapToStep(value, step, min = 0) {
-  if (!step || step <= 0) return value;
-  const steps = Math.round((value - min) / step);
-  const [, decimals = ""] = String(step).split(".");
-  const offset = Number((steps * step).toFixed(decimals.length));
-  return addStep(min, offset);
-}
-export function parseNumber(text, locale) {
-  const trimmed = text.trim();
-  if (!trimmed) return void 0;
-  const parts = new Intl.NumberFormat(locale).formatToParts(12345.6);
-  const group = parts.find((part) => part.type === "group")?.value ?? ",";
-  const decimal = parts.find((part) => part.type === "decimal")?.value ?? ".";
-  const normalised = trimmed.split(group).join("").split(decimal).join(".");
-  const parsed = Number(normalised);
-  return Number.isNaN(parsed) ? void 0 : parsed;
-}
-function decimalsOf(value) {
-  const [, decimals = ""] = String(value).split(".");
-  return decimals.length;
-}

package/dist/runtime/app/utils/standard-schema.d.ts

@@ -1,62 +0,0 @@
-/**
- * Adaptador de [Standard Schema](https://standardschema.dev).
- *
- * Es el contrato que implementan zod, valibot y arktype, así que el motor valida
- * contra cualquiera de ellos sin depender de ninguno ni añadirlo como
- * dependencia. Lo que se declara aquí es lo mínimo del contrato que se usa.
- */
-/**
- * Un segmento de ruta es `PropertyKey`, no solo texto y números: el contrato
- * admite símbolos, y declararlo más estrecho de lo que es hace que un esquema
- * legítimo de zod deje de encajar en el tipo.
- */
-export type VunoSchemaPathSegment = PropertyKey | {
-    key: PropertyKey;
-};
-export type VunoSchemaIssue = {
-    readonly message: string;
-    readonly path?: readonly VunoSchemaPathSegment[];
-};
-/**
- * El resultado fallido **no** lleva `value`; el bueno lo lleva e `issues` queda
- * sin definir. Así se distinguen mirando `issues`, que es como lo hace el motor.
- */
-export type VunoSchemaResult<TValue> = {
-    readonly issues: readonly VunoSchemaIssue[];
-} | {
-    readonly issues?: undefined;
-    readonly value: TValue;
-};
-/**
- * El tipo de salida no se ata al del estado a propósito: lo que se valida es
- * la entrada, y un formulario a medio rellenar no tiene por qué encajar aún en
- * lo que el esquema promete devolver. Atarlos convertía en error de tipos un
- * campo opcional en el estado y obligatorio en el esquema, que es justo el caso
- * normal.
- */
-export type VunoSchema<TValue = unknown> = {
-    '~standard': {
-        validate: (value: unknown) => Promise<VunoSchemaResult<TValue>> | VunoSchemaResult<TValue>;
-    };
-};
-/** Errores por ruta: `{ 'variants.0.sku': 'El SKU es requerido' }`. */
-export type VunoFormErrors = Record<string, string>;
-/**
- * Convierte la ruta de un problema en la que usan los campos.
- *
- * Los índices llegan como números y el contrato admite además objetos `{ key }`,
- * así que se normalizan los tres casos. El resultado tiene que coincidir con el
- * `name` del campo —`variants.0.sku`— o el error no se pintaría en ninguna
- * parte: se vería un formulario que no envía y no dice por qué.
- */
-export declare function toErrorPath(path: VunoSchemaIssue['path']): string;
-/**
- * Agrupa los problemas por ruta, quedándose con el primero de cada una.
- *
- * Un campo puede incumplir varias reglas a la vez —vacío y además demasiado
- * corto— y enseñarlas todas es ruido: la primera es la que hay que arreglar
- * para avanzar.
- */
-export declare function toErrorMap(issues: readonly VunoSchemaIssue[] | undefined): VunoFormErrors;
-/** Detecta si algo implementa el contrato, para no llamar a `validate` a ciegas. */
-export declare function isStandardSchema<TValue = unknown>(schema: unknown): schema is VunoSchema<TValue>;