@xyo-network/react-appbar 4.1.9 → 4.1.10

package/dist/browser/components/SiteMenu/MenuListItem/index.d.ts

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

package/dist/browser/components/SiteMenu/MenuListItem/index.d.ts.map

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

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.d.ts

@@ -1,7 +0,0 @@
-import type { TooltipProps } from '@mui/material';
-import React from 'react';
-export interface ListItemTooltipProps extends Omit<TooltipProps, 'children'> {
-    title: string;
-}
-export declare const ListItemTooltip: React.FC<ListItemTooltipProps>;
-//# sourceMappingURL=ListItemTooltip.d.ts.map

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemTooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAGjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAW1D,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.d.ts

@@ -1,8 +0,0 @@
-import type { TypographyProps } from '@mui/material';
-import type { ReactNode } from 'react';
-import React from 'react';
-export interface MenuIconProps extends TypographyProps {
-    icon?: ReactNode;
-}
-export declare const MenuIcon: React.FC<MenuIconProps>;
-//# sourceMappingURL=MenuIcon.d.ts.map

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAM5C,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.d.ts

@@ -1,7 +0,0 @@
-import type { ListItemProps } from '@mui/material';
-import React from 'react';
-import type { MenuListItemBase } from '../../lib/index.ts';
-export interface ListItemExProps extends MenuListItemBase, ListItemProps {
-}
-export declare const MenuListItem: React.FC<ListItemExProps>;
-//# sourceMappingURL=MenuListItem.d.ts.map

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuListItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAElD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,MAAM,WAAW,eAAgB,SAAQ,gBAAgB,EAAE,aAAa;CAAG;AAE3E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsBlD,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/index.d.ts

@@ -1,4 +0,0 @@
-export * from './ListItemTooltip.tsx';
-export * from './MenuIcon.tsx';
-export * from './MenuListItem.tsx';
-//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.d.ts

@@ -1,11 +0,0 @@
-import type { CollapseProps } from '@mui/material';
-import type { PropsWithChildren } from 'react';
-import React from 'react';
-import type { NavListItemProps } from '../../lib/index.ts';
-export interface SubNavListItemsCollapseProps extends PropsWithChildren, CollapseProps {
-    collapse?: boolean;
-    openSubNav?: boolean;
-    subNavListItems?: NavListItemProps[];
-}
-export declare const SubNavListItemsCollapse: React.FC<SubNavListItemsCollapseProps>;
-//# sourceMappingURL=SubNavListItemCollapse.d.ts.map

package/dist/browser/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubNavListItemCollapse.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAElD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,MAAM,WAAW,4BAA6B,SAAQ,iBAAiB,EAAE,aAAa;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,gBAAgB,EAAE,CAAA;CACrC;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAQ1E,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.d.ts

@@ -1,9 +0,0 @@
-import type { IconButtonProps } from '@mui/material';
-import type { Dispatch, SetStateAction } from 'react';
-import React from 'react';
-export interface SubNavToggleIconButtonProps extends IconButtonProps {
-    openSubNav?: boolean;
-    setOpenSubNav?: Dispatch<SetStateAction<boolean>>;
-}
-export declare const SubNavToggleIconButton: React.FC<SubNavToggleIconButtonProps>;
-//# sourceMappingURL=SubNavToggleIconButton.d.ts.map

package/dist/browser/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubNavToggleIconButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEpD,OAAO,KAAK,EACV,QAAQ,EAAE,cAAc,EACzB,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,2BAA4B,SAAQ,eAAe;IAClE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CAClD;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAaxE,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/sub-nav/index.d.ts

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

package/dist/browser/components/SiteMenu/MenuListItem/sub-nav/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAA;AAC5C,cAAc,8BAA8B,CAAA"}

package/dist/browser/components/SiteMenu/MenuSection.d.ts

