@sinco/react 1.1.2-rc.25 → 1.1.2-rc.27

package/index.esm.d.ts

@@ -0,0 +1 @@
+export * from "./src\\index";

package/{index.js → index.esm.js}

@@ -511,11 +511,11 @@ var reactIs_production_min$1 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var b$1="function"===typeof Symbol&&Symbol.for,c$1=b$1?Symbol.for("react.element"):60103,d$1=b$1?Symbol.for("react.portal"):60106,e$1=b$1?Symbol.for("react.fragment"):60107,f$1=b$1?Symbol.for("react.strict_mode"):60108,g$1=b$1?Symbol.for("react.profiler"):60114,h$1=b$1?Symbol.for("react.provider"):60109,k$1=b$1?Symbol.for("react.context"):60110,l$1=b$1?Symbol.for("react.async_mode"):60111,m$1=b$1?Symbol.for("react.concurrent_mode"):60111,n$1=b$1?Symbol.for("react.forward_ref"):60112,p$1=b$1?Symbol.for("react.suspense"):60113,q$1=b$1?
-Symbol.for("react.suspense_list"):60120,r$3=b$1?Symbol.for("react.memo"):60115,t$1=b$1?Symbol.for("react.lazy"):60116,v$1=b$1?Symbol.for("react.block"):60121,w=b$1?Symbol.for("react.fundamental"):60117,x=b$1?Symbol.for("react.responder"):60118,y=b$1?Symbol.for("react.scope"):60119;
-function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$1:switch(a=a.type,a){case l$1:case m$1:case e$1:case g$1:case f$1:case p$1:return a;default:switch(a=a&&a.$$typeof,a){case k$1:case n$1:case t$1:case r$3:case h$1:return a;default:return u}}case d$1:return u}}}function A(a){return z(a)===m$1}reactIs_production_min$1.AsyncMode=l$1;reactIs_production_min$1.ConcurrentMode=m$1;reactIs_production_min$1.ContextConsumer=k$1;reactIs_production_min$1.ContextProvider=h$1;reactIs_production_min$1.Element=c$1;reactIs_production_min$1.ForwardRef=n$1;reactIs_production_min$1.Fragment=e$1;reactIs_production_min$1.Lazy=t$1;reactIs_production_min$1.Memo=r$3;reactIs_production_min$1.Portal=d$1;
+Symbol.for("react.suspense_list"):60120,r$1=b$1?Symbol.for("react.memo"):60115,t$1=b$1?Symbol.for("react.lazy"):60116,v$1=b$1?Symbol.for("react.block"):60121,w=b$1?Symbol.for("react.fundamental"):60117,x=b$1?Symbol.for("react.responder"):60118,y=b$1?Symbol.for("react.scope"):60119;
+function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$1:switch(a=a.type,a){case l$1:case m$1:case e$1:case g$1:case f$1:case p$1:return a;default:switch(a=a&&a.$$typeof,a){case k$1:case n$1:case t$1:case r$1:case h$1:return a;default:return u}}case d$1:return u}}}function A(a){return z(a)===m$1}reactIs_production_min$1.AsyncMode=l$1;reactIs_production_min$1.ConcurrentMode=m$1;reactIs_production_min$1.ContextConsumer=k$1;reactIs_production_min$1.ContextProvider=h$1;reactIs_production_min$1.Element=c$1;reactIs_production_min$1.ForwardRef=n$1;reactIs_production_min$1.Fragment=e$1;reactIs_production_min$1.Lazy=t$1;reactIs_production_min$1.Memo=r$1;reactIs_production_min$1.Portal=d$1;
 reactIs_production_min$1.Profiler=g$1;reactIs_production_min$1.StrictMode=f$1;reactIs_production_min$1.Suspense=p$1;reactIs_production_min$1.isAsyncMode=function(a){return A(a)||z(a)===l$1};reactIs_production_min$1.isConcurrentMode=A;reactIs_production_min$1.isContextConsumer=function(a){return z(a)===k$1};reactIs_production_min$1.isContextProvider=function(a){return z(a)===h$1};reactIs_production_min$1.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c$1};reactIs_production_min$1.isForwardRef=function(a){return z(a)===n$1};reactIs_production_min$1.isFragment=function(a){return z(a)===e$1};reactIs_production_min$1.isLazy=function(a){return z(a)===t$1};
