@xyo-network/react-typedoc 2.81.9 → 2.82.0

package/dist/node/index.cjs

@@ -1,8 +1,11 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -40,48 +51,60 @@ module.exports = __toCommonJS(src_exports);
 // src/CommentViewer.tsx
 var import_material = require("@mui/material");
 var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_jsx_runtime = require("react/jsx-runtime");
-var CommentViewer = ({ comment, ...props }) => {
+var import_react = __toESM(require("react"), 1);
+var CommentViewer = /* @__PURE__ */ __name(({ comment, ...props }) => {
   var _a;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { alignItems: "stretch", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "body2", children: (_a = comment.summary[0]) == null ? void 0 : _a.text }) });
-};
+  return /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexCol, {
+    alignItems: "stretch",
+    ...props
+  }, /* @__PURE__ */ import_react.default.createElement(import_material.Typography, {
+    variant: "body2"
+  }, (_a = comment.summary[0]) == null ? void 0 : _a.text));
+}, "CommentViewer");
 
 // src/JsonViewerButton.tsx
 var import_material2 = require("@mui/material");
 var import_react_button = require("@xylabs/react-button");
 var import_react_payload_raw_info = require("@xyo-network/react-payload-raw-info");
-var import_react = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var JsonViewerButton = ({ jsonViewProps, src, title, ...props }) => {
-  const [open, setOpen] = (0, import_react.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { onClick: () => setOpen(!open), ...props, children: "JSON" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.Dialog, { open, onClose: () => setOpen(false), children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.DialogTitle, { children: title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_payload_raw_info.JsonViewerEx, { value: src, ...jsonViewProps }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { onClick: () => setOpen(false), children: "Close" }) })
-    ] })
-  ] });
-};
+var import_react2 = __toESM(require("react"), 1);
+var JsonViewerButton = /* @__PURE__ */ __name(({ jsonViewProps, src, title, ...props }) => {
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react_button.ButtonEx, {
+    onClick: /* @__PURE__ */ __name(() => setOpen(!open), "onClick"),
+    ...props
+  }, "JSON"), /* @__PURE__ */ import_react2.default.createElement(import_material2.Dialog, {
+    open,
+    onClose: /* @__PURE__ */ __name(() => setOpen(false), "onClose")
+  }, title ? /* @__PURE__ */ import_react2.default.createElement(import_material2.DialogTitle, null, title) : null, /* @__PURE__ */ import_react2.default.createElement(import_material2.DialogContent, null, /* @__PURE__ */ import_react2.default.createElement(import_react_payload_raw_info.JsonViewerEx, {
+    value: src,
+    ...jsonViewProps
+  })), /* @__PURE__ */ import_react2.default.createElement(import_material2.DialogActions, null, /* @__PURE__ */ import_react2.default.createElement(import_react_button.ButtonEx, {
+    onClick: /* @__PURE__ */ __name(() => setOpen(false), "onClick")
+  }, "Close"))));
+}, "JsonViewerButton");
 
 // src/ProjectTwoPanelReflectionViewer.tsx
 var import_assert = require("@xylabs/assert");
+var import_react15 = __toESM(require("react"), 1);
+
+// src/ReflectionViewer/Container.tsx
+var import_react8 = __toESM(require("react"), 1);
 
 // src/createLookup.ts
-var createLookup = (reflection) => {
+var createLookup = /* @__PURE__ */ __name((reflection) => {
   const lookup = {};
   if (reflection.children) for (const item of reflection.children) lookup[item.id] = item;
   return lookup;
-};
+}, "createLookup");
 
 // src/ReflectionViewer/ReflectionGroupViewer.tsx
 var import_material5 = require("@mui/material");
 var import_react_flexbox4 = require("@xylabs/react-flexbox");
-var import_react2 = require("react");
+var import_react7 = __toESM(require("react"), 1);
 var import_react_router_dom = require("react-router-dom");
 
 // src/resolveChildren.ts
-var resolveChildren = (reflection, lookup = {}) => {
+var resolveChildren = /* @__PURE__ */ __name((reflection, lookup = {}) => {
   var _a;
   return ((_a = reflection.children) == null ? void 0 : _a.map((child) => {
     switch (typeof child) {
@@ -100,28 +123,31 @@ var resolveChildren = (reflection, lookup = {}) => {
       }
     }
   })) ?? [];
-};
+}, "resolveChildren");
 
 // src/ReflectionViewer/ReflectionViewer.tsx
 var import_react_flexbox3 = require("@xylabs/react-flexbox");
+var import_react6 = __toESM(require("react"), 1);
 
 // src/ReflectionViewer/NameViewer.tsx
 var import_material4 = require("@mui/material");
 var import_react_flexbox2 = require("@xylabs/react-flexbox");
+var import_react5 = __toESM(require("react"), 1);
 
 // src/trimFlagLabel.ts
-var trimFlagLabel = (label) => {
+var trimFlagLabel = /* @__PURE__ */ __name((label) => {
   if (label.startsWith("is")) {
     return label.slice(2);
   }
   return label;
-};
+}, "trimFlagLabel");
 
 // src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx
 var import_material3 = require("@mui/material");
