@orion-ds/react 4.2.14 → 4.3.7

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("lucide-react"),a=require("./Pricing.module.css.cjs"),u=require("../../../components/Card/Card.cjs"),y=require("../../../components/Badge/Badge.cjs"),o=({plan:p,className:m})=>{const{name:f,price:x,period:d,description:l,features:j,action:i,popular:r,badge:c}=p,h=[a.default.pricingCard,r&&a.default.popular,m].filter(Boolean).join(" "),N=s=>typeof s=="string"?{text:s,included:!0}:{...s,included:s.included!==!1};return e.jsx(u.Card,{variant:r?"elevated":"base",className:h,children:e.jsxs(u.Card.Body,{className:a.default.cardBody,children:[e.jsxs("div",{className:a.default.cardHeader,children:[e.jsxs("div",{className:a.default.planInfo,children:[e.jsx("h3",{className:a.default.planName,children:f}),(c||r)&&e.jsx(y.Badge,{variant:r?"primary":"secondary",size:"sm",children:c||"Most Popular"})]}),e.jsxs("div",{className:a.default.priceWrapper,children:[e.jsx("span",{className:a.default.price,children:x}),d&&e.jsx("span",{className:a.default.period,children:d})]}),l&&e.jsx("p",{className:a.default.planDescription,children:l})]}),e.jsx("ul",{className:a.default.featureList,children:j.map((s,g)=>{const{text:v,included:n}=N(s);return e.jsxs("li",{className:`${a.default.featureItem} ${n?"":a.default.excluded}`,children:[e.jsx("span",{className:a.default.featureIcon,children:n?e.jsx(t.Check,{size:16}):e.jsx(t.X,{size:16})}),e.jsx("span",{className:a.default.featureText,children:v})]},g)})}),i&&e.jsx("div",{className:a.default.action,children:i})]})})};o.displayName="PricingCard";exports.PricingCard=o;

package/dist/blocks/sections/Pricing/PricingCard.d.ts

