@orion-ds/react 4.2.14 → 4.3.7

package/dist/components/Toast/Toast.mjs

@@ -0,0 +1,225 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useState as g, useCallback as a, useContext as N, createContext as j, useRef as B, useEffect as W } from "react";
+import { createPortal as y } from "react-dom";
+import o from "./Toast.module.css.mjs";
+let E = 0;
+const P = () => `toast-${++E}`, w = j(null), $ = () => {
+  const e = N(w);
+  if (!e)
+    throw new Error("useToast must be used within a ToastProvider");
+  return e;
+}, I = ({ toast: e, onDismiss: u }) => {
+  const [d, h] = g(!1), s = B(null), c = a(() => {
+    h(!0), setTimeout(() => {
+      u(e.id), e.onDismiss?.();
+    }, 200);
+  }, [e, u]);
+  W(() => {
+    if (e.duration && e.duration > 0)
+      return s.current = setTimeout(c, e.duration), () => {
+        s.current && clearTimeout(s.current);
+      };
+  }, [e.duration, c]);
+  const i = () => {
+    s.current && clearTimeout(s.current);
+  }, m = () => {
+    e.duration && e.duration > 0 && (s.current = setTimeout(c, e.duration));
+  }, v = [
+    o.toast,
+    o[e.variant || "info"],
+    d && o.exiting
+  ].filter(Boolean).join(" "), k = () => {
+    switch (e.variant) {
+      case "success":
+        return /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ t(
+          "path",
+          {
+            d: "M16.667 5L7.5 14.167 3.333 10",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ) });
+      case "error":
+        return /* @__PURE__ */ l("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+          /* @__PURE__ */ t(
+            "circle",
+            {
+              cx: "10",
+              cy: "10",
+              r: "7.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "path",
+            {
+              d: "M10 6v5M10 13.5v.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round"
+            }
+          )
+        ] });
+      case "warning":
+        return /* @__PURE__ */ l("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+          /* @__PURE__ */ t(
+            "path",
+            {
+              d: "M8.57 3.216L1.538 15.143a1.667 1.667 0 001.429 2.524h14.066a1.667 1.667 0 001.429-2.524L11.43 3.216a1.667 1.667 0 00-2.858 0z",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "path",
+            {
+              d: "M10 7.5v3.333M10 14.167h.008",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ] });
+      default:
+        return /* @__PURE__ */ l("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+          /* @__PURE__ */ t(
+            "circle",
+            {
+              cx: "10",
+              cy: "10",
+              r: "7.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "path",
+            {
+              d: "M10 9v4.5M10 6.5v.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round"
+            }
+          )
+        ] });
+    }
+  };
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: v,
+      role: "alert",
+      "aria-live": "polite",
+      onMouseEnter: i,
+      onMouseLeave: m,
+      children: [
+        /* @__PURE__ */ t("span", { className: o.icon, "aria-hidden": "true", children: k() }),
+        /* @__PURE__ */ l("div", { className: o.content, children: [
+          e.title && /* @__PURE__ */ t("div", { className: o.title, children: e.title }),
+          /* @__PURE__ */ t("div", { className: o.message, children: e.message })
+        ] }),
+        e.action && /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: o.action,
+            onClick: () => {
+              e.action?.onClick(), c();
+            },
+            children: e.action.label
+          }
+        ),
+        e.dismissible !== !1 && /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: o.closeButton,
+            onClick: c,
+            "aria-label": "Dismiss",
+            children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ t(
+              "path",
+              {
+                d: "M12 4L4 12M4 4l8 8",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  );
+}, D = ({
+  children: e,
+  position: u = "bottom-right",
+  maxToasts: d = 5,
+  defaultDuration: h = 5e3
+}) => {
+  const [s, c] = g([]), i = a(
+    (r) => {
+      const n = P(), f = {
+        id: n,
+        duration: h,
+        dismissible: !0,
+        variant: "info",
+        ...r
+      };
+      return c((b) => {
+        const p = [...b, f];
+        return p.length > d ? p.slice(-d) : p;
+      }), n;
+    },
+    [h, d]
+  ), m = a((r) => {
+    c((n) => n.filter((f) => f.id !== r));
+  }, []), v = a(() => {
+    c([]);
+  }, []), k = a(
+    (r, n) => i({ message: r, variant: "info", ...n }),
+    [i]
+  ), C = a(
+    (r, n) => i({ message: r, variant: "success", ...n }),
+    [i]
+  ), L = a(
+    (r, n) => i({ message: r, variant: "warning", ...n }),
+    [i]
+  ), x = a(
+    (r, n) => i({ message: r, variant: "error", ...n }),
+    [i]
+  ), M = {
+    toast: i,
+    info: k,
+    success: C,
+    warning: L,
+    error: x,
+    dismiss: m,
+    dismissAll: v
+  }, T = [o.container, o[u]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ l(w.Provider, { value: M, children: [
+    e,
+    s.length > 0 && y(
+      /* @__PURE__ */ t("div", { className: T, "aria-label": "Notifications", children: s.map((r) => /* @__PURE__ */ t(
+        I,
+        {
+          toast: r,
+          onDismiss: m
+        },
+        r.id
+      )) }),
+      document.body
+    )
+  ] });
+};
+D.displayName = "ToastProvider";
+export {
+  D as ToastProvider,
+  $ as useToast
+};

package/dist/components/Toggle/Toggle.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react/jsx-runtime"),l=require("react"),t=require("./Toggle.module.css.cjs"),u=l.forwardRef(({pressed:o,defaultPressed:c=!1,onPressedChange:a,variant:d="default",size:i="md",disabled:f,className:g,children:m,onClick:n,...b},T)=>{const[j,p]=l.useState(c),s=o!==void 0,e=s?o:j,y=l.useCallback(x=>{const r=!e;s||p(r),a?.(r),n?.(x)},[e,s,a,n]),q=[t.default.toggle,t.default[d],t.default[i],e&&t.default.pressed,g].filter(Boolean).join(" ");return N.jsx("button",{ref:T,type:"button",className:q,"aria-pressed":e,disabled:f,onClick:y,...b,children:m})});u.displayName="Toggle";exports.Toggle=u;

package/dist/components/Toggle/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,2GAwDlB,CAAC"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,2GAwDlB,CAAC"}