+var import_react4 = __toESM(require("react"), 1);
 
 // src/ReflectionViewer/SomeTypeViewer/buildArrayString.tsx
-var buildArrayString = (typeObj, reflectionViewer, typeBuilder) => {
+var buildArrayString = /* @__PURE__ */ __name((typeObj, reflectionViewer, typeBuilder) => {
   const parts = [];
   const typeString = typeBuilder(typeObj.elementType, reflectionViewer);
   if (typeof typeString === "string") {
@@ -129,60 +155,54 @@ var buildArrayString = (typeObj, reflectionViewer, typeBuilder) => {
   }
   parts.push("[]");
   return parts;
-};
+}, "buildArrayString");
 
 // src/ReflectionViewer/SomeTypeViewer/buildIntersectionString.tsx
-var buildIntersectionString = (typeObj, reflectionViewer, typeBuilder) => {
+var buildIntersectionString = /* @__PURE__ */ __name((typeObj, reflectionViewer, typeBuilder) => {
   const parts = [];
   if (typeObj.types) {
-    parts.push(
-      typeObj.types.map((arg) => {
-        return typeBuilder(arg, reflectionViewer);
-      }).join(" & ")
-    );
+    parts.push(typeObj.types.map((arg) => {
+      return typeBuilder(arg, reflectionViewer);
+    }).join(" & "));
   }
   return parts;
-};
+}, "buildIntersectionString");
 
 // src/ReflectionViewer/SomeTypeViewer/buildReferenceString.ts
-var buildReferenceString = (typeObj, reflectionViewer, typeBuilder) => {
+var buildReferenceString = /* @__PURE__ */ __name((typeObj, reflectionViewer, typeBuilder) => {
   const parts = [];
   parts.push(typeObj.name);
   if (typeObj.typeArguments) {
-    parts.push(
-      "<",
-      typeObj.typeArguments.map((arg) => {
-        return typeBuilder(arg, reflectionViewer);
-      }).join(", "),
-      ">"
-    );
+    parts.push("<", typeObj.typeArguments.map((arg) => {
+      return typeBuilder(arg, reflectionViewer);
+    }).join(", "), ">");
   }
   return parts;
-};
+}, "buildReferenceString");
 
 // src/ReflectionViewer/SomeTypeViewer/buildReflectionString.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var buildReflectionString = (typeObj, reflectionViewer) => {
+var import_react3 = __toESM(require("react"), 1);
+var buildReflectionString = /* @__PURE__ */ __name((typeObj, reflectionViewer) => {
   if (typeObj.declaration) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: reflectionViewer({ reflection: typeObj.declaration }) });
+    return /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, reflectionViewer({
+      reflection: typeObj.declaration
+    }));
   }
-};
+}, "buildReflectionString");
 
 // src/ReflectionViewer/SomeTypeViewer/buildUnionString.tsx
-var buildUnionString = (typeObj, reflectionViewer, typeBuilder) => {
+var buildUnionString = /* @__PURE__ */ __name((typeObj, reflectionViewer, typeBuilder) => {
   const parts = [];
   if (typeObj.types) {
-    parts.push(
-      typeObj.types.map((arg) => {
-        return typeBuilder(arg, reflectionViewer);
-      }).join(" | ")
-    );
+    parts.push(typeObj.types.map((arg) => {
+      return typeBuilder(arg, reflectionViewer);
+    }).join(" | "));
   }
   return parts;
-};
+}, "buildUnionString");
 
 // src/ReflectionViewer/SomeTypeViewer/buildTypeString.tsx
-var buildTypeString = (type, reflectionViewer) => {
+var buildTypeString = /* @__PURE__ */ __name((type, reflectionViewer) => {
   const someType = type;
   const parts = [];
   switch (someType.type) {
@@ -219,42 +239,60 @@ var buildTypeString = (type, reflectionViewer) => {
     }
   }
   return parts.join("");
-};
+}, "buildTypeString");
 
 // src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var SomeTypeViewer = ({ opacity = 0.5, reflection, reflectionViewer, ...props }) => {
+var SomeTypeViewer = /* @__PURE__ */ __name(({ opacity = 0.5, reflection, reflectionViewer, ...props }) => {
   const typeReactNode = reflection.type ? buildTypeString(reflection.type, reflectionViewer) : "";
   if (typeof typeReactNode === "string") {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material3.Typography, { title: "SomeTypeViewer", style: { opacity }, ...props, children: typeReactNode });
+    return /* @__PURE__ */ import_react4.default.createElement(import_material3.Typography, {
+      title: "SomeTypeViewer",
+      style: {
+        opacity
+      },
+      ...props
+    }, typeReactNode);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: typeReactNode });
-};
+  return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, typeReactNode);
+}, "SomeTypeViewer");
 
 // src/ReflectionViewer/NameViewer.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var NameViewer = ({ reflectionViewer, variant, reflection, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_flexbox2.FlexRow, { justifyContent: "flex-start", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_flexbox2.FlexRow, { marginRight: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material4.Typography, { variant, noWrap: true, children: [