@@ -1,11 +0,0 @@
-import type { FlexBoxProps } from '@xylabs/react-flexbox';
-import React from 'react';
-import type { MenuListItemProps } from './MenuListItem/index.ts';
-export interface MenuSectionProps extends FlexBoxProps {
-    iconMenuTextSpacing?: string;
-    listItems: MenuListItemProps[];
-    showTitle?: boolean;
-    title: string;
-}
-export declare const MenuSection: React.FC<MenuSectionProps>;
-//# sourceMappingURL=MenuSection.d.ts.map

package/dist/browser/components/SiteMenu/MenuSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuSection.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAGhE,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,SAAS,EAAE,iBAAiB,EAAE,CAAA;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAclD,CAAA"}

package/dist/browser/components/SiteMenu/hooks/index.d.ts

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

package/dist/browser/components/SiteMenu/hooks/index.d.ts.map

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

package/dist/browser/components/SiteMenu/hooks/useMenuItemsShared.d.ts

@@ -1,7 +0,0 @@
-import type { MenuListItemProps } from '../MenuListItem/index.ts';
-export type DefaultSiteMenuListItemProps = Pick<MenuListItemProps, 'collapseEnd' | 'dense' | 'iconOnly' | 'sx'>;
-export declare const useMenuItemsShared: () => {
-    defaultSiteMenuListItemProps: DefaultSiteMenuListItemProps;
-    onMenuItemToggle: (open?: boolean) => void;
-};
-//# sourceMappingURL=useMenuItemsShared.d.ts.map

package/dist/browser/components/SiteMenu/hooks/useMenuItemsShared.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMenuItemsShared.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/hooks/useMenuItemsShared.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAAC,iBAAiB,EAAE,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,IAAI,CAAC,CAAA;AAE/G,eAAO,MAAM,kBAAkB;;8BAKI,OAAO;CAgBzC,CAAA"}

package/dist/browser/components/SiteMenu/index.d.ts

@@ -1,6 +0,0 @@
-export * from './hooks/index.ts';
-export * from './lib/index.ts';
-export * from './Menu.tsx';
-export * from './MenuListItem/index.ts';
-export * from './MenuSection.tsx';
-//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/SiteMenu/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA"}

package/dist/browser/components/SiteMenu/lib/MenuListItemBase.d.ts

@@ -1,5 +0,0 @@
-export interface MenuListItemBase {
-    collapseEnd?: boolean;
-    iconOnly?: boolean;
-}
-//# sourceMappingURL=MenuListItemBase.d.ts.map

package/dist/browser/components/SiteMenu/lib/MenuListItemBase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuListItemBase.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/MenuListItemBase.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}

package/dist/browser/components/SiteMenu/lib/NavListItemProps.d.ts

@@ -1,12 +0,0 @@
-import type { ListItemProps, ListItemTextProps } from '@mui/material';
-import type { ReactNode } from 'react';
-import type { To } from 'react-router-dom';
-export interface NavListItemProps {
-    href?: string;
-    icon?: ReactNode;
-    onButtonClick?: ListItemProps['onClick'];
-    primary: ListItemTextProps['primary'];
-    to?: To;
-    tooltip?: string;
-}
-//# sourceMappingURL=NavListItemProps.d.ts.map

package/dist/browser/components/SiteMenu/lib/NavListItemProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavListItemProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/NavListItemProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACrE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAE1C,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IACxC,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACrC,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB"}

package/dist/browser/components/SiteMenu/lib/index.d.ts

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

package/dist/browser/components/SiteMenu/lib/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA"}

package/dist/browser/contexts/Collapsible/State.d.ts

@@ -1,9 +0,0 @@
-import type { ContextExState } from '@xyo-network/react-shared';
-import type { Dispatch, SetStateAction } from 'react';
-export interface CollapsibleState extends ContextExState {
-    collapse?: boolean;
-    collapseEnd?: boolean;
-    setCollapse?: Dispatch<SetStateAction<boolean>>;
-    setCollapseEnd?: Dispatch<SetStateAction<boolean>>;
-}
-//# sourceMappingURL=State.d.ts.map

