@orion-ds/react 4.7.0 → 4.8.0

package/dist/index247.mjs

@@ -1,37 +1,37 @@
-const t = "_section_s2q3u_1", s = "_container_s2q3u_7", o = "_title_s2q3u_12", a = "_logos_s2q3u_21", _ = "_logoImage_s2q3u_30", e = "_stats_s2q3u_41", n = "_statItem_s2q3u_48", u = "_statValue_s2q3u_52", i = "_statLabel_s2q3u_60", c = "_testimonials_s2q3u_67", l = "_testimonialCard_s2q3u_73", m = "_quote_s2q3u_83", q = "_testimonialAuthor_s2q3u_100", r = "_authorName_s2q3u_107", g = "_authorTitle_s2q3u_115", h = "_compact_s2q3u_122", I = {
-  section: t,
-  container: s,
-  title: o,
-  logos: a,
-  logoImage: _,
-  stats: e,
-  statItem: n,
-  statValue: u,
-  statLabel: i,
-  testimonials: c,
-  testimonialCard: l,
-  quote: m,
-  testimonialAuthor: q,
-  authorName: r,
-  authorTitle: g,
-  compact: h
+const o = "_footer_1fj4o_1", n = "_container_1fj4o_7", t = "_defaultLayout_1fj4o_13", _ = "_centeredLayout_1fj4o_20", i = "_minimalLayout_1fj4o_29", a = "_brandBlock_1fj4o_37", c = "_brandName_1fj4o_43", s = "_brandDescription_1fj4o_51", r = "_linkGroup_1fj4o_59", l = "_linkGroupTitle_1fj4o_65", e = "_link_1fj4o_59", f = "_socialLinks_1fj4o_87", u = "_socialLink_1fj4o_87", k = "_bottom_1fj4o_105", d = "_copyright_1fj4o_116", j = "_linkGroupsRow_1fj4o_124", p = {
+  footer: o,
+  container: n,
+  defaultLayout: t,
+  centeredLayout: _,
+  minimalLayout: i,
+  brandBlock: a,
+  brandName: c,
+  brandDescription: s,
+  linkGroup: r,
+  linkGroupTitle: l,
+  link: e,
+  socialLinks: f,
+  socialLink: u,
+  bottom: k,
+  copyright: d,
+  linkGroupsRow: j
 };
 export {
-  r as authorName,
-  g as authorTitle,
-  h as compact,
-  s as container,
-  I as default,
-  _ as logoImage,
-  a as logos,
-  m as quote,
-  t as section,
-  n as statItem,
-  i as statLabel,
-  u as statValue,
-  e as stats,
-  q as testimonialAuthor,
-  l as testimonialCard,
-  c as testimonials,
-  o as title
+  k as bottom,
+  a as brandBlock,
+  s as brandDescription,
+  c as brandName,
+  _ as centeredLayout,
+  n as container,
+  d as copyright,
+  p as default,
+  t as defaultLayout,
+  o as footer,
+  e as link,
+  r as linkGroup,
+  l as linkGroupTitle,
+  j as linkGroupsRow,
+  i as minimalLayout,
+  u as socialLink,
+  f as socialLinks
 };

package/dist/index248.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_section_1nowi_1",i="_left_1nowi_12",n="_sm_1nowi_17",o="_lg_1nowi_22",e="_container_1nowi_27",s="_title_1nowi_32",_="_description_1nowi_49",c="_actions_1nowi_63",l="_highlight_1nowi_83",g={section:t,left:i,sm:n,lg:o,container:e,title:s,description:_,actions:c,highlight:l};exports.actions=c;exports.container=e;exports.default=g;exports.description=_;exports.highlight=l;exports.left=i;exports.lg=o;exports.section=t;exports.sm=n;exports.title=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_section_6j5uc_1",t="_container_6j5uc_7",c="_title_6j5uc_12",o="_table_6j5uc_21",a="_headerRow_6j5uc_26",_="_headerCell_6j5uc_30",l="_highlighted_6j5uc_43",n="_badge_6j5uc_48",u="_featureRow_6j5uc_60",h="_featureName_6j5uc_68",r="_featureValue_6j5uc_76",s="_highlightedCol_6j5uc_84",i="_checkIcon_6j5uc_88",d="_crossIcon_6j5uc_93",g={section:e,container:t,title:c,table:o,headerRow:a,headerCell:_,highlighted:l,badge:n,featureRow:u,featureName:h,featureValue:r,highlightedCol:s,checkIcon:i,crossIcon:d};exports.badge=n;exports.checkIcon=i;exports.container=t;exports.crossIcon=d;exports.default=g;exports.featureName=h;exports.featureRow=u;exports.featureValue=r;exports.headerCell=_;exports.headerRow=a;exports.highlighted=l;exports.highlightedCol=s;exports.section=e;exports.table=o;exports.title=c;

package/dist/index248.mjs

@@ -1,23 +1,33 @@
-const t = "_section_1nowi_1", n = "_left_1nowi_12", i = "_sm_1nowi_17", o = "_lg_1nowi_22", _ = "_container_1nowi_27", s = "_title_1nowi_32", c = "_description_1nowi_49", e = "_actions_1nowi_63", l = "_highlight_1nowi_83", g = {
-  section: t,
-  left: n,
-  sm: i,
-  lg: o,
-  container: _,
-  title: s,
-  description: c,
-  actions: e,
-  highlight: l
+const e = "_section_6j5uc_1", c = "_container_6j5uc_7", t = "_title_6j5uc_12", _ = "_table_6j5uc_21", o = "_headerRow_6j5uc_26", a = "_headerCell_6j5uc_30", n = "_highlighted_6j5uc_43", h = "_badge_6j5uc_48", s = "_featureRow_6j5uc_60", u = "_featureName_6j5uc_68", l = "_featureValue_6j5uc_76", r = "_highlightedCol_6j5uc_84", i = "_checkIcon_6j5uc_88", d = "_crossIcon_6j5uc_93", g = {
+  section: e,
+  container: c,
+  title: t,
+  table: _,
+  headerRow: o,
+  headerCell: a,
+  highlighted: n,
+  badge: h,
+  featureRow: s,
+  featureName: u,
+  featureValue: l,
+  highlightedCol: r,
+  checkIcon: i,
+  crossIcon: d
 };
 export {
-  e as actions,
-  _ as container,
+  h as badge,
+  i as checkIcon,
+  c as container,
+  d as crossIcon,
   g as default,
-  c as description,
-  l as highlight,
-  n as left,
-  o as lg,
-  t as section,
-  i as sm,
-  s as title
+  u as featureName,
+  s as featureRow,
+  l as featureValue,
+  a as headerCell,
+  o as headerRow,
+  n as highlighted,
+  r as highlightedCol,
+  e as section,
+  _ as table,
+  t as title
 };

package/dist/index249.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),M=require("react"),r=require("lucide-react"),t=require("./index279.cjs"),s=require("./index223.cjs"),S=require("./index280.cjs"),E=require("./index281.cjs"),B=require("./index222.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/index249.mjs

@@ -1,19 +1,120 @@
-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
+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 "./index279.mjs";
+import { Card as l } from "./index223.mjs";
+import { Avatar as O } from "./index280.mjs";
+import { Dropdown as w } from "./index281.mjs";
+import { Button as H } from "./index222.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 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 })
-  ] });
+  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 }) })
+      ]
+    }
+  );
 };
