@orion-ds/react 5.2.0 → 5.3.1

package/dist/components/CodeEditor/CodeEditor.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),W=require("../MissingDependencyError.cjs"),l=require("./CodeEditor.module.css.cjs"),I=require("../../contexts/ThemeContext.cjs");let D,$,A,B=null;try{D=require("react-syntax-highlighter").Prism;const d=require("react-syntax-highlighter/dist/esm/styles/prism");$=d.oneDark,A=d.oneLight}catch(r){B=r instanceof Error?r:new Error("react-syntax-highlighter not found")}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 K=i.forwardRef(({value:r="",onChange:d,language:j,readOnly:C=!1,showLineNumbers:k=!0,placeholder:E,minRows:m=10,className:F,"aria-label":S,...T},O)=>{if(B)return n.jsx(W.MissingDependencyError,{available:!1,componentName:"CodeEditor",depName:"react-syntax-highlighter",installCommand:"npm install react-syntax-highlighter",pnpmCommand:"pnpm add react-syntax-highlighter",docsUrl:"https://docs.orion-ds.dev/components/code-editor"});const p=i.useRef(null),x=i.useRef(null),v=i.useRef(null),R=i.useRef(null),P=i.useRef(null),h=i.useRef(null),g=O||P,[y,U]=i.useState(0),[u,V]=i.useState([]);let q="dark";try{q=I.useThemeContext().theme}catch{}const _=q==="light"?A:$,L=Math.max(r.split(`
-`).length,m);i.useEffect(()=>{if(h.current&&g.current){const{start:e,end:t}=h.current;g.current.setSelectionRange(e,t),h.current=null}}),i.useEffect(()=>{const e=v.current,t=R.current;if(!e||!t)return;const s=()=>{const c=t.clientWidth;if(c<=0)return;e.style.width=`${c}px`;const a=r.split(`
-`),f=Math.max(a.length,m),b=[];for(let w=0;w<f;w++){const z=a[w]??"";e.textContent=z||" ",b.push(e.scrollHeight)}V(b)};s();const o=new ResizeObserver(s);return o.observe(t),()=>o.disconnect()},[r,m]),i.useEffect(()=>{const e=s=>{const o=s.target;p.current&&(p.current.scrollTop=o.scrollTop),x.current&&(x.current.scrollTop=o.scrollTop,x.current.scrollLeft=o.scrollLeft)},t=g?.current;if(t)return t.addEventListener("scroll",e),()=>{t.removeEventListener("scroll",e)}},[g]);const N=e=>{const t=e.value.substring(0,e.selectionStart);U(t.split(`
-`).length-1)},M=e=>{if(e.key==="Tab"){e.preventDefault();const t=e.currentTarget,s=t.selectionStart,o=t.selectionEnd,c="  ";if(s===o){const a=r.substring(0,s)+c+r.substring(o);h.current={start:s+c.length,end:s+c.length},d?.(a)}else if(e.shiftKey){const a=r.lastIndexOf(`
-`,s-1)+1,f=r.substring(a).match(/^ {1,2}/)?.[0]??"";if(f.length>0){const b=r.substring(0,a)+r.substring(a+f.length);h.current={start:Math.max(a,s-f.length),end:Math.max(a,o-f.length)},d?.(b)}}else{const a=r.substring(0,s)+c+r.substring(o);h.current={start:s+c.length,end:s+c.length},d?.(a)}}},H=[l.default.wrapper,F].filter(Boolean).join(" ");return j?n.jsxs("div",{className:H,style:{minHeight:`calc(${m} * 1.6em + 2 * var(--spacing-4))`},children:[n.jsx("div",{ref:v,className:l.default.lineMirror,"aria-hidden":"true"}),k&&n.jsx("div",{ref:p,className:l.default.lineNumbers,"aria-hidden":"true",children:Array.from({length:L}).map((e,t)=>n.jsx("div",{className:l.default.lineNumber,style:u[t]!==void 0?{height:`${u[t]}px`}:void 0,children:t+1},t))}),n.jsxs("div",{ref:R,className:l.default.editorArea,children:[n.jsx("div",{className:l.default.lineHighlight,style:{top:u.length>0?`calc(var(--spacing-4) + ${u.slice(0,y).reduce((e,t)=>e+t,0)}px)`:`calc(var(--spacing-4) + ${(y*1.6).toFixed(2)}em)`,...u[y]!==void 0?{height:`${u[y]}px`}:{}},"aria-hidden":"true"}),n.jsx("div",{ref:x,className:l.default.highlightLayer,"aria-hidden":"true",children:n.jsx(D,{language:j,style:_,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+`
-`})}),n.jsx("textarea",{ref:g,className:l.default.textareaOverlay,value:r,onChange:e=>d?.(e.target.value),onKeyDown:M,onKeyUp:e=>N(e.currentTarget),onMouseUp:e=>N(e.currentTarget),onClick:e=>N(e.currentTarget),placeholder:E,readOnly:C,"aria-label":S||"Code editor",spellCheck:"false",...T})]})]}):n.jsxs("div",{className:H,style:{minHeight:`calc(${m} * 1.6em + 2 * var(--spacing-4))`},children:[n.jsx("div",{ref:v,className:l.default.lineMirror,"aria-hidden":"true"}),k&&n.jsx("div",{ref:p,className:l.default.lineNumbers,"aria-hidden":"true",children:Array.from({length:L}).map((e,t)=>n.jsx("div",{className:l.default.lineNumber,style:u[t]!==void 0?{height:`${u[t]}px`}:void 0,children:t+1},t))}),n.jsx("textarea",{ref:g,className:l.default.textarea,value:r,onChange:e=>d?.(e.target.value),onKeyDown:M,placeholder:E,readOnly:C,"aria-label":S||"Code editor",spellCheck:"false",...T})]})});K.displayName="CodeEditor";exports.CodeEditor=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),J=require("../MissingDependencyError.cjs"),Q=require("../../utils/optionalDeps.cjs"),l=require("./CodeEditor.module.css.cjs"),X=require("../../contexts/ThemeContext.cjs");let A,B,K;try{A=require("react-syntax-highlighter").Prism;const d=require("react-syntax-highlighter/dist/esm/styles/prism");B=d.oneDark,K=d.oneLight}catch{}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 P=s.forwardRef(({value:r="",onChange:d,language:C,readOnly:N=!1,showLineNumbers:S=!0,placeholder:E,minRows:p=10,className:F,"aria-label":T,...R},O)=>{const[D,v]=s.useState(),[V,_]=s.useState(!0),[m,z]=s.useState(0),[u,I]=s.useState([]),x=s.useRef(null),y=s.useRef(null),k=s.useRef(null),q=s.useRef(null),U=s.useRef(null),h=s.useRef(null),f=O||U;s.useEffect(()=>{(async()=>{try{const t=Q.checkComponent("CodeEditor");t instanceof Promise?v(await t):v(t)}catch{v(void 0)}finally{_(!1)}})()},[]),s.useEffect(()=>{if(h.current&&f.current){const{start:e,end:t}=h.current;f.current.setSelectionRange(e,t),h.current=null}}),s.useEffect(()=>{const e=k.current,t=q.current;if(!e||!t)return;const i=()=>{const o=t.clientWidth;if(o<=0)return;e.style.width=`${o}px`;const a=r.split(`
+`),g=Math.max(a.length,p),b=[];for(let w=0;w<g;w++){const G=a[w]??"";e.textContent=G||" ",b.push(e.scrollHeight)}I(b)};i();const c=new ResizeObserver(i);return c.observe(t),()=>c.disconnect()},[r,p]),s.useEffect(()=>{const e=i=>{const c=i.target;x.current&&(x.current.scrollTop=c.scrollTop),y.current&&(y.current.scrollTop=c.scrollTop,y.current.scrollLeft=c.scrollLeft)},t=f?.current;if(t)return t.addEventListener("scroll",e),()=>{t.removeEventListener("scroll",e)}},[f]);let L="dark";try{L=X.useThemeContext().theme}catch{}const W=L==="light"?K:B,M=Math.max(r.split(`
+`).length,p);if(D)return n.jsx(J.MissingDependencyError,{...D});if(V)return n.jsx("div",{children:"Loading code editor..."});const j=e=>{const t=e.value.substring(0,e.selectionStart);z(t.split(`
+`).length-1)},H=e=>{if(e.key==="Tab"){e.preventDefault();const t=e.currentTarget,i=t.selectionStart,c=t.selectionEnd,o="  ";if(i===c){const a=r.substring(0,i)+o+r.substring(c);h.current={start:i+o.length,end:i+o.length},d?.(a)}else if(e.shiftKey){const a=r.lastIndexOf(`
+`,i-1)+1,g=r.substring(a).match(/^ {1,2}/)?.[0]??"";if(g.length>0){const b=r.substring(0,a)+r.substring(a+g.length);h.current={start:Math.max(a,i-g.length),end:Math.max(a,c-g.length)},d?.(b)}}else{const a=r.substring(0,i)+o+r.substring(c);h.current={start:i+o.length,end:i+o.length},d?.(a)}}},$=[l.default.wrapper,F].filter(Boolean).join(" ");return C?n.jsxs("div",{className:$,style:{minHeight:`calc(${p} * 1.6em + 2 * var(--spacing-4))`},children:[n.jsx("div",{ref:k,className:l.default.lineMirror,"aria-hidden":"true"}),S&&n.jsx("div",{ref:x,className:l.default.lineNumbers,"aria-hidden":"true",children:Array.from({length:M}).map((e,t)=>n.jsx("div",{className:l.default.lineNumber,style:u[t]!==void 0?{height:`${u[t]}px`}:void 0,children:t+1},t))}),n.jsxs("div",{ref:q,className:l.default.editorArea,children:[n.jsx("div",{className:l.default.lineHighlight,style:{top:u.length>0?`calc(var(--spacing-4) + ${u.slice(0,m).reduce((e,t)=>e+t,0)}px)`:`calc(var(--spacing-4) + ${(m*1.6).toFixed(2)}em)`,...u[m]!==void 0?{height:`${u[m]}px`}:{}},"aria-hidden":"true"}),n.jsx("div",{ref:y,className:l.default.highlightLayer,"aria-hidden":"true",children:n.jsx(A,{language:C,style:W,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+`
+`})}),n.jsx("textarea",{ref:f,className:l.default.textareaOverlay,value:r,onChange:e=>d?.(e.target.value),onKeyDown:H,onKeyUp:e=>j(e.currentTarget),onMouseUp:e=>j(e.currentTarget),onClick:e=>j(e.currentTarget),placeholder:E,readOnly:N,"aria-label":T||"Code editor",spellCheck:"false",...R})]})]}):n.jsxs("div",{className:$,style:{minHeight:`calc(${p} * 1.6em + 2 * var(--spacing-4))`},children:[n.jsx("div",{ref:k,className:l.default.lineMirror,"aria-hidden":"true"}),S&&n.jsx("div",{ref:x,className:l.default.lineNumbers,"aria-hidden":"true",children:Array.from({length:M}).map((e,t)=>n.jsx("div",{className:l.default.lineNumber,style:u[t]!==void 0?{height:`${u[t]}px`}:void 0,children:t+1},t))}),n.jsx("textarea",{ref:f,className:l.default.textarea,value:r,onChange:e=>d?.(e.target.value),onKeyDown:H,placeholder:E,readOnly:N,"aria-label":T||"Code editor",spellCheck:"false",...R})]})});P.displayName="CodeEditor";exports.CodeEditor=P;

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA8C1D;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,UAAU,6FA8UtB,CAAC"}
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA+C1D;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,UAAU,6FAgWtB,CAAC"}

