@pnkx-lib/ui 1.9.507 → 1.9.508

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 = ({