@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/components/waka-rating-input/index.es.js

@@ -0,0 +1,223 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { Frown as n, Heart as r, Meh as i, Smile as a, Star as o, ThumbsUp as s, X as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/waka-rating-input/index.tsx
+var d = {
+	sm: {
+		icon: "h-4 w-4",
+		container: "text-xs",
+		label: "text-xs"
+	},
+	md: {
+		icon: "h-5 w-5",
+		container: "text-sm",
+		label: "text-sm"
+	},
+	lg: {
+		icon: "h-6 w-6",
+		container: "text-base",
+		label: "text-base"
+	},
+	xl: {
+		icon: "h-8 w-8",
+		container: "text-lg",
+		label: "text-lg"
+	}
+}, f = {
+	none: "gap-0",
+	sm: "gap-0.5",
+	md: "gap-1",
+	lg: "gap-2"
+}, p = [
+	n,
+	n,
+	i,
+	a,
+	a
+];
+function m(e, t) {
+	switch (e) {
+		case "heart": return r;
+		case "thumbs": return s;
+		case "emoji": return p[Math.min(t, p.length - 1)];
+		default: return o;
+	}
+}
+function h({ index: n, value: r, hoverValue: i, iconType: a, customIcon: o, customFilledIcon: s, size: c, activeColor: f, inactiveColor: p, hoverColor: h, readOnly: g, disabled: _, allowHalf: v, animated: y, onClick: b, onMouseEnter: x, onMouseLeave: S }) {
+	let C = i === null ? r : i, w = n + 1, T = n + .5, E = C >= w, D = v && C >= T && C < w, O = i === null ? E || D ? f : p : h, k = m(a, n), A = e(d[c].icon, "transition-all duration-150", y && (E || D) && "animate-rating-pop", !g && !_ && "cursor-pointer", _ && "cursor-not-allowed opacity-50"), j = (e) => {
+		if (!(g || _)) if (v) {
+			let t = e.currentTarget.getBoundingClientRect();
+			b(e.clientX - t.left < t.width / 2 ? T : w);
+		} else b(w);
+	}, M = (e) => {
+		if (!(g || _)) if (v) {
+			let t = e.currentTarget.getBoundingClientRect();
+			x(e.clientX - t.left < t.width / 2 ? T : w);
+		} else x(w);
+	}, N = (e, n = !1) => o && s ? e ? s : o : o ? t.cloneElement(o, {
+		className: A,
+		style: { color: e ? O : p }
+	}) : /* @__PURE__ */ l(k, {
+		className: A,
+		style: {
+			color: O,
+			fill: e ? O : "transparent"
+		}
+	});
+	return /* @__PURE__ */ l("span", {
+		className: "relative inline-flex",
+		onClick: j,
+		onMouseMove: M,
+		onMouseLeave: S,
+		role: g ? "img" : "button",
+		tabIndex: g || _ ? -1 : 0,
+		"aria-label": `Rate ${w}`,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), !g && !_ && b(w));
+		},
+		children: D ? /* @__PURE__ */ u("span", {
+			className: "relative inline-flex",
+			children: [
+				/* @__PURE__ */ l("span", {
+					className: "absolute inset-0",
+					children: N(!1)
+				}),
+				/* @__PURE__ */ l("span", {
+					className: "overflow-hidden",
+					style: { width: "50%" },
+					children: N(!0, !0)
+				}),
+				/* @__PURE__ */ l("span", {
+					className: "invisible",
+					children: N(!1)
+				})
+			]
+		}) : N(E)
+	});
+}
+function g({ value: n, onChange: r, max: i = 5, allowHalf: a = !1, iconType: o = "star", customIcon: s, customFilledIcon: p, size: m = "md", activeColor: g = "#f59e0b", inactiveColor: _ = "#d1d5db", hoverColor: v = "#fbbf24", readOnly: y = !1, disabled: b = !1, showClear: x = !1, label: S, showValue: C = !1, count: w, countLabel: T = "reviews", animated: E = !0, gap: D = "sm", className: O, id: k, name: A, ariaLabel: j }) {
+	let [M, N] = t.useState(null), P = (e) => {
+		y || b || (n === e ? r?.(null) : r?.(e));
+	}, F = (e) => {
+		!y && !b && N(e);
+	}, I = () => {
+		N(null);
+	}, L = () => {
+		!y && !b && r?.(null);
+	}, R = M === null ? n : M, z = R == null ? "-" : a ? R.toFixed(1) : R.toString();
+	return /* @__PURE__ */ u("div", {
+		id: k,
+		className: e("inline-flex flex-col", d[m].container, b && "opacity-50", O),
+		children: [
+			(S || C || w !== void 0) && /* @__PURE__ */ u("div", {
+				className: e("flex items-center gap-2 mb-1", d[m].label),
+				children: [
+					S && /* @__PURE__ */ l("span", {
+						className: "font-medium text-foreground",
+						children: S
+					}),
+					C && /* @__PURE__ */ l("span", {
+						className: "text-muted-foreground",
+						children: z
+					}),
+					w !== void 0 && /* @__PURE__ */ u("span", {
+						className: "text-muted-foreground",
+						children: [
+							"(",
+							w.toLocaleString(),
+							" ",
+							T,
+							")"
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: e("inline-flex items-center", f[D]),
+				role: "radiogroup",
+				"aria-label": j || S || "Rating",
+				onMouseLeave: I,
+				children: [Array.from({ length: i }, (e, t) => /* @__PURE__ */ l(h, {
+					index: t,
+					value: n ?? 0,
+					hoverValue: M,
+					max: i,
+					iconType: o,
+					customIcon: s,
+					customFilledIcon: p,
+					size: m,
+					activeColor: g,
+					inactiveColor: _,
+					hoverColor: v,
+					readOnly: y,
+					disabled: b,
+					allowHalf: a,
+					animated: E,
+					onClick: P,
+					onMouseEnter: F,
+					onMouseLeave: I
+				}, t)), x && !y && !b && n != null && /* @__PURE__ */ l("button", {
+					type: "button",
+					onClick: L,
+					className: e("ml-1 p-0.5 rounded-full text-muted-foreground hover:text-foreground hover:bg-muted transition-colors", d[m].icon),
+					"aria-label": "Clear rating",
+					children: /* @__PURE__ */ l(c, { className: d[m].icon })
+				})]
+			}),
+			A && /* @__PURE__ */ l("input", {
+				type: "hidden",
+				name: A,
+				value: n ?? ""
+			}),
+			/* @__PURE__ */ l("style", { children: "\n        @keyframes rating-pop {\n          0% {\n            transform: scale(1);\n          }\n          50% {\n            transform: scale(1.2);\n          }\n          100% {\n            transform: scale(1);\n          }\n        }\n        .animate-rating-pop {\n          animation: rating-pop 0.3s ease-out;\n        }\n      " })
+		]
+	});
+}
+function _(e = {}) {
+	let { initialValue: n, max: r = 5, allowHalf: i = !1, onRatingChange: a } = e, [o, s] = t.useState(n ?? null), [c, l] = t.useState(null), u = t.useCallback((e) => {
+		let t = e;
+		t !== null && (t = Math.max(0, Math.min(r, t)), i || (t = Math.round(t))), s(t), a?.(t);
+	}, [
+		r,
+		i,
+		a
+	]);
+	return {
+		value: o,
+		setValue: u,
+		hoverValue: c,
+		setHoverValue: l,
+		clear: t.useCallback(() => {
+			u(null);
+		}, [u]),
+		reset: t.useCallback(() => {
+			u(n ?? null);
+		}, [n, u]),
+		getRatingProps: t.useCallback(() => ({
+			value: o ?? void 0,
+			onChange: u
+		}), [o, u])
+	};
+}
+function v({ value: e, max: t = 5, iconType: n = "star", size: r = "md", activeColor: i = "#f59e0b", inactiveColor: a = "#d1d5db", showValue: o = !0, count: s, countLabel: c = "reviews", gap: u = "sm", className: d }) {
+	return /* @__PURE__ */ l(g, {
+		value: e,
+		max: t,
+		iconType: n,
+		size: r,
+		activeColor: i,
+		inactiveColor: a,
+		readOnly: !0,
+		showValue: o,
+		count: s,
+		countLabel: c,
+		gap: u,
+		allowHalf: !0,
+		className: d
+	});
+}
+//#endregion
+export { v as WakaRatingDisplay, g as default, _ as useRatingInput };

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

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../popover/index.cjs.js`);let r=require(`react`);r=e.__toESM(r);let i=require(`lucide-react`),a=require(`react/jsx-runtime`);var o={default:``,light:`🏻`,"medium-light":`🏼`,medium:`🏽`,"medium-dark":`🏾`,dark:`🏿`},s={recent:(0,a.jsx)(i.Clock,{className:`h-4 w-4`}),smileys:(0,a.jsx)(i.Smile,{className:`h-4 w-4`}),people:(0,a.jsx)(i.Heart,{className:`h-4 w-4`}),animals:(0,a.jsx)(i.Dog,{className:`h-4 w-4`}),food:(0,a.jsx)(i.Pizza,{className:`h-4 w-4`}),travel:(0,a.jsx)(i.Plane,{className:`h-4 w-4`}),activities:(0,a.jsx)(i.ThumbsUp,{className:`h-4 w-4`}),objects:(0,a.jsx)(i.Lightbulb,{className:`h-4 w-4`}),symbols:(0,a.jsx)(i.Hash,{className:`h-4 w-4`}),flags:(0,a.jsx)(i.Flag,{className:`h-4 w-4`})},c={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`},l=[`👍`,`❤️`,`😂`,`😮`,`😢`,`🎉`],u=[{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`]}],d=[`recent`,`smileys`,`people`,`animals`,`food`,`travel`,`activities`,`objects`,`symbols`,`flags`];function f(e={}){let{maxRecent:t=20,defaultSkinTone:n=`default`,storageKey:i=`waka-recent-emojis`}=e,[a,o]=r.useState(!1),[s,c]=r.useState(null),[l,u]=r.useState(n),[d,f]=r.useState([]);r.useEffect(()=>{if(typeof window<`u`)try{let e=localStorage.getItem(i);e&&f(JSON.parse(e))}catch{}},[i]);let p=r.useCallback(e=>{f(n=>{let r=[e,...n.filter(t=>t!==e)].slice(0,t);if(typeof window<`u`)try{localStorage.setItem(i,JSON.stringify(r))}catch{}return r})},[t,i]);return{open:a,setOpen:o,selectedEmoji:s,recentEmojis:d,skinTone:l,setSkinTone:u,addToRecent:p,clearRecent:r.useCallback(()=>{if(f([]),typeof window<`u`)try{localStorage.removeItem(i)}catch{}},[i]),selectEmoji:r.useCallback(e=>{c(e),p(e)},[p])}}function p(e,t){if(t===`default`)return e;let n=o[t];if(Object.values(o).some(t=>t&&e.includes(t))){let t=e;return Object.values(o).forEach(e=>{e&&(t=t.replace(e,``))}),t+n}return e+n}function m(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 h({reactions:e,onSelect:t,skinTone:n}){return(0,a.jsx)(`div`,{className:`flex items-center gap-1 p-2 border-b`,children:e.map((e,r)=>{let i=u.find(t=>t.emoji===e)?.skinToneSupport?p(e,n):e;return(0,a.jsx)(`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 g({activeCategory:e,onCategoryChange:n,showRecent:r,hasRecent:i}){return(0,a.jsx)(`div`,{className:`flex items-center gap-0.5 p-1 border-b overflow-x-auto`,children:(r&&i?d:d.filter(e=>e!==`recent`)).map(r=>(0,a.jsx)(`button`,{onClick:()=>n(r),className:t.cn(`flex items-center justify-center w-8 h-8 rounded-md transition-colors`,e===r?`bg-accent text-accent-foreground`:`hover:bg-accent/50 text-muted-foreground`),title:c[r],children:s[r]},r))})}function _({skinTone:e,onSkinToneChange:n}){return(0,a.jsxs)(`div`,{className:`flex items-center gap-1 p-2 border-t`,children:[(0,a.jsx)(`span`,{className:`text-xs text-muted-foreground mr-2`,children:`Skin tone:`}),[`default`,`light`,`medium-light`,`medium`,`medium-dark`,`dark`].map(r=>(0,a.jsx)(`button`,{onClick:()=>n(r),className:t.cn(`flex items-center justify-center w-7 h-7 rounded text-base transition-all hover:scale-110`,e===r&&`ring-2 ring-primary ring-offset-1`),children:p(`👋`,r)},r))]})}function v({emoji:e,skinTone:t}){if(!e)return(0,a.jsxs)(`div`,{className:`flex items-center gap-3 p-2 border-t h-14`,children:[(0,a.jsx)(`div`,{className:`w-10 h-10 flex items-center justify-center text-3xl text-muted-foreground/30`,children:(0,a.jsx)(i.Smile,{})}),(0,a.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Hover over an emoji to preview`})]});let n=`url`in e,r=n?null:e.skinToneSupport?p(e.emoji,t):e.emoji;return(0,a.jsxs)(`div`,{className:`flex items-center gap-3 p-2 border-t h-14 animate-in fade-in-50 duration-150`,children:[(0,a.jsx)(`div`,{className:`w-10 h-10 flex items-center justify-center text-3xl`,children:n?(0,a.jsx)(`img`,{src:e.url,alt:e.name,className:`w-8 h-8 object-contain`}):r}),(0,a.jsxs)(`div`,{children:[(0,a.jsx)(`div`,{className:`text-sm font-medium`,children:e.name}),(0,a.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`:`,e.id||e.name.toLowerCase().replace(/\s+/g,`_`),`:`]})]})]})}function y({emojis:e,customEmojis:n,recentEmojis:o,activeCategory:s,skinTone:c,columns:l,onSelect:d,onHover:f,selectedIndex:m,showRecent:h,searchMode:g=!1}){let _=r.useRef(null),v=r.useMemo(()=>g?e:s===`recent`&&h?o.map(e=>u.find(t=>t.emoji===e||p(t.emoji,c)===e)).filter(Boolean):e.filter(e=>e.category===s),[e,s,o,c,h,g]);return r.useEffect(()=>{(_.current?.querySelector(`[data-index="${m}"]`))?.scrollIntoView({block:`nearest`})},[m]),(0,a.jsxs)(`div`,{ref:_,className:`p-2 h-52 overflow-y-auto`,children:[s===`recent`&&n&&n.length>0&&(0,a.jsxs)(`div`,{className:`mb-2`,children:[(0,a.jsx)(`div`,{className:`text-xs font-medium text-muted-foreground mb-1 px-1`,children:`Custom`}),(0,a.jsx)(`div`,{className:`grid gap-1`,style:{gridTemplateColumns:`repeat(${l}, 1fr)`},children:n.map((e,n)=>(0,a.jsx)(`button`,{"data-index":n,onClick:()=>d(e.url,e),onMouseEnter:()=>f(e),onMouseLeave:()=>f(null),className:t.cn(`flex items-center justify-center w-9 h-9 rounded-lg transition-all duration-150 hover:bg-accent hover:scale-110 active:scale-95`,m===n&&`bg-accent ring-2 ring-primary`),children:(0,a.jsx)(`img`,{src:e.url,alt:e.name,className:`w-6 h-6 object-contain`})},e.id))})]}),(0,a.jsx)(`div`,{className:`grid gap-1`,style:{gridTemplateColumns:`repeat(${l}, 1fr)`},children:v.map((e,r)=>{let i=e.skinToneSupport?p(e.emoji,c):e.emoji,o=n&&s===`recent`?r+n.length:r;return(0,a.jsx)(`button`,{"data-index":o,onClick:()=>d(i,e),onMouseEnter:()=>f(e),onMouseLeave:()=>f(null),className:t.cn(`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`,m===o&&`bg-accent ring-2 ring-primary`),children:i},e.id)})}),v.length===0&&(0,a.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-full text-muted-foreground`,children:[(0,a.jsx)(i.Smile,{className:`h-8 w-8 mb-2 opacity-50`}),(0,a.jsx)(`span`,{className:`text-sm`,children:`No emojis found`})]})]})}function b({onSelect:e,quickReactions:o=l,customEmojis:s,showSearch:c=!0,showRecent:f=!0,showSkinTones:b=!0,showCategories:x=!0,showPreview:S=!0,mode:C=`popover`,skinTone:w,onSkinToneChange:T,columns:E=8,maxRecent:D=20,open:O,onOpenChange:ee,trigger:te,className:ne,disabled:k=!1}){let[re,A]=r.useState(!1),[j,M]=r.useState(`default`),[N,P]=r.useState(``),[F,I]=r.useState(`smileys`),[L,R]=r.useState(null),[z,B]=r.useState(0),[V,H]=r.useState([]),U=r.useRef(null),W=r.useRef(null),G=O!==void 0,K=G?O:re,q=G?ee||(()=>{}):A,J=w!==void 0,Y=J?w:j,ie=J?T||(()=>{}):M;r.useEffect(()=>{if(typeof window<`u`&&f)try{let e=localStorage.getItem(`waka-recent-emojis`);e&&H(JSON.parse(e))}catch{}},[f]);let X=r.useMemo(()=>N?m(u,N):u,[N]),Z=r.useMemo(()=>N?X:F===`recent`&&f?V.map(e=>u.find(t=>t.emoji===e)).filter(Boolean):u.filter(e=>e.category===F),[X,N,F,V,f]),Q=r.useCallback((t,n)=>{e?.(t,n),f&&!(`url`in n)&&H(e=>{let n=[t,...e.filter(e=>e!==t)].slice(0,D);try{localStorage.setItem(`waka-recent-emojis`,JSON.stringify(n))}catch{}return n}),q(!1),P(``)},[e,f,D,q]);r.useEffect(()=>{if(!K)return;let e=e=>{switch(e.key){case`ArrowRight`:e.preventDefault(),B(e=>Math.min(e+1,Z.length-1));break;case`ArrowLeft`:e.preventDefault(),B(e=>Math.max(e-1,0));break;case`ArrowDown`:e.preventDefault(),B(e=>Math.min(e+E,Z.length-1));break;case`ArrowUp`:e.preventDefault(),B(e=>Math.max(e-E,0));break;case`Enter`:e.preventDefault();let t=Z[z];t&&Q(t.skinToneSupport?p(t.emoji,Y):t.emoji,t);break;case`Escape`:e.preventDefault(),q(!1);break;case`Tab`:if(!e.shiftKey){e.preventDefault();let t=f&&V.length>0?d:d.filter(e=>e!==`recent`);I(t[(t.indexOf(F)+1)%t.length]),B(0)}break}};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[K,z,Z,E,Y,Q,q,F,f,V.length]),r.useEffect(()=>{K&&c&&setTimeout(()=>U.current?.focus(),0),K||(P(``),B(0))},[K,c]),r.useEffect(()=>{B(0)},[F,N]);let $=(0,a.jsxs)(`div`,{ref:W,className:t.cn(`w-80 bg-popover rounded-lg border shadow-lg overflow-hidden`,C===`inline`&&`shadow-none`,ne),children:[o.length>0&&(0,a.jsx)(h,{reactions:o,onSelect:e=>{let t=u.find(t=>t.emoji===e||p(t.emoji,Y)===e);t&&Q(e,t)},skinTone:Y}),c&&(0,a.jsx)(`div`,{className:`p-2 border-b`,children:(0,a.jsxs)(`div`,{className:`relative`,children:[(0,a.jsx)(i.Search,{className:`absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground`}),(0,a.jsx)(`input`,{ref:U,type:`text`,value:N,onChange:e=>P(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`}),N&&(0,a.jsx)(`button`,{onClick:()=>P(``),className:`absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground`,children:(0,a.jsx)(i.X,{className:`h-4 w-4`})})]})}),x&&!N&&(0,a.jsx)(g,{activeCategory:F,onCategoryChange:I,showRecent:f,hasRecent:V.length>0}),(0,a.jsx)(y,{emojis:N?X:u,customEmojis:s,recentEmojis:V,activeCategory:F,searchMode:!!N,skinTone:Y,columns:E,onSelect:Q,onHover:R,selectedIndex:z,showRecent:f&&!N}),b&&(0,a.jsx)(_,{skinTone:Y,onSkinToneChange:ie}),S&&(0,a.jsx)(v,{emoji:L,skinTone:Y})]});return C===`inline`?$:(0,a.jsxs)(n.Popover,{open:K,onOpenChange:q,children:[(0,a.jsx)(n.PopoverTrigger,{asChild:!0,disabled:k,children:te||(0,a.jsx)(`button`,{className:t.cn(`inline-flex items-center justify-center w-9 h-9 rounded-md border bg-background hover:bg-accent transition-colors`,k&&`opacity-50 cursor-not-allowed`),children:(0,a.jsx)(i.Smile,{className:`h-5 w-5`})})}),(0,a.jsx)(n.PopoverContent,{className:`w-auto p-0`,align:`start`,sideOffset:8,children:$})]})}b.displayName=`WakaReactionPicker`,exports.default=b,exports.useReactionPicker=f;