@orion-ds/react 4.4.0 → 4.6.0

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

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

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

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

package/dist/blocks/sections/AppDownload/AppDownload.mjs

@@ -1,159 +1,109 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import t from "./AppDownload.module.css.mjs";
-const A = () => /* @__PURE__ */ i("svg", { width: "135", height: "40", viewBox: "0 0 135 40", children: [
-  /* @__PURE__ */ e("rect", { width: "135", height: "40", rx: "5", fill: "#000" }),
-  /* @__PURE__ */ e(
-    "text",
-    {
-      x: "67.5",
-      y: "12",
-      fill: "#fff",
-      fontSize: "8",
-      textAnchor: "middle",
-      fontFamily: "system-ui",
-      children: "Download on the"
-    }
-  ),
-  /* @__PURE__ */ e(
-    "text",
-    {
-      x: "67.5",
-      y: "28",
-      fill: "#fff",
-      fontSize: "16",
-      textAnchor: "middle",
-      fontWeight: "600",
-      fontFamily: "system-ui",
-      children: "App Store"
-    }
-  )
-] }), I = () => /* @__PURE__ */ i("svg", { width: "135", height: "40", viewBox: "0 0 135 40", children: [
-  /* @__PURE__ */ e("rect", { width: "135", height: "40", rx: "5", fill: "#000" }),
-  /* @__PURE__ */ e(
-    "text",
-    {
-      x: "67.5",
-      y: "12",
-      fill: "#fff",
-      fontSize: "8",
-      textAnchor: "middle",
-      fontFamily: "system-ui",
-      children: "GET IT ON"
-    }
-  ),
-  /* @__PURE__ */ e(
-    "text",
-    {
-      x: "67.5",
-      y: "28",
-      fill: "#fff",
-      fontSize: "14",
-      textAnchor: "middle",
-      fontWeight: "600",
-      fontFamily: "system-ui",
-      children: "Google Play"
-    }
-  )
-] }), B = () => /* @__PURE__ */ e(
-  "svg",
-  {
-    className: t.star,
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "currentColor",
-    children: /* @__PURE__ */ e("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" })
+"use client";
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as $ } from "react";
+import e from "./AppDownload.module.css.mjs";
+const u = $(
+  ({
+    title: c,
+    description: r,
+    badges: t,
+    appImage: o,
+    features: i,
+    layout: p = "centered",
+    showQrCode: f = !1,
+    qrCode: d,
+    rating: n,
+    compact: v = !1,
+    className: m,
+    ...h
+  }, N) => {
+    if (v)
+      return /* @__PURE__ */ a(
+        "section",
+        {
+          ref: N,
+          className: `${e.section} ${e.compact} ${m || ""}`,
+          ...h,
+          children: /* @__PURE__ */ s("div", { className: e.container, children: [
+            /* @__PURE__ */ s("div", { children: [
+              /* @__PURE__ */ a("h2", { className: e.title, children: c }),
+              r && /* @__PURE__ */ a("p", { className: e.description, children: r })
+            ] }),
+            /* @__PURE__ */ a("div", { className: e.badges, children: t.map((l) => /* @__PURE__ */ s(
+              "a",
+              {
+                href: l.href,
+                className: e.badge,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: [
+                  /* @__PURE__ */ a("span", { className: e.badgeIcon, children: l.store === "apple" ? "" : "▶" }),
+                  l.store === "apple" ? "App Store" : "Google Play"
+                ]
+              },
+              l.store
+            )) })
+          ] })
+        }
+      );
+    const g = p === "split-left" ? e.splitLeft : p === "split-right" ? e.splitRight : e.centered;
+    return /* @__PURE__ */ a(
+      "section",
+      {
+        ref: N,
+        className: `${e.section} ${m || ""}`,
+        ...h,
+        children: /* @__PURE__ */ s("div", { className: `${e.container} ${g}`, children: [
+          /* @__PURE__ */ s("div", { className: e.content, children: [
+            /* @__PURE__ */ s("div", { children: [
+              /* @__PURE__ */ a("h2", { className: e.title, children: c }),
+              r && /* @__PURE__ */ a("p", { className: e.description, children: r })
+            ] }),
+            n && /* @__PURE__ */ s("div", { className: e.rating, children: [
+              /* @__PURE__ */ a("span", { className: e.ratingValue, children: n.value }),
+              /* @__PURE__ */ a("span", { children: n.count })
+            ] }),
+            f && d && /* @__PURE__ */ a(
+              "img",
+              {
+                src: d,
+                alt: "Download QR Code",
+                className: e.qrCode
+              }
+            ),
+            /* @__PURE__ */ a("div", { className: e.badges, children: t.map((l) => /* @__PURE__ */ s(
+              "a",
+              {
+                href: l.href,
+                className: e.badge,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: [
+                  /* @__PURE__ */ a("span", { className: e.badgeIcon, children: l.store === "apple" ? "" : "▶" }),
+                  l.store === "apple" ? "App Store" : "Google Play"
+                ]
+              },
+              l.store
+            )) }),
+            i && i.length > 0 && /* @__PURE__ */ a("div", { className: e.features, children: i.map((l) => /* @__PURE__ */ s("div", { className: e.featureItem, children: [
+              /* @__PURE__ */ a("h3", { className: e.featureTitle, children: l.title }),
+              /* @__PURE__ */ a("p", { className: e.featureDescription, children: l.description })
+            ] }, l.title)) })
+          ] }),
+          o && /* @__PURE__ */ a("div", { className: e.imageWrapper, children: /* @__PURE__ */ a(
+            "img",
+            {
+              src: o,
+              alt: `${c} app preview`,
+              className: e.appImage
+            }
+          ) })
+        ] })
+      }
+    );
   }
-), D = ({ badge: a }) => {
-  const n = () => {
-    switch (a.store) {
-      case "apple":
-        return /* @__PURE__ */ e(A, {});
-      case "google":
-        return /* @__PURE__ */ e(I, {});
-      case "custom":
-        return a.badgeImage ? /* @__PURE__ */ e(
-          "img",
-          {
-            src: a.badgeImage,
-            alt: a.badgeAlt || "Download",
-            className: t.badgeImage
-          }
-        ) : null;
-      default:
-        return null;
-    }
-  };
-  return /* @__PURE__ */ e(
-    "a",
-    {
-      href: a.href,
-      className: t.badge,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      children: n()
-    }
-  );
-}, T = ({
-  eyebrow: a,
-  title: n,
-  description: o,
-  badges: g,
-  appImage: d,
-  qrCode: h,
-  showQrCode: N = !1,
-  features: m = [],
-  layout: s = "centered",
-  background: v = "gradient",
-  rating: r,
-  compact: x = !1,
-  className: u,
-  ...w
-}) => {
-  const y = s === "split-left" || s === "split-right", S = s === "split-left" ? "left" : "right", p = () => /* @__PURE__ */ i("div", { className: t.content, children: [
-    a && /* @__PURE__ */ e("span", { className: t.eyebrow, children: a }),
-    /* @__PURE__ */ e("h2", { className: t.title, children: n }),
-    o && /* @__PURE__ */ e("p", { className: t.description, children: o }),
-    r && /* @__PURE__ */ i("div", { className: t.rating, children: [
-      /* @__PURE__ */ e("div", { className: t.stars, children: [1, 2, 3, 4, 5].map((l) => /* @__PURE__ */ e(B, {}, l)) }),
-      /* @__PURE__ */ i("span", { className: t.ratingText, children: [
-        r.value,
-        " (",
-        r.count,
-        " reviews)"
-      ] })
-    ] }),
-    /* @__PURE__ */ e("div", { className: t.badges, children: g.map((l, c) => /* @__PURE__ */ e(D, { badge: l }, c)) }),
-    N && h && /* @__PURE__ */ i("div", { className: t.qrSection, children: [
-      /* @__PURE__ */ e("img", { src: h, alt: "QR Code", className: t.qrCode }),
-      /* @__PURE__ */ e("span", { className: t.qrText, children: "Scan to download" })
-    ] }),
-    m.length > 0 && /* @__PURE__ */ e("div", { className: t.features, children: m.map((l, c) => /* @__PURE__ */ i("div", { className: t.feature, children: [
-      l.icon && /* @__PURE__ */ e("div", { className: t.featureIcon, children: l.icon }),
-      /* @__PURE__ */ i("div", { children: [
-        /* @__PURE__ */ e("h4", { className: t.featureTitle, children: l.title }),
-        l.description && /* @__PURE__ */ e("p", { className: t.featureDescription, children: l.description })
-      ] })
-    ] }, c)) })
-  ] }), f = () => d ? /* @__PURE__ */ e("div", { className: t.appImageWrapper, children: /* @__PURE__ */ e("img", { src: d, alt: "App preview", className: t.appImage }) }) : null;
-  return /* @__PURE__ */ e(
-    "section",
-    {
-      className: `${t.appDownload} ${u || ""}`,
-      "data-background": v,
-      "data-compact": x,
-      ...w,
-      children: /* @__PURE__ */ e("div", { className: t.container, children: y ? /* @__PURE__ */ i("div", { className: t.split, "data-image-position": S, children: [
-        p(),
-        f()
-      ] }) : /* @__PURE__ */ i("div", { className: t.centered, children: [
-        p(),
-        f()
-      ] }) })
-    }
-  );
-};
-T.displayName = "AppDownload";
+);
+u.displayName = "AppDownload";
 export {
-  T as AppDownload
+  u as AppDownload
 };

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

