@orion-ds/react 4.4.0 → 4.6.0

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

@@ -1,112 +1,26 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { ReactNode } from 'react';
 
-/**
- * Settings navigation item
- */
 export interface SettingsNavItem {
-    /**
-     * Unique identifier
-     */
     id: string;
-    /**
-     * Display label
-     */
     label: string;
-    /**
-     * Optional icon
-     */
-    icon?: ReactNode;
-    /**
-     * Optional description
-     */
     description?: string;
-    /**
-     * Disabled state
-     */
-    disabled?: boolean;
-    /**
-     * Badge content
-     */
-    badge?: ReactNode;
 }
-/**
- * Settings navigation group
- */
 export interface SettingsNavGroup {
-    /**
-     * Group title
-     */
-    title?: string;
-    /**
-     * Items in this group
-     */
+    title: string;
     items: SettingsNavItem[];
 }
-/**
- * SettingsLayout section props
- *
- * @example
- * ```tsx
- * <SettingsLayout
- *   navigation={[
- *     {
- *       title: 'Account',
- *       items: [
- *         { id: 'profile', label: 'Profile', icon: <User /> },
- *         { id: 'security', label: 'Security', icon: <Lock /> }
- *       ]
- *     }
- *   ]}
- *   activeSection="profile"
- *   onNavigate={(id) => setActiveSection(id)}
- * >
- *   <ProfileSettings />
- * </SettingsLayout>
- * ```
- */
-export interface SettingsLayoutProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Navigation items/groups
-     */
-    navigation: SettingsNavGroup[];
-    /**
-     * Currently active section ID
-     */
-    activeSection: string;
-    /**
-     * Navigation handler
-     */
-    onNavigate: (sectionId: string) => void;
-    /**
-     * Content for the active section
-     */
-    children: ReactNode;
-    /**
-     * Page title
-     */
+export interface SettingsLayoutProps {
+    /** Page title */
     title?: string;
-    /**
-     * Page description
-     */
-    description?: string;
-    /**
-     * Header actions
-     */
-    headerActions?: ReactNode;
-    /**
-     * Navigation width in pixels
-     * @default 240
-     */
-    navWidth?: number;
-    /**
-     * Sticky navigation
-     * @default true
-     */
-    stickyNav?: boolean;
-    /**
-     * Show mobile nav toggle
-     * @default true
-     */
-    mobileNav?: boolean;
+    /** Navigation groups with items */
+    navigation: SettingsNavGroup[];
+    /** Currently active section id */
+    activeSection?: string;
+    /** Callback when a nav item is selected */
+    onNavigate?: (sectionId: string) => void;
+    /** Content to display in the main area */
+    children?: ReactNode;
+    /** Optional className */
+    className?: string;
 }
 //# sourceMappingURL=SettingsLayout.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsLayout.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/SettingsLayout/SettingsLayout.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,EAAE,eAAe,EAAE,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE;;OAEG;IACH,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAE/B;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
