From 9f8377841694354b5d2aa19f687995df8ced4a5b Mon Sep 17 00:00:00 2001
From: Camilacslopes <camilacslopes@gmail.com>
Date: Mon, 29 Jul 2024 09:30:42 -0300
Subject: [PATCH 1/3] feat: add test version to new drawer position

---
 package-lock.json                         |  4 +--
 package.json                              |  2 +-
 src/components/Drawer.tsx                 | 43 ++++++++++++++---------
 src/stories/components/Drawer.stories.tsx |  4 +--
 4 files changed, 31 insertions(+), 22 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 29b0317..295d7b5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@ikonintegration/ui",
-  "version": "1.0.94",
+  "version": "1.0.95-alpha-1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@ikonintegration/ui",
-      "version": "1.0.94",
+      "version": "1.0.95-alpha-1",
       "license": "MIT",
       "dependencies": {
         "@ariakit/react": "^0.4.7",
diff --git a/package.json b/package.json
index e91e021..4f7863a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ikonintegration/ui",
-  "version": "1.0.94",
+  "version": "1.0.95-alpha-1",
   "type": "module",
   "license": "MIT",
   "publishConfig": {
diff --git a/src/components/Drawer.tsx b/src/components/Drawer.tsx
index d8bf512..37fc143 100644
--- a/src/components/Drawer.tsx
+++ b/src/components/Drawer.tsx
@@ -5,20 +5,22 @@ import { cn } from '@/lib/utils';
 
 const { Trigger, Portal, Close } = DrawerPrimitive;
 
-function Root({
-  shouldScaleBackground = true,
-  ...props
-}: React.ComponentProps<typeof DrawerPrimitive.Root> & {
+type DrawerRootProps = React.ComponentProps<typeof DrawerPrimitive.Root> & {
   shouldScaleBackground?: boolean;
-}) {
-  return (
-    <DrawerPrimitive.Root
-      shouldScaleBackground={shouldScaleBackground}
-      {...props}
-    />
-  );
-}
-Root.displayName = 'Drawer';
+  direction?: 'bottom' | 'right';
+};
+
+const Root = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Root>,
+  DrawerRootProps
+>(({ shouldScaleBackground = true, direction = 'bottom', ...props }) => (
+  <DrawerPrimitive.Root
+    shouldScaleBackground={shouldScaleBackground}
+    {...props}
+    data-direction={direction}
+  />
+));
+Root.displayName = 'DrawerRoot';
 
 const Overlay = React.forwardRef<
   React.ElementRef<typeof DrawerPrimitive.Overlay>,
@@ -37,19 +39,26 @@ Overlay.displayName = DrawerPrimitive.Overlay.displayName;
 
 const Content = React.forwardRef<
   React.ElementRef<typeof DrawerPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
->(({ className, children, ...props }, ref) => (
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content> & {
+    direction?: 'bottom' | 'right';
+  }
+>(({ className, children, direction = 'bottom', ...props }, ref) => (
   <Portal>
     <Overlay />
     <DrawerPrimitive.Content
       ref={ref}
       className={cn(
-        'ikui-fixed ikui-inset-x-0 ikui-bottom-0 ikui-z-50 ikui-mt-24 ikui-flex ikui-h-auto ikui-flex-col ikui-rounded-t-[10px] ikui-border ikui-bg-background',
+        'ikui-fixed ikui-z-50 ikui-mt-24 ikui-flex ikui-h-auto ikui-flex-col ikui-rounded-t-[10px] ikui-border ikui-bg-background',
+        direction === 'right'
+          ? 'ikui-bottom-0 ikui-right-0 ikui-h-full ikui-w-[400px]'
+          : 'ikui-inset-x-0 ikui-bottom-0',
         className,
       )}
       {...props}
     >
-      <div className="ikui-mx-auto ikui-mt-4 ikui-h-2 ikui-w-[100px] ikui-rounded-full ikui-bg-muted" />
+      {direction === 'bottom' && (
+        <div className="ikui-mx-auto ikui-mt-4 ikui-h-2 ikui-w-[100px] ikui-rounded-full ikui-bg-muted" />
+      )}
       {children}
     </DrawerPrimitive.Content>
   </Portal>
diff --git a/src/stories/components/Drawer.stories.tsx b/src/stories/components/Drawer.stories.tsx
index 2274d52..78cf43e 100644
--- a/src/stories/components/Drawer.stories.tsx
+++ b/src/stories/components/Drawer.stories.tsx
@@ -23,11 +23,11 @@ function Template() {
   }
 
   return (
-    <Drawer.Root>
+    <Drawer.Root direction="right">
       <Drawer.Trigger asChild>
         <Button variant="outline">Open Drawer</Button>
       </Drawer.Trigger>
-      <Drawer.Content>
+      <Drawer.Content direction="right">
         <div className="ikui-mx-auto ikui-w-full ikui-max-w-sm">
           <Drawer.Header>
             <Drawer.Title>Move Goal</Drawer.Title>

From 56b3d3480249e4da6b347ba2f3bf15e216abd5c8 Mon Sep 17 00:00:00 2001
From: Camilacslopes <camilacslopes@gmail.com>
Date: Mon, 29 Jul 2024 09:43:10 -0300
Subject: [PATCH 2/3] feat: add final version

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 295d7b5..b0693dc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@ikonintegration/ui",
-  "version": "1.0.95-alpha-1",
+  "version": "1.0.95",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@ikonintegration/ui",
-      "version": "1.0.95-alpha-1",
+      "version": "1.0.95",
       "license": "MIT",
       "dependencies": {
         "@ariakit/react": "^0.4.7",
diff --git a/package.json b/package.json
index 4f7863a..a556b8f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ikonintegration/ui",
-  "version": "1.0.95-alpha-1",
+  "version": "1.0.95",
   "type": "module",
   "license": "MIT",
   "publishConfig": {

From f515a705cdd08a36fc678a916f1834f34a428990 Mon Sep 17 00:00:00 2001
From: Camilacslopes <camilacslopes@gmail.com>
Date: Thu, 8 Aug 2024 13:13:44 -0300
Subject: [PATCH 3/3] fix: update version

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index b0693dc..87c83a6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@ikonintegration/ui",
-  "version": "1.0.95",
+  "version": "1.0.99",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@ikonintegration/ui",
-      "version": "1.0.95",
+      "version": "1.0.99",
       "license": "MIT",
       "dependencies": {
         "@ariakit/react": "^0.4.7",
diff --git a/package.json b/package.json
index e710713..be7e463 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ikonintegration/ui",
-  "version": "1.0.96-alpha-1",
+  "version": "1.0.99",
   "type": "module",
   "license": "MIT",
   "publishConfig": {