@ugurdemirel/landcraft 0.1.23 → 0.1.24

package/dist/index.d.ts

@@ -186,7 +186,7 @@ export declare interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElem
 
 export declare type ButtonSize = "sm" | "md" | "lg";
 
-export declare type ButtonVariant = "primary" | "dark" | "outline" | "ghost" | "link";
+export declare type ButtonVariant = "primary" | "outline" | "ghost" | "link";
 
 export declare const Card: ForwardRefExoticComponent<CardProps & RefAttributes<HTMLDivElement>>;
 
@@ -251,7 +251,8 @@ export declare const Cpu: (props: IconProps) => JSX_2.Element;
 
 export declare const CTA: ForwardRefExoticComponent<CTAProps & RefAttributes<HTMLElement>>;
 
-declare type CTAOption = "panel" | "surface" | "inverse";
+/** Layout options — arrangement only. Emphasis tone is the `background` prop. */
+declare type CTAOption = "panel" | "surface";
 
 export declare interface CTAProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
     title: ReactNode;
@@ -260,6 +261,12 @@ export declare interface CTAProps extends Omit<HTMLAttributes<HTMLElement>, "tit
     secondaryAction?: ReactNode;
     option?: CTAOption;
     align?: "left" | "center";
+    /**
+     * Overrides the emphasis (`panel`) surface with any CSS color; the text color
+     * is derived for contrast via CSS `contrast-color()`. Ignored by `surface`,
+     * which sits on the page background.
+     */
+    background?: string;
 }
 
 export declare const Database: (props: IconProps) => JSX_2.Element;
@@ -382,8 +389,15 @@ export declare interface FooterProps extends Omit<HTMLAttributes<HTMLElement>, "
     bottom?: ReactNode;
     /** Optional language switcher rendered in the footer's bottom bar. */
     languageSwitcher?: ReactNode;
-    option?: "classic" | "minimal" | "editorial";
+    /** Layout options — arrangement only. Tone is the `background` prop. */
+    option?: "columns" | "minimal" | "editorial";
     badge?: ReactNode;
+    /**
+     * Overrides the footer surface with any CSS color; text colors are derived for
+     * contrast via CSS `contrast-color()`. Use it to tint the footer to a brand or
+     * dark color.
+     */
+    background?: string;
     /** Component used to render footer links. Defaults to `<a>`. Pass your router's `<Link>` (Next.js, Remix, React Router…) for framework-aware navigation. */
     LinkComponent?: ElementType;
 }
@@ -427,6 +441,12 @@ export declare interface HeroProps extends Omit<HTMLAttributes<HTMLElement>, "ti
     meta?: HeroMeta[];
     /** Floating logo tiles with a mouse parallax effect (`parallax` variant). */
     logos?: HeroLogo[];
+    /**
+     * Overrides the emphasis (`statement`) band with any CSS color; the text color
+     * is derived for contrast via CSS `contrast-color()`. Layouts on the page
+     * background are unaffected.
+     */
+    background?: string;
 }
 
 declare type HeroVariant = "split" | "centered" | "statement" | "parallax";
@@ -473,7 +493,11 @@ export declare interface LanguageSwitcherProps extends Omit<HTMLAttributes<HTMLD
     modalTitle?: ReactNode;
     /** Replace the globe icon with the selected language's flag emoji (and show flags in options). */
     showFlag?: boolean;
-    /** Adapts colors for dark surfaces (inverse Navbar, classic Footer). */
+    /**
+     * Adapts the trigger to a custom/emphasis surface (Navbar `background`,
+     * Footer `background`): the trigger inherits `currentColor` instead of the
+     * page tokens. Dropdown options keep paper-surface colors.
+     */
     inverse?: boolean;
 }
 