-        reflection.name,
-        reflection.type ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: ":\xA0" }) : null
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SomeTypeViewer, { reflection, reflectionViewer })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material4.Stack, { direction: "row", spacing: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material4.Chip, { size: "small", label: reflection.kind }),
-      reflection.flags ? Object.entries(reflection.flags).map(([flag, value]) => {
-        return value ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material4.Chip, { size: "small", label: trimFlagLabel(flag), variant: "outlined" }, flag) : null;
-      }) : null
-    ] }),
-    document && (document == null ? void 0 : document.location.hostname) === "localhost" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(JsonViewerButton, { size: "small", variant: "contained", padding: 0, marginX: 1, src: reflection })
-  ] });
-};
+var NameViewer = /* @__PURE__ */ __name(({ reflectionViewer, variant, reflection, ...props }) => {
+  return /* @__PURE__ */ import_react5.default.createElement(import_react_flexbox2.FlexRow, {
+    justifyContent: "flex-start",
+    ...props
+  }, /* @__PURE__ */ import_react5.default.createElement(import_react_flexbox2.FlexRow, {
+    marginRight: 1
+  }, /* @__PURE__ */ import_react5.default.createElement(import_material4.Typography, {
+    variant,
+    noWrap: true
+  }, reflection.name, reflection.type ? /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, ":\xA0") : null), /* @__PURE__ */ import_react5.default.createElement(SomeTypeViewer, {
+    reflection,
+    reflectionViewer
+  })), /* @__PURE__ */ import_react5.default.createElement(import_material4.Stack, {
+    direction: "row",
+    spacing: 1
+  }, /* @__PURE__ */ import_react5.default.createElement(import_material4.Chip, {
+    size: "small",
+    label: reflection.kind
+  }), reflection.flags ? Object.entries(reflection.flags).map(([flag, value]) => {
+    return value ? /* @__PURE__ */ import_react5.default.createElement(import_material4.Chip, {
+      size: "small",
+      key: flag,
+      label: trimFlagLabel(flag),
+      variant: "outlined"
+    }) : null;
+  }) : null), document && (document == null ? void 0 : document.location.hostname) === "localhost" && /* @__PURE__ */ import_react5.default.createElement(JsonViewerButton, {
+    size: "small",
+    variant: "contained",
+    padding: 0,
+    marginX: 1,
+    src: reflection
+  }));
+}, "NameViewer");
 
 // src/ReflectionViewer/ReflectionViewer.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var hide = (flags, hiddenFlags = []) => {
+var hide = /* @__PURE__ */ __name((flags, hiddenFlags = []) => {
   let hide3 = false;
   hiddenFlags.map((hiddenFlag) => {
     if (flags == null ? void 0 : flags[hiddenFlag]) {
@@ -262,23 +300,34 @@ var hide = (flags, hiddenFlags = []) => {
     }
   });
   return hide3;
-};
-var ReflectionViewer = ({ variant, nameViewer, children, reflection, hiddenFlags, ...props }) => {
+}, "hide");
+var ReflectionViewer = /* @__PURE__ */ __name(({ variant, nameViewer, children, reflection, hiddenFlags, ...props }) => {
   var _a;
   const someReflection = reflection;
-  return hide(reflection == null ? void 0 : reflection.flags, hiddenFlags) ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_flexbox3.FlexCol, { title: "ReflectionViewer", alignItems: "stretch", ...props, children: [
-    nameViewer === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(NameViewer, { marginY: 0.25, variant, reflection: someReflection, reflectionViewer: ReflectionViewer }) : nameViewer,
-    reflection.comment ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CommentViewer, { comment: reflection.comment }) : null,
-    ((_a = someReflection.parameters) == null ? void 0 : _a.map((parameter) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ReflectionViewer, { hiddenFlags, marginY: 0.25, marginX: 1, reflection: parameter }, parameter.id);
-    })) ?? null,
-    children
-  ] });
-};
+  return hide(reflection == null ? void 0 : reflection.flags, hiddenFlags) ? null : /* @__PURE__ */ import_react6.default.createElement(import_react_flexbox3.FlexCol, {
+    title: "ReflectionViewer",
+    alignItems: "stretch",
+    ...props
+  }, nameViewer === void 0 ? /* @__PURE__ */ import_react6.default.createElement(NameViewer, {
+    marginY: 0.25,
+    variant,
+    reflection: someReflection,
+    reflectionViewer: ReflectionViewer
+  }) : nameViewer, reflection.comment ? /* @__PURE__ */ import_react6.default.createElement(CommentViewer, {
+    comment: reflection.comment
+  }) : null, ((_a = someReflection.parameters) == null ? void 0 : _a.map((parameter) => {
+    return /* @__PURE__ */ import_react6.default.createElement(ReflectionViewer, {
+      hiddenFlags,
+      marginY: 0.25,
+      marginX: 1,
+      key: parameter.id,
+      reflection: parameter
+    });
+  })) ?? null, children);
+}, "ReflectionViewer");
 
 // src/ReflectionViewer/ReflectionGroupViewer.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var hide2 = (flags, hiddenFlags = []) => {
