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:T1a86,"use client"; import { useMorph } from "@/lib/cojeev-motion/use-morph"; import * as React from "react"; import * as AvatarPrimitive from "@radix-ui/react-avatar"; import { cva, type VariantProps } from "class-variance-authority"; import { cn } from "@/lib/utils"; import { Button } from "@/components/ui/button"; const AvatarVariants = cva( "v-avatar [width:40px] [height:40px] [border-radius:50%] [object-fit:cover] [background:var(--c,var(--v-beige))] [display:inline-grid] [place-items:center] [font-size:13px] [font-weight:600] [flex:none] [color:var(--v-text)] [box-shadow:0_0_0_2px_var(--v-canvas)] [font-family:var(--font-display)] [letter-spacing:.01em]", { variants: { variant: { default: "", square: "-square [border-radius:14px]", pink: "-pink [--c:var(--v-pink)] [color:var(--v-on-accent)]", yellow: "-yellow [--c:var(--v-yellow)] [color:var(--v-on-accent)]", olive: "-olive [--c:var(--v-olive)] [color:var(--v-on-accent)]", blue: "-blue [--c:var(--v-blue)] [color:var(--v-on-accent)]", ink: "-ink [--c:var(--v-ink)] [color:var(--v-on-ink)]", sm: "-sm [width:28px] [height:28px] [font-size:10px]", }, size: { default: "", sm: "-sm [width:28px] [height:28px] [font-size:10px]", lg: "-lg [width:110px] [height:110px] [font-size:34px] [letter-spacing:-.01em]", }, }, defaultVariants: { variant: "default", size: "default" }, }, ); export type AvatarProps = React.ComponentProps<"span"> & VariantProps & { shape?: "circle" | "rounded" | "pebble"; }; export function Avatar({ ref: externalMorphRef, className, variant, size, shape, ...props }: AvatarProps) { const ownedMorphRef = useMorph("controls", externalMorphRef); return ( ); } const AvatarGroupVariants = cva( "v-avatar-stack [display:inline-flex] [align-items:center]", { variants: { variant: { default: "" }, size: { default: "" } }, defaultVariants: { variant: "default", size: "default" }, }, ); export type AvatarGroupProps = React.ComponentProps<"span"> & VariantProps; export function AvatarGroup({ className, variant, size, ...props }: AvatarGroupProps) { return ( ); } const AvatarWrapperVariants = cva( "v-avatar-wrap [position:relative] [display:inline-block]", { variants: { variant: { default: "" }, size: { default: "" } }, defaultVariants: { variant: "default", size: "default" }, }, ); export type AvatarWrapperProps = React.ComponentProps<"span"> & VariantProps; export function AvatarWrapper({ className, variant, size, ...props }: AvatarWrapperProps) { return ( ); } const AvatarEditVariants = cva("v-edit ", { variants: { variant: { default: "" }, size: { default: "" } }, defaultVariants: { variant: "default", size: "default" }, }); export type AvatarEditProps = React.ComponentProps<"button"> & VariantProps; export function AvatarEdit({ className, variant, size, ...props }: AvatarEditProps) { return (