@ugurdemirel/landcraft 0.1.16 → 0.1.18

package/dist/es/components/CTA/variants/Inverse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Inverse.js","sources":["../../../../../src/components/CTA/variants/Inverse.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { Container } from \"../../Container\";\nimport { useTokenForeground } from \"../../../utils/useTokenForeground\";\nimport { CTAActions } from \"../parts\";\nimport type { CTAProps } from \"../types\";\n\n/** inverse — ink panel with a wide left-aligned split. */\nexport const CTAInverse = forwardRef<HTMLElement, CTAProps>(\n  ({ className, title, description, action, secondaryAction, align = \"left\", id, ...props }, ref) => {\n    const fg = useTokenForeground(\"--color-secondary\");\n\n    return (\n      <section ref={ref} id={id} className={cn(\"w-full py-6 pb-20\", className)} {...props}>\n        <Container>\n          <div\n            className=\"relative overflow-hidden rounded-[1.75rem] px-7 py-16 sm:px-16 sm:py-20\"\n            style={{\n              backgroundColor: \"rgb(var(--color-secondary))\",\n              color: fg,\n            }}\n          >\n            <div aria-hidden className=\"pointer-events-none absolute inset-0 grain opacity-[0.09] mix-blend-overlay\" />\n            <div\n              className={cn(\n                \"relative flex flex-col items-start gap-10\",\n                align === \"center\" && \"items-center text-center\",\n                \"lg:flex-row lg:items-end lg:justify-between\",\n              )}\n            >\n              <div className={cn(\"max-w-3xl\", align === \"center\" && \"mx-auto\")}>\n                <h2 className=\"font-display text-balance text-4xl font-semibold leading-[1.02] tracking-[-0.03em] sm:text-6xl\">\n                  {title}\n                </h2>\n                {description ? (\n                  <p className={cn(\"mt-5 max-w-xl text-pretty text-base leading-7 sm:text-lg\", align === \"center\" && \"mx-auto\")}>\n                    {description}\n                  </p>\n                ) : null}\n              </div>\n              <CTAActions action={action} secondaryAction={secondaryAction} align={align} />\n            </div>\n          </div>\n        </Container>\n      </section>\n    );\n  },\n);\nCTAInverse.displayName = \"CTAInverse\";"],"names":["CTAInverse","forwardRef","className","title","description","action","secondaryAction","align","id","props","ref","fg","useTokenForeground","jsx","cn","Container","jsxs","CTAActions"],"mappings":";;;;;;AASO,MAAMA,IAAaC;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,iBAAAC,GAAiB,OAAAC,IAAQ,QAAQ,IAAAC,GAAI,GAAGC,EAAA,GAASC,MAAQ;AACjG,UAAMC,IAAKC,EAAmB,mBAAmB;AAEjD,WACE,gBAAAC,EAAC,WAAA,EAAQ,KAAAH,GAAU,IAAAF,GAAQ,WAAWM,EAAG,qBAAqBZ,CAAS,GAAI,GAAGO,GAC5E,UAAA,gBAAAI,EAACE,GAAA,EACC,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,iBAAiB;AAAA,UACjB,OAAOL;AAAA,QAAA;AAAA,QAGT,UAAA;AAAA,UAAA,gBAAAE,EAAC,OAAA,EAAI,eAAW,IAAC,WAAU,+EAA8E;AAAA,UACzG,gBAAAG;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWF;AAAA,gBACT;AAAA,gBACAP,MAAU,YAAY;AAAA,gBACtB;AAAA,cAAA;AAAA,cAGF,UAAA;AAAA,gBAAA,gBAAAS,EAAC,SAAI,WAAWF,EAAG,aAAaP,MAAU,YAAY,SAAS,GAC7D,UAAA;AAAA,kBAAA,gBAAAM,EAAC,MAAA,EAAG,WAAU,kGACX,UAAAV,GACH;AAAA,kBACCC,IACC,gBAAAS,EAAC,KAAA,EAAE,WAAWC,EAAG,4DAA4DP,MAAU,YAAY,SAAS,GACzG,UAAAH,EAAA,CACH,IACE;AAAA,gBAAA,GACN;AAAA,gBACA,gBAAAS,EAACI,GAAA,EAAW,QAAAZ,GAAgB,iBAAAC,GAAkC,OAAAC,EAAA,CAAc;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC9E;AAAA,MAAA;AAAA,IAAA,GAEJ,EAAA,CACF;AAAA,EAEJ;AACF;AACAP,EAAW,cAAc;"}
+{"version":3,"file":"Inverse.js","sources":["../../../../../src/components/CTA/variants/Inverse.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { Container } from \"../../Container\";\nimport { CTAActions } from \"../parts\";\nimport type { CTAProps } from \"../types\";\n\n/** inverse — ink panel with a wide left-aligned split. */\nexport const CTAInverse = forwardRef<HTMLElement, CTAProps>(\n  ({ className, title, description, action, secondaryAction, align = \"left\", id, ...props }, ref) => {\n    return (\n      <section ref={ref} id={id} className={cn(\"w-full py-6 pb-20\", className)} {...props}>\n        <Container>\n          <div\n            className=\"relative overflow-hidden rounded-[1.75rem] px-7 py-16 sm:px-16 sm:py-20\"\n            style={{\n              backgroundColor: \"rgb(var(--color-secondary))\",\n              color: \"contrast-color(rgb(var(--color-secondary)))\",\n            }}\n          >\n            <div aria-hidden className=\"pointer-events-none absolute inset-0 grain opacity-[0.09] mix-blend-overlay\" />\n            <div\n              className={cn(\n                \"relative flex flex-col items-start gap-10\",\n                align === \"center\" && \"items-center text-center\",\n                \"lg:flex-row lg:items-end lg:justify-between\",\n              )}\n            >\n              <div className={cn(\"max-w-3xl\", align === \"center\" && \"mx-auto\")}>\n                <h2 className=\"font-display text-balance text-4xl font-semibold leading-[1.02] tracking-[-0.03em] sm:text-6xl\">\n                  {title}\n                </h2>\n                {description ? (\n                  <p className={cn(\"mt-5 max-w-xl text-pretty text-base leading-7 sm:text-lg\", align === \"center\" && \"mx-auto\")}>\n                    {description}\n                  </p>\n                ) : null}\n              </div>\n              <CTAActions action={action} secondaryAction={secondaryAction} align={align} />\n            </div>\n          </div>\n        </Container>\n      </section>\n    );\n  },\n);\nCTAInverse.displayName = \"CTAInverse\";"],"names":["CTAInverse","forwardRef","className","title","description","action","secondaryAction","align","id","props","ref","jsx","cn","Container","jsxs","CTAActions"],"mappings":";;;;;AAOO,MAAMA,IAAaC;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,iBAAAC,GAAiB,OAAAC,IAAQ,QAAQ,IAAAC,GAAI,GAAGC,EAAA,GAASC,MAEvF,gBAAAC,EAAC,WAAA,EAAQ,KAAAD,GAAU,IAAAF,GAAQ,WAAWI,EAAG,qBAAqBV,CAAS,GAAI,GAAGO,GAC5E,UAAA,gBAAAE,EAACE,GAAA,EACC,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,OAAO;AAAA,MAAA;AAAA,MAGT,UAAA;AAAA,QAAA,gBAAAH,EAAC,OAAA,EAAI,eAAW,IAAC,WAAU,+EAA8E;AAAA,QACzG,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF;AAAA,cACT;AAAA,cACAL,MAAU,YAAY;AAAA,cACtB;AAAA,YAAA;AAAA,YAGF,UAAA;AAAA,cAAA,gBAAAO,EAAC,SAAI,WAAWF,EAAG,aAAaL,MAAU,YAAY,SAAS,GAC7D,UAAA;AAAA,gBAAA,gBAAAI,EAAC,MAAA,EAAG,WAAU,kGACX,UAAAR,GACH;AAAA,gBACCC,IACC,gBAAAO,EAAC,KAAA,EAAE,WAAWC,EAAG,4DAA4DL,MAAU,YAAY,SAAS,GACzG,UAAAH,EAAA,CACH,IACE;AAAA,cAAA,GACN;AAAA,cACA,gBAAAO,EAACI,GAAA,EAAW,QAAAV,GAAgB,iBAAAC,GAAkC,OAAAC,EAAA,CAAc;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC9E;AAAA,IAAA;AAAA,EAAA,GAEJ,EAAA,CACF;AAGN;AACAP,EAAW,cAAc;"}

