@eduardoalvarez/arrecife 0.6.0 → 0.8.0

package/dist/index.js

@@ -1,29 +1,31 @@
 'use client';
-export { tokens } from './chunk-PMN7NR3G.js';
+import { Label } from './chunk-6IGD5REB.js';
+export { Label } from './chunk-6IGD5REB.js';
+import { Text } from './chunk-TRPBID2W.js';
+export { Text } from './chunk-TRPBID2W.js';
+export { tokens } from './chunk-5A5GH2PF.js';
 import { toggleTheme, currentTheme, watchTheme } from './chunk-GCRII2KQ.js';
 export { THEME_ATTRIBUTE, THEME_EVENT, THEME_KEY, applyTheme, currentTheme, preferredTheme, storedTheme, themeScript, toggleTheme, watchTheme } from './chunk-GCRII2KQ.js';
-import { alert, button, avatar, badge, category, metric, CARD_SURFACE, CARD } from './chunk-25YNFCIF.js';
-export { CARD, CARD_HOVER, CARD_SURFACE, alert as alertVariants, avatar as avatarVariants, badge as badgeVariants, button as buttonVariants, category as categoryBadgeVariants, metric as metricBadgeVariants } from './chunk-25YNFCIF.js';
-import { MascotFace, Mascot } from './chunk-6O3KWB6P.js';
-export { Isotype, Logo, Mascot, MascotFace } from './chunk-6O3KWB6P.js';
-export { ASSETS_PATH, faceList, faceUsage, faces, fins, poseList, poses } from './chunk-CKRSQPTX.js';
-import { Label } from './chunk-DKCN7BAL.js';
-export { Label } from './chunk-DKCN7BAL.js';
-import { Text } from './chunk-JMOOFZ3B.js';
-export { Text } from './chunk-JMOOFZ3B.js';
+import { alert, button, avatar, badge, category, metric, CARD_SURFACE, CARD } from './chunk-XXDATT3A.js';
+export { CARD, CARD_HOVER, CARD_SURFACE, alert as alertVariants, avatar as avatarVariants, badge as badgeVariants, button as buttonVariants, category as categoryBadgeVariants, metric as metricBadgeVariants } from './chunk-XXDATT3A.js';
 export { text as textVariants } from './chunk-ODBFN44D.js';
-import { cn } from './chunk-XKYHTOUJ.js';
-export { cn } from './chunk-XKYHTOUJ.js';
-import { naming } from './chunk-O4TAH7YJ.js';
-export { brand, colors, control, dark, fonts, gradient, light, limits, motion, naming, radius, series, shadow, size, spacing, syntax, tagline, typeScale } from './chunk-O4TAH7YJ.js';
-import { __export } from './chunk-MLKGABMK.js';
+import { MascotFace, Mascot } from './chunk-MPZBF2TZ.js';
+export { Isotype, Logo, Mascot, MascotFace } from './chunk-MPZBF2TZ.js';
+export { ASSETS_PATH, faceList, faceUsage, faces, fins, poseList, poses } from './chunk-CKRSQPTX.js';
+export { social_exports as social } from './chunk-HOADZ6GS.js';
+import './chunk-LXRGQKMG.js';
+import { cn } from './chunk-FAAGZG7A.js';
+export { cn } from './chunk-FAAGZG7A.js';
+import { naming } from './chunk-FGFNK72B.js';
+export { brand, colors, control, dark, fonts, gradient, light, limits, motion, naming, radius, series, shadow, size, spacing, syntax, tagline, typeScale } from './chunk-FGFNK72B.js';
+import './chunk-MLKGABMK.js';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { useId, useState, useEffect, useSyncExternalStore, useRef, useCallback } from 'react';
-import { Slot } from '@radix-ui/react-slot';
+import { Slot, Slottable } from '@radix-ui/react-slot';
 import { es } from 'date-fns/locale';
 import { DayPicker } from 'react-day-picker';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
@@ -182,7 +184,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
@@ -418,7 +420,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: [
@@ -507,14 +509,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__ */ jsx(
@@ -599,7 +601,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",
@@ -642,7 +644,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.
@@ -696,7 +698,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__ */ jsx(Close, {})
             }
@@ -845,7 +847,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",
@@ -882,7 +884,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
       ),
