{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "emoji-picker",
	"dependencies": [],
	"registryDependencies": [],
	"files": [
		{
			"path": "ui/emoji-picker.tsx",
			"content": "import * as React from \"react\"\nimport { EmojiPicker as BaseEmojiPicker } from \"frimousse\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction EmojiPicker({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof BaseEmojiPicker.Root>) {\n\treturn (\n\t\t<BaseEmojiPicker.Root\n\t\t\tdata-slot=\"emoji-picker\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-popover isolate flex h-80 w-fit flex-col rounded-md border shadow-md\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction EmojiPickerSearch({\n\tclassName,\n\tdisabled,\n\twrapperClassName,\n\t...props\n}: React.ComponentProps<typeof BaseEmojiPicker.Search> & {\n\twrapperClassName?: string\n}) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"emoji-picker-search-wrapper\"\n\t\t\tclassName={cn(\"p-2\", wrapperClassName)}\n\t\t>\n\t\t\t<BaseEmojiPicker.Search\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground bg-input hover:border-ring/70 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/50 aria-invalid:border-destructive z-50 flex h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base shadow-xs transition-[color,box-shadow,border-color] outline-none focus-visible:ring-[3px] data-disabled:pointer-events-none data-disabled:opacity-50 md:text-sm\",\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\tdata-disabled={disabled}\n\t\t\t\tdisabled={disabled}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</div>\n\t)\n}\n\nfunction EmojiPickerContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof BaseEmojiPicker.Viewport>) {\n\treturn (\n\t\t<BaseEmojiPicker.Viewport\n\t\t\tdata-slot=\"emoji-picker-content\"\n\t\t\tclassName={cn(\"relative flex-1 outline-hidden\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction EmojiPickerLoading({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof BaseEmojiPicker.Loading>) {\n\treturn (\n\t\t<BaseEmojiPicker.Loading\n\t\t\tdata-slot=\"emoji-picker-loading\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted-foreground absolute inset-0 flex items-center justify-center text-sm\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction EmojiPickerEmpty({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof BaseEmojiPicker.Empty>) {\n\treturn (\n\t\t<BaseEmojiPicker.Empty\n\t\t\tdata-slot=\"emoji-picker-empty\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted-foreground absolute inset-0 flex items-center justify-center text-sm\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction EmojiPickerList({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof BaseEmojiPicker.List>) {\n\treturn (\n\t\t<BaseEmojiPicker.List\n\t\t\tdata-slot=\"emoji-picker-list\"\n\t\t\tclassName={cn(\"pb-2 select-none\", className)}\n\t\t\tcomponents={{\n\t\t\t\tCategoryHeader: ({ category, ...props }) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tdata-slot=\"emoji-picker-list-category-header\"\n\t\t\t\t\t\tclassName=\"bg-popover text-muted-foreground px-3 pb-1.5 text-xs font-medium\"\n\t\t\t\t\t\t{...props}\n\t\t\t\t\t>\n\t\t\t\t\t\t{category.label}\n\t\t\t\t\t</div>\n\t\t\t\t),\n\t\t\t\tRow: ({ children, ...props }) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tdata-slot=\"emoji-picker-list-row\"\n\t\t\t\t\t\tclassName=\"scroll-my-1.5 px-1.5\"\n\t\t\t\t\t\t{...props}\n\t\t\t\t\t>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t),\n\t\t\t\tEmoji: ({ emoji, ...props }) => (\n\t\t\t\t\t<button\n\t\t\t\t\t\tdata-slot=\"emoji-picker-list-emoji\"\n\t\t\t\t\t\tclassName=\"data-active:bg-accent flex size-8 items-center justify-center rounded-md text-lg\"\n\t\t\t\t\t\t{...props}\n\t\t\t\t\t>\n\t\t\t\t\t\t{emoji.emoji}\n\t\t\t\t\t</button>\n\t\t\t\t),\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction EmojiPickerSkinToneSelector({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof BaseEmojiPicker.SkinToneSelector>) {\n\treturn (\n\t\t<BaseEmojiPicker.SkinToneSelector\n\t\t\tdata-slot=\"emoji-picker-skin-tone-selector\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-popover hover:bg-accent mx-2 mb-1.5 size-8 rounded-md text-lg\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport {\n\tEmojiPicker,\n\tEmojiPickerSearch,\n\tEmojiPickerContent,\n\tEmojiPickerLoading,\n\tEmojiPickerEmpty,\n\tEmojiPickerList,\n\tEmojiPickerSkinToneSelector,\n}\n",
			"type": "registry:ui",
			"target": ""
		}
	],
	"type": "registry:ui"
}