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:T1178,"use client" import { useMorph } from "@/lib/cojeev-motion/use-morph"; import * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" import { cardVariants } from "@/components/ui/card" const EmptyVariants=cva("v-empty [display:grid] [justify-items:center] [text-align:center] [gap:var(--s-3)] [padding:var(--s-12)_var(--s-6)]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type EmptyProps=React.ComponentProps<"div"> & VariantProps & { as?:React.ElementType } export function Empty({ref: externalMorphRef, as:Tag="div",className,variant,size,...props}:EmptyProps){const ownedMorphRef = useMorph("cards", externalMorphRef); return } const EmptyTitleVariants=cva("v-empty__title [font-family:var(--font-display)] [font-size:var(--fs-section)] [font-weight:500]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type EmptyTitleProps=React.ComponentProps<"h3"> & VariantProps & { as?:React.ElementType } export function EmptyTitle({as:Tag="h3",className,variant,size,...props}:EmptyTitleProps){return } const EmptyDescriptionVariants=cva("v-empty__text [color:var(--muted-foreground)] [max-width:36ch]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type EmptyDescriptionProps=React.ComponentProps<"p"> & VariantProps & { as?:React.ElementType } export function EmptyDescription({as:Tag="p",className,variant,size,...props}:EmptyDescriptionProps){return } const EmptyStateVariants=cva("v-state [display:grid] [gap:var(--s-3)] [padding:var(--s-6)] [border-radius:var(--r-card)] [background:var(--card)] [align-content:center] [justify-items:start] [min-height:160px]",{variants:{variant:{"default":"","partial":"-partial [--muted-foreground:var(--muted-foreground-tinted)] [background:var(--v-yellow-soft)]","error":"-error [background:var(--status-danger-bg)]","filtered":"-filtered [background:transparent] [border:1px_dashed_var(--v-border)]"},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type EmptyStateProps=React.ComponentProps<"div"> & VariantProps & { as?:React.ElementType } export function EmptyState({ref: externalMorphRef, as:Tag="div",className,variant,size,...props}:EmptyStateProps){const ownedMorphRef = useMorph("cards", externalMorphRef); return } const EmptyStateTitleVariants=cva("v-state__word [font-weight:600] [display:flex] [align-items:center] [gap:8px]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type EmptyStateTitleProps=React.ComponentProps<"div"> & VariantProps & { as?:React.ElementType } export function EmptyStateTitle({as:Tag="div",className,variant,size,...props}:EmptyStateTitleProps){return } const EmptyStateDescriptionVariants=cva("v-state__why [color:var(--muted-foreground)] [font-size:var(--fs-control)] [max-width:44ch]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type EmptyStateDescriptionProps=React.ComponentProps<"p"> & VariantProps & { as?:React.ElementType } export function EmptyStateDescription({as:Tag="p",className,variant,size,...props}:EmptyStateDescriptionProps){return } 51:T546,@layer cojeev-states { /* Orthogonal authored class modifiers remain composable with CVA axes. */ .v-empty[data-slot].v-card{padding:var(--s-12) var(--s-6)} .v-state[data-slot].-partial{--muted-foreground:var(--muted-foreground-tinted);background:var(--v-yellow-soft)} .v-state[data-slot].-error{background:var(--status-danger-bg)} .v-state[data-slot].-filtered{background:transparent;border:1px dashed var(--v-border)} /* Authored contextual and pseudo-element rules, scoped to component-owned roots. */ .v-state[data-slot][data-morph]{--mfill:var(--card)} .v-state[data-slot].-partial[data-morph]{--mfill:var(--v-yellow-soft)} .v-empty[data-slot] .v-shape{font-size:96px} .v-state[data-slot].-error .v-state__word{color:var(--status-danger-ink)} .v-state[data-slot].-partial .v-state__why{color:rgba(17,17,17,.68)} .v-state[data-slot].-error .v-state__why{color:rgba(17,17,17,.68)} :root[data-mode="dark"] .v-state[data-slot] .v-state__why{color:var(--v-text-2)} .v-state[data-slot].-unavail .v-state__word{color:var(--v-text-2)} .v-state[data-slot].-error .v-state__word{color:var(--v-danger-ink)} .v-state[data-slot].-partial { color:var(--v-on-accent); } :root[data-mode="dark"] .v-state[data-slot].-partial .v-state__why { color:var(--alert-ink); } :is(.v-empty,.v-state)[data-slot] { min-width:0; max-width:100%; overflow-wrap:anywhere; } } 4b:["$","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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","class-variance-authority",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/class-variance-authority","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"class-variance-authority"}]]}]}]]}],["$","$L4c",null,{"namespace":"@000h-cojeev","registryDependencies":["https://000h.cojeev.com/r/cojeev.json","https://000h.cojeev.com/r/card.json"]}]]}],["$","$L4d",null,{"children":["$","div",null,{"className":"@container","children":["$","div",null,{"className":"grid grid-cols-1 gap-4 @xl:grid-cols-2","children":[null,null,null,["$","div",null,{"className":"flex flex-col border rounded-md","children":[["$","p",null,{"className":"text-sm font-medium border-b p-2","children":"CSS"}],["$","div",null,{"children":["$","$L4e",null,{"lang":"css","copyButton":true,"writing":false,"className":"rounded-none w-full max-h-80","header":false,"children":"@import \"@/styles/cojeev/empty.css\" {\n\n}"}]}]]}]]}]}]}]]}],["$","$L4f",null,{"files":[{"path":"registry/cojeev/ui/empty.tsx","content":"$50","type":"registry:ui"},{"path":"registry/cojeev/styles/empty.css","content":"$51","type":"registry:file","target":"styles/cojeev/empty.css"}],"className":"h-[70svh] min-h-80"}]]}]