@eduardoalvarez/arrecife 0.7.0 → 0.8.0

package/dist/index.js

@@ -1,30 +1,31 @@
 'use client';
-import { Label } from './chunk-727HCBD4.js';
-export { Label } from './chunk-727HCBD4.js';
-import { Text } from './chunk-WGNIRIN7.js';
-export { Text } from './chunk-WGNIRIN7.js';
-export { tokens } from './chunk-TA7TLWW4.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-E6KFUSKB.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-E6KFUSKB.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 { MascotFace, Mascot } from './chunk-JN3IS5OS.js';
-export { Isotype, Logo, Mascot, MascotFace } from './chunk-JN3IS5OS.js';
-export { social_exports as social } from './chunk-45HVCTB7.js';
-import { cn } from './chunk-2WPWEIMD.js';
-export { cn } from './chunk-2WPWEIMD.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';
-import { naming } from './chunk-OMKSESQB.js';
-export { brand, colors, control, dark, fonts, gradient, light, limits, motion, naming, radius, series, shadow, size, spacing, syntax, tagline, typeScale } from './chunk-OMKSESQB.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 { createContext, useId, useState, useEffect, useSyncExternalStore, useRef, useCallback, useContext } from 'react';
-import { Slot } from '@radix-ui/react-slot';
+import { useId, useState, useEffect, useSyncExternalStore, useRef, useCallback } from 'react';
+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';
@@ -1239,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),
@@ -1292,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 });
@@ -1552,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,
       {
@@ -1567,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
   ] }) });
 }
@@ -2470,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-ring"
-          ),
-          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-ring",
-        className
-      ),
-      ...props
-    }
-  );
+    others
+  ] });
 }
 function Hero({
   title,
@@ -2693,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
       ]
     }
@@ -2907,170 +2986,6 @@ function ScrollingProgressBar({
     }
   );
 }
