@eduardoalvarez/arrecife 0.5.0 → 0.5.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [0.5.1](https://github.com/Proskynete/arrecife/compare/v0.5.0...v0.5.1) (2026-08-31)
+
+
+### 🐛 Correcciones
+
+* **components:** la firma del pie va con la primera fila, no la última ([1a854ab](https://github.com/Proskynete/arrecife/commit/1a854ab7d71e66ab4998802ae3dc498f96e47b57))
+
 ## [0.5.0](https://github.com/Proskynete/arrecife/compare/v0.4.0...v0.5.0) (2026-08-31)
 
 

package/dist/index.cjs

@@ -3121,37 +3121,43 @@ function Footer({
   className,
   ...props
 }) {
+  const firma = /* @__PURE__ */ jsxRuntime.jsxs(Text, { variant: "meta", tone: "muted", as: "p", className: "ml-auto shrink-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": "true", className: "text-accent", children: [
+      "$",
+      " "
+    ] }),
+    "cd ~/",
+    naming.domain,
+    "/",
+    year
+  ] });
+  const filas = [
+    brand2 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: brand2 }, "marca") : null,
+    children ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "gap-step-md flex flex-wrap items-center", children }, "enlaces") : null,
+    social && social.length > 0 ? (
+      // 18px de separación, del documento. No es un escalón de `spacing`:
+      // es el ritmo de una fila de iconos, no el de una página.
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center gap-[18px]", children: social.map((red) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: red.href,
+          "aria-label": red.label,
+          className: cn(
+            "text-text-muted hover:text-accent transition-standard block cursor-pointer text-[19px]",
+            "rounded-chip focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
+          ),
+          children: red.icon
+        }
+      ) }, red.href)) }, "redes")
+    ) : null
+  ].filter(Boolean);
+  const [primera, ...resto] = filas;
   return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: cn("border-hairline w-full border-t", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-wide px-step-md py-step-xl gap-step-lg mx-auto flex flex-col", children: [
-    brand2 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: brand2 }) : null,
-    children ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "gap-step-md flex flex-wrap items-center", children }) : null,
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-step-md flex flex-wrap items-center", children: [
-      social && social.length > 0 ? (
-        // 18px de separación, del documento. No es un escalón de `spacing`:
-        // es el ritmo de una fila de iconos, no el de una página.
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center gap-[18px]", children: social.map((red) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-          "a",
-          {
-            href: red.href,
-            "aria-label": red.label,
-            className: cn(
-              "text-text-muted hover:text-accent transition-standard block cursor-pointer text-[19px]",
-              "rounded-chip focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
-            ),
-            children: red.icon
-          }
-        ) }, red.href)) })
-      ) : null,
-      /* @__PURE__ */ jsxRuntime.jsxs(Text, { variant: "meta", tone: "muted", as: "p", className: "ml-auto", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": "true", className: "text-accent", children: [
-          "$",
-          " "
-        ] }),
-        "cd ~/",
-        naming.domain,
-        "/",
-        year
-      ] })
-    ] })
+      primera ?? null,
+      firma
+    ] }),
+    resto
   ] }) });
 }
 function FooterLink({ asChild = false, className, ...props }) {

package/dist/index.d.cts

@@ -964,6 +964,11 @@ declare function EventCalendar({ events, onCreateEvent, onUpdateEvent, onDeleteE
  * Los enlaces de redes son iconos SIN texto visible, así que `aria-label` no es
  * una mejora: es lo único que los hace legibles. Por eso es obligatorio en el
  * tipo y no una prop opcional que se olvide.
+ *
+ * La firma va arriba a la derecha, al nivel de la PRIMERA fila que exista, no
+ * al final del bloque. Es una decisión de composición y no de estilo: el pie
+ * puede llevar marca, enlaces y redes, y colgar la firma de una fila concreta
+ * la hunde en cuanto esa fila deja de ser la primera.
  */
 type Red = {
     /** Lo que reemplaza al texto visible. Obligatorio. */

package/dist/index.d.ts

@@ -964,6 +964,11 @@ declare function EventCalendar({ events, onCreateEvent, onUpdateEvent, onDeleteE
  * Los enlaces de redes son iconos SIN texto visible, así que `aria-label` no es
  * una mejora: es lo único que los hace legibles. Por eso es obligatorio en el
  * tipo y no una prop opcional que se olvide.
+ *
+ * La firma va arriba a la derecha, al nivel de la PRIMERA fila que exista, no
+ * al final del bloque. Es una decisión de composición y no de estilo: el pie
+ * puede llevar marca, enlaces y redes, y colgar la firma de una fila concreta
+ * la hunde en cuanto esa fila deja de ser la primera.
  */
 type Red = {
     /** Lo que reemplaza al texto visible. Obligatorio. */

package/dist/index.js

@@ -2584,37 +2584,43 @@ function Footer({
   className,
   ...props
 }) {
+  const firma = /* @__PURE__ */ jsxs(Text, { variant: "meta", tone: "muted", as: "p", className: "ml-auto shrink-0", children: [
+    /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: "text-accent", children: [
+      "$",
+      " "
+    ] }),
+    "cd ~/",
+    naming.domain,
+    "/",
+    year
+  ] });
+  const filas = [
+    brand2 ? /* @__PURE__ */ jsx("div", { className: "flex items-center", children: brand2 }, "marca") : null,
+    children ? /* @__PURE__ */ jsx("div", { className: "gap-step-md flex flex-wrap items-center", children }, "enlaces") : null,
+    social && social.length > 0 ? (
+      // 18px de separación, del documento. No es un escalón de `spacing`:
+      // es el ritmo de una fila de iconos, no el de una página.
+      /* @__PURE__ */ jsx("ul", { className: "flex items-center gap-[18px]", children: social.map((red) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: red.href,
+          "aria-label": red.label,
+          className: cn(
+            "text-text-muted hover:text-accent transition-standard block cursor-pointer text-[19px]",
+            "rounded-chip focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
+          ),
+          children: red.icon
+        }
+      ) }, red.href)) }, "redes")
+    ) : null
+  ].filter(Boolean);
+  const [primera, ...resto] = filas;
   return /* @__PURE__ */ jsx("footer", { className: cn("border-hairline w-full border-t", className), ...props, children: /* @__PURE__ */ jsxs("div", { className: "max-w-wide px-step-md py-step-xl gap-step-lg mx-auto flex flex-col", children: [
-    brand2 ? /* @__PURE__ */ jsx("div", { className: "flex items-center", children: brand2 }) : null,
-    children ? /* @__PURE__ */ jsx("div", { className: "gap-step-md flex flex-wrap items-center", children }) : null,
     /* @__PURE__ */ jsxs("div", { className: "gap-step-md flex flex-wrap items-center", children: [
-      social && social.length > 0 ? (
-        // 18px de separación, del documento. No es un escalón de `spacing`:
-        // es el ritmo de una fila de iconos, no el de una página.
-        /* @__PURE__ */ jsx("ul", { className: "flex items-center gap-[18px]", children: social.map((red) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: red.href,
-            "aria-label": red.label,
-            className: cn(
-              "text-text-muted hover:text-accent transition-standard block cursor-pointer text-[19px]",
-              "rounded-chip focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
-            ),
-            children: red.icon
-          }
-        ) }, red.href)) })
-      ) : null,
-      /* @__PURE__ */ jsxs(Text, { variant: "meta", tone: "muted", as: "p", className: "ml-auto", children: [
-        /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: "text-accent", children: [
-          "$",
-          " "
-        ] }),
-        "cd ~/",
-        naming.domain,
-        "/",
-        year
-      ] })
-    ] })
+      primera ?? null,
+      firma
+    ] }),
+    resto
   ] }) });
 }
 function FooterLink({ asChild = false, className, ...props }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eduardoalvarez/arrecife",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "Librería de componentes de la identidad visual de Eduardo Álvarez",
   "license": "MIT",
   "author": "Eduardo Esteban Álvarez Castañeda <soy@eduardoalvarez.dev>",