@xyo-network/react-appbar 2.64.0-rc.3 → 2.64.0-rc.6

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

@@ -0,0 +1,85 @@
+"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);
+var SystemControlsRoot_exports = {};
+__export(SystemControlsRoot_exports, {
+  SystemControlsRoot: () => SystemControlsRoot
+});
+module.exports = __toCommonJS(SystemControlsRoot_exports);
+var import_material = require("@mui/material");
+var import_SystemControlsType = require("./SystemControlsType");
+var import_SystemControlsUnstyled = require("./SystemControlsUnstyled");
+const SystemControlsRoot = (0, import_material.styled)(import_SystemControlsUnstyled.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-${import_SystemControlsType.SystemControlsType.WindowShade}`]: {
+    ".control": {
+      borderRadius: "0 0 5px 5px",
+      flexDirection: "row",
+      flexGrow: 1,
+      justifyContent: "space-around",
+      padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`
+    },
+    ".controls": {
+      alignItems: "stretch",
+      flexDirection: "column",
+      flexGrow: 1
+    },
+    ".toggle": {
+      borderRadius: "0 0 5px 5px",
+      padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`
+    },
+    flexDirection: "row",
+    position: "absolute",
+    top: 0,
+    width: "100%"
+  },
+  // Left System Control styles
+  [`&.system-controls-type-${import_SystemControlsType.SystemControlsType.Left}`]: {
+    ".control": {
+      alignItems: "start",
+      flexDirection: "column",
+      padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`
+    },
+    ".control-wrap": {
+      marginBottom: `${theme.spacing(2)}`
+    },
+    ".toggle": {
+      borderRadius: "0 5px 5px 0",
+      padding: `${theme.spacing(1)} ${theme.spacing(0.5)}`,
+      writingMode: "vertical-rl"
+    },
+    flexDirection: "column",
+    left: 0,
+    position: "fixed",
+    top: "30vh",
+    width: "auto"
+  }
+}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SystemControlsRoot
+});
+//# sourceMappingURL=SystemControlsRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MobileSystemControls/SystemControlsRoot.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAuB;AAEvB,gCAAmC;AACnC,oCAAoE;AAEpE,MAAM,yBAAqB,wBAAO,sDAAwB,EAAE,MAAM,kBAAkB,MAAM,OAAO,CAAC,EAA+B,CAAC,EAAE,MAAM,OAAO;AAAA;AAAA,EAE/I,CAAC,GAAG,GAAG;AAAA,IACL,WAAW;AAAA,MACT,iBAAiB,MAAM,QAAQ,QAAQ;AAAA,IACzC;AAAA,IACA,YAAY;AAAA,IACZ,QAAQ;AAAA,EACV;AAAA;AAAA,EAEA,CAAC,0BAA0B,6CAAmB,WAAW,EAAE,GAAG;AAAA,IAC5D,YAAY;AAAA,MACV,cAAc;AAAA,MACd,eAAe;AAAA,MACf,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,SAAS,GAAG,MAAM,QAAQ,CAAC,CAAC,IAAI,MAAM,QAAQ,GAAG,CAAC;AAAA,IACpD;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,cAAc;AAAA,MACd,SAAS,GAAG,MAAM,QAAQ,GAAG,CAAC,IAAI,MAAM,QAAQ,CAAC,CAAC;AAAA,IACpD;AAAA,IACA,eAAe;AAAA,IACf,UAAU;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,EACT;AAAA;AAAA,EAEA,CAAC,0BAA0B,6CAAmB,IAAI,EAAE,GAAG;AAAA,IACrD,YAAY;AAAA,MACV,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,SAAS,GAAG,MAAM,QAAQ,CAAC,CAAC,IAAI,MAAM,QAAQ,GAAG,CAAC;AAAA,IACpD;AAAA,IACA,iBAAiB;AAAA,MACf,cAAc,GAAG,MAAM,QAAQ,CAAC,CAAC;AAAA,IACnC;AAAA,IACA,WAAW;AAAA,MACT,cAAc;AAAA,MACd,SAAS,GAAG,MAAM,QAAQ,CAAC,CAAC,IAAI,MAAM,QAAQ,GAAG,CAAC;AAAA,MAClD,aAAa;AAAA,IACf;AAAA,IACA,eAAe;AAAA,IACf,MAAM;AAAA,IACN,UAAU;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,EACT;AACF,EAAE;","names":[]}

