mytek-components 2.0.9 → 2.1.0

package/dist/main.es.js

@@ -1,6 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import * as React from "react";
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo, useLayoutEffect, createContext, cloneElement, forwardRef, createElement } from "react";
 import emStyled from "@emotion/styled";
@@ -16,20 +13,11 @@ function getDefaultExportFromCjs(x) {
 }
 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);
@@ -54,15 +42,6 @@ function requireReactJsxRuntime_production() {
   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;
@@ -277,7 +256,7 @@ function requireReactJsxRuntime_development() {
     function isValidElement(object) {
       return "object" === typeof object && null !== object && object.$$typeof === REACT_ELEMENT_TYPE;
     }
-    var React2 = React__default, 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 = React2.__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 React2 = React__default, 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 = React2.__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;
     };
     React2 = {
@@ -552,7 +531,6 @@ const Button = ({
   disabled = false,
   ...rest
 }) => {
-  var _a;
   const isDisabled = loader || disabled;
   const className = clsx(
     "flex items-center justify-center transition-opacity",
@@ -569,7 +547,7 @@ const Button = ({
     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,
@@ -751,19 +729,11 @@ function capitalize(string) {
 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;
@@ -854,14 +824,6 @@ function requireReactIs_production_min() {
   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;
@@ -869,24 +831,24 @@ function requireReactIs_development$1() {
   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);
@@ -1026,11 +988,6 @@ function requireReactIs$1() {
   }
   return reactIs$1.exports;
 }
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
 var objectAssign;
 var hasRequiredObjectAssign;
 function requireObjectAssign() {
@@ -1715,20 +1672,11 @@ function composeClasses(slots, getUtilityClass, classes = void 0) {
 }
 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 typeOf3(object) {
     if ("object" === typeof object && null !== object) {
       var $$typeof = object.$$typeof;
@@ -1815,15 +1763,6 @@ function requireReactIs_production() {
   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;
@@ -1860,7 +1799,7 @@ function requireReactIs_development() {
         }
       }
     }
-    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;
@@ -1982,9 +1921,8 @@ function sortContainerQueries(theme, css) {
     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;
@@ -2100,8 +2038,7 @@ function handleBreakpoints(props, propValue, styleFromPropValue) {
   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;
@@ -2494,14 +2431,13 @@ const width = style$2({
 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}`
         };
@@ -3187,13 +3123,6 @@ function serializeStyles(args, registered, mergedProps) {
     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, options) {
   const stylesFactory = emStyled(tag, options);
   if (process.env.NODE_ENV !== "production") {
@@ -3319,10 +3248,9 @@ function createSpacing(spacingInput = 8, transform = createUnarySpacing({
   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);
@@ -3371,7 +3299,7 @@ function createTheme$1(options = {}, ...args) {
   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({
@@ -3481,7 +3409,7 @@ function processStyle(props, style2, layerName) {
   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;
@@ -3494,38 +3422,37 @@ function processStyle(props, style2, layerName) {
     }
     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);
@@ -3602,9 +3529,8 @@ function createStyled(input = {}) {
       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;
           }
@@ -3617,9 +3543,8 @@ function createStyled(input = {}) {
       }
       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;
           }
@@ -3721,11 +3646,11 @@ function resolveProps(defaultProps, props, mergeClassNameAndStyle = false) {
           }
         }
       } 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];
@@ -4155,7 +4080,6 @@ function prepareCssVars(theme, parserConfig = {}) {
     };
   }
   function defaultGetSelector2(colorScheme, cssObject) {
-    var _a, _b;
     let rule = selector;
     if (selector === "class") {
       rule = ".%s";
@@ -4163,7 +4087,7 @@ function prepareCssVars(theme, parserConfig = {}) {
     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) {
@@ -4171,7 +4095,7 @@ function prepareCssVars(theme, parserConfig = {}) {
         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
@@ -4199,7 +4123,6 @@ function prepareCssVars(theme, parserConfig = {}) {
     return vars;
   };
   const generateStyleSheets = () => {
-    var _a, _b;
     const stylesheets = [];
     const colorScheme = theme.defaultColorScheme || "light";
     function insertStyleSheet(key, css) {
@@ -4222,7 +4145,7 @@ function prepareCssVars(theme, parserConfig = {}) {
       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
@@ -4236,8 +4159,7 @@ function prepareCssVars(theme, parserConfig = {}) {
     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
@@ -5037,7 +4959,7 @@ function createThemeNoVars(options = {}, ...args) {
   }
   muiTheme.unstable_sxConfig = {
     ...defaultSxConfig,
-    ...other == null ? void 0 : other.unstable_sxConfig
+    ...other?.unstable_sxConfig
   };
   muiTheme.unstable_sx = function sx(props) {
     return styleFunctionSx({
@@ -5102,9 +5024,8 @@ function createColorScheme(options) {
   };
 }
 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) => {
@@ -5117,7 +5038,7 @@ const defaultGetSelector = (theme) => (colorScheme, css) => {
   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) {
@@ -5217,7 +5138,7 @@ function attachColorScheme$1(colorSpace, colorSchemes, scheme, restTheme, colorS
       ...scheme,
       palette: {
         mode,
-        ...scheme == null ? void 0 : scheme.palette
+        ...scheme?.palette
       },
       colorSpace
     });
@@ -5230,7 +5151,7 @@ function attachColorScheme$1(colorSpace, colorSchemes, scheme, restTheme, colorS
     ...restTheme,
     palette: {
       mode,
-      ...scheme == null ? void 0 : scheme.palette
+      ...scheme?.palette
     },
     colorSpace
   });
@@ -5239,9 +5160,9 @@ function attachColorScheme$1(colorSpace, colorSchemes, scheme, restTheme, colorS
     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;
 }
@@ -5522,7 +5443,7 @@ function createThemeWithVars(options = {}, ...args) {
   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({
@@ -5555,11 +5476,11 @@ function createTheme(options = {}, ...args) {
     colorSchemes: initialColorSchemes = !palette ? {
       light: true
     } : void 0,
-    defaultColorScheme: initialDefaultColorScheme = palette == null ? void 0 : palette.mode,
+    defaultColorScheme: initialDefaultColorScheme = palette?.mode,
     ...other
   } = options;
   const defaultColorSchemeInput = initialDefaultColorScheme || "light";
-  const defaultScheme = initialColorSchemes == null ? void 0 : initialColorSchemes[defaultColorSchemeInput];
+  const defaultScheme = initialColorSchemes?.[defaultColorSchemeInput];
   const colorSchemesInput = {
     ...initialColorSchemes,
     ...palette ? {
@@ -5672,97 +5593,91 @@ const SvgIconRoot = styled("svg", {
   }
 })(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.forwardRef(function SvgIcon2(inProps, ref) {
   const props = useDefaultProps({
     props: inProps,
@@ -5948,7 +5863,6 @@ const Mt_MessageBox = ({
   disableClose = false,
   fontFamily = "Montserrat"
 }) => {
-  var _a, _b, _c;
   const [windowWidth, setWindowWidth] = useState(window.innerWidth);
   const isMobile = windowWidth <= 375;
   const buttonRefs = useRef([]);
@@ -5969,7 +5883,7 @@ const Mt_MessageBox = ({
     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,
@@ -5978,7 +5892,7 @@ const Mt_MessageBox = ({
     {
       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"
     }
   ];
   useEffect(() => {
@@ -6130,35 +6044,32 @@ const Mt_MessageBox = ({
                   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
+                ))
               }
             )
           ]
@@ -6279,10 +6190,7 @@ const ComboDropdown = ({
     setInputValue(val);
     const normalized = normalizeOptions2(options);
     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);
@@ -6347,8 +6255,7 @@ const ComboDropdown = ({
       setFilteredOptions(normalizeOptions2(options));
     }
     setShowDropdown((prev) => {
-      var _a;
-      if (!prev) (_a = inputRef.current) == null ? void 0 : _a.focus();
+      if (!prev) inputRef.current?.focus();
       return !prev;
     });
   };
@@ -6417,11 +6324,6 @@ const ComboDropdown = ({
   ] });
 };
 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;
@@ -12381,11 +12283,6 @@ function requireLib() {
     e.exports = React__default;
   }, 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() {
@@ -14514,7 +14411,7 @@ const CustomInput = ({
                     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",
@@ -14567,10 +14464,10 @@ const CustomInput = ({
                     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 },
@@ -14701,7 +14598,6 @@ const MasterTable = ({
   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",
@@ -15197,7 +15093,7 @@ const MasterTable = ({
                           }
                         ),
                         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: {
@@ -15396,7 +15292,7 @@ const MasterTable = ({
                 }
               ),
               /* @__PURE__ */ jsxRuntimeExports.jsx(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(
                 MenuItem,
                 {
                   sx: {
@@ -15422,7 +15318,7 @@ const MasterTable = ({
                   ]
                 }
               ),
-              !((_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(
                 MenuItem,
                 {
                   sx: {
@@ -15505,7 +15401,7 @@ const MasterTable = ({
               },
               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: [
@@ -15514,7 +15410,7 @@ const MasterTable = ({
                     {
                       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",
@@ -15530,7 +15426,7 @@ const MasterTable = ({
                     {
                       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",
@@ -15586,14 +15482,11 @@ const MasterTable = ({
                   Button$1,
                   {
                     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: {
@@ -15619,7 +15512,7 @@ const MasterTable = ({
                   }
                 )
               ] })
-            ) : ((_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(
@@ -15634,38 +15527,35 @@ const MasterTable = ({
                   }
                 ),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { sx: { margin: "1px 0" } }),
-                getUniqueValues(menuColumn).map((value) => {
-                  var _a2;
-                  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    MenuItem,
-                    {
-                      sx: { padding: "1px 2px", minHeight: "auto" },
-                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        FormControlLabel,
-                        {
-                          control: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                            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(
+                  MenuItem,
+                  {
+                    sx: { padding: "1px 2px", minHeight: "auto" },
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      FormControlLabel,
+                      {
+                        control: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          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
           }
@@ -16012,7 +15902,6 @@ const PowerDropdown = ({
       value: newEmployee.id,
       raw: { ...newEmployee }
     };
-    console.log([...localOptions, newOption]);
     setLocalOptions([...localOptions, newOption]);
     setDropdownOpen(false);
     setShowAddModal(false);
@@ -16024,11 +15913,8 @@ const PowerDropdown = ({
     [options, optionLabelKey, optionValueKey]
   );
   const filteredOptions = 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) => {
@@ -16116,7 +16002,7 @@ const PowerDropdown = ({
   const columns = useMemo(() => generateColumns(), [options, columnWidths]);
   console.log("columns", columns);
   useEffect(() => {
-    setInputVal((value == null ? void 0 : value[optionLabelKey]) || "");
+    setInputVal(value?.[optionLabelKey] || "");
   }, [value, optionLabelKey]);
   useEffect(() => {
     if (!suggestion) {
@@ -16217,7 +16103,7 @@ const PowerDropdown = ({
                     const match = filteredOptions.find(
                       (opt) => opt.label.toLowerCase().startsWith(newVal.toLowerCase())
                     );
-                    setSuggestion((match == null ? void 0 : match.label) || "");
+                    setSuggestion(match?.label || "");
                   },
                   onKeyDown: handleKeyDown,
                   style: {
@@ -16442,12 +16328,6 @@ const PowerDropdown = ({
     )
   ] });
 };
-/**
- * @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,
@@ -16467,12 +16347,6 @@ const hasA11yProp = (props) => {
     }
   }
 };
-/**
- * @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,
@@ -16484,12 +16358,6 @@ var defaultAttributes = {
   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 = forwardRef(
   ({
     color: color2 = "currentColor",
@@ -16519,12 +16387,6 @@ const Icon = forwardRef(
     ]
   )
 );
-/**
- * @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 = forwardRef(
     ({ className, ...props }, ref) => createElement(Icon, {
@@ -16541,24 +16403,12 @@ const createLucideIcon = (iconName, iconNode) => {
   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",
@@ -16569,24 +16419,12 @@ const __iconNode$3 = [
   ]
 ];
 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" }],
@@ -16595,12 +16433,6 @@ const __iconNode$1 = [
   ["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" }],
@@ -17011,374 +16843,373 @@ const defaultFormats = {
 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 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;
       }
-      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;
-        }
+      case "system": {
+        return dayjs.tz.guess();
       }
-      if (this.hasUTCPlugin() && value.isUTC()) {
-        return "UTC";
-      }
-      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",
@@ -17525,10 +17356,10 @@ const getFinancialRange = (fy, quarter) => {
 function RangeDateFilter({ column, onClose }) {
   const current = column.getFilterValue() || {};
   const [from, setFrom] = useState(
-    (current == null ? void 0 : current.from) ? dayjs(current.from) : null
+    current?.from ? dayjs(current.from) : null
   );
   const [to, setTo] = useState(
-    (current == null ? void 0 : current.to) ? dayjs(current.to) : null
+    current?.to ? dayjs(current.to) : null
   );
   const canApply = Boolean(from && to);
   const handleApply = () => {
@@ -17538,13 +17369,13 @@ function RangeDateFilter({ column, onClose }) {
       // 🔥 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(Box, { p: 2, width: 240, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -17635,13 +17466,13 @@ const getFinancialYear = (date) => {
 function FinancialDateFilter({ column, fyOptions = [], closePopover }) {
   const activeFilter = column.getFilterValue();
   const [from, setFrom] = useState(
-    (activeFilter == null ? void 0 : activeFilter.from) ? dayjs(activeFilter.from) : null
+    activeFilter?.from ? dayjs(activeFilter.from) : null
   );
   const [to, setTo] = useState(
-    (activeFilter == null ? void 0 : activeFilter.to) ? dayjs(activeFilter.to) : null
+    activeFilter?.to ? dayjs(activeFilter.to) : null
   );
-  const [fy, setFy] = useState((activeFilter == null ? void 0 : activeFilter.fy) || "");
-  const [quarter, setQuarter] = useState((activeFilter == null ? void 0 : activeFilter.quarter) || "");
+  const [fy, setFy] = useState(activeFilter?.fy || "");
+  const [quarter, setQuarter] = useState(activeFilter?.quarter || "");
   const isManual = !fy;
   const isFinancial = Boolean(fy);
   const apply = () => {
@@ -17984,13 +17815,13 @@ const defaultToolBarOpt = {
   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,
@@ -18029,7 +17860,7 @@ function SmartGridTable({
   const resolvedTopToolbar = {
     ...defaultToolBarOpt,
     ...topToolbar,
-    enabled: !isGridDisabled && (topToolbar == null ? void 0 : topToolbar.enabled) !== false
+    enabled: !isGridDisabled && topToolbar?.enabled !== false
   };
   const detectedColumnTypes = useMemo(() => {
     if (!Array.isArray(data) || !safeData.length) return {};
@@ -18050,7 +17881,7 @@ function SmartGridTable({
     }
     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;
@@ -18086,7 +17917,7 @@ function SmartGridTable({
   }, [safeData, safeColumns, isLoading]);
   const fyOptions = 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 [];
@@ -18134,10 +17965,7 @@ function SmartGridTable({
        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
     ================================ */
@@ -18146,7 +17974,7 @@ function SmartGridTable({
     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,
@@ -18155,11 +17983,11 @@ function SmartGridTable({
     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,
@@ -18205,7 +18033,7 @@ function SmartGridTable({
         pageSize: 50
       },
       density: "comfortable",
-      columnPinning: (controls == null ? void 0 : controls.colPinning) ? columnPinning : { left: [], right: [] },
+      columnPinning: controls?.colPinning ? columnPinning : { left: [], right: [] },
       columnVisibility
     },
     paginationDisplayMode: paginationStyle,
@@ -18221,10 +18049,7 @@ function SmartGridTable({
       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);
       }
     },
@@ -18249,12 +18074,21 @@ function SmartGridTable({
             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"
             }
           }
         };
@@ -18330,20 +18164,17 @@ function SmartGridTable({
     /* ===============================
        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
     ================================ */
@@ -18416,7 +18247,7 @@ function SmartGridTopToolbar({
         width: "100%"
       },
       children: [
-        (topToolbar == null ? void 0 : topToolbar.globalSearch) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        topToolbar?.globalSearch && /* @__PURE__ */ jsxRuntimeExports.jsx(
           TextField,
           {
             size: "small",
@@ -18431,10 +18262,10 @@ function SmartGridTopToolbar({
             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
                 }
               },
@@ -18442,12 +18273,12 @@ function SmartGridTopToolbar({
                 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(
           Paper,
           {
             elevation: 3,
@@ -18461,25 +18292,25 @@ function SmartGridTopToolbar({
               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(MRT_ToggleFiltersButton, { table, disabled: disable }),
-              (topToolbar == null ? void 0 : topToolbar.densityToggle) && /* @__PURE__ */ jsxRuntimeExports.jsx(MRT_ToggleDensePaddingButton, { table, disabled: disable }),
-              (topToolbar == null ? void 0 : topToolbar.showHideColumnsBtn) && /* @__PURE__ */ jsxRuntimeExports.jsx(MRT_ShowHideColumnsButton, { table, disabled: disable }),
-              (topToolbar == null ? void 0 : topToolbar.fullscreenToggle) && /* @__PURE__ */ jsxRuntimeExports.jsx(MRT_ToggleFullScreenButton, { table, disabled: disable })
+              topToolbar?.columnFilters && /* @__PURE__ */ jsxRuntimeExports.jsx(MRT_ToggleFiltersButton, { table, disabled: disable }),
+              topToolbar?.densityToggle && /* @__PURE__ */ jsxRuntimeExports.jsx(MRT_ToggleDensePaddingButton, { table, disabled: disable }),
+              topToolbar?.showHideColumnsBtn && /* @__PURE__ */ jsxRuntimeExports.jsx(MRT_ShowHideColumnsButton, { table, disabled: disable }),
+              topToolbar?.fullscreenToggle && /* @__PURE__ */ jsxRuntimeExports.jsx(MRT_ToggleFullScreenButton, { table, disabled: disable })
             ]
           }
         )
@@ -18595,7 +18426,7 @@ const ExportButton = ({
 const SmartTable = ({
   controls = {
     columnActions: true,
-    dragging: true,
+    dragging: false,
     colPinning: true,
     pagination: true,
     rowSelection: false,
@@ -18610,19 +18441,26 @@ const SmartTable = ({
     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(LocalizationProvider, { dateAdapter: AdapterDayjs, children: /* @__PURE__ */ jsxRuntimeExports.jsx(SmartGridTable, { ...props }) });
 };
 export {