@eduardoalvarez/arrecife 0.7.0 → 0.9.0

package/dist/index.cjs

@@ -214,7 +214,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.md`.
+   * outweighed the title they accompany. See `docs/decisions/`.
    */
   chip: { family: "mono", size: 11.5, lineHeight: 1.4, weight: 400 },
   /**
@@ -268,7 +268,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.md` § 22.
+   * a row of a table. See `docs/decisions/0.6.md` § 22.
    */
   iconSm: 32
 };
@@ -291,7 +291,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.md` § 30.
+   * `docs/decisions/0.7.md` § 30.
    */
   navCompact: 56,
   /**
@@ -489,7 +489,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 `decisions.md` § 37.
+        // both of the brand's accents in the same glance. See `docs/decisions/0.7.md` § 37.
         conversion: "bg-warm text-warm-on hover:bg-warm-hover focus-ring-warm",
         secondary: [
           "border-hairline-hover border bg-transparent text-text-primary",
@@ -1916,7 +1916,7 @@ function Switch({ className, ...props }) {
   );
 }
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { tabIndex: 0, className: "rounded-card border-hairline focus-ring w-full overflow-x-auto border", children: /* @__PURE__ */ jsxRuntime.jsx(
     "table",
     {
       className: cn("w-full caption-bottom border-collapse font-sans text-ui", className),
@@ -1969,7 +1969,13 @@ function TableCell({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("td", { className: cn("px-step-sm py-step-sm text-text-secondary align-middle", className), ...props });
 }
 function TableCaption({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("caption", { className: cn("mt-step-sm text-label text-text-muted", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "caption",
+    {
+      className: cn("px-step-sm pt-step-sm pb-step-sm text-label text-text-muted", className),
+      ...props
+    }
+  );
 }
 function Tabs({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { className: cn("gap-step-md flex flex-col", className), ...props });
@@ -2229,11 +2235,20 @@ function ArticleCard({
       " min de lectura"
     ] }, "lectura") : null
   ].filter(Boolean);
-  return /* @__PURE__ */ jsxRuntime.jsx(CardShell, { className: cn("p-step-lg", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "gap-step-sm flex h-full flex-col", children: [
-    meta.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "meta", tone: "muted", as: "p", className: "gap-step-xs flex items-center", children: meta.map((m, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "gap-step-xs flex items-center", children: [
-      i > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\xB7" }) : null,
-      m
-    ] }, i)) }) : null,
+  return /* @__PURE__ */ jsxRuntime.jsx(CardShell, { className: cn("p-step-lg", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "flex flex-col h-full gap-step-sm", children: [
+    meta.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+      Text,
+      {
+        variant: "meta",
+        tone: "muted",
+        as: "p",
+        className: "flex items-center gap-step-xs",
+        children: meta.map((m, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-step-xs", children: [
+          i > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\xB7" }) : null,
+          m
+        ] }, i))
+      }
+    ) : null,
     /* @__PURE__ */ jsxRuntime.jsx(
       Text,
       {
@@ -2244,8 +2259,15 @@ function ArticleCard({
       }
     ),
     excerpt ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "ui", tone: "secondary", className: "line-clamp-2", children: excerpt }) : null,
-    tags && tags.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "gap-step-xs mt-auto flex flex-wrap pt-step-sm", children: tags.map(
-      (t) => tagAsChild ? /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { className: category({ active: false }), children: tagAsChild({ tag: t, children: t }) }, t) : /* @__PURE__ */ jsxRuntime.jsx(CategoryBadge, { children: t }, t)
+    tags && tags.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap mt-auto gap-step-xs pt-step-sm", children: tags.map(
+      (t) => tagAsChild ? /* @__PURE__ */ jsxRuntime.jsx(
+        reactSlot.Slot,
+        {
+          className: category({ active: false }),
+          children: tagAsChild({ tag: t, children: t })
+        },
+        t
+      ) : /* @__PURE__ */ jsxRuntime.jsx(CategoryBadge, { children: t }, t)
     ) }) : null
   ] }) });
 }
@@ -3216,73 +3238,131 @@ function EventCalendar({
     )
   ] });
 }
-function Footer({
-  social,
-  year = (/* @__PURE__ */ new Date()).getFullYear(),
-  children,
-  brand: brand2,
-  className,
-  ...props
+function SocialRow({ social }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-wrap items-center gap-[18px]", children: social.map((socialLink) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      href: socialLink.href,
+      "aria-label": socialLink.label,
+      className: cn(
+        "text-text-muted hover:text-accent transition-standard block cursor-pointer text-[19px]",
+        "rounded-chip focus-ring"
+      ),
+      children: socialLink.icon
+    }
+  ) }, socialLink.href)) });
+}
+function Signature({
+  year,
+  href,
+  domain: domainName = naming.domain,
+  className
 }) {
-  const signature = /* @__PURE__ */ jsxRuntime.jsxs(Text, { variant: "meta", tone: "muted", as: "p", className: "ml-auto shrink-0", children: [
+  const domain = href ? /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      href,
+      className: "text-accent hover:text-text-primary transition-standard rounded-chip focus-ring cursor-pointer",
+      children: domainName
+    }
+  ) : domainName;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Text, { variant: "meta", tone: "muted", as: "p", className: cn("shrink-0", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": "true", className: "text-accent", children: [
       "$",
       " "
     ] }),
     "cd ~/",
-    naming.domain,
+    domain,
     "/",
     year,
     /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
         "aria-hidden": "true",
-        className: "bg-accent motion-safe:caret ml-[0.2em] inline-block h-[1em] w-[0.5em] translate-y-[0.15em]"
+        className: "bg-accent motion-safe:pulse-accent rounded-pill ml-1 inline-block h-[1em] w-[2px] align-middle"
       }
     )
   ] });
-  const rows = [
-    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 of separation, from the document. It is not a `spacing` step: it is
-      // the rhythm of a row of icons, not that of a page.
-      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center gap-[18px]", children: social.map((socialLink) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+}
+function Shell({
+  className,
+  contentClassName,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: cn("border-hairline w-full border-t", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn("max-w-wide px-step-md py-step-xl mx-auto flex flex-col", contentClassName),
+      children
+    }
+  ) });
+}
+function Footer({
+  variant,
+  columns,
+  description,
+  action,
+  linkAsChild,
+  social,
+  brand: brand2,
+  year = (/* @__PURE__ */ new Date()).getFullYear(),
+  signatureHref,
+  domain,
+  className,
+  ...rest
+}) {
+  if (variant === "full") {
+    const link = (href, external, content) => {
+      const classes = cn(
+        "font-mono text-meta text-text-secondary hover:text-accent transition-standard cursor-pointer",
+        "rounded-chip focus-ring"
+      );
+      const inner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-text-muted", children: "./" }),
+        content
+      ] });
+      if (linkAsChild) {
+        return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { className: classes, children: linkAsChild({ href, children: inner }) });
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(
         "a",
         {
-          href: socialLink.href,
-          "aria-label": socialLink.label,
-          className: cn(
-            "text-text-muted hover:text-accent transition-standard block cursor-pointer text-[19px]",
-            "rounded-chip focus-ring"
-          ),
-          children: socialLink.icon
+          href,
+          className: classes,
+          ...external ? { target: "_blank", rel: "noopener noreferrer" } : {},
+          children: inner
         }
-      ) }, socialLink.href)) }, "socialLinks")
-    ) : null
+      );
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(Shell, { className, ...rest, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-step-xl flex flex-col md:flex-row md:justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-step-md flex max-w-xs flex-col", children: [
+          brand2,
+          description ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "ui", tone: "secondary", as: "p", children: description }) : null,
+          social && social.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(SocialRow, { social }) : null,
+          action
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "gap-step-lg grid grid-cols-2 sm:grid-cols-3", children: columns.map((column) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-step-sm flex flex-col", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "eyebrow", tone: "muted", as: "h3", children: column.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "gap-step-xs flex flex-col", children: column.links.map((columnLink) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: link(columnLink.href, columnLink.external, columnLink.label) }, columnLink.href)) })
+        ] }, column.title)) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-hairline mt-step-xl pt-step-lg border-t", children: /* @__PURE__ */ jsxRuntime.jsx(Signature, { year, href: signatureHref, domain, className: "text-center sm:text-right" }) })
+    ] });
+  }
+  const rows = [
+    brand2 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: brand2 }, "brand") : null,
+    social && social.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(SocialRow, { social }, "social") : null
   ].filter(Boolean);
-  const [first, ...rest] = rows;
-  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: [
+  const [first, ...others] = rows;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Shell, { className, contentClassName: "gap-step-lg", ...rest, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-step-md flex flex-wrap items-center", children: [
       first ?? null,
-      signature
+      /* @__PURE__ */ jsxRuntime.jsx(Signature, { year, href: signatureHref, domain, className: "ml-auto" })
     ] }),
-    rest
-  ] }) });
-}
-function FooterLink({ asChild = false, className, ...props }) {
-  const Root18 = asChild ? reactSlot.Slot : "a";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Root18,
-    {
-      className: cn(
-        "font-mono text-meta text-text-secondary hover:text-accent transition-standard cursor-pointer",
-        "rounded-chip focus-ring",
-        className
-      ),
-      ...props
-    }
-  );
+    others
+  ] });
 }
 function Hero({
   title,
@@ -3439,7 +3519,7 @@ function NavItem({ active = false, asChild = false, className, children, ...prop
       children: [
         active ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-accent", children: "[" }) : null,
         /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: active ? "text-accent" : "text-text-muted", children: "./" }),
-        children,
+        /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children }),
         active ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-accent", children: "]" }) : null
       ]
     }
@@ -3653,170 +3733,6 @@ function ScrollingProgressBar({
     }
   );
 }
-var Collapsed = react.createContext(false);
-function SidebarItem({
-  active = false,
-  asChild = false,
-  badge: badge2,
-  icon,
-  className,
-  children,
-  ...props
-}) {
-  const Root18 = asChild ? reactSlot.Slot : "a";
-  const collapsed = react.useContext(Collapsed);
-  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
-    Root18,
-    {
-      "aria-current": active ? "page" : void 0,
-      className: cn(
-        "rounded-chip px-step-sm gap-step-xs flex cursor-pointer items-center py-1.5",
-        collapsed && "justify-center",
-        "font-mono text-meta transition-standard",
-        "focus-ring",
-        // The active item is `surfaceRaised` with primary ink, same as
-        // `TabsTrigger`. NOT biolume: `tokens.ts` says so explicitly — light
-        // accent passes over background and over surface, but over
-        // surfaceRaised it measures 4.2 and is not a text color there. The
-        // accent stays on the `▸`, which is decorative and gets the 3:1
-        // threshold.
-        active ? "bg-surface-raised text-text-primary" : "text-text-secondary hover:text-text-primary hover:bg-surface-raised",
-        className
-      ),
-      ...props,
-      children: [
-        icon ? (
-          // A shade bigger than the 13px mono label, which is what keeps it
-          // reading as a glyph rather than as a character in the word.
-          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-body shrink-0", children: icon })
-        ) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: active ? "text-accent" : "text-text-muted", children: "\u25B8" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: collapsed ? "sr-only" : "min-w-0 flex-1 truncate", children }),
-        badge2 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-text-muted", collapsed ? "sr-only" : "shrink-0"), children: badge2 }) : null
-      ]
-    }
-  ) });
-}
-function SidebarGroup({ label, children, className, ...props }) {
-  const id = react.useId();
-  const collapsed = react.useContext(Collapsed);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "li",
-    {
-      className: cn(
-        "mt-step-md first:mt-0",
-        // In a rail the label has nowhere to go, so the block becomes a rule.
-        // The label itself stays in the accessibility tree naming the list.
-        collapsed && "border-hairline pt-step-md mt-step-sm border-t first:border-t-0",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Text,
-          {
-            variant: "meta",
-            tone: "muted",
-            as: "p",
-            id,
-            className: collapsed ? "sr-only" : "px-step-sm pb-step-xs",
-            children: label
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-labelledby": id, className: "gap-0.5 flex flex-col", children })
-      ]
-    }
-  );
-}
-function SidebarNav({
-  title,
-  brand: brand2,
-  mark,
-  user,
-  collapsed = false,
-  onCollapsedChange,
-  collapseLabel = "Plegar el panel",
-  expandLabel = "Desplegar el panel",
-  version,
-  branch,
-  children,
-  className,
-  ...props
-}) {
-  const footer = [version, branch].filter(Boolean);
-  const top = collapsed ? mark : brand2;
-  return /* @__PURE__ */ jsxRuntime.jsx(Collapsed.Provider, { value: collapsed, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "nav",
-    {
-      "aria-label": typeof title === "string" ? title : "Administraci\xF3n",
-      className: cn(
-        "border-hairline bg-surface p-step-sm gap-step-sm flex h-full flex-col border-r",
-        // The width is the component's only when it can collapse: the layout
-        // beside it has to reserve one of the two, and it cannot know which.
-        // It does NOT transition. The system's only transition animates colour
-        // and border, and a rail that slides is the entrance animation this
-        // library does not have — same call as the `Switch` knob, which changes
-        // position without moving.
-        onCollapsedChange && (collapsed ? "w-sidebar-rail" : "w-sidebar"),
-        className
-      ),
-      ...props,
-      children: [
-        top || onCollapsedChange ? /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: cn(
-              "border-hairline px-step-sm pb-step-sm mb-step-xs gap-step-xs flex items-center border-b",
-              collapsed ? "justify-center" : "justify-between"
-            ),
-            children: [
-              top ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0", children: top }) : null,
-              onCollapsedChange ? /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => onCollapsedChange(!collapsed),
-                  "aria-expanded": !collapsed,
-                  "aria-label": collapsed ? expandLabel : collapseLabel,
-                  className: cn(
-                    "rounded-chip transition-standard shrink-0 cursor-pointer p-1",
-                    "text-text-muted hover:text-text-primary hover:bg-surface-raised",
-                    "focus-ring"
-                  ),
-                  children: collapsed ? /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, {}) : /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft, {})
-                }
-              ) : null
-            ]
-          }
-        ) : null,
-        title && !collapsed ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "eyebrow", tone: "muted", as: "p", className: "px-step-sm", children: title }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "gap-0.5 flex flex-1 flex-col", children }),
-        user ? /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: cn(
-              "border-hairline px-step-sm pt-step-sm border-t",
-              collapsed && "flex justify-center"
-            ),
-            children: user
-          }
-        ) : null,
-        footer.length > 0 && !collapsed ? /* @__PURE__ */ jsxRuntime.jsx(
-          Text,
-          {
-            variant: "meta",
-            tone: "muted",
-            as: "p",
-            className: cn("px-step-sm", user ? "" : "border-hairline pt-step-sm border-t"),
-            children: footer.map((p, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-              i > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: " \xB7 " }) : null,
-              p
-            ] }, i))
-          }
-        ) : null
-      ]
-    }
-  ) });
-}
 var DELTA = {
   up: { glyph: ChevronUp, label: "sube" },
   down: { glyph: ChevronDown, label: "baja" },
@@ -4060,61 +3976,149 @@ __export(social_exports, {
   LinkedIn: () => LinkedIn,
   Newsletter: () => Newsletter,
   Rss: () => Rss,
+  Website: () => Website,
   X: () => X,
   YouTube: () => YouTube
 });
-function Brand({ children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
+
+// src/social/data.ts
+var SOCIAL_STROKE_WIDTH = 1.6;
+var SOCIAL_VIEW_BOX = "0 0 24 24";
+var gitHubGlyph = {
+  kind: "brand",
+  shapes: [
     {
-      viewBox: "0 0 24 24",
-      width: "1em",
-      height: "1em",
-      fill: "currentColor",
-      "aria-hidden": "true",
-      focusable: "false",
-      ...props,
-      children
+      tag: "path",
+      d: "M12 .5C5.73.5.5 5.73.5 12a11.5 11.5 0 0 0 7.86 10.91c.58.1.79-.25.79-.55 0-.27-.01-1.18-.02-2.14-3.2.7-3.88-1.36-3.88-1.36-.52-1.33-1.28-1.68-1.28-1.68-1.05-.72.08-.7.08-.7 1.16.08 1.77 1.19 1.77 1.19 1.03 1.77 2.7 1.26 3.36.96.1-.75.4-1.26.73-1.55-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.29 1.19-3.09-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.18 1.18a11 11 0 0 1 5.79 0c2.2-1.49 3.17-1.18 3.17-1.18.63 1.59.23 2.76.12 3.05.74.8 1.18 1.83 1.18 3.09 0 4.42-2.69 5.39-5.25 5.68.41.36.78 1.06.78 2.14 0 1.55-.01 2.79-.01 3.17 0 .3.2.66.79.55A11.5 11.5 0 0 0 23.5 12C23.5 5.73 18.27.5 12 .5Z"
+    }
+  ]
+};
+var linkedInGlyph = {
+  kind: "brand",
+  shapes: [
+    {
+      tag: "path",
+      d: "M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5ZM3 9h4v12H3V9Zm7 0h3.8v1.71h.05a4.17 4.17 0 0 1 3.75-2.06c4.01 0 4.75 2.64 4.75 6.07V21h-4v-5.4c0-1.29-.02-2.95-1.8-2.95-1.8 0-2.08 1.4-2.08 2.85V21h-3.97V9Z"
+    }
+  ]
+};
+var xGlyph = {
+  kind: "brand",
+  shapes: [
+    {
+      tag: "path",
+      d: "M17.53 3h3.06l-6.69 7.64L21.75 21h-6.16l-4.83-6.3L5.25 21H2.19l7.15-8.17L2.5 3h6.32l4.36 5.77L17.53 3Zm-1.07 16.17h1.7L7.62 4.74H5.8l10.66 14.43Z"
+    }
+  ]
+};
+var instagramGlyph = {
+  kind: "brand",
+  shapes: [
+    {
+      tag: "path",
+      d: "M12 2.16c3.2 0 3.58.01 4.85.07 1.17.05 1.8.25 2.23.41.56.22.96.48 1.38.9.42.42.68.82.9 1.38.16.42.36 1.06.41 2.23.06 1.27.07 1.65.07 4.85s-.01 3.58-.07 4.85c-.05 1.17-.25 1.8-.41 2.23-.22.56-.48.96-.9 1.38-.42.42-.82.68-1.38.9-.42.16-1.06.36-2.23.41-1.27.06-1.65.07-4.85.07s-3.58-.01-4.85-.07c-1.17-.05-1.8-.25-2.23-.41-.56-.22-.96-.48-1.38-.9-.42-.42-.68-.82-.9-1.38-.16-.42-.36-1.06-.41-2.23C2.17 15.58 2.16 15.2 2.16 12s.01-3.58.07-4.85c.05-1.17.25-1.8.41-2.23.22-.56.48-.96.9-1.38.42-.42.82-.68 1.38-.9.42-.16 1.06-.36 2.23-.41C8.42 2.17 8.8 2.16 12 2.16Zm0 3.68a6.16 6.16 0 1 0 0 12.32 6.16 6.16 0 0 0 0-12.32Zm0 10.16a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm7.85-10.4a1.44 1.44 0 1 1-2.88 0 1.44 1.44 0 0 1 2.88 0Z"
     }
+  ]
+};
+var discordGlyph = {
+  kind: "brand",
+  shapes: [
+    {
+      tag: "path",
+      d: "M20.32 5.56A18.5 18.5 0 0 0 15.7 4.1a.07.07 0 0 0-.07.04c-.2.36-.42.82-.58 1.19a17 17 0 0 0-5.1 0c-.16-.38-.39-.83-.59-1.19a.07.07 0 0 0-.07-.04c-1.6.28-3.15.77-4.62 1.46a.06.06 0 0 0-.03.03C1.66 10 .9 14.28 1.28 18.5a.08.08 0 0 0 .03.05 18.6 18.6 0 0 0 5.6 2.84.07.07 0 0 0 .08-.03c.43-.59.81-1.21 1.14-1.86a.07.07 0 0 0-.04-.1c-.6-.23-1.18-.51-1.74-.83a.07.07 0 0 1-.01-.12l.35-.27a.07.07 0 0 1 .07-.01 13.3 13.3 0 0 0 11.3 0 .07.07 0 0 1 .08.01l.34.27c.04.04.04.1-.01.12-.55.33-1.13.6-1.74.83a.07.07 0 0 0-.04.1c.34.65.72 1.27 1.14 1.86a.07.07 0 0 0 .08.03 18.5 18.5 0 0 0 5.6-2.84.07.07 0 0 0 .04-.05c.45-4.88-.75-9.12-3.18-12.88a.06.06 0 0 0-.03-.03ZM8.4 15.93c-1.1 0-2.01-1.01-2.01-2.25 0-1.24.89-2.25 2.01-2.25 1.13 0 2.03 1.02 2.02 2.25 0 1.24-.9 2.25-2.02 2.25Zm7.22 0c-1.1 0-2.01-1.01-2.01-2.25 0-1.24.89-2.25 2.01-2.25 1.13 0 2.03 1.02 2.02 2.25 0 1.24-.89 2.25-2.02 2.25Z"
+    }
+  ]
+};
+var youTubeGlyph = {
+  kind: "brand",
+  shapes: [
+    {
+      tag: "path",
+      d: "M23.5 6.9a3 3 0 0 0-2.12-2.12C19.5 4.27 12 4.27 12 4.27s-7.5 0-9.38.51A3 3 0 0 0 .5 6.9 31.3 31.3 0 0 0 0 12a31.3 31.3 0 0 0 .5 5.1 3 3 0 0 0 2.12 2.12c1.88.51 9.38.51 9.38.51s7.5 0 9.38-.51a3 3 0 0 0 2.12-2.12A31.3 31.3 0 0 0 24 12a31.3 31.3 0 0 0-.5-5.1ZM9.6 15.6V8.4l6.24 3.6-6.24 3.6Z"
+    }
+  ]
+};
+var rssGlyph = {
+  kind: "functional",
+  shapes: [
+    { tag: "path", d: "M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16" },
+    { tag: "circle", cx: 5, cy: 19, r: 1.6, solid: true }
+  ]
+};
+var emailGlyph = {
+  kind: "functional",
+  shapes: [
+    { tag: "rect", x: 2.75, y: 4.75, width: 18.5, height: 14.5, rx: 2 },
+    { tag: "path", d: "m3.5 7.5 7.4 5.2a2 2 0 0 0 2.2 0l7.4-5.2" }
+  ]
+};
+var newsletterGlyph = {
+  kind: "functional",
+  shapes: [
+    { tag: "path", d: "M18 8.5a6 6 0 1 0-12 0c0 5-2 6.5-2 6.5h16s-2-1.5-2-6.5" },
+    { tag: "path", d: "M13.7 19a2 2 0 0 1-3.4 0" }
+  ]
+};
+var websiteGlyph = {
+  kind: "functional",
+  shapes: [
+    { tag: "circle", cx: 12, cy: 12, r: 9.25 },
+    { tag: "path", d: "M2.75 12h18.5" },
+    { tag: "path", d: "M12 2.75a14 14 0 0 1 0 18.5a14 14 0 0 1 0-18.5" }
+  ]
+};
+var SOLID = { fill: "currentColor", stroke: "none" };
+function drawShape(shape, index) {
+  if (shape.tag === "path") {
+    return /* @__PURE__ */ jsxRuntime.jsx("path", { d: shape.d, ...shape.solid ? SOLID : {} }, index);
+  }
+  if (shape.tag === "circle") {
+    return /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: shape.cx, cy: shape.cy, r: shape.r, ...shape.solid ? SOLID : {} }, index);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "rect",
+    {
+      x: shape.x,
+      y: shape.y,
+      width: shape.width,
+      height: shape.height,
+      rx: shape.rx
+    },
+    index
   );
 }
-function Functional({ children, ...props }) {
+function Glyph2({ glyph, ...props }) {
+  const brand2 = glyph.kind === "brand";
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
-      viewBox: "0 0 24 24",
+      viewBox: SOCIAL_VIEW_BOX,
       width: "1em",
       height: "1em",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 1.6,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
+      fill: brand2 ? "currentColor" : "none",
+      ...brand2 ? {} : {
+        stroke: "currentColor",
+        strokeWidth: SOCIAL_STROKE_WIDTH,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      },
       "aria-hidden": "true",
       focusable: "false",
       ...props,
-      children
+      children: glyph.shapes.map(drawShape)
     }
   );
 }
-var GitHub = (props) => /* @__PURE__ */ jsxRuntime.jsx(Brand, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 .5C5.73.5.5 5.73.5 12a11.5 11.5 0 0 0 7.86 10.91c.58.1.79-.25.79-.55 0-.27-.01-1.18-.02-2.14-3.2.7-3.88-1.36-3.88-1.36-.52-1.33-1.28-1.68-1.28-1.68-1.05-.72.08-.7.08-.7 1.16.08 1.77 1.19 1.77 1.19 1.03 1.77 2.7 1.26 3.36.96.1-.75.4-1.26.73-1.55-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.29 1.19-3.09-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.18 1.18a11 11 0 0 1 5.79 0c2.2-1.49 3.17-1.18 3.17-1.18.63 1.59.23 2.76.12 3.05.74.8 1.18 1.83 1.18 3.09 0 4.42-2.69 5.39-5.25 5.68.41.36.78 1.06.78 2.14 0 1.55-.01 2.79-.01 3.17 0 .3.2.66.79.55A11.5 11.5 0 0 0 23.5 12C23.5 5.73 18.27.5 12 .5Z" }) });
-var LinkedIn = (props) => /* @__PURE__ */ jsxRuntime.jsx(Brand, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5ZM3 9h4v12H3V9Zm7 0h3.8v1.71h.05a4.17 4.17 0 0 1 3.75-2.06c4.01 0 4.75 2.64 4.75 6.07V21h-4v-5.4c0-1.29-.02-2.95-1.8-2.95-1.8 0-2.08 1.4-2.08 2.85V21h-3.97V9Z" }) });
-var X = (props) => /* @__PURE__ */ jsxRuntime.jsx(Brand, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.53 3h3.06l-6.69 7.64L21.75 21h-6.16l-4.83-6.3L5.25 21H2.19l7.15-8.17L2.5 3h6.32l4.36 5.77L17.53 3Zm-1.07 16.17h1.7L7.62 4.74H5.8l10.66 14.43Z" }) });
-var Instagram = (props) => /* @__PURE__ */ jsxRuntime.jsx(Brand, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2.16c3.2 0 3.58.01 4.85.07 1.17.05 1.8.25 2.23.41.56.22.96.48 1.38.9.42.42.68.82.9 1.38.16.42.36 1.06.41 2.23.06 1.27.07 1.65.07 4.85s-.01 3.58-.07 4.85c-.05 1.17-.25 1.8-.41 2.23-.22.56-.48.96-.9 1.38-.42.42-.82.68-1.38.9-.42.16-1.06.36-2.23.41-1.27.06-1.65.07-4.85.07s-3.58-.01-4.85-.07c-1.17-.05-1.8-.25-2.23-.41-.56-.22-.96-.48-1.38-.9-.42-.42-.68-.82-.9-1.38-.16-.42-.36-1.06-.41-2.23C2.17 15.58 2.16 15.2 2.16 12s.01-3.58.07-4.85c.05-1.17.25-1.8.41-2.23.22-.56.48-.96.9-1.38.42-.42.82-.68 1.38-.9.42-.16 1.06-.36 2.23-.41C8.42 2.17 8.8 2.16 12 2.16Zm0 3.68a6.16 6.16 0 1 0 0 12.32 6.16 6.16 0 0 0 0-12.32Zm0 10.16a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm7.85-10.4a1.44 1.44 0 1 1-2.88 0 1.44 1.44 0 0 1 2.88 0Z" }) });
-var Discord = (props) => /* @__PURE__ */ jsxRuntime.jsx(Brand, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20.32 5.56A18.5 18.5 0 0 0 15.7 4.1a.07.07 0 0 0-.07.04c-.2.36-.42.82-.58 1.19a17 17 0 0 0-5.1 0c-.16-.38-.39-.83-.59-1.19a.07.07 0 0 0-.07-.04c-1.6.28-3.15.77-4.62 1.46a.06.06 0 0 0-.03.03C1.66 10 .9 14.28 1.28 18.5a.08.08 0 0 0 .03.05 18.6 18.6 0 0 0 5.6 2.84.07.07 0 0 0 .08-.03c.43-.59.81-1.21 1.14-1.86a.07.07 0 0 0-.04-.1c-.6-.23-1.18-.51-1.74-.83a.07.07 0 0 1-.01-.12l.35-.27a.07.07 0 0 1 .07-.01 13.3 13.3 0 0 0 11.3 0 .07.07 0 0 1 .08.01l.34.27c.04.04.04.1-.01.12-.55.33-1.13.6-1.74.83a.07.07 0 0 0-.04.1c.34.65.72 1.27 1.14 1.86a.07.07 0 0 0 .08.03 18.5 18.5 0 0 0 5.6-2.84.07.07 0 0 0 .04-.05c.45-4.88-.75-9.12-3.18-12.88a.06.06 0 0 0-.03-.03ZM8.4 15.93c-1.1 0-2.01-1.01-2.01-2.25 0-1.24.89-2.25 2.01-2.25 1.13 0 2.03 1.02 2.02 2.25 0 1.24-.9 2.25-2.02 2.25Zm7.22 0c-1.1 0-2.01-1.01-2.01-2.25 0-1.24.89-2.25 2.01-2.25 1.13 0 2.03 1.02 2.02 2.25 0 1.24-.89 2.25-2.02 2.25Z" }) });
-var YouTube = (props) => /* @__PURE__ */ jsxRuntime.jsx(Brand, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M23.5 6.9a3 3 0 0 0-2.12-2.12C19.5 4.27 12 4.27 12 4.27s-7.5 0-9.38.51A3 3 0 0 0 .5 6.9 31.3 31.3 0 0 0 0 12a31.3 31.3 0 0 0 .5 5.1 3 3 0 0 0 2.12 2.12c1.88.51 9.38.51 9.38.51s7.5 0 9.38-.51a3 3 0 0 0 2.12-2.12A31.3 31.3 0 0 0 24 12a31.3 31.3 0 0 0-.5-5.1ZM9.6 15.6V8.4l6.24 3.6-6.24 3.6Z" }) });
-var Rss = (props) => /* @__PURE__ */ jsxRuntime.jsxs(Functional, { ...props, children: [
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16" }),
-  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "5", cy: "19", r: "1.6", fill: "currentColor", stroke: "none" })
-] });
-var Email = (props) => /* @__PURE__ */ jsxRuntime.jsxs(Functional, { ...props, children: [
-  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2.75", y: "4.75", width: "18.5", height: "14.5", rx: "2" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m3.5 7.5 7.4 5.2a2 2 0 0 0 2.2 0l7.4-5.2" })
-] });
-var Newsletter = (props) => /* @__PURE__ */ jsxRuntime.jsxs(Functional, { ...props, children: [
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 8.5a6 6 0 1 0-12 0c0 5-2 6.5-2 6.5h16s-2-1.5-2-6.5" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13.7 19a2 2 0 0 1-3.4 0" })
-] });
+var GitHub = (props) => /* @__PURE__ */ jsxRuntime.jsx(Glyph2, { glyph: gitHubGlyph, ...props });
+var LinkedIn = (props) => /* @__PURE__ */ jsxRuntime.jsx(Glyph2, { glyph: linkedInGlyph, ...props });
+var X = (props) => /* @__PURE__ */ jsxRuntime.jsx(Glyph2, { glyph: xGlyph, ...props });
+var Instagram = (props) => /* @__PURE__ */ jsxRuntime.jsx(Glyph2, { glyph: instagramGlyph, ...props });
+var Discord = (props) => /* @__PURE__ */ jsxRuntime.jsx(Glyph2, { glyph: discordGlyph, ...props });
+var YouTube = (props) => /* @__PURE__ */ jsxRuntime.jsx(Glyph2, { glyph: youTubeGlyph, ...props });
+var Rss = (props) => /* @__PURE__ */ jsxRuntime.jsx(Glyph2, { glyph: rssGlyph, ...props });
+var Email = (props) => /* @__PURE__ */ jsxRuntime.jsx(Glyph2, { glyph: emailGlyph, ...props });
+var Newsletter = (props) => /* @__PURE__ */ jsxRuntime.jsx(Glyph2, { glyph: newsletterGlyph, ...props });
+var Website = (props) => /* @__PURE__ */ jsxRuntime.jsx(Glyph2, { glyph: websiteGlyph, ...props });
 
 exports.ASSETS_PATH = ASSETS_PATH;
 exports.Accordion = Accordion;
@@ -4184,7 +4188,6 @@ exports.DropdownMenuTrigger = DropdownMenuTrigger;
 exports.EmptyState = EmptyState;
 exports.EventCalendar = EventCalendar;
 exports.Footer = Footer;
-exports.FooterLink = FooterLink;
 exports.Hero = Hero;
 exports.Input = Input;
 exports.Isotype = Isotype;
@@ -4231,9 +4234,6 @@ exports.SheetFooter = SheetFooter;
 exports.SheetHeader = SheetHeader;
 exports.SheetTitle = SheetTitle;
 exports.SheetTrigger = SheetTrigger;
-exports.SidebarGroup = SidebarGroup;
-exports.SidebarItem = SidebarItem;
-exports.SidebarNav = SidebarNav;
 exports.Skeleton = Skeleton;
 exports.Stat = Stat;
 exports.Switch = Switch;