package/dist/node/components/MobileSystemControls/SystemControlsRoot.mjs

@@ -0,0 +1,61 @@
+import { styled } from "@mui/material";
+import { SystemControlsType } from "./SystemControlsType";
+import { SystemControlsUnstyled } from "./SystemControlsUnstyled";
+const 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-${SystemControlsType.WindowShade}`]: {
+    ".control": {
+      borderRadius: "0 0 5px 5px",
+      flexDirection: "row",
+      flexGrow: 1,
+      justifyContent: "space-around",
+      padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`
+    },
+    ".controls": {
+      alignItems: "stretch",
+      flexDirection: "column",
+      flexGrow: 1
+    },
+    ".toggle": {
+      borderRadius: "0 0 5px 5px",
+      padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`
+    },
+    flexDirection: "row",
+    position: "absolute",
+    top: 0,
+    width: "100%"
+  },
+  // Left System Control styles
+  [`&.system-controls-type-${SystemControlsType.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"
+  }
+}));
+export {
+  SystemControlsRoot
+};
+//# sourceMappingURL=SystemControlsRoot.mjs.map

package/dist/node/components/MobileSystemControls/SystemControlsRoot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MobileSystemControls/SystemControlsRoot.tsx"],"sourcesContent":["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"],"mappings":"AAAA,SAAS,cAAc;AAEvB,SAAS,0BAA0B;AACnC,SAAS,8BAA2D;AAEpE,MAAM,qBAAqB,OAAO,wBAAwB,EAAE,MAAM,kBAAkB,MAAM,OAAO,CAAC,EAA+B,CAAC,EAAE,MAAM,OAAO;AAAA;AAAA,EAE/I,CAAC,GAAG,GAAG;AAAA,IACL,WAAW;AAAA,MACT,iBAAiB,MAAM,QAAQ,QAAQ;AAAA,IACzC;AAAA,IACA,YAAY;AAAA,IACZ,QAAQ;AAAA,EACV;AAAA;AAAA,EAEA,CAAC,0BAA0B,mBAAmB,WAAW,EAAE,GAAG;AAAA,IAC5D,YAAY;AAAA,MACV,cAAc;AAAA,MACd,eAAe;AAAA,MACf,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,SAAS,GAAG,MAAM,QAAQ,CAAC,CAAC,IAAI,MAAM,QAAQ,GAAG,CAAC;AAAA,IACpD;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,cAAc;AAAA,MACd,SAAS,GAAG,MAAM,QAAQ,GAAG,CAAC,IAAI,MAAM,QAAQ,CAAC,CAAC;AAAA,IACpD;AAAA,IACA,eAAe;AAAA,IACf,UAAU;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,EACT;AAAA;AAAA,EAEA,CAAC,0BAA0B,mBAAmB,IAAI,EAAE,GAAG;AAAA,IACrD,YAAY;AAAA,MACV,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,SAAS,GAAG,MAAM,QAAQ,CAAC,CAAC,IAAI,MAAM,QAAQ,GAAG,CAAC;AAAA,IACpD;AAAA,IACA,iBAAiB;AAAA,MACf,cAAc,GAAG,MAAM,QAAQ,CAAC,CAAC;AAAA,IACnC;AAAA,IACA,WAAW;AAAA,MACT,cAAc;AAAA,MACd,SAAS,GAAG,MAAM,QAAQ,CAAC,CAAC,IAAI,MAAM,QAAQ,GAAG,CAAC;AAAA,MAClD,aAAa;AAAA,IACf;AAAA,IACA,eAAe;AAAA,IACf,MAAM;AAAA,IACN,UAAU;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,EACT;AACF,EAAE;","names":[]}

