@orion-ds/react 4.2.14 → 4.3.7

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

@@ -0,0 +1,117 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Grid column count for FAQ items
+ */
+export type FAQColumns = 1 | 2;
+/**
+ * FAQ visual variant
+ */
+export type FAQVariant = "accordion" | "grid";
+/**
+ * FAQ item data structure
+ */
+export interface FAQItem {
+    /**
+     * The question text
+     */
+    question: string;
+    /**
+     * The answer content (can be text or rich content)
+     */
+    answer: ReactNode;
+    /**
+     * Whether the item is open by default
+     * @default false
+     */
+    defaultOpen?: boolean;
+}
+/**
+ * FAQ accordion item props (internal component)
+ */
+export interface FAQItemCardProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * FAQ item data
+     */
+    item: FAQItem;
+    /**
+     * Visual variant
+     * @default 'accordion'
+     */
+    variant?: FAQVariant;
+    /**
+     * Whether the item is currently open (controlled)
+     */
+    isOpen?: boolean;
+    /**
+     * Callback when toggled
+     */
+    onToggle?: () => void;
+}
+/**
+ * FAQ section props
+ *
+ * @example
+ * ```tsx
+ * <FAQ
+ *   title="Frequently Asked Questions"
+ *   description="Find answers to common questions"
+ *   items={[
+ *     {
+ *       question: "How do I get started?",
+ *       answer: "Simply sign up for a free account and follow our onboarding guide."
+ *     },
+ *     {
+ *       question: "Is there a free trial?",
+ *       answer: "Yes! We offer a 14-day free trial with full access to all features."
+ *     }
+ *   ]}
+ * />
+ * ```
+ */
+export interface FAQProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    /**
+     * Optional eyebrow/badge above title
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Section title
+     */
+    title?: ReactNode;
+    /**
+     * Section description
+     */
+    description?: ReactNode;
+    /**
+     * Array of FAQ items
+     */
+    items: FAQItem[];
+    /**
+     * Number of grid columns (only applies to grid variant)
+     * @default 1
+     */
+    columns?: FAQColumns;
+    /**
+     * Visual variant
+     * - accordion: Expandable accordion items
+     * - grid: Static grid of questions and answers
+     * @default 'accordion'
+     */
+    variant?: FAQVariant;
+    /**
+     * Allow multiple items to be open at once (accordion only)
+     * @default true
+     */
+    allowMultiple?: boolean;
+    /**
+     * Background style
+     * @default 'base'
+     */
+    background?: "base" | "subtle" | "none";
+    /**
+     * Center the header text
+     * @default true
+     */
+    centered?: boolean;
+}
+//# sourceMappingURL=FAQ.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FAQ.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/FAQ/FAQ.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;AAE/B;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,MAAM,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC1E;;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,OAAO,EAAE,CAAC;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IAErB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IAErB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/blocks/sections/FAQ/FAQItemCard.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),N=require("react"),p=require("lucide-react"),e=require("./FAQ.module.css.cjs"),u=({item:f,variant:a="accordion",isOpen:t,onToggle:n,className:m})=>{const{question:i,answer:l,defaultOpen:h}=f,[r,j]=N.useState(h||!1),c=t!==void 0,d=c?t:r,x=()=>{n&&n(),c||j(!r)},o=[e.default.faqItem,e.default[`variant-${a}`],d&&e.default.open,m].filter(Boolean).join(" ");return a==="grid"?s.jsxs("div",{className:o,children:[s.jsx("h3",{className:e.default.question,children:i}),s.jsx("div",{className:e.default.answer,children:l})]}):s.jsxs("div",{className:o,children:[s.jsxs("button",{type:"button",className:e.default.trigger,onClick:x,"aria-expanded":d,children:[s.jsx("span",{className:e.default.question,children:i}),s.jsx(p.ChevronDown,{size:20,className:e.default.chevron})]}),s.jsx("div",{className:e.default.content,children:s.jsx("div",{className:e.default.answer,children:l})})]})};u.displayName="FAQItemCard";exports.FAQItemCard=u;

package/dist/blocks/sections/FAQ/FAQItemCard.d.ts