package/dist/es/components/CTA/variants/Panel.js

@@ -1,63 +1,58 @@
-"use client";
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { forwardRef as x } from "react";
+import { forwardRef as p } from "react";
 import { cn as t } from "../../../utils/cn.js";
-import { Container as f } from "../../Container.js";
-import { useTokenForeground as u } from "../../../utils/useTokenForeground.js";
+import { Container as x } from "../../Container.js";
 import { CTAActions as v } from "../parts.js";
-const y = x(
-  ({ className: l, title: n, description: o, action: i, secondaryAction: s, align: r = "left", id: m, ...c }, d) => {
-    const p = u("--color-primary");
-    return /* @__PURE__ */ e("section", { ref: d, id: m, className: t("w-full py-6 pb-20", l), ...c, children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ a(
-      "div",
-      {
-        className: "relative overflow-hidden rounded-[1.75rem] px-7 py-14 sm:px-14 sm:py-20",
-        style: {
-          background: "radial-gradient(120% 160% at 0% 0%, rgb(var(--color-primary)), rgb(var(--color-primary-hover)) 55%, rgb(var(--color-primary) / 0.85))",
-          color: p
-        },
-        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 -right-24 -top-24 h-72 w-72 rounded-full",
-              style: { background: "rgb(var(--color-accent))", opacity: 0.35, filter: "blur(60px)" }
-            }
-          ),
-          /* @__PURE__ */ a(
-            "div",
-            {
-              className: t(
-                "relative flex flex-col gap-9",
-                r === "center" ? "items-center text-center" : "items-start"
-              ),
-              children: [
-                /* @__PURE__ */ a("div", { className: t("max-w-2xl", r === "center" && "mx-auto"), children: [
-                  /* @__PURE__ */ e("h2", { className: "font-display text-balance text-3xl font-semibold leading-[1.06] tracking-[-0.02em] sm:text-5xl", children: n }),
-                  o ? /* @__PURE__ */ e(
-                    "p",
-                    {
-                      className: t(
-                        "mt-4 text-pretty text-base leading-7 sm:text-lg",
-                        r === "center" && "mx-auto max-w-xl"
-                      ),
-                      children: o
-                    }
-                  ) : null
-                ] }),
-                /* @__PURE__ */ e(v, { action: i, secondaryAction: s, align: r })
-              ]
-            }
-          )
-        ]
-      }
-    ) }) });
-  }
+const f = p(
+  ({ className: o, title: i, description: l, action: n, secondaryAction: c, align: r = "left", id: s, ...m }, d) => /* @__PURE__ */ e("section", { ref: d, id: s, className: t("w-full py-6 pb-20", o), ...m, children: /* @__PURE__ */ e(x, { children: /* @__PURE__ */ a(
+    "div",
+    {
+      className: "relative overflow-hidden rounded-[1.75rem] px-7 py-14 sm:px-14 sm:py-20",
+      style: {
+        background: "radial-gradient(120% 160% at 0% 0%, rgb(var(--color-primary)), rgb(var(--color-primary-hover)) 55%, rgb(var(--color-primary) / 0.85))",
+        color: "contrast-color(rgb(var(--color-primary)))"
+      },
+      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 -right-24 -top-24 h-72 w-72 rounded-full",
+            style: { background: "rgb(var(--color-accent))", opacity: 0.35, filter: "blur(60px)" }
+          }
+        ),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: t(
+              "relative flex flex-col gap-9",
+              r === "center" ? "items-center text-center" : "items-start"
+            ),
+            children: [
+              /* @__PURE__ */ a("div", { className: t("max-w-2xl", r === "center" && "mx-auto"), children: [
+                /* @__PURE__ */ e("h2", { className: "font-display text-balance text-3xl font-semibold leading-[1.06] tracking-[-0.02em] sm:text-5xl", children: i }),
+                l ? /* @__PURE__ */ e(
+                  "p",
+                  {
+                    className: t(
+                      "mt-4 text-pretty text-base leading-7 sm:text-lg",
+                      r === "center" && "mx-auto max-w-xl"
+                    ),
+                    children: l
+                  }
+                ) : null
+              ] }),
+              /* @__PURE__ */ e(v, { action: n, secondaryAction: c, align: r })
+            ]
+          }
+        )
+      ]
+    }
+  ) }) })
 );