+{"version":3,"file":"SettingsLayout.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/SettingsLayout/SettingsLayout.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,eAAe,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,mBAAmB;IAClC,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAC/B,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -1,3 +1,3 @@
 export { SettingsLayout } from './SettingsLayout';
-export type { SettingsLayoutProps, SettingsNavItem, SettingsNavGroup, } from './SettingsLayout.types';
+export type { SettingsLayoutProps, SettingsNavGroup, SettingsNavItem, } from './SettingsLayout.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/SettingsLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/SettingsLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,GAChB,MAAM,wBAAwB,CAAC"}

package/dist/blocks/sections/SocialProof/SocialProof.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./SocialProof.module.css.cjs"),w=({filled:t})=>e.jsx("svg",{className:t?s.default.star:s.default.starEmpty,width:"20",height:"20",viewBox:"0 0 24 24",fill:t?"currentColor":"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"})}),N=({eyebrow:t,title:d,description:n,logos:c=[],testimonials:i=[],stats:o=[],layout:l="stacked",logoStyle:g="grid",grayscaleLogos:v=!0,background:p="subtle",compact:S=!1,className:y,...b})=>{const h=c.length>0&&l!=="testimonials-only"&&l!=="stats-only",u=o.length>0&&l!=="testimonials-only"&&l!=="logos-only",f=i.length>0&&l!=="logos-only"&&l!=="stats-only",m=()=>e.jsx("div",{className:s.default.logosSection,children:e.jsx("div",{className:g==="inline"?s.default.logosInline:s.default.logosGrid,children:c.map((a,r)=>{const I=a.href?"a":"div",k=a.href?{href:a.href,target:"_blank",rel:"noopener noreferrer"}:{};return e.jsx(I,{className:s.default.logoItem,"data-grayscale":v,...k,children:e.jsx("img",{src:a.logo,alt:a.name,className:s.default.logoImage})},r)})})}),j=()=>e.jsx("div",{className:s.default.statsSection,children:e.jsx("div",{className:s.default.statsGrid,children:o.map((a,r)=>e.jsxs("div",{className:s.default.statItem,children:[e.jsx("div",{className:s.default.statValue,children:a.value}),e.jsx("div",{className:s.default.statLabel,children:a.label})]},r))})}),x=()=>e.jsx("div",{className:s.default.testimonialsSection,children:e.jsx("div",{className:s.default.testimonialsGrid,children:i.map(a=>e.jsxs("div",{className:s.default.testimonialCard,children:[a.rating!==void 0&&e.jsx("div",{className:s.default.testimonialRating,children:[1,2,3,4,5].map(r=>e.jsx(w,{filled:r<=a.rating},r))}),e.jsx("p",{className:s.default.testimonialQuote,children:a.quote}),e.jsxs("div",{className:s.default.testimonialAuthor,children:[a.avatar&&e.jsx("img",{src:a.avatar,alt:a.author,className:s.default.authorAvatar}),e.jsxs("div",{className:s.default.authorInfo,children:[e.jsx("p",{className:s.default.authorName,children:a.author}),(a.title||a.company)&&e.jsx("p",{className:s.default.authorTitle,children:[a.title,a.company].filter(Boolean).join(", ")})]})]})]},a.id))})}),P=()=>l==="side-by-side"?e.jsxs("div",{className:s.default.sideBySide,children:[e.jsxs("div",{children:[h&&m(),u&&j()]}),e.jsx("div",{children:f&&x()})]}):e.jsxs(e.Fragment,{children:[h&&m(),u&&j(),f&&x()]});return e.jsx("section",{className:`${s.default.socialProof} ${y||""}`,"data-background":p,"data-compact":S,...b,children:e.jsxs("div",{className:s.default.container,children:[(t||d||n)&&e.jsxs("header",{className:s.default.header,children:[t&&e.jsx("span",{className:s.default.eyebrow,children:t}),d&&e.jsx("h2",{className:s.default.title,children:d}),n&&e.jsx("p",{className:s.default.description,children:n})]}),P()]})})};N.displayName="SocialProof";exports.SocialProof=N;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),f=require("react"),e=require("./SocialProof.module.css.cjs"),t=f.forwardRef(({title:u,logos:s,testimonials:c,stats:d,compact:r=!1,className:i,...o},n)=>l.jsx("section",{ref:n,className:`${e.default.section} ${r?e.default.compact:""} ${i||""}`,...o,children:l.jsxs("div",{className:e.default.container,children:[l.jsx("h2",{className:e.default.title,children:u}),s&&s.length>0&&!r&&l.jsx("div",{className:e.default.logos,children:s.map(a=>l.jsx("img",{src:a.logo,alt:a.name,className:e.default.logoImage},a.name))}),d&&d.length>0&&l.jsx("div",{className:e.default.stats,children:d.map(a=>l.jsxs("div",{className:e.default.statItem,children:[l.jsx("p",{className:e.default.statValue,children:a.value}),l.jsx("p",{className:e.default.statLabel,children:a.label})]},a.label))}),c&&c.length>0&&!r&&l.jsx("div",{className:e.default.testimonials,children:c.map(a=>l.jsxs("div",{className:e.default.testimonialCard,children:[l.jsx("p",{className:e.default.quote,children:a.quote}),l.jsxs("div",{className:e.default.testimonialAuthor,children:[l.jsx("p",{className:e.default.authorName,children:a.author}),(a.title||a.company)&&l.jsx("p",{className:e.default.authorTitle,children:[a.title,a.company].filter(Boolean).join(", ")})]})]},a.id))})]})}));t.displayName="SocialProof";exports.SocialProof=t;

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

@@ -1,8 +1,4 @@
-import { default as React } from 'react';
 import { SocialProofProps } from './SocialProof.types';
 
-/**
- * SocialProof section for displaying trust indicators
- */
-export declare const SocialProof: React.FC<SocialProofProps>;
+export declare const SocialProof: import('react').ForwardRefExoticComponent<SocialProofProps & import('react').RefAttributes<HTMLElement>>;
 //# sourceMappingURL=SocialProof.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SocialProof.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/SocialProof/SocialProof.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAoB5D;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyJlD,CAAC"}
+{"version":3,"file":"SocialProof.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/SocialProof/SocialProof.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,eAAO,MAAM,WAAW,0GA6DvB,CAAC"}

package/dist/blocks/sections/SocialProof/SocialProof.mjs

@@ -1,107 +1,41 @@
-import { jsx as a, jsxs as r, Fragment as L } from "react/jsx-runtime";
+"use client";
+import { jsx as l, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
 import e from "./SocialProof.module.css.mjs";
-const P = ({ filled: n }) => /* @__PURE__ */ a(
-  "svg",
-  {
-    className: n ? e.star : e.starEmpty,
-    width: "20",
-    height: "20",
-    viewBox: "0 0 24 24",
-    fill: n ? "currentColor" : "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    children: /* @__PURE__ */ a("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" })
-  }
-), j = ({
-  eyebrow: n,
-  title: i,
-  description: o,
-  logos: t = [],
-  testimonials: d = [],
-  stats: h = [],
-  layout: l = "stacked",
-  logoStyle: u = "grid",
-  grayscaleLogos: S = !0,
-  background: y = "subtle",
-  compact: I = !1,
-  className: b,
-  ...k
-}) => {
-  const m = t.length > 0 && l !== "testimonials-only" && l !== "stats-only", N = h.length > 0 && l !== "testimonials-only" && l !== "logos-only", v = d.length > 0 && l !== "logos-only" && l !== "stats-only", g = () => /* @__PURE__ */ a("div", { className: e.logosSection, children: /* @__PURE__ */ a(
-    "div",
+const t = N(
+  ({ title: m, logos: r, testimonials: s, stats: i, compact: d = !1, className: o, ...n }, h) => /* @__PURE__ */ l(
+    "section",
     {
-      className: u === "inline" ? e.logosInline : e.logosGrid,
-      children: t.map((s, c) => {
-        const x = s.href ? "a" : "div", C = s.href ? { href: s.href, target: "_blank", rel: "noopener noreferrer" } : {};
-        return /* @__PURE__ */ a(
-          x,
+      ref: h,
+      className: `${e.section} ${d ? e.compact : ""} ${o || ""}`,
+      ...n,
+      children: /* @__PURE__ */ c("div", { className: e.container, children: [
+        /* @__PURE__ */ l("h2", { className: e.title, children: m }),
+        r && r.length > 0 && !d && /* @__PURE__ */ l("div", { className: e.logos, children: r.map((a) => /* @__PURE__ */ l(
+          "img",
           {
-            className: e.logoItem,
-            "data-grayscale": S,
-            ...C,
-            children: /* @__PURE__ */ a(
-              "img",
-              {
-                src: s.logo,
-                alt: s.name,
-                className: e.logoImage
-              }
-            )
+            src: a.logo,
+            alt: a.name,
+            className: e.logoImage
           },
-          c
-        );
-      })
-    }
-  ) }), p = () => /* @__PURE__ */ a("div", { className: e.statsSection, children: /* @__PURE__ */ a("div", { className: e.statsGrid, children: h.map((s, c) => /* @__PURE__ */ r("div", { className: e.statItem, children: [
-    /* @__PURE__ */ a("div", { className: e.statValue, children: s.value }),
-    /* @__PURE__ */ a("div", { className: e.statLabel, children: s.label })
-  ] }, c)) }) }), f = () => /* @__PURE__ */ a("div", { className: e.testimonialsSection, children: /* @__PURE__ */ a("div", { className: e.testimonialsGrid, children: d.map((s) => /* @__PURE__ */ r("div", { className: e.testimonialCard, children: [
-    s.rating !== void 0 && /* @__PURE__ */ a("div", { className: e.testimonialRating, children: [1, 2, 3, 4, 5].map((c) => /* @__PURE__ */ a(P, { filled: c <= s.rating }, c)) }),
-    /* @__PURE__ */ a("p", { className: e.testimonialQuote, children: s.quote }),
-    /* @__PURE__ */ r("div", { className: e.testimonialAuthor, children: [
-      s.avatar && /* @__PURE__ */ a(
-        "img",
-        {
-          src: s.avatar,
-          alt: s.author,
-          className: e.authorAvatar
-        }
-      ),
-      /* @__PURE__ */ r("div", { className: e.authorInfo, children: [
-        /* @__PURE__ */ a("p", { className: e.authorName, children: s.author }),
-        (s.title || s.company) && /* @__PURE__ */ a("p", { className: e.authorTitle, children: [s.title, s.company].filter(Boolean).join(", ") })
-      ] })
-    ] })
-  ] }, s.id)) }) }), w = () => l === "side-by-side" ? /* @__PURE__ */ r("div", { className: e.sideBySide, children: [
-    /* @__PURE__ */ r("div", { children: [
-      m && g(),
-      N && p()
-    ] }),
-    /* @__PURE__ */ a("div", { children: v && f() })
-  ] }) : /* @__PURE__ */ r(L, { children: [
-    m && g(),
-    N && p(),
-    v && f()
-  ] });
-  return /* @__PURE__ */ a(
-    "section",
-    {
-      className: `${e.socialProof} ${b || ""}`,
-      "data-background": y,
-      "data-compact": I,
-      ...k,
-      children: /* @__PURE__ */ r("div", { className: e.container, children: [
-        (n || i || o) && /* @__PURE__ */ r("header", { className: e.header, children: [
-          n && /* @__PURE__ */ a("span", { className: e.eyebrow, children: n }),
-          i && /* @__PURE__ */ a("h2", { className: e.title, children: i }),
-          o && /* @__PURE__ */ a("p", { className: e.description, children: o })
-        ] }),
-        w()
+          a.name
+        )) }),
+        i && i.length > 0 && /* @__PURE__ */ l("div", { className: e.stats, children: i.map((a) => /* @__PURE__ */ c("div", { className: e.statItem, children: [
+          /* @__PURE__ */ l("p", { className: e.statValue, children: a.value }),
+          /* @__PURE__ */ l("p", { className: e.statLabel, children: a.label })
+        ] }, a.label)) }),
+        s && s.length > 0 && !d && /* @__PURE__ */ l("div", { className: e.testimonials, children: s.map((a) => /* @__PURE__ */ c("div", { className: e.testimonialCard, children: [
+          /* @__PURE__ */ l("p", { className: e.quote, children: a.quote }),
+          /* @__PURE__ */ c("div", { className: e.testimonialAuthor, children: [
+            /* @__PURE__ */ l("p", { className: e.authorName, children: a.author }),
+            (a.title || a.company) && /* @__PURE__ */ l("p", { className: e.authorTitle, children: [a.title, a.company].filter(Boolean).join(", ") })
+          ] })
+        ] }, a.id)) })
       ] })
     }
-  );
-};
-j.displayName = "SocialProof";
+  )
+);
+t.displayName = "SocialProof";
 export {
-  j as SocialProof
+  t as SocialProof
 };

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

@@ -1 +1 @@
-._socialProof_mffl1_5{padding:var(--spacing-16) var(--spacing-4)}._socialProof_mffl1_5[data-compact=true]{padding:var(--spacing-12) var(--spacing-4)}._socialProof_mffl1_5[data-background=base]{background:var(--surface-base)}._socialProof_mffl1_5[data-background=subtle]{background:var(--surface-subtle)}._socialProof_mffl1_5[data-background=none]{background:transparent}._container_mffl1_25{max-width:var(--container-width, 1200px);margin:0 auto}._header_mffl1_30{text-align:center;margin-bottom:var(--spacing-12)}._eyebrow_mffl1_35{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-brand);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2)}._title_mffl1_45{font-family:var(--font-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0;line-height:1.2}._description_mffl1_54{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:640px;margin:0 auto}._sideBySide_mffl1_62{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center}._logosSection_mffl1_70{margin-bottom:var(--spacing-12)}._logosGrid_mffl1_74{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-8);align-items:center;justify-items:center}._logosInline_mffl1_82{display:flex;flex-wrap:wrap;gap:var(--spacing-8);align-items:center;justify-content:center}._logoItem_mffl1_90{display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}._logoItem_mffl1_90[data-grayscale=true] img{filter:grayscale(100%);opacity:.6}._logoItem_mffl1_90[data-grayscale=true]:hover img{filter:grayscale(0%);opacity:1}._logoImage_mffl1_107{max-width:120px;max-height:48px;object-fit:contain}._statsSection_mffl1_114{margin-bottom:var(--spacing-12)}._statsGrid_mffl1_118{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-8);text-align:center}._statItem_mffl1_125{padding:var(--spacing-6)}._statValue_mffl1_129{font-family:var(--font-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-brand);margin-bottom:var(--spacing-2)}._statLabel_mffl1_137{font-size:var(--font-size-base);color:var(--text-secondary)}._testimonialsSection_mffl1_143{margin-bottom:0}._testimonialsGrid_mffl1_147{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6)}._testimonialCard_mffl1_153{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-container);padding:var(--spacing-6)}._testimonialRating_mffl1_160{display:flex;gap:var(--spacing-1);margin-bottom:var(--spacing-4)}._star_mffl1_166{color:var(--color-warning)}._starEmpty_mffl1_170{color:var(--text-tertiary);opacity:.3}._testimonialQuote_mffl1_175{font-size:var(--font-size-base);color:var(--text-primary);line-height:1.6;margin:0 0 var(--spacing-6) 0;font-style:italic}._testimonialQuote_mffl1_175:before{content:'"'}._testimonialQuote_mffl1_175:after{content:'"'}._testimonialAuthor_mffl1_191{display:flex;align-items:center;gap:var(--spacing-3)}._authorAvatar_mffl1_197{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--surface-subtle)}._authorInfo_mffl1_205{flex:1}._authorName_mffl1_209{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}._authorTitle_mffl1_216{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}@media(max-width:768px){._socialProof_mffl1_5{padding:var(--spacing-12) var(--spacing-4)}._title_mffl1_45{font-size:var(--font-size-3xl)}._sideBySide_mffl1_62{grid-template-columns:1fr;gap:var(--spacing-8)}._statsGrid_mffl1_118{grid-template-columns:repeat(2,1fr)}._statValue_mffl1_129{font-size:var(--font-size-3xl)}._testimonialsGrid_mffl1_147{grid-template-columns:1fr}}
+._section_s2q3u_1{padding:var(--spacing-16) var(--spacing-8);background:var(--surface-base);color:var(--text-primary)}._container_s2q3u_7{max-width:1200px;margin:0 auto}._title_s2q3u_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}._logos_s2q3u_21{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-8);margin-bottom:var(--spacing-12)}._logoImage_s2q3u_30{height:32px;object-fit:contain;opacity:.5;transition:opacity .2s ease}._logoImage_s2q3u_30:hover{opacity:.8}._stats_s2q3u_41{display:flex;justify-content:center;gap:var(--spacing-12);margin-bottom:var(--spacing-12)}._statItem_s2q3u_48{text-align:center}._statValue_s2q3u_52{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-brand);margin:0}._statLabel_s2q3u_60{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--spacing-1) 0 0 0}._testimonials_s2q3u_67{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6)}._testimonialCard_s2q3u_73{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-container);padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}._quote_s2q3u_83{font-family:var(--font-secondary);font-size:var(--font-size-md);color:var(--text-primary);line-height:1.6;margin:0;font-style:italic}._quote_s2q3u_83:before{content:"“"}._quote_s2q3u_83:after{content:"”"}._testimonialAuthor_s2q3u_100{display:flex;flex-direction:column;gap:var(--spacing-1);margin-top:auto}._authorName_s2q3u_107{font-family:var(--font-secondary);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0}._authorTitle_s2q3u_115{font-family:var(--font-secondary);font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0}._compact_s2q3u_122 ._stats_s2q3u_41{margin-bottom:0}

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_socialProof_mffl1_5",o="_container_mffl1_25",s="_header_mffl1_30",e="_eyebrow_mffl1_35",a="_title_mffl1_45",i="_description_mffl1_54",l="_sideBySide_mffl1_62",n="_logosSection_mffl1_70",_="_logosGrid_mffl1_74",m="_logosInline_mffl1_82",r="_logoItem_mffl1_90",f="_logoImage_mffl1_107",c="_statsSection_mffl1_114",d="_statsGrid_mffl1_118",u="_statItem_mffl1_125",g="_statValue_mffl1_129",h="_statLabel_mffl1_137",I="_testimonialsSection_mffl1_143",S="_testimonialsGrid_mffl1_147",y="_testimonialCard_mffl1_153",G="_testimonialRating_mffl1_160",b="_star_mffl1_166",p="_starEmpty_mffl1_170",A="_testimonialQuote_mffl1_175",v="_testimonialAuthor_mffl1_191",P="_authorAvatar_mffl1_197",T="_authorInfo_mffl1_205",w="_authorName_mffl1_209",B="_authorTitle_mffl1_216",C={socialProof:t,container:o,header:s,eyebrow:e,title:a,description:i,sideBySide:l,logosSection:n,logosGrid:_,logosInline:m,logoItem:r,logoImage:f,statsSection:c,statsGrid:d,statItem:u,statValue:g,statLabel:h,testimonialsSection:I,testimonialsGrid:S,testimonialCard:y,testimonialRating:G,star:b,starEmpty:p,testimonialQuote:A,testimonialAuthor:v,authorAvatar:P,authorInfo:T,authorName:w,authorTitle:B};exports.authorAvatar=P;exports.authorInfo=T;exports.authorName=w;exports.authorTitle=B;exports.container=o;exports.default=C;exports.description=i;exports.eyebrow=e;exports.header=s;exports.logoImage=f;exports.logoItem=r;exports.logosGrid=_;exports.logosInline=m;exports.logosSection=n;exports.sideBySide=l;exports.socialProof=t;exports.star=b;exports.starEmpty=p;exports.statItem=u;exports.statLabel=h;exports.statValue=g;exports.statsGrid=d;exports.statsSection=c;exports.testimonialAuthor=v;exports.testimonialCard=y;exports.testimonialQuote=A;exports.testimonialRating=G;exports.testimonialsGrid=S;exports.testimonialsSection=I;exports.title=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_section_s2q3u_1",s="_container_s2q3u_7",o="_title_s2q3u_12",a="_logos_s2q3u_21",e="_logoImage_s2q3u_30",_="_stats_s2q3u_41",i="_statItem_s2q3u_48",l="_statValue_s2q3u_52",n="_statLabel_s2q3u_60",u="_testimonials_s2q3u_67",c="_testimonialCard_s2q3u_73",m="_quote_s2q3u_83",r="_testimonialAuthor_s2q3u_100",q="_authorName_s2q3u_107",g="_authorTitle_s2q3u_115",h="_compact_s2q3u_122",d={section:t,container:s,title:o,logos:a,logoImage:e,stats:_,statItem:i,statValue:l,statLabel:n,testimonials:u,testimonialCard:c,quote:m,testimonialAuthor:r,authorName:q,authorTitle:g,compact:h};exports.authorName=q;exports.authorTitle=g;exports.compact=h;exports.container=s;exports.default=d;exports.logoImage=e;exports.logos=a;exports.quote=m;exports.section=t;exports.statItem=i;exports.statLabel=n;exports.statValue=l;exports.stats=_;exports.testimonialAuthor=r;exports.testimonialCard=c;exports.testimonials=u;exports.title=o;

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

