@orion-ds/react 4.2.5 → 4.2.8

package/dist/index8.mjs

@@ -1,50 +1,51 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { useState as C, useMemo as c } from "react";
-import { X as b, Info as z, AlertTriangle as y, XCircle as A, CheckCircle as I } from "lucide-react";
-import s from "./index168.mjs";
-const g = {
-  success: /* @__PURE__ */ e(I, { size: 20 }),
-  error: /* @__PURE__ */ e(A, { size: 20 }),
-  warning: /* @__PURE__ */ e(y, { size: 20 }),
-  info: /* @__PURE__ */ e(z, { size: 20 })
-}, j = ({
-  variant: l = "info",
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { useState as z, useMemo as c } from "react";
+import { X as b, Info as d, AlertTriangle as v, XCircle as y, CheckCircle as A } from "lucide-react";
+import s from "./index128.mjs";
+const I = {
+  success: /* @__PURE__ */ e(A, { size: 20 }),
+  error: /* @__PURE__ */ e(y, { size: 20 }),
+  warning: /* @__PURE__ */ e(v, { size: 20 }),
+  info: /* @__PURE__ */ e(d, { size: 20 }),
+  inverse: /* @__PURE__ */ e(d, { size: 20 })
+}, g = ({
+  variant: i = "info",
   title: r,
-  dismissible: d = !1,
-  onClose: m,
-  icon: i,
+  dismissible: m = !1,
+  onClose: u,
+  icon: l,
   className: o,
   children: t,
-  ...u
+  ...f
 }) => {
-  const [f, h] = C(!0), p = () => {
-    h(!1), m?.();
-  }, N = c(
-    () => [s.alert, s[l], o].filter(Boolean).join(" "),
-    [l, o]
-  ), a = c(
-    () => i !== void 0 ? i : g[l],
-    [i, l]
+  const [h, p] = z(!0), N = () => {
+    p(!1), u?.();
+  }, C = c(
+    () => [s.alert, s[i], o].filter(Boolean).join(" "),
+    [i, o]
+  ), n = c(
+    () => l !== void 0 ? l : I[i],
+    [l, i]
   );
-  return f ? /* @__PURE__ */ n("div", { className: N, role: "alert", ...u, children: [
-    a && /* @__PURE__ */ e("div", { className: s.icon, "aria-hidden": "true", children: a }),
-    /* @__PURE__ */ n("div", { className: s.content, children: [
+  return h ? /* @__PURE__ */ a("div", { className: C, role: "alert", ...f, children: [
+    n && /* @__PURE__ */ e("div", { className: s.icon, "aria-hidden": "true", children: n }),
+    /* @__PURE__ */ a("div", { className: s.content, children: [
       r && /* @__PURE__ */ e("div", { className: s.title, children: r }),
       t && /* @__PURE__ */ e("div", { className: s.message, children: t })
     ] }),
-    d && /* @__PURE__ */ e(
+    m && /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         className: s.closeButton,
-        onClick: p,
+        onClick: N,
         "aria-label": "Close alert",
         children: /* @__PURE__ */ e(b, { size: 18, "aria-hidden": "true" })
       }
     )
   ] }) : null;
 };
-j.displayName = "Alert";
+g.displayName = "Alert";
 export {
-  j as Alert
+  g as Alert
 };

package/dist/index80.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),S=require("lucide-react"),e=require("./index105.cjs"),L={online:"var(--text-success)",away:"var(--text-warning)",busy:"var(--text-error)",offline:"var(--text-tertiary)"},x=c.forwardRef(({user:n,sections:f,open:o,onOpenChange:v,trigger:m,align:g="end",placement:N="bottom",showHeader:b=!0,compact:h=!1,fullWidth:C=!1,className:w,...y},I)=>{const[k,E]=c.useState(!1),u=c.useRef(null),i=c.useRef(null),l=o!==void 0?o:k,d=t=>{o===void 0&&E(t),v?.(t)};c.useEffect(()=>{const t=r=>{u.current&&!u.current.contains(r.target)&&i.current&&!i.current.contains(r.target)&&d(!1)};if(l)return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[l]),c.useEffect(()=>{const t=r=>{r.key==="Escape"&&l&&(d(!1),i.current?.focus())};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[l]);const R=t=>{t.disabled||(t.onClick?.(),d(!1))},p=t=>t.split(" ").map(r=>r[0]).join("").toUpperCase().slice(0,2),M=[e.default.userMenu,C&&e.default.userMenuFullWidth,w].filter(Boolean).join(" "),B=[e.default.trigger,h&&e.default.triggerCompact].filter(Boolean).join(" "),O=[e.default.dropdown,l&&e.default.dropdownOpen,g==="start"&&e.default.dropdownStart,N==="top"&&e.default.dropdownTop].filter(Boolean).join(" ");return a.jsxs("div",{ref:I,className:M,...y,children:[m?a.jsx("div",{onClick:()=>d(!l),children:m}):a.jsxs("button",{ref:i,type:"button",className:B,onClick:()=>d(!l),"aria-expanded":l,"aria-haspopup":"true",children:[a.jsxs("div",{className:e.default.avatar,children:[n.avatar?a.jsx("img",{src:n.avatar,alt:n.name,className:e.default.avatarImage}):a.jsx("span",{className:e.default.avatarInitials,children:n.initials||p(n.name)}),n.status&&a.jsx("span",{className:e.default.statusIndicator,style:{backgroundColor:L[n.status]}})]}),!h&&a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:e.default.triggerInfo,children:[a.jsx("span",{className:e.default.triggerName,children:n.name}),n.role&&a.jsx("span",{className:e.default.triggerRole,children:n.role})]}),a.jsx(S.ChevronDown,{size:16,className:`${e.default.chevron} ${l?e.default.chevronOpen:""}`})]})]}),a.jsxs("div",{ref:u,className:O,role:"menu",children:[b&&a.jsxs("div",{className:e.default.header,children:[a.jsx("div",{className:e.default.headerAvatar,children:n.avatar?a.jsx("img",{src:n.avatar,alt:n.name,className:e.default.avatarImage}):a.jsx("span",{className:e.default.avatarInitials,children:n.initials||p(n.name)})}),a.jsxs("div",{className:e.default.headerInfo,children:[a.jsx("span",{className:e.default.headerName,children:n.name}),n.email&&a.jsx("span",{className:e.default.headerEmail,children:n.email})]})]}),f.map((t,r)=>a.jsxs("div",{className:e.default.section,children:[t.label&&a.jsx("div",{className:e.default.sectionLabel,children:t.label}),t.items.map(s=>{const j=[e.default.item,s.danger&&e.default.itemDanger,s.disabled&&e.default.itemDisabled].filter(Boolean).join(" ");return s.href&&!s.disabled?a.jsxs("a",{href:s.href,className:j,role:"menuitem",onClick:()=>d(!1),children:[s.icon&&a.jsx("span",{className:e.default.itemIcon,children:s.icon}),a.jsx("span",{children:s.label}),s.badge!==void 0&&a.jsx("span",{className:e.default.itemBadge,children:s.badge}),s.shortcut&&a.jsx("span",{className:e.default.itemShortcut,children:s.shortcut})]},s.id):a.jsxs("button",{type:"button",className:j,role:"menuitem",disabled:s.disabled,onClick:()=>R(s),children:[s.icon&&a.jsx("span",{className:e.default.itemIcon,children:s.icon}),a.jsx("span",{children:s.label}),s.badge!==void 0&&a.jsx("span",{className:e.default.itemBadge,children:s.badge}),s.shortcut&&a.jsx("span",{className:e.default.itemShortcut,children:s.shortcut})]},s.id)}),r<f.length-1&&a.jsx("div",{className:e.default.divider})]},t.id))]})]})});x.displayName="UserMenu";exports.UserMenu=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),S=require("lucide-react"),e=require("./index144.cjs"),L={online:"var(--text-success)",away:"var(--text-warning)",busy:"var(--text-error)",offline:"var(--text-tertiary)"},x=c.forwardRef(({user:n,sections:f,open:o,onOpenChange:v,trigger:m,align:g="end",placement:N="bottom",showHeader:b=!0,compact:h=!1,fullWidth:C=!1,className:w,...y},I)=>{const[k,E]=c.useState(!1),u=c.useRef(null),i=c.useRef(null),l=o!==void 0?o:k,d=t=>{o===void 0&&E(t),v?.(t)};c.useEffect(()=>{const t=r=>{u.current&&!u.current.contains(r.target)&&i.current&&!i.current.contains(r.target)&&d(!1)};if(l)return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[l]),c.useEffect(()=>{const t=r=>{r.key==="Escape"&&l&&(d(!1),i.current?.focus())};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[l]);const R=t=>{t.disabled||(t.onClick?.(),d(!1))},p=t=>t.split(" ").map(r=>r[0]).join("").toUpperCase().slice(0,2),M=[e.default.userMenu,C&&e.default.userMenuFullWidth,w].filter(Boolean).join(" "),B=[e.default.trigger,h&&e.default.triggerCompact].filter(Boolean).join(" "),O=[e.default.dropdown,l&&e.default.dropdownOpen,g==="start"&&e.default.dropdownStart,N==="top"&&e.default.dropdownTop].filter(Boolean).join(" ");return a.jsxs("div",{ref:I,className:M,...y,children:[m?a.jsx("div",{onClick:()=>d(!l),children:m}):a.jsxs("button",{ref:i,type:"button",className:B,onClick:()=>d(!l),"aria-expanded":l,"aria-haspopup":"true",children:[a.jsxs("div",{className:e.default.avatar,children:[n.avatar?a.jsx("img",{src:n.avatar,alt:n.name,className:e.default.avatarImage}):a.jsx("span",{className:e.default.avatarInitials,children:n.initials||p(n.name)}),n.status&&a.jsx("span",{className:e.default.statusIndicator,style:{backgroundColor:L[n.status]}})]}),!h&&a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:e.default.triggerInfo,children:[a.jsx("span",{className:e.default.triggerName,children:n.name}),n.role&&a.jsx("span",{className:e.default.triggerRole,children:n.role})]}),a.jsx(S.ChevronDown,{size:16,className:`${e.default.chevron} ${l?e.default.chevronOpen:""}`})]})]}),a.jsxs("div",{ref:u,className:O,role:"menu",children:[b&&a.jsxs("div",{className:e.default.header,children:[a.jsx("div",{className:e.default.headerAvatar,children:n.avatar?a.jsx("img",{src:n.avatar,alt:n.name,className:e.default.avatarImage}):a.jsx("span",{className:e.default.avatarInitials,children:n.initials||p(n.name)})}),a.jsxs("div",{className:e.default.headerInfo,children:[a.jsx("span",{className:e.default.headerName,children:n.name}),n.email&&a.jsx("span",{className:e.default.headerEmail,children:n.email})]})]}),f.map((t,r)=>a.jsxs("div",{className:e.default.section,children:[t.label&&a.jsx("div",{className:e.default.sectionLabel,children:t.label}),t.items.map(s=>{const j=[e.default.item,s.danger&&e.default.itemDanger,s.disabled&&e.default.itemDisabled].filter(Boolean).join(" ");return s.href&&!s.disabled?a.jsxs("a",{href:s.href,className:j,role:"menuitem",onClick:()=>d(!1),children:[s.icon&&a.jsx("span",{className:e.default.itemIcon,children:s.icon}),a.jsx("span",{children:s.label}),s.badge!==void 0&&a.jsx("span",{className:e.default.itemBadge,children:s.badge}),s.shortcut&&a.jsx("span",{className:e.default.itemShortcut,children:s.shortcut})]},s.id):a.jsxs("button",{type:"button",className:j,role:"menuitem",disabled:s.disabled,onClick:()=>R(s),children:[s.icon&&a.jsx("span",{className:e.default.itemIcon,children:s.icon}),a.jsx("span",{children:s.label}),s.badge!==void 0&&a.jsx("span",{className:e.default.itemBadge,children:s.badge}),s.shortcut&&a.jsx("span",{className:e.default.itemShortcut,children:s.shortcut})]},s.id)}),r<f.length-1&&a.jsx("div",{className:e.default.divider})]},t.id))]})]})});x.displayName="UserMenu";exports.UserMenu=x;