package/dist/browser/contexts/Collapsible/State.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Collapsible/State.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAErD,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IAC/C,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CACnD"}

package/dist/browser/contexts/Collapsible/context.d.ts

@@ -1,3 +0,0 @@
-import type { CollapsibleState } from './State.ts';
-export declare const CollapsibleContext: import("react").Context<CollapsibleState & import("@xyo-network/react-shared").ContextExState>;
-//# sourceMappingURL=context.d.ts.map

package/dist/browser/contexts/Collapsible/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Collapsible/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,eAAO,MAAM,kBAAkB,gGAAsC,CAAA"}

package/dist/browser/contexts/Collapsible/index.d.ts

@@ -1,4 +0,0 @@
-export * from './provider.tsx';
-export * from './State.ts';
-export * from './use.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/browser/contexts/Collapsible/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Collapsible/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA"}

package/dist/browser/contexts/Collapsible/provider.d.ts

@@ -1,8 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import React from 'react';
-export interface CollapsibleProviderProps extends PropsWithChildren {
-    defaultCollapse?: boolean;
-    defaultCollapseEnd?: boolean;
-}
-export declare const CollapsibleProvider: React.FC<CollapsibleProviderProps>;
-//# sourceMappingURL=provider.d.ts.map

package/dist/browser/contexts/Collapsible/provider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Collapsible/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAelE,CAAA"}

package/dist/browser/contexts/Collapsible/use.d.ts

@@ -1,2 +0,0 @@
-export declare const useCollapsible: () => Omit<import("./State.ts").CollapsibleState & import("@xyo-network/react-shared").ContextExState, "provided">;
-//# sourceMappingURL=use.d.ts.map

package/dist/browser/contexts/Collapsible/use.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Collapsible/use.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,oHAA+D,CAAA"}

package/dist/browser/contexts/index.d.ts

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

package/dist/browser/contexts/index.d.ts.map

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

package/src/components/SiteMenu/Menu.tsx

@@ -1,53 +0,0 @@
-import { Menu as MenuIcon, Settings as SettingsIcon } from '@mui/icons-material'
-import {
-  IconButton, List, SwipeableDrawer,
-} from '@mui/material'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { FlexRow } from '@xylabs/react-flexbox'
-import React, { useEffect, useState } from 'react'
-
-import { MenuListItemContainer } from './MenuListItem/index.ts'
-
-export interface SiteMenuProps extends FlexBoxProps {
-  hideSettingsMenuItem?: boolean
-  onMenuToggle?: (state?: boolean) => void
-  side?: 'left' | 'right' | 'top' | 'bottom'
-}
-
-export const SiteMenu: React.FC<SiteMenuProps> = ({
-  children, onMenuToggle, side = 'right', ...props
-}) => {
-  const [open, setOpen] = useState(false)
-
-  useEffect(() => {
-    onMenuToggle?.(open)
-  }, [onMenuToggle, open])
-
-  return (
-    <FlexRow alignItems="stretch" {...props}>
-      <IconButton
-        size="small"
-        color="inherit"
-        onClick={() => {
-          setOpen(!open)
-        }}
-      >
-        <MenuIcon fontSize="large" />
-      </IconButton>
-      <SwipeableDrawer
-        anchor={side}
-        open={open}
-        onClick={() => setOpen(false)}
-        onKeyDown={() => setOpen(false)}
-        onClose={() => setOpen(false)}
-        onOpen={() => setOpen(true)}
-      >
-        {children ?? (
-          <List>
-            <MenuListItemContainer primary="Settings" icon={<SettingsIcon />} to="/settings" />
-          </List>
-        )}
-      </SwipeableDrawer>
-    </FlexRow>
-  )
-}

package/src/components/SiteMenu/MenuListItem/MenuListItemContainer.stories.tsx