package/dist/node/components/MobileSystemControls/SystemControlsType.d.mts

@@ -0,0 +1,6 @@
+export declare enum SystemControlsType {
+    Left = "Left",
+    Right = "Right",
+    WindowShade = "WindowShade"
+}
+//# sourceMappingURL=SystemControlsType.d.ts.map

package/dist/node/components/MobileSystemControls/SystemControlsType.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlsType.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsType.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC5B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,WAAW,gBAAgB;CAC5B"}

package/dist/node/components/MobileSystemControls/SystemControlsType.d.ts

@@ -0,0 +1,6 @@
+export declare enum SystemControlsType {
+    Left = "Left",
+    Right = "Right",
+    WindowShade = "WindowShade"
+}
+//# sourceMappingURL=SystemControlsType.d.ts.map

package/dist/node/components/MobileSystemControls/SystemControlsType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlsType.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsType.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC5B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,WAAW,gBAAgB;CAC5B"}

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

@@ -0,0 +1,34 @@
+"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);
+var SystemControlsType_exports = {};
+__export(SystemControlsType_exports, {
+  SystemControlsType: () => SystemControlsType
+});
+module.exports = __toCommonJS(SystemControlsType_exports);
+var SystemControlsType = /* @__PURE__ */ ((SystemControlsType2) => {
+  SystemControlsType2["Left"] = "Left";
+  SystemControlsType2["Right"] = "Right";
+  SystemControlsType2["WindowShade"] = "WindowShade";
+  return SystemControlsType2;
+})(SystemControlsType || {});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SystemControlsType
+});
+//# sourceMappingURL=SystemControlsType.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MobileSystemControls/SystemControlsType.ts"],"sourcesContent":["export enum SystemControlsType {\n  Left = 'Left',\n  Right = 'Right',\n  WindowShade = 'WindowShade',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAK,qBAAL,kBAAKA,wBAAL;AACL,EAAAA,oBAAA,UAAO;AACP,EAAAA,oBAAA,WAAQ;AACR,EAAAA,oBAAA,iBAAc;AAHJ,SAAAA;AAAA,GAAA;","names":["SystemControlsType"]}

package/dist/node/components/MobileSystemControls/SystemControlsType.mjs

@@ -0,0 +1,10 @@
+var SystemControlsType = /* @__PURE__ */ ((SystemControlsType2) => {
+  SystemControlsType2["Left"] = "Left";
+  SystemControlsType2["Right"] = "Right";
+  SystemControlsType2["WindowShade"] = "WindowShade";
+  return SystemControlsType2;
+})(SystemControlsType || {});
+export {
+  SystemControlsType
+};
+//# sourceMappingURL=SystemControlsType.mjs.map

package/dist/node/components/MobileSystemControls/SystemControlsType.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MobileSystemControls/SystemControlsType.ts"],"sourcesContent":["export enum SystemControlsType {\n  Left = 'Left',\n  Right = 'Right',\n  WindowShade = 'WindowShade',\n}\n"],"mappings":"AAAO,IAAK,qBAAL,kBAAKA,wBAAL;AACL,EAAAA,oBAAA,UAAO;AACP,EAAAA,oBAAA,WAAQ;AACR,EAAAA,oBAAA,iBAAc;AAHJ,SAAAA;AAAA,GAAA;","names":["SystemControlsType"]}

package/dist/node/components/MobileSystemControls/SystemControlsUnstyled.d.mts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { SystemControlsType } from './SystemControlsType';
+interface SystemControlsUnstyledProps extends FlexBoxProps {
+    systemControlsType?: SystemControlsType;
+    visible?: boolean;
+}
+declare const SystemControlsUnstyled: React.FC<SystemControlsUnstyledProps>;
+export type { SystemControlsUnstyledProps };
+export { SystemControlsUnstyled };
+//# sourceMappingURL=SystemControlsUnstyled.d.ts.map