@@ -0,0 +1,7 @@
+import { FAQItemCardProps } from './FAQ.types';
+
+export declare const FAQItemCard: {
+    ({ item, variant, isOpen: controlledIsOpen, onToggle, className, }: FAQItemCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=FAQItemCard.d.ts.map

package/dist/blocks/sections/FAQ/FAQItemCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAQItemCard.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/FAQ/FAQItemCard.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAIpD,eAAO,MAAM,WAAW;wEAMrB,gBAAgB;;CAkDlB,CAAC"}

package/dist/blocks/sections/FAQ/FAQItemCard.mjs

@@ -0,0 +1,43 @@
+import { jsxs as n, jsx as s } from "react/jsx-runtime";
+import { useState as v } from "react";
+import { ChevronDown as C } from "lucide-react";
+import e from "./FAQ.module.css.mjs";
+const I = ({
+  item: p,
+  variant: a = "accordion",
+  isOpen: i,
+  onToggle: r,
+  className: h
+}) => {
+  const { question: t, answer: o, defaultOpen: f } = p, [c, N] = v(f || !1), l = i !== void 0, d = l ? i : c, u = () => {
+    r && r(), l || N(!c);
+  }, m = [
+    e.faqItem,
+    e[`variant-${a}`],
+    d && e.open,
+    h
+  ].filter(Boolean).join(" ");
+  return a === "grid" ? /* @__PURE__ */ n("div", { className: m, children: [
+    /* @__PURE__ */ s("h3", { className: e.question, children: t }),
+    /* @__PURE__ */ s("div", { className: e.answer, children: o })
+  ] }) : /* @__PURE__ */ n("div", { className: m, children: [
+    /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: e.trigger,
+        onClick: u,
+        "aria-expanded": d,
+        children: [
+          /* @__PURE__ */ s("span", { className: e.question, children: t }),
+          /* @__PURE__ */ s(C, { size: 20, className: e.chevron })
+        ]
+      }
+    ),
+    /* @__PURE__ */ s("div", { className: e.content, children: /* @__PURE__ */ s("div", { className: e.answer, children: o }) })
+  ] });
+};
+I.displayName = "FAQItemCard";
+export {
+  I as FAQItemCard
+};

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

@@ -0,0 +1,7 @@
+/**
+ * FAQ Component Exports
+ */
+export { FAQ } from './FAQ';
+export { FAQItemCard } from './FAQItemCard';
+export type { FAQProps, FAQItem, FAQItemCardProps, FAQColumns, FAQVariant, } from './FAQ.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/FAQ/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,UAAU,GACX,MAAM,aAAa,CAAC"}

package/dist/blocks/sections/Features/FeatureCard.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./Features.module.css.cjs"),r=require("../../../components/Card/Card.cjs"),h=require("../../../components/Badge/Badge.cjs"),n=({feature:l,interactive:o=!0,className:u})=>{const{icon:s,title:j,description:m,badge:d,href:t}=l,c=e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:a.default.cardHeader,children:[s&&e.jsx("div",{className:a.default.icon,children:s}),d&&e.jsx(h.Badge,{variant:"secondary",size:"sm",children:d})]}),e.jsx("h3",{className:a.default.cardTitle,children:j}),e.jsx("p",{className:a.default.cardDescription,children:m})]}),i=[a.default.featureCard,o&&a.default.interactive,u].filter(Boolean).join(" ");return t?e.jsx("a",{href:t,className:a.default.cardLink,children:e.jsx(r.Card,{variant:"base",className:i,children:e.jsx(r.Card.Body,{children:c})})}):e.jsx(r.Card,{variant:"base",className:i,children:e.jsx(r.Card.Body,{children:c})})};n.displayName="FeatureCard";exports.FeatureCard=n;

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

