@underverse-ui/underverse 1.0.5 → 1.0.7

package/dist/index.js

@@ -19445,7 +19445,7 @@ function useSmartLocale() {
 }
 
 // ../../components/ui/UEditor/UEditor.tsx
-import { useEffect as useEffect32, useMemo as useMemo25 } from "react";
+import { useEffect as useEffect34, useMemo as useMemo26 } from "react";
 import { useTranslations as useTranslations7 } from "next-intl";
 import { useEditor, EditorContent } from "@tiptap/react";
 
@@ -19818,12 +19818,924 @@ var ClipboardImages = Extension2.create({
   }
 });
 
+// ../../components/ui/UEditor/emoji-suggestion.tsx
+import { Extension as Extension3 } from "@tiptap/core";
+import Suggestion2 from "@tiptap/suggestion";
+import { ReactRenderer as ReactRenderer2 } from "@tiptap/react";
+import { PluginKey } from "@tiptap/pm/state";
+import { forwardRef as forwardRef14, useEffect as useEffect29, useImperativeHandle as useImperativeHandle2, useState as useState48 } from "react";
+import { Smile } from "lucide-react";
+import tippy2 from "tippy.js";
+
+// ../../components/ui/UEditor/emojis.ts
+var EMOJI_LIST = [
+  {
+    id: "smileys_people",
+    name: "Smileys & People",
+    emojis: [
+      { emoji: "\u{1F600}", name: "grinning_face" },
+      { emoji: "\u{1F603}", name: "big_eyes_grin" },
+      { emoji: "\u{1F604}", name: "smiling_eyes_grin" },
+      { emoji: "\u{1F601}", name: "beaming_smile" },
+      { emoji: "\u{1F606}", name: "squinting_laugh" },
+      { emoji: "\u{1F605}", name: "sweat_grin" },
+      { emoji: "\u{1F602}", name: "joy_tears" },
+      { emoji: "\u{1F923}", name: "rofl_laugh" },
+      { emoji: "\u{1F972}", name: "tear_smile" },
+      { emoji: "\u263A\uFE0F", name: "warm_smile" },
+      { emoji: "\u{1F60A}", name: "blush_smile" },
+      { emoji: "\u{1F607}", name: "halo_smile" },
+      { emoji: "\u{1F642}", name: "slight_smile" },
+      { emoji: "\u{1F643}", name: "upside_down" },
+      { emoji: "\u{1F609}", name: "wink_face" },
+      { emoji: "\u{1F60C}", name: "relieved_face" },
+      { emoji: "\u{1F60D}", name: "heart_eyes" },
+      { emoji: "\u{1F970}", name: "hearts_face" },
+      { emoji: "\u{1F618}", name: "blow_kiss" },
+      { emoji: "\u{1F617}", name: "kissing_face" },
+      { emoji: "\u{1F619}", name: "smiling_kiss" },
+      { emoji: "\u{1F61A}", name: "closed_eyes_kiss" },
+      { emoji: "\u{1F60B}", name: "yummy_face" },
+      { emoji: "\u{1F61B}", name: "tongue_out" },
+      { emoji: "\u{1F61D}", name: "squinting_tongue" },
+      { emoji: "\u{1F61C}", name: "wink_tongue" },
+      { emoji: "\u{1F92A}", name: "zany_face" },
+      { emoji: "\u{1F928}", name: "raised_eyebrow" },
+      { emoji: "\u{1F9D0}", name: "monocle_face" },
+      { emoji: "\u{1F913}", name: "nerd_face" },
+      { emoji: "\u{1F60E}", name: "sunglasses_face" },
+      { emoji: "\u{1F978}", name: "disguised_face" },
+      { emoji: "\u{1F929}", name: "star_struck" },
+      { emoji: "\u{1F973}", name: "partying_face" },
+      { emoji: "\u{1F60F}", name: "smirking_face" },
+      { emoji: "\u{1F612}", name: "unamused_face" },
+      { emoji: "\u{1F61E}", name: "disappointed_face" },
+      { emoji: "\u{1F614}", name: "pensive_face" },
+      { emoji: "\u{1F61F}", name: "worried_face" },
+      { emoji: "\u{1F615}", name: "confused_face" },
+      { emoji: "\u{1F641}", name: "slight_frown" },
+      { emoji: "\u2639\uFE0F", name: "frowning_face" },
+      { emoji: "\u{1F623}", name: "persevering_face" },
+      { emoji: "\u{1F616}", name: "confounded_face" },
+      { emoji: "\u{1F62B}", name: "tired_face" },
+      { emoji: "\u{1F629}", name: "weary_face" },
+      { emoji: "\u{1F97A}", name: "pleading_face" },
+      { emoji: "\u{1F622}", name: "crying_face" },
+      { emoji: "\u{1F62D}", name: "loudly_crying" },
+      { emoji: "\u{1F624}", name: "steam_nose" },
+      { emoji: "\u{1F621}", name: "pouting_face" },
+      { emoji: "\u{1F92C}", name: "cursing_face" },
+      { emoji: "\u{1F92F}", name: "exploding_head" },
+      { emoji: "\u{1F633}", name: "flushed_face" },
+      { emoji: "\u{1F975}", name: "hot_face" },
+      { emoji: "\u{1F976}", name: "cold_face" },
+      { emoji: "\u{1F631}", name: "screaming_fear" },
+      { emoji: "\u{1F628}", name: "fearful_face" },
+      { emoji: "\u{1F630}", name: "anxious_sweat" },
+      { emoji: "\u{1F625}", name: "relieved_sad" },
+      { emoji: "\u{1F613}", name: "downcast_sweat" },
+      { emoji: "\u{1F917}", name: "hugging_face" },
+      { emoji: "\u{1F914}", name: "thinking_face" },
+      { emoji: "\u{1F92D}", name: "hand_over_mouth" },
+      { emoji: "\u{1F92B}", name: "shushing_face" },
+      { emoji: "\u{1F925}", name: "lying_face" },
+      { emoji: "\u{1F636}", name: "no_mouth" },
+      { emoji: "\u{1F610}", name: "neutral_face" },
+      { emoji: "\u{1F611}", name: "expressionless_face" },
+      { emoji: "\u{1F62C}", name: "grimacing_face" },
+      { emoji: "\u{1F644}", name: "rolling_eyes" },
+      { emoji: "\u{1F62F}", name: "hushed_face" },
+      { emoji: "\u{1F626}", name: "frowning_open" },
+      { emoji: "\u{1F627}", name: "anguished_face" },
+      { emoji: "\u{1F62E}", name: "open_mouth" },
+      { emoji: "\u{1F632}", name: "astonished_face" },
+      { emoji: "\u{1F971}", name: "yawning_face" },
+      { emoji: "\u{1F634}", name: "sleeping_face" },
+      { emoji: "\u{1F924}", name: "drooling_face" },
+      { emoji: "\u{1F62A}", name: "sleepy_face" },
+      { emoji: "\u{1F635}", name: "dizzy_face" },
+      { emoji: "\u{1F910}", name: "zipper_mouth" },
+      { emoji: "\u{1F974}", name: "woozy_face" },
+      { emoji: "\u{1F922}", name: "nauseated_face" },
+      { emoji: "\u{1F92E}", name: "face_vomiting" },
+      { emoji: "\u{1F927}", name: "sneezing_face" },
+      { emoji: "\u{1F637}", name: "medical_mask" },
+      { emoji: "\u{1F912}", name: "thermometer_face" },
+      { emoji: "\u{1F915}", name: "bandage_head" },
+      { emoji: "\u{1F911}", name: "money_mouth" },
+      { emoji: "\u{1F920}", name: "cowboy_hat" },
+      { emoji: "\u{1F608}", name: "devil_smile" },
+      { emoji: "\u{1F47F}", name: "devil_angry" },
+      { emoji: "\u{1F479}", name: "ogre_mask" },
+      { emoji: "\u{1F47A}", name: "goblin_mask" },
+      { emoji: "\u{1F921}", name: "clown_face" },
+      { emoji: "\u{1F4A9}", name: "poop_pile" },
+      { emoji: "\u{1F47B}", name: "ghost_spooky" },
+      { emoji: "\u{1F480}", name: "skull_head" },
+      { emoji: "\u2620\uFE0F", name: "skull_crossbones" },
+      { emoji: "\u{1F47D}", name: "alien_face" },
+      { emoji: "\u{1F47E}", name: "alien_monster" },
+      { emoji: "\u{1F916}", name: "robot_face" },
+      { emoji: "\u{1F383}", name: "pumpkin_jack" },
+      { emoji: "\u{1F63A}", name: "cat_grin" },
+      { emoji: "\u{1F638}", name: "cat_smile" },
+      { emoji: "\u{1F639}", name: "cat_joy" },
+      { emoji: "\u{1F63B}", name: "cat_heart_eyes" },
+      { emoji: "\u{1F63C}", name: "cat_smirk" },
+      { emoji: "\u{1F63D}", name: "cat_kiss" },
+      { emoji: "\u{1F640}", name: "cat_weary" },
+      { emoji: "\u{1F63F}", name: "cat_crying" },
+      { emoji: "\u{1F63E}", name: "cat_pouting" },
+      { emoji: "\u{1F44B}", name: "waving_hand" },
+      { emoji: "\u{1F91A}", name: "raised_back_hand" },
+      { emoji: "\u{1F590}\uFE0F", name: "splayed_fingers" },
+      { emoji: "\u270B", name: "raised_hand" },
+      { emoji: "\u{1F596}", name: "vulcan_salute" },
+      { emoji: "\u{1F44C}", name: "ok_hand" },
+      { emoji: "\u{1F90C}", name: "pinched_fingers" },
+      { emoji: "\u{1F90F}", name: "pinching_hand" },
+      { emoji: "\u270C\uFE0F", name: "victory_hand" },
+      { emoji: "\u{1F91E}", name: "crossed_fingers" },
+      { emoji: "\u{1F91F}", name: "love_you" },
+      { emoji: "\u{1F918}", name: "rock_on" },
+      { emoji: "\u{1F919}", name: "call_me" },
+      { emoji: "\u{1F448}", name: "point_left" },
+      { emoji: "\u{1F449}", name: "point_right" },
+      { emoji: "\u{1F446}", name: "point_up" },
+      { emoji: "\u{1F595}", name: "middle_finger" },
+      { emoji: "\u{1F447}", name: "point_down" },
+      { emoji: "\u261D\uFE0F", name: "index_up" },
+      { emoji: "\u{1F44D}", name: "thumbs_up" },
+      { emoji: "\u{1F44E}", name: "thumbs_down" },
+      { emoji: "\u270A", name: "raised_fist" },
+      { emoji: "\u{1F44A}", name: "oncoming_fist" },
+      { emoji: "\u{1F91B}", name: "left_fist" },
+      { emoji: "\u{1F91C}", name: "right_fist" },
+      { emoji: "\u{1F44F}", name: "clapping_hands" },
+      { emoji: "\u{1F64C}", name: "raising_hands" },
+      { emoji: "\u{1F450}", name: "open_hands" },
+      { emoji: "\u{1F932}", name: "palms_up" },
+      { emoji: "\u{1F91D}", name: "handshake" },
+      { emoji: "\u{1F64F}", name: "folded_hands" },
+      { emoji: "\u270D\uFE0F", name: "writing_hand" },
+      { emoji: "\u{1F485}", name: "nail_polish" },
+      { emoji: "\u{1F933}", name: "selfie_hand" },
+      { emoji: "\u{1F4AA}", name: "flex_biceps" },
+      { emoji: "\u{1F9BE}", name: "robot_arm" },
+      { emoji: "\u{1F9BF}", name: "robot_leg" },
+      { emoji: "\u{1F9B5}", name: "leg_foot" },
+      { emoji: "\u{1F9B6}", name: "foot_leg" },
+      { emoji: "\u{1F442}", name: "ear_listen" },
+      { emoji: "\u{1F9BB}", name: "ear_hearing_aid" },
+      { emoji: "\u{1F443}", name: "nose_smell" },
+      { emoji: "\u{1F9E0}", name: "brain_mind" },
+      { emoji: "\u{1FAC0}", name: "anatomical_heart" },
+      { emoji: "\u{1FAC1}", name: "lungs_organ" },
+      { emoji: "\u{1F9B7}", name: "tooth_dentist" },
+      { emoji: "\u{1F9B4}", name: "bone_skeleton" },
+      { emoji: "\u{1F440}", name: "eyes_look" },
+      { emoji: "\u{1F441}\uFE0F", name: "eye_look" },
+      { emoji: "\u{1F445}", name: "tongue_lick" },
+      { emoji: "\u{1F444}", name: "mouth_lips" },
+      { emoji: "\u{1F48B}", name: "kiss_mark" },
+      { emoji: "\u{1FA78}", name: "blood_drop" },
+      { emoji: "\u{1F476}", name: "baby_face" },
+      { emoji: "\u{1F9D2}", name: "child_face" },
+      { emoji: "\u{1F466}", name: "boy_face" },
+      { emoji: "\u{1F467}", name: "girl_face" },
+      { emoji: "\u{1F9D1}", name: "person_face" },
+      { emoji: "\u{1F471}", name: "blond_person" },
+      { emoji: "\u{1F468}", name: "man_face" },
+      { emoji: "\u{1F9D4}", name: "beard_person" },
+      { emoji: "\u{1F469}", name: "woman_face" },
+      { emoji: "\u{1F9D3}", name: "older_person" },
+      { emoji: "\u{1F474}", name: "old_man" },
+      { emoji: "\u{1F475}", name: "old_woman" },
+      { emoji: "\u{1F472}", name: "skullcap_person" },
+      { emoji: "\u{1F473}", name: "turban_person" },
+      { emoji: "\u{1F9D5}", name: "headscarf_woman" },
+      { emoji: "\u{1F46E}", name: "police_officer" },
+      { emoji: "\u{1F477}", name: "construction_worker" },
+      { emoji: "\u{1F482}", name: "guard_person" },
+      { emoji: "\u{1F575}\uFE0F", name: "detective_spy" },
+      { emoji: "\u{1F469}\u200D\u2695\uFE0F", name: "woman_doctor" },
+      { emoji: "\u{1F468}\u200D\u2695\uFE0F", name: "man_doctor" },
+      { emoji: "\u{1F469}\u200D\u{1F33E}", name: "woman_farmer" },
+      { emoji: "\u{1F468}\u200D\u{1F33E}", name: "man_farmer" },
+      { emoji: "\u{1F469}\u200D\u{1F373}", name: "woman_cook" },
+      { emoji: "\u{1F468}\u200D\u{1F373}", name: "man_cook" },
+      { emoji: "\u{1F469}\u200D\u{1F393}", name: "woman_student" },
+      { emoji: "\u{1F468}\u200D\u{1F393}", name: "man_student" },
+      { emoji: "\u{1F469}\u200D\u{1F3A4}", name: "woman_singer" },
+      { emoji: "\u{1F468}\u200D\u{1F3A4}", name: "man_singer" },
+      { emoji: "\u{1F469}\u200D\u{1F3EB}", name: "woman_teacher" },
+      { emoji: "\u{1F468}\u200D\u{1F3EB}", name: "man_teacher" },
+      { emoji: "\u{1F469}\u200D", name: "woman_factory" },
+      { emoji: "\u{1F468}\u200D", name: "man_factory" },
+      { emoji: "\u{1F469}\u200D\u{1F4BB}", name: "woman_tech" },
+      { emoji: "\u{1F468}\u200D\u{1F4BB}", name: "man_tech" },
+      { emoji: "\u{1F469}\u200D\u{1F4BC}", name: "woman_office" },
+      { emoji: "\u{1F468}\u200D\u{1F4BC}", name: "man_office" },
+      { emoji: "\u{1F469}\u200D\u{1F527}", name: "woman_mechanic" },
+      { emoji: "\u{1F468}\u200D\u{1F527}", name: "man_mechanic" },
+      { emoji: "\u{1F469}\u200D\u{1F52C}", name: "woman_scientist" },
+      { emoji: "\u{1F468}\u200D\u{1F52C}", name: "man_scientist" },
+      { emoji: "\u{1F469}\u200D\u{1F3A8}", name: "woman_artist" },
+      { emoji: "\u{1F468}\u200D\u{1F3A8}", name: "man_artist" },
+      { emoji: "\u{1F469}\u200D\u{1F692}", name: "woman_firefighter" },
+      { emoji: "\u{1F468}\u200D\u{1F692}", name: "man_firefighter" },
+      { emoji: "\u{1F469}\u200D\u2708\uFE0F", name: "woman_pilot" },
+      { emoji: "\u{1F468}\u200D\u2708\uFE0F", name: "man_pilot" },
+      { emoji: "\u{1F469}\u200D\u{1F680}", name: "woman_astronaut" },
+      { emoji: "\u{1F468}\u200D\u{1F680}", name: "man_astronaut" },
+      { emoji: "\u{1F469}\u200D\u2696\uFE0F", name: "woman_judge" },
+      { emoji: "\u{1F468}\u200D\u2696\uFE0F", name: "man_judge" },
+      { emoji: "\u{1F470}", name: "bride_wedding" },
+      { emoji: "\u{1F935}", name: "groom_tuxedo" },
+      { emoji: "\u{1F478}", name: "princess_crown" },
+      { emoji: "\u{1F934}", name: "prince_crown" },
+      { emoji: "\u{1F9B8}", name: "superhero_person" },
+      { emoji: "\u{1F9B9}", name: "supervillain_person" },
+      { emoji: "\u{1F936}", name: "mrs_claus" },
+      { emoji: "\u{1F385}", name: "santa_claus" },
+      { emoji: "\u{1F9D9}", name: "mage_wizard" },
+      { emoji: "\u{1F9DD}", name: "elf_fantasy" },
+      { emoji: "\u{1F9DB}", name: "vampire_dracula" },
+      { emoji: "\u{1F9DF}", name: "zombie_undead" },
+      { emoji: "\u{1F9DE}", name: "genie_magic" },
+      { emoji: "\u{1F9DC}", name: "mermaid_person" },
+      { emoji: "\u{1F9DA}", name: "fairy_magic" },
+      { emoji: "\u{1F47C}", name: "angel_baby" },
+      { emoji: "\u{1F930}", name: "pregnant_woman" },
+      { emoji: "\u{1F931}", name: "breast_feeding" },
+      { emoji: "\u{1F647}", name: "bowing_person" },
+      { emoji: "\u{1F481}", name: "tipping_hand" },
+      { emoji: "\u{1F645}", name: "gesturing_no" },
+      { emoji: "\u{1F646}", name: "gesturing_ok" },
+      { emoji: "\u{1F64B}", name: "raising_hand" },
+      { emoji: "\u{1F9CF}", name: "deaf_person" },
+      { emoji: "\u{1F926}", name: "face_palm" },
+      { emoji: "\u{1F937}", name: "shrugging_person" },
+      { emoji: "\u{1F64E}", name: "pouting_person" },
+      { emoji: "\u{1F64D}", name: "frowning_person" },
+      { emoji: "\u{1F487}", name: "haircut_person" },
+      { emoji: "\u{1F486}", name: "massage_person" },
+      { emoji: "\u{1F9D6}", name: "sauna_person" },
+      { emoji: "\u{1F483}", name: "woman_dancing" },
+      { emoji: "\u{1F57A}", name: "man_dancing" },
+      { emoji: "\u{1F46F}", name: "bunny_friends" },
+      { emoji: "\u{1F574}\uFE0F", name: "levitating_suit" },
+      { emoji: "\u{1F6B6}", name: "walking_person" },
+      { emoji: "\u{1F3C3}", name: "running_person" },
+      { emoji: "\u{1F9CD}", name: "standing_person" },
+      { emoji: "\u{1F9CE}", name: "kneeling_person" },
+      { emoji: "\u{1F468}\u200D\u{1F9AF}", name: "blind_cane" },
+      { emoji: "\u{1F468}\u200D\u{1F9BC}", name: "motor_wheelchair" },
+      { emoji: "\u{1F468}\u200D\u{1F9BD}", name: "manual_wheelchair" },
+      { emoji: "\u{1F9D7}", name: "climbing_person" },
+      { emoji: "\u{1F93A}", name: "fencing_person" },
+      { emoji: "\u{1F3C7}", name: "horse_racing" },
+      { emoji: "\u26F7\uFE0F", name: "skier_snow" },
+      { emoji: "\u{1F3C2}", name: "snowboarder_snow" },
+      { emoji: "\u{1F3CC}\uFE0F", name: "golfing_person" },
+      { emoji: "\u{1F3C4}", name: "surfing_person" },
+      { emoji: "\u{1F6A3}", name: "rowing_person" },
+      { emoji: "\u{1F3CA}", name: "swimming_person" },
+      { emoji: "\u26F9\uFE0F", name: "basketball_person" },
+      { emoji: "\u{1F3CB}\uFE0F", name: "lifting_weights" },
+      { emoji: "\u{1F6B4}", name: "biking_person" },
+      { emoji: "\u{1F6B5}", name: "mountain_biking" },
+      { emoji: "\u{1F938}", name: "cartwheel_person" },
+      { emoji: "\u{1F93C}", name: "wrestling_people" },
+      { emoji: "\u{1F93D}", name: "water_polo" },
+      { emoji: "\u{1F93E}", name: "handball_person" },
+      { emoji: "\u{1F939}", name: "juggling_person" },
+      { emoji: "\u{1F9D8}", name: "yoga_lotus" },
+      { emoji: "\u{1F6C0}", name: "bath_person" },
+      { emoji: "\u{1F6CC}", name: "bed_person" }
+    ]
+  },
+  {
+    id: "animals_nature",
+    name: "Animals & Nature",
+    emojis: [
+      { emoji: "\u{1F435}", name: "monkey_face" },
+      { emoji: "\u{1F436}", name: "dog_face" },
+      { emoji: "\u{1F43A}", name: "wolf_face" },
+      { emoji: "\u{1F431}", name: "cat_face" },
+      { emoji: "\u{1F981}", name: "lion_face" },
+      { emoji: "\u{1F42F}", name: "tiger_face" },
+      { emoji: "\u{1F434}", name: "horse_face" },
+      { emoji: "\u{1F984}", name: "unicorn_face" },
+      { emoji: "\u{1F42E}", name: "cow_face" },
+      { emoji: "\u{1F437}", name: "pig_face" },
+      { emoji: "\u{1F42D}", name: "mouse_face" },
+      { emoji: "\u{1F430}", name: "rabbit_face" },
+      { emoji: "\u{1F43B}", name: "bear_face" },
+      { emoji: "\u{1F428}", name: "koala_bear" },
+      { emoji: "\u{1F43C}", name: "panda_face" },
+      { emoji: "\u{1F414}", name: "chicken_bird" },
+      { emoji: "\u{1F427}", name: "penguin_bird" },
+      { emoji: "\u{1F426}", name: "bird_fly" },
+      { emoji: "\u{1F986}", name: "duck_bird" },
+      { emoji: "\u{1F985}", name: "eagle_bird" },
+      { emoji: "\u{1F989}", name: "owl_bird" },
+      { emoji: "\u{1F438}", name: "frog_face" },
+      { emoji: "\u{1F422}", name: "turtle_slow" },
+      { emoji: "\u{1F40D}", name: "snake_hiss" },
+      { emoji: "\u{1F433}", name: "whale_sprout" },
+      { emoji: "\u{1F42C}", name: "dolphin_jump" },
+      { emoji: "\u{1F41F}", name: "fish_swim" },
+      { emoji: "\u{1F419}", name: "octopus_legs" },
+      { emoji: "\u{1F98B}", name: "butterfly_fly" },
+      { emoji: "\u{1F490}", name: "flower_bouquet" },
+      { emoji: "\u{1F338}", name: "cherry_blossom" },
+      { emoji: "\u{1F339}", name: "rose_flower" },
+      { emoji: "\u{1F33B}", name: "sunflower_yellow" },
+      { emoji: "\u{1F332}", name: "evergreen_tree" },
+      { emoji: "\u{1F333}", name: "deciduous_tree" },
+      { emoji: "\u{1F334}", name: "palm_tree" },
+      { emoji: "\u{1F335}", name: "cactus_plant" },
+      { emoji: "\u{1F525}", name: "fire_flame" },
+      { emoji: "\u{1F4A7}", name: "water_drop" },
+      { emoji: "\u2B50", name: "star_shine" }
+    ]
+  },
+  {
+    id: "food_drink",
+    name: "Food & Drink",
+    emojis: [
+      { emoji: "\u{1F347}", name: "grapes_fruit" },
+      { emoji: "\u{1F348}", name: "melon_fruit" },
+      { emoji: "\u{1F349}", name: "watermelon_slice" },
+      { emoji: "\u{1F34A}", name: "tangerine_orange" },
+      { emoji: "\u{1F34B}", name: "lemon_sour" },
+      { emoji: "\u{1F34C}", name: "banana_fruit" },
+      { emoji: "\u{1F34D}", name: "pineapple_fruit" },
+      { emoji: "\u{1F34E}", name: "red_apple" },
+      { emoji: "\u{1F34F}", name: "green_apple" },
+      { emoji: "\u{1F350}", name: "pear_fruit" },
+      { emoji: "\u{1F351}", name: "peach_fruit" },
+      { emoji: "\u{1F352}", name: "cherries_red" },
+      { emoji: "\u{1F353}", name: "strawberry_red" },
+      { emoji: "\u{1F95D}", name: "kiwi_fruit" },
+      { emoji: "\u{1F345}", name: "tomato_red" },
+      { emoji: "\u{1F951}", name: "avocado_green" },
+      { emoji: "\u{1F346}", name: "eggplant_purple" },
+      { emoji: "\u{1F954}", name: "potato_spud" },
+      { emoji: "\u{1F955}", name: "carrot_veg" },
+      { emoji: "\u{1F33D}", name: "corn_cob" },
+      { emoji: "\u{1F35E}", name: "bread_loaf" },
+      { emoji: "\u{1F9C0}", name: "cheese_wedge" },
+      { emoji: "\u{1F356}", name: "meat_bone" },
+      { emoji: "\u{1F357}", name: "poultry_leg" },
+      { emoji: "\u{1F969}", name: "meat_cut" },
+      { emoji: "\u{1F953}", name: "bacon_strips" },
+      { emoji: "\u{1F354}", name: "hamburger_fast" },
+      { emoji: "\u{1F35F}", name: "french_fries" },
+      { emoji: "\u{1F355}", name: "pizza_slice" },
+      { emoji: "\u{1F32D}", name: "hot_dog" },
+      { emoji: "\u{1F96A}", name: "sandwich_lunch" },
+      { emoji: "\u{1F32E}", name: "taco_mexican" },
+      { emoji: "\u{1F32F}", name: "burrito_wrap" },
+      { emoji: "\u{1F95A}", name: "egg_white" },
+      { emoji: "\u{1F373}", name: "cooking_egg" },
+      { emoji: "\u{1F37F}", name: "popcorn_box" },
+      { emoji: "\u{1F35A}", name: "rice_bowl" },
+      { emoji: "\u{1F35D}", name: "spaghetti_pasta" },
+      { emoji: "\u{1F363}", name: "sushi_roll" },
+      { emoji: "\u{1F364}", name: "fried_shrimp" },
+      { emoji: "\u{1F366}", name: "ice_cream" },
+      { emoji: "\u{1F369}", name: "doughnut_sweet" },
+      { emoji: "\u{1F36A}", name: "cookie_sweet" },
+      { emoji: "\u{1F382}", name: "birthday_cake" },
+      { emoji: "\u{1F370}", name: "shortcake_slice" },
+      { emoji: "\u{1F36B}", name: "chocolate_bar" },
+      { emoji: "\u{1F36C}", name: "candy_sweet" },
+      { emoji: "\u{1F36D}", name: "lollipop_candy" },
+      { emoji: "\u2615", name: "coffee_hot" },
+      { emoji: "\u{1F37A}", name: "beer_mug" },
+      { emoji: "\u{1F37B}", name: "beer_cheers" },
+      { emoji: "\u{1F942}", name: "champagne_cheers" },
+      { emoji: "\u{1F377}", name: "wine_glass" },
+      { emoji: "\u{1F943}", name: "whiskey_glass" },
+      { emoji: "\u{1F379}", name: "tropical_drink" }
+    ]
+  },
+  {
+    id: "activity",
+    name: "Activity",
+    emojis: [
+      { emoji: "\u26BD", name: "soccer_ball" },
+      { emoji: "\u{1F3C0}", name: "basketball_hoop" },
+      { emoji: "\u{1F3C8}", name: "football_american" },
+      { emoji: "\u26BE", name: "baseball_game" },
+      { emoji: "\u{1F3BE}", name: "tennis_ball" },
+      { emoji: "\u{1F3D0}", name: "volleyball_game" },
+      { emoji: "\u{1F3B1}", name: "pool_8ball" },
+      { emoji: "\u{1F3D3}", name: "ping_pong" },
+      { emoji: "\u{1F3F8}", name: "badminton_game" },
+      { emoji: "\u{1F94A}", name: "boxing_glove" },
+      { emoji: "\u{1F945}", name: "goal_net" },
+      { emoji: "\u{1F3A3}", name: "fishing_pole" },
+      { emoji: "\u{1F3AE}", name: "video_game" },
+      { emoji: "\u{1F3B2}", name: "game_die" },
+      { emoji: "\u{1F3AD}", name: "theater_masks" },
+      { emoji: "\u{1F3A8}", name: "artist_palette" },
+      { emoji: "\u{1F3AC}", name: "clapper_board" },
+      { emoji: "\u{1F3A4}", name: "microphone_sing" },
+      { emoji: "\u{1F3A7}", name: "headphone_music" },
+      { emoji: "\u{1F3B7}", name: "saxophone_jazz" },
+      { emoji: "\u{1F3B8}", name: "guitar_rock" },
+      { emoji: "\u{1F3B9}", name: "piano_keys" },
+      { emoji: "\u{1F3BA}", name: "trumpet_horn" },
+      { emoji: "\u{1F3BB}", name: "violin_music" },
+      { emoji: "\u{1F941}", name: "drum_beat" }
+    ]
+  },
+  {
+    id: "objects",
+    name: "Objects",
+    emojis: [
+      { emoji: "\u{1F4F1}", name: "mobile_phone" },
+      { emoji: "\u{1F4BB}", name: "laptop_computer" },
+      { emoji: "\u{1F5A5}\uFE0F", name: "desktop_computer" },
+      { emoji: "\u231A", name: "watch_wrist" },
+      { emoji: "\u{1F4F7}", name: "camera_photo" },
+      { emoji: "\u{1F4A1}", name: "light_bulb" },
+      { emoji: "\u{1F4DA}", name: "books_pile" },
+      { emoji: "\u{1F4B0}", name: "money_bag" },
+      { emoji: "\u{1F381}", name: "gift_box" },
+      { emoji: "\u{1F388}", name: "balloon_red" },
+      { emoji: "\u{1F389}", name: "party_popper" },
+      { emoji: "\u{1F38A}", name: "confetti_ball" },
+      { emoji: "\u2709\uFE0F", name: "envelope_mail" },
+      { emoji: "\u{1F4E6}", name: "package_box" },
+      { emoji: "\u270F\uFE0F", name: "pencil_write" },
+      { emoji: "\u{1F512}", name: "lock_closed" },
+      { emoji: "\u{1F511}", name: "key_gold" },
+      { emoji: "\u{1F528}", name: "hammer_tool" },
+      { emoji: "\u{1F4A3}", name: "bomb_explode" },
+      { emoji: "\u{1F52B}", name: "pistol_toy" },
+      { emoji: "\u{1F48A}", name: "pill_capsule" },
+      { emoji: "\u{1F6D2}", name: "shopping_cart" }
+    ]
+  },
+  {
+    id: "symbols",
+    name: "Symbols",
+    emojis: [
+      { emoji: "\u2764\uFE0F", name: "red_heart" },
+      { emoji: "\u{1F9E1}", name: "orange_heart" },
+      { emoji: "\u{1F49B}", name: "yellow_heart" },
+      { emoji: "\u{1F49A}", name: "green_heart" },
+      { emoji: "\u{1F499}", name: "blue_heart" },
+      { emoji: "\u{1F49C}", name: "purple_heart" },
+      { emoji: "\u{1F5A4}", name: "black_heart" },
+      { emoji: "\u{1F90D}", name: "white_heart" },
+      { emoji: "\u{1F90E}", name: "brown_heart" },
+      { emoji: "\u{1F494}", name: "broken_heart" },
+      { emoji: "\u2763\uFE0F", name: "heart_exclamation" },
+      { emoji: "\u{1F495}", name: "two_hearts" },
+      { emoji: "\u{1F49E}", name: "revolving_hearts" },
+      { emoji: "\u{1F493}", name: "beating_heart" },
+      { emoji: "\u{1F497}", name: "growing_heart" },
+      { emoji: "\u{1F496}", name: "sparkling_heart" },
+      { emoji: "\u{1F498}", name: "cupid_heart" },
+      { emoji: "\u{1F49D}", name: "gift_heart" },
+      { emoji: "\u{1F4AF}", name: "hundred_points" },
+      { emoji: "\u{1F4A2}", name: "anger_symbol" },
+      { emoji: "\u{1F4A5}", name: "collision_boom" },
+      { emoji: "\u{1F4AB}", name: "dizzy_star" },
+      { emoji: "\u{1F4A6}", name: "sweat_drops" },
+      { emoji: "\u{1F4A8}", name: "dash_away" },
+      { emoji: "\u{1F4A4}", name: "sleeping_zzz" },
+      { emoji: "\u2705", name: "check_mark" },
+      { emoji: "\u274C", name: "cross_mark" },
+      { emoji: "\u26A0\uFE0F", name: "warning_sign" },
+      { emoji: "\u26D4", name: "no_entry" },
+      { emoji: "\u{1F6AB}", name: "prohibited_sign" },
+      { emoji: "\u2B06\uFE0F", name: "arrow_up" },
+      { emoji: "\u2B07\uFE0F", name: "arrow_down" },
+      { emoji: "\u2B05\uFE0F", name: "arrow_left" },
+      { emoji: "\u27A1\uFE0F", name: "arrow_right" },
+      { emoji: "\u267B\uFE0F", name: "recycling_symbol" }
+    ]
+  },
+  {
+    id: "flags",
+    name: "Flags",
+    emojis: [
+      { emoji: "\u{1F3C1}", name: "checkered_flag" },
+      { emoji: "\u{1F3F3}\uFE0F", name: "white_flag" },
+      { emoji: "\u{1F3F3}\uFE0F\u200D\u{1F308}", name: "rainbow_flag" },
+      { emoji: "\u{1F3F3}\uFE0F\u200D\u26A7\uFE0F", name: "transgender_flag" },
+      { emoji: "\u{1F3F4}\u200D\u2620\uFE0F", name: "pirate_flag" },
+      { emoji: "\u{1F1E6}\u{1F1E8}", name: "flag_ascension" },
+      { emoji: "\u{1F1E6}\u{1F1E9}", name: "flag_andorra" },
+      { emoji: "\u{1F1E6}\u{1F1EA}", name: "flag_uae" },
+      { emoji: "\u{1F1E6}\u{1F1EB}", name: "flag_afghanistan" },
+      { emoji: "\u{1F1E6}\u{1F1EC}", name: "flag_antigua" },
+      { emoji: "\u{1F1E6}\u{1F1EE}", name: "flag_anguilla" },
+      { emoji: "\u{1F1E6}\u{1F1F1}", name: "flag_albania" },
+      { emoji: "\u{1F1E6}\u{1F1F2}", name: "flag_armenia" },
+      { emoji: "\u{1F1E6}\u{1F1F4}", name: "flag_angola" },
+      { emoji: "\u{1F1E6}\u{1F1F6}", name: "flag_antarctica" },
+      { emoji: "\u{1F1E6}\u{1F1F7}", name: "flag_argentina" },
+      { emoji: "\u{1F1E6}\u{1F1F8}", name: "flag_american_samoa" },
+      { emoji: "\u{1F1E6}\u{1F1F9}", name: "flag_austria" },
+      { emoji: "\u{1F1E6}\u{1F1FA}", name: "flag_australia" },
+      { emoji: "\u{1F1E6}\u{1F1FC}", name: "flag_aruba" },
+      { emoji: "\u{1F1E6}\u{1F1FD}", name: "flag_aland" },
+      { emoji: "\u{1F1E6}\u{1F1FF}", name: "flag_azerbaijan" },
+      { emoji: "\u{1F1E7}\u{1F1E6}", name: "flag_bosnia" },
+      { emoji: "\u{1F1E7}\u{1F1E7}", name: "flag_barbados" },
+      { emoji: "\u{1F1E7}\u{1F1E9}", name: "flag_bangladesh" },
+      { emoji: "\u{1F1E7}\u{1F1EA}", name: "flag_belgium" },
+      { emoji: "\u{1F1E7}\u{1F1EB}", name: "flag_burkina" },
+      { emoji: "\u{1F1E7}\u{1F1EC}", name: "flag_bulgaria" },
+      { emoji: "\u{1F1E7}\u{1F1ED}", name: "flag_bahrain" },
+      { emoji: "\u{1F1E7}\u{1F1EE}", name: "flag_burundi" },
+      { emoji: "\u{1F1E7}\u{1F1EF}", name: "flag_benin" },
+      { emoji: "\u{1F1E7}\u{1F1F1}", name: "flag_st_barthelemy" },
+      { emoji: "\u{1F1E7}\u{1F1F2}", name: "flag_bermuda" },
+      { emoji: "\u{1F1E7}\u{1F1F3}", name: "flag_brunei" },
+      { emoji: "\u{1F1E7}\u{1F1F4}", name: "flag_bolivia" },
+      { emoji: "\u{1F1E7}\u{1F1F6}", name: "flag_bonaire" },
+      { emoji: "\u{1F1E7}\u{1F1F7}", name: "flag_brazil" },
+      { emoji: "\u{1F1E7}\u{1F1F8}", name: "flag_bahamas" },
+      { emoji: "\u{1F1E7}\u{1F1F9}", name: "flag_bhutan" },
+      { emoji: "\u{1F1E7}\u{1F1FB}", name: "flag_bouvet" },
+      { emoji: "\u{1F1E7}\u{1F1FC}", name: "flag_botswana" },
+      { emoji: "\u{1F1E7}\u{1F1FE}", name: "flag_belarus" },
+      { emoji: "\u{1F1E7}\u{1F1FF}", name: "flag_belize" },
+      { emoji: "\u{1F1E8}\u{1F1E6}", name: "flag_canada" },
+      { emoji: "\u{1F1E8}\u{1F1E8}", name: "flag_cocos" },
+      { emoji: "\u{1F1E8}\u{1F1E9}", name: "flag_congo_dr" },
+      { emoji: "\u{1F1E8}\u{1F1EB}", name: "flag_central_africa" },
+      { emoji: "\u{1F1E8}\u{1F1EC}", name: "flag_congo" },
+      { emoji: "\u{1F1E8}\u{1F1ED}", name: "flag_switzerland" },
+      { emoji: "\u{1F1E8}\u{1F1EE}", name: "flag_cote_divoire" },
+      { emoji: "\u{1F1E8}\u{1F1F0}", name: "flag_cook_islands" },
+      { emoji: "\u{1F1E8}\u{1F1F1}", name: "flag_chile" },
+      { emoji: "\u{1F1E8}\u{1F1F2}", name: "flag_cameroon" },
+      { emoji: "\u{1F1E8}\u{1F1F3}", name: "flag_china" },
+      { emoji: "\u{1F1E8}\u{1F1F4}", name: "flag_colombia" },
+      { emoji: "\u{1F1E8}\u{1F1F5}", name: "flag_clipperton" },
+      { emoji: "\u{1F1E8}\u{1F1F7}", name: "flag_costa_rica" },
+      { emoji: "\u{1F1E8}\u{1F1FA}", name: "flag_cuba" },
+      { emoji: "\u{1F1E8}\u{1F1FB}", name: "flag_cape_verde" },
+      { emoji: "\u{1F1E8}\u{1F1FC}", name: "flag_curacao" },
+      { emoji: "\u{1F1E8}\u{1F1FD}", name: "flag_christmas_island" },
+      { emoji: "\u{1F1E8}\u{1F1FE}", name: "flag_cyprus" },
+      { emoji: "\u{1F1E8}\u{1F1FF}", name: "flag_czechia" },
+      { emoji: "\u{1F1E9}\u{1F1EA}", name: "flag_germany" },
+      { emoji: "\u{1F1E9}\u{1F1EC}", name: "flag_diego_garcia" },
+      { emoji: "\u{1F1E9}\u{1F1EF}", name: "flag_djibouti" },
+      { emoji: "\u{1F1E9}\u{1F1F0}", name: "flag_denmark" },
+      { emoji: "\u{1F1E9}\u{1F1F2}", name: "flag_dominica" },
+      { emoji: "\u{1F1E9}\u{1F1F4}", name: "flag_dominican_rep" },
+      { emoji: "\u{1F1E9}\u{1F1FF}", name: "flag_algeria" },
+      { emoji: "\u{1F1EA}\u{1F1E8}", name: "flag_ecuador" },
+      { emoji: "\u{1F1EA}\u{1F1EA}", name: "flag_estonia" },
+      { emoji: "\u{1F1EA}\u{1F1EC}", name: "flag_egypt" },
+      { emoji: "\u{1F1EA}\u{1F1ED}", name: "flag_western_sahara" },
+      { emoji: "\u{1F1EA}\u{1F1F7}", name: "flag_eritrea" },
+      { emoji: "\u{1F1EA}\u{1F1F8}", name: "flag_spain" },
+      { emoji: "\u{1F1EA}\u{1F1F9}", name: "flag_ethiopia" },
+      { emoji: "\u{1F1EA}\u{1F1FA}", name: "flag_eu" },
+      { emoji: "\u{1F1EB}\u{1F1EE}", name: "flag_finland" },
+      { emoji: "\u{1F1EB}\u{1F1EF}", name: "flag_fiji" },
+      { emoji: "\u{1F1EB}\u{1F1F0}", name: "flag_falkland" },
+      { emoji: "\u{1F1EB}\u{1F1F2}", name: "flag_micronesia" },
+      { emoji: "\u{1F1EB}\u{1F1F4}", name: "flag_faroe" },
+      { emoji: "\u{1F1EB}\u{1F1F7}", name: "flag_france" },
+      { emoji: "\u{1F1EC}\u{1F1E6}", name: "flag_gabon" },
+      { emoji: "\u{1F1EC}\u{1F1E7}", name: "flag_uk" },
+      { emoji: "\u{1F1EC}\u{1F1E9}", name: "flag_grenada" },
+      { emoji: "\u{1F1EC}\u{1F1EA}", name: "flag_georgia" },
+      { emoji: "\u{1F1EC}\u{1F1EB}", name: "flag_french_guiana" },
+      { emoji: "\u{1F1EC}\u{1F1EC}", name: "flag_guernsey" },
+      { emoji: "\u{1F1EC}\u{1F1ED}", name: "flag_ghana" },
+      { emoji: "\u{1F1EC}\u{1F1EE}", name: "flag_gibraltar" },
+      { emoji: "\u{1F1EC}\u{1F1F1}", name: "flag_greenland" },
+      { emoji: "\u{1F1EC}\u{1F1F2}", name: "flag_gambia" },
+      { emoji: "\u{1F1EC}\u{1F1F3}", name: "flag_guinea" },
+      { emoji: "\u{1F1EC}\u{1F1F5}", name: "flag_guadeloupe" },
+      { emoji: "\u{1F1EC}\u{1F1F6}", name: "flag_equatorial_guinea" },
+      { emoji: "\u{1F1EC}\u{1F1F7}", name: "flag_greece" },
+      { emoji: "\u{1F1EC}\u{1F1F8}", name: "flag_south_georgia" },
+      { emoji: "\u{1F1EC}\u{1F1F9}", name: "flag_guatemala" },
+      { emoji: "\u{1F1EC}\u{1F1FA}", name: "flag_guam" },
+      { emoji: "\u{1F1EC}\u{1F1FC}", name: "flag_guinea_bissau" },
+      { emoji: "\u{1F1EC}\u{1F1FE}", name: "flag_guyana" },
+      { emoji: "\u{1F1ED}\u{1F1F0}", name: "flag_hong_kong" },
+      { emoji: "\u{1F1ED}\u{1F1F2}", name: "flag_heard_island" },
+      { emoji: "\u{1F1ED}\u{1F1F3}", name: "flag_honduras" },
+      { emoji: "\u{1F1ED}\u{1F1F7}", name: "flag_croatia" },
+      { emoji: "\u{1F1ED}\u{1F1F9}", name: "flag_haiti" },
+      { emoji: "\u{1F1ED}\u{1F1FA}", name: "flag_hungary" },
+      { emoji: "\u{1F1EE}\u{1F1E8}", name: "flag_canary_islands" },
+      { emoji: "\u{1F1EE}\u{1F1E9}", name: "flag_indonesia" },
+      { emoji: "\u{1F1EE}\u{1F1EA}", name: "flag_ireland" },
+      { emoji: "\u{1F1EE}\u{1F1F1}", name: "flag_israel" },
+      { emoji: "\u{1F1EE}\u{1F1F2}", name: "flag_isle_of_man" },
+      { emoji: "\u{1F1EE}\u{1F1F3}", name: "flag_india" },
+      { emoji: "\u{1F1EE}\u{1F1F4}", name: "flag_british_indian_ocean" },
+      { emoji: "\u{1F1EE}\u{1F1F6}", name: "flag_iraq" },
+      { emoji: "\u{1F1EE}\u{1F1F7}", name: "flag_iran" },
+      { emoji: "\u{1F1EE}\u{1F1F8}", name: "flag_iceland" },
+      { emoji: "\u{1F1EE}\u{1F1F9}", name: "flag_italy" },
+      { emoji: "\u{1F1EF}\u{1F1EA}", name: "flag_jersey" },
+      { emoji: "\u{1F1EF}\u{1F1F2}", name: "flag_jamaica" },
+      { emoji: "\u{1F1EF}\u{1F1F4}", name: "flag_jordan" },
+      { emoji: "\u{1F1EF}\u{1F1F5}", name: "flag_japan" },
+      { emoji: "\u{1F1F0}\u{1F1EA}", name: "flag_kenya" },
+      { emoji: "\u{1F1F0}\u{1F1EC}", name: "flag_kyrgyzstan" },
+      { emoji: "\u{1F1F0}\u{1F1ED}", name: "flag_cambodia" },
+      { emoji: "\u{1F1F0}\u{1F1EE}", name: "flag_kiribati" },
+      { emoji: "\u{1F1F0}\u{1F1F2}", name: "flag_comoros" },
+      { emoji: "\u{1F1F0}\u{1F1F3}", name: "flag_st_kitts" },
+      { emoji: "\u{1F1F0}\u{1F1F5}", name: "flag_north_korea" },
+      { emoji: "\u{1F1F0}\u{1F1F7}", name: "flag_south_korea" },
+      { emoji: "\u{1F1F0}\u{1F1FC}", name: "flag_kuwait" },
+      { emoji: "\u{1F1F0}\u{1F1FE}", name: "flag_cayman" },
+      { emoji: "\u{1F1F0}\u{1F1FF}", name: "flag_kazakhstan" },
+      { emoji: "\u{1F1F1}\u{1F1E6}", name: "flag_laos" },
+      { emoji: "\u{1F1F1}\u{1F1E7}", name: "flag_lebanon" },
+      { emoji: "\u{1F1F1}\u{1F1E8}", name: "flag_st_lucia" },
+      { emoji: "\u{1F1F1}\u{1F1EE}", name: "flag_liechtenstein" },
+      { emoji: "\u{1F1F1}\u{1F1F0}", name: "flag_sri_lanka" },
+      { emoji: "\u{1F1F1}\u{1F1F7}", name: "flag_liberia" },
+      { emoji: "\u{1F1F1}\u{1F1F8}", name: "flag_lesotho" },
+      { emoji: "\u{1F1F1}\u{1F1F9}", name: "flag_lithuania" },
+      { emoji: "\u{1F1F1}\u{1F1FA}", name: "flag_luxembourg" },
+      { emoji: "\u{1F1F1}\u{1F1FB}", name: "flag_latvia" },
+      { emoji: "\u{1F1F1}\u{1F1FE}", name: "flag_libya" },
+      { emoji: "\u{1F1F2}\u{1F1E6}", name: "flag_morocco" },
+      { emoji: "\u{1F1F2}\u{1F1E8}", name: "flag_monaco" },
+      { emoji: "\u{1F1F2}\u{1F1E9}", name: "flag_moldova" },
+      { emoji: "\u{1F1F2}\u{1F1EA}", name: "flag_montenegro" },
+      { emoji: "\u{1F1F2}\u{1F1EB}", name: "flag_st_martin" },
+      { emoji: "\u{1F1F2}\u{1F1EC}", name: "flag_madagascar" },
+      { emoji: "\u{1F1F2}\u{1F1ED}", name: "flag_marshall_islands" },
+      { emoji: "\u{1F1F2}\u{1F1F0}", name: "flag_north_macedonia" },
+      { emoji: "\u{1F1F2}\u{1F1F1}", name: "flag_mali" },
+      { emoji: "\u{1F1F2}\u{1F1F2}", name: "flag_myanmar" },
+      { emoji: "\u{1F1F2}\u{1F1F3}", name: "flag_mongolia" },
+      { emoji: "\u{1F1F2}\u{1F1F4}", name: "flag_macau" },
+      { emoji: "\u{1F1F2}\u{1F1F5}", name: "flag_northern_mariana" },
+      { emoji: "\u{1F1F2}\u{1F1F6}", name: "flag_martinique" },
+      { emoji: "\u{1F1F2}\u{1F1F7}", name: "flag_mauritania" },
+      { emoji: "\u{1F1F2}\u{1F1F8}", name: "flag_montserrat" },
+      { emoji: "\u{1F1F2}\u{1F1F9}", name: "flag_malta" },
+      { emoji: "\u{1F1F2}\u{1F1FA}", name: "flag_mauritius" },
+      { emoji: "\u{1F1F2}\u{1F1FB}", name: "flag_maldives" },
+      { emoji: "\u{1F1F2}\u{1F1FC}", name: "flag_malawi" },
+      { emoji: "\u{1F1F2}\u{1F1FD}", name: "flag_mexico" },
+      { emoji: "\u{1F1F2}\u{1F1FE}", name: "flag_malaysia" },
+      { emoji: "\u{1F1F2}\u{1F1FF}", name: "flag_mozambique" },
+      { emoji: "\u{1F1F3}\u{1F1E6}", name: "flag_namibia" },
+      { emoji: "\u{1F1F3}\u{1F1E8}", name: "flag_new_caledonia" },
+      { emoji: "\u{1F1F3}\u{1F1EA}", name: "flag_niger" },
+      { emoji: "\u{1F1F3}\u{1F1EB}", name: "flag_norfolk" },
+      { emoji: "\u{1F1F3}\u{1F1EC}", name: "flag_nigeria" },
+      { emoji: "\u{1F1F3}\u{1F1EE}", name: "flag_nicaragua" },
+      { emoji: "\u{1F1F3}\u{1F1F1}", name: "flag_netherlands" },
+      { emoji: "\u{1F1F3}\u{1F1F4}", name: "flag_norway" },
+      { emoji: "\u{1F1F3}\u{1F1F5}", name: "flag_nepal" },
+      { emoji: "\u{1F1F3}\u{1F1F7}", name: "flag_nauru" },
+      { emoji: "\u{1F1F3}\u{1F1FA}", name: "flag_niue" },
+      { emoji: "\u{1F1F3}\u{1F1FF}", name: "flag_new_zealand" },
+      { emoji: "\u{1F1F4}\u{1F1F2}", name: "flag_oman" },
+      { emoji: "\u{1F1F5}\u{1F1E6}", name: "flag_panama" },
+      { emoji: "\u{1F1F5}\u{1F1EA}", name: "flag_peru" },
+      { emoji: "\u{1F1F5}\u{1F1EB}", name: "flag_french_polynesia" },
+      { emoji: "\u{1F1F5}\u{1F1EC}", name: "flag_papua_new_guinea" },
+      { emoji: "\u{1F1F5}\u{1F1ED}", name: "flag_philippines" },
+      { emoji: "\u{1F1F5}\u{1F1F0}", name: "flag_pakistan" },
+      { emoji: "\u{1F1F5}\u{1F1F1}", name: "flag_poland" },
+      { emoji: "\u{1F1F5}\u{1F1F2}", name: "flag_st_pierre" },
+      { emoji: "\u{1F1F5}\u{1F1F3}", name: "flag_pitcairn" },
+      { emoji: "\u{1F1F5}\u{1F1F7}", name: "flag_puerto_rico" },
+      { emoji: "\u{1F1F5}\u{1F1F8}", name: "flag_palestine" },
+      { emoji: "\u{1F1F5}\u{1F1F9}", name: "flag_portugal" },
+      { emoji: "\u{1F1F5}\u{1F1FC}", name: "flag_palau" },
+      { emoji: "\u{1F1F5}\u{1F1FE}", name: "flag_paraguay" },
+      { emoji: "\u{1F1F6}\u{1F1E6}", name: "flag_qatar" },
+      { emoji: "\u{1F1F7}\u{1F1EA}", name: "flag_reunion" },
+      { emoji: "\u{1F1F7}\u{1F1F4}", name: "flag_romania" },
+      { emoji: "\u{1F1F7}\u{1F1F8}", name: "flag_serbia" },
+      { emoji: "\u{1F1F7}\u{1F1FA}", name: "flag_russia" },
+      { emoji: "\u{1F1F7}\u{1F1FC}", name: "flag_rwanda" },
+      { emoji: "\u{1F1F8}\u{1F1E6}", name: "flag_saudi_arabia" },
+      { emoji: "\u{1F1F8}\u{1F1E7}", name: "flag_solomon_islands" },
+      { emoji: "\u{1F1F8}\u{1F1E8}", name: "flag_seychelles" },
+      { emoji: "\u{1F1F8}\u{1F1E9}", name: "flag_sudan" },
+      { emoji: "\u{1F1F8}\u{1F1EA}", name: "flag_sweden" },
+      { emoji: "\u{1F1F8}\u{1F1EC}", name: "flag_singapore" },
+      { emoji: "\u{1F1F8}\u{1F1ED}", name: "flag_st_helena" },
+      { emoji: "\u{1F1F8}\u{1F1EE}", name: "flag_slovenia" },
+      { emoji: "\u{1F1F8}\u{1F1EF}", name: "flag_svalbard" },
+      { emoji: "\u{1F1F8}\u{1F1F0}", name: "flag_slovakia" },
+      { emoji: "\u{1F1F8}\u{1F1F1}", name: "flag_sierra_leone" },
+      { emoji: "\u{1F1F8}\u{1F1F2}", name: "flag_san_marino" },
+      { emoji: "\u{1F1F8}\u{1F1F3}", name: "flag_senegal" },
+      { emoji: "\u{1F1F8}\u{1F1F4}", name: "flag_somalia" },
+      { emoji: "\u{1F1F8}\u{1F1F7}", name: "flag_suriname" },
+      { emoji: "\u{1F1F8}\u{1F1F8}", name: "flag_south_sudan" },
+      { emoji: "\u{1F1F8}\u{1F1F9}", name: "flag_sao_tome" },
+      { emoji: "\u{1F1F8}\u{1F1FB}", name: "flag_el_salvador" },
+      { emoji: "\u{1F1F8}\u{1F1FD}", name: "flag_sint_maarten" },
+      { emoji: "\u{1F1F8}\u{1F1FE}", name: "flag_syria" },
+      { emoji: "\u{1F1F8}\u{1F1FF}", name: "flag_eswatini" },
+      { emoji: "\u{1F1F9}\u{1F1E6}", name: "flag_tristan" },
+      { emoji: "\u{1F1F9}\u{1F1E8}", name: "flag_turks_caicos" },
+      { emoji: "\u{1F1F9}\u{1F1E9}", name: "flag_chad" },
+      { emoji: "\u{1F1F9}\u{1F1EB}", name: "flag_french_southern" },
+      { emoji: "\u{1F1F9}\u{1F1EC}", name: "flag_togo" },
+      { emoji: "\u{1F1F9}\u{1F1ED}", name: "flag_thailand" },
+      { emoji: "\u{1F1F9}\u{1F1EF}", name: "flag_tajikistan" },
+      { emoji: "\u{1F1F9}\u{1F1F0}", name: "flag_tokelau" },
+      { emoji: "\u{1F1F9}\u{1F1F1}", name: "flag_timor_leste" },
+      { emoji: "\u{1F1F9}\u{1F1F2}", name: "flag_turkmenistan" },
+      { emoji: "\u{1F1F9}\u{1F1F3}", name: "flag_tunisia" },
+      { emoji: "\u{1F1F9}\u{1F1F4}", name: "flag_tonga" },
+      { emoji: "\u{1F1F9}\u{1F1F7}", name: "flag_turkey" },
+      { emoji: "\u{1F1F9}\u{1F1F9}", name: "flag_trinidad" },
+      { emoji: "\u{1F1F9}\u{1F1FB}", name: "flag_tuvalu" },
+      { emoji: "\u{1F1F9}\u{1F1FC}", name: "flag_taiwan" },
+      { emoji: "\u{1F1F9}\u{1F1FF}", name: "flag_tanzania" },
+      { emoji: "\u{1F1FA}\u{1F1E6}", name: "flag_ukraine" },
+      { emoji: "\u{1F1FA}\u{1F1EC}", name: "flag_uganda" },
+      { emoji: "\u{1F1FA}\u{1F1F2}", name: "flag_us_outlying" },
+      { emoji: "\u{1F1FA}\u{1F1F3}", name: "flag_un" },
+      { emoji: "\u{1F1FA}\u{1F1F8}", name: "flag_usa" },
+      { emoji: "\u{1F1FA}\u{1F1FE}", name: "flag_uruguay" },
+      { emoji: "\u{1F1FA}\u{1F1FF}", name: "flag_uzbekistan" },
+      { emoji: "\u{1F1FB}\u{1F1E6}", name: "flag_vatican" },
+      { emoji: "\u{1F1FB}\u{1F1E8}", name: "flag_st_vincent" },
+      { emoji: "\u{1F1FB}\u{1F1EA}", name: "flag_venezuela" },
+      { emoji: "\u{1F1FB}\u{1F1EC}", name: "flag_bvi" },
+      { emoji: "\u{1F1FB}\u{1F1EE}", name: "flag_usvi" },
+      { emoji: "\u{1F1FB}\u{1F1F3}", name: "flag_vietnam" },
+      { emoji: "\u{1F1FB}\u{1F1FA}", name: "flag_vanuatu" },
+      { emoji: "\u{1F1FC}\u{1F1EB}", name: "flag_wallis" },
+      { emoji: "\u{1F1FC}\u{1F1F8}", name: "flag_samoa" },
+      { emoji: "\u{1F1FD}\u{1F1F0}", name: "flag_kosovo" },
+      { emoji: "\u{1F1FE}\u{1F1EA}", name: "flag_yemen" },
+      { emoji: "\u{1F1FE}\u{1F1F9}", name: "flag_mayotte" },
+      { emoji: "\u{1F1FF}\u{1F1E6}", name: "flag_south_africa" },
+      { emoji: "\u{1F1FF}\u{1F1F2}", name: "flag_zambia" },
+      { emoji: "\u{1F1FF}\u{1F1FC}", name: "flag_zimbabwe" }
+    ]
+  }
+];
+
+// ../../components/ui/UEditor/emoji-suggestion.tsx
+import { jsx as jsx76, jsxs as jsxs68 } from "react/jsx-runtime";
+var EmojiList = forwardRef14((props, ref) => {
+  const [selectedIndex, setSelectedIndex] = useState48(0);
+  useEffect29(() => {
+    setSelectedIndex(0);
+  }, [props.items]);
+  useImperativeHandle2(ref, () => ({
+    onKeyDown: ({ event }) => {
+      if (event.key === "ArrowUp") {
+        setSelectedIndex((prev) => (prev + props.items.length - 1) % props.items.length);
+        return true;
+      }
+      if (event.key === "ArrowDown") {
+        setSelectedIndex((prev) => (prev + 1) % props.items.length);
+        return true;
+      }
+      if (event.key === "ArrowLeft") {
+        setSelectedIndex((prev) => Math.max(0, prev - 8));
+        return true;
+      }
+      if (event.key === "ArrowRight") {
+        setSelectedIndex((prev) => Math.min(props.items.length - 1, prev + 8));
+        return true;
+      }
+      if (event.key === "Enter") {
+        const item = props.items[selectedIndex];
+        if (item) {
+          props.command(item);
+        }
+        return true;
+      }
+      return false;
+    }
+  }));
+  if (props.items.length === 0) {
+    return /* @__PURE__ */ jsx76("div", { className: "w-80 p-4 text-center text-sm text-muted-foreground bg-card border border-border rounded-2xl shadow-lg", children: "No emoji found" });
+  }
+  return /* @__PURE__ */ jsxs68("div", { className: "w-80 max-h-80 overflow-y-auto bg-card border border-border rounded-2xl shadow-lg", children: [
+    /* @__PURE__ */ jsx76("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ jsxs68("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx76(Smile, { className: "w-4 h-4 text-primary" }),
+      /* @__PURE__ */ jsx76("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Emoji" })
+    ] }) }),
+    /* @__PURE__ */ jsxs68("div", { className: "p-3", children: [
+      /* @__PURE__ */ jsx76("div", { className: "grid grid-cols-8 gap-1", children: props.items.slice(0, 64).map((item, index) => /* @__PURE__ */ jsx76(
+        "button",
+        {
+          type: "button",
+          onClick: () => props.command(item),
+          className: cn(
+            "w-9 h-9 flex items-center justify-center rounded-lg text-xl transition-colors",
+            selectedIndex === index ? "bg-primary/10 ring-2 ring-primary/30" : "hover:bg-accent"
+          ),
+          title: item.name.replace(/_/g, " "),
+          children: item.emoji
+        },
+        item.name
+      )) }),
+      props.items.length > 64 && /* @__PURE__ */ jsxs68("div", { className: "mt-2 text-xs text-center text-muted-foreground", children: [
+        "Showing first 64 of ",
+        props.items.length,
+        " emojis"
+      ] })
+    ] })
+  ] });
+});
+EmojiList.displayName = "EmojiList";
+var getEmojiSuggestionItems = ({ query }) => {
+  const allEmojis = EMOJI_LIST.flatMap((category) => category.emojis);
+  if (!query.trim()) {
+    return allEmojis.slice(0, 64);
+  }
+  const searchQuery = query.toLowerCase();
+  return allEmojis.filter(
+    (emoji) => emoji.name.toLowerCase().includes(searchQuery) || emoji.emoji.includes(query)
+  );
+};
+var EmojiSuggestion = Extension3.create({
+  name: "emojiSuggestion",
+  addProseMirrorPlugins() {
+    return [
+      Suggestion2({
+        editor: this.editor,
+        char: ":",
+        pluginKey: new PluginKey("emojiSuggestion"),
+        command: ({ editor, range, props }) => {
+          editor.chain().focus().deleteRange(range).insertContent(props.emoji).run();
+        },
+        items: getEmojiSuggestionItems,
+        render: () => {
+          let component;
+          let popup;
+          return {
+            onStart: (props) => {
+              component = new ReactRenderer2(EmojiList, {
+                props,
+                editor: props.editor
+              });
+              if (!props.clientRect) {
+                return;
+              }
+              popup = tippy2("body", {
+                getReferenceClientRect: props.clientRect,
+                appendTo: () => document.body,
+                content: component.element,
+                showOnCreate: true,
+                interactive: true,
+                trigger: "manual",
+                placement: "bottom-start"
+              });
+            },
+            onUpdate(props) {
+              component?.updateProps(props);
+              if (!props.clientRect) {
+                return;
+              }
+              popup?.[0]?.setProps({
+                getReferenceClientRect: props.clientRect
+              });
+            },
+            onKeyDown(props) {
+              if (props.event.key === "Escape") {
+                popup?.[0]?.hide();
+                return true;
+              }
+              return component?.ref?.onKeyDown(props) ?? false;
+            },
+            onExit() {
+              popup?.[0]?.destroy();
+              component?.destroy();
+            }
+          };
+        }
+      })
+    ];
+  }
+});
+
 // ../../components/ui/UEditor/resizable-image.tsx
