@pnkx-lib/ui 1.9.505 → 1.9.508

package/es/chunks/{toArray-Czwb0MFW.js → toArray-2LkvUaha.js}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { useContext, createContext } from 'react';
 import { _ as _typeof, c as _arrayLikeToArray, a as _unsupportedIterableToArray, b as _defineProperty } from './defineProperty-CTLrw71t.js';
-import { w as warningOnce, a as _objectWithoutProperties, b as _objectSpread2, c as _slicedToArray, d as warning$2, e as canUseDom, u as updateCSS, r as removeCSS, _ as _extends, f as _arrayWithHoles, g as _nonIterableRest, h as resetWarned$1, F as FastColor, i as generate, p as presetPrimaryColors, j as presetPalettes, k as IconContext } from './AntdIcon-Bve8mGNz.js';
+import { w as warningOnce, a as _objectWithoutProperties, b as _objectSpread2, c as _slicedToArray, d as warning$1, e as canUseDom, u as updateCSS, r as removeCSS, _ as _extends, f as _arrayWithHoles, g as _nonIterableRest, h as resetWarned$1, F as FastColor, i as generate, p as presetPrimaryColors, j as presetPalettes, k as IconContext } from './AntdIcon-Bve8mGNz.js';
 import { _ as _createClass, a as _classCallCheck, b as _inherits, c as _createSuper, d as _assertThisInitialized } from './createSuper-C9_dQ5Zr.js';
 
 function useMemo(getValue, condition, shouldUpdate) {
@@ -177,6 +177,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, [{
@@ -435,7 +436,7 @@ var Theme = /*#__PURE__*/function () {
     this.derivatives = Array.isArray(derivatives) ? derivatives : [derivatives];
     this.id = uuid;
     if (derivatives.length === 0) {
-      warning$2(derivatives.length > 0, '[Ant Design CSS-in-JS] Theme should have at least one derivative function.');
+      warning$1(derivatives.length > 0, '[Ant Design CSS-in-JS] Theme should have at least one derivative function.');
     }
     uuid += 1;
   }
@@ -575,13 +576,12 @@ function unit$1(num) {
   return num;
 }
 function toStyleStr(style, tokenKey, styleId) {
-  var _objectSpread2$1;
   var customizeAttrs = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var plain = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   if (plain) {
     return style;
   }
-  var attrs = _objectSpread2(_objectSpread2({}, customizeAttrs), {}, (_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, ATTR_TOKEN, tokenKey), _defineProperty(_objectSpread2$1, ATTR_MARK, styleId), _objectSpread2$1));
+  var attrs = _objectSpread2(_objectSpread2({}, customizeAttrs), {}, _defineProperty(_defineProperty({}, ATTR_TOKEN, tokenKey), ATTR_MARK, styleId));
   var attrStr = Object.keys(attrs).map(function (attr) {
     var val = attrs[attr];
     return val ? "".concat(attr, "=\"").concat(val, "\"") : null;
@@ -693,7 +693,7 @@ var useCleanupRegister = function useCleanupRegister(deps) {
   function register(fn) {
     if (cleanupFlag) {
       if (process.env.NODE_ENV !== 'production') {
-        warning$2(false, '[Ant Design CSS-in-JS] You are registering a cleanup function after unmount, which will not have any effect.');
+        warning$1(false, '[Ant Design CSS-in-JS] You are registering a cleanup function after unmount, which will not have any effect.');
       }
       return;
     }
@@ -786,7 +786,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
@@ -866,14 +865,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);
@@ -1954,7 +1952,8 @@ function useStyleRegister(info, styleFn) {
         styleId = _ref3[2];
       if ((fromHMR || autoClear) && isClientSide) {
         removeCSS(styleId, {
-          mark: ATTR_MARK
+          mark: ATTR_MARK,
+          attachTo: container
         });
       }
     },
@@ -2027,8 +2026,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
         }
@@ -2115,7 +2113,8 @@ var useCSSVarRegister = function useCSSVarRegister(config, fn) {
       styleId = _ref2[2];
     if (isClientSide) {
       removeCSS(styleId, {
-        mark: ATTR_MARK
+        mark: ATTR_MARK,
+        attachTo: container
       });
     }
   }, function (_ref3) {
@@ -2259,9 +2258,9 @@ function resetWarned() {
   deprecatedWarnList = null;
   resetWarned$1();
 }
-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') {
@@ -2269,6 +2268,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`
@@ -2308,7 +2308,6 @@ const devUseWarning = process.env.NODE_ENV !== 'production' ? component => {
   noopWarning.deprecated = noop$1;
   return noopWarning;
 };
-const warning$1 = warning;
 
 // ZombieJ: We export single file here since
 // ConfigProvider use this which will make loop deps
@@ -2946,7 +2945,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;
   }, {});
@@ -3077,7 +3075,7 @@ function registerTheme(globalPrefixCls, theme) {
   if (canUseDom()) {
     updateCSS(style, `${dynamicStyleMark}-dynamic-theme`);
   } else {
-    process.env.NODE_ENV !== "production" ? warning$1(false, 'ConfigProvider', 'SSR do not support dynamic theme with css variables.') : void 0;
+    process.env.NODE_ENV !== "production" ? warning(false, 'ConfigProvider', 'SSR do not support dynamic theme with css variables.') : void 0;
   }
 }
 
@@ -3770,7 +3768,7 @@ function genStyleUtils(config) {
   };
 }
 
-const version = '5.26.1';
+const version = '5.27.1';
 
 function isStableColor(color) {
   return color >= 0 && color <= 255;
@@ -4011,17 +4009,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
 };
@@ -4208,11 +4195,11 @@ const genCommonStyle = (token, componentPrefixCls, rootCls, resetFont) => {
 };
 const genFocusOutline = (token, offset) => ({
   outline: `${unit$1(token.lineWidthFocus)} solid ${token.colorPrimaryBorder}`,
-  outlineOffset: offset !== null && offset !== void 0 ? offset : 1,
+  outlineOffset: 1,
   transition: 'outline-offset 0s, outline 0s'
 });
 const genFocusStyle = (token, offset) => ({
-  '&:focus-visible': Object.assign({}, genFocusOutline(token, offset))
+  '&:focus-visible': genFocusOutline(token)
 });
 const genIconStyle = iconPrefixCls => ({
   [`.${iconPrefixCls}`]: Object.assign(Object.assign({}, resetIcon()), {
@@ -4276,7 +4263,7 @@ const useResetIconStyle = (iconPrefixCls, csp) => {
     layer: {
       name: 'antd'
     }
-  }, () => [genIconStyle(iconPrefixCls)]);
+  }, () => genIconStyle(iconPrefixCls));
 };
 
 const fullClone = Object.assign({}, React);
@@ -4405,7 +4392,7 @@ const setGlobalConfig = props => {
   }
   if (theme) {
     if (isLegacyTheme(theme)) {
-      process.env.NODE_ENV !== "production" ? warning$1(false, 'ConfigProvider', '`config` of css variable theme is not work in v5. Please use new `theme` config instead.') : void 0;
+      process.env.NODE_ENV !== "production" ? warning(false, 'ConfigProvider', '`config` of css variable theme is not work in v5. Please use new `theme` config instead.') : void 0;
       registerTheme(getGlobalPrefixCls(), theme);
     }
   }
@@ -4487,6 +4474,7 @@ const ProviderChildren = props => {
     tooltip,
     popover,
     popconfirm,
+    floatButton,
     floatButtonGroup,
     variant,
     inputNumber,
@@ -4579,6 +4567,7 @@ const ProviderChildren = props => {
     tooltip,
     popover,
     popconfirm,
+    floatButton,
     floatButtonGroup,
     variant,
     inputNumber,
@@ -4722,7 +4711,7 @@ ConfigProvider.config = setGlobalConfig;
 ConfigProvider.useConfig = useConfig;
 Object.defineProperty(ConfigProvider, 'SizeContext', {
   get: () => {
-    process.env.NODE_ENV !== "production" ? warning$1(false, 'ConfigProvider', 'ConfigProvider.SizeContext is deprecated. Please use `ConfigProvider.useConfig().componentSize` instead.') : void 0;
+    process.env.NODE_ENV !== "production" ? warning(false, 'ConfigProvider', 'ConfigProvider.SizeContext is deprecated. Please use `ConfigProvider.useConfig().componentSize` instead.') : void 0;
     return SizeContext;
   }
 });
@@ -4748,4 +4737,4 @@ function toArray(children) {
   return ret;
 }
 
-export { genCalc as $, toStyleStr as A, ATTR_CACHE_MAP as B, ConfigContext as C, DisabledContext as D, serialize as E, extract$1 as F, STYLE_PREFIX as G, extract$2 as H, extract as I, CSS_VAR_PREFIX as J, unitlessKeys as K, LocaleContext as L, supportWhere as M, supportLogicProps as N, StyleContext as O, StyleProvider as P, Theme as Q, createCache as R, SizeContext as S, TOKEN_PREFIX as T, createTheme as U, getComputedToken$1 as V, token2CSSVar as W, useCSSVarRegister as X, useCacheToken as Y, useStyleRegister as Z, _toConsumableArray as _, useComponentConfig as a, genStyleUtils as a0, statistic as a1, statisticToken as a2, MotionProvider as a3, merge$1 as a4, get as a5, set as a6, isEqual as a7, useMemo as b, useLayoutUpdateEffect as c, Context as d, useLayoutEffect as e, clearFix as f, genStyleHooks as g, textEllipsis as h, isFragment as i, defaultPrefixCls as j, genComponentStyleHook as k, localeValues as l, merge as m, useToken as n, omit as o, devUseWarning as p, getAlphaColor as q, resetComponent as r, getLineHeight as s, toArray as t, unit$1 as u, genFocusStyle as v, warning$1 as w, resetIcon as x, genSubStyleComponent as y, lintWarning as z };
+export { genCalc as $, toStyleStr as A, ATTR_CACHE_MAP as B, ConfigContext as C, DisabledContext as D, serialize as E, extract as F, CSS_VAR_PREFIX as G, STYLE_PREFIX as H, extract$1 as I, extract$2 as J, unitlessKeys as K, LocaleContext as L, supportWhere as M, supportLogicProps as N, StyleContext as O, StyleProvider as P, Theme as Q, createCache as R, SizeContext as S, TOKEN_PREFIX as T, createTheme as U, getComputedToken$1 as V, token2CSSVar as W, useCSSVarRegister as X, useCacheToken as Y, useStyleRegister as Z, _toConsumableArray as _, useComponentConfig as a, genStyleUtils as a0, statistic as a1, statisticToken as a2, MotionProvider as a3, merge$1 as a4, get as a5, set as a6, isEqual as a7, useMemo as b, useLayoutUpdateEffect as c, Context as d, useLayoutEffect as e, clearFix as f, genStyleHooks as g, textEllipsis as h, isFragment as i, defaultPrefixCls as j, genComponentStyleHook as k, localeValues as l, merge as m, useToken as n, omit as o, devUseWarning as p, getAlphaColor as q, resetComponent as r, getLineHeight as s, toArray as t, unit$1 as u, genFocusStyle as v, warning as w, resetIcon as x, genSubStyleComponent as y, lintWarning as z };

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-AaUjBMaK.js';
+import { C as Controller } from '../chunks/index.esm-Dr5ZHcf7.js';
 
 class PnkxField extends React.PureComponent {
   render() {

package/es/fields/Textarea.js

@@ -70,7 +70,7 @@ const Textarea = forwardRef(
             {
               ref,
               className: twMerge(
-                autoSize ? "textarea-custom" : "",
+                // autoSize ? "textarea-custom" : "",
                 customStyleTextarea,
                 "pnkx-default-input"
               ),

package/es/fields/TinyMCE.js

@@ -1898,7 +1898,7 @@ var Editor = /** @class */ (function (_super) {
     };
     Editor.propTypes = EditorPropTypes;
     Editor.defaultProps = {
-        cloudChannel: '7',
+        cloudChannel: '8',
     };
     return Editor;
 }(React.Component));

package/es/index.js

@@ -1,8 +1,9 @@
 export { Button } from './ui/Button.js';
+export { FloatButton } from './ui/FloatButton.js';
 export { CascaderField } from './ui/Cascader.js';
 export { ErrorMessage } from './ui/ErrorMessage.js';
 export { Typography } from './ui/Typography.js';
-export { ActionRowTable, BulkActions, Clock, Table, TableCategory } from './ui/index.js';
+export { ActionRowTable, BulkActions, Clock, CustomeBulkActions, Table, TableCategory } from './ui/index.js';
 export { Modal } from './ui/Modal.js';
 export { Tooltip } from './ui/Tooltip.js';
 export { Tabs } from './ui/Tabs.js';
@@ -48,7 +49,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, CATEGORY_PRICE_LIST_ENUM, COUNT_LEVEL, CategoryStatus, 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 { ListStatusApproved, PAGE_NUMBER, PAGE_SIZE, SORT, START_PAGE, START_PAGE_SIZE, TypeActionRowTable, TypeBulkActions, TypeStatusTable } from './constants/index.js';
 export { BreadcrumbHeading } from './ui/BreadcrumbHeading.js';
@@ -65,7 +66,7 @@ export { ViewPdf } from './ui/ViewPdf.js';
 export { Sidebar } from './ui/Sidebar/index.js';
 export { SelectTable } from './ui/SelectTable.js';
 export { SelectSingleTable } from './ui/SelectSingleTable.js';
-export { G as GenericUploadModal } from './chunks/GenericUploadModal-BNQ9cWDf.js';
+export { G as GenericUploadModal } from './chunks/GenericUploadModal-Dhv5_mhq.js';
 export { Descriptions } from './ui/Descriptions.js';
 export { Input } from './fields/Input.js';
 export { PnkxField } from './fields/PnkxField.js';

package/es/ui/CategoryStatus.js

@@ -10,6 +10,19 @@ var CATEGORY_LIST_ENUM = /* @__PURE__ */ ((CATEGORY_LIST_ENUM2) => {
   CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["DELETE"] = 5] = "DELETE";
   return CATEGORY_LIST_ENUM2;
 })(CATEGORY_LIST_ENUM || {});
+var CATEGORY_PRICE_LIST_ENUM = /* @__PURE__ */ ((CATEGORY_PRICE_LIST_ENUM2) => {
+  CATEGORY_PRICE_LIST_ENUM2[CATEGORY_PRICE_LIST_ENUM2["CREATED"] = 0] = "CREATED";
+  CATEGORY_PRICE_LIST_ENUM2[CATEGORY_PRICE_LIST_ENUM2["WAITING_CONFIRM"] = 1] = "WAITING_CONFIRM";
+  CATEGORY_PRICE_LIST_ENUM2[CATEGORY_PRICE_LIST_ENUM2["WAITING_APPROVAL"] = 2] = "WAITING_APPROVAL";
+  CATEGORY_PRICE_LIST_ENUM2[CATEGORY_PRICE_LIST_ENUM2["APPROVED"] = 3] = "APPROVED";
+  CATEGORY_PRICE_LIST_ENUM2[CATEGORY_PRICE_LIST_ENUM2["DELETED"] = 4] = "DELETED";
+  return CATEGORY_PRICE_LIST_ENUM2;
+})(CATEGORY_PRICE_LIST_ENUM || {});
+var COUNT_LEVEL = /* @__PURE__ */ ((COUNT_LEVEL2) => {
+  COUNT_LEVEL2[COUNT_LEVEL2["ONE_LEVEL"] = 0] = "ONE_LEVEL";
+  COUNT_LEVEL2[COUNT_LEVEL2["TWO_LEVEL"] = 1] = "TWO_LEVEL";
+  return COUNT_LEVEL2;
+})(COUNT_LEVEL || {});
 const badgeStatusCategoryConfig = {
   [0 /* DRAFT */]: { color: "bg-[#007BE5]", text: "Tạo mới" },
   [1 /* WATING_APPROVAL */]: {
@@ -47,4 +60,4 @@ const CategoryStatus = ({ status }) => {
   return /* @__PURE__ */ jsx(ItemStatus, { color: bagde?.color, statusName: bagde?.text });
 };
 
-export { CATEGORY_LIST_ENUM, CategoryStatus, badgeStatusCategoryConfig };
+export { CATEGORY_LIST_ENUM, CATEGORY_PRICE_LIST_ENUM, COUNT_LEVEL, CategoryStatus, badgeStatusCategoryConfig };

package/es/ui/FloatButton.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import { FloatButton as FloatButton$1 } from 'antd';
+
+const FloatButton = (props) => {
+  const { onClick, ...restProps } = props;
+  const handleClick = (e) => {
+    if (e?.currentTarget) {
+      e.currentTarget.blur();
+    }
+    onClick?.(e);
+  };
+  return /* @__PURE__ */ jsx(FloatButton$1, { onClick: handleClick, ...restProps });
+};
+
+export { FloatButton };

package/es/ui/GenericUploadModal.js

@@ -1,7 +1,7 @@
 import 'react/jsx-runtime';
 import 'antd';
-export { G as GenericUploadModal } from '../chunks/GenericUploadModal-BNQ9cWDf.js';
-import '../chunks/index.esm-AaUjBMaK.js';
+export { G as GenericUploadModal } from '../chunks/GenericUploadModal-Dhv5_mhq.js';
+import '../chunks/index.esm-Dr5ZHcf7.js';
 import 'react';
 import '@pnkx-lib/core';
 import '../chunks/InboxOutlined-BBuIJe6u.js';

package/es/ui/Layout.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { g as genStyleHooks, u as unit, C as ConfigContext, o as omit, t as toArray, a as useComponentConfig, _ as _toConsumableArray } from '../chunks/toArray-Czwb0MFW.js';
+import { g as genStyleHooks, u as unit, C as ConfigContext, o as omit, t as toArray, a as useComponentConfig, _ as _toConsumableArray } from '../chunks/toArray-2LkvUaha.js';
 import * as React from 'react';
 import { useContext, useState, useEffect, useRef } from 'react';
 import { c as classNames } from '../chunks/index-BLRvgOFN.js';
@@ -185,7 +185,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
 });
 
@@ -296,7 +296,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/SearchFilterForm.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { u as useForm } from '../chunks/index.esm-AaUjBMaK.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-Bve8mGNz.js';
 import * as React from 'react';

package/es/ui/Sidebar/index.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import { useState, useEffect, useMemo } from 'react';
 import { useLocation, useNavigate } from 'react-router';
-import { Flex, AutoComplete, Divider, Dropdown } from 'antd';
+import { Flex, AutoComplete, Divider, ConfigProvider, Dropdown } from 'antd';
 import { Layout } from '../Layout.js';
 import { Input } from '../../fields/Input.js';
 import { t as twMerge } from '../../chunks/bundle-mjs-BME7zF0Z.js';
@@ -300,21 +300,39 @@ const UserInfoSection = ({
         ]
       }
     ) }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex items-center z-[9999]", children: /* @__PURE__ */ jsx("a", { onClick: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("li", { className: "list-none cursor-pointer group flex items-center", children: /* @__PURE__ */ jsxs(
-      "div",
+    /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx(ConfigProvider, { theme: { token: { zIndexPopupBase: 3e3 } }, children: /* @__PURE__ */ jsx(
+      Dropdown,
       {
-        className: twMerge(
-          hoverOpenMenu ? "" : "justify-center",
-          "text-black flex items-center rounded-md gap-2"
-        ),
-        children: [
-          /* @__PURE__ */ jsx(Divider, { type: "vertical" }),
-          /* @__PURE__ */ jsx("div", { className: "flex justify-center w-[30px] h-[30px] rounded-full", children: /* @__PURE__ */ jsx("img", { src: userInfo?.avatar, alt: "default_avatar" }) }),
-          /* @__PURE__ */ jsx("p", { children: userInfo?.name }),
-          /* @__PURE__ */ jsx(Dropdown, { menu: { items }, children: /* @__PURE__ */ jsx(DownOutlinedIcon, { className: "w-6 h-6" }) })
-        ]
+        menu: { items },
+        trigger: ["click"],
+        placement: "bottomRight",
+        getPopupContainer: () => document.body,
+        overlayStyle: { zIndex: 9999 },
+        children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: twMerge(
+              hoverOpenMenu ? "" : "justify-center",
+              "text-black flex items-center rounded-md gap-2 focus:outline-none"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Divider, { type: "vertical" }),
+              /* @__PURE__ */ jsx("div", { className: "flex justify-center w-[30px] h-[30px] rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: userInfo.avatar,
+                  alt: "avatar",
+                  className: "w-full h-full object-cover"
+                }
+              ) }),
+              /* @__PURE__ */ jsx("p", { className: "max-w-[120px] truncate", children: userInfo.name }),
+              /* @__PURE__ */ jsx(DownOutlinedIcon, { className: "w-6 h-6" })
+            ]
+          }
+        )
       }
-    ) }) }) })
+    ) }) })
   ] });
 };
 

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/UploadImage.js

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