@bwp-web/styles 0.1.0

package/dist/index.cjs

@@ -0,0 +1,1933 @@
+"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/index.ts
+var index_exports = {};
+__export(index_exports, {
+  appBarHeight: () => appBarHeight,
+  biampTheme: () => biampTheme
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/icons/BreadcrumbIcon.tsx
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+function BreadcrumbIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.SvgIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M5.43427 3.43427C5.74669 3.12185 6.25322 3.12185 6.56564 3.43427L10.5656 7.43427C10.8781 7.74669 10.8781 8.25322 10.5656 8.56564L6.56564 12.5656C6.25322 12.8781 5.74669 12.8781 5.43427 12.5656C5.12185 12.2532 5.12185 11.7467 5.43427 11.4343L8.86858 7.99995L5.43427 4.56564C5.12185 4.25322 5.12185 3.74669 5.43427 3.43427Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  ) });
+}
+
+// src/icons/CheckedIcon.tsx
+var import_material2 = require("@mui/material");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function CheckedIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.SvgIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { width: "16", height: "16", rx: "4", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "path",
+          {
+            d: "M6.81561 9.47803C6.81717 9.47959 6.8197 9.47959 6.82126 9.47803L11.45 4.84926C11.7586 4.54071 12.2591 4.54159 12.5666 4.85123C12.8725 5.15933 12.8716 5.65682 12.5646 5.96384L6.82237 11.7061C6.8202 11.7082 6.81667 11.7082 6.8145 11.7061L3.43571 8.32728C3.1288 8.02037 3.1288 7.52277 3.43571 7.21587C3.74232 6.90926 4.23931 6.90891 4.54635 7.21509L6.81561 9.47803Z",
+            fill: "white"
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+// src/icons/DatePickerIcon.tsx
+var import_material3 = require("@mui/material");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function DatePickerIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.SvgIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M6.00001 5.79995C5.68175 5.79995 5.37653 5.92638 5.15148 6.15142C4.92644 6.37647 4.80001 6.68169 4.80001 6.99995V19C4.80001 19.3182 4.92644 19.6234 5.15148 19.8485C5.37653 20.0735 5.68175 20.2 6.00001 20.2H18C18.3183 20.2 18.6235 20.0735 18.8485 19.8485C19.0736 19.6234 19.2 19.3182 19.2 19V6.99995C19.2 6.68169 19.0736 6.37647 18.8485 6.15142C18.6235 5.92638 18.3183 5.79995 18 5.79995H6.00001ZM4.02011 5.02005C4.54522 4.49495 5.25741 4.19995 6.00001 4.19995H18C18.7426 4.19995 19.4548 4.49495 19.9799 5.02005C20.505 5.54515 20.8 6.25734 20.8 6.99995V19C20.8 19.7426 20.505 20.4547 19.9799 20.9798C19.4548 21.5049 18.7426 21.7999 18 21.7999H6.00001C5.25741 21.7999 4.54521 21.505 4.02011 20.9798C3.49501 20.4547 3.20001 19.7426 3.20001 19V6.99995C3.20001 6.25734 3.49501 5.54515 4.02011 5.02005Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M16 2.19995C16.4418 2.19995 16.8 2.55812 16.8 2.99995V6.99995C16.8 7.44178 16.4418 7.79995 16 7.79995C15.5582 7.79995 15.2 7.44178 15.2 6.99995V2.99995C15.2 2.55812 15.5582 2.19995 16 2.19995Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M8.00001 2.19995C8.44184 2.19995 8.80001 2.55812 8.80001 2.99995V6.99995C8.80001 7.44178 8.44184 7.79995 8.00001 7.79995C7.55818 7.79995 7.20001 7.44178 7.20001 6.99995V2.99995C7.20001 2.55812 7.55818 2.19995 8.00001 2.19995Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M3.20001 11C3.20001 10.5581 3.55818 10.2 4.00001 10.2H20C20.4418 10.2 20.8 10.5581 20.8 11C20.8 11.4418 20.4418 11.8 20 11.8H4.00001C3.55818 11.8 3.20001 11.4418 3.20001 11Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+// src/icons/ErrorStatusIcon.tsx
+var import_material4 = require("@mui/material");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function ErrorStatusIcon(props) {
+  const theme = (0, import_material4.useTheme)();
+  const isDarkMode = theme.palette.mode === "dark";
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.SvgIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { width: "14", height: "14", rx: "7", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "rect",
+          {
+            x: "0.3",
+            y: "0.3",
+            width: "13.4",
+            height: "13.4",
+            rx: "6.7",
+            stroke: isDarkMode ? theme.palette.common.white : theme.palette.grey[900],
+            strokeOpacity: "0.4",
+            strokeWidth: "0.6"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("g", { filter: "url(#filter0_d_6343_5437)", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "path",
+          {
+            d: "M7.63564 7.68006C7.619 7.99884 7.35568 8.24878 7.03646 8.24878H6.86491C6.54569 8.24878 6.28236 7.99884 6.26572 7.68006L6.05444 3.6325C6.03652 3.28931 6.30996 3.00122 6.65362 3.00122H7.24775C7.5914 3.00122 7.86484 3.28931 7.84693 3.6325L7.63564 7.68006ZM6 10.0857C6 9.7491 6.09131 9.51278 6.27393 9.37671C6.46012 9.24064 6.68392 9.17261 6.94531 9.17261C7.19954 9.17261 7.41797 9.24064 7.60059 9.37671C7.78678 9.51278 7.87988 9.7491 7.87988 10.0857C7.87988 10.408 7.78678 10.6407 7.60059 10.7839C7.41797 10.9272 7.19954 10.9988 6.94531 10.9988C6.68392 10.9988 6.46012 10.9272 6.27393 10.7839C6.09131 10.6407 6 10.408 6 10.0857Z",
+            fill: "white"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          "filter",
+          {
+            id: "filter0_d_6343_5437",
+            x: "5",
+            y: "2.60122",
+            width: "3.87988",
+            height: "9.99756",
+            filterUnits: "userSpaceOnUse",
+            colorInterpolationFilters: "sRGB",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "feColorMatrix",
+                {
+                  in: "SourceAlpha",
+                  type: "matrix",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  result: "hardAlpha"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("feOffset", { dy: "0.6" }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("feGaussianBlur", { stdDeviation: "0.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "feColorMatrix",
+                {
+                  type: "matrix",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "feBlend",
+                {
+                  mode: "normal",
+                  in2: "BackgroundImageFix",
+                  result: "effect1_dropShadow_6343_5437"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "feBlend",
+                {
+                  mode: "normal",
+                  in: "SourceGraphic",
+                  in2: "effect1_dropShadow_6343_5437",
+                  result: "shape"
+                }
+              )
+            ]
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+
+// src/icons/IndeterminateIcon.tsx
+var import_material5 = require("@mui/material");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function IndeterminateIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material5.SvgIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { width: "16", height: "16", rx: "4", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "path",
+          {
+            d: "M2.87988 8C2.87988 7.44772 3.3276 7 3.87988 7H12.1199C12.6722 7 13.1199 7.44772 13.1199 8C13.1199 8.55228 12.6722 9 12.1199 9H3.87988C3.3276 9 2.87988 8.55228 2.87988 8Z",
+            fill: "white"
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+// src/icons/InfoStatusIcon.tsx
+var import_material6 = require("@mui/material");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function InfoStatusIcon(props) {
+  const theme = (0, import_material6.useTheme)();
+  const isDarkMode = theme.palette.mode === "dark";
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material6.SvgIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { width: "14", height: "14", rx: "7", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "rect",
+          {
+            x: "0.3",
+            y: "0.3",
+            width: "13.4",
+            height: "13.4",
+            rx: "6.7",
+            stroke: isDarkMode ? theme.palette.common.white : theme.palette.grey[900],
+            strokeOpacity: "0.4",
+            strokeWidth: "0.6"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("g", { filter: "url(#filter0_d_184_2382)", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "path",
+          {
+            d: "M6.27393 6.24255C6.27393 5.91118 6.54256 5.64255 6.87393 5.64255L7.1066 5.64255C7.43705 5.64255 7.7053 5.90975 7.7066 6.24019L7.72336 10.5047C7.72467 10.8371 7.45546 11.1073 7.12303 11.1071L6.87359 11.1069C6.54235 11.1068 6.27393 10.8382 6.27393 10.5069L6.27393 6.24255ZM7.87988 3.80564C7.87988 4.14223 7.78857 4.37855 7.60596 4.51462C7.41976 4.65069 7.19596 4.71872 6.93457 4.71872C6.68034 4.71872 6.46191 4.65069 6.2793 4.51462C6.0931 4.37855 6 4.14223 6 3.80564C6 3.48337 6.0931 3.25062 6.2793 3.1074C6.46191 2.96417 6.68034 2.89255 6.93457 2.89255C7.19596 2.89255 7.41976 2.96417 7.60596 3.1074C7.78857 3.25062 7.87988 3.48337 7.87988 3.80564Z",
+            fill: "white"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          "filter",
+          {
+            id: "filter0_d_184_2382",
+            x: "5",
+            y: "2.49258",
+            width: "3.87988",
+            height: "10.2144",
+            filterUnits: "userSpaceOnUse",
+            colorInterpolationFilters: "sRGB",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "feColorMatrix",
+                {
+                  in: "SourceAlpha",
+                  type: "matrix",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  result: "hardAlpha"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("feOffset", { dy: "0.6" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("feGaussianBlur", { stdDeviation: "0.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "feColorMatrix",
+                {
+                  type: "matrix",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "feBlend",
+                {
+                  mode: "normal",
+                  in2: "BackgroundImageFix",
+                  result: "effect1_dropShadow_184_2382"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "feBlend",
+                {
+                  mode: "normal",
+                  in: "SourceGraphic",
+                  in2: "effect1_dropShadow_184_2382",
+                  result: "shape"
+                }
+              )
+            ]
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+
+// src/icons/InputCloseIcon.tsx
+var import_material7 = require("@mui/material");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function InputCloseIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material7.SvgIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M17.5154 6.4848C17.8278 6.79722 17.8278 7.30375 17.5154 7.61617L7.61593 17.5157C7.30351 17.8281 6.79698 17.8281 6.48456 17.5157C6.17214 17.2032 6.17214 16.6967 6.48456 16.3843L16.3841 6.4848C16.6965 6.17238 17.203 6.17238 17.5154 6.4848Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M6.48456 6.4848C6.79698 6.17238 7.30351 6.17238 7.61593 6.4848L17.5154 16.3843C17.8278 16.6967 17.8278 17.2032 17.5154 17.5157C17.203 17.8281 16.6965 17.8281 16.3841 17.5157L6.48456 7.61617C6.17214 7.30375 6.17214 6.79722 6.48456 6.4848Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+// src/icons/SuccessStatusIcon.tsx
+var import_material8 = require("@mui/material");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function SuccessStatusIcon(props) {
+  const theme = (0, import_material8.useTheme)();
+  const isDarkMode = theme.palette.mode === "dark";
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material8.SvgIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { width: "14", height: "14", rx: "7", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "rect",
+          {
+            x: "0.3",
+            y: "0.3",
+            width: "13.4",
+            height: "13.4",
+            rx: "6.7",
+            stroke: isDarkMode ? theme.palette.common.white : theme.palette.grey[900],
+            strokeOpacity: "0.4",
+            strokeWidth: "0.6"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("g", { filter: "url(#filter0_d_6364_4478)", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M10.0279 4.41561C10.3328 4.54591 10.6867 5.04261 10.4654 5.29062L6.9525 9.02403C6.57226 9.45014 6.38214 9.66319 6.13689 9.6656C5.89164 9.66802 5.69741 9.45876 5.30894 9.04023L3.58698 7.18499C3.45389 7.0416 3.42727 6.82846 3.52095 6.65639C3.65295 6.41394 3.96768 6.34523 4.18765 6.51085L5.37782 7.40696C5.7414 7.6807 5.92319 7.81758 6.12825 7.8043C6.3333 7.79102 6.49616 7.63184 6.82188 7.31346L9.59039 4.41562C9.72976 4.27939 9.84906 4.33918 10.0279 4.41561Z",
+            fill: isDarkMode ? theme.palette.grey[900] : theme.palette.common.white
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+          "filter",
+          {
+            id: "filter0_d_6364_4478",
+            x: "2.46539",
+            y: "3.93435",
+            width: "9.06921",
+            height: "7.3313",
+            filterUnits: "userSpaceOnUse",
+            colorInterpolationFilters: "sRGB",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                "feColorMatrix",
+                {
+                  in: "SourceAlpha",
+                  type: "matrix",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  result: "hardAlpha"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("feOffset", { dy: "0.6" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("feGaussianBlur", { stdDeviation: "0.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                "feColorMatrix",
+                {
+                  type: "matrix",
+                  values: "0 0 0 0 0.0666667 0 0 0 0 0.0666667 0 0 0 0 0.0666667 0 0 0 0.2 0"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                "feBlend",
+                {
+                  mode: "normal",
+                  in2: "BackgroundImageFix",
+                  result: "effect1_dropShadow_6364_4478"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                "feBlend",
+                {
+                  mode: "normal",
+                  in: "SourceGraphic",
+                  in2: "effect1_dropShadow_6364_4478",
+                  result: "shape"
+                }
+              )
+            ]
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+
+// src/icons/UncheckedIcon.tsx
+var import_material9 = require("@mui/material");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function UncheckedIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material9.SvgIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "rect",
+        {
+          x: "0.5",
+          y: "0.5",
+          width: "15",
+          height: "15",
+          rx: "3.5",
+          stroke: "currentColor",
+          strokeOpacity: "0.4"
+        }
+      )
+    }
+  ) });
+}
+
+// src/icons/WarningStatusIcon.tsx
+var import_material10 = require("@mui/material");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function WarningStatusIcon(props) {
+  const theme = (0, import_material10.useTheme)();
+  const isDarkMode = theme.palette.mode === "dark";
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material10.SvgIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "svg",
+    {
+      width: "16",
+      height: "14",
+      viewBox: "0 0 16 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "path",
+          {
+            d: "M7.47905 0.911655C7.70939 0.508566 8.29061 0.508566 8.52095 0.911655L15.487 13.1023C15.7156 13.5023 15.4268 14 14.9661 14H1.03391C0.573214 14 0.284394 13.5023 0.512962 13.1023L7.47905 0.911655Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "path",
+          {
+            d: "M7.73926 1.06055C7.85443 0.859003 8.14557 0.859002 8.26074 1.06055L15.2266 13.251C15.3408 13.451 15.1962 13.7002 14.9658 13.7002H1.03418C0.803833 13.7002 0.659154 13.451 0.773438 13.251L7.73926 1.06055Z",
+            stroke: isDarkMode ? theme.palette.common.white : theme.palette.grey[900],
+            strokeOpacity: "0.4",
+            strokeWidth: "0.6"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("g", { filter: "url(#filter0_d_184_2208)", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "path",
+          {
+            d: "M8.63564 8.67884C8.619 8.99762 8.35568 9.24756 8.03646 9.24756H7.86491C7.54569 9.24756 7.28236 8.99762 7.26572 8.67884L7.05444 4.63128C7.03652 4.28809 7.30996 4 7.65362 4H8.24775C8.5914 4 8.86484 4.28809 8.84693 4.63128L8.63564 8.67884ZM7 11.0845C7 10.7479 7.09131 10.5116 7.27393 10.3755C7.46012 10.2394 7.68392 10.1714 7.94531 10.1714C8.19954 10.1714 8.41797 10.2394 8.60059 10.3755C8.78678 10.5116 8.87988 10.7479 8.87988 11.0845C8.87988 11.4067 8.78678 11.6395 8.60059 11.7827C8.41797 11.9259 8.19954 11.9976 7.94531 11.9976C7.68392 11.9976 7.46012 11.9259 7.27393 11.7827C7.09131 11.6395 7 11.4067 7 11.0845Z",
+            fill: isDarkMode ? theme.palette.grey[900] : theme.palette.common.white
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+          "filter",
+          {
+            id: "filter0_d_184_2208",
+            x: "6",
+            y: "3.6",
+            width: "3.87988",
+            height: "9.99756",
+            filterUnits: "userSpaceOnUse",
+            colorInterpolationFilters: "sRGB",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                "feColorMatrix",
+                {
+                  in: "SourceAlpha",
+                  type: "matrix",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  result: "hardAlpha"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("feOffset", { dy: "0.6" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("feGaussianBlur", { stdDeviation: "0.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                "feColorMatrix",
+                {
+                  type: "matrix",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                "feBlend",
+                {
+                  mode: "normal",
+                  in2: "BackgroundImageFix",
+                  result: "effect1_dropShadow_184_2208"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                "feBlend",
+                {
+                  mode: "normal",
+                  in: "SourceGraphic",
+                  in2: "effect1_dropShadow_184_2208",
+                  result: "shape"
+                }
+              )
+            ]
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+
+// src/theme.tsx
+var import_styles = require("@mui/material/styles");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var colors = {
+  black: "#000000",
+  white: "#ffffff",
+  grey: {
+    50: "#fafafa",
+    100: "#f5f5f5",
+    200: "#eeeeee",
+    300: "#c9c9c9",
+    400: "#878787",
+    500: "#646464",
+    600: "#484848",
+    700: "#333333",
+    800: "#222222",
+    900: "#111111"
+  },
+  blue: {
+    dark: "#1863D3",
+    light: "#1863D3",
+    main: "#1863D3",
+    drawer: "#3F8CFF"
+  },
+  purple: {
+    dark: "#635BFF",
+    light: "#A64DEF",
+    main: "#5B00EF"
+  },
+  biamp: "#d22730",
+  sidebar: "#E0E0E0",
+  action: {
+    disabled: "#11111166",
+    disabledBackground: "#D8D8D8"
+  },
+  success: {
+    dark: {
+      main: "#00E941",
+      background: "#093615"
+    },
+    light: {
+      main: "#008A05",
+      background: "#EAFEF0"
+    }
+  },
+  warning: {
+    dark: {
+      main: "#FFB800",
+      background: "#41320E"
+    },
+    light: {
+      main: "#E06C00",
+      background: "#FFF4D9"
+    }
+  },
+  error: {
+    dark: {
+      main: "#FF1744",
+      background: "#2E1016"
+    },
+    light: {
+      main: "#E0002D",
+      background: "#FFEDF0"
+    }
+  },
+  info: {
+    dark: {
+      main: "#1863D3",
+      background: "#101C25"
+    },
+    light: {
+      main: "#1863D3",
+      background: "#EBF7FF"
+    }
+  }
+};
+var appBarHeight = 64;
+var drawerWidth = 300;
+var biampTheme = (overrideOptions = {}) => (0, import_styles.createTheme)(
+  {
+    spacing: 8,
+    shape: { borderRadius: 4 },
+    cssVariables: {
+      colorSchemeSelector: "class"
+    },
+    colorSchemes: {
+      light: {
+        palette: {
+          secondary: {
+            contrastText: colors.grey[900],
+            dark: colors.white,
+            light: colors.white,
+            main: colors.white
+          },
+          success: {
+            contrastText: colors.grey[900],
+            dark: colors.success.light.main,
+            light: colors.success.light.main,
+            main: colors.success.light.main
+          },
+          warning: {
+            contrastText: colors.grey[900],
+            dark: colors.warning.light.main,
+            light: colors.warning.light.main,
+            main: colors.warning.light.main
+          },
+          error: {
+            contrastText: colors.white,
+            dark: colors.error.light.main,
+            light: colors.error.light.main,
+            main: colors.error.light.main
+          },
+          info: {
+            contrastText: colors.white,
+            dark: colors.info.light.main,
+            light: colors.info.light.main,
+            main: colors.info.light.main
+          },
+          grey: {
+            ...colors.grey
+          },
+          common: {
+            black: colors.black,
+            white: colors.white
+          },
+          biamp: {
+            contrastText: colors.white,
+            dark: colors.biamp,
+            light: colors.biamp,
+            main: colors.biamp
+          },
+          purple: {
+            contrastText: colors.white,
+            dark: colors.purple.dark,
+            light: colors.purple.light,
+            main: colors.purple.main
+          },
+          blue: {
+            contrastText: colors.white,
+            dark: colors.blue.dark,
+            light: colors.blue.light,
+            main: colors.blue.main
+          },
+          sidebar: {
+            contrastText: colors.white,
+            dark: colors.sidebar,
+            light: colors.sidebar,
+            main: colors.sidebar
+          },
+          primary: {
+            contrastText: colors.white,
+            dark: colors.grey[900],
+            light: colors.grey[900],
+            main: colors.grey[900]
+          },
+          text: {
+            primary: colors.grey[900],
+            secondary: colors.grey[400],
+            disabled: (0, import_styles.alpha)(colors.grey[900], 0.4),
+            sidebar: colors.white
+          },
+          background: {
+            default: colors.white,
+            paper: colors.white,
+            success: colors.success.light.background,
+            warning: colors.warning.light.background,
+            error: colors.error.light.background,
+            info: colors.info.light.background
+          },
+          action: {
+            disabled: colors.action.disabled,
+            disabledBackground: colors.action.disabledBackground
+          },
+          divider: (0, import_styles.alpha)(colors.grey[900], 0.15),
+          dividers: {
+            primary: (0, import_styles.alpha)(colors.grey[900], 0.15),
+            secondary: (0, import_styles.alpha)(colors.grey[900], 0.4)
+          }
+        }
+      },
+      dark: {
+        palette: {
+          secondary: {
+            contrastText: colors.grey[900],
+            dark: colors.white,
+            light: colors.white,
+            main: colors.white
+          },
+          success: {
+            contrastText: colors.grey[900],
+            light: colors.success.dark.main,
+            dark: colors.success.dark.main,
+            main: colors.success.dark.main
+          },
+          warning: {
+            contrastText: colors.grey[900],
+            light: colors.warning.dark.main,
+            dark: colors.warning.dark.main,
+            main: colors.warning.dark.main
+          },
+          error: {
+            contrastText: colors.white,
+            light: colors.error.dark.main,
+            dark: colors.error.dark.main,
+            main: colors.error.dark.main
+          },
+          info: {
+            contrastText: colors.white,
+            light: colors.info.dark.main,
+            dark: colors.info.dark.main,
+            main: colors.info.dark.main
+          },
+          grey: {
+            ...colors.grey
+          },
+          common: {
+            black: colors.black,
+            white: colors.white
+          },
+          biamp: {
+            contrastText: colors.white,
+            dark: colors.biamp,
+            light: colors.biamp,
+            main: colors.biamp
+          },
+          purple: {
+            contrastText: colors.white,
+            dark: colors.purple.dark,
+            light: colors.purple.light,
+            main: colors.purple.main
+          },
+          blue: {
+            contrastText: colors.white,
+            dark: colors.blue.dark,
+            light: colors.blue.light,
+            main: colors.blue.main
+          },
+          sidebar: {
+            contrastText: colors.white,
+            dark: colors.sidebar,
+            light: colors.sidebar,
+            main: colors.sidebar
+          },
+          primary: {
+            contrastText: colors.grey[900],
+            dark: colors.white,
+            light: colors.white,
+            main: colors.white
+          },
+          text: {
+            primary: colors.white,
+            secondary: colors.grey[400],
+            disabled: (0, import_styles.alpha)(colors.white, 0.4),
+            sidebar: colors.white
+          },
+          background: {
+            default: colors.grey[900],
+            paper: colors.grey[900],
+            success: colors.success.dark.background,
+            warning: colors.warning.dark.background,
+            error: colors.error.dark.background,
+            info: colors.info.dark.background
+          },
+          action: {
+            disabled: (0, import_styles.alpha)(colors.white, 0.4),
+            disabledBackground: (0, import_styles.alpha)(colors.white, 0.12)
+          },
+          divider: (0, import_styles.alpha)(colors.white, 0.15),
+          dividers: {
+            primary: (0, import_styles.alpha)(colors.white, 0.15),
+            secondary: (0, import_styles.alpha)(colors.white, 0.4)
+          }
+        }
+      }
+    },
+    typography: {
+      fontFamily: '"Open Sans", sans-serif',
+      fontWeightRegular: 400,
+      fontWeightMedium: 600,
+      fontWeightBold: 600,
+      h0: {
+        fontFamily: '"Montserrat", sans-serif',
+        fontSize: "3.5rem",
+        fontWeight: 500,
+        letterSpacing: "-0.105rem",
+        lineHeight: 1.1
+      },
+      h1: {
+        fontFamily: '"Montserrat", sans-serif',
+        fontSize: "1.75rem",
+        fontWeight: 500,
+        letterSpacing: "-0.07rem",
+        lineHeight: 1.2
+      },
+      h2: {
+        fontFamily: '"Montserrat", sans-serif',
+        fontSize: "1.25rem",
+        fontWeight: 600,
+        letterSpacing: "-0.025rem",
+        lineHeight: 1.5
+      },
+      h3: {
+        fontSize: "1rem",
+        fontWeight: 600,
+        letterSpacing: "-0.02rem",
+        lineHeight: 1.5
+      },
+      h4: {
+        fontFamily: '"Montserrat", sans-serif',
+        fontSize: "1rem",
+        fontWeight: 600,
+        letterSpacing: "-0.02rem",
+        lineHeight: 1.5
+      },
+      body1: {
+        fontSize: "1rem",
+        fontWeight: 400,
+        letterSpacing: "-0.02rem",
+        lineHeight: 1.5
+      },
+      body2: {
+        fontSize: "0.875rem",
+        fontWeight: 400,
+        letterSpacing: "-0.018rem",
+        lineHeight: 1.5
+      },
+      caption: {
+        fontSize: "0.75rem",
+        fontWeight: 400,
+        letterSpacing: "-0.015rem",
+        lineHeight: 1.5
+      },
+      subtitle1: {
+        fontSize: "0.875rem",
+        lineHeight: 1.5
+      },
+      subtitle2: {
+        fontSize: "0.75rem",
+        lineHeight: 1.5
+      },
+      button: {
+        fontSize: "0.875rem",
+        letterSpacing: "-0.018rem",
+        fontWeight: 600,
+        textTransform: "none",
+        lineHeight: 1.5
+      },
+      sidebar: {
+        fontWeight: 700,
+        fontSize: "0.563rem",
+        lineHeight: 1.5,
+        letterSpacing: "-0.013rem"
+      }
+    },
+    components: {
+      MuiCssBaseline: {
+        styleOverrides: `
+        @font-face {
+          font-family: 'Open Sans';
+          font-weight: 400;
+          font-style: normal;
+          font-display: swap;
+          src: url(/open-sans-regular.woff2) format('woff2');
+        }
+
+        @font-face {
+          font-family: 'Open Sans';
+          font-weight: 400;
+          font-style: italic;
+          font-display: swap;
+          src: url(/open-sans-regular-italic.woff2) format('woff2');
+        }
+        
+        @font-face {
+          font-family: 'Open Sans';
+          font-weight: 600;
+          font-style: normal;
+          font-display: swap;
+          src: url(/open-sans-semibold.woff2) format('woff2');
+        }
+
+        @font-face {
+          font-family: 'Open Sans';
+          font-weight: 600;
+          font-style: italic;
+          font-display: swap;
+          src: url(/open-sans-semibold-italic.woff2) format('woff2');
+        }
+
+        @font-face {
+          font-family: 'Open Sans';
+          font-weight: 700;
+          font-style: normal;
+          font-display: swap;
+          src: url(/open-sans-bold.woff2) format('woff2');
+        }
+
+        @font-face {
+          font-family: 'Open Sans';
+          font-weight: 700;
+          font-style: italic;
+          font-display: swap;
+          src: url(/open-sans-bold-italic.woff2) format('woff2');
+        }
+
+        @font-face {
+          font-family: 'Open Sans';
+          font-weight: 800;
+          font-style: normal;
+          font-display: swap;
+          src: url(/open-sans-extrabold.woff2) format('woff2');
+        }
+
+        @font-face {
+          font-family: 'Open Sans';
+          font-weight: 800;
+          font-style: italic;
+          font-display: swap;
+          src: url(/open-sans-extrabold-italic.woff2) format('woff2');
+        }
+
+        @font-face {
+          font-family: 'Montserrat';
+          font-weight: 500;
+          font-style: normal;
+          font-display: swap;
+          src: url(/Montserrat-Medium.ttf) format('truetype');
+        }
+
+        @font-face {
+          font-family: 'Montserrat';
+          font-weight: 600;
+          font-style: normal;
+          font-display: swap;
+          src: url(/Montserrat-SemiBold.ttf) format('truetype');
+        }
+
+        @font-face {
+          font-family: 'Montserrat';
+          font-weight: 700;
+          font-style: normal;
+          font-display: swap;
+          src: url(/Montserrat-Bold.ttf) format('truetype');
+        }
+
+        [class*="Mui"] {
+          border-width: 0.6px !important;
+        }
+    `
+      },
+      MuiAlert: {
+        defaultProps: {
+          iconMapping: {
+            error: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ErrorStatusIcon, { sx: { width: 14, height: 14 } }),
+            warning: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(WarningStatusIcon, { sx: { width: 16, height: 14 } }),
+            info: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(InfoStatusIcon, { sx: { width: 14, height: 14 } }),
+            success: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SuccessStatusIcon, { sx: { width: 14, height: 14 } })
+          }
+        },
+        styleOverrides: {
+          message: ({ theme }) => ({
+            paddingTop: 0,
+            paddingBottom: 0,
+            fontSize: theme.typography.body1.fontSize,
+            fontWeight: 600,
+            letterSpacing: theme.typography.body1.letterSpacing,
+            lineHeight: theme.typography.body1.lineHeight
+          }),
+          icon: {
+            paddingTop: 0,
+            paddingBottom: 0
+          },
+          standard: ({ theme }) => ({
+            color: theme.palette.text.primary,
+            border: `1px solid`
+          }),
+          standardError: ({ theme }) => ({
+            borderColor: theme.palette.error.main,
+            backgroundColor: theme.palette.background.error
+          }),
+          standardInfo: ({ theme }) => ({
+            borderColor: theme.palette.info.main,
+            backgroundColor: theme.palette.background.info
+          }),
+          standardSuccess: ({ theme }) => ({
+            borderColor: theme.palette.success.main,
+            backgroundColor: theme.palette.background.success
+          }),
+          standardWarning: ({ theme }) => ({
+            borderColor: theme.palette.warning.main,
+            backgroundColor: theme.palette.background.warning
+          })
+        }
+      },
+      MuiButton: {
+        defaultProps: {
+          size: "medium",
+          disableElevation: true,
+          disableRipple: true
+        },
+        styleOverrides: {
+          root: {
+            boxShadow: `0px 1px 1px 0px ${(0, import_styles.alpha)(colors.black, 0.05)}`
+          }
+        },
+        variants: [
+          {
+            props: { variant: "contained" },
+            style: ({ theme }) => ({
+              border: `0.6px solid ${theme.palette.dividers.secondary}`,
+              "&.Mui-disabled": {
+                backgroundColor: theme.palette.mode === "dark" ? colors.grey[700] : colors.sidebar,
+                border: `0.6px solid ${theme.palette.mode === "dark" ? (0, import_styles.alpha)(colors.white, 0.15) : (0, import_styles.alpha)(colors.grey[900], 0.15)}`
+              }
+            })
+          },
+          {
+            props: { variant: "contained", color: "primary" },
+            style: {
+              backgroundColor: colors.blue.main,
+              color: colors.white,
+              "&:hover": {
+                backgroundColor: colors.blue.drawer
+              },
+              "&:active": {
+                backgroundColor: colors.blue.main
+              }
+            }
+          },
+          {
+            props: { variant: "contained", color: "error" },
+            style: {
+              backgroundColor: colors.error.light.main,
+              color: colors.white,
+              "&:hover": {
+                backgroundColor: colors.error.dark.main
+              },
+              "&:active": {
+                backgroundColor: colors.error.light.main
+              }
+            }
+          },
+          {
+            props: { variant: "outlined" },
+            style: {
+              backgroundColor: "transparent",
+              "&:hover": {
+                backgroundColor: "transparent"
+              },
+              "&:active": {
+                backgroundColor: "transparent"
+              }
+            }
+          },
+          {
+            props: { variant: "outlined", color: "primary" },
+            style: ({ theme }) => ({
+              border: `0.6px solid ${theme.palette.dividers.secondary}`,
+              "&:hover": {
+                border: `0.6px solid ${theme.palette.mode === "dark" ? (0, import_styles.alpha)(colors.white, 0.8) : (0, import_styles.alpha)(colors.grey[900], 0.8)}`
+              },
+              "&:active": {
+                border: `0.6px solid ${theme.palette.mode === "dark" ? colors.white : colors.grey[900]}`
+              }
+            })
+          },
+          {
+            props: { variant: "outlined", color: "error" },
+            style: {
+              border: `0.6px solid ${(0, import_styles.alpha)(colors.error.light.main, 0.1)}`,
+              "&:hover": {
+                border: `0.6px solid ${(0, import_styles.alpha)(colors.error.light.main, 0.4)}`
+              },
+              "&:active": {
+                border: `0.6px solid ${colors.error.light.main}`
+              }
+            }
+          },
+          {
+            props: { variant: "overlay" },
+            style: {
+              minHeight: "48px !important",
+              height: "48px !important",
+              borderRadius: "0px !important",
+              width: "100%"
+            }
+          },
+          {
+            props: { variant: "overlay", color: "primary" },
+            style: ({ theme }) => ({
+              backgroundColor: colors.blue.main,
+              color: colors.white,
+              "&:hover": {
+                backgroundColor: colors.blue.drawer
+              },
+              "&:active": {
+                backgroundColor: colors.blue.main
+              },
+              "&.Mui-disabled": {
+                backgroundColor: theme.palette.mode === "dark" ? colors.grey[700] : colors.sidebar
+              }
+            })
+          },
+          {
+            props: { variant: "overlay", color: "error" },
+            style: ({ theme }) => ({
+              backgroundColor: colors.error.light.main,
+              color: colors.white,
+              "&:hover": {
+                backgroundColor: colors.error.dark.main
+              },
+              "&:active": {
+                backgroundColor: colors.error.light.main
+              },
+              "&.Mui-disabled": {
+                backgroundColor: theme.palette.mode === "dark" ? colors.grey[700] : colors.sidebar
+              }
+            })
+          },
+          {
+            props: { variant: "overlay", color: "secondary" },
+            style: ({ theme }) => ({
+              backgroundColor: theme.palette.mode === "dark" ? colors.grey[900] : colors.white,
+              borderRight: `0.6px solid ${theme.palette.dividers.secondary}`
+            })
+          },
+          {
+            props: { size: "medium" },
+            style: ({ theme }) => ({
+              borderRadius: "6px",
+              fontSize: theme.typography.button.fontSize,
+              letterSpacing: theme.typography.button.letterSpacing,
+              fontWeight: theme.typography.button.fontWeight,
+              textTransform: theme.typography.button.textTransform,
+              lineHeight: theme.typography.button.lineHeight,
+              paddingLeft: "16px",
+              paddingRight: "16px",
+              height: "44px"
+            })
+          },
+          {
+            props: { size: "small" },
+            style: ({ theme }) => ({
+              borderRadius: "4px",
+              fontSize: "12px",
+              letterSpacing: theme.typography.button.letterSpacing,
+              fontWeight: theme.typography.button.fontWeight,
+              textTransform: theme.typography.button.textTransform,
+              lineHeight: theme.typography.button.lineHeight,
+              paddingLeft: "12px",
+              paddingRight: "12px",
+              height: "32px",
+              "& .MuiButton-startIcon": {
+                "& svg": {
+                  width: "16px",
+                  height: "16px"
+                }
+              },
+              "& .MuiButton-endIcon": {
+                "& svg": {
+                  width: "16px",
+                  height: "16px"
+                }
+              }
+            })
+          }
+        ]
+      },
+      MuiBreadcrumbs: {
+        defaultProps: {
+          separator: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(BreadcrumbIcon, {})
+        },
+        styleOverrides: {
+          separator: ({ theme }) => ({
+            color: theme.palette.text.secondary,
+            "& svg": {
+              width: "16px",
+              height: "16px"
+            }
+          })
+        }
+      },
+      MuiFab: {
+        styleOverrides: {
+          root: ({ theme }) => ({
+            "&.Mui-disabled": {
+              color: theme.palette.action.disabled,
+              backgroundColor: theme.palette.action.disabledBackground
+            }
+          }),
+          primary: {
+            backgroundColor: colors.blue.main,
+            color: colors.white,
+            "&:hover": {
+              backgroundColor: (0, import_styles.alpha)(colors.blue.main, 0.9)
+            }
+          }
+        }
+      },
+      MuiIconButton: {
+        defaultProps: {
+          variant: "transparent",
+          color: "primary",
+          size: "small",
+          disableRipple: true
+        },
+        styleOverrides: {
+          root: {
+            "& svg": {
+              width: "16px",
+              height: "16px"
+            }
+          }
+        },
+        variants: [
+          {
+            props: { variant: "none" },
+            style: {
+              width: "28px",
+              height: "28px"
+            }
+          },
+          {
+            props: { variant: "transparent" },
+            style: ({ theme }) => ({
+              borderRadius: "6px",
+              width: "28px",
+              height: "28px",
+              "&:hover": {
+                backgroundColor: theme.palette.mode === "dark" ? colors.grey[800] : colors.grey[100]
+              },
+              "&:active": {
+                backgroundColor: theme.palette.mode === "dark" ? colors.grey[700] : colors.grey[200]
+              }
+            })
+          },
+          {
+            props: { variant: "outlined" },
+            style: ({ theme }) => ({
+              width: "32px",
+              height: "32px",
+              border: `0.6px solid ${theme.palette.dividers.secondary} !important`,
+              borderRadius: "6px",
+              "&:hover": {
+                border: `0.6px solid ${theme.palette.mode === "dark" ? (0, import_styles.alpha)(colors.white, 0.8) : (0, import_styles.alpha)(colors.grey[900], 0.8)} !important`
+              },
+              "&:active": {
+                border: `0.6px solid ${theme.palette.mode === "dark" ? colors.white : colors.grey[900]} !important`
+              }
+            })
+          },
+          {
+            props: { size: "small" },
+            style: {
+              "& svg": {
+                width: "16px",
+                height: "16px"
+              }
+            }
+          },
+          {
+            props: { size: "medium" },
+            style: {
+              width: "32px",
+              height: "32px",
+              "& svg": {
+                width: "24px",
+                height: "24px"
+              },
+              "& .MuiCircularProgress-root": {
+                width: "24px !important",
+                height: "24px !important"
+              }
+            }
+          }
+        ]
+      },
+      MuiCheckbox: {
+        defaultProps: {
+          disableRipple: true,
+          icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(UncheckedIcon, { sx: { width: 16, height: 16 } }),
+          checkedIcon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CheckedIcon, { sx: { width: 16, height: 16 } }),
+          indeterminateIcon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IndeterminateIcon, { sx: { width: 16, height: 16 } })
+        },
+        styleOverrides: {
+          root: ({ theme }) => ({
+            padding: "12px",
+            "&.Mui-checked": {
+              color: colors.blue.main
+            },
+            "&.MuiCheckbox-indeterminate": {
+              color: colors.blue.main
+            },
+            "&.Mui-disabled": {
+              color: theme.palette.mode === "dark" ? colors.grey[700] : colors.sidebar
+            }
+          })
+        }
+      },
+      MuiDialog: {
+        styleOverrides: {
+          paper: { backgroundImage: "none" }
+        }
+      },
+      MuiDialogTitle: {
+        defaultProps: {
+          variant: "h1"
+        },
+        styleOverrides: {
+          root: ({ theme }) => ({
+            padding: theme.spacing(2, 3, 1),
+            "& + .MuiDialogContent-root": {
+              paddingTop: `${theme.spacing(1)} !important`
+            }
+          })
+        }
+      },
+      MuiDialogContent: {
+        styleOverrides: {
+          root: ({ theme }) => ({
+            display: "flex",
+            flexDirection: "column",
+            padding: theme.spacing(2, 3, 1)
+          })
+        }
+      },
+      MuiDialogActions: {
+        styleOverrides: {
+          root: ({ theme }) => ({
+            "& *:nth-last-of-type(n + 3):first-of-type": {
+              marginRight: "auto"
+            },
+            padding: theme.spacing(1, 3, 2)
+          })
+        }
+      },
+      MuiDialogContentText: {
+        styleOverrides: {
+          root: ({ theme }) => ({
+            fontSize: theme.typography.body2.fontSize,
+            fontWeight: theme.typography.body2.fontWeight,
+            letterSpacing: theme.typography.body2.letterSpacing,
+            lineHeight: theme.typography.body2.lineHeight,
+            color: theme.palette.text.primary
+          })
+        }
+      },
+      MuiDrawer: {
+        styleOverrides: {
+          root: { width: drawerWidth },
+          paper: {
+            width: drawerWidth,
+            backgroundImage: "none",
+            "& .MuiListItemButton-root": {
+              color: colors.sidebar
+            },
+            "& .MuiListItemButton-root.Mui-selected": {
+              backgroundColor: (0, import_styles.alpha)(colors.white, 0.1),
+              color: colors.white,
+              "&:hover": {
+                backgroundColor: (0, import_styles.alpha)(colors.white, 0.1)
+              }
+            },
+            "& .MuiListItemButton-root:hover": {
+              backgroundColor: (0, import_styles.alpha)(colors.white, 0.1),
+              color: colors.white
+            }
+          }
+        }
+      },
+      MuiDivider: {
+        styleOverrides: {
+          root: ({ theme }) => ({
+            borderColor: theme.palette.divider,
+            borderTopWidth: "0px !important",
+            borderBottomWidth: "0.6px !important"
+          })
+        }
+      },
+      MuiFormControlLabel: {
+        styleOverrides: {
+          label: {
+            flex: 1
+          },
+          labelPlacementStart: {
+            display: "flex"
+          }
+        }
+      },
+      MuiListItemButton: {
+        styleOverrides: {
+          root: ({ theme }) => ({
+            "&.Mui-selected": {
+              backgroundColor: theme.palette.action.selected,
+              "&:hover": {
+                backgroundColor: theme.palette.action.hover
+              },
+              "&.Mui-focusVisible": {
+                backgroundColor: theme.palette.action.focus
+              }
+            }
+          })
+        }
+      },
+      MuiTableCell: {
+        styleOverrides: {
+          root: ({ theme }) => ({
+            borderBottomColor: theme.palette.divider
+          })
+        }
+      },
+      MuiInputBase: {
+        styleOverrides: {
+          root: ({ theme }) => ({
+            backgroundColor: theme.palette.background.paper,
+            minHeight: "44px",
+            "&:not(.MuiInputBase-multiline):not(.MuiAutocomplete-inputRoot)": {
+              height: "44px"
+            },
+            "&.Mui-disabled": {
+              backgroundColor: theme.palette.mode === "dark" ? colors.grey[800] : colors.grey[100]
+            }
+          })
+        }
+      },
+      MuiRadio: {
+        styleOverrides: {
+          root: {
+            color: colors.grey[400],
+            "&.Mui-checked": {
+              color: colors.blue.main
+            }
+          }
+        }
+      },
+      MuiSwitch: {
+        styleOverrides: {
+          root: {
+            width: 54,
+            height: 38,
+            padding: 9
+          },
+          switchBase: ({ theme }) => ({
+            padding: 9,
+            "&.Mui-checked": {
+              transform: "translateX(16px)",
+              "& + .MuiSwitch-track": {
+                backgroundColor: colors.blue.main,
+                opacity: 1
+              }
+            },
+            "&.Mui-disabled": {
+              "& .MuiSwitch-thumb": {
+                backgroundColor: theme.palette.mode === "dark" ? colors.grey[800] : colors.grey[100]
+              },
+              "& + .MuiSwitch-track": {
+                backgroundColor: theme.palette.mode === "dark" ? colors.grey[800] : colors.grey[100],
+                opacity: 1
+              }
+            }
+          }),
+          track: ({ theme }) => ({
+            borderRadius: 10,
+            width: 36,
+            height: 20,
+            backgroundColor: theme.palette.mode === "dark" ? colors.grey[800] : colors.grey[100],
+            opacity: 1,
+            border: theme.palette.mode === "dark" ? `0.6px solid var(--Divider-divider_primary, ${(0, import_styles.alpha)(colors.white, 0.26)})` : `0.6px solid var(--Divider-divider_primary, ${(0, import_styles.alpha)(colors.grey[900], 0.26)})`
+          }),
+          thumb: ({ theme }) => ({
+            boxShadow: `0px 1px 2px 0px ${(0, import_styles.alpha)("#101828", 0.15)}`,
+            width: 14,
+            height: 14,
+            margin: 3,
+            backgroundColor: colors.white,
+            border: theme.palette.mode === "dark" ? `0.6px solid var(--Divider-divider_primary, ${(0, import_styles.alpha)(colors.white, 0.26)})` : `0.6px solid var(--Divider-divider_primary, ${(0, import_styles.alpha)(colors.grey[900], 0.26)})`
+          })
+        }
+      },
+      MuiTabs: {
+        styleOverrides: {
+          root: {
+            "& .MuiTabs-indicator": {
+              backgroundColor: colors.blue.main
+            },
+            minHeight: 44
+          },
+          flexContainer: {
+            gap: 20
+          }
+        }
+      },
+      MuiTab: {
+        styleOverrides: {
+          root: ({ theme }) => ({
+            fontWeight: 600,
+            paddingLeft: 1,
+            paddingRight: 1,
+            minWidth: "auto",
+            minHeight: 44,
+            opacity: 1,
+            color: theme.palette.text.secondary,
+            "&.Mui-selected": {
+              color: theme.palette.primary.main
+            }
+          })
+        }
+      },
+      MuiTooltip: {
+        styleOverrides: {
+          tooltip: ({ theme }) => ({
+            backgroundColor: theme.palette.grey[600],
+            borderRadius: "6px",
+            fontSize: theme.typography.caption.fontSize,
+            fontWeight: 500,
+            letterSpacing: theme.typography.caption.letterSpacing,
+            lineHeight: theme.typography.caption.lineHeight,
+            paddingTop: "8px",
+            paddingBottom: "8px",
+            paddingLeft: "12px",
+            paddingRight: "12px"
+          }),
+          arrow: ({ theme }) => ({
+            color: theme.palette.grey[600]
+          })
+        }
+      },
+      MuiTextField: {
+        defaultProps: {
+          InputLabelProps: {
+            shrink: true
+          }
+        }
+      },
+      MuiInputLabel: {
+        defaultProps: {
+          shrink: true
+        },
+        styleOverrides: {
+          root: ({ theme }) => ({
+            position: "relative",
+            transform: "none",
+            marginBottom: theme.spacing(0.75),
+            fontSize: theme.typography.caption.fontSize,
+            fontWeight: 600,
+            color: theme.palette.text.primary,
+            "&.Mui-focused": {
+              color: theme.palette.text.primary
+            },
+            "&.Mui-error": {
+              color: theme.palette.error.main
+            },
+            "&.Mui-disabled": {
+              color: theme.palette.text.disabled
+            }
+          }),
+          shrink: {
+            transform: "none"
+          }
+        }
+      },
+      MuiOutlinedInput: {
+        styleOverrides: {
+          root: {
+            padding: 0,
+            borderRadius: "6px",
+            "&:not(.MuiInputBase-multiline):not(.MuiAutocomplete-inputRoot)": {
+              "& .MuiOutlinedInput-notchedOutline": {
+                height: "44px",
+                legend: {
+                  display: "none"
+                }
+              }
+            },
+            "&.MuiInputBase-multiline": {
+              "& .MuiOutlinedInput-notchedOutline": {
+                height: "auto",
+                legend: {
+                  display: "none"
+                }
+              }
+            }
+          },
+          input: ({ theme }) => ({
+            "&:not(textarea)": {
+              height: "44px"
+            },
+            "&.MuiInputBase-inputMultiline": {
+              margin: theme.spacing(1)
+            },
+            boxSizing: "border-box",
+            fontSize: theme.typography.body2.fontSize,
+            fontWeight: theme.typography.body2.fontWeight,
+            letterSpacing: theme.typography.body2.letterSpacing,
+            lineHeight: theme.typography.body2.lineHeight
+          }),
+          notchedOutline: {
+            top: 0,
+            boxShadow: `0px 1px 1px 0px ${(0, import_styles.alpha)(colors.black, 0.05)};`,
+            "& legend": {
+              display: "none"
+            }
+          }
+        }
+      },
+      MuiFormLabel: {
+        styleOverrides: {
+          root: ({ theme }) => ({
+            fontSize: theme.typography.body2.fontSize,
+            fontWeight: 600,
+            color: theme.palette.text.primary
+          })
+        }
+      },
+      MuiFormHelperText: {
+        styleOverrides: {
+          root: ({ theme }) => ({
+            marginLeft: 0,
+            marginRight: 0,
+            marginTop: theme.spacing(0.5)
+          })
+        }
+      },
+      MuiInputAdornment: {
+        styleOverrides: {
+          positionEnd: {
+            marginRight: "8px"
+          }
+        }
+      },
+      MuiMenu: {
+        defaultProps: {
+          transitionDuration: 0
+        },
+        styleOverrides: {
+          paper: ({ theme }) => ({
+            boxShadow: `0px 1px 1px 0px ${(0, import_styles.alpha)(colors.black, 0.05)}`,
+            borderRadius: "6px",
+            border: `0.6px solid ${theme.palette.dividers.secondary}`,
+            backgroundImage: "none",
+            marginTop: theme.spacing(1)
+          })
+        }
+      },
+      MuiList: {
+        styleOverrides: {
+          root: {
+            paddingTop: "0px",
+            paddingBottom: "0px"
+          }
+        }
+      },
+      MuiMenuItem: {
+        styleOverrides: {
+          root: ({ theme }) => ({
+            fontSize: theme.typography.body2.fontSize,
+            fontWeight: theme.typography.body2.fontWeight,
+            letterSpacing: theme.typography.body2.letterSpacing,
+            lineHeight: theme.typography.body2.lineHeight,
+            paddingTop: "0px",
+            paddingBottom: "0px",
+            paddingLeft: "12px",
+            paddingRight: "12px",
+            minHeight: "44px !important"
+          })
+        }
+      },
+      MuiAutocomplete: {
+        defaultProps: {
+          clearIcon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(InputCloseIcon, { sx: { width: 24, height: 24 } })
+        },
+        styleOverrides: {
+          inputRoot: {
+            minHeight: "44px",
+            height: "auto",
+            padding: "0 !important",
+            borderRadius: "6px",
+            "& .MuiOutlinedInput-input": {
+              padding: "10px 14px"
+            },
+            "& .MuiOutlinedInput-notchedOutline": {
+              height: "auto"
+            }
+          },
+          input: {
+            minHeight: "44px",
+            padding: "10px 14px",
+            boxSizing: "border-box"
+          },
+          endAdornment: {
+            "& .MuiAutocomplete-clearIndicator": {
+              visibility: "visible"
+            }
+          },
+          option: ({ theme }) => ({
+            fontSize: theme.typography.body2.fontSize,
+            fontWeight: theme.typography.body2.fontWeight,
+            letterSpacing: theme.typography.body2.letterSpacing,
+            lineHeight: theme.typography.body2.lineHeight,
+            paddingTop: "0px !important",
+            paddingBottom: "0px !important",
+            paddingLeft: "12px !important",
+            paddingRight: "12px !important",
+            minHeight: "44px !important"
+          }),
+          listbox: {
+            paddingTop: "0px",
+            paddingBottom: "0px"
+          },
+          paper: ({ theme }) => ({
+            boxShadow: `0px 1px 1px 0px ${(0, import_styles.alpha)(colors.black, 0.05)}`,
+            borderRadius: "6px",
+            border: `0.6px solid ${theme.palette.dividers.secondary}`,
+            backgroundImage: "none",
+            marginTop: theme.spacing(1),
+            marginBottom: theme.spacing(1)
+          })
+        }
+      },
+      // MUI X DatePicker components
+      // @ts-ignore - MUI X DatePicker component types may not be available
+      MuiDatePicker: {
+        defaultProps: {
+          slots: {
+            openPickerIcon: DatePickerIcon
+          },
+          slotProps: {
+            openPickerButton: {
+              size: "medium"
+            },
+            inputAdornment: {
+              sx: { mx: "4px" }
+            }
+          }
+        }
+      },
+      MuiPickersTextField: {
+        styleOverrides: {
+          root: {
+            "& .MuiInputBase-root": {
+              height: "44px",
+              borderRadius: "6px"
+            },
+            "& .MuiOutlinedInput-root": {
+              height: "44px",
+              borderRadius: "6px"
+            },
+            "& .MuiOutlinedInput-input": {
+              height: "44px",
+              padding: "10px 14px",
+              boxSizing: "border-box"
+            },
+            "& .MuiOutlinedInput-notchedOutline": {
+              height: "44px",
+              top: 0,
+              borderRadius: "6px",
+              "& legend": {
+                display: "none",
+                width: 0,
+                height: 0
+              }
+            }
+          }
+        }
+      },
+      MuiPickersInputBase: {
+        styleOverrides: {
+          root: {
+            height: "44px !important",
+            borderRadius: "6px",
+            "& .MuiInputBase-input": {
+              height: "44px",
+              padding: "10px 14px",
+              boxSizing: "border-box"
+            },
+            "& .MuiOutlinedInput-notchedOutline": {
+              height: "44px",
+              top: 0,
+              borderRadius: "6px",
+              "& legend": {
+                display: "none",
+                width: 0,
+                height: 0
+              }
+            }
+          }
+        }
+      },
+      MuiPickersOutlinedInput: {
+        styleOverrides: {
+          root: {
+            height: "44px !important",
+            borderRadius: "6px",
+            "& .MuiOutlinedInput-input": {
+              height: "44px",
+              padding: "10px 14px",
+              boxSizing: "border-box"
+            },
+            "& .MuiOutlinedInput-notchedOutline": {
+              height: "44px",
+              top: 0,
+              borderRadius: "6px",
+              "& legend": {
+                display: "none",
+                width: 0,
+                height: 0
+              }
+            }
+          },
+          input: {
+            height: "44px",
+            padding: "10px 14px",
+            boxSizing: "border-box"
+          },
+          notchedOutline: {
+            height: "44px",
+            top: 0,
+            borderRadius: "6px",
+            "& legend": {
+              display: "none",
+              width: 0,
+              height: 0
+            }
+          }
+        }
+      }
+    }
+  },
+  overrideOptions
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  appBarHeight,
+  biampTheme
+});
+//# sourceMappingURL=index.cjs.map