@orion-ds/react 4.8.0 → 4.9.1

package/dist/blocks/sections/Newsletter/Newsletter.mjs

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

package/dist/blocks/sections/Pricing/Pricing.cjs

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

package/dist/blocks/sections/Pricing/Pricing.mjs

@@ -0,0 +1,18 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import t from "react";
+import { PricingCard as m } from "./PricingCard.mjs";
+import r from "./Pricing.module.css.mjs";
+const d = t.forwardRef(
+  ({ title: a, description: i, plans: n, className: o }, l) => /* @__PURE__ */ e("section", { ref: l, className: `${r.section} ${o || ""}`, children: /* @__PURE__ */ c("div", { className: r.container, children: [
+    (a || i) && /* @__PURE__ */ c("div", { className: r.header, children: [
+      a && /* @__PURE__ */ e("h2", { className: r.title, children: a }),
+      i && /* @__PURE__ */ e("p", { className: r.description, children: i })
+    ] }),
+    /* @__PURE__ */ e("div", { className: r.grid, children: n.map((s) => /* @__PURE__ */ e(m, { ...s }, s.name)) })
+  ] }) })
+);
+d.displayName = "Pricing";
+d.Card = m;
+export {
+  d as Pricing
+};

package/dist/blocks/sections/Pricing/PricingCard.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./Pricing.module.css.cjs"),t=({name:n,price:u,period:s,description:l,features:r,action:i,popular:c,className:o})=>e.jsxs("div",{className:`${a.default.card} ${c?a.default.cardPopular:""} ${o||""}`,children:[c&&e.jsx("span",{className:a.default.popularBadge,children:"Most Popular"}),e.jsx("h3",{className:a.default.cardName,children:n}),e.jsxs("div",{className:a.default.cardPrice,children:[e.jsx("span",{className:a.default.priceValue,children:u}),s&&e.jsx("span",{className:a.default.pricePeriod,children:s})]}),l&&e.jsx("p",{className:a.default.cardDescription,children:l}),r.length>0&&e.jsx("ul",{className:a.default.featureList,children:r.map(d=>e.jsxs("li",{className:a.default.featureItem,children:[e.jsx("svg",{className:a.default.featureCheck,width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"20 6 9 17 4 12"})}),d]},d))}),i&&e.jsx("div",{className:a.default.cardAction,children:i})]});t.displayName="PricingCard";exports.PricingCard=t;

package/dist/blocks/sections/Pricing/PricingCard.mjs

@@ -0,0 +1,49 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import e from "./Pricing.module.css.mjs";
+const h = ({
+  name: o,
+  price: t,
+  period: s,
+  description: c,
+  features: i,
+  action: l,
+  popular: n,
+  className: m
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: `${e.card} ${n ? e.cardPopular : ""} ${m || ""}`,
+    children: [
+      n && /* @__PURE__ */ r("span", { className: e.popularBadge, children: "Most Popular" }),
+      /* @__PURE__ */ r("h3", { className: e.cardName, children: o }),
+      /* @__PURE__ */ a("div", { className: e.cardPrice, children: [
+        /* @__PURE__ */ r("span", { className: e.priceValue, children: t }),
+        s && /* @__PURE__ */ r("span", { className: e.pricePeriod, children: s })
+      ] }),
+      c && /* @__PURE__ */ r("p", { className: e.cardDescription, children: c }),
+      i.length > 0 && /* @__PURE__ */ r("ul", { className: e.featureList, children: i.map((d) => /* @__PURE__ */ a("li", { className: e.featureItem, children: [
+        /* @__PURE__ */ r(
+          "svg",
+          {
+            className: e.featureCheck,
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /* @__PURE__ */ r("polyline", { points: "20 6 9 17 4 12" })
+          }
+        ),
+        d
+      ] }, d)) }),
+      l && /* @__PURE__ */ r("div", { className: e.cardAction, children: l })
+    ]
+  }
+);
+h.displayName = "PricingCard";
+export {
+  h as PricingCard
+};

