@eduardoalvarez/arrecife 0.12.1 → 0.12.3

package/dist/index.d.ts

@@ -350,6 +350,11 @@ declare function PaginationItem(props: ComponentPropsWithoutRef<'li'>): react.JS
 type PaginationLinkProps = ComponentPropsWithoutRef<'a'> & {
     isActive?: boolean;
 };
+/**
+ * Mono, bordered, and the current page in solid biolume, as the document draws
+ * it: «paginación mono, página actual en bioluz sólido». The page is where you
+ * are, so it is the one control that carries the accent fill.
+ */
 declare function PaginationLink({ className, isActive, ...props }: PaginationLinkProps): react.JSX.Element;
 declare function PaginationPrevious({ className, ...props }: PaginationLinkProps): react.JSX.Element;
 declare function PaginationNext({ className, ...props }: PaginationLinkProps): react.JSX.Element;
@@ -651,6 +656,13 @@ declare function Toaster({ duration, label }: ToasterProps): react.JSX.Element;
 declare const TooltipProvider: react.FC<TooltipPrimitive.TooltipProviderProps>;
 declare const Tooltip: react.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+/**
+ * Inverted on purpose: the document draws it «espuma sobre oscuro, texto casco
+ * 13px/500 — se invierte a propósito para que destaque». `bg-text-primary` with
+ * `text-background` is that inversion in both modes: foam on the abyss page in
+ * dark, ink on paper in light. It is the one layer that does not sit on a
+ * surface token, which is exactly what makes it read as a layer.
+ */
 declare function TooltipContent({ className, sideOffset, ...props }: ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>): react.JSX.Element;
 
 /** Allowed tags. The list is short on purpose: this is not a styled `div`. */
@@ -812,15 +824,16 @@ type BlockquoteProps = Omit<ComponentPropsWithoutRef<'blockquote'>, 'cite'> & {
     source?: ReactNode;
 };
 /**
- * The side bar is `accent`, the interactive color, because a quotation is
- * somebody else's voice entering the text. It carries no decorative quote marks:
- * the system's glyphs are SVG, and an ornamental quote adds nothing the border
- * and the indent do not already say.
+ * The side bar is `warm`, 3px, and the text is italic, as the document draws it:
+ * «cita con borde arena 3px, cursiva, sin fondo». Sand is the human accent —
+ * quotes, categories, conversion — and biolume is the interactive one; a quote
+ * in biolume read as a link that could not be clicked. It carries no decorative
+ * quote marks: the border and the italic already say it is somebody's voice.
  */
 declare function Blockquote({ children, author, source, className, ...props }: BlockquoteProps): react.JSX.Element;
 
 /**
- * The path as a path: `~ / artículos / cómo-escalar-un-equipo`.
+ * The path as a path: `~ / artículos / el-camino-hacia-mi-primera-charla`.
  *
  * The `~` is neither decoration nor a house icon: it is the filesystem's home,
  * which is why the breadcrumb is mono and not sans. The separators use `border`
@@ -1375,6 +1388,11 @@ type NewsletterFormProps = Omit<ComponentPropsWithoutRef<'section'>, 'title' | '
     errorMessage?: ReactNode;
     /** The small print. It is the «sin spam», which is why it accepts a face. */
     disclaimer?: ReactNode;
+    /**
+     * The face beside the disclaimer. It is dropped when `aside` is set: the
+     * manual allows one mascot per piece («Dos mascotas en la misma pieza.
+     * Compiten entre sí y ninguna gana»), and the aside is the illustration.
+     */
     expression?: Face | undefined;
     basePath?: string | undefined;
     submitLabel?: string;
@@ -1583,6 +1601,12 @@ type StatProps = Omit<ComponentPropsWithoutRef<'div'>, 'title'> & {
     tone?: 'neutral' | 'alert' | 'achievement';
     /** With `progress`, the metric reads as progress and adds the bar. */
     progress?: number | undefined;
+    /**
+     * The bar's accessible name. It defaults to `label` when `label` is a string;
+     * a `label` that is markup has to spell it here, or the bar would announce
+     * «[object Object]: 38%».
+     */
+    progressLabel?: string | undefined;
     /**
      * Glyph in a tinted circle, in the corner opposite the title. At 1em, and it
      * inherits `currentColor` from the badge, so it takes the tone without being
@@ -1618,7 +1642,7 @@ type StatDelta = {
      */
     direction: 'up' | 'down' | 'flat';
 };
