npm - @prolibu-suite/cobalt-core - Versions diffs - 0.9.0 → 0.9.2 - Mend

@prolibu-suite/cobalt-core 0.9.0 → 0.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (495) hide show

package/dist/esm/co-emoji-picker.entry.js ADDED Viewed

@@ -0,0 +1,2806 @@
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CrtiywTB.js';
+import { l as langFromLocale } from './dateI18n-CnNpoKwg.js';
+import { r as rankByMatch } from './normalizeText-CQY6Ul7q.js';
+/**
+ * Built-in UI string dictionary for co-emoji-picker (chrome + aria labels +
+ * category names). Same strategy as dateI18n/lightboxI18n/carouselI18n: ships
+ * es/en/pt keyed by the `locale` prop, with per-string prop overrides
+ * (`search-placeholder`, `empty-message`) for full host control.
+ *
+ * Los NOMBRES de los emoji no están acá: viven en los packs generados
+ * (`emojiNames.<locale>.ts`), que se cargan bajo demanda.
+ */
+const DICT = {
+    es: {
+        searchPlaceholder: 'Buscar emoji…',
+        emptyMessage: 'Sin resultados',
+        pickerLabel: 'Selector de emoji',
+        gridLabel: 'Emojis',
+        categoriesLabel: 'Categorías',
+        categories: {
+            smileys: 'Caras y emociones',
+            people: 'Personas y cuerpo',
+            animals: 'Animales y naturaleza',
+            food: 'Comida y bebida',
+            travel: 'Viajes y lugares',
+            activities: 'Actividades',
+            objects: 'Objetos',
+            symbols: 'Símbolos',
+            flags: 'Banderas',
+            recent: 'Recientes',
+        },
+        skinToneLabel: 'Tono de piel',
+        skinTones: ['Por defecto', 'Claro', 'Claro medio', 'Medio', 'Oscuro medio', 'Oscuro'],
+    },
+    en: {
+        searchPlaceholder: 'Search emoji…',
+        emptyMessage: 'No results found',
+        pickerLabel: 'Emoji picker',
+        gridLabel: 'Emojis',
+        categoriesLabel: 'Categories',
+        categories: {
+            smileys: 'Smileys & emotion',
+            people: 'People & body',
+            animals: 'Animals & nature',
+            food: 'Food & drink',
+            travel: 'Travel & places',
+            activities: 'Activities',
+            objects: 'Objects',
+            symbols: 'Symbols',
+            flags: 'Flags',
+            recent: 'Recently used',
+        },
+        skinToneLabel: 'Skin tone',
+        skinTones: ['Default', 'Light', 'Medium-light', 'Medium', 'Medium-dark', 'Dark'],
+    },
+    pt: {
+        searchPlaceholder: 'Buscar emoji…',
+        emptyMessage: 'Nenhum resultado',
+        pickerLabel: 'Seletor de emoji',
+        gridLabel: 'Emojis',
+        categoriesLabel: 'Categorias',
+        categories: {
+            smileys: 'Rostos e emoções',
+            people: 'Pessoas e corpo',
+            animals: 'Animais e natureza',
+            food: 'Comida e bebida',
+            travel: 'Viagens e lugares',
+            activities: 'Atividades',
+            objects: 'Objetos',
+            symbols: 'Símbolos',
+            flags: 'Bandeiras',
+            recent: 'Recentes',
+        },
+        skinToneLabel: 'Tom de pele',
+        skinTones: ['Padrão', 'Claro', 'Claro médio', 'Médio', 'Escuro médio', 'Escuro'],
+    },
+};
+/** Ícono Phosphor de cada categoría, para el strip de navegación. */
+const EMOJI_CATEGORY_ICONS = {
+    smileys: 'smiley',
+    people: 'hand-waving',
+    animals: 'dog',
+    food: 'hamburger',
+    travel: 'airplane-tilt',
+    activities: 'basketball',
+    objects: 'lightbulb',
+    symbols: 'heart',
+    flags: 'flag',
+    recent: 'clock-counter-clockwise',
+};
+/** Resolve the built-in UI strings for a locale. */
+function getEmojiStrings(locale) {
+    return DICT[langFromLocale(locale)];
+}
+// ⚠️ ARCHIVO GENERADO — no editar a mano.
+// Regenerar con: node scripts/generate-emoji-data.mjs
+// Fuentes: unicode-emoji-json@0.8.0 · cldr-annotations-modern@45.0.0
+/** Slugs de categoría, en orden de presentación (orden Unicode). */
+const EMOJI_CATEGORIES = [
+    'smileys',
+    'people',
+    'animals',
+    'food',
+    'travel',
+    'activities',
+    'objects',
+    'symbols',
+    'flags',
+];
+/**
+ * Un string empaquetado por categoría, alineado por índice con
+ * EMOJI_CATEGORIES. Cada línea es `<emoji> <nombre en inglés>`: el carácter
+ * llega hasta el primer espacio, el resto es el nombre.
+ *
+ * Formato de texto y no un array de objetos a propósito: el mismo dato como
+ * JSON de objetos pesa ~2.6× crudo y comprime peor (los delimitadores se
+ * repiten 1906 veces). Se parsea una sola vez, on-demand, en emojiPickerLogic.
+ */
+const EMOJI_PACKED = [
+    `😀 grinning face
+😃 grinning face with big eyes
+😄 grinning face with smiling eyes
+😁 beaming face with smiling eyes
+😆 grinning squinting face
+😅 grinning face with sweat
+🤣 rolling on the floor laughing
+😂 face with tears of joy
+🙂 slightly smiling face
+🙃 upside-down face
+🫠 melting face
+😉 winking face
+😊 smiling face with smiling eyes
+😇 smiling face with halo
+🥰 smiling face with hearts
+😍 smiling face with heart-eyes
+🤩 star-struck
+😘 face blowing a kiss
+😗 kissing face
+☺️ smiling face
+😚 kissing face with closed eyes
+😙 kissing face with smiling eyes
+🥲 smiling face with tear
+😋 face savoring food
+😛 face with tongue
+😜 winking face with tongue
+🤪 zany face
+😝 squinting face with tongue
+🤑 money-mouth face
+🤗 smiling face with open hands
+🤭 face with hand over mouth
+🫢 face with open eyes and hand over mouth
+🫣 face with peeking eye
+🤫 shushing face
+🤔 thinking face
+🫡 saluting face
+🤐 zipper-mouth face
+🤨 face with raised eyebrow
+😐 neutral face
+😑 expressionless face
+😶 face without mouth
+🫥 dotted line face
+😶‍🌫️ face in clouds
+😏 smirking face
+😒 unamused face
+🙄 face with rolling eyes
+😬 grimacing face
+😮‍💨 face exhaling
+🤥 lying face
+🫨 shaking face
+🙂‍↔️ head shaking horizontally
+🙂‍↕️ head shaking vertically
+😌 relieved face
+😔 pensive face
+😪 sleepy face
+🤤 drooling face
+😴 sleeping face
+🫩 face with bags under eyes
+😷 face with medical mask
+🤒 face with thermometer
+🤕 face with head-bandage
+🤢 nauseated face
+🤮 face vomiting
+🤧 sneezing face
+🥵 hot face
+🥶 cold face
+🥴 woozy face
+😵 face with crossed-out eyes
+😵‍💫 face with spiral eyes
+🤯 exploding head
+🤠 cowboy hat face
+🥳 partying face
+🥸 disguised face
+😎 smiling face with sunglasses
+🤓 nerd face
+🧐 face with monocle
+😕 confused face
+🫤 face with diagonal mouth
+😟 worried face
+🙁 slightly frowning face
+☹️ frowning face
+😮 face with open mouth
+😯 hushed face
+😲 astonished face
+😳 flushed face
+🥺 pleading face
+🥹 face holding back tears
+😦 frowning face with open mouth
+😧 anguished face
+😨 fearful face
+😰 anxious face with sweat
+😥 sad but relieved face
+😢 crying face
+😭 loudly crying face
+😱 face screaming in fear
+😖 confounded face
+😣 persevering face
+😞 disappointed face
+😓 downcast face with sweat
+😩 weary face
+😫 tired face
+🥱 yawning face
+😤 face with steam from nose
+😡 enraged face
+😠 angry face
+🤬 face with symbols on mouth
+😈 smiling face with horns
+👿 angry face with horns
+💀 skull
+☠️ skull and crossbones
+💩 pile of poo
+🤡 clown face
+👹 ogre
+👺 goblin
+👻 ghost
+👽 alien
+👾 alien monster
+🤖 robot
+😺 grinning cat
+😸 grinning cat with smiling eyes
+😹 cat with tears of joy
+😻 smiling cat with heart-eyes
+😼 cat with wry smile
+😽 kissing cat
+🙀 weary cat
+😿 crying cat
+😾 pouting cat
+🙈 see-no-evil monkey
+🙉 hear-no-evil monkey
+🙊 speak-no-evil monkey
+💌 love letter
+💘 heart with arrow
+💝 heart with ribbon
+💖 sparkling heart
+💗 growing heart
+💓 beating heart
+💞 revolving hearts
+💕 two hearts
+💟 heart decoration
+❣️ heart exclamation
+💔 broken heart
+❤️‍🔥 heart on fire
+❤️‍🩹 mending heart
+❤️ red heart
+🩷 pink heart
+🧡 orange heart
+💛 yellow heart
+💚 green heart
+💙 blue heart
+🩵 light blue heart
+💜 purple heart
+🤎 brown heart
+🖤 black heart
+🩶 grey heart
+🤍 white heart
+💋 kiss mark
+💯 hundred points
+💢 anger symbol
+💥 collision
+💫 dizzy
+💦 sweat droplets
+💨 dashing away
+🕳️ hole
+💬 speech balloon
+👁️‍🗨️ eye in speech bubble
+🗨️ left speech bubble
+🗯️ right anger bubble
+💭 thought balloon
+💤 ZZZ`,
+    `👋 waving hand
+🤚 raised back of hand
+🖐️ hand with fingers splayed
+✋ raised hand
+🖖 vulcan salute
+🫱 rightwards hand
+🫲 leftwards hand
+🫳 palm down hand
+🫴 palm up hand
+🫷 leftwards pushing hand
+🫸 rightwards pushing hand
+👌 OK hand
+🤌 pinched fingers
+🤏 pinching hand
+✌️ victory hand
+🤞 crossed fingers
+🫰 hand with index finger and thumb crossed
+🤟 love-you gesture
+🤘 sign of the horns
+🤙 call me hand
+👈 backhand index pointing left
+👉 backhand index pointing right
+👆 backhand index pointing up
+🖕 middle finger
+👇 backhand index pointing down
+☝️ index pointing up
+🫵 index pointing at the viewer
+👍 thumbs up
+👎 thumbs down
+✊ raised fist
+👊 oncoming fist
+🤛 left-facing fist
+🤜 right-facing fist
+👏 clapping hands
+🙌 raising hands
+🫶 heart hands
+👐 open hands
+🤲 palms up together
+🤝 handshake
+🙏 folded hands
+✍️ writing hand
+💅 nail polish
+🤳 selfie
+💪 flexed biceps
+🦾 mechanical arm
+🦿 mechanical leg
+🦵 leg
+🦶 foot
+👂 ear
+🦻 ear with hearing aid
+👃 nose
+🧠 brain
+🫀 anatomical heart
+🫁 lungs
+🦷 tooth
+🦴 bone
+👀 eyes
+👁️ eye
+👅 tongue
+👄 mouth
+🫦 biting lip
+👶 baby
+🧒 child
+👦 boy
+👧 girl
+🧑 person
+👱 person blond hair
+👨 man
+🧔 person beard
+🧔‍♂️ man beard
+🧔‍♀️ woman beard
+👨‍🦰 man red hair
+👨‍🦱 man curly hair
+👨‍🦳 man white hair
+👨‍🦲 man bald
+👩 woman
+👩‍🦰 woman red hair
+🧑‍🦰 person red hair
+👩‍🦱 woman curly hair
+🧑‍🦱 person curly hair
+👩‍🦳 woman white hair
+🧑‍🦳 person white hair
+👩‍🦲 woman bald
+🧑‍🦲 person bald
+👱‍♀️ woman blond hair
+👱‍♂️ man blond hair
+🧓 older person
+👴 old man
+👵 old woman
+🙍 person frowning
+🙍‍♂️ man frowning
+🙍‍♀️ woman frowning
+🙎 person pouting
+🙎‍♂️ man pouting
+🙎‍♀️ woman pouting
+🙅 person gesturing NO
+🙅‍♂️ man gesturing NO
+🙅‍♀️ woman gesturing NO
+🙆 person gesturing OK
+🙆‍♂️ man gesturing OK
+🙆‍♀️ woman gesturing OK
+💁 person tipping hand
+💁‍♂️ man tipping hand
+💁‍♀️ woman tipping hand
+🙋 person raising hand
+🙋‍♂️ man raising hand
+🙋‍♀️ woman raising hand
+🧏 deaf person
+🧏‍♂️ deaf man
+🧏‍♀️ deaf woman
+🙇 person bowing
+🙇‍♂️ man bowing
+🙇‍♀️ woman bowing
+🤦 person facepalming
+🤦‍♂️ man facepalming
+🤦‍♀️ woman facepalming
+🤷 person shrugging
+🤷‍♂️ man shrugging
+🤷‍♀️ woman shrugging
+🧑‍⚕️ health worker
+👨‍⚕️ man health worker
+👩‍⚕️ woman health worker
+🧑‍🎓 student
+👨‍🎓 man student
+👩‍🎓 woman student
+🧑‍🏫 teacher
+👨‍🏫 man teacher
+👩‍🏫 woman teacher
+🧑‍⚖️ judge
+👨‍⚖️ man judge
+👩‍⚖️ woman judge
+🧑‍🌾 farmer
+👨‍🌾 man farmer
+👩‍🌾 woman farmer
+🧑‍🍳 cook
+👨‍🍳 man cook
+👩‍🍳 woman cook
+🧑‍🔧 mechanic
+👨‍🔧 man mechanic
+👩‍🔧 woman mechanic
+🧑‍🏭 factory worker
+👨‍🏭 man factory worker
+👩‍🏭 woman factory worker
+🧑‍💼 office worker
+👨‍💼 man office worker
+👩‍💼 woman office worker
+🧑‍🔬 scientist
+👨‍🔬 man scientist
+👩‍🔬 woman scientist
+🧑‍💻 technologist
+👨‍💻 man technologist
+👩‍💻 woman technologist
+🧑‍🎤 singer
+👨‍🎤 man singer
+👩‍🎤 woman singer
+🧑‍🎨 artist
+👨‍🎨 man artist
+👩‍🎨 woman artist
+🧑‍✈️ pilot
+👨‍✈️ man pilot
+👩‍✈️ woman pilot
+🧑‍🚀 astronaut
+👨‍🚀 man astronaut
+👩‍🚀 woman astronaut
+🧑‍🚒 firefighter
+👨‍🚒 man firefighter
+👩‍🚒 woman firefighter
+👮 police officer
+👮‍♂️ man police officer
+👮‍♀️ woman police officer
+🕵️ detective
+🕵️‍♂️ man detective
+🕵️‍♀️ woman detective
+💂 guard
+💂‍♂️ man guard
+💂‍♀️ woman guard
+🥷 ninja
+👷 construction worker
+👷‍♂️ man construction worker
+👷‍♀️ woman construction worker
+🫅 person with crown
+🤴 prince
+👸 princess
+👳 person wearing turban
+👳‍♂️ man wearing turban
+👳‍♀️ woman wearing turban
+👲 person with skullcap
+🧕 woman with headscarf
+🤵 person in tuxedo
+🤵‍♂️ man in tuxedo
+🤵‍♀️ woman in tuxedo
+👰 person with veil
+👰‍♂️ man with veil
+👰‍♀️ woman with veil
+🤰 pregnant woman
+🫃 pregnant man
+🫄 pregnant person
+🤱 breast-feeding
+👩‍🍼 woman feeding baby
+👨‍🍼 man feeding baby
+🧑‍🍼 person feeding baby
+👼 baby angel
+🎅 Santa Claus
+🤶 Mrs. Claus
+🧑‍🎄 Mx Claus
+🦸 superhero
+🦸‍♂️ man superhero
+🦸‍♀️ woman superhero
+🦹 supervillain
+🦹‍♂️ man supervillain
+🦹‍♀️ woman supervillain
+🧙 mage
+🧙‍♂️ man mage
+🧙‍♀️ woman mage
+🧚 fairy
+🧚‍♂️ man fairy
+🧚‍♀️ woman fairy
+🧛 vampire
+🧛‍♂️ man vampire
+🧛‍♀️ woman vampire
+🧜 merperson
+🧜‍♂️ merman
+🧜‍♀️ mermaid
+🧝 elf
+🧝‍♂️ man elf
+🧝‍♀️ woman elf
+🧞 genie
+🧞‍♂️ man genie
+🧞‍♀️ woman genie
+🧟 zombie
+🧟‍♂️ man zombie
+🧟‍♀️ woman zombie
+🧌 troll
+💆 person getting massage
+💆‍♂️ man getting massage
+💆‍♀️ woman getting massage
+💇 person getting haircut
+💇‍♂️ man getting haircut
+💇‍♀️ woman getting haircut
+🚶 person walking
+🚶‍♂️ man walking
+🚶‍♀️ woman walking
+🚶‍➡️ person walking facing right
+🚶‍♀️‍➡️ woman walking facing right
+🚶‍♂️‍➡️ man walking facing right
+🧍 person standing
+🧍‍♂️ man standing
+🧍‍♀️ woman standing
+🧎 person kneeling
+🧎‍♂️ man kneeling
+🧎‍♀️ woman kneeling
+🧎‍➡️ person kneeling facing right
+🧎‍♀️‍➡️ woman kneeling facing right
+🧎‍♂️‍➡️ man kneeling facing right
+🧑‍🦯 person with white cane
+🧑‍🦯‍➡️ person with white cane facing right
+👨‍🦯 man with white cane
+👨‍🦯‍➡️ man with white cane facing right
+👩‍🦯 woman with white cane
+👩‍🦯‍➡️ woman with white cane facing right
+🧑‍🦼 person in motorized wheelchair
+🧑‍🦼‍➡️ person in motorized wheelchair facing right
+👨‍🦼 man in motorized wheelchair
+👨‍🦼‍➡️ man in motorized wheelchair facing right
+👩‍🦼 woman in motorized wheelchair
+👩‍🦼‍➡️ woman in motorized wheelchair facing right
+🧑‍🦽 person in manual wheelchair
+🧑‍🦽‍➡️ person in manual wheelchair facing right
+👨‍🦽 man in manual wheelchair
+👨‍🦽‍➡️ man in manual wheelchair facing right
+👩‍🦽 woman in manual wheelchair
+👩‍🦽‍➡️ woman in manual wheelchair facing right
+🏃 person running
+🏃‍♂️ man running
+🏃‍♀️ woman running
+🏃‍➡️ person running facing right
+🏃‍♀️‍➡️ woman running facing right
+🏃‍♂️‍➡️ man running facing right
+💃 woman dancing
+🕺 man dancing
+🕴️ person in suit levitating
+👯 people with bunny ears
+👯‍♂️ men with bunny ears
+👯‍♀️ women with bunny ears
+🧖 person in steamy room
+🧖‍♂️ man in steamy room
+🧖‍♀️ woman in steamy room
+🧗 person climbing
+🧗‍♂️ man climbing
+🧗‍♀️ woman climbing
+🤺 person fencing
+🏇 horse racing
+⛷️ skier
+🏂 snowboarder
+🏌️ person golfing
+🏌️‍♂️ man golfing
+🏌️‍♀️ woman golfing
+🏄 person surfing
+🏄‍♂️ man surfing
+🏄‍♀️ woman surfing
+🚣 person rowing boat
+🚣‍♂️ man rowing boat
+🚣‍♀️ woman rowing boat
+🏊 person swimming
+🏊‍♂️ man swimming
+🏊‍♀️ woman swimming
+⛹️ person bouncing ball
+⛹️‍♂️ man bouncing ball
+⛹️‍♀️ woman bouncing ball
+🏋️ person lifting weights
+🏋️‍♂️ man lifting weights
+🏋️‍♀️ woman lifting weights
+🚴 person biking
+🚴‍♂️ man biking
+🚴‍♀️ woman biking
+🚵 person mountain biking
+🚵‍♂️ man mountain biking
+🚵‍♀️ woman mountain biking
+🤸 person cartwheeling
+🤸‍♂️ man cartwheeling
+🤸‍♀️ woman cartwheeling
+🤼 people wrestling
+🤼‍♂️ men wrestling
+🤼‍♀️ women wrestling
+🤽 person playing water polo
+🤽‍♂️ man playing water polo
+🤽‍♀️ woman playing water polo
+🤾 person playing handball
+🤾‍♂️ man playing handball
+🤾‍♀️ woman playing handball
+🤹 person juggling
+🤹‍♂️ man juggling
+🤹‍♀️ woman juggling
+🧘 person in lotus position
+🧘‍♂️ man in lotus position
+🧘‍♀️ woman in lotus position
+🛀 person taking bath
+🛌 person in bed
+🧑‍🤝‍🧑 people holding hands
+👭 women holding hands
+👫 woman and man holding hands
+👬 men holding hands
+💏 kiss
+👩‍❤️‍💋‍👨 kiss woman, man
+👨‍❤️‍💋‍👨 kiss man, man
+👩‍❤️‍💋‍👩 kiss woman, woman
+💑 couple with heart
+👩‍❤️‍👨 couple with heart woman, man
+👨‍❤️‍👨 couple with heart man, man
+👩‍❤️‍👩 couple with heart woman, woman
+👨‍👩‍👦 family man, woman, boy
+👨‍👩‍👧 family man, woman, girl
+👨‍👩‍👧‍👦 family man, woman, girl, boy
+👨‍👩‍👦‍👦 family man, woman, boy, boy
+👨‍👩‍👧‍👧 family man, woman, girl, girl
+👨‍👨‍👦 family man, man, boy
+👨‍👨‍👧 family man, man, girl
+👨‍👨‍👧‍👦 family man, man, girl, boy
+👨‍👨‍👦‍👦 family man, man, boy, boy
+👨‍👨‍👧‍👧 family man, man, girl, girl
+👩‍👩‍👦 family woman, woman, boy
+👩‍👩‍👧 family woman, woman, girl
+👩‍👩‍👧‍👦 family woman, woman, girl, boy
+👩‍👩‍👦‍👦 family woman, woman, boy, boy
+👩‍👩‍👧‍👧 family woman, woman, girl, girl
+👨‍👦 family man, boy
+👨‍👦‍👦 family man, boy, boy
+👨‍👧 family man, girl
+👨‍👧‍👦 family man, girl, boy
+👨‍👧‍👧 family man, girl, girl
+👩‍👦 family woman, boy
+👩‍👦‍👦 family woman, boy, boy
+👩‍👧 family woman, girl
+👩‍👧‍👦 family woman, girl, boy
+👩‍👧‍👧 family woman, girl, girl
+🗣️ speaking head
+👤 bust in silhouette
+👥 busts in silhouette
+🫂 people hugging
+👪 family
+🧑‍🧑‍🧒 family adult, adult, child
+🧑‍🧑‍🧒‍🧒 family adult, adult, child, child
+🧑‍🧒 family adult, child
+🧑‍🧒‍🧒 family adult, child, child
+👣 footprints
+🫆 fingerprint`,
+    `🐵 monkey face
+🐒 monkey
+🦍 gorilla
+🦧 orangutan
+🐶 dog face
+🐕 dog
+🦮 guide dog
+🐕‍🦺 service dog
+🐩 poodle
+🐺 wolf
+🦊 fox
+🦝 raccoon
+🐱 cat face
+🐈 cat
+🐈‍⬛ black cat
+🦁 lion
+🐯 tiger face
+🐅 tiger
+🐆 leopard
+🐴 horse face
+🫎 moose
+🫏 donkey
+🐎 horse
+🦄 unicorn
+🦓 zebra
+🦌 deer
+🦬 bison
+🐮 cow face
+🐂 ox
+🐃 water buffalo
+🐄 cow
+🐷 pig face
+🐖 pig
+🐗 boar
+🐽 pig nose
+🐏 ram
+🐑 ewe
+🐐 goat
+🐪 camel
+🐫 two-hump camel
+🦙 llama
+🦒 giraffe
+🐘 elephant
+🦣 mammoth
+🦏 rhinoceros
+🦛 hippopotamus
+🐭 mouse face
+🐁 mouse
+🐀 rat
+🐹 hamster
+🐰 rabbit face
+🐇 rabbit
+🐿️ chipmunk
+🦫 beaver
+🦔 hedgehog
+🦇 bat
+🐻 bear
+🐻‍❄️ polar bear
+🐨 koala
+🐼 panda
+🦥 sloth
+🦦 otter
+🦨 skunk
+🦘 kangaroo
+🦡 badger
+🐾 paw prints
+🦃 turkey
+🐔 chicken
+🐓 rooster
+🐣 hatching chick
+🐤 baby chick
+🐥 front-facing baby chick
+🐦 bird
+🐧 penguin
+🕊️ dove
+🦅 eagle
+🦆 duck
+🦢 swan
+🦉 owl
+🦤 dodo
+🪶 feather
+🦩 flamingo
+🦚 peacock
+🦜 parrot
+🪽 wing
+🐦‍⬛ black bird
+🪿 goose
+🐦‍🔥 phoenix
+🐸 frog
+🐊 crocodile
+🐢 turtle
+🦎 lizard
+🐍 snake
+🐲 dragon face
+🐉 dragon
+🦕 sauropod
+🦖 T-Rex
+🐳 spouting whale
+🐋 whale
+🐬 dolphin
+🦭 seal
+🐟 fish
+🐠 tropical fish
+🐡 blowfish
+🦈 shark
+🐙 octopus
+🐚 spiral shell
+🪸 coral
+🪼 jellyfish
+🦀 crab
+🦞 lobster
+🦐 shrimp
+🦑 squid
+🦪 oyster
+🐌 snail
+🦋 butterfly
+🐛 bug
+🐜 ant
+🐝 honeybee
+🪲 beetle
+🐞 lady beetle
+🦗 cricket
+🪳 cockroach
+🕷️ spider
+🕸️ spider web
+🦂 scorpion
+🦟 mosquito
+🪰 fly
+🪱 worm
+🦠 microbe
+💐 bouquet
+🌸 cherry blossom
+💮 white flower
+🪷 lotus
+🏵️ rosette
+🌹 rose
+🥀 wilted flower
+🌺 hibiscus
+🌻 sunflower
+🌼 blossom
+🌷 tulip
+🪻 hyacinth
+🌱 seedling
+🪴 potted plant
+🌲 evergreen tree
+🌳 deciduous tree
+🌴 palm tree
+🌵 cactus
+🌾 sheaf of rice
+🌿 herb
+☘️ shamrock
+🍀 four leaf clover
+🍁 maple leaf
+🍂 fallen leaf
+🍃 leaf fluttering in wind
+🪹 empty nest
+🪺 nest with eggs
+🍄 mushroom
+🪾 leafless tree`,
+    `🍇 grapes
+🍈 melon
+🍉 watermelon
+🍊 tangerine
+🍋 lemon
+🍋‍🟩 lime
+🍌 banana
+🍍 pineapple
+🥭 mango
+🍎 red apple
+🍏 green apple
+🍐 pear
+🍑 peach
+🍒 cherries
+🍓 strawberry
+🫐 blueberries
+🥝 kiwi fruit
+🍅 tomato
+🫒 olive
+🥥 coconut
+🥑 avocado
+🍆 eggplant
+🥔 potato
+🥕 carrot
+🌽 ear of corn
+🌶️ hot pepper
+🫑 bell pepper
+🥒 cucumber
+🥬 leafy green
+🥦 broccoli
+🧄 garlic
+🧅 onion
+🥜 peanuts
+🫘 beans
+🌰 chestnut
+🫚 ginger root
+🫛 pea pod
+🍄‍🟫 brown mushroom
+🫜 root vegetable
+🍞 bread
+🥐 croissant
+🥖 baguette bread
+🫓 flatbread
+🥨 pretzel
+🥯 bagel
+🥞 pancakes
+🧇 waffle
+🧀 cheese wedge
+🍖 meat on bone
+🍗 poultry leg
+🥩 cut of meat
+🥓 bacon
+🍔 hamburger
+🍟 french fries
+🍕 pizza
+🌭 hot dog
+🥪 sandwich
+🌮 taco
+🌯 burrito
+🫔 tamale
+🥙 stuffed flatbread
+🧆 falafel
+🥚 egg
+🍳 cooking
+🥘 shallow pan of food
+🍲 pot of food
+🫕 fondue
+🥣 bowl with spoon
+🥗 green salad
+🍿 popcorn
+🧈 butter
+🧂 salt
+🥫 canned food
+🍱 bento box
+🍘 rice cracker
+🍙 rice ball
+🍚 cooked rice
+🍛 curry rice
+🍜 steaming bowl
+🍝 spaghetti
+🍠 roasted sweet potato
+🍢 oden
+🍣 sushi
+🍤 fried shrimp
+🍥 fish cake with swirl
+🥮 moon cake
+🍡 dango
+🥟 dumpling
+🥠 fortune cookie
+🥡 takeout box
+🍦 soft ice cream
+🍧 shaved ice
+🍨 ice cream
+🍩 doughnut
+🍪 cookie
+🎂 birthday cake
+🍰 shortcake
+🧁 cupcake
+🥧 pie
+🍫 chocolate bar
+🍬 candy
+🍭 lollipop
+🍮 custard
+🍯 honey pot
+🍼 baby bottle
+🥛 glass of milk
+☕ hot beverage
+🫖 teapot
+🍵 teacup without handle
+🍶 sake
+🍾 bottle with popping cork
+🍷 wine glass
+🍸 cocktail glass
+🍹 tropical drink
+🍺 beer mug
+🍻 clinking beer mugs
+🥂 clinking glasses
+🥃 tumbler glass
+🫗 pouring liquid
+🥤 cup with straw
+🧋 bubble tea
+🧃 beverage box
+🧉 mate
+🧊 ice
+🥢 chopsticks
+🍽️ fork and knife with plate
+🍴 fork and knife
+🥄 spoon
+🔪 kitchen knife
+🫙 jar
+🏺 amphora`,
+    `🌍 globe showing Europe-Africa
+🌎 globe showing Americas
+🌏 globe showing Asia-Australia
+🌐 globe with meridians
+🗺️ world map
+🗾 map of Japan
+🧭 compass
+🏔️ snow-capped mountain
+⛰️ mountain
+🌋 volcano
+🗻 mount fuji
+🏕️ camping
+🏖️ beach with umbrella
+🏜️ desert
+🏝️ desert island
+🏞️ national park
+🏟️ stadium
+🏛️ classical building
+🏗️ building construction
+🧱 brick
+🪨 rock
+🪵 wood
+🛖 hut
+🏘️ houses
+🏚️ derelict house
+🏠 house
+🏡 house with garden
+🏢 office building
+🏣 Japanese post office
+🏤 post office
+🏥 hospital
+🏦 bank
+🏨 hotel
+🏩 love hotel
+🏪 convenience store
+🏫 school
+🏬 department store
+🏭 factory
+🏯 Japanese castle
+🏰 castle
+💒 wedding
+🗼 Tokyo tower
+🗽 Statue of Liberty
+⛪ church
+🕌 mosque
+🛕 hindu temple
+🕍 synagogue
+⛩️ shinto shrine
+🕋 kaaba
+⛲ fountain
+⛺ tent
+🌁 foggy
+🌃 night with stars
+🏙️ cityscape
+🌄 sunrise over mountains
+🌅 sunrise
+🌆 cityscape at dusk
+🌇 sunset
+🌉 bridge at night
+♨️ hot springs
+🎠 carousel horse
+🛝 playground slide
+🎡 ferris wheel
+🎢 roller coaster
+💈 barber pole
+🎪 circus tent
+🚂 locomotive
+🚃 railway car
+🚄 high-speed train
+🚅 bullet train
+🚆 train
+🚇 metro
+🚈 light rail
+🚉 station
+🚊 tram
+🚝 monorail
+🚞 mountain railway
+🚋 tram car
+🚌 bus
+🚍 oncoming bus
+🚎 trolleybus
+🚐 minibus
+🚑 ambulance
+🚒 fire engine
+🚓 police car
+🚔 oncoming police car
+🚕 taxi
+🚖 oncoming taxi
+🚗 automobile
+🚘 oncoming automobile
+🚙 sport utility vehicle
+🛻 pickup truck
+🚚 delivery truck
+🚛 articulated lorry
+🚜 tractor
+🏎️ racing car
+🏍️ motorcycle
+🛵 motor scooter
+🦽 manual wheelchair
+🦼 motorized wheelchair
+🛺 auto rickshaw
+🚲 bicycle
+🛴 kick scooter
+🛹 skateboard
+🛼 roller skate
+🚏 bus stop
+🛣️ motorway
+🛤️ railway track
+🛢️ oil drum
+⛽ fuel pump
+🛞 wheel
+🚨 police car light
+🚥 horizontal traffic light
+🚦 vertical traffic light
+🛑 stop sign
+🚧 construction
+⚓ anchor
+🛟 ring buoy
+⛵ sailboat
+🛶 canoe
+🚤 speedboat
+🛳️ passenger ship
+⛴️ ferry
+🛥️ motor boat
+🚢 ship
+✈️ airplane
+🛩️ small airplane
+🛫 airplane departure
+🛬 airplane arrival
+🪂 parachute
+💺 seat
+🚁 helicopter
+🚟 suspension railway
+🚠 mountain cableway
+🚡 aerial tramway
+🛰️ satellite
+🚀 rocket
+🛸 flying saucer
+🛎️ bellhop bell
+🧳 luggage
+⌛ hourglass done
+⏳ hourglass not done
+⌚ watch
+⏰ alarm clock
+⏱️ stopwatch
+⏲️ timer clock
+🕰️ mantelpiece clock
+🕛 twelve o’clock
+🕧 twelve-thirty
+🕐 one o’clock
+🕜 one-thirty
+🕑 two o’clock
+🕝 two-thirty
+🕒 three o’clock
+🕞 three-thirty
+🕓 four o’clock
+🕟 four-thirty
+🕔 five o’clock
+🕠 five-thirty
+🕕 six o’clock
+🕡 six-thirty
+🕖 seven o’clock
+🕢 seven-thirty
+🕗 eight o’clock
+🕣 eight-thirty
+🕘 nine o’clock
+🕤 nine-thirty
+🕙 ten o’clock
+🕥 ten-thirty
+🕚 eleven o’clock
+🕦 eleven-thirty
+🌑 new moon
+🌒 waxing crescent moon
+🌓 first quarter moon
+🌔 waxing gibbous moon
+🌕 full moon
+🌖 waning gibbous moon
+🌗 last quarter moon
+🌘 waning crescent moon
+🌙 crescent moon
+🌚 new moon face
+🌛 first quarter moon face
+🌜 last quarter moon face
+🌡️ thermometer
+☀️ sun
+🌝 full moon face
+🌞 sun with face
+🪐 ringed planet
+⭐ star
+🌟 glowing star
+🌠 shooting star
+🌌 milky way
+☁️ cloud
+⛅ sun behind cloud
+⛈️ cloud with lightning and rain
+🌤️ sun behind small cloud
+🌥️ sun behind large cloud
+🌦️ sun behind rain cloud
+🌧️ cloud with rain
+🌨️ cloud with snow
+🌩️ cloud with lightning
+🌪️ tornado
+🌫️ fog
+🌬️ wind face
+🌀 cyclone
+🌈 rainbow
+🌂 closed umbrella
+☂️ umbrella
+☔ umbrella with rain drops
+⛱️ umbrella on ground
+⚡ high voltage
+❄️ snowflake
+☃️ snowman
+⛄ snowman without snow
+☄️ comet
+🔥 fire
+💧 droplet
+🌊 water wave`,
+    `🎃 jack-o-lantern
+🎄 Christmas tree
+🎆 fireworks
+🎇 sparkler
+🧨 firecracker
+✨ sparkles
+🎈 balloon
+🎉 party popper
+🎊 confetti ball
+🎋 tanabata tree
+🎍 pine decoration
+🎎 Japanese dolls
+🎏 carp streamer
+🎐 wind chime
+🎑 moon viewing ceremony
+🧧 red envelope
+🎀 ribbon
+🎁 wrapped gift
+🎗️ reminder ribbon
+🎟️ admission tickets
+🎫 ticket
+🎖️ military medal
+🏆 trophy
+🏅 sports medal
+🥇 1st place medal
+🥈 2nd place medal
+🥉 3rd place medal
+⚽ soccer ball
+⚾ baseball
+🥎 softball
+🏀 basketball
+🏐 volleyball
+🏈 american football
+🏉 rugby football
+🎾 tennis
+🥏 flying disc
+🎳 bowling
+🏏 cricket game
+🏑 field hockey
+🏒 ice hockey
+🥍 lacrosse
+🏓 ping pong
+🏸 badminton
+🥊 boxing glove
+🥋 martial arts uniform
+🥅 goal net
+⛳ flag in hole
+⛸️ ice skate
+🎣 fishing pole
+🤿 diving mask
+🎽 running shirt
+🎿 skis
+🛷 sled
+🥌 curling stone
+🎯 bullseye
+🪀 yo-yo
+🪁 kite
+🔫 water pistol
+🎱 pool 8 ball
+🔮 crystal ball
+🪄 magic wand
+🎮 video game
+🕹️ joystick
+🎰 slot machine
+🎲 game die
+🧩 puzzle piece
+🧸 teddy bear
+🪅 piñata
+🪩 mirror ball
+🪆 nesting dolls
+♠️ spade suit
+♥️ heart suit
+♦️ diamond suit
+♣️ club suit
+♟️ chess pawn
+🃏 joker
+🀄 mahjong red dragon
+🎴 flower playing cards
+🎭 performing arts
+🖼️ framed picture
+🎨 artist palette
+🧵 thread
+🪡 sewing needle
+🧶 yarn
+🪢 knot`,
+    `👓 glasses
+🕶️ sunglasses
+🥽 goggles
+🥼 lab coat
+🦺 safety vest
+👔 necktie
+👕 t-shirt
+👖 jeans
+🧣 scarf
+🧤 gloves
+🧥 coat
+🧦 socks
+👗 dress
+👘 kimono
+🥻 sari
+🩱 one-piece swimsuit
+🩲 briefs
+🩳 shorts
+👙 bikini
+👚 woman’s clothes
+🪭 folding hand fan
+👛 purse
+👜 handbag
+👝 clutch bag
+🛍️ shopping bags
+🎒 backpack
+🩴 thong sandal
+👞 man’s shoe
+👟 running shoe
+🥾 hiking boot
+🥿 flat shoe
+👠 high-heeled shoe
+👡 woman’s sandal
+🩰 ballet shoes
+👢 woman’s boot
+🪮 hair pick
+👑 crown
+👒 woman’s hat
+🎩 top hat
+🎓 graduation cap
+🧢 billed cap
+🪖 military helmet
+⛑️ rescue worker’s helmet
+📿 prayer beads
+💄 lipstick
+💍 ring
+💎 gem stone
+🔇 muted speaker
+🔈 speaker low volume
+🔉 speaker medium volume
+🔊 speaker high volume
+📢 loudspeaker
+📣 megaphone
+📯 postal horn
+🔔 bell
+🔕 bell with slash
+🎼 musical score
+🎵 musical note
+🎶 musical notes
+🎙️ studio microphone
+🎚️ level slider
+🎛️ control knobs
+🎤 microphone
+🎧 headphone
+📻 radio
+🎷 saxophone
+🪗 accordion
+🎸 guitar
+🎹 musical keyboard
+🎺 trumpet
+🎻 violin
+🪕 banjo
+🥁 drum
+🪘 long drum
+🪇 maracas
+🪈 flute
+🪉 harp
+📱 mobile phone
+📲 mobile phone with arrow
+☎️ telephone
+📞 telephone receiver
+📟 pager
+📠 fax machine
+🔋 battery
+🪫 low battery
+🔌 electric plug
+💻 laptop
+🖥️ desktop computer
+🖨️ printer
+⌨️ keyboard
+🖱️ computer mouse
+🖲️ trackball
+💽 computer disk
+💾 floppy disk
+💿 optical disk
+📀 dvd
+🧮 abacus
+🎥 movie camera
+🎞️ film frames
+📽️ film projector
+🎬 clapper board
+📺 television
+📷 camera
+📸 camera with flash
+📹 video camera
+📼 videocassette
+🔍 magnifying glass tilted left
+🔎 magnifying glass tilted right
+🕯️ candle
+💡 light bulb
+🔦 flashlight
+🏮 red paper lantern
+🪔 diya lamp
+📔 notebook with decorative cover
+📕 closed book
+📖 open book
+📗 green book
+📘 blue book
+📙 orange book
+📚 books
+📓 notebook
+📒 ledger
+📃 page with curl
+📜 scroll
+📄 page facing up
+📰 newspaper
+🗞️ rolled-up newspaper
+📑 bookmark tabs
+🔖 bookmark
+🏷️ label
+💰 money bag
+🪙 coin
+💴 yen banknote
+💵 dollar banknote
+💶 euro banknote
+💷 pound banknote
+💸 money with wings
+💳 credit card
+🧾 receipt
+💹 chart increasing with yen
+✉️ envelope
+📧 e-mail
+📨 incoming envelope
+📩 envelope with arrow
+📤 outbox tray
+📥 inbox tray
+📦 package
+📫 closed mailbox with raised flag
+📪 closed mailbox with lowered flag
+📬 open mailbox with raised flag
+📭 open mailbox with lowered flag
+📮 postbox
+🗳️ ballot box with ballot
+✏️ pencil
+✒️ black nib
+🖋️ fountain pen
+🖊️ pen
+🖌️ paintbrush
+🖍️ crayon
+📝 memo
+💼 briefcase
+📁 file folder
+📂 open file folder
+🗂️ card index dividers
+📅 calendar
+📆 tear-off calendar
+🗒️ spiral notepad
+🗓️ spiral calendar
+📇 card index
+📈 chart increasing
+📉 chart decreasing
+📊 bar chart
+📋 clipboard
+📌 pushpin
+📍 round pushpin
+📎 paperclip
+🖇️ linked paperclips
+📏 straight ruler
+📐 triangular ruler
+✂️ scissors
+🗃️ card file box
+🗄️ file cabinet
+🗑️ wastebasket
+🔒 locked
+🔓 unlocked
+🔏 locked with pen
+🔐 locked with key
+🔑 key
+🗝️ old key
+🔨 hammer
+🪓 axe
+⛏️ pick
+⚒️ hammer and pick
+🛠️ hammer and wrench
+🗡️ dagger
+⚔️ crossed swords
+💣 bomb
+🪃 boomerang
+🏹 bow and arrow
+🛡️ shield
+🪚 carpentry saw
+🔧 wrench
+🪛 screwdriver
+🔩 nut and bolt
+⚙️ gear
+🗜️ clamp
+⚖️ balance scale
+🦯 white cane
+🔗 link
+⛓️‍💥 broken chain
+⛓️ chains
+🪝 hook
+🧰 toolbox
+🧲 magnet
+🪜 ladder
+🪏 shovel
+⚗️ alembic
+🧪 test tube
+🧫 petri dish
+🧬 dna
+🔬 microscope
+🔭 telescope
+📡 satellite antenna
+💉 syringe
+🩸 drop of blood
+💊 pill
+🩹 adhesive bandage
+🩼 crutch
+🩺 stethoscope
+🩻 x-ray
+🚪 door
+🛗 elevator
+🪞 mirror
+🪟 window
+🛏️ bed
+🛋️ couch and lamp
+🪑 chair
+🚽 toilet
+🪠 plunger
+🚿 shower
+🛁 bathtub
+🪤 mouse trap
+🪒 razor
+🧴 lotion bottle
+🧷 safety pin
+🧹 broom
+🧺 basket
+🧻 roll of paper
+🪣 bucket
+🧼 soap
+🫧 bubbles
+🪥 toothbrush
+🧽 sponge
+🧯 fire extinguisher
+🛒 shopping cart
+🚬 cigarette
+⚰️ coffin
+🪦 headstone
+⚱️ funeral urn
+🧿 nazar amulet
+🪬 hamsa
+🗿 moai
+🪧 placard
+🪪 identification card`,
+    `🏧 ATM sign
+🚮 litter in bin sign
+🚰 potable water
+♿ wheelchair symbol
+🚹 men’s room
+🚺 women’s room
+🚻 restroom
+🚼 baby symbol
+🚾 water closet
+🛂 passport control
+🛃 customs
+🛄 baggage claim
+🛅 left luggage
+⚠️ warning
+🚸 children crossing
+⛔ no entry
+🚫 prohibited
+🚳 no bicycles
+🚭 no smoking
+🚯 no littering
+🚱 non-potable water
+🚷 no pedestrians
+📵 no mobile phones
+🔞 no one under eighteen
+☢️ radioactive
+☣️ biohazard
+⬆️ up arrow
+↗️ up-right arrow
+➡️ right arrow
+↘️ down-right arrow
+⬇️ down arrow
+↙️ down-left arrow
+⬅️ left arrow
+↖️ up-left arrow
+↕️ up-down arrow
+↔️ left-right arrow
+↩️ right arrow curving left
+↪️ left arrow curving right
+⤴️ right arrow curving up
+⤵️ right arrow curving down
+🔃 clockwise vertical arrows
+🔄 counterclockwise arrows button
+🔙 BACK arrow
+🔚 END arrow
+🔛 ON! arrow
+🔜 SOON arrow
+🔝 TOP arrow
+🛐 place of worship
+⚛️ atom symbol
+🕉️ om
+✡️ star of David
+☸️ wheel of dharma
+☯️ yin yang
+✝️ latin cross
+☦️ orthodox cross
+☪️ star and crescent
+☮️ peace symbol
+🕎 menorah
+🔯 dotted six-pointed star
+🪯 khanda
+♈ Aries
+♉ Taurus
+♊ Gemini
+♋ Cancer
+♌ Leo
+♍ Virgo
+♎ Libra
+♏ Scorpio
+♐ Sagittarius
+♑ Capricorn
+♒ Aquarius
+♓ Pisces
+⛎ Ophiuchus
+🔀 shuffle tracks button
+🔁 repeat button
+🔂 repeat single button
+▶️ play button
+⏩ fast-forward button
+⏭️ next track button
+⏯️ play or pause button
+◀️ reverse button
+⏪ fast reverse button
+⏮️ last track button
+🔼 upwards button
+⏫ fast up button
+🔽 downwards button
+⏬ fast down button
+⏸️ pause button
+⏹️ stop button
+⏺️ record button
+⏏️ eject button
+🎦 cinema
+🔅 dim button
+🔆 bright button
+📶 antenna bars
+🛜 wireless
+📳 vibration mode
+📴 mobile phone off
+♀️ female sign
+♂️ male sign
+⚧️ transgender symbol
+✖️ multiply
+➕ plus
+➖ minus
+➗ divide
+🟰 heavy equals sign
+♾️ infinity
+‼️ double exclamation mark
+⁉️ exclamation question mark
+❓ red question mark
+❔ white question mark
+❕ white exclamation mark
+❗ red exclamation mark
+〰️ wavy dash
+💱 currency exchange
+💲 heavy dollar sign
+⚕️ medical symbol
+♻️ recycling symbol
+⚜️ fleur-de-lis
+🔱 trident emblem
+📛 name badge
+🔰 Japanese symbol for beginner
+⭕ hollow red circle
+✅ check mark button
+☑️ check box with check
+✔️ check mark
+❌ cross mark
+❎ cross mark button
+➰ curly loop
+➿ double curly loop
+〽️ part alternation mark
+✳️ eight-spoked asterisk
+✴️ eight-pointed star
+❇️ sparkle
+©️ copyright
+®️ registered
+™️ trade mark
+🫟 splatter
+#️⃣ keycap #
+*️⃣ keycap *
+0️⃣ keycap 0
+1️⃣ keycap 1
+2️⃣ keycap 2
+3️⃣ keycap 3
+4️⃣ keycap 4
+5️⃣ keycap 5
+6️⃣ keycap 6
+7️⃣ keycap 7
+8️⃣ keycap 8
+9️⃣ keycap 9
+🔟 keycap 10
+🔠 input latin uppercase
+🔡 input latin lowercase
+🔢 input numbers
+🔣 input symbols
+🔤 input latin letters
+🅰️ A button (blood type)
+🆎 AB button (blood type)
+🅱️ B button (blood type)
+🆑 CL button
+🆒 COOL button
+🆓 FREE button
+ℹ️ information
+🆔 ID button
+Ⓜ️ circled M
+🆕 NEW button
+🆖 NG button
+🅾️ O button (blood type)
+🆗 OK button
+🅿️ P button
+🆘 SOS button
+🆙 UP! button
+🆚 VS button
+🈁 Japanese “here” button
+🈂️ Japanese “service charge” button
+🈷️ Japanese “monthly amount” button
+🈶 Japanese “not free of charge” button
+🈯 Japanese “reserved” button
+🉐 Japanese “bargain” button
+🈹 Japanese “discount” button
+🈚 Japanese “free of charge” button
+🈲 Japanese “prohibited” button
+🉑 Japanese “acceptable” button
+🈸 Japanese “application” button
+🈴 Japanese “passing grade” button
+🈳 Japanese “vacancy” button
+㊗️ Japanese “congratulations” button
+㊙️ Japanese “secret” button
+🈺 Japanese “open for business” button
+🈵 Japanese “no vacancy” button
+🔴 red circle
+🟠 orange circle
+🟡 yellow circle
+🟢 green circle
+🔵 blue circle
+🟣 purple circle
+🟤 brown circle
+⚫ black circle
+⚪ white circle
+🟥 red square
+🟧 orange square
+🟨 yellow square
+🟩 green square
+🟦 blue square
+🟪 purple square
+🟫 brown square
+⬛ black large square
+⬜ white large square
+◼️ black medium square
+◻️ white medium square
+◾ black medium-small square
+◽ white medium-small square
+▪️ black small square
+▫️ white small square
+🔶 large orange diamond
+🔷 large blue diamond
+🔸 small orange diamond
+🔹 small blue diamond
+🔺 red triangle pointed up
+🔻 red triangle pointed down
+💠 diamond with a dot
+🔘 radio button
+🔳 white square button
+🔲 black square button`,
+    `🏁 chequered flag
+🚩 triangular flag
+🎌 crossed flags
+🏴 black flag
+🏳️ white flag
+🏳️‍🌈 rainbow flag
+🏳️‍⚧️ transgender flag
+🏴‍☠️ pirate flag
+🇦🇨 flag Ascension Island
+🇦🇩 flag Andorra
+🇦🇪 flag United Arab Emirates
+🇦🇫 flag Afghanistan
+🇦🇬 flag Antigua & Barbuda
+🇦🇮 flag Anguilla
+🇦🇱 flag Albania
+🇦🇲 flag Armenia
+🇦🇴 flag Angola
+🇦🇶 flag Antarctica
+🇦🇷 flag Argentina
+🇦🇸 flag American Samoa
+🇦🇹 flag Austria
+🇦🇺 flag Australia
+🇦🇼 flag Aruba
+🇦🇽 flag Åland Islands
+🇦🇿 flag Azerbaijan
+🇧🇦 flag Bosnia & Herzegovina
+🇧🇧 flag Barbados
+🇧🇩 flag Bangladesh
+🇧🇪 flag Belgium
+🇧🇫 flag Burkina Faso
+🇧🇬 flag Bulgaria
+🇧🇭 flag Bahrain
+🇧🇮 flag Burundi
+🇧🇯 flag Benin
+🇧🇱 flag St. Barthélemy
+🇧🇲 flag Bermuda
+🇧🇳 flag Brunei
+🇧🇴 flag Bolivia
+🇧🇶 flag Caribbean Netherlands
+🇧🇷 flag Brazil
+🇧🇸 flag Bahamas
+🇧🇹 flag Bhutan
+🇧🇻 flag Bouvet Island
+🇧🇼 flag Botswana
+🇧🇾 flag Belarus
+🇧🇿 flag Belize
+🇨🇦 flag Canada
+🇨🇨 flag Cocos (Keeling) Islands
+🇨🇩 flag Congo - Kinshasa
+🇨🇫 flag Central African Republic
+🇨🇬 flag Congo - Brazzaville
+🇨🇭 flag Switzerland
+🇨🇮 flag Côte d’Ivoire
+🇨🇰 flag Cook Islands
+🇨🇱 flag Chile
+🇨🇲 flag Cameroon
+🇨🇳 flag China
+🇨🇴 flag Colombia
+🇨🇵 flag Clipperton Island
+🇨🇶 flag Sark
+🇨🇷 flag Costa Rica
+🇨🇺 flag Cuba
+🇨🇻 flag Cape Verde
+🇨🇼 flag Curaçao
+🇨🇽 flag Christmas Island
+🇨🇾 flag Cyprus
+🇨🇿 flag Czechia
+🇩🇪 flag Germany
+🇩🇬 flag Diego Garcia
+🇩🇯 flag Djibouti
+🇩🇰 flag Denmark
+🇩🇲 flag Dominica
+🇩🇴 flag Dominican Republic
+🇩🇿 flag Algeria
+🇪🇦 flag Ceuta & Melilla
+🇪🇨 flag Ecuador
+🇪🇪 flag Estonia
+🇪🇬 flag Egypt
+🇪🇭 flag Western Sahara
+🇪🇷 flag Eritrea
+🇪🇸 flag Spain
+🇪🇹 flag Ethiopia
+🇪🇺 flag European Union
+🇫🇮 flag Finland
+🇫🇯 flag Fiji
+🇫🇰 flag Falkland Islands
+🇫🇲 flag Micronesia
+🇫🇴 flag Faroe Islands
+🇫🇷 flag France
+🇬🇦 flag Gabon
+🇬🇧 flag United Kingdom
+🇬🇩 flag Grenada
+🇬🇪 flag Georgia
+🇬🇫 flag French Guiana
+🇬🇬 flag Guernsey
+🇬🇭 flag Ghana
+🇬🇮 flag Gibraltar
+🇬🇱 flag Greenland
+🇬🇲 flag Gambia
+🇬🇳 flag Guinea
+🇬🇵 flag Guadeloupe
+🇬🇶 flag Equatorial Guinea
+🇬🇷 flag Greece
+🇬🇸 flag South Georgia & South Sandwich Islands
+🇬🇹 flag Guatemala
+🇬🇺 flag Guam
+🇬🇼 flag Guinea-Bissau
+🇬🇾 flag Guyana
+🇭🇰 flag Hong Kong SAR China
+🇭🇲 flag Heard & McDonald Islands
+🇭🇳 flag Honduras
+🇭🇷 flag Croatia
+🇭🇹 flag Haiti
+🇭🇺 flag Hungary
+🇮🇨 flag Canary Islands
+🇮🇩 flag Indonesia
+🇮🇪 flag Ireland
+🇮🇱 flag Israel
+🇮🇲 flag Isle of Man
+🇮🇳 flag India
+🇮🇴 flag British Indian Ocean Territory
+🇮🇶 flag Iraq
+🇮🇷 flag Iran
+🇮🇸 flag Iceland
+🇮🇹 flag Italy
+🇯🇪 flag Jersey
+🇯🇲 flag Jamaica
+🇯🇴 flag Jordan
+🇯🇵 flag Japan
+🇰🇪 flag Kenya
+🇰🇬 flag Kyrgyzstan
+🇰🇭 flag Cambodia
+🇰🇮 flag Kiribati
+🇰🇲 flag Comoros
+🇰🇳 flag St. Kitts & Nevis
+🇰🇵 flag North Korea
+🇰🇷 flag South Korea
+🇰🇼 flag Kuwait
+🇰🇾 flag Cayman Islands
+🇰🇿 flag Kazakhstan
+🇱🇦 flag Laos
+🇱🇧 flag Lebanon
+🇱🇨 flag St. Lucia
+🇱🇮 flag Liechtenstein
+🇱🇰 flag Sri Lanka
+🇱🇷 flag Liberia
+🇱🇸 flag Lesotho
+🇱🇹 flag Lithuania
+🇱🇺 flag Luxembourg
+🇱🇻 flag Latvia
+🇱🇾 flag Libya
+🇲🇦 flag Morocco
+🇲🇨 flag Monaco
+🇲🇩 flag Moldova
+🇲🇪 flag Montenegro
+🇲🇫 flag St. Martin
+🇲🇬 flag Madagascar
+🇲🇭 flag Marshall Islands
+🇲🇰 flag North Macedonia
+🇲🇱 flag Mali
+🇲🇲 flag Myanmar (Burma)
+🇲🇳 flag Mongolia
+🇲🇴 flag Macao SAR China
+🇲🇵 flag Northern Mariana Islands
+🇲🇶 flag Martinique
+🇲🇷 flag Mauritania
+🇲🇸 flag Montserrat
+🇲🇹 flag Malta
+🇲🇺 flag Mauritius
+🇲🇻 flag Maldives
+🇲🇼 flag Malawi
+🇲🇽 flag Mexico
+🇲🇾 flag Malaysia
+🇲🇿 flag Mozambique
+🇳🇦 flag Namibia
+🇳🇨 flag New Caledonia
+🇳🇪 flag Niger
+🇳🇫 flag Norfolk Island
+🇳🇬 flag Nigeria
+🇳🇮 flag Nicaragua
+🇳🇱 flag Netherlands
+🇳🇴 flag Norway
+🇳🇵 flag Nepal
+🇳🇷 flag Nauru
+🇳🇺 flag Niue
+🇳🇿 flag New Zealand
+🇴🇲 flag Oman
+🇵🇦 flag Panama
+🇵🇪 flag Peru
+🇵🇫 flag French Polynesia
+🇵🇬 flag Papua New Guinea
+🇵🇭 flag Philippines
+🇵🇰 flag Pakistan
+🇵🇱 flag Poland
+🇵🇲 flag St. Pierre & Miquelon
+🇵🇳 flag Pitcairn Islands
+🇵🇷 flag Puerto Rico
+🇵🇸 flag Palestinian Territories
+🇵🇹 flag Portugal
+🇵🇼 flag Palau
+🇵🇾 flag Paraguay
+🇶🇦 flag Qatar
+🇷🇪 flag Réunion
+🇷🇴 flag Romania
+🇷🇸 flag Serbia
+🇷🇺 flag Russia
+🇷🇼 flag Rwanda
+🇸🇦 flag Saudi Arabia
+🇸🇧 flag Solomon Islands
+🇸🇨 flag Seychelles
+🇸🇩 flag Sudan
+🇸🇪 flag Sweden
+🇸🇬 flag Singapore
+🇸🇭 flag St. Helena
+🇸🇮 flag Slovenia
+🇸🇯 flag Svalbard & Jan Mayen
+🇸🇰 flag Slovakia
+🇸🇱 flag Sierra Leone
+🇸🇲 flag San Marino
+🇸🇳 flag Senegal
+🇸🇴 flag Somalia
+🇸🇷 flag Suriname
+🇸🇸 flag South Sudan
+🇸🇹 flag São Tomé & Príncipe
+🇸🇻 flag El Salvador
+🇸🇽 flag Sint Maarten
+🇸🇾 flag Syria
+🇸🇿 flag Eswatini
+🇹🇦 flag Tristan da Cunha
+🇹🇨 flag Turks & Caicos Islands
+🇹🇩 flag Chad
+🇹🇫 flag French Southern Territories
+🇹🇬 flag Togo
+🇹🇭 flag Thailand
+🇹🇯 flag Tajikistan
+🇹🇰 flag Tokelau
+🇹🇱 flag Timor-Leste
+🇹🇲 flag Turkmenistan
+🇹🇳 flag Tunisia
+🇹🇴 flag Tonga
+🇹🇷 flag Türkiye
+🇹🇹 flag Trinidad & Tobago
+🇹🇻 flag Tuvalu
+🇹🇼 flag Taiwan
+🇹🇿 flag Tanzania
+🇺🇦 flag Ukraine
+🇺🇬 flag Uganda
+🇺🇲 flag U.S. Outlying Islands
+🇺🇳 flag United Nations
+🇺🇸 flag United States
+🇺🇾 flag Uruguay
+🇺🇿 flag Uzbekistan
+🇻🇦 flag Vatican City
+🇻🇨 flag St. Vincent & Grenadines
+🇻🇪 flag Venezuela
+🇻🇬 flag British Virgin Islands
+🇻🇮 flag U.S. Virgin Islands
+🇻🇳 flag Vietnam
+🇻🇺 flag Vanuatu
+🇼🇫 flag Wallis & Futuna
+🇼🇸 flag Samoa
+🇽🇰 flag Kosovo
+🇾🇪 flag Yemen
+🇾🇹 flag Mayotte
+🇿🇦 flag South Africa
+🇿🇲 flag Zambia
+🇿🇼 flag Zimbabwe
+🏴󠁧󠁢󠁥󠁮󠁧󠁿 flag England
+🏴󠁧󠁢󠁳󠁣󠁴󠁿 flag Scotland
+🏴󠁧󠁢󠁷󠁬󠁳󠁿 flag Wales`,
+];
+/**
+ * Soporte de tono de piel, alineado carácter a carácter con las líneas de
+ * EMOJI_PACKED: '0' sin soporte · '1' modificador tras el primer codepoint ·
+ * '2' tras cada codepoint de persona (secuencias multi-persona).
+ *
+ * Un carácter por emoji en vez de un array de booleanos: 8 de las 9 categorías
+ * son un run de ceros puro, así que el gzip lo deja en nada.
+ */
+const EMOJI_TONE_FLAGS = [
+    `0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000`,
+    `11111111111111111111111111111111111111111111001111100000000001111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111110000000111111111111111111111111111111111111111111111111000111111010111111111111111111111111111100011111111111111211112221222000000000000000000000000000000000000`,
+    `000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000`,
+    `00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000`,
+    `00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000`,
+    `0000000000000000000000000000000000000000000000000000000000000000000000000000000000000`,
+    `000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000`,
+    `00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000`,
+    `000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000`,
+];
+// emojiPickerLogic.ts — lógica pura de co-emoji-picker (patrón optionListLogic /
+// commandSearchLogic: todo lo testeable sin DOM vive acá).
+/** Categoría sintética de recientes: va primera y solo existe si hay historial. */
+const RECENT_CATEGORY = 'recent';
+/** Alto uniforme de fila (header y grilla) en px. Uniforme a propósito: la
+ *  virtualización se reduce a `top = row * ROW_HEIGHT`, sin prefix-sums. */
+const ROW_HEIGHT = 36;
+/** Filas de más renderizadas arriba y abajo del viewport. */
+const OVERSCAN = 2;
+/** Columnas por defecto (espejo del default de la prop `columns`). */
+const DEFAULT_COLUMNS = 8;
+/** Offset del espacio de índices de los recientes (ver `EmojiEntry.index`). */
+const RECENT_INDEX_BASE = 1000000;
+// ── Dataset ─────────────────────────────────────────────────────────────────
+let cachedEntries = null;
+/**
+ * Desempaqueta EMOJI_PACKED a entradas. Memoizado a nivel de módulo: se paga
+ * UNA vez por documento aunque se monten varios pickers.
+ */
+function getEmojiEntries() {
+    if (cachedEntries)
+        return cachedEntries;
+    const out = [];
+    let index = 0;
+    EMOJI_PACKED.forEach((packed, catIdx) => {
+        var _a;
+        const category = EMOJI_CATEGORIES[catIdx];
+        const flags = (_a = EMOJI_TONE_FLAGS[catIdx]) !== null && _a !== void 0 ? _a : '';
+        let inCat = 0;
+        for (const line of packed.split('\n')) {
+            const sep = line.indexOf(' ');
+            if (sep < 0)
+                continue;
+            out.push({
+                char: line.slice(0, sep),
+                name: line.slice(sep + 1),
+                category,
+                index,
+                nameIndex: index,
+                tone: flags[inCat] || '0',
+            });
+            index++;
+            inCat++;
+        }
+    });
+    cachedEntries = out;
+    return out;
+}
+/** Cargadores estáticos (specifier literal) — sin ellos el bundler no puede
+ *  partir el chunk y los packs volverían al bundle principal. */
+const LOCALE_LOADERS = {
+    es: () => import('./emojiNames.es-reaWaY4g.js'),
+    pt: () => import('./emojiNames.pt-B6oiFdUY.js'),
+};
+/** Locales con pack de nombres propio. El resto usa los nombres en inglés. */
+function hasLocalePack(lang) {
+    return lang in LOCALE_LOADERS;
+}
+/**
+ * Nombres localizados, alineados por índice global con `getEmojiEntries()`.
+ * Devuelve null si el locale no tiene pack o si la carga falla — el llamador
+ * cae a los nombres en inglés (degradación, nunca excepción).
+ */
+async function loadLocaleNames(lang) {
+    const loader = LOCALE_LOADERS[lang];
+    if (!loader)
+        return null;
+    try {
+        const mod = await loader();
+        return mod.default.flatMap((packed) => packed.split('\n'));
+    }
+    catch (_a) {
+        return null;
+    }
+}
+// ── Tono de piel ────────────────────────────────────────────────────────────
+/** Los 5 modificadores Fitzpatrick, en orden claro → oscuro (U+1F3FB..U+1F3FF). */
+const SKIN_TONES = ['\u{1F3FB}', '\u{1F3FC}', '\u{1F3FD}', '\u{1F3FE}', '\u{1F3FF}'];
+/** Claves estables de la API pública: '' = por defecto (amarillo). */
+const SKIN_TONE_KEYS = ['', 'light', 'medium-light', 'medium', 'medium-dark', 'dark'];
+/** Codepoints de persona que pueden repetirse en una secuencia (flag '2'). */
+const PERSON_CPS = new Set(['\u{1F468}', '\u{1F469}', '\u{1F9D1}']);
+const VS16 = '️';
+/** Modificador correspondiente a una clave pública, o '' si no aplica. */
+function toneFromKey(key) {
+    const i = SKIN_TONE_KEYS.indexOf(key);
+    return i > 0 ? SKIN_TONES[i - 1] : '';
+}
+/**
+ * Aplica un modificador de tono a un emoji según su flag.
+ *
+ * Reglas (las dos que exige Unicode, no una aproximación):
+ *  - El modificador REEMPLAZA al selector de variación U+FE0F que siga a la
+ *    base: ✌️ (270C FE0F) + medio = 270C 1F3FD, no 270C FE0F 1F3FD. Solo al de
+ *    la base — el FE0F de un componente posterior (♀️ en 🕵️‍♀️) se conserva.
+ *  - Las secuencias multi-persona (flag '2') llevan el modificador en CADA
+ *    persona: 👩‍❤️‍👨 tonado es 1F469 tono 200D 2764 FE0F 200D 1F468 tono. Con uno
+ *    solo la secuencia deja de ser RGI y el navegador la parte en dos glifos.
+ */
+function applySkinTone(char, flag, tone) {
+    if (!tone || flag === '0')
+        return char;
+    const cps = Array.from(char);
+    if (flag === '2') {
+        let out = '';
+        for (const cp of cps) {
+            out += cp;
+            if (PERSON_CPS.has(cp))
+                out += tone;
+        }
+        return out;
+    }
+    const rest = cps.slice(1);
+    if (rest[0] === VS16)
+        rest.shift();
+    return cps[0] + tone + rest.join('');
+}
+// ── Recientes ───────────────────────────────────────────────────────────────
+let cachedByChar = null;
+let cachedByKey = null;
+/**
+ * Clave de búsqueda tolerante: sin modificadores de tono y sin selectores de
+ * variación.
+ *
+ * Hace falta porque el modificador de tono SE COME el U+FE0F de la base, y ese
+ * FE0F puede estar en medio de la secuencia: 🕵️‍♂️ es `1F575 FE0F 200D 2642 FE0F`
+ * y tonado queda `1F575 1F3FD 200D 2642 FE0F`. Destonar no lo devuelve, y
+ * re-anexar un FE0F al final tampoco — habría que reinsertarlo en la posición
+ * correcta. Normalizar ambos lados es más simple y no depende de adivinar dónde
+ * iba.
+ */
+function normalizeKey(char) {
+    const tones = [...SKIN_TONES];
+    return Array.from(char)
+        .filter((cp) => cp !== VS16 && !tones.includes(cp))
+        .join('');
+}
+/** Índices char → entrada del dataset. Memoizados igual que `getEmojiEntries`. */
+function entriesByChar() {
+    if (!cachedByChar || !cachedByKey) {
+        const exact = new Map();
+        const normalized = new Map();
+        for (const e of getEmojiEntries()) {
+            exact.set(e.char, e);
+            // Primero gana: si dos formas normalizan igual, la de menor índice manda.
+            const key = normalizeKey(e.char);
+            if (!normalized.has(key))
+                normalized.set(key, e);
+        }
+        cachedByChar = exact;
+        cachedByKey = normalized;
+    }
+    return { exact: cachedByChar, normalized: cachedByKey };
+}
+/**
+ * Resuelve un carácter (posiblemente tonado) a su entrada del dataset. Prueba la
+ * forma exacta —el caso común, sin costo— y cae a la clave normalizada.
+ */
+function resolveEmoji(char) {
+    var _a;
+    if (typeof char !== 'string' || !char)
+        return undefined;
+    const { exact, normalized } = entriesByChar();
+    return (_a = exact.get(char)) !== null && _a !== void 0 ? _a : normalized.get(normalizeKey(char));
+}
+/**
+ * Entradas para la fila de recientes. Los caracteres los da el consumidor (es
+ * el dueño del historial), así que acá se sanea: se descarta lo que no resuelve
+ * contra el dataset, se deduplica conservando el orden, y se recorta a `max`.
+ *
+ * El carácter se conserva TAL CUAL vino —con su tono— y por eso la entrada sale
+ * con `tone: '0'`: ya está resuelto, no hay que volver a tonarlo.
+ */
+function buildRecentEntries(recent, max) {
+    if (!Array.isArray(recent) || recent.length === 0)
+        return [];
+    const out = [];
+    const seen = new Set();
+    for (const char of recent) {
+        if (typeof char !== 'string' || !char || seen.has(char))
+            continue;
+        const base = resolveEmoji(char);
+        if (!base)
+            continue;
+        seen.add(char);
+        out.push({
+            char,
+            name: base.name,
+            category: RECENT_CATEGORY,
+            index: RECENT_INDEX_BASE + out.length,
+            nameIndex: base.nameIndex,
+            tone: '0',
+        });
+        if (out.length >= max)
+            break;
+    }
+    return out;
+}
+// ── Búsqueda ────────────────────────────────────────────────────────────────
+/**
+ * Filtra por nombre, rankeando por relevancia (`rankByMatch`: exacto > prefijo >
+ * prefijo de palabra > substring), insensible a acentos y mayúsculas.
+ *
+ * Cuando hay pack de locale busca contra el nombre localizado Y el inglés: los
+ * emoji sin traducción CLDR (la mayoría de las banderas) siguen siendo
+ * encontrables, y quien tipea en inglés sobre una UI en español también acierta.
+ */
+function searchEmojis(entries, query, localeNames) {
+    // Tolera undefined: es un punto de entrada público y el valor viene de una
+    // @State/@Prop que un consumidor puede dejar sin setear.
+    if (!String(query !== null && query !== void 0 ? query : '').trim())
+        return entries;
+    return rankByMatch(entries, query, (e) => {
+        const localized = localeNames === null || localeNames === void 0 ? void 0 : localeNames[e.nameIndex];
+        return localized && localized !== e.name ? [localized, e.name] : e.name;
+    });
+}
+/** Nombre a mostrar (tooltip / aria-label) para una entrada. */
+function displayName(entry, localeNames) {
+    var _a;
+    return (_a = localeNames === null || localeNames === void 0 ? void 0 : localeNames[entry.nameIndex]) !== null && _a !== void 0 ? _a : entry.name;
+}
+// ── Layout de grilla ────────────────────────────────────────────────────────
+/**
+ * Aplana a filas de render. `grouped` inserta un header por categoría (modo
+ * idle); en modo búsqueda los resultados van en una grilla continua, porque
+ * vienen ordenados por relevancia y no por categoría.
+ */
+function layoutRows(entries, columns, grouped) {
+    // `Math.max(1, undefined)` es NaN y partiría la grilla en silencio.
+    const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : DEFAULT_COLUMNS;
+    const rows = [];
+    const pushGrid = (list) => {
+        for (let i = 0; i < list.length; i += cols)
+            rows.push({ kind: 'emoji', entries: list.slice(i, i + cols) });
+    };
+    if (!grouped) {
+        pushGrid(entries);
+        return rows;
+    }
+    let current = null;
+    let bucket = [];
+    for (const entry of entries) {
+        if (entry.category !== current) {
+            if (bucket.length)
+                pushGrid(bucket);
+            bucket = [];
+            current = entry.category;
+            rows.push({ kind: 'header', category: current });
+        }
+        bucket.push(entry);
+    }
+    if (bucket.length)
+        pushGrid(bucket);
+    return rows;
+}
+/** Posición (fila, columna) de cada índice global dentro de un layout. */
+function buildPositionMap(rows) {
+    const map = new Map();
+    rows.forEach((row, r) => {
+        if (row.kind !== 'emoji')
+            return;
+        row.entries.forEach((entry, c) => map.set(entry.index, { row: r, col: c }));
+    });
+    return map;
+}
+/** Índice de fila donde arranca cada categoría (para el salto del strip). */
+function categoryRowStarts(rows) {
+    const map = new Map();
+    rows.forEach((row, r) => {
+        if (row.kind === 'header' && !map.has(row.category))
+            map.set(row.category, r);
+    });
+    return map;
+}
+/** Categoría visible al tope del scroll — resalta el botón del strip. */
+function categoryAtRow(rows, rowIdx) {
+    var _a;
+    for (let r = Math.min(rowIdx, rows.length - 1); r >= 0; r--) {
+        const row = rows[r];
+        if ((row === null || row === void 0 ? void 0 : row.kind) === 'header')
+            return row.category;
+        if ((row === null || row === void 0 ? void 0 : row.kind) === 'emoji') {
+            const cat = (_a = row.entries[0]) === null || _a === void 0 ? void 0 : _a.category;
+            if (cat)
+                return cat;
+        }
+    }
+    return null;
+}
+// ── Virtualización ──────────────────────────────────────────────────────────
+/**
+ * Ventana de filas a renderizar. 1906 emoji son ~240 filas: sin esto el panel
+ * monta ~1900 botones por apertura. Con la ventana quedan ~13 filas (~104
+ * botones) sin importar el tamaño del dataset.
+ */
+function virtualSlice(scrollTop, viewportHeight, rowCount) {
+    const visible = Math.max(1, Math.ceil(viewportHeight / ROW_HEIGHT));
+    const start = Math.max(0, Math.floor(scrollTop / ROW_HEIGHT) - OVERSCAN);
+    const end = Math.min(rowCount, start + visible + OVERSCAN * 2);
+    return { totalHeight: rowCount * ROW_HEIGHT, start, end, offsetY: start * ROW_HEIGHT };
+}
+/** Filas de salto de PageUp/PageDown. */
+const PAGE_ROWS = 5;
+/**
+ * Siguiente índice global activo tras una tecla de navegación, o el actual si
+ * el movimiento no lleva a ninguna celda.
+ *
+ * Trabaja sobre el layout (no sobre el array plano) para que las filas
+ * parciales del final de cada categoría y los headers intercalados se comporten
+ * como los ve el usuario: bajar desde una fila corta cae en la última celda de
+ * la fila de abajo, y los headers se saltan solos.
+ */
+function moveActive(rows, positions, activeIndex, key) {
+    const flat = [];
+    for (const row of rows)
+        if (row.kind === 'emoji')
+            for (const e of row.entries)
+                flat.push(e.index);
+    if (flat.length === 0)
+        return -1;
+    if (activeIndex < 0 || !positions.has(activeIndex)) {
+        return key === 'ArrowUp' || key === 'End' || key === 'PageUp' ? flat[flat.length - 1] : flat[0];
+    }
+    const at = positions.get(activeIndex);
+    if (key === 'ArrowRight' || key === 'ArrowLeft') {
+        const linear = flat.indexOf(activeIndex);
+        const next = linear + (key === 'ArrowRight' ? 1 : -1);
+        return next < 0 || next >= flat.length ? activeIndex : flat[next];
+    }
+    if (key === 'Home')
+        return flat[0];
+    if (key === 'End')
+        return flat[flat.length - 1];
+    const step = key === 'ArrowDown' ? 1 : key === 'ArrowUp' ? -1 : key === 'PageDown' ? PAGE_ROWS : -PAGE_ROWS;
+    return seekRow(rows, at, step, activeIndex);
+}
+/** Busca la celda más cercana a `col` avanzando de a `step` filas, saltando
+ *  headers. Devuelve `fallback` si no hay ninguna fila de grilla en esa
+ *  dirección (ya estás en el borde). */
+function seekRow(rows, at, step, fallback) {
+    const dir = step > 0 ? 1 : -1;
+    let remaining = Math.abs(step);
+    let r = at.row;
+    let last = fallback;
+    while (remaining > 0) {
+        r += dir;
+        while (r >= 0 && r < rows.length && rows[r].kind !== 'emoji')
+            r += dir;
+        if (r < 0 || r >= rows.length)
+            break;
+        const row = rows[r];
+        last = row.entries[Math.min(at.col, row.entries.length - 1)].index;
+        remaining--;
+    }
+    return last;
+}
+const coEmojiPickerCss = () => `:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body)}.co-emoji-picker{--co-emoji-picker-cell:36px;--co-emoji-picker-columns:8;display:flex;flex-direction:column;width:calc(var(--co-emoji-picker-columns) * var(--co-emoji-picker-cell) + 2 * var(--co-spacing-sm2));box-sizing:border-box;background:var(--co-semantic-surface-page);color:var(--co-semantic-text-default)}.co-emoji-picker__search{display:flex;align-items:center;gap:var(--co-spacing-sm);margin:var(--co-spacing-sm2) var(--co-spacing-sm2) 0;padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);box-sizing:border-box;color:var(--co-semantic-text-muted);transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out),     box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-emoji-picker__search:focus-within{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-emoji-picker__input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--co-font-size-14);color:var(--co-semantic-text-default);padding:var(--co-spacing-xxs) 0}.co-emoji-picker__input::placeholder{color:var(--co-semantic-text-muted)}.co-emoji-picker__tones{position:relative;display:flex;align-items:center;flex-shrink:0}.co-emoji-picker__tone-toggle,.co-emoji-picker__tone{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;border-radius:var(--co-border-radius-xxs);font-size:var(--co-font-size-14);line-height:1;cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-emoji-picker__tone-toggle:hover,.co-emoji-picker__tone:hover{background:var(--co-semantic-surface-hover)}.co-emoji-picker__tone-toggle:focus-visible,.co-emoji-picker__tone:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-emoji-picker__tone--selected{background:var(--co-semantic-surface-secondary)}.co-emoji-picker__tone-row{position:absolute;top:calc(100% + var(--co-spacing-xs));right:0;z-index:1;display:flex;align-items:center;gap:var(--co-spacing-xxs);padding:var(--co-spacing-xxs);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);box-shadow:var(--co-shadow-lg)}.co-emoji-picker__categories{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-xxs);padding:var(--co-spacing-sm2) var(--co-spacing-sm2) var(--co-spacing-xs)}.co-emoji-picker__category{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:28px;padding:0;border:none;background:transparent;border-radius:var(--co-border-radius-xxs);color:var(--co-semantic-text-muted);cursor:pointer;transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out),     background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-emoji-picker__category:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-emoji-picker__category--active{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-secondary)}.co-emoji-picker__category:focus-visible{outline:none;color:var(--co-semantic-text-default);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-emoji-picker__scroll{position:relative;height:var(--co-emoji-picker-height, calc(8 * var(--co-emoji-picker-cell)));overflow-y:auto;overflow-x:hidden;padding:0 var(--co-spacing-sm2);box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--co-semantic-border-default) transparent;outline:none}.co-emoji-picker__scroll::-webkit-scrollbar{width:8px}.co-emoji-picker__scroll::-webkit-scrollbar-thumb{background:var(--co-semantic-border-default);border-radius:var(--co-border-radius-full)}.co-emoji-picker__scroll::-webkit-scrollbar-track{background:transparent}.co-emoji-picker__sizer{position:relative;width:100%}.co-emoji-picker__window{position:absolute;top:0;left:0;width:100%;will-change:transform}.co-emoji-picker__section{display:flex;align-items:flex-end;height:var(--co-emoji-picker-cell);padding-bottom:var(--co-spacing-xs);box-sizing:border-box;font-size:var(--co-font-size-11);font-weight:500;text-transform:uppercase;letter-spacing:var(--co-font-letter-spacing-caption, normal);color:var(--co-semantic-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-emoji-picker__row{display:flex;height:var(--co-emoji-picker-cell)}.co-emoji-picker__cell{display:flex;align-items:center;justify-content:center;width:var(--co-emoji-picker-cell);height:var(--co-emoji-picker-cell);flex:0 0 var(--co-emoji-picker-cell);padding:0;border:none;background:transparent;border-radius:var(--co-border-radius-xxs);cursor:pointer;transition:background var(--co-motion-duration-instant) var(--co-motion-ease-out),     transform var(--co-motion-duration-instant) var(--co-motion-ease-out)}.co-emoji-picker__cell:hover,.co-emoji-picker__cell--active{background:var(--co-semantic-surface-hover)}.co-emoji-picker__cell:focus-visible{outline:none;background:var(--co-semantic-surface-hover);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-emoji-picker__cell:active{transform:scale(0.92)}.co-emoji-picker__glyph{font-family:var(     --co-font-family-emoji,     'Apple Color Emoji',     'Segoe UI Emoji',     'Noto Color Emoji',     'Segoe UI Symbol',     sans-serif   );font-size:var(--co-font-size-22);line-height:1;display:block}.co-emoji-picker__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-sm);height:100%;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-13);text-align:center}`;
+const NAV_KEYS = [
+    'ArrowRight', 'ArrowLeft', 'ArrowDown', 'ArrowUp', 'Home', 'End', 'PageDown', 'PageUp',
+];
+const CoEmojiPicker = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.coSelect = createEvent(this, "coSelect", 1);
+        this.coSkinToneChange = createEvent(this, "coSkinToneChange", 1);
+        this.coClose = createEvent(this, "coClose", 1);
+        /** Placeholder del buscador. Vacío = el del `locale`. */
+        this.searchPlaceholder = '';
+        /** Mensaje de "sin resultados". Vacío = el del `locale`. */
+        this.emptyMessage = '';
+        /** aria-label del panel. Vacío = el del `locale`. */
+        this.label = '';
+        /** Muestra el buscador. */
+        this.searchable = true;
+        /** Muestra el strip de categorías. */
+        this.showCategories = true;
+        /** Columnas de la grilla. */
+        this.columns = 8;
+        /**
+         * Tono de piel aplicado a toda la grilla: `''` (por defecto) | `'light'` |
+         * `'medium-light'` | `'medium'` | `'medium-dark'` | `'dark'`.
+         *
+         * Es `mutable`: el componente la actualiza al elegir un tono para que funcione
+         * suelto, y emite `coSkinToneChange`. La PERSISTENCIA es del consumidor —
+         * Cobalt no escribe storage (ver el comentario de `recent`).
+         */
+        this.skinTone = '';
+        /**
+         * Emoji usados recientemente, del más nuevo al más viejo. Se pintan como una
+         * categoría propia al tope de la grilla; con la lista vacía la categoría no
+         * existe (ni fila, ni header, ni botón en el strip).
+         *
+         * El historial lo posee el CONSUMIDOR, igual que el tono. Ningún componente de
+         * Cobalt escribe `localStorage`: el design system no conoce el scope de la
+         * preferencia (¿por usuario? ¿por workspace? ¿sincronizada al backend?) y
+         * escribir por su cuenta le impondría esa decisión a toda la suite. El
+         * consumidor recibe `coSelect` y actualiza esta prop; `pushRecent()` de
+         * `emojiPickerLogic` implementa la política MRU si no la quiere reescribir.
+         *
+         * Es RECIENTES (orden temporal), no "frecuentes" (por conteo): lo último que
+         * usaste queda primero, sin contadores que se calcifiquen arriba con el uso.
+         */
+        this.recent = [];
+        /** Tope de emoji recientes mostrados. */
+        this.recentLimit = 16;
+        this.term = '';
+        this.activeIndex = -1;
+        this.scrollTop = 0;
+        this.viewportHeight = ROW_HEIGHT * 8;
+        /** Nombres localizados, o null mientras carga / si el locale no tiene pack. */
+        this.localeNames = null;
+        /** Fila de tonos desplegada. */
+        this.toneOpen = false;
+        /** Descarta un pack que llegó tarde tras cambiar de locale. */
+        this.localeToken = 0;
+        /** Evita que el foco vuelva al toggle si el cierre vino de un click afuera. */
+        this.restoreToneFocus = false;
+        /** Memo del layout — ver el getter `view`. */
+        this.viewCache = null;
+        /** Manda el foco al tono activo en el render que sigue a abrir la fila. */
+        this.pendingToneFocus = false;
+        // ── Interacción ───────────────────────────────────────────
+        this.handleInput = (e) => {
+            this.term = e.target.value;
+            // La grilla cambia por completo: el activo viejo ya no existe.
+            this.activeIndex = -1;
+            this.scrollTop = 0;
+            if (this.scrollEl)
+                this.scrollEl.scrollTop = 0;
+        };
+        this.handleKeyDown = (e) => {
+            if (e.key === 'Escape') {
+                e.preventDefault();
+                // Escape acota: la fila de tonos abierta se cierra primero, después la
+                // búsqueda, y recién con todo limpio se le avisa al host.
+                if (this.toneOpen) {
+                    this.restoreToneFocus = true;
+                    this.toneOpen = false;
+                }
+                else if (this.term) {
+                    this.term = '';
+                    this.activeIndex = -1;
+                }
+                else {
+                    this.coClose.emit();
+                }
+                return;
+            }
+            if (e.key === 'Enter' || e.key === ' ') {
+                const entry = this.view.entries.find((x) => x.index === this.activeIndex);
+                // Space sin celda activa es un espacio legítimo dentro del buscador.
+                if (!entry)
+                    return;
+                e.preventDefault();
+                this.select(entry);
+                return;
+            }
+            if (!NAV_KEYS.includes(e.key))
+                return;
+            const rows = this.rows;
+            const next = moveActive(rows, buildPositionMap(rows), this.activeIndex, e.key);
+            if (next < 0)
+                return;
+            e.preventDefault();
+            this.activeIndex = next;
+            this.scrollActiveIntoView(rows, next);
+        };
+        this.handleScroll = () => {
+            if (this.scrollEl)
+                this.scrollTop = this.scrollEl.scrollTop;
+        };
+        // ── Tono de piel ──────────────────────────────────────────
+        this.toggleTones = () => {
+            this.toneOpen = !this.toneOpen;
+            if (this.toneOpen)
+                this.pendingToneFocus = true;
+        };
+        /** Teclado de la fila de tonos: flechas entre opciones, Escape vuelve al
+         *  toggle. Corta la propagación porque el panel entero escucha keydown para
+         *  navegar la grilla — sin esto, una flecha acá también movería la selección. */
+        this.handleToneKeyDown = (e, i) => {
+            var _a;
+            const keys = ['ArrowRight', 'ArrowLeft', 'ArrowDown', 'ArrowUp', 'Home', 'End', 'Escape'];
+            if (!keys.includes(e.key))
+                return;
+            e.preventDefault();
+            e.stopPropagation();
+            if (e.key === 'Escape') {
+                this.restoreToneFocus = true;
+                this.toneOpen = false;
+                return;
+            }
+            const last = SKIN_TONE_KEYS.length - 1;
+            const next = e.key === 'Home' ? 0
+                : e.key === 'End' ? last
+                    : e.key === 'ArrowRight' || e.key === 'ArrowDown' ? Math.min(last, i + 1)
+                        : Math.max(0, i - 1);
+            const el = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`[data-tone-index="${next}"]`);
+            el === null || el === void 0 ? void 0 : el.focus();
+        };
+        this.jumpToCategory = (category) => {
+            var _a;
+            // El strip navega el dataset completo; con una búsqueda activa hay que
+            // volver a idle o la categoría podría no estar en los resultados.
+            if (this.term) {
+                this.term = '';
+                this.activeIndex = -1;
+            }
+            // Las filas se recalculan con el término ya limpio.
+            const row = categoryRowStarts(this.rows).get(category);
+            if (row === undefined || !this.scrollEl)
+                return;
+            this.scrollEl.scrollTop = row * ROW_HEIGHT;
+            this.scrollTop = row * ROW_HEIGHT;
+            (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
+        };
+    }
+    // ── Ciclo de vida ─────────────────────────────────────────
+    componentWillLoad() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        // Semilla explícita del estado (mismo patrón que co-option-list, que
+        // asigna `this.term` acá en vez de confiar en el inicializador de campo).
+        // El entorno de spec de @stencil/vitest NO aplica los inicializadores de
+        // los miembros decorados —ni de @State ni de los defaults de @Prop—, así
+        // que sin esto el primer render ve `undefined`. En el build real es una
+        // reasignación inocua.
+        (_a = this.term) !== null && _a !== void 0 ? _a : (this.term = '');
+        (_b = this.activeIndex) !== null && _b !== void 0 ? _b : (this.activeIndex = -1);
+        (_c = this.scrollTop) !== null && _c !== void 0 ? _c : (this.scrollTop = 0);
+        (_d = this.viewportHeight) !== null && _d !== void 0 ? _d : (this.viewportHeight = ROW_HEIGHT * 8);
+        (_e = this.toneOpen) !== null && _e !== void 0 ? _e : (this.toneOpen = false);
+        (_f = this.skinTone) !== null && _f !== void 0 ? _f : (this.skinTone = '');
+        (_g = this.recentLimit) !== null && _g !== void 0 ? _g : (this.recentLimit = 16);
+        this.syncLocaleNames();
+    }
+    componentDidLoad() {
+        this.measureViewport();
+        if (typeof ResizeObserver !== 'undefined' && this.scrollEl) {
+            this.resizeObserver = new ResizeObserver(() => this.measureViewport());
+            this.resizeObserver.observe(this.scrollEl);
+        }
+    }
+    componentDidRender() {
+        var _a, _b, _c;
+        // El foco sigue a la fila de tonos: al abrir va al tono activo, al cerrar
+        // vuelve al toggle. Sin esto, cerrar con Escape deja el foco en un botón
+        // que ya no está en el DOM y el navegador lo manda al <body>.
+        if (this.toneOpen && this.pendingToneFocus) {
+            this.pendingToneFocus = false;
+            const i = Math.max(0, SKIN_TONE_KEYS.indexOf(this.skinTone));
+            (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`[data-tone-index="${i}"]`)) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+        else if (!this.toneOpen && this.restoreToneFocus) {
+            this.restoreToneFocus = false;
+            (_c = this.toneToggleEl) === null || _c === void 0 ? void 0 : _c.focus();
+        }
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.resizeObserver = undefined;
+    }
+    onLocaleChange() {
+        this.syncLocaleNames();
+    }
+    /** Carga (o descarta) el pack de nombres del locale activo. */
+    syncLocaleNames() {
+        const lang = langFromLocale(this.locale);
+        const token = ++this.localeToken;
+        // Hasta que el pack llegue (o si no hay), los nombres son los ingleses.
+        this.localeNames = null;
+        if (!hasLocalePack(lang))
+            return;
+        loadLocaleNames(lang).then((names) => {
+            // Otro cambio de locale ganó la carrera → el pack viejo se descarta.
+            if (token === this.localeToken)
+                this.localeNames = names;
+        });
+    }
+    measureViewport() {
+        var _a;
+        const h = (_a = this.scrollEl) === null || _a === void 0 ? void 0 : _a.clientHeight;
+        if (h && h !== this.viewportHeight)
+            this.viewportHeight = h;
+    }
+    // ── Derivados ─────────────────────────────────────────────
+    get strings() {
+        return getEmojiStrings(this.locale);
+    }
+    get grouped() {
+        return !this.term.trim();
+    }
+    /** Modificador Unicode del tono activo ('' = por defecto). */
+    get tone() {
+        return toneFromKey(this.skinTone);
+    }
+    /**
+     * Entradas + layout de la vista actual, memoizados.
+     *
+     * `render()` corre en CADA tick de scroll (handleScroll escribe scrollTop), y
+     * rearmar el layout ahí significaba recorrer los 1906 emoji y construir ~240
+     * objetos de fila por frame. La clave cubre todo lo que cambia el layout; el
+     * tono NO entra: solo afecta el glifo que pinta la celda, no su posición.
+     */
+    get view() {
+        var _a;
+        const grouped = this.grouped;
+        const recentEntries = grouped ? buildRecentEntries(this.recent, this.recentLimit) : [];
+        const key = [
+            this.term,
+            this.columns,
+            this.localeToken,
+            this.localeNames ? 1 : 0,
+            recentEntries.map((e) => e.char).join(''),
+        ].join('\u0000');
+        if (((_a = this.viewCache) === null || _a === void 0 ? void 0 : _a.key) === key)
+            return this.viewCache;
+        const entries = grouped
+            ? [...recentEntries, ...getEmojiEntries()]
+            : searchEmojis(getEmojiEntries(), this.term, this.localeNames);
+        const rows = layoutRows(entries, this.columns, grouped);
+        this.viewCache = { key, entries, rows };
+        return this.viewCache;
+    }
+    get rows() {
+        return this.view.rows;
+    }
+    /** Mantiene la celda activa dentro del viewport virtualizado. Se hace con
+     *  matemática de filas y no con `scrollIntoView`: la celda puede no estar
+     *  montada todavía (está fuera de la ventana virtual). */
+    scrollActiveIntoView(rows, index) {
+        const pos = buildPositionMap(rows).get(index);
+        if (!pos || !this.scrollEl)
+            return;
+        const top = pos.row * ROW_HEIGHT;
+        const bottom = top + ROW_HEIGHT;
+        const view = this.scrollEl.scrollTop;
+        if (top < view)
+            this.scrollEl.scrollTop = top;
+        else if (bottom > view + this.viewportHeight)
+            this.scrollEl.scrollTop = bottom - this.viewportHeight;
+    }
+    select(entry) {
+        this.coSelect.emit({
+            emoji: this.charOf(entry),
+            name: displayName(entry, this.localeNames),
+        });
+    }
+    /** Glifo final de una entrada: el tono activo aplicado si lo soporta. Las
+     *  entradas de recientes ya vienen resueltas (tone '0') y salen tal cual. */
+    charOf(entry) {
+        return applySkinTone(entry.char, entry.tone, this.tone);
+    }
+    chooseTone(key) {
+        if (key !== this.skinTone) {
+            this.skinTone = key;
+            this.coSkinToneChange.emit({ skinTone: key });
+        }
+        this.restoreToneFocus = true;
+        this.toneOpen = false;
+    }
+    // ── Render ────────────────────────────────────────────────
+    renderCell(entry, fallbackTabIndex) {
+        const active = entry.index === this.activeIndex;
+        const name = displayName(entry, this.localeNames);
+        // Roving tabindex: UNA sola celda tabbable. Con activo, esa; sin activo, la
+        // primera de la grilla (`fallbackTabIndex`) — no todas las montadas, o la
+        // grilla metería ~100 paradas de tab en el recorrido de la página.
+        const tabbable = this.searchable
+            ? false
+            : active || (this.activeIndex < 0 && entry.index === fallbackTabIndex);
+        return (h("button", { type: "button", key: entry.index, id: CoEmojiPicker.cellId(entry.index), class: { 'co-emoji-picker__cell': true, 'co-emoji-picker__cell--active': active }, role: "option", "aria-selected": active ? 'true' : 'false', "aria-label": name, title: name,
+            // El foco vive en el buscador (patrón combobox + aria-activedescendant);
+            // sin buscador la grilla toma roving tabindex para seguir siendo operable.
+            tabIndex: tabbable ? 0 : -1, onFocus: () => {
+                if (!this.searchable)
+                    this.activeIndex = entry.index;
+            },
+            // El hover se resalta SOLO por CSS (:hover). Escribirlo a @State
+            // re-renderizaba la ventana entera (~100 botones) en cada mousemove, y
+            // además ensuciaba aria-activedescendant, que debe seguir al teclado.
+            onClick: () => this.select(entry) }, h("span", { class: "co-emoji-picker__glyph", "aria-hidden": "true" }, this.charOf(entry))));
+    }
+    /** Botón de tono + fila desplegable. La fila es un `radiogroup` con roving
+     *  tabindex: una sola parada de tab, flechas para moverse. */
+    renderTones() {
+        var _a;
+        const s = this.strings;
+        const current = Math.max(0, SKIN_TONE_KEYS.indexOf(this.skinTone));
+        const currentName = (_a = s.skinTones[current]) !== null && _a !== void 0 ? _a : '';
+        return (h("div", { class: "co-emoji-picker__tones", part: "tones" }, h("button", { type: "button", class: "co-emoji-picker__tone-toggle", "aria-label": `${s.skinToneLabel}: ${currentName}`, "aria-expanded": this.toneOpen ? 'true' : 'false', "aria-haspopup": "true", title: s.skinToneLabel, ref: (el) => (this.toneToggleEl = el), onClick: this.toggleTones }, h("span", { "aria-hidden": "true" }, applySkinTone('\u{270B}', '1', this.tone))), this.toneOpen && (h("div", { class: "co-emoji-picker__tone-row", role: "radiogroup", "aria-label": s.skinToneLabel }, SKIN_TONE_KEYS.map((key, i) => {
+            var _a, _b;
+            const selected = key === this.skinTone;
+            return (h("button", { type: "button", key: key || 'default', "data-tone-index": i, class: {
+                    'co-emoji-picker__tone': true,
+                    'co-emoji-picker__tone--selected': selected,
+                }, role: "radio", "aria-checked": selected ? 'true' : 'false', "aria-label": (_a = s.skinTones[i]) !== null && _a !== void 0 ? _a : key, title: (_b = s.skinTones[i]) !== null && _b !== void 0 ? _b : key, tabIndex: selected ? 0 : -1, onKeyDown: (e) => this.handleToneKeyDown(e, i), onClick: () => this.chooseTone(key) }, h("span", { "aria-hidden": "true" }, applySkinTone('\u{270B}', '1', toneFromKey(key)))));
+        })))));
+    }
+    renderRows(rows) {
+        const { totalHeight, start, end, offsetY } = virtualSlice(this.scrollTop, this.viewportHeight, rows.length);
+        const { categories } = this.strings;
+        // Primera celda del layout COMPLETO (no de la ventana): es la que sostiene
+        // el tab-stop mientras no haya celda activa.
+        const firstRow = rows.find((r) => r.kind === 'emoji');
+        const firstIndex = (firstRow === null || firstRow === void 0 ? void 0 : firstRow.kind) === 'emoji' ? firstRow.entries[0].index : -1;
+        return (h("div", { class: "co-emoji-picker__sizer", style: { height: `${totalHeight}px` } }, h("div", { class: "co-emoji-picker__window", style: { transform: `translateY(${offsetY}px)` } }, rows.slice(start, end).map((row, i) => {
+            var _a;
+            return row.kind === 'header' ? (h("div", { class: "co-emoji-picker__section", key: `h-${start + i}`, role: "presentation" }, (_a = categories[row.category]) !== null && _a !== void 0 ? _a : row.category)) : (h("div", { class: "co-emoji-picker__row", key: `r-${start + i}`, role: "presentation" }, row.entries.map((entry) => this.renderCell(entry, firstIndex))));
+        }))));
+    }
+    render() {
+        const s = this.strings;
+        const rows = this.rows;
+        const isEmpty = rows.length === 0;
+        const activeCategory = this.grouped
+            ? categoryAtRow(rows, Math.floor(this.scrollTop / ROW_HEIGHT))
+            : null;
+        const activeCellId = this.activeIndex >= 0 ? CoEmojiPicker.cellId(this.activeIndex) : undefined;
+        // La categoría de recientes solo existe si hay historial que mostrar: con la
+        // lista vacía no hay botón fantasma en el strip ni hueco en la grilla. Se
+        // decide sobre la prop cruda y no sobre la vista, así el strip no cambia de
+        // ancho al empezar a buscar (saltar a una categoría ya limpia la búsqueda).
+        const hasRecent = buildRecentEntries(this.recent, this.recentLimit).length > 0;
+        const stripCategories = hasRecent
+            ? [RECENT_CATEGORY, ...EMOJI_CATEGORIES]
+            : [...EMOJI_CATEGORIES];
+        return (h("div", { key: '7f3da124283afb57ac05c388746d07a7f63a0eca', class: "co-emoji-picker", part: "panel", role: "group", "aria-label": this.label || s.pickerLabel, style: { '--co-emoji-picker-columns': String(Math.max(1, this.columns)) }, onKeyDown: this.handleKeyDown }, this.searchable && (h("div", { key: 'eb4efeeed738dc094f155bc7bdc907e3075c2dad', class: "co-emoji-picker__search", part: "search" }, h("co-icon", { key: '042c32db076e3628e9459304f12304c7c3d85ae9', name: "magnifying-glass", size: 16 }), h("input", { key: '21c74e3a55e9b332061e73812cff512807afaabc', class: "co-emoji-picker__input", part: "input", type: "text", value: this.term, placeholder: this.searchPlaceholder || s.searchPlaceholder, onInput: this.handleInput, ref: (el) => (this.inputEl = el), role: "combobox", "aria-expanded": "true", "aria-autocomplete": "list", "aria-controls": CoEmojiPicker.GRID_ID, "aria-activedescendant": activeCellId }), this.renderTones())), this.showCategories && (h("div", { key: '7b08cac53699f975e7f331e91700f6182d208cab', class: "co-emoji-picker__categories", part: "categories", "aria-label": s.categoriesLabel }, !this.searchable && this.renderTones(), stripCategories.map((category) => {
+            var _a, _b;
+            const name = (_a = s.categories[category]) !== null && _a !== void 0 ? _a : category;
+            return (h("button", { type: "button", key: category, class: {
+                    'co-emoji-picker__category': true,
+                    'co-emoji-picker__category--active': category === activeCategory,
+                }, "aria-label": name, "aria-current": category === activeCategory ? 'true' : undefined, title: name, onClick: () => this.jumpToCategory(category) }, h("co-icon", { name: (_b = EMOJI_CATEGORY_ICONS[category]) !== null && _b !== void 0 ? _b : 'circle', size: 16 })));
+        }))), h("div", { key: '349078ee46f1833797620c5c97da23807b7db384', class: "co-emoji-picker__scroll", part: "grid", id: CoEmojiPicker.GRID_ID, role: "listbox", "aria-label": s.gridLabel, ref: (el) => (this.scrollEl = el), onScroll: this.handleScroll }, isEmpty ? (h("div", { class: "co-emoji-picker__empty" }, h("co-icon", { name: "magnifying-glass", size: 20 }), h("span", null, this.emptyMessage || s.emptyMessage))) : (this.renderRows(rows)))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "locale": [{
+                "onLocaleChange": 0
+            }]
+    }; }
+};
+/**
+ * Ids del shadow root de ESTA instancia (constantes, no aleatorios: los
+ * shadow roots no comparten espacio de ids). El input los referencia con
+ * aria-controls/aria-activedescendant, ambos dentro del mismo root — que es
+ * la razón por la que este patrón SÍ funciona acá y no en co-command-search,
+ * donde la lista vive en otro shadow root.
+ */
+CoEmojiPicker.GRID_ID = 'co-emoji-grid';
+CoEmojiPicker.cellId = (index) => `co-emoji-cell-${index}`;
+CoEmojiPicker.style = coEmojiPickerCss();
+export { CoEmojiPicker as co_emoji_picker };