npm - @xyo-network/react-appbar - Versions diffs - 7.5.7 → 7.5.11 - Mend

@xyo-network/react-appbar 7.5.7 → 7.5.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (36) hide show

package/dist/browser/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../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/components/CollapsibleDrawer/CollapseToggle.tsx","../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx","../../src/components/MobileSystemControls/SystemControls.tsx","../../src/components/MobileSystemControls/SystemControlsRoot.tsx","../../src/components/MobileSystemControls/SystemControlsType.ts","../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx","../../src/components/MobileSystemControls/controls/SystemControl.tsx","../../src/components/SearchBar/SearchBar.tsx"],"sourcesContent":["import type { ToolbarProps } from '@mui/material'\nimport type { ApplicationAppBarProps } from '@xylabs/react-appbar'\nimport { ApplicationAppBar } from '@xylabs/react-appbar'\nimport type { ReactElement } from 'react'\nimport React from 'react'\n\nimport { XyoContextToolbar, XyoSystemToolbar } from '../Toolbar/index.ts'\n\nexport interface XyoApplicationAppBarProps extends ApplicationAppBarProps {\n contextToolbar?: ReactElement<ToolbarProps>\n responsive?: boolean\n systemToolbar?: ReactElement<ToolbarProps>\n}\n\nexport const XyoApplicationAppBar: React.FC<XyoApplicationAppBarProps> = ({\n systemToolbar, contextToolbar, responsive = true, ...props\n}) => {\n return (\n <ApplicationAppBar\n systemToolbar={systemToolbar ?? <XyoSystemToolbar />}\n contextToolbar={contextToolbar ?? <XyoContextToolbar />}\n position=\"sticky\"\n responsive={responsive}\n {...props}\n />\n )\n}\n","import { Toolbar } from '@mui/material'\nimport type { ContextToolbarProps } from '@xylabs/react-appbar'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nimport { LogoLinkEx } from './LogoLinkEx.tsx'\n\nexport interface XyoContextToolbarProps extends ContextToolbarProps {\n logo?: ReactNode\n}\n\nexport const XyoContextToolbar: React.FC<XyoContextToolbarProps> = ({\n children, logo, logoTo = '/', version = false, ...props\n}) => {\n return (\n <Toolbar {...props}>\n <LogoLinkEx logo={logo} version={version} to={logoTo} />\n {children}\n </Toolbar>\n )\n}\n","import { Typography, useTheme } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type { LinkExProps } from '@xylabs/react-link'\nimport { LinkEx } from '@xylabs/react-link'\nimport { assertEx } from '@xylabs/sdk-js'\nimport React from 'react'\n\nimport { Logo } from './Logo.tsx'\n\nexport type LogoLinkExProps = LinkExProps & {\n logo?: React.ReactNode\n version?: boolean \| string\n}\n\nexport const LogoLinkEx: React.FC<LogoLinkExProps> = ({\n logo, to = '/', href, version = false, ...props\n}) => {\n const theme = useTheme()\n assertEx(href === undefined, () => 'href is not supported')\n return (\n <LinkEx to={to} sx={{ 'opacity': 0.8, '&:hover': { opacity: 1 } }} {...props}>\n <FlexRow paddingX=\"4px\">\n {logo ?? <Logo height=\"40\" width=\"43\" />}\n {version === undefined\n ? null\n : (\n <Typography\n position=\"absolute\"\n borderRadius={1}\n right={6}\n color={theme.vars.palette.primary.main}\n bottom={0}\n bgcolor={theme.vars.palette.primary.contrastText}\n paddingX=\"2px\"\n lineHeight={1}\n variant=\"caption\"\n border={`1px ${theme.vars.palette.primary.main} solid`}\n >\n {typeof version === 'string' ? version : '2.1'}\n </Typography>\n )}\n </FlexRow>\n </LinkEx>\n )\n}\n","import React from 'react'\n\nexport const Logo: React.FC<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>> = (props) => {\n const logoUrl\n = 'https://cdn.xy.company/img/brand/XYO/XYO_icon_white.svg'\n return <img src={logoUrl} {...props} />\n}\n","import { Paper } from '@mui/material'\nimport {\n type SiteMenuProps, SystemToolbar, type SystemToolbarProps,\n} from '@xylabs/react-appbar'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type { NetworkSelectExProps } from '@xyo-network/react-network'\nimport { NetworkSelectEx } from '@xyo-network/react-network'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nexport interface XyoSystemToolbarProps extends SystemToolbarProps {\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 XyoSystemToolbar: React.FC<XyoSystemToolbarProps> = ({\n children,\n hideNetworkSelect,\n networkSelectProps,\n precedingChildren,\n ...props\n}) => {\n return (\n <SystemToolbar {...props}>\n {precedingChildren}\n {hideNetworkSelect\n ? null\n : (\n <FlexRow marginX={0.5}>\n <Paper variant=\"elevation\">\n <NetworkSelectEx fullWidth {...networkSelectProps} />\n </Paper>\n </FlexRow>\n )}\n {children}\n </SystemToolbar>\n )\n}\n","import { Icon, useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { useCollapsible } from '@xylabs/react-shared'\nimport React, { useState } from 'react'\nimport { VscArrowSmallLeft, VscArrowSmallRight } from 'react-icons/vsc'\n\nexport const CollapseToggleFlex: React.FC<FlexBoxProps> = (props) => {\n const {\n collapse, setCollapse, setCollapseEnd,\n } = 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.vars.palette.secondary.main : 'inherit', cursor: 'pointer' }}\n >\n {collapse\n ? <VscArrowSmallRight />\n : <VscArrowSmallLeft />}\n </Icon>\n </FlexRow>\n )\n}\n","import type { CollapseProps } from '@mui/material'\nimport {\n Collapse, styled, useTheme,\n} from '@mui/material'\nimport { useCollapsible } from '@xylabs/react-shared'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nexport const CollapsibleDrawer: React.FC<PropsWithChildren<CollapseProps>> = ({\n children, sx, ...props\n}) => {\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 { FlexCol } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { SystemControlsRoot } from './SystemControlsRoot.tsx'\nimport type { SystemControlsUnstyledProps } from './SystemControlsUnstyled.tsx'\n\nconst SystemControls: React.FC<SystemControlsUnstyledProps> = (props) => {\n return (\n <FlexCol>\n <SystemControlsRoot {...props} />\n </FlexCol>\n )\n}\n\nexport { SystemControls }\n","import { styled } from '@mui/material'\n\nimport { SystemControlsType } from './SystemControlsType.ts'\nimport type { SystemControlsUnstyledProps } from './SystemControlsUnstyled.tsx'\nimport { SystemControlsUnstyled } from './SystemControlsUnstyled.tsx'\n\nconst SystemControlsRoot = styled(SystemControlsUnstyled, { name: 'SystemControls', slot: 'Root' })<SystemControlsUnstyledProps>(({ theme }) => ({\n // shared defaults\n ['&']: {\n '.toggle': { backgroundColor: theme.vars.palette.primary.main },\n 'alignItems': 'start',\n 'zIndex': 1,\n },\n // WindowShade System Controls styles\n [`&.system-controls-type-${SystemControlsType.WindowShade}`]: {\n '.control': {\n borderRadius: '0 0 5px 5px',\n flexDirection: 'row',\n flexGrow: 1,\n justifyContent: 'space-around',\n padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`,\n },\n '.controls': {\n alignItems: 'stretch',\n flexDirection: 'column',\n flexGrow: 1,\n },\n '.toggle': {\n borderRadius: '0 0 5px 5px',\n padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`,\n },\n 'flexDirection': 'row',\n 'position': 'absolute',\n 'top': 0,\n 'width': '100%',\n },\n // Left System Control styles\n [`&.system-controls-type-${SystemControlsType.Left}`]: {\n '.control': {\n alignItems: 'start',\n flexDirection: 'column',\n padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`,\n },\n '.control-wrap': { marginBottom: `${theme.spacing(2)}` },\n '.toggle': {\n borderRadius: '0 5px 5px 0',\n padding: `${theme.spacing(1)} ${theme.spacing(0.5)}`,\n writingMode: 'vertical-rl',\n },\n 'flexDirection': 'column',\n 'left': 0,\n 'position': 'fixed',\n 'top': '30vh',\n 'width': 'auto',\n },\n}))\n\nexport { SystemControlsRoot }\n","import type { EnumValue } from '@xylabs/sdk-js'\nimport { Enum } from '@xylabs/sdk-js'\n\nexport const SystemControlsType = Enum({\n Left: 'Left',\n Right: 'Right',\n WindowShade: 'WindowShade',\n})\n\nexport type SystemControlsType = EnumValue<typeof SystemControlsType>\n","import type { Theme } from '@mui/material'\nimport { Paper, useMediaQuery } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { NetworkSelectEx } from '@xyo-network/react-network'\nimport React from 'react'\n\nimport { SystemControl } from './controls/index.ts'\nimport { SystemControlsType } from './SystemControlsType.ts'\n\ninterface SystemControlsUnstyledProps extends FlexBoxProps {\n systemControlsType?: SystemControlsType\n visible?: boolean\n}\n\nconst SystemControlsUnstyled: React.FC<SystemControlsUnstyledProps> = ({\n visible,\n systemControlsType = SystemControlsType.WindowShade,\n ...props\n}) => {\n const isSmall = useMediaQuery<Theme>(theme => theme.breakpoints.down('sm'))\n\n return visible \|\| isSmall\n ? (\n <FlexCol {...props} className={`${props.className} system-controls-type-${systemControlsType}`}>\n <SystemControl\n systemControlsType={systemControlsType}\n controlElement={(\n <FlexRow className=\"control-wrap\">\n <Paper variant=\"elevation\" elevation={0}>\n <NetworkSelectEx responsive={false} className=\"network-ex\" />\n </Paper>\n </FlexRow>\n )}\n />\n </FlexCol>\n )\n : <FlexCol />\n}\n\nexport type { SystemControlsUnstyledProps }\nexport { SystemControlsUnstyled }\n","import type { CollapseProps } from '@mui/material'\nimport { Collapse } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport type { PropsWithChildren } from 'react'\nimport React, { useState } from 'react'\n\nimport { SystemControlsType } from '../SystemControlsType.ts'\n\ninterface SystemControlProps extends FlexBoxProps {\n controlElement: React.ReactNode\n systemControlsType?: SystemControlsType\n}\n\nconst SystemControl: React.FC<PropsWithChildren<SystemControlProps>> = ({\n children,\n controlElement,\n systemControlsType = SystemControlsType.WindowShade,\n ...props\n}) => {\n const [toggleControls, setToggleControls] = useState(false)\n\n let orientation: CollapseProps['orientation'] = 'vertical'\n\n switch (systemControlsType) {\n case SystemControlsType.Left: {\n orientation = 'horizontal'\n break\n }\n }\n\n return (\n <FlexRow className=\"controls\" {...props}>\n <Collapse in={toggleControls} orientation={orientation} timeout={500}>\n <FlexRow bgcolor=\"primary.main\" className=\"control\">\n {controlElement}\n </FlexRow>\n </Collapse>\n <FlexCol style={{ cursor: 'pointer' }} onClick={() => setToggleControls(!toggleControls)}>\n {children}\n </FlexCol>\n </FlexRow>\n )\n}\n\nexport { SystemControl }\n","import { Search as SearchIcon } from '@mui/icons-material'\nimport { Paper, TextField } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nexport interface SearchBarProps extends FlexBoxProps {\n onSearch?: (term?: string) => void\n}\n\nexport const SearchBar: React.FC<SearchBarProps> = ({\n defaultValue, onSearch, ...props\n}) => {\n const [term, setTerm] = useState<string>()\n\n return (\n <FlexRow alignItems=\"stretch\" {...props}>\n <Paper\n variant=\"elevation\"\n elevation={0}\n style={{\n display: 'flex', overflow: 'hidden', width: '100%',\n }}\n >\n <TextField\n variant=\"outlined\"\n size=\"small\"\n defaultValue={defaultValue}\n fullWidth\n onChange={event => setTerm(event.target.value)}\n onKeyDown={(event) => {\n if (event.key === 'Enter') onSearch?.(term)\n }}\n slotProps={{\n input: {\n color: 'secondary',\n style: {\n borderBottomRightRadius: 0, borderTopRightRadius: 0, borderWidth: 0,\n },\n },\n }}\n />\n <ButtonEx\n variant=\"contained\"\n style={{ borderRadius: 0, borderTopLeftRadius: 0 }}\n color=\"secondary\"\n onClick={() => onSearch?.(term)}\n >\n <SearchIcon />\n </ButtonEx>\n </Paper>\n </FlexRow>\n )\n}\n"],"mappings":"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","names":["ApplicationAppBar","React","Toolbar","React","Typography","useTheme","FlexRow","LinkEx","assertEx","React","React","Logo","props","logoUrl","img","src","LogoLinkEx","logo","to","href","version","props","theme","useTheme","assertEx","undefined","React","LinkEx","sx","opacity","FlexRow","paddingX","Logo","height","width","Typography","position","borderRadius","right","color","vars","palette","primary","main","bottom","bgcolor","contrastText","lineHeight","variant","border","XyoContextToolbar","children","logo","logoTo","version","props","React","Toolbar","LogoLinkEx","to","Paper","SystemToolbar","FlexRow","NetworkSelectEx","React","XyoSystemToolbar","children","hideNetworkSelect","networkSelectProps","precedingChildren","props","React","SystemToolbar","FlexRow","marginX","Paper","variant","NetworkSelectEx","fullWidth","XyoApplicationAppBar","systemToolbar","contextToolbar","responsive","props","React","ApplicationAppBar","XyoSystemToolbar","XyoContextToolbar","position","Icon","useTheme","FlexRow","useCollapsible","React","useState","VscArrowSmallLeft","VscArrowSmallRight","CollapseToggleFlex","props","collapse","setCollapse","setCollapseEnd","useCollapsible","hover","setHover","useState","theme","useTheme","handleCollapseToggle","previous","React","FlexRow","mt","py","justifyContent","Icon","onClick","onMouseEnter","onMouseLeave","fontSize","sx","color","vars","palette","secondary","main","cursor","VscArrowSmallRight","VscArrowSmallLeft","Collapse","styled","useTheme","useCollapsible","React","CollapsibleDrawer","children","sx","props","collapse","setCollapseEnd","useCollapsible","theme","useTheme","collapsedSize","spacing","React","CollapsibleFlexInner","in","orientation","onExited","alignItems","display","height","styled","Collapse","flexDirection","FlexCol","React","styled","Enum","SystemControlsType","Left","Right","WindowShade","Paper","useMediaQuery","FlexCol","FlexRow","NetworkSelectEx","React","Collapse","FlexCol","FlexRow","React","useState","SystemControl","children","controlElement","systemControlsType","SystemControlsType","WindowShade","props","toggleControls","setToggleControls","useState","orientation","Left","React","FlexRow","className","Collapse","in","timeout","bgcolor","FlexCol","style","cursor","onClick","SystemControlsUnstyled","visible","systemControlsType","SystemControlsType","WindowShade","props","isSmall","useMediaQuery","theme","breakpoints","down","React","FlexCol","className","SystemControl","controlElement","FlexRow","Paper","variant","elevation","NetworkSelectEx","responsive","SystemControlsRoot","styled","SystemControlsUnstyled","name","slot","theme","backgroundColor","vars","palette","primary","main","SystemControlsType","WindowShade","borderRadius","flexDirection","flexGrow","justifyContent","padding","spacing","alignItems","Left","marginBottom","writingMode","SystemControls","props","React","FlexCol","SystemControlsRoot","Search","SearchIcon","Paper","TextField","ButtonEx","FlexRow","React","useState","SearchBar","defaultValue","onSearch","props","term","setTerm","useState","React","FlexRow","alignItems","Paper","variant","elevation","style","display","overflow","width","TextField","size","fullWidth","onChange","event","target","value","onKeyDown","key","slotProps","input","color","borderBottomRightRadius","borderTopRightRadius","borderWidth","ButtonEx","borderRadius","borderTopLeftRadius","onClick","SearchIcon"]}
1	+ {"version":3,"sources":["../../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/components/CollapsibleDrawer/CollapseToggle.tsx","../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx","../../src/components/MobileSystemControls/SystemControls.tsx","../../src/components/MobileSystemControls/SystemControlsRoot.tsx","../../src/components/MobileSystemControls/SystemControlsType.ts","../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx","../../src/components/MobileSystemControls/controls/SystemControl.tsx","../../src/components/SearchBar/SearchBar.tsx"],"sourcesContent":["import type { ToolbarProps } from '@mui/material'\nimport type { ApplicationAppBarProps } from '@xylabs/react-appbar'\nimport { ApplicationAppBar } from '@xylabs/react-appbar'\nimport type { ReactElement } from 'react'\nimport React from 'react'\n\nimport { XyoContextToolbar, XyoSystemToolbar } from '../Toolbar/index.ts'\n\nexport interface XyoApplicationAppBarProps extends ApplicationAppBarProps {\n contextToolbar?: ReactElement<ToolbarProps>\n responsive?: boolean\n systemToolbar?: ReactElement<ToolbarProps>\n}\n\nexport const XyoApplicationAppBar: React.FC<XyoApplicationAppBarProps> = ({\n systemToolbar, contextToolbar, responsive = true, ...props\n}) => {\n return (\n <ApplicationAppBar\n systemToolbar={systemToolbar ?? <XyoSystemToolbar />}\n contextToolbar={contextToolbar ?? <XyoContextToolbar />}\n position=\"sticky\"\n responsive={responsive}\n {...props}\n />\n )\n}\n","import { Toolbar } from '@mui/material'\nimport type { ContextToolbarProps } from '@xylabs/react-appbar'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nimport { LogoLinkEx } from './LogoLinkEx.tsx'\n\nexport interface XyoContextToolbarProps extends ContextToolbarProps {\n logo?: ReactNode\n}\n\nexport const XyoContextToolbar: React.FC<XyoContextToolbarProps> = ({\n children, logo, logoTo = '/', version = false, ...props\n}) => {\n return (\n <Toolbar {...props}>\n <LogoLinkEx logo={logo} version={version} to={logoTo} />\n {children}\n </Toolbar>\n )\n}\n","import { Typography, useTheme } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type { LinkExProps } from '@xylabs/react-link'\nimport { LinkEx } from '@xylabs/react-link'\nimport { assertEx } from '@xylabs/sdk-js'\nimport React from 'react'\n\nimport { Logo } from './Logo.tsx'\n\nexport type LogoLinkExProps = LinkExProps & {\n logo?: React.ReactNode\n version?: boolean \| string\n}\n\nexport const LogoLinkEx: React.FC<LogoLinkExProps> = ({\n logo, to = '/', href, version = false, ...props\n}) => {\n const theme = useTheme()\n assertEx(href === undefined, () => 'href is not supported')\n return (\n <LinkEx to={to} sx={{ 'opacity': 0.8, '&:hover': { opacity: 1 } }} {...props}>\n <FlexRow paddingX=\"4px\">\n {logo ?? <Logo height=\"40\" width=\"43\" />}\n {version === undefined\n ? null\n : (\n <Typography\n position=\"absolute\"\n borderRadius={1}\n right={6}\n color={theme.vars.palette.primary.main}\n bottom={0}\n bgcolor={theme.vars.palette.primary.contrastText}\n paddingX=\"2px\"\n lineHeight={1}\n variant=\"caption\"\n border={`1px ${theme.vars.palette.primary.main} solid`}\n >\n {typeof version === 'string' ? version : '2.1'}\n </Typography>\n )}\n </FlexRow>\n </LinkEx>\n )\n}\n","import React from 'react'\n\nexport const Logo: React.FC<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>> = (props) => {\n const logoUrl\n = 'https://cdn.xy.company/img/brand/XYO/XYO_icon_white.svg'\n return <img src={logoUrl} {...props} />\n}\n","import { Paper } from '@mui/material'\nimport {\n type SiteMenuProps, SystemToolbar, type SystemToolbarProps,\n} from '@xylabs/react-appbar'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type { NetworkSelectExProps } from '@xyo-network/react-network'\nimport { NetworkSelectEx } from '@xyo-network/react-network'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nexport interface XyoSystemToolbarProps extends SystemToolbarProps {\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 XyoSystemToolbar: React.FC<XyoSystemToolbarProps> = ({\n children,\n hideNetworkSelect,\n networkSelectProps,\n precedingChildren,\n ...props\n}) => {\n return (\n <SystemToolbar {...props}>\n {precedingChildren}\n {hideNetworkSelect\n ? null\n : (\n <FlexRow marginX={0.5}>\n <Paper variant=\"elevation\">\n <NetworkSelectEx fullWidth {...networkSelectProps} />\n </Paper>\n </FlexRow>\n )}\n {children}\n </SystemToolbar>\n )\n}\n","import { Icon, useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { useCollapsible } from '@xylabs/react-shared'\nimport React, { useState } from 'react'\nimport { VscArrowSmallLeft, VscArrowSmallRight } from 'react-icons/vsc'\n\nexport const CollapseToggleFlex: React.FC<FlexBoxProps> = (props) => {\n const {\n collapse, setCollapse, setCollapseEnd,\n } = 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.vars.palette.secondary.main : 'inherit', cursor: 'pointer' }}\n >\n {collapse\n ? <VscArrowSmallRight />\n : <VscArrowSmallLeft />}\n </Icon>\n </FlexRow>\n )\n}\n","import type { CollapseProps } from '@mui/material'\nimport {\n Collapse, styled, useTheme,\n} from '@mui/material'\nimport { useCollapsible } from '@xylabs/react-shared'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nexport const CollapsibleDrawer: React.FC<PropsWithChildren<CollapseProps>> = ({\n children, sx, ...props\n}) => {\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 { FlexCol } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { SystemControlsRoot } from './SystemControlsRoot.tsx'\nimport type { SystemControlsUnstyledProps } from './SystemControlsUnstyled.tsx'\n\nconst SystemControls: React.FC<SystemControlsUnstyledProps> = (props) => {\n return (\n <FlexCol>\n <SystemControlsRoot {...props} />\n </FlexCol>\n )\n}\n\nexport { SystemControls }\n","import { styled } from '@mui/material'\nimport type React from 'react'\n\nimport { SystemControlsType } from './SystemControlsType.ts'\nimport type { SystemControlsUnstyledProps } from './SystemControlsUnstyled.tsx'\nimport { SystemControlsUnstyled } from './SystemControlsUnstyled.tsx'\n\nconst SystemControlsRoot: React.FC<SystemControlsUnstyledProps> = styled(SystemControlsUnstyled, { name: 'SystemControls', slot: 'Root' })<SystemControlsUnstyledProps>(({ theme }) => ({\n // shared defaults\n ['&']: {\n '.toggle': { backgroundColor: theme.vars.palette.primary.main },\n 'alignItems': 'start',\n 'zIndex': 1,\n },\n // WindowShade System Controls styles\n [`&.system-controls-type-${SystemControlsType.WindowShade}`]: {\n '.control': {\n borderRadius: '0 0 5px 5px',\n flexDirection: 'row',\n flexGrow: 1,\n justifyContent: 'space-around',\n padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`,\n },\n '.controls': {\n alignItems: 'stretch',\n flexDirection: 'column',\n flexGrow: 1,\n },\n '.toggle': {\n borderRadius: '0 0 5px 5px',\n padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`,\n },\n 'flexDirection': 'row',\n 'position': 'absolute',\n 'top': 0,\n 'width': '100%',\n },\n // Left System Control styles\n [`&.system-controls-type-${SystemControlsType.Left}`]: {\n '.control': {\n alignItems: 'start',\n flexDirection: 'column',\n padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`,\n },\n '.control-wrap': { marginBottom: `${theme.spacing(2)}` },\n '.toggle': {\n borderRadius: '0 5px 5px 0',\n padding: `${theme.spacing(1)} ${theme.spacing(0.5)}`,\n writingMode: 'vertical-rl',\n },\n 'flexDirection': 'column',\n 'left': 0,\n 'position': 'fixed',\n 'top': '30vh',\n 'width': 'auto',\n },\n}))\n\nexport { SystemControlsRoot }\n","import type { EnumValue } from '@xylabs/sdk-js'\nimport { Enum } from '@xylabs/sdk-js'\n\nexport const SystemControlsType = Enum({\n Left: 'Left',\n Right: 'Right',\n WindowShade: 'WindowShade',\n})\n\nexport type SystemControlsType = EnumValue<typeof SystemControlsType>\n","import type { Theme } from '@mui/material'\nimport { Paper, useMediaQuery } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { NetworkSelectEx } from '@xyo-network/react-network'\nimport React from 'react'\n\nimport { SystemControl } from './controls/index.ts'\nimport { SystemControlsType } from './SystemControlsType.ts'\n\ninterface SystemControlsUnstyledProps extends FlexBoxProps {\n systemControlsType?: SystemControlsType\n visible?: boolean\n}\n\nconst SystemControlsUnstyled: React.FC<SystemControlsUnstyledProps> = ({\n visible,\n systemControlsType = SystemControlsType.WindowShade,\n ...props\n}) => {\n const isSmall = useMediaQuery<Theme>(theme => theme.breakpoints.down('sm'))\n\n return visible \|\| isSmall\n ? (\n <FlexCol {...props} className={`${props.className} system-controls-type-${systemControlsType}`}>\n <SystemControl\n systemControlsType={systemControlsType}\n controlElement={(\n <FlexRow className=\"control-wrap\">\n <Paper variant=\"elevation\" elevation={0}>\n <NetworkSelectEx responsive={false} className=\"network-ex\" />\n </Paper>\n </FlexRow>\n )}\n />\n </FlexCol>\n )\n : <FlexCol />\n}\n\nexport type { SystemControlsUnstyledProps }\nexport { SystemControlsUnstyled }\n","import type { CollapseProps } from '@mui/material'\nimport { Collapse } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport type { PropsWithChildren } from 'react'\nimport React, { useState } from 'react'\n\nimport { SystemControlsType } from '../SystemControlsType.ts'\n\ninterface SystemControlProps extends FlexBoxProps {\n controlElement: React.ReactNode\n systemControlsType?: SystemControlsType\n}\n\nconst SystemControl: React.FC<PropsWithChildren<SystemControlProps>> = ({\n children,\n controlElement,\n systemControlsType = SystemControlsType.WindowShade,\n ...props\n}) => {\n const [toggleControls, setToggleControls] = useState(false)\n\n let orientation: CollapseProps['orientation'] = 'vertical'\n\n switch (systemControlsType) {\n case SystemControlsType.Left: {\n orientation = 'horizontal'\n break\n }\n }\n\n return (\n <FlexRow className=\"controls\" {...props}>\n <Collapse in={toggleControls} orientation={orientation} timeout={500}>\n <FlexRow bgcolor=\"primary.main\" className=\"control\">\n {controlElement}\n </FlexRow>\n </Collapse>\n <FlexCol style={{ cursor: 'pointer' }} onClick={() => setToggleControls(!toggleControls)}>\n {children}\n </FlexCol>\n </FlexRow>\n )\n}\n\nexport { SystemControl }\n","import { Search as SearchIcon } from '@mui/icons-material'\nimport { Paper, TextField } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nexport interface SearchBarProps extends FlexBoxProps {\n onSearch?: (term?: string) => void\n}\n\nexport const SearchBar: React.FC<SearchBarProps> = ({\n defaultValue, onSearch, ...props\n}) => {\n const [term, setTerm] = useState<string>()\n\n return (\n <FlexRow alignItems=\"stretch\" {...props}>\n <Paper\n variant=\"elevation\"\n elevation={0}\n style={{\n display: 'flex', overflow: 'hidden', width: '100%',\n }}\n >\n <TextField\n variant=\"outlined\"\n size=\"small\"\n defaultValue={defaultValue}\n fullWidth\n onChange={event => setTerm(event.target.value)}\n onKeyDown={(event) => {\n if (event.key === 'Enter') onSearch?.(term)\n }}\n slotProps={{\n input: {\n color: 'secondary',\n style: {\n borderBottomRightRadius: 0, borderTopRightRadius: 0, borderWidth: 0,\n },\n },\n }}\n />\n <ButtonEx\n variant=\"contained\"\n style={{ borderRadius: 0, borderTopLeftRadius: 0 }}\n color=\"secondary\"\n onClick={() => onSearch?.(term)}\n >\n <SearchIcon />\n </ButtonEx>\n </Paper>\n </FlexRow>\n )\n}\n"],"mappings":";AAEA,SAAS,yBAAyB;;;ACFlC,SAAS,eAAe;;;ACAxB,SAAS,YAAY,gBAAgB;AACrC,SAAS,eAAe;AAExB,SAAS,cAAc;AACvB,SAAS,gBAAgB;;;ACChB;AAHF,IAAM,OAAuG,CAAC,UAAU;AAC7H,QAAM,UACF;AACJ,SAAO,oBAAC,SAAI,KAAK,SAAU,GAAG,OAAO;AACvC;;;ADeM,SACW,OAAAA,MADX;AAPC,IAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EAAM,KAAK;AAAA,EAAK;AAAA,EAAM,UAAU;AAAA,EAAO,GAAG;AAC5C,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,WAAS,SAAS,QAAW,MAAM,uBAAuB;AAC1D,SACE,gBAAAA,KAAC,UAAO,IAAQ,IAAI,EAAE,WAAW,KAAK,WAAW,EAAE,SAAS,EAAE,EAAE,GAAI,GAAG,OACrE,+BAAC,WAAQ,UAAS,OACf;AAAA,YAAQ,gBAAAA,KAAC,QAAK,QAAO,MAAK,OAAM,MAAK;AAAA,IACrC,YAAY,SACT,OAEE,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,cAAc;AAAA,QACd,OAAO;AAAA,QACP,OAAO,MAAM,KAAK,QAAQ,QAAQ;AAAA,QAClC,QAAQ;AAAA,QACR,SAAS,MAAM,KAAK,QAAQ,QAAQ;AAAA,QACpC,UAAS;AAAA,QACT,YAAY;AAAA,QACZ,SAAQ;AAAA,QACR,QAAQ,OAAO,MAAM,KAAK,QAAQ,QAAQ,IAAI;AAAA,QAE7C,iBAAO,YAAY,WAAW,UAAU;AAAA;AAAA,IAC3C;AAAA,KAER,GACF;AAEJ;;;AD7BI,SACE,OAAAC,MADF,QAAAC,aAAA;AAJG,IAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EAAU;AAAA,EAAM,SAAS;AAAA,EAAK,UAAU;AAAA,EAAO,GAAG;AACpD,MAAM;AACJ,SACE,gBAAAA,MAAC,WAAS,GAAG,OACX;AAAA,oBAAAD,KAAC,cAAW,MAAY,SAAkB,IAAI,QAAQ;AAAA,IACrD;AAAA,KACH;AAEJ;;;AGpBA,SAAS,aAAa;AACtB;AAAA,EACsB;AAAA,OACf;AACP,SAAS,WAAAE,gBAAe;AAExB,SAAS,uBAAuB;AAsB5B,SAOY,OAAAC,MAPZ,QAAAC,aAAA;AARG,IAAM,mBAAoD,CAAC;AAAA,EAChE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,gBAAAA,MAAC,iBAAe,GAAG,OAChB;AAAA;AAAA,IACA,oBACG,OAEE,gBAAAD,KAACD,UAAA,EAAQ,SAAS,KAChB,0BAAAC,KAAC,SAAM,SAAQ,aACb,0BAAAA,KAAC,mBAAgB,WAAS,MAAE,GAAG,oBAAoB,GACrD,GACF;AAAA,IAEL;AAAA,KACH;AAEJ;;;AJvBsC,gBAAAE,YAAA;AAL/B,IAAM,uBAA4D,CAAC;AAAA,EACxE;AAAA,EAAe;AAAA,EAAgB,aAAa;AAAA,EAAM,GAAG;AACvD,MAAM;AACJ,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,iBAAiB,gBAAAA,KAAC,oBAAiB;AAAA,MAClD,gBAAgB,kBAAkB,gBAAAA,KAAC,qBAAkB;AAAA,MACrD,UAAS;AAAA,MACT;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;;;AK1BA,SAAS,MAAM,YAAAC,iBAAgB;AAE/B,SAAS,WAAAC,gBAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAgB,gBAAgB;AAChC,SAAS,mBAAmB,0BAA0B;AAwB1C,gBAAAC,YAAA;AAtBL,IAAM,qBAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ;AAAA,IAAU;AAAA,IAAa;AAAA,EACzB,IAAI,eAAe;AACnB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,QAAQF,UAAS;AAEvB,QAAM,uBAAuB,MAAM;AACjC,kBAAc,CAAC,QAAQ;AACvB,qBAAiB,cAAa,WAAW,QAAQ,QAAS;AAAA,EAC5D;AAEA,SACE,gBAAAE,KAACD,UAAA,EAAQ,IAAI,GAAG,IAAI,GAAG,gBAAgB,WAAW,UAAU,UAAW,GAAG,OACxE,0BAAAC;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,cAAc,MAAM,SAAS,IAAI;AAAA,MACjC,cAAc,MAAM,SAAS,KAAK;AAAA,MAClC,UAAS;AAAA,MACT,IAAI,EAAE,OAAO,QAAQ,MAAM,KAAK,QAAQ,UAAU,OAAO,WAAW,QAAQ,UAAU;AAAA,MAErF,qBACG,gBAAAA,KAAC,sBAAmB,IACpB,gBAAAA,KAAC,qBAAkB;AAAA;AAAA,EACzB,GACF;AAEJ;;;ACjCA;AAAA,EACE;AAAA,EAAU;AAAA,EAAQ,YAAAC;AAAA,OACb;AACP,SAAS,kBAAAC,uBAAsB;AAa3B,gBAAAC,YAAA;AATG,IAAM,oBAAgE,CAAC;AAAA,EAC5E;AAAA,EAAU;AAAA,EAAI,GAAG;AACnB,MAAM;AACJ,QAAM,EAAE,UAAU,eAAe,IAAID,gBAAe;AACpD,QAAM,QAAQD,UAAS;AAEvB,QAAM,gBAAgB,MAAM,iBAAiB,MAAM,QAAQ,CAAC;AAE5D,SACE,gBAAAE;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,uBAAuB,OAAO,QAAQ,EAAE,OAAO;AAAA,EACnD,+BAA+B;AAAA,IAC7B,SAAS;AAAA,IACT,eAAe;AAAA,EACjB;AACF,EAAE;;;ACxCF,SAAS,WAAAC,gBAAe;;;ACAxB,SAAS,UAAAC,eAAc;;;ACCvB,SAAS,YAAY;AAEd,IAAM,qBAAqB,KAAK;AAAA,EACrC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aAAa;AACf,CAAC;;;ACND,SAAS,SAAAC,QAAO,qBAAqB;AAErC,SAAS,WAAAC,UAAS,WAAAC,gBAAe;AACjC,SAAS,mBAAAC,wBAAuB;;;ACHhC,SAAS,YAAAC,iBAAgB;AAEzB,SAAS,SAAS,WAAAC,gBAAe;AAEjC,SAAgB,YAAAC,iBAAgB;AA2B5B,SAEI,OAAAC,MAFJ,QAAAC,aAAA;AAlBJ,IAAM,gBAAiE,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA,qBAAqB,mBAAmB;AAAA,EACxC,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,gBAAgB,iBAAiB,IAAIC,UAAS,KAAK;AAE1D,MAAI,cAA4C;AAEhD,UAAQ,oBAAoB;AAAA,IAC1B,KAAK,mBAAmB,MAAM;AAC5B,oBAAc;AACd;AAAA,IACF;AAAA,EACF;AAEA,SACE,gBAAAD,MAACE,UAAA,EAAQ,WAAU,YAAY,GAAG,OAChC;AAAA,oBAAAH,KAACI,WAAA,EAAS,IAAI,gBAAgB,aAA0B,SAAS,KAC/D,0BAAAJ,KAACG,UAAA,EAAQ,SAAQ,gBAAe,WAAU,WACvC,0BACH,GACF;AAAA,IACA,gBAAAH,KAAC,WAAQ,OAAO,EAAE,QAAQ,UAAU,GAAG,SAAS,MAAM,kBAAkB,CAAC,cAAc,GACpF,UACH;AAAA,KACF;AAEJ;;;ADbkB,gBAAAK,YAAA;AAflB,IAAM,yBAAgE,CAAC;AAAA,EACrE;AAAA,EACA,qBAAqB,mBAAmB;AAAA,EACxC,GAAG;AACL,MAAM;AACJ,QAAM,UAAU,cAAqB,WAAS,MAAM,YAAY,KAAK,IAAI,CAAC;AAE1E,SAAO,WAAW,UAEZ,gBAAAA,KAACC,UAAA,EAAS,GAAG,OAAO,WAAW,GAAG,MAAM,SAAS,yBAAyB,kBAAkB,IAC1F,0BAAAD;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,gBACE,gBAAAA,KAACE,UAAA,EAAQ,WAAU,gBACjB,0BAAAF,KAACG,QAAA,EAAM,SAAQ,aAAY,WAAW,GACpC,0BAAAH,KAACI,kBAAA,EAAgB,YAAY,OAAO,WAAU,cAAa,GAC7D,GACF;AAAA;AAAA,EAEJ,GACF,IAEF,gBAAAJ,KAACC,UAAA,EAAQ;AACf;;;AF/BA,IAAM,qBAA4DI,QAAO,wBAAwB,EAAE,MAAM,kBAAkB,MAAM,OAAO,CAAC,EAA+B,CAAC,EAAE,MAAM,OAAO;AAAA;AAAA,EAEtL,CAAC,GAAG,GAAG;AAAA,IACL,WAAW,EAAE,iBAAiB,MAAM,KAAK,QAAQ,QAAQ,KAAK;AAAA,IAC9D,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AAAA;AAAA,EAEA,CAAC,0BAA0B,mBAAmB,WAAW,EAAE,GAAG;AAAA,IAC5D,YAAY;AAAA,MACV,cAAc;AAAA,MACd,eAAe;AAAA,MACf,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,SAAS,GAAG,MAAM,QAAQ,CAAC,CAAC,IAAI,MAAM,QAAQ,GAAG,CAAC;AAAA,IACpD;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,cAAc;AAAA,MACd,SAAS,GAAG,MAAM,QAAQ,GAAG,CAAC,IAAI,MAAM,QAAQ,CAAC,CAAC;AAAA,IACpD;AAAA,IACA,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA;AAAA,EAEA,CAAC,0BAA0B,mBAAmB,IAAI,EAAE,GAAG;AAAA,IACrD,YAAY;AAAA,MACV,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,SAAS,GAAG,MAAM,QAAQ,CAAC,CAAC,IAAI,MAAM,QAAQ,GAAG,CAAC;AAAA,IACpD;AAAA,IACA,iBAAiB,EAAE,cAAc,GAAG,MAAM,QAAQ,CAAC,CAAC,GAAG;AAAA,IACvD,WAAW;AAAA,MACT,cAAc;AAAA,MACd,SAAS,GAAG,MAAM,QAAQ,CAAC,CAAC,IAAI,MAAM,QAAQ,GAAG,CAAC;AAAA,MAClD,aAAa;AAAA,IACf;AAAA,IACA,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AACF,EAAE;;;AD/CI,gBAAAC,aAAA;AAHN,IAAM,iBAAwD,CAAC,UAAU;AACvE,SACE,gBAAAA,MAACC,UAAA,EACC,0BAAAD,MAAC,sBAAoB,GAAG,OAAO,GACjC;AAEJ;;;AKZA,SAAS,UAAU,kBAAkB;AACrC,SAAS,SAAAE,QAAO,iBAAiB;AACjC,SAAS,gBAAgB;AAEzB,SAAS,WAAAC,gBAAe;AACxB,SAAgB,YAAAC,iBAAgB;AAa1B,SAOE,OAAAC,OAPF,QAAAC,aAAA;AAPC,IAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EAAc;AAAA,EAAU,GAAG;AAC7B,MAAM;AACJ,QAAM,CAAC,MAAM,OAAO,IAAIF,UAAiB;AAEzC,SACE,gBAAAC,MAACF,UAAA,EAAQ,YAAW,WAAW,GAAG,OAChC,0BAAAG;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,QACL,SAAS;AAAA,QAAQ,UAAU;AAAA,QAAU,OAAO;AAAA,MAC9C;AAAA,MAEA;AAAA,wBAAAG;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL;AAAA,YACA,WAAS;AAAA,YACT,UAAU,WAAS,QAAQ,MAAM,OAAO,KAAK;AAAA,YAC7C,WAAW,CAAC,UAAU;AACpB,kBAAI,MAAM,QAAQ,QAAS,YAAW,IAAI;AAAA,YAC5C;AAAA,YACA,WAAW;AAAA,cACT,OAAO;AAAA,gBACL,OAAO;AAAA,gBACP,OAAO;AAAA,kBACL,yBAAyB;AAAA,kBAAG,sBAAsB;AAAA,kBAAG,aAAa;AAAA,gBACpE;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAO,EAAE,cAAc,GAAG,qBAAqB,EAAE;AAAA,YACjD,OAAM;AAAA,YACN,SAAS,MAAM,WAAW,IAAI;AAAA,YAE9B,0BAAAA,MAAC,cAAW;AAAA;AAAA,QACd;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":["jsx","jsx","jsxs","FlexRow","jsx","jsxs","jsx","useTheme","FlexRow","jsx","useTheme","useCollapsible","jsx","FlexCol","styled","Paper","FlexCol","FlexRow","NetworkSelectEx","Collapse","FlexRow","useState","jsx","jsxs","useState","FlexRow","Collapse","jsx","FlexCol","FlexRow","Paper","NetworkSelectEx","styled","jsx","FlexCol","Paper","FlexRow","useState","jsx","jsxs"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-appbar",
-  "version": "7.5.7",
+  "version": "7.5.11",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -36,52 +36,117 @@
     },
     "./package.json": "./package.json"
   },