package/dist/components/CodeEditor/CodeEditor.mjs

@@ -1,15 +1,15 @@
-import { jsxs as k, jsx as i } from "react/jsx-runtime";
-import { forwardRef as G, useRef as m, useState as B, useEffect as C } from "react";
-import { MissingDependencyError as J } from "../MissingDependencyError.mjs";
+import { jsx as s, jsxs as S } from "react/jsx-runtime";
+import { forwardRef as X, useState as v, useRef as f, useEffect as k } from "react";
+import { MissingDependencyError as Y } from "../MissingDependencyError.mjs";
+import { checkComponent as Z } from "../../utils/optionalDeps.mjs";
 import a from "./CodeEditor.module.css.mjs";
-import { useThemeContext as Q } from "../../contexts/ThemeContext.mjs";
-let K, j, F, U = null;
+import { useThemeContext as ee } from "../../contexts/ThemeContext.mjs";
+let F, P, V;
 try {
-  K = require("react-syntax-highlighter").Prism;
-  const c = require("react-syntax-highlighter/dist/esm/styles/prism");
-  j = c.oneDark, F = c.oneLight;
-} catch (r) {
-  U = r instanceof Error ? r : new Error("react-syntax-highlighter not found");
+  F = require("react-syntax-highlighter").Prism;
+  const l = require("react-syntax-highlighter/dist/esm/styles/prism");
+  P = l.oneDark, V = l.oneLight;
+} catch {
 }
 try {
   const r = require("refractor/all");
@@ -22,128 +22,131 @@ try {
   });
 } catch {
 }
