@ugurdemirel/landcraft 0.1.22 → 0.1.24

package/dist/styles.css

@@ -1662,8 +1662,8 @@
   .ml-0\.5 {
     margin-left: calc(var(--spacing) * 0.5);
   }
-  .ml-1 {
-    margin-left: var(--spacing);
+  .ml-1\.5 {
+    margin-left: calc(var(--spacing) * 1.5);
   }
   .ml-auto {
     margin-left: auto;
@@ -1773,8 +1773,8 @@
   .min-h-0 {
     min-height: 0px;
   }
-  .min-h-\[8\.5rem\] {
-    min-height: 8.5rem;
+  .min-h-\[8rem\] {
+    min-height: 8rem;
   }
   .w-1\.5 {
     width: calc(var(--spacing) * 1.5);
@@ -1857,6 +1857,12 @@
   .max-w-6xl {
     max-width: var(--container-6xl);
   }
+  .max-w-\[22ch\] {
+    max-width: 22ch;
+  }
+  .max-w-\[32ch\] {
+    max-width: 32ch;
+  }
   .max-w-\[85\%\] {
     max-width: 85%;
   }
@@ -1887,9 +1893,6 @@
   .min-w-\[10rem\] {
     min-width: 10rem;
   }
-  .min-w-\[11rem\] {
-    min-width: 11rem;
-  }
   .min-w-\[19rem\] {
     min-width: 19rem;
   }
@@ -1988,9 +1991,6 @@
   .items-start {
     align-items: flex-start;
   }
-  .items-stretch {
-    align-items: stretch;
-  }
   .justify-between {
     justify-content: space-between;
   }
@@ -2057,6 +2057,9 @@
   .gap-20 {
     gap: calc(var(--spacing) * 20);
   }
+  .gap-px {
+    gap: 1px;
+  }
   :where(.space-y-0\.5 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
@@ -2072,6 +2075,9 @@
     margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
     margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
   }
+  .gap-x-3 {
+    column-gap: calc(var(--spacing) * 3);
+  }
   .gap-x-8 {
     column-gap: calc(var(--spacing) * 8);
   }
@@ -2087,6 +2093,9 @@
   .gap-x-16 {
     column-gap: calc(var(--spacing) * 16);
   }
+  .gap-y-1 {
+    row-gap: var(--spacing);
+  }
   .gap-y-2\.5 {
     row-gap: calc(var(--spacing) * 2.5);
   }
@@ -2135,9 +2144,6 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
-  .rounded {
-    border-radius: 0.25rem;
-  }
   .rounded-2xl {
     border-radius: var(--radius-2xl);
   }
@@ -2177,6 +2183,10 @@
     border-style: var(--tw-border-style);
     border-width: 1.5px;
   }
+  .border-y {
+    border-block-style: var(--tw-border-style);
+    border-block-width: 1px;
+  }
   .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -2185,10 +2195,6 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
-  .border-l {
-    border-left-style: var(--tw-border-style);
-    border-left-width: 1px;
-  }
   .border-accent\/40 {
     border-color: color-mix(in srgb, rgb(rgb(var(--color-accent))) 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2207,6 +2213,18 @@
   .border-current {
     border-color: currentcolor;
   }
+  .border-current\/15 {
+    border-color: currentcolor;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, currentcolor 15%, transparent);
+    }
+  }
+  .border-current\/20 {
+    border-color: currentcolor;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, currentcolor 20%, transparent);
+    }
+  }
   .border-foreground\/20 {
     border-color: color-mix(in srgb, rgb(rgb(var(--color-foreground))) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2228,24 +2246,9 @@
       border-color: color-mix(in oklab, var(--color-red-500) 40%, transparent);
     }
   }
-  .border-white\/10 {
-    border-color: color-mix(in srgb, #fff 10%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
-    }
-  }
   .border-t-transparent {
     border-top-color: transparent;
   }
-  .bg-\[\#101010\] {
-    background-color: #101010;
-  }
-  .bg-\[\#101010\]\/85 {
-    background-color: color-mix(in oklab, #101010 85%, transparent);
-  }
-  .bg-\[\#161616\] {
-    background-color: #161616;
-  }
   .bg-accent {
     background-color: rgb(var(--color-accent));
   }
@@ -2282,8 +2285,17 @@
   .bg-current {
     background-color: currentcolor;
   }
-  .bg-danger-soft {
-    background-color: rgb(var(--color-danger-soft));
+  .bg-current\/15 {
+    background-color: currentcolor;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, currentcolor 15%, transparent);
+    }
+  }
+  .bg-current\/20 {
+    background-color: currentcolor;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, currentcolor 20%, transparent);
+    }
   }
   .bg-foreground {
     background-color: rgb(var(--color-foreground));
@@ -2309,9 +2321,6 @@
   .bg-on-primary {
     background-color: rgb(var(--color-on-primary));
   }
-  .bg-on-secondary {
-    background-color: rgb(var(--color-on-secondary));
-  }
   .bg-primary {
     background-color: rgb(var(--color-primary));
   }
@@ -2363,12 +2372,6 @@
       background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
     }
   }