package/dist/node/components/MobileSystemControls/SystemControlsUnstyled.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlsUnstyled.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAItE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,UAAU,2BAA4B,SAAQ,YAAY;IACxD,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA2BjE,CAAA;AAED,YAAY,EAAE,2BAA2B,EAAE,CAAA;AAC3C,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/node/components/MobileSystemControls/SystemControlsUnstyled.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { SystemControlsType } from './SystemControlsType';
+interface SystemControlsUnstyledProps extends FlexBoxProps {
+    systemControlsType?: SystemControlsType;
+    visible?: boolean;
+}
+declare const SystemControlsUnstyled: React.FC<SystemControlsUnstyledProps>;
+export type { SystemControlsUnstyledProps };
+export { SystemControlsUnstyled };
+//# sourceMappingURL=SystemControlsUnstyled.d.ts.map

package/dist/node/components/MobileSystemControls/SystemControlsUnstyled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlsUnstyled.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAItE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,UAAU,2BAA4B,SAAQ,YAAY;IACxD,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA2BjE,CAAA;AAED,YAAY,EAAE,2BAA2B,EAAE,CAAA;AAC3C,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

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

@@ -0,0 +1,52 @@
+"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);
+var SystemControlsUnstyled_exports = {};
+__export(SystemControlsUnstyled_exports, {
+  SystemControlsUnstyled: () => SystemControlsUnstyled
+});
+module.exports = __toCommonJS(SystemControlsUnstyled_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_network = require("@xyo-network/react-network");
+var import_controls = require("./controls");
+var import_SystemControlsType = require("./SystemControlsType");
+const SystemControlsUnstyled = ({
+  visible,
+  systemControlsType = import_SystemControlsType.SystemControlsType.WindowShade,
+  ...props
+}) => {
+  const isSmall = (0, import_material.useMediaQuery)((theme) => theme.breakpoints.down("sm"));
+  if (visible || isSmall) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { ...props, className: `${props.className} system-controls-type-${systemControlsType}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_controls.SystemControl,
+      {
+        systemControlsType,
+        controlElement: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexRow, { className: "control-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Paper, { variant: "elevation", elevation: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_network.NetworkSelectEx, { responsive: false, className: "network-ex" }) }) }) })
+      }
+    ) });
+  } else {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, {});
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SystemControlsUnstyled
+});
+//# sourceMappingURL=SystemControlsUnstyled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBY;AAzBZ,sBAA4C;AAC5C,2BAA+C;AAC/C,2BAAgC;AAEhC,sBAA8B;AAC9B,gCAAmC;AAOnC,MAAM,yBAAgE,CAAC;AAAA,EACrE;AAAA,EACA,qBAAqB,6CAAmB;AAAA,EACxC,GAAG;AACL,MAAM;AACJ,QAAM,cAAU,+BAAqB,CAAC,UAAU,MAAM,YAAY,KAAK,IAAI,CAAC;AAE5E,MAAI,WAAW,SAAS;AACtB,WACE,4CAAC,gCAAS,GAAG,OAAO,WAAW,GAAG,MAAM,SAAS,yBAAyB,kBAAkB,IAC1F;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,gBACE,2EACE,sDAAC,gCAAQ,WAAW,gBAClB,sDAAC,yBAAM,SAAQ,aAAY,WAAW,GACpC,sDAAC,wCAAgB,YAAY,OAAO,WAAU,cAAa,GAC7D,GACF,GACF;AAAA;AAAA,IAEJ,GACF;AAAA,EAEJ,OAAO;AACL,WAAO,4CAAC,gCAAQ;AAAA,EAClB;AACF;","names":[]}

package/dist/node/components/MobileSystemControls/SystemControlsUnstyled.mjs

@@ -0,0 +1,28 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import { Paper, useMediaQuery } from "@mui/material";
+import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
+import { NetworkSelectEx } from "@xyo-network/react-network";
+import { SystemControl } from "./controls";
+import { SystemControlsType } from "./SystemControlsType";
+const SystemControlsUnstyled = ({
+  visible,
+  systemControlsType = SystemControlsType.WindowShade,
+  ...props
+}) => {
+  const isSmall = useMediaQuery((theme) => theme.breakpoints.down("sm"));
+  if (visible || isSmall) {
+    return /* @__PURE__ */ jsx(FlexCol, { ...props, className: `${props.className} system-controls-type-${systemControlsType}`, children: /* @__PURE__ */ jsx(
+      SystemControl,
+      {
+        systemControlsType,
+        controlElement: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(FlexRow, { className: "control-wrap", children: /* @__PURE__ */ jsx(Paper, { variant: "elevation", elevation: 0, children: /* @__PURE__ */ jsx(NetworkSelectEx, { responsive: false, className: "network-ex" }) }) }) })
+      }
+    ) });
+  } else {
+    return /* @__PURE__ */ jsx(FlexCol, {});
+  }
+};
+export {
+  SystemControlsUnstyled
+};
+//# sourceMappingURL=SystemControlsUnstyled.mjs.map

package/dist/node/components/MobileSystemControls/SystemControlsUnstyled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"sourcesContent":["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"],"mappings":"AAyBY,mBAGM,WAHN;AAzBZ,SAAS,OAAc,qBAAqB;AAC5C,SAAuB,SAAS,eAAe;AAC/C,SAAS,uBAAuB;AAEhC,SAAS,qBAAqB;AAC9B,SAAS,0BAA0B;AAOnC,MAAM,yBAAgE,CAAC;AAAA,EACrE;AAAA,EACA,qBAAqB,mBAAmB;AAAA,EACxC,GAAG;AACL,MAAM;AACJ,QAAM,UAAU,cAAqB,CAAC,UAAU,MAAM,YAAY,KAAK,IAAI,CAAC;AAE5E,MAAI,WAAW,SAAS;AACtB,WACE,oBAAC,WAAS,GAAG,OAAO,WAAW,GAAG,MAAM,SAAS,yBAAyB,kBAAkB,IAC1F;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,gBACE,gCACE,8BAAC,WAAQ,WAAW,gBAClB,8BAAC,SAAM,SAAQ,aAAY,WAAW,GACpC,8BAAC,mBAAgB,YAAY,OAAO,WAAU,cAAa,GAC7D,GACF,GACF;AAAA;AAAA,IAEJ,GACF;AAAA,EAEJ,OAAO;AACL,WAAO,oBAAC,WAAQ;AAAA,EAClB;AACF;","names":[]}

package/dist/node/components/MobileSystemControls/controls/SystemControl.d.mts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { WithChildren } from '@xylabs/react-shared';
+import { SystemControlsType } from '../SystemControlsType';
+interface SystemControlProps extends FlexBoxProps {
+    controlElement: React.ReactNode;
+    systemControlsType?: SystemControlsType;
+}
+declare const SystemControl: React.FC<WithChildren<SystemControlProps>>;
+export { SystemControl };
+//# sourceMappingURL=SystemControl.d.ts.map

package/dist/node/components/MobileSystemControls/controls/SystemControl.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControl.d.ts","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControl.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,UAAU,kBAAmB,SAAQ,YAAY;IAC/C,cAAc,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;CACxC;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CA6B7D,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/node/components/MobileSystemControls/controls/SystemControl.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { WithChildren } from '@xylabs/react-shared';
+import { SystemControlsType } from '../SystemControlsType';
+interface SystemControlProps extends FlexBoxProps {
+    controlElement: React.ReactNode;
+    systemControlsType?: SystemControlsType;
+}
+declare const SystemControl: React.FC<WithChildren<SystemControlProps>>;
+export { SystemControl };
+//# sourceMappingURL=SystemControl.d.ts.map

package/dist/node/components/MobileSystemControls/controls/SystemControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControl.d.ts","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControl.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,UAAU,kBAAmB,SAAQ,YAAY;IAC/C,cAAc,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;CACxC;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CA6B7D,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

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

@@ -0,0 +1,52 @@
+"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);
+var SystemControl_exports = {};
+__export(SystemControl_exports, {
+  SystemControl: () => SystemControl
+});
+module.exports = __toCommonJS(SystemControl_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react = require("react");
+var import_SystemControlsType = require("../SystemControlsType");
+const SystemControl = ({
+  children,
+  controlElement,
+  systemControlsType = import_SystemControlsType.SystemControlsType.WindowShade,
+  ...props
+}) => {
+  const [toggleControls, setToggleControls] = (0, import_react.useState)(false);
+  let orientation = "vertical";
+  switch (systemControlsType) {
+    case import_SystemControlsType.SystemControlsType.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 })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SystemControl
+});
+//# sourceMappingURL=SystemControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/MobileSystemControls/controls/SystemControl.tsx"],"sourcesContent":["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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BI;AA9BJ,sBAAwC;AACxC,2BAA+C;AAE/C,mBAAyB;AAEzB,gCAAmC;AAOnC,MAAM,gBAA4D,CAAC;AAAA,EACjE;AAAA,EACA;AAAA,EACA,qBAAqB,6CAAmB;AAAA,EACxC,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,KAAK;AAE1D,MAAI,cAA4C;AAEhD,UAAQ,oBAAoB;AAAA,IAC1B,KAAK,6CAAmB,MAAM;AAC5B,oBAAc;AACd;AAAA,IACF;AAAA,EACF;AAEA,SACE,6CAAC,gCAAQ,WAAU,YAAY,GAAG,OAChC;AAAA,gDAAC,4BAAS,IAAI,gBAAgB,aAA0B,SAAS,KAC/D,sDAAC,gCAAQ,SAAQ,gBAAe,WAAU,WACvC,0BACH,GACF;AAAA,IACA,4CAAC,gCAAQ,OAAO,EAAE,QAAQ,UAAU,GAAG,SAAS,MAAM,kBAAkB,CAAC,cAAc,GACpF,UACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/node/components/MobileSystemControls/controls/SystemControl.mjs

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Collapse } from "@mui/material";
+import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
+import { useState } from "react";
+import { SystemControlsType } from "../SystemControlsType";
+const SystemControl = ({
+  children,
+  controlElement,
+  systemControlsType = SystemControlsType.WindowShade,
+  ...props
+}) => {
+  const [toggleControls, setToggleControls] = useState(false);
+  let orientation = "vertical";
+  switch (systemControlsType) {
+    case SystemControlsType.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 })
+  ] });
+};
+export {
+  SystemControl
+};
+//# sourceMappingURL=SystemControl.mjs.map

package/dist/node/components/MobileSystemControls/controls/SystemControl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/MobileSystemControls/controls/SystemControl.tsx"],"sourcesContent":["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":"AA8BI,SAEI,KAFJ;AA9BJ,SAAS,gBAA+B;AACxC,SAAuB,SAAS,eAAe;AAE/C,SAAS,gBAAgB;AAEzB,SAAS,0BAA0B;AAOnC,MAAM,gBAA4D,CAAC;AAAA,EACjE;AAAA,EACA;AAAA,EACA,qBAAqB,mBAAmB;AAAA,EACxC,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAE1D,MAAI,cAA4C;AAEhD,UAAQ,oBAAoB;AAAA,IAC1B,KAAK,mBAAmB,MAAM;AAC5B,oBAAc;AACd;AAAA,IACF;AAAA,EACF;AAEA,SACE,qBAAC,WAAQ,WAAU,YAAY,GAAG,OAChC;AAAA,wBAAC,YAAS,IAAI,gBAAgB,aAA0B,SAAS,KAC/D,8BAAC,WAAQ,SAAQ,gBAAe,WAAU,WACvC,0BACH,GACF;AAAA,IACA,oBAAC,WAAQ,OAAO,EAAE,QAAQ,UAAU,GAAG,SAAS,MAAM,kBAAkB,CAAC,cAAc,GACpF,UACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/node/components/MobileSystemControls/controls/SystemControlText.d.mts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+interface SystemControlTextProps extends FlexBoxProps {
+    value?: string;
+}
+declare const ControlText: React.FC<SystemControlTextProps>;
+export { ControlText };
+//# sourceMappingURL=SystemControlText.d.ts.map

package/dist/node/components/MobileSystemControls/controls/SystemControlText.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlText.d.ts","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControlText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,UAAU,sBAAuB,SAAQ,YAAY;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAQjD,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/node/components/MobileSystemControls/controls/SystemControlText.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+interface SystemControlTextProps extends FlexBoxProps {
+    value?: string;
+}
+declare const ControlText: React.FC<SystemControlTextProps>;
+export { ControlText };
+//# sourceMappingURL=SystemControlText.d.ts.map

package/dist/node/components/MobileSystemControls/controls/SystemControlText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlText.d.ts","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControlText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,UAAU,sBAAuB,SAAQ,YAAY;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAQjD,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

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

@@ -0,0 +1,34 @@
+"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);
+var SystemControlText_exports = {};
+__export(SystemControlText_exports, {
+  ControlText: () => ControlText
+});
+module.exports = __toCommonJS(SystemControlText_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+const ControlText = ({ value, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { className: `${props.className} toggle`, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "caption", color: "white", fontWeight: "bold", children: value }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ControlText
+});
+//# sourceMappingURL=SystemControlText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/MobileSystemControls/controls/SystemControlText.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\n\ninterface SystemControlTextProps extends FlexBoxProps {\n  value?: string\n}\n\nconst ControlText: React.FC<SystemControlTextProps> = ({ value, ...props }) => {\n  return (\n    <FlexCol className={`${props.className} toggle`} {...props}>\n      <Typography variant=\"caption\" color=\"white\" fontWeight=\"bold\">\n        {value}\n      </Typography>\n    </FlexCol>\n  )\n}\n\nexport { ControlText }\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUM;AAVN,sBAA2B;AAC3B,2BAAsC;AAMtC,MAAM,cAAgD,CAAC,EAAE,OAAO,GAAG,MAAM,MAAM;AAC7E,SACE,4CAAC,gCAAQ,WAAW,GAAG,MAAM,SAAS,WAAY,GAAG,OACnD,sDAAC,8BAAW,SAAQ,WAAU,OAAM,SAAQ,YAAW,QACpD,iBACH,GACF;AAEJ;","names":[]}

package/dist/node/components/MobileSystemControls/controls/SystemControlText.mjs

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { Typography } from "@mui/material";
+import { FlexCol } from "@xylabs/react-flexbox";
+const ControlText = ({ value, ...props }) => {
+  return /* @__PURE__ */ jsx(FlexCol, { className: `${props.className} toggle`, ...props, children: /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "white", fontWeight: "bold", children: value }) });
+};
+export {
+  ControlText
+};
+//# sourceMappingURL=SystemControlText.mjs.map

package/dist/node/components/MobileSystemControls/controls/SystemControlText.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/MobileSystemControls/controls/SystemControlText.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\n\ninterface SystemControlTextProps extends FlexBoxProps {\n  value?: string\n}\n\nconst ControlText: React.FC<SystemControlTextProps> = ({ value, ...props }) => {\n  return (\n    <FlexCol className={`${props.className} toggle`} {...props}>\n      <Typography variant=\"caption\" color=\"white\" fontWeight=\"bold\">\n        {value}\n      </Typography>\n    </FlexCol>\n  )\n}\n\nexport { ControlText }\n"],"mappings":"AAUM;AAVN,SAAS,kBAAkB;AAC3B,SAAuB,eAAe;AAMtC,MAAM,cAAgD,CAAC,EAAE,OAAO,GAAG,MAAM,MAAM;AAC7E,SACE,oBAAC,WAAQ,WAAW,GAAG,MAAM,SAAS,WAAY,GAAG,OACnD,8BAAC,cAAW,SAAQ,WAAU,OAAM,SAAQ,YAAW,QACpD,iBACH,GACF;AAEJ;","names":[]}

package/dist/node/components/MobileSystemControls/controls/index.d.mts

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

package/dist/node/components/MobileSystemControls/controls/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA"}

package/dist/node/components/MobileSystemControls/controls/index.d.ts

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

package/dist/node/components/MobileSystemControls/controls/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA"}