@ugurdemirel/landcraft 0.1.23 → 0.1.24

package/dist/es/components/Button.js

@@ -1,62 +1,72 @@
-import { jsx as e, jsxs as x } from "react/jsx-runtime";
-import { forwardRef as v } from "react";
-import { cn as t } from "../utils/cn.js";
-import { Slot as y } from "./Slot.js";
-const k = {
+import { jsx as t, jsxs as v } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { cn as n } from "../utils/cn.js";
+import { Slot as k } from "./Slot.js";
+const N = {
   primary: "bg-primary text-on-primary hover:bg-primary-hover",
-  dark: "bg-secondary text-on-secondary hover:bg-secondary-hover",
   outline: "border border-border bg-transparent text-foreground hover:border-foreground/30 hover:bg-surface",
   ghost: "text-foreground hover:bg-surface",
   link: "px-0 h-auto text-primary hover:text-primary-hover"
-}, N = {
+}, j = {
   sm: "h-9 px-4 text-[13px] gap-1.5",
   md: "h-11 px-5 text-sm gap-2",
   lg: "h-12 px-7 text-[15px] gap-2"
-}, j = "group inline-flex select-none items-center justify-center rounded-lg font-medium tracking-tight transition-[background-color,border-color,color,box-shadow] duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 cursor-pointer", w = v(
+}, w = "group inline-flex select-none items-center justify-center rounded-lg font-medium tracking-tight transition-[background-color,border-color,color,box-shadow] duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 cursor-pointer", B = y(
   ({
-    className: b,
-    variant: n = "primary",
-    size: p = "md",
+    className: f,
+    variant: r = "primary",
+    size: b = "md",
     iconLeft: s,
     iconRight: i,
-    customColor: r,
+    customColor: o,
     fullWidth: m,
-    asChild: f,
+    asChild: h,
     style: a,
-    type: h = "button",
+    type: x = "button",
     children: l,
     ...c
   }, u) => {
-    const d = r ? {
+    const d = o ? {
       ...a,
-      "--lc-bg": r,
+      "--lc-bg": o,
       backgroundColor: "var(--lc-bg)",
       color: "contrast-color(var(--lc-bg))"
-    } : a, o = n === "link", g = t(
-      j,
-      N[p],
-      r ? "hover:brightness-95" : k[n],
-      o && "underline-offset-4 hover:underline",
+    } : a, e = r === "link", g = !o && (r === "outline" || r === "ghost"), p = n(
+      w,
+      j[b],
+      o ? "hover:brightness-95" : N[r],
+      e && "underline-offset-4 hover:underline",
       m && "w-full",
-      b
+      f
     );
-    return f ? /* @__PURE__ */ e(y, { ref: u, style: d, className: g, ...c, children: l }) : /* @__PURE__ */ x(
+    return h ? /* @__PURE__ */ t(
+      k,
+      {
+        ref: u,
+        "data-unfilled": g ? "" : void 0,
+        style: d,
+        className: p,
+        ...c,
+        children: l
+      }
+    ) : /* @__PURE__ */ v(
       "button",
       {
         ref: u,
-        type: h,
+        type: x,
+        "data-unfilled": g ? "" : void 0,
         style: d,
-        className: g,
+        className: p,
         ...c,
         children: [
-          s ? /* @__PURE__ */ e("span", { className: t("shrink-0", !o && "opacity-70"), children: s }) : null,
+          s ? /* @__PURE__ */ t("span", { className: n("shrink-0", !e && "opacity-70"), children: s }) : null,
           l,
-          i ? /* @__PURE__ */ e(
+          i ? /* @__PURE__ */ t(
             "span",
             {
-              className: t(
+              className: n(
                 "shrink-0 transition-transform duration-200",
-                !o && "opacity-70 group-hover:translate-x-0.5"
+                !e && "opacity-70 group-hover:translate-x-0.5"
               ),
               children: i
             }
@@ -66,8 +76,8 @@ const k = {
     );
   }
 );
-w.displayName = "Button";
+B.displayName = "Button";
 export {
-  w as Button
+  B as Button
 };
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type CSSProperties, type ReactNode } from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { Slot } from \"./Slot\";\n\nexport type ButtonVariant = \"primary\" | \"dark\" | \"outline\" | \"ghost\" | \"link\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  iconLeft?: ReactNode;\n  iconRight?: ReactNode;\n  /** Paints the button with an arbitrary CSS color; text color is computed for contrast. */\n  customColor?: string;\n  fullWidth?: boolean;\n  /**\n   * When `true`, the button styling is applied to a single child element\n   * instead of a `<button>`. Use it to render a framework router `<Link>`\n   * (Next.js, Remix, React Router…). `iconLeft` / `iconRight` are ignored;\n   * pass icons inside the child instead.\n   */\n  asChild?: boolean;\n}\n\nconst variants: Record<ButtonVariant, string> = {\n  primary: \"bg-primary text-on-primary hover:bg-primary-hover\",\n  dark: \"bg-secondary text-on-secondary hover:bg-secondary-hover\",\n  outline:\n    \"border border-border bg-transparent text-foreground hover:border-foreground/30 hover:bg-surface\",\n  ghost: \"text-foreground hover:bg-surface\",\n  link: \"px-0 h-auto text-primary hover:text-primary-hover\",\n};\n\nconst sizes: Record<ButtonSize, string> = {\n  sm: \"h-9 px-4 text-[13px] gap-1.5\",\n  md: \"h-11 px-5 text-sm gap-2\",\n  lg: \"h-12 px-7 text-[15px] gap-2\",\n};\n\nconst base =\n  \"group inline-flex select-none items-center justify-center rounded-lg font-medium tracking-tight transition-[background-color,border-color,color,box-shadow] duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 cursor-pointer\";\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant = \"primary\",\n      size = \"md\",\n      iconLeft,\n      iconRight,\n      customColor,\n      fullWidth,\n      asChild,\n      style,\n      type = \"button\",\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const customStyle: CSSProperties | undefined = customColor\n      ? ({\n          ...style,\n          \"--lc-bg\": customColor,\n          backgroundColor: \"var(--lc-bg)\",\n          color: \"contrast-color(var(--lc-bg))\",\n        } as CSSProperties)\n      : style;\n\n    const isLink = variant === \"link\";\n\n    const classes = cn(\n      base,\n      sizes[size],\n      customColor ? \"hover:brightness-95\" : variants[variant],\n      isLink && \"underline-offset-4 hover:underline\",\n      fullWidth && \"w-full\",\n      className,\n    );\n\n    if (asChild) {\n      return (\n        <Slot ref={ref} style={customStyle} className={classes} {...props}>\n          {children}\n        </Slot>\n      );\n    }\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        style={customStyle}\n        className={classes}\n        {...props}\n      >\n        {iconLeft ? <span className={cn(\"shrink-0\", !isLink && \"opacity-70\")}>{iconLeft}</span> : null}\n        {children}\n        {iconRight ? (\n          <span\n            className={cn(\n              \"shrink-0 transition-transform duration-200\",\n              !isLink && \"opacity-70 group-hover:translate-x-0.5\",\n            )}\n          >\n            {iconRight}\n          </span>\n        ) : null}\n      </button>\n    );\n  },\n);\nButton.displayName = \"Button\";"],"names":["variants","sizes","base","Button","forwardRef","className","variant","size","iconLeft","iconRight","customColor","fullWidth","asChild","style","type","children","props","ref","customStyle","isLink","classes","cn","jsx","Slot","jsxs"],"mappings":";;;;AAwBA,MAAMA,IAA0C;AAAA,EAC9C,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SACE;AAAA,EACF,OAAO;AAAA,EACP,MAAM;AACR,GAEMC,IAAoC;AAAA,EACxC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IACJ,qXAEWC,IAASC;AAAA,EACpB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAyCR,IAC1C;AAAA,MACC,GAAGG;AAAA,MACH,WAAWH;AAAA,MACX,iBAAiB;AAAA,MACjB,OAAO;AAAA,IAAA,IAETG,GAEEM,IAASb,MAAY,QAErBc,IAAUC;AAAA,MACdnB;AAAA,MACAD,EAAMM,CAAI;AAAA,MACVG,IAAc,wBAAwBV,EAASM,CAAO;AAAA,MACtDa,KAAU;AAAA,MACVR,KAAa;AAAA,MACbN;AAAA,IAAA;AAGF,WAAIO,IAEA,gBAAAU,EAACC,KAAK,KAAAN,GAAU,OAAOC,GAAa,WAAWE,GAAU,GAAGJ,GACzD,UAAAD,EAAA,CACH,IAKF,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAP;AAAA,QACA,MAAAH;AAAA,QACA,OAAOI;AAAA,QACP,WAAWE;AAAA,QACV,GAAGJ;AAAA,QAEH,UAAA;AAAA,UAAAR,IAAW,gBAAAc,EAAC,QAAA,EAAK,WAAWD,EAAG,YAAY,CAACF,KAAU,YAAY,GAAI,UAAAX,EAAA,CAAS,IAAU;AAAA,UACzFO;AAAA,UACAN,IACC,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWD;AAAA,gBACT;AAAA,gBACA,CAACF,KAAU;AAAA,cAAA;AAAA,cAGZ,UAAAV;AAAA,YAAA;AAAA,UAAA,IAED;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAN,EAAO,cAAc;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type CSSProperties, type ReactNode } from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { Slot } from \"./Slot\";\n\nexport type ButtonVariant = \"primary\" | \"outline\" | \"ghost\" | \"link\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  iconLeft?: ReactNode;\n  iconRight?: ReactNode;\n  /** Paints the button with an arbitrary CSS color; text color is computed for contrast. */\n  customColor?: string;\n  fullWidth?: boolean;\n  /**\n   * When `true`, the button styling is applied to a single child element\n   * instead of a `<button>`. Use it to render a framework router `<Link>`\n   * (Next.js, Remix, React Router…). `iconLeft` / `iconRight` are ignored;\n   * pass icons inside the child instead.\n   */\n  asChild?: boolean;\n}\n\nconst variants: Record<ButtonVariant, string> = {\n  primary: \"bg-primary text-on-primary hover:bg-primary-hover\",\n  outline:\n    \"border border-border bg-transparent text-foreground hover:border-foreground/30 hover:bg-surface\",\n  ghost: \"text-foreground hover:bg-surface\",\n  link: \"px-0 h-auto text-primary hover:text-primary-hover\",\n};\n\nconst sizes: Record<ButtonSize, string> = {\n  sm: \"h-9 px-4 text-[13px] gap-1.5\",\n  md: \"h-11 px-5 text-sm gap-2\",\n  lg: \"h-12 px-7 text-[15px] gap-2\",\n};\n\nconst base =\n  \"group inline-flex select-none items-center justify-center rounded-lg font-medium tracking-tight transition-[background-color,border-color,color,box-shadow] duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 cursor-pointer\";\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant = \"primary\",\n      size = \"md\",\n      iconLeft,\n      iconRight,\n      customColor,\n      fullWidth,\n      asChild,\n      style,\n      type = \"button\",\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const customStyle: CSSProperties | undefined = customColor\n      ? ({\n          ...style,\n          \"--lc-bg\": customColor,\n          backgroundColor: \"var(--lc-bg)\",\n          color: \"contrast-color(var(--lc-bg))\",\n        } as CSSProperties)\n      : style;\n\n    const isLink = variant === \"link\";\n    // Outline/ghost have no fill of their own: on an emphasis band they should\n    // inherit the band's contrast color. Marked here so the CSS has an exact,\n    // unambiguous hook (skipping it for filled buttons and customColor).\n    const unfilled = !customColor && (variant === \"outline\" || variant === \"ghost\");\n\n    const classes = cn(\n      base,\n      sizes[size],\n      customColor ? \"hover:brightness-95\" : variants[variant],\n      isLink && \"underline-offset-4 hover:underline\",\n      fullWidth && \"w-full\",\n      className,\n    );\n\n    if (asChild) {\n      return (\n        <Slot\n          ref={ref}\n          data-unfilled={unfilled ? \"\" : undefined}\n          style={customStyle}\n          className={classes}\n          {...props}\n        >\n          {children}\n        </Slot>\n      );\n    }\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        data-unfilled={unfilled ? \"\" : undefined}\n        style={customStyle}\n        className={classes}\n        {...props}\n      >\n        {iconLeft ? <span className={cn(\"shrink-0\", !isLink && \"opacity-70\")}>{iconLeft}</span> : null}\n        {children}\n        {iconRight ? (\n          <span\n            className={cn(\n              \"shrink-0 transition-transform duration-200\",\n              !isLink && \"opacity-70 group-hover:translate-x-0.5\",\n            )}\n          >\n            {iconRight}\n          </span>\n        ) : null}\n      </button>\n    );\n  },\n);\nButton.displayName = \"Button\";"],"names":["variants","sizes","base","Button","forwardRef","className","variant","size","iconLeft","iconRight","customColor","fullWidth","asChild","style","type","children","props","ref","customStyle","isLink","unfilled","classes","cn","jsx","Slot","jsxs"],"mappings":";;;;AAwBA,MAAMA,IAA0C;AAAA,EAC9C,SAAS;AAAA,EACT,SACE;AAAA,EACF,OAAO;AAAA,EACP,MAAM;AACR,GAEMC,IAAoC;AAAA,EACxC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IACJ,qXAEWC,IAASC;AAAA,EACpB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAyCR,IAC1C;AAAA,MACC,GAAGG;AAAA,MACH,WAAWH;AAAA,MACX,iBAAiB;AAAA,MACjB,OAAO;AAAA,IAAA,IAETG,GAEEM,IAASb,MAAY,QAIrBc,IAAW,CAACV,MAAgBJ,MAAY,aAAaA,MAAY,UAEjEe,IAAUC;AAAA,MACdpB;AAAA,MACAD,EAAMM,CAAI;AAAA,MACVG,IAAc,wBAAwBV,EAASM,CAAO;AAAA,MACtDa,KAAU;AAAA,MACVR,KAAa;AAAA,MACbN;AAAA,IAAA;AAGF,WAAIO,IAEA,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAP;AAAA,QACA,iBAAeG,IAAW,KAAK;AAAA,QAC/B,OAAOF;AAAA,QACP,WAAWG;AAAA,QACV,GAAGL;AAAA,QAEH,UAAAD;AAAA,MAAA;AAAA,IAAA,IAML,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAR;AAAA,QACA,MAAAH;AAAA,QACA,iBAAeM,IAAW,KAAK;AAAA,QAC/B,OAAOF;AAAA,QACP,WAAWG;AAAA,QACV,GAAGL;AAAA,QAEH,UAAA;AAAA,UAAAR,IAAW,gBAAAe,EAAC,QAAA,EAAK,WAAWD,EAAG,YAAY,CAACH,KAAU,YAAY,GAAI,UAAAX,EAAA,CAAS,IAAU;AAAA,UACzFO;AAAA,UACAN,IACC,gBAAAc;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWD;AAAA,gBACT;AAAA,gBACA,CAACH,KAAU;AAAA,cAAA;AAAA,cAGZ,UAAAV;AAAA,YAAA;AAAA,UAAA,IAED;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAN,EAAO,cAAc;"}

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

@@ -1,11 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
+import { forwardRef as f } from "react";
 import { CTAPanel as t } from "./variants/Panel.js";
-import { CTASurface as i } from "./variants/Surface.js";
-import { CTAInverse as a } from "./variants/Inverse.js";
-const n = o(({ option: f = "panel", ...r }, e) => f === "surface" ? /* @__PURE__ */ m(i, { ref: e, ...r }) : f === "inverse" ? /* @__PURE__ */ m(a, { ref: e, ...r }) : /* @__PURE__ */ m(t, { ref: e, ...r }));
-n.displayName = "CTA";
+import { CTASurface as a } from "./variants/Surface.js";
+const i = f(({ option: e = "panel", ...r }, o) => e === "surface" ? /* @__PURE__ */ m(a, { ref: o, ...r }) : /* @__PURE__ */ m(t, { ref: o, ...r }));
+i.displayName = "CTA";
 export {
-  n as CTA
+  i as CTA
 };
 //# sourceMappingURL=CTA.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CTA.js","sources":["../../../../src/components/CTA/CTA.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { CTAProps } from \"./types\";\nimport { CTAPanel } from \"./variants/Panel\";\nimport { CTASurface } from \"./variants/Surface\";\nimport { CTAInverse } from \"./variants/Inverse\";\n\nexport const CTA = forwardRef<HTMLElement, CTAProps>(({ option = \"panel\", ...props }, ref) => {\n  if (option === \"surface\") return <CTASurface ref={ref} {...props} />;\n  if (option === \"inverse\") return <CTAInverse ref={ref} {...props} />;\n  return <CTAPanel ref={ref} {...props} />;\n});\nCTA.displayName = \"CTA\";"],"names":["CTA","forwardRef","option","props","ref","CTASurface","CTAInverse","jsx","CTAPanel"],"mappings":";;;;;AAMO,MAAMA,IAAMC,EAAkC,CAAC,EAAE,QAAAC,IAAS,SAAS,GAAGC,EAAA,GAASC,MAChFF,MAAW,8BAAmBG,GAAA,EAAW,KAAAD,GAAW,GAAGD,GAAO,IAC9DD,MAAW,8BAAmBI,GAAA,EAAW,KAAAF,GAAW,GAAGD,GAAO,IAC3D,gBAAAI,EAACC,GAAA,EAAS,KAAAJ,GAAW,GAAGD,EAAA,CAAO,CACvC;AACDH,EAAI,cAAc;"}
+{"version":3,"file":"CTA.js","sources":["../../../../src/components/CTA/CTA.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { CTAProps } from \"./types\";\nimport { CTAPanel } from \"./variants/Panel\";\nimport { CTASurface } from \"./variants/Surface\";\n\nexport const CTA = forwardRef<HTMLElement, CTAProps>(({ option = \"panel\", ...props }, ref) => {\n  if (option === \"surface\") return <CTASurface ref={ref} {...props} />;\n  return <CTAPanel ref={ref} {...props} />;\n});\nCTA.displayName = \"CTA\";\n"],"names":["CTA","forwardRef","option","props","ref","CTASurface","jsx","CTAPanel"],"mappings":";;;;AAKO,MAAMA,IAAMC,EAAkC,CAAC,EAAE,QAAAC,IAAS,SAAS,GAAGC,EAAA,GAASC,MAChFF,MAAW,8BAAmBG,GAAA,EAAW,KAAAD,GAAW,GAAGD,GAAO,IAC3D,gBAAAG,EAACC,GAAA,EAAS,KAAAH,GAAW,GAAGD,EAAA,CAAO,CACvC;AACDH,EAAI,cAAc;"}

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

@@ -1,26 +1,31 @@
-import { jsxs as c } from "react/jsx-runtime";
-import { cn as i } from "../../utils/cn.js";
-function f({
-  action: e,
-  secondaryAction: r,
-  align: t,
-  actionClassName: n = "flex flex-wrap items-center gap-4"
+import { jsxs as n } from "react/jsx-runtime";
+import { cn as c } from "../../utils/cn.js";
+const o = "font-display text-balance text-4xl font-semibold leading-[1.05] tracking-[-0.03em] sm:text-5xl", x = "mt-5 max-w-xl text-pretty text-base leading-7 sm:text-lg";
+function m({
+  action: t,
+  secondaryAction: e,
+  align: a,
+  actionClassName: s = "flex flex-wrap items-center gap-4",
+  emphasis: i = !1
 }) {
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ n(
     "div",
     {
-      className: i(
-        n,
-        t === "center" && "justify-center"
+      "data-emphasis": i ? "" : void 0,
+      className: c(
+        s,
+        a === "center" && "justify-center"
       ),
       children: [
-        e,
-        r
+        t,
+        e
       ]
     }
   );
 }
 export {
-  f as CTAActions
+  m as CTAActions,
+  x as ctaDescriptionBase,
+  o as ctaTitleBase
 };
 //# sourceMappingURL=parts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"parts.js","sources":["../../../../src/components/CTA/parts.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\n\nexport function CTAActions({\n  action,\n  secondaryAction,\n  align,\n  actionClassName = \"flex flex-wrap items-center gap-4\",\n}: {\n  action?: ReactNode;\n  secondaryAction?: ReactNode;\n  align?: \"left\" | \"center\";\n  actionClassName?: string;\n}) {\n  return (\n    <div\n      className={cn(\n        actionClassName,\n        align === \"center\" && \"justify-center\",\n      )}\n    >\n      {action}\n      {secondaryAction}\n    </div>\n  );\n}"],"names":["CTAActions","action","secondaryAction","align","actionClassName","jsxs","cn"],"mappings":";;AAGO,SAASA,EAAW;AAAA,EACzB,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC,IAAkB;AACpB,GAKG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTF;AAAA,QACAD,MAAU,YAAY;AAAA,MAAA;AAAA,MAGvB,UAAA;AAAA,QAAAF;AAAA,QACAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"parts.js","sources":["../../../../src/components/CTA/parts.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\n\n/**\n * Shared emphasis typography. Every CTA layout uses these so switching option\n * changes only the arrangement, never the type.\n */\nexport const ctaTitleBase =\n  \"font-display text-balance text-4xl font-semibold leading-[1.05] tracking-[-0.03em] sm:text-5xl\";\n\nexport const ctaDescriptionBase = \"mt-5 max-w-xl text-pretty text-base leading-7 sm:text-lg\";\n\nexport function CTAActions({\n  action,\n  secondaryAction,\n  align,\n  actionClassName = \"flex flex-wrap items-center gap-4\",\n  emphasis = false,\n}: {\n  action?: ReactNode;\n  secondaryAction?: ReactNode;\n  align?: \"left\" | \"center\";\n  actionClassName?: string;\n  /** Marks the actions as sitting on an emphasis band so descendant buttons inherit its contrast color. */\n  emphasis?: boolean;\n}) {\n  return (\n    <div\n      data-emphasis={emphasis ? \"\" : undefined}\n      className={cn(\n        actionClassName,\n        align === \"center\" && \"justify-center\",\n      )}\n    >\n      {action}\n      {secondaryAction}\n    </div>\n  );\n}\n"],"names":["ctaTitleBase","ctaDescriptionBase","CTAActions","action","secondaryAction","align","actionClassName","emphasis","jsxs","cn"],"mappings":";;AAOO,MAAMA,IACX,kGAEWC,IAAqB;AAE3B,SAASC,EAAW;AAAA,EACzB,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,UAAAC,IAAW;AACb,GAOG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,iBAAeD,IAAW,KAAK;AAAA,MAC/B,WAAWE;AAAA,QACTH;AAAA,QACAD,MAAU,YAAY;AAAA,MAAA;AAAA,MAGvB,UAAA;AAAA,QAAAF;AAAA,QACAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,17 +1,15 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
+import { forwardRef as f } from "react";
 import { cn as t } from "../../../utils/cn.js";
-import { Container as x } from "../../Container.js";
-import { CTAActions as v } from "../parts.js";
-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(
+import { Container as u } from "../../Container.js";
+import { emphasisSurfaceStyle as h } from "../../../utils/surface.js";
+import { ctaTitleBase as x, ctaDescriptionBase as v, CTAActions as y } from "../parts.js";
+const N = f(
+  ({ className: i, title: l, description: s, action: o, secondaryAction: n, align: r = "left", background: c, id: m, ...d }, p) => /* @__PURE__ */ e("section", { ref: p, id: m, className: t("w-full py-6 pb-20", i), ...d, children: /* @__PURE__ */ e(u, { 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)))"
-      },
+      style: h(c),
       children: [
         /* @__PURE__ */ e("div", { "aria-hidden": !0, className: "pointer-events-none absolute inset-0 grain opacity-[0.07] mix-blend-overlay" }),
         /* @__PURE__ */ e(
@@ -31,19 +29,19 @@ const f = p(
             ),
             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(
+                /* @__PURE__ */ e("h2", { className: x, children: l }),
+                s ? /* @__PURE__ */ e(
                   "p",
                   {
                     className: t(
-                      "mt-4 text-pretty text-base leading-7 sm:text-lg",
-                      r === "center" && "mx-auto max-w-xl"
+                      v,
+                      r === "center" && "mx-auto"
                     ),
-                    children: l
+                    children: s
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ e(v, { action: n, secondaryAction: c, align: r })
+              /* @__PURE__ */ e(y, { action: o, secondaryAction: n, align: r, emphasis: !0 })
             ]
           }
         )
@@ -51,8 +49,8 @@ const f = p(
     }
   ) }) })
 );
-f.displayName = "CTAPanel";
+N.displayName = "CTAPanel";
 export {
-  f as CTAPanel
+  N 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":["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;"}
+{"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 { emphasisSurfaceStyle } from \"../../../utils/surface\";\nimport { CTAActions, ctaDescriptionBase, ctaTitleBase } from \"../parts\";\nimport type { CTAProps } from \"../types\";\n\n/**\n * panel — brand emphasis panel: a gradient derived from `--color-primary`,\n * with a shared grain texture. Passing `background` replaces the gradient with\n * a custom color while keeping the contrast behavior.\n */\nexport const CTAPanel = forwardRef<HTMLElement, CTAProps>(\n  (\n    { className, title, description, action, secondaryAction, align = \"left\", background, id, ...props },\n    ref,\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={emphasisSurfaceStyle(background)}\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={ctaTitleBase}>{title}</h2>\n                {description ? (\n                  <p\n                    className={cn(\n                      ctaDescriptionBase,\n                      align === \"center\" && \"mx-auto\",\n                    )}\n                  >\n                    {description}\n                  </p>\n                ) : null}\n              </div>\n              <CTAActions action={action} secondaryAction={secondaryAction} align={align} emphasis />\n            </div>\n          </div>\n        </Container>\n      </section>\n    );\n  },\n);\nCTAPanel.displayName = \"CTAPanel\";\n"],"names":["CTAPanel","forwardRef","className","title","description","action","secondaryAction","align","background","id","props","ref","jsx","cn","Container","jsxs","emphasisSurfaceStyle","ctaTitleBase","ctaDescriptionBase","CTAActions"],"mappings":";;;;;;AAYO,MAAMA,IAAWC;AAAA,EACtB,CACE,EAAE,WAAAC,GAAW,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,iBAAAC,GAAiB,OAAAC,IAAQ,QAAQ,YAAAC,GAAY,IAAAC,GAAI,GAAGC,EAAA,GAC7FC,MAGE,gBAAAC,EAAC,WAAA,EAAQ,KAAAD,GAAU,IAAAF,GAAQ,WAAWI,EAAG,qBAAqBX,CAAS,GAAI,GAAGQ,GAC5E,UAAA,gBAAAE,EAACE,GAAA,EACC,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAOC,EAAqBR,CAAU;AAAA,MAEtC,UAAA;AAAA,QAAA,gBAAAI,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,cACAN,MAAU,WAAW,6BAA6B;AAAA,YAAA;AAAA,YAGpD,UAAA;AAAA,cAAA,gBAAAQ,EAAC,SAAI,WAAWF,EAAG,aAAaN,MAAU,YAAY,SAAS,GAC7D,UAAA;AAAA,gBAAA,gBAAAK,EAAC,MAAA,EAAG,WAAWK,GAAe,UAAAd,GAAM;AAAA,gBACnCC,IACC,gBAAAQ;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWC;AAAA,sBACTK;AAAA,sBACAX,MAAU,YAAY;AAAA,oBAAA;AAAA,oBAGvB,UAAAH;AAAA,kBAAA;AAAA,gBAAA,IAED;AAAA,cAAA,GACN;AAAA,gCACCe,GAAA,EAAW,QAAAd,GAAgB,iBAAAC,GAAkC,OAAAC,GAAc,UAAQ,GAAA,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACvF;AAAA,IAAA;AAAA,EAAA,GAEJ,EAAA,CACF;AAGN;AACAP,EAAS,cAAc;"}

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

@@ -1,10 +1,10 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
 import { cn as r } from "../../../utils/cn.js";
-import { Container as f } from "../../Container.js";
-import { CTAActions as p } from "../parts.js";
-const u = d(
-  ({ className: l, title: o, description: m, action: a, secondaryAction: c, align: t = "left", id: n, ...x }, i) => /* @__PURE__ */ e("section", { ref: i, id: n, className: r("w-full", l), ...x, children: /* @__PURE__ */ e(f, { className: "py-20 sm:py-24", children: /* @__PURE__ */ s(
+import { Container as x } from "../../Container.js";
+import { ctaTitleBase as p, ctaDescriptionBase as u, CTAActions as h } from "../parts.js";
+const N = d(
+  ({ className: c, title: o, description: s, action: a, secondaryAction: l, align: t = "left", background: b, id: n, ...i }, f) => /* @__PURE__ */ e("section", { ref: f, id: n, className: r("w-full", c), ...i, children: /* @__PURE__ */ e(x, { className: "py-20 sm:py-24", children: /* @__PURE__ */ m(
     "div",
     {
       className: r(
@@ -12,17 +12,27 @@ const u = d(
         t === "center" && "items-center text-center sm:flex-col sm:items-center"
       ),
       children: [
-        /* @__PURE__ */ s("div", { className: r("max-w-3xl", t === "center" && "mx-auto"), children: [
-          /* @__PURE__ */ e("h2", { className: "font-display text-4xl font-semibold leading-[1.03] tracking-[-0.03em] text-balance text-foreground sm:text-6xl", children: o }),
-          m ? /* @__PURE__ */ e("p", { className: r("mt-5 max-w-xl text-pretty text-base leading-7 text-muted-foreground sm:text-lg", t === "center" && "mx-auto"), children: m }) : null
+        /* @__PURE__ */ m("div", { className: r("max-w-3xl", t === "center" && "mx-auto"), children: [
+          /* @__PURE__ */ e("h2", { className: r(p, "text-foreground"), children: o }),
+          s ? /* @__PURE__ */ e(
+            "p",
+            {
+              className: r(
+                u,
+                "text-muted-foreground",
+                t === "center" && "mx-auto"
+              ),
+              children: s
+            }
+          ) : null
         ] }),
-        /* @__PURE__ */ e(p, { action: a, secondaryAction: c, align: t })
+        /* @__PURE__ */ e(h, { action: a, secondaryAction: l, align: t })
       ]
     }
   ) }) })
 );
-u.displayName = "CTASurface";
+N.displayName = "CTASurface";
 export {
-  u as CTASurface
+  N as CTASurface
 };
 //# sourceMappingURL=Surface.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Surface.js","sources":["../../../../../src/components/CTA/variants/Surface.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/** surface — quiet paper band: hairline rule, big display type, actions right. */\nexport const CTASurface = forwardRef<HTMLElement, CTAProps>(\n  ({ className, title, description, action, secondaryAction, align = \"left\", id, ...props }, ref) => (\n    <section ref={ref} id={id} className={cn(\"w-full\", className)} {...props}>\n      <Container className=\"py-20 sm:py-24\">\n        <div\n          className={cn(\n            \"flex flex-col gap-10 border-t border-border pt-14 sm:flex-row sm:items-end sm:justify-between sm:pt-16\",\n            align === \"center\" && \"items-center text-center sm:flex-col sm:items-center\",\n          )}\n        >\n          <div className={cn(\"max-w-3xl\", align === \"center\" && \"mx-auto\")}>\n            <h2 className=\"font-display text-4xl font-semibold leading-[1.03] tracking-[-0.03em] text-balance text-foreground sm:text-6xl\">\n              {title}\n            </h2>\n            {description ? (\n              <p className={cn(\"mt-5 max-w-xl text-pretty text-base leading-7 text-muted-foreground 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      </Container>\n    </section>\n  ),\n);\nCTASurface.displayName = \"CTASurface\";"],"names":["CTASurface","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,MACzF,gBAAAC,EAAC,WAAA,EAAQ,KAAAD,GAAU,IAAAF,GAAQ,WAAWI,EAAG,UAAUV,CAAS,GAAI,GAAGO,GACjE,UAAA,gBAAAE,EAACE,GAAA,EAAU,WAAU,kBACnB,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAL,MAAU,YAAY;AAAA,MAAA;AAAA,MAGxB,UAAA;AAAA,QAAA,gBAAAO,EAAC,SAAI,WAAWF,EAAG,aAAaL,MAAU,YAAY,SAAS,GAC7D,UAAA;AAAA,UAAA,gBAAAI,EAAC,MAAA,EAAG,WAAU,kHACX,UAAAR,GACH;AAAA,UACCC,IACC,gBAAAO,EAAC,KAAA,EAAE,WAAWC,EAAG,kFAAkFL,MAAU,YAAY,SAAS,GAC/H,UAAAH,EAAA,CACH,IACE;AAAA,QAAA,GACN;AAAA,QACA,gBAAAO,EAACI,GAAA,EAAW,QAAAV,GAAgB,iBAAAC,GAAkC,OAAAC,EAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEhF,EAAA,CACF;AAEJ;AACAP,EAAW,cAAc;"}
+{"version":3,"file":"Surface.js","sources":["../../../../../src/components/CTA/variants/Surface.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { Container } from \"../../Container\";\nimport { CTAActions, ctaDescriptionBase, ctaTitleBase } from \"../parts\";\nimport type { CTAProps } from \"../types\";\n\n/** surface — quiet paper band: hairline rule, display type, actions on the right. */\nexport const CTASurface = forwardRef<HTMLElement, CTAProps>(\n  (\n    { className, title, description, action, secondaryAction, align = \"left\", background, id, ...props },\n    ref,\n  ) => (\n    <section ref={ref} id={id} className={cn(\"w-full\", className)} {...props}>\n      <Container className=\"py-20 sm:py-24\">\n        <div\n          className={cn(\n            \"flex flex-col gap-10 border-t border-border pt-14 sm:flex-row sm:items-end sm:justify-between sm:pt-16\",\n            align === \"center\" && \"items-center text-center sm:flex-col sm:items-center\",\n          )}\n        >\n          <div className={cn(\"max-w-3xl\", align === \"center\" && \"mx-auto\")}>\n            <h2 className={cn(ctaTitleBase, \"text-foreground\")}>{title}</h2>\n            {description ? (\n              <p\n                className={cn(\n                  ctaDescriptionBase,\n                  \"text-muted-foreground\",\n                  align === \"center\" && \"mx-auto\",\n                )}\n              >\n                {description}\n              </p>\n            ) : null}\n          </div>\n          <CTAActions action={action} secondaryAction={secondaryAction} align={align} />\n        </div>\n      </Container>\n    </section>\n  ),\n);\nCTASurface.displayName = \"CTASurface\";\n"],"names":["CTASurface","forwardRef","className","title","description","action","secondaryAction","align","background","id","props","ref","jsx","cn","Container","jsxs","ctaTitleBase","ctaDescriptionBase","CTAActions"],"mappings":";;;;;AAOO,MAAMA,IAAaC;AAAA,EACxB,CACE,EAAE,WAAAC,GAAW,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,iBAAAC,GAAiB,OAAAC,IAAQ,QAAQ,YAAAC,GAAY,IAAAC,GAAI,GAAGC,EAAA,GAC7FC,MAEA,gBAAAC,EAAC,WAAA,EAAQ,KAAAD,GAAU,IAAAF,GAAQ,WAAWI,EAAG,UAAUX,CAAS,GAAI,GAAGQ,GACjE,UAAA,gBAAAE,EAACE,GAAA,EAAU,WAAU,kBACnB,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAN,MAAU,YAAY;AAAA,MAAA;AAAA,MAGxB,UAAA;AAAA,QAAA,gBAAAQ,EAAC,SAAI,WAAWF,EAAG,aAAaN,MAAU,YAAY,SAAS,GAC7D,UAAA;AAAA,UAAA,gBAAAK,EAAC,QAAG,WAAWC,EAAGG,GAAc,iBAAiB,GAAI,UAAAb,GAAM;AAAA,UAC1DC,IACC,gBAAAQ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWC;AAAA,gBACTI;AAAA,gBACA;AAAA,gBACAV,MAAU,YAAY;AAAA,cAAA;AAAA,cAGvB,UAAAH;AAAA,YAAA;AAAA,UAAA,IAED;AAAA,QAAA,GACN;AAAA,QACA,gBAAAQ,EAACM,GAAA,EAAW,QAAAb,GAAgB,iBAAAC,GAAkC,OAAAC,EAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEhF,EAAA,CACF;AAEJ;AACAP,EAAW,cAAc;"}

package/dist/es/components/Footer/Footer.js

@@ -1,10 +1,10 @@
-import { jsx as o } from "react/jsx-runtime";
-import { FooterClassic as t } from "./variants/Classic.js";
+import { jsx as r } from "react/jsx-runtime";
+import { FooterColumns as i } from "./variants/Columns.js";
 import { FooterMinimal as m } from "./variants/Minimal.js";
 import { FooterEditorial as e } from "./variants/Editorial.js";
-const a = ({ option: i = "classic", ...r }) => i === "minimal" ? /* @__PURE__ */ o(m, { ...r }) : i === "editorial" ? /* @__PURE__ */ o(e, { ...r }) : /* @__PURE__ */ o(t, { ...r });
-a.displayName = "Footer";
+const l = ({ option: t = "columns", ...o }) => t === "minimal" ? /* @__PURE__ */ r(m, { ...o }) : t === "editorial" ? /* @__PURE__ */ r(e, { ...o }) : /* @__PURE__ */ r(i, { ...o });
+l.displayName = "Footer";
 export {
-  a as Footer
+  l as Footer
 };
 //# sourceMappingURL=Footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import type { FooterProps } from \"./types\";\nimport { FooterClassic } from \"./variants/Classic\";\nimport { FooterMinimal } from \"./variants/Minimal\";\nimport { FooterEditorial } from \"./variants/Editorial\";\n\nexport const Footer = ({ option = \"classic\", ...props }: FooterProps) => {\n  if (option === \"minimal\") return <FooterMinimal {...props} />;\n  if (option === \"editorial\") return <FooterEditorial {...props} />;\n  return <FooterClassic {...props} />;\n};\nFooter.displayName = \"Footer\";"],"names":["Footer","option","props","jsx","FooterMinimal","FooterEditorial","FooterClassic"],"mappings":";;;;AAKO,MAAMA,IAAS,CAAC,EAAE,QAAAC,IAAS,WAAW,GAAGC,QAC1CD,MAAW,YAAkB,gBAAAE,EAACC,GAAA,EAAe,GAAGF,GAAO,IACvDD,MAAW,cAAoB,gBAAAE,EAACE,GAAA,EAAiB,GAAGH,GAAO,IACxD,gBAAAC,EAACG,GAAA,EAAe,GAAGJ,EAAA,CAAO;AAEnCF,EAAO,cAAc;"}
+{"version":3,"file":"Footer.js","sources":["../../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import type { FooterProps } from \"./types\";\nimport { FooterColumns } from \"./variants/Columns\";\nimport { FooterMinimal } from \"./variants/Minimal\";\nimport { FooterEditorial } from \"./variants/Editorial\";\n\nexport const Footer = ({ option = \"columns\", ...props }: FooterProps) => {\n  if (option === \"minimal\") return <FooterMinimal {...props} />;\n  if (option === \"editorial\") return <FooterEditorial {...props} />;\n  return <FooterColumns {...props} />;\n};\nFooter.displayName = \"Footer\";\n"],"names":["Footer","option","props","jsx","FooterMinimal","FooterEditorial","FooterColumns"],"mappings":";;;;AAKO,MAAMA,IAAS,CAAC,EAAE,QAAAC,IAAS,WAAW,GAAGC,QAC1CD,MAAW,YAAkB,gBAAAE,EAACC,GAAA,EAAe,GAAGF,GAAO,IACvDD,MAAW,cAAoB,gBAAAE,EAACE,GAAA,EAAiB,GAAGH,GAAO,IACxD,gBAAAC,EAACG,GAAA,EAAe,GAAGJ,EAAA,CAAO;AAEnCF,EAAO,cAAc;"}

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

@@ -1,56 +1,57 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { cn as a } from "../../utils/cn.js";
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { cn as o } from "../../utils/cn.js";
 function m({
   logo: e,
   logoSrc: n,
-  logoAlt: i,
-  logoClassName: l,
+  logoAlt: l,
+  logoClassName: i,
   brand: t,
-  imageClassName: o = "h-7 w-auto"
+  imageClassName: s = "h-7 w-auto"
 }) {
   return e || (n ? /* @__PURE__ */ r(
     "img",
     {
       src: n,
-      alt: i ?? (typeof t == "string" ? t : "Logo"),
-      className: a(o, l)
+      alt: l ?? (typeof t == "string" ? t : "Logo"),
+      className: o(s, i)
     }
   ) : null);
 }
 function u({ brand: e }) {
-  return /* @__PURE__ */ s("span", { className: "flex items-center gap-2 font-display text-lg font-bold tracking-tight", children: [
+  return /* @__PURE__ */ a("span", { className: "flex items-center gap-2 font-display text-lg font-bold tracking-tight", children: [
     /* @__PURE__ */ r("span", { "aria-hidden": !0, className: "inline-block h-2.5 w-2.5 rounded-sm bg-current" }),
     e
   ] });
 }
 function f({ brand: e }) {
-  return /* @__PURE__ */ r("span", { className: "font-display text-5xl font-bold tracking-[-0.03em] text-foreground sm:text-7xl", children: e });
+  return /* @__PURE__ */ r("span", { className: "font-display text-5xl font-bold tracking-[-0.03em] text-current sm:text-7xl", children: e });
 }
 function h({
   columns: e,
   Link: n,
-  linkClassName: i
+  linkClassName: l,
+  columnTitleClassName: i = "text-muted-foreground"
 }) {
-  return /* @__PURE__ */ r("div", { className: "grid grid-cols-2 gap-8 md:grid-cols-4", children: e.map((l) => /* @__PURE__ */ s("div", { children: [
-    /* @__PURE__ */ r("h3", { className: "text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground", children: l.title }),
-    /* @__PURE__ */ r("ul", { className: "mt-4 space-y-2.5", children: l.links.map((t) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(n, { href: t.href, className: i, children: t.label }) }, t.href)) })
-  ] }, l.title)) });
+  return /* @__PURE__ */ r("div", { className: "grid grid-cols-2 gap-8 md:grid-cols-4", children: e.map((t) => /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ r("h3", { className: o("text-xs font-semibold uppercase tracking-[0.16em]", i), children: t.title }),
+    /* @__PURE__ */ r("ul", { className: "mt-4 space-y-2.5", children: t.links.map((s) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(n, { href: s.href, className: l, children: s.label }) }, s.href)) })
+  ] }, t.title)) });
 }
 function p({
   bottom: e,
   languageSwitcher: n,
-  brand: i,
-  wrapperClassName: l,
+  brand: l,
+  wrapperClassName: i,
   textClassName: t
 }) {
-  return /* @__PURE__ */ s("div", { className: l, children: [
-    /* @__PURE__ */ r("span", { className: a(t), children: e }),
+  return /* @__PURE__ */ a("div", { className: i, children: [
+    /* @__PURE__ */ r("span", { className: o(t), children: e }),
     n ? /* @__PURE__ */ r("div", { children: n }) : null,
-    /* @__PURE__ */ s("span", { className: a(t), children: [
+    /* @__PURE__ */ a("span", { className: o(t), children: [
       "© ",
       (/* @__PURE__ */ new Date()).getFullYear(),
       " ",
-      i,
+      l,
       ". All rights reserved."
     ] })
   ] });

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

@@ -1 +1 @@
-{"version":3,"file":"parts.js","sources":["../../../../src/components/Footer/parts.tsx"],"sourcesContent":["import type { ElementType, ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { FooterColumn } from \"./types\";\n\nexport function FooterLogoNode({\n  logo,\n  logoSrc,\n  logoAlt,\n  logoClassName,\n  brand,\n  imageClassName = \"h-7 w-auto\",\n}: {\n  logo?: ReactNode;\n  logoSrc?: string;\n  logoAlt?: string;\n  logoClassName?: string;\n  brand?: ReactNode;\n  imageClassName?: string;\n}) {\n  if (logo) return logo;\n  if (logoSrc) {\n    return (\n      <img\n        src={logoSrc}\n        alt={logoAlt ?? (typeof brand === \"string\" ? brand : \"Logo\")}\n        className={cn(imageClassName, logoClassName)}\n      />\n    );\n  }\n  return null;\n}\n\nexport function FooterWordmark({ brand }: { brand?: ReactNode }) {\n  return (\n    <span className=\"flex items-center gap-2 font-display text-lg font-bold tracking-tight\">\n      <span aria-hidden className=\"inline-block h-2.5 w-2.5 rounded-sm bg-current\" />\n      {brand}\n    </span>\n  );\n}\n\nexport function FooterEditorialWordmark({ brand }: { brand?: ReactNode }) {\n  return (\n    <span className=\"font-display text-5xl font-bold tracking-[-0.03em] text-foreground sm:text-7xl\">\n      {brand}\n    </span>\n  );\n}\n\nexport function FooterColumnsBlock({\n  columns,\n  Link,\n  linkClassName,\n}: {\n  columns: FooterColumn[];\n  Link: ElementType;\n  linkClassName: string;\n}) {\n  return (\n    <div className=\"grid grid-cols-2 gap-8 md:grid-cols-4\">\n      {columns.map((column) => (\n        <div key={column.title}>\n          <h3 className=\"text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n            {column.title}\n          </h3>\n          <ul className=\"mt-4 space-y-2.5\">\n            {column.links.map((link) => (\n              <li key={link.href}>\n                <Link href={link.href} className={linkClassName}>\n                  {link.label}\n                </Link>\n              </li>\n            ))}\n          </ul>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function FooterBottomBar({\n  bottom,\n  languageSwitcher,\n  brand,\n  wrapperClassName,\n  textClassName,\n}: {\n  bottom?: ReactNode;\n  languageSwitcher?: ReactNode;\n  brand?: ReactNode;\n  wrapperClassName: string;\n  textClassName: string;\n}) {\n  return (\n    <div className={wrapperClassName}>\n      <span className={cn(textClassName)}>{bottom}</span>\n      {languageSwitcher ? <div>{languageSwitcher}</div> : null}\n      <span className={cn(textClassName)}>© {new Date().getFullYear()} {brand}. All rights reserved.</span>\n    </div>\n  );\n}"],"names":["FooterLogoNode","logo","logoSrc","logoAlt","logoClassName","brand","imageClassName","jsx","cn","FooterWordmark","jsxs","FooterEditorialWordmark","FooterColumnsBlock","columns","Link","linkClassName","column","link","FooterBottomBar","bottom","languageSwitcher","wrapperClassName","textClassName"],"mappings":";;AAIO,SAASA,EAAe;AAAA,EAC7B,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,gBAAAC,IAAiB;AACnB,GAOG;AACD,SAAIL,MACAC,IAEA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKL;AAAA,MACL,KAAKC,MAAY,OAAOE,KAAU,WAAWA,IAAQ;AAAA,MACrD,WAAWG,EAAGF,GAAgBF,CAAa;AAAA,IAAA;AAAA,EAAA,IAI1C;AACT;AAEO,SAASK,EAAe,EAAE,OAAAJ,KAAgC;AAC/D,SACE,gBAAAK,EAAC,QAAA,EAAK,WAAU,yEACd,UAAA;AAAA,IAAA,gBAAAH,EAAC,QAAA,EAAK,eAAW,IAAC,WAAU,kDAAiD;AAAA,IAC5EF;AAAA,EAAA,GACH;AAEJ;AAEO,SAASM,EAAwB,EAAE,OAAAN,KAAgC;AACxE,SACE,gBAAAE,EAAC,QAAA,EAAK,WAAU,kFACb,UAAAF,GACH;AAEJ;AAEO,SAASO,EAAmB;AAAA,EACjC,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AACF,GAIG;AACD,SACE,gBAAAR,EAAC,SAAI,WAAU,yCACZ,YAAQ,IAAI,CAACS,MACZ,gBAAAN,EAAC,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,2EACX,UAAAS,EAAO,OACV;AAAA,IACA,gBAAAT,EAAC,MAAA,EAAG,WAAU,oBACX,UAAAS,EAAO,MAAM,IAAI,CAACC,MACjB,gBAAAV,EAAC,MAAA,EACC,UAAA,gBAAAA,EAACO,KAAK,MAAMG,EAAK,MAAM,WAAWF,GAC/B,UAAAE,EAAK,OACR,EAAA,GAHOA,EAAK,IAId,CACD,EAAA,CACH;AAAA,EAAA,EAAA,GAZQD,EAAO,KAajB,CACD,GACH;AAEJ;AAEO,SAASE,EAAgB;AAAA,EAC9B,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,OAAAf;AAAA,EACA,kBAAAgB;AAAA,EACA,eAAAC;AACF,GAMG;AACD,SACE,gBAAAZ,EAAC,OAAA,EAAI,WAAWW,GACd,UAAA;AAAA,IAAA,gBAAAd,EAAC,QAAA,EAAK,WAAWC,EAAGc,CAAa,GAAI,UAAAH,GAAO;AAAA,IAC3CC,IAAmB,gBAAAb,EAAC,OAAA,EAAK,UAAAa,EAAA,CAAiB,IAAS;AAAA,IACpD,gBAAAV,EAAC,QAAA,EAAK,WAAWF,EAAGc,CAAa,GAAG,UAAA;AAAA,MAAA;AAAA,OAAG,oBAAI,KAAA,GAAO,YAAA;AAAA,MAAc;AAAA,MAAEjB;AAAA,MAAM;AAAA,IAAA,EAAA,CAAsB;AAAA,EAAA,GAChG;AAEJ;"}
+{"version":3,"file":"parts.js","sources":["../../../../src/components/Footer/parts.tsx"],"sourcesContent":["import type { ElementType, ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { FooterColumn } from \"./types\";\n\nexport function FooterLogoNode({\n  logo,\n  logoSrc,\n  logoAlt,\n  logoClassName,\n  brand,\n  imageClassName = \"h-7 w-auto\",\n}: {\n  logo?: ReactNode;\n  logoSrc?: string;\n  logoAlt?: string;\n  logoClassName?: string;\n  brand?: ReactNode;\n  imageClassName?: string;\n}) {\n  if (logo) return logo;\n  if (logoSrc) {\n    return (\n      <img\n        src={logoSrc}\n        alt={logoAlt ?? (typeof brand === \"string\" ? brand : \"Logo\")}\n        className={cn(imageClassName, logoClassName)}\n      />\n    );\n  }\n  return null;\n}\n\nexport function FooterWordmark({ brand }: { brand?: ReactNode }) {\n  return (\n    <span className=\"flex items-center gap-2 font-display text-lg font-bold tracking-tight\">\n      <span aria-hidden className=\"inline-block h-2.5 w-2.5 rounded-sm bg-current\" />\n      {brand}\n    </span>\n  );\n}\n\nexport function FooterEditorialWordmark({ brand }: { brand?: ReactNode }) {\n  return (\n    <span className=\"font-display text-5xl font-bold tracking-[-0.03em] text-current sm:text-7xl\">\n      {brand}\n    </span>\n  );\n}\n\nexport function FooterColumnsBlock({\n  columns,\n  Link,\n  linkClassName,\n  columnTitleClassName = \"text-muted-foreground\",\n}: {\n  columns: FooterColumn[];\n  Link: ElementType;\n  linkClassName: string;\n  columnTitleClassName?: string;\n}) {\n  return (\n    <div className=\"grid grid-cols-2 gap-8 md:grid-cols-4\">\n      {columns.map((column) => (\n        <div key={column.title}>\n          <h3 className={cn(\"text-xs font-semibold uppercase tracking-[0.16em]\", columnTitleClassName)}>\n            {column.title}\n          </h3>\n          <ul className=\"mt-4 space-y-2.5\">\n            {column.links.map((link) => (\n              <li key={link.href}>\n                <Link href={link.href} className={linkClassName}>\n                  {link.label}\n                </Link>\n              </li>\n            ))}\n          </ul>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function FooterBottomBar({\n  bottom,\n  languageSwitcher,\n  brand,\n  wrapperClassName,\n  textClassName,\n}: {\n  bottom?: ReactNode;\n  languageSwitcher?: ReactNode;\n  brand?: ReactNode;\n  wrapperClassName: string;\n  textClassName: string;\n}) {\n  return (\n    <div className={wrapperClassName}>\n      <span className={cn(textClassName)}>{bottom}</span>\n      {languageSwitcher ? <div>{languageSwitcher}</div> : null}\n      <span className={cn(textClassName)}>© {new Date().getFullYear()} {brand}. All rights reserved.</span>\n    </div>\n  );\n}"],"names":["FooterLogoNode","logo","logoSrc","logoAlt","logoClassName","brand","imageClassName","jsx","cn","FooterWordmark","jsxs","FooterEditorialWordmark","FooterColumnsBlock","columns","Link","linkClassName","columnTitleClassName","column","link","FooterBottomBar","bottom","languageSwitcher","wrapperClassName","textClassName"],"mappings":";;AAIO,SAASA,EAAe;AAAA,EAC7B,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,gBAAAC,IAAiB;AACnB,GAOG;AACD,SAAIL,MACAC,IAEA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKL;AAAA,MACL,KAAKC,MAAY,OAAOE,KAAU,WAAWA,IAAQ;AAAA,MACrD,WAAWG,EAAGF,GAAgBF,CAAa;AAAA,IAAA;AAAA,EAAA,IAI1C;AACT;AAEO,SAASK,EAAe,EAAE,OAAAJ,KAAgC;AAC/D,SACE,gBAAAK,EAAC,QAAA,EAAK,WAAU,yEACd,UAAA;AAAA,IAAA,gBAAAH,EAAC,QAAA,EAAK,eAAW,IAAC,WAAU,kDAAiD;AAAA,IAC5EF;AAAA,EAAA,GACH;AAEJ;AAEO,SAASM,EAAwB,EAAE,OAAAN,KAAgC;AACxE,SACE,gBAAAE,EAAC,QAAA,EAAK,WAAU,+EACb,UAAAF,GACH;AAEJ;AAEO,SAASO,EAAmB;AAAA,EACjC,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,sBAAAC,IAAuB;AACzB,GAKG;AACD,SACE,gBAAAT,EAAC,SAAI,WAAU,yCACZ,YAAQ,IAAI,CAACU,MACZ,gBAAAP,EAAC,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAH,EAAC,QAAG,WAAWC,EAAG,qDAAqDQ,CAAoB,GACxF,YAAO,OACV;AAAA,IACA,gBAAAT,EAAC,MAAA,EAAG,WAAU,oBACX,UAAAU,EAAO,MAAM,IAAI,CAACC,MACjB,gBAAAX,EAAC,MAAA,EACC,UAAA,gBAAAA,EAACO,KAAK,MAAMI,EAAK,MAAM,WAAWH,GAC/B,UAAAG,EAAK,OACR,EAAA,GAHOA,EAAK,IAId,CACD,EAAA,CACH;AAAA,EAAA,EAAA,GAZQD,EAAO,KAajB,CACD,GACH;AAEJ;AAEO,SAASE,EAAgB;AAAA,EAC9B,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,OAAAhB;AAAA,EACA,kBAAAiB;AAAA,EACA,eAAAC;AACF,GAMG;AACD,SACE,gBAAAb,EAAC,OAAA,EAAI,WAAWY,GACd,UAAA;AAAA,IAAA,gBAAAf,EAAC,QAAA,EAAK,WAAWC,EAAGe,CAAa,GAAI,UAAAH,GAAO;AAAA,IAC3CC,IAAmB,gBAAAd,EAAC,OAAA,EAAK,UAAAc,EAAA,CAAiB,IAAS;AAAA,IACpD,gBAAAX,EAAC,QAAA,EAAK,WAAWF,EAAGe,CAAa,GAAG,UAAA;AAAA,MAAA;AAAA,OAAG,oBAAI,KAAA,GAAO,YAAA;AAAA,MAAc;AAAA,MAAElB;AAAA,MAAM;AAAA,IAAA,EAAA,CAAsB;AAAA,EAAA,GAChG;AAEJ;"}

package/dist/es/components/Footer/variants/Columns.js

@@ -0,0 +1,76 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { cn as t } from "../../../utils/cn.js";
+import { Container as F } from "../../Container.js";
+import { emphasisSurfaceStyle as j } from "../../../utils/surface.js";
+import { FooterLogoNode as B, FooterWordmark as k, FooterBottomBar as L } from "../parts.js";
+function S({
+  className: u,
+  brand: s,
+  logo: x,
+  logoSrc: f,
+  logoAlt: p,
+  logoClassName: h,
+  description: m,
+  columns: g,
+  socials: n,
+  bottom: N,
+  languageSwitcher: b,
+  badge: d,
+  background: c,
+  LinkComponent: v,
+  style: i,
+  ...w
+}) {
+  const y = v ?? "a", C = B({ logo: x, logoSrc: f, logoAlt: p, logoClassName: h, brand: s }) ?? /* @__PURE__ */ e(k, { brand: s }), r = !!c;
+  return /* @__PURE__ */ e(
+    "footer",
+    {
+      "data-emphasis": r ? "" : void 0,
+      style: r ? { ...j(c), ...i } : i,
+      className: t("w-full border-t border-border bg-background", r && "border-current/15", u),
+      ...w,
+      children: /* @__PURE__ */ o(F, { className: "py-16", children: [
+        /* @__PURE__ */ o("div", { className: "grid grid-cols-2 gap-10 md:grid-cols-4 lg:grid-cols-6", children: [
+          /* @__PURE__ */ o("div", { className: "col-span-2", children: [
+            /* @__PURE__ */ e("span", { className: t(r ? "text-current" : "text-foreground"), children: C }),
+            m ? /* @__PURE__ */ e("p", { className: t("mt-4 max-w-xs text-sm leading-6", r ? "text-current/60" : "text-muted-foreground"), children: m }) : null,
+            n ? /* @__PURE__ */ e("div", { className: "mt-6 flex items-center gap-3", children: n }) : null,
+            d ? /* @__PURE__ */ e("div", { className: "mt-6", children: d }) : null
+          ] }),
+          g.map((l) => /* @__PURE__ */ o("div", { children: [
+            /* @__PURE__ */ e("h3", { className: t("text-xs font-semibold uppercase tracking-[0.16em]", r ? "text-current/50" : "text-muted-foreground"), children: l.title }),
+            /* @__PURE__ */ e("ul", { className: "mt-4 space-y-2.5", children: l.links.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+              y,
+              {
+                href: a.href,
+                className: t(
+                  "text-sm transition-colors duration-150",
+                  r ? "text-current/70 hover:text-current" : "text-muted-foreground hover:text-foreground"
+                ),
+                children: a.label
+              }
+            ) }, a.href)) })
+          ] }, l.title))
+        ] }),
+        /* @__PURE__ */ e(
+          L,
+          {
+            bottom: N,
+            languageSwitcher: b,
+            brand: s,
+            wrapperClassName: t(
+              "mt-14 flex flex-col items-center justify-between gap-4 border-t pt-8 text-sm sm:flex-row",
+              r ? "border-current/15 text-current/50" : "border-border text-muted-foreground"
+            ),
+            textClassName: ""
+          }
+        )
+      ] })
+    }
+  );
+}
+S.displayName = "FooterColumns";
+export {
+  S as FooterColumns
+};
+//# sourceMappingURL=Columns.js.map

package/dist/es/components/Footer/variants/Columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Columns.js","sources":["../../../../../src/components/Footer/variants/Columns.tsx"],"sourcesContent":["import { cn } from \"../../../utils/cn\";\nimport { Container } from \"../../Container\";\nimport { emphasisSurfaceStyle } from \"../../../utils/surface\";\nimport type { FooterProps } from \"../types\";\nimport {\n  FooterWordmark,\n  FooterLogoNode,\n  FooterBottomBar,\n} from \"../parts\";\n\ninterface ColumnsProps extends FooterProps {}\n\nexport function FooterColumns({\n  className,\n  brand,\n  logo,\n  logoSrc,\n  logoAlt,\n  logoClassName,\n  description,\n  columns,\n  socials,\n  bottom,\n  languageSwitcher,\n  badge,\n  background,\n  LinkComponent,\n  style,\n  ...props\n}: ColumnsProps) {\n  const Link = LinkComponent ?? \"a\";\n  const brandNode = FooterLogoNode({ logo, logoSrc, logoAlt, logoClassName, brand }) ?? <FooterWordmark brand={brand} />;\n  const emphatic = Boolean(background);\n\n  return (\n    <footer\n      data-emphasis={emphatic ? \"\" : undefined}\n      style={emphatic ? { ...emphasisSurfaceStyle(background), ...style } : style}\n      className={cn(\"w-full border-t border-border bg-background\", emphatic && \"border-current/15\", className)}\n      {...props}\n    >\n      <Container className=\"py-16\">\n        <div className=\"grid grid-cols-2 gap-10 md:grid-cols-4 lg:grid-cols-6\">\n          <div className=\"col-span-2\">\n            <span className={cn(emphatic ? \"text-current\" : \"text-foreground\")}>{brandNode}</span>\n            {description ? (\n              <p className={cn(\"mt-4 max-w-xs text-sm leading-6\", emphatic ? \"text-current/60\" : \"text-muted-foreground\")}>\n                {description}\n              </p>\n            ) : null}\n            {socials ? <div className=\"mt-6 flex items-center gap-3\">{socials}</div> : null}\n            {badge ? <div className=\"mt-6\">{badge}</div> : null}\n          </div>\n          {columns.map((column) => (\n            <div key={column.title}>\n              <h3 className={cn(\"text-xs font-semibold uppercase tracking-[0.16em]\", emphatic ? \"text-current/50\" : \"text-muted-foreground\")}>\n                {column.title}\n              </h3>\n              <ul className=\"mt-4 space-y-2.5\">\n                {column.links.map((link) => (\n                  <li key={link.href}>\n                    <Link\n                      href={link.href}\n                      className={cn(\n                        \"text-sm transition-colors duration-150\",\n                        emphatic\n                          ? \"text-current/70 hover:text-current\"\n                          : \"text-muted-foreground hover:text-foreground\",\n                      )}\n                    >\n                      {link.label}\n                    </Link>\n                  </li>\n                ))}\n              </ul>\n            </div>\n          ))}\n        </div>\n        <FooterBottomBar\n          bottom={bottom}\n          languageSwitcher={languageSwitcher}\n          brand={brand}\n          wrapperClassName={cn(\n            \"mt-14 flex flex-col items-center justify-between gap-4 border-t pt-8 text-sm sm:flex-row\",\n            emphatic ? \"border-current/15 text-current/50\" : \"border-border text-muted-foreground\",\n          )}\n          textClassName=\"\"\n        />\n      </Container>\n    </footer>\n  );\n}\nFooterColumns.displayName = \"FooterColumns\";\n"],"names":["FooterColumns","className","brand","logo","logoSrc","logoAlt","logoClassName","description","columns","socials","bottom","languageSwitcher","badge","background","LinkComponent","style","props","Link","brandNode","FooterLogoNode","jsx","FooterWordmark","emphatic","emphasisSurfaceStyle","cn","jsxs","Container","column","link","FooterBottomBar"],"mappings":";;;;;AAYO,SAASA,EAAc;AAAA,EAC5B,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAiB;AACf,QAAMC,IAAOH,KAAiB,KACxBI,IAAYC,EAAe,EAAE,MAAAhB,GAAM,SAAAC,GAAS,SAAAC,GAAS,eAAAC,GAAe,OAAAJ,EAAA,CAAO,KAAK,gBAAAkB,EAACC,GAAA,EAAe,OAAAnB,EAAA,CAAc,GAC9GoB,IAAW,EAAQT;AAEzB,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,iBAAeE,IAAW,KAAK;AAAA,MAC/B,OAAOA,IAAW,EAAE,GAAGC,EAAqBV,CAAU,GAAG,GAAGE,EAAA,IAAUA;AAAA,MACtE,WAAWS,EAAG,+CAA+CF,KAAY,qBAAqBrB,CAAS;AAAA,MACtG,GAAGe;AAAA,MAEJ,UAAA,gBAAAS,EAACC,GAAA,EAAU,WAAU,SACnB,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,yDACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,YAAA,gBAAAL,EAAC,UAAK,WAAWI,EAAGF,IAAW,iBAAiB,iBAAiB,GAAI,UAAAJ,GAAU;AAAA,YAC9EX,IACC,gBAAAa,EAAC,KAAA,EAAE,WAAWI,EAAG,mCAAmCF,IAAW,oBAAoB,uBAAuB,GACvG,UAAAf,EAAA,CACH,IACE;AAAA,YACHE,IAAU,gBAAAW,EAAC,OAAA,EAAI,WAAU,gCAAgC,aAAQ,IAAS;AAAA,YAC1ER,IAAQ,gBAAAQ,EAAC,OAAA,EAAI,WAAU,QAAQ,aAAM,IAAS;AAAA,UAAA,GACjD;AAAA,UACCZ,EAAQ,IAAI,CAACmB,wBACX,OAAA,EACC,UAAA;AAAA,YAAA,gBAAAP,EAAC,MAAA,EAAG,WAAWI,EAAG,qDAAqDF,IAAW,oBAAoB,uBAAuB,GAC1H,UAAAK,EAAO,MAAA,CACV;AAAA,YACA,gBAAAP,EAAC,MAAA,EAAG,WAAU,oBACX,UAAAO,EAAO,MAAM,IAAI,CAACC,MACjB,gBAAAR,EAAC,MAAA,EACC,UAAA,gBAAAA;AAAA,cAACH;AAAA,cAAA;AAAA,gBACC,MAAMW,EAAK;AAAA,gBACX,WAAWJ;AAAA,kBACT;AAAA,kBACAF,IACI,uCACA;AAAA,gBAAA;AAAA,gBAGL,UAAAM,EAAK;AAAA,cAAA;AAAA,YAAA,KAVDA,EAAK,IAYd,CACD,EAAA,CACH;AAAA,UAAA,EAAA,GApBQD,EAAO,KAqBjB,CACD;AAAA,QAAA,GACH;AAAA,QACA,gBAAAP;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,QAAAnB;AAAA,YACA,kBAAAC;AAAA,YACA,OAAAT;AAAA,YACA,kBAAkBsB;AAAA,cAChB;AAAA,cACAF,IAAW,sCAAsC;AAAA,YAAA;AAAA,YAEnD,eAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AACAtB,EAAc,cAAc;"}