@ugurdemirel/landcraft 0.1.22 → 0.1.24

package/dist/es/components/Navbar/Navbar.js

@@ -1,9 +1,10 @@
 "use client";
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { useState as D } from "react";
-import { cn as n } from "../../utils/cn.js";
-import { X as P, Menu as T } from "../../icons.js";
-const f = "text-on-secondary", d = "text-foreground", C = {
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { useState as P } from "react";
+import { cn as o } from "../../utils/cn.js";
+import { X as T, Menu as C } from "../../icons.js";
+import { emphasisSurfaceStyle as M } from "../../utils/surface.js";
+const O = {
   classic: {
     shell: "border-b border-border bg-background/85 backdrop-blur-md supports-[backdrop-filter]:bg-background/75",
     bar: "mx-auto max-w-6xl px-5 sm:px-8",
@@ -11,8 +12,8 @@ const f = "text-on-secondary", d = "text-foreground", C = {
     link: "text-muted-foreground hover:text-foreground",
     mobilePanel: "border-t border-border bg-background",
     mobileLink: "text-muted-foreground hover:bg-surface hover:text-foreground",
-    menuButton: `${d} hover:bg-surface`,
-    brandText: d,
+    menuButton: "text-foreground hover:bg-surface",
+    brandText: "text-foreground",
     brandDot: "bg-foreground",
     desktopList: "hidden items-center gap-7 md:flex"
   },
@@ -23,117 +24,134 @@ const f = "text-on-secondary", d = "text-foreground", C = {
     link: "text-muted-foreground hover:text-foreground",
     mobilePanel: "mx-3 mb-3 max-w-5xl overflow-hidden rounded-b-xl border border-border bg-surface",
     mobileLink: "text-muted-foreground hover:bg-surface hover:text-foreground",
-    menuButton: `${d} hover:bg-surface`,
-    brandText: d,
+    menuButton: "text-foreground hover:bg-surface",
+    brandText: "text-foreground",
     brandDot: "bg-foreground",
     desktopList: "hidden items-center gap-7 md:flex"
-  },
-  inverse: {
-    shell: "border-b border-white/10 bg-[#101010]/85 backdrop-blur-md",
-    bar: "mx-auto max-w-6xl px-5 sm:px-8",
-    header: "px-0",
-    link: "text-on-secondary/60 hover:text-on-secondary",
-    mobilePanel: "border-t border-white/10 bg-[#101010]",
-    mobileLink: "text-on-secondary/70 hover:bg-white/10 hover:text-on-secondary",
-    menuButton: `${f} hover:bg-white/10`,
-    brandText: f,
-    brandDot: "bg-on-secondary",
-    desktopList: "hidden items-center gap-7 md:flex"
   }
-}, $ = ({
+}, _ = {
+  shell: "",
+  bar: "mx-auto max-w-6xl px-5 sm:px-8",
+  header: "px-0",
+  link: "text-current/70 hover:text-current",
+  mobilePanel: "border-t border-current/15",
+  mobileLink: "text-current/70 hover:bg-current/10 hover:text-current",
+  menuButton: "text-current hover:bg-current/10",
+  brandText: "text-current",
+  brandDot: "bg-current",
+  desktopList: "hidden items-center gap-7 md:flex"
+}, z = ({
   className: g,
-  variant: b = "classic",
+  variant: u = "classic",
   brand: s,
   logo: v,
-  logoSrc: u,
+  logoSrc: b,
   logoAlt: N,
-  logoClassName: k,
-  brandHref: w = "#",
+  logoClassName: w,
+  brandHref: k = "#",
   links: x,
-  actions: l,
+  actions: d,
   cta: i,
-  languageSwitcher: c,
+  languageSwitcher: m,
   sticky: y = !0,
+  background: n,
   LinkComponent: L,
+  style: f,
   ...j
 }) => {
-  const [a, h] = D(!1), m = L ?? "a", o = C[b], p = v ?? (u ? /* @__PURE__ */ e(
+  const [l, p] = P(!1), c = L ?? "a", t = n ? _ : O[u], B = !n && u === "floating", h = v ?? (b ? /* @__PURE__ */ e(
     "img",
     {
-      src: u,
+      src: b,
       alt: N ?? (typeof s == "string" ? s : "Logo"),
-      className: n("h-7 w-auto", k)
+      className: o("h-7 w-auto", w)
     }
-  ) : null), B = p ? /* @__PURE__ */ e("span", { className: "flex items-center", children: p }) : /* @__PURE__ */ t("span", { className: n("flex items-center gap-2 font-display text-[17px] font-bold tracking-tight", o.brandText), children: [
-    /* @__PURE__ */ e("span", { "aria-hidden": !0, className: n("inline-block h-2.5 w-2.5 rounded-sm", o.brandDot) }),
+  ) : null), D = h ? /* @__PURE__ */ e("span", { className: "flex items-center", children: h }) : /* @__PURE__ */ a("span", { className: o("flex items-center gap-2 font-display text-[17px] font-bold tracking-tight", t.brandText), children: [
+    /* @__PURE__ */ e("span", { "aria-hidden": !0, className: o("inline-block h-2.5 w-2.5 rounded-sm", t.brandDot) }),
     s
   ] });
-  return /* @__PURE__ */ t("header", { className: n("w-full transition-colors duration-200", y && "sticky top-0 z-50", o.shell, o.header, g), ...j, children: [
-    /* @__PURE__ */ t("nav", { className: n("flex h-16 w-full items-center justify-between gap-4 transition-colors duration-200", o.bar), "aria-label": "Main navigation", children: [
-      /* @__PURE__ */ e(m, { href: w, className: "shrink-0", children: B }),
-      /* @__PURE__ */ e("ul", { className: o.desktopList, children: x.map((r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
-        m,
-        {
-          href: r.href,
-          target: r.external ? "_blank" : void 0,
-          rel: r.external ? "noopener noreferrer" : void 0,
-          className: n("text-sm font-medium transition-colors duration-150", o.link),
-          children: r.label
-        }
-      ) }, r.href)) }),
-      /* @__PURE__ */ t("div", { className: "hidden items-center gap-3 md:flex", children: [
-        c,
-        l,
-        i
-      ] }),
-      /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          "aria-label": a ? "Close menu" : "Open menu",
-          "aria-expanded": a,
-          onClick: () => h((r) => !r),
-          className: n(
-            "inline-flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center rounded-md md:hidden",
-            "transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-            o.menuButton
-          ),
-          children: a ? /* @__PURE__ */ e(P, { className: "h-5 w-5" }) : /* @__PURE__ */ e(T, { className: "h-5 w-5" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: n(
-          "grid transition-[grid-template-rows,opacity] duration-200 md:hidden",
-          a ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0",
-          o.mobilePanel
-        ),
-        children: /* @__PURE__ */ e("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ t("ul", { className: n("flex flex-col py-4", b !== "floating" && "px-5"), children: [
-          c ? /* @__PURE__ */ e("li", { className: "px-2 pb-4", children: c }) : null,
-          x.map((r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
-            m,
+  return /* @__PURE__ */ a(
+    "header",
+    {
+      "data-emphasis": n ? "" : void 0,
+      style: n ? { ...M(n), ...f } : f,
+      className: o(
+        "w-full transition-colors duration-200",
+        y && "sticky top-0 z-50",
+        t.shell,
+        t.header,
+        g
+      ),
+      ...j,
+      children: [
+        /* @__PURE__ */ a("nav", { className: o("flex h-16 w-full items-center justify-between gap-4 transition-colors duration-200", t.bar), "aria-label": "Main navigation", children: [
+          /* @__PURE__ */ e(c, { href: k, className: "shrink-0", children: D }),
+          /* @__PURE__ */ e("ul", { className: t.desktopList, children: x.map((r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+            c,
             {
               href: r.href,
               target: r.external ? "_blank" : void 0,
               rel: r.external ? "noopener noreferrer" : void 0,
-              onClick: () => h(!1),
-              className: n(
-                "block rounded-md px-2 py-2.5 text-sm font-medium transition-colors duration-150",
-                o.mobileLink
-              ),
+              className: o("text-sm font-medium transition-colors duration-150", t.link),
               children: r.label
             }
-          ) }, r.href)),
-          i ? /* @__PURE__ */ e("li", { className: "mt-3 px-2 pb-2", children: i }) : l ? /* @__PURE__ */ e("li", { className: "mt-3 flex flex-wrap gap-3 px-2 pb-2", children: l }) : null
-        ] }) })
-      }
-    )
-  ] });
+          ) }, r.href)) }),
+          /* @__PURE__ */ a("div", { className: "hidden items-center gap-3 md:flex", children: [
+            m,
+            d,
+            i
+          ] }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-label": l ? "Close menu" : "Open menu",
+              "aria-expanded": l,
+              onClick: () => p((r) => !r),
+              className: o(
+                "inline-flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center rounded-md md:hidden",
+                "transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                t.menuButton
+              ),
+              children: l ? /* @__PURE__ */ e(T, { className: "h-5 w-5" }) : /* @__PURE__ */ e(C, { className: "h-5 w-5" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: o(
+              "grid transition-[grid-template-rows,opacity] duration-200 md:hidden",
+              l ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0",
+              t.mobilePanel,
+              n && "bg-transparent"
+            ),
+            children: /* @__PURE__ */ e("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ a("ul", { className: o("flex flex-col py-4", !B && "px-5"), children: [
+              m ? /* @__PURE__ */ e("li", { className: "px-2 pb-4", children: m }) : null,
+              x.map((r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+                c,
+                {
+                  href: r.href,
+                  target: r.external ? "_blank" : void 0,
+                  rel: r.external ? "noopener noreferrer" : void 0,
+                  onClick: () => p(!1),
+                  className: o(
+                    "block rounded-md px-2 py-2.5 text-sm font-medium transition-colors duration-150",
+                    t.mobileLink
+                  ),
+                  children: r.label
+                }
+              ) }, r.href)),
+              i ? /* @__PURE__ */ e("li", { className: "mt-3 px-2 pb-2", children: i }) : d ? /* @__PURE__ */ e("li", { className: "mt-3 flex flex-wrap gap-3 px-2 pb-2", children: d }) : null
+            ] }) })
+          }
+        )
+      ]
+    }
+  );
 };