@@ -897,7 +899,7 @@ function PaginationPrevious({ className, ...props }) {
   ] });
 }
 function PaginationNext({ className, ...props }) {
-  return /* @__PURE__ */ jsxs(PaginationLink, { "aria-label": "P\xE1gina next", className: cn("gap-step-xs", className), ...props, children: [
+  return /* @__PURE__ */ jsxs(PaginationLink, { "aria-label": "P\xE1gina siguiente", className: cn("gap-step-xs", className), ...props, children: [
     "Siguiente",
     /* @__PURE__ */ jsx(ChevronRight, {})
   ] });
@@ -967,7 +969,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
@@ -994,7 +996,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
@@ -1144,7 +1146,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__ */ jsx(Close, {})
         }
@@ -1219,7 +1221,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
@@ -1238,7 +1240,7 @@ function Switch({ className, ...props }) {
   );
 }
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { tabIndex: 0, className: "rounded-card border-hairline focus-ring w-full overflow-x-auto border", children: /* @__PURE__ */ jsx(
     "table",
     {
       className: cn("w-full caption-bottom border-collapse font-sans text-ui", className),
@@ -1291,7 +1293,13 @@ function TableCell({ className, ...props }) {
   return /* @__PURE__ */ jsx("td", { className: cn("px-step-sm py-step-sm text-text-secondary align-middle", className), ...props });
 }
 function TableCaption({ className, ...props }) {
-  return /* @__PURE__ */ jsx("caption", { className: cn("mt-step-sm text-label text-text-muted", className), ...props });
+  return /* @__PURE__ */ 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__ */ jsx(TabsPrimitive.Root, { className: cn("gap-step-md flex flex-col", className), ...props });
@@ -1320,7 +1328,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
@@ -1337,7 +1345,7 @@ function TabsContent({
     TabsPrimitive.Content,
     {
       className: cn(
-        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "focus-ring",
         className
       ),
       ...props
@@ -1356,7 +1364,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
@@ -1411,7 +1419,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__ */ jsx(Close, {})
       }
@@ -1551,11 +1559,20 @@ function ArticleCard({
       " min de lectura"
     ] }, "lectura") : null
   ].filter(Boolean);
-  return /* @__PURE__ */ jsx(CardShell, { className: cn("p-step-lg", className), ...props, children: /* @__PURE__ */ jsxs("article", { className: "gap-step-sm flex h-full flex-col", children: [
-    meta.length > 0 ? /* @__PURE__ */ jsx(Text, { variant: "meta", tone: "muted", as: "p", className: "gap-step-xs flex items-center", children: meta.map((m, i) => /* @__PURE__ */ jsxs("span", { className: "gap-step-xs flex items-center", children: [
-      i > 0 ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }) : null,
-      m
-    ] }, i)) }) : null,
+  return /* @__PURE__ */ jsx(CardShell, { className: cn("p-step-lg", className), ...props, children: /* @__PURE__ */ jsxs("article", { className: "flex flex-col h-full gap-step-sm", children: [
+    meta.length > 0 ? /* @__PURE__ */ jsx(
+      Text,
+      {
+        variant: "meta",
+        tone: "muted",
+        as: "p",
+        className: "flex items-center gap-step-xs",
+        children: meta.map((m, i) => /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-step-xs", children: [
+          i > 0 ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }) : null,
+          m
+        ] }, i))
+      }
+    ) : null,
     /* @__PURE__ */ jsx(
       Text,
       {
@@ -1566,8 +1583,15 @@ function ArticleCard({
       }
     ),
     excerpt ? /* @__PURE__ */ jsx(Text, { variant: "ui", tone: "secondary", className: "line-clamp-2", children: excerpt }) : null,
-    tags && tags.length > 0 ? /* @__PURE__ */ jsx("div", { className: "gap-step-xs mt-auto flex flex-wrap pt-step-sm", children: tags.map(
-      (t) => tagAsChild ? /* @__PURE__ */ jsx(Slot, { className: category({ active: false }), children: tagAsChild({ tag: t, children: t }) }, t) : /* @__PURE__ */ jsx(CategoryBadge, { children: t }, t)
+    tags && tags.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap mt-auto gap-step-xs pt-step-sm", children: tags.map(
+      (t) => tagAsChild ? /* @__PURE__ */ jsx(
+        Slot,
+        {
+          className: category({ active: false }),
+          children: tagAsChild({ tag: t, children: t })
+        },
+        t
+      ) : /* @__PURE__ */ jsx(CategoryBadge, { children: t }, t)
     ) }) : null
   ] }) });
 }
@@ -1653,21 +1677,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__ */ 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__ */ jsx(GoBackSeconds, { className: size2 }) : /* @__PURE__ */ jsx(AdvanceSeconds, { className: size2 })
+      "aria-label": seconds < 0 ? "Retroceder 15 segundos" : "Adelantar 15 segundos",
+      children: seconds < 0 ? /* @__PURE__ */ jsx(GoBackSeconds, { className: size2 }) : /* @__PURE__ */ jsx(AdvanceSeconds, { className: size2 })
     }
   );
 }
@@ -1699,8 +1723,8 @@ function SpeedButton({
 function Volume({
   size: size2,
   width,
-  silenciado,
-  volumen,
+  muted,
+  volume,
   onMute,
   onVolumeChange
 }) {
@@ -1711,8 +1735,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__ */ jsx(VolumeMuted, { className: size2 }) : /* @__PURE__ */ jsx(VolumeOn, { className: size2 })
+        "aria-label": muted ? "Activar sonido" : "Silenciar",
+        children: muted || volume === 0 ? /* @__PURE__ */ jsx(VolumeMuted, { className: size2 }) : /* @__PURE__ */ jsx(VolumeOn, { className: size2 })
       }
     ),
     /* @__PURE__ */ jsx(
@@ -1722,20 +1746,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__ */ jsx(Spinner, { className: cn("motion-safe:animate-spin", className) });
+function PlayIcon({ className, loading, error, playing }) {
+  if (loading) return /* @__PURE__ */ jsx(Spinner, { className: cn("motion-safe:animate-spin", className) });
   if (error) return /* @__PURE__ */ jsx(Retry, { className });
   if (playing) return /* @__PURE__ */ jsx(Pause, { className });
   return /* @__PURE__ */ jsx(Play, { className });
@@ -1755,7 +1779,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
       ),
@@ -1924,7 +1948,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,
@@ -1965,7 +1989,7 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
-            /* @__PURE__ */ jsx(SkipButton, { segundos: -15, className: "p-1.5", size: "w-5 h-5", onSaltar: skip }),
+            /* @__PURE__ */ jsx(SkipButton, { seconds: -15, className: "p-1.5", size: "w-5 h-5", onSkip: skip }),
             /* @__PURE__ */ jsx(
               PlayButton,
               {
@@ -1976,7 +2000,7 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
                 ...playState
               }
             ),
-            /* @__PURE__ */ jsx(SkipButton, { segundos: 15, className: "p-1.5", size: "w-5 h-5", onSaltar: skip }),
+            /* @__PURE__ */ jsx(SkipButton, { seconds: 15, className: "p-1.5", size: "w-5 h-5", onSkip: skip }),
             /* @__PURE__ */ jsx(
               SpeedButton,
               {
@@ -2005,7 +2029,7 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
         ] }),
         /* @__PURE__ */ jsx("div", { className: "mb-step-md", children: /* @__PURE__ */ jsx(ProgressBar, { height: "h-1.5", knob: 14, progress, ...pointer }) }),
         /* @__PURE__ */ jsxs("div", { className: "gap-step-sm flex items-center", children: [
-          /* @__PURE__ */ jsx(SkipButton, { segundos: -15, className: "p-2", size: "w-6 h-6", onSaltar: skip }),
+          /* @__PURE__ */ jsx(SkipButton, { seconds: -15, className: "p-2", size: "w-6 h-6", onSkip: skip }),
           /* @__PURE__ */ jsx(
             PlayButton,
             {
@@ -2017,7 +2041,7 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
               ...playState
             }
           ),
-          /* @__PURE__ */ jsx(SkipButton, { segundos: 15, className: "p-2", size: "w-6 h-6", onSaltar: skip }),
+          /* @__PURE__ */ jsx(SkipButton, { seconds: 15, className: "p-2", size: "w-6 h-6", onSkip: skip }),
           /* @__PURE__ */ jsxs("div", { className: "gap-step-sm ml-auto flex items-center", children: [
             /* @__PURE__ */ jsx(
               SpeedButton,
@@ -2032,8 +2056,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
               }
@@ -2055,7 +2079,7 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx(SkipButton, { segundos: -15, className: "p-1.5", size: "w-5 h-5", onSaltar: skip }),
+            /* @__PURE__ */ jsx(SkipButton, { seconds: -15, className: "p-1.5", size: "w-5 h-5", onSkip: skip }),
             /* @__PURE__ */ jsx(
               PlayButton,
               {
@@ -2066,7 +2090,7 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
                 ...playState
               }
             ),
-            /* @__PURE__ */ jsx(SkipButton, { segundos: 15, className: "p-1.5", size: "w-5 h-5", onSaltar: skip })
+            /* @__PURE__ */ jsx(SkipButton, { seconds: 15, className: "p-1.5", size: "w-5 h-5", onSkip: skip })
           ] }),
           /* @__PURE__ */ jsx(
             SpeedButton,
@@ -2091,7 +2115,7 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxs("div", { className: "gap-step-xs flex items-center", children: [
-        /* @__PURE__ */ jsx(SkipButton, { segundos: -15, className: "p-2", size: "w-5 h-5", onSaltar: skip }),
+        /* @__PURE__ */ jsx(SkipButton, { seconds: -15, className: "p-2", size: "w-5 h-5", onSkip: skip }),
         /* @__PURE__ */ jsx(
           PlayButton,
           {
@@ -2102,7 +2126,7 @@ function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
             ...playState
           }
         ),
-        /* @__PURE__ */ jsx(SkipButton, { segundos: 15, className: "p-2", size: "w-5 h-5", onSaltar: skip })
+        /* @__PURE__ */ jsx(SkipButton, { seconds: 15, className: "p-2", size: "w-5 h-5", onSkip: skip })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "gap-step-sm flex items-center", children: [
         /* @__PURE__ */ jsx(
@@ -2118,8 +2142,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
           }
@@ -2145,7 +2169,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 = "/",
@@ -2206,7 +2230,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__ */ jsx(Check, { className: "text-accent" }) : /* @__PURE__ */ jsx(Copy, {}),
@@ -2247,20 +2271,32 @@ function CourseCard({
   ] }) });
 }
 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__ */ 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__ */ jsx("span", { className: "text-text-muted shrink-0", children: icon }) : null,
+          /* @__PURE__ */ jsx(Text, { variant: "ui", tone: "muted", as: "p", className: "max-w-measure", children: title2 }),
+          description2 ? /* @__PURE__ */ jsx(Text, { variant: "label", tone: "muted", as: "p", className: "max-w-measure font-normal", children: description2 }) : null,
+          action2 ? /* @__PURE__ */ jsx("div", { className: "mt-step-xs", children: action2 }) : null
+        ]
+      }
+    );
+  }
+  const { variant, title, description, action, expression, basePath, className, ...rest } = props;
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(CARD_SURFACE, "p-step-lg gap-step-sm flex flex-col items-center text-center", className),
-      ...props,
+      ...rest,
       children: [
         /* @__PURE__ */ jsx(MascotFace, { expression, className: FACE, basePath }),
         /* @__PURE__ */ jsx(Text, { variant: "ui", as: "p", className: "font-medium", children: title }),
@@ -2449,7 +2485,7 @@ function EventCalendar({
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "gap-step-sm flex flex-wrap items-center", children: [
               /* @__PURE__ */ jsx(Button, { type: "submit", size: "sm", children: editing ? "Guardar" : "A\xF1adir" }),
-              editing ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "tertiary", size: "sm", onClick: cancel, children: "./cancel" }) : null
+              editing ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "tertiary", size: "sm", onClick: cancel, children: "./cancelar" }) : null
             ] })
           ] }) : null
         ]