@@ -502,7 +526,7 @@ export declare interface LogoItem {
 export declare const Mail: (props: IconProps) => JSX_2.Element;
 
 export declare const MegaMenu: {
-    ({ className, variant, brand, logo, logoSrc, logoAlt, logoClassName, brandHref, items, actions, cta, languageSwitcher, sticky, LinkComponent, onKeyDown, ...props }: MegaMenuProps): JSX_2.Element;
+    ({ className, variant, brand, logo, logoSrc, logoAlt, logoClassName, brandHref, items, actions, cta, languageSwitcher, sticky, background, LinkComponent, onKeyDown, style, ...props }: MegaMenuProps): JSX_2.Element;
     displayName: string;
 };
 
@@ -561,11 +585,18 @@ export declare interface MegaMenuProps extends Omit<HTMLAttributes<HTMLElement>,
     /** Optional language switcher rendered on the right (desktop) and beside the menu button (mobile). */
     languageSwitcher?: ReactNode;
     sticky?: boolean;
+    /**
+     * Overrides the bar's surface with any CSS color; the text color (and the
+     * text/border of outline/ghost buttons inside it) is derived for contrast via
+     * CSS `contrast-color()`. Use it to tint the bar to a brand or dark color.
+     */
+    background?: string;
     /** Component used to render brand, trigger and panel links. Defaults to `<a>`. Pass your router's `<Link>` (Next.js, Remix, React Router…) for framework-aware navigation. */
     LinkComponent?: ElementType;
 }
 
-declare type MegaMenuVariant = "classic" | "floating" | "inverse";
+/** Layout options — arrangement only. Tone is the `background` prop. */
+declare type MegaMenuVariant = "classic" | "floating";
 
 export declare const Menu: (props: IconProps) => JSX_2.Element;
 
@@ -592,7 +623,7 @@ export declare interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>,
 }
 
 export declare const Navbar: {
-    ({ className, variant, brand, logo, logoSrc, logoAlt, logoClassName, brandHref, links, actions, cta, languageSwitcher, sticky, LinkComponent, ...props }: NavbarProps): JSX_2.Element;
+    ({ className, variant, brand, logo, logoSrc, logoAlt, logoClassName, brandHref, links, actions, cta, languageSwitcher, sticky, background, LinkComponent, style, ...props }: NavbarProps): JSX_2.Element;
     displayName: string;
 };
 
@@ -614,11 +645,18 @@ export declare interface NavbarProps extends Omit<HTMLAttributes<HTMLElement>, "
     /** Optional language switcher rendered on the right (desktop) and beside the menu button (mobile). */
     languageSwitcher?: ReactNode;
     sticky?: boolean;
+    /**
+     * Overrides the bar's surface with any CSS color; the text color (and the
+     * text/border of outline/ghost buttons inside it) is derived for contrast via
+     * CSS `contrast-color()`. Use it to tint the bar to a brand or dark color.
+     */
+    background?: string;
     /** Component used to render the brand and nav links. Defaults to `<a>`. Pass your router's `<Link>` (Next.js, Remix, React Router…) for framework-aware navigation. */
     LinkComponent?: ElementType;
 }
 
-declare type NavbarVariant = "classic" | "floating" | "inverse";
+/** Layout options — arrangement only. Tone is the `background` prop. */
+declare type NavbarVariant = "classic" | "floating";
 
 export declare interface NavLink {
     label: string;
@@ -776,7 +814,8 @@ export declare interface Stat {
 
 export declare const Stats: ForwardRefExoticComponent<StatsProps & RefAttributes<HTMLDListElement>>;
 
-declare type StatsOption = "editorial" | "hairline" | "cells" | "ticker";
+/** Layout options — arrangement only. */
+declare type StatsOption = "stacked" | "divided" | "cells" | "ticker";
 
 export declare interface StatsProps extends HTMLAttributes<HTMLDListElement> {
     stats: Stat[];

package/dist/styles.css

@@ -2144,9 +2144,6 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
-  .rounded {
-    border-radius: 0.25rem;
-  }
   .rounded-2xl {
     border-radius: var(--radius-2xl);
   }
@@ -2216,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)) {
@@ -2237,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));
   }
@@ -2291,6 +2285,18 @@
   .bg-current {
     background-color: currentcolor;
   }
+  .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));
   }
@@ -2315,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));
   }
@@ -2369,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");
   }
@@ -2663,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;
@@ -2715,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;
@@ -2784,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));
   }
@@ -2853,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));
   }
@@ -2941,9 +2923,6 @@
   .opacity-\[0\.07\] {
     opacity: 0.07;
   }
-  .opacity-\[0\.09\] {
-    opacity: 0.09;
-  }
   .mix-blend-overlay {
     mix-blend-mode: overlay;
   }
@@ -3173,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);
     }
@@ -3184,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));
     }
@@ -3201,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);
     }
@@ -3217,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));
     }
@@ -3414,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);
     }
@@ -3581,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);
     }
