@xyo-network/react-appbar 6.2.0 → 7.0.1

package/dist/browser/components/AppBar/Application.stories.d.ts

@@ -1,9 +1,9 @@
 import type { Meta } from '@storybook/react-vite';
 import { XyoApplicationAppBar } from './Application.tsx';
 declare const StorybookEntry: Meta<typeof XyoApplicationAppBar>;
-declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Application.tsx").XyoApplicationAppBarProps>;
-declare const WithSearchBar: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Application.tsx").XyoApplicationAppBarProps>;
-declare const WithWalletSelectBar: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Application.tsx").XyoApplicationAppBarProps>;
+declare const Default: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Application.tsx").XyoApplicationAppBarProps>;
+declare const WithSearchBar: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Application.tsx").XyoApplicationAppBarProps>;
+declare const WithWalletSelectBar: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Application.tsx").XyoApplicationAppBarProps>;
 export { Default, WithSearchBar, WithWalletSelectBar, };
 export default StorybookEntry;
 //# sourceMappingURL=Application.stories.d.ts.map

package/dist/browser/components/AppBar/Application.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Application.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAa1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAExD,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,oBAAoB,CAAC,CAAA;AA2BtC,QAAA,MAAM,OAAO,yJAAoB,CAAA;AAGjC,QAAA,MAAM,aAAa,yJAAoB,CAAA;AAgBvC,QAAA,MAAM,mBAAmB,yJAAoB,CAAA;AAa7C,OAAO,EACL,OAAO,EAAE,aAAa,EAAE,mBAAmB,GAC5C,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"Application.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAa1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAExD,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,oBAAoB,CAAC,CAAA;AA2BtC,QAAA,MAAM,OAAO,2LAAoB,CAAA;AAGjC,QAAA,MAAM,aAAa,2LAAoB,CAAA;AAgBvC,QAAA,MAAM,mBAAmB,2LAAoB,CAAA;AAa7C,OAAO,EACL,OAAO,EAAE,aAAa,EAAE,mBAAmB,GAC5C,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/browser/components/CollapsibleDrawer/CollapseDrawer.stories.d.ts

@@ -2,7 +2,7 @@ import type { Meta } from '@storybook/react-vite';
 import React from 'react';
 import { CollapsibleDrawer } from './CollapsibleDrawer.tsx';
 declare const StorybookEntry: Meta<typeof CollapsibleDrawer>;
-declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@mui/material").CollapseProps & {
+declare const Default: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@mui/material").CollapseProps & {
     children?: React.ReactNode | undefined;
 }>;
 export { Default };

package/dist/browser/components/MobileSystemControls/SystemControls.stories.d.ts

@@ -1,7 +1,7 @@
 import type { Meta } from '@storybook/react-vite';
 declare const StorybookEntry: Meta;
-declare const Left: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SystemControlsUnstyled.tsx").SystemControlsUnstyledProps>;
-declare const Top: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SystemControlsUnstyled.tsx").SystemControlsUnstyledProps>;
+declare const Left: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SystemControlsUnstyled.tsx").SystemControlsUnstyledProps>;
+declare const Top: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SystemControlsUnstyled.tsx").SystemControlsUnstyledProps>;
 export { Left, Top };
 export default StorybookEntry;
 //# sourceMappingURL=SystemControls.stories.d.ts.map

package/dist/browser/components/MobileSystemControls/SystemControls.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SystemControls.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControls.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAO1D,QAAA,MAAM,cAAc,EAAE,IAKrB,CAAA;AAUD,QAAA,MAAM,IAAI,sKAAoB,CAAA;AAM9B,QAAA,MAAM,GAAG,sKAAoB,CAAA;AAM7B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,CAAA;AAEpB,eAAe,cAAc,CAAA"}
+{"version":3,"file":"SystemControls.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControls.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAO1D,QAAA,MAAM,cAAc,EAAE,IAKrB,CAAA;AAUD,QAAA,MAAM,IAAI,wMAAoB,CAAA;AAM9B,QAAA,MAAM,GAAG,wMAAoB,CAAA;AAM7B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,CAAA;AAEpB,eAAe,cAAc,CAAA"}

package/dist/browser/components/MobileSystemControls/SystemControlsRoot.d.ts

@@ -1,4 +1,4 @@
 import type { SystemControlsUnstyledProps } from './SystemControlsUnstyled.tsx';