package/dist/index80.mjs

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as n, Fragment as S } from "react/jsx-runtime";
 import { forwardRef as D, useState as U, useRef as N, useEffect as g } from "react";
 import { ChevronDown as F } from "lucide-react";
-import e from "./index105.mjs";
+import e from "./index144.mjs";
 const $ = {
   online: "var(--text-success)",
   away: "var(--text-warning)",

package/dist/index81.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),i=require("lucide-react"),s=require("./index178.cjs"),n=require("./index10.cjs"),B=require("./index11.cjs"),r=require("./index14.cjs"),k=require("./index33.cjs"),q=require("./index58.cjs"),l=c.forwardRef(({currentOrg:t,organizations:o,onSettings:d,onParticipants:u,onCreateOrganization:m,onOrgChange:j,fullWidth:v=!0,className:x,...h},f)=>{const[p,N]=c.useState(!1),g=e.jsxs("button",{className:s.default.trigger,children:[e.jsx(n.Avatar,{size:"xs",icon:e.jsx(i.Building2,{size:16})}),e.jsx("span",{className:s.default.triggerName,children:t.name}),e.jsx(i.ChevronDown,{size:16,className:`${s.default.chevron} ${p?s.default.chevronOpen:""}`})]}),z=e.jsxs("div",{className:s.default.content,children:[e.jsxs("div",{className:s.default.activeWorkspace,children:[e.jsx(n.Avatar,{size:"lg",icon:e.jsx(i.Building2,{size:20})}),e.jsx(B.Badge,{variant:"secondary",size:"sm",children:t.role}),e.jsxs("div",{children:[e.jsx("div",{className:s.default.orgName,children:t.name}),e.jsxs("div",{className:s.default.orgMeta,children:[t.memberCount," participantes"]})]})]}),e.jsxs("div",{className:s.default.actionButtons,children:[e.jsx(r.Button,{variant:"secondary",size:"sm",icon:e.jsx(i.Settings,{size:16}),onClick:d,children:"Configuración"}),e.jsx(r.Button,{variant:"secondary",size:"sm",icon:e.jsx(i.Users,{size:16}),onClick:u,children:"Participantes"})]}),e.jsx("div",{className:s.default.dividerWrapper,children:e.jsx(k.Divider,{})}),e.jsx("div",{className:s.default.sectionLabel,children:"Otras organizaciones"}),e.jsx("div",{className:s.default.orgList,children:o.map(a=>e.jsxs("div",{className:s.default.orgItem,onClick:()=>j?.(a.name),children:[e.jsx(n.Avatar,{size:"xs",initials:a.name.slice(0,2).toUpperCase()}),e.jsxs("div",{children:[e.jsx("div",{className:s.default.orgItemName,children:a.name}),e.jsx("div",{className:s.default.orgItemRole,children:a.role})]})]},a.name))}),e.jsx(r.Button,{variant:"ghost",size:"sm",icon:e.jsx(i.Plus,{size:16}),fullWidth:!0,onClick:m,children:"Nueva organización"})]});return e.jsx("div",{ref:f,className:[x].filter(Boolean).join(" ")||void 0,...h,children:e.jsx(q.Popover,{trigger:g,content:z,onOpenChange:N,placement:"bottom-start",showArrow:!1,fullWidth:v})})});l.displayName="WorkspaceSwitcher";exports.WorkspaceSwitcher=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),i=require("lucide-react"),s=require("./index147.cjs"),n=require("./index10.cjs"),B=require("./index11.cjs"),r=require("./index14.cjs"),k=require("./index33.cjs"),q=require("./index58.cjs"),l=c.forwardRef(({currentOrg:t,organizations:o,onSettings:d,onParticipants:u,onCreateOrganization:m,onOrgChange:j,fullWidth:v=!0,className:x,...h},f)=>{const[p,N]=c.useState(!1),g=e.jsxs("button",{className:s.default.trigger,children:[e.jsx(n.Avatar,{size:"xs",icon:e.jsx(i.Building2,{size:16})}),e.jsx("span",{className:s.default.triggerName,children:t.name}),e.jsx(i.ChevronDown,{size:16,className:`${s.default.chevron} ${p?s.default.chevronOpen:""}`})]}),z=e.jsxs("div",{className:s.default.content,children:[e.jsxs("div",{className:s.default.activeWorkspace,children:[e.jsx(n.Avatar,{size:"lg",icon:e.jsx(i.Building2,{size:20})}),e.jsx(B.Badge,{variant:"secondary",size:"sm",children:t.role}),e.jsxs("div",{children:[e.jsx("div",{className:s.default.orgName,children:t.name}),e.jsxs("div",{className:s.default.orgMeta,children:[t.memberCount," participantes"]})]})]}),e.jsxs("div",{className:s.default.actionButtons,children:[e.jsx(r.Button,{variant:"secondary",size:"sm",icon:e.jsx(i.Settings,{size:16}),onClick:d,children:"Configuración"}),e.jsx(r.Button,{variant:"secondary",size:"sm",icon:e.jsx(i.Users,{size:16}),onClick:u,children:"Participantes"})]}),e.jsx("div",{className:s.default.dividerWrapper,children:e.jsx(k.Divider,{})}),e.jsx("div",{className:s.default.sectionLabel,children:"Otras organizaciones"}),e.jsx("div",{className:s.default.orgList,children:o.map(a=>e.jsxs("div",{className:s.default.orgItem,onClick:()=>j?.(a.name),children:[e.jsx(n.Avatar,{size:"xs",initials:a.name.slice(0,2).toUpperCase()}),e.jsxs("div",{children:[e.jsx("div",{className:s.default.orgItemName,children:a.name}),e.jsx("div",{className:s.default.orgItemRole,children:a.role})]})]},a.name))}),e.jsx(r.Button,{variant:"ghost",size:"sm",icon:e.jsx(i.Plus,{size:16}),fullWidth:!0,onClick:m,children:"Nueva organización"})]});return e.jsx("div",{ref:f,className:[x].filter(Boolean).join(" ")||void 0,...h,children:e.jsx(q.Popover,{trigger:g,content:z,onOpenChange:N,placement:"bottom-start",showArrow:!1,fullWidth:v})})});l.displayName="WorkspaceSwitcher";exports.WorkspaceSwitcher=l;