@@ -0,0 +1,7 @@
+import { FeatureCardProps } from './Features.types';
+
+export declare const FeatureCard: {
+    ({ feature, interactive, className, }: FeatureCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=FeatureCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureCard.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Features/FeatureCard.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKzD,eAAO,MAAM,WAAW;2CAIrB,gBAAgB;;CA2ClB,CAAC"}

package/dist/blocks/sections/Features/FeatureCard.mjs

@@ -0,0 +1,27 @@
+import { jsx as e, jsxs as t, Fragment as N } from "react/jsx-runtime";
+import r from "./Features.module.css.mjs";
+import { Card as a } from "../../../components/Card/Card.mjs";
+import { Badge as f } from "../../../components/Badge/Badge.mjs";
+const u = ({
+  feature: l,
+  interactive: o = !0,
+  className: m
+}) => {
+  const { icon: i, title: h, description: p, badge: c, href: s } = l, n = /* @__PURE__ */ t(N, { children: [
+    /* @__PURE__ */ t("div", { className: r.cardHeader, children: [
+      i && /* @__PURE__ */ e("div", { className: r.icon, children: i }),
+      c && /* @__PURE__ */ e(f, { variant: "secondary", size: "sm", children: c })
+    ] }),
+    /* @__PURE__ */ e("h3", { className: r.cardTitle, children: h }),
+    /* @__PURE__ */ e("p", { className: r.cardDescription, children: p })
+  ] }), d = [
+    r.featureCard,
+    o && r.interactive,
+    m
+  ].filter(Boolean).join(" ");
+  return s ? /* @__PURE__ */ e("a", { href: s, className: r.cardLink, children: /* @__PURE__ */ e(a, { variant: "base", className: d, children: /* @__PURE__ */ e(a.Body, { children: n }) }) }) : /* @__PURE__ */ e(a, { variant: "base", className: d, children: /* @__PURE__ */ e(a.Body, { children: n }) });
+};
+u.displayName = "FeatureCard";
+export {
+  u as FeatureCard
+};

package/dist/blocks/sections/Features/Features.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("react"),F=require("./FeatureCard.cjs"),a=require("./Features.module.css.cjs"),g=require("../../../sections/Section/Section.cjs"),p=require("../../../sections/Container/Container.cjs"),u=q.forwardRef(({eyebrow:s,title:r,description:t,items:c,columns:n=3,background:d="subtle",interactive:i=!0,centered:o=!0,className:f,...h},j)=>{const m=s||r||t,x=[a.default.features,o&&a.default.centered,f].filter(Boolean).join(" ");return e.jsx(g.Section,{ref:j,spacing:"lg",background:d,className:x,...h,children:e.jsxs(p.Container,{size:"xl",children:[m&&e.jsxs("header",{className:a.default.header,children:[s&&e.jsx("div",{className:a.default.eyebrow,children:s}),r&&e.jsx("h2",{className:a.default.title,children:r}),t&&e.jsx("p",{className:a.default.description,children:t})]}),e.jsx("div",{className:`${a.default.grid} ${a.default[`cols-${n}`]}`,children:c.map((l,N)=>e.jsx(F.FeatureCard,{feature:l,interactive:i},l.title||N))})]})})});u.displayName="Features";exports.Features=u;

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

@@ -0,0 +1,4 @@
+import { FeaturesProps } from './Features.types';
+
+export declare const Features: import('react').ForwardRefExoticComponent<FeaturesProps & import('react').RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Features.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Features.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Features/Features.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKtD,eAAO,MAAM,QAAQ,uGAsDpB,CAAC"}

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

@@ -0,0 +1,51 @@
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { FeatureCard as j } from "./FeatureCard.mjs";
+import e from "./Features.module.css.mjs";
+import { Section as F } from "../../../sections/Section/Section.mjs";
+import { Container as $ } from "../../../sections/Container/Container.mjs";
+const v = g(
+  ({
+    eyebrow: a,
+    title: s,
+    description: l,
+    items: c,
+    columns: i = 3,
+    background: m = "subtle",
+    interactive: n = !0,
+    centered: d = !0,
+    className: f,
+    ...h
+  }, p) => {
+    const u = a || s || l, N = [e.features, d && e.centered, f].filter(Boolean).join(" ");
+    return /* @__PURE__ */ r(
+      F,
+      {
+        ref: p,
+        spacing: "lg",
+        background: m,
+        className: N,
+        ...h,
+        children: /* @__PURE__ */ o($, { size: "xl", children: [
+          u && /* @__PURE__ */ o("header", { className: e.header, children: [
+            a && /* @__PURE__ */ r("div", { className: e.eyebrow, children: a }),
+            s && /* @__PURE__ */ r("h2", { className: e.title, children: s }),
+            l && /* @__PURE__ */ r("p", { className: e.description, children: l })
+          ] }),
+          /* @__PURE__ */ r("div", { className: `${e.grid} ${e[`cols-${i}`]}`, children: c.map((t, x) => /* @__PURE__ */ r(
+            j,
+            {
+              feature: t,
+              interactive: n
+            },
+            t.title || x
+          )) })
+        ] })
+      }
+    );
+  }
+);
+v.displayName = "Features";
+export {
+  v as Features
+};

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

@@ -0,0 +1 @@
+._features_1l0f6_8{position:relative}._header_1l0f6_16{margin-bottom:var(--spacing-16)}._centered_1l0f6_20 ._header_1l0f6_16{text-align:center}._centered_1l0f6_20 ._description_1l0f6_25{margin-left:auto;margin-right:auto}._eyebrow_1l0f6_31{margin-bottom:var(--spacing-4)}._title_1l0f6_35{font-family:var(--font-primary);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}._description_1l0f6_25{font-family:var(--font-secondary);font-size:var(--font-size-18);color:var(--text-secondary);max-width:600px;margin:0;line-height:var(--line-height-relaxed)}._grid_1l0f6_57{display:grid;gap:var(--spacing-6)}._cols-2_1l0f6_62{grid-template-columns:repeat(2,1fr)}._cols-3_1l0f6_66{grid-template-columns:repeat(3,1fr)}._cols-4_1l0f6_70{grid-template-columns:repeat(4,1fr)}._featureCard_1l0f6_78{border:1px solid var(--border-subtle);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}._interactive_1l0f6_85{cursor:pointer}._interactive_1l0f6_85:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}._cardLink_1l0f6_94{text-decoration:none;color:inherit;display:block}._cardHeader_1l0f6_100{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-4)}._icon_1l0f6_107{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface-subtle);border-radius:var(--radius-control);color:var(--interactive-primary)}._cardTitle_1l0f6_118{font-family:var(--font-secondary);font-size:var(--font-size-18);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0 0 var(--spacing-3) 0}._cardDescription_1l0f6_127{font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}@media(max-width:1024px){._cols-4_1l0f6_70,._cols-3_1l0f6_66{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){._cols-2_1l0f6_62,._cols-3_1l0f6_66,._cols-4_1l0f6_70{grid-template-columns:1fr}._header_1l0f6_16{margin-bottom:var(--spacing-8)}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_features_1l0f6_8",r="_header_1l0f6_16",t="_centered_1l0f6_20",c="_description_1l0f6_25",_="_eyebrow_1l0f6_31",i="_title_1l0f6_35",a="_grid_1l0f6_57",d="_featureCard_1l0f6_78",o="_interactive_1l0f6_85",n="_cardLink_1l0f6_94",s="_cardHeader_1l0f6_100",l="_icon_1l0f6_107",f="_cardTitle_1l0f6_118",u="_cardDescription_1l0f6_127",p={features:e,header:r,centered:t,description:c,eyebrow:_,title:i,grid:a,"cols-2":"_cols-2_1l0f6_62","cols-3":"_cols-3_1l0f6_66","cols-4":"_cols-4_1l0f6_70",featureCard:d,interactive:o,cardLink:n,cardHeader:s,icon:l,cardTitle:f,cardDescription:u};exports.cardDescription=u;exports.cardHeader=s;exports.cardLink=n;exports.cardTitle=f;exports.centered=t;exports.default=p;exports.description=c;exports.eyebrow=_;exports.featureCard=d;exports.features=e;exports.grid=a;exports.header=r;exports.icon=l;exports.interactive=o;exports.title=i;

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

@@ -0,0 +1,36 @@
+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
+};
+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
+};

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

@@ -0,0 +1,100 @@
+import { HTMLAttributes, 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?: ReactNode;
+    /**
+     * Feature title
+     */
+    title: string;
+    /**
+     * 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;
+}
+/**
+ * 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
+     */
+    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;
+}
+//# sourceMappingURL=Features.types.d.ts.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1 @@
+"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;

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,102 @@
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as u } 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(
+  ({
+    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
+            )) })
+          ] })
+        ] })
+      }
+    );
+  }
+);
+_.displayName = "Footer";
+export {
+  _ as Footer
+};

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

@@ -0,0 +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}}

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

@@ -0,0 +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;