-  .bg-white\/15 {
-    background-color: color-mix(in srgb, #fff 15%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
-    }
-  }
   .grain {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");
   }
@@ -2609,6 +2612,12 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
+  .text-\[0\.42em\] {
+    font-size: 0.42em;
+  }
+  .text-\[0\.8125rem\] {
+    font-size: 0.8125rem;
+  }
   .text-\[1\.05rem\] {
     font-size: 1.05rem;
   }
@@ -2651,21 +2660,13 @@
     --tw-leading: calc(var(--spacing) * 7);
     line-height: calc(var(--spacing) * 7);
   }
-  .leading-\[1\.02\] {
-    --tw-leading: 1.02;
-    line-height: 1.02;
-  }
-  .leading-\[1\.03\] {
-    --tw-leading: 1.03;
-    line-height: 1.03;
-  }
   .leading-\[1\.04\] {
     --tw-leading: 1.04;
     line-height: 1.04;
   }
-  .leading-\[1\.06\] {
-    --tw-leading: 1.06;
-    line-height: 1.06;
+  .leading-\[1\.05\] {
+    --tw-leading: 1.05;
+    line-height: 1.05;
   }
   .leading-\[1\.08\] {
     --tw-leading: 1.08;
@@ -2703,10 +2704,6 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
-  .tracking-\[-0\.02em\] {
-    --tw-tracking: -0.02em;
-    letter-spacing: -0.02em;
-  }
   .tracking-\[-0\.03em\] {
     --tw-tracking: -0.03em;
     letter-spacing: -0.03em;
@@ -2772,6 +2769,30 @@
   .text-current {
     color: currentcolor;
   }
+  .text-current\/50 {
+    color: currentcolor;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, currentcolor 50%, transparent);
+    }
+  }
+  .text-current\/60 {
+    color: currentcolor;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, currentcolor 60%, transparent);
+    }
+  }
+  .text-current\/70 {
+    color: currentcolor;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, currentcolor 70%, transparent);
+    }
+  }
+  .text-current\/80 {
+    color: currentcolor;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, currentcolor 80%, transparent);
+    }
+  }
   .text-danger {
     color: rgb(var(--color-danger));
   }
@@ -2841,33 +2862,6 @@
   .text-on-primary {
     color: rgb(var(--color-on-primary));
   }
-  .text-on-secondary {
-    color: rgb(var(--color-on-secondary));
-  }
-  .text-on-secondary\/45 {
-    color: color-mix(in srgb, rgb(rgb(var(--color-on-secondary))) 45%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, rgb(var(--color-on-secondary)) 45%, transparent);
-    }
-  }
-  .text-on-secondary\/50 {
-    color: color-mix(in srgb, rgb(rgb(var(--color-on-secondary))) 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, rgb(var(--color-on-secondary)) 50%, transparent);
-    }
-  }
-  .text-on-secondary\/60 {
-    color: color-mix(in srgb, rgb(rgb(var(--color-on-secondary))) 60%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, rgb(var(--color-on-secondary)) 60%, transparent);
-    }
-  }
-  .text-on-secondary\/70 {
-    color: color-mix(in srgb, rgb(rgb(var(--color-on-secondary))) 70%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, rgb(var(--color-on-secondary)) 70%, transparent);
-    }
-  }
   .text-primary {
     color: rgb(var(--color-primary));
   }
@@ -2929,9 +2923,6 @@
   .opacity-\[0\.07\] {
     opacity: 0.07;
   }
-  .opacity-\[0\.09\] {
-    opacity: 0.09;
-  }
   .mix-blend-overlay {
     mix-blend-mode: overlay;
   }
@@ -3161,6 +3152,14 @@
         border-color: color-mix(in oklab, rgb(var(--color-foreground)) 30%, transparent);
       }
     }
+    .hover\:bg-current\/10:hover {
+      background-color: currentcolor;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-current\/10:hover {
+        background-color: color-mix(in oklab, currentcolor 10%, transparent);
+      }
+    }
     .hover\:bg-foreground\/50:hover {
       background-color: color-mix(in srgb, rgb(rgb(var(--color-foreground))) 50%, transparent);
     }
@@ -3172,9 +3171,6 @@
     .hover\:bg-primary-hover:hover {
       background-color: rgb(var(--color-primary-hover));
     }
