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:T389a,'use client' import type { ComponentProps, ReactNode } from 'react' import { RotateCcw } from 'lucide-react' import { cn } from '@/lib/utils' import { Button } from '@/components/ui/button' export type EmptyStateVariant = 'no-data' | 'no-search-results' | 'first-use' | 'error-recovery' | 'no-access' | 'sync-complete' export interface EmptyStatesProps { /** `'all'` renders the full gallery; a single variant renders just that card. */ variant?: EmptyStateVariant | 'all' size?: 'sm' | 'default' layout?: 'grid' | 'list' className?: string title?: string description?: string /** Replaces the 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 onPrimary?: () => void onSecondary?: () => 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 ( ) } function ResponsePanel({ request, status, detail, tone, }: { request: string status: string detail: string tone?: 'destructive' | 'warning' }) { return ( ) } export function EmptyStates({ variant = 'all', size = 'default', layout = 'grid', className, title, description, image, imageAlt = '', primaryLabel, secondaryLabel, primaryHref, secondaryHref, showPrimary = true, showSecondary = true, primaryDisabled = false, secondaryDisabled = false, onPrimary, onSecondary, }: EmptyStatesProps) { const show = (v: EmptyStateVariant) => variant === 'all' || variant === v const pick = (v: EmptyStateVariant, fallback: string, override?: string) => variant === v ? copy(fallback, override) : fallback const defaults: Record = { 'no-data': '/illustrations/empty-no-data.jpg', 'no-search-results': '/illustrations/empty-no-search.jpg', 'first-use': '/illustrations/empty-first-use.jpg', 'error-recovery': '/illustrations/empty-error-recovery.jpg', 'no-access': '/illustrations/empty-no-access.jpg', 'sync-complete': '/illustrations/empty-sync-complete.jpg', } const art = (v: EmptyStateVariant) => (variant === v ? copy(defaults[v], image) : defaults[v]) const cardClass = cn( 'border-border bg-card overflow-hidden rounded-xl border text-left', size === 'sm' && 'rounded-lg', layout === 'list' && 'w-full max-w-md', ) const imgClass = cn('w-full object-cover', size === 'sm' ? 'aspect-[16/9]' : 'aspect-[16/10]') const bodyClass = size === 'sm' ? 'p-5' : 'p-6' const titleClass = 'text-sm font-medium' const descClass = 'text-muted-foreground mt-1 max-w-xs 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) return (

{show('no-data') && (

{art('no-data') ? ( {imageAlt}

) : art('no-data') === undefined ? ( ) : null}

{pick('no-data', 'Nothing here yet', title)}

{pick( 'no-data', 'Your workspace is empty. Create your first project or import existing data to get started.', description, )}

{showPrimary || showSecondary ? (

{showPrimary ? ( {pick('no-data', 'Create', primaryLabel)} ) : null} {showSecondary ? ( {pick('no-data', 'Import data', secondaryLabel)} ) : null}

) : null}

)} {show('no-search-results') && (

{art('no-search-results') ? (

) : art('no-search-results') === undefined ? ( ) : null}

{pick('no-search-results', 'No matches', title)}

{pick( 'no-search-results', 'Nothing matched your current filters. Try different keywords or broaden the search.', description, )}

{showPrimary || showSecondary ? (

{showPrimary ? ( {pick('no-search-results', 'Clear filters', primaryLabel)} ) : null} {showSecondary ? ( {pick('no-search-results', 'View all', secondaryLabel)} ) : null}

) : null}

)} {show('first-use') && (

{art('first-use') ? ( {imageAlt}

) : art('first-use') === undefined ? ( ) : null}

{pick('first-use', 'Welcome to Acme', title)}

{pick( 'first-use', 'This is your new dashboard. Set up your workspace and invite the team to start collaborating.', description, )}

{showPrimary || showSecondary ? (

{showPrimary ? ( {pick('first-use', 'Get started', primaryLabel)} ) : null} {showSecondary ? ( {pick('first-use', 'Take a tour', secondaryLabel)} ) : null}

) : null}

)} {show('error-recovery') && (

{art('error-recovery') ? ( {imageAlt}

) : art('error-recovery') === undefined ? ( ) : null}

{pick('error-recovery', 'Something broke', title)}

{pick( 'error-recovery', "We couldn't load your data. Your work is safe — check the connection and try again.", description, )}

{showPrimary || showSecondary ? (

{showPrimary ? ( {pick('error-recovery', 'Retry', primaryLabel)} ) : null} {showSecondary ? ( {pick('error-recovery', 'Contact support', secondaryLabel)} ) : null}

) : null}

)} {show('no-access') && (

{art('no-access') ? ( {imageAlt}

) : art('no-access') === undefined ? ( ) : null}

{pick('no-access', 'Ask your admin', title)}

{pick( 'no-access', "You don't have access to this workspace yet. Request permission and we'll notify you once it's granted.", description, )}

{showPrimary || showSecondary ? (

{showPrimary ? ( {pick('no-access', 'Request access', primaryLabel)} ) : null} {showSecondary ? ( {pick('no-access', 'Switch account', secondaryLabel)} ) : null}

) : null}

)} {show('sync-complete') && (

{art('sync-complete') ? ( {imageAlt}

) : art('sync-complete') === undefined ? ( ) : null}

{pick('sync-complete', 'Everything synced', title)}

{pick( 'sync-complete', 'All changes were uploaded a few seconds ago. We will keep syncing in the background.', description, )}

{showPrimary || showSecondary ? (

{showSecondary ? ( {pick('sync-complete', 'View activity', secondaryLabel)} ) : 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/empty-states/EmptyStates.tsx","content":"$62","type":"registry:block","target":"~/components/blocks/EmptyStates.tsx"}],"className":"h-[70svh] min-h-80"}]]}]