@orion-ds/react 4.6.5 → 4.7.0

package/dist/index243.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_sidebar_18951_8",t="_collapsed_18951_20",i="_header_18951_28",o="_content_18951_45",s="_section_18951_56",_="_sectionTitle_18951_64",n="_sectionItems_18951_75",c="_itemWrapper_18951_85",a="_item_18951_85",m="_itemActive_18951_115",d="_itemDisabled_18951_126",l="_itemNested_18951_132",r="_itemIcon_18951_136",p="_itemLabel_18951_146",v="_itemBadge_18951_154",b="_itemChevron_18951_169",g="_chevronExpanded_18951_175",h="_subItems_18951_183",I="_footer_18951_214",u="_divider_18951_227",T="_collapseToggle_18951_237",f={sidebar:e,collapsed:t,header:i,content:o,section:s,sectionTitle:_,sectionItems:n,itemWrapper:c,item:a,itemActive:m,itemDisabled:d,itemNested:l,itemIcon:r,itemLabel:p,itemBadge:v,itemChevron:b,chevronExpanded:g,subItems:h,footer:I,divider:u,collapseToggle:T,"variant-floating":"_variant-floating_18951_267"};exports.chevronExpanded=g;exports.collapseToggle=T;exports.collapsed=t;exports.content=o;exports.default=f;exports.divider=u;exports.footer=I;exports.header=i;exports.item=a;exports.itemActive=m;exports.itemBadge=v;exports.itemChevron=b;exports.itemDisabled=d;exports.itemIcon=r;exports.itemLabel=p;exports.itemNested=l;exports.itemWrapper=c;exports.section=s;exports.sectionItems=n;exports.sectionTitle=_;exports.sidebar=e;exports.subItems=h;

package/dist/index243.mjs

@@ -0,0 +1,48 @@
+const e = "_sidebar_18951_8", t = "_collapsed_18951_20", _ = "_header_18951_28", o = "_content_18951_45", i = "_section_18951_56", s = "_sectionTitle_18951_64", n = "_sectionItems_18951_75", c = "_itemWrapper_18951_85", a = "_item_18951_85", m = "_itemActive_18951_115", d = "_itemDisabled_18951_126", l = "_itemNested_18951_132", r = "_itemIcon_18951_136", p = "_itemLabel_18951_146", v = "_itemBadge_18951_154", b = "_itemChevron_18951_169", g = "_chevronExpanded_18951_175", h = "_subItems_18951_183", I = "_footer_18951_214", f = "_divider_18951_227", T = "_collapseToggle_18951_237", u = {
+  sidebar: e,
+  collapsed: t,
+  header: _,
+  content: o,
+  section: i,
+  sectionTitle: s,
+  sectionItems: n,
+  itemWrapper: c,
+  item: a,
+  itemActive: m,
+  itemDisabled: d,
+  itemNested: l,
+  itemIcon: r,
+  itemLabel: p,
+  itemBadge: v,
+  itemChevron: b,
+  chevronExpanded: g,
+  subItems: h,
+  footer: I,
+  divider: f,
+  collapseToggle: T,
+  "variant-floating": "_variant-floating_18951_267"
+};
+export {
+  g as chevronExpanded,
+  T as collapseToggle,
+  t as collapsed,
+  o as content,
+  u as default,
+  f as divider,
+  I as footer,
+  _ as header,
+  a as item,
+  m as itemActive,
+  v as itemBadge,
+  b as itemChevron,
+  d as itemDisabled,
+  r as itemIcon,
+  p as itemLabel,
+  l as itemNested,
+  c as itemWrapper,
+  i as section,
+  n as sectionItems,
+  s as sectionTitle,
+  e as sidebar,
+  h as subItems
+};

package/dist/index244.cjs

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

package/dist/index244.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 "./index277.mjs";
+import { Card as l } from "./index196.mjs";
+import { Avatar as O } from "./index278.mjs";
+import { Dropdown as w } from "./index279.mjs";
+import { Button as H } from "./index191.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/index245.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("./index286.cjs"),x=require("./index284.cjs"),ne=require("./index190.cjs"),R=require("./index279.cjs"),I=require("./index191.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;