package/dist/components/Toggle/Toggle.mjs

@@ -0,0 +1,48 @@
+import { jsx as j } from "react/jsx-runtime";
+import { forwardRef as k, useState as C, useCallback as P } from "react";
+import s from "./Toggle.module.css.mjs";
+const T = k(
+  ({
+    pressed: o,
+    defaultPressed: n = !1,
+    onPressedChange: l,
+    variant: i = "default",
+    size: c = "md",
+    disabled: d,
+    className: m,
+    children: f,
+    onClick: r,
+    ...p
+  }, u) => {
+    const [g, b] = C(n), t = o !== void 0, e = t ? o : g, x = P(
+      (N) => {
+        const a = !e;
+        t || b(a), l?.(a), r?.(N);
+      },
+      [e, t, l, r]
+    ), y = [
+      s.toggle,
+      s[i],
+      s[c],
+      e && s.pressed,
+      m
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ j(
+      "button",
+      {
+        ref: u,
+        type: "button",
+        className: y,
+        "aria-pressed": e,
+        disabled: d,
+        onClick: x,
+        ...p,
+        children: f
+      }
+    );
+  }
+);
+T.displayName = "Toggle";
+export {
+  T as Toggle
+};

package/dist/components/ToggleGroup/ToggleGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("react/jsx-runtime"),n=require("react"),a=require("./ToggleGroup.module.css.cjs"),j=n.createContext(null);function q(){const t=n.useContext(j);if(!t)throw new Error("ToggleGroup.Item must be used within a ToggleGroup");return t}const A=n.forwardRef(({value:t,disabled:c,className:y,children:g,...d},f)=>{const{type:I,value:b,onItemToggle:x,variant:h,size:s,disabled:p}=q(),m=b.includes(t),T=c||p,u=[a.default.item,m&&a.default.itemPressed,y].filter(Boolean).join(" ");return G.jsx("button",{ref:f,type:"button",className:u,"aria-pressed":m,disabled:T,onClick:()=>x(t),...d,children:g})});A.displayName="ToggleGroup.Item";const R=n.forwardRef(({type:t,value:c,defaultValue:y,onValueChange:g,variant:d="default",size:f="md",disabled:I=!1,className:b,children:x,...h},s)=>{const p=e=>e===void 0?[]:Array.isArray(e)?e:[e],[m,T]=n.useState(p(y)),u=c!==void 0,i=u?p(c):m,k=n.useRef(null),C=n.useCallback(e=>{let o;i.includes(e)?o=i.filter(r=>r!==e):t==="multiple"?o=[...i,e]:o=[e],u||T(o),g?.(t==="single"?o[0]??"":o)},[i,t,u,g]),v=n.useCallback(e=>{const o=k.current;if(!o)return;const r=Array.from(o.querySelectorAll("button:not(:disabled)")),w=r.indexOf(e.target);if(w===-1)return;let l;e.key==="ArrowRight"||e.key==="ArrowDown"?l=(w+1)%r.length:e.key==="ArrowLeft"||e.key==="ArrowUp"?l=(w-1+r.length)%r.length:e.key==="Home"?l=0:e.key==="End"&&(l=r.length-1),l!==void 0&&(e.preventDefault(),r[l]?.focus())},[]),D=[a.default.group,a.default[d],a.default[f],b].filter(Boolean).join(" "),N={type:t,value:i,onItemToggle:C,variant:d,size:f,disabled:I};return G.jsx(j.Provider,{value:N,children:G.jsx("div",{ref:e=>{k.current=e,typeof s=="function"?s(e):s&&(s.current=e)},role:"group",className:D,onKeyDown:v,...h,children:x})})});R.displayName="ToggleGroup";const P=Object.assign(R,{Item:A});exports.ToggleGroup=P;

package/dist/components/ToggleGroup/ToggleGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EAErB,MAAM,qBAAqB,CAAC;AAuK7B,eAAO,MAAM,WAAW;;CAEtB,CAAC"}
+{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EAErB,MAAM,qBAAqB,CAAC;AAuK7B,eAAO,MAAM,WAAW;;CAEtB,CAAC"}

package/dist/components/ToggleGroup/ToggleGroup.mjs

@@ -0,0 +1,101 @@
+import { jsx as w } from "react/jsx-runtime";
+import { forwardRef as A, useState as _, useRef as z, useCallback as k, createContext as B, useContext as E } from "react";
+import u from "./ToggleGroup.module.css.mjs";
+const C = B(null);
+function K() {
+  const t = E(C);
+  if (!t)
+    throw new Error("ToggleGroup.Item must be used within a ToggleGroup");
+  return t;
+}
+const D = A(
+  ({ value: t, disabled: a, className: p, children: c, ...g }, d) => {
+    const {
+      type: I,
+      value: y,
+      onItemToggle: x,
+      variant: h,
+      size: s,
+      disabled: f
+    } = K(), m = y.includes(t), b = a || f, l = [u.item, m && u.itemPressed, p].filter(Boolean).join(" ");
+    return /* @__PURE__ */ w(
+      "button",
+      {
+        ref: d,
+        type: "button",
+        className: l,
+        "aria-pressed": m,
+        disabled: b,
+        onClick: () => x(t),
+        ...g,
+        children: c
+      }
+    );
+  }
+);
+D.displayName = "ToggleGroup.Item";
+const N = A(
+  ({
+    type: t,
+    value: a,
+    defaultValue: p,
+    onValueChange: c,
+    variant: g = "default",
+    size: d = "md",
+    disabled: I = !1,
+    className: y,
+    children: x,
+    ...h
+  }, s) => {
+    const f = (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], [m, b] = _(
+      f(p)
+    ), l = a !== void 0, i = l ? f(a) : m, G = z(null), v = k(
+      (e) => {
+        let o;
+        i.includes(e) ? o = i.filter((r) => r !== e) : t === "multiple" ? o = [...i, e] : o = [e], l || b(o), c?.(t === "single" ? o[0] ?? "" : o);
+      },
+      [i, t, l, c]
+    ), R = k(
+      (e) => {
+        const o = G.current;
+        if (!o) return;
+        const r = Array.from(
+          o.querySelectorAll(
+            "button:not(:disabled)"
+          )
+        ), T = r.indexOf(e.target);
+        if (T === -1) return;
+        let n;
+        e.key === "ArrowRight" || e.key === "ArrowDown" ? n = (T + 1) % r.length : e.key === "ArrowLeft" || e.key === "ArrowUp" ? n = (T - 1 + r.length) % r.length : e.key === "Home" ? n = 0 : e.key === "End" && (n = r.length - 1), n !== void 0 && (e.preventDefault(), r[n]?.focus());
+      },
+      []
+    ), j = [u.group, u[g], u[d], y].filter(Boolean).join(" "), P = {
+      type: t,
+      value: i,
+      onItemToggle: v,
+      variant: g,
+      size: d,
+      disabled: I
+    };
+    return /* @__PURE__ */ w(C.Provider, { value: P, children: /* @__PURE__ */ w(
+      "div",
+      {
+        ref: (e) => {
+          G.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
+        },
+        role: "group",
+        className: j,
+        onKeyDown: R,
+        ...h,
+        children: x
+      }
+    ) });
+  }
+);
+N.displayName = "ToggleGroup";
+const H = Object.assign(N, {
+  Item: D
+});
+export {
+  H as ToggleGroup
+};

package/dist/components/Tooltip/Tooltip.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),t=require("react"),o=require("./Tooltip.module.css.cjs"),r=({content:u,placement:a="top",delay:c=200,disabled:s=!1,children:l,className:f})=>{const[d,e]=t.useState(!1),n=t.useRef(void 0),m=()=>{s||(n.current=setTimeout(()=>{e(!0)},c))},p=()=>{n.current&&clearTimeout(n.current),e(!1)},v=()=>{s||e(!0)},T=()=>{e(!1)},j=[o.default.tooltip,o.default[a],f].filter(Boolean).join(" "),h=t.isValidElement(l)?t.cloneElement(l,{onMouseEnter:m,onMouseLeave:p,onFocus:v,onBlur:T}):l;return i.jsxs("div",{className:o.default.container,children:[h,d&&!s&&i.jsxs("div",{className:j,role:"tooltip",children:[u,i.jsx("div",{className:o.default.arrow})]})]})};r.displayName="Tooltip";exports.Tooltip=r;

package/dist/components/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAyD,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6D1C,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAyD,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6D1C,CAAC"}

package/dist/components/Tooltip/Tooltip.mjs

@@ -0,0 +1,39 @@
+import { jsxs as l, jsx as E } from "react/jsx-runtime";
+import { useState as M, useRef as N, isValidElement as T, cloneElement as j } from "react";
+import o from "./Tooltip.module.css.mjs";
+const x = ({
+  content: r,
+  placement: i = "top",
+  delay: a = 200,
+  disabled: t = !1,
+  children: s,
+  className: c
+}) => {
+  const [u, e] = M(!1), n = N(void 0), m = () => {
+    t || (n.current = setTimeout(() => {
+      e(!0);
+    }, a));
+  }, f = () => {
+    n.current && clearTimeout(n.current), e(!1);
+  }, p = () => {
+    t || e(!0);
+  }, d = () => {
+    e(!1);
+  }, v = [o.tooltip, o[i], c].filter(Boolean).join(" "), h = T(s) ? j(s, {
+    onMouseEnter: m,
+    onMouseLeave: f,
+    onFocus: p,
+    onBlur: d
+  }) : s;
+  return /* @__PURE__ */ l("div", { className: o.container, children: [
+    h,
+    u && !t && /* @__PURE__ */ l("div", { className: v, role: "tooltip", children: [
+      r,
+      /* @__PURE__ */ E("div", { className: o.arrow })
+    ] })
+  ] });
+};
+x.displayName = "Tooltip";
+export {
+  x as Tooltip
+};

package/dist/components/UserMenu/UserMenu.cjs

@@ -0,0 +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("./UserMenu.module.css.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/components/UserMenu/UserMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,kBAAkB,CAAC;AAWpE,eAAO,MAAM,QAAQ,0GAsPpB,CAAC"}
+{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,kBAAkB,CAAC;AAWpE,eAAO,MAAM,QAAQ,0GAsPpB,CAAC"}

package/dist/components/UserMenu/UserMenu.mjs

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

package/dist/components/WorkspaceSwitcher/WorkspaceSwitcher.cjs

@@ -0,0 +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("./WorkspaceSwitcher.module.css.cjs"),n=require("../Avatar/Avatar.cjs"),B=require("../Badge/Badge.cjs"),r=require("../Button/Button.cjs"),k=require("../Divider/Divider.cjs"),q=require("../Popover/Popover.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/components/WorkspaceSwitcher/WorkspaceSwitcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspaceSwitcher/WorkspaceSwitcher.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAExE,eAAO,MAAM,iBAAiB,mHA0H7B,CAAC"}
+{"version":3,"file":"WorkspaceSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspaceSwitcher/WorkspaceSwitcher.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAExE,eAAO,MAAM,iBAAiB,mHA0H7B,CAAC"}