@xyo-network/react-appbar 2.64.9 → 2.65.0

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

@@ -1,155 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/MobileSystemControls/index.ts
-var MobileSystemControls_exports = {};
-__export(MobileSystemControls_exports, {
-  SystemControls: () => SystemControls,
-  SystemControlsType: () => SystemControlsType,
-  SystemControlsUnstyled: () => SystemControlsUnstyled
-});
-module.exports = __toCommonJS(MobileSystemControls_exports);
-
-// src/components/MobileSystemControls/SystemControls.tsx
-var import_react_flexbox3 = require("@xylabs/react-flexbox");
-
-// src/components/MobileSystemControls/SystemControlsRoot.tsx
-var import_material3 = require("@mui/material");
-
-// src/components/MobileSystemControls/SystemControlsType.ts
-var SystemControlsType = /* @__PURE__ */ ((SystemControlsType2) => {
-  SystemControlsType2["Left"] = "Left";
-  SystemControlsType2["Right"] = "Right";
-  SystemControlsType2["WindowShade"] = "WindowShade";
-  return SystemControlsType2;
-})(SystemControlsType || {});
-
-// src/components/MobileSystemControls/SystemControlsUnstyled.tsx
-var import_material2 = require("@mui/material");
-var import_react_flexbox2 = require("@xylabs/react-flexbox");
-var import_react_network = require("@xyo-network/react-network");
-
-// src/components/MobileSystemControls/controls/SystemControl.tsx
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var SystemControl = ({
-  children,
-  controlElement,
-  systemControlsType = "WindowShade" /* WindowShade */,
-  ...props
-}) => {
-  const [toggleControls, setToggleControls] = (0, import_react.useState)(false);
-  let orientation = "vertical";
-  switch (systemControlsType) {
-    case "Left" /* Left */: {
-      orientation = "horizontal";
-      break;
-    }
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { className: "controls", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Collapse, { in: toggleControls, orientation, timeout: 500, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexRow, { bgcolor: "primary.main", className: "control", children: controlElement }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { style: { cursor: "pointer" }, onClick: () => setToggleControls(!toggleControls), children })
-  ] });
-};
-
-// src/components/MobileSystemControls/SystemControlsUnstyled.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var SystemControlsUnstyled = ({
-  visible,
-  systemControlsType = "WindowShade" /* WindowShade */,
-  ...props
-}) => {
-  const isSmall = (0, import_material2.useMediaQuery)((theme) => theme.breakpoints.down("sm"));
-  if (visible || isSmall) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_flexbox2.FlexCol, { ...props, className: `${props.className} system-controls-type-${systemControlsType}`, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      SystemControl,
-      {
-        systemControlsType,
-        controlElement: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_flexbox2.FlexRow, { className: "control-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Paper, { variant: "elevation", elevation: 0, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_network.NetworkSelectEx, { responsive: false, className: "network-ex" }) }) }) })
-      }
-    ) });
-  } else {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_flexbox2.FlexCol, {});
-  }
-};
-
-// src/components/MobileSystemControls/SystemControlsRoot.tsx
-var SystemControlsRoot = (0, import_material3.styled)(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-${"WindowShade" /* 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-${"Left" /* 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"
-  }
-}));
-
-// src/components/MobileSystemControls/SystemControls.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var SystemControls = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_flexbox3.FlexCol, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SystemControlsRoot, { ...props }) });
-};
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/MobileSystemControls/index.ts","../../../../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"],"sourcesContent":["export * from './SystemControls'\nexport * from './SystemControlsType'\nexport * from './SystemControlsUnstyled'\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"],"mappings":"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","names":["import_react_flexbox","import_material","SystemControlsType","import_material","import_react_flexbox","import_jsx_runtime","import_jsx_runtime"]}

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

@@ -1,132 +0,0 @@
-// src/components/MobileSystemControls/SystemControls.tsx
-import { FlexCol as FlexCol3 } from "@xylabs/react-flexbox";
-
-// src/components/MobileSystemControls/SystemControlsRoot.tsx
-import { styled } from "@mui/material";
-
-// src/components/MobileSystemControls/SystemControlsType.ts
-var SystemControlsType = /* @__PURE__ */ ((SystemControlsType2) => {
-  SystemControlsType2["Left"] = "Left";
-  SystemControlsType2["Right"] = "Right";
-  SystemControlsType2["WindowShade"] = "WindowShade";
-  return SystemControlsType2;
-})(SystemControlsType || {});
-
-// src/components/MobileSystemControls/SystemControlsUnstyled.tsx
-import { Paper, useMediaQuery } from "@mui/material";
-import { FlexCol as FlexCol2, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
-import { NetworkSelectEx } from "@xyo-network/react-network";
-
-// src/components/MobileSystemControls/controls/SystemControl.tsx
-import { Collapse } from "@mui/material";
-import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SystemControl = ({
-  children,
-  controlElement,
-  systemControlsType = "WindowShade" /* WindowShade */,
-  ...props
-}) => {
-  const [toggleControls, setToggleControls] = useState(false);
-  let orientation = "vertical";
-  switch (systemControlsType) {
-    case "Left" /* Left */: {
-      orientation = "horizontal";
-      break;
-    }
-  }
-  return /* @__PURE__ */ jsxs(FlexRow, { className: "controls", ...props, children: [
-    /* @__PURE__ */ jsx(Collapse, { in: toggleControls, orientation, timeout: 500, children: /* @__PURE__ */ jsx(FlexRow, { bgcolor: "primary.main", className: "control", children: controlElement }) }),
-    /* @__PURE__ */ jsx(FlexCol, { style: { cursor: "pointer" }, onClick: () => setToggleControls(!toggleControls), children })
-  ] });
-};
-
-// src/components/MobileSystemControls/SystemControlsUnstyled.tsx
-import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
-var SystemControlsUnstyled = ({
-  visible,
-  systemControlsType = "WindowShade" /* WindowShade */,
-  ...props
-}) => {
-  const isSmall = useMediaQuery((theme) => theme.breakpoints.down("sm"));
-  if (visible || isSmall) {
-    return /* @__PURE__ */ jsx2(FlexCol2, { ...props, className: `${props.className} system-controls-type-${systemControlsType}`, children: /* @__PURE__ */ jsx2(
-      SystemControl,
-      {
-        systemControlsType,
-        controlElement: /* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2(FlexRow2, { className: "control-wrap", children: /* @__PURE__ */ jsx2(Paper, { variant: "elevation", elevation: 0, children: /* @__PURE__ */ jsx2(NetworkSelectEx, { responsive: false, className: "network-ex" }) }) }) })
-      }
-    ) });
-  } else {
-    return /* @__PURE__ */ jsx2(FlexCol2, {});
-  }
-};
-
-// src/components/MobileSystemControls/SystemControlsRoot.tsx
-var SystemControlsRoot = styled(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-${"WindowShade" /* 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-${"Left" /* 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"
-  }
-}));
-
-// src/components/MobileSystemControls/SystemControls.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var SystemControls = (props) => {
-  return /* @__PURE__ */ jsx3(FlexCol3, { children: /* @__PURE__ */ jsx3(SystemControlsRoot, { ...props }) });
-};
-export {
-  SystemControls,
-  SystemControlsType,
-  SystemControlsUnstyled
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../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"],"sourcesContent":["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"],"mappings":"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","names":["FlexCol","SystemControlsType","FlexCol","FlexRow","jsx","FlexCol","FlexRow","jsx","FlexCol"]}

package/dist/browser/components/SearchBar/SearchBar.cjs

@@ -1,53 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/SearchBar/SearchBar.tsx
-var SearchBar_exports = {};
-__export(SearchBar_exports, {
-  SearchBar: () => SearchBar
-});
-module.exports = __toCommonJS(SearchBar_exports);
-var import_icons_material = require("@mui/icons-material");
-var import_material = require("@mui/material");
-var import_react_button = require("@xylabs/react-button");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var SearchBar = ({ defaultValue, onSearch, ...props }) => {
-  const [term, setTerm] = (0, import_react.useState)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexRow, { alignItems: "stretch", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Paper, { variant: "elevation", elevation: 0, style: { display: "flex", overflow: "hidden", width: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_material.TextField,
-      {
-        InputProps: { color: "secondary", style: { borderBottomRightRadius: 0, borderTopRightRadius: 0, borderWidth: 0 } },
-        variant: "outlined",
-        size: "small",
-        defaultValue,
-        fullWidth: true,
-        onChange: (event) => setTerm(event.target.value),
-        onKeyDown: (event) => {
-          if (event.key === "Enter")
-            onSearch?.(term);
-        }
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_button.ButtonEx, { variant: "contained", style: { borderRadius: 0, borderTopLeftRadius: 0 }, color: "secondary", onClick: () => onSearch?.(term), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Search, {}) })
-  ] }) });
-};
-//# sourceMappingURL=SearchBar.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/SearchBar/SearchBar.tsx"],"sourcesContent":["import { Search as SearchIcon } from '@mui/icons-material'\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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAqC;AACrC,sBAAiC;AACjC,0BAAyB;AACzB,2BAAsC;AACtC,mBAAyB;AAWnB;AALC,IAAM,YAAsC,CAAC,EAAE,cAAc,UAAU,GAAG,MAAM,MAAM;AAC3F,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAiB;AAEzC,SACE,4CAAC,gCAAQ,YAAW,WAAW,GAAG,OAChC,uDAAC,yBAAM,SAAQ,aAAY,WAAW,GAAG,OAAO,EAAE,SAAS,QAAQ,UAAU,UAAU,OAAO,OAAO,GACnG;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,EAAE,OAAO,aAAa,OAAO,EAAE,yBAAyB,GAAG,sBAAsB,GAAG,aAAa,EAAE,EAAE;AAAA,QACjH,SAAQ;AAAA,QACR,MAAK;AAAA,QACL;AAAA,QACA,WAAS;AAAA,QACT,UAAU,CAAC,UAAU,QAAQ,MAAM,OAAO,KAAK;AAAA,QAC/C,WAAW,CAAC,UAAU;AACpB,cAAI,MAAM,QAAQ;AAAS,uBAAW,IAAI;AAAA,QAC5C;AAAA;AAAA,IACF;AAAA,IACA,4CAAC,gCAAS,SAAQ,aAAY,OAAO,EAAE,cAAc,GAAG,qBAAqB,EAAE,GAAG,OAAM,aAAY,SAAS,MAAM,WAAW,IAAI,GAChI,sDAAC,sBAAAA,QAAA,EAAW,GACd;AAAA,KACF,GACF;AAEJ;","names":["SearchIcon"]}

