@xiping/react-components 1.0.22 → 1.0.24

package/dist/es/components/txt-reader/TxtReader.js

@@ -1,78 +1,78 @@
-import { jsxs as E, Fragment as F, jsx as t } from "react/jsx-runtime";
-import { useRef as c } from "react";
-import e from "clsx";
-import { useScroll as _, useTransform as v, useMotionTemplate as y, motion as n } from "motion/react";
-import g from "./index.module.css.js";
+import { jsxs as w, Fragment as E, jsx as e } from "react/jsx-runtime";
+import { useRef as i } from "react";
+import t from "clsx";
+import { useScroll as F, useTransform as _, useMotionTemplate as v, motion as n } from "motion/react";
+import y from "./index.module.css.js";
 const I = 16, L = 1.5, R = "normal", k = ({
-  content: a,
-  lineHeight: f = L,
-  fontSize: m = I,
-  fontWeight: p = R,
-  className: d = "",
-  style: u = {},
-  onProgressChange: r,
+  content: c,
+  lineHeight: a = L,
+  fontSize: f = I,
+  fontWeight: m = R,
+  className: p = "",
+  style: d = {},
+  onProgressChange: u,
   initialScrollPosition: S,
   cacheKey: A,
-  showTopProgress: x = !0,
-  topProgressClassName: T,
-  showBottomProgress: b = !0,
-  bottomProgressClassName: h
+  showTopProgress: g = !0,
+  topProgressClassName: h,
+  showBottomProgress: x = !0,
+  bottomProgressClassName: T
 }) => {
-  const l = c(null), o = c(null), { scrollYProgress: i } = _({
-    container: l,
+  const r = i(null), o = i(null), { scrollYProgress: l } = F({
+    container: r,
     target: o
-  }), s = v(() => (i.get() * 100).toFixed(2).replace(/\.0*$/, "")), N = y`${s}%`;
-  return s.on("change", (w) => {
-    r == null || r(Number(w));
-  }), /* @__PURE__ */ E(F, { children: [
-    x && /* @__PURE__ */ t(
+  }), s = _(() => (l.get() * 100).toFixed(2).replace(/\.0*$/, "")), b = v`${s}%`;
+  return s.on("change", (N) => {
+    u?.(Number(N));
+  }), /* @__PURE__ */ w(E, { children: [
+    g && /* @__PURE__ */ e(
       n.div,
       {
         id: "scroll-indicator",
-        className: e(
+        className: t(
           "fixed left-0 top-0 right-0 bg-[#ff0088] h-2.5",
-          T
+          h
         ),
         style: {
-          scaleX: i,
+          scaleX: l,
           originX: 0
         }
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ e(
       "div",
       {
-        className: e(
+        className: t(
           "relative w-full h-full overflow-y-auto",
-          g.textContent
+          y.textContent
           // "scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar scrollbar-thumb-slate-700 scrollbar-track-slate-300",
         ),
-        ref: l,
-        children: /* @__PURE__ */ t(
+        ref: r,
+        children: /* @__PURE__ */ e(
           "div",
           {
             ref: o,
-            className: e("w-full whitespace-pre-wrap break-words", d),
+            className: t("w-full whitespace-pre-wrap break-words", p),
             style: {
-              fontSize: `${m}px`,
-              lineHeight: f,
-              fontWeight: p,
-              ...u
+              fontSize: `${f}px`,
+              lineHeight: a,
+              fontWeight: m,
+              ...d
             },
-            children: a
+            children: c
           }
         )
       }
     ),
-    b && /* @__PURE__ */ t(
+    x && /* @__PURE__ */ e(
       n.div,
       {
         id: "scroll-present",
-        className: e(
+        className: t(
           "fixed text-white rounded text-sm bg-black bg-opacity-70 pl-2 pr-2 pb-1 pt-1 right-5 bottom-5",
-          h
+          T
         ),
-        children: N
+        children: b
       }
     )
   ] });

package/dist/es/index.d.ts

@@ -14,3 +14,5 @@ export * from './components/qr-code';
 export * from './components/react-force-graph-3d';
 export * from './components/confetti-button';
 export * from './hooks/useStayTimeReport';
+export * from './components/pointer';
+export * from './components/sparkles-text';

package/dist/es/index.js

@@ -3,36 +3,42 @@ import { Button as e } from "./components/button/Button.js";
 import { TxtReader as f } from "./components/txt-reader/TxtReader.js";
 import { HyperText as x } from "./components/hyper-text/index.js";
 import { TypingAnimation as n } from "./components/typing-animation/index.js";
-import { QRCode as d } from "./components/qr-code/index.js";
+import { QRCode as s } from "./components/qr-code/index.js";
 import { Confetti as u, ConfettiButton as c } from "./components/confetti-button/index.js";
-import { useStayTimeReport as C } from "./hooks/useStayTimeReport.js";
-import { default as l } from "./components/pinch-content/PinchContent.js";
-import { default as k } from "./components/image-viewer/ImageViewer.js";
+import { useStayTimeReport as l } from "./hooks/useStayTimeReport.js";
+import { default as g } from "./components/pinch-content/PinchContent.js";
+import { default as h } from "./components/image-viewer/ImageViewer.js";
 import { ShimmerButton as B } from "./components/shimmer-button/ShimmerButton.js";
 import { default as I } from "./components/image-compare/ImageCompare.js";
-import { TextAnimate as A } from "./components/text-animate/TextAnimate.js";
-import { Dock as V, DockIcon as w, dockVariants as E } from "./components/dock/Duck.js";
-import { TxtEditor as G } from "./components/txt-editor/TxtEditor.js";
-import { Message as M } from "./components/message/Message.js";
+import { TextAnimate as S } from "./components/text-animate/TextAnimate.js";
+import { Dock as P, DockIcon as V, dockVariants as w } from "./components/dock/Duck.js";
+import { TxtEditor as F } from "./components/txt-editor/TxtEditor.js";
+import { Message as H } from "./components/message/Message.js";
 import { default as Q } from "./node_modules/.pnpm/react-force-graph-3d@1.28.0_react@19.1.0/node_modules/react-force-graph-3d/dist/react-force-graph-3d.js";
+import { default as j } from "./node_modules/.pnpm/canvas-confetti@1.9.3/node_modules/canvas-confetti/dist/confetti.module.js";
+import { Pointer as v } from "./components/pointer/Pointer.js";
+import { SparklesText as J } from "./components/sparkles-text/SparklesText.js";
 export {
   e as Button,
   u as Confetti,
   c as ConfettiButton,
-  V as Dock,
-  w as DockIcon,
+  P as Dock,
+  V as DockIcon,
   Q as ForceGraph3D,
   x as HyperText,
   I as ImageCompare,
-  k as ImageViewer,
-  M as Message,
-  l as PinchContent,
-  d as QRCode,
+  h as ImageViewer,
+  H as Message,
+  g as PinchContent,
+  v as Pointer,
+  s as QRCode,
   B as ShimmerButton,
-  A as TextAnimate,
-  G as TxtEditor,
+  J as SparklesText,
+  S as TextAnimate,
+  F as TxtEditor,
   f as TxtReader,
   n as TypingAnimation,
-  E as dockVariants,
-  C as useStayTimeReport
+  j as confetti,
+  w as dockVariants,
+  l as useStayTimeReport
 };

package/dist/es/node_modules/.pnpm/@monaco-editor_react@4.7.0_monaco-editor@0.52.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@monaco-editor/react/dist/index.js

@@ -1,169 +1,154 @@
-import K from "../../../../../@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/loader/index.js";
-import b, { memo as q, useState as j, useRef as s, useCallback as $, useEffect as V } from "react";
-var ne = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, Z = ne, ie = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, ue = ie;
-function oe({ children: r }) {
-  return b.createElement("div", { style: ue.container }, r);
+import $ from "../../../../../@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/loader/index.js";
+import k, { memo as X, useState as T, useRef as l, useCallback as Q, useEffect as E } from "react";
+var te = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, J = te, ne = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, ie = ne;
+function ue({ children: e }) {
+  return k.createElement("div", { style: ie.container }, e);
 }
-var ae = oe, le = ae;
-function ce({ width: r, height: u, isEditorReady: l, loading: n, _ref: p, className: h, wrapperProps: w }) {
-  return b.createElement("section", { style: { ...Z.wrapper, width: r, height: u }, ...w }, !l && b.createElement(le, null, n), b.createElement("div", { ref: p, style: { ...Z.fullWidth, ...!l && Z.hide }, className: h }));
+var oe = ue, ae = oe;
+function le({ width: e, height: n, isEditorReady: u, loading: r, _ref: g, className: p, wrapperProps: v }) {
+  return k.createElement("section", { style: { ...J.wrapper, width: e, height: n }, ...v }, !u && k.createElement(ae, null, r), k.createElement("div", { ref: g, style: { ...J.fullWidth, ...!u && J.hide }, className: p }));
 }
-var de = ce, T = q(de);
-function se(r) {
-  V(r, []);
+var ce = le, q = X(ce);
+function de(e) {
+  E(e, []);
 }
-var ee = se;
-function ge(r, u, l = !0) {
-  let n = s(!0);
-  V(n.current || !l ? () => {
-    n.current = !1;
-  } : r, u);
+var K = de;
+function se(e, n, u = !0) {
+  let r = l(!0);
+  E(r.current || !u ? () => {
+    r.current = !1;
+  } : e, n);
 }
-var m = ge;
-function I() {
+var M = se;
+function R() {
 }
-function P(r, u, l, n) {
-  return fe(r, n) || pe(r, u, l, n);
+function O(e, n, u, r) {
+  return fe(e, r) || ge(e, n, u, r);
 }
-function fe(r, u) {
-  return r.editor.getModel(re(r, u));
+function fe(e, n) {
+  return e.editor.getModel(ee(e, n));
 }
-function pe(r, u, l, n) {
-  return r.editor.createModel(u, l, n ? re(r, n) : void 0);
+function ge(e, n, u, r) {
+  return e.editor.createModel(n, u, r ? ee(e, r) : void 0);
 }
-function re(r, u) {
-  return r.Uri.parse(u);
+function ee(e, n) {
+  return e.Uri.parse(n);
 }
-function he({ original: r, modified: u, language: l, originalLanguage: n, modifiedLanguage: p, originalModelPath: h, modifiedModelPath: w, keepCurrentOriginalModel: C = !1, keepCurrentModifiedModel: A = !1, theme: L = "light", loading: R = "Loading...", options: E = {}, height: B = "100%", width: G = "100%", className: J, wrapperProps: Q = {}, beforeMount: X = I, onMount: Y = I }) {
-  let [M, N] = j(!1), [k, d] = j(!0), g = s(null), c = s(null), D = s(null), f = s(Y), i = s(X), y = s(!1);
-  ee(() => {
-    let e = K.init();
-    return e.then((o) => (c.current = o) && d(!1)).catch((o) => (o == null ? void 0 : o.type) !== "cancelation" && console.error("Monaco initialization: error:", o)), () => g.current ? U() : e.cancel();
-  }), m(() => {
-    if (g.current && c.current) {
-      let e = g.current.getOriginalEditor(), o = P(c.current, r || "", n || l || "text", h || "");
-      o !== e.getModel() && e.setModel(o);
+function pe({ original: e, modified: n, language: u, originalLanguage: r, modifiedLanguage: g, originalModelPath: p, modifiedModelPath: v, keepCurrentOriginalModel: L = !1, keepCurrentModifiedModel: _ = !1, theme: w = "light", loading: b = "Loading...", options: m = {}, height: F = "100%", width: I = "100%", className: z, wrapperProps: H = {}, beforeMount: W = R, onMount: j = R }) {
+  let [h, y] = T(!1), [S, a] = T(!0), c = l(null), o = l(null), x = l(null), s = l(j), t = l(W), C = l(!1);
+  K(() => {
+    let i = $.init();
+    return i.then((d) => (o.current = d) && a(!1)).catch((d) => d?.type !== "cancelation" && console.error("Monaco initialization: error:", d)), () => c.current ? P() : i.cancel();
+  }), M(() => {
+    if (c.current && o.current) {
+      let i = c.current.getOriginalEditor(), d = O(o.current, e || "", r || u || "text", p || "");
+      d !== i.getModel() && i.setModel(d);
     }
-  }, [h], M), m(() => {
-    if (g.current && c.current) {
-      let e = g.current.getModifiedEditor(), o = P(c.current, u || "", p || l || "text", w || "");
-      o !== e.getModel() && e.setModel(o);
+  }, [p], h), M(() => {
+    if (c.current && o.current) {
+      let i = c.current.getModifiedEditor(), d = O(o.current, n || "", g || u || "text", v || "");
+      d !== i.getModel() && i.setModel(d);
     }
-  }, [w], M), m(() => {
-    let e = g.current.getModifiedEditor();
-    e.getOption(c.current.editor.EditorOption.readOnly) ? e.setValue(u || "") : u !== e.getValue() && (e.executeEdits("", [{ range: e.getModel().getFullModelRange(), text: u || "", forceMoveMarkers: !0 }]), e.pushUndoStop());
-  }, [u], M), m(() => {
-    var e, o;
-    (o = (e = g.current) == null ? void 0 : e.getModel()) == null || o.original.setValue(r || "");
-  }, [r], M), m(() => {
-    let { original: e, modified: o } = g.current.getModel();
-    c.current.editor.setModelLanguage(e, n || l || "text"), c.current.editor.setModelLanguage(o, p || l || "text");
-  }, [l, n, p], M), m(() => {
-    var e;
-    (e = c.current) == null || e.editor.setTheme(L);
-  }, [L], M), m(() => {
-    var e;
-    (e = g.current) == null || e.updateOptions(E);
-  }, [E], M);
-  let z = $(() => {
-    var O;
-    if (!c.current) return;
-    i.current(c.current);
-    let e = P(c.current, r || "", n || l || "text", h || ""), o = P(c.current, u || "", p || l || "text", w || "");
-    (O = g.current) == null || O.setModel({ original: e, modified: o });
-  }, [l, u, p, r, n, h, w]), H = $(() => {
-    var e;
-    !y.current && D.current && (g.current = c.current.editor.createDiffEditor(D.current, { automaticLayout: !0, ...E }), z(), (e = c.current) == null || e.editor.setTheme(L), N(!0), y.current = !0);
-  }, [E, L, z]);
-  V(() => {
-    M && f.current(g.current, c.current);
-  }, [M]), V(() => {
-    !k && !M && H();
-  }, [k, M, H]);
-  function U() {
-    var o, O, S, _;
-    let e = (o = g.current) == null ? void 0 : o.getModel();
-    C || ((O = e == null ? void 0 : e.original) == null || O.dispose()), A || ((S = e == null ? void 0 : e.modified) == null || S.dispose()), (_ = g.current) == null || _.dispose();
+  }, [v], h), M(() => {
+    let i = c.current.getModifiedEditor();
+    i.getOption(o.current.editor.EditorOption.readOnly) ? i.setValue(n || "") : n !== i.getValue() && (i.executeEdits("", [{ range: i.getModel().getFullModelRange(), text: n || "", forceMoveMarkers: !0 }]), i.pushUndoStop());
+  }, [n], h), M(() => {
+    c.current?.getModel()?.original.setValue(e || "");
+  }, [e], h), M(() => {
+    let { original: i, modified: d } = c.current.getModel();
+    o.current.editor.setModelLanguage(i, r || u || "text"), o.current.editor.setModelLanguage(d, g || u || "text");
+  }, [u, r, g], h), M(() => {
+    o.current?.editor.setTheme(w);
+  }, [w], h), M(() => {
+    c.current?.updateOptions(m);
+  }, [m], h);
+  let N = Q(() => {
+    if (!o.current) return;
+    t.current(o.current);
+    let i = O(o.current, e || "", r || u || "text", p || ""), d = O(o.current, n || "", g || u || "text", v || "");
+    c.current?.setModel({ original: i, modified: d });
+  }, [u, n, g, e, r, p, v]), D = Q(() => {
+    !C.current && x.current && (c.current = o.current.editor.createDiffEditor(x.current, { automaticLayout: !0, ...m }), N(), o.current?.editor.setTheme(w), y(!0), C.current = !0);
+  }, [m, w, N]);
+  E(() => {
+    h && s.current(c.current, o.current);
+  }, [h]), E(() => {
+    !S && !h && D();
+  }, [S, h, D]);
+  function P() {
+    let i = c.current?.getModel();
+    L || i?.original?.dispose(), _ || i?.modified?.dispose(), c.current?.dispose();
   }
-  return b.createElement(T, { width: G, height: B, isEditorReady: M, loading: R, _ref: D, className: J, wrapperProps: Q });
+  return k.createElement(q, { width: I, height: F, isEditorReady: h, loading: b, _ref: x, className: z, wrapperProps: H });
 }
-var Me = he;
-q(Me);
-function ve(r) {
-  let u = s();
-  return V(() => {
-    u.current = r;
-  }, [r]), u.current;
+var he = pe;
+X(he);
+function Me(e) {
+  let n = l();
+  return E(() => {
+    n.current = e;
+  }, [e]), n.current;
 }
-var me = ve, W = /* @__PURE__ */ new Map();
-function we({ defaultValue: r, defaultLanguage: u, defaultPath: l, value: n, language: p, path: h, theme: w = "light", line: C, loading: A = "Loading...", options: L = {}, overrideServices: R = {}, saveViewState: E = !0, keepCurrentModel: B = !1, width: G = "100%", height: J = "100%", className: Q, wrapperProps: X = {}, beforeMount: Y = I, onMount: M = I, onChange: N, onValidate: k = I }) {
-  let [d, g] = j(!1), [c, D] = j(!0), f = s(null), i = s(null), y = s(null), z = s(M), H = s(Y), U = s(), e = s(n), o = me(h), O = s(!1), S = s(!1);
-  ee(() => {
-    let t = K.init();
-    return t.then((a) => (f.current = a) && D(!1)).catch((a) => (a == null ? void 0 : a.type) !== "cancelation" && console.error("Monaco initialization: error:", a)), () => i.current ? te() : t.cancel();
-  }), m(() => {
-    var a, v, F, x;
-    let t = P(f.current, r || n || "", u || p || "", h || l || "");
-    t !== ((a = i.current) == null ? void 0 : a.getModel()) && (E && W.set(o, (v = i.current) == null ? void 0 : v.saveViewState()), (F = i.current) == null || F.setModel(t), E && ((x = i.current) == null || x.restoreViewState(W.get(h))));
-  }, [h], d), m(() => {
-    var t;
-    (t = i.current) == null || t.updateOptions(L);
-  }, [L], d), m(() => {
-    !i.current || n === void 0 || (i.current.getOption(f.current.editor.EditorOption.readOnly) ? i.current.setValue(n) : n !== i.current.getValue() && (S.current = !0, i.current.executeEdits("", [{ range: i.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), i.current.pushUndoStop(), S.current = !1));
-  }, [n], d), m(() => {
-    var a, v;
-    let t = (a = i.current) == null ? void 0 : a.getModel();
-    t && p && ((v = f.current) == null || v.editor.setModelLanguage(t, p));
-  }, [p], d), m(() => {
-    var t;
-    C !== void 0 && ((t = i.current) == null || t.revealLine(C));
-  }, [C], d), m(() => {
-    var t;
-    (t = f.current) == null || t.editor.setTheme(w);
-  }, [w], d);
-  let _ = $(() => {
-    var t;
-    if (!(!y.current || !f.current) && !O.current) {
-      H.current(f.current);
-      let a = h || l, v = P(f.current, n || r || "", u || p || "", a || "");
-      i.current = (t = f.current) == null ? void 0 : t.editor.create(y.current, { model: v, automaticLayout: !0, ...L }, R), E && i.current.restoreViewState(W.get(a)), f.current.editor.setTheme(w), C !== void 0 && i.current.revealLine(C), g(!0), O.current = !0;
+var ve = Me, U = /* @__PURE__ */ new Map();
+function me({ defaultValue: e, defaultLanguage: n, defaultPath: u, value: r, language: g, path: p, theme: v = "light", line: L, loading: _ = "Loading...", options: w = {}, overrideServices: b = {}, saveViewState: m = !0, keepCurrentModel: F = !1, width: I = "100%", height: z = "100%", className: H, wrapperProps: W = {}, beforeMount: j = R, onMount: h = R, onChange: y, onValidate: S = R }) {
+  let [a, c] = T(!1), [o, x] = T(!0), s = l(null), t = l(null), C = l(null), N = l(h), D = l(j), P = l(), i = l(r), d = ve(p), Y = l(!1), A = l(!1);
+  K(() => {
+    let f = $.init();
+    return f.then((V) => (s.current = V) && x(!1)).catch((V) => V?.type !== "cancelation" && console.error("Monaco initialization: error:", V)), () => t.current ? re() : f.cancel();
+  }), M(() => {
+    let f = O(s.current, e || r || "", n || g || "", p || u || "");
+    f !== t.current?.getModel() && (m && U.set(d, t.current?.saveViewState()), t.current?.setModel(f), m && t.current?.restoreViewState(U.get(p)));
+  }, [p], a), M(() => {
+    t.current?.updateOptions(w);
+  }, [w], a), M(() => {
+    !t.current || r === void 0 || (t.current.getOption(s.current.editor.EditorOption.readOnly) ? t.current.setValue(r) : r !== t.current.getValue() && (A.current = !0, t.current.executeEdits("", [{ range: t.current.getModel().getFullModelRange(), text: r, forceMoveMarkers: !0 }]), t.current.pushUndoStop(), A.current = !1));
+  }, [r], a), M(() => {
+    let f = t.current?.getModel();
+    f && g && s.current?.editor.setModelLanguage(f, g);
+  }, [g], a), M(() => {
+    L !== void 0 && t.current?.revealLine(L);
+  }, [L], a), M(() => {
+    s.current?.editor.setTheme(v);
+  }, [v], a);
+  let Z = Q(() => {
+    if (!(!C.current || !s.current) && !Y.current) {
+      D.current(s.current);
+      let f = p || u, V = O(s.current, r || e || "", n || g || "", f || "");
+      t.current = s.current?.editor.create(C.current, { model: V, automaticLayout: !0, ...w }, b), m && t.current.restoreViewState(U.get(f)), s.current.editor.setTheme(v), L !== void 0 && t.current.revealLine(L), c(!0), Y.current = !0;
     }
-  }, [r, u, l, n, p, h, L, R, E, w, C]);
-  V(() => {
-    d && z.current(i.current, f.current);
-  }, [d]), V(() => {
-    !c && !d && _();
-  }, [c, d, _]), e.current = n, V(() => {
-    var t, a;
-    d && N && ((t = U.current) == null || t.dispose(), U.current = (a = i.current) == null ? void 0 : a.onDidChangeModelContent((v) => {
-      S.current || N(i.current.getValue(), v);
+  }, [e, n, u, r, g, p, w, b, m, v, L]);
+  E(() => {
+    a && N.current(t.current, s.current);
+  }, [a]), E(() => {
+    !o && !a && Z();
+  }, [o, a, Z]), i.current = r, E(() => {
+    a && y && (P.current?.dispose(), P.current = t.current?.onDidChangeModelContent((f) => {
+      A.current || y(t.current.getValue(), f);
     }));
-  }, [d, N]), V(() => {
-    if (d) {
-      let t = f.current.editor.onDidChangeMarkers((a) => {
-        var F;
-        let v = (F = i.current.getModel()) == null ? void 0 : F.uri;
-        if (v && a.find((x) => x.path === v.path)) {
-          let x = f.current.editor.getModelMarkers({ resource: v });
-          k == null || k(x);
+  }, [a, y]), E(() => {
+    if (a) {
+      let f = s.current.editor.onDidChangeMarkers((V) => {
+        let B = t.current.getModel()?.uri;
+        if (B && V.find((G) => G.path === B.path)) {
+          let G = s.current.editor.getModelMarkers({ resource: B });
+          S?.(G);
         }
       });
       return () => {
-        t == null || t.dispose();
+        f?.dispose();
       };
     }
     return () => {
     };
-  }, [d, k]);
-  function te() {
-    var t, a;
-    (t = U.current) == null || t.dispose(), B ? E && W.set(h, i.current.saveViewState()) : (a = i.current.getModel()) == null || a.dispose(), i.current.dispose();
+  }, [a, S]);
+  function re() {
+    P.current?.dispose(), F ? m && U.set(p, t.current.saveViewState()) : t.current.getModel()?.dispose(), t.current.dispose();
   }
-  return b.createElement(T, { width: G, height: J, isEditorReady: d, loading: A, _ref: y, className: Q, wrapperProps: X });
+  return k.createElement(q, { width: I, height: z, isEditorReady: a, loading: _, _ref: C, className: H, wrapperProps: W });
 }
-var Ee = we, Le = q(Ee), Oe = Le;
+var we = me, Ee = X(we), Ce = Ee;
 export {
-  Le as Editor,
-  Oe as default,
-  K as loader
+  Ee as Editor,
+  Ce as default,
+  $ as loader
 };