@@ -0,0 +1,7 @@
+import { PricingCardProps } from './Pricing.types';
+
+export declare const PricingCard: {
+    ({ plan, className }: PricingCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=PricingCard.d.ts.map

package/dist/blocks/sections/Pricing/PricingCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PricingCard.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Pricing/PricingCard.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAkB,MAAM,iBAAiB,CAAC;AAMxE,eAAO,MAAM,WAAW;0BAAyB,gBAAgB;;CA6DhE,CAAC"}

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

@@ -0,0 +1,40 @@
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { Check as g, X as C } from "lucide-react";
+import e from "./Pricing.module.css.mjs";
+import { Card as o } from "../../../components/Card/Card.mjs";
+import { Badge as z } from "../../../components/Badge/Badge.mjs";
+const B = ({ plan: m, className: p }) => {
+  const { name: h, price: u, period: c, description: n, features: N, action: l, popular: s, badge: d } = m, f = [e.pricingCard, s && e.popular, p].filter(Boolean).join(" "), v = (r) => typeof r == "string" ? { text: r, included: !0 } : { ...r, included: r.included !== !1 };
+  return /* @__PURE__ */ a(o, { variant: s ? "elevated" : "base", className: f, children: /* @__PURE__ */ i(o.Body, { className: e.cardBody, children: [
+    /* @__PURE__ */ i("div", { className: e.cardHeader, children: [
+      /* @__PURE__ */ i("div", { className: e.planInfo, children: [
+        /* @__PURE__ */ a("h3", { className: e.planName, children: h }),
+        (d || s) && /* @__PURE__ */ a(z, { variant: s ? "primary" : "secondary", size: "sm", children: d || "Most Popular" })
+      ] }),
+      /* @__PURE__ */ i("div", { className: e.priceWrapper, children: [
+        /* @__PURE__ */ a("span", { className: e.price, children: u }),
+        c && /* @__PURE__ */ a("span", { className: e.period, children: c })
+      ] }),
+      n && /* @__PURE__ */ a("p", { className: e.planDescription, children: n })
+    ] }),
+    /* @__PURE__ */ a("ul", { className: e.featureList, children: N.map((r, x) => {
+      const { text: y, included: t } = v(r);
+      return /* @__PURE__ */ i(
+        "li",
+        {
+          className: `${e.featureItem} ${t ? "" : e.excluded}`,
+          children: [
+            /* @__PURE__ */ a("span", { className: e.featureIcon, children: t ? /* @__PURE__ */ a(g, { size: 16 }) : /* @__PURE__ */ a(C, { size: 16 }) }),
+            /* @__PURE__ */ a("span", { className: e.featureText, children: y })
+          ]
+        },
+        x
+      );
+    }) }),
+    l && /* @__PURE__ */ a("div", { className: e.action, children: l })
+  ] }) });
+};
+B.displayName = "PricingCard";
+export {
+  B as PricingCard
+};

package/dist/blocks/sections/Pricing/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Pricing Component Exports
+ */
+export { Pricing } from './Pricing';
+export { PricingCard } from './PricingCard';
+export type { PricingProps, PricingPlan, PricingFeature, PricingCardProps, PricingColumns, } from './Pricing.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/sections/Pricing/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Pricing/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,YAAY,EACZ,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,cAAc,GACf,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),f=require("lucide-react"),e=require("./SettingsLayout.module.css.cjs"),v=o.forwardRef(({navigation:h,activeSection:i,onNavigate:j,children:m,title:n,description:c,headerActions:r,navWidth:x=240,stickyNav:N=!0,mobileNav:u=!0,className:p,style:b,...y},g)=>{const[t,d]=o.useState(!1),I=l=>{l.disabled||(j(l.id),d(!1))},S=[e.default.settingsLayout,p].filter(Boolean).join(" "),L={...b,"--nav-width":`${x}px`};return a.jsxs("div",{ref:g,className:S,style:L,...y,children:[(n||u)&&a.jsxs("header",{className:e.default.header,children:[a.jsxs("div",{className:e.default.headerContent,children:[u&&a.jsx("button",{type:"button",className:e.default.mobileNavToggle,onClick:()=>d(!t),"aria-label":"Toggle navigation",children:t?a.jsx(f.X,{size:20}):a.jsx(f.Menu,{size:20})}),a.jsxs("div",{className:e.default.headerText,children:[n&&a.jsx("h1",{className:e.default.title,children:n}),c&&a.jsx("p",{className:e.default.description,children:c})]})]}),r&&a.jsx("div",{className:e.default.headerActions,children:r})]}),a.jsxs("div",{className:e.default.body,children:[a.jsx("nav",{className:`${e.default.nav} ${N?e.default.navSticky:""} ${t?e.default.navOpen:""}`,children:h.map((l,$)=>a.jsxs("div",{className:e.default.navGroup,children:[l.title&&a.jsx("div",{className:e.default.navGroupTitle,children:l.title}),a.jsx("ul",{className:e.default.navList,children:l.items.map(s=>a.jsx("li",{children:a.jsxs("button",{type:"button",className:`${e.default.navItem} ${i===s.id?e.default.navItemActive:""} ${s.disabled?e.default.navItemDisabled:""}`,onClick:()=>I(s),"aria-current":i===s.id?"page":void 0,children:[s.icon&&a.jsx("span",{className:e.default.navItemIcon,children:s.icon}),a.jsxs("span",{className:e.default.navItemContent,children:[a.jsx("span",{className:e.default.navItemLabel,children:s.label}),s.description&&a.jsx("span",{className:e.default.navItemDescription,children:s.description})]}),s.badge&&a.jsx("span",{className:e.default.navItemBadge,children:s.badge})]})},s.id))})]},l.title||$))}),t&&a.jsx("div",{className:e.default.overlay,onClick:()=>d(!1),"aria-hidden":"true"}),a.jsx("main",{className:e.default.content,children:m})]})]})});v.displayName="SettingsLayout";exports.SettingsLayout=v;

package/dist/blocks/sections/SettingsLayout/SettingsLayout.d.ts

@@ -0,0 +1,4 @@
+import { SettingsLayoutProps } from './SettingsLayout.types';
+
+export declare const SettingsLayout: import('react').ForwardRefExoticComponent<SettingsLayoutProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SettingsLayout.d.ts.map

package/dist/blocks/sections/SettingsLayout/SettingsLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsLayout.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/SettingsLayout/SettingsLayout.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,mBAAmB,EAEpB,MAAM,wBAAwB,CAAC;AAGhC,eAAO,MAAM,cAAc,gHAkI1B,CAAC"}

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

@@ -0,0 +1,90 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { forwardRef as x, useState as L } from "react";
+import { X as S, Menu as T } from "lucide-react";
+import a from "./SettingsLayout.module.css.mjs";
+const j = x(
+  ({
+    navigation: v,
+    activeSection: d,
+    onNavigate: h,
+    children: N,
+    title: c,
+    description: r,
+    headerActions: o,
+    navWidth: p = 240,
+    stickyNav: b = !0,
+    mobileNav: m = !0,
+    className: u,
+    style: y,
+    ...f
+  }, g) => {
+    const [i, t] = L(!1), I = (l) => {
+      l.disabled || (h(l.id), t(!1));
+    }, $ = [a.settingsLayout, u].filter(Boolean).join(" "), C = {
+      ...y,
+      "--nav-width": `${p}px`
+    };
+    return /* @__PURE__ */ n("div", { ref: g, className: $, style: C, ...f, children: [
+      (c || m) && /* @__PURE__ */ n("header", { className: a.header, children: [
+        /* @__PURE__ */ n("div", { className: a.headerContent, children: [
+          m && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: a.mobileNavToggle,
+              onClick: () => t(!i),
+              "aria-label": "Toggle navigation",
+              children: i ? /* @__PURE__ */ e(S, { size: 20 }) : /* @__PURE__ */ e(T, { size: 20 })
+            }
+          ),
+          /* @__PURE__ */ n("div", { className: a.headerText, children: [
+            c && /* @__PURE__ */ e("h1", { className: a.title, children: c }),
+            r && /* @__PURE__ */ e("p", { className: a.description, children: r })
+          ] })
+        ] }),
+        o && /* @__PURE__ */ e("div", { className: a.headerActions, children: o })
+      ] }),
+      /* @__PURE__ */ n("div", { className: a.body, children: [
+        /* @__PURE__ */ e(
+          "nav",
+          {
+            className: `${a.nav} ${b ? a.navSticky : ""} ${i ? a.navOpen : ""}`,
+            children: v.map((l, k) => /* @__PURE__ */ n("div", { className: a.navGroup, children: [
+              l.title && /* @__PURE__ */ e("div", { className: a.navGroupTitle, children: l.title }),
+              /* @__PURE__ */ e("ul", { className: a.navList, children: l.items.map((s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ n(
+                "button",
+                {
+                  type: "button",
+                  className: `${a.navItem} ${d === s.id ? a.navItemActive : ""} ${s.disabled ? a.navItemDisabled : ""}`,
+                  onClick: () => I(s),
+                  "aria-current": d === s.id ? "page" : void 0,
+                  children: [
+                    s.icon && /* @__PURE__ */ e("span", { className: a.navItemIcon, children: s.icon }),
+                    /* @__PURE__ */ n("span", { className: a.navItemContent, children: [
+                      /* @__PURE__ */ e("span", { className: a.navItemLabel, children: s.label }),
+                      s.description && /* @__PURE__ */ e("span", { className: a.navItemDescription, children: s.description })
+                    ] }),
+                    s.badge && /* @__PURE__ */ e("span", { className: a.navItemBadge, children: s.badge })
+                  ]
+                }
+              ) }, s.id)) })
+            ] }, l.title || k))
+          }
+        ),
+        i && /* @__PURE__ */ e(
+          "div",
+          {
+            className: a.overlay,
+            onClick: () => t(!1),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ e("main", { className: a.content, children: N })
+      ] })
+    ] });
+  }
+);
+j.displayName = "SettingsLayout";
+export {
+  j as SettingsLayout
+};

package/dist/blocks/sections/SettingsLayout/SettingsLayout.module.css

@@ -0,0 +1 @@
+._settingsLayout_1383a_8{display:flex;flex-direction:column;min-height:100%}._header_1383a_18{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-6) var(--spacing-8);border-bottom:1px solid var(--border-subtle);background:transparent;position:relative}._header_1383a_18:before{display:none}._headerContent_1383a_34{display:flex;align-items:flex-start;gap:var(--spacing-4)}._mobileNavToggle_1383a_40{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);flex-shrink:0}._headerText_1383a_54{flex:1}._title_1383a_58{font-family:var(--font-primary);font-size:clamp(1.5rem,2vw,1.75rem);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight);letter-spacing:-.02em}._description_1383a_68{font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-secondary);margin:var(--spacing-1) 0 0 0;line-height:var(--line-height-relaxed)}._headerActions_1383a_76{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}._body_1383a_87{display:flex;flex:1;position:relative}._nav_1383a_97{width:var(--nav-width);flex-shrink:0;padding:var(--spacing-6);border-right:1px solid var(--border-subtle);background:var(--surface-base);overflow-y:auto}._navSticky_1383a_106{position:sticky;top:0;height:fit-content;max-height:100vh}._navGroup_1383a_113{margin-bottom:var(--spacing-6)}._navGroup_1383a_113:last-child{margin-bottom:0}._navGroupTitle_1383a_121{font-family:var(--font-secondary);font-size:var(--font-size-11);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-2) var(--spacing-3);margin-bottom:var(--spacing-1)}._navList_1383a_132{list-style:none;margin:0;padding:0}._navItem_1383a_138{display:flex;align-items:flex-start;gap:var(--spacing-3);width:100%;padding:var(--spacing-2-5) var(--spacing-3);font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:all var(--mode-hover-duration);margin-bottom:2px}._navItem_1383a_138:hover{background:var(--surface-subtle);color:var(--text-primary)}._navItemActive_1383a_161{background:var(--interactive-primary);color:var(--interactive-primary-text)}._navItemActive_1383a_161:hover{background:var(--interactive-primary-hover);color:var(--interactive-primary-text)}._navItemDisabled_1383a_171{opacity:.5;cursor:not-allowed}._navItemIcon_1383a_176{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;margin-top:2px}._navItemContent_1383a_186{flex:1;min-width:0;display:flex;flex-direction:column}._navItemLabel_1383a_193{font-weight:var(--font-weight-medium)}._navItemDescription_1383a_197{font-size:var(--font-size-12);opacity:.8;margin-top:2px}._navItemBadge_1383a_203{flex-shrink:0;margin-top:2px}._content_1383a_212{flex:1;padding:var(--spacing-8);overflow-y:auto;min-width:0;background:var(--surface-subtle)}._overlay_1383a_224{display:none;position:fixed;inset:0;background:var(--surface-overlay);z-index:var(--z-overlay)}@media(max-width:768px){._mobileNavToggle_1383a_40{display:flex}._nav_1383a_97{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:var(--z-modal);transform:translate(-100%);transition:transform .2s ease-out;border-right:1px solid var(--border-subtle);box-shadow:var(--shadow-xl)}._navOpen_1383a_254{transform:translate(0)}._overlay_1383a_224{display:block}._content_1383a_212,._header_1383a_18{padding:var(--spacing-4)}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_settingsLayout_1383a_8",t="_header_1383a_18",n="_headerContent_1383a_34",a="_mobileNavToggle_1383a_40",o="_headerText_1383a_54",_="_title_1383a_58",v="_description_1383a_68",s="_headerActions_1383a_76",c="_body_1383a_87",i="_nav_1383a_97",r="_navSticky_1383a_106",m="_navGroup_1383a_113",d="_navGroupTitle_1383a_121",I="_navList_1383a_132",l="_navItem_1383a_138",p="_navItemActive_1383a_161",u="_navItemDisabled_1383a_171",b="_navItemIcon_1383a_176",g="_navItemContent_1383a_186",y="_navItemLabel_1383a_193",h="_navItemDescription_1383a_197",T="_navItemBadge_1383a_203",L="_content_1383a_212",A="_overlay_1383a_224",C="_navOpen_1383a_254",D={settingsLayout:e,header:t,headerContent:n,mobileNavToggle:a,headerText:o,title:_,description:v,headerActions:s,body:c,nav:i,navSticky:r,navGroup:m,navGroupTitle:d,navList:I,navItem:l,navItemActive:p,navItemDisabled:u,navItemIcon:b,navItemContent:g,navItemLabel:y,navItemDescription:h,navItemBadge:T,content:L,overlay:A,navOpen:C};exports.body=c;exports.content=L;exports.default=D;exports.description=v;exports.header=t;exports.headerActions=s;exports.headerContent=n;exports.headerText=o;exports.mobileNavToggle=a;exports.nav=i;exports.navGroup=m;exports.navGroupTitle=d;exports.navItem=l;exports.navItemActive=p;exports.navItemBadge=T;exports.navItemContent=g;exports.navItemDescription=h;exports.navItemDisabled=u;exports.navItemIcon=b;exports.navItemLabel=y;exports.navList=I;exports.navOpen=C;exports.navSticky=r;exports.overlay=A;exports.settingsLayout=e;exports.title=_;

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

@@ -0,0 +1,55 @@
+const t = "_settingsLayout_1383a_8", n = "_header_1383a_18", e = "_headerContent_1383a_34", a = "_mobileNavToggle_1383a_40", _ = "_headerText_1383a_54", o = "_title_1383a_58", v = "_description_1383a_68", s = "_headerActions_1383a_76", c = "_body_1383a_87", i = "_nav_1383a_97", r = "_navSticky_1383a_106", m = "_navGroup_1383a_113", I = "_navGroupTitle_1383a_121", d = "_navList_1383a_132", l = "_navItem_1383a_138", p = "_navItemActive_1383a_161", y = "_navItemDisabled_1383a_171", b = "_navItemIcon_1383a_176", g = "_navItemContent_1383a_186", h = "_navItemLabel_1383a_193", u = "_navItemDescription_1383a_197", L = "_navItemBadge_1383a_203", T = "_content_1383a_212", A = "_overlay_1383a_224", C = "_navOpen_1383a_254", D = {
+  settingsLayout: t,
+  header: n,
+  headerContent: e,
+  mobileNavToggle: a,
+  headerText: _,
+  title: o,
+  description: v,
+  headerActions: s,
+  body: c,
+  nav: i,
+  navSticky: r,
+  navGroup: m,
+  navGroupTitle: I,
+  navList: d,
+  navItem: l,
+  navItemActive: p,
+  navItemDisabled: y,
+  navItemIcon: b,
+  navItemContent: g,
+  navItemLabel: h,
+  navItemDescription: u,
+  navItemBadge: L,
+  content: T,
+  overlay: A,
+  navOpen: C
+};
+export {
+  c as body,
+  T as content,
+  D as default,
+  v as description,
+  n as header,
+  s as headerActions,
+  e as headerContent,
+  _ as headerText,
+  a as mobileNavToggle,
+  i as nav,
+  m as navGroup,
+  I as navGroupTitle,
+  l as navItem,
+  p as navItemActive,
+  L as navItemBadge,
+  g as navItemContent,
+  u as navItemDescription,
+  y as navItemDisabled,
+  b as navItemIcon,
+  h as navItemLabel,
+  d as navList,
+  C as navOpen,
+  r as navSticky,
+  A as overlay,
+  t as settingsLayout,
+  o as title
+};

package/dist/blocks/sections/SettingsLayout/SettingsLayout.types.d.ts

@@ -0,0 +1,112 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Settings navigation item
+ */
+export interface SettingsNavItem {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Display label
+     */
+    label: string;
+    /**
+     * Optional icon
+     */
+    icon?: ReactNode;
+    /**
+     * Optional description
+     */
+    description?: string;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Badge content
+     */
+    badge?: ReactNode;
+}
+/**
+ * Settings navigation group
+ */
+export interface SettingsNavGroup {
+    /**
+     * Group title
+     */
+    title?: string;
+    /**
+     * Items in this group
+     */
+    items: SettingsNavItem[];
+}
+/**
+ * SettingsLayout section props
+ *
+ * @example
+ * ```tsx
+ * <SettingsLayout
+ *   navigation={[
+ *     {
+ *       title: 'Account',
+ *       items: [
+ *         { id: 'profile', label: 'Profile', icon: <User /> },
+ *         { id: 'security', label: 'Security', icon: <Lock /> }
+ *       ]
+ *     }
+ *   ]}
+ *   activeSection="profile"
+ *   onNavigate={(id) => setActiveSection(id)}
+ * >
+ *   <ProfileSettings />
+ * </SettingsLayout>
+ * ```
+ */
+export interface SettingsLayoutProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Navigation items/groups
+     */
+    navigation: SettingsNavGroup[];
+    /**
+     * Currently active section ID
+     */
+    activeSection: string;
+    /**
+     * Navigation handler
+     */
+    onNavigate: (sectionId: string) => void;
+    /**
+     * Content for the active section
+     */
+    children: ReactNode;
+    /**
+     * Page title
+     */
+    title?: string;
+    /**
+     * Page description
+     */
+    description?: string;
+    /**
+     * Header actions
+     */
+    headerActions?: ReactNode;
+    /**
+     * Navigation width in pixels
+     * @default 240
+     */
+    navWidth?: number;
+    /**
+     * Sticky navigation
+     * @default true
+     */
+    stickyNav?: boolean;
+    /**
+     * Show mobile nav toggle
+     * @default true
+     */
+    mobileNav?: boolean;
+}
+//# sourceMappingURL=SettingsLayout.types.d.ts.map