package/dist/blocks/sections/SettingsLayout/SettingsLayout.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),e=require("./SettingsLayout.module.css.cjs"),c=l.forwardRef(({title:d="Settings",navigation:i,activeSection:r,onNavigate:u,children:o,className:m},v)=>{const[f,j]=l.useState(r||i[0]?.items[0]?.id||""),p=a=>{j(a),u?.(a)};return t.jsxs("section",{ref:v,className:`${e.default.section} ${m||""}`,children:[t.jsxs("aside",{className:e.default.sidebar,children:[t.jsx("h2",{className:e.default.sidebarTitle,children:d}),i.map(a=>t.jsxs("div",{className:e.default.navGroup,children:[t.jsx("p",{className:e.default.navGroupTitle,children:a.title}),a.items.map(s=>{const n=f===s.id;return t.jsxs("button",{className:`${e.default.navItem} ${n?e.default.navItemActive:""}`,onClick:()=>p(s.id),type:"button",children:[t.jsx("span",{className:`${e.default.navItemLabel} ${n?e.default.navItemActiveLabel:""}`,children:s.label}),s.description&&t.jsx("span",{className:e.default.navItemDescription,children:s.description})]},s.id)})]},a.title))]}),t.jsx("main",{className:e.default.main,children:o})]})});c.displayName="SettingsLayout";exports.SettingsLayout=c;

package/dist/blocks/sections/SettingsLayout/SettingsLayout.mjs

@@ -0,0 +1,54 @@
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import b, { useState as u } from "react";
+import e from "./SettingsLayout.module.css.mjs";
+const S = b.forwardRef(
+  ({
+    title: l = "Settings",
+    navigation: n,
+    activeSection: r,
+    onNavigate: o,
+    children: m,
+    className: d
+  }, p) => {
+    const [v, N] = u(
+      r || n[0]?.items[0]?.id || ""
+    ), h = (t) => {
+      N(t), o?.(t);
+    };
+    return /* @__PURE__ */ i("section", { ref: p, className: `${e.section} ${d || ""}`, children: [
+      /* @__PURE__ */ i("aside", { className: e.sidebar, children: [
+        /* @__PURE__ */ s("h2", { className: e.sidebarTitle, children: l }),
+        n.map((t) => /* @__PURE__ */ i("div", { className: e.navGroup, children: [
+          /* @__PURE__ */ s("p", { className: e.navGroupTitle, children: t.title }),
+          t.items.map((a) => {
+            const c = v === a.id;
+            return /* @__PURE__ */ i(
+              "button",
+              {
+                className: `${e.navItem} ${c ? e.navItemActive : ""}`,
+                onClick: () => h(a.id),
+                type: "button",
+                children: [
+                  /* @__PURE__ */ s(
+                    "span",
+                    {
+                      className: `${e.navItemLabel} ${c ? e.navItemActiveLabel : ""}`,
+                      children: a.label
+                    }
+                  ),
+                  a.description && /* @__PURE__ */ s("span", { className: e.navItemDescription, children: a.description })
+                ]
+              },
+              a.id
+            );
+          })
+        ] }, t.title))
+      ] }),
+      /* @__PURE__ */ s("main", { className: e.main, children: m })
+    ] });
+  }
+);
+S.displayName = "SettingsLayout";
+export {
+  S as SettingsLayout
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),f=require("react"),e=require("./SocialProof.module.css.cjs"),t=f.forwardRef(({title:u,logos:s,testimonials:c,stats:d,compact:r=!1,className:i,...o},n)=>l.jsx("section",{ref:n,className:`${e.default.section} ${r?e.default.compact:""} ${i||""}`,...o,children:l.jsxs("div",{className:e.default.container,children:[l.jsx("h2",{className:e.default.title,children:u}),s&&s.length>0&&!r&&l.jsx("div",{className:e.default.logos,children:s.map(a=>l.jsx("img",{src:a.logo,alt:a.name,className:e.default.logoImage},a.name))}),d&&d.length>0&&l.jsx("div",{className:e.default.stats,children:d.map(a=>l.jsxs("div",{className:e.default.statItem,children:[l.jsx("p",{className:e.default.statValue,children:a.value}),l.jsx("p",{className:e.default.statLabel,children:a.label})]},a.label))}),c&&c.length>0&&!r&&l.jsx("div",{className:e.default.testimonials,children:c.map(a=>l.jsxs("div",{className:e.default.testimonialCard,children:[l.jsx("p",{className:e.default.quote,children:a.quote}),l.jsxs("div",{className:e.default.testimonialAuthor,children:[l.jsx("p",{className:e.default.authorName,children:a.author}),(a.title||a.company)&&l.jsx("p",{className:e.default.authorTitle,children:[a.title,a.company].filter(Boolean).join(", ")})]})]},a.id))})]})}));t.displayName="SocialProof";exports.SocialProof=t;

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

