@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/components/waka-reaction-picker/index.es.js

@@ -0,0 +1,2348 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Popover as t, PopoverContent as n, PopoverTrigger as r } from "../popover/index.es.js";
+import * as i from "react";
+import { Clock as a, Dog as o, Flag as s, Hash as c, Heart as l, Lightbulb as u, Pizza as d, Plane as f, Search as p, Smile as m, ThumbsUp as h, X as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/components/waka-reaction-picker/index.tsx
+var y = {
+	default: "",
+	light: "🏻",
+	"medium-light": "🏼",
+	medium: "🏽",
+	"medium-dark": "🏾",
+	dark: "🏿"
+}, b = {
+	recent: /* @__PURE__ */ _(a, { className: "h-4 w-4" }),
+	smileys: /* @__PURE__ */ _(m, { className: "h-4 w-4" }),
+	people: /* @__PURE__ */ _(l, { className: "h-4 w-4" }),
+	animals: /* @__PURE__ */ _(o, { className: "h-4 w-4" }),
+	food: /* @__PURE__ */ _(d, { className: "h-4 w-4" }),
+	travel: /* @__PURE__ */ _(f, { className: "h-4 w-4" }),
+	activities: /* @__PURE__ */ _(h, { className: "h-4 w-4" }),
+	objects: /* @__PURE__ */ _(u, { className: "h-4 w-4" }),
+	symbols: /* @__PURE__ */ _(c, { className: "h-4 w-4" }),
+	flags: /* @__PURE__ */ _(s, { className: "h-4 w-4" })
+}, x = {
+	recent: "Recent",
+	smileys: "Smileys & Emotion",
+	people: "People & Body",
+	animals: "Animals & Nature",
+	food: "Food & Drink",
+	travel: "Travel & Places",
+	activities: "Activities",
+	objects: "Objects",
+	symbols: "Symbols",
+	flags: "Flags"
+}, S = [
+	"👍",
+	"❤️",
+	"😂",
+	"😮",
+	"😢",
+	"🎉"
+], C = [
+	{
+		id: "grinning",
+		emoji: "😀",
+		name: "Grinning Face",
+		category: "smileys",
+		keywords: ["happy", "smile"]
+	},
+	{
+		id: "grin",
+		emoji: "😁",
+		name: "Beaming Face",
+		category: "smileys",
+		keywords: ["happy", "smile"]
+	},
+	{
+		id: "joy",
+		emoji: "😂",
+		name: "Face with Tears of Joy",
+		category: "smileys",
+		keywords: ["laugh", "crying"]
+	},
+	{
+		id: "rofl",
+		emoji: "🤣",
+		name: "Rolling on Floor Laughing",
+		category: "smileys",
+		keywords: ["laugh"]
+	},
+	{
+		id: "smile",
+		emoji: "😊",
+		name: "Smiling Face",
+		category: "smileys",
+		keywords: ["happy", "blush"]
+	},
+	{
+		id: "sweat_smile",
+		emoji: "😅",
+		name: "Grinning Face with Sweat",
+		category: "smileys",
+		keywords: ["nervous"]
+	},
+	{
+		id: "laughing",
+		emoji: "😆",
+		name: "Grinning Squinting Face",
+		category: "smileys",
+		keywords: ["happy"]
+	},
+	{
+		id: "wink",
+		emoji: "😉",
+		name: "Winking Face",
+		category: "smileys",
+		keywords: ["flirt"]
+	},
+	{
+		id: "blush",
+		emoji: "😊",
+		name: "Smiling Face with Smiling Eyes",
+		category: "smileys",
+		keywords: ["happy"]
+	},
+	{
+		id: "yum",
+		emoji: "😋",
+		name: "Face Savoring Food",
+		category: "smileys",
+		keywords: ["delicious", "tongue"]
+	},
+	{
+		id: "sunglasses",
+		emoji: "😎",
+		name: "Smiling Face with Sunglasses",
+		category: "smileys",
+		keywords: ["cool"]
+	},
+	{
+		id: "heart_eyes",
+		emoji: "😍",
+		name: "Smiling Face with Heart-Eyes",
+		category: "smileys",
+		keywords: ["love"]
+	},
+	{
+		id: "kissing_heart",
+		emoji: "😘",
+		name: "Face Blowing a Kiss",
+		category: "smileys",
+		keywords: ["love"]
+	},
+	{
+		id: "thinking",
+		emoji: "🤔",
+		name: "Thinking Face",
+		category: "smileys",
+		keywords: ["hmm", "consider"]
+	},
+	{
+		id: "neutral",
+		emoji: "😐",
+		name: "Neutral Face",
+		category: "smileys",
+		keywords: ["meh"]
+	},
+	{
+		id: "expressionless",
+		emoji: "😑",
+		name: "Expressionless Face",
+		category: "smileys",
+		keywords: ["blank"]
+	},
+	{
+		id: "unamused",
+		emoji: "😒",
+		name: "Unamused Face",
+		category: "smileys",
+		keywords: ["annoyed"]
+	},
+	{
+		id: "rolling_eyes",
+		emoji: "🙄",
+		name: "Face with Rolling Eyes",
+		category: "smileys",
+		keywords: ["whatever"]
+	},
+	{
+		id: "grimacing",
+		emoji: "😬",
+		name: "Grimacing Face",
+		category: "smileys",
+		keywords: ["awkward"]
+	},
+	{
+		id: "relieved",
+		emoji: "😌",
+		name: "Relieved Face",
+		category: "smileys",
+		keywords: ["calm", "peaceful"]
+	},
+	{
+		id: "pensive",
+		emoji: "😔",
+		name: "Pensive Face",
+		category: "smileys",
+		keywords: ["sad", "thoughtful"]
+	},
+	{
+		id: "sleepy",
+		emoji: "😪",
+		name: "Sleepy Face",
+		category: "smileys",
+		keywords: ["tired"]
+	},
+	{
+		id: "drooling",
+		emoji: "🤤",
+		name: "Drooling Face",
+		category: "smileys",
+		keywords: ["hungry"]
+	},
+	{
+		id: "sleeping",
+		emoji: "😴",
+		name: "Sleeping Face",
+		category: "smileys",
+		keywords: ["zzz", "tired"]
+	},
+	{
+		id: "mask",
+		emoji: "😷",
+		name: "Face with Medical Mask",
+		category: "smileys",
+		keywords: ["sick", "covid"]
+	},
+	{
+		id: "thermometer",
+		emoji: "🤒",
+		name: "Face with Thermometer",
+		category: "smileys",
+		keywords: ["sick", "fever"]
+	},
+	{
+		id: "nerd",
+		emoji: "🤓",
+		name: "Nerd Face",
+		category: "smileys",
+		keywords: ["geek", "glasses"]
+	},
+	{
+		id: "confused",
+		emoji: "😕",
+		name: "Confused Face",
+		category: "smileys",
+		keywords: ["puzzled"]
+	},
+	{
+		id: "worried",
+		emoji: "😟",
+		name: "Worried Face",
+		category: "smileys",
+		keywords: ["concerned", "anxious"]
+	},
+	{
+		id: "slightly_frowning",
+		emoji: "🙁",
+		name: "Slightly Frowning Face",
+		category: "smileys",
+		keywords: ["sad"]
+	},
+	{
+		id: "frowning",
+		emoji: "☹️",
+		name: "Frowning Face",
+		category: "smileys",
+		keywords: ["sad"]
+	},
+	{
+		id: "open_mouth",
+		emoji: "😮",
+		name: "Face with Open Mouth",
+		category: "smileys",
+		keywords: ["surprised", "wow"]
+	},
+	{
+		id: "hushed",
+		emoji: "😯",
+		name: "Hushed Face",
+		category: "smileys",
+		keywords: ["surprised", "quiet"]
+	},
+	{
+		id: "astonished",
+		emoji: "😲",
+		name: "Astonished Face",
+		category: "smileys",
+		keywords: ["shocked"]
+	},
+	{
+		id: "flushed",
+		emoji: "😳",
+		name: "Flushed Face",
+		category: "smileys",
+		keywords: ["embarrassed"]
+	},
+	{
+		id: "pleading",
+		emoji: "🥺",
+		name: "Pleading Face",
+		category: "smileys",
+		keywords: ["puppy", "cute"]
+	},
+	{
+		id: "cry",
+		emoji: "😢",
+		name: "Crying Face",
+		category: "smileys",
+		keywords: ["sad", "tear"]
+	},
+	{
+		id: "sob",
+		emoji: "😭",
+		name: "Loudly Crying Face",
+		category: "smileys",
+		keywords: ["sad", "tears"]
+	},
+	{
+		id: "angry",
+		emoji: "😠",
+		name: "Angry Face",
+		category: "smileys",
+		keywords: ["mad", "annoyed"]
+	},
+	{
+		id: "rage",
+		emoji: "😡",
+		name: "Pouting Face",
+		category: "smileys",
+		keywords: ["angry", "mad"]
+	},
+	{
+		id: "triumph",
+		emoji: "😤",
+		name: "Face with Steam",
+		category: "smileys",
+		keywords: ["frustrated"]
+	},
+	{
+		id: "skull",
+		emoji: "💀",
+		name: "Skull",
+		category: "smileys",
+		keywords: ["dead", "death"]
+	},
+	{
+		id: "poop",
+		emoji: "💩",
+		name: "Pile of Poo",
+		category: "smileys",
+		keywords: ["shit", "crap"]
+	},
+	{
+		id: "clown",
+		emoji: "🤡",
+		name: "Clown Face",
+		category: "smileys",
+		keywords: ["joker"]
+	},
+	{
+		id: "ghost",
+		emoji: "👻",
+		name: "Ghost",
+		category: "smileys",
+		keywords: ["spooky", "halloween"]
+	},
+	{
+		id: "alien",
+		emoji: "👽",
+		name: "Alien",
+		category: "smileys",
+		keywords: ["ufo", "space"]
+	},
+	{
+		id: "robot",
+		emoji: "🤖",
+		name: "Robot",
+		category: "smileys",
+		keywords: ["bot", "machine"]
+	},
+	{
+		id: "fire",
+		emoji: "🔥",
+		name: "Fire",
+		category: "smileys",
+		keywords: [
+			"hot",
+			"flame",
+			"lit"
+		]
+	},
+	{
+		id: "100",
+		emoji: "💯",
+		name: "Hundred Points",
+		category: "smileys",
+		keywords: ["perfect", "score"]
+	},
+	{
+		id: "star",
+		emoji: "⭐",
+		name: "Star",
+		category: "smileys",
+		keywords: ["favorite"]
+	},
+	{
+		id: "sparkles",
+		emoji: "✨",
+		name: "Sparkles",
+		category: "smileys",
+		keywords: ["magic", "shine"]
+	},
+	{
+		id: "wave",
+		emoji: "👋",
+		name: "Waving Hand",
+		category: "people",
+		keywords: [
+			"hi",
+			"bye",
+			"hello"
+		],
+		skinToneSupport: !0
+	},
+	{
+		id: "raised_hand",
+		emoji: "✋",
+		name: "Raised Hand",
+		category: "people",
+		keywords: ["stop", "high five"],
+		skinToneSupport: !0
+	},
+	{
+		id: "ok_hand",
+		emoji: "👌",
+		name: "OK Hand",
+		category: "people",
+		keywords: ["perfect"],
+		skinToneSupport: !0
+	},
+	{
+		id: "pinching",
+		emoji: "🤏",
+		name: "Pinching Hand",
+		category: "people",
+		keywords: ["small"],
+		skinToneSupport: !0
+	},
+	{
+		id: "victory",
+		emoji: "✌️",
+		name: "Victory Hand",
+		category: "people",
+		keywords: ["peace"],
+		skinToneSupport: !0
+	},
+	{
+		id: "crossed_fingers",
+		emoji: "🤞",
+		name: "Crossed Fingers",
+		category: "people",
+		keywords: ["luck"],
+		skinToneSupport: !0
+	},
+	{
+		id: "love_you",
+		emoji: "🤟",
+		name: "Love-You Gesture",
+		category: "people",
+		keywords: ["ily"],
+		skinToneSupport: !0
+	},
+	{
+		id: "rock_on",
+		emoji: "🤘",
+		name: "Sign of the Horns",
+		category: "people",
+		keywords: ["rock", "metal"],
+		skinToneSupport: !0
+	},
+	{
+		id: "call_me",
+		emoji: "🤙",
+		name: "Call Me Hand",
+		category: "people",
+		keywords: ["phone"],
+		skinToneSupport: !0
+	},
+	{
+		id: "point_left",
+		emoji: "👈",
+		name: "Backhand Index Pointing Left",
+		category: "people",
+		keywords: [],
+		skinToneSupport: !0
+	},
+	{
+		id: "point_right",
+		emoji: "👉",
+		name: "Backhand Index Pointing Right",
+		category: "people",
+		keywords: [],
+		skinToneSupport: !0
+	},
+	{
+		id: "point_up",
+		emoji: "👆",
+		name: "Backhand Index Pointing Up",
+		category: "people",
+		keywords: [],
+		skinToneSupport: !0
+	},
+	{
+		id: "point_down",
+		emoji: "👇",
+		name: "Backhand Index Pointing Down",
+		category: "people",
+		keywords: [],
+		skinToneSupport: !0
+	},
+	{
+		id: "thumbs_up",
+		emoji: "👍",
+		name: "Thumbs Up",
+		category: "people",
+		keywords: [
+			"like",
+			"approve",
+			"yes"
+		],
+		skinToneSupport: !0
+	},
+	{
+		id: "thumbs_down",
+		emoji: "👎",
+		name: "Thumbs Down",
+		category: "people",
+		keywords: ["dislike", "no"],
+		skinToneSupport: !0
+	},
+	{
+		id: "fist",
+		emoji: "✊",
+		name: "Raised Fist",
+		category: "people",
+		keywords: ["power"],
+		skinToneSupport: !0
+	},
+	{
+		id: "punch",
+		emoji: "👊",
+		name: "Oncoming Fist",
+		category: "people",
+		keywords: ["punch"],
+		skinToneSupport: !0
+	},
+	{
+		id: "clap",
+		emoji: "👏",
+		name: "Clapping Hands",
+		category: "people",
+		keywords: ["applause", "bravo"],
+		skinToneSupport: !0
+	},
+	{
+		id: "raised_hands",
+		emoji: "🙌",
+		name: "Raising Hands",
+		category: "people",
+		keywords: ["celebration"],
+		skinToneSupport: !0
+	},
+	{
+		id: "open_hands",
+		emoji: "👐",
+		name: "Open Hands",
+		category: "people",
+		keywords: ["hug"],
+		skinToneSupport: !0
+	},
+	{
+		id: "palms_up",
+		emoji: "🤲",
+		name: "Palms Up Together",
+		category: "people",
+		keywords: ["prayer"],
+		skinToneSupport: !0
+	},
+	{
+		id: "handshake",
+		emoji: "🤝",
+		name: "Handshake",
+		category: "people",
+		keywords: ["deal", "agreement"]
+	},
+	{
+		id: "pray",
+		emoji: "🙏",
+		name: "Folded Hands",
+		category: "people",
+		keywords: [
+			"please",
+			"thank you",
+			"prayer"
+		],
+		skinToneSupport: !0
+	},
+	{
+		id: "muscle",
+		emoji: "💪",
+		name: "Flexed Biceps",
+		category: "people",
+		keywords: ["strong", "workout"],
+		skinToneSupport: !0
+	},
+	{
+		id: "heart",
+		emoji: "❤️",
+		name: "Red Heart",
+		category: "people",
+		keywords: ["love"]
+	},
+	{
+		id: "orange_heart",
+		emoji: "🧡",
+		name: "Orange Heart",
+		category: "people",
+		keywords: ["love"]
+	},
+	{
+		id: "yellow_heart",
+		emoji: "💛",
+		name: "Yellow Heart",
+		category: "people",
+		keywords: ["love"]
+	},
+	{
+		id: "green_heart",
+		emoji: "💚",
+		name: "Green Heart",
+		category: "people",
+		keywords: ["love"]
+	},
+	{
+		id: "blue_heart",
+		emoji: "💙",
+		name: "Blue Heart",
+		category: "people",
+		keywords: ["love"]
+	},
+	{
+		id: "purple_heart",
+		emoji: "💜",
+		name: "Purple Heart",
+		category: "people",
+		keywords: ["love"]
+	},
+	{
+		id: "black_heart",
+		emoji: "🖤",
+		name: "Black Heart",
+		category: "people",
+		keywords: ["love"]
+	},
+	{
+		id: "broken_heart",
+		emoji: "💔",
+		name: "Broken Heart",
+		category: "people",
+		keywords: ["sad"]
+	},
+	{
+		id: "sparkling_heart",
+		emoji: "💖",
+		name: "Sparkling Heart",
+		category: "people",
+		keywords: ["love"]
+	},
+	{
+		id: "dog",
+		emoji: "🐶",
+		name: "Dog Face",
+		category: "animals",
+		keywords: ["puppy", "pet"]
+	},
+	{
+		id: "cat",
+		emoji: "🐱",
+		name: "Cat Face",
+		category: "animals",
+		keywords: ["kitten", "pet"]
+	},
+	{
+		id: "mouse",
+		emoji: "🐭",
+		name: "Mouse Face",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "hamster",
+		emoji: "🐹",
+		name: "Hamster",
+		category: "animals",
+		keywords: ["pet"]
+	},
+	{
+		id: "rabbit",
+		emoji: "🐰",
+		name: "Rabbit Face",
+		category: "animals",
+		keywords: ["bunny"]
+	},
+	{
+		id: "fox",
+		emoji: "🦊",
+		name: "Fox",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "bear",
+		emoji: "🐻",
+		name: "Bear",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "panda",
+		emoji: "🐼",
+		name: "Panda",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "koala",
+		emoji: "🐨",
+		name: "Koala",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "tiger",
+		emoji: "🐯",
+		name: "Tiger Face",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "lion",
+		emoji: "🦁",
+		name: "Lion",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "cow",
+		emoji: "🐮",
+		name: "Cow Face",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "pig",
+		emoji: "🐷",
+		name: "Pig Face",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "frog",
+		emoji: "🐸",
+		name: "Frog",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "monkey",
+		emoji: "🐵",
+		name: "Monkey Face",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "chicken",
+		emoji: "🐔",
+		name: "Chicken",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "penguin",
+		emoji: "🐧",
+		name: "Penguin",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "bird",
+		emoji: "🐦",
+		name: "Bird",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "eagle",
+		emoji: "🦅",
+		name: "Eagle",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "duck",
+		emoji: "🦆",
+		name: "Duck",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "owl",
+		emoji: "🦉",
+		name: "Owl",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "bat",
+		emoji: "🦇",
+		name: "Bat",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "wolf",
+		emoji: "🐺",
+		name: "Wolf",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "unicorn",
+		emoji: "🦄",
+		name: "Unicorn",
+		category: "animals",
+		keywords: ["magic"]
+	},
+	{
+		id: "bee",
+		emoji: "🐝",
+		name: "Honeybee",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "butterfly",
+		emoji: "🦋",
+		name: "Butterfly",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "snail",
+		emoji: "🐌",
+		name: "Snail",
+		category: "animals",
+		keywords: ["slow"]
+	},
+	{
+		id: "turtle",
+		emoji: "🐢",
+		name: "Turtle",
+		category: "animals",
+		keywords: ["slow"]
+	},
+	{
+		id: "snake",
+		emoji: "🐍",
+		name: "Snake",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "dolphin",
+		emoji: "🐬",
+		name: "Dolphin",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "whale",
+		emoji: "🐳",
+		name: "Spouting Whale",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "fish",
+		emoji: "🐟",
+		name: "Fish",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "octopus",
+		emoji: "🐙",
+		name: "Octopus",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "crab",
+		emoji: "🦀",
+		name: "Crab",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "sunflower",
+		emoji: "🌻",
+		name: "Sunflower",
+		category: "animals",
+		keywords: ["flower"]
+	},
+	{
+		id: "rose",
+		emoji: "🌹",
+		name: "Rose",
+		category: "animals",
+		keywords: ["flower"]
+	},
+	{
+		id: "cherry_blossom",
+		emoji: "🌸",
+		name: "Cherry Blossom",
+		category: "animals",
+		keywords: ["flower"]
+	},
+	{
+		id: "tulip",
+		emoji: "🌷",
+		name: "Tulip",
+		category: "animals",
+		keywords: ["flower"]
+	},
+	{
+		id: "tree",
+		emoji: "🌳",
+		name: "Deciduous Tree",
+		category: "animals",
+		keywords: []
+	},
+	{
+		id: "palm",
+		emoji: "🌴",
+		name: "Palm Tree",
+		category: "animals",
+		keywords: ["beach"]
+	},
+	{
+		id: "cactus",
+		emoji: "🌵",
+		name: "Cactus",
+		category: "animals",
+		keywords: ["desert"]
+	},
+	{
+		id: "apple",
+		emoji: "🍎",
+		name: "Red Apple",
+		category: "food",
+		keywords: ["fruit"]
+	},
+	{
+		id: "banana",
+		emoji: "🍌",
+		name: "Banana",
+		category: "food",
+		keywords: ["fruit"]
+	},
+	{
+		id: "orange",
+		emoji: "🍊",
+		name: "Tangerine",
+		category: "food",
+		keywords: ["fruit"]
+	},
+	{
+		id: "lemon",
+		emoji: "🍋",
+		name: "Lemon",
+		category: "food",
+		keywords: ["fruit"]
+	},
+	{
+		id: "grapes",
+		emoji: "🍇",
+		name: "Grapes",
+		category: "food",
+		keywords: ["fruit"]
+	},
+	{
+		id: "watermelon",
+		emoji: "🍉",
+		name: "Watermelon",
+		category: "food",
+		keywords: ["fruit"]
+	},
+	{
+		id: "strawberry",
+		emoji: "🍓",
+		name: "Strawberry",
+		category: "food",
+		keywords: ["fruit"]
+	},
+	{
+		id: "peach",
+		emoji: "🍑",
+		name: "Peach",
+		category: "food",
+		keywords: ["fruit"]
+	},
+	{
+		id: "cherry",
+		emoji: "🍒",
+		name: "Cherries",
+		category: "food",
+		keywords: ["fruit"]
+	},
+	{
+		id: "avocado",
+		emoji: "🥑",
+		name: "Avocado",
+		category: "food",
+		keywords: ["fruit"]
+	},
+	{
+		id: "tomato",
+		emoji: "🍅",
+		name: "Tomato",
+		category: "food",
+		keywords: ["vegetable"]
+	},
+	{
+		id: "carrot",
+		emoji: "🥕",
+		name: "Carrot",
+		category: "food",
+		keywords: ["vegetable"]
+	},
+	{
+		id: "corn",
+		emoji: "🌽",
+		name: "Ear of Corn",
+		category: "food",
+		keywords: ["vegetable"]
+	},
+	{
+		id: "hot_pepper",
+		emoji: "🌶️",
+		name: "Hot Pepper",
+		category: "food",
+		keywords: ["spicy"]
+	},
+	{
+		id: "bread",
+		emoji: "🍞",
+		name: "Bread",
+		category: "food",
+		keywords: []
+	},
+	{
+		id: "cheese",
+		emoji: "🧀",
+		name: "Cheese Wedge",
+		category: "food",
+		keywords: []
+	},
+	{
+		id: "egg",
+		emoji: "🥚",
+		name: "Egg",
+		category: "food",
+		keywords: []
+	},
+	{
+		id: "bacon",
+		emoji: "🥓",
+		name: "Bacon",
+		category: "food",
+		keywords: []
+	},
+	{
+		id: "hamburger",
+		emoji: "🍔",
+		name: "Hamburger",
+		category: "food",
+		keywords: ["burger"]
+	},
+	{
+		id: "fries",
+		emoji: "🍟",
+		name: "French Fries",
+		category: "food",
+		keywords: []
+	},
+	{
+		id: "pizza",
+		emoji: "🍕",
+		name: "Pizza",
+		category: "food",
+		keywords: []
+	},
+	{
+		id: "hotdog",
+		emoji: "🌭",
+		name: "Hot Dog",
+		category: "food",
+		keywords: []
+	},
+	{
+		id: "taco",
+		emoji: "🌮",
+		name: "Taco",
+		category: "food",
+		keywords: []
+	},
+	{
+		id: "burrito",
+		emoji: "🌯",
+		name: "Burrito",
+		category: "food",
+		keywords: []
+	},
+	{
+		id: "sushi",
+		emoji: "🍣",
+		name: "Sushi",
+		category: "food",
+		keywords: []
+	},
+	{
+		id: "ramen",
+		emoji: "🍜",
+		name: "Steaming Bowl",
+		category: "food",
+		keywords: ["noodles"]
+	},
+	{
+		id: "spaghetti",
+		emoji: "🍝",
+		name: "Spaghetti",
+		category: "food",
+		keywords: ["pasta"]
+	},
+	{
+		id: "ice_cream",
+		emoji: "🍨",
+		name: "Ice Cream",
+		category: "food",
+		keywords: ["dessert"]
+	},
+	{
+		id: "donut",
+		emoji: "🍩",
+		name: "Doughnut",
+		category: "food",
+		keywords: ["dessert"]
+	},
+	{
+		id: "cookie",
+		emoji: "🍪",
+		name: "Cookie",
+		category: "food",
+		keywords: ["dessert"]
+	},
+	{
+		id: "cake",
+		emoji: "🎂",
+		name: "Birthday Cake",
+		category: "food",
+		keywords: ["dessert", "birthday"]
+	},
+	{
+		id: "chocolate",
+		emoji: "🍫",
+		name: "Chocolate Bar",
+		category: "food",
+		keywords: ["dessert"]
+	},
+	{
+		id: "candy",
+		emoji: "🍬",
+		name: "Candy",
+		category: "food",
+		keywords: ["sweet"]
+	},
+	{
+		id: "coffee",
+		emoji: "☕",
+		name: "Hot Beverage",
+		category: "food",
+		keywords: ["tea", "cafe"]
+	},
+	{
+		id: "beer",
+		emoji: "🍺",
+		name: "Beer Mug",
+		category: "food",
+		keywords: ["drink", "alcohol"]
+	},
+	{
+		id: "wine",
+		emoji: "🍷",
+		name: "Wine Glass",
+		category: "food",
+		keywords: ["drink", "alcohol"]
+	},
+	{
+		id: "cocktail",
+		emoji: "🍸",
+		name: "Cocktail Glass",
+		category: "food",
+		keywords: ["drink", "alcohol"]
+	},
+	{
+		id: "champagne",
+		emoji: "🍾",
+		name: "Bottle with Popping Cork",
+		category: "food",
+		keywords: ["celebration"]
+	},
+	{
+		id: "car",
+		emoji: "🚗",
+		name: "Automobile",
+		category: "travel",
+		keywords: ["vehicle"]
+	},
+	{
+		id: "taxi",
+		emoji: "🚕",
+		name: "Taxi",
+		category: "travel",
+		keywords: ["vehicle"]
+	},
+	{
+		id: "bus",
+		emoji: "🚌",
+		name: "Bus",
+		category: "travel",
+		keywords: ["vehicle"]
+	},
+	{
+		id: "train",
+		emoji: "🚆",
+		name: "Train",
+		category: "travel",
+		keywords: ["vehicle"]
+	},
+	{
+		id: "airplane",
+		emoji: "✈️",
+		name: "Airplane",
+		category: "travel",
+		keywords: ["flight", "travel"]
+	},
+	{
+		id: "rocket",
+		emoji: "🚀",
+		name: "Rocket",
+		category: "travel",
+		keywords: ["space", "launch"]
+	},
+	{
+		id: "ship",
+		emoji: "🚢",
+		name: "Ship",
+		category: "travel",
+		keywords: ["boat"]
+	},
+	{
+		id: "bike",
+		emoji: "🚲",
+		name: "Bicycle",
+		category: "travel",
+		keywords: ["cycle"]
+	},
+	{
+		id: "house",
+		emoji: "🏠",
+		name: "House",
+		category: "travel",
+		keywords: ["home"]
+	},
+	{
+		id: "office",
+		emoji: "🏢",
+		name: "Office Building",
+		category: "travel",
+		keywords: ["work"]
+	},
+	{
+		id: "hospital",
+		emoji: "🏥",
+		name: "Hospital",
+		category: "travel",
+		keywords: ["health"]
+	},
+	{
+		id: "school",
+		emoji: "🏫",
+		name: "School",
+		category: "travel",
+		keywords: ["education"]
+	},
+	{
+		id: "church",
+		emoji: "⛪",
+		name: "Church",
+		category: "travel",
+		keywords: ["religion"]
+	},
+	{
+		id: "mountain",
+		emoji: "⛰️",
+		name: "Mountain",
+		category: "travel",
+		keywords: ["nature"]
+	},
+	{
+		id: "beach",
+		emoji: "🏖️",
+		name: "Beach with Umbrella",
+		category: "travel",
+		keywords: ["vacation"]
+	},
+	{
+		id: "camping",
+		emoji: "🏕️",
+		name: "Camping",
+		category: "travel",
+		keywords: ["outdoor"]
+	},
+	{
+		id: "sun",
+		emoji: "☀️",
+		name: "Sun",
+		category: "travel",
+		keywords: ["weather", "sunny"]
+	},
+	{
+		id: "moon",
+		emoji: "🌙",
+		name: "Crescent Moon",
+		category: "travel",
+		keywords: ["night"]
+	},
+	{
+		id: "cloud",
+		emoji: "☁️",
+		name: "Cloud",
+		category: "travel",
+		keywords: ["weather"]
+	},
+	{
+		id: "rain",
+		emoji: "🌧️",
+		name: "Cloud with Rain",
+		category: "travel",
+		keywords: ["weather"]
+	},
+	{
+		id: "snow",
+		emoji: "❄️",
+		name: "Snowflake",
+		category: "travel",
+		keywords: ["weather", "cold"]
+	},
+	{
+		id: "lightning",
+		emoji: "⚡",
+		name: "High Voltage",
+		category: "travel",
+		keywords: ["electricity", "thunder"]
+	},
+	{
+		id: "rainbow",
+		emoji: "🌈",
+		name: "Rainbow",
+		category: "travel",
+		keywords: ["weather", "pride"]
+	},
+	{
+		id: "soccer",
+		emoji: "⚽",
+		name: "Soccer Ball",
+		category: "activities",
+		keywords: ["football", "sport"]
+	},
+	{
+		id: "basketball",
+		emoji: "🏀",
+		name: "Basketball",
+		category: "activities",
+		keywords: ["sport"]
+	},
+	{
+		id: "football",
+		emoji: "🏈",
+		name: "American Football",
+		category: "activities",
+		keywords: ["sport"]
+	},
+	{
+		id: "baseball",
+		emoji: "⚾",
+		name: "Baseball",
+		category: "activities",
+		keywords: ["sport"]
+	},
+	{
+		id: "tennis",
+		emoji: "🎾",
+		name: "Tennis",
+		category: "activities",
+		keywords: ["sport"]
+	},
+	{
+		id: "golf",
+		emoji: "⛳",
+		name: "Flag in Hole",
+		category: "activities",
+		keywords: ["sport"]
+	},
+	{
+		id: "trophy",
+		emoji: "🏆",
+		name: "Trophy",
+		category: "activities",
+		keywords: ["winner", "award"]
+	},
+	{
+		id: "medal",
+		emoji: "🏅",
+		name: "Sports Medal",
+		category: "activities",
+		keywords: ["winner", "award"]
+	},
+	{
+		id: "video_game",
+		emoji: "🎮",
+		name: "Video Game",
+		category: "activities",
+		keywords: ["gaming", "controller"]
+	},
+	{
+		id: "dice",
+		emoji: "🎲",
+		name: "Game Die",
+		category: "activities",
+		keywords: ["gambling"]
+	},
+	{
+		id: "chess",
+		emoji: "♟️",
+		name: "Chess Pawn",
+		category: "activities",
+		keywords: ["game"]
+	},
+	{
+		id: "bowling",
+		emoji: "🎳",
+		name: "Bowling",
+		category: "activities",
+		keywords: ["sport"]
+	},
+	{
+		id: "guitar",
+		emoji: "🎸",
+		name: "Guitar",
+		category: "activities",
+		keywords: ["music"]
+	},
+	{
+		id: "microphone",
+		emoji: "🎤",
+		name: "Microphone",
+		category: "activities",
+		keywords: ["music", "karaoke"]
+	},
+	{
+		id: "headphones",
+		emoji: "🎧",
+		name: "Headphones",
+		category: "activities",
+		keywords: ["music"]
+	},
+	{
+		id: "art",
+		emoji: "🎨",
+		name: "Artist Palette",
+		category: "activities",
+		keywords: ["painting"]
+	},
+	{
+		id: "ticket",
+		emoji: "🎫",
+		name: "Ticket",
+		category: "activities",
+		keywords: ["event"]
+	},
+	{
+		id: "party",
+		emoji: "🎉",
+		name: "Party Popper",
+		category: "activities",
+		keywords: ["celebration", "tada"]
+	},
+	{
+		id: "balloon",
+		emoji: "🎈",
+		name: "Balloon",
+		category: "activities",
+		keywords: ["party"]
+	},
+	{
+		id: "gift",
+		emoji: "🎁",
+		name: "Wrapped Gift",
+		category: "activities",
+		keywords: ["present"]
+	},
+	{
+		id: "christmas_tree",
+		emoji: "🎄",
+		name: "Christmas Tree",
+		category: "activities",
+		keywords: ["holiday"]
+	},
+	{
+		id: "phone",
+		emoji: "📱",
+		name: "Mobile Phone",
+		category: "objects",
+		keywords: ["smartphone"]
+	},
+	{
+		id: "computer",
+		emoji: "💻",
+		name: "Laptop",
+		category: "objects",
+		keywords: ["pc"]
+	},
+	{
+		id: "keyboard",
+		emoji: "⌨️",
+		name: "Keyboard",
+		category: "objects",
+		keywords: []
+	},
+	{
+		id: "camera",
+		emoji: "📷",
+		name: "Camera",
+		category: "objects",
+		keywords: ["photo"]
+	},
+	{
+		id: "tv",
+		emoji: "📺",
+		name: "Television",
+		category: "objects",
+		keywords: []
+	},
+	{
+		id: "radio",
+		emoji: "📻",
+		name: "Radio",
+		category: "objects",
+		keywords: []
+	},
+	{
+		id: "clock",
+		emoji: "🕐",
+		name: "One O'Clock",
+		category: "objects",
+		keywords: ["time"]
+	},
+	{
+		id: "hourglass",
+		emoji: "⏳",
+		name: "Hourglass",
+		category: "objects",
+		keywords: ["time"]
+	},
+	{
+		id: "alarm",
+		emoji: "⏰",
+		name: "Alarm Clock",
+		category: "objects",
+		keywords: ["time"]
+	},
+	{
+		id: "bulb",
+		emoji: "💡",
+		name: "Light Bulb",
+		category: "objects",
+		keywords: ["idea"]
+	},
+	{
+		id: "money",
+		emoji: "💰",
+		name: "Money Bag",
+		category: "objects",
+		keywords: ["rich", "cash"]
+	},
+	{
+		id: "dollar",
+		emoji: "💵",
+		name: "Dollar Banknote",
+		category: "objects",
+		keywords: ["money"]
+	},
+	{
+		id: "credit_card",
+		emoji: "💳",
+		name: "Credit Card",
+		category: "objects",
+		keywords: ["payment"]
+	},
+	{
+		id: "gem",
+		emoji: "💎",
+		name: "Gem Stone",
+		category: "objects",
+		keywords: ["diamond", "jewel"]
+	},
+	{
+		id: "tools",
+		emoji: "🔧",
+		name: "Wrench",
+		category: "objects",
+		keywords: ["fix"]
+	},
+	{
+		id: "hammer",
+		emoji: "🔨",
+		name: "Hammer",
+		category: "objects",
+		keywords: ["tool"]
+	},
+	{
+		id: "lock",
+		emoji: "🔒",
+		name: "Locked",
+		category: "objects",
+		keywords: ["secure"]
+	},
+	{
+		id: "key",
+		emoji: "🔑",
+		name: "Key",
+		category: "objects",
+		keywords: ["unlock"]
+	},
+	{
+		id: "magnifying",
+		emoji: "🔍",
+		name: "Magnifying Glass",
+		category: "objects",
+		keywords: ["search"]
+	},
+	{
+		id: "envelope",
+		emoji: "✉️",
+		name: "Envelope",
+		category: "objects",
+		keywords: ["mail", "email"]
+	},
+	{
+		id: "book",
+		emoji: "📖",
+		name: "Open Book",
+		category: "objects",
+		keywords: ["read"]
+	},
+	{
+		id: "notebook",
+		emoji: "📓",
+		name: "Notebook",
+		category: "objects",
+		keywords: []
+	},
+	{
+		id: "pencil",
+		emoji: "✏️",
+		name: "Pencil",
+		category: "objects",
+		keywords: ["write"]
+	},
+	{
+		id: "scissors",
+		emoji: "✂️",
+		name: "Scissors",
+		category: "objects",
+		keywords: ["cut"]
+	},
+	{
+		id: "paperclip",
+		emoji: "📎",
+		name: "Paperclip",
+		category: "objects",
+		keywords: ["attachment"]
+	},
+	{
+		id: "pushpin",
+		emoji: "📌",
+		name: "Pushpin",
+		category: "objects",
+		keywords: ["pin"]
+	},
+	{
+		id: "check",
+		emoji: "✅",
+		name: "Check Mark Button",
+		category: "symbols",
+		keywords: ["done", "yes"]
+	},
+	{
+		id: "cross",
+		emoji: "❌",
+		name: "Cross Mark",
+		category: "symbols",
+		keywords: ["no", "wrong"]
+	},
+	{
+		id: "question",
+		emoji: "❓",
+		name: "Question Mark",
+		category: "symbols",
+		keywords: []
+	},
+	{
+		id: "exclamation",
+		emoji: "❗",
+		name: "Exclamation Mark",
+		category: "symbols",
+		keywords: ["important"]
+	},
+	{
+		id: "warning",
+		emoji: "⚠️",
+		name: "Warning",
+		category: "symbols",
+		keywords: ["caution"]
+	},
+	{
+		id: "no_entry",
+		emoji: "⛔",
+		name: "No Entry",
+		category: "symbols",
+		keywords: ["stop"]
+	},
+	{
+		id: "prohibited",
+		emoji: "🚫",
+		name: "Prohibited",
+		category: "symbols",
+		keywords: ["forbidden"]
+	},
+	{
+		id: "plus",
+		emoji: "➕",
+		name: "Plus",
+		category: "symbols",
+		keywords: ["add"]
+	},
+	{
+		id: "minus",
+		emoji: "➖",
+		name: "Minus",
+		category: "symbols",
+		keywords: ["subtract"]
+	},
+	{
+		id: "multiply",
+		emoji: "✖️",
+		name: "Multiply",
+		category: "symbols",
+		keywords: []
+	},
+	{
+		id: "divide",
+		emoji: "➗",
+		name: "Divide",
+		category: "symbols",
+		keywords: []
+	},
+	{
+		id: "infinity",
+		emoji: "♾️",
+		name: "Infinity",
+		category: "symbols",
+		keywords: ["forever"]
+	},
+	{
+		id: "recycle",
+		emoji: "♻️",
+		name: "Recycling Symbol",
+		category: "symbols",
+		keywords: ["environment"]
+	},
+	{
+		id: "zzz",
+		emoji: "💤",
+		name: "Zzz",
+		category: "symbols",
+		keywords: ["sleep", "tired"]
+	},
+	{
+		id: "speech",
+		emoji: "💬",
+		name: "Speech Balloon",
+		category: "symbols",
+		keywords: ["chat", "comment"]
+	},
+	{
+		id: "thought",
+		emoji: "💭",
+		name: "Thought Balloon",
+		category: "symbols",
+		keywords: ["thinking"]
+	},
+	{
+		id: "music_note",
+		emoji: "🎵",
+		name: "Musical Note",
+		category: "symbols",
+		keywords: ["song"]
+	},
+	{
+		id: "hash_symbol",
+		emoji: "#️⃣",
+		name: "Hash Key",
+		category: "symbols",
+		keywords: ["number", "hashtag"]
+	},
+	{
+		id: "asterisk",
+		emoji: "*️⃣",
+		name: "Asterisk Key",
+		category: "symbols",
+		keywords: []
+	},
+	{
+		id: "arrow_right",
+		emoji: "➡️",
+		name: "Right Arrow",
+		category: "symbols",
+		keywords: []
+	},
+	{
+		id: "arrow_left",
+		emoji: "⬅️",
+		name: "Left Arrow",
+		category: "symbols",
+		keywords: []
+	},
+	{
+		id: "arrow_up",
+		emoji: "⬆️",
+		name: "Up Arrow",
+		category: "symbols",
+		keywords: []
+	},
+	{
+		id: "arrow_down",
+		emoji: "⬇️",
+		name: "Down Arrow",
+		category: "symbols",
+		keywords: []
+	},
+	{
+		id: "flag_white",
+		emoji: "🏳️",
+		name: "White Flag",
+		category: "flags",
+		keywords: ["surrender"]
+	},
+	{
+		id: "flag_black",
+		emoji: "🏴",
+		name: "Black Flag",
+		category: "flags",
+		keywords: []
+	},
+	{
+		id: "flag_checkered",
+		emoji: "🏁",
+		name: "Checkered Flag",
+		category: "flags",
+		keywords: ["racing", "finish"]
+	},
+	{
+		id: "flag_us",
+		emoji: "🇺🇸",
+		name: "Flag: United States",
+		category: "flags",
+		keywords: ["usa", "america"]
+	},
+	{
+		id: "flag_gb",
+		emoji: "🇬🇧",
+		name: "Flag: United Kingdom",
+		category: "flags",
+		keywords: ["uk", "britain"]
+	},
+	{
+		id: "flag_fr",
+		emoji: "🇫🇷",
+		name: "Flag: France",
+		category: "flags",
+		keywords: ["french"]
+	},
+	{
+		id: "flag_de",
+		emoji: "🇩🇪",
+		name: "Flag: Germany",
+		category: "flags",
+		keywords: ["german"]
+	},
+	{
+		id: "flag_es",
+		emoji: "🇪🇸",
+		name: "Flag: Spain",
+		category: "flags",
+		keywords: ["spanish"]
+	},
+	{
+		id: "flag_it",
+		emoji: "🇮🇹",
+		name: "Flag: Italy",
+		category: "flags",
+		keywords: ["italian"]
+	},
+	{
+		id: "flag_jp",
+		emoji: "🇯🇵",
+		name: "Flag: Japan",
+		category: "flags",
+		keywords: ["japanese"]
+	},
+	{
+		id: "flag_cn",
+		emoji: "🇨🇳",
+		name: "Flag: China",
+		category: "flags",
+		keywords: ["chinese"]
+	},
+	{
+		id: "flag_kr",
+		emoji: "🇰🇷",
+		name: "Flag: South Korea",
+		category: "flags",
+		keywords: ["korean"]
+	},
+	{
+		id: "flag_br",
+		emoji: "🇧🇷",
+		name: "Flag: Brazil",
+		category: "flags",
+		keywords: ["brazilian"]
+	},
+	{
+		id: "flag_ca",
+		emoji: "🇨🇦",
+		name: "Flag: Canada",
+		category: "flags",
+		keywords: ["canadian"]
+	},
+	{
+		id: "flag_au",
+		emoji: "🇦🇺",
+		name: "Flag: Australia",
+		category: "flags",
+		keywords: ["australian"]
+	}
+], w = [
+	"recent",
+	"smileys",
+	"people",
+	"animals",
+	"food",
+	"travel",
+	"activities",
+	"objects",
+	"symbols",
+	"flags"
+];
+function T(e = {}) {
+	let { maxRecent: t = 20, defaultSkinTone: n = "default", storageKey: r = "waka-recent-emojis" } = e, [a, o] = i.useState(!1), [s, c] = i.useState(null), [l, u] = i.useState(n), [d, f] = i.useState([]);
+	i.useEffect(() => {
+		if (typeof window < "u") try {
+			let e = localStorage.getItem(r);
+			e && f(JSON.parse(e));
+		} catch {}
+	}, [r]);
+	let p = i.useCallback((e) => {
+		f((n) => {
+			let i = [e, ...n.filter((t) => t !== e)].slice(0, t);
+			if (typeof window < "u") try {
+				localStorage.setItem(r, JSON.stringify(i));
+			} catch {}
+			return i;
+		});
+	}, [t, r]);
+	return {
+		open: a,
+		setOpen: o,
+		selectedEmoji: s,
+		recentEmojis: d,
+		skinTone: l,
+		setSkinTone: u,
+		addToRecent: p,
+		clearRecent: i.useCallback(() => {
+			if (f([]), typeof window < "u") try {
+				localStorage.removeItem(r);
+			} catch {}
+		}, [r]),
+		selectEmoji: i.useCallback((e) => {
+			c(e), p(e);
+		}, [p])
+	};
+}
+function E(e, t) {
+	if (t === "default") return e;
+	let n = y[t];
+	if (Object.values(y).some((t) => t && e.includes(t))) {
+		let t = e;
+		return Object.values(y).forEach((e) => {
+			e && (t = t.replace(e, ""));
+		}), t + n;
+	}
+	return e + n;
+}
+function ee(e, t) {
+	let n = t.toLowerCase();
+	return e.filter((e) => {
+		let r = e.name.toLowerCase().includes(n), i = e.keywords?.some((e) => e.toLowerCase().includes(n)), a = e.emoji === t;
+		return r || i || a;
+	});
+}
+function te({ reactions: e, onSelect: t, skinTone: n }) {
+	return /* @__PURE__ */ _("div", {
+		className: "flex items-center gap-1 p-2 border-b",
+		children: e.map((e, r) => {
+			let i = C.find((t) => t.emoji === e)?.skinToneSupport ? E(e, n) : e;
+			return /* @__PURE__ */ _("button", {
+				onClick: () => t(i),
+				className: "flex items-center justify-center w-9 h-9 rounded-lg text-xl hover:bg-accent transition-all duration-150 hover:scale-110 active:scale-95",
+				children: i
+			}, r);
+		})
+	});
+}
+function ne({ activeCategory: t, onCategoryChange: n, showRecent: r, hasRecent: i }) {
+	return /* @__PURE__ */ _("div", {
+		className: "flex items-center gap-0.5 p-1 border-b overflow-x-auto",
+		children: (r && i ? w : w.filter((e) => e !== "recent")).map((r) => /* @__PURE__ */ _("button", {
+			onClick: () => n(r),
+			className: e("flex items-center justify-center w-8 h-8 rounded-md transition-colors", t === r ? "bg-accent text-accent-foreground" : "hover:bg-accent/50 text-muted-foreground"),
+			title: x[r],
+			children: b[r]
+		}, r))
+	});
+}
+function re({ skinTone: t, onSkinToneChange: n }) {
+	return /* @__PURE__ */ v("div", {
+		className: "flex items-center gap-1 p-2 border-t",
+		children: [/* @__PURE__ */ _("span", {
+			className: "text-xs text-muted-foreground mr-2",
+			children: "Skin tone:"
+		}), [
+			"default",
+			"light",
+			"medium-light",
+			"medium",
+			"medium-dark",
+			"dark"
+		].map((r) => /* @__PURE__ */ _("button", {
+			onClick: () => n(r),
+			className: e("flex items-center justify-center w-7 h-7 rounded text-base transition-all hover:scale-110", t === r && "ring-2 ring-primary ring-offset-1"),
+			children: E("👋", r)
+		}, r))]
+	});
+}
+function ie({ emoji: e, skinTone: t }) {
+	if (!e) return /* @__PURE__ */ v("div", {
+		className: "flex items-center gap-3 p-2 border-t h-14",
+		children: [/* @__PURE__ */ _("div", {
+			className: "w-10 h-10 flex items-center justify-center text-3xl text-muted-foreground/30",
+			children: /* @__PURE__ */ _(m, {})
+		}), /* @__PURE__ */ _("div", {
+			className: "text-sm text-muted-foreground",
+			children: "Hover over an emoji to preview"
+		})]
+	});
+	let n = "url" in e, r = n ? null : e.skinToneSupport ? E(e.emoji, t) : e.emoji;
+	return /* @__PURE__ */ v("div", {
+		className: "flex items-center gap-3 p-2 border-t h-14 animate-in fade-in-50 duration-150",
+		children: [/* @__PURE__ */ _("div", {
+			className: "w-10 h-10 flex items-center justify-center text-3xl",
+			children: n ? /* @__PURE__ */ _("img", {
+				src: e.url,
+				alt: e.name,
+				className: "w-8 h-8 object-contain"
+			}) : r
+		}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("div", {
+			className: "text-sm font-medium",
+			children: e.name
+		}), /* @__PURE__ */ v("div", {
+			className: "text-xs text-muted-foreground",
+			children: [
+				":",
+				e.id || e.name.toLowerCase().replace(/\s+/g, "_"),
+				":"
+			]
+		})] })]
+	});
+}
+function ae({ emojis: t, customEmojis: n, recentEmojis: r, activeCategory: a, skinTone: o, columns: s, onSelect: c, onHover: l, selectedIndex: u, showRecent: d, searchMode: f = !1 }) {
+	let p = i.useRef(null), h = i.useMemo(() => f ? t : a === "recent" && d ? r.map((e) => C.find((t) => t.emoji === e || E(t.emoji, o) === e)).filter(Boolean) : t.filter((e) => e.category === a), [
+		t,
+		a,
+		r,
+		o,
+		d,
+		f
+	]);
+	return i.useEffect(() => {
+		(p.current?.querySelector(`[data-index="${u}"]`))?.scrollIntoView({ block: "nearest" });
+	}, [u]), /* @__PURE__ */ v("div", {
+		ref: p,
+		className: "p-2 h-52 overflow-y-auto",
+		children: [
+			a === "recent" && n && n.length > 0 && /* @__PURE__ */ v("div", {
+				className: "mb-2",
+				children: [/* @__PURE__ */ _("div", {
+					className: "text-xs font-medium text-muted-foreground mb-1 px-1",
+					children: "Custom"
+				}), /* @__PURE__ */ _("div", {
+					className: "grid gap-1",
+					style: { gridTemplateColumns: `repeat(${s}, 1fr)` },
+					children: n.map((t, n) => /* @__PURE__ */ _("button", {
+						"data-index": n,
+						onClick: () => c(t.url, t),
+						onMouseEnter: () => l(t),
+						onMouseLeave: () => l(null),
+						className: e("flex items-center justify-center w-9 h-9 rounded-lg transition-all duration-150 hover:bg-accent hover:scale-110 active:scale-95", u === n && "bg-accent ring-2 ring-primary"),
+						children: /* @__PURE__ */ _("img", {
+							src: t.url,
+							alt: t.name,
+							className: "w-6 h-6 object-contain"
+						})
+					}, t.id))
+				})]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "grid gap-1",
+				style: { gridTemplateColumns: `repeat(${s}, 1fr)` },
+				children: h.map((t, r) => {
+					let i = t.skinToneSupport ? E(t.emoji, o) : t.emoji, s = n && a === "recent" ? r + n.length : r;
+					return /* @__PURE__ */ _("button", {
+						"data-index": s,
+						onClick: () => c(i, t),
+						onMouseEnter: () => l(t),
+						onMouseLeave: () => l(null),
+						className: e("flex items-center justify-center w-9 h-9 rounded-lg text-xl transition-all duration-150 hover:bg-accent hover:scale-110 active:scale-95", u === s && "bg-accent ring-2 ring-primary"),
+						children: i
+					}, t.id);
+				})
+			}),
+			h.length === 0 && /* @__PURE__ */ v("div", {
+				className: "flex flex-col items-center justify-center h-full text-muted-foreground",
+				children: [/* @__PURE__ */ _(m, { className: "h-8 w-8 mb-2 opacity-50" }), /* @__PURE__ */ _("span", {
+					className: "text-sm",
+					children: "No emojis found"
+				})]
+			})
+		]
+	});
+}
+function D({ onSelect: a, quickReactions: o = S, customEmojis: s, showSearch: c = !0, showRecent: l = !0, showSkinTones: u = !0, showCategories: d = !0, showPreview: f = !0, mode: h = "popover", skinTone: y, onSkinToneChange: b, columns: x = 8, maxRecent: T = 20, open: D, onOpenChange: oe, trigger: O, className: k, disabled: A = !1 }) {
+	let [j, M] = i.useState(!1), [N, P] = i.useState("default"), [F, I] = i.useState(""), [L, R] = i.useState("smileys"), [z, se] = i.useState(null), [B, V] = i.useState(0), [H, U] = i.useState([]), W = i.useRef(null), ce = i.useRef(null), G = D !== void 0, K = G ? D : j, q = G ? oe || (() => {}) : M, J = y !== void 0, Y = J ? y : N, le = J ? b || (() => {}) : P;
+	i.useEffect(() => {
+		if (typeof window < "u" && l) try {
+			let e = localStorage.getItem("waka-recent-emojis");
+			e && U(JSON.parse(e));
+		} catch {}
+	}, [l]);
+	let X = i.useMemo(() => F ? ee(C, F) : C, [F]), Z = i.useMemo(() => F ? X : L === "recent" && l ? H.map((e) => C.find((t) => t.emoji === e)).filter(Boolean) : C.filter((e) => e.category === L), [
+		X,
+		F,
+		L,
+		H,
+		l
+	]), Q = i.useCallback((e, t) => {
+		a?.(e, t), l && !("url" in t) && U((t) => {
+			let n = [e, ...t.filter((t) => t !== e)].slice(0, T);
+			try {
+				localStorage.setItem("waka-recent-emojis", JSON.stringify(n));
+			} catch {}
+			return n;
+		}), q(!1), I("");
+	}, [
+		a,
+		l,
+		T,
+		q
+	]);
+	i.useEffect(() => {
+		if (!K) return;
+		let e = (e) => {
+			switch (e.key) {
+				case "ArrowRight":
+					e.preventDefault(), V((e) => Math.min(e + 1, Z.length - 1));
+					break;
+				case "ArrowLeft":
+					e.preventDefault(), V((e) => Math.max(e - 1, 0));
+					break;
+				case "ArrowDown":
+					e.preventDefault(), V((e) => Math.min(e + x, Z.length - 1));
+					break;
+				case "ArrowUp":
+					e.preventDefault(), V((e) => Math.max(e - x, 0));
+					break;
+				case "Enter":
+					e.preventDefault();
+					let t = Z[B];
+					t && Q(t.skinToneSupport ? E(t.emoji, Y) : t.emoji, t);
+					break;
+				case "Escape":
+					e.preventDefault(), q(!1);
+					break;
+				case "Tab":
+					if (!e.shiftKey) {
+						e.preventDefault();
+						let t = l && H.length > 0 ? w : w.filter((e) => e !== "recent");
+						R(t[(t.indexOf(L) + 1) % t.length]), V(0);
+					}
+					break;
+			}
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [
+		K,
+		B,
+		Z,
+		x,
+		Y,
+		Q,
+		q,
+		L,
+		l,
+		H.length
+	]), i.useEffect(() => {
+		K && c && setTimeout(() => W.current?.focus(), 0), K || (I(""), V(0));
+	}, [K, c]), i.useEffect(() => {
+		V(0);
+	}, [L, F]);
+	let $ = /* @__PURE__ */ v("div", {
+		ref: ce,
+		className: e("w-80 bg-popover rounded-lg border shadow-lg overflow-hidden", h === "inline" && "shadow-none", k),
+		children: [
+			o.length > 0 && /* @__PURE__ */ _(te, {
+				reactions: o,
+				onSelect: (e) => {
+					let t = C.find((t) => t.emoji === e || E(t.emoji, Y) === e);
+					t && Q(e, t);
+				},
+				skinTone: Y
+			}),
+			c && /* @__PURE__ */ _("div", {
+				className: "p-2 border-b",
+				children: /* @__PURE__ */ v("div", {
+					className: "relative",
+					children: [
+						/* @__PURE__ */ _(p, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+						/* @__PURE__ */ _("input", {
+							ref: W,
+							type: "text",
+							value: F,
+							onChange: (e) => I(e.target.value),
+							placeholder: "Search emojis...",
+							className: "w-full h-9 pl-9 pr-8 rounded-md border bg-background text-sm outline-none focus:ring-2 focus:ring-primary"
+						}),
+						F && /* @__PURE__ */ _("button", {
+							onClick: () => I(""),
+							className: "absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+							children: /* @__PURE__ */ _(g, { className: "h-4 w-4" })
+						})
+					]
+				})
+			}),
+			d && !F && /* @__PURE__ */ _(ne, {
+				activeCategory: L,
+				onCategoryChange: R,
+				showRecent: l,
+				hasRecent: H.length > 0
+			}),
+			/* @__PURE__ */ _(ae, {
+				emojis: F ? X : C,
+				customEmojis: s,
+				recentEmojis: H,
+				activeCategory: L,
+				searchMode: !!F,
+				skinTone: Y,
+				columns: x,
+				onSelect: Q,
+				onHover: se,
+				selectedIndex: B,
+				showRecent: l && !F
+			}),
+			u && /* @__PURE__ */ _(re, {
+				skinTone: Y,
+				onSkinToneChange: le
+			}),
+			f && /* @__PURE__ */ _(ie, {
+				emoji: z,
+				skinTone: Y
+			})
+		]
+	});
+	return h === "inline" ? $ : /* @__PURE__ */ v(t, {
+		open: K,
+		onOpenChange: q,
+		children: [/* @__PURE__ */ _(r, {
+			asChild: !0,
+			disabled: A,
+			children: O || /* @__PURE__ */ _("button", {
+				className: e("inline-flex items-center justify-center w-9 h-9 rounded-md border bg-background hover:bg-accent transition-colors", A && "opacity-50 cursor-not-allowed"),
+				children: /* @__PURE__ */ _(m, { className: "h-5 w-5" })
+			})
+		}), /* @__PURE__ */ _(n, {
+			className: "w-auto p-0",
+			align: "start",
+			sideOffset: 8,
+			children: $
+		})]
+	});
+}
+D.displayName = "WakaReactionPicker";
+//#endregion
+export { D as default, T as useReactionPicker };