@ugurdemirel/landcraft 0.1.9 → 0.1.11

package/dist/es/components/LogoCloud/variants/Marquee.js

@@ -0,0 +1,18 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { cn as t } from "../../../utils/cn.js";
+import { LogoCloudTitle as u, LogoMark as f } from "../parts.js";
+const p = c(
+  ({ className: a, logos: o, title: m, ...d }, i) => {
+    const l = [...o, ...o];
+    return /* @__PURE__ */ s("div", { ref: i, className: t("w-full overflow-hidden", a), ...d, children: [
+      /* @__PURE__ */ e(u, { title: m }),
+      /* @__PURE__ */ e("div", { className: "mask-fade-x", children: /* @__PURE__ */ e("div", { className: "flex w-max animate-marquee gap-14 pr-14 motion-reduce:animate-none", children: l.map((r, n) => /* @__PURE__ */ e("div", { className: "group shrink-0", children: /* @__PURE__ */ e(f, { logo: r }) }, `${r.name}-${n}`)) }) })
+    ] });
+  }
+);
+p.displayName = "LogoCloudMarquee";
+export {
+  p as LogoCloudMarquee
+};
+//# sourceMappingURL=Marquee.js.map

package/dist/es/components/LogoCloud/variants/Marquee.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marquee.js","sources":["../../../../../src/components/LogoCloud/variants/Marquee.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { LogoMark, LogoCloudTitle } from \"../parts\";\nimport type { LogoItem } from \"../types\";\n\ninterface MarqueeProps extends HTMLAttributes<HTMLDivElement> {\n  logos: LogoItem[];\n  title?: string;\n}\n\nexport const LogoCloudMarquee = forwardRef<HTMLDivElement, MarqueeProps>(\n  ({ className, logos, title, ...props }, ref) => {\n    const doubled = [...logos, ...logos];\n    return (\n      <div ref={ref} className={cn(\"w-full overflow-hidden\", className)} {...props}>\n        <LogoCloudTitle title={title} />\n        <div className=\"mask-fade-x\">\n          <div className=\"flex w-max animate-marquee gap-14 pr-14 motion-reduce:animate-none\">\n            {doubled.map((logo, i) => (\n              <div key={`${logo.name}-${i}`} className=\"group shrink-0\">\n                <LogoMark logo={logo} />\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\nLogoCloudMarquee.displayName = \"LogoCloudMarquee\";"],"names":["LogoCloudMarquee","forwardRef","className","logos","title","props","ref","doubled","jsxs","cn","jsx","LogoCloudTitle","logo","i","LogoMark"],"mappings":";;;;AAUO,MAAMA,IAAmBC;AAAA,EAC9B,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,OAAAC,GAAO,GAAGC,EAAA,GAASC,MAAQ;AAC9C,UAAMC,IAAU,CAAC,GAAGJ,GAAO,GAAGA,CAAK;AACnC,WACE,gBAAAK,EAAC,SAAI,KAAAF,GAAU,WAAWG,EAAG,0BAA0BP,CAAS,GAAI,GAAGG,GACrE,UAAA;AAAA,MAAA,gBAAAK,EAACC,KAAe,OAAAP,GAAc;AAAA,MAC9B,gBAAAM,EAAC,OAAA,EAAI,WAAU,eACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sEACZ,UAAAH,EAAQ,IAAI,CAACK,GAAMC,MAClB,gBAAAH,EAAC,OAAA,EAA8B,WAAU,kBACvC,UAAA,gBAAAA,EAACI,GAAA,EAAS,MAAAF,GAAY,EAAA,GADd,GAAGA,EAAK,IAAI,IAAIC,CAAC,EAE3B,CACD,GACH,EAAA,CACF;AAAA,IAAA,GACF;AAAA,EAEJ;AACF;AACAb,EAAiB,cAAc;"}

package/dist/es/components/LogoCloud/variants/Quiet.js

@@ -0,0 +1,15 @@
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { cn as p } from "../../../utils/cn.js";
+import { LogoCloudTitle as c, LogoMark as f } from "../parts.js";
+const d = t(
+  ({ className: r, logos: l, title: a, ...i }, m) => /* @__PURE__ */ s("div", { ref: m, className: p("w-full", r), ...i, children: [
+    /* @__PURE__ */ o(c, { title: a }),
+    /* @__PURE__ */ o("ul", { className: "flex flex-wrap items-center justify-center gap-x-12 gap-y-6", children: l.map((e) => /* @__PURE__ */ o("li", { className: "group", children: /* @__PURE__ */ o(f, { logo: e }) }, e.name)) })
+  ] })
+);
+d.displayName = "LogoCloudQuiet";
+export {
+  d as LogoCloudQuiet
+};
+//# sourceMappingURL=Quiet.js.map

package/dist/es/components/LogoCloud/variants/Quiet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quiet.js","sources":["../../../../../src/components/LogoCloud/variants/Quiet.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { LogoMark, LogoCloudTitle } from \"../parts\";\nimport type { LogoItem } from \"../types\";\n\ninterface QuietProps extends HTMLAttributes<HTMLDivElement> {\n  logos: LogoItem[];\n  title?: string;\n}\n\n/** quiet — unbounded spread of wordmarks. */\nexport const LogoCloudQuiet = forwardRef<HTMLDivElement, QuietProps>(\n  ({ className, logos, title, ...props }, ref) => (\n    <div ref={ref} className={cn(\"w-full\", className)} {...props}>\n      <LogoCloudTitle title={title} />\n      <ul className=\"flex flex-wrap items-center justify-center gap-x-12 gap-y-6\">\n        {logos.map((logo) => (\n          <li key={logo.name} className=\"group\">\n            <LogoMark logo={logo} />\n          </li>\n        ))}\n      </ul>\n    </div>\n  ),\n);\nLogoCloudQuiet.displayName = \"LogoCloudQuiet\";"],"names":["LogoCloudQuiet","forwardRef","className","logos","title","props","ref","jsxs","cn","jsx","LogoCloudTitle","logo","LogoMark"],"mappings":";;;;AAWO,MAAMA,IAAiBC;AAAA,EAC5B,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,OAAAC,GAAO,GAAGC,KAASC,MACtC,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,WAAWE,EAAG,UAAUN,CAAS,GAAI,GAAGG,GACrD,UAAA;AAAA,IAAA,gBAAAI,EAACC,KAAe,OAAAN,GAAc;AAAA,sBAC7B,MAAA,EAAG,WAAU,+DACX,UAAAD,EAAM,IAAI,CAACQ,MACV,gBAAAF,EAAC,QAAmB,WAAU,SAC5B,4BAACG,GAAA,EAAS,MAAAD,EAAA,CAAY,KADfA,EAAK,IAEd,CACD,EAAA,CACH;AAAA,EAAA,EAAA,CACF;AAEJ;AACAX,EAAe,cAAc;"}