@@ -2457,73 +2493,129 @@ function EventCalendar({
     )
   ] });
 }
-function Footer({
-  social,
-  year = (/* @__PURE__ */ new Date()).getFullYear(),
-  children,
-  brand: brand2,
-  className,
-  ...props
+function SocialRow({ social }) {
+  return /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap items-center gap-[18px]", children: social.map((socialLink) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ 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__ */ jsxs(Text, { variant: "meta", tone: "muted", as: "p", className: "ml-auto shrink-0", children: [
+  const domain = href ? /* @__PURE__ */ 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__ */ jsxs(Text, { variant: "meta", tone: "muted", as: "p", className: cn("shrink-0", className), children: [
     /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: "text-accent", children: [
       "$",
       " "
     ] }),
     "cd ~/",
-    naming.domain,
+    domain,
     "/",
     year,
     /* @__PURE__ */ 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__ */ jsx("div", { className: "flex items-center", children: brand2 }, "marca") : null,
-    children ? /* @__PURE__ */ jsx("div", { className: "gap-step-md flex flex-wrap items-center", children }, "enlaces") : null,
-    social && social.length > 0 ? (
-      // 18px 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__ */ jsx("ul", { className: "flex items-center gap-[18px]", children: social.map((socialLink) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+}
+function Shell({
+  className,
+  contentClassName,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("footer", { className: cn("border-hairline w-full border-t", className), ...props, children: /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-text-muted", children: "./" }),
+        content
+      ] });
+      if (linkAsChild) {
+        return /* @__PURE__ */ jsx(Slot, { className: classes, children: linkAsChild({ href, children: inner }) });
+      }
+      return /* @__PURE__ */ 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__ */ jsxs(Shell, { className, ...rest, children: [
+      /* @__PURE__ */ jsxs("div", { className: "gap-step-xl flex flex-col md:flex-row md:justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "gap-step-md flex max-w-xs flex-col", children: [
+          brand2,
+          description ? /* @__PURE__ */ jsx(Text, { variant: "ui", tone: "secondary", as: "p", children: description }) : null,
+          social && social.length > 0 ? /* @__PURE__ */ jsx(SocialRow, { social }) : null,
+          action
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "gap-step-lg grid grid-cols-2 sm:grid-cols-3", children: columns.map((column) => /* @__PURE__ */ jsxs("div", { className: "gap-step-sm flex flex-col", children: [
+          /* @__PURE__ */ jsx(Text, { variant: "eyebrow", tone: "muted", as: "h3", children: column.title }),
+          /* @__PURE__ */ jsx("ul", { className: "gap-step-xs flex flex-col", children: column.links.map((columnLink) => /* @__PURE__ */ jsx("li", { children: link(columnLink.href, columnLink.external, columnLink.label) }, columnLink.href)) })
+        ] }, column.title)) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "border-hairline mt-step-xl pt-step-lg border-t", children: /* @__PURE__ */ jsx(Signature, { year, href: signatureHref, className: "text-center sm:text-right" }) })
+    ] });
+  }
+  const rows = [
+    brand2 ? /* @__PURE__ */ jsx("div", { className: "flex items-center", children: brand2 }, "brand") : null,
+    social && social.length > 0 ? /* @__PURE__ */ jsx(SocialRow, { social }, "social") : null
   ].filter(Boolean);
-  const [first, ...rest] = rows;
-  return /* @__PURE__ */ jsx("footer", { className: cn("border-hairline w-full border-t", className), ...props, children: /* @__PURE__ */ jsxs("div", { className: "max-w-wide px-step-md py-step-xl gap-step-lg mx-auto flex flex-col", children: [
+  const [first, ...others] = rows;
+  return /* @__PURE__ */ jsxs(Shell, { className, contentClassName: "gap-step-lg", ...rest, children: [
     /* @__PURE__ */ jsxs("div", { className: "gap-step-md flex flex-wrap items-center", children: [
       first ?? null,
-      signature
+      /* @__PURE__ */ jsx(Signature, { year, href: signatureHref, className: "ml-auto" })
     ] }),
-    rest
-  ] }) });
-}
-function FooterLink({ asChild = false, className, ...props }) {
-  const Root17 = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx(
-    Root17,
-    {
-      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,
@@ -2631,7 +2723,7 @@ function LinkRow({
     }
   );
 }
-function Nav({ brand: brand2, children, actions, className, ...props }) {
+function Nav({ brand: brand2, children, actions, size: size2 = "default", className, ...props }) {
   return /* @__PURE__ */ jsx(
     "header",
     {
@@ -2644,14 +2736,23 @@ function Nav({ brand: brand2, children, actions, className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxs("div", { className: "max-w-wide px-step-md h-nav gap-step-lg mx-auto flex items-center", children: [
-        brand2 ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: brand2 }) : null,
-        children ? /* @__PURE__ */ jsx("nav", { "aria-label": "Principal", className: "ml-auto min-w-0", children: /* @__PURE__ */ jsxs("ul", { className: "gap-step-md flex items-center", children: [
-          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-text-muted font-mono text-meta select-none", children: "~/" }),
-          children
-        ] }) }) : /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-        actions ? /* @__PURE__ */ jsx("div", { className: "gap-step-sm flex shrink-0 items-center", children: actions }) : null
-      ] })
+      children: /* @__PURE__ */ 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__ */ jsx("div", { className: "shrink-0", children: brand2 }) : null,
+            children ? /* @__PURE__ */ jsx("nav", { "aria-label": "Principal", className: "ml-auto min-w-0", children: /* @__PURE__ */ jsxs("ul", { className: "gap-step-md flex items-center", children: [
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-text-muted font-mono text-meta select-none", children: "~/" }),
+              children
+            ] }) }) : /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+            actions ? /* @__PURE__ */ jsx("div", { className: "gap-step-sm flex shrink-0 items-center", children: actions }) : null
+          ]
+        }
+      )
     }
   );
 }
@@ -2663,7 +2764,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
       ),
@@ -2671,7 +2772,7 @@ function NavItem({ active = false, asChild = false, className, children, ...prop
       children: [
         active ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-accent", children: "[" }) : null,
         /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: active ? "text-accent" : "text-text-muted", children: "./" }),
-        children,
+        /* @__PURE__ */ jsx(Slottable, { children }),
         active ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-accent", children: "]" }) : null
       ]
     }
@@ -2682,14 +2783,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",
@@ -2885,70 +2986,11 @@ function ScrollingProgressBar({
     }
   );
 }
-function SidebarItem({
-  active = false,
-  asChild = false,
-  badge: badge2,
-  className,
-  children,
-  ...props
-}) {
-  const Root17 = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-    Root17,
-    {
-      "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__ */ jsx("span", { "aria-hidden": "true", className: active ? "text-accent" : "text-text-muted", children: "\u25B8" }),
-        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children }),
-        badge2 ? /* @__PURE__ */ 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__ */ 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__ */ jsx(Text, { variant: "eyebrow", tone: "muted", as: "p", className: "px-step-sm", children: title }) : null,
-        /* @__PURE__ */ jsx("ul", { className: "gap-0.5 flex flex-1 flex-col", children }),
-        footer.length > 0 ? /* @__PURE__ */ 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__ */ jsxs("span", { children: [
-          i > 0 ? /* @__PURE__ */ 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,
@@ -2956,30 +2998,52 @@ function Stat({
   progress,
   icon,
   description,
+  delta,
+  spark,
   className,
   ...props
 }) {
+  const DeltaGlyph = delta ? DELTA[delta.direction].glyph : null;
   return /* @__PURE__ */ jsxs("div", { className: cn(CARD_SURFACE, "p-step-lg gap-step-xs flex flex-col", className), ...props, children: [
-    /* @__PURE__ */ jsxs(Text, { variant: "eyebrow", tone: "muted", as: "p", className: "gap-step-xs flex items-center", children: [
+    /* @__PURE__ */ jsxs("div", { className: "gap-step-sm flex items-start justify-between", children: [
+      /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx(Text, { variant: "stat", as: "p", tone: tone === "alerta" ? "warm" : "accent", children: value }),
+    /* @__PURE__ */ jsx(Text, { variant: "stat", as: "p", tone: tone === "neutral" ? "primary" : "warm", children: value }),
+    delta && DeltaGlyph ? /* @__PURE__ */ jsxs(Text, { variant: "label", tone: "secondary", as: "p", className: "gap-step-xs flex items-center", children: [
+      /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+        DELTA[delta.direction].label,
+        " "
+      ] }),
+      /* @__PURE__ */ jsx(DeltaGlyph, { className: "shrink-0" }),
+      delta.value
+    ] }) : null,
     description ? /* @__PURE__ */ jsx(Text, { variant: "ui", tone: "secondary", as: "p", children: description }) : null,
     typeof progress === "number" ? /* @__PURE__ */ 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__ */ jsx("div", { className: "mt-auto pt-step-md", children: spark }) : null
   ] });
 }
 function TalkCard({
@@ -3041,7 +3105,7 @@ function TalkCard({
   return /* @__PURE__ */ jsx(CardShell, { className: cn("p-step-lg", className), ...props, children: /* @__PURE__ */ 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",
@@ -3085,7 +3149,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",
@@ -3099,70 +3163,4 @@ function TableOfContents({
   ] });
 }
 
-// src/lib/social.tsx
-var social_exports = {};
-__export(social_exports, {
-  Discord: () => Discord,
-  Email: () => Email,
-  GitHub: () => GitHub,
-  Instagram: () => Instagram,
-  LinkedIn: () => LinkedIn,
-  Newsletter: () => Newsletter,
-  Rss: () => Rss,
-  X: () => X,
-  YouTube: () => YouTube
-});
-function Brand({ children, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      viewBox: "0 0 24 24",
-      width: "1em",
-      height: "1em",
-      fill: "currentColor",
-      "aria-hidden": "true",
-      focusable: "false",
-      ...props,
-      children
-    }
-  );
-}
-function Functional({ children, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      viewBox: "0 0 24 24",
-      width: "1em",
-      height: "1em",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 1.6,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      focusable: "false",
-      ...props,
-      children
-    }
-  );
-}
-var GitHub = (props) => /* @__PURE__ */ jsx(Brand, { ...props, children: /* @__PURE__ */ 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__ */ jsx(Brand, { ...props, children: /* @__PURE__ */ 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__ */ jsx(Brand, { ...props, children: /* @__PURE__ */ 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__ */ jsx(Brand, { ...props, children: /* @__PURE__ */ 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__ */ jsx(Brand, { ...props, children: /* @__PURE__ */ 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__ */ jsx(Brand, { ...props, children: /* @__PURE__ */ 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__ */ jsxs(Functional, { ...props, children: [
-  /* @__PURE__ */ jsx("path", { d: "M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16" }),
-  /* @__PURE__ */ jsx("circle", { cx: "5", cy: "19", r: "1.6", fill: "currentColor", stroke: "none" })
-] });
-var Email = (props) => /* @__PURE__ */ jsxs(Functional, { ...props, children: [
-  /* @__PURE__ */ jsx("rect", { x: "2.75", y: "4.75", width: "18.5", height: "14.5", rx: "2" }),
-  /* @__PURE__ */ 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__ */ jsxs(Functional, { ...props, children: [
-  /* @__PURE__ */ 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__ */ jsx("path", { d: "M13.7 19a2 2 0 0 1-3.4 0" })
-] });
-
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogTitle, AlertDialogTrigger, ArticleCard, AudioPlayer, AuthorCard, Avatar, AvatarFallback, AvatarImage, AvatarUpload, Badge, Blockquote, Breadcrumb, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryBadge, Checkbox, Code, CodeBlock, CourseCard, DateField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EventCalendar, Footer, FooterLink, Hero, Input, LinkRow, MetricBadge, Nav, NavItem, NewsletterForm, PageHeader, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup2 as RadioGroup, RadioGroupItem, ScrollingProgressBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarItem, SidebarNav, Skeleton, Stat, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TalkCard, Textarea, ThemeToggle, ToastAction, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, social_exports as social, toast2 as toast, useTheme };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogTitle, AlertDialogTrigger, ArticleCard, AudioPlayer, AuthorCard, Avatar, AvatarFallback, AvatarImage, AvatarUpload, Badge, Blockquote, Breadcrumb, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryBadge, Checkbox, Code, CodeBlock, CourseCard, DateField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EventCalendar, Footer, Hero, Input, LinkRow, MetricBadge, Nav, NavItem, NewsletterForm, PageHeader, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup2 as RadioGroup, RadioGroupItem, ScrollingProgressBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Stat, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TalkCard, Textarea, ThemeToggle, ToastAction, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, toast2 as toast, useTheme };