+var hide2 = /* @__PURE__ */ __name((flags, hiddenFlags = []) => {
   let hide3 = false;
   hiddenFlags.map((hiddenFlag) => {
     if (flags == null ? void 0 : flags[hiddenFlag]) {
@@ -286,342 +335,366 @@ var hide2 = (flags, hiddenFlags = []) => {
     }
   });
   return hide3;
-};
-var ReflectionGroupViewer = ({
-  autoScroll = false,
-  children,
-  hiddenFlags,
-  group,
-  lookup,
-  renderer = ReflectionViewer,
-  variant,
-  ...props
-}) => {
+}, "hide");
+var ReflectionGroupViewer = /* @__PURE__ */ __name(({ autoScroll = false, children, hiddenFlags, group, lookup, renderer = ReflectionViewer, variant, ...props }) => {
   const resolvedChildren = resolveChildren(group, lookup) ?? [];
   const visibleChildren = hiddenFlags ? resolvedChildren.reduce((acc, item) => {
     return acc + (hide2(item.flags, hiddenFlags) ? 0 : 1);
   }, 0) : 1;
   const { hash } = (0, import_react_router_dom.useLocation)();
-  (0, import_react2.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     var _a;
     if (hash && autoScroll) {
-      (_a = document.querySelector(hash)) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
+      (_a = document.querySelector(hash)) == null ? void 0 : _a.scrollIntoView({
+        behavior: "smooth"
+      });
     }
-  }, [hash, autoScroll]);
-  return visibleChildren > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_flexbox4.FlexCol, { title: "ReflectionGroupViewer", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_flexbox4.FlexRow, { marginY: 1, justifyContent: "flex-start", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Typography, { variant, children: group.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(JsonViewerButton, { size: "small", variant: "contained", padding: 0, marginX: 1, src: resolveChildren(group, lookup) })
-    ] }),
-    resolveChildren(group, lookup).map((reflection) => {
-      return reflection ? (
-        // I wrap this in a div since React does not understand that they have keys using the Renderer
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { id: reflection.name, children: renderer({ hiddenFlags, lookup, margin: 1, padding: 1, reflection }) }, reflection.id)
-      ) : null;
-    }),
-    children
-  ] }) : null;
-};
+  }, [
+    hash,
+    autoScroll
+  ]);
+  return visibleChildren > 0 ? /* @__PURE__ */ import_react7.default.createElement(import_react_flexbox4.FlexCol, {
+    title: "ReflectionGroupViewer",
+    ...props
+  }, /* @__PURE__ */ import_react7.default.createElement(import_react_flexbox4.FlexRow, {
+    marginY: 1,
+    justifyContent: "flex-start"
+  }, /* @__PURE__ */ import_react7.default.createElement(import_material5.Typography, {
+    variant
+  }, group.title), /* @__PURE__ */ import_react7.default.createElement(JsonViewerButton, {
+    size: "small",
+    variant: "contained",
+    padding: 0,
+    marginX: 1,
+    src: resolveChildren(group, lookup)
+  })), resolveChildren(group, lookup).map((reflection) => {
+    return reflection ? /* @__PURE__ */ import_react7.default.createElement("div", {
+      id: reflection.name,
+      key: reflection.id
+    }, renderer({
+      hiddenFlags,
+      lookup,
+      margin: 1,
+      padding: 1,
+      reflection
+    })) : null;
+  }), children) : null;
+}, "ReflectionGroupViewer");
 
 // src/ReflectionViewer/Container.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var ContainerReflectionViewer = ({
-  children,
-  reflection,
-  hiddenFlags,
-  itemRenderer = ReflectionViewer,
-  ...props
-}) => {
+var ContainerReflectionViewer = /* @__PURE__ */ __name(({ children, reflection, hiddenFlags, itemRenderer = ReflectionViewer, ...props }) => {
   var _a;
   const lookup = createLookup(reflection);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(ReflectionViewer, { title: "ContainerReflectionViewer", sources: true, reflection, lookup, ...props, children: [
-    (_a = reflection.groups) == null ? void 0 : _a.map((group) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        ReflectionGroupViewer,
-        {
-          margin: 1,
-          lookup,
-          renderer: itemRenderer,
-          group,
-          reflection,
-          hiddenFlags,
-          alignItems: "stretch"
-        },
-        group.title
-      );
-    }),
-    children
-  ] });
-};
+  return /* @__PURE__ */ import_react8.default.createElement(ReflectionViewer, {
+    title: "ContainerReflectionViewer",
+    sources: true,
+    reflection,
+    lookup,
+    ...props
+  }, (_a = reflection.groups) == null ? void 0 : _a.map((group) => {
+    return /* @__PURE__ */ import_react8.default.createElement(ReflectionGroupViewer, {
+      margin: 1,
+      lookup,
+      renderer: itemRenderer,
+      key: group.title,
+      group,
+      reflection,
+      hiddenFlags,
+      alignItems: "stretch"
+    });
+  }), children);
+}, "ContainerReflectionViewer");
 
 // src/ReflectionViewer/Declaration.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var DeclarationReflectionViewer = ({ reflection, hiddenFlags, ...props }) => {