@@ -0,0 +1,40 @@
+import { jsx as l, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import e from "./SocialProof.module.css.mjs";
+const t = N(
+  ({ title: m, logos: r, testimonials: s, stats: i, compact: d = !1, className: o, ...n }, h) => /* @__PURE__ */ l(
+    "section",
+    {
+      ref: h,
+      className: `${e.section} ${d ? e.compact : ""} ${o || ""}`,
+      ...n,
+      children: /* @__PURE__ */ c("div", { className: e.container, children: [
+        /* @__PURE__ */ l("h2", { className: e.title, children: m }),
+        r && r.length > 0 && !d && /* @__PURE__ */ l("div", { className: e.logos, children: r.map((a) => /* @__PURE__ */ l(
+          "img",
+          {
+            src: a.logo,
+            alt: a.name,
+            className: e.logoImage
+          },
+          a.name
+        )) }),
+        i && i.length > 0 && /* @__PURE__ */ l("div", { className: e.stats, children: i.map((a) => /* @__PURE__ */ c("div", { className: e.statItem, children: [
+          /* @__PURE__ */ l("p", { className: e.statValue, children: a.value }),
+          /* @__PURE__ */ l("p", { className: e.statLabel, children: a.label })
+        ] }, a.label)) }),
+        s && s.length > 0 && !d && /* @__PURE__ */ l("div", { className: e.testimonials, children: s.map((a) => /* @__PURE__ */ c("div", { className: e.testimonialCard, children: [
+          /* @__PURE__ */ l("p", { className: e.quote, children: a.quote }),
+          /* @__PURE__ */ c("div", { className: e.testimonialAuthor, children: [
+            /* @__PURE__ */ l("p", { className: e.authorName, children: a.author }),
+            (a.title || a.company) && /* @__PURE__ */ l("p", { className: e.authorTitle, children: [a.title, a.company].filter(Boolean).join(", ") })
+          ] })
+        ] }, a.id)) })
+      ] })
+    }
+  )
+);
+t.displayName = "SocialProof";
+export {
+  t as SocialProof
+};

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

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

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

@@ -0,0 +1,18 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import a from "./Stats.module.css.mjs";
+const l = ({ stat: e }) => /* @__PURE__ */ t("div", { className: a.statItem, children: [
+  e.icon && /* @__PURE__ */ r("div", { className: a.statIcon, children: e.icon }),
+  /* @__PURE__ */ r("p", { className: a.statValue, children: e.value }),
+  /* @__PURE__ */ r("p", { className: a.statLabel, children: e.label }),
+  e.trend && /* @__PURE__ */ r(
+    "p",
+    {
+      className: `${a.statTrend} ${e.trend.positive ? a.trendPositive : a.trendNegative}`,
+      children: e.trend.value
+    }
+  )
+] });
+l.displayName = "StatItemCard";
+export {
+  l as StatItemCard
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),S=require("react"),r=require("./StatItemCard.cjs"),e=require("./Stats.module.css.cjs"),i=S.forwardRef(({title:t,stats:l,columns:c=3,variant:d="default",className:n,...o},u)=>{const f=d==="inline",m=c===2?e.default.cols2:c===4?e.default.cols4:e.default.cols3,j=d==="cards"?e.default.cards:"";return a.jsx("section",{ref:u,className:`${e.default.section} ${n||""}`,...o,children:a.jsxs("div",{className:e.default.container,children:[t&&a.jsx("h2",{className:e.default.title,children:t}),f?a.jsx("div",{className:e.default.inline,children:l.map(s=>a.jsx(r.StatItemCard,{stat:s},s.label))}):a.jsx("div",{className:`${e.default.grid} ${m} ${j}`,children:l.map(s=>a.jsx(r.StatItemCard,{stat:s},s.label))})]})})});i.displayName="Stats";exports.Stats=i;

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

@@ -0,0 +1,25 @@
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { StatItemCard as o } from "./StatItemCard.mjs";
+import s from "./Stats.module.css.mjs";
+const $ = N(
+  ({ title: a, stats: i, columns: r = 3, variant: c = "default", className: n, ...m }, t) => {
+    const d = c === "inline", p = r === 2 ? s.cols2 : r === 4 ? s.cols4 : s.cols3, f = c === "cards" ? s.cards : "";
+    return /* @__PURE__ */ e(
+      "section",
+      {
+        ref: t,
+        className: `${s.section} ${n || ""}`,
+        ...m,
+        children: /* @__PURE__ */ h("div", { className: s.container, children: [
+          a && /* @__PURE__ */ e("h2", { className: s.title, children: a }),
+          d ? /* @__PURE__ */ e("div", { className: s.inline, children: i.map((l) => /* @__PURE__ */ e(o, { stat: l }, l.label)) }) : /* @__PURE__ */ e("div", { className: `${s.grid} ${p} ${f}`, children: i.map((l) => /* @__PURE__ */ e(o, { stat: l }, l.label)) })
+        ] })
+      }
+    );
+  }
+);
+$.displayName = "Stats";
+export {
+  $ as Stats
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("react"),e=require("./Stepper.module.css.cjs"),p=d.forwardRef(({steps:n,activeStep:f=0,orientation:m="horizontal",onStepChange:v,showNavigation:h=!0,className:j},$)=>{const[s,N]=d.useState(f),o=a=>{N(a),v?.(a)},i=m==="vertical",b=s===0,r=s===n.length-1;return t.jsxs("section",{ref:$,className:`${e.default.section} ${j||""}`,children:[t.jsx("div",{className:i?e.default.stepsVertical:e.default.stepsHorizontal,children:n.map((a,l)=>{const u=l===s,c=l<s;return t.jsxs(d.Fragment,{children:[t.jsxs("div",{className:`${e.default.step} ${i?e.default.stepVertical:""}`,children:[t.jsx("div",{className:`${e.default.stepIndicator} ${u?e.default.stepIndicatorActive:""} ${c?e.default.stepIndicatorCompleted:""}`,children:c?"✓":l+1}),t.jsxs("div",{className:e.default.stepContent,children:[t.jsx("p",{className:`${e.default.stepLabel} ${!u&&!c?e.default.stepLabelInactive:""}`,children:a.label}),a.description&&t.jsx("p",{className:e.default.stepDescription,children:a.description})]})]}),l<n.length-1&&t.jsx("div",{className:`${e.default.connector} ${c?e.default.connectorCompleted:""} ${i?e.default.connectorVertical:""}`})]},a.id)})}),h&&t.jsxs("div",{className:e.default.navigation,children:[t.jsx("button",{className:e.default.navButton,onClick:()=>o(s-1),disabled:b,type:"button",children:"Previous"}),t.jsx("button",{className:`${e.default.navButton} ${r?"":e.default.navButtonPrimary}`,onClick:()=>o(s+1),disabled:r,type:"button",children:r?"Done":"Next"})]})]})});p.displayName="Stepper";exports.Stepper=p;

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

@@ -0,0 +1,87 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import m, { useState as f } from "react";
+import e from "./Stepper.module.css.mjs";
+const g = m.forwardRef(
+  ({
+    steps: o,
+    activeStep: v = 0,
+    orientation: h = "horizontal",
+    onStepChange: $,
+    showNavigation: N = !0,
+    className: u
+  }, b) => {
+    const [c, C] = f(v), p = (t) => {
+      C(t), $?.(t);
+    }, r = h === "vertical", S = c === 0, l = c === o.length - 1;
+    return /* @__PURE__ */ a("section", { ref: b, className: `${e.section} ${u || ""}`, children: [
+      /* @__PURE__ */ s(
+        "div",
+        {
+          className: r ? e.stepsVertical : e.stepsHorizontal,
+          children: o.map((t, i) => {
+            const d = i === c, n = i < c;
+            return /* @__PURE__ */ a(m.Fragment, { children: [
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  className: `${e.step} ${r ? e.stepVertical : ""}`,
+                  children: [
+                    /* @__PURE__ */ s(
+                      "div",
+                      {
+                        className: `${e.stepIndicator} ${d ? e.stepIndicatorActive : ""} ${n ? e.stepIndicatorCompleted : ""}`,
+                        children: n ? "✓" : i + 1
+                      }
+                    ),
+                    /* @__PURE__ */ a("div", { className: e.stepContent, children: [
+                      /* @__PURE__ */ s(
+                        "p",
+                        {
+                          className: `${e.stepLabel} ${!d && !n ? e.stepLabelInactive : ""}`,
+                          children: t.label
+                        }
+                      ),
+                      t.description && /* @__PURE__ */ s("p", { className: e.stepDescription, children: t.description })
+                    ] })
+                  ]
+                }
+              ),
+              i < o.length - 1 && /* @__PURE__ */ s(
+                "div",
+                {
+                  className: `${e.connector} ${n ? e.connectorCompleted : ""} ${r ? e.connectorVertical : ""}`
+                }
+              )
+            ] }, t.id);
+          })
+        }
+      ),
+      N && /* @__PURE__ */ a("div", { className: e.navigation, children: [
+        /* @__PURE__ */ s(
+          "button",
+          {
+            className: e.navButton,
+            onClick: () => p(c - 1),
+            disabled: S,
+            type: "button",
+            children: "Previous"
+          }
+        ),
+        /* @__PURE__ */ s(
+          "button",
+          {
+            className: `${e.navButton} ${l ? "" : e.navButtonPrimary}`,
+            onClick: () => p(c + 1),
+            disabled: l,
+            type: "button",
+            children: l ? "Done" : "Next"
+          }
+        )
+      ] })
+    ] });
+  }
+);
+g.displayName = "Stepper";
+export {
+  g as Stepper
+};

