@orion-ds/react 4.6.5 → 4.6.6

package/dist/index128.mjs

@@ -0,0 +1,98 @@
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import f from "react";
+import e from "./index260.mjs";
+const b = f.forwardRef(
+  ({
+    brand: r,
+    linkGroups: s,
+    socialLinks: i,
+    variant: t = "default",
+    copyright: N,
+    className: m
+  }, d) => {
+    const p = (/* @__PURE__ */ new Date()).getFullYear(), h = N || `© ${p} ${r.name}. All rights reserved.`, o = t === "centered" ? e.centeredLayout : t === "minimal" ? e.minimalLayout : e.defaultLayout;
+    return t === "minimal" ? /* @__PURE__ */ a("footer", { ref: d, className: `${e.footer} ${m || ""}`, children: /* @__PURE__ */ c("div", { className: `${e.container} ${o}`, children: [
+      /* @__PURE__ */ c("div", { className: e.brandBlock, children: [
+        r.logo,
+        /* @__PURE__ */ a("h3", { className: e.brandName, children: r.name })
+      ] }),
+      i && i.length > 0 && /* @__PURE__ */ a("div", { className: e.socialLinks, children: i.map((l) => /* @__PURE__ */ a(
+        "a",
+        {
+          href: l.href,
+          className: e.socialLink,
+          "aria-label": l.label,
+          children: l.icon
+        },
+        l.label
+      )) }),
+      /* @__PURE__ */ a("p", { className: e.copyright, children: h })
+    ] }) }) : t === "centered" ? /* @__PURE__ */ a("footer", { ref: d, className: `${e.footer} ${m || ""}`, children: /* @__PURE__ */ c("div", { className: `${e.container} ${o}`, children: [
+      /* @__PURE__ */ c("div", { className: e.brandBlock, children: [
+        r.logo,
+        /* @__PURE__ */ a("h3", { className: e.brandName, children: r.name }),
+        r.description && /* @__PURE__ */ a("p", { className: e.brandDescription, children: r.description })
+      ] }),
+      s && s.length > 0 && /* @__PURE__ */ a("div", { className: e.linkGroupsRow, children: s.map((l) => /* @__PURE__ */ c("div", { className: e.linkGroup, children: [
+        /* @__PURE__ */ a("h4", { className: e.linkGroupTitle, children: l.title }),
+        l.links.map((n) => /* @__PURE__ */ a(
+          "a",
+          {
+            href: n.href,
+            className: e.link,
+            children: n.label
+          },
+          n.label
+        ))
+      ] }, l.title)) }),
+      i && i.length > 0 && /* @__PURE__ */ a("div", { className: e.socialLinks, children: i.map((l) => /* @__PURE__ */ a(
+        "a",
+        {
+          href: l.href,
+          className: e.socialLink,
+          "aria-label": l.label,
+          children: l.icon
+        },
+        l.label
+      )) }),
+      /* @__PURE__ */ a("p", { className: e.copyright, children: h })
+    ] }) }) : /* @__PURE__ */ a("footer", { ref: d, className: `${e.footer} ${m || ""}`, children: /* @__PURE__ */ c("div", { className: e.container, children: [
+      /* @__PURE__ */ c("div", { className: o, children: [
+        /* @__PURE__ */ c("div", { className: e.brandBlock, children: [
+          r.logo,
+          /* @__PURE__ */ a("h3", { className: e.brandName, children: r.name }),
+          r.description && /* @__PURE__ */ a("p", { className: e.brandDescription, children: r.description })
+        ] }),
+        s?.map((l) => /* @__PURE__ */ c("div", { className: e.linkGroup, children: [
+          /* @__PURE__ */ a("h4", { className: e.linkGroupTitle, children: l.title }),
+          l.links.map((n) => /* @__PURE__ */ a(
+            "a",
+            {
+              href: n.href,
+              className: e.link,
+              children: n.label
+            },
+            n.label
+          ))
+        ] }, l.title))
+      ] }),
+      /* @__PURE__ */ c("div", { className: e.bottom, children: [
+        /* @__PURE__ */ a("p", { className: e.copyright, children: h }),
+        i && i.length > 0 && /* @__PURE__ */ a("div", { className: e.socialLinks, children: i.map((l) => /* @__PURE__ */ a(
+          "a",
+          {
+            href: l.href,
+            className: e.socialLink,
+            "aria-label": l.label,
+            children: l.icon
+          },
+          l.label
+        )) })
+      ] })
+    ] }) });
+  }
+);
+b.displayName = "Footer";
+export {
+  b as Footer
+};