-import { useEffect as useEffect29, useRef as useRef25, useState as useState48 } from "react";
+import { useEffect as useEffect30, useRef as useRef25, useState as useState49 } from "react";
 import Image3 from "@tiptap/extension-image";
 import { mergeAttributes } from "@tiptap/core";
 import { NodeViewWrapper, ReactNodeViewRenderer } from "@tiptap/react";
-import { jsx as jsx76, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs69 } from "react/jsx-runtime";
 var MIN_IMAGE_SIZE_PX = 40;
 var AXIS_LOCK_THRESHOLD_PX = 4;
 function toNullableNumber(value) {
@@ -19841,13 +20753,13 @@ function ResizableImageNodeView(props) {
   const { node, selected, updateAttributes, editor, getPos } = props;
   const wrapperRef = useRef25(null);
   const imgRef = useRef25(null);
-  const [isHovered, setIsHovered] = useState48(false);
-  const [isResizing, setIsResizing] = useState48(false);
+  const [isHovered, setIsHovered] = useState49(false);
+  const [isResizing, setIsResizing] = useState49(false);
   const widthAttr = toNullableNumber(node.attrs["width"]);
   const heightAttr = toNullableNumber(node.attrs["height"]);
   const textAlign = String(node.attrs["textAlign"] ?? "");
   const dragStateRef = useRef25(null);
-  useEffect29(() => {
+  useEffect30(() => {
     const img = imgRef.current;
     if (!img) return;
     img.style.width = widthAttr ? `${widthAttr}px` : "";
@@ -19941,7 +20853,7 @@ function ResizableImageNodeView(props) {
   const showHandle = selected || isHovered || isResizing;
   const wrapperAlignClass = textAlign === "center" ? "mx-auto" : textAlign === "right" ? "ml-auto" : textAlign === "justify" ? "mx-auto" : "";
   const wrapperWidthClass = "w-fit";
-  return /* @__PURE__ */ jsxs68(
+  return /* @__PURE__ */ jsxs69(
     NodeViewWrapper,
     {
       as: "div",
@@ -19955,7 +20867,7 @@ function ResizableImageNodeView(props) {
       },
       contentEditable: false,
       children: [
-        /* @__PURE__ */ jsx76(
+        /* @__PURE__ */ jsx77(
           "img",
           {
             ref: imgRef,
@@ -19974,7 +20886,7 @@ function ResizableImageNodeView(props) {
             }
           }
         ),
-        showHandle && /* @__PURE__ */ jsx76(
+        showHandle && /* @__PURE__ */ jsx77(
           "div",
           {
             "aria-hidden": "true",
@@ -20134,12 +21046,13 @@ function buildUEditorExtensions({
       emptyEditorClass: "is-editor-empty",
       emptyNodeClass: "is-empty"
     }),
-    SlashCommand
+    SlashCommand,
+    EmojiSuggestion
   ];
 }
 
 // ../../components/ui/UEditor/toolbar.tsx
-import React66, { useRef as useRef27, useState as useState50 } from "react";
+import React68, { useRef as useRef28, useState as useState52 } from "react";
 import { useTranslations as useTranslations4 } from "next-intl";
 import {
   AlignCenter,
@@ -20165,6 +21078,7 @@ import {
   Palette as Palette2,
   Quote as QuoteIcon,
   Redo as RedoIcon,
+  Smile as Smile3,
   Strikethrough as StrikethroughIcon,
   Subscript as SubscriptIcon,
   Superscript as SuperscriptIcon,
@@ -20180,7 +21094,7 @@ import {
 import { useMemo as useMemo23 } from "react";
 import { useTranslations as useTranslations2 } from "next-intl";
 import { X as X15 } from "lucide-react";
-import { jsx as jsx77, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs70 } from "react/jsx-runtime";
 var useEditorColors = () => {
   const t = useTranslations2("UEditor");
   const textColors = useMemo23(
@@ -20217,9 +21131,9 @@ var EditorColorPalette = ({
   currentColor,
   onSelect,
   label
-}) => /* @__PURE__ */ jsxs69("div", { className: "p-2", children: [
-  /* @__PURE__ */ jsx77("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider px-2", children: label }),
-  /* @__PURE__ */ jsx77("div", { className: "grid grid-cols-4 gap-1.5 mt-2", children: colors.map((c) => /* @__PURE__ */ jsxs69(
+}) => /* @__PURE__ */ jsxs70("div", { className: "p-2", children: [
+  /* @__PURE__ */ jsx78("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider px-2", children: label }),
+  /* @__PURE__ */ jsx78("div", { className: "grid grid-cols-4 gap-1.5 mt-2", children: colors.map((c) => /* @__PURE__ */ jsxs70(
     "button",
     {
       type: "button",
@@ -20232,8 +21146,8 @@ var EditorColorPalette = ({
       style: { backgroundColor: c.color || "transparent" },
       title: c.name,
       children: [
-        c.color === "" && /* @__PURE__ */ jsx77(X15, { className: "w-4 h-4 text-muted-foreground" }),
-        c.color === "inherit" && /* @__PURE__ */ jsx77("span", { className: "text-xs font-medium", children: "A" })
+        c.color === "" && /* @__PURE__ */ jsx78(X15, { className: "w-4 h-4 text-muted-foreground" }),
+        c.color === "inherit" && /* @__PURE__ */ jsx78("span", { className: "text-xs font-medium", children: "A" })
       ]
     },
     c.name
@@ -20241,10 +21155,10 @@ var EditorColorPalette = ({
 ] });
 
 // ../../components/ui/UEditor/inputs.tsx
-import { useEffect as useEffect30, useRef as useRef26, useState as useState49 } from "react";
+import { useEffect as useEffect31, useRef as useRef26, useState as useState50 } from "react";
 import { useTranslations as useTranslations3 } from "next-intl";
 import { Check as Check10, X as X16 } from "lucide-react";
-import { jsx as jsx78, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs71 } from "react/jsx-runtime";
 function normalizeUrl(raw) {
   const url = raw.trim();
   if (!url) return "";
@@ -20258,9 +21172,9 @@ var LinkInput = ({
   initialUrl = ""
 }) => {
   const t = useTranslations3("UEditor");
-  const [url, setUrl] = useState49(initialUrl);
+  const [url, setUrl] = useState50(initialUrl);
   const inputRef = useRef26(null);
-  useEffect30(() => {
+  useEffect31(() => {
     inputRef.current?.focus();
     inputRef.current?.select();
   }, []);
@@ -20269,8 +21183,8 @@ var LinkInput = ({
     const normalized = normalizeUrl(url);
     if (normalized) onSubmit(normalized);
   };
-  return /* @__PURE__ */ jsxs70("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
-    /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsxs71("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
+    /* @__PURE__ */ jsx79(
       "input",
       {
         ref: inputRef,
@@ -20281,16 +21195,16 @@ var LinkInput = ({
         className: "flex-1 px-3 py-2 text-sm bg-muted/50 border-0 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20"
       }
     ),
-    /* @__PURE__ */ jsx78("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ jsx78(Check10, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx78("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ jsx78(X16, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ jsx79("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ jsx79(Check10, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx79("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ jsx79(X16, { className: "w-4 h-4" }) })
   ] });
 };
 var ImageInput = ({ onSubmit, onCancel }) => {
   const t = useTranslations3("UEditor");
-  const [url, setUrl] = useState49("");
-  const [alt, setAlt] = useState49("");
+  const [url, setUrl] = useState50("");
+  const [alt, setAlt] = useState50("");
   const inputRef = useRef26(null);
-  useEffect30(() => {
+  useEffect31(() => {
     inputRef.current?.focus();
   }, []);
   const handleSubmit = (e) => {
@@ -20299,10 +21213,10 @@ var ImageInput = ({ onSubmit, onCancel }) => {
       onSubmit(url, alt);
     }
   };
-  return /* @__PURE__ */ jsxs70("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
-    /* @__PURE__ */ jsxs70("div", { children: [
-      /* @__PURE__ */ jsx78("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
-      /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsxs71("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
+    /* @__PURE__ */ jsxs71("div", { children: [
+      /* @__PURE__ */ jsx79("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
+      /* @__PURE__ */ jsx79(
         "input",
         {
           ref: inputRef,
@@ -20314,9 +21228,9 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs70("div", { children: [
-      /* @__PURE__ */ jsx78("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
-      /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsxs71("div", { children: [
+      /* @__PURE__ */ jsx79("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
+      /* @__PURE__ */ jsx79(
         "input",
         {
           type: "text",
@@ -20327,8 +21241,8 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs70("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsxs71("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx79(
         "button",
         {
           type: "submit",
@@ -20337,13 +21251,195 @@ var ImageInput = ({ onSubmit, onCancel }) => {
           children: t("imageInput.addBtn")
         }
       ),
-      /* @__PURE__ */ jsx78("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: t("imageInput.cancelBtn") })
+      /* @__PURE__ */ jsx79("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: t("imageInput.cancelBtn") })
     ] })
   ] });
 };
 
+// ../../components/ui/UEditor/emoji-picker.tsx
+import { useState as useState51, useMemo as useMemo24, useRef as useRef27, useEffect as useEffect32 } from "react";
+import { Search as Search5, X as X17, Smile as Smile2, Leaf, Utensils, Dumbbell, Lightbulb, Hash, Flag } from "lucide-react";
+import { jsx as jsx80, jsxs as jsxs72 } from "react/jsx-runtime";
+var CATEGORY_ICONS = {
+  "smileys_people": Smile2,
+  "animals_nature": Leaf,
+  "food_drink": Utensils,
+  "activity": Dumbbell,
+  "objects": Lightbulb,
+  "symbols": Hash,
+  "flags": Flag
+};
+var EmojiPicker = ({ onSelect, onClose }) => {
+  const [search, setSearch] = useState51("");
+  const [activeCategory, setActiveCategory] = useState51(EMOJI_LIST[0]?.id || "");
+  const scrollContainerRef = useRef27(null);
+  const categoryRefs = useRef27({});
+  const isUserScrolling = useRef27(false);
+  const filteredCategories = useMemo24(() => {
+    if (!search.trim()) return EMOJI_LIST;
+    const query = search.toLowerCase();
+    return EMOJI_LIST.map((category) => ({
+      ...category,
+      emojis: category.emojis.filter(
+        (emoji) => emoji.name.toLowerCase().includes(query) || emoji.emoji.includes(search)
+      )
+    })).filter((category) => category.emojis.length > 0);
+  }, [search]);
+  const handleEmojiClick = (emoji) => {
+    onSelect(emoji);
+    setSearch("");
+  };
+  useEffect32(() => {
+    if (search) return;
+    const container = scrollContainerRef.current;
+    if (!container) return;
+    const handleScroll = () => {
+      if (!isUserScrolling.current) return;
+      const scrollTop = container.scrollTop;
+      const containerHeight = container.clientHeight;
+      let maxVisibility = 0;
+      let mostVisibleCategory = EMOJI_LIST[0]?.id || "";
+      EMOJI_LIST.forEach((category) => {
+        const element = categoryRefs.current[category.id];
+        if (!element) return;
+        const rect = element.getBoundingClientRect();
+        const containerRect = container.getBoundingClientRect();
+        const visibleTop = Math.max(rect.top, containerRect.top);
+        const visibleBottom = Math.min(rect.bottom, containerRect.bottom);
+        const visibleHeight = Math.max(0, visibleBottom - visibleTop);
+        if (visibleHeight > maxVisibility) {
+          maxVisibility = visibleHeight;
+          mostVisibleCategory = category.id;
+        }
+      });
+      if (mostVisibleCategory !== activeCategory) {
+        setActiveCategory(mostVisibleCategory);
+      }
+    };
+    container.addEventListener("scroll", handleScroll);
+    return () => container.removeEventListener("scroll", handleScroll);
+  }, [search, activeCategory]);
+  const handleCategoryClick = (categoryId) => {
+    const element = categoryRefs.current[categoryId];
+    if (!element || !scrollContainerRef.current) return;
+    isUserScrolling.current = false;
+    setActiveCategory(categoryId);
+    element.scrollIntoView({ behavior: "smooth", block: "start" });
+    setTimeout(() => {
+      isUserScrolling.current = true;
+    }, 500);
+  };
+  useEffect32(() => {
+    isUserScrolling.current = true;
+  }, []);
+  return /* @__PURE__ */ jsxs72("div", { className: "w-96 bg-card border border-border rounded-2xl shadow-xl overflow-hidden flex flex-col max-h-128", children: [
+    /* @__PURE__ */ jsx80("div", { className: "p-3 border-b bg-muted/30 shrink-0", children: /* @__PURE__ */ jsxs72("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx80(Search5, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsx80(
+        "input",
+        {
+          type: "text",
+          placeholder: "T\xECm ki\u1EBFm bi\u1EC3u t\u01B0\u1EE3ng c\u1EA3m x\xFAc",
+          value: search,
+          onChange: (e) => setSearch(e.target.value),
+          className: cn(
+            "w-full pl-9 pr-9 py-2 rounded-lg",
+            "bg-background border border-border",
+            "text-sm placeholder:text-muted-foreground",
+            "focus:outline-none focus:ring-2 focus:ring-primary/20"
+          )
+        }
+      ),
+      search && /* @__PURE__ */ jsx80(
+        "button",
+        {
+          onClick: () => setSearch(""),
+          className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+          children: /* @__PURE__ */ jsx80(X17, { className: "w-4 h-4" })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx80(
+      "div",
+      {
+        ref: scrollContainerRef,
+        className: "overflow-y-auto px-3 py-2 shrink",
+        style: { height: "20rem" },
+        children: search ? (
+          // Search Results
+          filteredCategories.length > 0 ? filteredCategories.map((category) => /* @__PURE__ */ jsxs72("div", { className: "mb-4", children: [
+            /* @__PURE__ */ jsx80("div", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2 sticky top-0 bg-card py-1", children: category.name }),
+            /* @__PURE__ */ jsx80("div", { className: "grid grid-cols-9 gap-1", children: category.emojis.map((emoji) => /* @__PURE__ */ jsx80(
+              "button",
+              {
+                onClick: () => handleEmojiClick(emoji.emoji),
+                className: cn(
+                  "w-9 h-9 flex items-center justify-center rounded-lg",
+                  "text-2xl hover:bg-accent transition-colors",
+                  "focus:outline-none focus:ring-2 focus:ring-primary/20"
+                ),
+                title: emoji.name.replace(/_/g, " "),
+                children: emoji.emoji
+              },
+              emoji.name
+            )) })
+          ] }, category.id)) : /* @__PURE__ */ jsxs72("div", { className: "flex flex-col items-center justify-center h-full text-center", children: [
+            /* @__PURE__ */ jsx80("div", { className: "text-4xl mb-2", children: "\u{1F50D}" }),
+            /* @__PURE__ */ jsx80("div", { className: "text-sm font-medium text-muted-foreground", children: "Kh\xF4ng t\xECm th\u1EA5y emoji" }),
+            /* @__PURE__ */ jsx80("div", { className: "text-xs text-muted-foreground mt-1", children: "Th\u1EED t\u1EEB kh\xF3a kh\xE1c" })
+          ] })
+        ) : (
+          // All Categories - Messenger Style
+          /* @__PURE__ */ jsx80("div", { className: "space-y-4", children: EMOJI_LIST.map((category) => /* @__PURE__ */ jsxs72(
+            "div",
+            {
+              ref: (el) => {
+                categoryRefs.current[category.id] = el;
+              },
+              children: [
+                /* @__PURE__ */ jsx80("div", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2 sticky top-0 bg-card py-1 z-10", children: category.name }),
+                /* @__PURE__ */ jsx80("div", { className: "grid grid-cols-9 gap-1", children: category.emojis.map((emoji) => /* @__PURE__ */ jsx80(
+                  "button",
+                  {
+                    onClick: () => handleEmojiClick(emoji.emoji),
+                    className: cn(
+                      "w-9 h-9 flex items-center justify-center rounded-lg",
+                      "text-2xl hover:bg-accent transition-colors",
+                      "focus:outline-none focus:ring-2 focus:ring-primary/20"
+                    ),
+                    title: emoji.name.replace(/_/g, " "),
+                    children: emoji.emoji
+                  },
+                  emoji.name
+                )) })
+              ]
+            },
+            category.id
+          )) })
+        )
+      }
+    ),
+    !search && /* @__PURE__ */ jsx80("div", { className: "flex items-center justify-around px-2 py-2 border-t bg-muted/30 shrink-0", children: EMOJI_LIST.map((category) => {
+      const IconComponent = CATEGORY_ICONS[category.id] || Smile2;
+      return /* @__PURE__ */ jsx80(
+        "button",
+        {
+          onClick: () => handleCategoryClick(category.id),
+          className: cn(
+            "p-2 rounded-lg transition-colors",
+            activeCategory === category.id ? "text-primary bg-primary/10" : "text-muted-foreground hover:text-foreground hover:bg-accent"
+          ),
+          title: category.name,
+          children: /* @__PURE__ */ jsx80(IconComponent, { className: "w-5 h-5" })
+        },
+        category.id
+      );
+    }) })
+  ] });
+};
+
 // ../../components/ui/UEditor/toolbar.tsx
-import { Fragment as Fragment29, jsx as jsx79, jsxs as jsxs71 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx81, jsxs as jsxs73 } from "react/jsx-runtime";
 function fileToDataUrl2(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
@@ -20352,8 +21448,8 @@ function fileToDataUrl2(file) {
     reader.readAsDataURL(file);
   });
 }
-var ToolbarButton = React66.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
-  const button = /* @__PURE__ */ jsx79(
+var ToolbarButton = React68.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
+  const button = /* @__PURE__ */ jsx81(
     "button",
     {
       ref,
@@ -20376,12 +21472,12 @@ var ToolbarButton = React66.forwardRef(({ onClick, onMouseDown, active, disabled
     }
   );
   if (title) {
-    return /* @__PURE__ */ jsx79(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
+    return /* @__PURE__ */ jsx81(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
   }
   return button;
 });
 ToolbarButton.displayName = "ToolbarButton";
-var ToolbarDivider = () => /* @__PURE__ */ jsx79("div", { className: "w-px h-6 bg-border/50 mx-1" });
+var ToolbarDivider = () => /* @__PURE__ */ jsx81("div", { className: "w-px h-6 bg-border/50 mx-1" });
 var EditorToolbar = ({
   editor,
   variant,
@@ -20390,10 +21486,10 @@ var EditorToolbar = ({
 }) => {
   const t = useTranslations4("UEditor");
   const { textColors, highlightColors } = useEditorColors();
-  const [showImageInput, setShowImageInput] = useState50(false);
-  const fileInputRef = useRef27(null);
-  const [isUploadingImage, setIsUploadingImage] = useState50(false);
-  const [imageUploadError, setImageUploadError] = useState50(null);
+  const [showImageInput, setShowImageInput] = useState52(false);
+  const fileInputRef = useRef28(null);
+  const [isUploadingImage, setIsUploadingImage] = useState52(false);
+  const [imageUploadError, setImageUploadError] = useState52(null);
   const insertImageFiles = async (files) => {
     if (files.length === 0) return;
     setIsUploadingImage(true);
@@ -20412,31 +21508,31 @@ var EditorToolbar = ({
     setIsUploadingImage(false);
   };
   if (variant === "minimal") {
-    return /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-1 p-2 border-b bg-muted/30", children: [
-      /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx79(BoldIcon, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx79(ItalicIcon, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx79(
+    return /* @__PURE__ */ jsxs73("div", { className: "flex items-center gap-1 p-2 border-b bg-muted/30", children: [
+      /* @__PURE__ */ jsx81(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx81(BoldIcon, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx81(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx81(ItalicIcon, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx81(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleBulletList().run(),
           active: editor.isActive("bulletList"),
           title: t("toolbar.bulletList"),
-          children: /* @__PURE__ */ jsx79(ListIcon, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx81(ListIcon, { className: "w-4 h-4" })
         }
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs71("div", { className: "flex flex-wrap items-center gap-1 p-2 border-b bg-linear-to-r from-muted/30 to-transparent", children: [
-    /* @__PURE__ */ jsxs71(
+  return /* @__PURE__ */ jsxs73("div", { className: "flex flex-wrap items-center gap-1 p-2 border-b bg-linear-to-r from-muted/30 to-transparent", children: [
+    /* @__PURE__ */ jsxs73(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.textStyle"), className: "px-2 w-auto gap-1", children: [
-          /* @__PURE__ */ jsx79(Type2, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx79(ChevronDown6, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx81(Type2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx81(ChevronDown6, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: Type2,
@@ -20445,7 +21541,7 @@ var EditorToolbar = ({
               active: editor.isActive("paragraph")
             }
           ),
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: Heading1Icon,
@@ -20455,7 +21551,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Alt+1"
             }
           ),
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: Heading2Icon,
@@ -20465,7 +21561,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Alt+2"
             }
           ),
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: Heading3Icon,
@@ -20478,30 +21574,30 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx79(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx79(BoldIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx79(ItalicIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsx81(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx81(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx81(BoldIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx81(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx81(ItalicIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx81(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ jsx79(UnderlineIcon, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx81(UnderlineIcon, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx79(StrikethroughIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx79(CodeIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx79(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsx81(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx81(StrikethroughIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx81(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx81(CodeIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx81(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx81(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
         }, title: t("colors.textColor"), children: [
-          /* @__PURE__ */ jsx79(Palette2, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx79(ChevronDown6, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx81(Palette2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx81(ChevronDown6, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ jsx79(
+        children: /* @__PURE__ */ jsx81(
           EditorColorPalette,
           {
             colors: textColors,
@@ -20518,15 +21614,15 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsx81(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
         }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: [
-          /* @__PURE__ */ jsx79(Highlighter, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx79(ChevronDown6, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx81(Highlighter, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx81(ChevronDown6, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ jsx79(
+        children: /* @__PURE__ */ jsx81(
           EditorColorPalette,
           {
             colors: highlightColors,
@@ -20543,17 +21639,33 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx79(ToolbarDivider, {}),
-    /* @__PURE__ */ jsxs71(
+    /* @__PURE__ */ jsx81(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx81(
+      DropdownMenu,
+      {
+        trigger: /* @__PURE__ */ jsx81(ToolbarButton, { onClick: () => {
+        }, title: t("toolbar.emoji"), children: /* @__PURE__ */ jsx81(Smile3, { className: "w-4 h-4" }) }),
+        children: /* @__PURE__ */ jsx81(
+          EmojiPicker,
+          {
+            onSelect: (emoji) => {
+              editor.chain().focus().insertContent(emoji).run();
+            }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx81(ToolbarDivider, {}),
+    /* @__PURE__ */ jsxs73(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.alignment"), children: [
-          /* @__PURE__ */ jsx79(AlignLeft, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx79(ChevronDown6, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx81(AlignLeft, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx81(ChevronDown6, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: AlignLeft,
@@ -20562,7 +21674,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "left" })
             }
           ),
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: AlignCenter,
@@ -20571,7 +21683,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "center" })
             }
           ),
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: AlignRight,
@@ -20580,7 +21692,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "right" })
             }
           ),
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: AlignJustify,
@@ -20592,17 +21704,17 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx79(ToolbarDivider, {}),
-    /* @__PURE__ */ jsxs71(
+    /* @__PURE__ */ jsx81(ToolbarDivider, {}),
+    /* @__PURE__ */ jsxs73(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.bulletList"), children: [
-          /* @__PURE__ */ jsx79(ListIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx79(ChevronDown6, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx81(ListIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx81(ChevronDown6, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: ListIcon,
@@ -20612,7 +21724,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+8"
             }
           ),
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: ListOrderedIcon,
@@ -20622,7 +21734,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+7"
             }
           ),
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: ListTodo2,
@@ -20635,16 +21747,16 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs71(
+    /* @__PURE__ */ jsxs73(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.quote"), children: [
-          /* @__PURE__ */ jsx79(QuoteIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx79(ChevronDown6, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx81(QuoteIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx81(ChevronDown6, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: QuoteIcon,
@@ -20654,7 +21766,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+B"
             }
           ),
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: FileCode3,
@@ -20667,15 +21779,15 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsx81(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.image"), children: [
-          /* @__PURE__ */ jsx79(ImageIcon2, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx79(ChevronDown6, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx81(ImageIcon2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx81(ChevronDown6, { className: "w-3 h-3" })
         ] }),
-        children: showImageInput ? /* @__PURE__ */ jsx79(
+        children: showImageInput ? /* @__PURE__ */ jsx81(
           ImageInput,
           {
             onSubmit: (url, alt) => {
@@ -20684,9 +21796,9 @@ var EditorToolbar = ({
             },
             onCancel: () => setShowImageInput(false)
           }
-        ) : /* @__PURE__ */ jsxs71(Fragment29, { children: [
-          /* @__PURE__ */ jsx79(DropdownMenuItem, { icon: LinkIcon, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true) }),
-          /* @__PURE__ */ jsx79(
+        ) : /* @__PURE__ */ jsxs73(Fragment29, { children: [
+          /* @__PURE__ */ jsx81(DropdownMenuItem, { icon: LinkIcon, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true) }),
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: Upload3,
@@ -20695,8 +21807,8 @@ var EditorToolbar = ({
               onClick: () => fileInputRef.current?.click()
             }
           ),
-          imageUploadError && /* @__PURE__ */ jsx79(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
-          /* @__PURE__ */ jsx79(
+          imageUploadError && /* @__PURE__ */ jsx81(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
+          /* @__PURE__ */ jsx81(
             "input",
             {
               ref: fileInputRef,
@@ -20714,16 +21826,16 @@ var EditorToolbar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs71(
+    /* @__PURE__ */ jsxs73(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.table"), children: [
-          /* @__PURE__ */ jsx79(TableIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx79(ChevronDown6, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx81(TableIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx81(ChevronDown6, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: TableIcon,
@@ -20731,8 +21843,8 @@ var EditorToolbar = ({
               onClick: () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()
             }
           ),
-          /* @__PURE__ */ jsx79("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: ArrowDown,
@@ -20741,7 +21853,7 @@ var EditorToolbar = ({
               disabled: !editor.can().addColumnBefore()
             }
           ),
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: ArrowDown,
@@ -20750,7 +21862,7 @@ var EditorToolbar = ({
               disabled: !editor.can().addColumnAfter()
             }
           ),
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: ArrowRight,
@@ -20759,7 +21871,7 @@ var EditorToolbar = ({
               disabled: !editor.can().addRowBefore()
             }
           ),
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: ArrowRight,
@@ -20768,8 +21880,8 @@ var EditorToolbar = ({
               disabled: !editor.can().addRowAfter()
             }
           ),
-          /* @__PURE__ */ jsx79("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: Trash22,
@@ -20778,7 +21890,7 @@ var EditorToolbar = ({
               disabled: !editor.can().deleteColumn()
             }
           ),
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: Trash22,
@@ -20787,7 +21899,7 @@ var EditorToolbar = ({
               disabled: !editor.can().deleteRow()
             }
           ),
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             DropdownMenuItem,
             {
               icon: Trash22,
@@ -20799,33 +21911,33 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx79(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsx81(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx81(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSubscript().run(),
         active: editor.isActive("subscript"),
         title: t("toolbar.subscript"),
-        children: /* @__PURE__ */ jsx79(SubscriptIcon, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx81(SubscriptIcon, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsx81(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSuperscript().run(),
         active: editor.isActive("superscript"),
         title: t("toolbar.superscript"),
-        children: /* @__PURE__ */ jsx79(SuperscriptIcon, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx81(SuperscriptIcon, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx79(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx79(UndoIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx79(RedoIcon, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ jsx81(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx81(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx81(UndoIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx81(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx81(RedoIcon, { className: "w-4 h-4" }) })
   ] });
 };
 
 // ../../components/ui/UEditor/menus.tsx
-import { useCallback as useCallback16, useEffect as useEffect31, useMemo as useMemo24, useRef as useRef28, useState as useState51 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect33, useMemo as useMemo25, useRef as useRef29, useState as useState53 } from "react";
 import { createPortal as createPortal9 } from "react-dom";
 import { useTranslations as useTranslations5 } from "next-intl";
 import {
@@ -20851,12 +21963,12 @@ import {
   Underline as UnderlineIcon2,
   Strikethrough as StrikethroughIcon2
 } from "lucide-react";
-import { jsx as jsx80, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs74 } from "react/jsx-runtime";
 var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
   const t = useTranslations5("UEditor");
-  const [selectedIndex, setSelectedIndex] = useState51(0);
-  const menuRef = useRef28(null);
-  const allCommands = useMemo24(
+  const [selectedIndex, setSelectedIndex] = useState53(0);
+  const menuRef = useRef29(null);
+  const allCommands = useMemo25(
     () => [
       {
         icon: Type3,
@@ -20927,15 +22039,15 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     ],
     [editor, t]
   );
-  const commands = useMemo24(() => {
+  const commands = useMemo25(() => {
     if (!filterText) return allCommands;
     const lowerFilter = filterText.toLowerCase();
     return allCommands.filter((cmd) => cmd.label.toLowerCase().includes(lowerFilter) || cmd.description.toLowerCase().includes(lowerFilter));
   }, [allCommands, filterText]);
-  useEffect31(() => {
+  useEffect33(() => {
     setSelectedIndex(0);
   }, [filterText]);
-  useEffect31(() => {
+  useEffect33(() => {
     const selectedElement = menuRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex]);
@@ -20949,7 +22061,7 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     },
     [commands, onClose]
   );
-  useEffect31(() => {
+  useEffect33(() => {
     const handleKeyDown = (e) => {
       if (commands.length === 0) return;
       if (e.key === "ArrowDown") {
@@ -20970,11 +22082,11 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [commands, selectedIndex, selectCommand, onClose]);
   if (commands.length === 0) {
-    return /* @__PURE__ */ jsx80("div", { className: "w-72 p-4 text-center text-muted-foreground text-sm", children: t("slashCommand.noResults") });
+    return /* @__PURE__ */ jsx82("div", { className: "w-72 p-4 text-center text-muted-foreground text-sm", children: t("slashCommand.noResults") });
   }
-  return /* @__PURE__ */ jsxs72("div", { ref: menuRef, className: "w-72 max-h-80 overflow-y-auto", children: [
-    /* @__PURE__ */ jsx80("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx80("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("slashCommand.basicBlocks") }) }),
-    /* @__PURE__ */ jsx80("div", { className: "p-1", children: commands.map((cmd, index) => /* @__PURE__ */ jsxs72(
+  return /* @__PURE__ */ jsxs74("div", { ref: menuRef, className: "w-72 max-h-80 overflow-y-auto", children: [
+    /* @__PURE__ */ jsx82("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx82("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("slashCommand.basicBlocks") }) }),
+    /* @__PURE__ */ jsx82("div", { className: "p-1", children: commands.map((cmd, index) => /* @__PURE__ */ jsxs74(
       "button",
       {
         type: "button",
@@ -20987,19 +22099,19 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
           selectedIndex === index ? "bg-accent" : "hover:bg-accent/50"
         ),
         children: [
-          /* @__PURE__ */ jsx80(
+          /* @__PURE__ */ jsx82(
             "div",
             {
               className: cn(
                 "flex items-center justify-center w-10 h-10 rounded-lg mr-3 transition-colors",
                 selectedIndex === index ? "bg-primary/10" : "bg-muted/50 group-hover:bg-muted"
               ),
-              children: /* @__PURE__ */ jsx80(cmd.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
+              children: /* @__PURE__ */ jsx82(cmd.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
             }
           ),
-          /* @__PURE__ */ jsxs72("div", { className: "text-left", children: [
-            /* @__PURE__ */ jsx80("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: cmd.label }),
-            /* @__PURE__ */ jsx80("div", { className: "text-xs text-muted-foreground", children: cmd.description })
+          /* @__PURE__ */ jsxs74("div", { className: "text-left", children: [
+            /* @__PURE__ */ jsx82("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: cmd.label }),
+            /* @__PURE__ */ jsx82("div", { className: "text-xs text-muted-foreground", children: cmd.description })
           ] })
         ]
       },
@@ -21009,19 +22121,19 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
 };
 var FloatingMenuContent = ({ editor }) => {
   const t = useTranslations5("UEditor");
-  const [showCommands, setShowCommands] = useState51(false);
+  const [showCommands, setShowCommands] = useState53(false);
   if (showCommands) {
-    return /* @__PURE__ */ jsx80(SlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
+    return /* @__PURE__ */ jsx82(SlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
   }
-  return /* @__PURE__ */ jsxs72(
+  return /* @__PURE__ */ jsxs74(
     "button",
     {
       type: "button",
       onClick: () => setShowCommands(true),
       className: "flex items-center gap-1 px-2 py-1.5 rounded-lg hover:bg-accent transition-all group",
       children: [
-        /* @__PURE__ */ jsx80(Plus3, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
-        /* @__PURE__ */ jsx80("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
+        /* @__PURE__ */ jsx82(Plus3, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
+        /* @__PURE__ */ jsx82("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
       ]
     }
   );
@@ -21032,12 +22144,12 @@ var BubbleMenuContent = ({
 }) => {
   const t = useTranslations5("UEditor");
   const { textColors, highlightColors } = useEditorColors();
-  const [showLinkInput, setShowLinkInput] = useState51(false);
-  const [showEditorColorPalette, setShowEditorColorPalette] = useState51(false);
-  useEffect31(() => {
+  const [showLinkInput, setShowLinkInput] = useState53(false);
+  const [showEditorColorPalette, setShowEditorColorPalette] = useState53(false);
+  useEffect33(() => {
     onKeepOpenChange?.(showLinkInput);
   }, [onKeepOpenChange, showLinkInput]);
-  useEffect31(() => {
+  useEffect33(() => {
     if (!showLinkInput) return;
     const close = () => setShowLinkInput(false);
     editor.on("selectionUpdate", close);
@@ -21048,7 +22160,7 @@ var BubbleMenuContent = ({
     };
   }, [editor, showLinkInput]);
   if (showLinkInput) {
-    return /* @__PURE__ */ jsx80(
+    return /* @__PURE__ */ jsx82(
       LinkInput,
       {
         initialUrl: editor.getAttributes("link").href || "",
@@ -21065,8 +22177,8 @@ var BubbleMenuContent = ({
     );
   }
   if (showEditorColorPalette) {
-    return /* @__PURE__ */ jsxs72("div", { className: "w-48", children: [
-      /* @__PURE__ */ jsx80(
+    return /* @__PURE__ */ jsxs74("div", { className: "w-48", children: [
+      /* @__PURE__ */ jsx82(
         EditorColorPalette,
         {
           colors: textColors,
@@ -21081,8 +22193,8 @@ var BubbleMenuContent = ({
           label: t("colors.textColor")
         }
       ),
-      /* @__PURE__ */ jsx80("div", { className: "border-t my-1" }),
-      /* @__PURE__ */ jsx80(
+      /* @__PURE__ */ jsx82("div", { className: "border-t my-1" }),
+      /* @__PURE__ */ jsx82(
         EditorColorPalette,
         {
           colors: highlightColors,
@@ -21097,7 +22209,7 @@ var BubbleMenuContent = ({
           label: t("colors.highlight")
         }
       ),
-      /* @__PURE__ */ jsx80("div", { className: "p-2 border-t", children: /* @__PURE__ */ jsx80(
+      /* @__PURE__ */ jsx82("div", { className: "p-2 border-t", children: /* @__PURE__ */ jsx82(
         "button",
         {
           type: "button",
@@ -21108,22 +22220,22 @@ var BubbleMenuContent = ({
       ) })
     ] });
   }
-  return /* @__PURE__ */ jsxs72("div", { className: "flex items-center gap-0.5 p-1", children: [
-    /* @__PURE__ */ jsx80(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx80(BoldIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx80(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx80(ItalicIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsxs74("div", { className: "flex items-center gap-0.5 p-1", children: [
+    /* @__PURE__ */ jsx82(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx82(BoldIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx82(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx82(ItalicIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx82(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ jsx80(UnderlineIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx82(UnderlineIcon2, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx80(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx80(StrikethroughIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx80(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx80(CodeIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx80("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ jsx80(
+    /* @__PURE__ */ jsx82(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx82(StrikethroughIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx82(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx82(CodeIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx82("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ jsx82(
       ToolbarButton,
       {
         onMouseDown: () => {
@@ -21134,41 +22246,41 @@ var BubbleMenuContent = ({
         },
         active: editor.isActive("link"),
         title: t("toolbar.link"),
-        children: /* @__PURE__ */ jsx80(LinkIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx82(LinkIcon2, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx80(ToolbarButton, { onClick: () => setShowEditorColorPalette(true), title: t("colors.textColor"), children: /* @__PURE__ */ jsx80(Palette3, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx80("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ jsx80(
+    /* @__PURE__ */ jsx82(ToolbarButton, { onClick: () => setShowEditorColorPalette(true), title: t("colors.textColor"), children: /* @__PURE__ */ jsx82(Palette3, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx82("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ jsx82(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSubscript().run(),
         active: editor.isActive("subscript"),
         title: t("toolbar.subscript"),
-        children: /* @__PURE__ */ jsx80(SubscriptIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx82(SubscriptIcon2, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx80(
+    /* @__PURE__ */ jsx82(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSuperscript().run(),
         active: editor.isActive("superscript"),
         title: t("toolbar.superscript"),
-        children: /* @__PURE__ */ jsx80(SuperscriptIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx82(SuperscriptIcon2, { className: "w-4 h-4" })
       }
     )
   ] });
 };
 var CustomBubbleMenu = ({ editor }) => {
-  const [isVisible, setIsVisible] = useState51(false);
-  const [position, setPosition] = useState51({ top: 0, left: 0 });
-  const menuRef = useRef28(null);
-  const keepOpenRef = useRef28(false);
+  const [isVisible, setIsVisible] = useState53(false);
+  const [position, setPosition] = useState53({ top: 0, left: 0 });
+  const menuRef = useRef29(null);
+  const keepOpenRef = useRef29(false);
   const setKeepOpen = useCallback16((next) => {
     keepOpenRef.current = next;
     if (next) setIsVisible(true);
   }, []);
-  useEffect31(() => {
+  useEffect33(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { from, to, empty } = state.selection;
@@ -21197,7 +22309,7 @@ var CustomBubbleMenu = ({ editor }) => {
   }, [editor]);
   if (!isVisible) return null;
   return createPortal9(
-    /* @__PURE__ */ jsx80(
+    /* @__PURE__ */ jsx82(
       "div",
       {
         ref: menuRef,
@@ -21208,7 +22320,7 @@ var CustomBubbleMenu = ({ editor }) => {
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx80(
+        children: /* @__PURE__ */ jsx82(
           BubbleMenuContent,
           {
             editor,
@@ -21221,9 +22333,9 @@ var CustomBubbleMenu = ({ editor }) => {
   );
 };
 var CustomFloatingMenu = ({ editor }) => {
-  const [isVisible, setIsVisible] = useState51(false);
-  const [position, setPosition] = useState51({ top: 0, left: 0 });
-  useEffect31(() => {
+  const [isVisible, setIsVisible] = useState53(false);
+  const [position, setPosition] = useState53({ top: 0, left: 0 });
+  useEffect33(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { $from, empty } = state.selection;
@@ -21250,7 +22362,7 @@ var CustomFloatingMenu = ({ editor }) => {
   }, [editor]);
   if (!isVisible) return null;
   return createPortal9(
-    /* @__PURE__ */ jsx80(
+    /* @__PURE__ */ jsx82(
       "div",
       {
         className: "fixed z-50 rounded-2xl border border-border bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 slide-in-from-bottom-2",
@@ -21260,7 +22372,7 @@ var CustomFloatingMenu = ({ editor }) => {
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx80(FloatingMenuContent, { editor })
+        children: /* @__PURE__ */ jsx82(FloatingMenuContent, { editor })
       }
     ),
     document.body
@@ -21269,25 +22381,25 @@ var CustomFloatingMenu = ({ editor }) => {
 
 // ../../components/ui/UEditor/CharacterCount.tsx
 import { useTranslations as useTranslations6 } from "next-intl";
-import { jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsxs as jsxs75 } from "react/jsx-runtime";
 var CharacterCountDisplay = ({ editor, maxCharacters }) => {
   const t = useTranslations6("UEditor");
   const storage = editor.storage;
   const characterCount = storage.characterCount?.characters?.() ?? 0;
   const wordCount = storage.characterCount?.words?.() ?? 0;
   const percentage = maxCharacters ? Math.round(characterCount / maxCharacters * 100) : 0;
-  return /* @__PURE__ */ jsxs73("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t bg-muted/20", children: [
-    /* @__PURE__ */ jsxs73("span", { children: [
+  return /* @__PURE__ */ jsxs75("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t bg-muted/20", children: [
+    /* @__PURE__ */ jsxs75("span", { children: [
       wordCount,
       " ",
       t("words")
     ] }),
-    /* @__PURE__ */ jsxs73("span", { children: [
+    /* @__PURE__ */ jsxs75("span", { children: [
       characterCount,
       " ",
       t("characters")
     ] }),
-    maxCharacters && /* @__PURE__ */ jsxs73("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
+    maxCharacters && /* @__PURE__ */ jsxs75("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
       characterCount,
       "/",
       maxCharacters
@@ -21296,7 +22408,7 @@ var CharacterCountDisplay = ({ editor, maxCharacters }) => {
 };
 
 // ../../components/ui/UEditor/UEditor.tsx
-import { jsx as jsx81, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs76 } from "react/jsx-runtime";
 var UEditor = ({
   content = "",
   onChange,
@@ -21319,7 +22431,7 @@ var UEditor = ({
 }) => {
   const t = useTranslations7("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
-  const extensions = useMemo25(
+  const extensions = useMemo26(
     () => buildUEditorExtensions({ placeholder: effectivePlaceholder, maxCharacters, uploadImage, imageInsertMode, editable }),
     [effectivePlaceholder, maxCharacters, uploadImage, imageInsertMode, editable]
   );
@@ -21428,7 +22540,7 @@ var UEditor = ({
       onJsonChange?.(editor2.getJSON());
     }
   });
-  useEffect32(() => {
+  useEffect34(() => {
     if (editor && content !== editor.getHTML()) {
       if (editor.isEmpty && content) {
         editor.commands.setContent(content);
@@ -21436,7 +22548,7 @@ var UEditor = ({
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ jsx81(
+    return /* @__PURE__ */ jsx83(
       "div",
       {
         className: cn("w-full rounded-lg border bg-background flex items-center justify-center text-muted-foreground", className),
@@ -21445,7 +22557,7 @@ var UEditor = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxs74(
+  return /* @__PURE__ */ jsxs76(
     "div",
     {
       className: cn(
@@ -21457,10 +22569,10 @@ var UEditor = ({
         className
       ),
       children: [
-        editable && showToolbar && /* @__PURE__ */ jsx81(EditorToolbar, { editor, variant, uploadImage, imageInsertMode }),
-        editable && showBubbleMenu && /* @__PURE__ */ jsx81(CustomBubbleMenu, { editor }),
-        editable && showFloatingMenu && /* @__PURE__ */ jsx81(CustomFloatingMenu, { editor }),
-        /* @__PURE__ */ jsx81(
+        editable && showToolbar && /* @__PURE__ */ jsx83(EditorToolbar, { editor, variant, uploadImage, imageInsertMode }),
+        editable && showBubbleMenu && /* @__PURE__ */ jsx83(CustomBubbleMenu, { editor }),
+        editable && showFloatingMenu && /* @__PURE__ */ jsx83(CustomFloatingMenu, { editor }),
+        /* @__PURE__ */ jsx83(
           EditorContent,
           {
             editor,
@@ -21471,7 +22583,7 @@ var UEditor = ({
             }
           }
         ),
-        showCharacterCount && /* @__PURE__ */ jsx81(CharacterCountDisplay, { editor, maxCharacters })
+        showCharacterCount && /* @__PURE__ */ jsx83(CharacterCountDisplay, { editor, maxCharacters })
       ]
     }
   );