@xyo-network/react-appbar 2.64.9 → 2.65.0

package/dist/node/components/CollapsibleDrawer/CollapseToggle.cjs

@@ -1,65 +0,0 @@
-"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/components/CollapsibleDrawer/CollapseToggle.tsx
-var CollapseToggle_exports = {};
-__export(CollapseToggle_exports, {
-  CollapseToggleFlex: () => CollapseToggleFlex
-});
-module.exports = __toCommonJS(CollapseToggle_exports);
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react = require("react");
-var import_vsc = require("react-icons/vsc/index.js");
-
-// src/contexts/Collapsible/context.ts
-var import_react_shared = require("@xyo-network/react-shared");
-var CollapsibleContext = (0, import_react_shared.createContextEx)();
-
-// src/contexts/Collapsible/use.tsx
-var import_react_shared2 = require("@xyo-network/react-shared");
-var useCollapsible = () => (0, import_react_shared2.useContextEx)(CollapsibleContext, "Collapsible", false);
-
-// src/components/CollapsibleDrawer/CollapseToggle.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var CollapseToggleFlex = (props) => {
-  const { collapse, setCollapse, setCollapseEnd } = useCollapsible();
-  const [hover, setHover] = (0, import_react.useState)(false);
-  const theme = (0, import_material.useTheme)();
-  const handleCollapseToggle = () => {
-    setCollapse == null ? void 0 : setCollapse(!collapse);
-    setCollapseEnd == null ? void 0 : setCollapseEnd((previous) => previous ? false : previous);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexRow, { mt: 2, py: 2, justifyContent: collapse ? "start" : "center", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_material.Icon,
-    {
-      onClick: handleCollapseToggle,
-      onMouseEnter: () => setHover(true),
-      onMouseLeave: () => setHover(false),
-      fontSize: "large",
-      sx: { color: hover ? theme.palette.secondary.main : "inherit", cursor: "pointer" },
-      children: !collapse ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscArrowSmallLeft, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscArrowSmallRight, {})
-    }
-  ) });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CollapseToggleFlex
-});
-//# sourceMappingURL=CollapseToggle.cjs.map

