tinacms 1.5.12 → 1.5.14

package/dist/dev-tools.es.js

@@ -11,11 +11,7 @@ const TinaMarkdown = ({
     return null;
   }
   return /* @__PURE__ */ React.createElement(React.Fragment, null, nodes.map((child, index) => {
-    return /* @__PURE__ */ React.createElement(MemoNode, {
-      components,
-      key: index,
-      child
-    });
+    return /* @__PURE__ */ React.createElement(MemoNode, { components, key: index, child });
   }));
 };
 const Leaf = (props) => {
@@ -23,61 +19,41 @@ const Leaf = (props) => {
     const { bold, ...rest } = props;
     if (props.components.bold) {
       const Component = props.components.bold;
-      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, {
-        ...rest
-      }));
+      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
     }
-    return /* @__PURE__ */ React.createElement("strong", null, /* @__PURE__ */ React.createElement(Leaf, {
-      ...rest
-    }));
+    return /* @__PURE__ */ React.createElement("strong", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
   }
   if (props.italic) {
     const { italic, ...rest } = props;
     if (props.components.italic) {
       const Component = props.components.italic;
-      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, {
-        ...rest
-      }));
+      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
     }
-    return /* @__PURE__ */ React.createElement("em", null, /* @__PURE__ */ React.createElement(Leaf, {
-      ...rest
-    }));
+    return /* @__PURE__ */ React.createElement("em", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
   }
   if (props.underline) {
     const { underline, ...rest } = props;
     if (props.components.underline) {
       const Component = props.components.underline;
-      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, {
-        ...rest
-      }));
+      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
     }
-    return /* @__PURE__ */ React.createElement("u", null, /* @__PURE__ */ React.createElement(Leaf, {
-      ...rest
-    }));
+    return /* @__PURE__ */ React.createElement("u", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
   }
   if (props.strikethrough) {
     const { strikethrough, ...rest } = props;
     if (props.components.strikethrough) {
       const Component = props.components.strikethrough;
-      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, {
-        ...rest
-      }));
+      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
     }
-    return /* @__PURE__ */ React.createElement("s", null, /* @__PURE__ */ React.createElement(Leaf, {
-      ...rest
-    }));
+    return /* @__PURE__ */ React.createElement("s", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
   }
   if (props.code) {
     const { code, ...rest } = props;
     if (props.components.code) {
       const Component = props.components.code;
-      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, {
-        ...rest
-      }));
+      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
     }
-    return /* @__PURE__ */ React.createElement("code", null, /* @__PURE__ */ React.createElement(Leaf, {
-      ...rest
-    }));
+    return /* @__PURE__ */ React.createElement("code", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
   }
   if (props.components.text) {
     const Component = props.components.text;
@@ -86,9 +62,10 @@ const Leaf = (props) => {
   return /* @__PURE__ */ React.createElement(React.Fragment, null, props.text);
 };
 const MemoNode = (props) => {
-  const MNode = React.useMemo(() => /* @__PURE__ */ React.createElement(Node, {
-    ...props
-  }), [JSON.stringify(props)]);
+  const MNode = React.useMemo(
+    () => /* @__PURE__ */ React.createElement(Node, { ...props }),
+    [JSON.stringify(props)]
+  );
   return MNode;
 };
 const Node = ({ components, child }) => {
@@ -107,104 +84,69 @@ const Node = ({ components, child }) => {
     case "li":
       if (components[child.type]) {
         const Component2 = components[child.type];
-        return /* @__PURE__ */ React.createElement(Component2, {
-          ...props
-        }, /* @__PURE__ */ React.createElement(TinaMarkdown, {
-          components,
-          content: children
-        }));
+        return /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }));
       }
       return React.createElement(child.type, {
-        children: /* @__PURE__ */ React.createElement(TinaMarkdown, {
-          components,
-          content: children
-        })
+        children: /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children })
       });
     case "lic":
       if (components.lic) {
         const Component2 = components.lic;
-        return /* @__PURE__ */ React.createElement(Component2, {
-          ...props
-        }, /* @__PURE__ */ React.createElement(TinaMarkdown, {
-          components,
-          content: children
-        }));
+        return /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }));
       }
-      return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(TinaMarkdown, {
-        components,
-        content: child.children
-      }));
+      return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: child.children }));
     case "img":
       if (components[child.type]) {
         const Component2 = components[child.type];
-        return /* @__PURE__ */ React.createElement(Component2, {
-          ...props
-        });
+        return /* @__PURE__ */ React.createElement(Component2, { ...props });
       }
