@orion-ds/react 4.4.0 → 4.6.0

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

@@ -1,36 +1,33 @@
-const e = "_faq_11eca_8", t = "_header_11eca_16", _ = "_centered_11eca_20", c = "_description_11eca_25", n = "_eyebrow_11eca_31", a = "_title_11eca_35", o = "_list_11eca_57", r = "_faqItem_11eca_73", s = "_trigger_11eca_81", i = "_question_11eca_103", d = "_chevron_11eca_111", l = "_open_11eca_117", q = "_content_11eca_121", g = "_answer_11eca_131", f = {
-  faq: e,
-  header: t,
-  centered: _,
-  description: c,
-  eyebrow: n,
-  title: a,
-  list: o,
-  "cols-2": "_cols-2_11eca_63",
-  faqItem: r,
-  "variant-accordion": "_variant-accordion_11eca_73",
-  trigger: s,
-  question: i,
-  chevron: d,
-  open: l,
-  content: q,
-  answer: g,
-  "variant-grid": "_variant-grid_11eca_153"
+const n = "_section_rsx4x_1", t = "_container_rsx4x_6", e = "_header_rsx4x_11", s = "_title_rsx4x_16", _ = "_description_rsx4x_24", r = "_list_rsx4x_31", o = "_item_rsx4x_37", c = "_itemOpen_rsx4x_44", x = "_trigger_rsx4x_48", i = "_chevron_rsx4x_74", p = "_chevronOpen_rsx4x_80", a = "_content_rsx4x_84", h = "_contentOpen_rsx4x_90", O = "_answer_rsx4x_94", l = {
+  section: n,
+  container: t,
+  header: e,
+  title: s,
+  description: _,
+  list: r,
+  item: o,
+  itemOpen: c,
+  trigger: x,
+  chevron: i,
+  chevronOpen: p,
+  content: a,
+  contentOpen: h,
+  answer: O
 };
 export {
-  g as answer,
-  _ as centered,
-  d as chevron,
-  q as content,
-  f as default,
-  c as description,
-  n as eyebrow,
-  e as faq,
-  r as faqItem,
-  t as header,
-  o as list,
-  l as open,
-  i as question,
-  a as title,
-  s as trigger
+  O as answer,
+  i as chevron,
+  p as chevronOpen,
+  t as container,
+  a as content,
+  h as contentOpen,
+  l as default,
+  _ as description,
+  e as header,
+  o as item,
+  c as itemOpen,
+  r as list,
+  n as section,
+  s as title,
+  x as trigger
 };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FAQ.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/FAQ/FAQ.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;;;CAKkB,CAAC;AAE7B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAQnC,eAAO,MAAM,OAAO,EAAE,KAAyC,CAAC;AAEhE,eAAO,MAAM,OAAO,EAAE,KAAkE,CAAC;AAEzF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC"}

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

@@ -1,117 +1,29 @@
-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
-     */
+    /** Unique identifier */
+    id: string;
+    /** The question */
     question: string;
-    /**
-     * The answer content (can be text or rich content)
-     */
-    answer: ReactNode;
-    /**
-     * Whether the item is open by default
-     * @default false
-     */
-    defaultOpen?: boolean;
+    /** The answer */
+    answer: string;
 }
-/**
- * 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)
-     */
+export interface FAQItemCardProps extends FAQItem {
+    /** Whether the item is currently expanded */
     isOpen?: boolean;
-    /**
-     * Callback when toggled
-     */
+    /** Toggle callback */
     onToggle?: () => void;
+    /** Additional CSS class */
+    className?: string;
 }
-/**
- * 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
-     */
+export interface FAQProps {
+    /** Section heading */
+    title?: string;
+    /** Section description */
+    description?: string;
+    /** 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
-     */
+    /** Allow multiple items open at once */
     allowMultiple?: boolean;
-    /**
-     * Background style
-     * @default 'base'
-     */
-    background?: "base" | "subtle" | "none";
-    /**
-     * Center the header text
-     * @default true
-     */
-    centered?: boolean;
+    /** Additional CSS class */
+    className?: string;
 }
 //# sourceMappingURL=FAQ.types.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"FAQ.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/FAQ/FAQ.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAiB,SAAQ,OAAO;IAC/C,6CAA6C;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,QAAQ;IACvB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,wCAAwC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -1,2 +1 @@