package/dist/blocks/sections/Team/Team.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),i=require("./TeamMemberCard.cjs"),e=require("./Team.module.css.cjs"),d=o.forwardRef(({title:r,description:s,members:c,columns:l=4,className:m},n)=>{const u=l===2?e.default.grid2:l===3?e.default.grid3:e.default.grid4;return a.jsx("section",{ref:n,className:`${e.default.section} ${m||""}`,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} ${u}`,children:c.map(t=>a.jsx(i.TeamMemberCard,{...t},t.name))})]})})});d.displayName="Team";d.MemberCard=i.TeamMemberCard;exports.Team=d;

package/dist/blocks/sections/Team/Team.mjs

@@ -0,0 +1,21 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import p from "react";
+import { TeamMemberCard as c } from "./TeamMemberCard.mjs";
+import r from "./Team.module.css.mjs";
+const l = p.forwardRef(
+  ({ title: a, description: s, members: o, columns: i = 4, className: n }, t) => {
+    const h = i === 2 ? r.grid2 : i === 3 ? r.grid3 : r.grid4;
+    return /* @__PURE__ */ e("section", { ref: t, className: `${r.section} ${n || ""}`, 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} ${h}`, children: o.map((m) => /* @__PURE__ */ e(c, { ...m }, m.name)) })
+    ] }) });
+  }
+);
+l.displayName = "Team";
+l.MemberCard = c;
+export {
+  l as Team
+};