package/dist/blocks/sections/SettingsLayout/SettingsLayout.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsLayout.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/SettingsLayout/SettingsLayout.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,EAAE,eAAe,EAAE,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE;;OAEG;IACH,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAE/B;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/blocks/sections/SettingsLayout/index.d.ts

@@ -0,0 +1,3 @@
+export { SettingsLayout } from './SettingsLayout';
+export type { SettingsLayoutProps, SettingsNavItem, SettingsNavGroup, } from './SettingsLayout.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/sections/SettingsLayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/SettingsLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,MAAM,wBAAwB,CAAC"}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./SocialProof.module.css.cjs"),w=({filled:t})=>e.jsx("svg",{className:t?s.default.star:s.default.starEmpty,width:"20",height:"20",viewBox:"0 0 24 24",fill:t?"currentColor":"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"})}),N=({eyebrow:t,title:d,description:n,logos:c=[],testimonials:i=[],stats:o=[],layout:l="stacked",logoStyle:g="grid",grayscaleLogos:v=!0,background:p="subtle",compact:S=!1,className:y,...b})=>{const h=c.length>0&&l!=="testimonials-only"&&l!=="stats-only",u=o.length>0&&l!=="testimonials-only"&&l!=="logos-only",f=i.length>0&&l!=="logos-only"&&l!=="stats-only",m=()=>e.jsx("div",{className:s.default.logosSection,children:e.jsx("div",{className:g==="inline"?s.default.logosInline:s.default.logosGrid,children:c.map((a,r)=>{const I=a.href?"a":"div",k=a.href?{href:a.href,target:"_blank",rel:"noopener noreferrer"}:{};return e.jsx(I,{className:s.default.logoItem,"data-grayscale":v,...k,children:e.jsx("img",{src:a.logo,alt:a.name,className:s.default.logoImage})},r)})})}),j=()=>e.jsx("div",{className:s.default.statsSection,children:e.jsx("div",{className:s.default.statsGrid,children:o.map((a,r)=>e.jsxs("div",{className:s.default.statItem,children:[e.jsx("div",{className:s.default.statValue,children:a.value}),e.jsx("div",{className:s.default.statLabel,children:a.label})]},r))})}),x=()=>e.jsx("div",{className:s.default.testimonialsSection,children:e.jsx("div",{className:s.default.testimonialsGrid,children:i.map(a=>e.jsxs("div",{className:s.default.testimonialCard,children:[a.rating!==void 0&&e.jsx("div",{className:s.default.testimonialRating,children:[1,2,3,4,5].map(r=>e.jsx(w,{filled:r<=a.rating},r))}),e.jsx("p",{className:s.default.testimonialQuote,children:a.quote}),e.jsxs("div",{className:s.default.testimonialAuthor,children:[a.avatar&&e.jsx("img",{src:a.avatar,alt:a.author,className:s.default.authorAvatar}),e.jsxs("div",{className:s.default.authorInfo,children:[e.jsx("p",{className:s.default.authorName,children:a.author}),(a.title||a.company)&&e.jsx("p",{className:s.default.authorTitle,children:[a.title,a.company].filter(Boolean).join(", ")})]})]})]},a.id))})}),P=()=>l==="side-by-side"?e.jsxs("div",{className:s.default.sideBySide,children:[e.jsxs("div",{children:[h&&m(),u&&j()]}),e.jsx("div",{children:f&&x()})]}):e.jsxs(e.Fragment,{children:[h&&m(),u&&j(),f&&x()]});return e.jsx("section",{className:`${s.default.socialProof} ${y||""}`,"data-background":p,"data-compact":S,...b,children:e.jsxs("div",{className:s.default.container,children:[(t||d||n)&&e.jsxs("header",{className:s.default.header,children:[t&&e.jsx("span",{className:s.default.eyebrow,children:t}),d&&e.jsx("h2",{className:s.default.title,children:d}),n&&e.jsx("p",{className:s.default.description,children:n})]}),P()]})})};N.displayName="SocialProof";exports.SocialProof=N;