-    .hover\:bg-secondary-hover:hover {
-      background-color: rgb(var(--color-secondary-hover));
-    }
     .hover\:bg-surface:hover {
       background-color: rgb(var(--color-surface));
     }
@@ -3189,14 +3185,6 @@
         background-color: color-mix(in oklab, rgb(var(--color-surface-strong)) 60%, transparent);
       }
     }
-    .hover\:bg-white\/10:hover {
-      background-color: color-mix(in srgb, #fff 10%, transparent);
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-      .hover\:bg-white\/10:hover {
-        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
-      }
-    }
     .hover\:bg-white\/90:hover {
       background-color: color-mix(in srgb, #fff 90%, transparent);
     }
@@ -3205,12 +3193,12 @@
         background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
       }
     }
+    .hover\:text-current:hover {
+      color: currentcolor;
+    }
     .hover\:text-foreground:hover {
       color: rgb(var(--color-foreground));
     }
-    .hover\:text-on-secondary:hover {
-      color: rgb(var(--color-on-secondary));
-    }
     .hover\:text-primary:hover {
       color: rgb(var(--color-primary));
     }
@@ -3364,6 +3352,19 @@
     .sm\:gap-x-14 {
       column-gap: calc(var(--spacing) * 14);
     }
+    :where(.sm\:divide-x > :not(:last-child)) {
+      --tw-divide-x-reverse: 0;
+      border-inline-style: var(--tw-border-style);
+      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
+      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+    }
+    :where(.sm\:divide-y-0 > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-bottom-style: var(--tw-border-style);
+      border-top-style: var(--tw-border-style);
+      border-top-width: calc(0px * var(--tw-divide-y-reverse));
+      border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
+    }
     .sm\:border-l {
       border-left-style: var(--tw-border-style);
       border-left-width: 1px;
@@ -3371,6 +3372,9 @@
     .sm\:border-border {
       border-color: rgb(var(--color-border));
     }
+    .sm\:p-6 {
+      padding: calc(var(--spacing) * 6);
+    }
     .sm\:p-14 {
       padding: calc(var(--spacing) * 14);
     }
@@ -3386,9 +3390,6 @@
     .sm\:px-14 {
       padding-inline: calc(var(--spacing) * 14);
     }
-    .sm\:px-16 {
-      padding-inline: calc(var(--spacing) * 16);
-    }
     .sm\:py-20 {
       padding-block: calc(var(--spacing) * 20);
     }
@@ -3459,6 +3460,12 @@
     .sm\:text-\[15px\] {
       font-size: 15px;
     }
+    .sm\:first\:pl-0:first-child {
+      padding-left: 0px;
+    }
+    .sm\:last\:pr-0:last-child {
+      padding-right: 0px;
+    }
   }
   @media (width >= 48rem) {
     .md\:block {
@@ -3547,18 +3554,9 @@
     .lg\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
       grid-template-columns: minmax(0,1fr) auto;
     }
-    .lg\:flex-row {
-      flex-direction: row;
-    }
     .lg\:items-center {
       align-items: center;
     }
-    .lg\:items-end {
-      align-items: flex-end;
-    }
-    .lg\:justify-between {
-      justify-content: space-between;
-    }
     .lg\:gap-12 {
       gap: calc(var(--spacing) * 12);
     }
@@ -3585,6 +3583,40 @@
       color: var(--color-emerald-400);
     }
   }
+  @media (width >= 40rem) {
+    .sm\:\[\&\>\*\:nth-child\(2n\)\]\:border-l > :nth-child(2n) {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+    @media (width < 64rem) {
+      .sm\:max-lg\:\[\&\>\*\:nth-child\(2n\)\]\:border-l > :nth-child(2n) {
+        border-left-style: var(--tw-border-style);
+        border-left-width: 1px;
+      }
+    }
+  }
+  @media (width >= 64rem) {
+    .lg\:\[\&\>\*\:nth-child\(3n\)\]\:border-l > :nth-child(3n) {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+    .lg\:\[\&\>\*\:nth-child\(3n\+2\)\]\:border-l > :nth-child(3n+2) {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+    .lg\:\[\&\>\*\:nth-child\(4n\)\]\:border-l > :nth-child(4n) {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+    .lg\:\[\&\>\*\:nth-child\(4n\+2\)\]\:border-l > :nth-child(4n+2) {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+    .lg\:\[\&\>\*\:nth-child\(4n\+3\)\]\:border-l > :nth-child(4n+3) {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+  }
 }
 @layer base {
   :root {
@@ -3673,6 +3705,23 @@
     border-radius: 0;
   }
 }
+[data-emphasis] :is(button, a)[data-unfilled] {
+  color: currentColor;
+  border-color: currentColor;
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in srgb, currentColor 30%, transparent);
+  }
+}
+[data-emphasis] :is(button, a)[data-unfilled]:hover {
+  border-color: currentColor;
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in srgb, currentColor 55%, transparent);
+  }
+  background-color: currentColor;
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in srgb, currentColor 10%, transparent);
+  }
+}
 @keyframes marquee {
   from {
     transform: translateX(0);
@@ -3981,6 +4030,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-divide-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -4062,6 +4116,7 @@
       --tw-backdrop-sepia: initial;
       --tw-duration: initial;
       --tw-ease: initial;
+      --tw-divide-x-reverse: 0;
     }
   }
 }

