@orion-ds/react 4.4.0 → 4.6.0

package/dist/blocks/sections/Stats/StatItemCard.d.ts

@@ -1,7 +1,9 @@
-import { StatItemCardProps } from './Stats.types';
+import { StatItem as StatItemType } from './Stats.types';
 
 export declare const StatItemCard: {
-    ({ stat, variant, highlightValue, className, }: StatItemCardProps): import("react/jsx-runtime").JSX.Element;
+    ({ stat }: {
+        stat: StatItemType;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=StatItemCard.d.ts.map

package/dist/blocks/sections/Stats/StatItemCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatItemCard.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Stats/StatItemCard.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAKvD,eAAO,MAAM,YAAY;oDAKtB,iBAAiB;;CAgDnB,CAAC"}
+{"version":3,"file":"StatItemCard.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Stats/StatItemCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AAG9D,eAAO,MAAM,YAAY;eAAc;QAAE,IAAI,EAAE,YAAY,CAAA;KAAE;;CAe5D,CAAC"}

package/dist/blocks/sections/Stats/StatItemCard.mjs

@@ -1,40 +1,18 @@
-import { jsxs as i, Fragment as N, jsx as a } from "react/jsx-runtime";
-import { TrendingUp as f, TrendingDown as u } from "lucide-react";
-import e from "./Stats.module.css.mjs";
-import { Card as d } from "../../../components/Card/Card.mjs";
-const g = ({
-  stat: o,
-  variant: r = "default",
-  highlightValue: m = !1,
-  className: p
-}) => {
-  const { value: v, label: h, description: t, icon: n, trend: s } = o, l = [e.statItem, e[`variant-${r}`], p].filter(Boolean).join(" "), c = /* @__PURE__ */ i(N, { children: [
-    n && /* @__PURE__ */ a("div", { className: e.icon, children: n }),
-    /* @__PURE__ */ i("div", { className: e.valueWrapper, children: [
-      /* @__PURE__ */ a(
-        "span",
-        {
-          className: `${e.value} ${m ? e.valueHighlight : ""}`,
-          children: v
-        }
-      ),
-      s && /* @__PURE__ */ i(
-        "span",
-        {
-          className: `${e.trend} ${s.positive !== !1 ? e.trendPositive : e.trendNegative}`,
-          children: [
-            s.positive !== !1 ? /* @__PURE__ */ a(f, { size: 14 }) : /* @__PURE__ */ a(u, { size: 14 }),
-            s.value
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a("span", { className: e.label, children: h }),
-    t && /* @__PURE__ */ a("span", { className: e.statDescription, children: t })
-  ] });
-  return r === "cards" ? /* @__PURE__ */ a(d, { variant: "base", className: l, children: /* @__PURE__ */ a(d.Body, { className: e.cardBody, children: c }) }) : /* @__PURE__ */ a("div", { className: l, children: c });
-};
-g.displayName = "StatItemCard";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import a from "./Stats.module.css.mjs";
+const l = ({ stat: e }) => /* @__PURE__ */ t("div", { className: a.statItem, children: [
+  e.icon && /* @__PURE__ */ r("div", { className: a.statIcon, children: e.icon }),
+  /* @__PURE__ */ r("p", { className: a.statValue, children: e.value }),
+  /* @__PURE__ */ r("p", { className: a.statLabel, children: e.label }),
+  e.trend && /* @__PURE__ */ r(
+    "p",
+    {
+      className: `${a.statTrend} ${e.trend.positive ? a.trendPositive : a.trendNegative}`,
+      children: e.trend.value
+    }
+  )
+] });
+l.displayName = "StatItemCard";
 export {
-  g as StatItemCard
+  l as StatItemCard
 };

package/dist/blocks/sections/Stats/Stats.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),q=require("react"),g=require("./StatItemCard.cjs"),e=require("./Stats.module.css.cjs"),$=require("../../../sections/Section/Section.cjs"),p=require("../../../sections/Container/Container.cjs"),d=q.forwardRef(({eyebrow:s,title:t,description:l,stats:n,columns:i=4,variant:r="default",background:u="subtle",centered:o=!0,highlightValue:f=!1,className:m,...h},j)=>{const x=s||t||l,S=[e.default.stats,o&&e.default.centered,m].filter(Boolean).join(" ");return a.jsx($.Section,{ref:j,spacing:"lg",background:u,className:S,...h,children:a.jsxs(p.Container,{size:"xl",children:[x&&a.jsxs("header",{className:e.default.header,children:[s&&a.jsx("div",{className:e.default.eyebrow,children:s}),t&&a.jsx("h2",{className:e.default.title,children:t}),l&&a.jsx("p",{className:e.default.description,children:l})]}),a.jsx("div",{className:`${e.default.grid} ${e.default[`cols-${i}`]} ${e.default[`variant-${r}`]}`,children:n.map((c,N)=>a.jsx(g.StatItemCard,{stat:c,variant:r,highlightValue:f},c.label||N))})]})})});d.displayName="Stats";exports.Stats=d;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),S=require("react"),r=require("./StatItemCard.cjs"),e=require("./Stats.module.css.cjs"),i=S.forwardRef(({title:t,stats:l,columns:c=3,variant:d="default",className:n,...o},u)=>{const f=d==="inline",m=c===2?e.default.cols2:c===4?e.default.cols4:e.default.cols3,j=d==="cards"?e.default.cards:"";return a.jsx("section",{ref:u,className:`${e.default.section} ${n||""}`,...o,children:a.jsxs("div",{className:e.default.container,children:[t&&a.jsx("h2",{className:e.default.title,children:t}),f?a.jsx("div",{className:e.default.inline,children:l.map(s=>a.jsx(r.StatItemCard,{stat:s},s.label))}):a.jsx("div",{className:`${e.default.grid} ${m} ${j}`,children:l.map(s=>a.jsx(r.StatItemCard,{stat:s},s.label))})]})})});i.displayName="Stats";exports.Stats=i;

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

@@ -1 +1 @@
-{"version":3,"file":"Stats.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Stats/Stats.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAKhD,eAAO,MAAM,KAAK,oGA0DjB,CAAC"}
+{"version":3,"file":"Stats.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Stats/Stats.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD,eAAO,MAAM,KAAK,oGAsCjB,CAAC"}

package/dist/blocks/sections/Stats/Stats.mjs

@@ -1,59 +1,26 @@
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { forwardRef as S } from "react";
-import { StatItemCard as g } from "./StatItemCard.mjs";
-import e from "./Stats.module.css.mjs";
-import { Section as j } from "../../../sections/Section/Section.mjs";
-import { Container as v } from "../../../sections/Container/Container.mjs";
-const C = S(
-  ({
-    eyebrow: s,
-    title: r,
-    description: l,
-    stats: c,
-    columns: i = 4,
-    variant: t = "default",
-    background: d = "subtle",
-    centered: n = !0,
-    highlightValue: f = !1,
-    className: h,
-    ...p
-  }, N) => {
-    const $ = s || r || l, u = [e.stats, n && e.centered, h].filter(Boolean).join(" ");
-    return /* @__PURE__ */ a(
-      j,
+"use client";
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { StatItemCard as o } from "./StatItemCard.mjs";
+import s from "./Stats.module.css.mjs";
+const $ = N(
+  ({ title: a, stats: i, columns: r = 3, variant: c = "default", className: n, ...m }, t) => {
+    const d = c === "inline", p = r === 2 ? s.cols2 : r === 4 ? s.cols4 : s.cols3, f = c === "cards" ? s.cards : "";
+    return /* @__PURE__ */ e(
+      "section",
       {
-        ref: N,
-        spacing: "lg",
-        background: d,
-        className: u,
-        ...p,
-        children: /* @__PURE__ */ o(v, { size: "xl", children: [
-          $ && /* @__PURE__ */ o("header", { className: e.header, children: [
-            s && /* @__PURE__ */ a("div", { className: e.eyebrow, children: s }),
-            r && /* @__PURE__ */ a("h2", { className: e.title, children: r }),
-            l && /* @__PURE__ */ a("p", { className: e.description, children: l })
-          ] }),
-          /* @__PURE__ */ a(
-            "div",
-            {
-              className: `${e.grid} ${e[`cols-${i}`]} ${e[`variant-${t}`]}`,
-              children: c.map((m, x) => /* @__PURE__ */ a(
-                g,
-                {
-                  stat: m,
-                  variant: t,
-                  highlightValue: f
-                },
-                m.label || x
-              ))
-            }
-          )
+        ref: t,
+        className: `${s.section} ${n || ""}`,
+        ...m,
+        children: /* @__PURE__ */ h("div", { className: s.container, children: [
+          a && /* @__PURE__ */ e("h2", { className: s.title, children: a }),
+          d ? /* @__PURE__ */ e("div", { className: s.inline, children: i.map((l) => /* @__PURE__ */ e(o, { stat: l }, l.label)) }) : /* @__PURE__ */ e("div", { className: `${s.grid} ${p} ${f}`, children: i.map((l) => /* @__PURE__ */ e(o, { stat: l }, l.label)) })
         ] })
       }
     );
   }
 );
-C.displayName = "Stats";
+$.displayName = "Stats";
 export {
-  C as Stats
+  $ as Stats
 };

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

@@ -1 +1 @@
-._stats_ywqgh_8{position:relative}._header_ywqgh_16{margin-bottom:var(--spacing-16)}._centered_ywqgh_20 ._header_ywqgh_16{text-align:center}._centered_ywqgh_20 ._description_ywqgh_25{margin-left:auto;margin-right:auto}._centered_ywqgh_20 ._statItem_ywqgh_30{align-items:center;text-align:center}._eyebrow_ywqgh_36{margin-bottom:var(--spacing-4)}._title_ywqgh_40{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_ywqgh_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_ywqgh_62{display:grid;gap:var(--spacing-8)}._cols-2_ywqgh_67{grid-template-columns:repeat(2,1fr)}._cols-3_ywqgh_71{grid-template-columns:repeat(3,1fr)}._cols-4_ywqgh_75{grid-template-columns:repeat(4,1fr)}._grid_ywqgh_62._variant-default_ywqgh_80{gap:0}._grid_ywqgh_62._variant-default_ywqgh_80 ._statItem_ywqgh_30{padding:var(--spacing-6);border-right:1px solid var(--border-subtle)}._grid_ywqgh_62._variant-default_ywqgh_80 ._statItem_ywqgh_30:last-child{border-right:none}._grid_ywqgh_62._variant-cards_ywqgh_94{gap:var(--spacing-6)}._grid_ywqgh_62._variant-inline_ywqgh_99{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-12)}._statItem_ywqgh_30{display:flex;flex-direction:column;gap:var(--spacing-2)}._cardBody_ywqgh_118{display:flex;flex-direction:column;gap:var(--spacing-3);align-items:inherit;text-align:inherit;padding:var(--spacing-6)}._icon_ywqgh_131{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);margin-bottom:var(--spacing-2)}._valueWrapper_ywqgh_143{display:flex;flex-direction:column;gap:var(--spacing-2)}._centered_ywqgh_20 ._valueWrapper_ywqgh_143{align-items:center}._value_ywqgh_143{font-family:var(--font-secondary);font-size:clamp(3rem,6vw,4.5rem);font-weight:var(--font-weight-bold);line-height:1;color:var(--text-primary);letter-spacing:-.02em}._valueHighlight_ywqgh_162{background:linear-gradient(135deg,var(--color-brand-400),var(--color-brand-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._trend_ywqgh_173{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--spacing-1);font-family:var(--font-secondary);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full)}._centered_ywqgh_20 ._trend_ywqgh_173{align-self:center}._trendPositive_ywqgh_189{color:var(--text-success);background:var(--status-success-bg)}._trendNegative_ywqgh_194{color:var(--text-error);background:var(--status-error-bg)}._label_ywqgh_199{font-family:var(--font-secondary);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--text-secondary)}._statDescription_ywqgh_206{font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-tertiary);line-height:var(--line-height-relaxed)}@media(max-width:1024px){._cols-4_ywqgh_75,._cols-3_ywqgh_71{grid-template-columns:repeat(2,1fr)}._grid_ywqgh_62._variant-default_ywqgh_80 ._statItem_ywqgh_30:nth-child(2n){border-right:none}._grid_ywqgh_62._variant-default_ywqgh_80 ._statItem_ywqgh_30:nth-child(n+3){border-top:1px solid var(--border-subtle)}}@media(max-width:640px){._cols-2_ywqgh_67,._cols-3_ywqgh_71,._cols-4_ywqgh_75{grid-template-columns:1fr}._header_ywqgh_16{margin-bottom:var(--spacing-8)}._value_ywqgh_143{font-size:clamp(2.25rem,10vw,3rem)}._grid_ywqgh_62._variant-default_ywqgh_80 ._statItem_ywqgh_30{border-right:none;border-bottom:1px solid var(--border-subtle)}._grid_ywqgh_62._variant-default_ywqgh_80 ._statItem_ywqgh_30:last-child{border-bottom:none}._grid_ywqgh_62._variant-inline_ywqgh_99{flex-direction:column;gap:var(--spacing-6)}}
+._section_1vtql_1{padding:var(--spacing-16) var(--spacing-8);background:var(--surface-base);color:var(--text-primary)}._container_1vtql_7{max-width:1200px;margin:0 auto}._title_1vtql_12{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-8) 0;text-align:center}._grid_1vtql_21{display:grid;gap:var(--spacing-6)}._cols2_1vtql_26{grid-template-columns:repeat(2,1fr)}._cols3_1vtql_30{grid-template-columns:repeat(3,1fr)}._cols4_1vtql_34{grid-template-columns:repeat(4,1fr)}._statItem_1vtql_39{text-align:center;padding:var(--spacing-4)}._statIcon_1vtql_44{display:flex;justify-content:center;margin-bottom:var(--spacing-3);color:var(--interactive-primary)}._statValue_1vtql_51{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0}._statLabel_1vtql_59{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--spacing-1) 0 0 0}._statTrend_1vtql_66{font-family:var(--font-secondary);font-size:var(--font-size-xs);font-weight:600;margin-top:var(--spacing-1)}._trendPositive_1vtql_73{color:var(--status-success)}._trendNegative_1vtql_77{color:var(--status-error)}._cards_1vtql_82 ._statItem_1vtql_39{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-container);padding:var(--spacing-6)}._inline_1vtql_90{display:flex;justify-content:center;gap:var(--spacing-12)}._inline_1vtql_90 ._statItem_1vtql_39{display:flex;align-items:center;gap:var(--spacing-3);text-align:left}._inline_1vtql_90 ._statIcon_1vtql_44{margin-bottom:0}._inline_1vtql_90 ._statValue_1vtql_51{font-size:var(--font-size-2xl)}

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_stats_ywqgh_8",e="_header_ywqgh_16",_="_centered_ywqgh_20",a="_description_ywqgh_25",i="_statItem_ywqgh_30",r="_eyebrow_ywqgh_36",s="_title_ywqgh_40",n="_grid_ywqgh_62",o="_cardBody_ywqgh_118",c="_icon_ywqgh_131",l="_valueWrapper_ywqgh_143",d="_value_ywqgh_143",g="_valueHighlight_ywqgh_162",h="_trend_ywqgh_173",y="_trendPositive_ywqgh_189",v="_trendNegative_ywqgh_194",w="_label_ywqgh_199",q="_statDescription_ywqgh_206",u={stats:t,header:e,centered:_,description:a,statItem:i,eyebrow:r,title:s,grid:n,"cols-2":"_cols-2_ywqgh_67","cols-3":"_cols-3_ywqgh_71","cols-4":"_cols-4_ywqgh_75","variant-default":"_variant-default_ywqgh_80","variant-cards":"_variant-cards_ywqgh_94","variant-inline":"_variant-inline_ywqgh_99",cardBody:o,icon:c,valueWrapper:l,value:d,valueHighlight:g,trend:h,trendPositive:y,trendNegative:v,label:w,statDescription:q};exports.cardBody=o;exports.centered=_;exports.default=u;exports.description=a;exports.eyebrow=r;exports.grid=n;exports.header=e;exports.icon=c;exports.label=w;exports.statDescription=q;exports.statItem=i;exports.stats=t;exports.title=s;exports.trend=h;exports.trendNegative=v;exports.trendPositive=y;exports.value=d;exports.valueHighlight=g;exports.valueWrapper=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_section_1vtql_1",s="_container_1vtql_7",e="_title_1vtql_12",n="_grid_1vtql_21",l="_cols2_1vtql_26",o="_cols3_1vtql_30",_="_cols4_1vtql_34",c="_statItem_1vtql_39",a="_statIcon_1vtql_44",i="_statValue_1vtql_51",r="_statLabel_1vtql_59",v="_statTrend_1vtql_66",d="_trendPositive_1vtql_73",q="_trendNegative_1vtql_77",u="_cards_1vtql_82",g="_inline_1vtql_90",I={section:t,container:s,title:e,grid:n,cols2:l,cols3:o,cols4:_,statItem:c,statIcon:a,statValue:i,statLabel:r,statTrend:v,trendPositive:d,trendNegative:q,cards:u,inline:g};exports.cards=u;exports.cols2=l;exports.cols3=o;exports.cols4=_;exports.container=s;exports.default=I;exports.grid=n;exports.inline=g;exports.section=t;exports.statIcon=a;exports.statItem=c;exports.statLabel=r;exports.statTrend=v;exports.statValue=i;exports.title=e;exports.trendNegative=q;exports.trendPositive=d;

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

@@ -1,47 +1,37 @@
-const t = "_stats_ywqgh_8", e = "_header_ywqgh_16", _ = "_centered_ywqgh_20", a = "_description_ywqgh_25", s = "_statItem_ywqgh_30", n = "_eyebrow_ywqgh_36", i = "_title_ywqgh_40", r = "_grid_ywqgh_62", o = "_cardBody_ywqgh_118", c = "_icon_ywqgh_131", g = "_valueWrapper_ywqgh_143", h = "_value_ywqgh_143", l = "_valueHighlight_ywqgh_162", d = "_trend_ywqgh_173", y = "_trendPositive_ywqgh_189", w = "_trendNegative_ywqgh_194", q = "_label_ywqgh_199", v = "_statDescription_ywqgh_206", p = {
-  stats: t,
-  header: e,
-  centered: _,
-  description: a,
-  statItem: s,
-  eyebrow: n,
-  title: i,
-  grid: r,
-  "cols-2": "_cols-2_ywqgh_67",
-  "cols-3": "_cols-3_ywqgh_71",
-  "cols-4": "_cols-4_ywqgh_75",
-  "variant-default": "_variant-default_ywqgh_80",
-  "variant-cards": "_variant-cards_ywqgh_94",
-  "variant-inline": "_variant-inline_ywqgh_99",
-  cardBody: o,
-  icon: c,
-  valueWrapper: g,
-  value: h,
-  valueHighlight: l,
-  trend: d,
-  trendPositive: y,
-  trendNegative: w,
-  label: q,
-  statDescription: v
+const t = "_section_1vtql_1", s = "_container_1vtql_7", _ = "_title_1vtql_12", n = "_grid_1vtql_21", e = "_cols2_1vtql_26", l = "_cols3_1vtql_30", o = "_cols4_1vtql_34", c = "_statItem_1vtql_39", a = "_statIcon_1vtql_44", i = "_statValue_1vtql_51", v = "_statLabel_1vtql_59", r = "_statTrend_1vtql_66", d = "_trendPositive_1vtql_73", q = "_trendNegative_1vtql_77", g = "_cards_1vtql_82", I = "_inline_1vtql_90", u = {
+  section: t,
+  container: s,
+  title: _,
+  grid: n,
+  cols2: e,
+  cols3: l,
+  cols4: o,
+  statItem: c,
+  statIcon: a,
+  statValue: i,
+  statLabel: v,
+  statTrend: r,
+  trendPositive: d,
+  trendNegative: q,
+  cards: g,
+  inline: I
 };
 export {
-  o as cardBody,
-  _ as centered,
-  p as default,
-  a as description,
-  n as eyebrow,
-  r as grid,
-  e as header,
-  c as icon,
-  q as label,
-  v as statDescription,
-  s as statItem,
-  t as stats,
-  i as title,
-  d as trend,
-  w as trendNegative,
-  y as trendPositive,
-  h as value,
-  l as valueHighlight,
-  g as valueWrapper
+  g as cards,
+  e as cols2,
+  l as cols3,
+  o as cols4,
+  s as container,
+  u as default,
+  n as grid,
+  I as inline,
+  t as section,
+  a as statIcon,
+  c as statItem,
+  v as statLabel,
+  r as statTrend,
+  i as statValue,
+  _ as title,
+  q as trendNegative,
+  d as trendPositive
 };

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

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Stats.types').StatsProps & 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 TwoColumns: Story;
+export declare const Cards: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=Stats.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stats.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Stats/Stats.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;CAKoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAQnC,eAAO,MAAM,OAAO,EAAE,KAA2D,CAAC;AAElF,eAAO,MAAM,UAAU,EAAE,KAA4E,CAAC;AAEtG,eAAO,MAAM,KAAK,EAAE,KAAoE,CAAC;AAEzF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC"}

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

@@ -1,131 +1,26 @@
 import { HTMLAttributes, ReactNode } from 'react';
 
-/**
- * Grid column count for stat items
- */
-export type StatsColumns = 2 | 3 | 4;
-/**
- * Stats visual variant
- */
 export type StatsVariant = "default" | "cards" | "inline";
-/**
- * Trend indicator for a stat
- */
 export interface StatTrend {
-    /**
-     * Trend value (e.g., "+12%", "-5%")
-     */
     value: string;
-    /**
-     * Whether the trend is positive
-     * @default true
-     */
-    positive?: boolean;
+    positive: boolean;
 }
-/**
- * Stat item data structure
- */
 export interface StatItem {
-    /**
-     * The main stat value (e.g., "10K+", "99.9%", "$1.2M")
-     */
-    value: string | number;
-    /**
-     * Label describing the stat
-     */
+    value: string;
     label: string;
-    /**
-     * Optional description for more context
-     */
-    description?: string;
-    /**
-     * Optional icon element
-     */
     icon?: ReactNode;
-    /**
-     * Optional trend indicator
-     */
     trend?: StatTrend;
 }
-/**
- * Stat item card props (internal component)
- */
-export interface StatItemCardProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Stat item data
-     */
-    stat: StatItem;
-    /**
-     * Visual variant
-     * @default 'default'
-     */
-    variant?: StatsVariant;
-    /**
-     * Apply gradient highlight to value
-     * @default false
-     */
-    highlightValue?: boolean;
-}
-/**
- * Stats section props
- *
- * @example
- * ```tsx
- * <Stats
- *   title="By the numbers"
- *   stats={[
- *     { value: "10K+", label: "Active users" },
- *     { value: "99.9%", label: "Uptime" },
- *     { value: "$1.2M", label: "Revenue generated", trend: { value: "+12%", positive: true } }
- *   ]}
- *   columns={3}
- * />
- * ```
- */
-export interface StatsProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
-    /**
-     * Optional eyebrow/badge above title
-     */
-    eyebrow?: ReactNode;
-    /**
-     * Section title
-     */
-    title?: ReactNode;
-    /**
-     * Section description
-     */
-    description?: ReactNode;
-    /**
-     * Array of stat items
-     */
+export interface StatsProps extends HTMLAttributes<HTMLElement> {
+    /** Section heading */
+    title?: string;
+    /** Stat items to display */
     stats: StatItem[];
-    /**
-     * Number of grid columns
-     * @default 4
-     */
-    columns?: StatsColumns;
-    /**
-     * Visual variant
-     * - default: Simple grid with dividers
-     * - cards: Individual cards for each stat
-     * - inline: Compact inline layout
-     * @default 'default'
-     */
+    /** Number of columns */
+    columns?: 2 | 3 | 4;
+    /** Visual variant */
     variant?: StatsVariant;
-    /**
-     * Background style
-     * @default 'subtle'
-     */
-    background?: "base" | "subtle" | "brand" | "none";
-    /**
-     * Center the header and stats
-     * @default true
-     */
-    centered?: boolean;
-    /**
-     * Apply gradient highlight to stat values
-     * @default false
-     */
-    highlightValue?: boolean;
+    /** Additional class name */
+    className?: string;
 }
 //# sourceMappingURL=Stats.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Stats.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Stats/Stats.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAErC;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC5E;;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,QAAQ,EAAE,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAElD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B"}
+{"version":3,"file":"Stats.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Stats/Stats.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE1D,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC7D,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,wBAAwB;IACxB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -1,7 +1,4 @@
-/**
- * Stats Component Exports
- */
 export { Stats } from './Stats';
 export { StatItemCard } from './StatItemCard';
-export type { StatsProps, StatItem, StatTrend, StatItemCardProps, StatsColumns, StatsVariant, } from './Stats.types';
+export type { StatsProps, StatItem, StatTrend, StatsVariant, } from './Stats.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Stats/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,UAAU,EACV,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,YAAY,EACZ,YAAY,GACb,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Stats/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,UAAU,EACV,QAAQ,EACR,SAAS,EACT,YAAY,GACb,MAAM,eAAe,CAAC"}

package/dist/blocks/sections/Stepper/Stepper.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),L=require("react"),v=require("lucide-react"),t=require("./Stepper.module.css.cjs"),C=L.forwardRef(({steps:u,activeStep:o,onStepClick:d,orientation:f="horizontal",allowClickOnCompleted:N=!0,allowClickOnFuture:b=!1,showStepNumbers:g=!0,connectorStyle:S="solid",size:l="md",alternativeLabel:k=!1,className:x,...y},I)=>{const n=e=>e<o,p=e=>e===o,q=e=>e>o,m=e=>d?n(e)?N:p(e)?!0:q(e)?b:!1:!1,j=e=>{m(e)&&d?.(e)},A=(e,s)=>e.error?r.jsx(v.AlertCircle,{size:l==="sm"?14:l==="lg"?20:16}):n(s)?r.jsx(v.Check,{size:l==="sm"?14:l==="lg"?20:16}):e.icon?e.icon:g?r.jsx("span",{children:s+1}):null,E=[t.default.stepper,t.default[f],t.default[l],t.default[`connector-${S}`],k&&f==="horizontal"&&t.default.alternativeLabel,x].filter(Boolean).join(" ");return r.jsx("div",{ref:I,className:E,role:"navigation","aria-label":"Progress",...y,children:u.map((e,s)=>{const c=n(s),i=p(s),a=m(s),M=s===u.length-1,R=[t.default.step,c&&t.default.stepCompleted,i&&t.default.stepActive,e.error&&t.default.stepError,a&&t.default.stepClickable].filter(Boolean).join(" "),B=[t.default.stepIcon,c&&t.default.stepIconCompleted,i&&t.default.stepIconActive,e.error&&t.default.stepIconError].filter(Boolean).join(" ");return r.jsxs("div",{className:R,children:[r.jsxs("div",{className:t.default.stepContent,onClick:()=>j(s),onKeyDown:h=>{(h.key==="Enter"||h.key===" ")&&a&&j(s)},role:a?"button":void 0,tabIndex:a?0:void 0,"aria-current":i?"step":void 0,children:[r.jsx("div",{className:B,children:A(e,s)}),r.jsxs("div",{className:t.default.stepText,children:[r.jsxs("span",{className:t.default.stepLabel,children:[e.label,e.optional&&r.jsx("span",{className:t.default.stepOptional,children:" (Optional)"})]}),e.description&&r.jsx("span",{className:t.default.stepDescription,children:e.description}),e.error&&e.errorMessage&&r.jsx("span",{className:t.default.stepErrorMessage,children:e.errorMessage})]})]}),!M&&r.jsx("div",{className:`${t.default.connector} ${c?t.default.connectorCompleted:""}`})]},e.id)})})});C.displayName="Stepper";exports.Stepper=C;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("react"),e=require("./Stepper.module.css.cjs"),p=d.forwardRef(({steps:n,activeStep:f=0,orientation:m="horizontal",onStepChange:v,showNavigation:h=!0,className:j},$)=>{const[s,N]=d.useState(f),o=a=>{N(a),v?.(a)},i=m==="vertical",b=s===0,r=s===n.length-1;return t.jsxs("section",{ref:$,className:`${e.default.section} ${j||""}`,children:[t.jsx("div",{className:i?e.default.stepsVertical:e.default.stepsHorizontal,children:n.map((a,l)=>{const u=l===s,c=l<s;return t.jsxs(d.Fragment,{children:[t.jsxs("div",{className:`${e.default.step} ${i?e.default.stepVertical:""}`,children:[t.jsx("div",{className:`${e.default.stepIndicator} ${u?e.default.stepIndicatorActive:""} ${c?e.default.stepIndicatorCompleted:""}`,children:c?"✓":l+1}),t.jsxs("div",{className:e.default.stepContent,children:[t.jsx("p",{className:`${e.default.stepLabel} ${!u&&!c?e.default.stepLabelInactive:""}`,children:a.label}),a.description&&t.jsx("p",{className:e.default.stepDescription,children:a.description})]})]}),l<n.length-1&&t.jsx("div",{className:`${e.default.connector} ${c?e.default.connectorCompleted:""} ${i?e.default.connectorVertical:""}`})]},a.id)})}),h&&t.jsxs("div",{className:e.default.navigation,children:[t.jsx("button",{className:e.default.navButton,onClick:()=>o(s-1),disabled:b,type:"button",children:"Previous"}),t.jsx("button",{className:`${e.default.navButton} ${r?"":e.default.navButtonPrimary}`,onClick:()=>o(s+1),disabled:r,type:"button",children:r?"Done":"Next"})]})]})});p.displayName="Stepper";exports.Stepper=p;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAIH,OAAO,KAAK,EAAE,YAAY,EAAY,MAAM,iBAAiB,CAAC;AAG9D,eAAO,MAAM,OAAO,yGAsJnB,CAAC"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Stepper/Stepper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,kFAgGnB,CAAC"}