feat(sheet): expose close trigger for Sheet (#438)

Co-authored-by: shadcn <m@shadcn.com>

apps/www/components/examples/sheet/demo.tsx

@@ -3,6 +3,7 @@ import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
 import {
   Sheet,
+  SheetClose,
   SheetContent,
   SheetDescription,
   SheetFooter,
@@ -39,7 +40,9 @@ export function SheetDemo() {
           </div>
         </div>
         <SheetFooter>
-          <Button type="submit">Save changes</Button>
+          <SheetClose asChild>
+            <Button type="submit">Save changes</Button>
+          </SheetClose>
         </SheetFooter>
       </SheetContent>
     </Sheet>

apps/www/components/examples/sheet/position.tsx

@@ -8,6 +8,7 @@ import { Label } from "@/components/ui/label"
 import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
 import {
   Sheet,
+  SheetClose,
   SheetContent,
   SheetDescription,
   SheetFooter,
@@ -66,7 +67,9 @@ export function SheetPosition() {
             </div>
           </div>
           <SheetFooter>
-            <Button type="submit">Save changes</Button>
+            <SheetClose asChild>
+              <Button type="submit">Save changes</Button>
+            </SheetClose>
           </SheetFooter>
         </SheetContent>
       </Sheet>

apps/www/components/examples/sheet/size.tsx

@@ -8,6 +8,7 @@ import { Label } from "@/components/ui/label"
 import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
 import {
   Sheet,
+  SheetClose,
   SheetContent,
   SheetDescription,
   SheetFooter,
@@ -66,7 +67,9 @@ export function SheetSize() {
             </div>
           </div>
           <SheetFooter>
-            <Button type="submit">Save changes</Button>
+            <SheetClose asChild>
+              <Button type="submit">Save changes</Button>
+            </SheetClose>
           </SheetFooter>
         </SheetContent>
       </Sheet>

apps/www/components/ui/sheet.tsx

@@ -11,6 +11,8 @@ const Sheet = SheetPrimitive.Root
 
 const SheetTrigger = SheetPrimitive.Trigger
 
+const SheetClose = SheetPrimitive.Close
+
 const portalVariants = cva("fixed inset-0 z-50 flex", {
   variants: {
     position: {
@@ -222,6 +224,7 @@ SheetDescription.displayName = SheetPrimitive.Description.displayName
 export {
   Sheet,
   SheetTrigger,
+  SheetClose,
   SheetContent,
   SheetHeader,
   SheetFooter,