-const X = G(
+const te = X(
   ({
     value: r = "",
-    onChange: c,
-    language: T,
-    readOnly: S = !1,
+    onChange: l,
+    language: L,
+    readOnly: D = !1,
     showLineNumbers: E = !0,
-    placeholder: L,
-    minRows: f = 10,
-    className: V,
-    "aria-label": H,
-    ...M
-  }, z) => {
-    if (U)
-      return /* @__PURE__ */ i(
-        J,
-        {
-          available: !1,
-          componentName: "CodeEditor",
-          depName: "react-syntax-highlighter",
-          installCommand: "npm install react-syntax-highlighter",
-          pnpmCommand: "pnpm add react-syntax-highlighter",
-          docsUrl: "https://docs.orion-ds.dev/components/code-editor"
+    placeholder: H,
+    minRows: m = 10,
+    className: z,
+    "aria-label": M,
+    ...$
+  }, I) => {
+    const [A, w] = v(), [O, U] = v(!0), [p, W] = v(0), [d, _] = v([]), y = f(null), x = f(null), N = f(null), R = f(null), G = f(null), h = f(null), u = I || G;
+    k(() => {
+      (async () => {
+        try {
+          const t = Z("CodeEditor");
+          t instanceof Promise ? w(await t) : w(t);
+        } catch {
+          w(void 0);
+        } finally {
+          U(!1);
         }
-      );
-    const p = m(null), y = m(null), v = m(null), $ = m(null), O = m(null), h = m(null), g = z || O, [x, P] = B(0), [d, W] = B([]);
-    let D = "dark";
-    try {
-      D = Q().theme;
-    } catch {
-    }
-    const _ = D === "light" ? F : j, R = Math.max(r.split(`
-`).length, f);
-    C(() => {
-      if (h.current && g.current) {
+      })();
+    }, []), k(() => {
+      if (h.current && u.current) {
         const { start: e, end: t } = h.current;
-        g.current.setSelectionRange(e, t), h.current = null;
+        u.current.setSelectionRange(e, t), h.current = null;
       }
-    }), C(() => {
-      const e = v.current, t = $.current;
+    }), k(() => {
+      const e = N.current, t = R.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, f), b = [];
-        for (let w = 0; w < u; w++) {
-          const I = s[w] ?? "";
-          e.textContent = I || " ", b.push(e.scrollHeight);
+        const c = t.clientWidth;
+        if (c <= 0) return;
+        e.style.width = `${c}px`;
+        const i = r.split(`
+`), g = Math.max(i.length, m), b = [];
+        for (let T = 0; T < g; T++) {
+          const Q = i[T] ?? "";
+          e.textContent = Q || " ", b.push(e.scrollHeight);
         }
-        W(b);
+        _(b);
       };
       n();
-      const l = new ResizeObserver(n);
-      return l.observe(t), () => l.disconnect();
-    }, [r, f]), C(() => {
+      const o = new ResizeObserver(n);
+      return o.observe(t), () => o.disconnect();
+    }, [r, m]), k(() => {
       const e = (n) => {
-        const l = n.target;
-        p.current && (p.current.scrollTop = l.scrollTop), y.current && (y.current.scrollTop = l.scrollTop, y.current.scrollLeft = l.scrollLeft);
-      }, t = g?.current;
+        const o = n.target;
+        y.current && (y.current.scrollTop = o.scrollTop), x.current && (x.current.scrollTop = o.scrollTop, x.current.scrollLeft = o.scrollLeft);
+      }, t = u?.current;
       if (t)
         return t.addEventListener("scroll", e), () => {
           t.removeEventListener("scroll", e);
         };
-    }, [g]);
-    const N = (e) => {
+    }, [u]);
+    let q = "dark";
+    try {
+      q = ee().theme;
+    } catch {
+    }
+    const J = q === "light" ? V : P, B = Math.max(r.split(`
+`).length, m);
+    if (A)
+      return /* @__PURE__ */ s(Y, { ...A });
+    if (O)
+      return /* @__PURE__ */ s("div", { children: "Loading code editor..." });
+    const C = (e) => {
       const t = e.value.substring(0, e.selectionStart);
-      P(t.split(`
+      W(t.split(`
 `).length - 1);
-    }, A = (e) => {
+    }, K = (e) => {
       if (e.key === "Tab") {
         e.preventDefault();
-        const t = e.currentTarget, n = t.selectionStart, l = t.selectionEnd, o = "  ";
-        if (n === l) {
-          const s = r.substring(0, n) + o + r.substring(l);
+        const t = e.currentTarget, n = t.selectionStart, o = t.selectionEnd, c = "  ";
+        if (n === o) {
+          const i = r.substring(0, n) + c + r.substring(o);
           h.current = {
-            start: n + o.length,
-            end: n + o.length
-          }, c?.(s);
+            start: n + c.length,
+            end: n + c.length
+          }, l?.(i);
         } 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);
+          const i = r.lastIndexOf(`
+`, n - 1) + 1, g = r.substring(i).match(/^ {1,2}/)?.[0] ?? "";
+          if (g.length > 0) {
+            const b = r.substring(0, i) + r.substring(i + g.length);
             h.current = {
-              start: Math.max(s, n - u.length),
-              end: Math.max(s, l - u.length)
-            }, c?.(b);
+              start: Math.max(i, n - g.length),
+              end: Math.max(i, o - g.length)
+            }, l?.(b);
           }
         } else {
-          const s = r.substring(0, n) + o + r.substring(l);
+          const i = r.substring(0, n) + c + r.substring(o);
           h.current = {
-            start: n + o.length,
-            end: n + o.length
-          }, c?.(s);
+            start: n + c.length,
+            end: n + c.length
+          }, l?.(i);
         }
       }
-    }, q = [a.wrapper, V].filter(Boolean).join(" ");
-    return T ? /* @__PURE__ */ k(
+    }, j = [a.wrapper, z].filter(Boolean).join(" ");
+    return L ? /* @__PURE__ */ S(
       "div",
       {
-        className: q,
+        className: j,
         style: {
-          minHeight: `calc(${f} * 1.6em + 2 * var(--spacing-4))`
+          minHeight: `calc(${m} * 1.6em + 2 * var(--spacing-4))`
         },
         children: [
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ s(
             "div",
             {
-              ref: v,
+              ref: N,
               className: a.lineMirror,
               "aria-hidden": "true"
             }
           ),
-          E && /* @__PURE__ */ i(
+          E && /* @__PURE__ */ s(
             "div",
             {
-              ref: p,
+              ref: y,
               className: a.lineNumbers,
               "aria-hidden": "true",
-              children: Array.from({ length: R }).map((e, t) => /* @__PURE__ */ i(
+              children: Array.from({ length: B }).map((e, t) => /* @__PURE__ */ s(
                 "div",
                 {
                   className: a.lineNumber,
@@ -154,29 +157,29 @@ const X = G(
               ))
             }
           ),
-          /* @__PURE__ */ k("div", { ref: $, className: a.editorArea, children: [
-            /* @__PURE__ */ i(
+          /* @__PURE__ */ S("div", { ref: R, className: a.editorArea, children: [
+            /* @__PURE__ */ s(
               "div",
               {
                 className: a.lineHighlight,
                 style: {
-                  top: d.length > 0 ? `calc(var(--spacing-4) + ${d.slice(0, x).reduce((e, t) => e + t, 0)}px)` : `calc(var(--spacing-4) + ${(x * 1.6).toFixed(2)}em)`,
-                  ...d[x] !== void 0 ? { height: `${d[x]}px` } : {}
+                  top: d.length > 0 ? `calc(var(--spacing-4) + ${d.slice(0, p).reduce((e, t) => e + t, 0)}px)` : `calc(var(--spacing-4) + ${(p * 1.6).toFixed(2)}em)`,
+                  ...d[p] !== void 0 ? { height: `${d[p]}px` } : {}
                 },
                 "aria-hidden": "true"
               }
             ),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ s(
               "div",
               {
-                ref: y,
+                ref: x,
                 className: a.highlightLayer,
                 "aria-hidden": "true",
-                children: /* @__PURE__ */ i(
-                  K,
+                children: /* @__PURE__ */ s(
+                  F,
                   {
-                    language: T,
-                    style: _,
+                    language: L,
+                    style: J,
                     customStyle: {
                       margin: 0,
                       padding: 0,
@@ -203,41 +206,41 @@ const X = G(
                 )
               }
             ),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ s(
               "textarea",
               {
-                ref: g,
+                ref: u,
                 className: a.textareaOverlay,
                 value: r,
-                onChange: (e) => c?.(e.target.value),
-                onKeyDown: A,
-                onKeyUp: (e) => N(e.currentTarget),
-                onMouseUp: (e) => N(e.currentTarget),
-                onClick: (e) => N(e.currentTarget),
-                placeholder: L,
-                readOnly: S,
-                "aria-label": H || "Code editor",
+                onChange: (e) => l?.(e.target.value),
+                onKeyDown: K,
+                onKeyUp: (e) => C(e.currentTarget),
+                onMouseUp: (e) => C(e.currentTarget),
+                onClick: (e) => C(e.currentTarget),
+                placeholder: H,
+                readOnly: D,
+                "aria-label": M || "Code editor",
                 spellCheck: "false",
-                ...M
+                ...$
               }
             )
           ] })
         ]
       }
-    ) : /* @__PURE__ */ k(
+    ) : /* @__PURE__ */ S(
       "div",
       {
-        className: q,
-        style: { minHeight: `calc(${f} * 1.6em + 2 * var(--spacing-4))` },
+        className: j,
+        style: { minHeight: `calc(${m} * 1.6em + 2 * var(--spacing-4))` },
         children: [
-          /* @__PURE__ */ i("div", { ref: v, className: a.lineMirror, "aria-hidden": "true" }),
-          E && /* @__PURE__ */ i(
+          /* @__PURE__ */ s("div", { ref: N, className: a.lineMirror, "aria-hidden": "true" }),
+          E && /* @__PURE__ */ s(
             "div",
             {
-              ref: p,
+              ref: y,
               className: a.lineNumbers,
               "aria-hidden": "true",
-              children: Array.from({ length: R }).map((e, t) => /* @__PURE__ */ i(
+              children: Array.from({ length: B }).map((e, t) => /* @__PURE__ */ s(
                 "div",
                 {
                   className: a.lineNumber,
@@ -248,19 +251,19 @@ const X = G(
               ))
             }
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ s(
             "textarea",
             {
-              ref: g,
+              ref: u,
               className: a.textarea,
               value: r,
-              onChange: (e) => c?.(e.target.value),
-              onKeyDown: A,
-              placeholder: L,
-              readOnly: S,
-              "aria-label": H || "Code editor",
+              onChange: (e) => l?.(e.target.value),
+              onKeyDown: K,
+              placeholder: H,
+              readOnly: D,
+              "aria-label": M || "Code editor",
               spellCheck: "false",
-              ...M
+              ...$
             }
           )
         ]
@@ -268,7 +271,7 @@ const X = G(
     );
   }
 );
-X.displayName = "CodeEditor";
+te.displayName = "CodeEditor";
 export {
-  X as CodeEditor
+  te as CodeEditor
 };

package/dist/components/CollapsibleFolder/CollapsibleFolder.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),h=require("lucide-react"),re=require("../MissingDependencyError.cjs"),a=require("./CollapsibleFolder.module.css.cjs"),x=require("../Collapsible/Collapsible.cjs"),se=require("../Badge/Badge.cjs"),q=require("../Dropdown/Dropdown.cjs"),F=require("../Button/Button.cjs");let w,R=null;try{w=require("@dnd-kit/core").useDroppable}catch(r){R=r instanceof Error?r:new Error("@dnd-kit/core not found")}function B(r){if(R)return e.jsx(re.MissingDependencyError,{available:!1,componentName:"CollapsibleFolder",depName:["@dnd-kit/core","@dnd-kit/sortable","@dnd-kit/utilities"],installCommand:"npm install @dnd-kit/core @dnd-kit/sortable @dnd-kit/utilities",pnpmCommand:"pnpm add @dnd-kit/core @dnd-kit/sortable @dnd-kit/utilities",docsUrl:"https://docs.orion-ds.dev/components/collapsible-folder"});const{id:p,title:z,itemCount:b,items:s,renderItem:O,itemLabel:A="Item",itemLabelPlural:M="Items",emptyText:K="No items in this folder",sortLabel:v="Sort",defaultExpanded:$=!0,sortOptions:d,selectedSort:P,onSortChange:Y,onDrop:D,onFolderEdit:j,onFolderDelete:C,onFolderInvite:N,isDropTarget:H=!1,isDropCompleted:U=!1,onDragEnter:Z,onDragLeaveFolder:y,className:_,...G}=r,[m,J]=i.useState($),[f,c]=i.useState(null),[T,g]=i.useState(!1),k=i.useRef(null),{setNodeRef:Q}=w({id:p}),V=t=>{if(t.preventDefault(),t.dataTransfer.dropEffect="move",T||(g(!0),Z?.()),!m||s.length===0){c(0);return}const n=k.current;if(!n)return;const l=Array.from(n.querySelectorAll("[data-item-id]")),le=t.clientY;let E=l.length;for(let u=0;u<l.length;u++){const L=l[u];if(!L)continue;const S=L.getBoundingClientRect();if(le<S.top+S.height/2){E=u;break}}c(E)},W=t=>{t.currentTarget.contains(t.relatedTarget)||(g(!1),c(null),y?.())},X=t=>{t.preventDefault();const n=t.dataTransfer.getData("text/plain")||t.dataTransfer.getData("itemId");if(n&&D){const l=f??s.length;D(n,p,l)}g(!1),c(null),y?.()},ee=(t,n)=>{t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",n)},te=d?.map(t=>({id:t.value,label:t.label,onClick:()=>Y?.(t.value)})),I=[...j?[{id:"rename",label:"Rename",onClick:j}]:[],...N?[{id:"invite",label:"Invite participants",onClick:N}]:[],...C?[{id:"delete",label:"Delete folder",danger:!0,onClick:C}]:[]],o=H||T,ae=[a.default.folder,o&&a.default.dropTarget,U&&a.default.dropCompleted,_].filter(Boolean).join(" "),ne=b===1?A:M;return e.jsx("div",{ref:Q,className:ae,"data-folder-id":p,"data-drop-active":o,onDragOver:V,onDragLeave:W,onDrop:X,...G,children:e.jsxs(x.Collapsible,{open:m,onOpenChange:J,children:[e.jsxs("div",{className:a.default.header,children:[e.jsxs(x.Collapsible.Trigger,{className:a.default.trigger,children:[e.jsx(h.ChevronDown,{size:20,className:`${a.default.chevron} ${m?a.default.expanded:""}`}),e.jsx("h2",{className:a.default.title,children:z}),e.jsxs(se.Badge,{variant:"secondary",className:a.default.badge,children:[b,e.jsxs("span",{className:a.default.badgeLabel,children:[" ",ne]})]})]}),e.jsxs("div",{className:a.default.actions,children:[d&&d.length>0&&e.jsx("div",{className:a.default.sortDropdown,children:e.jsx(q.Dropdown,{trigger:e.jsx(F.Button,{variant:"ghost",size:"sm",iconRight:e.jsx(h.ChevronDown,{size:16}),"aria-label":`Sort by ${v}`,children:d.find(t=>t.value===P)?.label||v}),items:te,placement:"bottom-end"})}),I.length>0&&e.jsx(q.Dropdown,{trigger:e.jsx(F.Button,{variant:"ghost",size:"sm",iconOnly:!0,icon:e.jsx(h.MoreHorizontal,{size:20}),"aria-label":"Folder actions"}),items:I,placement:"bottom-end"})]})]}),e.jsx(x.Collapsible.Content,{children:e.jsx("div",{className:a.default.content,children:s.length===0?o?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:K})}):e.jsxs("div",{className:a.default.grid,ref:k,children:[s.map((t,n)=>e.jsxs(i.Fragment,{children:[o&&f===n&&e.jsx("div",{className:a.default.insertionLine,role:"presentation"}),e.jsx("div",{"data-item-id":t.id,draggable:t.draggable,onDragStart:l=>ee(l,t.id),children:O(t,n)})]},t.id)),o&&f===s.length&&e.jsx("div",{className:a.default.insertionLine,role:"presentation"})]})})})]})})}B.displayName="CollapsibleFolder";exports.CollapsibleFolder=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),x=require("lucide-react"),ie=require("../MissingDependencyError.cjs"),de=require("../../utils/optionalDeps.cjs"),a=require("./CollapsibleFolder.module.css.cjs"),D=require("../Collapsible/Collapsible.cjs"),ce=require("../Badge/Badge.cjs"),w=require("../Dropdown/Dropdown.cjs"),R=require("../Button/Button.cjs");let B;try{B=require("@dnd-kit/core").useDroppable}catch{}function z(u){const{id:p,title:O,itemCount:v,items:l,renderItem:A,itemLabel:M="Item",itemLabelPlural:P="Items",emptyText:$="No items in this folder",sortLabel:b="Sort",defaultExpanded:K=!0,sortOptions:i,selectedSort:Y,onSortChange:H,onDrop:j,onFolderEdit:C,onFolderDelete:N,onFolderInvite:y,isDropTarget:Z=!1,isDropCompleted:_=!1,onDragEnter:G,onDragLeaveFolder:T,className:J,...Q}=u,[I,f]=s.useState(),[U,V]=s.useState(!0),[g,W]=s.useState(K),[m,d]=s.useState(null),[S,h]=s.useState(!1),L=s.useRef(null),{setNodeRef:X}=B({id:p});if(s.useEffect(()=>{(async()=>{try{const r=de.checkComponent("CollapsibleFolder");r instanceof Promise?f(await r):f(r)}catch{f(void 0)}finally{V(!1)}})()},[]),I)return e.jsx(ie.MissingDependencyError,{...I});if(U)return e.jsx("div",{children:"Loading folder..."});const ee=t=>{if(t.preventDefault(),t.dataTransfer.dropEffect="move",S||(h(!0),G?.()),!g||l.length===0){d(0);return}const r=L.current;if(!r)return;const n=Array.from(r.querySelectorAll("[data-item-id]")),oe=t.clientY;let q=n.length;for(let c=0;c<n.length;c++){const F=n[c];if(!F)continue;const k=F.getBoundingClientRect();if(oe<k.top+k.height/2){q=c;break}}d(q)},te=t=>{t.currentTarget.contains(t.relatedTarget)||(h(!1),d(null),T?.())},ae=t=>{t.preventDefault();const r=t.dataTransfer.getData("text/plain")||t.dataTransfer.getData("itemId");if(r&&j){const n=m??l.length;j(r,p,n)}h(!1),d(null),T?.()},re=(t,r)=>{t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",r)},se=i?.map(t=>({id:t.value,label:t.label,onClick:()=>H?.(t.value)})),E=[...C?[{id:"rename",label:"Rename",onClick:C}]:[],...y?[{id:"invite",label:"Invite participants",onClick:y}]:[],...N?[{id:"delete",label:"Delete folder",danger:!0,onClick:N}]:[]],o=Z||S,ne=[a.default.folder,o&&a.default.dropTarget,_&&a.default.dropCompleted,J].filter(Boolean).join(" "),le=v===1?M:P;return e.jsx("div",{ref:X,className:ne,"data-folder-id":p,"data-drop-active":o,onDragOver:ee,onDragLeave:te,onDrop:ae,...Q,children:e.jsxs(D.Collapsible,{open:g,onOpenChange:W,children:[e.jsxs("div",{className:a.default.header,children:[e.jsxs(D.Collapsible.Trigger,{className:a.default.trigger,children:[e.jsx(x.ChevronDown,{size:20,className:`${a.default.chevron} ${g?a.default.expanded:""}`}),e.jsx("h2",{className:a.default.title,children:O}),e.jsxs(ce.Badge,{variant:"secondary",className:a.default.badge,children:[v,e.jsxs("span",{className:a.default.badgeLabel,children:[" ",le]})]})]}),e.jsxs("div",{className:a.default.actions,children:[i&&i.length>0&&e.jsx("div",{className:a.default.sortDropdown,children:e.jsx(w.Dropdown,{trigger:e.jsx(R.Button,{variant:"ghost",size:"sm",iconRight:e.jsx(x.ChevronDown,{size:16}),"aria-label":`Sort by ${b}`,children:i.find(t=>t.value===Y)?.label||b}),items:se,placement:"bottom-end"})}),E.length>0&&e.jsx(w.Dropdown,{trigger:e.jsx(R.Button,{variant:"ghost",size:"sm",iconOnly:!0,icon:e.jsx(x.MoreHorizontal,{size:20}),"aria-label":"Folder actions"}),items:E,placement:"bottom-end"})]})]}),e.jsx(D.Collapsible.Content,{children:e.jsx("div",{className:a.default.content,children:l.length===0?o?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:$})}):e.jsxs("div",{className:a.default.grid,ref:L,children:[l.map((t,r)=>e.jsxs(s.Fragment,{children:[o&&m===r&&e.jsx("div",{className:a.default.insertionLine,role:"presentation"}),e.jsx("div",{"data-item-id":t.id,draggable:t.draggable,onDragStart:n=>re(n,t.id),children:A(t,r)})]},t.id)),o&&m===l.length&&e.jsx("div",{className:a.default.insertionLine,role:"presentation"})]})})})]})})}z.displayName="CollapsibleFolder";exports.CollapsibleFolder=z;

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

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleFolder.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleFolder/CollapsibleFolder.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAqBxE,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,2CAoRrC;yBAtRe,iBAAiB"}
+{"version":3,"file":"CollapsibleFolder.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleFolder/CollapsibleFolder.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAwBxE,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,2CA0SrC;yBA5Se,iBAAiB"}