{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "drawer",
"title": "Drawer",
"dependencies": [
"@base-ui/react",
"lucide-react"
],
"registryDependencies": [
"@fab-ui/button"
],
"files": [
{
"path": "registry/default/ui/drawer.tsx",
"content": "'use client';\n\nimport * as React from 'react';\n\nimport { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\n\nimport { cn } from '@/lib/utils';\n\nfunction Drawer({\n swipeDirection = 'down',\n ...props\n}: DrawerPrimitive.Root.Props) {\n return (\n \n );\n}\n\nfunction DrawerTrigger({ ...props }: DrawerPrimitive.Trigger.Props) {\n return ;\n}\n\nfunction DrawerClose({ ...props }: DrawerPrimitive.Close.Props) {\n return ;\n}\n\nfunction DrawerProvider({ ...props }: DrawerPrimitive.Provider.Props) {\n return ;\n}\n\nfunction DrawerPortal({\n className,\n ...props\n}: Omit & {\n className?: string;\n}) {\n return (\n \n );\n}\n\nfunction DrawerOverlay({\n className,\n ...props\n}: Omit & {\n className?: string;\n}) {\n return (\n \n );\n}\n\nfunction DrawerViewport({\n className,\n ...props\n}: Omit & {\n className?: string;\n}) {\n return (\n \n );\n}\n\nfunction DrawerHandle({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n \n );\n}\n\nfunction DrawerContent({\n className,\n ...props\n}: Omit & {\n className?: string;\n}) {\n return (\n \n );\n}\n\nfunction DrawerPopup({\n className,\n children,\n container,\n showHandle,\n unstyled,\n overlayClassName,\n ...props\n}: Omit & {\n className?: string;\n container?: DrawerPrimitive.Portal.Props['container'];\n showHandle?: boolean;\n unstyled?: boolean;\n overlayClassName?: string;\n}) {\n return (\n \n \n \n \n {!unstyled && showHandle !== false && (\n \n )}\n {children}\n \n \n \n );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n \n );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n \n );\n}\n\nfunction DrawerTitle({\n className,\n ...props\n}: Omit & {\n className?: string;\n}) {\n return (\n \n );\n}\n\nfunction DrawerDescription({\n className,\n ...props\n}: Omit & {\n className?: string;\n}) {\n return (\n \n );\n}\n\nfunction DrawerIndentBackground({\n className,\n ...props\n}: DrawerPrimitive.IndentBackground.Props) {\n return (\n \n );\n}\n\nfunction DrawerIndent({\n className,\n ...props\n}: Omit & {\n className?: string;\n}) {\n return (\n \n );\n}\n\nconst createDrawerHandle = DrawerPrimitive.createHandle;\n\nexport {\n Drawer,\n DrawerClose,\n DrawerContent,\n DrawerDescription,\n DrawerFooter,\n DrawerHandle,\n DrawerHeader,\n DrawerIndent,\n DrawerIndentBackground,\n DrawerOverlay,\n DrawerPopup,\n DrawerPortal,\n DrawerProvider,\n DrawerTitle,\n DrawerTrigger,\n DrawerViewport,\n createDrawerHandle,\n};\n",
"type": "registry:ui"
}
],
"type": "registry:ui"
}