@eduardoalvarez/arrecife 0.5.1 → 0.7.0

package/dist/brand/index.cjs

@@ -1,11 +1,12 @@
+'use client';
 'use strict';
 
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/brand/catalogo.ts
-var caras = {
+// src/brand/catalog.ts
+var faces = {
   annoyed: "face-annoyed.png",
   confused: "face-confused.png",
   hearts: "face-hearts.png",
@@ -20,76 +21,76 @@ var poses = {
   peek: "pose-peek.png",
   surf: "pose-surf.png"
 };
-var aletas = {
-  /** Dos azules. Para fondos claros. */
+var fins = {
+  /** Two blues. For light backgrounds. */
   color: "fin.png",
-  /** Silueta a una tinta. Para fondos oscuros. */
-  espuma: "fin-foam.png"
+  /** Single-ink silhouette. For dark backgrounds. */
+  foam: "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 faceUsage = {
+  wink: "Forms, a friendly footnote",
+  waiting: "No results, waiting state",
+  laughing: "Success, subscription confirmed",
+  shades: "Module or course completed",
+  hearts: "Gratitude, article OG",
+  confused: "404, page not found",
+  annoyed: "Server error, build failure"
 };
-var RUTA_ASSETS = "/brand";
-var listaCaras = Object.keys(caras);
-var listaPoses = Object.keys(poses);
+var ASSETS_PATH = "/brand";
+var faceList = Object.keys(faces);
+var poseList = Object.keys(poses);
 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. */
+  /** Large metrics. Numbers, not prose: line height 1 and no descenders. */
   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.
+   * 17px. The large button, and the deck on interior pages.
    *
-   * 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í.
+   * It earns its own step because the identity document uses it TWICE, in two
+   * different pieces: «lg 15/30 r12» with 17px text, and «h1 44/700 · deck 17px
+   * · context paragraph 15px». One use would not have justified splitting the
+   * gap between `ui` (15) and `body` (18); two did.
    */
   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.
+   * The status-badge scale: sans 12.5/500, squared off.
    *
-   * 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.
+   * That is half a pixel below `label`, and this time the half pixel matters: a
+   * status badge sits inside a table or next to a title, and at 13 it competed
+   * with the text it accompanies. The document specifies 12.5 and it shows.
    */
   tag: { family: "sans", size: 12.5, lineHeight: 1.4, weight: 500 },
   /**
-   * La escala de categoría y métrica: mono 11.5.
+   * The category and metric scale: 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.
+   * It breaks the floor set by `limits.minScreenPx`, deliberately. That floor
+   * protects TEXT — what you read in a sentence — and a one-word pill is not
+   * running text: it is a mark. Contrast is still measured and still passes AA
+   * (plankton 5.57:1 over abyss), which is the part that is not negotiable.
    *
-   * 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`.
+   * At 13 the three badge families grew past the size of a small button and
+   * outweighed the title they accompany. See `docs/decisions.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.
+   * Mono with NO transform: dates, paths, versions, file names, the footer
+   * signature and metric labels. It is most of the mono in the system.
    *
-   * 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.
+   * It exists because `eyebrow` ships `uppercase` and that is not a preference
+   * you can switch off: it IS the eyebrow scale. An `18 Aug 2026` in small caps
+   * or a `pose-laptop-coffee.png` in all caps are wrong, and without this step
+   * the only way out was a `normal-case` at every call site.
    *
-   * 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.
+   * The document says 12.5. This is 13 for the same reason `textMuted` was
+   * corrected: `limits.minScreenPx` is 13 and plankton is «never under 13px».
+   * This scale is exactly where muted metadata gets written, so putting it at
+   * 12.5 would have made its most common use illegible by half a pixel.
    */
   meta: { family: "mono", size: 13, lineHeight: 1.6, weight: 400 },
   eyebrow: { family: "mono", size: 12, tracking: "0.12em", transform: "uppercase" }
@@ -105,8 +106,24 @@ var control = {
   sm: 14,
   md: 22,
   lg: 30,
-  /** Botón de icono: cuadrado, sin texto. */
-  icon: 42
+  /** Icon button: square, no text. */
+  icon: 42,
+  /**
+   * The dense icon button, 32×32.
+   *
+   * 42 is the right measure for a control you hit with a thumb, and the four
+   * reading sites are where that fits. `cursos` is the odd one out: it is the
+   * only admin app of the set, with three actions per table row, and at 42 the
+   * row grows with them — the original used 24 and 28.
+   *
+   * It is 32 and not 28 because 32 is `sm`'s height. A dense icon button lines
+   * up with a small text button, so a toolbar mixing the two stays on one
+   * baseline; 28 would have been a fifth height that matches nothing.
+   *
+   * It does not replace `icon`. A page's primary action stays at 42; this is for
+   * a row of a table. See `docs/decisions.md` § 22.
+   */
+  iconSm: 32
 };
 var spacing = {
   stepXs: 8,
@@ -117,45 +134,45 @@ var spacing = {
   section: 96
 };
 var tagline = {
-  /** Header, una línea. */
-  corto: "Ayudo a equipos a escalar con criterio"};
+  /** Header, one line. */
+  short: "Ayudo a equipos a escalar con criterio"};
 var naming = {
   wordmark: "Eduardo \xC1lvarez"};
 
 // src/lib/cn.ts
-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 kebab = (name) => name.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
+var scales = Object.keys(typeScale);
+var radii = Object.keys(radius);
+var namespaces = Object.keys(spacing).map(kebab);
+var controls = Object.keys(control).map((name) => `control-${kebab(name)}`);
 var twMerge = tailwindMerge.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 }]
+      "font-size": [{ text: scales }],
+      rounded: [{ rounded: radii }],
+      p: [{ p: namespaces }],
+      px: [{ px: [...namespaces, ...controls] }],
+      py: [{ py: namespaces }],
+      gap: [{ gap: namespaces }],
+      size: [{ size: controls }]
     }
   }
 });
 function cn(...inputs) {
   return twMerge(clsx.clsx(inputs));
 }
