@orion-ds/react 4.8.0 → 4.9.0

package/dist/index272.mjs

@@ -1,25 +1,49 @@
-const s = "_section_1m2sg_1", t = "_container_1m2sg_7", o = "_title_1m2sg_12", _ = "_grid_1m2sg_21", c = "_cols2_1m2sg_26", n = "_cols3_1m2sg_30", i = "_cols4_1m2sg_34", e = "_item_1m2sg_38", g = "_image_1m2sg_44", m = "_caption_1m2sg_56", l = {
-  section: s,
-  container: t,
-  title: o,
-  grid: _,
-  cols2: c,
-  cols3: n,
-  cols4: i,
-  item: e,
-  image: g,
-  caption: m
-};
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import e from "./index273.mjs";
+const h = ({
+  name: o,
+  price: t,
+  period: s,
+  description: c,
+  features: i,
+  action: l,
+  popular: n,
+  className: m
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: `${e.card} ${n ? e.cardPopular : ""} ${m || ""}`,
+    children: [
+      n && /* @__PURE__ */ r("span", { className: e.popularBadge, children: "Most Popular" }),
+      /* @__PURE__ */ r("h3", { className: e.cardName, children: o }),
+      /* @__PURE__ */ a("div", { className: e.cardPrice, children: [
+        /* @__PURE__ */ r("span", { className: e.priceValue, children: t }),
+        s && /* @__PURE__ */ r("span", { className: e.pricePeriod, children: s })
+      ] }),
+      c && /* @__PURE__ */ r("p", { className: e.cardDescription, children: c }),
+      i.length > 0 && /* @__PURE__ */ r("ul", { className: e.featureList, children: i.map((d) => /* @__PURE__ */ a("li", { className: e.featureItem, children: [
+        /* @__PURE__ */ r(
+          "svg",
+          {
+            className: e.featureCheck,
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /* @__PURE__ */ r("polyline", { points: "20 6 9 17 4 12" })
+          }
+        ),
+        d
+      ] }, d)) }),
+      l && /* @__PURE__ */ r("div", { className: e.cardAction, children: l })
+    ]
+  }
+);
+h.displayName = "PricingCard";
 export {
-  m as caption,
-  c as cols2,
-  n as cols3,
-  i as cols4,
-  t as container,
-  l as default,
-  _ as grid,
-  g as image,
-  e as item,
-  s as section,
-  o as title
+  h as PricingCard
 };

package/dist/index273.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index274.cjs"),t=({name:n,price:u,period:s,description:l,features:r,action:i,popular:c,className:o})=>e.jsxs("div",{className:`${a.default.card} ${c?a.default.cardPopular:""} ${o||""}`,children:[c&&e.jsx("span",{className:a.default.popularBadge,children:"Most Popular"}),e.jsx("h3",{className:a.default.cardName,children:n}),e.jsxs("div",{className:a.default.cardPrice,children:[e.jsx("span",{className:a.default.priceValue,children:u}),s&&e.jsx("span",{className:a.default.pricePeriod,children:s})]}),l&&e.jsx("p",{className:a.default.cardDescription,children:l}),r.length>0&&e.jsx("ul",{className:a.default.featureList,children:r.map(d=>e.jsxs("li",{className:a.default.featureItem,children:[e.jsx("svg",{className:a.default.featureCheck,width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"20 6 9 17 4 12"})}),d]},d))}),i&&e.jsx("div",{className:a.default.cardAction,children:i})]});t.displayName="PricingCard";exports.PricingCard=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="_section_1orf7_1",e="_container_1orf7_6",c="_header_1orf7_11",t="_title_1orf7_16",o="_description_1orf7_24",a="_grid_1orf7_31",i="_card_1orf7_38",_="_cardPopular_1orf7_53",d="_popularBadge_1orf7_58",n="_cardName_1orf7_73",s="_cardPrice_1orf7_81",f="_priceValue_1orf7_88",u="_pricePeriod_1orf7_95",p="_cardDescription_1orf7_101",l="_featureList_1orf7_108",P="_featureItem_1orf7_118",g="_featureCheck_1orf7_127",m="_cardAction_1orf7_132",h={section:r,container:e,header:c,title:t,description:o,grid:a,card:i,cardPopular:_,popularBadge:d,cardName:n,cardPrice:s,priceValue:f,pricePeriod:u,cardDescription:p,featureList:l,featureItem:P,featureCheck:g,cardAction:m};exports.card=i;exports.cardAction=m;exports.cardDescription=p;exports.cardName=n;exports.cardPopular=_;exports.cardPrice=s;exports.container=e;exports.default=h;exports.description=o;exports.featureCheck=g;exports.featureItem=P;exports.featureList=l;exports.grid=a;exports.header=c;exports.popularBadge=d;exports.pricePeriod=u;exports.priceValue=f;exports.section=r;exports.title=t;

package/dist/index273.mjs

