@orion-ds/react 4.2.14 → 4.3.7

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

@@ -0,0 +1,138 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Logo item
+ */
+export interface SocialProofLogo {
+    /**
+     * Company/brand name
+     */
+    name: string;
+    /**
+     * Logo image URL
+     */
+    logo: string;
+    /**
+     * Optional link
+     */
+    href?: string;
+}
+/**
+ * Testimonial item
+ */
+export interface SocialProofTestimonial {
+    /**
+     * Unique identifier
+     */
+    id: string | number;
+    /**
+     * Quote text
+     */
+    quote: string;
+    /**
+     * Author name
+     */
+    author: string;
+    /**
+     * Author title/role
+     */
+    title?: string;
+    /**
+     * Author company
+     */
+    company?: string;
+    /**
+     * Author avatar URL
+     */
+    avatar?: string;
+    /**
+     * Star rating (1-5)
+     */
+    rating?: number;
+}
+/**
+ * Stat item
+ */
+export interface SocialProofStat {
+    /**
+     * Stat value
+     */
+    value: string;
+    /**
+     * Stat label
+     */
+    label: string;
+}
+/**
+ * SocialProof section props
+ *
+ * @example
+ * ```tsx
+ * <SocialProof
+ *   title="Trusted by Industry Leaders"
+ *   logos={[
+ *     { name: "Google", logo: "/logos/google.svg" },
+ *     { name: "Meta", logo: "/logos/meta.svg" },
+ *   ]}
+ *   testimonials={[
+ *     { id: 1, quote: "Amazing product!", author: "John Doe", title: "CEO" }
+ *   ]}
+ *   stats={[
+ *     { value: "10K+", label: "Customers" },
+ *     { value: "99%", label: "Satisfaction" },
+ *   ]}
+ * />
+ * ```
+ */
+export interface SocialProofProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    /**
+     * Optional eyebrow text
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Section title
+     */
+    title?: ReactNode;
+    /**
+     * Section description
+     */
+    description?: ReactNode;
+    /**
+     * Company/brand logos
+     */
+    logos?: SocialProofLogo[];
+    /**
+     * Customer testimonials
+     */
+    testimonials?: SocialProofTestimonial[];
+    /**
+     * Stats/metrics
+     */
+    stats?: SocialProofStat[];
+    /**
+     * Layout variant
+     * @default 'stacked'
+     */
+    layout?: "stacked" | "side-by-side" | "testimonials-only" | "logos-only" | "stats-only";
+    /**
+     * Logo display style
+     * @default 'grid'
+     */
+    logoStyle?: "grid" | "inline" | "carousel";
+    /**
+     * Grayscale logos
+     * @default true
+     */
+    grayscaleLogos?: boolean;
+    /**
+     * Background style
+     * @default 'subtle'
+     */
+    background?: "base" | "subtle" | "none";
+    /**
+     * Compact mode
+     * @default false
+     */
+    compact?: boolean;
+}
+//# sourceMappingURL=SocialProof.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SocialProof.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/SocialProof/SocialProof.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IAEpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,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,CAAC,EAAE,eAAe,EAAE,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,sBAAsB,EAAE,CAAC;IAExC;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAE1B;;;OAGG;IACH,MAAM,CAAC,EACH,SAAS,GACT,cAAc,GACd,mBAAmB,GACnB,YAAY,GACZ,YAAY,CAAC;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IAE3C;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

@@ -0,0 +1,3 @@
+export { SocialProof } from './SocialProof';
+export type { SocialProofProps, SocialProofLogo, SocialProofTestimonial, SocialProofStat, } from './SocialProof.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/SocialProof/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,eAAe,GAChB,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("lucide-react"),a=require("./Stats.module.css.cjs"),c=require("../../../components/Card/Card.cjs"),u=({stat:o,variant:t="default",highlightValue:f=!1,className:m})=>{const{value:j,label:v,description:l,icon:d,trend:s}=o,r=[a.default.statItem,a.default[`variant-${t}`],m].filter(Boolean).join(" "),i=e.jsxs(e.Fragment,{children:[d&&e.jsx("div",{className:a.default.icon,children:d}),e.jsxs("div",{className:a.default.valueWrapper,children:[e.jsx("span",{className:`${a.default.value} ${f?a.default.valueHighlight:""}`,children:j}),s&&e.jsxs("span",{className:`${a.default.trend} ${s.positive!==!1?a.default.trendPositive:a.default.trendNegative}`,children:[s.positive!==!1?e.jsx(n.TrendingUp,{size:14}):e.jsx(n.TrendingDown,{size:14}),s.value]})]}),e.jsx("span",{className:a.default.label,children:v}),l&&e.jsx("span",{className:a.default.statDescription,children:l})]});return t==="cards"?e.jsx(c.Card,{variant:"base",className:r,children:e.jsx(c.Card.Body,{className:a.default.cardBody,children:i})}):e.jsx("div",{className:r,children:i})};u.displayName="StatItemCard";exports.StatItemCard=u;

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

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

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

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

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

