@xyo-network/react-wallet 2.64.0-rc.7 → 2.64.0

package/dist/node/components/MaxAccounts/MaxAccountsTableRow.cjs

@@ -0,0 +1,114 @@
+"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/MaxAccounts/MaxAccountsTableRow.tsx
+var MaxAccountsTableRow_exports = {};
+__export(MaxAccountsTableRow_exports, {
+  MaxAccountsTableRow: () => MaxAccountsTableRow
+});
+module.exports = __toCommonJS(MaxAccountsTableRow_exports);
+var import_material2 = require("@mui/material");
+var import_react_button = require("@xylabs/react-button");
+var import_react = require("react");
+
+// src/components/MaxAccounts/OutOfBoundsSnackBar.tsx
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var OutOfBoundsSnackBar = ({
+  activeAccountIndex,
+  desiredMaximumAccounts,
+  setShowSnackBar,
+  showSnackBar
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_material.Snackbar,
+    {
+      anchorOrigin: { horizontal: "center", vertical: "top" },
+      autoHideDuration: 5e3,
+      onClose: () => setShowSnackBar == null ? void 0 : setShowSnackBar(false),
+      open: showSnackBar,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Alert, { severity: "error", onClose: () => setShowSnackBar == null ? void 0 : setShowSnackBar(false), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.AlertTitle, { children: "Maximum Accounts Error" }),
+        "Your currently selected account number (",
+        activeAccountIndex !== void 0 ? activeAccountIndex + 1 : "",
+        ") cannot be greater than the desired Maximum Accounts (",
+        desiredMaximumAccounts,
+        ")."
+      ] })
+    }
+  );
+};
+
+// src/components/MaxAccounts/MaxAccountsTableRow.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var MaxAccountsTableRow = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {
+  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = (0, import_react.useState)();
+  const [showSnackBar, setShowSnackBar] = (0, import_react.useState)(false);
+  const handleChangeMaxAccounts = (change) => {
+    if (maxAccounts !== void 0 && activeAccountIndex !== void 0) {
+      switch (change) {
+        case "decrease": {
+          const desiredMaximumAccounts2 = maxAccounts - 1;
+          const validMaximumAccounts = desiredMaximumAccounts2 > 0;
+          const maxAccountsWithinRange = activeAccountIndex + 1 <= desiredMaximumAccounts2;
+          if (validMaximumAccounts && maxAccountsWithinRange) {
+            changeMaxAccounts == null ? void 0 : changeMaxAccounts(desiredMaximumAccounts2);
+          }
+          if (!maxAccountsWithinRange)
+            setShowSnackBar(true);
+          setDesiredMaximumAccounts(desiredMaximumAccounts2);
+          return;
+        }
+        case "increase": {
+          changeMaxAccounts == null ? void 0 : changeMaxAccounts(maxAccounts + 1);
+          return;
+        }
+        default: {
+          console.error(change, "is not a recognized value");
+        }
+      }
+    } else {
+      throw new Error("Max Accounts is unset and needs a default");
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.TableRow, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.TableCell, { children: "Maximum Accounts" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.TableCell, { align: "center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: "caption", children: maxAccounts }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.TableCell, { align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.ButtonGroup, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { onClick: () => handleChangeMaxAccounts("decrease"), variant: "contained", size: "small", children: "-" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { onClick: () => handleChangeMaxAccounts("increase"), variant: "contained", size: "small", children: "+" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        OutOfBoundsSnackBar,
+        {
+          desiredMaximumAccounts,
+          activeAccountIndex,
+          setShowSnackBar,
+          showSnackBar
+        }
+      )
+    ] })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MaxAccountsTableRow
+});
+//# sourceMappingURL=MaxAccountsTableRow.cjs.map