package/dist/node/components/CollapsibleDrawer/CollapseToggle.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx","../../../../src/contexts/Collapsible/context.ts","../../../../src/contexts/Collapsible/use.tsx"],"sourcesContent":["import { Icon, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n// eslint-disable-next-line import/no-internal-modules\nimport { VscArrowSmallLeft, VscArrowSmallRight } from 'react-icons/vsc/index.js'\n\nimport { useCollapsible } from '../../contexts'\n\nexport const CollapseToggleFlex: React.FC<FlexBoxProps> = (props) => {\n  const { collapse, setCollapse, setCollapseEnd } = useCollapsible()\n  const [hover, setHover] = useState(false)\n  const theme = useTheme()\n\n  const handleCollapseToggle = () => {\n    setCollapse?.(!collapse)\n    setCollapseEnd?.((previous) => (previous ? false : previous))\n  }\n\n  return (\n    <FlexRow mt={2} py={2} justifyContent={collapse ? 'start' : 'center'} {...props}>\n      <Icon\n        onClick={handleCollapseToggle}\n        onMouseEnter={() => setHover(true)}\n        onMouseLeave={() => setHover(false)}\n        fontSize={'large'}\n        sx={{ color: hover ? theme.palette.secondary.main : 'inherit', cursor: 'pointer' }}\n      >\n        {!collapse ? <VscArrowSmallLeft /> : <VscArrowSmallRight />}\n      </Icon>\n    </FlexRow>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { CollapsibleState } from './State'\n\nexport const CollapsibleContext = createContextEx<CollapsibleState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { CollapsibleContext } from './context'\n\nexport const useCollapsible = () => useContextEx(CollapsibleContext, 'Collapsible', false)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA+B;AAC/B,2BAAsC;AACtC,mBAAyB;AAEzB,iBAAsD;;;ACJtD,0BAAgC;AAIzB,IAAM,yBAAqB,qCAAkC;;;ACJpE,IAAAA,uBAA6B;AAItB,IAAM,iBAAiB,UAAM,mCAAa,oBAAoB,eAAe,KAAK;;;AFuBpE;AAnBd,IAAM,qBAA6C,CAAC,UAAU;AACnE,QAAM,EAAE,UAAU,aAAa,eAAe,IAAI,eAAe;AACjE,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,KAAK;AACxC,QAAM,YAAQ,0BAAS;AAEvB,QAAM,uBAAuB,MAAM;AACjC,+CAAc,CAAC;AACf,qDAAiB,CAAC,aAAc,WAAW,QAAQ;AAAA,EACrD;AAEA,SACE,4CAAC,gCAAQ,IAAI,GAAG,IAAI,GAAG,gBAAgB,WAAW,UAAU,UAAW,GAAG,OACxE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,cAAc,MAAM,SAAS,IAAI;AAAA,MACjC,cAAc,MAAM,SAAS,KAAK;AAAA,MAClC,UAAU;AAAA,MACV,IAAI,EAAE,OAAO,QAAQ,MAAM,QAAQ,UAAU,OAAO,WAAW,QAAQ,UAAU;AAAA,MAEhF,WAAC,WAAW,4CAAC,gCAAkB,IAAK,4CAAC,iCAAmB;AAAA;AAAA,EAC3D,GACF;AAEJ;","names":["import_react_shared"]}

package/dist/node/components/CollapsibleDrawer/CollapseToggle.js

@@ -1,40 +0,0 @@
-// src/components/CollapsibleDrawer/CollapseToggle.tsx
-import { Icon, useTheme } from "@mui/material";
-import { FlexRow } from "@xylabs/react-flexbox";
-import { useState } from "react";
-import { VscArrowSmallLeft, VscArrowSmallRight } from "react-icons/vsc/index.js";
-
-// src/contexts/Collapsible/context.ts
-import { createContextEx } from "@xyo-network/react-shared";
-var CollapsibleContext = createContextEx();
-
-// src/contexts/Collapsible/use.tsx
-import { useContextEx } from "@xyo-network/react-shared";
-var useCollapsible = () => useContextEx(CollapsibleContext, "Collapsible", false);
-
-// src/components/CollapsibleDrawer/CollapseToggle.tsx
-import { jsx } from "react/jsx-runtime";
-var CollapseToggleFlex = (props) => {
-  const { collapse, setCollapse, setCollapseEnd } = useCollapsible();
-  const [hover, setHover] = useState(false);
-  const theme = useTheme();
-  const handleCollapseToggle = () => {
-    setCollapse == null ? void 0 : setCollapse(!collapse);
-    setCollapseEnd == null ? void 0 : setCollapseEnd((previous) => previous ? false : previous);
-  };
-  return /* @__PURE__ */ jsx(FlexRow, { mt: 2, py: 2, justifyContent: collapse ? "start" : "center", ...props, children: /* @__PURE__ */ jsx(
-    Icon,
-    {
-      onClick: handleCollapseToggle,
-      onMouseEnter: () => setHover(true),
-      onMouseLeave: () => setHover(false),
-      fontSize: "large",
-      sx: { color: hover ? theme.palette.secondary.main : "inherit", cursor: "pointer" },
-      children: !collapse ? /* @__PURE__ */ jsx(VscArrowSmallLeft, {}) : /* @__PURE__ */ jsx(VscArrowSmallRight, {})
-    }
-  ) });
-};
-export {
-  CollapseToggleFlex
-};
-//# sourceMappingURL=CollapseToggle.js.map

package/dist/node/components/CollapsibleDrawer/CollapseToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx","../../../../src/contexts/Collapsible/context.ts","../../../../src/contexts/Collapsible/use.tsx"],"sourcesContent":["import { Icon, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n// eslint-disable-next-line import/no-internal-modules\nimport { VscArrowSmallLeft, VscArrowSmallRight } from 'react-icons/vsc/index.js'\n\nimport { useCollapsible } from '../../contexts'\n\nexport const CollapseToggleFlex: React.FC<FlexBoxProps> = (props) => {\n  const { collapse, setCollapse, setCollapseEnd } = useCollapsible()\n  const [hover, setHover] = useState(false)\n  const theme = useTheme()\n\n  const handleCollapseToggle = () => {\n    setCollapse?.(!collapse)\n    setCollapseEnd?.((previous) => (previous ? false : previous))\n  }\n\n  return (\n    <FlexRow mt={2} py={2} justifyContent={collapse ? 'start' : 'center'} {...props}>\n      <Icon\n        onClick={handleCollapseToggle}\n        onMouseEnter={() => setHover(true)}\n        onMouseLeave={() => setHover(false)}\n        fontSize={'large'}\n        sx={{ color: hover ? theme.palette.secondary.main : 'inherit', cursor: 'pointer' }}\n      >\n        {!collapse ? <VscArrowSmallLeft /> : <VscArrowSmallRight />}\n      </Icon>\n    </FlexRow>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { CollapsibleState } from './State'\n\nexport const CollapsibleContext = createContextEx<CollapsibleState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { CollapsibleContext } from './context'\n\nexport const useCollapsible = () => useContextEx(CollapsibleContext, 'Collapsible', false)\n"],"mappings":";AAAA,SAAS,MAAM,gBAAgB;AAC/B,SAAuB,eAAe;AACtC,SAAS,gBAAgB;AAEzB,SAAS,mBAAmB,0BAA0B;;;ACJtD,SAAS,uBAAuB;AAIzB,IAAM,qBAAqB,gBAAkC;;;ACJpE,SAAS,oBAAoB;AAItB,IAAM,iBAAiB,MAAM,aAAa,oBAAoB,eAAe,KAAK;;;AFuBpE;AAnBd,IAAM,qBAA6C,CAAC,UAAU;AACnE,QAAM,EAAE,UAAU,aAAa,eAAe,IAAI,eAAe;AACjE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,QAAQ,SAAS;AAEvB,QAAM,uBAAuB,MAAM;AACjC,+CAAc,CAAC;AACf,qDAAiB,CAAC,aAAc,WAAW,QAAQ;AAAA,EACrD;AAEA,SACE,oBAAC,WAAQ,IAAI,GAAG,IAAI,GAAG,gBAAgB,WAAW,UAAU,UAAW,GAAG,OACxE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,cAAc,MAAM,SAAS,IAAI;AAAA,MACjC,cAAc,MAAM,SAAS,KAAK;AAAA,MAClC,UAAU;AAAA,MACV,IAAI,EAAE,OAAO,QAAQ,MAAM,QAAQ,UAAU,OAAO,WAAW,QAAQ,UAAU;AAAA,MAEhF,WAAC,WAAW,oBAAC,qBAAkB,IAAK,oBAAC,sBAAmB;AAAA;AAAA,EAC3D,GACF;AAEJ;","names":[]}

package/dist/node/components/CollapsibleDrawer/CollapsibleDrawer.cjs

@@ -1,70 +0,0 @@
-"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/components/CollapsibleDrawer/CollapsibleDrawer.tsx
-var CollapsibleDrawer_exports = {};
-__export(CollapsibleDrawer_exports, {
-  CollapsibleDrawer: () => CollapsibleDrawer
-});
-module.exports = __toCommonJS(CollapsibleDrawer_exports);
-var import_material = require("@mui/material");
-
-// src/contexts/Collapsible/context.ts
-var import_react_shared = require("@xyo-network/react-shared");
-var CollapsibleContext = (0, import_react_shared.createContextEx)();
-
-// src/contexts/Collapsible/use.tsx
-var import_react_shared2 = require("@xyo-network/react-shared");
-var useCollapsible = () => (0, import_react_shared2.useContextEx)(CollapsibleContext, "Collapsible", false);
-
-// src/components/CollapsibleDrawer/CollapsibleDrawer.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var CollapsibleDrawer = ({ children, sx, ...props }) => {
-  const { collapse, setCollapseEnd } = useCollapsible();
-  const theme = (0, import_material.useTheme)();
-  const collapsedSize = props.collapsedSize ?? theme.spacing(5);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    CollapsibleFlexInner,
-    {
-      in: !collapse,
-      orientation: "horizontal",
-      collapsedSize,
-      onExited: () => setCollapseEnd == null ? void 0 : setCollapseEnd(true),
-      sx: {
-        alignItems: "start",
-        display: "flex",
-        height: "100%",
-        ...sx
-      },
-      ...props,
-      children
-    }
-  );
-};
-var CollapsibleFlexInner = (0, import_material.styled)(import_material.Collapse)(() => ({
-  "& .MuiCollapse-wrapperInner": {
-    display: "flex",
-    flexDirection: "column"
-  }
-}));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CollapsibleDrawer
-});
-//# sourceMappingURL=CollapsibleDrawer.cjs.map

