@orion-ds/react 4.8.0 → 4.9.1

package/dist/blocks/sections/Chat/Chat.mjs

@@ -0,0 +1,93 @@
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import I, { useState as l } from "react";
+import s from "./Chat.module.css.mjs";
+const w = I.forwardRef(
+  ({
+    messages: c = [],
+    conversations: n,
+    activeConversationId: d,
+    onConversationSelect: m,
+    onSendMessage: u,
+    placeholder: h = "Type a message...",
+    className: p
+  }, v) => {
+    const [b, N] = l(c), [g, y] = l(
+      d || n?.[0]?.id || ""
+    ), [i, r] = l(""), C = (e) => {
+      y(e), m?.(e);
+    }, o = () => {
+      const e = i.trim();
+      if (!e) return;
+      const $ = {
+        id: `msg-${Date.now()}`,
+        role: "user",
+        content: e
+      };
+      N((A) => [...A, $]), r(""), u?.(e);
+    }, f = (e) => {
+      e.key === "Enter" && !e.shiftKey && (e.preventDefault(), o());
+    }, S = n && n.length > 0;
+    return /* @__PURE__ */ t("section", { ref: v, className: `${s.section} ${p || ""}`, children: [
+      S && /* @__PURE__ */ t("aside", { className: s.sidebar, children: [
+        /* @__PURE__ */ a("div", { className: s.sidebarHeader, children: "Conversations" }),
+        /* @__PURE__ */ a("div", { className: s.conversationList, children: n.map((e) => /* @__PURE__ */ a(
+          "button",
+          {
+            className: `${s.conversationItem} ${g === e.id ? s.conversationItemActive : ""}`,
+            onClick: () => C(e.id),
+            type: "button",
+            children: /* @__PURE__ */ a("span", { className: s.conversationTitle, children: e.title })
+          },
+          e.id
+        )) })
+      ] }),
+      /* @__PURE__ */ t("div", { className: s.main, children: [
+        /* @__PURE__ */ a("div", { className: s.messages, children: b.map((e) => /* @__PURE__ */ t(
+          "div",
+          {
+            className: `${s.message} ${e.role === "user" ? s.messageUser : e.role === "assistant" ? s.messageAssistant : s.messageSystem}`,
+            children: [
+              e.role !== "system" && /* @__PURE__ */ a("div", { className: s.messageAvatar, children: e.role === "user" ? "U" : "A" }),
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  className: `${s.messageBubble} ${e.role === "user" ? s.messageBubbleUser : e.role === "assistant" ? s.messageBubbleAssistant : s.messageBubbleSystem}`,
+                  children: e.content
+                }
+              )
+            ]
+          },
+          e.id
+        )) }),
+        /* @__PURE__ */ t("div", { className: s.inputArea, children: [
+          /* @__PURE__ */ a(
+            "input",
+            {
+              type: "text",
+              className: s.input,
+              placeholder: h,
+              value: i,
+              onChange: (e) => r(e.target.value),
+              onKeyDown: f,
+              "aria-label": "Message input"
+            }
+          ),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              className: s.sendButton,
+              onClick: o,
+              disabled: !i.trim(),
+              type: "button",
+              children: "Send"
+            }
+          )
+        ] })
+      ] })
+    ] });
+  }
+);
+w.displayName = "ChatSection";
+export {
+  w as ChatSection
+};

package/dist/blocks/sections/Comparison/Comparison.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("./Comparison.module.css.cjs"),i=o.forwardRef(({title:r,columns:t,features:c,className:n,...h},m)=>e.jsx("section",{ref:m,className:`${a.default.section} ${n||""}`,...h,children:e.jsxs("div",{className:a.default.container,children:[e.jsx("h2",{className:a.default.title,children:r}),e.jsxs("table",{className:a.default.table,children:[e.jsx("thead",{children:e.jsxs("tr",{className:a.default.headerRow,children:[e.jsx("th",{className:a.default.headerCell}),t.map(s=>e.jsxs("th",{className:`${a.default.headerCell} ${s.highlighted?a.default.highlighted:""}`,children:[s.title,s.badge&&e.jsx("span",{className:a.default.badge,children:s.badge})]},s.title))]})}),e.jsx("tbody",{children:c.map(s=>e.jsxs("tr",{className:a.default.featureRow,children:[e.jsx("td",{className:a.default.featureName,children:s.name}),s.values.map((l,d)=>e.jsx("td",{className:`${a.default.featureValue} ${t[d]?.highlighted?a.default.highlightedCol:""}`,children:typeof l=="boolean"?l?e.jsx("span",{className:a.default.checkIcon,"aria-label":"Yes",children:"✓"}):e.jsx("span",{className:a.default.crossIcon,"aria-label":"No",children:"—"}):l},d))]},s.name))})]})]})}));i.displayName="Comparison";exports.Comparison=i;

