62: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 63: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 64:T17d5,'use client' import * as React from 'react' import { CircleAlert, CircleCheck, Info, TriangleAlert, type LucideIcon } from 'lucide-react' import { Dialog, DialogClose, DialogContent, DialogDescription, DialogTitle, DialogTrigger, } from '@/components/ui/dialog' import { cn } from '@/lib/utils' import { Button } from '@/components/ui/button' type AlertIcon = 'info' | 'warning' | 'error' | 'success' export interface AlertModalProps { /** Controlled open state. Pair with `onOpenChange`. */ open?: boolean onOpenChange?: (open: boolean) => void /** Title rendered in the header. Override with the `title` node if you need markup. */ title?: React.ReactNode /** Description rendered under the title. */ description?: React.ReactNode /** Label for the primary action button. */ actionLabel?: React.ReactNode /** Label for the cancel button. Pass null to hide. */ cancelLabel?: React.ReactNode | null /** Visual tone — colors the icon and action button. */ tone?: 'default' | 'destructive' | 'success' | 'warning' /** Quick icon shortcut, a custom icon component, or a rendered node. */ icon?: AlertIcon | LucideIcon | React.ReactNode | null /** Show a spinner on the action button and disable both buttons. */ loading?: boolean /** Disable the primary action without a spinner. */ actionDisabled?: boolean className?: string onAction?: (event: React.MouseEvent) => void onCancel?: (event: React.MouseEvent) => void /** Element that opens the modal. Rendered as the trigger when provided. */ trigger?: React.ReactNode /** Optional free-form body content between the header and the action row. */ children?: React.ReactNode /** Replace the default action/cancel button row. */ actions?: React.ReactNode } const builtInIcons: Record = { info: Info, success: CircleCheck, warning: TriangleAlert, error: CircleAlert, } function isAlertIcon(value: unknown): value is AlertIcon { return value === 'info' || value === 'success' || value === 'warning' || value === 'error' } const iconColorClasses: Record, string> = { destructive: 'text-destructive', success: 'text-success', warning: 'text-warning', default: 'text-muted-foreground', } const actionToneClasses: Record, string> = { destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90', success: 'bg-success text-success-foreground hover:bg-success/90', warning: 'bg-warning text-warning-foreground hover:bg-warning/90', default: '', } const AlertModal = ({ open, onOpenChange, title = '', description = '', actionLabel = 'Continue', cancelLabel = 'Cancel', tone = 'default', icon = null, loading = false, actionDisabled = false, className, onAction, onCancel, trigger, children, actions, }: AlertModalProps) => { const isControlled = open !== undefined const [internalOpen, setInternalOpen] = React.useState(open ?? false) const effectiveOpen = isControlled ? open : internalOpen function setOpen(value: boolean) { // Keep the dialog open while an async action is in flight. if (!value && loading) return if (!isControlled) setInternalOpen(value) onOpenChange?.(value) } const resolvedIcon = React.useMemo(() => { if (!icon) return null if (isAlertIcon(icon)) { const IconComp = builtInIcons[icon] return } if (typeof icon === 'function') { const IconComp = icon as LucideIcon return } return icon }, [icon]) function handleAction(e: React.MouseEvent) { if (loading || actionDisabled) { e.preventDefault() return } onAction?.(e) } function handleCancel(e: React.MouseEvent) { onCancel?.(e) } return ( ) } AlertModal.displayName = 'AlertModal' export { AlertModal } 61:["$","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","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"}]]}]}]]}],["$","$L62",null,{"namespace":"@registrydirectory","registryDependencies":["https://uipkge.dev/r/react/dialog.json","https://uipkge.dev/r/react/button.json"]}]]}],null]}],["$","$L63",null,{"files":[{"path":"packages/registry-react/components/alert-modal/alert-modal.tsx","content":"$64","type":"registry:ui","target":"~/components/ui/alert-modal/alert-modal.tsx"},{"path":"packages/registry-react/components/alert-modal/index.ts","content":"export { AlertModal, type AlertModalProps } from './alert-modal'\n","type":"registry:ui","target":"~/components/ui/alert-modal/index.ts"}],"className":"h-[70svh] min-h-80"}]]}]