Sheet

1import { Sheet, SheetTrigger, SheetOverlay, SheetPositioner } from "@/components/ui/sheet";
2
3<Sheet />

1"use client";
2
3import { Dialog as ArkDialog, useDialogContext } from "@ark-ui/react/dialog";
4import { Portal } from "@ark-ui/react/portal";
5import { XIcon } from "lucide-react";
6import type React from "react";
7import { tv, type VariantProps } from "tailwind-variants";
8import { cn } from "@/lib/utils";
9import { Button } from "@/registry/react/components/button";
10import {
11  Dialog,
12  DialogBody,
13  DialogDescription,
14  DialogFooter,
15  DialogHeader,
16  DialogOverlay,
17  DialogTitle,
18} from "@/registry/react/components/dialog";
19
20export const useSheet = useDialogContext;
21
22export const Sheet = (props: React.ComponentProps<typeof Dialog>) => (
23  <Dialog data-slot="sheet" {...props} />
24);
25
26export const SheetTrigger = (
27  props: React.ComponentProps<typeof ArkDialog.Trigger>
28) => <ArkDialog.Trigger data-slot="sheet-trigger" {...props} />;