package/dist/blocks/sections/Comparison/Comparison.mjs

@@ -0,0 +1,47 @@
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import e from "./Comparison.module.css.mjs";
+const N = o(
+  ({ title: t, columns: r, features: c, className: d, ...n }, m) => /* @__PURE__ */ a(
+    "section",
+    {
+      ref: m,
+      className: `${e.section} ${d || ""}`,
+      ...n,
+      children: /* @__PURE__ */ l("div", { className: e.container, children: [
+        /* @__PURE__ */ a("h2", { className: e.title, children: t }),
+        /* @__PURE__ */ l("table", { className: e.table, children: [
+          /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ l("tr", { className: e.headerRow, children: [
+            /* @__PURE__ */ a("th", { className: e.headerCell }),
+            r.map((s) => /* @__PURE__ */ l(
+              "th",
+              {
+                className: `${e.headerCell} ${s.highlighted ? e.highlighted : ""}`,
+                children: [
+                  s.title,
+                  s.badge && /* @__PURE__ */ a("span", { className: e.badge, children: s.badge })
+                ]
+              },
+              s.title
+            ))
+          ] }) }),
+          /* @__PURE__ */ a("tbody", { children: c.map((s) => /* @__PURE__ */ l("tr", { className: e.featureRow, children: [
+            /* @__PURE__ */ a("td", { className: e.featureName, children: s.name }),
+            s.values.map((i, h) => /* @__PURE__ */ a(
+              "td",
+              {
+                className: `${e.featureValue} ${r[h]?.highlighted ? e.highlightedCol : ""}`,
+                children: typeof i == "boolean" ? i ? /* @__PURE__ */ a("span", { className: e.checkIcon, "aria-label": "Yes", children: "✓" }) : /* @__PURE__ */ a("span", { className: e.crossIcon, "aria-label": "No", children: "—" }) : i
+              },
+              h
+            ))
+          ] }, s.name)) })
+        ] })
+      ] })
+    }
+  )
+);
+N.displayName = "Comparison";
+export {
+  N as Comparison
+};

package/dist/blocks/sections/Contact/Contact.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),a=require("./Contact.module.css.cjs"),d=u.forwardRef(({title:r,description:t,contactInfo:s,className:c,...i},n)=>e.jsx("section",{ref:n,className:`${a.default.section} ${c||""}`,...i,children:e.jsxs("div",{className:a.default.container,children:[e.jsxs("div",{className:a.default.header,children:[e.jsx("h2",{className:a.default.title,children:r}),t&&e.jsx("p",{className:a.default.description,children:t})]}),s&&s.length>0&&e.jsx("div",{className:a.default.infoGrid,children:s.map(l=>e.jsxs("div",{className:a.default.infoCard,children:[e.jsx("p",{className:a.default.infoLabel,children:l.label}),l.href?e.jsx("a",{href:l.href,className:a.default.infoLink,children:l.value}):e.jsx("p",{className:a.default.infoValue,children:l.value})]},l.label))})]})}));d.displayName="Contact";exports.Contact=d;

package/dist/blocks/sections/Contact/Contact.mjs

