@telicent-oss/ds 4.0.0 → 4.1.0

package/dist/ds.js

@@ -1,10 +1,10 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { SvgIcon, useTheme as useTheme$1, CircularProgress, Dialog as Dialog$1, Button as Button$1, ButtonBase, DialogContent, DialogActions, TextField as TextField$1, Typography as Typography$1, Box as Box$1, InputLabel, Select as Select$2, MenuItem, Divider as Divider$1, FormHelperText, FormControl, Autocomplete as Autocomplete$1, Switch as Switch$1, FormControlLabel, Checkbox as Checkbox$1, tooltipClasses, Tooltip, Toolbar as Toolbar$1, alpha as alpha$1, ThemeProvider, Avatar, IconButton as IconButton$1, Paper as Paper$1 } from "@mui/material";
+import { SvgIcon, useTheme as useTheme$1, CircularProgress, Dialog as Dialog$1, Button as Button$1, ButtonBase, DialogContent, DialogActions, TextField as TextField$1, Typography as Typography$1, Box as Box$1, InputLabel, Select as Select$2, MenuItem, Divider as Divider$1, FormHelperText as FormHelperText$1, FormControl as FormControl$1, Autocomplete as Autocomplete$1, Switch as Switch$1, FormControlLabel as FormControlLabel$1, Checkbox as Checkbox$1, tooltipClasses, Tooltip as Tooltip$1, Toolbar as Toolbar$1, alpha as alpha$1, ThemeProvider, Avatar, IconButton as IconButton$1, Paper as Paper$1 } from "@mui/material";
 import { DialogActions as DialogActions2, DialogContent as DialogContent2, DialogTitle } from "@mui/material";
 import * as React$1 from "react";
-import React__default, { useState, useEffect, forwardRef, useContext, useCallback, useId as useId$1, memo, useMemo, PureComponent, createElement as createElement$1, createContext, useRef, useImperativeHandle } from "react";
+import React__default, { useState, useEffect, forwardRef, useContext, useCallback, useId as useId$1, createContext, memo, useMemo, PureComponent, createElement as createElement$1, useRef, useImperativeHandle } from "react";
 import { useTheme, useThemeProps, styled, alpha, createTheme as createTheme$1 } from "@mui/material/styles";
 import { alpha as alpha2 } from "@mui/material/styles";
 import MUISvgIcon from "@mui/material/SvgIcon";
@@ -27,6 +27,11 @@ import MUIChip from "@mui/material/Chip";
 import MUIDivider from "@mui/material/Divider";
 import MUIAvatar from "@mui/material/Avatar";
 import MUIPopOver from "@mui/material/Popover";
+import TableRaw from "@mui/material/Table";
+import TableBodyRaw from "@mui/material/TableBody";
+import TableCellRaw from "@mui/material/TableCell";
+import TableHeadRaw from "@mui/material/TableHead";
+import TableRowRaw from "@mui/material/TableRow";
 import LinearProgressRaw from "@mui/material/LinearProgress";
 import MUIButton from "@mui/material/Button";
 import Alert from "@mui/material/Alert";
@@ -34,12 +39,15 @@ import { default as default2 } from "@mui/material/Alert";
 import SkeletonRaw from "@mui/material/Skeleton";
 import { useSnackbar as useSnackbar$1, enqueueSnackbar, SnackbarProvider as SnackbarProvider$1 } from "notistack";
 import { closeSnackbar } from "notistack";
-import MUIToggleButton from "@mui/material/ToggleButton";
 import MUITooltip from "@mui/material/Tooltip";
+import MUIToggleButton from "@mui/material/ToggleButton";
 import { DatePicker as DatePicker$1 } from "@mui/x-date-pickers/DatePicker";
 import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
 import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
 import { DateTimePicker as DateTimePicker$1 } from "@mui/x-date-pickers/DateTimePicker";
+import FormControlRaw from "@mui/material/FormControl";
+import FormControlLabelRaw from "@mui/material/FormControlLabel";
+import FormHelperTextRaw from "@mui/material/FormHelperText";
 import MUICircularProgress from "@mui/material/CircularProgress";
 import OutlinedInput from "@mui/material/OutlinedInput";
 import { styled as styled$1 } from "@mui/system";
@@ -48,6 +56,8 @@ import MUIPopper from "@mui/material/Popper";
 import MUIPaper from "@mui/material/Paper";
 import { createSvgIcon, useForkRef as useForkRef$2 } from "@mui/material/utils";
 import InputBase from "@mui/material/InputBase";
+import MuiTabs from "@mui/material/Tabs";
+import MuiTab from "@mui/material/Tab";
 import MUICard from "@mui/material/Card";
 import MUICardHeader from "@mui/material/CardHeader";
 import MUICardContent from "@mui/material/CardContent";
