@pnkx-lib/ui 1.9.454 → 1.9.456

package/es/fields/Input.js

@@ -4,7 +4,7 @@ import { Input as Input$1 } from 'antd';
 import { g as get } from '../chunks/get-DPccfEM4.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 import { Tooltip } from '../ui/Tooltip.js';
 
 const AllowClearIcon = ({

package/es/fields/InputRangePicker.js

@@ -4,7 +4,7 @@ import { InputNumber } from 'antd';
 import { g as get } from '../chunks/get-DPccfEM4.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 import { w as wrapWithTooltip } from '../chunks/wapper-Bk3PQCcg.js';
 
 const InputRangePicker = (props) => {

package/es/fields/PnkxField.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
-import { C as Controller } from '../chunks/index.esm-o4O8pXMN.js';
+import { C as Controller } from '../chunks/index.esm-Dr5ZHcf7.js';
 
 class PnkxField extends React.PureComponent {
   render() {

package/es/fields/Select.js

@@ -3,7 +3,7 @@ import { Select as Select$1 } from 'antd';
 import { g as get } from '../chunks/get-DPccfEM4.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 import { R as RefIcon } from '../chunks/CloseOutlined-B3y9Maz0.js';
 import { R as RefIcon$1 } from '../chunks/DownOutlined-BlKl-wuu.js';
 import { useRef } from 'react';

package/es/fields/SliderRanger.js

@@ -3,7 +3,7 @@ import { InputNumber, Slider } from 'antd';
 import { g as get } from '../chunks/get-DPccfEM4.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const SliderRange = (props) => {
   //! State

package/es/fields/SliderSingle.js

@@ -3,7 +3,7 @@ import { Slider } from 'antd';
 import { g as get } from '../chunks/get-DPccfEM4.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const SliderSingle = (props) => {
   //! State

package/es/fields/Switch.js

@@ -3,7 +3,7 @@ import { Switch as Switch$1 } from 'antd';
 import { g as get } from '../chunks/get-DPccfEM4.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const Switch = (props) => {
   //! State

package/es/fields/Textarea.js

@@ -4,7 +4,7 @@ import { g as get } from '../chunks/get-DPccfEM4.js';
 import { Input } from 'antd';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const { TextArea } = Input;
 const Textarea = forwardRef(

package/es/fields/TimePicker.js

@@ -3,7 +3,7 @@ import { TimePicker as TimePicker$1 } from 'antd';
 import { Label } from '../ui/Label.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { g as get } from '../chunks/get-DPccfEM4.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const TimePicker = (props) => {
   const {

package/es/fields/TimeRangePicker.js

@@ -3,7 +3,7 @@ import { TimePicker } from 'antd';
 import { Label } from '../ui/Label.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { g as get } from '../chunks/get-DPccfEM4.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const { RangePicker } = TimePicker;
 const TimeRangePicker = (props) => {

package/es/fields/TinyMCE.js

@@ -1282,7 +1282,7 @@ var eventPropTypes = {
     onScriptsLoad: propTypesExports.func,
     onScriptsLoadError: propTypesExports.func,
 };
-var EditorPropTypes = __assign$2({ apiKey: propTypesExports.string, licenseKey: propTypesExports.string, id: propTypesExports.string, inline: propTypesExports.bool, init: propTypesExports.object, initialValue: propTypesExports.string, onEditorChange: propTypesExports.func, value: propTypesExports.string, tagName: propTypesExports.string, tabIndex: propTypesExports.number, cloudChannel: propTypesExports.string, plugins: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.array]), toolbar: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.array]), disabled: propTypesExports.bool, textareaName: propTypesExports.string, tinymceScriptSrc: propTypesExports.oneOfType([
+var EditorPropTypes = __assign$2({ apiKey: propTypesExports.string, licenseKey: propTypesExports.string, id: propTypesExports.string, inline: propTypesExports.bool, init: propTypesExports.object, initialValue: propTypesExports.string, onEditorChange: propTypesExports.func, value: propTypesExports.string, tagName: propTypesExports.string, tabIndex: propTypesExports.number, cloudChannel: propTypesExports.string, plugins: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.array]), toolbar: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.array]), disabled: propTypesExports.bool, readonly: propTypesExports.bool, textareaName: propTypesExports.string, tinymceScriptSrc: propTypesExports.oneOfType([
         propTypesExports.string,
         propTypesExports.arrayOf(propTypesExports.string),
         propTypesExports.arrayOf(propTypesExports.shape({
@@ -1296,6 +1296,11 @@ var EditorPropTypes = __assign$2({ apiKey: propTypesExports.string, licenseKey:
         delay: propTypesExports.number
     }) }, eventPropTypes);
 
+var getTinymce = function (view) {
+    var global = view;
+    return global && global.tinymce ? global.tinymce : null;
+};
+
 var isFunction = function (x) { return typeof x === 'function'; };
 var isEventProp = function (name) { return name in eventPropTypes; };
 var eventAttrToEventName = function (attrName) { return attrName.substr(2); };
@@ -1365,6 +1370,14 @@ var setMode = function (editor, mode) {
         }
     }
 };
+var getTinymceOrError = function (view) {
+    var tinymce = getTinymce(view);
+    if (!tinymce) {
+        throw new Error('tinymce should have been loaded into global scope');
+    }
+    return tinymce;
+};
+var isDisabledOptionSupported = function (editor) { return editor.options && editor.options.isRegistered('disabled'); };
 
 var __assign$1 = (undefined && undefined.__assign) || function () {
     __assign$1 = Object.assign || function(t) {
@@ -1509,11 +1522,6 @@ var createScriptLoader = function () {
 };
 var ScriptLoader = createScriptLoader();
 
-var getTinymce = function (view) {
-    var global = view;
-    return global && global.tinymce ? global.tinymce : null;
-};
-
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -1634,11 +1642,8 @@ var Editor = /** @class */ (function (_super) {
                 }
                 return;
             }
-            var tinymce = getTinymce(_this.view);
-            if (!tinymce) {
-                throw new Error('tinymce should have been loaded into global scope');
-            }
-            var finalInit = __assign(__assign(__assign(__assign({}, _this.props.init), { selector: undefined, target: target, readonly: _this.props.disabled, inline: _this.inline, plugins: mergePlugins((_a = _this.props.init) === null || _a === void 0 ? void 0 : _a.plugins, _this.props.plugins), toolbar: (_b = _this.props.toolbar) !== null && _b !== void 0 ? _b : (_c = _this.props.init) === null || _c === void 0 ? void 0 : _c.toolbar }), (_this.props.licenseKey ? { license_key: _this.props.licenseKey } : {})), { setup: function (editor) {
+            var tinymce = getTinymceOrError(_this.view);
+            var finalInit = __assign(__assign(__assign(__assign({}, _this.props.init), { selector: undefined, target: target, disabled: _this.props.disabled, readonly: _this.props.readonly, inline: _this.inline, plugins: mergePlugins((_a = _this.props.init) === null || _a === void 0 ? void 0 : _a.plugins, _this.props.plugins), toolbar: (_b = _this.props.toolbar) !== null && _b !== void 0 ? _b : (_c = _this.props.init) === null || _c === void 0 ? void 0 : _c.toolbar }), (_this.props.licenseKey ? { license_key: _this.props.licenseKey } : {})), { setup: function (editor) {
                     _this.editor = editor;
                     _this.bindHandlers({});
                     // When running in inline mode the editor gets the initial value
@@ -1655,8 +1660,16 @@ var Editor = /** @class */ (function (_super) {
                     if (_this.props.init && isFunction(_this.props.init.setup)) {
                         _this.props.init.setup(editor);
                     }
+                    if (_this.props.disabled) {
+                        if (isDisabledOptionSupported(_this.editor)) {
+                            _this.editor.options.set('disabled', _this.props.disabled);
+                        }
+                        else {
+                            _this.editor.mode.set('readonly');
+                        }
+                    }
                 }, init_instance_callback: function (editor) {
-                    var _a, _b;
+                    var _a;
                     // check for changes that happened since tinymce.init() was called
                     var initialValue = _this.getInitialValue();
                     _this.currentContent = (_a = _this.currentContent) !== null && _a !== void 0 ? _a : editor.getContent();
@@ -1668,8 +1681,6 @@ var Editor = /** @class */ (function (_super) {
                         editor.undoManager.add();
                         editor.setDirty(false);
                     }
-                    var disabled = (_b = _this.props.disabled) !== null && _b !== void 0 ? _b : false;
-                    setMode(_this.editor, disabled ? 'readonly' : 'design');
                     // ensure existing init_instance_callback is called
                     if (_this.props.init && isFunction(_this.props.init.init_instance_callback)) {
                         _this.props.init.init_instance_callback(editor);
@@ -1747,9 +1758,17 @@ var Editor = /** @class */ (function (_super) {
                         }
                     });
                 }
+                if (this.props.readonly !== prevProps.readonly) {
+                    var readonly = (_b = this.props.readonly) !== null && _b !== void 0 ? _b : false;
+                    setMode(this.editor, readonly ? 'readonly' : 'design');
+                }
                 if (this.props.disabled !== prevProps.disabled) {
-                    var disabled = (_b = this.props.disabled) !== null && _b !== void 0 ? _b : false;
-                    setMode(this.editor, disabled ? 'readonly' : 'design');
+                    if (isDisabledOptionSupported(this.editor)) {
+                        this.editor.options.set('disabled', this.props.disabled);
+                    }
+                    else {
+                        setMode(this.editor, this.props.disabled ? 'readonly' : 'design');
+                    }
                 }
             }
         }
@@ -1880,7 +1899,7 @@ var Editor = /** @class */ (function (_super) {
     };
     Editor.propTypes = EditorPropTypes;
     Editor.defaultProps = {
-        cloudChannel: '7',
+        cloudChannel: '8',
     };
     return Editor;
 }(React.Component));

package/es/index.js

@@ -48,7 +48,7 @@ export { Empty } from './ui/Empty.js';
 export { Image } from './ui/Image.js';
 export { ConfirmModal } from './ui/ConfirmModal.js';
 export { ErrorBoundary } from './ui/ErrorBoundary.js';
-export { CATEGORY_LIST_ENUM, CategoryStatus, badgeStatusCategoryConfig } from './ui/CategoryStatus.js';
+export { CATEGORY_LIST_ENUM, CategoryStatus, badgeStatusCategoryAccount, badgeStatusCategoryConfig } from './ui/CategoryStatus.js';
 export { I as ID_TABLE_WRAPPER, a as MAX_TAG_COUNT, M as MAX_TAG_TEXT_LENGTH, T as TINY_API } from './chunks/common-BcURBmQ-.js';
 export { PAGE_NUMBER, PAGE_SIZE, SORT, START_PAGE, START_PAGE_SIZE, TypeActionRowTable, TypeBulkActions, TypeStatusTable } from './constants/index.js';
 export { BreadcrumbHeading } from './ui/BreadcrumbHeading.js';

package/es/ui/Button.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { Button as Button$1 } from 'antd';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const Button = (props) => {
   const { onClick, ...restProps } = props;

package/es/ui/Cascader.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { Cascader } from 'antd';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const CascaderField = (props) => {
   const {

package/es/ui/CategoryStatus.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { CategoryAccountStatus } from '@pnkx-lib/core';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 var CATEGORY_LIST_ENUM = /* @__PURE__ */ ((CATEGORY_LIST_ENUM2) => {
   CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["DRAFT"] = 0] = "DRAFT";
@@ -30,9 +31,20 @@ const badgeStatusCategoryConfig = {
     text: "Đã xóa"
   }
 };
-const CategoryStatus = ({ status }) => {
+const badgeStatusCategoryAccount = {
+  [CategoryAccountStatus.ACTIVE]: { color: "bg-[#27CD7F]", text: "Hoạt động" },
+  [CategoryAccountStatus.INACTIVE]: {
+    color: "bg-[#DD4338]",
+    text: "Ngừng hoạt động"
+  },
+  [CategoryAccountStatus.DELETED]: {
+    color: "bg-[#B2B7C2]",
+    text: "Đã xóa"
+  }
+};
+const CategoryStatus = ({ status, mode }) => {
   //! State
-  const bagde = badgeStatusCategoryConfig[Number(status)];
+  const bagde = mode === "categoryAccount" ? badgeStatusCategoryAccount[Number(status)] : badgeStatusCategoryConfig[Number(status)];
   //! Function
   const ItemStatus = ({
     color,
@@ -47,4 +59,4 @@ const CategoryStatus = ({ status }) => {
   return /* @__PURE__ */ jsx(ItemStatus, { color: bagde?.color, statusName: bagde?.text });
 };
 
-export { CATEGORY_LIST_ENUM, CategoryStatus, badgeStatusCategoryConfig };
+export { CATEGORY_LIST_ENUM, CategoryStatus, badgeStatusCategoryAccount, badgeStatusCategoryConfig };

package/es/ui/Container.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const Container = ({
   children,

package/es/ui/Label.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 import { Typography } from './Typography.js';
 
 const Label = ({ label, required, classNameLabel }) => {

package/es/ui/Layout.js

@@ -227,6 +227,7 @@ var Entity = /*#__PURE__*/function () {
     _defineProperty(this, "instanceId", void 0);
     /** @private Internal cache map. Do not access this directly */
     _defineProperty(this, "cache", new Map());
+    _defineProperty(this, "extracted", new Set());
     this.instanceId = instanceId;
   }
   _createClass(Entity, [{
@@ -744,7 +745,6 @@ onCacheEffect) {
   }, /* eslint-disable react-hooks/exhaustive-deps */
   [fullPathStr]
   /* eslint-enable */);
-
   var cacheEntity = globalCache.opGet(fullPathStr);
 
   // HMR clean the cache but not trigger `useMemo` again
@@ -824,14 +824,13 @@ var TOKEN_THRESHOLD = 0;
 // Remove will check current keys first
 function cleanTokenStyle(tokenKey, instanceId) {
   tokenKeys.set(tokenKey, (tokenKeys.get(tokenKey) || 0) - 1);
-  var tokenKeyList = Array.from(tokenKeys.keys());
-  var cleanableKeyList = tokenKeyList.filter(function (key) {
-    var count = tokenKeys.get(key) || 0;
-    return count <= 0;
+  var cleanableKeyList = new Set();
+  tokenKeys.forEach(function (value, key) {
+    if (value <= 0) cleanableKeyList.add(key);
   });
 
   // Should keep tokens under threshold for not to insert style too often
-  if (tokenKeyList.length - cleanableKeyList.length > TOKEN_THRESHOLD) {
+  if (tokenKeys.size - cleanableKeyList.size > TOKEN_THRESHOLD) {
     cleanableKeyList.forEach(function (key) {
       removeStyleTags(key, instanceId);
       tokenKeys.delete(key);
@@ -1884,7 +1883,8 @@ function useStyleRegister(info, styleFn) {
         styleId = _ref3[2];
       if ((fromHMR || autoClear) && isClientSide) {
         removeCSS(styleId, {
-          mark: ATTR_MARK
+          mark: ATTR_MARK,
+          attachTo: container
         });
       }
     },
@@ -1957,8 +1957,7 @@ function useStyleRegister(info, styleFn) {
     if (!ssrInline || isMergedClientSide || !defaultCache) {
       styleNode = /*#__PURE__*/React.createElement(Empty, null);
     } else {
-      var _ref6;
-      styleNode = /*#__PURE__*/React.createElement("style", _extends({}, (_ref6 = {}, _defineProperty(_ref6, ATTR_TOKEN, cachedTokenKey), _defineProperty(_ref6, ATTR_MARK, cachedStyleId), _ref6), {
+      styleNode = /*#__PURE__*/React.createElement("style", _extends({}, _defineProperty(_defineProperty({}, ATTR_TOKEN, cachedTokenKey), ATTR_MARK, cachedStyleId), {
         dangerouslySetInnerHTML: {
           __html: cachedStyleStr
         }
@@ -2000,7 +1999,8 @@ var useCSSVarRegister = function useCSSVarRegister(config, fn) {
       styleId = _ref2[2];
     if (isClientSide) {
       removeCSS(styleId, {
-        mark: ATTR_MARK
+        mark: ATTR_MARK,
+        attachTo: container
       });
     }
   }, function (_ref3) {
@@ -2123,10 +2123,9 @@ function resetWarned() {
   deprecatedWarnList = null;
   resetWarned$1();
 }
-// eslint-disable-next-line import/no-mutable-exports
-let warning = noop$1;
+let _warning = noop$1;
 if (process.env.NODE_ENV !== 'production') {
-  warning = (valid, component, message) => {
+  _warning = (valid, component, message) => {
     warningOnce(valid, `[antd: ${component}] ${message}`);
     // StrictMode will inject console which will not throw warning in React 17.
     if (process.env.NODE_ENV === 'test') {
@@ -2134,6 +2133,7 @@ if (process.env.NODE_ENV !== 'production') {
     }
   };
 }
+const warning = _warning;
 const WarningContext = /*#__PURE__*/React.createContext({});
 /**
  * This is a hook but we not named as `useWarning`
@@ -2652,7 +2652,6 @@ function derivative(token) {
       return prev;
     }, {});
   }).reduce((prev, cur) => {
-    // biome-ignore lint/style/noParameterAssign: it is a reduce
     prev = Object.assign(Object.assign({}, prev), cur);
     return prev;
   }, {});
@@ -3476,7 +3475,7 @@ function genStyleUtils(config) {
   };
 }
 
-const version = '5.25.3';
+const version = '5.27.1';
 
 function isStableColor(color) {
   return color >= 0 && color <= 255;
@@ -3717,17 +3716,6 @@ const unitless = {
   opacityImage: true
 };
 const ignore = {
-  size: true,
-  sizeSM: true,
-  sizeLG: true,
-  sizeMD: true,
-  sizeXS: true,
-  sizeXXS: true,
-  sizeMS: true,
-  sizeXL: true,
-  sizeXXL: true,
-  sizeUnit: true,
-  sizeStep: true,
   motionBase: true,
   motionUnit: true
 };
@@ -3941,7 +3929,7 @@ const useResetIconStyle = (iconPrefixCls, csp) => {
     layer: {
       name: 'antd'
     }
-  }, () => [genIconStyle(iconPrefixCls)]);
+  }, () => genIconStyle(iconPrefixCls));
 };
 
 const fullClone = Object.assign({}, React);
@@ -4003,7 +3991,12 @@ function MotionProvider(_ref) {
   }, children);
 }
 
+const MotionCacheContext = /*#__PURE__*/React.createContext(true);
+if (process.env.NODE_ENV !== 'production') {
+  MotionCacheContext.displayName = 'MotionCacheContext';
+}
 function MotionWrapper(props) {
+  const parentMotion = React.useContext(MotionCacheContext);
   const {
     children
   } = props;
@@ -4012,11 +4005,13 @@ function MotionWrapper(props) {
     motion
   } = token;
   const needWrapMotionProviderRef = React.useRef(false);
-  needWrapMotionProviderRef.current = needWrapMotionProviderRef.current || motion === false;
+  needWrapMotionProviderRef.current || (needWrapMotionProviderRef.current = parentMotion !== motion);
   if (needWrapMotionProviderRef.current) {
-    return /*#__PURE__*/React.createElement(MotionProvider, {
+    return /*#__PURE__*/React.createElement(MotionCacheContext.Provider, {
+      value: motion
+    }, /*#__PURE__*/React.createElement(MotionProvider, {
       motion: motion
-    }, children);
+    }, children));
   }
   return children;
 }
@@ -4145,6 +4140,7 @@ const ProviderChildren = props => {
     tooltip,
     popover,
     popconfirm,
+    floatButton,
     floatButtonGroup,
     variant,
     inputNumber,
@@ -4237,6 +4233,7 @@ const ProviderChildren = props => {
     tooltip,
     popover,
     popconfirm,
+    floatButton,
     floatButtonGroup,
     variant,
     inputNumber,
@@ -4538,7 +4535,7 @@ const prepareComponentToken = token => {
 };
 // ============================== Export ==============================
 const DEPRECATED_TOKENS = [['colorBgBody', 'bodyBg'], ['colorBgHeader', 'headerBg'], ['colorBgTrigger', 'triggerBg']];
-const useStyle$1 = genStyleHooks('Layout', token => [genLayoutStyle(token)], prepareComponentToken, {
+const useStyle$1 = genStyleHooks('Layout', genLayoutStyle, prepareComponentToken, {
   deprecatedTokens: DEPRECATED_TOKENS
 });
 
@@ -4649,7 +4646,7 @@ const genSiderStyle = token => {
     }
   };
 };
-const useStyle = genStyleHooks(['Layout', 'Sider'], token => [genSiderStyle(token)], prepareComponentToken, {
+const useStyle = genStyleHooks(['Layout', 'Sider'], genSiderStyle, prepareComponentToken, {
   deprecatedTokens: DEPRECATED_TOKENS
 });
 

package/es/ui/Modal.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { Modal as Modal$1 } from 'antd';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const widthMap = {
   xs: 400,

package/es/ui/SearchFilterForm.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { u as useForm } from '../chunks/index.esm-o4O8pXMN.js';
+import { u as useForm } from '../chunks/index.esm-Dr5ZHcf7.js';
 import { Button } from './Button.js';
 import { I as Icon, _ as _extends } from '../chunks/AntdIcon-D_ySRKRj.js';
 import * as React from 'react';

package/es/ui/SelectSingleTable.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Select, Table } from 'antd';
 import { useState, useCallback } from 'react';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 import { get, isEmpty } from 'lodash';
 import { ErrorMessage } from './ErrorMessage.js';
 import { Label } from './Label.js';

package/es/ui/SelectTable.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { Select, Table } from 'antd';
 import { useState, useCallback } from 'react';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const SelectTable = ({
   columns,

package/es/ui/Sidebar/index.js

@@ -5,7 +5,7 @@ import { useLocation, useNavigate } from 'react-router';
 import { Flex, AutoComplete, Divider, Dropdown } from 'antd';
 import { Layout } from '../Layout.js';
 import { Input } from '../../fields/Input.js';
-import { t as twMerge } from '../../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../../chunks/bundle-mjs-BME7zF0Z.js';
 import { R as RefIcon$2 } from '../../chunks/DownOutlined-BlKl-wuu.js';
 import { I as Icon, _ as _extends } from '../../chunks/AntdIcon-D_ySRKRj.js';
 
@@ -52,8 +52,8 @@ const SearchIcon = (props) => /* @__PURE__ */ jsx("div", { ...props, children: /
     children: /* @__PURE__ */ jsx(
       "path",
       {
-        "fill-rule": "evenodd",
-        "clip-rule": "evenodd",
+        fillRule: "evenodd",
+        clipRule: "evenodd",
         d: "M14.854 14.1467C15.0478 14.3412 15.0476 14.656 14.8534 14.8502C14.6593 15.0443 14.3445 15.0443 14.1504 14.8502L12.0201 12.7261C11.0663 13.5215 9.83903 14 8.5 14C5.46243 14 3 11.5376 3 8.5C3 5.46243 5.46243 3 8.5 3C11.5376 3 14 5.46243 14 8.5C14 9.83874 13.5217 11.0658 12.7266 12.0195L14.854 14.1467ZM8.5 13C10.9853 13 13 10.9853 13 8.5C13 6.01472 10.9853 4 8.5 4C6.01472 4 4 6.01472 4 8.5C4 10.9853 6.01472 13 8.5 13Z",
         fill: "currentColor"
       }
@@ -94,7 +94,7 @@ const VietNamIcon = ({
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_3926_537319)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_3926_537319)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {

package/es/ui/Tabs.js

@@ -29,8 +29,8 @@ const identity = (arg) => arg;
 function useStore(api, selector = identity) {
   const slice = React__default.useSyncExternalStore(
     api.subscribe,
-    () => selector(api.getState()),
-    () => selector(api.getInitialState())
+    React__default.useCallback(() => selector(api.getState()), [api, selector]),
+    React__default.useCallback(() => selector(api.getInitialState()), [api, selector])
   );
   React__default.useDebugValue(slice);
   return slice;

package/es/ui/UploadComponent.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Upload, Image, Tooltip } from 'antd';
 import { Spin } from './Spin.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 import { Label } from './Label.js';
 import { R as RefIcon } from '../chunks/CloseOutlined-B3y9Maz0.js';
 

package/es/ui/UploadImage.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { C as Controller } from '../chunks/index.esm-o4O8pXMN.js';
+import { C as Controller } from '../chunks/index.esm-Dr5ZHcf7.js';
 import { UploadComponent } from './UploadComponent.js';
 
 const UploadImage = ({

package/es/ui/index.js

@@ -55,10 +55,10 @@ export { Image } from './Image.js';
 import { ConfirmModal } from './ConfirmModal.js';
 export { ErrorBoundary } from './ErrorBoundary.js';
 import { CATEGORY_LIST_ENUM } from './CategoryStatus.js';
-export { CategoryStatus, badgeStatusCategoryConfig } from './CategoryStatus.js';
+export { CategoryStatus, badgeStatusCategoryAccount, badgeStatusCategoryConfig } from './CategoryStatus.js';
 import { useToggle } from '@pnkx-lib/core';
 import { isEmpty, isBoolean } from 'lodash';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 export { BreadcrumbHeading } from './BreadcrumbHeading.js';
 export { Card } from './Card.js';
 export { ConfigProvider } from './ConfigProvider.js';
@@ -810,9 +810,9 @@ const RefuseApprovalDropListIcon = ({
             {
               d: "M11 20.1663C16.06 20.1663 20.1666 16.0597 20.1666 10.9997C20.1666 5.93967 16.06 1.83301 11 1.83301C5.93998 1.83301 1.83331 5.93967 1.83331 10.9997C1.83331 16.0597 5.93998 20.1663 11 20.1663Z",
               stroke: stroke || "#292D32",
-              "stroke-width": "1.5",
+              strokeWidth: "1.5",
               "stroke-miterlimit": "10",
-              "stroke-linecap": "round",
+              strokeLinecap: "round",
               "stroke-linejoin": "round"
             }
           ),
@@ -821,9 +821,9 @@ const RefuseApprovalDropListIcon = ({
             {
               d: "M17.3249 4.58301L4.49158 17.4163",
               stroke: stroke || "#292D32",
-              "stroke-width": "1.5",
+              strokeWidth: "1.5",
               "stroke-miterlimit": "10",
-              "stroke-linecap": "round",
+              strokeLinecap: "round",
               "stroke-linejoin": "round"
             }
           )