@@ -0,0 +1,27 @@
+import { jsx as a, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import e from "./Contact.module.css.mjs";
+const t = n(
+  ({ title: c, description: i, contactInfo: s, className: d, ...m }, h) => /* @__PURE__ */ a(
+    "section",
+    {
+      ref: h,
+      className: `${e.section} ${d || ""}`,
+      ...m,
+      children: /* @__PURE__ */ r("div", { className: e.container, children: [
+        /* @__PURE__ */ r("div", { className: e.header, children: [
+          /* @__PURE__ */ a("h2", { className: e.title, children: c }),
+          i && /* @__PURE__ */ a("p", { className: e.description, children: i })
+        ] }),
+        s && s.length > 0 && /* @__PURE__ */ a("div", { className: e.infoGrid, children: s.map((l) => /* @__PURE__ */ r("div", { className: e.infoCard, children: [
+          /* @__PURE__ */ a("p", { className: e.infoLabel, children: l.label }),
+          l.href ? /* @__PURE__ */ a("a", { href: l.href, className: e.infoLink, children: l.value }) : /* @__PURE__ */ a("p", { className: e.infoValue, children: l.value })
+        ] }, l.label)) })
+      ] })
+    }
+  )
+);
+t.displayName = "Contact";
+export {
+  t as Contact
+};

package/dist/blocks/sections/EmptyState/EmptyState.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("./EmptyState.module.css.cjs"),c=n.forwardRef(({icon:s,title:r,description:a,action:l,className:i},d)=>e.jsxs("section",{ref:d,className:`${t.default.section} ${i||""}`,children:[s&&e.jsx("div",{className:t.default.icon,children:s}),e.jsx("h2",{className:t.default.title,children:r}),a&&e.jsx("p",{className:t.default.description,children:a}),l&&e.jsx("div",{className:t.default.action,children:l})]}));c.displayName="EmptyState";exports.EmptyState=c;

package/dist/blocks/sections/EmptyState/EmptyState.mjs

@@ -0,0 +1,21 @@
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import o from "react";
+import e from "./EmptyState.module.css.mjs";
+const d = o.forwardRef(
+  ({
+    icon: t,
+    title: c,
+    description: a,
+    action: r,
+    className: i
+  }, m) => /* @__PURE__ */ l("section", { ref: m, className: `${e.section} ${i || ""}`, children: [
+    t && /* @__PURE__ */ s("div", { className: e.icon, children: t }),
+    /* @__PURE__ */ s("h2", { className: e.title, children: c }),
+    a && /* @__PURE__ */ s("p", { className: e.description, children: a }),
+    r && /* @__PURE__ */ s("div", { className: e.action, children: r })
+  ] })
+);
+d.displayName = "EmptyState";
+export {
+  d as EmptyState
+};

package/dist/blocks/sections/FAQ/FAQ.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react"),i=require("./FAQItemCard.cjs"),a=require("./FAQ.module.css.cjs"),l=d.forwardRef(({title:n,description:r,items:o,allowMultiple:c=!1,className:u},m)=>{const[f,h]=d.useState(new Set),j=d.useCallback(e=>{h(x=>{const t=new Set(x);return t.has(e)?t.delete(e):(c||t.clear(),t.add(e)),t})},[c]);return s.jsx("section",{ref:m,className:`${a.default.section} ${u||""}`,children:s.jsxs("div",{className:a.default.container,children:[(n||r)&&s.jsxs("div",{className:a.default.header,children:[n&&s.jsx("h2",{className:a.default.title,children:n}),r&&s.jsx("p",{className:a.default.description,children:r})]}),s.jsx("div",{className:a.default.list,children:o.map(e=>s.jsx(i.FAQItemCard,{...e,isOpen:f.has(e.id),onToggle:()=>j(e.id)},e.id))})]})})});l.displayName="FAQ";l.Item=i.FAQItemCard;exports.FAQ=l;

package/dist/blocks/sections/FAQ/FAQ.mjs

@@ -0,0 +1,37 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import x, { useState as I, useCallback as u } from "react";
+import { FAQItemCard as o } from "./FAQItemCard.mjs";
+import s from "./FAQ.module.css.mjs";
+const d = x.forwardRef(
+  ({ title: n, description: c, items: m, allowMultiple: t = !1, className: i }, h) => {
+    const [f, p] = I(/* @__PURE__ */ new Set()), N = u(
+      (e) => {
+        p((g) => {
+          const a = new Set(g);
+          return a.has(e) ? a.delete(e) : (t || a.clear(), a.add(e)), a;
+        });
+      },
+      [t]
+    );
+    return /* @__PURE__ */ r("section", { ref: h, className: `${s.section} ${i || ""}`, children: /* @__PURE__ */ l("div", { className: s.container, children: [
+      (n || c) && /* @__PURE__ */ l("div", { className: s.header, children: [
+        n && /* @__PURE__ */ r("h2", { className: s.title, children: n }),
+        c && /* @__PURE__ */ r("p", { className: s.description, children: c })
+      ] }),
+      /* @__PURE__ */ r("div", { className: s.list, children: m.map((e) => /* @__PURE__ */ r(
+        o,
+        {
+          ...e,
+          isOpen: f.has(e.id),
+          onToggle: () => N(e.id)
+        },
+        e.id
+      )) })
+    ] }) });
+  }
+);
+d.displayName = "FAQ";
+d.Item = o;
+export {
+  d as FAQ
+};

package/dist/blocks/sections/FAQ/FAQItemCard.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("./FAQ.module.css.cjs"),a=({id:r,question:o,answer:l,isOpen:n=!1,onToggle:s,className:d})=>t.jsxs("div",{className:`${e.default.item} ${n?e.default.itemOpen:""} ${d||""}`,children:[t.jsxs("button",{type:"button",className:e.default.trigger,onClick:s,"aria-expanded":n,"aria-controls":`faq-content-${r}`,children:[o,t.jsx("svg",{className:`${e.default.chevron} ${n?e.default.chevronOpen:""}`,width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("polyline",{points:"6 9 12 15 18 9"})})]}),t.jsx("div",{id:`faq-content-${r}`,role:"region",className:`${e.default.content} ${n?e.default.contentOpen:""}`,children:t.jsx("p",{className:e.default.answer,children:l})})]});a.displayName="FAQItemCard";exports.FAQItemCard=a;

package/dist/blocks/sections/FAQ/FAQItemCard.mjs

@@ -0,0 +1,58 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import e from "./FAQ.module.css.mjs";
+const l = ({
+  id: r,
+  question: a,
+  answer: i,
+  isOpen: n = !1,
+  onToggle: s,
+  className: c
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: `${e.item} ${n ? e.itemOpen : ""} ${c || ""}`,
+    children: [
+      /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          className: e.trigger,
+          onClick: s,
+          "aria-expanded": n,
+          "aria-controls": `faq-content-${r}`,
+          children: [
+            a,
+            /* @__PURE__ */ t(
+              "svg",
+              {
+                className: `${e.chevron} ${n ? e.chevronOpen : ""}`,
+                width: "20",
+                height: "20",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: /* @__PURE__ */ t("polyline", { points: "6 9 12 15 18 9" })
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          id: `faq-content-${r}`,
+          role: "region",
+          className: `${e.content} ${n ? e.contentOpen : ""}`,
+          children: /* @__PURE__ */ t("p", { className: e.answer, children: i })
+        }
+      )
+    ]
+  }
+);
+l.displayName = "FAQItemCard";
+export {
+  l as FAQItemCard
+};

package/dist/blocks/sections/Features/FeatureCard.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./Features.module.css.cjs"),s=({icon:r,title:d,description:t,className:c})=>e.jsxs("div",{className:`${a.default.card} ${c||""}`,children:[r&&e.jsx("div",{className:a.default.cardIcon,children:r}),e.jsx("h3",{className:a.default.cardTitle,children:d}),e.jsx("p",{className:a.default.cardDescription,children:t})]});s.displayName="FeatureCard";exports.FeatureCard=s;

package/dist/blocks/sections/Features/FeatureCard.mjs

@@ -0,0 +1,16 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import r from "./Features.module.css.mjs";
+const l = ({
+  icon: e,
+  title: s,
+  description: c,
+  className: d
+}) => /* @__PURE__ */ i("div", { className: `${r.card} ${d || ""}`, children: [
+  e && /* @__PURE__ */ a("div", { className: r.cardIcon, children: e }),
+  /* @__PURE__ */ a("h3", { className: r.cardTitle, children: s }),
+  /* @__PURE__ */ a("p", { className: r.cardDescription, children: c })
+] });
+l.displayName = "FeatureCard";
+export {
+  l as FeatureCard
+};

package/dist/blocks/sections/Features/Features.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("react"),l=require("./FeatureCard.cjs"),e=require("./Features.module.css.cjs"),d=m.forwardRef(({title:r,description:s,items:u,columns:t=3,className:i},c)=>{const n=t===2?e.default.grid2:t===4?e.default.grid4:e.default.grid3;return a.jsx("section",{ref:c,className:`${e.default.section} ${i||""}`,children:a.jsxs("div",{className:e.default.container,children:[(r||s)&&a.jsxs("div",{className:e.default.header,children:[r&&a.jsx("h2",{className:e.default.title,children:r}),s&&a.jsx("p",{className:e.default.description,children:s})]}),a.jsx("div",{className:`${e.default.grid} ${n}`,children:u.map((o,f)=>a.jsx(l.FeatureCard,{...o},f))})]})})});d.displayName="Features";d.Card=l.FeatureCard;exports.Features=d;

package/dist/blocks/sections/Features/Features.mjs

@@ -0,0 +1,28 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import N from "react";
+import { FeatureCard as c } from "./FeatureCard.mjs";
+import r from "./Features.module.css.mjs";
+const m = N.forwardRef(
+  ({ title: a, description: s, items: l, columns: i = 3, className: o }, t) => {
+    const n = i === 2 ? r.grid2 : i === 4 ? r.grid4 : r.grid3;
+    return /* @__PURE__ */ e(
+      "section",
+      {
+        ref: t,
+        className: `${r.section} ${o || ""}`,
+        children: /* @__PURE__ */ d("div", { className: r.container, children: [
+          (a || s) && /* @__PURE__ */ d("div", { className: r.header, children: [
+            a && /* @__PURE__ */ e("h2", { className: r.title, children: a }),
+            s && /* @__PURE__ */ e("p", { className: r.description, children: s })
+          ] }),
+          /* @__PURE__ */ e("div", { className: `${r.grid} ${n}`, children: l.map((h, p) => /* @__PURE__ */ e(c, { ...h }, p)) })
+        ] })
+      }
+    );
+  }
+);
+m.displayName = "Features";
+m.Card = c;
+export {
+  m as Features
+};

package/dist/blocks/sections/Footer/Footer.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),j=require("react"),e=require("./Footer.module.css.cjs"),m=j.forwardRef(({brand:s,linkGroups:r,socialLinks:t,variant:c="default",copyright:o,className:i},n)=>{const u=new Date().getFullYear(),h=o||`© ${u} ${s.name}. All rights reserved.`,f=c==="centered"?e.default.centeredLayout:c==="minimal"?e.default.minimalLayout:e.default.defaultLayout;return c==="minimal"?l.jsx("footer",{ref:n,className:`${e.default.footer} ${i||""}`,children:l.jsxs("div",{className:`${e.default.container} ${f}`,children:[l.jsxs("div",{className:e.default.brandBlock,children:[s.logo,l.jsx("h3",{className:e.default.brandName,children:s.name})]}),t&&t.length>0&&l.jsx("div",{className:e.default.socialLinks,children:t.map(a=>l.jsx("a",{href:a.href,className:e.default.socialLink,"aria-label":a.label,children:a.icon},a.label))}),l.jsx("p",{className:e.default.copyright,children:h})]})}):c==="centered"?l.jsx("footer",{ref:n,className:`${e.default.footer} ${i||""}`,children:l.jsxs("div",{className:`${e.default.container} ${f}`,children:[l.jsxs("div",{className:e.default.brandBlock,children:[s.logo,l.jsx("h3",{className:e.default.brandName,children:s.name}),s.description&&l.jsx("p",{className:e.default.brandDescription,children:s.description})]}),r&&r.length>0&&l.jsx("div",{className:e.default.linkGroupsRow,children:r.map(a=>l.jsxs("div",{className:e.default.linkGroup,children:[l.jsx("h4",{className:e.default.linkGroupTitle,children:a.title}),a.links.map(d=>l.jsx("a",{href:d.href,className:e.default.link,children:d.label},d.label))]},a.title))}),t&&t.length>0&&l.jsx("div",{className:e.default.socialLinks,children:t.map(a=>l.jsx("a",{href:a.href,className:e.default.socialLink,"aria-label":a.label,children:a.icon},a.label))}),l.jsx("p",{className:e.default.copyright,children:h})]})}):l.jsx("footer",{ref:n,className:`${e.default.footer} ${i||""}`,children:l.jsxs("div",{className:e.default.container,children:[l.jsxs("div",{className:f,children:[l.jsxs("div",{className:e.default.brandBlock,children:[s.logo,l.jsx("h3",{className:e.default.brandName,children:s.name}),s.description&&l.jsx("p",{className:e.default.brandDescription,children:s.description})]}),r?.map(a=>l.jsxs("div",{className:e.default.linkGroup,children:[l.jsx("h4",{className:e.default.linkGroupTitle,children:a.title}),a.links.map(d=>l.jsx("a",{href:d.href,className:e.default.link,children:d.label},d.label))]},a.title))]}),l.jsxs("div",{className:e.default.bottom,children:[l.jsx("p",{className:e.default.copyright,children:h}),t&&t.length>0&&l.jsx("div",{className:e.default.socialLinks,children:t.map(a=>l.jsx("a",{href:a.href,className:e.default.socialLink,"aria-label":a.label,children:a.icon},a.label))})]})]})})});m.displayName="Footer";exports.Footer=m;

package/dist/blocks/sections/Footer/Footer.mjs

@@ -0,0 +1,98 @@
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import f from "react";
+import e from "./Footer.module.css.mjs";
+const b = f.forwardRef(
+  ({
+    brand: r,
+    linkGroups: s,
+    socialLinks: i,
+    variant: t = "default",
+    copyright: N,
+    className: m
+  }, d) => {
+    const p = (/* @__PURE__ */ new Date()).getFullYear(), h = N || `© ${p} ${r.name}. All rights reserved.`, o = t === "centered" ? e.centeredLayout : t === "minimal" ? e.minimalLayout : e.defaultLayout;
+    return t === "minimal" ? /* @__PURE__ */ a("footer", { ref: d, className: `${e.footer} ${m || ""}`, children: /* @__PURE__ */ c("div", { className: `${e.container} ${o}`, children: [
+      /* @__PURE__ */ c("div", { className: e.brandBlock, children: [
+        r.logo,
+        /* @__PURE__ */ a("h3", { className: e.brandName, children: r.name })
+      ] }),
+      i && i.length > 0 && /* @__PURE__ */ a("div", { className: e.socialLinks, children: i.map((l) => /* @__PURE__ */ a(
+        "a",
+        {
+          href: l.href,
+          className: e.socialLink,
+          "aria-label": l.label,
+          children: l.icon
+        },
+        l.label
+      )) }),
+      /* @__PURE__ */ a("p", { className: e.copyright, children: h })
+    ] }) }) : t === "centered" ? /* @__PURE__ */ a("footer", { ref: d, className: `${e.footer} ${m || ""}`, children: /* @__PURE__ */ c("div", { className: `${e.container} ${o}`, children: [
+      /* @__PURE__ */ c("div", { className: e.brandBlock, children: [
+        r.logo,
+        /* @__PURE__ */ a("h3", { className: e.brandName, children: r.name }),
+        r.description && /* @__PURE__ */ a("p", { className: e.brandDescription, children: r.description })
+      ] }),
+      s && s.length > 0 && /* @__PURE__ */ a("div", { className: e.linkGroupsRow, children: s.map((l) => /* @__PURE__ */ c("div", { className: e.linkGroup, children: [
+        /* @__PURE__ */ a("h4", { className: e.linkGroupTitle, children: l.title }),
+        l.links.map((n) => /* @__PURE__ */ a(
+          "a",
+          {
+            href: n.href,
+            className: e.link,
+            children: n.label
+          },
+          n.label
+        ))
+      ] }, l.title)) }),
+      i && i.length > 0 && /* @__PURE__ */ a("div", { className: e.socialLinks, children: i.map((l) => /* @__PURE__ */ a(
+        "a",
+        {
+          href: l.href,
+          className: e.socialLink,
+          "aria-label": l.label,
+          children: l.icon
+        },
+        l.label
+      )) }),
+      /* @__PURE__ */ a("p", { className: e.copyright, children: h })
+    ] }) }) : /* @__PURE__ */ a("footer", { ref: d, className: `${e.footer} ${m || ""}`, children: /* @__PURE__ */ c("div", { className: e.container, children: [
+      /* @__PURE__ */ c("div", { className: o, children: [
+        /* @__PURE__ */ c("div", { className: e.brandBlock, children: [
+          r.logo,
+          /* @__PURE__ */ a("h3", { className: e.brandName, children: r.name }),
+          r.description && /* @__PURE__ */ a("p", { className: e.brandDescription, children: r.description })
+        ] }),
+        s?.map((l) => /* @__PURE__ */ c("div", { className: e.linkGroup, children: [
+          /* @__PURE__ */ a("h4", { className: e.linkGroupTitle, children: l.title }),
+          l.links.map((n) => /* @__PURE__ */ a(
+            "a",
+            {
+              href: n.href,
+              className: e.link,
+              children: n.label
+            },
+            n.label
+          ))
+        ] }, l.title))
+      ] }),
+      /* @__PURE__ */ c("div", { className: e.bottom, children: [
+        /* @__PURE__ */ a("p", { className: e.copyright, children: h }),
+        i && i.length > 0 && /* @__PURE__ */ a("div", { className: e.socialLinks, children: i.map((l) => /* @__PURE__ */ a(
+          "a",
+          {
+            href: l.href,
+            className: e.socialLink,
+            "aria-label": l.label,
+            children: l.icon
+          },
+          l.label
+        )) })
+      ] })
+    ] }) });
+  }
+);
+b.displayName = "Footer";
+export {
+  b as Footer
+};

package/dist/blocks/sections/Gallery/Gallery.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("react"),e=require("./Gallery.module.css.cjs"),c=u.forwardRef(({title:a,images:r,columns:t=3,className:d,...i},n)=>{const o=t===2?e.default.cols2:t===4?e.default.cols4:e.default.cols3;return l.jsx("section",{ref:n,className:`${e.default.section} ${d||""}`,...i,children:l.jsxs("div",{className:e.default.container,children:[a&&l.jsx("h2",{className:e.default.title,children:a}),l.jsx("div",{className:`${e.default.grid} ${o}`,children:r.map(s=>l.jsxs("div",{className:e.default.item,children:[l.jsx("img",{src:s.src,alt:s.alt,className:e.default.image}),s.caption&&l.jsx("p",{className:e.default.caption,children:s.caption})]},s.id))})]})})});c.displayName="Gallery";exports.Gallery=c;

package/dist/blocks/sections/Gallery/Gallery.mjs

@@ -0,0 +1,34 @@
+import { jsx as l, jsxs as e } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import s from "./Gallery.module.css.mjs";
+const p = m(
+  ({ title: a, images: i, columns: r = 3, className: o, ...t }, n) => {
+    const d = r === 2 ? s.cols2 : r === 4 ? s.cols4 : s.cols3;
+    return /* @__PURE__ */ l(
+      "section",
+      {
+        ref: n,
+        className: `${s.section} ${o || ""}`,
+        ...t,
+        children: /* @__PURE__ */ e("div", { className: s.container, children: [
+          a && /* @__PURE__ */ l("h2", { className: s.title, children: a }),
+          /* @__PURE__ */ l("div", { className: `${s.grid} ${d}`, children: i.map((c) => /* @__PURE__ */ e("div", { className: s.item, children: [
+            /* @__PURE__ */ l(
+              "img",
+              {
+                src: c.src,
+                alt: c.alt,
+                className: s.image
+              }
+            ),
+            c.caption && /* @__PURE__ */ l("p", { className: s.caption, children: c.caption })
+          ] }, c.id)) })
+        ] })
+      }
+    );
+  }
+);
+p.displayName = "Gallery";
+export {
+  p as Gallery
+};

package/dist/blocks/sections/Hero/Hero.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),h=require("react"),g=require("./HeroHighlight.cjs"),e=require("./Hero.module.css.cjs"),l=h.forwardRef(({title:c,description:t,primaryAction:a,secondaryAction:r,align:d="center",size:i="md",className:n},o)=>{const u=i==="sm"?e.default.sm:i==="lg"?e.default.lg:"",f=d==="left"?e.default.left:"";return s.jsx("section",{ref:o,className:`${e.default.section} ${u} ${f} ${n||""}`,children:s.jsxs("div",{className:e.default.container,children:[s.jsx("h1",{className:e.default.title,children:c}),t&&s.jsx("p",{className:e.default.description,children:t}),(a||r)&&s.jsxs("div",{className:e.default.actions,children:[a,r]})]})})});l.displayName="Hero";l.Highlight=g.HeroHighlight;exports.Hero=l;