-declare const SystemControlsRoot: import("@emotion/styled").StyledComponent<Pick<SystemControlsUnstyledProps, keyof SystemControlsUnstyledProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & SystemControlsUnstyledProps, {}, {}>;
+declare const SystemControlsRoot: import("@emotion/styled").StyledComponent<Pick<SystemControlsUnstyledProps, keyof SystemControlsUnstyledProps> & import(".store/@mui-system-virtual-08e51c7e26/package").MUIStyledCommonProps<import("@mui/material").Theme> & SystemControlsUnstyledProps, {}, {}>;
 export { SystemControlsRoot };
 //# sourceMappingURL=SystemControlsRoot.d.ts.map

package/dist/browser/components/MobileSystemControls/SystemControlsRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SystemControlsRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAA;AAG/E,QAAA,MAAM,kBAAkB,mOAiDrB,CAAA;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"SystemControlsRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAA;AAG/E,QAAA,MAAM,kBAAkB,qQAiDrB,CAAA;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/browser/components/Toolbar/Context/ContextToolbar.stories.d.ts

@@ -1,8 +1,8 @@
 import type { Meta } from '@storybook/react-vite';
 import { XyoContextToolbar } from './ContextToolbar.tsx';
 declare const StorybookEntry: Meta<typeof XyoContextToolbar>;
-declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ContextToolbar.tsx").XyoContextToolbarProps>;
-declare const WithVersion: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ContextToolbar.tsx").XyoContextToolbarProps>;
+declare const Default: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ContextToolbar.tsx").XyoContextToolbarProps>;
+declare const WithVersion: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ContextToolbar.tsx").XyoContextToolbarProps>;
 export { Default, WithVersion };
 export default StorybookEntry;
 //# sourceMappingURL=ContextToolbar.stories.d.ts.map

package/dist/browser/components/Toolbar/Context/ContextToolbar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextToolbar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/ContextToolbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAI1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAExD,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAQnC,QAAA,MAAM,OAAO,yJAAoB,CAAA;AAGjC,QAAA,MAAM,WAAW,yJAAoB,CAAA;AAGrC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,CAAA;AAE/B,eAAe,cAAc,CAAA"}
+{"version":3,"file":"ContextToolbar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/ContextToolbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAI1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAExD,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAQnC,QAAA,MAAM,OAAO,2LAAoB,CAAA;AAGjC,QAAA,MAAM,WAAW,2LAAoB,CAAA;AAGrC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,CAAA;AAE/B,eAAe,cAAc,CAAA"}

package/dist/browser/components/Toolbar/System/SystemToolbar.stories.d.ts

@@ -1,8 +1,8 @@
 import type { Meta } from '@storybook/react-vite';
 declare const StorybookEntry: Meta;
-declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SystemToolbar.tsx").XyoSystemToolbarProps>;
-declare const PrecedingChildren: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SystemToolbar.tsx").XyoSystemToolbarProps>;
-declare const WithOnMenuToggle: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SystemToolbar.tsx").XyoSystemToolbarProps>;
+declare const Default: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SystemToolbar.tsx").XyoSystemToolbarProps>;
+declare const PrecedingChildren: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SystemToolbar.tsx").XyoSystemToolbarProps>;
+declare const WithOnMenuToggle: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SystemToolbar.tsx").XyoSystemToolbarProps>;
 export { Default, PrecedingChildren, WithOnMenuToggle, };
 export default StorybookEntry;
 //# sourceMappingURL=SystemToolbar.stories.d.ts.map

package/dist/browser/components/Toolbar/System/SystemToolbar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SystemToolbar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAqB1D,QAAA,MAAM,cAAc,EAAE,IAIrB,CAAA;AAUD,QAAA,MAAM,OAAO,uJAAoB,CAAA;AAGjC,QAAA,MAAM,iBAAiB,uJAAoB,CAAA;AAS3C,QAAA,MAAM,gBAAgB,uJAAoB,CAAA;AAM1C,OAAO,EACL,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,GAC7C,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"SystemToolbar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAqB1D,QAAA,MAAM,cAAc,EAAE,IAIrB,CAAA;AAUD,QAAA,MAAM,OAAO,yLAAoB,CAAA;AAGjC,QAAA,MAAM,iBAAiB,yLAAoB,CAAA;AAS3C,QAAA,MAAM,gBAAgB,yLAAoB,CAAA;AAM1C,OAAO,EACL,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,GAC7C,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/browser/index.mjs

