@xyo-network/react-typedoc 2.64.0 → 2.64.2

package/dist/browser/CommentViewer.js

@@ -1,7 +1,8 @@
-import { jsx } from "react/jsx-runtime";
+// src/CommentViewer.tsx
 import { Typography } from "@mui/material";
 import { FlexCol } from "@xylabs/react-flexbox";
-const CommentViewer = ({ comment, ...props }) => {
+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 }) });
 };
 export {

package/dist/browser/CommentViewer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/CommentViewer.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport type { Comment } from 'typedoc'\n\nexport interface CommentViewerProps extends FlexBoxProps {\n  comment: Comment\n}\n\nexport const CommentViewer: React.FC<CommentViewerProps> = ({ comment, ...props }) => {\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      <Typography variant=\"body2\">{comment.summary[0]?.text}</Typography>\n    </FlexCol>\n  )\n}\n"],"mappings":"AAWM;AAXN,SAAS,kBAAkB;AAC3B,SAAuB,eAAe;AAO/B,MAAM,gBAA8C,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACpF,SACE,oBAAC,WAAQ,YAAW,WAAW,GAAG,OAChC,8BAAC,cAAW,SAAQ,SAAS,kBAAQ,QAAQ,CAAC,GAAG,MAAK,GACxD;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/CommentViewer.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport type { Comment } from 'typedoc'\n\nexport interface CommentViewerProps extends FlexBoxProps {\n  comment: Comment\n}\n\nexport const CommentViewer: React.FC<CommentViewerProps> = ({ comment, ...props }) => {\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      <Typography variant=\"body2\">{comment.summary[0]?.text}</Typography>\n    </FlexCol>\n  )\n}\n"],"mappings":";AAAA,SAAS,kBAAkB;AAC3B,SAAuB,eAAe;AAUhC;AAHC,IAAM,gBAA8C,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACpF,SACE,oBAAC,WAAQ,YAAW,WAAW,GAAG,OAChC,8BAAC,cAAW,SAAQ,SAAS,kBAAQ,QAAQ,CAAC,GAAG,MAAK,GACxD;AAEJ;","names":[]}

package/dist/browser/JsonViewerButton.js

