@xyo-network/react-appbar 2.60.12 → 2.62.3

package/dist/index.mjs.map

@@ -0,0 +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/SiteMenu/hooks/useMenuItemsShared.tsx","../src/contexts/Collapsible/provider.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","../src/components/SiteMenu/MenuSection.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 { 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 { useMemo } from 'react'\n\nimport { useCollapsible } from '../../../contexts'\nimport { MenuListItemProps } from '../MenuListItem'\n\nexport type DefaultSiteMenuListItemProps = Pick<MenuListItemProps, 'collapseEnd' | 'dense' | 'iconOnly' | 'sx'>\n\nexport const useMenuItemsShared = () => {\n  const { collapse, collapseEnd, setCollapse, setCollapseEnd } = useCollapsible()\n\n  const onMenuItemToggle = (open?: boolean) => {\n    setCollapse?.((previous) => (open ? false : previous))\n    setCollapseEnd?.((previous) => (open ? false : previous))\n  }\n\n  const defaultSiteMenuListItemProps: DefaultSiteMenuListItemProps = useMemo(\n    () => ({\n      collapseEnd,\n      dense: true,\n      iconOnly: collapse,\n      sx: {\n        px: '8px',\n      },\n    }),\n    [collapse, collapseEnd],\n  )\n\n  return { defaultSiteMenuListItemProps, onMenuItemToggle }\n}\n","import { WithChildren } from '@xylabs/react-shared'\nimport { useEffect, useState } from 'react'\n\nimport { CollapsibleContext } from './context'\n\nexport interface CollapsibleProviderProps extends WithChildren {\n  defaultCollapse?: boolean\n  defaultCollapseEnd?: boolean\n}\n\nexport const CollapsibleProvider: React.FC<CollapsibleProviderProps> = ({ defaultCollapse = false, defaultCollapseEnd = false, children }) => {\n  const [collapse, setCollapse] = useState(defaultCollapse)\n  const [collapseEnd, setCollapseEnd] = useState(defaultCollapseEnd)\n\n  useEffect(() => {\n    setCollapse(defaultCollapse)\n  }, [defaultCollapse])\n\n  useEffect(() => {\n    setCollapseEnd(defaultCollapseEnd)\n  }, [defaultCollapseEnd])\n\n  return (\n    <CollapsibleContext.Provider value={{ collapse, collapseEnd, provided: true, setCollapse, setCollapseEnd }}>\n      {children}\n    </CollapsibleContext.Provider>\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 MenuIcon from '@mui/icons-material/Menu'\nimport SettingsIcon from '@mui/icons-material/Settings'\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'\nimport { VscInfo } from 'react-icons/vsc'\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'\nimport { VscChevronDown } from 'react-icons/vsc'\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","import { Collapse, ListSubheader } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\n\nimport { MenuListItemContainer, MenuListItemProps } from './MenuListItem'\n\nexport interface MenuSectionProps extends FlexBoxProps {\n  iconMenuTextSpacing?: string\n  listItems: MenuListItemProps[]\n  showTitle?: boolean\n  title: string\n}\n\nexport const MenuSection: React.FC<MenuSectionProps> = ({ iconMenuTextSpacing, listItems, showTitle = true, title, ...props }) => {\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      <Collapse in={showTitle} timeout={700}>\n        <ListSubheader>{title}</ListSubheader>\n      </Collapse>\n\n      {listItems.map((item, index) => (\n        <MenuListItemContainer key={index} iconMenuTextSpacing={iconMenuTextSpacing} {...item}></MenuListItemContainer>\n      ))}\n    </FlexCol>\n  )\n}\n","import { Icon, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\nimport { VscArrowSmallLeft, VscArrowSmallRight } from 'react-icons/vsc'\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 { 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 { FlexCol } from '@xylabs/react-flexbox'\n\nimport { SystemControlsRoot } from './SystemControlsRoot'\nimport { SystemControlsUnstyledProps } from './SystemControlsUnstyled'\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'\nimport { SystemControlsUnstyled, SystemControlsUnstyledProps } from './SystemControlsUnstyled'\n\nconst SystemControlsRoot = styled(SystemControlsUnstyled, { name: 'SystemControls', slot: 'Root' })<SystemControlsUnstyledProps>(({ theme }) => ({\n  // shared defaults\n  ['&']: {\n    '.toggle': {\n      backgroundColor: theme.palette.primary.main,\n    },\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': {\n      marginBottom: `${theme.spacing(2)}`,\n    },\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","export enum SystemControlsType {\n  Left = 'Left',\n  Right = 'Right',\n  WindowShade = 'WindowShade',\n}\n","import { Paper, Theme, useMediaQuery } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { NetworkSelectEx } from '@xyo-network/react-network'\n\nimport { SystemControl } from './controls'\nimport { SystemControlsType } from './SystemControlsType'\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  if (visible || isSmall) {\n    return (\n      <FlexCol {...props} className={`${props.className} system-controls-type-${systemControlsType}`}>\n        <SystemControl\n          systemControlsType={systemControlsType}\n          controlElement={\n            <>\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        />\n      </FlexCol>\n    )\n  } else {\n    return <FlexCol />\n  }\n}\n\nexport type { SystemControlsUnstyledProps }\nexport { SystemControlsUnstyled }\n","import { Collapse, CollapseProps } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { useState } from 'react'\n\nimport { SystemControlsType } from '../SystemControlsType'\n\ninterface SystemControlProps extends FlexBoxProps {\n  controlElement: React.ReactNode\n  systemControlsType?: SystemControlsType\n}\n\nconst SystemControl: React.FC<WithChildren<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 SearchIcon from '@mui/icons-material/Search'\nimport { Paper, TextField } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nexport interface SearchBarProps extends FlexBoxProps {\n  onSearch?: (term?: string) => void\n}\n\nexport const SearchBar: React.FC<SearchBarProps> = ({ defaultValue, onSearch, ...props }) => {\n  const [term, setTerm] = useState<string>()\n\n  return (\n    <FlexRow alignItems=\"stretch\" {...props}>\n      <Paper variant=\"elevation\" elevation={0} style={{ display: 'flex', overflow: 'hidden', width: '100%' }}>\n        <TextField\n          InputProps={{ color: 'secondary', style: { borderBottomRightRadius: 0, borderTopRightRadius: 0, borderWidth: 0 } }}\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        />\n        <ButtonEx variant=\"contained\" style={{ borderRadius: 0, borderTopLeftRadius: 0 }} color=\"secondary\" onClick={() => onSearch?.(term)}>\n          <SearchIcon />\n        </ButtonEx>\n      </Paper>\n    </FlexRow>\n  )\n}\n"],"mappings":"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","names":["useTheme","jsx","useTheme","jsx","Toolbar","FlexRow","jsx","MenuIcon","IconButton","List","FlexRow","useEffect","useState","useTheme","FlexRow","LinkEx","useState","jsx","Typography","jsx","jsx","jsx","useTheme","jsx","jsx","jsxs","useTheme","useState","LinkEx","FlexRow","jsx","jsxs","useState","useEffect","FlexRow","IconButton","MenuIcon","List","Collapse","FlexCol","jsx","jsxs","FlexCol","Collapse","jsx","jsxs","Toolbar","FlexRow","jsx","useTheme","FlexRow","useState","jsx","useState","useTheme","FlexRow","Collapse","useTheme","jsx","useTheme","Collapse","FlexCol","styled","SystemControlsType","Paper","FlexCol","FlexRow","NetworkSelectEx","Collapse","FlexCol","FlexRow","useState","jsx","jsxs","useState","FlexRow","Collapse","FlexCol","Fragment","jsx","FlexCol","FlexRow","Paper","NetworkSelectEx","styled","jsx","FlexCol","Paper","FlexRow","useState","jsx","jsxs"]}

package/package.json

@@ -10,21 +10,21 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/react-appbar": "~2.17.15",
-    "@xylabs/react-button": "~2.17.15",
-    "@xylabs/react-flexbox": "~2.17.15",
-    "@xylabs/react-link": "~2.17.15",
-    "@xylabs/react-shared": "~2.17.15",
-    "@xyo-network/react-app-settings": "~2.60.12",
-    "@xyo-network/react-network": "~2.60.12",
-    "@xyo-network/react-shared": "~2.60.12"
+    "@xylabs/react-appbar": "~2.18.4",
+    "@xylabs/react-button": "~2.18.4",
+    "@xylabs/react-flexbox": "~2.18.4",
+    "@xylabs/react-link": "~2.18.4",
+    "@xylabs/react-shared": "~2.18.4",
+    "@xyo-network/react-app-settings": "~2.62.3",
+    "@xyo-network/react-network": "~2.62.3",
+    "@xyo-network/react-shared": "~2.62.3"
   },
   "devDependencies": {
-    "@storybook/react": "^7.4.0",
-    "@xylabs/ts-scripts-yarn3": "^2.19.4",
-    "@xylabs/tsconfig-react": "^2.19.4",
-    "@xyo-network/react-storybook": "~2.60.12",
-    "@xyo-network/react-wallet": "~2.60.12",
+    "@storybook/react": "^7.4.3",
+    "@xylabs/ts-scripts-yarn3": "^3.0.28",
+    "@xylabs/tsconfig-react": "^3.0.28",
+    "@xyo-network/react-storybook": "~2.62.3",
+    "@xyo-network/react-wallet": "~2.62.3",
     "typescript": "^5.2.2"
   },
   "peerDependencies": {
@@ -38,27 +38,35 @@
     "react-router-dom": "^6.3.0"
   },
   "description": "Common React library for all XYO projects that use React",
-  "browser": "dist/esm/index.js",
   "docs": "dist/docs.json",
   "exports": {
     ".": {
       "node": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/index.mjs"
+        },
+        "require": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        }
       },
       "browser": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/index.mjs"
+        },
+        "require": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        }
       },
