@eduardoalvarez/arrecife 0.1.1 → 0.3.0

package/dist/og/index.js

@@ -1,5 +1,5 @@
 import { RUTA_ASSETS, caras, poses, aletas } from '../chunk-E3OMP2DL.js';
-import { fonts, dark, light, naming, gradient, tagline, typeScale } from '../chunk-DHF63QNM.js';
+import { fonts, dark, light, naming, gradient, tagline, typeScale } from '../chunk-I7GYZD2A.js';
 
 // src/og/plantillas.ts
 var OG = {

package/dist/shiki/index.js

@@ -1,4 +1,4 @@
-import { sintaxis } from '../chunk-DHF63QNM.js';
+import { sintaxis } from '../chunk-I7GYZD2A.js';
 
 // src/shiki/tema.ts
 var arrecife = {

package/dist/tokens/index.cjs

@@ -158,11 +158,11 @@ var control = {
   icon: 42
 };
 var spacing = {
-  xs: 8,
-  sm: 12,
-  md: 16,
-  lg: 26,
-  xl: 40,
+  stepXs: 8,
+  stepSm: 12,
+  stepMd: 16,
+  stepLg: 26,
+  stepXl: 40,
   section: 96
 };
 var size = {

package/dist/tokens/index.d.cts

@@ -289,12 +289,34 @@ declare const control: {
     /** Botón de icono: cuadrado, sin texto. */
     readonly icon: 42;
 };
+/**
+ * El ritmo de página. Los cinco escalones llevan `step` en el nombre, y no es
+ * decoración: es la corrección de un bug que no dio la cara en ningún sitio.
+ *
+ * En Tailwind v4, `--spacing-*` no alimenta solo `p-*`, `m-*` y `gap-*`:
+ * también resuelve `w-*`, `h-*`, `max-w-*`, `min-w-*`, `basis-*` y `size-*`, y
+ * ahí GANA a la escala `--container-*`. Los escalones se llamaban `xs, sm, md,
+ * lg, xl`, que son exactamente los nombres de esa escala, así que cualquier
+ * proyecto que importara `theme.css` se quedaba con `max-w-sm` valiendo 12px en
+ * vez de 384px. Nada avisaba: ni el build, ni los tipos, ni Storybook, ni la
+ * suite —la librería no usa esas utilidades por dentro—. Se descubrió en
+ * producción, con el párrafo de un hero a una palabra por línea.
+ *
+ * Redeclarar `--container-sm` NO lo arregla: `--spacing-*` gana la resolución.
+ * La única salida es que la librería no use esos nombres.
+ *
+ * El prefijo sigue el patrón que ya tenía `control`: un grupo con nombre propio
+ * dentro del espacio `--spacing-*`. `scripts/check-tokens-namespace.mjs` impide
+ * la recaída.
+ *
+ * `section` no lleva prefijo porque no choca con nada de Tailwind.
+ */
 declare const spacing: {
-    readonly xs: 8;
-    readonly sm: 12;
-    readonly md: 16;
-    readonly lg: 26;
-    readonly xl: 40;
+    readonly stepXs: 8;
+    readonly stepSm: 12;
+    readonly stepMd: 16;
+    readonly stepLg: 26;
+    readonly stepXl: 40;
     readonly section: 96;
 };
 declare const size: {
@@ -567,11 +589,11 @@ declare const tokens: {
         readonly icon: 42;
     };
     readonly spacing: {
-        readonly xs: 8;
-        readonly sm: 12;
-        readonly md: 16;
-        readonly lg: 26;
-        readonly xl: 40;
+        readonly stepXs: 8;
+        readonly stepSm: 12;
+        readonly stepMd: 16;
+        readonly stepLg: 26;
+        readonly stepXl: 40;
         readonly section: 96;
     };
     readonly size: {

package/dist/tokens/index.d.ts

@@ -289,12 +289,34 @@ declare const control: {
     /** Botón de icono: cuadrado, sin texto. */
     readonly icon: 42;
 };
+/**
+ * El ritmo de página. Los cinco escalones llevan `step` en el nombre, y no es
+ * decoración: es la corrección de un bug que no dio la cara en ningún sitio.
+ *
+ * En Tailwind v4, `--spacing-*` no alimenta solo `p-*`, `m-*` y `gap-*`:
+ * también resuelve `w-*`, `h-*`, `max-w-*`, `min-w-*`, `basis-*` y `size-*`, y
+ * ahí GANA a la escala `--container-*`. Los escalones se llamaban `xs, sm, md,
+ * lg, xl`, que son exactamente los nombres de esa escala, así que cualquier
+ * proyecto que importara `theme.css` se quedaba con `max-w-sm` valiendo 12px en
+ * vez de 384px. Nada avisaba: ni el build, ni los tipos, ni Storybook, ni la
+ * suite —la librería no usa esas utilidades por dentro—. Se descubrió en
+ * producción, con el párrafo de un hero a una palabra por línea.
+ *
+ * Redeclarar `--container-sm` NO lo arregla: `--spacing-*` gana la resolución.
+ * La única salida es que la librería no use esos nombres.
+ *
+ * El prefijo sigue el patrón que ya tenía `control`: un grupo con nombre propio
+ * dentro del espacio `--spacing-*`. `scripts/check-tokens-namespace.mjs` impide
+ * la recaída.
+ *
+ * `section` no lleva prefijo porque no choca con nada de Tailwind.
+ */
 declare const spacing: {
-    readonly xs: 8;
-    readonly sm: 12;
-    readonly md: 16;
-    readonly lg: 26;
-    readonly xl: 40;
+    readonly stepXs: 8;
+    readonly stepSm: 12;
+    readonly stepMd: 16;
+    readonly stepLg: 26;
+    readonly stepXl: 40;
     readonly section: 96;
 };
 declare const size: {
@@ -567,11 +589,11 @@ declare const tokens: {
         readonly icon: 42;
     };
     readonly spacing: {
-        readonly xs: 8;
-        readonly sm: 12;
-        readonly md: 16;
-        readonly lg: 26;
-        readonly xl: 40;
+        readonly stepXs: 8;
+        readonly stepSm: 12;
+        readonly stepMd: 16;
+        readonly stepLg: 26;
+        readonly stepXl: 40;
         readonly section: 96;
     };
     readonly size: {

package/dist/tokens/index.js

@@ -1,2 +1,2 @@
-export { tokens } from '../chunk-22OXRTAL.js';
-export { brand, colors, control, dark, fonts, gradient, light, limits, motion, naming, radius, shadow, sintaxis, size, spacing, tagline, typeScale } from '../chunk-DHF63QNM.js';
+export { tokens } from '../chunk-VSMW2CT4.js';
+export { brand, colors, control, dark, fonts, gradient, light, limits, motion, naming, radius, shadow, sintaxis, size, spacing, tagline, typeScale } from '../chunk-I7GYZD2A.js';

package/dist/tokens/theme.css

@@ -100,11 +100,11 @@
   --radius-panel: 16px;
   --radius-pill: 999px;
 
-  --spacing-xs: 8px;
-  --spacing-sm: 12px;
-  --spacing-md: 16px;
-  --spacing-lg: 26px;
-  --spacing-xl: 40px;
+  --spacing-step-xs: 8px;
+  --spacing-step-sm: 12px;
+  --spacing-step-md: 16px;
+  --spacing-step-lg: 26px;
+  --spacing-step-xl: 40px;
   --spacing-section: 96px;
 
   --spacing-control-sm: 14px;