-  "module": "dist/browser/index.mjs",
-  "types": "dist/browser/index.d.ts",
   "files": [
     "dist",
-    "src"
+    "README.md"
   ],
   "dependencies": {
-    "@xylabs/react-appbar": "~7.1.17",
-    "@xylabs/react-button": "~7.1.17",
-    "@xylabs/react-flexbox": "~7.1.17",
-    "@xylabs/react-link": "~7.1.17",
-    "@xylabs/react-shared": "~7.1.17",
-    "@xylabs/sdk-js": "~5.0.90",
-    "@xyo-network/react-network": "7.5.7",
-    "react-icons": "~5.6.0"
+    "@xyo-network/react-network": "~7.5.11"
   },
   "devDependencies": {
-    "@mui/icons-material": "~7.3.9",
-    "@mui/material": "~7.3.9",
-    "@storybook/react-vite": "~10.3.3",
+    "@bitauth/libauth": "~3.0.0",
+    "@mui/icons-material": "^7.3.10",
+    "@mui/material": "^7.3.10",
+    "@opentelemetry/api": "^1.9.1",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@scure/base": "~2.2.0",
+    "@scure/bip39": "~2.2.0",
+    "@storybook/react-vite": "~10.3.5",
+    "@types/node": "~25.6.0",
     "@types/react": "^19.2.14",
-    "@xylabs/ts-scripts-common": "~7.5.6",
-    "@xylabs/ts-scripts-yarn3": "~7.5.6",
-    "@xylabs/tsconfig": "~7.5.6",
-    "@xylabs/tsconfig-dom": "~7.5.6",
-    "@xylabs/tsconfig-react": "~7.5.6",
-    "@xyo-network/react-storybook": "7.5.7",
-    "@xyo-network/react-wallet": "7.5.7",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "react-router-dom": "^7.13.2",
-    "storybook": "~10.3.3",
+    "@xylabs/react-appbar": "~7.1.20",
+    "@xylabs/react-async-effect": "~7.1.20",
+    "@xylabs/react-button": "~7.1.20",
+    "@xylabs/react-crypto": "~7.1.20",
+    "@xylabs/react-dialogs": "~7.1.20",
+    "@xylabs/react-flexbox": "~7.1.20",
+    "@xylabs/react-hooks": "~7.1.20",
+    "@xylabs/react-identicon": "~7.1.20",
+    "@xylabs/react-link": "~7.1.20",
+    "@xylabs/react-number-status": "~7.1.20",
+    "@xylabs/react-promise": "~7.1.20",
+    "@xylabs/react-quick-tip-button": "~7.1.20",
+    "@xylabs/react-select": "~7.1.20",
+    "@xylabs/react-shared": "~7.1.20",
+    "@xylabs/react-theme": "~7.1.20",
+    "@xylabs/sdk-js": "^5.0.100",
+    "@xylabs/threads": "~5.0.100",
+    "@xylabs/toolchain": "~7.11.9",
+    "@xylabs/tsconfig": "^7.11.9",
+    "@xylabs/tsconfig-dom": "^7.11.9",
+    "@xylabs/tsconfig-react": "~7.11.9",
+    "@xylabs/zod": "~5.0.100",
+    "@xyo-network/account-model": "^5.5.1",
+    "@xyo-network/boundwitness-model": "^5.5.1",
+    "@xyo-network/boundwitness-validator": "^5.5.1",
+    "@xyo-network/network": "~5.5.1",
+    "@xyo-network/payload-builder": "^5.5.1",
+    "@xyo-network/payload-model": "^5.5.1",
+    "@xyo-network/wallet": "~5.5.1",
+    "@xyo-network/wallet-model": "^5.5.1",
+    "async-mutex": "^0.5.0",
+    "axios": "^1.15.2",
+    "bn.js": "^5.2.3",
+    "bowser": "^2.14.1",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
+    "debug": "~4.4.3",
+    "esbuild": "~0.28.0",
+    "eslint": "^10.2.1",
+    "ethers": "^6.16.0",
+    "fast-deep-equal": "~3.1.3",
+    "hash-wasm": "~4.12.0",
+    "js-cookie": "~3.0.5",
+    "observable-fns": "~0.6.1",
+    "pako": "^2.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-icons": "~5.6.0",
+    "react-is": "^19.2.5",
+    "react-router-dom": "^7.14.2",
+    "spark-md5": "~3.0.2",
+    "storybook": "^10.3.5",
     "typescript": "^5.9.3",
-    "vite": "~8.0.3",
-    "zod": "^4.3.6"
+    "vite": "^8.0.10",
+    "wasm-feature-detect": "~1.8.0",
+    "zod": "^4.3.6",
+    "@xyo-network/react-storybook": "~7.5.11",
+    "@xyo-network/react-wallet": "~7.5.11"
   },
   "peerDependencies": {
-    "@mui/icons-material": ">=6 <8",
-    "@mui/material": ">=6 <8",
-    "react": "^19",
-    "react-dom": "^19",
-    "react-router-dom": "^7",
-    "zod": "^4"
+    "@mui/icons-material": "^7.3.10",
+    "@mui/material": "^7.3.10",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@xylabs/react-appbar": "~7.1.20",
+    "@xylabs/react-async-effect": "~7.1.20",
+    "@xylabs/react-button": "~7.1.20",
+    "@xylabs/react-flexbox": "~7.1.20",
+    "@xylabs/react-link": "~7.1.20",
+    "@xylabs/react-select": "~7.1.20",
+    "@xylabs/react-shared": "~7.1.20",
+    "@xylabs/sdk-js": "^5.0.100",
+    "@xylabs/zod": "~5.0.100",
+    "@xyo-network/network": "~5.5.1",
+    "@xyo-network/payload-builder": "^5.5.1",
+    "async-mutex": "^0.5.0",
+    "bn.js": "^5.2.3",
+    "bowser": "^2.14.1",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
+    "ethers": "^6.16.0",
+    "fast-deep-equal": "~3.1.3",
+    "js-cookie": "~3.0.5",
+    "pako": "^2.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-icons": "~5.6.0",
+    "react-is": "^19.2.5",
+    "react-router-dom": "^7.14.2",
+    "spark-md5": "~3.0.2",
+    "zod": "^4.3.6"
   },
   "publishConfig": {
     "access": "public"
   },
   "docs": "dist/docs.json"