-function Isotipo({
-  sobre = "oscuro",
-  basePath = RUTA_ASSETS,
+function Isotype({
+  background = "dark",
+  basePath = ASSETS_PATH,
   alt = "",
   className,
   ...props
 }) {
-  const archivo = sobre === "oscuro" ? aletas.espuma : aletas.color;
+  const file = background === "dark" ? fins.foam : fins.color;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "img",
     {
-      src: `${basePath}/${archivo}`,
+      src: `${basePath}/${file}`,
       alt,
       width: 147,
       height: 111,
@@ -165,44 +182,44 @@ function Isotipo({
   );
 }
 function Logo({
-  sobre = "oscuro",
-  basePath = RUTA_ASSETS,
-  soloIsotipo = false,
-  conLema = false,
+  background = "dark",
+  basePath = ASSETS_PATH,
+  isotypeOnly = false,
+  withTagline = false,
   className,
   ...props
 }) {
-  const conAleta = /* @__PURE__ */ jsxRuntime.jsx(
-    Isotipo,
+  const withFin = /* @__PURE__ */ jsxRuntime.jsx(
+    Isotype,
     {
-      sobre,
+      background,
       basePath,
-      alt: soloIsotipo ? naming.wordmark : "",
-      className: conLema ? "h-9 w-auto" : "h-7 w-auto"
+      alt: isotypeOnly ? naming.wordmark : "",
+      className: withTagline ? "h-9 w-auto" : "h-7 w-auto"
     }
   );
   const wordmark = /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui font-display text-text-primary font-bold tracking-[-0.02em]", children: naming.wordmark });
-  if (soloIsotipo) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("gap-step-xs inline-flex items-center", className), ...props, children: conAleta });
+  if (isotypeOnly) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("gap-step-xs inline-flex items-center", className), ...props, children: withFin });
   }
-  if (conLema) {
+  if (withTagline) {
     return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("gap-step-sm inline-flex items-center", className), ...props, children: [
-      conAleta,
+      withFin,
       /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "bg-hairline h-8 w-px shrink-0" }),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-col", children: [
         wordmark,
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-eyebrow font-mono text-text-muted uppercase", children: tagline.corto })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-eyebrow font-mono text-text-muted uppercase", children: tagline.short })
       ] })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("gap-step-xs inline-flex items-center", className), ...props, children: [
-    conAleta,
+    withFin,
     wordmark
   ] });
 }