package/dist/node/components/MaxAccounts/MaxAccountsTableRow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MaxAccounts/MaxAccountsTableRow.tsx","../../../../src/components/MaxAccounts/OutOfBoundsSnackBar.tsx"],"sourcesContent":["import { ButtonGroup, TableCell, TableRow, TableRowProps, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { useState } from 'react'\n\nimport { OutOfBoundsSnackBar } from './OutOfBoundsSnackBar'\n\nexport interface MaxAccountsTableRow extends TableRowProps {\n  activeAccountIndex?: number\n  changeMaxAccounts?: (maxAccounts: number) => void\n  maxAccounts?: number\n}\n\nexport const MaxAccountsTableRow: React.FC<MaxAccountsTableRow> = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {\n  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = useState<number | undefined>()\n  const [showSnackBar, setShowSnackBar] = useState(false)\n\n  const handleChangeMaxAccounts = (change: 'increase' | 'decrease') => {\n    if (maxAccounts !== undefined && activeAccountIndex !== undefined) {\n      switch (change) {\n        case 'decrease': {\n          const desiredMaximumAccounts = maxAccounts - 1\n          const validMaximumAccounts = desiredMaximumAccounts > 0\n          const maxAccountsWithinRange = activeAccountIndex + 1 <= desiredMaximumAccounts\n          if (validMaximumAccounts && maxAccountsWithinRange) {\n            changeMaxAccounts?.(desiredMaximumAccounts)\n          }\n          if (!maxAccountsWithinRange) setShowSnackBar(true)\n          setDesiredMaximumAccounts(desiredMaximumAccounts)\n          return\n        }\n        case 'increase': {\n          changeMaxAccounts?.(maxAccounts + 1)\n          return\n        }\n        default: {\n          console.error(change, 'is not a recognized value')\n        }\n      }\n    } else {\n      throw new Error('Max Accounts is unset and needs a default')\n    }\n  }\n\n  return (\n    <TableRow>\n      <TableCell>Maximum Accounts</TableCell>\n      <TableCell align=\"center\">\n        <Typography variant={'caption'}>{maxAccounts}</Typography>\n      </TableCell>\n      <TableCell align=\"center\">\n        <ButtonGroup>\n          <ButtonEx onClick={() => handleChangeMaxAccounts('decrease')} variant={'contained'} size={'small'}>\n            -\n          </ButtonEx>\n          <ButtonEx onClick={() => handleChangeMaxAccounts('increase')} variant={'contained'} size={'small'}>\n            +\n          </ButtonEx>\n        </ButtonGroup>\n        <OutOfBoundsSnackBar\n          desiredMaximumAccounts={desiredMaximumAccounts}\n          activeAccountIndex={activeAccountIndex}\n          setShowSnackBar={setShowSnackBar}\n          showSnackBar={showSnackBar}\n        />\n      </TableCell>\n    </TableRow>\n  )\n}\n","import { Alert, AlertTitle, Snackbar, SnackbarProps } from '@mui/material'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface OutOfBoundsSnackBarProps extends SnackbarProps {\n  activeAccountIndex?: number\n  desiredMaximumAccounts?: number\n  setShowSnackBar?: Dispatch<SetStateAction<boolean>>\n  showSnackBar?: boolean\n}\n\nexport const OutOfBoundsSnackBar: React.FC<OutOfBoundsSnackBarProps> = ({\n  activeAccountIndex,\n  desiredMaximumAccounts,\n  setShowSnackBar,\n  showSnackBar,\n}) => {\n  return (\n    <Snackbar\n      anchorOrigin={{ horizontal: 'center', vertical: 'top' }}\n      autoHideDuration={5000}\n      onClose={() => setShowSnackBar?.(false)}\n      open={showSnackBar}\n    >\n      <Alert severity={'error'} onClose={() => setShowSnackBar?.(false)}>\n        <AlertTitle>Maximum Accounts Error</AlertTitle>\n        Your currently selected account number ({activeAccountIndex !== undefined ? activeAccountIndex + 1 : ''}) cannot be greater than the desired\n        Maximum Accounts ({desiredMaximumAccounts}).\n      </Alert>\n    </Snackbar>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,mBAA4E;AAC5E,0BAAyB;AACzB,mBAAyB;;;ACFzB,sBAA2D;AAuBrD;AAbC,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,EAAE,YAAY,UAAU,UAAU,MAAM;AAAA,MACtD,kBAAkB;AAAA,MAClB,SAAS,MAAM,mDAAkB;AAAA,MACjC,MAAM;AAAA,MAEN,uDAAC,yBAAM,UAAU,SAAS,SAAS,MAAM,mDAAkB,QACzD;AAAA,oDAAC,8BAAW,oCAAsB;AAAA,QAAa;AAAA,QACN,uBAAuB,SAAY,qBAAqB,IAAI;AAAA,QAAG;AAAA,QACrF;AAAA,QAAuB;AAAA,SAC5C;AAAA;AAAA,EACF;AAEJ;;;ADeM,IAAAC,sBAAA;AAjCC,IAAM,sBAAqD,CAAC,EAAE,oBAAoB,mBAAmB,YAAY,MAAM;AAC5H,QAAM,CAAC,wBAAwB,yBAAyB,QAAI,uBAA6B;AACzF,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AAEtD,QAAM,0BAA0B,CAAC,WAAoC;AACnE,QAAI,gBAAgB,UAAa,uBAAuB,QAAW;AACjE,cAAQ,QAAQ;AAAA,QACd,KAAK,YAAY;AACf,gBAAMC,0BAAyB,cAAc;AAC7C,gBAAM,uBAAuBA,0BAAyB;AACtD,gBAAM,yBAAyB,qBAAqB,KAAKA;AACzD,cAAI,wBAAwB,wBAAwB;AAClD,mEAAoBA;AAAA,UACtB;AACA,cAAI,CAAC;AAAwB,4BAAgB,IAAI;AACjD,oCAA0BA,uBAAsB;AAChD;AAAA,QACF;AAAA,QACA,KAAK,YAAY;AACf,iEAAoB,cAAc;AAClC;AAAA,QACF;AAAA,QACA,SAAS;AACP,kBAAQ,MAAM,QAAQ,2BAA2B;AAAA,QACnD;AAAA,MACF;AAAA,IACF,OAAO;AACL,YAAM,IAAI,MAAM,2CAA2C;AAAA,IAC7D;AAAA,EACF;AAEA,SACE,8CAAC,6BACC;AAAA,iDAAC,8BAAU,8BAAgB;AAAA,IAC3B,6CAAC,8BAAU,OAAM,UACf,uDAAC,+BAAW,SAAS,WAAY,uBAAY,GAC/C;AAAA,IACA,8CAAC,8BAAU,OAAM,UACf;AAAA,oDAAC,gCACC;AAAA,qDAAC,gCAAS,SAAS,MAAM,wBAAwB,UAAU,GAAG,SAAS,aAAa,MAAM,SAAS,eAEnG;AAAA,QACA,6CAAC,gCAAS,SAAS,MAAM,wBAAwB,UAAU,GAAG,SAAS,aAAa,MAAM,SAAS,eAEnG;AAAA,SACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["import_material","import_jsx_runtime","desiredMaximumAccounts"]}

package/dist/node/components/MaxAccounts/MaxAccountsTableRow.d.cts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TableRowProps } from '@mui/material';
+export interface MaxAccountsTableRow extends TableRowProps {
+    activeAccountIndex?: number;
+    changeMaxAccounts?: (maxAccounts: number) => void;
+    maxAccounts?: number;
+}
+export declare const MaxAccountsTableRow: React.FC<MaxAccountsTableRow>;
+//# sourceMappingURL=MaxAccountsTableRow.d.ts.map

package/dist/node/components/MaxAccounts/MaxAccountsTableRow.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaxAccountsTableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/MaxAccounts/MaxAccountsTableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoC,aAAa,EAAc,MAAM,eAAe,CAAA;AAM3F,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuD7D,CAAA"}

package/dist/node/components/MaxAccounts/MaxAccountsTableRow.js

@@ -1,34 +1,41 @@
-"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;
+// src/components/MaxAccounts/MaxAccountsTableRow.tsx
+import { ButtonGroup, TableCell, TableRow, Typography } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { useState } from "react";
+
+// src/components/MaxAccounts/OutOfBoundsSnackBar.tsx
+import { Alert, AlertTitle, Snackbar } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var OutOfBoundsSnackBar = ({
+  activeAccountIndex,
+  desiredMaximumAccounts,
+  setShowSnackBar,
+  showSnackBar
+}) => {
+  return /* @__PURE__ */ jsx(
+    Snackbar,
+    {
+      anchorOrigin: { horizontal: "center", vertical: "top" },
+      autoHideDuration: 5e3,
+      onClose: () => setShowSnackBar == null ? void 0 : setShowSnackBar(false),
+      open: showSnackBar,
+      children: /* @__PURE__ */ jsxs(Alert, { severity: "error", onClose: () => setShowSnackBar == null ? void 0 : setShowSnackBar(false), children: [
+        /* @__PURE__ */ jsx(AlertTitle, { children: "Maximum Accounts Error" }),
+        "Your currently selected account number (",
+        activeAccountIndex !== void 0 ? activeAccountIndex + 1 : "",
+        ") cannot be greater than the desired Maximum Accounts (",
+        desiredMaximumAccounts,
+        ")."
+      ] })
+    }
+  );
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var MaxAccountsTableRow_exports = {};
-__export(MaxAccountsTableRow_exports, {
-  MaxAccountsTableRow: () => MaxAccountsTableRow
-});
-module.exports = __toCommonJS(MaxAccountsTableRow_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_material = require("@mui/material");
-var import_react_button = require("@xylabs/react-button");
-var import_react = require("react");
-var import_OutOfBoundsSnackBar = require("./OutOfBoundsSnackBar");
-const MaxAccountsTableRow = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {
-  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = (0, import_react.useState)();
-  const [showSnackBar, setShowSnackBar] = (0, import_react.useState)(false);
+
+// src/components/MaxAccounts/MaxAccountsTableRow.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var MaxAccountsTableRow = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {
+  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = useState();
+  const [showSnackBar, setShowSnackBar] = useState(false);
   const handleChangeMaxAccounts = (change) => {
     if (maxAccounts !== void 0 && activeAccountIndex !== void 0) {
       switch (change) {
@@ -37,7 +44,7 @@ const MaxAccountsTableRow = ({ activeAccountIndex, changeMaxAccounts, maxAccount
           const validMaximumAccounts = desiredMaximumAccounts2 > 0;
           const maxAccountsWithinRange = activeAccountIndex + 1 <= desiredMaximumAccounts2;
           if (validMaximumAccounts && maxAccountsWithinRange) {
-            changeMaxAccounts?.(desiredMaximumAccounts2);
+            changeMaxAccounts == null ? void 0 : changeMaxAccounts(desiredMaximumAccounts2);
           }
           if (!maxAccountsWithinRange)
             setShowSnackBar(true);
@@ -45,7 +52,7 @@ const MaxAccountsTableRow = ({ activeAccountIndex, changeMaxAccounts, maxAccount
           return;
         }
         case "increase": {
-          changeMaxAccounts?.(maxAccounts + 1);
+          changeMaxAccounts == null ? void 0 : changeMaxAccounts(maxAccounts + 1);
           return;
         }
         default: {
@@ -56,16 +63,16 @@ const MaxAccountsTableRow = ({ activeAccountIndex, changeMaxAccounts, maxAccount
       throw new Error("Max Accounts is unset and needs a default");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.TableRow, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TableCell, { children: "Maximum Accounts" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TableCell, { align: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "caption", children: maxAccounts }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.TableCell, { align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.ButtonGroup, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_button.ButtonEx, { onClick: () => handleChangeMaxAccounts("decrease"), variant: "contained", size: "small", children: "-" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_button.ButtonEx, { onClick: () => handleChangeMaxAccounts("increase"), variant: "contained", size: "small", children: "+" })
+  return /* @__PURE__ */ jsxs2(TableRow, { children: [
+    /* @__PURE__ */ jsx2(TableCell, { children: "Maximum Accounts" }),
+    /* @__PURE__ */ jsx2(TableCell, { align: "center", children: /* @__PURE__ */ jsx2(Typography, { variant: "caption", children: maxAccounts }) }),
+    /* @__PURE__ */ jsxs2(TableCell, { align: "center", children: [
+      /* @__PURE__ */ jsxs2(ButtonGroup, { children: [
+        /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => handleChangeMaxAccounts("decrease"), variant: "contained", size: "small", children: "-" }),
+        /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => handleChangeMaxAccounts("increase"), variant: "contained", size: "small", children: "+" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_OutOfBoundsSnackBar.OutOfBoundsSnackBar,
+      /* @__PURE__ */ jsx2(
+        OutOfBoundsSnackBar,
         {
           desiredMaximumAccounts,
           activeAccountIndex,
@@ -76,8 +83,7 @@ const MaxAccountsTableRow = ({ activeAccountIndex, changeMaxAccounts, maxAccount
     ] })
   ] });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   MaxAccountsTableRow
-});
+};
 //# sourceMappingURL=MaxAccountsTableRow.js.map

package/dist/node/components/MaxAccounts/MaxAccountsTableRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/MaxAccounts/MaxAccountsTableRow.tsx"],"sourcesContent":["import { ButtonGroup, TableCell, TableRow, TableRowProps, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { useState } from 'react'\n\nimport { OutOfBoundsSnackBar } from './OutOfBoundsSnackBar'\n\nexport interface MaxAccountsTableRow extends TableRowProps {\n  activeAccountIndex?: number\n  changeMaxAccounts?: (maxAccounts: number) => void\n  maxAccounts?: number\n}\n\nexport const MaxAccountsTableRow: React.FC<MaxAccountsTableRow> = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {\n  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = useState<number | undefined>()\n  const [showSnackBar, setShowSnackBar] = useState(false)\n\n  const handleChangeMaxAccounts = (change: 'increase' | 'decrease') => {\n    if (maxAccounts !== undefined && activeAccountIndex !== undefined) {\n      switch (change) {\n        case 'decrease': {\n          const desiredMaximumAccounts = maxAccounts - 1\n          const validMaximumAccounts = desiredMaximumAccounts > 0\n          const maxAccountsWithinRange = activeAccountIndex + 1 <= desiredMaximumAccounts\n          if (validMaximumAccounts && maxAccountsWithinRange) {\n            changeMaxAccounts?.(desiredMaximumAccounts)\n          }\n          if (!maxAccountsWithinRange) setShowSnackBar(true)\n          setDesiredMaximumAccounts(desiredMaximumAccounts)\n          return\n        }\n        case 'increase': {\n          changeMaxAccounts?.(maxAccounts + 1)\n          return\n        }\n        default: {\n          console.error(change, 'is not a recognized value')\n        }\n      }\n    } else {\n      throw new Error('Max Accounts is unset and needs a default')\n    }\n  }\n\n  return (\n    <TableRow>\n      <TableCell>Maximum Accounts</TableCell>\n      <TableCell align=\"center\">\n        <Typography variant={'caption'}>{maxAccounts}</Typography>\n      </TableCell>\n      <TableCell align=\"center\">\n        <ButtonGroup>\n          <ButtonEx onClick={() => handleChangeMaxAccounts('decrease')} variant={'contained'} size={'small'}>\n            -\n          </ButtonEx>\n          <ButtonEx onClick={() => handleChangeMaxAccounts('increase')} variant={'contained'} size={'small'}>\n            +\n          </ButtonEx>\n        </ButtonGroup>\n        <OutOfBoundsSnackBar\n          desiredMaximumAccounts={desiredMaximumAccounts}\n          activeAccountIndex={activeAccountIndex}\n          setShowSnackBar={setShowSnackBar}\n          showSnackBar={showSnackBar}\n        />\n      </TableCell>\n    </TableRow>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CM;AA7CN,sBAA4E;AAC5E,0BAAyB;AACzB,mBAAyB;AAEzB,iCAAoC;AAQ7B,MAAM,sBAAqD,CAAC,EAAE,oBAAoB,mBAAmB,YAAY,MAAM;AAC5H,QAAM,CAAC,wBAAwB,yBAAyB,QAAI,uBAA6B;AACzF,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AAEtD,QAAM,0BAA0B,CAAC,WAAoC;AACnE,QAAI,gBAAgB,UAAa,uBAAuB,QAAW;AACjE,cAAQ,QAAQ;AAAA,QACd,KAAK,YAAY;AACf,gBAAMA,0BAAyB,cAAc;AAC7C,gBAAM,uBAAuBA,0BAAyB;AACtD,gBAAM,yBAAyB,qBAAqB,KAAKA;AACzD,cAAI,wBAAwB,wBAAwB;AAClD,gCAAoBA,uBAAsB;AAAA,UAC5C;AACA,cAAI,CAAC;AAAwB,4BAAgB,IAAI;AACjD,oCAA0BA,uBAAsB;AAChD;AAAA,QACF;AAAA,QACA,KAAK,YAAY;AACf,8BAAoB,cAAc,CAAC;AACnC;AAAA,QACF;AAAA,QACA,SAAS;AACP,kBAAQ,MAAM,QAAQ,2BAA2B;AAAA,QACnD;AAAA,MACF;AAAA,IACF,OAAO;AACL,YAAM,IAAI,MAAM,2CAA2C;AAAA,IAC7D;AAAA,EACF;AAEA,SACE,6CAAC,4BACC;AAAA,gDAAC,6BAAU,8BAAgB;AAAA,IAC3B,4CAAC,6BAAU,OAAM,UACf,sDAAC,8BAAW,SAAS,WAAY,uBAAY,GAC/C;AAAA,IACA,6CAAC,6BAAU,OAAM,UACf;AAAA,mDAAC,+BACC;AAAA,oDAAC,gCAAS,SAAS,MAAM,wBAAwB,UAAU,GAAG,SAAS,aAAa,MAAM,SAAS,eAEnG;AAAA,QACA,4CAAC,gCAAS,SAAS,MAAM,wBAAwB,UAAU,GAAG,SAAS,aAAa,MAAM,SAAS,eAEnG;AAAA,SACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["desiredMaximumAccounts"]}
+{"version":3,"sources":["../../../../src/components/MaxAccounts/MaxAccountsTableRow.tsx","../../../../src/components/MaxAccounts/OutOfBoundsSnackBar.tsx"],"sourcesContent":["import { ButtonGroup, TableCell, TableRow, TableRowProps, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { useState } from 'react'\n\nimport { OutOfBoundsSnackBar } from './OutOfBoundsSnackBar'\n\nexport interface MaxAccountsTableRow extends TableRowProps {\n  activeAccountIndex?: number\n  changeMaxAccounts?: (maxAccounts: number) => void\n  maxAccounts?: number\n}\n\nexport const MaxAccountsTableRow: React.FC<MaxAccountsTableRow> = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {\n  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = useState<number | undefined>()\n  const [showSnackBar, setShowSnackBar] = useState(false)\n\n  const handleChangeMaxAccounts = (change: 'increase' | 'decrease') => {\n    if (maxAccounts !== undefined && activeAccountIndex !== undefined) {\n      switch (change) {\n        case 'decrease': {\n          const desiredMaximumAccounts = maxAccounts - 1\n          const validMaximumAccounts = desiredMaximumAccounts > 0\n          const maxAccountsWithinRange = activeAccountIndex + 1 <= desiredMaximumAccounts\n          if (validMaximumAccounts && maxAccountsWithinRange) {\n            changeMaxAccounts?.(desiredMaximumAccounts)\n          }\n          if (!maxAccountsWithinRange) setShowSnackBar(true)\n          setDesiredMaximumAccounts(desiredMaximumAccounts)\n          return\n        }\n        case 'increase': {\n          changeMaxAccounts?.(maxAccounts + 1)\n          return\n        }\n        default: {\n          console.error(change, 'is not a recognized value')\n        }\n      }\n    } else {\n      throw new Error('Max Accounts is unset and needs a default')\n    }\n  }\n\n  return (\n    <TableRow>\n      <TableCell>Maximum Accounts</TableCell>\n      <TableCell align=\"center\">\n        <Typography variant={'caption'}>{maxAccounts}</Typography>\n      </TableCell>\n      <TableCell align=\"center\">\n        <ButtonGroup>\n          <ButtonEx onClick={() => handleChangeMaxAccounts('decrease')} variant={'contained'} size={'small'}>\n            -\n          </ButtonEx>\n          <ButtonEx onClick={() => handleChangeMaxAccounts('increase')} variant={'contained'} size={'small'}>\n            +\n          </ButtonEx>\n        </ButtonGroup>\n        <OutOfBoundsSnackBar\n          desiredMaximumAccounts={desiredMaximumAccounts}\n          activeAccountIndex={activeAccountIndex}\n          setShowSnackBar={setShowSnackBar}\n          showSnackBar={showSnackBar}\n        />\n      </TableCell>\n    </TableRow>\n  )\n}\n","import { Alert, AlertTitle, Snackbar, SnackbarProps } from '@mui/material'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface OutOfBoundsSnackBarProps extends SnackbarProps {\n  activeAccountIndex?: number\n  desiredMaximumAccounts?: number\n  setShowSnackBar?: Dispatch<SetStateAction<boolean>>\n  showSnackBar?: boolean\n}\n\nexport const OutOfBoundsSnackBar: React.FC<OutOfBoundsSnackBarProps> = ({\n  activeAccountIndex,\n  desiredMaximumAccounts,\n  setShowSnackBar,\n  showSnackBar,\n}) => {\n  return (\n    <Snackbar\n      anchorOrigin={{ horizontal: 'center', vertical: 'top' }}\n      autoHideDuration={5000}\n      onClose={() => setShowSnackBar?.(false)}\n      open={showSnackBar}\n    >\n      <Alert severity={'error'} onClose={() => setShowSnackBar?.(false)}>\n        <AlertTitle>Maximum Accounts Error</AlertTitle>\n        Your currently selected account number ({activeAccountIndex !== undefined ? activeAccountIndex + 1 : ''}) cannot be greater than the desired\n        Maximum Accounts ({desiredMaximumAccounts}).\n      </Alert>\n    </Snackbar>\n  )\n}\n"],"mappings":";AAAA,SAAS,aAAa,WAAW,UAAyB,kBAAkB;AAC5E,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;;;ACFzB,SAAS,OAAO,YAAY,gBAA+B;AAuBrD,SACE,KADF;AAbC,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,EAAE,YAAY,UAAU,UAAU,MAAM;AAAA,MACtD,kBAAkB;AAAA,MAClB,SAAS,MAAM,mDAAkB;AAAA,MACjC,MAAM;AAAA,MAEN,+BAAC,SAAM,UAAU,SAAS,SAAS,MAAM,mDAAkB,QACzD;AAAA,4BAAC,cAAW,oCAAsB;AAAA,QAAa;AAAA,QACN,uBAAuB,SAAY,qBAAqB,IAAI;AAAA,QAAG;AAAA,QACrF;AAAA,QAAuB;AAAA,SAC5C;AAAA;AAAA,EACF;AAEJ;;;ADeM,gBAAAA,MAKE,QAAAC,aALF;AAjCC,IAAM,sBAAqD,CAAC,EAAE,oBAAoB,mBAAmB,YAAY,MAAM;AAC5H,QAAM,CAAC,wBAAwB,yBAAyB,IAAI,SAA6B;AACzF,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,0BAA0B,CAAC,WAAoC;AACnE,QAAI,gBAAgB,UAAa,uBAAuB,QAAW;AACjE,cAAQ,QAAQ;AAAA,QACd,KAAK,YAAY;AACf,gBAAMC,0BAAyB,cAAc;AAC7C,gBAAM,uBAAuBA,0BAAyB;AACtD,gBAAM,yBAAyB,qBAAqB,KAAKA;AACzD,cAAI,wBAAwB,wBAAwB;AAClD,mEAAoBA;AAAA,UACtB;AACA,cAAI,CAAC;AAAwB,4BAAgB,IAAI;AACjD,oCAA0BA,uBAAsB;AAChD;AAAA,QACF;AAAA,QACA,KAAK,YAAY;AACf,iEAAoB,cAAc;AAClC;AAAA,QACF;AAAA,QACA,SAAS;AACP,kBAAQ,MAAM,QAAQ,2BAA2B;AAAA,QACnD;AAAA,MACF;AAAA,IACF,OAAO;AACL,YAAM,IAAI,MAAM,2CAA2C;AAAA,IAC7D;AAAA,EACF;AAEA,SACE,gBAAAD,MAAC,YACC;AAAA,oBAAAD,KAAC,aAAU,8BAAgB;AAAA,IAC3B,gBAAAA,KAAC,aAAU,OAAM,UACf,0BAAAA,KAAC,cAAW,SAAS,WAAY,uBAAY,GAC/C;AAAA,IACA,gBAAAC,MAAC,aAAU,OAAM,UACf;AAAA,sBAAAA,MAAC,eACC;AAAA,wBAAAD,KAAC,YAAS,SAAS,MAAM,wBAAwB,UAAU,GAAG,SAAS,aAAa,MAAM,SAAS,eAEnG;AAAA,QACA,gBAAAA,KAAC,YAAS,SAAS,MAAM,wBAAwB,UAAU,GAAG,SAAS,aAAa,MAAM,SAAS,eAEnG;AAAA,SACF;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["jsx","jsxs","desiredMaximumAccounts"]}

package/dist/node/components/MaxAccounts/OutOfBoundsSnackBar.cjs

@@ -0,0 +1,56 @@
+"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/MaxAccounts/OutOfBoundsSnackBar.tsx
+var OutOfBoundsSnackBar_exports = {};
+__export(OutOfBoundsSnackBar_exports, {
+  OutOfBoundsSnackBar: () => OutOfBoundsSnackBar
+});
+module.exports = __toCommonJS(OutOfBoundsSnackBar_exports);
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var OutOfBoundsSnackBar = ({
+  activeAccountIndex,
+  desiredMaximumAccounts,
+  setShowSnackBar,
+  showSnackBar
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_material.Snackbar,
+    {
+      anchorOrigin: { horizontal: "center", vertical: "top" },
+      autoHideDuration: 5e3,
+      onClose: () => setShowSnackBar == null ? void 0 : setShowSnackBar(false),
+      open: showSnackBar,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Alert, { severity: "error", onClose: () => setShowSnackBar == null ? void 0 : setShowSnackBar(false), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.AlertTitle, { children: "Maximum Accounts Error" }),
+        "Your currently selected account number (",
+        activeAccountIndex !== void 0 ? activeAccountIndex + 1 : "",
+        ") cannot be greater than the desired Maximum Accounts (",
+        desiredMaximumAccounts,
+        ")."
+      ] })
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OutOfBoundsSnackBar
+});
+//# sourceMappingURL=OutOfBoundsSnackBar.cjs.map

package/dist/node/components/MaxAccounts/{OutOfBoundsSnackBar.mjs.map → OutOfBoundsSnackBar.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/MaxAccounts/OutOfBoundsSnackBar.tsx"],"sourcesContent":["import { Alert, AlertTitle, Snackbar, SnackbarProps } from '@mui/material'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface OutOfBoundsSnackBarProps extends SnackbarProps {\n  activeAccountIndex?: number\n  desiredMaximumAccounts?: number\n  setShowSnackBar?: Dispatch<SetStateAction<boolean>>\n  showSnackBar?: boolean\n}\n\nexport const OutOfBoundsSnackBar: React.FC<OutOfBoundsSnackBarProps> = ({\n  activeAccountIndex,\n  desiredMaximumAccounts,\n  setShowSnackBar,\n  showSnackBar,\n}) => {\n  return (\n    <Snackbar\n      anchorOrigin={{ horizontal: 'center', vertical: 'top' }}\n      autoHideDuration={5000}\n      onClose={() => setShowSnackBar?.(false)}\n      open={showSnackBar}\n    >\n      <Alert severity={'error'} onClose={() => setShowSnackBar?.(false)}>\n        <AlertTitle>Maximum Accounts Error</AlertTitle>\n        Your currently selected account number ({activeAccountIndex !== undefined ? activeAccountIndex + 1 : ''}) cannot be greater than the desired\n        Maximum Accounts ({desiredMaximumAccounts}).\n      </Alert>\n    </Snackbar>\n  )\n}\n"],"mappings":"AAuBM,SACE,KADF;AAvBN,SAAS,OAAO,YAAY,gBAA+B;AAUpD,MAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,EAAE,YAAY,UAAU,UAAU,MAAM;AAAA,MACtD,kBAAkB;AAAA,MAClB,SAAS,MAAM,kBAAkB,KAAK;AAAA,MACtC,MAAM;AAAA,MAEN,+BAAC,SAAM,UAAU,SAAS,SAAS,MAAM,kBAAkB,KAAK,GAC9D;AAAA,4BAAC,cAAW,oCAAsB;AAAA,QAAa;AAAA,QACN,uBAAuB,SAAY,qBAAqB,IAAI;AAAA,QAAG;AAAA,QACrF;AAAA,QAAuB;AAAA,SAC5C;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/MaxAccounts/OutOfBoundsSnackBar.tsx"],"sourcesContent":["import { Alert, AlertTitle, Snackbar, SnackbarProps } from '@mui/material'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface OutOfBoundsSnackBarProps extends SnackbarProps {\n  activeAccountIndex?: number\n  desiredMaximumAccounts?: number\n  setShowSnackBar?: Dispatch<SetStateAction<boolean>>\n  showSnackBar?: boolean\n}\n\nexport const OutOfBoundsSnackBar: React.FC<OutOfBoundsSnackBarProps> = ({\n  activeAccountIndex,\n  desiredMaximumAccounts,\n  setShowSnackBar,\n  showSnackBar,\n}) => {\n  return (\n    <Snackbar\n      anchorOrigin={{ horizontal: 'center', vertical: 'top' }}\n      autoHideDuration={5000}\n      onClose={() => setShowSnackBar?.(false)}\n      open={showSnackBar}\n    >\n      <Alert severity={'error'} onClose={() => setShowSnackBar?.(false)}>\n        <AlertTitle>Maximum Accounts Error</AlertTitle>\n        Your currently selected account number ({activeAccountIndex !== undefined ? activeAccountIndex + 1 : ''}) cannot be greater than the desired\n        Maximum Accounts ({desiredMaximumAccounts}).\n      </Alert>\n    </Snackbar>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA2D;AAuBrD;AAbC,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,EAAE,YAAY,UAAU,UAAU,MAAM;AAAA,MACtD,kBAAkB;AAAA,MAClB,SAAS,MAAM,mDAAkB;AAAA,MACjC,MAAM;AAAA,MAEN,uDAAC,yBAAM,UAAU,SAAS,SAAS,MAAM,mDAAkB,QACzD;AAAA,oDAAC,8BAAW,oCAAsB;AAAA,QAAa;AAAA,QACN,uBAAuB,SAAY,qBAAqB,IAAI;AAAA,QAAG;AAAA,QACrF;AAAA,QAAuB;AAAA,SAC5C;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/node/components/MaxAccounts/OutOfBoundsSnackBar.d.cts

@@ -0,0 +1,10 @@
+import { SnackbarProps } from '@mui/material';
+import { Dispatch, SetStateAction } from 'react';
+export interface OutOfBoundsSnackBarProps extends SnackbarProps {
+    activeAccountIndex?: number;
+    desiredMaximumAccounts?: number;
+    setShowSnackBar?: Dispatch<SetStateAction<boolean>>;
+    showSnackBar?: boolean;
+}
+export declare const OutOfBoundsSnackBar: React.FC<OutOfBoundsSnackBarProps>;
+//# sourceMappingURL=OutOfBoundsSnackBar.d.ts.map

package/dist/node/components/MaxAccounts/OutOfBoundsSnackBar.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutOfBoundsSnackBar.d.ts","sourceRoot":"","sources":["../../../../src/components/MaxAccounts/OutOfBoundsSnackBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,aAAa,EAAE,MAAM,eAAe,CAAA;AAC1E,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,wBAAyB,SAAQ,aAAa;IAC7D,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,eAAe,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACnD,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAoBlE,CAAA"}

package/dist/node/components/MaxAccounts/OutOfBoundsSnackBar.js

@@ -1,43 +1,21 @@
-"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 OutOfBoundsSnackBar_exports = {};
-__export(OutOfBoundsSnackBar_exports, {
-  OutOfBoundsSnackBar: () => OutOfBoundsSnackBar
-});
-module.exports = __toCommonJS(OutOfBoundsSnackBar_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_material = require("@mui/material");
-const OutOfBoundsSnackBar = ({
+// src/components/MaxAccounts/OutOfBoundsSnackBar.tsx
+import { Alert, AlertTitle, Snackbar } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var OutOfBoundsSnackBar = ({
   activeAccountIndex,
   desiredMaximumAccounts,
   setShowSnackBar,
   showSnackBar
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_material.Snackbar,
+  return /* @__PURE__ */ jsx(
+    Snackbar,
     {
       anchorOrigin: { horizontal: "center", vertical: "top" },
       autoHideDuration: 5e3,
-      onClose: () => setShowSnackBar?.(false),
+      onClose: () => setShowSnackBar == null ? void 0 : setShowSnackBar(false),
       open: showSnackBar,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Alert, { severity: "error", onClose: () => setShowSnackBar?.(false), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.AlertTitle, { children: "Maximum Accounts Error" }),
+      children: /* @__PURE__ */ jsxs(Alert, { severity: "error", onClose: () => setShowSnackBar == null ? void 0 : setShowSnackBar(false), children: [
+        /* @__PURE__ */ jsx(AlertTitle, { children: "Maximum Accounts Error" }),
         "Your currently selected account number (",
         activeAccountIndex !== void 0 ? activeAccountIndex + 1 : "",
         ") cannot be greater than the desired Maximum Accounts (",
@@ -47,8 +25,7 @@ const OutOfBoundsSnackBar = ({
     }
   );
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   OutOfBoundsSnackBar
-});
+};
 //# sourceMappingURL=OutOfBoundsSnackBar.js.map

package/dist/node/components/MaxAccounts/OutOfBoundsSnackBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/MaxAccounts/OutOfBoundsSnackBar.tsx"],"sourcesContent":["import { Alert, AlertTitle, Snackbar, SnackbarProps } from '@mui/material'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface OutOfBoundsSnackBarProps extends SnackbarProps {\n  activeAccountIndex?: number\n  desiredMaximumAccounts?: number\n  setShowSnackBar?: Dispatch<SetStateAction<boolean>>\n  showSnackBar?: boolean\n}\n\nexport const OutOfBoundsSnackBar: React.FC<OutOfBoundsSnackBarProps> = ({\n  activeAccountIndex,\n  desiredMaximumAccounts,\n  setShowSnackBar,\n  showSnackBar,\n}) => {\n  return (\n    <Snackbar\n      anchorOrigin={{ horizontal: 'center', vertical: 'top' }}\n      autoHideDuration={5000}\n      onClose={() => setShowSnackBar?.(false)}\n      open={showSnackBar}\n    >\n      <Alert severity={'error'} onClose={() => setShowSnackBar?.(false)}>\n        <AlertTitle>Maximum Accounts Error</AlertTitle>\n        Your currently selected account number ({activeAccountIndex !== undefined ? activeAccountIndex + 1 : ''}) cannot be greater than the desired\n        Maximum Accounts ({desiredMaximumAccounts}).\n      </Alert>\n    </Snackbar>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBM;AAvBN,sBAA2D;AAUpD,MAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,EAAE,YAAY,UAAU,UAAU,MAAM;AAAA,MACtD,kBAAkB;AAAA,MAClB,SAAS,MAAM,kBAAkB,KAAK;AAAA,MACtC,MAAM;AAAA,MAEN,uDAAC,yBAAM,UAAU,SAAS,SAAS,MAAM,kBAAkB,KAAK,GAC9D;AAAA,oDAAC,8BAAW,oCAAsB;AAAA,QAAa;AAAA,QACN,uBAAuB,SAAY,qBAAqB,IAAI;AAAA,QAAG;AAAA,QACrF;AAAA,QAAuB;AAAA,SAC5C;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/MaxAccounts/OutOfBoundsSnackBar.tsx"],"sourcesContent":["import { Alert, AlertTitle, Snackbar, SnackbarProps } from '@mui/material'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface OutOfBoundsSnackBarProps extends SnackbarProps {\n  activeAccountIndex?: number\n  desiredMaximumAccounts?: number\n  setShowSnackBar?: Dispatch<SetStateAction<boolean>>\n  showSnackBar?: boolean\n}\n\nexport const OutOfBoundsSnackBar: React.FC<OutOfBoundsSnackBarProps> = ({\n  activeAccountIndex,\n  desiredMaximumAccounts,\n  setShowSnackBar,\n  showSnackBar,\n}) => {\n  return (\n    <Snackbar\n      anchorOrigin={{ horizontal: 'center', vertical: 'top' }}\n      autoHideDuration={5000}\n      onClose={() => setShowSnackBar?.(false)}\n      open={showSnackBar}\n    >\n      <Alert severity={'error'} onClose={() => setShowSnackBar?.(false)}>\n        <AlertTitle>Maximum Accounts Error</AlertTitle>\n        Your currently selected account number ({activeAccountIndex !== undefined ? activeAccountIndex + 1 : ''}) cannot be greater than the desired\n        Maximum Accounts ({desiredMaximumAccounts}).\n      </Alert>\n    </Snackbar>\n  )\n}\n"],"mappings":";AAAA,SAAS,OAAO,YAAY,gBAA+B;AAuBrD,SACE,KADF;AAbC,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,EAAE,YAAY,UAAU,UAAU,MAAM;AAAA,MACtD,kBAAkB;AAAA,MAClB,SAAS,MAAM,mDAAkB;AAAA,MACjC,MAAM;AAAA,MAEN,+BAAC,SAAM,UAAU,SAAS,SAAS,MAAM,mDAAkB,QACzD;AAAA,4BAAC,cAAW,oCAAsB;AAAA,QAAa;AAAA,QACN,uBAAuB,SAAY,qBAAqB,IAAI;AAAA,QAAG;AAAA,QACrF;AAAA,QAAuB;AAAA,SAC5C;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/node/components/MaxAccounts/index.cjs

@@ -0,0 +1,116 @@
+"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/MaxAccounts/index.ts
+var MaxAccounts_exports = {};
+__export(MaxAccounts_exports, {
+  MaxAccountsTableRow: () => MaxAccountsTableRow
+});
+module.exports = __toCommonJS(MaxAccounts_exports);
+
+// src/components/MaxAccounts/MaxAccountsTableRow.tsx
+var import_material2 = require("@mui/material");
+var import_react_button = require("@xylabs/react-button");
+var import_react = require("react");
+
+// src/components/MaxAccounts/OutOfBoundsSnackBar.tsx
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var OutOfBoundsSnackBar = ({
+  activeAccountIndex,
+  desiredMaximumAccounts,
+  setShowSnackBar,
+  showSnackBar
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_material.Snackbar,
+    {
+      anchorOrigin: { horizontal: "center", vertical: "top" },
+      autoHideDuration: 5e3,
+      onClose: () => setShowSnackBar == null ? void 0 : setShowSnackBar(false),
+      open: showSnackBar,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Alert, { severity: "error", onClose: () => setShowSnackBar == null ? void 0 : setShowSnackBar(false), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.AlertTitle, { children: "Maximum Accounts Error" }),
+        "Your currently selected account number (",
+        activeAccountIndex !== void 0 ? activeAccountIndex + 1 : "",
+        ") cannot be greater than the desired Maximum Accounts (",
+        desiredMaximumAccounts,
+        ")."
+      ] })
+    }
+  );
+};
+
+// src/components/MaxAccounts/MaxAccountsTableRow.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var MaxAccountsTableRow = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {
+  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = (0, import_react.useState)();
+  const [showSnackBar, setShowSnackBar] = (0, import_react.useState)(false);
+  const handleChangeMaxAccounts = (change) => {
+    if (maxAccounts !== void 0 && activeAccountIndex !== void 0) {
+      switch (change) {
+        case "decrease": {
+          const desiredMaximumAccounts2 = maxAccounts - 1;
+          const validMaximumAccounts = desiredMaximumAccounts2 > 0;
+          const maxAccountsWithinRange = activeAccountIndex + 1 <= desiredMaximumAccounts2;
+          if (validMaximumAccounts && maxAccountsWithinRange) {
+            changeMaxAccounts == null ? void 0 : changeMaxAccounts(desiredMaximumAccounts2);
+          }
+          if (!maxAccountsWithinRange)
+            setShowSnackBar(true);
+          setDesiredMaximumAccounts(desiredMaximumAccounts2);
+          return;
+        }
+        case "increase": {
+          changeMaxAccounts == null ? void 0 : changeMaxAccounts(maxAccounts + 1);
+          return;
+        }
+        default: {
+          console.error(change, "is not a recognized value");
+        }
+      }
+    } else {
+      throw new Error("Max Accounts is unset and needs a default");
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.TableRow, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.TableCell, { children: "Maximum Accounts" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.TableCell, { align: "center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: "caption", children: maxAccounts }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.TableCell, { align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.ButtonGroup, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { onClick: () => handleChangeMaxAccounts("decrease"), variant: "contained", size: "small", children: "-" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { onClick: () => handleChangeMaxAccounts("increase"), variant: "contained", size: "small", children: "+" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        OutOfBoundsSnackBar,
+        {
+          desiredMaximumAccounts,
+          activeAccountIndex,
+          setShowSnackBar,
+          showSnackBar
+        }
+      )
+    ] })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MaxAccountsTableRow
+});
+//# sourceMappingURL=index.cjs.map

package/dist/node/components/MaxAccounts/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MaxAccounts/index.ts","../../../../src/components/MaxAccounts/MaxAccountsTableRow.tsx","../../../../src/components/MaxAccounts/OutOfBoundsSnackBar.tsx"],"sourcesContent":["export * from './MaxAccountsTableRow'\n","import { ButtonGroup, TableCell, TableRow, TableRowProps, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { useState } from 'react'\n\nimport { OutOfBoundsSnackBar } from './OutOfBoundsSnackBar'\n\nexport interface MaxAccountsTableRow extends TableRowProps {\n  activeAccountIndex?: number\n  changeMaxAccounts?: (maxAccounts: number) => void\n  maxAccounts?: number\n}\n\nexport const MaxAccountsTableRow: React.FC<MaxAccountsTableRow> = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {\n  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = useState<number | undefined>()\n  const [showSnackBar, setShowSnackBar] = useState(false)\n\n  const handleChangeMaxAccounts = (change: 'increase' | 'decrease') => {\n    if (maxAccounts !== undefined && activeAccountIndex !== undefined) {\n      switch (change) {\n        case 'decrease': {\n          const desiredMaximumAccounts = maxAccounts - 1\n          const validMaximumAccounts = desiredMaximumAccounts > 0\n          const maxAccountsWithinRange = activeAccountIndex + 1 <= desiredMaximumAccounts\n          if (validMaximumAccounts && maxAccountsWithinRange) {\n            changeMaxAccounts?.(desiredMaximumAccounts)\n          }\n          if (!maxAccountsWithinRange) setShowSnackBar(true)\n          setDesiredMaximumAccounts(desiredMaximumAccounts)\n          return\n        }\n        case 'increase': {\n          changeMaxAccounts?.(maxAccounts + 1)\n          return\n        }\n        default: {\n          console.error(change, 'is not a recognized value')\n        }\n      }\n    } else {\n      throw new Error('Max Accounts is unset and needs a default')\n    }\n  }\n\n  return (\n    <TableRow>\n      <TableCell>Maximum Accounts</TableCell>\n      <TableCell align=\"center\">\n        <Typography variant={'caption'}>{maxAccounts}</Typography>\n      </TableCell>\n      <TableCell align=\"center\">\n        <ButtonGroup>\n          <ButtonEx onClick={() => handleChangeMaxAccounts('decrease')} variant={'contained'} size={'small'}>\n            -\n          </ButtonEx>\n          <ButtonEx onClick={() => handleChangeMaxAccounts('increase')} variant={'contained'} size={'small'}>\n            +\n          </ButtonEx>\n        </ButtonGroup>\n        <OutOfBoundsSnackBar\n          desiredMaximumAccounts={desiredMaximumAccounts}\n          activeAccountIndex={activeAccountIndex}\n          setShowSnackBar={setShowSnackBar}\n          showSnackBar={showSnackBar}\n        />\n      </TableCell>\n    </TableRow>\n  )\n}\n","import { Alert, AlertTitle, Snackbar, SnackbarProps } from '@mui/material'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface OutOfBoundsSnackBarProps extends SnackbarProps {\n  activeAccountIndex?: number\n  desiredMaximumAccounts?: number\n  setShowSnackBar?: Dispatch<SetStateAction<boolean>>\n  showSnackBar?: boolean\n}\n\nexport const OutOfBoundsSnackBar: React.FC<OutOfBoundsSnackBarProps> = ({\n  activeAccountIndex,\n  desiredMaximumAccounts,\n  setShowSnackBar,\n  showSnackBar,\n}) => {\n  return (\n    <Snackbar\n      anchorOrigin={{ horizontal: 'center', vertical: 'top' }}\n      autoHideDuration={5000}\n      onClose={() => setShowSnackBar?.(false)}\n      open={showSnackBar}\n    >\n      <Alert severity={'error'} onClose={() => setShowSnackBar?.(false)}>\n        <AlertTitle>Maximum Accounts Error</AlertTitle>\n        Your currently selected account number ({activeAccountIndex !== undefined ? activeAccountIndex + 1 : ''}) cannot be greater than the desired\n        Maximum Accounts ({desiredMaximumAccounts}).\n      </Alert>\n    </Snackbar>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,mBAA4E;AAC5E,0BAAyB;AACzB,mBAAyB;;;ACFzB,sBAA2D;AAuBrD;AAbC,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,EAAE,YAAY,UAAU,UAAU,MAAM;AAAA,MACtD,kBAAkB;AAAA,MAClB,SAAS,MAAM,mDAAkB;AAAA,MACjC,MAAM;AAAA,MAEN,uDAAC,yBAAM,UAAU,SAAS,SAAS,MAAM,mDAAkB,QACzD;AAAA,oDAAC,8BAAW,oCAAsB;AAAA,QAAa;AAAA,QACN,uBAAuB,SAAY,qBAAqB,IAAI;AAAA,QAAG;AAAA,QACrF;AAAA,QAAuB;AAAA,SAC5C;AAAA;AAAA,EACF;AAEJ;;;ADeM,IAAAC,sBAAA;AAjCC,IAAM,sBAAqD,CAAC,EAAE,oBAAoB,mBAAmB,YAAY,MAAM;AAC5H,QAAM,CAAC,wBAAwB,yBAAyB,QAAI,uBAA6B;AACzF,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AAEtD,QAAM,0BAA0B,CAAC,WAAoC;AACnE,QAAI,gBAAgB,UAAa,uBAAuB,QAAW;AACjE,cAAQ,QAAQ;AAAA,QACd,KAAK,YAAY;AACf,gBAAMC,0BAAyB,cAAc;AAC7C,gBAAM,uBAAuBA,0BAAyB;AACtD,gBAAM,yBAAyB,qBAAqB,KAAKA;AACzD,cAAI,wBAAwB,wBAAwB;AAClD,mEAAoBA;AAAA,UACtB;AACA,cAAI,CAAC;AAAwB,4BAAgB,IAAI;AACjD,oCAA0BA,uBAAsB;AAChD;AAAA,QACF;AAAA,QACA,KAAK,YAAY;AACf,iEAAoB,cAAc;AAClC;AAAA,QACF;AAAA,QACA,SAAS;AACP,kBAAQ,MAAM,QAAQ,2BAA2B;AAAA,QACnD;AAAA,MACF;AAAA,IACF,OAAO;AACL,YAAM,IAAI,MAAM,2CAA2C;AAAA,IAC7D;AAAA,EACF;AAEA,SACE,8CAAC,6BACC;AAAA,iDAAC,8BAAU,8BAAgB;AAAA,IAC3B,6CAAC,8BAAU,OAAM,UACf,uDAAC,+BAAW,SAAS,WAAY,uBAAY,GAC/C;AAAA,IACA,8CAAC,8BAAU,OAAM,UACf;AAAA,oDAAC,gCACC;AAAA,qDAAC,gCAAS,SAAS,MAAM,wBAAwB,UAAU,GAAG,SAAS,aAAa,MAAM,SAAS,eAEnG;AAAA,QACA,6CAAC,gCAAS,SAAS,MAAM,wBAAwB,UAAU,GAAG,SAAS,aAAa,MAAM,SAAS,eAEnG;AAAA,SACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["import_material","import_jsx_runtime","desiredMaximumAccounts"]}

package/dist/node/components/MaxAccounts/index.d.cts

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

package/dist/node/components/MaxAccounts/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MaxAccounts/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}