package/dist/blocks/sections/Team/TeamMemberCard.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./Team.module.css.cjs"),r=({name:s,role:t,avatarSrc:l,className:m})=>{const d=s.split(" ").map(i=>i[0]).join("").toUpperCase().slice(0,2);return e.jsxs("div",{className:`${a.default.card} ${m||""}`,children:[l?e.jsx("img",{src:l,alt:s,className:a.default.avatar}):e.jsx("div",{className:a.default.avatarPlaceholder,children:d}),e.jsx("h3",{className:a.default.memberName,children:s}),e.jsx("p",{className:a.default.memberRole,children:t})]})};r.displayName="TeamMemberCard";exports.TeamMemberCard=r;

package/dist/blocks/sections/Team/TeamMemberCard.mjs

@@ -0,0 +1,19 @@
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import e from "./Team.module.css.mjs";
+const d = ({
+  name: s,
+  role: m,
+  avatarSrc: r,
+  className: l
+}) => {
+  const i = s.split(" ").map((c) => c[0]).join("").toUpperCase().slice(0, 2);
+  return /* @__PURE__ */ t("div", { className: `${e.card} ${l || ""}`, children: [
+    r ? /* @__PURE__ */ a("img", { src: r, alt: s, className: e.avatar }) : /* @__PURE__ */ a("div", { className: e.avatarPlaceholder, children: i }),
+    /* @__PURE__ */ a("h3", { className: e.memberName, children: s }),
+    /* @__PURE__ */ a("p", { className: e.memberRole, children: m })
+  ] });
+};
+d.displayName = "TeamMemberCard";
+export {
+  d as TeamMemberCard
+};

