@orion-ds/react 4.6.3 → 4.6.6

package/dist/index94.mjs

@@ -0,0 +1,119 @@
+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 "./index195.mjs";
+import { Avatar as n } from "./index22.mjs";
+import { Badge as b } from "./index23.mjs";
+import { Button as o } from "./index26.mjs";
+import { Divider as I } from "./index45.mjs";
+import { Popover as S } from "./index70.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
+};