package/dist/browser/components/SearchBar/SearchBar.js

@@ -1,32 +0,0 @@
-// src/components/SearchBar/SearchBar.tsx
-import { Search as SearchIcon } from "@mui/icons-material";
-import { Paper, TextField } from "@mui/material";
-import { ButtonEx } from "@xylabs/react-button";
-import { FlexRow } from "@xylabs/react-flexbox";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SearchBar = ({ defaultValue, onSearch, ...props }) => {
-  const [term, setTerm] = useState();
-  return /* @__PURE__ */ jsx(FlexRow, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsxs(Paper, { variant: "elevation", elevation: 0, style: { display: "flex", overflow: "hidden", width: "100%" }, children: [
-    /* @__PURE__ */ jsx(
-      TextField,
-      {
-        InputProps: { color: "secondary", style: { borderBottomRightRadius: 0, borderTopRightRadius: 0, borderWidth: 0 } },
-        variant: "outlined",
-        size: "small",
-        defaultValue,
-        fullWidth: true,
-        onChange: (event) => setTerm(event.target.value),
-        onKeyDown: (event) => {
-          if (event.key === "Enter")
-            onSearch?.(term);
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(ButtonEx, { variant: "contained", style: { borderRadius: 0, borderTopLeftRadius: 0 }, color: "secondary", onClick: () => onSearch?.(term), children: /* @__PURE__ */ jsx(SearchIcon, {}) })
-  ] }) });
-};
-export {
-  SearchBar
-};
-//# sourceMappingURL=SearchBar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/SearchBar/SearchBar.tsx"],"sourcesContent":["import { Search as SearchIcon } from '@mui/icons-material'\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":";AAAA,SAAS,UAAU,kBAAkB;AACrC,SAAS,OAAO,iBAAiB;AACjC,SAAS,gBAAgB;AACzB,SAAuB,eAAe;AACtC,SAAS,gBAAgB;AAWnB,SACE,KADF;AALC,IAAM,YAAsC,CAAC,EAAE,cAAc,UAAU,GAAG,MAAM,MAAM;AAC3F,QAAM,CAAC,MAAM,OAAO,IAAI,SAAiB;AAEzC,SACE,oBAAC,WAAQ,YAAW,WAAW,GAAG,OAChC,+BAAC,SAAM,SAAQ,aAAY,WAAW,GAAG,OAAO,EAAE,SAAS,QAAQ,UAAU,UAAU,OAAO,OAAO,GACnG;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,EAAE,OAAO,aAAa,OAAO,EAAE,yBAAyB,GAAG,sBAAsB,GAAG,aAAa,EAAE,EAAE;AAAA,QACjH,SAAQ;AAAA,QACR,MAAK;AAAA,QACL;AAAA,QACA,WAAS;AAAA,QACT,UAAU,CAAC,UAAU,QAAQ,MAAM,OAAO,KAAK;AAAA,QAC/C,WAAW,CAAC,UAAU;AACpB,cAAI,MAAM,QAAQ;AAAS,uBAAW,IAAI;AAAA,QAC5C;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,YAAS,SAAQ,aAAY,OAAO,EAAE,cAAc,GAAG,qBAAqB,EAAE,GAAG,OAAM,aAAY,SAAS,MAAM,WAAW,IAAI,GAChI,8BAAC,cAAW,GACd;AAAA,KACF,GACF;AAEJ;","names":[]}

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

@@ -1,55 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/SearchBar/index.ts
-var SearchBar_exports = {};
-__export(SearchBar_exports, {
-  SearchBar: () => SearchBar
-});
-module.exports = __toCommonJS(SearchBar_exports);
-
-// src/components/SearchBar/SearchBar.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_material = require("@mui/material");
-var import_react_button = require("@xylabs/react-button");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var SearchBar = ({ defaultValue, onSearch, ...props }) => {
-  const [term, setTerm] = (0, import_react.useState)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexRow, { alignItems: "stretch", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Paper, { variant: "elevation", elevation: 0, style: { display: "flex", overflow: "hidden", width: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_material.TextField,
-      {
-        InputProps: { color: "secondary", style: { borderBottomRightRadius: 0, borderTopRightRadius: 0, borderWidth: 0 } },
-        variant: "outlined",
-        size: "small",
-        defaultValue,
-        fullWidth: true,
-        onChange: (event) => setTerm(event.target.value),
-        onKeyDown: (event) => {
-          if (event.key === "Enter")
-            onSearch?.(term);
-        }
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_button.ButtonEx, { variant: "contained", style: { borderRadius: 0, borderTopLeftRadius: 0 }, color: "secondary", onClick: () => onSearch?.(term), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Search, {}) })
-  ] }) });
-};
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/SearchBar/index.ts","../../../../src/components/SearchBar/SearchBar.tsx"],"sourcesContent":["export * from './SearchBar'\n","import { Search as SearchIcon } from '@mui/icons-material'\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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,4BAAqC;AACrC,sBAAiC;AACjC,0BAAyB;AACzB,2BAAsC;AACtC,mBAAyB;AAWnB;AALC,IAAM,YAAsC,CAAC,EAAE,cAAc,UAAU,GAAG,MAAM,MAAM;AAC3F,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAiB;AAEzC,SACE,4CAAC,gCAAQ,YAAW,WAAW,GAAG,OAChC,uDAAC,yBAAM,SAAQ,aAAY,WAAW,GAAG,OAAO,EAAE,SAAS,QAAQ,UAAU,UAAU,OAAO,OAAO,GACnG;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,EAAE,OAAO,aAAa,OAAO,EAAE,yBAAyB,GAAG,sBAAsB,GAAG,aAAa,EAAE,EAAE;AAAA,QACjH,SAAQ;AAAA,QACR,MAAK;AAAA,QACL;AAAA,QACA,WAAS;AAAA,QACT,UAAU,CAAC,UAAU,QAAQ,MAAM,OAAO,KAAK;AAAA,QAC/C,WAAW,CAAC,UAAU;AACpB,cAAI,MAAM,QAAQ;AAAS,uBAAW,IAAI;AAAA,QAC5C;AAAA;AAAA,IACF;AAAA,IACA,4CAAC,gCAAS,SAAQ,aAAY,OAAO,EAAE,cAAc,GAAG,qBAAqB,EAAE,GAAG,OAAM,aAAY,SAAS,MAAM,WAAW,IAAI,GAChI,sDAAC,sBAAAA,QAAA,EAAW,GACd;AAAA,KACF,GACF;AAEJ;","names":["SearchIcon"]}

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

