@xyo-network/react-appbar 2.64.0-rc.6 → 2.64.0

package/dist/browser/components/AppBar/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/AppBar/index.ts","../../../../src/components/AppBar/Application.tsx","../../../../src/components/Toolbar/Context/ContextToolbar.tsx","../../../../src/components/Toolbar/Context/LogoLinkEx.tsx","../../../../src/components/Toolbar/Context/Logo.tsx","../../../../src/components/Toolbar/System/SystemToolbar.tsx","../../../../src/contexts/Collapsible/context.ts","../../../../src/contexts/Collapsible/use.tsx","../../../../src/components/SiteMenu/Menu.tsx","../../../../src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx","../../../../src/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.tsx","../../../../src/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.tsx","../../../../src/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.tsx","../../../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.tsx","../../../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.tsx"],"sourcesContent":["export * from './Application'\n","import { ToolbarProps } from '@mui/material'\nimport { AppBarEx, AppBarExProps } from '@xylabs/react-appbar'\nimport { ReactElement } from 'react'\n\nimport { ContextToolbar, SystemToolbar } from '../Toolbar'\n\nexport interface ApplicationAppBarProps extends AppBarExProps {\n  contextToolbar?: ReactElement<ToolbarProps>\n  responsive?: boolean\n  systemToolbar?: ReactElement<ToolbarProps>\n}\n\nexport const ApplicationAppBar: React.FC<ApplicationAppBarProps> = ({ systemToolbar, contextToolbar, responsive = true, ...props }) => {\n  return (\n    <AppBarEx\n      systemToolbar={systemToolbar ?? <SystemToolbar />}\n      contextToolbar={contextToolbar ?? <ContextToolbar />}\n      position=\"sticky\"\n      responsive={responsive}\n      {...props}\n    />\n  )\n}\n","import { Toolbar, ToolbarProps } from '@mui/material'\nimport { To } from 'react-router-dom'\n\nimport { LogoLinkEx } from './LogoLinkEx'\n\nexport interface ContextToolbarProps extends ToolbarProps {\n  logoTo?: To\n  version?: boolean\n}\n\nexport const ContextToolbar: React.FC<ContextToolbarProps> = ({ logoTo = '/', version = false, ...props }) => {\n  return (\n    <Toolbar {...props}>\n      <LogoLinkEx version={version} to={logoTo} />\n    </Toolbar>\n  )\n}\n","import { Typography, useTheme } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx, LinkExProps } from '@xylabs/react-link'\n\nimport { Logo } from './Logo'\n\nexport interface LogoLinkExProps extends LinkExProps {\n  version?: boolean | string\n}\n\nexport const LogoLinkEx: React.FC<LogoLinkExProps> = ({ to = '/', version = false, ...props }) => {\n  const theme = useTheme()\n  return (\n    <LinkEx to={to} {...props}>\n      <FlexRow paddingX=\"4px\">\n        <Logo height=\"40\" width=\"43\" />\n        {version ? (\n          <Typography\n            position=\"absolute\"\n            borderRadius={1}\n            right={6}\n            color={theme.palette.getContrastText(theme.palette.text.primary)}\n            bottom={0}\n            bgcolor={theme.palette.text.primary}\n            paddingX=\"2px\"\n            lineHeight={1}\n            variant=\"caption\"\n            border={`1px ${theme.palette.getContrastText(theme.palette.primary.main)} solid`}\n          >\n            {typeof version === 'string' ? version : '2.1'}\n          </Typography>\n        ) : null}\n      </FlexRow>\n    </LinkEx>\n  )\n}\n","import { useTheme } from '@mui/material'\n\nexport const Logo: React.FC<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>> = (props) => {\n  const theme = useTheme()\n  const logoUrl =\n    theme.palette.mode === 'dark'\n      ? 'https://cdn.xy.company/img/brand/XYO/XYO_icon_white.svg'\n      : 'https://cdn.xy.company/img/brand/XYO/XYO_icon_white.svg'\n  return <img src={logoUrl} {...props} />\n}\n","import { Paper, Toolbar, ToolbarProps } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { DarkModeIconButton } from '@xyo-network/react-app-settings'\nimport { NetworkSelectEx, NetworkSelectExProps } from '@xyo-network/react-network'\nimport { ReactNode } from 'react'\n\nimport { SiteMenu, SiteMenuProps } from '../../SiteMenu'\n\nexport interface SystemToolbarProps extends ToolbarProps {\n  darkModeButton?: boolean\n  developerMode?: boolean\n  hideNetworkSelect?: boolean\n  menuItems?: ReactNode\n  networkSelectProps?: NetworkSelectExProps\n  onMenuToggle?: SiteMenuProps['onMenuToggle']\n  precedingChildren?: ReactNode\n}\n\nexport const SystemToolbar: React.FC<SystemToolbarProps> = ({\n  children,\n  darkModeButton = false,\n  hideNetworkSelect,\n  menuItems,\n  networkSelectProps,\n  onMenuToggle,\n  precedingChildren,\n  ...props\n}) => {\n  return (\n    <Toolbar {...props}>\n      {precedingChildren}\n      {hideNetworkSelect ? null : (\n        <FlexRow marginX={0.5}>\n          <Paper variant=\"elevation\">\n            <NetworkSelectEx fullWidth {...networkSelectProps} />\n          </Paper>\n        </FlexRow>\n      )}\n      {children}\n      {darkModeButton ? <DarkModeIconButton color=\"inherit\" /> : null}\n      {menuItems ? <SiteMenu onMenuToggle={onMenuToggle}>{menuItems}</SiteMenu> : null}\n    </Toolbar>\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 { Menu as MenuIcon, Settings as SettingsIcon } from '@mui/icons-material'\nimport { IconButton, List, SwipeableDrawer } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { useEffect, useState } from 'react'\n\nimport { MenuListItemContainer } from './MenuListItem'\n\nexport interface SiteMenuProps extends FlexBoxProps {\n  hideSettingsMenuItem?: boolean\n  onMenuToggle?: (state?: boolean) => void\n  side?: 'left' | 'right' | 'top' | 'bottom'\n}\n\nexport const SiteMenu: React.FC<SiteMenuProps> = ({ children, onMenuToggle, side = 'right', ...props }) => {\n  const [open, setOpen] = useState(false)\n\n  useEffect(() => {\n    onMenuToggle?.(open)\n  }, [onMenuToggle, open])\n\n  return (\n    <FlexRow alignItems=\"stretch\" {...props}>\n      <IconButton\n        size=\"small\"\n        color=\"inherit\"\n        onClick={() => {\n          setOpen(!open)\n        }}\n      >\n        <MenuIcon fontSize=\"large\" />\n      </IconButton>\n      <SwipeableDrawer\n        anchor={side}\n        open={open}\n        onClick={() => setOpen(false)}\n        onKeyDown={() => setOpen(false)}\n        onClose={() => setOpen(false)}\n        onOpen={() => setOpen(true)}\n      >\n        {children ?? (\n          <List>\n            <MenuListItemContainer primary=\"Settings\" icon={<SettingsIcon />} to=\"/settings\" />\n          </List>\n        )}\n      </SwipeableDrawer>\n    </FlexRow>\n  )\n}\n","import { ListItemProps, ListItemText, useTheme } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport { useState } from 'react'\n\nimport { useCollapsible } from '../../../contexts'\nimport { MenuListItemBase, NavListItemProps } from '../lib'\nimport { ListItemTooltip, MenuIcon, MenuListItem } from './list-item-components'\nimport { SubNavListItemsCollapse, SubNavToggleIconButton } from './sub-nav'\n\nexport interface MenuListItemProps extends NavListItemProps, MenuListItemBase, ListItemProps {\n  iconMenuTextSpacing?: string\n  iconOnly?: boolean\n  subNavListItems?: NavListItemProps[]\n  subNavOpen?: boolean\n}\n\nexport const MenuListItemContainer: React.FC<MenuListItemProps> = ({\n  style,\n  icon,\n  iconMenuTextSpacing,\n  iconOnly,\n  onButtonClick,\n  primary,\n  subNavListItems,\n  sx,\n  tooltip,\n  to,\n  ...props\n}) => {\n  const { dense } = props\n  const theme = useTheme()\n  const { collapse } = useCollapsible()\n  const [openSubNav, setOpenSubNav] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const resolvedIconMenuTextSpacing = iconMenuTextSpacing ? iconMenuTextSpacing : theme.spacing(1)\n\n  return (\n    <>\n      <MenuListItem\n        disableGutters\n        iconOnly={iconOnly}\n        onClick={onButtonClick}\n        dense={dense}\n        sx={{ justifyContent: 'space-between', ...sx }}\n        style={{ whiteSpace: 'nowrap', ...style }}\n        {...props}\n      >\n        <LinkEx\n          onMouseEnter={() => setHovered(true)}\n          onMouseLeave={() => setHovered(false)}\n          color=\"inherit\"\n          to={to}\n          sx={{\n            '& :hover': {\n              cursor: 'pointer',\n              textDecoration: 'underline',\n            },\n          }}\n        >\n          <FlexRow>\n            <MenuIcon icon={icon} paddingRight={resolvedIconMenuTextSpacing} color={hovered ? 'secondary' : 'inherit'} />\n            <ListItemText primary={primary} />\n          </FlexRow>\n        </LinkEx>\n        <FlexRow style={{ marginLeft: theme.spacing(1) }}>\n          {subNavListItems ? <SubNavToggleIconButton setOpenSubNav={setOpenSubNav} openSubNav={openSubNav} /> : null}\n          {tooltip ? <ListItemTooltip title={tooltip} /> : null}\n        </FlexRow>\n      </MenuListItem>\n      {subNavListItems ? (\n        <SubNavListItemsCollapse openSubNav={openSubNav} collapse={collapse}>\n          {subNavListItems?.map((item, index) => <MenuListItemContainer dense={dense} sx={{ pl: theme.spacing(1) }} key={index} {...item} />)}\n        </SubNavListItemsCollapse>\n      ) : null}\n    </>\n  )\n}\n","import { Tooltip, TooltipProps } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\n// eslint-disable-next-line import/no-internal-modules\nimport { VscInfo } from 'react-icons/vsc/index.js'\n\nexport interface ListItemTooltipProps extends Omit<TooltipProps, 'children'> {\n  title: string\n}\n\nexport const ListItemTooltip: React.FC<ListItemTooltipProps> = ({ title, ...props }) => {\n  return (\n    <Tooltip title={title} placement=\"right\" {...props}>\n      {/* Needs div so it can work, the hovering doesn't work with a FlexCol */}\n      <div>\n        <FlexCol justifyContent=\"center\">\n          <VscInfo color=\"grey\" />\n        </FlexCol>\n      </div>\n    </Tooltip>\n  )\n}\n","import { Typography, TypographyProps } from '@mui/material'\nimport { ReactNode } from 'react'\n\nexport interface MenuIconProps extends TypographyProps {\n  icon?: ReactNode\n}\n\nexport const MenuIcon: React.FC<MenuIconProps> = ({ icon, ...props }) => {\n  return (\n    <Typography display=\"flex\" {...props}>\n      {icon}\n    </Typography>\n  )\n}\n","import { ListItem, ListItemProps } from '@mui/material'\n\nimport { MenuListItemBase } from '../../lib'\n\nexport interface ListItemExProps extends MenuListItemBase, ListItemProps {}\n\nexport const MenuListItem: React.FC<ListItemExProps> = ({ iconOnly, collapseEnd, sx, children, dense, ...props }) => {\n  const listItemSx = iconOnly ? { borderRadius: '50%', display: 'inline-flex', flexGrow: 0, width: 'auto' } : { width: '100%' }\n  // wait till collapseEnds to remove the spacing between items\n  const spacingSx = collapseEnd ? { columnGap: 0 } : { columnGap: 1.5 }\n  // adjusts to the paddingY value which does NOT scale along the theme.spacing\n  const paddingSx = dense ? { px: '8px' } : { px: '12px' }\n  return (\n    <ListItem sx={{ ...listItemSx, ...spacingSx, ...paddingSx, ...sx }} {...props}>\n      {children}\n    </ListItem>\n  )\n}\n","import { Collapse, CollapseProps, List } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\nimport { NavListItemProps } from '../../lib'\n\nexport interface SubNavListItemsCollapseProps extends WithChildren, CollapseProps {\n  collapse?: boolean\n  openSubNav?: boolean\n  subNavListItems?: NavListItemProps[]\n}\n\nexport const SubNavListItemsCollapse: React.FC<SubNavListItemsCollapseProps> = ({ collapse, openSubNav, children, ...props }) => {\n  return (\n    <Collapse in={collapse == true ? false : openSubNav} {...props}>\n      <List>{children}</List>\n    </Collapse>\n  )\n}\n","import { IconButton, IconButtonProps, useTheme } from '@mui/material'\nimport { Dispatch, SetStateAction, SyntheticEvent } from 'react'\n// eslint-disable-next-line import/no-internal-modules\nimport { VscChevronDown } from 'react-icons/vsc/index.js'\n\nexport interface SubNavToggleIconButtonProps extends IconButtonProps {\n  openSubNav?: boolean\n  setOpenSubNav?: Dispatch<SetStateAction<boolean>>\n}\n\nexport const SubNavToggleIconButton: React.FC<SubNavToggleIconButtonProps> = ({ setOpenSubNav, openSubNav }) => {\n  const theme = useTheme()\n  return (\n    <IconButton\n      onClick={(event: SyntheticEvent) => {\n        event.stopPropagation()\n        setOpenSubNav?.(!openSubNav)\n      }}\n      sx={{ marginRight: theme.spacing(0.5) }}\n    >\n      <VscChevronDown fontSize=\"16px\" />\n    </IconButton>\n  )\n}\n"],"mappings":"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","names":["import_material","import_material","import_jsx_runtime","import_jsx_runtime","import_material","import_react_flexbox","import_react_shared","import_material","import_react_flexbox","import_react","import_material","import_react_flexbox","import_react_link","import_material","import_react_flexbox","import_jsx_runtime","import_material","import_jsx_runtime","import_material","import_jsx_runtime","import_material","import_jsx_runtime","import_material","import_vsc","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","MenuIcon","SettingsIcon","import_jsx_runtime","import_jsx_runtime"]}

