@eduardoalvarez/arrecife 0.5.0 → 0.6.0

package/package.json

@@ -1,13 +1,17 @@
 {
   "name": "@eduardoalvarez/arrecife",
-  "version": "0.5.0",
-  "description": "Librería de componentes de la identidad visual de Eduardo Álvarez",
+  "version": "0.6.0",
+  "description": "The component library of Eduardo Álvarez’s visual identity",
   "license": "MIT",
   "author": "Eduardo Esteban Álvarez Castañeda <soy@eduardoalvarez.dev>",
+  "homepage": "https://arrecife.eduardoalvarez.dev",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Proskynete/arrecife.git"
   },
+  "bugs": {
+    "url": "https://github.com/Proskynete/arrecife/issues"
+  },
   "type": "module",
   "sideEffects": [
     "**/*.css"
@@ -30,10 +34,15 @@
       "require": "./dist/tokens/index.cjs"
     },
     "./tokens/theme.css": "./dist/tokens/theme.css",
-    "./tema": {
-      "types": "./dist/tema/index.d.ts",
-      "import": "./dist/tema/index.js",
-      "require": "./dist/tema/index.cjs"
+    "./variants": {
+      "types": "./dist/variants/index.d.ts",
+      "import": "./dist/variants/index.js",
+      "require": "./dist/variants/index.cjs"
+    },
+    "./theme": {
+      "types": "./dist/theme/index.d.ts",
+      "import": "./dist/theme/index.js",
+      "require": "./dist/theme/index.cjs"
     },
     "./brand": {
       "types": "./dist/brand/index.d.ts",
@@ -68,7 +77,7 @@
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "scripts": {
-    "build": "pnpm check:tokens && pnpm check:namespace && tsup && pnpm build:tokens && pnpm build:llms",
+    "build": "pnpm check:tokens && pnpm check:namespace && tsup && node scripts/add-use-client.mjs && pnpm build:tokens && pnpm build:llms",
     "build:tokens": "node scripts/build-tokens.mjs",
     "build:llms": "node scripts/build-llms.mjs",
     "check:tokens": "node scripts/check-tokens-purity.mjs",
@@ -78,14 +87,14 @@
     "check:release": "node scripts/check-release-config.mjs",
     "typecheck": "tsc --noEmit",
     "lint": "eslint .",
-    "test": "pnpm test:unidad && pnpm test:oscuro && pnpm test:claro",
+    "test": "pnpm test:unit && pnpm test:dark && pnpm test:light",
     "test:watch": "vitest --project storybook",
     "storybook": "pnpm build:tokens && storybook dev -p 6006",
     "build-storybook": "pnpm build:tokens && storybook build",
     "prepublishOnly": "pnpm build",
-    "test:unidad": "vitest run --project unidad",
-    "test:oscuro": "vitest run --project storybook",
-    "test:claro": "STORYBOOK_THEME=claro vitest run --project storybook"
+    "test:unit": "vitest run --project unit",
+    "test:dark": "vitest run --project storybook",
+    "test:light": "STORYBOOK_THEME=light vitest run --project storybook"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/dist/catalogo-Du5ID-Hi.d.cts

@@ -1,77 +0,0 @@
-/**
- * El catálogo de la marca: qué piezas de Tiburoncín existen y cómo se llama su
- * archivo. Datos puros, sin React, para que también lo puedan leer las
- * plantillas de OG y cualquier script.
- *
- * Añadir una pieza nueva es soltar el PNG en `assets/brand/` y añadir una línea
- * aquí. El tipo se actualiza solo y el autocompletado la ofrece de inmediato.
- */
-/**
- * Las caras. Solo se usan en estados vacíos, confirmaciones, errores, progreso
- * de curso y celebración — nunca en hero, precios, servicios, contacto ni CV.
- * Por eso `EmptyState` recibe una cara y `PageHeader` no.
- */
-declare const caras: {
-    readonly annoyed: "face-annoyed.png";
-    readonly confused: "face-confused.png";
-    readonly hearts: "face-hearts.png";
-    readonly laughing: "face-laughing.png";
-    readonly shades: "face-shades.png";
-    readonly waiting: "face-waiting.png";
-    readonly wink: "face-wink.png";
-};
-/** Poses de cuerpo entero. */
-declare const poses: {
-    readonly desk: "pose-desk.png";
-    readonly 'laptop-coffee': "pose-laptop-coffee.png";
-    readonly peek: "pose-peek.png";
-    readonly surf: "pose-surf.png";
-};
-/**
- * La aleta, en sus dos variantes.
- *
- * El cuerpo de la aleta es casi negro, así que sobre fondo oscuro la variante de
- * dos azules desaparece. `espuma` es la silueta a una tinta —el 94 % de sus
- * píxeles son `#EDF4F3`, o sea el token espuma— y es la que se ve sobre abismo.
- */
-declare const aletas: {
-    /** Dos azules. Para fondos claros. */
-    readonly color: "fin.png";
-    /** Silueta a una tinta. Para fondos oscuros. */
-    readonly espuma: "fin-foam.png";
-};
-/**
- * El uso asignado de cada cara, del inventario del manual.
- *
- * No es documentación suelta: es la parte del contrato de humor que se puede
- * escribir como dato. El manual asigna una situación a cada cara, y sin esto la
- * elección se hacía a ojo en cada sitio de uso — que es como `annoyed` termina
- * en una confirmación y `hearts` en un error.
- *
- * Falta una: el manual lista ocho caras y `head-5` (sorpresa · confirmación
- * destructiva) no tiene PNG en `assets/brand/`. Cuando llegue, entra aquí y en
- * `caras` a la vez.
- */
-declare const usoDeCara: {
-    readonly wink: "Formularios, nota al pie amable";
-    readonly waiting: "Sin resultados, estado de espera";
-    readonly laughing: "Éxito, suscripción confirmada";
-    readonly shades: "Módulo o curso completado";
-    readonly hearts: "Agradecimiento, OG de artículo";
-    readonly confused: "404, página no encontrada";
-    readonly annoyed: "Error del servidor, fallo de build";
-};
-type Cara = keyof typeof caras;
-type Pose = keyof typeof poses;
-type Aleta = keyof typeof aletas;
-/** Sobre qué fondo se va a montar la pieza. Decide qué aleta se usa. */
-type Fondo = 'oscuro' | 'claro';
-/**
- * Dónde se sirven los PNG. Por defecto `/brand`, que es donde ya viven en los
- * cinco proyectos (`public/brand/`), así que no hay nada que configurar.
- */
-declare const RUTA_ASSETS = "/brand";
-declare const listaCaras: readonly Cara[];
-declare const listaPoses: readonly Pose[];
-
-export { type Aleta as A, type Cara as C, type Fondo as F, type Pose as P, RUTA_ASSETS as R, aletas as a, listaPoses as b, caras as c, listaCaras as l, poses as p, usoDeCara as u };

package/dist/catalogo-Du5ID-Hi.d.ts

@@ -1,77 +0,0 @@
-/**
- * El catálogo de la marca: qué piezas de Tiburoncín existen y cómo se llama su
- * archivo. Datos puros, sin React, para que también lo puedan leer las
- * plantillas de OG y cualquier script.
- *
- * Añadir una pieza nueva es soltar el PNG en `assets/brand/` y añadir una línea
- * aquí. El tipo se actualiza solo y el autocompletado la ofrece de inmediato.
- */
-/**
- * Las caras. Solo se usan en estados vacíos, confirmaciones, errores, progreso
- * de curso y celebración — nunca en hero, precios, servicios, contacto ni CV.
- * Por eso `EmptyState` recibe una cara y `PageHeader` no.
- */
-declare const caras: {
-    readonly annoyed: "face-annoyed.png";
-    readonly confused: "face-confused.png";
-    readonly hearts: "face-hearts.png";
-    readonly laughing: "face-laughing.png";
-    readonly shades: "face-shades.png";
-    readonly waiting: "face-waiting.png";
-    readonly wink: "face-wink.png";
-};
-/** Poses de cuerpo entero. */
-declare const poses: {
-    readonly desk: "pose-desk.png";
-    readonly 'laptop-coffee': "pose-laptop-coffee.png";
-    readonly peek: "pose-peek.png";
-    readonly surf: "pose-surf.png";
-};
-/**
- * La aleta, en sus dos variantes.
- *
- * El cuerpo de la aleta es casi negro, así que sobre fondo oscuro la variante de
- * dos azules desaparece. `espuma` es la silueta a una tinta —el 94 % de sus
- * píxeles son `#EDF4F3`, o sea el token espuma— y es la que se ve sobre abismo.
- */
-declare const aletas: {
-    /** Dos azules. Para fondos claros. */
-    readonly color: "fin.png";
-    /** Silueta a una tinta. Para fondos oscuros. */
-    readonly espuma: "fin-foam.png";
-};
-/**
- * El uso asignado de cada cara, del inventario del manual.
- *
- * No es documentación suelta: es la parte del contrato de humor que se puede
- * escribir como dato. El manual asigna una situación a cada cara, y sin esto la
- * elección se hacía a ojo en cada sitio de uso — que es como `annoyed` termina
- * en una confirmación y `hearts` en un error.
- *
- * Falta una: el manual lista ocho caras y `head-5` (sorpresa · confirmación
- * destructiva) no tiene PNG en `assets/brand/`. Cuando llegue, entra aquí y en
- * `caras` a la vez.
- */
-declare const usoDeCara: {
-    readonly wink: "Formularios, nota al pie amable";
-    readonly waiting: "Sin resultados, estado de espera";
-    readonly laughing: "Éxito, suscripción confirmada";
-    readonly shades: "Módulo o curso completado";
-    readonly hearts: "Agradecimiento, OG de artículo";
-    readonly confused: "404, página no encontrada";
-    readonly annoyed: "Error del servidor, fallo de build";
-};
-type Cara = keyof typeof caras;
-type Pose = keyof typeof poses;
-type Aleta = keyof typeof aletas;
-/** Sobre qué fondo se va a montar la pieza. Decide qué aleta se usa. */
-type Fondo = 'oscuro' | 'claro';
-/**
- * Dónde se sirven los PNG. Por defecto `/brand`, que es donde ya viven en los
- * cinco proyectos (`public/brand/`), así que no hay nada que configurar.
- */
-declare const RUTA_ASSETS = "/brand";
-declare const listaCaras: readonly Cara[];
-declare const listaPoses: readonly Pose[];
-
-export { type Aleta as A, type Cara as C, type Fondo as F, type Pose as P, RUTA_ASSETS as R, aletas as a, listaPoses as b, caras as c, listaCaras as l, poses as p, usoDeCara as u };

package/dist/chunk-E3OMP2DL.js

@@ -1,36 +0,0 @@
-// src/brand/catalogo.ts
-var caras = {
-  annoyed: "face-annoyed.png",
-  confused: "face-confused.png",
-  hearts: "face-hearts.png",
-  laughing: "face-laughing.png",
-  shades: "face-shades.png",
-  waiting: "face-waiting.png",
-  wink: "face-wink.png"
-};
-var poses = {
-  desk: "pose-desk.png",
-  "laptop-coffee": "pose-laptop-coffee.png",
-  peek: "pose-peek.png",
-  surf: "pose-surf.png"
-};
-var aletas = {
-  /** Dos azules. Para fondos claros. */
-  color: "fin.png",
-  /** Silueta a una tinta. Para fondos oscuros. */
-  espuma: "fin-foam.png"
-};
-var usoDeCara = {
-  wink: "Formularios, nota al pie amable",
-  waiting: "Sin resultados, estado de espera",
-  laughing: "\xC9xito, suscripci\xF3n confirmada",
-  shades: "M\xF3dulo o curso completado",
-  hearts: "Agradecimiento, OG de art\xEDculo",
-  confused: "404, p\xE1gina no encontrada",
-  annoyed: "Error del servidor, fallo de build"
-};
-var RUTA_ASSETS = "/brand";
-var listaCaras = Object.keys(caras);
-var listaPoses = Object.keys(poses);
-
-export { RUTA_ASSETS, aletas, caras, listaCaras, listaPoses, poses, usoDeCara };

package/dist/chunk-KPZNNMV5.js

@@ -1,83 +0,0 @@
-// src/tema/index.ts
-var TEMA_CLAVE = "arrecife-tema";
-var TEMA_ATRIBUTO = "data-theme";
-var TEMA_EVENTO = "arrecife:tema";
-var esTema = (valor) => valor === "dark" || valor === "light";
-function temaActual() {
-  if (typeof document === "undefined") return "dark";
-  const puesto = document.documentElement.getAttribute(TEMA_ATRIBUTO);
-  return esTema(puesto) ? puesto : "dark";
-}
-function temaGuardado() {
-  if (typeof localStorage === "undefined") return null;
-  try {
-    const valor = localStorage.getItem(TEMA_CLAVE);
-    return esTema(valor) ? valor : null;
-  } catch {
-    return null;
-  }
-}
-function temaPreferido() {
-  const guardado = temaGuardado();
-  if (guardado) return guardado;
-  if (typeof matchMedia === "undefined") return "dark";
-  return matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
-}
-function aplicarTema(tema, persistir = true) {
-  if (typeof document === "undefined") return;
-  document.documentElement.setAttribute(TEMA_ATRIBUTO, tema);
-  document.documentElement.style.colorScheme = tema;
-  if (persistir) {
-    try {
-      localStorage.setItem(TEMA_CLAVE, tema);
-    } catch {
-    }
-  }
-  dispatchEvent(new CustomEvent(TEMA_EVENTO, { detail: tema }));
-}
-function alternarTema() {
-  const siguiente = temaActual() === "dark" ? "light" : "dark";
-  aplicarTema(siguiente);
-  return siguiente;
-}
-function escucharTema(alCambiar) {
-  if (typeof window === "undefined") return () => {
-  };
-  const propio = (evento) => {
-    const detalle = evento.detail;
-    if (esTema(detalle)) alCambiar(detalle);
-  };
-  const otraPestana = (evento) => {
-    if (evento.key !== TEMA_CLAVE) return;
-    const tema = esTema(evento.newValue) ? evento.newValue : temaPreferido();
-    aplicarTema(tema, false);
-    alCambiar(tema);
-  };
-  addEventListener(TEMA_EVENTO, propio);
-  addEventListener("storage", otraPestana);
-  return () => {
-    removeEventListener(TEMA_EVENTO, propio);
-    removeEventListener("storage", otraPestana);
-  };
-}
-var scriptTema = [
-  "(function () {",
-  "  var CLAVE = " + JSON.stringify(TEMA_CLAVE) + ";",
-  "  function resolver() {",
-  "    try {",
-  "      var guardado = localStorage.getItem(CLAVE);",
-  '      if (guardado === "dark" || guardado === "light") return guardado;',
-  "    } catch (e) {}",
-  '    return matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";',
-  "  }",
-  "  function aplicar() {",
-  "    var tema = resolver();",
-  "    document.documentElement.setAttribute(" + JSON.stringify(TEMA_ATRIBUTO) + ", tema);",
-  "    document.documentElement.style.colorScheme = tema;",
-  "  }",
-  "  aplicar();",
-  '  document.addEventListener("astro:after-swap", aplicar);',
-  "})();"
-].join("\n");
-
-export { TEMA_ATRIBUTO, TEMA_CLAVE, TEMA_EVENTO, alternarTema, aplicarTema, escucharTema, scriptTema, temaActual, temaGuardado, temaPreferido };

package/dist/chunk-NHS7ETKJ.js

@@ -1,27 +0,0 @@
-import { spacing, control, radius, typeScale } from './chunk-TSPJOM6K.js';
-import { clsx } from 'clsx';
-import { extendTailwindMerge } from 'tailwind-merge';
-
-var kebab = (nombre) => nombre.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
-var escalas = Object.keys(typeScale);
-var radios = Object.keys(radius);
-var espacios = Object.keys(spacing).map(kebab);
-var controles = Object.keys(control).map((nombre) => `control-${kebab(nombre)}`);
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [{ text: escalas }],
-      rounded: [{ rounded: radios }],
-      p: [{ p: espacios }],
-      px: [{ px: [...espacios, ...controles] }],
-      py: [{ py: espacios }],
-      gap: [{ gap: espacios }],
-      size: [{ size: controles }]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-export { cn };

package/dist/chunk-TSPJOM6K.js

@@ -1,229 +0,0 @@
-// src/tokens/tokens.ts
-var dark = {
-  background: "#091319",
-  //          abismo · fondo de página
-  surface: "#10202B",
-  //             fosa · tarjetas y paneles
-  surfaceRaised: "#17303E",
-  //       corriente · menús, tabs activos
-  border: "#22414F",
-  //              bordes de control
-  hairline: "#1E3441",
-  //            divisiones sutiles
-  hairlineHover: "#2C4D5D",
-  //       hairline en hover de tarjeta
-  textPrimary: "#EDF4F3",
-  //         espuma            16.84:1
-  textSecondary: "#A7BCC4",
-  //       bruma              9.50:1
-  textMuted: "#71919C",
-  //           plancton           5.57:1  nunca bajo 13px
-  accent: "#35D6C0",
-  //              bioluz            10.31:1  interactivo
-  accentHover: "#5FE3D1",
-  accentOn: "#06171A",
-  //            tinta sobre bioluz
-  warm: "#F2A65A",
-  //                arena              9.28:1  humano y conversión
-  warmHover: "#F7BB7D",
-  warmOn: "#2A1605",
-  //              tinta sobre arena
-  success: "#4FB477",
-  warning: "#E8A33D",
-  error: "#E15757"
-  //                                 4.51:1 sobre surface
-};
-var light = {
-  background: "#F6F2EA",
-  //          papel
-  surface: "#FFFFFF",
-  surfaceRaised: "#EFE9DE",
-  border: "#E6DFD2",
-  hairline: "#EBE6DC",
-  hairlineHover: "#D3C8B2",
-  //       hairline en hover de tarjeta
-  textPrimary: "#0B1524",
-  //                           16.40:1
-  textSecondary: "#3D4B58",
-  textMuted: "#626A75",
-  //                             4.53:1 sobre surfaceRaised
-  accent: "#0D7C6F",
-  //              bioluz oscura      4.55:1
-  accentHover: "#0C7466",
-  accentOn: "#FFFFFF",
-  warm: "#A65B27",
-  //                arena oscura       4.54:1
-  warmHover: "#96511F",
-  warmOn: "#FFF7EE",
-  success: "#0F6B52",
-  warning: "#8D6111",
-  //                               4.51:1 sobre surfaceRaised
-  error: "#C0392B"
-};
-var colors = { dark, light };
-var brand = {
-  /** Cuerpo de la mascota. 4.22:1 → SOLO relleno, NUNCA texto. */
-  body: "#3E7CB1",
-  /** Patrón de manchas. */
-  spots: "#C2D7E7",
-  /** Casco · contorno y fondo de bloques de código. */
-  hull: "#0B1524"
-};
-var fonts = {
-  /** SOLO titulares y números grandes. Nunca cuerpo. */
-  display: '"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif',
-  /** Cuerpo e interfaz. */
-  sans: '"Geist", ui-sans-serif, system-ui, sans-serif',
-  /** Código, rutas, etiquetas, metadatos, firma CLI. */
-  mono: '"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
-};
-var typeScale = {
-  display: { family: "display", size: 76, lineHeight: 0.96, weight: 800, tracking: "-0.035em" },
-  /** Métricas grandes. Números, no prosa: interlineado 1 y sin descendentes. */
-  stat: { family: "display", size: 46, lineHeight: 1, weight: 800, tracking: "-0.035em" },
-  h1: { family: "display", size: 44, lineHeight: 1.05, weight: 700, tracking: "-0.03em" },
-  h2: { family: "display", size: 30, lineHeight: 1.1, weight: 600, tracking: "-0.02em" },
-  h3: { family: "display", size: 25, lineHeight: 1.15, weight: 600, tracking: "-0.02em" },
-  body: { family: "sans", size: 18, lineHeight: 1.75, weight: 400 },
-  /**
-   * 17px. El botón grande y la bajada de las páginas internas.
-   *
-   * Entra como escalón propio porque el documento lo usa DOS veces y en piezas
-   * distintas: «lg 15px 30px r12» con texto de 17, y «h1 44/700 · bajada 17px ·
-   * párrafo de contexto 15px». Un solo uso no habría justificado partir la
-   * distancia entre `ui` (15) y `body` (18); dos sí.
-   */
-  lead: { family: "sans", size: 17, lineHeight: 1.5, weight: 400 },
-  ui: { family: "sans", size: 15, lineHeight: 1.6, weight: 400 },
-  label: { family: "sans", size: 13, lineHeight: 1.5, weight: 500 },
-  /**
-   * La escala de las etiquetas de estado: sans 12.5/500, cuadrada.
-   *
-   * Es medio píxel por debajo de `label`, y esta vez el medio píxel sí importa:
-   * una etiqueta de estado va dentro de una tabla o al lado de un título, y a 13
-   * competía con el texto que acompaña. El documento la da en 12.5 y se ve.
-   */
-  tag: { family: "sans", size: 12.5, lineHeight: 1.4, weight: 500 },
-  /**
-   * La escala de categoría y métrica: mono 11.5.
-   *
-   * Rompe el suelo de `limits.minScreenPx`, y es a propósito. Ese suelo protege
-   * al TEXTO —lo que se lee en una frase—, y una píldora de una palabra no es
-   * texto corrido: es una marca. El contraste sigue medido y pasa AA (plancton
-   * 5.57:1 sobre abismo), que es la parte que no se negocia.
-   *
-   * A 13 las tres familias de etiqueta salían del tamaño de un botón pequeño y
-   * pesaban más que el título que acompañan. Ver `docs/decisiones.md`.
-   */
-  chip: { family: "mono", size: 11.5, lineHeight: 1.4, weight: 400 },
-  /**
-   * Mono SIN transformar: fechas, rutas, versiones, nombres de archivo, la firma
-   * del footer y las métricas de etiqueta. Es la mayoría del mono del sistema.
-   *
-   * Existe porque `eyebrow` lleva `uppercase` de fábrica y no es una preferencia
-   * que se pueda apagar: es la escala del eyebrow. Un `18 ago 2026` en versalitas
-   * o un `pose-laptop-coffee.png` en mayúsculas están mal, y sin este escalón la
-   * única salida era un `normal-case` en cada sitio de uso.
-   *
-   * El documento dice 12.5. Son 13 por la misma razón por la que `textMuted` se
-   * corrigió: `limits.minScreenPx` es 13 y plancton «nunca bajo 13px». Esta
-   * escala es justo donde se escriben las metas en muted, así que ponerla en
-   * 12.5 habría dejado ilegible su uso más común por medio píxel.
-   */
-  meta: { family: "mono", size: 13, lineHeight: 1.6, weight: 400 },
-  eyebrow: { family: "mono", size: 12, tracking: "0.12em", transform: "uppercase" }
-};
-var limits = {
-  /** Mínimo absoluto en pantalla. */
-  minScreenPx: 13,
-  /** Mínimo absoluto impreso. */
-  minPrintPt: 12,
-  /** Medida máxima de cuerpo. */
-  measure: "68ch"
-};
-var radius = {
-  chip: 6,
-  control: 10,
-  card: 14,
-  panel: 16,
-  pill: 999
-};
-var control = {
-  sm: 14,
-  md: 22,
-  lg: 30,
-  /** Botón de icono: cuadrado, sin texto. */
-  icon: 42
-};
-var spacing = {
-  stepXs: 8,
-  stepSm: 12,
-  stepMd: 16,
-  stepLg: 26,
-  stepXl: 40,
-  section: 96
-};
-var size = {
-  /** Alto de la barra de navegación. */
-  nav: 64,
-  /** Ancho de columna de lectura. */
-  content: 760,
-  /** Ancho máximo de página. */
-  wide: 1180
-};
-var sintaxis = {
-  /** El casco. Es el fondo del bloque en los dos modos. */
-  fondo: brand.hull,
-  /** Identificadores, funciones, tipos, variables. */
-  identificador: dark.textPrimary,
-  /** Cadenas, números, booleanos, null. */
-  literal: dark.accent,
-  /** Palabras clave, control de flujo, `import`, `this`. */
-  palabraClave: dark.warm,
-  /** Comentarios y puntuación. */
-  comentario: dark.textMuted,
-  /** `markup.deleted`, `invalid`. */
-  invalido: dark.error
-};
-var series = {
-  dark: [dark.accent, dark.warm, brand.body, dark.textMuted],
-  light: [light.accent, light.warm, brand.body, light.textMuted]
-};
-var profundo = "#0D2129";
-var gradient = {
-  dark: {
-    hero: `linear-gradient(160deg, ${dark.background} 60%, ${profundo} 100%)`,
-    seccion: `linear-gradient(150deg, ${dark.surface} 0%, ${profundo} 100%)`,
-    /** El de la plantilla OG de artículo. 145°, del documento. */
-    og: `linear-gradient(145deg, ${dark.background} 55%, ${profundo} 100%)`
-  },
-  light: {
-    hero: `linear-gradient(160deg, ${light.background} 60%, ${light.surfaceRaised} 100%)`,
-    seccion: `linear-gradient(150deg, ${light.surface} 0%, ${light.surfaceRaised} 100%)`,
-    og: `linear-gradient(145deg, ${light.background} 55%, ${light.surfaceRaised} 100%)`
-  }
-};
-var shadow = {
-  standard: "0 1px 2px rgba(0, 0, 0, 0.35)"
-};
-var motion = {
-  duration: "150ms",
-  easing: "ease-out",
-  properties: "color, background-color, border-color, fill, stroke"
-};
-var tagline = {
-  /** Hero. */
-  largo: "Ayudo a equipos de ingenier\xEDa a escalar con criterio",
-  /** Header, una línea. */
-  corto: "Ayudo a equipos a escalar con criterio",
-  /** LinkedIn. */
-  en: "Helping engineering teams scale with judgment"
-};
-var naming = {
-  wordmark: "Eduardo \xC1lvarez",
-  mascot: "Tiburonc\xEDn",
-  /** El dominio, para la firma CLI del footer: `$ cd ~/eduardoalvarez.dev/2026`. */
-  domain: "eduardoalvarez.dev"
-};
-
-export { brand, colors, control, dark, fonts, gradient, light, limits, motion, naming, radius, series, shadow, sintaxis, size, spacing, tagline, typeScale };

package/dist/chunk-UOWIDFCB.js

@@ -1,81 +0,0 @@
-import { cn } from './chunk-NHS7ETKJ.js';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var ETIQUETA = {
-  display: "h1",
-  stat: "p",
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  body: "p",
-  lead: "p",
-  ui: "p",
-  label: "span",
-  tag: "span",
-  meta: "p",
-  chip: "span",
-  eyebrow: "p"
-};
-var texto = cva("", {
-  variants: {
-    variant: {
-      display: "text-display font-display",
-      // Métricas grandes: 46px de display. Es la única escala pensada para un
-      // número, y por eso el interlineado es 1.
-      stat: "text-stat font-display",
-      h1: "text-h1 font-display",
-      h2: "text-h2 font-display",
-      h3: "text-h3 font-display",
-      body: "text-body font-sans",
-      // 17px: la bajada de las páginas internas y el botón grande.
-      lead: "text-lead font-sans",
-      ui: "text-ui font-sans",
-      label: "text-label font-sans",
-      // Las dos escalas de etiqueta. `tag` es el estado (sans 12.5/500) y `chip`
-      // la categoría y la métrica (mono 11.5). Ninguna transforma el texto.
-      tag: "text-tag font-sans",
-      chip: "text-chip font-mono",
-      // Mono SIN transformar: fechas, rutas, versiones, nombres de archivo y la
-      // firma del footer. Es el escalón que faltaba, y por el que cada sitio de
-      // uso terminaba escribiendo `variant="eyebrow" className="normal-case"`.
-      meta: "text-meta font-mono",
-      // `uppercase` no cabe en un token de tamaño: text-transform no es un
-      // modificador de --text-*. Por eso lo pone la variante y no theme.css.
-      eyebrow: "text-eyebrow font-mono uppercase"
-    },
-    tone: {
-      primary: "text-text-primary",
-      secondary: "text-text-secondary",
-      muted: "text-text-muted",
-      accent: "text-accent",
-      warm: "text-warm",
-      success: "text-success",
-      warning: "text-warning",
-      error: "text-error"
-    }
-  },
-  defaultVariants: { variant: "body", tone: "primary" }
-});
-function Text({
-  className,
-  variant,
-  tone,
-  as,
-  asChild = false,
-  measure,
-  children,
-  ...props
-}) {
-  const escala = variant ?? "body";
-  const limitar = measure ?? escala === "body";
-  const clases = cn(texto({ variant, tone }), limitar && "max-w-measure", className);
-  if (asChild) {
-    return /* @__PURE__ */ jsx(Slot, { className: clases, ...props, children });
-  }
-  const Etiqueta = as ?? ETIQUETA[escala];
-  return /* @__PURE__ */ jsx(Etiqueta, { className: clases, ...props, children });
-}
-
-export { Text, texto };