package/dist/es/components/LogoCloud/variants/Strip.js

@@ -0,0 +1,15 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { cn as d } from "../../../utils/cn.js";
+import { LogoCloudTitle as t, LogoMark as c } from "../parts.js";
+const f = s(
+  ({ className: e, logos: a, title: l, ...m }, p) => /* @__PURE__ */ i("div", { ref: p, className: d("w-full", e), ...m, children: [
+    /* @__PURE__ */ r(t, { title: l }),
+    /* @__PURE__ */ r("ul", { className: "flex flex-wrap items-center justify-center gap-x-10 gap-y-4 rounded-2xl border border-border bg-surface px-6 py-7 sm:gap-x-14", children: a.map((o) => /* @__PURE__ */ r("li", { className: "group", children: /* @__PURE__ */ r(c, { logo: o }) }, o.name)) })
+  ] })
+);
+f.displayName = "LogoCloudStrip";
+export {
+  f as LogoCloudStrip
+};
+//# sourceMappingURL=Strip.js.map

package/dist/es/components/LogoCloud/variants/Strip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Strip.js","sources":["../../../../../src/components/LogoCloud/variants/Strip.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { LogoMark, LogoCloudTitle } from \"../parts\";\nimport type { LogoItem } from \"../types\";\n\ninterface StripProps extends HTMLAttributes<HTMLDivElement> {\n  logos: LogoItem[];\n  title?: string;\n}\n\nexport const LogoCloudStrip = forwardRef<HTMLDivElement, StripProps>(\n  ({ className, logos, title, ...props }, ref) => (\n    <div ref={ref} className={cn(\"w-full\", className)} {...props}>\n      <LogoCloudTitle title={title} />\n      <ul className=\"flex flex-wrap items-center justify-center gap-x-10 gap-y-4 rounded-2xl border border-border bg-surface px-6 py-7 sm:gap-x-14\">\n        {logos.map((logo) => (\n          <li key={logo.name} className=\"group\">\n            <LogoMark logo={logo} />\n          </li>\n        ))}\n      </ul>\n    </div>\n  ),\n);\nLogoCloudStrip.displayName = \"LogoCloudStrip\";"],"names":["LogoCloudStrip","forwardRef","className","logos","title","props","ref","jsxs","cn","jsx","LogoCloudTitle","logo","LogoMark"],"mappings":";;;;AAUO,MAAMA,IAAiBC;AAAA,EAC5B,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,OAAAC,GAAO,GAAGC,KAASC,MACtC,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,WAAWE,EAAG,UAAUN,CAAS,GAAI,GAAGG,GACrD,UAAA;AAAA,IAAA,gBAAAI,EAACC,KAAe,OAAAN,GAAc;AAAA,sBAC7B,MAAA,EAAG,WAAU,iIACX,UAAAD,EAAM,IAAI,CAACQ,MACV,gBAAAF,EAAC,QAAmB,WAAU,SAC5B,4BAACG,GAAA,EAAS,MAAAD,EAAA,CAAY,KADfA,EAAK,IAEd,CACD,EAAA,CACH;AAAA,EAAA,EAAA,CACF;AAEJ;AACAX,EAAe,cAAc;"}

package/dist/es/components/MegaMenu/MegaMenu.js

