@orion-ds/react 4.5.0 → 4.6.0

package/dist/blocks/sections/Features/Features.module.css.mjs

@@ -1,36 +1,31 @@
-const e = "_features_1l0f6_8", _ = "_header_1l0f6_16", c = "_centered_1l0f6_20", t = "_description_1l0f6_25", r = "_eyebrow_1l0f6_31", o = "_title_1l0f6_35", i = "_grid_1l0f6_57", n = "_featureCard_1l0f6_78", s = "_interactive_1l0f6_85", a = "_cardLink_1l0f6_94", d = "_cardHeader_1l0f6_100", l = "_icon_1l0f6_107", f = "_cardTitle_1l0f6_118", p = "_cardDescription_1l0f6_127", u = {
-  features: e,
-  header: _,
-  centered: c,
-  description: t,
-  eyebrow: r,
-  title: o,
-  grid: i,
-  "cols-2": "_cols-2_1l0f6_62",
-  "cols-3": "_cols-3_1l0f6_66",
-  "cols-4": "_cols-4_1l0f6_70",
-  featureCard: n,
-  interactive: s,
-  cardLink: a,
-  cardHeader: d,
-  icon: l,
-  cardTitle: f,
-  cardDescription: p
+const c = "_section_1u36u_1", _ = "_container_1u36u_6", t = "_header_1u36u_11", r = "_title_1u36u_16", i = "_description_1u36u_24", n = "_grid_1u36u_34", d = "_grid2_1u36u_39", o = "_grid3_1u36u_43", e = "_grid4_1u36u_47", u = "_card_1u36u_51", s = "_cardIcon_1u36u_63", a = "_cardTitle_1u36u_75", g = "_cardDescription_1u36u_83", l = {
+  section: c,
+  container: _,
+  header: t,
+  title: r,
+  description: i,
+  grid: n,
+  grid2: d,
+  grid3: o,
+  grid4: e,
+  card: u,
+  cardIcon: s,
+  cardTitle: a,
+  cardDescription: g
 };
 export {
-  p as cardDescription,
-  d as cardHeader,
-  a as cardLink,
-  f as cardTitle,
-  c as centered,
-  u as default,
-  t as description,
-  r as eyebrow,
-  n as featureCard,
-  e as features,
-  i as grid,
-  _ as header,
-  l as icon,
-  s as interactive,
-  o as title
+  u as card,
+  g as cardDescription,
+  s as cardIcon,
+  a as cardTitle,
+  _ as container,
+  l as default,
+  i as description,
+  n as grid,
+  d as grid2,
+  o as grid3,
+  e as grid4,
+  t as header,
+  c as section,
+  r as title
 };

package/dist/blocks/sections/Features/Features.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Features.types').FeaturesProps & import('react').RefAttributes<HTMLElement>> & {
+        Card: React.FC<import('./Features.types').FeatureCardProps>;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const TwoColumns: Story;
+export declare const ThreeColumns: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=Features.stories.d.ts.map

package/dist/blocks/sections/Features/Features.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Features.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Features/Features.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;;;CAKuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AASnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAA6E,CAAC;AAEvG,eAAO,MAAM,YAAY,EAAE,KAA6E,CAAC;AAEzG,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

package/dist/blocks/sections/Features/Features.types.d.ts

@@ -1,100 +1,27 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { ReactNode } from 'react';
 
-/**
- * Grid column count
- */
-export type FeaturesColumns = 2 | 3 | 4;
-/**
- * Feature item data structure
- */
 export interface FeatureItem {
-    /**
-     * Icon element (typically from lucide-react)
-     */
+    /** Icon element rendered above the title */
     icon?: ReactNode;
-    /**
-     * Feature title
-     */
+    /** Feature title */
     title: string;
-    /**
-     * Feature description
-     */
+    /** Feature description */
     description: string;
-    /**
-     * Optional badge text
-     */
-    badge?: string;
-    /**
-     * Optional link href
-     */
-    href?: string;
 }
-/**
- * Feature card props (internal component)
- */
-export interface FeatureCardProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Feature item data
-     */
-    feature: FeatureItem;
-    /**
-     * Enable hover effects
-     * @default true
-     */
-    interactive?: boolean;
+export interface FeatureCardProps extends FeatureItem {
+    /** Additional CSS class */
+    className?: string;
 }
-/**
- * Features section props
- *
- * @example
- * ```tsx
- * <Features
- *   title="Everything you need"
- *   description="Powerful features designed for modern apps"
- *   items={[
- *     { icon: <Zap />, title: "Fast", description: "Lightning speed" },
- *     { icon: <Shield />, title: "Secure", description: "Bank-grade security" },
- *   ]}
- *   columns={3}
- * />
- * ```
- */
-export interface FeaturesProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
-    /**
-     * Optional eyebrow/badge above title
-     */
-    eyebrow?: ReactNode;
-    /**
-     * Section title
-     */
-    title?: ReactNode;
-    /**
-     * Section description
-     */
-    description?: ReactNode;
-    /**
-     * Feature items array
-     */
+export interface FeaturesProps {
+    /** Section heading */
+    title?: string;
+    /** Section description below the heading */
+    description?: string;
+    /** Array of feature items */
     items: FeatureItem[];
-    /**
-     * Number of grid columns
-     * @default 3
-     */
-    columns?: FeaturesColumns;
-    /**
-     * Background style
-     * @default 'subtle'
-     */
-    background?: "base" | "subtle" | "none";
-    /**
-     * Enable card hover effects
-     * @default true
-     */
-    interactive?: boolean;
-    /**
-     * Center the header text
-     * @default true
-     */
-    centered?: boolean;
+    /** Number of grid columns (2 | 3 | 4) */
+    columns?: 2 | 3 | 4;
+    /** Additional CSS class */
+    className?: string;
 }
 //# sourceMappingURL=Features.types.d.ts.map

package/dist/blocks/sections/Features/Features.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Features.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Features/Features.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,OAAO,EAAE,WAAW,CAAC;IAErB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,cAAc,CAAC,WAAW,CAAC,EAC3B,OAAO,CACR;IACC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,KAAK,EAAE,WAAW,EAAE,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
+{"version":3,"file":"Features.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Features/Features.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,WAAW;IAC1B,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,yCAAyC;IACzC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/blocks/sections/Features/index.d.ts

@@ -1,7 +1,4 @@
-/**
- * Features Component Exports
- */
 export { Features } from './Features';
 export { FeatureCard } from './FeatureCard';
-export type { FeaturesProps, FeatureItem, FeatureCardProps, FeaturesColumns, } from './Features.types';
+export type { FeaturesProps, FeatureCardProps, FeatureItem } from './Features.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/blocks/sections/Features/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Features/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,eAAe,GAChB,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Features/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/blocks/sections/Footer/Footer.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),a=require("./Footer.module.css.cjs"),b=require("../../../sections/Section/Section.cjs"),v=require("../../../sections/Container/Container.cjs"),y=({link:r})=>e.jsx("li",{className:a.default.linkItem,children:e.jsx("a",{href:r.href,className:a.default.link,target:r.external?"_blank":void 0,rel:r.external?"noopener noreferrer":void 0,children:r.label})}),i=g.forwardRef(({brand:r,linkGroups:d,socialLinks:s,newsletter:o,copyright:f,legalLinks:t,variant:c="default",background:u="subtle",className:h,...m},x)=>{const j=new Date().getFullYear(),N=f||`© ${j} ${r?.name||"Company"}. All rights reserved.`,p=[a.default.footer,a.default[`variant-${c}`],h].filter(Boolean).join(" ");return e.jsx(b.Section,{ref:x,as:"footer",spacing:"lg",background:u,borderTop:!0,className:p,...m,children:e.jsxs(v.Container,{size:"xl",children:[e.jsxs("div",{className:a.default.main,children:[r&&e.jsxs("div",{className:a.default.brandColumn,children:[e.jsxs("div",{className:a.default.brandHeader,children:[r.logo&&e.jsx("span",{className:a.default.logo,children:r.logo}),e.jsx("span",{className:a.default.brandName,children:r.name})]}),r.description&&e.jsx("p",{className:a.default.brandDescription,children:r.description}),s&&s.length>0&&c==="default"&&e.jsx("div",{className:a.default.socialLinks,children:s.map(l=>e.jsx("a",{href:l.href,className:a.default.socialLink,target:"_blank",rel:"noopener noreferrer","aria-label":l.label,children:l.icon},l.label))})]}),d&&d.length>0&&e.jsx("div",{className:a.default.linkGroups,children:d.map(l=>e.jsxs("div",{className:a.default.linkGroup,children:[e.jsx("h4",{className:a.default.groupTitle,children:l.title}),e.jsx("ul",{className:a.default.linkList,children:l.links.map(n=>e.jsx(y,{link:n},n.label))})]},l.title))}),o&&e.jsx("div",{className:a.default.newsletter,children:o})]}),e.jsxs("div",{className:a.default.bottom,children:[e.jsx("p",{className:a.default.copyright,children:N}),t&&t.length>0&&e.jsx("nav",{className:a.default.legalLinks,children:t.map((l,n)=>e.jsxs("span",{children:[e.jsx("a",{href:l.href,className:a.default.legalLink,target:l.external?"_blank":void 0,rel:l.external?"noopener noreferrer":void 0,children:l.label}),n<t.length-1&&e.jsx("span",{className:a.default.legalSeparator,children:"·"})]},l.label))}),s&&s.length>0&&c!=="default"&&e.jsx("div",{className:a.default.socialLinks,children:s.map(l=>e.jsx("a",{href:l.href,className:a.default.socialLink,target:"_blank",rel:"noopener noreferrer","aria-label":l.label,children:l.icon},l.label))})]})]})})});i.displayName="Footer";exports.Footer=i;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),j=require("react"),e=require("./Footer.module.css.cjs"),m=j.forwardRef(({brand:s,linkGroups:r,socialLinks:t,variant:c="default",copyright:o,className:i},n)=>{const u=new Date().getFullYear(),h=o||`© ${u} ${s.name}. All rights reserved.`,f=c==="centered"?e.default.centeredLayout:c==="minimal"?e.default.minimalLayout:e.default.defaultLayout;return c==="minimal"?l.jsx("footer",{ref:n,className:`${e.default.footer} ${i||""}`,children:l.jsxs("div",{className:`${e.default.container} ${f}`,children:[l.jsxs("div",{className:e.default.brandBlock,children:[s.logo,l.jsx("h3",{className:e.default.brandName,children:s.name})]}),t&&t.length>0&&l.jsx("div",{className:e.default.socialLinks,children:t.map(a=>l.jsx("a",{href:a.href,className:e.default.socialLink,"aria-label":a.label,children:a.icon},a.label))}),l.jsx("p",{className:e.default.copyright,children:h})]})}):c==="centered"?l.jsx("footer",{ref:n,className:`${e.default.footer} ${i||""}`,children:l.jsxs("div",{className:`${e.default.container} ${f}`,children:[l.jsxs("div",{className:e.default.brandBlock,children:[s.logo,l.jsx("h3",{className:e.default.brandName,children:s.name}),s.description&&l.jsx("p",{className:e.default.brandDescription,children:s.description})]}),r&&r.length>0&&l.jsx("div",{className:e.default.linkGroupsRow,children:r.map(a=>l.jsxs("div",{className:e.default.linkGroup,children:[l.jsx("h4",{className:e.default.linkGroupTitle,children:a.title}),a.links.map(d=>l.jsx("a",{href:d.href,className:e.default.link,children:d.label},d.label))]},a.title))}),t&&t.length>0&&l.jsx("div",{className:e.default.socialLinks,children:t.map(a=>l.jsx("a",{href:a.href,className:e.default.socialLink,"aria-label":a.label,children:a.icon},a.label))}),l.jsx("p",{className:e.default.copyright,children:h})]})}):l.jsx("footer",{ref:n,className:`${e.default.footer} ${i||""}`,children:l.jsxs("div",{className:e.default.container,children:[l.jsxs("div",{className:f,children:[l.jsxs("div",{className:e.default.brandBlock,children:[s.logo,l.jsx("h3",{className:e.default.brandName,children:s.name}),s.description&&l.jsx("p",{className:e.default.brandDescription,children:s.description})]}),r?.map(a=>l.jsxs("div",{className:e.default.linkGroup,children:[l.jsx("h4",{className:e.default.linkGroupTitle,children:a.title}),a.links.map(d=>l.jsx("a",{href:d.href,className:e.default.link,children:d.label},d.label))]},a.title))]}),l.jsxs("div",{className:e.default.bottom,children:[l.jsx("p",{className:e.default.copyright,children:h}),t&&t.length>0&&l.jsx("div",{className:e.default.socialLinks,children:t.map(a=>l.jsx("a",{href:a.href,className:e.default.socialLink,"aria-label":a.label,children:a.icon},a.label))})]})]})})});m.displayName="Footer";exports.Footer=m;

package/dist/blocks/sections/Footer/Footer.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { FooterProps } from './Footer.types';
 
-export declare const Footer: import('react').ForwardRefExoticComponent<FooterProps & import('react').RefAttributes<HTMLElement>>;
+export declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=Footer.d.ts.map

package/dist/blocks/sections/Footer/Footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Footer/Footer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAc,MAAM,gBAAgB,CAAC;AAiB9D,eAAO,MAAM,MAAM,qGA8IlB,CAAC"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Footer/Footer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,iFAmJlB,CAAC"}

package/dist/blocks/sections/Footer/Footer.mjs

@@ -1,102 +1,99 @@
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
+"use client";
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import f from "react";
 import e from "./Footer.module.css.mjs";
-import { Section as x } from "../../../sections/Section/Section.mjs";
-import { Container as y } from "../../../sections/Container/Container.mjs";
-const F = ({ link: l }) => /* @__PURE__ */ a("li", { className: e.linkItem, children: /* @__PURE__ */ a(
-  "a",
-  {
-    href: l.href,
-    className: e.link,
-    target: l.external ? "_blank" : void 0,
-    rel: l.external ? "noopener noreferrer" : void 0,
-    children: l.label
-  }
-) }), _ = u(
+const b = f.forwardRef(
   ({
-    brand: l,
-    linkGroups: c,
-    socialLinks: t,
-    newsletter: m,
-    copyright: d,
-    legalLinks: s,
-    variant: i = "default",
-    background: h = "subtle",
-    className: p,
-    ...N
-  }, f) => {
-    const g = (/* @__PURE__ */ new Date()).getFullYear(), b = d || `© ${g} ${l?.name || "Company"}. All rights reserved.`, v = [e.footer, e[`variant-${i}`], p].filter(Boolean).join(" ");
-    return /* @__PURE__ */ a(
-      x,
-      {
-        ref: f,
-        as: "footer",
-        spacing: "lg",
-        background: h,
-        borderTop: !0,
-        className: v,
-        ...N,
-        children: /* @__PURE__ */ n(y, { size: "xl", children: [
-          /* @__PURE__ */ n("div", { className: e.main, children: [
-            l && /* @__PURE__ */ n("div", { className: e.brandColumn, children: [
-              /* @__PURE__ */ n("div", { className: e.brandHeader, children: [
-                l.logo && /* @__PURE__ */ a("span", { className: e.logo, children: l.logo }),
-                /* @__PURE__ */ a("span", { className: e.brandName, children: l.name })
-              ] }),
-              l.description && /* @__PURE__ */ a("p", { className: e.brandDescription, children: l.description }),
-              t && t.length > 0 && i === "default" && /* @__PURE__ */ a("div", { className: e.socialLinks, children: t.map((r) => /* @__PURE__ */ a(
-                "a",
-                {
-                  href: r.href,
-                  className: e.socialLink,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  "aria-label": r.label,
-                  children: r.icon
-                },
-                r.label
-              )) })
-            ] }),
-            c && c.length > 0 && /* @__PURE__ */ a("div", { className: e.linkGroups, children: c.map((r) => /* @__PURE__ */ n("div", { className: e.linkGroup, children: [
-              /* @__PURE__ */ a("h4", { className: e.groupTitle, children: r.title }),
-              /* @__PURE__ */ a("ul", { className: e.linkList, children: r.links.map((o) => /* @__PURE__ */ a(F, { link: o }, o.label)) })
-            ] }, r.title)) }),
-            m && /* @__PURE__ */ a("div", { className: e.newsletter, children: m })
-          ] }),
-          /* @__PURE__ */ n("div", { className: e.bottom, children: [
-            /* @__PURE__ */ a("p", { className: e.copyright, children: b }),
-            s && s.length > 0 && /* @__PURE__ */ a("nav", { className: e.legalLinks, children: s.map((r, o) => /* @__PURE__ */ n("span", { children: [
-              /* @__PURE__ */ a(
-                "a",
-                {
-                  href: r.href,
-                  className: e.legalLink,
-                  target: r.external ? "_blank" : void 0,
-                  rel: r.external ? "noopener noreferrer" : void 0,
-                  children: r.label
-                }
-              ),
-              o < s.length - 1 && /* @__PURE__ */ a("span", { className: e.legalSeparator, children: "·" })
-            ] }, r.label)) }),
-            t && t.length > 0 && i !== "default" && /* @__PURE__ */ a("div", { className: e.socialLinks, children: t.map((r) => /* @__PURE__ */ a(
-              "a",
-              {
-                href: r.href,
-                className: e.socialLink,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                "aria-label": r.label,
-                children: r.icon
-              },
-              r.label
-            )) })
-          ] })
-        ] })
-      }
-    );
+    brand: r,
+    linkGroups: s,
+    socialLinks: i,
+    variant: t = "default",
+    copyright: N,
+    className: m
+  }, d) => {
+    const p = (/* @__PURE__ */ new Date()).getFullYear(), h = N || `© ${p} ${r.name}. All rights reserved.`, o = t === "centered" ? e.centeredLayout : t === "minimal" ? e.minimalLayout : e.defaultLayout;
+    return t === "minimal" ? /* @__PURE__ */ a("footer", { ref: d, className: `${e.footer} ${m || ""}`, children: /* @__PURE__ */ c("div", { className: `${e.container} ${o}`, children: [
+      /* @__PURE__ */ c("div", { className: e.brandBlock, children: [
+        r.logo,
+        /* @__PURE__ */ a("h3", { className: e.brandName, children: r.name })
+      ] }),
+      i && i.length > 0 && /* @__PURE__ */ a("div", { className: e.socialLinks, children: i.map((l) => /* @__PURE__ */ a(
+        "a",
+        {
+          href: l.href,
+          className: e.socialLink,
+          "aria-label": l.label,
+          children: l.icon
+        },
+        l.label
+      )) }),
+      /* @__PURE__ */ a("p", { className: e.copyright, children: h })
+    ] }) }) : t === "centered" ? /* @__PURE__ */ a("footer", { ref: d, className: `${e.footer} ${m || ""}`, children: /* @__PURE__ */ c("div", { className: `${e.container} ${o}`, children: [
+      /* @__PURE__ */ c("div", { className: e.brandBlock, children: [
+        r.logo,
+        /* @__PURE__ */ a("h3", { className: e.brandName, children: r.name }),
+        r.description && /* @__PURE__ */ a("p", { className: e.brandDescription, children: r.description })
+      ] }),
+      s && s.length > 0 && /* @__PURE__ */ a("div", { className: e.linkGroupsRow, children: s.map((l) => /* @__PURE__ */ c("div", { className: e.linkGroup, children: [
+        /* @__PURE__ */ a("h4", { className: e.linkGroupTitle, children: l.title }),
+        l.links.map((n) => /* @__PURE__ */ a(
+          "a",
+          {
+            href: n.href,
+            className: e.link,
+            children: n.label
+          },
+          n.label
+        ))
+      ] }, l.title)) }),
+      i && i.length > 0 && /* @__PURE__ */ a("div", { className: e.socialLinks, children: i.map((l) => /* @__PURE__ */ a(
+        "a",
+        {
+          href: l.href,
+          className: e.socialLink,
+          "aria-label": l.label,
+          children: l.icon
+        },
+        l.label
+      )) }),
+      /* @__PURE__ */ a("p", { className: e.copyright, children: h })
+    ] }) }) : /* @__PURE__ */ a("footer", { ref: d, className: `${e.footer} ${m || ""}`, children: /* @__PURE__ */ c("div", { className: e.container, children: [
+      /* @__PURE__ */ c("div", { className: o, children: [
+        /* @__PURE__ */ c("div", { className: e.brandBlock, children: [
+          r.logo,
+          /* @__PURE__ */ a("h3", { className: e.brandName, children: r.name }),
+          r.description && /* @__PURE__ */ a("p", { className: e.brandDescription, children: r.description })
+        ] }),
+        s?.map((l) => /* @__PURE__ */ c("div", { className: e.linkGroup, children: [
+          /* @__PURE__ */ a("h4", { className: e.linkGroupTitle, children: l.title }),
+          l.links.map((n) => /* @__PURE__ */ a(
+            "a",
+            {
+              href: n.href,
+              className: e.link,
+              children: n.label
+            },
+            n.label
+          ))
+        ] }, l.title))
+      ] }),
+      /* @__PURE__ */ c("div", { className: e.bottom, children: [
+        /* @__PURE__ */ a("p", { className: e.copyright, children: h }),
+        i && i.length > 0 && /* @__PURE__ */ a("div", { className: e.socialLinks, children: i.map((l) => /* @__PURE__ */ a(
+          "a",
+          {
+            href: l.href,
+            className: e.socialLink,
+            "aria-label": l.label,
+            children: l.icon
+          },
+          l.label
+        )) })
+      ] })
+    ] }) });
   }
 );
-_.displayName = "Footer";
+b.displayName = "Footer";
 export {
-  _ as Footer
+  b as Footer
 };

package/dist/blocks/sections/Footer/Footer.module.css

@@ -1 +1 @@
-._footer_108h4_8{position:relative}._main_108h4_16{display:grid;gap:var(--spacing-8);margin-bottom:var(--spacing-12)}._variant-default_108h4_27 ._main_108h4_16{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;align-items:start}._variant-default_108h4_27 ._brandColumn_108h4_33{max-width:320px;padding-right:var(--spacing-8)}._variant-default_108h4_27 ._linkGroups_108h4_38{display:contents}._variant-default_108h4_27:has(._linkGroups_108h4_38>:nth-child(3):last-child) ._main_108h4_16{grid-template-columns:1.5fr 1fr 1fr 1fr}._variant-default_108h4_27:has(._linkGroups_108h4_38>:nth-child(2):last-child) ._main_108h4_16{grid-template-columns:1.5fr 1fr 1fr}._variant-default_108h4_27:has(._linkGroups_108h4_38>:first-child:last-child) ._main_108h4_16{grid-template-columns:1.5fr 1fr}._variant-minimal_108h4_63 ._main_108h4_16{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--spacing-8)}._variant-minimal_108h4_63 ._linkGroups_108h4_38{display:flex;gap:var(--spacing-12)}._variant-minimal_108h4_63 ._linkGroup_108h4_38{min-width:auto}._variant-centered_108h4_83 ._main_108h4_16{display:flex;flex-direction:column;align-items:center;text-align:center}._variant-centered_108h4_83 ._brandColumn_108h4_33{align-items:center}._variant-centered_108h4_83 ._linkGroups_108h4_38{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-12)}._variant-centered_108h4_83 ._bottom_108h4_102{flex-direction:column;align-items:center;gap:var(--spacing-4)}._brandColumn_108h4_33{display:flex;flex-direction:column;gap:var(--spacing-4)}._brandHeader_108h4_119{display:flex;align-items:center;gap:var(--spacing-2)}._logo_108h4_125{display:flex;align-items:center;justify-content:center;color:var(--interactive-primary)}._brandName_108h4_132{font-family:var(--font-secondary);font-size:var(--font-size-20);font-weight:var(--font-weight-bold);color:var(--text-primary)}._brandDescription_108h4_139{font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}._linkGroup_108h4_38{min-width:150px}._groupTitle_108h4_155{font-family:var(--font-secondary);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}._linkList_108h4_163{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-2)}._linkItem_108h4_172{margin:0}._link_108h4_38{font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}._link_108h4_38:hover{color:var(--text-primary)}._socialLinks_108h4_192{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-2)}._socialLink_108h4_192{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-control);color:var(--text-secondary);background:transparent;transition:color var(--transition-fast),background var(--transition-fast)}._socialLink_108h4_192:hover{color:var(--text-primary);background:var(--surface-layer)}._newsletter_108h4_221{max-width:320px}._bottom_108h4_102{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-4);padding-top:var(--spacing-6);border-top:1px solid var(--border-subtle)}._copyright_108h4_239{font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--text-tertiary);margin:0}._legalLinks_108h4_246{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-1)}._legalLink_108h4_246{font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-fast)}._legalLink_108h4_246:hover{color:var(--text-secondary)}._legalSeparator_108h4_265{color:var(--text-tertiary);margin:0 var(--spacing-2)}@media(max-width:1024px){._variant-default_108h4_27 ._main_108h4_16{grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-6)}._variant-default_108h4_27 ._brandColumn_108h4_33{grid-column:1 / -1;max-width:100%;padding-right:0;margin-bottom:var(--spacing-4)}:is(._variant-default_108h4_27:has(._linkGroups_108h4_38>:nth-child(3):last-child),._variant-default_108h4_27:has(._linkGroups_108h4_38>:nth-child(2):last-child),._variant-default_108h4_27:has(._linkGroups_108h4_38>:first-child:last-child)) ._main_108h4_16{grid-template-columns:1fr 1fr 1fr}}@media(max-width:768px){._variant-default_108h4_27 ._main_108h4_16{grid-template-columns:1fr 1fr;gap:var(--spacing-6)}._variant-default_108h4_27 ._brandColumn_108h4_33{grid-column:1 / -1;max-width:none;margin-bottom:var(--spacing-4)}:is(._variant-default_108h4_27:has(._linkGroups_108h4_38>:nth-child(3):last-child),._variant-default_108h4_27:has(._linkGroups_108h4_38>:nth-child(2):last-child),._variant-default_108h4_27:has(._linkGroups_108h4_38>:first-child:last-child)) ._main_108h4_16{grid-template-columns:1fr 1fr}._variant-minimal_108h4_63 ._main_108h4_16{flex-direction:column;gap:var(--spacing-6)}._variant-minimal_108h4_63 ._linkGroups_108h4_38{flex-wrap:wrap;gap:var(--spacing-6)}._variant-centered_108h4_83 ._linkGroups_108h4_38{gap:var(--spacing-6)}._bottom_108h4_102{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}._legalLinks_108h4_246{flex-wrap:wrap;gap:var(--spacing-2)}}@media(max-width:480px){._main_108h4_16{gap:var(--spacing-6);margin-bottom:var(--spacing-8)}._variant-default_108h4_27 ._main_108h4_16{grid-template-columns:1fr}:is(._variant-default_108h4_27:has(._linkGroups_108h4_38>:nth-child(3):last-child),._variant-default_108h4_27:has(._linkGroups_108h4_38>:nth-child(2):last-child),._variant-default_108h4_27:has(._linkGroups_108h4_38>:first-child:last-child)) ._main_108h4_16{grid-template-columns:1fr}._variant-minimal_108h4_63 ._linkGroups_108h4_38{flex-direction:column;gap:var(--spacing-4)}._linkGroup_108h4_38{min-width:auto}._newsletter_108h4_221{max-width:100%}._socialLinks_108h4_192{flex-wrap:wrap}}
+._footer_1fj4o_1{padding:var(--spacing-12) var(--spacing-6) var(--spacing-6);background:var(--surface-subtle);border-top:1px solid var(--border-subtle)}._container_1fj4o_7{max-width:1200px;margin:0 auto}._defaultLayout_1fj4o_13{display:grid;grid-template-columns:1.5fr repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-8)}._centeredLayout_1fj4o_20{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-6)}._minimalLayout_1fj4o_29{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-4)}._brandBlock_1fj4o_37{display:flex;flex-direction:column;gap:var(--spacing-2)}._brandName_1fj4o_43{font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0}._brandDescription_1fj4o_51{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;max-width:280px}._linkGroup_1fj4o_59{display:flex;flex-direction:column;gap:var(--spacing-2)}._linkGroupTitle_1fj4o_65{font-family:var(--font-secondary);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-1) 0;text-transform:uppercase;letter-spacing:.05em}._link_1fj4o_59{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;transition:color .15s ease}._link_1fj4o_59:hover{color:var(--text-primary)}._socialLinks_1fj4o_87{display:flex;gap:var(--spacing-3);align-items:center}._socialLink_1fj4o_87{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .15s ease}._socialLink_1fj4o_87:hover{color:var(--text-primary)}._bottom_1fj4o_105{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-8);padding-top:var(--spacing-4);border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:var(--spacing-3)}._copyright_1fj4o_116{font-family:var(--font-secondary);font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0}._centeredLayout_1fj4o_20 ._linkGroupsRow_1fj4o_124{display:flex;gap:var(--spacing-8);flex-wrap:wrap;justify-content:center}._linkGroupsRow_1fj4o_124{display:flex;gap:var(--spacing-8);flex-wrap:wrap}@media(max-width:768px){._defaultLayout_1fj4o_13{grid-template-columns:1fr}._minimalLayout_1fj4o_29,._bottom_1fj4o_105{flex-direction:column;align-items:flex-start}}