package/dist/browser/components/AppBar/index.d.cts

@@ -0,0 +1,2 @@
+export * from './Application';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/AppBar/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AppBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

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

@@ -0,0 +1,61 @@
+"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?.(!collapse);
+    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, {})
+    }
+  ) });
+};
+//# sourceMappingURL=CollapseToggle.cjs.map

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

@@ -0,0 +1 @@
+{"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,kBAAc,CAAC,QAAQ;AACvB,qBAAiB,CAAC,aAAc,WAAW,QAAQ,QAAS;AAAA,EAC9D;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/browser/components/CollapsibleDrawer/CollapseToggle.d.cts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export declare const CollapseToggleFlex: React.FC<FlexBoxProps>;
+//# sourceMappingURL=CollapseToggle.d.ts.map

package/dist/browser/components/CollapsibleDrawer/CollapseToggle.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAO7D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuBrD,CAAA"}

package/dist/browser/components/CollapsibleDrawer/CollapseToggle.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapseToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAM7D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuBrD,CAAA"}
+{"version":3,"file":"CollapseToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAO7D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuBrD,CAAA"}

package/dist/browser/components/CollapsibleDrawer/CollapseToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapseToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAM7D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuBrD,CAAA"}
+{"version":3,"file":"CollapseToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAO7D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuBrD,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"sourcesContent":["import { Icon, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\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"],"mappings":"AA0BqB;AA1BrB,SAAS,MAAM,gBAAgB;AAC/B,SAAuB,eAAe;AACtC,SAAS,gBAAgB;AACzB,SAAS,mBAAmB,0BAA0B;AAEtD,SAAS,sBAAsB;AAExB,MAAM,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,kBAAc,CAAC,QAAQ;AACvB,qBAAiB,CAAC,aAAc,WAAW,QAAQ,QAAS;AAAA,EAC9D;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":[]}
+{"version":3,"sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.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"],"mappings":"AA2BqB;AA3BrB,SAAS,MAAM,gBAAgB;AAC/B,SAAuB,eAAe;AACtC,SAAS,gBAAgB;AAEzB,SAAS,mBAAmB,0BAA0B;AAEtD,SAAS,sBAAsB;AAExB,MAAM,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,kBAAc,CAAC,QAAQ;AACvB,qBAAiB,CAAC,aAAc,WAAW,QAAQ,QAAS;AAAA,EAC9D;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/browser/components/CollapsibleDrawer/CollapsibleDrawer.cjs

@@ -0,0 +1,66 @@
+"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?.(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"
+  }
+}));
+//# sourceMappingURL=CollapsibleDrawer.cjs.map

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