@@ -0,0 +1,371 @@
+"use client";
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+import { useId as R, useState as w } from "react";
+import { cn as n } from "../../utils/cn.js";
+import { getContrastText as U } from "../../utils/contrast.js";
+import { ChevronDown as P, X as V, Menu as W } from "../../icons.js";
+const $ = "text-on-secondary", b = "text-foreground", Y = {
+  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",
+    header: "px-0",
+    trigger: "text-muted-foreground hover:text-foreground hover:bg-surface",
+    triggerOpen: "bg-surface text-foreground",
+    badge: "bg-primary-soft text-primary",
+    panel: "border-border bg-surface shadow-raised",
+    columnTitle: "text-muted-foreground/70",
+    columnLink: "hover:bg-surface-strong",
+    linkDescription: "text-muted-foreground",
+    mobilePanel: "border-t border-border bg-background",
+    mobileButton: `${b} hover:bg-surface`,
+    mobileLink: "text-muted-foreground hover:bg-surface hover:text-foreground",
+    brandText: b,
+    brandDot: "bg-foreground"
+  },
+  floating: {
+    shell: "px-0",
+    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",
+    header: "px-3 sm:px-6",
+    trigger: "text-muted-foreground hover:text-foreground hover:bg-surface",
+    triggerOpen: "bg-surface text-foreground",
+    badge: "bg-primary-soft text-primary",
+    panel: "border-border bg-surface shadow-raised",
+    columnTitle: "text-muted-foreground/70",
+    columnLink: "hover:bg-surface-strong",
+    linkDescription: "text-muted-foreground",
+    mobilePanel: "mx-3 mb-3 max-w-5xl overflow-hidden rounded-b-xl border border-border bg-surface",
+    mobileButton: `${b} hover:bg-surface`,
+    mobileLink: "text-muted-foreground hover:bg-surface hover:text-foreground",
+    brandText: b,
+    brandDot: "bg-foreground"
+  },
+  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",
+    trigger: "text-on-secondary/60 hover:text-on-secondary hover:bg-white/10",
+    triggerOpen: "bg-white/10 text-on-secondary",
+    badge: "bg-white/15 text-on-secondary",
+    panel: "border-white/10 bg-[#161616]",
+    columnTitle: "text-on-secondary/45",
+    columnLink: "hover:bg-white/10",
+    linkDescription: "text-on-secondary/50",
+    mobilePanel: "border-t border-white/10 bg-[#101010]",
+    mobileButton: `${$} hover:bg-white/10`,
+    mobileLink: "text-on-secondary/70 hover:bg-white/10 hover:text-on-secondary",
+    brandText: $,
+    brandDot: "bg-on-secondary"
+  }
+}, Z = ({
+  className: E,
+  variant: k = "classic",
+  brand: m,
+  logo: I,
+  logoSrc: C,
+  logoAlt: z,
+  logoClassName: A,
+  brandHref: F = "#",
+  items: p,
+  actions: g,
+  cta: h,
+  languageSwitcher: f,
+  sticky: X = !0,
+  LinkComponent: _,
+  onKeyDown: x,
+  ...q
+}) => {
+  const G = R(), i = _ ?? "a", [L, c] = w(null), [u, v] = w(!1), [y, M] = w(null), a = Y[k], H = () => c(null), N = () => {
+    c(null), v(!1), M(null);
+  }, T = (e) => `${G}-panel-${e}`, O = I ?? (C ? /* @__PURE__ */ r(
+    "img",
+    {
+      src: C,
+      alt: z ?? (typeof m == "string" ? m : "Logo"),
+      className: n("h-7 w-auto", A)
+    }
+  ) : null), J = O ? /* @__PURE__ */ r("span", { className: "flex items-center", children: O }) : /* @__PURE__ */ t("span", { className: n("flex items-center gap-2 font-display text-[17px] font-bold tracking-tight", a.brandText), children: [
+    /* @__PURE__ */ r("span", { "aria-hidden": !0, className: n("inline-block h-2.5 w-2.5 rounded-sm", a.brandDot) }),
+    m
+  ] }), D = n(
+    "flex items-center gap-1.5 rounded-md px-3 py-2 text-sm font-medium transition-colors duration-150",
+    a.trigger
+  ), j = (e) => {
+    var o;
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        className: n(
+          "grid gap-x-10 gap-y-8 sm:grid-cols-2",
+          e.featured ? "" : "lg:grid-cols-3"
+        ),
+        children: (o = e.columns) == null ? void 0 : o.map((l, s) => /* @__PURE__ */ t("div", { children: [
+          l.title ? /* @__PURE__ */ r(
+            "h4",
+            {
+              className: n(
+                "text-xs font-semibold uppercase tracking-[0.14em]",
+                a.columnTitle
+              ),
+              children: l.title
+            }
+          ) : null,
+          /* @__PURE__ */ r("ul", { className: n(l.title && "mt-3", "space-y-0.5"), children: l.links.map((d) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ t(
+            i,
+            {
+              href: d.href,
+              onClick: N,
+              className: n(
+                "-mx-2 block rounded-md px-2 py-2 transition-colors duration-150",
+                a.columnLink
+              ),
+              children: [
+                /* @__PURE__ */ r("span", { className: "block text-sm font-medium text-foreground", children: d.label }),
+                d.description ? /* @__PURE__ */ r(
+                  "span",
+                  {
+                    className: n(
+                      "mt-0.5 block text-[13px] leading-snug",
+                      a.linkDescription
+                    ),
+                    children: d.description
+                  }
+                ) : null
+              ]
+            }
+          ) }, d.href)) })
+        ] }, l.title ?? s))
+      }
+    );
+  }, B = (e, o = !1) => {
+    const l = e.featured;
+    if (!l) return null;
+    const s = l.accent ? { backgroundColor: l.accent, color: U(l.accent) } : void 0;
+    return /* @__PURE__ */ t(
+      i,
+      {
+        href: l.href,
+        onClick: N,
+        className: n(
+          "group relative block overflow-hidden rounded-lg p-6 transition-transform duration-150 hover:-translate-y-0.5",
+          o && "mt-8",
+          !l.accent && "bg-primary text-on-primary"
+        ),
+        style: s,
+        children: [
+          /* @__PURE__ */ t("div", { className: "flex h-full flex-col justify-between gap-4", children: [
+            /* @__PURE__ */ t("div", { children: [
+              /* @__PURE__ */ r("h4", { className: "font-display text-base font-semibold tracking-tight", children: l.title }),
+              l.description ? /* @__PURE__ */ r("p", { className: "mt-1.5 text-[13px] leading-relaxed opacity-80", children: l.description }) : null
+            ] }),
+            l.cta ? /* @__PURE__ */ t("span", { className: "text-sm font-semibold underline decoration-1 underline-offset-4", children: [
+              l.cta,
+              " →"
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              "aria-hidden": !0,
+              className: "pointer-events-none absolute -right-8 -top-8 h-28 w-28 rounded-full opacity-20 blur-2xl bg-black/40"
+            }
+          )
+        ]
+      }
+    );
+  }, Q = (e) => {
+    e.key === "Escape" && N(), x == null || x(e);
+  };
+  return /* @__PURE__ */ t(
+    "header",
+    {
+      className: n(
+        "relative w-full transition-colors duration-200",
+        X && "sticky top-0 z-50",
+        a.shell,
+        a.header,
+        E
+      ),
+      onKeyDown: Q,
+      ...q,
+      children: [
+        /* @__PURE__ */ t("nav", { className: n("relative flex h-16 w-full items-center justify-between gap-4 transition-colors duration-200", a.bar), onMouseLeave: H, "aria-label": "Mega menu", children: [
+          /* @__PURE__ */ r(i, { href: F, className: "shrink-0", children: J }),
+          /* @__PURE__ */ r("ul", { className: "hidden items-center gap-1 lg:flex", children: p.map((e, o) => {
+            var d;
+            const l = !!((d = e.columns) != null && d.length || e.featured), s = L === o;
+            return /* @__PURE__ */ r("li", { className: "relative", children: l ? /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                "aria-haspopup": "true",
+                "aria-expanded": s,
+                "aria-controls": T(o),
+                onClick: () => c(s ? null : o),
+                onMouseEnter: () => c(o),
+                className: n(D, s && a.triggerOpen),
+                children: [
+                  /* @__PURE__ */ t("span", { className: "flex items-center gap-1.5", children: [
+                    e.label,
+                    e.badge ? /* @__PURE__ */ r(
+                      "span",
+                      {
+                        className: n(
+                          "rounded-full px-1.5 py-0.5 text-[10px] font-semibold tracking-wide",
+                          a.badge
+                        ),
+                        children: e.badge
+                      }
+                    ) : null
+                  ] }),
+                  /* @__PURE__ */ r(
+                    P,
+                    {
+                      className: n(
+                        "h-4 w-4 shrink-0 transition-transform duration-150",
+                        s && "rotate-180"
+                      )
+                    }
+                  )
+                ]
+              }
+            ) : /* @__PURE__ */ t(i, { href: e.href ?? "#", className: D, children: [
+              e.label,
+              e.badge ? /* @__PURE__ */ r("span", { className: n("rounded-full px-1.5 py-0.5 text-[10px] font-semibold tracking-wide", a.badge), children: e.badge }) : null
+            ] }) }, e.label);
+          }) }),
+          /* @__PURE__ */ t("div", { className: "hidden items-center gap-3 lg:flex", children: [
+            f,
+            g,
+            h
+          ] }),
+          f ? /* @__PURE__ */ r("div", { className: "flex items-center lg:hidden", children: f }) : null,
+          /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              "aria-label": u ? "Close menu" : "Open menu",
+              "aria-expanded": u,
+              onClick: () => v((e) => !e),
+              className: n(
+                "inline-flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center rounded-md lg:hidden",
+                "transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                a.mobileButton
+              ),
+              children: u ? /* @__PURE__ */ r(V, { className: "h-5 w-5" }) : /* @__PURE__ */ r(W, { className: "h-5 w-5" })
+            }
+          )
+        ] }),
+        p.map((e, o) => {
+          var s;
+          if (!((s = e.columns) != null && s.length) && !e.featured) return null;
+          const l = L === o;
+          return /* @__PURE__ */ r(
+            "div",
+            {
+              id: T(o),
+              role: "region",
+              "aria-label": `${e.label} menu`,
+              onMouseEnter: () => c(o),
+              className: n(
+                "absolute top-full z-50 pt-2 transition-all duration-150",
+                k === "floating" ? "inset-x-0 mx-auto w-full max-w-5xl" : "inset-x-0",
+                l ? "visible translate-y-0 opacity-100" : "pointer-events-none invisible -translate-y-1 opacity-0"
+              ),
+              children: /* @__PURE__ */ t(
+                "div",
+                {
+                  className: n(
+                    "overflow-hidden rounded-xl border p-6 md:p-8",
+                    a.panel,
+                    e.featured ? "lg:grid lg:grid-cols-[minmax(0,1fr)_auto] lg:gap-12" : ""
+                  ),
+                  children: [
+                    j(e),
+                    e.featured && /* @__PURE__ */ r("div", { className: n("mt-8 max-w-sm lg:mt-0 lg:w-64"), children: B(e) })
+                  ]
+                }
+              )
+            },
+            e.label
+          );
+        }),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: n(
+              "grid transition-[grid-template-rows,opacity] duration-200 lg:hidden",
+              u ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0",
+              a.mobilePanel
+            ),
+            children: /* @__PURE__ */ r("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ t("ul", { className: "flex flex-col py-4", children: [
+              p.map(
+                (e, o) => {
+                  var l;
+                  return (l = e.columns) != null && l.length || e.featured ? /* @__PURE__ */ t("li", { className: "px-5", children: [
+                    /* @__PURE__ */ t(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-expanded": y === o,
+                        onClick: () => M((s) => s === o ? null : o),
+                        className: n(
+                          "flex w-full items-center justify-between rounded-md px-2 py-2.5 text-sm font-medium transition-colors duration-150",
+                          a.mobileButton
+                        ),
+                        children: [
+                          /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
+                            e.label,
+                            e.badge ? /* @__PURE__ */ r("span", { className: n("rounded-full px-1.5 py-0.5 text-[10px] font-semibold tracking-wide", a.badge), children: e.badge }) : null
+                          ] }),
+                          /* @__PURE__ */ r(
+                            P,
+                            {
+                              className: n(
+                                "h-4 w-4 shrink-0 transition-transform duration-150",
+                                y === o && "rotate-180"
+                              )
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ r(
+                      "div",
+                      {
+                        className: n(
+                          "grid transition-[grid-template-rows,opacity] duration-200",
+                          y === o ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"
+                        ),
+                        children: /* @__PURE__ */ r("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ t("div", { className: "py-2 pl-1", children: [
+                          j(e),
+                          e.featured ? /* @__PURE__ */ r("div", { className: "max-w-sm", children: B(e, !0) }) : null
+                        ] }) })
+                      }
+                    )
+                  ] }, e.label) : /* @__PURE__ */ r("li", { className: "px-5", children: /* @__PURE__ */ r(
+                    i,
+                    {
+                      href: e.href ?? "#",
+                      onClick: () => v(!1),
+                      className: n(
+                        "block rounded-md px-2 py-2.5 text-sm font-medium transition-colors duration-150",
+                        a.mobileLink
+                      ),
+                      children: e.label
+                    }
+                  ) }, e.label);
+                }
+              ),
+              h ? /* @__PURE__ */ r("li", { className: "px-8 pb-2 pt-3", children: h }) : g ? /* @__PURE__ */ r("li", { className: "mt-3 flex flex-wrap gap-3 px-8 pb-2", children: g }) : null
+            ] }) })
+          }
+        )
+      ]
+    }
+  );
+};
+Z.displayName = "MegaMenu";
+export {
+  Z as MegaMenu
+};
+//# sourceMappingURL=MegaMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MegaMenu.js","sources":["../../../../src/components/MegaMenu/MegaMenu.tsx"],"sourcesContent":["\"use client\";\nimport { useId, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { getContrastText } from \"../../utils/contrast\";\nimport { ChevronDown, Menu, X } from \"../../icons\";\nimport type { MegaMenuProps, MegaMenuVariant, MegaMenuItem } from \"./types\";\n\ninterface MegaMenuStyle {\n  shell: string;\n  bar: string;\n  header: string;\n  trigger: string;\n  triggerOpen: string;\n  badge: string;\n  panel: string;\n  columnTitle: string;\n  columnLink: string;\n  linkDescription: string;\n  mobilePanel: string;\n  mobileButton: string;\n  mobileLink: string;\n  brandText: string;\n  brandDot: string;\n}\n\nconst inverse = \"text-on-secondary\";\nconst light = \"text-foreground\";\n\nconst styles: Record<MegaMenuVariant, MegaMenuStyle> = {\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    trigger: \"text-muted-foreground hover:text-foreground hover:bg-surface\",\n    triggerOpen: \"bg-surface text-foreground\",\n    badge: \"bg-primary-soft text-primary\",\n    panel: \"border-border bg-surface shadow-raised\",\n    columnTitle: \"text-muted-foreground/70\",\n    columnLink: \"hover:bg-surface-strong\",\n    linkDescription: \"text-muted-foreground\",\n    mobilePanel: \"border-t border-border bg-background\",\n    mobileButton: `${light} hover:bg-surface`,\n    mobileLink: \"text-muted-foreground hover:bg-surface hover:text-foreground\",\n    brandText: light,\n    brandDot: \"bg-foreground\",\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    trigger: \"text-muted-foreground hover:text-foreground hover:bg-surface\",\n    triggerOpen: \"bg-surface text-foreground\",\n    badge: \"bg-primary-soft text-primary\",\n    panel: \"border-border bg-surface shadow-raised\",\n    columnTitle: \"text-muted-foreground/70\",\n    columnLink: \"hover:bg-surface-strong\",\n    linkDescription: \"text-muted-foreground\",\n    mobilePanel: \"mx-3 mb-3 max-w-5xl overflow-hidden rounded-b-xl border border-border bg-surface\",\n    mobileButton: `${light} hover:bg-surface`,\n    mobileLink: \"text-muted-foreground hover:bg-surface hover:text-foreground\",\n    brandText: light,\n    brandDot: \"bg-foreground\",\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    trigger: \"text-on-secondary/60 hover:text-on-secondary hover:bg-white/10\",\n    triggerOpen: \"bg-white/10 text-on-secondary\",\n    badge: \"bg-white/15 text-on-secondary\",\n    panel: \"border-white/10 bg-[#161616]\",\n    columnTitle: \"text-on-secondary/45\",\n    columnLink: \"hover:bg-white/10\",\n    linkDescription: \"text-on-secondary/50\",\n    mobilePanel: \"border-t border-white/10 bg-[#101010]\",\n    mobileButton: `${inverse} hover:bg-white/10`,\n    mobileLink: \"text-on-secondary/70 hover:bg-white/10 hover:text-on-secondary\",\n    brandText: inverse,\n    brandDot: \"bg-on-secondary\",\n  },\n};\n\nexport const MegaMenu = ({\n  className,\n  variant = \"classic\",\n  brand,\n  logo,\n  logoSrc,\n  logoAlt,\n  logoClassName,\n  brandHref = \"#\",\n  items,\n  actions,\n  cta,\n  languageSwitcher,\n  sticky = true,\n  LinkComponent,\n  onKeyDown,\n  ...props\n}: MegaMenuProps) => {\n  const ids = useId();\n  const Link = LinkComponent ?? \"a\";\n  const [openIndex, setOpenIndex] = useState<number | null>(null);\n  const [mobileOpen, setMobileOpen] = useState(false);\n  const [mobileExpanded, setMobileExpanded] = useState<number | null>(null);\n  const s = styles[variant];\n\n  const closePanels = () => setOpenIndex(null);\n  const closeAll = () => {\n    setOpenIndex(null);\n    setMobileOpen(false);\n    setMobileExpanded(null);\n  };\n\n  const panelId = (i: number) => `${ids}-panel-${i}`;\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  const triggerClasses = cn(\n    \"flex items-center gap-1.5 rounded-md px-3 py-2 text-sm font-medium transition-colors duration-150\",\n    s.trigger,\n  );\n\n  const renderColumns = (item: MegaMenuItem) => (\n    <div\n      className={cn(\n        \"grid gap-x-10 gap-y-8 sm:grid-cols-2\",\n        item.featured ? \"\" : \"lg:grid-cols-3\",\n      )}\n    >\n      {item.columns?.map((column, ci) => (\n        <div key={column.title ?? ci}>\n          {column.title ? (\n            <h4\n              className={cn(\n                \"text-xs font-semibold uppercase tracking-[0.14em]\",\n                s.columnTitle,\n              )}\n            >\n              {column.title}\n            </h4>\n          ) : null}\n          <ul className={cn(column.title && \"mt-3\", \"space-y-0.5\")}>\n            {column.links.map((link) => (\n              <li key={link.href}>\n                <Link\n                  href={link.href}\n                  onClick={closeAll}\n                  className={cn(\n                    \"-mx-2 block rounded-md px-2 py-2 transition-colors duration-150\",\n                    s.columnLink,\n                  )}\n                >\n                  <span className=\"block text-sm font-medium text-foreground\">\n                    {link.label}\n                  </span>\n                  {link.description ? (\n                    <span\n                      className={cn(\n                        \"mt-0.5 block text-[13px] leading-snug\",\n                        s.linkDescription,\n                      )}\n                    >\n                      {link.description}\n                    </span>\n                  ) : null}\n                </Link>\n              </li>\n            ))}\n          </ul>\n        </div>\n      ))}\n    </div>\n  );\n\n  const renderFeatured = (item: MegaMenuItem, mobile = false) => {\n    const featured = item.featured;\n    if (!featured) return null;\n    const featuredStyle = featured.accent\n      ? { backgroundColor: featured.accent, color: getContrastText(featured.accent) }\n      : undefined;\n\n    return (\n      <Link\n        href={featured.href}\n        onClick={closeAll}\n        className={cn(\n          \"group relative block overflow-hidden rounded-lg p-6 transition-transform duration-150 hover:-translate-y-0.5\",\n          mobile && \"mt-8\",\n          !featured.accent && \"bg-primary text-on-primary\",\n        )}\n        style={featuredStyle}\n      >\n        <div className=\"flex h-full flex-col justify-between gap-4\">\n          <div>\n            <h4 className=\"font-display text-base font-semibold tracking-tight\">\n              {featured.title}\n            </h4>\n            {featured.description ? (\n              <p className=\"mt-1.5 text-[13px] leading-relaxed opacity-80\">\n                {featured.description}\n              </p>\n            ) : null}\n          </div>\n          {featured.cta ? (\n            <span className=\"text-sm font-semibold underline decoration-1 underline-offset-4\">\n              {featured.cta} →\n            </span>\n          ) : null}\n        </div>\n        <div\n          aria-hidden\n          className=\"pointer-events-none absolute -right-8 -top-8 h-28 w-28 rounded-full opacity-20 blur-2xl bg-black/40\"\n        />\n      </Link>\n    );\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n    if (event.key === \"Escape\") {\n      closeAll();\n    }\n    onKeyDown?.(event);\n  };\n\n  return (\n    <header\n      className={cn(\n        \"relative w-full transition-colors duration-200\",\n        sticky && \"sticky top-0 z-50\",\n        s.shell,\n        s.header,\n        className,\n      )}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      <nav className={cn(\"relative flex h-16 w-full items-center justify-between gap-4 transition-colors duration-200\", s.bar)} onMouseLeave={closePanels} aria-label=\"Mega menu\">\n        <Link href={brandHref} className=\"shrink-0\">\n          {brandNode}\n        </Link>\n\n        <ul className=\"hidden items-center gap-1 lg:flex\">\n          {items.map((item, i) => {\n            const hasPanel = Boolean(item.columns?.length || item.featured);\n            const open = openIndex === i;\n            return (\n              <li key={item.label} className=\"relative\">\n                {hasPanel ? (\n                  <button\n                    type=\"button\"\n                    aria-haspopup=\"true\"\n                    aria-expanded={open}\n                    aria-controls={panelId(i)}\n                    onClick={() => setOpenIndex(open ? null : i)}\n                    onMouseEnter={() => setOpenIndex(i)}\n                    className={cn(triggerClasses, open && s.triggerOpen)}\n                  >\n                    <span className=\"flex items-center gap-1.5\">\n                      {item.label}\n                      {item.badge ? (\n                        <span\n                          className={cn(\n                            \"rounded-full px-1.5 py-0.5 text-[10px] font-semibold tracking-wide\",\n                            s.badge,\n                          )}\n                        >\n                          {item.badge}\n                        </span>\n                      ) : null}\n                    </span>\n                    <ChevronDown\n                      className={cn(\n                        \"h-4 w-4 shrink-0 transition-transform duration-150\",\n                        open && \"rotate-180\",\n                      )}\n                    />\n                  </button>\n                ) : (\n                  <Link href={item.href ?? \"#\"} className={triggerClasses}>\n                    {item.label}\n                    {item.badge ? (\n                      <span className={cn(\"rounded-full px-1.5 py-0.5 text-[10px] font-semibold tracking-wide\", s.badge)}>\n                        {item.badge}\n                      </span>\n                    ) : null}\n                  </Link>\n                )}\n              </li>\n            );\n          })}\n        </ul>\n\n        <div className=\"hidden items-center gap-3 lg:flex\">\n          {languageSwitcher}\n          {actions}\n          {cta}\n        </div>\n\n        {languageSwitcher ? (\n          <div className=\"flex items-center lg:hidden\">{languageSwitcher}</div>\n        ) : null}\n\n        <button\n          type=\"button\"\n          aria-label={mobileOpen ? \"Close menu\" : \"Open menu\"}\n          aria-expanded={mobileOpen}\n          onClick={() => setMobileOpen((o) => !o)}\n          className={cn(\n            \"inline-flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center rounded-md lg:hidden\",\n            \"transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            s.mobileButton,\n          )}\n        >\n          {mobileOpen ? <X className=\"h-5 w-5\" /> : <Menu className=\"h-5 w-5\" />}\n        </button>\n      </nav>\n\n      {items.map((item, i) => {\n        if (!item.columns?.length && !item.featured) return null;\n        const open = openIndex === i;\n        return (\n          <div\n            key={item.label}\n            id={panelId(i)}\n            role=\"region\"\n            aria-label={`${item.label} menu`}\n            onMouseEnter={() => setOpenIndex(i)}\n            className={cn(\n              \"absolute top-full z-50 pt-2 transition-all duration-150\",\n              variant === \"floating\" ? \"inset-x-0 mx-auto w-full max-w-5xl\" : \"inset-x-0\",\n              open\n                ? \"visible translate-y-0 opacity-100\"\n                : \"pointer-events-none invisible -translate-y-1 opacity-0\",\n            )}\n          >\n            <div\n              className={cn(\n                \"overflow-hidden rounded-xl border p-6 md:p-8\",\n                s.panel,\n                item.featured ? \"lg:grid lg:grid-cols-[minmax(0,1fr)_auto] lg:gap-12\" : \"\",\n              )}\n            >\n              {renderColumns(item)}\n              {item.featured && (\n                <div className={cn(\"mt-8 max-w-sm lg:mt-0 lg:w-64\")}>\n                  {renderFeatured(item)}\n                </div>\n              )}\n            </div>\n          </div>\n        );\n      })}\n\n      <div\n        className={cn(\n          \"grid transition-[grid-template-rows,opacity] duration-200 lg:hidden\",\n          mobileOpen ? \"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=\"flex flex-col py-4\">\n            {items.map((item, i) =>\n              item.columns?.length || item.featured ? (\n                <li key={item.label} className=\"px-5\">\n                  <button\n                    type=\"button\"\n                    aria-expanded={mobileExpanded === i}\n                    onClick={() =>\n                      setMobileExpanded((prev) => (prev === i ? null : i))\n                    }\n                    className={cn(\n                      \"flex w-full items-center justify-between rounded-md px-2 py-2.5 text-sm font-medium transition-colors duration-150\",\n                      s.mobileButton,\n                    )}\n                  >\n                    <span className=\"flex items-center gap-2\">\n                      {item.label}\n                      {item.badge ? (\n                        <span className={cn(\"rounded-full px-1.5 py-0.5 text-[10px] font-semibold tracking-wide\", s.badge)}>\n                          {item.badge}\n                        </span>\n                      ) : null}\n                    </span>\n                    <ChevronDown\n                      className={cn(\n                        \"h-4 w-4 shrink-0 transition-transform duration-150\",\n                        mobileExpanded === i && \"rotate-180\",\n                      )}\n                    />\n                  </button>\n                  <div\n                    className={cn(\n                      \"grid transition-[grid-template-rows,opacity] duration-200\",\n                      mobileExpanded === i\n                        ? \"grid-rows-[1fr] opacity-100\"\n                        : \"grid-rows-[0fr] opacity-0\",\n                    )}\n                  >\n                    <div className=\"min-h-0 overflow-hidden\">\n                      <div className=\"py-2 pl-1\">\n                        {renderColumns(item)}\n                        {item.featured ? (\n                          <div className=\"max-w-sm\">{renderFeatured(item, true)}</div>\n                        ) : null}\n                      </div>\n                    </div>\n                  </div>\n                </li>\n              ) : (\n                <li key={item.label} className=\"px-5\">\n                  <Link\n                    href={item.href ?? \"#\"}\n                    onClick={() => setMobileOpen(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                    {item.label}\n                  </Link>\n                </li>\n              ),\n            )}\n            {cta ? (\n              <li className=\"px-8 pb-2 pt-3\">{cta}</li>\n            ) : actions ? (\n              <li className=\"mt-3 flex flex-wrap gap-3 px-8 pb-2\">{actions}</li>\n            ) : null}\n          </ul>\n        </div>\n      </div>\n    </header>\n  );\n};\nMegaMenu.displayName = \"MegaMenu\";"],"names":["inverse","light","styles","MegaMenu","className","variant","brand","logo","logoSrc","logoAlt","logoClassName","brandHref","items","actions","cta","languageSwitcher","sticky","LinkComponent","onKeyDown","props","ids","useId","Link","openIndex","setOpenIndex","useState","mobileOpen","setMobileOpen","mobileExpanded","setMobileExpanded","s","closePanels","closeAll","panelId","i","logoNode","jsx","cn","brandNode","jsxs","triggerClasses","renderColumns","item","column","ci","link","renderFeatured","mobile","featured","featuredStyle","getContrastText","handleKeyDown","event","hasPanel","_a","open","ChevronDown","o","X","Menu","prev"],"mappings":"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"}

