@xyo-network/react-typedoc 2.77.2 → 2.78.1

package/dist/node/index.cjs

@@ -1,2 +1,642 @@
-"use strict";var Y=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var ke=Object.getOwnPropertyNames;var Be=Object.prototype.hasOwnProperty;var Ie=(e,o)=>{for(var r in o)Y(e,r,{get:o[r],enumerable:!0})},De=(e,o,r,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of ke(o))!Be.call(e,i)&&i!==r&&Y(e,i,{get:()=>o[i],enumerable:!(t=ve(o,i))||t.enumerable});return e};var Ge=e=>De(Y({},"__esModule",{value:!0}),e);var Xe={};Ie(Xe,{CommentViewer:()=>W,ContainerReflectionViewer:()=>q,DeclarationContainerReflectionViewer:()=>K,DeclarationReflectionViewer:()=>H,JsonViewerButton:()=>C,ProjectReflectionViewer:()=>Ne,ProjectTwoPanelReflectionViewer:()=>Je,ReflectionGroupTreeViewer:()=>Ae,ReflectionGroupViewer:()=>F,ReflectionTreeViewer:()=>Z,ReflectionViewer:()=>a,SomeTypeViewer:()=>U,SourceViewer:()=>$e,TwoPanelReflectionViewer:()=>_});module.exports=Ge(Xe);var ee=require("@mui/material"),oe=require("@xylabs/react-flexbox"),j=require("react/jsx-runtime"),W=({comment:e,...o})=>{var r;return(0,j.jsx)(oe.FlexCol,{alignItems:"stretch",...o,children:(0,j.jsx)(ee.Typography,{variant:"body2",children:(r=e.summary[0])==null?void 0:r.text})})};var y=require("@mui/material"),z=require("@xylabs/react-button"),re=require("@xyo-network/react-payload-raw-info"),te=require("react"),u=require("react/jsx-runtime"),C=({jsonViewProps:e,src:o,title:r,...t})=>{let[i,n]=(0,te.useState)(!1);return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(z.ButtonEx,{onClick:()=>n(!i),...t,children:"JSON"}),(0,u.jsxs)(y.Dialog,{open:i,onClose:()=>n(!1),children:[r?(0,u.jsx)(y.DialogTitle,{children:r}):null,(0,u.jsx)(y.DialogContent,{children:(0,u.jsx)(re.JsonViewerEx,{value:o,...e})}),(0,u.jsx)(y.DialogActions,{children:(0,u.jsx)(z.ButtonEx,{onClick:()=>n(!1),children:"Close"})})]})]})};var Pe=require("@xylabs/assert");var T=e=>{let o={};if(e.children)for(let r of e.children)o[r.id]=r;return o};var ue=require("@mui/material"),L=require("@xylabs/react-flexbox"),Re=require("react"),de=require("react-router-dom");var x=(e,o={})=>{var r;return((r=e.children)==null?void 0:r.map(t=>{switch(typeof t){case"object":return t;case"number":{let i=o[t];if(i===void 0)throw new Error(`Child Reference Not Found [${t}]`);return i}default:throw new Error(`Invalid Child Type [${typeof t}, ${t}]`)}}))??[]};var fe=require("@xylabs/react-flexbox");var V=require("@mui/material"),M=require("@xylabs/react-flexbox");var ie=e=>e.startsWith("is")?e.slice(2):e;var ce=require("@mui/material");var ne=(e,o,r)=>{let t=[],i=r(e.elementType,o);return typeof i=="string"&&t.push(i),t.push("[]"),t};var pe=(e,o,r)=>{let t=[];return e.types&&t.push(e.types.map(i=>r(i,o)).join(" & ")),t};var le=(e,o,r)=>{let t=[];return t.push(e.name),e.typeArguments&&t.push("<",e.typeArguments.map(i=>r(i,o)).join(", "),">"),t};var E=require("react/jsx-runtime"),ae=(e,o)=>{if(e.declaration)return(0,E.jsx)(E.Fragment,{children:o({reflection:e.declaration})})};var me=(e,o,r)=>{let t=[];return e.types&&t.push(e.types.map(i=>r(i,o)).join(" | ")),t};var S=(e,o)=>{let r=e,t=[];switch(r.type){case"intrinsic":{t.push(r.name);break}case"intersection":{t.push(...pe(r,o,S));break}case"literal":{t.push(JSON.stringify(r.value));break}case"array":{t.push(...ne(r,o,S));break}case"reference":{t.push(...le(r,o,S));break}case"union":{t.push(...me(r,o,S));break}case"reflection":return ae(r,o);default:{t.push("#",r.type,"#");break}}return t.join("")};var I=require("react/jsx-runtime"),U=({opacity:e=.5,reflection:o,reflectionViewer:r,...t})=>{let i=o.type?S(o.type,r):"";return typeof i=="string"?(0,I.jsx)(ce.Typography,{title:"SomeTypeViewer",style:{opacity:e},...t,children:i}):(0,I.jsx)(I.Fragment,{children:i})};var f=require("react/jsx-runtime"),se=({reflectionViewer:e,variant:o,reflection:r,...t})=>(0,f.jsxs)(M.FlexRow,{justifyContent:"flex-start",...t,children:[(0,f.jsxs)(M.FlexRow,{marginRight:1,children:[(0,f.jsxs)(V.Typography,{variant:o,noWrap:!0,children:[r.name,r.type?(0,f.jsx)(f.Fragment,{children:":\xA0"}):null]}),(0,f.jsx)(U,{reflection:r,reflectionViewer:e})]}),(0,f.jsxs)(V.Stack,{direction:"row",spacing:1,children:[(0,f.jsx)(V.Chip,{size:"small",label:r.kind}),r.flags?Object.entries(r.flags).map(([i,n])=>n?(0,f.jsx)(V.Chip,{size:"small",label:ie(i),variant:"outlined"},i):null):null]}),document&&(document==null?void 0:document.location.hostname)==="localhost"&&(0,f.jsx)(C,{size:"small",variant:"contained",padding:0,marginX:1,src:r})]});var b=require("react/jsx-runtime"),Ee=(e,o=[])=>{let r=!1;return o.map(t=>{e!=null&&e[t]&&(r=!0)}),r},a=({variant:e,nameViewer:o,children:r,reflection:t,hiddenFlags:i,...n})=>{var p;let l=t;return Ee(t==null?void 0:t.flags,i)?null:(0,b.jsxs)(fe.FlexCol,{title:"ReflectionViewer",alignItems:"stretch",...n,children:[o===void 0?(0,b.jsx)(se,{marginY:.25,variant:e,reflection:l,reflectionViewer:a}):o,t.comment?(0,b.jsx)(W,{comment:t.comment}):null,((p=l.parameters)==null?void 0:p.map(R=>(0,b.jsx)(a,{hiddenFlags:i,marginY:.25,marginX:1,reflection:R},R.id)))??null,r]})};var h=require("react/jsx-runtime"),Le=(e,o=[])=>{let r=!1;return o.map(t=>{e!=null&&e[t]&&(r=!0)}),r},F=({autoScroll:e=!1,children:o,hiddenFlags:r,group:t,lookup:i,renderer:n=a,variant:l,...p})=>{let R=x(t,i)??[],k=r?R.reduce((m,s)=>m+(Le(s.flags,r)?0:1),0):1,{hash:g}=(0,de.useLocation)();return(0,Re.useEffect)(()=>{var m;g&&e&&((m=document.querySelector(g))==null||m.scrollIntoView({behavior:"smooth"}))},[g,e]),k>0?(0,h.jsxs)(L.FlexCol,{title:"ReflectionGroupViewer",...p,children:[(0,h.jsxs)(L.FlexRow,{marginY:1,justifyContent:"flex-start",children:[(0,h.jsx)(ue.Typography,{variant:l,children:t.title}),(0,h.jsx)(C,{size:"small",variant:"contained",padding:0,marginX:1,src:x(t,i)})]}),x(t,i).map(m=>m?(0,h.jsx)("div",{id:m.name,children:n({hiddenFlags:r,lookup:i,margin:1,padding:1,reflection:m})},m.id):null),o]}):null};var N=require("react/jsx-runtime"),q=({children:e,reflection:o,hiddenFlags:r,itemRenderer:t=a,...i})=>{var l;let n=T(o);return(0,N.jsxs)(a,{title:"ContainerReflectionViewer",sources:!0,reflection:o,lookup:n,...i,children:[(l=o.groups)==null?void 0:l.map(p=>(0,N.jsx)(F,{margin:1,lookup:n,renderer:t,group:p,reflection:o,hiddenFlags:r,alignItems:"stretch"},p.title)),e]})};var v=require("react/jsx-runtime"),H=({reflection:e,hiddenFlags:o,...r})=>{var i,n,l;let t=p=>Array.isArray(p)?p:p?[p]:void 0;return(0,v.jsxs)(a,{nameViewer:e.signatures||e.getSignature||e.setSignature?null:void 0,title:"DeclarationReflectionViewer",hiddenFlags:o,reflection:e,...r,children:[(i=e.signatures)==null?void 0:i.map(p=>(0,v.jsx)(a,{hiddenFlags:o,reflection:p},p.id)),(n=t(e.getSignature))==null?void 0:n.map(p=>(0,v.jsx)(a,{marginX:1,hiddenFlags:o,reflection:p},p.id)),(l=t(e.setSignature))==null?void 0:l.map(p=>(0,v.jsx)(a,{marginX:1,hiddenFlags:o,reflection:p},p.id))]})};var ye=require("@mui/material"),we=require("react-router-dom");var ge=require("react/jsx-runtime"),K=({reflection:e,lookup:o,itemRenderer:r=H,...t})=>{let{hash:i}=(0,we.useLocation)(),n=(0,ye.useTheme)();return(0,ge.jsx)(q,{title:"DeclarationContainerReflectionViewer",paper:i.slice(1)===e.name,bgcolor:i.slice(1)===e.name?n.palette.background.default:void 0,lookup:o,itemRenderer:r,reflection:e,...t})};var O=require("react");var Q=require("react/jsx-runtime"),Ne=({reflection:e,hiddenFlags:o,itemRenderer:r=a,...t})=>{let i=(0,O.useMemo)(()=>T(e),[e]);return(0,Q.jsx)(a,{title:"ProjectReflectionViewer",hiddenFlags:o,reflection:e,...t,children:(0,O.useMemo)(()=>{var n;return(n=e.groups)==null?void 0:n.map(l=>(0,Q.jsx)(F,{autoScroll:!0,variant:"h6",lookup:i,renderer:r,group:l,reflection:e,alignItems:"stretch",hiddenFlags:o},l.title))},[i,e,o,r])})};var Fe=require("@mui/icons-material"),$=require("@mui/material"),d=require("@xylabs/react-flexbox"),G=require("react");var A=require("@mui/icons-material"),Ce=require("@mui/material"),D=require("@mui/x-tree-view"),xe=require("@xylabs/react-flexbox"),Ve=require("react-router-dom"),w=require("react/jsx-runtime"),Z=({lookup:e,reflection:o,searchTerm:r,...t})=>{var n;let i=(0,Ve.useNavigate)();return(0,w.jsx)(xe.FlexCol,{alignItems:"stretch",...t,children:(0,w.jsx)(D.TreeView,{"aria-label":"XYO SDK Documentation",defaultExpandIcon:(0,w.jsx)(A.Add,{}),defaultCollapseIcon:(0,w.jsx)(A.Remove,{}),defaultExpanded:o.groups?[o.groups[0].title]:[],children:(n=o.groups)==null?void 0:n.map((l,p)=>(0,w.jsx)(D.TreeItem,{nodeId:l.title,label:(0,w.jsx)(Ce.Typography,{variant:"h6",children:l.title}),children:l.children.map((R,k)=>{let g=r==null?void 0:r.trim().toLowerCase(),m=typeof R=="number"?e==null?void 0:e[R]:R;return m&&(!g||m.name.toLowerCase().includes(g))?(0,w.jsx)(D.TreeItem,{nodeId:`declaration-${m==null?void 0:m.id}`,label:m.name,onClick:()=>{var B;let s=`#${m.name}`;i({hash:s}),(B=document.querySelector(s))==null||B.scrollIntoView({behavior:"smooth"})}},`secondary-${p}- ${k}`):null})},`primary-${p}`))})})};var he=require("@mui/material"),J=require("@xylabs/react-flexbox");var P=require("react/jsx-runtime"),Ae=({variant:e,group:o,children:r,lookup:t,renderer:i=a,...n})=>(0,P.jsxs)(J.FlexCol,{...n,children:[(0,P.jsxs)(J.FlexRow,{marginY:1,justifyContent:"flex-start",children:[(0,P.jsx)(he.Typography,{variant:e,children:o.title}),(0,P.jsx)(C,{size:"small",variant:"contained",padding:0,marginX:1,src:x(o,t)})]}),x(o,t).map(l=>l?(0,P.jsx)("div",{children:i({lookup:t,margin:1,reflection:l})},l.id):null),r]});var c=require("react/jsx-runtime"),_=({reflection:e,itemRenderer:o=a,hiddenFlags:r,...t})=>{let i=(0,G.useMemo)(()=>T(e),[e]),n=(0,$.useTheme)(),[l,p]=(0,G.useState)(),R=s=>{p(s.target.value)},k=(0,G.useMemo)(()=>{var s;return(s=e.groups)==null?void 0:s.map(B=>(0,c.jsx)(F,{autoScroll:!0,variant:"h6",lookup:i,renderer:o,group:B,reflection:e,alignItems:"stretch",hiddenFlags:r},B.title))},[o,i,e,r]);return(0,c.jsxs)(d.FlexRow,{alignItems:"stretch",justifyContent:"start",sx:{overflowY:"scroll"},...t,children:[(0,c.jsx)(s=>(0,c.jsxs)(d.FlexCol,{...s,children:[(0,c.jsx)($.TextField,{fullWidth:!0,InputProps:{startAdornment:(0,c.jsx)(Fe.Search,{})},onChange:R}),(0,c.jsx)(d.FlexGrowCol,{marginTop:1,alignItems:"stretch",children:(0,c.jsx)(Z,{justifyContent:"flex-start",position:"absolute",top:0,left:0,right:0,bottom:0,overflow:"scroll",searchTerm:l,hiddenFlags:r,reflection:e,lookup:i,border:`1px solid ${n.palette.grey[300]}`,borderRadius:1,paddingY:1})})]}),{minWidth:320,alignItems:"stretch",justifyContent:"flex-start",overflow:"hidden"}),(0,c.jsx)(s=>(0,c.jsx)(d.FlexGrowCol,{...s,children:(0,c.jsx)(d.FlexGrowCol,{alignItems:"stretch",children:(0,c.jsx)(d.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 ${n.palette.grey[300]}`,children:k})})}),{marginLeft:1,alignItems:"stretch",justifyContent:"flex-start",overflow:"hidden"})]})};var Te=require("react/jsx-runtime"),Je=({reflection:e,itemRenderer:o=K,...r})=>((0,Pe.assertEx)(e.isProject,()=>"Project expected to be Project"),(0,Te.jsx)(_,{itemRenderer:o,reflection:e,...r}));var Se=require("@mui/material"),be=require("@xylabs/react-flexbox"),X=require("react/jsx-runtime"),$e=({source:e,...o})=>(0,X.jsx)(be.FlexCol,{alignItems:"stretch",...o,children:(0,X.jsx)(Se.Typography,{style:{opacity:.5},variant:"body2",children:(0,X.jsx)("i",{children:e.fileName})})});0&&(module.exports={CommentViewer,ContainerReflectionViewer,DeclarationContainerReflectionViewer,DeclarationReflectionViewer,JsonViewerButton,ProjectReflectionViewer,ProjectTwoPanelReflectionViewer,ReflectionGroupTreeViewer,ReflectionGroupViewer,ReflectionTreeViewer,ReflectionViewer,SomeTypeViewer,SourceViewer,TwoPanelReflectionViewer});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  CommentViewer: () => CommentViewer,
+  ContainerReflectionViewer: () => ContainerReflectionViewer,
+  DeclarationContainerReflectionViewer: () => DeclarationContainerReflectionViewer,
+  DeclarationReflectionViewer: () => DeclarationReflectionViewer,
+  JsonViewerButton: () => JsonViewerButton,
+  ProjectReflectionViewer: () => ProjectReflectionViewer,
+  ProjectTwoPanelReflectionViewer: () => ProjectTwoPanelReflectionViewer,
+  ReflectionGroupTreeViewer: () => ReflectionGroupTreeViewer,
+  ReflectionGroupViewer: () => ReflectionGroupViewer,
+  ReflectionTreeViewer: () => ReflectionTreeViewer,
+  ReflectionViewer: () => ReflectionViewer,
+  SomeTypeViewer: () => SomeTypeViewer,
+  SourceViewer: () => SourceViewer,
+  TwoPanelReflectionViewer: () => TwoPanelReflectionViewer
+});
+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 _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 }) });
+};
+
+// 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" }) })
+    ] })
+  ] });
+};
+
+// src/ProjectTwoPanelReflectionViewer.tsx
+var import_assert = require("@xylabs/assert");
+
+// src/createLookup.ts
+var createLookup = (reflection) => {
+  const lookup = {};
+  if (reflection.children) for (const item of reflection.children) lookup[item.id] = item;
+  return lookup;
+};
+
+// 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_react_router_dom = require("react-router-dom");
+
+// src/resolveChildren.ts
+var resolveChildren = (reflection, lookup = {}) => {
+  var _a;
+  return ((_a = reflection.children) == null ? void 0 : _a.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}]`);
+      }
+    }
+  })) ?? [];
+};
+
+// src/ReflectionViewer/ReflectionViewer.tsx
+var import_react_flexbox3 = require("@xylabs/react-flexbox");
+
+// src/ReflectionViewer/NameViewer.tsx
+var import_material4 = require("@mui/material");
+var import_react_flexbox2 = require("@xylabs/react-flexbox");
+
+// src/trimFlagLabel.ts
+var trimFlagLabel = (label) => {
+  if (label.startsWith("is")) {
+    return label.slice(2);
+  }
+  return label;
+};
+
+// src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx
+var import_material3 = require("@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(
+      "<",
+      typeObj.typeArguments.map((arg) => {
+        return typeBuilder(arg, reflectionViewer);
+      }).join(", "),
+      ">"
+    );
+  }
+  return parts;
+};
+
+// src/ReflectionViewer/SomeTypeViewer/buildReflectionString.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var buildRelfectionString = (typeObj, reflectionViewer) => {
+  if (typeObj.declaration) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { 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("#", someType.type, "#");
+      break;
+    }
+  }
+  return parts.join("");
+};
+
+// src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx
+var import_jsx_runtime4 = require("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__ */ (0, import_jsx_runtime4.jsx)(import_material3.Typography, { title: "SomeTypeViewer", style: { opacity }, ...props, children: typeReactNode });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: typeReactNode });
+};
+
+// 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 })
+  ] });
+};
+
+// src/ReflectionViewer/ReflectionViewer.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var hide = (flags, hiddenFlags = []) => {
+  let hide3 = false;
+  hiddenFlags.map((hiddenFlag) => {
+    if (flags == null ? void 0 : flags[hiddenFlag]) {
+      hide3 = true;
+    }
+  });
+  return hide3;
+};
+var ReflectionViewer = ({ 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
+  ] });
+};
+
+// src/ReflectionViewer/ReflectionGroupViewer.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var hide2 = (flags, hiddenFlags = []) => {
+  let hide3 = false;
+  hiddenFlags.map((hiddenFlag) => {
+    if (flags == null ? void 0 : flags[hiddenFlag]) {
+      hide3 = true;
+    }
+  });
+  return hide3;
+};
+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);
+  }, 0) : 1;
+  const { hash } = (0, import_react_router_dom.useLocation)();
+  (0, import_react2.useEffect)(() => {
+    var _a;
+    if (hash && autoScroll) {
+      (_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;
+};
+
+// src/ReflectionViewer/Container.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var ContainerReflectionViewer = ({
+  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
+  ] });
+};
+
+// src/ReflectionViewer/Declaration.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var DeclarationReflectionViewer = ({ 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",
+      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);
+        })
+      ]
+    }
+  );
+};
+
+// src/ReflectionViewer/DeclarationContainer.tsx
+var import_material6 = require("@mui/material");
+var import_react_router_dom2 = require("react-router-dom");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var DeclarationContainerReflectionViewer = ({
+  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
+    }
+  );
+};
+
+// 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 _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
+      );
+    });
+  }, [lookup, reflection, hiddenFlags, itemRenderer]) });
+};
+
+// 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");
+
+// 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_react_router_dom3 = require("react-router-dom");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var ReflectionTreeViewer = ({ 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}`))
+    }
+  ) });
+};
+
+// 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
+  ] });
+};
+
+// 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]);
+  const theme = (0, import_material9.useTheme)();
+  const [searchTerm, setSearchTerm] = (0, import_react4.useState)();
+  const onSearchTermChange = (e) => {
+    setSearchTerm(e.target.value);
+  };
+  const reflectionGroups = (0, import_react4.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,
+      {
+        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" })
+  ] });
+};
+
+// src/ProjectTwoPanelReflectionViewer.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var ProjectTwoPanelReflectionViewer = ({
+  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 });
+};
+
+// 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 }) }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CommentViewer,
+  ContainerReflectionViewer,
+  DeclarationContainerReflectionViewer,
+  DeclarationReflectionViewer,
+  JsonViewerButton,
+  ProjectReflectionViewer,
+  ProjectTwoPanelReflectionViewer,
+  ReflectionGroupTreeViewer,
+  ReflectionGroupViewer,
+  ReflectionTreeViewer,
+  ReflectionViewer,
+  SomeTypeViewer,
+  SourceViewer,
+  TwoPanelReflectionViewer
+});
 //# sourceMappingURL=index.cjs.map