@xyo-network/react-typedoc 7.0.0 → 7.0.2

package/dist/browser/index.mjs

@@ -1,62 +1,57 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/CommentViewer.tsx
 import { Typography } from "@mui/material";
 import { FlexCol } from "@xylabs/react-flexbox";
-import React from "react";
-var CommentViewer = /* @__PURE__ */ __name(({ comment, ...props }) => {
-  return /* @__PURE__ */ React.createElement(FlexCol, {
-    alignItems: "stretch",
-    ...props
-  }, /* @__PURE__ */ React.createElement(Typography, {
-    variant: "body2"
-  }, comment.summary[0]?.text));
-}, "CommentViewer");
+import { jsx } from "react/jsx-runtime";
+var CommentViewer = ({ comment, ...props }) => {
+  return /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: comment.summary[0]?.text }) });
+};
 
 // src/JsonViewerButton.tsx
-import { Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
+import {
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogTitle
+} from "@mui/material";
 import { ButtonEx } from "@xylabs/react-button";
 import { JsonViewerEx } from "@xyo-network/react-payload-raw-info";
-import React2, { useState } from "react";
-var JsonViewerButton = /* @__PURE__ */ __name(({ jsonViewProps, src, title, ...props }) => {
+import { useState } from "react";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var JsonViewerButton = ({
+  jsonViewProps,
+  src,
+  title,
+  ...props
+}) => {
   const [open, setOpen] = useState(false);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(ButtonEx, {
-    onClick: /* @__PURE__ */ __name(() => setOpen(!open), "onClick"),
-    ...props
-  }, "JSON"), /* @__PURE__ */ React2.createElement(Dialog, {
-    open,
-    onClose: /* @__PURE__ */ __name(() => setOpen(false), "onClose")
-  }, title ? /* @__PURE__ */ React2.createElement(DialogTitle, null, title) : null, /* @__PURE__ */ React2.createElement(DialogContent, null, /* @__PURE__ */ React2.createElement(JsonViewerEx, {
-    value: src,
-    ...jsonViewProps
-  })), /* @__PURE__ */ React2.createElement(DialogActions, null, /* @__PURE__ */ React2.createElement(ButtonEx, {
-    onClick: /* @__PURE__ */ __name(() => setOpen(false), "onClick")
-  }, "Close"))));
-}, "JsonViewerButton");
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => setOpen(!open), ...props, children: "JSON" }),
+    /* @__PURE__ */ jsxs(Dialog, { open, onClose: () => setOpen(false), children: [
+      title ? /* @__PURE__ */ jsx2(DialogTitle, { children: title }) : null,
+      /* @__PURE__ */ jsx2(DialogContent, { children: /* @__PURE__ */ jsx2(JsonViewerEx, { value: src, ...jsonViewProps }) }),
+      /* @__PURE__ */ jsx2(DialogActions, { children: /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => setOpen(false), children: "Close" }) })
+    ] })
+  ] });
+};
 
 // src/ProjectTwoPanelReflectionViewer.tsx
 import { assertEx } from "@xylabs/assert";
-import React15 from "react";
-
-// src/ReflectionViewer/Container.tsx
-import React8 from "react";
 
 // src/createLookup.ts