@@ -1,63 +1,37 @@
-const t = "_socialProof_mffl1_5", o = "_container_mffl1_25", s = "_header_mffl1_30", _ = "_eyebrow_mffl1_35", a = "_title_mffl1_45", e = "_description_mffl1_54", i = "_sideBySide_mffl1_62", l = "_logosSection_mffl1_70", n = "_logosGrid_mffl1_74", f = "_logosInline_mffl1_82", m = "_logoItem_mffl1_90", r = "_logoImage_mffl1_107", c = "_statsSection_mffl1_114", d = "_statsGrid_mffl1_118", u = "_statItem_mffl1_125", g = "_statValue_mffl1_129", h = "_statLabel_mffl1_137", I = "_testimonialsSection_mffl1_143", S = "_testimonialsGrid_mffl1_147", y = "_testimonialCard_mffl1_153", G = "_testimonialRating_mffl1_160", p = "_star_mffl1_166", b = "_starEmpty_mffl1_170", A = "_testimonialQuote_mffl1_175", v = "_testimonialAuthor_mffl1_191", w = "_authorAvatar_mffl1_197", B = "_authorInfo_mffl1_205", C = "_authorName_mffl1_209", E = "_authorTitle_mffl1_216", L = {
-  socialProof: t,
-  container: o,
-  header: s,
-  eyebrow: _,
-  title: a,
-  description: e,
-  sideBySide: i,
-  logosSection: l,
-  logosGrid: n,
-  logosInline: f,
-  logoItem: m,
-  logoImage: r,
-  statsSection: c,
-  statsGrid: d,
-  statItem: u,
-  statValue: g,
-  statLabel: h,
-  testimonialsSection: I,
-  testimonialsGrid: S,
-  testimonialCard: y,
-  testimonialRating: G,
-  star: p,
-  starEmpty: b,
-  testimonialQuote: A,
-  testimonialAuthor: v,
-  authorAvatar: w,
-  authorInfo: B,
-  authorName: C,
-  authorTitle: E
+const t = "_section_s2q3u_1", s = "_container_s2q3u_7", o = "_title_s2q3u_12", a = "_logos_s2q3u_21", _ = "_logoImage_s2q3u_30", e = "_stats_s2q3u_41", n = "_statItem_s2q3u_48", u = "_statValue_s2q3u_52", i = "_statLabel_s2q3u_60", c = "_testimonials_s2q3u_67", l = "_testimonialCard_s2q3u_73", m = "_quote_s2q3u_83", q = "_testimonialAuthor_s2q3u_100", r = "_authorName_s2q3u_107", g = "_authorTitle_s2q3u_115", h = "_compact_s2q3u_122", I = {
+  section: t,
+  container: s,
+  title: o,
+  logos: a,
+  logoImage: _,
+  stats: e,
+  statItem: n,
+  statValue: u,
+  statLabel: i,
+  testimonials: c,
+  testimonialCard: l,
+  quote: m,
+  testimonialAuthor: q,
+  authorName: r,
+  authorTitle: g,
+  compact: h
 };
 export {
-  w as authorAvatar,
-  B as authorInfo,
-  C as authorName,
-  E as authorTitle,
-  o as container,
-  L as default,
-  e as description,
-  _ as eyebrow,
-  s as header,
-  r as logoImage,
-  m as logoItem,
-  n as logosGrid,
-  f as logosInline,
-  l as logosSection,
-  i as sideBySide,
-  t as socialProof,
-  p as star,
-  b as starEmpty,
-  u as statItem,
-  h as statLabel,
-  g as statValue,
-  d as statsGrid,
-  c as statsSection,
-  v as testimonialAuthor,
-  y as testimonialCard,
-  A as testimonialQuote,
-  G as testimonialRating,
-  S as testimonialsGrid,
-  I as testimonialsSection,
-  a as title
+  r as authorName,
+  g as authorTitle,
+  h as compact,
+  s as container,
+  I as default,
+  _ as logoImage,
+  a as logos,
+  m as quote,
+  t as section,
+  n as statItem,
+  i as statLabel,
+  u as statValue,
+  e as stats,
+  q as testimonialAuthor,
+  l as testimonialCard,
+  c as testimonials,
+  o as title
 };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SocialProof.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/SocialProof/SocialProof.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAK0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAwBnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC"}

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

@@ -1,138 +1,32 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes } 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
-     */
+export interface SocialProofProps extends HTMLAttributes<HTMLElement> {
+    /** Section heading */
+    title: string;
+    /** Company logos */
     logos?: SocialProofLogo[];
-    /**
-     * Customer testimonials
-     */
+    /** Testimonial quotes */
     testimonials?: SocialProofTestimonial[];
-    /**
-     * Stats/metrics
-     */
+    /** 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 mode (stats only) */
     compact?: boolean;
+    /** Additional class name */
+    className?: string;
 }
 //# sourceMappingURL=SocialProof.types.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"SocialProof.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/SocialProof/SocialProof.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,yBAAyB;IACzB,YAAY,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACxC,oBAAoB;IACpB,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("./Stats.module.css.cjs"),l=({stat:e})=>a.jsxs("div",{className:t.default.statItem,children:[e.icon&&a.jsx("div",{className:t.default.statIcon,children:e.icon}),a.jsx("p",{className:t.default.statValue,children:e.value}),a.jsx("p",{className:t.default.statLabel,children:e.label}),e.trend&&a.jsx("p",{className:`${t.default.statTrend} ${e.trend.positive?t.default.trendPositive:t.default.trendNegative}`,children:e.trend.value})]});l.displayName="StatItemCard";exports.StatItemCard=l;