-$.displayName = "Navbar";
+z.displayName = "Navbar";
 export {
-  $ as Navbar
+  z as Navbar
 };
 //# sourceMappingURL=Navbar.js.map

package/dist/es/components/Navbar/Navbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.js","sources":["../../../../src/components/Navbar/Navbar.tsx"],"sourcesContent":["\"use client\";\nimport { useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Menu, X } from \"../../icons\";\nimport type { NavbarProps, NavbarVariant } from \"./types\";\n\ninterface NavbarStyle {\n  shell: string;\n  bar: string;\n  header: string;\n  link: string;\n  mobilePanel: string;\n  mobileLink: string;\n  menuButton: string;\n  brandText: string;\n  brandDot: string;\n  desktopList: string;\n}\n\nconst inverse = \"text-on-secondary\";\nconst light = \"text-foreground\";\n\nconst styles: Record<NavbarVariant, NavbarStyle> = {\n  classic: {\n    shell: \"border-b border-border bg-background/85 backdrop-blur-md supports-[backdrop-filter]:bg-background/75\",\n    bar: \"mx-auto max-w-6xl px-5 sm:px-8\",\n    header: \"px-0\",\n    link: \"text-muted-foreground hover:text-foreground\",\n    mobilePanel: \"border-t border-border bg-background\",\n    mobileLink:\n      \"text-muted-foreground hover:bg-surface hover:text-foreground\",\n    menuButton: `${light} hover:bg-surface`,\n    brandText: light,\n    brandDot: \"bg-foreground\",\n    desktopList: \"hidden items-center gap-7 md:flex\",\n  },\n  floating: {\n    shell: \"px-0\",\n    bar: \"mx-auto mt-3 max-w-5xl rounded-xl border border-border bg-surface/90 px-5 shadow-soft backdrop-blur-md supports-[backdrop-filter]:bg-surface/70\",\n    header: \"px-3 sm:px-6\",\n    link: \"text-muted-foreground hover:text-foreground\",\n    mobilePanel:\n      \"mx-3 mb-3 max-w-5xl overflow-hidden rounded-b-xl border border-border bg-surface\",\n    mobileLink:\n      \"text-muted-foreground hover:bg-surface hover:text-foreground\",\n    menuButton: `${light} hover:bg-surface`,\n    brandText: light,\n    brandDot: \"bg-foreground\",\n    desktopList: \"hidden items-center gap-7 md:flex\",\n  },\n  inverse: {\n    shell: \"border-b border-white/10 bg-[#101010]/85 backdrop-blur-md\",\n    bar: \"mx-auto max-w-6xl px-5 sm:px-8\",\n    header: \"px-0\",\n    link: \"text-on-secondary/60 hover:text-on-secondary\",\n    mobilePanel: \"border-t border-white/10 bg-[#101010]\",\n    mobileLink:\n      \"text-on-secondary/70 hover:bg-white/10 hover:text-on-secondary\",\n    menuButton: `${inverse} hover:bg-white/10`,\n    brandText: inverse,\n    brandDot: \"bg-on-secondary\",\n    desktopList: \"hidden items-center gap-7 md:flex\",\n  },\n};\n\nexport const Navbar = ({\n  className,\n  variant = \"classic\",\n  brand,\n  logo,\n  logoSrc,\n  logoAlt,\n  logoClassName,\n  brandHref = \"#\",\n  links,\n  actions,\n  cta,\n  languageSwitcher,\n  sticky = true,\n  LinkComponent,\n  ...props\n}: NavbarProps) => {\n  const [open, setOpen] = useState(false);\n  const Link = LinkComponent ?? \"a\";\n  const s = styles[variant];\n\n  const logoNode =\n    logo ??\n    (logoSrc ? (\n      <img\n        src={logoSrc}\n        alt={logoAlt ?? (typeof brand === \"string\" ? brand : \"Logo\")}\n        className={cn(\"h-7 w-auto\", logoClassName)}\n      />\n    ) : null);\n\n  const brandNode = logoNode ? (\n    <span className=\"flex items-center\">{logoNode}</span>\n  ) : (\n    <span className={cn(\"flex items-center gap-2 font-display text-[17px] font-bold tracking-tight\", s.brandText)}>\n      <span aria-hidden className={cn(\"inline-block h-2.5 w-2.5 rounded-sm\", s.brandDot)} />\n      {brand}\n    </span>\n  );\n\n  return (\n    <header className={cn(\"w-full transition-colors duration-200\", sticky && \"sticky top-0 z-50\", s.shell, s.header, className)} {...props}>\n      <nav className={cn(\"flex h-16 w-full items-center justify-between gap-4 transition-colors duration-200\", s.bar)} aria-label=\"Main navigation\">\n        <Link href={brandHref} className=\"shrink-0\">\n          {brandNode}\n        </Link>\n\n        <ul className={s.desktopList}>\n          {links.map((link) => (\n            <li key={link.href}>\n              <Link\n                href={link.href}\n                target={link.external ? \"_blank\" : undefined}\n                rel={link.external ? \"noopener noreferrer\" : undefined}\n                className={cn(\"text-sm font-medium transition-colors duration-150\", s.link)}\n              >\n                {link.label}\n              </Link>\n            </li>\n          ))}\n        </ul>\n\n        <div className=\"hidden items-center gap-3 md:flex\">\n          {languageSwitcher}\n          {actions}\n          {cta}\n        </div>\n\n        <button\n          type=\"button\"\n          aria-label={open ? \"Close menu\" : \"Open menu\"}\n          aria-expanded={open}\n          onClick={() => setOpen((o) => !o)}\n          className={cn(\n            \"inline-flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center rounded-md md:hidden\",\n            \"transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            s.menuButton,\n          )}\n        >\n          {open ? <X className=\"h-5 w-5\" /> : <Menu className=\"h-5 w-5\" />}\n        </button>\n      </nav>\n\n      <div\n        className={cn(\n          \"grid transition-[grid-template-rows,opacity] duration-200 md:hidden\",\n          open ? \"grid-rows-[1fr] opacity-100\" : \"grid-rows-[0fr] opacity-0\",\n          s.mobilePanel,\n        )}\n      >\n        <div className=\"min-h-0 overflow-hidden\">\n          <ul className={cn(\"flex flex-col py-4\", variant !== \"floating\" && \"px-5\")}>\n            {languageSwitcher ? (\n              <li className=\"px-2 pb-4\">{languageSwitcher}</li>\n            ) : null}\n            {links.map((link) => (\n              <li key={link.href}>\n                <Link\n                  href={link.href}\n                  target={link.external ? \"_blank\" : undefined}\n                  rel={link.external ? \"noopener noreferrer\" : undefined}\n                  onClick={() => setOpen(false)}\n                  className={cn(\n                    \"block rounded-md px-2 py-2.5 text-sm font-medium transition-colors duration-150\",\n                    s.mobileLink,\n                  )}\n                >\n                  {link.label}\n                </Link>\n              </li>\n            ))}\n            {cta ? (\n              <li className=\"mt-3 px-2 pb-2\">{cta}</li>\n            ) : actions ? (\n              <li className=\"mt-3 flex flex-wrap gap-3 px-2 pb-2\">{actions}</li>\n            ) : null}\n          </ul>\n        </div>\n      </div>\n    </header>\n  );\n};\nNavbar.displayName = \"Navbar\";"],"names":["inverse","light","styles","Navbar","className","variant","brand","logo","logoSrc","logoAlt","logoClassName","brandHref","links","actions","cta","languageSwitcher","sticky","LinkComponent","props","open","setOpen","useState","Link","s","logoNode","jsx","cn","brandNode","jsxs","link","o","X","Menu"],"mappings":"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"}
+{"version":3,"file":"Navbar.js","sources":["../../../../src/components/Navbar/Navbar.tsx"],"sourcesContent":["\"use client\";\nimport { useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Menu, X } from \"../../icons\";\nimport { emphasisSurfaceStyle } from \"../../utils/surface\";\nimport type { NavbarProps, NavbarVariant } from \"./types\";\n\ninterface NavbarStyle {\n  shell: string;\n  bar: string;\n  header: string;\n  link: string;\n  mobilePanel: string;\n  mobileLink: string;\n  menuButton: string;\n  brandText: string;\n  brandDot: string;\n  desktopList: string;\n}\n\nconst styles: Record<NavbarVariant, NavbarStyle> = {\n  classic: {\n    shell: \"border-b border-border bg-background/85 backdrop-blur-md supports-[backdrop-filter]:bg-background/75\",\n    bar: \"mx-auto max-w-6xl px-5 sm:px-8\",\n    header: \"px-0\",\n    link: \"text-muted-foreground hover:text-foreground\",\n    mobilePanel: \"border-t border-border bg-background\",\n    mobileLink:\n      \"text-muted-foreground hover:bg-surface hover:text-foreground\",\n    menuButton: \"text-foreground hover:bg-surface\",\n    brandText: \"text-foreground\",\n    brandDot: \"bg-foreground\",\n    desktopList: \"hidden items-center gap-7 md:flex\",\n  },\n  floating: {\n    shell: \"px-0\",\n    bar: \"mx-auto mt-3 max-w-5xl rounded-xl border border-border bg-surface/90 px-5 shadow-soft backdrop-blur-md supports-[backdrop-filter]:bg-surface/70\",\n    header: \"px-3 sm:px-6\",\n    link: \"text-muted-foreground hover:text-foreground\",\n    mobilePanel:\n      \"mx-3 mb-3 max-w-5xl overflow-hidden rounded-b-xl border border-border bg-surface\",\n    mobileLink:\n      \"text-muted-foreground hover:bg-surface hover:text-foreground\",\n    menuButton: \"text-foreground hover:bg-surface\",\n    brandText: \"text-foreground\",\n    brandDot: \"bg-foreground\",\n    desktopList: \"hidden items-center gap-7 md:flex\",\n  },\n};\n\n/**\n * On an emphasis (custom-background) bar everything inherits the resolved\n * contrast color instead of the page's --color-foreground/--color-border tokens.\n */\nconst emphatic: NavbarStyle = {\n  shell: \"\",\n  bar: \"mx-auto max-w-6xl px-5 sm:px-8\",\n  header: \"px-0\",\n  link: \"text-current/70 hover:text-current\",\n  mobilePanel: \"border-t border-current/15\",\n  mobileLink: \"text-current/70 hover:bg-current/10 hover:text-current\",\n  menuButton: \"text-current hover:bg-current/10\",\n  brandText: \"text-current\",\n  brandDot: \"bg-current\",\n  desktopList: \"hidden items-center gap-7 md:flex\",\n};\n\nexport const Navbar = ({\n  className,\n  variant = \"classic\",\n  brand,\n  logo,\n  logoSrc,\n  logoAlt,\n  logoClassName,\n  brandHref = \"#\",\n  links,\n  actions,\n  cta,\n  languageSwitcher,\n  sticky = true,\n  background,\n  LinkComponent,\n  style,\n  ...props\n}: NavbarProps) => {\n  const [open, setOpen] = useState(false);\n  const Link = LinkComponent ?? \"a\";\n  const s = background ? emphatic : styles[variant];\n  const floating = !background && variant === \"floating\";\n\n  const logoNode =\n    logo ??\n    (logoSrc ? (\n      <img\n        src={logoSrc}\n        alt={logoAlt ?? (typeof brand === \"string\" ? brand : \"Logo\")}\n        className={cn(\"h-7 w-auto\", logoClassName)}\n      />\n    ) : null);\n\n  const brandNode = logoNode ? (\n    <span className=\"flex items-center\">{logoNode}</span>\n  ) : (\n    <span className={cn(\"flex items-center gap-2 font-display text-[17px] font-bold tracking-tight\", s.brandText)}>\n      <span aria-hidden className={cn(\"inline-block h-2.5 w-2.5 rounded-sm\", s.brandDot)} />\n      {brand}\n    </span>\n  );\n\n  return (\n    <header\n      data-emphasis={background ? \"\" : undefined}\n      style={background ? { ...emphasisSurfaceStyle(background), ...style } : style}\n      className={cn(\n        \"w-full transition-colors duration-200\",\n        sticky && \"sticky top-0 z-50\",\n        s.shell,\n        s.header,\n        className,\n      )}\n      {...props}\n    >\n      <nav className={cn(\"flex h-16 w-full items-center justify-between gap-4 transition-colors duration-200\", s.bar)} aria-label=\"Main navigation\">\n        <Link href={brandHref} className=\"shrink-0\">\n          {brandNode}\n        </Link>\n\n        <ul className={s.desktopList}>\n          {links.map((link) => (\n            <li key={link.href}>\n              <Link\n                href={link.href}\n                target={link.external ? \"_blank\" : undefined}\n                rel={link.external ? \"noopener noreferrer\" : undefined}\n                className={cn(\"text-sm font-medium transition-colors duration-150\", s.link)}\n              >\n                {link.label}\n              </Link>\n            </li>\n          ))}\n        </ul>\n\n        <div className=\"hidden items-center gap-3 md:flex\">\n          {languageSwitcher}\n          {actions}\n          {cta}\n        </div>\n\n        <button\n          type=\"button\"\n          aria-label={open ? \"Close menu\" : \"Open menu\"}\n          aria-expanded={open}\n          onClick={() => setOpen((o) => !o)}\n          className={cn(\n            \"inline-flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center rounded-md md:hidden\",\n            \"transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            s.menuButton,\n          )}\n        >\n          {open ? <X className=\"h-5 w-5\" /> : <Menu className=\"h-5 w-5\" />}\n        </button>\n      </nav>\n\n      <div\n        className={cn(\n          \"grid transition-[grid-template-rows,opacity] duration-200 md:hidden\",\n          open ? \"grid-rows-[1fr] opacity-100\" : \"grid-rows-[0fr] opacity-0\",\n          s.mobilePanel,\n          background && \"bg-transparent\",\n        )}\n      >\n        <div className=\"min-h-0 overflow-hidden\">\n          <ul className={cn(\"flex flex-col py-4\", !floating && \"px-5\")}>\n            {languageSwitcher ? (\n              <li className=\"px-2 pb-4\">{languageSwitcher}</li>\n            ) : null}\n            {links.map((link) => (\n              <li key={link.href}>\n                <Link\n                  href={link.href}\n                  target={link.external ? \"_blank\" : undefined}\n                  rel={link.external ? \"noopener noreferrer\" : undefined}\n                  onClick={() => setOpen(false)}\n                  className={cn(\n                    \"block rounded-md px-2 py-2.5 text-sm font-medium transition-colors duration-150\",\n                    s.mobileLink,\n                  )}\n                >\n                  {link.label}\n                </Link>\n              </li>\n            ))}\n            {cta ? (\n              <li className=\"mt-3 px-2 pb-2\">{cta}</li>\n            ) : actions ? (\n              <li className=\"mt-3 flex flex-wrap gap-3 px-2 pb-2\">{actions}</li>\n            ) : null}\n          </ul>\n        </div>\n      </div>\n    </header>\n  );\n};\nNavbar.displayName = \"Navbar\";\n"],"names":["styles","emphatic","Navbar","className","variant","brand","logo","logoSrc","logoAlt","logoClassName","brandHref","links","actions","cta","languageSwitcher","sticky","background","LinkComponent","style","props","open","setOpen","useState","Link","s","floating","logoNode","jsx","cn","brandNode","jsxs","emphasisSurfaceStyle","link","o","X","Menu"],"mappings":"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"}