-}
+}

package/src/components/AppBar/Application.stories.tsx DELETED Viewed

@@ -1,85 +0,0 @@
-import { List, Paper } from '@mui/material'
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import { MenuListItemContainer } from '@xylabs/react-appbar'
-import { FlexGrowCol } from '@xylabs/react-flexbox'
-import { NetworkMemoryProvider } from '@xyo-network/react-network'
-import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
-import {
-  useWallet, WalletAccountSelect, WalletProvider,
-} from '@xyo-network/react-wallet'
-import React from 'react'
-import { BrowserRouter } from 'react-router-dom'
-import { SearchBar } from '../SearchBar/index.ts'
-import { XyoSystemToolbar } from '../Toolbar/index.ts'
-import { XyoApplicationAppBar } from './Application.tsx'
-const StorybookEntry = {
-  argTypes: {},
-  component: XyoApplicationAppBar,
-  parameters: { docs: { page: null } },
-  title: 'appbar/AppBar/Application',
-} as Meta<typeof XyoApplicationAppBar>
-const Template: StoryFn<typeof XyoApplicationAppBar> = (args) => {
-  const [wallet] = useWallet({ mnemonic: DefaultSeedPhrase })
-  return (
-    <WalletProvider rootWallet={wallet}>
-      <BrowserRouter>
-        <NetworkMemoryProvider>
-          <XyoApplicationAppBar
-            systemToolbar={(
-              <XyoSystemToolbar
-                menuItems={(
-                  <List>
-                    <MenuListItemContainer primary="Hello" />
-                  </List>
-                )}
-              />
-            )}
-            {...args}
-          >
-          </XyoApplicationAppBar>
-        </NetworkMemoryProvider>
-      </BrowserRouter>
-    </WalletProvider>
-  )
-}
-const Default = Template.bind({})
-Default.args = {}
-const WithSearchBar = Template.bind({})
-WithSearchBar.args = {
-  children: <SearchBar flexGrow={1} onSearch={term => alert(term)} />,
-  color: 'primary',
-  systemToolbar: (
-    <XyoSystemToolbar
-      darkModeButton
-      menuItems={(
-        <List>
-          <MenuListItemContainer primary="Hello" />
-        </List>
-      )}
-    />
-  ),
-}
-const WithWalletSelectBar = Template.bind({})
-WithWalletSelectBar.args = {
-  children: (
-    <FlexGrowCol alignItems="stretch">
-      <Paper variant="elevation">
-        <WalletAccountSelect icons size="small" fullWidth />
-      </Paper>
-    </FlexGrowCol>
-  ),
-  color: 'primary',
-  systemToolbar: <XyoSystemToolbar darkModeButton />,
-}
-export {
-  Default, WithSearchBar, WithWalletSelectBar,
-}
-export default StorybookEntry

