@ugurdemirel/landcraft 0.1.23 → 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/variants/{Hairline.js → Divided.js}

@@ -1,35 +1,35 @@
-import { jsx as l, jsxs as a } from "react/jsx-runtime";
+import { jsx as l, jsxs as d } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
-import { cn as d } from "../../../utils/cn.js";
-import { suffixBase as n, valueBase as o, DeltaMark as x, gridDivider as f, gridCols as p } from "../parts.js";
+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: d("grid grid-cols-1 gap-y-10", p[r], f[r], i),
+      className: a("grid grid-cols-1 gap-y-10", p[r], f[r], i),
       ...s,
-      children: m.map((e) => /* @__PURE__ */ a(
+      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__ */ a(
+            /* @__PURE__ */ d(
               "dd",
               {
-                className: d(
-                  o,
+                className: a(
+                  x,
                   "text-4xl sm:text-5xl",
                   e.accent ? "text-primary" : void 0
                 ),
                 children: [
                   e.value,
-                  e.suffix ? /* @__PURE__ */ l("span", { className: n, children: e.suffix }) : null
+                  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(x, { delta: e.delta, className: "mt-0.5" }) : null,
+            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
           ]
         },
@@ -38,8 +38,8 @@ const u = c(
     }
   )
 );
-u.displayName = "StatsHairline";
+u.displayName = "StatsDivided";
 export {
-  u as StatsHairline
+  u as StatsDivided
 };
-//# sourceMappingURL=Hairline.js.map
+//# 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/{Editorial.js → Stacked.js}

@@ -1,40 +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 t, valueBase as x, DeltaMark as c, gridCols as p } from "../parts.js";
+import { suffixBase as c, valueBase as t, DeltaMark as x, gridCols as p } from "../parts.js";
 const f = n(
-  ({ className: d, stats: i, columns: m = 4, ...o }, s) => /* @__PURE__ */ l(
+  ({ className: d, stats: m, columns: i = 4, ...s }, o) => /* @__PURE__ */ l(
     "dl",
     {
-      ref: s,
-      className: a("grid grid-cols-1 gap-x-10 gap-y-10", p[m], d),
-      ...o,
-      children: i.map((e) => /* @__PURE__ */ r("div", { className: "border-t border-border pt-5", children: [
+      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(
-              x,
+              t,
               "mt-3 text-5xl sm:text-6xl",
               e.accent ? "text-primary" : void 0
             ),
             children: [
               e.value,
-              e.suffix ? /* @__PURE__ */ l("span", { className: t, children: e.suffix }) : null
+              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(c, { delta: e.delta }) : null,
+          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 = "StatsEditorial";
+f.displayName = "StatsStacked";
 export {
-  f as StatsEditorial
+  f as StatsStacked
 };
-//# sourceMappingURL=Editorial.js.map
+//# sourceMappingURL=Stacked.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stacked.js","sources":["../../../../../src/components/Stats/variants/Stacked.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 StackedProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n  columns?: 2 | 3 | 4;\n}\n\n/** stacked — a ruled ledger: label on the rule, oversized numeral, typed meta. */\nexport const StatsStacked = forwardRef<HTMLDListElement, StackedProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl\n      ref={ref}\n      className={cn(\"grid grid-cols-1 gap-x-10 gap-y-10\", gridCols[columns], className)}\n      {...props}\n    >\n      {stats.map((stat) => (\n        <div key={stat.label} className=\"border-t border-border pt-5\">\n          <dt className=\"text-sm leading-5 text-muted-foreground\">{stat.label}</dt>\n          <dd\n            className={cn(\n              valueBase,\n              \"mt-3 text-5xl sm:text-6xl\",\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-4 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      ))}\n    </dl>\n  ),\n);\nStatsStacked.displayName = \"StatsStacked\";\n"],"names":["StatsStacked","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","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,sCAAsCC,EAASL,CAAO,GAAGF,CAAS;AAAA,MAC/E,GAAGG;AAAA,MAEH,YAAM,IAAI,CAACK,MACV,gBAAAC,EAAC,OAAA,EAAqB,WAAU,+BAC9B,UAAA;AAAA,QAAA,gBAAAJ,EAAC,MAAA,EAAG,WAAU,2CAA2C,UAAAG,EAAK,OAAM;AAAA,QACpE,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWH;AAAA,cACTI;AAAA,cACA;AAAA,cACAF,EAAK,SAAS,iBAAiB;AAAA,YAAA;AAAA,YAGhC,UAAA;AAAA,cAAAA,EAAK;AAAA,cACLA,EAAK,SAAS,gBAAAH,EAAC,QAAA,EAAK,WAAWM,GAAa,UAAAH,EAAK,QAAO,IAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEpE,OAAOA,EAAK,SAAU,YAAYA,EAAK,MACtC,gBAAAC,EAAC,OAAA,EAAI,WAAU,sDACZ,UAAA;AAAA,UAAA,OAAOD,EAAK,SAAU,WAAW,gBAAAH,EAACO,KAAU,OAAOJ,EAAK,OAAO,IAAK;AAAA,UACpEA,EAAK,MACJ,gBAAAH,EAAC,KAAA,EAAE,WAAU,+CAA+C,UAAAG,EAAK,KAAI,IACnE;AAAA,QAAA,EAAA,CACN,IACE;AAAA,MAAA,EAAA,GAnBIA,EAAK,KAoBf,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;AACAV,EAAa,cAAc;"}

package/dist/es/utils/surface.js

@@ -0,0 +1,16 @@
+const o = "radial-gradient(120% 160% at 0% 0%, rgb(var(--color-primary)), rgb(var(--color-primary-hover)) 55%, rgb(var(--color-primary) / 0.85))";
+function a(r) {
+  return r ? {
+    "--lc-bg": r,
+    backgroundColor: "var(--lc-bg)",
+    color: "contrast-color(var(--lc-bg))"
+  } : {
+    background: o,
+    color: "contrast-color(rgb(var(--color-primary)))"
+  };
+}
+export {
+  o as emphasisGradient,
+  a as emphasisSurfaceStyle
+};
+//# sourceMappingURL=surface.js.map

package/dist/es/utils/surface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface.js","sources":["../../../src/utils/surface.ts"],"sourcesContent":["import type { CSSProperties } from \"react\";\n\n/**\n * Default brand fill for \"emphasis\" (bold) sections. Defined once so every\n * emphasis surface — CTA panels, Hero statements, and any future band — paints\n * the exact same gradient and reads as one design language.\n */\nexport const emphasisGradient =\n  \"radial-gradient(120% 160% at 0% 0%, rgb(var(--color-primary)), rgb(var(--color-primary-hover)) 55%, rgb(var(--color-primary) / 0.85))\";\n\n/**\n * Inline style for an emphasis surface.\n *\n * - Without a `background`, the surface is painted with the brand gradient and\n *   the text color is derived from `--color-primary` via CSS `contrast-color()`.\n * - With a `background` (any CSS color), it binds `--lc-bg` so the background\n *   and its text color share one source; `contrast-color(var(--lc-bg))` picks\n *   white/black and re-evaluates automatically when the value changes.\n *\n * This is the CSS-only contrast path mandated by AGENTS.md — no JS luminance\n * helpers.\n */\nexport function emphasisSurfaceStyle(background?: string): CSSProperties {\n  if (background) {\n    return {\n      \"--lc-bg\": background,\n      backgroundColor: \"var(--lc-bg)\",\n      color: \"contrast-color(var(--lc-bg))\",\n    } as CSSProperties;\n  }\n\n  return {\n    background: emphasisGradient,\n    color: \"contrast-color(rgb(var(--color-primary)))\",\n  };\n}\n"],"names":["emphasisGradient","emphasisSurfaceStyle","background"],"mappings":"AAOO,MAAMA,IACX;AAcK,SAASC,EAAqBC,GAAoC;AACvE,SAAIA,IACK;AAAA,IACL,WAAWA;AAAA,IACX,iBAAiB;AAAA,IACjB,OAAO;AAAA,EAAA,IAIJ;AAAA,IACL,YAAYF;AAAA,IACZ,OAAO;AAAA,EAAA;AAEX;"}