@orion-ds/react 4.6.5 → 4.7.0

package/dist/components/CodeEditor/CodeEditor.mjs

@@ -1,256 +0,0 @@
-"use client";
-import { jsxs as k, jsx as l } from "react/jsx-runtime";
-import { forwardRef as U, useRef as g, useState as K, useEffect as T } from "react";
-import { Prism as W } from "react-syntax-highlighter";
-import { oneLight as _, oneDark as I } from "react-syntax-highlighter/dist/esm/styles/prism";
-import i from "./CodeEditor.module.css.mjs";
-import { useThemeContext as G } from "../../contexts/ThemeContext.mjs";
-try {
-  const r = require("refractor/all");
-  r.default && r.default.registered && r.default.registered("markdown") && !r.default.languages.markdown?.["quoted-string"] && r.default.languages.insertBefore("markdown", "bold", {
-    "quoted-string": {
-      pattern: /"(?:\\.|[^"\\])*"/,
-      greedy: !0,
-      alias: "string"
-    }
-  });
-} catch {
-}
-const J = U(
-  ({
-    value: r = "",
-    onChange: f,
-    language: C,
-    readOnly: S = !1,
-    showLineNumbers: L = !0,
-    placeholder: $,
-    minRows: m = 10,
-    className: j,
-    "aria-label": H,
-    ...M
-  }, q) => {
-    const p = g(null), x = g(null), v = g(null), A = g(null), F = g(null), d = g(null), h = q || F, [y, V] = K(0), [c, z] = K([]);
-    let E = "dark";
-    try {
-      E = G().theme;
-    } catch {
-    }
-    const O = E === "light" ? _ : I, R = Math.max(r.split(`
-`).length, m);
-    T(() => {
-      if (d.current && h.current) {
-        const { start: e, end: t } = d.current;
-        h.current.setSelectionRange(e, t), d.current = null;
-      }
-    }), T(() => {
-      const e = v.current, t = A.current;
-      if (!e || !t) return;
-      const n = () => {
-        const o = t.clientWidth;
-        if (o <= 0) return;
-        e.style.width = `${o}px`;
-        const s = r.split(`
-`), u = Math.max(s.length, m), b = [];
-        for (let N = 0; N < u; N++) {
-          const P = s[N] ?? "";
-          e.textContent = P || " ", b.push(e.scrollHeight);
-        }
-        z(b);
-      };
-      n();
-      const a = new ResizeObserver(n);
-      return a.observe(t), () => a.disconnect();
-    }, [r, m]), T(() => {
-      const e = (n) => {
-        const a = n.target;
-        p.current && (p.current.scrollTop = a.scrollTop), x.current && (x.current.scrollTop = a.scrollTop, x.current.scrollLeft = a.scrollLeft);
-      }, t = h?.current;
-      if (t)
-        return t.addEventListener("scroll", e), () => {
-          t.removeEventListener("scroll", e);
-        };
-    }, [h]);
-    const w = (e) => {
-      const t = e.value.substring(0, e.selectionStart);
-      V(t.split(`
-`).length - 1);
-    }, B = (e) => {
-      if (e.key === "Tab") {
-        e.preventDefault();
-        const t = e.currentTarget, n = t.selectionStart, a = t.selectionEnd, o = "  ";
-        if (n === a) {
-          const s = r.substring(0, n) + o + r.substring(a);
-          d.current = {
-            start: n + o.length,
-            end: n + o.length
-          }, f?.(s);
-        } else if (e.shiftKey) {
-          const s = r.lastIndexOf(`
-`, n - 1) + 1, u = r.substring(s).match(/^ {1,2}/)?.[0] ?? "";
-          if (u.length > 0) {
-            const b = r.substring(0, s) + r.substring(s + u.length);
-            d.current = {
-              start: Math.max(s, n - u.length),
-              end: Math.max(s, a - u.length)
-            }, f?.(b);
-          }
-        } else {
-          const s = r.substring(0, n) + o + r.substring(a);
-          d.current = {
-            start: n + o.length,
-            end: n + o.length
-          }, f?.(s);
-        }
-      }
-    }, D = [i.wrapper, j].filter(Boolean).join(" ");
-    return C ? /* @__PURE__ */ k(
-      "div",
-      {
-        className: D,
-        style: {
-          minHeight: `calc(${m} * 1.6em + 2 * var(--spacing-4))`
-        },
-        children: [
-          /* @__PURE__ */ l(
-            "div",
-            {
-              ref: v,
-              className: i.lineMirror,
-              "aria-hidden": "true"
-            }
-          ),
-          L && /* @__PURE__ */ l(
-            "div",
-            {
-              ref: p,
-              className: i.lineNumbers,
-              "aria-hidden": "true",
-              children: Array.from({ length: R }).map((e, t) => /* @__PURE__ */ l(
-                "div",
-                {
-                  className: i.lineNumber,
-                  style: c[t] !== void 0 ? { height: `${c[t]}px` } : void 0,
-                  children: t + 1
-                },
-                t
-              ))
-            }
-          ),
-          /* @__PURE__ */ k("div", { ref: A, className: i.editorArea, children: [
-            /* @__PURE__ */ l(
-              "div",
-              {
-                className: i.lineHighlight,
-                style: {
-                  top: c.length > 0 ? `calc(var(--spacing-4) + ${c.slice(0, y).reduce((e, t) => e + t, 0)}px)` : `calc(var(--spacing-4) + ${(y * 1.6).toFixed(2)}em)`,
-                  ...c[y] !== void 0 ? { height: `${c[y]}px` } : {}
-                },
-                "aria-hidden": "true"
-              }
-            ),
-            /* @__PURE__ */ l(
-              "div",
-              {
-                ref: x,
-                className: i.highlightLayer,
-                "aria-hidden": "true",
-                children: /* @__PURE__ */ l(
-                  W,
-                  {
-                    language: C,
-                    style: O,
-                    customStyle: {
-                      margin: 0,
-                      padding: 0,
-                      background: "transparent",
-                      fontSize: "inherit",
-                      lineHeight: "inherit",
-                      fontFamily: "inherit",
-                      whiteSpace: "pre-wrap",
-                      wordBreak: "break-word",
-                      overflow: "visible"
-                    },
-                    codeTagProps: {
-                      style: {
-                        fontFamily: "inherit",
-                        background: "transparent",
-                        color: "var(--text-primary)",
-                        whiteSpace: "pre-wrap",
-                        wordBreak: "break-word"
-                      }
-                    },
-                    children: r + `
-`
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ l(
-              "textarea",
-              {
-                ref: h,
-                className: i.textareaOverlay,
-                value: r,
-                onChange: (e) => f?.(e.target.value),
-                onKeyDown: B,
-                onKeyUp: (e) => w(e.currentTarget),
-                onMouseUp: (e) => w(e.currentTarget),
-                onClick: (e) => w(e.currentTarget),
-                placeholder: $,
-                readOnly: S,
-                "aria-label": H || "Code editor",
-                spellCheck: "false",
-                ...M
-              }
-            )
-          ] })
-        ]
-      }
-    ) : /* @__PURE__ */ k(
-      "div",
-      {
-        className: D,
-        style: { minHeight: `calc(${m} * 1.6em + 2 * var(--spacing-4))` },
-        children: [
-          /* @__PURE__ */ l("div", { ref: v, className: i.lineMirror, "aria-hidden": "true" }),
-          L && /* @__PURE__ */ l(
-            "div",
-            {
-              ref: p,
-              className: i.lineNumbers,
-              "aria-hidden": "true",
-              children: Array.from({ length: R }).map((e, t) => /* @__PURE__ */ l(
-                "div",
-                {
-                  className: i.lineNumber,
-                  style: c[t] !== void 0 ? { height: `${c[t]}px` } : void 0,
-                  children: t + 1
-                },
-                t
-              ))
-            }
-          ),
-          /* @__PURE__ */ l(
-            "textarea",
-            {
-              ref: h,
-              className: i.textarea,
-              value: r,
-              onChange: (e) => f?.(e.target.value),
-              onKeyDown: B,
-              placeholder: $,
-              readOnly: S,
-              "aria-label": H || "Code editor",
-              spellCheck: "false",
-              ...M
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-J.displayName = "CodeEditor";
-export {
-  J as CodeEditor
-};

package/dist/components/Collapsible/Collapsible.cjs

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

package/dist/components/Collapsible/Collapsible.mjs

@@ -1,115 +0,0 @@
-"use client";
-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/CollapsibleFolder/CollapsibleFolder.cjs

@@ -1,2 +0,0 @@
-"use client";
-"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.mjs

@@ -1,197 +0,0 @@
-"use client";
-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/Combobox/Combobox.cjs

@@ -1,2 +0,0 @@
-"use client";
-"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;