-      return /* @__PURE__ */ React.createElement("img", {
-        src: child.url,
-        alt: child.caption
-      });
+      return /* @__PURE__ */ React.createElement("img", { src: child.url, alt: child.caption });
     case "a":
       if (components[child.type]) {
         const Component2 = components[child.type];
-        return /* @__PURE__ */ React.createElement(Component2, {
-          ...props
-        }, /* @__PURE__ */ React.createElement(TinaMarkdown, {
-          components,
-          content: children
-        }));
+        return (
+          // @ts-ignore FIXME: TinaMarkdownContent needs to be a union of all possible node types
+          /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }))
+        );
       }
-      return /* @__PURE__ */ React.createElement("a", {
-        href: child.url
-      }, /* @__PURE__ */ React.createElement(TinaMarkdown, {
-        components,
-        content: children
-      }));
+      return (
+        // @ts-ignore FIXME: TinaMarkdownContent needs to be a union of all possible node types
+        /* @__PURE__ */ React.createElement("a", { href: child.url }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }))
+      );
     case "code_block":
       const value = child.value;
       if (components[child.type]) {
         const Component2 = components[child.type];
-        return /* @__PURE__ */ React.createElement(Component2, {
-          ...props
-        });
+        return (
+          // @ts-ignore FIXME: TinaMarkdownContent needs to be a union of all possible node types
+          /* @__PURE__ */ React.createElement(Component2, { ...props })
+        );
       }
       return /* @__PURE__ */ React.createElement("pre", null, /* @__PURE__ */ React.createElement("code", null, value));
     case "hr":
       if (components[child.type]) {
         const Component2 = components[child.type];
-        return /* @__PURE__ */ React.createElement(Component2, {
-          ...props
-        });
+        return /* @__PURE__ */ React.createElement(Component2, { ...props });
       }
       return /* @__PURE__ */ React.createElement("hr", null);
     case "break":
       if (components[child.type]) {
         const Component2 = components[child.type];
-        return /* @__PURE__ */ React.createElement(Component2, {
-          ...props
-        });
+        return /* @__PURE__ */ React.createElement(Component2, { ...props });
       }
       return /* @__PURE__ */ React.createElement("br", null);
     case "text":
-      return /* @__PURE__ */ React.createElement(Leaf, {
-        components,
-        ...child
-      });
+      return /* @__PURE__ */ React.createElement(Leaf, { components, ...child });
     case "mdxJsxTextElement":
     case "mdxJsxFlowElement":
       const Component = components[child.name];
       if (Component) {
         const props2 = child.props ? child.props : {};
-        return /* @__PURE__ */ React.createElement(Component, {
-          ...props2
-        });
+        return /* @__PURE__ */ React.createElement(Component, { ...props2 });
       } else {
         const ComponentMissing = components["component_missing"];
         if (ComponentMissing) {
-          return /* @__PURE__ */ React.createElement(ComponentMissing, {
-            name: child.name
-          });
+          return /* @__PURE__ */ React.createElement(ComponentMissing, { name: child.name });
         } else {
           return /* @__PURE__ */ React.createElement("span", null, `No component provided for ${child.name}`);
         }
@@ -215,19 +157,14 @@ const Node = ({ components, child }) => {
     case "html_inline":
       if (components[child.type]) {
         const Component2 = components[child.type];
-        return /* @__PURE__ */ React.createElement(Component2, {
-          ...props
-        });
+        return /* @__PURE__ */ React.createElement(Component2, { ...props });
       }
       return child.value;
     case "invalid_markdown":
       return /* @__PURE__ */ React.createElement("pre", null, child.value);
     default:
       if (typeof child.text === "string") {
-        return /* @__PURE__ */ React.createElement(Leaf, {
-          components,
-          ...child
-        });
+        return /* @__PURE__ */ React.createElement(Leaf, { components, ...child });
       }
   }
 };