package/dist/node/components/CollapsibleDrawer/CollapsibleDrawer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx","../../../../src/contexts/Collapsible/context.ts","../../../../src/contexts/Collapsible/use.tsx"],"sourcesContent":["import { Collapse, CollapseProps, styled, useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\nimport { useCollapsible } from '../../contexts'\n\nexport const CollapsibleDrawer: React.FC<WithChildren<CollapseProps>> = ({ children, sx, ...props }) => {\n  const { collapse, setCollapseEnd } = useCollapsible()\n  const theme = useTheme()\n\n  const collapsedSize = props.collapsedSize ?? theme.spacing(5)\n\n  return (\n    <CollapsibleFlexInner\n      in={!collapse}\n      orientation=\"horizontal\"\n      collapsedSize={collapsedSize}\n      onExited={() => setCollapseEnd?.(true)}\n      sx={{\n        alignItems: 'start',\n        display: 'flex',\n        height: '100%',\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </CollapsibleFlexInner>\n  )\n}\n\nconst CollapsibleFlexInner = styled(Collapse)(() => ({\n  '& .MuiCollapse-wrapperInner': {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n}))\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { CollapsibleState } from './State'\n\nexport const CollapsibleContext = createContextEx<CollapsibleState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { CollapsibleContext } from './context'\n\nexport const useCollapsible = () => useContextEx(CollapsibleContext, 'Collapsible', false)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA0D;;;ACA1D,0BAAgC;AAIzB,IAAM,yBAAqB,qCAAkC;;;ACJpE,IAAAA,uBAA6B;AAItB,IAAM,iBAAiB,UAAM,mCAAa,oBAAoB,eAAe,KAAK;;;AFQrF;AAPG,IAAM,oBAA2D,CAAC,EAAE,UAAU,IAAI,GAAG,MAAM,MAAM;AACtG,QAAM,EAAE,UAAU,eAAe,IAAI,eAAe;AACpD,QAAM,YAAQ,0BAAS;AAEvB,QAAM,gBAAgB,MAAM,iBAAiB,MAAM,QAAQ,CAAC;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,CAAC;AAAA,MACL,aAAY;AAAA,MACZ;AAAA,MACA,UAAU,MAAM,iDAAiB;AAAA,MACjC,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,IAAM,2BAAuB,wBAAO,wBAAQ,EAAE,OAAO;AAAA,EACnD,+BAA+B;AAAA,IAC7B,SAAS;AAAA,IACT,eAAe;AAAA,EACjB;AACF,EAAE;","names":["import_react_shared"]}

package/dist/node/components/CollapsibleDrawer/CollapsibleDrawer.js

@@ -1,45 +0,0 @@
-// src/components/CollapsibleDrawer/CollapsibleDrawer.tsx
-import { Collapse, styled, useTheme } from "@mui/material";
-
-// src/contexts/Collapsible/context.ts
-import { createContextEx } from "@xyo-network/react-shared";
-var CollapsibleContext = createContextEx();
-
-// src/contexts/Collapsible/use.tsx
-import { useContextEx } from "@xyo-network/react-shared";
-var useCollapsible = () => useContextEx(CollapsibleContext, "Collapsible", false);
-
-// src/components/CollapsibleDrawer/CollapsibleDrawer.tsx
-import { jsx } from "react/jsx-runtime";
-var CollapsibleDrawer = ({ children, sx, ...props }) => {
-  const { collapse, setCollapseEnd } = useCollapsible();
-  const theme = useTheme();
-  const collapsedSize = props.collapsedSize ?? theme.spacing(5);
-  return /* @__PURE__ */ jsx(
-    CollapsibleFlexInner,
-    {
-      in: !collapse,
-      orientation: "horizontal",
-      collapsedSize,
-      onExited: () => setCollapseEnd == null ? void 0 : setCollapseEnd(true),
-      sx: {
-        alignItems: "start",
-        display: "flex",
-        height: "100%",
-        ...sx
-      },
-      ...props,
-      children
-    }
-  );
-};
-var CollapsibleFlexInner = styled(Collapse)(() => ({
-  "& .MuiCollapse-wrapperInner": {
-    display: "flex",
-    flexDirection: "column"
-  }
-}));
-export {
-  CollapsibleDrawer
-};
-//# sourceMappingURL=CollapsibleDrawer.js.map

package/dist/node/components/CollapsibleDrawer/CollapsibleDrawer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx","../../../../src/contexts/Collapsible/context.ts","../../../../src/contexts/Collapsible/use.tsx"],"sourcesContent":["import { Collapse, CollapseProps, styled, useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\nimport { useCollapsible } from '../../contexts'\n\nexport const CollapsibleDrawer: React.FC<WithChildren<CollapseProps>> = ({ children, sx, ...props }) => {\n  const { collapse, setCollapseEnd } = useCollapsible()\n  const theme = useTheme()\n\n  const collapsedSize = props.collapsedSize ?? theme.spacing(5)\n\n  return (\n    <CollapsibleFlexInner\n      in={!collapse}\n      orientation=\"horizontal\"\n      collapsedSize={collapsedSize}\n      onExited={() => setCollapseEnd?.(true)}\n      sx={{\n        alignItems: 'start',\n        display: 'flex',\n        height: '100%',\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </CollapsibleFlexInner>\n  )\n}\n\nconst CollapsibleFlexInner = styled(Collapse)(() => ({\n  '& .MuiCollapse-wrapperInner': {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n}))\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { CollapsibleState } from './State'\n\nexport const CollapsibleContext = createContextEx<CollapsibleState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { CollapsibleContext } from './context'\n\nexport const useCollapsible = () => useContextEx(CollapsibleContext, 'Collapsible', false)\n"],"mappings":";AAAA,SAAS,UAAyB,QAAQ,gBAAgB;;;ACA1D,SAAS,uBAAuB;AAIzB,IAAM,qBAAqB,gBAAkC;;;ACJpE,SAAS,oBAAoB;AAItB,IAAM,iBAAiB,MAAM,aAAa,oBAAoB,eAAe,KAAK;;;AFQrF;AAPG,IAAM,oBAA2D,CAAC,EAAE,UAAU,IAAI,GAAG,MAAM,MAAM;AACtG,QAAM,EAAE,UAAU,eAAe,IAAI,eAAe;AACpD,QAAM,QAAQ,SAAS;AAEvB,QAAM,gBAAgB,MAAM,iBAAiB,MAAM,QAAQ,CAAC;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,CAAC;AAAA,MACL,aAAY;AAAA,MACZ;AAAA,MACA,UAAU,MAAM,iDAAiB;AAAA,MACjC,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,IAAM,uBAAuB,OAAO,QAAQ,EAAE,OAAO;AAAA,EACnD,+BAA+B;AAAA,IAC7B,SAAS;AAAA,IACT,eAAe;AAAA,EACjB;AACF,EAAE;","names":[]}

package/dist/node/components/CollapsibleDrawer/index.cjs

@@ -1,101 +0,0 @@
-"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/components/CollapsibleDrawer/index.ts
-var CollapsibleDrawer_exports = {};
-__export(CollapsibleDrawer_exports, {
-  CollapseToggleFlex: () => CollapseToggleFlex,
-  CollapsibleDrawer: () => CollapsibleDrawer
-});
-module.exports = __toCommonJS(CollapsibleDrawer_exports);
-
-// src/components/CollapsibleDrawer/CollapseToggle.tsx
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react = require("react");
-var import_vsc = require("react-icons/vsc/index.js");
-
-// src/contexts/Collapsible/context.ts
-var import_react_shared = require("@xyo-network/react-shared");
-var CollapsibleContext = (0, import_react_shared.createContextEx)();
-
-// src/contexts/Collapsible/use.tsx
-var import_react_shared2 = require("@xyo-network/react-shared");
-var useCollapsible = () => (0, import_react_shared2.useContextEx)(CollapsibleContext, "Collapsible", false);
-
-// src/components/CollapsibleDrawer/CollapseToggle.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var CollapseToggleFlex = (props) => {
-  const { collapse, setCollapse, setCollapseEnd } = useCollapsible();
-  const [hover, setHover] = (0, import_react.useState)(false);
-  const theme = (0, import_material.useTheme)();
-  const handleCollapseToggle = () => {
-    setCollapse == null ? void 0 : setCollapse(!collapse);
-    setCollapseEnd == null ? void 0 : setCollapseEnd((previous) => previous ? false : previous);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexRow, { mt: 2, py: 2, justifyContent: collapse ? "start" : "center", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_material.Icon,
-    {
-      onClick: handleCollapseToggle,
-      onMouseEnter: () => setHover(true),
-      onMouseLeave: () => setHover(false),
-      fontSize: "large",
-      sx: { color: hover ? theme.palette.secondary.main : "inherit", cursor: "pointer" },
-      children: !collapse ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscArrowSmallLeft, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscArrowSmallRight, {})
-    }
-  ) });
-};
-
-// src/components/CollapsibleDrawer/CollapsibleDrawer.tsx
-var import_material2 = require("@mui/material");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var CollapsibleDrawer = ({ children, sx, ...props }) => {
-  const { collapse, setCollapseEnd } = useCollapsible();
-  const theme = (0, import_material2.useTheme)();
-  const collapsedSize = props.collapsedSize ?? theme.spacing(5);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    CollapsibleFlexInner,
-    {
-      in: !collapse,
-      orientation: "horizontal",
-      collapsedSize,
-      onExited: () => setCollapseEnd == null ? void 0 : setCollapseEnd(true),
-      sx: {
-        alignItems: "start",
-        display: "flex",
-        height: "100%",
-        ...sx
-      },
-      ...props,
-      children
-    }
-  );
-};
-var CollapsibleFlexInner = (0, import_material2.styled)(import_material2.Collapse)(() => ({
-  "& .MuiCollapse-wrapperInner": {
-    display: "flex",
-    flexDirection: "column"
-  }
-}));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CollapseToggleFlex,
-  CollapsibleDrawer
-});
-//# sourceMappingURL=index.cjs.map