package/src/components/AppBar/Application.tsx DELETED Viewed

@@ -1,27 +0,0 @@
-import type { ToolbarProps } from '@mui/material'
-import type { ApplicationAppBarProps } from '@xylabs/react-appbar'
-import { ApplicationAppBar } from '@xylabs/react-appbar'
-import type { ReactElement } from 'react'
-import React from 'react'
-import { XyoContextToolbar, XyoSystemToolbar } from '../Toolbar/index.ts'
-export interface XyoApplicationAppBarProps extends ApplicationAppBarProps {
-  contextToolbar?: ReactElement<ToolbarProps>
-  responsive?: boolean
-  systemToolbar?: ReactElement<ToolbarProps>
-}
-export const XyoApplicationAppBar: React.FC<XyoApplicationAppBarProps> = ({
-  systemToolbar, contextToolbar, responsive = true, ...props
-}) => {
-  return (
-    <ApplicationAppBar
-      systemToolbar={systemToolbar ?? <XyoSystemToolbar />}
-      contextToolbar={contextToolbar ?? <XyoContextToolbar />}
-      position="sticky"
-      responsive={responsive}
-      {...props}
-    />
-  )
-}

package/src/components/AppBar/index.ts DELETED Viewed

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

package/src/components/CollapsibleDrawer/CollapseDrawer.stories.tsx DELETED Viewed

