@orion-ds/react 4.2.14 → 4.3.1

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.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.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.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 "./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

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

@@ -0,0 +1,98 @@
+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/Carousel/Carousel.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="_carousel_1ch8a_9",_="_track_1ch8a_19",t="_trackEdge_1ch8a_33",c="_trackContainer_1ch8a_42",e="_peek_1ch8a_48",r="_gapSm_1ch8a_54",i="_gapMd_1ch8a_58",o="_gapLg_1ch8a_62",h="_navigation_1ch8a_70",n="_navButton_1ch8a_77",g="_card_1ch8a_107",d="_imageWrapper_1ch8a_138",p="_overlay_1ch8a_153",l="_content_1ch8a_176",v="_eyebrow_1ch8a_187",s="_cardTitle_1ch8a_196",u="_cardDescription_1ch8a_205",k="_action_1ch8a_213",y="_pagination_1ch8a_297",m="_dot_1ch8a_304",A="_dotActive_1ch8a_321",b="_highlightActive_1ch8a_331",M="_cardHighlighted_1ch8a_335",S={carousel:a,track:_,trackEdge:t,trackContainer:c,peek:e,gapSm:r,gapMd:i,gapLg:o,navigation:h,navButton:n,card:g,"aspect-16-9":"_aspect-16-9_1ch8a_118","aspect-4-3":"_aspect-4-3_1ch8a_122","aspect-1-1":"_aspect-1-1_1ch8a_126","aspect-3-4":"_aspect-3-4_1ch8a_130",imageWrapper:d,overlay:p,"overlay-gradient":"_overlay-gradient_1ch8a_159","overlay-dark":"_overlay-dark_1ch8a_168",content:l,eyebrow:v,cardTitle:s,cardDescription:u,action:k,"variant-editorial":"_variant-editorial_1ch8a_221","variant-product":"_variant-product_1ch8a_233","variant-gallery":"_variant-gallery_1ch8a_280",pagination:y,dot:m,dotActive:A,highlightActive:b,cardHighlighted:M};exports.action=k;exports.card=g;exports.cardDescription=u;exports.cardHighlighted=M;exports.cardTitle=s;exports.carousel=a;exports.content=l;exports.default=S;exports.dot=m;exports.dotActive=A;exports.eyebrow=v;exports.gapLg=o;exports.gapMd=i;exports.gapSm=r;exports.highlightActive=b;exports.imageWrapper=d;exports.navButton=n;exports.navigation=h;exports.overlay=p;exports.pagination=y;exports.peek=e;exports.track=_;exports.trackContainer=c;exports.trackEdge=t;

package/dist/dist/components/Carousel/Carousel.module.css.mjs

@@ -0,0 +1,60 @@
+const a = "_carousel_1ch8a_9", _ = "_track_1ch8a_19", c = "_trackEdge_1ch8a_33", t = "_trackContainer_1ch8a_42", e = "_peek_1ch8a_48", r = "_gapSm_1ch8a_54", i = "_gapMd_1ch8a_58", h = "_gapLg_1ch8a_62", o = "_navigation_1ch8a_70", n = "_navButton_1ch8a_77", g = "_card_1ch8a_107", s = "_imageWrapper_1ch8a_138", d = "_overlay_1ch8a_153", p = "_content_1ch8a_176", l = "_eyebrow_1ch8a_187", v = "_cardTitle_1ch8a_196", k = "_cardDescription_1ch8a_205", y = "_action_1ch8a_213", u = "_pagination_1ch8a_297", m = "_dot_1ch8a_304", A = "_dotActive_1ch8a_321", b = "_highlightActive_1ch8a_331", w = "_cardHighlighted_1ch8a_335", B = {
+  carousel: a,
+  track: _,
+  trackEdge: c,
+  trackContainer: t,
+  peek: e,
+  gapSm: r,
+  gapMd: i,
+  gapLg: h,
+  navigation: o,
+  navButton: n,
+  card: g,
+  "aspect-16-9": "_aspect-16-9_1ch8a_118",
+  "aspect-4-3": "_aspect-4-3_1ch8a_122",
+  "aspect-1-1": "_aspect-1-1_1ch8a_126",
+  "aspect-3-4": "_aspect-3-4_1ch8a_130",
+  imageWrapper: s,
+  overlay: d,
+  "overlay-gradient": "_overlay-gradient_1ch8a_159",
+  "overlay-dark": "_overlay-dark_1ch8a_168",
+  content: p,
+  eyebrow: l,
+  cardTitle: v,
+  cardDescription: k,
+  action: y,
+  "variant-editorial": "_variant-editorial_1ch8a_221",
+  "variant-product": "_variant-product_1ch8a_233",
+  "variant-gallery": "_variant-gallery_1ch8a_280",
+  pagination: u,
+  dot: m,
+  dotActive: A,
+  highlightActive: b,
+  cardHighlighted: w
+};
+export {
+  y as action,
+  g as card,
+  k as cardDescription,
+  w as cardHighlighted,
+  v as cardTitle,
+  a as carousel,
+  p as content,
+  B as default,
+  m as dot,
+  A as dotActive,
+  l as eyebrow,
+  h as gapLg,
+  i as gapMd,
+  r as gapSm,
+  b as highlightActive,
+  s as imageWrapper,
+  n as navButton,
+  o as navigation,
+  d as overlay,
+  u as pagination,
+  e as peek,
+  _ as track,
+  t as trackContainer,
+  c as trackEdge
+};

package/dist/dist/components/Carousel/CarouselCard.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("./Carousel.module.css.cjs"),i=({item:c,aspectRatio:d="16/9",variant:n="editorial",className:o,style:u,...m})=>{const{image:f,eyebrow:s,title:j,description:l,action:t,overlay:r="gradient"}=c,p=[e.default.card,e.default[`variant-${n}`],e.default[`aspect-${d.replace("/","-")}`],o].filter(Boolean).join(" ");return a.jsxs("article",{className:p,style:u,...m,children:[a.jsx("div",{className:e.default.imageWrapper,children:f}),r!=="none"&&a.jsx("div",{className:`${e.default.overlay} ${e.default[`overlay-${r}`]}`}),a.jsxs("div",{className:e.default.content,children:[s&&a.jsx("span",{className:e.default.eyebrow,children:s}),a.jsx("h3",{className:e.default.cardTitle,children:j}),l&&a.jsx("p",{className:e.default.cardDescription,children:l}),t&&a.jsx("div",{className:e.default.action,children:t})]})]})};i.displayName="CarouselCard";exports.CarouselCard=i;