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:T12d4,'use client'; import * as DialogPrimitive from '@radix-ui/react-dialog'; import { ComponentProps } from 'react'; import { CloseButton } from '@/components/ui/close-button'; import { Body2, Headline5 } from '@/components/ui/typography'; import { cn } from '@/lib/utils'; /* * UX4G modal: border-radius 0.5rem, padding 1rem, border 1px solid rgba(0,0,0,0.175), * NO header border-bottom, NO footer border-top, * sizes: sm=300px, default=500px, lg=800px, xl=1140px, * animation: translate(0,-50px) -> none, 0.3s ease-out */ /** Modal dialog root component. */ function Modal(props: ComponentProps) { return ; } /** Modal trigger button. */ function ModalTrigger(props: ComponentProps) { return ; } /** Modal close button. */ function ModalClose(props: ComponentProps) { return ; } /** Modal portal container. */ function ModalPortal(props: ComponentProps) { return ; } /** Semi-transparent backdrop overlay for modals. */ function ModalOverlay({ className, ...props }: ComponentProps) { return ( ); } interface IModalContentProps extends ComponentProps { size?: 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen'; scrollable?: boolean; } /** * Main modal content container. * Matches the UX4G 2.0 Modal specification. * * Sizes match UX4G: sm=300px, md=500px, lg=800px, xl=1140px, fullscreen=100%. * UX4G removes borders between header/body/footer sections. */ function ModalContent({ className, size = 'md', scrollable = false, children, ...props }: IModalContentProps) { const sizeClasses = { sm: 'max-w-[300px]', md: 'max-w-[500px]', lg: 'max-w-[800px]', xl: 'max-w-[1140px]', fullscreen: 'max-w-none h-full w-full rounded-none', }; return ( {children} ); } /** * Modal header. UX4G: padding 1rem, NO border-bottom. */ function ModalHeader({ className, children, ...props }: ComponentProps<'div'>) { return (

{children}

); } /** * Modal title. UX4G: line-height 1.5. */ function ModalTitle({ className, children, ...props }: ComponentProps) { return ( {children} ); } /** Accessible description text for a modal. */ function ModalDescription({ className, children, ...props }: ComponentProps) { return ( {children} ); } /** * Modal body. UX4G: padding 1rem, flex 1 1 auto. */ function ModalBody({ className, scrollable, ...props }: ComponentProps<'div'> & { scrollable?: boolean }) { return (

); } /** * Modal footer. UX4G: padding ~0.75rem, NO border-top, flex-end, gap 0.5rem. */ function ModalFooter({ className, ...props }: ComponentProps<'div'>) { return (

); } export { Modal, ModalTrigger, ModalClose, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalBody, ModalFooter, }; 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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@radix-ui/react-dialog",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-dialog","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":"@radix-ui/react-dialog"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","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":"lucide-react"}]]}]}]]}],["$","$L50",null,{"namespace":"@indiacn","registryDependencies":["https://indiacn.in/r/theme.json","https://indiacn.in/r/typography.json","https://indiacn.in/r/close-button.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"components/ui/modal.tsx","content":"$52","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]