@@ -1813,7 +1823,7 @@ var jsxs = function jsxs2(type, props, key) {
 };
 const BinIcon = (iconProps) => /* @__PURE__ */ jsx(MUISvgIcon, { ...iconProps, viewBox: "6 5 12 14", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5556 6C13.476 6 14.2222 6.80589 14.2222 7.8H17V9H15.8889V16.2C15.8889 17.1941 15.1427 18 14.2222 18H9.77778C8.8573 18 8.11111 17.1941 8.11111 16.2V9H7V7.8H9.77778C9.77778 6.80589 10.524 6 11.4444 6H12.5556ZM9.22222 16.2L9.22494 16.2615C9.25345 16.564 9.49018 16.8 9.77778 16.8H14.2222L14.2792 16.7971C14.5593 16.7663 14.7778 16.5106 14.7778 16.2V9H9.22222V16.2ZM11.4444 7.2C11.1376 7.2 10.8889 7.46863 10.8889 7.8H13.1111C13.1111 7.46863 12.8624 7.2 12.5556 7.2H11.4444Z", fill: "currentColor" }) });
 const CloseIcon = (iconProps) => /* @__PURE__ */ jsx(MUISvgIcon, { ...iconProps, viewBox: "0 0 12 13", children: /* @__PURE__ */ jsx("path", { d: "M11.9997 1.84102L10.8247 0.666016L6.16634 5.32435L1.50801 0.666016L0.333008 1.84102L4.99134 6.49935L0.333008 11.1577L1.50801 12.3327L6.16634 7.67435L10.8247 12.3327L11.9997 11.1577L7.34134 6.49935L11.9997 1.84102Z", fill: "currentColor" }) });
-const CogIcon = (iconProps) => /* @__PURE__ */ jsx(MUISvgIcon, { ...iconProps, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.4142 2C13.7472 2 14.0331 2.23578 14.0964 2.5626L14.4482 4.3773C15.0779 4.60095 15.6666 4.9124 16.1975 5.29804L17.9247 4.66643C18.2371 4.55212 18.5872 4.68036 18.7537 4.96876L20.1679 7.41772C20.3345 7.70616 20.2678 8.07248 20.0104 8.28338L18.5896 9.44811C18.6608 9.79007 18.6982 10.1443 18.6982 10.5073C18.6982 10.8703 18.6608 11.2245 18.5896 11.5665L20.0104 12.7312C20.2678 12.9421 20.3345 13.3084 20.1679 13.5969L18.7537 16.0458C18.5872 16.3342 18.2371 16.4625 17.9247 16.3482L16.1975 15.7166C15.6666 16.1022 15.0779 16.4137 14.4482 16.6373L14.0964 18.452C14.0331 18.7788 13.7472 19.0146 13.4142 19.0146H10.5858C10.2528 19.0146 9.9669 18.7788 9.90361 18.452L9.55176 16.6373C8.92209 16.4137 8.33338 16.1022 7.80253 15.7166L6.0753 16.3482C5.76288 16.4625 5.41283 16.3342 5.24631 16.0458L3.83208 13.5969C3.66551 13.3084 3.73217 12.9421 3.98964 12.7312L5.4104 11.5665C5.33921 11.2245 5.30177 10.8703 5.30177 10.5073C5.30177 10.1443 5.33921 9.79007 5.4104 9.44811L3.98964 8.28338C3.73217 8.07248 3.66551 7.70616 3.83208 7.41772L5.24631 4.96876C5.41283 4.68036 5.76288 4.55212 6.0753 4.66643L7.80253 5.29804C8.33338 4.9124 8.92209 4.60095 9.55176 4.3773L9.90361 2.5626C9.9669 2.23578 10.2528 2 10.5858 2H13.4142ZM12.7592 3.56679H11.2408L10.9401 5.11751C10.8871 5.39093 10.6929 5.61587 10.4272 5.70389C9.7188 5.93858 9.06819 6.28901 8.49443 6.72979C8.27923 6.89513 7.99093 6.94061 7.73326 6.84636L6.25758 6.30662L5.4964 7.62497L6.71075 8.6208C6.9227 8.79458 7.02026 9.07091 6.9662 9.34093C6.90506 9.64593 6.86855 9.96035 6.86855 10.5073C6.86855 11.0543 6.90506 11.3687 6.9662 11.6737C7.02026 11.9437 6.9227 12.22 6.71075 12.3938L5.4964 13.3897L6.25758 14.708L7.73326 14.1683C7.99093 14.074 8.27923 14.1195 8.49443 14.2848C9.06819 14.7256 9.7188 15.076 10.4272 15.3107C10.6929 15.3988 10.8871 15.6237 10.9401 15.8971L11.2408 17.4478H12.7592L13.0599 15.8971C13.1129 15.6237 13.3071 15.3988 13.5728 15.3107C14.2812 15.076 14.9318 14.7256 15.5056 14.2848C15.7208 14.1195 16.0091 14.074 16.2667 14.1683L17.7424 14.708L18.5036 13.3897L17.2893 12.3938C17.0773 12.22 16.9797 11.9437 17.0338 11.6737C17.0949 11.3687 17.1315 11.0543 17.1315 10.5073C17.1315 9.96035 17.0949 9.64593 17.0338 9.34093C16.9797 9.07091 17.0773 8.79458 17.2893 8.6208L18.5036 7.62497L17.7424 6.30662L16.2667 6.84636C16.0091 6.94061 15.7208 6.89513 15.5056 6.72979C14.9318 6.28901 14.2812 5.93858 13.5728 5.70389C13.3071 5.61587 13.1129 5.39093 13.0599 5.11751L12.7592 3.56679ZM12 7.83398C13.6478 7.83398 14.9834 9.16957 14.9834 10.8174C14.9834 12.4653 13.6478 13.8008 12 13.8008C10.3522 13.8008 9.01659 12.4653 9.01659 10.8174C9.01659 9.16957 10.3522 7.83398 12 7.83398ZM12 9.40077C11.2175 9.40077 10.5834 10.0349 10.5834 10.8174C10.5834 11.5999 11.2175 12.234 12 12.234C12.7825 12.234 13.4166 11.5999 13.4166 10.8174C13.4166 10.0349 12.7825 9.40077 12 9.40077Z", fill: "currentColor" }) });
+const CogIcon = (iconProps) => /* @__PURE__ */ jsx(MUISvgIcon, { ...iconProps, children: /* @__PURE__ */ jsx("g", { transform: "translate(-2.106 -0.351) scale(1.1755)", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.4142 2C13.7472 2 14.0331 2.23578 14.0964 2.5626L14.4482 4.3773C15.0779 4.60095 15.6666 4.9124 16.1975 5.29804L17.9247 4.66643C18.2371 4.55212 18.5872 4.68036 18.7537 4.96876L20.1679 7.41772C20.3345 7.70616 20.2678 8.07248 20.0104 8.28338L18.5896 9.44811C18.6608 9.79007 18.6982 10.1443 18.6982 10.5073C18.6982 10.8703 18.6608 11.2245 18.5896 11.5665L20.0104 12.7312C20.2678 12.9421 20.3345 13.3084 20.1679 13.5969L18.7537 16.0458C18.5872 16.3342 18.2371 16.4625 17.9247 16.3482L16.1975 15.7166C15.6666 16.1022 15.0779 16.4137 14.4482 16.6373L14.0964 18.452C14.0331 18.7788 13.7472 19.0146 13.4142 19.0146H10.5858C10.2528 19.0146 9.9669 18.7788 9.90361 18.452L9.55176 16.6373C8.92209 16.4137 8.33338 16.1022 7.80253 15.7166L6.0753 16.3482C5.76288 16.4625 5.41283 16.3342 5.24631 16.0458L3.83208 13.5969C3.66551 13.3084 3.73217 12.9421 3.98964 12.7312L5.4104 11.5665C5.33921 11.2245 5.30177 10.8703 5.30177 10.5073C5.30177 10.1443 5.33921 9.79007 5.4104 9.44811L3.98964 8.28338C3.73217 8.07248 3.66551 7.70616 3.83208 7.41772L5.24631 4.96876C5.41283 4.68036 5.76288 4.55212 6.0753 4.66643L7.80253 5.29804C8.33338 4.9124 8.92209 4.60095 9.55176 4.3773L9.90361 2.5626C9.9669 2.23578 10.2528 2 10.5858 2H13.4142ZM12.7592 3.56679H11.2408L10.9401 5.11751C10.8871 5.39093 10.6929 5.61587 10.4272 5.70389C9.7188 5.93858 9.06819 6.28901 8.49443 6.72979C8.27923 6.89513 7.99093 6.94061 7.73326 6.84636L6.25758 6.30662L5.4964 7.62497L6.71075 8.6208C6.9227 8.79458 7.02026 9.07091 6.9662 9.34093C6.90506 9.64593 6.86855 9.96035 6.86855 10.5073C6.86855 11.0543 6.90506 11.3687 6.9662 11.6737C7.02026 11.9437 6.9227 12.22 6.71075 12.3938L5.4964 13.3897L6.25758 14.708L7.73326 14.1683C7.99093 14.074 8.27923 14.1195 8.49443 14.2848C9.06819 14.7256 9.7188 15.076 10.4272 15.3107C10.6929 15.3988 10.8871 15.6237 10.9401 15.8971L11.2408 17.4478H12.7592L13.0599 15.8971C13.1129 15.6237 13.3071 15.3988 13.5728 15.3107C14.2812 15.076 14.9318 14.7256 15.5056 14.2848C15.7208 14.1195 16.0091 14.074 16.2667 14.1683L17.7424 14.708L18.5036 13.3897L17.2893 12.3938C17.0773 12.22 16.9797 11.9437 17.0338 11.6737C17.0949 11.3687 17.1315 11.0543 17.1315 10.5073C17.1315 9.96035 17.0949 9.64593 17.0338 9.34093C16.9797 9.07091 17.0773 8.79458 17.2893 8.6208L18.5036 7.62497L17.7424 6.30662L16.2667 6.84636C16.0091 6.94061 15.7208 6.89513 15.5056 6.72979C14.9318 6.28901 14.2812 5.93858 13.5728 5.70389C13.3071 5.61587 13.1129 5.39093 13.0599 5.11751L12.7592 3.56679ZM12 7.83398C13.6478 7.83398 14.9834 9.16957 14.9834 10.8174C14.9834 12.4653 13.6478 13.8008 12 13.8008C10.3522 13.8008 9.01659 12.4653 9.01659 10.8174C9.01659 9.16957 10.3522 7.83398 12 7.83398ZM12 9.40077C11.2175 9.40077 10.5834 10.0349 10.5834 10.8174C10.5834 11.5999 11.2175 12.234 12 12.234C12.7825 12.234 13.4166 11.5999 13.4166 10.8174C13.4166 10.0349 12.7825 9.40077 12 9.40077Z", fill: "currentColor" }) }) });
 const XIcon = (iconProps) => /* @__PURE__ */ jsx(MUISvgIcon, { ...iconProps, viewBox: "0 0 640 640", children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z" }) });
 const DataServiceIcon = (svgIconProps) => /* @__PURE__ */ jsx(SvgIcon, { ...svgIconProps, children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "27", viewBox: "0 0 15 27", fill: "none", children: [
   /* @__PURE__ */ jsx("circle", { cx: "1.74976", cy: "22.345", r: "1.40649", transform: "rotate(90 1.74976 22.345)", fill: "currentColor" }),
@@ -6861,7 +6871,7 @@ const faIdCard$1 = {
   icon: [576, 512, [62147, "drivers-license"], "f2c2", "M528 160l0 256c0 8.8-7.2 16-16 16l-192 0c0-44.2-35.8-80-80-80l-64 0c-44.2 0-80 35.8-80 80l-32 0c-8.8 0-16-7.2-16-16l0-256 480 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l448 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM272 256a64 64 0 1 0 -128 0 64 64 0 1 0 128 0zm104-48c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-80 0zm0 96c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-80 0z"]
 };
 const faDriversLicense$1 = faIdCard$1;
-const faSun$1 = {
+const faSun$2 = {
   prefix: "far",
   iconName: "sun",
   icon: [512, 512, [9728], "f185", "M375.7 19.7c-1.5-8-6.9-14.7-14.4-17.8s-16.1-2.2-22.8 2.4L256 61.1 173.5 4.2c-6.7-4.6-15.3-5.5-22.8-2.4s-12.9 9.8-14.4 17.8l-18.1 98.5L19.7 136.3c-8 1.5-14.7 6.9-17.8 14.4s-2.2 16.1 2.4 22.8L61.1 256 4.2 338.5c-4.6 6.7-5.5 15.3-2.4 22.8s9.8 13 17.8 14.4l98.5 18.1 18.1 98.5c1.5 8 6.9 14.7 14.4 17.8s16.1 2.2 22.8-2.4L256 450.9l82.5 56.9c6.7 4.6 15.3 5.5 22.8 2.4s12.9-9.8 14.4-17.8l18.1-98.5 98.5-18.1c8-1.5 14.7-6.9 17.8-14.4s2.2-16.1-2.4-22.8L450.9 256l56.9-82.5c4.6-6.7 5.5-15.3 2.4-22.8s-9.8-12.9-17.8-14.4l-98.5-18.1L375.7 19.7zM269.6 110l65.6-45.2 14.4 78.3c1.8 9.8 9.5 17.5 19.3 19.3l78.3 14.4L402 242.4c-5.7 8.2-5.7 19 0 27.2l45.2 65.6-78.3 14.4c-9.8 1.8-17.5 9.5-19.3 19.3l-14.4 78.3L269.6 402c-8.2-5.7-19-5.7-27.2 0l-65.6 45.2-14.4-78.3c-1.8-9.8-9.5-17.5-19.3-19.3L64.8 335.2 110 269.6c5.7-8.2 5.7-19 0-27.2L64.8 176.8l78.3-14.4c9.8-1.8 17.5-9.5 19.3-19.3l14.4-78.3L242.4 110c8.2 5.7 19 5.7 27.2 0zM256 368a112 112 0 1 0 0-224 112 112 0 1 0 0 224zM192 256a64 64 0 1 1 128 0 64 64 0 1 1 -128 0z"]
@@ -6991,7 +7001,7 @@ const faFaceGrinBeamSweat$1 = {
   icon: [512, 512, [128517, "grin-beam-sweat"], "f583", "M476.8 126.3C497.1 120.8 512 102.7 512 81c0-20-28.6-60.4-41.6-77.7c-3.2-4.4-9.6-4.4-12.8 0c-9.5 12.6-27.1 37.2-36 57.5c-.3 .7-.6 1.4-.9 2.1C417.8 69.7 416 76 416 81c0 26 21.5 47 48 47c4.4 0 8.7-.6 12.8-1.7zM395.4 41.2C355.3 15.2 307.4 0 256 0C114.6 0 0 114.6 0 256S114.6 512 256 512s256-114.6 256-256c0-35.8-7.3-69.9-20.6-100.8c-8.6 3.1-17.8 4.8-27.4 4.8c-8.9 0-17.6-1.5-25.7-4.2C454.7 185.5 464 219.7 464 256c0 114.9-93.1 208-208 208S48 370.9 48 256S141.1 48 256 48c48.7 0 93.4 16.7 128.9 44.7c-.6-3.8-.9-7.7-.9-11.7c0-11.4 3.8-22.4 7.1-30.5c1.3-3.1 2.7-6.2 4.3-9.3zM375 336.5c10.4-16.1-6.8-32.5-25.5-28.1c-28.9 6.8-60.5 10.5-93.6 10.5s-64.7-3.7-93.6-10.5c-18.7-4.4-35.9 12-25.5 28.1c24.6 38.1 68.7 63.5 119.1 63.5s94.5-25.4 119.1-63.5zM217.6 228.8s0 0 0 0s0 0 0 0s0 0 0 0c2.1 2.8 5.7 3.9 8.9 2.8s5.5-4.1 5.5-7.6c0-17.9-6.7-35.6-16.6-48.8c-9.8-13-23.9-23.2-39.4-23.2s-29.6 10.2-39.4 23.2C126.7 188.4 120 206.1 120 224c0 3.4 2.2 6.5 5.5 7.6s6.9 0 8.9-2.8c0 0 0 0 0 0s0 0 0 0c0 0 0 0 0 0l.2-.2c.2-.2 .4-.5 .7-.9c.6-.8 1.6-2 2.8-3.4c2.5-2.8 6-6.6 10.2-10.3c8.8-7.8 18.8-14 27.7-14s18.9 6.2 27.7 14c4.2 3.7 7.7 7.5 10.2 10.3c1.2 1.4 2.2 2.6 2.8 3.4c.3 .4 .6 .7 .7 .9l.2 .2c0 0 0 0 0 0zm160 0s0 0 0 0s0 0 0 0c2.1 2.8 5.7 3.9 8.9 2.8s5.5-4.1 5.5-7.6c0-17.9-6.7-35.6-16.6-48.8c-9.8-13-23.9-23.2-39.4-23.2s-29.6 10.2-39.4 23.2C286.7 188.4 280 206.1 280 224c0 3.4 2.2 6.5 5.5 7.6s6.9 0 8.9-2.8c0 0 0 0 0 0s0 0 0 0c0 0 0 0 0 0l.2-.2c.2-.2 .4-.5 .7-.9c.6-.8 1.6-2 2.8-3.4c2.5-2.8 6-6.6 10.2-10.3c8.8-7.8 18.8-14 27.7-14s18.9 6.2 27.7 14c4.2 3.7 7.7 7.5 10.2 10.3c1.2 1.4 2.2 2.6 2.8 3.4c.3 .4 .6 .7 .7 .9l.2 .2c0 0 0 0 0 0c0 0 0 0 0 0z"]
 };
 const faGrinBeamSweat$1 = faFaceGrinBeamSweat$1;
-const faMoon$1 = {
+const faMoon$2 = {
   prefix: "far",
   iconName: "moon",
   icon: [384, 512, [127769, 9214], "f186", "M144.7 98.7c-21 34.1-33.1 74.3-33.1 117.3c0 98 62.8 181.4 150.4 211.7c-12.4 2.8-25.3 4.3-38.6 4.3C126.6 432 48 353.3 48 256c0-68.9 39.4-128.4 96.8-157.3zm62.1-66C91.1 41.2 0 137.9 0 256C0 379.7 100 480 223.5 480c47.8 0 92-15 128.4-40.6c1.9-1.3 3.7-2.7 5.5-4c4.8-3.6 9.4-7.4 13.9-11.4c2.7-2.4 5.3-4.8 7.9-7.3c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-3.7 .6-7.4 1.2-11.1 1.6c-5 .5-10.1 .9-15.3 1c-1.2 0-2.5 0-3.7 0l-.3 0c-96.8-.2-175.2-78.9-175.2-176c0-54.8 24.9-103.7 64.1-136c1-.9 2.1-1.7 3.2-2.6c4-3.2 8.2-6.2 12.5-9c3.1-2 6.3-4 9.6-5.8c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-3.6-.3-7.1-.5-10.7-.6c-2.7-.1-5.5-.1-8.2-.1c-3.3 0-6.5 .1-9.8 .2c-2.3 .1-4.6 .2-6.9 .4z"]
@@ -7283,7 +7293,7 @@ var icons$1 = {
   faMeh: faMeh$1,
   faIdCard: faIdCard$1,
   faDriversLicense: faDriversLicense$1,
-  faSun: faSun$1,
+  faSun: faSun$2,
   faFaceLaughWink: faFaceLaughWink$1,
   faLaughWink: faLaughWink$1,
   faCircleDown: faCircleDown$1,
@@ -7317,7 +7327,7 @@ var icons$1 = {
   faBuilding: faBuilding$1,
   faFaceGrinBeamSweat: faFaceGrinBeamSweat$1,
   faGrinBeamSweat: faGrinBeamSweat$1,
-  faMoon: faMoon$1,
+  faMoon: faMoon$2,
   faCalendar: faCalendar$1,
   faFaceGrinTongueWink: faFaceGrinTongueWink$1,
   faGrinTongueWink: faGrinTongueWink$1,
@@ -7546,7 +7556,7 @@ const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   faMinusSquare: faMinusSquare$1,
   faMoneyBill1: faMoneyBill1$1,
   faMoneyBillAlt: faMoneyBillAlt$1,
-  faMoon: faMoon$1,
+  faMoon: faMoon$2,
   faNewspaper: faNewspaper$1,
   faNoteSticky: faNoteSticky$1,
   faObjectGroup: faObjectGroup$1,
@@ -7587,7 +7597,7 @@ const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   faStarHalfStroke: faStarHalfStroke$1,
   faStickyNote: faStickyNote$1,
   faStopCircle: faStopCircle$1,
-  faSun: faSun$1,
+  faSun: faSun$2,
   faSurprise: faSurprise$1,
   faThumbsDown: faThumbsDown$1,
   faThumbsUp: faThumbsUp$1,
@@ -12952,7 +12962,7 @@ const faRubleSign = {
 const faRouble = faRubleSign;
 const faRub = faRubleSign;
 const faRuble = faRubleSign;
-const faSun = {
+const faSun$1 = {
   prefix: "fas",
   iconName: "sun",
   icon: [512, 512, [9728], "f185", "M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"]
@@ -14265,7 +14275,7 @@ const faCarrot = {
   iconName: "carrot",
   icon: [512, 512, [129365], "f787", "M346.7 6C337.6 17 320 42.3 320 72c0 40 15.3 55.3 40 80s40 40 80 40c29.7 0 55-17.6 66-26.7c4-3.3 6-8.2 6-13.3s-2-10-6-13.2c-11.4-9.1-38.3-26.8-74-26.8c-32 0-40 8-40 8s8-8 8-40c0-35.7-17.7-62.6-26.8-74C370 2 365.1 0 360 0s-10 2-13.3 6zM244.6 136c-40 0-77.1 18.1-101.7 48.2l60.5 60.5c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0l-55.3-55.3 0 .1L2.2 477.9C-2 487-.1 497.8 7 505s17.9 9 27.1 4.8l134.7-62.4-52.1-52.1c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L199.7 433l100.2-46.4c46.4-21.5 76.2-68 76.2-119.2C376 194.8 317.2 136 244.6 136z"]
 };
-const faMoon = {
+const faMoon$1 = {
   prefix: "fas",
   iconName: "moon",
   icon: [384, 512, [127769, 9214], "f186", "M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z"]
@@ -16571,7 +16581,7 @@ var icons = {
   faRouble,
   faRub,
   faRuble,
-  faSun,
+  faSun: faSun$1,
   faGuitar,
   faFaceLaughWink,
   faLaughWink,
@@ -16916,7 +16926,7 @@ var icons = {
   faMagic,
   faDog,
   faCarrot,
-  faMoon,
+  faMoon: faMoon$1,
   faWineGlassEmpty,
   faWineGlassAlt,
   faCheese,
@@ -18336,7 +18346,7 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   faMoneyCheckAlt,
   faMoneyCheckDollar,
   faMonument,
-  faMoon,
+  faMoon: faMoon$1,
   faMortarBoard,
   faMortarPestle,
   faMosque,
@@ -18808,7 +18818,7 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   faSuitcase,
   faSuitcaseMedical,
   faSuitcaseRolling,
-  faSun,
+  faSun: faSun$1,
   faSunPlantWilt,
   faSuperscript,
   faSurprise,
@@ -26084,43 +26094,56 @@ const UserProfile = ({
     }, children })
   ] });
 };
-const PopOver = (props) => {
-  const theme = useTheme$1();
-  return /* @__PURE__ */ jsx(MUIPopOver, { elevation: 3, slotProps: {
-    paper: {
-      sx: {
-        backgroundColor: theme.palette.mode === "dark" ? "#2A2A2A" : "#eee",
-        backgroundImage: "none",
-        width: props.width,
-        padding: 2
-      }
+const PopOver = ({
+  width,
+  ...props
+}) => /* @__PURE__ */ jsx(MUIPopOver, { elevation: 3, slotProps: width ? {
+  paper: {
+    sx: {
+      width
     }
-  }, ...props });
-};
-const AppInfo = ({
-  id = "app-info",
-  ariaLabel = "App information",
+  }
+} : void 0, ...props });
+const IconPopover = ({
+  id,
+  ariaLabel,
+  icon: icon2,
+  width = 240,
   children
 }) => {
   const [anchor2, setAnchor] = useState(null);
   const open = Boolean(anchor2);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(IconButton, { id: `${id}-trigger`, "aria-label": ariaLabel, "aria-haspopup": "dialog", "aria-expanded": open, onClick: (e) => setAnchor(e.currentTarget), color: "inherit", size: "large", children: /* @__PURE__ */ jsx(InfoIcon, { fontSize: "medium", sx: {
-      fontSize: 24
-    } }) }),
+    /* @__PURE__ */ jsx(IconButton, { id: `${id}-trigger`, "aria-label": ariaLabel, "aria-haspopup": "dialog", "aria-expanded": open, onClick: (e) => setAnchor(e.currentTarget), color: "inherit", size: "large", children: icon2 }),
     /* @__PURE__ */ jsx(PopOver, { id: `${id}-popover`, open, anchorEl: anchor2, onClose: () => setAnchor(null), anchorOrigin: {
       vertical: "bottom",
       horizontal: "right"
     }, transformOrigin: {
       vertical: "top",
       horizontal: "right"
-    }, width: 240, children: /* @__PURE__ */ jsx(Box, { role: "dialog", "aria-label": ariaLabel, sx: {
+    }, children: /* @__PURE__ */ jsx(Box, { role: "dialog", "aria-label": ariaLabel, sx: {
       display: "flex",
       flexDirection: "column",
-      gap: 1
+      gap: 1,
+      padding: 2,
+      width
     }, children }) })
   ] });
 };
+const AppInfo = ({
+  id = "app-info",
+  ariaLabel = "App information",
+  children
+}) => /* @__PURE__ */ jsx(IconPopover, { id, ariaLabel, icon: /* @__PURE__ */ jsx(InfoIcon, { fontSize: "medium", sx: {
+  fontSize: 24
+} }), width: 240, children });
+const AppSettings = ({
+  id = "app-settings",
+  ariaLabel = "App settings",
+  children
+}) => /* @__PURE__ */ jsx(IconPopover, { id, ariaLabel, icon: /* @__PURE__ */ jsx(CogIcon, { fontSize: "medium", sx: {
+  fontSize: 24
+} }), width: 240, children });
 const AppInfoRow = ({
   label,
   value,
@@ -26247,6 +26270,11 @@ const DropdownButton = ({
     }, icon: menuItem == null ? void 0 : menuItem.icon, faIcon: menuItem == null ? void 0 : menuItem.faIcon, value: menuItem.value, selected: menuItem.value === selectedMenuItem.value }, `${id}-item-${index2}`)) })
   ] });
 };
+const Table = (props) => /* @__PURE__ */ jsx(TableRaw, { ...props });
+const TableBody = (props) => /* @__PURE__ */ jsx(TableBodyRaw, { ...props });
+const TableCell = (props) => /* @__PURE__ */ jsx(TableCellRaw, { ...props });
+const TableHead = (props) => /* @__PURE__ */ jsx(TableHeadRaw, { ...props });
+const TableRow = (props) => /* @__PURE__ */ jsx(TableRowRaw, { ...props });
 const LinearProgress = ({
   // isActive,
   // transition = 500,
@@ -26519,6 +26547,7 @@ const SnackbarProvider = ({
   ...DEFAULT_COMPONENTS,
   ...Components
 }, ...otherProps, children });
+const Tooltip = (tooltipProps) => /* @__PURE__ */ jsx(MUITooltip, { ...tooltipProps });
 const StyledToggleButton$1 = styled(MUIToggleButton)({
   border: 0
 });
@@ -26661,7 +26690,7 @@ const Select$1 = React__default.forwardRef(({
       width: "100%"
     }
   }, ...consumerSx];
-  return /* @__PURE__ */ jsxs(FormControl, { sx: composedSx, size: "small", error: error2, required, fullWidth, disabled: disabled2, children: [
+  return /* @__PURE__ */ jsxs(FormControl$1, { sx: composedSx, size: "small", error: error2, required, fullWidth, disabled: disabled2, children: [
     label && /* @__PURE__ */ jsx(InputLabel, { id: labelId, required, htmlFor: selectedId, children: label }),
     /* @__PURE__ */ jsxs(Select$2, { ...rest, open: openProp, onOpen: handleOpen, onClose: handleClose, color: "primary", variant: "outlined", labelId, label, id: selectedId, value, onChange: onChange2, inputRef: ref, "aria-describedby": helperText ? helperTextId : void 0, children: [
       options.map((option) => /* @__PURE__ */ jsx(MenuItem, { value: option.value, "aria-label": renderOption ? option.label : void 0, disableRipple: true, disabled: option.disabled, children: renderOption ? renderOption(option) : option.label }, option.value)),
@@ -26691,7 +26720,7 @@ const Select$1 = React__default.forwardRef(({
         "__ds-select-footer"
       )
     ] }),
-    helperText && /* @__PURE__ */ jsx(FormHelperText, { error: error2, id: helperTextId, children: helperText })
+    helperText && /* @__PURE__ */ jsx(FormHelperText$1, { error: error2, id: helperTextId, children: helperText })
   ] });
 });
 const SingleAutocomplete = forwardRef(({
@@ -26744,8 +26773,214 @@ const Switch = forwardRef(({
   if (!label) {
     return switchElement;
   }
-  return /* @__PURE__ */ jsx(FormControlLabel, { control: switchElement, label, labelPlacement });
+  return /* @__PURE__ */ jsx(FormControlLabel$1, { control: switchElement, label, labelPlacement });
 });
+const LabeledSwitch = ({
+  text,
+  subtext,
+  checked,
+  onChange: onChange2,
+  disabled: disabled2,
+  error: error2,
+  helperText,
+  inputProps,
+  ref,
+  ...rest
+}) => /* @__PURE__ */ jsx(FormControl$1, { error: !!error2, component: "fieldset", variant: "standard", fullWidth: true, children: /* @__PURE__ */ jsxs(FlexBox, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
+  /* @__PURE__ */ jsxs(FlexBox, { children: [
+    /* @__PURE__ */ jsx(Text$1, { variant: "subtitle1", children: text }),
+    subtext && /* @__PURE__ */ jsx(Text$1, { variant: "body2", children: subtext }),
+    helperText && /* @__PURE__ */ jsx(FormHelperText$1, { error: error2, children: helperText })
+  ] }),
+  /* @__PURE__ */ jsx(Switch, { ref, checked, onChange: (_, val) => onChange2(val), disabled: disabled2, inputProps, name: inputProps == null ? void 0 : inputProps.name, ...rest })
+] }) });
+var faSun = {};
+(function(exports$1) {
+  Object.defineProperty(exports$1, "__esModule", { value: true });
+  var prefix2 = "fas";
+  var iconName = "sun";
+  var width = 512;
+  var height = 512;
+  var aliases = [9728];
+  var unicode = "f185";
+  var svgPathData = "M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z";
+  exports$1.definition = {
+    prefix: prefix2,
+    iconName,
+    icon: [
+      width,
+      height,
+      aliases,
+      unicode,
+      svgPathData
+    ]
+  };
+  exports$1.faSun = exports$1.definition;
+  exports$1.prefix = prefix2;
+  exports$1.iconName = iconName;
+  exports$1.width = width;
+  exports$1.height = height;
+  exports$1.ligatures = aliases;
+  exports$1.unicode = unicode;
+  exports$1.svgPathData = svgPathData;
+  exports$1.aliases = aliases;
+})(faSun);
+var faMoon = {};
+(function(exports$1) {
+  Object.defineProperty(exports$1, "__esModule", { value: true });
+  var prefix2 = "fas";
+  var iconName = "moon";
+  var width = 384;
+  var height = 512;
+  var aliases = [127769, 9214];
+  var unicode = "f186";
+  var svgPathData = "M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z";
+  exports$1.definition = {
+    prefix: prefix2,
+    iconName,
+    icon: [
+      width,
+      height,
+      aliases,
+      unicode,
+      svgPathData
+    ]
+  };
+  exports$1.faMoon = exports$1.definition;
+  exports$1.prefix = prefix2;
+  exports$1.iconName = iconName;
+  exports$1.width = width;
+  exports$1.height = height;
+  exports$1.ligatures = aliases;
+  exports$1.unicode = unicode;
+  exports$1.svgPathData = svgPathData;
+  exports$1.aliases = aliases;
+})(faMoon);
+const Track = styled("button", {
+  shouldForwardProp: (prop) => prop !== "isChecked"
+})(({
+  theme,
+  isChecked,
+  disabled: disabled2
+}) => ({
+  position: "relative",
+  boxSizing: "border-box",
+  width: 52,
+  height: 28,
+  padding: 0,
+  borderRadius: 14,
+  border: `1px solid ${theme.palette.divider}`,
+  background: isChecked ? theme.palette.grey[800] : theme.palette.grey[300],
+  cursor: disabled2 ? "default" : "pointer",
+  opacity: disabled2 ? 0.5 : 1,
+  transition: "background 150ms ease-out, border-color 150ms ease-out",
+  outline: "none",
+  "&:hover": disabled2 ? {} : {
+    borderColor: theme.palette.primary.main
+  },
+  "&:focus-visible": {
+    outline: `2px solid ${theme.palette.primary.main}`,
+    outlineOffset: 2
+  },
+  "@media (prefers-reduced-motion: reduce)": {
+    transition: "none"
+  }
+}));
+const Knob = styled("span", {
+  shouldForwardProp: (prop) => prop !== "isChecked"
+})(({
+  theme,
+  isChecked
+}) => ({
+  position: "absolute",
+  top: 2,
+  left: 2,
+  width: 22,
+  height: 22,
+  borderRadius: 11,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  background: isChecked ? theme.palette.primary.main : theme.palette.background.paper,
+  transform: isChecked ? "translateX(24px)" : "translateX(0)",
+  transition: "transform 150ms ease-out, background 150ms ease-out",
+  "@media (prefers-reduced-motion: reduce)": {
+    transition: "none"
+  }
+}));
+const Glyph = styled(FontAwesomeIcon, {
+  shouldForwardProp: (prop) => prop !== "isDisabled"
+})(({
+  theme,
+  isDisabled
+}) => ({
+  fontSize: 11,
+  color: isDisabled ? theme.palette.text.disabled : "#0A0A0A"
+}));
+const ThemeSwitch = forwardRef(({
+  checked,
+  onChange: onChange2,
+  label = "Theme",
+  labelId,
+  disabled: disabled2,
+  className
+}, ref) => {
+  const accessibleName = `${label}: currently ${checked ? "dark" : "light"}`;
+  return /* @__PURE__ */ jsx(Track, { ref, type: "button", role: "switch", "aria-checked": checked, "aria-labelledby": labelId, "aria-label": labelId ? void 0 : accessibleName, disabled: disabled2, isChecked: checked, className, onClick: () => {
+    if (!disabled2) onChange2(!checked);
+  }, children: /* @__PURE__ */ jsx(Knob, { isChecked: checked, children: /* @__PURE__ */ jsx(Glyph, { icon: checked ? faMoon.faMoon : faSun.faSun, isDisabled: disabled2 }) }) });
+});
+ThemeSwitch.displayName = "ThemeSwitch";
+const Row = styled("div")(({
+  theme
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between"
+}));
+const TextBlock = styled("div")({
+  display: "flex",
+  flexDirection: "column",
+  gap: 4,
+  minWidth: 0,
+  flex: "1 1 auto"
+});
+const LabelText = styled("span")(({
+  theme
+}) => ({
+  fontSize: 14,
+  fontWeight: 500,
+  color: theme.palette.text.primary
+}));
+const HintText = styled("span")(({
+  theme
+}) => ({
+  fontSize: 13,
+  fontWeight: 400,
+  color: theme.palette.text.secondary
+}));
+const ThemeSwitchRow = forwardRef(({
+  checked,
+  onChange: onChange2,
+  label = "Theme",
+  hint,
+  disabled: disabled2,
+  className,
+  ...rest
+}, ref) => (
+  // Deliberately don't bind `aria-labelledby` from the visible label. The
+  // switch computes its own state-aware accessible name ("Theme: currently
+  // light") so screen readers hear the mode, while sighted users see the
+  // terser row label.
+  /* @__PURE__ */ jsxs(Row, { className, children: [
+    /* @__PURE__ */ jsxs(TextBlock, { children: [
+      /* @__PURE__ */ jsx(LabelText, { "aria-hidden": "true", children: label }),
+      hint && /* @__PURE__ */ jsx(HintText, { "aria-hidden": "true", children: hint })
+    ] }),
+    /* @__PURE__ */ jsx(ThemeSwitch, { ref, checked, onChange: onChange2, label, disabled: disabled2, ...rest })
+  ] })
+));
+ThemeSwitchRow.displayName = "ThemeSwitchRow";
 const DatePicker = ({
   label = "Select date",
   errorMsg,
@@ -26804,7 +27039,7 @@ const Checkbox = ({
   ...rest
 }) => {
   useExtendedTheme();
-  return label ? /* @__PURE__ */ jsx(FormControlLabel, { required, control: /* @__PURE__ */ jsx(Checkbox$1, { checked, id, name, ...rest, color: "primary" }), label }) : /* @__PURE__ */ jsx(Checkbox$1, { checked, id, name, ...rest, color: "primary" });
+  return label ? /* @__PURE__ */ jsx(FormControlLabel$1, { required, control: /* @__PURE__ */ jsx(Checkbox$1, { checked, id, name, ...rest, color: "primary" }), label }) : /* @__PURE__ */ jsx(Checkbox$1, { checked, id, name, ...rest, color: "primary" });
 };
 const CopyToClipboard = ({
   text,
@@ -26839,7 +27074,7 @@ const CopyToClipboard = ({
       setOpen(true);
     }
   };
-  return /* @__PURE__ */ jsx(Tooltip, { title: message, onClose: handleTooltipClose, open, leaveDelay: 1400, arrow: true, placement: "right", componentsProps: {
+  return /* @__PURE__ */ jsx(Tooltip$1, { title: message, onClose: handleTooltipClose, open, leaveDelay: 1400, arrow: true, placement: "right", componentsProps: {
     tooltip: {
       sx: {
         bgcolor: message !== successMsg ? theme.palette.error.main : void 0,
@@ -26856,6 +27091,9 @@ const CopyToClipboard = ({
     ...sx
   }, children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: icon2 }) }) });
 };
+const FormControl = (props) => /* @__PURE__ */ jsx(FormControlRaw, { ...props });
+const FormControlLabel = (props) => /* @__PURE__ */ jsx(FormControlLabelRaw, { ...props });
+const FormHelperText = (props) => /* @__PURE__ */ jsx(FormHelperTextRaw, { ...props });
 const MiniSearchBox = (props) => {
   const {
     loading = false,
@@ -27033,6 +27271,53 @@ const SearchBox = ({
     height: "100%"
   }, disableElevation: true, children: /* @__PURE__ */ jsx(SearchIcon, { size: "xl" }) })
 ] });
+const TabsIdContext = createContext(void 0);
+const tabId = (idPrefix, value) => `${idPrefix}-tab-${value}`;
+const tabPanelId = (idPrefix, value) => `${idPrefix}-panel-${value}`;
+const useTabsIdPrefix = () => {
+  const idPrefix = useContext(TabsIdContext);
+  if (idPrefix === void 0) {
+    throw new Error("<Tab> must be rendered inside <Tabs>.");
+  }
+  return idPrefix;
+};
+const Tabs = forwardRef(({
+  idPrefix,
+  children,
+  ...props
+}, ref) => /* @__PURE__ */ jsx(TabsIdContext.Provider, { value: idPrefix, children: /* @__PURE__ */ jsx(MuiTabs, { ref, ...props, children }) }));
+Tabs.displayName = "Tabs";
+const Tab = ({
+  value,
+  ...props
+}) => {
+  const idPrefix = useTabsIdPrefix();
+  return /* @__PURE__ */ jsx(MuiTab, { value, id: tabId(idPrefix, value), "aria-controls": tabPanelId(idPrefix, value), ...props });
+};
+const TabPanel = forwardRef(({
+  idPrefix,
+  value,
+  activeValue,
+  keepMounted = false,
+  children,
+  ...props
+}, ref) => {
+  const selected = value === activeValue;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "tabpanel",
+      hidden: !selected,
+      id: tabPanelId(idPrefix, value),
+      "aria-labelledby": tabId(idPrefix, value),
+      tabIndex: 0,
+      ...props,
+      children: (selected || keepMounted) && children
+    }
+  );
+});
+TabPanel.displayName = "TabPanel";
 const Card = ({
   maxWidth,
   ...cardProps
@@ -29837,6 +30122,7 @@ const DocumentPink = {
   }
 };
 const main$2 = "#F2A64B";
+const mainLight = "#A65200";
 const GraphOrange = {
   dark: {
     primary: {
@@ -29845,16 +30131,48 @@ const GraphOrange = {
       light: alpha(main$2, 0.5),
       contrastText: common.black
     }
+  },
+  light: {
+    // The app colour shifts per mode rather than splitting into a
+    // second token, so components keep reading primary alone.
+    // contrastThreshold 4.5 resolves #FFF on mainLight (5.49:1).
+    //
+    // dark / light are ramp steps, not alpha: over a LIGHT ground
+    // alpha(mainLight, 0.7) resolves lighter than main, so .dark
+    // would read as a tint. Dark mode does not have that problem,
+    // which is why it keeps alpha() above.
+    primary: {
+      main: mainLight,
+      // 700
+      dark: "#874300",
+      // 800 — pressed, link hover
+      light: "#C06806",
+      // 600 — still 4.02:1, safe on borders
+      contrastText: "#FFFFFF"
+    },
+    background: {
+      default: "#F0F2F5",
+      paper: "#FFFFFF"
+    },
+    text: {
+      primary: "#1A1D21",
+      secondary: "#5A6172"
+      // 5.53:1 on default, 6.20:1 on paper
+    },
+    divider: "rgba(26, 29, 33, 0.12)",
+    action: {
+      hover: "rgba(26, 29, 33, 0.04)"
+    }
   }
 };
-const darkMain = "#20BCFA";
+const darkMain$1 = "#20BCFA";
 const lightMain = "#2F44CA";
 const AdminBlue = {
   dark: {
     primary: {
-      main: darkMain,
-      dark: alpha(darkMain, 0.7),
-      light: alpha(darkMain, 0.5),
+      main: darkMain$1,
+      dark: alpha(darkMain$1, 0.7),
+      light: alpha(darkMain$1, 0.5),
       contrastText: common.black
     }
   },
@@ -29884,6 +30202,7 @@ const GeoGreen = {
   }
 };
 const main = "#000000";
+const darkMain = "#FFFFFF";
 const Blank = {
   light: {
     primary: {
@@ -29892,6 +30211,14 @@ const Blank = {
       light: alpha(main, 0.5),
       contrastText: common.white
     }
+  },
+  dark: {
+    primary: {
+      main: darkMain,
+      dark: alpha(darkMain, 0.7),
+      light: alpha(darkMain, 0.5),
+      contrastText: common.black
+    }
   }
 };
 const UIThemeSchema = z.enum(["DataNavy", "DocumentPink", "GraphOrange", "AdminBlue", "GeoGreen", "Blank"]);
@@ -30005,6 +30332,24 @@ const generateCardOverrides = (_uiTheme) => ({
     }
   }
 });
+const generateTabsOverrides = (_uiTheme) => ({
+  MuiTabs: {
+    styleOverrides: {
+      root: ({
+        theme
+      }) => ({
+        borderBottom: `1px solid ${theme.palette.divider}`,
+        // A vertical tab set sits beside its panel, so the divider moves to
+        // the inline edge. A selector rather than a `variants` entry —
+        // MUI v5's theme `variants` support does not cover MuiTabs.
+        "&.MuiTabs-vertical": {
+          borderBottom: "none",
+          borderInlineEnd: `1px solid ${theme.palette.divider}`
+        }
+      })
+    }
+  }
+});
 const TYPOGRAPHY_TOKENS = {
   h1: {
     fontFamily: '"Space Grotesk"',
@@ -30142,6 +30487,7 @@ const generateComponentOverrides = (uiTheme) => ({
   ...AVATAR_OVERRIDES,
   ...generateButtonOverrides(),
   ...generateCardOverrides(),
+  ...generateTabsOverrides(),
   MuiPaper: {
     styleOverrides: {
       root: {
@@ -31241,7 +31587,7 @@ const SearchAutocomplete = ({
   placeholder = "Search ...",
   width
 }) => {
-  return /* @__PURE__ */ jsxs(FormControl, { error: error2, sx: {
+  return /* @__PURE__ */ jsxs(FormControl$1, { error: error2, sx: {
     width
   }, fullWidth, children: [
     /* @__PURE__ */ jsx(Autocomplete$1, { disablePortal: true, autoComplete: true, autoSelect: true, freeSolo: true, id, autoHighlight, openOnFocus, loadingText, clearIcon: /* @__PURE__ */ jsx(CloseIcon, {}), className: "error", size: "small", loading, options, inputValue, getOptionLabel, getOptionKey, onInputChange, onChange: onChange2, isOptionEqualToValue, renderInput: (params) => /* @__PURE__ */ jsx(TextField$1, { ...params, autoFocus, variant: "outlined", label, placeholder, name, InputProps: {
@@ -31265,7 +31611,7 @@ const SearchAutocomplete = ({
         maxHeight: listboxMaxHeight
       }
     } }),
-    helperText ? /* @__PURE__ */ jsx(FormHelperText, { children: helperText }) : null
+    helperText ? /* @__PURE__ */ jsx(FormHelperText$1, { children: helperText }) : null
   ] });
 };
 const SearchAutocompleteDialog = ({
@@ -86875,6 +87221,7 @@ export {
   AppChrome,
   AppInfo,
   AppInfoRow,
+  AppSettings,
   AppSwitch,
   AppSwitchLibrarySchema,
   AuthContext,
@@ -86930,6 +87277,9 @@ export {
   FloatingPanelContext,
   FloatingPanelProvider,
   FloppyDiskIcon,
+  FormControl,
+  FormControlLabel,
+  FormHelperText,
   GRAPH_APP,
   GridIcon,
   H1,
@@ -86942,6 +87292,7 @@ export {
   IconButton,
   InfoIcon,
   InsetInMap,
+  LabeledSwitch,
   LayerSelectorV2,
   LinearProgress,
   Link$1 as Link,
@@ -86977,13 +87328,24 @@ export {
   SnackbarProvider,
   Spinner,
   Switch,
+  Tab,
+  TabPanel,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableRow,
+  Tabs,
   TypeIcon as TeliTypeIcon,
   TelicentHorizontalSVG,
   TelicentMark,
   Text$1 as Text,
   TextField,
+  ThemeSwitch,
+  ThemeSwitchRow,
   TitleAndContent,
   Toolbar,
+  Tooltip,
   TooltipToggleButton,
   TreeView,
   UIThemeProvider,