-y.displayName = "CTAPanel";
+f.displayName = "CTAPanel";
 export {
-  y as CTAPanel
+  f as CTAPanel
 };
 //# sourceMappingURL=Panel.js.map

package/dist/es/components/CTA/variants/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sources":["../../../../../src/components/CTA/variants/Panel.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { Container } from \"../../Container\";\nimport { useTokenForeground } from \"../../../utils/useTokenForeground\";\nimport { CTAActions } from \"../parts\";\nimport type { CTAProps } from \"../types\";\n\n/** panel — brand gradient panel, rounded corners. */\nexport const CTAPanel = forwardRef<HTMLElement, CTAProps>(\n  ({ className, title, description, action, secondaryAction, align = \"left\", id, ...props }, ref) => {\n    const fg = useTokenForeground(\"--color-primary\");\n\n    return (\n      <section ref={ref} id={id} className={cn(\"w-full py-6 pb-20\", className)} {...props}>\n        <Container>\n          <div\n            className=\"relative overflow-hidden rounded-[1.75rem] px-7 py-14 sm:px-14 sm:py-20\"\n            style={{\n              background:\n                \"radial-gradient(120% 160% at 0% 0%, rgb(var(--color-primary)), rgb(var(--color-primary-hover)) 55%, rgb(var(--color-primary) / 0.85))\",\n              color: fg,\n            }}\n          >\n            <div aria-hidden className=\"pointer-events-none absolute inset-0 grain opacity-[0.07] mix-blend-overlay\" />\n            <div\n              aria-hidden\n              className=\"pointer-events-none absolute -right-24 -top-24 h-72 w-72 rounded-full\"\n              style={{ background: \"rgb(var(--color-accent))\", opacity: 0.35, filter: \"blur(60px)\" }}\n            />\n            <div\n              className={cn(\n                \"relative flex flex-col gap-9\",\n                align === \"center\" ? \"items-center text-center\" : \"items-start\",\n              )}\n            >\n              <div className={cn(\"max-w-2xl\", align === \"center\" && \"mx-auto\")}>\n                <h2 className=\"font-display text-balance text-3xl font-semibold leading-[1.06] tracking-[-0.02em] sm:text-5xl\">\n                  {title}\n                </h2>\n                {description ? (\n                  <p\n                    className={cn(\n                      \"mt-4 text-pretty text-base leading-7 sm:text-lg\",\n                      align === \"center\" && \"mx-auto max-w-xl\",\n                    )}\n                  >\n                    {description}\n                  </p>\n                ) : null}\n              </div>\n              <CTAActions action={action} secondaryAction={secondaryAction} align={align} />\n            </div>\n          </div>\n        </Container>\n      </section>\n    );\n  },\n);\nCTAPanel.displayName = \"CTAPanel\";"],"names":["CTAPanel","forwardRef","className","title","description","action","secondaryAction","align","id","props","ref","fg","useTokenForeground","jsx","cn","Container","jsxs","CTAActions"],"mappings":";;;;;;AASO,MAAMA,IAAWC;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,iBAAAC,GAAiB,OAAAC,IAAQ,QAAQ,IAAAC,GAAI,GAAGC,EAAA,GAASC,MAAQ;AACjG,UAAMC,IAAKC,EAAmB,iBAAiB;AAE/C,WACE,gBAAAC,EAAC,WAAA,EAAQ,KAAAH,GAAU,IAAAF,GAAQ,WAAWM,EAAG,qBAAqBZ,CAAS,GAAI,GAAGO,GAC5E,UAAA,gBAAAI,EAACE,GAAA,EACC,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,YACE;AAAA,UACF,OAAOL;AAAA,QAAA;AAAA,QAGT,UAAA;AAAA,UAAA,gBAAAE,EAAC,OAAA,EAAI,eAAW,IAAC,WAAU,+EAA8E;AAAA,UACzG,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAW;AAAA,cACX,WAAU;AAAA,cACV,OAAO,EAAE,YAAY,4BAA4B,SAAS,MAAM,QAAQ,aAAA;AAAA,YAAa;AAAA,UAAA;AAAA,UAEvF,gBAAAG;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWF;AAAA,gBACT;AAAA,gBACAP,MAAU,WAAW,6BAA6B;AAAA,cAAA;AAAA,cAGpD,UAAA;AAAA,gBAAA,gBAAAS,EAAC,SAAI,WAAWF,EAAG,aAAaP,MAAU,YAAY,SAAS,GAC7D,UAAA;AAAA,kBAAA,gBAAAM,EAAC,MAAA,EAAG,WAAU,kGACX,UAAAV,GACH;AAAA,kBACCC,IACC,gBAAAS;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAWC;AAAA,wBACT;AAAA,wBACAP,MAAU,YAAY;AAAA,sBAAA;AAAA,sBAGvB,UAAAH;AAAA,oBAAA;AAAA,kBAAA,IAED;AAAA,gBAAA,GACN;AAAA,gBACA,gBAAAS,EAACI,GAAA,EAAW,QAAAZ,GAAgB,iBAAAC,GAAkC,OAAAC,EAAA,CAAc;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC9E;AAAA,MAAA;AAAA,IAAA,GAEJ,EAAA,CACF;AAAA,EAEJ;AACF;AACAP,EAAS,cAAc;"}
+{"version":3,"file":"Panel.js","sources":["../../../../../src/components/CTA/variants/Panel.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { Container } from \"../../Container\";\nimport { CTAActions } from \"../parts\";\nimport type { CTAProps } from \"../types\";\n\n/** panel — brand gradient panel, rounded corners. */\nexport const CTAPanel = forwardRef<HTMLElement, CTAProps>(\n  ({ className, title, description, action, secondaryAction, align = \"left\", id, ...props }, ref) => {\n    return (\n      <section ref={ref} id={id} className={cn(\"w-full py-6 pb-20\", className)} {...props}>\n        <Container>\n          <div\n            className=\"relative overflow-hidden rounded-[1.75rem] px-7 py-14 sm:px-14 sm:py-20\"\n            style={{\n              background:\n                \"radial-gradient(120% 160% at 0% 0%, rgb(var(--color-primary)), rgb(var(--color-primary-hover)) 55%, rgb(var(--color-primary) / 0.85))\",\n              color: \"contrast-color(rgb(var(--color-primary)))\",\n            }}\n          >\n            <div aria-hidden className=\"pointer-events-none absolute inset-0 grain opacity-[0.07] mix-blend-overlay\" />\n            <div\n              aria-hidden\n              className=\"pointer-events-none absolute -right-24 -top-24 h-72 w-72 rounded-full\"\n              style={{ background: \"rgb(var(--color-accent))\", opacity: 0.35, filter: \"blur(60px)\" }}\n            />\n            <div\n              className={cn(\n                \"relative flex flex-col gap-9\",\n                align === \"center\" ? \"items-center text-center\" : \"items-start\",\n              )}\n            >\n              <div className={cn(\"max-w-2xl\", align === \"center\" && \"mx-auto\")}>\n                <h2 className=\"font-display text-balance text-3xl font-semibold leading-[1.06] tracking-[-0.02em] sm:text-5xl\">\n                  {title}\n                </h2>\n                {description ? (\n                  <p\n                    className={cn(\n                      \"mt-4 text-pretty text-base leading-7 sm:text-lg\",\n                      align === \"center\" && \"mx-auto max-w-xl\",\n                    )}\n                  >\n                    {description}\n                  </p>\n                ) : null}\n              </div>\n              <CTAActions action={action} secondaryAction={secondaryAction} align={align} />\n            </div>\n          </div>\n        </Container>\n      </section>\n    );\n  },\n);\nCTAPanel.displayName = \"CTAPanel\";"],"names":["CTAPanel","forwardRef","className","title","description","action","secondaryAction","align","id","props","ref","jsx","cn","Container","jsxs","CTAActions"],"mappings":";;;;;AAOO,MAAMA,IAAWC;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,iBAAAC,GAAiB,OAAAC,IAAQ,QAAQ,IAAAC,GAAI,GAAGC,EAAA,GAASC,MAEvF,gBAAAC,EAAC,WAAA,EAAQ,KAAAD,GAAU,IAAAF,GAAQ,WAAWI,EAAG,qBAAqBV,CAAS,GAAI,GAAGO,GAC5E,UAAA,gBAAAE,EAACE,GAAA,EACC,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,YACE;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,MAGT,UAAA;AAAA,QAAA,gBAAAH,EAAC,OAAA,EAAI,eAAW,IAAC,WAAU,+EAA8E;AAAA,QACzG,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAW;AAAA,YACX,WAAU;AAAA,YACV,OAAO,EAAE,YAAY,4BAA4B,SAAS,MAAM,QAAQ,aAAA;AAAA,UAAa;AAAA,QAAA;AAAA,QAEvF,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF;AAAA,cACT;AAAA,cACAL,MAAU,WAAW,6BAA6B;AAAA,YAAA;AAAA,YAGpD,UAAA;AAAA,cAAA,gBAAAO,EAAC,SAAI,WAAWF,EAAG,aAAaL,MAAU,YAAY,SAAS,GAC7D,UAAA;AAAA,gBAAA,gBAAAI,EAAC,MAAA,EAAG,WAAU,kGACX,UAAAR,GACH;AAAA,gBACCC,IACC,gBAAAO;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWC;AAAA,sBACT;AAAA,sBACAL,MAAU,YAAY;AAAA,oBAAA;AAAA,oBAGvB,UAAAH;AAAA,kBAAA;AAAA,gBAAA,IAED;AAAA,cAAA,GACN;AAAA,cACA,gBAAAO,EAACI,GAAA,EAAW,QAAAV,GAAgB,iBAAAC,GAAkC,OAAAC,EAAA,CAAc;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC9E;AAAA,IAAA;AAAA,EAAA,GAEJ,EAAA,CACF;AAGN;AACAP,EAAS,cAAc;"}