@@ -1,54 +0,0 @@
-import { List } from '@mui/material'
-import type { Meta, StoryFn } from '@storybook/react'
-import React from 'react'
-// eslint-disable-next-line import-x/no-internal-modules
-import { FaGlobeAmericas } from 'react-icons/fa'
-import { BrowserRouter } from 'react-router-dom'
-
-import type { MenuListItemProps } from './MenuListItemContainer.tsx'
-import { MenuListItemContainer } from './MenuListItemContainer.tsx'
-
-const StorybookEntry = {
-  argTypes: {},
-  component: MenuListItemContainer,
-  parameters: { docs: { page: null } },
-  title: 'appbar/MenuListItemContainer',
-} as Meta<typeof MenuListItemContainer>
-
-const SiteMenuList: React.FC<MenuListItemProps> = (args) => {
-  return (
-    <BrowserRouter>
-      <List>
-        <MenuListItemContainer {...args} />
-        <MenuListItemContainer {...args} />
-        <MenuListItemContainer {...args} />
-      </List>
-    </BrowserRouter>
-  )
-}
-
-const Template: StoryFn<typeof MenuListItemContainer> = (args) => {
-  return <SiteMenuList {...args} />
-}
-
-const Default = Template.bind({})
-Default.args = {
-  dense: true,
-  icon: <FaGlobeAmericas />,
-  primary: 'Explore',
-  tooltip: 'View global archivist data on a world map.',
-}
-
-const WithChildren = Template.bind({})
-WithChildren.args = {
-  icon: <FaGlobeAmericas />,
-  primary: 'Explore',
-  subNavListItems: [{
-    primary: 'Explore', to: '/explore', tooltip: 'View global archivist data on a world map.',
-  }],
-  tooltip: 'View global archivist data on a world map.',
-}
-
-export { Default, WithChildren }
-
-export default StorybookEntry

package/src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx

@@ -1,87 +0,0 @@
-import type { ListItemProps } from '@mui/material'
-import { ListItemText, useTheme } from '@mui/material'
-import { FlexRow } from '@xylabs/react-flexbox'
-import { LinkEx } from '@xylabs/react-link'
-import React, { useState } from 'react'
-
-import { useCollapsible } from '../../../contexts/index.ts'
-import type { MenuListItemBase, NavListItemProps } from '../lib/index.ts'
-import {
-  ListItemTooltip, MenuIcon, MenuListItem,
-} from './list-item-components/index.ts'
-import { SubNavListItemsCollapse, SubNavToggleIconButton } from './sub-nav/index.ts'
-
-export interface MenuListItemProps extends NavListItemProps, MenuListItemBase, ListItemProps {
-  iconMenuTextSpacing?: string
-  iconOnly?: boolean
-  subNavListItems?: NavListItemProps[]
-  subNavOpen?: boolean
-}
-
-export const MenuListItemContainer: React.FC<MenuListItemProps> = ({
-  style,
-  icon,
-  iconMenuTextSpacing,
-  iconOnly,
-  onButtonClick,
-  primary,
-  subNavListItems,
-  sx,
-  tooltip,
-  to,
-  ...props
-}) => {
-  const { dense } = props
-  const theme = useTheme()
-  const { collapse } = useCollapsible()
-  const [openSubNav, setOpenSubNav] = useState(false)
-  const [hovered, setHovered] = useState(false)
-  const resolvedIconMenuTextSpacing = iconMenuTextSpacing ?? theme.spacing(1)
-
-  return (
-    <>
-      <MenuListItem
-        disableGutters
-        iconOnly={iconOnly}
-        onClick={onButtonClick}
-        dense={dense}
-        sx={{ justifyContent: 'space-between', ...sx }}
-        style={{ whiteSpace: 'nowrap', ...style }}
-        {...props}
-      >
-        <LinkEx
-          onMouseEnter={() => setHovered(true)}
-          onMouseLeave={() => setHovered(false)}
-          color="inherit"
-          to={to}
-          sx={{
-            '& :hover': {
-              cursor: 'pointer',
-              textDecoration: 'underline',
-            },
-          }}
-        >
-          <FlexRow>
-            <MenuIcon icon={icon} paddingRight={resolvedIconMenuTextSpacing} color={hovered ? 'secondary' : 'inherit'} />
-            <ListItemText primary={primary} />
-          </FlexRow>
-        </LinkEx>
-        <FlexRow style={{ marginLeft: theme.spacing(1) }}>
-          {subNavListItems
-            ? <SubNavToggleIconButton setOpenSubNav={setOpenSubNav} openSubNav={openSubNav} />
-            : null}
-          {tooltip
-            ? <ListItemTooltip title={tooltip} />
-            : null}
-        </FlexRow>
-      </MenuListItem>
-      {subNavListItems
-        ? (
-            <SubNavListItemsCollapse openSubNav={openSubNav} collapse={collapse}>
-              {subNavListItems?.map((item, index) => <MenuListItemContainer dense={dense} sx={{ pl: theme.spacing(1) }} key={index} {...item} />)}
-            </SubNavListItemsCollapse>
-          )
-        : null}
-    </>
-  )
-}