@@ -257,26 +194,22 @@ const tinaField = (object, property, index) => {
   return "";
 };
 const Explorer = (props) => {
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "font-mono"
-  }, /* @__PURE__ */ React.createElement(ObjectValueRenderer, {
-    ...props
-  }));
+  return /* @__PURE__ */ React.createElement("div", { className: "font-mono" }, /* @__PURE__ */ React.createElement(ObjectValueRenderer, { ...props }));
 };
 const ObjectValueRenderer = (props) => {
   const subEntries = Object.entries(props.value).map(([keyName, subValue]) => {
-    return /* @__PURE__ */ React.createElement("div", {
-      key: keyName,
-      className: "gap-2"
-    }, /* @__PURE__ */ React.createElement(UnknownRenderer, {
-      keyName,
-      value: subValue,
-      parentValue: props.value,
-      parentKeyName: props.parentKeyName,
-      renderValue: props.renderValue,
-      renderRichText: props.renderRichText,
-      showMetaFields: props.showMetaFields
-    }));
+    return /* @__PURE__ */ React.createElement("div", { key: keyName, className: "gap-2" }, /* @__PURE__ */ React.createElement(
+      UnknownRenderer,
+      {
+        keyName,
+        value: subValue,
+        parentValue: props.value,
+        parentKeyName: props.parentKeyName,
+        renderValue: props.renderValue,
+        renderRichText: props.renderRichText,
+        showMetaFields: props.showMetaFields
+      }
+    ));
   });
   return /* @__PURE__ */ React.createElement("div", null, subEntries);
 };
@@ -290,11 +223,16 @@ const UnknownRenderer = ({
   showMetaFields
 }) => {
   const typeOfValue = typeof value;
-  const [expanded, setExpanded] = React.useState((value == null ? void 0 : value.type) === "root" ? false : true);
+  const [expanded, setExpanded] = React.useState(
+    /* @ts-ignore */
+    (value == null ? void 0 : value.type) === "root" ? false : true
+  );
   if (!showMetaFields) {
     if ([
+      // 'id',
       "_sys",
       "__typename",
+      // '_tina_metadata',
       "_internalValues",
       "_internalSys"
     ].includes(keyName)) {
@@ -302,46 +240,65 @@ const UnknownRenderer = ({
     }
   }
   if (Array.isArray(value)) {
-    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("button", {
-      onClick: () => setExpanded((exp) => !exp),
-      className: "min-w-[48px] flex justify-start gap-2"
-    }, keyName, ": ", "[", !expanded && `...]`), expanded && /* @__PURE__ */ React.createElement("div", {
-      className: "pl-4"
-    }, value.map((item, index) => /* @__PURE__ */ React.createElement(UnknownRenderer, {
-      key: String(index),
-      keyName: String(index),
-      value: item,
-      parentKeyName: keyName,
-      parentValue,
-      renderValue,
-      renderRichText
-    }))), expanded && /* @__PURE__ */ React.createElement("div", null, "]"));
+    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        onClick: () => setExpanded((exp) => !exp),
+        className: "min-w-[48px] flex justify-start gap-2"
+      },
+      keyName,
+      ": ",
+      "[",
+      !expanded && `...]`
+    ), expanded && /* @__PURE__ */ React.createElement("div", { className: "pl-4" }, value.map((item, index) => /* @__PURE__ */ React.createElement(
+      UnknownRenderer,
+      {
+        key: String(index),
+        keyName: String(index),
+        value: item,
+        parentKeyName: keyName,
+        parentValue,
+        renderValue,
+        renderRichText
+      }
+    ))), expanded && /* @__PURE__ */ React.createElement("div", null, "]"));
   }
   if (typeOfValue === "object") {
     if ((value == null ? void 0 : value.type) === "root" && renderRichText) {
-      return /* @__PURE__ */ React.createElement("div", {
-        className: "flex gap-2"
-      }, /* @__PURE__ */ React.createElement("button", {
-        onClick: () => setExpanded((exp) => !exp),
-        className: "min-w-[48px] flex justify-start gap-2"
-      }, keyName, ": ", !expanded && "{...}"), /* @__PURE__ */ React.createElement("div", null, expanded && renderRichText({ value, keyName, parentValue, parentKeyName })));
+      return /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          onClick: () => setExpanded((exp) => !exp),
+          className: "min-w-[48px] flex justify-start gap-2"
+        },
+        keyName,
+        ": ",
+        !expanded && "{...}"
+      ), /* @__PURE__ */ React.createElement("div", null, expanded && // @ts-ignore
+      renderRichText({ value, keyName, parentValue, parentKeyName })));
     }
