@xyo-network/react-typedoc 2.81.10 → 2.82.0

package/dist/browser/index.mjs

@@ -0,0 +1,657 @@
+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");
+
+// src/JsonViewerButton.tsx
+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 }) => {
+  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");
+
+// 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) => {
+  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 { useLocation } from "react-router-dom";
+
+// src/resolveChildren.ts
+var resolveChildren = /* @__PURE__ */ __name((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 new Error(`Child Reference Not Found [${child}]`);
+        }
+        return childObj;
+      }
+      default: {
+        throw new Error(`Invalid Child Type [${typeof child}, ${child}]`);
+      }
+    }
+  }) ?? [];
+}, "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 { FlexRow } from "@xylabs/react-flexbox";
+import React5 from "react";
+
+// src/trimFlagLabel.ts
+var trimFlagLabel = /* @__PURE__ */ __name((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) => {
+  const parts = [];
+  const typeString = typeBuilder(typeObj.elementType, reflectionViewer);
+  if (typeof typeString === "string") {
+    parts.push(typeString);
+  }
+  parts.push("[]");
+  return parts;
+}, "buildArrayString");
+
+// src/ReflectionViewer/SomeTypeViewer/buildIntersectionString.tsx
+var buildIntersectionString = /* @__PURE__ */ __name((typeObj, reflectionViewer, typeBuilder) => {
+  const parts = [];
+  if (typeObj.types) {
+    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) => {
+  const parts = [];
+  parts.push(typeObj.name);
+  if (typeObj.typeArguments) {
+    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) => {
+  if (typeObj.declaration) {
+    return /* @__PURE__ */ React3.createElement(React3.Fragment, null, reflectionViewer({
+      reflection: typeObj.declaration
+    }));
+  }
+}, "buildReflectionString");
+
+// src/ReflectionViewer/SomeTypeViewer/buildUnionString.tsx
+var buildUnionString = /* @__PURE__ */ __name((typeObj, reflectionViewer, typeBuilder) => {
+  const parts = [];
+  if (typeObj.types) {
+    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) => {
+  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 buildReflectionString(someType, reflectionViewer);
+    }
+    default: {
+      parts.push("#", someType.type, "#");
+      break;
+    }
+  }
+  return parts.join("");
+}, "buildTypeString");
+
+// src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx
+var SomeTypeViewer = /* @__PURE__ */ __name(({ 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__ */ React4.createElement(React4.Fragment, null, typeReactNode);
+}, "SomeTypeViewer");
+
+// 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");
+
+// src/ReflectionViewer/ReflectionViewer.tsx
+var hide = /* @__PURE__ */ __name((flags, hiddenFlags = []) => {
+  let hide3 = false;
+  hiddenFlags.map((hiddenFlag) => {
+    if (flags?.[hiddenFlag]) {
+      hide3 = true;
+    }
+  });
+  return hide3;
+}, "hide");
+var ReflectionViewer = /* @__PURE__ */ __name(({ 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");
+
+// src/ReflectionViewer/ReflectionGroupViewer.tsx
+var hide2 = /* @__PURE__ */ __name((flags, hiddenFlags = []) => {
+  let hide3 = false;
+  hiddenFlags.map((hiddenFlag) => {
+    if (flags?.[hiddenFlag]) {
+      hide3 = true;
+    }
+  });
+  return hide3;
+}, "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 } = useLocation();
+  useEffect(() => {
+    if (hash && autoScroll) {
+      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");
+
+// src/ReflectionViewer/Container.tsx
+var ContainerReflectionViewer = /* @__PURE__ */ __name(({ 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");
+
+// 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,
+      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");
+
+// 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 }) => {
+  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.palette.background.default : void 0,
+    lookup,
+    itemRenderer,
+    reflection,
+    ...props
+  });
+}, "DeclarationContainerReflectionViewer");
+
+// 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(() => {
+    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
+      });
+    });
+  }, [
+    lookup,
+    reflection,
+    hiddenFlags,
+    itemRenderer
+  ]));
+}, "ProjectReflectionViewer");
+
+// 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";
+
+// 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 React12 from "react";
+import { useNavigate } from "react-router-dom";
+var ReflectionTreeViewer = /* @__PURE__ */ __name(({ lookup, reflection, searchTerm, ...props }) => {
+  const navigate = useNavigate();
+  return /* @__PURE__ */ React12.createElement(FlexCol4, {
+    alignItems: "stretch",
+    ...props
+  }, /* @__PURE__ */ React12.createElement(TreeView, {
+    "aria-label": "XYO SDK Documentation",
+    defaultExpandIcon: /* @__PURE__ */ React12.createElement(Add, null),
+    defaultCollapseIcon: /* @__PURE__ */ React12.createElement(Remove, null),
+    defaultExpanded: reflection.groups ? [
+      reflection.groups[0].title
+    ] : []
+  }, reflection.groups?.map((group, index) => /* @__PURE__ */ React12.createElement(TreeItem, {
+    key: `primary-${index}`,
+    nodeId: 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}`,
+      nodeId: `declaration-${childReflection?.id}`,
+      label: childReflection.name,
+      onClick: /* @__PURE__ */ __name(() => {
+        const hash = `#${childReflection.name}`;
+        navigate({
+          hash
+        });
+        document.querySelector(hash)?.scrollIntoView({
+          behavior: "smooth"
+        });
+      }, "onClick")
+    }) : null;
+  })))));
+}, "ReflectionTreeViewer");
+
+// 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");
+
+// src/TwoPanelReflectionViewer.tsx
+var TwoPanelReflectionViewer = /* @__PURE__ */ __name(({ reflection, itemRenderer = ReflectionViewer, hiddenFlags, ...props }) => {
+  const lookup = useMemo2(() => createLookup(reflection), [
+    reflection
+  ]);
+  const theme = useTheme2();
+  const [searchTerm, setSearchTerm] = useState2();
+  const onSearchTermChange = /* @__PURE__ */ __name((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
+      });
+    });
+  }, [
+    itemRenderer,
+    lookup,
+    reflection,
+    hiddenFlags
+  ]);
+  const NavigationCol = /* @__PURE__ */ __name((props2) => {
+    return /* @__PURE__ */ React14.createElement(FlexCol6, props2, /* @__PURE__ */ React14.createElement(TextField, {
+      fullWidth: true,
+      InputProps: {
+        startAdornment: /* @__PURE__ */ React14.createElement(Search, null)
+      },
+      onChange: onSearchTermChange
+    }), /* @__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.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.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");
+
+// src/ProjectTwoPanelReflectionViewer.tsx
+var ProjectTwoPanelReflectionViewer = /* @__PURE__ */ __name(({ reflection, itemRenderer = DeclarationContainerReflectionViewer, ...props }) => {
+  assertEx(reflection.isProject, () => "Project expected to be Project");
+  return /* @__PURE__ */ React15.createElement(TwoPanelReflectionViewer, {
+    itemRenderer,
+    reflection,
+    ...props
+  });
+}, "ProjectTwoPanelReflectionViewer");
+
+// 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");
+export {
+  CommentViewer,
+  ContainerReflectionViewer,
+  DeclarationContainerReflectionViewer,
+  DeclarationReflectionViewer,
+  JsonViewerButton,
+  ProjectReflectionViewer,
+  ProjectTwoPanelReflectionViewer,
+  ReflectionGroupTreeViewer,
+  ReflectionGroupViewer,
+  ReflectionTreeViewer,
+  ReflectionViewer,
+  SomeTypeViewer,
+  SourceViewer,
+  TwoPanelReflectionViewer
+};
+//# sourceMappingURL=index.mjs.map