fix: async drawer

Author: Codpoe

package.json

@@ -16,7 +16,7 @@
   "bugs": {
     "url": "https://github.com/Codpoe/shadcn-react/issues"
   },
-  "homepage": "https://github.com/Codpoe/shadcn-react#readme",
+  "homepage": "https://codpoe.github.io/shadcn-react",
   "author": "Codpoe <[email protected]> (https://github.com/codpoe)",
   "engines": {
     "node": ">=18.18.0",

src/Dialog/index.tsx

@@ -58,21 +58,27 @@ export function Dialog(props: DialogProps) {
       setOkLoading(true);
     }, 50);
 
-    await onOk?.(ev);
-    clearTimeout(timer);
-    setOkLoading(false);
-    closeBtnRef.current?.click();
+    try {
+      await onOk?.(ev);
+      closeBtnRef.current?.click();
+    } finally {
+      clearTimeout(timer);
+      setOkLoading(false);
+    }
   };
 
   const handleCancel = async (ev: MouseEvent) => {
     const timer = setTimeout(() => {
       setCancelLoading(true);
     }, 50);
 
-    await onCancel?.(ev);
-    clearTimeout(timer);
-    setCancelLoading(false);
-    closeBtnRef.current?.click();
+    try {
+      await onCancel?.(ev);
+      closeBtnRef.current?.click();
+    } finally {
+      clearTimeout(timer);
+      setCancelLoading(false);
+    }
   };
 
   return (

src/Drawer/index.tsx

@@ -63,21 +63,27 @@ export function Drawer(props: DrawerProp) {
       setOkLoading(true);
     }, 50);
 
-    await onOk?.(ev);
-    clearTimeout(timer);
-    setOkLoading(false);
-    closeBtnRef.current?.click();
+    try {
+      await onOk?.(ev);
+      closeBtnRef.current?.click();
+    } finally {
+      clearTimeout(timer);
+      setOkLoading(false);
+    }
   };
 
   const handleCancel = async (ev: MouseEvent) => {
     const timer = setTimeout(() => {
       setCancelLoading(true);
     }, 50);
 
-    await onCancel?.(ev);
-    clearTimeout(timer);
-    setCancelLoading(false);
-    closeBtnRef.current?.click();
+    try {
+      await onCancel?.(ev);
+      closeBtnRef.current?.click();
+    } finally {
+      clearTimeout(timer);
+      setCancelLoading(false);
+    }
   };
 
   return (

src/Dropdown/index.tsx

@@ -66,9 +66,10 @@ export interface DropdownItemProps
 }
 
 export interface DropdownProps
-  extends DropdownMenuProps,
-    Omit<DropdownMenuContentProps, 'content'> {
+  extends Omit<DropdownMenuProps, 'children'>,
+    Omit<DropdownMenuContentProps, 'content' | 'children'> {
   content?: React.ReactNode;
+  children?: React.ReactNode;
   className?: string;
   style?: React.CSSProperties;
 }

src/Sheet/index.tsx

@@ -62,21 +62,27 @@ export function Sheet(props: SheetProps) {
       setOkLoading(true);
     }, 50);
 
-    await onOk?.(ev);
-    clearTimeout(timer);
-    setOkLoading(false);
-    closeBtnRef.current?.click();
+    try {
+      await onOk?.(ev);
+      closeBtnRef.current?.click();
+    } finally {
+      clearTimeout(timer);
+      setOkLoading(false);
+    }
   };
 
   const handleCancel = async (ev: MouseEvent) => {
     const timer = setTimeout(() => {
       setCancelLoading(true);
     }, 50);
 
-    await onCancel?.(ev);
-    clearTimeout(timer);
-    setCancelLoading(false);
-    closeBtnRef.current?.click();
+    try {
+      await onCancel?.(ev);
+      closeBtnRef.current?.click();
+    } finally {
+      clearTimeout(timer);
+      setCancelLoading(false);
+    }
   };
 
   return (

src/Tooltip/index.tsx

@@ -10,8 +10,9 @@ interface TooltipContentProps
   extends ComponentPropsWithoutRef<typeof TooltipContent> {}
 
 export interface TooltipProps
-  extends ComponentPropsWithoutRef<typeof UiTooltip>,
-    Omit<TooltipContentProps, 'content'> {
+  extends Omit<ComponentPropsWithoutRef<typeof UiTooltip>, 'children'>,
+    Omit<TooltipContentProps, 'content' | 'children'> {
+  children?: React.ReactNode;
   content?: React.ReactNode;
   className?: string;
   style?: React.CSSProperties;