package/dist/index81.mjs

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { forwardRef as k, useState as w } from "react";
 import { Building2 as c, ChevronDown as x, Settings as y, Users as B, Plus as W } from "lucide-react";
-import i from "./index178.mjs";
+import i from "./index147.mjs";
 import { Avatar as n } from "./index10.mjs";
 import { Badge as b } from "./index11.mjs";
 import { Button as o } from "./index14.mjs";

package/dist/index82.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index83.cjs"),c=require("./index97.cjs"),u=require("./index98.cjs");function i(t){const r=t.split(".");let n=s.primitives;for(const e of r)if(n=n[e],n===void 0)throw new Error(`Token path "${t}" not found`);return n}function f(t,r){const n=r.split(".");let e=c.themes[t].semantic;for(const o of n)if(e=e[o],e===void 0)throw new Error(`Semantic token path "${r}" not found in ${t} theme`);if(typeof e=="string"&&e.startsWith("{")&&e.endsWith("}")){const o=e.slice(1,-1);return i(o)}return e}function a(t){return u.brands[t]}exports.getBrand=a;exports.getSemanticToken=f;exports.getToken=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index83.cjs"),c=require("./index137.cjs"),u=require("./index138.cjs");function i(t){const r=t.split(".");let n=s.primitives;for(const e of r)if(n=n[e],n===void 0)throw new Error(`Token path "${t}" not found`);return n}function f(t,r){const n=r.split(".");let e=c.themes[t].semantic;for(const o of n)if(e=e[o],e===void 0)throw new Error(`Semantic token path "${r}" not found in ${t} theme`);if(typeof e=="string"&&e.startsWith("{")&&e.endsWith("}")){const o=e.slice(1,-1);return i(o)}return e}function a(t){return u.brands[t]}exports.getBrand=a;exports.getSemanticToken=f;exports.getToken=i;