@@ -0,0 +1,40 @@
+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";
+export {
+  g as StatItemCard
+};

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

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

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

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

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

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

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

@@ -0,0 +1,59 @@
+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,
+      {
+        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
+              ))
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+C.displayName = "Stats";
+export {
+  C as Stats
+};

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

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

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

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

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

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

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

@@ -0,0 +1,131 @@
+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;
+}
+/**
+ * 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
+     */
+    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
+     */
+    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'
+     */
+    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;
+}
+//# sourceMappingURL=Stats.types.d.ts.map

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/blocks/sections/Stepper/Stepper.mjs

@@ -0,0 +1,91 @@
+import { jsx as s, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as w } from "react";
+import { AlertCircle as D, Check as O } from "lucide-react";
+import r from "./Stepper.module.css.mjs";
+const F = w(
+  ({
+    steps: m,
+    activeStep: a,
+    onStepClick: d,
+    orientation: f = "horizontal",
+    allowClickOnCompleted: N = !0,
+    allowClickOnFuture: b = !1,
+    showStepNumbers: g = !0,
+    connectorStyle: k = "solid",
+    size: t = "md",
+    alternativeLabel: I = !1,
+    className: j,
+    ...y
+  }, S) => {
+    const c = (e) => e < a, u = (e) => e === a, A = (e) => e > a, h = (e) => d ? c(e) ? N : u(e) ? !0 : A(e) ? b : !1 : !1, v = (e) => {
+      h(e) && d?.(e);
+    }, E = (e, o) => e.error ? /* @__PURE__ */ s(D, { size: t === "sm" ? 14 : t === "lg" ? 20 : 16 }) : c(o) ? /* @__PURE__ */ s(O, { size: t === "sm" ? 14 : t === "lg" ? 20 : 16 }) : e.icon ? e.icon : g ? /* @__PURE__ */ s("span", { children: o + 1 }) : null, B = [
+      r.stepper,
+      r[f],
+      r[t],
+      r[`connector-${k}`],
+      I && f === "horizontal" && r.alternativeLabel,
+      j
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: S,
+        className: B,
+        role: "navigation",
+        "aria-label": "Progress",
+        ...y,
+        children: m.map((e, o) => {
+          const i = c(o), p = u(o), n = h(o), L = o === m.length - 1, M = [
+            r.step,
+            i && r.stepCompleted,
+            p && r.stepActive,
+            e.error && r.stepError,
+            n && r.stepClickable
+          ].filter(Boolean).join(" "), $ = [
+            r.stepIcon,
+            i && r.stepIconCompleted,
+            p && r.stepIconActive,
+            e.error && r.stepIconError
+          ].filter(Boolean).join(" ");
+          return /* @__PURE__ */ l("div", { className: M, children: [
+            /* @__PURE__ */ l(
+              "div",
+              {
+                className: r.stepContent,
+                onClick: () => v(o),
+                onKeyDown: (C) => {
+                  (C.key === "Enter" || C.key === " ") && n && v(o);
+                },
+                role: n ? "button" : void 0,
+                tabIndex: n ? 0 : void 0,
+                "aria-current": p ? "step" : void 0,
+                children: [
+                  /* @__PURE__ */ s("div", { className: $, children: E(e, o) }),
+                  /* @__PURE__ */ l("div", { className: r.stepText, children: [
+                    /* @__PURE__ */ l("span", { className: r.stepLabel, children: [
+                      e.label,
+                      e.optional && /* @__PURE__ */ s("span", { className: r.stepOptional, children: " (Optional)" })
+                    ] }),
+                    e.description && /* @__PURE__ */ s("span", { className: r.stepDescription, children: e.description }),
+                    e.error && e.errorMessage && /* @__PURE__ */ s("span", { className: r.stepErrorMessage, children: e.errorMessage })
+                  ] })
+                ]
+              }
+            ),
+            !L && /* @__PURE__ */ s(
+              "div",
+              {
+                className: `${r.connector} ${i ? r.connectorCompleted : ""}`
+              }
+            )
+          ] }, e.id);
+        })
+      }
+    );
+  }
+);
+F.displayName = "Stepper";
+export {
+  F as Stepper
+};

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