package/dist/es/components/Features/FeatureCard.js

@@ -1,19 +1,18 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { forwardRef as x } from "react";
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
 import { cn as e } from "../../utils/cn.js";
-import { getContrastText as u } from "../../utils/contrast.js";
-const p = x(
-  ({ className: f, icon: o, title: i, description: l, accent: r, large: d = !1, ...s }, a) => {
-    const n = r ? { backgroundColor: r, color: u(r, "#111111", "#ffffff") } : void 0;
-    return /* @__PURE__ */ m(
+const u = f(
+  ({ className: s, icon: o, title: a, description: l, accent: r, large: d = !1, ...i }, n) => {
+    const m = r ? { backgroundColor: r, color: `contrast-color(${r})` } : void 0;
+    return /* @__PURE__ */ x(
       "div",
       {
-        ref: a,
+        ref: n,
         className: e(
           "group relative flex h-full flex-col rounded-xl border border-border bg-surface p-7 transition-colors duration-200 hover:border-foreground/15",
-          f
+          s
         ),
-        ...s,
+        ...i,
         children: [
           o ? /* @__PURE__ */ t(
             "div",
@@ -22,19 +21,19 @@ const p = x(
                 "mb-5 inline-flex h-10 w-10 items-center justify-center rounded-lg text-[1.05rem]",
                 !r && "bg-primary-soft text-primary"
               ),
-              style: n,
+              style: m,
               children: o
             }
           ) : null,
-          /* @__PURE__ */ t("h3", { className: e("font-display font-semibold tracking-tight text-foreground", d ? "text-2xl" : "text-lg"), children: i }),
+          /* @__PURE__ */ t("h3", { className: e("font-display font-semibold tracking-tight text-foreground", d ? "text-2xl" : "text-lg"), children: a }),
           l ? /* @__PURE__ */ t("p", { className: e("mt-2.5 text-pretty leading-relaxed text-muted-foreground", d ? "text-[15px]" : "text-sm"), children: l }) : null
         ]
       }
     );
   }
 );
-p.displayName = "FeatureCard";
+u.displayName = "FeatureCard";
 export {
-  p as FeatureCard
+  u as FeatureCard
 };
 //# sourceMappingURL=FeatureCard.js.map

package/dist/es/components/Features/FeatureCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureCard.js","sources":["../../../../src/components/Features/FeatureCard.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { getContrastText } from \"../../utils/contrast\";\nimport type { FeatureCardProps } from \"./types\";\n\nexport const FeatureCard = forwardRef<HTMLDivElement, FeatureCardProps>(\n  ({ className, icon, title, description, accent, large = false, ...props }, ref) => {\n    const chipStyle = accent\n      ? { backgroundColor: accent, color: getContrastText(accent, \"#111111\", \"#ffffff\") }\n      : undefined;\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"group relative flex h-full flex-col rounded-xl border border-border bg-surface p-7 transition-colors duration-200 hover:border-foreground/15\",\n          className,\n        )}\n        {...props}\n      >\n        {icon ? (\n          <div\n            className={cn(\n              \"mb-5 inline-flex h-10 w-10 items-center justify-center rounded-lg text-[1.05rem]\",\n              !accent && \"bg-primary-soft text-primary\",\n            )}\n            style={chipStyle}\n          >\n            {icon}\n          </div>\n        ) : null}\n        <h3 className={cn(\"font-display font-semibold tracking-tight text-foreground\", large ? \"text-2xl\" : \"text-lg\")}>\n          {title}\n        </h3>\n        {description ? (\n          <p className={cn(\"mt-2.5 text-pretty leading-relaxed text-muted-foreground\", large ? \"text-[15px]\" : \"text-sm\")}>\n            {description}\n          </p>\n        ) : null}\n      </div>\n    );\n  },\n);\nFeatureCard.displayName = \"FeatureCard\";"],"names":["FeatureCard","forwardRef","className","icon","title","description","accent","large","props","ref","chipStyle","getContrastText","jsxs","cn","jsx"],"mappings":";;;;AAKO,MAAMA,IAAcC;AAAA,EACzB,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,OAAAC,IAAQ,IAAO,GAAGC,EAAA,GAASC,MAAQ;AACjF,UAAMC,IAAYJ,IACd,EAAE,iBAAiBA,GAAQ,OAAOK,EAAgBL,GAAQ,WAAW,SAAS,EAAA,IAC9E;AAEJ,WACE,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,WAAWI;AAAA,UACT;AAAA,UACAX;AAAA,QAAA;AAAA,QAED,GAAGM;AAAA,QAEH,UAAA;AAAA,UAAAL,IACC,gBAAAW;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWD;AAAA,gBACT;AAAA,gBACA,CAACP,KAAU;AAAA,cAAA;AAAA,cAEb,OAAOI;AAAA,cAEN,UAAAP;AAAA,YAAA;AAAA,UAAA,IAED;AAAA,UACJ,gBAAAW,EAAC,QAAG,WAAWD,EAAG,6DAA6DN,IAAQ,aAAa,SAAS,GAC1G,UAAAH,EAAA,CACH;AAAA,UACCC,IACC,gBAAAS,EAAC,KAAA,EAAE,WAAWD,EAAG,4DAA4DN,IAAQ,gBAAgB,SAAS,GAC3G,UAAAF,EAAA,CACH,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAL,EAAY,cAAc;"}
+{"version":3,"file":"FeatureCard.js","sources":["../../../../src/components/Features/FeatureCard.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { FeatureCardProps } from \"./types\";\n\nexport const FeatureCard = forwardRef<HTMLDivElement, FeatureCardProps>(\n  ({ className, icon, title, description, accent, large = false, ...props }, ref) => {\n    const chipStyle = accent\n      ? { backgroundColor: accent, color: `contrast-color(${accent})` }\n      : undefined;\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"group relative flex h-full flex-col rounded-xl border border-border bg-surface p-7 transition-colors duration-200 hover:border-foreground/15\",\n          className,\n        )}\n        {...props}\n      >\n        {icon ? (\n          <div\n            className={cn(\n              \"mb-5 inline-flex h-10 w-10 items-center justify-center rounded-lg text-[1.05rem]\",\n              !accent && \"bg-primary-soft text-primary\",\n            )}\n            style={chipStyle}\n          >\n            {icon}\n          </div>\n        ) : null}\n        <h3 className={cn(\"font-display font-semibold tracking-tight text-foreground\", large ? \"text-2xl\" : \"text-lg\")}>\n          {title}\n        </h3>\n        {description ? (\n          <p className={cn(\"mt-2.5 text-pretty leading-relaxed text-muted-foreground\", large ? \"text-[15px]\" : \"text-sm\")}>\n            {description}\n          </p>\n        ) : null}\n      </div>\n    );\n  },\n);\nFeatureCard.displayName = \"FeatureCard\";"],"names":["FeatureCard","forwardRef","className","icon","title","description","accent","large","props","ref","chipStyle","jsxs","cn","jsx"],"mappings":";;;AAIO,MAAMA,IAAcC;AAAA,EACzB,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,OAAAC,IAAQ,IAAO,GAAGC,EAAA,GAASC,MAAQ;AACjF,UAAMC,IAAYJ,IACd,EAAE,iBAAiBA,GAAQ,OAAO,kBAAkBA,CAAM,IAAA,IAC1D;AAEJ,WACE,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,WAAWG;AAAA,UACT;AAAA,UACAV;AAAA,QAAA;AAAA,QAED,GAAGM;AAAA,QAEH,UAAA;AAAA,UAAAL,IACC,gBAAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWD;AAAA,gBACT;AAAA,gBACA,CAACN,KAAU;AAAA,cAAA;AAAA,cAEb,OAAOI;AAAA,cAEN,UAAAP;AAAA,YAAA;AAAA,UAAA,IAED;AAAA,UACJ,gBAAAU,EAAC,QAAG,WAAWD,EAAG,6DAA6DL,IAAQ,aAAa,SAAS,GAC1G,UAAAH,EAAA,CACH;AAAA,UACCC,IACC,gBAAAQ,EAAC,KAAA,EAAE,WAAWD,EAAG,4DAA4DL,IAAQ,gBAAgB,SAAS,GAC3G,UAAAF,EAAA,CACH,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAL,EAAY,cAAc;"}

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