@@ -1 +1 @@
-._appDownload_aojk2_5{padding:var(--spacing-16) var(--spacing-4);overflow:hidden}._appDownload_aojk2_5[data-compact=true]{padding:var(--spacing-12) var(--spacing-4)}._appDownload_aojk2_5[data-background=base]{background:var(--surface-base)}._appDownload_aojk2_5[data-background=subtle]{background:var(--surface-subtle)}._appDownload_aojk2_5[data-background=gradient]{background:linear-gradient(135deg,var(--interactive-primary),var(--interactive-primary-hover));color:var(--interactive-primary-text)}._appDownload_aojk2_5[data-background=dark]{background:var(--surface-inverse);color:var(--text-inverse)}._container_aojk2_36{max-width:var(--container-width, 1200px);margin:0 auto}._centered_aojk2_42{text-align:center}._centered_aojk2_42 ._content_aojk2_46{max-width:640px;margin:0 auto}._split_aojk2_52{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center}._split_aojk2_52[data-image-position=left]{direction:rtl}._split_aojk2_52[data-image-position=left]>*{direction:ltr}._eyebrow_aojk2_68{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-3);padding:var(--spacing-1) var(--spacing-3);background:var(--overlay-light);border-radius:var(--radius-full)}._appDownload_aojk2_5[data-background=base] ._eyebrow_aojk2_68,._appDownload_aojk2_5[data-background=subtle] ._eyebrow_aojk2_68{background:var(--interactive-primary);color:var(--interactive-primary-text)}._title_aojk2_86{font-family:var(--font-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-4) 0;line-height:1.2}._appDownload_aojk2_5[data-background=base] ._title_aojk2_86,._appDownload_aojk2_5[data-background=subtle] ._title_aojk2_86{color:var(--text-primary)}._description_aojk2_99{font-size:var(--font-size-lg);opacity:.9;margin:0 0 var(--spacing-6) 0;line-height:1.6}._appDownload_aojk2_5[data-background=base] ._description_aojk2_99,._appDownload_aojk2_5[data-background=subtle] ._description_aojk2_99{color:var(--text-secondary)}._rating_aojk2_112{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}._centered_aojk2_42 ._rating_aojk2_112{justify-content:center}._stars_aojk2_123{display:flex;gap:var(--spacing-1)}._star_aojk2_123{color:var(--color-warning)}._ratingText_aojk2_132{font-size:var(--font-size-sm);opacity:.9}._badges_aojk2_138{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}._centered_aojk2_42 ._badges_aojk2_138{justify-content:center}._badge_aojk2_138{display:block;transition:transform .2s ease}._badge_aojk2_138:hover{transform:scale(1.05)}._badgeImage_aojk2_158{height:48px;width:auto}._qrSection_aojk2_164{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--overlay-light-subtle);border-radius:var(--radius-container);margin-bottom:var(--spacing-8)}._appDownload_aojk2_5[data-background=base] ._qrSection_aojk2_164,._appDownload_aojk2_5[data-background=subtle] ._qrSection_aojk2_164{background:var(--surface-subtle)}._centered_aojk2_42 ._qrSection_aojk2_164{display:inline-flex}._qrCode_aojk2_183{width:80px;height:80px;border-radius:var(--radius-control);background:var(--color-neutral-0);padding:var(--spacing-2)}._qrText_aojk2_191{font-size:var(--font-size-sm);opacity:.9}._features_aojk2_197{display:flex;flex-wrap:wrap;gap:var(--spacing-6)}._centered_aojk2_42 ._features_aojk2_197{justify-content:center}._feature_aojk2_197{display:flex;align-items:flex-start;gap:var(--spacing-3);max-width:200px}._centered_aojk2_42 ._feature_aojk2_197{flex-direction:column;align-items:center;text-align:center}._featureIcon_aojk2_220{width:40px;height:40px;border-radius:50%;background:var(--overlay-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}._appDownload_aojk2_5[data-background=base] ._featureIcon_aojk2_220,._appDownload_aojk2_5[data-background=subtle] ._featureIcon_aojk2_220{background:var(--interactive-primary);color:var(--interactive-primary-text)}._featureTitle_aojk2_237{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0}._appDownload_aojk2_5[data-background=base] ._featureTitle_aojk2_237,._appDownload_aojk2_5[data-background=subtle] ._featureTitle_aojk2_237{color:var(--text-primary)}._featureDescription_aojk2_248{font-size:var(--font-size-sm);opacity:.8;margin:0}._appImageWrapper_aojk2_255{position:relative}._centered_aojk2_42 ._appImageWrapper_aojk2_255{margin-top:var(--spacing-12)}._appImage_aojk2_255{max-width:100%;height:auto;border-radius:var(--radius-container);box-shadow:var(--shadow-lg)}._split_aojk2_52 ._appImage_aojk2_255{max-width:400px;margin:0 auto}@media(max-width:768px){._appDownload_aojk2_5{padding:var(--spacing-12) var(--spacing-4)}._title_aojk2_86{font-size:var(--font-size-3xl)}._split_aojk2_52{grid-template-columns:1fr;gap:var(--spacing-8)}._split_aojk2_52[data-image-position=left]{direction:ltr}._badges_aojk2_138,._features_aojk2_197{justify-content:center}._split_aojk2_52 ._appImage_aojk2_255{max-width:300px}}
+._section_6lr9y_1{padding:var(--spacing-16) var(--spacing-8);background:var(--surface-base);color:var(--text-primary)}._container_6lr9y_7{max-width:1200px;margin:0 auto}._centered_6lr9y_12{text-align:center}._centered_6lr9y_12 ._content_6lr9y_16{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-8)}._splitLeft_6lr9y_23,._splitRight_6lr9y_24{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8);align-items:center}._splitRight_6lr9y_24 ._imageWrapper_6lr9y_31{order:-1}._title_6lr9y_35{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-3) 0}._description_6lr9y_43{font-family:var(--font-secondary);font-size:var(--font-size-md);color:var(--text-secondary);margin:0 0 var(--spacing-6) 0;max-width:600px}._centered_6lr9y_12 ._description_6lr9y_43{margin-left:auto;margin-right:auto}._badges_6lr9y_56{display:flex;gap:var(--spacing-3);flex-wrap:wrap}._centered_6lr9y_12 ._badges_6lr9y_56{justify-content:center}._badge_6lr9y_56{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--interactive-primary);color:var(--interactive-primary-text);border-radius:var(--radius-control);font-family:var(--font-secondary);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;transition:background .15s ease}._badge_6lr9y_56:hover{background:var(--interactive-primary-hover)}._badgeIcon_6lr9y_85{display:flex;align-items:center}._imageWrapper_6lr9y_31{display:flex;justify-content:center}._appImage_6lr9y_95{max-width:280px;width:100%;height:auto;border-radius:var(--radius-container);object-fit:cover}._features_6lr9y_103{display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:var(--spacing-4)}._featureItem_6lr9y_110{display:flex;flex-direction:column;gap:var(--spacing-1)}._featureTitle_6lr9y_116{font-family:var(--font-secondary);font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0}._featureDescription_6lr9y_124{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}._qrCode_6lr9y_131{width:160px;height:160px;border-radius:var(--radius-sm)}._rating_6lr9y_137{display:flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-secondary)}._ratingValue_6lr9y_146{font-weight:700;color:var(--text-primary);font-size:var(--font-size-lg)}._compact_6lr9y_152{padding:var(--spacing-8) var(--spacing-8)}._compact_6lr9y_152 ._container_6lr9y_7{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-6)}._compact_6lr9y_152 ._title_6lr9y_35{font-size:var(--font-size-xl);margin:0}._compact_6lr9y_152 ._description_6lr9y_43{font-size:var(--font-size-sm);margin:0}._compact_6lr9y_152 ._badges_6lr9y_56{flex-shrink:0}

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_appDownload_aojk2_5",t="_container_aojk2_36",a="_centered_aojk2_42",o="_content_aojk2_46",r="_split_aojk2_52",_="_eyebrow_aojk2_68",n="_title_aojk2_86",s="_description_aojk2_99",c="_rating_aojk2_112",i="_stars_aojk2_123",p="_star_aojk2_123",g="_ratingText_aojk2_132",d="_badges_aojk2_138",u="_badge_aojk2_138",j="_badgeImage_aojk2_158",k="_qrSection_aojk2_164",l="_qrCode_aojk2_183",f="_qrText_aojk2_191",b="_features_aojk2_197",I="_feature_aojk2_197",m="_featureIcon_aojk2_220",T="_featureTitle_aojk2_237",q="_featureDescription_aojk2_248",w="_appImageWrapper_aojk2_255",x="_appImage_aojk2_255",D={appDownload:e,container:t,centered:a,content:o,split:r,eyebrow:_,title:n,description:s,rating:c,stars:i,star:p,ratingText:g,badges:d,badge:u,badgeImage:j,qrSection:k,qrCode:l,qrText:f,features:b,feature:I,featureIcon:m,featureTitle:T,featureDescription:q,appImageWrapper:w,appImage:x};exports.appDownload=e;exports.appImage=x;exports.appImageWrapper=w;exports.badge=u;exports.badgeImage=j;exports.badges=d;exports.centered=a;exports.container=t;exports.content=o;exports.default=D;exports.description=s;exports.eyebrow=_;exports.feature=I;exports.featureDescription=q;exports.featureIcon=m;exports.featureTitle=T;exports.features=b;exports.qrCode=l;exports.qrSection=k;exports.qrText=f;exports.rating=c;exports.ratingText=g;exports.split=r;exports.star=p;exports.stars=i;exports.title=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_section_6lr9y_1",t="_container_6lr9y_7",r="_centered_6lr9y_12",a="_content_6lr9y_16",n="_splitLeft_6lr9y_23",_="_splitRight_6lr9y_24",c="_imageWrapper_6lr9y_31",i="_title_6lr9y_35",o="_description_6lr9y_43",s="_badges_6lr9y_56",l="_badge_6lr9y_56",p="_badgeIcon_6lr9y_85",g="_appImage_6lr9y_95",d="_features_6lr9y_103",u="_featureItem_6lr9y_110",y="_featureTitle_6lr9y_116",f="_featureDescription_6lr9y_124",m="_qrCode_6lr9y_131",b="_rating_6lr9y_137",I="_ratingValue_6lr9y_146",T="_compact_6lr9y_152",h={section:e,container:t,centered:r,content:a,splitLeft:n,splitRight:_,imageWrapper:c,title:i,description:o,badges:s,badge:l,badgeIcon:p,appImage:g,features:d,featureItem:u,featureTitle:y,featureDescription:f,qrCode:m,rating:b,ratingValue:I,compact:T};exports.appImage=g;exports.badge=l;exports.badgeIcon=p;exports.badges=s;exports.centered=r;exports.compact=T;exports.container=t;exports.content=a;exports.default=h;exports.description=o;exports.featureDescription=f;exports.featureItem=u;exports.featureTitle=y;exports.features=d;exports.imageWrapper=c;exports.qrCode=m;exports.rating=b;exports.ratingValue=I;exports.section=e;exports.splitLeft=n;exports.splitRight=_;exports.title=i;

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