+var import_react9 = __toESM(require("react"), 1);
+var DeclarationReflectionViewer = /* @__PURE__ */ __name(({ reflection, hiddenFlags, ...props }) => {
   var _a, _b, _c;
-  const safeSignatures = (signatures) => {
-    return Array.isArray(signatures) ? signatures : signatures ? [signatures] : void 0;
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-    ReflectionViewer,
-    {
-      nameViewer: reflection.signatures || reflection.getSignature || reflection.setSignature ? null : void 0,
-      title: "DeclarationReflectionViewer",
+  const safeSignatures = /* @__PURE__ */ __name((signatures) => {
+    return Array.isArray(signatures) ? signatures : signatures ? [
+      signatures
+    ] : void 0;
+  }, "safeSignatures");
+  return /* @__PURE__ */ import_react9.default.createElement(ReflectionViewer, {
+    nameViewer: reflection.signatures || reflection.getSignature || reflection.setSignature ? null : void 0,
+    title: "DeclarationReflectionViewer",
+    hiddenFlags,
+    reflection,
+    ...props
+  }, (_a = reflection.signatures) == null ? void 0 : _a.map((signature) => {
+    return /* @__PURE__ */ import_react9.default.createElement(ReflectionViewer, {
+      key: signature.id,
       hiddenFlags,
-      reflection,
-      ...props,
-      children: [
-        (_a = reflection.signatures) == null ? void 0 : _a.map((signature) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ReflectionViewer, { hiddenFlags, reflection: signature }, signature.id);
-        }),
-        (_b = safeSignatures(reflection.getSignature)) == null ? void 0 : _b.map((signature) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ReflectionViewer, { marginX: 1, hiddenFlags, reflection: signature }, signature.id);
-        }),
-        (_c = safeSignatures(reflection.setSignature)) == null ? void 0 : _c.map((signature) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ReflectionViewer, { marginX: 1, hiddenFlags, reflection: signature }, signature.id);
-        })
-      ]
-    }
-  );
-};
+      reflection: signature
+    });
+  }), (_b = safeSignatures(reflection.getSignature)) == null ? void 0 : _b.map((signature) => {
+    return /* @__PURE__ */ import_react9.default.createElement(ReflectionViewer, {
+      marginX: 1,
+      key: signature.id,
+      hiddenFlags,
+      reflection: signature
+    });
+  }), (_c = safeSignatures(reflection.setSignature)) == null ? void 0 : _c.map((signature) => {
+    return /* @__PURE__ */ import_react9.default.createElement(ReflectionViewer, {
+      marginX: 1,
+      key: signature.id,
+      hiddenFlags,
+      reflection: signature
+    });
+  }));
+}, "DeclarationReflectionViewer");
 
 // src/ReflectionViewer/DeclarationContainer.tsx
 var import_material6 = require("@mui/material");
+var import_react10 = __toESM(require("react"), 1);
 var import_react_router_dom2 = require("react-router-dom");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var DeclarationContainerReflectionViewer = ({
-  reflection,
-  lookup,
-  itemRenderer = DeclarationReflectionViewer,
-  ...props
-}) => {
+var DeclarationContainerReflectionViewer = /* @__PURE__ */ __name(({ reflection, lookup, itemRenderer = DeclarationReflectionViewer, ...props }) => {
   const { hash } = (0, import_react_router_dom2.useLocation)();
   const theme = (0, import_material6.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    ContainerReflectionViewer,
-    {
-      title: "DeclarationContainerReflectionViewer",
-      paper: hash.slice(1) === reflection.name,
-      bgcolor: hash.slice(1) === reflection.name ? theme.palette.background.default : void 0,
-      lookup,
-      itemRenderer,
-      reflection,
-      ...props
-    }
-  );
-};
+  return /* @__PURE__ */ import_react10.default.createElement(ContainerReflectionViewer, {
+    title: "DeclarationContainerReflectionViewer",
+    paper: hash.slice(1) === reflection.name,
+    bgcolor: hash.slice(1) === reflection.name ? theme.palette.background.default : void 0,
+    lookup,
+    itemRenderer,
+    reflection,
+    ...props
+  });
+}, "DeclarationContainerReflectionViewer");
 
 // src/ReflectionViewer/Project.tsx
-var import_react3 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var ProjectReflectionViewer = ({
-  reflection,
-  hiddenFlags,
-  itemRenderer = ReflectionViewer,
-  ...props
-}) => {
-  const lookup = (0, import_react3.useMemo)(() => createLookup(reflection), [reflection]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ReflectionViewer, { title: "ProjectReflectionViewer", hiddenFlags, reflection, ...props, children: (0, import_react3.useMemo)(() => {
+var import_react11 = __toESM(require("react"), 1);
+var ProjectReflectionViewer = /* @__PURE__ */ __name(({ reflection, hiddenFlags, itemRenderer = ReflectionViewer, ...props }) => {
+  const lookup = (0, import_react11.useMemo)(() => createLookup(reflection), [
+    reflection
+  ]);
+  return /* @__PURE__ */ import_react11.default.createElement(ReflectionViewer, {
+    title: "ProjectReflectionViewer",
+    hiddenFlags,
+    reflection,
+    ...props
+  }, (0, import_react11.useMemo)(() => {
     var _a;
     return (_a = reflection.groups) == null ? void 0 : _a.map((group) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-        ReflectionGroupViewer,
-        {
-          autoScroll: true,
-          variant: "h6",
-          lookup,
-          renderer: itemRenderer,
-          group,
-          reflection,
-          alignItems: "stretch",
-          hiddenFlags
-        },
-        group.title
-      );
+      return /* @__PURE__ */ import_react11.default.createElement(ReflectionGroupViewer, {
+        autoScroll: true,
+        variant: "h6",
+        lookup,
+        key: group.title,
+        renderer: itemRenderer,
+        group,
+        reflection,
+        alignItems: "stretch",
+        hiddenFlags
+      });
     });
-  }, [lookup, reflection, hiddenFlags, itemRenderer]) });
-};
+  }, [
+    lookup,
+    reflection,
+    hiddenFlags,
+    itemRenderer
+  ]));
+}, "ProjectReflectionViewer");
 
 // src/TwoPanelReflectionViewer.tsx
 var import_icons_material2 = require("@mui/icons-material");
 var import_material9 = require("@mui/material");
 var import_react_flexbox7 = require("@xylabs/react-flexbox");