package/dist/blocks/sections/SocialProof/SocialProof.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { SocialProofProps } from './SocialProof.types';
+
+/**
+ * SocialProof section for displaying trust indicators
+ */
+export declare const SocialProof: React.FC<SocialProofProps>;
+//# sourceMappingURL=SocialProof.d.ts.map

package/dist/blocks/sections/SocialProof/SocialProof.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialProof.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/SocialProof/SocialProof.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAoB5D;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyJlD,CAAC"}

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

@@ -0,0 +1,107 @@
+import { jsx as a, jsxs as r, Fragment as L } from "react/jsx-runtime";
+import e from "./SocialProof.module.css.mjs";
+const P = ({ filled: n }) => /* @__PURE__ */ a(
+  "svg",
+  {
+    className: n ? e.star : e.starEmpty,
+    width: "20",
+    height: "20",
+    viewBox: "0 0 24 24",
+    fill: n ? "currentColor" : "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: /* @__PURE__ */ a("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" })
+  }
+), j = ({
+  eyebrow: n,
+  title: i,
+  description: o,
+  logos: t = [],
+  testimonials: d = [],
+  stats: h = [],
+  layout: l = "stacked",
+  logoStyle: u = "grid",
+  grayscaleLogos: S = !0,
+  background: y = "subtle",
+  compact: I = !1,
+  className: b,
+  ...k
+}) => {
+  const m = t.length > 0 && l !== "testimonials-only" && l !== "stats-only", N = h.length > 0 && l !== "testimonials-only" && l !== "logos-only", v = d.length > 0 && l !== "logos-only" && l !== "stats-only", g = () => /* @__PURE__ */ a("div", { className: e.logosSection, children: /* @__PURE__ */ a(
+    "div",
+    {
+      className: u === "inline" ? e.logosInline : e.logosGrid,
+      children: t.map((s, c) => {
+        const x = s.href ? "a" : "div", C = s.href ? { href: s.href, target: "_blank", rel: "noopener noreferrer" } : {};
+        return /* @__PURE__ */ a(
+          x,
+          {
+            className: e.logoItem,
+            "data-grayscale": S,
+            ...C,
+            children: /* @__PURE__ */ a(
+              "img",
+              {
+                src: s.logo,
+                alt: s.name,
+                className: e.logoImage
+              }
+            )
+          },
+          c
+        );
+      })
+    }
+  ) }), p = () => /* @__PURE__ */ a("div", { className: e.statsSection, children: /* @__PURE__ */ a("div", { className: e.statsGrid, children: h.map((s, c) => /* @__PURE__ */ r("div", { className: e.statItem, children: [
+    /* @__PURE__ */ a("div", { className: e.statValue, children: s.value }),
+    /* @__PURE__ */ a("div", { className: e.statLabel, children: s.label })
+  ] }, c)) }) }), f = () => /* @__PURE__ */ a("div", { className: e.testimonialsSection, children: /* @__PURE__ */ a("div", { className: e.testimonialsGrid, children: d.map((s) => /* @__PURE__ */ r("div", { className: e.testimonialCard, children: [
+    s.rating !== void 0 && /* @__PURE__ */ a("div", { className: e.testimonialRating, children: [1, 2, 3, 4, 5].map((c) => /* @__PURE__ */ a(P, { filled: c <= s.rating }, c)) }),
+    /* @__PURE__ */ a("p", { className: e.testimonialQuote, children: s.quote }),
+    /* @__PURE__ */ r("div", { className: e.testimonialAuthor, children: [
+      s.avatar && /* @__PURE__ */ a(
+        "img",
+        {
+          src: s.avatar,
+          alt: s.author,
+          className: e.authorAvatar
+        }
+      ),
+      /* @__PURE__ */ r("div", { className: e.authorInfo, children: [
+        /* @__PURE__ */ a("p", { className: e.authorName, children: s.author }),
+        (s.title || s.company) && /* @__PURE__ */ a("p", { className: e.authorTitle, children: [s.title, s.company].filter(Boolean).join(", ") })
+      ] })
+    ] })
+  ] }, s.id)) }) }), w = () => l === "side-by-side" ? /* @__PURE__ */ r("div", { className: e.sideBySide, children: [
+    /* @__PURE__ */ r("div", { children: [
+      m && g(),
+      N && p()
+    ] }),
+    /* @__PURE__ */ a("div", { children: v && f() })
+  ] }) : /* @__PURE__ */ r(L, { children: [
+    m && g(),
+    N && p(),
+    v && f()
+  ] });
+  return /* @__PURE__ */ a(
+    "section",
+    {
+      className: `${e.socialProof} ${b || ""}`,
+      "data-background": y,
+      "data-compact": I,
+      ...k,
+      children: /* @__PURE__ */ r("div", { className: e.container, children: [
+        (n || i || o) && /* @__PURE__ */ r("header", { className: e.header, children: [
+          n && /* @__PURE__ */ a("span", { className: e.eyebrow, children: n }),
+          i && /* @__PURE__ */ a("h2", { className: e.title, children: i }),
+          o && /* @__PURE__ */ a("p", { className: e.description, children: o })
+        ] }),
+        w()
+      ] })
+    }
+  );
+};
+j.displayName = "SocialProof";
+export {
+  j as SocialProof
+};

