Parametrize drawer direction

Author: tedspare

CHANGELOG.md

@@ -1,3 +1,4 @@
+- [2025-12-13] [Parametrize drawer direction](https://github.com/RubricLab/ui/commit/c651f7db69dbf26463c3c3d84d8ef90197ec7a08)
 - [2025-12-13] [Support ref prop on interactive components](https://github.com/RubricLab/ui/commit/12d61d1abe2a73b45aa1d9bb04e2a43f1bd186b6)
 - [2025-12-13] [Add missing package repo field](https://github.com/RubricLab/ui/commit/1455da66d5986829514e65ee905bff45d50ee1c4)
 - [2025-12-13] [Standardize publish file name](https://github.com/RubricLab/ui/commit/1b256d2160f52441a43fe45f9280d20dec684a5d)

package.json

@@ -57,5 +57,5 @@
 		"post-commit": "bun x @rubriclab/package post-commit"
 	},
 	"types": "./src/index.ts",
-	"version": "5.1.53"
+	"version": "5.1.54"
 }

src/components/drawer.tsx

@@ -1,5 +1,5 @@
 import type * as React from 'react'
-import { Drawer as DrawerPrimitive } from 'vaul'
+import { type DialogProps, Drawer as DrawerPrimitive } from 'vaul'
 import { headingLevelClasses, textSizeClasses, textVariantClasses } from '../styles/classes'
 import type {
 	DrawerBodyProps,
@@ -15,9 +15,13 @@ import { cn } from '../utils'
 import { Button } from './button'
 import { Container } from './container'
 
-const Drawer: React.FC<DrawerProps> = ({ children }) => {
+const Drawer: React.FC<DrawerProps & DialogProps> = ({
+	children,
+	direction = 'right',
+	...props
+}) => {
 	return (
-		<DrawerPrimitive.Root data-slot="drawer" direction="right">
+		<DrawerPrimitive.Root data-slot="drawer" direction={direction} {...props}>
 			{children}
 		</DrawerPrimitive.Root>
 	)