package/dist/node/components/CollapsibleDrawer/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/CollapsibleDrawer/index.ts","../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx","../../../../src/contexts/Collapsible/context.ts","../../../../src/contexts/Collapsible/use.tsx","../../../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx"],"sourcesContent":["export * from './CollapseToggle'\nexport * from './CollapsibleDrawer'\n","import { Icon, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n// eslint-disable-next-line import/no-internal-modules\nimport { VscArrowSmallLeft, VscArrowSmallRight } from 'react-icons/vsc/index.js'\n\nimport { useCollapsible } from '../../contexts'\n\nexport const CollapseToggleFlex: React.FC<FlexBoxProps> = (props) => {\n  const { collapse, setCollapse, setCollapseEnd } = useCollapsible()\n  const [hover, setHover] = useState(false)\n  const theme = useTheme()\n\n  const handleCollapseToggle = () => {\n    setCollapse?.(!collapse)\n    setCollapseEnd?.((previous) => (previous ? false : previous))\n  }\n\n  return (\n    <FlexRow mt={2} py={2} justifyContent={collapse ? 'start' : 'center'} {...props}>\n      <Icon\n        onClick={handleCollapseToggle}\n        onMouseEnter={() => setHover(true)}\n        onMouseLeave={() => setHover(false)}\n        fontSize={'large'}\n        sx={{ color: hover ? theme.palette.secondary.main : 'inherit', cursor: 'pointer' }}\n      >\n        {!collapse ? <VscArrowSmallLeft /> : <VscArrowSmallRight />}\n      </Icon>\n    </FlexRow>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { CollapsibleState } from './State'\n\nexport const CollapsibleContext = createContextEx<CollapsibleState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { CollapsibleContext } from './context'\n\nexport const useCollapsible = () => useContextEx(CollapsibleContext, 'Collapsible', false)\n","import { Collapse, CollapseProps, styled, useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\nimport { useCollapsible } from '../../contexts'\n\nexport const CollapsibleDrawer: React.FC<WithChildren<CollapseProps>> = ({ children, sx, ...props }) => {\n  const { collapse, setCollapseEnd } = useCollapsible()\n  const theme = useTheme()\n\n  const collapsedSize = props.collapsedSize ?? theme.spacing(5)\n\n  return (\n    <CollapsibleFlexInner\n      in={!collapse}\n      orientation=\"horizontal\"\n      collapsedSize={collapsedSize}\n      onExited={() => setCollapseEnd?.(true)}\n      sx={{\n        alignItems: 'start',\n        display: 'flex',\n        height: '100%',\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </CollapsibleFlexInner>\n  )\n}\n\nconst CollapsibleFlexInner = styled(Collapse)(() => ({\n  '& .MuiCollapse-wrapperInner': {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n}))\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAA+B;AAC/B,2BAAsC;AACtC,mBAAyB;AAEzB,iBAAsD;;;ACJtD,0BAAgC;AAIzB,IAAM,yBAAqB,qCAAkC;;;ACJpE,IAAAA,uBAA6B;AAItB,IAAM,iBAAiB,UAAM,mCAAa,oBAAoB,eAAe,KAAK;;;AFuBpE;AAnBd,IAAM,qBAA6C,CAAC,UAAU;AACnE,QAAM,EAAE,UAAU,aAAa,eAAe,IAAI,eAAe;AACjE,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,KAAK;AACxC,QAAM,YAAQ,0BAAS;AAEvB,QAAM,uBAAuB,MAAM;AACjC,+CAAc,CAAC;AACf,qDAAiB,CAAC,aAAc,WAAW,QAAQ;AAAA,EACrD;AAEA,SACE,4CAAC,gCAAQ,IAAI,GAAG,IAAI,GAAG,gBAAgB,WAAW,UAAU,UAAW,GAAG,OACxE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,cAAc,MAAM,SAAS,IAAI;AAAA,MACjC,cAAc,MAAM,SAAS,KAAK;AAAA,MAClC,UAAU;AAAA,MACV,IAAI,EAAE,OAAO,QAAQ,MAAM,QAAQ,UAAU,OAAO,WAAW,QAAQ,UAAU;AAAA,MAEhF,WAAC,WAAW,4CAAC,gCAAkB,IAAK,4CAAC,iCAAmB;AAAA;AAAA,EAC3D,GACF;AAEJ;;;AG/BA,IAAAC,mBAA0D;AAYtD,IAAAC,sBAAA;AAPG,IAAM,oBAA2D,CAAC,EAAE,UAAU,IAAI,GAAG,MAAM,MAAM;AACtG,QAAM,EAAE,UAAU,eAAe,IAAI,eAAe;AACpD,QAAM,YAAQ,2BAAS;AAEvB,QAAM,gBAAgB,MAAM,iBAAiB,MAAM,QAAQ,CAAC;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,CAAC;AAAA,MACL,aAAY;AAAA,MACZ;AAAA,MACA,UAAU,MAAM,iDAAiB;AAAA,MACjC,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,IAAM,2BAAuB,yBAAO,yBAAQ,EAAE,OAAO;AAAA,EACnD,+BAA+B;AAAA,IAC7B,SAAS;AAAA,IACT,eAAe;AAAA,EACjB;AACF,EAAE;","names":["import_react_shared","import_material","import_jsx_runtime"]}

package/dist/node/components/CollapsibleDrawer/index.js

@@ -1,73 +0,0 @@
-// src/components/CollapsibleDrawer/CollapseToggle.tsx
-import { Icon, useTheme } from "@mui/material";
-import { FlexRow } from "@xylabs/react-flexbox";
-import { useState } from "react";
-import { VscArrowSmallLeft, VscArrowSmallRight } from "react-icons/vsc/index.js";
-
-// src/contexts/Collapsible/context.ts
-import { createContextEx } from "@xyo-network/react-shared";
-var CollapsibleContext = createContextEx();
-
-// src/contexts/Collapsible/use.tsx
-import { useContextEx } from "@xyo-network/react-shared";
-var useCollapsible = () => useContextEx(CollapsibleContext, "Collapsible", false);
-
-// src/components/CollapsibleDrawer/CollapseToggle.tsx
-import { jsx } from "react/jsx-runtime";
-var CollapseToggleFlex = (props) => {
-  const { collapse, setCollapse, setCollapseEnd } = useCollapsible();
-  const [hover, setHover] = useState(false);
-  const theme = useTheme();
-  const handleCollapseToggle = () => {
-    setCollapse == null ? void 0 : setCollapse(!collapse);
-    setCollapseEnd == null ? void 0 : setCollapseEnd((previous) => previous ? false : previous);
-  };
-  return /* @__PURE__ */ jsx(FlexRow, { mt: 2, py: 2, justifyContent: collapse ? "start" : "center", ...props, children: /* @__PURE__ */ jsx(
-    Icon,
-    {
-      onClick: handleCollapseToggle,
-      onMouseEnter: () => setHover(true),
-      onMouseLeave: () => setHover(false),
-      fontSize: "large",
-      sx: { color: hover ? theme.palette.secondary.main : "inherit", cursor: "pointer" },
-      children: !collapse ? /* @__PURE__ */ jsx(VscArrowSmallLeft, {}) : /* @__PURE__ */ jsx(VscArrowSmallRight, {})
-    }
-  ) });
-};
-
-// src/components/CollapsibleDrawer/CollapsibleDrawer.tsx
-import { Collapse, styled, useTheme as useTheme2 } from "@mui/material";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var CollapsibleDrawer = ({ children, sx, ...props }) => {
-  const { collapse, setCollapseEnd } = useCollapsible();
-  const theme = useTheme2();
-  const collapsedSize = props.collapsedSize ?? theme.spacing(5);
-  return /* @__PURE__ */ jsx2(
-    CollapsibleFlexInner,
-    {
-      in: !collapse,
-      orientation: "horizontal",
-      collapsedSize,
-      onExited: () => setCollapseEnd == null ? void 0 : setCollapseEnd(true),
-      sx: {
-        alignItems: "start",
-        display: "flex",
-        height: "100%",
-        ...sx
-      },
-      ...props,
-      children
-    }
-  );
-};
-var CollapsibleFlexInner = styled(Collapse)(() => ({
-  "& .MuiCollapse-wrapperInner": {
-    display: "flex",
-    flexDirection: "column"
-  }
-}));
-export {
-  CollapseToggleFlex,
-  CollapsibleDrawer
-};
-//# sourceMappingURL=index.js.map

package/dist/node/components/CollapsibleDrawer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx","../../../../src/contexts/Collapsible/context.ts","../../../../src/contexts/Collapsible/use.tsx","../../../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx"],"sourcesContent":["import { Icon, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n// eslint-disable-next-line import/no-internal-modules\nimport { VscArrowSmallLeft, VscArrowSmallRight } from 'react-icons/vsc/index.js'\n\nimport { useCollapsible } from '../../contexts'\n\nexport const CollapseToggleFlex: React.FC<FlexBoxProps> = (props) => {\n  const { collapse, setCollapse, setCollapseEnd } = useCollapsible()\n  const [hover, setHover] = useState(false)\n  const theme = useTheme()\n\n  const handleCollapseToggle = () => {\n    setCollapse?.(!collapse)\n    setCollapseEnd?.((previous) => (previous ? false : previous))\n  }\n\n  return (\n    <FlexRow mt={2} py={2} justifyContent={collapse ? 'start' : 'center'} {...props}>\n      <Icon\n        onClick={handleCollapseToggle}\n        onMouseEnter={() => setHover(true)}\n        onMouseLeave={() => setHover(false)}\n        fontSize={'large'}\n        sx={{ color: hover ? theme.palette.secondary.main : 'inherit', cursor: 'pointer' }}\n      >\n        {!collapse ? <VscArrowSmallLeft /> : <VscArrowSmallRight />}\n      </Icon>\n    </FlexRow>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { CollapsibleState } from './State'\n\nexport const CollapsibleContext = createContextEx<CollapsibleState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { CollapsibleContext } from './context'\n\nexport const useCollapsible = () => useContextEx(CollapsibleContext, 'Collapsible', false)\n","import { Collapse, CollapseProps, styled, useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\nimport { useCollapsible } from '../../contexts'\n\nexport const CollapsibleDrawer: React.FC<WithChildren<CollapseProps>> = ({ children, sx, ...props }) => {\n  const { collapse, setCollapseEnd } = useCollapsible()\n  const theme = useTheme()\n\n  const collapsedSize = props.collapsedSize ?? theme.spacing(5)\n\n  return (\n    <CollapsibleFlexInner\n      in={!collapse}\n      orientation=\"horizontal\"\n      collapsedSize={collapsedSize}\n      onExited={() => setCollapseEnd?.(true)}\n      sx={{\n        alignItems: 'start',\n        display: 'flex',\n        height: '100%',\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </CollapsibleFlexInner>\n  )\n}\n\nconst CollapsibleFlexInner = styled(Collapse)(() => ({\n  '& .MuiCollapse-wrapperInner': {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n}))\n"],"mappings":";AAAA,SAAS,MAAM,gBAAgB;AAC/B,SAAuB,eAAe;AACtC,SAAS,gBAAgB;AAEzB,SAAS,mBAAmB,0BAA0B;;;ACJtD,SAAS,uBAAuB;AAIzB,IAAM,qBAAqB,gBAAkC;;;ACJpE,SAAS,oBAAoB;AAItB,IAAM,iBAAiB,MAAM,aAAa,oBAAoB,eAAe,KAAK;;;AFuBpE;AAnBd,IAAM,qBAA6C,CAAC,UAAU;AACnE,QAAM,EAAE,UAAU,aAAa,eAAe,IAAI,eAAe;AACjE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,QAAQ,SAAS;AAEvB,QAAM,uBAAuB,MAAM;AACjC,+CAAc,CAAC;AACf,qDAAiB,CAAC,aAAc,WAAW,QAAQ;AAAA,EACrD;AAEA,SACE,oBAAC,WAAQ,IAAI,GAAG,IAAI,GAAG,gBAAgB,WAAW,UAAU,UAAW,GAAG,OACxE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,cAAc,MAAM,SAAS,IAAI;AAAA,MACjC,cAAc,MAAM,SAAS,KAAK;AAAA,MAClC,UAAU;AAAA,MACV,IAAI,EAAE,OAAO,QAAQ,MAAM,QAAQ,UAAU,OAAO,WAAW,QAAQ,UAAU;AAAA,MAEhF,WAAC,WAAW,oBAAC,qBAAkB,IAAK,oBAAC,sBAAmB;AAAA;AAAA,EAC3D,GACF;AAEJ;;;AG/BA,SAAS,UAAyB,QAAQ,YAAAA,iBAAgB;AAYtD,gBAAAC,YAAA;AAPG,IAAM,oBAA2D,CAAC,EAAE,UAAU,IAAI,GAAG,MAAM,MAAM;AACtG,QAAM,EAAE,UAAU,eAAe,IAAI,eAAe;AACpD,QAAM,QAAQC,UAAS;AAEvB,QAAM,gBAAgB,MAAM,iBAAiB,MAAM,QAAQ,CAAC;AAE5D,SACE,gBAAAD;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,CAAC;AAAA,MACL,aAAY;AAAA,MACZ;AAAA,MACA,UAAU,MAAM,iDAAiB;AAAA,MACjC,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,IAAM,uBAAuB,OAAO,QAAQ,EAAE,OAAO;AAAA,EACnD,+BAA+B;AAAA,IAC7B,SAAS;AAAA,IACT,eAAe;AAAA,EACjB;AACF,EAAE;","names":["useTheme","jsx","useTheme"]}

package/dist/node/components/CollapsibleDrawer/storyExampleMenuData.cjs

@@ -1,97 +0,0 @@
-"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/components/CollapsibleDrawer/storyExampleMenuData.tsx
-var storyExampleMenuData_exports = {};
-__export(storyExampleMenuData_exports, {
-  menuDataBottom: () => menuDataBottom,
-  menuDataTop: () => menuDataTop
-});
-module.exports = __toCommonJS(storyExampleMenuData_exports);
-var import_vsc = require("react-icons/vsc/index.js");
-var import_jsx_runtime = require("react/jsx-runtime");
-var menuDataTop = [
-  {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscGlobe, { fontSize: "body1" }),
-    primary: "Explore",
-    to: "",
-    tooltip: "View global archivist data on a world map."
-  },
-  {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscSymbolMethod, { fontSize: "body1" }),
-    primary: "Blocks",
-    to: "",
-    tooltip: "The most recent blocks seen in the in temp archive on your current network."
-  },
-  {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscSymbolNamespace, { fontSize: "body1" }),
-    primary: "Payloads",
-    to: "",
-    tooltip: "The most recent blocks seen in the in temp archive on your current network."
-  },
-  {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscGraph, { fontSize: "body1" }),
-    primary: "Queries",
-    to: "",
-    tooltip: "The most recent blocks seen in the in temp archive on your current network."
-  },
-  {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscServer, { fontSize: "body1" }),
-    primary: "Archives",
-    subNavListItems: [
-      { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscDashboard, { fontSize: "body2" }), primary: "Dashboard", to: "", tooltip: "View data for all archives on this network." },
-      { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscAdd, { fontSize: "body2" }), primary: "Create Archive", to: "", tooltip: "Create a new archive on this network." },
-      { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscTable, { fontSize: "body2" }), primary: "Archive Table", to: "", tooltip: "View all archives on this network as a table." }
-    ],
-    to: "",
-    tooltip: "The most recent blocks seen in the in temp archive on your current network."
-  }
-];
-var menuDataBottom = [
-  {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscGraphLine, { fontSize: "body1" }),
-    primary: "Statistics",
-    to: "",
-    tooltip: "The most recent blocks seen in the in temp archive on your current network."
-  },
-  {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscJson, { fontSize: "body1" }),
-    primary: "Schema",
-    to: "",
-    tooltip: "The most recent blocks seen in the in temp archive on your current network."
-  },
-  {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscAccount, { fontSize: "body1" }),
-    primary: "Account",
-    to: "",
-    tooltip: "The most recent blocks seen in the in temp archive on your current network."
-  },
-  {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscSettingsGear, { fontSize: "body1" }),
-    primary: "Settings",
-    to: "",
-    tooltip: "The most recent blocks seen in the in temp archive on your current network."
-  }
-];
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  menuDataBottom,
-  menuDataTop
-});
-//# sourceMappingURL=storyExampleMenuData.cjs.map

