ui Architecture Docs
Home / File/ sheet.tsx — ui Source File

sheet.tsx — ui Source File

Architecture documentation for sheet.tsx, a tsx file in the ui codebase. 5 imports, 0 dependents.

File tsx ComponentRegistry ChartRegistry 5 imports 6 functions

Entity Profile

Dependency Diagram

graph LR
  d0b07f9f_ac45_3b74_f3aa_c5f32b10b810["sheet.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  d0b07f9f_ac45_3b74_f3aa_c5f32b10b810 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  ebff4254_a5ce_f52c_8b1c_5635efd1973d["react-dialog"]
  d0b07f9f_ac45_3b74_f3aa_c5f32b10b810 --> ebff4254_a5ce_f52c_8b1c_5635efd1973d
  25383e8d_ca91_a50e_c3a8_5f228d02e1df["class-variance-authority"]
  d0b07f9f_ac45_3b74_f3aa_c5f32b10b810 --> 25383e8d_ca91_a50e_c3a8_5f228d02e1df
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  d0b07f9f_ac45_3b74_f3aa_c5f32b10b810 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  79081a1f_55a3_945a_fb8c_d53d6d3eab81["utils"]
  d0b07f9f_ac45_3b74_f3aa_c5f32b10b810 --> 79081a1f_55a3_945a_fb8c_d53d6d3eab81
  style d0b07f9f_ac45_3b74_f3aa_c5f32b10b810 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import * as React from "react"
import * as SheetPrimitive from "@radix-ui/react-dialog"
import { cva, type VariantProps } from "class-variance-authority"
import { X } from "lucide-react"

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

const Sheet = SheetPrimitive.Root

const SheetTrigger = SheetPrimitive.Trigger

const SheetClose = SheetPrimitive.Close

const SheetPortal = SheetPrimitive.Portal

const SheetOverlay = React.forwardRef<
  React.ElementRef<typeof SheetPrimitive.Overlay>,
  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>
>(({ className, ...props }, ref) => (
  <SheetPrimitive.Overlay
    className={cn(
      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
      className
    )}
    {...props}
    ref={ref}
  />
))
SheetOverlay.displayName = SheetPrimitive.Overlay.displayName

const sheetVariants = cva(
  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
  {
    variants: {
      side: {
        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
        bottom:
          "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
        right:
          "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
      },
    },
    defaultVariants: {
      side: "right",
    },
  }
)

interface SheetContentProps
  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
    VariantProps<typeof sheetVariants> {}

const SheetContent = React.forwardRef<
  React.ElementRef<typeof SheetPrimitive.Content>,
  SheetContentProps
>(({ side = "right", className, children, ...props }, ref) => (
  <SheetPortal>
// ... (81 more lines)

Domain

Subdomains

Functions

Types

Dependencies

  • class-variance-authority
  • lucide-react
  • react
  • react-dialog
  • utils

Source

Frequently Asked Questions

What does sheet.tsx do?
sheet.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, ChartRegistry subdomain.
What functions are defined in sheet.tsx?
sheet.tsx defines 6 function(s): SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle.
What does sheet.tsx depend on?
sheet.tsx imports 5 module(s): class-variance-authority, lucide-react, react, react-dialog, utils.
Where is sheet.tsx in the architecture?
sheet.tsx is located at deprecated/www/registry/new-york/ui/sheet.tsx (domain: ComponentRegistry, subdomain: ChartRegistry, directory: deprecated/www/registry/new-york/ui).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free