package/dist/blocks/sections/Footer/Footer.module.css.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="_footer_108h4_8",o="_main_108h4_16",t="_brandColumn_108h4_33",i="_linkGroups_108h4_38",l="_linkGroup_108h4_38",e="_bottom_108h4_102",a="_brandHeader_108h4_119",_="_logo_108h4_125",r="_brandName_108h4_132",s="_brandDescription_108h4_139",c="_groupTitle_108h4_155",k="_linkList_108h4_163",d="_linkItem_108h4_172",h="_link_108h4_38",g="_socialLinks_108h4_192",m="_socialLink_108h4_192",p="_newsletter_108h4_221",u="_copyright_108h4_239",b="_legalLinks_108h4_246",L="_legalLink_108h4_246",f="_legalSeparator_108h4_265",v={footer:n,main:o,"variant-default":"_variant-default_108h4_27",brandColumn:t,linkGroups:i,"variant-minimal":"_variant-minimal_108h4_63",linkGroup:l,"variant-centered":"_variant-centered_108h4_83",bottom:e,brandHeader:a,logo:_,brandName:r,brandDescription:s,groupTitle:c,linkList:k,linkItem:d,link:h,socialLinks:g,socialLink:m,newsletter:p,copyright:u,legalLinks:b,legalLink:L,legalSeparator:f};exports.bottom=e;exports.brandColumn=t;exports.brandDescription=s;exports.brandHeader=a;exports.brandName=r;exports.copyright=u;exports.default=v;exports.footer=n;exports.groupTitle=c;exports.legalLink=L;exports.legalLinks=b;exports.legalSeparator=f;exports.link=h;exports.linkGroup=l;exports.linkGroups=i;exports.linkItem=d;exports.linkList=k;exports.logo=_;exports.main=o;exports.newsletter=p;exports.socialLink=m;exports.socialLinks=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_footer_1fj4o_1",n="_container_1fj4o_7",t="_defaultLayout_1fj4o_13",i="_centeredLayout_1fj4o_20",a="_minimalLayout_1fj4o_29",e="_brandBlock_1fj4o_37",_="_brandName_1fj4o_43",r="_brandDescription_1fj4o_51",c="_linkGroup_1fj4o_59",l="_linkGroupTitle_1fj4o_65",s="_link_1fj4o_59",u="_socialLinks_1fj4o_87",k="_socialLink_1fj4o_87",f="_bottom_1fj4o_105",d="_copyright_1fj4o_116",p="_linkGroupsRow_1fj4o_124",L={footer:o,container:n,defaultLayout:t,centeredLayout:i,minimalLayout:a,brandBlock:e,brandName:_,brandDescription:r,linkGroup:c,linkGroupTitle:l,link:s,socialLinks:u,socialLink:k,bottom:f,copyright:d,linkGroupsRow:p};exports.bottom=f;exports.brandBlock=e;exports.brandDescription=r;exports.brandName=_;exports.centeredLayout=i;exports.container=n;exports.copyright=d;exports.default=L;exports.defaultLayout=t;exports.footer=o;exports.link=s;exports.linkGroup=c;exports.linkGroupTitle=l;exports.linkGroupsRow=p;exports.minimalLayout=a;exports.socialLink=k;exports.socialLinks=u;

