@eduardoalvarez/arrecife 0.10.0 → 0.12.0

package/dist/index.js

@@ -1,23 +1,23 @@
 'use client';
-import { Label } from './chunk-6IGD5REB.js';
-export { Label } from './chunk-6IGD5REB.js';
-import { Text } from './chunk-TRPBID2W.js';
-export { Text } from './chunk-TRPBID2W.js';
-export { tokens } from './chunk-5A5GH2PF.js';
+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 { 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-XXDATT3A.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-XXDATT3A.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-IIT3YLYN.js';
-export { Isotype, Logo, Mascot, MascotFace } from './chunk-IIT3YLYN.js';
-import { Icon } from './chunk-ZSCSKCTY.js';
-import { cn } from './chunk-FAAGZG7A.js';
-export { cn } from './chunk-FAAGZG7A.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';
 export { ASSETS_PATH, faceList, faceUsage, faces, fins, poseList, poses } from './chunk-CKRSQPTX.js';
-import { naming } from './chunk-FGFNK72B.js';
-export { brand, colors, control, dark, fonts, gradient, light, limits, motion, naming, radius, series, shadow, size, spacing, syntax, tagline, typeScale } from './chunk-FGFNK72B.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 } from '@phosphor-icons/react';
+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 { 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';
 import { cva } from 'class-variance-authority';
@@ -2181,25 +2181,62 @@ function CourseCard({
   meta,
   status,
   progress,
+  media,
+  footer,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(CardShell, { className: cn("p-step-lg", className), ...props, children: /* @__PURE__ */ jsxs("article", { className: "gap-step-sm flex h-full flex-col", children: [
-    status ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Badge, { variant: "warm", children: status }) }) : null,
-    /* @__PURE__ */ jsx(Text, { as: "h3", variant: "h3", className: "group-hover:text-accent transition-standard", children: title }),
-    summary ? /* @__PURE__ */ jsx(Text, { variant: "ui", tone: "secondary", className: "line-clamp-3", children: summary }) : null,
-    meta && meta.length > 0 ? /* @__PURE__ */ jsx(Text, { variant: "label", tone: "muted", as: "p", className: "gap-step-xs flex flex-wrap items-center", children: meta.map((m, i) => /* @__PURE__ */ jsxs("span", { className: "gap-step-xs flex items-center", children: [
-      i > 0 ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }) : null,
-      m
-    ] }, i)) }) : null,
-    typeof progress === "number" ? /* @__PURE__ */ jsxs("div", { className: "gap-step-xs mt-auto flex flex-col pt-step-sm", children: [
-      /* @__PURE__ */ jsx(Progress, { value: progress, tone: "warm", label: `Progreso del curso: ${progress}%` }),
-      /* @__PURE__ */ jsxs(Text, { variant: "label", tone: "muted", as: "p", children: [
-        progress,
-        "% cursado"
-      ] })
-    ] }) : null
-  ] }) });
+  const hasProgress = typeof progress === "number";
+  return (
+    // `overflow-hidden` only with a cover: it is what rounds the cover's top
+    // corners to the card's. It clips the content and not the `<a>` itself, so
+    // the focus ring — an outline three pixels outside — still shows.
+    /* @__PURE__ */ jsx(
+      CardShell,
+      {
+        className: cn("p-step-lg", media ? "overflow-hidden" : null, className),
+        ...props,
+        children: /* @__PURE__ */ jsxs("article", { className: "gap-step-sm flex h-full flex-col", children: [
+          media ? (
+            // The bleed is the card's own padding, negated. A call site that
+            // changes the padding through `className` has to change this too, and
+            // that is the trade for keeping the padding on the shell like every
+            // other card instead of in a second place only when there is a cover.
+            /* @__PURE__ */ jsx("div", { className: "-mx-step-lg -mt-step-lg mb-step-xs", children: media })
+          ) : null,
+          status ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Badge, { variant: "warm", children: status }) }) : null,
+          /* @__PURE__ */ jsx(Text, { as: "h3", variant: "h3", className: "group-hover:text-accent transition-standard", children: title }),
+          summary ? /* @__PURE__ */ jsx(Text, { variant: "ui", tone: "secondary", className: "line-clamp-3", children: summary }) : null,
+          meta && meta.length > 0 ? /* @__PURE__ */ jsx(Text, { variant: "label", tone: "muted", as: "p", className: "gap-step-xs flex flex-wrap items-center", children: meta.map((m, i) => /* @__PURE__ */ jsxs("span", { className: "gap-step-xs flex items-center", children: [
+            i > 0 ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }) : null,
+            m
+          ] }, i)) }) : null,
+          hasProgress ? /* @__PURE__ */ jsxs("div", { className: "gap-step-xs mt-auto flex flex-col pt-step-sm", children: [
+            /* @__PURE__ */ jsx(Progress, { value: progress, tone: "warm", label: `Progreso del curso: ${progress}%` }),
+            /* @__PURE__ */ jsxs(Text, { variant: "label", tone: "muted", as: "p", children: [
+              progress,
+              "% cursado"
+            ] })
+          ] }) : null,
+          footer ? (
+            // Only one of the two takes `mt-auto`. Two auto margins in one column
+            // split the free space between them, and the progress bar would float
+            // halfway down the card.
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "gap-step-sm pt-step-sm flex flex-wrap items-center justify-between",
+                  hasProgress ? null : "mt-auto"
+                ),
+                children: footer
+              }
+            )
+          ) : null
+        ] })
+      }
+    )
+  );
 }
 var FACE = "w-[66px] max-w-none";
 function EmptyState(props) {
@@ -2441,8 +2478,7 @@ function SocialRow({ social }) {
 function Signature({
   year,
   href,
-  domain: domainName = naming.domain,
-  className
+  domain: domainName = naming.domain
 }) {
   const domain = href ? /* @__PURE__ */ jsx(
     "a",
@@ -2452,7 +2488,7 @@ function Signature({
       children: domainName
     }
   ) : domainName;
-  return /* @__PURE__ */ jsxs(Text, { variant: "meta", tone: "muted", as: "p", className: cn("shrink-0", className), children: [
+  return /* @__PURE__ */ jsxs(Text, { variant: "meta", tone: "muted", as: "p", children: [
     /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: "text-accent", children: [
       "$",
       " "
@@ -2470,6 +2506,46 @@ function Signature({
     )
   ] });
 }
+function BuiltWith() {
+  return /* @__PURE__ */ jsxs(Text, { variant: "meta", tone: "muted", as: "p", children: [
+    "Creado con",
+    " ",
+    /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: naming.libraryUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: cn(
+          "text-accent hover:text-text-primary transition-standard cursor-pointer",
+          "underline decoration-1 underline-offset-4",
+          "rounded-chip focus-ring"
+        ),
+        children: naming.library
+      }
+    ),
+    " ",
+    /* @__PURE__ */ jsx(Icon, { as: Heart, tone: "current", className: "text-accent inline align-middle" })
+  ] });
+}
+function SignatureBlock({
+  year,
+  href,
+  domain,
+  builtWith,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("gap-step-xs flex shrink-0 flex-col items-center sm:items-end", className),
+      children: [
+        /* @__PURE__ */ jsx(Signature, { year, href, domain }),
+        builtWith ? /* @__PURE__ */ jsx(BuiltWith, {}) : null
+      ]
+    }
+  );
+}
 function Shell({
   className,
   contentClassName,
@@ -2492,6 +2568,7 @@ function Footer({
   linkAsChild,
   social,
   brand: brand2,
+  builtWith,
   year = (/* @__PURE__ */ new Date()).getFullYear(),
   signatureHref,
   domain,
@@ -2541,7 +2618,15 @@ function Footer({
           column.title
         )) })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "border-hairline mt-step-xl pt-step-lg border-t", children: /* @__PURE__ */ jsx(Signature, { year, href: signatureHref, domain, className: "text-center sm:text-right" }) })
+      /* @__PURE__ */ jsx("div", { className: "border-hairline mt-step-xl pt-step-lg border-t", children: /* @__PURE__ */ jsx(
+        SignatureBlock,
+        {
+          year,
+          href: signatureHref,
+          domain,
+          builtWith
+        }
+      ) })
     ] });
   }
   const rows = [
@@ -2552,7 +2637,16 @@ function Footer({
   return /* @__PURE__ */ jsxs(Shell, { className, contentClassName: "gap-step-lg", ...rest, children: [
     /* @__PURE__ */ jsxs("div", { className: "gap-step-md flex flex-col items-center sm:flex-row sm:flex-wrap", children: [
       first ?? null,
-      /* @__PURE__ */ jsx(Signature, { year, href: signatureHref, domain, className: "sm:ml-auto" })
+      /* @__PURE__ */ jsx(
+        SignatureBlock,
+        {
+          year,
+          href: signatureHref,
+          domain,
+          builtWith,
+          className: "sm:ml-auto"
+        }
+      )
     ] }),
     others
   ] });
@@ -2703,7 +2797,7 @@ function Nav({ brand: brand2, children, actions, size: size2 = "default", classN
                           puts it in `actions`. A `Nav` that hid its own items would leave every
                           consumer without a drawer with no navigation at all, silently.
               
-                          See `docs/decisions/0.10.md` § 54.
+                          See `docs/decisions/` § 54.
                         */
               /* @__PURE__ */ jsx("nav", { "aria-label": "Principal", className: "ml-auto min-w-0 overflow-x-auto", children: /* @__PURE__ */ jsxs("ul", { className: "gap-step-md flex w-max items-center", children: [
                 /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-text-muted font-mono text-meta select-none", children: "~/" }),
@@ -2881,12 +2975,21 @@ function PageHeader({
   action,
   size: size2,
   as = "h1",
+  titleVariant,
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsxs("header", { className: cn(header({ size: size2 }), className), ...props, children: [
     eyebrow ? /* @__PURE__ */ jsx(Text, { variant: "eyebrow", tone: "accent", as: "p", children: eyebrow }) : null,
-    /* @__PURE__ */ jsx(Text, { as, variant: size2 === "display" ? "display" : "h1", className: "max-w-measure", children: title }),
+    /* @__PURE__ */ jsx(
+      Text,
+      {
+        as,
+        variant: titleVariant ?? (size2 === "display" ? "display" : "h1"),
+        className: "max-w-measure",
+        children: title
+      }
+    ),
     description ? /* @__PURE__ */ jsx(Text, { variant: "body", tone: "secondary", children: description }) : null,
     action ? /* @__PURE__ */ jsx("div", { className: "gap-step-sm mt-step-sm flex flex-wrap items-center", children: action }) : null
   ] });

package/dist/og/index.cjs

@@ -74,8 +74,7 @@ var tagline = {
 var naming = {
   wordmark: "Eduardo \xC1lvarez",
   /** The domain, for the footer CLI signature: `$ cd ~/eduardoalvarez.dev/2026`. */
-  domain: "eduardoalvarez.dev"
-};
+  domain: "eduardoalvarez.dev"};
 
 // src/og/templates.ts
 var OG = {

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-FGFNK72B.js';
+import { fonts, dark, light, naming, gradient, tagline, typeScale } from '../chunk-5YWGOFDX.js';
 
 // src/og/templates.ts
 var OG = {

package/dist/shiki/index.js

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

package/dist/tokens/index.cjs

@@ -146,7 +146,7 @@ var typeScale = {
    * (plankton 5.57:1 over abyss), which is the part that is not negotiable.
    *
    * At 13 the three badge families grew past the size of a small button and
-   * outweighed the title they accompany. See `docs/decisions/`.
+   * outweighed the title they accompany. See `docs/decisions/` § 10.
    */
   chip: { family: "mono", size: 11.5, lineHeight: 1.4, weight: 400 },
   /**
@@ -200,7 +200,7 @@ var control = {
    * 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/0.6.md` § 22.
+   * a row of a table. See `docs/decisions/` § 22.
    */
   iconSm: 32
 };
@@ -223,7 +223,7 @@ var size = {
    * together eat the top of the content area. 56 is what `cursos` had arrived at
    * on its own, and it is the same reasoning as `control.iconSm`: the one admin
    * app of the five is denser than the four reading sites. See
-   * `docs/decisions/0.7.md` § 30.
+   * `docs/decisions/` § 30.
    */
   navCompact: 56,
   /**
@@ -296,7 +296,20 @@ var naming = {
   wordmark: "Eduardo \xC1lvarez",
   mascot: "Tiburonc\xEDn",
   /** The domain, for the footer CLI signature: `$ cd ~/eduardoalvarez.dev/2026`. */
-  domain: "eduardoalvarez.dev"
+  domain: "eduardoalvarez.dev",
+  /** The library's own name, for a footer that credits it. */
+  library: "Arrecife",
+  /**
+   * Where the library is published, for `Footer builtWith`.
+   *
+   * It is here and not written into the component for the reason the domain is:
+   * one string, five projects. It is the same URL as `homepage` in
+   * `package.json` and it cannot be derived from it — this file imports nothing
+   * — so `check:exports` compares the two on every build. Without that, moving
+   * the Storybook would update what npm prints and leave five production
+   * footers linking at the old address.
+   */
+  libraryUrl: "https://arrecife.eduardoalvarez.dev"
 };
 
 // src/tokens/index.ts

package/dist/tokens/index.d.cts

@@ -280,7 +280,7 @@ declare const typeScale: {
      * (plankton 5.57:1 over abyss), which is the part that is not negotiable.
      *
      * At 13 the three badge families grew past the size of a small button and
-     * outweighed the title they accompany. See `docs/decisions/`.
+     * outweighed the title they accompany. See `docs/decisions/` § 10.
      */
     readonly chip: {
         readonly family: "mono";
@@ -336,7 +336,7 @@ declare const radius: {
  *
  * Only the horizontal padding and the icon button's square. Height comes from
  * the type scale, and there is a single radius for all three sizes: see
- * `docs/decisions/`.
+ * `docs/decisions/` § 1.
  *
  * They are not in `spacing` because they are not page rhythm: 14, 22 and 30 do
  * not compose with 8/12/16/26/40 and must not be offered as margins.
@@ -360,7 +360,7 @@ declare const control: {
      * 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/0.6.md` § 22.
+     * a row of a table. See `docs/decisions/` § 22.
      */
     readonly iconSm: 32;
 };
@@ -405,7 +405,7 @@ declare const size: {
      * together eat the top of the content area. 56 is what `cursos` had arrived at
      * on its own, and it is the same reasoning as `control.iconSm`: the one admin
      * app of the five is denser than the four reading sites. See
-     * `docs/decisions/0.7.md` § 30.
+     * `docs/decisions/` § 30.
      */
     readonly navCompact: 56;
     /**
@@ -488,7 +488,7 @@ declare const syntax: {
  *
  * A fifth series is not added by inventing a hue. If a chart needs five
  * categories, either there are too many categories or they need an «other»
- * bucket: see `docs/decisions/`.
+ * bucket: see `docs/decisions/` § 18.
  */
 declare const series: {
     readonly dark: readonly ["#35D6C0", "#F2A65A", "#3E7CB1", "#71919C"];
@@ -538,6 +538,19 @@ declare const naming: {
     readonly mascot: "Tiburoncín";
     /** The domain, for the footer CLI signature: `$ cd ~/eduardoalvarez.dev/2026`. */
     readonly domain: "eduardoalvarez.dev";
+    /** The library's own name, for a footer that credits it. */
+    readonly library: "Arrecife";
+    /**
+     * Where the library is published, for `Footer builtWith`.
+     *
+     * It is here and not written into the component for the reason the domain is:
+     * one string, five projects. It is the same URL as `homepage` in
+     * `package.json` and it cannot be derived from it — this file imports nothing
+     * — so `check:exports` compares the two on every build. Without that, moving
+     * the Storybook would update what npm prints and leave five production
+     * footers linking at the old address.
+     */
+    readonly libraryUrl: "https://arrecife.eduardoalvarez.dev";
 };
 type ColorMode = keyof typeof colors;
 type ColorToken = keyof typeof dark;
@@ -782,6 +795,8 @@ declare const tokens: {
         readonly wordmark: "Eduardo Álvarez";
         readonly mascot: "Tiburoncín";
         readonly domain: "eduardoalvarez.dev";
+        readonly library: "Arrecife";
+        readonly libraryUrl: "https://arrecife.eduardoalvarez.dev";
     };
 };
 type Tokens = typeof tokens;

package/dist/tokens/index.d.ts

@@ -280,7 +280,7 @@ declare const typeScale: {
      * (plankton 5.57:1 over abyss), which is the part that is not negotiable.
      *
      * At 13 the three badge families grew past the size of a small button and
-     * outweighed the title they accompany. See `docs/decisions/`.
+     * outweighed the title they accompany. See `docs/decisions/` § 10.
      */
     readonly chip: {
         readonly family: "mono";
@@ -336,7 +336,7 @@ declare const radius: {
  *
  * Only the horizontal padding and the icon button's square. Height comes from
  * the type scale, and there is a single radius for all three sizes: see
- * `docs/decisions/`.
+ * `docs/decisions/` § 1.
  *
  * They are not in `spacing` because they are not page rhythm: 14, 22 and 30 do
  * not compose with 8/12/16/26/40 and must not be offered as margins.
@@ -360,7 +360,7 @@ declare const control: {
      * 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/0.6.md` § 22.
+     * a row of a table. See `docs/decisions/` § 22.
      */
     readonly iconSm: 32;
 };
@@ -405,7 +405,7 @@ declare const size: {
      * together eat the top of the content area. 56 is what `cursos` had arrived at
      * on its own, and it is the same reasoning as `control.iconSm`: the one admin
      * app of the five is denser than the four reading sites. See
-     * `docs/decisions/0.7.md` § 30.
+     * `docs/decisions/` § 30.
      */
     readonly navCompact: 56;
     /**
@@ -488,7 +488,7 @@ declare const syntax: {
  *
  * A fifth series is not added by inventing a hue. If a chart needs five
  * categories, either there are too many categories or they need an «other»
- * bucket: see `docs/decisions/`.
+ * bucket: see `docs/decisions/` § 18.
  */
 declare const series: {
     readonly dark: readonly ["#35D6C0", "#F2A65A", "#3E7CB1", "#71919C"];
@@ -538,6 +538,19 @@ declare const naming: {
     readonly mascot: "Tiburoncín";
     /** The domain, for the footer CLI signature: `$ cd ~/eduardoalvarez.dev/2026`. */
     readonly domain: "eduardoalvarez.dev";
+    /** The library's own name, for a footer that credits it. */
+    readonly library: "Arrecife";
+    /**
+     * Where the library is published, for `Footer builtWith`.
+     *
+     * It is here and not written into the component for the reason the domain is:
+     * one string, five projects. It is the same URL as `homepage` in
+     * `package.json` and it cannot be derived from it — this file imports nothing
+     * — so `check:exports` compares the two on every build. Without that, moving
+     * the Storybook would update what npm prints and leave five production
+     * footers linking at the old address.
+     */
+    readonly libraryUrl: "https://arrecife.eduardoalvarez.dev";
 };
 type ColorMode = keyof typeof colors;
 type ColorToken = keyof typeof dark;
@@ -782,6 +795,8 @@ declare const tokens: {
         readonly wordmark: "Eduardo Álvarez";
         readonly mascot: "Tiburoncín";
         readonly domain: "eduardoalvarez.dev";
+        readonly library: "Arrecife";
+        readonly libraryUrl: "https://arrecife.eduardoalvarez.dev";
     };
 };
 type Tokens = typeof tokens;

package/dist/tokens/index.js

@@ -1,2 +1,2 @@
-export { tokens } from '../chunk-5A5GH2PF.js';
-export { brand, colors, control, dark, fonts, gradient, light, limits, motion, naming, radius, series, shadow, size, spacing, syntax, tagline, typeScale } from '../chunk-FGFNK72B.js';
+export { tokens } from '../chunk-6QJQ6K7J.js';
+export { brand, colors, control, dark, fonts, gradient, light, limits, motion, naming, radius, series, shadow, size, spacing, syntax, tagline, typeScale } from '../chunk-5YWGOFDX.js';

package/dist/tokens/theme.css

@@ -18,7 +18,24 @@
 @custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));
 @custom-variant light (&:where([data-theme="light"], [data-theme="light"] *));
 
-@theme {
+/* STATIC, and that word is the whole of a bug fix. Tailwind v4 emits a theme
+   variable only if some utility it generated uses it, and a token read with
+   var() from JS is asked for by no utility at all: seriesColor(i) returns
+   var(--color-series-N) on purpose, so the color follows the mode instead of
+   freezing to whichever one was live when the chart mounted. No project writes
+   bg-series-1, so Tailwind dropped all four as unused, the var() resolved to
+   nothing, and a fill that resolves to nothing is black — on a dark page,
+   indistinguishable from «no data». No error in the console and none in the
+   build; the report that arrived was «the information is not showing».
+
+   With static, every token this file declares reaches :root whether a class
+   asks for it or not, which is what a published token set is: a contract, not
+   a subset of itself discovered by usage. It costs CSS — measured at +1.6 KB
+   raw / +234 B gzipped for a project using the library's whole vocabulary, and
+   +3.2 KB / +579 B for one that writes almost nothing — and it buys the
+   removal of a whole class of silent failure rather than of one instance.
+   See docs/decisions/ § 61. */
+@theme static {
   /* --- color · dark mode (default) ------------------------------------- */
   --color-background: #091319;
   --color-surface: #10202B;
@@ -265,7 +282,7 @@
    written from first principles about terminals rather than read off the two
    sites that already had a signature. A utility with no consumer and no origin
    is not a feature, it is the invention still sitting there under a new label.
-   See docs/decisions/0.8.md § 45.
+   See docs/decisions/ § 45.
 
    Its reason is the one the other four exceptions share: it is feedback about
    PROGRESS. A prompt that radiates says the terminal is live, which is the same
@@ -283,7 +300,7 @@
    Behind motion-safe at the call site — the half NOT copied from cursos, whose
    span animates regardless. The blog guarded it, every other exception here is
    guarded, and at rest the bar is simply solid.
-   See docs/decisions/0.8.md § 45. */
+   See docs/decisions/ § 45. */
 @keyframes arrecife-pulse {
   0%, 100% {
     box-shadow: 0 0 0 0 color-mix(in oklab, var(--color-accent) 70%, transparent);

package/dist/variants/index.cjs

@@ -21,7 +21,7 @@ var button = classVarianceAuthority.cva(
         ],
         // The one control whose focus ring is not biolume. It is the system's
         // only sand fill, and a biolume ring three pixels off a sand button puts
-        // both of the brand's accents in the same glance. See `docs/decisions/0.7.md` § 37.
+        // both of the brand's accents in the same glance. See `docs/decisions/` § 37.
         conversion: "bg-warm text-warm-on hover:bg-warm-hover focus-ring-warm",
         secondary: [
           "border-hairline-hover border bg-transparent text-text-primary",

package/dist/variants/index.d.cts

@@ -32,7 +32,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
  * actions and toolbars, next to «Editar» and «Duplicar», with no context to tell
  * them apart: with every one rendered as `secondary`, «Eliminar curso» looked
  * exactly like «Cancelar» and only the word separated them. See
- * `docs/decisions/0.6.md` § 21.
+ * `docs/decisions/` § 21.
  *
  * `destructiveOutline` fills on hover, and that IS an exception to «secondary is
  * never filled» — declared here rather than discovered later. A destructive
@@ -151,7 +151,7 @@ declare const text: (props?: ({
  *
  * The radius: the document says 12, which is none of the system's five radii. It
  * uses the card radius rather than introducing a sixth — see
- * `docs/decisions/`.
+ * `docs/decisions/` § 3.
  */
 declare const alert: (props?: ({
     variant?: "error" | "accent" | "success" | "warning" | null | undefined;

package/dist/variants/index.d.ts

@@ -32,7 +32,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
  * actions and toolbars, next to «Editar» and «Duplicar», with no context to tell
  * them apart: with every one rendered as `secondary`, «Eliminar curso» looked
  * exactly like «Cancelar» and only the word separated them. See
- * `docs/decisions/0.6.md` § 21.
+ * `docs/decisions/` § 21.
  *
  * `destructiveOutline` fills on hover, and that IS an exception to «secondary is
  * never filled» — declared here rather than discovered later. A destructive
@@ -151,7 +151,7 @@ declare const text: (props?: ({
  *
  * The radius: the document says 12, which is none of the system's five radii. It
  * uses the card radius rather than introducing a sixth — see
- * `docs/decisions/`.
+ * `docs/decisions/` § 3.
  */
 declare const alert: (props?: ({
     variant?: "error" | "accent" | "success" | "warning" | null | undefined;

package/dist/variants/index.js

@@ -1,2 +1,2 @@
-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-XXDATT3A.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';