@@ -0,0 +1 @@
+{"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,iBAAiB,IAAI;AAAA,MACrC,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/browser/components/CollapsibleDrawer/CollapsibleDrawer.d.cts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CollapseProps } from '@mui/material';
+import { WithChildren } from '@xylabs/react-shared';
+export declare const CollapsibleDrawer: React.FC<WithChildren<CollapseProps>>;
+//# sourceMappingURL=CollapsibleDrawer.d.ts.map

package/dist/browser/components/CollapsibleDrawer/CollapsibleDrawer.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,aAAa,EAAoB,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,CAuBnE,CAAA"}

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

@@ -0,0 +1,96 @@
+"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?.(!collapse);
+    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?.(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"
+  }
+}));
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"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,kBAAc,CAAC,QAAQ;AACvB,qBAAiB,CAAC,aAAc,WAAW,QAAQ,QAAS;AAAA,EAC9D;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,iBAAiB,IAAI;AAAA,MACrC,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/browser/components/CollapsibleDrawer/index.d.cts

@@ -0,0 +1,3 @@
+export * from './CollapseToggle';
+export * from './CollapsibleDrawer';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/CollapsibleDrawer/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA"}

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

@@ -0,0 +1,92 @@
+"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."
+  }
+];
+//# sourceMappingURL=storyExampleMenuData.cjs.map

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