package/dist/blocks/sections/Footer/Footer.module.css.mjs

@@ -1,50 +1,37 @@
-const n = "_footer_108h4_8", _ = "_main_108h4_16", o = "_brandColumn_108h4_33", t = "_linkGroups_108h4_38", i = "_linkGroup_108h4_38", a = "_bottom_108h4_102", l = "_brandHeader_108h4_119", e = "_logo_108h4_125", r = "_brandName_108h4_132", s = "_brandDescription_108h4_139", c = "_groupTitle_108h4_155", h = "_linkList_108h4_163", k = "_linkItem_108h4_172", d = "_link_108h4_38", m = "_socialLinks_108h4_192", p = "_socialLink_108h4_192", g = "_newsletter_108h4_221", b = "_copyright_108h4_239", u = "_legalLinks_108h4_246", L = "_legalLink_108h4_246", f = "_legalSeparator_108h4_265", v = {
-  footer: n,
-  main: _,
-  "variant-default": "_variant-default_108h4_27",
-  brandColumn: o,
-  linkGroups: t,
-  "variant-minimal": "_variant-minimal_108h4_63",
-  linkGroup: i,
-  "variant-centered": "_variant-centered_108h4_83",
-  bottom: a,
-  brandHeader: l,
-  logo: e,
-  brandName: r,
+const o = "_footer_1fj4o_1", n = "_container_1fj4o_7", t = "_defaultLayout_1fj4o_13", _ = "_centeredLayout_1fj4o_20", i = "_minimalLayout_1fj4o_29", a = "_brandBlock_1fj4o_37", c = "_brandName_1fj4o_43", s = "_brandDescription_1fj4o_51", r = "_linkGroup_1fj4o_59", l = "_linkGroupTitle_1fj4o_65", e = "_link_1fj4o_59", f = "_socialLinks_1fj4o_87", u = "_socialLink_1fj4o_87", k = "_bottom_1fj4o_105", d = "_copyright_1fj4o_116", j = "_linkGroupsRow_1fj4o_124", p = {
+  footer: o,
+  container: n,
+  defaultLayout: t,
+  centeredLayout: _,
+  minimalLayout: i,
+  brandBlock: a,
+  brandName: c,
   brandDescription: s,
-  groupTitle: c,
-  linkList: h,
-  linkItem: k,
-  link: d,
-  socialLinks: m,
-  socialLink: p,
-  newsletter: g,
-  copyright: b,
-  legalLinks: u,
-  legalLink: L,
-  legalSeparator: f
+  linkGroup: r,
+  linkGroupTitle: l,
+  link: e,
+  socialLinks: f,
+  socialLink: u,
+  bottom: k,
+  copyright: d,
+  linkGroupsRow: j
 };
 export {
-  a as bottom,
-  o as brandColumn,
+  k as bottom,
+  a as brandBlock,
   s as brandDescription,
-  l as brandHeader,
-  r as brandName,
-  b as copyright,
-  v as default,
-  n as footer,
-  c as groupTitle,
-  L as legalLink,
-  u as legalLinks,
-  f as legalSeparator,
-  d as link,
-  i as linkGroup,
-  t as linkGroups,
-  k as linkItem,
-  h as linkList,
-  e as logo,
-  _ as main,
-  g as newsletter,
-  p as socialLink,
-  m as socialLinks
+  c as brandName,
+  _ as centeredLayout,
+  n as container,
+  d as copyright,
+  p as default,
+  t as defaultLayout,
+  o as footer,
+  e as link,
+  r as linkGroup,
+  l as linkGroupTitle,
+  j as linkGroupsRow,
+  i as minimalLayout,
+  u as socialLink,
+  f as socialLinks
 };

package/dist/blocks/sections/Footer/Footer.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Footer.types').FooterProps & import('react').RefAttributes<HTMLElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Minimal: Story;
+export declare const Centered: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=Footer.stories.d.ts.map

package/dist/blocks/sections/Footer/Footer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Footer/Footer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;CAKqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAcnC,eAAO,MAAM,OAAO,EAAE,KAAsB,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAAiD,CAAC;AAExE,eAAO,MAAM,QAAQ,EAAE,KAAkD,CAAC;AAE1E,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}