-      "default": "./dist/esm/index.js"
-    },
-    "./dist/docs.json": {
-      "default": "./dist/docs.json"
+      "default": "./dist/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -79,6 +87,6 @@
     "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
   },
   "sideEffects": false,
-  "types": "dist/types/index.d.ts",
-  "version": "2.60.12"
+  "types": "dist/index.d.ts",
+  "version": "2.62.3"
 }

package/dist/cjs/components/AppBar/Application.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApplicationAppBar = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_appbar_1 = require("@xylabs/react-appbar");
-const Toolbar_1 = require("../Toolbar");
-const ApplicationAppBar = (_a) => {
-    var { systemToolbar, contextToolbar, responsive = true } = _a, props = tslib_1.__rest(_a, ["systemToolbar", "contextToolbar", "responsive"]);
-    return ((0, jsx_runtime_1.jsx)(react_appbar_1.AppBarEx, Object.assign({ systemToolbar: systemToolbar !== null && systemToolbar !== void 0 ? systemToolbar : (0, jsx_runtime_1.jsx)(Toolbar_1.SystemToolbar, {}), contextToolbar: contextToolbar !== null && contextToolbar !== void 0 ? contextToolbar : (0, jsx_runtime_1.jsx)(Toolbar_1.ContextToolbar, {}), position: "sticky", responsive: responsive }, props)));
-};
-exports.ApplicationAppBar = ApplicationAppBar;
-//# sourceMappingURL=Application.js.map