-d.displayName = "TeamMemberCard";
+J.displayName = "AgentCard";
 export {
-  d as TeamMemberCard
+  J as AgentCard
 };

package/dist/index25.cjs

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

package/dist/index25.mjs

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as i } from "react/jsx-runtime";
 import p from "react";
 import { Home as j } from "lucide-react";
-import s from "./index182.mjs";
+import s from "./index210.mjs";
 const I = ({
   items: l,
   separator: c = "chevron",

package/dist/index250.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_section_1oviz_1",r="_container_1oviz_6",i="_header_1oviz_11",o="_title_1oviz_16",t="_description_1oviz_24",a="_grid_1oviz_31",_="_grid2_1oviz_36",c="_grid3_1oviz_40",d="_grid4_1oviz_44",n="_card_1oviz_48",s="_avatar_1oviz_64",v="_avatarPlaceholder_1oviz_73",l="_memberName_1oviz_88",m="_memberRole_1oviz_96",g={section:e,container:r,header:i,title:o,description:t,grid:a,grid2:_,grid3:c,grid4:d,card:n,avatar:s,avatarPlaceholder:v,memberName:l,memberRole:m};exports.avatar=s;exports.avatarPlaceholder=v;exports.card=n;exports.container=r;exports.default=g;exports.description=t;exports.grid=a;exports.grid2=_;exports.grid3=c;exports.grid4=d;exports.header=i;exports.memberName=l;exports.memberRole=m;exports.section=e;exports.title=o;
+"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("./index288.cjs"),x=require("./index286.cjs"),ne=require("./index225.cjs"),R=require("./index281.cjs"),I=require("./index222.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/index250.mjs

@@ -1,33 +1,196 @@
-const e = "_section_1oviz_1", o = "_container_1oviz_6", _ = "_header_1oviz_11", i = "_title_1oviz_16", r = "_description_1oviz_24", t = "_grid_1oviz_31", a = "_grid2_1oviz_36", c = "_grid3_1oviz_40", n = "_grid4_1oviz_44", d = "_card_1oviz_48", s = "_avatar_1oviz_64", v = "_avatarPlaceholder_1oviz_73", m = "_memberName_1oviz_88", l = "_memberRole_1oviz_96", z = {
-  section: e,
-  container: o,
-  header: _,
-  title: i,
-  description: r,
-  grid: t,
-  grid2: a,
-  grid3: c,
-  grid4: n,
-  card: d,
-  avatar: s,
-  avatarPlaceholder: v,
-  memberName: m,
-  memberRole: l
-};
+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 "./index288.mjs";
+import { Collapsible as v } from "./index286.mjs";
+import { Badge as oe } from "./index225.mjs";
+import { Dropdown as R } from "./index281.mjs";
+import { Button as k } from "./index222.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 {
-  s as avatar,
-  v as avatarPlaceholder,
-  d as card,
-  o as container,
-  z as default,
-  r as description,
-  t as grid,
-  a as grid2,
-  c as grid3,
-  n as grid4,
-  _ as header,
-  m as memberName,
-  l as memberRole,
-  e as section,
-  i as title
+  se as CollapsibleFolder
 };

package/dist/index253.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_section_ta0my_1",s="_sectionSm_ta0my_8",e="_inner_ta0my_12",i="_title_ta0my_17",n="_description_ta0my_25",c="_form_ta0my_32",o="_input_ta0my_37",_="_submitButton_ta0my_58",m="_disclaimer_ta0my_81",u="_successMessage_ta0my_88",a={section:t,sectionSm:s,inner:e,title:i,description:n,form:c,input:o,submitButton:_,disclaimer:m,successMessage:u};exports.default=a;exports.description=n;exports.disclaimer=m;exports.form=c;exports.inner=e;exports.input=o;exports.section=t;exports.sectionSm=s;exports.submitButton=_;exports.successMessage=u;exports.title=i;
+"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/index253.mjs

@@ -1,25 +1,20 @@
-const t = "_section_ta0my_1", s = "_sectionSm_ta0my_8", n = "_inner_ta0my_12", e = "_title_ta0my_17", i = "_description_ta0my_25", _ = "_form_ta0my_32", c = "_input_ta0my_37", o = "_submitButton_ta0my_58", m = "_disclaimer_ta0my_81", a = "_successMessage_ta0my_88", r = {
+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,
-  sectionSm: s,
-  inner: n,
+  default: "_default_a0yj2_7",
+  brand: n,
+  subtle: _,
+  inner: s,
   title: e,
-  description: i,
-  form: _,
-  input: c,
-  submitButton: o,
-  disclaimer: m,
-  successMessage: a
+  description: a,
+  actions: i
 };
 export {
-  r as default,
-  i as description,
-  m as disclaimer,
-  _ as form,
-  n as inner,
-  c as input,
+  i as actions,
+  n as brand,
+  o as default,
+  a as description,
+  s as inner,
   t as section,
-  s as sectionSm,
-  o as submitButton,
-  a as successMessage,
+  _ as subtle,
   e as title
 };

package/dist/index254.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_section_g7vah_1",o="_container_g7vah_7",c="_header_g7vah_12",a="_title_g7vah_17",e="_description_g7vah_25",_="_viewport_g7vah_32",n="_track_g7vah_36",r="_slide_g7vah_41",d="_card_g7vah_46",s="_cardImage_g7vah_53",i="_cardBody_g7vah_60",v="_cardTitle_g7vah_64",g="_cardDescription_g7vah_72",l="_controls_g7vah_79",h="_navButton_g7vah_87",p="_dots_g7vah_115",u="_dot_g7vah_115",B="_dotActive_g7vah_131",y={section:t,container:o,header:c,title:a,description:e,viewport:_,track:n,slide:r,card:d,cardImage:s,cardBody:i,cardTitle:v,cardDescription:g,controls:l,navButton:h,dots:p,dot:u,dotActive:B};exports.card=d;exports.cardBody=i;exports.cardDescription=g;exports.cardImage=s;exports.cardTitle=v;exports.container=o;exports.controls=l;exports.default=y;exports.description=e;exports.dot=u;exports.dotActive=B;exports.dots=p;exports.header=c;exports.navButton=h;exports.section=t;exports.slide=r;exports.title=a;exports.track=n;exports.viewport=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_section_1nowi_1",i="_left_1nowi_12",n="_sm_1nowi_17",o="_lg_1nowi_22",e="_container_1nowi_27",s="_title_1nowi_32",_="_description_1nowi_49",c="_actions_1nowi_63",l="_highlight_1nowi_83",g={section:t,left:i,sm:n,lg:o,container:e,title:s,description:_,actions:c,highlight:l};exports.actions=c;exports.container=e;exports.default=g;exports.description=_;exports.highlight=l;exports.left=i;exports.lg=o;exports.section=t;exports.sm=n;exports.title=s;