@orion-ds/react 4.6.5 → 4.7.0

package/dist/blocks/templates/app/DashboardTemplate/DashboardTemplate.module.css.mjs

@@ -1,73 +0,0 @@
-const t = "_root_smadt_3", c = "_header_smadt_19", a = "_title_smadt_25", i = "_subtitle_smadt_32", e = "_metricsGrid_smadt_38", _ = "_metricCard_smadt_50", s = "_metricBody_smadt_61", r = "_metricHeader_smadt_68", o = "_metricLabel_smadt_74", n = "_metricIcon_smadt_82", d = "_metricValue_smadt_87", m = "_metricChange_smadt_93", y = "_changeUp_smadt_101", h = "_changeDown_smadt_105", l = "_changeNeutral_smadt_109", v = "_contentGrid_smadt_113", p = "_chartsSection_smadt_125", g = "_chartCard_smadt_131", C = "_chartBody_smadt_135", u = "_chartTitle_smadt_139", B = "_chartPlaceholder_smadt_146", D = "_activityCard_smadt_157", T = "_activityBody_smadt_161", b = "_activityTitle_smadt_165", w = "_activityList_smadt_172", G = "_activityItem_smadt_178", I = "_activityDot_smadt_189", L = "_typesuccess_smadt_197", f = "_typewarning_smadt_201", H = "_typeerror_smadt_205", N = "_typeinfo_smadt_209", P = "_activityContent_smadt_213", S = "_activityDescription_smadt_225", U = "_activityTime_smadt_231", V = {
-  root: t,
-  header: c,
-  title: a,
-  subtitle: i,
-  metricsGrid: e,
-  metricCard: _,
-  metricBody: s,
-  metricHeader: r,
-  metricLabel: o,
-  metricIcon: n,
-  metricValue: d,
-  metricChange: m,
-  changeUp: y,
-  changeDown: h,
-  changeNeutral: l,
-  contentGrid: v,
-  chartsSection: p,
-  chartCard: g,
-  chartBody: C,
-  chartTitle: u,
-  chartPlaceholder: B,
-  activityCard: D,
-  activityBody: T,
-  activityTitle: b,
-  activityList: w,
-  activityItem: G,
-  activityDot: I,
-  typesuccess: L,
-  typewarning: f,
-  typeerror: H,
-  typeinfo: N,
-  activityContent: P,
-  activityDescription: S,
-  activityTime: U
-};
-export {
-  T as activityBody,
-  D as activityCard,
-  P as activityContent,
-  S as activityDescription,
-  I as activityDot,
-  G as activityItem,
-  w as activityList,
-  U as activityTime,
-  b as activityTitle,
-  h as changeDown,
-  l as changeNeutral,
-  y as changeUp,
-  C as chartBody,
-  g as chartCard,
-  B as chartPlaceholder,
-  u as chartTitle,
-  p as chartsSection,
-  v as contentGrid,
-  V as default,
-  c as header,
-  s as metricBody,
-  _ as metricCard,
-  m as metricChange,
-  r as metricHeader,
-  n as metricIcon,
-  o as metricLabel,
-  d as metricValue,
-  e as metricsGrid,
-  t as root,
-  i as subtitle,
-  a as title,
-  H as typeerror,
-  N as typeinfo,
-  L as typesuccess,
-  f as typewarning
-};

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

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

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

@@ -1,143 +0,0 @@
-"use client";
-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/components/Badge/Badge.mjs";
-import { Button as A } from "../../../../dist/components/Button/Button.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/KanbanPageTemplate/KanbanPageTemplate.module.css.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_root_zg1rh_3",e="_header_zg1rh_21",a="_title_zg1rh_27",s="_error_zg1rh_34",o="_board_zg1rh_43",n="_emptyState_zg1rh_58",_="_emptyStateText_zg1rh_66",r="_column_zg1rh_72",c="_columnHeader_zg1rh_90",l="_columnTitle_zg1rh_99",g="_columnCount_zg1rh_106",i="_tasks_zg1rh_116",u="_emptyColumn_zg1rh_125",m="_emptyColumnText_zg1rh_133",k="_taskCard_zg1rh_139",d="_taskHeader_zg1rh_159",h="_taskTitle_zg1rh_167",z="_taskActions_zg1rh_176",p="_taskActionButton_zg1rh_187",y="_taskActionButtonDanger_zg1rh_207",T="_taskDescription_zg1rh_212",A="_taskMeta_zg1rh_223",C="_dueDateBadge_zg1rh_230",b="_labels_zg1rh_241",B="_label_zg1rh_241",D="_assignee_zg1rh_257",S="_assigneeAvatar_zg1rh_266",x="_assigneeName_zg1rh_273",H={root:t,header:e,title:a,error:s,board:o,emptyState:n,emptyStateText:_,column:r,columnHeader:c,columnTitle:l,columnCount:g,tasks:i,emptyColumn:u,emptyColumnText:m,taskCard:k,taskHeader:d,taskTitle:h,taskActions:z,taskActionButton:p,taskActionButtonDanger:y,taskDescription:T,taskMeta:A,dueDateBadge:C,labels:b,label:B,assignee:D,assigneeAvatar:S,assigneeName:x};exports.assignee=D;exports.assigneeAvatar=S;exports.assigneeName=x;exports.board=o;exports.column=r;exports.columnCount=g;exports.columnHeader=c;exports.columnTitle=l;exports.default=H;exports.dueDateBadge=C;exports.emptyColumn=u;exports.emptyColumnText=m;exports.emptyState=n;exports.emptyStateText=_;exports.error=s;exports.header=e;exports.label=B;exports.labels=b;exports.root=t;exports.taskActionButton=p;exports.taskActionButtonDanger=y;exports.taskActions=z;exports.taskCard=k;exports.taskDescription=T;exports.taskHeader=d;exports.taskMeta=A;exports.taskTitle=h;exports.tasks=i;exports.title=a;

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

