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:T2d46,import { FC, HTMLAttributes } from 'react'; import { cn } from '@/lib/utils'; /** * Display1 Component - 80px display text for prominent titles and hero sections. * * @component * @example * ```tsx * Large Hero Title * Centered Title * ``` * * @param props - Standard HTML heading attributes * @returns An h1 element with 80px font size and medium weight */ const Display1: FC> = ({ children, className, ...props }) => { return (

{children}

); }; /** * Display2 Component - 72px display text for large headings. * * @component * @example * ```tsx * Section Title * ``` * * @param props - Standard HTML heading attributes * @returns An h1 element with 72px font size and medium weight */ const Display2: FC> = ({ children, className, ...props }) => { return (

{children}

); }; /** * Display3 Component - 64px display text for medium-large headings. * * @component * @example * ```tsx * Page Title * ``` * * @param props - Standard HTML heading attributes * @returns An h1 element with 64px font size and medium weight */ const Display3: FC> = ({ children, className, ...props }) => { return (

{children}

); }; /** * Display4 Component - 56px display text for prominent headings. * * @component * @example * ```tsx * Feature Title * ``` * * @param props - Standard HTML heading attributes * @returns An h1 element with 56px font size and medium weight */ const Display4: FC> = ({ children, className, ...props }) => { return (

{children}

); }; /** * Display5 Component - 48px display text for section headings. * * @component * @example * ```tsx * Content Section * ``` * * @param props - Standard HTML heading attributes * @returns An h1 element with 48px font size and medium weight */ const Display5: FC> = ({ children, className, ...props }) => { return (

{children}

); }; /** * Display6 Component - 40px display text for smaller display headings. * * @component * @example * ```tsx * Card Title * ``` * * @param props - Standard HTML heading attributes * @returns An h1 element with 40px font size and medium weight */ const Display6: FC> = ({ children, className, ...props }) => { return (

{children}

); }; /** * Headline1 Component - 40px semibold headline for main page headings. * * @component * @example * ```tsx * Main Page Heading * ``` * * @param props - Standard HTML heading attributes * @returns An h1 element with 40px font size and semibold weight */ const Headline1: FC> = ({ children, className, ...props }) => { return (

{children}

); }; /** * Headline2 Component - 32px semibold headline for section headings. * * @component * @example * ```tsx * Section Heading * ``` * * @param props - Standard HTML heading attributes * @returns An h2 element with 32px font size and semibold weight */ const Headline2: FC> = ({ children, className, ...props }) => { return (

{children}

); }; /** * Headline3 Component - 28px semibold headline for subsection headings. * * @component * @example * ```tsx * Subsection Title * ``` * * @param props - Standard HTML heading attributes * @returns An h3 element with 28px font size and semibold weight */ const Headline3: FC> = ({ children, className, ...props }) => { return (

{children}

); }; /** * Headline4 Component - 24px semibold headline for card headings. * * @component * @example * ```tsx * Card Title * ``` * * @param props - Standard HTML heading attributes * @returns An h4 element with 24px font size and semibold weight */ const Headline4: FC> = ({ children, className, ...props }) => { return (

{children}

); }; /** * Headline5 Component - 20px semibold headline for component headings. * * @component * @example * ```tsx * Component Header * ``` * * @param props - Standard HTML heading attributes * @returns An h5 element with 20px font size and semibold weight */ const Headline5: FC> = ({ children, className, ...props }) => { return (

{children}

); }; /** * Headline6 Component - 16px semibold headline for small headings. * * @component * @example * ```tsx * Small Heading * ``` * * @param props - Standard HTML heading attributes * @returns An h6 element with 16px font size and semibold weight */ const Headline6: FC> = ({ children, className, ...props }) => { return (

{children}

); }; /** * Title1 Component - 22px medium title for list items and card titles. * * @component * @example * ```tsx * List Item Title * ``` * * @param props - Standard HTML heading attributes * @returns An h3 element with 22px font size and medium weight */ const Title1: FC> = ({ children, className, ...props }) => { return (

{children}

); }; /** * Title2 Component - 16px medium title for buttons and form labels. * * @component * @example * ```tsx * Button Text * ``` * * @param props - Standard HTML heading attributes * @returns An h4 element with 16px font size and medium weight */ const Title2: FC> = ({ children, className, ...props }) => { return (

{children}

); }; /** * Title3 Component - 14px medium title for compact headings. * * @component * @example * ```tsx * Compact Title * ``` * * @param props - Standard HTML heading attributes * @returns An h5 element with 14px font size and medium weight */ const Title3: FC> = ({ children, className, ...props }) => { return (

{children}

); }; /** * Label1 Component - 14px medium label for button text and form labels. * * @component * @example * ```tsx * Button Label * Form Field * ``` * * @param props - Standard HTML span attributes * @returns A span element with 14px font size and medium weight */ const Label1: FC> = ({ children, className, ...props }) => { return ( {children} ); }; /** * Label2 Component - 12px medium label for small buttons and tags. * * @component * @example * ```tsx * Small Button * Tag * ``` * * @param props - Standard HTML span attributes * @returns A span element with 12px font size and medium weight */ const Label2: FC> = ({ children, className, ...props }) => { return ( {children} ); }; /** * Label3 Component - 11px medium label for tiny labels and captions. * * @component * @example * ```tsx * Tiny Label * ``` * * @param props - Standard HTML span attributes * @returns A span element with 11px font size and medium weight */ const Label3: FC> = ({ children, className, ...props }) => { return ( {children} ); }; /** * Body1 Component - 16px normal body text for main content. * * @component * @example * ```tsx * This is the main content paragraph with regular body text. * ``` * * @param props - Standard HTML paragraph attributes * @returns A p element with 16px font size and normal weight */ const Body1: FC> = ({ children, className, ...props }) => { return (

{children}

); }; /** * Body2 Component - 14px normal body text for secondary content. * * @component * @example * ```tsx * This is secondary body text for descriptions. * ``` * * @param props - Standard HTML paragraph attributes * @returns A p element with 14px font size and normal weight */ const Body2: FC> = ({ children, className, ...props }) => { return (

{children}

); }; /** * Body3 Component - 12px normal body text for small text and captions. * * @component * @example * ```tsx * This is small text for captions or helper text. * ``` * * @param props - Standard HTML paragraph attributes * @returns A p element with 12px font size and normal weight */ const Body3: FC> = ({ children, className, ...props }) => { return (

{children}

); }; export { Display1, Display2, Display3, Display4, Display5, Display6, Headline1, Headline2, Headline3, Headline4, Headline5, Headline6, Title1, Title2, Title3, Label1, Label2, Label3, Body1, Body2, Body3, }; 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":"@indiacn","registryDependencies":["https://indiacn.in/r/theme.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"components/ui/typography.tsx","content":"$52","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]