@@ -1,46 +1,41 @@
-"use client";
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { cn as i } from "../../../utils/cn.js";
-import { useTokenForeground as u } from "../../../utils/useTokenForeground.js";
-import { HeroActions as h, heroContainer as y } from "../parts.js";
-const g = f(
-  ({ className: m, title: c, description: r, primaryAction: n, secondaryAction: o, media: b, meta: s, id: d, ...x }, p) => {
-    const t = u("--color-secondary");
-    return /* @__PURE__ */ a(
-      "section",
-      {
-        ref: p,
-        id: d,
-        className: i("relative w-full overflow-hidden bg-secondary", m),
-        style: { color: t },
-        ...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__ */ a("div", { className: i(y, "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: t },
-                children: c
-              }
-            ),
-            r ? /* @__PURE__ */ e("p", { className: "mx-auto mt-8 max-w-xl text-pretty leading-relaxed sm:text-lg", style: { color: t, opacity: 0.72 }, children: r }) : null,
-            n || o ? /* @__PURE__ */ e("div", { className: "mt-11 justify-center", children: /* @__PURE__ */ e(h, { primaryAction: n, secondaryAction: o }) }) : null,
-            s ? /* @__PURE__ */ e("ul", { className: "mt-16 flex flex-wrap items-center justify-center gap-x-10 gap-y-3", children: s.map((l) => /* @__PURE__ */ a("li", { className: "flex items-center gap-2 text-sm font-medium", style: { color: t, opacity: 0.72 }, children: [
-              l.icon ? /* @__PURE__ */ e("span", { children: l.icon }) : null,
-              l.label
-            ] }, l.label)) }) : null
-          ] })
-        ]
-      }
-    );
-  }
+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(
+    "section",
+    {
+      ref: x,
+      id: m,
+      className: s("relative w-full overflow-hidden bg-secondary", c),
+      style: { color: "contrast-color(rgb(var(--color-secondary)))" },
+      ...d,
+      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: [
+            t.icon ? /* @__PURE__ */ e("span", { children: t.icon }) : null,
+            t.label
+          ] }, t.label)) }) : null
+        ] })
+      ]
+    }
+  )
 );
