@orion-ds/react 4.6.5 → 4.7.0

package/dist/index137.mjs

@@ -0,0 +1,194 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { forwardRef as C, useState as I, useCallback as g } from "react";
+import { Edit2 as B, LogOut as P, Phone as x, MapPin as T, Calendar as S, Lock as j } from "lucide-react";
+import { Button as d } from "./index191.mjs";
+import { Card as c } from "./index196.mjs";
+import e from "./index197.mjs";
+const A = [
+  { id: "profile", label: "Profile" },
+  { id: "security", label: "Security" },
+  { id: "settings", label: "Settings" }
+], D = C(
+  ({
+    user: l = {
+      id: "1",
+      name: "John Doe",
+      email: "john@example.com"
+    },
+    onEditProfile: m,
+    onChangePassword: h,
+    onLogout: N,
+    tabs: p = A,
+    activeTab: f = "profile",
+    onSelectTab: r,
+    isLoading: n = !1,
+    error: o,
+    className: b,
+    ...v
+  }, y) => {
+    const [t, u] = I(f), k = g(
+      (s) => {
+        u(s), r?.(s);
+      },
+      [r]
+    );
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ref: y,
+        className: [e.root, b].filter(Boolean).join(" "),
+        ...v,
+        children: [
+          /* @__PURE__ */ a(c, { className: e.headerCard, children: /* @__PURE__ */ i(c.Body, { className: e.headerBody, children: [
+            /* @__PURE__ */ i("div", { className: e.headerContent, children: [
+              l?.avatar && /* @__PURE__ */ a(
+                "img",
+                {
+                  src: l.avatar,
+                  alt: l.name,
+                  className: e.avatar
+                }
+              ),
+              !l?.avatar && /* @__PURE__ */ a("div", { className: e.avatarPlaceholder, children: l?.name?.charAt(0)?.toUpperCase() || "U" }),
+              /* @__PURE__ */ i("div", { className: e.userInfo, children: [
+                /* @__PURE__ */ a("h1", { className: e.userName, children: l?.name }),
+                /* @__PURE__ */ a("p", { className: e.userEmail, children: l?.email }),
+                l?.bio && /* @__PURE__ */ a("p", { className: e.userBio, children: l.bio })
+              ] })
+            ] }),
+            /* @__PURE__ */ i("div", { className: e.headerActions, children: [
+              /* @__PURE__ */ a(
+                d,
+                {
+                  variant: "secondary",
+                  icon: /* @__PURE__ */ a(B, { size: 18 }),
+                  onClick: m,
+                  disabled: n,
+                  children: "Edit Profile"
+                }
+              ),
+              /* @__PURE__ */ a(
+                d,
+                {
+                  variant: "ghost",
+                  icon: /* @__PURE__ */ a(P, { size: 18 }),
+                  onClick: N,
+                  disabled: n,
+                  children: "Logout"
+                }
+              )
+            ] })
+          ] }) }),
+          o && /* @__PURE__ */ a("div", { className: e.error, children: o }),
+          /* @__PURE__ */ i("div", { className: e.tabsContainer, children: [
+            /* @__PURE__ */ a("div", { className: e.tabs, children: p.map((s) => /* @__PURE__ */ a(
+              "button",
+              {
+                className: [
+                  e.tabButton,
+                  t === s.id && e.tabButtonActive
+                ].filter(Boolean).join(" "),
+                onClick: () => k(s.id),
+                children: s.label
+              },
+              s.id
+            )) }),
+            /* @__PURE__ */ i("div", { className: e.tabContent, children: [
+              t === "profile" && /* @__PURE__ */ i(c, { children: [
+                /* @__PURE__ */ a(c.Header, { children: /* @__PURE__ */ a("h2", { className: e.sectionTitle, children: "Profile Information" }) }),
+                /* @__PURE__ */ a(c.Body, { className: e.sectionBody, children: /* @__PURE__ */ i("div", { className: e.infoGrid, children: [
+                  /* @__PURE__ */ i("div", { className: e.infoItem, children: [
+                    /* @__PURE__ */ a("span", { className: e.infoLabel, children: "Name" }),
+                    /* @__PURE__ */ a("span", { className: e.infoValue, children: l?.name })
+                  ] }),
+                  /* @__PURE__ */ i("div", { className: e.infoItem, children: [
+                    /* @__PURE__ */ a("span", { className: e.infoLabel, children: "Email" }),
+                    /* @__PURE__ */ a("span", { className: e.infoValue, children: l?.email })
+                  ] }),
+                  l?.phone && /* @__PURE__ */ i("div", { className: e.infoItem, children: [
+                    /* @__PURE__ */ a(x, { size: 16 }),
+                    /* @__PURE__ */ a("span", { className: e.infoLabel, children: "Phone" }),
+                    /* @__PURE__ */ a("span", { className: e.infoValue, children: l.phone })
+                  ] }),
+                  l?.location && /* @__PURE__ */ i("div", { className: e.infoItem, children: [
+                    /* @__PURE__ */ a(T, { size: 16 }),
+                    /* @__PURE__ */ a("span", { className: e.infoLabel, children: "Location" }),
+                    /* @__PURE__ */ a("span", { className: e.infoValue, children: l.location })
+                  ] }),
+                  l?.joinDate && /* @__PURE__ */ i("div", { className: e.infoItem, children: [
+                    /* @__PURE__ */ a(S, { size: 16 }),
+                    /* @__PURE__ */ a("span", { className: e.infoLabel, children: "Member Since" }),
+                    /* @__PURE__ */ a("span", { className: e.infoValue, children: new Date(l.joinDate).toLocaleDateString() })
+                  ] })
+                ] }) })
+              ] }),
+              t === "security" && /* @__PURE__ */ i(c, { children: [
+                /* @__PURE__ */ a(c.Header, { children: /* @__PURE__ */ a("h2", { className: e.sectionTitle, children: "Security Settings" }) }),
+                /* @__PURE__ */ i(c.Body, { className: e.sectionBody, children: [
+                  /* @__PURE__ */ i("div", { className: e.securityItem, children: [
+                    /* @__PURE__ */ i("div", { children: [
+                      /* @__PURE__ */ a("h3", { className: e.securityItemTitle, children: "Password & Authentication" }),
+                      /* @__PURE__ */ a("p", { className: e.securityItemDescription, children: "Manage your password and security settings" })
+                    ] }),
+                    /* @__PURE__ */ a(
+                      d,
+                      {
+                        variant: "secondary",
+                        icon: /* @__PURE__ */ a(j, { size: 18 }),
+                        onClick: h,
+                        disabled: n,
+                        children: "Change Password"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ i("div", { className: e.securityItem, children: [
+                    /* @__PURE__ */ i("div", { children: [
+                      /* @__PURE__ */ a("h3", { className: e.securityItemTitle, children: "Two-Factor Authentication" }),
+                      /* @__PURE__ */ a("p", { className: e.securityItemDescription, children: "Add an extra layer of security to your account" })
+                    ] }),
+                    /* @__PURE__ */ a(d, { variant: "ghost", disabled: n, children: "Set Up" })
+                  ] })
+                ] })
+              ] }),
+              t === "settings" && /* @__PURE__ */ i(c, { children: [
+                /* @__PURE__ */ a(c.Header, { children: /* @__PURE__ */ a("h2", { className: e.sectionTitle, children: "Settings" }) }),
+                /* @__PURE__ */ i(c.Body, { className: e.sectionBody, children: [
+                  /* @__PURE__ */ a("div", { className: e.settingItem, children: /* @__PURE__ */ i("label", { className: e.checkbox, children: [
+                    /* @__PURE__ */ a(
+                      "input",
+                      {
+                        type: "checkbox",
+                        defaultChecked: !0,
+                        disabled: n
+                      }
+                    ),
+                    /* @__PURE__ */ a("span", { children: "Email notifications" })
+                  ] }) }),
+                  /* @__PURE__ */ a("div", { className: e.settingItem, children: /* @__PURE__ */ i("label", { className: e.checkbox, children: [
+                    /* @__PURE__ */ a(
+                      "input",
+                      {
+                        type: "checkbox",
+                        defaultChecked: !0,
+                        disabled: n
+                      }
+                    ),
+                    /* @__PURE__ */ a("span", { children: "Marketing emails" })
+                  ] }) }),
+                  /* @__PURE__ */ a("div", { className: e.settingItem, children: /* @__PURE__ */ i("label", { className: e.checkbox, children: [
+                    /* @__PURE__ */ a("input", { type: "checkbox", disabled: n }),
+                    /* @__PURE__ */ a("span", { children: "Account activity alerts" })
+                  ] }) })
+                ] })
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+D.displayName = "ProfilePageTemplate";
+export {
+  D as ProfilePageTemplate
+};

package/dist/index138.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),e=require("./index252.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/index138.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 "./index252.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/index139.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),h=require("lucide-react"),j=require("./index191.cjs"),d=require("./index196.cjs"),a=require("./index222.cjs"),f=c.forwardRef(({title:x="Settings",sections:t=[],activeSectionId:v,onSelectSection:r,onSave:N,onReset:p,isLoading:i=!1,hasUnsavedChanges:n=!1,error:o,successMessage:u,className:g,...S},C)=>{const[m,b]=c.useState(v||t[0]?.id||""),y=c.useCallback(s=>{b(s),r?.(s)},[r]),l=t.find(s=>s.id===m);return e.jsxs("div",{ref:C,className:[a.default.root,g].filter(Boolean).join(" "),...S,children:[e.jsxs("div",{className:a.default.header,children:[e.jsx("h1",{className:a.default.title,children:x}),n&&e.jsx("div",{className:a.default.unsavedBadge,children:"Unsaved changes"})]}),e.jsxs("div",{className:a.default.container,children:[t.length>0&&e.jsx("nav",{className:a.default.sidebar,children:e.jsx("div",{className:a.default.sidebarContent,children:t.map(s=>e.jsxs("button",{className:[a.default.navItem,m===s.id&&a.default.navItemActive].filter(Boolean).join(" "),onClick:()=>y(s.id),disabled:i,children:[e.jsx("div",{className:a.default.navItemLabel,children:s.title}),s.description&&e.jsx("div",{className:a.default.navItemDescription,children:s.description})]},s.id))})}),e.jsxs("div",{className:a.default.content,children:[o&&e.jsxs("div",{className:a.default.errorMessage,children:[e.jsx(h.AlertCircle,{size:18}),o]}),u&&e.jsxs("div",{className:a.default.successMessage,children:[e.jsx(h.Check,{size:18}),u]}),l?e.jsxs(d.Card,{className:a.default.sectionCard,children:[e.jsxs(d.Card.Header,{children:[e.jsx("h2",{className:a.default.sectionTitle,children:l.title}),l.description&&e.jsx("p",{className:a.default.sectionDescription,children:l.description})]}),e.jsx(d.Card.Body,{className:a.default.sectionBody,children:l.content})]}):t.length===0?e.jsx(d.Card,{children:e.jsx(d.Card.Body,{className:a.default.emptyState,children:e.jsx("p",{children:"No settings sections configured"})})}):null,t.length>0&&e.jsxs("div",{className:a.default.actions,children:[e.jsx(j.Button,{variant:"ghost",onClick:p,disabled:i||!n,children:"Discard Changes"}),e.jsx(j.Button,{variant:"primary",onClick:N,isLoading:i,disabled:!n,children:"Save Changes"})]})]})]})]})});f.displayName="SettingsTemplate";exports.SettingsTemplate=f;

package/dist/index139.mjs

@@ -0,0 +1,105 @@
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { forwardRef as B, useState as k, useCallback as j } from "react";
+import { AlertCircle as x, Check as D } from "lucide-react";
+import { Button as p } from "./index191.mjs";
+import { Card as n } from "./index196.mjs";
+import e from "./index222.mjs";
+const I = B(
+  ({
+    title: v = "Settings",
+    sections: t = [],
+    activeSectionId: N,
+    onSelectSection: d,
+    onSave: f,
+    onReset: g,
+    isLoading: r = !1,
+    hasUnsavedChanges: s = !1,
+    error: o,
+    successMessage: m,
+    className: S,
+    ...C
+  }, b) => {
+    const [h, u] = k(
+      N || t[0]?.id || ""
+    ), y = j(
+      (a) => {
+        u(a), d?.(a);
+      },
+      [d]
+    ), c = t.find((a) => a.id === h);
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        ref: b,
+        className: [e.root, S].filter(Boolean).join(" "),
+        ...C,
+        children: [
+          /* @__PURE__ */ l("div", { className: e.header, children: [
+            /* @__PURE__ */ i("h1", { className: e.title, children: v }),
+            s && /* @__PURE__ */ i("div", { className: e.unsavedBadge, children: "Unsaved changes" })
+          ] }),
+          /* @__PURE__ */ l("div", { className: e.container, children: [
+            t.length > 0 && /* @__PURE__ */ i("nav", { className: e.sidebar, children: /* @__PURE__ */ i("div", { className: e.sidebarContent, children: t.map((a) => /* @__PURE__ */ l(
+              "button",
+              {
+                className: [
+                  e.navItem,
+                  h === a.id && e.navItemActive
+                ].filter(Boolean).join(" "),
+                onClick: () => y(a.id),
+                disabled: r,
+                children: [
+                  /* @__PURE__ */ i("div", { className: e.navItemLabel, children: a.title }),
+                  a.description && /* @__PURE__ */ i("div", { className: e.navItemDescription, children: a.description })
+                ]
+              },
+              a.id
+            )) }) }),
+            /* @__PURE__ */ l("div", { className: e.content, children: [
+              o && /* @__PURE__ */ l("div", { className: e.errorMessage, children: [
+                /* @__PURE__ */ i(x, { size: 18 }),
+                o
+              ] }),
+              m && /* @__PURE__ */ l("div", { className: e.successMessage, children: [
+                /* @__PURE__ */ i(D, { size: 18 }),
+                m
+              ] }),
+              c ? /* @__PURE__ */ l(n, { className: e.sectionCard, children: [
+                /* @__PURE__ */ l(n.Header, { children: [
+                  /* @__PURE__ */ i("h2", { className: e.sectionTitle, children: c.title }),
+                  c.description && /* @__PURE__ */ i("p", { className: e.sectionDescription, children: c.description })
+                ] }),
+                /* @__PURE__ */ i(n.Body, { className: e.sectionBody, children: c.content })
+              ] }) : t.length === 0 ? /* @__PURE__ */ i(n, { children: /* @__PURE__ */ i(n.Body, { className: e.emptyState, children: /* @__PURE__ */ i("p", { children: "No settings sections configured" }) }) }) : null,
+              t.length > 0 && /* @__PURE__ */ l("div", { className: e.actions, children: [
+                /* @__PURE__ */ i(
+                  p,
+                  {
+                    variant: "ghost",
+                    onClick: g,
+                    disabled: r || !s,
+                    children: "Discard Changes"
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  p,
+                  {
+                    variant: "primary",
+                    onClick: f,
+                    isLoading: r,
+                    disabled: !s,
+                    children: "Save Changes"
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+I.displayName = "SettingsTemplate";
+export {
+  I as SettingsTemplate
+};

package/dist/index14 2.mjs

@@ -0,0 +1,71 @@
+import { jsxs as j, jsx as e } from "react/jsx-runtime";
+import { forwardRef as B } from "react";
+import a from "./index158.mjs";
+const v = (l) => l.replace(/-([a-z])/g, (o) => o[1]?.toUpperCase() || ""), x = B(
+  ({
+    variant: l = "primary",
+    size: o = "md",
+    isLoading: s = !1,
+    loadingText: c,
+    fullWidth: i = !1,
+    icon: t,
+    iconRight: d,
+    iconOnly: r = !1,
+    className: m,
+    children: p,
+    disabled: u,
+    type: f = "button",
+    ...h
+  }, N) => {
+    const $ = a[v(l)], C = [
+      a.button,
+      $,
+      a[o],
+      i && a.fullWidth,
+      r && a.iconOnly,
+      s && a.loading,
+      m
+    ].filter(Boolean).join(" "), b = u || s, n = s ? a.loadingContent : void 0;
+    return /* @__PURE__ */ j(
+      "button",
+      {
+        ref: N,
+        type: f,
+        className: C,
+        disabled: b,
+        ...h,
+        children: [
+          s && /* @__PURE__ */ e("span", { className: a.spinner, "aria-hidden": "true" }),
+          t && !r && /* @__PURE__ */ e(
+            "span",
+            {
+              className: `${a.icon} ${n || ""}`,
+              "aria-hidden": "true",
+              children: t
+            }
+          ),
+          r && t ? /* @__PURE__ */ e(
+            "span",
+            {
+              className: `${a.icon} ${n || ""}`,
+              "aria-hidden": "true",
+              children: t
+            }
+          ) : /* @__PURE__ */ e("span", { className: n, children: s && c ? c : p }),
+          d && !r && /* @__PURE__ */ e(
+            "span",
+            {
+              className: `${a.icon} ${a.iconRight} ${n || ""}`,
+              "aria-hidden": "true",
+              children: d
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+x.displayName = "Button";
+export {
+  x as Button
+};

package/dist/index14 4.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),C=require("react"),e=require("./index158.cjs"),B=r=>r.replace(/-([a-z])/g,d=>d[1]?.toUpperCase()||""),c=C.forwardRef(({variant:r="primary",size:d="md",isLoading:t=!1,loadingText:u,fullWidth:i=!1,icon:s,iconRight:o,iconOnly:l=!1,className:f,children:m,disabled:p,type:h="button",...j},N)=>{const b=e.default[B(r)],$=[e.default.button,b,e.default[d],i&&e.default.fullWidth,l&&e.default.iconOnly,t&&e.default.loading,f].filter(Boolean).join(" "),x=p||t,n=t?e.default.loadingContent:void 0;return a.jsxs("button",{ref:N,type:h,className:$,disabled:x,...j,children:[t&&a.jsx("span",{className:e.default.spinner,"aria-hidden":"true"}),s&&!l&&a.jsx("span",{className:`${e.default.icon} ${n||""}`,"aria-hidden":"true",children:s}),l&&s?a.jsx("span",{className:`${e.default.icon} ${n||""}`,"aria-hidden":"true",children:s}):a.jsx("span",{className:n,children:t&&u?u:m}),o&&!l&&a.jsx("span",{className:`${e.default.icon} ${e.default.iconRight} ${n||""}`,"aria-hidden":"true",children:o})]})});c.displayName="Button";exports.Button=c;

package/dist/index14.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index13.cjs"),c=require("./index108.cjs"),o=require("./index109.cjs");function s(e){const r=e.split(".");let n=a.primitives;for(const t of r)if(n=n[t],n===void 0)throw new Error(`Token path "${e}" not found`);return n}function u(e,r){const n=r.split(".");let t=c.themes[e].semantic;for(const i of n)if(t=t[i],t===void 0)throw new Error(`Semantic token path "${r}" not found in ${e} theme`);if(typeof t=="string"&&t.startsWith("{")&&t.endsWith("}")){const i=t.slice(1,-1);return s(i)}return t}function d(e){return o.brands[e]}function f(e){return`--${e.replace(/\./g,"-")}`}function l(e){return e==="light"||e==="dark"}function g(e){return e in o.brands}exports.getBrand=d;exports.getSemanticToken=u;exports.getToken=s;exports.isValidBrand=g;exports.isValidTheme=l;exports.toCSSVariable=f;

package/dist/index14.mjs

@@ -0,0 +1,45 @@
+import { primitives as f } from "./index13.mjs";
+import { themes as s } from "./index108.mjs";
+import { brands as i } from "./index109.mjs";
+function c(t) {
+  const e = t.split(".");
+  let r = f;
+  for (const n of e)
+    if (r = r[n], r === void 0)
+      throw new Error(`Token path "${t}" not found`);
+  return r;
+}
+function d(t, e) {
+  const r = e.split(".");
+  let n = s[t].semantic;
+  for (const o of r)
+    if (n = n[o], n === void 0)
+      throw new Error(
+        `Semantic token path "${e}" not found in ${t} theme`
+      );
+  if (typeof n == "string" && n.startsWith("{") && n.endsWith("}")) {
+    const o = n.slice(1, -1);
+    return c(o);
+  }
+  return n;
+}
+function l(t) {
+  return i[t];
+}
+function k(t) {
+  return `--${t.replace(/\./g, "-")}`;
+}
+function p(t) {
+  return t === "light" || t === "dark";
+}
+function h(t) {
+  return t in i;
+}
+export {
+  l as getBrand,
+  d as getSemanticToken,
+  c as getToken,
+  h as isValidBrand,
+  p as isValidTheme,
+  k as toCSSVariable
+};

package/dist/index140.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),f=require("react"),e=require("./index247.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/index140.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 "./index247.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/index141.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),S=require("react"),r=require("./index266.cjs"),e=require("./index267.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/index141.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 "./index266.mjs";
+import s from "./index267.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/index142.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("react"),e=require("./index262.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/index142.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 "./index262.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
+};