@orion-ds/react 5.0.1 → 5.1.0

package/dist/components/CodeEditor/CodeEditor.cjs

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

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;AAMvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA2B1D;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,UAAU,6FAgUtB,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;AA4C1D;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,UAAU,6FA8UtB,CAAC"}

package/dist/components/CodeEditor/CodeEditor.mjs

@@ -1,9 +1,16 @@
-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";
+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 a from "./CodeEditor.module.css.mjs";
+import { useThemeContext as Q } from "../../contexts/ThemeContext.mjs";
+let K, j, F, U = null;
+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");
+}
 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", {
@@ -15,149 +22,161 @@ try {
   });
 } catch {
 }
-const J = U(
+const X = G(
   ({
     value: r = "",
-    onChange: f,
-    language: C,
+    onChange: c,
+    language: T,
     readOnly: S = !1,
-    showLineNumbers: L = !0,
-    placeholder: $,
-    minRows: m = 10,
-    className: j,
+    showLineNumbers: E = !0,
+    placeholder: L,
+    minRows: f = 10,
+    className: V,
     "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";
+  }, 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"
+        }
+      );
+    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 {
-      E = G().theme;
+      D = Q().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;
+    const _ = D === "light" ? F : j, R = Math.max(r.split(`
+`).length, f);
+    C(() => {
+      if (h.current && g.current) {
+        const { start: e, end: t } = h.current;
+        g.current.setSelectionRange(e, t), h.current = null;
       }
-    }), T(() => {
-      const e = v.current, t = A.current;
+    }), C(() => {
+      const e = v.current, t = $.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);
+`), 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);
         }
-        z(b);
+        W(b);
       };
       n();
-      const a = new ResizeObserver(n);
-      return a.observe(t), () => a.disconnect();
-    }, [r, m]), T(() => {
+      const l = new ResizeObserver(n);
+      return l.observe(t), () => l.disconnect();
+    }, [r, f]), C(() => {
       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;
+        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;
       if (t)
         return t.addEventListener("scroll", e), () => {
           t.removeEventListener("scroll", e);
         };
-    }, [h]);
-    const w = (e) => {
+    }, [g]);
+    const N = (e) => {
       const t = e.value.substring(0, e.selectionStart);
-      V(t.split(`
+      P(t.split(`
 `).length - 1);
-    }, B = (e) => {
+    }, A = (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 = {
+        const t = e.currentTarget, n = t.selectionStart, l = t.selectionEnd, o = "  ";
+        if (n === l) {
+          const s = r.substring(0, n) + o + r.substring(l);
+          h.current = {
             start: n + o.length,
             end: n + o.length
-          }, f?.(s);
+          }, c?.(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 = {
+            h.current = {
               start: Math.max(s, n - u.length),
-              end: Math.max(s, a - u.length)
-            }, f?.(b);
+              end: Math.max(s, l - u.length)
+            }, c?.(b);
           }
         } else {
-          const s = r.substring(0, n) + o + r.substring(a);
-          d.current = {
+          const s = r.substring(0, n) + o + r.substring(l);
+          h.current = {
             start: n + o.length,
             end: n + o.length
-          }, f?.(s);
+          }, c?.(s);
         }
       }
-    }, D = [i.wrapper, j].filter(Boolean).join(" ");
-    return C ? /* @__PURE__ */ k(
+    }, q = [a.wrapper, V].filter(Boolean).join(" ");
+    return T ? /* @__PURE__ */ k(
       "div",
       {
-        className: D,
+        className: q,
         style: {
-          minHeight: `calc(${m} * 1.6em + 2 * var(--spacing-4))`
+          minHeight: `calc(${f} * 1.6em + 2 * var(--spacing-4))`
         },
         children: [
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ i(
             "div",
             {
               ref: v,
-              className: i.lineMirror,
+              className: a.lineMirror,
               "aria-hidden": "true"
             }
           ),
-          L && /* @__PURE__ */ l(
+          E && /* @__PURE__ */ i(
             "div",
             {
               ref: p,
-              className: i.lineNumbers,
+              className: a.lineNumbers,
               "aria-hidden": "true",
-              children: Array.from({ length: R }).map((e, t) => /* @__PURE__ */ l(
+              children: Array.from({ length: R }).map((e, t) => /* @__PURE__ */ i(
                 "div",
                 {
-                  className: i.lineNumber,
-                  style: c[t] !== void 0 ? { height: `${c[t]}px` } : void 0,
+                  className: a.lineNumber,
+                  style: d[t] !== void 0 ? { height: `${d[t]}px` } : void 0,
                   children: t + 1
                 },
                 t
               ))
             }
           ),
-          /* @__PURE__ */ k("div", { ref: A, className: i.editorArea, children: [
-            /* @__PURE__ */ l(
+          /* @__PURE__ */ k("div", { ref: $, className: a.editorArea, children: [
+            /* @__PURE__ */ i(
               "div",
               {
-                className: i.lineHighlight,
+                className: a.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` } : {}
+                  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` } : {}
                 },
                 "aria-hidden": "true"
               }
             ),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ i(
               "div",
               {
-                ref: x,
-                className: i.highlightLayer,
+                ref: y,
+                className: a.highlightLayer,
                 "aria-hidden": "true",
-                children: /* @__PURE__ */ l(
-                  W,
+                children: /* @__PURE__ */ i(
+                  K,
                   {
-                    language: C,
-                    style: O,
+                    language: T,
+                    style: _,
                     customStyle: {
                       margin: 0,
                       padding: 0,
@@ -184,18 +203,18 @@ const J = U(
                 )
               }
             ),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ i(
               "textarea",
               {
-                ref: h,
-                className: i.textareaOverlay,
+                ref: g,
+                className: a.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: $,
+                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",
                 spellCheck: "false",
@@ -208,36 +227,36 @@ const J = U(
     ) : /* @__PURE__ */ k(
       "div",
       {
-        className: D,
-        style: { minHeight: `calc(${m} * 1.6em + 2 * var(--spacing-4))` },
+        className: q,
+        style: { minHeight: `calc(${f} * 1.6em + 2 * var(--spacing-4))` },
         children: [
-          /* @__PURE__ */ l("div", { ref: v, className: i.lineMirror, "aria-hidden": "true" }),
-          L && /* @__PURE__ */ l(
+          /* @__PURE__ */ i("div", { ref: v, className: a.lineMirror, "aria-hidden": "true" }),
+          E && /* @__PURE__ */ i(
             "div",
             {
               ref: p,
-              className: i.lineNumbers,
+              className: a.lineNumbers,
               "aria-hidden": "true",
-              children: Array.from({ length: R }).map((e, t) => /* @__PURE__ */ l(
+              children: Array.from({ length: R }).map((e, t) => /* @__PURE__ */ i(
                 "div",
                 {
-                  className: i.lineNumber,
-                  style: c[t] !== void 0 ? { height: `${c[t]}px` } : void 0,
+                  className: a.lineNumber,
+                  style: d[t] !== void 0 ? { height: `${d[t]}px` } : void 0,
                   children: t + 1
                 },
                 t
               ))
             }
           ),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ i(
             "textarea",
             {
-              ref: h,
-              className: i.textarea,
+              ref: g,
+              className: a.textarea,
               value: r,
-              onChange: (e) => f?.(e.target.value),
-              onKeyDown: B,
-              placeholder: $,
+              onChange: (e) => c?.(e.target.value),
+              onKeyDown: A,
+              placeholder: L,
               readOnly: S,
               "aria-label": H || "Code editor",
               spellCheck: "false",
@@ -249,7 +268,7 @@ const J = U(
     );
   }
 );
-J.displayName = "CodeEditor";
+X.displayName = "CodeEditor";
 export {
-  J as CodeEditor
+  X 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"),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;
+"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;

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