fix(drawer): update base marker example usage

apps/v4/content/docs/components/base/drawer.mdx

@@ -69,7 +69,7 @@ import {
 
 ```tsx showLineNumbers
 <Drawer>
-  <DrawerTrigger>Open</DrawerTrigger>
+  <DrawerTrigger render={<Button variant="outline" />}>Open</DrawerTrigger>
   <DrawerContent>
     <DrawerHeader>
       <DrawerTitle>Are you absolutely sure?</DrawerTitle>
@@ -77,9 +77,7 @@ import {
     </DrawerHeader>
     <DrawerFooter>
       <Button>Submit</Button>
-      <DrawerClose>
-        <Button variant="outline">Cancel</Button>
-      </DrawerClose>
+      <DrawerClose render={<Button variant="outline" />}>Cancel</DrawerClose>
     </DrawerFooter>
   </DrawerContent>
 </Drawer>

apps/v4/registry/bases/base/examples/marker-example.tsx

@@ -281,20 +281,18 @@ function MarkerAccordion() {
 function MarkerDrawer() {
   return (
     <Example title="Drawer">
-      <Drawer direction="right">
+      <Drawer swipeDirection="right">
         <Marker variant="separator">
-          <DrawerTrigger asChild>
-            <Button variant="outline">
-              <IconPlaceholder
-                lucide="SearchIcon"
-                tabler="IconSearch"
-                hugeicons="SearchIcon"
-                phosphor="MagnifyingGlassIcon"
-                remixicon="RiSearchLine"
-                data-icon="inline-start"
-              />
-              Explored 4 files
-            </Button>
+          <DrawerTrigger render={<Button variant="outline" />}>
+            <IconPlaceholder
+              lucide="SearchIcon"
+              tabler="IconSearch"
+              hugeicons="SearchIcon"
+              phosphor="MagnifyingGlassIcon"
+              remixicon="RiSearchLine"
+              data-icon="inline-start"
+            />
+            Explored 4 files
           </DrawerTrigger>
         </Marker>
         <DrawerContent>
@@ -319,8 +317,8 @@ function MarkerDrawer() {
             </div>
           </div>
           <DrawerFooter>
-            <DrawerClose asChild>
-              <Button variant="outline">Close</Button>
+            <DrawerClose render={<Button variant="outline" />}>
+              Close
             </DrawerClose>
           </DrawerFooter>
         </DrawerContent>