{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "message-scroller",
	"title": "Message Scroller",
	"description": "Real-DOM transcript scroller with live-edge following, anchoring, reader intent, visibility, and commands",
	"dependencies": ["@shadcn/react@0.2.1", "daisyui", "lucide-react"],
	"files": [
		{
			"path": "registry/default/ui/message-scroller/message-scroller.tsx",
			"content": "'use client';\n\nimport {\n\tMessageScroller as MessageScrollerPrimitive,\n\tuseMessageScroller,\n\tuseMessageScrollerScrollable,\n\tuseMessageScrollerVisibility,\n} from '@shadcn/react/message-scroller';\nimport { ArrowDown } from 'lucide-react';\nimport type { ComponentPropsWithRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type MessageScrollerMessages = {\n\tviewportLabel: string;\n\tscrollToEnd: string;\n\tscrollToStart: string;\n};\n\nexport const defaultMessageScrollerMessages: MessageScrollerMessages = {\n\tviewportLabel: '消息记录',\n\tscrollToEnd: '滚动到底部',\n\tscrollToStart: '滚动到顶部',\n};\n\nexport type MessageScrollerProviderProps = ComponentPropsWithRef<typeof MessageScrollerPrimitive.Provider>;\n\nexport function MessageScrollerProvider(props: MessageScrollerProviderProps) {\n\treturn <MessageScrollerPrimitive.Provider {...props} />;\n}\n\nexport type MessageScrollerProps = ComponentPropsWithRef<typeof MessageScrollerPrimitive.Root>;\n\nexport function MessageScroller({ className, ...props }: MessageScrollerProps) {\n\treturn (\n\t\t<MessageScrollerPrimitive.Root\n\t\t\tdata-slot='message-scroller'\n\t\t\tclassName={cn(\n\t\t\t\t'group/message-scroller relative flex size-full min-h-0 min-w-0 flex-col overflow-hidden',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type MessageScrollerViewportProps = ComponentPropsWithRef<typeof MessageScrollerPrimitive.Viewport> & {\n\tmessages?: Partial<MessageScrollerMessages>;\n};\n\nexport function MessageScrollerViewport({ className, messages, ...props }: MessageScrollerViewportProps) {\n\tconst copy = { ...defaultMessageScrollerMessages, ...messages };\n\treturn (\n\t\t<MessageScrollerPrimitive.Viewport\n\t\t\taria-label={copy.viewportLabel}\n\t\t\tdata-slot='message-scroller-viewport'\n\t\t\tclassName={cn(\n\t\t\t\t'size-full min-h-0 min-w-0 [scrollbar-gutter:stable] overflow-y-auto overscroll-contain [contain:content] data-autoscrolling:scroll-smooth',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type MessageScrollerContentProps = ComponentPropsWithRef<typeof MessageScrollerPrimitive.Content>;\n\nexport function MessageScrollerContent({ className, ...props }: MessageScrollerContentProps) {\n\treturn (\n\t\t<MessageScrollerPrimitive.Content\n\t\t\tdata-slot='message-scroller-content'\n\t\t\tclassName={cn('flex h-max min-h-full min-w-0 flex-col gap-8', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type MessageScrollerItemProps = ComponentPropsWithRef<typeof MessageScrollerPrimitive.Item>;\n\nexport function MessageScrollerItem({ className, scrollAnchor = false, ...props }: MessageScrollerItemProps) {\n\treturn (\n\t\t<MessageScrollerPrimitive.Item\n\t\t\tdata-slot='message-scroller-item'\n\t\t\tscrollAnchor={scrollAnchor}\n\t\t\tclassName={cn('min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type MessageScrollerButtonProps = ComponentPropsWithRef<typeof MessageScrollerPrimitive.Button> & {\n\tmessages?: Partial<MessageScrollerMessages>;\n};\n\nexport function MessageScrollerButton({\n\tdirection = 'end',\n\tclassName,\n\tchildren,\n\tmessages,\n\t...props\n}: MessageScrollerButtonProps) {\n\tconst copy = { ...defaultMessageScrollerMessages, ...messages };\n\treturn (\n\t\t<MessageScrollerPrimitive.Button\n\t\t\tdata-slot='message-scroller-button'\n\t\t\tdata-direction={direction}\n\t\t\tdirection={direction}\n\t\t\tclassName={cn(\n\t\t\t\t'btn btn-circle btn-sm border-border bg-background text-foreground hover:bg-muted hover:text-foreground absolute start-1/2 size-8 min-h-8 min-w-8 -translate-x-1/2 p-0 shadow-sm transition-[translate,scale,opacity] duration-200 data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children ?? (\n\t\t\t\t<>\n\t\t\t\t\t<ArrowDown aria-hidden='true' className='size-4' />\n\t\t\t\t\t<span className='sr-only'>{direction === 'end' ? copy.scrollToEnd : copy.scrollToStart}</span>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</MessageScrollerPrimitive.Button>\n\t);\n}\n\nexport type {\n\tMessageScrollerDefaultScrollPosition,\n\tMessageScrollerScrollAlign,\n\tMessageScrollerScrollable,\n\tMessageScrollerScrollOptions,\n\tMessageScrollerVisibilityState,\n} from '@shadcn/react/message-scroller';\nexport { useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility };\n",
			"type": "registry:ui",
			"target": "@components/message-scroller/message-scroller.tsx"
		},
		{
			"path": "registry/default/ui/message-scroller/index.ts",
			"content": "export * from './message-scroller';\n",
			"type": "registry:ui",
			"target": "@components/message-scroller/index.ts"
		}
	],
	"type": "registry:ui"
}