-    return /* @__PURE__ */ React.createElement(ObjectRenderer, {
+    return /* @__PURE__ */ React.createElement(
+      ObjectRenderer,
+      {
+        keyName,
+        value,
+        parentValue,
+        parentKeyName,
+        renderValue,
+        renderRichText
+      }
+    );
+  }
+  return /* @__PURE__ */ React.createElement(
+    Value,
+    {
       keyName,
       value,
       parentValue,
       parentKeyName,
-      renderValue,
-      renderRichText
-    });
-  }
-  return /* @__PURE__ */ React.createElement(Value, {
-    keyName,
-    value,
-    parentValue,
-    parentKeyName,
-    renderValue
-  });
+      renderValue
+    }
+  );
 };
 const Value = ({
   keyName,
@@ -351,9 +308,7 @@ const Value = ({
   renderValue
 }) => {
   const keyDisplay = isNaN(Number(keyName)) ? `${keyName}: ` : ``;
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "flex gap-2"
-  }, /* @__PURE__ */ React.createElement("div", null, keyDisplay), /* @__PURE__ */ React.createElement("div", null, renderValue({ value, keyName, parentValue, parentKeyName })));
+  return /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement("div", null, keyDisplay), /* @__PURE__ */ React.createElement("div", null, renderValue({ value, keyName, parentValue, parentKeyName })));
 };
 const ObjectRenderer = ({
   keyName,
@@ -369,40 +324,42 @@ const ObjectRenderer = ({
   const v = value;
   const keyDisplay = isNaN(Number(keyName)) ? `${keyName}: ` : ``;
   if (value === null) {
-    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", {
-      className: "flex gap-2"
-    }, /* @__PURE__ */ React.createElement("div", {
-      className: ""
-    }, keyDisplay), /* @__PURE__ */ React.createElement("div", {
-      className: "text-gray-400"
-    }, "null")));
+    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "" }, keyDisplay), /* @__PURE__ */ React.createElement("div", { className: "text-gray-400" }, "null")));
   } else {
     const fieldName = tinaField(v);
     const extraProps = {};
     if (fieldName !== "undefined#undefined" && withDataTinaFieldState) {
       extraProps["data-tina-field"] = fieldName;
     }
-    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", {
-      className: "flex justify-between"
-    }, /* @__PURE__ */ React.createElement("button", {
-      onClick: () => setExpanded((exp) => !exp),
-      className: "min-w-[48px] flex justify-start gap-2"
-    }, keyDisplay, "{", !expanded && `...}`), expanded && /* @__PURE__ */ React.createElement("button", {
-      onClick: () => {
-        setShowMetaFields((show) => !show);
+    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        onClick: () => setExpanded((exp) => !exp),
+        className: "min-w-[48px] flex justify-start gap-2"
       },
-      className: "min-w-[48px] text-sm text-gray-400"
-    }, showMetaFields ? "Hide meta fields" : "Show meta fields")), expanded && /* @__PURE__ */ React.createElement("div", {
-      className: "pl-4",
-      ...extraProps
-    }, /* @__PURE__ */ React.createElement(ObjectValueRenderer, {
-      value: v,
-      parentValue,
-      parentKeyName,
-      renderValue,
-      renderRichText,
-      showMetaFields
-    })), expanded && /* @__PURE__ */ React.createElement("div", null, "}"));
+      keyDisplay,
+      "{",
+      !expanded && `...}`
+    ), expanded && /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        onClick: () => {
+          setShowMetaFields((show) => !show);
+        },
+        className: "min-w-[48px] text-sm text-gray-400"
+      },
+      showMetaFields ? "Hide meta fields" : "Show meta fields"
+    )), expanded && /* @__PURE__ */ React.createElement("div", { className: "pl-4", ...extraProps }, /* @__PURE__ */ React.createElement(
+      ObjectValueRenderer,
+      {
+        value: v,
+        parentValue,
+        parentKeyName,
+        renderValue,
+        renderRichText,
+        showMetaFields
+      }
+    )), expanded && /* @__PURE__ */ React.createElement("div", null, "}"));
   }
 };
 const JsonContext = React.createContext({ withDataTinaFieldState: true });