@@ -1,55 +1,47 @@
-const e = "_appDownload_aojk2_5", t = "_container_aojk2_36", a = "_centered_aojk2_42", o = "_content_aojk2_46", _ = "_split_aojk2_52", n = "_eyebrow_aojk2_68", r = "_title_aojk2_86", s = "_description_aojk2_99", c = "_rating_aojk2_112", p = "_stars_aojk2_123", i = "_star_aojk2_123", j = "_ratingText_aojk2_132", k = "_badges_aojk2_138", g = "_badge_aojk2_138", d = "_badgeImage_aojk2_158", f = "_qrSection_aojk2_164", u = "_qrCode_aojk2_183", l = "_qrText_aojk2_191", b = "_features_aojk2_197", I = "_feature_aojk2_197", m = "_featureIcon_aojk2_220", q = "_featureTitle_aojk2_237", T = "_featureDescription_aojk2_248", x = "_appImageWrapper_aojk2_255", w = "_appImage_aojk2_255", D = {
-  appDownload: e,
-  container: t,
-  centered: a,
-  content: o,
-  split: _,
-  eyebrow: n,
-  title: r,
+const t = "_section_6lr9y_1", e = "_container_6lr9y_7", _ = "_centered_6lr9y_12", r = "_content_6lr9y_16", n = "_splitLeft_6lr9y_23", a = "_splitRight_6lr9y_24", c = "_imageWrapper_6lr9y_31", o = "_title_6lr9y_35", s = "_description_6lr9y_43", i = "_badges_6lr9y_56", l = "_badge_6lr9y_56", p = "_badgeIcon_6lr9y_85", g = "_appImage_6lr9y_95", y = "_features_6lr9y_103", d = "_featureItem_6lr9y_110", f = "_featureTitle_6lr9y_116", u = "_featureDescription_6lr9y_124", m = "_qrCode_6lr9y_131", b = "_rating_6lr9y_137", I = "_ratingValue_6lr9y_146", h = "_compact_6lr9y_152", q = {
+  section: t,
+  container: e,
+  centered: _,
+  content: r,
+  splitLeft: n,
+  splitRight: a,
+  imageWrapper: c,
+  title: o,
   description: s,
-  rating: c,
-  stars: p,
-  star: i,
-  ratingText: j,
-  badges: k,
-  badge: g,
-  badgeImage: d,
-  qrSection: f,
-  qrCode: u,
-  qrText: l,
-  features: b,
-  feature: I,
-  featureIcon: m,
-  featureTitle: q,
-  featureDescription: T,
-  appImageWrapper: x,
-  appImage: w
+  badges: i,
+  badge: l,
+  badgeIcon: p,
+  appImage: g,
+  features: y,
+  featureItem: d,
+  featureTitle: f,
+  featureDescription: u,
+  qrCode: m,
+  rating: b,
+  ratingValue: I,
+  compact: h
 };
 export {
-  e as appDownload,
-  w as appImage,
-  x as appImageWrapper,
-  g as badge,
-  d as badgeImage,
-  k as badges,
-  a as centered,
-  t as container,
-  o as content,
-  D as default,
+  g as appImage,
+  l as badge,
+  p as badgeIcon,
+  i as badges,
+  _ as centered,
+  h as compact,
+  e as container,
+  r as content,
+  q as default,
   s as description,
-  n as eyebrow,
-  I as feature,
-  T as featureDescription,
-  m as featureIcon,
-  q as featureTitle,
-  b as features,
-  u as qrCode,
-  f as qrSection,
-  l as qrText,
-  c as rating,
-  j as ratingText,
-  _ as split,
-  i as star,
-  p as stars,
-  r as title
+  u as featureDescription,
+  d as featureItem,
+  f as featureTitle,
+  y as features,
+  c as imageWrapper,
+  m as qrCode,
+  b as rating,
+  I as ratingValue,
+  t as section,
+  n as splitLeft,
+  a as splitRight,
+  o as title
 };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppDownload.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/AppDownload/AppDownload.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAO0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4BnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAoCzB,CAAC"}

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

@@ -1,114 +1,40 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes } from 'react';
 