-function Mascota({
+function Mascot({
   pose,
-  basePath = RUTA_ASSETS,
+  basePath = ASSETS_PATH,
   alt = "",
   className,
   ...props
@@ -217,9 +234,9 @@ function Mascota({
     }
   );
 }
-function CaraDeMascota({
-  expresion,
-  basePath = RUTA_ASSETS,
+function MascotFace({
+  expression,
+  basePath = ASSETS_PATH,
   alt = "",
   className,
   ...props
@@ -227,7 +244,7 @@ function CaraDeMascota({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "img",
     {
-      src: `${basePath}/${caras[expresion]}`,
+      src: `${basePath}/${faces[expression]}`,
       alt,
       className: cn("h-auto w-full max-w-24 select-none", className),
       ...props
@@ -235,14 +252,14 @@ function CaraDeMascota({
   );
 }
 
-exports.CaraDeMascota = CaraDeMascota;
-exports.Isotipo = Isotipo;
+exports.ASSETS_PATH = ASSETS_PATH;
+exports.Isotype = Isotype;
 exports.Logo = Logo;
-exports.Mascota = Mascota;
-exports.RUTA_ASSETS = RUTA_ASSETS;
-exports.aletas = aletas;
-exports.caras = caras;
-exports.listaCaras = listaCaras;
-exports.listaPoses = listaPoses;
+exports.Mascot = Mascot;
+exports.MascotFace = MascotFace;
+exports.faceList = faceList;
+exports.faceUsage = faceUsage;
+exports.faces = faces;
+exports.fins = fins;
+exports.poseList = poseList;
 exports.poses = poses;
-exports.usoDeCara = usoDeCara;

package/dist/brand/index.d.cts

@@ -1,71 +1,72 @@
-import { F as Fondo, C as Cara, P as Pose } from '../catalogo-Du5ID-Hi.cjs';
-export { A as Aleta, R as RUTA_ASSETS, a as aletas, c as caras, l as listaCaras, b as listaPoses, p as poses, u as usoDeCara } from '../catalogo-Du5ID-Hi.cjs';
+import { B as Background, P as Pose, F as Face } from '../catalog-D13txprv.cjs';
+export { A as ASSETS_PATH, a as Fin, f as faceList, b as faceUsage, c as faces, d as fins, p as poseList, e as poses } from '../catalog-D13txprv.cjs';
 import * as react from 'react';
 import { ComponentPropsWithoutRef } from 'react';
 
-type IsotipoProps = Omit<ComponentPropsWithoutRef<'img'>, 'src' | 'alt'> & {
+type IsotypeProps = Omit<ComponentPropsWithoutRef<'img'>, 'src' | 'alt'> & {
     /**
-     * Sobre qué fondo se monta. Es obligatorio decidirlo, aunque tenga default:
-     * el cuerpo de la aleta es casi negro, así que la variante de dos azules
-     * desaparece sobre abismo. Al ser una prop, la regla deja de ser algo que
-     * recordar.
+     * Which background it sits on. Deciding is mandatory even though it has a
+     * default: the fin's body is nearly black, so the two-blue variant disappears
+     * over abyss. Being a prop, the rule stops being something to remember.
      */
-    sobre?: Fondo | undefined;
+    background?: Background | undefined;
     basePath?: string | undefined;
-    /** Texto alternativo. Vacío cuando el isotipo acompaña a un texto que ya lo nombra. */
+    /** Alt text. Empty when the isotype accompanies text that already names it. */
     alt?: string | undefined;
 };
-declare function Isotipo({ sobre, basePath, alt, className, ...props }: IsotipoProps): react.JSX.Element;
+declare function Isotype({ background, basePath, alt, className, ...props }: IsotypeProps): react.JSX.Element;
 
 type LogoProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & {
-    sobre?: Fondo | undefined;
+    background?: Background | undefined;
     basePath?: string | undefined;
-    /** Oculta el wordmark y deja solo la aleta, para barras muy estrechas. */
-    soloIsotipo?: boolean | undefined;
+    /** Hides the wordmark and leaves only the fin, for very narrow bars. */
+    isotypeOnly?: boolean | undefined;
     /**
-     * Añade el lema bajo el wordmark, separado de la aleta por una divisoria.
+     * Adds the tagline under the wordmark, separated from the fin by a divider.
      *
-     * Es la forma que toma la marca en la barra del sitio. El texto sale de
-     * `tagline.corto` y no se puede pasar por prop, por lo mismo que el wordmark:
-     * un lema escrito a mano en cinco proyectos son cinco lemas en seis meses.
+     * It is the shape the brand takes in the site's bar. The text comes from
+     * `tagline.short` and cannot be passed as a prop, for the same reason as the
+     * wordmark: a tagline hand-written across five projects is five taglines in
+     * six months.
      */
-    conLema?: boolean | undefined;
+    withTagline?: boolean | undefined;
 };
 /**
- * El wordmark sale de `naming.wordmark`, no de una cadena escrita a mano, y
- * siempre dice «Eduardo Álvarez». La mascota se llama Tiburoncín y no aparece
- * escrita dentro del logo: no hay ninguna prop que permita cambiar el texto.
+ * The wordmark comes from `naming.wordmark`, not from a hand-written string, and
+ * it always reads «Eduardo Álvarez». The mascot is called Tiburoncín and its
+ * name never appears inside the logo: there is no prop that changes the text.
  *
- * Cuando se oculta el wordmark, el nombre sigue llegando al lector de pantalla
- * por el `alt` del isotipo. Un logo sin nombre accesible es un logo invisible.
+ * When the wordmark is hidden, the name still reaches the screen reader through
+ * the isotype's `alt`. A logo with no accessible name is an invisible logo.
  */
-declare function Logo({ sobre, basePath, soloIsotipo, conLema, className, ...props }: LogoProps): react.JSX.Element;
+declare function Logo({ background, basePath, isotypeOnly, withTagline, className, ...props }: LogoProps): react.JSX.Element;
 
 type Base = Omit<ComponentPropsWithoutRef<'img'>, 'src' | 'alt'> & {
     basePath?: string | undefined;
     /**
-     * Texto alternativo. Vacío por defecto: la mascota es ilustración y el texto
-     * que la acompaña ya dice lo que hay que saber. Se rellena solo cuando la
-     * imagen aporta información que no está escrita al lado.
+     * Alt text. Empty by default: the mascot is illustration and the text beside
+     * it already says what there is to know. Fill it in only when the image
+     * carries information that is not written next to it.
      */
     alt?: string | undefined;
 };
-type MascotaProps = Base & {
+type MascotProps = Base & {
     pose: Pose;
 };
-/** Tiburoncín de cuerpo entero. */
-declare function Mascota({ pose, basePath, alt, className, ...props }: MascotaProps): react.JSX.Element;
-type CaraDeMascotaProps = Base & {
-    expresion: Cara;
+/** Full-body Tiburoncín. */
+declare function Mascot({ pose, basePath, alt, className, ...props }: MascotProps): react.JSX.Element;
+type MascotFaceProps = Base & {
+    expression: Face;
 };
 /**
- * La cabeza de Tiburoncín, con expresión.
+ * Tiburoncín's head, with an expression.
  *
- * Las caras van SOLO 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: la regla no está escrita
- * en una guía que haya que recordar, está en qué componentes la aceptan.
+ * Faces go ONLY in empty states, confirmations, errors, course progress and
+ * celebration. Never in a hero, pricing, services, contact or CV. That is why
+ * `EmptyState` takes a face and `PageHeader` does not: the rule is not written
+ * in a guide you have to remember, it is written into which components accept
+ * one.
  */
-declare function CaraDeMascota({ expresion, basePath, alt, className, ...props }: CaraDeMascotaProps): react.JSX.Element;
+declare function MascotFace({ expression, basePath, alt, className, ...props }: MascotFaceProps): react.JSX.Element;
 
-export { Cara, CaraDeMascota, type CaraDeMascotaProps, Fondo, Isotipo, type IsotipoProps, Logo, type LogoProps, Mascota, type MascotaProps, Pose };
+export { Background, Face, Isotype, type IsotypeProps, Logo, type LogoProps, Mascot, MascotFace, type MascotFaceProps, type MascotProps, Pose };

package/dist/brand/index.d.ts

@@ -1,71 +1,72 @@
-import { F as Fondo, C as Cara, P as Pose } from '../catalogo-Du5ID-Hi.js';
-export { A as Aleta, R as RUTA_ASSETS, a as aletas, c as caras, l as listaCaras, b as listaPoses, p as poses, u as usoDeCara } from '../catalogo-Du5ID-Hi.js';
+import { B as Background, P as Pose, F as Face } from '../catalog-D13txprv.js';
+export { A as ASSETS_PATH, a as Fin, f as faceList, b as faceUsage, c as faces, d as fins, p as poseList, e as poses } from '../catalog-D13txprv.js';
 import * as react from 'react';
 import { ComponentPropsWithoutRef } from 'react';
 
-type IsotipoProps = Omit<ComponentPropsWithoutRef<'img'>, 'src' | 'alt'> & {
+type IsotypeProps = Omit<ComponentPropsWithoutRef<'img'>, 'src' | 'alt'> & {
     /**
-     * Sobre qué fondo se monta. Es obligatorio decidirlo, aunque tenga default:
-     * el cuerpo de la aleta es casi negro, así que la variante de dos azules
-     * desaparece sobre abismo. Al ser una prop, la regla deja de ser algo que
-     * recordar.
+     * Which background it sits on. Deciding is mandatory even though it has a
+     * default: the fin's body is nearly black, so the two-blue variant disappears
+     * over abyss. Being a prop, the rule stops being something to remember.
      */
-    sobre?: Fondo | undefined;
+    background?: Background | undefined;
     basePath?: string | undefined;
-    /** Texto alternativo. Vacío cuando el isotipo acompaña a un texto que ya lo nombra. */
+    /** Alt text. Empty when the isotype accompanies text that already names it. */
     alt?: string | undefined;
 };
-declare function Isotipo({ sobre, basePath, alt, className, ...props }: IsotipoProps): react.JSX.Element;
+declare function Isotype({ background, basePath, alt, className, ...props }: IsotypeProps): react.JSX.Element;
 
 type LogoProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & {
-    sobre?: Fondo | undefined;
+    background?: Background | undefined;
     basePath?: string | undefined;
-    /** Oculta el wordmark y deja solo la aleta, para barras muy estrechas. */
-    soloIsotipo?: boolean | undefined;
+    /** Hides the wordmark and leaves only the fin, for very narrow bars. */
+    isotypeOnly?: boolean | undefined;
     /**
-     * Añade el lema bajo el wordmark, separado de la aleta por una divisoria.
+     * Adds the tagline under the wordmark, separated from the fin by a divider.
      *
-     * Es la forma que toma la marca en la barra del sitio. El texto sale de
-     * `tagline.corto` y no se puede pasar por prop, por lo mismo que el wordmark:
-     * un lema escrito a mano en cinco proyectos son cinco lemas en seis meses.
+     * It is the shape the brand takes in the site's bar. The text comes from
+     * `tagline.short` and cannot be passed as a prop, for the same reason as the
+     * wordmark: a tagline hand-written across five projects is five taglines in
+     * six months.
      */
-    conLema?: boolean | undefined;
+    withTagline?: boolean | undefined;
 };
 /**
- * El wordmark sale de `naming.wordmark`, no de una cadena escrita a mano, y
- * siempre dice «Eduardo Álvarez». La mascota se llama Tiburoncín y no aparece
- * escrita dentro del logo: no hay ninguna prop que permita cambiar el texto.
+ * The wordmark comes from `naming.wordmark`, not from a hand-written string, and
+ * it always reads «Eduardo Álvarez». The mascot is called Tiburoncín and its
+ * name never appears inside the logo: there is no prop that changes the text.
  *
- * Cuando se oculta el wordmark, el nombre sigue llegando al lector de pantalla
- * por el `alt` del isotipo. Un logo sin nombre accesible es un logo invisible.
+ * When the wordmark is hidden, the name still reaches the screen reader through
+ * the isotype's `alt`. A logo with no accessible name is an invisible logo.
  */
-declare function Logo({ sobre, basePath, soloIsotipo, conLema, className, ...props }: LogoProps): react.JSX.Element;
+declare function Logo({ background, basePath, isotypeOnly, withTagline, className, ...props }: LogoProps): react.JSX.Element;
 
 type Base = Omit<ComponentPropsWithoutRef<'img'>, 'src' | 'alt'> & {
     basePath?: string | undefined;
     /**
-     * Texto alternativo. Vacío por defecto: la mascota es ilustración y el texto
-     * que la acompaña ya dice lo que hay que saber. Se rellena solo cuando la
-     * imagen aporta información que no está escrita al lado.
+     * Alt text. Empty by default: the mascot is illustration and the text beside
+     * it already says what there is to know. Fill it in only when the image
+     * carries information that is not written next to it.
      */
     alt?: string | undefined;
 };
-type MascotaProps = Base & {
+type MascotProps = Base & {
     pose: Pose;
 };
-/** Tiburoncín de cuerpo entero. */
-declare function Mascota({ pose, basePath, alt, className, ...props }: MascotaProps): react.JSX.Element;
-type CaraDeMascotaProps = Base & {
-    expresion: Cara;
+/** Full-body Tiburoncín. */
+declare function Mascot({ pose, basePath, alt, className, ...props }: MascotProps): react.JSX.Element;
+type MascotFaceProps = Base & {
+    expression: Face;
 };
 /**
- * La cabeza de Tiburoncín, con expresión.
+ * Tiburoncín's head, with an expression.
  *
- * Las caras van SOLO 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: la regla no está escrita
- * en una guía que haya que recordar, está en qué componentes la aceptan.
+ * Faces go ONLY in empty states, confirmations, errors, course progress and
+ * celebration. Never in a hero, pricing, services, contact or CV. That is why
+ * `EmptyState` takes a face and `PageHeader` does not: the rule is not written
+ * in a guide you have to remember, it is written into which components accept
+ * one.
  */
-declare function CaraDeMascota({ expresion, basePath, alt, className, ...props }: CaraDeMascotaProps): react.JSX.Element;
+declare function MascotFace({ expression, basePath, alt, className, ...props }: MascotFaceProps): react.JSX.Element;
 
-export { Cara, CaraDeMascota, type CaraDeMascotaProps, Fondo, Isotipo, type IsotipoProps, Logo, type LogoProps, Mascota, type MascotaProps, Pose };
+export { Background, Face, Isotype, type IsotypeProps, Logo, type LogoProps, Mascot, MascotFace, type MascotFaceProps, type MascotProps, Pose };

package/dist/brand/index.js

@@ -1,5 +1,6 @@
-export { CaraDeMascota, Isotipo, Logo, Mascota } from '../chunk-YZ2SDOVZ.js';
-export { RUTA_ASSETS, aletas, caras, listaCaras, listaPoses, poses, usoDeCara } from '../chunk-E3OMP2DL.js';
-import '../chunk-NHS7ETKJ.js';
-import '../chunk-TSPJOM6K.js';
+'use client';
+export { Isotype, Logo, Mascot, MascotFace } from '../chunk-JN3IS5OS.js';
+import '../chunk-2WPWEIMD.js';
+export { ASSETS_PATH, faceList, faceUsage, faces, fins, poseList, poses } from '../chunk-CKRSQPTX.js';
+import '../chunk-OMKSESQB.js';
 import '../chunk-MLKGABMK.js';