package/dist/blocks/sections/Testimonials/TestimonialCard.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./Testimonials.module.css.cjs"),o=({filled:s})=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:s?"currentColor":"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:s?a.default.starFilled:a.default.starEmpty,children:e.jsx("polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"})}),i=({quote:s,author:l,rating:r,variant:n="default",className:d})=>e.jsxs("div",{className:`${a.default.card} ${n==="minimal"?a.default.cardMinimal:""} ${d||""}`,children:[r!=null&&r>0&&e.jsx("div",{className:a.default.stars,children:Array.from({length:5},(c,t)=>e.jsx(o,{filled:t<r},t))}),e.jsxs("p",{className:a.default.quote,children:["“",s,"”"]}),e.jsxs("div",{className:a.default.author,children:[l.avatar&&e.jsx("div",{className:a.default.authorAvatar,children:l.avatar}),e.jsxs("div",{className:a.default.authorInfo,children:[e.jsx("p",{className:a.default.authorName,children:l.name}),(l.role||l.company)&&e.jsx("p",{className:a.default.authorRole,children:[l.role,l.company].filter(Boolean).join(", ")})]})]})]});i.displayName="TestimonialCard";exports.TestimonialCard=i;

package/dist/blocks/sections/Testimonials/TestimonialCard.mjs