-var import_react4 = require("react");
+var import_react14 = __toESM(require("react"), 1);
 
 // src/TreeViewer/Reflection.tsx
 var import_icons_material = require("@mui/icons-material");
 var import_material7 = require("@mui/material");
 var import_x_tree_view = require("@mui/x-tree-view");
 var import_react_flexbox5 = require("@xylabs/react-flexbox");
+var import_react12 = __toESM(require("react"), 1);
 var import_react_router_dom3 = require("react-router-dom");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var ReflectionTreeViewer = ({ lookup, reflection, searchTerm, ...props }) => {
+var ReflectionTreeViewer = /* @__PURE__ */ __name(({ lookup, reflection, searchTerm, ...props }) => {
   var _a;
   const navigate = (0, import_react_router_dom3.useNavigate)();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_flexbox5.FlexCol, { alignItems: "stretch", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_x_tree_view.TreeView,
-    {
-      "aria-label": "XYO SDK Documentation",
-      defaultExpandIcon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material.Add, {}),
-      defaultCollapseIcon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material.Remove, {}),
-      defaultExpanded: reflection.groups ? [reflection.groups[0].title] : [],
-      children: (_a = reflection.groups) == null ? void 0 : _a.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_x_tree_view.TreeItem, { nodeId: group.title, label: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material7.Typography, { variant: "h6", children: group.title }), children: group.children.map((child, jndex) => {
-        const searchTermTrimmed = searchTerm == null ? void 0 : searchTerm.trim().toLowerCase();
-        const childReflection = typeof child === "number" ? lookup == null ? void 0 : lookup[child] : child;
-        return childReflection && (!searchTermTrimmed || childReflection.name.toLowerCase().includes(searchTermTrimmed)) ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          import_x_tree_view.TreeItem,
-          {
-            nodeId: `declaration-${childReflection == null ? void 0 : childReflection.id}`,
-            label: childReflection.name,
-            onClick: () => {
-              var _a2;
-              const hash = `#${childReflection.name}`;
-              navigate({ hash });
-              (_a2 = document.querySelector(hash)) == null ? void 0 : _a2.scrollIntoView({ behavior: "smooth" });
-            }
-          },
-          `secondary-${index}- ${jndex}`
-        ) : null;
-      }) }, `primary-${index}`))
-    }
-  ) });
-};
+  return /* @__PURE__ */ import_react12.default.createElement(import_react_flexbox5.FlexCol, {
+    alignItems: "stretch",
+    ...props
+  }, /* @__PURE__ */ import_react12.default.createElement(import_x_tree_view.TreeView, {
+    "aria-label": "XYO SDK Documentation",
+    defaultExpandIcon: /* @__PURE__ */ import_react12.default.createElement(import_icons_material.Add, null),
+    defaultCollapseIcon: /* @__PURE__ */ import_react12.default.createElement(import_icons_material.Remove, null),
+    defaultExpanded: reflection.groups ? [
+      reflection.groups[0].title
+    ] : []
+  }, (_a = reflection.groups) == null ? void 0 : _a.map((group, index) => /* @__PURE__ */ import_react12.default.createElement(import_x_tree_view.TreeItem, {
+    key: `primary-${index}`,
+    nodeId: group.title,
+    label: /* @__PURE__ */ import_react12.default.createElement(import_material7.Typography, {
+      variant: "h6"
+    }, group.title)
+  }, group.children.map((child, jndex) => {
+    const searchTermTrimmed = searchTerm == null ? void 0 : searchTerm.trim().toLowerCase();
+    const childReflection = typeof child === "number" ? lookup == null ? void 0 : lookup[child] : child;
+    return childReflection && (!searchTermTrimmed || childReflection.name.toLowerCase().includes(searchTermTrimmed)) ? /* @__PURE__ */ import_react12.default.createElement(import_x_tree_view.TreeItem, {
+      key: `secondary-${index}- ${jndex}`,
+      nodeId: `declaration-${childReflection == null ? void 0 : childReflection.id}`,
+      label: childReflection.name,
+      onClick: /* @__PURE__ */ __name(() => {
+        var _a2;
+        const hash = `#${childReflection.name}`;
+        navigate({
+          hash
+        });
+        (_a2 = document.querySelector(hash)) == null ? void 0 : _a2.scrollIntoView({
+          behavior: "smooth"
+        });
+      }, "onClick")
+    }) : null;
+  })))));
+}, "ReflectionTreeViewer");
 
 // src/TreeViewer/ReflectionGroup.tsx
 var import_material8 = require("@mui/material");
 var import_react_flexbox6 = require("@xylabs/react-flexbox");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var ReflectionGroupTreeViewer = ({
-  variant,
-  group,
-  children,
-  lookup,
-  renderer = ReflectionViewer,
-  ...props
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_flexbox6.FlexCol, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_flexbox6.FlexRow, { marginY: 1, justifyContent: "flex-start", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material8.Typography, { variant, children: group.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(JsonViewerButton, { size: "small", variant: "contained", padding: 0, marginX: 1, src: resolveChildren(group, lookup) })
-    ] }),
-    resolveChildren(group, lookup).map((reflection) => {
-      return reflection ? (
-        // I wrap this in a div since React does not understand that they have keys using the Renderer
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: renderer({ lookup, margin: 1, reflection }) }, reflection.id)
-      ) : null;
-    }),
-    children
-  ] });
-};
+var import_react13 = __toESM(require("react"), 1);
+var ReflectionGroupTreeViewer = /* @__PURE__ */ __name(({ variant, group, children, lookup, renderer = ReflectionViewer, ...props }) => {
+  return /* @__PURE__ */ import_react13.default.createElement(import_react_flexbox6.FlexCol, props, /* @__PURE__ */ import_react13.default.createElement(import_react_flexbox6.FlexRow, {
+    marginY: 1,
+    justifyContent: "flex-start"
+  }, /* @__PURE__ */ import_react13.default.createElement(import_material8.Typography, {
+    variant
+  }, group.title), /* @__PURE__ */ import_react13.default.createElement(JsonViewerButton, {
+    size: "small",
+    variant: "contained",
+    padding: 0,
+    marginX: 1,
+    src: resolveChildren(group, lookup)
+  })), resolveChildren(group, lookup).map((reflection) => {
+    return reflection ? /* @__PURE__ */ import_react13.default.createElement("div", {
+      key: reflection.id
+    }, renderer({
+      lookup,
+      margin: 1,
+      reflection
+    })) : null;
+  }), children);
+}, "ReflectionGroupTreeViewer");
 
 // src/TwoPanelReflectionViewer.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var TwoPanelReflectionViewer = ({