-declare function Stat({ value, label, tone, progress, icon, description, delta, spark, className, ...props }: StatProps): react.JSX.Element;
+declare function Stat({ value, label, tone, progress, progressLabel, icon, description, delta, spark, className, ...props }: StatProps): react.JSX.Element;
 
 type TalkContent = {
     title: ReactNode;

package/dist/index.js

@@ -1,22 +1,22 @@
 'use client';
-import { Label } from './chunk-W75O3Z77.js';
-export { Label } from './chunk-W75O3Z77.js';
-import { Text } from './chunk-BFYNBIVJ.js';
-export { Text } from './chunk-BFYNBIVJ.js';
-export { tokens } from './chunk-6QJQ6K7J.js';
+import { Label } from './chunk-3SPOZC5F.js';
+export { Label } from './chunk-3SPOZC5F.js';
+import { Text } from './chunk-TJRXYXMG.js';
+export { Text } from './chunk-TJRXYXMG.js';
+export { tokens } from './chunk-GP4MRY2B.js';
 import { toggleTheme, currentTheme, watchTheme } from './chunk-GCRII2KQ.js';
 export { THEME_ATTRIBUTE, THEME_EVENT, THEME_KEY, applyTheme, currentTheme, preferredTheme, storedTheme, themeScript, toggleTheme, watchTheme } from './chunk-GCRII2KQ.js';
 import { alert, button, avatar, badge, category, metric, CARD_SURFACE, CARD } from './chunk-FF33ARRA.js';
 export { CARD, CARD_HOVER, CARD_SURFACE, alert as alertVariants, avatar as avatarVariants, badge as badgeVariants, button as buttonVariants, category as categoryBadgeVariants, metric as metricBadgeVariants } from './chunk-FF33ARRA.js';
 export { text as textVariants } from './chunk-ODBFN44D.js';
-import { MascotFace, Mascot } from './chunk-BRDTB44R.js';
-export { Isotype, Logo, Mascot, MascotFace } from './chunk-BRDTB44R.js';
-import { Icon } from './chunk-WU66TPJT.js';
-import { cn } from './chunk-TMUGT3Y3.js';
-export { cn } from './chunk-TMUGT3Y3.js';
+import { MascotFace, Mascot } from './chunk-LS3PUZ6L.js';
+export { Isotype, Logo, Mascot, MascotFace } from './chunk-LS3PUZ6L.js';
+import { Icon } from './chunk-DKXTF6N7.js';
+import { cn } from './chunk-RMA2KF5B.js';
+export { cn } from './chunk-RMA2KF5B.js';
 export { ASSETS_PATH, faceList, faceUsage, faces, fins, poseList, poses } from './chunk-CKRSQPTX.js';
-import { naming } from './chunk-5YWGOFDX.js';
-export { brand, colors, control, dark, fonts, gradient, light, limits, motion, naming, radius, series, shadow, size, spacing, syntax, tagline, typeScale } from './chunk-5YWGOFDX.js';
+import { naming } from './chunk-QQ5WRFHC.js';
+export { brand, colors, control, dark, fonts, gradient, light, limits, motion, naming, radius, series, shadow, size, spacing, syntax, tagline, typeScale } from './chunk-QQ5WRFHC.js';
 import { CaretDown, XCircle, Warning, CheckCircle, Info, Camera, CircleNotch, CaretLeft, CaretRight, Minus, Check, X, DotsThree, CaretUp, Copy, ArrowUpRight, TrendDown, TrendUp, Sun, Moon, WarningCircle, Waveform, ArrowCounterClockwise, ArrowClockwise, SpeakerSlash, SpeakerHigh, ArrowsClockwise, Pause, Play, Heart } from '@phosphor-icons/react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -532,7 +532,7 @@ function DateField({
         "hover:border-hairline-hover",
         "focus-visible:border-accent focus-ring",
         "disabled:pointer-events-none disabled:opacity-50",
-        "data-[invalid]:border-error data-[invalid]:focus-visible:outline-error",
+        "aria-[invalid=true]:border-error aria-[invalid=true]:focus-visible:outline-error",
         // The native indicator inherits the active theme's scheme.
         "scheme-light dark:scheme-dark [&::-webkit-calendar-picker-indicator]:cursor-pointer",
         className
@@ -735,7 +735,7 @@ function Input({ className, invalid = false, ...props }) {
         "hover:border-hairline-hover",
         "focus-visible:border-accent focus-ring",
         "disabled:pointer-events-none disabled:opacity-50",
-        "data-[invalid]:border-error data-[invalid]:focus-visible:outline-error",
+        "aria-[invalid=true]:border-error aria-[invalid=true]:focus-visible:outline-error",
         "file:mr-step-sm file:border-0 file:bg-transparent file:font-sans file:text-label file:text-text-secondary",
         className
       ),
@@ -772,12 +772,11 @@ function PaginationLink({ className, isActive = false, ...props }) {
     {
       "aria-current": isActive ? "page" : void 0,
       className: cn(
-        "rounded-chip px-step-sm inline-flex h-9 min-w-9 cursor-pointer items-center justify-center",
-        "font-sans text-ui text-text-secondary",
+        "rounded-chip px-step-sm inline-flex h-9 min-w-9 cursor-pointer items-center justify-center border",
+        "font-mono text-meta",
         "transition-standard",
-        "hover:bg-surface hover:text-text-primary",
         "focus-ring",
-        isActive && "bg-surface-raised text-text-primary",
+        isActive ? "border-accent bg-accent text-accent-on" : "border-border text-text-secondary hover:border-hairline-hover hover:text-text-primary",
         className
       ),
       ...props
@@ -889,6 +888,8 @@ function SelectTrigger({
         "transition-standard",
         "hover:border-hairline-hover",
         "focus-visible:border-accent focus-ring",
+        // `FormControl` marks an invalid field with `aria-invalid` only.
+        "aria-[invalid=true]:border-error aria-[invalid=true]:focus-visible:outline-error",
         "disabled:pointer-events-none disabled:opacity-50",
         "data-[placeholder]:text-text-muted",
         className
@@ -1272,7 +1273,7 @@ function Textarea({ className, invalid = false, ...props }) {
         "hover:border-hairline-hover",
         "focus-visible:border-accent focus-ring",
         "disabled:pointer-events-none disabled:opacity-50",
-        "data-[invalid]:border-error data-[invalid]:focus-visible:outline-error",
+        "aria-[invalid=true]:border-error aria-[invalid=true]:focus-visible:outline-error",
         className
       ),
       ...props
@@ -1446,9 +1447,9 @@ function TooltipContent({
     {
       sideOffset,
       className: cn(
-        "z-50 px-step-sm py-1.5",
-        "rounded-chip border-border bg-surface-raised shadow-standard border",
-        "font-sans text-label text-text-primary",
+        "z-50 px-step-sm py-step-xs",
+        "rounded-chip bg-text-primary shadow-standard",
+        "font-sans text-label text-background",
         className
       ),
       ...props
@@ -1552,7 +1553,9 @@ function ProgressBar({
   height,
   knob,
   progress,
-  redondeada = true,
+  valueText,
+  onKeyDown,
+  rounded = true,
   tabIndex = 0,
   ...pointer
 }) {
@@ -1561,28 +1564,31 @@ function ProgressBar({
     {
       className: cn(
         "group bg-surface-raised relative cursor-pointer",
+        "focus-ring",
         height,
-        redondeada && "rounded-pill"
+        rounded && "rounded-pill"
       ),
       role: "slider",
       "aria-label": "Progreso del audio",
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       "aria-valuenow": Math.round(progress),
+      "aria-valuetext": valueText,
       tabIndex,
+      onKeyDown,
       ...pointer,
       children: [
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: cn("bg-accent absolute h-full", redondeada && "rounded-pill"),
+            className: cn("bg-accent absolute h-full", rounded && "rounded-pill"),
             style: { width: `${progress}%` }
           }
         ),
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: "rounded-pill bg-text-primary absolute top-1/2 -translate-y-1/2 opacity-0 transition-opacity group-hover:opacity-100",
+            className: "rounded-pill bg-text-primary absolute top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 group-focus-within:opacity-100",
             style: {
               width: knob,
               height: knob,
@@ -1668,6 +1674,7 @@ function Volume({
         className: cn(
           "bg-surface-raised rounded-pill h-1 cursor-pointer appearance-none",
           "[accent-color:var(--color-accent)]",
+          "focus-ring",
           width
         ),
         "aria-label": "Volumen"
@@ -1679,7 +1686,7 @@ function PlayIcon({ className, loading, error, playing }) {
   if (loading)
     return /* @__PURE__ */ jsx(Icon, { as: CircleNotch, className: cn("motion-safe:animate-spin", className) });
   if (error) return /* @__PURE__ */ jsx(Icon, { as: ArrowsClockwise, className });
-  if (playing) return /* @__PURE__ */ jsx(Icon, { as: Pause, className });
+  if (playing) return /* @__PURE__ */ jsx(Icon, { as: Pause, tone: "current", className });
   return /* @__PURE__ */ jsx(Icon, { as: Play, className });
 }
 function PlayButton({
@@ -1698,7 +1705,8 @@ function PlayButton({
       className: cn(
         "text-accent-on transition-standard cursor-pointer",
         "focus-ring",
-        state.error ? "bg-error hover:bg-error/80" : "bg-accent hover:bg-accent-hover",
+        // `danger` is the fill and `error` is text: the retry button is a fill.
+        state.error ? "bg-danger text-danger-on hover:bg-danger-hover" : "bg-accent hover:bg-accent-hover",
         className
       ),
       "aria-label": label,
@@ -1830,6 +1838,29 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
     e.currentTarget.releasePointerCapture(e.pointerId);
     isDragging.current = false;
   }, []);
+  const handleProgressKey = useCallback(
+    (e) => {
+      const audio = audioRef.current;
+      if (!audio || !duration) return;
+      const steps = {
+        ArrowLeft: -5,
+        ArrowDown: -5,
+        ArrowRight: 5,
+        ArrowUp: 5,
+        PageDown: -15,
+        PageUp: 15
+      };
+      let next;
+      if (e.key === "Home") next = 0;
+      else if (e.key === "End") next = duration;
+      else if (e.key in steps) next = audio.currentTime + (steps[e.key] ?? 0);
+      if (next === void 0) return;
+      e.preventDefault();
+      audio.currentTime = Math.max(0, Math.min(next, duration));
+      setCurrentTime(audio.currentTime);
+    },
+    [duration]
+  );
   const handleVolumeChange = useCallback((e) => {
     const audio = audioRef.current;
     if (!audio) return;
@@ -1870,7 +1901,9 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
   const pointer = {
     onPointerDown: handlePointerDown,
     onPointerMove: handlePointerMove,
-    onPointerUp: handlePointerUp
+    onPointerUp: handlePointerUp,
+    onKeyDown: handleProgressKey,
+    valueText: `${formatTime(currentTime)} de ${formatTime(duration)}`
   };
   const floatingJsx = /* @__PURE__ */ jsxs(
     "div",
@@ -1888,7 +1921,7 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
             height: "h-1",
             knob: 10,
             progress,
-            redondeada: false,
+            rounded: false,
             tabIndex: -1,
             ...pointer
           }
@@ -2074,10 +2107,10 @@ function Blockquote({ children, author, source, className, ...props }) {
   return /* @__PURE__ */ jsxs(
     "blockquote",
     {
-      className: cn("border-accent pl-step-md my-step-lg border-l-2", className),
+      className: cn("border-warm pl-step-md my-step-lg border-l-3", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx(Text, { variant: "body", tone: "secondary", children }),
+        /* @__PURE__ */ jsx(Text, { variant: "body", tone: "secondary", className: "italic", children }),
         author || source ? /* @__PURE__ */ jsx("footer", { className: "mt-step-sm", children: /* @__PURE__ */ jsxs(Text, { variant: "label", tone: "muted", as: "span", children: [
           author ? /* @__PURE__ */ jsx("cite", { className: "not-italic", children: author }) : null,
           author && source ? " \xB7 " : null,
@@ -2098,7 +2131,13 @@ function Breadcrumb({
 }) {
   const link = (href, content) => linkAsChild ? /* @__PURE__ */ jsx(Slot, { className: LINK, children: linkAsChild({ href, children: content }) }) : /* @__PURE__ */ jsx("a", { href, className: LINK, children: content });
   return /* @__PURE__ */ jsx("nav", { "aria-label": "Ruta", className: cn("font-mono text-meta text-text-muted", className), ...props, children: /* @__PURE__ */ jsxs("ol", { className: "gap-step-xs flex flex-wrap items-center", children: [
-    /* @__PURE__ */ jsx("li", { children: link(homeHref, /* @__PURE__ */ jsx("span", { "aria-label": homeLabel, children: "~" })) }),
+    /* @__PURE__ */ jsx("li", { children: link(
+      homeHref,
+      /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "~" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: homeLabel })
+      ] })
+    ) }),
     items.map((item2, i) => {
       const last = i === items.length - 1;
       return /* @__PURE__ */ jsxs("li", { className: "gap-step-xs flex items-center", children: [
@@ -2388,7 +2427,7 @@ function EventCalendar({
                     size: "sm",
                     onClick: () => edit(event),
                     "aria-label": `Editar \xAB${event.title}\xBB`,
-                    children: "./edit"
+                    children: "./editar"
                   }
                 ) : null,
                 onDeleteEvent ? /* @__PURE__ */ jsxs(AlertDialog, { children: [
@@ -2410,7 +2449,7 @@ function EventCalendar({
                     ] }),
                     /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
                       /* @__PURE__ */ jsx(AlertDialogCancel, { children: "Mejor no" }),
-                      /* @__PURE__ */ jsx(AlertDialogAction, { onClick: () => onDeleteEvent(event.id), children: "Borrar el event" })
+                      /* @__PURE__ */ jsx(AlertDialogAction, { onClick: () => onDeleteEvent(event.id), children: "Borrar el evento" })
                     ] })
                   ] })
                 ] }) : null
@@ -2836,13 +2875,13 @@ function NewsletterForm({
   description,
   state = "idle",
   onSubmitEmail,
-  successMessage = "Ya est\xE1s dentro. Te llega un correo cada dos semanas, y nada m\xE1s.",
+  successMessage = "Ya est\xE1s dentro. Te llega un correo al mes, y nada m\xE1s.",
   errorMessage = "No se pudo suscribir ese correo. Rev\xEDsalo y vuelve a intentar.",
   disclaimer,
   expression,
   basePath,
   submitLabel = "Suscribirme",
-  placeholder = "tu@email.dev",
+  placeholder = "tu@correo.dev",
   fieldLabel = "Correo electr\xF3nico",
   nameField = false,
   nameLabel = "Nombre",
@@ -2877,7 +2916,7 @@ function NewsletterForm({
       type: "submit",
       variant: "conversion",
       loading: sending,
-      className: cn("disabled:opacity-60", nameField && "sm:self-start"),
+      className: cn("w-full disabled:opacity-60 sm:w-auto", nameField && "sm:self-start"),
       children: submitLabel
     }
   );
@@ -2948,7 +2987,7 @@ function NewsletterForm({
           state === "success" ? /* @__PURE__ */ jsx(Alert, { id: `${id}-notice`, variant: "success", emphasis: "strong", children: successMessage }) : null,
           error ? /* @__PURE__ */ jsx(Alert, { id: `${id}-notice`, variant: "error", emphasis: "strong", children: errorMessage }) : null,
           disclaimer ? /* @__PURE__ */ jsxs("div", { className: "gap-step-sm flex items-center", children: [
-            expression ? /* @__PURE__ */ jsx(MascotFace, { expression, basePath, className: "w-10 max-w-none" }) : null,
+            expression && !aside ? /* @__PURE__ */ jsx(MascotFace, { expression, basePath, className: "w-10 max-w-none" }) : null,
             /* @__PURE__ */ jsx(Text, { variant: "label", tone: "muted", as: "p", className: "font-normal", children: disclaimer })
           ] }) : null
         ] }),
@@ -3058,6 +3097,7 @@ function Stat({
   label,
   tone = "neutral",
   progress,
+  progressLabel,
   icon,
   description,
   delta,
@@ -3065,6 +3105,7 @@ function Stat({
   className,
   ...props
 }) {
+  const barName = progressLabel ?? (typeof label === "string" ? label : "Progreso");
   const DeltaGlyph = delta ? DELTA[delta.direction].glyph : null;
   return /* @__PURE__ */ jsxs("div", { className: cn(CARD_SURFACE, "p-step-lg gap-step-xs flex flex-col", className), ...props, children: [
     /* @__PURE__ */ jsxs("div", { className: "gap-step-sm flex items-start justify-between", children: [
@@ -3101,7 +3142,7 @@ function Stat({
       {
         value: progress,
         tone: tone === "neutral" ? "accent" : "warm",
-        label: `${label}: ${progress}%`,
+        label: `${barName}: ${progress}%`,
         className: "mt-step-sm"
       }
     ) : null,

package/dist/og/index.cjs

@@ -58,19 +58,20 @@ var typeScale = {
   h1: { tracking: "-0.03em" },
   eyebrow: { tracking: "0.12em"}
 };
-var deep = "#0D2129";
+var ogDeep = "#0E2A30";
 var gradient = {
   dark: {
-    /** The one used by the article OG template. 145°, from the document. */
-    og: `linear-gradient(145deg, ${dark.background} 55%, ${deep} 100%)`
+    /** The article OG template. 145°, from the document. */
+    og: `linear-gradient(145deg, ${dark.background} 58%, ${ogDeep} 100%)`,
+    /** The talk OG template. 150°, from the document. */
+    ogTalk: `linear-gradient(150deg, ${dark.background} 55%, ${ogDeep} 100%)`
   },
   light: {
-    og: `linear-gradient(145deg, ${light.background} 55%, ${light.surface} 100%)`
-  }
+    og: `linear-gradient(145deg, ${light.background} 55%, ${light.surface} 100%)`}
 };
 var tagline = {
-  /** Header, one line. */
-  short: "Ayudo a equipos a escalar con criterio"};
+  /** Header, one line. Role and method, as in § 65. */
+  short: "Technical Lead \xB7 Spec-Driven Development"};
 var naming = {
   wordmark: "Eduardo \xC1lvarez",
   /** The domain, for the footer CLI signature: `$ cd ~/eduardoalvarez.dev/2026`. */
@@ -250,7 +251,7 @@ function talkTemplate(data) {
   const footer = [data.location, data.event ? void 0 : naming.domain].filter(Boolean).join(" \xB7 ");
   return card({
     mode: "dark",
-    background: "none",
+    background: gradient.dark.ogTalk,
     eyebrow: { text: head, color: dark.accent },
     title: data.title,
     bajada: data.summary,

package/dist/og/index.d.cts

@@ -148,7 +148,7 @@ type TalkData = BaseData & {
     summary?: string | undefined;
     pose?: Pose | undefined;
 };
-/** Talk · eyebrow in biolume with the event and year, pose bleeding off the corner. */
+/** Talk · 150° gradient, eyebrow in biolume with the event and year, pose bleeding off the corner. */
 declare function talkTemplate(data: TalkData): SatoriNode;
 type DefaultData = Omit<BaseData, 'title'> & {
     /** The name. The wordmark by default. */

package/dist/og/index.d.ts

@@ -148,7 +148,7 @@ type TalkData = BaseData & {
     summary?: string | undefined;
     pose?: Pose | undefined;
 };
-/** Talk · eyebrow in biolume with the event and year, pose bleeding off the corner. */
+/** Talk · 150° gradient, eyebrow in biolume with the event and year, pose bleeding off the corner. */
 declare function talkTemplate(data: TalkData): SatoriNode;
 type DefaultData = Omit<BaseData, 'title'> & {
     /** The name. The wordmark by default. */

package/dist/og/index.js

@@ -1,5 +1,5 @@
 import { ASSETS_PATH, faces, poses, fins } from '../chunk-CKRSQPTX.js';
-import { fonts, dark, light, naming, gradient, tagline, typeScale } from '../chunk-5YWGOFDX.js';
+import { fonts, dark, light, naming, gradient, tagline, typeScale } from '../chunk-QQ5WRFHC.js';
 
 // src/og/templates.ts
 var OG = {
@@ -175,7 +175,7 @@ function talkTemplate(data) {
   const footer = [data.location, data.event ? void 0 : naming.domain].filter(Boolean).join(" \xB7 ");
   return card({
     mode: "dark",
-    background: "none",
+    background: gradient.dark.ogTalk,
     eyebrow: { text: head, color: dark.accent },
     title: data.title,
     bajada: data.summary,

package/dist/shiki/index.js

@@ -1,4 +1,4 @@
-import { syntax } from '../chunk-5YWGOFDX.js';
+import { syntax } from '../chunk-QQ5WRFHC.js';
 
 // src/shiki/theme.ts
 var arrecife = {

package/dist/tokens/index.cjs

@@ -263,17 +263,22 @@ var series = {
   light: [light.accent, light.warm, brand.body, light.textMuted]
 };
 var deep = "#0D2129";
+var ogDeep = "#0E2A30";
 var gradient = {
   dark: {
     hero: `linear-gradient(160deg, ${dark.background} 60%, ${deep} 100%)`,
     section: `linear-gradient(150deg, ${dark.surface} 0%, ${deep} 100%)`,
-    /** The one used by the article OG template. 145°, from the document. */
-    og: `linear-gradient(145deg, ${dark.background} 55%, ${deep} 100%)`
+    /** The article OG template. 145°, from the document. */
+    og: `linear-gradient(145deg, ${dark.background} 58%, ${ogDeep} 100%)`,
+    /** The talk OG template. 150°, from the document. */
+    ogTalk: `linear-gradient(150deg, ${dark.background} 55%, ${ogDeep} 100%)`
   },
   light: {
     hero: `linear-gradient(160deg, ${light.background} 60%, ${light.surface} 100%)`,
     section: `linear-gradient(150deg, ${light.surface} 0%, ${light.background} 100%)`,
-    og: `linear-gradient(145deg, ${light.background} 55%, ${light.surface} 100%)`
+    og: `linear-gradient(145deg, ${light.background} 55%, ${light.surface} 100%)`,
+    /** No light talk card exists; the key mirrors dark so both modes carry it. */
+    ogTalk: `linear-gradient(150deg, ${light.background} 55%, ${light.surface} 100%)`
   }
 };
 var shadow = {
@@ -285,12 +290,12 @@ var motion = {
   properties: "color, background-color, border-color, fill, stroke"
 };
 var tagline = {
-  /** Hero. */
-  long: "Ayudo a equipos de ingenier\xEDa a escalar con criterio",
-  /** Header, one line. */
-  short: "Ayudo a equipos a escalar con criterio",
-  /** LinkedIn. */
-  en: "Helping engineering teams scale with judgment"
+  /** Hero. The bajada approved in § 65. */
+  long: "Ense\xF1o a construir software con IA sin dejar de entender lo que hacemos.",
+  /** Header, one line. Role and method, as in § 65. */
+  short: "Technical Lead \xB7 Spec-Driven Development",
+  /** English surfaces. */
+  en: "I teach how to build software with AI without losing sight of what we build."
 };
 var naming = {
   wordmark: "Eduardo \xC1lvarez",

package/dist/tokens/index.d.cts

@@ -446,7 +446,7 @@ declare const size: {
  *   invalid     error      4.97:1
  *
  * `brand.body` (#3E7CB1) is NOT here: the system restricts it to fill, never
- * text, and it measures 4.2:1 in this context.
+ * text, and it measures 4.12:1 in this context.
  *
  * Numeric and boolean literals ride with strings in biolume. The document does
  * not assign them, and grouping them with strings — all three are literals — is
@@ -498,13 +498,17 @@ declare const gradient: {
     readonly dark: {
         readonly hero: "linear-gradient(160deg, #091319 60%, #0D2129 100%)";
         readonly section: "linear-gradient(150deg, #10202B 0%, #0D2129 100%)";
-        /** The one used by the article OG template. 145°, from the document. */
-        readonly og: "linear-gradient(145deg, #091319 55%, #0D2129 100%)";
+        /** The article OG template. 145°, from the document. */
+        readonly og: "linear-gradient(145deg, #091319 58%, #0E2A30 100%)";
+        /** The talk OG template. 150°, from the document. */
+        readonly ogTalk: "linear-gradient(150deg, #091319 55%, #0E2A30 100%)";
     };
     readonly light: {
         readonly hero: "linear-gradient(160deg, #F6F2EA 60%, #FFFFFF 100%)";
         readonly section: "linear-gradient(150deg, #FFFFFF 0%, #F6F2EA 100%)";
         readonly og: "linear-gradient(145deg, #F6F2EA 55%, #FFFFFF 100%)";
+        /** No light talk card exists; the key mirrors dark so both modes carry it. */
+        readonly ogTalk: "linear-gradient(150deg, #F6F2EA 55%, #FFFFFF 100%)";
     };
 };
 /** A single level. There is no elevation scale. */
@@ -522,12 +526,12 @@ declare const motion: {
     readonly properties: "color, background-color, border-color, fill, stroke";
 };
 declare const tagline: {
-    /** Hero. */
-    readonly long: "Ayudo a equipos de ingeniería a escalar con criterio";
-    /** Header, one line. */
-    readonly short: "Ayudo a equipos a escalar con criterio";
-    /** LinkedIn. */
-    readonly en: "Helping engineering teams scale with judgment";
+    /** Hero. The bajada approved in § 65. */
+    readonly long: "Enseño a construir software con IA sin dejar de entender lo que hacemos.";
+    /** Header, one line. Role and method, as in § 65. */
+    readonly short: "Technical Lead · Spec-Driven Development";
+    /** English surfaces. */
+    readonly en: "I teach how to build software with AI without losing sight of what we build.";
 };
 /**
  * The wordmark always reads «Eduardo Álvarez». The mascot is called Tiburoncín
@@ -758,12 +762,14 @@ declare const tokens: {
         readonly dark: {
             readonly hero: "linear-gradient(160deg, #091319 60%, #0D2129 100%)";
             readonly section: "linear-gradient(150deg, #10202B 0%, #0D2129 100%)";
-            readonly og: "linear-gradient(145deg, #091319 55%, #0D2129 100%)";
+            readonly og: "linear-gradient(145deg, #091319 58%, #0E2A30 100%)";
+            readonly ogTalk: "linear-gradient(150deg, #091319 55%, #0E2A30 100%)";
         };
         readonly light: {
             readonly hero: "linear-gradient(160deg, #F6F2EA 60%, #FFFFFF 100%)";
             readonly section: "linear-gradient(150deg, #FFFFFF 0%, #F6F2EA 100%)";
             readonly og: "linear-gradient(145deg, #F6F2EA 55%, #FFFFFF 100%)";
+            readonly ogTalk: "linear-gradient(150deg, #F6F2EA 55%, #FFFFFF 100%)";
         };
     };
     readonly syntax: {
@@ -787,9 +793,9 @@ declare const tokens: {
         readonly properties: "color, background-color, border-color, fill, stroke";
     };
     readonly tagline: {
-        readonly long: "Ayudo a equipos de ingeniería a escalar con criterio";
-        readonly short: "Ayudo a equipos a escalar con criterio";
-        readonly en: "Helping engineering teams scale with judgment";
+        readonly long: "Enseño a construir software con IA sin dejar de entender lo que hacemos.";
+        readonly short: "Technical Lead · Spec-Driven Development";
+        readonly en: "I teach how to build software with AI without losing sight of what we build.";
     };
     readonly naming: {
         readonly wordmark: "Eduardo Álvarez";