60: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"] 61: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"] 62:T36d4,'use client' import type { ComponentProps, ReactNode } from 'react' import { Clock, RotateCcw } from 'lucide-react' import { cn } from '@/lib/utils' import { Button } from '@/components/ui/button' export type ErrorPagesVariant = '404' | '500' | '403' | 'maintenance' export interface ErrorPagesProps { /** `'all'` renders the full gallery; a single variant renders just that screen. */ variant?: ErrorPagesVariant | 'all' size?: 'sm' | 'default' className?: string title?: string description?: string /** Status numeral. Pass `''` to hide. */ code?: string /** Eyebrow pill (maintenance ETA by default). Pass `''` to hide. */ tag?: string /** Replaces the HTTP response panel on a single variant. Pass `''` to hide art. */ image?: string imageAlt?: string primaryLabel?: string secondaryLabel?: string primaryHref?: string secondaryHref?: string showPrimary?: boolean showSecondary?: boolean primaryDisabled?: boolean secondaryDisabled?: boolean onHome?: () => void onSearch?: () => void onRetry?: () => void onStatus?: () => void onSwitchAccount?: () => void onRequestAccess?: () => void onSubscribe?: () => void } const copy = (fallback: string, override?: string) => (override === undefined ? fallback : override) function Action({ href, onClick, children, ...buttonProps }: { href?: string onClick?: () => void children: ReactNode } & Omit, 'onClick'>) { if (href) { return ( ) } return ( ) } export function ErrorPages({ variant = 'all', size = 'default', className, title, description, code, tag, image, imageAlt = '', primaryLabel, secondaryLabel, primaryHref, secondaryHref, showPrimary = true, showSecondary = true, primaryDisabled = false, secondaryDisabled = false, onHome, onSearch, onRetry, onStatus, onSwitchAccount, onRequestAccess, onSubscribe, }: ErrorPagesProps) { const pick = (v: ErrorPagesVariant, fallback: string, override?: string) => variant === v ? copy(fallback, override) : fallback const frameClass = cn( 'border-border bg-card overflow-hidden rounded-xl border text-left', size === 'sm' && 'rounded-lg', ) const imgClass = 'aspect-[16/10] w-full object-cover' const bodyClass = size === 'sm' ? 'p-5' : 'p-6' const codeClass = cn('font-semibold tracking-tighter', size === 'sm' ? 'text-2xl' : 'text-4xl') const titleClass = cn('mt-1.5 font-semibold tracking-tight', size === 'sm' ? 'text-base' : 'text-xl') const descClass = 'text-muted-foreground mt-2 max-w-sm text-sm' const actionsClass = cn('flex flex-wrap items-center gap-2', size === 'sm' ? 'mt-4' : 'mt-5') const actionSize = size === 'sm' ? ('xs' as const) : ('sm' as const) const show = (v: ErrorPagesVariant) => variant === 'all' || variant === v const title404 = pick('404', 'Page not found', title) const desc404 = pick( '404', "The page you're looking for doesn't exist or was moved. Check the URL or head back home.", description, ) const code404 = pick('404', '404', code) const image404 = pick('404', '/illustrations/error-404.jpg', image) const primary404 = pick('404', 'Go home', primaryLabel) const secondary404 = pick('404', 'Search docs', secondaryLabel) const title500 = pick('500', 'Internal server error', title) const desc500 = pick( '500', 'Something went wrong on our end. The team has been notified — try again in a moment.', description, ) const code500 = pick('500', '500', code) const image500 = pick('500', '/illustrations/error-500.jpg', image) const primary500 = pick('500', 'Retry', primaryLabel) const secondary500 = pick('500', 'Status page', secondaryLabel) const title403 = pick('403', 'Access denied', title) const desc403 = pick( '403', "You don't have permission to view this page. Switch accounts or ask an admin to request access.", description, ) const code403 = pick('403', '403', code) const image403 = pick('403', '/illustrations/error-403.jpg', image) const primary403 = pick('403', 'Request access', primaryLabel) const secondary403 = pick('403', 'Switch account', secondaryLabel) const title503 = pick('maintenance', 'Scheduled maintenance', title) const desc503 = pick( 'maintenance', "We're upgrading our systems. The service will be back online shortly.", description, ) const code503 = pick('maintenance', '503', code) const image503 = pick('maintenance', '/illustrations/error-maintenance.jpg', image) const tag503 = pick('maintenance', 'Back online around 14:00 UTC', tag) const primary503 = pick('maintenance', 'Subscribe for updates', primaryLabel) const secondary503 = variant === 'maintenance' ? (secondaryLabel ?? '') : (secondaryLabel ?? '') return (

{show('404') && (

{image404 ? ( {imageAlt}

) : image404 === undefined ? ( ) : null}

{code404 ?

{code404}

: null}

{title404}

{desc404}

{variant === '404' && tag ? (

{tag}

) : null} {showPrimary || showSecondary ? (

{showPrimary ? ( {primary404} ) : null} {showSecondary ? ( {secondary404} ) : null}

) : null}

)} {show('500') && (

{image500 ? ( {imageAlt}

) : image500 === undefined ? ( ) : null}

{code500 ?

{code500}

: null}

{title500}

{desc500}

{variant === '500' && tag ? (

{tag}

) : null} {showPrimary || showSecondary ? (

{showPrimary ? ( {primary500} ) : null} {showSecondary ? ( {secondary500} ) : null}

) : null}

)} {show('403') && (

{image403 ? ( {imageAlt}

) : image403 === undefined ? ( ) : null}

{code403 ?

{code403}

: null}

{title403}

{desc403}

{variant === '403' && tag ? (

{tag}

) : null} {showPrimary || showSecondary ? (

{showSecondary ? ( {secondary403} ) : null} {showPrimary ? ( {primary403} ) : null}

) : null}

)} {show('maintenance') && (

{image503 ? ( {imageAlt}

) : image503 === undefined ? ( ) : null}

{code503 ?

{code503}

: null}

{title503}

{desc503}

{tag503 ? (

) : null} {showPrimary || (showSecondary && secondary503) ? (

{showPrimary ? ( {primary503} ) : null} {showSecondary && secondary503 ? ( {secondary503} ) : null}

) : null}

)}

) } 5f:["$","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"}]]}]}]]}],["$","$L60",null,{"namespace":"@registrydirectory","registryDependencies":["https://uipkge.dev/r/react/button.json"]}]]}],null]}],["$","$L61",null,{"files":[{"path":"packages/registry-react/blocks/error-pages/ErrorPages.tsx","content":"$62","type":"registry:block","target":"~/components/blocks/ErrorPages.tsx"}],"className":"h-[70svh] min-h-80"}]]}]