@eduardoalvarez/arrecife 0.6.0 → 0.8.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
 };
@@ -283,6 +283,30 @@ var spacing = {
 var size = {
   /** Navigation bar height. */
   nav: 64,
+  /**
+   * The bar when it shares the screen with a sidebar.
+   *
+   * It is not «a smaller bar because it looks better». At 64 the header of an
+   * app shell competes with the rail beside it for the same corner, and the two
+   * 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.
+   */
+  navCompact: 56,
+  /**
+   * The admin sidebar, and the rail it collapses to.
+   *
+   * They are tokens and not the consumer's `w-*` because a collapsible sidebar
+   * has to know BOTH: the layout beside it reserves one of the two, and two
+   * numbers written by hand in two files drift the first time one of them moves.
+   * A sidebar that never collapses is still just a box the layout sizes.
+   *
+   * 56 is the rail: `navCompact`'s height, so a panel's bar and its rail meet in
+   * a square corner instead of a step.
+   */
+  sidebar: 256,
+  sidebarRail: 56,
   /** Reading column width. */
   content: 760,
   /** Maximum page width. */
@@ -315,9 +339,9 @@ var gradient = {
     og: `linear-gradient(145deg, ${dark.background} 55%, ${deep} 100%)`
   },
   light: {
-    hero: `linear-gradient(160deg, ${light.background} 60%, ${light.surfaceRaised} 100%)`,
-    section: `linear-gradient(150deg, ${light.surface} 0%, ${light.surfaceRaised} 100%)`,
-    og: `linear-gradient(145deg, ${light.background} 55%, ${light.surfaceRaised} 100%)`
+    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%)`
   }
 };
 var shadow = {
@@ -452,7 +476,7 @@ var button = classVarianceAuthority.cva(
     "inline-flex cursor-pointer items-center justify-center gap-step-xs whitespace-nowrap select-none",
     "rounded-control font-sans font-medium",
     "transition-standard",
-    "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+    "focus-ring",
     "disabled:pointer-events-none disabled:opacity-50",
     "[&_svg]:shrink-0"
   ],
@@ -463,7 +487,10 @@ var button = classVarianceAuthority.cva(
           "bg-accent text-accent-on hover:bg-accent-hover",
           "light:bg-brand-hull light:text-accent-on light:hover:bg-text-secondary"
         ],
-        conversion: "bg-warm text-warm-on hover:bg-warm-hover",
+        // 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.
+        conversion: "bg-warm text-warm-on hover:bg-warm-hover focus-ring-warm",
         secondary: [
           "border-hairline-hover border bg-transparent text-text-primary",
           "hover:border-accent hover:text-accent"
@@ -621,7 +648,7 @@ var CARD = [
   "group block cursor-pointer",
   CARD_SURFACE,
   CARD_HOVER,
-  "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
+  "focus-ring"
 ];
 var kebab = (name) => name.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
 var scales = Object.keys(typeScale);
@@ -786,7 +813,7 @@ function AccordionTrigger({
         "font-sans text-lead font-medium text-text-primary",
         "transition-standard",
         "hover:text-accent",
-        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "focus-ring",
         "disabled:pointer-events-none disabled:opacity-50",
         "[&[data-state=open]>svg]:rotate-180",
         className
@@ -1022,7 +1049,7 @@ function AvatarUpload({
           "transition-standard hover:text-accent hover:border-accent",
           // Focus lives on the input, which is hidden: without this, tabbing to
           // the control shows up nowhere.
-          "has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-accent",
+          "has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-3 has-[:focus-visible]:outline-accent",
           disabled && "pointer-events-none opacity-50"
         ),
         children: [
@@ -1111,14 +1138,14 @@ function Calendar({
     "rounded-chip inline-flex items-center justify-center",
     "transition-standard cursor-pointer",
     "hover:bg-surface-raised",
-    "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+    "focus-ring",
     "disabled:pointer-events-none disabled:opacity-50"
   ].join(" ");
   const navigation = [
     "size-8 rounded-chip inline-flex items-center justify-center",
     "text-text-secondary transition-standard cursor-pointer",
     "hover:bg-surface-raised hover:text-text-primary",
-    "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+    "focus-ring",
     "disabled:pointer-events-none disabled:opacity-50"
   ].join(" ");
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1237,7 +1264,7 @@ function Checkbox({ className, ...props }) {
         "rounded-chip border-border bg-surface size-5 shrink-0 cursor-pointer border",
         "text-accent-on transition-standard",
         "hover:border-hairline-hover",
-        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "focus-ring",
         "disabled:pointer-events-none disabled:opacity-50",
         "data-[state=checked]:border-accent data-[state=checked]:bg-accent",
         "data-[state=indeterminate]:border-accent data-[state=indeterminate]:bg-accent",
@@ -1280,7 +1307,7 @@ function DateField({
         "font-mono text-ui text-text-primary",
         "transition-standard",
         "hover:border-hairline-hover",
-        "focus-visible:border-accent focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "focus-visible:border-accent focus-ring",
         "disabled:pointer-events-none disabled:opacity-50",
         "data-[invalid]:border-error data-[invalid]:focus-visible:outline-error",
         // The native indicator inherits the active theme's scheme.
@@ -1334,7 +1361,7 @@ function DialogContent({
                 "rounded-chip text-text-muted absolute top-4 right-4 flex size-8 cursor-pointer items-center justify-center",
                 "transition-standard",
                 "hover:bg-surface-raised hover:text-text-primary",
-                "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
+                "focus-ring"
               ),
               children: /* @__PURE__ */ jsxRuntime.jsx(Close, {})
             }
@@ -1483,7 +1510,7 @@ function Input({ className, invalid = false, ...props }) {
         "font-sans text-ui text-text-primary placeholder:text-text-muted",
         "transition-standard",
         "hover:border-hairline-hover",
-        "focus-visible:border-accent focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "focus-visible:border-accent focus-ring",
         "disabled:pointer-events-none disabled:opacity-50",
         "data-[invalid]:border-error data-[invalid]:focus-visible:outline-error",
         "file:mr-step-sm file:border-0 file:bg-transparent file:font-sans file:text-label file:text-text-secondary",
@@ -1533,7 +1560,7 @@ function PaginationLink({ className, isActive = false, ...props }) {
         "font-sans text-ui text-text-secondary",
         "transition-standard",
         "hover:bg-surface hover:text-text-primary",
-        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "focus-ring",
         isActive && "bg-surface-raised text-text-primary",
         className
       ),
@@ -1548,7 +1575,7 @@ function PaginationPrevious({ className, ...props }) {
   ] });
 }
 function PaginationNext({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(PaginationLink, { "aria-label": "P\xE1gina next", className: cn("gap-step-xs", className), ...props, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(PaginationLink, { "aria-label": "P\xE1gina siguiente", className: cn("gap-step-xs", className), ...props, children: [
     "Siguiente",
     /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, {})
   ] });
@@ -1618,7 +1645,7 @@ function RadioGroupItem({ className, ...props }) {
         "rounded-pill border-border bg-surface size-5 shrink-0 cursor-pointer border",
         "transition-standard",
         "hover:border-hairline-hover",
-        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "focus-ring",
         "disabled:pointer-events-none disabled:opacity-50",
         "data-[state=checked]:border-accent",
         className
@@ -1645,7 +1672,7 @@ function SelectTrigger({
         "font-sans text-ui text-text-primary",
         "transition-standard",
         "hover:border-hairline-hover",
-        "focus-visible:border-accent focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "focus-visible:border-accent focus-ring",
         "disabled:pointer-events-none disabled:opacity-50",
         "data-[placeholder]:text-text-muted",
         className
@@ -1795,7 +1822,7 @@ function SheetContent({ className, side, children, ...props }) {
             "rounded-chip text-text-muted absolute top-4 right-4 flex size-8 cursor-pointer items-center justify-center",
             "transition-standard",
             "hover:bg-surface-raised hover:text-text-primary",
-            "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
+            "focus-ring"
           ),
           children: /* @__PURE__ */ jsxRuntime.jsx(Close, {})
         }
@@ -1870,7 +1897,7 @@ function Switch({ className, ...props }) {
         "rounded-pill border-border bg-surface-raised inline-flex h-6 w-11 shrink-0 cursor-pointer items-center border",
         "transition-standard",
         "hover:border-hairline-hover",
-        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "focus-ring",
         "disabled:pointer-events-none disabled:opacity-50",
         "data-[state=checked]:border-accent data-[state=checked]:bg-accent",
         className
@@ -1889,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),
@@ -1942,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 });
@@ -1971,7 +2004,7 @@ function TabsTrigger({
         "font-sans text-label text-text-secondary",
         "transition-standard",
         "hover:text-text-primary",
-        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "focus-ring",
         "disabled:pointer-events-none disabled:opacity-50",
         "data-[state=active]:bg-surface-raised data-[state=active]:text-text-primary",
         className
@@ -1988,7 +2021,7 @@ function TabsContent({
     TabsPrimitive__namespace.Content,
     {
       className: cn(
-        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "focus-ring",
         className
       ),
       ...props
@@ -2007,7 +2040,7 @@ function Textarea({ className, invalid = false, ...props }) {
         "font-sans text-ui text-text-primary placeholder:text-text-muted",
         "transition-standard",
         "hover:border-hairline-hover",
-        "focus-visible:border-accent focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "focus-visible:border-accent focus-ring",
         "disabled:pointer-events-none disabled:opacity-50",
         "data-[invalid]:border-error data-[invalid]:focus-visible:outline-error",
         className
@@ -2062,7 +2095,7 @@ function Toast({ className, variant, children, ...props }) {
           "rounded-chip text-text-muted absolute top-3 right-3 flex size-7 cursor-pointer items-center justify-center",
           "transition-standard",
           "hover:bg-surface-raised hover:text-text-primary",
-          "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
+          "focus-ring"
         ),
         children: /* @__PURE__ */ jsxRuntime.jsx(Close, {})
       }
@@ -2202,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,
       {
@@ -2217,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
   ] }) });
 }
@@ -2304,21 +2353,21 @@ function ProgressBar({
     }
   );
 }
-var CONTROL = "rounded-chip transition-standard cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent";
+var CONTROL = "rounded-chip transition-standard cursor-pointer focus-ring";
 function SkipButton({
-  segundos,
+  seconds,
   className,
   size: size2,
-  onSaltar
+  onSkip
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
       type: "button",
-      onClick: () => onSaltar(segundos),
+      onClick: () => onSkip(seconds),
       className: cn("text-text-muted hover:text-text-primary", CONTROL, className),
-      "aria-label": segundos < 0 ? "Retroceder 15 segundos" : "Adelantar 15 segundos",
-      children: segundos < 0 ? /* @__PURE__ */ jsxRuntime.jsx(GoBackSeconds, { className: size2 }) : /* @__PURE__ */ jsxRuntime.jsx(AdvanceSeconds, { className: size2 })
+      "aria-label": seconds < 0 ? "Retroceder 15 segundos" : "Adelantar 15 segundos",
+      children: seconds < 0 ? /* @__PURE__ */ jsxRuntime.jsx(GoBackSeconds, { className: size2 }) : /* @__PURE__ */ jsxRuntime.jsx(AdvanceSeconds, { className: size2 })
     }
   );
 }
@@ -2350,8 +2399,8 @@ function SpeedButton({
 function Volume({
   size: size2,
   width,
-  silenciado,
-  volumen,
+  muted,
+  volume,
   onMute,
   onVolumeChange
 }) {
@@ -2362,8 +2411,8 @@ function Volume({
         type: "button",
         onClick: onMute,
         className: cn("text-text-muted hover:text-text-primary p-1", CONTROL),
-        "aria-label": silenciado ? "Activar sonido" : "Silenciar",
-        children: silenciado || volumen === 0 ? /* @__PURE__ */ jsxRuntime.jsx(VolumeMuted, { className: size2 }) : /* @__PURE__ */ jsxRuntime.jsx(VolumeOn, { className: size2 })
+        "aria-label": muted ? "Activar sonido" : "Silenciar",
+        children: muted || volume === 0 ? /* @__PURE__ */ jsxRuntime.jsx(VolumeMuted, { className: size2 }) : /* @__PURE__ */ jsxRuntime.jsx(VolumeOn, { className: size2 })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -2373,20 +2422,20 @@ function Volume({
         min: "0",
         max: "1",
         step: "0.1",
-        value: silenciado ? 0 : volumen,
+        value: muted ? 0 : volume,
         onChange: onVolumeChange,
         className: cn(
           "bg-surface-raised rounded-pill h-1 cursor-pointer appearance-none",
           "[accent-color:var(--color-accent)]",
           width
         ),
-        "aria-label": "Volume"
+        "aria-label": "Volumen"
       }
     )
   ] });
 }
-function PlayIcon({ className, cargando, error, playing }) {
-  if (cargando) return /* @__PURE__ */ jsxRuntime.jsx(Spinner, { className: cn("motion-safe:animate-spin", className) });
+function PlayIcon({ className, loading, error, playing }) {
+  if (loading) return /* @__PURE__ */ jsxRuntime.jsx(Spinner, { className: cn("motion-safe:animate-spin", className) });
   if (error) return /* @__PURE__ */ jsxRuntime.jsx(Retry, { className });
   if (playing) return /* @__PURE__ */ jsxRuntime.jsx(Pause, { className });
   return /* @__PURE__ */ jsxRuntime.jsx(Play, { className });
@@ -2406,7 +2455,7 @@ function PlayButton({
       onClick: onToggle,
       className: cn(
         "text-accent-on transition-standard cursor-pointer",
-        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "focus-ring",
         state.error ? "bg-error hover:bg-error/80" : "bg-accent hover:bg-accent-hover",
         className
       ),
@@ -2575,7 +2624,7 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
   );
   const progress = duration > 0 ? currentTime / duration * 100 : 0;
   const playLabel = hasError ? "Reintentar" : isPlaying ? "Pausar" : "Reproducir";
-  const playState = { cargando: isLoading, error: hasError, playing: isPlaying };
+  const playState = { loading: isLoading, error: hasError, playing: isPlaying };
   const pointer = {
     onPointerDown: handlePointerDown,
     onPointerMove: handlePointerMove,
@@ -2616,7 +2665,7 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SkipButton, { segundos: -15, className: "p-1.5", size: "w-5 h-5", onSaltar: skip }),
+            /* @__PURE__ */ jsxRuntime.jsx(SkipButton, { seconds: -15, className: "p-1.5", size: "w-5 h-5", onSkip: skip }),
             /* @__PURE__ */ jsxRuntime.jsx(
               PlayButton,
               {
@@ -2627,7 +2676,7 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
                 ...playState
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(SkipButton, { segundos: 15, className: "p-1.5", size: "w-5 h-5", onSaltar: skip }),
+            /* @__PURE__ */ jsxRuntime.jsx(SkipButton, { seconds: 15, className: "p-1.5", size: "w-5 h-5", onSkip: skip }),
             /* @__PURE__ */ jsxRuntime.jsx(
               SpeedButton,
               {
@@ -2656,7 +2705,7 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-step-md", children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { height: "h-1.5", knob: 14, progress, ...pointer }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-step-sm flex items-center", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(SkipButton, { segundos: -15, className: "p-2", size: "w-6 h-6", onSaltar: skip }),
+          /* @__PURE__ */ jsxRuntime.jsx(SkipButton, { seconds: -15, className: "p-2", size: "w-6 h-6", onSkip: skip }),
           /* @__PURE__ */ jsxRuntime.jsx(
             PlayButton,
             {
@@ -2668,7 +2717,7 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
               ...playState
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(SkipButton, { segundos: 15, className: "p-2", size: "w-6 h-6", onSaltar: skip }),
+          /* @__PURE__ */ jsxRuntime.jsx(SkipButton, { seconds: 15, className: "p-2", size: "w-6 h-6", onSkip: skip }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-step-sm ml-auto flex items-center", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               SpeedButton,
@@ -2683,8 +2732,8 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
               {
                 size: "w-4 h-4",
                 width: "w-16",
-                silenciado: isMuted,
-                volumen: volume,
+                muted: isMuted,
+                volume,
                 onMute: toggleMute,
                 onVolumeChange: handleVolumeChange
               }
@@ -2706,7 +2755,7 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SkipButton, { segundos: -15, className: "p-1.5", size: "w-5 h-5", onSaltar: skip }),
+            /* @__PURE__ */ jsxRuntime.jsx(SkipButton, { seconds: -15, className: "p-1.5", size: "w-5 h-5", onSkip: skip }),
             /* @__PURE__ */ jsxRuntime.jsx(
               PlayButton,
               {
@@ -2717,7 +2766,7 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
                 ...playState
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(SkipButton, { segundos: 15, className: "p-1.5", size: "w-5 h-5", onSaltar: skip })
+            /* @__PURE__ */ jsxRuntime.jsx(SkipButton, { seconds: 15, className: "p-1.5", size: "w-5 h-5", onSkip: skip })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             SpeedButton,
@@ -2742,7 +2791,7 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-step-xs flex items-center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(SkipButton, { segundos: -15, className: "p-2", size: "w-5 h-5", onSaltar: skip }),
+        /* @__PURE__ */ jsxRuntime.jsx(SkipButton, { seconds: -15, className: "p-2", size: "w-5 h-5", onSkip: skip }),
         /* @__PURE__ */ jsxRuntime.jsx(
           PlayButton,
           {
@@ -2753,7 +2802,7 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
             ...playState
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(SkipButton, { segundos: 15, className: "p-2", size: "w-5 h-5", onSaltar: skip })
+        /* @__PURE__ */ jsxRuntime.jsx(SkipButton, { seconds: 15, className: "p-2", size: "w-5 h-5", onSkip: skip })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-step-sm flex items-center", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -2769,8 +2818,8 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
           {
             size: "w-5 h-5",
             width: "w-20",
-            silenciado: isMuted,
-            volumen: volume,
+            muted: isMuted,
+            volume,
             onMute: toggleMute,
             onVolumeChange: handleVolumeChange
           }
@@ -2796,7 +2845,7 @@ function Blockquote({ children, author, source, className, ...props }) {
     }
   );
 }
-var LINK = "transition-standard hover:text-accent focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent rounded-chip cursor-pointer";
+var LINK = "transition-standard hover:text-accent focus-ring rounded-chip cursor-pointer";
 function Breadcrumb({
   items,
   homeHref = "/",
@@ -2857,7 +2906,7 @@ function CodeBlock({ children, language, copyText, className, ...props }) {
                 "gap-step-xs rounded-chip flex items-center px-2 py-1",
                 "text-label font-mono text-text-muted cursor-pointer",
                 "transition-standard hover:bg-surface hover:text-text-primary",
-                "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
+                "focus-ring"
               ),
               children: [
                 copiado ? /* @__PURE__ */ jsxRuntime.jsx(Check, { className: "text-accent" }) : /* @__PURE__ */ jsxRuntime.jsx(Copy, {}),
@@ -2967,20 +3016,32 @@ function MascotFace({
   );
 }
 var FACE = "w-[66px] max-w-none";
-function EmptyState({
-  expression,
-  title,
-  description,
-  action,
-  basePath,
-  className,
-  ...props
-}) {
+function EmptyState(props) {
+  if (props.variant === "inline") {
+    const { variant: variant2, title: title2, description: description2, action: action2, icon, className: className2, ...rest2 } = props;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "py-step-lg px-step-md gap-step-xs flex flex-col items-center text-center",
+          className2
+        ),
+        ...rest2,
+        children: [
+          icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-muted shrink-0", children: icon }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "ui", tone: "muted", as: "p", className: "max-w-measure", children: title2 }),
+          description2 ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "label", tone: "muted", as: "p", className: "max-w-measure font-normal", children: description2 }) : null,
+          action2 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-step-xs", children: action2 }) : null
+        ]
+      }
+    );
+  }
+  const { variant, title, description, action, expression, basePath, className, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       className: cn(CARD_SURFACE, "p-step-lg gap-step-sm flex flex-col items-center text-center", className),
-      ...props,
+      ...rest,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(MascotFace, { expression, className: FACE, basePath }),
         /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "ui", as: "p", className: "font-medium", children: title }),
@@ -3169,7 +3230,7 @@ function EventCalendar({
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-step-sm flex flex-wrap items-center", children: [
               /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", size: "sm", children: editing ? "Guardar" : "A\xF1adir" }),
-              editing ? /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "tertiary", size: "sm", onClick: cancel, children: "./cancel" }) : null
+              editing ? /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "tertiary", size: "sm", onClick: cancel, children: "./cancelar" }) : null
             ] })
           ] }) : null
         ]
@@ -3177,73 +3238,129 @@ 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,
+  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: naming.domain
+    }
+  ) : naming.domain;
+  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,
+  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-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
-          ),
-          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, 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, 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-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
-        className
-      ),
-      ...props
-    }
-  );
+    others
+  ] });
 }
 function Hero({
   title,
@@ -3351,7 +3468,7 @@ function LinkRow({
     }
   );
 }
-function Nav({ brand: brand2, children, actions, className, ...props }) {
+function Nav({ brand: brand2, children, actions, size: size2 = "default", className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "header",
     {
@@ -3364,14 +3481,23 @@ function Nav({ brand: brand2, children, actions, className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-wide px-step-md h-nav gap-step-lg mx-auto flex items-center", children: [
-        brand2 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: brand2 }) : null,
-        children ? /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Principal", className: "ml-auto min-w-0", children: /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "gap-step-md flex items-center", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-text-muted font-mono text-meta select-none", children: "~/" }),
-          children
-        ] }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
-        actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "gap-step-sm flex shrink-0 items-center", children: actions }) : null
-      ] })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "max-w-wide px-step-md gap-step-lg mx-auto flex items-center",
+            size2 === "compact" ? "h-nav-compact" : "h-nav"
+          ),
+          children: [
+            brand2 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: brand2 }) : null,
+            children ? /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Principal", className: "ml-auto min-w-0", children: /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "gap-step-md flex items-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-text-muted font-mono text-meta select-none", children: "~/" }),
+              children
+            ] }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
+            actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "gap-step-sm flex shrink-0 items-center", children: actions }) : null
+          ]
+        }
+      )
     }
   );
 }
@@ -3383,7 +3509,7 @@ function NavItem({ active = false, asChild = false, className, children, ...prop
       "aria-current": active ? "page" : void 0,
       className: cn(
         "font-mono text-meta transition-standard cursor-pointer",
-        "rounded-chip focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "rounded-chip focus-ring",
         active ? "text-accent underline decoration-1 underline-offset-4" : "text-text-secondary hover:text-accent",
         className
       ),
@@ -3391,7 +3517,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
       ]
     }
@@ -3402,14 +3528,14 @@ function NewsletterForm({
   description,
   state = "idle",
   onSubmitEmail,
-  successMessage = "Ya est\xE1s dentro. Te llega un email cada dos semanas, y nada m\xE1s.",
-  errorMessage = "No se pudo suscribir ese email. Rev\xEDsalo y vuelve a intentar.",
+  successMessage = "Ya est\xE1s dentro. Te llega un correo cada dos semanas, 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",
-  fieldLabel = "Email electr\xF3nico",
+  fieldLabel = "Correo electr\xF3nico",
   nameField = false,
   nameLabel = "Nombre",
   namePlaceholder = "C\xF3mo te llamas",
@@ -3605,70 +3731,11 @@ function ScrollingProgressBar({
     }
   );
 }
-function SidebarItem({
-  active = false,
-  asChild = false,
-  badge: badge2,
-  className,
-  children,
-  ...props
-}) {
-  const Root18 = asChild ? reactSlot.Slot : "a";
-  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",
-        "font-mono text-meta transition-standard",
-        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
-        // 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: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: active ? "text-accent" : "text-text-muted", children: "\u25B8" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children }),
-        badge2 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-muted shrink-0", children: badge2 }) : null
-      ]
-    }
-  ) });
-}
-function SidebarNav({
-  title,
-  version,
-  branch,
-  children,
-  className,
-  ...props
-}) {
-  const footer = [version, branch].filter(Boolean);
-  return /* @__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",
-        className
-      ),
-      ...props,
-      children: [
-        title ? /* @__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 }),
-        footer.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "meta", tone: "muted", as: "p", className: "border-hairline px-step-sm 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" },
+  flat: { glyph: Minus, label: "sin cambio" }
+};
 function Stat({
   value,
   label,
@@ -3676,30 +3743,52 @@ function Stat({
   progress,
   icon,
   description,
+  delta,
+  spark,
   className,
   ...props
 }) {
+  const DeltaGlyph = delta ? DELTA[delta.direction].glyph : null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(CARD_SURFACE, "p-step-lg gap-step-xs flex flex-col", className), ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(Text, { variant: "eyebrow", tone: "muted", as: "p", className: "gap-step-xs flex items-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-step-sm flex items-start justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "eyebrow", tone: "muted", as: "p", className: "min-w-0", children: label }),
       icon ? (
         // `aria-hidden` is not needed: the system's glyphs already carry it.
-        // What IS needed is that it does not shrink next to a long title,
-        // because a squashed icon reads as a different icon.
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: icon })
-      ) : null,
-      label
+        // The circle is a SURFACE — the tint at 10 %, same as an alert's — and
+        // the colour stays on the glyph, which is § 4b and also what keeps it
+        // on the 3:1 graphical threshold instead of text's 4.5.
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: cn(
+              "size-control-icon-sm text-ui flex shrink-0 items-center justify-center rounded-full",
+              tone === "neutral" ? "bg-accent/10 text-accent" : "bg-warm/10 text-warm"
+            ),
+            children: icon
+          }
+        )
+      ) : null
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "stat", as: "p", tone: tone === "alerta" ? "warm" : "accent", children: value }),
+    /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "stat", as: "p", tone: tone === "neutral" ? "primary" : "warm", children: value }),
+    delta && DeltaGlyph ? /* @__PURE__ */ jsxRuntime.jsxs(Text, { variant: "label", tone: "secondary", as: "p", className: "gap-step-xs flex items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
+        DELTA[delta.direction].label,
+        " "
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(DeltaGlyph, { className: "shrink-0" }),
+      delta.value
+    ] }) : null,
     description ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "ui", tone: "secondary", as: "p", children: description }) : null,
     typeof progress === "number" ? /* @__PURE__ */ jsxRuntime.jsx(
       Progress,
       {
         value: progress,
-        tone: tone === "alerta" ? "warm" : "accent",
+        tone: tone === "neutral" ? "accent" : "warm",
         label: `${label}: ${progress}%`,
         className: "mt-step-sm"
       }
-    ) : null
+    ) : null,
+    spark ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto pt-step-md", children: spark }) : null
   ] });
 }
 function TalkCard({
@@ -3761,7 +3850,7 @@ function TalkCard({
   return /* @__PURE__ */ jsxRuntime.jsx(CardShell, { className: cn("p-step-lg", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("article", { className: "gap-step-sm flex h-full flex-col", children: body }) });
 }
 function ThemeToggle({
-  label = "Cambiar de theme",
+  label = "Cambiar de tema",
   onThemeChange,
   variant = "secondary",
   size: size2 = "icon",
@@ -3805,7 +3894,7 @@ function TableOfContents({
       const classes = cn(
         "px-step-sm -ml-px block border-l",
         "font-sans text-label transition-standard",
-        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "focus-ring",
         "cursor-pointer",
         item2.nested && "pl-step-lg",
         "border-transparent text-text-secondary hover:text-text-primary",
@@ -3875,7 +3964,7 @@ function Logo({
   ] });
 }
 
-// src/lib/social.tsx
+// src/social/index.tsx
 var social_exports = {};
 __export(social_exports, {
   Discord: () => Discord,
@@ -3885,61 +3974,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;
@@ -4009,7 +4186,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;
@@ -4056,8 +4232,6 @@ exports.SheetFooter = SheetFooter;
 exports.SheetHeader = SheetHeader;
 exports.SheetTitle = SheetTitle;
 exports.SheetTrigger = SheetTrigger;
-exports.SidebarItem = SidebarItem;
-exports.SidebarNav = SidebarNav;
 exports.Skeleton = Skeleton;
 exports.Stat = Stat;
 exports.Switch = Switch;