@@ -1,153 +1,177 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/components/AppBar/Application.tsx
 import { ApplicationAppBar } from "@xylabs/react-appbar";
-import React5 from "react";
 
 // src/components/Toolbar/Context/ContextToolbar.tsx
 import { Toolbar } from "@mui/material";
-import React3 from "react";
 
 // src/components/Toolbar/Context/LogoLinkEx.tsx
 import { Typography, useTheme } from "@mui/material";
 import { assertEx } from "@xylabs/assert";
 import { FlexRow } from "@xylabs/react-flexbox";
 import { LinkEx } from "@xylabs/react-link";
-import React2 from "react";
 
 // src/components/Toolbar/Context/Logo.tsx
-import React from "react";
-var Logo = /* @__PURE__ */ __name((props) => {
+import { jsx } from "react/jsx-runtime";
+var Logo = (props) => {
   const logoUrl = "https://cdn.xy.company/img/brand/XYO/XYO_icon_white.svg";
-  return /* @__PURE__ */ React.createElement("img", {
-    src: logoUrl,
-    ...props
-  });
-}, "Logo");
+  return /* @__PURE__ */ jsx("img", { src: logoUrl, ...props });
+};
 
 // src/components/Toolbar/Context/LogoLinkEx.tsx
-var LogoLinkEx = /* @__PURE__ */ __name(({ logo, to = "/", href, version = false, ...props }) => {
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var LogoLinkEx = ({
+  logo,
+  to = "/",
+  href,
+  version = false,
+  ...props
+}) => {
   const theme = useTheme();
   assertEx(href === void 0, () => "href is not supported");
-  return /* @__PURE__ */ React2.createElement(LinkEx, {
-    to,
-    sx: {
-      "opacity": 0.8,
-      "&:hover": {
-        opacity: 1
+  return /* @__PURE__ */ jsx2(LinkEx, { to, sx: { "opacity": 0.8, "&:hover": { opacity: 1 } }, ...props, children: /* @__PURE__ */ jsxs(FlexRow, { paddingX: "4px", children: [
+    logo ?? /* @__PURE__ */ jsx2(Logo, { height: "40", width: "43" }),
+    version === void 0 ? null : /* @__PURE__ */ jsx2(
+      Typography,
+      {
+        position: "absolute",
+        borderRadius: 1,
+        right: 6,
+        color: theme.vars.palette.primary.main,
+        bottom: 0,
+        bgcolor: theme.vars.palette.primary.contrastText,
+        paddingX: "2px",
+        lineHeight: 1,
+        variant: "caption",
+        border: `1px ${theme.vars.palette.primary.main} solid`,
+        children: typeof version === "string" ? version : "2.1"
       }
-    },
-    ...props
-  }, /* @__PURE__ */ React2.createElement(FlexRow, {
-    paddingX: "4px"
-  }, logo ?? /* @__PURE__ */ React2.createElement(Logo, {
-    height: "40",
-    width: "43"
-  }), version === void 0 ? null : /* @__PURE__ */ React2.createElement(Typography, {
-    position: "absolute",
-    borderRadius: 1,
-    right: 6,
-    color: theme.vars.palette.primary.main,
-    bottom: 0,
-    bgcolor: theme.vars.palette.primary.contrastText,
-    paddingX: "2px",
-    lineHeight: 1,
-    variant: "caption",
-    border: `1px ${theme.vars.palette.primary.main} solid`
-  }, typeof version === "string" ? version : "2.1")));
-}, "LogoLinkEx");
+    )
+  ] }) });
+};
 
 // src/components/Toolbar/Context/ContextToolbar.tsx
-var XyoContextToolbar = /* @__PURE__ */ __name(({ children, logo, logoTo = "/", version = false, ...props }) => {
-  return /* @__PURE__ */ React3.createElement(Toolbar, props, /* @__PURE__ */ React3.createElement(LogoLinkEx, {
-    logo,
-    version,
-    to: logoTo
-  }), children);
-}, "XyoContextToolbar");
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var XyoContextToolbar = ({
+  children,
+  logo,
+  logoTo = "/",
+  version = false,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs2(Toolbar, { ...props, children: [
+    /* @__PURE__ */ jsx3(LogoLinkEx, { logo, version, to: logoTo }),
+    children
+  ] });
+};
 
 // src/components/Toolbar/System/SystemToolbar.tsx
 import { Paper } from "@mui/material";
-import { SystemToolbar } from "@xylabs/react-appbar";
+import {
+  SystemToolbar
+} from "@xylabs/react-appbar";
 import { FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
 import { NetworkSelectEx } from "@xyo-network/react-network";
-import React4 from "react";
-var XyoSystemToolbar = /* @__PURE__ */ __name(({ children, hideNetworkSelect, networkSelectProps, precedingChildren, ...props }) => {
-  return /* @__PURE__ */ React4.createElement(SystemToolbar, props, precedingChildren, hideNetworkSelect ? null : /* @__PURE__ */ React4.createElement(FlexRow2, {
-    marginX: 0.5
-  }, /* @__PURE__ */ React4.createElement(Paper, {
-    variant: "elevation"
-  }, /* @__PURE__ */ React4.createElement(NetworkSelectEx, {
-    fullWidth: true,
-    ...networkSelectProps
-  }))), children);
-}, "XyoSystemToolbar");
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var XyoSystemToolbar = ({
+  children,
+  hideNetworkSelect,
+  networkSelectProps,
+  precedingChildren,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs3(SystemToolbar, { ...props, children: [
+    precedingChildren,
+    hideNetworkSelect ? null : /* @__PURE__ */ jsx4(FlexRow2, { marginX: 0.5, children: /* @__PURE__ */ jsx4(Paper, { variant: "elevation", children: /* @__PURE__ */ jsx4(NetworkSelectEx, { fullWidth: true, ...networkSelectProps }) }) }),
+    children
+  ] });
+};
 
 // src/components/AppBar/Application.tsx
-var XyoApplicationAppBar = /* @__PURE__ */ __name(({ systemToolbar, contextToolbar, responsive = true, ...props }) => {
-  return /* @__PURE__ */ React5.createElement(ApplicationAppBar, {
-    systemToolbar: systemToolbar ?? /* @__PURE__ */ React5.createElement(XyoSystemToolbar, null),
-    contextToolbar: contextToolbar ?? /* @__PURE__ */ React5.createElement(XyoContextToolbar, null),
-    position: "sticky",
-    responsive,
-    ...props
-  });
-}, "XyoApplicationAppBar");
+import { jsx as jsx5 } from "react/jsx-runtime";
+var XyoApplicationAppBar = ({
+  systemToolbar,
+  contextToolbar,
+  responsive = true,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx5(
+    ApplicationAppBar,
+    {
+      systemToolbar: systemToolbar ?? /* @__PURE__ */ jsx5(XyoSystemToolbar, {}),
+      contextToolbar: contextToolbar ?? /* @__PURE__ */ jsx5(XyoContextToolbar, {}),
+      position: "sticky",
+      responsive,
+      ...props
+    }
+  );
+};
 
 // src/components/CollapsibleDrawer/CollapseToggle.tsx
 import { Icon, useTheme as useTheme2 } from "@mui/material";
 import { FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
 import { useCollapsible } from "@xylabs/react-shared";
-import React6, { useState } from "react";
+import { useState } from "react";
 import { VscArrowSmallLeft, VscArrowSmallRight } from "react-icons/vsc";
-var CollapseToggleFlex = /* @__PURE__ */ __name((props) => {
-  const { collapse, setCollapse, setCollapseEnd } = useCollapsible();
+import { jsx as jsx6 } from "react/jsx-runtime";
+var CollapseToggleFlex = (props) => {
+  const {
+    collapse,
+    setCollapse,
+    setCollapseEnd
+  } = useCollapsible();
   const [hover, setHover] = useState(false);
   const theme = useTheme2();
-  const handleCollapseToggle = /* @__PURE__ */ __name(() => {
+  const handleCollapseToggle = () => {
     setCollapse?.(!collapse);
     setCollapseEnd?.((previous) => previous ? false : previous);
-  }, "handleCollapseToggle");
-  return /* @__PURE__ */ React6.createElement(FlexRow3, {
-    mt: 2,
-    py: 2,
-    justifyContent: collapse ? "start" : "center",
-    ...props
-  }, /* @__PURE__ */ React6.createElement(Icon, {
-    onClick: handleCollapseToggle,
-    onMouseEnter: /* @__PURE__ */ __name(() => setHover(true), "onMouseEnter"),
-    onMouseLeave: /* @__PURE__ */ __name(() => setHover(false), "onMouseLeave"),
-    fontSize: "large",
-    sx: {
-      color: hover ? theme.vars.palette.secondary.main : "inherit",
-      cursor: "pointer"
+  };
+  return /* @__PURE__ */ jsx6(FlexRow3, { mt: 2, py: 2, justifyContent: collapse ? "start" : "center", ...props, children: /* @__PURE__ */ jsx6(
+    Icon,
+    {
+      onClick: handleCollapseToggle,
+      onMouseEnter: () => setHover(true),
+      onMouseLeave: () => setHover(false),
+      fontSize: "large",
+      sx: { color: hover ? theme.vars.palette.secondary.main : "inherit", cursor: "pointer" },
+      children: collapse ? /* @__PURE__ */ jsx6(VscArrowSmallRight, {}) : /* @__PURE__ */ jsx6(VscArrowSmallLeft, {})
     }
-  }, collapse ? /* @__PURE__ */ React6.createElement(VscArrowSmallRight, null) : /* @__PURE__ */ React6.createElement(VscArrowSmallLeft, null)));
-}, "CollapseToggleFlex");
+  ) });
+};
 
 // src/components/CollapsibleDrawer/CollapsibleDrawer.tsx
-import { Collapse, styled, useTheme as useTheme3 } from "@mui/material";
+import {
+  Collapse,
+  styled,
+  useTheme as useTheme3
+} from "@mui/material";
 import { useCollapsible as useCollapsible2 } from "@xylabs/react-shared";
-import React7 from "react";
-var CollapsibleDrawer = /* @__PURE__ */ __name(({ children, sx, ...props }) => {
+import { jsx as jsx7 } from "react/jsx-runtime";
+var CollapsibleDrawer = ({
+  children,
+  sx,
+  ...props
+}) => {
   const { collapse, setCollapseEnd } = useCollapsible2();
   const theme = useTheme3();
   const collapsedSize = props.collapsedSize ?? theme.spacing(5);
-  return /* @__PURE__ */ React7.createElement(CollapsibleFlexInner, {
-    in: !collapse,
-    orientation: "horizontal",
-    collapsedSize,
-    onExited: /* @__PURE__ */ __name(() => setCollapseEnd?.(true), "onExited"),
-    sx: {
-      alignItems: "start",
-      display: "flex",
-      height: "100%",
-      ...sx
-    },
-    ...props
-  }, children);
-}, "CollapsibleDrawer");
+  return /* @__PURE__ */ jsx7(
+    CollapsibleFlexInner,
+    {
+      in: !collapse,
+      orientation: "horizontal",
+      collapsedSize,
+      onExited: () => setCollapseEnd?.(true),
+      sx: {
+        alignItems: "start",
+        display: "flex",
+        height: "100%",
+        ...sx
+      },
+      ...props,
+      children
+    }
+  );
+};
 var CollapsibleFlexInner = styled(Collapse)(() => ({
   "& .MuiCollapse-wrapperInner": {
     display: "flex",
@@ -157,7 +181,6 @@ var CollapsibleFlexInner = styled(Collapse)(() => ({
 
 // src/components/MobileSystemControls/SystemControls.tsx
 import { FlexCol as FlexCol3 } from "@xylabs/react-flexbox";
-import React10 from "react";
 
 // src/components/MobileSystemControls/SystemControlsRoot.tsx
 import { styled as styled2 } from "@mui/material";
@@ -174,13 +197,18 @@ var SystemControlsType = Enum({
 import { Paper as Paper2, useMediaQuery } from "@mui/material";
 import { FlexCol as FlexCol2, FlexRow as FlexRow5 } from "@xylabs/react-flexbox";
 import { NetworkSelectEx as NetworkSelectEx2 } from "@xyo-network/react-network";
-import React9 from "react";
 
 // src/components/MobileSystemControls/controls/SystemControl.tsx
 import { Collapse as Collapse2 } from "@mui/material";
 import { FlexCol, FlexRow as FlexRow4 } from "@xylabs/react-flexbox";
-import React8, { useState as useState2 } from "react";
-var SystemControl = /* @__PURE__ */ __name(({ children, controlElement, systemControlsType = SystemControlsType.WindowShade, ...props }) => {
+import { useState as useState2 } from "react";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+var SystemControl = ({
+  children,
+  controlElement,
+  systemControlsType = SystemControlsType.WindowShade,
+  ...props
+}) => {
   const [toggleControls, setToggleControls] = useState2(false);
   let orientation = "vertical";
   switch (systemControlsType) {
@@ -189,54 +217,34 @@ var SystemControl = /* @__PURE__ */ __name(({ children, controlElement, systemCo
       break;
     }
   }
-  return /* @__PURE__ */ React8.createElement(FlexRow4, {
-    className: "controls",
-    ...props
-  }, /* @__PURE__ */ React8.createElement(Collapse2, {
-    in: toggleControls,
-    orientation,
-    timeout: 500
-  }, /* @__PURE__ */ React8.createElement(FlexRow4, {
-    bgcolor: "primary.main",
-    className: "control"
-  }, controlElement)), /* @__PURE__ */ React8.createElement(FlexCol, {
-    style: {
-      cursor: "pointer"
-    },
-    onClick: /* @__PURE__ */ __name(() => setToggleControls(!toggleControls), "onClick")
-  }, children));
-}, "SystemControl");
+  return /* @__PURE__ */ jsxs4(FlexRow4, { className: "controls", ...props, children: [
+    /* @__PURE__ */ jsx8(Collapse2, { in: toggleControls, orientation, timeout: 500, children: /* @__PURE__ */ jsx8(FlexRow4, { bgcolor: "primary.main", className: "control", children: controlElement }) }),
+    /* @__PURE__ */ jsx8(FlexCol, { style: { cursor: "pointer" }, onClick: () => setToggleControls(!toggleControls), children })
+  ] });
+};
 
 // src/components/MobileSystemControls/SystemControlsUnstyled.tsx
-var SystemControlsUnstyled = /* @__PURE__ */ __name(({ visible, systemControlsType = SystemControlsType.WindowShade, ...props }) => {
+import { Fragment, jsx as jsx9 } from "react/jsx-runtime";
+var SystemControlsUnstyled = ({
+  visible,
+  systemControlsType = SystemControlsType.WindowShade,
+  ...props
+}) => {
   const isSmall = useMediaQuery((theme) => theme.breakpoints.down("sm"));
-  return visible || isSmall ? /* @__PURE__ */ React9.createElement(FlexCol2, {
-    ...props,
-    className: `${props.className} system-controls-type-${systemControlsType}`
-  }, /* @__PURE__ */ React9.createElement(SystemControl, {
-    systemControlsType,
-    controlElement: /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(FlexRow5, {
-      className: "control-wrap"
-    }, /* @__PURE__ */ React9.createElement(Paper2, {
-      variant: "elevation",
-      elevation: 0
-    }, /* @__PURE__ */ React9.createElement(NetworkSelectEx2, {
-      responsive: false,
-      className: "network-ex"
-    }))))
-  })) : /* @__PURE__ */ React9.createElement(FlexCol2, null);
-}, "SystemControlsUnstyled");
+  return visible || isSmall ? /* @__PURE__ */ jsx9(FlexCol2, { ...props, className: `${props.className} system-controls-type-${systemControlsType}`, children: /* @__PURE__ */ jsx9(
+    SystemControl,
+    {
+      systemControlsType,
+      controlElement: /* @__PURE__ */ jsx9(Fragment, { children: /* @__PURE__ */ jsx9(FlexRow5, { className: "control-wrap", children: /* @__PURE__ */ jsx9(Paper2, { variant: "elevation", elevation: 0, children: /* @__PURE__ */ jsx9(NetworkSelectEx2, { responsive: false, className: "network-ex" }) }) }) })
+    }
+  ) }) : /* @__PURE__ */ jsx9(FlexCol2, {});
+};
 
 // src/components/MobileSystemControls/SystemControlsRoot.tsx
-var SystemControlsRoot = styled2(SystemControlsUnstyled, {
-  name: "SystemControls",
-  slot: "Root"
-})(({ theme }) => ({
+var SystemControlsRoot = styled2(SystemControlsUnstyled, { name: "SystemControls", slot: "Root" })(({ theme }) => ({
   // shared defaults
   ["&"]: {
-    ".toggle": {
-      backgroundColor: theme.vars.palette.primary.main
-    },
+    ".toggle": { backgroundColor: theme.vars.palette.primary.main },
     "alignItems": "start",
     "zIndex": 1
   },
@@ -270,9 +278,7 @@ var SystemControlsRoot = styled2(SystemControlsUnstyled, {
       flexDirection: "column",
       padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`
     },
-    ".control-wrap": {
-      marginBottom: `${theme.spacing(2)}`
-    },
+    ".control-wrap": { marginBottom: `${theme.spacing(2)}` },
     ".toggle": {
       borderRadius: "0 5px 5px 0",
       padding: `${theme.spacing(1)} ${theme.spacing(0.5)}`,
@@ -287,58 +293,72 @@ var SystemControlsRoot = styled2(SystemControlsUnstyled, {
 }));
 
 // src/components/MobileSystemControls/SystemControls.tsx
-var SystemControls = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ React10.createElement(FlexCol3, null, /* @__PURE__ */ React10.createElement(SystemControlsRoot, props));
-}, "SystemControls");
+import { jsx as jsx10 } from "react/jsx-runtime";
+var SystemControls = (props) => {
+  return /* @__PURE__ */ jsx10(FlexCol3, { children: /* @__PURE__ */ jsx10(SystemControlsRoot, { ...props }) });
+};
 
 // src/components/SearchBar/SearchBar.tsx
 import { Search as SearchIcon } from "@mui/icons-material";
 import { Paper as Paper3, TextField } from "@mui/material";
 import { ButtonEx } from "@xylabs/react-button";
 import { FlexRow as FlexRow6 } from "@xylabs/react-flexbox";
-import React11, { useState as useState3 } from "react";
-var SearchBar = /* @__PURE__ */ __name(({ defaultValue, onSearch, ...props }) => {
+import { useState as useState3 } from "react";
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+var SearchBar = ({
+  defaultValue,
+  onSearch,
+  ...props
+}) => {
   const [term, setTerm] = useState3();
-  return /* @__PURE__ */ React11.createElement(FlexRow6, {
-    alignItems: "stretch",
-    ...props
-  }, /* @__PURE__ */ React11.createElement(Paper3, {
-    variant: "elevation",
-    elevation: 0,
-    style: {
-      display: "flex",
-      overflow: "hidden",
-      width: "100%"
-    }
-  }, /* @__PURE__ */ React11.createElement(TextField, {
-    variant: "outlined",
-    size: "small",
-    defaultValue,
-    fullWidth: true,
-    onChange: /* @__PURE__ */ __name((event) => setTerm(event.target.value), "onChange"),
-    onKeyDown: /* @__PURE__ */ __name((event) => {
-      if (event.key === "Enter") onSearch?.(term);
-    }, "onKeyDown"),
-    slotProps: {
-      input: {
-        color: "secondary",
-        style: {
-          borderBottomRightRadius: 0,
-          borderTopRightRadius: 0,
-          borderWidth: 0
-        }
-      }
+  return /* @__PURE__ */ jsx11(FlexRow6, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsxs5(
+    Paper3,
+    {
+      variant: "elevation",
+      elevation: 0,
+      style: {
+        display: "flex",
+        overflow: "hidden",
+        width: "100%"
+      },
+      children: [
+        /* @__PURE__ */ jsx11(
+          TextField,
+          {
+            variant: "outlined",
+            size: "small",
+            defaultValue,
+            fullWidth: true,
+            onChange: (event) => setTerm(event.target.value),
+            onKeyDown: (event) => {
+              if (event.key === "Enter") onSearch?.(term);
+            },
+            slotProps: {
+              input: {
+                color: "secondary",
+                style: {
+                  borderBottomRightRadius: 0,
+                  borderTopRightRadius: 0,
+                  borderWidth: 0
+                }
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx11(
+          ButtonEx,
+          {
+            variant: "contained",
+            style: { borderRadius: 0, borderTopLeftRadius: 0 },
+            color: "secondary",
+            onClick: () => onSearch?.(term),
+            children: /* @__PURE__ */ jsx11(SearchIcon, {})
+          }
+        )
+      ]
     }
-  }), /* @__PURE__ */ React11.createElement(ButtonEx, {
-    variant: "contained",
-    style: {
-      borderRadius: 0,
-      borderTopLeftRadius: 0
-    },
-    color: "secondary",
-    onClick: /* @__PURE__ */ __name(() => onSearch?.(term), "onClick")
-  }, /* @__PURE__ */ React11.createElement(SearchIcon, null))));
-}, "SearchBar");
+  ) });
+};
 export {
   CollapseToggleFlex,
   CollapsibleDrawer,

package/dist/browser/index.mjs.map

@@ -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 { assertEx } from '@xylabs/assert'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type { LinkExProps } from '@xylabs/react-link'\nimport { LinkEx } from '@xylabs/react-link'\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'\n// eslint-disable-next-line import-x/no-internal-modules\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/enum'\nimport { Enum } from '@xylabs/enum'\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              <>\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    : <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","assertEx","FlexRow","LinkEx","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"]}
+{"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 { assertEx } from '@xylabs/assert'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type { LinkExProps } from '@xylabs/react-link'\nimport { LinkEx } from '@xylabs/react-link'\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'\n// eslint-disable-next-line import-x/no-internal-modules\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/enum'\nimport { Enum } from '@xylabs/enum'\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              <>\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    : <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":["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

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-appbar",
-  "version": "6.2.0",
+  "version": "7.0.1",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -38,38 +38,45 @@
   },
   "module": "dist/browser/index.mjs",
   "types": "dist/browser/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
   "dependencies": {
-    "@xylabs/assert": "^4.15.0",
-    "@xylabs/enum": "^4.15.0",
-    "@xylabs/react-appbar": "^6.4.0",
-    "@xylabs/react-button": "^6.4.0",
-    "@xylabs/react-flexbox": "^6.4.0",
-    "@xylabs/react-link": "^6.4.0",
-    "@xylabs/react-shared": "^6.4.0",
-    "@xyo-network/react-network": "^6.2.0",
-    "react-icons": "^5.5.0"
+    "@xylabs/assert": "~5.0.8",
+    "@xylabs/enum": "~5.0.8",
+    "@xylabs/react-appbar": "~7.0.1",
+    "@xylabs/react-button": "~7.0.1",
+    "@xylabs/react-flexbox": "~7.0.1",
+    "@xylabs/react-link": "~7.0.1",
+    "@xylabs/react-shared": "~7.0.1",
+    "@xyo-network/react-network": "^7.0.1",
+    "react-icons": "~5.5.0"
   },
   "devDependencies": {
-    "@mui/icons-material": "^7.2.0",
-    "@mui/material": "^7.2.0",
-    "@storybook/react-vite": "^9.0.18",
-    "@types/react": "^19.1.8",
-    "@xylabs/ts-scripts-yarn3": "^7.0.1",
-    "@xylabs/tsconfig-react": "^7.0.1",
-    "@xyo-network/react-storybook": "^6.2.0",
-    "@xyo-network/react-wallet": "^6.2.0",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "react-router-dom": "^7.7.1",
-    "storybook": "^9.0.18",
-    "typescript": "^5.8.3"
+    "@mui/icons-material": "~7.3.1",
+    "@mui/material": "~7.3.1",
+    "@storybook/react-vite": "~9.1.2",
+    "@types/react": "~19.1.10",
+    "@xylabs/ts-scripts-yarn3": "~7.1.1",
+    "@xylabs/tsconfig": "~7.1.1",
+    "@xylabs/tsconfig-dom": "~7.1.1",
+    "@xylabs/tsconfig-react": "~7.1.1",
+    "@xyo-network/react-storybook": "^7.0.1",
+    "@xyo-network/react-wallet": "^7.0.1",
+    "react": "~19.1.1",
+    "react-dom": "~19.1.1",
+    "react-router-dom": "~7.8.0",
+    "storybook": "~9.1.2",
+    "typescript": "~5.9.2",
+    "vite": "~7.1.2"
   },
   "peerDependencies": {
     "@mui/icons-material": ">=6 <8",
     "@mui/material": ">=6 <8",
-    "react": "^19",
-    "react-dom": "^19",
-    "react-router-dom": "^7"
+    "react": "~19",
+    "react-dom": "~19",
+    "react-router-dom": "~7"
   },
   "publishConfig": {
     "access": "public"

package/typedoc.json

@@ -1,5 +0,0 @@
-{
-  "$schema": "https://typedoc.org/schema.json",
-  "entryPoints": ["src/index.ts"],
-  "tsconfig": "./tsconfig.typedoc.json"
-}

package/xy.config.ts

@@ -1,10 +0,0 @@
-import type { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
-const config: XyTsupConfig = {
-  compile: {
-    browser: { src: true },
-    node: {},
-    neutral: {},
-  },
-}
-
-export default config