-"use client";
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("./FAQ.module.css.cjs"),a=({id:r,question:o,answer:l,isOpen:n=!1,onToggle:s,className:d})=>t.jsxs("div",{className:`${e.default.item} ${n?e.default.itemOpen:""} ${d||""}`,children:[t.jsxs("button",{type:"button",className:e.default.trigger,onClick:s,"aria-expanded":n,"aria-controls":`faq-content-${r}`,children:[o,t.jsx("svg",{className:`${e.default.chevron} ${n?e.default.chevronOpen:""}`,width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("polyline",{points:"6 9 12 15 18 9"})})]}),t.jsx("div",{id:`faq-content-${r}`,role:"region",className:`${e.default.content} ${n?e.default.contentOpen:""}`,children:t.jsx("p",{className:e.default.answer,children:l})})]});a.displayName="FAQItemCard";exports.FAQItemCard=a;

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

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

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

@@ -1 +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"}
+{"version":3,"file":"FAQItemCard.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/FAQ/FAQItemCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGpD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2ClD,CAAC"}

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

@@ -1,44 +1,58 @@
-"use client";
-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 { jsxs as o, jsx as t } from "react/jsx-runtime";
 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";
+const l = ({
+  id: r,
+  question: a,
+  answer: i,
+  isOpen: n = !1,
+  onToggle: s,
+  className: c
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: `${e.item} ${n ? e.itemOpen : ""} ${c || ""}`,
+    children: [
+      /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          className: e.trigger,
+          onClick: s,
+          "aria-expanded": n,
+          "aria-controls": `faq-content-${r}`,
+          children: [
+            a,
+            /* @__PURE__ */ t(
+              "svg",
+              {
+                className: `${e.chevron} ${n ? e.chevronOpen : ""}`,
+                width: "20",
+                height: "20",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: /* @__PURE__ */ t("polyline", { points: "6 9 12 15 18 9" })
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          id: `faq-content-${r}`,
+          role: "region",
+          className: `${e.content} ${n ? e.contentOpen : ""}`,
+          children: /* @__PURE__ */ t("p", { className: e.answer, children: i })
+        }
+      )
+    ]
+  }
+);
+l.displayName = "FAQItemCard";
 export {
-  I as FAQItemCard
+  l as FAQItemCard
 };

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

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

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/FAQ/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,QAAQ,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

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

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./Features.module.css.cjs"),s=({icon:r,title:d,description:t,className:c})=>e.jsxs("div",{className:`${a.default.card} ${c||""}`,children:[r&&e.jsx("div",{className:a.default.cardIcon,children:r}),e.jsx("h3",{className:a.default.cardTitle,children:d}),e.jsx("p",{className:a.default.cardDescription,children:t})]});s.displayName="FeatureCard";exports.FeatureCard=s;

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

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

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

@@ -1 +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"}
+{"version":3,"file":"FeatureCard.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Features/FeatureCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGzD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAalD,CAAC"}

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

@@ -1,27 +1,16 @@
-import { jsx as e, jsxs as t, Fragment as N } from "react/jsx-runtime";
+import { jsxs as i, jsx as a } 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";
+const l = ({
+  icon: e,
+  title: s,
+  description: c,
+  className: d
+}) => /* @__PURE__ */ i("div", { className: `${r.card} ${d || ""}`, children: [
+  e && /* @__PURE__ */ a("div", { className: r.cardIcon, children: e }),
+  /* @__PURE__ */ a("h3", { className: r.cardTitle, children: s }),
+  /* @__PURE__ */ a("p", { className: r.cardDescription, children: c })
+] });
+l.displayName = "FeatureCard";
 export {
-  u as FeatureCard
+  l as FeatureCard
 };

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

@@ -1 +1,2 @@
-"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;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("react"),l=require("./FeatureCard.cjs"),e=require("./Features.module.css.cjs"),d=m.forwardRef(({title:r,description:s,items:u,columns:t=3,className:i},c)=>{const n=t===2?e.default.grid2:t===4?e.default.grid4:e.default.grid3;return a.jsx("section",{ref:c,className:`${e.default.section} ${i||""}`,children:a.jsxs("div",{className:e.default.container,children:[(r||s)&&a.jsxs("div",{className:e.default.header,children:[r&&a.jsx("h2",{className:e.default.title,children:r}),s&&a.jsx("p",{className:e.default.description,children:s})]}),a.jsx("div",{className:`${e.default.grid} ${n}`,children:u.map((o,f)=>a.jsx(l.FeatureCard,{...o},f))})]})})});d.displayName="Features";d.Card=l.FeatureCard;exports.Features=d;

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

@@ -1,4 +1,9 @@
-import { FeaturesProps } from './Features.types';
+import { default as React } from 'react';
+import { FeaturesProps, FeatureCardProps } from './Features.types';
 
-export declare const Features: import('react').ForwardRefExoticComponent<FeaturesProps & import('react').RefAttributes<HTMLElement>>;
+type FeaturesComponent = React.ForwardRefExoticComponent<FeaturesProps & React.RefAttributes<HTMLElement>> & {
+    Card: React.FC<FeatureCardProps>;
+};
+export declare const Features: FeaturesComponent;
+export {};
 //# sourceMappingURL=Features.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"Features.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Features/Features.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIxE,KAAK,iBAAiB,GAAG,KAAK,CAAC,yBAAyB,CACtD,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACjD,GAAG;IACF,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAgChB,iBAAiB,CAAC"}

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

@@ -1,51 +1,29 @@
-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,
+"use client";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import N from "react";
+import { FeatureCard as c } from "./FeatureCard.mjs";
+import r from "./Features.module.css.mjs";
+const m = N.forwardRef(
+  ({ title: a, description: s, items: l, columns: i = 3, className: o }, t) => {
+    const n = i === 2 ? r.grid2 : i === 4 ? r.grid4 : r.grid3;
+    return /* @__PURE__ */ e(
+      "section",
       {
-        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 })
+        ref: t,
+        className: `${r.section} ${o || ""}`,
+        children: /* @__PURE__ */ d("div", { className: r.container, children: [
+          (a || s) && /* @__PURE__ */ d("div", { className: r.header, children: [
+            a && /* @__PURE__ */ e("h2", { className: r.title, children: a }),
+            s && /* @__PURE__ */ e("p", { className: r.description, children: s })
           ] }),
-          /* @__PURE__ */ r("div", { className: `${e.grid} ${e[`cols-${i}`]}`, children: c.map((t, x) => /* @__PURE__ */ r(
-            j,
-            {
-              feature: t,
-              interactive: n
-            },
-            t.title || x
-          )) })
+          /* @__PURE__ */ e("div", { className: `${r.grid} ${n}`, children: l.map((h, p) => /* @__PURE__ */ e(c, { ...h }, p)) })
         ] })
       }
     );
   }
 );
