@orion-ds/react 4.9.0 → 4.9.2

package/dist/index133.mjs

@@ -1,143 +0,0 @@
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as B, useState as c, useCallback as E } from "react";
-import { EyeOff as j, Eye as D } from "lucide-react";
-import { Button as T } from "./index187.mjs";
-import { Card as N } from "./index179.mjs";
-import { Field as q } from "./index189.mjs";
-import e from "./index190.mjs";
-const z = B(
-  ({
-    title: f = "Sign in",
-    subtitle: m = "Welcome back",
-    logo: n,
-    onSubmit: p,
-    isLoading: s = !1,
-    error: h,
-    successMessage: u,
-    onSignupClick: b,
-    onForgotPasswordClick: w,
-    className: v,
-    ...y
-  }, k) => {
-    const [t, x] = c(""), [o, C] = c(""), [i, S] = c(!1), [d, P] = c(!1), R = E(
-      (r) => {
-        r.preventDefault(), p?.(t, o, d);
-      },
-      [t, o, d, p]
-    ), g = !t.trim() || !o.trim() || s;
-    return /* @__PURE__ */ a(
-      "div",
-      {
-        ref: k,
-        className: [e.root, v].filter(Boolean).join(" "),
-        ...y,
-        children: /* @__PURE__ */ a(N, { className: e.card, children: /* @__PURE__ */ l(N.Body, { className: e.body, children: [
-          n && /* @__PURE__ */ a("div", { className: e.logo, children: n }),
-          /* @__PURE__ */ l("div", { className: e.header, children: [
-            /* @__PURE__ */ a("h1", { className: e.title, children: f }),
-            m && /* @__PURE__ */ a("p", { className: e.subtitle, children: m })
-          ] }),
-          h && /* @__PURE__ */ a("div", { className: e.error, children: h }),
-          u && /* @__PURE__ */ a("div", { className: e.success, children: u }),
-          /* @__PURE__ */ l("form", { onSubmit: R, className: e.form, children: [
-            /* @__PURE__ */ a("div", { className: e.formGroup, children: /* @__PURE__ */ a(
-              q,
-              {
-                label: "Email address",
-                type: "email",
-                placeholder: "you@example.com",
-                value: t,
-                onChange: (r) => x(r.target.value),
-                disabled: s,
-                autoComplete: "email",
-                required: !0
-              }
-            ) }),
-            /* @__PURE__ */ l("div", { className: e.formGroup, children: [
-              /* @__PURE__ */ l("div", { className: e.passwordLabel, children: [
-                /* @__PURE__ */ a("label", { className: e.label, children: "Password" }),
-                /* @__PURE__ */ a(
-                  "button",
-                  {
-                    type: "button",
-                    className: e.showPasswordButton,
-                    onClick: () => S(!i),
-                    "aria-label": i ? "Hide password" : "Show password",
-                    disabled: s,
-                    children: i ? /* @__PURE__ */ a(j, { size: 18 }) : /* @__PURE__ */ a(D, { size: 18 })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ a(
-                "input",
-                {
-                  type: i ? "text" : "password",
-                  className: e.input,
-                  placeholder: "••••••••",
-                  value: o,
-                  onChange: (r) => C(r.target.value),
-                  disabled: s,
-                  autoComplete: "current-password",
-                  required: !0
-                }
-              )
-            ] }),
-            /* @__PURE__ */ l("div", { className: e.optionsRow, children: [
-              /* @__PURE__ */ l("label", { className: e.checkbox, children: [
-                /* @__PURE__ */ a(
-                  "input",
-                  {
-                    type: "checkbox",
-                    checked: d,
-                    onChange: (r) => P(r.target.checked),
-                    disabled: s
-                  }
-                ),
-                /* @__PURE__ */ a("span", { children: "Remember me" })
-              ] }),
-              /* @__PURE__ */ a(
-                "button",
-                {
-                  type: "button",
-                  className: e.link,
-                  onClick: w,
-                  disabled: s,
-                  children: "Forgot password?"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ a(
-              T,
-              {
-                type: "submit",
-                variant: "primary",
-                fullWidth: !0,
-                isLoading: s,
-                disabled: g,
-                children: "Sign in"
-              }
-            )
-          ] }),
-          b && /* @__PURE__ */ l("p", { className: e.signupText, children: [
-            "Don't have an account?",
-            " ",
-            /* @__PURE__ */ a(
-              "button",
-              {
-                type: "button",
-                className: e.link,
-                onClick: b,
-                disabled: s,
-                children: "Sign up"
-              }
-            )
-          ] })
-        ] }) })
-      }
-    );
-  }
-);
-z.displayName = "LoginTemplate";
-export {
-  z as LoginTemplate
-};

package/dist/index134.cjs

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

package/dist/index134.mjs

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

package/dist/index135.cjs

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

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 "./index270.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("./index272.cjs"),r=require("./index273.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 "./index272.mjs";
-import r from "./index273.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("./index187.cjs"),l=require("./index179.cjs"),a=require("./index208.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 "./index187.mjs";
-import { Card as c } from "./index179.mjs";
-import e from "./index208.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("./index267.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 "./index267.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("./index187.cjs"),d=require("./index179.cjs"),a=require("./index188.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 "./index187.mjs";
-import { Card as n } from "./index179.mjs";
-import e from "./index188.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;