-reactIs_production_min$1.isMemo=function(a){return z(a)===r$3};reactIs_production_min$1.isPortal=function(a){return z(a)===d$1};reactIs_production_min$1.isProfiler=function(a){return z(a)===g$1};reactIs_production_min$1.isStrictMode=function(a){return z(a)===f$1};reactIs_production_min$1.isSuspense=function(a){return z(a)===p$1};
-reactIs_production_min$1.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e$1||a===m$1||a===g$1||a===f$1||a===p$1||a===q$1||"object"===typeof a&&null!==a&&(a.$$typeof===t$1||a.$$typeof===r$3||a.$$typeof===h$1||a.$$typeof===k$1||a.$$typeof===n$1||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v$1)};reactIs_production_min$1.typeOf=z;
+reactIs_production_min$1.isMemo=function(a){return z(a)===r$1};reactIs_production_min$1.isPortal=function(a){return z(a)===d$1};reactIs_production_min$1.isProfiler=function(a){return z(a)===g$1};reactIs_production_min$1.isStrictMode=function(a){return z(a)===f$1};reactIs_production_min$1.isSuspense=function(a){return z(a)===p$1};
+reactIs_production_min$1.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e$1||a===m$1||a===g$1||a===f$1||a===p$1||a===q$1||"object"===typeof a&&null!==a&&(a.$$typeof===t$1||a.$$typeof===r$1||a.$$typeof===h$1||a.$$typeof===k$1||a.$$typeof===n$1||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v$1)};reactIs_production_min$1.typeOf=z;
 
 var reactIs_development$1 = {};
 
@@ -2127,10 +2127,10 @@ function useEventCallback(fn) {
   useEnhancedEffect$1(() => {
     ref.current = fn;
   });
-  return React.useCallback((...args) =>
+  return React.useRef((...args) =>
   // @ts-expect-error hide `this`
   // tslint:disable-next-line:ban-comma-operator
-  (0, ref.current)(...args), []);
+  (0, ref.current)(...args)).current;
 }
 
 function useForkRef(...refs) {
@@ -3174,7 +3174,7 @@ tags.forEach(function (tagName) {
 });
 
 /**
- * @mui/styled-engine v5.14.13
+ * @mui/styled-engine v5.14.18
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -3450,11 +3450,6 @@ function getStyleValue(themeMapping, transform, propValueFinal, userValue = prop
   } else {
     value = getPath(themeMapping, propValueFinal) || userValue;
   }
-  if (typeof value === 'object') {
-    if (process.env.NODE_ENV !== 'production') {
-      console.warn(`MUI: The value found in theme for prop: "${propValueFinal}" is an [Object] instead of string or number. Check if you forgot to add the correct dotted notation, eg, "background.paper" instead of "background".`);
-    }
-  }
   if (transform) {
     value = transform(value, userValue, themeMapping);
   }
@@ -4432,7 +4427,7 @@ function extendSxProp(props) {
   });
 }
 
-function r$2(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r$2(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx$2(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r$2(e))&&(n&&(n+=" "),n+=t);return n}
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
 const _excluded$n = ["className", "component"];
 function createBox(options = {}) {
@@ -4456,7 +4451,7 @@ function createBox(options = {}) {
     return /*#__PURE__*/jsx(BoxRoot, _extends({
       as: component,
       ref: ref,
-      className: clsx$2(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),
+      className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),
       theme: themeId ? theme[themeId] || theme : theme
     }, other));
   });