package/dist/index245.mjs

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

package/dist/index249.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index250.cjs"),r=({name:s,role:t,avatarSrc:l,className:m})=>{const d=s.split(" ").map(i=>i[0]).join("").toUpperCase().slice(0,2);return e.jsxs("div",{className:`${a.default.card} ${m||""}`,children:[l?e.jsx("img",{src:l,alt:s,className:a.default.avatar}):e.jsx("div",{className:a.default.avatarPlaceholder,children:d}),e.jsx("h3",{className:a.default.memberName,children:s}),e.jsx("p",{className:a.default.memberRole,children:t})]})};r.displayName="TeamMemberCard";exports.TeamMemberCard=r;

package/dist/index249.mjs

@@ -0,0 +1,19 @@
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import e from "./index250.mjs";
+const d = ({
+  name: s,
+  role: m,
+  avatarSrc: r,
+  className: l
+}) => {
+  const i = s.split(" ").map((c) => c[0]).join("").toUpperCase().slice(0, 2);
+  return /* @__PURE__ */ t("div", { className: `${e.card} ${l || ""}`, children: [
+    r ? /* @__PURE__ */ a("img", { src: r, alt: s, className: e.avatar }) : /* @__PURE__ */ a("div", { className: e.avatarPlaceholder, children: i }),
+    /* @__PURE__ */ a("h3", { className: e.memberName, children: s }),
+    /* @__PURE__ */ a("p", { className: e.memberRole, children: m })
+  ] });
+};
+d.displayName = "TeamMemberCard";
+export {
+  d as TeamMemberCard
+};

package/dist/index25 2.cjs

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

package/dist/index25 4.mjs

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

package/dist/index25.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("react"),B=require("lucide-react"),a=require("./index182.cjs"),h=({items:l,separator:c="chevron",customSeparator:u,showHomeIcon:m=!1,maxItems:n,size:i="md",className:j,linkProps:p})=>{const t=f.useMemo(()=>{if(!n||l.length<=n)return l;const e=l[0],s=l.slice(-(n-1));return[...e?[e]:[],{label:"...",href:void 0},...s]},[l,n]),b=e=>{const s=[a.default.separator,c==="chevron"&&a.default.chevron,c==="slash"&&a.default.slash].filter(Boolean).join(" ");return c==="custom"&&u?r.jsx("span",{className:a.default.separator,"aria-hidden":"true",children:u},`sep-${e}`):r.jsx("span",{className:s,"aria-hidden":"true"},`sep-${e}`)},N=()=>{switch(i){case"sm":return 14;case"lg":return 18;default:return 16}},o=()=>m?r.jsx("span",{className:a.default.homeIcon,"aria-label":"Home",children:r.jsx(B.Home,{size:N()})}):null,g=(e,s)=>{const d=s===t.length-1;return e.label==="..."?r.jsx("li",{className:a.default.item,children:r.jsx("span",{className:a.default.ellipsis,"aria-label":"More items",children:"…"})},`ellipsis-${s}`):d||!e.href?r.jsx("li",{className:a.default.item,"aria-current":d?"page":void 0,children:r.jsxs("span",{className:a.default.current,children:[s===0&&o(),e.icon&&r.jsx("span",{className:a.default.icon,children:e.icon}),e.label]})},s):r.jsx("li",{className:a.default.item,children:r.jsxs("a",{href:e.href,className:a.default.link,...p,children:[s===0&&o(),e.icon&&r.jsx("span",{className:a.default.icon,children:e.icon}),e.label]})},s)},v=[a.default.breadcrumb,a.default[i],j].filter(Boolean).join(" ");return r.jsx("nav",{"aria-label":"Breadcrumb",children:r.jsx("ol",{className:v,children:t.map((e,s)=>r.jsxs(f.Fragment,{children:[g(e,s),s<t.length-1&&b(s)]},s))})})};h.displayName="Breadcrumb";exports.Breadcrumb=h;