package/dist/index129.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("react"),e=require("./index268.cjs"),c=u.forwardRef(({title:a,images:r,columns:t=3,className:d,...i},n)=>{const o=t===2?e.default.cols2:t===4?e.default.cols4:e.default.cols3;return l.jsx("section",{ref:n,className:`${e.default.section} ${d||""}`,...i,children:l.jsxs("div",{className:e.default.container,children:[a&&l.jsx("h2",{className:e.default.title,children:a}),l.jsx("div",{className:`${e.default.grid} ${o}`,children:r.map(s=>l.jsxs("div",{className:e.default.item,children:[l.jsx("img",{src:s.src,alt:s.alt,className:e.default.image}),s.caption&&l.jsx("p",{className:e.default.caption,children:s.caption})]},s.id))})]})})});c.displayName="Gallery";exports.Gallery=c;

package/dist/index129.mjs

@@ -0,0 +1,34 @@
+import { jsx as l, jsxs as e } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import s from "./index268.mjs";
+const p = m(
+  ({ title: a, images: i, columns: r = 3, className: o, ...t }, n) => {
+    const d = r === 2 ? s.cols2 : r === 4 ? s.cols4 : s.cols3;
+    return /* @__PURE__ */ l(
+      "section",
+      {
+        ref: n,
+        className: `${s.section} ${o || ""}`,
+        ...t,
+        children: /* @__PURE__ */ e("div", { className: s.container, children: [
+          a && /* @__PURE__ */ l("h2", { className: s.title, children: a }),
+          /* @__PURE__ */ l("div", { className: `${s.grid} ${d}`, children: i.map((c) => /* @__PURE__ */ e("div", { className: s.item, children: [
+            /* @__PURE__ */ l(
+              "img",
+              {
+                src: c.src,
+                alt: c.alt,
+                className: s.image
+              }
+            ),
+            c.caption && /* @__PURE__ */ l("p", { className: s.caption, children: c.caption })
+          ] }, c.id)) })
+        ] })
+      }
+    );
+  }
+);
+p.displayName = "Gallery";
+export {
+  p as Gallery
+};

package/dist/index130.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),h=require("react"),g=require("./index131.cjs"),e=require("./index248.cjs"),l=h.forwardRef(({title:c,description:t,primaryAction:a,secondaryAction:r,align:d="center",size:i="md",className:n},o)=>{const u=i==="sm"?e.default.sm:i==="lg"?e.default.lg:"",f=d==="left"?e.default.left:"";return s.jsx("section",{ref:o,className:`${e.default.section} ${u} ${f} ${n||""}`,children:s.jsxs("div",{className:e.default.container,children:[s.jsx("h1",{className:e.default.title,children:c}),t&&s.jsx("p",{className:e.default.description,children:t}),(a||r)&&s.jsxs("div",{className:e.default.actions,children:[a,r]})]})})});l.displayName="Hero";l.Highlight=g.HeroHighlight;exports.Hero=l;

package/dist/index130.mjs

@@ -0,0 +1,37 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import g from "react";
+import { HeroHighlight as p } from "./index131.mjs";
+import s from "./index248.mjs";
+const o = g.forwardRef(
+  ({
+    title: c,
+    description: l,
+    primaryAction: r,
+    secondaryAction: t,
+    align: m = "center",
+    size: i = "md",
+    className: n
+  }, h) => {
+    const d = i === "sm" ? s.sm : i === "lg" ? s.lg : "", f = m === "left" ? s.left : "";
+    return /* @__PURE__ */ e(
+      "section",
+      {
+        ref: h,
+        className: `${s.section} ${d} ${f} ${n || ""}`,
+        children: /* @__PURE__ */ a("div", { className: s.container, children: [
+          /* @__PURE__ */ e("h1", { className: s.title, children: c }),
+          l && /* @__PURE__ */ e("p", { className: s.description, children: l }),
+          (r || t) && /* @__PURE__ */ a("div", { className: s.actions, children: [
+            r,
+            t
+          ] })
+        ] })
+      }
+    );
+  }
+);
+o.displayName = "Hero";
+o.Highlight = p;
+export {
+  o as Hero
+};

package/dist/index131.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("./index248.cjs"),e=({children:t,className:i})=>r.jsx("span",{className:`${o.default.highlight} ${i||""}`,children:t});e.displayName="HeroHighlight";exports.HeroHighlight=e;

package/dist/index131.mjs

@@ -0,0 +1,10 @@
+import { jsx as t } from "react/jsx-runtime";
+import o from "./index248.mjs";
+const s = ({
+  children: i,
+  className: r
+}) => /* @__PURE__ */ t("span", { className: `${o.highlight} ${r || ""}`, children: i });
+s.displayName = "HeroHighlight";
+export {
+  s as HeroHighlight
+};

