@orion-ds/react 4.9.0 → 4.9.1

package/dist/blocks/templates/app/KanbanPageTemplate/KanbanPageTemplate.mjs

@@ -0,0 +1,142 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { forwardRef as b, useCallback as y } from "react";
+import { Plus as C, Edit2 as T, Trash2 as B, Calendar as D } from "lucide-react";
+import { Badge as w } from "../../../../dist/index23.mjs";
+import { Button as A } from "../../../../dist/index26.mjs";
+import e from "./KanbanPageTemplate.module.css.mjs";
+function x(i) {
+  switch (i) {
+    case "high":
+      return "error";
+    case "medium":
+      return "warning";
+    case "low":
+      return "success";
+    default:
+      return "info";
+  }
+}
+function z({
+  task: i,
+  onEdit: n,
+  onDelete: t
+}) {
+  return /* @__PURE__ */ s("div", { className: e.taskCard, children: [
+    /* @__PURE__ */ s("div", { className: e.taskHeader, children: [
+      /* @__PURE__ */ a("h4", { className: e.taskTitle, children: i.title }),
+      /* @__PURE__ */ s("div", { className: e.taskActions, children: [
+        /* @__PURE__ */ a(
+          "button",
+          {
+            className: e.taskActionButton,
+            onClick: () => n?.(i.id),
+            "aria-label": "Edit task",
+            children: /* @__PURE__ */ a(T, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ a(
+          "button",
+          {
+            className: [e.taskActionButton, e.taskActionButtonDanger].filter(Boolean).join(" "),
+            onClick: () => t?.(i.id),
+            "aria-label": "Delete task",
+            children: /* @__PURE__ */ a(B, { size: 16 })
+          }
+        )
+      ] })
+    ] }),
+    i.description && /* @__PURE__ */ a("p", { className: e.taskDescription, children: i.description }),
+    /* @__PURE__ */ s("div", { className: e.taskMeta, children: [
+      i.priority && /* @__PURE__ */ a(w, { variant: x(i.priority), size: "sm", children: i.priority }),
+      i.dueDate && /* @__PURE__ */ s("div", { className: e.dueDateBadge, children: [
+        /* @__PURE__ */ a(D, { size: 12 }),
+        new Date(i.dueDate).toLocaleDateString()
+      ] })
+    ] }),
+    i.labels && i.labels.length > 0 && /* @__PURE__ */ a("div", { className: e.labels, children: i.labels.map((c) => /* @__PURE__ */ a("span", { className: e.label, children: c }, c)) }),
+    i.assignee && /* @__PURE__ */ s("div", { className: e.assignee, children: [
+      i.assignee.avatar && /* @__PURE__ */ a(
+        "img",
+        {
+          src: i.assignee.avatar,
+          alt: i.assignee.name,
+          className: e.assigneeAvatar
+        }
+      ),
+      /* @__PURE__ */ a("span", { className: e.assigneeName, children: i.assignee.name })
+    ] })
+  ] });
+}
+const j = b(
+  ({
+    title: i = "Kanban Board",
+    columns: n = [],
+    tasks: t = [],
+    onTaskMove: c,
+    onCreateTask: h,
+    onEditTask: u,
+    onDeleteTask: o,
+    isLoading: N = !1,
+    error: m,
+    className: p,
+    ...g
+  }, v) => {
+    const f = y(
+      (l) => {
+        window.confirm("Are you sure you want to delete this task?") && o?.(l);
+      },
+      [o]
+    );
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: v,
+        className: [e.root, p].filter(Boolean).join(" "),
+        ...g,
+        children: [
+          /* @__PURE__ */ s("div", { className: e.header, children: [
+            /* @__PURE__ */ a("h1", { className: e.title, children: i }),
+            m && /* @__PURE__ */ a("div", { className: e.error, children: m })
+          ] }),
+          /* @__PURE__ */ a("div", { className: e.board, children: n.length === 0 ? /* @__PURE__ */ a("div", { className: e.emptyState, children: /* @__PURE__ */ a("p", { className: e.emptyStateText, children: "No columns configured" }) }) : n.map((l) => {
+            const d = t.filter(
+              (r) => r.columnId === l.id
+            );
+            return /* @__PURE__ */ s("div", { className: e.column, children: [
+              /* @__PURE__ */ s("div", { className: e.columnHeader, children: [
+                /* @__PURE__ */ s("div", { children: [
+                  /* @__PURE__ */ a("h3", { className: e.columnTitle, children: l.title }),
+                  /* @__PURE__ */ a("span", { className: e.columnCount, children: d.length })
+                ] }),
+                /* @__PURE__ */ a(
+                  A,
+                  {
+                    variant: "ghost",
+                    iconOnly: !0,
+                    icon: /* @__PURE__ */ a(C, { size: 18 }),
+                    onClick: () => h?.(l.id),
+                    disabled: N,
+                    "aria-label": "Add task"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("div", { className: e.tasks, children: d.length === 0 ? /* @__PURE__ */ a("div", { className: e.emptyColumn, children: /* @__PURE__ */ a("p", { className: e.emptyColumnText, children: "No tasks" }) }) : d.map((r) => /* @__PURE__ */ a(
+                z,
+                {
+                  task: r,
+                  onEdit: u,
+                  onDelete: f
+                },
+                r.id
+              )) })
+            ] }, l.id);
+          }) })
+        ]
+      }
+    );
+  }
+);
+j.displayName = "KanbanPageTemplate";
+export {
+  j as KanbanPageTemplate
+};

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

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

package/dist/blocks/templates/app/LoginTemplate/LoginTemplate.mjs

@@ -0,0 +1,143 @@
+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 "../../../../dist/index26.mjs";
+import { Card as N } from "../../../../dist/index28.mjs";
+import { Field as q } from "../../../../dist/index50.mjs";
+import e from "./LoginTemplate.module.css.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/blocks/templates/app/ProfilePageTemplate/ProfilePageTemplate.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),d=require("lucide-react"),n=require("../../../../dist/index26.cjs"),l=require("../../../../dist/index28.cjs"),a=require("./ProfilePageTemplate.module.css.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/blocks/templates/app/ProfilePageTemplate/ProfilePageTemplate.mjs

@@ -0,0 +1,194 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { forwardRef as C, useState as I, useCallback as g } from "react";
+import { Edit2 as B, LogOut as P, Phone as x, MapPin as T, Calendar as S, Lock as j } from "lucide-react";
+import { Button as d } from "../../../../dist/index26.mjs";
+import { Card as c } from "../../../../dist/index28.mjs";
+import e from "./ProfilePageTemplate.module.css.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/blocks/templates/app/SettingsTemplate/SettingsTemplate.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),h=require("lucide-react"),j=require("../../../../dist/index26.cjs"),d=require("../../../../dist/index28.cjs"),a=require("./SettingsTemplate.module.css.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/blocks/templates/app/SettingsTemplate/SettingsTemplate.mjs

@@ -0,0 +1,105 @@
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { forwardRef as B, useState as k, useCallback as j } from "react";
+import { AlertCircle as x, Check as D } from "lucide-react";
+import { Button as p } from "../../../../dist/index26.mjs";
+import { Card as n } from "../../../../dist/index28.mjs";
+import e from "./SettingsTemplate.module.css.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/calendar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/Calendar/Calendar.cjs"),r=require("./components/DatePicker/DatePicker.cjs");exports.Calendar=e.Calendar;exports.DatePicker=r.DatePicker;

package/dist/calendar.mjs

@@ -0,0 +1,6 @@
+import { Calendar as o } from "./components/Calendar/Calendar.mjs";
+import { DatePicker as t } from "./components/DatePicker/DatePicker.mjs";
+export {
+  o as Calendar,
+  t as DatePicker
+};

package/dist/chart.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components/Chart/Chart.cjs");exports.ChartContainer=t.ChartContainer;exports.ChartGradient=t.ChartGradient;exports.ChartLegend=t.ChartLegend;exports.ChartLegendContent=t.ChartLegendContent;exports.ChartTooltip=t.ChartTooltip;exports.ChartTooltipContent=t.ChartTooltipContent;

package/dist/chart.mjs

@@ -0,0 +1,9 @@
+import { ChartContainer as e, ChartGradient as n, ChartLegend as o, ChartLegendContent as C, ChartTooltip as a, ChartTooltipContent as h } from "./components/Chart/Chart.mjs";
+export {
+  e as ChartContainer,
+  n as ChartGradient,
+  o as ChartLegend,
+  C as ChartLegendContent,
+  a as ChartTooltip,
+  h as ChartTooltipContent
+};