From 747c57a688db3f62345ef471e3283230034e560e Mon Sep 17 00:00:00 2001
From: Jules Belveze <32683010+JulesBelveze@users.noreply.github.com>
Date: Wed, 12 Feb 2025 13:05:37 +0100
Subject: [PATCH] [sparkle] - fix(Sheet): close button position (#10722)

* [sparkle] - fix: adjust SheetClose button positioning

 - Remove top positioning class to vertically align the close button correctly within the SheetHeader component

* [sparkle] - feature: bump package version to 0.2.393

 - Update the package and lockfile version to ensure the latest changes are incorporated in the release package.
---
 sparkle/package-lock.json        | 4 ++--
 sparkle/package.json             | 2 +-
 sparkle/src/components/Sheet.tsx | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/sparkle/package-lock.json b/sparkle/package-lock.json
index e689320ce649..d7adf34d0507 100644
--- a/sparkle/package-lock.json
+++ b/sparkle/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.392",
+  "version": "0.2.393",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@dust-tt/sparkle",
-      "version": "0.2.392",
+      "version": "0.2.393",
       "license": "ISC",
       "dependencies": {
         "@emoji-mart/data": "^1.1.2",
diff --git a/sparkle/package.json b/sparkle/package.json
index f6f8e8d8e6d3..6795a94dd26e 100644
--- a/sparkle/package.json
+++ b/sparkle/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.392",
+  "version": "0.2.393",
   "scripts": {
     "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
     "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",
diff --git a/sparkle/src/components/Sheet.tsx b/sparkle/src/components/Sheet.tsx
index 921948b9363c..011ad89ea0d6 100644
--- a/sparkle/src/components/Sheet.tsx
+++ b/sparkle/src/components/Sheet.tsx
@@ -127,7 +127,7 @@ const SheetHeader = ({
     {...props}
   >
     {children}
-    <SheetClose asChild className="s-absolute s-right-3 s-top-4">
+    <SheetClose asChild className="s-absolute s-right-3">
       {!hideButton && <Button icon={XMarkIcon} variant="ghost" size="sm" />}
     </SheetClose>
   </div>