package/dist/es/components/Stats/Stats.js

@@ -1,14 +1,14 @@
 import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { StatsEditorial as e } from "./variants/Editorial.js";
-import { StatsHairline as o } from "./variants/Hairline.js";
-import { StatsCells as l } from "./variants/Cells.js";
+import { forwardRef as e } from "react";
+import { StatsStacked as a } from "./variants/Stacked.js";
+import { StatsDivided as d } from "./variants/Divided.js";
+import { StatsCells as s } from "./variants/Cells.js";
 import { StatsTicker as f } from "./variants/Ticker.js";
-const s = m(
-  ({ option: a = "editorial", ...t }, r) => a === "ticker" ? /* @__PURE__ */ i(f, { ref: r, ...t }) : a === "cells" ? /* @__PURE__ */ i(l, { ref: r, ...t }) : a === "hairline" ? /* @__PURE__ */ i(o, { ref: r, ...t }) : /* @__PURE__ */ i(e, { ref: r, ...t })
+const o = e(
+  ({ option: m = "stacked", ...t }, r) => m === "ticker" ? /* @__PURE__ */ i(f, { ref: r, ...t }) : m === "cells" ? /* @__PURE__ */ i(s, { ref: r, ...t }) : m === "divided" ? /* @__PURE__ */ i(d, { ref: r, ...t }) : /* @__PURE__ */ i(a, { ref: r, ...t })
 );
-s.displayName = "Stats";
+o.displayName = "Stats";
 export {
-  s as Stats
+  o as Stats
 };
 //# sourceMappingURL=Stats.js.map

package/dist/es/components/Stats/Stats.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stats.js","sources":["../../../../src/components/Stats/Stats.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { StatsProps } from \"./types\";\nimport { StatsEditorial } from \"./variants/Editorial\";\nimport { StatsHairline } from \"./variants/Hairline\";\nimport { StatsCells } from \"./variants/Cells\";\nimport { StatsTicker } from \"./variants/Ticker\";\n\nexport const Stats = forwardRef<HTMLDListElement, StatsProps>(\n  ({ option = \"editorial\", ...props }, ref) => {\n    if (option === \"ticker\") return <StatsTicker ref={ref} {...props} />;\n    if (option === \"cells\") return <StatsCells ref={ref} {...props} />;\n    if (option === \"hairline\") return <StatsHairline ref={ref} {...props} />;\n    return <StatsEditorial ref={ref} {...props} />;\n  },\n);\nStats.displayName = \"Stats\";"],"names":["Stats","forwardRef","option","props","ref","StatsTicker","StatsCells","StatsHairline","jsx","StatsEditorial"],"mappings":";;;;;;AAOO,MAAMA,IAAQC;AAAA,EACnB,CAAC,EAAE,QAAAC,IAAS,aAAa,GAAGC,EAAA,GAASC,MAC/BF,MAAW,6BAAkBG,GAAA,EAAY,KAAAD,GAAW,GAAGD,GAAO,IAC9DD,MAAW,4BAAiBI,GAAA,EAAW,KAAAF,GAAW,GAAGD,GAAO,IAC5DD,MAAW,+BAAoBK,GAAA,EAAc,KAAAH,GAAW,GAAGD,GAAO,IAC/D,gBAAAK,EAACC,GAAA,EAAe,KAAAL,GAAW,GAAGD,EAAA,CAAO;AAEhD;AACAH,EAAM,cAAc;"}
+{"version":3,"file":"Stats.js","sources":["../../../../src/components/Stats/Stats.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { StatsProps } from \"./types\";\nimport { StatsStacked } from \"./variants/Stacked\";\nimport { StatsDivided } from \"./variants/Divided\";\nimport { StatsCells } from \"./variants/Cells\";\nimport { StatsTicker } from \"./variants/Ticker\";\n\nexport const Stats = forwardRef<HTMLDListElement, StatsProps>(\n  ({ option = \"stacked\", ...props }, ref) => {\n    if (option === \"ticker\") return <StatsTicker ref={ref} {...props} />;\n    if (option === \"cells\") return <StatsCells ref={ref} {...props} />;\n    if (option === \"divided\") return <StatsDivided ref={ref} {...props} />;\n    return <StatsStacked ref={ref} {...props} />;\n  },\n);\nStats.displayName = \"Stats\";\n"],"names":["Stats","forwardRef","option","props","ref","StatsTicker","StatsCells","StatsDivided","jsx","StatsStacked"],"mappings":";;;;;;AAOO,MAAMA,IAAQC;AAAA,EACnB,CAAC,EAAE,QAAAC,IAAS,WAAW,GAAGC,EAAA,GAASC,MAC7BF,MAAW,6BAAkBG,GAAA,EAAY,KAAAD,GAAW,GAAGD,GAAO,IAC9DD,MAAW,4BAAiBI,GAAA,EAAW,KAAAF,GAAW,GAAGD,GAAO,IAC5DD,MAAW,8BAAmBK,GAAA,EAAa,KAAAH,GAAW,GAAGD,GAAO,IAC7D,gBAAAK,EAACC,GAAA,EAAa,KAAAL,GAAW,GAAGD,EAAA,CAAO;AAE9C;AACAH,EAAM,cAAc;"}

