feat: add new style for call components

Author: allandiegoasilva

preview/components/dialog-style-default.tsx

@@ -1,34 +1,27 @@
-import {
-  Button,
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTrigger,
-  Text,
-} from "@/packages/ui";
+import { Button, Dialog, Text } from "@/packages/ui";
 
 export default function DialogStyleDefault() {
   return (
     <Dialog>
-      <DialogTrigger asChild>
+      <Dialog.Trigger asChild>
         <Button>Open Dialog</Button>
-      </DialogTrigger>
-      <DialogContent>
-        <DialogHeader>
+      </Dialog.Trigger>
+      <Dialog.Content>
+        <Dialog.Header>
           <Text as="h5">Confirm your action?</Text>
-        </DialogHeader>
+        </Dialog.Header>
         <section className="flex flex-col gap-4 p-4">
           <section className="text-xl">
             <p>Are you sure you want to delete this item?</p>
             <p>This action cannout be undone.</p>
           </section>
           <section className="flex w-full justify-end">
-            <DialogTrigger asChild>
+            <Dialog.Trigger asChild>
               <Button>Confirm</Button>
-            </DialogTrigger>
+            </Dialog.Trigger>
           </section>
         </section>
-      </DialogContent>
+      </Dialog.Content>
     </Dialog>
   );
 }