-var Collapsed = createContext(false);
-function SidebarItem({
-  active = false,
-  asChild = false,
-  badge: badge2,
-  icon,
-  className,
-  children,
-  ...props
-}) {
-  const Root17 = asChild ? Slot : "a";
-  const collapsed = useContext(Collapsed);
-  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",
-        collapsed && "justify-center",
-        "font-mono text-meta transition-standard",
-        "focus-ring",
-        // The active item is `surfaceRaised` with primary ink, same as
-        // `TabsTrigger`. NOT biolume: `tokens.ts` says so explicitly — light
-        // accent passes over background and over surface, but over
-        // surfaceRaised it measures 4.2 and is not a text color there. The
-        // accent stays on the `▸`, which is decorative and gets the 3:1
-        // threshold.
-        active ? "bg-surface-raised text-text-primary" : "text-text-secondary hover:text-text-primary hover:bg-surface-raised",
-        className
-      ),
-      ...props,
-      children: [
-        icon ? (
-          // A shade bigger than the 13px mono label, which is what keeps it
-          // reading as a glyph rather than as a character in the word.
-          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-body shrink-0", children: icon })
-        ) : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: active ? "text-accent" : "text-text-muted", children: "\u25B8" }),
-        /* @__PURE__ */ jsx("span", { className: collapsed ? "sr-only" : "min-w-0 flex-1 truncate", children }),
-        badge2 ? /* @__PURE__ */ jsx("span", { className: cn("text-text-muted", collapsed ? "sr-only" : "shrink-0"), children: badge2 }) : null
-      ]
-    }
-  ) });
-}
-function SidebarGroup({ label, children, className, ...props }) {
-  const id = useId();
-  const collapsed = useContext(Collapsed);
-  return /* @__PURE__ */ jsxs(
-    "li",
-    {
-      className: cn(
-        "mt-step-md first:mt-0",
-        // In a rail the label has nowhere to go, so the block becomes a rule.
-        // The label itself stays in the accessibility tree naming the list.
-        collapsed && "border-hairline pt-step-md mt-step-sm border-t first:border-t-0",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          Text,
-          {
-            variant: "meta",
-            tone: "muted",
-            as: "p",
-            id,
-            className: collapsed ? "sr-only" : "px-step-sm pb-step-xs",
-            children: label
-          }
-        ),
-        /* @__PURE__ */ jsx("ul", { "aria-labelledby": id, className: "gap-0.5 flex flex-col", children })
-      ]
-    }
-  );
-}
-function SidebarNav({
-  title,
-  brand: brand2,
-  mark,
-  user,
-  collapsed = false,
-  onCollapsedChange,
-  collapseLabel = "Plegar el panel",
-  expandLabel = "Desplegar el panel",
-  version,
-  branch,
-  children,
-  className,
-  ...props
-}) {
-  const footer = [version, branch].filter(Boolean);
-  const top = collapsed ? mark : brand2;
-  return /* @__PURE__ */ jsx(Collapsed.Provider, { value: collapsed, children: /* @__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",
-        // The width is the component's only when it can collapse: the layout
-        // beside it has to reserve one of the two, and it cannot know which.
-        // It does NOT transition. The system's only transition animates colour
-        // and border, and a rail that slides is the entrance animation this
-        // library does not have — same call as the `Switch` knob, which changes
-        // position without moving.
-        onCollapsedChange && (collapsed ? "w-sidebar-rail" : "w-sidebar"),
-        className
-      ),
-      ...props,
-      children: [
-        top || onCollapsedChange ? /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "border-hairline px-step-sm pb-step-sm mb-step-xs gap-step-xs flex items-center border-b",
-              collapsed ? "justify-center" : "justify-between"
-            ),
-            children: [
-              top ? /* @__PURE__ */ jsx("span", { className: "min-w-0", children: top }) : null,
-              onCollapsedChange ? /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => onCollapsedChange(!collapsed),
-                  "aria-expanded": !collapsed,
-                  "aria-label": collapsed ? expandLabel : collapseLabel,
-                  className: cn(
-                    "rounded-chip transition-standard shrink-0 cursor-pointer p-1",
-                    "text-text-muted hover:text-text-primary hover:bg-surface-raised",
-                    "focus-ring"
-                  ),
-                  children: collapsed ? /* @__PURE__ */ jsx(ChevronRight, {}) : /* @__PURE__ */ jsx(ChevronLeft, {})
-                }
-              ) : null
-            ]
-          }
-        ) : null,
-        title && !collapsed ? /* @__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 }),
-        user ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "border-hairline px-step-sm pt-step-sm border-t",
-              collapsed && "flex justify-center"
-            ),
-            children: user
-          }
-        ) : null,
-        footer.length > 0 && !collapsed ? /* @__PURE__ */ jsx(
-          Text,
-          {
-            variant: "meta",
-            tone: "muted",
-            as: "p",
-            className: cn("px-step-sm", user ? "" : "border-hairline pt-step-sm border-t"),
-            children: footer.map((p, i) => /* @__PURE__ */ 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" },
@@ -3248,4 +3163,4 @@ function TableOfContents({
   ] });
 }
 
-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, SidebarGroup, 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, 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 };

package/dist/{label-MgHFKnFy.d.ts → label-DJ4HuD-R.d.cts}

@@ -1,8 +1,9 @@
 import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentProps } from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 
-type LabelProps = ComponentPropsWithoutRef<typeof LabelPrimitive.Root>;
+/** `ComponentProps` carries `ref`, which React 19 passes as a prop. See `InputProps`. */
+type LabelProps = ComponentProps<typeof LabelPrimitive.Root>;
 /**
  * The `label` scale: 13px, which is the system's absolute minimum on screen.
  *

package/dist/{label-MgHFKnFy.d.cts → label-DJ4HuD-R.d.ts}

@@ -1,8 +1,9 @@
 import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentProps } from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 
-type LabelProps = ComponentPropsWithoutRef<typeof LabelPrimitive.Root>;
+/** `ComponentProps` carries `ref`, which React 19 passes as a prop. See `InputProps`. */
+type LabelProps = ComponentProps<typeof LabelPrimitive.Root>;
 /**
  * The `label` scale: 13px, which is the system's absolute minimum on screen.
  *

package/dist/og/index.js

@@ -1,5 +1,5 @@
 import { ASSETS_PATH, faces, poses, fins } from '../chunk-CKRSQPTX.js';
-import { fonts, dark, light, naming, gradient, tagline, typeScale } from '../chunk-OMKSESQB.js';
+import { fonts, dark, light, naming, gradient, tagline, typeScale } from '../chunk-FGFNK72B.js';
 import '../chunk-MLKGABMK.js';
 
 // src/og/templates.ts

package/dist/shiki/index.js

@@ -1,4 +1,4 @@
-import { syntax } from '../chunk-OMKSESQB.js';
+import { syntax } from '../chunk-FGFNK72B.js';
 import '../chunk-MLKGABMK.js';
 
 // src/shiki/theme.ts