package/dist/theme.css

@@ -186,6 +186,33 @@
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");
 }
 
+/*
+ * Emphasis bands (CTA panel, Hero statement, custom-background Navbar/MegaMenu/
+ * Footer) paint their own background and derive one readable text color with
+ * contrast-color(). Buttons inside them must adapt to THAT color, not to the
+ * page's --color-foreground/--color-border (which would disappear on a dark
+ * custom background).
+ *
+ * CSS contrast-color() cannot read an ancestor's background, so the band cannot
+ * compute a per-button contrast color. Instead the band exposes its resolved
+ * color via `currentColor`, and this scope lets unfilled buttons inherit it.
+ *
+ * Only buttons marked `data-unfilled` (outline/ghost — see Button.tsx) adapt;
+ * filled buttons (primary, `bg-surface`, `customColor`) keep their own
+ * background and contrast-color() text. The markup hook is exact, avoiding
+ * brittle `hover:bg-surface` substring matches.
+ *
+ * Applied via `data-emphasis` on the band (see CTA/Hero/Navbar/MegaMenu/Footer).
+ */
+[data-emphasis] :is(button, a)[data-unfilled] {
+  color: currentColor;
+  border-color: color-mix(in srgb, currentColor 30%, transparent);
+}
+[data-emphasis] :is(button, a)[data-unfilled]:hover {
+  border-color: color-mix(in srgb, currentColor 55%, transparent);
+  background-color: color-mix(in srgb, currentColor 10%, transparent);
+}
+
 @utility mask-fade-x {
   mask-image: linear-gradient(to right, transparent, black 12%, black 88%, transparent);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ugurdemirel/landcraft",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "publishConfig": {
     "access": "public"
   },

