fui-material 2.1.3 → 2.1.4

package/dist/f-ui-kit.es.js

@@ -3566,7 +3566,7 @@ const styles$b = {
   "f-dropdown__content-link": "_f-dropdown__content-link_d5i2z_28",
   "f-dropdown__content--open": "_f-dropdown__content--open_d5i2z_43"
 };
-const FDropdown = ({
+const FDropdown = forwardRef(({
   label,
   variant = "contained",
   color = "primary",
@@ -3575,20 +3575,23 @@ const FDropdown = ({
   st: st2,
   className,
   id,
-  children
-}) => {
+  children,
+  ...props
+}, forwardedRef) => {
   const [isOpen, setIsOpen] = useState(false);
-  const ref = useRef(null);
+  const internalRef = useRef(null);
+  const ref = forwardedRef || internalRef;
   useEffect(() => {
     if (!isOpen) return;
     const handleClick = (e) => {
-      if (ref.current && !ref.current.contains(e.target)) {
+      const currentRef = typeof ref === "function" ? null : ref == null ? void 0 : ref.current;
+      if (currentRef && !currentRef.contains(e.target)) {
         setIsOpen(false);
       }
     };
     document.addEventListener("mousedown", handleClick);
     return () => document.removeEventListener("mousedown", handleClick);
-  }, [isOpen]);
+  }, [isOpen, ref]);
   const handleItemClick = (child) => (e) => {
     if (child.props && typeof child.props.onClick === "function") {
       child.props.onClick(e);
@@ -3605,7 +3608,7 @@ const FDropdown = ({
       return child;
     });
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$b["f-dropdown"], ref, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$b["f-dropdown"], ref, ...props, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       FButton,
       {
@@ -3634,7 +3637,7 @@ const FDropdown = ({
       }
     )
   ] });
-};
+});
 FDropdown.displayName = "FDropdown";
 const FDropdownItem = ({
   disabled: disabled2,