@@ -417,70 +374,79 @@ function Json({
   if (!isClient) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(Suspense, {
-    fallback: /* @__PURE__ */ React.createElement("div", {
-      className: ""
-    }, "Loading...")
-  }, /* @__PURE__ */ React.createElement(JsonContext.Provider, {
-    value: {
-      withDataTinaFieldState: withDataTinaFieldState === false ? false : true
-    }
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "px-4"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "mx-auto my-8 border rounded-lg p-8 shadow-lg max-w-5xl mx-auto shadow-lg"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "h-full overflow-scroll"
-  }, /* @__PURE__ */ React.createElement(Explorer, {
-    value: src,
-    renderRichText: ({
-      value,
-      keyName,
-      parentValue,
-      parentKeyName
-    }) => {
-      let fieldName = "";
-      if (!isNaN(Number(keyName))) {
-        fieldName = `${tinaField(parentValue, parentKeyName)}.${keyName}`;
-      } else {
-        fieldName = tinaField(parentValue, keyName);
+  return /* @__PURE__ */ React.createElement(Suspense, { fallback: /* @__PURE__ */ React.createElement("div", { className: "" }, "Loading...") }, /* @__PURE__ */ React.createElement(
+    JsonContext.Provider,
+    {
+      value: {
+        withDataTinaFieldState: withDataTinaFieldState === false ? false : true
       }
-      const extraProps = {};
-      if (fieldName !== "undefined#undefined") {
-        if (fieldName && withDataTinaFieldState) {
-          extraProps["data-tina-field"] = fieldName;
-        }
-      }
-      return /* @__PURE__ */ React.createElement("div", {
-        className: "font-sans px-2 border-l-2 bg-gray-50 w-full prose",
-        ...extraProps
-      }, /* @__PURE__ */ React.createElement(TinaMarkdown, {
-        content: value
-      }));
     },
-    renderValue: ({
-      value,
-      keyName,
-      parentValue,
-      parentKeyName
-    }) => {
-      let fieldName = "";
-      if (!isNaN(Number(keyName))) {
-        fieldName = `${tinaField(parentValue, parentKeyName)}.${keyName}`;
-      } else {
-        fieldName = tinaField(parentValue, keyName);
-      }
-      const extraProps = {};
-      if (fieldName !== "undefined#undefined") {
-        if (fieldName && withDataTinaFieldState) {
-          extraProps["data-tina-field"] = fieldName;
+    /* @__PURE__ */ React.createElement("div", { className: "px-4" }, /* @__PURE__ */ React.createElement("div", { className: "mx-auto my-8 border rounded-lg p-8 shadow-lg max-w-5xl mx-auto shadow-lg" }, /* @__PURE__ */ React.createElement("div", { className: "h-full overflow-scroll" }, /* @__PURE__ */ React.createElement(
+      Explorer,
+      {
+        value: src,
+        renderRichText: ({
+          value,
+          // @ts-ignore
+          keyName,
+          // @ts-ignore
+          parentValue,
+          // @ts-ignore
+          parentKeyName
+        }) => {
+          let fieldName = "";
+          if (!isNaN(Number(keyName))) {
+            fieldName = `${tinaField(
+              parentValue,
+              parentKeyName
+            )}.${keyName}`;
+          } else {
+            fieldName = tinaField(parentValue, keyName);
+          }
+          const extraProps = {};
+          if (fieldName !== "undefined#undefined") {
+            if (fieldName && withDataTinaFieldState) {
+              extraProps["data-tina-field"] = fieldName;
+            }
+          }
+          return /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              className: "font-sans px-2 border-l-2 bg-gray-50 w-full prose",
+              ...extraProps
+            },
+            /* @__PURE__ */ React.createElement(TinaMarkdown, { content: value })
+          );
+        },
+        renderValue: ({
+          value,
+          keyName,
+          parentValue,
+          parentKeyName
+        }) => {
+          let fieldName = "";
+          if (!isNaN(Number(keyName))) {
+            fieldName = `${tinaField(
+              parentValue,
+              // @ts-ignore
+              parentKeyName
+            )}.${keyName}`;
+          } else {
+            fieldName = tinaField(parentValue, keyName);
+          }
+          const extraProps = {};
+          if (fieldName !== "undefined#undefined") {
+            if (fieldName && withDataTinaFieldState) {
+              extraProps["data-tina-field"] = fieldName;
+            }
+          }
+          return /* @__PURE__ */ React.createElement("span", { className: "text-orange-600", ...extraProps }, value);
         }
       }
-      return /* @__PURE__ */ React.createElement("span", {
-        className: "text-orange-600",
-        ...extraProps
-      }, value);
-    }
-  }))))));
+    ))))
+  ));
 }
-export { Explorer, Json };
+export {
+  Explorer,
+  Json
+};