4c: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4d:I[544296,["/_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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"ItemStyles"] 4e:I[34002,["/_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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"CodeEditor"] 4f: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 50:T187e,"use client"; import * as React from "react"; import { useMorph } from "@/lib/cojeev-motion/use-morph"; import { useDepth } from "@/lib/cojeev-motion/use-depth"; import { assignMotionRef } from "@/lib/cojeev-motion/refs"; import { cva, type VariantProps } from "class-variance-authority"; import { cn } from "@/lib/utils"; import { Button, type ButtonProps } from "@/components/ui/button"; import { useChoreography } from "@/lib/cojeev-motion/choreography"; const cardVariants = cva( "v-card relative min-w-0 content-start overflow-hidden rounded-[var(--r-card)] p-[var(--card-pad)] bg-[var(--card)] text-[color:var(--card-foreground)]", { variants: { variant: { default: "", pink: "-pink bg-[var(--v-pink)] text-[color:var(--v-on-accent)] [--wm:var(--v-pink-deep)] [--muted-foreground:var(--muted-foreground-ink)]", yellow: "-yellow bg-[var(--v-yellow)] text-[color:var(--v-on-accent)] [--wm:var(--v-yellow-deep)] [--muted-foreground:var(--muted-foreground-ink)]", olive: "-olive bg-[var(--v-olive)] text-[color:var(--v-on-accent)] [--wm:var(--v-olive-deep)] [--muted-foreground:var(--muted-foreground-ink)]", blue: "-blue bg-[var(--v-blue)] text-[color:var(--v-on-accent)] [--wm:var(--v-blue-deep)] [--muted-foreground:var(--muted-foreground-ink)]", ink: "-ink bg-[var(--v-ink)] text-[color:var(--v-on-ink)]", cream: "-cream bg-[var(--card-2)] [--muted-foreground:var(--muted-foreground-tinted)]", featured: "-featured bg-[var(--v-canvas)] [box-shadow:inset_0_0_0_var(--bw-featured)_var(--v-pink)]", panel: "-panel", lift: "-lift hover:[transform:translateY(-1px)] hover:[box-shadow:var(--shadow-lift)]", }, size: { default: "", sm: "-sm rounded-[var(--r-card-sm)] p-[var(--s-4)]", }, lift: { true: "-lift hover:[transform:translateY(-1px)] hover:[box-shadow:var(--shadow-lift)]", false: "", }, }, compoundVariants: [ { variant: "panel", className: "rounded-[var(--r-panel)]" }, ], defaultVariants: { variant: "default", size: "default", lift: false }, }, ); export type CardAppearance = "editorial" | "project" | "collection"; type CardProps = React.ComponentProps<"div"> & VariantProps & { appearance?: CardAppearance }; function Card({ ref: externalRef, className, variant, size, lift, appearance, onPointerMove, onPointerLeave, onFocus, onBlur, ...props }: CardProps) { const { quiet } = useChoreography(); const host = React.useRef(null); const attach = React.useCallback( (node: HTMLDivElement | null) => { host.current = node; const release = assignMotionRef(externalRef, node); return () => { host.current = null; release(); }; }, [externalRef], ); const morphRef = useMorph("cards", attach); const depth = useDepth(host, Boolean(lift || variant === "lift")); return (

{ onPointerMove?.(event); if (!event.defaultPrevented) depth.onPointerMove(event); }} onPointerLeave={(event) => { onPointerLeave?.(event); depth.onPointerLeave(); }} onFocus={(event) => { onFocus?.(event); if (!event.defaultPrevented) depth.onFocus(); }} onBlur={(event) => { onBlur?.(event); depth.onBlur(event); }} /> ); } function CardHeader({ className, ...props }: React.ComponentProps<"div">) { return (

); } function CardTitle({ className, ...props }: React.ComponentProps<"h3">) { return (

); } function CardContent({ className, ...props }: React.ComponentProps<"div">) { return (
); } function CardDescription({ className, ...props }: React.ComponentProps<"p">) { return (
); } function CardFooter({ className, ...props }: React.ComponentProps<"div">) { return (
); } function CardWatermark({ className, ...props }: React.ComponentProps<"span">) { return ( ); } function CardCover({ className, ...props }: React.ComponentProps<"div">) { return (
); } /** Keep card actions as real Cojeev buttons rather than making the whole card a moving hit area. */ function CardAction({ className, ...props }: ButtonProps) { return (