@prolibu-suite/cobalt-core 0.9.0 → 0.9.2

package/dist/cjs/co-emoji-picker.cjs.entry.js

@@ -0,0 +1,2808 @@
+'use strict';
+
+var index = require('./index-DK-2Lzmf.js');
+var dateI18n = require('./dateI18n-wblvKRq_.js');
+var normalizeText = require('./normalizeText-B-v-XPKf.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[dateI18n.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: () => Promise.resolve().then(function () { return require('./emojiNames.es-BjpSEJ0c.js'); }),
+    pt: () => Promise.resolve().then(function () { return require('./emojiNames.pt-DWupaZMJ.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 normalizeText.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) {
+        index.registerInstance(this, hostRef);
+        this.coSelect = index.createEvent(this, "coSelect", 1);
+        this.coSkinToneChange = index.createEvent(this, "coSkinToneChange", 1);
+        this.coClose = index.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 = dateI18n.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 (index.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) }, index.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 (index.h("div", { class: "co-emoji-picker__tones", part: "tones" }, index.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 }, index.h("span", { "aria-hidden": "true" }, applySkinTone('\u{270B}', '1', this.tone))), this.toneOpen && (index.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 (index.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) }, index.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 (index.h("div", { class: "co-emoji-picker__sizer", style: { height: `${totalHeight}px` } }, index.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' ? (index.h("div", { class: "co-emoji-picker__section", key: `h-${start + i}`, role: "presentation" }, (_a = categories[row.category]) !== null && _a !== void 0 ? _a : row.category)) : (index.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 (index.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 && (index.h("div", { key: 'eb4efeeed738dc094f155bc7bdc907e3075c2dad', class: "co-emoji-picker__search", part: "search" }, index.h("co-icon", { key: '042c32db076e3628e9459304f12304c7c3d85ae9', name: "magnifying-glass", size: 16 }), index.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 && (index.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 (index.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) }, index.h("co-icon", { name: (_b = EMOJI_CATEGORY_ICONS[category]) !== null && _b !== void 0 ? _b : 'circle', size: 16 })));
+        }))), index.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 ? (index.h("div", { class: "co-emoji-picker__empty" }, index.h("co-icon", { name: "magnifying-glass", size: 20 }), index.h("span", null, this.emptyMessage || s.emptyMessage))) : (this.renderRows(rows)))));
+    }
+    get el() { return index.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();
+
+exports.co_emoji_picker = CoEmojiPicker;