@undefine-ui/design-system 3.7.2 → 3.8.1

package/dist/index.js

@@ -90,6 +90,7 @@ __export(index_exports, {
   RHFSwitch: () => RHFSwitch,
   RHFTextField: () => RHFTextField,
   RHFTimePicker: () => RHFTimePicker,
+  RHFToggleButton: () => RHFToggleButton,
   RHFUpload: () => RHFUpload,
   RadioDefault: () => RadioDefault,
   RadioSelect: () => RadioSelect,
@@ -6510,6 +6511,7 @@ __export(components_exports2, {
   RHFSwitch: () => RHFSwitch,
   RHFTextField: () => RHFTextField,
   RHFTimePicker: () => RHFTimePicker,
+  RHFToggleButton: () => RHFToggleButton,
   RHFUpload: () => RHFUpload,
   RadioDefault: () => RadioDefault,
   RadioSelect: () => RadioSelect,
@@ -9826,15 +9828,120 @@ var RHFAutocomplete = ({
   );
 };
 
+// src/components/HookForm/RHFToggleButton.tsx
+import { Controller as Controller8, useFormContext as useFormContext8 } from "react-hook-form";
+import FormLabel3 from "@mui/material/FormLabel";
+import FormControl3 from "@mui/material/FormControl";
+import FormHelperText5 from "@mui/material/FormHelperText";
+import ToggleButton, { toggleButtonClasses } from "@mui/material/ToggleButton";
+import ToggleButtonGroup, {
+  toggleButtonGroupClasses
+} from "@mui/material/ToggleButtonGroup";
+import { jsx as jsx97, jsxs as jsxs61 } from "react/jsx-runtime";
+var RHFToggleButton = ({
+  name,
+  label,
+  helperText,
+  options,
+  fullWidth,
+  slotProps,
+  sx,
+  ...other
+}) => {
+  const { control } = useFormContext8();
+  return /* @__PURE__ */ jsx97(
+    Controller8,
+    {
+      name,
+      control,
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs61(
+        FormControl3,
+        {
+          component: "fieldset",
+          error: !!error2,
+          fullWidth,
+          ...slotProps?.formControl,
+          children: [
+            label && /* @__PURE__ */ jsx97(FormLabel3, { component: "legend", sx: { mb: 1 }, ...slotProps?.formLabel, children: label }),
+            /* @__PURE__ */ jsx97(
+              ToggleButtonGroup,
+              {
+                ...field,
+                value: field.value ?? "",
+                onChange: (_, newValue) => {
+                  if (newValue !== null) {
+                    field.onChange(newValue);
+                  }
+                },
+                exclusive: true,
+                ...other,
+                sx: {
+                  backgroundColor: "transparent",
+                  borderRadius: "100px",
+                  gap: 1.5,
+                  border: "none",
+                  display: "inline-flex",
+                  width: "auto",
+                  [`& .${toggleButtonGroupClasses.grouped}.${toggleButtonClasses.root}`]: {
+                    px: 1,
+                    py: 0.5,
+                    border: "none",
+                    textTransform: "none",
+                    fontSize: 14,
+                    fontWeight: 500,
+                    color: "text.primary",
+                    backgroundColor: "surface.disable",
+                    borderRadius: "100px",
+                    transition: "all 0.2s",
+                    flex: "0 0 auto",
+                    "&:hover": {
+                      backgroundColor: "rgba(0, 0, 0, 0.04)"
+                    },
+                    [`&.${toggleButtonClasses.selected}`]: {
+                      backgroundColor: "primary.main",
+                      color: "common.white",
+                      "&:hover": {
+                        color: "common.white",
+                        backgroundColor: "primary.dark"
+                      }
+                    },
+                    [`&.${toggleButtonClasses.disabled}`]: {
+                      color: "text.disabled",
+                      backgroundColor: "transparent"
+                    }
+                  },
+                  ...sx
+                },
+                children: options.map((option) => /* @__PURE__ */ jsx97(
+                  ToggleButton,
+                  {
+                    value: option.value,
+                    disabled: option.disabled,
+                    "aria-label": `${option.label}`,
+                    ...option.toggleButtonProps,
+                    children: option.label
+                  },
+                  option.value
+                ))
+              }
+            ),
+            (error2?.message || helperText) && /* @__PURE__ */ jsx97(FormHelperText5, { sx: { mx: 0 }, ...slotProps?.formHelperText, children: error2?.message ?? helperText })
+          ]
+        }
+      )
+    }
+  );
+};
+
 // src/components/HookForm/RHFDateRangePicker.tsx
 import { useMemo as useMemo10, useState as useState16, useCallback as useCallback14 } from "react";
-import { useWatch, Controller as Controller8, useFormContext as useFormContext8 } from "react-hook-form";
+import { useWatch, Controller as Controller9, useFormContext as useFormContext9 } from "react-hook-form";
 import { format as format3, isValid } from "date-fns";
 import Box22 from "@mui/material/Box";
 import Popover4 from "@mui/material/Popover";
 import TextField6 from "@mui/material/TextField";
 import InputAdornment2 from "@mui/material/InputAdornment";
-import { Fragment as Fragment3, jsx as jsx97, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx98, jsxs as jsxs62 } from "react/jsx-runtime";
 function RHFDateRangePicker({
   name,
   label,
@@ -9848,7 +9955,7 @@ function RHFDateRangePicker({
   size = "medium",
   fullWidth = true
 }) {
-  const { control } = useFormContext8();
+  const { control } = useFormContext9();
   const [anchorEl, setAnchorEl] = useState16(null);
   const open = Boolean(anchorEl);
   const watchedValue = useWatch({ control, name });
@@ -9882,8 +9989,8 @@ function RHFDateRangePicker({
   const handleClose = useCallback14(() => {
     setAnchorEl(null);
   }, []);
-  return /* @__PURE__ */ jsx97(
-    Controller8,
+  return /* @__PURE__ */ jsx98(
+    Controller9,
     {
       name,
       control,
@@ -9892,8 +9999,8 @@ function RHFDateRangePicker({
           field.onChange({ ...range, preset });
           handleClose();
         };
-        return /* @__PURE__ */ jsxs61(Fragment3, { children: [
-          /* @__PURE__ */ jsx97(Box22, { onClick: handleClick, sx: { cursor: disabled ? "default" : "pointer" }, children: /* @__PURE__ */ jsx97(
+        return /* @__PURE__ */ jsxs62(Fragment3, { children: [
+          /* @__PURE__ */ jsx98(Box22, { onClick: handleClick, sx: { cursor: disabled ? "default" : "pointer" }, children: /* @__PURE__ */ jsx98(
             TextField6,
             {
               label,
@@ -9907,13 +10014,13 @@ function RHFDateRangePicker({
               slotProps: {
                 input: {
                   readOnly: true,
-                  endAdornment: /* @__PURE__ */ jsx97(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx97(Icon, { icon: "Calendar", sx: { width: 20, height: 20, color: "icon.mute" } }) }),
+                  endAdornment: /* @__PURE__ */ jsx98(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx98(Icon, { icon: "Calendar", sx: { width: 20, height: 20, color: "icon.mute" } }) }),
                   sx: { cursor: disabled ? "default" : "pointer" }
                 }
               }
             }
           ) }),
-          /* @__PURE__ */ jsx97(
+          /* @__PURE__ */ jsx98(
             Popover4,
             {
               open,
@@ -9938,7 +10045,7 @@ function RHFDateRangePicker({
                   }
                 }
               },
-              children: /* @__PURE__ */ jsx97(
+              children: /* @__PURE__ */ jsx98(
                 DateRangePicker,
                 {
                   value: { start: value.start, end: value.end },
@@ -9959,17 +10066,17 @@ function RHFDateRangePicker({
 }
 
 // src/components/HookForm/RHFCheckbox.tsx
-import { Controller as Controller9, useFormContext as useFormContext9 } from "react-hook-form";
+import { Controller as Controller10, useFormContext as useFormContext10 } from "react-hook-form";
 import Stack8 from "@mui/material/Stack";
 import Box23 from "@mui/material/Box";
 import Typography12 from "@mui/material/Typography";
 import Checkbox from "@mui/material/Checkbox";
 import FormGroup2 from "@mui/material/FormGroup";
-import FormLabel3 from "@mui/material/FormLabel";
-import FormControl3 from "@mui/material/FormControl";
-import FormHelperText5 from "@mui/material/FormHelperText";
+import FormLabel4 from "@mui/material/FormLabel";
+import FormControl4 from "@mui/material/FormControl";
+import FormHelperText6 from "@mui/material/FormHelperText";
 import FormControlLabel5 from "@mui/material/FormControlLabel";
-import { jsx as jsx98, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs63 } from "react/jsx-runtime";
 var RHFCheckbox = ({
   name,
   description,
@@ -9979,18 +10086,18 @@ var RHFCheckbox = ({
   slotProps,
   ...other
 }) => {
-  const { control } = useFormContext9();
+  const { control } = useFormContext10();
   const baseAriaLabel = `Checkbox for ${name}`;
-  return /* @__PURE__ */ jsx98(
-    Controller9,
+  return /* @__PURE__ */ jsx99(
+    Controller10,
     {
       name,
       control,
-      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs62(Box23, { sx: slotProps?.wrap, children: [
-        /* @__PURE__ */ jsx98(
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs63(Box23, { sx: slotProps?.wrap, children: [
+        /* @__PURE__ */ jsx99(
           FormControlLabel5,
           {
-            control: /* @__PURE__ */ jsx98(
+            control: /* @__PURE__ */ jsx99(
               Checkbox,
               {
                 ...field,
@@ -10005,9 +10112,9 @@ var RHFCheckbox = ({
                 }
               }
             ),
-            label: /* @__PURE__ */ jsxs62(Stack8, { children: [
-              /* @__PURE__ */ jsx98(Typography12, { variant: "bodyMd", color: "text.header", fontWeight: 500, children: label }),
-              description && /* @__PURE__ */ jsx98(Typography12, { variant: "body2", color: "text.body", children: description })
+            label: /* @__PURE__ */ jsxs63(Stack8, { children: [
+              /* @__PURE__ */ jsx99(Typography12, { variant: "bodyMd", color: "text.header", fontWeight: 500, children: label }),
+              description && /* @__PURE__ */ jsx99(Typography12, { variant: "body2", color: "text.body", children: description })
             ] }),
             sx: {
               alignItems: description ? "flex-start" : "center",
@@ -10016,7 +10123,7 @@ var RHFCheckbox = ({
             ...other
           }
         ),
-        (!!error2 || helperText) && /* @__PURE__ */ jsx98(FormHelperText5, { error: !!error2, ...slotProps?.formHelperText, children: error2 ? error2?.message : helperText })
+        (!!error2 || helperText) && /* @__PURE__ */ jsx99(FormHelperText6, { error: !!error2, ...slotProps?.formHelperText, children: error2 ? error2?.message : helperText })
       ] })
     }
   );
@@ -10030,24 +10137,24 @@ var RHFMultiCheckbox = ({
   row,
   ...other
 }) => {
-  const { control } = useFormContext9();
+  const { control } = useFormContext10();
   const getSelected = (currentValues, optionValue) => currentValues.includes(optionValue) ? currentValues.filter((value) => value !== optionValue) : [...currentValues, optionValue];
-  return /* @__PURE__ */ jsx98(
-    Controller9,
+  return /* @__PURE__ */ jsx99(
+    Controller10,
     {
       name,
       control,
       defaultValue: [],
-      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs62(
-        FormControl3,
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs63(
+        FormControl4,
         {
           component: "fieldset",
           error: !!error2,
           sx: slotProps?.formControl?.sx,
           ...slotProps?.formControl,
           children: [
-            label && /* @__PURE__ */ jsx98(
-              FormLabel3,
+            label && /* @__PURE__ */ jsx99(
+              FormLabel4,
               {
                 component: "legend",
                 ...slotProps?.formLabel,
@@ -10055,12 +10162,12 @@ var RHFMultiCheckbox = ({
                 children: label
               }
             ),
-            /* @__PURE__ */ jsx98(FormGroup2, { row, ...other, children: options.map((option) => {
+            /* @__PURE__ */ jsx99(FormGroup2, { row, ...other, children: options.map((option) => {
               const itemAriaLabel = option.label || `Option ${option.value}`;
-              return /* @__PURE__ */ jsx98(
+              return /* @__PURE__ */ jsx99(
                 FormControlLabel5,
                 {
-                  control: /* @__PURE__ */ jsx98(
+                  control: /* @__PURE__ */ jsx99(
                     Checkbox,
                     {
                       checked: (field.value || []).includes(option.value),
@@ -10078,9 +10185,9 @@ var RHFMultiCheckbox = ({
                       }
                     }
                   ),
-                  label: /* @__PURE__ */ jsxs62(Stack8, { children: [
-                    /* @__PURE__ */ jsx98(Typography12, { variant: "bodyMd", color: "text.header", fontWeight: 500, children: option.label }),
-                    option?.description && /* @__PURE__ */ jsx98(Typography12, { variant: "body2", color: "text.body", children: option?.description })
+                  label: /* @__PURE__ */ jsxs63(Stack8, { children: [
+                    /* @__PURE__ */ jsx99(Typography12, { variant: "bodyMd", color: "text.header", fontWeight: 500, children: option.label }),
+                    option?.description && /* @__PURE__ */ jsx99(Typography12, { variant: "body2", color: "text.body", children: option?.description })
                   ] }),
                   sx: {
                     alignItems: option?.description ? "flex-start" : "center"
@@ -10089,8 +10196,8 @@ var RHFMultiCheckbox = ({
                 option.value
               );
             }) }),
-            (!!error2 || helperText) && /* @__PURE__ */ jsx98(
-              FormHelperText5,
+            (!!error2 || helperText) && /* @__PURE__ */ jsx99(
+              FormHelperText6,
               {
                 sx: { mx: 0, ...slotProps?.formHelperText?.sx },
                 ...slotProps?.formHelperText,
@@ -10105,7 +10212,7 @@ var RHFMultiCheckbox = ({
 };
 
 // src/components/HookForm/RHFGooglePlacesAutocomplete.tsx
-import { Controller as Controller10, useFormContext as useFormContext10 } from "react-hook-form";
+import { Controller as Controller11, useFormContext as useFormContext11 } from "react-hook-form";
 
 // src/components/GooglePlacesAutocomplete/types.ts
 var parseAddressComponents = (addressComponents) => {
@@ -10136,7 +10243,7 @@ var parseAddressComponents = (addressComponents) => {
 
 // src/components/GooglePlacesAutocomplete/GooglePlacesContext.tsx
 import { useMemo as useMemo11, useState as useState17, useEffect as useEffect6, useContext as useContext2, useCallback as useCallback15, createContext as createContext2 } from "react";
-import { jsx as jsx99 } from "react/jsx-runtime";
+import { jsx as jsx100 } from "react/jsx-runtime";
 var GOOGLE_NAMESPACE = "_google_callback";
 var GooglePlacesContext = createContext2(void 0);
 var GooglePlacesProvider = ({
@@ -10188,7 +10295,7 @@ var GooglePlacesProvider = ({
     }),
     [apiKey, loaded, error2]
   );
-  return /* @__PURE__ */ jsx99(GooglePlacesContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx100(GooglePlacesContext.Provider, { value, children });
 };
 var useGooglePlacesContext = () => {
   const context = useContext2(GooglePlacesContext);
@@ -10357,9 +10464,9 @@ var useGooglePlacesAutocomplete = (options = {}) => {
 };
 
 // src/components/GooglePlacesAutocomplete/GooglePlacesAutocomplete.tsx
-import { Fragment as Fragment4, jsx as jsx100, jsxs as jsxs63 } from "react/jsx-runtime";
-var DefaultLocationIcon = (props) => /* @__PURE__ */ jsx100(SvgIcon2, { ...props, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx100("path", { d: "M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" }) });
-var GoogleMapsAttribution = () => /* @__PURE__ */ jsx100(
+import { Fragment as Fragment4, jsx as jsx101, jsxs as jsxs64 } from "react/jsx-runtime";
+var DefaultLocationIcon = (props) => /* @__PURE__ */ jsx101(SvgIcon2, { ...props, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx101("path", { d: "M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" }) });
+var GoogleMapsAttribution = () => /* @__PURE__ */ jsx101(
   Box24,
   {
     sx: (theme) => ({
@@ -10371,7 +10478,7 @@ var GoogleMapsAttribution = () => /* @__PURE__ */ jsx100(
         fill: theme.palette.text.secondary
       }
     }),
-    children: /* @__PURE__ */ jsx100(
+    children: /* @__PURE__ */ jsx101(
       "svg",
       {
         "aria-label": "Google Maps",
@@ -10379,14 +10486,14 @@ var GoogleMapsAttribution = () => /* @__PURE__ */ jsx100(
         preserveAspectRatio: "xMidYMid meet",
         viewBox: "0 0 98 18",
         width: "77",
-        children: /* @__PURE__ */ jsx100("path", { d: "M7.08 13.96a6.9 6.9 0 01-4.99-2.05A6.7 6.7 0 010 6.98Q0 4.1 2.09 2.05A6.9 6.9 0 017.08 0a6.7 6.7 0 014.79 1.92l-1.35 1.35a4.8 4.8 0 00-3.44-1.36q-2.1 0-3.55 1.48a5 5 0 00-1.45 3.59q0 2.12 1.46 3.59a4.8 4.8 0 003.55 1.48 4.8 4.8 0 003.53-1.4q.84-.84 1.04-2.4H7.08v-1.9h6.42a6 6 0 01.1 1.19q0 2.8-1.65 4.46a6.4 6.4 0 01-4.87 1.96M22 12.68a4.4 4.4 0 01-3.2 1.29 4.4 4.4 0 01-3.2-1.29 4.3 4.3 0 01-1.31-3.21q0-1.92 1.31-3.21a4.4 4.4 0 013.2-1.29q1.9 0 3.2 1.29a4.3 4.3 0 011.31 3.21A4.3 4.3 0 0122 12.68m-4.99-1.26q.75.78 1.79.77 1.04 0 1.79-.77.75-.78.75-1.95 0-1.19-.74-1.96-.75-.77-1.8-.77t-1.8.77a2.7 2.7 0 00-.74 1.96q0 1.17.75 1.95m14.84 1.26q-1.3 1.29-3.2 1.29c-1.9 0-2.33-.43-3.2-1.29a4.3 4.3 0 01-1.31-3.21q0-1.92 1.31-3.21 1.3-1.29 3.2-1.29c1.9 0 2.33.43 3.2 1.29a4.3 4.3 0 011.31 3.21q0 1.92-1.31 3.21m-4.99-1.26q.75.78 1.79.77 1.04 0 1.79-.77.75-.78.75-1.95 0-1.19-.74-1.96c-.74-.77-1.09-.77-1.8-.77q-1.05 0-1.8.77a2.7 2.7 0 00-.74 1.96q0 1.17.75 1.95M38.32 18q-1.5 0-2.52-.8a4.5 4.5 0 01-1.46-1.86l1.72-.72q.27.65.85 1.12.59.48 1.41.48a2.3 2.3 0 001.76-.68q.64-.68.64-1.96v-.65h-.07a2.9 2.9 0 01-2.37 1.02 4 4 0 01-3.01-1.31 4.4 4.4 0 01-1.29-3.17 4.4 4.4 0 011.29-3.19 4 4 0 013.01-1.32q.76 0 1.39.29t.98.72h.07v-.72h1.87v8.07q0 2.35-1.2 3.52A4.2 4.2 0 0138.32 18m.13-5.81q1.02 0 1.71-.77a2.8 2.8 0 00.69-1.93q0-1.17-.69-1.96a2.2 2.2 0 00-1.71-.79q-1.03 0-1.77.78a2.8 2.8 0 00-.73 1.96q0 1.16.73 1.93.74.78 1.77.78M45.93.48v13.21h-1.98V.48zm5.41 13.48a4.38 4.38 0 01-4.46-4.49q0-1.98 1.23-3.24a4 4 0 013.01-1.26 3.8 3.8 0 012.68 1.07 5 5 0 011.17 1.8l.2.51-6.01 2.49a2.3 2.3 0 002.18 1.36q1.37 0 2.21-1.24l1.53 1.02q-.5.76-1.45 1.38-.92.6-2.29.6m-2.5-4.63l4.02-1.67a1.4 1.4 0 00-.63-.69 2 2 0 00-1.04-.26q-.87 0-1.63.72a2.4 2.4 0 00-.72 1.9m11.21 4.36V1.5h1.57l4.24 7.42h.07l4.24-7.42h1.57v12.19h-1.57V6.45l.07-2.04h-.07l-3.81 6.69h-.92l-3.81-6.69h-.07l.07 2.04v7.24zm16.31.27q-1.33 0-2.22-.77a2.5 2.5 0 01-.89-2.03q0-1.36 1.06-2.14 1.05-.77 2.61-.77 1.38 0 2.26.51v-.23q0-.91-.63-1.47A2.3 2.3 0 0077 6.51q-.68 0-1.23.32a1.6 1.6 0 00-.77.88l-1.43-.61q.28-.75 1.14-1.39a3.6 3.6 0 012.25-.64q1.6 0 2.66.94 1.05.93 1.06 2.64v5.04h-1.5v-1.16h-.08a3 3 0 01-2.74 1.43m.25-1.43q.97 0 1.76-.72.8-.72.79-1.71-.67-.54-1.99-.54-1.14 0-1.72.49-.58.5-.58 1.16 0 .61.53.97.54.35 1.21.35m9.97 1.43q-.96 0-1.71-.41a3 3 0 01-1.13-1.02h-.07l.07 1.16v3.68h-1.57V5.35h1.5v1.16h.07a3 3 0 011.13-1.02 3.67 3.67 0 014.5.87 4.5 4.5 0 011.18 3.17q0 1.9-1.18 3.17a3.7 3.7 0 01-2.79 1.26m-.26-1.43q1.1 0 1.87-.83.78-.82.78-2.19t-.78-2.19a2.5 2.5 0 00-1.87-.83q-1.11 0-1.88.82-.78.81-.77 2.2c.01 1.39.26 1.65.77 2.2q.78.82 1.88.82m8.39 1.43a3.8 3.8 0 01-3.65-2.38l1.4-.58q.67 1.57 2.26 1.57.73 0 1.2-.32a1 1 0 00.47-.85q0-.81-1.14-1.11l-1.69-.41a4 4 0 01-1.52-.77 1.9 1.9 0 01-.72-1.54q0-1.11.98-1.8a4 4 0 012.32-.69q1.11 0 1.98.5t1.24 1.44l-1.34.56q-.46-1.11-1.91-1.11-.7 0-1.18.29t-.48.78q0 .72 1.11.97l1.65.39a3 3 0 011.74.94q.56.66.56 1.5 0 1.12-.92 1.87-.9.75-2.36.75" })
+        children: /* @__PURE__ */ jsx101("path", { d: "M7.08 13.96a6.9 6.9 0 01-4.99-2.05A6.7 6.7 0 010 6.98Q0 4.1 2.09 2.05A6.9 6.9 0 017.08 0a6.7 6.7 0 014.79 1.92l-1.35 1.35a4.8 4.8 0 00-3.44-1.36q-2.1 0-3.55 1.48a5 5 0 00-1.45 3.59q0 2.12 1.46 3.59a4.8 4.8 0 003.55 1.48 4.8 4.8 0 003.53-1.4q.84-.84 1.04-2.4H7.08v-1.9h6.42a6 6 0 01.1 1.19q0 2.8-1.65 4.46a6.4 6.4 0 01-4.87 1.96M22 12.68a4.4 4.4 0 01-3.2 1.29 4.4 4.4 0 01-3.2-1.29 4.3 4.3 0 01-1.31-3.21q0-1.92 1.31-3.21a4.4 4.4 0 013.2-1.29q1.9 0 3.2 1.29a4.3 4.3 0 011.31 3.21A4.3 4.3 0 0122 12.68m-4.99-1.26q.75.78 1.79.77 1.04 0 1.79-.77.75-.78.75-1.95 0-1.19-.74-1.96-.75-.77-1.8-.77t-1.8.77a2.7 2.7 0 00-.74 1.96q0 1.17.75 1.95m14.84 1.26q-1.3 1.29-3.2 1.29c-1.9 0-2.33-.43-3.2-1.29a4.3 4.3 0 01-1.31-3.21q0-1.92 1.31-3.21 1.3-1.29 3.2-1.29c1.9 0 2.33.43 3.2 1.29a4.3 4.3 0 011.31 3.21q0 1.92-1.31 3.21m-4.99-1.26q.75.78 1.79.77 1.04 0 1.79-.77.75-.78.75-1.95 0-1.19-.74-1.96c-.74-.77-1.09-.77-1.8-.77q-1.05 0-1.8.77a2.7 2.7 0 00-.74 1.96q0 1.17.75 1.95M38.32 18q-1.5 0-2.52-.8a4.5 4.5 0 01-1.46-1.86l1.72-.72q.27.65.85 1.12.59.48 1.41.48a2.3 2.3 0 001.76-.68q.64-.68.64-1.96v-.65h-.07a2.9 2.9 0 01-2.37 1.02 4 4 0 01-3.01-1.31 4.4 4.4 0 01-1.29-3.17 4.4 4.4 0 011.29-3.19 4 4 0 013.01-1.32q.76 0 1.39.29t.98.72h.07v-.72h1.87v8.07q0 2.35-1.2 3.52A4.2 4.2 0 0138.32 18m.13-5.81q1.02 0 1.71-.77a2.8 2.8 0 00.69-1.93q0-1.17-.69-1.96a2.2 2.2 0 00-1.71-.79q-1.03 0-1.77.78a2.8 2.8 0 00-.73 1.96q0 1.16.73 1.93.74.78 1.77.78M45.93.48v13.21h-1.98V.48zm5.41 13.48a4.38 4.38 0 01-4.46-4.49q0-1.98 1.23-3.24a4 4 0 013.01-1.26 3.8 3.8 0 012.68 1.07 5 5 0 011.17 1.8l.2.51-6.01 2.49a2.3 2.3 0 002.18 1.36q1.37 0 2.21-1.24l1.53 1.02q-.5.76-1.45 1.38-.92.6-2.29.6m-2.5-4.63l4.02-1.67a1.4 1.4 0 00-.63-.69 2 2 0 00-1.04-.26q-.87 0-1.63.72a2.4 2.4 0 00-.72 1.9m11.21 4.36V1.5h1.57l4.24 7.42h.07l4.24-7.42h1.57v12.19h-1.57V6.45l.07-2.04h-.07l-3.81 6.69h-.92l-3.81-6.69h-.07l.07 2.04v7.24zm16.31.27q-1.33 0-2.22-.77a2.5 2.5 0 01-.89-2.03q0-1.36 1.06-2.14 1.05-.77 2.61-.77 1.38 0 2.26.51v-.23q0-.91-.63-1.47A2.3 2.3 0 0077 6.51q-.68 0-1.23.32a1.6 1.6 0 00-.77.88l-1.43-.61q.28-.75 1.14-1.39a3.6 3.6 0 012.25-.64q1.6 0 2.66.94 1.05.93 1.06 2.64v5.04h-1.5v-1.16h-.08a3 3 0 01-2.74 1.43m.25-1.43q.97 0 1.76-.72.8-.72.79-1.71-.67-.54-1.99-.54-1.14 0-1.72.49-.58.5-.58 1.16 0 .61.53.97.54.35 1.21.35m9.97 1.43q-.96 0-1.71-.41a3 3 0 01-1.13-1.02h-.07l.07 1.16v3.68h-1.57V5.35h1.5v1.16h.07a3 3 0 011.13-1.02 3.67 3.67 0 014.5.87 4.5 4.5 0 011.18 3.17q0 1.9-1.18 3.17a3.7 3.7 0 01-2.79 1.26m-.26-1.43q1.1 0 1.87-.83.78-.82.78-2.19t-.78-2.19a2.5 2.5 0 00-1.87-.83q-1.11 0-1.88.82-.78.81-.77 2.2c.01 1.39.26 1.65.77 2.2q.78.82 1.88.82m8.39 1.43a3.8 3.8 0 01-3.65-2.38l1.4-.58q.67 1.57 2.26 1.57.73 0 1.2-.32a1 1 0 00.47-.85q0-.81-1.14-1.11l-1.69-.41a4 4 0 01-1.52-.77 1.9 1.9 0 01-.72-1.54q0-1.11.98-1.8a4 4 0 012.32-.69q1.11 0 1.98.5t1.24 1.44l-1.34.56q-.46-1.11-1.91-1.11-.7 0-1.18.29t-.48.78q0 .72 1.11.97l1.65.39a3 3 0 011.74.94q.56.66.56 1.5 0 1.12-.92 1.87-.9.75-2.36.75" })
       }
     )
   }
 );
-var CustomPaper = (props) => /* @__PURE__ */ jsxs63(Paper2, { elevation: 8, ...props, children: [
+var CustomPaper = (props) => /* @__PURE__ */ jsxs64(Paper2, { elevation: 8, ...props, children: [
   props.children,
-  /* @__PURE__ */ jsx100(GoogleMapsAttribution, {})
+  /* @__PURE__ */ jsx101(GoogleMapsAttribution, {})
 ] });
 var GooglePlacesAutocomplete = ({
   // Autocomplete options
@@ -10468,10 +10575,10 @@ var GooglePlacesAutocomplete = ({
     if (parts.length === 0) {
       parts.push({ text: mainText, highlight: false });
     }
-    return /* @__PURE__ */ jsx100("li", { ...optionProps, children: /* @__PURE__ */ jsxs63(Grid, { container: true, sx: { alignItems: "center" }, children: [
-      /* @__PURE__ */ jsx100(Grid, { sx: { display: "flex", width: 44 }, children: /* @__PURE__ */ jsx100(LocationIcon, { sx: { color: "text.secondary", width: 20, height: 20 } }) }),
-      /* @__PURE__ */ jsxs63(Grid, { sx: { width: "calc(100% - 44px)", wordWrap: "break-word" }, children: [
-        parts.map((part, index) => /* @__PURE__ */ jsx100(
+    return /* @__PURE__ */ jsx101("li", { ...optionProps, children: /* @__PURE__ */ jsxs64(Grid, { container: true, sx: { alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx101(Grid, { sx: { display: "flex", width: 44 }, children: /* @__PURE__ */ jsx101(LocationIcon, { sx: { color: "text.secondary", width: 20, height: 20 } }) }),
+      /* @__PURE__ */ jsxs64(Grid, { sx: { width: "calc(100% - 44px)", wordWrap: "break-word" }, children: [
+        parts.map((part, index) => /* @__PURE__ */ jsx101(
           Box24,
           {
             component: "span",
@@ -10482,11 +10589,11 @@ var GooglePlacesAutocomplete = ({
           },
           index
         )),
-        option.structured_formatting.secondary_text && /* @__PURE__ */ jsx100(Typography13, { variant: "body2", sx: { color: "text.secondary" }, children: option.structured_formatting.secondary_text })
+        option.structured_formatting.secondary_text && /* @__PURE__ */ jsx101(Typography13, { variant: "body2", sx: { color: "text.secondary" }, children: option.structured_formatting.secondary_text })
       ] })
     ] }) }, key);
   };
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx101(
     Autocomplete2,
     {
       getOptionLabel: (option) => typeof option === "string" ? option : option.description,
@@ -10506,7 +10613,7 @@ var GooglePlacesAutocomplete = ({
         paper: CustomPaper
       },
       renderOption,
-      renderInput: (params) => /* @__PURE__ */ jsx100(
+      renderInput: (params) => /* @__PURE__ */ jsx101(
         TextField7,
         {
           ...params,
@@ -10518,8 +10625,8 @@ var GooglePlacesAutocomplete = ({
           slotProps: {
             input: {
               ...params.InputProps,
-              endAdornment: /* @__PURE__ */ jsxs63(Fragment4, { children: [
-                loading && /* @__PURE__ */ jsx100(CircularProgress2, { color: "inherit", size: 20 }),
+              endAdornment: /* @__PURE__ */ jsxs64(Fragment4, { children: [
+                loading && /* @__PURE__ */ jsx101(CircularProgress2, { color: "inherit", size: 20 }),
                 params.InputProps.endAdornment
               ] })
             }
@@ -10533,7 +10640,7 @@ var GooglePlacesAutocomplete = ({
 };
 
 // src/components/HookForm/RHFGooglePlacesAutocomplete.tsx
-import { jsx as jsx101 } from "react/jsx-runtime";
+import { jsx as jsx102 } from "react/jsx-runtime";
 var RHFGooglePlacesAutocomplete = ({
   name,
   helperText,
@@ -10543,10 +10650,10 @@ var RHFGooglePlacesAutocomplete = ({
   fetchPlaceDetails,
   ...other
 }) => {
-  const { control, setValue: setFormValue } = useFormContext10();
+  const { control, setValue: setFormValue } = useFormContext11();
   const shouldFetchDetails = valueType === "details" || fetchPlaceDetails;
-  return /* @__PURE__ */ jsx101(
-    Controller10,
+  return /* @__PURE__ */ jsx102(
+    Controller11,
     {
       name,
       control,
@@ -10613,7 +10720,7 @@ var RHFGooglePlacesAutocomplete = ({
             setFormValue(name, details, { shouldValidate: true });
           }
         };
-        return /* @__PURE__ */ jsx101(
+        return /* @__PURE__ */ jsx102(
           GooglePlacesAutocomplete,
           {
             value: getDisplayValue(),
@@ -10633,7 +10740,7 @@ var RHFGooglePlacesAutocomplete = ({
 
 // src/components/HookForm/RHFDatePicker.tsx
 import { memo, useState as useState19, useEffect as useEffect8 } from "react";
-import { Controller as Controller11, useFormContext as useFormContext11 } from "react-hook-form";
+import { Controller as Controller12, useFormContext as useFormContext12 } from "react-hook-form";
 import TextField8 from "@mui/material/TextField";
 import { LocalizationProvider as LocalizationProvider2 } from "@mui/x-date-pickers";
 import { AdapterDateFns as AdapterDateFns2 } from "@mui/x-date-pickers/AdapterDateFns";
@@ -10646,7 +10753,7 @@ import {
 import {
   DateTimePicker as MuiDateTimePicker
 } from "@mui/x-date-pickers/DateTimePicker";
-import { jsx as jsx102 } from "react/jsx-runtime";
+import { jsx as jsx103 } from "react/jsx-runtime";
 var RHFDatePickerComponent = ({
   name,
   slotProps,
@@ -10655,7 +10762,7 @@ var RHFDatePickerComponent = ({
   format: format4 = "MMM d, yyyy",
   ...other
 }) => {
-  const { control } = useFormContext11();
+  const { control } = useFormContext12();
   const [isOpen, setIsOpen] = useState19(false);
   const [cleared, setCleared] = useState19(false);
   useEffect8(() => {
@@ -10666,12 +10773,12 @@ var RHFDatePickerComponent = ({
     return () => {
     };
   }, [cleared]);
-  return /* @__PURE__ */ jsx102(
-    Controller11,
+  return /* @__PURE__ */ jsx103(
+    Controller12,
     {
       name,
       control,
-      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx102(LocalizationProvider2, { dateAdapter: AdapterDateFns2, children: /* @__PURE__ */ jsx102(
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx103(LocalizationProvider2, { dateAdapter: AdapterDateFns2, children: /* @__PURE__ */ jsx103(
         MuiDatePicker,
         {
           ...field,
@@ -10694,8 +10801,15 @@ var RHFDatePickerComponent = ({
               onClick: () => setIsOpen(true),
               ...typeof slotProps?.textField === "object" ? slotProps.textField : {}
             },
-            openPickerButton: { onClick: () => setIsOpen(true) },
-            field: { clearable, onClear: () => setCleared(true) }
+            openPickerButton: {
+              onClick: () => setIsOpen(true),
+              ...typeof slotProps?.openPickerButton === "object" ? slotProps.openPickerButton : {}
+            },
+            field: {
+              clearable,
+              onClear: () => setCleared(true),
+              ...typeof slotProps?.field === "object" ? slotProps.field : {}
+            }
           },
           ...other
         }
@@ -10712,7 +10826,7 @@ var RHFTimePickerComponent = ({
   format: format4 = "h:mma",
   ...other
 }) => {
-  const { control } = useFormContext11();
+  const { control } = useFormContext12();
   const [isOpen, setIsOpen] = useState19(false);
   const [cleared, setCleared] = useState19(false);
   useEffect8(() => {
@@ -10723,12 +10837,12 @@ var RHFTimePickerComponent = ({
     return () => {
     };
   }, [cleared]);
-  return /* @__PURE__ */ jsx102(
-    Controller11,
+  return /* @__PURE__ */ jsx103(
+    Controller12,
     {
       name,
       control,
-      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx102(LocalizationProvider2, { dateAdapter: AdapterDateFns2, children: /* @__PURE__ */ jsx102(
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx103(LocalizationProvider2, { dateAdapter: AdapterDateFns2, children: /* @__PURE__ */ jsx103(
         MuiTimePicker,
         {
           ...field,
@@ -10751,8 +10865,15 @@ var RHFTimePickerComponent = ({
               onClick: () => setIsOpen(true),
               ...typeof slotProps?.textField === "object" ? slotProps.textField : {}
             },
-            openPickerButton: { onClick: () => setIsOpen(true) },
-            field: { clearable, onClear: () => setCleared(true) }
+            openPickerButton: {
+              onClick: () => setIsOpen(true),
+              ...typeof slotProps?.openPickerButton === "object" ? slotProps.openPickerButton : {}
+            },
+            field: {
+              clearable,
+              onClear: () => setCleared(true),
+              ...typeof slotProps?.field === "object" ? slotProps.field : {}
+            }
           },
           ...other
         }
@@ -10769,7 +10890,7 @@ var RHFDateTimePickerComponent = ({
   format: format4 = "MMM d, yyyy h:mma",
   ...other
 }) => {
-  const { control } = useFormContext11();
+  const { control } = useFormContext12();
   const [isOpen, setIsOpen] = useState19(false);
   const [cleared, setCleared] = useState19(false);
   useEffect8(() => {
@@ -10780,12 +10901,12 @@ var RHFDateTimePickerComponent = ({
     return () => {
     };
   }, [cleared]);
-  return /* @__PURE__ */ jsx102(
-    Controller11,
+  return /* @__PURE__ */ jsx103(
+    Controller12,
     {
       name,
       control,
-      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx102(LocalizationProvider2, { dateAdapter: AdapterDateFns2, children: /* @__PURE__ */ jsx102(
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx103(LocalizationProvider2, { dateAdapter: AdapterDateFns2, children: /* @__PURE__ */ jsx103(
         MuiDateTimePicker,
         {
           ...field,
@@ -10808,8 +10929,15 @@ var RHFDateTimePickerComponent = ({
               onClick: () => setIsOpen(true),
               ...typeof slotProps?.textField === "object" ? slotProps.textField : {}
             },
-            openPickerButton: { onClick: () => setIsOpen(true) },
-            field: { clearable, onClear: () => setCleared(true) }
+            openPickerButton: {
+              onClick: () => setIsOpen(true),
+              ...typeof slotProps?.openPickerButton === "object" ? slotProps.openPickerButton : {}
+            },
+            field: {
+              clearable,
+              onClear: () => setCleared(true),
+              ...typeof slotProps?.field === "object" ? slotProps.field : {}
+            }
           },
           ...other
         }
@@ -10828,20 +10956,21 @@ var Field = {
   Text: RHFTextField,
   Radio: RHFRadioGroup,
   Checkbox: RHFCheckbox,
-  Autocomplete: RHFAutocomplete,
-  MultiCheckbox: RHFMultiCheckbox,
   Date: RHFDatePicker,
   Time: RHFTimePicker,
   DateTime: RHFDateTimePicker,
   DateRange: RHFDateRangePicker,
+  Autocomplete: RHFAutocomplete,
+  ToggleButton: RHFToggleButton,
+  MultiCheckbox: RHFMultiCheckbox,
   GooglePlacesAutocomplete: RHFGooglePlacesAutocomplete
 };
 
 // src/components/FormLabel/index.tsx
 import Tooltip from "@mui/material/Tooltip";
 import Typography14 from "@mui/material/Typography";
-import FormLabel4 from "@mui/material/FormLabel";
-import { jsx as jsx103, jsxs as jsxs64 } from "react/jsx-runtime";
+import FormLabel5 from "@mui/material/FormLabel";
+import { jsx as jsx104, jsxs as jsxs65 } from "react/jsx-runtime";
 var CustomFormLabel = ({
   label,
   tooltip: tooltip2,
@@ -10849,26 +10978,26 @@ var CustomFormLabel = ({
   optional,
   sx,
   ...rest
-}) => /* @__PURE__ */ jsxs64(FormLabel4, { sx: { mb: 0.5, display: "flex", alignItems: "center", gap: 0.5, ...sx }, ...rest, children: [
+}) => /* @__PURE__ */ jsxs65(FormLabel5, { sx: { mb: 0.5, display: "flex", alignItems: "center", gap: 0.5, ...sx }, ...rest, children: [
   label,
-  optional && /* @__PURE__ */ jsx103(Typography14, { component: "span", variant: "caption", color: "text.secondary", children: "(Optional)" }),
-  tooltip2 && /* @__PURE__ */ jsx103(Tooltip, { placement: "right", title: tooltip2, children: /* @__PURE__ */ jsx103("span", { style: { display: "inline-flex" }, children: icon2 ?? /* @__PURE__ */ jsx103(Icon, { icon: "InfoCircle", sx: { width: 16, height: 16, color: "icons.black" } }) }) })
+  optional && /* @__PURE__ */ jsx104(Typography14, { component: "span", variant: "caption", color: "text.secondary", children: "(Optional)" }),
+  tooltip2 && /* @__PURE__ */ jsx104(Tooltip, { placement: "right", title: tooltip2, children: /* @__PURE__ */ jsx104("span", { style: { display: "inline-flex" }, children: icon2 ?? /* @__PURE__ */ jsx104(Icon, { icon: "InfoCircle", sx: { width: 16, height: 16, color: "icons.black" } }) }) })
 ] });
 
 // src/components/CopyButton/index.tsx
 import Tooltip2 from "@mui/material/Tooltip";
 import IconButton6 from "@mui/material/IconButton";
-import { jsx as jsx104 } from "react/jsx-runtime";
+import { jsx as jsx105 } from "react/jsx-runtime";
 var CopyButton = ({ text: text2, size = "small" }) => {
   const { copy, isCopied } = useCopyToClipboard();
-  return /* @__PURE__ */ jsx104(Tooltip2, { title: isCopied ? "Copied" : "Copy", children: /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx105(Tooltip2, { title: isCopied ? "Copied" : "Copy", children: /* @__PURE__ */ jsx105(
     IconButton6,
     {
       size,
       onClick: () => copy(text2),
       "aria-label": "copy token",
       sx: { color: "icon.black" },
-      children: /* @__PURE__ */ jsx104(Icon, { icon: isCopied ? "ClipboardCheck" : "Copy", sx: { width: 20, height: 20 } })
+      children: /* @__PURE__ */ jsx105(Icon, { icon: isCopied ? "ClipboardCheck" : "Copy", sx: { width: 20, height: 20 } })
     }
   ) });
 };
@@ -10877,9 +11006,9 @@ var CopyButton = ({ text: text2, size = "small" }) => {
 import Portal2 from "@mui/material/Portal";
 import Box25 from "@mui/material/Box";
 import LinearProgress from "@mui/material/LinearProgress";
-import { jsx as jsx105 } from "react/jsx-runtime";
+import { jsx as jsx106 } from "react/jsx-runtime";
 var LoadingScreen = ({ portal, sx, ...rest }) => {
-  const content = /* @__PURE__ */ jsx105(
+  const content = /* @__PURE__ */ jsx106(
     Box25,
     {
       sx: {
@@ -10893,16 +11022,16 @@ var LoadingScreen = ({ portal, sx, ...rest }) => {
         ...sx
       },
       ...rest,
-      children: /* @__PURE__ */ jsx105(LinearProgress, { color: "primary", sx: { width: 1, maxWidth: 360 } })
+      children: /* @__PURE__ */ jsx106(LinearProgress, { color: "primary", sx: { width: 1, maxWidth: 360 } })
     }
   );
   if (portal) {
-    return /* @__PURE__ */ jsx105(Portal2, { children: content });
+    return /* @__PURE__ */ jsx106(Portal2, { children: content });
   }
   return content;
 };
 var SplashScreen = ({ portal, sx, ...rest }) => {
-  const content = /* @__PURE__ */ jsx105(
+  const content = /* @__PURE__ */ jsx106(
     Box25,
     {
       sx: {
@@ -10919,17 +11048,17 @@ var SplashScreen = ({ portal, sx, ...rest }) => {
         ...sx
       },
       ...rest,
-      children: /* @__PURE__ */ jsx105(AnimatedLogo, {})
+      children: /* @__PURE__ */ jsx106(AnimatedLogo, {})
     }
   );
   if (portal) {
-    return /* @__PURE__ */ jsx105(Portal2, { children: content });
+    return /* @__PURE__ */ jsx106(Portal2, { children: content });
   }
   return content;
 };
 
 // src/theme/core/components/mui-x-data-grid.tsx
-import { jsx as jsx106, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs66 } from "react/jsx-runtime";
 var MuiDataGrid = {
   /** **************************************
    * DEFAULT PROPS
@@ -10937,9 +11066,9 @@ var MuiDataGrid = {
   defaultProps: {
     slots: {
       /* Column */
-      columnSortedAscendingIcon: (props) => /* @__PURE__ */ jsx106(DataGridArrowUpIcon, { sx: { color: "text.primary" }, ...props }),
-      columnSortedDescendingIcon: (props) => /* @__PURE__ */ jsx106(DataGridArrowDownIcon, { sx: { color: "text.primary" }, ...props }),
-      columnUnsortedIcon: (props) => /* @__PURE__ */ jsx106(
+      columnSortedAscendingIcon: (props) => /* @__PURE__ */ jsx107(DataGridArrowUpIcon, { sx: { color: "text.primary" }, ...props }),
+      columnSortedDescendingIcon: (props) => /* @__PURE__ */ jsx107(DataGridArrowDownIcon, { sx: { color: "text.primary" }, ...props }),
+      columnUnsortedIcon: (props) => /* @__PURE__ */ jsx107(
         DataGridArrowUpIcon,
         {
           fontSize: props.fontSize,
@@ -10947,28 +11076,28 @@ var MuiDataGrid = {
           sx: { color: "text.disabled" }
         }
       ),
-      columnMenuIcon: (props) => /* @__PURE__ */ jsx106(DataGridMoreIcon, { width: 20, ...props }),
-      columnMenuSortAscendingIcon: (props) => /* @__PURE__ */ jsx106(DataGridArrowUpIcon, { ...props }),
-      columnMenuSortDescendingIcon: (props) => /* @__PURE__ */ jsx106(DataGridArrowDownIcon, { ...props }),
-      columnMenuFilterIcon: (props) => /* @__PURE__ */ jsx106(DataGridFilterIcon, { ...props }),
-      columnMenuHideIcon: (props) => /* @__PURE__ */ jsx106(DataGridEyeCloseIcon, { ...props }),
-      columnMenuManageColumnsIcon: (props) => /* @__PURE__ */ jsx106(DataGridEyeIcon, { ...props }),
-      columnSelectorIcon: (props) => /* @__PURE__ */ jsx106(DataGridEyeIcon, { ...props }),
+      columnMenuIcon: (props) => /* @__PURE__ */ jsx107(DataGridMoreIcon, { width: 20, ...props }),
+      columnMenuSortAscendingIcon: (props) => /* @__PURE__ */ jsx107(DataGridArrowUpIcon, { ...props }),
+      columnMenuSortDescendingIcon: (props) => /* @__PURE__ */ jsx107(DataGridArrowDownIcon, { ...props }),
+      columnMenuFilterIcon: (props) => /* @__PURE__ */ jsx107(DataGridFilterIcon, { ...props }),
+      columnMenuHideIcon: (props) => /* @__PURE__ */ jsx107(DataGridEyeCloseIcon, { ...props }),
+      columnMenuManageColumnsIcon: (props) => /* @__PURE__ */ jsx107(DataGridEyeIcon, { ...props }),
+      columnSelectorIcon: (props) => /* @__PURE__ */ jsx107(DataGridEyeIcon, { ...props }),
       /* Filter */
-      filterPanelDeleteIcon: (props) => /* @__PURE__ */ jsx106(DataGridCloseIcon, { ...props }),
-      openFilterButtonIcon: (props) => /* @__PURE__ */ jsx106(DataGridFilterIcon, { ...props }),
-      columnFilteredIcon: (props) => /* @__PURE__ */ jsx106(DataGridFilterIcon, { sx: { width: 16, color: "text.primary" }, ...props }),
+      filterPanelDeleteIcon: (props) => /* @__PURE__ */ jsx107(DataGridCloseIcon, { ...props }),
+      openFilterButtonIcon: (props) => /* @__PURE__ */ jsx107(DataGridFilterIcon, { ...props }),
+      columnFilteredIcon: (props) => /* @__PURE__ */ jsx107(DataGridFilterIcon, { sx: { width: 16, color: "text.primary" }, ...props }),
       /* Density */
-      densityCompactIcon: (props) => /* @__PURE__ */ jsx106(DataGridDensityCompactIcon, { ...props }),
-      densityStandardIcon: (props) => /* @__PURE__ */ jsx106(DataGridDensityStandardIcon, { ...props }),
-      densityComfortableIcon: (props) => /* @__PURE__ */ jsx106(DataGridDensityComfortableIcon, { ...props }),
+      densityCompactIcon: (props) => /* @__PURE__ */ jsx107(DataGridDensityCompactIcon, { ...props }),
+      densityStandardIcon: (props) => /* @__PURE__ */ jsx107(DataGridDensityStandardIcon, { ...props }),
+      densityComfortableIcon: (props) => /* @__PURE__ */ jsx107(DataGridDensityComfortableIcon, { ...props }),
       /* Export */
-      exportIcon: (props) => /* @__PURE__ */ jsx106(DataGridExportIcon, { ...props }),
+      exportIcon: (props) => /* @__PURE__ */ jsx107(DataGridExportIcon, { ...props }),
       /*  Quick Filter */
-      quickFilterIcon: (props) => /* @__PURE__ */ jsx106(DataGridSearchIcon, { sx: { width: 24, height: 24, color: "text.secondary" }, ...props }),
-      quickFilterClearIcon: (props) => /* @__PURE__ */ jsx106(DataGridCloseIcon, { ...props }),
+      quickFilterIcon: (props) => /* @__PURE__ */ jsx107(DataGridSearchIcon, { sx: { width: 24, height: 24, color: "text.secondary" }, ...props }),
+      quickFilterClearIcon: (props) => /* @__PURE__ */ jsx107(DataGridCloseIcon, { ...props }),
       /* Actions Column */
-      moreActionsIcon: (props) => /* @__PURE__ */ jsx106(Icon, { icon: "MoreHorizontal", sx: { width: 20, height: 20 }, ...props })
+      moreActionsIcon: (props) => /* @__PURE__ */ jsx107(Icon, { icon: "MoreHorizontal", sx: { width: 20, height: 20 }, ...props })
     },
     slotProps: {
       basePopper: { placement: "bottom-end" },
@@ -11145,15 +11274,15 @@ var MuiDataGrid = {
   }
 };
 var dataGrid = { MuiDataGrid };
-var DataGridArrowUpIcon = ({ ...props }) => /* @__PURE__ */ jsxs65(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
-  /* @__PURE__ */ jsx106(
+var DataGridArrowUpIcon = ({ ...props }) => /* @__PURE__ */ jsxs66(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
+  /* @__PURE__ */ jsx107(
     "path",
     {
       fill: "currentColor",
       d: "m8.303 11.596l3.327-3.431a.499.499 0 0 1 .74 0l6.43 6.63c.401.414.158 1.205-.37 1.205h-5.723z"
     }
   ),
-  /* @__PURE__ */ jsx106(
+  /* @__PURE__ */ jsx107(
     "path",
     {
       fill: "currentColor",
@@ -11162,15 +11291,15 @@ var DataGridArrowUpIcon = ({ ...props }) => /* @__PURE__ */ jsxs65(SvgIcon3, { s
     }
   )
 ] });
-var DataGridArrowDownIcon = ({ ...props }) => /* @__PURE__ */ jsxs65(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
-  /* @__PURE__ */ jsx106(
+var DataGridArrowDownIcon = ({ ...props }) => /* @__PURE__ */ jsxs66(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
+  /* @__PURE__ */ jsx107(
     "path",
     {
       fill: "currentColor",
       d: "m8.303 12.404l3.327 3.431c.213.22.527.22.74 0l6.43-6.63C19.201 8.79 18.958 8 18.43 8h-5.723z"
     }
   ),
-  /* @__PURE__ */ jsx106(
+  /* @__PURE__ */ jsx107(
     "path",
     {
       fill: "currentColor",
@@ -11179,15 +11308,15 @@ var DataGridArrowDownIcon = ({ ...props }) => /* @__PURE__ */ jsxs65(SvgIcon3, {
     }
   )
 ] });
-var DataGridFilterIcon = ({ ...props }) => /* @__PURE__ */ jsx106(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx106(
+var DataGridFilterIcon = ({ ...props }) => /* @__PURE__ */ jsx107(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx107(
   "path",
   {
     fill: "currentColor",
     d: "M19 3H5c-1.414 0-2.121 0-2.56.412C2 3.824 2 4.488 2 5.815v.69c0 1.037 0 1.556.26 1.986c.26.43.733.698 1.682 1.232l2.913 1.64c.636.358.955.537 1.183.735c.474.411.766.895.898 1.49c.064.284.064.618.064 1.285v2.67c0 .909 0 1.364.252 1.718c.252.355.7.53 1.594.88c1.879.734 2.818 1.101 3.486.683c.668-.417.668-1.372.668-3.282v-2.67c0-.666 0-1 .064-1.285a2.68 2.68 0 0 1 .899-1.49c.227-.197.546-.376 1.182-.735l2.913-1.64c.948-.533 1.423-.8 1.682-1.23c.26-.43.26-.95.26-1.988v-.69c0-1.326 0-1.99-.44-2.402C21.122 3 20.415 3 19 3"
   }
 ) });
-var DataGridExportIcon = ({ ...props }) => /* @__PURE__ */ jsxs65(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
-  /* @__PURE__ */ jsx106(
+var DataGridExportIcon = ({ ...props }) => /* @__PURE__ */ jsxs66(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
+  /* @__PURE__ */ jsx107(
     "path",
     {
       fill: "currentColor",
@@ -11196,7 +11325,7 @@ var DataGridExportIcon = ({ ...props }) => /* @__PURE__ */ jsxs65(SvgIcon3, { sx
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx106(
+  /* @__PURE__ */ jsx107(
     "path",
     {
       fill: "currentColor",
@@ -11204,9 +11333,9 @@ var DataGridExportIcon = ({ ...props }) => /* @__PURE__ */ jsxs65(SvgIcon3, { sx
     }
   )
 ] });
-var DataGridEyeIcon = ({ ...props }) => /* @__PURE__ */ jsxs65(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
-  /* @__PURE__ */ jsx106("path", { fill: "currentColor", d: "M9.75 12a2.25 2.25 0 1 1 4.5 0a2.25 2.25 0 0 1-4.5 0" }),
-  /* @__PURE__ */ jsx106(
+var DataGridEyeIcon = ({ ...props }) => /* @__PURE__ */ jsxs66(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
+  /* @__PURE__ */ jsx107("path", { fill: "currentColor", d: "M9.75 12a2.25 2.25 0 1 1 4.5 0a2.25 2.25 0 0 1-4.5 0" }),
+  /* @__PURE__ */ jsx107(
     "path",
     {
       fill: "currentColor",
@@ -11216,7 +11345,7 @@ var DataGridEyeIcon = ({ ...props }) => /* @__PURE__ */ jsxs65(SvgIcon3, { sx: {
     }
   )
 ] });
-var DataGridEyeCloseIcon = ({ ...props }) => /* @__PURE__ */ jsx106(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx106(
+var DataGridEyeCloseIcon = ({ ...props }) => /* @__PURE__ */ jsx107(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx107(
   "path",
   {
     fill: "currentColor",
@@ -11225,23 +11354,23 @@ var DataGridEyeCloseIcon = ({ ...props }) => /* @__PURE__ */ jsx106(SvgIcon3, {
     clipRule: "evenodd"
   }
 ) });
-var DataGridSearchIcon = ({ ...props }) => /* @__PURE__ */ jsx106(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx106(
+var DataGridSearchIcon = ({ ...props }) => /* @__PURE__ */ jsx107(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx107(
   "path",
   {
     fill: "currentColor",
     d: "m20.71 19.29l-3.4-3.39A7.92 7.92 0 0 0 19 11a8 8 0 1 0-8 8a7.92 7.92 0 0 0 4.9-1.69l3.39 3.4a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42M5 11a6 6 0 1 1 6 6a6 6 0 0 1-6-6"
   }
 ) });
-var DataGridCloseIcon = ({ ...props }) => /* @__PURE__ */ jsx106(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx106(
+var DataGridCloseIcon = ({ ...props }) => /* @__PURE__ */ jsx107(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx107(
   "path",
   {
     fill: "currentColor",
     d: "m13.41 12l4.3-4.29a1 1 0 1 0-1.42-1.42L12 10.59l-4.29-4.3a1 1 0 0 0-1.42 1.42l4.3 4.29l-4.3 4.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l4.29-4.3l4.29 4.3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42Z"
   }
 ) });
-var DataGridMoreIcon = ({ ...props }) => /* @__PURE__ */ jsx106(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsxs65("g", { fill: "none", children: [
-  /* @__PURE__ */ jsx106("path", { d: "M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }),
-  /* @__PURE__ */ jsx106(
+var DataGridMoreIcon = ({ ...props }) => /* @__PURE__ */ jsx107(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsxs66("g", { fill: "none", children: [
+  /* @__PURE__ */ jsx107("path", { d: "M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }),
+  /* @__PURE__ */ jsx107(
     "path",
     {
       fill: "currentColor",
@@ -11249,16 +11378,16 @@ var DataGridMoreIcon = ({ ...props }) => /* @__PURE__ */ jsx106(SvgIcon3, { sx:
     }
   )
 ] }) });
-var DataGridDensityCompactIcon = ({ ...props }) => /* @__PURE__ */ jsx106(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx106(
+var DataGridDensityCompactIcon = ({ ...props }) => /* @__PURE__ */ jsx107(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx107(
   "path",
   {
     fill: "currentColor",
     d: "M4 15.5q-.425 0-.712-.288T3 14.5V14q0-.425.288-.712T4 13h16q.425 0 .713.288T21 14v.5q0 .425-.288.713T20 15.5zM4 11q-.425 0-.712-.288T3 10v-.5q0-.425.288-.712T4 8.5h16q.425 0 .713.288T21 9.5v.5q0 .425-.288.713T20 11zm0-4.5q-.425 0-.712-.288T3 5.5V5q0-.425.288-.712T4 4h16q.425 0 .713.288T21 5v.5q0 .425-.288.713T20 6.5zM4 20q-.425 0-.712-.288T3 19v-.5q0-.425.288-.712T4 17.5h16q.425 0 .713.288T21 18.5v.5q0 .425-.288.713T20 20z"
   }
 ) });
-var DataGridDensityComfortableIcon = ({ ...props }) => /* @__PURE__ */ jsx106(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsxs65("g", { fill: "none", fillRule: "evenodd", children: [
-  /* @__PURE__ */ jsx106("path", { d: "M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }),
-  /* @__PURE__ */ jsx106(
+var DataGridDensityComfortableIcon = ({ ...props }) => /* @__PURE__ */ jsx107(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsxs66("g", { fill: "none", fillRule: "evenodd", children: [
+  /* @__PURE__ */ jsx107("path", { d: "M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }),
+  /* @__PURE__ */ jsx107(
     "path",
     {
       fill: "currentColor",
@@ -11266,9 +11395,9 @@ var DataGridDensityComfortableIcon = ({ ...props }) => /* @__PURE__ */ jsx106(Sv
     }
   )
 ] }) });
-var DataGridDensityStandardIcon = ({ ...props }) => /* @__PURE__ */ jsx106(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsxs65("g", { fill: "none", children: [
-  /* @__PURE__ */ jsx106("path", { d: "M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }),
-  /* @__PURE__ */ jsx106(
+var DataGridDensityStandardIcon = ({ ...props }) => /* @__PURE__ */ jsx107(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsxs66("g", { fill: "none", children: [
+  /* @__PURE__ */ jsx107("path", { d: "M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }),
+  /* @__PURE__ */ jsx107(
     "path",
     {
       fill: "currentColor",
@@ -11429,13 +11558,13 @@ var buttonGroup = { MuiButtonGroup };
 import { chipClasses as chipClasses2 } from "@mui/material/Chip";
 import { inputBaseClasses as inputBaseClasses4 } from "@mui/material/InputBase";
 import { autocompleteClasses as autocompleteClasses3 } from "@mui/material/Autocomplete";
-import { jsx as jsx107 } from "react/jsx-runtime";
+import { jsx as jsx108 } from "react/jsx-runtime";
 var MuiAutocomplete = {
   /** **************************************
    * DEFAULT PROPS
    *************************************** */
   defaultProps: {
-    popupIcon: /* @__PURE__ */ jsx107(Icon, { icon: "NavArrowDown" }),
+    popupIcon: /* @__PURE__ */ jsx108(Icon, { icon: "NavArrowDown" }),
     forcePopupIcon: true
   },
   /** **************************************
@@ -11549,8 +11678,8 @@ var MuiAutocomplete = {
 var autocomplete = { MuiAutocomplete };
 
 // src/theme/core/components/toggle-button.ts
-import { toggleButtonGroupClasses } from "@mui/material/ToggleButtonGroup";
-import { toggleButtonClasses } from "@mui/material/ToggleButton";
+import { toggleButtonGroupClasses as toggleButtonGroupClasses2 } from "@mui/material/ToggleButtonGroup";
+import { toggleButtonClasses as toggleButtonClasses2 } from "@mui/material/ToggleButton";
 var COLORS9 = ["primary", "secondary", "info", "success", "warning", "error"];
 function styleColors6(ownerState, styles) {
   const outputStyle = COLORS9.reduce((acc, color) => {
@@ -11579,7 +11708,7 @@ var MuiToggleButton = {
           }
         })),
         selected: {
-          [`&.${toggleButtonClasses.selected}`]: {
+          [`&.${toggleButtonClasses2.selected}`]: {
             color: theme.vars.palette.common.white,
             backgroundColor: theme.vars.palette.primary.light,
             borderColor: "currentColor",
@@ -11591,7 +11720,7 @@ var MuiToggleButton = {
         },
         disabled: {
           ...ownerState.disabled && {
-            [`&.${toggleButtonClasses.selected}`]: {
+            [`&.${toggleButtonClasses2.selected}`]: {
               color: theme.vars.palette.action.disabled,
               backgroundColor: theme.vars.palette.action.selected,
               borderColor: theme.vars.palette.action.disabledBackground
@@ -11619,21 +11748,21 @@ var MuiToggleButtonGroup = {
       borderRadius: Number(theme.shape.borderRadius) * 2
     }),
     grouped: ({ theme }) => ({
-      [`&.${toggleButtonClasses.root}`]: {
+      [`&.${toggleButtonClasses2.root}`]: {
         padding: theme.spacing(1, 2),
         border: "none"
       },
-      [`&.${toggleButtonGroupClasses.firstButton}`]: {
+      [`&.${toggleButtonGroupClasses2.firstButton}`]: {
         border: "none",
         borderTopLeftRadius: "inherit",
         borderBottomLeftRadius: "inherit"
       },
-      [`&.${toggleButtonGroupClasses.lastButton}`]: {
+      [`&.${toggleButtonGroupClasses2.lastButton}`]: {
         border: "none",
         borderTopRightRadius: "inherit",
         borderBottomRightRadius: "inherit"
       },
-      [`&.${toggleButtonClasses.selected}`]: { boxShadow: "none" }
+      [`&.${toggleButtonClasses2.selected}`]: { boxShadow: "none" }
     })
   }
 };
@@ -11645,7 +11774,7 @@ import Typography15 from "@mui/material/Typography";
 import { buttonClasses as buttonClasses3 } from "@mui/material/Button";
 import { styled as styled3 } from "@mui/material/styles";
 import { dialogActionsClasses } from "@mui/material/DialogActions";
-import { jsx as jsx108, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx109, jsxs as jsxs67 } from "react/jsx-runtime";
 var CustomCalendarHeaderRoot = styled3("div")(({ theme }) => ({
   display: "flex",
   justifyContent: "space-between",
@@ -11683,9 +11812,9 @@ function CustomCalendarHeader(props) {
       onViewChange("year");
     }
   };
-  return /* @__PURE__ */ jsxs66(CustomCalendarHeaderRoot, { children: [
-    /* @__PURE__ */ jsx108(CustomIconButton, { onClick: selectPreviousMonth, title: "Previous month", size: "small", children: /* @__PURE__ */ jsx108(Icon, { icon: "NavArrowLeft", width: 16 }) }),
-    /* @__PURE__ */ jsx108(
+  return /* @__PURE__ */ jsxs67(CustomCalendarHeaderRoot, { children: [
+    /* @__PURE__ */ jsx109(CustomIconButton, { onClick: selectPreviousMonth, title: "Previous month", size: "small", children: /* @__PURE__ */ jsx109(Icon, { icon: "NavArrowLeft", width: 16 }) }),
+    /* @__PURE__ */ jsx109(
       Typography15,
       {
         variant: "subtitle1",
@@ -11700,7 +11829,7 @@ function CustomCalendarHeader(props) {
         children: monthLabel
       }
     ),
-    /* @__PURE__ */ jsx108(CustomIconButton, { onClick: selectNextMonth, title: "Next month", size: "small", children: /* @__PURE__ */ jsx108(Icon, { icon: "NavArrowRight", width: 16 }) })
+    /* @__PURE__ */ jsx109(CustomIconButton, { onClick: selectNextMonth, title: "Next month", size: "small", children: /* @__PURE__ */ jsx109(Icon, { icon: "NavArrowRight", width: 16 }) })
   ] });
 }
 var localeText = {
@@ -11708,13 +11837,13 @@ var localeText = {
 };
 var defaultProps = {
   date: {
-    openPickerIcon: () => /* @__PURE__ */ jsx108(Icon, { icon: "Calendar", sx: { width: 20, height: 20 } }),
+    openPickerIcon: () => /* @__PURE__ */ jsx109(Icon, { icon: "Calendar", sx: { width: 20, height: 20 } }),
     calendarHeader: CustomCalendarHeader
   },
   time: {
-    openPickerIcon: () => /* @__PURE__ */ jsx108(Icon, { icon: "Clock", sx: { width: 20, height: 20 } }),
-    rightArrowIcon: () => /* @__PURE__ */ jsx108(Icon, { icon: "NavArrowRight" }),
-    switchViewIcon: () => /* @__PURE__ */ jsx108(Icon, { icon: "NavArrowDownSolid" })
+    openPickerIcon: () => /* @__PURE__ */ jsx109(Icon, { icon: "Clock", sx: { width: 20, height: 20 } }),
+    rightArrowIcon: () => /* @__PURE__ */ jsx109(Icon, { icon: "NavArrowRight" }),
+    switchViewIcon: () => /* @__PURE__ */ jsx109(Icon, { icon: "NavArrowDownSolid" })
   }
 };
 var dateViews = ["year", "month", "day"];
@@ -12145,18 +12274,18 @@ import "@fontsource/geist/500.css";
 import "@fontsource/geist/600.css";
 import "@fontsource/geist/700.css";
 import "./satoshi-4X3TX4PE.css";
-import { jsx as jsx109, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs68 } from "react/jsx-runtime";
 var ThemeProvider = ({ children }) => {
   const settings = useSettings();
   const theme = createTheme(settings);
-  return /* @__PURE__ */ jsxs67(
+  return /* @__PURE__ */ jsxs68(
     MuiThemeProvider,
     {
       theme,
       defaultMode: schemeConfig.defaultMode,
       modeStorageKey: schemeConfig.modeStorageKey,
       children: [
-        /* @__PURE__ */ jsx109(CssBaseline, {}),
+        /* @__PURE__ */ jsx110(CssBaseline, {}),
         children
       ]
     }
@@ -12237,6 +12366,7 @@ export {
   RHFSwitch,
   RHFTextField,
   RHFTimePicker,
+  RHFToggleButton,
   RHFUpload,
   RadioDefault,
   RadioSelect,