@orion-ds/react 4.8.0 → 4.9.1

package/dist/index135.mjs

@@ -1,50 +0,0 @@
-import { jsx as s, jsxs as l } from "react/jsx-runtime";
-import y, { useState as m } from "react";
-import e from "./index259.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/index136.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),d=require("./index273.cjs"),r=require("./index274.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/index136.mjs

@@ -1,18 +0,0 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import t from "react";
-import { PricingCard as m } from "./index273.mjs";
-import r from "./index274.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/index137.cjs

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

package/dist/index137.mjs

@@ -1,194 +0,0 @@
-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 "./index222.mjs";
-import { Card as c } from "./index223.mjs";
-import e from "./index224.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

@@ -1 +0,0 @@
-"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

@@ -1,54 +0,0 @@
-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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),h=require("lucide-react"),j=require("./index222.cjs"),d=require("./index223.cjs"),a=require("./index236.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

@@ -1,105 +0,0 @@
-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 "./index222.mjs";
-import { Card as n } from "./index223.mjs";
-import e from "./index236.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.cjs

@@ -1 +0,0 @@
-"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

@@ -1,45 +0,0 @@
-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

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

@@ -1,40 +0,0 @@
-import { jsx as l, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as N } from "react";
-import e from "./index267.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

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

@@ -1,25 +0,0 @@
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { forwardRef as N } from "react";
-import { StatItemCard as o } from "./index265.mjs";
-import s from "./index266.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

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