-/**
- * App store badge item
- */
+export type AppDownloadLayout = "centered" | "split-left" | "split-right";
 export interface AppStoreBadge {
-    /**
-     * Store type
-     */
-    store: "apple" | "google" | "huawei" | "custom";
-    /**
-     * Download URL
-     */
+    store: "apple" | "google";
     href: string;
-    /**
-     * Custom badge image (for 'custom' store)
-     */
-    badgeImage?: string;
-    /**
-     * Custom badge alt text
-     */
-    badgeAlt?: string;
 }
-/**
- * App feature item
- */
 export interface AppFeature {
-    /**
-     * Feature icon
-     */
-    icon?: ReactNode;
-    /**
-     * Feature title
-     */
     title: string;
-    /**
-     * Feature description
-     */
-    description?: string;
+    description: string;
+}
+export interface AppRating {
+    value: number;
+    count: string;
 }
-/**
- * AppDownload section props
- *
- * @example
- * ```tsx
- * <AppDownload
- *   title="Download Our App"
- *   description="Available on iOS and Android"
- *   badges={[
- *     { store: 'apple', href: 'https://apps.apple.com/...' },
- *     { store: 'google', href: 'https://play.google.com/...' },
- *   ]}
- *   appImage="/app-preview.png"
- * />
- * ```
- */
-export interface AppDownloadProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
-    /**
-     * Optional eyebrow text
-     */
-    eyebrow?: ReactNode;
-    /**
-     * Section title
-     */
-    title: ReactNode;
-    /**
-     * Section description
-     */
-    description?: ReactNode;
-    /**
-     * App store badges
-     */
+export interface AppDownloadProps extends HTMLAttributes<HTMLElement> {
+    /** Section heading */
+    title: string;
+    /** Section description */
+    description?: string;
+    /** Store badges to display */
     badges: AppStoreBadge[];
-    /**
-     * App preview image/screenshot
-     */
+    /** App screenshot/preview image URL */
     appImage?: string;
-    /**
-     * QR code image for direct download
-     */
-    qrCode?: string;
-    /**
-     * Show QR code
-     * @default false
-     */
-    showQrCode?: boolean;
-    /**
-     * App features list
-     */
+    /** Feature bullets */
     features?: AppFeature[];
-    /**
-     * Layout variant
-     * @default 'centered'
-     */
-    layout?: "centered" | "split-left" | "split-right";
-    /**
-     * Background style
-     * @default 'gradient'
-     */
-    background?: "base" | "subtle" | "gradient" | "dark";
-    /**
-     * App rating
-     */
-    rating?: {
-        value: number;
-        count: string;
-    };
-    /**
-     * Compact mode
-     * @default false
-     */
+    /** Layout variant */
+    layout?: AppDownloadLayout;
+    /** Show QR code for download */
+    showQrCode?: boolean;
+    /** QR code image URL */
+    qrCode?: string;
+    /** App rating display */
+    rating?: AppRating;
+    /** Compact mode */
     compact?: boolean;
+    /** Additional class name */
+    className?: string;
 }
 //# sourceMappingURL=AppDownload.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppDownload.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/AppDownload/AppDownload.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAEhD;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;;;GAeG;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,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,MAAM,EAAE,aAAa,EAAE,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC;IAEnD;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAErD;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IAEF;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"AppDownload.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/AppDownload/AppDownload.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC;AAE1E,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,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,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8BAA8B;IAC9B,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC;IACxB,qBAAqB;IACrB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,gCAAgC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,mBAAmB;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -1,3 +1,3 @@
 export { AppDownload } from './AppDownload';