@@ -1,49 +1,41 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import e from "./index274.mjs";
-const h = ({
-  name: o,
-  price: t,
-  period: s,
-  description: c,
-  features: i,
-  action: l,
-  popular: n,
-  className: m
-}) => /* @__PURE__ */ a(
-  "div",
-  {
-    className: `${e.card} ${n ? e.cardPopular : ""} ${m || ""}`,
-    children: [
-      n && /* @__PURE__ */ r("span", { className: e.popularBadge, children: "Most Popular" }),
-      /* @__PURE__ */ r("h3", { className: e.cardName, children: o }),
-      /* @__PURE__ */ a("div", { className: e.cardPrice, children: [
-        /* @__PURE__ */ r("span", { className: e.priceValue, children: t }),
-        s && /* @__PURE__ */ r("span", { className: e.pricePeriod, children: s })
-      ] }),
-      c && /* @__PURE__ */ r("p", { className: e.cardDescription, children: c }),
-      i.length > 0 && /* @__PURE__ */ r("ul", { className: e.featureList, children: i.map((d) => /* @__PURE__ */ a("li", { className: e.featureItem, children: [
-        /* @__PURE__ */ r(
-          "svg",
-          {
-            className: e.featureCheck,
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: /* @__PURE__ */ r("polyline", { points: "20 6 9 17 4 12" })
-          }
-        ),
-        d
-      ] }, d)) }),
-      l && /* @__PURE__ */ r("div", { className: e.cardAction, children: l })
-    ]
-  }
-);
-h.displayName = "PricingCard";
+const r = "_section_1orf7_1", e = "_container_1orf7_6", c = "_header_1orf7_11", o = "_title_1orf7_16", t = "_description_1orf7_24", _ = "_grid_1orf7_31", a = "_card_1orf7_38", i = "_cardPopular_1orf7_53", n = "_popularBadge_1orf7_58", d = "_cardName_1orf7_73", s = "_cardPrice_1orf7_81", f = "_priceValue_1orf7_88", p = "_pricePeriod_1orf7_95", u = "_cardDescription_1orf7_101", l = "_featureList_1orf7_108", P = "_featureItem_1orf7_118", g = "_featureCheck_1orf7_127", h = "_cardAction_1orf7_132", m = {
+  section: r,
+  container: e,
+  header: c,
+  title: o,
+  description: t,
+  grid: _,
+  card: a,
+  cardPopular: i,
+  popularBadge: n,
+  cardName: d,
+  cardPrice: s,
+  priceValue: f,
+  pricePeriod: p,
+  cardDescription: u,
+  featureList: l,
+  featureItem: P,
+  featureCheck: g,
+  cardAction: h
+};
 export {
-  h as PricingCard
+  a as card,
+  h as cardAction,
+  u as cardDescription,
+  d as cardName,
+  i as cardPopular,
+  s as cardPrice,
+  e as container,
+  m as default,
+  t as description,
+  g as featureCheck,
+  P as featureItem,
+  l as featureList,
+  _ as grid,
+  c as header,
+  n as popularBadge,
+  p as pricePeriod,
+  f as priceValue,
+  r as section,
+  o as title
 };

package/dist/index274.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="_section_1orf7_1",e="_container_1orf7_6",c="_header_1orf7_11",t="_title_1orf7_16",o="_description_1orf7_24",a="_grid_1orf7_31",i="_card_1orf7_38",_="_cardPopular_1orf7_53",d="_popularBadge_1orf7_58",n="_cardName_1orf7_73",s="_cardPrice_1orf7_81",f="_priceValue_1orf7_88",u="_pricePeriod_1orf7_95",p="_cardDescription_1orf7_101",l="_featureList_1orf7_108",P="_featureItem_1orf7_118",g="_featureCheck_1orf7_127",m="_cardAction_1orf7_132",h={section:r,container:e,header:c,title:t,description:o,grid:a,card:i,cardPopular:_,popularBadge:d,cardName:n,cardPrice:s,priceValue:f,pricePeriod:u,cardDescription:p,featureList:l,featureItem:P,featureCheck:g,cardAction:m};exports.card=i;exports.cardAction=m;exports.cardDescription=p;exports.cardName=n;exports.cardPopular=_;exports.cardPrice=s;exports.container=e;exports.default=h;exports.description=o;exports.featureCheck=g;exports.featureItem=P;exports.featureList=l;exports.grid=a;exports.header=c;exports.popularBadge=d;exports.pricePeriod=u;exports.priceValue=f;exports.section=r;exports.title=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_section_a0yj2_1",e="_brand_a0yj2_11",n="_subtle_a0yj2_16",s="_inner_a0yj2_21",i="_title_a0yj2_30",_="_description_a0yj2_46",o="_actions_a0yj2_64",a={section:t,default:"_default_a0yj2_7",brand:e,subtle:n,inner:s,title:i,description:_,actions:o};exports.actions=o;exports.brand=e;exports.default=a;exports.description=_;exports.inner=s;exports.section=t;exports.subtle=n;exports.title=i;

package/dist/index274.mjs