package/dist/es/components/Stats/parts.js

@@ -1,32 +1,52 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { cn as e } from "../../utils/cn.js";
-import { ArrowUp as a, ArrowDown as l } from "../../icons.js";
-const g = "font-display font-semibold tabular-nums tracking-[-0.02em] text-foreground", d = "ml-1 font-sans text-sm font-normal tracking-normal text-muted-foreground", f = {
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { cn as o } from "../../utils/cn.js";
+import { ArrowUp as d, ArrowDown as s } from "../../icons.js";
+const m = "font-display font-semibold leading-none tracking-[-0.03em] tabular-nums text-foreground", g = "ml-1.5 font-sans text-[0.42em] font-medium tracking-normal text-muted-foreground", h = {
   2: "sm:grid-cols-2",
   3: "sm:grid-cols-2 lg:grid-cols-3",
   4: "sm:grid-cols-2 lg:grid-cols-4"
+}, u = {
+  2: "sm:[&>*:nth-child(2n)]:border-l",
+  3: "sm:max-lg:[&>*:nth-child(2n)]:border-l lg:[&>*:nth-child(3n+2)]:border-l lg:[&>*:nth-child(3n)]:border-l",
+  4: "sm:max-lg:[&>*:nth-child(2n)]:border-l lg:[&>*:nth-child(4n+2)]:border-l lg:[&>*:nth-child(4n+3)]:border-l lg:[&>*:nth-child(4n)]:border-l"
 };
-function u({ delta: t }) {
-  const o = t >= 0, s = o ? a : l;
-  return /* @__PURE__ */ n(
+function f({ delta: e, className: l }) {
+  const n = e > 0 ? "up" : e < 0 ? "down" : "flat";
+  return /* @__PURE__ */ t(
     "span",
     {
-      className: e(
-        "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-semibold tabular-nums",
-        o ? "bg-accent/10 text-accent" : "bg-danger-soft text-danger"
+      "data-direction": n,
+      className: o(
+        "inline-flex items-center gap-1 text-[0.8125rem] font-semibold leading-none tabular-nums",
+        l
       ),
       children: [
-        /* @__PURE__ */ r(s, { className: "h-3 w-3" }),
-        Math.abs(t),
-        "%"
+        /* @__PURE__ */ r(
+          "span",
+          {
+            "aria-hidden": !0,
+            className: o(
+              "inline-flex",
+              n === "up" && "text-accent",
+              n === "down" && "text-danger",
+              n === "flat" && "text-muted-foreground"
+            ),
+            children: n === "up" ? /* @__PURE__ */ r(d, { className: "h-3.5 w-3.5", strokeWidth: 2.25 }) : n === "down" ? /* @__PURE__ */ r(s, { className: "h-3.5 w-3.5", strokeWidth: 2.25 }) : /* @__PURE__ */ r("span", { className: "h-px w-2.5 bg-current" })
+          }
+        ),
+        /* @__PURE__ */ t("span", { className: n === "flat" ? "text-muted-foreground" : "text-foreground", children: [
+          Math.abs(e),
+          "%"
+        ] })
       ]
     }
   );
 }
 export {
-  u as DeltaBadge,
-  f as gridCols,
-  d as suffixBase,
-  g as valueBase
+  f as DeltaMark,
+  h as gridCols,
+  u as gridDivider,
+  g as suffixBase,
+  m as valueBase
 };
 //# sourceMappingURL=parts.js.map

package/dist/es/components/Stats/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","sources":["../../../../src/components/Stats/parts.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn\";\nimport { ArrowUp, ArrowDown } from \"../../icons\";\n\nexport const valueBase =\n  \"font-display font-semibold tabular-nums tracking-[-0.02em] text-foreground\";\n\nexport const suffixBase = \"ml-1 font-sans text-sm font-normal tracking-normal text-muted-foreground\";\n\nexport const gridCols: Record<2 | 3 | 4, string> = {\n  2: \"sm:grid-cols-2\",\n  3: \"sm:grid-cols-2 lg:grid-cols-3\",\n  4: \"sm:grid-cols-2 lg:grid-cols-4\",\n};\n\nexport function DeltaBadge({ delta }: { delta: number }) {\n  const isUp = delta >= 0;\n  const Icon = isUp ? ArrowUp : ArrowDown;\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-semibold tabular-nums\",\n        isUp ? \"bg-accent/10 text-accent\" : \"bg-danger-soft text-danger\",\n      )}\n    >\n      <Icon className=\"h-3 w-3\" />\n      {Math.abs(delta)}%\n    </span>\n  );\n}"],"names":["valueBase","suffixBase","gridCols","DeltaBadge","delta","isUp","Icon","ArrowUp","ArrowDown","jsxs","cn","jsx"],"mappings":";;;AAGO,MAAMA,IACX,8EAEWC,IAAa,4EAEbC,IAAsC;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEO,SAASC,EAAW,EAAE,OAAAC,KAA4B;AACvD,QAAMC,IAAOD,KAAS,GAChBE,IAAOD,IAAOE,IAAUC;AAC9B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAL,IAAO,6BAA6B;AAAA,MAAA;AAAA,MAGtC,UAAA;AAAA,QAAA,gBAAAM,EAACL,GAAA,EAAK,WAAU,UAAA,CAAU;AAAA,QACzB,KAAK,IAAIF,CAAK;AAAA,QAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvB;"}
+{"version":3,"file":"parts.js","sources":["../../../../src/components/Stats/parts.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn\";\nimport { ArrowDown, ArrowUp } from \"../../icons\";\n\n/**\n * Shared Stats primitives.\n *\n * One voice across every layout: Space Grotesk numerals on a fixed baseline,\n * quiet sentence-case labels, hairline rules instead of card chrome, and a\n * typographic delta mark instead of a pill badge.\n */\n\nexport const valueBase =\n  \"font-display font-semibold leading-none tracking-[-0.03em] tabular-nums text-foreground\";\n\n/** Unit scales with the numeral it sits beside, so it reads at every size. */\nexport const suffixBase =\n  \"ml-1.5 font-sans text-[0.42em] font-medium tracking-normal text-muted-foreground\";\n\nexport const gridCols: Record<2 | 3 | 4, string> = {\n  2: \"sm:grid-cols-2\",\n  3: \"sm:grid-cols-2 lg:grid-cols-3\",\n  4: \"sm:grid-cols-2 lg:grid-cols-4\",\n};\n\n/**\n * Vertical hairlines between grid columns. Each breakpoint owns the columns it\n * actually draws (and `max-lg` removes the 2-up rule once 3/4-up takes over),\n * so wrapped rows never inherit a stray edge rule.\n */\nexport const gridDivider: Record<2 | 3 | 4, string> = {\n  2: \"sm:[&>*:nth-child(2n)]:border-l\",\n  3: \"sm:max-lg:[&>*:nth-child(2n)]:border-l lg:[&>*:nth-child(3n+2)]:border-l lg:[&>*:nth-child(3n)]:border-l\",\n  4: \"sm:max-lg:[&>*:nth-child(2n)]:border-l lg:[&>*:nth-child(4n+2)]:border-l lg:[&>*:nth-child(4n+3)]:border-l lg:[&>*:nth-child(4n)]:border-l\",\n};\n\n/**\n * delta — a change, set in type: a direction-colored arrow beside the signed\n * magnitude in high-contrast foreground. No background, no pill, no border.\n * Zero reads neutral.\n *\n * Direction lives on the arrow, not the figure: `--color-accent` is emerald-600\n * and only clears 3:1 as a graphic, so tinting 13px text with it would miss the\n * 4.5:1 text floor. Danger (4.8:1) could tint text, but the mark stays one\n * consistent treatment instead of two.\n */\nexport function DeltaMark({ delta, className }: { delta: number; className?: string }) {\n  const direction = delta > 0 ? \"up\" : delta < 0 ? \"down\" : \"flat\";\n\n  return (\n    <span\n      data-direction={direction}\n      className={cn(\n        \"inline-flex items-center gap-1 text-[0.8125rem] font-semibold leading-none tabular-nums\",\n        className,\n      )}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          \"inline-flex\",\n          direction === \"up\" && \"text-accent\",\n          direction === \"down\" && \"text-danger\",\n          direction === \"flat\" && \"text-muted-foreground\",\n        )}\n      >\n        {direction === \"up\" ? (\n          <ArrowUp className=\"h-3.5 w-3.5\" strokeWidth={2.25} />\n        ) : direction === \"down\" ? (\n          <ArrowDown className=\"h-3.5 w-3.5\" strokeWidth={2.25} />\n        ) : (\n          <span className=\"h-px w-2.5 bg-current\" />\n        )}\n      </span>\n      <span className={direction === \"flat\" ? \"text-muted-foreground\" : \"text-foreground\"}>\n        {Math.abs(delta)}%\n      </span>\n    </span>\n  );\n}\n"],"names":["valueBase","suffixBase","gridCols","gridDivider","DeltaMark","delta","className","direction","jsxs","cn","jsx","ArrowUp","ArrowDown"],"mappings":";;;AAWO,MAAMA,IACX,2FAGWC,IACX,oFAEWC,IAAsC;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL,GAOaC,IAAyC;AAAA,EACpD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAYO,SAASC,EAAU,EAAE,OAAAC,GAAO,WAAAC,KAAoD;AACrF,QAAMC,IAAYF,IAAQ,IAAI,OAAOA,IAAQ,IAAI,SAAS;AAE1D,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,kBAAgBD;AAAA,MAChB,WAAWE;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAW;AAAA,YACX,WAAWD;AAAA,cACT;AAAA,cACAF,MAAc,QAAQ;AAAA,cACtBA,MAAc,UAAU;AAAA,cACxBA,MAAc,UAAU;AAAA,YAAA;AAAA,YAGzB,UAAAA,MAAc,OACb,gBAAAG,EAACC,GAAA,EAAQ,WAAU,eAAc,aAAa,MAAM,IAClDJ,MAAc,SAChB,gBAAAG,EAACE,GAAA,EAAU,WAAU,eAAc,aAAa,MAAM,IAEtD,gBAAAF,EAAC,QAAA,EAAK,WAAU,wBAAA,CAAwB;AAAA,UAAA;AAAA,QAAA;AAAA,0BAG3C,QAAA,EAAK,WAAWH,MAAc,SAAS,0BAA0B,mBAC/D,UAAA;AAAA,UAAA,KAAK,IAAIF,CAAK;AAAA,UAAE;AAAA,QAAA,EAAA,CACnB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/es/components/Stats/variants/Cells.js

@@ -1,25 +1,53 @@
 import { jsx as l, jsxs as r } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { cn as s } from "../../../utils/cn.js";
-import { suffixBase as n, valueBase as f, gridCols as t } from "../parts.js";
+import { cn as d } from "../../../utils/cn.js";
+import { suffixBase as c, valueBase as f, DeltaMark as u, gridCols as p } from "../parts.js";
 const x = m(
-  ({ className: i, stats: d, columns: a = 4, ...o }, c) => /* @__PURE__ */ l("dl", { ref: c, className: s("grid grid-cols-1 gap-4", t[a], i), ...o, children: d.map((e) => /* @__PURE__ */ r(
-    "div",
+  ({ className: i, stats: a, columns: n = 4, ...s }, o) => /* @__PURE__ */ l(
+    "dl",
     {
-      className: "flex min-h-[8.5rem] flex-col justify-between rounded-xl border border-border bg-surface p-6",
-      children: [
-        /* @__PURE__ */ r("dd", { className: s(f, "text-3xl", e.accent ? "text-primary" : void 0), children: [
-          e.value,
-          e.suffix ? /* @__PURE__ */ l("span", { className: n, children: e.suffix }) : null
-        ] }),
-        /* @__PURE__ */ r("div", { className: "mt-5 flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ l("dt", { className: "text-sm text-muted-foreground", children: e.label }),
-          e.icon ? /* @__PURE__ */ l("span", { className: "text-foreground/30", children: e.icon }) : null
-        ] })
-      ]
-    },
-    e.label
-  )) })
+      ref: o,
+      className: d(
+        "grid grid-cols-1 gap-px overflow-hidden rounded-xl border border-border bg-border",
+        p[n],
+        i
+      ),
+      ...s,
+      children: a.map((e) => /* @__PURE__ */ r(
+        "div",
+        {
+          className: "flex min-h-[8rem] flex-col justify-between gap-8 bg-surface p-5 sm:p-6",
+          children: [
+            /* @__PURE__ */ r("div", { className: "flex items-start justify-between gap-3", children: [
+              /* @__PURE__ */ l("dt", { className: "text-sm leading-5 text-muted-foreground", children: e.label }),
+              e.icon ? /* @__PURE__ */ l("span", { className: "shrink-0 text-foreground/45", children: e.icon }) : null
+            ] }),
+            /* @__PURE__ */ r("div", { children: [
+              /* @__PURE__ */ r(
+                "dd",
+                {
+                  className: d(
+                    f,
+                    "text-4xl",
+                    e.accent ? "text-primary" : void 0
+                  ),
+                  children: [
+                    e.value,
+                    e.suffix ? /* @__PURE__ */ l("span", { className: c, children: e.suffix }) : null
+                  ]
+                }
+              ),
+              typeof e.delta == "number" || e.sub ? /* @__PURE__ */ r("div", { className: "mt-3 flex flex-wrap items-baseline gap-x-3 gap-y-1", children: [
+                typeof e.delta == "number" ? /* @__PURE__ */ l(u, { delta: e.delta }) : null,
+                e.sub ? /* @__PURE__ */ l("p", { className: "text-[13px] leading-5 text-muted-foreground", children: e.sub }) : null
+              ] }) : null
+            ] })
+          ]
+        },
+        e.label
+      ))
+    }
+  )
 );
 x.displayName = "StatsCells";
 export {

package/dist/es/components/Stats/variants/Cells.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cells.js","sources":["../../../../../src/components/Stats/variants/Cells.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, gridCols } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface CellsProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n  columns?: 2 | 3 | 4;\n}\n\nexport const StatsCells = forwardRef<HTMLDListElement, CellsProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl ref={ref} className={cn(\"grid grid-cols-1 gap-4\", gridCols[columns], className)} {...props}>\n      {stats.map((stat) => (\n        <div\n          key={stat.label}\n          className=\"flex min-h-[8.5rem] flex-col justify-between rounded-xl border border-border bg-surface p-6\"\n        >\n          <dd className={cn(valueBase, \"text-3xl\", stat.accent ? \"text-primary\" : undefined)}>\n            {stat.value}\n            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n          </dd>\n          <div className=\"mt-5 flex items-center justify-between gap-3\">\n            <dt className=\"text-sm text-muted-foreground\">{stat.label}</dt>\n            {stat.icon ? (\n              <span className=\"text-foreground/30\">{stat.icon}</span>\n            ) : null}\n          </div>\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsCells.displayName = \"StatsCells\";"],"names":["StatsCells","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","stat","jsxs","valueBase","suffixBase"],"mappings":";;;;AAUO,MAAMA,IAAaC;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,SAAAC,IAAU,GAAG,GAAGC,EAAA,GAASC,MAC5C,gBAAAC,EAAC,MAAA,EAAG,KAAAD,GAAU,WAAWE,EAAG,0BAA0BC,EAASL,CAAO,GAAGF,CAAS,GAAI,GAAGG,GACtF,UAAAF,EAAM,IAAI,CAACO,MACV,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAA,EAAC,MAAA,EAAG,WAAWH,EAAGI,GAAW,YAAYF,EAAK,SAAS,iBAAiB,MAAS,GAC9E,UAAA;AAAA,UAAAA,EAAK;AAAA,UACLA,EAAK,SAAS,gBAAAH,EAAC,QAAA,EAAK,WAAWM,GAAa,UAAAH,EAAK,QAAO,IAAU;AAAA,QAAA,GACrE;AAAA,QACA,gBAAAC,EAAC,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,UAAA,gBAAAJ,EAAC,MAAA,EAAG,WAAU,iCAAiC,UAAAG,EAAK,OAAM;AAAA,UACzDA,EAAK,OACJ,gBAAAH,EAAC,QAAA,EAAK,WAAU,sBAAsB,UAAAG,EAAK,MAAK,IAC9C;AAAA,QAAA,EAAA,CACN;AAAA,MAAA;AAAA,IAAA;AAAA,IAZKA,EAAK;AAAA,EAAA,CAcb,EAAA,CACH;AAEJ;AACAV,EAAW,cAAc;"}
+{"version":3,"file":"Cells.js","sources":["../../../../../src/components/Stats/variants/Cells.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, gridCols, DeltaMark } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface CellsProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n  columns?: 2 | 3 | 4;\n}\n\n/**\n * cells — one framed spec matrix. Cells are divided by real hairlines (the grid\n * gaps show the shared border color), so the group reads as a single panel\n * instead of a row of detached cards.\n */\nexport const StatsCells = forwardRef<HTMLDListElement, CellsProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl\n      ref={ref}\n      className={cn(\n        \"grid grid-cols-1 gap-px overflow-hidden rounded-xl border border-border bg-border\",\n        gridCols[columns],\n        className,\n      )}\n      {...props}\n    >\n      {stats.map((stat) => (\n        <div\n          key={stat.label}\n          className=\"flex min-h-[8rem] flex-col justify-between gap-8 bg-surface p-5 sm:p-6\"\n        >\n          <div className=\"flex items-start justify-between gap-3\">\n            <dt className=\"text-sm leading-5 text-muted-foreground\">{stat.label}</dt>\n            {stat.icon ? <span className=\"shrink-0 text-foreground/45\">{stat.icon}</span> : null}\n          </div>\n          <div>\n            <dd\n              className={cn(\n                valueBase,\n                \"text-4xl\",\n                stat.accent ? \"text-primary\" : undefined,\n              )}\n            >\n              {stat.value}\n              {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n            </dd>\n            {typeof stat.delta === \"number\" || stat.sub ? (\n              <div className=\"mt-3 flex flex-wrap items-baseline gap-x-3 gap-y-1\">\n                {typeof stat.delta === \"number\" ? <DeltaMark delta={stat.delta} /> : null}\n                {stat.sub ? (\n                  <p className=\"text-[13px] leading-5 text-muted-foreground\">{stat.sub}</p>\n                ) : null}\n              </div>\n            ) : null}\n          </div>\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsCells.displayName = \"StatsCells\";\n"],"names":["StatsCells","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","stat","jsxs","valueBase","suffixBase","DeltaMark"],"mappings":";;;;AAeO,MAAMA,IAAaC;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,SAAAC,IAAU,GAAG,GAAGC,EAAA,GAASC,MAC5C,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAC,EAASL,CAAO;AAAA,QAChBF;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,MAEH,UAAAF,EAAM,IAAI,CAACO,MACV,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,cAAA,gBAAAJ,EAAC,MAAA,EAAG,WAAU,2CAA2C,UAAAG,EAAK,OAAM;AAAA,cACnEA,EAAK,OAAO,gBAAAH,EAAC,QAAA,EAAK,WAAU,+BAA+B,UAAAG,EAAK,MAAK,IAAU;AAAA,YAAA,GAClF;AAAA,8BACC,OAAA,EACC,UAAA;AAAA,cAAA,gBAAAC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWH;AAAA,oBACTI;AAAA,oBACA;AAAA,oBACAF,EAAK,SAAS,iBAAiB;AAAA,kBAAA;AAAA,kBAGhC,UAAA;AAAA,oBAAAA,EAAK;AAAA,oBACLA,EAAK,SAAS,gBAAAH,EAAC,QAAA,EAAK,WAAWM,GAAa,UAAAH,EAAK,QAAO,IAAU;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEpE,OAAOA,EAAK,SAAU,YAAYA,EAAK,MACtC,gBAAAC,EAAC,OAAA,EAAI,WAAU,sDACZ,UAAA;AAAA,gBAAA,OAAOD,EAAK,SAAU,WAAW,gBAAAH,EAACO,KAAU,OAAOJ,EAAK,OAAO,IAAK;AAAA,gBACpEA,EAAK,MACJ,gBAAAH,EAAC,KAAA,EAAE,WAAU,+CAA+C,UAAAG,EAAK,KAAI,IACnE;AAAA,cAAA,EAAA,CACN,IACE;AAAA,YAAA,EAAA,CACN;AAAA,UAAA;AAAA,QAAA;AAAA,QA1BKA,EAAK;AAAA,MAAA,CA4Bb;AAAA,IAAA;AAAA,EAAA;AAGP;AACAV,EAAW,cAAc;"}

