@orion-ds/react 4.9.2 → 4.9.3

package/dist/components/Collapsible/Collapsible.types.d.ts

@@ -0,0 +1,31 @@
+import { HTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
+
+export interface CollapsibleProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"> {
+    /** Controlled open state. */
+    open?: boolean;
+    /** Default open state for uncontrolled usage. */
+    defaultOpen?: boolean;
+    /** Callback when open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Disable the trigger. */
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export interface CollapsibleTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Render as child element instead of a wrapper button. */
+    asChild?: boolean;
+    children?: ReactNode;
+}
+export interface CollapsibleContentProps extends HTMLAttributes<HTMLDivElement> {
+    /** Keep content mounted in the DOM even when closed. */
+    forceMount?: boolean;
+    children?: ReactNode;
+}
+export interface CollapsibleContextValue {
+    open: boolean;
+    disabled: boolean;
+    toggle: () => void;
+    contentId: string;
+    triggerId: string;
+}
+//# sourceMappingURL=Collapsible.types.d.ts.map

package/dist/components/Collapsible/Collapsible.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.types.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,cAAc,CAAC,cAAc,CAAC,EAC9B,cAAc,CACf;IACC,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,uBAAwB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACtF,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC7E,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB"}

package/dist/components/Collapsible/index.d.ts

@@ -0,0 +1,3 @@
+export { Collapsible } from './Collapsible';
+export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps, } from './Collapsible.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Collapsible/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC"}

package/dist/components/CollapsibleFolder/CollapsibleFolder.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("./CollapsibleFolder.module.css.cjs"),h=require("../Collapsible/Collapsible.cjs"),ne=require("../Badge/Badge.cjs"),F=require("../Dropdown/Dropdown.cjs"),R=require("../Button/Button.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/components/CollapsibleFolder/CollapsibleFolder.d.ts

@@ -0,0 +1,10 @@
+import { CollapsibleFolderProps } from './CollapsibleFolder.types';
+
+export declare function CollapsibleFolder<TItem extends {
+    id: string;
+    draggable?: boolean;
+}>(props: CollapsibleFolderProps<TItem>): import("react/jsx-runtime").JSX.Element;
+export declare namespace CollapsibleFolder {
+    var displayName: string;
+}
+//# sourceMappingURL=CollapsibleFolder.d.ts.map

package/dist/components/CollapsibleFolder/CollapsibleFolder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleFolder.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleFolder/CollapsibleFolder.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAQxE,wBAAgB,iBAAiB,CAC/B,KAAK,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,EACjD,KAAK,EAAE,sBAAsB,CAAC,KAAK,CAAC,2CAuQrC;yBAzQe,iBAAiB"}

package/dist/components/CollapsibleFolder/CollapsibleFolder.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 "./CollapsibleFolder.module.css.mjs";
+import { Collapsible as v } from "../Collapsible/Collapsible.mjs";
+import { Badge as ie } from "../Badge/Badge.mjs";
+import { Dropdown as z } from "../Dropdown/Dropdown.mjs";
+import { Button as k } from "../Button/Button.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/components/CollapsibleFolder/CollapsibleFolder.module.css

@@ -0,0 +1 @@
+._folder_vmfz9_8{background-color:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-container);padding:var(--spacing-6);margin-bottom:0;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}._folder_vmfz9_8._dropTarget_vmfz9_21,._folder_vmfz9_8[data-drop-active=true]{border:2px dashed var(--border-interactive);background-color:var(--soft-brand);filter:drop-shadow(0 0 0 2px var(--border-interactive));transition:all var(--transition-fast)}._folder_vmfz9_8._dropCompleted_vmfz9_30{border-color:var(--status-success);background-color:var(--surface-subtle)}._header_vmfz9_36{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4)}._trigger_vmfz9_44{display:flex;align-items:center;gap:var(--spacing-3);flex:1;padding:0;border:none;background:none;cursor:pointer;text-align:left;color:var(--text-primary);transition:color var(--transition-fast)}._trigger_vmfz9_44:hover{color:var(--interactive-primary)}._trigger_vmfz9_44:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px;border-radius:var(--radius-control)}._chevron_vmfz9_69{flex-shrink:0;transition:transform var(--transition-normal);color:var(--text-secondary)}._chevron_vmfz9_69._expanded_vmfz9_75{transform:rotate(0)}._chevron_vmfz9_69:not(._expanded_vmfz9_75){transform:rotate(-90deg)}._title_vmfz9_84{font-family:var(--font-secondary);font-size:var(--font-size-18);font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}._badge_vmfz9_94{flex-shrink:0}._actions_vmfz9_99{display:flex;align-items:center;gap:var(--spacing-2)}._content_vmfz9_106{padding-top:var(--spacing-4);padding-bottom:var(--spacing-3)}._grid_vmfz9_112{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}@media(max-width:1200px){._grid_vmfz9_112{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){._grid_vmfz9_112{grid-template-columns:1fr}._badgeLabel_vmfz9_131{display:none}._sortDropdown_vmfz9_136 button>span:not([aria-hidden=true]){display:none}._sortDropdown_vmfz9_136 button{width:32px;padding:0}}._emptyState_vmfz9_147{padding:var(--spacing-16) var(--spacing-8);text-align:center}._emptyText_vmfz9_152{font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-tertiary);margin:0}._insertionLine_vmfz9_160{height:2px;background-color:var(--interactive-primary);border-radius:1px;margin:var(--spacing-1) 0;position:relative;opacity:1}._insertionLine_vmfz9_160:before{content:"";position:absolute;left:-6px;top:-3px;width:8px;height:8px;border-radius:50%;background-color:var(--interactive-primary)}._emptyDropZone_vmfz9_182{padding:var(--spacing-4);display:flex;align-items:center;justify-content:center;min-height:80px}@media(prefers-reduced-motion:reduce){._folder_vmfz9_8,._chevron_vmfz9_69{transition:none}}

