4d: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"] 4e: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"] 4f: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"] 50: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"] 51:T1e2b,"use client" import * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const TypographyVariants=cva("v-prose [max-width:70ch] [display:grid] [gap:var(--s-4)]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type TypographyProps=React.ComponentProps<"div"> & VariantProps & { as?:React.ElementType } export function Typography({as:Tag="div",className,variant,size,...props}:TypographyProps){return } const HeroVariants=cva("v-hero [font-family:var(--font-display)] [font-size:var(--fs-hero)] [line-height:var(--lh-hero)] [font-weight:var(--fw-display)] [letter-spacing:var(--ls-hero)] [text-wrap:nowrap] [white-space:nowrap]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type HeroProps=React.ComponentProps<"h1"> & VariantProps & { as?:React.ElementType } export function Hero({as:Tag="h1",className,variant,size,...props}:HeroProps){return } const DisplayVariants=cva("v-display [font-family:var(--font-display)] [font-size:var(--fs-display)] [line-height:var(--lh-display)] [font-weight:var(--fw-display)] [letter-spacing:var(--ls-display)] [text-wrap:balance]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type DisplayProps=React.ComponentProps<"h1"> & VariantProps & { as?:React.ElementType } export function Display({as:Tag="h1",className,variant,size,...props}:DisplayProps){return } const SectionTitleVariants=cva("v-section [font-family:var(--font-display)] [font-size:var(--fs-section)] [line-height:1.1] [font-weight:var(--fw-display)] [letter-spacing:-.01em]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type SectionTitleProps=React.ComponentProps<"h2"> & VariantProps & { as?:React.ElementType } export function SectionTitle({as:Tag="h2",className,variant,size,...props}:SectionTitleProps){return } const TitleVariants=cva("v-title [font-size:20px] [line-height:1.25] [font-weight:var(--fw-title)] [letter-spacing:-.005em]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type TitleProps=React.ComponentProps<"h3"> & VariantProps & { as?:React.ElementType } export function Title({as:Tag="h3",className,variant,size,...props}:TitleProps){return } const LeadVariants=cva("v-lead [font-size:var(--fs-lead)] [line-height:1.3] [font-weight:var(--fw-title)]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type LeadProps=React.ComponentProps<"p"> & VariantProps & { as?:React.ElementType } export function Lead({as:Tag="p",className,variant,size,...props}:LeadProps){return } const BodyVariants=cva("v-body [font-size:16px] [line-height:1.5]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type BodyProps=React.ComponentProps<"p"> & VariantProps & { as?:React.ElementType } export function Body({as:Tag="p",className,variant,size,...props}:BodyProps){return } const BodySecondaryVariants=cva("v-body-2 [font-size:15px] [line-height:1.5] [color:var(--muted-foreground)]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type BodySecondaryProps=React.ComponentProps<"p"> & VariantProps & { as?:React.ElementType } export function BodySecondary({as:Tag="p",className,variant,size,...props}:BodySecondaryProps){return } const ControlTextVariants=cva("v-control [font-size:var(--fs-control)] [line-height:var(--lh-control)] [font-weight:var(--fw-control)]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type ControlTextProps=React.ComponentProps<"span"> & VariantProps & { as?:React.ElementType } export function ControlText({as:Tag="span",className,variant,size,...props}:ControlTextProps){return } const MetaVariants=cva("v-meta [font-size:var(--fs-meta)] [line-height:1.3] [color:var(--muted-foreground)]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type MetaProps=React.ComponentProps<"span"> & VariantProps & { as?:React.ElementType } export function Meta({as:Tag="span",className,variant,size,...props}:MetaProps){return } const CapsVariants=cva("v-caps [font-size:11px] [line-height:1.2] [font-weight:500] [letter-spacing:.075em] [text-transform:uppercase] [color:var(--muted-foreground)]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type CapsProps=React.ComponentProps<"span"> & VariantProps & { as?:React.ElementType } export function Caps({as:Tag="span",className,variant,size,...props}:CapsProps){return } const ValueVariants=cva("v-value [font-size:var(--fs-body)] [font-weight:var(--fw-value)] [font-variant-numeric:tabular-nums_lining-nums]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type ValueProps=React.ComponentProps<"span"> & VariantProps & { as?:React.ElementType } export function Value({as:Tag="span",className,variant,size,...props}:ValueProps){return } const IdentifierVariants=cva("v-id [font-variant-numeric:tabular-nums] [letter-spacing:.02em]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type IdentifierProps=React.ComponentProps<"code"> & VariantProps & { as?:React.ElementType } export function Identifier({as:Tag="code",className,variant,size,...props}:IdentifierProps){return } 52:Ta7d,@layer cojeev-states { /* Orthogonal authored class modifiers remain composable with CVA axes. */ /* Authored contextual and pseudo-element rules, scoped to component-owned roots. */ .v-value[data-slot] .u{font-family:var(--font-text);font-size:.3em;font-weight:400;letter-spacing:0;margin-left:.15em;color:var(--muted-foreground)} .v-hero[data-slot] .u{font-family:var(--font-text);font-size:.3em;font-weight:400;letter-spacing:0;margin-left:.15em;color:var(--muted-foreground)} .v-display[data-slot] .u{font-family:var(--font-text);font-size:.3em;font-weight:400;letter-spacing:0;margin-left:.15em;color:var(--muted-foreground)} .v-prose[data-slot] h1{font-family:var(--font-display);font-size:var(--fs-display);line-height:var(--lh-display);font-weight:var(--fw-display);letter-spacing:var(--ls-display)} .v-prose[data-slot] h2{font-family:var(--font-display);font-size:var(--fs-section);font-weight:500;line-height:1.1} .v-prose[data-slot] h3{font-size:var(--fs-title);font-weight:600} .v-prose[data-slot] p{line-height:var(--lh-body)} .v-prose[data-slot] ul{padding-left:1.2em;display:grid;gap:4px} .v-prose[data-slot] blockquote{border-left:2px solid var(--v-pink);padding-left:var(--s-4);color:var(--muted-foreground)} .v-prose[data-slot] code{background:var(--v-beige);padding:1px 6px;border-radius:4px;font-size:.92em} .v-prose[data-slot] a{text-decoration:underline;text-underline-offset:3px} .v-hero[data-slot] .u{color:var(--muted-foreground)} .v-display[data-slot] .u{color:var(--muted-foreground)} .v-value[data-slot] .u{color:var(--muted-foreground)} :root[data-mode="dark"] .v-meta[data-slot]{color:var(--v-text-2)} :root[data-mode="dark"] .v-body-2[data-slot]{color:var(--v-text-2)} :root[data-mode="dark"] .v-caps[data-slot]{color:var(--v-text-2)} .v-caps[data-slot]{box-shadow:none;border:0} .v-meta[data-slot]{box-shadow:none;border:0} .v-prose[data-slot]{box-shadow:none;border:0} .v-tnum[data-slot]{font-variant-numeric:tabular-nums lining-nums} /* Content determines line breaks; long titles must not enlarge their parent. */ :is(.v-hero,.v-display,.v-section,.v-title,.v-lead,.v-body,.v-body-2,.v-prose)[data-slot] { min-width:0; max-width:100%; overflow-wrap:anywhere; } .v-hero[data-slot] { white-space:normal; text-wrap:balance; } .v-prose[data-slot] { max-width:70ch; gap:var(--s-4); } .v-prose[data-slot] :is(h2,h3):not(:first-child) { margin-block-start:var(--s-5); } .v-prose[data-slot] :is(p,li) { line-height:1.65; } .v-prose[data-slot] :is(pre,table) { max-width:100%; overflow-x:auto; } @media (max-width:640px) { .v-hero[data-slot] { font-size:3rem; line-height:1.05; } .v-display[data-slot] { font-size:2.25rem; line-height:1.1; } } } 4c:["$","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"}]]}]}]]}],["$","$L4d",null,{"namespace":"@000h-cojeev","registryDependencies":["https://000h.cojeev.com/r/cojeev.json"]}]]}],["$","$L4e",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":["$","$L4f",null,{"lang":"css","copyButton":true,"writing":false,"className":"rounded-none w-full max-h-80","header":false,"children":"@import \"@/styles/cojeev/typography.css\" {\n\n}"}]}]]}]]}]}]}]]}],["$","$L50",null,{"files":[{"path":"registry/cojeev/ui/typography.tsx","content":"$51","type":"registry:ui"},{"path":"registry/cojeev/styles/typography.css","content":"$52","type":"registry:file","target":"styles/cojeev/typography.css"}],"className":"h-[70svh] min-h-80"}]]}]