package/src/components/SiteMenu/MenuListItem/index.ts

@@ -1 +0,0 @@
-export * from './MenuListItemContainer.tsx'

package/src/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.tsx

@@ -1,23 +0,0 @@
-import type { TooltipProps } from '@mui/material'
-import { Tooltip } from '@mui/material'
-import { FlexCol } from '@xylabs/react-flexbox'
-import React from 'react'
-// eslint-disable-next-line import-x/no-internal-modules
-import { VscInfo } from 'react-icons/vsc'
-
-export interface ListItemTooltipProps extends Omit<TooltipProps, 'children'> {
-  title: string
-}
-
-export const ListItemTooltip: React.FC<ListItemTooltipProps> = ({ title, ...props }) => {
-  return (
-    <Tooltip title={title} placement="right" {...props}>
-      {/* Needs div so it can work, the hovering doesn't work with a FlexCol */}
-      <div>
-        <FlexCol justifyContent="center">
-          <VscInfo color="grey" />
-        </FlexCol>
-      </div>
-    </Tooltip>
-  )
-}

package/src/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.tsx

@@ -1,16 +0,0 @@
-import type { TypographyProps } from '@mui/material'
-import { Typography } from '@mui/material'
-import type { ReactNode } from 'react'
-import React from 'react'
-
-export interface MenuIconProps extends TypographyProps {
-  icon?: ReactNode
-}
-
-export const MenuIcon: React.FC<MenuIconProps> = ({ icon, ...props }) => {
-  return (
-    <Typography display="flex" {...props}>
-      {icon}
-    </Typography>
-  )
-}

package/src/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.tsx

@@ -1,31 +0,0 @@
-import type { ListItemProps } from '@mui/material'
-import { ListItem } from '@mui/material'
-import React from 'react'
-
-import type { MenuListItemBase } from '../../lib/index.ts'
-
-export interface ListItemExProps extends MenuListItemBase, ListItemProps {}
-
-export const MenuListItem: React.FC<ListItemExProps> = ({
-  iconOnly, collapseEnd, sx, children, dense, ...props
-}) => {
-  const listItemSx = iconOnly
-    ? {
-        borderRadius: '50%', display: 'inline-flex', flexGrow: 0, width: 'auto',
-      }
-    : { width: '100%' }
-  // wait till collapseEnds to remove the spacing between items
-  const spacingSx = collapseEnd ? { columnGap: 0 } : { columnGap: 1.5 }
-  // adjusts to the paddingY value which does NOT scale along the theme.spacing
-  const paddingSx = dense ? { px: '8px' } : { px: '12px' }
-  return (
-    <ListItem
-      sx={{
-        ...listItemSx, ...spacingSx, ...paddingSx, ...sx,
-      }}
-      {...props}
-    >
-      {children}
-    </ListItem>
-  )
-}