@@ -0,0 +1,47 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import e from "./Testimonials.module.css.mjs";
+const t = ({ filled: l }) => /* @__PURE__ */ r(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: l ? "currentColor" : "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: l ? e.starFilled : e.starEmpty,
+    children: /* @__PURE__ */ r("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" })
+  }
+), d = ({
+  quote: l,
+  author: a,
+  rating: o,
+  variant: n = "default",
+  className: c
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: `${e.card} ${n === "minimal" ? e.cardMinimal : ""} ${c || ""}`,
+    children: [
+      o != null && o > 0 && /* @__PURE__ */ r("div", { className: e.stars, children: Array.from({ length: 5 }, (m, i) => /* @__PURE__ */ r(t, { filled: i < o }, i)) }),
+      /* @__PURE__ */ s("p", { className: e.quote, children: [
+        "“",
+        l,
+        "”"
+      ] }),
+      /* @__PURE__ */ s("div", { className: e.author, children: [
+        a.avatar && /* @__PURE__ */ r("div", { className: e.authorAvatar, children: a.avatar }),
+        /* @__PURE__ */ s("div", { className: e.authorInfo, children: [
+          /* @__PURE__ */ r("p", { className: e.authorName, children: a.name }),
+          (a.role || a.company) && /* @__PURE__ */ r("p", { className: e.authorRole, children: [a.role, a.company].filter(Boolean).join(", ") })
+        ] })
+      ] })
+    ]
+  }
+);
+d.displayName = "TestimonialCard";
+export {
+  d as TestimonialCard
+};

package/dist/blocks/sections/Testimonials/Testimonials.cjs

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

package/dist/blocks/sections/Testimonials/Testimonials.mjs

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

package/dist/blocks/sections/Timeline/Timeline.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),e=require("./Timeline.module.css.cjs"),c=({title:s,events:i,orientation:n="horizontal",compact:d=!1,className:r})=>{const a=n==="vertical";return t.jsxs("section",{className:`${e.default.section} ${d?e.default.compact:""} ${r||""}`,children:[s&&t.jsx("h2",{className:e.default.title,children:s}),t.jsx("div",{className:a?e.default.eventsVertical:e.default.eventsHorizontal,children:i.map((l,o)=>t.jsxs(u.Fragment,{children:[t.jsxs("div",{className:`${e.default.event} ${a?e.default.eventVertical:""}`,children:[t.jsx("div",{className:`${e.default.eventDot} ${a?e.default.eventDotVertical:""}`}),t.jsxs("div",{className:e.default.eventContent,children:[t.jsx("p",{className:e.default.eventDate,children:l.date}),t.jsx("p",{className:e.default.eventTitle,children:l.title}),l.description&&t.jsx("p",{className:e.default.eventDescription,children:l.description})]})]}),!a&&o<i.length-1&&t.jsx("div",{className:e.default.connector})]},l.id))})]})};c.displayName="Timeline";exports.Timeline=c;

package/dist/blocks/sections/Timeline/Timeline.mjs

@@ -0,0 +1,53 @@
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import d from "react";
+import e from "./Timeline.module.css.mjs";
+const p = ({
+  title: s,
+  events: l,
+  orientation: n = "horizontal",
+  compact: r = !1,
+  className: o
+}) => {
+  const a = n === "vertical";
+  return /* @__PURE__ */ c(
+    "section",
+    {
+      className: `${e.section} ${r ? e.compact : ""} ${o || ""}`,
+      children: [
+        s && /* @__PURE__ */ i("h2", { className: e.title, children: s }),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: a ? e.eventsVertical : e.eventsHorizontal,
+            children: l.map((t, m) => /* @__PURE__ */ c(d.Fragment, { children: [
+              /* @__PURE__ */ c(
+                "div",
+                {
+                  className: `${e.event} ${a ? e.eventVertical : ""}`,
+                  children: [
+                    /* @__PURE__ */ i(
+                      "div",
+                      {
+                        className: `${e.eventDot} ${a ? e.eventDotVertical : ""}`
+                      }
+                    ),
+                    /* @__PURE__ */ c("div", { className: e.eventContent, children: [
+                      /* @__PURE__ */ i("p", { className: e.eventDate, children: t.date }),
+                      /* @__PURE__ */ i("p", { className: e.eventTitle, children: t.title }),
+                      t.description && /* @__PURE__ */ i("p", { className: e.eventDescription, children: t.description })
+                    ] })
+                  ]
+                }
+              ),
+              !a && m < l.length - 1 && /* @__PURE__ */ i("div", { className: e.connector })
+            ] }, t.id))
+          }
+        )
+      ]
+    }
+  );
+};
+p.displayName = "Timeline";
+export {
+  p as Timeline
+};