package/dist/es/components/Stats/variants/Divided.js

@@ -0,0 +1,45 @@
+import { jsx as l, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { cn as a } from "../../../utils/cn.js";
+import { suffixBase as o, valueBase as x, DeltaMark as n, gridDivider as f, gridCols as p } from "../parts.js";
+const u = c(
+  ({ className: i, stats: m, columns: r = 4, ...s }, t) => /* @__PURE__ */ l(
+    "dl",
+    {
+      ref: t,
+      className: a("grid grid-cols-1 gap-y-10", p[r], f[r], i),
+      ...s,
+      children: m.map((e) => /* @__PURE__ */ d(
+        "div",
+        {
+          className: "flex flex-col items-center gap-2.5 border-border text-center sm:px-6",
+          children: [
+            /* @__PURE__ */ d(
+              "dd",
+              {
+                className: a(
+                  x,
+                  "text-4xl sm:text-5xl",
+                  e.accent ? "text-primary" : void 0
+                ),
+                children: [
+                  e.value,
+                  e.suffix ? /* @__PURE__ */ l("span", { className: o, children: e.suffix }) : null
+                ]
+              }
+            ),
+            /* @__PURE__ */ l("dt", { className: "text-sm leading-5 text-muted-foreground", children: e.label }),
+            typeof e.delta == "number" ? /* @__PURE__ */ l(n, { delta: e.delta, className: "mt-0.5" }) : null,
+            e.sub ? /* @__PURE__ */ l("p", { className: "mt-1 max-w-[22ch] text-[13px] leading-5 text-muted-foreground", children: e.sub }) : null
+          ]
+        },
+        e.label
+      ))
+    }
+  )
+);
+u.displayName = "StatsDivided";
+export {
+  u as StatsDivided
+};
+//# sourceMappingURL=Divided.js.map

package/dist/es/components/Stats/variants/Divided.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divided.js","sources":["../../../../../src/components/Stats/variants/Divided.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, gridCols, gridDivider, DeltaMark } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface DividedProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n  columns?: 2 | 3 | 4;\n}\n\n/** divided — centered numerals in a symmetric run, divided by true vertical hairlines. */\nexport const StatsDivided = forwardRef<HTMLDListElement, DividedProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl\n      ref={ref}\n      className={cn(\"grid grid-cols-1 gap-y-10\", gridCols[columns], gridDivider[columns], className)}\n      {...props}\n    >\n      {stats.map((stat) => (\n        <div\n          key={stat.label}\n          className=\"flex flex-col items-center gap-2.5 border-border text-center sm:px-6\"\n        >\n          <dd\n            className={cn(\n              valueBase,\n              \"text-4xl sm:text-5xl\",\n              stat.accent ? \"text-primary\" : undefined,\n            )}\n          >\n            {stat.value}\n            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n          </dd>\n          <dt className=\"text-sm leading-5 text-muted-foreground\">{stat.label}</dt>\n          {typeof stat.delta === \"number\" ? (\n            <DeltaMark delta={stat.delta} className=\"mt-0.5\" />\n          ) : null}\n          {stat.sub ? (\n            <p className=\"mt-1 max-w-[22ch] text-[13px] leading-5 text-muted-foreground\">\n              {stat.sub}\n            </p>\n          ) : null}\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsDivided.displayName = \"StatsDivided\";\n"],"names":["StatsDivided","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","gridDivider","stat","jsxs","valueBase","suffixBase","DeltaMark"],"mappings":";;;;AAWO,MAAMA,IAAeC;AAAA,EAC1B,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,SAAAC,IAAU,GAAG,GAAGC,EAAA,GAASC,MAC5C,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAG,6BAA6BC,EAASL,CAAO,GAAGM,EAAYN,CAAO,GAAGF,CAAS;AAAA,MAC5F,GAAGG;AAAA,MAEH,UAAAF,EAAM,IAAI,CAACQ,MACV,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWJ;AAAA,kBACTK;AAAA,kBACA;AAAA,kBACAF,EAAK,SAAS,iBAAiB;AAAA,gBAAA;AAAA,gBAGhC,UAAA;AAAA,kBAAAA,EAAK;AAAA,kBACLA,EAAK,SAAS,gBAAAJ,EAAC,QAAA,EAAK,WAAWO,GAAa,UAAAH,EAAK,QAAO,IAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAErE,gBAAAJ,EAAC,MAAA,EAAG,WAAU,2CAA2C,YAAK,OAAM;AAAA,YACnE,OAAOI,EAAK,SAAU,WACrB,gBAAAJ,EAACQ,GAAA,EAAU,OAAOJ,EAAK,OAAO,WAAU,SAAA,CAAS,IAC/C;AAAA,YACHA,EAAK,MACJ,gBAAAJ,EAAC,KAAA,EAAE,WAAU,iEACV,UAAAI,EAAK,KACR,IACE;AAAA,UAAA;AAAA,QAAA;AAAA,QArBCA,EAAK;AAAA,MAAA,CAuBb;AAAA,IAAA;AAAA,EAAA;AAGP;AACAX,EAAa,cAAc;"}