package/dist/node/components/CollapsibleDrawer/storyExampleMenuData.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/CollapsibleDrawer/storyExampleMenuData.tsx"],"sourcesContent":["import {\n  VscAccount,\n  VscAdd,\n  VscDashboard,\n  VscGlobe,\n  VscGraph,\n  VscGraphLine,\n  VscJson,\n  VscServer,\n  VscSettingsGear,\n  VscSymbolMethod,\n  VscSymbolNamespace,\n  VscTable,\n  // eslint-disable-next-line import/no-internal-modules\n} from 'react-icons/vsc/index.js'\n\nimport { MenuListItemProps } from '../SiteMenu'\n\nexport const menuDataTop: MenuListItemProps[] = [\n  {\n    icon: <VscGlobe fontSize=\"body1\" />,\n    primary: 'Explore',\n    to: '',\n    tooltip: 'View global archivist data on a world map.',\n  },\n  {\n    icon: <VscSymbolMethod fontSize=\"body1\" />,\n    primary: 'Blocks',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n  {\n    icon: <VscSymbolNamespace fontSize=\"body1\" />,\n    primary: 'Payloads',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n  {\n    icon: <VscGraph fontSize=\"body1\" />,\n    primary: 'Queries',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n  {\n    icon: <VscServer fontSize=\"body1\" />,\n    primary: 'Archives',\n    subNavListItems: [\n      { icon: <VscDashboard fontSize=\"body2\" />, primary: 'Dashboard', to: '', tooltip: 'View data for all archives on this network.' },\n      { icon: <VscAdd fontSize=\"body2\" />, primary: 'Create Archive', to: '', tooltip: 'Create a new archive on this network.' },\n      { icon: <VscTable fontSize=\"body2\" />, primary: 'Archive Table', to: '', tooltip: 'View all archives on this network as a table.' },\n    ],\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n]\n\nexport const menuDataBottom: MenuListItemProps[] = [\n  {\n    icon: <VscGraphLine fontSize=\"body1\" />,\n    primary: 'Statistics',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n  {\n    icon: <VscJson fontSize=\"body1\" />,\n    primary: 'Schema',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n  {\n    icon: <VscAccount fontSize=\"body1\" />,\n    primary: 'Account',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n  {\n    icon: <VscSettingsGear fontSize=\"body1\" />,\n    primary: 'Settings',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n]\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAcO;AAMG;AAFH,IAAM,cAAmC;AAAA,EAC9C;AAAA,IACE,MAAM,4CAAC,uBAAS,UAAS,SAAQ;AAAA,IACjC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,4CAAC,8BAAgB,UAAS,SAAQ;AAAA,IACxC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,4CAAC,iCAAmB,UAAS,SAAQ;AAAA,IAC3C,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,4CAAC,uBAAS,UAAS,SAAQ;AAAA,IACjC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,4CAAC,wBAAU,UAAS,SAAQ;AAAA,IAClC,SAAS;AAAA,IACT,iBAAiB;AAAA,MACf,EAAE,MAAM,4CAAC,2BAAa,UAAS,SAAQ,GAAI,SAAS,aAAa,IAAI,IAAI,SAAS,8CAA8C;AAAA,MAChI,EAAE,MAAM,4CAAC,qBAAO,UAAS,SAAQ,GAAI,SAAS,kBAAkB,IAAI,IAAI,SAAS,wCAAwC;AAAA,MACzH,EAAE,MAAM,4CAAC,uBAAS,UAAS,SAAQ,GAAI,SAAS,iBAAiB,IAAI,IAAI,SAAS,gDAAgD;AAAA,IACpI;AAAA,IACA,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AACF;AAEO,IAAM,iBAAsC;AAAA,EACjD;AAAA,IACE,MAAM,4CAAC,2BAAa,UAAS,SAAQ;AAAA,IACrC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,4CAAC,sBAAQ,UAAS,SAAQ;AAAA,IAChC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,4CAAC,yBAAW,UAAS,SAAQ;AAAA,IACnC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,4CAAC,8BAAgB,UAAS,SAAQ;AAAA,IACxC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AACF;","names":[]}

package/dist/node/components/CollapsibleDrawer/storyExampleMenuData.js

@@ -1,84 +0,0 @@
-// src/components/CollapsibleDrawer/storyExampleMenuData.tsx
-import {
-  VscAccount,
-  VscAdd,
-  VscDashboard,
-  VscGlobe,
-  VscGraph,
-  VscGraphLine,
-  VscJson,
-  VscServer,
-  VscSettingsGear,
-  VscSymbolMethod,
-  VscSymbolNamespace,
-  VscTable
-} from "react-icons/vsc/index.js";
-import { jsx } from "react/jsx-runtime";
-var menuDataTop = [
-  {
-    icon: /* @__PURE__ */ jsx(VscGlobe, { fontSize: "body1" }),
-    primary: "Explore",
-    to: "",
-    tooltip: "View global archivist data on a world map."
-  },
-  {
-    icon: /* @__PURE__ */ jsx(VscSymbolMethod, { fontSize: "body1" }),
-    primary: "Blocks",
-    to: "",
-    tooltip: "The most recent blocks seen in the in temp archive on your current network."
-  },
-  {
-    icon: /* @__PURE__ */ jsx(VscSymbolNamespace, { fontSize: "body1" }),
-    primary: "Payloads",
-    to: "",
-    tooltip: "The most recent blocks seen in the in temp archive on your current network."
-  },
-  {
-    icon: /* @__PURE__ */ jsx(VscGraph, { fontSize: "body1" }),
-    primary: "Queries",
-    to: "",
-    tooltip: "The most recent blocks seen in the in temp archive on your current network."
-  },
-  {
-    icon: /* @__PURE__ */ jsx(VscServer, { fontSize: "body1" }),
-    primary: "Archives",
-    subNavListItems: [
-      { icon: /* @__PURE__ */ jsx(VscDashboard, { fontSize: "body2" }), primary: "Dashboard", to: "", tooltip: "View data for all archives on this network." },
-      { icon: /* @__PURE__ */ jsx(VscAdd, { fontSize: "body2" }), primary: "Create Archive", to: "", tooltip: "Create a new archive on this network." },
-      { icon: /* @__PURE__ */ jsx(VscTable, { fontSize: "body2" }), primary: "Archive Table", to: "", tooltip: "View all archives on this network as a table." }
-    ],
-    to: "",
-    tooltip: "The most recent blocks seen in the in temp archive on your current network."
-  }
-];
-var menuDataBottom = [
-  {
-    icon: /* @__PURE__ */ jsx(VscGraphLine, { fontSize: "body1" }),
-    primary: "Statistics",
-    to: "",
-    tooltip: "The most recent blocks seen in the in temp archive on your current network."
-  },
-  {
-    icon: /* @__PURE__ */ jsx(VscJson, { fontSize: "body1" }),
-    primary: "Schema",
-    to: "",
-    tooltip: "The most recent blocks seen in the in temp archive on your current network."
-  },
-  {
-    icon: /* @__PURE__ */ jsx(VscAccount, { fontSize: "body1" }),
-    primary: "Account",
-    to: "",
-    tooltip: "The most recent blocks seen in the in temp archive on your current network."
-  },
-  {
-    icon: /* @__PURE__ */ jsx(VscSettingsGear, { fontSize: "body1" }),
-    primary: "Settings",
-    to: "",
-    tooltip: "The most recent blocks seen in the in temp archive on your current network."
-  }
-];
-export {
-  menuDataBottom,
-  menuDataTop
-};
-//# sourceMappingURL=storyExampleMenuData.js.map