package/dist/components/CollapsibleFolder/CollapsibleFolder.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_folder_vmfz9_8",t="_dropTarget_vmfz9_21",o="_dropCompleted_vmfz9_30",n="_header_vmfz9_36",r="_trigger_vmfz9_44",_="_chevron_vmfz9_69",d="_expanded_vmfz9_75",p="_title_vmfz9_84",s="_badge_vmfz9_94",a="_actions_vmfz9_99",m="_content_vmfz9_106",c="_grid_vmfz9_112",i="_badgeLabel_vmfz9_131",g="_sortDropdown_vmfz9_136",f="_emptyState_vmfz9_147",v="_emptyText_vmfz9_152",l="_insertionLine_vmfz9_160",z="_emptyDropZone_vmfz9_182",b={folder:e,dropTarget:t,dropCompleted:o,header:n,trigger:r,chevron:_,expanded:d,title:p,badge:s,actions:a,content:m,grid:c,badgeLabel:i,sortDropdown:g,emptyState:f,emptyText:v,insertionLine:l,emptyDropZone:z};exports.actions=a;exports.badge=s;exports.badgeLabel=i;exports.chevron=_;exports.content=m;exports.default=b;exports.dropCompleted=o;exports.dropTarget=t;exports.emptyDropZone=z;exports.emptyState=f;exports.emptyText=v;exports.expanded=d;exports.folder=e;exports.grid=c;exports.header=n;exports.insertionLine=l;exports.sortDropdown=g;exports.title=p;exports.trigger=r;

package/dist/components/CollapsibleFolder/CollapsibleFolder.module.css.mjs

@@ -0,0 +1,41 @@
+const e = "_folder_vmfz9_8", t = "_dropTarget_vmfz9_21", o = "_dropCompleted_vmfz9_30", _ = "_header_vmfz9_36", n = "_trigger_vmfz9_44", r = "_chevron_vmfz9_69", d = "_expanded_vmfz9_75", s = "_title_vmfz9_84", m = "_badge_vmfz9_94", c = "_actions_vmfz9_99", p = "_content_vmfz9_106", a = "_grid_vmfz9_112", f = "_badgeLabel_vmfz9_131", i = "_sortDropdown_vmfz9_136", v = "_emptyState_vmfz9_147", g = "_emptyText_vmfz9_152", z = "_insertionLine_vmfz9_160", l = "_emptyDropZone_vmfz9_182", y = {
+  folder: e,
+  dropTarget: t,
+  dropCompleted: o,
+  header: _,
+  trigger: n,
+  chevron: r,
+  expanded: d,
+  title: s,
+  badge: m,
+  actions: c,
+  content: p,
+  grid: a,
+  badgeLabel: f,
+  sortDropdown: i,
+  emptyState: v,
+  emptyText: g,
+  insertionLine: z,
+  emptyDropZone: l
+};
+export {
+  c as actions,
+  m as badge,
+  f as badgeLabel,
+  r as chevron,
+  p as content,
+  y as default,
+  o as dropCompleted,
+  t as dropTarget,
+  l as emptyDropZone,
+  v as emptyState,
+  g as emptyText,
+  d as expanded,
+  e as folder,
+  a as grid,
+  _ as header,
+  z as insertionLine,
+  i as sortDropdown,
+  s as title,
+  n as trigger
+};