@@ -0,0 +1 @@
+{"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/browser/components/CollapsibleDrawer/storyExampleMenuData.d.cts

@@ -0,0 +1,4 @@
+import { MenuListItemProps } from '../SiteMenu';
+export declare const menuDataTop: MenuListItemProps[];
+export declare const menuDataBottom: MenuListItemProps[];
+//# sourceMappingURL=storyExampleMenuData.d.ts.map

package/dist/browser/components/CollapsibleDrawer/storyExampleMenuData.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storyExampleMenuData.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/storyExampleMenuData.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,eAAO,MAAM,WAAW,EAAE,iBAAiB,EAoC1C,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,EAyB7C,CAAA"}

package/dist/browser/components/CollapsibleDrawer/storyExampleMenuData.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"storyExampleMenuData.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/storyExampleMenuData.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,eAAO,MAAM,WAAW,EAAE,iBAAiB,EAoC1C,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,EAyB7C,CAAA"}
+{"version":3,"file":"storyExampleMenuData.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/storyExampleMenuData.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,eAAO,MAAM,WAAW,EAAE,iBAAiB,EAoC1C,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,EAyB7C,CAAA"}

package/dist/browser/components/CollapsibleDrawer/storyExampleMenuData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"storyExampleMenuData.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/storyExampleMenuData.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,eAAO,MAAM,WAAW,EAAE,iBAAiB,EAoC1C,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,EAyB7C,CAAA"}
+{"version":3,"file":"storyExampleMenuData.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/storyExampleMenuData.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,eAAO,MAAM,WAAW,EAAE,iBAAiB,EAoC1C,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,EAyB7C,CAAA"}