package/src/components/SiteMenu/MenuListItem/list-item-components/index.ts

@@ -1,3 +0,0 @@
-export * from './ListItemTooltip.tsx'
-export * from './MenuIcon.tsx'
-export * from './MenuListItem.tsx'

package/src/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.tsx

@@ -1,22 +0,0 @@
-import type { CollapseProps } from '@mui/material'
-import { Collapse, List } from '@mui/material'
-import type { PropsWithChildren } from 'react'
-import React from 'react'
-
-import type { NavListItemProps } from '../../lib/index.ts'
-
-export interface SubNavListItemsCollapseProps extends PropsWithChildren, CollapseProps {
-  collapse?: boolean
-  openSubNav?: boolean
-  subNavListItems?: NavListItemProps[]
-}
-
-export const SubNavListItemsCollapse: React.FC<SubNavListItemsCollapseProps> = ({
-  collapse, openSubNav, children, ...props
-}) => {
-  return (
-    <Collapse in={collapse == true ? false : openSubNav} {...props}>
-      <List>{children}</List>
-    </Collapse>
-  )
-}

package/src/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.tsx

@@ -1,27 +0,0 @@
-import type { IconButtonProps } from '@mui/material'
-import { IconButton, useTheme } from '@mui/material'
-import type {
-  Dispatch, SetStateAction, SyntheticEvent,
-} from 'react'
-import React from 'react'
-// eslint-disable-next-line import-x/no-internal-modules
-import { VscChevronDown } from 'react-icons/vsc'
-export interface SubNavToggleIconButtonProps extends IconButtonProps {
-  openSubNav?: boolean
-  setOpenSubNav?: Dispatch<SetStateAction<boolean>>
-}
-
-export const SubNavToggleIconButton: React.FC<SubNavToggleIconButtonProps> = ({ setOpenSubNav, openSubNav }) => {
-  const theme = useTheme()
-  return (
-    <IconButton
-      onClick={(event: SyntheticEvent) => {
-        event.stopPropagation()
-        setOpenSubNav?.(!openSubNav)
-      }}
-      sx={{ marginRight: theme.spacing(0.5) }}
-    >
-      <VscChevronDown fontSize="16px" />
-    </IconButton>
-  )
-}

package/src/components/SiteMenu/MenuListItem/sub-nav/index.ts

@@ -1,2 +0,0 @@
-export * from './SubNavListItemCollapse.tsx'
-export * from './SubNavToggleIconButton.tsx'

package/src/components/SiteMenu/MenuSection.tsx

@@ -1,30 +0,0 @@
-import { Collapse, ListSubheader } from '@mui/material'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { FlexCol } from '@xylabs/react-flexbox'
-import React from 'react'
-
-import type { MenuListItemProps } from './MenuListItem/index.ts'
-import { MenuListItemContainer } from './MenuListItem/index.ts'
-
-export interface MenuSectionProps extends FlexBoxProps {
-  iconMenuTextSpacing?: string
-  listItems: MenuListItemProps[]
-  showTitle?: boolean
-  title: string
-}
-
-export const MenuSection: React.FC<MenuSectionProps> = ({
-  iconMenuTextSpacing, listItems, showTitle = true, title, ...props
-}) => {
-  return (
-    <FlexCol alignItems="stretch" {...props}>
-      <Collapse in={showTitle} timeout={700}>
-        <ListSubheader>{title}</ListSubheader>
-      </Collapse>
-
-      {listItems.map((item, index) => (
-        <MenuListItemContainer key={index} iconMenuTextSpacing={iconMenuTextSpacing} {...item}></MenuListItemContainer>
-      ))}
-    </FlexCol>
-  )
-}

package/src/components/SiteMenu/hooks/index.ts

@@ -1 +0,0 @@
-export * from './useMenuItemsShared.tsx'