-var createLookup = /* @__PURE__ */ __name((reflection) => {
+var createLookup = (reflection) => {
   const lookup = {};
   if (reflection.children) for (const item of reflection.children) lookup[item.id] = item;
   return lookup;
-}, "createLookup");
+};
 
 // src/ReflectionViewer/ReflectionGroupViewer.tsx
 import { Typography as Typography4 } from "@mui/material";
 import { FlexCol as FlexCol3, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
-import React7, { useEffect } from "react";
+import { useEffect } from "react";
 import { useLocation } from "react-router-dom";
 
 // src/resolveChildren.ts
-var resolveChildren = /* @__PURE__ */ __name((reflection, lookup = {}) => {
+var resolveChildren = (reflection, lookup = {}) => {
   return reflection.children?.map((child) => {
     switch (typeof child) {
       case "object": {
@@ -74,31 +69,32 @@ var resolveChildren = /* @__PURE__ */ __name((reflection, lookup = {}) => {
       }
     }
   }) ?? [];
-}, "resolveChildren");
+};
 
 // src/ReflectionViewer/ReflectionViewer.tsx
 import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
-import React6 from "react";
 
 // src/ReflectionViewer/NameViewer.tsx
-import { Chip, Stack, Typography as Typography3 } from "@mui/material";
+import {
+  Chip,
+  Stack,
+  Typography as Typography3
+} from "@mui/material";
 import { FlexRow } from "@xylabs/react-flexbox";
-import React5 from "react";
 
 // src/trimFlagLabel.ts
-var trimFlagLabel = /* @__PURE__ */ __name((label) => {
+var trimFlagLabel = (label) => {
   if (label.startsWith("is")) {
     return label.slice(2);
   }
   return label;
-}, "trimFlagLabel");
+};
 
 // src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx
 import { Typography as Typography2 } from "@mui/material";
-import React4 from "react";
 
 // src/ReflectionViewer/SomeTypeViewer/buildArrayString.tsx
-var buildArrayString = /* @__PURE__ */ __name((typeObj, reflectionViewer, typeBuilder) => {
+var buildArrayString = (typeObj, reflectionViewer, typeBuilder) => {
   const parts = [];
   const typeString = typeBuilder(typeObj.elementType, reflectionViewer);
   if (typeof typeString === "string") {
@@ -106,54 +102,60 @@ var buildArrayString = /* @__PURE__ */ __name((typeObj, reflectionViewer, typeBu
   }
   parts.push("[]");
   return parts;
-}, "buildArrayString");
+};
 
 // src/ReflectionViewer/SomeTypeViewer/buildIntersectionString.tsx
-var buildIntersectionString = /* @__PURE__ */ __name((typeObj, reflectionViewer, typeBuilder) => {
+var buildIntersectionString = (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 = /* @__PURE__ */ __name((typeObj, reflectionViewer, typeBuilder) => {
+var buildReferenceString = (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
-import React3 from "react";
-var buildReflectionString = /* @__PURE__ */ __name((typeObj, reflectionViewer) => {
+import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
+var buildReflectionString = (typeObj, reflectionViewer) => {
   if (typeObj.declaration) {
-    return /* @__PURE__ */ React3.createElement(React3.Fragment, null, reflectionViewer({
-      reflection: typeObj.declaration
-    }));
+    return /* @__PURE__ */ jsx3(Fragment2, { children: reflectionViewer({ reflection: typeObj.declaration }) });
   }
-}, "buildReflectionString");
+};
 
 // src/ReflectionViewer/SomeTypeViewer/buildUnionString.tsx
-var buildUnionString = /* @__PURE__ */ __name((typeObj, reflectionViewer, typeBuilder) => {
+var buildUnionString = (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 = /* @__PURE__ */ __name((type, reflectionViewer) => {
+var buildTypeString = (type, reflectionViewer) => {
   const someType = type;
   const parts = [];
   switch (someType.type) {
@@ -190,60 +192,52 @@ var buildTypeString = /* @__PURE__ */ __name((type, reflectionViewer) => {
     }
   }
   return parts.join("");
-}, "buildTypeString");
+};
 
 // src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx
-var SomeTypeViewer = /* @__PURE__ */ __name(({ opacity = 0.5, reflection, reflectionViewer, ...props }) => {
+import { Fragment as Fragment3, jsx as jsx4 } from "react/jsx-runtime";
+var SomeTypeViewer = ({
+  opacity = 0.5,
+  reflection,
+  reflectionViewer,
+  ...props
+}) => {
   const typeReactNode = reflection.type ? buildTypeString(reflection.type, reflectionViewer) : "";
   if (typeof typeReactNode === "string") {
-    return /* @__PURE__ */ React4.createElement(Typography2, {
-      title: "SomeTypeViewer",
-      style: {
-        opacity
-      },
-      ...props
-    }, typeReactNode);
+    return /* @__PURE__ */ jsx4(Typography2, { title: "SomeTypeViewer", style: { opacity }, ...props, children: typeReactNode });
   }
-  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, typeReactNode);
-}, "SomeTypeViewer");
+  return /* @__PURE__ */ jsx4(Fragment3, { children: typeReactNode });
+};
 
 // src/ReflectionViewer/NameViewer.tsx
-var NameViewer = /* @__PURE__ */ __name(({ reflectionViewer, variant, reflection, ...props }) => {
-  return /* @__PURE__ */ React5.createElement(FlexRow, {
-    justifyContent: "flex-start",
-    ...props
-  }, /* @__PURE__ */ React5.createElement(FlexRow, {
-    marginRight: 1
-  }, /* @__PURE__ */ React5.createElement(Typography3, {
-    variant,
-    noWrap: true
-  }, reflection.name, reflection.type ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, ":\xA0") : null), /* @__PURE__ */ React5.createElement(SomeTypeViewer, {
-    reflection,
-    reflectionViewer
-  })), /* @__PURE__ */ React5.createElement(Stack, {
-    direction: "row",
-    spacing: 1
-  }, /* @__PURE__ */ React5.createElement(Chip, {
-    size: "small",
-    label: reflection.kind
-  }), reflection.flags ? Object.entries(reflection.flags).map(([flag, value]) => {
-    return value ? /* @__PURE__ */ React5.createElement(Chip, {
-      size: "small",
-      key: flag,
-      label: trimFlagLabel(flag),
-      variant: "outlined"
-    }) : null;
-  }) : null), document && document?.location.hostname === "localhost" && /* @__PURE__ */ React5.createElement(JsonViewerButton, {
-    size: "small",
-    variant: "contained",
-    padding: 0,
-    marginX: 1,
-    src: reflection
-  }));
-}, "NameViewer");
+import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var NameViewer = ({
+  reflectionViewer,
+  variant,
+  reflection,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs2(FlexRow, { justifyContent: "flex-start", ...props, children: [
+    /* @__PURE__ */ jsxs2(FlexRow, { marginRight: 1, children: [
+      /* @__PURE__ */ jsxs2(Typography3, { variant, noWrap: true, children: [
+        reflection.name,
+        reflection.type ? /* @__PURE__ */ jsx5(Fragment4, { children: ":\xA0" }) : null
+      ] }),
+      /* @__PURE__ */ jsx5(SomeTypeViewer, { reflection, reflectionViewer })
+    ] }),
+    /* @__PURE__ */ jsxs2(Stack, { direction: "row", spacing: 1, children: [
+      /* @__PURE__ */ jsx5(Chip, { size: "small", label: reflection.kind }),
+      reflection.flags ? Object.entries(reflection.flags).map(([flag, value]) => {
+        return value ? /* @__PURE__ */ jsx5(Chip, { size: "small", label: trimFlagLabel(flag), variant: "outlined" }, flag) : null;
+      }) : null
+    ] }),
+    document && document?.location.hostname === "localhost" && /* @__PURE__ */ jsx5(JsonViewerButton, { size: "small", variant: "contained", padding: 0, marginX: 1, src: reflection })
+  ] });
+};
 
 // src/ReflectionViewer/ReflectionViewer.tsx
-var hide = /* @__PURE__ */ __name((flags, hiddenFlags = []) => {
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+var hide = (flags, hiddenFlags = []) => {
   let hide3 = false;
   for (const hiddenFlag of hiddenFlags) {
     if (flags?.[hiddenFlag]) {
@@ -251,33 +245,29 @@ var hide = /* @__PURE__ */ __name((flags, hiddenFlags = []) => {
     }
   }
   return hide3;
-}, "hide");
-var ReflectionViewer = /* @__PURE__ */ __name(({ variant, nameViewer, children, reflection, hiddenFlags, ...props }) => {
+};
+var ReflectionViewer = ({
+  variant,
+  nameViewer,
+  children,
+  reflection,
+  hiddenFlags,
+  ...props
+}) => {
   const someReflection = reflection;
-  return hide(reflection?.flags, hiddenFlags) ? null : /* @__PURE__ */ React6.createElement(FlexCol2, {
-    title: "ReflectionViewer",
-    alignItems: "stretch",
-    ...props
-  }, nameViewer === void 0 ? /* @__PURE__ */ React6.createElement(NameViewer, {
-    marginY: 0.25,
-    variant,
-    reflection: someReflection,
-    reflectionViewer: ReflectionViewer
-  }) : nameViewer, reflection.comment ? /* @__PURE__ */ React6.createElement(CommentViewer, {
-    comment: reflection.comment
-  }) : null, someReflection.parameters?.map((parameter) => {
-    return /* @__PURE__ */ React6.createElement(ReflectionViewer, {
-      hiddenFlags,
-      marginY: 0.25,
-      marginX: 1,
-      key: parameter.id,
-      reflection: parameter
-    });
-  }) ?? null, children);
-}, "ReflectionViewer");
+  return hide(reflection?.flags, hiddenFlags) ? null : /* @__PURE__ */ jsxs3(FlexCol2, { title: "ReflectionViewer", alignItems: "stretch", ...props, children: [
+    nameViewer === void 0 ? /* @__PURE__ */ jsx6(NameViewer, { marginY: 0.25, variant, reflection: someReflection, reflectionViewer: ReflectionViewer }) : nameViewer,
+    reflection.comment ? /* @__PURE__ */ jsx6(CommentViewer, { comment: reflection.comment }) : null,
+    someReflection.parameters?.map((parameter) => {
+      return /* @__PURE__ */ jsx6(ReflectionViewer, { hiddenFlags, marginY: 0.25, marginX: 1, reflection: parameter }, parameter.id);
+    }) ?? null,
+    children
+  ] });
+};
 
 // src/ReflectionViewer/ReflectionGroupViewer.tsx
-var hide2 = /* @__PURE__ */ __name((flags, hiddenFlags = []) => {
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+var hide2 = (flags, hiddenFlags = []) => {
   let hide3 = false;
   for (const hiddenFlag of hiddenFlags) {
     if (flags?.[hiddenFlag]) {
@@ -285,8 +275,17 @@ var hide2 = /* @__PURE__ */ __name((flags, hiddenFlags = []) => {
     }
   }
   return hide3;
-}, "hide");
-var ReflectionGroupViewer = /* @__PURE__ */ __name(({ autoScroll = false, children, hiddenFlags, group, lookup, renderer = ReflectionViewer, variant, ...props }) => {
+};
+var ReflectionGroupViewer = ({
+  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);
@@ -294,354 +293,331 @@ var ReflectionGroupViewer = /* @__PURE__ */ __name(({ autoScroll = false, childr
   const { hash } = useLocation();
   useEffect(() => {
     if (hash && autoScroll) {
-      document.querySelector(hash)?.scrollIntoView({
-        behavior: "smooth"
-      });
+      document.querySelector(hash)?.scrollIntoView({ behavior: "smooth" });
     }
-  }, [
-    hash,
-    autoScroll
-  ]);
-  return visibleChildren > 0 ? /* @__PURE__ */ React7.createElement(FlexCol3, {
-    title: "ReflectionGroupViewer",
-    ...props
-  }, /* @__PURE__ */ React7.createElement(FlexRow2, {
-    marginY: 1,
-    justifyContent: "flex-start"
-  }, /* @__PURE__ */ React7.createElement(Typography4, {
-    variant
-  }, group.title), /* @__PURE__ */ React7.createElement(JsonViewerButton, {
-    size: "small",
-    variant: "contained",
-    padding: 0,
-    marginX: 1,
-    src: resolveChildren(group, lookup)
-  })), resolveChildren(group, lookup).map((reflection) => {
-    return reflection ? /* @__PURE__ */ React7.createElement("div", {
-      id: reflection.name,
-      key: reflection.id
-    }, renderer({
-      hiddenFlags,
-      lookup,
-      margin: 1,
-      padding: 1,
-      reflection
-    })) : null;
-  }), children) : null;
-}, "ReflectionGroupViewer");
+  }, [hash, autoScroll]);
+  return visibleChildren > 0 ? /* @__PURE__ */ jsxs4(FlexCol3, { title: "ReflectionGroupViewer", ...props, children: [
+    /* @__PURE__ */ jsxs4(FlexRow2, { marginY: 1, justifyContent: "flex-start", children: [
+      /* @__PURE__ */ jsx7(Typography4, { variant, children: group.title }),
+      /* @__PURE__ */ jsx7(JsonViewerButton, { size: "small", variant: "contained", padding: 0, marginX: 1, src: resolveChildren(group, lookup) })
+    ] }),
+    resolveChildren(group, lookup).map((reflection) => {
+      return reflection ? /* @__PURE__ */ jsx7("div", { id: reflection.name, children: renderer({
+        hiddenFlags,
+        lookup,
+        margin: 1,
+        padding: 1,
+        reflection
+      }) }, reflection.id) : null;
+    }),
+    children
+  ] }) : null;
+};
 
 // src/ReflectionViewer/Container.tsx
-var ContainerReflectionViewer = /* @__PURE__ */ __name(({ children, reflection, hiddenFlags, itemRenderer = ReflectionViewer, ...props }) => {
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var ContainerReflectionViewer = ({
+  children,
+  reflection,
+  hiddenFlags,
+  itemRenderer = ReflectionViewer,
+  ...props
+}) => {
   const lookup = createLookup(reflection);
-  return /* @__PURE__ */ React8.createElement(ReflectionViewer, {
-    title: "ContainerReflectionViewer",
-    sources: true,
-    reflection,
-    lookup,
-    ...props
-  }, reflection.groups?.map((group) => {
-    return /* @__PURE__ */ React8.createElement(ReflectionGroupViewer, {
-      margin: 1,
-      lookup,
-      renderer: itemRenderer,
-      key: group.title,
-      group,
-      reflection,
-      hiddenFlags,
-      alignItems: "stretch"
-    });
-  }), children);
-}, "ContainerReflectionViewer");
+  return /* @__PURE__ */ jsxs5(ReflectionViewer, { title: "ContainerReflectionViewer", sources: true, reflection, lookup, ...props, children: [
+    reflection.groups?.map((group) => {
+      return /* @__PURE__ */ jsx8(
+        ReflectionGroupViewer,
+        {
+          margin: 1,
+          lookup,
+          renderer: itemRenderer,
+          group,
+          reflection,
+          hiddenFlags,
+          alignItems: "stretch"
+        },
+        group.title
+      );
+    }),
+    children
+  ] });
+};
 
 // src/ReflectionViewer/Declaration.tsx
-import React9 from "react";
-var DeclarationReflectionViewer = /* @__PURE__ */ __name(({ reflection, hiddenFlags, ...props }) => {
-  const safeSignatures = /* @__PURE__ */ __name((signatures) => {
-    return Array.isArray(signatures) ? signatures : signatures ? [
-      signatures
-    ] : void 0;
-  }, "safeSignatures");
-  return /* @__PURE__ */ React9.createElement(ReflectionViewer, {
-    nameViewer: reflection.signatures || reflection.getSignature || reflection.setSignature ? null : void 0,
-    title: "DeclarationReflectionViewer",
-    hiddenFlags,
-    reflection,
-    ...props
-  }, reflection.signatures?.map((signature) => {
-    return /* @__PURE__ */ React9.createElement(ReflectionViewer, {
-      key: signature.id,
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var DeclarationReflectionViewer = ({
+  reflection,
+  hiddenFlags,
+  ...props
+}) => {
+  const safeSignatures = (signatures) => {
+    return Array.isArray(signatures) ? signatures : signatures ? [signatures] : void 0;
+  };
+  return /* @__PURE__ */ jsxs6(
+    ReflectionViewer,
+    {
+      nameViewer: reflection.signatures || reflection.getSignature || reflection.setSignature ? null : void 0,
+      title: "DeclarationReflectionViewer",
       hiddenFlags,
-      reflection: signature
-    });
-  }), safeSignatures(reflection.getSignature)?.map((signature) => {
-    return /* @__PURE__ */ React9.createElement(ReflectionViewer, {
-      marginX: 1,
-      key: signature.id,
-      hiddenFlags,
-      reflection: signature
-    });
-  }), safeSignatures(reflection.setSignature)?.map((signature) => {
-    return /* @__PURE__ */ React9.createElement(ReflectionViewer, {
-      marginX: 1,
-      key: signature.id,
-      hiddenFlags,
-      reflection: signature
-    });
-  }));
-}, "DeclarationReflectionViewer");
+      reflection,
+      ...props,
+      children: [
+        reflection.signatures?.map((signature) => {
+          return /* @__PURE__ */ jsx9(ReflectionViewer, { hiddenFlags, reflection: signature }, signature.id);
+        }),
+        safeSignatures(reflection.getSignature)?.map((signature) => {
+          return /* @__PURE__ */ jsx9(ReflectionViewer, { marginX: 1, hiddenFlags, reflection: signature }, signature.id);
+        }),
+        safeSignatures(reflection.setSignature)?.map((signature) => {
+          return /* @__PURE__ */ jsx9(ReflectionViewer, { marginX: 1, hiddenFlags, reflection: signature }, signature.id);
+        })
+      ]
+    }
+  );
+};
 
 // src/ReflectionViewer/DeclarationContainer.tsx
 import { useTheme } from "@mui/material";
-import React10 from "react";
 import { useLocation as useLocation2 } from "react-router-dom";
-var DeclarationContainerReflectionViewer = /* @__PURE__ */ __name(({ reflection, lookup, itemRenderer = DeclarationReflectionViewer, ...props }) => {
+import { jsx as jsx10 } from "react/jsx-runtime";
+var DeclarationContainerReflectionViewer = ({
+  reflection,
+  lookup,
+  itemRenderer = DeclarationReflectionViewer,
+  ...props
+}) => {
   const { hash } = useLocation2();
   const theme = useTheme();
-  return /* @__PURE__ */ React10.createElement(ContainerReflectionViewer, {
-    title: "DeclarationContainerReflectionViewer",
-    paper: hash.slice(1) === reflection.name,
-    bgcolor: hash.slice(1) === reflection.name ? theme.vars.palette.background.default : void 0,
-    lookup,
-    itemRenderer,
-    reflection,
-    ...props
-  });
-}, "DeclarationContainerReflectionViewer");
+  return /* @__PURE__ */ jsx10(
+    ContainerReflectionViewer,
+    {
+      title: "DeclarationContainerReflectionViewer",
+      paper: hash.slice(1) === reflection.name,
+      bgcolor: hash.slice(1) === reflection.name ? theme.vars.palette.background.default : void 0,
+      lookup,
+      itemRenderer,
+      reflection,
+      ...props
+    }
+  );
+};
 
 // src/ReflectionViewer/Project.tsx
-import React11, { useMemo } from "react";
-var ProjectReflectionViewer = /* @__PURE__ */ __name(({ reflection, hiddenFlags, itemRenderer = ReflectionViewer, ...props }) => {
-  const lookup = useMemo(() => createLookup(reflection), [
-    reflection
-  ]);
-  return /* @__PURE__ */ React11.createElement(ReflectionViewer, {
-    title: "ProjectReflectionViewer",
-    hiddenFlags,
-    reflection,
-    ...props
-  }, useMemo(() => {
+import { useMemo } from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var ProjectReflectionViewer = ({
+  reflection,
+  hiddenFlags,
+  itemRenderer = ReflectionViewer,
+  ...props
+}) => {
+  const lookup = useMemo(() => createLookup(reflection), [reflection]);
+  return /* @__PURE__ */ jsx11(ReflectionViewer, { title: "ProjectReflectionViewer", hiddenFlags, reflection, ...props, children: useMemo(() => {
     return reflection.groups?.map((group) => {
-      return /* @__PURE__ */ React11.createElement(ReflectionGroupViewer, {
-        autoScroll: true,
-        variant: "h6",
-        lookup,
-        key: group.title,
-        renderer: itemRenderer,
-        group,
-        reflection,
-        alignItems: "stretch",
-        hiddenFlags
-      });
+      return /* @__PURE__ */ jsx11(
+        ReflectionGroupViewer,
+        {
+          autoScroll: true,
+          variant: "h6",
+          lookup,
+          renderer: itemRenderer,
+          group,
+          reflection,
+          alignItems: "stretch",
+          hiddenFlags
+        },
+        group.title
+      );
     });
-  }, [
-    lookup,
-    reflection,
-    hiddenFlags,
-    itemRenderer
-  ]));
-}, "ProjectReflectionViewer");
+  }, [lookup, reflection, hiddenFlags, itemRenderer]) });
+};
 
 // src/TwoPanelReflectionViewer.tsx
 import { Search } from "@mui/icons-material";
 import { TextField, useTheme as useTheme2 } from "@mui/material";
-import { FlexCol as FlexCol6, FlexGrowCol, FlexRow as FlexRow4 } from "@xylabs/react-flexbox";
-import React14, { useMemo as useMemo2, useState as useState2 } from "react";
+import {
+  FlexCol as FlexCol6,
+  FlexGrowCol,
+  FlexRow as FlexRow4
+} from "@xylabs/react-flexbox";
+import { useMemo as useMemo2, useState as useState2 } from "react";
 
 // src/TreeViewer/Reflection.tsx
 import { Add, Remove } from "@mui/icons-material";
 import { Typography as Typography5 } from "@mui/material";
 import { SimpleTreeView, TreeItem } from "@mui/x-tree-view";
 import { FlexCol as FlexCol4 } from "@xylabs/react-flexbox";
-import React12 from "react";
 import { useNavigate } from "react-router-dom";
-var ReflectionTreeViewer = /* @__PURE__ */ __name(({ lookup, reflection, searchTerm, ...props }) => {
+import { jsx as jsx12 } from "react/jsx-runtime";
+var ReflectionTreeViewer = ({
+  lookup,
+  reflection,
+  searchTerm,
+  ...props
+}) => {
   const navigate = useNavigate();
-  return /* @__PURE__ */ React12.createElement(FlexCol4, {
-    alignItems: "stretch",
-    ...props
-  }, /* @__PURE__ */ React12.createElement(SimpleTreeView, {
-    "aria-label": "XYO SDK Documentation",
-    slots: {
-      collapseIcon: Remove,
-      expandIcon: Add
-    },
-    expandedItems: reflection.groups ? [
-      reflection.groups[0].title
-    ] : []
-  }, reflection.groups?.map((group, index) => /* @__PURE__ */ React12.createElement(TreeItem, {
-    key: `primary-${index}`,
-    itemId: group.title,
-    label: /* @__PURE__ */ React12.createElement(Typography5, {
-      variant: "h6"
-    }, group.title)
-  }, group.children.map((child, jndex) => {
-    const searchTermTrimmed = searchTerm?.trim().toLowerCase();
-    const childReflection = typeof child === "number" ? lookup?.[child] : child;
-    return childReflection && (!searchTermTrimmed || childReflection.name.toLowerCase().includes(searchTermTrimmed)) ? /* @__PURE__ */ React12.createElement(TreeItem, {
-      key: `secondary-${index}- ${jndex}`,
-      itemId: `declaration-${childReflection?.id}`,
-      label: childReflection.name,
-      onClick: /* @__PURE__ */ __name(() => {
-        const hash = `#${childReflection.name}`;
-        void navigate({
-          hash
-        });
-        document.querySelector(hash)?.scrollIntoView({
-          behavior: "smooth"
-        });
-      }, "onClick")
-    }) : null;
-  })))));
-}, "ReflectionTreeViewer");
+  return /* @__PURE__ */ jsx12(FlexCol4, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsx12(
+    SimpleTreeView,
+    {
+      "aria-label": "XYO SDK Documentation",
+      slots: { collapseIcon: Remove, expandIcon: Add },
+      expandedItems: reflection.groups ? [reflection.groups[0].title] : [],
+      children: reflection.groups?.map((group, index) => /* @__PURE__ */ jsx12(TreeItem, { itemId: group.title, label: /* @__PURE__ */ jsx12(Typography5, { variant: "h6", children: group.title }), children: group.children.map((child, jndex) => {
+        const searchTermTrimmed = searchTerm?.trim().toLowerCase();
+        const childReflection = typeof child === "number" ? lookup?.[child] : child;
+        return childReflection && (!searchTermTrimmed || childReflection.name.toLowerCase().includes(searchTermTrimmed)) ? /* @__PURE__ */ jsx12(
+          TreeItem,
+          {
+            itemId: `declaration-${childReflection?.id}`,
+            label: childReflection.name,
+            onClick: () => {
+              const hash = `#${childReflection.name}`;
+              void navigate({ hash });
+              document.querySelector(hash)?.scrollIntoView({ behavior: "smooth" });
+            }
+          },
+          `secondary-${index}- ${jndex}`
+        ) : null;
+      }) }, `primary-${index}`))
+    }
+  ) });
+};
 
 // src/TreeViewer/ReflectionGroup.tsx
 import { Typography as Typography6 } from "@mui/material";
 import { FlexCol as FlexCol5, FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
-import React13 from "react";
-var ReflectionGroupTreeViewer = /* @__PURE__ */ __name(({ variant, group, children, lookup, renderer = ReflectionViewer, ...props }) => {
-  return /* @__PURE__ */ React13.createElement(FlexCol5, props, /* @__PURE__ */ React13.createElement(FlexRow3, {
-    marginY: 1,
-    justifyContent: "flex-start"
-  }, /* @__PURE__ */ React13.createElement(Typography6, {
-    variant
-  }, group.title), /* @__PURE__ */ React13.createElement(JsonViewerButton, {
-    size: "small",
-    variant: "contained",
-    padding: 0,
-    marginX: 1,
-    src: resolveChildren(group, lookup)
-  })), resolveChildren(group, lookup).map((reflection) => {
-    return reflection ? /* @__PURE__ */ React13.createElement("div", {
-      key: reflection.id
-    }, renderer({
-      lookup,
-      margin: 1,
-      reflection
-    })) : null;
-  }), children);
-}, "ReflectionGroupTreeViewer");
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+var ReflectionGroupTreeViewer = ({
+  variant,
+  group,
+  children,
+  lookup,
+  renderer = ReflectionViewer,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs7(FlexCol5, { ...props, children: [
+    /* @__PURE__ */ jsxs7(FlexRow3, { marginY: 1, justifyContent: "flex-start", children: [
+      /* @__PURE__ */ jsx13(Typography6, { variant, children: group.title }),
+      /* @__PURE__ */ jsx13(JsonViewerButton, { size: "small", variant: "contained", padding: 0, marginX: 1, src: resolveChildren(group, lookup) })
+    ] }),
+    resolveChildren(group, lookup).map((reflection) => {
+      return reflection ? /* @__PURE__ */ jsx13("div", { children: renderer({
+        lookup,
+        margin: 1,
+        reflection
+      }) }, reflection.id) : null;
+    }),
+    children
+  ] });
+};
 
 // src/TwoPanelReflectionViewer.tsx
-var TwoPanelReflectionViewer = /* @__PURE__ */ __name(({ reflection, itemRenderer = ReflectionViewer, hiddenFlags, ...props }) => {
-  const lookup = useMemo2(() => createLookup(reflection), [
-    reflection
-  ]);
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+var TwoPanelReflectionViewer = ({
+  reflection,
+  itemRenderer = ReflectionViewer,
+  hiddenFlags,
+  ...props
+}) => {
+  const lookup = useMemo2(() => createLookup(reflection), [reflection]);
   const theme = useTheme2();
   const [searchTerm, setSearchTerm] = useState2();
-  const onSearchTermChange = /* @__PURE__ */ __name((e) => {
+  const onSearchTermChange = (e) => {
     setSearchTerm(e.target.value);
-  }, "onSearchTermChange");
+  };
   const reflectionGroups = useMemo2(() => {
     return reflection.groups?.map((group) => {
-      return /* @__PURE__ */ React14.createElement(ReflectionGroupViewer, {
-        autoScroll: true,
-        variant: "h6",
-        lookup,
-        renderer: itemRenderer,
-        key: group.title,
-        group,
-        reflection,
-        alignItems: "stretch",
-        hiddenFlags
-      });
+      return /* @__PURE__ */ jsx14(
+        ReflectionGroupViewer,
+        {
+          autoScroll: true,
+          variant: "h6",
+          lookup,
+          renderer: itemRenderer,
+          group,
+          reflection,
+          alignItems: "stretch",
+          hiddenFlags
+        },
+        group.title
+      );
     });
-  }, [
-    itemRenderer,
-    lookup,
-    reflection,
-    hiddenFlags
-  ]);
-  const NavigationCol = /* @__PURE__ */ __name((props2) => {
-    return /* @__PURE__ */ React14.createElement(FlexCol6, props2, /* @__PURE__ */ React14.createElement(TextField, {
-      fullWidth: true,
-      onChange: onSearchTermChange,
-      slotProps: {
-        input: {
-          startAdornment: /* @__PURE__ */ React14.createElement(Search, null)
+  }, [itemRenderer, lookup, reflection, hiddenFlags]);
+  const NavigationCol = (props2) => {
+    return /* @__PURE__ */ jsxs8(FlexCol6, { ...props2, children: [
+      /* @__PURE__ */ jsx14(
+        TextField,
+        {
+          fullWidth: true,
+          onChange: onSearchTermChange,
+          slotProps: { input: { startAdornment: /* @__PURE__ */ jsx14(Search, {}) } }
+        }
+      ),
+      /* @__PURE__ */ jsx14(FlexGrowCol, { marginTop: 1, alignItems: "stretch", children: /* @__PURE__ */ jsx14(
+        ReflectionTreeViewer,
+        {
+          justifyContent: "flex-start",
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          overflow: "scroll",
+          searchTerm,
+          hiddenFlags,
+          reflection,
+          lookup,
+          border: `1px solid ${theme.vars.palette.grey["300"]}`,
+          borderRadius: 1,
+          paddingY: 1
         }
+      ) })
+    ] });
+  };
+  const DetailsCol = (props2) => {
+    return /* @__PURE__ */ jsx14(FlexGrowCol, { ...props2, children: /* @__PURE__ */ jsx14(FlexGrowCol, { alignItems: "stretch", children: /* @__PURE__ */ jsx14(
+      FlexCol6,
+      {
+        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.vars.palette.grey["300"]}`,
+        children: reflectionGroups
       }
-    }), /* @__PURE__ */ React14.createElement(FlexGrowCol, {
-      marginTop: 1,
-      alignItems: "stretch"
-    }, /* @__PURE__ */ React14.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.vars.palette.grey["300"]}`,
-      borderRadius: 1,
-      paddingY: 1
-    })));
-  }, "NavigationCol");
-  const DetailsCol = /* @__PURE__ */ __name((props2) => {
-    return /* @__PURE__ */ React14.createElement(FlexGrowCol, props2, /* @__PURE__ */ React14.createElement(FlexGrowCol, {
-      alignItems: "stretch"
-    }, /* @__PURE__ */ React14.createElement(FlexCol6, {
-      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.vars.palette.grey["300"]}`
-    }, reflectionGroups)));
-  }, "DetailsCol");
-  return /* @__PURE__ */ React14.createElement(FlexRow4, {
-    alignItems: "stretch",
-    justifyContent: "start",
-    sx: {
-      overflowY: "scroll"
-    },
-    ...props
-  }, /* @__PURE__ */ React14.createElement(NavigationCol, {
-    minWidth: 320,
-    alignItems: "stretch",
-    justifyContent: "flex-start",
-    overflow: "hidden"
-  }), /* @__PURE__ */ React14.createElement(DetailsCol, {
-    marginLeft: 1,
-    alignItems: "stretch",
-    justifyContent: "flex-start",
-    overflow: "hidden"
-  }));
-}, "TwoPanelReflectionViewer");
+    ) }) });
+  };
+  return /* @__PURE__ */ jsxs8(FlexRow4, { alignItems: "stretch", justifyContent: "start", sx: { overflowY: "scroll" }, ...props, children: [
+    /* @__PURE__ */ jsx14(NavigationCol, { minWidth: 320, alignItems: "stretch", justifyContent: "flex-start", overflow: "hidden" }),
+    /* @__PURE__ */ jsx14(DetailsCol, { marginLeft: 1, alignItems: "stretch", justifyContent: "flex-start", overflow: "hidden" })
+  ] });
+};
 
 // src/ProjectTwoPanelReflectionViewer.tsx
-var ProjectTwoPanelReflectionViewer = /* @__PURE__ */ __name(({ reflection, itemRenderer = DeclarationContainerReflectionViewer, ...props }) => {
+import { jsx as jsx15 } from "react/jsx-runtime";
+var ProjectTwoPanelReflectionViewer = ({
+  reflection,
+  itemRenderer = DeclarationContainerReflectionViewer,
+  ...props
+}) => {
   assertEx(reflection.isProject, () => "Project expected to be Project");
-  return /* @__PURE__ */ React15.createElement(TwoPanelReflectionViewer, {
-    itemRenderer,
-    reflection,
-    ...props
-  });
-}, "ProjectTwoPanelReflectionViewer");
+  return /* @__PURE__ */ jsx15(TwoPanelReflectionViewer, { itemRenderer, reflection, ...props });
+};
 
 // src/SourceViewer.tsx
 import { Typography as Typography7 } from "@mui/material";
 import { FlexCol as FlexCol7 } from "@xylabs/react-flexbox";
-import React16 from "react";
-var SourceViewer = /* @__PURE__ */ __name(({ source, ...props }) => {
-  return /* @__PURE__ */ React16.createElement(FlexCol7, {
-    alignItems: "stretch",
-    ...props
-  }, /* @__PURE__ */ React16.createElement(Typography7, {
-    style: {
-      opacity: 0.5
-    },
-    variant: "body2"
-  }, /* @__PURE__ */ React16.createElement("i", null, source.fileName)));
-}, "SourceViewer");
+import { jsx as jsx16 } from "react/jsx-runtime";
+var SourceViewer = ({ source, ...props }) => {
+  return /* @__PURE__ */ jsx16(FlexCol7, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsx16(Typography7, { style: { opacity: 0.5 }, variant: "body2", children: /* @__PURE__ */ jsx16("i", { children: source.fileName }) }) });
+};
 export {
   CommentViewer,
   ContainerReflectionViewer,