@orion-ds/react 4.9.1 → 4.9.2

package/dist/components/Collapsible/Collapsible.mjs

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

package/dist/components/Collapsible/Collapsible.module.css

@@ -1 +0,0 @@
-._collapsible_1swsf_3{width:100%}._trigger_1swsf_8{display:inline-flex;align-items:center;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}._trigger_1swsf_8:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px;border-radius:var(--radius-sm)}._trigger_1swsf_8:disabled{opacity:.5;cursor:not-allowed}._content_1swsf_32{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-normal)}._contentOpen_1swsf_38{grid-template-rows:1fr}._contentInner_1swsf_42{overflow:hidden}@media(prefers-reduced-motion:reduce){._content_1swsf_32{transition:none}}@media(forced-colors:active){._trigger_1swsf_8:focus-visible{outline:2px solid ButtonText}}

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="_collapsible_1swsf_3",t="_trigger_1swsf_8",e="_content_1swsf_32",o="_contentOpen_1swsf_38",s="_contentInner_1swsf_42",c={collapsible:n,trigger:t,content:e,contentOpen:o,contentInner:s};exports.collapsible=n;exports.content=e;exports.contentInner=s;exports.contentOpen=o;exports.default=c;exports.trigger=t;

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

@@ -1,15 +0,0 @@
-const n = "_collapsible_1swsf_3", t = "_trigger_1swsf_8", e = "_content_1swsf_32", s = "_contentOpen_1swsf_38", o = "_contentInner_1swsf_42", c = {
-  collapsible: n,
-  trigger: t,
-  content: e,
-  contentOpen: s,
-  contentInner: o
-};
-export {
-  n as collapsible,
-  e as content,
-  o as contentInner,
-  s as contentOpen,
-  c as default,
-  t as trigger
-};

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

@@ -1,33 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').ForwardRefExoticComponent<import('./Collapsible.types').CollapsibleProps & import('react').RefAttributes<HTMLDivElement>> & {
-        Trigger: import('react').ForwardRefExoticComponent<import('./Collapsible.types').CollapsibleTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
-        Content: import('react').ForwardRefExoticComponent<import('./Collapsible.types').CollapsibleContentProps & import('react').RefAttributes<HTMLDivElement>>;
-    };
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        defaultOpen: {
-            control: "boolean";
-            description: string;
-        };
-        disabled: {
-            control: "boolean";
-            description: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const DefaultOpen: Story;
-export declare const Disabled: Story;
-export declare const Controlled: Story;
-export declare const ForceMount: Story;
-export declare const MultipleItems: Story;
-export declare const TagsList: Story;
-//# sourceMappingURL=Collapsible.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Collapsible.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;CAiB0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KA8BrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA8BzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA8BtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAoFxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA+BxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAmE3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA+EtB,CAAC"}

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

@@ -1,31 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,196 +0,0 @@
-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

@@ -1 +0,0 @@
-._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

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

@@ -1,41 +0,0 @@
-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.stories.d.ts

@@ -1,17 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { CollapsibleFolder } from './CollapsibleFolder';
-
-declare const meta: {
-    title: string;
-    component: typeof CollapsibleFolder;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Empty: Story;
-export declare const Collapsed: Story;
-//# sourceMappingURL=CollapsibleFolder.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CollapsibleFolder.stories.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleFolder/CollapsibleFolder.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,QAAA,MAAM,IAAI;;;;;;;CAOgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAcnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAWnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC"}

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

@@ -1,157 +0,0 @@
-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