{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "perspective-book", "title": "Perspective Book", "description": "A 3D book component with hover animation and customizable appearance.", "dependencies": [], "registryDependencies": [], "files": [ { "path": "registry/spell-ui/perspective-book.tsx", "content": "\"use client\";\n\nimport React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nconst sizeMap = {\n sm: { width: \"150px\", spineTranslation: \"122px\" },\n default: { width: \"196px\", spineTranslation: \"168px\" },\n lg: { width: \"300px\", spineTranslation: \"272px\" },\n};\n\ninterface PerspectiveBookProps {\n size?: \"sm\" | \"default\" | \"lg\";\n className?: string;\n children: React.ReactNode;\n textured?: boolean;\n}\n\nexport function PerspectiveBook({\n size = \"default\",\n className = \"\",\n children,\n textured = false,\n}: PerspectiveBookProps) {\n const defaultColorClasses =\n 'bg-neutral-100 dark:bg-[#1f1f1f] dark:before:content-[\"\"] dark:before:bg-gradient-to-b dark:before:from-[#ffffff1a] dark:before:to-transparent dark:before:absolute dark:before:inset-0 dark:before:rounded-[inherit] text-primary';\n\n return (\n \n \n {/* Front Side */}\n \n \n \n
\n {children}\n
\n {textured && (\n \n )}\n \n\n {/* Spine */}\n \n \n\n {/* Back Side */}\n \n \n \n \n );\n}\n\ninterface BookHeaderProps {\n children: React.ReactNode;\n className?: string;\n}\n\nexport function BookHeader({\n children,\n className = \"\",\n}: BookHeaderProps) {\n return (\n
\n {children}\n
\n );\n}\n\ninterface BookTitleProps {\n children: React.ReactNode;\n className?: string;\n}\n\nexport function BookTitle({\n children,\n className = \"\",\n}: BookTitleProps) {\n return (\n

\n {children}\n

\n );\n}\n\ninterface BookDescriptionProps {\n children: React.ReactNode;\n className?: string;\n}\n\nexport function BookDescription({\n children,\n className = \"\",\n}: BookDescriptionProps) {\n return (\n

\n {children}\n

\n );\n}\n\nexport default PerspectiveBook;\n", "type": "registry:component" } ], "type": "registry:component" }