@orion-ds/react 4.6.5 → 4.6.6

package/dist/index27.mjs

@@ -0,0 +1,135 @@
+import { jsxs as M, jsx as c } from "react/jsx-runtime";
+import { useState as K, useMemo as N, useCallback as g, useId as Y } from "react";
+import { startOfMonth as S, endOfMonth as q, startOfWeek as G, endOfWeek as J, eachDayOfInterval as Q, isBefore as y, isAfter as k, isSameDay as i, format as b, isSameMonth as x, isToday as w, subMonths as U, addMonths as V } from "date-fns";
+import { ChevronLeft as X, ChevronRight as Z } from "lucide-react";
+import o from "./index225.mjs";
+import { Button as I } from "./index26.mjs";
+const $ = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+function p(t, r) {
+  const a = t.length, u = (r % a + a) % a;
+  return [...t.slice(u), ...t.slice(0, u)];
+}
+const ee = (t) => {
+  const {
+    mode: r = "single",
+    min: a,
+    max: u,
+    disabled: d,
+    weekStartsOn: f = 0,
+    showOutsideDays: A = !0,
+    className: L,
+    ...T
+  } = t, {
+    selected: re,
+    onSelect: se,
+    ...j
+  } = T, [m, v] = K(() => r === "single" && t.mode !== "range" && t.mode !== "multiple" && t.selected ? S(t.selected) : r === "range" && t.mode === "range" && t.selected?.from ? S(t.selected.from) : S(/* @__PURE__ */ new Date())), z = N(() => {
+    const e = S(m), n = q(m), s = G(e, { weekStartsOn: f }), l = J(n, { weekStartsOn: f });
+    return Q({ start: s, end: l });
+  }, [m, f]), B = N(
+    () => p($, f),
+    [f]
+  ), h = g(
+    (e) => a && y(e, te(a)) || u && k(e, ne(u)) ? !0 : d ? Array.isArray(d) ? d.some((n) => i(n, e)) : d(e) : !1,
+    [a, u, d]
+  ), O = g(
+    (e) => r === "single" && t.mode !== "range" && t.mode !== "multiple" ? t.selected ? i(t.selected, e) : !1 : r === "multiple" && t.mode === "multiple" ? t.selected?.some((n) => i(n, e)) ?? !1 : !1,
+    [r, t]
+  ), C = g(
+    (e) => {
+      if (r !== "range" || t.mode !== "range" || !t.selected)
+        return null;
+      const { from: n, to: s } = t.selected;
+      return n ? s ? i(e, n) && i(e, s) || i(e, n) ? "start" : i(e, s) ? "end" : k(e, n) && y(e, s) ? "middle" : null : i(e, n) ? "start" : null : null;
+    },
+    [r, t]
+  ), W = g(
+    (e) => {
+      if (!h(e)) {
+        if (r === "single" && t.mode !== "range" && t.mode !== "multiple") {
+          const n = t.onSelect;
+          n?.(e);
+        } else if (r === "range" && t.mode === "range") {
+          const n = t.onSelect, s = t.selected;
+          !s?.from || s.from && s.to ? n?.({ from: e, to: void 0 }) : y(e, s.from) ? n?.({ from: e, to: s.from }) : n?.({ from: s.from, to: e });
+        } else if (r === "multiple" && t.mode === "multiple") {
+          const n = t.onSelect, s = t.selected ?? [], l = s.findIndex((E) => i(E, e));
+          l >= 0 ? n?.(s.filter((E, F) => F !== l)) : n?.([...s, e]);
+        }
+      }
+    },
+    [r, t, h]
+  ), _ = () => v((e) => U(e, 1)), P = () => v((e) => V(e, 1)), H = (e) => {
+    const n = [o.day];
+    if (!x(e, m) && n.push(o.outside), w(e) && n.push(o.today), h(e) && n.push(o.disabled), r === "range") {
+      const l = C(e);
+      l === "start" && (n.push(o.rangeStart), t.mode === "range" && t.selected?.from && t.selected?.to && i(t.selected.from, t.selected.to) && n.push(o.rangeEnd)), l === "middle" && n.push(o.rangeMiddle), l === "end" && n.push(o.rangeEnd);
+    } else O(e) && n.push(o.selected);
+    return n.join(" ");
+  }, R = [o.calendar, L].filter(Boolean).join(" "), D = Y();
+  return /* @__PURE__ */ M("div", { className: R, ...j, children: [
+    /* @__PURE__ */ M("div", { className: o.header, children: [
+      /* @__PURE__ */ c(
+        I,
+        {
+          variant: "ghost",
+          iconOnly: !0,
+          size: "sm",
+          icon: /* @__PURE__ */ c(X, { size: 16 }),
+          onClick: _,
+          "aria-label": "Previous month"
+        }
+      ),
+      /* @__PURE__ */ c("span", { id: D, className: o.monthLabel, children: b(m, "MMMM yyyy") }),
+      /* @__PURE__ */ c(
+        I,
+        {
+          variant: "ghost",
+          iconOnly: !0,
+          size: "sm",
+          icon: /* @__PURE__ */ c(Z, { size: 16 }),
+          onClick: P,
+          "aria-label": "Next month"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ M("div", { className: o.grid, role: "grid", "aria-labelledby": D, children: [
+      B.map((e) => /* @__PURE__ */ c(
+        "div",
+        {
+          className: o.weekday,
+          role: "columnheader",
+          "aria-label": e,
+          children: e
+        },
+        e
+      )),
+      z.map((e) => !x(e, m) && !A ? /* @__PURE__ */ c("div", {}, e.toISOString()) : /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          className: H(e),
+          onClick: () => W(e),
+          disabled: h(e),
+          tabIndex: w(e) ? 0 : -1,
+          "aria-label": b(e, "EEEE, MMMM d, yyyy"),
+          "aria-selected": O(e) || C(e) !== null,
+          children: b(e, "d")
+        },
+        e.toISOString()
+      ))
+    ] })
+  ] });
+};
+ee.displayName = "Calendar";
+function te(t) {
+  const r = new Date(t);
+  return r.setHours(0, 0, 0, 0), r;
+}
+function ne(t) {
+  const r = new Date(t);
+  return r.setHours(23, 59, 59, 999), r;
+}
+export {
+  ee as Calendar
+};

package/dist/index273.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("./index274.cjs"),a=({id:r,question:o,answer:l,isOpen:n=!1,onToggle:s,className:d})=>t.jsxs("div",{className:`${e.default.item} ${n?e.default.itemOpen:""} ${d||""}`,children:[t.jsxs("button",{type:"button",className:e.default.trigger,onClick:s,"aria-expanded":n,"aria-controls":`faq-content-${r}`,children:[o,t.jsx("svg",{className:`${e.default.chevron} ${n?e.default.chevronOpen:""}`,width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("polyline",{points:"6 9 12 15 18 9"})})]}),t.jsx("div",{id:`faq-content-${r}`,role:"region",className:`${e.default.content} ${n?e.default.contentOpen:""}`,children:t.jsx("p",{className:e.default.answer,children:l})})]});a.displayName="FAQItemCard";exports.FAQItemCard=a;

package/dist/index273.mjs

@@ -0,0 +1,58 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import e from "./index274.mjs";
+const l = ({
+  id: r,
+  question: a,
+  answer: i,
+  isOpen: n = !1,
+  onToggle: s,
+  className: c
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: `${e.item} ${n ? e.itemOpen : ""} ${c || ""}`,
+    children: [
+      /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          className: e.trigger,
+          onClick: s,
+          "aria-expanded": n,
+          "aria-controls": `faq-content-${r}`,
+          children: [
+            a,
+            /* @__PURE__ */ t(
+              "svg",
+              {
+                className: `${e.chevron} ${n ? e.chevronOpen : ""}`,
+                width: "20",
+                height: "20",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: /* @__PURE__ */ t("polyline", { points: "6 9 12 15 18 9" })
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          id: `faq-content-${r}`,
+          role: "region",
+          className: `${e.content} ${n ? e.contentOpen : ""}`,
+          children: /* @__PURE__ */ t("p", { className: e.answer, children: i })
+        }
+      )
+    ]
+  }
+);
+l.displayName = "FAQItemCard";
+export {
+  l as FAQItemCard
+};

package/dist/index277.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_agentCard_1evy3_8",t="_clickable_1evy3_17",a="_draggable_1evy3_21",_="_dragging_1evy3_33",i="_headerContent_1evy3_53",g="_iconAvatar_1evy3_62",r="_headerRight_1evy3_75",d="_multiBadge_1evy3_82",n="_title_1evy3_98",l="_description_1evy3_109",c="_timestamp_1evy3_128",o={agentCard:e,clickable:t,draggable:a,dragging:_,headerContent:i,iconAvatar:g,headerRight:r,multiBadge:d,title:n,description:l,timestamp:c};exports.agentCard=e;exports.clickable=t;exports.default=o;exports.description=l;exports.draggable=a;exports.dragging=_;exports.headerContent=i;exports.headerRight=r;exports.iconAvatar=g;exports.multiBadge=d;exports.timestamp=c;exports.title=n;

package/dist/index277.mjs

@@ -0,0 +1,27 @@
+const a = "_agentCard_1evy3_8", e = "_clickable_1evy3_17", t = "_draggable_1evy3_21", _ = "_dragging_1evy3_33", i = "_headerContent_1evy3_53", g = "_iconAvatar_1evy3_62", d = "_headerRight_1evy3_75", r = "_multiBadge_1evy3_82", n = "_title_1evy3_98", s = "_description_1evy3_109", l = "_timestamp_1evy3_128", c = {
+  agentCard: a,
+  clickable: e,
+  draggable: t,
+  dragging: _,
+  headerContent: i,
+  iconAvatar: g,
+  headerRight: d,
+  multiBadge: r,
+  title: n,
+  description: s,
+  timestamp: l
+};
+export {
+  a as agentCard,
+  e as clickable,
+  c as default,
+  s as description,
+  t as draggable,
+  _ as dragging,
+  i as headerContent,
+  d as headerRight,
+  g as iconAvatar,
+  r as multiBadge,
+  l as timestamp,
+  n as title
+};

package/dist/index278.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react"),A=require("lucide-react"),e=require("./index280.cjs"),S={xs:"xs",sm:"sm",md:"md",lg:"lg",xl:"xl","2xl":"xxl","3xl":"xxxl","4xl":"xxxxl","5xl":"xxxxxl",profile:"profile"},f=["blue","green","purple","orange","red","teal","pink"],y=t=>{if(!t)return"blue";let a=0;for(let r=0;r<t.length;r++){const i=t.charCodeAt(r);a=(a<<5)-a+i,a=a&a}const l=Math.abs(a)%f.length;return f[l]},m=({src:t,alt:a="",initials:l,icon:r,size:i="md",status:c,interactive:p=!1,color:x,className:g,...j})=>{const[N,h]=d.useState(!1),v=S[i]||i,b=d.useMemo(()=>x||(l?y(l):"blue"),[x,l]),q=[e.default.avatar,e.default[v],e.default[b],p&&e.default.interactive,g].filter(Boolean).join(" "),n=t&&!N,u=!n&&l,o=!n&&!u&&r;return s.jsxs("div",{className:q,...j,children:[n&&s.jsx("img",{src:t,alt:a,className:e.default.image,onError:()=>h(!0)}),u&&s.jsx("span",{className:e.default.initials,children:l}),o&&s.jsx("span",{className:e.default.icon,children:r}),!n&&!u&&!o&&s.jsx("span",{className:e.default.icon,children:s.jsx(A.User,{})}),c&&s.jsx("span",{className:`${e.default.statusIndicator} ${e.default[c]}`,"aria-label":`Status: ${c}`})]})};m.displayName="Avatar";exports.Avatar=m;

package/dist/index278.mjs

@@ -0,0 +1,77 @@
+import { jsxs as j, jsx as r } from "react/jsx-runtime";
+import { useState as A, useMemo as $ } from "react";
+import { User as z } from "lucide-react";
+import e from "./index280.mjs";
+const E = {
+  xs: "xs",
+  sm: "sm",
+  md: "md",
+  lg: "lg",
+  xl: "xl",
+  "2xl": "xxl",
+  "3xl": "xxxl",
+  "4xl": "xxxxl",
+  "5xl": "xxxxxl",
+  profile: "profile"
+}, p = [
+  "blue",
+  "green",
+  "purple",
+  "orange",
+  "red",
+  "teal",
+  "pink"
+], M = (l) => {
+  if (!l) return "blue";
+  let a = 0;
+  for (let t = 0; t < l.length; t++) {
+    const i = l.charCodeAt(t);
+    a = (a << 5) - a + i, a = a & a;
+  }
+  const s = Math.abs(a) % p.length;
+  return p[s];
+}, S = ({
+  src: l,
+  alt: a = "",
+  initials: s,
+  icon: t,
+  size: i = "md",
+  status: o,
+  interactive: u = !1,
+  color: c,
+  className: d,
+  ...f
+}) => {
+  const [g, N] = A(!1), h = E[i] || i, v = $(() => c || (s ? M(s) : "blue"), [c, s]), b = [
+    e.avatar,
+    e[h],
+    e[v],
+    u && e.interactive,
+    d
+  ].filter(Boolean).join(" "), n = l && !g, x = !n && s, m = !n && !x && t;
+  return /* @__PURE__ */ j("div", { className: b, ...f, children: [
+    n && /* @__PURE__ */ r(
+      "img",
+      {
+        src: l,
+        alt: a,
+        className: e.image,
+        onError: () => N(!0)
+      }
+    ),
+    x && /* @__PURE__ */ r("span", { className: e.initials, children: s }),
+    m && /* @__PURE__ */ r("span", { className: e.icon, children: t }),
+    !n && !x && !m && /* @__PURE__ */ r("span", { className: e.icon, children: /* @__PURE__ */ r(z, {}) }),
+    o && /* @__PURE__ */ r(
+      "span",
+      {
+        className: `${e.statusIndicator} ${e[o]}`,
+        "aria-label": `Status: ${o}`
+      }
+    )
+  ] });
+};
+S.displayName = "Avatar";
+export {
+  S as Avatar
+};

package/dist/index279.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),V=require("react-dom"),d=require("./index287.cjs"),W=(e,l,f)=>{const o=window.scrollX,c=window.scrollY,u=4;let n=0,p=0;switch(f){case"bottom-start":n=e.bottom+c+u,p=e.left+o;break;case"bottom":n=e.bottom+c+u,p=e.left+o+(e.width-l.width)/2;break;case"bottom-end":n=e.bottom+c+u,p=e.right+o-l.width;break;case"top-start":n=e.top+c-l.height-u,p=e.left+o;break;case"top":n=e.top+c-l.height-u,p=e.left+o+(e.width-l.width)/2;break;case"top-end":n=e.top+c-l.height-u,p=e.right+o-l.width;break}return{top:n,left:p}},X=({item:e,onSelect:l,onNavigate:f})=>{const o=()=>{e.disabled||(e.onClick?.(),l())},c=n=>{n.key==="Enter"||n.key===" "?(n.preventDefault(),o()):n.key==="ArrowDown"?(n.preventDefault(),f?.("down")):n.key==="ArrowUp"&&(n.preventDefault(),f?.("up"))},u=[d.default.item,e.disabled&&d.default.disabled,e.danger&&d.default.danger].filter(Boolean).join(" ");return s.jsxs("div",{className:u,role:"menuitem",tabIndex:e.disabled?-1:0,"aria-disabled":e.disabled,onClick:o,onKeyDown:c,children:[e.icon&&s.jsx("span",{className:d.default.icon,"aria-hidden":"true",children:e.icon}),s.jsx("span",{className:d.default.label,children:e.label}),e.shortcut&&s.jsx("span",{className:d.default.shortcut,"aria-hidden":"true",children:e.shortcut})]})},R=r.forwardRef(({trigger:e,items:l=[],groups:f=[],placement:o="bottom-start",open:c,onOpenChange:u,onSelect:n,minWidth:p=180,closeOnSelect:E=!0,className:D,...q},A)=>{const[B,F]=r.useState(!1),[y,I]=r.useState({top:0,left:0}),[g,k]=r.useState(-1),b=r.useRef(null),v=r.useRef(null),j=r.useRef(new Map);r.useImperativeHandle(A,()=>b.current);const x=c!==void 0,m=x?c:B,N=(f.length>0?f:[{items:l}]).flatMap(t=>t.items).filter(t=>!t.disabled),h=r.useCallback(t=>{x||F(t),u?.(t),t||k(-1)},[x,u]),w=r.useCallback(()=>{if(!b.current||!v.current)return;const t=b.current.getBoundingClientRect(),i=v.current.getBoundingClientRect(),a=W(t,i,o);I(a)},[o]);r.useEffect(()=>{if(m)return requestAnimationFrame(w),window.addEventListener("resize",w),window.addEventListener("scroll",w,!0),requestAnimationFrame(()=>{const t=j.current.get(0);t&&(t.focus(),k(0))}),()=>{window.removeEventListener("resize",w),window.removeEventListener("scroll",w,!0)}},[m,w]),r.useEffect(()=>{if(!m)return;const t=i=>{const a=i.target;b.current&&!b.current.contains(a)&&v.current&&!v.current.contains(a)&&h(!1)};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[m,h]),r.useEffect(()=>{if(!m)return;const t=i=>{i.key==="Escape"&&h(!1)};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[m,h]);const O=r.useCallback(()=>{h(!m)},[m,h]),P=r.useCallback(t=>{n?.(t),E&&h(!1)},[E,n,h]),z=r.useCallback(t=>{const i=N.length;if(i===0)return;let a;t==="down"?a=g<i-1?g+1:0:a=g>0?g-1:i-1,k(a),j.current.get(a)?.focus()},[g,N.length]),H=r.isValidElement(e)?r.cloneElement(e,{onClick:O,"aria-expanded":m,"aria-haspopup":"menu"}):e,C=f.length>0?f:[{items:l}],M=[d.default.menu,m&&d.default.visible,D].filter(Boolean).join(" ");let S=0;const T=s.jsx("div",{ref:v,className:M,style:{top:y.top,left:y.left,minWidth:p},role:"menu","aria-orientation":"vertical",...q,children:C.map((t,i)=>s.jsxs("div",{className:d.default.group,children:[t.label&&s.jsx("div",{className:d.default.groupLabel,children:t.label}),t.items.map(a=>{const U=S;return a.disabled||S++,s.jsx("div",{ref:L=>{L&&!a.disabled&&j.current.set(U,L)},children:s.jsx(X,{item:a,onSelect:()=>P(a),onNavigate:z})},a.id)}),i<C.length-1&&s.jsx("div",{className:d.default.separator,role:"separator"})]},i))});return s.jsxs(s.Fragment,{children:[s.jsx("div",{ref:b,className:d.default.trigger,children:H}),m&&V.createPortal(T,document.body)]})});R.displayName="Dropdown";exports.Dropdown=R;

package/dist/index279.mjs

@@ -0,0 +1,176 @@
+import { jsx as p, jsxs as D, Fragment as J } from "react/jsx-runtime";
+import { forwardRef as K, useState as y, useRef as L, useImperativeHandle as M, useCallback as v, useEffect as C, isValidElement as T, cloneElement as $ } from "react";
+import { createPortal as Q } from "react-dom";
+import l from "./index287.mjs";
+const Z = (e, o, m) => {
+  const a = window.scrollX, s = window.scrollY, d = 4;
+  let r = 0, u = 0;
+  switch (m) {
+    case "bottom-start":
+      r = e.bottom + s + d, u = e.left + a;
+      break;
+    case "bottom":
+      r = e.bottom + s + d, u = e.left + a + (e.width - o.width) / 2;
+      break;
+    case "bottom-end":
+      r = e.bottom + s + d, u = e.right + a - o.width;
+      break;
+    case "top-start":
+      r = e.top + s - o.height - d, u = e.left + a;
+      break;
+    case "top":
+      r = e.top + s - o.height - d, u = e.left + a + (e.width - o.width) / 2;
+      break;
+    case "top-end":
+      r = e.top + s - o.height - d, u = e.right + a - o.width;
+      break;
+  }
+  return { top: r, left: u };
+}, _ = ({
+  item: e,
+  onSelect: o,
+  onNavigate: m
+}) => {
+  const a = () => {
+    e.disabled || (e.onClick?.(), o());
+  }, s = (r) => {
+    r.key === "Enter" || r.key === " " ? (r.preventDefault(), a()) : r.key === "ArrowDown" ? (r.preventDefault(), m?.("down")) : r.key === "ArrowUp" && (r.preventDefault(), m?.("up"));
+  }, d = [
+    l.item,
+    e.disabled && l.disabled,
+    e.danger && l.danger
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ D(
+    "div",
+    {
+      className: d,
+      role: "menuitem",
+      tabIndex: e.disabled ? -1 : 0,
+      "aria-disabled": e.disabled,
+      onClick: a,
+      onKeyDown: s,
+      children: [
+        e.icon && /* @__PURE__ */ p("span", { className: l.icon, "aria-hidden": "true", children: e.icon }),
+        /* @__PURE__ */ p("span", { className: l.label, children: e.label }),
+        e.shortcut && /* @__PURE__ */ p("span", { className: l.shortcut, "aria-hidden": "true", children: e.shortcut })
+      ]
+    }
+  );
+}, ee = K(
+  ({
+    trigger: e,
+    items: o = [],
+    groups: m = [],
+    placement: a = "bottom-start",
+    open: s,
+    onOpenChange: d,
+    onSelect: r,
+    minWidth: u = 180,
+    closeOnSelect: S = !0,
+    className: F,
+    ...I
+  }, q) => {
+    const [z, H] = y(!1), [j, O] = y({ top: 0, left: 0 }), [b, k] = y(-1), f = L(null), g = L(null), E = L(/* @__PURE__ */ new Map());
+    M(q, () => f.current);
+    const N = s !== void 0, c = N ? s : z, x = (m.length > 0 ? m : [{ items: o }]).flatMap((t) => t.items).filter((t) => !t.disabled), h = v(
+      (t) => {
+        N || H(t), d?.(t), t || k(-1);
+      },
+      [N, d]
+    ), w = v(() => {
+      if (!f.current || !g.current) return;
+      const t = f.current.getBoundingClientRect(), i = g.current.getBoundingClientRect(), n = Z(t, i, a);
+      O(n);
+    }, [a]);
+    C(() => {
+      if (c)
+        return requestAnimationFrame(w), window.addEventListener("resize", w), window.addEventListener("scroll", w, !0), requestAnimationFrame(() => {
+          const t = E.current.get(0);
+          t && (t.focus(), k(0));
+        }), () => {
+          window.removeEventListener("resize", w), window.removeEventListener("scroll", w, !0);
+        };
+    }, [c, w]), C(() => {
+      if (!c) return;
+      const t = (i) => {
+        const n = i.target;
+        f.current && !f.current.contains(n) && g.current && !g.current.contains(n) && h(!1);
+      };
+      return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
+    }, [c, h]), C(() => {
+      if (!c) return;
+      const t = (i) => {
+        i.key === "Escape" && h(!1);
+      };
+      return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+    }, [c, h]);
+    const P = v(() => {
+      h(!c);
+    }, [c, h]), U = v(
+      (t) => {
+        r?.(t), S && h(!1);
+      },
+      [S, r, h]
+    ), V = v(
+      (t) => {
+        const i = x.length;
+        if (i === 0) return;
+        let n;
+        t === "down" ? n = b < i - 1 ? b + 1 : 0 : n = b > 0 ? b - 1 : i - 1, k(n), E.current.get(n)?.focus();
+      },
+      [b, x.length]
+    ), W = T(e) ? $(e, {
+      onClick: P,
+      "aria-expanded": c,
+      "aria-haspopup": "menu"
+    }) : e, A = m.length > 0 ? m : [{ items: o }], X = [l.menu, c && l.visible, F].filter(Boolean).join(" ");
+    let B = 0;
+    const Y = /* @__PURE__ */ p(
+      "div",
+      {
+        ref: g,
+        className: X,
+        style: {
+          top: j.top,
+          left: j.left,
+          minWidth: u
+        },
+        role: "menu",
+        "aria-orientation": "vertical",
+        ...I,
+        children: A.map((t, i) => /* @__PURE__ */ D("div", { className: l.group, children: [
+          t.label && /* @__PURE__ */ p("div", { className: l.groupLabel, children: t.label }),
+          t.items.map((n) => {
+            const G = B;
+            return n.disabled || B++, /* @__PURE__ */ p(
+              "div",
+              {
+                ref: (R) => {
+                  R && !n.disabled && E.current.set(G, R);
+                },
+                children: /* @__PURE__ */ p(
+                  _,
+                  {
+                    item: n,
+                    onSelect: () => U(n),
+                    onNavigate: V
+                  }
+                )
+              },
+              n.id
+            );
+          }),
+          i < A.length - 1 && /* @__PURE__ */ p("div", { className: l.separator, role: "separator" })
+        ] }, i))
+      }
+    );
+    return /* @__PURE__ */ D(J, { children: [
+      /* @__PURE__ */ p("div", { ref: f, className: l.trigger, children: W }),
+      c && Q(Y, document.body)
+    ] });
+  }
+);
+ee.displayName = "Dropdown";
+export {
+  ee as Dropdown
+};

package/dist/index28.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("./index160.cjs"),x=e=>({top:o.default.gradientTop,center:o.default.gradientCenter,bottom:o.default.gradientBottom})[e]||o.default.gradientBottom,r=({variant:e="base",interactive:a=!1,imageUrl:t,imagePosition:s="bottom",aspectRatio:y="16/9",className:I,children:l,style:i,...d})=>{const c=e==="outlined"?"base":e;process.env.NODE_ENV!=="production"&&e==="outlined"&&console.warn('[Orion] Card variant="outlined" is deprecated. Use variant="base" instead. It will be removed in the next major version.');const m=c==="image",u=[o.default.card,o.default[c],a&&o.default.interactive,I].filter(Boolean).join(" "),B=m?{...i,backgroundImage:t?`url(${t})`:void 0,aspectRatio:y}:i;return m?n.jsx("div",{className:u,style:B,...d,children:n.jsx("div",{className:`${o.default.imageOverlay} ${x(s)}`,children:l})}):n.jsx("div",{className:u,style:i,...d,children:l})},f=({className:e,children:a,...t})=>{const s=[o.default.header,e].filter(Boolean).join(" ");return n.jsx("div",{className:s,...t,children:a})},N=({className:e,children:a,...t})=>{const s=[o.default.body,e].filter(Boolean).join(" ");return n.jsx("div",{className:s,...t,children:a})},g=({className:e,children:a,...t})=>{const s=[o.default.footer,e].filter(Boolean).join(" ");return n.jsx("div",{className:s,...t,children:a})},p=({className:e,children:a,...t})=>{const s=[o.default.imageContent,e].filter(Boolean).join(" ");return n.jsx("div",{className:s,...t,children:a})},j=({className:e,children:a,...t})=>{const s=[o.default.imageTitle,e].filter(Boolean).join(" ");return n.jsx("h3",{className:s,...t,children:a})},C=({className:e,children:a,...t})=>{const s=[o.default.imageDescription,e].filter(Boolean).join(" ");return n.jsx("p",{className:s,...t,children:a})},v=({className:e,children:a,...t})=>{const s=[o.default.imageMeta,e].filter(Boolean).join(" ");return n.jsx("span",{className:s,...t,children:a})};r.Header=f;r.Body=N;r.Footer=g;r.ImageContent=p;r.ImageTitle=j;r.ImageDescription=C;r.ImageMeta=v;r.displayName="Card";f.displayName="Card.Header";N.displayName="Card.Body";g.displayName="Card.Footer";p.displayName="Card.ImageContent";j.displayName="Card.ImageTitle";C.displayName="Card.ImageDescription";v.displayName="Card.ImageMeta";exports.Card=r;

package/dist/index28.mjs

@@ -0,0 +1,106 @@
+import { jsx as n } from "react/jsx-runtime";
+import s from "./index160.mjs";
+const b = (e) => ({
+  top: s.gradientTop,
+  center: s.gradientCenter,
+  bottom: s.gradientBottom
+})[e] || s.gradientBottom, r = ({
+  variant: e = "base",
+  interactive: a = !1,
+  imageUrl: t,
+  imagePosition: o = "bottom",
+  aspectRatio: y = "16/9",
+  className: B,
+  children: l,
+  style: i,
+  ...m
+}) => {
+  const d = e === "outlined" ? "base" : e;
+  process.env.NODE_ENV !== "production" && e === "outlined" && console.warn(
+    '[Orion] Card variant="outlined" is deprecated. Use variant="base" instead. It will be removed in the next major version.'
+  );
+  const c = d === "image", N = [
+    s.card,
+    s[d],
+    a && s.interactive,
+    B
+  ].filter(Boolean).join(" "), j = c ? {
+    ...i,
+    backgroundImage: t ? `url(${t})` : void 0,
+    aspectRatio: y
+  } : i;
+  return c ? /* @__PURE__ */ n("div", { className: N, style: j, ...m, children: /* @__PURE__ */ n(
+    "div",
+    {
+      className: `${s.imageOverlay} ${b(o)}`,
+      children: l
+    }
+  ) }) : /* @__PURE__ */ n("div", { className: N, style: i, ...m, children: l });
+}, g = ({
+  className: e,
+  children: a,
+  ...t
+}) => {
+  const o = [s.header, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { className: o, ...t, children: a });
+}, p = ({
+  className: e,
+  children: a,
+  ...t
+}) => {
+  const o = [s.body, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { className: o, ...t, children: a });
+}, C = ({
+  className: e,
+  children: a,
+  ...t
+}) => {
+  const o = [s.footer, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { className: o, ...t, children: a });
+}, u = ({
+  className: e,
+  children: a,
+  ...t
+}) => {
+  const o = [s.imageContent, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { className: o, ...t, children: a });
+}, I = ({
+  className: e,
+  children: a,
+  ...t
+}) => {
+  const o = [s.imageTitle, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("h3", { className: o, ...t, children: a });
+}, f = ({
+  className: e,
+  children: a,
+  ...t
+}) => {
+  const o = [s.imageDescription, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("p", { className: o, ...t, children: a });
+}, v = ({
+  className: e,
+  children: a,
+  ...t
+}) => {
+  const o = [s.imageMeta, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("span", { className: o, ...t, children: a });
+};
+r.Header = g;
+r.Body = p;
+r.Footer = C;
+r.ImageContent = u;
+r.ImageTitle = I;
+r.ImageDescription = f;
+r.ImageMeta = v;
+r.displayName = "Card";
+g.displayName = "Card.Header";
+p.displayName = "Card.Body";
+C.displayName = "Card.Footer";
+u.displayName = "Card.ImageContent";
+I.displayName = "Card.ImageTitle";
+f.displayName = "Card.ImageDescription";
+v.displayName = "Card.ImageMeta";
+export {
+  r as Card
+};

package/dist/index280.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _="_avatar_mufx3_8",x="_image_mufx3_30",e="_initials_mufx3_38",u="_icon_mufx3_48",l="_xs_mufx3_64",a="_sm_mufx3_75",i="_md_mufx3_86",f="_lg_mufx3_97",m="_xl_mufx3_108",n="_xxl_mufx3_119",t="_profile_mufx3_130",r="_xxxl_mufx3_141",o="_xxxxl_mufx3_152",s="_xxxxxl_mufx3_163",g="_interactive_mufx3_178",d="_statusIndicator_mufx3_200",p="_online_mufx3_212",c="_offline_mufx3_216",b="_away_mufx3_220",v="_busy_mufx3_224",y="_blue_mufx3_232",k="_green_mufx3_237",w="_purple_mufx3_242",I="_orange_mufx3_247",j="_red_mufx3_252",M="_teal_mufx3_257",S="_pink_mufx3_262",h={avatar:_,image:x,initials:e,icon:u,xs:l,sm:a,md:i,lg:f,xl:m,xxl:n,profile:t,xxxl:r,xxxxl:o,xxxxxl:s,interactive:g,statusIndicator:d,online:p,offline:c,away:b,busy:v,blue:y,green:k,purple:w,orange:I,red:j,teal:M,pink:S};exports.avatar=_;exports.away=b;exports.blue=y;exports.busy=v;exports.default=h;exports.green=k;exports.icon=u;exports.image=x;exports.initials=e;exports.interactive=g;exports.lg=f;exports.md=i;exports.offline=c;exports.online=p;exports.orange=I;exports.pink=S;exports.profile=t;exports.purple=w;exports.red=j;exports.sm=a;exports.statusIndicator=d;exports.teal=M;exports.xl=m;exports.xs=l;exports.xxl=n;exports.xxxl=r;exports.xxxxl=o;exports.xxxxxl=s;

package/dist/index280.mjs

@@ -0,0 +1,59 @@
+const _ = "_avatar_mufx3_8", x = "_image_mufx3_30", a = "_initials_mufx3_38", s = "_icon_mufx3_48", e = "_xs_mufx3_64", l = "_sm_mufx3_75", u = "_md_mufx3_86", f = "_lg_mufx3_97", i = "_xl_mufx3_108", m = "_xxl_mufx3_119", n = "_profile_mufx3_130", t = "_xxxl_mufx3_141", r = "_xxxxl_mufx3_152", o = "_xxxxxl_mufx3_163", p = "_interactive_mufx3_178", g = "_statusIndicator_mufx3_200", c = "_online_mufx3_212", d = "_offline_mufx3_216", b = "_away_mufx3_220", v = "_busy_mufx3_224", y = "_blue_mufx3_232", k = "_green_mufx3_237", w = "_purple_mufx3_242", I = "_orange_mufx3_247", h = "_red_mufx3_252", j = "_teal_mufx3_257", q = "_pink_mufx3_262", z = {
+  avatar: _,
+  image: x,
+  initials: a,
+  icon: s,
+  xs: e,
+  sm: l,
+  md: u,
+  lg: f,
+  xl: i,
+  xxl: m,
+  profile: n,
+  xxxl: t,
+  xxxxl: r,
+  xxxxxl: o,
+  interactive: p,
+  statusIndicator: g,
+  online: c,
+  offline: d,
+  away: b,
+  busy: v,
+  blue: y,
+  green: k,
+  purple: w,
+  orange: I,
+  red: h,
+  teal: j,
+  pink: q
+};
+export {
+  _ as avatar,
+  b as away,
+  y as blue,
+  v as busy,
+  z as default,
+  k as green,
+  s as icon,
+  x as image,
+  a as initials,
+  p as interactive,
+  f as lg,
+  u as md,
+  d as offline,
+  c as online,
+  I as orange,
+  q as pink,
+  n as profile,
+  w as purple,
+  h as red,
+  l as sm,
+  g as statusIndicator,
+  j as teal,
+  i as xl,
+  e as xs,
+  m as xxl,
+  t as xxxl,
+  r as xxxxl,
+  o as xxxxxl
+};