@@ -5191,7 +5186,7 @@ function createStack(options = {}) {
       as: component,
       ownerState: ownerState,
       ref: ref,
-      className: clsx$2(classes.root, className)
+      className: clsx(classes.root, className)
     }, other, {
       children: divider ? joinChildren(children, divider) : children
     }));
@@ -6241,8 +6236,6 @@ var paletteAdpro = {
   divider: "#0000001f"
 };
 
-function r$1(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r$1(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx$1(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r$1(e))&&(n&&(n+=" "),n+=t);return n}
-
 function getTypographyUtilityClass(slot) {
   return generateUtilityClass('MuiTypography', slot);
 }
@@ -6353,7 +6346,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
     as: Component,
     ref: ref,
     ownerState: ownerState,
-    className: clsx$1(classes.root, className)
+    className: clsx(classes.root, className)
   }, other));
 });
 process.env.NODE_ENV !== "production" ? Typography.propTypes /* remove-proptypes */ = {
@@ -7433,14 +7426,14 @@ function Ripple(props) {
     timeout
   } = props;
   const [leaving, setLeaving] = React.useState(false);
-  const rippleClassName = clsx$1(className, classes.ripple, classes.rippleVisible, pulsate && classes.ripplePulsate);
+  const rippleClassName = clsx(className, classes.ripple, classes.rippleVisible, pulsate && classes.ripplePulsate);
   const rippleStyles = {
     width: rippleSize,
     height: rippleSize,
     top: -(rippleSize / 2) + rippleY,
     left: -(rippleSize / 2) + rippleX
   };
-  const childClassName = clsx$1(classes.child, leaving && classes.childLeaving, pulsate && classes.childPulsate);
+  const childClassName = clsx(classes.child, leaving && classes.childLeaving, pulsate && classes.childPulsate);
   if (!inProp && !leaving) {
     setLeaving(true);
   }
@@ -7668,12 +7661,12 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
     } = params;
     setRipples(oldRipples => [...oldRipples, /*#__PURE__*/jsx(TouchRippleRipple, {
       classes: {
-        ripple: clsx$1(classes.ripple, touchRippleClasses$1.ripple),
-        rippleVisible: clsx$1(classes.rippleVisible, touchRippleClasses$1.rippleVisible),
-        ripplePulsate: clsx$1(classes.ripplePulsate, touchRippleClasses$1.ripplePulsate),
-        child: clsx$1(classes.child, touchRippleClasses$1.child),
-        childLeaving: clsx$1(classes.childLeaving, touchRippleClasses$1.childLeaving),
-        childPulsate: clsx$1(classes.childPulsate, touchRippleClasses$1.childPulsate)
+        ripple: clsx(classes.ripple, touchRippleClasses$1.ripple),
+        rippleVisible: clsx(classes.rippleVisible, touchRippleClasses$1.rippleVisible),
+        ripplePulsate: clsx(classes.ripplePulsate, touchRippleClasses$1.ripplePulsate),
+        child: clsx(classes.child, touchRippleClasses$1.child),
+        childLeaving: clsx(classes.childLeaving, touchRippleClasses$1.childLeaving),
+        childPulsate: clsx(classes.childPulsate, touchRippleClasses$1.childPulsate)
       },
       timeout: DURATION,
       pulsate: pulsate,
@@ -7800,7 +7793,7 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
     stop
   }), [pulsate, start, stop]);
   return /*#__PURE__*/jsx(TouchRippleRoot, _extends({
-    className: clsx$1(touchRippleClasses$1.root, classes.root, className),
+    className: clsx(touchRippleClasses$1.root, classes.root, className),
     ref: container
   }, other, {
     children: /*#__PURE__*/jsx(TransitionGroup$1, {
@@ -8106,7 +8099,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
   const classes = useUtilityClasses$a(ownerState);
   return /*#__PURE__*/jsxs(ButtonBaseRoot, _extends({
     as: ComponentProp,
-    className: clsx$1(classes.root, className),
+    className: clsx(classes.root, className),
     ownerState: ownerState,
     onBlur: handleBlur,
     onClick: onClick,
@@ -9262,7 +9255,7 @@ const Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
   return /*#__PURE__*/jsx(PaperRoot, _extends({
     as: component,
     ownerState: ownerState,
-    className: clsx$1(classes.root, className),
+    className: clsx(classes.root, className),
     ref: ref
   }, other));
 });
@@ -9437,7 +9430,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
   });
   const classes = useUtilityClasses$8(ownerState);
   return /*#__PURE__*/jsx(IconButtonRoot, _extends({
-    className: clsx$1(classes.root, className),
+    className: clsx(classes.root, className),
     centerRipple: true,
     focusRipple: !disableFocusRipple,
     disabled: disabled,
@@ -9519,7 +9512,7 @@ var IconButton$1 = IconButton;
 function getAppBarUtilityClass(slot) {
   return generateUtilityClass('MuiAppBar', slot);
 }
-generateUtilityClasses('MuiAppBar', ['root', 'positionFixed', 'positionAbsolute', 'positionSticky', 'positionStatic', 'positionRelative', 'colorDefault', 'colorPrimary', 'colorSecondary', 'colorInherit', 'colorTransparent']);
+generateUtilityClasses('MuiAppBar', ['root', 'positionFixed', 'positionAbsolute', 'positionSticky', 'positionStatic', 'positionRelative', 'colorDefault', 'colorPrimary', 'colorSecondary', 'colorInherit', 'colorTransparent', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning']);
 
 const _excluded$a = ["className", "color", "enableColorOnDark", "position"];
 const useUtilityClasses$7 = ownerState => {
@@ -9639,7 +9632,7 @@ const AppBar = /*#__PURE__*/React.forwardRef(function AppBar(inProps, ref) {
     component: "header",
     ownerState: ownerState,
     elevation: 4,
-    className: clsx$1(classes.root, className, position === 'fixed' && 'mui-fixed'),
+    className: clsx(classes.root, className, position === 'fixed' && 'mui-fixed'),
     ref: ref
   }, other));
 });
@@ -9666,7 +9659,7 @@ process.env.NODE_ENV !== "production" ? AppBar.propTypes /* remove-proptypes */
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'primary'
    */
-  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['default', 'inherit', 'primary', 'secondary', 'transparent']), PropTypes.string]),
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['default', 'inherit', 'primary', 'secondary', 'transparent', 'error', 'info', 'success', 'warning']), PropTypes.string]),
   /**
    * If true, the `color` prop is applied in dark mode.
    * @default false
@@ -9744,8 +9737,6 @@ function resolveComponentProps(componentProps, ownerState, slotState) {
   return componentProps;
 }
 
-function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
-
 /**
  * Removes event handlers from the given object.
  * A field is considered an event handler if it is a function with a name beginning with `on`.
@@ -9788,7 +9779,7 @@ function mergeSlotProps(parameters) {
   if (!getSlotProps) {
     // The simpler case - getSlotProps is not defined, so no internal event handlers are defined,
     // so we can simply merge all the props without having to worry about extracting event handlers.
-    const joinedClasses = clsx(externalForwardedProps == null ? void 0 : externalForwardedProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className, className, additionalProps == null ? void 0 : additionalProps.className);
+    const joinedClasses = clsx(additionalProps == null ? void 0 : additionalProps.className, className, externalForwardedProps == null ? void 0 : externalForwardedProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className);
     const mergedStyle = _extends({}, additionalProps == null ? void 0 : additionalProps.style, externalForwardedProps == null ? void 0 : externalForwardedProps.style, externalSlotProps == null ? void 0 : externalSlotProps.style);
     const props = _extends({}, additionalProps, externalForwardedProps, externalSlotProps);
     if (joinedClasses.length > 0) {
@@ -10598,7 +10589,9 @@ function useModal(parameters) {
     // clicking a checkbox to check it, hitting a button to submit a form,
     // and hitting left arrow to move the cursor in a text input etc.
     // Only special HTML elements have these default behaviors.
-    if (event.key !== 'Escape' || !isTopModal()) {
+    if (event.key !== 'Escape' || event.which === 229 ||
+    // Wait until IME is settled.
+    !isTopModal()) {
       return;
     }
     if (!disableEscapeKeyDown) {
@@ -10943,7 +10936,7 @@ const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
       "aria-hidden": true
     }, rootSlotProps, {
       as: (_ref = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref : component,
-      className: clsx$1(classes.root, className, rootSlotProps == null ? void 0 : rootSlotProps.className),
+      className: clsx(classes.root, className, rootSlotProps == null ? void 0 : rootSlotProps.className),
       ownerState: _extends({}, ownerState, rootSlotProps == null ? void 0 : rootSlotProps.ownerState),
       classes: classes,
       ref: ref,
@@ -11354,11 +11347,11 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
   const positionClassName = buttonGroupButtonContextPositionClassName || '';
   return /*#__PURE__*/jsxs(ButtonRoot, _extends({
     ownerState: ownerState,
-    className: clsx$1(contextProps.className, classes.root, className, positionClassName),
+    className: clsx(contextProps.className, classes.root, className, positionClassName),
     component: component,
     disabled: disabled,
     focusRipple: !disableFocusRipple,
-    focusVisibleClassName: clsx$1(classes.focusVisible, focusVisibleClassName),
+    focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
     ref: ref,
     type: type
   }, other, {
@@ -11610,7 +11603,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
       as: component
     },
     ownerState,
-    className: clsx$1(className, rootSlotProps == null ? void 0 : rootSlotProps.className, classes == null ? void 0 : classes.root, !ownerState.open && ownerState.exited && (classes == null ? void 0 : classes.hidden))
+    className: clsx(className, rootSlotProps == null ? void 0 : rootSlotProps.className, classes == null ? void 0 : classes.root, !ownerState.open && ownerState.exited && (classes == null ? void 0 : classes.hidden))
   });
   const backdropProps = useSlotProps({
     elementType: BackdropSlot,
@@ -11628,7 +11621,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
         }
       }));
     },