package/dist/cjs/components/AppBar/Application.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":";;;;;AACA,uDAA8D;AAG9D,wCAA0D;AAQnD,MAAM,iBAAiB,GAAqC,CAAC,EAA8D,EAAE,EAAE;QAAlE,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,GAAG,IAAI,OAAY,EAAP,KAAK,sBAA5D,iDAA8D,CAAF;IAC9H,OAAO,CACL,uBAAC,uBAAQ,kBACP,aAAa,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,uBAAC,uBAAa,KAAG,EACjD,cAAc,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,uBAAC,wBAAc,KAAG,EACpD,QAAQ,EAAC,QAAQ,EACjB,UAAU,EAAE,UAAU,IAClB,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,iBAAiB,qBAU7B"}

package/dist/cjs/components/AppBar/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Application"), exports);
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AppBar/index.ts"],"names":[],"mappings":";;;AAAA,wDAA6B"}

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

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapseToggleFlex = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_flexbox_1 = require("@xylabs/react-flexbox");
-const react_1 = require("react");
-const vsc_1 = require("react-icons/vsc");
-const contexts_1 = require("../../contexts");
-const CollapseToggleFlex = (props) => {
-    const { collapse, setCollapse, setCollapseEnd } = (0, contexts_1.useCollapsible)();
-    const [hover, setHover] = (0, react_1.useState)(false);
-    const theme = (0, material_1.useTheme)();
-    const handleCollapseToggle = () => {
-        setCollapse === null || setCollapse === void 0 ? void 0 : setCollapse(!collapse);
-        setCollapseEnd === null || setCollapseEnd === void 0 ? void 0 : setCollapseEnd((previous) => (previous ? false : previous));
-    };
-    return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ mt: 2, py: 2, justifyContent: collapse ? 'start' : 'center' }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ onClick: handleCollapseToggle, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), fontSize: 'large', sx: { color: hover ? theme.palette.secondary.main : 'inherit', cursor: 'pointer' } }, { children: !collapse ? (0, jsx_runtime_1.jsx)(vsc_1.VscArrowSmallLeft, {}) : (0, jsx_runtime_1.jsx)(vsc_1.VscArrowSmallRight, {}) })) })));
-};
-exports.CollapseToggleFlex = CollapseToggleFlex;
-//# sourceMappingURL=CollapseToggle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CollapseToggle.js","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":";;;;AAAA,4CAA8C;AAC9C,yDAA6D;AAC7D,iCAAgC;AAChC,yCAAuE;AAEvE,6CAA+C;AAExC,MAAM,kBAAkB,GAA2B,CAAC,KAAK,EAAE,EAAE;IAClE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IAClE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACzC,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,QAAQ,CAAC,CAAA;QACxB,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC/D,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,uBAAO,kBAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,IAAM,KAAK,cAC7E,uBAAC,eAAI,kBACH,OAAO,EAAE,oBAAoB,EAC7B,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAClC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAE,OAAO,EACjB,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,gBAEjF,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAC,uBAAiB,KAAG,CAAC,CAAC,CAAC,uBAAC,wBAAkB,KAAG,IACtD,IACC,CACX,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,kBAAkB,sBAuB9B"}