package/dist/blocks/sections/SocialProof/SocialProof.module.css

@@ -0,0 +1 @@
+._socialProof_mffl1_5{padding:var(--spacing-16) var(--spacing-4)}._socialProof_mffl1_5[data-compact=true]{padding:var(--spacing-12) var(--spacing-4)}._socialProof_mffl1_5[data-background=base]{background:var(--surface-base)}._socialProof_mffl1_5[data-background=subtle]{background:var(--surface-subtle)}._socialProof_mffl1_5[data-background=none]{background:transparent}._container_mffl1_25{max-width:var(--container-width, 1200px);margin:0 auto}._header_mffl1_30{text-align:center;margin-bottom:var(--spacing-12)}._eyebrow_mffl1_35{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-brand);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2)}._title_mffl1_45{font-family:var(--font-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0;line-height:1.2}._description_mffl1_54{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:640px;margin:0 auto}._sideBySide_mffl1_62{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center}._logosSection_mffl1_70{margin-bottom:var(--spacing-12)}._logosGrid_mffl1_74{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-8);align-items:center;justify-items:center}._logosInline_mffl1_82{display:flex;flex-wrap:wrap;gap:var(--spacing-8);align-items:center;justify-content:center}._logoItem_mffl1_90{display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}._logoItem_mffl1_90[data-grayscale=true] img{filter:grayscale(100%);opacity:.6}._logoItem_mffl1_90[data-grayscale=true]:hover img{filter:grayscale(0%);opacity:1}._logoImage_mffl1_107{max-width:120px;max-height:48px;object-fit:contain}._statsSection_mffl1_114{margin-bottom:var(--spacing-12)}._statsGrid_mffl1_118{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-8);text-align:center}._statItem_mffl1_125{padding:var(--spacing-6)}._statValue_mffl1_129{font-family:var(--font-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-brand);margin-bottom:var(--spacing-2)}._statLabel_mffl1_137{font-size:var(--font-size-base);color:var(--text-secondary)}._testimonialsSection_mffl1_143{margin-bottom:0}._testimonialsGrid_mffl1_147{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6)}._testimonialCard_mffl1_153{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-container);padding:var(--spacing-6)}._testimonialRating_mffl1_160{display:flex;gap:var(--spacing-1);margin-bottom:var(--spacing-4)}._star_mffl1_166{color:var(--color-warning)}._starEmpty_mffl1_170{color:var(--text-tertiary);opacity:.3}._testimonialQuote_mffl1_175{font-size:var(--font-size-base);color:var(--text-primary);line-height:1.6;margin:0 0 var(--spacing-6) 0;font-style:italic}._testimonialQuote_mffl1_175:before{content:'"'}._testimonialQuote_mffl1_175:after{content:'"'}._testimonialAuthor_mffl1_191{display:flex;align-items:center;gap:var(--spacing-3)}._authorAvatar_mffl1_197{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--surface-subtle)}._authorInfo_mffl1_205{flex:1}._authorName_mffl1_209{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}._authorTitle_mffl1_216{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}@media(max-width:768px){._socialProof_mffl1_5{padding:var(--spacing-12) var(--spacing-4)}._title_mffl1_45{font-size:var(--font-size-3xl)}._sideBySide_mffl1_62{grid-template-columns:1fr;gap:var(--spacing-8)}._statsGrid_mffl1_118{grid-template-columns:repeat(2,1fr)}._statValue_mffl1_129{font-size:var(--font-size-3xl)}._testimonialsGrid_mffl1_147{grid-template-columns:1fr}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_socialProof_mffl1_5",o="_container_mffl1_25",s="_header_mffl1_30",e="_eyebrow_mffl1_35",a="_title_mffl1_45",i="_description_mffl1_54",l="_sideBySide_mffl1_62",n="_logosSection_mffl1_70",_="_logosGrid_mffl1_74",m="_logosInline_mffl1_82",r="_logoItem_mffl1_90",f="_logoImage_mffl1_107",c="_statsSection_mffl1_114",d="_statsGrid_mffl1_118",u="_statItem_mffl1_125",g="_statValue_mffl1_129",h="_statLabel_mffl1_137",I="_testimonialsSection_mffl1_143",S="_testimonialsGrid_mffl1_147",y="_testimonialCard_mffl1_153",G="_testimonialRating_mffl1_160",b="_star_mffl1_166",p="_starEmpty_mffl1_170",A="_testimonialQuote_mffl1_175",v="_testimonialAuthor_mffl1_191",P="_authorAvatar_mffl1_197",T="_authorInfo_mffl1_205",w="_authorName_mffl1_209",B="_authorTitle_mffl1_216",C={socialProof:t,container:o,header:s,eyebrow:e,title:a,description:i,sideBySide:l,logosSection:n,logosGrid:_,logosInline:m,logoItem:r,logoImage:f,statsSection:c,statsGrid:d,statItem:u,statValue:g,statLabel:h,testimonialsSection:I,testimonialsGrid:S,testimonialCard:y,testimonialRating:G,star:b,starEmpty:p,testimonialQuote:A,testimonialAuthor:v,authorAvatar:P,authorInfo:T,authorName:w,authorTitle:B};exports.authorAvatar=P;exports.authorInfo=T;exports.authorName=w;exports.authorTitle=B;exports.container=o;exports.default=C;exports.description=i;exports.eyebrow=e;exports.header=s;exports.logoImage=f;exports.logoItem=r;exports.logosGrid=_;exports.logosInline=m;exports.logosSection=n;exports.sideBySide=l;exports.socialProof=t;exports.star=b;exports.starEmpty=p;exports.statItem=u;exports.statLabel=h;exports.statValue=g;exports.statsGrid=d;exports.statsSection=c;exports.testimonialAuthor=v;exports.testimonialCard=y;exports.testimonialQuote=A;exports.testimonialRating=G;exports.testimonialsGrid=S;exports.testimonialsSection=I;exports.title=a;

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

@@ -0,0 +1,63 @@
+const t = "_socialProof_mffl1_5", o = "_container_mffl1_25", s = "_header_mffl1_30", _ = "_eyebrow_mffl1_35", a = "_title_mffl1_45", e = "_description_mffl1_54", i = "_sideBySide_mffl1_62", l = "_logosSection_mffl1_70", n = "_logosGrid_mffl1_74", f = "_logosInline_mffl1_82", m = "_logoItem_mffl1_90", r = "_logoImage_mffl1_107", c = "_statsSection_mffl1_114", d = "_statsGrid_mffl1_118", u = "_statItem_mffl1_125", g = "_statValue_mffl1_129", h = "_statLabel_mffl1_137", I = "_testimonialsSection_mffl1_143", S = "_testimonialsGrid_mffl1_147", y = "_testimonialCard_mffl1_153", G = "_testimonialRating_mffl1_160", p = "_star_mffl1_166", b = "_starEmpty_mffl1_170", A = "_testimonialQuote_mffl1_175", v = "_testimonialAuthor_mffl1_191", w = "_authorAvatar_mffl1_197", B = "_authorInfo_mffl1_205", C = "_authorName_mffl1_209", E = "_authorTitle_mffl1_216", L = {
+  socialProof: t,
+  container: o,
+  header: s,
+  eyebrow: _,
+  title: a,
+  description: e,
+  sideBySide: i,
+  logosSection: l,
+  logosGrid: n,
+  logosInline: f,
+  logoItem: m,
+  logoImage: r,
+  statsSection: c,
+  statsGrid: d,
+  statItem: u,
+  statValue: g,
+  statLabel: h,
+  testimonialsSection: I,
+  testimonialsGrid: S,
+  testimonialCard: y,
+  testimonialRating: G,
+  star: p,
+  starEmpty: b,
+  testimonialQuote: A,
+  testimonialAuthor: v,
+  authorAvatar: w,
+  authorInfo: B,
+  authorName: C,
+  authorTitle: E
+};
+export {
+  w as authorAvatar,
+  B as authorInfo,
+  C as authorName,
+  E as authorTitle,
+  o as container,
+  L as default,
+  e as description,
+  _ as eyebrow,
+  s as header,
+  r as logoImage,
+  m as logoItem,
+  n as logosGrid,
+  f as logosInline,
+  l as logosSection,
+  i as sideBySide,
+  t as socialProof,
+  p as star,
+  b as starEmpty,
+  u as statItem,
+  h as statLabel,
+  g as statValue,
+  d as statsGrid,
+  c as statsSection,
+  v as testimonialAuthor,
+  y as testimonialCard,
+  A as testimonialQuote,
+  G as testimonialRating,
+  S as testimonialsGrid,
+  I as testimonialsSection,
+  a as title
+};