-    className: clsx$1(backdropSlotProps == null ? void 0 : backdropSlotProps.className, BackdropProps == null ? void 0 : BackdropProps.className, classes == null ? void 0 : classes.backdrop),
+    className: clsx(backdropSlotProps == null ? void 0 : backdropSlotProps.className, BackdropProps == null ? void 0 : BackdropProps.className, classes == null ? void 0 : classes.backdrop),
     ownerState
   });
   if (!keepMounted && !open && (!hasTransition || exited)) {
@@ -11991,7 +11984,7 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
   const classes = useUtilityClasses$3(ownerState);
   return /*#__PURE__*/jsx(DividerRoot, _extends({
     as: component,
-    className: clsx$1(classes.root, className),
+    className: clsx(classes.root, className),
     role: role,
     ref: ref,
     ownerState: ownerState
@@ -12553,13 +12546,13 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
     elevation: variant === 'temporary' ? elevation : 0,
     square: true
   }, PaperProps, {
-    className: clsx$1(classes.paper, PaperProps.className),
+    className: clsx(classes.paper, PaperProps.className),
     ownerState: ownerState,
     children: children
   }));
   if (variant === 'permanent') {
     return /*#__PURE__*/jsx(DrawerDockedRoot, _extends({
-      className: clsx$1(classes.root, classes.docked, className),
+      className: clsx(classes.root, classes.docked, className),
       ownerState: ownerState,
       ref: ref
     }, other, {
@@ -12576,7 +12569,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
   }));
   if (variant === 'persistent') {
     return /*#__PURE__*/jsx(DrawerDockedRoot, _extends({
-      className: clsx$1(classes.root, classes.docked, className),
+      className: clsx(classes.root, classes.docked, className),
       ownerState: ownerState,
       ref: ref
     }, other, {
@@ -12589,7 +12582,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
     BackdropProps: _extends({}, BackdropProps, BackdropPropsProp, {
       transitionDuration
     }),
-    className: clsx$1(classes.root, classes.modal, className),
+    className: clsx(classes.root, classes.modal, className),
     open: open,
     ownerState: ownerState,
     onClose: onClose,
@@ -13021,7 +13014,7 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
     }
   }
   return /*#__PURE__*/jsxs(LinearProgressRoot, _extends({
-    className: clsx$1(classes.root, className),
+    className: clsx(classes.root, className),
     ownerState: ownerState,
     role: "progressbar"
   }, rootProps, {
@@ -13150,7 +13143,7 @@ const Toolbar = /*#__PURE__*/React.forwardRef(function Toolbar(inProps, ref) {
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/jsx(ToolbarRoot, _extends({
     as: component,
-    className: clsx$1(classes.root, className),
+    className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState
   }, other));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.1.2-rc.25",
+  "version": "1.1.2-rc.27",
   "description": "package for the configuration of mui react sinco",
   "private": false,
   "license": "MIT",
@@ -16,8 +16,7 @@
     "@mui/x-data-grid": "^6.6.0"
   },
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "./index.js",
+  "module": "./index.esm.js",
   "type": "module",
-  "types": "./src\\index.d.ts"
+  "main": "./index.esm.js"
 }

package/src/lib/Components/Drawer.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import { SxProps } from "@mui/material";
 export type DrawerPosition = "left" | "right";
 export interface DrawerComponentProperties {
@@ -15,5 +15,5 @@ export interface DrawerComponentProperties {
     backgroundColor?: string;
     color?: string;
 }
-export declare const DrawerComponent: ({ title, backgroundColor, color, children, actions, showActions, anchor, anchorActions, width, open, onClose, sx, }: DrawerComponentProperties) => JSX.Element;
+export declare const DrawerComponent: ({ title, backgroundColor, color, children, actions, showActions, anchor, anchorActions, width, open, onClose, sx, }: DrawerComponentProperties) => React.JSX.Element;
 export { DrawerComponent as Drawer };

package/src/lib/Components/EmptyState.d.ts

@@ -10,4 +10,4 @@ export interface EmptyStateProperties {
     iconStyle?: React.CSSProperties;
     containerHeight?: string;
 }
-export declare const EmptyState: ({ state, title, subtitle, actions, containerHeight, iconStyle, icon, }: EmptyStateProperties) => JSX.Element;
+export declare const EmptyState: ({ state, title, subtitle, actions, containerHeight, iconStyle, icon, }: EmptyStateProperties) => React.JSX.Element;

package/src/lib/Components/FooterAction.d.ts

@@ -4,5 +4,5 @@ interface FooterActionsProperties {
     leftContent?: React.ReactNode;
     rightContent?: React.ReactNode;
 }
-export declare const FooterAction: ({ leftContent, rightContent, labelChangeCounter, }: FooterActionsProperties) => JSX.Element;
+export declare const FooterAction: ({ leftContent, rightContent, labelChangeCounter, }: FooterActionsProperties) => React.JSX.Element;
 export {};

package/src/lib/Components/PageHeader.d.ts

@@ -11,5 +11,5 @@ export declare function PageHeaderWraps({ item, color, variant, }: {
     item: string | React.ReactNode;
     color: string;
     variant: Variant;
-}): JSX.Element;
-export declare const PageHeader: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => JSX.Element;
+}): React.JSX.Element;
+export declare const PageHeader: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => React.JSX.Element;

package/src/lib/Components/ToastNotification.d.ts

@@ -9,4 +9,4 @@ export interface ToastBaseProperties {
     actions?: React.ReactNode;
     seeMore?: boolean;
 }
-export declare const ToastNotification: (toast: ToastBaseProperties) => JSX.Element;
+export declare const ToastNotification: (toast: ToastBaseProperties) => React.JSX.Element;