-export type { AppDownloadProps, AppStoreBadge, AppFeature, } from './AppDownload.types';
+export type { AppDownloadProps, AppStoreBadge, AppFeature, AppRating, AppDownloadLayout, } from './AppDownload.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/AppDownload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,UAAU,GACX,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/AppDownload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,SAAS,EACT,iBAAiB,GAClB,MAAM,qBAAqB,CAAC"}

package/dist/blocks/sections/Blog/Blog.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./Blog.module.css.cjs"),g=require("../../../components/Badge/Badge.cjs"),h=({article:a,showAuthor:d=!0,showDate:l=!0,showCategory:r=!0,showReadTime:t=!0,featured:c=!1})=>e.jsxs("article",{className:`${s.default.article} ${c?s.default.featuredMain:""}`,children:[a.image&&e.jsx("img",{src:a.image,alt:a.title,className:s.default.articleImage}),e.jsxs("div",{className:s.default.articleContent,children:[e.jsxs("div",{className:s.default.articleMeta,children:[r&&a.category&&e.jsx(g.Badge,{variant:"primary",size:"sm",children:a.category}),t&&a.readTime&&e.jsxs("span",{className:s.default.readTime,children:[a.readTime," min read"]})]}),e.jsx("h3",{className:s.default.articleTitle,children:a.href?e.jsx("a",{href:a.href,children:a.title}):a.title}),e.jsx("p",{className:s.default.excerpt,children:a.excerpt}),a.tags&&a.tags.length>0&&e.jsx("div",{className:s.default.tags,children:a.tags.map((n,u)=>e.jsx(g.Badge,{variant:"secondary",size:"sm",children:n},u))}),d&&a.author&&e.jsxs("div",{className:s.default.author,children:[a.author.avatar&&e.jsx("img",{src:a.author.avatar,alt:a.author.name,className:s.default.authorAvatar}),e.jsxs("div",{className:s.default.authorInfo,children:[e.jsx("span",{className:s.default.authorName,children:a.author.name}),l&&a.date&&e.jsx("span",{className:s.default.date,children:a.date})]})]})]})]}),N=({eyebrow:a,title:d,description:l,articles:r,layout:t="grid",columns:c=3,showAuthor:n=!0,showDate:u=!0,showCategory:m=!0,showReadTime:f=!0,background:o="base",viewAllHref:x,viewAllText:v="View all articles",className:p,...B})=>{const b=()=>{if(t==="featured"&&r.length>0){const[i,...$]=r;return i?e.jsxs("div",{className:s.default.featured,children:[e.jsx(h,{article:i,showAuthor:n,showDate:u,showCategory:m,showReadTime:f,featured:!0}),$.slice(0,2).map(j=>e.jsx(h,{article:j,showAuthor:n,showDate:u,showCategory:m,showReadTime:f},j.id))]}):null}const A=t==="list"?s.default.list:s.default.grid;return e.jsx("div",{className:A,"data-columns":t==="grid"?c:void 0,children:r.map(i=>e.jsx(h,{article:i,showAuthor:n,showDate:u,showCategory:m,showReadTime:f},i.id))})};return e.jsx("section",{className:`${s.default.blog} ${p||""}`,"data-background":o,...B,children:e.jsxs("div",{className:s.default.container,children:[(a||d||l)&&e.jsxs("header",{className:s.default.header,children:[a&&e.jsx("span",{className:s.default.eyebrow,children:a}),d&&e.jsx("h2",{className:s.default.title,children:d}),l&&e.jsx("p",{className:s.default.description,children:l})]}),b(),x&&e.jsx("div",{className:s.default.viewAll,children:e.jsxs("a",{href:x,className:s.default.viewAllLink,children:[v,e.jsx("span",{"aria-hidden":"true",children:"→"})]})})]})})};N.displayName="Blog";exports.Blog=N;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),f=require("react"),e=require("./Blog.module.css.cjs"),x=({article:s,isListLayout:d})=>{const t=a.jsxs("div",{className:d?e.default.cardInner:void 0,children:[s.image&&a.jsx("img",{src:s.image,alt:s.title,className:e.default.cardImage}),a.jsxs("div",{className:e.default.cardBody,children:[a.jsx("h3",{className:e.default.cardTitle,children:s.title}),a.jsx("p",{className:e.default.cardExcerpt,children:s.excerpt}),a.jsxs("div",{className:e.default.cardMeta,children:[s.author&&a.jsxs(a.Fragment,{children:[s.author.avatar&&a.jsx("img",{src:s.author.avatar,alt:s.author.name,className:e.default.authorAvatar}),a.jsx("span",{className:e.default.authorName,children:s.author.name})]}),s.date&&a.jsxs(a.Fragment,{children:[s.author&&a.jsx("span",{className:e.default.metaSeparator,children:"·"}),a.jsx("span",{className:e.default.date,children:s.date})]}),s.readTime&&a.jsxs(a.Fragment,{children:[a.jsx("span",{className:e.default.metaSeparator,children:"·"}),a.jsxs("span",{className:e.default.readTime,children:[s.readTime," min read"]})]})]})]})]});return a.jsx("div",{className:e.default.card,children:t})},n=f.forwardRef(({title:s,description:d,articles:t,layout:i="grid",columns:l=3,className:u,...m},o)=>{const r=i==="grid",h=r?`${e.default.grid} ${l===2?e.default.cols2:l===4?e.default.cols4:e.default.cols3}`:e.default.list;return a.jsx("section",{ref:o,className:`${e.default.section} ${u||""}`,...m,children:a.jsxs("div",{className:e.default.container,children:[a.jsxs("div",{className:e.default.header,children:[a.jsx("h2",{className:e.default.title,children:s}),d&&a.jsx("p",{className:e.default.description,children:d})]}),a.jsx("div",{className:h,children:t.map(c=>a.jsx(x,{article:c,isListLayout:!r},c.id))})]})})});n.displayName="Blog";exports.Blog=n;