From 8f64d06d0eaa08581a190e73ee32adf8a0727322 Mon Sep 17 00:00:00 2001
From: Aunshon <32583103+Aunshon@users.noreply.github.com>
Date: Fri, 6 Mar 2026 13:58:31 +0600
Subject: [PATCH 1/3] fix: add PopoverClose and PopoverArrow exports for
 improved popover functionality

---
 src/components/ui/index.ts | 2 ++
 src/index.ts               | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/src/components/ui/index.ts b/src/components/ui/index.ts
index 76f881c..e9a96df 100644
--- a/src/components/ui/index.ts
+++ b/src/components/ui/index.ts
@@ -144,6 +144,8 @@ export {
   PopoverHeader,
   PopoverDescription,
   PopoverTitle,
+  PopoverClose,
+  PopoverArrow,
 } from "./popover";
 
 // ColorPicker component
diff --git a/src/index.ts b/src/index.ts
index 0868343..7e450b4 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -145,6 +145,8 @@ export {
     PopoverPortal,
     PopoverTitle,
     PopoverTrigger,
+    PopoverArrow,
+    PopoverClose,
     // Sheet
     Sheet,
     SheetTrigger,

From 77c07d2e102edeb3b80436a657636f739bcf8930 Mon Sep 17 00:00:00 2001
From: Aunshon <32583103+Aunshon@users.noreply.github.com>
Date: Fri, 6 Mar 2026 14:08:39 +0600
Subject: [PATCH 2/3] feat: add Sheet component stories with various
 configurations for improved UI demonstration

---
 src/components/ui/Sheet.stories.tsx | 119 ++++++++++++++++++++++++++++
 1 file changed, 119 insertions(+)
 create mode 100644 src/components/ui/Sheet.stories.tsx

diff --git a/src/components/ui/Sheet.stories.tsx b/src/components/ui/Sheet.stories.tsx
new file mode 100644
index 0000000..0f57194
--- /dev/null
+++ b/src/components/ui/Sheet.stories.tsx
@@ -0,0 +1,119 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { useState } from "react";
+import {
+  Sheet,
+  SheetTrigger,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+  SheetClose,
+  Button,
+  Input,
+  Label,
+} from "./index";
+
+function SheetDemo() {
+  return (
+    <Sheet>
+      <SheetTrigger render={<Button variant="outline" />}>
+        Open Sheet
+      </SheetTrigger>
+      <SheetContent>
+        <SheetHeader>
+          <SheetTitle>Edit Profile</SheetTitle>
+          <SheetDescription>
+            Make changes to your profile here. Click save when you're done.
+          </SheetDescription>
+        </SheetHeader>
+        <div className="flex flex-col gap-4 p-4">
+          <div className="flex flex-col gap-2">
+            <Label htmlFor="name">Name</Label>
+            <Input id="name" defaultValue="John Doe" />
+          </div>
+          <div className="flex flex-col gap-2">
+            <Label htmlFor="email">Email</Label>
+            <Input id="email" defaultValue="john@example.com" />
+          </div>
+        </div>
+        <SheetFooter>
+          <SheetClose render={<Button variant="outline" />}>
+            Cancel
+          </SheetClose>
+          <Button>Save changes</Button>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+  );
+}
+
+function SheetSidesDemo() {
+  const sides = ["top", "right", "bottom", "left"] as const;
+  return (
+    <div className="flex flex-wrap gap-2">
+      {sides.map((side) => (
+        <Sheet key={side}>
+          <SheetTrigger render={<Button variant="outline" />}>
+            {side}
+          </SheetTrigger>
+          <SheetContent side={side}>
+            <SheetHeader>
+              <SheetTitle>Sheet from {side}</SheetTitle>
+              <SheetDescription>
+                This sheet slides in from the {side}.
+              </SheetDescription>
+            </SheetHeader>
+            <div className="p-4">
+              <p>Sheet content goes here.</p>
+            </div>
+          </SheetContent>
+        </Sheet>
+      ))}
+    </div>
+  );
+}
+
+function SheetNoCloseButtonDemo() {
+  return (
+    <Sheet>
+      <SheetTrigger render={<Button variant="outline" />}>
+        No Close Button
+      </SheetTrigger>
+      <SheetContent showCloseButton={false}>
+        <SheetHeader>
+          <SheetTitle>Custom Close</SheetTitle>
+          <SheetDescription>
+            This sheet has no default close button. Use the footer button to
+            close.
+          </SheetDescription>
+        </SheetHeader>
+        <div className="p-4">Content without a close icon.</div>
+        <SheetFooter>
+          <SheetClose render={<Button />}>Done</SheetClose>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+  );
+}
+
+const meta = {
+  title: "UI/Sheet",
+  component: Sheet,
+  parameters: { layout: "centered" },
+  tags: ["autodocs"],
+} satisfies Meta<typeof Sheet>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = { render: () => <SheetDemo /> };
+
+export const Sides: Story = {
+  render: () => <SheetSidesDemo />,
+};
+
+export const NoCloseButton: Story = {
+  render: () => <SheetNoCloseButtonDemo />,
+};

From 92c5675b060e90e2796f992305276d420ad25736 Mon Sep 17 00:00:00 2001
From: Aunshon <32583103+Aunshon@users.noreply.github.com>
Date: Fri, 6 Mar 2026 14:12:34 +0600
Subject: [PATCH 3/3] fix: correct HTML entity in Sheet component description
 for proper rendering

---
 src/components/ui/Sheet.stories.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/ui/Sheet.stories.tsx b/src/components/ui/Sheet.stories.tsx
index 0f57194..a0cc500 100644
--- a/src/components/ui/Sheet.stories.tsx
+++ b/src/components/ui/Sheet.stories.tsx
@@ -1,5 +1,4 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { useState } from "react";
 import {
   Sheet,
   SheetTrigger,
@@ -24,7 +23,7 @@ function SheetDemo() {
         <SheetHeader>
           <SheetTitle>Edit Profile</SheetTitle>
           <SheetDescription>
-            Make changes to your profile here. Click save when you're done.
+            Make changes to your profile here. Click save when you&apos;re done.
           </SheetDescription>
         </SheetHeader>
         <div className="flex flex-col gap-4 p-4">