emoji-picker-react 4.6.6 → 4.6.7

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.
@@ -2,7 +2,6 @@ import React__default, { useRef, createElement, createContext, createRef, useCon
2
2
  import { createSheet, cx } from 'flairup';
3
3
 
4
4
  var ClassNames;
5
-
6
5
  (function (ClassNames) {
7
6
  ClassNames["hiddenOnSearch"] = "epr-hidden-on-search";
8
7
  ClassNames["searchActive"] = "epr-search-active";
@@ -25,12 +24,10 @@ var ClassNames;
25
24
  ClassNames["darkTheme"] = "epr-dark-theme";
26
25
  ClassNames["autoTheme"] = "epr-auto-theme";
27
26
  })(ClassNames || (ClassNames = {}));
28
-
29
27
  function asSelectors() {
30
28
  for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
31
29
  classNames[_key] = arguments[_key];
32
30
  }
33
-
34
31
  return classNames.map(function (c) {
35
32
  return "." + c;
36
33
  }).join('');
@@ -57,7 +54,6 @@ function focusElement(element) {
57
54
  if (!element) {
58
55
  return;
59
56
  }
60
-
61
57
  requestAnimationFrame(function () {
62
58
  element.focus();
63
59
  });
@@ -108,11 +104,9 @@ var ElementRefContext = /*#__PURE__*/createContext({
108
104
  SkinTonePickerRef: /*#__PURE__*/createRef(),
109
105
  VariationPickerRef: /*#__PURE__*/createRef()
110
106
  });
111
-
112
107
  function useElementRef() {
113
108
  return useContext(ElementRefContext);
114
109
  }
115
-
116
110
  function usePickerMainRef() {
117
111
  return useElementRef()['PickerMainRef'];
118
112
  }
@@ -125,7 +119,6 @@ function useSetAnchoredEmojiRef() {
125
119
  if (target === null && AnchoredEmojiRef.current !== null) {
126
120
  focusElement(AnchoredEmojiRef.current);
127
121
  }
128
-
129
122
  AnchoredEmojiRef.current = target;
130
123
  };
131
124
  }
@@ -149,26 +142,21 @@ function _extends() {
149
142
  _extends = Object.assign ? Object.assign.bind() : function (target) {
150
143
  for (var i = 1; i < arguments.length; i++) {
151
144
  var source = arguments[i];
152
-
153
145
  for (var key in source) {
154
146
  if (Object.prototype.hasOwnProperty.call(source, key)) {
155
147
  target[key] = source[key];
156
148
  }
157
149
  }
158
150
  }
159
-
160
151
  return target;
161
152
  };
162
153
  return _extends.apply(this, arguments);
163
154
  }
164
-
165
155
  function _inheritsLoose(subClass, superClass) {
166
156
  subClass.prototype = Object.create(superClass.prototype);
167
157
  subClass.prototype.constructor = subClass;
168
-
169
158
  _setPrototypeOf(subClass, superClass);
170
159
  }
171
-
172
160
  function _setPrototypeOf(o, p) {
173
161
  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
174
162
  o.__proto__ = p;
@@ -176,22 +164,18 @@ function _setPrototypeOf(o, p) {
176
164
  };
177
165
  return _setPrototypeOf(o, p);
178
166
  }
179
-
180
167
  function _objectWithoutPropertiesLoose(source, excluded) {
181
168
  if (source == null) return {};
182
169
  var target = {};
183
170
  var sourceKeys = Object.keys(source);
184
171
  var key, i;
185
-
186
172
  for (i = 0; i < sourceKeys.length; i++) {
187
173
  key = sourceKeys[i];
188
174
  if (excluded.indexOf(key) >= 0) continue;
189
175
  target[key] = source[key];
190
176
  }
191
-
192
177
  return target;
193
178
  }
194
-
195
179
  function _unsupportedIterableToArray(o, minLen) {
196
180
  if (!o) return;
197
181
  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -200,19 +184,14 @@ function _unsupportedIterableToArray(o, minLen) {
200
184
  if (n === "Map" || n === "Set") return Array.from(o);
201
185
  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
202
186
  }
203
-
204
187
  function _arrayLikeToArray(arr, len) {
205
188
  if (len == null || len > arr.length) len = arr.length;
206
-
207
189
  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
208
-
209
190
  return arr2;
210
191
  }
211
-
212
192
  function _createForOfIteratorHelperLoose(o, allowArrayLike) {
213
193
  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
214
194
  if (it) return (it = it.call(o)).next.bind(it);
215
-
216
195
  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
217
196
  if (it) o = it;
218
197
  var i = 0;
@@ -226,19 +205,15 @@ function _createForOfIteratorHelperLoose(o, allowArrayLike) {
226
205
  };
227
206
  };
228
207
  }
229
-
230
208
  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
231
209
  }
232
210
 
233
211
  var SuggestionMode;
234
-
235
212
  (function (SuggestionMode) {
236
213
  SuggestionMode["RECENT"] = "recent";
237
214
  SuggestionMode["FREQUENT"] = "frequent";
238
215
  })(SuggestionMode || (SuggestionMode = {}));
239
-
240
216
  var EmojiStyle;
241
-
242
217
  (function (EmojiStyle) {
243
218
  EmojiStyle["NATIVE"] = "native";
244
219
  EmojiStyle["APPLE"] = "apple";
@@ -246,17 +221,13 @@ var EmojiStyle;
246
221
  EmojiStyle["GOOGLE"] = "google";
247
222
  EmojiStyle["FACEBOOK"] = "facebook";
248
223
  })(EmojiStyle || (EmojiStyle = {}));
249
-
250
224
  var Theme;
251
-
252
225
  (function (Theme) {
253
226
  Theme["DARK"] = "dark";
254
227
  Theme["LIGHT"] = "light";
255
228
  Theme["AUTO"] = "auto";
256
229
  })(Theme || (Theme = {}));
257
-
258
230
  var SkinTones;
259
-
260
231
  (function (SkinTones) {
261
232
  SkinTones["NEUTRAL"] = "neutral";
262
233
  SkinTones["LIGHT"] = "1f3fb";
@@ -265,9 +236,7 @@ var SkinTones;
265
236
  SkinTones["MEDIUM_DARK"] = "1f3fe";
266
237
  SkinTones["DARK"] = "1f3ff";
267
238
  })(SkinTones || (SkinTones = {}));
268
-
269
239
  var Categories;
270
-
271
240
  (function (Categories) {
272
241
  Categories["SUGGESTED"] = "suggested";
273
242
  Categories["CUSTOM"] = "custom";
@@ -280,9 +249,7 @@ var Categories;
280
249
  Categories["SYMBOLS"] = "symbols";
281
250
  Categories["FLAGS"] = "flags";
282
251
  })(Categories || (Categories = {}));
283
-
284
252
  var SkinTonePickerLocation;