package/dist/components/CollapsibleFolder/CollapsibleFolder.types.d.ts

@@ -0,0 +1,157 @@
+import { HTMLAttributes } from 'react';
+
+/**
+ * Sort option for organizing items
+ */
+export interface SortOption {
+    /**
+     * Display label
+     */
+    label: string;
+    /**
+     * Internal value
+     */
+    value: string;
+}
+/**
+ * CollapsibleFolder component props
+ *
+ * Generic folder component that can contain any type of items (agents, files, documents, etc.)
+ * with drag & drop, sorting, and folder management features.
+ *
+ * @template TItem - The type of items in the folder. Must have `id` property and optional `draggable` boolean.
+ *
+ * @example
+ * ```tsx
+ * // With files
+ * <CollapsibleFolder
+ *   id="folder-1"
+ *   title="Documents"
+ *   itemCount={3}
+ *   items={files}
+ *   itemLabel="File"
+ *   itemLabelPlural="Files"
+ *   emptyText="No files in this folder"
+ *   renderItem={(file) => <FileCard {...file} />}
+ * />
+ *
+ * // With custom items
+ * <CollapsibleFolder
+ *   id="folder-2"
+ *   title="Projects"
+ *   itemCount={2}
+ *   items={projects}
+ *   itemLabel="Project"
+ *   itemLabelPlural="Projects"
+ *   renderItem={(project) => (
+ *     <div>{project.name} - {project.status}</div>
+ *   )}
+ * />
+ * ```
+ */
+export interface CollapsibleFolderProps<TItem extends {
+    id: string;
+    draggable?: boolean;
+    [key: string]: any;
+}> extends Omit<HTMLAttributes<HTMLDivElement>, "onDrop"> {
+    /**
+     * Unique folder identifier
+     */
+    id: string;
+    /**
+     * Folder title/name
+     */
+    title: string;
+    /**
+     * Number of items in folder
+     */
+    itemCount: number;
+    /**
+     * Array of items to display
+     */
+    items: TItem[];
+    /**
+     * Render function for each item
+     * @param item - The item to render
+     * @param index - The item's index in the items array
+     * @returns React node to render for this item
+     */
+    renderItem: (item: TItem, index: number) => React.ReactNode;
+    /**
+     * Singular label for items (used in badge)
+     * @default "Item"
+     */
+    itemLabel?: string;
+    /**
+     * Plural label for items (used in badge)
+     * @default "Items"
+     */
+    itemLabelPlural?: string;
+    /**
+     * Empty state message when folder contains no items
+     * @default "No items in this folder"
+     */
+    emptyText?: string;
+    /**
+     * Fallback label for sort button
+     * @default "Sort"
+     */
+    sortLabel?: string;
+    /**
+     * Default expanded state
+     * @default true
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Available sort options
+     */
+    sortOptions?: SortOption[];
+    /**
+     * Currently selected sort value
+     */
+    selectedSort?: string;
+    /**
+     * Sort option change handler
+     */
+    onSortChange?: (value: string) => void;
+    /**
+     * Drop handler for drag & drop
+     * @param itemId - ID of the item being dropped
+     * @param folderId - ID of the target folder
+     * @param index - Position index where the item will be inserted (optional, defaults to end)
+     */
+    onDrop?: (itemId: string, folderId: string, index?: number) => void;
+    /**
+     * Rename folder handler
+     */
+    onFolderEdit?: () => void;
+    /**
+     * Delete folder handler
+     */
+    onFolderDelete?: () => void;
+    /**
+     * Invite participants to folder handler
+     */
+    onFolderInvite?: () => void;
+    /**
+     * Is this folder currently a valid drop target
+     * @internal
+     */
+    isDropTarget?: boolean;
+    /**
+     * Briefly set to true after a successful drop for micro-feedback
+     * @internal
+     */
+    isDropCompleted?: boolean;
+    /**
+     * Callback when drag enters folder (for syncing @dnd-kit state)
+     * @internal
+     */
+    onDragEnter?: () => void;
+    /**
+     * Callback when drag leaves folder (for syncing @dnd-kit state)
+     * @internal
+     */
+    onDragLeaveFolder?: () => void;
+}
+//# sourceMappingURL=CollapsibleFolder.types.d.ts.map