@@ -1,55 +0,0 @@
-import { Divider, useTheme } from '@mui/material'
-import type {
-  Decorator, Meta, StoryFn,
-} from '@storybook/react-vite'
-import { MenuSection } from '@xylabs/react-appbar'
-import {
-  FlexCol, FlexGrowCol, FlexRow,
-} from '@xylabs/react-flexbox'
-import { CollapsibleProvider, useCollapsible } from '@xylabs/react-shared'
-import React from 'react'
-import { CollapseToggleFlex } from './CollapseToggle.tsx'
-import { CollapsibleDrawer } from './CollapsibleDrawer.tsx'
-import { menuDataBottom, menuDataTop } from './storyExampleMenuData.tsx'
-const CollapseProviderDecorator: Decorator = (Story, args) => {
-  return (
-    <CollapsibleProvider>
-      <Story {...args} />
-    </CollapsibleProvider>
-  )
-}
-const StorybookEntry = {
-  argTypes: {},
-  component: CollapsibleDrawer,
-  decorators: [CollapseProviderDecorator],
-  parameters: { docs: { page: null } },
-  title: 'appbar/CollapseDrawer',
-} as Meta<typeof CollapsibleDrawer>
-const Template: StoryFn<typeof CollapsibleDrawer> = (args) => {
-  const { collapse, setCollapseEnd } = useCollapsible()
-  const theme = useTheme()
-  return (
-    <FlexRow justifyContent="start">
-      <FlexCol alignItems="start">
-        <CollapsibleDrawer in={!collapse} orientation="horizontal" collapsedSize={theme.spacing(5)} onExited={() => setCollapseEnd?.(true)} {...args}>
-          <MenuSection title="Explore & Create" listItems={menuDataTop} showTitle={!collapse} />
-          <MenuSection title="Settings & Analytics" listItems={menuDataBottom} showTitle={!collapse} />
-          <FlexGrowCol height="100%" />
-          <CollapseToggleFlex />
-        </CollapsibleDrawer>
-      </FlexCol>
-      <Divider flexItem orientation="vertical" />
-    </FlexRow>
-  )
-}
-const Default = Template.bind({})
-Default.args = { collapsedSize: '40px' }
-export { Default }
-export default StorybookEntry

