mytek-components 2.0.8 → 2.1.0

package/dist/main.umd.js

@@ -1,10 +1,7 @@
 (function(global2, factory) {
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("@emotion/styled"), require("@emotion/react"), require("@mui/material"), require("react-dom"), require("material-react-table"), require("@mui/x-date-pickers"), require("dayjs"), require("xlsx")) : typeof define === "function" && define.amd ? define(["exports", "react", "@emotion/styled", "@emotion/react", "@mui/material", "react-dom", "material-react-table", "@mui/x-date-pickers", "dayjs", "xlsx"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.MytekComponents = {}, global2.React, global2.emotionStyled, global2.emotionReact, global2.MuiMaterial, global2.ReactDOM, global2.MaterialReactTable, global2.MuiDatePickers, global2.dayjs, global2.XLSX));
 })(this, (function(exports2, React, emStyled, react, material, ReactDOM, materialReactTable, xDatePickers, dayjs, XLSX) {
-  "use strict";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);
-
+  "use strict";
   function _interopNamespaceDefault(e) {
     const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
     if (e) {
@@ -28,20 +25,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
   var jsxRuntime = { exports: {} };
   var reactJsxRuntime_production = {};
-  /**
-   * @license React
-   * react-jsx-runtime.production.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
   var hasRequiredReactJsxRuntime_production;
   function requireReactJsxRuntime_production() {
     if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
     hasRequiredReactJsxRuntime_production = 1;
-    var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
+    var REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment");
     function jsxProd(type, config2, maybeKey) {
       var key = null;
       void 0 !== maybeKey && (key = "" + maybeKey);
@@ -66,15 +54,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return reactJsxRuntime_production;
   }
   var reactJsxRuntime_development = {};
-  /**
-   * @license React
-   * react-jsx-runtime.development.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
   var hasRequiredReactJsxRuntime_development;
   function requireReactJsxRuntime_development() {
     if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
@@ -289,7 +268,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       function isValidElement(object) {
         return "object" === typeof object && null !== object && object.$$typeof === REACT_ELEMENT_TYPE;
       }
-      var React$1 = React, REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React$1.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
+      var React$1 = React, REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = /* @__PURE__ */ Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo"), REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = /* @__PURE__ */ Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = /* @__PURE__ */ Symbol.for("react.client.reference"), ReactSharedInternals = React$1.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
         return null;
       };
       React$1 = {
@@ -564,7 +543,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     disabled = false,
     ...rest
   }) => {
-    var _a;
     const isDisabled = loader || disabled;
     const className = clsx(
       "flex items-center justify-center transition-opacity",
@@ -581,7 +559,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       backgroundColor: backgroundColor2,
       height: height2,
       // ✅ Only apply width if w-full is NOT passed via className
-      width: ((_a = rest.className) == null ? void 0 : _a.includes("w-full")) ? void 0 : width2,
+      width: rest.className?.includes("w-full") ? void 0 : width2,
       border: border2,
       borderRadius: borderRadius2,
       padding: padding2,
@@ -763,19 +741,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   var propTypes$2 = { exports: {} };
   var reactIs$1 = { exports: {} };
   var reactIs_production_min = {};
-  /** @license React v16.13.1
-   * react-is.production.min.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
   var hasRequiredReactIs_production_min;
   function requireReactIs_production_min() {
     if (hasRequiredReactIs_production_min) return reactIs_production_min;
     hasRequiredReactIs_production_min = 1;
-    var b = "function" === typeof Symbol && Symbol.for, c = b ? Symbol.for("react.element") : 60103, d = b ? Symbol.for("react.portal") : 60106, e = b ? Symbol.for("react.fragment") : 60107, f = b ? Symbol.for("react.strict_mode") : 60108, g = b ? Symbol.for("react.profiler") : 60114, h = b ? Symbol.for("react.provider") : 60109, k = b ? Symbol.for("react.context") : 60110, l = b ? Symbol.for("react.async_mode") : 60111, m = b ? Symbol.for("react.concurrent_mode") : 60111, n = b ? Symbol.for("react.forward_ref") : 60112, p = b ? Symbol.for("react.suspense") : 60113, q = b ? Symbol.for("react.suspense_list") : 60120, r2 = b ? Symbol.for("react.memo") : 60115, t = b ? Symbol.for("react.lazy") : 60116, v = b ? Symbol.for("react.block") : 60121, w = b ? Symbol.for("react.fundamental") : 60117, x = b ? Symbol.for("react.responder") : 60118, y = b ? Symbol.for("react.scope") : 60119;
+    var b = "function" === typeof Symbol && Symbol.for, c = b ? /* @__PURE__ */ Symbol.for("react.element") : 60103, d = b ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, e = b ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, f = b ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, g = b ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, h = b ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, k = b ? /* @__PURE__ */ Symbol.for("react.context") : 60110, l = b ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, m = b ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, n = b ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, p = b ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, q = b ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, r2 = b ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, t = b ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, v = b ? /* @__PURE__ */ Symbol.for("react.block") : 60121, w = b ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, x = b ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, y = b ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
     function z(a) {
       if ("object" === typeof a && null !== a) {
         var u = a.$$typeof;
@@ -866,14 +836,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return reactIs_production_min;
   }
   var reactIs_development$1 = {};
-  /** @license React v16.13.1
-   * react-is.development.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
   var hasRequiredReactIs_development$1;
   function requireReactIs_development$1() {
     if (hasRequiredReactIs_development$1) return reactIs_development$1;
@@ -881,24 +843,24 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     if (process.env.NODE_ENV !== "production") {
       (function() {
         var hasSymbol = typeof Symbol === "function" && Symbol.for;
-        var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103;
-        var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106;
-        var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107;
-        var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108;
-        var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114;
-        var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109;
-        var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110;
-        var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111;
-        var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 60111;
-        var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112;
-        var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113;
-        var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 60120;
-        var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115;
-        var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
-        var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121;
-        var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 60117;
-        var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 60118;
-        var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 60119;
+        var REACT_ELEMENT_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.element") : 60103;
+        var REACT_PORTAL_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.portal") : 60106;
+        var REACT_FRAGMENT_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107;
+        var REACT_STRICT_MODE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108;
+        var REACT_PROFILER_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114;
+        var REACT_PROVIDER_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.provider") : 60109;
+        var REACT_CONTEXT_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.context") : 60110;
+        var REACT_ASYNC_MODE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111;
+        var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111;
+        var REACT_FORWARD_REF_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112;
+        var REACT_SUSPENSE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113;
+        var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120;
+        var REACT_MEMO_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.memo") : 60115;
+        var REACT_LAZY_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116;
+        var REACT_BLOCK_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.block") : 60121;
+        var REACT_FUNDAMENTAL_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117;
+        var REACT_RESPONDER_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.responder") : 60118;
+        var REACT_SCOPE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
         function isValidElementType(type) {
           return typeof type === "string" || typeof type === "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
           type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
@@ -1038,11 +1000,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return reactIs$1.exports;
   }
-  /*
-  object-assign
-  (c) Sindre Sorhus
-  @license MIT
-  */
   var objectAssign;
   var hasRequiredObjectAssign;
   function requireObjectAssign() {
@@ -1727,20 +1684,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
   var reactIs = { exports: {} };
   var reactIs_production = {};
-  /**
-   * @license React
-   * react-is.production.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
   var hasRequiredReactIs_production;
   function requireReactIs_production() {
     if (hasRequiredReactIs_production) return reactIs_production;
     hasRequiredReactIs_production = 1;
-    var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_VIEW_TRANSITION_TYPE = Symbol.for("react.view_transition"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
+    var REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = /* @__PURE__ */ Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo"), REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"), REACT_VIEW_TRANSITION_TYPE = /* @__PURE__ */ Symbol.for("react.view_transition"), REACT_CLIENT_REFERENCE = /* @__PURE__ */ Symbol.for("react.client.reference");
     function typeOf2(object) {
       if ("object" === typeof object && null !== object) {
         var $$typeof = object.$$typeof;
@@ -1827,15 +1775,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return reactIs_production;
   }
   var reactIs_development = {};
-  /**
-   * @license React
-   * react-is.development.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
   var hasRequiredReactIs_development;
   function requireReactIs_development() {
     if (hasRequiredReactIs_development) return reactIs_development;
@@ -1872,7 +1811,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           }
         }
       }
-      var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_VIEW_TRANSITION_TYPE = Symbol.for("react.view_transition"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
+      var REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = /* @__PURE__ */ Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo"), REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"), REACT_VIEW_TRANSITION_TYPE = /* @__PURE__ */ Symbol.for("react.view_transition"), REACT_CLIENT_REFERENCE = /* @__PURE__ */ Symbol.for("react.client.reference");
       reactIs_development.ContextConsumer = REACT_CONSUMER_TYPE;
       reactIs_development.ContextProvider = REACT_CONTEXT_TYPE;
       reactIs_development.Element = REACT_ELEMENT_TYPE;
@@ -1994,9 +1933,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return css;
     }
     const sorted = Object.keys(css).filter((key) => key.startsWith("@container")).sort((a, b) => {
-      var _a, _b;
       const regex = /min-width:\s*([0-9.]+)/;
-      return +(((_a = a.match(regex)) == null ? void 0 : _a[1]) || 0) - +(((_b = b.match(regex)) == null ? void 0 : _b[1]) || 0);
+      return +(a.match(regex)?.[1] || 0) - +(b.match(regex)?.[1] || 0);
     });
     if (!sorted.length) {
       return css;
@@ -2112,8 +2050,7 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
     return output;
   }
   function createEmptyBreakpointObject(breakpointsInput = {}) {
-    var _a;
-    const breakpointsInOrder = (_a = breakpointsInput.keys) == null ? void 0 : _a.reduce((acc, key) => {
+    const breakpointsInOrder = breakpointsInput.keys?.reduce((acc, key) => {
       const breakpointStyleKey = breakpointsInput.up(key);
       acc[breakpointStyleKey] = {};
       return acc;
@@ -2506,14 +2443,13 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
   const maxWidth = (props) => {
     if (props.maxWidth !== void 0 && props.maxWidth !== null) {
       const styleFromPropValue = (propValue) => {
-        var _a, _b, _c, _d, _e;
-        const breakpoint = ((_c = (_b = (_a = props.theme) == null ? void 0 : _a.breakpoints) == null ? void 0 : _b.values) == null ? void 0 : _c[propValue]) || values[propValue];
+        const breakpoint = props.theme?.breakpoints?.values?.[propValue] || values[propValue];
         if (!breakpoint) {
           return {
             maxWidth: sizingTransform(propValue)
           };
         }
-        if (((_e = (_d = props.theme) == null ? void 0 : _d.breakpoints) == null ? void 0 : _e.unit) !== "px") {
+        if (props.theme?.breakpoints?.unit !== "px") {
           return {
             maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`
           };
@@ -3199,13 +3135,6 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
       next: cursor
     };
   }
-  /**
-   * @mui/styled-engine v7.3.7
-   *
-   * @license MIT
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
   function styled$1(tag, options2) {
     const stylesFactory = emStyled(tag, options2);
     if (process.env.NODE_ENV !== "production") {
@@ -3331,10 +3260,9 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
     return spacing;
   }
   function applyStyles(key, styles) {
-    var _a;
     const theme = this;
     if (theme.vars) {
-      if (!((_a = theme.colorSchemes) == null ? void 0 : _a[key]) || typeof theme.getColorSchemeSelector !== "function") {
+      if (!theme.colorSchemes?.[key] || typeof theme.getColorSchemeSelector !== "function") {
         return {};
       }
       let selector = theme.getColorSchemeSelector(key);
@@ -3383,7 +3311,7 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
     muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
     muiTheme.unstable_sxConfig = {
       ...defaultSxConfig,
-      ...other == null ? void 0 : other.unstable_sxConfig
+      ...other?.unstable_sxConfig
     };
     muiTheme.unstable_sx = function sx(props) {
       return styleFunctionSx({
@@ -3493,7 +3421,7 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
     if (Array.isArray(resolvedStyle)) {
       return resolvedStyle.flatMap((subStyle) => processStyle(props, subStyle, layerName));
     }
-    if (Array.isArray(resolvedStyle == null ? void 0 : resolvedStyle.variants)) {
+    if (Array.isArray(resolvedStyle?.variants)) {
       let rootStyle;
       if (resolvedStyle.isProcessed) {
         rootStyle = layerName ? shallowLayer(resolvedStyle.style, layerName) : resolvedStyle.style;
@@ -3506,38 +3434,37 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
       }
       return processStyleVariants(props, resolvedStyle.variants, [rootStyle], layerName);
     }
-    if (resolvedStyle == null ? void 0 : resolvedStyle.isProcessed) {
+    if (resolvedStyle?.isProcessed) {
       return layerName ? shallowLayer(internal_serializeStyles(resolvedStyle.style), layerName) : resolvedStyle.style;
     }
     return layerName ? shallowLayer(internal_serializeStyles(resolvedStyle), layerName) : resolvedStyle;
   }
   function processStyleVariants(props, variants, results = [], layerName = void 0) {
-    var _a;
     let mergedState;
     variantLoop: for (let i = 0; i < variants.length; i += 1) {
       const variant = variants[i];
       if (typeof variant.props === "function") {
-        mergedState ?? (mergedState = {
+        mergedState ??= {
           ...props,
           ...props.ownerState,
           ownerState: props.ownerState
-        });
+        };
         if (!variant.props(mergedState)) {
           continue;
         }
       } else {
         for (const key in variant.props) {
-          if (props[key] !== variant.props[key] && ((_a = props.ownerState) == null ? void 0 : _a[key]) !== variant.props[key]) {
+          if (props[key] !== variant.props[key] && props.ownerState?.[key] !== variant.props[key]) {
             continue variantLoop;
           }
         }
       }
       if (typeof variant.style === "function") {
-        mergedState ?? (mergedState = {
+        mergedState ??= {
           ...props,
           ...props.ownerState,
           ownerState: props.ownerState
-        });
+        };
         results.push(layerName ? shallowLayer(internal_serializeStyles(variant.style(mergedState)), layerName) : variant.style(mergedState));
       } else {
         results.push(layerName ? shallowLayer(internal_serializeStyles(variant.style), layerName) : variant.style);
@@ -3614,9 +3541,8 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
         expressionsHead.push(styleAttachTheme);
         if (componentName && overridesResolver) {
           expressionsTail.push(function styleThemeOverrides(props) {
-            var _a, _b;
             const theme = props.theme;
-            const styleOverrides = (_b = (_a = theme.components) == null ? void 0 : _a[componentName]) == null ? void 0 : _b.styleOverrides;
+            const styleOverrides = theme.components?.[componentName]?.styleOverrides;
             if (!styleOverrides) {
               return null;
             }
@@ -3629,9 +3555,8 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
         }
         if (componentName && !skipVariantsResolver) {
           expressionsTail.push(function styleThemeVariants(props) {
-            var _a, _b;
             const theme = props.theme;
-            const themeVariants = (_b = (_a = theme == null ? void 0 : theme.components) == null ? void 0 : _a[componentName]) == null ? void 0 : _b.variants;
+            const themeVariants = theme?.components?.[componentName]?.variants;
             if (!themeVariants) {
               return null;
             }
@@ -3733,11 +3658,11 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
             }
           }
         } else if (propName === "className" && mergeClassNameAndStyle && props.className) {
-          output.className = clsx(defaultProps == null ? void 0 : defaultProps.className, props == null ? void 0 : props.className);
+          output.className = clsx(defaultProps?.className, props?.className);
         } else if (propName === "style" && mergeClassNameAndStyle && props.style) {
           output.style = {
-            ...defaultProps == null ? void 0 : defaultProps.style,
-            ...props == null ? void 0 : props.style
+            ...defaultProps?.style,
+            ...props?.style
           };
         } else if (output[propName] === void 0) {
           output[propName] = defaultProps[propName];
@@ -4167,7 +4092,6 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       };
     }
     function defaultGetSelector2(colorScheme, cssObject) {
-      var _a, _b;
       let rule = selector;
       if (selector === "class") {
         rule = ".%s";
@@ -4175,7 +4099,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       if (selector === "data") {
         rule = "[data-%s]";
       }
-      if ((selector == null ? void 0 : selector.startsWith("data-")) && !selector.includes("%s")) {
+      if (selector?.startsWith("data-") && !selector.includes("%s")) {
         rule = `[${selector}="%s"]`;
       }
       if (colorScheme) {
@@ -4183,7 +4107,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
           if (theme.defaultColorScheme === colorScheme) {
             return ":root";
           }
-          const mode = ((_b = (_a = colorSchemes[colorScheme]) == null ? void 0 : _a.palette) == null ? void 0 : _b.mode) || colorScheme;
+          const mode = colorSchemes[colorScheme]?.palette?.mode || colorScheme;
           return {
             [`@media (prefers-color-scheme: ${mode})`]: {
               ":root": cssObject
@@ -4211,7 +4135,6 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       return vars;
     };
     const generateStyleSheets = () => {
-      var _a, _b;
       const stylesheets = [];
       const colorScheme = theme.defaultColorScheme || "light";
       function insertStyleSheet(key, css) {
@@ -4234,7 +4157,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
         const {
           css
         } = defaultSchemeVal;
-        const cssColorSheme = (_b = (_a = colorSchemes[colorScheme]) == null ? void 0 : _a.palette) == null ? void 0 : _b.mode;
+        const cssColorSheme = colorSchemes[colorScheme]?.palette?.mode;
         const finalCss = !disableCssColorScheme && cssColorSheme ? {
           colorScheme: cssColorSheme,
           ...css
@@ -4248,8 +4171,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       Object.entries(other).forEach(([key, {
         css
       }]) => {
-        var _a2, _b2;
-        const cssColorSheme = (_b2 = (_a2 = colorSchemes[key]) == null ? void 0 : _a2.palette) == null ? void 0 : _b2.mode;
+        const cssColorSheme = colorSchemes[key]?.palette?.mode;
         const finalCss = !disableCssColorScheme && cssColorSheme ? {
           colorScheme: cssColorSheme,
           ...css
@@ -5049,7 +4971,7 @@ export default theme;`;
     }
     muiTheme.unstable_sxConfig = {
       ...defaultSxConfig,
-      ...other == null ? void 0 : other.unstable_sxConfig
+      ...other?.unstable_sxConfig
     };
     muiTheme.unstable_sx = function sx(props) {
       return styleFunctionSx({
@@ -5114,9 +5036,8 @@ export default theme;`;
     };
   }
   function shouldSkipGeneratingVar(keys) {
-    var _a;
     return !!keys[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!keys[0].match(/sxConfig$/) || // ends with sxConfig
-    keys[0] === "palette" && !!((_a = keys[1]) == null ? void 0 : _a.match(/(mode|contrastThreshold|tonalOffset)/));
+    keys[0] === "palette" && !!keys[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
   }
   const excludeVariablesFromRoot = (cssVarPrefix) => [...[...Array(25)].map((_, index) => `--${cssVarPrefix ? `${cssVarPrefix}-` : ""}overlays-${index}`), `--${cssVarPrefix ? `${cssVarPrefix}-` : ""}palette-AppBar-darkBg`, `--${cssVarPrefix ? `${cssVarPrefix}-` : ""}palette-AppBar-darkColor`];
   const defaultGetSelector = (theme) => (colorScheme, css) => {
@@ -5129,7 +5050,7 @@ export default theme;`;
     if (selector === "data") {
       rule = "[data-%s]";
     }
-    if ((selector == null ? void 0 : selector.startsWith("data-")) && !selector.includes("%s")) {
+    if (selector?.startsWith("data-") && !selector.includes("%s")) {
       rule = `[${selector}="%s"]`;
     }
     if (theme.defaultColorScheme === colorScheme) {
@@ -5229,7 +5150,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
         ...scheme,
         palette: {
           mode,
-          ...scheme == null ? void 0 : scheme.palette
+          ...scheme?.palette
         },
         colorSpace
       });
@@ -5242,7 +5163,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       ...restTheme,
       palette: {
         mode,
-        ...scheme == null ? void 0 : scheme.palette
+        ...scheme?.palette
       },
       colorSpace
     });
@@ -5251,9 +5172,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       palette,
       opacity: {
         ...getOpacity(mode),
-        ...scheme == null ? void 0 : scheme.opacity
+        ...scheme?.opacity
       },
-      overlays: (scheme == null ? void 0 : scheme.overlays) || getOverlays(mode)
+      overlays: scheme?.overlays || getOverlays(mode)
     };
     return muiTheme;
   }
@@ -5534,7 +5455,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     theme.shouldSkipGeneratingVar = shouldSkipGeneratingVar$1;
     theme.unstable_sxConfig = {
       ...defaultSxConfig,
-      ...input == null ? void 0 : input.unstable_sxConfig
+      ...input?.unstable_sxConfig
     };
     theme.unstable_sx = function sx(props) {
       return styleFunctionSx({
@@ -5567,11 +5488,11 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       colorSchemes: initialColorSchemes = !palette ? {
         light: true
       } : void 0,
-      defaultColorScheme: initialDefaultColorScheme = palette == null ? void 0 : palette.mode,
+      defaultColorScheme: initialDefaultColorScheme = palette?.mode,
       ...other
     } = options2;
     const defaultColorSchemeInput = initialDefaultColorScheme || "light";
-    const defaultScheme = initialColorSchemes == null ? void 0 : initialColorSchemes[defaultColorSchemeInput];
+    const defaultScheme = initialColorSchemes?.[defaultColorSchemeInput];
     const colorSchemesInput = {
       ...initialColorSchemes,
       ...palette ? {
@@ -5684,97 +5605,91 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     }
   })(memoTheme(({
     theme
-  }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-    return {
-      userSelect: "none",
-      width: "1em",
-      height: "1em",
-      display: "inline-block",
-      flexShrink: 0,
-      transition: (_d = (_a = theme.transitions) == null ? void 0 : _a.create) == null ? void 0 : _d.call(_a, "fill", {
-        duration: (_c = (_b = (theme.vars ?? theme).transitions) == null ? void 0 : _b.duration) == null ? void 0 : _c.shorter
-      }),
-      variants: [
-        {
-          props: (props) => !props.hasSvgAsChild,
-          style: {
-            // the <svg> will define the property that has `currentColor`
-            // for example heroicons uses fill="none" and stroke="currentColor"
-            fill: "currentColor"
-          }
+  }) => ({
+    userSelect: "none",
+    width: "1em",
+    height: "1em",
+    display: "inline-block",
+    flexShrink: 0,
+    transition: theme.transitions?.create?.("fill", {
+      duration: (theme.vars ?? theme).transitions?.duration?.shorter
+    }),
+    variants: [
+      {
+        props: (props) => !props.hasSvgAsChild,
+        style: {
+          // the <svg> will define the property that has `currentColor`
+          // for example heroicons uses fill="none" and stroke="currentColor"
+          fill: "currentColor"
+        }
+      },
+      {
+        props: {
+          fontSize: "inherit"
         },
-        {
-          props: {
-            fontSize: "inherit"
-          },
-          style: {
-            fontSize: "inherit"
-          }
+        style: {
+          fontSize: "inherit"
+        }
+      },
+      {
+        props: {
+          fontSize: "small"
         },
-        {
-          props: {
-            fontSize: "small"
-          },
-          style: {
-            fontSize: ((_f = (_e = theme.typography) == null ? void 0 : _e.pxToRem) == null ? void 0 : _f.call(_e, 20)) || "1.25rem"
-          }
+        style: {
+          fontSize: theme.typography?.pxToRem?.(20) || "1.25rem"
+        }
+      },
+      {
+        props: {
+          fontSize: "medium"
         },
-        {
-          props: {
-            fontSize: "medium"
-          },
-          style: {
-            fontSize: ((_h = (_g = theme.typography) == null ? void 0 : _g.pxToRem) == null ? void 0 : _h.call(_g, 24)) || "1.5rem"
-          }
+        style: {
+          fontSize: theme.typography?.pxToRem?.(24) || "1.5rem"
+        }
+      },
+      {
+        props: {
+          fontSize: "large"
         },
-        {
-          props: {
-            fontSize: "large"
-          },
-          style: {
-            fontSize: ((_j = (_i = theme.typography) == null ? void 0 : _i.pxToRem) == null ? void 0 : _j.call(_i, 35)) || "2.1875rem"
-          }
+        style: {
+          fontSize: theme.typography?.pxToRem?.(35) || "2.1875rem"
+        }
+      },
+      // TODO v5 deprecate color prop, v6 remove for sx
+      ...Object.entries((theme.vars ?? theme).palette).filter(([, value]) => value && value.main).map(([color2]) => ({
+        props: {
+          color: color2
         },
-        // TODO v5 deprecate color prop, v6 remove for sx
-        ...Object.entries((theme.vars ?? theme).palette).filter(([, value]) => value && value.main).map(([color2]) => {
-          var _a2, _b2;
-          return {
-            props: {
-              color: color2
-            },
-            style: {
-              color: (_b2 = (_a2 = (theme.vars ?? theme).palette) == null ? void 0 : _a2[color2]) == null ? void 0 : _b2.main
-            }
-          };
-        }),
-        {
-          props: {
-            color: "action"
-          },
-          style: {
-            color: (_l = (_k = (theme.vars ?? theme).palette) == null ? void 0 : _k.action) == null ? void 0 : _l.active
-          }
+        style: {
+          color: (theme.vars ?? theme).palette?.[color2]?.main
+        }
+      })),
+      {
+        props: {
+          color: "action"
         },
-        {
-          props: {
-            color: "disabled"
-          },
-          style: {
-            color: (_n = (_m = (theme.vars ?? theme).palette) == null ? void 0 : _m.action) == null ? void 0 : _n.disabled
-          }
+        style: {
+          color: (theme.vars ?? theme).palette?.action?.active
+        }
+      },
+      {
+        props: {
+          color: "disabled"
         },
-        {
-          props: {
-            color: "inherit"
-          },
-          style: {
-            color: void 0
-          }
+        style: {
+          color: (theme.vars ?? theme).palette?.action?.disabled
         }
-      ]
-    };
-  }));
+      },
+      {
+        props: {
+          color: "inherit"
+        },
+        style: {
+          color: void 0
+        }
+      }
+    ]
+  })));
   const SvgIcon = /* @__PURE__ */ React__namespace.forwardRef(function SvgIcon2(inProps, ref) {
     const props = useDefaultProps({
       props: inProps,
@@ -5960,7 +5875,6 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     disableClose = false,
     fontFamily = "Montserrat"
   }) => {
-    var _a, _b, _c;
     const [windowWidth, setWindowWidth] = React.useState(window.innerWidth);
     const isMobile = windowWidth <= 375;
     const buttonRefs = React.useRef([]);
@@ -5981,7 +5895,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       edit: /* @__PURE__ */ jsxRuntimeExports.jsx(RebaseEditIcon, { style: { color: "#f0ad4e", fontSize: iconSize } })
     };
     const alertIcon = defaultIcons[messageType];
-    const buttonsToRender = (arrayOfButtons == null ? void 0 : arrayOfButtons.length) ? arrayOfButtons : [
+    const buttonsToRender = arrayOfButtons?.length ? arrayOfButtons : [
       {
         label: "Cancel",
         onClick: onHide,
@@ -5990,7 +5904,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       {
         label: "Proceed",
         onClick: onProceed,
-        color: ((_c = (_b = (_a = defaultIcons[messageType]) == null ? void 0 : _a.props) == null ? void 0 : _b.style) == null ? void 0 : _c.color) || "#0275d8"
+        color: defaultIcons[messageType]?.props?.style?.color || "#0275d8"
       }
     ];
     React.useEffect(() => {
@@ -6142,35 +6056,32 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
                     justifyContent: buttonsToRender.length === 1 ? "flex-end" : "center",
                     gap: "10px"
                   },
-                  children: buttonsToRender.map((btn, index) => {
-                    var _a2, _b2, _c2, _d;
-                    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      "button",
-                      {
-                        ref: (el) => buttonRefs.current[index] = el,
-                        onClick: btn.onClick,
-                        style: {
-                          flexGrow: buttonsToRender.length === 1 ? 0 : 1,
-                          padding: "8px 14px",
-                          fontSize: buttonFontSize,
-                          backgroundColor: btn.color || (((_a2 = btn.label) == null ? void 0 : _a2.toLowerCase()) === "cancel" ? "#6c757d" : ((_d = (_c2 = (_b2 = defaultIcons[messageType]) == null ? void 0 : _b2.props) == null ? void 0 : _c2.style) == null ? void 0 : _d.color) || "#0275d8"),
-                          color: btn.textColor || "#fff",
-                          border: "none",
-                          borderRadius: "5px",
-                          cursor: "pointer",
-                          flexShrink: 0,
-                          outline: "none",
-                          transition: "box-shadow 0.3s ease",
-                          fontFamily
-                        },
-                        onFocus: (e) => {
-                          e.target.style.border = "2px solid black";
-                        },
-                        children: btn.label
+                  children: buttonsToRender.map((btn, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "button",
+                    {
+                      ref: (el) => buttonRefs.current[index] = el,
+                      onClick: btn.onClick,
+                      style: {
+                        flexGrow: buttonsToRender.length === 1 ? 0 : 1,
+                        padding: "8px 14px",
+                        fontSize: buttonFontSize,
+                        backgroundColor: btn.color || (btn.label?.toLowerCase() === "cancel" ? "#6c757d" : defaultIcons[messageType]?.props?.style?.color || "#0275d8"),
+                        color: btn.textColor || "#fff",
+                        border: "none",
+                        borderRadius: "5px",
+                        cursor: "pointer",
+                        flexShrink: 0,
+                        outline: "none",
+                        transition: "box-shadow 0.3s ease",
+                        fontFamily
                       },
-                      index
-                    );
-                  })
+                      onFocus: (e) => {
+                        e.target.style.border = "2px solid black";
+                      },
+                      children: btn.label
+                    },
+                    index
+                  ))
                 }
               )
             ]
@@ -6291,10 +6202,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       setInputValue(val);
       const normalized = normalizeOptions2(options2);
       const filtered = normalized.filter(
-        (opt) => {
-          var _a;
-          return (_a = opt.label) == null ? void 0 : _a.toLowerCase().includes(val.toLowerCase());
-        }
+        (opt) => opt.label?.toLowerCase().includes(val.toLowerCase())
       );
       setFilteredOptions(filtered);
       setShowDropdown(true);
@@ -6359,8 +6267,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
         setFilteredOptions(normalizeOptions2(options2));
       }
       setShowDropdown((prev) => {
-        var _a;
-        if (!prev) (_a = inputRef.current) == null ? void 0 : _a.focus();
+        if (!prev) inputRef.current?.focus();
         return !prev;
       });
     };
@@ -6429,11 +6336,6 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     ] });
   };
   var classnames = { exports: {} };
-  /*!
-  	Copyright (c) 2018 Jed Watson.
-  	Licensed under the MIT License (MIT), see
-  	http://jedwatson.github.io/classnames
-  */
   var hasRequiredClassnames;
   function requireClassnames() {
     if (hasRequiredClassnames) return classnames.exports;
@@ -12393,11 +12295,6 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       e.exports = React;
     }, function(e, t, r2) {
       var n;
-      /*!
-        Copyright (c) 2017 Jed Watson.
-        Licensed under the MIT License (MIT), see
-        http://jedwatson.github.io/classnames
-      */
       !(function() {
         var r3 = {}.hasOwnProperty;
         function a() {
@@ -14526,7 +14423,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
                       dropdownClass: "z-50 mt-1 bg-white border border-gray-300 rounded-md text-sm max-h-60 overflow-y-auto shadow-lg"
                     }
                   ),
-                  (button == null ? void 0 : button.label) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  button?.label && /* @__PURE__ */ jsxRuntimeExports.jsx(
                     "button",
                     {
                       type: "button",
@@ -14579,10 +14476,10 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
                       children: showPassword ? /* @__PURE__ */ jsxRuntimeExports.jsx(FiEye, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(FiEyeOff, {})
                     }
                   ),
-                  (button == null ? void 0 : button.label) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  button?.label && /* @__PURE__ */ jsxRuntimeExports.jsx(
                     "button",
                     {
-                      onClick: button == null ? void 0 : button.onClick,
+                      onClick: button?.onClick,
                       disabled: disabled || enable,
                       className: `px-2 py-2 text-white ${backgroundColor2 || "bg-[#3B5AA1]"} border-l border-[#12AB5B] rounded-r-md ${disabled || enable ? "opacity-50 cursor-not-allowed" : ""}`,
                       style: { height: height2 },
@@ -14713,7 +14610,6 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     menuIconColor = "black"
     // Menu Icon color on header
   }) => {
-    var _a, _b, _c, _d, _e, _f, _g;
     const defaultStyles = {
       headerTextColor: "text-gray-700",
       headerBgColor: "bg-gray-100",
@@ -15209,7 +15105,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
                             }
                           ),
                           column.key !== "__sr_no" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 p-1", children: [
-                            (sortConfig == null ? void 0 : sortConfig.columnKey) === column.key && (sortConfig.direction === "asc" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                            sortConfig?.columnKey === column.key && (sortConfig.direction === "asc" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
                               ArrowUpwardIcon,
                               {
                                 sx: {
@@ -15408,7 +15304,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
                   }
                 ),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(material.Divider, {}),
-                (((_a = organizedColumns.all.find((col) => col.key === menuColumn)) == null ? void 0 : _a.filterable) || ((_b = organizedColumns.all.find((col) => col.key === menuColumn)) == null ? void 0 : _b.type) === "date") && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                (organizedColumns.all.find((col) => col.key === menuColumn)?.filterable || organizedColumns.all.find((col) => col.key === menuColumn)?.type === "date") && /* @__PURE__ */ jsxRuntimeExports.jsxs(
                   material.MenuItem,
                   {
                     sx: {
@@ -15434,7 +15330,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
                     ]
                   }
                 ),
-                !((_c = organizedColumns.all.find((col) => col.key === menuColumn)) == null ? void 0 : _c.group) && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                !organizedColumns.all.find((col) => col.key === menuColumn)?.group && /* @__PURE__ */ jsxRuntimeExports.jsxs(
                   material.MenuItem,
                   {
                     sx: {
@@ -15517,7 +15413,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
                 },
                 onMouseLeave: () => setFilterAnchorEl(null)
               },
-              children: ((_d = organizedColumns.all.find((col) => col.key === menuColumn)) == null ? void 0 : _d.type) === "date" ? (
+              children: organizedColumns.all.find((col) => col.key === menuColumn)?.type === "date" ? (
                 // Date Filter UI
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { padding: "10px", width: "250px" }, children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", gap: "5px", marginTop: "5px" }, children: [
@@ -15526,7 +15422,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
                       {
                         type: "date",
                         label: "From",
-                        value: ((_e = tempDateFilters[menuColumn]) == null ? void 0 : _e.startDate) || "",
+                        value: tempDateFilters[menuColumn]?.startDate || "",
                         onChange: (e) => handleTempDateChange(menuColumn, "startDate", e.target.value),
                         fullWidth: true,
                         size: "small",
@@ -15542,7 +15438,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
                       {
                         type: "date",
                         label: "To",
-                        value: ((_f = tempDateFilters[menuColumn]) == null ? void 0 : _f.endDate) || "",
+                        value: tempDateFilters[menuColumn]?.endDate || "",
                         onChange: (e) => handleTempDateChange(menuColumn, "endDate", e.target.value),
                         fullWidth: true,
                         size: "small",
@@ -15598,14 +15494,11 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
                     material.Button,
                     {
                       variant: "contained",
-                      onClick: () => {
-                        var _a2, _b2;
-                        return handleDateFilterChange(
-                          menuColumn,
-                          (_a2 = tempDateFilters[menuColumn]) == null ? void 0 : _a2.startDate,
-                          (_b2 = tempDateFilters[menuColumn]) == null ? void 0 : _b2.endDate
-                        );
-                      },
+                      onClick: () => handleDateFilterChange(
+                        menuColumn,
+                        tempDateFilters[menuColumn]?.startDate,
+                        tempDateFilters[menuColumn]?.endDate
+                      ),
                       fullWidth: true,
                       size: "small",
                       style: {
@@ -15631,7 +15524,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
                     }
                   )
                 ] })
-              ) : ((_g = organizedColumns.all.find((col) => col.key === menuColumn)) == null ? void 0 : _g.filterable) ? (
+              ) : organizedColumns.all.find((col) => col.key === menuColumn)?.filterable ? (
                 // Regular Filter UI - only show if column is explicitly filterable
                 /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -15646,38 +15539,35 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
                     }
                   ),
                   /* @__PURE__ */ jsxRuntimeExports.jsx(material.Divider, { sx: { margin: "1px 0" } }),
-                  getUniqueValues(menuColumn).map((value) => {
-                    var _a2;
-                    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      material.MenuItem,
-                      {
-                        sx: { padding: "1px 2px", minHeight: "auto" },
-                        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                          material.FormControlLabel,
-                          {
-                            control: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                              material.Checkbox,
-                              {
-                                size: "small",
-                                checked: ((_a2 = selectedFilters[menuColumn]) == null ? void 0 : _a2[value]) || false,
-                                onChange: (e) => handleFilterChange(value, e.target.checked),
-                                sx: { padding: "2px" }
-                              }
-                            ),
-                            label: value,
-                            sx: {
-                              margin: 0,
-                              "& .MuiFormControlLabel-label": {
-                                fontSize: "0.85rem",
-                                paddingLeft: "4px"
-                              }
+                  getUniqueValues(menuColumn).map((value) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    material.MenuItem,
+                    {
+                      sx: { padding: "1px 2px", minHeight: "auto" },
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        material.FormControlLabel,
+                        {
+                          control: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                            material.Checkbox,
+                            {
+                              size: "small",
+                              checked: selectedFilters[menuColumn]?.[value] || false,
+                              onChange: (e) => handleFilterChange(value, e.target.checked),
+                              sx: { padding: "2px" }
+                            }
+                          ),
+                          label: value,
+                          sx: {
+                            margin: 0,
+                            "& .MuiFormControlLabel-label": {
+                              fontSize: "0.85rem",
+                              paddingLeft: "4px"
                             }
                           }
-                        )
-                      },
-                      value
-                    );
-                  })
+                        }
+                      )
+                    },
+                    value
+                  ))
                 ] })
               ) : null
             }
@@ -16024,7 +15914,6 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
         value: newEmployee.id,
         raw: { ...newEmployee }
       };
-      console.log([...localOptions, newOption]);
       setLocalOptions([...localOptions, newOption]);
       setDropdownOpen(false);
       setShowAddModal(false);
@@ -16036,11 +15925,8 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       [options2, optionLabelKey, optionValueKey]
     );
     const filteredOptions = React.useMemo(() => {
-      return localOptions == null ? void 0 : localOptions.filter(
-        (option) => {
-          var _a;
-          return (_a = option.label) == null ? void 0 : _a.toLowerCase().includes(inputVal.toLowerCase());
-        }
+      return localOptions?.filter(
+        (option) => option.label?.toLowerCase().includes(inputVal.toLowerCase())
       );
     }, [inputVal, localOptions]);
     const handleSelect = (option) => {
@@ -16128,7 +16014,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     const columns = React.useMemo(() => generateColumns(), [options2, columnWidths]);
     console.log("columns", columns);
     React.useEffect(() => {
-      setInputVal((value == null ? void 0 : value[optionLabelKey]) || "");
+      setInputVal(value?.[optionLabelKey] || "");
     }, [value, optionLabelKey]);
     React.useEffect(() => {
       if (!suggestion) {
@@ -16229,7 +16115,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
                       const match = filteredOptions.find(
                         (opt) => opt.label.toLowerCase().startsWith(newVal.toLowerCase())
                       );
-                      setSuggestion((match == null ? void 0 : match.label) || "");
+                      setSuggestion(match?.label || "");
                     },
                     onKeyDown: handleKeyDown,
                     style: {
@@ -16454,12 +16340,6 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       )
     ] });
   };
-  /**
-   * @license lucide-react v0.542.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
   const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
   const toCamelCase = (string) => string.replace(
     /^([A-Z])|[\s-_]+(\w)/g,
@@ -16479,12 +16359,6 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       }
     }
   };
-  /**
-   * @license lucide-react v0.542.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
   var defaultAttributes = {
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -16496,12 +16370,6 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     strokeLinecap: "round",
     strokeLinejoin: "round"
   };
-  /**
-   * @license lucide-react v0.542.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
   const Icon = React.forwardRef(
     ({
       color: color2 = "currentColor",
@@ -16531,12 +16399,6 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       ]
     )
   );
-  /**
-   * @license lucide-react v0.542.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
   const createLucideIcon = (iconName, iconNode) => {
     const Component = React.forwardRef(
       ({ className, ...props }, ref) => React.createElement(Icon, {
@@ -16553,24 +16415,12 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     Component.displayName = toPascalCase(iconName);
     return Component;
   };
-  /**
-   * @license lucide-react v0.542.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
   const __iconNode$4 = [
     ["path", { d: "M12 15V3", key: "m9g1x1" }],
     ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
     ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
   ];
   const Download = createLucideIcon("download", __iconNode$4);
-  /**
-   * @license lucide-react v0.542.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
   const __iconNode$3 = [
     [
       "path",
@@ -16581,24 +16431,12 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     ]
   ];
   const Funnel = createLucideIcon("funnel", __iconNode$3);
-  /**
-   * @license lucide-react v0.542.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
   const __iconNode$2 = [
     ["path", { d: "m8 11 2 2 4-4", key: "1sed1v" }],
     ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
     ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
   ];
   const SearchCheck = createLucideIcon("search-check", __iconNode$2);
-  /**
-   * @license lucide-react v0.542.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
   const __iconNode$1 = [
     ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
     ["line", { x1: "3", x2: "21", y1: "9", y2: "9", key: "1vqk6q" }],
@@ -16607,12 +16445,6 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     ["line", { x1: "15", x2: "15", y1: "9", y2: "21", key: "1n26ft" }]
   ];
   const Sheet = createLucideIcon("sheet", __iconNode$1);
-  /**
-   * @license lucide-react v0.542.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   */
   const __iconNode = [
     ["path", { d: "M12 3v18", key: "108xh3" }],
     ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
@@ -17023,374 +16855,373 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
   const MISSING_UTC_PLUGIN = ["Missing UTC plugin", "To be able to use UTC or timezones, you have to enable the `utc` plugin", "Find more information on https://mui.com/x/react-date-pickers/timezone/#day-js-and-utc"].join("\n");
   const MISSING_TIMEZONE_PLUGIN = ["Missing timezone plugin", "To be able to use timezones, you have to enable both the `utc` and the `timezone` plugin", "Find more information on https://mui.com/x/react-date-pickers/timezone/#day-js-and-timezone"].join("\n");
   class AdapterDayjs {
+    isMUIAdapter = true;
+    isTimezoneCompatible = true;
+    lib = "dayjs";
+    escapedCharacters = {
+      start: "[",
+      end: "]"
+    };
+    formatTokenMap = /* @__PURE__ */ (() => formatTokenMap)();
     constructor({
       locale,
       formats
     } = {}) {
-      __publicField(this, "isMUIAdapter", true);
-      __publicField(this, "isTimezoneCompatible", true);
-      __publicField(this, "lib", "dayjs");
-      __publicField(this, "escapedCharacters", {
-        start: "[",
-        end: "]"
-      });
-      __publicField(this, "formatTokenMap", /* @__PURE__ */ (() => formatTokenMap)());
-      __publicField(this, "setLocaleToValue", (value) => {
-        const expectedLocale = this.getCurrentLocaleCode();
-        if (expectedLocale === value.locale()) {
-          return value;
-        }
-        return value.locale(expectedLocale);
-      });
-      __publicField(this, "hasUTCPlugin", () => typeof dayjs.utc !== "undefined");
-      __publicField(this, "hasTimezonePlugin", () => typeof dayjs.tz !== "undefined");
-      __publicField(this, "isSame", (value, comparing, comparisonTemplate) => {
-        const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
-        return value.format(comparisonTemplate) === comparingInValueTimezone.format(comparisonTemplate);
-      });
-      /**
-       * Replaces "default" by undefined and "system" by the system timezone before passing it to `dayjs`.
-       */
-      __publicField(this, "cleanTimezone", (timezone) => {
-        switch (timezone) {
-          case "default": {
-            return void 0;
-          }
-          case "system": {
-            return dayjs.tz.guess();
-          }
-          default: {
-            return timezone;
-          }
-        }
-      });
-      __publicField(this, "createSystemDate", (value) => {
-        let date;
-        if (this.hasUTCPlugin() && this.hasTimezonePlugin()) {
-          const timezone = dayjs.tz.guess();
-          if (timezone === "UTC") {
-            date = dayjs(value);
-          } else {
-            date = dayjs.tz(value, timezone);
-          }
-        } else {
-          date = dayjs(value);
-        }
-        return this.setLocaleToValue(date);
-      });
-      __publicField(this, "createUTCDate", (value) => {
-        if (!this.hasUTCPlugin()) {
-          throw new Error(MISSING_UTC_PLUGIN);
-        }
-        return this.setLocaleToValue(dayjs.utc(value));
-      });
-      __publicField(this, "createTZDate", (value, timezone) => {
-        if (!this.hasUTCPlugin()) {
-          throw new Error(MISSING_UTC_PLUGIN);
-        }
-        if (!this.hasTimezonePlugin()) {
-          throw new Error(MISSING_TIMEZONE_PLUGIN);
-        }
-        const keepLocalTime = value !== void 0 && !value.endsWith("Z");
-        return this.setLocaleToValue(dayjs(value).tz(this.cleanTimezone(timezone), keepLocalTime));
-      });
-      __publicField(this, "getLocaleFormats", () => {
-        const locales = dayjs.Ls;
-        const locale = this.locale || "en";
-        let localeObject = locales[locale];
-        if (localeObject === void 0) {
-          if (process.env.NODE_ENV !== "production") {
-            warnOnce(["MUI X: Your locale has not been found.", "Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale.", "Or you forget to import the locale from 'dayjs/locale/{localeUsed}'", "fallback on English locale."]);
-          }
-          localeObject = locales.en;
-        }
-        return localeObject.formats;
-      });
-      /**
-       * If the new day does not have the same offset as the old one (when switching to summer day time for example),
-       * Then dayjs will not automatically adjust the offset (moment does).
-       * We have to parse again the value to make sure the `fixOffset` method is applied.
-       * See https://github.com/iamkun/dayjs/blob/b3624de619d6e734cd0ffdbbd3502185041c1b60/src/plugin/timezone/index.js#L72
-       */
-      __publicField(this, "adjustOffset", (value) => {
-        if (!this.hasTimezonePlugin()) {
-          return value;
-        }
-        const timezone = this.getTimezone(value);
-        if (timezone !== "UTC") {
-          const fixedValue = value.tz(this.cleanTimezone(timezone), true);
-          if (fixedValue.$offset === (value.$offset ?? 0)) {
-            return value;
-          }
-          value.$offset = fixedValue.$offset;
-        }
+      this.locale = locale;
+      this.formats = _extends({}, defaultFormats, formats);
+      dayjs.extend(customParseFormatPlugin);
+    }
+    setLocaleToValue = (value) => {
+      const expectedLocale = this.getCurrentLocaleCode();
+      if (expectedLocale === value.locale()) {
         return value;
-      });
-      __publicField(this, "date", (value, timezone = "default") => {
-        if (value === null) {
-          return null;
-        }
-        if (timezone === "UTC") {
-          return this.createUTCDate(value);
-        }
-        if (timezone === "system" || timezone === "default" && !this.hasTimezonePlugin()) {
-          return this.createSystemDate(value);
-        }
-        return this.createTZDate(value, timezone);
-      });
-      __publicField(this, "getInvalidDate", () => dayjs(/* @__PURE__ */ new Date("Invalid date")));
-      __publicField(this, "getTimezone", (value) => {
-        var _a;
-        if (this.hasTimezonePlugin()) {
-          const zone = (_a = value.$x) == null ? void 0 : _a.$timezone;
-          if (zone) {
-            return zone;
-          }
+      }
+      return value.locale(expectedLocale);
+    };
+    hasUTCPlugin = () => typeof dayjs.utc !== "undefined";
+    hasTimezonePlugin = () => typeof dayjs.tz !== "undefined";
+    isSame = (value, comparing, comparisonTemplate) => {
+      const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
+      return value.format(comparisonTemplate) === comparingInValueTimezone.format(comparisonTemplate);
+    };
+    /**
+     * Replaces "default" by undefined and "system" by the system timezone before passing it to `dayjs`.
+     */
+    cleanTimezone = (timezone) => {
+      switch (timezone) {
+        case "default": {
+          return void 0;
         }
-        if (this.hasUTCPlugin() && value.isUTC()) {
-          return "UTC";
+        case "system": {
+          return dayjs.tz.guess();
         }
-        return "system";
-      });
-      __publicField(this, "setTimezone", (value, timezone) => {
-        if (this.getTimezone(value) === timezone) {
-          return value;
+        default: {
+          return timezone;
         }
+      }
+    };
+    createSystemDate = (value) => {
+      let date;
+      if (this.hasUTCPlugin() && this.hasTimezonePlugin()) {
+        const timezone = dayjs.tz.guess();
         if (timezone === "UTC") {
-          if (!this.hasUTCPlugin()) {
-            throw new Error(MISSING_UTC_PLUGIN);
-          }
-          return value.utc();
-        }
-        if (timezone === "system") {
-          return value.local();
-        }
-        if (!this.hasTimezonePlugin()) {
-          if (timezone === "default") {
-            return value;
-          }
-          throw new Error(MISSING_TIMEZONE_PLUGIN);
-        }
-        return this.setLocaleToValue(dayjs.tz(value, this.cleanTimezone(timezone)));
-      });
-      __publicField(this, "toJsDate", (value) => {
-        return value.toDate();
-      });
-      __publicField(this, "parse", (value, format) => {
-        if (value === "") {
-          return null;
-        }
-        return dayjs(value, format, this.locale, true);
-      });
-      __publicField(this, "getCurrentLocaleCode", () => {
-        return this.locale || "en";
-      });
-      __publicField(this, "is12HourCycleInCurrentLocale", () => {
-        return /A|a/.test(this.getLocaleFormats().LT || "");
-      });
-      __publicField(this, "expandFormat", (format) => {
-        const localeFormats = this.getLocaleFormats();
-        const t = (formatBis) => formatBis.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (_, a, b) => a || b.slice(1));
-        return format.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (_, a, b) => {
-          const B = b && b.toUpperCase();
-          return a || localeFormats[b] || t(localeFormats[B]);
-        });
-      });
-      __publicField(this, "isValid", (value) => {
-        if (value == null) {
-          return false;
-        }
-        return value.isValid();
-      });
-      __publicField(this, "format", (value, formatKey) => {
-        return this.formatByString(value, this.formats[formatKey]);
-      });
-      __publicField(this, "formatByString", (value, formatString) => {
-        return this.setLocaleToValue(value).format(formatString);
-      });
-      __publicField(this, "formatNumber", (numberToFormat) => {
-        return numberToFormat;
-      });
-      __publicField(this, "isEqual", (value, comparing) => {
-        if (value === null && comparing === null) {
-          return true;
+          date = dayjs(value);
+        } else {
+          date = dayjs.tz(value, timezone);
         }
-        if (value === null || comparing === null) {
-          return false;
+      } else {
+        date = dayjs(value);
+      }
+      return this.setLocaleToValue(date);
+    };
+    createUTCDate = (value) => {
+      if (!this.hasUTCPlugin()) {
+        throw new Error(MISSING_UTC_PLUGIN);
+      }
+      return this.setLocaleToValue(dayjs.utc(value));
+    };
+    createTZDate = (value, timezone) => {
+      if (!this.hasUTCPlugin()) {
+        throw new Error(MISSING_UTC_PLUGIN);
+      }
+      if (!this.hasTimezonePlugin()) {
+        throw new Error(MISSING_TIMEZONE_PLUGIN);
+      }
+      const keepLocalTime = value !== void 0 && !value.endsWith("Z");
+      return this.setLocaleToValue(dayjs(value).tz(this.cleanTimezone(timezone), keepLocalTime));
+    };
+    getLocaleFormats = () => {
+      const locales = dayjs.Ls;
+      const locale = this.locale || "en";
+      let localeObject = locales[locale];
+      if (localeObject === void 0) {
+        if (process.env.NODE_ENV !== "production") {
+          warnOnce(["MUI X: Your locale has not been found.", "Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale.", "Or you forget to import the locale from 'dayjs/locale/{localeUsed}'", "fallback on English locale."]);
         }
-        return value.toDate().getTime() === comparing.toDate().getTime();
-      });
-      __publicField(this, "isSameYear", (value, comparing) => {
-        return this.isSame(value, comparing, "YYYY");
-      });
-      __publicField(this, "isSameMonth", (value, comparing) => {
-        return this.isSame(value, comparing, "YYYY-MM");
-      });
-      __publicField(this, "isSameDay", (value, comparing) => {
-        return this.isSame(value, comparing, "YYYY-MM-DD");
-      });
-      __publicField(this, "isSameHour", (value, comparing) => {
-        return value.isSame(comparing, "hour");
-      });
-      __publicField(this, "isAfter", (value, comparing) => {
-        return value > comparing;
-      });
-      __publicField(this, "isAfterYear", (value, comparing) => {
-        if (!this.hasUTCPlugin()) {
-          return value.isAfter(comparing, "year");
+        localeObject = locales.en;
+      }
+      return localeObject.formats;
+    };
+    /**
+     * If the new day does not have the same offset as the old one (when switching to summer day time for example),
+     * Then dayjs will not automatically adjust the offset (moment does).
+     * We have to parse again the value to make sure the `fixOffset` method is applied.
+     * See https://github.com/iamkun/dayjs/blob/b3624de619d6e734cd0ffdbbd3502185041c1b60/src/plugin/timezone/index.js#L72
+     */
+    adjustOffset = (value) => {
+      if (!this.hasTimezonePlugin()) {
+        return value;
+      }
+      const timezone = this.getTimezone(value);
+      if (timezone !== "UTC") {
+        const fixedValue = value.tz(this.cleanTimezone(timezone), true);
+        if (fixedValue.$offset === (value.$offset ?? 0)) {
+          return value;
         }
-        return !this.isSameYear(value, comparing) && value.utc() > comparing.utc();
-      });
-      __publicField(this, "isAfterDay", (value, comparing) => {
-        if (!this.hasUTCPlugin()) {
-          return value.isAfter(comparing, "day");
+        value.$offset = fixedValue.$offset;
+      }
+      return value;
+    };
+    date = (value, timezone = "default") => {
+      if (value === null) {
+        return null;
+      }
+      if (timezone === "UTC") {
+        return this.createUTCDate(value);
+      }
+      if (timezone === "system" || timezone === "default" && !this.hasTimezonePlugin()) {
+        return this.createSystemDate(value);
+      }
+      return this.createTZDate(value, timezone);
+    };
+    getInvalidDate = () => dayjs(/* @__PURE__ */ new Date("Invalid date"));
+    getTimezone = (value) => {
+      if (this.hasTimezonePlugin()) {
+        const zone = value.$x?.$timezone;
+        if (zone) {
+          return zone;
         }
-        return !this.isSameDay(value, comparing) && value.utc() > comparing.utc();
-      });
-      __publicField(this, "isBefore", (value, comparing) => {
-        return value < comparing;
-      });
-      __publicField(this, "isBeforeYear", (value, comparing) => {
+      }
+      if (this.hasUTCPlugin() && value.isUTC()) {
+        return "UTC";
+      }
+      return "system";
+    };
+    setTimezone = (value, timezone) => {
+      if (this.getTimezone(value) === timezone) {
+        return value;
+      }
+      if (timezone === "UTC") {
         if (!this.hasUTCPlugin()) {
-          return value.isBefore(comparing, "year");
+          throw new Error(MISSING_UTC_PLUGIN);
         }
-        return !this.isSameYear(value, comparing) && value.utc() < comparing.utc();
-      });
-      __publicField(this, "isBeforeDay", (value, comparing) => {
-        if (!this.hasUTCPlugin()) {
-          return value.isBefore(comparing, "day");
+        return value.utc();
+      }
+      if (timezone === "system") {
+        return value.local();
+      }
+      if (!this.hasTimezonePlugin()) {
+        if (timezone === "default") {
+          return value;
         }
-        return !this.isSameDay(value, comparing) && value.utc() < comparing.utc();
-      });
-      __publicField(this, "isWithinRange", (value, [start2, end2]) => {
-        return value >= start2 && value <= end2;
-      });
-      __publicField(this, "startOfYear", (value) => {
-        return this.adjustOffset(value.startOf("year"));
-      });
-      __publicField(this, "startOfMonth", (value) => {
-        return this.adjustOffset(value.startOf("month"));
-      });
-      __publicField(this, "startOfWeek", (value) => {
-        return this.adjustOffset(this.setLocaleToValue(value).startOf("week"));
-      });
-      __publicField(this, "startOfDay", (value) => {
-        return this.adjustOffset(value.startOf("day"));
-      });
-      __publicField(this, "endOfYear", (value) => {
-        return this.adjustOffset(value.endOf("year"));
-      });
-      __publicField(this, "endOfMonth", (value) => {
-        return this.adjustOffset(value.endOf("month"));
-      });
-      __publicField(this, "endOfWeek", (value) => {
-        return this.adjustOffset(this.setLocaleToValue(value).endOf("week"));
-      });
-      __publicField(this, "endOfDay", (value) => {
-        return this.adjustOffset(value.endOf("day"));
-      });
-      __publicField(this, "addYears", (value, amount) => {
-        return this.adjustOffset(value.add(amount, "year"));
-      });
-      __publicField(this, "addMonths", (value, amount) => {
-        return this.adjustOffset(value.add(amount, "month"));
-      });
-      __publicField(this, "addWeeks", (value, amount) => {
-        return this.adjustOffset(value.add(amount, "week"));
-      });
-      __publicField(this, "addDays", (value, amount) => {
-        return this.adjustOffset(value.add(amount, "day"));
-      });
-      __publicField(this, "addHours", (value, amount) => {
-        return this.adjustOffset(value.add(amount, "hour"));
-      });
-      __publicField(this, "addMinutes", (value, amount) => {
-        return this.adjustOffset(value.add(amount, "minute"));
-      });
-      __publicField(this, "addSeconds", (value, amount) => {
-        return this.adjustOffset(value.add(amount, "second"));
-      });
-      __publicField(this, "getYear", (value) => {
-        return value.year();
-      });
-      __publicField(this, "getMonth", (value) => {
-        return value.month();
-      });
-      __publicField(this, "getDate", (value) => {
-        return value.date();
-      });
-      __publicField(this, "getHours", (value) => {
-        return value.hour();
-      });
-      __publicField(this, "getMinutes", (value) => {
-        return value.minute();
-      });
-      __publicField(this, "getSeconds", (value) => {
-        return value.second();
-      });
-      __publicField(this, "getMilliseconds", (value) => {
-        return value.millisecond();
-      });
-      __publicField(this, "setYear", (value, year) => {
-        return this.adjustOffset(value.set("year", year));
-      });
-      __publicField(this, "setMonth", (value, month) => {
-        return this.adjustOffset(value.set("month", month));
-      });
-      __publicField(this, "setDate", (value, date) => {
-        return this.adjustOffset(value.set("date", date));
-      });
-      __publicField(this, "setHours", (value, hours) => {
-        return this.adjustOffset(value.set("hour", hours));
-      });
-      __publicField(this, "setMinutes", (value, minutes) => {
-        return this.adjustOffset(value.set("minute", minutes));
-      });
-      __publicField(this, "setSeconds", (value, seconds) => {
-        return this.adjustOffset(value.set("second", seconds));
-      });
-      __publicField(this, "setMilliseconds", (value, milliseconds) => {
-        return this.adjustOffset(value.set("millisecond", milliseconds));
-      });
-      __publicField(this, "getDaysInMonth", (value) => {
-        return value.daysInMonth();
-      });
-      __publicField(this, "getWeekArray", (value) => {
-        const start2 = this.startOfWeek(this.startOfMonth(value));
-        const end2 = this.endOfWeek(this.endOfMonth(value));
-        let count = 0;
-        let current = start2;
-        const nestedWeeks = [];
-        while (current < end2) {
-          const weekNumber = Math.floor(count / 7);
-          nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
-          nestedWeeks[weekNumber].push(current);
-          current = this.addDays(current, 1);
-          count += 1;
-        }
-        return nestedWeeks;
-      });
-      __publicField(this, "getWeekNumber", (value) => {
-        return value.week();
-      });
-      __publicField(this, "getYearRange", ([start2, end2]) => {
-        const startDate = this.startOfYear(start2);
-        const endDate = this.endOfYear(end2);
-        const years = [];
-        let current = startDate;
-        while (this.isBefore(current, endDate)) {
-          years.push(current);
-          current = this.addYears(current, 1);
-        }
-        return years;
+        throw new Error(MISSING_TIMEZONE_PLUGIN);
+      }
+      return this.setLocaleToValue(dayjs.tz(value, this.cleanTimezone(timezone)));
+    };
+    toJsDate = (value) => {
+      return value.toDate();
+    };
+    parse = (value, format) => {
+      if (value === "") {
+        return null;
+      }
+      return dayjs(value, format, this.locale, true);
+    };
+    getCurrentLocaleCode = () => {
+      return this.locale || "en";
+    };
+    is12HourCycleInCurrentLocale = () => {
+      return /A|a/.test(this.getLocaleFormats().LT || "");
+    };
+    expandFormat = (format) => {
+      const localeFormats = this.getLocaleFormats();
+      const t = (formatBis) => formatBis.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (_, a, b) => a || b.slice(1));
+      return format.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (_, a, b) => {
+        const B = b && b.toUpperCase();
+        return a || localeFormats[b] || t(localeFormats[B]);
       });
-      this.locale = locale;
-      this.formats = _extends({}, defaultFormats, formats);
-      dayjs.extend(customParseFormatPlugin);
-    }
+    };
+    isValid = (value) => {
+      if (value == null) {
+        return false;
+      }
+      return value.isValid();
+    };
+    format = (value, formatKey) => {
+      return this.formatByString(value, this.formats[formatKey]);
+    };
+    formatByString = (value, formatString) => {
+      return this.setLocaleToValue(value).format(formatString);
+    };
+    formatNumber = (numberToFormat) => {
+      return numberToFormat;
+    };
+    isEqual = (value, comparing) => {
+      if (value === null && comparing === null) {
+        return true;
+      }
+      if (value === null || comparing === null) {
+        return false;
+      }
+      return value.toDate().getTime() === comparing.toDate().getTime();
+    };
+    isSameYear = (value, comparing) => {
+      return this.isSame(value, comparing, "YYYY");
+    };
+    isSameMonth = (value, comparing) => {
+      return this.isSame(value, comparing, "YYYY-MM");
+    };
+    isSameDay = (value, comparing) => {
+      return this.isSame(value, comparing, "YYYY-MM-DD");
+    };
+    isSameHour = (value, comparing) => {
+      return value.isSame(comparing, "hour");
+    };
+    isAfter = (value, comparing) => {
+      return value > comparing;
+    };
+    isAfterYear = (value, comparing) => {
+      if (!this.hasUTCPlugin()) {
+        return value.isAfter(comparing, "year");
+      }
+      return !this.isSameYear(value, comparing) && value.utc() > comparing.utc();
+    };
+    isAfterDay = (value, comparing) => {
+      if (!this.hasUTCPlugin()) {
+        return value.isAfter(comparing, "day");
+      }
+      return !this.isSameDay(value, comparing) && value.utc() > comparing.utc();
+    };
+    isBefore = (value, comparing) => {
+      return value < comparing;
+    };
+    isBeforeYear = (value, comparing) => {
+      if (!this.hasUTCPlugin()) {
+        return value.isBefore(comparing, "year");
+      }
+      return !this.isSameYear(value, comparing) && value.utc() < comparing.utc();
+    };
+    isBeforeDay = (value, comparing) => {
+      if (!this.hasUTCPlugin()) {
+        return value.isBefore(comparing, "day");
+      }
+      return !this.isSameDay(value, comparing) && value.utc() < comparing.utc();
+    };
+    isWithinRange = (value, [start2, end2]) => {
+      return value >= start2 && value <= end2;
+    };
+    startOfYear = (value) => {
+      return this.adjustOffset(value.startOf("year"));
+    };
+    startOfMonth = (value) => {
+      return this.adjustOffset(value.startOf("month"));
+    };
+    startOfWeek = (value) => {
+      return this.adjustOffset(this.setLocaleToValue(value).startOf("week"));
+    };
+    startOfDay = (value) => {
+      return this.adjustOffset(value.startOf("day"));
+    };
+    endOfYear = (value) => {
+      return this.adjustOffset(value.endOf("year"));
+    };
+    endOfMonth = (value) => {
+      return this.adjustOffset(value.endOf("month"));
+    };
+    endOfWeek = (value) => {
+      return this.adjustOffset(this.setLocaleToValue(value).endOf("week"));
+    };
+    endOfDay = (value) => {
+      return this.adjustOffset(value.endOf("day"));
+    };
+    addYears = (value, amount) => {
+      return this.adjustOffset(value.add(amount, "year"));
+    };
+    addMonths = (value, amount) => {
+      return this.adjustOffset(value.add(amount, "month"));
+    };
+    addWeeks = (value, amount) => {
+      return this.adjustOffset(value.add(amount, "week"));
+    };
+    addDays = (value, amount) => {
+      return this.adjustOffset(value.add(amount, "day"));
+    };
+    addHours = (value, amount) => {
+      return this.adjustOffset(value.add(amount, "hour"));
+    };
+    addMinutes = (value, amount) => {
+      return this.adjustOffset(value.add(amount, "minute"));
+    };
+    addSeconds = (value, amount) => {
+      return this.adjustOffset(value.add(amount, "second"));
+    };
+    getYear = (value) => {
+      return value.year();
+    };
+    getMonth = (value) => {
+      return value.month();
+    };
+    getDate = (value) => {
+      return value.date();
+    };
+    getHours = (value) => {
+      return value.hour();
+    };
+    getMinutes = (value) => {
+      return value.minute();
+    };
+    getSeconds = (value) => {
+      return value.second();
+    };
+    getMilliseconds = (value) => {
+      return value.millisecond();
+    };
+    setYear = (value, year) => {
+      return this.adjustOffset(value.set("year", year));
+    };
+    setMonth = (value, month) => {
+      return this.adjustOffset(value.set("month", month));
+    };
+    setDate = (value, date) => {
+      return this.adjustOffset(value.set("date", date));
+    };
+    setHours = (value, hours) => {
+      return this.adjustOffset(value.set("hour", hours));
+    };
+    setMinutes = (value, minutes) => {
+      return this.adjustOffset(value.set("minute", minutes));
+    };
+    setSeconds = (value, seconds) => {
+      return this.adjustOffset(value.set("second", seconds));
+    };
+    setMilliseconds = (value, milliseconds) => {
+      return this.adjustOffset(value.set("millisecond", milliseconds));
+    };
+    getDaysInMonth = (value) => {
+      return value.daysInMonth();
+    };
+    getWeekArray = (value) => {
+      const start2 = this.startOfWeek(this.startOfMonth(value));
+      const end2 = this.endOfWeek(this.endOfMonth(value));
+      let count = 0;
+      let current = start2;
+      const nestedWeeks = [];
+      while (current < end2) {
+        const weekNumber = Math.floor(count / 7);
+        nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
+        nestedWeeks[weekNumber].push(current);
+        current = this.addDays(current, 1);
+        count += 1;
+      }
+      return nestedWeeks;
+    };
+    getWeekNumber = (value) => {
+      return value.week();
+    };
     getDayOfWeek(value) {
       return value.day() + 1;
     }
+    getYearRange = ([start2, end2]) => {
+      const startDate = this.startOfYear(start2);
+      const endDate = this.endOfYear(end2);
+      const years = [];
+      let current = startDate;
+      while (this.isBefore(current, endDate)) {
+        years.push(current);
+        current = this.addYears(current, 1);
+      }
+      return years;
+    };
   }
   const DEFAULT_THEME = {
     headerBg: "#3f5fa3",
@@ -17537,10 +17368,10 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
   function RangeDateFilter({ column, onClose }) {
     const current = column.getFilterValue() || {};
     const [from, setFrom] = React.useState(
-      (current == null ? void 0 : current.from) ? dayjs(current.from) : null
+      current?.from ? dayjs(current.from) : null
     );
     const [to, setTo] = React.useState(
-      (current == null ? void 0 : current.to) ? dayjs(current.to) : null
+      current?.to ? dayjs(current.to) : null
     );
     const canApply = Boolean(from && to);
     const handleApply = () => {
@@ -17550,13 +17381,13 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
         // 🔥 convert here
         to: to.toDate()
       });
-      onClose == null ? void 0 : onClose();
+      onClose?.();
     };
     const handleClear = () => {
       setFrom(null);
       setTo(null);
       column.setFilterValue(void 0);
-      onClose == null ? void 0 : onClose();
+      onClose?.();
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(material.Box, { p: 2, width: 240, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -17647,13 +17478,13 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
   function FinancialDateFilter({ column, fyOptions = [], closePopover }) {
     const activeFilter = column.getFilterValue();
     const [from, setFrom] = React.useState(
-      (activeFilter == null ? void 0 : activeFilter.from) ? dayjs(activeFilter.from) : null
+      activeFilter?.from ? dayjs(activeFilter.from) : null
     );
     const [to, setTo] = React.useState(
-      (activeFilter == null ? void 0 : activeFilter.to) ? dayjs(activeFilter.to) : null
+      activeFilter?.to ? dayjs(activeFilter.to) : null
     );
-    const [fy, setFy] = React.useState((activeFilter == null ? void 0 : activeFilter.fy) || "");
-    const [quarter, setQuarter] = React.useState((activeFilter == null ? void 0 : activeFilter.quarter) || "");
+    const [fy, setFy] = React.useState(activeFilter?.fy || "");
+    const [quarter, setQuarter] = React.useState(activeFilter?.quarter || "");
     const isManual = !fy;
     const isFinancial = Boolean(fy);
     const apply = () => {
@@ -17996,13 +17827,13 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     globalSearch: true,
     columnFilters: true,
     densityToggle: true,
-    fullscreenToggle: true,
+    fullscreenToggle: false,
     exportBtn: true,
     showHideColumnsBtn: true
   };
   const defaultControlOpt = {
     columnActions: true,
-    dragging: true,
+    dragging: false,
     colPinning: true,
     pagination: true,
     rowSelection: false,
@@ -18041,7 +17872,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     const resolvedTopToolbar = {
       ...defaultToolBarOpt,
       ...topToolbar,
-      enabled: !isGridDisabled && (topToolbar == null ? void 0 : topToolbar.enabled) !== false
+      enabled: !isGridDisabled && topToolbar?.enabled !== false
     };
     const detectedColumnTypes = React.useMemo(() => {
       if (!Array.isArray(data) || !safeData.length) return {};
@@ -18062,7 +17893,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       }
       if (!Array.isArray(data) || data.length === 0) return {};
       const result2 = {};
-      columns == null ? void 0 : columns.forEach((col) => {
+      columns?.forEach((col) => {
         if (!col.TotTyp) return;
         let count = 0;
         let sum = 0;
@@ -18098,7 +17929,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     }, [safeData, safeColumns, isLoading]);
     const fyOptions = React.useMemo(() => {
       if (!Array.isArray(data)) return [];
-      const fyColumn = columns == null ? void 0 : columns.find(
+      const fyColumn = columns?.find(
         (c) => c.ColDataType === "date" && c.DateMode === "financial"
       );
       if (!fyColumn) return [];
@@ -18146,10 +17977,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
          CORE LAYOUT (🔥 MUST BE semantic)
       ================================ */
       layoutMode: "semantic",
-      getRowId: (row, index) => {
-        var _a;
-        return ((_a = row.id) == null ? void 0 : _a.toString()) ?? index.toString();
-      },
+      getRowId: (row, index) => row.id?.toString() ?? index.toString(),
       /* ===============================
          FEATURES
       ================================ */
@@ -18158,7 +17986,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       enableColumnFilters: resolvedTopToolbar.columnFilters && !isGridDisabled,
       enableDensityToggle: resolvedTopToolbar.densityToggle && !isGridDisabled,
       enableFullScreenToggle: resolvedTopToolbar.fullscreenToggle && !isGridDisabled,
-      enableColumnOrdering: !isGridDisabled && (controls == null ? void 0 : controls.dragging),
+      enableColumnOrdering: !isGridDisabled && controls?.dragging,
       enableColumnPinning: !isGridDisabled && controls.colPinning,
       enablePagination: !isGridDisabled && controls.pagination,
       enableColumnActions: !isGridDisabled && controls.columnActions,
@@ -18167,11 +17995,11 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       enableSorting: !isGridDisabled && controls.sorting,
       enableEditing: !isGridDisabled && controls.editing,
       editDisplayMode: "cell",
-      enableColumnResizing: !disableAllActions && (controls == null ? void 0 : controls.resizing),
+      enableColumnResizing: !disableAllActions && controls?.resizing,
       enableRowVirtualization: !controls.rowPinning && true,
       enableStickyHeader: true,
       enableStickyFooter: true,
-      enableBottomToolbar: !disableAllActions && (controls == null ? void 0 : controls.pagination),
+      enableBottomToolbar: !disableAllActions && controls?.pagination,
       enableRowPinning: !disableAllActions && controls.rowPinning,
       enableGlobalFilterRankedResults: false,
       enableFilterMatchHighlighting: true,
@@ -18217,7 +18045,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
           pageSize: 50
         },
         density: "comfortable",
-        columnPinning: (controls == null ? void 0 : controls.colPinning) ? columnPinning : { left: [], right: [] },
+        columnPinning: controls?.colPinning ? columnPinning : { left: [], right: [] },
         columnVisibility
       },
       paginationDisplayMode: paginationStyle,
@@ -18233,10 +18061,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
         const next = typeof updater === "function" ? updater(rowSelection) : updater;
         setRowSelection(next);
         if (onRowSelectionChange) {
-          const selectedRows = Object.keys(next).map((rowId) => {
-            var _a;
-            return (_a = table.getRow(rowId)) == null ? void 0 : _a.original;
-          }).filter(Boolean);
+          const selectedRows = Object.keys(next).map((rowId) => table.getRow(rowId)?.original).filter(Boolean);
           onRowSelectionChange(selectedRows);
         }
       },
@@ -18261,12 +18086,21 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
               display: "flex",
               flexDirection: "column",
               border: `1px solid ${mergedTheme.border}`,
+              borderRadius: "6px",
               backgroundColor: mergedTheme.bodyBg,
               ...isFullScreen && {
                 position: "fixed",
-                inset: 0,
+                top: 0,
+                left: 0,
+                right: 0,
+                bottom: 0,
+                width: "100vw",
+                height: "100vh",
+                margin: 0,
                 borderRadius: 0,
-                zIndex: "9999999 !important"
+                zIndex: "9999999 !important",
+                transform: "none",
+                isolation: "isolate"
               }
             }
           };
@@ -18342,20 +18176,17 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       /* ===============================
          BODY CELLS (PIN SAFE)
       ================================ */
-      muiTableBodyCellProps: ({ cell }) => {
-        var _a;
-        return {
-          title: (_a = cell.renderValue) == null ? void 0 : _a.call(cell),
-          sx: {
-            borderRight: `1px solid ${mergedTheme.border}`,
+      muiTableBodyCellProps: ({ cell }) => ({
+        title: cell.renderValue?.(),
+        sx: {
+          borderRight: `1px solid ${mergedTheme.border}`,
+          backgroundColor: mergedTheme.bodyBg,
+          "&.mrt-table-body-cell-pinned": {
             backgroundColor: mergedTheme.bodyBg,
-            "&.mrt-table-body-cell-pinned": {
-              backgroundColor: mergedTheme.bodyBg,
-              zIndex: 1
-            }
+            zIndex: 1
           }
-        };
-      },
+        }
+      }),
       /* ===============================
          ROW HOVER
       ================================ */
@@ -18428,7 +18259,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
           width: "100%"
         },
         children: [
-          (topToolbar == null ? void 0 : topToolbar.globalSearch) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          topToolbar?.globalSearch && /* @__PURE__ */ jsxRuntimeExports.jsx(
             material.TextField,
             {
               size: "small",
@@ -18443,10 +18274,10 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
               sx: {
                 "& .MuiOutlinedInput-root": {
                   borderRadius: 1.5,
-                  "& fieldset": { borderColor: theme == null ? void 0 : theme.headerBg },
-                  "&:hover fieldset": { borderColor: theme == null ? void 0 : theme.headerBg },
+                  "& fieldset": { borderColor: theme?.headerBg },
+                  "&:hover fieldset": { borderColor: theme?.headerBg },
                   "&.Mui-focused fieldset": {
-                    borderColor: theme == null ? void 0 : theme.headerBg,
+                    borderColor: theme?.headerBg,
                     borderWidth: 2
                   }
                 },
@@ -18454,12 +18285,12 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
                   opacity: 0.7
                 },
                 "& .MuiInputAdornment-root svg": {
-                  color: theme == null ? void 0 : theme.headerBg
+                  color: theme?.headerBg
                 }
               }
             }
           ),
-          ((topToolbar == null ? void 0 : topToolbar.exportBtn) || (topToolbar == null ? void 0 : topToolbar.columnFilters) || (topToolbar == null ? void 0 : topToolbar.densityToggle) || (topToolbar == null ? void 0 : topToolbar.showHideColumnsBtn) || (topToolbar == null ? void 0 : topToolbar.fullscreenToggle)) && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          (topToolbar?.exportBtn || topToolbar?.columnFilters || topToolbar?.densityToggle || topToolbar?.showHideColumnsBtn || topToolbar?.fullscreenToggle) && /* @__PURE__ */ jsxRuntimeExports.jsxs(
             material.Paper,
             {
               elevation: 3,
@@ -18473,25 +18304,25 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
                 py: 0.2,
                 borderRadius: 2,
                 bgcolor: "background.paper",
-                border: `1px solid ${theme == null ? void 0 : theme.headerBg}`,
+                border: `1px solid ${theme?.headerBg}`,
                 whiteSpace: "nowrap",
                 opacity: disable ? 0.6 : 1,
                 pointerEvents: disable ? "none" : "auto"
               },
               children: [
-                (topToolbar == null ? void 0 : topToolbar.exportBtn) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                topToolbar?.exportBtn && /* @__PURE__ */ jsxRuntimeExports.jsx(
                   ExportButton,
                   {
                     data: exportData,
-                    color: theme == null ? void 0 : theme.headerBg,
+                    color: theme?.headerBg,
                     filename: "table-data",
                     disabled: disable
                   }
                 ),
-                (topToolbar == null ? void 0 : topToolbar.columnFilters) && /* @__PURE__ */ jsxRuntimeExports.jsx(materialReactTable.MRT_ToggleFiltersButton, { table, disabled: disable }),
-                (topToolbar == null ? void 0 : topToolbar.densityToggle) && /* @__PURE__ */ jsxRuntimeExports.jsx(materialReactTable.MRT_ToggleDensePaddingButton, { table, disabled: disable }),
-                (topToolbar == null ? void 0 : topToolbar.showHideColumnsBtn) && /* @__PURE__ */ jsxRuntimeExports.jsx(materialReactTable.MRT_ShowHideColumnsButton, { table, disabled: disable }),
-                (topToolbar == null ? void 0 : topToolbar.fullscreenToggle) && /* @__PURE__ */ jsxRuntimeExports.jsx(materialReactTable.MRT_ToggleFullScreenButton, { table, disabled: disable })
+                topToolbar?.columnFilters && /* @__PURE__ */ jsxRuntimeExports.jsx(materialReactTable.MRT_ToggleFiltersButton, { table, disabled: disable }),
+                topToolbar?.densityToggle && /* @__PURE__ */ jsxRuntimeExports.jsx(materialReactTable.MRT_ToggleDensePaddingButton, { table, disabled: disable }),
+                topToolbar?.showHideColumnsBtn && /* @__PURE__ */ jsxRuntimeExports.jsx(materialReactTable.MRT_ShowHideColumnsButton, { table, disabled: disable }),
+                topToolbar?.fullscreenToggle && /* @__PURE__ */ jsxRuntimeExports.jsx(materialReactTable.MRT_ToggleFullScreenButton, { table, disabled: disable })
               ]
             }
           )
@@ -18607,7 +18438,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
   const SmartTable = ({
     controls = {
       columnActions: true,
-      dragging: true,
+      dragging: false,
       colPinning: true,
       pagination: true,
       rowSelection: false,
@@ -18622,19 +18453,26 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       globalSearch: true,
       columnFilters: true,
       densityToggle: true,
-      fullscreenToggle: true,
+      fullscreenToggle: false,
       exportBtn: true,
       showHideColumnsBtn: true
     },
+    theme = {
+      headerBg: "#3f5fa3",
+      headerText: "#ffffff",
+      bodyBg: "#ffffff",
+      border: "#cfd6e4"
+    },
     height: height2 = "100%",
     width: width2 = "100%",
     columns = [],
     data = [],
+    paginationStyle = "default",
     isLoading = false,
     onRowSelectionChange = () => {
     }
   }) => {
-    const props = { controls, topToolbar, height: height2, width: width2, isLoading, columns, data, onRowSelectionChange };
+    const props = { controls, topToolbar, height: height2, width: width2, isLoading, columns, data, onRowSelectionChange, paginationStyle, theme };
     return /* @__PURE__ */ jsxRuntimeExports.jsx(xDatePickers.LocalizationProvider, { dateAdapter: AdapterDayjs, children: /* @__PURE__ */ jsxRuntimeExports.jsx(SmartGridTable, { ...props }) });
   };
   exports2.MytekComboDropdown = ComboDropdown;