-  reflection,
-  itemRenderer = ReflectionViewer,
-  hiddenFlags,
-  ...props
-}) => {
-  const lookup = (0, import_react4.useMemo)(() => createLookup(reflection), [reflection]);
+var TwoPanelReflectionViewer = /* @__PURE__ */ __name(({ reflection, itemRenderer = ReflectionViewer, hiddenFlags, ...props }) => {
+  const lookup = (0, import_react14.useMemo)(() => createLookup(reflection), [
+    reflection
+  ]);
   const theme = (0, import_material9.useTheme)();
-  const [searchTerm, setSearchTerm] = (0, import_react4.useState)();
-  const onSearchTermChange = (e) => {
+  const [searchTerm, setSearchTerm] = (0, import_react14.useState)();
+  const onSearchTermChange = /* @__PURE__ */ __name((e) => {
     setSearchTerm(e.target.value);
-  };
-  const reflectionGroups = (0, import_react4.useMemo)(() => {
+  }, "onSearchTermChange");
+  const reflectionGroups = (0, import_react14.useMemo)(() => {
     var _a;
     return (_a = reflection.groups) == null ? void 0 : _a.map((group) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        ReflectionGroupViewer,
-        {
-          autoScroll: true,
-          variant: "h6",
-          lookup,
-          renderer: itemRenderer,
-          group,
-          reflection,
-          alignItems: "stretch",
-          hiddenFlags
-        },
-        group.title
-      );
-    });
-  }, [itemRenderer, lookup, reflection, hiddenFlags]);
-  const NavigationCol = (props2) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_flexbox7.FlexCol, { ...props2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        import_material9.TextField,
-        {
-          fullWidth: true,
-          InputProps: {
-            startAdornment: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons_material2.Search, {})
-          },
-          onChange: onSearchTermChange
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_flexbox7.FlexGrowCol, { marginTop: 1, alignItems: "stretch", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        ReflectionTreeViewer,
-        {
-          justifyContent: "flex-start",
-          position: "absolute",
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
-          overflow: "scroll",
-          searchTerm,
-          hiddenFlags,
-          reflection,
-          lookup,
-          border: `1px solid ${theme.palette.grey["300"]}`,
-          borderRadius: 1,
-          paddingY: 1
-        }
-      ) })
-    ] });
-  };
-  const DetailsCol = (props2) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_flexbox7.FlexGrowCol, { ...props2, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_flexbox7.FlexGrowCol, { alignItems: "stretch", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      import_react_flexbox7.FlexCol,
-      {
+      return /* @__PURE__ */ import_react14.default.createElement(ReflectionGroupViewer, {
+        autoScroll: true,
+        variant: "h6",
+        lookup,
+        renderer: itemRenderer,
+        key: group.title,
+        group,
+        reflection,
         alignItems: "stretch",
-        justifyContent: "flex-start",
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        overflow: "scroll",
-        borderRadius: 1,
-        padding: 1,
-        border: `1px solid ${theme.palette.grey["300"]}`,
-        children: reflectionGroups
-      }
-    ) }) });
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_flexbox7.FlexRow, { alignItems: "stretch", justifyContent: "start", sx: { overflowY: "scroll" }, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(NavigationCol, { minWidth: 320, alignItems: "stretch", justifyContent: "flex-start", overflow: "hidden" }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DetailsCol, { marginLeft: 1, alignItems: "stretch", justifyContent: "flex-start", overflow: "hidden" })
-  ] });
-};
+        hiddenFlags
+      });
+    });
+  }, [
+    itemRenderer,
+    lookup,
+    reflection,
+    hiddenFlags
+  ]);
+  const NavigationCol = /* @__PURE__ */ __name((props2) => {
+    return /* @__PURE__ */ import_react14.default.createElement(import_react_flexbox7.FlexCol, props2, /* @__PURE__ */ import_react14.default.createElement(import_material9.TextField, {
+      fullWidth: true,
+      InputProps: {
+        startAdornment: /* @__PURE__ */ import_react14.default.createElement(import_icons_material2.Search, null)
+      },
+      onChange: onSearchTermChange
+    }), /* @__PURE__ */ import_react14.default.createElement(import_react_flexbox7.FlexGrowCol, {
+      marginTop: 1,
+      alignItems: "stretch"
+    }, /* @__PURE__ */ import_react14.default.createElement(ReflectionTreeViewer, {
+      justifyContent: "flex-start",
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      overflow: "scroll",
+      searchTerm,
+      hiddenFlags,
+      reflection,
+      lookup,
+      border: `1px solid ${theme.palette.grey["300"]}`,
+      borderRadius: 1,
+      paddingY: 1
+    })));
+  }, "NavigationCol");
+  const DetailsCol = /* @__PURE__ */ __name((props2) => {
+    return /* @__PURE__ */ import_react14.default.createElement(import_react_flexbox7.FlexGrowCol, props2, /* @__PURE__ */ import_react14.default.createElement(import_react_flexbox7.FlexGrowCol, {
+      alignItems: "stretch"
+    }, /* @__PURE__ */ import_react14.default.createElement(import_react_flexbox7.FlexCol, {
+      alignItems: "stretch",
+      justifyContent: "flex-start",
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      overflow: "scroll",
+      borderRadius: 1,
+      padding: 1,
+      border: `1px solid ${theme.palette.grey["300"]}`
+    }, reflectionGroups)));
+  }, "DetailsCol");
+  return /* @__PURE__ */ import_react14.default.createElement(import_react_flexbox7.FlexRow, {
+    alignItems: "stretch",
+    justifyContent: "start",
+    sx: {
+      overflowY: "scroll"
+    },
+    ...props
+  }, /* @__PURE__ */ import_react14.default.createElement(NavigationCol, {
+    minWidth: 320,
+    alignItems: "stretch",
+    justifyContent: "flex-start",
+    overflow: "hidden"
+  }), /* @__PURE__ */ import_react14.default.createElement(DetailsCol, {
+    marginLeft: 1,
+    alignItems: "stretch",
+    justifyContent: "flex-start",
+    overflow: "hidden"
+  }));
+}, "TwoPanelReflectionViewer");
 
 // src/ProjectTwoPanelReflectionViewer.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var ProjectTwoPanelReflectionViewer = ({
