@orion-ds/react 4.9.0 → 4.9.1

package/dist/dist/index19.mjs

@@ -0,0 +1,120 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { useState as j } from "react";
+import { Edit as M, Trash2 as B, Folder as F, MoreVertical as S } from "lucide-react";
+import t from "./index172.mjs";
+import { Card as l } from "./index28.mjs";
+import { Avatar as O } from "./index22.mjs";
+import { Dropdown as w } from "./index47.mjs";
+import { Button as H } from "./index26.mjs";
+const J = ({
+  id: n,
+  avatar: o,
+  title: s,
+  description: u,
+  timestamp: m,
+  isMultiAgent: D = !1,
+  onClick: d,
+  onEdit: g,
+  onDelete: p,
+  availableFolders: c,
+  onMoveToFolder: f,
+  draggable: i = !1,
+  isDragging: N = !1,
+  className: C,
+  ...k
+}) => {
+  const z = typeof o == "string", [h, v] = j(N), A = [
+    t.agentCard,
+    d && t.clickable,
+    i && t.draggable,
+    h && t.dragging,
+    C
+  ].filter(Boolean).join(" "), x = () => {
+    d?.();
+  }, y = (a) => {
+    i && (v(!0), a.dataTransfer.effectAllowed = "move", a.dataTransfer.setData("text/plain", n), a.dataTransfer.setData("application/json", JSON.stringify({ id: n, title: s })));
+  }, E = () => {
+    v(!1);
+  }, T = (a) => {
+    i && (a.preventDefault(), a.dataTransfer.dropEffect = "move");
+  }, b = [
+    ...g ? [
+      {
+        id: "edit",
+        label: "Edit",
+        icon: /* @__PURE__ */ e(M, { size: 16 }),
+        onClick: g
+      }
+    ] : [],
+    ...p ? [
+      {
+        id: "delete",
+        label: "Delete",
+        icon: /* @__PURE__ */ e(B, { size: 16 }),
+        danger: !0,
+        onClick: p
+      }
+    ] : [],
+    ...f && c && c.length > 0 ? [
+      { id: "_move-sep", label: "", separator: !0 },
+      ...c.map((a) => ({
+        id: `move-to-${a.id}`,
+        label: a.title,
+        icon: /* @__PURE__ */ e(F, { size: 16 }),
+        onClick: () => f(a.id)
+      }))
+    ] : []
+  ];
+  return /* @__PURE__ */ r(
+    l,
+    {
+      variant: "base",
+      interactive: !!d,
+      className: A,
+      onClick: x,
+      draggable: i,
+      onDragStart: y,
+      onDragEnd: E,
+      onDragOver: T,
+      "data-agent-id": n,
+      "data-dragging": h,
+      ...k,
+      children: [
+        /* @__PURE__ */ e(l.Header, { children: /* @__PURE__ */ r("div", { className: t.headerContent, children: [
+          z ? /* @__PURE__ */ e(O, { src: o, alt: s, size: "lg" }) : /* @__PURE__ */ e("div", { className: t.iconAvatar, children: o }),
+          /* @__PURE__ */ r("div", { className: t.headerRight, children: [
+            D && /* @__PURE__ */ e("span", { className: t.multiBadge, children: "Multi" }),
+            b.length > 0 && /* @__PURE__ */ e(
+              w,
+              {
+                trigger: /* @__PURE__ */ e(
+                  H,
+                  {
+                    variant: "ghost",
+                    iconOnly: !0,
+                    size: "sm",
+                    icon: /* @__PURE__ */ e(S, { size: 20 }),
+                    "aria-label": "Actions",
+                    onDragStart: (a) => a.stopPropagation()
+                  }
+                ),
+                items: b,
+                placement: "bottom-end",
+                minWidth: 140
+              }
+            )
+          ] })
+        ] }) }),
+        /* @__PURE__ */ r(l.Body, { children: [
+          /* @__PURE__ */ e("h3", { className: t.title, children: s }),
+          /* @__PURE__ */ e("p", { className: t.description, children: u ?? "" })
+        ] }),
+        m && /* @__PURE__ */ e(l.Footer, { children: /* @__PURE__ */ e("time", { className: t.timestamp, children: m }) })
+      ]
+    }
+  );
+};
+J.displayName = "AgentCard";
+export {
+  J as AgentCard
+};