285
-
286
253
  (function (SkinTonePickerLocation) {
287
254
  SkinTonePickerLocation["SEARCH"] = "SEARCH";
288
255
  SkinTonePickerLocation["PREVIEW"] = "PREVIEW";
@@ -338,41 +305,31 @@ function categoryNameFromCategoryConfig(category) {
338
305
  }
339
306
  function mergeCategoriesConfig(userCategoriesConfig, modifiers) {
340
307
  var _userCategoriesConfig;
341
-
342
308
  if (userCategoriesConfig === void 0) {
343
309
  userCategoriesConfig = [];
344
310
  }
345
-
346
311
  if (modifiers === void 0) {
347
312
  modifiers = {};
348
313
  }
349
-
350
314
  var extra = {};
351
-
352
315
  if (modifiers.suggestionMode === SuggestionMode.RECENT) {
353
316
  extra[Categories.SUGGESTED] = SuggestedRecent;
354
317
  }
355
-
356
318
  var base = baseCategoriesConfig(extra);
357
-
358
319
  if (!((_userCategoriesConfig = userCategoriesConfig) != null && _userCategoriesConfig.length)) {
359
320
  return base;
360
321
  }
361
-
362
322
  return userCategoriesConfig.map(function (category) {
363
323
  if (typeof category === 'string') {
364
324
  return getBaseConfigByCategory(category, extra[category]);
365
325
  }
366
-
367
326
  return _extends({}, getBaseConfigByCategory(category.category, extra[category.category]), category);
368
327
  });
369
328
  }
370
-
371
329
  function getBaseConfigByCategory(category, modifier) {
372
330
  if (modifier === void 0) {
373
331
  modifier = {};
374
332
  }
375
-
376
333
  return Object.assign(configByCategory[category], modifier);
377
334
  }
378
335
 
@@ -384,13 +341,10 @@ function cdnUrl(emojiStyle) {
384
341
  switch (emojiStyle) {
385
342
  case EmojiStyle.TWITTER:
386
343
  return CDN_URL_TWITTER;
387
-
388
344
  case EmojiStyle.GOOGLE:
389
345
  return CDN_URL_GOOGLE;
390
-
391
346
  case EmojiStyle.FACEBOOK:
392
347
  return CDN_URL_FACEBOOK;
393
-
394
348
  case EmojiStyle.APPLE:
395
349
  default:
396
350
  return CDN_URL_APPLE;
@@ -16723,18 +16677,16 @@ var emojis = {
16723
16677
  var skinToneVariations = [SkinTones.NEUTRAL, SkinTones.LIGHT, SkinTones.MEDIUM_LIGHT, SkinTones.MEDIUM, SkinTones.MEDIUM_DARK, SkinTones.DARK];
16724
16678
  var skinTonesNamed = /*#__PURE__*/Object.entries(SkinTones).reduce(function (acc, _ref) {
16725
16679
  var key = _ref[0],
16726
- value = _ref[1];
16680
+ value = _ref[1];
16727
16681
  acc[value] = key;
16728
16682
  return acc;
16729
16683
  }, {});
16730
16684
  var skinTonesMapped = /*#__PURE__*/skinToneVariations.reduce(function (mapped, skinTone) {
16731
16685
  var _Object$assign;
16732
-
16733
16686
  return Object.assign(mapped, (_Object$assign = {}, _Object$assign[skinTone] = skinTone, _Object$assign));
16734
16687
  }, {});
16735
16688
 
16736
16689
  var EmojiProperties;
16737
-
16738
16690
  (function (EmojiProperties) {
16739
16691
  EmojiProperties["name"] = "n";
16740
16692
  EmojiProperties["unified"] = "u";
@@ -16754,7 +16706,6 @@ function indexEmoji(emoji) {
16754
16706
  var joinedNameString = emojiNames(emoji).flat().join('').toLowerCase().replace(/[^a-zA-Z\d]/g, '').split('');
16755
16707
  joinedNameString.forEach(function (_char) {
16756
16708
  var _alphaNumericEmojiInd;
16757
-
16758
16709
  alphaNumericEmojiIndex[_char] = (_alphaNumericEmojiInd = alphaNumericEmojiIndex[_char]) != null ? _alphaNumericEmojiInd : {};
16759
16710
  alphaNumericEmojiIndex[_char][emojiUnified(emoji)] = emoji;
16760
16711
  });
@@ -16762,7 +16713,6 @@ function indexEmoji(emoji) {
16762
16713
 
16763
16714
  function emojiNames(emoji) {
16764
16715
  var _emoji$EmojiPropertie;
16765
-
16766
16716
  return (_emoji$EmojiPropertie = emoji[EmojiProperties.name]) != null ? _emoji$EmojiPropertie : [];
16767
16717
  }
16768
16718
  function addedIn(emoji) {
@@ -16772,45 +16722,36 @@ function emojiName(emoji) {
16772
16722
  if (!emoji) {
16773
16723
  return '';
16774
16724
  }
16775
-
16776
16725
  return emojiNames(emoji)[0];
16777
16726
  }
16778
16727
  function unifiedWithoutSkinTone(unified) {
16779
16728
  var splat = unified.split('-');
16780
-
16781
16729
  var _splat$splice = splat.splice(1, 1),
16782
- skinTone = _splat$splice[0];
16783
-
16730
+ skinTone = _splat$splice[0];
16784
16731
  if (skinTonesMapped[skinTone]) {
16785
16732
  return splat.join('-');
16786
16733
  }
16787
-
16788
16734
  return unified;
16789
16735
  }
16790
16736
  function emojiUnified(emoji, skinTone) {
16791
16737
  var _emojiVariationUnifie;
16792
-
16793
16738
  var unified = emoji[EmojiProperties.unified];
16794
-
16795
16739
  if (!skinTone || !emojiHasVariations(emoji)) {
16796
16740
  return unified;
16797
16741
  }
16798
-
16799
16742
  return (_emojiVariationUnifie = emojiVariationUnified(emoji, skinTone)) != null ? _emojiVariationUnifie : unified;
16800
16743
  }
16801
16744
  function emojisByCategory(category) {
16802
16745
  var _emojis$category;
16803
-
16804
16746
  // @ts-ignore
16805
16747
  return (_emojis$category = emojis == null ? void 0 : emojis[category]) != null ? _emojis$category : [];
16806
- } // WARNING: DO NOT USE DIRECTLY
16807
-
16748
+ }
16749
+ // WARNING: DO NOT USE DIRECTLY
16808
16750
  function emojiUrlByUnified(unified, emojiStyle) {
16809
16751
  return "" + cdnUrl(emojiStyle) + unified + ".png";
16810
16752
  }
16811
16753
  function emojiVariations(emoji) {
16812
16754
  var _emoji$EmojiPropertie2;
16813
-
16814
16755
  return (_emoji$EmojiPropertie2 = emoji[EmojiProperties.variations]) != null ? _emoji$EmojiPropertie2 : [];
16815
16756
  }
16816
16757
  function emojiHasVariations(emoji) {
@@ -16825,11 +16766,9 @@ function emojiByUnified(unified) {
16825
16766
  if (!unified) {
16826
16767
  return;
16827
16768
  }
16828
-
16829
16769
  if (allEmojisByUnified[unified]) {
16830
16770
  return allEmojisByUnified[unified];
16831
16771
  }
16832
-
16833
16772
  var withoutSkinTone = unifiedWithoutSkinTone(unified);
16834
16773
  return allEmojisByUnified[withoutSkinTone];
16835
16774
  }
@@ -16839,43 +16778,35 @@ function setCustomEmojis(customEmojis) {
16839
16778
  customEmojis.forEach(function (emoji) {
16840
16779
  var emojiData = customToRegularEmoji(emoji);
16841
16780
  emojis[Categories.CUSTOM].push(emojiData);
16842
-
16843
16781
  if (allEmojisByUnified[emojiData[EmojiProperties.unified]]) {
16844
16782
  return;
16845
16783
  }
16846
-
16847
16784
  allEmojis.push(emojiData);
16848
16785
  allEmojisByUnified[emojiData[EmojiProperties.unified]] = emojiData;
16849
16786
  indexEmoji(emojiData);
16850
16787
  });
16851
16788
  }
16852
-
16853
16789
  function customToRegularEmoji(emoji) {
16854
16790
  var _ref;
16855
-
16856
16791
  return _ref = {}, _ref[EmojiProperties.name] = emoji.names.map(function (name) {
16857
16792
  return name.toLowerCase();
16858
16793
  }), _ref[EmojiProperties.unified] = emoji.id.toLowerCase(), _ref[EmojiProperties.added_in] = '0', _ref[EmojiProperties.imgUrl] = emoji.imgUrl, _ref;
16859
16794
  }
16860
-
16861
16795
  var allEmojisByUnified = {};
16862
16796
  setTimeout(function () {
16863
16797
  allEmojis.reduce(function (allEmojis, Emoji) {
16864
16798
  allEmojis[emojiUnified(Emoji)] = Emoji;
16865
-
16866
16799
  if (emojiHasVariations(Emoji)) {
16867
16800
  emojiVariations(Emoji).forEach(function (variation) {
16868
16801
  allEmojis[variation] = Emoji;
16869
16802
  });
16870
16803
  }
16871
-
16872
16804
  return allEmojis;
16873
16805
  }, allEmojisByUnified);
16874
16806
  });
16875
16807
  function activeVariationFromUnified(unified) {
16876
16808
  var _unified$split = unified.split('-'),
16877
- suspectedSkinTone = _unified$split[1];
16878
-
16809
+ suspectedSkinTone = _unified$split[1];
16879
16810
  return skinToneVariations.includes(suspectedSkinTone) ? suspectedSkinTone : null;
16880
16811
  }
16881
16812
 
@@ -16887,11 +16818,9 @@ var SEARCH_RESULTS_ONE_RESULT_FOUND = '1 result' + SEARCH_RESULTS_SUFFIX;
16887
16818
  var SEARCH_RESULTS_MULTIPLE_RESULTS_FOUND = '%n results' + SEARCH_RESULTS_SUFFIX;
16888
16819
  function mergeConfig(userConfig) {
16889
16820
  var _userConfig$previewCo, _config$customEmojis;
16890
-
16891
16821
  if (userConfig === void 0) {
16892
16822
  userConfig = {};
16893
16823
  }
16894
-
16895
16824
  var base = basePickerConfig();
16896
16825
  var previewConfig = Object.assign(base.previewConfig, (_userConfig$previewCo = userConfig.previewConfig) != null ? _userConfig$previewCo : {});
16897
16826
  var config = Object.assign(base, userConfig);
@@ -16941,8 +16870,7 @@ var _excluded = ["children"];
16941
16870
  var ConfigContext = /*#__PURE__*/createContext( /*#__PURE__*/basePickerConfig());
16942
16871
  function PickerConfigProvider(_ref) {
16943
16872
  var children = _ref.children,
16944
- config = _objectWithoutPropertiesLoose(_ref, _excluded);
16945
-
16873
+ config = _objectWithoutPropertiesLoose(_ref, _excluded);
16946
16874
  var mergedConfig = useSetConfig(config);
16947
16875
  return createElement(ConfigContext.Provider, {
16948
16876
  value: mergedConfig
@@ -16950,21 +16878,18 @@ function PickerConfigProvider(_ref) {
16950
16878
  }
16951
16879
  function useSetConfig(config) {
16952
16880
  var _config$customEmojis2;
16953
-
16954
16881
  var _React$useState = useState(function () {
16955
- return mergeConfig(config);
16956
- }),
16957
- mergedConfig = _React$useState[0],
16958
- setMergedConfig = _React$useState[1];
16959
-
16882
+ return mergeConfig(config);
16883
+ }),
16884
+ mergedConfig = _React$useState[0],
16885
+ setMergedConfig = _React$useState[1];
16960
16886
  useEffect(function () {
16961
16887
  var _config$customEmojis, _mergedConfig$customE;
16962
-
16963
16888
  if (((_config$customEmojis = config.customEmojis) == null ? void 0 : _config$customEmojis.length) !== ((_mergedConfig$customE = mergedConfig.customEmojis) == null ? void 0 : _mergedConfig$customE.length)) {
16964
16889
  setMergedConfig(mergeConfig(config));
16965
- } // not gonna...
16890
+ }
16891
+ // not gonna...
16966
16892
  // eslint-disable-next-line react-hooks/exhaustive-deps
16967
-
16968
16893
  }, [(_config$customEmojis2 = config.customEmojis) == null ? void 0 : _config$customEmojis2.length]);
16969
16894
  return mergedConfig;
16970
16895
  }
@@ -16986,98 +16911,82 @@ function useDefineMutableConfig(config) {
16986
16911
  }, [config.onEmojiClick]);
16987
16912
  return MutableConfigRef;
16988
16913
  }
16989
-
16990
16914
  function emptyFunc() {}
16991
16915
 
16992
16916
  function useSearchPlaceHolderConfig() {
16993
16917
  var _find;
16994
-
16995
16918
  var _usePickerConfig = usePickerConfig(),
16996
- searchPlaceHolder = _usePickerConfig.searchPlaceHolder,
16997
- searchPlaceholder = _usePickerConfig.searchPlaceholder;
16998
-
16919
+ searchPlaceHolder = _usePickerConfig.searchPlaceHolder,
16920
+ searchPlaceholder = _usePickerConfig.searchPlaceholder;
16999
16921
  return (_find = [searchPlaceHolder, searchPlaceholder].find(function (p) {
17000
16922
  return p !== DEFAULT_SEARCH_PLACEHOLDER;
17001
16923
  })) != null ? _find : DEFAULT_SEARCH_PLACEHOLDER;
17002
16924
  }
17003
16925
  function useDefaultSkinToneConfig() {
17004
16926
  var _usePickerConfig2 = usePickerConfig(),
17005
- defaultSkinTone = _usePickerConfig2.defaultSkinTone;
17006
-
16927
+ defaultSkinTone = _usePickerConfig2.defaultSkinTone;
17007
16928
  return defaultSkinTone;
17008
16929
  }
17009
16930
  function useSkinTonesDisabledConfig() {
17010
16931
  var _usePickerConfig3 = usePickerConfig(),
17011
- skinTonesDisabled = _usePickerConfig3.skinTonesDisabled;
17012
-
16932
+ skinTonesDisabled = _usePickerConfig3.skinTonesDisabled;
17013
16933
  return skinTonesDisabled;
17014
16934
  }
17015
16935
  function useEmojiStyleConfig() {
17016
16936
  var _usePickerConfig4 = usePickerConfig(),
17017
- emojiStyle = _usePickerConfig4.emojiStyle;
17018
-
16937
+ emojiStyle = _usePickerConfig4.emojiStyle;
17019
16938
  return emojiStyle;
17020
16939
  }
17021
16940
  function useAutoFocusSearchConfig() {
17022
16941
  var _usePickerConfig5 = usePickerConfig(),
17023
- autoFocusSearch = _usePickerConfig5.autoFocusSearch;
17024
-
16942
+ autoFocusSearch = _usePickerConfig5.autoFocusSearch;
17025
16943
  return autoFocusSearch;
17026
16944
  }
17027
16945
  function useCategoriesConfig() {
17028
16946
  var _usePickerConfig6 = usePickerConfig(),
17029
- categories = _usePickerConfig6.categories;
17030
-
16947
+ categories = _usePickerConfig6.categories;
17031
16948
  return categories;
17032
16949
  }
17033
16950
  function useCustomEmojisConfig() {
17034
16951
  var _usePickerConfig7 = usePickerConfig(),
17035
- customEmojis = _usePickerConfig7.customEmojis;
17036
-
16952
+ customEmojis = _usePickerConfig7.customEmojis;
17037
16953
  return customEmojis;
17038
16954
  }
17039
16955
  function useOnEmojiClickConfig() {
17040
16956
  var _useMutableConfig = useMutableConfig(),
17041
- current = _useMutableConfig.current;
17042
-
16957
+ current = _useMutableConfig.current;
17043
16958
  return current.onEmojiClick || function () {};
17044
16959
  }
17045
16960
  function usePreviewConfig() {
17046
16961
  var _usePickerConfig8 = usePickerConfig(),
17047
- previewConfig = _usePickerConfig8.previewConfig;
17048
-
16962
+ previewConfig = _usePickerConfig8.previewConfig;
17049
16963
  return previewConfig;
17050
16964
  }
17051
16965
  function useThemeConfig() {
17052
16966
  var _usePickerConfig9 = usePickerConfig(),
17053
- theme = _usePickerConfig9.theme;
17054
-
16967
+ theme = _usePickerConfig9.theme;
17055
16968
  return theme;
17056
16969
  }
17057
16970
  function useSuggestedEmojisModeConfig() {
17058
16971
  var _usePickerConfig10 = usePickerConfig(),
17059
- suggestedEmojisMode = _usePickerConfig10.suggestedEmojisMode;
17060
-
16972
+ suggestedEmojisMode = _usePickerConfig10.suggestedEmojisMode;
17061
16973
  return suggestedEmojisMode;
17062
16974
  }
17063
16975
  function useLazyLoadEmojisConfig() {
17064
16976
  var _usePickerConfig11 = usePickerConfig(),
17065
- lazyLoadEmojis = _usePickerConfig11.lazyLoadEmojis;
17066
-
16977
+ lazyLoadEmojis = _usePickerConfig11.lazyLoadEmojis;
17067
16978
  return lazyLoadEmojis;
17068
16979
  }
17069
16980
  function useClassNameConfig() {
17070
16981
  var _usePickerConfig12 = usePickerConfig(),
17071
- className = _usePickerConfig12.className;
17072
-
16982
+ className = _usePickerConfig12.className;
17073
16983
  return className;
17074
16984
  }
17075
16985
  function useStyleConfig() {
17076
16986
  var _usePickerConfig13 = usePickerConfig(),
17077
- height = _usePickerConfig13.height,
17078
- width = _usePickerConfig13.width,
17079
- style = _usePickerConfig13.style;
17080
-
16987
+ height = _usePickerConfig13.height,
16988
+ width = _usePickerConfig13.width,
16989
+ style = _usePickerConfig13.style;
17081
16990
  return _extends({
17082
16991
  height: getDimension(height),
17083
16992
  width: getDimension(width)
@@ -17085,47 +16994,38 @@ function useStyleConfig() {
17085
16994
  }
17086
16995
  function useEmojiVersionConfig() {
17087
16996
  var _usePickerConfig14 = usePickerConfig(),
17088
- emojiVersion = _usePickerConfig14.emojiVersion;
17089
-
16997
+ emojiVersion = _usePickerConfig14.emojiVersion;
17090
16998
  return emojiVersion;
17091
16999
  }
17092
17000
  function useSearchDisabledConfig() {
17093
17001
  var _usePickerConfig15 = usePickerConfig(),
17094
- searchDisabled = _usePickerConfig15.searchDisabled;
17095
-
17002
+ searchDisabled = _usePickerConfig15.searchDisabled;
17096
17003
  return searchDisabled;
17097
17004
  }
17098
17005
  function useSkinTonePickerLocationConfig() {
17099
17006
  var _usePickerConfig16 = usePickerConfig(),
17100
- skinTonePickerLocation = _usePickerConfig16.skinTonePickerLocation;
17101
-
17007
+ skinTonePickerLocation = _usePickerConfig16.skinTonePickerLocation;
17102
17008
  return skinTonePickerLocation;
17103
17009
  }
17104
17010
  function useUnicodeToHide() {
17105
17011
  var _usePickerConfig17 = usePickerConfig(),
17106
- unicodeToHide = _usePickerConfig17.unicodeToHide;
17107
-
17012
+ unicodeToHide = _usePickerConfig17.unicodeToHide;
17108
17013
  return unicodeToHide;
17109
17014
  }
17110
17015
  function useGetEmojiUrlConfig() {
17111
17016
  var _usePickerConfig18 = usePickerConfig(),
17112
- getEmojiUrl = _usePickerConfig18.getEmojiUrl;
17113
-
17017
+ getEmojiUrl = _usePickerConfig18.getEmojiUrl;
17114
17018
  return getEmojiUrl;
17115
17019
  }
17116
-
17117
17020
  function getDimension(dimensionConfig) {
17118
17021
  return typeof dimensionConfig === 'number' ? dimensionConfig + "px" : dimensionConfig;
17119
17022
  }
17120
-
17121
17023
  function useSearchResultsConfig(searchResultsCount) {
17122
17024
  var hasResults = searchResultsCount > 0;
17123
17025
  var isPlural = searchResultsCount > 1;
17124
-
17125
17026
  if (hasResults) {
17126
17027
  return isPlural ? SEARCH_RESULTS_MULTIPLE_RESULTS_FOUND.replace('%n', searchResultsCount.toString()) : SEARCH_RESULTS_ONE_RESULT_FOUND;
17127
17028
  }
17128
-
17129
17029
  return SEARCH_RESULTS_NO_RESULTS_FOUND;
17130
17030
  }
17131
17031
 
@@ -17133,28 +17033,22 @@ function useDebouncedState(initialValue, delay) {
17133
17033
  if (delay === void 0) {
17134
17034
  delay = 0;
17135
17035
  }
17136
-
17137
17036
  var _useState = useState(initialValue),
17138
- state = _useState[0],
17139
- setState = _useState[1];
17140
-
17037
+ state = _useState[0],
17038
+ setState = _useState[1];
17141
17039
  var timer = useRef(null);
17142
-
17143
17040
  function debouncedSetState(value) {
17144
17041
  return new Promise(function (resolve) {
17145
17042
  var _window;
17146
-
17147
17043
  if (timer.current) {
17148
17044
  clearTimeout(timer.current);
17149
17045
  }
17150
-
17151
17046
  timer.current = (_window = window) == null ? void 0 : _window.setTimeout(function () {
17152
17047
  setState(value);
17153
17048
  resolve(value);
17154
17049
  }, delay);
17155
17050
  });
17156
17051
  }
17157
-
17158
17052
  return [state, debouncedSetState];
17159
17053
  }
17160
17054
 
@@ -17170,16 +17064,13 @@ function useDisallowedEmojis() {
17170
17064
  var emojiVersionConfig = useEmojiVersionConfig();
17171
17065
  return useMemo(function () {
17172
17066
  var emojiVersion = parseFloat("" + emojiVersionConfig);
17173
-
17174
17067
  if (!emojiVersionConfig || Number.isNaN(emojiVersion)) {
17175
17068
  return DisallowedEmojisRef.current;
17176
17069
  }
17177
-
17178
17070
  return allEmojis.reduce(function (disallowedEmojis, emoji) {
17179
17071
  if (addedInNewerVersion(emoji, emojiVersion)) {
17180
17072
  disallowedEmojis[emojiUnified(emoji)] = true;
17181
17073
  }
17182
-
17183
17074
  return disallowedEmojis;
17184
17075
  }, DisallowedEmojisRef.current);
17185
17076
  }, [emojiVersionConfig]);
@@ -17192,7 +17083,6 @@ function useIsEmojiDisallowed() {
17192
17083
  return Boolean(disallowedEmojis[unified] || isUnicodeHidden(unified));
17193
17084
  };
17194
17085
  }
17195
-
17196
17086
  function addedInNewerVersion(emoji, supportedLevel) {
17197
17087
  return addedIn(emoji) > supportedLevel;
17198
17088
  }
@@ -17206,8 +17096,8 @@ function useMarkInitialLoad(dispatch) {
17206
17096
  function PickerContextProvider(_ref) {
17207
17097
  var children = _ref.children;
17208
17098
  var disallowedEmojis = useDisallowedEmojis();
17209
- var defaultSkinTone = useDefaultSkinToneConfig(); // Initialize the filter with the inititial dictionary
17210
-
17099
+ var defaultSkinTone = useDefaultSkinToneConfig();
17100
+ // Initialize the filter with the inititial dictionary
17211
17101
  var filterRef = useRef(alphaNumericEmojiIndex);
17212
17102
  var disallowClickRef = useRef(false);
17213
17103
  var disallowMouseRef = useRef(false);
@@ -17219,11 +17109,9 @@ function PickerContextProvider(_ref) {
17219
17109
  var activeCategoryState = useState(null);
17220
17110
  var emojisThatFailedToLoadState = useState(new Set());
17221
17111
  var emojiVariationPickerState = useState(null);
17222
-
17223
17112
  var _useState = useState(false),
17224
- isPastInitialLoad = _useState[0],
17225
- setIsPastInitialLoad = _useState[1];
17226
-
17113
+ isPastInitialLoad = _useState[0],
17114
+ setIsPastInitialLoad = _useState[1];
17227
17115
  useMarkInitialLoad(setIsPastInitialLoad);
17228
17116
  return createElement(PickerContext.Provider, {
17229
17117
  value: {
@@ -17270,64 +17158,54 @@ var PickerContext = /*#__PURE__*/createContext({
17270
17158
  });
17271
17159
  function useFilterRef() {
17272
17160
  var _React$useContext = useContext(PickerContext),
17273
- filterRef = _React$useContext.filterRef;
17274
-
17161
+ filterRef = _React$useContext.filterRef;
17275
17162
  return filterRef;
17276
17163
  }
17277
17164
  function useDisallowClickRef() {
17278
17165
  var _React$useContext2 = useContext(PickerContext),
17279
- disallowClickRef = _React$useContext2.disallowClickRef;
17280
-
17166
+ disallowClickRef = _React$useContext2.disallowClickRef;
17281
17167
  return disallowClickRef;
17282
17168
  }
17283
17169
  function useDisallowMouseRef() {
17284
17170
  var _React$useContext3 = useContext(PickerContext),
17285
- disallowMouseRef = _React$useContext3.disallowMouseRef;
17286
-
17171
+ disallowMouseRef = _React$useContext3.disallowMouseRef;
17287
17172
  return disallowMouseRef;
17288
17173
  }
17289
17174
  function useSearchTermState() {
17290
17175
  var _React$useContext4 = useContext(PickerContext),
17291
- searchTerm = _React$useContext4.searchTerm;
17292
-
17176
+ searchTerm = _React$useContext4.searchTerm;
17293
17177
  return searchTerm;
17294
17178
  }
17295
17179
  function useActiveSkinToneState() {
17296
17180
  var _React$useContext5 = useContext(PickerContext),
17297
- activeSkinTone = _React$useContext5.activeSkinTone;
17298
-
17181
+ activeSkinTone = _React$useContext5.activeSkinTone;
17299
17182
  return activeSkinTone;
17300
17183
  }
17301
17184
  function useEmojisThatFailedToLoadState() {
17302
17185
  var _React$useContext6 = useContext(PickerContext),
17303
- emojisThatFailedToLoadState = _React$useContext6.emojisThatFailedToLoadState;
17304
-
17186
+ emojisThatFailedToLoadState = _React$useContext6.emojisThatFailedToLoadState;
17305
17187
  return emojisThatFailedToLoadState;
17306
17188
  }
17307
17189
  function useIsPastInitialLoad() {
17308
17190
  var _React$useContext7 = useContext(PickerContext),
17309
- isPastInitialLoad = _React$useContext7.isPastInitialLoad;
17310
-
17191
+ isPastInitialLoad = _React$useContext7.isPastInitialLoad;
17311
17192
  return isPastInitialLoad;
17312
17193
  }
17313
17194
  function useEmojiVariationPickerState() {
17314
17195
  var _React$useContext8 = useContext(PickerContext),
17315
- emojiVariationPickerState = _React$useContext8.emojiVariationPickerState;
17316
-
17196
+ emojiVariationPickerState = _React$useContext8.emojiVariationPickerState;
17317
17197
  return emojiVariationPickerState;
17318
17198
  }
17319
17199
  function useSkinToneFanOpenState() {
17320
17200
  var _React$useContext9 = useContext(PickerContext),
17321
- skinToneFanOpenState = _React$useContext9.skinToneFanOpenState;
17322
-
17201
+ skinToneFanOpenState = _React$useContext9.skinToneFanOpenState;
17323
17202
  return skinToneFanOpenState;
17324
17203
  }
17325
17204
  function useUpdateSuggested() {
17326
17205
  var _React$useContext11 = useContext(PickerContext),
17327
- suggestedUpdateState = _React$useContext11.suggestedUpdateState;
17328
-
17206
+ suggestedUpdateState = _React$useContext11.suggestedUpdateState;
17329
17207
  var suggestedUpdated = suggestedUpdateState[0],
17330
- setsuggestedUpdate = suggestedUpdateState[1];
17208
+ setsuggestedUpdate = suggestedUpdateState[1];
17331
17209
  return [suggestedUpdated, function updateSuggested() {
17332
17210
  setsuggestedUpdate(Date.now());
17333
17211
  }];
@@ -17360,13 +17238,11 @@ function useOnMouseMove() {
17360
17238
  bodyRef == null ? void 0 : bodyRef.addEventListener('mousemove', onMouseMove, {
17361
17239
  passive: true
17362
17240
  });
17363
-
17364
17241
  function onMouseMove() {
17365
17242
  if (isMouseDisallowed()) {
17366
17243
  allowMouseMove();
17367
17244
  }
17368
17245
  }
17369
-
17370
17246
  return function () {
17371
17247
  bodyRef == null ? void 0 : bodyRef.removeEventListener('mousemove', onMouseMove);
17372
17248
  };
@@ -17377,7 +17253,6 @@ function elementCountInRow(parent, element) {
17377
17253
  if (!parent || !element) {
17378
17254
  return 0;
17379
17255
  }
17380
-
17381
17256
  var parentWidth = parent.getBoundingClientRect().width;
17382
17257
  var elementWidth = element.getBoundingClientRect().width;
17383
17258
  return Math.floor(parentWidth / elementWidth);
@@ -17386,7 +17261,6 @@ function elementIndexInRow(parent, element) {
17386
17261
  if (!parent || !element) {
17387
17262
  return 0;
17388
17263
  }
17389
-
17390
17264
  var elementWidth = element.getBoundingClientRect().width;
17391
17265
  var elementLeft = element.getBoundingClientRect().left;
17392
17266
  var parentLeft = parent.getBoundingClientRect().left;
@@ -17396,7 +17270,6 @@ function rowNumber(parent, element) {
17396
17270
  if (!parent || !element) {
17397
17271
  return 0;
17398
17272
  }
17399
-
17400
17273
  var elementHeight = element.getBoundingClientRect().height;
17401
17274
  var elementTop = element.getBoundingClientRect().top;
17402
17275
  var parentTop = parent.getBoundingClientRect().top;
@@ -17406,14 +17279,12 @@ function hasNextRow(parent, element) {
17406
17279
  if (!parent || !element) {
17407
17280
  return false;
17408
17281
  }
17409
-
17410
17282
  var elementHeight = element.getBoundingClientRect().height;
17411
17283
  var elementTop = element.getBoundingClientRect().top;
17412
17284
  var parentTop = parent.getBoundingClientRect().top;
17413
17285
  var parentHeight = parent.getBoundingClientRect().height;
17414
17286
  return Math.round(elementTop - parentTop + elementHeight) < parentHeight;
17415
17287
  }
17416
-
17417
17288
  function getRowElements(elements, row, elementsInRow) {
17418
17289
  if (row === -1) {
17419
17290
  var lastRow = Math.floor((elements.length - 1) / elementsInRow);
@@ -17421,40 +17292,34 @@ function getRowElements(elements, row, elementsInRow) {
17421
17292
  var lastElementIndex = elements.length - 1;
17422
17293
  return elements.slice(firstElementIndex, lastElementIndex + 1);
17423
17294
  }
17424
-
17425
17295
  return elements.slice(row * elementsInRow, (row + 1) * elementsInRow);
17426
17296
  }
17427
-
17428
17297
  function getNextRowElements(allElements, currentRow, elementsInRow) {
17429
17298
  var nextRow = currentRow + 1;
17430
-
17431
17299
  if (nextRow * elementsInRow > allElements.length) {
17432
17300
  return [];
17433
17301
  }
17434
-
17435
17302
  return getRowElements(allElements, nextRow, elementsInRow);
17436
17303
  }
17437
-
17438
17304
  function getElementInRow(elements, row, elementsInRow, indexInRow) {
17439
- var rowElements = getRowElements(elements, row, elementsInRow); // get element, default to last
17440
-
17305
+ var rowElements = getRowElements(elements, row, elementsInRow);
17306
+ // get element, default to last
17441
17307
  return rowElements[indexInRow] || rowElements[rowElements.length - 1] || null;
17442
17308
  }
17443
17309
  function getElementInNextRow(allElements, currentRow, elementsInRow, index) {
17444
- var nextRowElements = getNextRowElements(allElements, currentRow, elementsInRow); // return item in index, or last item in row
17445
-
17310
+ var nextRowElements = getNextRowElements(allElements, currentRow, elementsInRow);
17311
+ // return item in index, or last item in row
17446
17312
  return nextRowElements[index] || nextRowElements[nextRowElements.length - 1] || null;
17447
17313
  }
17448
17314
  function getElementInPrevRow(allElements, currentRow, elementsInRow, index) {
17449
- var prevRowElements = getRowElements(allElements, currentRow - 1, elementsInRow); // default to last
17450
-
17315
+ var prevRowElements = getRowElements(allElements, currentRow - 1, elementsInRow);
17316
+ // default to last
17451
17317
  return prevRowElements[index] || prevRowElements[prevRowElements.length - 1] || null;
17452
17318
  }
17453
17319
  function firstVisibleElementInContainer(parent, elements) {
17454
17320
  if (!parent || !elements.length) {
17455
17321
  return null;
17456
17322
  }
17457
-
17458
17323
  var parentTop = parent.getBoundingClientRect().top;
17459
17324
  var parentBottom = parent.getBoundingClientRect().bottom;
17460
17325
  var visibleElements = elements.find(function (element) {
@@ -17472,53 +17337,43 @@ var EmojiButtonSelector = "button" + /*#__PURE__*/asSelectors(ClassNames.emoji);
17472
17337
  var VisibleEmojiSelector = /*#__PURE__*/[EmojiButtonSelector, asSelectors(ClassNames.visible), ":not(" + asSelectors(ClassNames.hidden) + ")"].join('');
17473
17338
  function buttonFromTarget(emojiElement) {
17474
17339
  var _emojiElement$closest;
17475
-
17476
17340
  return (_emojiElement$closest = emojiElement == null ? void 0 : emojiElement.closest(EmojiButtonSelector)) != null ? _emojiElement$closest : null;
17477
17341
  }
17478
17342
  function emojiFromElement(element) {
17479
17343
  var originalUnified = originalUnifiedFromEmojiElement(element);
17480
17344
  var unified = unifiedFromEmojiElement(element);
17481
-
17482
17345
  if (!originalUnified) {
17483
17346
  return [];
17484
17347
  }
17485
-
17486
17348
  var emoji = emojiByUnified(unified != null ? unified : originalUnified);
17487
-
17488
17349
  if (!emoji) {
17489
17350
  return [];
17490
17351
  }
17491
-
17492
17352
  return [emoji, unified];
17493
17353
  }
17494
17354
  function isEmojiElement(element) {
17495
17355
  var _element$parentElemen;
17496
-
17497
17356
  return Boolean((element == null ? void 0 : element.matches(EmojiButtonSelector)) || (element == null ? void 0 : (_element$parentElemen = element.parentElement) == null ? void 0 : _element$parentElemen.matches(EmojiButtonSelector)));
17498
17357
  }
17499
17358
  function elementHeight(element) {
17500
17359
  var _element$clientHeight;
17501
-
17502
17360
  return (_element$clientHeight = element == null ? void 0 : element.clientHeight) != null ? _element$clientHeight : 0;
17503
17361
  }
17504
17362
  function emojiTrueOffsetTop(element) {
17505
17363
  if (!element) {
17506
17364
  return 0;
17507
17365
  }
17508
-
17509
17366
  var button = buttonFromTarget(element);
17510
- var category = closestCategory(button); // compensate for the label height
17511
-
17367
+ var category = closestCategory(button);
17368
+ // compensate for the label height
17512
17369
  var labelHeight = categoryLabelHeight(category);
17513
17370
  return elementOffsetTop(button) + elementOffsetTop(category) + labelHeight;
17514
17371
  }
17515
17372
  function categoryLabelHeight(category) {
17516
17373
  var _category$clientHeigh, _categoryWithoutLabel;
17517
-
17518
17374
  if (!category) {
17519
17375
  return 0;
17520
17376
  }
17521
-
17522
17377
  var categoryWithoutLabel = category.querySelector(asSelectors(ClassNames.categoryContent));
17523
17378
  return ((_category$clientHeigh = category == null ? void 0 : category.clientHeight) != null ? _category$clientHeigh : 0) - ((_categoryWithoutLabel = categoryWithoutLabel == null ? void 0 : categoryWithoutLabel.clientHeight) != null ? _categoryWithoutLabel : 0);
17524
17379
  }
@@ -17526,7 +17381,6 @@ function isEmojiBehindLabel(emoji) {
17526
17381
  if (!emoji) {
17527
17382
  return false;
17528
17383
  }
17529
-
17530
17384
  return emojiDistanceFromScrollTop(emoji) < categoryLabelHeight(closestCategory(emoji));
17531
17385
  }
17532
17386
  function queryScrollBody(root) {
@@ -17535,20 +17389,16 @@ function queryScrollBody(root) {
17535
17389
  }
17536
17390
  function emojiDistanceFromScrollTop(emoji) {
17537
17391
  var _closestScrollBody$sc, _closestScrollBody;
17538
-
17539
17392
  if (!emoji) {
17540
17393
  return 0;
17541
17394
  }
17542
-
17543
17395
  return emojiTrueOffsetTop(emoji) - ((_closestScrollBody$sc = (_closestScrollBody = closestScrollBody(emoji)) == null ? void 0 : _closestScrollBody.scrollTop) != null ? _closestScrollBody$sc : 0);
17544
17396
  }
17545
17397
  function closestScrollBody(element) {
17546
17398
  var _element$closest;
17547
-
17548
17399
  if (!element) {
17549
17400
  return null;
17550
17401
  }
17551
-
17552
17402
  return (_element$closest = element.closest(asSelectors(ClassNames.scrollBody))) != null ? _element$closest : null;
17553
17403
  }
17554
17404
  function emojiTruOffsetLeft(element) {
@@ -17556,46 +17406,33 @@ function emojiTruOffsetLeft(element) {
17556
17406
  var category = closestCategory(button);
17557
17407
  return elementOffsetLeft(button) + elementOffsetLeft(category);
17558
17408
  }
17559
-
17560
17409
  function elementOffsetTop(element) {
17561
17410
  var _element$offsetTop;
17562
-
17563
17411
  return (_element$offsetTop = element == null ? void 0 : element.offsetTop) != null ? _element$offsetTop : 0;
17564
17412
  }
17565
-
17566
17413
  function elementOffsetLeft(element) {
17567
17414
  var _element$offsetLeft;
17568
-
17569
17415
  return (_element$offsetLeft = element == null ? void 0 : element.offsetLeft) != null ? _element$offsetLeft : 0;
17570
17416
  }
17571
-
17572
17417
  function unifiedFromEmojiElement(emoji) {
17573
17418
  var _elementDataSetKey;
17574
-
17575
17419
  return (_elementDataSetKey = elementDataSetKey(buttonFromTarget(emoji), 'unified')) != null ? _elementDataSetKey : null;
17576
17420
  }
17577
17421
  function originalUnifiedFromEmojiElement(emoji) {
17578
17422
  var unified = unifiedFromEmojiElement(emoji);
17579
-
17580
17423
  if (unified) {
17581
17424
  return unifiedWithoutSkinTone(unified);
17582
17425
  }
17583
-
17584
17426
  return null;
17585
17427
  }
17586
-
17587
17428
  function elementDataSetKey(element, key) {
17588
17429
  var _elementDataSet$key;
17589
-
17590
17430
  return (_elementDataSet$key = elementDataSet(element)[key]) != null ? _elementDataSet$key : null;
17591
17431
  }
17592
-
17593
17432
  function elementDataSet(element) {
17594
17433
  var _element$dataset;
17595
-
17596
17434
  return (_element$dataset = element == null ? void 0 : element.dataset) != null ? _element$dataset : {};
17597
17435
  }
17598
-
17599
17436
  function isVisibleEmoji(element) {
17600
17437
  return element.classList.contains(ClassNames.visible);
17601
17438
  }
@@ -17607,110 +17444,86 @@ function allVisibleEmojis(parent) {
17607
17444
  if (!parent) {
17608
17445
  return [];
17609
17446
  }
17610
-
17611
17447
  return Array.from(parent.querySelectorAll(VisibleEmojiSelector));
17612
17448
  }
17613
17449
  function lastVisibleEmoji(element) {
17614
17450
  if (!element) return null;
17615
17451
  var allEmojis = allVisibleEmojis(element);
17616
-
17617
17452
  var _allEmojis$slice = allEmojis.slice(-1),
17618
- last = _allEmojis$slice[0];
17619
-
17453
+ last = _allEmojis$slice[0];
17620
17454
  if (!last) {
17621
17455
  return null;
17622
17456
  }
17623
-
17624
17457
  if (!isVisibleEmoji(last)) {
17625
17458
  return prevVisibleEmoji(last);
17626
17459
  }
17627
-
17628
17460
  return last;
17629
17461
  }
17630
17462
  function nextVisibleEmoji(element) {
17631
17463
  var next = element.nextElementSibling;
17632
-
17633
17464
  if (!next) {
17634
17465
  return firstVisibleEmoji(nextCategory(element));
17635
17466
  }
17636
-
17637
17467
  if (!isVisibleEmoji(next)) {
17638
17468
  return nextVisibleEmoji(next);
17639
17469
  }
17640
-
17641
17470
  return next;
17642
17471
  }
17643
17472
  function prevVisibleEmoji(element) {
17644
17473
  var prev = element.previousElementSibling;
17645
-
17646
17474
  if (!prev) {
17647
17475
  return lastVisibleEmoji(prevCategory(element));
17648
17476
  }
17649
-
17650
17477
  if (!isVisibleEmoji(prev)) {
17651
17478
  return prevVisibleEmoji(prev);
17652
17479
  }
17653
-
17654
17480
  return prev;
17655
17481
  }
17656
17482
  function firstVisibleEmoji(parent) {
17657
17483
  if (!parent) {
17658
17484
  return null;
17659
17485
  }
17660
-
17661
17486
  var allEmojis = allVisibleEmojis(parent);
17662
17487
  return firstVisibleElementInContainer(parent, allEmojis);
17663
17488
  }
17664
17489
  function prevCategory(element) {
17665
17490
  var category = closestCategory(element);
17666
-
17667
17491
  if (!category) {
17668
17492
  return null;
17669
17493
  }
17670
-
17671
17494
  var prev = category.previousElementSibling;
17672
-
17673
17495
  if (!prev) {
17674
17496
  return null;
17675
17497
  }
17676
-
17677
17498
  if (isHidden(prev)) {
17678
17499
  return prevCategory(prev);
17679
17500
  }
17680
-
17681
17501
  return prev;
17682
17502
  }
17683
17503
  function nextCategory(element) {
17684
17504
  var category = closestCategory(element);
17685
-
17686
17505
  if (!category) {
17687
17506
  return null;
17688
17507
  }
17689
-
17690
17508
  var next = category.nextElementSibling;
17691
-
17692
17509
  if (!next) {
17693
17510
  return null;
17694
17511
  }
17695
-
17696
17512
  if (isHidden(next)) {
17697
17513
  return nextCategory(next);
17698
17514
  }
17699
-
17700
17515
  return next;
17701
17516
  }
17702
17517
  function closestCategory(element) {
17703
17518
  if (!element) {
17704
17519
  return null;
17705
17520
  }
17706
-
17707
17521
  return element.closest(asSelectors(ClassNames.category));
17708
17522
  }
17709
17523
  function closestCategoryContent(element) {
17710
17524
  if (!element) {
17711
17525
  return null;
17712
17526
  }
17713
-
17714
17527
  return element.closest(asSelectors(ClassNames.categoryContent));
17715
17528
  }
17716
17529
 
@@ -17724,19 +17537,15 @@ var SUGGESTED_LS_KEY = 'epr_suggested';
17724
17537
  function getSuggested(mode) {
17725
17538
  try {
17726
17539
  var _window, _window$localStorage$, _window2;
17727
-
17728
17540
  if (!((_window = window) != null && _window.localStorage)) {
17729
17541
  return [];
17730
17542
  }
17731
-
17732
17543
  var recent = JSON.parse((_window$localStorage$ = (_window2 = window) == null ? void 0 : _window2.localStorage.getItem(SUGGESTED_LS_KEY)) != null ? _window$localStorage$ : '[]');
17733
-
17734
17544
  if (mode === SuggestionMode.FREQUENT) {
17735
17545
  return recent.sort(function (a, b) {
17736
17546
  return b.count - a.count;
17737
17547
  });
17738
17548
  }
17739
-
17740
17549
  return recent;
17741
17550
  } catch (_unused) {
17742
17551
  return [];
@@ -17751,7 +17560,6 @@ function setSuggested(emoji, skinTone) {
17751
17560
  return u === unified;
17752
17561
  });
17753
17562
  var nextList;
17754
-
17755
17563
  if (existing) {
17756
17564
  nextList = [existing].concat(recent.filter(function (i) {
17757
17565
  return i !== existing;
@@ -17764,15 +17572,14 @@ function setSuggested(emoji, skinTone) {
17764
17572
  };
17765
17573
  nextList = [existing].concat(recent);
17766
17574
  }
17767
-
17768
17575
  existing.count++;
17769
17576
  nextList.length = Math.min(nextList.length, 14);
17770
-
17771
17577
  try {
17772
17578
  var _window3;
17773
-
17774
- (_window3 = window) == null ? void 0 : _window3.localStorage.setItem(SUGGESTED_LS_KEY, JSON.stringify(nextList)); // Prevents the change from being seen immediately.
17775
- } catch (_unused2) {// ignore
17579
+ (_window3 = window) == null ? void 0 : _window3.localStorage.setItem(SUGGESTED_LS_KEY, JSON.stringify(nextList));
17580
+ // Prevents the change from being seen immediately.
17581
+ } catch (_unused2) {
17582
+ // ignore
17776
17583
  }
17777
17584
  }
17778
17585
 
@@ -17785,18 +17592,15 @@ function isCustomEmoji(emoji) {
17785
17592
 
17786
17593
  function useCloseAllOpenToggles() {
17787
17594
  var _useEmojiVariationPic = useEmojiVariationPickerState(),
17788
- variationPicker = _useEmojiVariationPic[0],
17789
- setVariationPicker = _useEmojiVariationPic[1];
17790
-
17595
+ variationPicker = _useEmojiVariationPic[0],
17596
+ setVariationPicker = _useEmojiVariationPic[1];
17791
17597
  var _useSkinToneFanOpenSt = useSkinToneFanOpenState(),
17792
- skinToneFanOpen = _useSkinToneFanOpenSt[0],
17793
- setSkinToneFanOpen = _useSkinToneFanOpenSt[1];
17794
-
17598
+ skinToneFanOpen = _useSkinToneFanOpenSt[0],
17599
+ setSkinToneFanOpen = _useSkinToneFanOpenSt[1];
17795
17600
  var closeAllOpenToggles = useCallback(function () {
17796
17601
  if (variationPicker) {
17797
17602
  setVariationPicker(null);
17798
17603
  }
17799
-
17800
17604
  if (skinToneFanOpen) {
17801
17605
  setSkinToneFanOpen(false);
17802
17606
  }
@@ -17805,11 +17609,9 @@ function useCloseAllOpenToggles() {
17805
17609
  }
17806
17610
  function useHasOpenToggles() {
17807
17611
  var _useEmojiVariationPic2 = useEmojiVariationPickerState(),
17808
- variationPicker = _useEmojiVariationPic2[0];
17809
-
17612
+ variationPicker = _useEmojiVariationPic2[0];
17810
17613
  var _useSkinToneFanOpenSt2 = useSkinToneFanOpenState(),
17811
- skinToneFanOpen = _useSkinToneFanOpenSt2[0];
17812
-
17614
+ skinToneFanOpen = _useSkinToneFanOpenSt2[0];
17813
17615
  return function hasOpenToggles() {
17814
17616
  return !!variationPicker || skinToneFanOpen;
17815
17617
  };
@@ -17817,14 +17619,11 @@ function useHasOpenToggles() {
17817
17619
 
17818
17620
  function useSetVariationPicker() {
17819
17621
  var setAnchoredEmojiRef = useSetAnchoredEmojiRef();
17820
-
17821
17622
  var _useEmojiVariationPic = useEmojiVariationPickerState(),
17822
- setEmojiVariationPicker = _useEmojiVariationPic[1];
17823
-
17623
+ setEmojiVariationPicker = _useEmojiVariationPic[1];
17824
17624
  return function setVariationPicker(element) {
17825
17625
  var _emojiFromElement = emojiFromElement(element),
17826
- emoji = _emojiFromElement[0];
17827
-
17626
+ emoji = _emojiFromElement[0];
17828
17627
  if (emoji) {
17829
17628
  setAnchoredEmojiRef(element);
17830
17629
  setEmojiVariationPicker(emoji);
@@ -17836,37 +17635,27 @@ function useMouseDownHandlers(BodyRef) {
17836
17635
  var mouseDownTimerRef = useRef();
17837
17636
  var setVariationPicker = useSetVariationPicker();
17838
17637
  var disallowClickRef = useDisallowClickRef();
17839
-
17840
17638
  var _useEmojiVariationPic = useEmojiVariationPickerState(),
17841
- setEmojiVariationPicker = _useEmojiVariationPic[1];
17842
-
17639
+ setEmojiVariationPicker = _useEmojiVariationPic[1];
17843
17640
  var closeAllOpenToggles = useCloseAllOpenToggles();
17844
-
17845
17641
  var _useActiveSkinToneSta = useActiveSkinToneState(),
17846
- activeSkinTone = _useActiveSkinToneSta[0];
17847
-
17642
+ activeSkinTone = _useActiveSkinToneSta[0];
17848
17643
  var onEmojiClick = useOnEmojiClickConfig();
17849
-
17850
17644
  var _useUpdateSuggested = useUpdateSuggested(),
17851
- updateSuggested = _useUpdateSuggested[1];
17852
-
17645
+ updateSuggested = _useUpdateSuggested[1];
17853
17646
  var getEmojiUrl = useGetEmojiUrlConfig();
17854
17647
  var activeEmojiStyle = useEmojiStyleConfig();
17855
17648
  var onClick = useCallback(function onClick(event) {
17856
17649
  if (disallowClickRef.current) {
17857
17650
  return;
17858
17651
  }
17859
-
17860
17652
  closeAllOpenToggles();
17861
-
17862
17653
  var _emojiFromEvent = emojiFromEvent(event),
17863
- emoji = _emojiFromEvent[0],
17864
- unified = _emojiFromEvent[1];
17865
-
17654
+ emoji = _emojiFromEvent[0],
17655
+ unified = _emojiFromEvent[1];
17866
17656
  if (!emoji || !unified) {
17867
17657
  return;
17868
17658
  }
17869
-
17870
17659
  var skinToneToUse = activeVariationFromUnified(unified) || activeSkinTone;
17871
17660
  updateSuggested();
17872
17661
  setSuggested(emoji, skinToneToUse);
@@ -17874,18 +17663,14 @@ function useMouseDownHandlers(BodyRef) {
17874
17663
  }, [activeSkinTone, closeAllOpenToggles, disallowClickRef, onEmojiClick, updateSuggested, getEmojiUrl, activeEmojiStyle]);
17875
17664
  var onMouseDown = useCallback(function onMouseDown(event) {
17876
17665
  var _window;
17877
-
17878
17666
  if (mouseDownTimerRef.current) {
17879
17667
  clearTimeout(mouseDownTimerRef.current);
17880
17668
  }
17881
-
17882
17669
  var _emojiFromEvent2 = emojiFromEvent(event),
17883
- emoji = _emojiFromEvent2[0];
17884
-
17670
+ emoji = _emojiFromEvent2[0];
17885
17671
  if (!emoji || !emojiHasVariations(emoji)) {
17886
17672
  return;
17887
17673
  }
17888
-
17889
17674
  mouseDownTimerRef.current = (_window = window) == null ? void 0 : _window.setTimeout(function () {
17890
17675
  disallowClickRef.current = true;
17891
17676
  mouseDownTimerRef.current = undefined;
@@ -17913,7 +17698,6 @@ function useMouseDownHandlers(BodyRef) {
17913
17698
  if (!BodyRef.current) {
17914
17699
  return;
17915
17700
  }
17916
-
17917
17701
  var bodyRef = BodyRef.current;
17918
17702
  bodyRef.addEventListener('click', onClick, {
17919
17703
  passive: true
@@ -17931,23 +17715,17 @@ function useMouseDownHandlers(BodyRef) {
17931
17715
  };
17932
17716
  }, [BodyRef, onClick, onMouseDown, onMouseUp]);
17933
17717
  }
17934
-
17935
17718
  function emojiFromEvent(event) {
17936
17719
  var target = event == null ? void 0 : event.target;
17937
-
17938
17720
  if (!isEmojiElement(target)) {
17939
17721
  return [];
17940
17722
  }
17941
-
17942
17723
  return emojiFromElement(target);
17943
17724
  }
17944
-
17945
17725
  function emojiClickOutput(emoji, activeSkinTone, activeEmojiStyle, getEmojiUrl) {
17946
17726
  var names = emojiNames(emoji);
17947
-
17948
17727
  if (isCustomEmoji(emoji)) {
17949
17728
  var _unified = emojiUnified(emoji);
17950
-
17951
17729
  return {
17952
17730
  activeSkinTone: activeSkinTone,
17953
17731
  emoji: _unified,
@@ -17961,7 +17739,6 @@ function emojiClickOutput(emoji, activeSkinTone, activeEmojiStyle, getEmojiUrl)
17961
17739
  unifiedWithoutSkinTone: _unified
17962
17740
  };
17963
17741
  }
17964
-
17965
17742
  var unified = emojiUnified(emoji, activeSkinTone);
17966
17743
  return {
17967
17744
  activeSkinTone: activeSkinTone,
@@ -17970,7 +17747,6 @@ function emojiClickOutput(emoji, activeSkinTone, activeEmojiStyle, getEmojiUrl)
17970
17747
  if (emojiStyle === void 0) {
17971
17748
  emojiStyle = activeEmojiStyle != null ? activeEmojiStyle : EmojiStyle.APPLE;
17972
17749
  }
17973
-
17974
17750
  return getEmojiUrl(unified, emojiStyle);
17975
17751
  },
17976
17752
  imageUrl: getEmojiUrl(unified, activeEmojiStyle != null ? activeEmojiStyle : EmojiStyle.APPLE),
@@ -17985,19 +17761,15 @@ function useOnScroll(BodyRef) {
17985
17761
  var closeAllOpenToggles = useCloseAllOpenToggles();
17986
17762
  useEffect(function () {
17987
17763
  var bodyRef = BodyRef.current;
17988
-
17989
17764
  if (!bodyRef) {
17990
17765
  return;
17991
17766
  }
17992
-
17993
17767
  bodyRef.addEventListener('scroll', onScroll, {
17994
17768
  passive: true
17995
17769
  });
17996
-
17997
17770
  function onScroll() {
17998
17771
  closeAllOpenToggles();
17999
17772
  }
18000
-
18001
17773
  return function () {
18002
17774
  bodyRef == null ? void 0 : bodyRef.removeEventListener('scroll', onScroll);
18003
17775
  };
@@ -18008,24 +17780,19 @@ function scrollTo(root, top) {
18008
17780
  if (top === void 0) {
18009
17781
  top = 0;
18010
17782
  }
18011
-
18012
17783
  var $eprBody = queryScrollBody(root);
18013
-
18014
17784
  if (!$eprBody) {
18015
17785
  return;
18016
17786
  }
18017
-
18018
17787
  requestAnimationFrame(function () {
18019
17788
  $eprBody.scrollTop = top + 1;
18020
17789
  });
18021
17790
  }
18022
17791
  function scrollBy(root, by) {
18023
17792
  var $eprBody = queryScrollBody(root);
18024
-
18025
17793
  if (!$eprBody) {
18026
17794
  return;
18027
17795
  }
18028
-
18029
17796
  requestAnimationFrame(function () {
18030
17797
  $eprBody.scrollTop = $eprBody.scrollTop + by;
18031
17798
  });
@@ -18044,11 +17811,9 @@ function scrollEmojiAboveLabel(emoji) {
18044
17811
  if (!emoji || !isEmojiBehindLabel(emoji)) {
18045
17812
  return;
18046
17813
  }
18047
-
18048
17814
  if (emoji.closest(asSelectors(ClassNames.variationPicker))) {
18049
17815
  return;
18050
17816
  }
18051
-
18052
17817
  var scrollBody = closestScrollBody(emoji);
18053
17818
  var by = emojiDistanceFromScrollTop(emoji);
18054
17819
  scrollBy(scrollBody, -(categoryLabelHeight(closestCategory(emoji)) - by));
@@ -18066,7 +17831,6 @@ function useFocusSkinTonePicker() {
18066
17831
  if (!SkinTonePickerRef.current) {
18067
17832
  return;
18068
17833
  }
18069
-
18070
17834
  focusFirstElementChild(SkinTonePickerRef.current);
18071
17835
  }, [SkinTonePickerRef]);
18072
17836
  }
@@ -18076,7 +17840,6 @@ function useFocusCategoryNavigation() {
18076
17840
  if (!CategoryNavigationRef.current) {
18077
17841
  return;
18078
17842
  }
18079
-
18080
17843
  focusFirstElementChild(CategoryNavigationRef.current);
18081
17844
  }, [CategoryNavigationRef]);
18082
17845
  }
@@ -18087,11 +17850,9 @@ function useSetFilterRef() {
18087
17850
  if (typeof setter === 'function') {
18088
17851
  return setFilter(setter(filterRef.current));
18089
17852
  }
18090
-
18091
17853
  filterRef.current = setter;
18092
17854
  };
18093
17855
  }
18094
-
18095
17856
  function useClearSearch() {
18096
17857
  var applySearch = useApplySearch();
18097
17858
  var SearchInputRef = useSearchInputRef();
@@ -18100,7 +17861,6 @@ function useClearSearch() {
18100
17861
  if (SearchInputRef.current) {
18101
17862
  SearchInputRef.current.value = '';
18102
17863
  }
18103
-
18104
17864
  applySearch('');
18105
17865
  focusSearchInput();
18106
17866
  };
@@ -18122,10 +17882,8 @@ function useFilter() {
18122
17882
  var filterRef = useFilterRef();
18123
17883
  var setFilterRef = useSetFilterRef();
18124
17884
  var applySearch = useApplySearch();
18125
-
18126
17885
  var _useSearchTermState = useSearchTermState(),
18127
- searchTerm = _useSearchTermState[0];
18128
-
17886
+ searchTerm = _useSearchTermState[0];
18129
17887
  var statusSearchResults = getStatusSearchResults(filterRef.current, searchTerm);
18130
17888
  return {
18131
17889
  onChange: onChange,
@@ -18133,36 +17891,28 @@ function useFilter() {
18133
17891
  SearchInputRef: SearchInputRef,
18134
17892
  statusSearchResults: statusSearchResults
18135
17893
  };
18136
-
18137
17894
  function onChange(inputValue) {
18138
17895
  var filter = filterRef.current;
18139
17896
  var nextValue = inputValue.toLowerCase();
18140
-
18141
17897
  if (filter != null && filter[nextValue] || nextValue.length <= 1) {
18142
17898
  return applySearch(nextValue);
18143
17899
  }
18144
-
18145
17900
  var longestMatch = findLongestMatch(nextValue, filter);
18146
-
18147
17901
  if (!longestMatch) {
18148
17902
  // Can we even get here?
18149
17903
  // If so, we need to search among all emojis
18150
17904
  return applySearch(nextValue);
18151
17905
  }
18152
-
18153
17906
  setFilterRef(function (current) {
18154
17907
  var _Object$assign;
18155
-
18156
17908
  return Object.assign(current, (_Object$assign = {}, _Object$assign[nextValue] = filterEmojiObjectByKeyword(longestMatch, nextValue), _Object$assign));
18157
17909
  });
18158
17910
  applySearch(nextValue);
18159
17911
  }
18160
17912
  }
18161
-
18162
17913
  function useApplySearch() {
18163
17914
  var _useSearchTermState2 = useSearchTermState(),
18164
- setSearchTerm = _useSearchTermState2[1];
18165
-
17915
+ setSearchTerm = _useSearchTermState2[1];
18166
17916
  var PickerMainRef = usePickerMainRef();
18167
17917
  return function applySearch(searchTerm) {
18168
17918
  requestAnimationFrame(function () {
@@ -18172,92 +17922,71 @@ function useApplySearch() {
18172
17922
  });
18173
17923
  };
18174
17924
  }
18175
-
18176
17925
  function filterEmojiObjectByKeyword(emojis, keyword) {
18177
17926
  var filtered = {};
18178
-
18179
17927
  for (var unified in emojis) {
18180
17928
  var emoji = emojis[unified];
18181
-
18182
17929
  if (hasMatch(emoji, keyword)) {
18183
17930
  filtered[unified] = emoji;
18184
17931
  }
18185
17932
  }
18186
-
18187
17933
  return filtered;
18188
17934
  }
18189
-
18190
17935
  function hasMatch(emoji, keyword) {
18191
17936
  return emojiNames(emoji).some(function (name) {
18192
17937
  return name.includes(keyword);
18193
17938
  });
18194
17939
  }
18195
-
18196
17940
  function useIsEmojiFiltered() {
18197
17941
  var _useFilterRef = useFilterRef(),
18198
- filter = _useFilterRef.current;
18199
-
17942
+ filter = _useFilterRef.current;
18200
17943
  var _useSearchTermState3 = useSearchTermState(),
18201
- searchTerm = _useSearchTermState3[0];
18202
-
17944
+ searchTerm = _useSearchTermState3[0];
18203
17945
  return function (unified) {
18204
17946
  return isEmojiFilteredBySearchTerm(unified, filter, searchTerm);
18205
17947
  };
18206
17948
  }
18207
-
18208
17949
  function isEmojiFilteredBySearchTerm(unified, filter, searchTerm) {
18209
17950
  var _filter$searchTerm;
18210
-
18211
17951
  if (!filter || !searchTerm) {
18212
17952
  return false;
18213
17953
  }
18214
-
18215
17954
  return !((_filter$searchTerm = filter[searchTerm]) != null && _filter$searchTerm[unified]);
18216
17955
  }
18217
-
18218
17956
  function findLongestMatch(keyword, dict) {
18219
17957
  if (!dict) {
18220
17958
  return null;
18221
17959
  }
18222
-
18223
17960
  if (dict[keyword]) {
18224
17961
  return dict[keyword];
18225
17962
  }
18226
-
18227
17963
  var longestMatchingKey = Object.keys(dict).sort(function (a, b) {
18228
17964
  return b.length - a.length;
18229
17965
  }).find(function (key) {
18230
17966
  return keyword.includes(key);
18231
17967
  });
18232
-
18233
17968
  if (longestMatchingKey) {
18234
17969
  return dict[longestMatchingKey];
18235
17970
  }
18236
-
18237
17971
  return null;
18238
17972
  }
18239
-
18240
17973
  function getNormalizedSearchTerm(str) {
18241
17974
  if (!str || typeof str !== 'string') {
18242
17975
  return '';
18243
17976
  }
18244
-
18245
17977
  return str.trim().toLowerCase();
18246
17978
  }
18247
-
18248
17979
  function getStatusSearchResults(filterState, searchTerm) {
18249
17980
  var _Object$entries;
18250
-
18251
17981
  if (!(filterState != null && filterState[searchTerm])) return '';
18252
- var searchResultsCount = ((_Object$entries = Object.entries(filterState == null ? void 0 : filterState[searchTerm])) == null ? void 0 : _Object$entries.length) || 0; // eslint-disable-next-line react-hooks/rules-of-hooks
18253
-
17982
+ var searchResultsCount = ((_Object$entries = Object.entries(filterState == null ? void 0 : filterState[searchTerm])) == null ? void 0 : _Object$entries.length) || 0;
17983
+ // eslint-disable-next-line react-hooks/rules-of-hooks
18254
17984
  return useSearchResultsConfig(searchResultsCount);
18255
17985
  }
18256
17986
 
18257
17987
  function useIsEmojiHidden() {
18258
17988
  var _useEmojisThatFailedT = useEmojisThatFailedToLoadState(),
18259
- emojisThatFailedToLoad = _useEmojisThatFailedT[0];
18260
-
17989
+ emojisThatFailedToLoad = _useEmojisThatFailedT[0];
18261
17990
  var isEmojiFiltered = useIsEmojiFiltered();
18262
17991
  return function (emoji) {
18263
17992
  var unified = emojiUnified(emoji);
@@ -18305,21 +18034,29 @@ function Button(props) {
18305
18034
  return createElement("button", Object.assign({
18306
18035
  type: "button"
18307
18036
  }, props, {
18308
- className: cx('epr-btn', props.className)
18037
+ className: cx(styles.button, props.className)
18309
18038
  }), props.children);
18310
18039
  }
18040
+ var styles = /*#__PURE__*/stylesheet.create({
18041
+ button: {
18042
+ '.': 'epr-btn',
18043
+ cursor: 'pointer',
18044
+ border: '0',
18045
+ background: 'none',
18046
+ outline: 'none'
18047
+ }
18048
+ });
18311
18049
 
18312
18050
  function ClickableEmojiButton(_ref) {
18313
18051
  var _cx;
18314
-
18315
18052
  var emojiNames = _ref.emojiNames,
18316
- unified = _ref.unified,
18317
- hidden = _ref.hidden,
18318
- hiddenOnSearch = _ref.hiddenOnSearch,
18319
- _ref$showVariations = _ref.showVariations,
18320
- showVariations = _ref$showVariations === void 0 ? true : _ref$showVariations,
18321
- hasVariations = _ref.hasVariations,
18322
- children = _ref.children;
18053
+ unified = _ref.unified,
18054
+ hidden = _ref.hidden,
18055
+ hiddenOnSearch = _ref.hiddenOnSearch,
18056
+ _ref$showVariations = _ref.showVariations,
18057
+ showVariations = _ref$showVariations === void 0 ? true : _ref$showVariations,
18058
+ hasVariations = _ref.hasVariations,
18059
+ children = _ref.children;
18323
18060
  return createElement(Button, {
18324
18061
  className: cx(ClassNames.emoji, hidden && commonStyles.hidden, hiddenOnSearch && commonStyles.hiddenOnSearch, (_cx = {}, _cx[ClassNames.visible] = !hidden && !hiddenOnSearch, _cx[ClassNames.emojiHasVariations] = hasVariations && showVariations, _cx)),
18325
18062
  "data-unified": unified,
@@ -18330,11 +18067,11 @@ function ClickableEmojiButton(_ref) {
18330
18067
 
18331
18068
  function EmojiImg(_ref) {
18332
18069
  var emojiName = _ref.emojiName,
18333
- style = _ref.style,
18334
- _ref$lazyLoad = _ref.lazyLoad,
18335
- lazyLoad = _ref$lazyLoad === void 0 ? false : _ref$lazyLoad,
18336
- imgUrl = _ref.imgUrl,
18337
- onError = _ref.onError;
18070
+ style = _ref.style,
18071
+ _ref$lazyLoad = _ref.lazyLoad,
18072
+ lazyLoad = _ref$lazyLoad === void 0 ? false : _ref$lazyLoad,
18073
+ imgUrl = _ref.imgUrl,
18074
+ onError = _ref.onError;
18338
18075
  return createElement("img", {
18339
18076
  src: imgUrl,
18340
18077
  alt: emojiName,
@@ -18347,7 +18084,7 @@ function EmojiImg(_ref) {
18347
18084
 
18348
18085
  function NativeEmoji(_ref) {
18349
18086
  var unified = _ref.unified,
18350
- style = _ref.style;
18087
+ style = _ref.style;
18351
18088
  return createElement("span", {
18352
18089
  className: cx(ClassNames.external, 'epr-emoji-native'),
18353
18090
  "data-unified": unified,
@@ -18357,28 +18094,22 @@ function NativeEmoji(_ref) {
18357
18094
 
18358
18095
  function ViewOnlyEmoji(_ref) {
18359
18096
  var emoji = _ref.emoji,
18360
- unified = _ref.unified,
18361
- emojiStyle = _ref.emojiStyle,
18362
- size = _ref.size,
18363
- lazyLoad = _ref.lazyLoad,
18364
- _ref$getEmojiUrl = _ref.getEmojiUrl,
18365
- getEmojiUrl = _ref$getEmojiUrl === void 0 ? emojiUrlByUnified : _ref$getEmojiUrl;
18366
-
18097
+ unified = _ref.unified,
18098
+ emojiStyle = _ref.emojiStyle,
18099
+ size = _ref.size,
18100
+ lazyLoad = _ref.lazyLoad,
18101
+ _ref$getEmojiUrl = _ref.getEmojiUrl,
18102
+ getEmojiUrl = _ref$getEmojiUrl === void 0 ? emojiUrlByUnified : _ref$getEmojiUrl;
18367
18103
  var _useEmojisThatFailedT = useEmojisThatFailedToLoadState(),
18368
- setEmojisThatFailedToLoad = _useEmojisThatFailedT[1];
18369
-
18104
+ setEmojisThatFailedToLoad = _useEmojisThatFailedT[1];
18370
18105
  var style = {};
18371
-
18372
18106
  if (size) {
18373
18107
  style.width = style.height = style.fontSize = size + "px";
18374
18108
  }
18375
-
18376
18109
  var emojiToRender = emoji ? emoji : emojiByUnified(unified);
18377
-
18378
18110
  if (!emojiToRender) {
18379
18111
  return null;
18380
18112
  }
18381
-
18382
18113
  if (isCustomEmoji(emojiToRender)) {
18383
18114
  return createElement(EmojiImg, {
18384
18115
  style: style,
@@ -18389,7 +18120,6 @@ function ViewOnlyEmoji(_ref) {
18389
18120
  onError: onError
18390
18121
  });
18391
18122
  }
18392
-
18393
18123
  return createElement(Fragment, null, emojiStyle === EmojiStyle.NATIVE ? createElement(NativeEmoji, {
18394
18124
  unified: unified,
18395
18125
  style: style
@@ -18401,7 +18131,6 @@ function ViewOnlyEmoji(_ref) {
18401
18131
  imgUrl: getEmojiUrl(unified, emojiStyle),
18402
18132
  onError: onError
18403
18133
  }));
18404
-
18405
18134
  function onError() {
18406
18135
  setEmojisThatFailedToLoad(function (prev) {
18407
18136
  return new Set(prev).add(unified);
@@ -18411,15 +18140,15 @@ function ViewOnlyEmoji(_ref) {
18411
18140
 
18412
18141
  function ClickableEmoji(_ref) {
18413
18142
  var emoji = _ref.emoji,
18414
- unified = _ref.unified,
18415
- hidden = _ref.hidden,
18416
- hiddenOnSearch = _ref.hiddenOnSearch,
18417
- emojiStyle = _ref.emojiStyle,
18418
- _ref$showVariations = _ref.showVariations,
18419
- showVariations = _ref$showVariations === void 0 ? true : _ref$showVariations,
18420
- size = _ref.size,
18421
- lazyLoad = _ref.lazyLoad,
18422
- getEmojiUrl = _ref.getEmojiUrl;
18143
+ unified = _ref.unified,
18144
+ hidden = _ref.hidden,
18145
+ hiddenOnSearch = _ref.hiddenOnSearch,
18146
+ emojiStyle = _ref.emojiStyle,
18147
+ _ref$showVariations = _ref.showVariations,
18148
+ showVariations = _ref$showVariations === void 0 ? true : _ref$showVariations,
18149
+ size = _ref.size,
18150
+ lazyLoad = _ref.lazyLoad,
18151
+ getEmojiUrl = _ref.getEmojiUrl;
18423
18152
  var hasVariations = emojiHasVariations(emoji);
18424
18153
  return createElement(ClickableEmojiButton, {
18425
18154
  hasVariations: hasVariations,
@@ -18440,22 +18169,22 @@ function ClickableEmoji(_ref) {
18440
18169
 
18441
18170
  function EmojiCategory(_ref) {
18442
18171
  var categoryConfig = _ref.categoryConfig,
18443
- children = _ref.children,
18444
- hidden = _ref.hidden,
18445
- hiddenOnSearch = _ref.hiddenOnSearch;
18172
+ children = _ref.children,
18173
+ hidden = _ref.hidden,
18174
+ hiddenOnSearch = _ref.hiddenOnSearch;
18446
18175
  var category = categoryFromCategoryConfig(categoryConfig);
18447
18176
  var categoryName = categoryNameFromCategoryConfig(categoryConfig);
18448
18177
  return createElement("li", {
18449
- className: cx(styles.category, hidden && commonStyles.hidden, hiddenOnSearch && commonStyles.hiddenOnSearch),
18178
+ className: cx(styles$1.category, hidden && commonStyles.hidden, hiddenOnSearch && commonStyles.hiddenOnSearch),
18450
18179
  "data-name": category,
18451
18180
  "aria-label": categoryName
18452
18181
  }, createElement("h2", {
18453
- className: cx(styles.label)
18182
+ className: cx(styles$1.label)
18454
18183
  }, categoryName), createElement("div", {
18455
- className: cx(styles.categoryContent)
18184
+ className: cx(styles$1.categoryContent)
18456
18185
  }, children));
18457
18186
  }
18458
- var styles = /*#__PURE__*/stylesheet.create({
18187
+ var styles$1 = /*#__PURE__*/stylesheet.create({
18459
18188
  category: {
18460
18189
  '.': ClassNames.category,
18461
18190
  ':not(:has(.epr-visible))': {
@@ -18494,17 +18223,15 @@ var styles = /*#__PURE__*/stylesheet.create({
18494
18223
 
18495
18224
  function Suggested(_ref) {
18496
18225
  var categoryConfig = _ref.categoryConfig;
18497
-
18498
18226
  var _useUpdateSuggested = useUpdateSuggested(),
18499
- suggestedUpdated = _useUpdateSuggested[0];
18500
-
18227
+ suggestedUpdated = _useUpdateSuggested[0];
18501
18228
  var suggestedEmojisModeConfig = useSuggestedEmojisModeConfig();
18502
18229
  var getEmojiUrl = useGetEmojiUrlConfig();
18503
18230
  var suggested = useMemo(function () {
18504
18231
  var _getSuggested;
18505
-
18506
18232
  return (_getSuggested = getSuggested(suggestedEmojisModeConfig)) != null ? _getSuggested : [];
18507
- }, // eslint-disable-next-line react-hooks/exhaustive-deps
18233
+ },
18234
+ // eslint-disable-next-line react-hooks/exhaustive-deps
18508
18235
  [suggestedUpdated, suggestedEmojisModeConfig]);
18509
18236
  var emojiStyle = useEmojiStyleConfig();
18510
18237
  return createElement(EmojiCategory, {
@@ -18513,11 +18240,9 @@ function Suggested(_ref) {
18513
18240
  hidden: suggested.length === 0
18514
18241
  }, suggested.map(function (suggestedItem) {
18515
18242
  var emoji = emojiByUnified(suggestedItem.original);
18516
-
18517
18243
  if (!emoji) {
18518
18244
  return null;
18519
18245
  }
18520
-
18521
18246
  return createElement(ClickableEmoji, {
18522
18247
  showVariations: false,
18523
18248
  unified: suggestedItem.unified,
@@ -18533,17 +18258,15 @@ function EmojiList() {
18533
18258
  var categories = useCategoriesConfig();
18534
18259
  var renderdCategoriesCountRef = useRef(0);
18535
18260
  return createElement("ul", {
18536
- className: cx(styles$1.emojiList)
18261
+ className: cx(styles$2.emojiList)
18537
18262
  }, categories.map(function (categoryConfig) {
18538
18263
  var category = categoryFromCategoryConfig(categoryConfig);
18539
-
18540
18264
  if (category === Categories.SUGGESTED) {
18541
18265
  return createElement(Suggested, {
18542
18266
  key: category,
18543
18267
  categoryConfig: categoryConfig
18544
18268
  });
18545
18269
  }
18546
-
18547
18270
  return createElement(RenderCategory, {
18548
18271
  key: category,
18549
18272
  category: category,
@@ -18552,49 +18275,39 @@ function EmojiList() {
18552
18275
  });
18553
18276
  }));
18554
18277
  }
18555
-
18556
18278
  function RenderCategory(_ref) {
18557
18279
  var category = _ref.category,
18558
- categoryConfig = _ref.categoryConfig,
18559
- renderdCategoriesCountRef = _ref.renderdCategoriesCountRef;
18280
+ categoryConfig = _ref.categoryConfig,
18281
+ renderdCategoriesCountRef = _ref.renderdCategoriesCountRef;
18560
18282
  var isEmojiHidden = useIsEmojiHidden();
18561
18283
  var lazyLoadEmojis = useLazyLoadEmojisConfig();
18562
18284
  var emojiStyle = useEmojiStyleConfig();
18563
18285
  var isPastInitialLoad = useIsPastInitialLoad();
18564
-
18565
18286
  var _useActiveSkinToneSta = useActiveSkinToneState(),
18566
- activeSkinTone = _useActiveSkinToneSta[0];
18567
-
18287
+ activeSkinTone = _useActiveSkinToneSta[0];
18568
18288
  var isEmojiDisallowed = useIsEmojiDisallowed();
18569
18289
  var getEmojiUrl = useGetEmojiUrlConfig();
18570
- var showVariations = !useSkinTonesDisabledConfig(); // Small trick to defer the rendering of all emoji categories until the first category is visible
18290
+ var showVariations = !useSkinTonesDisabledConfig();
18291
+ // Small trick to defer the rendering of all emoji categories until the first category is visible
18571
18292
  // This way the user gets to actually see something and not wait for the whole picker to render.
18572
-
18573
18293
  var emojisToPush = !isPastInitialLoad && renderdCategoriesCountRef.current > 0 ? [] : emojisByCategory(category);
18574
-
18575
18294
  if (emojisToPush.length > 0) {
18576
18295
  renderdCategoriesCountRef.current++;
18577
18296
  }
18578
-
18579
18297
  var hiddenCounter = 0;
18580
18298
  var emojis = emojisToPush.map(function (emoji) {
18581
18299
  var unified = emojiUnified(emoji, activeSkinTone);
18582
-
18583
18300
  var _isEmojiHidden = isEmojiHidden(emoji),
18584
- failedToLoad = _isEmojiHidden.failedToLoad,
18585
- filteredOut = _isEmojiHidden.filteredOut,
18586
- hidden = _isEmojiHidden.hidden;
18587
-
18301
+ failedToLoad = _isEmojiHidden.failedToLoad,
18302
+ filteredOut = _isEmojiHidden.filteredOut,
18303
+ hidden = _isEmojiHidden.hidden;
18588
18304
  var isDisallowed = isEmojiDisallowed(emoji);
18589
-
18590
18305
  if (hidden || isDisallowed) {
18591
18306
  hiddenCounter++;
18592
18307
  }
18593
-
18594
18308
  if (isDisallowed) {
18595
18309
  return null;
18596
18310
  }
18597
-
18598
18311
  return createElement(ClickableEmoji, {
18599
18312
  showVariations: showVariations,
18600
18313
  key: unified,
@@ -18614,8 +18327,7 @@ function RenderCategory(_ref) {
18614
18327
  hidden: hiddenCounter === emojis.length
18615
18328
  }, emojis);
18616
18329
  }
18617
-
18618
- var styles$1 = /*#__PURE__*/stylesheet.create({
18330
+ var styles$2 = /*#__PURE__*/stylesheet.create({
18619
18331
  emojiList: {
18620
18332
  '.': ClassNames.emojiList,
18621
18333
  listStyle: 'none',
@@ -18641,13 +18353,10 @@ function focusNextVisibleEmoji(element) {
18641
18353
  if (!element) {
18642
18354
  return;
18643
18355
  }
18644
-
18645
18356
  var next = nextVisibleEmoji(element);
18646
-
18647
18357
  if (!next) {
18648
18358
  return focusFirstVisibleEmoji(nextCategory(element));
18649
18359
  }
18650
-
18651
18360
  focusElement(next);
18652
18361
  scrollEmojiAboveLabel(next);
18653
18362
  }
@@ -18655,13 +18364,10 @@ function focusPrevVisibleEmoji(element) {
18655
18364
  if (!element) {
18656
18365
  return;
18657
18366
  }
18658
-
18659
18367
  var prev = prevVisibleEmoji(element);
18660
-
18661
18368
  if (!prev) {
18662
18369
  return focusLastVisibleEmoji(prevCategory(element));
18663
18370
  }
18664
-
18665
18371
  focusElement(prev);
18666
18372
  scrollEmojiAboveLabel(prev);
18667
18373
  }
@@ -18669,13 +18375,10 @@ function focusVisibleEmojiOneRowUp(element, exitUp) {
18669
18375
  if (!element) {
18670
18376
  return;
18671
18377
  }
18672
-
18673
18378
  var prev = visibleEmojiOneRowUp(element);
18674
-
18675
18379
  if (!prev) {
18676
18380
  return exitUp();
18677
18381
  }
18678
-
18679
18382
  focusElement(prev);
18680
18383
  scrollEmojiAboveLabel(prev);
18681
18384
  }
@@ -18683,57 +18386,45 @@ function focusVisibleEmojiOneRowDown(element) {
18683
18386
  if (!element) {
18684
18387
  return;
18685
18388
  }
18686
-
18687
18389
  var next = visibleEmojiOneRowDown(element);
18688
18390
  return focusElement(next);
18689
18391
  }
18690
-
18691
18392
  function visibleEmojiOneRowUp(element) {
18692
18393
  if (!element) {
18693
18394
  return null;
18694
18395
  }
18695
-
18696
18396
  var categoryContent = closestCategoryContent(element);
18697
18397
  var category = closestCategory(categoryContent);
18698
18398
  var indexInRow = elementIndexInRow(categoryContent, element);
18699
18399
  var row = rowNumber(categoryContent, element);
18700
18400
  var countInRow = elementCountInRow(categoryContent, element);
18701
-
18702
18401
  if (row === 0) {
18703
18402
  var prevVisibleCategory = prevCategory(category);
18704
-
18705
18403
  if (!prevVisibleCategory) {
18706
18404
  return null;
18707
18405
  }
18708
-
18709
- return getElementInRow(allVisibleEmojis(prevVisibleCategory), -1, // last row
18406
+ return getElementInRow(allVisibleEmojis(prevVisibleCategory), -1,
18407
+ // last row
18710
18408
  countInRow, indexInRow);
18711
18409
  }
18712
-
18713
18410
  return getElementInPrevRow(allVisibleEmojis(categoryContent), row, countInRow, indexInRow);
18714
18411
  }
18715
-
18716
18412
  function visibleEmojiOneRowDown(element) {
18717
18413
  if (!element) {
18718
18414
  return null;
18719
18415
  }
18720
-
18721
18416
  var categoryContent = closestCategoryContent(element);
18722
18417
  var category = closestCategory(categoryContent);
18723
18418
  var indexInRow = elementIndexInRow(categoryContent, element);
18724
18419
  var row = rowNumber(categoryContent, element);
18725
18420
  var countInRow = elementCountInRow(categoryContent, element);
18726
-
18727
18421
  if (!hasNextRow(categoryContent, element)) {
18728
18422
  var nextVisibleCategory = nextCategory(category);
18729
-
18730
18423
  if (!nextVisibleCategory) {
18731
18424
  return null;
18732
18425
  }
18733
-
18734
18426
  return getElementInRow(allVisibleEmojis(nextVisibleCategory), 0, countInRow, indexInRow);
18735
18427
  }
18736
-
18737
18428
  var itemInNextRow = getElementInNextRow(allVisibleEmojis(categoryContent), row, countInRow, indexInRow);
18738
18429
  return itemInNextRow;
18739
18430
  }
@@ -18742,25 +18433,19 @@ var css_248z$1 = ".EmojiPickerReact .epr-emoji-variation-picker{align-items:cent
18742
18433
  styleInject(css_248z$1);
18743
18434
 
18744
18435
  var Direction;
18745
-
18746
18436
  (function (Direction) {
18747
18437
  Direction[Direction["Up"] = 0] = "Up";
18748
18438
  Direction[Direction["Down"] = 1] = "Down";
18749
18439
  })(Direction || (Direction = {}));
18750
-
18751
18440
  function EmojiVariationPicker() {
18752
18441
  var AnchoredEmojiRef = useAnchoredEmojiRef();
18753
18442
  var VariationPickerRef = useVariationPickerRef();
18754
-
18755
18443
  var _useEmojiVariationPic = useEmojiVariationPickerState(),
18756
- emoji = _useEmojiVariationPic[0];
18757
-
18444
+ emoji = _useEmojiVariationPic[0];
18758
18445
  var emojiStyle = useEmojiStyleConfig();
18759
-
18760
18446
  var _useVariationPickerTo = useVariationPickerTop(VariationPickerRef),
18761
- getTop = _useVariationPickerTo.getTop,
18762
- getMenuDirection = _useVariationPickerTo.getMenuDirection;
18763
-
18447
+ getTop = _useVariationPickerTo.getTop,
18448
+ getMenuDirection = _useVariationPickerTo.getMenuDirection;
18764
18449
  var setAnchoredEmojiRef = useSetAnchoredEmojiRef();
18765
18450
  var getPointerStyle = usePointerStyle(VariationPickerRef);
18766
18451
  var getEmojiUrl = useGetEmojiUrlConfig();
@@ -18770,18 +18455,15 @@ function EmojiVariationPicker() {
18770
18455
  if (!visible) {
18771
18456
  return;
18772
18457
  }
18773
-
18774
18458
  focusFirstVisibleEmoji(VariationPickerRef.current);
18775
18459
  }, [VariationPickerRef, visible, AnchoredEmojiRef]);
18776
18460
  var top, pointerStyle;
18777
-
18778
18461
  if (!visible && AnchoredEmojiRef.current) {
18779
18462
  setAnchoredEmojiRef(null);
18780
18463
  } else {
18781
18464
  top = getTop();
18782
18465
  pointerStyle = getPointerStyle();
18783
18466
  }
18784
-
18785
18467
  return createElement("div", {
18786
18468
  ref: VariationPickerRef,
18787
18469
  className: cx(ClassNames.variationPicker, {
@@ -18805,32 +18487,25 @@ function EmojiVariationPicker() {
18805
18487
  style: pointerStyle
18806
18488
  }));
18807
18489
  }
18808
-
18809
18490
  function usePointerStyle(VariationPickerRef) {
18810
18491
  var AnchoredEmojiRef = useAnchoredEmojiRef();
18811
18492
  return function getPointerStyle() {
18812
18493
  var style = {};
18813
-
18814
18494
  if (!VariationPickerRef.current) {
18815
18495
  return style;
18816
18496
  }
18817
-
18818
18497
  if (AnchoredEmojiRef.current) {
18819
18498
  var button = buttonFromTarget(AnchoredEmojiRef.current);
18820
18499
  var offsetLeft = emojiTruOffsetLeft(button);
18821
-
18822
18500
  if (!button) {
18823
18501
  return style;
18824
- } // half of the button
18825
-
18826
-
18502
+ }
18503
+ // half of the button
18827
18504
  style.left = offsetLeft + (button == null ? void 0 : button.clientWidth) / 2;
18828
18505
  }
18829
-
18830
18506
  return style;
18831
18507
  };
18832
18508
  }
18833
-
18834
18509
  function useVariationPickerTop(VariationPickerRef) {
18835
18510
  var AnchoredEmojiRef = useAnchoredEmojiRef();
18836
18511
  var BodyRef = useBodyRef();
@@ -18839,36 +18514,28 @@ function useVariationPickerTop(VariationPickerRef) {
18839
18514
  getMenuDirection: getMenuDirection,
18840
18515
  getTop: getTop
18841
18516
  };
18842
-
18843
18517
  function getMenuDirection() {
18844
18518
  return direction;
18845
18519
  }
18846
-
18847
18520
  function getTop() {
18848
18521
  direction = Direction.Up;
18849
18522
  var emojiOffsetTop = 0;
18850
-
18851
18523
  if (!VariationPickerRef.current) {
18852
18524
  return 0;
18853
18525
  }
18854
-
18855
18526
  var height = elementHeight(VariationPickerRef.current);
18856
-
18857
18527
  if (AnchoredEmojiRef.current) {
18858
18528
  var _bodyRef$scrollTop;
18859
-
18860
18529
  var bodyRef = BodyRef.current;
18861
18530
  var button = buttonFromTarget(AnchoredEmojiRef.current);
18862
18531
  var buttonHeight = elementHeight(button);
18863
18532
  emojiOffsetTop = emojiTrueOffsetTop(button);
18864
18533
  var scrollTop = (_bodyRef$scrollTop = bodyRef == null ? void 0 : bodyRef.scrollTop) != null ? _bodyRef$scrollTop : 0;
18865
-
18866
18534
  if (scrollTop > emojiOffsetTop - height) {
18867
18535
  direction = Direction.Down;
18868
18536
  emojiOffsetTop += buttonHeight + height;
18869
18537
  }
18870
18538
  }
18871
-
18872
18539
  return emojiOffsetTop - height;
18873
18540
  }
18874
18541
  }
@@ -18879,11 +18546,11 @@ function Body() {
18879
18546
  useMouseDownHandlers(BodyRef);
18880
18547
  useOnMouseMove();
18881
18548
  return createElement("div", {
18882
- className: cx(styles$2.body),
18549
+ className: cx(styles$3.body),
18883
18550
  ref: BodyRef
18884
18551
  }, createElement(EmojiVariationPicker, null), createElement(EmojiList, null));
18885
18552
  }
18886
- var styles$2 = /*#__PURE__*/stylesheet.create({
18553
+ var styles$3 = /*#__PURE__*/stylesheet.create({
18887
18554
  body: {
18888
18555
  '.': ClassNames.scrollBody,
18889
18556
  flex: '1',
@@ -18901,7 +18568,6 @@ function useEmojiPreviewEvents(allow, setPreviewEmoji) {
18901
18568
  if (!allow) {
18902
18569
  return;
18903
18570
  }
18904
-
18905
18571
  var bodyRef = BodyRef.current;
18906
18572
  bodyRef == null ? void 0 : bodyRef.addEventListener('keydown', onEscape, {
18907
18573
  passive: true
@@ -18912,57 +18578,44 @@ function useEmojiPreviewEvents(allow, setPreviewEmoji) {
18912
18578
  passive: true
18913
18579
  });
18914
18580
  bodyRef == null ? void 0 : bodyRef.addEventListener('blur', onLeave, true);
18915
-
18916
18581
  function onEnter(e) {
18917
18582
  var button = buttonFromTarget(e.target);
18918
-
18919
18583
  if (!button) {
18920
18584
  return onLeave();
18921
18585
  }
18922
-
18923
18586
  var unified = unifiedFromEmojiElement(button);
18924
18587
  var originalUnified = originalUnifiedFromEmojiElement(button);
18925
-
18926
18588
  if (!unified || !originalUnified) {
18927
18589
  return onLeave();
18928
18590
  }
18929
-
18930
18591
  setPreviewEmoji({
18931
18592
  unified: unified,
18932
18593
  originalUnified: originalUnified
18933
18594
  });
18934
18595
  }
18935
-
18936
18596
  function onLeave(e) {
18937
18597
  if (e) {
18938
18598
  var relatedTarget = e.relatedTarget;
18939
-
18940
18599
  if (!buttonFromTarget(relatedTarget)) {
18941
18600
  return setPreviewEmoji(null);
18942
18601
  }
18943
18602
  }
18944
-
18945
18603
  setPreviewEmoji(null);
18946
18604
  }
18947
-
18948
18605
  function onEscape(e) {
18949
18606
  if (e.key === 'Escape') {
18950
18607
  setPreviewEmoji(null);
18951
18608
  }
18952
18609
  }
18953
-
18954
18610
  function onMouseOver(e) {
18955
18611
  if (isMouseDisallowed()) {
18956
18612
  return;
18957
18613
  }
18958
-
18959
18614
  var button = buttonFromTarget(e.target);
18960
-
18961
18615
  if (button) {
18962
18616
  focusElement(button);
18963
18617
  }
18964
18618
  }
18965
-
18966
18619
  return function () {
18967
18620
  bodyRef == null ? void 0 : bodyRef.removeEventListener('mouseover', onMouseOver);
18968
18621
  bodyRef == null ? void 0 : bodyRef.removeEventListener('mouseout', onLeave);
@@ -18984,25 +18637,23 @@ function useIsSkinToneInPreview() {
18984
18637
 
18985
18638
  var _stylesheet$create;
18986
18639
  var FlexDirection;
18987
-
18988
18640
  (function (FlexDirection) {
18989
18641
  FlexDirection["ROW"] = "FlexRow";
18990
18642
  FlexDirection["COLUMN"] = "FlexColumn";
18991
18643
  })(FlexDirection || (FlexDirection = {}));
18992
-
18993
18644
  function Flex(_ref) {
18994
18645
  var children = _ref.children,
18995
- className = _ref.className,
18996
- _ref$style = _ref.style,
18997
- style = _ref$style === void 0 ? {} : _ref$style,
18998
- _ref$direction = _ref.direction,
18999
- direction = _ref$direction === void 0 ? FlexDirection.ROW : _ref$direction;
18646
+ className = _ref.className,
18647
+ _ref$style = _ref.style,
18648
+ style = _ref$style === void 0 ? {} : _ref$style,
18649
+ _ref$direction = _ref.direction,
18650
+ direction = _ref$direction === void 0 ? FlexDirection.ROW : _ref$direction;
19000
18651
  return createElement("div", {
19001
18652
  style: _extends({}, style),
19002
- className: cx(styles$3.flex, className, styles$3[direction])
18653
+ className: cx(styles$4.flex, className, styles$4[direction])
19003
18654
  }, children);
19004
18655
  }
19005
- var styles$3 = /*#__PURE__*/stylesheet.create((_stylesheet$create = {
18656
+ var styles$4 = /*#__PURE__*/stylesheet.create((_stylesheet$create = {
19006
18657
  flex: {
19007
18658
  display: 'flex'
19008
18659
  }
@@ -19014,8 +18665,8 @@ var styles$3 = /*#__PURE__*/stylesheet.create((_stylesheet$create = {
19014
18665
 
19015
18666
  function Space(_ref) {
19016
18667
  var className = _ref.className,
19017
- _ref$style = _ref.style,
19018
- style = _ref$style === void 0 ? {} : _ref$style;
18668
+ _ref$style = _ref.style,
18669
+ style = _ref$style === void 0 ? {} : _ref$style;
19019
18670
  return createElement("div", {
19020
18671
  style: _extends({
19021
18672
  flex: 1
@@ -19026,8 +18677,8 @@ function Space(_ref) {
19026
18677
 
19027
18678
  function Absolute(_ref) {
19028
18679
  var children = _ref.children,
19029
- className = _ref.className,
19030
- style = _ref.style;
18680
+ className = _ref.className,
18681
+ style = _ref.style;
19031
18682
  return createElement("div", {
19032
18683
  style: _extends({}, style, {
19033
18684
  position: 'absolute'
@@ -19038,8 +18689,8 @@ function Absolute(_ref) {
19038
18689
 
19039
18690
  function Relative(_ref) {
19040
18691
  var children = _ref.children,
19041
- className = _ref.className,
19042
- style = _ref.style;
18692
+ className = _ref.className,
18693
+ style = _ref.style;
19043
18694
  return createElement("div", {
19044
18695
  style: _extends({}, style, {
19045
18696
  position: 'relative'
@@ -19068,27 +18719,21 @@ function SkinTonePickerMenu() {
19068
18719
  }
19069
18720
  function SkinTonePicker(_ref) {
19070
18721
  var _cx;
19071
-
19072
18722
  var _ref$direction = _ref.direction,
19073
- direction = _ref$direction === void 0 ? SkinTonePickerDirection.HORIZONTAL : _ref$direction;
18723
+ direction = _ref$direction === void 0 ? SkinTonePickerDirection.HORIZONTAL : _ref$direction;
19074
18724
  var SkinTonePickerRef = useSkinTonePickerRef();
19075
18725
  var isDisabled = useSkinTonesDisabledConfig();
19076
-
19077
18726
  var _useSkinToneFanOpenSt = useSkinToneFanOpenState(),
19078
- isOpen = _useSkinToneFanOpenSt[0],
19079
- setIsOpen = _useSkinToneFanOpenSt[1];
19080
-
18727
+ isOpen = _useSkinToneFanOpenSt[0],
18728
+ setIsOpen = _useSkinToneFanOpenSt[1];
19081
18729
  var _useActiveSkinToneSta = useActiveSkinToneState(),
19082
- activeSkinTone = _useActiveSkinToneSta[0],
19083
- setActiveSkinTone = _useActiveSkinToneSta[1];
19084
-
18730
+ activeSkinTone = _useActiveSkinToneSta[0],
18731
+ setActiveSkinTone = _useActiveSkinToneSta[1];
19085
18732
  var closeAllOpenToggles = useCloseAllOpenToggles();
19086
18733
  var focusSearchInput = useFocusSearchInput();
19087
-
19088
18734
  if (isDisabled) {
19089
18735
  return null;
19090
18736
  }
19091
-
19092
18737
  var fullWidth = ITEM_SIZE * skinToneVariations.length + "px";
19093
18738
  var expandedSize = isOpen ? fullWidth : ITEM_SIZE + 'px';
19094
18739
  var vertical = direction === SkinTonePickerDirection.VERTICAL;
@@ -19105,7 +18750,6 @@ function SkinTonePicker(_ref) {
19105
18750
  ref: SkinTonePickerRef
19106
18751
  }, skinToneVariations.map(function (skinToneVariation, i) {
19107
18752
  var _cx2;
19108
-
19109
18753
  var active = skinToneVariation === activeSkinTone;
19110
18754
  return createElement(Button, {
19111
18755
  style: {
@@ -19118,7 +18762,6 @@ function SkinTonePicker(_ref) {
19118
18762
  } else {
19119
18763
  setIsOpen(true);
19120
18764
  }
19121
-
19122
18765
  closeAllOpenToggles();
19123
18766
  },
19124
18767
  key: skinToneVariation,
@@ -19130,7 +18773,6 @@ function SkinTonePicker(_ref) {
19130
18773
  })));
19131
18774
  }
19132
18775
  var SkinTonePickerDirection;
19133
-
19134
18776
  (function (SkinTonePickerDirection) {
19135
18777
  SkinTonePickerDirection["VERTICAL"] = "epr-vertical";
19136
18778
  SkinTonePickerDirection["HORIZONTAL"] = "epr-horizontal";
@@ -19139,42 +18781,32 @@ var SkinTonePickerDirection;
19139
18781
  function Preview() {
19140
18782
  var previewConfig = usePreviewConfig();
19141
18783
  var isSkinToneInPreview = useIsSkinToneInPreview();
19142
-
19143
18784
  if (!previewConfig.showPreview) {
19144
18785
  return null;
19145
18786
  }
19146
-
19147
18787
  return createElement(Flex, {
19148
- className: cx(styles$4.preview)
18788
+ className: cx(styles$5.preview)
19149
18789
  }, createElement(PreviewBody, null), createElement(Space, null), isSkinToneInPreview ? createElement(SkinTonePickerMenu, null) : null);
19150
18790
  }
19151
18791
  function PreviewBody() {
19152
18792
  var _previewEmoji$unified;
19153
-
19154
18793
  var previewConfig = usePreviewConfig();
19155
-
19156
18794
  var _useState = useState(null),
19157
- previewEmoji = _useState[0],
19158
- setPreviewEmoji = _useState[1];
19159
-
18795
+ previewEmoji = _useState[0],
18796
+ setPreviewEmoji = _useState[1];
19160
18797
  var emojiStyle = useEmojiStyleConfig();
19161
-
19162
18798
  var _useEmojiVariationPic = useEmojiVariationPickerState(),
19163
- variationPickerEmoji = _useEmojiVariationPic[0];
19164
-
18799
+ variationPickerEmoji = _useEmojiVariationPic[0];
19165
18800
  var getEmojiUrl = useGetEmojiUrlConfig();
19166
18801
  useEmojiPreviewEvents(previewConfig.showPreview, setPreviewEmoji);
19167
18802
  var emoji = emojiByUnified((_previewEmoji$unified = previewEmoji == null ? void 0 : previewEmoji.unified) != null ? _previewEmoji$unified : previewEmoji == null ? void 0 : previewEmoji.originalUnified);
19168
18803
  var show = emoji != null && previewEmoji != null;
19169
18804
  return createElement(PreviewContent, null);
19170
-
19171
18805
  function PreviewContent() {
19172
18806
  var defaultEmoji = variationPickerEmoji != null ? variationPickerEmoji : emojiByUnified(previewConfig.defaultEmoji);
19173
-
19174
18807
  if (!defaultEmoji) {
19175
18808
  return null;
19176
18809
  }
19177
-
19178
18810
  var defaultText = variationPickerEmoji ? emojiName(variationPickerEmoji) : previewConfig.defaultCaption;
19179
18811
  return createElement(Fragment, null, createElement("div", null, show ? createElement(ViewOnlyEmoji, {
19180
18812
  unified: previewEmoji == null ? void 0 : previewEmoji.unified,
@@ -19189,13 +18821,13 @@ function PreviewBody() {
19189
18821
  size: 45,
19190
18822
  getEmojiUrl: getEmojiUrl
19191
18823
  }) : null), show ? createElement("div", {
19192
- className: cx(styles$4.label)
18824
+ className: cx(styles$5.label)
19193
18825
  }, emojiName(emoji)) : createElement("div", {
19194
- className: cx(styles$4.label)
18826
+ className: cx(styles$5.label)
19195
18827
  }, defaultText));
19196
18828
  }
19197
18829
  }
19198
- var styles$4 = /*#__PURE__*/stylesheet.create({
18830
+ var styles$5 = /*#__PURE__*/stylesheet.create({
19199
18831
  preview: {
19200
18832
  alignItems: 'center',
19201
18833
  borderTop: '1px solid var(--epr-preview-border-color)',
@@ -19212,12 +18844,11 @@ var styles$4 = /*#__PURE__*/stylesheet.create({
19212
18844
  }
19213
18845
  });
19214
18846
 
19215
- var css_248z$3 = ".EmojiPickerReact .epr-category-nav{display:flex;flex-direction:row;justify-content:space-around;padding:var(--epr-header-padding)}.EmojiPickerReact .epr-category-nav>button.epr-cat-btn{background-size:calc(var(--epr-category-navigation-button-size)*10);display:inline-block;height:var(--epr-category-navigation-button-size);outline:none;position:relative;transition:opacity .2s ease-in-out;width:var(--epr-category-navigation-button-size)}.EmojiPickerReact .epr-category-nav>button.epr-cat-btn:focus:before{border:2px solid var(--epr-category-icon-active-color);border-radius:50%;bottom:-2px;content:\"\";left:-2px;position:absolute;right:-2px;top:-2px}aside.EmojiPickerReact.epr-main:has(input:not(:-moz-placeholder-shown)) .epr-category-nav{cursor:default;opacity:.3;pointer-events:none}aside.EmojiPickerReact.epr-main:has(input:not(:placeholder-shown)) .epr-category-nav{cursor:default;opacity:.3;pointer-events:none}.EmojiPickerReact.epr-search-active .epr-category-nav{cursor:default;opacity:.3;pointer-events:none}aside.EmojiPickerReact.epr-main:has(input:not(:-moz-placeholder-shown)) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}aside.EmojiPickerReact.epr-main:has(input:not(:placeholder-shown)) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}.EmojiPickerReact:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}.EmojiPickerReact .epr-category-nav>button.epr-cat-btn{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='80' xml:space='preserve'%3E%3Cg fill='%233371B7' stroke='%233371B7' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M12.8 29.5c.6 0 1.1-.5 1.1-1.1 0-.6-.5-1.2-1.1-1.2-.6 0-1.2.5-1.2 1.2 0 .6.6 1.1 1.2 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3Cpath d='M10 23c-3.8 0-7 3.1-7 7 0 3.8 3.1 7 7 7s7-3.1 7-7c0-3.8-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2 0-3.4 2.8-6.2 6.2-6.2s6.2 2.8 6.2 6.2c0 3.4-2.8 6.2-6.2 6.2z'/%3E%3Cpath d='M14.6 31.2c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.1.1-.3 0-.4zM10 34.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2zm-2.8-4.6c.6 0 1.2-.5 1.2-1.1 0-.6-.5-1.2-1.2-1.2-.6 0-1.1.5-1.1 1.2 0 .6.5 1.1 1.1 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%233371B7' d='M64.1 33.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4.1h2.4c.2 0 .4.2.4.4v2c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2c0-.3.2-.4.4-.4zm-9.8-5.1h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%233371B7' d='M65.5 23.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7v-3.1c0-1 .8-1.9 1.8-1.9z'/%3E%3Cellipse fill='%233371B7' cx='66.2' cy='30.9' rx='.9' ry='1'/%3E%3Cellipse fill='%233371B7' cx='73.8' cy='30.9' rx='.9' ry='1'/%3E%3Cg fill='none' stroke='%233371B7'%3E%3Cpath d='M96.4 30c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 28.6v.1c-.9.1-2.9.1-4.6-1.1-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1-.1-.1-.1-.1-.1-.2.5-.1 1.2-.2 2-.1 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.2.3.6.4.9zM84 32.2v-.1c.9-.2 2.9-.4 4.7.6 1.1.7 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8s-1.9-1.6-2.4-2.5c-.3-.5-.4-.8-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%233371B7'%3E%3Cpath stroke-linecap='round' d='m116.3 26.8-1.4 2-.8-.8-.6-.6v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.6-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 27.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 34.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9m-10.9-10.8h10.8v2.7h-10.8v-2.7z' fill='none' stroke='%233371B7'/%3E%3Cg fill='%233371B7'%3E%3Cpath d='M170.8 23.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.5 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.1c-.2 3.8 2.6 7.1 6.3 7.4 3.9.3 7.3-2.6 7.6-6.5.3-3.8-2.5-7.1-6.1-7.5z'/%3E%3Cpath d='M170.3 27.4c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6h-1.8v-2.6z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%233371B7' d='M186.2 23.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7v-7.7c-.1-1.5 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%233371B7' cx='186' cy='28.9' r='.7'/%3E%3Ccircle fill='%233371B7' cx='194' cy='26.7' r='.7'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m186 33.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%233371B7' stroke='%233371B7' stroke-width='.25' stroke-miterlimit='10' d='M156 24.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.2-.7 0-2.4-.1-3.8-.6-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4v-5.7c-.3-.2-.4-.4-.5-.5zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1v-4.9c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%233371B7' d='M48.1 23.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 28.8c-.2.1-.5 1.2 0 1.5 1.4 1 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m43.5 30.6-.2.4c-.2.5.2 1 .7.9.3-.1.5 0 .7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.2.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.2 1.2 0l.2-.1c.3-.2.8-.2 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.3.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 32.2c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.5.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 33.3c0 .5.6 2.3 1.3 2.7 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%233371B7' cx='51.6' cy='26.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='53' cy='25' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='53' cy='27.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='54.3' cy='26.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='50.9' cy='25' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%233371B7' d='M24.2 31v-7.6c.1.1.8.9 2.8 3.1 2.5-1.6 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.6-.6-1.5-.6-2.5z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m21.2 30 5.4 1.2m-5.4 2.9 5.4-1.2M38.8 30l-5.4 1.2m5.4 2.9-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%233371B7' d='m29.5 32.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5s.4 0 .5.2l.1.2c.4.7 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m32.4 32.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%233371B7' cx='27.6' cy='29.7' r='.7'/%3E%3Ccircle fill='%233371B7' cx='32.4' cy='29.7' r='.7'/%3E%3Cg fill='%23C0C0BF' stroke='%23C0C0BF' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M12.8 49.5c.6 0 1.1-.5 1.1-1.1 0-.6-.5-1.2-1.1-1.2-.6 0-1.2.5-1.2 1.2 0 .6.6 1.1 1.2 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4zm1.8 3.2c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.1.1-.3 0-.4zM10 54.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2zm-2.8-4.6c.6 0 1.2-.5 1.2-1.1 0-.6-.5-1.2-1.2-1.2-.6 0-1.1.5-1.1 1.2 0 .6.5 1.1 1.1 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3Cpath d='M10 43c-3.8 0-7 3.1-7 7 0 3.8 3.1 7 7 7s7-3.1 7-7c0-3.8-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2 0-3.4 2.8-6.2 6.2-6.2s6.2 2.8 6.2 6.2c0 3.4-2.8 6.2-6.2 6.2z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M64.1 53.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4.1h2.4c.2 0 .4.2.4.4v2c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2c0-.3.2-.4.4-.4zm-9.8-5.1h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M65.5 43.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7v-3.1c0-1 .8-1.9 1.8-1.9z'/%3E%3Cellipse fill='%23C0C0BF' cx='66.2' cy='50.9' rx='.9' ry='1'/%3E%3Cellipse fill='%23C0C0BF' cx='73.8' cy='50.9' rx='.9' ry='1'/%3E%3Cg fill='none' stroke='%23C0C0BF'%3E%3Cpath d='M96.4 50c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 48.6v.1c-.9.1-2.9.1-4.6-1.2-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1-.1-.1-.1-.2-.1-.2.5-.1 1.2-.2 2-.2 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.4.3.8.4 1.1zM84 52.2v-.1c.9-.2 2.9-.4 4.7.6 1.1.7 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8s-1.9-1.6-2.4-2.5c-.3-.5-.4-.8-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23C0C0BF'%3E%3Cpath stroke-linecap='round' d='m116.3 46.8-1.4 2-.8-.8-.6-.7v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.7-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 47.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 54.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9m-10.9-10.8h10.8v2.7h-10.8v-2.7z' fill='none' stroke='%23C0C0BF'/%3E%3Cg fill='%23C0C0BF'%3E%3Cpath d='M170.8 43.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.5 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.1c-.2 3.8 2.6 7.1 6.3 7.4 3.9.3 7.3-2.6 7.6-6.5.3-3.8-2.5-7.1-6.1-7.5z'/%3E%3Cpath d='M170.3 47.4c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6s-.3-.6-.6-.6h-1.8v-2.6z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M186.2 43.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7v-7.7c-.1-1.4 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%23C0C0BF' cx='186' cy='48.9' r='.7'/%3E%3Ccircle fill='%23C0C0BF' cx='194' cy='46.7' r='.7'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m186 53.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%23C0C0BF' stroke='%23C0C0BF' stroke-width='.25' stroke-miterlimit='10' d='M156 44.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.2-.7 0-2.4-.1-3.8-.6-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4v-5.7c-.3-.2-.4-.4-.5-.5zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1v-4.9c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M48.1 43.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 48.8c-.2.1-.5 1.2 0 1.5 1.4 1 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m43.5 50.6-.2.4c-.2.5.2 1 .7.9.3-.1.5 0 .7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.2.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.2 1.2 0l.2-.1c.3-.2.8-.2 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.3.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 52.2c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.5.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 53.3c0 .5.6 2.3 1.3 2.7 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%23C0C0BF' cx='51.6' cy='46.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='53' cy='45' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='53' cy='47.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='54.3' cy='46.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='50.9' cy='45' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M24.2 51v-7.6c.1.1.8.9 2.8 3.1 2.5-1.7 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.6-.6-1.5-.6-2.5z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m21.2 50 5.4 1.2m-5.4 2.9 5.4-1.2M38.8 50l-5.4 1.2m5.4 2.9-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23C0C0BF' d='m29.5 52.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5s.4 0 .5.2l.1.2c.4.7 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m32.4 52.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%23C0C0BF' cx='27.6' cy='49.7' r='.7'/%3E%3Ccircle fill='%23C0C0BF' cx='32.4' cy='49.7' r='.7'/%3E%3Cg fill='%236AA9DD' stroke='%236AA9DD' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M14.6 71.2c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.1.1-.3 0-.4zM10 74.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2zm2.8-4.6c.6 0 1.1-.5 1.1-1.1 0-.6-.5-1.2-1.1-1.2-.6 0-1.2.5-1.2 1.2 0 .6.6 1.1 1.2 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4zm-5.6 1.5c.6 0 1.2-.5 1.2-1.1 0-.6-.5-1.2-1.2-1.2-.6 0-1.1.5-1.1 1.2 0 .6.5 1.1 1.1 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3Cpath d='M10 63c-3.8 0-7 3.1-7 7 0 3.8 3.1 7 7 7s7-3.1 7-7c0-3.8-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2 0-3.4 2.8-6.2 6.2-6.2s6.2 2.8 6.2 6.2c0 3.4-2.8 6.2-6.2 6.2z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%236AA9DD' d='M64.1 73.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4.1h2.4c.2 0 .4.2.4.4V76c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2.1c0-.3.2-.4.4-.4zm-9.8-5.1h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M65.5 63.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7v-3.1c0-1 .8-1.9 1.8-1.9z'/%3E%3Ccircle fill='%236AA9DD' cx='66.2' cy='70.9' r='.9'/%3E%3Ccircle fill='%236AA9DD' cx='73.8' cy='70.9' r='.9'/%3E%3Cg fill='none' stroke='%236AA9DD'%3E%3Cpath d='M96.4 70c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 68.6v.1c-.9.1-2.9.1-4.6-1.2-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1.1-.1-.1-.1-.2-.1-.2.5-.1 1.2-.2 2-.2 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.5.3.9.4 1.2zM84 72.2v-.1c.9-.2 2.9-.4 4.7.6 1.1.7 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8s-1.9-1.6-2.4-2.5c-.3-.5-.4-.9-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%236AA9DD'%3E%3Cpath stroke-linecap='round' d='m116.3 66.8-1.4 2-.8-.8-.6-.7v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.7-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 67.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 74.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9m-10.9-10.8h10.8v2.7h-10.8v-2.7z' fill='none' stroke='%236AA9DD'/%3E%3Cg fill='%236AA9DD'%3E%3Cpath d='M170.8 63.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.4 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.1c-.2 3.8 2.6 7.1 6.3 7.4 3.9.3 7.3-2.6 7.6-6.5.3-3.8-2.5-7.1-6.1-7.5z'/%3E%3Cpath d='M170.3 67.4c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6s-.3-.6-.7-.6h-1.8v-.2l.1-2.4z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%236AA9DD' d='M186.2 63.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7v-7.7c-.1-1.4 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%236AA9DD' cx='186' cy='68.9' r='.7'/%3E%3Ccircle fill='%236AA9DD' cx='194' cy='66.7' r='.7'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m186 73.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%236AA9DD' stroke='%236AA9DD' stroke-width='.25' stroke-miterlimit='10' d='M156 64.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.2-.7 0-2.4-.1-3.8-.6-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4v-5.7c-.3-.2-.4-.4-.5-.5zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1v-4.9c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M48.1 63.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 68.8c-.2.1-.5 1.2 0 1.5 1.4.9 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m43.5 70.6-.2.4c-.2.5.2 1 .7.9.3-.1.5.1.7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.2.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.2 1.2-.1l.2-.1c.3-.2.8-.2 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.3.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 72.2c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.4.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 73.3c0 .5.6 2.3 1.3 2.7 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%236AA9DD' cx='51.6' cy='66.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='53' cy='65' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='53' cy='67.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='54.3' cy='66.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='50.9' cy='65' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M24.2 71v-7.6c.1.1.8.9 2.8 3.1 2.5-1.7 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.6-.6-1.5-.6-2.5z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m21.2 70.1 5.4 1.2m-5.4 2.8 5.4-1.2m12.2-2.8-5.4 1.2m5.4 2.8-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%236AA9DD' d='m29.5 72.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5.2-.1.4 0 .5.2l.1.2c.4.7 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m32.4 72.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%236AA9DD' cx='27.6' cy='69.7' r='.7'/%3E%3Ccircle fill='%236AA9DD' cx='32.4' cy='69.7' r='.7'/%3E%3Cg fill='%23868686' stroke='%23868686' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M12.8 9.5c.6 0 1.1-.5 1.1-1.2 0-.6-.5-1.1-1.1-1.1-.6 0-1.2.5-1.2 1.1s.6 1.2 1.2 1.2zm0-1.6c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4.2-.4.4-.4zM7.2 9.5c.6 0 1.2-.5 1.2-1.2 0-.6-.5-1.1-1.2-1.1-.6 0-1.1.5-1.1 1.1s.5 1.2 1.1 1.2zm0-1.6c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4.2-.4.4-.4zm7.4 3.3c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.2.1-.3 0-.4zM10 14.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2z'/%3E%3Cpath d='M10 3c-3.8 0-7 3.1-7 7s3.1 7 7 7 7-3.1 7-7-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2S6.6 3.8 10 3.8s6.2 2.8 6.2 6.2-2.8 6.2-6.2 6.2z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23868686' d='M64.1 13.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4 0h2.4c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2.1c0-.2.2-.4.4-.4zm-9.8-5h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%23868686' d='M65.5 3.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7V5.5c0-1.1.8-1.9 1.8-1.9z'/%3E%3Ccircle fill='%23868686' cx='66.2' cy='10.9' r='.9'/%3E%3Ccircle fill='%23868686' cx='73.8' cy='10.9' r='.9'/%3E%3Cg fill='none' stroke='%23868686'%3E%3Cpath d='M96.4 10c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 8.6v.1c-.9.1-2.9.1-4.6-1.2-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1.1-.1-.1-.1-.2-.1-.2.5-.1 1.2-.2 2-.2 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.5.3.9.4 1.2zM84 12.1V12c.9-.2 2.9-.4 4.7.6 1.1.6 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8-1.1-.6-1.9-1.6-2.4-2.5-.3-.4-.4-.8-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23868686'%3E%3Cpath stroke-linecap='round' d='m116.3 6.8-1.4 2-.8-.8-.6-.7v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.7-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 7.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 14.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9M126.8 3.5h10.8v2.7h-10.8V3.5z' fill='none' stroke='%23868686'/%3E%3Cg fill='%23868686'%3E%3Cpath d='M170.8 3.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.4 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.3c-.2 3.8 2.6 7.1 6.3 7.4 3.9.4 7.3-2.6 7.6-6.5.3-3.6-2.5-6.9-6.1-7.3z'/%3E%3Cpath d='M170.3 7.4c0-.3-.3-.6-.6-.6s-.7.3-.7.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6s-.3-.6-.6-.6h-1.8v-.2l.1-2.4z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23868686' d='M186.2 3.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7V6.1c-.1-1.5 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%23868686' cx='186' cy='8.9' r='.7'/%3E%3Ccircle fill='%23868686' cx='194' cy='6.7' r='.7'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m186 13.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%23868686' stroke='%23868686' stroke-width='.25' stroke-miterlimit='10' d='M156 4.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.1s-2.4-.1-3.8-.6c-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4V4.7c-.3-.2-.4-.3-.5-.4zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1V4.7c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%23868686' d='M48.1 3.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 8.7c-.2.1-.5 1.2 0 1.5 1.4.9 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m43.5 10.6-.2.4c-.2.5.2 1 .7.9.3-.1.5.1.7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.1.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.1 1.2-.1l.2-.1c.3-.2.8-.1 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.4.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 12.1c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.4.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 13.3c0 .5.6 2.4 1.3 2.6 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%23868686' cx='51.6' cy='6.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='53' cy='4.9' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='53' cy='7.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='54.3' cy='6.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='50.9' cy='4.9' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%23868686' d='M24.2 11V3.5c.1.1.8.9 2.8 3.1 2.5-1.7 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.7-.6-1.7-.6-2.6z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m21.2 10 5.4 1.2m-5.4 2.9 5.4-1.2M38.8 10l-5.4 1.2m5.4 2.9-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23868686' d='m29.5 12.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5s.4 0 .5.2l.1.2c.4.6 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m32.4 12.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%23868686' cx='27.6' cy='9.7' r='.7'/%3E%3Ccircle fill='%23868686' cx='32.4' cy='9.7' r='.7'/%3E%3C/svg%3E\");background-position:0 0}.EmojiPickerReact.epr-dark-theme .epr-category-nav>button.epr-cat-btn{background-position-y:calc(var(--epr-category-navigation-button-size)*2)}aside.EmojiPickerReact.epr-main:has(input:-moz-placeholder-shown) .epr-category-nav{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}aside.EmojiPickerReact.epr-main:has(input:placeholder-shown) .epr-category-nav{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}.EmojiPickerReact.epr-dark-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact.epr-dark-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}@media (prefers-color-scheme:dark){.EmojiPickerReact.epr-auto-theme .epr-category-nav>button.epr-cat-btn{background-position-y:calc(var(--epr-category-navigation-button-size)*2)}.EmojiPickerReact.epr-auto-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact.epr-auto-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}}.EmojiPickerReact button.epr-cat-btn.epr-icn-suggested{background-position-x:calc(var(--epr-category-navigation-button-size)*-8)}.EmojiPickerReact button.epr-cat-btn.epr-icn-custom{background-position-x:calc(var(--epr-category-navigation-button-size)*-9)}.EmojiPickerReact button.epr-cat-btn.epr-icn-activities{background-position-x:calc(var(--epr-category-navigation-button-size)*-4)}.EmojiPickerReact button.epr-cat-btn.epr-icn-animals_nature{background-position-x:calc(var(--epr-category-navigation-button-size)*-1)}.EmojiPickerReact button.epr-cat-btn.epr-icn-flags{background-position-x:calc(var(--epr-category-navigation-button-size)*-7)}.EmojiPickerReact button.epr-cat-btn.epr-icn-food_drink{background-position-x:calc(var(--epr-category-navigation-button-size)*-2)}.EmojiPickerReact button.epr-cat-btn.epr-icn-objects{background-position-x:calc(var(--epr-category-navigation-button-size)*-5)}.EmojiPickerReact button.epr-cat-btn.epr-icn-smileys_people{background-position-x:0}.EmojiPickerReact button.epr-cat-btn.epr-icn-symbols{background-position-x:calc(var(--epr-category-navigation-button-size)*-6)}.EmojiPickerReact button.epr-cat-btn.epr-icn-travel_places{background-position-x:calc(var(--epr-category-navigation-button-size)*-3)}";
18847
+ var css_248z$3 = "aside.EmojiPickerReact .epr-cat-btn{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='80' xml:space='preserve'%3E%3Cg fill='%233371B7' stroke='%233371B7' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M12.8 29.5c.6 0 1.1-.5 1.1-1.1 0-.6-.5-1.2-1.1-1.2-.6 0-1.2.5-1.2 1.2 0 .6.6 1.1 1.2 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3Cpath d='M10 23c-3.8 0-7 3.1-7 7 0 3.8 3.1 7 7 7s7-3.1 7-7c0-3.8-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2 0-3.4 2.8-6.2 6.2-6.2s6.2 2.8 6.2 6.2c0 3.4-2.8 6.2-6.2 6.2z'/%3E%3Cpath d='M14.6 31.2c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.1.1-.3 0-.4zM10 34.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2zm-2.8-4.6c.6 0 1.2-.5 1.2-1.1 0-.6-.5-1.2-1.2-1.2-.6 0-1.1.5-1.1 1.2 0 .6.5 1.1 1.1 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%233371B7' d='M64.1 33.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4.1h2.4c.2 0 .4.2.4.4v2c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2c0-.3.2-.4.4-.4zm-9.8-5.1h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%233371B7' d='M65.5 23.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7v-3.1c0-1 .8-1.9 1.8-1.9z'/%3E%3Cellipse fill='%233371B7' cx='66.2' cy='30.9' rx='.9' ry='1'/%3E%3Cellipse fill='%233371B7' cx='73.8' cy='30.9' rx='.9' ry='1'/%3E%3Cg fill='none' stroke='%233371B7'%3E%3Cpath d='M96.4 30c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 28.6v.1c-.9.1-2.9.1-4.6-1.1-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1-.1-.1-.1-.1-.1-.2.5-.1 1.2-.2 2-.1 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.2.3.6.4.9zM84 32.2v-.1c.9-.2 2.9-.4 4.7.6 1.1.7 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8s-1.9-1.6-2.4-2.5c-.3-.5-.4-.8-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%233371B7'%3E%3Cpath stroke-linecap='round' d='m116.3 26.8-1.4 2-.8-.8-.6-.6v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.6-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 27.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 34.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9m-10.9-10.8h10.8v2.7h-10.8v-2.7z' fill='none' stroke='%233371B7'/%3E%3Cg fill='%233371B7'%3E%3Cpath d='M170.8 23.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.5 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.1c-.2 3.8 2.6 7.1 6.3 7.4 3.9.3 7.3-2.6 7.6-6.5.3-3.8-2.5-7.1-6.1-7.5z'/%3E%3Cpath d='M170.3 27.4c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6h-1.8v-2.6z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%233371B7' d='M186.2 23.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7v-7.7c-.1-1.5 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%233371B7' cx='186' cy='28.9' r='.7'/%3E%3Ccircle fill='%233371B7' cx='194' cy='26.7' r='.7'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m186 33.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%233371B7' stroke='%233371B7' stroke-width='.25' stroke-miterlimit='10' d='M156 24.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.2-.7 0-2.4-.1-3.8-.6-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4v-5.7c-.3-.2-.4-.4-.5-.5zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1v-4.9c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%233371B7' d='M48.1 23.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 28.8c-.2.1-.5 1.2 0 1.5 1.4 1 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m43.5 30.6-.2.4c-.2.5.2 1 .7.9.3-.1.5 0 .7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.2.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.2 1.2 0l.2-.1c.3-.2.8-.2 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.3.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 32.2c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.5.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 33.3c0 .5.6 2.3 1.3 2.7 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%233371B7' cx='51.6' cy='26.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='53' cy='25' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='53' cy='27.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='54.3' cy='26.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='50.9' cy='25' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%233371B7' d='M24.2 31v-7.6c.1.1.8.9 2.8 3.1 2.5-1.6 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.6-.6-1.5-.6-2.5z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m21.2 30 5.4 1.2m-5.4 2.9 5.4-1.2M38.8 30l-5.4 1.2m5.4 2.9-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%233371B7' d='m29.5 32.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5s.4 0 .5.2l.1.2c.4.7 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m32.4 32.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%233371B7' cx='27.6' cy='29.7' r='.7'/%3E%3Ccircle fill='%233371B7' cx='32.4' cy='29.7' r='.7'/%3E%3Cg fill='%23C0C0BF' stroke='%23C0C0BF' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M12.8 49.5c.6 0 1.1-.5 1.1-1.1 0-.6-.5-1.2-1.1-1.2-.6 0-1.2.5-1.2 1.2 0 .6.6 1.1 1.2 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4zm1.8 3.2c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.1.1-.3 0-.4zM10 54.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2zm-2.8-4.6c.6 0 1.2-.5 1.2-1.1 0-.6-.5-1.2-1.2-1.2-.6 0-1.1.5-1.1 1.2 0 .6.5 1.1 1.1 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3Cpath d='M10 43c-3.8 0-7 3.1-7 7 0 3.8 3.1 7 7 7s7-3.1 7-7c0-3.8-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2 0-3.4 2.8-6.2 6.2-6.2s6.2 2.8 6.2 6.2c0 3.4-2.8 6.2-6.2 6.2z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M64.1 53.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4.1h2.4c.2 0 .4.2.4.4v2c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2c0-.3.2-.4.4-.4zm-9.8-5.1h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M65.5 43.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7v-3.1c0-1 .8-1.9 1.8-1.9z'/%3E%3Cellipse fill='%23C0C0BF' cx='66.2' cy='50.9' rx='.9' ry='1'/%3E%3Cellipse fill='%23C0C0BF' cx='73.8' cy='50.9' rx='.9' ry='1'/%3E%3Cg fill='none' stroke='%23C0C0BF'%3E%3Cpath d='M96.4 50c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 48.6v.1c-.9.1-2.9.1-4.6-1.2-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1-.1-.1-.1-.2-.1-.2.5-.1 1.2-.2 2-.2 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.4.3.8.4 1.1zM84 52.2v-.1c.9-.2 2.9-.4 4.7.6 1.1.7 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8s-1.9-1.6-2.4-2.5c-.3-.5-.4-.8-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23C0C0BF'%3E%3Cpath stroke-linecap='round' d='m116.3 46.8-1.4 2-.8-.8-.6-.7v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.7-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 47.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 54.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9m-10.9-10.8h10.8v2.7h-10.8v-2.7z' fill='none' stroke='%23C0C0BF'/%3E%3Cg fill='%23C0C0BF'%3E%3Cpath d='M170.8 43.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.5 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.1c-.2 3.8 2.6 7.1 6.3 7.4 3.9.3 7.3-2.6 7.6-6.5.3-3.8-2.5-7.1-6.1-7.5z'/%3E%3Cpath d='M170.3 47.4c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6s-.3-.6-.6-.6h-1.8v-2.6z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M186.2 43.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7v-7.7c-.1-1.4 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%23C0C0BF' cx='186' cy='48.9' r='.7'/%3E%3Ccircle fill='%23C0C0BF' cx='194' cy='46.7' r='.7'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m186 53.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%23C0C0BF' stroke='%23C0C0BF' stroke-width='.25' stroke-miterlimit='10' d='M156 44.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.2-.7 0-2.4-.1-3.8-.6-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4v-5.7c-.3-.2-.4-.4-.5-.5zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1v-4.9c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M48.1 43.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 48.8c-.2.1-.5 1.2 0 1.5 1.4 1 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m43.5 50.6-.2.4c-.2.5.2 1 .7.9.3-.1.5 0 .7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.2.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.2 1.2 0l.2-.1c.3-.2.8-.2 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.3.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 52.2c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.5.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 53.3c0 .5.6 2.3 1.3 2.7 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%23C0C0BF' cx='51.6' cy='46.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='53' cy='45' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='53' cy='47.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='54.3' cy='46.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='50.9' cy='45' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M24.2 51v-7.6c.1.1.8.9 2.8 3.1 2.5-1.7 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.6-.6-1.5-.6-2.5z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m21.2 50 5.4 1.2m-5.4 2.9 5.4-1.2M38.8 50l-5.4 1.2m5.4 2.9-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23C0C0BF' d='m29.5 52.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5s.4 0 .5.2l.1.2c.4.7 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m32.4 52.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%23C0C0BF' cx='27.6' cy='49.7' r='.7'/%3E%3Ccircle fill='%23C0C0BF' cx='32.4' cy='49.7' r='.7'/%3E%3Cg fill='%236AA9DD' stroke='%236AA9DD' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M14.6 71.2c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.1.1-.3 0-.4zM10 74.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2zm2.8-4.6c.6 0 1.1-.5 1.1-1.1 0-.6-.5-1.2-1.1-1.2-.6 0-1.2.5-1.2 1.2 0 .6.6 1.1 1.2 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4zm-5.6 1.5c.6 0 1.2-.5 1.2-1.1 0-.6-.5-1.2-1.2-1.2-.6 0-1.1.5-1.1 1.2 0 .6.5 1.1 1.1 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3Cpath d='M10 63c-3.8 0-7 3.1-7 7 0 3.8 3.1 7 7 7s7-3.1 7-7c0-3.8-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2 0-3.4 2.8-6.2 6.2-6.2s6.2 2.8 6.2 6.2c0 3.4-2.8 6.2-6.2 6.2z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%236AA9DD' d='M64.1 73.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4.1h2.4c.2 0 .4.2.4.4V76c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2.1c0-.3.2-.4.4-.4zm-9.8-5.1h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M65.5 63.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7v-3.1c0-1 .8-1.9 1.8-1.9z'/%3E%3Ccircle fill='%236AA9DD' cx='66.2' cy='70.9' r='.9'/%3E%3Ccircle fill='%236AA9DD' cx='73.8' cy='70.9' r='.9'/%3E%3Cg fill='none' stroke='%236AA9DD'%3E%3Cpath d='M96.4 70c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 68.6v.1c-.9.1-2.9.1-4.6-1.2-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1.1-.1-.1-.1-.2-.1-.2.5-.1 1.2-.2 2-.2 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.5.3.9.4 1.2zM84 72.2v-.1c.9-.2 2.9-.4 4.7.6 1.1.7 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8s-1.9-1.6-2.4-2.5c-.3-.5-.4-.9-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%236AA9DD'%3E%3Cpath stroke-linecap='round' d='m116.3 66.8-1.4 2-.8-.8-.6-.7v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.7-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 67.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 74.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9m-10.9-10.8h10.8v2.7h-10.8v-2.7z' fill='none' stroke='%236AA9DD'/%3E%3Cg fill='%236AA9DD'%3E%3Cpath d='M170.8 63.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.4 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.1c-.2 3.8 2.6 7.1 6.3 7.4 3.9.3 7.3-2.6 7.6-6.5.3-3.8-2.5-7.1-6.1-7.5z'/%3E%3Cpath d='M170.3 67.4c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6s-.3-.6-.7-.6h-1.8v-.2l.1-2.4z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%236AA9DD' d='M186.2 63.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7v-7.7c-.1-1.4 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%236AA9DD' cx='186' cy='68.9' r='.7'/%3E%3Ccircle fill='%236AA9DD' cx='194' cy='66.7' r='.7'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m186 73.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%236AA9DD' stroke='%236AA9DD' stroke-width='.25' stroke-miterlimit='10' d='M156 64.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.2-.7 0-2.4-.1-3.8-.6-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4v-5.7c-.3-.2-.4-.4-.5-.5zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1v-4.9c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M48.1 63.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 68.8c-.2.1-.5 1.2 0 1.5 1.4.9 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m43.5 70.6-.2.4c-.2.5.2 1 .7.9.3-.1.5.1.7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.2.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.2 1.2-.1l.2-.1c.3-.2.8-.2 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.3.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 72.2c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.4.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 73.3c0 .5.6 2.3 1.3 2.7 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%236AA9DD' cx='51.6' cy='66.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='53' cy='65' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='53' cy='67.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='54.3' cy='66.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='50.9' cy='65' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M24.2 71v-7.6c.1.1.8.9 2.8 3.1 2.5-1.7 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.6-.6-1.5-.6-2.5z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m21.2 70.1 5.4 1.2m-5.4 2.8 5.4-1.2m12.2-2.8-5.4 1.2m5.4 2.8-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%236AA9DD' d='m29.5 72.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5.2-.1.4 0 .5.2l.1.2c.4.7 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m32.4 72.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%236AA9DD' cx='27.6' cy='69.7' r='.7'/%3E%3Ccircle fill='%236AA9DD' cx='32.4' cy='69.7' r='.7'/%3E%3Cg fill='%23868686' stroke='%23868686' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M12.8 9.5c.6 0 1.1-.5 1.1-1.2 0-.6-.5-1.1-1.1-1.1-.6 0-1.2.5-1.2 1.1s.6 1.2 1.2 1.2zm0-1.6c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4.2-.4.4-.4zM7.2 9.5c.6 0 1.2-.5 1.2-1.2 0-.6-.5-1.1-1.2-1.1-.6 0-1.1.5-1.1 1.1s.5 1.2 1.1 1.2zm0-1.6c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4.2-.4.4-.4zm7.4 3.3c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.2.1-.3 0-.4zM10 14.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2z'/%3E%3Cpath d='M10 3c-3.8 0-7 3.1-7 7s3.1 7 7 7 7-3.1 7-7-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2S6.6 3.8 10 3.8s6.2 2.8 6.2 6.2-2.8 6.2-6.2 6.2z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23868686' d='M64.1 13.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4 0h2.4c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2.1c0-.2.2-.4.4-.4zm-9.8-5h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%23868686' d='M65.5 3.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7V5.5c0-1.1.8-1.9 1.8-1.9z'/%3E%3Ccircle fill='%23868686' cx='66.2' cy='10.9' r='.9'/%3E%3Ccircle fill='%23868686' cx='73.8' cy='10.9' r='.9'/%3E%3Cg fill='none' stroke='%23868686'%3E%3Cpath d='M96.4 10c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 8.6v.1c-.9.1-2.9.1-4.6-1.2-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1.1-.1-.1-.1-.2-.1-.2.5-.1 1.2-.2 2-.2 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.5.3.9.4 1.2zM84 12.1V12c.9-.2 2.9-.4 4.7.6 1.1.6 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8-1.1-.6-1.9-1.6-2.4-2.5-.3-.4-.4-.8-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23868686'%3E%3Cpath stroke-linecap='round' d='m116.3 6.8-1.4 2-.8-.8-.6-.7v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.7-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 7.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 14.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9M126.8 3.5h10.8v2.7h-10.8V3.5z' fill='none' stroke='%23868686'/%3E%3Cg fill='%23868686'%3E%3Cpath d='M170.8 3.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.4 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.3c-.2 3.8 2.6 7.1 6.3 7.4 3.9.4 7.3-2.6 7.6-6.5.3-3.6-2.5-6.9-6.1-7.3z'/%3E%3Cpath d='M170.3 7.4c0-.3-.3-.6-.6-.6s-.7.3-.7.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6s-.3-.6-.6-.6h-1.8v-.2l.1-2.4z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23868686' d='M186.2 3.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7V6.1c-.1-1.5 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%23868686' cx='186' cy='8.9' r='.7'/%3E%3Ccircle fill='%23868686' cx='194' cy='6.7' r='.7'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m186 13.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%23868686' stroke='%23868686' stroke-width='.25' stroke-miterlimit='10' d='M156 4.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.1s-2.4-.1-3.8-.6c-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4V4.7c-.3-.2-.4-.3-.5-.4zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1V4.7c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%23868686' d='M48.1 3.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 8.7c-.2.1-.5 1.2 0 1.5 1.4.9 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m43.5 10.6-.2.4c-.2.5.2 1 .7.9.3-.1.5.1.7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.1.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.1 1.2-.1l.2-.1c.3-.2.8-.1 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.4.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 12.1c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.4.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 13.3c0 .5.6 2.4 1.3 2.6 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%23868686' cx='51.6' cy='6.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='53' cy='4.9' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='53' cy='7.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='54.3' cy='6.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='50.9' cy='4.9' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%23868686' d='M24.2 11V3.5c.1.1.8.9 2.8 3.1 2.5-1.7 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.7-.6-1.7-.6-2.6z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m21.2 10 5.4 1.2m-5.4 2.9 5.4-1.2M38.8 10l-5.4 1.2m5.4 2.9-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23868686' d='m29.5 12.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5s.4 0 .5.2l.1.2c.4.6 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m32.4 12.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%23868686' cx='27.6' cy='9.7' r='.7'/%3E%3Ccircle fill='%23868686' cx='32.4' cy='9.7' r='.7'/%3E%3C/svg%3E\")}aside.EmojiPickerReact.epr-main:has(input:not(:-moz-placeholder-shown)) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}aside.EmojiPickerReact.epr-main:has(input:not(:placeholder-shown)) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}.EmojiPickerReact:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}.EmojiPickerReact.epr-dark-theme .epr-category-nav>button.epr-cat-btn{background-position-y:calc(var(--epr-category-navigation-button-size)*2)}aside.EmojiPickerReact.epr-main:has(input:-moz-placeholder-shown) .epr-category-nav{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}aside.EmojiPickerReact.epr-main:has(input:placeholder-shown) .epr-category-nav{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}.EmojiPickerReact.epr-dark-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact.epr-dark-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}@media (prefers-color-scheme:dark){.EmojiPickerReact.epr-auto-theme .epr-category-nav>button.epr-cat-btn{background-position-y:calc(var(--epr-category-navigation-button-size)*2)}.EmojiPickerReact.epr-auto-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact.epr-auto-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}}.EmojiPickerReact button.epr-cat-btn.epr-icn-suggested{background-position-x:calc(var(--epr-category-navigation-button-size)*-8)}.EmojiPickerReact button.epr-cat-btn.epr-icn-custom{background-position-x:calc(var(--epr-category-navigation-button-size)*-9)}.EmojiPickerReact button.epr-cat-btn.epr-icn-activities{background-position-x:calc(var(--epr-category-navigation-button-size)*-4)}.EmojiPickerReact button.epr-cat-btn.epr-icn-animals_nature{background-position-x:calc(var(--epr-category-navigation-button-size)*-1)}.EmojiPickerReact button.epr-cat-btn.epr-icn-flags{background-position-x:calc(var(--epr-category-navigation-button-size)*-7)}.EmojiPickerReact button.epr-cat-btn.epr-icn-food_drink{background-position-x:calc(var(--epr-category-navigation-button-size)*-2)}.EmojiPickerReact button.epr-cat-btn.epr-icn-objects{background-position-x:calc(var(--epr-category-navigation-button-size)*-5)}.EmojiPickerReact button.epr-cat-btn.epr-icn-smileys_people{background-position-x:0}.EmojiPickerReact button.epr-cat-btn.epr-icn-symbols{background-position-x:calc(var(--epr-category-navigation-button-size)*-6)}.EmojiPickerReact button.epr-cat-btn.epr-icn-travel_places{background-position-x:calc(var(--epr-category-navigation-button-size)*-3)}";
19216
18848
  styleInject(css_248z$3);
19217
18849
 
19218
18850
  function categoryNameFromDom($category) {
19219
18851
  var _$category$getAttribu;
19220
-
19221
18852
  return (_$category$getAttribu = $category == null ? void 0 : $category.getAttribute('data-name')) != null ? _$category$getAttribu : null;
19222
18853
  }
19223
18854
 
@@ -19230,27 +18861,20 @@ function useActiveCategoryScrollDetection(setActiveCategory) {
19230
18861
  if (!bodyRef) {
19231
18862
  return;
19232
18863
  }
19233
-
19234
18864
  for (var _iterator = _createForOfIteratorHelperLoose(entries), _step; !(_step = _iterator()).done;) {
19235
18865
  var entry = _step.value;
19236
-
19237
18866
  var _id = categoryNameFromDom(entry.target);
19238
-
19239
18867
  visibleCategories.set(_id, entry.intersectionRatio);
19240
18868
  }
19241
-
19242
18869
  var ratios = Array.from(visibleCategories);
19243
18870
  var lastCategory = ratios[ratios.length - 1];
19244
-
19245
18871
  if (lastCategory[1] == 1) {
19246
18872
  return setActiveCategory(lastCategory[0]);
19247
18873
  }
19248
-
19249
18874
  for (var _i = 0, _ratios = ratios; _i < _ratios.length; _i++) {
19250
18875
  var _ratios$_i = _ratios[_i],
19251
- id = _ratios$_i[0],
19252
- ratio = _ratios$_i[1];
19253
-
18876
+ id = _ratios$_i[0],
18877
+ ratio = _ratios$_i[1];
19254
18878
  if (ratio) {
19255
18879
  setActiveCategory(id);
19256
18880
  break;
@@ -19267,8 +18891,7 @@ function useActiveCategoryScrollDetection(setActiveCategory) {
19267
18891
 
19268
18892
  function useIsSearchMode() {
19269
18893
  var _useSearchTermState = useSearchTermState(),
19270
- searchTerm = _useSearchTermState[0];
19271
-
18894
+ searchTerm = _useSearchTermState[0];
19272
18895
  return !!searchTerm;
19273
18896
  }
19274
18897
 
@@ -19277,17 +18900,13 @@ function useScrollCategoryIntoView() {
19277
18900
  var PickerMainRef = usePickerMainRef();
19278
18901
  return function scrollCategoryIntoView(category) {
19279
18902
  var _BodyRef$current;
19280
-
19281
18903
  if (!BodyRef.current) {
19282
18904
  return;
19283
18905
  }
19284
-
19285
18906
  var $category = (_BodyRef$current = BodyRef.current) == null ? void 0 : _BodyRef$current.querySelector("[data-name=\"" + category + "\"]");
19286
-
19287
18907
  if (!$category) {
19288
18908
  return;
19289
18909
  }
19290
-
19291
18910
  var offsetTop = $category.offsetTop || 0;
19292
18911
  scrollTo(PickerMainRef.current, offsetTop);
19293
18912
  };
@@ -19295,19 +18914,16 @@ function useScrollCategoryIntoView() {
19295
18914
 
19296
18915
  function useShouldHideCustomEmojis() {
19297
18916
  var customCategoryConfig = useCustomEmojisConfig();
19298
-
19299
18917
  if (!customCategoryConfig) {
19300
18918
  return false;
19301
18919
  }
19302
-
19303
18920
  return customCategoryConfig.length === 0;
19304
18921
  }
19305
18922
 
19306
18923
  function CategoryNavigation() {
19307
18924
  var _useState = useState(null),
19308
- activeCategory = _useState[0],
19309
- setActiveCategory = _useState[1];
19310
-
18925
+ activeCategory = _useState[0],
18926
+ setActiveCategory = _useState[1];
19311
18927
  var scrollCategoryIntoView = useScrollCategoryIntoView();
19312
18928
  useActiveCategoryScrollDetection(setActiveCategory);
19313
18929
  var isSearchMode = useIsSearchMode();
@@ -19315,24 +18931,21 @@ function CategoryNavigation() {
19315
18931
  var CategoryNavigationRef = useCategoryNavigationRef();
19316
18932
  var hideCustomCategory = useShouldHideCustomEmojis();
19317
18933
  return createElement("div", {
19318
- className: "epr-category-nav",
18934
+ className: cx(styles$6.nav),
19319
18935
  role: "tablist",
19320
18936
  "aria-label": "Category navigation",
19321
18937
  id: "epr-category-nav-id",
19322
18938
  ref: CategoryNavigationRef
19323
18939
  }, categoriesConfig.map(function (categoryConfig) {
19324
18940
  var _cx;
19325
-
19326
18941
  var category = categoryFromCategoryConfig(categoryConfig);
19327
18942
  var isActiveCategory = category === activeCategory;
19328
-
19329
18943
  if (isCustomCategory(categoryConfig) && hideCustomCategory) {
19330
18944
  return null;
19331
18945
  }
19332
-
19333
18946
  return createElement(Button, {
19334
18947
  tabIndex: isSearchMode || isActiveCategory ? -1 : 0,
19335
- className: cx('epr-cat-btn', "epr-icn-" + category, (_cx = {}, _cx[ClassNames.active] = isActiveCategory, _cx)),
18948
+ className: cx(styles$6.catBtn, "epr-icn-" + category, (_cx = {}, _cx[ClassNames.active] = isActiveCategory, _cx)),
19336
18949
  key: category,
19337
18950
  onClick: function onClick() {
19338
18951
  setActiveCategory(category);
@@ -19345,6 +18958,50 @@ function CategoryNavigation() {
19345
18958
  });
19346
18959
  }));
19347
18960
  }
18961
+ var styles$6 = /*#__PURE__*/stylesheet.create({
18962
+ nav: {
18963
+ '.': 'epr-category-nav',
18964
+ display: 'flex',
18965
+ flexDirection: 'row',
18966
+ justifyContent: 'space-around',
18967
+ padding: 'var(--epr-header-padding)'
18968
+ },
18969
+ '.epr-search-active': {
18970
+ nav: {
18971
+ opacity: '0.3',
18972
+ cursor: 'default',
18973
+ pointerEvents: 'none'
18974
+ }
18975
+ },
18976
+ '.epr-main:has(input:not(:placeholder-shown))': {
18977
+ nav: {
18978
+ opacity: '0.3',
18979
+ cursor: 'default',
18980
+ pointerEvents: 'none'
18981
+ }
18982
+ },
18983
+ catBtn: {
18984
+ '.': 'epr-cat-btn',
18985
+ display: 'inline-block',
18986
+ transition: 'opacity 0.2s ease-in-out',
18987
+ position: 'relative',
18988
+ height: 'var(--epr-category-navigation-button-size)',
18989
+ width: 'var(--epr-category-navigation-button-size)',
18990
+ backgroundSize: 'calc(var(--epr-category-navigation-button-size) * 10)',
18991
+ outline: 'none',
18992
+ backgroundPosition: '0 0',
18993
+ ':focus:before': {
18994
+ content: '',
18995
+ position: 'absolute',
18996
+ top: '-2px',
18997
+ left: '-2px',
18998
+ right: '-2px',
18999
+ bottom: '-2px',
19000
+ border: '2px solid var(--epr-category-icon-active-color)',
19001
+ borderRadius: '50%'
19002
+ }
19003
+ }
19004
+ });
19348
19005
 
19349
19006
  var css_248z$4 = ".EmojiPickerReact .epr-search-container{display:block;flex:1;min-width:0}.EmojiPickerReact .epr-search-container .epr-status-visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.EmojiPickerReact .epr-search-container input.epr-search{background-color:var(--epr-search-input-bg-color);border:1px solid var(--epr-search-input-bg-color);border-radius:var(--epr-search-input-border-radius);color:var(--epr-search-input-text-color);height:var(--epr-search-input-height);outline:none;padding:var(--epr-search-input-padding);transition:all .2s ease-in-out;width:100%}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search .epr-icn-clear-search{background-color:transparent;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' xml:space='preserve'%3E%3Cpath fill='%23868686' d='M6.98 13.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 8c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.4a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.2-.21.54 0 .74z'/%3E%3Cpath fill='%23868686' d='M10.15 18.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%233371B7' d='M6.98 33.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 28c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%233371B7' d='M10.15 38.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%23C0C0BF' d='M6.98 53.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 48c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%23C0C0BF' d='M10.15 58.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%236AA9DD' d='M6.98 73.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 68c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%236AA9DD' d='M10.15 78.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:20px;height:20px;width:20px}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;padding:0;position:absolute;right:var(--epr-search-bar-inner-padding);top:50%;transform:translateY(-50%);width:30px}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search:focus .epr-icn-clear-search,.EmojiPickerReact .epr-search-container button.epr-btn-clear-search:hover .epr-icn-clear-search{background-position-y:-20px}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search:focus,.EmojiPickerReact .epr-search-container button.epr-btn-clear-search:hover{background:var(--epr-hover-bg-color)}.EmojiPickerReact.epr-dark-theme .epr-search-container button.epr-btn-clear-search .epr-icn-clear-search{background-position-y:-40px}.EmojiPickerReact.epr-dark-theme .epr-search-container button.epr-btn-clear-search:hover .epr-icn-clear-search{background-position-y:-60px}@media (prefers-color-scheme:dark){.EmojiPickerReact.epr-auto-theme .epr-search-container button.epr-btn-clear-search .epr-icn-clear-search{background-position-y:-40px}.EmojiPickerReact.epr-auto-theme .epr-search-container button.epr-btn-clear-search:hover .epr-icn-clear-search{background-position-y:-60px}}.EmojiPickerReact .epr-search-container .epr-icn-search{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='40' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23868686' d='M12 8.81c0 2.08-1.68 3.76-3.76 3.76s-3.76-1.68-3.76-3.76 1.68-3.76 3.76-3.76S12 6.73 12 8.81zm-.77 3.91c-.83.64-1.87 1.01-2.99 1.01-2.72 0-4.92-2.2-4.92-4.92 0-2.72 2.2-4.92 4.92-4.92 2.72 0 4.92 2.2 4.92 4.92 0 1.13-.38 2.16-1.01 2.99l3.94 3.93c.25.25.25.66 0 .92-.25.25-.66.25-.92 0l-3.94-3.93z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23C0C0BF' d='M12 28.81c0 2.08-1.68 3.76-3.76 3.76s-3.76-1.68-3.76-3.76 1.68-3.76 3.76-3.76S12 26.73 12 28.81zm-.77 3.91c-.83.64-1.87 1.01-2.99 1.01-2.72 0-4.92-2.2-4.92-4.92 0-2.72 2.2-4.92 4.92-4.92 2.72 0 4.92 2.2 4.92 4.92 0 1.13-.38 2.16-1.01 2.99l3.94 3.93c.25.25.25.66 0 .92-.25.25-.66.25-.92 0l-3.94-3.93z'/%3E%3C/svg%3E\");background-position:0 0;background-repeat:no-repeat;background-size:20px;content:\"\";height:20px;left:var(--epr-search-bar-inner-padding);position:absolute;top:50%;transform:translateY(-50%);width:20px}.EmojiPickerReact.epr-dark-theme .epr-search-container .epr-icn-search{background-position-y:-20px}@media (prefers-color-scheme:dark){.EmojiPickerReact.epr-auto-theme .epr-search-container .epr-icn-search{background-position-y:-20px}}.EmojiPickerReact .epr-search-container input.epr-search::-moz-placeholder{color:var(--epr-search-input-placeholder-color)}.EmojiPickerReact .epr-search-container input.epr-search::placeholder{color:var(--epr-search-input-placeholder-color)}.EmojiPickerReact .epr-search-container input.epr-search:focus{background-color:var(--epr-search-input-bg-color-active);border:1px solid var(--epr-search-border-color)}";
19350
19007
  styleInject(css_248z$4);
@@ -19354,15 +19011,12 @@ var EMOJI_BUTTON = /*#__PURE__*/['button', asSelectors(ClassNames.emoji)].join('
19354
19011
  var CATEGORY = /*#__PURE__*/asSelectors(ClassNames.category);
19355
19012
  function CssSearch(_ref) {
19356
19013
  var value = _ref.value;
19357
-
19358
19014
  if (!value) {
19359
19015
  return null;
19360
19016
  }
19361
-
19362
19017
  var q = genQuery(value);
19363
19018
  return createElement("style", null, "\n " + SCOPE + " " + EMOJI_BUTTON + " {\n display: none;\n }\n\n\n " + SCOPE + " " + q + " {\n display: flex;\n }\n\n " + SCOPE + " " + CATEGORY + ":not(:has(" + q + ")) {\n display: none;\n }\n ");
19364
19019
  }
19365
-
19366
19020
  function genQuery(value) {
19367
19021
  return [EMOJI_BUTTON, '[data-full-name*="', getNormalizedSearchTerm(value), '"]'].join('');
19368
19022
  }
@@ -19370,16 +19024,14 @@ function genQuery(value) {
19370
19024
  function SearchContainer() {
19371
19025
  var searchDisabled = useSearchDisabledConfig();
19372
19026
  var isSkinToneInSearch = useIsSkinToneInSearch();
19373
-
19374
19027
  if (searchDisabled) {
19375
19028
  return null;
19376
19029
  }
19377
-
19378
19030
  return createElement(Flex, {
19379
- className: cx(styles$5.overlay)
19031
+ className: cx(styles$7.overlay)
19380
19032
  }, createElement(Search, null), isSkinToneInSearch ? createElement(SkinTonePicker, null) : null);
19381
19033
  }
19382
- var styles$5 = /*#__PURE__*/stylesheet.create({
19034
+ var styles$7 = /*#__PURE__*/stylesheet.create({
19383
19035
  overlay: {
19384
19036
  padding: 'var(--epr-header-padding)',
19385
19037
  zIndex: 'var(--epr-header-overlay-z-index)'
@@ -19387,20 +19039,17 @@ var styles$5 = /*#__PURE__*/stylesheet.create({
19387
19039
  });
19388
19040
  function Search() {
19389
19041
  var _useState = useState(0),
19390
- inc = _useState[0],
19391
- setInc = _useState[1];
19392
-
19042
+ inc = _useState[0],
19043
+ setInc = _useState[1];
19393
19044
  var closeAllOpenToggles = useCloseAllOpenToggles();
19394
19045
  var SearchInputRef = useSearchInputRef();
19395
19046
  var clearSearch = useClearSearch();
19396
19047
  var placeholder = useSearchPlaceHolderConfig();
19397
19048
  var autoFocus = useAutoFocusSearchConfig();
19398
-
19399
19049
  var _useFilter = useFilter(),
19400
- statusSearchResults = _useFilter.statusSearchResults,
19401
- searchTerm = _useFilter.searchTerm,
19402
- _onChange = _useFilter.onChange;
19403
-
19050
+ statusSearchResults = _useFilter.statusSearchResults,
19051
+ searchTerm = _useFilter.searchTerm,
19052
+ _onChange = _useFilter.onChange;
19404
19053
  var input = SearchInputRef == null ? void 0 : SearchInputRef.current;
19405
19054
  var value = input == null ? void 0 : input.value;
19406
19055
  return createElement(Relative, {
@@ -19420,7 +19069,6 @@ function Search() {
19420
19069
  setInc(inc + 1);
19421
19070
  setTimeout(function () {
19422
19071
  var _event$target$value, _event$target;
19423
-
19424
19072
  _onChange((_event$target$value = event == null ? void 0 : (_event$target = event.target) == null ? void 0 : _event$target.value) != null ? _event$target$value : value);
19425
19073
  });
19426
19074
  },
@@ -19454,7 +19102,6 @@ function getActiveElement() {
19454
19102
  }
19455
19103
 
19456
19104
  var KeyboardEvents;
19457
-
19458
19105
  (function (KeyboardEvents) {
19459
19106
  KeyboardEvents["ArrowDown"] = "ArrowDown";
19460
19107
  KeyboardEvents["ArrowUp"] = "ArrowUp";
@@ -19464,7 +19111,6 @@ var KeyboardEvents;
19464
19111
  KeyboardEvents["Enter"] = "Enter";
19465
19112
  KeyboardEvents["Space"] = " ";
19466
19113
  })(KeyboardEvents || (KeyboardEvents = {}));
19467
-
19468
19114
  function useKeyboardNavigation() {
19469
19115
  usePickerMainKeyboardEvents();
19470
19116
  useSearchInputKeyboardEvents();
@@ -19472,7 +19118,6 @@ function useKeyboardNavigation() {
19472
19118
  useCategoryNavigationKeyboardEvents();
19473
19119
  useBodyKeyboardEvents();
19474
19120
  }
19475
-
19476
19121
  function usePickerMainKeyboardEvents() {
19477
19122
  var PickerMainRef = usePickerMainRef();
19478
19123
  var clearSearch = useClearSearch();
@@ -19486,17 +19131,14 @@ function usePickerMainKeyboardEvents() {
19486
19131
  return function onKeyDown(event) {
19487
19132
  var key = event.key;
19488
19133
  disallowMouseMove();
19489
-
19490
19134
  switch (key) {
19491
19135
  // eslint-disable-next-line no-fallthrough
19492
19136
  case KeyboardEvents.Escape:
19493
19137
  event.preventDefault();
19494
-
19495
19138
  if (hasOpenToggles()) {
19496
19139
  closeAllOpenToggles();
19497
19140
  return;
19498
19141
  }
19499
-
19500
19142
  clearSearch();
19501
19143
  scrollTo(0);
19502
19144
  focusSearchInput();
@@ -19506,49 +19148,40 @@ function usePickerMainKeyboardEvents() {
19506
19148
  }, [scrollTo, clearSearch, closeAllOpenToggles, focusSearchInput, hasOpenToggles, disallowMouseMove]);
19507
19149
  useEffect(function () {
19508
19150
  var current = PickerMainRef.current;
19509
-
19510
19151
  if (!current) {
19511
19152
  return;
19512
19153
  }
19513
-
19514
19154
  current.addEventListener('keydown', onKeyDown);
19515
19155
  return function () {
19516
19156
  current.removeEventListener('keydown', onKeyDown);
19517
19157
  };
19518
19158
  }, [PickerMainRef, SearchInputRef, scrollTo, onKeyDown]);
19519
19159
  }
19520
-
19521
19160
  function useSearchInputKeyboardEvents() {
19522
19161
  var focusSkinTonePicker = useFocusSkinTonePicker();
19523
19162
  var PickerMainRef = usePickerMainRef();
19524
19163
  var BodyRef = useBodyRef();
19525
19164
  var SearchInputRef = useSearchInputRef();
19526
-
19527
19165
  var _useSkinToneFanOpenSt = useSkinToneFanOpenState(),
19528
- setSkinToneFanOpenState = _useSkinToneFanOpenSt[1];
19529
-
19166
+ setSkinToneFanOpenState = _useSkinToneFanOpenSt[1];
19530
19167
  var goDownFromSearchInput = useGoDownFromSearchInput();
19531
19168
  var isSkinToneInSearch = useIsSkinToneInSearch();
19532
19169
  var onKeyDown = useMemo(function () {
19533
19170
  return function onKeyDown(event) {
19534
19171
  var key = event.key;
19535
-
19536
19172
  switch (key) {
19537
19173
  case KeyboardEvents.ArrowRight:
19538
19174
  if (!isSkinToneInSearch) {
19539
19175
  return;
19540
19176
  }
19541
-
19542
19177
  event.preventDefault();
19543
19178
  setSkinToneFanOpenState(true);
19544
19179
  focusSkinTonePicker();
19545
19180
  break;
19546
-
19547
19181
  case KeyboardEvents.ArrowDown:
19548
19182
  event.preventDefault();
19549
19183
  goDownFromSearchInput();
19550
19184
  break;
19551
-
19552
19185
  case KeyboardEvents.Enter:
19553
19186
  event.preventDefault();
19554
19187
  focusAndClickFirstVisibleEmoji(BodyRef.current);
@@ -19558,96 +19191,75 @@ function useSearchInputKeyboardEvents() {
19558
19191
  }, [focusSkinTonePicker, goDownFromSearchInput, setSkinToneFanOpenState, BodyRef, isSkinToneInSearch]);
19559
19192
  useEffect(function () {
19560
19193
  var current = SearchInputRef.current;
19561
-
19562
19194
  if (!current) {
19563
19195
  return;
19564
19196
  }
19565
-
19566
19197
  current.addEventListener('keydown', onKeyDown);
19567
19198
  return function () {
19568
19199
  current.removeEventListener('keydown', onKeyDown);
19569
19200
  };
19570
19201
  }, [PickerMainRef, SearchInputRef, onKeyDown]);
19571
19202
  }
19572
-
19573
19203
  function useSkinTonePickerKeyboardEvents() {
19574
19204
  var SkinTonePickerRef = useSkinTonePickerRef();
19575
19205
  var focusSearchInput = useFocusSearchInput();
19576
19206
  var SearchInputRef = useSearchInputRef();
19577
19207
  var goDownFromSearchInput = useGoDownFromSearchInput();
19578
-
19579
19208
  var _useSkinToneFanOpenSt2 = useSkinToneFanOpenState(),
19580
- isOpen = _useSkinToneFanOpenSt2[0],
19581
- setIsOpen = _useSkinToneFanOpenSt2[1];
19582
-
19209
+ isOpen = _useSkinToneFanOpenSt2[0],
19210
+ setIsOpen = _useSkinToneFanOpenSt2[1];
19583
19211
  var isSkinToneInPreview = useIsSkinToneInPreview();
19584
19212
  var isSkinToneInSearch = useIsSkinToneInSearch();
19585
19213
  var onType = useOnType();
19586
19214
  var onKeyDown = useMemo(function () {
19587
- return (// eslint-disable-next-line complexity
19215
+ return (
19216
+ // eslint-disable-next-line complexity
19588
19217
  function onKeyDown(event) {
19589
19218
  var key = event.key;
19590
-
19591
19219
  if (isSkinToneInSearch) {
19592
19220
  switch (key) {
19593
19221
  case KeyboardEvents.ArrowLeft:
19594
19222
  event.preventDefault();
19595
-
19596
19223
  if (!isOpen) {
19597
19224
  return focusSearchInput();
19598
19225
  }
19599
-
19600
19226
  focusNextSkinTone(focusSearchInput);
19601
19227
  break;
19602
-
19603
19228
  case KeyboardEvents.ArrowRight:
19604
19229
  event.preventDefault();
19605
-
19606
19230
  if (!isOpen) {
19607
19231
  return focusSearchInput();
19608
19232
  }
19609
-
19610
19233
  focusPrevSkinTone();
19611
19234
  break;
19612
-
19613
19235
  case KeyboardEvents.ArrowDown:
19614
19236
  event.preventDefault();
19615
-
19616
19237
  if (isOpen) {
19617
19238
  setIsOpen(false);
19618
19239
  }
19619
-
19620
19240
  goDownFromSearchInput();
19621
19241
  break;
19622
-
19623
19242
  default:
19624
19243
  onType(event);
19625
19244
  break;
19626
19245
  }
19627
19246
  }
19628
-
19629
19247
  if (isSkinToneInPreview) {
19630
19248
  switch (key) {
19631
19249
  case KeyboardEvents.ArrowUp:
19632
19250
  event.preventDefault();
19633
-
19634
19251
  if (!isOpen) {
19635
19252
  return focusSearchInput();
19636
19253
  }
19637
-
19638
19254
  focusNextSkinTone(focusSearchInput);
19639
19255
  break;
19640
-
19641
19256
  case KeyboardEvents.ArrowDown:
19642
19257
  event.preventDefault();
19643
-
19644
19258
  if (!isOpen) {
19645
19259
  return focusSearchInput();
19646
19260
  }
19647
-
19648
19261
  focusPrevSkinTone();
19649
19262
  break;
19650
-
19651
19263
  default:
19652
19264
  onType(event);
19653
19265
  break;
@@ -19658,18 +19270,15 @@ function useSkinTonePickerKeyboardEvents() {
19658
19270
  }, [isOpen, focusSearchInput, setIsOpen, goDownFromSearchInput, onType, isSkinToneInPreview, isSkinToneInSearch]);
19659
19271
  useEffect(function () {
19660
19272
  var current = SkinTonePickerRef.current;
19661
-
19662
19273
  if (!current) {
19663
19274
  return;
19664
19275
  }
19665
-
19666
19276
  current.addEventListener('keydown', onKeyDown);
19667
19277
  return function () {
19668
19278
  current.removeEventListener('keydown', onKeyDown);
19669
19279
  };
19670
19280
  }, [SkinTonePickerRef, SearchInputRef, isOpen, onKeyDown]);
19671
19281
  }
19672
-
19673
19282
  function useCategoryNavigationKeyboardEvents() {
19674
19283
  var focusSearchInput = useFocusSearchInput();
19675
19284
  var CategoryNavigationRef = useCategoryNavigationRef();
@@ -19678,28 +19287,23 @@ function useCategoryNavigationKeyboardEvents() {
19678
19287
  var onKeyDown = useMemo(function () {
19679
19288
  return function onKeyDown(event) {
19680
19289
  var key = event.key;
19681
-
19682
19290
  switch (key) {
19683
19291
  case KeyboardEvents.ArrowUp:
19684
19292
  event.preventDefault();
19685
19293
  focusSearchInput();
19686
19294
  break;
19687
-
19688
19295
  case KeyboardEvents.ArrowRight:
19689
19296
  event.preventDefault();
19690
19297
  focusNextElementSibling(getActiveElement());
19691
19298
  break;
19692
-
19693
19299
  case KeyboardEvents.ArrowLeft:
19694
19300
  event.preventDefault();
19695
19301
  focusPrevElementSibling(getActiveElement());
19696
19302
  break;
19697
-
19698
19303
  case KeyboardEvents.ArrowDown:
19699
19304
  event.preventDefault();
19700
19305
  focusFirstVisibleEmoji(BodyRef.current);
19701
19306
  break;
19702
-
19703
19307
  default:
19704
19308
  onType(event);
19705
19309
  break;
@@ -19708,18 +19312,15 @@ function useCategoryNavigationKeyboardEvents() {
19708
19312
  }, [BodyRef, focusSearchInput, onType]);
19709
19313
  useEffect(function () {
19710
19314
  var current = CategoryNavigationRef.current;
19711
-
19712
19315
  if (!current) {
19713
19316
  return;
19714
19317
  }
19715
-
19716
19318
  current.addEventListener('keydown', onKeyDown);
19717
19319
  return function () {
19718
19320
  current.removeEventListener('keydown', onKeyDown);
19719
19321
  };
19720
19322
  }, [CategoryNavigationRef, BodyRef, onKeyDown]);
19721
19323
  }
19722
-
19723
19324
  function useBodyKeyboardEvents() {
19724
19325
  var BodyRef = useBodyRef();
19725
19326
  var goUpFromBody = useGoUpFromBody();
@@ -19728,49 +19329,40 @@ function useBodyKeyboardEvents() {
19728
19329
  var closeAllOpenToggles = useCloseAllOpenToggles();
19729
19330
  var onType = useOnType();
19730
19331
  var onKeyDown = useMemo(function () {
19731
- return (// eslint-disable-next-line complexity
19332
+ return (
19333
+ // eslint-disable-next-line complexity
19732
19334
  function onKeyDown(event) {
19733
19335
  var key = event.key;
19734
19336
  var activeElement = buttonFromTarget(getActiveElement());
19735
-
19736
19337
  switch (key) {
19737
19338
  case KeyboardEvents.ArrowRight:
19738
19339
  event.preventDefault();
19739
19340
  focusNextVisibleEmoji(activeElement);
19740
19341
  break;
19741
-
19742
19342
  case KeyboardEvents.ArrowLeft:
19743
19343
  event.preventDefault();
19744
19344
  focusPrevVisibleEmoji(activeElement);
19745
19345
  break;
19746
-
19747
19346
  case KeyboardEvents.ArrowDown:
19748
19347
  event.preventDefault();
19749
-
19750
19348
  if (hasOpenToggles()) {
19751
19349
  closeAllOpenToggles();
19752
19350
  break;
19753
19351
  }
19754
-
19755
19352
  focusVisibleEmojiOneRowDown(activeElement);
19756
19353
  break;
19757
-
19758
19354
  case KeyboardEvents.ArrowUp:
19759
19355
  event.preventDefault();
19760
-
19761
19356
  if (hasOpenToggles()) {
19762
19357
  closeAllOpenToggles();
19763
19358
  break;
19764
19359
  }
19765
-
19766
19360
  focusVisibleEmojiOneRowUp(activeElement, goUpFromBody);
19767
19361
  break;
19768
-
19769
19362
  case KeyboardEvents.Space:
19770
19363
  event.preventDefault();
19771
19364
  setVariationPicker(event.target);
19772
19365
  break;
19773
-
19774
19366
  default:
19775
19367
  onType(event);
19776
19368
  break;
@@ -19780,18 +19372,15 @@ function useBodyKeyboardEvents() {
19780
19372
  }, [goUpFromBody, onType, setVariationPicker, hasOpenToggles, closeAllOpenToggles]);
19781
19373
  useEffect(function () {
19782
19374
  var current = BodyRef.current;
19783
-
19784
19375
  if (!current) {
19785
19376
  return;
19786
19377
  }
19787
-
19788
19378
  current.addEventListener('keydown', onKeyDown);
19789
19379
  return function () {
19790
19380
  current.removeEventListener('keydown', onKeyDown);
19791
19381
  };
19792
19382
  }, [BodyRef, onKeyDown]);
19793
19383
  }
19794
-
19795
19384
  function useGoDownFromSearchInput() {
19796
19385
  var focusCategoryNavigation = useFocusCategoryNavigation();
19797
19386
  var isSearchMode = useIsSearchMode();
@@ -19800,11 +19389,9 @@ function useGoDownFromSearchInput() {
19800
19389
  if (isSearchMode) {
19801
19390
  return focusFirstVisibleEmoji(BodyRef.current);
19802
19391
  }
19803
-
19804
19392
  return focusCategoryNavigation();
19805
19393
  }, [BodyRef, focusCategoryNavigation, isSearchMode]);
19806
19394
  }
19807
-
19808
19395
  function useGoUpFromBody() {
19809
19396
  var focusSearchInput = useFocusSearchInput();
19810
19397
  var focusCategoryNavigation = useFocusCategoryNavigation();
@@ -19813,35 +19400,26 @@ function useGoUpFromBody() {
19813
19400
  if (isSearchMode) {
19814
19401
  return focusSearchInput();
19815
19402
  }
19816
-
19817
19403
  return focusCategoryNavigation();
19818
19404
  }, [focusSearchInput, isSearchMode, focusCategoryNavigation]);
19819
19405
  }
19820
-
19821
19406
  function focusNextSkinTone(exitLeft) {
19822
19407
  var currentSkinTone = getActiveElement();
19823
-
19824
19408
  if (!currentSkinTone) {
19825
19409
  return;
19826
19410
  }
19827
-
19828
19411
  if (!hasNextElementSibling(currentSkinTone)) {
19829
19412
  exitLeft();
19830
19413
  }
19831
-
19832
19414
  focusNextElementSibling(currentSkinTone);
19833
19415
  }
19834
-
19835
19416
  function focusPrevSkinTone() {
19836
19417
  var currentSkinTone = getActiveElement();
19837
-
19838
19418
  if (!currentSkinTone) {
19839
19419
  return;
19840
19420
  }
19841
-
19842
19421
  focusPrevElementSibling(currentSkinTone);
19843
19422
  }
19844
-
19845
19423
  function useOnType() {
19846
19424
  var appendSearch = useAppendSearch();
19847
19425
  var focusSearchInput = useFocusSearchInput();
@@ -19849,11 +19427,9 @@ function useOnType() {
19849
19427
  var closeAllOpenToggles = useCloseAllOpenToggles();
19850
19428
  return function onType(event) {
19851
19429
  var key = event.key;
19852
-
19853
19430
  if (hasModifier(event) || searchDisabled) {
19854
19431
  return;
19855
19432
  }
19856
-
19857
19433
  if (key.match(/(^[a-zA-Z0-9]$){1}/)) {
19858
19434
  event.preventDefault();
19859
19435
  closeAllOpenToggles();
@@ -19862,11 +19438,10 @@ function useOnType() {
19862
19438
  }
19863
19439
  };
19864
19440
  }
19865
-
19866
19441
  function hasModifier(event) {
19867
19442
  var metaKey = event.metaKey,
19868
- ctrlKey = event.ctrlKey,
19869
- altKey = event.altKey;
19443
+ ctrlKey = event.ctrlKey,
19444
+ altKey = event.altKey;
19870
19445
  return metaKey || ctrlKey || altKey;
19871
19446
  }
19872
19447
 
@@ -19874,17 +19449,13 @@ function preloadEmoji(getEmojiUrl, emoji, emojiStyle) {
19874
19449
  if (!emoji) {
19875
19450
  return;
19876
19451
  }
19877
-
19878
19452
  if (emojiStyle === EmojiStyle.NATIVE) {
19879
19453
  return;
19880
19454
  }
19881
-
19882
19455
  var unified = emojiUnified(emoji);
19883
-
19884
19456
  if (preloadedEmojs.has(unified)) {
19885
19457
  return;
19886
19458
  }
19887
-
19888
19459
  emojiVariations(emoji).forEach(function (variation) {
19889
19460
  var emojiUrl = getEmojiUrl(variation, emojiStyle);
19890
19461
  preloadImage(emojiUrl);
@@ -19892,7 +19463,6 @@ function preloadEmoji(getEmojiUrl, emoji, emojiStyle) {
19892
19463
  preloadedEmojs.add(unified);
19893
19464
  }
19894
19465
  var preloadedEmojs = /*#__PURE__*/new Set();
19895
-
19896
19466
  function preloadImage(url) {
19897
19467
  var image = new Image();
19898
19468
  image.src = url;
@@ -19906,27 +19476,21 @@ function useOnFocus() {
19906
19476
  if (emojiStyle === EmojiStyle.NATIVE) {
19907
19477
  return;
19908
19478
  }
19909
-
19910
19479
  var bodyRef = BodyRef.current;
19911
19480
  bodyRef == null ? void 0 : bodyRef.addEventListener('focusin', onFocus);
19912
19481
  return function () {
19913
19482
  bodyRef == null ? void 0 : bodyRef.removeEventListener('focusin', onFocus);
19914
19483
  };
19915
-
19916
19484
  function onFocus(event) {
19917
19485
  var button = buttonFromTarget(event.target);
19918
-
19919
19486
  if (!button) {
19920
19487
  return;
19921
19488
  }
19922
-
19923
19489
  var _emojiFromElement = emojiFromElement(button),
19924
- emoji = _emojiFromElement[0];
19925
-
19490
+ emoji = _emojiFromElement[0];
19926
19491
  if (!emoji) {
19927
19492
  return;
19928
19493
  }
19929
-
19930
19494
  if (emojiHasVariations(emoji)) {
19931
19495
  preloadEmoji(getEmojiUrl, emoji, emojiStyle);
19932
19496
  }
@@ -19938,10 +19502,8 @@ function PickerMain(_ref) {
19938
19502
  var children = _ref.children;
19939
19503
  return createElement(PickerContextProvider, null, createElement(PickerRootElement, null, children));
19940
19504
  }
19941
-
19942
19505
  function PickerRootElement(_ref2) {
19943
19506
  var _cx;
19944
-
19945
19507
  var children = _ref2.children;
19946
19508
  var theme = useThemeConfig();
19947
19509
  var searchModeActive = useIsSearchMode();
@@ -19951,12 +19513,11 @@ function PickerRootElement(_ref2) {
19951
19513
  useKeyboardNavigation();
19952
19514
  useOnFocus();
19953
19515
  return createElement("aside", {
19954
- className: cx(styles$6.main, styles$6.baseVariables, theme === Theme.DARK && styles$6.darkTheme, theme === Theme.AUTO && styles$6.autoThemeDark, (_cx = {}, _cx[ClassNames.searchActive] = searchModeActive, _cx), className),
19516
+ className: cx(styles$8.main, styles$8.baseVariables, theme === Theme.DARK && styles$8.darkTheme, theme === Theme.AUTO && styles$8.autoThemeDark, (_cx = {}, _cx[ClassNames.searchActive] = searchModeActive, _cx), className),
19955
19517
  ref: PickerMainRef,
19956
19518
  style: style
19957
19519
  }, children);
19958
19520
  }
19959
-
19960
19521
  var DarkTheme = {
19961
19522
  '--epr-emoji-variation-picker-bg-color': 'var(--epr-dark-emoji-variation-picker-bg-color)',
19962
19523
  '--epr-highlight-color': 'var(--epr-dark-highlight-color)',
@@ -19972,7 +19533,7 @@ var DarkTheme = {
19972
19533
  '--epr-category-icon-active-color': 'var(--epr-dark-category-icon-active-color)',
19973
19534
  '--epr-skin-tone-picker-menu-color': 'var(--epr-dark-skin-tone-picker-menu-color)'
19974
19535
  };
19975
- var styles$6 = /*#__PURE__*/stylesheet.create({
19536
+ var styles$8 = /*#__PURE__*/stylesheet.create({
19976
19537
  main: {
19977
19538
  '.': ['epr-main', ClassNames.emojiPicker],
19978
19539
  position: 'relative',
@@ -19998,15 +19559,12 @@ var styles$6 = /*#__PURE__*/stylesheet.create({
19998
19559
  '--epr-skin-tone-picker-menu-color': '#ffffff95',
19999
19560
  '--epr-horizontal-padding': '10px',
20000
19561
  '--epr-picker-border-radius': '8px',
20001
-
20002
19562
  /* Header */
20003
19563
  '--epr-search-border-color': 'var(--epr-highlight-color)',
20004
19564
  '--epr-header-padding': '15px var(--epr-horizontal-padding)',
20005
-
20006
19565
  /* Skin Tone Picker */
20007
19566
  '--epr-active-skin-tone-indicator-border-color': 'var(--epr-highlight-color)',
20008
19567
  '--epr-active-skin-hover-color': 'var(--epr-hover-bg-color)',
20009
-
20010
19568
  /* Search */
20011
19569
  '--epr-search-input-bg-color-active': 'var(--epr-search-input-bg-color)',
20012
19570
  '--epr-search-input-padding': '0 30px',
@@ -20015,30 +19573,24 @@ var styles$6 = /*#__PURE__*/stylesheet.create({
20015
19573
  '--epr-search-input-text-color': 'var(--epr-text-color)',
20016
19574
  '--epr-search-input-placeholder-color': 'var(--epr-text-color)',
20017
19575
  '--epr-search-bar-inner-padding': 'var(--epr-horizontal-padding)',
20018
-
20019
19576
  /* Category Navigation */
20020
19577
  '--epr-category-navigation-button-size': '30px',
20021
-
20022
19578
  /* Variation Picker */
20023
19579
  '--epr-emoji-variation-picker-height': '45px',
20024
19580
  '--epr-emoji-variation-picker-bg-color': 'var(--epr-bg-color)',
20025
-
20026
19581
  /* Preview */
20027
19582
  '--epr-preview-height': '70px',
20028
19583
  '--epr-preview-text-size': '14px',
20029
19584
  '--epr-preview-text-padding': '0 var(--epr-horizontal-padding)',
20030
19585
  '--epr-preview-border-color': 'var(--epr-picker-border-color)',
20031
19586
  '--epr-preview-text-color': 'var(--epr-text-color)',
20032
-
20033
19587
  /* Category */
20034
19588
  '--epr-category-padding': '0 var(--epr-horizontal-padding)',
20035
-
20036
19589
  /* Category Label */
20037
19590
  '--epr-category-label-bg-color': '#ffffffe6',
20038
19591
  '--epr-category-label-text-color': 'var(--epr-text-color)',
20039
19592
  '--epr-category-label-padding': '0 var(--epr-horizontal-padding)',
20040
19593
  '--epr-category-label-height': '40px',
20041
-
20042
19594
  /* Emoji */
20043
19595
  '--epr-emoji-size': '30px',
20044
19596
  '--epr-emoji-padding': '5px',
@@ -20046,14 +19598,12 @@ var styles$6 = /*#__PURE__*/stylesheet.create({
20046
19598
  '--epr-emoji-hover-color': 'var(--epr-hover-bg-color)',
20047
19599
  '--epr-emoji-variation-indicator-color': 'var(--epr-picker-border-color)',
20048
19600
  '--epr-emoji-variation-indicator-color-hover': 'var(--epr-text-color)',
20049
-
20050
19601
  /* Z-Index */
20051
19602
  '--epr-header-overlay-z-index': '3',
20052
19603
  '--epr-emoji-variations-indictator-z-index': '1',
20053
19604
  '--epr-category-label-z-index': '2',
20054
19605
  '--epr-skin-variation-picker-z-index': '5',
20055
19606
  '--epr-preview-z-index': '6',
20056
-
20057
19607
  /* Dark Theme Variables */
20058
19608
  '--epr-dark': '#000',
20059
19609
  '--epr-dark-emoji-variation-picker-bg-color': 'var(--epr-dark)',
@@ -20083,17 +19633,15 @@ var styles$6 = /*#__PURE__*/stylesheet.create({
20083
19633
  }
20084
19634
  });
20085
19635
 
20086
- var css_248z$5 = ".EmojiPickerReact:not(.epr-search-active) .epr-visible-on-search-only{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:not(:-moz-placeholder-shown)) .epr-hidden-on-search{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:not(:placeholder-shown)) .epr-hidden-on-search{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:-moz-placeholder-shown) .epr-visible-on-search-only{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:placeholder-shown) .epr-visible-on-search-only{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.EmojiPickerReact *{box-sizing:border-box;font-family:sans-serif}.EmojiPickerReact button.epr-btn{background:none;border:0;cursor:pointer;outline:none}";
19636
+ var css_248z$5 = ".EmojiPickerReact:not(.epr-search-active) .epr-visible-on-search-only{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:not(:-moz-placeholder-shown)) .epr-hidden-on-search{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:not(:placeholder-shown)) .epr-hidden-on-search{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:-moz-placeholder-shown) .epr-visible-on-search-only{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:placeholder-shown) .epr-visible-on-search-only{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.EmojiPickerReact *{box-sizing:border-box;font-family:sans-serif}";
20087
19637
  styleInject(css_248z$5);
20088
19638
 
20089
19639
  function EmojiPicker(props) {
20090
19640
  return createElement(ElementRefContextProvider, null, createElement(PickerConfigProvider, Object.assign({}, props), createElement(PickerMain, null, createElement(Header, null), createElement(Body, null), createElement(Preview, null))));
20091
- } // eslint-disable-next-line complexity
20092
-
20093
-
19641
+ }
19642
+ // eslint-disable-next-line complexity
20094
19643
  var EmojiPickerReact = /*#__PURE__*/memo(EmojiPicker, function (prev, next) {
20095
19644
  var _prev$customEmojis, _next$customEmojis;
20096
-
20097
19645
  var prevCustomEmojis = (_prev$customEmojis = prev.customEmojis) != null ? _prev$customEmojis : [];
20098
19646
  var nextCustomEmojis = (_next$customEmojis = next.customEmojis) != null ? _next$customEmojis : [];
20099
19647
  return prev.emojiVersion === next.emojiVersion && prev.searchPlaceHolder === next.searchPlaceHolder && prev.searchPlaceholder === next.searchPlaceholder && prev.defaultSkinTone === next.defaultSkinTone && prev.skinTonesDisabled === next.skinTonesDisabled && prev.autoFocusSearch === next.autoFocusSearch && prev.emojiStyle === next.emojiStyle && prev.theme === next.theme && prev.suggestedEmojisMode === next.suggestedEmojisMode && prev.lazyLoadEmojis === next.lazyLoadEmojis && prev.className === next.className && prev.height === next.height && prev.width === next.width && prev.style === next.style && prev.searchDisabled === next.searchDisabled && prev.skinTonePickerLocation === next.skinTonePickerLocation && prevCustomEmojis.length === nextCustomEmojis.length;
@@ -20101,56 +19649,46 @@ var EmojiPickerReact = /*#__PURE__*/memo(EmojiPicker, function (prev, next) {
20101
19649
 
20102
19650
  var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
20103
19651
  _inheritsLoose(ErrorBoundary, _React$Component);
20104
-
20105
19652
  function ErrorBoundary(props) {
20106
19653
  var _this;
20107
-
20108
19654
  _this = _React$Component.call(this, props) || this;
20109
19655
  _this.state = {
20110
19656
  hasError: false
20111
19657
  };
20112
19658
  return _this;
20113
19659
  }
20114
-
20115
19660
  ErrorBoundary.getDerivedStateFromError = function getDerivedStateFromError() {
20116
19661
  return {
20117
19662
  hasError: true
20118
19663
  };
20119
19664
  };
20120
-
20121
19665
  var _proto = ErrorBoundary.prototype;
20122
-
20123
19666
  _proto.componentDidCatch = function componentDidCatch(error, errorInfo) {
20124
19667
  // eslint-disable-next-line no-console
20125
19668
  console.error('Emoji Picker React failed to render:', error, errorInfo);
20126
19669
  };
20127
-
20128
19670
  _proto.render = function render() {
20129
19671
  if (this.state.hasError) {
20130
19672
  return null;
20131
19673
  }
20132
-
20133
19674
  return this.props.children;
20134
19675
  };
20135
-
20136
19676
  return ErrorBoundary;
20137
19677
  }(Component);
20138
19678
 
20139
19679
  function ExportedEmoji(_ref) {
20140
19680
  var unified = _ref.unified,
20141
- _ref$size = _ref.size,
20142
- size = _ref$size === void 0 ? 32 : _ref$size,
20143
- _ref$emojiStyle = _ref.emojiStyle,
20144
- emojiStyle = _ref$emojiStyle === void 0 ? EmojiStyle.APPLE : _ref$emojiStyle,
20145
- _ref$lazyLoad = _ref.lazyLoad,
20146
- lazyLoad = _ref$lazyLoad === void 0 ? false : _ref$lazyLoad,
20147
- getEmojiUrl = _ref.getEmojiUrl,
20148
- emojiUrl = _ref.emojiUrl;
20149
-
19681
+ _ref$size = _ref.size,
19682
+ size = _ref$size === void 0 ? 32 : _ref$size,
19683
+ _ref$emojiStyle = _ref.emojiStyle,
19684
+ emojiStyle = _ref$emojiStyle === void 0 ? EmojiStyle.APPLE : _ref$emojiStyle,
19685
+ _ref$lazyLoad = _ref.lazyLoad,
19686
+ lazyLoad = _ref$lazyLoad === void 0 ? false : _ref$lazyLoad,
19687
+ getEmojiUrl = _ref.getEmojiUrl,
19688
+ emojiUrl = _ref.emojiUrl;
20150
19689
  if (!unified && !emojiUrl && !getEmojiUrl) {
20151
19690
  return null;
20152
19691
  }
20153
-
20154
19692
  return createElement(ViewOnlyEmoji, {
20155
19693
  unified: unified,
20156
19694
  size: size,