@orion-ds/blocks 1.0.0 → 1.1.0

package/dist/index13.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("react"),w=require("./index53.cjs"),r=require("./index54.cjs"),A=require("./index39.cjs"),C=require("./index40.cjs"),f=l.forwardRef(({eyebrow:n,title:c,description:d,items:o,columns:m=1,variant:i="accordion",allowMultiple:u=!0,background:h="base",centered:j=!0,className:g,...p},b)=>{const x=n||c||d,[q,N]=l.useState(()=>{const e=new Set;return o.forEach((t,s)=>{t.defaultOpen&&e.add(s)}),e}),S=l.useCallback(e=>{i==="accordion"&&N(t=>{const s=new Set(t);return s.has(e)?s.delete(e):(u||s.clear(),s.add(e)),s})},[i,u]),v=[r.default.faq,j&&r.default.centered,g].filter(Boolean).join(" ");return a.jsx(A.Section,{ref:b,spacing:"lg",background:h,className:v,...p,children:a.jsxs(C.Container,{size:"lg",children:[x&&a.jsxs("header",{className:r.default.header,children:[n&&a.jsx("div",{className:r.default.eyebrow,children:n}),c&&a.jsx("h2",{className:r.default.title,children:c}),d&&a.jsx("p",{className:r.default.description,children:d})]}),a.jsx("div",{className:`${r.default.list} ${i==="grid"?r.default[`cols-${m}`]:""}`,children:o.map((e,t)=>a.jsx(w.FAQItemCard,{item:e,variant:i,isOpen:i==="accordion"?q.has(t):void 0,onToggle:i==="accordion"?()=>S(t):void 0},e.question||t))})]})})});f.displayName="FAQ";exports.FAQ=f;

package/dist/index13.mjs

