test(sheet): add full size variant test and document in changeset/JSDoc

Author: IzumiSy

.changeset/improve-sheet-customizability.md

@@ -4,7 +4,7 @@
 
 Improve Sheet component customizability:
 
-- Add `size` prop to `Sheet.Content` for width variations (`sm`, `md`, `lg`, `xl`)
+- Add `size` prop to `Sheet.Content` for width variations (`sm`, `md`, `lg`, `xl`, `full`)
 - Add `action` prop to `Sheet.Header` for placing action buttons to the right of the title
 - Increase `Sheet.Title` font size to `text-lg` for better visibility
 - Move close button to the left side of the header, with title inline next to it

packages/core/src/components/sheet.test.tsx

@@ -343,6 +343,29 @@ describe("Sheet", () => {
         expect(content.className).toContain("max-w-[60rem]");
       });
     });
+
+    it("applies full width when size is full", async () => {
+      const user = userEvent.setup();
+
+      render(
+        <Sheet.Root>
+          <Sheet.Trigger data-testid="trigger">Open</Sheet.Trigger>
+          <Sheet.Content data-testid="content" size="full">
+            <Sheet.Header>
+              <Sheet.Title>Sheet Title</Sheet.Title>
+            </Sheet.Header>
+          </Sheet.Content>
+        </Sheet.Root>,
+      );
+
+      await user.click(screen.getByTestId("trigger"));
+
+      await waitFor(() => {
+        const content = screen.getByTestId("content");
+        expect(content.className).toContain("w-full");
+        expect(content.className).toContain("max-w-full");
+      });
+    });
   });
 
   describe("action prop on Header", () => {

packages/core/src/components/sheet.tsx

@@ -98,7 +98,7 @@ function Overlay({ className, ...props }: React.ComponentProps<typeof Drawer.Bac
 Overlay.displayName = "Sheet.Overlay";
 
 type SheetContentProps = React.ComponentProps<typeof Drawer.Popup> & {
-  /** Controls the max-width of the sheet panel (applies to left/right sides). @default "sm" */
+  /** Controls the max-width of the sheet panel (`sm` | `md` | `lg` | `xl` | `full`). Applies to left/right sides. @default "sm" */
   size?: Size;
 };