package/dist/blocks/sections/Hero/Hero.mjs

@@ -0,0 +1,37 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import g from "react";
+import { HeroHighlight as p } from "./HeroHighlight.mjs";
+import s from "./Hero.module.css.mjs";
+const o = g.forwardRef(
+  ({
+    title: c,
+    description: l,
+    primaryAction: r,
+    secondaryAction: t,
+    align: m = "center",
+    size: i = "md",
+    className: n
+  }, h) => {
+    const d = i === "sm" ? s.sm : i === "lg" ? s.lg : "", f = m === "left" ? s.left : "";
+    return /* @__PURE__ */ e(
+      "section",
+      {
+        ref: h,
+        className: `${s.section} ${d} ${f} ${n || ""}`,
+        children: /* @__PURE__ */ a("div", { className: s.container, children: [
+          /* @__PURE__ */ e("h1", { className: s.title, children: c }),
+          l && /* @__PURE__ */ e("p", { className: s.description, children: l }),
+          (r || t) && /* @__PURE__ */ a("div", { className: s.actions, children: [
+            r,
+            t
+          ] })
+        ] })
+      }
+    );
+  }
+);
+o.displayName = "Hero";
+o.Highlight = p;
+export {
+  o as Hero
+};

package/dist/blocks/sections/Hero/HeroHighlight.cjs

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

