@eternalheart/react-file-preview 1.4.0 → 1.5.0

package/lib/chunks/{index-CzM2mxrD.mjs → index-CKdQL1Bk.mjs}

@@ -1,12 +1,12 @@
-import { jsx as k, jsxs as A, Fragment as Z } from "react/jsx-runtime";
-import { useMemo as S, useState as I, useEffect as h, useCallback as x } from "react";
-import { ChevronDown as P, ChevronRight as K } from "lucide-react";
-import { u as M, a as C, b as ee, E as ne } from "./index-CEeKt7L3.mjs";
-import { R as te } from "./RendererError-D5i8eSpN.mjs";
-function le(e, u = !1) {
+import { jsx as k, jsxs as L, Fragment as Z } from "react/jsx-runtime";
+import { forwardRef as S, useMemo as h, useState as E, useEffect as x, useImperativeHandle as P, useCallback as K } from "react";
+import { ChevronDown as C, ChevronRight as ee } from "lucide-react";
+import { u as W, a as ne, b as te, z as le } from "./index-Cz23v-TW.mjs";
+import { R as ie } from "./RendererError-D5i8eSpN.mjs";
+function fe(e, u = !1) {
   const p = e.length;
-  let n = 0, t = "", c = 0, f = 16, y = 0, r = 0, w = 0, b = 0, m = 0;
-  function B(l, a) {
+  let n = 0, t = "", r = 0, f = 16, N = 0, c = 0, w = 0, b = 0, m = 0;
+  function v(l, a) {
     let T = 0, o = 0;
     for (; T < l; ) {
       let i = e.charCodeAt(n);
@@ -22,10 +22,10 @@ function le(e, u = !1) {
     }
     return T < l && (o = -1), o;
   }
-  function L(l) {
-    n = l, t = "", c = 0, f = 16, m = 0;
+  function B(l) {
+    n = l, t = "", r = 0, f = 16, m = 0;
   }
-  function v() {
+  function O() {
     let l = n;
     if (e.charCodeAt(n) === 48)
       n++;
@@ -48,7 +48,7 @@ function le(e, u = !1) {
         m = 3;
     return e.substring(l, a);
   }
-  function N() {
+  function A() {
     let l = "", a = n;
     for (; ; ) {
       if (n >= p) {
@@ -92,7 +92,7 @@ function le(e, u = !1) {
             l += "	";
             break;
           case 117:
-            const i = B(4);
+            const i = v(4);
             i >= 0 ? l += String.fromCharCode(i) : m = 4;
             break;
           default:
@@ -102,7 +102,7 @@ function le(e, u = !1) {
         continue;
       }
       if (T >= 0 && T <= 31)
-        if (E(T)) {
+        if (I(T)) {
           l += e.substring(a, n), m = 2;
           break;
         } else
@@ -111,19 +111,19 @@ function le(e, u = !1) {
     }
     return l;
   }
-  function O() {
-    if (t = "", m = 0, c = n, r = y, b = w, n >= p)
-      return c = p, f = 17;
+  function y() {
+    if (t = "", m = 0, r = n, c = N, b = w, n >= p)
+      return r = p, f = 17;
     let l = e.charCodeAt(n);
-    if (D(l)) {
+    if (d(l)) {
       do
         n++, t += String.fromCharCode(l), l = e.charCodeAt(n);
-      while (D(l));
+      while (d(l));
       return f = 15;
     }
-    if (E(l))
+    if (I(l))
       return n++, t += String.fromCharCode(l), l === 13 && e.charCodeAt(n) === 10 && (n++, t += `
-`), y++, w = n, f = 14;
+`), N++, w = n, f = 14;
     switch (l) {
       case 123:
         return n++, f = 1;
@@ -138,11 +138,11 @@ function le(e, u = !1) {
       case 44:
         return n++, f = 5;
       case 34:
-        return n++, t = N(), f = 10;
+        return n++, t = A(), f = 10;
       case 47:
         const a = n - 1;
         if (e.charCodeAt(n + 1) === 47) {
-          for (n += 2; n < p && !E(e.charCodeAt(n)); )
+          for (n += 2; n < p && !I(e.charCodeAt(n)); )
             n++;
           return t = e.substring(a, n), f = 12;
         }
@@ -156,7 +156,7 @@ function le(e, u = !1) {
               n += 2, o = !0;
               break;
             }
-            n++, E(i) && (i === 13 && e.charCodeAt(n) === 10 && n++, y++, w = n);
+            n++, I(i) && (i === 13 && e.charCodeAt(n) === 10 && n++, N++, w = n);
           }
           return o || (n++, m = 1), t = e.substring(a, n), f = 13;
         }
@@ -174,12 +174,12 @@ function le(e, u = !1) {
       case 55:
       case 56:
       case 57:
-        return t += v(), f = 11;
+        return t += O(), f = 11;
       default:
         for (; n < p && j(l); )
           n++, l = e.charCodeAt(n);
-        if (c !== n) {
-          switch (t = e.substring(c, n), t) {
+        if (r !== n) {
+          switch (t = e.substring(r, n), t) {
             case "true":
               return f = 8;
             case "false":
@@ -193,7 +193,7 @@ function le(e, u = !1) {
     }
   }
   function j(l) {
-    if (D(l) || E(l))
+    if (d(l) || I(l))
       return !1;
     switch (l) {
       case 125:
@@ -211,27 +211,27 @@ function le(e, u = !1) {
   function F() {
     let l;
     do
-      l = O();
+      l = y();
     while (l >= 12 && l <= 15);
     return l;
   }
   return {
-    setPosition: L,
+    setPosition: B,
     getPosition: () => n,
-    scan: u ? F : O,
+    scan: u ? F : y,
     getToken: () => f,
     getTokenValue: () => t,
-    getTokenOffset: () => c,
-    getTokenLength: () => n - c,
-    getTokenStartLine: () => r,
-    getTokenStartCharacter: () => c - b,
+    getTokenOffset: () => r,
+    getTokenLength: () => n - r,
+    getTokenStartLine: () => c,
+    getTokenStartCharacter: () => r - b,
     getTokenError: () => m
   };
 }
-function D(e) {
+function d(e) {
   return e === 32 || e === 9;
 }
-function E(e) {
+function I(e) {
   return e === 10 || e === 13;
 }
 function _(e) {
@@ -247,59 +247,59 @@ var V;
     allowTrailingComma: !1
   };
 })(V || (V = {}));
-function ie(e, u = [], p = V.DEFAULT) {
+function ue(e, u = [], p = V.DEFAULT) {
   let n = null, t = [];
-  const c = [];
-  function f(r) {
-    Array.isArray(t) ? t.push(r) : n !== null && (t[n] = r);
+  const r = [];
+  function f(c) {
+    Array.isArray(t) ? t.push(c) : n !== null && (t[n] = c);
   }
-  return fe(e, {
+  return se(e, {
     onObjectBegin: () => {
-      const r = {};
-      f(r), c.push(t), t = r, n = null;
+      const c = {};
+      f(c), r.push(t), t = c, n = null;
     },
-    onObjectProperty: (r) => {
-      n = r;
+    onObjectProperty: (c) => {
+      n = c;
     },
     onObjectEnd: () => {
-      t = c.pop();
+      t = r.pop();
     },
     onArrayBegin: () => {
-      const r = [];
-      f(r), c.push(t), t = r, n = null;
+      const c = [];
+      f(c), r.push(t), t = c, n = null;
     },
     onArrayEnd: () => {
-      t = c.pop();
+      t = r.pop();
     },
     onLiteralValue: f,
-    onError: (r, w, b) => {
-      u.push({ error: r, offset: w, length: b });
+    onError: (c, w, b) => {
+      u.push({ error: c, offset: w, length: b });
     }
   }, p), t[0];
 }
-function fe(e, u, p = V.DEFAULT) {
-  const n = le(e, !1), t = [];
-  let c = 0;
+function se(e, u, p = V.DEFAULT) {
+  const n = fe(e, !1), t = [];
+  let r = 0;
   function f(s) {
-    return s ? () => c === 0 && s(n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter()) : () => !0;
+    return s ? () => r === 0 && s(n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter()) : () => !0;
   }
-  function y(s) {
-    return s ? (g) => c === 0 && s(g, n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter()) : () => !0;
+  function N(s) {
+    return s ? (g) => r === 0 && s(g, n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter()) : () => !0;
   }
-  function r(s) {
-    return s ? (g) => c === 0 && s(g, n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter(), () => t.slice()) : () => !0;
+  function c(s) {
+    return s ? (g) => r === 0 && s(g, n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter(), () => t.slice()) : () => !0;
   }
   function w(s) {
     return s ? () => {
-      c > 0 ? c++ : s(n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter(), () => t.slice()) === !1 && (c = 1);
+      r > 0 ? r++ : s(n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter(), () => t.slice()) === !1 && (r = 1);
     } : () => !0;
   }
   function b(s) {
     return s ? () => {
-      c > 0 && c--, c === 0 && s(n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter());
+      r > 0 && r--, r === 0 && s(n.getTokenOffset(), n.getTokenLength(), n.getTokenStartLine(), n.getTokenStartCharacter());
     } : () => !0;
   }
-  const m = w(u.onObjectBegin), B = r(u.onObjectProperty), L = b(u.onObjectEnd), v = w(u.onArrayBegin), N = b(u.onArrayEnd), O = r(u.onLiteralValue), j = y(u.onSeparator), F = f(u.onComment), l = y(u.onError), a = p && p.disallowComments, T = p && p.allowTrailingComma;
+  const m = w(u.onObjectBegin), v = c(u.onObjectProperty), B = b(u.onObjectEnd), O = w(u.onArrayBegin), A = b(u.onArrayEnd), y = c(u.onLiteralValue), j = N(u.onSeparator), F = f(u.onComment), l = N(u.onError), a = p && p.disallowComments, T = p && p.allowTrailingComma;
   function o() {
     for (; ; ) {
       const s = n.scan();
@@ -378,9 +378,9 @@ function fe(e, u, p = V.DEFAULT) {
   }
   function $(s) {
     const g = n.getTokenValue();
-    return s ? O(g) : (B(g), t.push(g)), o(), !0;
+    return s ? y(g) : (v(g), t.push(g)), o(), !0;
   }
-  function q() {
+  function M() {
     switch (n.getToken()) {
       case 11:
         const s = n.getTokenValue();
@@ -388,23 +388,23 @@ function fe(e, u, p = V.DEFAULT) {
         isNaN(g) && (i(
           2
           /* ParseErrorCode.InvalidNumberFormat */
-        ), g = 0), O(g);
+        ), g = 0), y(g);
         break;
       case 7:
-        O(null);
+        y(null);
         break;
       case 8:
-        O(!0);
+        y(!0);
         break;
       case 9:
-        O(!1);
+        y(!1);
         break;
       default:
         return !1;
     }
     return o(), !0;
   }
-  function z() {
+  function q() {
     return n.getToken() !== 10 ? (i(3, [], [
       2,
       5
@@ -427,19 +427,19 @@ function fe(e, u, p = V.DEFAULT) {
         if (s || i(4, [], []), j(","), o(), n.getToken() === 2 && T)
           break;
       } else s && i(6, [], []);
-      z() || i(4, [], [
+      q() || i(4, [], [
         2,
         5
         /* SyntaxKind.CommaToken */
       ]), s = !0;
     }
-    return L(), n.getToken() !== 2 ? i(7, [
+    return B(), n.getToken() !== 2 ? i(7, [
       2
       /* SyntaxKind.CloseBraceToken */
     ], []) : o(), !0;
   }
   function Y() {
-    v(), o();
+    O(), o();
     let s = !0, g = !1;
     for (; n.getToken() !== 4 && n.getToken() !== 17; ) {
       if (n.getToken() === 5) {
@@ -452,7 +452,7 @@ function fe(e, u, p = V.DEFAULT) {
         /* SyntaxKind.CommaToken */
       ]), g = !0;
     }
-    return N(), s || t.pop(), n.getToken() !== 4 ? i(8, [
+    return A(), s || t.pop(), n.getToken() !== 4 ? i(8, [
       4
       /* SyntaxKind.CloseBracketToken */
     ], []) : o(), !0;
@@ -466,25 +466,25 @@ function fe(e, u, p = V.DEFAULT) {
       case 10:
         return $(!0);
       default:
-        return q();
+        return M();
     }
   }
   return o(), n.getToken() === 17 ? p.allowEmptyContent ? !0 : (i(4, [], []), !1) : R() ? (n.getToken() !== 17 && i(9, [], []), !0) : (i(4, [], []), !1);
 }
-var Q;
+var z;
 (function(e) {
   e[e.None = 0] = "None", e[e.UnexpectedEndOfComment = 1] = "UnexpectedEndOfComment", e[e.UnexpectedEndOfString = 2] = "UnexpectedEndOfString", e[e.UnexpectedEndOfNumber = 3] = "UnexpectedEndOfNumber", e[e.InvalidUnicode = 4] = "InvalidUnicode", e[e.InvalidEscapeCharacter = 5] = "InvalidEscapeCharacter", e[e.InvalidCharacter = 6] = "InvalidCharacter";
-})(Q || (Q = {}));
-var W;
+})(z || (z = {}));
+var G;
 (function(e) {
   e[e.OpenBraceToken = 1] = "OpenBraceToken", e[e.CloseBraceToken = 2] = "CloseBraceToken", e[e.OpenBracketToken = 3] = "OpenBracketToken", e[e.CloseBracketToken = 4] = "CloseBracketToken", e[e.CommaToken = 5] = "CommaToken", e[e.ColonToken = 6] = "ColonToken", e[e.NullKeyword = 7] = "NullKeyword", e[e.TrueKeyword = 8] = "TrueKeyword", e[e.FalseKeyword = 9] = "FalseKeyword", e[e.StringLiteral = 10] = "StringLiteral", e[e.NumericLiteral = 11] = "NumericLiteral", e[e.LineCommentTrivia = 12] = "LineCommentTrivia", e[e.BlockCommentTrivia = 13] = "BlockCommentTrivia", e[e.LineBreakTrivia = 14] = "LineBreakTrivia", e[e.Trivia = 15] = "Trivia", e[e.Unknown = 16] = "Unknown", e[e.EOF = 17] = "EOF";
-})(W || (W = {}));
-const ue = ie;
-var G;
+})(G || (G = {}));
+const re = ue;
+var Q;
 (function(e) {
   e[e.InvalidSymbol = 1] = "InvalidSymbol", e[e.InvalidNumberFormat = 2] = "InvalidNumberFormat", e[e.PropertyNameExpected = 3] = "PropertyNameExpected", e[e.ValueExpected = 4] = "ValueExpected", e[e.ColonExpected = 5] = "ColonExpected", e[e.CommaExpected = 6] = "CommaExpected", e[e.CloseBraceExpected = 7] = "CloseBraceExpected", e[e.CloseBracketExpected = 8] = "CloseBracketExpected", e[e.EndOfFileExpected = 9] = "EndOfFileExpected", e[e.InvalidCommentToken = 10] = "InvalidCommentToken", e[e.UnexpectedEndOfComment = 11] = "UnexpectedEndOfComment", e[e.UnexpectedEndOfString = 12] = "UnexpectedEndOfString", e[e.UnexpectedEndOfNumber = 13] = "UnexpectedEndOfNumber", e[e.InvalidUnicode = 14] = "InvalidUnicode", e[e.InvalidEscapeCharacter = 15] = "InvalidEscapeCharacter", e[e.InvalidCharacter = 16] = "InvalidCharacter";
-})(G || (G = {}));
-const se = {
+})(Q || (Q = {}));
+const ce = {
   key: "#9cdcfe",
   string: "#ce9178",
   number: "#b5cea8",
@@ -493,7 +493,7 @@ const se = {
   colon: "rgb(255 255 255 / 0.6)",
   collapsed: "rgb(255 255 255 / 0.4)",
   arrow: "rgb(255 255 255 / 0.5)"
-}, ce = {
+}, oe = {
   key: "#005cc5",
   string: "#032f62",
   number: "#005cc5",
@@ -502,93 +502,95 @@ const se = {
   colon: "rgb(23 23 23 / 0.6)",
   collapsed: "rgb(23 23 23 / 0.45)",
   arrow: "rgb(23 23 23 / 0.55)"
-}, d = ({ keyName: e, value: u, depth: p, defaultExpanded: n, colors: t }) => {
-  const c = M(), [f, y] = I(n), r = p * 20, w = x(() => y((N) => !N), []);
+}, D = ({ keyName: e, value: u, depth: p, defaultExpanded: n, colors: t }) => {
+  const r = W(), [f, N] = E(n), c = p * 20, w = K(() => N((A) => !A), []);
   if (u == null || typeof u != "object")
-    return /* @__PURE__ */ A("div", { className: "rfp-flex rfp-items-start rfp-py-px rfp-font-mono rfp-text-sm", style: { paddingLeft: `${r}px` }, children: [
+    return /* @__PURE__ */ L("div", { className: "rfp-flex rfp-items-start rfp-py-px rfp-font-mono rfp-text-sm", style: { paddingLeft: `${c}px` }, children: [
       /* @__PURE__ */ k("span", { className: "rfp-w-4 rfp-h-5 rfp-flex-shrink-0" }),
-      e !== void 0 && /* @__PURE__ */ A("span", { className: "rfp-flex-shrink-0", style: { color: t.key }, children: [
+      e !== void 0 && /* @__PURE__ */ L("span", { className: "rfp-flex-shrink-0", style: { color: t.key }, children: [
         '"',
         e,
         '"',
         /* @__PURE__ */ k("span", { style: { color: t.colon }, children: ": " })
       ] }),
-      re(u, t)
+      pe(u, t)
     ] });
-  const b = Array.isArray(u), B = (b ? u : Object.entries(u)).length, L = b ? "[" : "{", v = b ? "]" : "}";
-  return B === 0 ? /* @__PURE__ */ A("div", { className: "rfp-flex rfp-items-start rfp-py-px rfp-font-mono rfp-text-sm", style: { paddingLeft: `${r}px` }, children: [
+  const b = Array.isArray(u), v = (b ? u : Object.entries(u)).length, B = b ? "[" : "{", O = b ? "]" : "}";
+  return v === 0 ? /* @__PURE__ */ L("div", { className: "rfp-flex rfp-items-start rfp-py-px rfp-font-mono rfp-text-sm", style: { paddingLeft: `${c}px` }, children: [
     /* @__PURE__ */ k("span", { className: "rfp-w-4 rfp-h-5 rfp-flex-shrink-0" }),
-    e !== void 0 && /* @__PURE__ */ A("span", { className: "rfp-flex-shrink-0", style: { color: t.key }, children: [
+    e !== void 0 && /* @__PURE__ */ L("span", { className: "rfp-flex-shrink-0", style: { color: t.key }, children: [
       '"',
       e,
       '"',
       /* @__PURE__ */ k("span", { style: { color: t.colon }, children: ": " })
     ] }),
-    /* @__PURE__ */ A("span", { style: { color: t.bracket }, children: [
-      L,
-      v
+    /* @__PURE__ */ L("span", { style: { color: t.bracket }, children: [
+      B,
+      O
     ] })
-  ] }) : /* @__PURE__ */ A("div", { children: [
-    /* @__PURE__ */ A(
+  ] }) : /* @__PURE__ */ L("div", { children: [
+    /* @__PURE__ */ L(
       "div",
       {
         className: "rfp-flex rfp-items-start rfp-py-px rfp-font-mono rfp-text-sm rfp-cursor-pointer hover:rfp-bg-surface-1 rfp-select-none",
-        style: { paddingLeft: `${r}px` },
+        style: { paddingLeft: `${c}px` },
         onClick: w,
         children: [
-          /* @__PURE__ */ k("span", { className: "rfp-w-4 rfp-h-5 rfp-flex-shrink-0 rfp-flex rfp-items-center rfp-justify-center", style: { color: t.arrow }, children: f ? /* @__PURE__ */ k(P, { className: "rfp-w-3.5 rfp-h-3.5" }) : /* @__PURE__ */ k(K, { className: "rfp-w-3.5 rfp-h-3.5" }) }),
-          e !== void 0 && /* @__PURE__ */ A("span", { className: "rfp-flex-shrink-0", style: { color: t.key }, children: [
+          /* @__PURE__ */ k("span", { className: "rfp-w-4 rfp-h-5 rfp-flex-shrink-0 rfp-flex rfp-items-center rfp-justify-center", style: { color: t.arrow }, children: f ? /* @__PURE__ */ k(C, { className: "rfp-w-3.5 rfp-h-3.5" }) : /* @__PURE__ */ k(ee, { className: "rfp-w-3.5 rfp-h-3.5" }) }),
+          e !== void 0 && /* @__PURE__ */ L("span", { className: "rfp-flex-shrink-0", style: { color: t.key }, children: [
             '"',
             e,
             '"',
             /* @__PURE__ */ k("span", { style: { color: t.colon }, children: ": " })
           ] }),
-          /* @__PURE__ */ k("span", { style: { color: t.bracket }, children: L }),
-          !f && /* @__PURE__ */ A("span", { className: "rfp-ml-1", style: { color: t.collapsed }, children: [
-            b ? `${B} ${c("json.items")}` : `${B} ${c("json.keys")}`,
-            /* @__PURE__ */ A("span", { style: { color: t.bracket }, children: [
+          /* @__PURE__ */ k("span", { style: { color: t.bracket }, children: B }),
+          !f && /* @__PURE__ */ L("span", { className: "rfp-ml-1", style: { color: t.collapsed }, children: [
+            b ? `${v} ${r("json.items")}` : `${v} ${r("json.keys")}`,
+            /* @__PURE__ */ L("span", { style: { color: t.bracket }, children: [
               " ",
-              v
+              O
             ] })
           ] })
         ]
       }
     ),
-    f && /* @__PURE__ */ A(Z, { children: [
-      b ? u.map((N, O) => /* @__PURE__ */ k(d, { value: N, depth: p + 1, defaultExpanded: p < 1, colors: t }, O)) : Object.entries(u).map(([N, O]) => /* @__PURE__ */ k(d, { keyName: N, value: O, depth: p + 1, defaultExpanded: p < 1, colors: t }, N)),
-      /* @__PURE__ */ k("div", { className: "rfp-font-mono rfp-text-sm rfp-py-px", style: { paddingLeft: `${r + 20}px`, color: t.bracket }, children: v })
+    f && /* @__PURE__ */ L(Z, { children: [
+      b ? u.map((A, y) => /* @__PURE__ */ k(D, { value: A, depth: p + 1, defaultExpanded: p < 1, colors: t }, y)) : Object.entries(u).map(([A, y]) => /* @__PURE__ */ k(D, { keyName: A, value: y, depth: p + 1, defaultExpanded: p < 1, colors: t }, A)),
+      /* @__PURE__ */ k("div", { className: "rfp-font-mono rfp-text-sm rfp-py-px", style: { paddingLeft: `${c + 20}px`, color: t.bracket }, children: O })
     ] })
   ] });
 };
-function re(e, u) {
-  return e === null ? /* @__PURE__ */ k("span", { style: { color: u.keyword, fontStyle: "italic" }, children: "null" }) : e === void 0 ? /* @__PURE__ */ k("span", { style: { color: u.keyword, fontStyle: "italic" }, children: "undefined" }) : typeof e == "boolean" ? /* @__PURE__ */ k("span", { style: { color: u.keyword }, children: String(e) }) : typeof e == "number" ? /* @__PURE__ */ k("span", { style: { color: u.number }, children: String(e) }) : typeof e == "string" ? /* @__PURE__ */ A("span", { style: { color: u.string }, children: [
+function pe(e, u) {
+  return e === null ? /* @__PURE__ */ k("span", { style: { color: u.keyword, fontStyle: "italic" }, children: "null" }) : e === void 0 ? /* @__PURE__ */ k("span", { style: { color: u.keyword, fontStyle: "italic" }, children: "undefined" }) : typeof e == "boolean" ? /* @__PURE__ */ k("span", { style: { color: u.keyword }, children: String(e) }) : typeof e == "number" ? /* @__PURE__ */ k("span", { style: { color: u.number }, children: String(e) }) : typeof e == "string" ? /* @__PURE__ */ L("span", { style: { color: u.string }, children: [
     '"',
     e,
     '"'
   ] }) : /* @__PURE__ */ k("span", { style: { color: u.bracket }, children: String(e) });
 }
-function oe(e) {
-  return e === "light" ? ce : se;
+function ke(e) {
+  return e === "light" ? oe : ce;
 }
-const ae = ({ url: e }) => {
-  const u = M(), p = C(), n = ee(), t = S(() => oe(n), [n]), [c, f] = I(null), [y, r] = I(!0), [w, b] = I(null);
-  return h(() => {
-    const m = new AbortController();
+const we = S(({ url: e }, u) => {
+  const p = W(), n = ne(), t = te(), r = h(() => ke(t), [t]), [f, N] = E(null), [c, w] = E(!0), [b, m] = E(null);
+  return x(() => {
+    const v = new AbortController();
     return (async () => {
       try {
-        r(!0), b(null);
-        const L = await ne(e, { fetcher: p, signal: m.signal }), v = ue(L);
-        f(v);
-      } catch (L) {
-        if (L.name === "AbortError") return;
-        b(u("json.load_failed")), console.error(L);
+        w(!0), m(null);
+        const O = await le(e, { fetcher: n, signal: v.signal }), A = re(O);
+        N(A);
+      } catch (O) {
+        if (O.name === "AbortError") return;
+        m(p("json.load_failed")), console.error(O);
       } finally {
-        r(!1);
+        w(!1);
       }
-    })(), () => m.abort();
-  }, [e]), y ? /* @__PURE__ */ k("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ k("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }) }) : w ? /* @__PURE__ */ k(te, { message: w }) : /* @__PURE__ */ k("div", { className: "rfp-w-full rfp-h-full rfp-overflow-auto rfp-bg-code-bg rfp-py-6 rfp-px-4", children: /* @__PURE__ */ k(d, { value: c, depth: 0, defaultExpanded: !0, colors: t }) });
-};
+    })(), () => v.abort();
+  }, [e]), P(u, () => ({
+    getToolbarGroups: () => []
+  }), []), c ? /* @__PURE__ */ k("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ k("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }) }) : b ? /* @__PURE__ */ k(ie, { message: b }) : /* @__PURE__ */ k("div", { className: "rfp-w-full rfp-h-full rfp-overflow-auto rfp-bg-code-bg rfp-py-6 rfp-px-4", children: /* @__PURE__ */ k(D, { value: f, depth: 0, defaultExpanded: !0, colors: r }) });
+});
 export {
-  ae as JsonRenderer
+  we as JsonRenderer
 };
-//# sourceMappingURL=index-CzM2mxrD.mjs.map
+//# sourceMappingURL=index-CKdQL1Bk.mjs.map