@orion-ds/react 4.9.1 → 4.9.3

package/dist/blocks/sections/AgentFolder/AgentFolder.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("lucide-react");const l=require("../../../dist/index19.cjs"),o=require("../../../dist/index37.cjs"),t=({agents:r,agentCount:n,...a})=>e.jsx(o.CollapsibleFolder,{...a,items:r,itemCount:n,itemLabel:"Agente",itemLabelPlural:"Agentes",emptyText:"No hay agentes en esta carpeta",sortLabel:"Ordenar",renderItem:i=>e.jsx(l.AgentCard,{...i})});t.displayName="AgentFolder";exports.AgentFolder=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@orion-ds/react"),r=({agents:a,agentCount:n,...l})=>e.jsx(t.CollapsibleFolder,{...l,items:a,itemCount:n,itemLabel:"Agente",itemLabelPlural:"Agentes",emptyText:"No hay agentes en esta carpeta",sortLabel:"Ordenar",renderItem:o=>e.jsx(t.AgentCard,{...o})});r.displayName="AgentFolder";exports.AgentFolder=r;

package/dist/blocks/sections/AgentFolder/AgentFolder.mjs

@@ -1,8 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import "lucide-react";
-import { AgentCard as m } from "../../../dist/index19.mjs";
-import { CollapsibleFolder as l } from "../../../dist/index37.mjs";
-const s = ({
+import { CollapsibleFolder as l, AgentCard as m } from "@orion-ds/react";
+const n = ({
   agents: t,
   agentCount: r,
   ...a
@@ -19,7 +17,7 @@ const s = ({
     renderItem: (o) => /* @__PURE__ */ e(m, { ...o })
   }
 );
-s.displayName = "AgentFolder";
+n.displayName = "AgentFolder";
 export {
-  s as AgentFolder
+  n as AgentFolder
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react");require("lucide-react");const c=require("../../../../dist/index26.cjs"),n=require("../../../../dist/index28.cjs"),o=require("../../../../dist/index50.cjs"),t=require("./AgentEditor.module.css.cjs"),p=d.forwardRef(({title:h="Edit Agent",agent:x,availableModels:i=["gpt-4","gpt-3.5-turbo","claude-3-opus"],onSave:m,onCancel:f,isLoading:r=!1,error:u,className:j,...v},b)=>{const[l,g]=d.useState(x||{id:"",name:"",description:"",model:i[0]||"gpt-4",systemPrompt:"",temperature:.7,maxTokens:2e3}),s=d.useCallback((a,C)=>{g(y=>({...y,[a]:C}))},[]),N=d.useCallback(()=>{l.name.trim()&&m?.(l)},[l,m]);return e.jsx("div",{ref:b,className:[t.default.root,j].filter(Boolean).join(" "),...v,children:e.jsxs(n.Card,{children:[e.jsx(n.Card.Header,{children:e.jsx("h2",{className:t.default.title,children:h})}),e.jsxs(n.Card.Body,{className:t.default.body,children:[u&&e.jsx("div",{className:t.default.error,children:u}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(o.Field,{label:"Agent Name",type:"text",placeholder:"e.g., Customer Support Bot",value:l.name,onChange:a=>s("name",a.target.value),disabled:r})}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(o.Field,{label:"Description",placeholder:"Brief description of the agent's purpose",value:l.description,onChange:a=>s("description",a.target.value),disabled:r})}),e.jsxs("div",{className:t.default.formRow,children:[e.jsxs("div",{className:t.default.formGroup,children:[e.jsx("label",{htmlFor:"model",className:t.default.label,children:"Model"}),e.jsx("select",{id:"model",className:t.default.select,value:l.model,onChange:a=>s("model",a.target.value),disabled:r,children:i.map(a=>e.jsx("option",{value:a,children:a},a))})]}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(o.Field,{label:"Temperature",type:"number",min:"0",max:"2",step:"0.1",value:l.temperature,onChange:a=>s("temperature",parseFloat(a.target.value)),disabled:r})})]}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(o.Field,{label:"Max Tokens",type:"number",min:"1",max:"32000",value:l.maxTokens,onChange:a=>s("maxTokens",parseInt(a.target.value,10)),disabled:r})}),e.jsxs("div",{className:t.default.formGroup,children:[e.jsx("label",{htmlFor:"system-prompt",className:t.default.label,children:"System Prompt"}),e.jsx("textarea",{id:"system-prompt",className:t.default.textarea,placeholder:"Define the agent's behavior and instructions",value:l.systemPrompt,onChange:a=>s("systemPrompt",a.target.value),disabled:r,rows:6})]})]}),e.jsxs(n.Card.Footer,{className:t.default.footer,children:[e.jsx(c.Button,{variant:"ghost",onClick:f,disabled:r,children:"Cancel"}),e.jsx(c.Button,{variant:"primary",onClick:N,isLoading:r,disabled:!l.name.trim(),children:"Save Agent"})]})]})})});p.displayName="AgentEditor";exports.AgentEditor=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),r=require("@orion-ds/react"),t=require("./AgentEditor.module.css.cjs"),c=o.forwardRef(({title:u="Edit Agent",agent:p,availableModels:n=["gpt-4","gpt-3.5-turbo","claude-3-opus"],onSave:i,onCancel:h,isLoading:s=!1,error:m,className:x,...f},j)=>{const[l,v]=o.useState(p||{id:"",name:"",description:"",model:n[0]||"gpt-4",systemPrompt:"",temperature:.7,maxTokens:2e3}),d=o.useCallback((a,g)=>{v(N=>({...N,[a]:g}))},[]),b=o.useCallback(()=>{l.name.trim()&&i?.(l)},[l,i]);return e.jsx("div",{ref:j,className:[t.default.root,x].filter(Boolean).join(" "),...f,children:e.jsxs(r.Card,{children:[e.jsx(r.Card.Header,{children:e.jsx("h2",{className:t.default.title,children:u})}),e.jsxs(r.Card.Body,{className:t.default.body,children:[m&&e.jsx("div",{className:t.default.error,children:m}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(r.Field,{label:"Agent Name",type:"text",placeholder:"e.g., Customer Support Bot",value:l.name,onChange:a=>d("name",a.target.value),disabled:s})}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(r.Field,{label:"Description",placeholder:"Brief description of the agent's purpose",value:l.description,onChange:a=>d("description",a.target.value),disabled:s})}),e.jsxs("div",{className:t.default.formRow,children:[e.jsxs("div",{className:t.default.formGroup,children:[e.jsx("label",{htmlFor:"model",className:t.default.label,children:"Model"}),e.jsx("select",{id:"model",className:t.default.select,value:l.model,onChange:a=>d("model",a.target.value),disabled:s,children:n.map(a=>e.jsx("option",{value:a,children:a},a))})]}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(r.Field,{label:"Temperature",type:"number",min:"0",max:"2",step:"0.1",value:l.temperature,onChange:a=>d("temperature",parseFloat(a.target.value)),disabled:s})})]}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(r.Field,{label:"Max Tokens",type:"number",min:"1",max:"32000",value:l.maxTokens,onChange:a=>d("maxTokens",parseInt(a.target.value,10)),disabled:s})}),e.jsxs("div",{className:t.default.formGroup,children:[e.jsx("label",{htmlFor:"system-prompt",className:t.default.label,children:"System Prompt"}),e.jsx("textarea",{id:"system-prompt",className:t.default.textarea,placeholder:"Define the agent's behavior and instructions",value:l.systemPrompt,onChange:a=>d("systemPrompt",a.target.value),disabled:s,rows:6})]})]}),e.jsxs(r.Card.Footer,{className:t.default.footer,children:[e.jsx(r.Button,{variant:"ghost",onClick:h,disabled:s,children:"Cancel"}),e.jsx(r.Button,{variant:"primary",onClick:b,isLoading:s,disabled:!l.name.trim(),children:"Save Agent"})]})]})})});c.displayName="AgentEditor";exports.AgentEditor=c;

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

@@ -1,20 +1,17 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { forwardRef as F, useState as G, useCallback as p } from "react";
-import "lucide-react";
-import { Button as h } from "../../../../dist/index26.mjs";
-import { Card as m } from "../../../../dist/index28.mjs";
-import { Field as n } from "../../../../dist/index50.mjs";
+import { Card as m, Field as n, Button as h } from "@orion-ds/react";
 import r from "./AgentEditor.module.css.mjs";
 const A = F(
   ({
     title: u = "Edit Agent",
     agent: v,
-    availableModels: i = ["gpt-4", "gpt-3.5-turbo", "claude-3-opus"],
-    onSave: d,
-    onCancel: f,
+    availableModels: d = ["gpt-4", "gpt-3.5-turbo", "claude-3-opus"],
+    onSave: i,
+    onCancel: b,
     isLoading: l = !1,
     error: c,
-    className: b,
+    className: f,
     ...g
   }, N) => {
     const [t, y] = G(
@@ -22,27 +19,27 @@ const A = F(
         id: "",
         name: "",
         description: "",
-        model: i[0] || "gpt-4",
+        model: d[0] || "gpt-4",
         systemPrompt: "",
         temperature: 0.7,
         maxTokens: 2e3
       }
     ), o = p(
-      (a, C) => {
+      (a, x) => {
         y((k) => ({
           ...k,
-          [a]: C
+          [a]: x
         }));
       },
       []
-    ), x = p(() => {
-      t.name.trim() && d?.(t);
-    }, [t, d]);
+    ), C = p(() => {
+      t.name.trim() && i?.(t);
+    }, [t, i]);
     return /* @__PURE__ */ e(
       "div",
       {
         ref: N,
-        className: [r.root, b].filter(Boolean).join(" "),
+        className: [r.root, f].filter(Boolean).join(" "),
         ...g,
         children: /* @__PURE__ */ s(m, { children: [
           /* @__PURE__ */ e(m.Header, { children: /* @__PURE__ */ e("h2", { className: r.title, children: u }) }),
@@ -80,7 +77,7 @@ const A = F(
                     value: t.model,
                     onChange: (a) => o("model", a.target.value),
                     disabled: l,
-                    children: i.map((a) => /* @__PURE__ */ e("option", { value: a, children: a }, a))
+                    children: d.map((a) => /* @__PURE__ */ e("option", { value: a, children: a }, a))
                   }
                 )
               ] }),
@@ -131,7 +128,7 @@ const A = F(
               h,
               {
                 variant: "ghost",
-                onClick: f,
+                onClick: b,
                 disabled: l,
                 children: "Cancel"
               }
@@ -140,7 +137,7 @@ const A = F(
               h,
               {
                 variant: "primary",
-                onClick: x,
+                onClick: C,
                 isLoading: l,
                 disabled: !t.name.trim(),
                 children: "Save Agent"

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("lucide-react"),k=require("../../../../dist/index23.cjs"),j=require("../../../../dist/index26.cjs"),d=require("../../../../dist/index28.cjs"),a=require("./AgentWorkspace.module.css.cjs");function B(l){switch(l){case"active":return"success";case"inactive":return"info";case"error":return"error";default:return"info"}}function S(l){return l.charAt(0).toUpperCase()+l.slice(1)}const x=r.forwardRef(({title:l="Agent Workspace",agents:n=[],selectedAgentId:p,onSelectAgent:N,onCreateAgent:c,onDeleteAgent:o,onEditAgent:u,isLoading:m=!1,error:f,subtitle:h,className:g,...C},v)=>{const y=r.useCallback((t,s)=>{s.stopPropagation(),window.confirm("Are you sure you want to delete this agent?")&&o?.(t)},[o]),b=r.useCallback((t,s)=>{s.stopPropagation(),u?.(t)},[u]);return e.jsxs("div",{ref:v,className:[a.default.root,g].filter(Boolean).join(" "),...C,children:[e.jsxs("div",{className:a.default.header,children:[e.jsxs("div",{className:a.default.headerContent,children:[e.jsx("h1",{className:a.default.title,children:l}),h&&e.jsx("p",{className:a.default.subtitle,children:h})]}),e.jsx(j.Button,{variant:"primary",icon:e.jsx(i.Plus,{size:20}),onClick:c,disabled:m,children:"New Agent"})]}),f&&e.jsx("div",{className:a.default.error,children:f}),e.jsx("div",{className:a.default.grid,children:n.length===0?e.jsx(d.Card,{className:a.default.emptyState,children:e.jsxs(d.Card.Body,{className:a.default.emptyStateBody,children:[e.jsx("div",{className:a.default.emptyStateIcon,children:"📋"}),e.jsx("h3",{className:a.default.emptyStateTitle,children:"No agents yet"}),e.jsx("p",{className:a.default.emptyStateText,children:"Create your first agent to get started"}),e.jsx(j.Button,{variant:"primary",onClick:c,disabled:m,children:"Create Agent"})]})}):n.map(t=>e.jsx(d.Card,{className:[a.default.agentCard,p===t.id&&a.default.agentCardSelected].filter(Boolean).join(" "),onClick:()=>N?.(t.id),children:e.jsxs(d.Card.Body,{className:a.default.agentCardBody,children:[e.jsxs("div",{className:a.default.agentHeader,children:[e.jsxs("div",{className:a.default.agentInfo,children:[e.jsx("h3",{className:a.default.agentName,children:t.name}),e.jsx(k.Badge,{variant:B(t.status),size:"sm",children:S(t.status)})]}),e.jsxs("div",{className:a.default.agentActions,children:[e.jsx("button",{className:a.default.actionButton,onClick:s=>b(t.id,s),"aria-label":"Edit agent",title:"Edit agent",children:e.jsx(i.Edit2,{size:18})}),e.jsx("button",{className:[a.default.actionButton,a.default.actionButtonDanger].join(" "),onClick:s=>y(t.id,s),"aria-label":"Delete agent",title:"Delete agent",children:e.jsx(i.Trash2,{size:18})})]})]}),e.jsx("p",{className:a.default.agentDescription,children:t.description}),e.jsxs("div",{className:a.default.agentMeta,children:[e.jsxs("div",{className:a.default.metaItem,children:[e.jsx(i.Clock,{size:14}),e.jsxs("span",{className:a.default.metaLabel,children:["Updated"," ",new Date(t.lastUpdated).toLocaleDateString()]})]}),t.usageCount!==void 0&&e.jsx("div",{className:a.default.metaItem,children:e.jsxs("span",{className:a.default.metaLabel,children:[t.usageCount," uses"]})})]})]})},t.id))})]})});x.displayName="AgentWorkspace";exports.AgentWorkspace=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),l=require("@orion-ds/react"),i=require("lucide-react"),a=require("./AgentWorkspace.module.css.cjs");function b(d){switch(d){case"active":return"success";case"inactive":return"info";case"error":return"error";default:return"info"}}function k(d){return d.charAt(0).toUpperCase()+d.slice(1)}const j=r.forwardRef(({title:d="Agent Workspace",agents:c=[],selectedAgentId:x,onSelectAgent:p,onCreateAgent:n,onDeleteAgent:o,onEditAgent:u,isLoading:m=!1,error:f,subtitle:h,className:N,...g},C)=>{const v=r.useCallback((t,s)=>{s.stopPropagation(),window.confirm("Are you sure you want to delete this agent?")&&o?.(t)},[o]),y=r.useCallback((t,s)=>{s.stopPropagation(),u?.(t)},[u]);return e.jsxs("div",{ref:C,className:[a.default.root,N].filter(Boolean).join(" "),...g,children:[e.jsxs("div",{className:a.default.header,children:[e.jsxs("div",{className:a.default.headerContent,children:[e.jsx("h1",{className:a.default.title,children:d}),h&&e.jsx("p",{className:a.default.subtitle,children:h})]}),e.jsx(l.Button,{variant:"primary",icon:e.jsx(i.Plus,{size:20}),onClick:n,disabled:m,children:"New Agent"})]}),f&&e.jsx("div",{className:a.default.error,children:f}),e.jsx("div",{className:a.default.grid,children:c.length===0?e.jsx(l.Card,{className:a.default.emptyState,children:e.jsxs(l.Card.Body,{className:a.default.emptyStateBody,children:[e.jsx("div",{className:a.default.emptyStateIcon,children:"📋"}),e.jsx("h3",{className:a.default.emptyStateTitle,children:"No agents yet"}),e.jsx("p",{className:a.default.emptyStateText,children:"Create your first agent to get started"}),e.jsx(l.Button,{variant:"primary",onClick:n,disabled:m,children:"Create Agent"})]})}):c.map(t=>e.jsx(l.Card,{className:[a.default.agentCard,x===t.id&&a.default.agentCardSelected].filter(Boolean).join(" "),onClick:()=>p?.(t.id),children:e.jsxs(l.Card.Body,{className:a.default.agentCardBody,children:[e.jsxs("div",{className:a.default.agentHeader,children:[e.jsxs("div",{className:a.default.agentInfo,children:[e.jsx("h3",{className:a.default.agentName,children:t.name}),e.jsx(l.Badge,{variant:b(t.status),size:"sm",children:k(t.status)})]}),e.jsxs("div",{className:a.default.agentActions,children:[e.jsx("button",{className:a.default.actionButton,onClick:s=>y(t.id,s),"aria-label":"Edit agent",title:"Edit agent",children:e.jsx(i.Edit2,{size:18})}),e.jsx("button",{className:[a.default.actionButton,a.default.actionButtonDanger].join(" "),onClick:s=>v(t.id,s),"aria-label":"Delete agent",title:"Delete agent",children:e.jsx(i.Trash2,{size:18})})]})]}),e.jsx("p",{className:a.default.agentDescription,children:t.description}),e.jsxs("div",{className:a.default.agentMeta,children:[e.jsxs("div",{className:a.default.metaItem,children:[e.jsx(i.Clock,{size:14}),e.jsxs("span",{className:a.default.metaLabel,children:["Updated"," ",new Date(t.lastUpdated).toLocaleDateString()]})]}),t.usageCount!==void 0&&e.jsx("div",{className:a.default.metaItem,children:e.jsxs("span",{className:a.default.metaLabel,children:[t.usageCount," uses"]})})]})]})},t.id))})]})});j.displayName="AgentWorkspace";exports.AgentWorkspace=j;

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

@@ -1,11 +1,9 @@
 import { jsxs as i, jsx as a } from "react/jsx-runtime";
 import { forwardRef as k, useCallback as u } from "react";
-import { Plus as S, Edit2 as w, Trash2 as D, Clock as j } from "lucide-react";
-import { Badge as x } from "../../../../dist/index23.mjs";
-import { Button as N } from "../../../../dist/index26.mjs";
-import { Card as l } from "../../../../dist/index28.mjs";
+import { Button as N, Card as l, Badge as S } from "@orion-ds/react";
+import { Plus as w, Edit2 as D, Trash2 as j, Clock as z } from "lucide-react";
 import e from "./AgentWorkspace.module.css.mjs";
-function z(r) {
+function A(r) {
   switch (r) {
     case "active":
       return "success";
@@ -17,7 +15,7 @@ function z(r) {
       return "info";
   }
 }
-function A(r) {
+function x(r) {
   return r.charAt(0).toUpperCase() + r.slice(1);
 }
 const I = k(
@@ -62,7 +60,7 @@ const I = k(
               N,
               {
                 variant: "primary",
-                icon: /* @__PURE__ */ a(S, { size: 20 }),
+                icon: /* @__PURE__ */ a(w, { size: 20 }),
                 onClick: c,
                 disabled: m,
                 children: "New Agent"
@@ -95,7 +93,7 @@ const I = k(
                 /* @__PURE__ */ i("div", { className: e.agentHeader, children: [
                   /* @__PURE__ */ i("div", { className: e.agentInfo, children: [
                     /* @__PURE__ */ a("h3", { className: e.agentName, children: t.name }),
-                    /* @__PURE__ */ a(x, { variant: z(t.status), size: "sm", children: A(t.status) })
+                    /* @__PURE__ */ a(S, { variant: A(t.status), size: "sm", children: x(t.status) })
                   ] }),
                   /* @__PURE__ */ i("div", { className: e.agentActions, children: [
                     /* @__PURE__ */ a(
@@ -105,7 +103,7 @@ const I = k(
                         onClick: (s) => b(t.id, s),
                         "aria-label": "Edit agent",
                         title: "Edit agent",
-                        children: /* @__PURE__ */ a(w, { size: 18 })
+                        children: /* @__PURE__ */ a(D, { size: 18 })
                       }
                     ),
                     /* @__PURE__ */ a(
@@ -118,7 +116,7 @@ const I = k(
                         onClick: (s) => B(t.id, s),
                         "aria-label": "Delete agent",
                         title: "Delete agent",
-                        children: /* @__PURE__ */ a(D, { size: 18 })
+                        children: /* @__PURE__ */ a(j, { size: 18 })
                       }
                     )
                   ] })
@@ -126,7 +124,7 @@ const I = k(
                 /* @__PURE__ */ a("p", { className: e.agentDescription, children: t.description }),
                 /* @__PURE__ */ i("div", { className: e.agentMeta, children: [
                   /* @__PURE__ */ i("div", { className: e.metaItem, children: [
-                    /* @__PURE__ */ a(j, { size: 14 }),
+                    /* @__PURE__ */ a(z, { size: 14 }),
                     /* @__PURE__ */ i("span", { className: e.metaLabel, children: [
                       "Updated",
                       " ",

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("lucide-react"),C=require("../../../../dist/index26.cjs"),a=require("./ChatPageTemplate.module.css.cjs"),h=t.forwardRef(({title:j="Chat",messages:d=[],inputPlaceholder:x="Type a message...",onSendMessage:c,participants:u=[],selectedParticipantId:N,onSelectParticipant:p,isTyping:v=!1,isLoading:l=!1,error:m,className:b,...g},y)=>{const[i,o]=t.useState(""),f=t.useRef(null);t.useEffect(()=>{f.current?.scrollIntoView({behavior:"smooth"})},[d]);const n=t.useCallback(()=>{i.trim()&&(c?.(i.trim()),o(""))},[i,c]),S=t.useCallback(s=>{s.key==="Enter"&&!s.shiftKey&&(s.preventDefault(),n())},[n]);return e.jsxs("div",{ref:y,className:[a.default.root,b].filter(Boolean).join(" "),...g,children:[u.length>0&&e.jsxs("div",{className:a.default.sidebar,children:[e.jsx("h3",{className:a.default.sidebarTitle,children:"Participants"}),e.jsx("div",{className:a.default.participantsList,children:u.map(s=>e.jsxs("div",{className:[a.default.participant,N===s.id&&a.default.participantActive].filter(Boolean).join(" "),onClick:()=>p?.(s.id),children:[s.avatar&&e.jsx("img",{src:s.avatar,alt:s.name,className:a.default.participantAvatar}),e.jsxs("div",{className:a.default.participantInfo,children:[e.jsx("div",{className:a.default.participantName,children:s.name}),s.status&&e.jsx("div",{className:[a.default.participantStatus,a.default[`status${s.status}`]].filter(Boolean).join(" "),children:s.status})]})]},s.id))})]}),e.jsxs("div",{className:a.default.mainArea,children:[e.jsxs("div",{className:a.default.header,children:[e.jsx("h2",{className:a.default.title,children:j}),m&&e.jsx("div",{className:a.default.errorBadge,children:m})]}),e.jsxs("div",{className:a.default.messagesContainer,children:[d.length===0?e.jsxs("div",{className:a.default.emptyState,children:[e.jsx("div",{className:a.default.emptyStateIcon,children:"💬"}),e.jsx("h3",{className:a.default.emptyStateTitle,children:"No messages yet"}),e.jsx("p",{className:a.default.emptyStateText,children:"Start the conversation by sending a message"})]}):e.jsxs(e.Fragment,{children:[d.map(s=>e.jsxs("div",{className:[a.default.messageWrapper,a.default[`message${s.role}`]].filter(Boolean).join(" "),children:[e.jsxs("div",{className:a.default.messageBubble,children:[e.jsx("p",{className:a.default.messageContent,children:s.content}),s.timestamp&&e.jsx("span",{className:a.default.messageTime,children:new Date(s.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})})]}),s.status&&e.jsxs("span",{className:[a.default.messageStatus,a.default[`status${s.status}`]].filter(Boolean).join(" "),title:s.status,children:[s.status==="sending"&&"⏱",s.status==="sent"&&"✓",s.status==="error"&&"✗"]})]},s.id)),v&&e.jsx("div",{className:[a.default.messageWrapper,a.default.messageAssistant].join(" "),children:e.jsx("div",{className:a.default.messageBubble,children:e.jsxs("div",{className:a.default.typingIndicator,children:[e.jsx("span",{}),e.jsx("span",{}),e.jsx("span",{})]})})})]}),e.jsx("div",{ref:f})]}),e.jsx("div",{className:a.default.inputArea,children:e.jsxs("div",{className:a.default.inputGroup,children:[e.jsx("button",{className:a.default.actionButton,"aria-label":"Attach file",disabled:l,children:e.jsx(r.Paperclip,{size:20})}),e.jsx("textarea",{className:a.default.input,placeholder:x,value:i,onChange:s=>o(s.target.value),onKeyDown:S,disabled:l,rows:1}),e.jsx("button",{className:a.default.actionButton,"aria-label":"Add emoji",disabled:l,children:e.jsx(r.Smile,{size:20})}),e.jsx(C.Button,{variant:"primary",iconOnly:!0,icon:e.jsx(r.Send,{size:20}),onClick:n,disabled:!i.trim()||l,isLoading:l,"aria-label":"Send message"})]})})]})]})});h.displayName="ChatPageTemplate";exports.ChatPageTemplate=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),C=require("@orion-ds/react"),r=require("lucide-react"),a=require("./ChatPageTemplate.module.css.cjs"),h=t.forwardRef(({title:j="Chat",messages:d=[],inputPlaceholder:x="Type a message...",onSendMessage:c,participants:u=[],selectedParticipantId:N,onSelectParticipant:p,isTyping:v=!1,isLoading:l=!1,error:m,className:b,...g},y)=>{const[i,o]=t.useState(""),f=t.useRef(null);t.useEffect(()=>{f.current?.scrollIntoView({behavior:"smooth"})},[d]);const n=t.useCallback(()=>{i.trim()&&(c?.(i.trim()),o(""))},[i,c]),S=t.useCallback(s=>{s.key==="Enter"&&!s.shiftKey&&(s.preventDefault(),n())},[n]);return e.jsxs("div",{ref:y,className:[a.default.root,b].filter(Boolean).join(" "),...g,children:[u.length>0&&e.jsxs("div",{className:a.default.sidebar,children:[e.jsx("h3",{className:a.default.sidebarTitle,children:"Participants"}),e.jsx("div",{className:a.default.participantsList,children:u.map(s=>e.jsxs("div",{className:[a.default.participant,N===s.id&&a.default.participantActive].filter(Boolean).join(" "),onClick:()=>p?.(s.id),children:[s.avatar&&e.jsx("img",{src:s.avatar,alt:s.name,className:a.default.participantAvatar}),e.jsxs("div",{className:a.default.participantInfo,children:[e.jsx("div",{className:a.default.participantName,children:s.name}),s.status&&e.jsx("div",{className:[a.default.participantStatus,a.default[`status${s.status}`]].filter(Boolean).join(" "),children:s.status})]})]},s.id))})]}),e.jsxs("div",{className:a.default.mainArea,children:[e.jsxs("div",{className:a.default.header,children:[e.jsx("h2",{className:a.default.title,children:j}),m&&e.jsx("div",{className:a.default.errorBadge,children:m})]}),e.jsxs("div",{className:a.default.messagesContainer,children:[d.length===0?e.jsxs("div",{className:a.default.emptyState,children:[e.jsx("div",{className:a.default.emptyStateIcon,children:"💬"}),e.jsx("h3",{className:a.default.emptyStateTitle,children:"No messages yet"}),e.jsx("p",{className:a.default.emptyStateText,children:"Start the conversation by sending a message"})]}):e.jsxs(e.Fragment,{children:[d.map(s=>e.jsxs("div",{className:[a.default.messageWrapper,a.default[`message${s.role}`]].filter(Boolean).join(" "),children:[e.jsxs("div",{className:a.default.messageBubble,children:[e.jsx("p",{className:a.default.messageContent,children:s.content}),s.timestamp&&e.jsx("span",{className:a.default.messageTime,children:new Date(s.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})})]}),s.status&&e.jsxs("span",{className:[a.default.messageStatus,a.default[`status${s.status}`]].filter(Boolean).join(" "),title:s.status,children:[s.status==="sending"&&"⏱",s.status==="sent"&&"✓",s.status==="error"&&"✗"]})]},s.id)),v&&e.jsx("div",{className:[a.default.messageWrapper,a.default.messageAssistant].join(" "),children:e.jsx("div",{className:a.default.messageBubble,children:e.jsxs("div",{className:a.default.typingIndicator,children:[e.jsx("span",{}),e.jsx("span",{}),e.jsx("span",{})]})})})]}),e.jsx("div",{ref:f})]}),e.jsx("div",{className:a.default.inputArea,children:e.jsxs("div",{className:a.default.inputGroup,children:[e.jsx("button",{className:a.default.actionButton,"aria-label":"Attach file",disabled:l,children:e.jsx(r.Paperclip,{size:20})}),e.jsx("textarea",{className:a.default.input,placeholder:x,value:i,onChange:s=>o(s.target.value),onKeyDown:S,disabled:l,rows:1}),e.jsx("button",{className:a.default.actionButton,"aria-label":"Add emoji",disabled:l,children:e.jsx(r.Smile,{size:20})}),e.jsx(C.Button,{variant:"primary",iconOnly:!0,icon:e.jsx(r.Send,{size:20}),onClick:n,disabled:!i.trim()||l,isLoading:l,"aria-label":"Send message"})]})})]})]})});h.displayName="ChatPageTemplate";exports.ChatPageTemplate=h;

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

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as t, Fragment as j } from "react/jsx-runtime";
 import { forwardRef as C, useState as T, useRef as A, useEffect as w, useCallback as u } from "react";
-import { Paperclip as x, Smile as I, Send as k } from "lucide-react";
-import { Button as D } from "../../../../dist/index26.mjs";
+import { Button as x } from "@orion-ds/react";
+import { Paperclip as I, Smile as k, Send as D } from "lucide-react";
 import e from "./ChatPageTemplate.module.css.mjs";
 const P = C(
   ({
@@ -143,7 +143,7 @@ const P = C(
                   className: e.actionButton,
                   "aria-label": "Attach file",
                   disabled: i,
-                  children: /* @__PURE__ */ t(x, { size: 20 })
+                  children: /* @__PURE__ */ t(I, { size: 20 })
                 }
               ),
               /* @__PURE__ */ t(
@@ -164,15 +164,15 @@ const P = C(
                   className: e.actionButton,
                   "aria-label": "Add emoji",
                   disabled: i,
-                  children: /* @__PURE__ */ t(I, { size: 20 })
+                  children: /* @__PURE__ */ t(k, { size: 20 })
                 }
               ),
               /* @__PURE__ */ t(
-                D,
+                x,
                 {
                   variant: "primary",
                   iconOnly: !0,
-                  icon: /* @__PURE__ */ t(k, { size: 20 }),
+                  icon: /* @__PURE__ */ t(D, { size: 20 }),
                   onClick: r,
                   disabled: !l.trim() || i,
                   isLoading: i,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),i=require("lucide-react"),x=require("../../../../dist/index23.cjs"),l=require("../../../../dist/index28.cjs"),a=require("./DashboardTemplate.module.css.cjs");function f({metric:s}){return e.jsx(l.Card,{className:a.default.metricCard,children:e.jsxs(l.Card.Body,{className:a.default.metricBody,children:[e.jsxs("div",{className:a.default.metricHeader,children:[e.jsx("div",{className:a.default.metricLabel,children:s.label}),s.icon&&e.jsx("div",{className:a.default.metricIcon,children:s.icon})]}),e.jsx("div",{className:a.default.metricValue,children:s.value}),s.change!==void 0&&e.jsxs("div",{className:a.default.metricChange,children:[s.trend==="up"&&e.jsxs(e.Fragment,{children:[e.jsx(i.TrendingUp,{size:16}),e.jsxs("span",{className:a.default.changeUp,children:["+",s.change,"%"]})]}),s.trend==="down"&&e.jsxs(e.Fragment,{children:[e.jsx(i.TrendingDown,{size:16}),e.jsxs("span",{className:a.default.changeDown,children:[s.change,"%"]})]}),s.trend==="neutral"&&e.jsxs("span",{className:a.default.changeNeutral,children:[s.change,"%"]})]})]})})}function v({item:s}){return e.jsxs("div",{className:a.default.activityItem,children:[e.jsx("div",{className:[a.default.activityDot,a.default[`type${s.type}`]].filter(Boolean).join(" ")}),e.jsxs("div",{className:a.default.activityContent,children:[e.jsx("div",{className:a.default.activityTitle,children:s.title}),s.description&&e.jsx("div",{className:a.default.activityDescription,children:s.description}),e.jsxs("div",{className:a.default.activityTime,children:[e.jsx(i.Clock,{size:14}),new Date(s.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})]})]})]})}const h=m.forwardRef(({title:s="Dashboard",subtitle:t,metrics:c=[],charts:n=[],activity:r=[],className:o,...u},j)=>e.jsxs("div",{ref:j,className:[a.default.root,o].filter(Boolean).join(" "),...u,children:[e.jsx("div",{className:a.default.header,children:e.jsxs("div",{children:[e.jsx("h1",{className:a.default.title,children:s}),t&&e.jsx("p",{className:a.default.subtitle,children:t})]})}),c.length>0&&e.jsx("div",{className:a.default.metricsGrid,children:c.map(d=>e.jsx(f,{metric:d},d.id))}),e.jsxs("div",{className:a.default.contentGrid,children:[n.length>0&&e.jsx("div",{className:a.default.chartsSection,children:n.map(d=>e.jsxs(l.Card,{className:a.default.chartCard,children:[e.jsxs(l.Card.Header,{children:[e.jsx("h3",{className:a.default.chartTitle,children:d.title}),e.jsx(x.Badge,{variant:"info",size:"sm",children:d.type})]}),e.jsx(l.Card.Body,{className:a.default.chartBody,children:e.jsxs("div",{className:a.default.chartPlaceholder,children:["Chart: ",d.title]})})]},d.id))}),r.length>0&&e.jsxs(l.Card,{className:a.default.activityCard,children:[e.jsx(l.Card.Header,{children:e.jsx("h3",{className:a.default.activityTitle,children:"Recent Activity"})}),e.jsx(l.Card.Body,{className:a.default.activityBody,children:e.jsx("div",{className:a.default.activityList,children:r.map(d=>e.jsx(v,{item:d},d.id))})})]})]})]}));h.displayName="DashboardTemplate";exports.DashboardTemplate=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),l=require("@orion-ds/react"),i=require("lucide-react"),a=require("./DashboardTemplate.module.css.cjs");function x({metric:s}){return e.jsx(l.Card,{className:a.default.metricCard,children:e.jsxs(l.Card.Body,{className:a.default.metricBody,children:[e.jsxs("div",{className:a.default.metricHeader,children:[e.jsx("div",{className:a.default.metricLabel,children:s.label}),s.icon&&e.jsx("div",{className:a.default.metricIcon,children:s.icon})]}),e.jsx("div",{className:a.default.metricValue,children:s.value}),s.change!==void 0&&e.jsxs("div",{className:a.default.metricChange,children:[s.trend==="up"&&e.jsxs(e.Fragment,{children:[e.jsx(i.TrendingUp,{size:16}),e.jsxs("span",{className:a.default.changeUp,children:["+",s.change,"%"]})]}),s.trend==="down"&&e.jsxs(e.Fragment,{children:[e.jsx(i.TrendingDown,{size:16}),e.jsxs("span",{className:a.default.changeDown,children:[s.change,"%"]})]}),s.trend==="neutral"&&e.jsxs("span",{className:a.default.changeNeutral,children:[s.change,"%"]})]})]})})}function f({item:s}){return e.jsxs("div",{className:a.default.activityItem,children:[e.jsx("div",{className:[a.default.activityDot,a.default[`type${s.type}`]].filter(Boolean).join(" ")}),e.jsxs("div",{className:a.default.activityContent,children:[e.jsx("div",{className:a.default.activityTitle,children:s.title}),s.description&&e.jsx("div",{className:a.default.activityDescription,children:s.description}),e.jsxs("div",{className:a.default.activityTime,children:[e.jsx(i.Clock,{size:14}),new Date(s.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})]})]})]})}const h=m.forwardRef(({title:s="Dashboard",subtitle:t,metrics:c=[],charts:n=[],activity:r=[],className:o,...u},j)=>e.jsxs("div",{ref:j,className:[a.default.root,o].filter(Boolean).join(" "),...u,children:[e.jsx("div",{className:a.default.header,children:e.jsxs("div",{children:[e.jsx("h1",{className:a.default.title,children:s}),t&&e.jsx("p",{className:a.default.subtitle,children:t})]})}),c.length>0&&e.jsx("div",{className:a.default.metricsGrid,children:c.map(d=>e.jsx(x,{metric:d},d.id))}),e.jsxs("div",{className:a.default.contentGrid,children:[n.length>0&&e.jsx("div",{className:a.default.chartsSection,children:n.map(d=>e.jsxs(l.Card,{className:a.default.chartCard,children:[e.jsxs(l.Card.Header,{children:[e.jsx("h3",{className:a.default.chartTitle,children:d.title}),e.jsx(l.Badge,{variant:"info",size:"sm",children:d.type})]}),e.jsx(l.Card.Body,{className:a.default.chartBody,children:e.jsxs("div",{className:a.default.chartPlaceholder,children:["Chart: ",d.title]})})]},d.id))}),r.length>0&&e.jsxs(l.Card,{className:a.default.activityCard,children:[e.jsx(l.Card.Header,{children:e.jsx("h3",{className:a.default.activityTitle,children:"Recent Activity"})}),e.jsx(l.Card.Body,{className:a.default.activityBody,children:e.jsx("div",{className:a.default.activityList,children:r.map(d=>e.jsx(f,{item:d},d.id))})})]})]})]}));h.displayName="DashboardTemplate";exports.DashboardTemplate=h;

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

@@ -1,8 +1,7 @@
 import { jsxs as c, jsx as a, Fragment as h } from "react/jsx-runtime";
 import { forwardRef as N } from "react";
-import { TrendingUp as p, TrendingDown as y, Clock as g } from "lucide-react";
-import { Badge as f } from "../../../../dist/index23.mjs";
-import { Card as n } from "../../../../dist/index28.mjs";
+import { Card as n, Badge as p } from "@orion-ds/react";
+import { TrendingUp as y, TrendingDown as g, Clock as f } from "lucide-react";
 import e from "./DashboardTemplate.module.css.mjs";
 function u({ metric: i }) {
   return /* @__PURE__ */ a(n, { className: e.metricCard, children: /* @__PURE__ */ c(n.Body, { className: e.metricBody, children: [
@@ -13,7 +12,7 @@ function u({ metric: i }) {
     /* @__PURE__ */ a("div", { className: e.metricValue, children: i.value }),
     i.change !== void 0 && /* @__PURE__ */ c("div", { className: e.metricChange, children: [
       i.trend === "up" && /* @__PURE__ */ c(h, { children: [
-        /* @__PURE__ */ a(p, { size: 16 }),
+        /* @__PURE__ */ a(y, { size: 16 }),
         /* @__PURE__ */ c("span", { className: e.changeUp, children: [
           "+",
           i.change,
@@ -21,7 +20,7 @@ function u({ metric: i }) {
         ] })
       ] }),
       i.trend === "down" && /* @__PURE__ */ c(h, { children: [
-        /* @__PURE__ */ a(y, { size: 16 }),
+        /* @__PURE__ */ a(g, { size: 16 }),
         /* @__PURE__ */ c("span", { className: e.changeDown, children: [
           i.change,
           "%"
@@ -46,7 +45,7 @@ function C({ item: i }) {
       /* @__PURE__ */ a("div", { className: e.activityTitle, children: i.title }),
       i.description && /* @__PURE__ */ a("div", { className: e.activityDescription, children: i.description }),
       /* @__PURE__ */ c("div", { className: e.activityTime, children: [
-        /* @__PURE__ */ a(g, { size: 14 }),
+        /* @__PURE__ */ a(f, { size: 14 }),
         new Date(i.timestamp).toLocaleTimeString([], {
           hour: "2-digit",
           minute: "2-digit"
@@ -80,7 +79,7 @@ const B = N(
           s.length > 0 && /* @__PURE__ */ a("div", { className: e.chartsSection, children: s.map((l) => /* @__PURE__ */ c(n, { className: e.chartCard, children: [
             /* @__PURE__ */ c(n.Header, { children: [
               /* @__PURE__ */ a("h3", { className: e.chartTitle, children: l.title }),
-              /* @__PURE__ */ a(f, { variant: "info", size: "sm", children: l.type })
+              /* @__PURE__ */ a(p, { variant: "info", size: "sm", children: l.type })
             ] }),
             /* @__PURE__ */ a(n.Body, { className: e.chartBody, children: /* @__PURE__ */ c("div", { className: e.chartPlaceholder, children: [
               "Chart: ",

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

@@ -1 +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("../../../../dist/index23.cjs"),y=require("../../../../dist/index26.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 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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),h=require("@orion-ds/react"),n=require("lucide-react"),a=require("./KanbanPageTemplate.module.css.cjs");function y(s){switch(s){case"high":return"error";case"medium":return"warning";case"low":return"success";default:return"info"}}function T({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(h.Badge,{variant:y(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 f=m.forwardRef(({title:s="Kanban Board",columns:t=[],tasks:d=[],onTaskMove:r,onCreateTask:j,onEditTask:x,onDeleteTask:u,isLoading:N=!1,error:o,className:g,...p},v)=>{const b=m.useCallback(l=>{window.confirm("Are you sure you want to delete this task?")&&u?.(l)},[u]);return e.jsxs("div",{ref:v,className:[a.default.root,g].filter(Boolean).join(" "),...p,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(h.Button,{variant:"ghost",iconOnly:!0,icon:e.jsx(n.Plus,{size:18}),onClick:()=>j?.(l.id),disabled:N,"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(T,{task:i,onEdit:x,onDelete:b},i.id))})]},l.id)})})]})});f.displayName="KanbanPageTemplate";exports.KanbanPageTemplate=f;

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

@@ -1,8 +1,7 @@
 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 { Button as C, Badge as T } from "@orion-ds/react";
+import { Plus as B, Edit2 as D, Trash2 as w, Calendar as A } from "lucide-react";
 import e from "./KanbanPageTemplate.module.css.mjs";
 function x(i) {
   switch (i) {
@@ -31,7 +30,7 @@ function z({
             className: e.taskActionButton,
             onClick: () => n?.(i.id),
             "aria-label": "Edit task",
-            children: /* @__PURE__ */ a(T, { size: 16 })
+            children: /* @__PURE__ */ a(D, { size: 16 })
           }
         ),
         /* @__PURE__ */ a(
@@ -40,16 +39,16 @@ function z({
             className: [e.taskActionButton, e.taskActionButtonDanger].filter(Boolean).join(" "),
             onClick: () => t?.(i.id),
             "aria-label": "Delete task",
-            children: /* @__PURE__ */ a(B, { size: 16 })
+            children: /* @__PURE__ */ a(w, { 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.priority && /* @__PURE__ */ a(T, { variant: x(i.priority), size: "sm", children: i.priority }),
       i.dueDate && /* @__PURE__ */ s("div", { className: e.dueDateBadge, children: [
-        /* @__PURE__ */ a(D, { size: 12 }),
+        /* @__PURE__ */ a(A, { size: 12 }),
         new Date(i.dueDate).toLocaleDateString()
       ] })
     ] }),
@@ -109,11 +108,11 @@ const j = b(
                   /* @__PURE__ */ a("span", { className: e.columnCount, children: d.length })
                 ] }),
                 /* @__PURE__ */ a(
-                  A,
+                  C,
                   {
                     variant: "ghost",
                     iconOnly: !0,
-                    icon: /* @__PURE__ */ a(C, { size: 18 }),
+                    icon: /* @__PURE__ */ a(B, { size: 18 }),
                     onClick: () => h?.(l.id),
                     disabled: N,
                     "aria-label": "Add task"

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

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

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

@@ -1,96 +1,94 @@
-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 { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as E, useState as d, useCallback as R } from "react";
+import { Card as N, Field as j, Button as D } from "@orion-ds/react";
+import { EyeOff as T, Eye as q } from "lucide-react";
 import e from "./LoginTemplate.module.css.mjs";
-const z = B(
+const z = E(
   ({
     title: f = "Sign in",
-    subtitle: m = "Welcome back",
-    logo: n,
-    onSubmit: p,
-    isLoading: s = !1,
-    error: h,
+    subtitle: n = "Welcome back",
+    logo: m,
+    onSubmit: h,
+    isLoading: l = !1,
+    error: p,
     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(
+    const [t, C] = d(""), [o, x] = d(""), [c, S] = d(!1), [i, P] = d(!1), g = R(
       (r) => {
-        r.preventDefault(), p?.(t, o, d);
+        r.preventDefault(), h?.(t, o, i);
       },
-      [t, o, d, p]
-    ), g = !t.trim() || !o.trim() || s;
+      [t, o, i, h]
+    ), B = !t.trim() || !o.trim() || l;
     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: [
+        children: /* @__PURE__ */ a(N, { className: e.card, children: /* @__PURE__ */ s(N.Body, { className: e.body, children: [
+          m && /* @__PURE__ */ a("div", { className: e.logo, children: m }),
+          /* @__PURE__ */ s("div", { className: e.header, children: [
             /* @__PURE__ */ a("h1", { className: e.title, children: f }),
-            m && /* @__PURE__ */ a("p", { className: e.subtitle, children: m })
+            n && /* @__PURE__ */ a("p", { className: e.subtitle, children: n })
           ] }),
-          h && /* @__PURE__ */ a("div", { className: e.error, children: h }),
+          p && /* @__PURE__ */ a("div", { className: e.error, children: p }),
           u && /* @__PURE__ */ a("div", { className: e.success, children: u }),
-          /* @__PURE__ */ l("form", { onSubmit: R, className: e.form, children: [
+          /* @__PURE__ */ s("form", { onSubmit: g, className: e.form, children: [
             /* @__PURE__ */ a("div", { className: e.formGroup, children: /* @__PURE__ */ a(
-              q,
+              j,
               {
                 label: "Email address",
                 type: "email",
                 placeholder: "you@example.com",
                 value: t,
-                onChange: (r) => x(r.target.value),
-                disabled: s,
+                onChange: (r) => C(r.target.value),
+                disabled: l,
                 autoComplete: "email",
                 required: !0
               }
             ) }),
-            /* @__PURE__ */ l("div", { className: e.formGroup, children: [
-              /* @__PURE__ */ l("div", { className: e.passwordLabel, children: [
+            /* @__PURE__ */ s("div", { className: e.formGroup, children: [
+              /* @__PURE__ */ s("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 })
+                    onClick: () => S(!c),
+                    "aria-label": c ? "Hide password" : "Show password",
+                    disabled: l,
+                    children: c ? /* @__PURE__ */ a(T, { size: 18 }) : /* @__PURE__ */ a(q, { size: 18 })
                   }
                 )
               ] }),
               /* @__PURE__ */ a(
                 "input",
                 {
-                  type: i ? "text" : "password",
+                  type: c ? "text" : "password",
                   className: e.input,
                   placeholder: "••••••••",
                   value: o,
-                  onChange: (r) => C(r.target.value),
-                  disabled: s,
+                  onChange: (r) => x(r.target.value),
+                  disabled: l,
                   autoComplete: "current-password",
                   required: !0
                 }
               )
             ] }),
-            /* @__PURE__ */ l("div", { className: e.optionsRow, children: [
-              /* @__PURE__ */ l("label", { className: e.checkbox, children: [
+            /* @__PURE__ */ s("div", { className: e.optionsRow, children: [
+              /* @__PURE__ */ s("label", { className: e.checkbox, children: [
                 /* @__PURE__ */ a(
                   "input",
                   {
                     type: "checkbox",
-                    checked: d,
+                    checked: i,
                     onChange: (r) => P(r.target.checked),
-                    disabled: s
+                    disabled: l
                   }
                 ),
                 /* @__PURE__ */ a("span", { children: "Remember me" })
@@ -101,24 +99,24 @@ const z = B(
                   type: "button",
                   className: e.link,
                   onClick: w,
-                  disabled: s,
+                  disabled: l,
                   children: "Forgot password?"
                 }
               )
             ] }),
             /* @__PURE__ */ a(
-              T,
+              D,
               {
                 type: "submit",
                 variant: "primary",
                 fullWidth: !0,
-                isLoading: s,
-                disabled: g,
+                isLoading: l,
+                disabled: B,
                 children: "Sign in"
               }
             )
           ] }),
-          b && /* @__PURE__ */ l("p", { className: e.signupText, children: [
+          b && /* @__PURE__ */ s("p", { className: e.signupText, children: [
             "Don't have an account?",
             " ",
             /* @__PURE__ */ a(
@@ -127,7 +125,7 @@ const z = B(
                 type: "button",
                 className: e.link,
                 onClick: b,
-                disabled: s,
+                disabled: l,
                 children: "Sign up"
               }
             )