@@ -1,32 +0,0 @@
-// src/components/SearchBar/SearchBar.tsx
-import { Search as SearchIcon } from "@mui/icons-material";
-import { Paper, TextField } from "@mui/material";
-import { ButtonEx } from "@xylabs/react-button";
-import { FlexRow } from "@xylabs/react-flexbox";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SearchBar = ({ defaultValue, onSearch, ...props }) => {
-  const [term, setTerm] = useState();
-  return /* @__PURE__ */ jsx(FlexRow, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsxs(Paper, { variant: "elevation", elevation: 0, style: { display: "flex", overflow: "hidden", width: "100%" }, children: [
-    /* @__PURE__ */ jsx(
-      TextField,
-      {
-        InputProps: { color: "secondary", style: { borderBottomRightRadius: 0, borderTopRightRadius: 0, borderWidth: 0 } },
-        variant: "outlined",
-        size: "small",
-        defaultValue,
-        fullWidth: true,
-        onChange: (event) => setTerm(event.target.value),
-        onKeyDown: (event) => {
-          if (event.key === "Enter")
-            onSearch?.(term);
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(ButtonEx, { variant: "contained", style: { borderRadius: 0, borderTopLeftRadius: 0 }, color: "secondary", onClick: () => onSearch?.(term), children: /* @__PURE__ */ jsx(SearchIcon, {}) })
-  ] }) });
-};
-export {
-  SearchBar
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/SearchBar/SearchBar.tsx"],"sourcesContent":["import { Search as SearchIcon } from '@mui/icons-material'\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":";AAAA,SAAS,UAAU,kBAAkB;AACrC,SAAS,OAAO,iBAAiB;AACjC,SAAS,gBAAgB;AACzB,SAAuB,eAAe;AACtC,SAAS,gBAAgB;AAWnB,SACE,KADF;AALC,IAAM,YAAsC,CAAC,EAAE,cAAc,UAAU,GAAG,MAAM,MAAM;AAC3F,QAAM,CAAC,MAAM,OAAO,IAAI,SAAiB;AAEzC,SACE,oBAAC,WAAQ,YAAW,WAAW,GAAG,OAChC,+BAAC,SAAM,SAAQ,aAAY,WAAW,GAAG,OAAO,EAAE,SAAS,QAAQ,UAAU,UAAU,OAAO,OAAO,GACnG;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,EAAE,OAAO,aAAa,OAAO,EAAE,yBAAyB,GAAG,sBAAsB,GAAG,aAAa,EAAE,EAAE;AAAA,QACjH,SAAQ;AAAA,QACR,MAAK;AAAA,QACL;AAAA,QACA,WAAS;AAAA,QACT,UAAU,CAAC,UAAU,QAAQ,MAAM,OAAO,KAAK;AAAA,QAC/C,WAAW,CAAC,UAAU;AACpB,cAAI,MAAM,QAAQ;AAAS,uBAAW,IAAI;AAAA,QAC5C;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,YAAS,SAAQ,aAAY,OAAO,EAAE,cAAc,GAAG,qBAAqB,EAAE,GAAG,OAAM,aAAY,SAAS,MAAM,WAAW,IAAI,GAChI,8BAAC,cAAW,GACd;AAAA,KACF,GACF;AAEJ;","names":[]}