{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "console-record-detail",
	"title": "Console Record Detail",
	"description": "A dense CRM and ERP record detail layout with command bar, identity header, accessible tabs, facts, activity, related records, context rail, and lifecycle states",
	"dependencies": ["@base-ui/react", "daisyui", "lucide-react"],
	"files": [
		{
			"path": "registry/default/blocks/console-record-detail/console-record-detail.tsx",
			"content": "import { AlertTriangle, ChevronRight, CircleAlert, LoaderCircle, Pencil, Save, X } from 'lucide-react';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ConsoleRecordDetailPageProps = ComponentPropsWithRef<'article'> & {\n\tcommandBar?: ReactNode;\n\tfooter?: ReactNode;\n\theader: ReactNode;\n};\n\nexport function ConsoleRecordDetailPage({\n\tchildren,\n\tclassName,\n\tcommandBar,\n\tfooter,\n\theader,\n\t...props\n}: ConsoleRecordDetailPageProps) {\n\treturn (\n\t\t<article className={cn('bg-base-100 text-base-content flex min-h-0 w-full flex-col', className)} {...props}>\n\t\t\t{hasRenderableNode(commandBar) ? commandBar : null}\n\t\t\t{header}\n\t\t\t<div className='min-h-0 flex-1'>{children}</div>\n\t\t\t{hasRenderableNode(footer) ? (\n\t\t\t\t<footer className='border-base-300 text-base-content/70 border-t px-4 py-2 text-xs sm:px-6'>{footer}</footer>\n\t\t\t) : null}\n\t\t</article>\n\t);\n}\n\nexport type ConsoleRecordCommandBarProps = ComponentPropsWithRef<'div'> & {\n\tend?: ReactNode;\n\tlabel?: string;\n\tsticky?: boolean;\n};\n\nexport function ConsoleRecordCommandBar({\n\tchildren,\n\tclassName,\n\tend,\n\tlabel = '记录操作',\n\tsticky,\n\t...props\n}: ConsoleRecordCommandBarProps) {\n\treturn (\n\t\t<div\n\t\t\trole='toolbar'\n\t\t\taria-label={label}\n\t\t\tclassName={cn(\n\t\t\t\t'border-base-300 bg-base-100 flex min-h-12 flex-wrap items-center justify-between gap-2 border-b px-3 py-2 sm:px-5',\n\t\t\t\tsticky && 'sticky top-0 z-20',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className='flex min-w-0 flex-wrap items-center gap-1'>{children}</div>\n\t\t\t{hasRenderableNode(end) ? <div className='flex shrink-0 flex-wrap items-center gap-2'>{end}</div> : null}\n\t\t</div>\n\t);\n}\n\nexport type ConsoleRecordEditMessages = {\n\tcancel: string;\n\tedit: string;\n\tsave: string;\n\tsaving: string;\n};\n\nexport type ConsoleRecordEditActionsProps = Omit<ComponentPropsWithRef<'div'>, 'children'> & {\n\tdirty: boolean;\n\tediting: boolean;\n\tmessages?: Partial<ConsoleRecordEditMessages>;\n\tonCancel: () => void;\n\tonEdit: () => void;\n\tonSave: () => void;\n\tsaving?: boolean;\n};\n\nconst defaultEditMessages: ConsoleRecordEditMessages = {\n\tcancel: '取消',\n\tedit: '编辑',\n\tsave: '保存',\n\tsaving: '保存中',\n};\n\nexport function ConsoleRecordEditActions({\n\tclassName,\n\tdirty,\n\tediting,\n\tmessages: messageOverrides,\n\tonCancel,\n\tonEdit,\n\tonSave,\n\tsaving = false,\n\t...props\n}: ConsoleRecordEditActionsProps) {\n\tconst messages = { ...defaultEditMessages, ...messageOverrides };\n\treturn (\n\t\t<div className={cn('flex items-center gap-1', className)} {...props}>\n\t\t\t<button className='btn btn-ghost btn-sm' type='button' onClick={onEdit} disabled={editing || saving}>\n\t\t\t\t<Pencil className='size-4' /> {messages.edit}\n\t\t\t</button>\n\t\t\t{editing ? (\n\t\t\t\t<button className='btn btn-ghost btn-sm' type='button' onClick={onCancel} disabled={saving}>\n\t\t\t\t\t<X className='size-4' /> {messages.cancel}\n\t\t\t\t</button>\n\t\t\t) : null}\n\t\t\t<button className='btn btn-primary btn-sm' type='button' onClick={onSave} disabled={!editing || !dirty || saving}>\n\t\t\t\t{saving ? <LoaderCircle className='size-4 animate-spin' /> : <Save className='size-4' />}\n\t\t\t\t{saving ? messages.saving : messages.save}\n\t\t\t</button>\n\t\t</div>\n\t);\n}\n\nexport type ConsoleRecordHeaderProps = Omit<ComponentPropsWithRef<'header'>, 'title'> & {\n\tactions?: ReactNode;\n\tavatar?: ReactNode;\n\tbadges?: ReactNode;\n\teyebrow?: ReactNode;\n\tmetadata?: ReactNode;\n\tstatus?: ReactNode;\n\tsubtitle?: ReactNode;\n\ttitle: ReactNode;\n};\n\nexport function ConsoleRecordHeader({\n\tactions,\n\tavatar,\n\tbadges,\n\tclassName,\n\teyebrow,\n\tmetadata,\n\tstatus,\n\tsubtitle,\n\ttitle,\n\t...props\n}: ConsoleRecordHeaderProps) {\n\treturn (\n\t\t<header className={cn('border-base-300 bg-base-100 border-b px-4 py-5 sm:px-6', className)} {...props}>\n\t\t\t<div className='flex min-w-0 flex-col gap-4 sm:flex-row sm:items-start'>\n\t\t\t\t{hasRenderableNode(avatar) ? (\n\t\t\t\t\t<div className='bg-primary text-primary-content grid size-16 shrink-0 place-items-center rounded-md text-xl font-semibold sm:size-20'>\n\t\t\t\t\t\t{avatar}\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t\t<div className='min-w-0 flex-1'>\n\t\t\t\t\t{hasRenderableNode(eyebrow) ? (\n\t\t\t\t\t\t<div className='text-base-content/70 text-xs font-medium'>{eyebrow}</div>\n\t\t\t\t\t) : null}\n\t\t\t\t\t<div className='mt-1 flex min-w-0 flex-wrap items-center gap-2'>\n\t\t\t\t\t\t<h1 className='min-w-0 text-2xl font-semibold break-words'>{title}</h1>\n\t\t\t\t\t\t{hasRenderableNode(status) ? <div className='shrink-0'>{status}</div> : null}\n\t\t\t\t\t</div>\n\t\t\t\t\t{hasRenderableNode(subtitle) ? (\n\t\t\t\t\t\t<div className='text-base-content/70 mt-1 text-sm leading-6'>{subtitle}</div>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{hasRenderableNode(badges) ? <div className='mt-3 flex flex-wrap items-center gap-2'>{badges}</div> : null}\n\t\t\t\t\t{hasRenderableNode(metadata) ? (\n\t\t\t\t\t\t<div className='text-base-content/70 mt-3 text-xs leading-5'>{metadata}</div>\n\t\t\t\t\t) : null}\n\t\t\t\t</div>\n\t\t\t\t{hasRenderableNode(actions) ? (\n\t\t\t\t\t<div className='flex shrink-0 flex-wrap items-center gap-2'>{actions}</div>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t</header>\n\t);\n}\n\nexport type ConsoleRecordContentLayoutProps = ComponentPropsWithRef<'div'> & {\n\taside?: ReactNode;\n\tasideLabel?: string;\n\tasideWidth?: string;\n\tmain: ReactNode;\n};\n\nexport function ConsoleRecordContentLayout({\n\taside,\n\tasideLabel = '记录上下文',\n\tasideWidth = '20rem',\n\tclassName,\n\tmain,\n\tstyle,\n\t...props\n}: ConsoleRecordContentLayoutProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'mx-auto grid w-full max-w-7xl grid-cols-1 xl:grid-cols-[minmax(0,1fr)_var(--record-aside-width)]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={{ ...style, '--record-aside-width': asideWidth } as React.CSSProperties}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className='min-w-0 px-4 py-5 sm:px-6'>{main}</div>\n\t\t\t{hasRenderableNode(aside) ? (\n\t\t\t\t<aside\n\t\t\t\t\taria-label={asideLabel}\n\t\t\t\t\tclassName='border-base-300 min-w-0 border-t px-4 py-5 sm:px-6 xl:border-t-0 xl:border-l'\n\t\t\t\t>\n\t\t\t\t\t{aside}\n\t\t\t\t</aside>\n\t\t\t) : null}\n\t\t</div>\n\t);\n}\n\nexport type ConsoleRecordSectionProps = Omit<ComponentPropsWithRef<'section'>, 'title'> & {\n\tactions?: ReactNode;\n\tdescription?: ReactNode;\n\ttitle: ReactNode;\n};\n\nexport function ConsoleRecordSection({\n\tactions,\n\tchildren,\n\tclassName,\n\tdescription,\n\ttitle,\n\t...props\n}: ConsoleRecordSectionProps) {\n\treturn (\n\t\t<section className={cn('not-first:mt-7', className)} {...props}>\n\t\t\t<div className='border-base-300 flex min-w-0 items-start justify-between gap-4 border-b pb-2'>\n\t\t\t\t<div className='min-w-0'>\n\t\t\t\t\t<h2 className='text-sm font-semibold'>{title}</h2>\n\t\t\t\t\t{hasRenderableNode(description) ? (\n\t\t\t\t\t\t<div className='text-base-content/70 mt-1 text-xs leading-5'>{description}</div>\n\t\t\t\t\t) : null}\n\t\t\t\t</div>\n\t\t\t\t{hasRenderableNode(actions) ? <div className='flex shrink-0 items-center gap-1'>{actions}</div> : null}\n\t\t\t</div>\n\t\t\t<div className='mt-3'>{children}</div>\n\t\t</section>\n\t);\n}\n\nexport type ConsoleRecordFact = {\n\tdescription?: ReactNode;\n\tid: string;\n\tlabel: ReactNode;\n\tvalue: ReactNode;\n};\n\nexport type ConsoleRecordFactListProps = Omit<ComponentPropsWithRef<'dl'>, 'children'> & {\n\tcolumns?: 1 | 2 | 3;\n\tempty?: ReactNode;\n\temptyLabel?: string;\n\tfacts: ConsoleRecordFact[];\n};\n\nconst factGridClasses = {\n\t1: 'grid-cols-1',\n\t2: 'grid-cols-1 md:grid-cols-2',\n\t3: 'grid-cols-1 md:grid-cols-2 2xl:grid-cols-3',\n} as const;\n\nexport function ConsoleRecordFactList({\n\tclassName,\n\tcolumns = 2,\n\tempty = '暂无信息',\n\temptyLabel = '信息',\n\tfacts,\n\t...props\n}: ConsoleRecordFactListProps) {\n\tif (facts.length === 0) {\n\t\treturn (\n\t\t\t<dl className={cn('text-base-content/70 border-base-300 border-y py-5 text-sm', className)} {...props}>\n\t\t\t\t<div>\n\t\t\t\t\t<dt className='sr-only'>{emptyLabel}</dt>\n\t\t\t\t\t<dd>{empty}</dd>\n\t\t\t\t</div>\n\t\t\t</dl>\n\t\t);\n\t}\n\treturn (\n\t\t<dl className={cn('border-base-300 grid gap-x-6 border-t', factGridClasses[columns], className)} {...props}>\n\t\t\t{facts.map((fact) => (\n\t\t\t\t<div key={fact.id} className='border-base-300 min-w-0 border-b py-3'>\n\t\t\t\t\t<dt className='text-base-content/70 text-xs'>{fact.label}</dt>\n\t\t\t\t\t<dd className='mt-1 min-w-0 break-words'>\n\t\t\t\t\t\t<div className='text-sm font-medium'>{fact.value}</div>\n\t\t\t\t\t\t{hasRenderableNode(fact.description) ? (\n\t\t\t\t\t\t\t<div className='text-base-content/70 mt-1 text-xs leading-5'>{fact.description}</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</dd>\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</dl>\n\t);\n}\n\nexport type ConsoleRecordActivity = {\n\tactor?: ReactNode;\n\tdateTime?: string;\n\tdescription?: ReactNode;\n\ticon?: ReactNode;\n\tid: string;\n\ttime?: ReactNode;\n\ttitle: ReactNode;\n};\n\nexport type ConsoleRecordActivityListProps = ComponentPropsWithRef<'ol'> & {\n\tactivities: ConsoleRecordActivity[];\n\tempty?: ReactNode;\n};\n\nexport function ConsoleRecordActivityList({\n\tactivities,\n\tclassName,\n\tempty = '暂无活动',\n\t...props\n}: ConsoleRecordActivityListProps) {\n\tif (activities.length === 0) {\n\t\treturn (\n\t\t\t<ol className={cn('text-base-content/70 py-5 text-sm', className)} {...props}>\n\t\t\t\t<li>{empty}</li>\n\t\t\t</ol>\n\t\t);\n\t}\n\treturn (\n\t\t<ol className={cn('relative', className)} {...props}>\n\t\t\t{activities.map((activity, index) => (\n\t\t\t\t<li key={activity.id} className='grid grid-cols-[2rem_minmax(0,1fr)] gap-3'>\n\t\t\t\t\t<div className='relative flex justify-center'>\n\t\t\t\t\t\t{index < activities.length - 1 ? (\n\t\t\t\t\t\t\t<span aria-hidden='true' className='bg-base-300 absolute top-7 bottom-0 w-px' />\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t<span className='border-base-300 bg-base-100 z-10 grid size-7 place-items-center rounded-full border'>\n\t\t\t\t\t\t\t{activity.icon ?? <span className='bg-base-content/40 size-1.5 rounded-full' />}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className='border-base-300 min-w-0 border-b pb-4 not-first:pt-1'>\n\t\t\t\t\t\t<div className='flex min-w-0 flex-col gap-1 sm:flex-row sm:items-start sm:justify-between'>\n\t\t\t\t\t\t\t<div className='min-w-0 text-sm font-medium'>{activity.title}</div>\n\t\t\t\t\t\t\t{hasRenderableNode(activity.time) ? (\n\t\t\t\t\t\t\t\t<time dateTime={activity.dateTime} className='text-base-content/70 shrink-0 text-xs'>\n\t\t\t\t\t\t\t\t\t{activity.time}\n\t\t\t\t\t\t\t\t</time>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{hasRenderableNode(activity.description) ? (\n\t\t\t\t\t\t\t<div className='text-base-content/70 mt-1 text-sm leading-6'>{activity.description}</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t{hasRenderableNode(activity.actor) ? (\n\t\t\t\t\t\t\t<div className='text-base-content/70 mt-1 text-xs'>{activity.actor}</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</div>\n\t\t\t\t</li>\n\t\t\t))}\n\t\t</ol>\n\t);\n}\n\nexport type ConsoleRecordRelatedItem = {\n\tactions?: ReactNode;\n\thref?: string;\n\tid: string;\n\tmeta?: ReactNode;\n\tstatus?: ReactNode;\n\tsubtitle?: ReactNode;\n\ttitle: ReactNode;\n};\n\nexport type ConsoleRecordRelatedListProps = ComponentPropsWithRef<'ul'> & {\n\tempty?: ReactNode;\n\titems: ConsoleRecordRelatedItem[];\n};\n\nexport function ConsoleRecordRelatedList({\n\tclassName,\n\tempty = '暂无关联记录',\n\titems,\n\t...props\n}: ConsoleRecordRelatedListProps) {\n\tif (items.length === 0) {\n\t\treturn (\n\t\t\t<ul className={cn('text-base-content/70 py-5 text-sm', className)} {...props}>\n\t\t\t\t<li>{empty}</li>\n\t\t\t</ul>\n\t\t);\n\t}\n\treturn (\n\t\t<ul className={cn('border-base-300 divide-base-300 divide-y border-y', className)} {...props}>\n\t\t\t{items.map((item) => {\n\t\t\t\tconst content = (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<span className='min-w-0 flex-1'>\n\t\t\t\t\t\t\t<span className='flex min-w-0 flex-wrap items-center gap-2 text-sm font-medium'>\n\t\t\t\t\t\t\t\t<span className='min-w-0 break-words'>{item.title}</span>\n\t\t\t\t\t\t\t\t{hasRenderableNode(item.status) ? item.status : null}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t{hasRenderableNode(item.subtitle) ? (\n\t\t\t\t\t\t\t\t<span className='text-base-content/70 mt-1 block text-xs'>{item.subtitle}</span>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t{hasRenderableNode(item.meta) ? (\n\t\t\t\t\t\t\t\t<span className='text-base-content/70 mt-1 block text-xs'>{item.meta}</span>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t\treturn (\n\t\t\t\t\t<li key={item.id} className='flex min-w-0 items-center gap-2'>\n\t\t\t\t\t\t<div className='min-w-0 flex-1'>\n\t\t\t\t\t\t\t{item.href ? (\n\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\thref={item.href}\n\t\t\t\t\t\t\t\t\tclassName='hover:bg-base-200/50 focus-visible:ring-primary flex min-w-0 items-center gap-3 px-1 py-3 outline-none focus-visible:ring-2 focus-visible:ring-inset'\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{content}\n\t\t\t\t\t\t\t\t\t<ChevronRight aria-hidden='true' className='text-base-content/60 size-4 shrink-0' />\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div className='flex min-w-0 items-center gap-3 px-1 py-3'>{content}</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{hasRenderableNode(item.actions) ? <div className='shrink-0'>{item.actions}</div> : null}\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t})}\n\t\t</ul>\n\t);\n}\n\nexport type ConsoleRecordStateProps = Omit<ComponentPropsWithRef<'section'>, 'title'> & {\n\tactions?: ReactNode;\n\tdescription?: ReactNode;\n\ticon?: ReactNode;\n\tstate?: 'loading' | 'empty' | 'error';\n\ttitle?: ReactNode;\n};\n\nconst stateDefaults = {\n\tloading: { icon: <LoaderCircle className='size-5 animate-spin' />, title: '正在加载记录' },\n\tempty: { icon: <CircleAlert className='size-5' />, title: '未找到记录' },\n\terror: { icon: <AlertTriangle className='size-5' />, title: '无法加载记录' },\n} as const;\n\nexport function ConsoleRecordState({\n\tactions,\n\tclassName,\n\tdescription,\n\ticon,\n\tstate = 'empty',\n\ttitle,\n\t...props\n}: ConsoleRecordStateProps) {\n\tconst defaults = stateDefaults[state];\n\treturn (\n\t\t<section\n\t\t\tclassName={cn('grid min-h-72 place-items-center px-5 py-10 text-center', className)}\n\t\t\trole={state === 'error' ? 'alert' : state === 'loading' ? 'status' : undefined}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className='max-w-md'>\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'mx-auto grid size-10 place-items-center rounded-full',\n\t\t\t\t\t\tstate === 'error' ? 'bg-error/10 text-error' : 'bg-base-200',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{icon ?? defaults.icon}\n\t\t\t\t</div>\n\t\t\t\t<h2 className='mt-3 text-base font-semibold'>{title ?? defaults.title}</h2>\n\t\t\t\t{hasRenderableNode(description) ? (\n\t\t\t\t\t<div className='text-base-content/70 mt-1 text-sm leading-6'>{description}</div>\n\t\t\t\t) : null}\n\t\t\t\t{hasRenderableNode(actions) ? <div className='mt-4 flex justify-center gap-2'>{actions}</div> : null}\n\t\t\t</div>\n\t\t</section>\n\t);\n}\n\nfunction hasRenderableNode(value: ReactNode) {\n\treturn value !== undefined && value !== null && value !== false;\n}\n",
			"type": "registry:component",
			"target": "@components/console-record-detail/console-record-detail.tsx"
		},
		{
			"path": "registry/default/blocks/console-record-detail/console-record-tabs.tsx",
			"content": "'use client';\n\nimport { Tabs } from '@base-ui/react/tabs';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ConsoleRecordTab = {\n\tbadge?: ReactNode;\n\tcontent: ReactNode;\n\tdisabled?: boolean;\n\ticon?: ReactNode;\n\tlabel: ReactNode;\n\tvalue: string;\n};\n\nexport type ConsoleRecordTabsProps = Omit<\n\tComponentPropsWithRef<typeof Tabs.Root>,\n\t'children' | 'defaultValue' | 'onValueChange' | 'value'\n> & {\n\tdefaultValue?: string | null;\n\tkeepMounted?: boolean;\n\tlistLabel?: string;\n\tonValueChange?: (value: string | null, eventDetails: Tabs.Root.ChangeEventDetails) => void;\n\tpanelClassName?: string;\n\ttabs: ConsoleRecordTab[];\n\tvalue?: string | null;\n};\n\nexport function ConsoleRecordTabs({\n\tclassName,\n\tdefaultValue,\n\tkeepMounted = true,\n\tlistLabel = '记录视图',\n\tonValueChange,\n\tpanelClassName,\n\ttabs,\n\tvalue,\n\t...props\n}: ConsoleRecordTabsProps) {\n\tconst initialValue = defaultValue === undefined ? tabs.find((tab) => !tab.disabled)?.value : defaultValue;\n\tconst rootClassName =\n\t\ttypeof className === 'function'\n\t\t\t? (state: Tabs.Root.State) => cn('min-h-0', className(state))\n\t\t\t: cn('min-h-0', className);\n\treturn (\n\t\t<Tabs.Root\n\t\t\tclassName={rootClassName}\n\t\t\tdefaultValue={value === undefined ? initialValue : undefined}\n\t\t\tonValueChange={onValueChange}\n\t\t\tvalue={value}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className='border-base-300 bg-base-100 overflow-x-auto border-b px-4 sm:px-6'>\n\t\t\t\t<Tabs.List aria-label={listLabel} className='relative flex min-w-max items-stretch gap-1'>\n\t\t\t\t\t{tabs.map((tab) => (\n\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\tkey={tab.value}\n\t\t\t\t\t\t\tvalue={tab.value}\n\t\t\t\t\t\t\tdisabled={tab.disabled}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'text-base-content/70 hover:text-base-content focus-visible:ring-primary relative flex min-h-11 items-center gap-2 px-3 text-sm font-medium outline-none focus-visible:ring-2 focus-visible:ring-inset',\n\t\t\t\t\t\t\t\t'data-[active]:text-base-content after:bg-primary after:absolute after:right-2 after:bottom-0 after:left-2 after:h-0.5 after:scale-x-0 after:transition-transform data-[active]:after:scale-x-100',\n\t\t\t\t\t\t\t\t'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-40',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{hasRenderableNode(tab.icon) ? <span className='shrink-0'>{tab.icon}</span> : null}\n\t\t\t\t\t\t\t<span>{tab.label}</span>\n\t\t\t\t\t\t\t{hasRenderableNode(tab.badge) ? <span className='shrink-0'>{tab.badge}</span> : null}\n\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t))}\n\t\t\t\t</Tabs.List>\n\t\t\t</div>\n\t\t\t{tabs.map((tab) => (\n\t\t\t\t<Tabs.Panel\n\t\t\t\t\tkey={tab.value}\n\t\t\t\t\tvalue={tab.value}\n\t\t\t\t\tkeepMounted={keepMounted}\n\t\t\t\t\tclassName={cn('outline-none', panelClassName)}\n\t\t\t\t>\n\t\t\t\t\t{tab.content}\n\t\t\t\t</Tabs.Panel>\n\t\t\t))}\n\t\t</Tabs.Root>\n\t);\n}\n\nfunction hasRenderableNode(value: ReactNode) {\n\treturn value !== undefined && value !== null && value !== false;\n}\n",
			"type": "registry:component",
			"target": "@components/console-record-detail/console-record-tabs.tsx"
		},
		{
			"path": "registry/default/blocks/console-record-detail/index.ts",
			"content": "export * from './console-record-detail';\nexport * from './console-record-tabs';\n",
			"type": "registry:component",
			"target": "@components/console-record-detail/index.ts"
		}
	],
	"type": "registry:block"
}