ui/sheet.tsx

Accessible drawer component with 4 directions and Tailwind styling wrapping Radix UI primitives.

// Source: https://github.com/xxtomm/spell-ui | License: MIT | Copyright 2025 Spell UI
// Provided via justclaw.it.com; keep this notice with the code.
"use client";

import * as React from "react";
import * as SheetPrimitive from "@radix-ui/react-dialog";
import { XIcon } from "lucide-react";

import { cn } from "@/lib/utils";

function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
  return <SheetPrimitive.Root data-slot="sheet" {...props} />;
}

function SheetTrigger({
  ...props
}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {
  return <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />;
}

function SheetClose({
  ...props
}: React.ComponentProps<typeof SheetPrimitive.Close>) {
  return <SheetPrimitive.Close data-slot="sheet-close" {...prop

... (truncated -- full source via MCP)