package/src/components/CollapsibleDrawer/CollapseToggle.tsx DELETED Viewed

@@ -1,35 +0,0 @@
-import { Icon, useTheme } from '@mui/material'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { FlexRow } from '@xylabs/react-flexbox'
-import { useCollapsible } from '@xylabs/react-shared'
-import React, { useState } from 'react'
-import { VscArrowSmallLeft, VscArrowSmallRight } from 'react-icons/vsc'
-export const CollapseToggleFlex: React.FC<FlexBoxProps> = (props) => {
-  const {
-    collapse, setCollapse, setCollapseEnd,
-  } = useCollapsible()
-  const [hover, setHover] = useState(false)
-  const theme = useTheme()
-  const handleCollapseToggle = () => {
-    setCollapse?.(!collapse)
-    setCollapseEnd?.(previous => (previous ? false : previous))
-  }
-  return (
-    <FlexRow mt={2} py={2} justifyContent={collapse ? 'start' : 'center'} {...props}>
-      <Icon
-        onClick={handleCollapseToggle}
-        onMouseEnter={() => setHover(true)}
-        onMouseLeave={() => setHover(false)}
-        fontSize="large"
-        sx={{ color: hover ? theme.vars.palette.secondary.main : 'inherit', cursor: 'pointer' }}
-      >
-        {collapse
-          ? <VscArrowSmallRight />
-          : <VscArrowSmallLeft />}
-      </Icon>
-    </FlexRow>
-  )
-}