package/dist/dist/index22.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("./index175.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/dist/index22.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 "./index175.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/dist/index23.cjs

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

package/dist/dist/index23.mjs

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

package/dist/dist/index26.cjs

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

package/dist/dist/index26.mjs

@@ -0,0 +1,71 @@
+import { jsxs as y, jsx as i } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
+import a from "./index225.mjs";
+const j = (s) => s.replace(/-([a-z])/g, (r) => r[1]?.toUpperCase() || ""), v = x(
+  ({
+    variant: s = "primary",
+    size: r = "md",
+    isLoading: n = !1,
+    loadingText: t,
+    fullWidth: c = !1,
+    icon: e,
+    iconRight: d,
+    iconOnly: o = !1,
+    className: p,
+    children: m,
+    disabled: h,
+    type: f = "button",
+    ...u
+  }, N) => {
+    const $ = a[j(s)], g = [
+      a.button,
+      $,
+      a[r],
+      c && a.fullWidth,
+      o && a.iconOnly,
+      n && a.loading,
+      p
+    ].filter(Boolean).join(" "), b = h || n, l = n ? a.loadingContent : void 0;
+    return /* @__PURE__ */ y(
+      "button",
+      {
+        ref: N,
+        type: f,
+        className: g,
+        disabled: b,
+        ...u,
+        children: [
+          n && /* @__PURE__ */ i("span", { className: a.spinner, "aria-hidden": "true" }),
+          e && !o && /* @__PURE__ */ i(
+            "span",
+            {
+              className: `${a.icon} ${l || ""}`,
+              "aria-hidden": "true",
+              children: e
+            }
+          ),
+          o && e ? /* @__PURE__ */ i(
+            "span",
+            {
+              className: `${a.icon} ${l || ""}`,
+              "aria-hidden": "true",
+              children: e
+            }
+          ) : /* @__PURE__ */ i("span", { className: l, children: n && t ? t : m }),
+          d && !o && /* @__PURE__ */ i(
+            "span",
+            {
+              className: `${a.icon} ${a.iconRight} ${l || ""}`,
+              "aria-hidden": "true",
+              children: d
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+v.displayName = "Button";
+export {
+  v as Button
+};

package/dist/dist/index28.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),r=require("./index149.cjs"),B=e=>({top:r.default.gradientTop,center:r.default.gradientCenter,bottom:r.default.gradientBottom})[e]||r.default.gradientBottom,n=({variant:e="base",interactive:t=!1,imageUrl:a,imagePosition:i="bottom",aspectRatio:y="16/9",className:C,children:s,style:o,...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=[r.default.card,r.default[c],t&&r.default.interactive,C].filter(Boolean).join(" "),x=m?{...o,backgroundImage:a?`url(${a})`:void 0,aspectRatio:y}:o;return m?l.jsx("div",{className:u,style:x,...d,children:l.jsx("div",{className:`${r.default.imageOverlay} ${B(i)}`,children:s})}):l.jsx("div",{className:u,style:o,...d,children:s})},N=({className:e,children:t,...a})=>{const i=[r.default.header,e].filter(Boolean).join(" ");return l.jsx("div",{className:i,...a,children:t})},f=({className:e,children:t,...a})=>{const i=[r.default.body,e].filter(Boolean).join(" ");return l.jsx("div",{className:i,...a,children:t})},g=({className:e,children:t,...a})=>{const i=[r.default.footer,e].filter(Boolean).join(" ");return l.jsx("div",{className:i,...a,children:t})},j=({className:e,children:t,...a})=>{const i=[r.default.imageContent,e].filter(Boolean).join(" ");return l.jsx("div",{className:i,...a,children:t})},p=({className:e,children:t,...a})=>{const i=[r.default.imageTitle,e].filter(Boolean).join(" ");return l.jsx("h3",{className:i,...a,children:t})},h=({className:e,children:t,...a})=>{const i=[r.default.imageDescription,e].filter(Boolean).join(" ");return l.jsx("p",{className:i,...a,children:t})},v=({className:e,children:t,...a})=>{const i=[r.default.imageMeta,e].filter(Boolean).join(" ");return l.jsx("span",{className:i,...a,children:t})};n.Header=N;n.Body=f;n.Footer=g;n.ImageContent=j;n.ImageTitle=p;n.ImageDescription=h;n.ImageMeta=v;n.displayName="Card";N.displayName="Card.Header";f.displayName="Card.Body";g.displayName="Card.Footer";j.displayName="Card.ImageContent";p.displayName="Card.ImageTitle";h.displayName="Card.ImageDescription";v.displayName="Card.ImageMeta";exports.Card=n;

package/dist/dist/index28.mjs

@@ -0,0 +1,106 @@
+import { jsx as n } from "react/jsx-runtime";
+import o from "./index149.mjs";
+const I = (e) => ({
+  top: o.gradientTop,
+  center: o.gradientCenter,
+  bottom: o.gradientBottom
+})[e] || o.gradientBottom, t = ({
+  variant: e = "base",
+  interactive: i = !1,
+  imageUrl: a,
+  imagePosition: r = "bottom",
+  aspectRatio: f = "16/9",
+  className: B,
+  children: l,
+  style: s,
+  ...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", N = [
+    o.card,
+    o[c],
+    i && o.interactive,
+    B
+  ].filter(Boolean).join(" "), j = m ? {
+    ...s,
+    backgroundImage: a ? `url(${a})` : void 0,
+    aspectRatio: f
+  } : s;
+  return m ? /* @__PURE__ */ n("div", { className: N, style: j, ...d, children: /* @__PURE__ */ n(
+    "div",
+    {
+      className: `${o.imageOverlay} ${I(r)}`,
+      children: l
+    }
+  ) }) : /* @__PURE__ */ n("div", { className: N, style: s, ...d, children: l });
+}, p = ({
+  className: e,
+  children: i,
+  ...a
+}) => {
+  const r = [o.header, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { className: r, ...a, children: i });
+}, g = ({
+  className: e,
+  children: i,
+  ...a
+}) => {
+  const r = [o.body, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { className: r, ...a, children: i });
+}, h = ({
+  className: e,
+  children: i,
+  ...a
+}) => {
+  const r = [o.footer, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { className: r, ...a, children: i });
+}, v = ({
+  className: e,
+  children: i,
+  ...a
+}) => {
+  const r = [o.imageContent, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { className: r, ...a, children: i });
+}, u = ({
+  className: e,
+  children: i,
+  ...a
+}) => {
+  const r = [o.imageTitle, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("h3", { className: r, ...a, children: i });
+}, y = ({
+  className: e,
+  children: i,
+  ...a
+}) => {
+  const r = [o.imageDescription, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("p", { className: r, ...a, children: i });
+}, C = ({
+  className: e,
+  children: i,
+  ...a
+}) => {
+  const r = [o.imageMeta, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("span", { className: r, ...a, children: i });
+};
+t.Header = p;
+t.Body = g;
+t.Footer = h;
+t.ImageContent = v;
+t.ImageTitle = u;
+t.ImageDescription = y;
+t.ImageMeta = C;
+t.displayName = "Card";
+p.displayName = "Card.Header";
+g.displayName = "Card.Body";
+h.displayName = "Card.Footer";
+v.displayName = "Card.ImageContent";
+u.displayName = "Card.ImageTitle";
+y.displayName = "Card.ImageDescription";
+C.displayName = "Card.ImageMeta";
+export {
+  t as Card
+};

package/dist/dist/index36.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),e=require("react"),f=require("./index240.cjs"),h=e.createContext(null);function j(){const n=e.useContext(h);if(!n)throw new Error("Collapsible.Trigger/Content must be used within a Collapsible");return n}const x=e.forwardRef(({asChild:n,className:c,children:l,onClick:t,...u},o)=>{const{open:r,disabled:i,toggle:s,contentId:b,triggerId:d}=j(),a=e.useCallback(C=>{s(),t?.(C)},[s,t]);if(n&&e.isValidElement(l))return e.cloneElement(l,{id:d,"aria-expanded":r,"aria-controls":b,disabled:i,onClick:a});const p=[f.default.trigger,c].filter(Boolean).join(" ");return g.jsx("button",{ref:o,id:d,type:"button",className:p,"aria-expanded":r,"aria-controls":b,disabled:i,onClick:a,...u,children:l})});x.displayName="Collapsible.Trigger";const N=e.forwardRef(({forceMount:n,className:c,children:l,...t},u)=>{const{open:o,triggerId:r,contentId:i}=j();if(!n&&!o)return null;const s=[f.default.content,o&&f.default.contentOpen,c].filter(Boolean).join(" ");return g.jsx("div",{ref:u,id:i,role:"region","aria-labelledby":r,className:s,...t,children:g.jsx("div",{className:f.default.contentInner,children:l})})});N.displayName="Collapsible.Content";const I=e.forwardRef(({open:n,defaultOpen:c=!1,onOpenChange:l,disabled:t=!1,className:u,children:o,...r},i)=>{const[s,b]=e.useState(c),d=n!==void 0,a=d?n:s,p=e.useId(),C=e.useId(),v=e.useCallback(()=>{if(t)return;const m=!a;d||b(m),l?.(m)},[a,d,t,l]),y=[f.default.collapsible,u].filter(Boolean).join(" "),w={open:a,disabled:t,toggle:v,contentId:p,triggerId:C};return g.jsx(h.Provider,{value:w,children:g.jsx("div",{ref:i,className:y,"data-state":a?"open":"closed",...r,children:o})})});I.displayName="Collapsible";const k=Object.assign(I,{Trigger:x,Content:N});exports.Collapsible=k;

package/dist/dist/index36.mjs

@@ -0,0 +1,114 @@
+import { jsx as g } from "react/jsx-runtime";
+import { forwardRef as m, useState as T, useId as h, useCallback as N, isValidElement as B, cloneElement as E, createContext as z, useContext as M } from "react";
+import p from "./index240.mjs";
+const I = z(null);
+function v() {
+  const e = M(I);
+  if (!e)
+    throw new Error(
+      "Collapsible.Trigger/Content must be used within a Collapsible"
+    );
+  return e;
+}
+const j = m(({ asChild: e, className: d, children: n, onClick: l, ...c }, t) => {
+  const { open: r, disabled: i, toggle: a, contentId: u, triggerId: s } = v(), o = N(
+    (b) => {
+      a(), l?.(b);
+    },
+    [a, l]
+  );
+  if (e && B(n))
+    return E(
+      n,
+      {
+        id: s,
+        "aria-expanded": r,
+        "aria-controls": u,
+        disabled: i,
+        onClick: o
+      }
+    );
+  const f = [p.trigger, d].filter(Boolean).join(" ");
+  return /* @__PURE__ */ g(
+    "button",
+    {
+      ref: t,
+      id: s,
+      type: "button",
+      className: f,
+      "aria-expanded": r,
+      "aria-controls": u,
+      disabled: i,
+      onClick: o,
+      ...c,
+      children: n
+    }
+  );
+});
+j.displayName = "Collapsible.Trigger";
+const x = m(
+  ({ forceMount: e, className: d, children: n, ...l }, c) => {
+    const { open: t, triggerId: r, contentId: i } = v();
+    if (!e && !t)
+      return null;
+    const a = [
+      p.content,
+      t && p.contentOpen,
+      d
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ g(
+      "div",
+      {
+        ref: c,
+        id: i,
+        role: "region",
+        "aria-labelledby": r,
+        className: a,
+        ...l,
+        children: /* @__PURE__ */ g("div", { className: p.contentInner, children: n })
+      }
+    );
+  }
+);
+x.displayName = "Collapsible.Content";
+const y = m(
+  ({
+    open: e,
+    defaultOpen: d = !1,
+    onOpenChange: n,
+    disabled: l = !1,
+    className: c,
+    children: t,
+    ...r
+  }, i) => {
+    const [a, u] = T(d), s = e !== void 0, o = s ? e : a, f = h(), b = h(), k = N(() => {
+      if (l) return;
+      const C = !o;
+      s || u(C), n?.(C);
+    }, [o, s, l, n]), w = [p.collapsible, c].filter(Boolean).join(" "), O = {
+      open: o,
+      disabled: l,
+      toggle: k,
+      contentId: f,
+      triggerId: b
+    };
+    return /* @__PURE__ */ g(I.Provider, { value: O, children: /* @__PURE__ */ g(
+      "div",
+      {
+        ref: i,
+        className: w,
+        "data-state": o ? "open" : "closed",
+        ...r,
+        children: t
+      }
+    ) });
+  }
+);
+y.displayName = "Collapsible";
+const V = Object.assign(y, {
+  Trigger: j,
+  Content: x
+});
+export {
+  V as Collapsible
+};

package/dist/dist/index37.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),le=require("@dnd-kit/core"),g=require("lucide-react"),a=require("./index146.cjs"),x=require("./index36.cjs"),ne=require("./index23.cjs"),R=require("./index47.cjs"),I=require("./index26.cjs");function w(z){const{id:u,title:B,itemCount:h,items:r,renderItem:O,itemLabel:k="Item",itemLabelPlural:E="Items",emptyText:A="No items in this folder",sortLabel:v="Sort",defaultExpanded:$=!0,sortOptions:o,selectedSort:M,onSortChange:P,onDrop:j,onFolderEdit:b,onFolderDelete:D,onFolderInvite:N,isDropTarget:H=!1,isDropCompleted:Y=!1,onDragEnter:Z,onDragLeaveFolder:C,className:G,...J}=z,[f,K]=i.useState($),[m,d]=i.useState(null),[T,p]=i.useState(!1),y=i.useRef(null),{setNodeRef:Q}=le.useDroppable({id:u}),U=t=>{if(t.preventDefault(),t.dataTransfer.dropEffect="move",T||(p(!0),Z?.()),!f||r.length===0){d(0);return}const l=y.current;if(!l)return;const n=Array.from(l.querySelectorAll("[data-item-id]")),ae=t.clientY;let q=n.length;for(let c=0;c<n.length;c++){const L=n[c];if(!L)continue;const F=L.getBoundingClientRect();if(ae<F.top+F.height/2){q=c;break}}d(q)},V=t=>{t.currentTarget.contains(t.relatedTarget)||(p(!1),d(null),C?.())},W=t=>{t.preventDefault();const l=t.dataTransfer.getData("text/plain")||t.dataTransfer.getData("itemId");if(l&&j){const n=m??r.length;j(l,u,n)}p(!1),d(null),C?.()},X=(t,l)=>{t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",l)},_=o?.map(t=>({id:t.value,label:t.label,onClick:()=>P?.(t.value)})),S=[...b?[{id:"rename",label:"Rename",onClick:b}]:[],...N?[{id:"invite",label:"Invite participants",onClick:N}]:[],...D?[{id:"delete",label:"Delete folder",danger:!0,onClick:D}]:[]],s=H||T,ee=[a.default.folder,s&&a.default.dropTarget,Y&&a.default.dropCompleted,G].filter(Boolean).join(" "),te=h===1?k:E;return e.jsx("div",{ref:Q,className:ee,"data-folder-id":u,"data-drop-active":s,onDragOver:U,onDragLeave:V,onDrop:W,...J,children:e.jsxs(x.Collapsible,{open:f,onOpenChange:K,children:[e.jsxs("div",{className:a.default.header,children:[e.jsxs(x.Collapsible.Trigger,{className:a.default.trigger,children:[e.jsx(g.ChevronDown,{size:20,className:`${a.default.chevron} ${f?a.default.expanded:""}`}),e.jsx("h2",{className:a.default.title,children:B}),e.jsxs(ne.Badge,{variant:"secondary",className:a.default.badge,children:[h,e.jsxs("span",{className:a.default.badgeLabel,children:[" ",te]})]})]}),e.jsxs("div",{className:a.default.actions,children:[o&&o.length>0&&e.jsx("div",{className:a.default.sortDropdown,children:e.jsx(R.Dropdown,{trigger:e.jsx(I.Button,{variant:"ghost",size:"sm",iconRight:e.jsx(g.ChevronDown,{size:16}),"aria-label":`Sort by ${v}`,children:o.find(t=>t.value===M)?.label||v}),items:_,placement:"bottom-end"})}),S.length>0&&e.jsx(R.Dropdown,{trigger:e.jsx(I.Button,{variant:"ghost",size:"sm",iconOnly:!0,icon:e.jsx(g.MoreHorizontal,{size:20}),"aria-label":"Folder actions"}),items:S,placement:"bottom-end"})]})]}),e.jsx(x.Collapsible.Content,{children:e.jsx("div",{className:a.default.content,children:r.length===0?s?e.jsx("div",{className:a.default.emptyDropZone,children:e.jsx("div",{className:a.default.insertionLine,role:"presentation"})}):e.jsx("div",{className:a.default.emptyState,children:e.jsx("p",{className:a.default.emptyText,children:A})}):e.jsxs("div",{className:a.default.grid,ref:y,children:[r.map((t,l)=>e.jsxs(i.Fragment,{children:[s&&m===l&&e.jsx("div",{className:a.default.insertionLine,role:"presentation"}),e.jsx("div",{"data-item-id":t.id,draggable:t.draggable,onDragStart:n=>X(n,t.id),children:O(t,l)})]},t.id)),s&&m===r.length&&e.jsx("div",{className:a.default.insertionLine,role:"presentation"})]})})})]})})}w.displayName="CollapsibleFolder";exports.CollapsibleFolder=w;