package/dist/cjs/components/CTA/variants/Inverse.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),r=require("../../../utils/cn.cjs"),u=require("../../Container.cjs"),v=require("../parts.cjs"),n=m.forwardRef(({className:l,title:a,description:s,action:c,secondaryAction:o,align:t="left",id:i,...x},d)=>e.jsx("section",{ref:d,id:i,className:r.cn("w-full py-6 pb-20",l),...x,children:e.jsx(u.Container,{children:e.jsxs("div",{className:"relative overflow-hidden rounded-[1.75rem] px-7 py-16 sm:px-16 sm:py-20",style:{backgroundColor:"rgb(var(--color-secondary))",color:"contrast-color(rgb(var(--color-secondary)))"},children:[e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 grain opacity-[0.09] mix-blend-overlay"}),e.jsxs("div",{className:r.cn("relative flex flex-col items-start gap-10",t==="center"&&"items-center text-center","lg:flex-row lg:items-end lg:justify-between"),children:[e.jsxs("div",{className:r.cn("max-w-3xl",t==="center"&&"mx-auto"),children:[e.jsx("h2",{className:"font-display text-balance text-4xl font-semibold leading-[1.02] tracking-[-0.03em] sm:text-6xl",children:a}),s?e.jsx("p",{className:r.cn("mt-5 max-w-xl text-pretty text-base leading-7 sm:text-lg",t==="center"&&"mx-auto"),children:s}):null]}),e.jsx(v.CTAActions,{action:c,secondaryAction:o,align:t})]})]})})}));n.displayName="CTAInverse";exports.CTAInverse=n;
-//# sourceMappingURL=Inverse.cjs.map

package/dist/cjs/components/CTA/variants/Inverse.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Inverse.cjs","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":"sOAOaA,EAAaC,EAAAA,WACxB,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,YAAAC,EAAa,OAAAC,EAAQ,gBAAAC,EAAiB,MAAAC,EAAQ,OAAQ,GAAAC,EAAI,GAAGC,CAAA,EAASC,IAEvFC,EAAAA,IAAC,UAAA,CAAQ,IAAAD,EAAU,GAAAF,EAAQ,UAAWI,KAAG,oBAAqBV,CAAS,EAAI,GAAGO,EAC5E,SAAAE,EAAAA,IAACE,EAAAA,UAAA,CACC,SAAAC,EAAAA,KAAC,MAAA,CACC,UAAU,0EACV,MAAO,CACL,gBAAiB,8BACjB,MAAO,6CAAA,EAGT,SAAA,CAAAH,EAAAA,IAAC,MAAA,CAAI,cAAW,GAAC,UAAU,8EAA8E,EACzGG,EAAAA,KAAC,MAAA,CACC,UAAWF,EAAAA,GACT,4CACAL,IAAU,UAAY,2BACtB,6CAAA,EAGF,SAAA,CAAAO,OAAC,OAAI,UAAWF,EAAAA,GAAG,YAAaL,IAAU,UAAY,SAAS,EAC7D,SAAA,CAAAI,EAAAA,IAAC,KAAA,CAAG,UAAU,iGACX,SAAAR,EACH,EACCC,EACCO,EAAAA,IAAC,IAAA,CAAE,UAAWC,EAAAA,GAAG,2DAA4DL,IAAU,UAAY,SAAS,EACzG,SAAAH,CAAA,CACH,EACE,IAAA,EACN,EACAO,EAAAA,IAACI,EAAAA,WAAA,CAAW,OAAAV,EAAgB,gBAAAC,EAAkC,MAAAC,CAAA,CAAc,CAAA,CAAA,CAAA,CAC9E,CAAA,CAAA,EAEJ,CAAA,CACF,CAGN,EACAP,EAAW,YAAc"}

package/dist/cjs/components/Footer/variants/Classic.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("../../../utils/cn.cjs"),b=require("../../Container.cjs"),o=require("../parts.cjs");function c({className:i,brand:s,logo:d,logoSrc:x,logoAlt:m,logoClassName:h,description:a,columns:j,socials:l,bottom:p,languageSwitcher:u,badge:n,LinkComponent:y,...N}){const g=y??"a",f=o.FooterLogoNode({logo:d,logoSrc:x,logoAlt:m,logoClassName:h,brand:s})??e.jsx(o.FooterWordmark,{brand:s});return e.jsx("footer",{className:v.cn("w-full bg-secondary text-on-secondary",i),...N,children:e.jsxs(b.Container,{className:"py-16",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-10 md:grid-cols-4 lg:grid-cols-6",children:[e.jsxs("div",{className:"col-span-2",children:[e.jsx("span",{style:{color:"rgb(var(--color-on-secondary))"},children:f}),a?e.jsx("p",{className:"mt-4 max-w-xs text-sm leading-6 text-on-secondary/60",children:a}):null,l?e.jsx("div",{className:"mt-6 flex items-center gap-3",children:l}):null,n?e.jsx("div",{className:"mt-6",children:n}):null]}),j.map(r=>e.jsxs("div",{children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-[0.16em] text-on-secondary/50",children:r.title}),e.jsx("ul",{className:"mt-4 space-y-2.5",children:r.links.map(t=>e.jsx("li",{children:e.jsx(g,{href:t.href,className:"text-sm text-on-secondary/70 transition-colors duration-150 hover:text-on-secondary",children:t.label})},t.href))})]},r.title))]}),e.jsx(o.FooterBottomBar,{bottom:p,languageSwitcher:u,brand:s,wrapperClassName:"mt-14 flex flex-col items-center justify-between gap-4 border-t border-white/10 pt-8 text-sm text-on-secondary/50 sm:flex-row",textClassName:""})]})})}c.displayName="FooterClassic";exports.FooterClassic=c;
-//# sourceMappingURL=Classic.cjs.map