package/dist/cjs/components/CollapsibleDrawer/CollapsibleDrawer.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapsibleDrawer = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const contexts_1 = require("../../contexts");
-const CollapsibleDrawer = (_a) => {
-    var _b;
-    var { children, sx } = _a, props = tslib_1.__rest(_a, ["children", "sx"]);
-    const { collapse, setCollapseEnd } = (0, contexts_1.useCollapsible)();
-    const theme = (0, material_1.useTheme)();
-    const collapsedSize = (_b = props.collapsedSize) !== null && _b !== void 0 ? _b : theme.spacing(5);
-    return ((0, jsx_runtime_1.jsx)(CollapsibleFlexInner, Object.assign({ in: !collapse, orientation: "horizontal", collapsedSize: collapsedSize, onExited: () => setCollapseEnd === null || setCollapseEnd === void 0 ? void 0 : setCollapseEnd(true), sx: Object.assign({ alignItems: 'start', display: 'flex', height: '100%' }, sx) }, props, { children: children })));
-};
-exports.CollapsibleDrawer = CollapsibleDrawer;
-const CollapsibleFlexInner = (0, material_1.styled)(material_1.Collapse)(() => ({
-    '& .MuiCollapse-wrapperInner': {
-        display: 'flex',
-        flexDirection: 'column',
-    },
-}));
-//# sourceMappingURL=CollapsibleDrawer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CollapsibleDrawer.js","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyE;AAGzE,6CAA+C;AAExC,MAAM,iBAAiB,GAA0C,CAAC,EAA0B,EAAE,EAAE;;QAA9B,EAAE,QAAQ,EAAE,EAAE,OAAY,EAAP,KAAK,sBAAxB,kBAA0B,CAAF;IAC/F,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IACrD,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,aAAa,GAAG,MAAA,KAAK,CAAC,aAAa,mCAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IAE7D,OAAO,CACL,uBAAC,oBAAoB,kBACnB,EAAE,EAAE,CAAC,QAAQ,EACb,WAAW,EAAC,YAAY,EACxB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,IAAI,CAAC,EACtC,EAAE,kBACA,UAAU,EAAE,OAAO,EACnB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,IACX,EAAE,KAEH,KAAK,cAER,QAAQ,IACY,CACxB,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,iBAAiB,qBAuB7B;AAED,MAAM,oBAAoB,GAAG,IAAA,iBAAM,EAAC,mBAAQ,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACnD,6BAA6B,EAAE;QAC7B,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;KACxB;CACF,CAAC,CAAC,CAAA"}

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

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./CollapseToggle"), exports);
-tslib_1.__exportStar(require("./CollapsibleDrawer"), exports);
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/index.ts"],"names":[],"mappings":";;;AAAA,2DAAgC;AAChC,8DAAmC"}

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

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.menuDataBottom = exports.menuDataTop = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const vsc_1 = require("react-icons/vsc");
-exports.menuDataTop = [
-    {
-        icon: (0, jsx_runtime_1.jsx)(vsc_1.VscGlobe, { fontSize: "body1" }),
-        primary: 'Explore',
-        to: '',
-        tooltip: 'View global archivist data on a world map.',
-    },
-    {
-        icon: (0, jsx_runtime_1.jsx)(vsc_1.VscSymbolMethod, { fontSize: "body1" }),
-        primary: 'Blocks',
-        to: '',
-        tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
-    },
-    {
-        icon: (0, jsx_runtime_1.jsx)(vsc_1.VscSymbolNamespace, { fontSize: "body1" }),
-        primary: 'Payloads',
-        to: '',
-        tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
-    },
-    {
-        icon: (0, jsx_runtime_1.jsx)(vsc_1.VscGraph, { fontSize: "body1" }),
-        primary: 'Queries',
-        to: '',
-        tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
-    },
-    {
-        icon: (0, jsx_runtime_1.jsx)(vsc_1.VscServer, { fontSize: "body1" }),
-        primary: 'Archives',
-        subNavListItems: [
-            { icon: (0, jsx_runtime_1.jsx)(vsc_1.VscDashboard, { fontSize: "body2" }), primary: 'Dashboard', to: '', tooltip: 'View data for all archives on this network.' },
-            { icon: (0, jsx_runtime_1.jsx)(vsc_1.VscAdd, { fontSize: "body2" }), primary: 'Create Archive', to: '', tooltip: 'Create a new archive on this network.' },
-            { icon: (0, jsx_runtime_1.jsx)(vsc_1.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.',
-    },
-];
-exports.menuDataBottom = [
-    {
-        icon: (0, jsx_runtime_1.jsx)(vsc_1.VscGraphLine, { fontSize: "body1" }),
-        primary: 'Statistics',
-        to: '',
-        tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
-    },
-    {
-        icon: (0, jsx_runtime_1.jsx)(vsc_1.VscJson, { fontSize: "body1" }),
-        primary: 'Schema',
-        to: '',
-        tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
-    },
-    {
-        icon: (0, jsx_runtime_1.jsx)(vsc_1.VscAccount, { fontSize: "body1" }),
-        primary: 'Account',
-        to: '',
-        tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
-    },
-    {
-        icon: (0, jsx_runtime_1.jsx)(vsc_1.VscSettingsGear, { fontSize: "body1" }),
-        primary: 'Settings',
-        to: '',
-        tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
-    },
-];
-//# sourceMappingURL=storyExampleMenuData.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"storyExampleMenuData.js","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/storyExampleMenuData.tsx"],"names":[],"mappings":";;;;AAAA,yCAawB;AAIX,QAAA,WAAW,GAAwB;IAC9C;QACE,IAAI,EAAE,uBAAC,cAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG;QACnC,OAAO,EAAE,SAAS;QAClB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,4CAA4C;KACtD;IACD;QACE,IAAI,EAAE,uBAAC,qBAAe,IAAC,QAAQ,EAAC,OAAO,GAAG;QAC1C,OAAO,EAAE,QAAQ;QACjB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,uBAAC,wBAAkB,IAAC,QAAQ,EAAC,OAAO,GAAG;QAC7C,OAAO,EAAE,UAAU;QACnB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,uBAAC,cAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG;QACnC,OAAO,EAAE,SAAS;QAClB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,uBAAC,eAAS,IAAC,QAAQ,EAAC,OAAO,GAAG;QACpC,OAAO,EAAE,UAAU;QACnB,eAAe,EAAE;YACf,EAAE,IAAI,EAAE,uBAAC,kBAAY,IAAC,QAAQ,EAAC,OAAO,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,6CAA6C,EAAE;YACjI,EAAE,IAAI,EAAE,uBAAC,YAAM,IAAC,QAAQ,EAAC,OAAO,GAAG,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,uCAAuC,EAAE;YAC1H,EAAE,IAAI,EAAE,uBAAC,cAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,+CAA+C,EAAE;SACpI;QACD,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;CACF,CAAA;AAEY,QAAA,cAAc,GAAwB;IACjD;QACE,IAAI,EAAE,uBAAC,kBAAY,IAAC,QAAQ,EAAC,OAAO,GAAG;QACvC,OAAO,EAAE,YAAY;QACrB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,uBAAC,aAAO,IAAC,QAAQ,EAAC,OAAO,GAAG;QAClC,OAAO,EAAE,QAAQ;QACjB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,uBAAC,gBAAU,IAAC,QAAQ,EAAC,OAAO,GAAG;QACrC,OAAO,EAAE,SAAS;QAClB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,uBAAC,qBAAe,IAAC,QAAQ,EAAC,OAAO,GAAG;QAC1C,OAAO,EAAE,UAAU;QACnB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;CACF,CAAA"}

package/dist/cjs/components/MobileSystemControls/SystemControls.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SystemControls = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_flexbox_1 = require("@xylabs/react-flexbox");
-const SystemControlsRoot_1 = require("./SystemControlsRoot");
-const SystemControls = (props) => {
-    return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, { children: (0, jsx_runtime_1.jsx)(SystemControlsRoot_1.SystemControlsRoot, Object.assign({}, props)) }));
-};
-exports.SystemControls = SystemControls;
-//# sourceMappingURL=SystemControls.js.map

package/dist/cjs/components/MobileSystemControls/SystemControls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SystemControls.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControls.tsx"],"names":[],"mappings":";;;;AAAA,yDAA+C;AAE/C,6DAAyD;AAGzD,MAAM,cAAc,GAA0C,CAAC,KAAK,EAAE,EAAE;IACtE,OAAO,CACL,uBAAC,uBAAO,cACN,uBAAC,uCAAkB,oBAAK,KAAK,EAAI,GACzB,CACX,CAAA;AACH,CAAC,CAAA;AAEQ,wCAAc"}

package/dist/cjs/components/MobileSystemControls/SystemControlsRoot.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SystemControlsRoot = void 0;
-const material_1 = require("@mui/material");
-const SystemControlsType_1 = require("./SystemControlsType");
-const SystemControlsUnstyled_1 = require("./SystemControlsUnstyled");
-const SystemControlsRoot = (0, material_1.styled)(SystemControlsUnstyled_1.SystemControlsUnstyled, { name: 'SystemControls', slot: 'Root' })(({ theme }) => ({
-    // shared defaults
-    ['&']: {
-        '.toggle': {
-            backgroundColor: theme.palette.primary.main,
-        },
-        alignItems: 'start',
-        zIndex: 1,
-    },
-    // WindowShade System Controls styles
-    [`&.system-controls-type-${SystemControlsType_1.SystemControlsType.WindowShade}`]: {
-        '.control': {
-            borderRadius: '0 0 5px 5px',
-            flexDirection: 'row',
-            flexGrow: 1,
-            justifyContent: 'space-around',
-            padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`,
-        },
-        '.controls': {
-            alignItems: 'stretch',
-            flexDirection: 'column',
-            flexGrow: 1,
-        },
-        '.toggle': {
-            borderRadius: '0 0 5px 5px',
-            padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`,
-        },
-        flexDirection: 'row',
-        position: 'absolute',
-        top: 0,
-        width: '100%',
-    },
-    // Left System Control styles
-    [`&.system-controls-type-${SystemControlsType_1.SystemControlsType.Left}`]: {
-        '.control': {
-            alignItems: 'start',
-            flexDirection: 'column',
-            padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`,
-        },
-        '.control-wrap': {
-            marginBottom: `${theme.spacing(2)}`,
-        },
-        '.toggle': {
-            borderRadius: '0 5px 5px 0',
-            padding: `${theme.spacing(1)} ${theme.spacing(0.5)}`,
-            writingMode: 'vertical-rl',
-        },
-        flexDirection: 'column',
-        left: 0,
-        position: 'fixed',
-        top: '30vh',
-        width: 'auto',
-    },
-}));
-exports.SystemControlsRoot = SystemControlsRoot;
-//# sourceMappingURL=SystemControlsRoot.js.map

package/dist/cjs/components/MobileSystemControls/SystemControlsRoot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SystemControlsRoot.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsRoot.tsx"],"names":[],"mappings":";;;AAAA,4CAAsC;AAEtC,6DAAyD;AACzD,qEAA8F;AAE9F,MAAM,kBAAkB,GAAG,IAAA,iBAAM,EAAC,+CAAsB,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAA8B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/I,kBAAkB;IAClB,CAAC,GAAG,CAAC,EAAE;QACL,SAAS,EAAE;YACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;SAC5C;QACD,UAAU,EAAE,OAAO;QACnB,MAAM,EAAE,CAAC;KACV;IACD,qCAAqC;IACrC,CAAC,0BAA0B,uCAAkB,CAAC,WAAW,EAAE,CAAC,EAAE;QAC5D,UAAU,EAAE;YACV,YAAY,EAAE,aAAa;YAC3B,aAAa,EAAE,KAAK;YACpB,QAAQ,EAAE,CAAC;YACX,cAAc,EAAE,cAAc;YAC9B,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;SACrD;QACD,WAAW,EAAE;YACX,UAAU,EAAE,SAAS;YACrB,aAAa,EAAE,QAAQ;YACvB,QAAQ,EAAE,CAAC;SACZ;QACD,SAAS,EAAE;YACT,YAAY,EAAE,aAAa;YAC3B,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;SACrD;QACD,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,MAAM;KACd;IACD,6BAA6B;IAC7B,CAAC,0BAA0B,uCAAkB,CAAC,IAAI,EAAE,CAAC,EAAE;QACrD,UAAU,EAAE;YACV,UAAU,EAAE,OAAO;YACnB,aAAa,EAAE,QAAQ;YACvB,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;SACrD;QACD,eAAe,EAAE;YACf,YAAY,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;SACpC;QACD,SAAS,EAAE;YACT,YAAY,EAAE,aAAa;YAC3B,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACpD,WAAW,EAAE,aAAa;SAC3B;QACD,aAAa,EAAE,QAAQ;QACvB,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC,CAAA;AAEM,gDAAkB"}

package/dist/cjs/components/MobileSystemControls/SystemControlsType.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SystemControlsType = void 0;
-var SystemControlsType;
-(function (SystemControlsType) {
-    SystemControlsType["Left"] = "Left";
-    SystemControlsType["Right"] = "Right";
-    SystemControlsType["WindowShade"] = "WindowShade";
-})(SystemControlsType = exports.SystemControlsType || (exports.SystemControlsType = {}));
-//# sourceMappingURL=SystemControlsType.js.map

package/dist/cjs/components/MobileSystemControls/SystemControlsType.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SystemControlsType.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsType.ts"],"names":[],"mappings":";;;AAAA,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;IACf,iDAA2B,CAAA;AAC7B,CAAC,EAJW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAI7B"}

package/dist/cjs/components/MobileSystemControls/SystemControlsUnstyled.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SystemControlsUnstyled = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_flexbox_1 = require("@xylabs/react-flexbox");
-const react_network_1 = require("@xyo-network/react-network");
-const controls_1 = require("./controls");
-const SystemControlsType_1 = require("./SystemControlsType");
-const SystemControlsUnstyled = (_a) => {
-    var { visible, systemControlsType = SystemControlsType_1.SystemControlsType.WindowShade } = _a, props = tslib_1.__rest(_a, ["visible", "systemControlsType"]);
-    const isSmall = (0, material_1.useMediaQuery)((theme) => theme.breakpoints.down('sm'));
-    if (visible || isSmall) {
-        return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({}, props, { className: `${props.className} system-controls-type-${systemControlsType}` }, { children: (0, jsx_runtime_1.jsx)(controls_1.SystemControl, { systemControlsType: systemControlsType, controlElement: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ className: 'control-wrap' }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation", elevation: 0 }, { children: (0, jsx_runtime_1.jsx)(react_network_1.NetworkSelectEx, { responsive: false, className: "network-ex" }) })) })) }) }) })));
-    }
-    else {
-        return (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, {});
-    }
-};
-exports.SystemControlsUnstyled = SystemControlsUnstyled;
-//# sourceMappingURL=SystemControlsUnstyled.js.map

package/dist/cjs/components/MobileSystemControls/SystemControlsUnstyled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SystemControlsUnstyled.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAC3D,yDAAsE;AACtE,8DAA4D;AAE5D,yCAA0C;AAC1C,6DAAyD;AAOzD,MAAM,sBAAsB,GAA0C,CAAC,EAItE,EAAE,EAAE;QAJkE,EACrE,OAAO,EACP,kBAAkB,GAAG,uCAAkB,CAAC,WAAW,OAEpD,EADI,KAAK,sBAH6D,iCAItE,CADS;IAER,MAAM,OAAO,GAAG,IAAA,wBAAa,EAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAE7E,IAAI,OAAO,IAAI,OAAO,EAAE;QACtB,OAAO,CACL,uBAAC,uBAAO,oBAAK,KAAK,IAAE,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,yBAAyB,kBAAkB,EAAE,gBAC5F,uBAAC,wBAAa,IACZ,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EACZ,2DACE,uBAAC,uBAAO,kBAAC,SAAS,EAAE,cAAc,gBAChC,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,gBACrC,uBAAC,+BAAe,IAAC,UAAU,EAAE,KAAK,EAAE,SAAS,EAAC,YAAY,GAAG,IACvD,IACA,GACT,GAEL,IACM,CACX,CAAA;KACF;SAAM;QACL,OAAO,uBAAC,uBAAO,KAAG,CAAA;KACnB;AACH,CAAC,CAAA;AAGQ,wDAAsB"}

package/dist/cjs/components/MobileSystemControls/controls/SystemControl.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SystemControl = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_flexbox_1 = require("@xylabs/react-flexbox");
-const react_1 = require("react");
-const SystemControlsType_1 = require("../SystemControlsType");
-const SystemControl = (_a) => {
-    var { children, controlElement, systemControlsType = SystemControlsType_1.SystemControlsType.WindowShade } = _a, props = tslib_1.__rest(_a, ["children", "controlElement", "systemControlsType"]);
-    const [toggleControls, setToggleControls] = (0, react_1.useState)(false);
-    let orientation = 'vertical';
-    switch (systemControlsType) {
-        case SystemControlsType_1.SystemControlsType.Left: {
-            orientation = 'horizontal';
-            break;
-        }
-    }
-    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ className: "controls" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Collapse, Object.assign({ in: toggleControls, orientation: orientation, timeout: 500 }, { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ bgcolor: "primary.main", className: "control" }, { children: controlElement })) })), (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ style: { cursor: 'pointer' }, onClick: () => setToggleControls(!toggleControls) }, { children: children }))] })));
-};
-exports.SystemControl = SystemControl;
-//# sourceMappingURL=SystemControl.js.map

package/dist/cjs/components/MobileSystemControls/controls/SystemControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SystemControl.js","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControl.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AACvD,yDAAsE;AAEtE,iCAAgC;AAEhC,8DAA0D;AAO1D,MAAM,aAAa,GAA+C,CAAC,EAKlE,EAAE,EAAE;QAL8D,EACjE,QAAQ,EACR,cAAc,EACd,kBAAkB,GAAG,uCAAkB,CAAC,WAAW,OAEpD,EADI,KAAK,sBAJyD,oDAKlE,CADS;IAER,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAE3D,IAAI,WAAW,GAAiC,UAAU,CAAA;IAE1D,QAAQ,kBAAkB,EAAE;QAC1B,KAAK,uCAAkB,CAAC,IAAI,CAAC,CAAC;YAC5B,WAAW,GAAG,YAAY,CAAA;YAC1B,MAAK;SACN;KACF;IAED,OAAO,CACL,wBAAC,uBAAO,kBAAC,SAAS,EAAC,UAAU,IAAK,KAAK,eACrC,uBAAC,mBAAQ,kBAAC,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,gBAClE,uBAAC,uBAAO,kBAAC,OAAO,EAAC,cAAc,EAAC,SAAS,EAAC,SAAS,gBAChD,cAAc,IACP,IACD,EACX,uBAAC,uBAAO,kBAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,gBACrF,QAAQ,IACD,KACF,CACX,CAAA;AACH,CAAC,CAAA;AAEQ,sCAAa"}

package/dist/cjs/components/MobileSystemControls/controls/SystemControlText.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ControlText = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_flexbox_1 = require("@xylabs/react-flexbox");
-const ControlText = (_a) => {
-    var { value } = _a, props = tslib_1.__rest(_a, ["value"]);
-    return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ className: `${props.className} toggle` }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "caption", color: "white", fontWeight: "bold" }, { children: value })) })));
-};
-exports.ControlText = ControlText;
-//# sourceMappingURL=SystemControlText.js.map

package/dist/cjs/components/MobileSystemControls/controls/SystemControlText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SystemControlText.js","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControlText.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,yDAA6D;AAM7D,MAAM,WAAW,GAAqC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IACtE,OAAO,CACL,uBAAC,uBAAO,kBAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,SAAS,IAAM,KAAK,cACxD,uBAAC,qBAAU,kBAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,MAAM,gBAC1D,KAAK,IACK,IACL,CACX,CAAA;AACH,CAAC,CAAA;AAEQ,kCAAW"}

package/dist/cjs/components/MobileSystemControls/controls/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./SystemControl"), exports);
-tslib_1.__exportStar(require("./SystemControlText"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/MobileSystemControls/controls/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B;AAC/B,8DAAmC"}

package/dist/cjs/components/MobileSystemControls/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./SystemControls"), exports);
-tslib_1.__exportStar(require("./SystemControlsType"), exports);
-tslib_1.__exportStar(require("./SystemControlsUnstyled"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/MobileSystemControls/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/index.ts"],"names":[],"mappings":";;;AAAA,2DAAgC;AAChC,+DAAoC;AACpC,mEAAwC"}

package/dist/cjs/components/SearchBar/SearchBar.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchBar = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Search_1 = tslib_1.__importDefault(require("@mui/icons-material/Search"));
-const material_1 = require("@mui/material");
-const react_button_1 = require("@xylabs/react-button");
-const react_flexbox_1 = require("@xylabs/react-flexbox");
-const react_1 = require("react");
-const SearchBar = (_a) => {
-    var { defaultValue, onSearch } = _a, props = tslib_1.__rest(_a, ["defaultValue", "onSearch"]);
-    const [term, setTerm] = (0, react_1.useState)();
-    return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ alignItems: "stretch" }, props, { children: (0, jsx_runtime_1.jsxs)(material_1.Paper, Object.assign({ variant: "elevation", elevation: 0, style: { display: 'flex', overflow: 'hidden', width: '100%' } }, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { InputProps: { color: 'secondary', style: { borderBottomRightRadius: 0, borderTopRightRadius: 0, borderWidth: 0 } }, variant: "outlined", size: "small", defaultValue: defaultValue, fullWidth: true, onChange: (event) => setTerm(event.target.value), onKeyDown: (event) => {
-                        if (event.key === 'Enter')
-                            onSearch === null || onSearch === void 0 ? void 0 : onSearch(term);
-                    } }), (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ variant: "contained", style: { borderRadius: 0, borderTopLeftRadius: 0 }, color: "secondary", onClick: () => onSearch === null || onSearch === void 0 ? void 0 : onSearch(term) }, { children: (0, jsx_runtime_1.jsx)(Search_1.default, {}) }))] })) })));
-};
-exports.SearchBar = SearchBar;
-//# sourceMappingURL=SearchBar.js.map

package/dist/cjs/components/SearchBar/SearchBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";;;;;AAAA,gFAAmD;AACnD,4CAAgD;AAChD,uDAA+C;AAC/C,yDAA6D;AAC7D,iCAAgC;AAMzB,MAAM,SAAS,GAA6B,CAAC,EAAoC,EAAE,EAAE;QAAxC,EAAE,YAAY,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAAlC,4BAAoC,CAAF;IACpF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IAE1C,OAAO,CACL,uBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,cACrC,wBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,iBACpG,uBAAC,oBAAS,IACR,UAAU,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,uBAAuB,EAAE,CAAC,EAAE,oBAAoB,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,EAClH,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,YAAY,EAAE,YAAY,EAC1B,SAAS,QACT,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAChD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;wBACnB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;4BAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,CAAC,CAAA;oBAC7C,CAAC,GACD,EACF,uBAAC,uBAAQ,kBAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,mBAAmB,EAAE,CAAC,EAAE,EAAE,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,CAAC,gBACjI,uBAAC,gBAAU,KAAG,IACL,KACL,IACA,CACX,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,SAAS,aAuBrB"}

package/dist/cjs/components/SearchBar/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./SearchBar"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/SearchBar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SearchBar/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B"}