@@ -1,41 +1,20 @@
-const r = "_section_1orf7_1", e = "_container_1orf7_6", c = "_header_1orf7_11", o = "_title_1orf7_16", t = "_description_1orf7_24", _ = "_grid_1orf7_31", a = "_card_1orf7_38", i = "_cardPopular_1orf7_53", n = "_popularBadge_1orf7_58", d = "_cardName_1orf7_73", s = "_cardPrice_1orf7_81", f = "_priceValue_1orf7_88", p = "_pricePeriod_1orf7_95", u = "_cardDescription_1orf7_101", l = "_featureList_1orf7_108", P = "_featureItem_1orf7_118", g = "_featureCheck_1orf7_127", h = "_cardAction_1orf7_132", m = {
-  section: r,
-  container: e,
-  header: c,
-  title: o,
-  description: t,
-  grid: _,
-  card: a,
-  cardPopular: i,
-  popularBadge: n,
-  cardName: d,
-  cardPrice: s,
-  priceValue: f,
-  pricePeriod: p,
-  cardDescription: u,
-  featureList: l,
-  featureItem: P,
-  featureCheck: g,
-  cardAction: h
+const t = "_section_a0yj2_1", n = "_brand_a0yj2_11", _ = "_subtle_a0yj2_16", s = "_inner_a0yj2_21", e = "_title_a0yj2_30", a = "_description_a0yj2_46", i = "_actions_a0yj2_64", o = {
+  section: t,
+  default: "_default_a0yj2_7",
+  brand: n,
+  subtle: _,
+  inner: s,
+  title: e,
+  description: a,
+  actions: i
 };
 export {
-  a as card,
-  h as cardAction,
-  u as cardDescription,
-  d as cardName,
-  i as cardPopular,
-  s as cardPrice,
-  e as container,
-  m as default,
-  t as description,
-  g as featureCheck,
-  P as featureItem,
-  l as featureList,
-  _ as grid,
-  c as header,
-  n as popularBadge,
-  p as pricePeriod,
-  f as priceValue,
-  r as section,
-  o as title
+  i as actions,
+  n as brand,
+  o as default,
+  a as description,
+  s as inner,
+  t as section,
+  _ as subtle,
+  e as title
 };

package/dist/index277.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=t=>{if(!t||t===0)return"0 B";const o=1024,r=["B","KB","MB","GB"],a=Math.floor(Math.log(t)/Math.log(o));return`${parseFloat((t/Math.pow(o,a)).toFixed(1))} ${r[a]}`},i=t=>{const o=Math.floor(t/60),r=Math.floor(t%60);return`${o}:${r.toString().padStart(2,"0")}`};exports.formatFileSize=e;exports.formatTime=i;
+"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

@@ -1,12 +1,27 @@
-const n = (t) => {
-  if (!t || t === 0) return "0 B";
-  const o = 1024, r = ["B", "KB", "MB", "GB"], a = Math.floor(Math.log(t) / Math.log(o));
-  return `${parseFloat((t / Math.pow(o, a)).toFixed(1))} ${r[a]}`;
-}, i = (t) => {
-  const o = Math.floor(t / 60), r = Math.floor(t % 60);
-  return `${o}:${r.toString().padStart(2, "0")}`;
+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 {
-  n as formatFileSize,
-  i as formatTime
+  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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),b=require("lucide-react"),i=require("./index152.cjs"),l=({src:s,alt:d="Image",isOpen:a,onClose:t,className:f,...m})=>{const u=n.useRef(null),r=n.useRef(null),c=n.useCallback(e=>{if(e.key==="Escape"){t();return}e.key==="Tab"&&(e.preventDefault(),u.current?.focus())},[t]),g=e=>{e.target===e.currentTarget&&t()};return n.useEffect(()=>(a&&(r.current=document.activeElement,document.addEventListener("keydown",c),document.body.style.overflow="hidden",requestAnimationFrame(()=>{u.current?.focus()})),()=>{document.removeEventListener("keydown",c),document.body.style.overflow="",r.current&&typeof r.current.focus=="function"&&r.current.focus()}),[a,c]),a?o.jsxs("div",{className:[i.default.lightbox,f].filter(Boolean).join(" "),onClick:g,role:"dialog","aria-modal":"true","aria-label":"Image viewer",...m,children:[o.jsx("button",{ref:u,className:i.default.lightboxClose,onClick:t,"aria-label":"Close image viewer",children:o.jsx(b.X,{size:24})}),o.jsx("img",{src:s,alt:d,className:i.default.lightboxImage})]}):null};l.displayName="ChatLightbox";exports.ChatLightbox=l;
+"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

@@ -1,57 +1,77 @@
-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,
+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 n = c(null), r = c(null), a = b(
-    (e) => {
-      if (e.key === "Escape") {
-        t();
-        return;
+  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)
       }
-      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;
+    ),
+    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}`
+      }
+    )
+  ] });
 };
-v.displayName = "ChatLightbox";
+S.displayName = "Avatar";
 export {
-  v as ChatLightbox
+  S as Avatar
 };

package/dist/index279.cjs

@@ -1 +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;
+"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

@@ -1,27 +1,176 @@
-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
-};
+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 {
-  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
+  ee as Dropdown
 };