@@ -3741,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);

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.23",
+  "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.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, DeltaMark } 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 — a ruled ledger: label on the rule, oversized numeral, typed meta. */\nexport const StatsEditorial = forwardRef<HTMLDListElement, EditorialProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl\n      ref={ref}\n      className={cn(\"grid grid-cols-1 gap-x-10 gap-y-10\", gridCols[columns], className)}\n      {...props}\n    >\n      {stats.map((stat) => (\n        <div key={stat.label} className=\"border-t border-border pt-5\">\n          <dt className=\"text-sm leading-5 text-muted-foreground\">{stat.label}</dt>\n          <dd\n            className={cn(\n              valueBase,\n              \"mt-3 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          {typeof stat.delta === \"number\" || stat.sub ? (\n            <div className=\"mt-4 flex flex-wrap items-baseline gap-x-3 gap-y-1\">\n              {typeof stat.delta === \"number\" ? <DeltaMark delta={stat.delta} /> : null}\n              {stat.sub ? (\n                <p className=\"text-[13px] leading-5 text-muted-foreground\">{stat.sub}</p>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsEditorial.displayName = \"StatsEditorial\";\n"],"names":["StatsEditorial","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","stat","jsxs","valueBase","suffixBase","DeltaMark"],"mappings":"qMAWaA,EAAiBC,EAAAA,WAC5B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAU,EAAG,GAAGC,CAAA,EAASC,IAC5CC,EAAAA,IAAC,KAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,qCAAsCC,EAAAA,SAASL,CAAO,EAAGF,CAAS,EAC/E,GAAGG,EAEH,WAAM,IAAKK,GACVC,OAAC,MAAA,CAAqB,UAAU,8BAC9B,SAAA,CAAAJ,EAAAA,IAAC,KAAA,CAAG,UAAU,0CAA2C,SAAAG,EAAK,MAAM,EACpEC,EAAAA,KAAC,KAAA,CACC,UAAWH,EAAAA,GACTI,EAAAA,UACA,4BACAF,EAAK,OAAS,eAAiB,MAAA,EAGhC,SAAA,CAAAA,EAAK,MACLA,EAAK,OAASH,MAAC,OAAA,CAAK,UAAWM,EAAAA,WAAa,SAAAH,EAAK,OAAO,EAAU,IAAA,CAAA,CAAA,EAEpE,OAAOA,EAAK,OAAU,UAAYA,EAAK,IACtCC,EAAAA,KAAC,MAAA,CAAI,UAAU,qDACZ,SAAA,CAAA,OAAOD,EAAK,OAAU,SAAWH,MAACO,EAAAA,WAAU,MAAOJ,EAAK,MAAO,EAAK,KACpEA,EAAK,IACJH,MAAC,IAAA,CAAE,UAAU,8CAA+C,SAAAG,EAAK,IAAI,EACnE,IAAA,CAAA,CACN,EACE,IAAA,CAAA,EAnBIA,EAAK,KAoBf,CACD,CAAA,CAAA,CAGP,EACAV,EAAe,YAAc"}

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, gridDivider, DeltaMark } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface HairlineProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n  columns?: 2 | 3 | 4;\n}\n\n/** hairline — centered numerals in a symmetric run, divided by true vertical hairlines. */\nexport const StatsHairline = forwardRef<HTMLDListElement, HairlineProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl\n      ref={ref}\n      className={cn(\"grid grid-cols-1 gap-y-10\", gridCols[columns], gridDivider[columns], className)}\n      {...props}\n    >\n      {stats.map((stat) => (\n        <div\n          key={stat.label}\n          className=\"flex flex-col items-center gap-2.5 border-border text-center sm:px-6\"\n        >\n          <dd\n            className={cn(\n              valueBase,\n              \"text-4xl sm:text-5xl\",\n              stat.accent ? \"text-primary\" : undefined,\n            )}\n          >\n            {stat.value}\n            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n          </dd>\n          <dt className=\"text-sm leading-5 text-muted-foreground\">{stat.label}</dt>\n          {typeof stat.delta === \"number\" ? (\n            <DeltaMark delta={stat.delta} className=\"mt-0.5\" />\n          ) : null}\n          {stat.sub ? (\n            <p className=\"mt-1 max-w-[22ch] text-[13px] leading-5 text-muted-foreground\">\n              {stat.sub}\n            </p>\n          ) : null}\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsHairline.displayName = \"StatsHairline\";\n"],"names":["StatsHairline","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","gridDivider","stat","jsxs","valueBase","suffixBase","DeltaMark"],"mappings":"qMAWaA,EAAgBC,EAAAA,WAC3B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAU,EAAG,GAAGC,CAAA,EAASC,IAC5CC,EAAAA,IAAC,KAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,4BAA6BC,EAAAA,SAASL,CAAO,EAAGM,EAAAA,YAAYN,CAAO,EAAGF,CAAS,EAC5F,GAAGG,EAEH,SAAAF,EAAM,IAAKQ,GACVC,EAAAA,KAAC,MAAA,CAEC,UAAU,uEAEV,SAAA,CAAAA,EAAAA,KAAC,KAAA,CACC,UAAWJ,EAAAA,GACTK,EAAAA,UACA,uBACAF,EAAK,OAAS,eAAiB,MAAA,EAGhC,SAAA,CAAAA,EAAK,MACLA,EAAK,OAASJ,MAAC,OAAA,CAAK,UAAWO,EAAAA,WAAa,SAAAH,EAAK,OAAO,EAAU,IAAA,CAAA,CAAA,EAErEJ,EAAAA,IAAC,KAAA,CAAG,UAAU,0CAA2C,WAAK,MAAM,EACnE,OAAOI,EAAK,OAAU,SACrBJ,EAAAA,IAACQ,EAAAA,UAAA,CAAU,MAAOJ,EAAK,MAAO,UAAU,QAAA,CAAS,EAC/C,KACHA,EAAK,IACJJ,MAAC,IAAA,CAAE,UAAU,gEACV,SAAAI,EAAK,IACR,EACE,IAAA,CAAA,EArBCA,EAAK,KAAA,CAuBb,CAAA,CAAA,CAGP,EACAX,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

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

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

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

@@ -1,43 +0,0 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { cn as v } from "../../../utils/cn.js";
-import { Container as w } from "../../Container.js";
-import { FooterLogoNode as b, FooterWordmark as C, FooterBottomBar as F } from "../parts.js";
-function j({ className: n, brand: t, logo: i, logoSrc: m, logoAlt: d, logoClassName: x, description: a, columns: p, socials: l, bottom: h, languageSwitcher: f, badge: c, LinkComponent: N, ...y }) {
-  const g = N ?? "a", u = b({ logo: i, logoSrc: m, logoAlt: d, logoClassName: x, brand: t }) ?? /* @__PURE__ */ e(C, { brand: t });
-  return /* @__PURE__ */ e("footer", { className: v("w-full bg-secondary text-on-secondary", n), ...y, children: /* @__PURE__ */ r(w, { className: "py-16", children: [
-    /* @__PURE__ */ r("div", { className: "grid grid-cols-2 gap-10 md:grid-cols-4 lg:grid-cols-6", children: [
-      /* @__PURE__ */ r("div", { className: "col-span-2", children: [
-        /* @__PURE__ */ e("span", { style: { color: "rgb(var(--color-on-secondary))" }, children: u }),
-        a ? /* @__PURE__ */ e("p", { className: "mt-4 max-w-xs text-sm leading-6 text-on-secondary/60", children: a }) : null,
-        l ? /* @__PURE__ */ e("div", { className: "mt-6 flex items-center gap-3", children: l }) : null,
-        c ? /* @__PURE__ */ e("div", { className: "mt-6", children: c }) : null
-      ] }),
-      p.map((o) => /* @__PURE__ */ r("div", { children: [
-        /* @__PURE__ */ e("h3", { className: "text-xs font-semibold uppercase tracking-[0.16em] text-on-secondary/50", children: o.title }),
-        /* @__PURE__ */ e("ul", { className: "mt-4 space-y-2.5", children: o.links.map((s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
-          g,
-          {
-            href: s.href,
-            className: "text-sm text-on-secondary/70 transition-colors duration-150 hover:text-on-secondary",
-            children: s.label
-          }
-        ) }, s.href)) })
-      ] }, o.title))
-    ] }),
-    /* @__PURE__ */ e(
-      F,
-      {
-        bottom: h,
-        languageSwitcher: f,
-        brand: t,
-        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: ""
-      }
-    )
-  ] }) });
-}
-j.displayName = "FooterClassic";
-export {
-  j as FooterClassic
-};
-//# sourceMappingURL=Classic.js.map