elseware-ui 2.37.1 → 2.37.2

package/dist/index.mjs

@@ -19568,25 +19568,24 @@ function TextArea({
   ] });
 }
 var TextArea_default = TextArea;
-function ContentArea({
-  children,
-  styles,
-  enablePadding = false
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: classNames17({
-        "min-h-screen h-full w-full py-3 px-5": true,
-        "py-3 px-5": !enablePadding,
-        "py-3 px-5 lg:px-[150px]": enablePadding,
-        "transition-all duration-[200ms]": true,
-        [`${styles}`]: styles
-      }),
-      children
-    }
-  );
-}
+var ContentArea = forwardRef(
+  ({ children, styles, enablePadding = false }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: classNames17({
+          "min-h-screen h-full w-full transition-all duration-[200ms]": true,
+          "py-3 px-5": !enablePadding,
+          "py-3 px-5 lg:px-[150px]": enablePadding,
+          [`${styles}`]: Boolean(styles)
+        }),
+        children
+      }
+    );
+  }
+);
+ContentArea.displayName = "ContentArea";
 var ContentArea_default = ContentArea;
 function FlexCol({ children, gap = 3, styles }) {
   return /* @__PURE__ */ jsx(
@@ -21737,16 +21736,20 @@ function CommentHeader({ comment, config }) {
 var CommentHeader_default = CommentHeader;
 var useDrawer = (defaultVisibility = true) => {
   const [show, setShow] = useState(defaultVisibility);
-  const openDrawer = () => {
-    setShow((prev) => !prev);
-  };
-  const closeDrawer = () => {
+  const openDrawer = useCallback(() => {
+    setShow(true);
+  }, []);
+  const closeDrawer = useCallback(() => {
     setShow(false);
-  };
+  }, []);
+  const toggleDrawer = useCallback(() => {
+    setShow((prev) => !prev);
+  }, []);
   return {
     show,
     openDrawer,
-    closeDrawer
+    closeDrawer,
+    toggleDrawer
   };
 };
 var useDrawer_default = useDrawer;