package/dist/es/components/Modal.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsxs as N, jsx as r } from "react/jsx-runtime";
+import { forwardRef as j, useId as p, useRef as v, useEffect as t } from "react";
+import { cn as k } from "../utils/cn.js";
+import { X as E } from "../icons.js";
+const I = {
+  sm: "max-w-sm",
+  md: "max-w-lg",
+  lg: "max-w-2xl"
+}, z = j(
+  ({ className: b, open: d, onClose: o, title: n, description: i, footer: c, size: h = "md", children: x, ...w }, l) => {
+    const u = p(), m = p(), s = v(null), a = v(o);
+    return t(() => {
+      a.current = o;
+    }, [o]), t(() => {
+      const e = s.current;
+      e && (e.hasAttribute("popover") || e.setAttribute("popover", "auto"));
+    }, []), t(() => {
+      const e = s.current;
+      e && (d ? (e.matches(":popover-open") || e.showPopover(), document.body.style.overflow = "hidden") : (e.matches(":popover-open") && e.hidePopover(), document.body.style.overflow = ""));
+    }, [d]), t(() => {
+      const e = s.current;
+      if (!e) return;
+      const f = (y) => {
+        var g;
+        y.newState === "closed" && ((g = a.current) == null || g.call(a));
+      };
+      return e.addEventListener("toggle", f), () => e.removeEventListener("toggle", f);
+    }, []), t(
+      () => () => {
+        document.body.style.overflow = "";
+      },
+      []
+    ), /* @__PURE__ */ N(
+      "div",
+      {
+        ref: (e) => {
+          s.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
+        },
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": n ? u : void 0,
+        "aria-describedby": i ? m : void 0,
+        className: k(
+          "modal-anim modal-backdrop fixed inset-0 z-[100] m-auto h-fit max-h-[calc(100vh-2rem)] w-fit max-w-[calc(100vw-2rem)] overflow-y-auto rounded-2xl border border-border bg-surface p-6 text-foreground shadow-overlay",
+          I[h],
+          b
+        ),
+        ...w,
+        children: [
+          n ? /* @__PURE__ */ r(
+            "h2",
+            {
+              id: u,
+              className: "pr-8 font-display text-lg font-semibold tracking-tight text-foreground",
+              children: n
+            }
+          ) : null,
+          i ? /* @__PURE__ */ r("p", { id: m, className: "mt-1.5 text-sm leading-6 text-muted-foreground", children: i }) : null,
+          /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Close dialog",
+              onClick: o,
+              className: "absolute right-4 top-4 inline-flex h-8 w-8 cursor-pointer items-center justify-center rounded-md text-muted-foreground transition-colors duration-150 hover:bg-surface-strong hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              children: /* @__PURE__ */ r(E, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ r("div", { className: n || i ? "mt-4" : "pt-8", children: x }),
+          c ? /* @__PURE__ */ r("div", { className: "mt-6 flex flex-wrap items-center justify-end gap-3", children: c }) : null
+        ]
+      }
+    );
+  }
+);
+z.displayName = "Modal";
+export {
+  z as Modal
+};
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, useEffect, useId, useRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { X } from \"../icons\";\n\nexport interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  open: boolean;\n  onClose: () => void;\n  /** Dialog heading (required for a11y; auto-linked via `aria-labelledby`). */\n  title?: ReactNode;\n  description?: ReactNode;\n  /** Rendered below the content, e.g. actions. */\n  footer?: ReactNode;\n  /** Content width. Defaults to `md`. */\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nconst sizes: Record<NonNullable<ModalProps[\"size\"]>, string> = {\n  sm: \"max-w-sm\",\n  md: \"max-w-lg\",\n  lg: \"max-w-2xl\",\n};\n\n/**\n * Accessible dialog built on the HTML Popover API.\n *\n * `popover=\"auto\"` renders in the top layer and gives light-dismiss (outside\n * click + `Escape`), automatic focus movement and restoration for free, so no\n * portal, focus trap or key handlers are needed. State stays controlled via\n * `open` / `onClose`.\n */\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(\n  ({ className, open, onClose, title, description, footer, size = \"md\", children, ...props }, ref) => {\n    const titleId = useId();\n    const descriptionId = useId();\n    const internalRef = useRef<HTMLDivElement | null>(null);\n    const onCloseRef = useRef(onClose);\n\n    useEffect(() => {\n      onCloseRef.current = onClose;\n    }, [onClose]);\n\n    useEffect(() => {\n      const el = internalRef.current;\n      if (!el) return;\n      if (!el.hasAttribute(\"popover\")) el.setAttribute(\"popover\", \"auto\");\n    }, []);\n\n    useEffect(() => {\n      const el = internalRef.current;\n      if (!el) return;\n      if (open) {\n        if (!el.matches(\":popover-open\")) el.showPopover();\n        document.body.style.overflow = \"hidden\";\n      } else {\n        if (el.matches(\":popover-open\")) el.hidePopover();\n        document.body.style.overflow = \"\";\n      }\n    }, [open]);\n\n    useEffect(() => {\n      const el = internalRef.current;\n      if (!el) return;\n      const onToggle = (event: Event) => {\n        if ((event as ToggleEvent).newState === \"closed\") onCloseRef.current?.();\n      };\n      el.addEventListener(\"toggle\", onToggle);\n      return () => el.removeEventListener(\"toggle\", onToggle);\n    }, []);\n\n    useEffect(\n      () => () => {\n        document.body.style.overflow = \"\";\n      },\n      [],\n    );\n\n    return (\n      <div\n        ref={(node) => {\n          internalRef.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        aria-describedby={description ? descriptionId : undefined}\n        className={cn(\n          \"modal-anim modal-backdrop fixed inset-0 z-[100] m-auto h-fit max-h-[calc(100vh-2rem)] w-fit max-w-[calc(100vw-2rem)] overflow-y-auto rounded-2xl border border-border bg-surface p-6 text-foreground shadow-overlay\",\n          sizes[size],\n          className,\n        )}\n        {...props}\n      >\n        {title ? (\n          <h2\n            id={titleId}\n            className=\"pr-8 font-display text-lg font-semibold tracking-tight text-foreground\"\n          >\n            {title}\n          </h2>\n        ) : null}\n        {description ? (\n          <p id={descriptionId} className=\"mt-1.5 text-sm leading-6 text-muted-foreground\">\n            {description}\n          </p>\n        ) : null}\n        <button\n          type=\"button\"\n          aria-label=\"Close dialog\"\n          onClick={onClose}\n          className=\"absolute right-4 top-4 inline-flex h-8 w-8 cursor-pointer items-center justify-center rounded-md text-muted-foreground transition-colors duration-150 hover:bg-surface-strong hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <X className=\"h-4 w-4\" />\n        </button>\n        <div className={title || description ? \"mt-4\" : \"pt-8\"}>{children}</div>\n        {footer ? (\n          <div className=\"mt-6 flex flex-wrap items-center justify-end gap-3\">{footer}</div>\n        ) : null}\n      </div>\n    );\n  },\n);\nModal.displayName = \"Modal\";"],"names":["sizes","Modal","forwardRef","className","open","onClose","title","description","footer","size","children","props","ref","titleId","useId","descriptionId","internalRef","useRef","onCloseRef","useEffect","el","onToggle","event","_a","jsxs","node","cn","jsx","X"],"mappings":";;;;AAiBA,MAAMA,IAAyD;AAAA,EAC7D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAUaC,IAAQC;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,SAAAC,GAAS,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,MAAAC,IAAO,MAAM,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAAQ;AAClG,UAAMC,IAAUC,EAAA,GACVC,IAAgBD,EAAA,GAChBE,IAAcC,EAA8B,IAAI,GAChDC,IAAaD,EAAOZ,CAAO;AAEjC,WAAAc,EAAU,MAAM;AACd,MAAAD,EAAW,UAAUb;AAAA,IACvB,GAAG,CAACA,CAAO,CAAC,GAEZc,EAAU,MAAM;AACd,YAAMC,IAAKJ,EAAY;AACvB,MAAKI,MACAA,EAAG,aAAa,SAAS,KAAGA,EAAG,aAAa,WAAW,MAAM;AAAA,IACpE,GAAG,CAAA,CAAE,GAELD,EAAU,MAAM;AACd,YAAMC,IAAKJ,EAAY;AACvB,MAAKI,MACDhB,KACGgB,EAAG,QAAQ,eAAe,OAAM,YAAA,GACrC,SAAS,KAAK,MAAM,WAAW,aAE3BA,EAAG,QAAQ,eAAe,OAAM,YAAA,GACpC,SAAS,KAAK,MAAM,WAAW;AAAA,IAEnC,GAAG,CAAChB,CAAI,CAAC,GAETe,EAAU,MAAM;AACd,YAAMC,IAAKJ,EAAY;AACvB,UAAI,CAACI,EAAI;AACT,YAAMC,IAAW,CAACC,MAAiB;;AACjC,QAAKA,EAAsB,aAAa,cAAUC,IAAAL,EAAW,YAAX,QAAAK,EAAA,KAAAL;AAAA,MACpD;AACA,aAAAE,EAAG,iBAAiB,UAAUC,CAAQ,GAC/B,MAAMD,EAAG,oBAAoB,UAAUC,CAAQ;AAAA,IACxD,GAAG,CAAA,CAAE,GAELF;AAAA,MACE,MAAM,MAAM;AACV,iBAAS,KAAK,MAAM,WAAW;AAAA,MACjC;AAAA,MACA,CAAA;AAAA,IAAC,GAID,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK,CAACC,MAAS;AACb,UAAAT,EAAY,UAAUS,GAClB,OAAOb,KAAQ,aAAYA,EAAIa,CAAI,IAC9Bb,QAAS,UAAUa;AAAA,QAC9B;AAAA,QACA,MAAK;AAAA,QACL,cAAW;AAAA,QACX,mBAAiBnB,IAAQO,IAAU;AAAA,QACnC,oBAAkBN,IAAcQ,IAAgB;AAAA,QAChD,WAAWW;AAAA,UACT;AAAA,UACA1B,EAAMS,CAAI;AAAA,UACVN;AAAA,QAAA;AAAA,QAED,GAAGQ;AAAA,QAEH,UAAA;AAAA,UAAAL,IACC,gBAAAqB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAId;AAAA,cACJ,WAAU;AAAA,cAET,UAAAP;AAAA,YAAA;AAAA,UAAA,IAED;AAAA,UACHC,sBACE,KAAA,EAAE,IAAIQ,GAAe,WAAU,kDAC7B,aACH,IACE;AAAA,UACJ,gBAAAY;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAW;AAAA,cACX,SAAStB;AAAA,cACT,WAAU;AAAA,cAEV,UAAA,gBAAAsB,EAACC,GAAA,EAAE,WAAU,UAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,4BAExB,OAAA,EAAI,WAAWtB,KAASC,IAAc,SAAS,QAAS,UAAAG,GAAS;AAAA,UACjEF,IACC,gBAAAmB,EAAC,OAAA,EAAI,WAAU,sDAAsD,aAAO,IAC1E;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACA1B,EAAM,cAAc;"}