@@ -0,0 +1,73 @@
+import { jsx as s, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as A, useState as C, useCallback as k } from "react";
+import { FAQItemCard as x } from "./index53.mjs";
+import r from "./index54.mjs";
+import { Section as y } from "./index39.mjs";
+import { Container as F } from "./index40.mjs";
+const O = A(
+  ({
+    eyebrow: t,
+    title: n,
+    description: c,
+    items: d,
+    columns: p = 1,
+    variant: i = "accordion",
+    allowMultiple: l = !0,
+    background: f = "base",
+    centered: h = !0,
+    className: u,
+    ...g
+  }, N) => {
+    const b = t || n || c, [v, w] = C(() => {
+      const e = /* @__PURE__ */ new Set();
+      return d.forEach((a, o) => {
+        a.defaultOpen && e.add(o);
+      }), e;
+    }), S = k(
+      (e) => {
+        i === "accordion" && w((a) => {
+          const o = new Set(a);
+          return o.has(e) ? o.delete(e) : (l || o.clear(), o.add(e)), o;
+        });
+      },
+      [i, l]
+    ), j = [r.faq, h && r.centered, u].filter(Boolean).join(" ");
+    return /* @__PURE__ */ s(
+      y,
+      {
+        ref: N,
+        spacing: "lg",
+        background: f,
+        className: j,
+        ...g,
+        children: /* @__PURE__ */ m(F, { size: "lg", children: [
+          b && /* @__PURE__ */ m("header", { className: r.header, children: [
+            t && /* @__PURE__ */ s("div", { className: r.eyebrow, children: t }),
+            n && /* @__PURE__ */ s("h2", { className: r.title, children: n }),
+            c && /* @__PURE__ */ s("p", { className: r.description, children: c })
+          ] }),
+          /* @__PURE__ */ s(
+            "div",
+            {
+              className: `${r.list} ${i === "grid" ? r[`cols-${p}`] : ""}`,
+              children: d.map((e, a) => /* @__PURE__ */ s(
+                x,
+                {
+                  item: e,
+                  variant: i,
+                  isOpen: i === "accordion" ? v.has(a) : void 0,
+                  onToggle: i === "accordion" ? () => S(a) : void 0
+                },
+                e.question || a
+              ))
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+O.displayName = "FAQ";
+export {
+  O as FAQ
+};

package/dist/index14.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),g=require("./index55.cjs"),r=require("./index56.cjs"),p=require("./index39.cjs"),q=require("./index40.cjs"),c=b.forwardRef(({eyebrow:t,title:s,description:a,items:n,columns:l=3,background:u="subtle",interactive:d=!0,centered:o=!0,className:f,...m},j)=>{const h=t||s||a,x=[r.default.features,o&&r.default.centered,f].filter(Boolean).join(" ");return e.jsx(p.Section,{ref:j,spacing:"lg",background:u,className:x,...m,children:e.jsxs(q.Container,{size:"xl",children:[h&&e.jsxs("header",{className:r.default.header,children:[t&&e.jsx("div",{className:r.default.eyebrow,children:t}),s&&e.jsx("h2",{className:r.default.title,children:s}),a&&e.jsx("p",{className:r.default.description,children:a})]}),e.jsx("div",{className:`${r.default.grid} ${r.default[`cols-${l}`]}`,children:n.map((i,N)=>e.jsx(g.FeatureCard,{feature:i,interactive:d},i.title||N))})]})})});c.displayName="Features";exports.Features=c;

package/dist/index14.mjs

@@ -0,0 +1,51 @@
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { FeatureCard as v } from "./index55.mjs";
+import e from "./index56.mjs";
+import { Section as $ } from "./index39.mjs";
+import { Container as x } from "./index40.mjs";
+const j = g(
+  ({
+    eyebrow: a,
+    title: i,
+    description: t,
+    items: o,
+    columns: n = 3,
+    background: l = "subtle",
+    interactive: m = !0,
+    centered: d = !0,
+    className: u,
+    ...p
+  }, f) => {
+    const h = a || i || t, N = [e.features, d && e.centered, u].filter(Boolean).join(" ");
+    return /* @__PURE__ */ r(
+      $,
+      {
+        ref: f,
+        spacing: "lg",
+        background: l,
+        className: N,
+        ...p,
+        children: /* @__PURE__ */ c(x, { size: "xl", children: [
+          h && /* @__PURE__ */ c("header", { className: e.header, children: [
+            a && /* @__PURE__ */ r("div", { className: e.eyebrow, children: a }),
+            i && /* @__PURE__ */ r("h2", { className: e.title, children: i }),
+            t && /* @__PURE__ */ r("p", { className: e.description, children: t })
+          ] }),
+          /* @__PURE__ */ r("div", { className: `${e.grid} ${e[`cols-${n}`]}`, children: o.map((s, b) => /* @__PURE__ */ r(
+            v,
+            {
+              feature: s,
+              interactive: m
+            },
+            s.title || b
+          )) })
+        ] })
+      }
+    );
+  }
+);
+j.displayName = "Features";
+export {
+  j as Features
+};

package/dist/index15.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),a=require("./index57.cjs"),N=require("./index39.cjs"),k=require("./index40.cjs"),v=({link:s})=>e.jsx("li",{className:a.default.linkItem,children:e.jsx("a",{href:s.href,className:a.default.link,target:s.external?"_blank":void 0,rel:s.external?"noopener noreferrer":void 0,children:s.label})}),c=b.forwardRef(({brand:s,linkGroups:t,socialLinks:n,newsletter:o,copyright:u,legalLinks:r,variant:d="default",background:f="subtle",className:h,...m},x)=>{const p=new Date().getFullYear(),j=u||`© ${p} ${(s==null?void 0:s.name)||"Company"}. All rights reserved.`,g=[a.default.footer,a.default[`variant-${d}`],h].filter(Boolean).join(" ");return e.jsx(N.Section,{ref:x,as:"footer",spacing:"lg",background:f,borderTop:!0,className:g,...m,children:e.jsxs(k.Container,{size:"xl",children:[e.jsxs("div",{className:a.default.main,children:[s&&e.jsxs("div",{className:a.default.brandColumn,children:[e.jsxs("div",{className:a.default.brandHeader,children:[s.logo&&e.jsx("span",{className:a.default.logo,children:s.logo}),e.jsx("span",{className:a.default.brandName,children:s.name})]}),s.description&&e.jsx("p",{className:a.default.brandDescription,children:s.description}),n&&n.length>0&&d==="default"&&e.jsx("div",{className:a.default.socialLinks,children:n.map(l=>e.jsx("a",{href:l.href,className:a.default.socialLink,target:"_blank",rel:"noopener noreferrer","aria-label":l.label,children:l.icon},l.label))})]}),t&&t.length>0&&e.jsx("div",{className:a.default.linkGroups,children:t.map(l=>e.jsxs("div",{className:a.default.linkGroup,children:[e.jsx("h4",{className:a.default.groupTitle,children:l.title}),e.jsx("ul",{className:a.default.linkList,children:l.links.map(i=>e.jsx(v,{link:i},i.label))})]},l.title))}),o&&e.jsx("div",{className:a.default.newsletter,children:o})]}),e.jsxs("div",{className:a.default.bottom,children:[e.jsx("p",{className:a.default.copyright,children:j}),r&&r.length>0&&e.jsx("nav",{className:a.default.legalLinks,children:r.map((l,i)=>e.jsxs("span",{children:[e.jsx("a",{href:l.href,className:a.default.legalLink,target:l.external?"_blank":void 0,rel:l.external?"noopener noreferrer":void 0,children:l.label}),i<r.length-1&&e.jsx("span",{className:a.default.legalSeparator,children:"·"})]},l.label))}),n&&n.length>0&&d!=="default"&&e.jsx("div",{className:a.default.socialLinks,children:n.map(l=>e.jsx("a",{href:l.href,className:a.default.socialLink,target:"_blank",rel:"noopener noreferrer","aria-label":l.label,children:l.icon},l.label))})]})]})})});c.displayName="Footer";exports.Footer=c;

package/dist/index15.mjs

@@ -0,0 +1,102 @@
+import { jsx as l, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
+import e from "./index57.mjs";
+import { Section as u } from "./index39.mjs";
+import { Container as L } from "./index40.mjs";
+const x = ({ link: r }) => /* @__PURE__ */ l("li", { className: e.linkItem, children: /* @__PURE__ */ l(
+  "a",
+  {
+    href: r.href,
+    className: e.link,
+    target: r.external ? "_blank" : void 0,
+    rel: r.external ? "noopener noreferrer" : void 0,
+    children: r.label
+  }
+) }), _ = v(
+  ({
+    brand: r,
+    linkGroups: c,
+    socialLinks: i,
+    newsletter: d,
+    copyright: m,
+    legalLinks: s,
+    variant: t = "default",
+    background: h = "subtle",
+    className: p,
+    ...f
+  }, g) => {
+    const N = (/* @__PURE__ */ new Date()).getFullYear(), b = m || `© ${N} ${(r == null ? void 0 : r.name) || "Company"}. All rights reserved.`, k = [e.footer, e[`variant-${t}`], p].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l(
+      u,
+      {
+        ref: g,
+        as: "footer",
+        spacing: "lg",
+        background: h,
+        borderTop: !0,
+        className: k,
+        ...f,
+        children: /* @__PURE__ */ n(L, { size: "xl", children: [
+          /* @__PURE__ */ n("div", { className: e.main, children: [
+            r && /* @__PURE__ */ n("div", { className: e.brandColumn, children: [
+              /* @__PURE__ */ n("div", { className: e.brandHeader, children: [
+                r.logo && /* @__PURE__ */ l("span", { className: e.logo, children: r.logo }),
+                /* @__PURE__ */ l("span", { className: e.brandName, children: r.name })
+              ] }),
+              r.description && /* @__PURE__ */ l("p", { className: e.brandDescription, children: r.description }),
+              i && i.length > 0 && t === "default" && /* @__PURE__ */ l("div", { className: e.socialLinks, children: i.map((a) => /* @__PURE__ */ l(
+                "a",
+                {
+                  href: a.href,
+                  className: e.socialLink,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  "aria-label": a.label,
+                  children: a.icon
+                },
+                a.label
+              )) })
+            ] }),
+            c && c.length > 0 && /* @__PURE__ */ l("div", { className: e.linkGroups, children: c.map((a) => /* @__PURE__ */ n("div", { className: e.linkGroup, children: [
+              /* @__PURE__ */ l("h4", { className: e.groupTitle, children: a.title }),
+              /* @__PURE__ */ l("ul", { className: e.linkList, children: a.links.map((o) => /* @__PURE__ */ l(x, { link: o }, o.label)) })
+            ] }, a.title)) }),
+            d && /* @__PURE__ */ l("div", { className: e.newsletter, children: d })
+          ] }),
+          /* @__PURE__ */ n("div", { className: e.bottom, children: [
+            /* @__PURE__ */ l("p", { className: e.copyright, children: b }),
+            s && s.length > 0 && /* @__PURE__ */ l("nav", { className: e.legalLinks, children: s.map((a, o) => /* @__PURE__ */ n("span", { children: [
+              /* @__PURE__ */ l(
+                "a",
+                {
+                  href: a.href,
+                  className: e.legalLink,
+                  target: a.external ? "_blank" : void 0,
+                  rel: a.external ? "noopener noreferrer" : void 0,
+                  children: a.label
+                }
+              ),
+              o < s.length - 1 && /* @__PURE__ */ l("span", { className: e.legalSeparator, children: "·" })
+            ] }, a.label)) }),
+            i && i.length > 0 && t !== "default" && /* @__PURE__ */ l("div", { className: e.socialLinks, children: i.map((a) => /* @__PURE__ */ l(
+              "a",
+              {
+                href: a.href,
+                className: e.socialLink,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                "aria-label": a.label,
+                children: a.icon
+              },
+              a.label
+            )) })
+          ] })
+        ] })
+      }
+    );
+  }
+);
+_.displayName = "Footer";
+export {
+  _ as Footer
+};

package/dist/index16.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("react"),a=require("./index58.cjs"),v=({eyebrow:h,title:f,description:x,images:d,layout:j="grid",columns:k=4,lightbox:r=!0,showCaptions:C=!1,gap:w="md",filterable:g=!1,background:M="base",aspectRatio:E="square",className:I,...P})=>{const[s,c]=n.useState(null),[u,y]=n.useState(null),N=n.useMemo(()=>{if(!g)return[];const e=new Set;return d.forEach(t=>{t.category&&e.add(t.category)}),Array.from(e)},[d,g]),i=n.useMemo(()=>u?d.filter(e=>e.category===u):d,[d,u]),o=s?i.findIndex(e=>e.id===s.id):-1,b=n.useCallback(()=>{if(o>0){const e=i[o-1];e&&c(e)}},[o,i]),p=n.useCallback(()=>{if(o<i.length-1){const e=i[o+1];e&&c(e)}},[o,i]),m=n.useCallback(()=>{c(null)},[]);n.useEffect(()=>{if(!s)return;const e=t=>{t.key==="Escape"&&m(),t.key==="ArrowLeft"&&b(),t.key==="ArrowRight"&&p()};return document.addEventListener("keydown",e),document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",e),document.body.style.overflow=""}},[s,m,b,p]);const S=j==="masonry"?a.default.masonry:a.default.grid;return l.jsxs("section",{className:`${a.default.gallery} ${I||""}`,"data-background":M,...P,children:[l.jsxs("div",{className:a.default.container,children:[(h||f||x)&&l.jsxs("header",{className:a.default.header,children:[h&&l.jsx("span",{className:a.default.eyebrow,children:h}),f&&l.jsx("h2",{className:a.default.title,children:f}),x&&l.jsx("p",{className:a.default.description,children:x})]}),g&&N.length>0&&l.jsxs("div",{className:a.default.filters,children:[l.jsx("button",{className:a.default.filterButton,"data-active":u===null,onClick:()=>y(null),children:"All"}),N.map(e=>l.jsx("button",{className:a.default.filterButton,"data-active":u===e,onClick:()=>y(e),children:e},e))]}),l.jsx("div",{className:S,"data-columns":k,"data-gap":w,children:i.map(e=>l.jsxs("div",{className:a.default.imageItem,"data-lightbox":r,"data-aspect":e.aspectRatio||E,onClick:()=>r&&c(e),role:r?"button":void 0,tabIndex:r?0:void 0,onKeyDown:t=>{r&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),c(e))},children:[l.jsx("img",{src:e.thumbnail||e.src,alt:e.alt,className:a.default.image,loading:"lazy"}),r&&l.jsx("div",{className:a.default.imageOverlay,children:l.jsx("span",{className:a.default.expandIcon,children:l.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:l.jsx("path",{d:"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"})})})}),C&&e.caption&&l.jsx("div",{className:a.default.caption,children:e.caption})]},e.id))})]}),s&&l.jsxs("div",{className:a.default.lightbox,onClick:m,role:"dialog","aria-modal":"true","aria-label":"Image lightbox",children:[l.jsxs("div",{className:a.default.lightboxContent,onClick:e=>e.stopPropagation(),children:[l.jsx("img",{src:s.src,alt:s.alt,className:a.default.lightboxImage}),s.caption&&l.jsx("div",{className:a.default.lightboxCaption,children:s.caption})]}),l.jsx("button",{className:a.default.lightboxClose,onClick:m,"aria-label":"Close lightbox",children:"×"}),o>0&&l.jsx("button",{className:`${a.default.lightboxNav} ${a.default.lightboxPrev}`,onClick:e=>{e.stopPropagation(),b()},"aria-label":"Previous image",children:"‹"}),o<i.length-1&&l.jsx("button",{className:`${a.default.lightboxNav} ${a.default.lightboxNext}`,onClick:e=>{e.stopPropagation(),p()},"aria-label":"Next image",children:"›"})]})]})};v.displayName="Gallery";exports.Gallery=v;

package/dist/index16.mjs

@@ -0,0 +1,191 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { useState as k, useMemo as C, useCallback as v, useEffect as R } from "react";
+import a from "./index58.mjs";
+const S = ({
+  eyebrow: g,
+  title: u,
+  description: b,
+  images: c,
+  layout: w = "grid",
+  columns: $ = 4,
+  lightbox: s = !0,
+  showCaptions: E = !1,
+  gap: I = "md",
+  filterable: p = !1,
+  background: M = "base",
+  aspectRatio: P = "square",
+  className: A,
+  ...B
+}) => {
+  const [o, d] = k(null), [m, x] = k(null), f = C(() => {
+    if (!p) return [];
+    const e = /* @__PURE__ */ new Set();
+    return c.forEach((l) => {
+      l.category && e.add(l.category);
+    }), Array.from(e);
+  }, [c, p]), i = C(() => m ? c.filter((e) => e.category === m) : c, [c, m]), n = o ? i.findIndex((e) => e.id === o.id) : -1, N = v(() => {
+    if (n > 0) {
+      const e = i[n - 1];
+      e && d(e);
+    }
+  }, [n, i]), y = v(() => {
+    if (n < i.length - 1) {
+      const e = i[n + 1];
+      e && d(e);
+    }
+  }, [n, i]), h = v(() => {
+    d(null);
+  }, []);
+  R(() => {
+    if (!o) return;
+    const e = (l) => {
+      l.key === "Escape" && h(), l.key === "ArrowLeft" && N(), l.key === "ArrowRight" && y();
+    };
+    return document.addEventListener("keydown", e), document.body.style.overflow = "hidden", () => {
+      document.removeEventListener("keydown", e), document.body.style.overflow = "";
+    };
+  }, [o, h, N, y]);
+  const L = w === "masonry" ? a.masonry : a.grid;
+  return /* @__PURE__ */ r(
+    "section",
+    {
+      className: `${a.gallery} ${A || ""}`,
+      "data-background": M,
+      ...B,
+      children: [
+        /* @__PURE__ */ r("div", { className: a.container, children: [
+          (g || u || b) && /* @__PURE__ */ r("header", { className: a.header, children: [
+            g && /* @__PURE__ */ t("span", { className: a.eyebrow, children: g }),
+            u && /* @__PURE__ */ t("h2", { className: a.title, children: u }),
+            b && /* @__PURE__ */ t("p", { className: a.description, children: b })
+          ] }),
+          p && f.length > 0 && /* @__PURE__ */ r("div", { className: a.filters, children: [
+            /* @__PURE__ */ t(
+              "button",
+              {
+                className: a.filterButton,
+                "data-active": m === null,
+                onClick: () => x(null),
+                children: "All"
+              }
+            ),
+            f.map((e) => /* @__PURE__ */ t(
+              "button",
+              {
+                className: a.filterButton,
+                "data-active": m === e,
+                onClick: () => x(e),
+                children: e
+              },
+              e
+            ))
+          ] }),
+          /* @__PURE__ */ t("div", { className: L, "data-columns": $, "data-gap": I, children: i.map((e) => /* @__PURE__ */ r(
+            "div",
+            {
+              className: a.imageItem,
+              "data-lightbox": s,
+              "data-aspect": e.aspectRatio || P,
+              onClick: () => s && d(e),
+              role: s ? "button" : void 0,
+              tabIndex: s ? 0 : void 0,
+              onKeyDown: (l) => {
+                s && (l.key === "Enter" || l.key === " ") && (l.preventDefault(), d(e));
+              },
+              children: [
+                /* @__PURE__ */ t(
+                  "img",
+                  {
+                    src: e.thumbnail || e.src,
+                    alt: e.alt,
+                    className: a.image,
+                    loading: "lazy"
+                  }
+                ),
+                s && /* @__PURE__ */ t("div", { className: a.imageOverlay, children: /* @__PURE__ */ t("span", { className: a.expandIcon, children: /* @__PURE__ */ t(
+                  "svg",
+                  {
+                    width: "24",
+                    height: "24",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    children: /* @__PURE__ */ t("path", { d: "M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7" })
+                  }
+                ) }) }),
+                E && e.caption && /* @__PURE__ */ t("div", { className: a.caption, children: e.caption })
+              ]
+            },
+            e.id
+          )) })
+        ] }),
+        o && /* @__PURE__ */ r(
+          "div",
+          {
+            className: a.lightbox,
+            onClick: h,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-label": "Image lightbox",
+            children: [
+              /* @__PURE__ */ r(
+                "div",
+                {
+                  className: a.lightboxContent,
+                  onClick: (e) => e.stopPropagation(),
+                  children: [
+                    /* @__PURE__ */ t(
+                      "img",
+                      {
+                        src: o.src,
+                        alt: o.alt,
+                        className: a.lightboxImage
+                      }
+                    ),
+                    o.caption && /* @__PURE__ */ t("div", { className: a.lightboxCaption, children: o.caption })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  className: a.lightboxClose,
+                  onClick: h,
+                  "aria-label": "Close lightbox",
+                  children: "×"
+                }
+              ),
+              n > 0 && /* @__PURE__ */ t(
+                "button",
+                {
+                  className: `${a.lightboxNav} ${a.lightboxPrev}`,
+                  onClick: (e) => {
+                    e.stopPropagation(), N();
+                  },
+                  "aria-label": "Previous image",
+                  children: "‹"
+                }
+              ),
+              n < i.length - 1 && /* @__PURE__ */ t(
+                "button",
+                {
+                  className: `${a.lightboxNav} ${a.lightboxNext}`,
+                  onClick: (e) => {
+                    e.stopPropagation(), y();
+                  },
+                  "aria-label": "Next image",
+                  children: "›"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+S.displayName = "Gallery";
+export {
+  S as Gallery
+};

package/dist/index17.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),S=require("./index18.cjs"),a=require("./index59.cjs"),T=require("./index39.cjs"),_=require("./index40.cjs"),C=require("./index33.cjs"),L=()=>e.jsx("div",{className:a.default.defaultMedia,children:e.jsxs("svg",{className:a.default.defaultMediaIcon,width:"64",height:"64",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),e.jsx("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),e.jsx("polyline",{points:"21 15 16 10 5 21"})]})}),x=d.forwardRef(({badge:i,title:v,headline:s,description:n,primaryAction:o,secondaryAction:c,media:p,mediaPosition:N="right",showDefaultMedia:b=!1,trustIndicators:u,align:y="center",size:k="lg",layout:H="contained",variant:w="default",backgroundImage:g,backgroundOverlay:f=.6,elevated:q=!1,fullHeight:r=!1,spacing:E,className:I,...$},z)=>{const M=v??s;d.useEffect(()=>{s&&process.env.NODE_ENV==="development"&&console.warn('[Hero] The "headline" prop is deprecated. Use "title" instead. headline will be removed in v3.0.')},[s]),d.useEffect(()=>{r&&process.env.NODE_ENV==="development"&&console.warn('[Hero] The "fullHeight" prop is deprecated. Use layout="fullscreen" instead.')},[r]);const h=r?"fullscreen":H,O=E??"xl",m=p||(b?e.jsx(L,{}):null),l=!!m,B=o||c,t=w==="background",D=[a.default.hero,a.default[`align-${y}`],a.default[`size-${k}`],a.default[`layout-${h}`],t&&a.default["variant-background"],q&&h==="card"&&a.default.elevated,l&&!t&&a.default.hasMedia,l&&!t&&a.default[`media-${N}`],I].filter(Boolean).join(" ");return e.jsxs(T.Section,{ref:z,spacing:O,className:D,...$,children:[t&&g&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:a.default.backgroundImage,children:e.jsx("img",{src:g,alt:"","aria-hidden":"true"})}),e.jsx("div",{className:a.default.backgroundOverlay,style:{background:`linear-gradient(to bottom, rgba(0,0,0,${f*.8}), rgba(0,0,0,${f}))`}})]}),e.jsxs(_.Container,{size:"xl",className:a.default.container,children:[e.jsxs("div",{className:a.default.content,children:[i&&e.jsx("div",{className:a.default.badge,...t&&{"data-dark-bg":"true"},children:typeof i=="string"?e.jsx(C.Badge,{variant:"brand",size:"lg",children:i}):i}),e.jsx("h1",{className:a.default.headline,children:M}),n&&e.jsx("p",{className:a.default.description,children:n}),B&&e.jsxs("div",{className:a.default.actions,...t&&{"data-dark-bg":"true"},children:[o,c]}),u&&e.jsx("div",{className:a.default.trustIndicators,children:u})]}),l&&!t&&e.jsx("div",{className:a.default.media,children:m})]})]})});x.displayName="Hero";const j=x;j.Highlight=S.HeroHighlight;exports.Hero=j;

package/dist/index17.mjs

@@ -0,0 +1,128 @@
+import { jsxs as r, Fragment as T, jsx as a } from "react/jsx-runtime";
+import { forwardRef as V, useEffect as f } from "react";
+import { HeroHighlight as A } from "./index18.mjs";
+import e from "./index59.mjs";
+import { Section as C } from "./index39.mjs";
+import { Container as P } from "./index40.mjs";
+import { Badge as U } from "./index33.mjs";
+const _ = () => /* @__PURE__ */ a("div", { className: e.defaultMedia, children: /* @__PURE__ */ r(
+  "svg",
+  {
+    className: e.defaultMediaIcon,
+    width: "64",
+    height: "64",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ a("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+      /* @__PURE__ */ a("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+      /* @__PURE__ */ a("polyline", { points: "21 15 16 10 5 21" })
+    ]
+  }
+) }), v = V(
+  ({
+    badge: n,
+    title: N,
+    headline: o,
+    description: s,
+    primaryAction: d,
+    secondaryAction: c,
+    media: b,
+    mediaPosition: y = "right",
+    showDefaultMedia: k = !1,
+    trustIndicators: m,
+    align: x = "center",
+    size: H = "lg",
+    layout: w = "contained",
+    variant: I = "default",
+    backgroundImage: h,
+    backgroundOverlay: g = 0.6,
+    elevated: E = !1,
+    fullHeight: t = !1,
+    spacing: j,
+    className: z,
+    ...D
+  }, M) => {
+    const O = N ?? o;
+    f(() => {
+      o && process.env.NODE_ENV === "development" && console.warn(
+        '[Hero] The "headline" prop is deprecated. Use "title" instead. headline will be removed in v3.0.'
+      );
+    }, [o]), f(() => {
+      t && process.env.NODE_ENV === "development" && console.warn(
+        '[Hero] The "fullHeight" prop is deprecated. Use layout="fullscreen" instead.'
+      );
+    }, [t]);
+    const p = t ? "fullscreen" : w, $ = j ?? "xl", u = b || (k ? /* @__PURE__ */ a(_, {}) : null), l = !!u, B = d || c, i = I === "background", L = [
+      e.hero,
+      e[`align-${x}`],
+      e[`size-${H}`],
+      e[`layout-${p}`],
+      i && e["variant-background"],
+      E && p === "card" && e.elevated,
+      l && !i && e.hasMedia,
+      l && !i && e[`media-${y}`],
+      z
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ r(
+      C,
+      {
+        ref: M,
+        spacing: $,
+        className: L,
+        ...D,
+        children: [
+          i && h && /* @__PURE__ */ r(T, { children: [
+            /* @__PURE__ */ a("div", { className: e.backgroundImage, children: /* @__PURE__ */ a("img", { src: h, alt: "", "aria-hidden": "true" }) }),
+            /* @__PURE__ */ a(
+              "div",
+              {
+                className: e.backgroundOverlay,
+                style: {
+                  background: `linear-gradient(to bottom, rgba(0,0,0,${g * 0.8}), rgba(0,0,0,${g}))`
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r(P, { size: "xl", className: e.container, children: [
+            /* @__PURE__ */ r("div", { className: e.content, children: [
+              n && /* @__PURE__ */ a(
+                "div",
+                {
+                  className: e.badge,
+                  ...i && { "data-dark-bg": "true" },
+                  children: typeof n == "string" ? /* @__PURE__ */ a(U, { variant: "brand", size: "lg", children: n }) : n
+                }
+              ),
+              /* @__PURE__ */ a("h1", { className: e.headline, children: O }),
+              s && /* @__PURE__ */ a("p", { className: e.description, children: s }),
+              B && /* @__PURE__ */ r(
+                "div",
+                {
+                  className: e.actions,
+                  ...i && { "data-dark-bg": "true" },
+                  children: [
+                    d,
+                    c
+                  ]
+                }
+              ),
+              m && /* @__PURE__ */ a("div", { className: e.trustIndicators, children: m })
+            ] }),
+            l && !i && /* @__PURE__ */ a("div", { className: e.media, children: u })
+          ] })
+        ]
+      }
+    );
+  }
+);
+v.displayName = "Hero";
+const F = v;
+F.Highlight = A;
+export {
+  F as Hero
+};

package/dist/index18.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("./index59.cjs"),e=({children:i})=>t.jsx("span",{className:r.default.highlight,children:i});e.displayName="Hero.Highlight";exports.HeroHighlight=e;

package/dist/index18.mjs

@@ -0,0 +1,7 @@
+import { jsx as h } from "react/jsx-runtime";
+import o from "./index59.mjs";
+const r = ({ children: i }) => /* @__PURE__ */ h("span", { className: o.highlight, children: i });
+r.displayName = "Hero.Highlight";
+export {
+  r as HeroHighlight
+};

package/dist/index19.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),C=require("react"),e=require("./index60.cjs"),k=require("./index39.cjs"),v=require("./index40.cjs"),c=C.forwardRef(({eyebrow:o,title:n,description:t,logos:s,layout:d="inline",columns:u=5,size:m="md",grayscale:f=!0,background:g="none",centered:h=!0,marqueeSpeed:j="normal",className:x,...p},N)=>{const y=o||n||t,q=[e.default.logoCloud,e.default[`layout-${d}`],e.default[`size-${m}`],f&&e.default.grayscale,h&&e.default.centered,x].filter(Boolean).join(" "),i=(l,r)=>{const b=a.jsxs("div",{className:e.default.logo,children:[l.logo,a.jsx("span",{className:"sr-only",children:l.name})]},l.name||r);return l.href?a.jsx("a",{href:l.href,className:e.default.logoLink,target:"_blank",rel:"noopener noreferrer","aria-label":l.name,children:l.logo},l.name||r):b},$=()=>d==="marquee"?a.jsx("div",{className:`${e.default.marquee} ${e.default[`speed-${j}`]}`,children:a.jsxs("div",{className:e.default.marqueeTrack,children:[s.map(i),s.map((l,r)=>i(l,r+s.length))]})}):a.jsx("div",{className:`${e.default.logosContainer} ${d==="grid"?e.default[`cols-${u}`]:""}`,children:s.map(i)});return a.jsx(k.Section,{ref:N,spacing:"md",background:g,className:q,...p,children:a.jsxs(v.Container,{size:"xl",children:[y&&a.jsxs("header",{className:e.default.header,children:[o&&a.jsx("div",{className:e.default.eyebrow,children:o}),n&&a.jsx("h2",{className:e.default.title,children:n}),t&&a.jsx("p",{className:e.default.description,children:t})]}),$()]})})});c.displayName="LogoCloud";exports.LogoCloud=c;