@orion-ds/react 4.2.13 → 4.3.1

package/dist/index80.mjs

@@ -1,161 +0,0 @@
-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 "./index175.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/index81.cjs

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

package/dist/index82.cjs

@@ -1 +0,0 @@
-"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;

package/dist/index82.mjs

@@ -1,33 +0,0 @@
-import { primitives as i } from "./index83.mjs";
-import { themes as s } from "./index97.mjs";
-import { brands as f } from "./index98.mjs";
-function c(o) {
-  const e = o.split(".");
-  let n = i;
-  for (const t of e)
-    if (n = n[t], n === void 0)
-      throw new Error(`Token path "${o}" not found`);
-  return n;
-}
-function k(o, e) {
-  const n = e.split(".");
-  let t = s[o].semantic;
-  for (const r of n)
-    if (t = t[r], t === void 0)
-      throw new Error(
-        `Semantic token path "${e}" not found in ${o} theme`
-      );
-  if (typeof t == "string" && t.startsWith("{") && t.endsWith("}")) {
-    const r = t.slice(1, -1);
-    return c(r);
-  }
-  return t;
-}
-function p(o) {
-  return f[o];
-}
-export {
-  p as getBrand,
-  k as getSemanticToken,
-  c as getToken
-};

package/dist/index9.cjs

@@ -1 +0,0 @@
-"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("./index100.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

@@ -1,91 +0,0 @@
-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 "./index100.mjs";
-const u = h(null);
-function g() {
-  return x(u);
-}
-const B = {
-  info: /* @__PURE__ */ o(j, { size: 24 }),
-  warning: /* @__PURE__ */ o(w, { size: 24 }),
-  danger: /* @__PURE__ */ o(k, { size: 24 })
-}, a = ({
-  open: e,
-  onClose: t,
-  closeOnBackdrop: i = !1,
-  closeOnEscape: r = !1,
-  children: s,
-  className: N
-}) => {
-  const c = m(), d = m();
-  if (f(() => {
-    if (!e || !r) return;
-    const l = (b) => {
-      b.key === "Escape" && t();
-    };
-    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
-  }, [e, r, t]), f(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
-    document.body.style.overflow = "";
-  }), [e]), !e) return null;
-  const v = [n.dialog, N].filter(Boolean).join(" "), I = (l) => {
-    i && l.target === l.currentTarget && t();
-  };
-  return C(
-    /* @__PURE__ */ o(u.Provider, { value: { titleId: c, descriptionId: d }, children: /* @__PURE__ */ o(
-      "div",
-      {
-        className: n.backdrop,
-        onClick: I,
-        role: "alertdialog",
-        "aria-modal": "true",
-        "aria-labelledby": c,
-        "aria-describedby": d,
-        children: /* @__PURE__ */ o("div", { className: v, children: s })
-      }
-    ) }),
-    document.body
-  );
-}, y = ({
-  variant: e = "info",
-  icon: t,
-  className: i
-}) => {
-  const r = {
-    info: n.iconInfo,
-    warning: n.iconWarning,
-    danger: n.iconDanger
-  }[e], s = [n.icon, r, i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("div", { className: s, "aria-hidden": "true", children: t || B[e] });
-}, A = ({
-  className: e,
-  children: t
-}) => {
-  const i = g(), r = [n.title, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("h2", { id: i?.titleId, className: r, children: t });
-}, p = ({
-  className: e,
-  children: t
-}) => {
-  const i = g(), r = [n.description, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("p", { id: i?.descriptionId, className: r, children: t });
-}, D = ({
-  className: e,
-  children: t
-}) => {
-  const i = [n.actions, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("div", { className: i, children: t });
-};
-a.Icon = y;
-a.Title = A;
-a.Description = p;
-a.Actions = D;
-a.displayName = "AlertDialog";
-y.displayName = "AlertDialog.Icon";
-A.displayName = "AlertDialog.Title";
-p.displayName = "AlertDialog.Description";
-D.displayName = "AlertDialog.Actions";
-export {
-  a as AlertDialog
-};