package/dist/es/components/Stats/variants/Stacked.js

@@ -0,0 +1,40 @@
+import { jsx as l, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { cn as a } from "../../../utils/cn.js";
+import { suffixBase as c, valueBase as t, DeltaMark as x, gridCols as p } from "../parts.js";
+const f = n(
+  ({ className: d, stats: m, columns: i = 4, ...s }, o) => /* @__PURE__ */ l(
+    "dl",
+    {
+      ref: o,
+      className: a("grid grid-cols-1 gap-x-10 gap-y-10", p[i], d),
+      ...s,
+      children: m.map((e) => /* @__PURE__ */ r("div", { className: "border-t border-border pt-5", children: [
+        /* @__PURE__ */ l("dt", { className: "text-sm leading-5 text-muted-foreground", children: e.label }),
+        /* @__PURE__ */ r(
+          "dd",
+          {
+            className: a(
+              t,
+              "mt-3 text-5xl sm:text-6xl",
+              e.accent ? "text-primary" : void 0
+            ),
+            children: [
+              e.value,
+              e.suffix ? /* @__PURE__ */ l("span", { className: c, children: e.suffix }) : null
+            ]
+          }
+        ),
+        typeof e.delta == "number" || e.sub ? /* @__PURE__ */ r("div", { className: "mt-4 flex flex-wrap items-baseline gap-x-3 gap-y-1", children: [
+          typeof e.delta == "number" ? /* @__PURE__ */ l(x, { delta: e.delta }) : null,
+          e.sub ? /* @__PURE__ */ l("p", { className: "text-[13px] leading-5 text-muted-foreground", children: e.sub }) : null
+        ] }) : null
+      ] }, e.label))
+    }
+  )
+);
+f.displayName = "StatsStacked";
+export {
+  f as StatsStacked
+};
+//# sourceMappingURL=Stacked.js.map