@orion-ds/react 4.7.0 → 4.8.0

package/dist/index278.mjs

@@ -1,77 +1,57 @@
-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,
+import { jsxs as g, jsx as i } from "react/jsx-runtime";
+import { useRef as c, useCallback as b, useEffect as h } from "react";
+import { X as y } from "lucide-react";
+import l from "./index152.mjs";
+const v = ({
+  src: u,
+  alt: s = "Image",
+  isOpen: o,
+  onClose: t,
+  className: m,
   ...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)
+  const n = c(null), r = c(null), a = b(
+    (e) => {
+      if (e.key === "Escape") {
+        t();
+        return;
       }
-    ),
-    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}`
-      }
-    )
-  ] });
+      e.key === "Tab" && (e.preventDefault(), n.current?.focus());
+    },
+    [t]
+  ), d = (e) => {
+    e.target === e.currentTarget && t();
+  };
+  return h(() => (o && (r.current = document.activeElement, document.addEventListener("keydown", a), document.body.style.overflow = "hidden", requestAnimationFrame(() => {
+    n.current?.focus();
+  })), () => {
+    document.removeEventListener("keydown", a), document.body.style.overflow = "", r.current && typeof r.current.focus == "function" && r.current.focus();
+  }), [o, a]), o ? /* @__PURE__ */ g(
+    "div",
+    {
+      className: [l.lightbox, m].filter(Boolean).join(" "),
+      onClick: d,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Image viewer",
+      ...f,
+      children: [
+        /* @__PURE__ */ i(
+          "button",
+          {
+            ref: n,
+            className: l.lightboxClose,
+            onClick: t,
+            "aria-label": "Close image viewer",
+            children: /* @__PURE__ */ i(y, { size: 24 })
+          }
+        ),
+        /* @__PURE__ */ i("img", { src: u, alt: s, className: l.lightboxImage })
+      ]
+    }
+  ) : null;
 };
-S.displayName = "Avatar";
+v.displayName = "ChatLightbox";
 export {
-  S as Avatar
+  v as ChatLightbox
 };

package/dist/index279.cjs

@@ -1 +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;
+"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/index279.mjs

@@ -1,176 +1,27 @@
-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";
+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 {
-  ee as Dropdown
+  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/index28.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("./index196.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

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import s from "./index160.mjs";
+import s from "./index196.mjs";
 const b = (e) => ({
   top: s.gradientTop,
   center: s.gradientCenter,

package/dist/index280.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react"),A=require("lucide-react"),e=require("./index282.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/index280.mjs

@@ -1,59 +1,77 @@
-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
+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 "./index282.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 {
-  _ 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
+  S as Avatar
 };

package/dist/index281.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _="_badge_1vgzi_8",r="_primary_1vgzi_32",e="_secondary_1vgzi_38",i="_success_1vgzi_44",g="_error_1vgzi_50",s="_warning_1vgzi_56",n="_info_1vgzi_62",a="_brand_1vgzi_68",d="_inverse_1vgzi_75",o="_sm_1vgzi_85",v="_md_1vgzi_91",z="_lg_1vgzi_97",c="_dot_1vgzi_107",t={badge:_,primary:r,secondary:e,success:i,error:g,warning:s,info:n,brand:a,inverse:d,sm:o,md:v,lg:z,dot:c};exports.badge=_;exports.brand=a;exports.default=t;exports.dot=c;exports.error=g;exports.info=n;exports.inverse=d;exports.lg=z;exports.md=v;exports.primary=r;exports.secondary=e;exports.sm=o;exports.success=i;exports.warning=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),V=require("react-dom"),d=require("./index289.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;