@@ -0,0 +1 @@
+._stepper_1ju9j_8{display:flex}._horizontal_1ju9j_16{flex-direction:row;align-items:flex-start}._vertical_1ju9j_21{flex-direction:column}._step_1ju9j_8{display:flex;flex:1}._horizontal_1ju9j_16 ._step_1ju9j_8{flex-direction:row;align-items:center}._vertical_1ju9j_21 ._step_1ju9j_8{flex-direction:column}._stepContent_1ju9j_43{display:flex;align-items:center;gap:var(--spacing-3);flex-shrink:0}._vertical_1ju9j_21 ._stepContent_1ju9j_43{flex-direction:row}._stepClickable_1ju9j_54 ._stepContent_1ju9j_43{cursor:pointer;border-radius:var(--radius-control);padding:var(--spacing-1);margin:calc(-1 * var(--spacing-1));transition:background-color var(--mode-hover-duration)}._stepClickable_1ju9j_54 ._stepContent_1ju9j_43:hover{background:var(--surface-subtle)}._stepIcon_1ju9j_70{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--surface-subtle);color:var(--text-tertiary);font-family:var(--font-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-semibold);flex-shrink:0;transition:all var(--mode-hover-duration)}._stepIconActive_1ju9j_86{background:var(--interactive-primary);color:var(--interactive-primary-text)}._stepIconCompleted_1ju9j_91{background:var(--status-success-bg);color:var(--text-success)}._stepIconError_1ju9j_96{background:var(--status-error-bg);color:var(--text-error)}._stepText_1ju9j_105{display:flex;flex-direction:column;gap:var(--spacing-0-5);min-width:0}._stepLabel_1ju9j_112{font-family:var(--font-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--text-secondary);white-space:nowrap}._stepActive_1ju9j_120 ._stepLabel_1ju9j_112{color:var(--text-primary);font-weight:var(--font-weight-semibold)}._stepCompleted_1ju9j_125 ._stepLabel_1ju9j_112{color:var(--text-primary)}._stepError_1ju9j_129 ._stepLabel_1ju9j_112{color:var(--text-error)}._stepOptional_1ju9j_133{font-weight:var(--font-weight-normal);color:var(--text-tertiary)}._stepDescription_1ju9j_138{font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--text-tertiary);line-height:var(--line-height-relaxed)}._stepErrorMessage_1ju9j_145{font-family:var(--font-secondary);font-size:var(--font-size-11);color:var(--text-error)}._connector_1ju9j_155{flex:1;background:var(--border-subtle);transition:background-color var(--mode-hover-duration)}._horizontal_1ju9j_16 ._connector_1ju9j_155{height:2px;margin:0 var(--spacing-3);align-self:center;min-width:24px}._vertical_1ju9j_21 ._connector_1ju9j_155{width:2px;min-height:24px;margin:var(--spacing-2) 0 var(--spacing-2) 15px}._connectorCompleted_1ju9j_174{background:var(--text-success)}._connector-dashed_1ju9j_179 ._connector_1ju9j_155{background:transparent;border-top:2px dashed var(--border-subtle)}._connector-dashed_1ju9j_179 ._connectorCompleted_1ju9j_174{border-top-color:var(--text-success)}._connector-dotted_1ju9j_188 ._connector_1ju9j_155{background:transparent;border-top:2px dotted var(--border-subtle)}._connector-dotted_1ju9j_188 ._connectorCompleted_1ju9j_174{border-top-color:var(--text-success)}._vertical_1ju9j_21._connector-dashed_1ju9j_179 ._connector_1ju9j_155,._vertical_1ju9j_21._connector-dotted_1ju9j_188 ._connector_1ju9j_155{border-top:none;border-left-width:2px;border-left-style:inherit}._alternativeLabel_1ju9j_208 ._step_1ju9j_8{flex-direction:column;align-items:center;text-align:center}._alternativeLabel_1ju9j_208 ._stepContent_1ju9j_43{flex-direction:column;gap:var(--spacing-2)}._alternativeLabel_1ju9j_208 ._connector_1ju9j_155{position:absolute;top:16px;left:calc(50% + 20px);right:calc(-50% + 20px);margin:0}._alternativeLabel_1ju9j_208 ._step_1ju9j_8{position:relative}._sm_1ju9j_235 ._stepIcon_1ju9j_70{width:24px;height:24px;font-size:var(--font-size-11)}._sm_1ju9j_235 ._stepLabel_1ju9j_112{font-size:var(--font-size-12)}._sm_1ju9j_235 ._stepDescription_1ju9j_138{font-size:var(--font-size-11)}._sm_1ju9j_235._vertical_1ju9j_21 ._connector_1ju9j_155{margin-left:11px}._lg_1ju9j_253 ._stepIcon_1ju9j_70{width:40px;height:40px;font-size:var(--font-size-14)}._lg_1ju9j_253 ._stepLabel_1ju9j_112{font-size:var(--font-size-14)}._lg_1ju9j_253 ._stepDescription_1ju9j_138{font-size:var(--font-size-13)}._lg_1ju9j_253._vertical_1ju9j_21 ._connector_1ju9j_155{margin-left:19px}@media(max-width:640px){._horizontal_1ju9j_16:not(._alternativeLabel_1ju9j_208){overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}._horizontal_1ju9j_16:not(._alternativeLabel_1ju9j_208)::-webkit-scrollbar{display:none}._horizontal_1ju9j_16:not(._alternativeLabel_1ju9j_208) ._step_1ju9j_8{flex-shrink:0}._horizontal_1ju9j_16 ._stepDescription_1ju9j_138{display:none}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_stepper_1ju9j_8",t="_horizontal_1ju9j_16",o="_vertical_1ju9j_21",s="_step_1ju9j_8",n="_stepContent_1ju9j_43",p="_stepClickable_1ju9j_54",c="_stepIcon_1ju9j_70",_="_stepIconActive_1ju9j_86",r="_stepIconCompleted_1ju9j_91",l="_stepIconError_1ju9j_96",j="_stepText_1ju9j_105",a="_stepLabel_1ju9j_112",i="_stepActive_1ju9j_120",u="_stepCompleted_1ju9j_125",d="_stepError_1ju9j_129",C="_stepOptional_1ju9j_133",v="_stepDescription_1ju9j_138",m="_stepErrorMessage_1ju9j_145",I="_connector_1ju9j_155",b="_connectorCompleted_1ju9j_174",E="_alternativeLabel_1ju9j_208",g="_sm_1ju9j_235",A="_lg_1ju9j_253",L={stepper:e,horizontal:t,vertical:o,step:s,stepContent:n,stepClickable:p,stepIcon:c,stepIconActive:_,stepIconCompleted:r,stepIconError:l,stepText:j,stepLabel:a,stepActive:i,stepCompleted:u,stepError:d,stepOptional:C,stepDescription:v,stepErrorMessage:m,connector:I,connectorCompleted:b,"connector-dashed":"_connector-dashed_1ju9j_179","connector-dotted":"_connector-dotted_1ju9j_188",alternativeLabel:E,sm:g,lg:A};exports.alternativeLabel=E;exports.connector=I;exports.connectorCompleted=b;exports.default=L;exports.horizontal=t;exports.lg=A;exports.sm=g;exports.step=s;exports.stepActive=i;exports.stepClickable=p;exports.stepCompleted=u;exports.stepContent=n;exports.stepDescription=v;exports.stepError=d;exports.stepErrorMessage=m;exports.stepIcon=c;exports.stepIconActive=_;exports.stepIconCompleted=r;exports.stepIconError=l;exports.stepLabel=a;exports.stepOptional=C;exports.stepText=j;exports.stepper=e;exports.vertical=o;