-  reflection,
-  itemRenderer = DeclarationContainerReflectionViewer,
-  ...props
-}) => {
+var ProjectTwoPanelReflectionViewer = /* @__PURE__ */ __name(({ reflection, itemRenderer = DeclarationContainerReflectionViewer, ...props }) => {
   (0, import_assert.assertEx)(reflection.isProject, () => "Project expected to be Project");
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TwoPanelReflectionViewer, { itemRenderer, reflection, ...props });
-};
+  return /* @__PURE__ */ import_react15.default.createElement(TwoPanelReflectionViewer, {
+    itemRenderer,
+    reflection,
+    ...props
+  });
+}, "ProjectTwoPanelReflectionViewer");
 
 // src/SourceViewer.tsx
 var import_material10 = require("@mui/material");
 var import_react_flexbox8 = require("@xylabs/react-flexbox");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var SourceViewer = ({ source, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_flexbox8.FlexCol, { alignItems: "stretch", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material10.Typography, { style: { opacity: 0.5 }, variant: "body2", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", { children: source.fileName }) }) });
-};
+var import_react16 = __toESM(require("react"), 1);
+var SourceViewer = /* @__PURE__ */ __name(({ source, ...props }) => {
+  return /* @__PURE__ */ import_react16.default.createElement(import_react_flexbox8.FlexCol, {
+    alignItems: "stretch",
+    ...props
+  }, /* @__PURE__ */ import_react16.default.createElement(import_material10.Typography, {
+    style: {
+      opacity: 0.5
+    },
+    variant: "body2"
+  }, /* @__PURE__ */ import_react16.default.createElement("i", null, source.fileName)));
+}, "SourceViewer");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CommentViewer,