package/dist/cjs/components/Footer/variants/Classic.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Classic.cjs","sources":["../../../../../src/components/Footer/variants/Classic.tsx"],"sourcesContent":["import { cn } from \"../../../utils/cn\";\nimport { Container } from \"../../Container\";\nimport type { FooterProps } from \"../types\";\nimport {\n  FooterWordmark,\n  FooterLogoNode,\n  FooterBottomBar,\n} from \"../parts\";\n\ninterface ClassicProps extends FooterProps {}\n\nexport function FooterClassic({ className, brand, logo, logoSrc, logoAlt, logoClassName, description, columns, socials, bottom, languageSwitcher, badge, LinkComponent, ...props }: ClassicProps) {\n  const Link = LinkComponent ?? \"a\";\n  const brandNode = FooterLogoNode({ logo, logoSrc, logoAlt, logoClassName, brand }) ?? <FooterWordmark brand={brand} />;\n\n  return (\n    <footer className={cn(\"w-full bg-secondary text-on-secondary\", className)} {...props}>\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 style={{ color: \"rgb(var(--color-on-secondary))\" }}>{brandNode}</span>\n            {description ? (\n              <p className=\"mt-4 max-w-xs text-sm leading-6 text-on-secondary/60\">{description}</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=\"text-xs font-semibold uppercase tracking-[0.16em] text-on-secondary/50\">\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=\"text-sm text-on-secondary/70 transition-colors duration-150 hover:text-on-secondary\"\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=\"mt-14 flex flex-col items-center justify-between gap-4 border-t border-white/10 pt-8 text-sm text-on-secondary/50 sm:flex-row\"\n          textClassName=\"\"\n        />\n      </Container>\n    </footer>\n  );\n}\nFooterClassic.displayName = \"FooterClassic\";"],"names":["FooterClassic","className","brand","logo","logoSrc","logoAlt","logoClassName","description","columns","socials","bottom","languageSwitcher","badge","LinkComponent","props","Link","brandNode","FooterLogoNode","jsx","FooterWordmark","cn","jsxs","Container","column","link","FooterBottomBar"],"mappings":"mNAWO,SAASA,EAAc,CAAE,UAAAC,EAAW,MAAAC,EAAO,KAAAC,EAAM,QAAAC,EAAS,QAAAC,EAAS,cAAAC,EAAe,YAAAC,EAAa,QAAAC,EAAS,QAAAC,EAAS,OAAAC,EAAQ,iBAAAC,EAAkB,MAAAC,EAAO,cAAAC,EAAe,GAAGC,GAAuB,CAChM,MAAMC,EAAOF,GAAiB,IACxBG,EAAYC,EAAAA,eAAe,CAAE,KAAAd,EAAM,QAAAC,EAAS,QAAAC,EAAS,cAAAC,EAAe,MAAAJ,CAAA,CAAO,GAAKgB,EAAAA,IAACC,EAAAA,eAAA,CAAe,MAAAjB,CAAA,CAAc,EAEpH,OACEgB,EAAAA,IAAC,SAAA,CAAO,UAAWE,EAAAA,GAAG,wCAAyCnB,CAAS,EAAI,GAAGa,EAC7E,SAAAO,EAAAA,KAACC,EAAAA,UAAA,CAAU,UAAU,QACnB,SAAA,CAAAD,EAAAA,KAAC,MAAA,CAAI,UAAU,wDACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,aACb,SAAA,CAAAH,MAAC,QAAK,MAAO,CAAE,MAAO,gCAAA,EAAqC,SAAAF,EAAU,EACpET,EACCW,EAAAA,IAAC,IAAA,CAAE,UAAU,uDAAwD,WAAY,EAC/E,KACHT,EAAUS,EAAAA,IAAC,MAAA,CAAI,UAAU,+BAAgC,WAAQ,EAAS,KAC1EN,EAAQM,EAAAA,IAAC,MAAA,CAAI,UAAU,OAAQ,WAAM,EAAS,IAAA,EACjD,EACCV,EAAQ,IAAKe,UACX,MAAA,CACC,SAAA,CAAAL,EAAAA,IAAC,KAAA,CAAG,UAAU,yEACX,SAAAK,EAAO,MACV,EACAL,EAAAA,IAAC,KAAA,CAAG,UAAU,mBACX,SAAAK,EAAO,MAAM,IAAKC,GACjBN,EAAAA,IAAC,KAAA,CACC,SAAAA,EAAAA,IAACH,EAAA,CACC,KAAMS,EAAK,KACX,UAAU,sFAET,SAAAA,EAAK,KAAA,CAAA,GALDA,EAAK,IAOd,CACD,CAAA,CACH,CAAA,CAAA,EAfQD,EAAO,KAgBjB,CACD,CAAA,EACH,EACAL,EAAAA,IAACO,EAAAA,gBAAA,CACC,OAAAf,EACA,iBAAAC,EACA,MAAAT,EACA,iBAAiB,gIACjB,cAAc,EAAA,CAAA,CAChB,CAAA,CACF,CAAA,CACF,CAEJ,CACAF,EAAc,YAAc"}