package/dist/index82.mjs

@@ -1,6 +1,6 @@
 import { primitives as i } from "./index83.mjs";
-import { themes as s } from "./index97.mjs";
-import { brands as f } from "./index98.mjs";
+import { themes as s } from "./index137.mjs";
+import { brands as f } from "./index138.mjs";
 function c(o) {
   const e = o.split(".");
   let n = i;

package/dist/index9.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("react"),I=require("react-dom"),d=require("lucide-react"),o=require("./index160.cjs"),g=n.createContext(null);function m(){return n.useContext(g)}const b={info:l.jsx(d.Info,{size:24}),warning:l.jsx(d.AlertTriangle,{size:24}),danger:l.jsx(d.AlertCircle,{size:24})},r=({open:e,onClose:t,closeOnBackdrop:i=!1,closeOnEscape:a=!1,children:c,className:x})=>{const u=n.useId(),f=n.useId();if(n.useEffect(()=>{if(!e||!a)return;const s=p=>{p.key==="Escape"&&t()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[e,a,t]),n.useEffect(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e]),!e)return null;const N=[o.default.dialog,x].filter(Boolean).join(" "),v=s=>{i&&s.target===s.currentTarget&&t()};return I.createPortal(l.jsx(g.Provider,{value:{titleId:u,descriptionId:f},children:l.jsx("div",{className:o.default.backdrop,onClick:v,role:"alertdialog","aria-modal":"true","aria-labelledby":u,"aria-describedby":f,children:l.jsx("div",{className:N,children:c})})}),document.body)},A=({variant:e="info",icon:t,className:i})=>{const a={info:o.default.iconInfo,warning:o.default.iconWarning,danger:o.default.iconDanger}[e],c=[o.default.icon,a,i].filter(Boolean).join(" ");return l.jsx("div",{className:c,"aria-hidden":"true",children:t||b[e]})},D=({className:e,children:t})=>{const i=m(),a=[o.default.title,e].filter(Boolean).join(" ");return l.jsx("h2",{id:i?.titleId,className:a,children:t})},y=({className:e,children:t})=>{const i=m(),a=[o.default.description,e].filter(Boolean).join(" ");return l.jsx("p",{id:i?.descriptionId,className:a,children:t})},j=({className:e,children:t})=>{const i=[o.default.actions,e].filter(Boolean).join(" ");return l.jsx("div",{className:i,children:t})};r.Icon=A;r.Title=D;r.Description=y;r.Actions=j;r.displayName="AlertDialog";A.displayName="AlertDialog.Icon";D.displayName="AlertDialog.Title";y.displayName="AlertDialog.Description";j.displayName="AlertDialog.Actions";exports.AlertDialog=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("react"),I=require("react-dom"),d=require("lucide-react"),o=require("./index153.cjs"),g=n.createContext(null);function m(){return n.useContext(g)}const b={info:l.jsx(d.Info,{size:24}),warning:l.jsx(d.AlertTriangle,{size:24}),danger:l.jsx(d.AlertCircle,{size:24})},r=({open:e,onClose:t,closeOnBackdrop:i=!1,closeOnEscape:a=!1,children:c,className:x})=>{const u=n.useId(),f=n.useId();if(n.useEffect(()=>{if(!e||!a)return;const s=p=>{p.key==="Escape"&&t()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[e,a,t]),n.useEffect(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e]),!e)return null;const N=[o.default.dialog,x].filter(Boolean).join(" "),v=s=>{i&&s.target===s.currentTarget&&t()};return I.createPortal(l.jsx(g.Provider,{value:{titleId:u,descriptionId:f},children:l.jsx("div",{className:o.default.backdrop,onClick:v,role:"alertdialog","aria-modal":"true","aria-labelledby":u,"aria-describedby":f,children:l.jsx("div",{className:N,children:c})})}),document.body)},A=({variant:e="info",icon:t,className:i})=>{const a={info:o.default.iconInfo,warning:o.default.iconWarning,danger:o.default.iconDanger}[e],c=[o.default.icon,a,i].filter(Boolean).join(" ");return l.jsx("div",{className:c,"aria-hidden":"true",children:t||b[e]})},D=({className:e,children:t})=>{const i=m(),a=[o.default.title,e].filter(Boolean).join(" ");return l.jsx("h2",{id:i?.titleId,className:a,children:t})},y=({className:e,children:t})=>{const i=m(),a=[o.default.description,e].filter(Boolean).join(" ");return l.jsx("p",{id:i?.descriptionId,className:a,children:t})},j=({className:e,children:t})=>{const i=[o.default.actions,e].filter(Boolean).join(" ");return l.jsx("div",{className:i,children:t})};r.Icon=A;r.Title=D;r.Description=y;r.Actions=j;r.displayName="AlertDialog";A.displayName="AlertDialog.Icon";D.displayName="AlertDialog.Title";y.displayName="AlertDialog.Description";j.displayName="AlertDialog.Actions";exports.AlertDialog=r;

package/dist/index9.mjs

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import { useId as m, useEffect as f, createContext as h, useContext as x } from "react";
 import { createPortal as C } from "react-dom";
 import { AlertCircle as k, AlertTriangle as w, Info as j } from "lucide-react";
-import n from "./index160.mjs";
+import n from "./index153.mjs";
 const u = h(null);
 function g() {
   return x(u);

package/dist/index97.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={theme:"light",semantic:{surface:{base:"{color.neutral.0}",subtle:"{color.neutral.50}",layer:"{color.neutral.100}",primary:"{color.neutral.100}",secondary:"{color.neutral.50}",glass:"color-mix(in srgb, {color.neutral.0} 70%, transparent)",sunken:"color-mix(in srgb, {color.neutral.0} 40%, transparent)",overlay:"color-mix(in srgb, {color.neutral.1000} 50%, transparent)"},text:{primary:"{color.neutral.900}",secondary:"{color.neutral.500}",tertiary:"{color.neutral.400}",inverse:"{color.neutral.0}",brand:"{color.brand.500}","on-brand":{primary:"{color.neutral.0}",secondary:"color-mix(in srgb, {color.neutral.0} 90%, transparent)",tertiary:"color-mix(in srgb, {color.neutral.0} 70%, transparent)"}},border:{subtle:"{color.neutral.200}",strong:"{color.neutral.300}",interactive:"{color.brand.500}"},interactive:{primary:{default:"{color.brand.500}",hover:"{color.brand.700}",text:"{color.neutral.0}"},secondary:{default:"{color.neutral.100}",hover:"{color.neutral.200}",text:"{color.neutral.900}"},ghost:{hover:"color-mix(in srgb, {color.neutral.1000} 5%, transparent)"}},status:{error:"{color.error.500}",success:"{color.success.500}",warning:"{color.warning.500}",info:"{color.info.500}"},soft:{brand:"color-mix(in srgb, {color.brand.500} 10%, transparent)","brand-hover":"color-mix(in srgb, {color.brand.500} 20%, transparent)",success:"color-mix(in srgb, {color.success.500} 10%, transparent)",error:"color-mix(in srgb, {color.error.500} 10%, transparent)",warning:"color-mix(in srgb, {color.warning.500} 10%, transparent)",info:"color-mix(in srgb, {color.info.500} 10%, transparent)"},focus:{ring:"0 0 0 3px color-mix(in srgb, {color.brand.500} 40%, transparent)"},gradient:{start:"{color.brand.400}",end:"{color.brand.600}"},chart:{1:"{color.brand.500}",2:"{color.brand.300}",3:"{color.brand.700}",4:"{color.success.500}",5:"{color.warning.500}"}}},o={theme:"dark",semantic:{surface:{base:"{color.neutral.900}",subtle:"{color.neutral.950}",layer:"{color.neutral.900}",primary:"{color.neutral.900}",secondary:"{color.neutral.900}",glass:"color-mix(in srgb, {color.neutral.950} 60%, transparent)",sunken:"color-mix(in srgb, {color.neutral.950} 40%, transparent)",overlay:"color-mix(in srgb, {color.neutral.1000} 70%, transparent)"},text:{primary:"{color.neutral.50}",secondary:"{color.neutral.400}",tertiary:"{color.neutral.600}",inverse:"{color.neutral.950}",brand:"{color.brand.400}","on-brand":{primary:"{color.neutral.0}",secondary:"color-mix(in srgb, {color.neutral.0} 90%, transparent)",tertiary:"color-mix(in srgb, {color.neutral.0} 70%, transparent)"}},border:{subtle:"{color.neutral.800}",strong:"{color.neutral.700}",interactive:"{color.brand.500}"},interactive:{primary:{default:"{color.brand.500}",hover:"{color.brand.400}",text:"{color.neutral.900}"},secondary:{default:"{color.neutral.800}",hover:"{color.neutral.700}",text:"{color.neutral.50}"},ghost:{hover:"color-mix(in srgb, {color.neutral.0} 10%, transparent)"}},status:{error:"{color.error.500}",success:"{color.success.500}",warning:"{color.warning.500}",info:"{color.info.500}"},soft:{brand:"color-mix(in srgb, {color.brand.500} 15%, transparent)","brand-hover":"color-mix(in srgb, {color.brand.500} 25%, transparent)",success:"color-mix(in srgb, {color.success.500} 15%, transparent)",error:"color-mix(in srgb, {color.error.500} 15%, transparent)",warning:"color-mix(in srgb, {color.warning.500} 15%, transparent)",info:"color-mix(in srgb, {color.info.500} 15%, transparent)"},focus:{ring:"0 0 0 3px color-mix(in srgb, {color.brand.500} 50%, transparent)"},gradient:{start:"{color.brand.400}",end:"{color.brand.600}"},chart:{1:"{color.brand.400}",2:"{color.brand.200}",3:"{color.brand.600}",4:"{color.success.500}",5:"{color.warning.500}"}}},n={light:r,dark:o};exports.darkTheme=o;exports.lightTheme=r;exports.themes=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_agentCard_1evy3_8",t="_clickable_1evy3_17",a="_draggable_1evy3_21",i="_dragging_1evy3_33",n="_headerContent_1evy3_53",_="_iconAvatar_1evy3_62",g="_headerRight_1evy3_75",r="_multiBadge_1evy3_82",d="_title_1evy3_98",c="_description_1evy3_109",o="_timestamp_1evy3_128",l={agentCard:e,clickable:t,draggable:a,dragging:i,headerContent:n,iconAvatar:_,headerRight:g,multiBadge:r,title:d,description:c,timestamp:o};exports.agentCard=e;exports.clickable=t;exports.default=l;exports.description=c;exports.draggable=a;exports.dragging=i;exports.headerContent=n;exports.headerRight=g;exports.iconAvatar=_;exports.multiBadge=r;exports.timestamp=o;exports.title=d;

package/dist/index97.mjs

@@ -1,157 +1,27 @@
-const r = {
-  theme: "light",
-  semantic: {
-    surface: {
-      base: "{color.neutral.0}",
-      subtle: "{color.neutral.50}",
-      layer: "{color.neutral.100}",
-      primary: "{color.neutral.100}",
-      secondary: "{color.neutral.50}",
-      glass: "color-mix(in srgb, {color.neutral.0} 70%, transparent)",
-      sunken: "color-mix(in srgb, {color.neutral.0} 40%, transparent)",
-      overlay: "color-mix(in srgb, {color.neutral.1000} 50%, transparent)"
-    },
-    text: {
-      primary: "{color.neutral.900}",
-      secondary: "{color.neutral.500}",
-      tertiary: "{color.neutral.400}",
-      inverse: "{color.neutral.0}",
-      brand: "{color.brand.500}",
-      "on-brand": {
-        primary: "{color.neutral.0}",
-        secondary: "color-mix(in srgb, {color.neutral.0} 90%, transparent)",
-        tertiary: "color-mix(in srgb, {color.neutral.0} 70%, transparent)"
-      }
-    },
-    border: {
-      subtle: "{color.neutral.200}",
-      strong: "{color.neutral.300}",
-      interactive: "{color.brand.500}"
-    },
-    interactive: {
-      primary: {
-        default: "{color.brand.500}",
-        hover: "{color.brand.700}",
-        text: "{color.neutral.0}"
-      },
-      secondary: {
-        default: "{color.neutral.100}",
-        hover: "{color.neutral.200}",
-        text: "{color.neutral.900}"
-      },
-      ghost: {
-        hover: "color-mix(in srgb, {color.neutral.1000} 5%, transparent)"
-      }
-    },
-    status: {
-      error: "{color.error.500}",
-      success: "{color.success.500}",
-      warning: "{color.warning.500}",
-      info: "{color.info.500}"
-    },
-    soft: {
-      brand: "color-mix(in srgb, {color.brand.500} 10%, transparent)",
-      "brand-hover": "color-mix(in srgb, {color.brand.500} 20%, transparent)",
-      success: "color-mix(in srgb, {color.success.500} 10%, transparent)",
-      error: "color-mix(in srgb, {color.error.500} 10%, transparent)",
-      warning: "color-mix(in srgb, {color.warning.500} 10%, transparent)",
-      info: "color-mix(in srgb, {color.info.500} 10%, transparent)"
-    },
-    focus: {
-      ring: "0 0 0 3px color-mix(in srgb, {color.brand.500} 40%, transparent)"
-    },
-    gradient: {
-      start: "{color.brand.400}",
-      end: "{color.brand.600}"
-    },
-    chart: {
-      1: "{color.brand.500}",
-      2: "{color.brand.300}",
-      3: "{color.brand.700}",
-      4: "{color.success.500}",
-      5: "{color.warning.500}"
-    }
-  }
-}, o = {
-  theme: "dark",
-  semantic: {
-    surface: {
-      base: "{color.neutral.900}",
-      subtle: "{color.neutral.950}",
-      layer: "{color.neutral.900}",
-      primary: "{color.neutral.900}",
-      secondary: "{color.neutral.900}",
-      glass: "color-mix(in srgb, {color.neutral.950} 60%, transparent)",
-      sunken: "color-mix(in srgb, {color.neutral.950} 40%, transparent)",
-      overlay: "color-mix(in srgb, {color.neutral.1000} 70%, transparent)"
-    },
-    text: {
-      primary: "{color.neutral.50}",
-      secondary: "{color.neutral.400}",
-      tertiary: "{color.neutral.600}",
-      inverse: "{color.neutral.950}",
-      brand: "{color.brand.400}",
-      "on-brand": {
-        primary: "{color.neutral.0}",
-        secondary: "color-mix(in srgb, {color.neutral.0} 90%, transparent)",
-        tertiary: "color-mix(in srgb, {color.neutral.0} 70%, transparent)"
-      }
-    },
-    border: {
-      subtle: "{color.neutral.800}",
-      strong: "{color.neutral.700}",
-      interactive: "{color.brand.500}"
-    },
-    interactive: {
-      primary: {
-        default: "{color.brand.500}",
-        hover: "{color.brand.400}",
-        text: "{color.neutral.900}"
-      },
-      secondary: {
-        default: "{color.neutral.800}",
-        hover: "{color.neutral.700}",
-        text: "{color.neutral.50}"
-      },
-      ghost: {
-        hover: "color-mix(in srgb, {color.neutral.0} 10%, transparent)"
-      }
-    },
-    status: {
-      error: "{color.error.500}",
-      success: "{color.success.500}",
-      warning: "{color.warning.500}",
-      info: "{color.info.500}"
-    },
-    soft: {
-      brand: "color-mix(in srgb, {color.brand.500} 15%, transparent)",
-      "brand-hover": "color-mix(in srgb, {color.brand.500} 25%, transparent)",
-      success: "color-mix(in srgb, {color.success.500} 15%, transparent)",
-      error: "color-mix(in srgb, {color.error.500} 15%, transparent)",
-      warning: "color-mix(in srgb, {color.warning.500} 15%, transparent)",
-      info: "color-mix(in srgb, {color.info.500} 15%, transparent)"
-    },
-    focus: {
-      ring: "0 0 0 3px color-mix(in srgb, {color.brand.500} 50%, transparent)"
-    },
-    gradient: {
-      start: "{color.brand.400}",
-      end: "{color.brand.600}"
-    },
-    chart: {
-      1: "{color.brand.400}",
-      2: "{color.brand.200}",
-      3: "{color.brand.600}",
-      4: "{color.success.500}",
-      5: "{color.warning.500}"
-    }
-  }
-}, n = {
-  light: r,
-  dark: o
+const e = "_agentCard_1evy3_8", t = "_clickable_1evy3_17", a = "_draggable_1evy3_21", _ = "_dragging_1evy3_33", n = "_headerContent_1evy3_53", i = "_iconAvatar_1evy3_62", c = "_headerRight_1evy3_75", g = "_multiBadge_1evy3_82", d = "_title_1evy3_98", o = "_description_1evy3_109", r = "_timestamp_1evy3_128", s = {
+  agentCard: e,
+  clickable: t,
+  draggable: a,
+  dragging: _,
+  headerContent: n,
+  iconAvatar: i,
+  headerRight: c,
+  multiBadge: g,
+  title: d,
+  description: o,
+  timestamp: r
 };
 export {
-  o as darkTheme,
-  r as lightTheme,
-  n as themes
+  e as agentCard,
+  t as clickable,
+  s as default,
+  o as description,
+  a as draggable,
+  _ as dragging,
+  n as headerContent,
+  c as headerRight,
+  i as iconAvatar,
+  g as multiBadge,
+  r as timestamp,
+  d as title
 };

package/dist/index98.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={orion:{name:"Orion",description:"Default brand - Orion Blue, professional rounded corners",accent:{primary:"{color.brand.orion.500}",light:"{color.brand.orion.100}",dark:"{color.brand.orion.900}"},typography:{primary:"Libre Baskerville",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.orion.500}",interactivePrimaryHover:"{color.brand.orion.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.orion.500}",interactivePrimaryHover:"{color.brand.orion.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark">',css:"/* No additional CSS needed - default */",attribute:null}},deepblue:{name:"Deepblue",description:"Deepblue brand - Deep Blue with Work Sans typography",accent:{primary:"{color.brand.deepblue.500}",light:"{color.brand.deepblue.100}",dark:"{color.brand.deepblue.800}"},typography:{primary:"Work Sans",secondary:"Work Sans",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",radiusContainer:"{radius.lg}",buttonStyle:"rounded"},semantic:{light:{interactivePrimary:"{color.brand.deepblue.500}",interactivePrimaryHover:"{color.brand.deepblue.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.deepblue.500}",interactivePrimaryHover:"{color.brand.deepblue.400}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="dark" data-brand="deepblue">',css:'/* Included in theme.css via [data-brand="deepblue"] */',attribute:"deepblue"}},red:{name:"Red",description:"Red brand - Red with Poppins typography and pill buttons",accent:{primary:"{color.brand.red.500}",light:"{color.brand.red.100}",dark:"{color.brand.red.900}"},typography:{primary:"Poppins",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"var(--radius-lg)",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.red.500}",interactivePrimaryHover:"{color.brand.red.600}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.red.500}",interactivePrimaryHover:"{color.brand.red.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark" data-brand="red">',css:'/* Included in theme.css via [data-brand="red"] */',attribute:"red"}},orange:{name:"Orange",description:"Orange brand - Red-Orange with pill buttons",accent:{primary:"{color.brand.orange.500}",light:"{color.brand.orange.100}",dark:"{color.brand.orange.900}"},typography:{primary:"DM Sans",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.full}",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.orange.500}",interactivePrimaryHover:"{color.brand.orange.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.orange.500}",interactivePrimaryHover:"{color.brand.orange.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark" data-brand="orange">',css:'/* Included in theme.css via [data-brand="orange"] */',attribute:"orange"}},ember:{name:"Ember",description:"Ember brand — Orange accent with dark neutral buttons and rectangular geometry",accent:{primary:"{color.brand.orange.500}",light:"{color.brand.orange.100}",dark:"{color.brand.orange.900}"},typography:{primary:"DM Sans",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",radiusContainer:"{radius.xl}",buttonStyle:"rounded"},semantic:{light:{interactivePrimary:"{color.neutral.900}",interactivePrimaryHover:"{color.neutral.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.neutral.100}",interactivePrimaryHover:"{color.neutral.0}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="light|dark" data-brand="ember">',css:'/* Included in theme.css via [data-brand="ember"] */',attribute:"ember"}},lemon:{name:"Lemon",description:"Lemon brand - Bright lime green with Anton typography and highly rounded design",accent:{primary:"{color.brand.lemon.600}",light:"{color.brand.lemon.100}",dark:"{color.brand.lemon.900}"},typography:{primary:"Anton",secondary:"Work Sans",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.lg}",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.lemon.700}",interactivePrimaryHover:"{color.brand.lemon.800}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.lemon.500}",interactivePrimaryHover:"{color.brand.lemon.600}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="dark" data-brand="lemon">',css:'/* Included in theme.css via [data-brand="lemon"] */',attribute:"lemon"}}};exports.brands=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_fieldContainer_71nij_9",n="_fullWidth_71nij_15",r="_disabled_71nij_19",t="_label_71nij_24",o="_labelText_71nij_40",i="_optional_71nij_44",_="_required_71nij_50",s="_inputWrapper_71nij_57",l="_input_71nij_57",c="_error_71nij_131",a="_leftIcon_71nij_146",I="_rightIcon_71nij_147",d="_rightIconInteractive_71nij_167",h="_errorIconInline_71nij_198",g="_errorIconMessage_71nij_204",p="_sm_71nij_209",j="_md_71nij_218",u="_lg_71nij_227",f="_hasLeftIcon_71nij_237",b="_hasRightIcon_71nij_241",M="_helperText_71nij_246",m="_errorMessage_71nij_255",T={fieldContainer:e,fullWidth:n,disabled:r,label:t,labelText:o,optional:i,required:_,inputWrapper:s,input:l,error:c,leftIcon:a,rightIcon:I,rightIconInteractive:d,errorIconInline:h,errorIconMessage:g,sm:p,md:j,lg:u,hasLeftIcon:f,hasRightIcon:b,helperText:M,errorMessage:m};exports.default=T;exports.disabled=r;exports.error=c;exports.errorIconInline=h;exports.errorIconMessage=g;exports.errorMessage=m;exports.fieldContainer=e;exports.fullWidth=n;exports.hasLeftIcon=f;exports.hasRightIcon=b;exports.helperText=M;exports.input=l;exports.inputWrapper=s;exports.label=t;exports.labelText=o;exports.leftIcon=a;exports.lg=u;exports.md=j;exports.optional=i;exports.required=_;exports.rightIcon=I;exports.rightIconInteractive=d;exports.sm=p;