@orion-ds/react 4.6.5 → 4.7.0

package/dist/components/ToggleGroup/ToggleGroup.mjs

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

@@ -1,2 +0,0 @@
-"use client";
-"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.mjs

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

@@ -1,2 +0,0 @@
-"use client";
-"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.mjs

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

@@ -1,2 +0,0 @@
-"use client";
-"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.mjs

@@ -1,120 +0,0 @@
-"use client";
-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 "./WorkspaceSwitcher.module.css.mjs";
-import { Avatar as n } from "../Avatar/Avatar.mjs";
-import { Badge as b } from "../Badge/Badge.mjs";
-import { Button as o } from "../Button/Button.mjs";
-import { Divider as I } from "../Divider/Divider.mjs";
-import { Popover as S } from "../Popover/Popover.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/contexts/ThemeContext.cjs

@@ -1,39 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),o=require("react"),g=require("../hooks/useTheme.cjs"),i=require("../utils/fonts.cjs"),S=require("../components/FontLoader/FontLoader.cjs"),h=o.createContext(void 0);function P(){return typeof window>"u"?!0:getComputedStyle(document.documentElement).getPropertyValue("--orion-react-styles-loaded").trim()==="1"}function O({children:t,defaultTheme:r,defaultBrand:d,options:p,disableFontWarnings:c=!1,disableAutoFontLoading:T=!1,disableCSSWarnings:u=!1}){const v={...p,...r!==void 0&&{defaultTheme:r},...d!==void 0&&{defaultBrand:d}},n=g.useTheme(v),a=o.useRef(new Set),m=o.useRef(!1);return o.useEffect(()=>{if(u||typeof window>"u"||!(process.env.NODE_ENV==="development"||window.location.hostname==="localhost"))return;const s=setTimeout(()=>{!m.current&&!P()&&(m.current=!0,console.warn(`[Orion] Component styles not detected!
-
-You must import the component CSS file:
-
-  import '@orion-ds/react/styles.css'; // Single import includes all styles
-
-Add this import in your app entry file. It includes both design tokens and component styles.
-
-To disable this warning, set disableCSSWarnings={true} on ThemeProvider.`))},100);return()=>clearTimeout(s)},[u]),o.useEffect(()=>{if(c||typeof window>"u"||!(process.env.NODE_ENV==="development"||typeof window<"u"&&window.location.hostname==="localhost"))return;const s=setTimeout(()=>{const{brand:e}=n,l=i.getMissingFonts(e);if(l.length>0&&!a.current.has(e)){a.current.add(e);const w=i.BRAND_FONTS[e].join(", ");console.warn(`[Orion] Missing fonts for "${e}" brand: ${l.join(", ")}
-
-The "${e}" brand requires these fonts: ${w}
-
-To fix this, add one of the following to your app:
-
-Option 1: Use <FontLoader /> component (recommended)
-  import { FontLoader } from '@orion-ds/react';
-  <ThemeProvider>
-    <FontLoader />
-    <App />
-  </ThemeProvider>
-
-Option 2: Add Google Fonts to your HTML <head>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="${i.GOOGLE_FONTS_URL}" rel="stylesheet">
-
-To disable this warning, set disableFontWarnings={true} on ThemeProvider.`)}},1e3);return()=>clearTimeout(s)},[n.brand,c,n]),f.jsxs(h.Provider,{value:n,children:[!T&&f.jsx(S.FontLoader,{}),t]})}function x(){const t=o.useContext(h);if(t===void 0)throw new Error(`❌ useTheme() must be used inside <ThemeProvider>
-
-Solution:
-Wrap your app with ThemeProvider:
-
-export default function App() {
-  return (
-    <ThemeProvider>
-      <YourComponents />
-    </ThemeProvider>
-  );
-}`);return t}exports.ThemeProvider=O;exports.useThemeContext=x;

package/dist/contexts/ThemeContext.mjs