package/dist/cjs/components/Stats/variants/Editorial.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),x=require("react"),r=require("../../../utils/cn.cjs"),l=require("../parts.cjs"),a=x.forwardRef(({className:t,stats:d,columns:i=4,...c},n)=>s.jsx("dl",{ref:n,className:r.cn("grid grid-cols-1 gap-x-10 gap-y-12",l.gridCols[i],t),...c,children:d.map(e=>s.jsxs("div",{className:"border-t border-border pt-6",children:[s.jsxs("div",{className:"flex items-center justify-between gap-3",children:[s.jsx("dt",{className:"text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground",children:e.label}),typeof e.delta=="number"?s.jsx(l.DeltaBadge,{delta:e.delta}):null]}),s.jsxs("dd",{className:r.cn(l.valueBase,"mt-4 text-5xl sm:text-6xl",e.accent?"text-primary":void 0),children:[e.value,e.suffix?s.jsx("span",{className:l.suffixBase,children:e.suffix}):null]}),e.sub?s.jsx("p",{className:"mt-3 max-w-xs text-[13px] leading-5 text-muted-foreground",children:e.sub}):null]},e.label))}));a.displayName="StatsEditorial";exports.StatsEditorial=a;
-//# sourceMappingURL=Editorial.cjs.map

package/dist/cjs/components/Stats/variants/Editorial.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Editorial.cjs","sources":["../../../../../src/components/Stats/variants/Editorial.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, gridCols, DeltaBadge } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface EditorialProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n  columns?: 2 | 3 | 4;\n}\n\n/** editorial — label above, oversized number, hairline rule under. */\nexport const StatsEditorial = forwardRef<HTMLDListElement, EditorialProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl ref={ref} className={cn(\"grid grid-cols-1 gap-x-10 gap-y-12\", gridCols[columns], className)} {...props}>\n      {stats.map((stat) => (\n        <div key={stat.label} className=\"border-t border-border pt-6\">\n          <div className=\"flex items-center justify-between gap-3\">\n            <dt className=\"text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground\">\n              {stat.label}\n            </dt>\n            {typeof stat.delta === \"number\" ? <DeltaBadge delta={stat.delta} /> : null}\n          </div>\n          <dd\n            className={cn(\n              valueBase,\n              \"mt-4 text-5xl sm:text-6xl\",\n              stat.accent ? \"text-primary\" : undefined,\n            )}\n          >\n            {stat.value}\n            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n          </dd>\n          {stat.sub ? (\n            <p className=\"mt-3 max-w-xs text-[13px] leading-5 text-muted-foreground\">{stat.sub}</p>\n          ) : null}\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsEditorial.displayName = \"StatsEditorial\";"],"names":["StatsEditorial","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","stat","jsxs","DeltaBadge","valueBase","suffixBase"],"mappings":"qMAWaA,EAAiBC,EAAAA,WAC5B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAU,EAAG,GAAGC,CAAA,EAASC,IAC5CC,EAAAA,IAAC,KAAA,CAAG,IAAAD,EAAU,UAAWE,EAAAA,GAAG,qCAAsCC,EAAAA,SAASL,CAAO,EAAGF,CAAS,EAAI,GAAGG,EAClG,SAAAF,EAAM,IAAKO,GACVC,EAAAA,KAAC,MAAA,CAAqB,UAAU,8BAC9B,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0CACb,SAAA,CAAAJ,EAAAA,IAAC,KAAA,CAAG,UAAU,0EACX,SAAAG,EAAK,MACR,EACC,OAAOA,EAAK,OAAU,eAAYE,aAAA,CAAW,MAAOF,EAAK,KAAA,CAAO,EAAK,IAAA,EACxE,EACAC,EAAAA,KAAC,KAAA,CACC,UAAWH,EAAAA,GACTK,EAAAA,UACA,4BACAH,EAAK,OAAS,eAAiB,MAAA,EAGhC,SAAA,CAAAA,EAAK,MACLA,EAAK,OAASH,MAAC,OAAA,CAAK,UAAWO,EAAAA,WAAa,SAAAJ,EAAK,OAAO,EAAU,IAAA,CAAA,CAAA,EAEpEA,EAAK,IACJH,MAAC,IAAA,CAAE,UAAU,4DAA6D,SAAAG,EAAK,IAAI,EACjF,IAAA,GAnBIA,EAAK,KAoBf,CACD,CAAA,CACH,CAEJ,EACAV,EAAe,YAAc"}

package/dist/cjs/components/Stats/variants/Hairline.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("react"),s=require("../../../utils/cn.cjs"),a=require("../parts.cjs"),l=u.forwardRef(({className:c,stats:t,columns:i=4,...n},d)=>r.jsx("dl",{ref:d,className:s.cn("grid grid-cols-1 gap-y-10",a.gridCols[i],c),...n,children:t.map((e,o)=>r.jsxs("div",{className:s.cn("text-center",i>1&&o>0&&"sm:border-l sm:border-border"),children:[r.jsxs("dd",{className:s.cn(a.valueBase,"text-5xl",e.accent?"text-primary":void 0),children:[e.value,e.suffix?r.jsx("span",{className:a.suffixBase,children:e.suffix}):null]}),r.jsx("dt",{className:"mt-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground",children:e.label})]},e.label))}));l.displayName="StatsHairline";exports.StatsHairline=l;
-//# sourceMappingURL=Hairline.cjs.map