package/dist/blocks/sections/Hero/HeroHighlight.mjs

@@ -0,0 +1,10 @@
+import { jsx as t } from "react/jsx-runtime";
+import o from "./Hero.module.css.mjs";
+const s = ({
+  children: i,
+  className: r
+}) => /* @__PURE__ */ t("span", { className: `${o.highlight} ${r || ""}`, children: i });
+s.displayName = "HeroHighlight";
+export {
+  s as HeroHighlight
+};

package/dist/blocks/sections/LogoCloud/LogoCloud.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("react"),l=require("./LogoCloud.module.css.cjs"),r=t.forwardRef(({title:a,logos:s,className:n,...d},c)=>o.jsx("section",{ref:c,className:`${l.default.section} ${n||""}`,...d,children:o.jsxs("div",{className:l.default.container,children:[a&&o.jsx("p",{className:l.default.title,children:a}),o.jsx("div",{className:l.default.logos,children:s.map(e=>o.jsx("div",{className:l.default.logoItem,children:e.href?o.jsx("a",{href:e.href,className:l.default.logoLink,target:"_blank",rel:"noopener noreferrer","aria-label":e.name,children:e.logo}):e.logo},e.name))})]})}));r.displayName="LogoCloud";exports.LogoCloud=r;

package/dist/blocks/sections/LogoCloud/LogoCloud.mjs

