@orion-ds/react 5.0.0 → 5.1.0

package/dist/components/Chart/Chart.mjs

@@ -1,103 +1,156 @@
-import { jsx as t, jsxs as C } from "react/jsx-runtime";
-import { useContext as v, createContext as j } from "react";
-import { Legend as I, Tooltip as K, ResponsiveContainer as T } from "recharts";
-import { useResolvedChartColors as B } from "./useResolvedChartColors.mjs";
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { useContext as y, createContext as K } from "react";
+import { useResolvedChartColors as R } from "./useResolvedChartColors.mjs";
+import { MissingDependencyError as C } from "../MissingDependencyError.mjs";
 import o from "./Chart.module.css.mjs";
-const h = j({}), D = ({
-  config: n,
-  children: e,
-  className: s,
-  style: l,
-  ...a
+let b, L, x, p = null;
+try {
+  const t = require("recharts");
+  b = t.ResponsiveContainer, L = t.Tooltip, x = t.Legend;
+} catch (t) {
+  p = t instanceof Error ? t : new Error("recharts not found");
+}
+const u = K({}), U = ({
+  config: t,
+  children: n,
+  className: a,
+  style: r,
+  ...s
 }) => {
-  const { resolvedConfig: i, resolvedColorVars: r } = B(n), c = [o.container, s].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t(h.Provider, { value: i, children: /* @__PURE__ */ t(
+  if (p)
+    return /* @__PURE__ */ e(
+      C,
+      {
+        available: !1,
+        componentName: "Chart",
+        depName: "recharts",
+        installCommand: "npm install recharts",
+        pnpmCommand: "pnpm add recharts",
+        docsUrl: "https://docs.orion-ds.dev/components/chart"
+      }
+    );
+  const { resolvedConfig: l, resolvedColorVars: i } = R(t), c = [o.container, a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e(u.Provider, { value: l, children: /* @__PURE__ */ e(
     "div",
     {
       role: "figure",
       className: c,
-      style: { ...r, ...l },
-      ...a,
-      children: /* @__PURE__ */ t(T, { width: "100%", height: "100%", children: e })
+      style: { ...i, ...r },
+      ...s,
+      children: /* @__PURE__ */ e(b, { width: "100%", height: "100%", children: n })
     }
   ) });
 };
-D.displayName = "ChartContainer";
-const G = ({
-  active: n,
-  payload: e,
-  label: s,
-  indicator: l = "dot",
-  hideLabel: a = !1,
-  hideIndicator: i = !1,
-  labelFormatter: r,
+U.displayName = "ChartContainer";
+const B = ({
+  active: t,
+  payload: n,
+  label: a,
+  indicator: r = "dot",
+  hideLabel: s = !1,
+  hideIndicator: l = !1,
+  labelFormatter: i,
   formatter: c,
-  className: m
+  className: f
 }) => {
-  const N = v(h);
-  if (!n || !e?.length) return null;
-  const y = [o.tooltip, m].filter(Boolean).join(" "), f = r ? r(String(s)) : s, L = {
+  if (p)
+    return /* @__PURE__ */ e(
+      C,
+      {
+        available: !1,
+        componentName: "Chart",
+        depName: "recharts",
+        installCommand: "npm install recharts",
+        pnpmCommand: "pnpm add recharts",
+        docsUrl: "https://docs.orion-ds.dev/components/chart"
+      }
+    );
+  const j = y(u);
+  if (!t || !n?.length) return null;
+  const I = [o.tooltip, f].filter(Boolean).join(" "), v = i ? i(String(a)) : a, T = {
     dot: o.tooltipDot,
     line: o.tooltipLine,
     dashed: o.tooltipDashed
-  }[l];
-  return /* @__PURE__ */ C("div", { className: y, children: [
-    !a && f && /* @__PURE__ */ t("div", { className: o.tooltipLabel, children: f }),
-    /* @__PURE__ */ t("div", { className: o.tooltipItems, children: e.map((d) => {
-      const p = String(d.dataKey || d.name), g = N[p], x = g?.label || p, b = c ? c(d.value, p) : String(d.value), u = d.color || g?.color;
-      return /* @__PURE__ */ C("div", { className: o.tooltipItem, children: [
-        !i && /* @__PURE__ */ t(
+  }[r];
+  return /* @__PURE__ */ h("div", { className: I, children: [
+    !s && v && /* @__PURE__ */ e("div", { className: o.tooltipLabel, children: v }),
+    /* @__PURE__ */ e("div", { className: o.tooltipItems, children: n.map((d) => {
+      const m = String(d.dataKey || d.name), g = j[m], D = g?.label || m, E = c ? c(d.value, m) : String(d.value), N = d.color || g?.color;
+      return /* @__PURE__ */ h("div", { className: o.tooltipItem, children: [
+        !l && /* @__PURE__ */ e(
           "span",
           {
-            className: L,
-            style: { backgroundColor: u, borderColor: u }
+            className: T,
+            style: { backgroundColor: N, borderColor: N }
           }
         ),
-        /* @__PURE__ */ t("span", { className: o.tooltipName, children: x }),
-        /* @__PURE__ */ t("span", { className: o.tooltipValue, children: b })
-      ] }, p);
+        /* @__PURE__ */ e("span", { className: o.tooltipName, children: D }),
+        /* @__PURE__ */ e("span", { className: o.tooltipValue, children: E })
+      ] }, m);
     }) })
   ] });
 };
-G.displayName = "ChartTooltipContent";
-const S = ({
-  payload: n,
-  className: e
+B.displayName = "ChartTooltipContent";
+const G = ({
+  payload: t,
+  className: n
 }) => {
-  const s = v(h);
-  if (!n?.length) return null;
-  const l = [o.legend, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t("div", { className: l, children: n.map((a) => {
-    const i = a.dataKey || a.value, r = s[i], c = r?.label || i, m = a.color || r?.color;
-    return /* @__PURE__ */ C("div", { className: o.legendItem, children: [
-      /* @__PURE__ */ t(
+  if (p)
+    return /* @__PURE__ */ e(
+      C,
+      {
+        available: !1,
+        componentName: "Chart",
+        depName: "recharts",
+        installCommand: "npm install recharts",
+        pnpmCommand: "pnpm add recharts",
+        docsUrl: "https://docs.orion-ds.dev/components/chart"
+      }
+    );
+  const a = y(u);
+  if (!t?.length) return null;
+  const r = [o.legend, n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: r, children: t.map((s) => {
+    const l = s.dataKey || s.value, i = a[l], c = i?.label || l, f = s.color || i?.color;
+    return /* @__PURE__ */ h("div", { className: o.legendItem, children: [
+      /* @__PURE__ */ e(
         "span",
         {
           className: o.legendDot,
-          style: { backgroundColor: m }
+          style: { backgroundColor: f }
         }
       ),
-      /* @__PURE__ */ t("span", { children: c })
-    ] }, i);
+      /* @__PURE__ */ e("span", { children: c })
+    ] }, l);
   }) });
 };
-S.displayName = "ChartLegendContent";
-const V = ({
-  id: n,
-  color: e,
-  startOpacity: s = 0.4,
-  endOpacity: l = 0.05
-}) => /* @__PURE__ */ C("linearGradient", { id: n, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-  /* @__PURE__ */ t("stop", { offset: "5%", stopColor: e, stopOpacity: s }),
-  /* @__PURE__ */ t("stop", { offset: "95%", stopColor: e, stopOpacity: l })
+G.displayName = "ChartLegendContent";
+const S = ({
+  id: t,
+  color: n,
+  startOpacity: a = 0.4,
+  endOpacity: r = 0.05
+}) => p ? /* @__PURE__ */ e(
+  C,
+  {
+    available: !1,
+    componentName: "Chart",
+    depName: "recharts",
+    installCommand: "npm install recharts",
+    pnpmCommand: "pnpm add recharts",
+    docsUrl: "https://docs.orion-ds.dev/components/chart"
+  }
+) : /* @__PURE__ */ h("linearGradient", { id: t, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+  /* @__PURE__ */ e("stop", { offset: "5%", stopColor: n, stopOpacity: a }),
+  /* @__PURE__ */ e("stop", { offset: "95%", stopColor: n, stopOpacity: r })
 ] });
-V.displayName = "ChartGradient";
-const q = K, z = I;
+S.displayName = "ChartGradient";
+const M = L || null, P = x || null;
 export {
-  D as ChartContainer,
-  V as ChartGradient,
-  z as ChartLegend,
-  S as ChartLegendContent,
-  q as ChartTooltip,
-  G as ChartTooltipContent
+  U as ChartContainer,
+  S as ChartGradient,
+  P as ChartLegend,
+  G as ChartLegendContent,
+  M as ChartTooltip,
+  B as ChartTooltipContent
 };

package/dist/components/Chat/components/ChatMarkdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("react-markdown"),u=require("remark-gfm"),m=require("./ChatCodeBlock.cjs"),g=require("../Chat.module.css.cjs"),o=({content:s,className:c,...i})=>r.jsx("div",{className:[g.default.markdown,c].filter(Boolean).join(" "),...i,children:r.jsx(d,{remarkPlugins:[u],components:{code({className:e,children:t,...a}){const n=/language-(\w+)/.exec(e||"");if(!n)return r.jsx("code",{className:e,...a,children:t});const l=String(t).replace(/\n$/,"");return r.jsx(m.ChatCodeBlock,{code:l,language:n[1]})},pre({children:e}){return r.jsx(r.Fragment,{children:e})},a({href:e,children:t,...a}){const n=e?.startsWith("http");return r.jsx("a",{href:e,target:n?"_blank":void 0,rel:n?"noopener noreferrer":void 0,...a,children:t})}},children:s})});o.displayName="ChatMarkdown";exports.ChatMarkdown=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),k=require("./ChatCodeBlock.cjs"),p=require("../../MissingDependencyError.cjs"),g=require("../Chat.module.css.cjs");let s,c,i=null;try{s=require("react-markdown"),c=require("remark-gfm")}catch(a){i=a instanceof Error?a:new Error("react-markdown or remark-gfm not found")}const d=({content:a,className:m,...l})=>i?r.jsx(p.MissingDependencyError,{available:!1,componentName:"Chat",depName:["react-markdown","remark-gfm"],installCommand:"npm install react-markdown remark-gfm",pnpmCommand:"pnpm add react-markdown remark-gfm",docsUrl:"https://docs.orion-ds.dev/components/chat"}):r.jsx("div",{className:[g.default.markdown,m].filter(Boolean).join(" "),...l,children:r.jsx(s,{remarkPlugins:[c],components:{code({className:e,children:t,...o}){const n=/language-(\w+)/.exec(e||"");if(!n)return r.jsx("code",{className:e,...o,children:t});const u=String(t).replace(/\n$/,"");return r.jsx(k.ChatCodeBlock,{code:u,language:n[1]})},pre({children:e}){return r.jsx(r.Fragment,{children:e})},a({href:e,children:t,...o}){const n=e?.startsWith("http");return r.jsx("a",{href:e,target:n?"_blank":void 0,rel:n?"noopener noreferrer":void 0,...o,children:t})}},children:a})});d.displayName="ChatMarkdown";exports.ChatMarkdown=d;

package/dist/components/Chat/components/ChatMarkdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMarkdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/components/ChatMarkdown.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAIvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyDpD,CAAC"}
+{"version":3,"file":"ChatMarkdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/components/ChatMarkdown.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAiBvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuEpD,CAAC"}

package/dist/components/Chat/components/ChatMarkdown.mjs

@@ -1,33 +1,48 @@
-import { jsx as e, Fragment as c } from "react/jsx-runtime";
-import l from "react-markdown";
-import d from "remark-gfm";
-import { ChatCodeBlock as p } from "./ChatCodeBlock.mjs";
+import { jsx as e, Fragment as p } from "react/jsx-runtime";
+import { ChatCodeBlock as k } from "./ChatCodeBlock.mjs";
+import { MissingDependencyError as f } from "../../MissingDependencyError.mjs";
 import g from "../Chat.module.css.mjs";
-const f = ({
+let m, c, i = null;
+try {
+  m = require("react-markdown"), c = require("remark-gfm");
+} catch (a) {
+  i = a instanceof Error ? a : new Error("react-markdown or remark-gfm not found");
+}
+const u = ({
   content: a,
-  className: i,
-  ...m
-}) => /* @__PURE__ */ e(
+  className: s,
+  ...l
+}) => i ? /* @__PURE__ */ e(
+  f,
+  {
+    available: !1,
+    componentName: "Chat",
+    depName: ["react-markdown", "remark-gfm"],
+    installCommand: "npm install react-markdown remark-gfm",
+    pnpmCommand: "pnpm add react-markdown remark-gfm",
+    docsUrl: "https://docs.orion-ds.dev/components/chat"
+  }
+) : /* @__PURE__ */ e(
   "div",
   {
-    className: [g.markdown, i].filter(Boolean).join(" "),
-    ...m,
+    className: [g.markdown, s].filter(Boolean).join(" "),
+    ...l,
     children: /* @__PURE__ */ e(
-      l,
+      m,
       {
-        remarkPlugins: [d],
+        remarkPlugins: [c],
         components: {
           // Custom code block rendering
           code({ className: r, children: o, ...t }) {
             const n = /language-(\w+)/.exec(r || "");
             if (!n)
               return /* @__PURE__ */ e("code", { className: r, ...t, children: o });
-            const s = String(o).replace(/\n$/, "");
-            return /* @__PURE__ */ e(p, { code: s, language: n[1] });
+            const d = String(o).replace(/\n$/, "");
+            return /* @__PURE__ */ e(k, { code: d, language: n[1] });
           },
           // Custom pre rendering (remove wrapper for code blocks)
           pre({ children: r }) {
-            return /* @__PURE__ */ e(c, { children: r });
+            return /* @__PURE__ */ e(p, { children: r });
           },
           // Custom link rendering (open in new tab)
           a({ href: r, children: o, ...t }) {
@@ -49,7 +64,7 @@ const f = ({
     )
   }
 );
-f.displayName = "ChatMarkdown";
+u.displayName = "ChatMarkdown";
 export {
-  f as ChatMarkdown
+  u as ChatMarkdown
 };

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"}