package/dist/blocks/templates/app/AgentEditor/AgentEditor.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react");require("lucide-react");const c=require("../../../../dist/index26.cjs"),n=require("../../../../dist/index28.cjs"),o=require("../../../../dist/index50.cjs"),t=require("./AgentEditor.module.css.cjs"),p=d.forwardRef(({title:h="Edit Agent",agent:x,availableModels:i=["gpt-4","gpt-3.5-turbo","claude-3-opus"],onSave:m,onCancel:f,isLoading:r=!1,error:u,className:j,...v},b)=>{const[l,g]=d.useState(x||{id:"",name:"",description:"",model:i[0]||"gpt-4",systemPrompt:"",temperature:.7,maxTokens:2e3}),s=d.useCallback((a,C)=>{g(y=>({...y,[a]:C}))},[]),N=d.useCallback(()=>{l.name.trim()&&m?.(l)},[l,m]);return e.jsx("div",{ref:b,className:[t.default.root,j].filter(Boolean).join(" "),...v,children:e.jsxs(n.Card,{children:[e.jsx(n.Card.Header,{children:e.jsx("h2",{className:t.default.title,children:h})}),e.jsxs(n.Card.Body,{className:t.default.body,children:[u&&e.jsx("div",{className:t.default.error,children:u}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(o.Field,{label:"Agent Name",type:"text",placeholder:"e.g., Customer Support Bot",value:l.name,onChange:a=>s("name",a.target.value),disabled:r})}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(o.Field,{label:"Description",placeholder:"Brief description of the agent's purpose",value:l.description,onChange:a=>s("description",a.target.value),disabled:r})}),e.jsxs("div",{className:t.default.formRow,children:[e.jsxs("div",{className:t.default.formGroup,children:[e.jsx("label",{htmlFor:"model",className:t.default.label,children:"Model"}),e.jsx("select",{id:"model",className:t.default.select,value:l.model,onChange:a=>s("model",a.target.value),disabled:r,children:i.map(a=>e.jsx("option",{value:a,children:a},a))})]}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(o.Field,{label:"Temperature",type:"number",min:"0",max:"2",step:"0.1",value:l.temperature,onChange:a=>s("temperature",parseFloat(a.target.value)),disabled:r})})]}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(o.Field,{label:"Max Tokens",type:"number",min:"1",max:"32000",value:l.maxTokens,onChange:a=>s("maxTokens",parseInt(a.target.value,10)),disabled:r})}),e.jsxs("div",{className:t.default.formGroup,children:[e.jsx("label",{htmlFor:"system-prompt",className:t.default.label,children:"System Prompt"}),e.jsx("textarea",{id:"system-prompt",className:t.default.textarea,placeholder:"Define the agent's behavior and instructions",value:l.systemPrompt,onChange:a=>s("systemPrompt",a.target.value),disabled:r,rows:6})]})]}),e.jsxs(n.Card.Footer,{className:t.default.footer,children:[e.jsx(c.Button,{variant:"ghost",onClick:f,disabled:r,children:"Cancel"}),e.jsx(c.Button,{variant:"primary",onClick:N,isLoading:r,disabled:!l.name.trim(),children:"Save Agent"})]})]})})});p.displayName="AgentEditor";exports.AgentEditor=p;