package/dist/cjs/components/Stats/variants/Hairline.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Hairline.cjs","sources":["../../../../../src/components/Stats/variants/Hairline.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, gridCols } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface HairlineProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n  columns?: 2 | 3 | 4;\n}\n\nexport const StatsHairline = forwardRef<HTMLDListElement, HairlineProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl ref={ref} className={cn(\"grid grid-cols-1 gap-y-10\", gridCols[columns], className)} {...props}>\n      {stats.map((stat, i) => (\n        <div\n          key={stat.label}\n          className={cn(\"text-center\", columns > 1 && i > 0 && \"sm:border-l sm:border-border\")}\n        >\n          <dd className={cn(valueBase, \"text-5xl\", stat.accent ? \"text-primary\" : undefined)}>\n            {stat.value}\n            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n          </dd>\n          <dt className=\"mt-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n            {stat.label}\n          </dt>\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsHairline.displayName = \"StatsHairline\";"],"names":["StatsHairline","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","stat","i","jsxs","valueBase","suffixBase"],"mappings":"qMAUaA,EAAgBC,EAAAA,WAC3B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAU,EAAG,GAAGC,CAAA,EAASC,IAC5CC,EAAAA,IAAC,KAAA,CAAG,IAAAD,EAAU,UAAWE,KAAG,4BAA6BC,EAAAA,SAASL,CAAO,EAAGF,CAAS,EAAI,GAAGG,EACzF,SAAAF,EAAM,IAAI,CAACO,EAAMC,IAChBC,EAAAA,KAAC,MAAA,CAEC,UAAWJ,EAAAA,GAAG,cAAeJ,EAAU,GAAKO,EAAI,GAAK,8BAA8B,EAEnF,SAAA,CAAAC,EAAAA,KAAC,KAAA,CAAG,UAAWJ,EAAAA,GAAGK,EAAAA,UAAW,WAAYH,EAAK,OAAS,eAAiB,MAAS,EAC9E,SAAA,CAAAA,EAAK,MACLA,EAAK,OAASH,MAAC,OAAA,CAAK,UAAWO,EAAAA,WAAa,SAAAJ,EAAK,OAAO,EAAU,IAAA,EACrE,EACAH,EAAAA,IAAC,KAAA,CAAG,UAAU,+EACX,WAAK,KAAA,CACR,CAAA,CAAA,EATKG,EAAK,KAAA,CAWb,CAAA,CACH,CAEJ,EACAV,EAAc,YAAc"}

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

@@ -1,42 +0,0 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as x } from "react";
-import { cn as t } from "../../../utils/cn.js";
-import { Container as p } from "../../Container.js";
-import { CTAActions as f } from "../parts.js";
-const v = x(
-  ({ className: a, title: s, description: o, action: n, secondaryAction: c, align: r = "left", id: i, ...m }, d) => /* @__PURE__ */ e("section", { ref: d, id: i, className: t("w-full py-6 pb-20", a), ...m, children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ l(
-    "div",
-    {
-      className: "relative overflow-hidden rounded-[1.75rem] px-7 py-16 sm:px-16 sm:py-20",
-      style: {
-        backgroundColor: "rgb(var(--color-secondary))",
-        color: "contrast-color(rgb(var(--color-secondary)))"
-      },
-      children: [
-        /* @__PURE__ */ e("div", { "aria-hidden": !0, className: "pointer-events-none absolute inset-0 grain opacity-[0.09] mix-blend-overlay" }),
-        /* @__PURE__ */ l(
-          "div",
-          {
-            className: t(
-              "relative flex flex-col items-start gap-10",
-              r === "center" && "items-center text-center",
-              "lg:flex-row lg:items-end lg:justify-between"
-            ),
-            children: [
-              /* @__PURE__ */ l("div", { className: t("max-w-3xl", r === "center" && "mx-auto"), children: [
-                /* @__PURE__ */ e("h2", { className: "font-display text-balance text-4xl font-semibold leading-[1.02] tracking-[-0.03em] sm:text-6xl", children: s }),
-                o ? /* @__PURE__ */ e("p", { className: t("mt-5 max-w-xl text-pretty text-base leading-7 sm:text-lg", r === "center" && "mx-auto"), children: o }) : null
-              ] }),
-              /* @__PURE__ */ e(f, { action: n, secondaryAction: c, align: r })
-            ]
-          }
-        )
-      ]
-    }
-  ) }) })
-);
-v.displayName = "CTAInverse";
-export {
-  v as CTAInverse
-};
-//# sourceMappingURL=Inverse.js.map