package/dist/index132.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),n=require("lucide-react"),b=require("./index190.cjs"),y=require("./index191.cjs"),a=require("./index192.cjs");function T(s){switch(s){case"high":return"error";case"medium":return"warning";case"low":return"success";default:return"info"}}function C({task:s,onEdit:i,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:()=>i?.(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:i=[],tasks:d=[],onTaskMove:r,onCreateTask:f,onEditTask:x,onDeleteTask:u,isLoading:j=!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:i.length===0?e.jsx("div",{className:a.default.emptyState,children:e.jsx("p",{className:a.default.emptyStateText,children:"No columns configured"})}):i.map(l=>{const c=d.filter(t=>t.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:j,"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(t=>e.jsx(C,{task:t,onEdit:x,onDelete:v},t.id))})]},l.id)})})]})});h.displayName="KanbanPageTemplate";exports.KanbanPageTemplate=h;

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

package/dist/index134.cjs

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

package/dist/index134.mjs

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

package/dist/index135.cjs

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

package/dist/index135.mjs

@@ -0,0 +1,50 @@
+import { jsx as s, jsxs as l } from "react/jsx-runtime";
+import y, { useState as m } from "react";
+import e from "./index253.mjs";
+const g = y.forwardRef(
+  ({
+    title: n,
+    description: r,
+    placeholder: c = "Enter your email",
+    submitLabel: o = "Subscribe",
+    disclaimer: i,
+    size: u = "md",
+    onSubmit: d,
+    className: p
+  }, b) => {
+    const [t, h] = m(""), [N, f] = m(!1), S = (a) => {
+      a.preventDefault(), t.trim() && (d?.(t), f(!0));
+    };
+    return /* @__PURE__ */ s(
+      "section",
+      {
+        ref: b,
+        className: `${e.section} ${u === "sm" ? e.sectionSm : ""} ${p || ""}`,
+        children: /* @__PURE__ */ l("div", { className: e.inner, children: [
+          /* @__PURE__ */ s("h2", { className: e.title, children: n }),
+          r && /* @__PURE__ */ s("p", { className: e.description, children: r }),
+          N ? /* @__PURE__ */ s("p", { className: e.successMessage, children: "Thanks for subscribing!" }) : /* @__PURE__ */ l("form", { className: e.form, onSubmit: S, children: [
+            /* @__PURE__ */ s(
+              "input",
+              {
+                type: "email",
+                className: e.input,
+                placeholder: c,
+                value: t,
+                onChange: (a) => h(a.target.value),
+                required: !0,
+                "aria-label": "Email address"
+              }
+            ),
+            /* @__PURE__ */ s("button", { type: "submit", className: e.submitButton, children: o })
+          ] }),
+          i && /* @__PURE__ */ s("p", { className: e.disclaimer, children: i })
+        ] })
+      }
+    );
+  }
+);
+g.displayName = "Newsletter";
+export {
+  g as Newsletter
+};

package/dist/index136.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),d=require("./index255.cjs"),r=require("./index256.cjs"),s=u.forwardRef(({title:i,description:a,plans:n,className:l},t)=>e.jsx("section",{ref:t,className:`${r.default.section} ${l||""}`,children:e.jsxs("div",{className:r.default.container,children:[(i||a)&&e.jsxs("div",{className:r.default.header,children:[i&&e.jsx("h2",{className:r.default.title,children:i}),a&&e.jsx("p",{className:r.default.description,children:a})]}),e.jsx("div",{className:r.default.grid,children:n.map(c=>e.jsx(d.PricingCard,{...c},c.name))})]})}));s.displayName="Pricing";s.Card=d.PricingCard;exports.Pricing=s;

package/dist/index136.mjs

@@ -0,0 +1,18 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import t from "react";
+import { PricingCard as m } from "./index255.mjs";
+import r from "./index256.mjs";
+const d = t.forwardRef(
+  ({ title: a, description: i, plans: n, className: o }, l) => /* @__PURE__ */ e("section", { ref: l, className: `${r.section} ${o || ""}`, children: /* @__PURE__ */ c("div", { className: r.container, children: [
+    (a || i) && /* @__PURE__ */ c("div", { className: r.header, children: [
+      a && /* @__PURE__ */ e("h2", { className: r.title, children: a }),
+      i && /* @__PURE__ */ e("p", { className: r.description, children: i })
+    ] }),
+    /* @__PURE__ */ e("div", { className: r.grid, children: n.map((s) => /* @__PURE__ */ e(m, { ...s }, s.name)) })
+  ] }) })
+);
+d.displayName = "Pricing";
+d.Card = m;
+export {
+  d as Pricing
+};

package/dist/index137.cjs

@@ -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("./index191.cjs"),l=require("./index196.cjs"),a=require("./index197.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;