@@ -1,12 +1,13 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/JsonViewerButton.tsx
 import { Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
 import { ButtonEx } from "@xylabs/react-button";
 import { lazy, Suspense, useState } from "react";
-const JsonView = lazy(() => import(
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var JsonView = lazy(() => import(
   /* webpackChunkName: "jsonView" */
   "react-json-view"
 ));
-const JsonViewerButton = ({ jsonViewProps, src, title, ...props }) => {
+var JsonViewerButton = ({ jsonViewProps, src, title, ...props }) => {
   const [open, setOpen] = useState(false);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(ButtonEx, { onClick: () => setOpen(!open), ...props, children: "JSON" }),

package/dist/browser/JsonViewerButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/JsonViewerButton.tsx"],"sourcesContent":["import { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { lazy, Suspense, useState } from 'react'\nimport { ReactJsonViewProps } from 'react-json-view'\n\nconst JsonView = lazy(() => import(/* webpackChunkName: \"jsonView\" */ 'react-json-view'))\n\nexport interface JsonViewerButtonProps extends ButtonExProps {\n  jsonViewProps?: Partial<ReactJsonViewProps>\n  src: object\n}\n\nexport const JsonViewerButton: React.FC<JsonViewerButtonProps> = ({ jsonViewProps, src, title, ...props }) => {\n  const [open, setOpen] = useState(false)\n  return (\n    <>\n      <ButtonEx onClick={() => setOpen(!open)} {...props}>\n        JSON\n      </ButtonEx>\n      <Dialog open={open} onClose={() => setOpen(false)}>\n        {title ? <DialogTitle>{title}</DialogTitle> : null}\n        <DialogContent>\n          <Suspense fallback={<div />}>\n            <JsonView src={src} {...jsonViewProps} />\n          </Suspense>\n        </DialogContent>\n        <DialogActions>\n          <ButtonEx onClick={() => setOpen(false)}>Close</ButtonEx>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n"],"mappings":"AAeI,mBACE,KAGA,YAJF;AAfJ,SAAS,QAAQ,eAAe,eAAe,mBAAmB;AAClE,SAAS,gBAA+B;AACxC,SAAS,MAAM,UAAU,gBAAgB;AAGzC,MAAM,WAAW,KAAK,MAAM;AAAA;AAAA,EAA0C;AAAiB,CAAC;AAOjF,MAAM,mBAAoD,CAAC,EAAE,eAAe,KAAK,OAAO,GAAG,MAAM,MAAM;AAC5G,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,SACE,iCACE;AAAA,wBAAC,YAAS,SAAS,MAAM,QAAQ,CAAC,IAAI,GAAI,GAAG,OAAO,kBAEpD;AAAA,IACA,qBAAC,UAAO,MAAY,SAAS,MAAM,QAAQ,KAAK,GAC7C;AAAA,cAAQ,oBAAC,eAAa,iBAAM,IAAiB;AAAA,MAC9C,oBAAC,iBACC,8BAAC,YAAS,UAAU,oBAAC,SAAI,GACvB,8BAAC,YAAS,KAAW,GAAG,eAAe,GACzC,GACF;AAAA,MACA,oBAAC,iBACC,8BAAC,YAAS,SAAS,MAAM,QAAQ,KAAK,GAAG,mBAAK,GAChD;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/JsonViewerButton.tsx"],"sourcesContent":["import { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { lazy, Suspense, useState } from 'react'\nimport { ReactJsonViewProps } from 'react-json-view'\n\nconst JsonView = lazy(() => import(/* webpackChunkName: \"jsonView\" */ 'react-json-view'))\n\nexport interface JsonViewerButtonProps extends ButtonExProps {\n  jsonViewProps?: Partial<ReactJsonViewProps>\n  src: object\n}\n\nexport const JsonViewerButton: React.FC<JsonViewerButtonProps> = ({ jsonViewProps, src, title, ...props }) => {\n  const [open, setOpen] = useState(false)\n  return (\n    <>\n      <ButtonEx onClick={() => setOpen(!open)} {...props}>\n        JSON\n      </ButtonEx>\n      <Dialog open={open} onClose={() => setOpen(false)}>\n        {title ? <DialogTitle>{title}</DialogTitle> : null}\n        <DialogContent>\n          <Suspense fallback={<div />}>\n            <JsonView src={src} {...jsonViewProps} />\n          </Suspense>\n        </DialogContent>\n        <DialogActions>\n          <ButtonEx onClick={() => setOpen(false)}>Close</ButtonEx>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n"],"mappings":";AAAA,SAAS,QAAQ,eAAe,eAAe,mBAAmB;AAClE,SAAS,gBAA+B;AACxC,SAAS,MAAM,UAAU,gBAAgB;AAarC,mBACE,KAGA,YAJF;AAVJ,IAAM,WAAW,KAAK,MAAM;AAAA;AAAA,EAA0C;AAAiB,CAAC;AAOjF,IAAM,mBAAoD,CAAC,EAAE,eAAe,KAAK,OAAO,GAAG,MAAM,MAAM;AAC5G,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,SACE,iCACE;AAAA,wBAAC,YAAS,SAAS,MAAM,QAAQ,CAAC,IAAI,GAAI,GAAG,OAAO,kBAEpD;AAAA,IACA,qBAAC,UAAO,MAAY,SAAS,MAAM,QAAQ,KAAK,GAC7C;AAAA,cAAQ,oBAAC,eAAa,iBAAM,IAAiB;AAAA,MAC9C,oBAAC,iBACC,8BAAC,YAAS,UAAU,oBAAC,SAAI,GACvB,8BAAC,YAAS,KAAW,GAAG,eAAe,GACzC,GACF;AAAA,MACA,oBAAC,iBACC,8BAAC,YAAS,SAAS,MAAM,QAAQ,KAAK,GAAG,mBAAK,GAChD;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/browser/ProjectTwoPanelReflectionViewer.js

@@ -1,14 +1,522 @@
-import { jsx } from "react/jsx-runtime";
+// src/ProjectTwoPanelReflectionViewer.tsx
 import { assertEx } from "@xylabs/assert";
-import { DeclarationContainerReflectionViewer } from "./ReflectionViewer";
-import { TwoPanelReflectionViewer } from "./TwoPanelReflectionViewer";
-const ProjectTwoPanelReflectionViewer = ({
+
+// src/createLookup.ts
+var createLookup = (reflection) => {
+  const lookup = {};
+  reflection.children?.forEach((item) => lookup[item.id] = item);
+  return lookup;
+};
+
+// src/ReflectionViewer/ReflectionGroupViewer.tsx
+import { Typography as Typography4 } from "@mui/material";
+import { FlexCol as FlexCol3, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
+import { useEffect } from "react";
+import { useLocation } from "react-router-dom";
+
+// src/JsonViewerButton.tsx
+import { Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { lazy, Suspense, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var JsonView = lazy(() => import(
+  /* webpackChunkName: "jsonView" */
+  "react-json-view"
+));
+var JsonViewerButton = ({ jsonViewProps, src, title, ...props }) => {
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ButtonEx, { onClick: () => setOpen(!open), ...props, children: "JSON" }),
+    /* @__PURE__ */ jsxs(Dialog, { open, onClose: () => setOpen(false), children: [
+      title ? /* @__PURE__ */ jsx(DialogTitle, { children: title }) : null,
+      /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", {}), children: /* @__PURE__ */ jsx(JsonView, { src, ...jsonViewProps }) }) }),
+      /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(ButtonEx, { onClick: () => setOpen(false), children: "Close" }) })
+    ] })
+  ] });
+};
+
+// src/resolveChildren.ts
+var resolveChildren = (reflection, lookup = {}) => {
+  return reflection.children?.map((child) => {
+    switch (typeof child) {
+      case "object":
+        return child;
+      case "number": {
+        const childObj = lookup[child];
+        if (childObj === void 0) {
+          throw Error(`Child Reference Not Found [${child}]`);
+        }
+        return childObj;
+      }
+      default:
+        throw Error(`Invalid Child Type [${typeof child}, ${child}]`);
+    }
+  }) ?? [];
+};
+
+// src/ReflectionViewer/ReflectionViewer.tsx
+import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
+
+// src/CommentViewer.tsx
+import { Typography } from "@mui/material";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var CommentViewer = ({ comment, ...props }) => {
+  return /* @__PURE__ */ jsx2(FlexCol, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsx2(Typography, { variant: "body2", children: comment.summary[0]?.text }) });
+};
+
+// src/ReflectionViewer/NameViewer.tsx
+import { Chip, Stack, Typography as Typography3 } from "@mui/material";
+import { FlexRow } from "@xylabs/react-flexbox";
+
+// src/trimFlagLabel.ts
+var trimFlagLabel = (label) => {
+  if (label.startsWith("is")) {
+    return label.substring(2);
+  }
+  return label;
+};
+
+// src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx
+import { Typography as Typography2 } from "@mui/material";
+
+// src/ReflectionViewer/SomeTypeViewer/buildArrayString.tsx
+var buildArrayString = (typeObj, reflectionViewer, typeBuilder) => {
+  const parts = [];
+  const typeString = typeBuilder(typeObj.elementType, reflectionViewer);
+  if (typeof typeString === "string") {
+    parts.push(typeString);
+  }
+  parts.push("[]");
+  return parts;
+};
+
+// src/ReflectionViewer/SomeTypeViewer/buildIntersectionString.tsx
+var buildIntersectionString = (typeObj, reflectionViewer, typeBuilder) => {
+  const parts = [];
+  if (typeObj.types) {
+    parts.push(
+      typeObj.types.map((arg) => {
+        return typeBuilder(arg, reflectionViewer);
+      }).join(" & ")
+    );
+  }
+  return parts;
+};
+
+// src/ReflectionViewer/SomeTypeViewer/buildReferenceString.ts
+var buildReferenceString = (typeObj, reflectionViewer, typeBuilder) => {
+  const parts = [];
+  parts.push(typeObj.name);
+  if (typeObj.typeArguments) {
+    parts.push("<");
+    parts.push(
+      typeObj.typeArguments.map((arg) => {
+        return typeBuilder(arg, reflectionViewer);
+      }).join(", ")
+    );
+    parts.push(">");
+  }
+  return parts;
+};
+
+// src/ReflectionViewer/SomeTypeViewer/buildReflectionString.tsx
+import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
+var buildRelfectionString = (typeObj, reflectionViewer) => {
+  if (typeObj.declaration) {
+    return /* @__PURE__ */ jsx3(Fragment2, { children: reflectionViewer({ reflection: typeObj.declaration }) });
+  }
+};
+
+// src/ReflectionViewer/SomeTypeViewer/buildUnionString.tsx
+var buildUnionString = (typeObj, reflectionViewer, typeBuilder) => {
+  const parts = [];
+  if (typeObj.types) {
+    parts.push(
+      typeObj.types.map((arg) => {
+        return typeBuilder(arg, reflectionViewer);
+      }).join(" | ")
+    );
+  }
+  return parts;
+};
+
+// src/ReflectionViewer/SomeTypeViewer/buildTypeString.tsx
+var buildTypeString = (type, reflectionViewer) => {
+  const someType = type;
+  const parts = [];
+  switch (someType.type) {
+    case "intrinsic":
+      parts.push(someType.name);
+      break;
+    case "intersection": {
+      parts.push(...buildIntersectionString(someType, reflectionViewer, buildTypeString));
+      break;
+    }
+    case "literal":
+      parts.push(JSON.stringify(someType.value));
+      break;
+    case "array": {
+      parts.push(...buildArrayString(someType, reflectionViewer, buildTypeString));
+      break;
+    }
+    case "reference": {
+      parts.push(...buildReferenceString(someType, reflectionViewer, buildTypeString));
+      break;
+    }
+    case "union": {
+      parts.push(...buildUnionString(someType, reflectionViewer, buildTypeString));
+      break;
+    }
+    case "reflection": {
+      return buildRelfectionString(someType, reflectionViewer);
+    }
+    default:
+      parts.push("#");
+      parts.push(someType.type);
+      parts.push("#");
+      break;
+  }
+  return parts.join("");
+};
+
+// src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx
+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__ */ jsx4(Typography2, { title: "SomeTypeViewer", style: { opacity }, ...props, children: typeReactNode });
+  }
+  return /* @__PURE__ */ jsx4(Fragment3, { children: typeReactNode });
+};
+
+// src/ReflectionViewer/NameViewer.tsx
+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, { jsonViewProps: { collapsed: 1 }, size: "small", variant: "contained", padding: 0, marginX: 1, src: reflection })
+  ] });
+};
+
+// src/ReflectionViewer/ReflectionViewer.tsx
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+var hide = (flags, hiddenFlags = []) => {
+  let hide2 = false;
+  hiddenFlags.map((hiddenFlag) => {
+    if (flags?.[hiddenFlag]) {
+      hide2 = true;
+    }
+  });
+  return hide2;
+};
+var ReflectionViewer = ({ variant, nameViewer, children, reflection, hiddenFlags, ...props }) => {
+  const someReflection = reflection;
+  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
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+var ReflectionGroupViewer = ({
+  autoscroll = false,
+  children,
+  hiddenFlags,
+  group,
+  lookup,
+  renderer = ReflectionViewer,
+  variant,
+  ...props
+}) => {
+  const hide2 = (flags, hiddenFlags2 = []) => {
+    let hide3 = false;
+    hiddenFlags2.map((hiddenFlag) => {
+      if (flags?.[hiddenFlag]) {
+        hide3 = true;
+      }
+    });
+    return hide3;
+  };
+  const resolvedChildern = resolveChildren(group, lookup) ?? [];
+  const visibleChildren = hiddenFlags ? resolvedChildern.reduce((acc, item) => {
+    return acc + (hide2(item.flags, hiddenFlags) ? 0 : 1);
+  }, 0) : 1;
+  const { hash } = useLocation();
+  useEffect(() => {
+    if (hash && autoscroll) {
+      document.querySelector(hash)?.scrollIntoView({ behavior: "smooth" });
+    }
+  }, [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,
+        {
+          jsonViewProps: { collapsed: 1 },
+          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__ */ jsx7("div", { id: reflection.name, children: renderer({ hiddenFlags, lookup, margin: 1, padding: 1, reflection }) }, reflection.id)
+      ) : null;
+    }),
+    children
+  ] }) : null;
+};
+
+// src/ReflectionViewer/Container.tsx
+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__ */ 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 { 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,
+      ...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 { useLocation as useLocation2 } from "react-router-dom";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var DeclarationContainerReflectionViewer = ({
+  reflection,
+  lookup,
+  itemRenderer = DeclarationReflectionViewer,
+  ...props
+}) => {
+  const { hash } = useLocation2();
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx10(
+    ContainerReflectionViewer,
+    {
+      title: "DeclarationContainerReflectionViewer",
+      paper: hash.substring(1) === reflection.name,
+      bgcolor: hash.substring(1) === reflection.name ? theme.palette.background.default : void 0,
+      lookup,
+      itemRenderer,
+      reflection,
+      ...props
+    }
+  );
+};
+
+// src/TwoPanelReflectionViewer.tsx
+import { Search } from "@mui/icons-material";
+import { TextField, useTheme as useTheme2 } from "@mui/material";
+import { FlexCol as FlexCol5, FlexGrowCol, FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
+import { useMemo, useState as useState2 } from "react";
+
+// src/TreeViewer/Reflection.tsx
+import { Add, Remove } from "@mui/icons-material";
+import { Typography as Typography5 } from "@mui/material";
+import { TreeItem, TreeView } from "@mui/x-tree-view";
+import { FlexCol as FlexCol4 } from "@xylabs/react-flexbox";
+import { useNavigate } from "react-router-dom";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var ReflectionTreeViewer = ({ lookup, reflection, searchTerm, ...props }) => {
+  const navigate = useNavigate();
+  return /* @__PURE__ */ jsx11(FlexCol4, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsx11(
+    TreeView,
+    {
+      "aria-label": "XYO SDK Documentation",
+      defaultExpandIcon: /* @__PURE__ */ jsx11(Add, {}),
+      defaultCollapseIcon: /* @__PURE__ */ jsx11(Remove, {}),
+      defaultExpanded: reflection.groups ? [reflection.groups[0].title] : [],
+      children: reflection.groups?.map((group, index) => /* @__PURE__ */ jsx11(TreeItem, { nodeId: group.title, label: /* @__PURE__ */ jsx11(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().indexOf(searchTermTrimmed) !== -1) ? /* @__PURE__ */ jsx11(
+          TreeItem,
+          {
+            nodeId: `declaration-${childReflection?.id}`,
+            label: childReflection.name,
+            onClick: () => {
+              const hash = `#${childReflection.name}`;
+              navigate({ hash });
+              document.querySelector(hash)?.scrollIntoView({ behavior: "smooth" });
+            }
+          },
+          `secondary-${index}- ${jndex}`
+        ) : null;
+      }) }, `primary-${index}`))
+    }
+  ) });
+};
+
+// src/TwoPanelReflectionViewer.tsx
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+var TwoPanelReflectionViewer = ({
+  reflection,
+  itemRenderer = ReflectionViewer,
+  hiddenFlags,
+  ...props
+}) => {
+  const lookup = useMemo(() => createLookup(reflection), [reflection]);
+  const theme = useTheme2();
+  const [searchTerm, setSearchTerm] = useState2();
+  const onSearchTermChange = (e) => {
+    setSearchTerm(e.target.value);
+  };
+  const reflectionGroups = useMemo(() => {
+    return reflection.groups?.map((group) => {
+      return /* @__PURE__ */ jsx12(
+        ReflectionGroupViewer,
+        {
+          autoscroll: true,
+          variant: "h6",
+          lookup,
+          renderer: itemRenderer,
+          group,
+          reflection,
+          alignItems: "stretch",
+          hiddenFlags
+        },
+        group.title
+      );
+    });
+  }, [itemRenderer, lookup, reflection, hiddenFlags]);
+  const NavigationCol = (props2) => {
+    return /* @__PURE__ */ jsxs7(FlexCol5, { ...props2, children: [
+      /* @__PURE__ */ jsx12(
+        TextField,
+        {
+          fullWidth: true,
+          InputProps: {
+            startAdornment: /* @__PURE__ */ jsx12(Search, {})
+          },
+          onChange: onSearchTermChange
+        }
+      ),
+      /* @__PURE__ */ jsx12(FlexGrowCol, { marginTop: 1, alignItems: "stretch", children: /* @__PURE__ */ jsx12(
+        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__ */ jsx12(FlexGrowCol, { ...props2, children: /* @__PURE__ */ jsx12(FlexGrowCol, { alignItems: "stretch", children: /* @__PURE__ */ jsx12(
+      FlexCol5,
+      {
+        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__ */ jsxs7(FlexRow3, { alignItems: "stretch", justifyContent: "start", sx: { overflowY: "scroll" }, ...props, children: [
+    /* @__PURE__ */ jsx12(NavigationCol, { minWidth: 320, alignItems: "stretch", justifyContent: "flex-start", overflow: "hidden" }),
+    /* @__PURE__ */ jsx12(DetailsCol, { marginLeft: 1, alignItems: "stretch", justifyContent: "flex-start", overflow: "hidden" })
+  ] });
+};
+
+// src/ProjectTwoPanelReflectionViewer.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+var ProjectTwoPanelReflectionViewer = ({
   reflection,
   itemRenderer = DeclarationContainerReflectionViewer,
   ...props
 }) => {
   assertEx(reflection.isProject, "Project expected to be Project");
-  return /* @__PURE__ */ jsx(TwoPanelReflectionViewer, { itemRenderer, reflection, ...props });
+  return /* @__PURE__ */ jsx13(TwoPanelReflectionViewer, { itemRenderer, reflection, ...props });
 };
 export {
   ProjectTwoPanelReflectionViewer