package/dist/browser/components/CollapsibleDrawer/storyExampleMenuData.js.map

@@ -1 +1 @@
-{"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} 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":"AAmBU;AAnBV;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIA,MAAM,cAAmC;AAAA,EAC9C;AAAA,IACE,MAAM,oBAAC,YAAS,UAAS,SAAQ;AAAA,IACjC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,mBAAgB,UAAS,SAAQ;AAAA,IACxC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,sBAAmB,UAAS,SAAQ;AAAA,IAC3C,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,YAAS,UAAS,SAAQ;AAAA,IACjC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,aAAU,UAAS,SAAQ;AAAA,IAClC,SAAS;AAAA,IACT,iBAAiB;AAAA,MACf,EAAE,MAAM,oBAAC,gBAAa,UAAS,SAAQ,GAAI,SAAS,aAAa,IAAI,IAAI,SAAS,8CAA8C;AAAA,MAChI,EAAE,MAAM,oBAAC,UAAO,UAAS,SAAQ,GAAI,SAAS,kBAAkB,IAAI,IAAI,SAAS,wCAAwC;AAAA,MACzH,EAAE,MAAM,oBAAC,YAAS,UAAS,SAAQ,GAAI,SAAS,iBAAiB,IAAI,IAAI,SAAS,gDAAgD;AAAA,IACpI;AAAA,IACA,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AACF;AAEO,MAAM,iBAAsC;AAAA,EACjD;AAAA,IACE,MAAM,oBAAC,gBAAa,UAAS,SAAQ;AAAA,IACrC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,WAAQ,UAAS,SAAQ;AAAA,IAChC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,cAAW,UAAS,SAAQ;AAAA,IACnC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,mBAAgB,UAAS,SAAQ;AAAA,IACxC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AACF;","names":[]}
+{"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":"AAoBU;AApBV;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAIA,MAAM,cAAmC;AAAA,EAC9C;AAAA,IACE,MAAM,oBAAC,YAAS,UAAS,SAAQ;AAAA,IACjC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,mBAAgB,UAAS,SAAQ;AAAA,IACxC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,sBAAmB,UAAS,SAAQ;AAAA,IAC3C,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,YAAS,UAAS,SAAQ;AAAA,IACjC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,aAAU,UAAS,SAAQ;AAAA,IAClC,SAAS;AAAA,IACT,iBAAiB;AAAA,MACf,EAAE,MAAM,oBAAC,gBAAa,UAAS,SAAQ,GAAI,SAAS,aAAa,IAAI,IAAI,SAAS,8CAA8C;AAAA,MAChI,EAAE,MAAM,oBAAC,UAAO,UAAS,SAAQ,GAAI,SAAS,kBAAkB,IAAI,IAAI,SAAS,wCAAwC;AAAA,MACzH,EAAE,MAAM,oBAAC,YAAS,UAAS,SAAQ,GAAI,SAAS,iBAAiB,IAAI,IAAI,SAAS,gDAAgD;AAAA,IACpI;AAAA,IACA,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AACF;AAEO,MAAM,iBAAsC;AAAA,EACjD;AAAA,IACE,MAAM,oBAAC,gBAAa,UAAS,SAAQ;AAAA,IACrC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,WAAQ,UAAS,SAAQ;AAAA,IAChC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,cAAW,UAAS,SAAQ;AAAA,IACnC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,mBAAgB,UAAS,SAAQ;AAAA,IACxC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AACF;","names":[]}