-v.displayName = "Features";
+m.displayName = "Features";
+m.Card = c;
 export {
-  v as Features
+  m as Features
 };

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

@@ -1 +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)}}
+._section_1u36u_1{padding:var(--spacing-16) var(--spacing-6);background:var(--surface-base)}._container_1u36u_6{max-width:1200px;margin:0 auto}._header_1u36u_11{text-align:center;margin-bottom:var(--spacing-12)}._title_1u36u_16{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-3) 0}._description_1u36u_24{font-family:var(--font-secondary);font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}._grid_1u36u_34{display:grid;gap:var(--spacing-6)}._grid2_1u36u_39{grid-template-columns:repeat(2,1fr)}._grid3_1u36u_43{grid-template-columns:repeat(3,1fr)}._grid4_1u36u_47{grid-template-columns:repeat(4,1fr)}._card_1u36u_51{padding:var(--spacing-6);background:var(--surface-subtle);border-radius:var(--radius-container);border:1px solid var(--border-subtle);transition:box-shadow .15s ease}._card_1u36u_51:hover{box-shadow:var(--mode-shadow-hover)}._cardIcon_1u36u_63{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-control);background:var(--interactive-primary);color:var(--interactive-primary-text);margin-bottom:var(--spacing-4)}._cardTitle_1u36u_75{font-family:var(--font-secondary);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-2) 0}._cardDescription_1u36u_83{font-family:var(--font-secondary);font-size:var(--font-size-base);color:var(--text-secondary);margin:0;line-height:1.6}@media(max-width:768px){._grid2_1u36u_39,._grid3_1u36u_43,._grid4_1u36u_47{grid-template-columns:1fr}}

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

@@ -1 +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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="_section_1u36u_1",c="_container_1u36u_6",i="_header_1u36u_11",t="_title_1u36u_16",e="_description_1u36u_24",d="_grid_1u36u_34",_="_grid2_1u36u_39",n="_grid3_1u36u_43",o="_grid4_1u36u_47",u="_card_1u36u_51",s="_cardIcon_1u36u_63",a="_cardTitle_1u36u_75",g="_cardDescription_1u36u_83",l={section:r,container:c,header:i,title:t,description:e,grid:d,grid2:_,grid3:n,grid4:o,card:u,cardIcon:s,cardTitle:a,cardDescription:g};exports.card=u;exports.cardDescription=g;exports.cardIcon=s;exports.cardTitle=a;exports.container=c;exports.default=l;exports.description=e;exports.grid=d;exports.grid2=_;exports.grid3=n;exports.grid4=o;exports.header=i;exports.section=r;exports.title=t;