50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:Tbf8,"use client"; import type { HTMLAttributes, ReactNode } from "react"; import { cn } from "../../utils"; import { BOOK_RADIUS_MAP as radiusMap, BOOK_SIZE_MAP as sizeMap, BOOK_COLOR_MAP as colorMap, BOOK_SHADOW_SIZE_MAP as shadowSizeMap, type BookRadius, type BookSize, type BookColor, type BookShadowSize, } from "./index"; export interface BookProps extends Omit, "className" | "color"> { className?: string; duration?: number; color?: BookColor; isStatic?: boolean; size?: BookSize; radius?: BookRadius; shadowSize?: BookShadowSize; children?: ReactNode; } export function Book({ className = "", duration = 1000, color = "zinc", isStatic = false, size = "md", radius = "md", shadowSize = "lg", children, ...rest }: BookProps) { const computedGradient = colorMap[color] || colorMap.zinc; return (

{/* Front face */}

{children}

{/* Spine */}

{/* Back face */}

); } 53:T9ab,export const BOOK_RADIUS_MAP = { sm: "rounded-sm", md: "rounded-md", lg: "rounded-lg", xl: "rounded-xl", } as const; export const BOOK_SIZE_MAP = { sm: { width: "180px", spineTranslation: "152px" }, md: { width: "220px", spineTranslation: "192px" }, lg: { width: "260px", spineTranslation: "232px" }, xl: { width: "300px", spineTranslation: "272px" }, } as const; export const BOOK_SHADOW_SIZE_MAP = { sm: "-5px 0 15px 5px var(--shadowColor)", md: "-7px 0 25px 7px var(--shadowColor)", lg: "-10px 0 35px 10px var(--shadowColor)", xl: "-12px 0 45px 12px var(--shadowColor)", } as const; export const BOOK_COLOR_MAP = { slate: { from: "from-slate-900", to: "to-slate-700" }, gray: { from: "from-gray-900", to: "to-gray-700" }, zinc: { from: "from-zinc-900", to: "to-zinc-700" }, neutral: { from: "from-neutral-900", to: "to-neutral-700" }, stone: { from: "from-stone-900", to: "to-stone-700" }, red: { from: "from-red-900", to: "to-red-700" }, orange: { from: "from-orange-900", to: "to-orange-700" }, amber: { from: "from-amber-900", to: "to-amber-700" }, yellow: { from: "from-yellow-900", to: "to-yellow-700" }, lime: { from: "from-lime-900", to: "to-lime-700" }, green: { from: "from-green-900", to: "to-green-700" }, emerald: { from: "from-emerald-900", to: "to-emerald-700" }, teal: { from: "from-teal-900", to: "to-teal-700" }, cyan: { from: "from-cyan-900", to: "to-cyan-700" }, sky: { from: "from-sky-900", to: "to-sky-700" }, blue: { from: "from-blue-900", to: "to-blue-700" }, indigo: { from: "from-indigo-900", to: "to-indigo-700" }, violet: { from: "from-violet-900", to: "to-violet-700" }, purple: { from: "from-purple-900", to: "to-purple-700" }, fuchsia: { from: "from-fuchsia-900", to: "to-fuchsia-700" }, pink: { from: "from-pink-900", to: "to-pink-700" }, rose: { from: "from-rose-900", to: "to-rose-700" }, } as const; export type BookColor = keyof typeof BOOK_COLOR_MAP; export type BookSize = keyof typeof BOOK_SIZE_MAP; export type BookRadius = keyof typeof BOOK_RADIUS_MAP; export type BookShadowSize = keyof typeof BOOK_SHADOW_SIZE_MAP; export { Book } from "./Book"; export type { BookProps } from "./Book"; export { BookHeader } from "./BookHeader"; export type { BookHeaderProps } from "./BookHeader"; export { BookTitle } from "./BookTitle"; export type { BookTitleProps } from "./BookTitle"; export { BookDescription } from "./BookDescription"; export type { BookDescriptionProps } from "./BookDescription"; 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L50",null,{"namespace":"@fancy-ui","registryDependencies":["https://fancy-ui.rama.app/r/utils.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"react/src/components/book/Book.tsx","content":"$52","type":"registry:ui","target":"@ui/fancy/components/book/Book.tsx"},{"path":"react/src/components/book/BookDescription.tsx","content":"\"use client\";\n\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../utils\";\n\nexport interface BookDescriptionProps extends Omit, \"className\"> {\n\tclassName?: string;\n\tchildren?: ReactNode;\n}\n\nexport function BookDescription({ className = \"\", children, ...rest }: BookDescriptionProps) {\n\treturn (\n\t\t

\n\t\t\t{children}\n\t\t

\n\t);\n}\n","type":"registry:ui","target":"@ui/fancy/components/book/BookDescription.tsx"},{"path":"react/src/components/book/BookHeader.tsx","content":"\"use client\";\n\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../utils\";\n\nexport interface BookHeaderProps extends Omit, \"className\"> {\n\tclassName?: string;\n\tchildren?: ReactNode;\n}\n\nexport function BookHeader({ className = \"\", children, ...rest }: BookHeaderProps) {\n\treturn (\n\t\t

\n\t\t\t{children}\n\t\t

\n\t);\n}\n","type":"registry:ui","target":"@ui/fancy/components/book/BookHeader.tsx"},{"path":"react/src/components/book/BookTitle.tsx","content":"\"use client\";\n\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../utils\";\n\nexport interface BookTitleProps extends Omit, \"className\"> {\n\tclassName?: string;\n\tchildren?: ReactNode;\n}\n\nexport function BookTitle({ className = \"\", children, ...rest }: BookTitleProps) {\n\treturn (\n\t\t

\n\t\t\t{children}\n\t\t

\n\t);\n}\n","type":"registry:ui","target":"@ui/fancy/components/book/BookTitle.tsx"},{"path":"react/src/components/book/index.ts","content":"$53","type":"registry:ui","target":"@ui/fancy/components/book/index.ts"}],"className":"h-[70svh] min-h-80"}]]}]