@@ -1,99 +0,0 @@
-"use client";
-import { jsxs as y, jsx as g } from "react/jsx-runtime";
-import { useRef as a, useEffect as l, useContext as S, createContext as O } from "react";
-import { useTheme as P } from "../hooks/useTheme.mjs";
-import { getMissingFonts as x, BRAND_FONTS as C, GOOGLE_FONTS_URL as F } from "../utils/fonts.mjs";
-import { FontLoader as b } from "../components/FontLoader/FontLoader.mjs";
-const f = O(void 0);
-function E() {
-  return typeof window > "u" ? !0 : getComputedStyle(document.documentElement).getPropertyValue("--orion-react-styles-loaded").trim() === "1";
-}
-function R({
-  children: o,
-  defaultTheme: n,
-  defaultBrand: s,
-  options: p,
-  disableFontWarnings: i = !1,
-  disableAutoFontLoading: h = !1,
-  disableCSSWarnings: d = !1
-}) {
-  const v = {
-    ...p,
-    ...n !== void 0 && { defaultTheme: n },
-    ...s !== void 0 && { defaultBrand: s }
-  }, t = P(v), c = a(/* @__PURE__ */ new Set()), m = a(!1);
-  return l(() => {
-    if (d || typeof window > "u" || !(process.env.NODE_ENV === "development" || window.location.hostname === "localhost")) return;
-    const r = setTimeout(() => {
-      !m.current && !E() && (m.current = !0, console.warn(
-        `[Orion] Component styles not detected!
-
-You must import the component CSS file:
-
-  import '@orion-ds/react/styles.css'; // Single import includes all styles
-
-Add this import in your app entry file. It includes both design tokens and component styles.
-
-To disable this warning, set disableCSSWarnings={true} on ThemeProvider.`
-      ));
-    }, 100);
-    return () => clearTimeout(r);
-  }, [d]), l(() => {
-    if (i || typeof window > "u" || !(process.env.NODE_ENV === "development" || typeof window < "u" && window.location.hostname === "localhost")) return;
-    const r = setTimeout(() => {
-      const { brand: e } = t, u = x(e);
-      if (u.length > 0 && !c.current.has(e)) {
-        c.current.add(e);
-        const w = C[e].join(", ");
-        console.warn(
-          `[Orion] Missing fonts for "${e}" brand: ${u.join(", ")}
-
-The "${e}" brand requires these fonts: ${w}
-
-To fix this, add one of the following to your app:
-
-Option 1: Use <FontLoader /> component (recommended)
-  import { FontLoader } from '@orion-ds/react';
-  <ThemeProvider>
-    <FontLoader />
-    <App />
-  </ThemeProvider>
-
-Option 2: Add Google Fonts to your HTML <head>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="${F}" rel="stylesheet">
-
-To disable this warning, set disableFontWarnings={true} on ThemeProvider.`
-        );
-      }
-    }, 1e3);
-    return () => clearTimeout(r);
-  }, [t.brand, i, t]), /* @__PURE__ */ y(f.Provider, { value: t, children: [
-    !h && /* @__PURE__ */ g(b, {}),
-    o
-  ] });
-}
-function _() {
-  const o = S(f);
-  if (o === void 0)
-    throw new Error(
-      `❌ useTheme() must be used inside <ThemeProvider>
-
-Solution:
-Wrap your app with ThemeProvider:
-
-export default function App() {
-  return (
-    <ThemeProvider>
-      <YourComponents />
-    </ThemeProvider>
-  );
-}`
-    );
-  return o;
-}
-export {
-  R as ThemeProvider,
-  _ as useThemeContext
-};

package/dist/dist/components/Badge/Badge.cjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("./Badge.module.css.cjs"),s=({variant:t="neutral",size:d="md",dot:l=!1,className:n,children:r,...i})=>{const o=[e.default.badge,e.default[t],e.default[d],n].filter(Boolean).join(" ");return a.jsxs("span",{className:o,...i,children:[l&&a.jsx("span",{className:e.default.dot,"aria-hidden":"true"}),r]})};s.displayName="Badge";exports.Badge=s;

package/dist/dist/components/Badge/Badge.mjs

@@ -1,21 +0,0 @@
-"use client";
-import { jsxs as d, jsx as l } from "react/jsx-runtime";
-import a from "./Badge.module.css.mjs";
-const m = ({
-  variant: e = "neutral",
-  size: s = "md",
-  dot: r = !1,
-  className: n,
-  children: i,
-  ...o
-}) => {
-  const t = [a.badge, a[e], a[s], n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ d("span", { className: t, ...o, children: [
-    r && /* @__PURE__ */ l("span", { className: a.dot, "aria-hidden": "true" }),
-    i
-  ] });
-};
-m.displayName = "Badge";
-export {
-  m as Badge
-};

package/dist/dist/components/Button/Button.cjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),N=require("react"),e=require("./Button.module.css.cjs"),$=d=>d.replace(/-([a-z])/g,s=>s[1]?.toUpperCase()||""),u=N.forwardRef(({variant:d="primary",size:s="md",isLoading:n=!1,loadingText:o,fullWidth:c=!1,icon:t,iconRight:r,iconOnly:i=!1,className:f,children:h,disabled:p,type:m="button",...g},j)=>{const x=e.default[$(d)],b=[e.default.button,x,e.default[s],c&&e.default.fullWidth,i&&e.default.iconOnly,n&&e.default.loading,f].filter(Boolean).join(" "),y=p||n,l=n?e.default.loadingContent:void 0;return a.jsxs("button",{ref:j,type:m,className:b,disabled:y,...g,children:[n&&a.jsx("span",{className:e.default.spinner,"aria-hidden":"true"}),t&&!i&&a.jsx("span",{className:`${e.default.icon} ${l||""}`,"aria-hidden":"true",children:t}),i&&t?a.jsx("span",{className:`${e.default.icon} ${l||""}`,"aria-hidden":"true",children:t}):a.jsx("span",{className:l,children:n&&o?o:h}),r&&!i&&a.jsx("span",{className:`${e.default.icon} ${e.default.iconRight} ${l||""}`,"aria-hidden":"true",children:r})]})});u.displayName="Button";exports.Button=u;