@ugurdemirel/landcraft 0.1.22 → 0.1.24

package/dist/es/components/Hero/variants/Split.js

@@ -1,36 +1,48 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { cn as t } from "../../../utils/cn.js";
-import { HeroEyebrow as b, heroTitleBase as u, HeroActions as h, heroContainer as N } from "../parts.js";
-const w = f(
-  ({ className: i, eyebrow: n, title: c, description: a, primaryAction: s, secondaryAction: o, media: d, meta: m, id: x, ...p }, g) => /* @__PURE__ */ e(
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { cn as l } from "../../../utils/cn.js";
+import { HeroEyebrow as u, heroTitleType as b, heroDescriptionBase as h, HeroActions as N, heroContainer as w } from "../parts.js";
+const v = g(
+  ({
+    className: m,
+    eyebrow: n,
+    title: c,
+    description: o,
+    primaryAction: s,
+    secondaryAction: a,
+    media: d,
+    meta: i,
+    background: H,
+    id: p,
+    ...x
+  }, f) => /* @__PURE__ */ e(
     "section",
     {
-      ref: g,
-      id: x,
-      className: t("relative w-full border-b border-border bg-background", i),
-      ...p,
-      children: /* @__PURE__ */ r("div", { className: t(
-        N,
+      ref: f,
+      id: p,
+      className: l("relative w-full border-b border-border bg-background", m),
+      ...x,
+      children: /* @__PURE__ */ t("div", { className: l(
+        w,
         "items-start gap-14 pt-20 pb-20 sm:pt-28 sm:pb-28 lg:grid lg:grid-cols-[1.05fr_0.95fr] lg:gap-20"
       ), children: [
-        /* @__PURE__ */ r("div", { className: "max-w-xl", children: [
-          /* @__PURE__ */ e(b, { eyebrow: n }),
-          /* @__PURE__ */ e("h1", { className: t(u, "mt-6 text-5xl leading-[1.03] sm:text-6xl lg:text-7xl"), children: c }),
-          a ? /* @__PURE__ */ e("p", { className: "mt-7 max-w-md text-pretty leading-relaxed text-muted-foreground sm:text-lg", children: a }) : null,
-          s || o ? /* @__PURE__ */ e("div", { className: "mt-10", children: /* @__PURE__ */ e(h, { primaryAction: s, secondaryAction: o }) }) : null,
-          m ? /* @__PURE__ */ e("ul", { className: "mt-14 flex flex-wrap items-center gap-x-8 gap-y-3 border-t border-border pt-6", children: m.map((l) => /* @__PURE__ */ r("li", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-            l.icon ? /* @__PURE__ */ e("span", { className: "text-foreground/35", children: l.icon }) : null,
-            l.label
-          ] }, l.label)) }) : null
+        /* @__PURE__ */ t("div", { className: "max-w-xl", children: [
+          /* @__PURE__ */ e(u, { eyebrow: n }),
+          /* @__PURE__ */ e("h1", { className: l(b, "mt-6 text-5xl text-foreground sm:text-6xl lg:text-7xl"), children: c }),
+          o ? /* @__PURE__ */ e("p", { className: l(h, "mt-7 max-w-md text-muted-foreground"), children: o }) : null,
+          s || a ? /* @__PURE__ */ e("div", { className: "mt-10", children: /* @__PURE__ */ e(N, { primaryAction: s, secondaryAction: a }) }) : null,
+          i ? /* @__PURE__ */ e("ul", { className: "mt-14 flex flex-wrap items-center gap-x-8 gap-y-3 border-t border-border pt-6", children: i.map((r) => /* @__PURE__ */ t("li", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+            r.icon ? /* @__PURE__ */ e("span", { className: "text-foreground/35", children: r.icon }) : null,
+            r.label
+          ] }, r.label)) }) : null
         ] }),
         d ? /* @__PURE__ */ e("div", { className: "w-full self-center", children: d }) : null
       ] })
     }
   )
 );
-w.displayName = "HeroSplit";
+v.displayName = "HeroSplit";
 export {
-  w as HeroSplit
+  v as HeroSplit
 };
 //# sourceMappingURL=Split.js.map

package/dist/es/components/Hero/variants/Split.js.map

@@ -1 +1 @@
-{"version":3,"file":"Split.js","sources":["../../../../../src/components/Hero/variants/Split.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { HeroActions, HeroEyebrow, heroContainer, heroTitleBase } from \"../parts\";\nimport type { HeroProps } from \"../types\";\n\n/** Split — editorial grid: huge type left, media right, meta rule under. */\nexport const HeroSplit = forwardRef<HTMLElement, HeroProps>(\n  (\n    { className, eyebrow, title, description, primaryAction, secondaryAction, media, meta, id, ...props },\n    ref,\n  ) => (\n    <section\n      ref={ref}\n      id={id}\n      className={cn(\"relative w-full border-b border-border bg-background\", className)}\n      {...props}\n    >\n      <div className={cn(\n        heroContainer,\n        \"items-start gap-14 pt-20 pb-20 sm:pt-28 sm:pb-28 lg:grid lg:grid-cols-[1.05fr_0.95fr] lg:gap-20\",\n      )}>\n        <div className=\"max-w-xl\">\n          <HeroEyebrow eyebrow={eyebrow} />\n          <h1 className={cn(heroTitleBase, \"mt-6 text-5xl leading-[1.03] sm:text-6xl lg:text-7xl\")}>\n            {title}\n          </h1>\n          {description ? (\n            <p className=\"mt-7 max-w-md text-pretty leading-relaxed text-muted-foreground sm:text-lg\">\n              {description}\n            </p>\n          ) : null}\n          {primaryAction || secondaryAction ? (\n            <div className=\"mt-10\">\n              <HeroActions primaryAction={primaryAction} secondaryAction={secondaryAction} />\n            </div>\n          ) : null}\n          {meta ? (\n            <ul className=\"mt-14 flex flex-wrap items-center gap-x-8 gap-y-3 border-t border-border pt-6\">\n              {meta.map((m) => (\n                <li key={m.label} className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n                  {m.icon ? <span className=\"text-foreground/35\">{m.icon}</span> : null}\n                  {m.label}\n                </li>\n              ))}\n            </ul>\n          ) : null}\n        </div>\n        {media ? <div className=\"w-full self-center\">{media}</div> : null}\n      </div>\n    </section>\n  ),\n);\nHeroSplit.displayName = \"HeroSplit\";"],"names":["HeroSplit","forwardRef","className","eyebrow","title","description","primaryAction","secondaryAction","media","meta","id","props","ref","jsx","cn","jsxs","heroContainer","HeroEyebrow","heroTitleBase","HeroActions","m"],"mappings":";;;;AAMO,MAAMA,IAAYC;AAAA,EACvB,CACE,EAAE,WAAAC,GAAW,SAAAC,GAAS,OAAAC,GAAO,aAAAC,GAAa,eAAAC,GAAe,iBAAAC,GAAiB,OAAAC,GAAO,MAAAC,GAAM,IAAAC,GAAI,GAAGC,EAAA,GAC9FC,MAEA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,IAAAF;AAAA,MACA,WAAWI,EAAG,wDAAwDZ,CAAS;AAAA,MAC9E,GAAGS;AAAA,MAEJ,UAAA,gBAAAI,EAAC,SAAI,WAAWD;AAAA,QACdE;AAAA,QACA;AAAA,MAAA,GAEA,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,UAAA,gBAAAF,EAACI,KAAY,SAAAd,GAAkB;AAAA,4BAC9B,MAAA,EAAG,WAAWW,EAAGI,GAAe,sDAAsD,GACpF,UAAAd,GACH;AAAA,UACCC,IACC,gBAAAQ,EAAC,KAAA,EAAE,WAAU,8EACV,aACH,IACE;AAAA,UACHP,KAAiBC,IAChB,gBAAAM,EAAC,OAAA,EAAI,WAAU,SACb,UAAA,gBAAAA,EAACM,GAAA,EAAY,eAAAb,GAA8B,iBAAAC,EAAA,CAAkC,EAAA,CAC/E,IACE;AAAA,UACHE,IACC,gBAAAI,EAAC,MAAA,EAAG,WAAU,iFACX,UAAAJ,EAAK,IAAI,CAACW,MACT,gBAAAL,EAAC,MAAA,EAAiB,WAAU,yDACzB,UAAA;AAAA,YAAAK,EAAE,OAAO,gBAAAP,EAAC,QAAA,EAAK,WAAU,sBAAsB,UAAAO,EAAE,MAAK,IAAU;AAAA,YAChEA,EAAE;AAAA,UAAA,EAAA,GAFIA,EAAE,KAGX,CACD,EAAA,CACH,IACE;AAAA,QAAA,GACN;AAAA,QACCZ,IAAQ,gBAAAK,EAAC,OAAA,EAAI,WAAU,sBAAsB,aAAM,IAAS;AAAA,MAAA,EAAA,CAC/D;AAAA,IAAA;AAAA,EAAA;AAGN;AACAb,EAAU,cAAc;"}
+{"version":3,"file":"Split.js","sources":["../../../../../src/components/Hero/variants/Split.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport {\n  HeroActions,\n  HeroEyebrow,\n  heroContainer,\n  heroDescriptionBase,\n  heroTitleType,\n} from \"../parts\";\nimport type { HeroProps } from \"../types\";\n\n/** Split — editorial grid: huge type left, media right, meta rule under. */\nexport const HeroSplit = forwardRef<HTMLElement, HeroProps>(\n  (\n    {\n      className,\n      eyebrow,\n      title,\n      description,\n      primaryAction,\n      secondaryAction,\n      media,\n      meta,\n      background,\n      id,\n      ...props\n    },\n    ref,\n  ) => (\n    <section\n      ref={ref}\n      id={id}\n      className={cn(\"relative w-full border-b border-border bg-background\", className)}\n      {...props}\n    >\n      <div className={cn(\n        heroContainer,\n        \"items-start gap-14 pt-20 pb-20 sm:pt-28 sm:pb-28 lg:grid lg:grid-cols-[1.05fr_0.95fr] lg:gap-20\",\n      )}>\n        <div className=\"max-w-xl\">\n          <HeroEyebrow eyebrow={eyebrow} />\n          <h1 className={cn(heroTitleType, \"mt-6 text-5xl text-foreground sm:text-6xl lg:text-7xl\")}>\n            {title}\n          </h1>\n          {description ? (\n            <p className={cn(heroDescriptionBase, \"mt-7 max-w-md text-muted-foreground\")}>\n              {description}\n            </p>\n          ) : null}\n          {primaryAction || secondaryAction ? (\n            <div className=\"mt-10\">\n              <HeroActions primaryAction={primaryAction} secondaryAction={secondaryAction} />\n            </div>\n          ) : null}\n          {meta ? (\n            <ul className=\"mt-14 flex flex-wrap items-center gap-x-8 gap-y-3 border-t border-border pt-6\">\n              {meta.map((m) => (\n                <li key={m.label} className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n                  {m.icon ? <span className=\"text-foreground/35\">{m.icon}</span> : null}\n                  {m.label}\n                </li>\n              ))}\n            </ul>\n          ) : null}\n        </div>\n        {media ? <div className=\"w-full self-center\">{media}</div> : null}\n      </div>\n    </section>\n  ),\n);\nHeroSplit.displayName = \"HeroSplit\";\n"],"names":["HeroSplit","forwardRef","className","eyebrow","title","description","primaryAction","secondaryAction","media","meta","background","id","props","ref","jsx","cn","jsxs","heroContainer","HeroEyebrow","heroTitleType","heroDescriptionBase","HeroActions","m"],"mappings":";;;;AAYO,MAAMA,IAAYC;AAAA,EACvB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,IAAAF;AAAA,MACA,WAAWI,EAAG,wDAAwDb,CAAS;AAAA,MAC9E,GAAGU;AAAA,MAEJ,UAAA,gBAAAI,EAAC,SAAI,WAAWD;AAAA,QACdE;AAAA,QACA;AAAA,MAAA,GAEA,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,UAAA,gBAAAF,EAACI,KAAY,SAAAf,GAAkB;AAAA,4BAC9B,MAAA,EAAG,WAAWY,EAAGI,GAAe,uDAAuD,GACrF,UAAAf,GACH;AAAA,UACCC,sBACE,KAAA,EAAE,WAAWU,EAAGK,GAAqB,qCAAqC,GACxE,UAAAf,EAAA,CACH,IACE;AAAA,UACHC,KAAiBC,IAChB,gBAAAO,EAAC,OAAA,EAAI,WAAU,SACb,UAAA,gBAAAA,EAACO,GAAA,EAAY,eAAAf,GAA8B,iBAAAC,EAAA,CAAkC,EAAA,CAC/E,IACE;AAAA,UACHE,IACC,gBAAAK,EAAC,MAAA,EAAG,WAAU,iFACX,UAAAL,EAAK,IAAI,CAACa,MACT,gBAAAN,EAAC,MAAA,EAAiB,WAAU,yDACzB,UAAA;AAAA,YAAAM,EAAE,OAAO,gBAAAR,EAAC,QAAA,EAAK,WAAU,sBAAsB,UAAAQ,EAAE,MAAK,IAAU;AAAA,YAChEA,EAAE;AAAA,UAAA,EAAA,GAFIA,EAAE,KAGX,CACD,EAAA,CACH,IACE;AAAA,QAAA,GACN;AAAA,QACCd,IAAQ,gBAAAM,EAAC,OAAA,EAAI,WAAU,sBAAsB,aAAM,IAAS;AAAA,MAAA,EAAA,CAC/D;AAAA,IAAA;AAAA,EAAA;AAGN;AACAd,EAAU,cAAc;"}

package/dist/es/components/Hero/variants/Statement.js

@@ -1,31 +1,36 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { cn as s } from "../../../utils/cn.js";
-import { HeroActions as y, heroContainer as f } from "../parts.js";
-const b = p(
-  ({ className: c, title: i, description: r, primaryAction: o, secondaryAction: a, media: g, meta: n, id: m, ...d }, x) => /* @__PURE__ */ l(
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { cn as l } from "../../../utils/cn.js";
+import { emphasisSurfaceStyle as u } from "../../../utils/surface.js";
+import { heroTitleType as f, heroDescriptionBase as N, HeroActions as v, heroContainer as y } from "../parts.js";
+const b = h(
+  ({
+    className: m,
+    title: o,
+    description: i,
+    primaryAction: r,
+    secondaryAction: s,
+    media: w,
+    meta: n,
+    background: c,
+    id: p,
+    ...x
+  }, d) => /* @__PURE__ */ a(
     "section",
     {
-      ref: x,
-      id: m,
-      className: s("relative w-full overflow-hidden bg-secondary", c),
-      style: { color: "contrast-color(rgb(var(--color-secondary)))" },
-      ...d,
+      ref: d,
+      id: p,
+      className: l("relative w-full overflow-hidden", m),
+      style: u(c),
+      ...x,
       children: [
         /* @__PURE__ */ e("div", { "aria-hidden": !0, className: "pointer-events-none absolute inset-0 grain opacity-[0.07] mix-blend-overlay" }),
         /* @__PURE__ */ e("div", { "aria-hidden": !0, className: "pointer-events-none absolute inset-x-0 top-0 h-px bg-white/10" }),
-        /* @__PURE__ */ l("div", { className: s(f, "pt-28 pb-24 text-center sm:pt-36 sm:pb-32"), children: [
-          /* @__PURE__ */ e(
-            "h1",
-            {
-              className: "max-w-5xl font-display text-[2.9rem] font-semibold leading-[1.02] tracking-[-0.04em] text-balance sm:text-7xl lg:text-8xl",
-              style: { color: "contrast-color(rgb(var(--color-secondary)))" },
-              children: i
-            }
-          ),
-          r ? /* @__PURE__ */ e("p", { className: "mx-auto mt-8 max-w-xl text-pretty leading-relaxed sm:text-lg", style: { color: "contrast-color(rgb(var(--color-secondary)))", opacity: 0.72 }, children: r }) : null,
-          o || a ? /* @__PURE__ */ e("div", { className: "mt-11 justify-center", children: /* @__PURE__ */ e(y, { primaryAction: o, secondaryAction: a }) }) : null,
-          n ? /* @__PURE__ */ e("ul", { className: "mt-16 flex flex-wrap items-center justify-center gap-x-10 gap-y-3", children: n.map((t) => /* @__PURE__ */ l("li", { className: "flex items-center gap-2 text-sm font-medium", style: { color: "contrast-color(rgb(var(--color-secondary)))", opacity: 0.72 }, children: [
+        /* @__PURE__ */ a("div", { className: l(y, "pt-28 pb-24 text-center sm:pt-36 sm:pb-32"), children: [
+          /* @__PURE__ */ e("h1", { className: l(f, "max-w-5xl text-[2.9rem] sm:text-7xl lg:text-8xl"), children: o }),
+          i ? /* @__PURE__ */ e("p", { className: l(N, "mx-auto mt-8 max-w-xl opacity-70"), children: i }) : null,
+          r || s ? /* @__PURE__ */ e("div", { className: "mt-11 justify-center", children: /* @__PURE__ */ e(v, { primaryAction: r, secondaryAction: s, emphasis: !0 }) }) : null,
+          n ? /* @__PURE__ */ e("ul", { className: "mt-16 flex flex-wrap items-center justify-center gap-x-10 gap-y-3", children: n.map((t) => /* @__PURE__ */ a("li", { className: "flex items-center gap-2 text-sm font-medium opacity-70", children: [
             t.icon ? /* @__PURE__ */ e("span", { children: t.icon }) : null,
             t.label
           ] }, t.label)) }) : null

package/dist/es/components/Hero/variants/Statement.js.map

@@ -1 +1 @@
-{"version":3,"file":"Statement.js","sources":["../../../../../src/components/Hero/variants/Statement.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { HeroActions, heroContainer } from \"../parts\";\nimport type { HeroProps } from \"../types\";\n\n/** Statement — full-bleed ink band. No eyebrow, pure message. */\nexport const HeroStatement = forwardRef<HTMLElement, HeroProps>(\n  (\n    { className, title, description, primaryAction, secondaryAction, media, meta, id, ...props },\n    ref,\n  ) => {\n    // Statement paints its own background from --color-secondary, so the\n    // readable text color is derived from THAT token via contrast-color().\n    return (\n      <section\n        ref={ref}\n        id={id}\n        className={cn(\"relative w-full overflow-hidden bg-secondary\", className)}\n        style={{ color: \"contrast-color(rgb(var(--color-secondary)))\" }}\n        {...props}\n      >\n        <div aria-hidden className=\"pointer-events-none absolute inset-0 grain opacity-[0.07] mix-blend-overlay\" />\n        <div aria-hidden className=\"pointer-events-none absolute inset-x-0 top-0 h-px bg-white/10\" />\n        <div className={cn(heroContainer, \"pt-28 pb-24 text-center sm:pt-36 sm:pb-32\")}>\n          <h1\n            className=\"max-w-5xl font-display text-[2.9rem] font-semibold leading-[1.02] tracking-[-0.04em] text-balance sm:text-7xl lg:text-8xl\"\n            style={{ color: \"contrast-color(rgb(var(--color-secondary)))\" }}\n          >\n            {title}\n          </h1>\n          {description ? (\n            <p className=\"mx-auto mt-8 max-w-xl text-pretty leading-relaxed sm:text-lg\" style={{ color: \"contrast-color(rgb(var(--color-secondary)))\", opacity: 0.72 }}>\n              {description}\n            </p>\n          ) : null}\n          {primaryAction || secondaryAction ? (\n            <div className=\"mt-11 justify-center\">\n              <HeroActions primaryAction={primaryAction} secondaryAction={secondaryAction} />\n            </div>\n          ) : null}\n          {meta ? (\n            <ul className=\"mt-16 flex flex-wrap items-center justify-center gap-x-10 gap-y-3\">\n              {meta.map((m) => (\n                <li key={m.label} className=\"flex items-center gap-2 text-sm font-medium\" style={{ color: \"contrast-color(rgb(var(--color-secondary)))\", opacity: 0.72 }}>\n                  {m.icon ? <span>{m.icon}</span> : null}\n                  {m.label}\n                </li>\n              ))}\n            </ul>\n          ) : null}\n        </div>\n      </section>\n    );\n  },\n);\nHeroStatement.displayName = \"HeroStatement\";"],"names":["HeroStatement","forwardRef","className","title","description","primaryAction","secondaryAction","media","meta","id","props","ref","jsxs","cn","jsx","heroContainer","HeroActions","m"],"mappings":";;;;AAMO,MAAMA,IAAgBC;AAAA,EAC3B,CACE,EAAE,WAAAC,GAAW,OAAAC,GAAO,aAAAC,GAAa,eAAAC,GAAe,iBAAAC,GAAiB,OAAAC,GAAO,MAAAC,GAAM,IAAAC,GAAI,GAAGC,EAAA,GACrFC,MAKE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,IAAAF;AAAA,MACA,WAAWI,EAAG,gDAAgDX,CAAS;AAAA,MACvE,OAAO,EAAE,OAAO,8CAAA;AAAA,MACf,GAAGQ;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAAC,OAAA,EAAI,eAAW,IAAC,WAAU,+EAA8E;AAAA,QACzG,gBAAAA,EAAC,OAAA,EAAI,eAAW,IAAC,WAAU,iEAAgE;AAAA,0BAC1F,OAAA,EAAI,WAAWD,EAAGE,GAAe,2CAA2C,GAC3E,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,OAAO,8CAAA;AAAA,cAEf,UAAAX;AAAA,YAAA;AAAA,UAAA;AAAA,UAEFC,IACC,gBAAAU,EAAC,KAAA,EAAE,WAAU,gEAA+D,OAAO,EAAE,OAAO,+CAA+C,SAAS,KAAA,GACjJ,aACH,IACE;AAAA,UACHT,KAAiBC,IAChB,gBAAAQ,EAAC,OAAA,EAAI,WAAU,wBACb,UAAA,gBAAAA,EAACE,GAAA,EAAY,eAAAX,GAA8B,iBAAAC,EAAA,CAAkC,EAAA,CAC/E,IACE;AAAA,UACHE,IACC,gBAAAM,EAAC,MAAA,EAAG,WAAU,qEACX,UAAAN,EAAK,IAAI,CAACS,wBACR,MAAA,EAAiB,WAAU,+CAA8C,OAAO,EAAE,OAAO,+CAA+C,SAAS,QAC/I,UAAA;AAAA,YAAAA,EAAE,OAAO,gBAAAH,EAAC,QAAA,EAAM,UAAAG,EAAE,MAAK,IAAU;AAAA,YACjCA,EAAE;AAAA,UAAA,EAAA,GAFIA,EAAE,KAGX,CACD,EAAA,CACH,IACE;AAAA,QAAA,EAAA,CACN;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AACAjB,EAAc,cAAc;"}
+{"version":3,"file":"Statement.js","sources":["../../../../../src/components/Hero/variants/Statement.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { emphasisSurfaceStyle } from \"../../../utils/surface\";\nimport {\n  HeroActions,\n  heroContainer,\n  heroDescriptionBase,\n  heroTitleType,\n} from \"../parts\";\nimport type { HeroProps } from \"../types\";\n\n/**\n * Statement — full-bleed brand emphasis band. No eyebrow, pure message.\n *\n * The band is painted from `--color-primary` and its text color is computed\n * with CSS `contrast-color()`. Pass `background` to replace the brand gradient\n * with any CSS color while keeping the contrast behavior.\n */\nexport const HeroStatement = forwardRef<HTMLElement, HeroProps>(\n  (\n    {\n      className,\n      title,\n      description,\n      primaryAction,\n      secondaryAction,\n      media,\n      meta,\n      background,\n      id,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <section\n        ref={ref}\n        id={id}\n        className={cn(\"relative w-full overflow-hidden\", className)}\n        style={emphasisSurfaceStyle(background)}\n        {...props}\n      >\n        <div aria-hidden className=\"pointer-events-none absolute inset-0 grain opacity-[0.07] mix-blend-overlay\" />\n        <div aria-hidden className=\"pointer-events-none absolute inset-x-0 top-0 h-px bg-white/10\" />\n        <div className={cn(heroContainer, \"pt-28 pb-24 text-center sm:pt-36 sm:pb-32\")}>\n          <h1 className={cn(heroTitleType, \"max-w-5xl text-[2.9rem] sm:text-7xl lg:text-8xl\")}>\n            {title}\n          </h1>\n          {description ? (\n            <p className={cn(heroDescriptionBase, \"mx-auto mt-8 max-w-xl opacity-70\")}>\n              {description}\n            </p>\n          ) : null}\n          {primaryAction || secondaryAction ? (\n            <div className=\"mt-11 justify-center\">\n              <HeroActions primaryAction={primaryAction} secondaryAction={secondaryAction} emphasis />\n            </div>\n          ) : null}\n          {meta ? (\n            <ul className=\"mt-16 flex flex-wrap items-center justify-center gap-x-10 gap-y-3\">\n              {meta.map((m) => (\n                <li key={m.label} className=\"flex items-center gap-2 text-sm font-medium opacity-70\">\n                  {m.icon ? <span>{m.icon}</span> : null}\n                  {m.label}\n                </li>\n              ))}\n            </ul>\n          ) : null}\n        </div>\n      </section>\n    );\n  },\n);\nHeroStatement.displayName = \"HeroStatement\";\n"],"names":["HeroStatement","forwardRef","className","title","description","primaryAction","secondaryAction","media","meta","background","id","props","ref","jsxs","cn","emphasisSurfaceStyle","jsx","heroContainer","heroTitleType","heroDescriptionBase","HeroActions","m"],"mappings":";;;;;AAkBO,MAAMA,IAAgBC;AAAA,EAC3B,CACE;AAAA,IACE,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAGE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,IAAAF;AAAA,MACA,WAAWI,EAAG,mCAAmCZ,CAAS;AAAA,MAC1D,OAAOa,EAAqBN,CAAU;AAAA,MACrC,GAAGE;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAK,EAAC,OAAA,EAAI,eAAW,IAAC,WAAU,+EAA8E;AAAA,QACzG,gBAAAA,EAAC,OAAA,EAAI,eAAW,IAAC,WAAU,iEAAgE;AAAA,0BAC1F,OAAA,EAAI,WAAWF,EAAGG,GAAe,2CAA2C,GAC3E,UAAA;AAAA,UAAA,gBAAAD,EAAC,QAAG,WAAWF,EAAGI,GAAe,iDAAiD,GAC/E,UAAAf,GACH;AAAA,UACCC,sBACE,KAAA,EAAE,WAAWU,EAAGK,GAAqB,kCAAkC,GACrE,UAAAf,EAAA,CACH,IACE;AAAA,UACHC,KAAiBC,IAChB,gBAAAU,EAAC,OAAA,EAAI,WAAU,wBACb,UAAA,gBAAAA,EAACI,GAAA,EAAY,eAAAf,GAA8B,iBAAAC,GAAkC,UAAQ,GAAA,CAAC,GACxF,IACE;AAAA,UACHE,IACC,gBAAAQ,EAAC,MAAA,EAAG,WAAU,qEACX,UAAAR,EAAK,IAAI,CAACa,MACT,gBAAAR,EAAC,MAAA,EAAiB,WAAU,0DACzB,UAAA;AAAA,YAAAQ,EAAE,OAAO,gBAAAL,EAAC,QAAA,EAAM,UAAAK,EAAE,MAAK,IAAU;AAAA,YACjCA,EAAE;AAAA,UAAA,EAAA,GAFIA,EAAE,KAGX,CACD,EAAA,CACH,IACE;AAAA,QAAA,EAAA,CACN;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AACArB,EAAc,cAAc;"}

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

@@ -1,51 +1,51 @@
 "use client";
-import { jsxs as u, jsx as i } from "react/jsx-runtime";
-import { useEffect as c } from "react";
+import { jsxs as d, jsx as i } from "react/jsx-runtime";
+import { useEffect as l } from "react";
 import { cn as s } from "../../utils/cn.js";
 import { iso2ToFlagEmoji as m } from "../../utils/iso2Flag.js";
-import { Globe as a, ChevronDown as f, Check as g } from "../../icons.js";
-function y(o, t, r) {
-  c(() => {
-    if (!o) return;
+import { Globe as c, ChevronDown as f, Check as g } from "../../icons.js";
+function y(r, o, t) {
+  l(() => {
+    if (!r) return;
     const e = (n) => {
-      t.current && !t.current.contains(n.target) && r();
-    }, d = (n) => {
-      n.key === "Escape" && r();
+      o.current && !o.current.contains(n.target) && t();
+    }, u = (n) => {
+      n.key === "Escape" && t();
     };
-    return document.addEventListener("pointerdown", e), document.addEventListener("keydown", d), () => {
-      document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", d);
+    return document.addEventListener("pointerdown", e), document.addEventListener("keydown", u), () => {
+      document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", u);
     };
-  }, [o, t, r]);
+  }, [r, o, t]);
 }
-function l(o, { size: t = "text-sm", globeClass: r = "text-muted-foreground" } = {}) {
-  const e = m(o);
-  return e ? /* @__PURE__ */ i("span", { "aria-hidden": !0, className: s(t, "leading-none"), children: e }) : /* @__PURE__ */ i(a, { className: s("h-4 w-4 shrink-0", r) });
+function a(r, { size: o = "text-sm", globeClass: t = "text-muted-foreground" } = {}) {
+  const e = m(r);
+  return e ? /* @__PURE__ */ i("span", { "aria-hidden": !0, className: s(o, "leading-none"), children: e }) : /* @__PURE__ */ i(c, { className: s("h-4 w-4 shrink-0", t) });
 }
 function v({
-  inverse: o,
-  open: t,
-  showFlag: r,
+  inverse: r,
+  open: o,
+  showFlag: t,
   currentLang: e,
-  onClick: d,
+  onClick: u,
   ariaProps: n
 }) {
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ d(
     "button",
     {
       type: "button",
       "aria-haspopup": n.haspopup,
       "aria-expanded": n.expanded,
       "aria-controls": n.controls,
-      onClick: d,
+      onClick: u,
       className: s(
         "inline-flex h-9 cursor-pointer items-center gap-1.5 rounded-lg border px-3 text-[13px] font-medium transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        o ? "border-white/10 text-on-secondary hover:bg-white/10" : "border-border text-foreground hover:bg-surface"
+        r ? "border-current/20 text-current hover:bg-current/10" : "border-border text-foreground hover:bg-surface"
       ),
       children: [
-        r ? l(e.code, { globeClass: o ? "opacity-70" : "text-muted-foreground" }) : /* @__PURE__ */ i(
-          a,
+        t ? a(e.code, { globeClass: r ? "opacity-70" : "text-muted-foreground" }) : /* @__PURE__ */ i(
+          c,
           {
-            className: s("h-4 w-4", o ? "opacity-70" : "text-muted-foreground")
+            className: s("h-4 w-4", r ? "opacity-70" : "text-muted-foreground")
           }
         ),
         /* @__PURE__ */ i("span", { className: "tracking-tight", children: e.label }),
@@ -54,8 +54,8 @@ function v({
           {
             className: s(
               "h-3.5 w-3.5 transition-transform duration-150",
-              t && "rotate-180",
-              o ? "opacity-70" : "text-muted-foreground"
+              o && "rotate-180",
+              r ? "opacity-70" : "text-muted-foreground"
             )
           }
         )
@@ -64,44 +64,44 @@ function v({
   );
 }
 function N({
-  lang: o,
-  active: t,
-  onSelect: r,
+  lang: r,
+  active: o,
+  onSelect: t,
   variant: e,
-  showFlag: d
+  showFlag: u
 }) {
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ d(
     "button",
     {
       type: "button",
       role: "option",
-      "aria-selected": t,
-      onClick: r,
+      "aria-selected": o,
+      onClick: t,
       className: e === "modal" ? s(
         "flex w-full cursor-pointer items-center justify-between gap-3 rounded-lg border px-4 py-3 text-left transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        t ? "border-primary/40 bg-primary-soft text-foreground" : "border-border text-foreground hover:bg-surface-strong"
+        o ? "border-primary/40 bg-primary-soft text-foreground" : "border-border text-foreground hover:bg-surface-strong"
       ) : s(
         "flex w-full cursor-pointer items-center justify-between gap-3 rounded-md px-3 py-2 text-[13px] font-medium transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        t ? "bg-surface-strong text-foreground" : "text-muted-foreground hover:bg-surface-strong hover:text-foreground"
+        o ? "bg-surface-strong text-foreground" : "text-muted-foreground hover:bg-surface-strong hover:text-foreground"
       ),
       children: [
-        /* @__PURE__ */ u("span", { className: e === "modal" ? "flex items-center gap-3" : "flex items-center gap-2.5", children: [
-          d ? l(o.code, e === "modal" ? { size: "text-base" } : {}) : null,
-          /* @__PURE__ */ i("span", { className: "text-sm font-medium", children: o.label })
+        /* @__PURE__ */ d("span", { className: e === "modal" ? "flex items-center gap-3" : "flex items-center gap-2.5", children: [
+          u ? a(r.code, e === "modal" ? { size: "text-base" } : {}) : null,
+          /* @__PURE__ */ i("span", { className: "text-sm font-medium", children: r.label })
         ] }),
-        /* @__PURE__ */ u("span", { className: e === "modal" ? "flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground" : void 0, children: [
-          e === "modal" ? o.code : null,
-          t ? /* @__PURE__ */ i(g, { className: e === "modal" ? "h-4 w-4 text-primary" : "h-3.5 w-3.5 text-primary" }) : null
+        /* @__PURE__ */ d("span", { className: e === "modal" ? "flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground" : void 0, children: [
+          e === "modal" ? r.code : null,
+          o ? /* @__PURE__ */ i(g, { className: e === "modal" ? "h-4 w-4 text-primary" : "h-3.5 w-3.5 text-primary" }) : null
         ] })
       ]
     },
-    o.code
+    r.code
   );
 }
 export {
   N as LanguageOptionRow,
   v as LanguageTrigger,
-  l as renderFlagOrGlobe,
+  a as renderFlagOrGlobe,
   y as useOutsideClose
 };
 //# sourceMappingURL=parts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"parts.js","sources":["../../../../src/components/LanguageSwitcher/parts.tsx"],"sourcesContent":["\"use client\";\nimport { useEffect } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { iso2ToFlagEmoji } from \"../../utils/iso2Flag\";\nimport { Check, ChevronDown, Globe } from \"../../icons\";\nimport type { LanguageOption } from \"./types\";\n\nexport function useOutsideClose(\n  open: boolean,\n  rootRef: { current: HTMLDivElement | null },\n  onClose: () => void,\n) {\n  useEffect(() => {\n    if (!open) return;\n    const onPointerDown = (event: PointerEvent) => {\n      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n        onClose();\n      }\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") onClose();\n    };\n    document.addEventListener(\"pointerdown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      document.removeEventListener(\"pointerdown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [open, rootRef, onClose]);\n}\n\nexport function renderFlagOrGlobe(\n  code: string,\n  { size = \"text-sm\", globeClass = \"text-muted-foreground\" }: { size?: string; globeClass?: string } = {},\n) {\n  const flag = iso2ToFlagEmoji(code);\n  return flag ? (\n    <span aria-hidden className={cn(size, \"leading-none\")}>\n      {flag}\n    </span>\n  ) : (\n    <Globe className={cn(\"h-4 w-4 shrink-0\", globeClass)} />\n  );\n}\n\nexport function LanguageTrigger({\n  inverse,\n  open,\n  showFlag,\n  currentLang,\n  onClick,\n  ariaProps,\n}: {\n  inverse?: boolean;\n  open: boolean;\n  showFlag?: boolean;\n  currentLang: LanguageOption;\n  onClick: () => void;\n  ariaProps: {\n    haspopup: \"listbox\" | \"dialog\";\n    expanded: boolean;\n    controls?: string;\n  };\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-haspopup={ariaProps.haspopup}\n      aria-expanded={ariaProps.expanded}\n      aria-controls={ariaProps.controls}\n      onClick={onClick}\n      className={cn(\n        \"inline-flex h-9 cursor-pointer items-center gap-1.5 rounded-lg border px-3 text-[13px] font-medium transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        inverse\n          ? \"border-white/10 text-on-secondary hover:bg-white/10\"\n          : \"border-border text-foreground hover:bg-surface\",\n      )}\n    >\n      {showFlag ? (\n        renderFlagOrGlobe(currentLang.code, { globeClass: inverse ? \"opacity-70\" : \"text-muted-foreground\" })\n      ) : (\n        <Globe\n          className={cn(\"h-4 w-4\", inverse ? \"opacity-70\" : \"text-muted-foreground\")}\n        />\n      )}\n      <span className=\"tracking-tight\">{currentLang.label}</span>\n      <ChevronDown\n        className={cn(\n          \"h-3.5 w-3.5 transition-transform duration-150\",\n          open && \"rotate-180\",\n          inverse ? \"opacity-70\" : \"text-muted-foreground\",\n        )}\n      />\n    </button>\n  );\n}\n\nexport function LanguageOptionRow({\n  lang,\n  active,\n  onSelect,\n  variant,\n  showFlag,\n}: {\n  lang: LanguageOption;\n  active: boolean;\n  onSelect: () => void;\n  variant: \"dropdown\" | \"modal\";\n  showFlag?: boolean;\n}) {\n  return (\n    <button\n      key={lang.code}\n      type=\"button\"\n      role=\"option\"\n      aria-selected={active}\n      onClick={onSelect}\n      className={\n        variant === \"modal\"\n          ? cn(\n              \"flex w-full cursor-pointer items-center justify-between gap-3 rounded-lg border px-4 py-3 text-left transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n              active\n                ? \"border-primary/40 bg-primary-soft text-foreground\"\n                : \"border-border text-foreground hover:bg-surface-strong\",\n            )\n          : cn(\n              \"flex w-full cursor-pointer items-center justify-between gap-3 rounded-md px-3 py-2 text-[13px] font-medium transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n              active\n                ? \"bg-surface-strong text-foreground\"\n                : \"text-muted-foreground hover:bg-surface-strong hover:text-foreground\",\n            )\n      }\n    >\n      <span className={variant === \"modal\" ? \"flex items-center gap-3\" : \"flex items-center gap-2.5\"}>\n        {showFlag ? renderFlagOrGlobe(lang.code, variant === \"modal\" ? { size: \"text-base\" } : {}) : null}\n        <span className=\"text-sm font-medium\">{lang.label}</span>\n      </span>\n      <span className={variant === \"modal\" ? \"flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground\" : undefined}>\n        {variant === \"modal\" ? lang.code : null}\n        {active ? <Check className={variant === \"modal\" ? \"h-4 w-4 text-primary\" : \"h-3.5 w-3.5 text-primary\"} /> : null}\n      </span>\n    </button>\n  );\n}"],"names":["useOutsideClose","open","rootRef","onClose","useEffect","onPointerDown","event","onKeyDown","renderFlagOrGlobe","code","size","globeClass","flag","iso2ToFlagEmoji","jsx","cn","Globe","LanguageTrigger","inverse","showFlag","currentLang","onClick","ariaProps","jsxs","ChevronDown","LanguageOptionRow","lang","active","onSelect","variant","Check"],"mappings":"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"}
+{"version":3,"file":"parts.js","sources":["../../../../src/components/LanguageSwitcher/parts.tsx"],"sourcesContent":["\"use client\";\nimport { useEffect } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { iso2ToFlagEmoji } from \"../../utils/iso2Flag\";\nimport { Check, ChevronDown, Globe } from \"../../icons\";\nimport type { LanguageOption } from \"./types\";\n\nexport function useOutsideClose(\n  open: boolean,\n  rootRef: { current: HTMLDivElement | null },\n  onClose: () => void,\n) {\n  useEffect(() => {\n    if (!open) return;\n    const onPointerDown = (event: PointerEvent) => {\n      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n        onClose();\n      }\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") onClose();\n    };\n    document.addEventListener(\"pointerdown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      document.removeEventListener(\"pointerdown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [open, rootRef, onClose]);\n}\n\nexport function renderFlagOrGlobe(\n  code: string,\n  { size = \"text-sm\", globeClass = \"text-muted-foreground\" }: { size?: string; globeClass?: string } = {},\n) {\n  const flag = iso2ToFlagEmoji(code);\n  return flag ? (\n    <span aria-hidden className={cn(size, \"leading-none\")}>\n      {flag}\n    </span>\n  ) : (\n    <Globe className={cn(\"h-4 w-4 shrink-0\", globeClass)} />\n  );\n}\n\nexport function LanguageTrigger({\n  inverse,\n  open,\n  showFlag,\n  currentLang,\n  onClick,\n  ariaProps,\n}: {\n  inverse?: boolean;\n  open: boolean;\n  showFlag?: boolean;\n  currentLang: LanguageOption;\n  onClick: () => void;\n  ariaProps: {\n    haspopup: \"listbox\" | \"dialog\";\n    expanded: boolean;\n    controls?: string;\n  };\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-haspopup={ariaProps.haspopup}\n      aria-expanded={ariaProps.expanded}\n      aria-controls={ariaProps.controls}\n      onClick={onClick}\n      className={cn(\n        \"inline-flex h-9 cursor-pointer items-center gap-1.5 rounded-lg border px-3 text-[13px] font-medium transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        inverse\n          ? \"border-current/20 text-current hover:bg-current/10\"\n          : \"border-border text-foreground hover:bg-surface\",\n      )}\n    >\n      {showFlag ? (\n        renderFlagOrGlobe(currentLang.code, { globeClass: inverse ? \"opacity-70\" : \"text-muted-foreground\" })\n      ) : (\n        <Globe\n          className={cn(\"h-4 w-4\", inverse ? \"opacity-70\" : \"text-muted-foreground\")}\n        />\n      )}\n      <span className=\"tracking-tight\">{currentLang.label}</span>\n      <ChevronDown\n        className={cn(\n          \"h-3.5 w-3.5 transition-transform duration-150\",\n          open && \"rotate-180\",\n          inverse ? \"opacity-70\" : \"text-muted-foreground\",\n        )}\n      />\n    </button>\n  );\n}\n\nexport function LanguageOptionRow({\n  lang,\n  active,\n  onSelect,\n  variant,\n  showFlag,\n}: {\n  lang: LanguageOption;\n  active: boolean;\n  onSelect: () => void;\n  variant: \"dropdown\" | \"modal\";\n  showFlag?: boolean;\n}) {\n  return (\n    <button\n      key={lang.code}\n      type=\"button\"\n      role=\"option\"\n      aria-selected={active}\n      onClick={onSelect}\n      className={\n        variant === \"modal\"\n          ? cn(\n              \"flex w-full cursor-pointer items-center justify-between gap-3 rounded-lg border px-4 py-3 text-left transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n              active\n                ? \"border-primary/40 bg-primary-soft text-foreground\"\n                : \"border-border text-foreground hover:bg-surface-strong\",\n            )\n          : cn(\n              \"flex w-full cursor-pointer items-center justify-between gap-3 rounded-md px-3 py-2 text-[13px] font-medium transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n              active\n                ? \"bg-surface-strong text-foreground\"\n                : \"text-muted-foreground hover:bg-surface-strong hover:text-foreground\",\n            )\n      }\n    >\n      <span className={variant === \"modal\" ? \"flex items-center gap-3\" : \"flex items-center gap-2.5\"}>\n        {showFlag ? renderFlagOrGlobe(lang.code, variant === \"modal\" ? { size: \"text-base\" } : {}) : null}\n        <span className=\"text-sm font-medium\">{lang.label}</span>\n      </span>\n      <span className={variant === \"modal\" ? \"flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground\" : undefined}>\n        {variant === \"modal\" ? lang.code : null}\n        {active ? <Check className={variant === \"modal\" ? \"h-4 w-4 text-primary\" : \"h-3.5 w-3.5 text-primary\"} /> : null}\n      </span>\n    </button>\n  );\n}"],"names":["useOutsideClose","open","rootRef","onClose","useEffect","onPointerDown","event","onKeyDown","renderFlagOrGlobe","code","size","globeClass","flag","iso2ToFlagEmoji","jsx","cn","Globe","LanguageTrigger","inverse","showFlag","currentLang","onClick","ariaProps","jsxs","ChevronDown","LanguageOptionRow","lang","active","onSelect","variant","Check"],"mappings":"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"}