package/src/components/CollapsibleDrawer/CollapsibleDrawer.tsx DELETED Viewed

@@ -1,41 +0,0 @@
-import type { CollapseProps } from '@mui/material'
-import {
-  Collapse, styled, useTheme,
-} from '@mui/material'
-import { useCollapsible } from '@xylabs/react-shared'
-import type { PropsWithChildren } from 'react'
-import React from 'react'
-export const CollapsibleDrawer: React.FC<PropsWithChildren<CollapseProps>> = ({
-  children, sx, ...props
-}) => {
-  const { collapse, setCollapseEnd } = useCollapsible()
-  const theme = useTheme()
-  const collapsedSize = props.collapsedSize ?? theme.spacing(5)
-  return (
-    <CollapsibleFlexInner
-      in={!collapse}
-      orientation="horizontal"
-      collapsedSize={collapsedSize}
-      onExited={() => setCollapseEnd?.(true)}
-      sx={{
-        alignItems: 'start',
-        display: 'flex',
-        height: '100%',
-        ...sx,
-      }}
-      {...props}
-    >
-      {children}
-    </CollapsibleFlexInner>
-  )
-}
-const CollapsibleFlexInner = styled(Collapse)(() => ({
-  '& .MuiCollapse-wrapperInner': {
-    display: 'flex',
-    flexDirection: 'column',
-  },
-}))