package/dist/components/CollapsibleFolder/CollapsibleFolder.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleFolder.types.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleFolder/CollapsibleFolder.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,WAAW,sBAAsB,CACrC,KAAK,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CACrE,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IACtD;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,KAAK,EAAE,KAAK,EAAE,CAAC;IAEf;;;;;OAKG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAE5D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAE3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC"}

package/dist/components/CollapsibleFolder/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * CollapsibleFolder Section Exports
+ *
+ * Exports for the CollapsibleFolder section and its types.
+ */
+export { CollapsibleFolder } from './CollapsibleFolder';
+export type { CollapsibleFolderProps, SortOption, } from './CollapsibleFolder.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/CollapsibleFolder/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleFolder/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EACV,sBAAsB,EACtB,UAAU,GACX,MAAM,2BAA2B,CAAC"}

package/dist/components/Combobox/Combobox.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("react"),oe=require("react-dom"),R=require("lucide-react"),t=require("./Combobox.module.css.cjs"),de=(u,i)=>{const c=i.toLowerCase().trim();return c?u.label.toLowerCase().includes(c)||u.value.toLowerCase().includes(c)||(u.description?.toLowerCase().includes(c)??!1):!0},X=l.forwardRef(({options:u,value:i,onChange:c,onInputChange:P,size:D="md",label:S,helperText:z,error:g,loading:K=!1,clearable:U=!0,allowFreeInput:f=!1,filterFn:B=de,openOnFocus:I=!0,minChars:C=0,emptyText:Y="No results found",renderOption:T,maxHeight:_=300,fullWidth:G=!1,placeholder:V,disabled:w,className:J,id:Q,onFocus:A,onBlur:H,onKeyDown:W,...Z},k)=>{const F=l.useId(),$=Q||F,q=`${$}-listbox`,v=l.useRef(null),N=l.useRef(null),b=l.useRef(null),[r,h]=l.useState(!1),[E,o]=l.useState(""),[d,j]=l.useState(-1),[M,ee]=l.useState({top:0,left:0,width:0}),a=l.useMemo(()=>u.find(e=>e.value===i)??null,[u,i]);l.useEffect(()=>{a?o(a.label):f||o("")},[a,f]);const p=l.useMemo(()=>E.length<C?[]:u.filter(e=>B(e,E)),[u,E,C,B]),x=l.useCallback(()=>{if(!v.current)return;const e=v.current.getBoundingClientRect();ee({top:e.bottom+window.scrollY+4,left:e.left+window.scrollX,width:e.width})},[]);l.useEffect(()=>{if(r)return x(),window.addEventListener("resize",x),window.addEventListener("scroll",x,!0),()=>{window.removeEventListener("resize",x),window.removeEventListener("scroll",x,!0)}},[r,x]),l.useEffect(()=>{if(!r)return;const e=n=>{const m=n.target;v.current&&!v.current.contains(m)&&b.current&&!b.current.contains(m)&&(h(!1),!f&&!i?o(""):a&&o(a.label))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[r,f,i,a]);const te=l.useCallback(e=>{const n=e.target.value;o(n),j(-1),P?.(n),!r&&n.length>=C&&h(!0),a&&n!==a.label&&!f&&c?.(null,null)},[r,C,P,a,f,c]),se=l.useCallback(e=>{I&&!w&&h(!0),A?.(e)},[I,w,A]),le=l.useCallback(e=>{setTimeout(()=>{b.current?.contains(document.activeElement)||(h(!1),!f&&!i?o(""):a&&o(a.label))},200),H?.(e)},[f,i,a,H]),O=l.useCallback(e=>{e.disabled||(c?.(e.value,e),o(e.label),h(!1),j(-1),N.current?.focus())},[c]),ne=l.useCallback(e=>{e.stopPropagation(),c?.(null,null),o(""),N.current?.focus()},[c]),ae=l.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),r?j(n=>Math.min(n+1,p.length-1)):h(!0);break;case"ArrowUp":e.preventDefault(),j(n=>Math.max(n-1,0));break;case"Enter":e.preventDefault(),r&&d>=0&&p[d]&&O(p[d]);break;case"Escape":e.preventDefault(),h(!1),o(a?a.label:"");break;case"Tab":h(!1);break}W?.(e)},[r,d,p,O,a,W]);l.useEffect(()=>{d>=0&&b.current&&b.current.querySelectorAll('[role="option"]')[d]?.scrollIntoView({block:"nearest"})},[d]);const re=[t.default.container,t.default[D],G&&t.default.fullWidth,w&&t.default.disabled,g&&t.default.error,J].filter(Boolean).join(" "),L=D==="sm"?14:D==="lg"?20:16,ie=(e,n)=>{const m=e.value===i,y=n===d;return T?T(e,m,y):s.jsxs(s.Fragment,{children:[e.icon&&s.jsx("span",{className:t.default.optionIcon,"aria-hidden":"true",children:e.icon}),s.jsxs("div",{className:t.default.optionContent,children:[s.jsx("span",{className:t.default.optionLabel,children:e.label}),e.description&&s.jsx("span",{className:t.default.optionDescription,children:e.description})]}),m&&s.jsx(R.Check,{size:L,className:t.default.checkIcon,"aria-hidden":"true"})]})},ce=s.jsx("div",{ref:b,className:`${t.default.dropdown} ${r&&t.default.visible}`,style:{top:M.top,left:M.left,width:M.width,maxHeight:_},role:"listbox",id:q,"aria-label":S||V,children:K?s.jsxs("div",{className:t.default.loading,children:[s.jsx(R.Loader2,{size:L,className:t.default.spinner}),s.jsx("span",{children:"Loading..."})]}):p.length===0?s.jsx("div",{className:t.default.empty,children:Y}):p.map((e,n)=>{const m=n===d,y=e.value===i;return s.jsx("div",{className:[t.default.option,m&&t.default.highlighted,y&&t.default.selected,e.disabled&&t.default.disabled].filter(Boolean).join(" "),role:"option","aria-selected":y,"aria-disabled":e.disabled,onClick:()=>O(e),onMouseEnter:()=>j(n),children:ie(e,n)},e.value)})});return s.jsxs("div",{className:re,children:[S&&s.jsx("label",{htmlFor:$,className:t.default.label,children:S}),s.jsxs("div",{ref:v,className:t.default.inputWrapper,onClick:()=>N.current?.focus(),children:[s.jsx("input",{...Z,ref:e=>{typeof k=="function"?k(e):k&&(k.current=e),N.current=e},id:$,type:"text",className:t.default.input,value:E,onChange:te,onFocus:se,onBlur:le,onKeyDown:ae,disabled:w,placeholder:V,role:"combobox","aria-expanded":r,"aria-haspopup":"listbox","aria-controls":q,"aria-autocomplete":"list","aria-activedescendant":d>=0?`${q}-option-${d}`:void 0}),s.jsxs("div",{className:t.default.actions,children:[U&&i&&!w&&s.jsx("button",{type:"button",className:t.default.clearButton,onClick:ne,"aria-label":"Clear selection",tabIndex:-1,children:s.jsx(R.X,{size:L})}),s.jsx("span",{className:`${t.default.chevron} ${r?t.default.open:""}`,"aria-hidden":"true",children:s.jsx(R.ChevronDown,{size:L})})]})]}),(z||g)&&s.jsx("span",{className:g?t.default.errorText:t.default.helperText,children:g||z}),r&&oe.createPortal(ce,document.body)]})});X.displayName="Combobox";exports.Combobox=X;

package/dist/components/Combobox/Combobox.d.ts

@@ -0,0 +1,4 @@
+import { ComboboxProps } from './Combobox.types';
+
+export declare const Combobox: import('react').ForwardRefExoticComponent<ComboboxProps & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Combobox.d.ts.map

package/dist/components/Combobox/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,kBAAkB,CAAC;AAetE,eAAO,MAAM,QAAQ,4GA6bpB,CAAC"}