@@ -0,0 +1,31 @@
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import e from "./LogoCloud.module.css.mjs";
+const m = i(
+  ({ title: a, logos: l, className: s, ...n }, c) => /* @__PURE__ */ r(
+    "section",
+    {
+      ref: c,
+      className: `${e.section} ${s || ""}`,
+      ...n,
+      children: /* @__PURE__ */ d("div", { className: e.container, children: [
+        a && /* @__PURE__ */ r("p", { className: e.title, children: a }),
+        /* @__PURE__ */ r("div", { className: e.logos, children: l.map((o) => /* @__PURE__ */ r("div", { className: e.logoItem, children: o.href ? /* @__PURE__ */ r(
+          "a",
+          {
+            href: o.href,
+            className: e.logoLink,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            "aria-label": o.name,
+            children: o.logo
+          }
+        ) : o.logo }, o.name)) })
+      ] })
+    }
+  )
+);
+m.displayName = "LogoCloud";
+export {
+  m as LogoCloud
+};

package/dist/blocks/sections/Newsletter/Newsletter.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),e=require("./Newsletter.module.css.cjs"),u=l.forwardRef(({title:n,description:r,placeholder:c="Enter your email",submitLabel:d="Subscribe",disclaimer:i,size:m="md",onSubmit:o,className:f},b)=>{const[s,N]=l.useState(""),[h,j]=l.useState(!1),p=a=>{a.preventDefault(),s.trim()&&(o?.(s),j(!0))};return t.jsx("section",{ref:b,className:`${e.default.section} ${m==="sm"?e.default.sectionSm:""} ${f||""}`,children:t.jsxs("div",{className:e.default.inner,children:[t.jsx("h2",{className:e.default.title,children:n}),r&&t.jsx("p",{className:e.default.description,children:r}),h?t.jsx("p",{className:e.default.successMessage,children:"Thanks for subscribing!"}):t.jsxs("form",{className:e.default.form,onSubmit:p,children:[t.jsx("input",{type:"email",className:e.default.input,placeholder:c,value:s,onChange:a=>N(a.target.value),required:!0,"aria-label":"Email address"}),t.jsx("button",{type:"submit",className:e.default.submitButton,children:d})]}),i&&t.jsx("p",{className:e.default.disclaimer,children:i})]})})});u.displayName="Newsletter";exports.Newsletter=u;