{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "sheet",
	"type": "registry:ui",
	"title": "Sheet",
	"description": "A sheet component.",
	"dependencies": ["@radix-ui/react-dialog"],
	"files": [
		{
			"path": "registry/niv/ui/sheet.tsx",
			"content": "'use client';\n\nimport {\n  Close,\n  Content,\n  Description,\n  Overlay,\n  Portal,\n  Root,\n  Title,\n  Trigger,\n} from '@radix-ui/react-dialog';\nimport { XIcon } from 'lucide-react';\nimport { cn } from '@/lib/classnames';\nimport type { ComponentProps } from 'react';\n\nfunction SheetRoot({ ...props }: ComponentProps<typeof Root>) {\n  return <Root data-slot='sheet' {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: ComponentProps<typeof Trigger>) {\n  return <Trigger data-slot='sheet-trigger' {...props} />;\n}\n\nfunction SheetClose({ ...props }: ComponentProps<typeof Close>) {\n  return <Close data-slot='sheet-close' {...props} />;\n}\n\nfunction SheetPortal({ ...props }: ComponentProps<typeof Portal>) {\n  return <Portal data-slot='sheet-portal' {...props} />;\n}\n\nfunction SheetOverlay({ className, ...props }: ComponentProps<typeof Overlay>) {\n  return (\n    <Overlay\n      className={cn(\n        'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in',\n        className,\n      )}\n      data-slot='sheet-overlay'\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: ComponentProps<typeof Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <Content\n        className={cn(\n          'fixed z-50 flex flex-col gap-4 bg-background shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=closed]:duration-300 data-[state=open]:duration-500',\n          side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          className,\n        )}\n        data-slot='sheet-content'\n        {...props}\n      >\n        {children}\n        <Close className='absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary'>\n          <XIcon className='size-4' />\n          <span className='sr-only'>Close</span>\n        </Close>\n      </Content>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn('flex flex-col gap-1.5 p-4', className)}\n      data-slot='sheet-header'\n      {...props}\n    />\n  );\n}\n\nfunction SheetFooter({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn('mt-auto flex flex-col gap-2 p-4', className)}\n      data-slot='sheet-footer'\n      {...props}\n    />\n  );\n}\n\nfunction SheetTitle({ className, ...props }: ComponentProps<typeof Title>) {\n  return (\n    <Title\n      className={cn('font-semibold text-foreground', className)}\n      data-slot='sheet-title'\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: ComponentProps<typeof Description>) {\n  return (\n    <Description\n      className={cn('text-muted-foreground text-sm', className)}\n      data-slot='sheet-description'\n      {...props}\n    />\n  );\n}\n\nconst Sheet = Object.assign(SheetRoot, {\n  Trigger: SheetTrigger,\n  Close: SheetClose,\n  Content: SheetContent,\n  Header: SheetHeader,\n  Footer: SheetFooter,\n  Title: SheetTitle,\n  Description: SheetDescription,\n});\n\nexport { Sheet };\n",
			"type": "registry:ui"
		}
	]
}