package/src/components/CollapsibleDrawer/index.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export * from './CollapseToggle.tsx'
2	- export * from './CollapsibleDrawer.tsx'

package/src/components/CollapsibleDrawer/storyExampleMenuData.tsx DELETED Viewed

@@ -1,87 +0,0 @@
-import type { MenuListItemProps } from '@xylabs/react-appbar'
-import React from 'react'
-import {
-  VscAccount,
-  VscAdd,
-  VscDashboard,
-  VscGlobe,
-  VscGraph,
-  VscGraphLine,
-  VscJson,
-  VscServer,
-  VscSettingsGear,
-  VscSymbolMethod,
-  VscSymbolNamespace,
-  VscTable,
-} from 'react-icons/vsc'
-export const menuDataTop: MenuListItemProps[] = [
-  {
-    icon: <VscGlobe fontSize="body1" />,
-    primary: 'Explore',
-    to: '',
-    tooltip: 'View global archivist data on a world map.',
-  },
-  {
-    icon: <VscSymbolMethod fontSize="body1" />,
-    primary: 'Blocks',
-    to: '',
-    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
-  },
-  {
-    icon: <VscSymbolNamespace fontSize="body1" />,
-    primary: 'Payloads',
-    to: '',
-    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
-  },
-  {
-    icon: <VscGraph fontSize="body1" />,
-    primary: 'Queries',
-    to: '',
-    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
-  },
-  {
-    icon: <VscServer fontSize="body1" />,
-    primary: 'Archives',
-    subNavListItems: [
-      {
-        icon: <VscDashboard fontSize="body2" />, primary: 'Dashboard', to: '', tooltip: 'View data for all archives on this network.',
-      },
-      {
-        icon: <VscAdd fontSize="body2" />, primary: 'Create Archive', to: '', tooltip: 'Create a new archive on this network.',
-      },
-      {
-        icon: <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.',
-  },
-]
-export const menuDataBottom: MenuListItemProps[] = [
-  {
-    icon: <VscGraphLine fontSize="body1" />,
-    primary: 'Statistics',
-    to: '',
-    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
-  },
-  {
-    icon: <VscJson fontSize="body1" />,
-    primary: 'Schema',
-    to: '',
-    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
-  },
-  {
-    icon: <VscAccount fontSize="body1" />,
-    primary: 'Account',
-    to: '',
-    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
-  },
-  {
-    icon: <VscSettingsGear fontSize="body1" />,
-    primary: 'Settings',
-    to: '',
-    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
-  },
-]