-g.displayName = "HeroStatement";
+b.displayName = "HeroStatement";
 export {
-  g as HeroStatement
+  b as HeroStatement
 };
 //# sourceMappingURL=Statement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Statement.js","sources":["../../../../../src/components/Hero/variants/Statement.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { useTokenForeground } from \"../../../utils/useTokenForeground\";\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 must be derived from THAT token, not the brand.\n    const fg = useTokenForeground(\"--color-secondary\");\n\n    return (\n      <section\n        ref={ref}\n        id={id}\n        className={cn(\"relative w-full overflow-hidden bg-secondary\", className)}\n        style={{ color: fg }}\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: fg }}\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: fg, 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: fg, 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","fg","useTokenForeground","jsxs","cn","jsx","heroContainer","HeroActions","m"],"mappings":";;;;;AAQO,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,MACG;AAGH,UAAMC,IAAKC,EAAmB,mBAAmB;AAEjD,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,IAAAF;AAAA,QACA,WAAWM,EAAG,gDAAgDb,CAAS;AAAA,QACvE,OAAO,EAAE,OAAOU,EAAA;AAAA,QACf,GAAGF;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAM,EAAC,OAAA,EAAI,eAAW,IAAC,WAAU,+EAA8E;AAAA,UACzG,gBAAAA,EAAC,OAAA,EAAI,eAAW,IAAC,WAAU,iEAAgE;AAAA,4BAC1F,OAAA,EAAI,WAAWD,EAAGE,GAAe,2CAA2C,GAC3E,UAAA;AAAA,YAAA,gBAAAD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,OAAOJ,EAAA;AAAA,gBAEf,UAAAT;AAAA,cAAA;AAAA,YAAA;AAAA,YAEFC,IACC,gBAAAY,EAAC,KAAA,EAAE,WAAU,gEAA+D,OAAO,EAAE,OAAOJ,GAAI,SAAS,KAAA,GACtG,aACH,IACE;AAAA,YACHP,KAAiBC,IAChB,gBAAAU,EAAC,OAAA,EAAI,WAAU,wBACb,UAAA,gBAAAA,EAACE,GAAA,EAAY,eAAAb,GAA8B,iBAAAC,EAAA,CAAkC,EAAA,CAC/E,IACE;AAAA,YACHE,IACC,gBAAAQ,EAAC,MAAA,EAAG,WAAU,qEACX,UAAAR,EAAK,IAAI,CAACW,wBACR,MAAA,EAAiB,WAAU,+CAA8C,OAAO,EAAE,OAAOP,GAAI,SAAS,QACpG,UAAA;AAAA,cAAAO,EAAE,OAAO,gBAAAH,EAAC,QAAA,EAAM,UAAAG,EAAE,MAAK,IAAU;AAAA,cACjCA,EAAE;AAAA,YAAA,EAAA,GAFIA,EAAE,KAGX,CACD,EAAA,CACH,IACE;AAAA,UAAA,EAAA,CACN;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AACAnB,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 { 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;"}