@@ -1,61 +0,0 @@
-const t = "_root_zg1rh_3", e = "_header_zg1rh_21", s = "_title_zg1rh_27", a = "_error_zg1rh_34", _ = "_board_zg1rh_43", o = "_emptyState_zg1rh_58", n = "_emptyStateText_zg1rh_66", r = "_column_zg1rh_72", c = "_columnHeader_zg1rh_90", g = "_columnTitle_zg1rh_99", l = "_columnCount_zg1rh_106", i = "_tasks_zg1rh_116", m = "_emptyColumn_zg1rh_125", h = "_emptyColumnText_zg1rh_133", u = "_taskCard_zg1rh_139", z = "_taskHeader_zg1rh_159", k = "_taskTitle_zg1rh_167", d = "_taskActions_zg1rh_176", p = "_taskActionButton_zg1rh_187", y = "_taskActionButtonDanger_zg1rh_207", A = "_taskDescription_zg1rh_212", C = "_taskMeta_zg1rh_223", T = "_dueDateBadge_zg1rh_230", b = "_labels_zg1rh_241", B = "_label_zg1rh_241", D = "_assignee_zg1rh_257", x = "_assigneeAvatar_zg1rh_266", H = "_assigneeName_zg1rh_273", S = {
-  root: t,
-  header: e,
-  title: s,
-  error: a,
-  board: _,
-  emptyState: o,
-  emptyStateText: n,
-  column: r,
-  columnHeader: c,
-  columnTitle: g,
-  columnCount: l,
-  tasks: i,
-  emptyColumn: m,
-  emptyColumnText: h,
-  taskCard: u,
-  taskHeader: z,
-  taskTitle: k,
-  taskActions: d,
-  taskActionButton: p,
-  taskActionButtonDanger: y,
-  taskDescription: A,
-  taskMeta: C,
-  dueDateBadge: T,
-  labels: b,
-  label: B,
-  assignee: D,
-  assigneeAvatar: x,
-  assigneeName: H
-};
-export {
-  D as assignee,
-  x as assigneeAvatar,
-  H as assigneeName,
-  _ as board,
-  r as column,
-  l as columnCount,
-  c as columnHeader,
-  g as columnTitle,
-  S as default,
-  T as dueDateBadge,
-  m as emptyColumn,
-  h as emptyColumnText,
-  o as emptyState,
-  n as emptyStateText,
-  a as error,
-  e as header,
-  B as label,
-  b as labels,
-  t as root,
-  p as taskActionButton,
-  y as taskActionButtonDanger,
-  d as taskActions,
-  u as taskCard,
-  A as taskDescription,
-  z as taskHeader,
-  C as taskMeta,
-  k as taskTitle,
-  i as tasks,
-  s as title
-};

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

@@ -1,2 +0,0 @@
-"use client";
-"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/components/Button/Button.cjs"),x=require("../../../../dist/components/Card/Card.cjs"),T=require("../../../../dist/components/Field/Field.cjs"),s=require("./LoginTemplate.module.css.cjs"),b=t.forwardRef(({title:j="Sign in",subtitle:o="Welcome back",logo:n,onSubmit:u,isLoading:a=!1,error:m,successMessage:h,onSignupClick:p,onForgotPasswordClick:N,className:w,...v},y)=>{const[d,C]=t.useState(""),[r,S]=t.useState(""),[c,k]=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:[n&&e.jsx("div",{className:s.default.logo,children:n}),e.jsxs("div",{className:s.default.header,children:[e.jsx("h1",{className:s.default.title,children:j}),o&&e.jsx("p",{className:s.default.subtitle,children:o})]}),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=>C(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:()=>k(!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=>S(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

@@ -1,144 +0,0 @@
-"use client";
-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/components/Button/Button.mjs";
-import { Card as N } from "../../../../dist/components/Card/Card.mjs";
-import { Field as q } from "../../../../dist/components/Field/Field.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

@@ -1,2 +0,0 @@
-"use client";
-"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/components/Button/Button.cjs"),l=require("../../../../dist/components/Card/Card.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

@@ -1,195 +0,0 @@
-"use client";
-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/components/Button/Button.mjs";
-import { Card as c } from "../../../../dist/components/Card/Card.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
-};