@nectary/components 5.33.0 → 5.35.0

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.
package/bundle.js CHANGED
@@ -225,27 +225,53 @@ class NectaryElement extends NectaryElementBase {
225
225
  return this.#isDomConnected;
226
226
  }
227
227
  }
228
- const templateHTML$1g = '<style>:host{display:inline-block}#icon{display:block;font-weight:var(--sinch-comp-icon-font-weight);font-size:var(--sinch-global-size-icon, 24px);-webkit-font-smoothing:antialiased;line-height:1;white-space:nowrap;width:var(--sinch-global-size-icon,24px);height:var(--sinch-global-size-icon,24px);color:var(--sinch-global-color-icon,var(--sinch-sys-color-text-default));user-select:none;font-family:var(--sinch-comp-icon-font-family);font-feature-settings:var(--sinch-comp-icon-font-feature-settings)}#icon.zero-to-d{font-family:var(--sinch-comp-icon-font-family-zero-to-d)}#icon.e-to-o{font-family:var(--sinch-comp-icon-font-family-e-to-o)}#icon.p-to-z{font-family:var(--sinch-comp-icon-font-family-p-to-z)}</style><span id="icon" role="img"></span>';
229
- const template$1g = document.createElement("template");
230
- template$1g.innerHTML = templateHTML$1g;
228
+ const templateHTML$1j = '<style>:host{display:inline-block}#icon{display:block;font-weight:var(--sinch-comp-icon-font-weight);font-size:var(--sinch-global-size-icon, 24px);-webkit-font-smoothing:antialiased;line-height:1;white-space:nowrap;width:var(--sinch-global-size-icon,24px);height:var(--sinch-global-size-icon,24px);color:var(--sinch-global-color-icon,var(--sinch-sys-color-text-default));user-select:none;font-family:var(--sinch-comp-icon-font-family);font-feature-settings:var(--sinch-comp-icon-font-feature-settings)}#icon.zero-to-d{font-family:var(--sinch-comp-icon-font-family-zero-to-d)}#icon.e-to-o{font-family:var(--sinch-comp-icon-font-family-e-to-o)}#icon.p-to-z{font-family:var(--sinch-comp-icon-font-family-p-to-z)}</style><span id="icon" role="img"></span>';
229
+ const template$1j = document.createElement("template");
230
+ template$1j.innerHTML = templateHTML$1j;
231
231
  class Icon extends NectaryElement {
232
232
  #$icon;
233
233
  constructor() {
234
234
  super();
235
235
  const shadowRoot = this.attachShadow();
236
- shadowRoot.appendChild(template$1g.content.cloneNode(true));
236
+ shadowRoot.appendChild(template$1j.content.cloneNode(true));
237
237
  this.#$icon = shadowRoot.querySelector("#icon");
238
238
  }
239
239
  static get observedAttributes() {
240
240
  return ["name", "icons-version"];
241
241
  }
242
+ /* Font class is now set before the text content. Covered by new regression tests.
243
+
244
+ Before:
245
+ 1. textContent = "fa-clone" → Safari renders the text using the default font
246
+ (Material Icons)
247
+ 2. _matchNameToFont() → switches font-family to Sinch Icons Zero To D via
248
+ class
249
+
250
+ After:
251
+ 1. _matchNameToFont() → sets the correct font-family class first
252
+ 2. textContent = "fa-clone" → Safari renders the text using the correct font
253
+ from the start
254
+
255
+ Reasoning:
256
+ * Safari caches the ligature layout from the first paint. When
257
+ the text was set in Material Icons (which doesn't have these ligatures),
258
+ Safari calculated glyph positions for individual characters. When the font
259
+ then switched to Sinch Icons, Safari reused some of that cached layout
260
+ instead of fully recalculating — shifting certain glyphs to the right.
261
+ * _matchNameToFont() reads this.name via getAttribute(this,
262
+ 'name'), which reads the HTML attribute — not textContent. The attribute is
263
+ already set when the callback fires (that's what triggers the callback), so
264
+ the method gets the correct name regardless of when textContent is set.
265
+ */
242
266
  attributeChangedCallback(name, _, newVal) {
243
267
  switch (name) {
244
268
  case "name": {
245
- this.#$icon.textContent = newVal;
246
- updateAttribute(this.#$icon, "aria-label", newVal);
247
- if (getAttribute(this, "icons-version", "1") !== "1") {
248
- this._matchNameToFont();
269
+ {
270
+ this.#$icon.textContent = newVal;
271
+ updateAttribute(this.#$icon, "aria-label", newVal);
272
+ if (getAttribute(this, "icons-version", "1") !== "1") {
273
+ this._matchNameToFont();
274
+ }
249
275
  }
250
276
  break;
251
277
  }
@@ -283,14 +309,14 @@ class Icon extends NectaryElement {
283
309
  }
284
310
  defineCustomElement("sinch-icon", Icon);
285
311
  const typeValues$7 = ["m", "s", "xs", "xxs"];
286
- const templateHTML$1f = '<style>:host{text-align:var(--sinch-comp-text-align);display:block;font:var(--sinch-comp-text-font);color:var(--sinch-global-color-text,var(--sinch-sys-color-text-default));--sinch-comp-text-font:var(--sinch-sys-font-body-m);--sinch-comp-text-align:unset}:host([inline]){display:inline}:host([type="s"]){--sinch-comp-text-font:var(--sinch-sys-font-body-s)}:host([type=xs]){--sinch-comp-text-font:var(--sinch-sys-font-body-xs)}:host([type=xxs]){--sinch-comp-text-font:var(--sinch-sys-font-body-xxs)}:host([type="m"][emphasized]){--sinch-comp-text-font:var(--sinch-sys-font-body-emphasize)}:host([type="s"][emphasized]){--sinch-comp-text-font:var(--sinch-sys-font-body-emphasize-s)}:host([type=xs][emphasized]){--sinch-comp-text-font:var(--sinch-sys-font-body-emphasize-xs)}:host([ellipsis]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--sinch-global-text-white-space:nowrap}</style><slot></slot>';
287
- const template$1f = document.createElement("template");
288
- template$1f.innerHTML = templateHTML$1f;
312
+ const templateHTML$1i = '<style>:host{text-align:var(--sinch-comp-text-align);display:block;font:var(--sinch-comp-text-font);color:var(--sinch-global-color-text,var(--sinch-sys-color-text-default));--sinch-comp-text-font:var(--sinch-sys-font-body-m);--sinch-comp-text-align:unset}:host([inline]){display:inline}:host([type="s"]){--sinch-comp-text-font:var(--sinch-sys-font-body-s)}:host([type=xs]){--sinch-comp-text-font:var(--sinch-sys-font-body-xs)}:host([type=xxs]){--sinch-comp-text-font:var(--sinch-sys-font-body-xxs)}:host([type="m"][emphasized]){--sinch-comp-text-font:var(--sinch-sys-font-body-emphasize)}:host([type="s"][emphasized]){--sinch-comp-text-font:var(--sinch-sys-font-body-emphasize-s)}:host([type=xs][emphasized]){--sinch-comp-text-font:var(--sinch-sys-font-body-emphasize-xs)}:host([ellipsis]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--sinch-global-text-white-space:nowrap}</style><slot></slot>';
313
+ const template$1i = document.createElement("template");
314
+ template$1i.innerHTML = templateHTML$1i;
289
315
  class Text extends NectaryElement {
290
316
  constructor() {
291
317
  super();
292
318
  const shadowRoot = this.attachShadow();
293
- shadowRoot.appendChild(template$1f.content.cloneNode(true));
319
+ shadowRoot.appendChild(template$1i.content.cloneNode(true));
294
320
  }
295
321
  connectedCallback() {
296
322
  this.#updateRole();
@@ -348,22 +374,27 @@ class Text extends NectaryElement {
348
374
  }
349
375
  defineCustomElement("sinch-text", Text);
350
376
  const typeValues$6 = ["xl", "l", "m", "s", "xs"];
351
- const templateHTML$1e = '<style>:host{display:block;--sinch-comp-title-font:var(--sinch-sys-font-desktop-title-m)}:host([type=xl]){--sinch-comp-title-font:var(--sinch-sys-font-desktop-title-xl)}:host([type="l"]){--sinch-comp-title-font:var(--sinch-sys-font-desktop-title-l)}:host([type="m"]){--sinch-comp-title-font:var(--sinch-sys-font-desktop-title-m)}:host([type="s"]){--sinch-comp-title-font:var(--sinch-sys-font-desktop-title-s)}:host([type=xs]){--sinch-comp-title-font:var(--sinch-sys-font-desktop-title-xs)}#text{letter-spacing:-2%;color:var(--sinch-global-color-text,var(--sinch-sys-color-text-default));font:var(--sinch-comp-title-font)}:host([ellipsis]) #text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}</style><span id="text"></span>';
352
- const template$1e = document.createElement("template");
353
- template$1e.innerHTML = templateHTML$1e;
377
+ const templateHTML$1h = '<style>:host{display:block;--sinch-comp-title-font:var(--sinch-sys-font-desktop-title-m)}:host([type=xl]){--sinch-comp-title-font:var(--sinch-sys-font-desktop-title-xl)}:host([type="l"]){--sinch-comp-title-font:var(--sinch-sys-font-desktop-title-l)}:host([type="m"]){--sinch-comp-title-font:var(--sinch-sys-font-desktop-title-m)}:host([type="s"]){--sinch-comp-title-font:var(--sinch-sys-font-desktop-title-s)}:host([type=xs]){--sinch-comp-title-font:var(--sinch-sys-font-desktop-title-xs)}#text{letter-spacing:-2%;color:var(--sinch-global-color-text,var(--sinch-sys-color-text-default));font:var(--sinch-comp-title-font)}:host([ellipsis]) #text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}</style><span id="text"></span>';
378
+ const template$1h = document.createElement("template");
379
+ template$1h.innerHTML = templateHTML$1h;
354
380
  class Title extends NectaryElement {
355
381
  #$text;
356
382
  constructor() {
357
383
  super();
358
384
  const shadowRoot = this.attachShadow();
359
- shadowRoot.appendChild(template$1e.content.cloneNode(true));
385
+ shadowRoot.appendChild(template$1h.content.cloneNode(true));
360
386
  this.#$text = shadowRoot.querySelector("#text");
361
387
  }
362
388
  connectedCallback() {
363
389
  this.setAttribute("role", "heading");
364
390
  }
365
391
  static get observedAttributes() {
366
- return ["text", "level", "ellipsis"];
392
+ return [
393
+ "text",
394
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: level missing set/get pair
395
+ "level",
396
+ "ellipsis"
397
+ ];
367
398
  }
368
399
  attributeChangedCallback(name, oldVal, newVal) {
369
400
  switch (name) {
@@ -405,9 +436,9 @@ class Title extends NectaryElement {
405
436
  }
406
437
  defineCustomElement("sinch-title", Title);
407
438
  const statusValues$1 = ["info", "success", "warn", "error"];
408
- const templateHTML$1d = '<style>:host{display:block;outline:0;min-height:48px}#wrapper{display:flex;flex-direction:column;position:relative;width:100%;height:100%;box-sizing:border-box;overflow:hidden;border-bottom:1px solid var(--sinch-comp-accordion-color-default-border-initial)}:host(:last-child)>#wrapper{border-bottom:none}#button{all:initial;display:flex;position:relative;align-items:flex-start;gap:8px;box-sizing:border-box;width:100%;min-height:48px;padding:12px 4px 12px 8px;cursor:pointer;--sinch-global-color-icon:var(--sinch-comp-accordion-color-default-icon-initial);--sinch-global-size-icon:var(--sinch-comp-accordion-size-icon)}#button>*{pointer-events:none}#button:disabled{cursor:initial;--sinch-global-color-icon:var(--sinch-comp-accordion-color-disabled-icon-initial)}#button:focus-visible::after{content:"";position:absolute;inset:0;border:2px solid var(--sinch-comp-accordion-color-default-outline-focus);pointer-events:none}#status-wrapper{display:none;width:18px;height:24px;padding:8px 8px 8px 2px;box-sizing:border-box}#status{width:8px;height:8px;border-radius:50%}:host([status]:not([status=""])) #status-wrapper{display:block}:host([status=success]) #status{background-color:var(--sinch-comp-accordion-color-default-status-success)}:host([status=warn]) #status{background-color:var(--sinch-comp-accordion-color-default-status-warning)}:host([status=error]) #status{background-color:var(--sinch-comp-accordion-color-default-status-error)}:host([status=info]) #status{background-color:var(--sinch-comp-accordion-color-default-status-info)}#title{flex:1;min-width:0;--sinch-comp-title-font:var(--sinch-comp-accordion-font-title);--sinch-global-color-text:var(--sinch-comp-accordion-color-default-title-initial)}#button:disabled>#title{--sinch-global-color-text:var(--sinch-comp-accordion-color-disabled-title-initial)}#content{display:none;overflow-y:auto;flex-shrink:1;min-height:0;padding:0 8px 12px}#dropdown-icon{flex-shrink:0;margin-top:2px;transform:rotate(0);will-change:transform;transition:transform .25s ease-in-out}#button[aria-expanded=true]>#dropdown-icon{transform:rotate(180deg)}#button[aria-expanded=true]+#content{display:block}#optional{flex-shrink:0;--sinch-comp-text-font:var(--sinch-comp-accordion-font-optional-text);--sinch-global-color-text:var(--sinch-comp-accordion-color-default-optional-text-initial)}#button:disabled>#optional{--sinch-global-color-text:var(--sinch-comp-accordion-color-disabled-optional-text-initial)}</style><div id="wrapper"><button id="button" aria-controls="content" aria-expanded="false"><div id="status-wrapper"><div id="status"></div></div><slot name="icon"></slot><sinch-title id="title" level="3" type="m" ellipsis></sinch-title><sinch-text id="optional" type="m"></sinch-text><sinch-icon icons-version="2" name="fa-chevron-down" id="dropdown-icon"></sinch-icon></button><div id="content" role="region" aria-labelledby="button"><slot name="content"></slot></div></div>';
409
- const template$1d = document.createElement("template");
410
- template$1d.innerHTML = templateHTML$1d;
439
+ const templateHTML$1g = '<style>:host{display:block;outline:0;min-height:48px}#wrapper{display:flex;flex-direction:column;position:relative;width:100%;height:100%;box-sizing:border-box;overflow:hidden;border-bottom:1px solid var(--sinch-comp-accordion-color-default-border-initial)}:host(:last-child)>#wrapper{border-bottom:none}#button{all:initial;display:flex;position:relative;align-items:flex-start;gap:8px;box-sizing:border-box;width:100%;min-height:48px;padding:12px 4px 12px 8px;cursor:pointer;--sinch-global-color-icon:var(--sinch-comp-accordion-color-default-icon-initial);--sinch-global-size-icon:var(--sinch-comp-accordion-size-icon)}#button>*{pointer-events:none}#button:disabled{cursor:initial;--sinch-global-color-icon:var(--sinch-comp-accordion-color-disabled-icon-initial)}#button:focus-visible::after{content:"";position:absolute;inset:0;border:2px solid var(--sinch-comp-accordion-color-default-outline-focus);pointer-events:none}#status-wrapper{display:none;width:18px;height:24px;padding:8px 8px 8px 2px;box-sizing:border-box}#status{width:8px;height:8px;border-radius:50%}:host([status]:not([status=""])) #status-wrapper{display:block}:host([status=success]) #status{background-color:var(--sinch-comp-accordion-color-default-status-success)}:host([status=warn]) #status{background-color:var(--sinch-comp-accordion-color-default-status-warning)}:host([status=error]) #status{background-color:var(--sinch-comp-accordion-color-default-status-error)}:host([status=info]) #status{background-color:var(--sinch-comp-accordion-color-default-status-info)}#title{flex:1;min-width:0;--sinch-comp-title-font:var(--sinch-comp-accordion-font-title);--sinch-global-color-text:var(--sinch-comp-accordion-color-default-title-initial)}#button:disabled>#title{--sinch-global-color-text:var(--sinch-comp-accordion-color-disabled-title-initial)}#content{display:none;overflow-y:auto;flex-shrink:1;min-height:0;padding:0 8px 12px}#dropdown-icon{flex-shrink:0;margin-top:2px;transform:rotate(0);will-change:transform;transition:transform .25s ease-in-out}#button[aria-expanded=true]>#dropdown-icon{transform:rotate(180deg)}#button[aria-expanded=true]+#content{display:block}#optional{flex-shrink:0;--sinch-comp-text-font:var(--sinch-comp-accordion-font-optional-text);--sinch-global-color-text:var(--sinch-comp-accordion-color-default-optional-text-initial)}#button:disabled>#optional{--sinch-global-color-text:var(--sinch-comp-accordion-color-disabled-optional-text-initial)}</style><div id="wrapper"><button id="button" aria-controls="content" aria-expanded="false"><div id="status-wrapper"><div id="status"></div></div><slot name="icon"></slot><sinch-title id="title" level="3" type="m" ellipsis></sinch-title><sinch-text id="optional" type="m"></sinch-text><sinch-icon icons-version="2" name="fa-chevron-down" id="dropdown-icon"></sinch-icon></button><div id="content" role="region" aria-labelledby="button"><slot name="content"></slot></div></div>';
440
+ const template$1g = document.createElement("template");
441
+ template$1g.innerHTML = templateHTML$1g;
411
442
  class AccordionItem extends NectaryElement {
412
443
  #$button;
413
444
  #$title;
@@ -415,7 +446,7 @@ class AccordionItem extends NectaryElement {
415
446
  constructor() {
416
447
  super();
417
448
  const shadowRoot = this.attachShadow({ delegatesFocus: true });
418
- shadowRoot.appendChild(template$1d.content.cloneNode(true));
449
+ shadowRoot.appendChild(template$1g.content.cloneNode(true));
419
450
  this.#$button = shadowRoot.querySelector("#button");
420
451
  this.#$title = shadowRoot.querySelector("#title");
421
452
  this.#$optionalText = shadowRoot.querySelector("#optional");
@@ -423,7 +454,14 @@ class AccordionItem extends NectaryElement {
423
454
  disconnectedCallback() {
424
455
  }
425
456
  static get observedAttributes() {
426
- return ["label", "disabled", "data-checked", "optionaltext", "ellipsis"];
457
+ return [
458
+ "label",
459
+ "disabled",
460
+ "data-checked",
461
+ "optionaltext",
462
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: ellipsis missing set/get pair, fixed by MR !597
463
+ "ellipsis"
464
+ ];
427
465
  }
428
466
  attributeChangedCallback(name, oldVal, newVal) {
429
467
  if (isAttrEqual(oldVal, newVal)) {
@@ -554,16 +592,16 @@ const getTargetIndexInParent = (e, parent) => {
554
592
  }
555
593
  return -1;
556
594
  };
557
- const templateHTML$1c = '<style>:host{display:block}#wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%}::slotted(sinch-accordion-item){flex-shrink:1}</style><div id="wrapper"><slot></slot></div>';
558
- const template$1c = document.createElement("template");
559
- template$1c.innerHTML = templateHTML$1c;
595
+ const templateHTML$1f = '<style>:host{display:block}#wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%}::slotted(sinch-accordion-item){flex-shrink:1}</style><div id="wrapper"><slot></slot></div>';
596
+ const template$1f = document.createElement("template");
597
+ template$1f.innerHTML = templateHTML$1f;
560
598
  class Accordion extends NectaryElement {
561
599
  #$slot;
562
600
  #controller = null;
563
601
  constructor() {
564
602
  super();
565
603
  const shadowRoot = this.attachShadow();
566
- shadowRoot.appendChild(template$1c.content.cloneNode(true));
604
+ shadowRoot.appendChild(template$1f.content.cloneNode(true));
567
605
  this.#$slot = shadowRoot.querySelector("slot");
568
606
  }
569
607
  static get observedAttributes() {
@@ -640,16 +678,16 @@ class Accordion extends NectaryElement {
640
678
  };
641
679
  }
642
680
  defineCustomElement("sinch-accordion", Accordion);
643
- const templateHTML$1b = '<style>:host{display:block;cursor:pointer}:host([disabled]){cursor:initial}#wrapper{all:initial;display:flex;position:relative;box-sizing:border-box;height:40px;width:100%;padding:8px 16px;align-items:center;gap:10px;user-select:none;background-color:var(--sinch-comp-action-menu-color-default-background-initial);--sinch-global-color-text:var(--sinch-comp-action-menu-color-default-text-initial);--sinch-global-color-icon:var(--sinch-comp-action-menu-color-default-icon-initial);--sinch-global-size-icon:var(--sinch-comp-action-menu-size-icon)}:host([data-selected])>#wrapper{background-color:var(--sinch-comp-action-menu-color-default-background-selected)}:host(:hover)>#wrapper{background-color:var(--sinch-comp-action-menu-color-default-background-hover)}:host([disabled])>#wrapper{pointer-events:none;background-color:var(--sinch-comp-action-menu-color-disabled-background-initial);--sinch-global-color-text:var(--sinch-comp-action-menu-color-disabled-text-initial);--sinch-global-color-icon:var(--sinch-comp-action-menu-color-disabled-icon-initial)}#content{flex:1;min-width:0;--sinch-comp-text-font:var(--sinch-comp-action-menu-font-option)}::slotted([slot=icon]){margin-left:-6px}::slotted([slot=right-icon]){margin-right:-6px}</style><div id="wrapper" inert><slot name="icon"></slot><sinch-text id="content" type="m" ellipsis></sinch-text><slot name="right-icon"></slot></div>';
644
- const template$1b = document.createElement("template");
645
- template$1b.innerHTML = templateHTML$1b;
681
+ const templateHTML$1e = '<style>:host{display:block;cursor:pointer}:host([disabled]){cursor:initial}#wrapper{all:initial;display:flex;position:relative;box-sizing:border-box;height:40px;width:100%;padding:8px 16px;align-items:center;gap:10px;user-select:none;background-color:var(--sinch-comp-action-menu-color-default-background-initial);--sinch-global-color-text:var(--sinch-comp-action-menu-color-default-text-initial);--sinch-global-color-icon:var(--sinch-comp-action-menu-color-default-icon-initial);--sinch-global-size-icon:var(--sinch-comp-action-menu-size-icon)}:host([data-selected])>#wrapper{background-color:var(--sinch-comp-action-menu-color-default-background-selected)}:host(:hover)>#wrapper{background-color:var(--sinch-comp-action-menu-color-default-background-hover)}:host([disabled])>#wrapper{pointer-events:none;background-color:var(--sinch-comp-action-menu-color-disabled-background-initial);--sinch-global-color-text:var(--sinch-comp-action-menu-color-disabled-text-initial);--sinch-global-color-icon:var(--sinch-comp-action-menu-color-disabled-icon-initial)}#content{flex:1;min-width:0;--sinch-comp-text-font:var(--sinch-comp-action-menu-font-option)}::slotted([slot=icon]){margin-left:-6px}::slotted([slot=right-icon]){margin-right:-6px}</style><div id="wrapper" inert><slot name="icon"></slot><sinch-text id="content" type="m" ellipsis></sinch-text><slot name="right-icon"></slot></div>';
682
+ const template$1e = document.createElement("template");
683
+ template$1e.innerHTML = templateHTML$1e;
646
684
  class ActionMenuOption extends NectaryElement {
647
685
  #$content;
648
686
  #controller = null;
649
687
  constructor() {
650
688
  super();
651
689
  const shadowRoot = this.attachShadow();
652
- shadowRoot.appendChild(template$1b.content.cloneNode(true));
690
+ shadowRoot.appendChild(template$1e.content.cloneNode(true));
653
691
  this.#$content = shadowRoot.querySelector("#content");
654
692
  }
655
693
  connectedCallback() {
@@ -787,10 +825,10 @@ const subscribeContext = ($el, name, cb, signal) => {
787
825
  );
788
826
  }, { once: true });
789
827
  };
790
- const templateHTML$1a = '<style>:host{display:block;outline:0}#listbox{overflow-y:auto}</style><div id="listbox" role="presentation"><slot></slot></div>';
828
+ const templateHTML$1d = '<style>:host{display:block;outline:0}#listbox{overflow-y:auto}</style><div id="listbox" role="presentation"><slot></slot></div>';
791
829
  const ITEM_HEIGHT$2 = 40;
792
- const template$1a = document.createElement("template");
793
- template$1a.innerHTML = templateHTML$1a;
830
+ const template$1d = document.createElement("template");
831
+ template$1d.innerHTML = templateHTML$1d;
794
832
  class ActionMenu extends NectaryElement {
795
833
  #$optionSlot;
796
834
  #$listbox;
@@ -798,7 +836,7 @@ class ActionMenu extends NectaryElement {
798
836
  constructor() {
799
837
  super();
800
838
  const shadowRoot = this.attachShadow();
801
- shadowRoot.appendChild(template$1a.content.cloneNode(true));
839
+ shadowRoot.appendChild(template$1d.content.cloneNode(true));
802
840
  this.#$optionSlot = shadowRoot.querySelector("slot");
803
841
  this.#$listbox = shadowRoot.querySelector("#listbox");
804
842
  }
@@ -1030,15 +1068,15 @@ const getEmojiUrl = (baseUrl, char) => {
1030
1068
  }
1031
1069
  return baseUrl.replace("%s", codepoints);
1032
1070
  };
1033
- const templateHTML$19 = '<style>:host{display:contents;--sinch-comp-emoji-vertical-align:initial}#image{vertical-align:var(--sinch-comp-emoji-vertical-align);pointer-events:none;width:var(--sinch-global-size-icon,48px);height:var(--sinch-global-size-icon,48px)}</style><img id="image" src="" alt="" loading="lazy">';
1034
- const template$19 = document.createElement("template");
1035
- template$19.innerHTML = templateHTML$19;
1071
+ const templateHTML$1c = '<style>:host{display:contents;--sinch-comp-emoji-vertical-align:initial}#image{vertical-align:var(--sinch-comp-emoji-vertical-align);pointer-events:none;width:var(--sinch-global-size-icon,48px);height:var(--sinch-global-size-icon,48px)}</style><img id="image" src="" alt="" loading="lazy">';
1072
+ const template$1c = document.createElement("template");
1073
+ template$1c.innerHTML = templateHTML$1c;
1036
1074
  class Emoji extends NectaryElement {
1037
1075
  #$img;
1038
1076
  constructor() {
1039
1077
  super();
1040
1078
  const shadowRoot = this.attachShadow();
1041
- shadowRoot.appendChild(template$19.content.cloneNode(true));
1079
+ shadowRoot.appendChild(template$1c.content.cloneNode(true));
1042
1080
  this.#$img = shadowRoot.querySelector("#image");
1043
1081
  }
1044
1082
  connectedCallback() {
@@ -1074,15 +1112,15 @@ class Emoji extends NectaryElement {
1074
1112
  }
1075
1113
  }
1076
1114
  defineCustomElement("sinch-emoji", Emoji);
1077
- const templateHTML$18 = '<style>:host{display:inline}#content{font:var(--sinch-comp-code-tag-font-text);font-size:inherit;line-height:inherit;color:var(--sinch-comp-code-tag-color-default-text-initial);border:1px solid var(--sinch-comp-code-tag-color-default-border-initial);background-color:var(--sinch-comp-code-tag-color-default-background-initial);padding:0 .25em;border-radius:var(--sinch-comp-code-tag-shape-radius);white-space:var(--sinch-global-text-white-space,normal)}</style><span id="content"></span>';
1078
- const template$18 = document.createElement("template");
1079
- template$18.innerHTML = templateHTML$18;
1115
+ const templateHTML$1b = '<style>:host{display:inline}#content{font:var(--sinch-comp-code-tag-font-text);font-size:inherit;line-height:inherit;color:var(--sinch-comp-code-tag-color-default-text-initial);border:1px solid var(--sinch-comp-code-tag-color-default-border-initial);background-color:var(--sinch-comp-code-tag-color-default-background-initial);padding:0 .25em;border-radius:var(--sinch-comp-code-tag-shape-radius);white-space:var(--sinch-global-text-white-space,normal)}</style><span id="content"></span>';
1116
+ const template$1b = document.createElement("template");
1117
+ template$1b.innerHTML = templateHTML$1b;
1080
1118
  class CodeTag extends NectaryElement {
1081
1119
  #$text;
1082
1120
  constructor() {
1083
1121
  super();
1084
1122
  const shadowRoot = this.attachShadow();
1085
- shadowRoot.appendChild(template$18.content.cloneNode(true));
1123
+ shadowRoot.appendChild(template$1b.content.cloneNode(true));
1086
1124
  this.#$text = shadowRoot.querySelector("#content");
1087
1125
  }
1088
1126
  static get observedAttributes() {
@@ -1104,9 +1142,9 @@ class CodeTag extends NectaryElement {
1104
1142
  }
1105
1143
  }
1106
1144
  defineCustomElement("sinch-code-tag", CodeTag);
1107
- const templateHTML$17 = '<style>:host{display:inline}a{font:var(--sinch-comp-link-default-font-initial);font-size:inherit;line-height:inherit;text-decoration:var(--sinch-comp-link-default-text-decoration-initial);color:var(--sinch-comp-link-color-default-text-initial);border-radius:.5em;white-space:nowrap;--sinch-global-color-icon:var(--sinch-comp-link-color-default-icon-initial)}a:hover{text-decoration:var(--sinch-comp-link-default-text-decoration-hover);color:var(--sinch-comp-link-color-default-text-hover);--sinch-global-color-icon:var(--sinch-comp-link-color-default-icon-hover)}a:focus-visible{outline:2px solid var(--sinch-comp-link-color-default-outline-focus);outline-offset:2px}:host([standalone]){display:block}:host([standalone]) a{display:block;font:var(--sinch-comp-link-standalone-font-initial);font-size:inherit;line-height:inherit;text-decoration:none;width:fit-content}#external-icon,#standalone-icon{display:none;height:1em}#icon-prefix{display:none;margin-left:-.25em}:host([external]:not([standalone])) #external-icon{display:inline-block;margin-left:.25em;vertical-align:-.2em;--sinch-global-size-icon:1em}:host([standalone][external]) #external-icon{display:inline-block;vertical-align:-.4em;--sinch-global-size-icon:1.5em}:host([standalone]) #icon-prefix{display:inline}:host([standalone]:not([external])) #standalone-icon{display:inline-block;vertical-align:-.4em;--sinch-global-size-icon:1.5em}:host([disabled]) a{color:var(--sinch-comp-link-color-disabled-text-initial);pointer-events:none;cursor:initial;text-decoration:var(--sinch-comp-link-default-text-decoration-disabled);--sinch-global-color-icon:var(--sinch-comp-link-color-disabled-icon-initial)}#content{white-space:var(--sinch-global-text-white-space,normal)}button{display:none;border:none;background:0 0;padding:0;margin:0;cursor:pointer;font:var(--sinch-comp-link-default-font-initial);font-size:inherit;line-height:inherit;text-decoration:var(--sinch-comp-link-default-text-decoration-initial);color:var(--sinch-comp-link-color-default-text-initial);border-radius:.5em;white-space:nowrap}button:hover{text-decoration:var(--sinch-comp-link-default-text-decoration-hover);color:var(--sinch-comp-link-color-default-text-hover)}button:focus-visible{outline:2px solid var(--sinch-comp-link-color-default-outline-focus);outline-offset:2px}:host([disabled]) button{color:var(--sinch-comp-link-color-disabled-text-initial);pointer-events:none;cursor:initial;text-decoration:var(--sinch-comp-link-default-text-decoration-disabled)}#button-content{white-space:var(--sinch-global-text-white-space,normal)}:host([preventdefault]:not([use-history])) a{display:none}:host([preventdefault]:not([use-history])) button{display:inline}</style><a referrerpolicy="no-referer"><span id="content"></span> <span id="icon-prefix">&nbsp;</span><sinch-icon icons-version="2" name="fa-arrow-up-right" id="external-icon"></sinch-icon><sinch-icon icons-version="2" name="fa-arrow-right" id="standalone-icon"></sinch-icon></a><button type="button"><span id="button-content"></span></button>';
1108
- const template$17 = document.createElement("template");
1109
- template$17.innerHTML = templateHTML$17;
1145
+ const templateHTML$1a = '<style>:host{display:inline}a{font:var(--sinch-comp-link-default-font-initial);font-size:inherit;line-height:inherit;text-decoration:var(--sinch-comp-link-default-text-decoration-initial);color:var(--sinch-comp-link-color-default-text-initial);border-radius:.5em;white-space:nowrap;--sinch-global-color-icon:var(--sinch-comp-link-color-default-icon-initial)}a:hover{text-decoration:var(--sinch-comp-link-default-text-decoration-hover);color:var(--sinch-comp-link-color-default-text-hover);--sinch-global-color-icon:var(--sinch-comp-link-color-default-icon-hover)}a:focus-visible{outline:2px solid var(--sinch-comp-link-color-default-outline-focus);outline-offset:2px}:host([standalone]){display:block}:host([standalone]) a{display:block;font:var(--sinch-comp-link-standalone-font-initial);font-size:inherit;line-height:inherit;text-decoration:none;width:fit-content}#external-icon,#standalone-icon{display:none;height:1em}#icon-prefix{display:none;margin-left:-.25em}:host([external]:not([standalone])) #external-icon{display:inline-block;margin-left:.25em;vertical-align:-.2em;--sinch-global-size-icon:1em}:host([standalone][external]) #external-icon{display:inline-block;vertical-align:-.4em;--sinch-global-size-icon:1.5em}:host([standalone]) #icon-prefix{display:inline}:host([standalone]:not([external])) #standalone-icon{display:inline-block;vertical-align:-.4em;--sinch-global-size-icon:1.5em}:host([disabled]) a{color:var(--sinch-comp-link-color-disabled-text-initial);pointer-events:none;cursor:initial;text-decoration:var(--sinch-comp-link-default-text-decoration-disabled);--sinch-global-color-icon:var(--sinch-comp-link-color-disabled-icon-initial)}#content{white-space:var(--sinch-global-text-white-space,normal)}button{display:none;border:none;background:0 0;padding:0;margin:0;cursor:pointer;font:var(--sinch-comp-link-default-font-initial);font-size:inherit;line-height:inherit;text-decoration:var(--sinch-comp-link-default-text-decoration-initial);color:var(--sinch-comp-link-color-default-text-initial);border-radius:.5em;white-space:nowrap}button:hover{text-decoration:var(--sinch-comp-link-default-text-decoration-hover);color:var(--sinch-comp-link-color-default-text-hover)}button:focus-visible{outline:2px solid var(--sinch-comp-link-color-default-outline-focus);outline-offset:2px}:host([disabled]) button{color:var(--sinch-comp-link-color-disabled-text-initial);pointer-events:none;cursor:initial;text-decoration:var(--sinch-comp-link-default-text-decoration-disabled)}#button-content{white-space:var(--sinch-global-text-white-space,normal)}:host([preventdefault]:not([use-history])) a{display:none}:host([preventdefault]:not([use-history])) button{display:inline}</style><a referrerpolicy="no-referer"><span id="content"></span> <span id="icon-prefix">&nbsp;</span><sinch-icon icons-version="2" name="fa-arrow-up-right" id="external-icon"></sinch-icon><sinch-icon icons-version="2" name="fa-arrow-right" id="standalone-icon"></sinch-icon></a><button type="button"><span id="button-content"></span></button>';
1146
+ const template$1a = document.createElement("template");
1147
+ template$1a.innerHTML = templateHTML$1a;
1110
1148
  class Link extends NectaryElement {
1111
1149
  #$anchor;
1112
1150
  #$text;
@@ -1115,7 +1153,7 @@ class Link extends NectaryElement {
1115
1153
  constructor() {
1116
1154
  super();
1117
1155
  const shadowRoot = this.attachShadow();
1118
- shadowRoot.appendChild(template$17.content.cloneNode(true));
1156
+ shadowRoot.appendChild(template$1a.content.cloneNode(true));
1119
1157
  this.#$anchor = shadowRoot.querySelector("a");
1120
1158
  this.#$text = shadowRoot.querySelector("#content");
1121
1159
  this.#$button = shadowRoot.querySelector("button");
@@ -1310,9 +1348,9 @@ const getTagColorBg = (id) => {
1310
1348
  const getTagColorFg = (id) => {
1311
1349
  return `var(--sinch-comp-tag-color-${id}-foreground)`;
1312
1350
  };
1313
- const templateHTML$16 = '<style>:host{display:inline-block;vertical-align:middle;outline:0}#button{all:initial;position:relative;display:flex;flex-direction:row;align-items:center;gap:4px;width:100%;height:var(--sinch-comp-chip-size-container-m);padding:0 5px 0 9px;border-radius:var(--sinch-comp-chip-shape-radius);background-color:var(--sinch-comp-chip-color-neutral-default-background-initial);box-sizing:border-box;--sinch-global-color-text:var(--sinch-comp-chip-color-neutral-default-foreground-initial);--sinch-global-color-icon:var(--sinch-comp-chip-color-neutral-default-foreground-initial);--sinch-global-size-icon:var(--sinch-comp-chip-size-icon-m)}:host(:not([icon])) #icon-start{display:none}#text{flex:1;--sinch-comp-text-font:var(--sinch-comp-chip-font-size-m-label)}:host([readonly]) #button{padding-right:9px}#icon-close{cursor:pointer}:host([readonly]) #icon-close{display:none}</style><div id="button"><sinch-icon icons-version="2" id="icon-start"></sinch-icon><sinch-text id="text" type="xs" ellipsis></sinch-text><sinch-icon icons-version="2" name="circle-cross" id="icon-close"></sinch-icon></div>';
1314
- const template$16 = document.createElement("template");
1315
- template$16.innerHTML = templateHTML$16;
1351
+ const templateHTML$19 = '<style>:host{display:inline-block;vertical-align:middle;outline:0}#button{all:initial;position:relative;display:flex;flex-direction:row;align-items:center;gap:4px;width:100%;height:var(--sinch-comp-chip-size-container-m);padding:0 5px 0 9px;border-radius:var(--sinch-comp-chip-shape-radius);background-color:var(--sinch-comp-chip-color-neutral-default-background-initial);box-sizing:border-box;--sinch-global-color-text:var(--sinch-comp-chip-color-neutral-default-foreground-initial);--sinch-global-color-icon:var(--sinch-comp-chip-color-neutral-default-foreground-initial);--sinch-global-size-icon:var(--sinch-comp-chip-size-icon-m)}:host(:not([icon])) #icon-start{display:none}#text{flex:1;--sinch-comp-text-font:var(--sinch-comp-chip-font-size-m-label)}:host([readonly]) #button{padding-right:9px}#icon-close{cursor:pointer}:host([readonly]) #icon-close{display:none}</style><div id="button"><sinch-icon icons-version="2" id="icon-start"></sinch-icon><sinch-text id="text" type="xs" ellipsis></sinch-text><sinch-icon icons-version="2" name="circle-cross" id="icon-close"></sinch-icon></div>';
1352
+ const template$19 = document.createElement("template");
1353
+ template$19.innerHTML = templateHTML$19;
1316
1354
  class RichTextareaChip extends NectaryElement {
1317
1355
  #$text;
1318
1356
  #$button;
@@ -1322,7 +1360,7 @@ class RichTextareaChip extends NectaryElement {
1322
1360
  constructor() {
1323
1361
  super();
1324
1362
  const shadowRoot = this.attachShadow();
1325
- shadowRoot.appendChild(template$16.content.cloneNode(true));
1363
+ shadowRoot.appendChild(template$19.content.cloneNode(true));
1326
1364
  this.#$text = shadowRoot.querySelector("#text");
1327
1365
  this.#$button = shadowRoot.querySelector("#button");
1328
1366
  this.#$iconStart = shadowRoot.querySelector("#icon-start");
@@ -1746,9 +1784,9 @@ const createParseVisitor$1 = (doc) => {
1746
1784
  }
1747
1785
  };
1748
1786
  };
1749
- const templateHTML$15 = '<style>:host{display:block;--sinch-comp-rich-text-font:var(--sinch-sys-font-body-m)}:host([size="s"]){--sinch-comp-rich-text-font:var(--sinch-sys-font-body-s)}:host([size=xs]){--sinch-comp-rich-text-font:var(--sinch-sys-font-body-xs)}:host([size=xxs]){--sinch-comp-rich-text-font:var(--sinch-sys-font-body-xxs)}#wrapper{font:var(--sinch-comp-rich-text-font);color:var(--sinch-global-color-text,var(--sinch-sys-color-text-default))}.em1{font-style:italic}.em2{font-weight:var(--sinch-ref-typography-font-weight-700)}.strikethrough{text-decoration:line-through}.link{font:var(--sinch-comp-link-default-font-initial);color:var(--sinch-comp-link-color-default-text-initial);text-decoration:underline}.link:hover{color:var(--sinch-comp-link-color-default-text-hover);text-decoration:none}.code{font:var(--sinch-comp-code-tag-font-text);line-height:inherit;font-size:inherit;border:1px solid var(--sinch-comp-code-tag-color-default-border-initial);background-color:var(--sinch-comp-code-tag-color-default-background-initial);padding:0 .25em;border-radius:var(--sinch-comp-code-tag-shape-radius)}.emoji{--sinch-global-size-icon:1em;--sinch-comp-emoji-vertical-align:-0.2em}.ol,.p,.ul{margin:0}.ol,.ul{padding-left:1.5em}.ol+.p,.p+.ol,.p+.p,.p+.ul,.ul+.p{margin-top:.5em}.li>.p+.ol,.li>.p+.ul{margin-top:0}</style><div id="wrapper"></div>';
1750
- const template$15 = document.createElement("template");
1751
- template$15.innerHTML = templateHTML$15;
1787
+ const templateHTML$18 = '<style>:host{display:block;--sinch-comp-rich-text-font:var(--sinch-sys-font-body-m)}:host([size="s"]){--sinch-comp-rich-text-font:var(--sinch-sys-font-body-s)}:host([size=xs]){--sinch-comp-rich-text-font:var(--sinch-sys-font-body-xs)}:host([size=xxs]){--sinch-comp-rich-text-font:var(--sinch-sys-font-body-xxs)}#wrapper{font:var(--sinch-comp-rich-text-font);color:var(--sinch-global-color-text,var(--sinch-sys-color-text-default))}.em1{font-style:italic}.em2{font-weight:var(--sinch-ref-typography-font-weight-700)}.strikethrough{text-decoration:line-through}.link{font:var(--sinch-comp-link-default-font-initial);color:var(--sinch-comp-link-color-default-text-initial);text-decoration:underline}.link:hover{color:var(--sinch-comp-link-color-default-text-hover);text-decoration:none}.code{font:var(--sinch-comp-code-tag-font-text);line-height:inherit;font-size:inherit;border:1px solid var(--sinch-comp-code-tag-color-default-border-initial);background-color:var(--sinch-comp-code-tag-color-default-background-initial);padding:0 .25em;border-radius:var(--sinch-comp-code-tag-shape-radius)}.emoji{--sinch-global-size-icon:1em;--sinch-comp-emoji-vertical-align:-0.2em}.ol,.p,.ul{margin:0}.ol,.ul{padding-left:1.5em}.ol+.p,.p+.ol,.p+.p,.p+.ul,.ul+.p{margin-top:.5em}.li>.p+.ol,.li>.p+.ul{margin-top:0}</style><div id="wrapper"></div>';
1788
+ const template$18 = document.createElement("template");
1789
+ template$18.innerHTML = templateHTML$18;
1752
1790
  class RichText extends NectaryElement {
1753
1791
  #wrapper;
1754
1792
  #parseVisitor;
@@ -1768,7 +1806,7 @@ class RichText extends NectaryElement {
1768
1806
  Object.defineProperty(shadowRoot, "createDocumentFragment", {
1769
1807
  value: document.createDocumentFragment.bind(shadowRoot.ownerDocument)
1770
1808
  });
1771
- shadowRoot.appendChild(template$15.content.cloneNode(true));
1809
+ shadowRoot.appendChild(template$18.content.cloneNode(true));
1772
1810
  this.#wrapper = shadowRoot.querySelector("#wrapper");
1773
1811
  this.#parseVisitor = createParseVisitor$1(shadowRoot);
1774
1812
  }
@@ -1872,15 +1910,15 @@ class RichText extends NectaryElement {
1872
1910
  }
1873
1911
  defineCustomElement("sinch-rich-text", RichText);
1874
1912
  const typeValues$5 = ["info", "warn", "error"];
1875
- const templateHTML$14 = '<style>:host{display:block}#wrapper{display:flex;flex-direction:row;gap:8px;align-items:center;padding:8px 16px;box-sizing:border-box;width:100%;min-height:48px}:host([type=warn]) #wrapper{background-color:var(--sinch-comp-alert-color-warning-default-background)}:host([type=error]) #wrapper{background-color:var(--sinch-comp-alert-color-error-default-background)}:host([type=info]) #wrapper{background-color:var(--sinch-comp-alert-color-info-default-background)}#icon-error,#icon-info,#icon-warn{display:none}#icon-warn{--sinch-global-color-icon:var(--sinch-comp-alert-color-warning-default-icon)}#icon-error{--sinch-global-color-icon:var(--sinch-comp-alert-color-error-default-icon)}#icon-info{--sinch-global-color-icon:var(--sinch-comp-alert-color-info-default-icon)}:host([type=error]) #icon-error,:host([type=info]) #icon-info,:host([type=warn]) #icon-warn{display:block}#text{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;--sinch-comp-rich-text-font:var(--sinch-comp-alert-font-body)}:host([type=warn]) #text{--sinch-global-color-text:var(--sinch-comp-alert-color-warning-default-text)}:host([type=error]) #text{--sinch-global-color-text:var(--sinch-comp-alert-color-error-default-text)}:host([type=info]) #text{--sinch-global-color-text:var(--sinch-comp-alert-color-info-default-text)}</style><div id="wrapper"><sinch-icon icons-version="2" name="circle-info" id="icon-info"></sinch-icon><sinch-icon icons-version="2" name="triangle-exclamation" id="icon-warn"></sinch-icon><sinch-icon icons-version="2" name="octagon-exclamation" id="icon-error"></sinch-icon><sinch-rich-text id="text"></sinch-rich-text><slot name="action"></slot><slot name="close"></slot></div>';
1876
- const template$14 = document.createElement("template");
1877
- template$14.innerHTML = templateHTML$14;
1913
+ const templateHTML$17 = '<style>:host{display:block}#wrapper{display:flex;flex-direction:row;gap:8px;align-items:center;padding:8px 16px;box-sizing:border-box;width:100%;min-height:48px}:host([type=warn]) #wrapper{background-color:var(--sinch-comp-alert-color-warning-default-background)}:host([type=error]) #wrapper{background-color:var(--sinch-comp-alert-color-error-default-background)}:host([type=info]) #wrapper{background-color:var(--sinch-comp-alert-color-info-default-background)}#icon-error,#icon-info,#icon-warn{display:none}#icon-warn{--sinch-global-color-icon:var(--sinch-comp-alert-color-warning-default-icon)}#icon-error{--sinch-global-color-icon:var(--sinch-comp-alert-color-error-default-icon)}#icon-info{--sinch-global-color-icon:var(--sinch-comp-alert-color-info-default-icon)}:host([type=error]) #icon-error,:host([type=info]) #icon-info,:host([type=warn]) #icon-warn{display:block}#text{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;--sinch-comp-rich-text-font:var(--sinch-comp-alert-font-body)}:host([type=warn]) #text{--sinch-global-color-text:var(--sinch-comp-alert-color-warning-default-text)}:host([type=error]) #text{--sinch-global-color-text:var(--sinch-comp-alert-color-error-default-text)}:host([type=info]) #text{--sinch-global-color-text:var(--sinch-comp-alert-color-info-default-text)}</style><div id="wrapper"><sinch-icon icons-version="2" name="circle-info" id="icon-info"></sinch-icon><sinch-icon icons-version="2" name="triangle-exclamation" id="icon-warn"></sinch-icon><sinch-icon icons-version="2" name="octagon-exclamation" id="icon-error"></sinch-icon><sinch-rich-text id="text"></sinch-rich-text><slot name="action"></slot><slot name="close"></slot></div>';
1914
+ const template$17 = document.createElement("template");
1915
+ template$17.innerHTML = templateHTML$17;
1878
1916
  class Alert extends NectaryElement {
1879
1917
  #$text;
1880
1918
  constructor() {
1881
1919
  super();
1882
1920
  const shadowRoot = this.attachShadow();
1883
- shadowRoot.appendChild(template$14.content.cloneNode(true));
1921
+ shadowRoot.appendChild(template$17.content.cloneNode(true));
1884
1922
  this.#$text = shadowRoot.querySelector("#text");
1885
1923
  }
1886
1924
  connectedCallback() {
@@ -1925,9 +1963,9 @@ const getAvatarColorBg = (id) => {
1925
1963
  const getAvatarColorFg = (id) => {
1926
1964
  return `var(--sinch-comp-avatar-container-color-${id}-foreground)`;
1927
1965
  };
1928
- const templateHTML$13 = '<style>:host{display:inline-block;vertical-align:middle;outline:0}#wrapper{position:relative;width:var(--sinch-local-size);height:var(--sinch-local-size);outline:var(--sinch-comp-avatar-container-size-border,1px) solid var(--sinch-comp-avatar-container-color-border,transparent);border-radius:var(--sinch-comp-avatar-shape-radius);--sinch-local-size:var(--sinch-comp-avatar-size-m)}:host([size="l"]) #wrapper{--sinch-local-size:var(--sinch-comp-avatar-size-l)}:host([size="s"]) #wrapper{--sinch-local-size:var(--sinch-comp-avatar-size-s)}#text{display:block;width:100%;height:100%;font:var(--sinch-comp-avatar-container-font-size-m-text);line-height:calc(var(--sinch-local-size) - 2px);text-transform:uppercase;text-align:center}:host([size="l"]) #text{font:var(--sinch-comp-avatar-container-font-size-l-text);line-height:calc(var(--sinch-local-size) - 2px)}:host([size="s"]) #text{font:var(--sinch-comp-avatar-container-font-size-s-text);line-height:calc(var(--sinch-local-size) - 2px)}#circle{position:relative;width:calc(100% - 2px);height:calc(100% - 2px);left:1px;top:1px;border-radius:var(--sinch-comp-avatar-shape-radius);-webkit-mask:linear-gradient(#fff,#000);mask:linear-gradient(#fff,#000);background-color:var(--sinch-comp-avatar-container-color-default-background);color:var(--sinch-comp-avatar-container-color-default-foreground)}#image{display:none;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain}:host([src]:not([src=""])) #image{display:block}#person{display:none;position:absolute;left:0;top:0;width:100%;height:100%;fill:var(--sinch-comp-avatar-container-color-default-foreground)}:host(:not([src]):is(:not([alt]),[alt=""])) #person{display:block}#status-wrapper{position:absolute;left:calc(85% - 5px);top:calc(85% - 5px);width:10px;height:10px;padding:1px;box-sizing:border-box;border-radius:50%;background-color:var(--sinch-comp-avatar-status-color-border);display:none;pointer-events:none}#status{width:8px;height:8px;border-radius:50%}:host([status=away]) #status-wrapper,:host([status=busy]) #status-wrapper,:host([status=offline]) #status-wrapper,:host([status=online]) #status-wrapper{display:block}:host([status=online]) #status{background-color:var(--sinch-comp-avatar-status-color-online-default-background)}:host([status=away]) #status{background-color:var(--sinch-comp-avatar-status-color-away-default-background)}:host([status=busy]) #status{background-color:var(--sinch-comp-avatar-status-color-busy-default-background)}:host([status=offline]) #status{background-color:var(--sinch-comp-avatar-status-color-offline-default-background)}</style><div id="wrapper"><div id="circle"><span id="text"></span> <img id="image" alt=""> <svg id="person" viewBox="0 0 40 40" fill="none"><path d="M29.451 15.785a9.451 9.451 0 1 1-18.902 0 9.452 9.452 0 0 1 18.902 0ZM4.734 40.5c.119-7.085 5.899-12.792 13.012-12.792h4.508c7.113 0 12.893 5.707 13.012 12.792H4.734Z"/></svg></div><div id="status-wrapper"><div id="status"></div></div></div>';
1929
- const template$13 = document.createElement("template");
1930
- template$13.innerHTML = templateHTML$13;
1966
+ const templateHTML$16 = '<style>:host{display:inline-block;vertical-align:middle;outline:0}#wrapper{position:relative;width:var(--sinch-local-size);height:var(--sinch-local-size);outline:var(--sinch-comp-avatar-container-size-border,1px) solid var(--sinch-comp-avatar-container-color-border,transparent);border-radius:var(--sinch-comp-avatar-shape-radius);--sinch-local-size:var(--sinch-comp-avatar-size-m)}:host([size="l"]) #wrapper{--sinch-local-size:var(--sinch-comp-avatar-size-l)}:host([size="s"]) #wrapper{--sinch-local-size:var(--sinch-comp-avatar-size-s)}#text{display:block;width:100%;height:100%;font:var(--sinch-comp-avatar-container-font-size-m-text);line-height:calc(var(--sinch-local-size) - 2px);text-transform:uppercase;text-align:center}:host([size="l"]) #text{font:var(--sinch-comp-avatar-container-font-size-l-text);line-height:calc(var(--sinch-local-size) - 2px)}:host([size="s"]) #text{font:var(--sinch-comp-avatar-container-font-size-s-text);line-height:calc(var(--sinch-local-size) - 2px)}#circle{position:relative;width:calc(100% - 2px);height:calc(100% - 2px);left:1px;top:1px;border-radius:var(--sinch-comp-avatar-shape-radius);-webkit-mask:linear-gradient(#fff,#000);mask:linear-gradient(#fff,#000);background-color:var(--sinch-comp-avatar-container-color-default-background);color:var(--sinch-comp-avatar-container-color-default-foreground)}#image{display:none;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain}:host([src]:not([src=""])) #image{display:block}#person{display:none;position:absolute;left:0;top:0;width:100%;height:100%;fill:var(--sinch-comp-avatar-container-color-default-foreground)}:host(:not([src]):is(:not([alt]),[alt=""])) #person{display:block}#status-wrapper{position:absolute;left:calc(85% - 5px);top:calc(85% - 5px);width:10px;height:10px;padding:1px;box-sizing:border-box;border-radius:50%;background-color:var(--sinch-comp-avatar-status-color-border);display:none;pointer-events:none}#status{width:8px;height:8px;border-radius:50%}:host([status=away]) #status-wrapper,:host([status=busy]) #status-wrapper,:host([status=offline]) #status-wrapper,:host([status=online]) #status-wrapper{display:block}:host([status=online]) #status{background-color:var(--sinch-comp-avatar-status-color-online-default-background)}:host([status=away]) #status{background-color:var(--sinch-comp-avatar-status-color-away-default-background)}:host([status=busy]) #status{background-color:var(--sinch-comp-avatar-status-color-busy-default-background)}:host([status=offline]) #status{background-color:var(--sinch-comp-avatar-status-color-offline-default-background)}</style><div id="wrapper"><div id="circle"><span id="text"></span> <img id="image" alt=""> <svg id="person" viewBox="0 0 40 40" fill="none"><path d="M29.451 15.785a9.451 9.451 0 1 1-18.902 0 9.452 9.452 0 0 1 18.902 0ZM4.734 40.5c.119-7.085 5.899-12.792 13.012-12.792h4.508c7.113 0 12.893 5.707 13.012 12.792H4.734Z"/></svg></div><div id="status-wrapper"><div id="status"></div></div></div>';
1967
+ const template$16 = document.createElement("template");
1968
+ template$16.innerHTML = templateHTML$16;
1931
1969
  class Avatar extends NectaryElement {
1932
1970
  #$circle;
1933
1971
  #$text;
@@ -1935,7 +1973,7 @@ class Avatar extends NectaryElement {
1935
1973
  constructor() {
1936
1974
  super();
1937
1975
  const shadowRoot = this.attachShadow();
1938
- shadowRoot.appendChild(template$13.content.cloneNode(true));
1976
+ shadowRoot.appendChild(template$16.content.cloneNode(true));
1939
1977
  this.#$circle = shadowRoot.querySelector("#circle");
1940
1978
  this.#$text = shadowRoot.querySelector("#text");
1941
1979
  this.#$image = shadowRoot.querySelector("#image");
@@ -2059,9 +2097,9 @@ const rectOverlap = (targetRect, contentRect) => {
2059
2097
  return targetRect.x < contentRect.x + contentRect.width && targetRect.x + targetRect.width > contentRect.x && targetRect.y < contentRect.y + contentRect.height && targetRect.y + targetRect.height > contentRect.y;
2060
2098
  };
2061
2099
  const modeValues = ["square", "circle"];
2062
- const templateHTML$12 = '<style>:host{display:inline-flex;flex-direction:column;position:relative}#badge-wrapper{position:absolute;left:0;top:0;width:fit-content;border-radius:var(--sinch-comp-badge-shape-radius);padding:1px;pointer-events:none;background-color:var(--sinch-comp-badge-color-border)}#badge{box-sizing:border-box;color:var(--sinch-comp-badge-color-text);background-color:var(--sinch-comp-badge-color-background);width:20px;height:20px;border-radius:var(--sinch-comp-badge-shape-radius)}#badge.long{width:fit-content;padding:0 5px}#text{display:block;width:100%;height:100%;text-align:center;font:var(--sinch-comp-badge-font-size-l);line-height:20px;text-rendering:optimizelegibility}:host([size="m"]) #badge-wrapper{left:calc(100% - 8px);top:-8px}:host([size="m"]) #badge{width:14px;height:14px}:host([size="m"]) #badge.long{width:fit-content;padding:0 3px}:host([size="m"]) #text{font:var(--sinch-comp-badge-font-size-m);line-height:14px}:host([size="s"]) #badge{width:8px;height:8px;padding:0}:host([size="s"]) #text{display:none}:host([hidden]) #badge-wrapper{display:none}</style><slot id="slot"></slot><div id="badge-wrapper"><div id="badge"><span id="text"></span></div></div>';
2063
- const template$12 = document.createElement("template");
2064
- template$12.innerHTML = templateHTML$12;
2100
+ const templateHTML$15 = '<style>:host{display:inline-flex;flex-direction:column;position:relative}#badge-wrapper{position:absolute;left:0;top:0;width:fit-content;border-radius:var(--sinch-comp-badge-shape-radius);padding:1px;pointer-events:none;background-color:var(--sinch-comp-badge-color-border)}#badge{box-sizing:border-box;color:var(--sinch-comp-badge-color-text);background-color:var(--sinch-comp-badge-color-background);width:20px;height:20px;border-radius:var(--sinch-comp-badge-shape-radius)}#badge.long{width:fit-content;padding:0 5px}#text{display:block;width:100%;height:100%;text-align:center;font:var(--sinch-comp-badge-font-size-l);line-height:20px;text-rendering:optimizelegibility}:host([size="m"]) #badge-wrapper{left:calc(100% - 8px);top:-8px}:host([size="m"]) #badge{width:14px;height:14px}:host([size="m"]) #badge.long{width:fit-content;padding:0 3px}:host([size="m"]) #text{font:var(--sinch-comp-badge-font-size-m);line-height:14px}:host([size="s"]) #badge{width:8px;height:8px;padding:0}:host([size="s"]) #text{display:none}:host([hidden]) #badge-wrapper{display:none}</style><slot id="slot"></slot><div id="badge-wrapper"><div id="badge"><span id="text"></span></div></div>';
2101
+ const template$15 = document.createElement("template");
2102
+ template$15.innerHTML = templateHTML$15;
2065
2103
  class Badge extends NectaryElement {
2066
2104
  #$badgeWrapper;
2067
2105
  #$badge;
@@ -2070,7 +2108,7 @@ class Badge extends NectaryElement {
2070
2108
  constructor() {
2071
2109
  super();
2072
2110
  const shadowRoot = this.attachShadow();
2073
- shadowRoot.appendChild(template$12.content.cloneNode(true));
2111
+ shadowRoot.appendChild(template$15.content.cloneNode(true));
2074
2112
  this.#$badgeWrapper = shadowRoot.querySelector("#badge-wrapper");
2075
2113
  this.#$badge = shadowRoot.querySelector("#badge");
2076
2114
  this.#$text = shadowRoot.querySelector("#text");
@@ -2167,20 +2205,28 @@ class Badge extends NectaryElement {
2167
2205
  };
2168
2206
  }
2169
2207
  defineCustomElement("sinch-badge", Badge);
2170
- const templateHTML$11 = '<style>:host{display:block;--sinch-local-divider-color:var(--sinch-comp-button-color-secondary-default-text-initial)}#wrapper{display:flex;box-sizing:border-box;width:100%;height:100%;position:relative}:host(:is(:not(:first-of-type))) #wrapper::before{content:"";position:absolute;inset:0;background-color:var(--sinch-local-divider-color);opacity:.3;pointer-events:none;z-index:2;top:10%;bottom:10%;left:-.5px;width:1px}:host([type=primary]) #wrapper::before{--sinch-local-divider-color:var(--sinch-comp-button-color-primary-default-text-initial)}:host([type=secondary]) #wrapper::before{--sinch-local-divider-color:var(--sinch-comp-button-color-secondary-default-text-initial)}:host([type=subtle-primary]) #wrapper::before{--sinch-local-divider-color:var(--sinch-comp-button-color-subtle-primary-default-text-initial)}:host([type=subtle-secondary]) #wrapper::before{--sinch-local-divider-color:var(--sinch-comp-button-color-subtle-secondary-default-text-initial)}:host([type=cta-primary]) #wrapper::before{--sinch-local-divider-color:var(--sinch-comp-button-color-cta-primary-default-text-initial)}:host([type=cta-secondary]) #wrapper::before{--sinch-local-divider-color:var(--sinch-comp-button-color-cta-secondary-default-text-initial)}:host([type=destructive]) #wrapper::before{--sinch-local-divider-color:var(--sinch-comp-button-color-danger-default-text-initial)}#sinch-button-element{display:flex;box-sizing:border-box;width:100%;height:100%;--sinch-button-shape-radius-base:0;--sinch-button-shape-radius-top-right:0;--sinch-button-shape-radius-top-left:0;--sinch-button-shape-radius-bottom-right:0;--sinch-button-shape-radius-bottom-left:0}:host(:is(:first-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-left:var(--sinch-comp-button-shape-radius-size-m);--sinch-button-shape-radius-bottom-left:var(--sinch-comp-button-shape-radius-size-m)}:host(:is(:last-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-right:var(--sinch-comp-button-shape-radius-size-m);--sinch-button-shape-radius-bottom-right:var(--sinch-comp-button-shape-radius-size-m)}:host([size="l"]:is(:first-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-left:var(--sinch-comp-button-shape-radius-size-l);--sinch-button-shape-radius-bottom-left:var(--sinch-comp-button-shape-radius-size-l)}:host([size="l"]:is(:last-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-right:var(--sinch-comp-button-shape-radius-size-l);--sinch-button-shape-radius-bottom-right:var(--sinch-comp-button-shape-radius-size-l)}:host([size="m"]:is(:first-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-left:var(--sinch-comp-button-shape-radius-size-m);--sinch-button-shape-radius-bottom-left:var(--sinch-comp-button-shape-radius-size-m)}:host([size="m"]:is(:last-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-right:var(--sinch-comp-button-shape-radius-size-m);--sinch-button-shape-radius-bottom-right:var(--sinch-comp-button-shape-radius-size-m)}:host([size="s"]:is(:first-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-left:var(--sinch-comp-button-shape-radius-size-s);--sinch-button-shape-radius-bottom-left:var(--sinch-comp-button-shape-radius-size-s)}:host([size="s"]:is(:last-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-right:var(--sinch-comp-button-shape-radius-size-s);--sinch-button-shape-radius-bottom-right:var(--sinch-comp-button-shape-radius-size-s)}:host([size=xs]:is(:first-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-left:var(--sinch-comp-button-shape-radius-size-xs);--sinch-button-shape-radius-bottom-left:var(--sinch-comp-button-shape-radius-size-xs)}:host([size=xs]:is(:last-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-right:var(--sinch-comp-button-shape-radius-size-xs);--sinch-button-shape-radius-bottom-right:var(--sinch-comp-button-shape-radius-size-xs)}:host(:is(:not(:first-of-type,:last-of-type))) #sinch-button-element:not(:active){--sinch-button-border-left:none;--sinch-button-border-right:none}:host(:is(:first-of-type)) #sinch-button-element:not(:active){--sinch-button-border-right:none}:host(:is(:last-of-type)) #sinch-button-element:not(:active){--sinch-button-border-left:none}:host(:is([text=""],:not([text]))) :is(#left-icon,#right-icon,#text){display:none}::slotted(*){display:block}</style><div id="wrapper"><sinch-button id="sinch-button-element"><slot id="left-icon" name="left-icon" slot="left-icon"></slot><slot id="icon" name="icon" slot="icon"></slot><slot id="right-icon" name="right-icon" slot="right-icon"></slot></sinch-button></div>';
2171
- const template$11 = document.createElement("template");
2172
- template$11.innerHTML = templateHTML$11;
2208
+ const templateHTML$14 = '<style>:host{display:block;--sinch-local-divider-color:var(--sinch-comp-button-color-secondary-default-text-initial)}#wrapper{display:flex;box-sizing:border-box;width:100%;height:100%;position:relative}:host(:is(:not(:first-of-type))) #wrapper::before{content:"";position:absolute;inset:0;background-color:var(--sinch-local-divider-color);opacity:.3;pointer-events:none;z-index:2;top:10%;bottom:10%;left:-.5px;width:1px}:host([type=primary]) #wrapper::before{--sinch-local-divider-color:var(--sinch-comp-button-color-primary-default-text-initial)}:host([type=secondary]) #wrapper::before{--sinch-local-divider-color:var(--sinch-comp-button-color-secondary-default-text-initial)}:host([type=subtle-primary]) #wrapper::before{--sinch-local-divider-color:var(--sinch-comp-button-color-subtle-primary-default-text-initial)}:host([type=subtle-secondary]) #wrapper::before{--sinch-local-divider-color:var(--sinch-comp-button-color-subtle-secondary-default-text-initial)}:host([type=cta-primary]) #wrapper::before{--sinch-local-divider-color:var(--sinch-comp-button-color-cta-primary-default-text-initial)}:host([type=cta-secondary]) #wrapper::before{--sinch-local-divider-color:var(--sinch-comp-button-color-cta-secondary-default-text-initial)}:host([type=destructive]) #wrapper::before{--sinch-local-divider-color:var(--sinch-comp-button-color-danger-default-text-initial)}#sinch-button-element{display:flex;box-sizing:border-box;width:100%;height:100%;--sinch-button-shape-radius-base:0;--sinch-button-shape-radius-top-right:0;--sinch-button-shape-radius-top-left:0;--sinch-button-shape-radius-bottom-right:0;--sinch-button-shape-radius-bottom-left:0}:host(:is(:first-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-left:var(--sinch-comp-button-shape-radius-size-m);--sinch-button-shape-radius-bottom-left:var(--sinch-comp-button-shape-radius-size-m)}:host(:is(:last-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-right:var(--sinch-comp-button-shape-radius-size-m);--sinch-button-shape-radius-bottom-right:var(--sinch-comp-button-shape-radius-size-m)}:host([size="l"]:is(:first-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-left:var(--sinch-comp-button-shape-radius-size-l);--sinch-button-shape-radius-bottom-left:var(--sinch-comp-button-shape-radius-size-l)}:host([size="l"]:is(:last-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-right:var(--sinch-comp-button-shape-radius-size-l);--sinch-button-shape-radius-bottom-right:var(--sinch-comp-button-shape-radius-size-l)}:host([size="m"]:is(:first-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-left:var(--sinch-comp-button-shape-radius-size-m);--sinch-button-shape-radius-bottom-left:var(--sinch-comp-button-shape-radius-size-m)}:host([size="m"]:is(:last-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-right:var(--sinch-comp-button-shape-radius-size-m);--sinch-button-shape-radius-bottom-right:var(--sinch-comp-button-shape-radius-size-m)}:host([size="s"]:is(:first-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-left:var(--sinch-comp-button-shape-radius-size-s);--sinch-button-shape-radius-bottom-left:var(--sinch-comp-button-shape-radius-size-s)}:host([size="s"]:is(:last-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-right:var(--sinch-comp-button-shape-radius-size-s);--sinch-button-shape-radius-bottom-right:var(--sinch-comp-button-shape-radius-size-s)}:host([size=xs]:is(:first-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-left:var(--sinch-comp-button-shape-radius-size-xs);--sinch-button-shape-radius-bottom-left:var(--sinch-comp-button-shape-radius-size-xs)}:host([size=xs]:is(:last-of-type)) #sinch-button-element{--sinch-button-shape-radius-top-right:var(--sinch-comp-button-shape-radius-size-xs);--sinch-button-shape-radius-bottom-right:var(--sinch-comp-button-shape-radius-size-xs)}:host(:is(:not(:first-of-type,:last-of-type))) #sinch-button-element:not(:active){--sinch-button-border-left:none;--sinch-button-border-right:none}:host(:is(:first-of-type)) #sinch-button-element:not(:active){--sinch-button-border-right:none}:host(:is(:last-of-type)) #sinch-button-element:not(:active){--sinch-button-border-left:none}:host(:is([text=""],:not([text]))) :is(#left-icon,#right-icon,#text){display:none}::slotted(*){display:block}</style><div id="wrapper"><sinch-button id="sinch-button-element"><slot id="left-icon" name="left-icon" slot="left-icon"></slot><slot id="icon" name="icon" slot="icon"></slot><slot id="right-icon" name="right-icon" slot="right-icon"></slot></sinch-button></div>';
2209
+ const template$14 = document.createElement("template");
2210
+ template$14.innerHTML = templateHTML$14;
2173
2211
  class ButtonGroupItem extends NectaryElement {
2174
2212
  #$sinchButton;
2175
2213
  #controller = null;
2176
2214
  constructor() {
2177
2215
  super();
2178
2216
  const shadowRoot = this.attachShadow();
2179
- shadowRoot.appendChild(template$11.content.cloneNode(true));
2217
+ shadowRoot.appendChild(template$14.content.cloneNode(true));
2180
2218
  this.#$sinchButton = shadowRoot.querySelector("#sinch-button-element");
2181
2219
  }
2182
2220
  static get observedAttributes() {
2183
- return ["type", "size", "text", "disabled", "toggled"];
2221
+ return [
2222
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set type
2223
+ "type",
2224
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set size
2225
+ "size",
2226
+ "text",
2227
+ "disabled",
2228
+ "toggled"
2229
+ ];
2184
2230
  }
2185
2231
  attributeChangedCallback(name, oldVal, newVal) {
2186
2232
  updateAttribute(this.#$sinchButton, name, newVal);
@@ -2244,15 +2290,15 @@ const formTypeValues = [
2244
2290
  "reset",
2245
2291
  "button"
2246
2292
  ];
2247
- const templateHTML$10 = '<style>:host{display:block}#wrapper{display:flex;box-sizing:border-box;width:100%;height:100%}</style><div id="wrapper"><slot></slot></div>';
2248
- const template$10 = document.createElement("template");
2249
- template$10.innerHTML = templateHTML$10;
2293
+ const templateHTML$13 = '<style>:host{display:block}#wrapper{display:flex;box-sizing:border-box;width:100%;height:100%}</style><div id="wrapper"><slot></slot></div>';
2294
+ const template$13 = document.createElement("template");
2295
+ template$13.innerHTML = templateHTML$13;
2250
2296
  class ButtonGroup extends NectaryElement {
2251
2297
  #$slot;
2252
2298
  constructor() {
2253
2299
  super();
2254
2300
  const shadowRoot = this.attachShadow();
2255
- shadowRoot.appendChild(template$10.content.cloneNode(true));
2301
+ shadowRoot.appendChild(template$13.content.cloneNode(true));
2256
2302
  this.#$slot = shadowRoot.querySelector("slot");
2257
2303
  }
2258
2304
  static get observedAttributes() {
@@ -2325,9 +2371,9 @@ const CSVToFormData = (name, csv) => {
2325
2371
  });
2326
2372
  return formData;
2327
2373
  };
2328
- const templateHTML$$ = '<style>:host{display:inline-block;vertical-align:middle;outline:0;cursor:pointer;user-select:none;--sinch-button-shape-radius-base:var(--sinch-comp-button-shape-radius-size-m);--sinch-local-shadow:var(--sinch-comp-button-shadow-secondary-initial);--sinch-button-border:1px solid;--sinch-button-border-top:var(--sinch-button-border);--sinch-button-border-bottom:var(--sinch-button-border);--sinch-button-border-left:var(--sinch-button-border);--sinch-button-border-right:var(--sinch-button-border);--sinch-button-shape-radius-top-right:unset;--sinch-button-shape-radius-top-left:unset;--sinch-button-shape-radius-bottom-right:unset;--sinch-button-shape-radius-bottom-left:unset}:host([disabled]){cursor:initial}#button{all:initial;display:block;position:relative;width:100%;height:var(--sinch-local-size);user-select:none;--sinch-local-size:var(--sinch-comp-button-size-container-m);--sinch-local-padding:var(--sinch-comp-button-spacing-padding-m, 16px);--sinch-local-gap:var(--sinch-comp-button-spacing-gap-m, 12px);--sinch-local-font:var(--sinch-comp-button-font-size-m-text);--sinch-global-size-icon:var(--sinch-comp-button-size-icon-m);--sinch-global-color-icon:var(--sinch-local-color-icon)}:host([data-size="l"])>#button{--sinch-local-size:var(--sinch-comp-button-size-container-l);--sinch-local-padding:var(--sinch-comp-button-spacing-padding-l, 16px);--sinch-local-gap:var(--sinch-comp-button-spacing-gap-l, 12px);--sinch-button-set-size-shape-radius:var(--sinch-comp-button-shape-radius-size-l);--sinch-local-font:var(--sinch-comp-button-font-size-l-text);--sinch-global-size-icon:var(--sinch-comp-button-size-icon-l)}:host([data-size="m"])>#button{--sinch-local-size:var(--sinch-comp-button-size-container-m);--sinch-local-padding:var(--sinch-comp-button-spacing-padding-m, 16px);--sinch-local-gap:var(--sinch-comp-button-spacing-gap-m, 12px);--sinch-button-set-size-shape-radius:var(--sinch-comp-button-shape-radius-size-m);--sinch-local-font:var(--sinch-comp-button-font-size-m-text);--sinch-global-size-icon:var(--sinch-comp-button-size-icon-m)}:host([data-size="s"])>#button{--sinch-local-size:var(--sinch-comp-button-size-container-s);--sinch-local-padding:var(--sinch-comp-button-spacing-padding-s, 16px);--sinch-local-gap:var(--sinch-comp-button-spacing-gap-s, 12px);--sinch-button-set-size-shape-radius:var(--sinch-comp-button-shape-radius-size-s);--sinch-local-font:var(--sinch-comp-button-font-size-s-text);--sinch-global-size-icon:var(--sinch-comp-button-size-icon-s)}:host([data-size=xs])>#button{--sinch-local-size:var(--sinch-comp-button-size-container-xs);--sinch-local-padding:var(--sinch-comp-button-spacing-padding-xs, 8px);--sinch-local-gap:var(--sinch-comp-button-spacing-gap-xs, 8px);--sinch-button-set-size-shape-radius:var(--sinch-comp-button-shape-radius-size-xs);--sinch-local-font:var(--sinch-comp-button-font-size-s-text);--sinch-global-size-icon:var(--sinch-comp-button-size-icon-xs)}:host(:is([text=""],:not([text])))>#button{--sinch-local-padding:var(--sinch-comp-button-spacing-icon-only-padding-m, 8px)}:host([data-size="l"]:is([text=""],:not([text])))>#button{--sinch-local-padding:var(--sinch-comp-button-spacing-icon-only-padding-l, 8px)}:host([data-size="s"]:is([text=""],:not([text])))>#button{--sinch-local-padding:var(--sinch-comp-button-spacing-icon-only-padding-s, 4px)}:host([data-size=xs]:is([text=""],:not([text])))>#button{--sinch-local-padding:var(--sinch-comp-button-spacing-icon-only-padding-xs, 4px)}:host([type=primary])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-primary-default-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-primary-default-border-initial);--sinch-local-color-text:var(--sinch-comp-button-color-primary-default-text-initial);--sinch-local-color-icon:var(--sinch-comp-button-color-primary-default-icon-initial);--sinch-local-color-outline-focus:var(--sinch-comp-button-color-primary-default-outline-focus);--sinch-local-shadow:var(--sinch-comp-button-shadow-primary-initial)}:host(:not([type]))>#button,:host([type=secondary])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-secondary-default-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-secondary-default-border-initial);--sinch-local-color-outline-focus:var(--sinch-comp-button-color-secondary-default-outline-focus);--sinch-local-color-text:var(--sinch-comp-button-color-secondary-default-text-initial);--sinch-local-color-icon:var(--sinch-comp-button-color-secondary-default-icon-initial)}:host([type=subtle-primary])>#button,:host([type=tertiary])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-primary-default-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-subtle-primary-default-border-initial);--sinch-local-color-outline-focus:var(--sinch-comp-button-color-subtle-primary-default-outline-focus);--sinch-local-color-text:var(--sinch-comp-button-color-subtle-primary-default-text-initial);--sinch-local-color-icon:var(--sinch-comp-button-color-subtle-primary-default-icon-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-initial)}:host(:not([type]):is([text=""],:not([text])))>#button,:host([type=subtle-secondary])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-secondary-default-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-subtle-secondary-default-border-initial);--sinch-local-color-outline-focus:var(--sinch-comp-button-color-subtle-secondary-default-outline-focus);--sinch-local-color-text:var(--sinch-comp-button-color-subtle-secondary-default-text-initial);--sinch-local-color-icon:var(--sinch-comp-button-color-subtle-secondary-default-icon-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-initial)}:host([type=cta-primary])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-cta-primary-default-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-cta-primary-default-border-initial);--sinch-local-color-outline-focus:var(--sinch-comp-button-color-cta-primary-default-outline-focus);--sinch-local-color-text:var(--sinch-comp-button-color-cta-primary-default-text-initial);--sinch-local-color-icon:var(--sinch-comp-button-color-cta-primary-default-icon-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-primary-initial)}:host([type=cta-secondary])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-cta-secondary-default-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-cta-secondary-default-border-initial);--sinch-local-color-outline-focus:var(--sinch-comp-button-color-cta-secondary-default-outline-focus);--sinch-local-color-text:var(--sinch-comp-button-color-cta-secondary-default-text-initial);--sinch-local-color-icon:var(--sinch-comp-button-color-cta-secondary-default-icon-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-secondary-initial)}:host([type=destructive])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-danger-default-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-danger-default-border-initial);--sinch-local-color-text:var(--sinch-comp-button-color-danger-default-text-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-danger-initial);--sinch-global-color-icon:var(--sinch-comp-button-color-danger-default-icon-initial)}:host([type=primary]:focus-visible)>#button{--sinch-local-shadow:var(--sinch-comp-button-shadow-primary-focus)}:host(:not([type]):focus-visible)>#button,:host([type=secondary]:focus-visible)>#button{--sinch-local-shadow:var(--sinch-comp-button-shadow-secondary-focus)}:host([type=subtle-primary]:focus-visible)>#button,:host([type=tertiary]:focus-visible)>#button{--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-focus)}:host(:not([type]):is([text=""],:not([text])):focus-visible)>#button,:host([type=subtle-secondary]:focus-visible)>#button{--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-focus)}:host([type=cta-primary]:focus-visible)>#button{--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-primary-focus)}:host([type=cta-secondary]:focus-visible)>#button{--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-secondary-focus)}:host([type=destructive]:focus-visible)>#button{--sinch-local-shadow:var(--sinch-comp-button-shadow-danger-focus)}:host([toggled]:not([disabled])[type=subtle-primary])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-primary-toggled-background-initial)}:host([toggled]:not([disabled]):not([type]):is([text=""],:not([text])))>#button,:host([toggled]:not([disabled])[type=subtle-secondary])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-secondary-toggled-background-initial)}:host([type=primary]:hover)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-primary-default-background-hover);--sinch-local-shadow:var(--sinch-comp-button-shadow-primary-hover)}:host([type=primary]:active)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-primary-default-background-active);--sinch-local-shadow:var(--sinch-comp-button-shadow-primary-active)}:host(:not([type]):hover)>#button,:host([type=secondary]:hover)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-secondary-default-background-hover);--sinch-local-shadow:var(--sinch-comp-button-shadow-secondary-hover)}:host(:not([type]):active)>#button,:host([type=secondary]:active)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-secondary-default-background-active)}:host([type=subtle-primary]:hover)>#button,:host([type=tertiary]:hover)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-primary-default-background-hover);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-hover)}:host([type=subtle-primary]:active)>#button,:host([type=tertiary]:active)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-primary-default-background-active);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-active)}:host(:not([type]):is([text=""],:not([text])):hover)>#button,:host([type=subtle-secondary]:hover)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-secondary-default-background-hover);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-hover)}:host(:not([type]):is([text=""],:not([text])):active)>#button,:host([type=subtle-secondary]:active)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-secondary-default-background-active);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-active)}:host([type=cta-primary]:hover)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-cta-primary-default-background-hover);--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-primary-hover)}:host([type=cta-primary]:active)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-cta-primary-default-background-active);--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-primary-active)}:host([type=cta-secondary]:hover)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-cta-secondary-default-background-hover);--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-secondary-hover)}:host([type=cta-secondary]:active)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-cta-secondary-default-background-active);--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-secondary-active)}:host([type=destructive]:hover)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-danger-default-background-hover);--sinch-local-shadow:var(--sinch-comp-button-shadow-danger-hover)}:host([type=destructive]:active)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-danger-default-background-active);--sinch-local-shadow:var(--sinch-comp-button-shadow-danger-active)}:host([toggled]:not([disabled])[type=subtle-primary]:hover)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-primary-toggled-background-hover);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-hover)}:host([toggled]:not([disabled])[type=subtle-primary]:active)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-primary-toggled-background-active);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-active)}:host([toggled]:not([disabled]):not([type]):is([text=""],:not([text])):hover)>#button,:host([toggled]:not([disabled])[type=subtle-secondary]:hover)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-secondary-toggled-background-hover);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-hover)}:host([toggled]:not([disabled]):not([type]):is([text=""],:not([text])):active)>#button,:host([toggled]:not([disabled])[type=subtle-secondary]:active)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-secondary-toggled-background-active);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-active)}:host([type=primary][disabled])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-primary-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-primary-disabled-border-initial);--sinch-local-color-text:var(--sinch-comp-button-color-primary-disabled-text-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-primary-disabled);--sinch-global-color-icon:var(--sinch-comp-button-color-primary-disabled-icon-initial)}:host(:not([type])[disabled])>#button,:host([type=secondary][disabled])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-secondary-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-secondary-disabled-border-initial);--sinch-local-color-text:var(--sinch-comp-button-color-secondary-disabled-text-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-secondary-disabled);--sinch-global-color-icon:var(--sinch-comp-button-color-secondary-disabled-icon-initial)}:host([type=subtle-primary][disabled])>#button,:host([type=tertiary][disabled])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-primary-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-subtle-primary-disabled-border-initial);--sinch-local-color-text:var(--sinch-comp-button-color-subtle-primary-disabled-text-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-disabled);--sinch-global-color-icon:var(--sinch-comp-button-color-subtle-primary-disabled-icon-initial)}:host(:not([type]):is([text=""],:not([text]))[disabled])>#button,:host([type=subtle-secondary][disabled])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-secondary-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-subtle-secondary-disabled-border-initial);--sinch-local-color-text:var(--sinch-comp-button-color-subtle-secondary-disabled-text-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-disabled);--sinch-global-color-icon:var(--sinch-comp-button-color-subtle-secondary-disabled-icon-initial)}:host([type=cta-primary][disabled])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-cta-primary-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-cta-primary-disabled-border-initial);--sinch-local-color-text:var(--sinch-comp-button-color-cta-primary-disabled-text-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-primary-disabled);--sinch-global-color-icon:var(--sinch-comp-button-color-cta-primary-disabled-icon-initial)}:host([type=cta-secondary][disabled])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-cta-secondary-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-cta-secondary-disabled-border-initial);--sinch-local-color-text:var(--sinch-comp-button-color-cta-secondary-disabled-text-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-secondary-disabled);--sinch-global-color-icon:var(--sinch-comp-button-color-cta-secondary-disabled-icon-initial)}:host([type=destructive][disabled])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-danger-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-danger-disabled-border-initial);--sinch-local-color-text:var(--sinch-comp-button-color-danger-disabled-text-initial);--sinch-global-color-icon:var(--sinch-comp-button-color-danger-disabled-icon-initial)}#button::before{content:"";position:absolute;inset:0;background-color:var(--sinch-local-color-background);border-top:var(--sinch-button-border-top);border-bottom:var(--sinch-button-border-bottom);border-right:var(--sinch-button-border-right);border-left:var(--sinch-button-border-left);border-color:var(--sinch-local-color-border);border-top-right-radius:var(--sinch-button-shape-radius-top-right,var(--sinch-button-set-size-shape-radius,var(--sinch-button-shape-radius-base)));border-top-left-radius:var(--sinch-button-shape-radius-top-left,var(--sinch-button-set-size-shape-radius,var(--sinch-button-shape-radius-base)));border-bottom-right-radius:var(--sinch-button-shape-radius-bottom-right,var(--sinch-button-set-size-shape-radius,var(--sinch-button-shape-radius-base)));border-bottom-left-radius:var(--sinch-button-shape-radius-bottom-left,var(--sinch-button-set-size-shape-radius,var(--sinch-button-shape-radius-base)));box-shadow:var(--sinch-local-shadow);pointer-events:none}:host(:not([disabled]):active) #button::before{border-width:2px}:host(:focus-visible) #button::after{position:absolute;content:"";inset:-3px;border:2px solid var(--sinch-local-color-outline-focus);border-top-right-radius:calc(var(--sinch-button-shape-radius-top-right,var(--sinch-button-set-size-shape-radius,var(--sinch-button-shape-radius-base))) + 3px);border-top-left-radius:calc(var(--sinch-button-shape-radius-top-left,var(--sinch-button-set-size-shape-radius,var(--sinch-button-shape-radius-base))) + 3px);border-bottom-right-radius:calc(var(--sinch-button-shape-radius-bottom-right,var(--sinch-button-set-size-shape-radius,var(--sinch-button-shape-radius-base))) + 3px);border-bottom-left-radius:calc(var(--sinch-button-shape-radius-bottom-left,var(--sinch-button-set-size-shape-radius,var(--sinch-button-shape-radius-base))) + 3px);pointer-events:none}#content{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--sinch-local-gap);width:100%;height:100%;padding:0 var(--sinch-local-padding);box-sizing:border-box;pointer-events:none;overflow:hidden}#text{font:var(--sinch-local-font);color:var(--sinch-local-color-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0}:host(:is([text=""],:not([text]))) :is(#left-icon,#right-icon,#text){display:none}::slotted(*){display:block}</style><div id="button" inert><div id="content"><slot id="left-icon" name="left-icon"></slot><slot id="icon" name="icon"></slot><span id="text"></span><slot id="right-icon" name="right-icon"></slot></div></div>';
2329
- const template$$ = document.createElement("template");
2330
- template$$.innerHTML = templateHTML$$;
2374
+ const templateHTML$12 = '<style>:host{display:inline-block;vertical-align:middle;outline:0;cursor:pointer;user-select:none;--sinch-button-shape-radius-base:var(--sinch-comp-button-shape-radius-size-m);--sinch-local-shadow:var(--sinch-comp-button-shadow-secondary-initial);--sinch-button-border:1px solid;--sinch-button-border-top:var(--sinch-button-border);--sinch-button-border-bottom:var(--sinch-button-border);--sinch-button-border-left:var(--sinch-button-border);--sinch-button-border-right:var(--sinch-button-border);--sinch-button-shape-radius-top-right:unset;--sinch-button-shape-radius-top-left:unset;--sinch-button-shape-radius-bottom-right:unset;--sinch-button-shape-radius-bottom-left:unset}:host([disabled]){cursor:initial}#button{all:initial;display:block;position:relative;width:100%;height:var(--sinch-local-size);user-select:none;--sinch-local-size:var(--sinch-comp-button-size-container-m);--sinch-local-padding:var(--sinch-comp-button-spacing-padding-m, 16px);--sinch-local-gap:var(--sinch-comp-button-spacing-gap-m, 12px);--sinch-local-font:var(--sinch-comp-button-font-size-m-text);--sinch-global-size-icon:var(--sinch-comp-button-size-icon-m);--sinch-global-color-icon:var(--sinch-local-color-icon)}:host([data-size="l"])>#button{--sinch-local-size:var(--sinch-comp-button-size-container-l);--sinch-local-padding:var(--sinch-comp-button-spacing-padding-l, 16px);--sinch-local-gap:var(--sinch-comp-button-spacing-gap-l, 12px);--sinch-button-set-size-shape-radius:var(--sinch-comp-button-shape-radius-size-l);--sinch-local-font:var(--sinch-comp-button-font-size-l-text);--sinch-global-size-icon:var(--sinch-comp-button-size-icon-l)}:host([data-size="m"])>#button{--sinch-local-size:var(--sinch-comp-button-size-container-m);--sinch-local-padding:var(--sinch-comp-button-spacing-padding-m, 16px);--sinch-local-gap:var(--sinch-comp-button-spacing-gap-m, 12px);--sinch-button-set-size-shape-radius:var(--sinch-comp-button-shape-radius-size-m);--sinch-local-font:var(--sinch-comp-button-font-size-m-text);--sinch-global-size-icon:var(--sinch-comp-button-size-icon-m)}:host([data-size="s"])>#button{--sinch-local-size:var(--sinch-comp-button-size-container-s);--sinch-local-padding:var(--sinch-comp-button-spacing-padding-s, 16px);--sinch-local-gap:var(--sinch-comp-button-spacing-gap-s, 12px);--sinch-button-set-size-shape-radius:var(--sinch-comp-button-shape-radius-size-s);--sinch-local-font:var(--sinch-comp-button-font-size-s-text);--sinch-global-size-icon:var(--sinch-comp-button-size-icon-s)}:host([data-size=xs])>#button{--sinch-local-size:var(--sinch-comp-button-size-container-xs);--sinch-local-padding:var(--sinch-comp-button-spacing-padding-xs, 8px);--sinch-local-gap:var(--sinch-comp-button-spacing-gap-xs, 8px);--sinch-button-set-size-shape-radius:var(--sinch-comp-button-shape-radius-size-xs);--sinch-local-font:var(--sinch-comp-button-font-size-s-text);--sinch-global-size-icon:var(--sinch-comp-button-size-icon-xs)}:host(:is([text=""],:not([text])))>#button{--sinch-local-padding:var(--sinch-comp-button-spacing-icon-only-padding-m, 8px)}:host([data-size="l"]:is([text=""],:not([text])))>#button{--sinch-local-padding:var(--sinch-comp-button-spacing-icon-only-padding-l, 8px)}:host([data-size="s"]:is([text=""],:not([text])))>#button{--sinch-local-padding:var(--sinch-comp-button-spacing-icon-only-padding-s, 4px)}:host([data-size=xs]:is([text=""],:not([text])))>#button{--sinch-local-padding:var(--sinch-comp-button-spacing-icon-only-padding-xs, 4px)}:host([type=primary])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-primary-default-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-primary-default-border-initial);--sinch-local-color-text:var(--sinch-comp-button-color-primary-default-text-initial);--sinch-local-color-icon:var(--sinch-comp-button-color-primary-default-icon-initial);--sinch-local-color-outline-focus:var(--sinch-comp-button-color-primary-default-outline-focus);--sinch-local-shadow:var(--sinch-comp-button-shadow-primary-initial)}:host(:not([type]))>#button,:host([type=secondary])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-secondary-default-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-secondary-default-border-initial);--sinch-local-color-outline-focus:var(--sinch-comp-button-color-secondary-default-outline-focus);--sinch-local-color-text:var(--sinch-comp-button-color-secondary-default-text-initial);--sinch-local-color-icon:var(--sinch-comp-button-color-secondary-default-icon-initial)}:host([type=subtle-primary])>#button,:host([type=tertiary])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-primary-default-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-subtle-primary-default-border-initial);--sinch-local-color-outline-focus:var(--sinch-comp-button-color-subtle-primary-default-outline-focus);--sinch-local-color-text:var(--sinch-comp-button-color-subtle-primary-default-text-initial);--sinch-local-color-icon:var(--sinch-comp-button-color-subtle-primary-default-icon-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-initial)}:host(:not([type]):is([text=""],:not([text])))>#button,:host([type=subtle-secondary])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-secondary-default-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-subtle-secondary-default-border-initial);--sinch-local-color-outline-focus:var(--sinch-comp-button-color-subtle-secondary-default-outline-focus);--sinch-local-color-text:var(--sinch-comp-button-color-subtle-secondary-default-text-initial);--sinch-local-color-icon:var(--sinch-comp-button-color-subtle-secondary-default-icon-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-initial)}:host([type=cta-primary])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-cta-primary-default-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-cta-primary-default-border-initial);--sinch-local-color-outline-focus:var(--sinch-comp-button-color-cta-primary-default-outline-focus);--sinch-local-color-text:var(--sinch-comp-button-color-cta-primary-default-text-initial);--sinch-local-color-icon:var(--sinch-comp-button-color-cta-primary-default-icon-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-primary-initial)}:host([type=cta-secondary])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-cta-secondary-default-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-cta-secondary-default-border-initial);--sinch-local-color-outline-focus:var(--sinch-comp-button-color-cta-secondary-default-outline-focus);--sinch-local-color-text:var(--sinch-comp-button-color-cta-secondary-default-text-initial);--sinch-local-color-icon:var(--sinch-comp-button-color-cta-secondary-default-icon-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-secondary-initial)}:host([type=destructive])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-danger-default-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-danger-default-border-initial);--sinch-local-color-text:var(--sinch-comp-button-color-danger-default-text-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-danger-initial);--sinch-global-color-icon:var(--sinch-comp-button-color-danger-default-icon-initial)}:host([type=primary]:focus-visible)>#button{--sinch-local-shadow:var(--sinch-comp-button-shadow-primary-focus)}:host(:not([type]):focus-visible)>#button,:host([type=secondary]:focus-visible)>#button{--sinch-local-shadow:var(--sinch-comp-button-shadow-secondary-focus)}:host([type=subtle-primary]:focus-visible)>#button,:host([type=tertiary]:focus-visible)>#button{--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-focus)}:host(:not([type]):is([text=""],:not([text])):focus-visible)>#button,:host([type=subtle-secondary]:focus-visible)>#button{--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-focus)}:host([type=cta-primary]:focus-visible)>#button{--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-primary-focus)}:host([type=cta-secondary]:focus-visible)>#button{--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-secondary-focus)}:host([type=destructive]:focus-visible)>#button{--sinch-local-shadow:var(--sinch-comp-button-shadow-danger-focus)}:host([toggled]:not([disabled])[type=subtle-primary])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-primary-toggled-background-initial)}:host([toggled]:not([disabled]):not([type]):is([text=""],:not([text])))>#button,:host([toggled]:not([disabled])[type=subtle-secondary])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-secondary-toggled-background-initial)}:host([type=primary]:hover)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-primary-default-background-hover);--sinch-local-shadow:var(--sinch-comp-button-shadow-primary-hover)}:host([type=primary]:active)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-primary-default-background-active);--sinch-local-shadow:var(--sinch-comp-button-shadow-primary-active)}:host(:not([type]):hover)>#button,:host([type=secondary]:hover)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-secondary-default-background-hover);--sinch-local-shadow:var(--sinch-comp-button-shadow-secondary-hover)}:host(:not([type]):active)>#button,:host([type=secondary]:active)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-secondary-default-background-active)}:host([type=subtle-primary]:hover)>#button,:host([type=tertiary]:hover)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-primary-default-background-hover);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-hover)}:host([type=subtle-primary]:active)>#button,:host([type=tertiary]:active)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-primary-default-background-active);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-active)}:host(:not([type]):is([text=""],:not([text])):hover)>#button,:host([type=subtle-secondary]:hover)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-secondary-default-background-hover);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-hover)}:host(:not([type]):is([text=""],:not([text])):active)>#button,:host([type=subtle-secondary]:active)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-secondary-default-background-active);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-active)}:host([type=cta-primary]:hover)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-cta-primary-default-background-hover);--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-primary-hover)}:host([type=cta-primary]:active)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-cta-primary-default-background-active);--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-primary-active)}:host([type=cta-secondary]:hover)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-cta-secondary-default-background-hover);--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-secondary-hover)}:host([type=cta-secondary]:active)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-cta-secondary-default-background-active);--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-secondary-active)}:host([type=destructive]:hover)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-danger-default-background-hover);--sinch-local-shadow:var(--sinch-comp-button-shadow-danger-hover)}:host([type=destructive]:active)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-danger-default-background-active);--sinch-local-shadow:var(--sinch-comp-button-shadow-danger-active)}:host([toggled]:not([disabled])[type=subtle-primary]:hover)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-primary-toggled-background-hover);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-hover)}:host([toggled]:not([disabled])[type=subtle-primary]:active)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-primary-toggled-background-active);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-active)}:host([toggled]:not([disabled]):not([type]):is([text=""],:not([text])):hover)>#button,:host([toggled]:not([disabled])[type=subtle-secondary]:hover)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-secondary-toggled-background-hover);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-hover)}:host([toggled]:not([disabled]):not([type]):is([text=""],:not([text])):active)>#button,:host([toggled]:not([disabled])[type=subtle-secondary]:active)>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-secondary-toggled-background-active);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-active)}:host([type=primary][disabled])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-primary-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-primary-disabled-border-initial);--sinch-local-color-text:var(--sinch-comp-button-color-primary-disabled-text-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-primary-disabled);--sinch-global-color-icon:var(--sinch-comp-button-color-primary-disabled-icon-initial)}:host(:not([type])[disabled])>#button,:host([type=secondary][disabled])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-secondary-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-secondary-disabled-border-initial);--sinch-local-color-text:var(--sinch-comp-button-color-secondary-disabled-text-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-secondary-disabled);--sinch-global-color-icon:var(--sinch-comp-button-color-secondary-disabled-icon-initial)}:host([type=subtle-primary][disabled])>#button,:host([type=tertiary][disabled])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-primary-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-subtle-primary-disabled-border-initial);--sinch-local-color-text:var(--sinch-comp-button-color-subtle-primary-disabled-text-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-disabled);--sinch-global-color-icon:var(--sinch-comp-button-color-subtle-primary-disabled-icon-initial)}:host(:not([type]):is([text=""],:not([text]))[disabled])>#button,:host([type=subtle-secondary][disabled])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-subtle-secondary-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-subtle-secondary-disabled-border-initial);--sinch-local-color-text:var(--sinch-comp-button-color-subtle-secondary-disabled-text-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-subtle-disabled);--sinch-global-color-icon:var(--sinch-comp-button-color-subtle-secondary-disabled-icon-initial)}:host([type=cta-primary][disabled])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-cta-primary-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-cta-primary-disabled-border-initial);--sinch-local-color-text:var(--sinch-comp-button-color-cta-primary-disabled-text-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-primary-disabled);--sinch-global-color-icon:var(--sinch-comp-button-color-cta-primary-disabled-icon-initial)}:host([type=cta-secondary][disabled])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-cta-secondary-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-cta-secondary-disabled-border-initial);--sinch-local-color-text:var(--sinch-comp-button-color-cta-secondary-disabled-text-initial);--sinch-local-shadow:var(--sinch-comp-button-shadow-cta-secondary-disabled);--sinch-global-color-icon:var(--sinch-comp-button-color-cta-secondary-disabled-icon-initial)}:host([type=destructive][disabled])>#button{--sinch-local-color-background:var(--sinch-comp-button-color-danger-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-button-color-danger-disabled-border-initial);--sinch-local-color-text:var(--sinch-comp-button-color-danger-disabled-text-initial);--sinch-global-color-icon:var(--sinch-comp-button-color-danger-disabled-icon-initial)}#button::before{content:"";position:absolute;inset:0;background-color:var(--sinch-local-color-background);border-top:var(--sinch-button-border-top);border-bottom:var(--sinch-button-border-bottom);border-right:var(--sinch-button-border-right);border-left:var(--sinch-button-border-left);border-color:var(--sinch-local-color-border);border-top-right-radius:var(--sinch-button-shape-radius-top-right,var(--sinch-button-set-size-shape-radius,var(--sinch-button-shape-radius-base)));border-top-left-radius:var(--sinch-button-shape-radius-top-left,var(--sinch-button-set-size-shape-radius,var(--sinch-button-shape-radius-base)));border-bottom-right-radius:var(--sinch-button-shape-radius-bottom-right,var(--sinch-button-set-size-shape-radius,var(--sinch-button-shape-radius-base)));border-bottom-left-radius:var(--sinch-button-shape-radius-bottom-left,var(--sinch-button-set-size-shape-radius,var(--sinch-button-shape-radius-base)));box-shadow:var(--sinch-local-shadow);pointer-events:none}:host(:not([disabled]):active) #button::before{border-width:2px}:host(:focus-visible) #button::after{position:absolute;content:"";inset:-3px;border:2px solid var(--sinch-local-color-outline-focus);border-top-right-radius:calc(var(--sinch-button-shape-radius-top-right,var(--sinch-button-set-size-shape-radius,var(--sinch-button-shape-radius-base))) + 3px);border-top-left-radius:calc(var(--sinch-button-shape-radius-top-left,var(--sinch-button-set-size-shape-radius,var(--sinch-button-shape-radius-base))) + 3px);border-bottom-right-radius:calc(var(--sinch-button-shape-radius-bottom-right,var(--sinch-button-set-size-shape-radius,var(--sinch-button-shape-radius-base))) + 3px);border-bottom-left-radius:calc(var(--sinch-button-shape-radius-bottom-left,var(--sinch-button-set-size-shape-radius,var(--sinch-button-shape-radius-base))) + 3px);pointer-events:none}#content{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--sinch-local-gap);width:100%;height:100%;padding:0 var(--sinch-local-padding);box-sizing:border-box;pointer-events:none;overflow:hidden}#text{font:var(--sinch-local-font);color:var(--sinch-local-color-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0}:host(:is([text=""],:not([text]))) :is(#left-icon,#right-icon,#text){display:none}::slotted(*){display:block}</style><div id="button" inert><div id="content"><slot id="left-icon" name="left-icon"></slot><slot id="icon" name="icon"></slot><span id="text"></span><slot id="right-icon" name="right-icon"></slot></div></div>';
2375
+ const template$12 = document.createElement("template");
2376
+ template$12.innerHTML = templateHTML$12;
2331
2377
  class Button extends NectaryElement {
2332
2378
  #$button;
2333
2379
  #$text;
@@ -2338,7 +2384,7 @@ class Button extends NectaryElement {
2338
2384
  constructor() {
2339
2385
  super();
2340
2386
  const shadowRoot = this.attachShadow();
2341
- shadowRoot.appendChild(template$$.content.cloneNode(true));
2387
+ shadowRoot.appendChild(template$12.content.cloneNode(true));
2342
2388
  this.#internals = this.attachInternals();
2343
2389
  this.#$button = shadowRoot.querySelector("#button");
2344
2390
  this.#$text = shadowRoot.querySelector("#text");
@@ -2568,26 +2614,26 @@ class Button extends NectaryElement {
2568
2614
  };
2569
2615
  }
2570
2616
  defineCustomElement("sinch-button", Button);
2571
- const templateHTML$_ = '<style>:host{display:block}#wrapper{height:100%;padding:20px 0;box-sizing:border-box;background-color:var(--sinch-comp-card-color-default-background-initial);border-radius:var(--sinch-comp-card-shape-radius);border:1px solid var(--sinch-comp-card-color-default-border-initial)}#scroll{overflow:auto;height:100%;box-sizing:border-box;padding:4px 24px}</style><div id="wrapper"><div id="scroll"><slot></slot></div></div>';
2572
- const template$_ = document.createElement("template");
2573
- template$_.innerHTML = templateHTML$_;
2617
+ const templateHTML$11 = '<style>:host{display:block}#wrapper{height:100%;padding:20px 0;box-sizing:border-box;background-color:var(--sinch-comp-card-color-default-background-initial);border-radius:var(--sinch-comp-card-shape-radius);border:1px solid var(--sinch-comp-card-color-default-border-initial)}#scroll{overflow:auto;height:100%;box-sizing:border-box;padding:4px 24px}</style><div id="wrapper"><div id="scroll"><slot></slot></div></div>';
2618
+ const template$11 = document.createElement("template");
2619
+ template$11.innerHTML = templateHTML$11;
2574
2620
  class CardContainer extends NectaryElement {
2575
2621
  constructor() {
2576
2622
  super();
2577
2623
  const shadowRoot = this.attachShadow();
2578
- shadowRoot.appendChild(template$_.content.cloneNode(true));
2624
+ shadowRoot.appendChild(template$11.content.cloneNode(true));
2579
2625
  }
2580
2626
  }
2581
2627
  defineCustomElement("sinch-card-container", CardContainer);
2582
- const templateHTML$Z = '<style>:host{display:block}#title{display:flex;align-items:center;flex-direction:row}#title-text{font:var(--sinch-comp-card-v2-font-title);color:var(--sinch-comp-card-v2-color-default-title-initial)}#title-icon{display:flex}:host([orientation=vertical]) #title{align-items:start;flex-direction:column}:host([disabled]:not([disabled=false])) #title-text{color:var(--sinch-comp-card-v2-color-default-title-disabled)}:host([selected]:not([selected=false])[disabled]:not([disabled=false])) #title-text{color:var(--sinch-comp-card-v2-color-selected-title-disabled)}::slotted([slot=icon]){--sinch-global-color-icon:var(--sinch-comp-card-v2-color-default-icon-initial);--sinch-global-size-icon:var(--sinch-comp-card-v2-size-icon);margin-right:8px;margin-bottom:0}:host([orientation=vertical]) ::slotted([slot=icon]){margin-right:0;margin-bottom:8px}:host([selected]:not([selected=false])) ::slotted([slot=icon]){--sinch-global-color-icon:var(--sinch-comp-card-v2-color-selected-icon-initial)}:host([disabled]:not([disabled=false])) ::slotted([slot=icon]){--sinch-global-color-icon:var(--sinch-comp-card-v2-color-default-icon-disabled)}:host([selected]:not([selected=false])[disabled]:not([disabled=false])) ::slotted([slot=icon]){--sinch-global-color-icon:var(--sinch-comp-card-v2-color-selected-icon-disabled)}</style><div id="title"><div id="title-icon"><slot name="icon"></slot></div><sinch-text id="title-text" type="m"></sinch-text></div>';
2583
- const template$Z = document.createElement("template");
2584
- template$Z.innerHTML = templateHTML$Z;
2628
+ const templateHTML$10 = '<style>:host{display:block}#title{display:flex;align-items:center;flex-direction:row}#title-text{font:var(--sinch-comp-card-v2-font-title);color:var(--sinch-comp-card-v2-color-default-title-initial)}#title-icon{display:flex}:host([orientation=vertical]) #title{align-items:start;flex-direction:column}:host([disabled]:not([disabled=false])) #title-text{color:var(--sinch-comp-card-v2-color-default-title-disabled)}:host([selected]:not([selected=false])[disabled]:not([disabled=false])) #title-text{color:var(--sinch-comp-card-v2-color-selected-title-disabled)}::slotted([slot=icon]){--sinch-global-color-icon:var(--sinch-comp-card-v2-color-default-icon-initial);--sinch-global-size-icon:var(--sinch-comp-card-v2-size-icon);margin-right:8px;margin-bottom:0}:host([orientation=vertical]) ::slotted([slot=icon]){margin-right:0;margin-bottom:8px}:host([selected]:not([selected=false])) ::slotted([slot=icon]){--sinch-global-color-icon:var(--sinch-comp-card-v2-color-selected-icon-initial)}:host([disabled]:not([disabled=false])) ::slotted([slot=icon]){--sinch-global-color-icon:var(--sinch-comp-card-v2-color-default-icon-disabled)}:host([selected]:not([selected=false])[disabled]:not([disabled=false])) ::slotted([slot=icon]){--sinch-global-color-icon:var(--sinch-comp-card-v2-color-selected-icon-disabled)}</style><div id="title"><div id="title-icon"><slot name="icon"></slot></div><sinch-text id="title-text" type="m"></sinch-text></div>';
2629
+ const template$10 = document.createElement("template");
2630
+ template$10.innerHTML = templateHTML$10;
2585
2631
  class CardV2Title extends NectaryElement {
2586
2632
  #$text;
2587
2633
  constructor() {
2588
2634
  super();
2589
2635
  const shadowRoot = this.attachShadow();
2590
- shadowRoot.appendChild(template$Z.content.cloneNode(true));
2636
+ shadowRoot.appendChild(template$10.content.cloneNode(true));
2591
2637
  this.#$text = shadowRoot.querySelector("#title-text");
2592
2638
  }
2593
2639
  connectedCallback() {
@@ -2632,9 +2678,9 @@ class CardV2Title extends NectaryElement {
2632
2678
  }
2633
2679
  }
2634
2680
  defineCustomElement("sinch-card-v2-title", CardV2Title);
2635
- const templateHTML$Y = '<style>:host{display:flex}.empty{display:none!important}#card{border-radius:var(--sinch-comp-card-v2-shape-radius);border:1px solid var(--sinch-comp-card-v2-color-default-border-initial);background-color:var(--sinch-comp-card-v2-color-default-background-initial);box-shadow:var(--sinch-comp-card-v2-shadow-initial);overflow:hidden;transition:.15s linear;display:flex;flex-direction:column;flex:1}#card-media{display:block;overflow:hidden}#body{display:flex;flex-direction:column;padding:16px;gap:8px;align-self:stretch;flex:1}#card-title{display:flex;flex-direction:row;align-items:center;gap:8px;align-self:stretch}#card-content{display:flex;gap:10px;align-self:stretch}#card-footer{display:flex;flex-direction:row;align-items:center;gap:16px;align-self:stretch;margin-top:auto}:host([selected]:not([selected=false])) #card{background-color:var(--sinch-comp-card-v2-color-selected-background-initial);border-color:var(--sinch-comp-card-v2-color-selected-border-initial);cursor:pointer}:host([clickable]:not([clickable=false])) #card{cursor:pointer}:host([disabled]:not([disabled=false])) #card{box-shadow:var(--sinch-comp-card-v2-shadow-disabled);background-color:var(--sinch-comp-card-v2-color-default-background-disabled);border-color:var(--sinch-comp-card-v2-color-default-border-disabled);cursor:not-allowed}:host([clickable]:not([clickable=false]):is(:not([disabled]),[disabled=false]):hover) #card{background-color:var(--sinch-comp-card-v2-color-default-background-hover);border-color:var(--sinch-comp-card-v2-color-default-border-hover);box-shadow:var(--sinch-comp-card-v2-shadow-hover)}:host([clickable]:not([clickable=false]):is(:not([disabled]),[disabled=false]):active) #card{background-color:var(--sinch-comp-card-v2-color-default-background-active);border-color:var(--sinch-comp-card-v2-color-default-border-active);box-shadow:var(--sinch-comp-card-v2-shadow-active)}:host([selected]:not([selected=false]):is(:not([disabled]),[disabled=false]):hover) #card{background-color:var(--sinch-comp-card-v2-color-selected-background-hover);border-color:var(--sinch-comp-card-v2-color-selected-border-hover)}:host([selected]:not([selected=false]):is(:not([disabled]),[disabled=false]):active) #card{background-color:var(--sinch-comp-card-v2-color-selected-background-active);border-color:var(--sinch-comp-card-v2-color-selected-border-active)}:host([selected]:not([selected=false])[disabled]:not([disabled=false])) #card{background-color:var(--sinch-comp-card-v2-color-selected-background-disabled);border-color:var(--sinch-comp-card-v2-color-selected-border-disabled)}::slotted([slot=content]){max-width:100%;color:var(--sinch-comp-card-v2-color-default-description-initial);font:var(--sinch-comp-card-v2-font-description)}::slotted([slot=title]){max-width:100%}::slotted([slot=footer]){max-width:100%}:host([selected]:not([selected=false])) ::slotted([slot=content]){color:var(--sinch-comp-card-v2-color-selected-description-initial)}:host([disabled]:not([disabled=false])) ::slotted([slot=content]){color:var(--sinch-comp-card-v2-color-default-description-disabled)}:host([selected]:not([selected=false])[disabled]:not([disabled=false])) ::slotted([slot=content]){color:var(--sinch-comp-card-v2-color-selected-description-disabled)}</style><div id="card"><div id="card-media"><slot name="media"></slot></div><div id="body"><div id="card-title"><slot name="title"></slot></div><div id="card-content"><slot name="content"></slot></div><div id="card-footer"><slot name="footer"></slot></div></div></div>';
2636
- const template$Y = document.createElement("template");
2637
- template$Y.innerHTML = templateHTML$Y;
2681
+ const templateHTML$$ = '<style>:host{display:flex}.empty{display:none!important}#card{border-radius:var(--sinch-comp-card-v2-shape-radius);border:1px solid var(--sinch-comp-card-v2-color-default-border-initial);background-color:var(--sinch-comp-card-v2-color-default-background-initial);box-shadow:var(--sinch-comp-card-v2-shadow-initial);overflow:hidden;transition:.15s linear;display:flex;flex-direction:column;flex:1}#card-media{display:block;overflow:hidden}#body{display:flex;flex-direction:column;padding:16px;gap:8px;align-self:stretch;flex:1}#card-title{display:flex;flex-direction:row;align-items:center;gap:8px;align-self:stretch}#card-content{display:flex;gap:10px;align-self:stretch}#card-footer{display:flex;flex-direction:row;align-items:center;gap:16px;align-self:stretch;margin-top:auto}:host([selected]:not([selected=false])) #card{background-color:var(--sinch-comp-card-v2-color-selected-background-initial);border-color:var(--sinch-comp-card-v2-color-selected-border-initial);cursor:pointer}:host([clickable]:not([clickable=false])) #card{cursor:pointer}:host([disabled]:not([disabled=false])) #card{box-shadow:var(--sinch-comp-card-v2-shadow-disabled);background-color:var(--sinch-comp-card-v2-color-default-background-disabled);border-color:var(--sinch-comp-card-v2-color-default-border-disabled);cursor:not-allowed}:host([clickable]:not([clickable=false]):is(:not([disabled]),[disabled=false]):hover) #card{background-color:var(--sinch-comp-card-v2-color-default-background-hover);border-color:var(--sinch-comp-card-v2-color-default-border-hover);box-shadow:var(--sinch-comp-card-v2-shadow-hover)}:host([clickable]:not([clickable=false]):is(:not([disabled]),[disabled=false]):active) #card{background-color:var(--sinch-comp-card-v2-color-default-background-active);border-color:var(--sinch-comp-card-v2-color-default-border-active);box-shadow:var(--sinch-comp-card-v2-shadow-active)}:host([selected]:not([selected=false]):is(:not([disabled]),[disabled=false]):hover) #card{background-color:var(--sinch-comp-card-v2-color-selected-background-hover);border-color:var(--sinch-comp-card-v2-color-selected-border-hover)}:host([selected]:not([selected=false]):is(:not([disabled]),[disabled=false]):active) #card{background-color:var(--sinch-comp-card-v2-color-selected-background-active);border-color:var(--sinch-comp-card-v2-color-selected-border-active)}:host([selected]:not([selected=false])[disabled]:not([disabled=false])) #card{background-color:var(--sinch-comp-card-v2-color-selected-background-disabled);border-color:var(--sinch-comp-card-v2-color-selected-border-disabled)}::slotted([slot=content]){max-width:100%;color:var(--sinch-comp-card-v2-color-default-description-initial);font:var(--sinch-comp-card-v2-font-description)}::slotted([slot=title]){max-width:100%}::slotted([slot=footer]){max-width:100%}:host([selected]:not([selected=false])) ::slotted([slot=content]){color:var(--sinch-comp-card-v2-color-selected-description-initial)}:host([disabled]:not([disabled=false])) ::slotted([slot=content]){color:var(--sinch-comp-card-v2-color-default-description-disabled)}:host([selected]:not([selected=false])[disabled]:not([disabled=false])) ::slotted([slot=content]){color:var(--sinch-comp-card-v2-color-selected-description-disabled)}</style><div id="card"><div id="card-media"><slot name="media"></slot></div><div id="body"><div id="card-title"><slot name="title"></slot></div><div id="card-content"><slot name="content"></slot></div><div id="card-footer"><slot name="footer"></slot></div></div></div>';
2682
+ const template$$ = document.createElement("template");
2683
+ template$$.innerHTML = templateHTML$$;
2638
2684
  const CLICK_EVENTS = ["click", "-click"];
2639
2685
  class CardV2 extends NectaryElement {
2640
2686
  #$slots;
@@ -2643,7 +2689,7 @@ class CardV2 extends NectaryElement {
2643
2689
  constructor() {
2644
2690
  super();
2645
2691
  const shadowRoot = this.attachShadow();
2646
- shadowRoot.appendChild(template$Y.content.cloneNode(true));
2692
+ shadowRoot.appendChild(template$$.content.cloneNode(true));
2647
2693
  this.#$slots = shadowRoot.querySelectorAll("slot");
2648
2694
  }
2649
2695
  connectedCallback() {
@@ -2723,7 +2769,12 @@ class CardV2 extends NectaryElement {
2723
2769
  }
2724
2770
  }
2725
2771
  static get observedAttributes() {
2726
- return ["clickable", "disabled", "selected"];
2772
+ return [
2773
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: clickable missing set/get pair
2774
+ "clickable",
2775
+ "disabled",
2776
+ "selected"
2777
+ ];
2727
2778
  }
2728
2779
  attributeChangedCallback(name, _oldVal, newVal) {
2729
2780
  switch (name) {
@@ -2763,9 +2814,9 @@ class CardV2 extends NectaryElement {
2763
2814
  }
2764
2815
  }
2765
2816
  defineCustomElement("sinch-card-v2", CardV2);
2766
- const templateHTML$X = '<style>:host{display:inline-block;vertical-align:middle;outline:0}#wrapper{display:flex;flex-direction:row;box-sizing:border-box;width:100%;min-height:24px;--sinch-local-color-background:var(--sinch-comp-checkbox-color-default-background-initial);--sinch-local-color-background-hover:var(--sinch-comp-checkbox-color-default-background-hover);--sinch-local-color-background-active:var(--sinch-comp-checkbox-color-default-background-active);--sinch-local-color-border:var(--sinch-comp-checkbox-color-default-border-initial);--sinch-local-color-border-hover:var(--sinch-comp-checkbox-color-default-border-hover);--sinch-local-color-border-active:var(--sinch-comp-checkbox-color-default-border-active);--sinch-local-color-text:var(--sinch-comp-checkbox-color-default-text-initial)}:host([invalid])>#wrapper{--sinch-local-color-background:var(--sinch-comp-checkbox-color-invalid-background-initial);--sinch-local-color-background-hover:var(--sinch-comp-checkbox-color-invalid-background-hover);--sinch-local-color-background-active:var(--sinch-comp-checkbox-color-invalid-background-active);--sinch-local-color-border:var(--sinch-comp-checkbox-color-invalid-border-initial);--sinch-local-color-border-hover:var(--sinch-comp-checkbox-color-invalid-border-hover);--sinch-local-color-border-active:var(--sinch-comp-checkbox-color-invalid-border-active);--sinch-local-color-text:var(--sinch-comp-checkbox-color-invalid-text-initial)}:host([checked])>#wrapper{--sinch-local-color-background:var(--sinch-comp-checkbox-color-checked-background-initial);--sinch-local-color-background-hover:var(--sinch-comp-checkbox-color-checked-background-hover);--sinch-local-color-background-active:var(--sinch-comp-checkbox-color-checked-background-active);--sinch-local-color-border:var(--sinch-comp-checkbox-color-checked-border-initial);--sinch-local-color-border-hover:var(--sinch-comp-checkbox-color-checked-border-hover);--sinch-local-color-border-active:var(--sinch-comp-checkbox-color-checked-border-active)}:host([disabled])>#wrapper{--sinch-local-color-background:var(--sinch-comp-checkbox-color-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-checkbox-color-disabled-border-initial);--sinch-local-color-text:var(--sinch-comp-checkbox-color-disabled-text-initial)}:host([disabled][checked])>#wrapper{--sinch-local-color-background:var(--sinch-comp-checkbox-color-checked-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-checkbox-color-checked-disabled-border-initial)}#checkbox{width:18px;height:18px;cursor:pointer}:host([disabled]) #checkbox{cursor:initial}#icon-container{position:relative;width:18px;height:18px;align-self:flex-start;margin-top:3px}#checkbox::before{content:"";position:absolute;inset:-3px;border:2px solid var(--sinch-comp-checkbox-color-default-outline-focus);border-radius:calc(var(--sinch-comp-checkbox-shape-radius) + 3px);transition:opacity .1s linear;opacity:0;box-sizing:border-box;pointer-events:none}:host(:focus-visible) #checkbox::before{opacity:1}#checkbox::after{content:"";position:absolute;width:18px;height:18px;inset:0;margin:auto;background-color:var(--sinch-local-color-background);border:1px solid var(--sinch-local-color-border);border-radius:var(--sinch-comp-checkbox-shape-radius);transition:background-color .1s linear;box-sizing:border-box;pointer-events:none}:host(:hover:not([disabled])) #checkbox::after{background-color:var(--sinch-local-color-background-hover);border-color:var(--sinch-local-color-border-hover)}:host(:active:not([disabled])) #checkbox::after{background-color:var(--sinch-local-color-background-active);border-color:var(--sinch-local-color-border-active)}#icon-checkmark,#icon-indeterminate{position:absolute;left:1px;top:1px;width:16px;height:16px;transition:opacity .1s linear;opacity:0;pointer-events:none;fill:var(--sinch-sys-color-surface-primary-default)}:host(:not([indeterminate])[checked]) #icon-checkmark{opacity:1}:host([indeterminate][checked]) #icon-indeterminate{opacity:1}@media (prefers-reduced-motion){#checkbox::after,#checkbox::before,#icon-checkmark,#icon-indeterminate{transition:none}}#label{flex:1;align-self:center;padding-left:8px;font:var(--sinch-comp-checkbox-font-label);cursor:pointer;--sinch-global-color-text:var(--sinch-local-color-text)}:host(:not([text])) #label,:host([text=""]) #label{display:none}:host([disabled]) #label{cursor:initial}</style><div id="wrapper"><div id="icon-container"><div id="checkbox"></div><svg id="icon-checkmark" viewBox="0 0 24 24" aria-hidden="true"><path d="M9 16.17 5.53 12.7a.996.996 0 1 0-1.41 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71a.996.996 0 1 0-1.41-1.41L9 16.17Z"/></svg> <svg id="icon-indeterminate" viewBox="0 0 24 24" aria-hidden="true"><path d="M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1Z"/></svg></div><sinch-rich-text id="label"></sinch-rich-text></div>';
2767
- const template$X = document.createElement("template");
2768
- template$X.innerHTML = templateHTML$X;
2817
+ const templateHTML$_ = '<style>:host{display:inline-block;vertical-align:middle;outline:0}#wrapper{display:flex;flex-direction:row;box-sizing:border-box;width:100%;min-height:24px;--sinch-local-color-background:var(--sinch-comp-checkbox-color-default-background-initial);--sinch-local-color-background-hover:var(--sinch-comp-checkbox-color-default-background-hover);--sinch-local-color-background-active:var(--sinch-comp-checkbox-color-default-background-active);--sinch-local-color-border:var(--sinch-comp-checkbox-color-default-border-initial);--sinch-local-color-border-hover:var(--sinch-comp-checkbox-color-default-border-hover);--sinch-local-color-border-active:var(--sinch-comp-checkbox-color-default-border-active);--sinch-local-color-text:var(--sinch-comp-checkbox-color-default-text-initial)}:host([invalid])>#wrapper{--sinch-local-color-background:var(--sinch-comp-checkbox-color-invalid-background-initial);--sinch-local-color-background-hover:var(--sinch-comp-checkbox-color-invalid-background-hover);--sinch-local-color-background-active:var(--sinch-comp-checkbox-color-invalid-background-active);--sinch-local-color-border:var(--sinch-comp-checkbox-color-invalid-border-initial);--sinch-local-color-border-hover:var(--sinch-comp-checkbox-color-invalid-border-hover);--sinch-local-color-border-active:var(--sinch-comp-checkbox-color-invalid-border-active);--sinch-local-color-text:var(--sinch-comp-checkbox-color-invalid-text-initial)}:host([checked])>#wrapper{--sinch-local-color-background:var(--sinch-comp-checkbox-color-checked-background-initial);--sinch-local-color-background-hover:var(--sinch-comp-checkbox-color-checked-background-hover);--sinch-local-color-background-active:var(--sinch-comp-checkbox-color-checked-background-active);--sinch-local-color-border:var(--sinch-comp-checkbox-color-checked-border-initial);--sinch-local-color-border-hover:var(--sinch-comp-checkbox-color-checked-border-hover);--sinch-local-color-border-active:var(--sinch-comp-checkbox-color-checked-border-active)}:host([disabled])>#wrapper{--sinch-local-color-background:var(--sinch-comp-checkbox-color-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-checkbox-color-disabled-border-initial);--sinch-local-color-text:var(--sinch-comp-checkbox-color-disabled-text-initial)}:host([disabled][checked])>#wrapper{--sinch-local-color-background:var(--sinch-comp-checkbox-color-checked-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-checkbox-color-checked-disabled-border-initial)}#checkbox{width:18px;height:18px;cursor:pointer}:host([disabled]) #checkbox{cursor:initial}#icon-container{position:relative;width:18px;height:18px;align-self:flex-start;margin-top:3px}#checkbox::before{content:"";position:absolute;inset:-3px;border:2px solid var(--sinch-comp-checkbox-color-default-outline-focus);border-radius:calc(var(--sinch-comp-checkbox-shape-radius) + 3px);transition:opacity .1s linear;opacity:0;box-sizing:border-box;pointer-events:none}:host(:focus-visible) #checkbox::before{opacity:1}#checkbox::after{content:"";position:absolute;width:18px;height:18px;inset:0;margin:auto;background-color:var(--sinch-local-color-background);border:1px solid var(--sinch-local-color-border);border-radius:var(--sinch-comp-checkbox-shape-radius);transition:background-color .1s linear;box-sizing:border-box;pointer-events:none}:host(:hover:not([disabled])) #checkbox::after{background-color:var(--sinch-local-color-background-hover);border-color:var(--sinch-local-color-border-hover)}:host(:active:not([disabled])) #checkbox::after{background-color:var(--sinch-local-color-background-active);border-color:var(--sinch-local-color-border-active)}#icon-checkmark,#icon-indeterminate{position:absolute;left:1px;top:1px;width:16px;height:16px;transition:opacity .1s linear;opacity:0;pointer-events:none;fill:var(--sinch-sys-color-surface-primary-default)}:host(:not([indeterminate])[checked]) #icon-checkmark{opacity:1}:host([indeterminate][checked]) #icon-indeterminate{opacity:1}@media (prefers-reduced-motion){#checkbox::after,#checkbox::before,#icon-checkmark,#icon-indeterminate{transition:none}}#label{flex:1;align-self:center;padding-left:8px;font:var(--sinch-comp-checkbox-font-label);cursor:pointer;--sinch-global-color-text:var(--sinch-local-color-text)}:host(:not([text])) #label,:host([text=""]) #label{display:none}:host([disabled]) #label{cursor:initial}</style><div id="wrapper"><div id="icon-container"><div id="checkbox"></div><svg id="icon-checkmark" viewBox="0 0 24 24" aria-hidden="true"><path d="M9 16.17 5.53 12.7a.996.996 0 1 0-1.41 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71a.996.996 0 1 0-1.41-1.41L9 16.17Z"/></svg> <svg id="icon-indeterminate" viewBox="0 0 24 24" aria-hidden="true"><path d="M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1Z"/></svg></div><sinch-rich-text id="label"></sinch-rich-text></div>';
2818
+ const template$_ = document.createElement("template");
2819
+ template$_.innerHTML = templateHTML$_;
2769
2820
  class Checkbox extends NectaryElement {
2770
2821
  #$label;
2771
2822
  #controller = null;
@@ -2774,7 +2825,7 @@ class Checkbox extends NectaryElement {
2774
2825
  constructor() {
2775
2826
  super();
2776
2827
  const shadowRoot = this.attachShadow();
2777
- shadowRoot.appendChild(template$X.content.cloneNode(true));
2828
+ shadowRoot.appendChild(template$_.content.cloneNode(true));
2778
2829
  this.#internals = this.attachInternals();
2779
2830
  this.#$label = shadowRoot.querySelector("#label");
2780
2831
  }
@@ -2946,9 +2997,9 @@ const getChipColorBg = (id) => {
2946
2997
  const getChipColorFg = (id) => {
2947
2998
  return `var(--sinch-comp-chip-color-${id}-default-foreground-initial)`;
2948
2999
  };
2949
- const templateHTML$W = '<style>:host{display:inline-block;vertical-align:middle;outline:0;cursor:pointer}#button{all:initial;position:relative;display:flex;flex-direction:row;align-items:center;gap:4px;width:100%;height:var(--sinch-comp-chip-size-container-m);padding:0 5px 0 9px;border:1px solid var(--sinch-comp-chip-border);border-radius:var(--sinch-comp-chip-shape-radius);background-color:var(--sinch-comp-chip-color-neutral-default-background-initial);box-sizing:border-box;--sinch-global-color-text:var(--sinch-comp-chip-color-neutral-default-foreground-initial);--sinch-global-color-icon:var(--sinch-comp-chip-color-neutral-default-foreground-initial);--sinch-global-size-icon:var(--sinch-comp-chip-size-icon-m)}:host(:focus-visible)>#button::after{content:"";position:absolute;inset:-4px;border-radius:calc(var(--sinch-comp-chip-shape-radius) + 4px);border:2px solid var(--sinch-comp-chip-color-outiline-focus);pointer-events:none}#text{flex:1;--sinch-comp-text-font:var(--sinch-comp-chip-font-size-m-label)}:host([small]) #button{height:var(--sinch-comp-chip-size-container-s);padding:0 3px 0 7px;--sinch-global-size-icon:var(--sinch-comp-chip-size-icon-s)}:host([small]) #text{--sinch-comp-text-font:var(--sinch-comp-chip-font-size-s-label)}::slotted([slot=icon]){margin-left:-4px}</style><div id="button" inert><slot name="icon"></slot><sinch-text id="text" type="xs" ellipsis></sinch-text><slot name="right-icon"><sinch-icon icons-version="2" name="circle-cross" id="icon-close"></sinch-icon></slot></div>';
2950
- const template$W = document.createElement("template");
2951
- template$W.innerHTML = templateHTML$W;
3000
+ const templateHTML$Z = '<style>:host{display:inline-block;vertical-align:middle;outline:0;cursor:pointer}#button{all:initial;position:relative;display:flex;flex-direction:row;align-items:center;gap:4px;width:100%;height:var(--sinch-comp-chip-size-container-m);padding:0 5px 0 9px;border:1px solid var(--sinch-comp-chip-border);border-radius:var(--sinch-comp-chip-shape-radius);background-color:var(--sinch-comp-chip-color-neutral-default-background-initial);box-sizing:border-box;--sinch-global-color-text:var(--sinch-comp-chip-color-neutral-default-foreground-initial);--sinch-global-color-icon:var(--sinch-comp-chip-color-neutral-default-foreground-initial);--sinch-global-size-icon:var(--sinch-comp-chip-size-icon-m)}:host(:focus-visible)>#button::after{content:"";position:absolute;inset:-4px;border-radius:calc(var(--sinch-comp-chip-shape-radius) + 4px);border:2px solid var(--sinch-comp-chip-color-outiline-focus);pointer-events:none}#text{flex:1;--sinch-comp-text-font:var(--sinch-comp-chip-font-size-m-label)}:host([small]) #button{height:var(--sinch-comp-chip-size-container-s);padding:0 3px 0 7px;--sinch-global-size-icon:var(--sinch-comp-chip-size-icon-s)}:host([small]) #text{--sinch-comp-text-font:var(--sinch-comp-chip-font-size-s-label)}::slotted([slot=icon]){margin-left:-4px}</style><div id="button" inert><slot name="icon"></slot><sinch-text id="text" type="xs" ellipsis></sinch-text><slot name="right-icon"><sinch-icon icons-version="2" name="circle-cross" id="icon-close"></sinch-icon></slot></div>';
3001
+ const template$Z = document.createElement("template");
3002
+ template$Z.innerHTML = templateHTML$Z;
2952
3003
  class Chip extends NectaryElement {
2953
3004
  #$text;
2954
3005
  #$button;
@@ -2956,7 +3007,7 @@ class Chip extends NectaryElement {
2956
3007
  constructor() {
2957
3008
  super();
2958
3009
  const shadowRoot = this.attachShadow();
2959
- shadowRoot.appendChild(template$W.content.cloneNode(true));
3010
+ shadowRoot.appendChild(template$Z.content.cloneNode(true));
2960
3011
  this.#$button = shadowRoot.querySelector("#button");
2961
3012
  this.#$text = shadowRoot.querySelector("#text");
2962
3013
  }
@@ -3116,15 +3167,15 @@ const getSwatchColorBg = (id) => {
3116
3167
  const getSwatchColorFg = (id) => {
3117
3168
  return `var(--sinch-comp-color-swatch-color-${id}-foreground)`;
3118
3169
  };
3119
- const templateHTML$V = '<style>:host{display:inline-block;vertical-align:middle}#wrapper{width:var(--sinch-global-size-icon,32px);height:var(--sinch-global-size-icon,32px);border-radius:50%}#wrapper.no-color{background:linear-gradient(45deg,var(--sinch-ref-color-violet-200),var(--sinch-ref-color-honey-200),var(--sinch-ref-color-grass-200),var(--sinch-ref-color-ocean-200),var(--sinch-ref-color-violet-200))}</style><div id="wrapper"></div>';
3120
- const template$V = document.createElement("template");
3121
- template$V.innerHTML = templateHTML$V;
3170
+ const templateHTML$Y = '<style>:host{display:inline-block;vertical-align:middle}#wrapper{width:var(--sinch-global-size-icon,32px);height:var(--sinch-global-size-icon,32px);border-radius:50%}#wrapper.no-color{background:linear-gradient(45deg,var(--sinch-ref-color-violet-200),var(--sinch-ref-color-honey-200),var(--sinch-ref-color-grass-200),var(--sinch-ref-color-ocean-200),var(--sinch-ref-color-violet-200))}</style><div id="wrapper"></div>';
3171
+ const template$Y = document.createElement("template");
3172
+ template$Y.innerHTML = templateHTML$Y;
3122
3173
  class ColorSwatch extends NectaryElement {
3123
3174
  #$wrapper;
3124
3175
  constructor() {
3125
3176
  super();
3126
3177
  const shadowRoot = this.attachShadow();
3127
- shadowRoot.appendChild(template$V.content.cloneNode(true));
3178
+ shadowRoot.appendChild(template$Y.content.cloneNode(true));
3128
3179
  this.#$wrapper = shadowRoot.querySelector("#wrapper");
3129
3180
  }
3130
3181
  connectedCallback() {
@@ -3346,9 +3397,9 @@ const enableOverscroll = () => {
3346
3397
  document.documentElement.style.removeProperty("overscroll-behavior");
3347
3398
  }
3348
3399
  };
3349
- const templateHTML$U = '<style>:host{display:contents;position:relative}dialog{position:fixed;left:0;top:0;transform:translate(var(--sinch-pop-offset-x),var(--sinch-pop-offset-y));margin:0;outline:0;padding:0;border:none;box-sizing:border-box;max-width:unset;max-height:unset;z-index:1;background:0 0;overflow:visible}dialog:not([open]){display:none}dialog::backdrop{background-color:transparent}#content{position:relative;z-index:1}#target-open{display:flex;flex-direction:column;position:absolute;left:0;top:0}#focus{display:none;position:absolute;width:0;height:0}</style><slot id="target" name="target" aria-haspopup="dialog" aria-expanded="false"></slot><div id="focus"></div><dialog id="dialog"><div id="target-open"><slot name="target-open"></slot></div><div id="content"><slot name="content"></slot></div></dialog>';
3350
- const template$U = document.createElement("template");
3351
- template$U.innerHTML = templateHTML$U;
3400
+ const templateHTML$X = '<style>:host{display:contents;position:relative}dialog{position:fixed;left:0;top:0;transform:translate(var(--sinch-pop-offset-x),var(--sinch-pop-offset-y));margin:0;outline:0;padding:0;border:none;box-sizing:border-box;max-width:unset;max-height:unset;z-index:var(--sinch-comp-pop-z-index,1);background:0 0;overflow:visible}dialog:not([open]){display:none}dialog::backdrop{background-color:transparent}#content{position:relative;z-index:var(--sinch-comp-pop-z-index,1)}#target-open{display:flex;flex-direction:column;position:absolute;left:0;top:0}#focus{display:none;position:absolute;width:0;height:0}</style><slot id="target" name="target" aria-haspopup="dialog" aria-expanded="false"></slot><div id="focus"></div><dialog id="dialog"><div id="target-open"><slot name="target-open"></slot></div><div id="content"><slot name="content"></slot></div></dialog>';
3401
+ const template$X = document.createElement("template");
3402
+ template$X.innerHTML = templateHTML$X;
3352
3403
  class Pop extends NectaryElement {
3353
3404
  #$targetWrapper;
3354
3405
  #$focus;
@@ -3376,7 +3427,7 @@ class Pop extends NectaryElement {
3376
3427
  constructor() {
3377
3428
  super();
3378
3429
  const shadowRoot = this.attachShadow();
3379
- shadowRoot.appendChild(template$U.content.cloneNode(true));
3430
+ shadowRoot.appendChild(template$X.content.cloneNode(true));
3380
3431
  this.#$targetWrapper = shadowRoot.querySelector("#target");
3381
3432
  this.#$focus = shadowRoot.querySelector("#focus");
3382
3433
  this.#$dialog = shadowRoot.querySelector("#dialog");
@@ -3983,7 +4034,7 @@ const getPopOrientation$1 = (orientation) => {
3983
4034
  }
3984
4035
  return orientation;
3985
4036
  };
3986
- const templateHTML$T = '<style>:host{display:contents}#content-wrapper{padding-bottom:8px;filter:drop-shadow(var(--sinch-comp-tooltip-shadow))}:host([orientation=left]) #content-wrapper{padding-bottom:0;padding-right:8px}:host([orientation=right]) #content-wrapper{padding-bottom:0;padding-left:8px}:host([orientation^=bottom]) #content-wrapper{padding-bottom:0;padding-top:8px}#content{position:relative;display:block;max-width:300px;padding:2px 6px;box-sizing:border-box;background-color:var(--sinch-local-color-background);border-radius:var(--sinch-comp-tooltip-shape-radius);pointer-events:none;opacity:0;--sinch-local-color-background:var(--sinch-comp-tooltip-color-background);--sinch-global-color-text:var(--sinch-comp-tooltip-color-text)}#text{word-break:break-word;pointer-events:none;--sinch-comp-text-font:var(--sinch-comp-tooltip-font-body)}#tip{position:absolute;left:50%;top:100%;transform:translateX(-50%) rotate(0);transform-origin:top center;fill:var(--sinch-local-color-background);pointer-events:none}#tip.hidden{display:none}:host([orientation=left]) #tip{transform:translateX(-50%) rotate(270deg);top:50%;left:100%}:host([orientation=right]) #tip{transform:translateX(-50%) rotate(90deg);top:50%;left:0}:host([orientation^=bottom]) #tip{transform:translateX(-50%) rotate(180deg);top:0}:host([text-align=right]) #text{--sinch-comp-text-align:right}:host([text-align=center]) #text{--sinch-comp-text-align:center}:host([text-align=left]) #text{--sinch-comp-text-align:left}</style><sinch-pop id="pop"><slot id="target" slot="target"></slot><div id="content-wrapper" slot="content"><div id="content"><sinch-text id="text" type="s"></sinch-text><svg id="tip" width="8" height="4" aria-hidden="true"><path d="m4 4 4-4h-8l4 4Z"/></svg></div></div></sinch-pop>';
4037
+ const templateHTML$W = '<style>:host{display:contents}#content-wrapper{padding-bottom:8px;filter:drop-shadow(var(--sinch-comp-tooltip-shadow))}:host([orientation=left]) #content-wrapper{padding-bottom:0;padding-right:8px}:host([orientation=right]) #content-wrapper{padding-bottom:0;padding-left:8px}:host([orientation^=bottom]) #content-wrapper{padding-bottom:0;padding-top:8px}#content{position:relative;display:block;max-width:300px;padding:2px 6px;box-sizing:border-box;background-color:var(--sinch-local-color-background);border-radius:var(--sinch-comp-tooltip-shape-radius);pointer-events:none;opacity:0;--sinch-local-color-background:var(--sinch-comp-tooltip-color-background);--sinch-global-color-text:var(--sinch-comp-tooltip-color-text)}#text{word-break:break-word;pointer-events:none;--sinch-comp-text-font:var(--sinch-comp-tooltip-font-body)}#tip{position:absolute;left:50%;top:100%;transform:translateX(-50%) rotate(0);transform-origin:top center;fill:var(--sinch-local-color-background);pointer-events:none}#tip.hidden{display:none}:host([orientation=left]) #tip{transform:translateX(-50%) rotate(270deg);top:50%;left:100%}:host([orientation=right]) #tip{transform:translateX(-50%) rotate(90deg);top:50%;left:0}:host([orientation^=bottom]) #tip{transform:translateX(-50%) rotate(180deg);top:0}:host([text-align=right]) #text{--sinch-comp-text-align:right}:host([text-align=center]) #text{--sinch-comp-text-align:center}:host([text-align=left]) #text{--sinch-comp-text-align:left}</style><sinch-pop id="pop"><slot id="target" slot="target"></slot><div id="content-wrapper" slot="content"><div id="content"><sinch-text id="text" type="s"></sinch-text><svg id="tip" width="8" height="4" aria-hidden="true"><path d="m4 4 4-4h-8l4 4Z"/></svg></div></div></sinch-pop>';
3987
4038
  const TIP_SIZE$1 = 8;
3988
4039
  const SHOW_DELAY_SLOW = 1e3;
3989
4040
  const SHOW_DELAY_FAST = 250;
@@ -3998,8 +4049,8 @@ let activeTooltip = null;
3998
4049
  let focusedTooltip = null;
3999
4050
  let hoveredTooltip = null;
4000
4051
  let suspendedFocusedTooltip = null;
4001
- const template$T = document.createElement("template");
4002
- template$T.innerHTML = templateHTML$T;
4052
+ const template$W = document.createElement("template");
4053
+ template$W.innerHTML = templateHTML$W;
4003
4054
  class Tooltip extends NectaryElement {
4004
4055
  #$pop;
4005
4056
  #$tooltipText;
@@ -4025,7 +4076,7 @@ class Tooltip extends NectaryElement {
4025
4076
  constructor() {
4026
4077
  super();
4027
4078
  const shadowRoot = this.attachShadow();
4028
- shadowRoot.appendChild(template$T.content.cloneNode(true));
4079
+ shadowRoot.appendChild(template$W.content.cloneNode(true));
4029
4080
  this.#$pop = shadowRoot.querySelector("#pop");
4030
4081
  this.#$tooltipText = shadowRoot.querySelector("#text");
4031
4082
  this.#$content = shadowRoot.querySelector("#content");
@@ -4087,14 +4138,18 @@ class Tooltip extends NectaryElement {
4087
4138
  }
4088
4139
  static get observedAttributes() {
4089
4140
  return [
4141
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set isOpened
4090
4142
  "is-opened",
4091
4143
  "text",
4092
4144
  "orientation",
4145
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set textAlign
4093
4146
  "text-align",
4094
4147
  "type",
4095
4148
  "aria-label",
4096
4149
  "aria-description",
4150
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: getter exists but missing set showOutsideViewport
4097
4151
  "show-outside-viewport",
4152
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set allowScroll
4098
4153
  "allow-scroll"
4099
4154
  ];
4100
4155
  }
@@ -4599,19 +4654,19 @@ class Tooltip extends NectaryElement {
4599
4654
  let offsetX = 0;
4600
4655
  let offsetY = 0;
4601
4656
  if (orientation.startsWith("top")) {
4602
- if (bottomEdge > targetRect.y + OVERLAP_TOLERANCE) {
4657
+ if (bottomEdge > targetRect.y + OVERLAP_TOLERANCE && topEdge < targetBottom) {
4603
4658
  offsetY = targetRect.y - bottomEdge;
4604
4659
  }
4605
4660
  } else if (orientation.startsWith("bottom")) {
4606
- if (topEdge < targetBottom - OVERLAP_TOLERANCE) {
4661
+ if (topEdge < targetBottom - OVERLAP_TOLERANCE && bottomEdge > targetRect.y) {
4607
4662
  offsetY = targetBottom - topEdge;
4608
4663
  }
4609
4664
  } else if (orientation === "left") {
4610
- if (rightEdge > targetRect.x + OVERLAP_TOLERANCE) {
4665
+ if (rightEdge > targetRect.x + OVERLAP_TOLERANCE && leftEdge < targetRight) {
4611
4666
  offsetX = targetRect.x - rightEdge;
4612
4667
  }
4613
4668
  } else if (orientation === "right") {
4614
- if (leftEdge < targetRight - OVERLAP_TOLERANCE) {
4669
+ if (leftEdge < targetRight - OVERLAP_TOLERANCE && rightEdge > targetRect.x) {
4615
4670
  offsetX = targetRight - leftEdge;
4616
4671
  }
4617
4672
  }
@@ -4754,9 +4809,9 @@ class Tooltip extends NectaryElement {
4754
4809
  };
4755
4810
  }
4756
4811
  defineCustomElement("sinch-tooltip", Tooltip);
4757
- const templateHTML$S = '<style>:host{display:block;outline:0}#wrapper{width:44px;height:56px;padding:12px 6px;box-sizing:border-box}#swatch-wrapper{position:relative;cursor:pointer;width:32px;height:32px}#swatch-wrapper::after{content:"";position:absolute;width:34px;height:34px;inset:-3px;border:2px solid var(--sinch-comp-color-menu-option-color-default-border-initial);border-radius:50%;pointer-events:none}:host([data-checked]) #swatch-wrapper::after{border-color:var(--sinch-comp-color-menu-option-color-default-border-selected)}:host([data-selected]) #swatch-wrapper::after{border-color:var(--sinch-comp-color-menu-option-color-default-border-focus)}:host(:hover) #swatch-wrapper::after{border-color:var(--sinch-comp-color-menu-option-color-default-border-hover)}:host(:active) #swatch-wrapper::after{border-color:var(--sinch-comp-color-menu-option-color-default-border-active)}</style><div id="wrapper"><sinch-tooltip id="tooltip"><div id="swatch-wrapper"><sinch-color-swatch id="swatch"></sinch-color-swatch></div></sinch-tooltip></div>';
4758
- const template$S = document.createElement("template");
4759
- template$S.innerHTML = templateHTML$S;
4812
+ const templateHTML$V = '<style>:host{display:block;outline:0}#wrapper{width:44px;height:56px;padding:12px 6px;box-sizing:border-box}#swatch-wrapper{position:relative;cursor:pointer;width:32px;height:32px}#swatch-wrapper::after{content:"";position:absolute;width:34px;height:34px;inset:-3px;border:2px solid var(--sinch-comp-color-menu-option-color-default-border-initial);border-radius:50%;pointer-events:none}:host([data-checked]) #swatch-wrapper::after{border-color:var(--sinch-comp-color-menu-option-color-default-border-selected)}:host([data-selected]) #swatch-wrapper::after{border-color:var(--sinch-comp-color-menu-option-color-default-border-focus)}:host(:hover) #swatch-wrapper::after{border-color:var(--sinch-comp-color-menu-option-color-default-border-hover)}:host(:active) #swatch-wrapper::after{border-color:var(--sinch-comp-color-menu-option-color-default-border-active)}</style><div id="wrapper"><sinch-tooltip id="tooltip"><div id="swatch-wrapper"><sinch-color-swatch id="swatch"></sinch-color-swatch></div></sinch-tooltip></div>';
4813
+ const template$V = document.createElement("template");
4814
+ template$V.innerHTML = templateHTML$V;
4760
4815
  class ColorMenuOption extends NectaryElement {
4761
4816
  #$wrapper;
4762
4817
  #$tooltip;
@@ -4764,7 +4819,7 @@ class ColorMenuOption extends NectaryElement {
4764
4819
  constructor() {
4765
4820
  super();
4766
4821
  const shadowRoot = this.attachShadow();
4767
- shadowRoot.appendChild(template$S.content.cloneNode(true));
4822
+ shadowRoot.appendChild(template$V.content.cloneNode(true));
4768
4823
  this.#$wrapper = shadowRoot.querySelector("#wrapper");
4769
4824
  this.#$tooltip = shadowRoot.querySelector("#tooltip");
4770
4825
  this.#$swatch = shadowRoot.querySelector("#swatch");
@@ -4810,12 +4865,12 @@ class ColorMenuOption extends NectaryElement {
4810
4865
  }
4811
4866
  }
4812
4867
  defineCustomElement("sinch-color-menu-option", ColorMenuOption);
4813
- const templateHTML$R = '<style>:host{display:block;outline:0}#listbox{display:flex;flex-direction:row;flex-wrap:wrap;padding:4px 10px;overflow-y:auto}#listbox.empty{display:none}</style><div id="listbox" role="presentation"><slot id="options"></slot></div>';
4868
+ const templateHTML$U = '<style>:host{display:block;outline:0}#listbox{display:flex;flex-direction:row;flex-wrap:wrap;padding:4px 10px;overflow-y:auto}#listbox.empty{display:none}</style><div id="listbox" role="presentation"><slot id="options"></slot></div>';
4814
4869
  const NUM_COLS_DEFAULT = 5;
4815
4870
  const ITEM_WIDTH = 44;
4816
4871
  const ITEM_HEIGHT$1 = 56;
4817
- const template$R = document.createElement("template");
4818
- template$R.innerHTML = templateHTML$R;
4872
+ const template$U = document.createElement("template");
4873
+ template$U.innerHTML = templateHTML$U;
4819
4874
  class ColorMenu extends NectaryElement {
4820
4875
  #$listbox;
4821
4876
  #$optionsSlot;
@@ -4823,7 +4878,7 @@ class ColorMenu extends NectaryElement {
4823
4878
  constructor() {
4824
4879
  super();
4825
4880
  const shadowRoot = this.attachShadow();
4826
- shadowRoot.appendChild(template$R.content.cloneNode(true));
4881
+ shadowRoot.appendChild(template$U.content.cloneNode(true));
4827
4882
  this.#$listbox = shadowRoot.querySelector("#listbox");
4828
4883
  this.#$optionsSlot = shadowRoot.querySelector("#options");
4829
4884
  }
@@ -5295,9 +5350,9 @@ const isDateOnScreen = (uiDate, date) => {
5295
5350
  const lastDateOfMonth = new Date(Date.UTC(uiDate.getUTCFullYear(), uiDate.getUTCMonth() + 1, 0));
5296
5351
  return isDateBetween(date, firstDateOfMonth, lastDateOfMonth);
5297
5352
  };
5298
- const templateHTML$Q = '<style>:host{display:block;outline:0}#content{width:fit-content;box-sizing:border-box;padding:16px;display:flex;flex-direction:column;gap:8px}#month{display:flex;flex-direction:column;row-gap:8px}.week{display:flex;flex-direction:row;column-gap:8px}.week.empty{display:none}.day{all:initial;font:var(--sinch-comp-date-picker-font-day);width:24px;height:24px;line-height:22px;color:var(--sinch-comp-date-picker-day-color-default-text-initial);background-color:var(--sinch-comp-date-picker-day-color-default-background-initial);border:1px solid var(--sinch-comp-date-picker-day-color-default-border-initial);border-radius:var(--sinch-comp-date-picker-day-shape-radius);text-align:center;box-sizing:border-box;user-select:none;cursor:pointer}.day:focus-visible{outline:1px solid var(--sinch-comp-date-picker-day-color-default-outline-focus);outline-offset:1px}.day:disabled{cursor:initial;color:var(--sinch-comp-date-picker-day-color-disabled-text-initial)}.day:enabled:hover{background-color:var(--sinch-comp-date-picker-day-color-default-background-hover)}.day:enabled.range{background-color:var(--sinch-comp-date-picker-day-color-default-range-background)}.day:enabled.selected{color:var(--sinch-comp-date-picker-day-color-checked-text-initial);background-color:var(--sinch-comp-date-picker-day-color-checked-background-initial);border-color:var(--sinch-comp-date-picker-day-color-checked-border-initial)}.day.today{font:var(--sinch-comp-date-picker-font-today);color:var(--sinch-comp-date-picker-today-color-default-text-initial);background-color:var(--sinch-comp-date-picker-today-color-default-background-initial);border-color:var(--sinch-comp-date-picker-today-color-default-border-initial)}.day.today:hover{background-color:var(--sinch-comp-date-picker-today-color-default-background-hover)}.day.today:disabled{color:var(--sinch-comp-date-picker-today-color-disabled-text-initial);border-color:var(--sinch-comp-date-picker-today-color-disabled-border-initial)}.day.today.selected{color:var(--sinch-comp-date-picker-today-color-checked-text-initial);background-color:var(--sinch-comp-date-picker-today-color-checked-background-initial);border-color:var(--sinch-comp-date-picker-today-color-checked-border-initial)}#week-day-names{display:flex;flex-direction:row;gap:8px;height:24px}.week-day-name{font:var(--sinch-comp-date-picker-font-weekday);color:var(--sinch-comp-date-picker-weekday-color-default-text-initial);text-align:center;width:24px;height:24px;line-height:24px;user-select:none;text-transform:uppercase}#content-header{display:flex;flex-direction:row;height:32px;align-items:center}#date{flex:1;text-align:center;text-transform:capitalize;--sinch-com-text-font:var(--sinch-comp-date-picker-font-header);--sinch-global-color-text:var(--sinch-comp-date-picker-header-color-default-text-initial)}#prev-year{margin-left:-4px}#next-year{margin-right:-4px}</style><div id="content"><div id="content-header"><sinch-button id="prev-year" size="s"><sinch-icon icons-version="2" name="fa-angles-left" id="icon-prev-year" slot="icon"></sinch-icon></sinch-button><sinch-button id="prev-month" size="s"><sinch-icon icons-version="2" name="fa-angle-left" id="icon-prev-month" slot="icon"></sinch-icon></sinch-button><sinch-text id="date" type="m" emphasized aria-live="polite"></sinch-text><sinch-button id="next-month" size="s"><sinch-icon icons-version="2" name="fa-angle-right" id="icon-next-month" slot="icon"></sinch-icon></sinch-button><sinch-button id="next-year" size="s"><sinch-icon icons-version="2" name="fa-angles-right" id="icon-next-year" slot="icon"></sinch-icon></sinch-button></div><div id="week-day-names"><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div></div><div id="month"><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div></div></div>';
5299
- const template$Q = document.createElement("template");
5300
- template$Q.innerHTML = templateHTML$Q;
5353
+ const templateHTML$T = '<style>:host{display:block;outline:0}#content{width:fit-content;box-sizing:border-box;padding:16px;display:flex;flex-direction:column;gap:8px}#month{display:flex;flex-direction:column;row-gap:8px}.week{display:flex;flex-direction:row;column-gap:8px}.week.empty{display:none}.day{all:initial;font:var(--sinch-comp-date-picker-font-day);width:24px;height:24px;line-height:22px;color:var(--sinch-comp-date-picker-day-color-default-text-initial);background-color:var(--sinch-comp-date-picker-day-color-default-background-initial);border:1px solid var(--sinch-comp-date-picker-day-color-default-border-initial);border-radius:var(--sinch-comp-date-picker-day-shape-radius);text-align:center;box-sizing:border-box;user-select:none;cursor:pointer}.day:focus-visible{outline:1px solid var(--sinch-comp-date-picker-day-color-default-outline-focus);outline-offset:1px}.day:disabled{cursor:initial;color:var(--sinch-comp-date-picker-day-color-disabled-text-initial)}.day:enabled:hover{background-color:var(--sinch-comp-date-picker-day-color-default-background-hover)}.day:enabled.range{background-color:var(--sinch-comp-date-picker-day-color-default-range-background)}.day:enabled.selected{color:var(--sinch-comp-date-picker-day-color-checked-text-initial);background-color:var(--sinch-comp-date-picker-day-color-checked-background-initial);border-color:var(--sinch-comp-date-picker-day-color-checked-border-initial)}.day.today{font:var(--sinch-comp-date-picker-font-today);color:var(--sinch-comp-date-picker-today-color-default-text-initial);background-color:var(--sinch-comp-date-picker-today-color-default-background-initial);border-color:var(--sinch-comp-date-picker-today-color-default-border-initial)}.day.today:hover{background-color:var(--sinch-comp-date-picker-today-color-default-background-hover)}.day.today:disabled{color:var(--sinch-comp-date-picker-today-color-disabled-text-initial);border-color:var(--sinch-comp-date-picker-today-color-disabled-border-initial)}.day.today.selected{color:var(--sinch-comp-date-picker-today-color-checked-text-initial);background-color:var(--sinch-comp-date-picker-today-color-checked-background-initial);border-color:var(--sinch-comp-date-picker-today-color-checked-border-initial)}#week-day-names{display:flex;flex-direction:row;gap:8px;height:24px}.week-day-name{font:var(--sinch-comp-date-picker-font-weekday);color:var(--sinch-comp-date-picker-weekday-color-default-text-initial);text-align:center;width:24px;height:24px;line-height:24px;user-select:none;text-transform:uppercase}#content-header{display:flex;flex-direction:row;height:32px;align-items:center}#date{flex:1;text-align:center;text-transform:capitalize;--sinch-com-text-font:var(--sinch-comp-date-picker-font-header);--sinch-global-color-text:var(--sinch-comp-date-picker-header-color-default-text-initial)}#prev-year{margin-left:-4px}#next-year{margin-right:-4px}</style><div id="content"><div id="content-header"><sinch-button id="prev-year" size="s"><sinch-icon icons-version="2" name="fa-angles-left" id="icon-prev-year" slot="icon"></sinch-icon></sinch-button><sinch-button id="prev-month" size="s"><sinch-icon icons-version="2" name="fa-angle-left" id="icon-prev-month" slot="icon"></sinch-icon></sinch-button><sinch-text id="date" type="m" emphasized aria-live="polite"></sinch-text><sinch-button id="next-month" size="s"><sinch-icon icons-version="2" name="fa-angle-right" id="icon-next-month" slot="icon"></sinch-icon></sinch-button><sinch-button id="next-year" size="s"><sinch-icon icons-version="2" name="fa-angles-right" id="icon-next-year" slot="icon"></sinch-icon></sinch-button></div><div id="week-day-names"><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div></div><div id="month"><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div></div></div>';
5354
+ const template$T = document.createElement("template");
5355
+ template$T.innerHTML = templateHTML$T;
5301
5356
  class DatePicker extends NectaryElement {
5302
5357
  #$month;
5303
5358
  #$weeks;
@@ -5321,7 +5376,7 @@ class DatePicker extends NectaryElement {
5321
5376
  constructor() {
5322
5377
  super();
5323
5378
  const shadowRoot = this.attachShadow({ delegatesFocus: true });
5324
- shadowRoot.appendChild(template$Q.content.cloneNode(true));
5379
+ shadowRoot.appendChild(template$T.content.cloneNode(true));
5325
5380
  this.#internals = this.attachInternals();
5326
5381
  this.#$prevMonth = shadowRoot.querySelector("#prev-month");
5327
5382
  this.#$nextMonth = shadowRoot.querySelector("#next-month");
@@ -5382,7 +5437,9 @@ class DatePicker extends NectaryElement {
5382
5437
  "max",
5383
5438
  "locale",
5384
5439
  "range",
5440
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set prevYearAriaLabel
5385
5441
  "prev-year-aria-label",
5442
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set nextYearAriaLabel
5386
5443
  "next-year-aria-label",
5387
5444
  "prev-month-aria-label",
5388
5445
  "next-month-aria-label"
@@ -5743,9 +5800,9 @@ const enableScroll = () => {
5743
5800
  bodyEl.style.removeProperty("padding-right");
5744
5801
  }
5745
5802
  };
5746
- const templateHTML$P = '<style>:host{display:contents;--sinch-comp-dialog-max-width:512px;--sinch-comp-dialog-max-height:90vh;--sinch-comp-dialog-width:fit-content;--sinch-dialog-close-button-display:unset}#dialog{position:fixed;left:0;right:0;margin:auto;display:flex;flex-direction:column;padding:24px 0;width:var(--sinch-comp-dialog-width);max-width:var(--sinch-comp-dialog-max-width);max-height:var(--sinch-comp-dialog-max-height);border-radius:var(--sinch-comp-dialog-shape-radius);box-sizing:border-box;contain:content;background-color:var(--sinch-comp-dialog-color-default-background-initial);border:none;box-shadow:var(--sinch-comp-dialog-shadow);outline:0}#dialog:not([open]){display:none}dialog::backdrop{background-color:#000;opacity:.55}#header{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:12px;padding:0 24px;gap:8px;--sinch-global-size-icon:24px;--sinch-global-color-icon:var(--sinch-comp-dialog-color-default-icon-initial)}#caption{--sinch-global-color-text:var(--sinch-comp-dialog-color-default-title-initial);--sinch-comp-title-font:var(--sinch-comp-dialog-font-title)}#content{min-height:0;overflow:auto;padding:4px 24px}#action{display:flex;flex-direction:row;justify-content:flex-end;gap:16px;margin-top:20px;padding:0 24px}#action.empty{display:none}#close{display:var(--sinch-dialog-close-button-display,initial);position:relative;left:4px;top:-4px;margin-left:auto}:host([hide-close-button]) #close{display:none}</style><dialog id="dialog"><div id="header"><slot id="icon" name="icon"></slot><sinch-title id="caption" type="m" level="3"></sinch-title><sinch-button id="close" size="s"><sinch-icon icons-version="2" name="fa-xmark" id="icon-close" slot="icon"></sinch-icon></sinch-button></div><div id="content"><sinch-stop-events events="close"><slot name="content"></slot></sinch-stop-events></div><div id="action"><sinch-stop-events events="close"><slot name="buttons"></slot></sinch-stop-events></div></dialog>';
5747
- const template$P = document.createElement("template");
5748
- template$P.innerHTML = templateHTML$P;
5803
+ const templateHTML$S = '<style>:host{display:contents;--sinch-comp-dialog-max-width:512px;--sinch-comp-dialog-max-height:90vh;--sinch-comp-dialog-width:fit-content;--sinch-dialog-close-button-display:unset}#dialog{position:fixed;left:0;right:0;margin:auto;display:flex;flex-direction:column;padding:24px 0;width:var(--sinch-comp-dialog-width);max-width:var(--sinch-comp-dialog-max-width);max-height:var(--sinch-comp-dialog-max-height);border-radius:var(--sinch-comp-dialog-shape-radius);box-sizing:border-box;contain:content;background-color:var(--sinch-comp-dialog-color-default-background-initial);border:none;box-shadow:var(--sinch-comp-dialog-shadow);outline:0}#dialog:not([open]){display:none}dialog::backdrop{background-color:#000;opacity:.55}#header{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:12px;padding:0 24px;gap:8px;--sinch-global-size-icon:24px;--sinch-global-color-icon:var(--sinch-comp-dialog-color-default-icon-initial)}#caption{--sinch-global-color-text:var(--sinch-comp-dialog-color-default-title-initial);--sinch-comp-title-font:var(--sinch-comp-dialog-font-title)}#content{min-height:0;overflow:auto;padding:4px 24px}#action{display:flex;flex-direction:row;justify-content:flex-end;gap:16px;margin-top:20px;padding:0 24px}#action.empty{display:none}#close{display:var(--sinch-dialog-close-button-display,initial);position:relative;left:4px;top:-4px;margin-left:auto}:host([hide-close-button]) #close{display:none}</style><dialog id="dialog"><div id="header"><slot id="icon" name="icon"></slot><sinch-title id="caption" type="m" level="3"></sinch-title><sinch-button id="close" size="s"><sinch-icon icons-version="2" name="fa-xmark" id="icon-close" slot="icon"></sinch-icon></sinch-button></div><div id="content"><sinch-stop-events events="close"><slot name="content"></slot></sinch-stop-events></div><div id="action"><sinch-stop-events events="close"><slot name="buttons"></slot></sinch-stop-events></div></dialog>';
5804
+ const template$S = document.createElement("template");
5805
+ template$S.innerHTML = templateHTML$S;
5749
5806
  class Dialog extends NectaryElement {
5750
5807
  #$dialog;
5751
5808
  #$closeButton;
@@ -5756,7 +5813,7 @@ class Dialog extends NectaryElement {
5756
5813
  constructor() {
5757
5814
  super();
5758
5815
  const shadowRoot = this.attachShadow();
5759
- shadowRoot.appendChild(template$P.content.cloneNode(true));
5816
+ shadowRoot.appendChild(template$S.content.cloneNode(true));
5760
5817
  this.#$dialog = shadowRoot.querySelector("#dialog");
5761
5818
  this.#$closeButton = shadowRoot.querySelector("#close");
5762
5819
  this.#$caption = shadowRoot.querySelector("#caption");
@@ -5804,6 +5861,7 @@ class Dialog extends NectaryElement {
5804
5861
  return [
5805
5862
  "caption",
5806
5863
  "open",
5864
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set closeAriaLabel
5807
5865
  "close-aria-label",
5808
5866
  "hide-close-button",
5809
5867
  "prevent-close"
@@ -6255,9 +6313,9 @@ const getMergedValueSliced = (inputValue, maskSymbols, selectionStart, selection
6255
6313
  }
6256
6314
  return chars.slice(selectionStart, selectionEnd).join("");
6257
6315
  };
6258
- const templateHTML$O = '<style>:host{all:initial;display:inline-block;vertical-align:middle}#wrapper{position:relative;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border-radius:var(--sinch-local-shape-radius);width:100%;height:var(--sinch-local-size);background-color:var(--sinch-comp-input-color-default-background-initial);--sinch-local-size:var(--sinch-comp-input-size-container-m);--sinch-local-padding:var(--sinch-comp-input-spacing-padding-m, 12px);--sinch-local-icon-gap:var(--sinch-comp-input-spacing-icon-gap-m, 8px);--sinch-local-slot-gap:var(--sinch-comp-input-spacing-slot-gap-m, 4px);--sinch-local-slot-padding:var(--sinch-comp-input-spacing-slot-padding-m, 4px);--sinch-global-size-icon:var(--sinch-comp-input-size-icon-m);--sinch-local-shape-radius:var(--sinch-comp-input-shape-radius-size-m)}:host([data-size="l"])>#wrapper{--sinch-local-size:var(--sinch-comp-input-size-container-l);--sinch-local-padding:var(--sinch-comp-input-spacing-padding-l, 12px);--sinch-local-icon-gap:var(--sinch-comp-input-spacing-icon-gap-l, 8px);--sinch-local-slot-gap:var(--sinch-comp-input-spacing-slot-gap-l, 4px);--sinch-local-slot-padding:var(--sinch-comp-input-spacing-slot-padding-l, 4px);--sinch-global-size-icon:var(--sinch-comp-input-size-icon-l);--sinch-local-shape-radius:var(--sinch-comp-input-shape-radius-size-l)}:host([data-size="m"])>#wrapper{--sinch-local-size:var(--sinch-comp-input-size-container-m);--sinch-local-padding:var(--sinch-comp-input-spacing-padding-m, 12px);--sinch-local-icon-gap:var(--sinch-comp-input-spacing-icon-gap-m, 8px);--sinch-local-slot-gap:var(--sinch-comp-input-spacing-slot-gap-m, 4px);--sinch-local-slot-padding:var(--sinch-comp-input-spacing-slot-padding-m, 4px);--sinch-global-size-icon:var(--sinch-comp-input-size-icon-m);--sinch-local-shape-radius:var(--sinch-comp-input-shape-radius-size-m)}:host([data-size="s"])>#wrapper{--sinch-local-size:var(--sinch-comp-input-size-container-s);--sinch-local-padding:var(--sinch-comp-input-spacing-padding-s, 12px);--sinch-local-icon-gap:var(--sinch-comp-input-spacing-icon-gap-s, 8px);--sinch-local-slot-gap:var(--sinch-comp-input-spacing-slot-gap-s, 4px);--sinch-local-slot-padding:var(--sinch-comp-input-spacing-slot-padding-s, 4px);--sinch-global-size-icon:var(--sinch-comp-input-size-icon-s);--sinch-local-shape-radius:var(--sinch-comp-input-shape-radius-size-s)}#input-wrapper{position:relative;flex:1;flex-basis:0;min-width:0;align-self:stretch}#input{all:initial;width:100%;height:100%;padding:0 var(--sinch-local-padding);box-sizing:border-box;font:var(--sinch-comp-input-font-input);color:var(--sinch-comp-input-color-default-text-initial)}#input::placeholder{font:var(--sinch-comp-input-font-placeholder)!important;color:var(--sinch-comp-input-color-default-text-placeholder);opacity:1}#input:disabled{color:var(--sinch-comp-input-color-disabled-text-initial);-webkit-text-fill-color:var(--sinch-comp-input-color-disabled-text-initial)}#input-mask{display:none;position:absolute;inset:0;padding:0 var(--sinch-local-padding);pointer-events:none;color:var(--sinch-comp-input-color-default-text-placeholder);white-space:pre;height:fit-content;margin:auto 0;overflow:hidden}#border{position:absolute;border:1px solid var(--sinch-comp-input-color-default-border-initial);border-radius:var(--sinch-local-shape-radius);inset:0;pointer-events:none}:host([disabled]) #border{border-color:var(--sinch-comp-input-color-disabled-border-initial)}#input-wrapper:focus-within+#border{border-color:var(--sinch-comp-input-color-default-border-focus);border-width:2px}#input-mask,:host([mask]) #input{font:var(--sinch-sys-font-body-monospace-m)}:host([mask]) #input-mask{display:block}:host([invalid]:not([disabled])) #input-wrapper:not(:focus-within)+#border{border-color:var(--sinch-comp-input-color-invalid-border-initial)}#input[type=password]:not(:placeholder-shown){letter-spacing:.1em}:host(:not([enforce-consistent-font-size])) #input[type=password]:not(:placeholder-shown){font-size:1.5em}:host([enforce-consistent-font-size]) #input[type=password]:not(:placeholder-shown){font-size:inherit}#icon-wrapper{position:relative;height:100%}#icon{position:absolute;display:flex;align-items:center;left:var(--sinch-local-padding);top:0;bottom:0;pointer-events:none;--sinch-global-color-icon:var(--sinch-comp-input-color-default-icon-initial)}:host([disabled]) #icon{--sinch-global-color-icon:var(--sinch-comp-input-color-disabled-icon-initial)}#icon-wrapper.empty{display:none}#icon-wrapper.empty~#input-wrapper>#input,#icon-wrapper.empty~#input-wrapper>#input-mask{padding-left:var(--sinch-local-padding)}#icon-wrapper:not(.empty)~#input-wrapper>#input,#icon-wrapper:not(.empty)~#input-wrapper>#input-mask{padding-left:calc(var(--sinch-local-padding) + var(--sinch-global-size-icon) + var(--sinch-local-icon-gap))}#right{display:flex;flex-direction:row;align-self:stretch;align-items:center;gap:var(--sinch-local-slot-gap);padding-right:var(--sinch-local-slot-padding)}#right.empty{display:none}#left{display:flex;flex-direction:row;align-self:stretch;align-items:center;gap:var(--sinch-local-slot-gap);padding-left:var(--sinch-local-slot-padding)}#left.empty{display:none}</style><div id="wrapper"><div id="left"><slot name="left"></slot></div><div id="icon-wrapper"><div id="icon"><slot name="icon"></slot></div></div><div id="input-wrapper"><div id="input-mask"></div><input id="input" type="text"></div><div id="border"></div><div id="right"><slot name="right"></slot></div></div>';
6259
- const template$O = document.createElement("template");
6260
- template$O.innerHTML = templateHTML$O;
6316
+ const templateHTML$R = '<style>:host{all:initial;display:inline-block;vertical-align:middle}#wrapper{position:relative;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border-radius:var(--sinch-local-shape-radius);width:100%;height:var(--sinch-local-size);background-color:var(--sinch-comp-input-color-default-background-initial);--sinch-local-size:var(--sinch-comp-input-size-container-m);--sinch-local-padding:var(--sinch-comp-input-spacing-padding-m, 12px);--sinch-local-icon-gap:var(--sinch-comp-input-spacing-icon-gap-m, 8px);--sinch-local-slot-gap:var(--sinch-comp-input-spacing-slot-gap-m, 4px);--sinch-local-slot-padding:var(--sinch-comp-input-spacing-slot-padding-m, 4px);--sinch-global-size-icon:var(--sinch-comp-input-size-icon-m);--sinch-local-shape-radius:var(--sinch-comp-input-shape-radius-size-m)}:host([data-size="l"])>#wrapper{--sinch-local-size:var(--sinch-comp-input-size-container-l);--sinch-local-padding:var(--sinch-comp-input-spacing-padding-l, 12px);--sinch-local-icon-gap:var(--sinch-comp-input-spacing-icon-gap-l, 8px);--sinch-local-slot-gap:var(--sinch-comp-input-spacing-slot-gap-l, 4px);--sinch-local-slot-padding:var(--sinch-comp-input-spacing-slot-padding-l, 4px);--sinch-global-size-icon:var(--sinch-comp-input-size-icon-l);--sinch-local-shape-radius:var(--sinch-comp-input-shape-radius-size-l)}:host([data-size="m"])>#wrapper{--sinch-local-size:var(--sinch-comp-input-size-container-m);--sinch-local-padding:var(--sinch-comp-input-spacing-padding-m, 12px);--sinch-local-icon-gap:var(--sinch-comp-input-spacing-icon-gap-m, 8px);--sinch-local-slot-gap:var(--sinch-comp-input-spacing-slot-gap-m, 4px);--sinch-local-slot-padding:var(--sinch-comp-input-spacing-slot-padding-m, 4px);--sinch-global-size-icon:var(--sinch-comp-input-size-icon-m);--sinch-local-shape-radius:var(--sinch-comp-input-shape-radius-size-m)}:host([data-size="s"])>#wrapper{--sinch-local-size:var(--sinch-comp-input-size-container-s);--sinch-local-padding:var(--sinch-comp-input-spacing-padding-s, 12px);--sinch-local-icon-gap:var(--sinch-comp-input-spacing-icon-gap-s, 8px);--sinch-local-slot-gap:var(--sinch-comp-input-spacing-slot-gap-s, 4px);--sinch-local-slot-padding:var(--sinch-comp-input-spacing-slot-padding-s, 4px);--sinch-global-size-icon:var(--sinch-comp-input-size-icon-s);--sinch-local-shape-radius:var(--sinch-comp-input-shape-radius-size-s)}#input-wrapper{position:relative;flex:1;flex-basis:0;min-width:0;align-self:stretch}#input{all:initial;width:100%;height:100%;padding:0 var(--sinch-local-padding);box-sizing:border-box;font:var(--sinch-comp-input-font-input);color:var(--sinch-comp-input-color-default-text-initial)}#input::placeholder{font:var(--sinch-comp-input-font-placeholder)!important;color:var(--sinch-comp-input-color-default-text-placeholder);opacity:1}#input:disabled{color:var(--sinch-comp-input-color-disabled-text-initial);-webkit-text-fill-color:var(--sinch-comp-input-color-disabled-text-initial)}#input-mask{display:none;position:absolute;inset:0;padding:0 var(--sinch-local-padding);pointer-events:none;color:var(--sinch-comp-input-color-default-text-placeholder);white-space:pre;height:fit-content;margin:auto 0;overflow:hidden}#border{position:absolute;border:1px solid var(--sinch-comp-input-color-default-border-initial);border-radius:var(--sinch-local-shape-radius);inset:0;pointer-events:none}:host([disabled]) #border{border-color:var(--sinch-comp-input-color-disabled-border-initial)}#input-wrapper:focus-within+#border{border-color:var(--sinch-comp-input-color-default-border-focus);border-width:2px}#input-mask,:host([mask]) #input{font:var(--sinch-sys-font-body-monospace-m)}:host([mask]) #input-mask{display:block}:host([invalid]:not([disabled])) #input-wrapper:not(:focus-within)+#border{border-color:var(--sinch-comp-input-color-invalid-border-initial)}#input[type=password]:not(:placeholder-shown){letter-spacing:.1em}:host(:not([enforce-consistent-font-size])) #input[type=password]:not(:placeholder-shown){font-size:1.5em}:host([enforce-consistent-font-size]) #input[type=password]:not(:placeholder-shown){font-size:inherit}#icon-wrapper{position:relative;height:100%}#icon{position:absolute;display:flex;align-items:center;left:var(--sinch-local-padding);top:0;bottom:0;pointer-events:none;--sinch-global-color-icon:var(--sinch-comp-input-color-default-icon-initial)}:host([disabled]) #icon{--sinch-global-color-icon:var(--sinch-comp-input-color-disabled-icon-initial)}#icon-wrapper.empty{display:none}#icon-wrapper.empty~#input-wrapper>#input,#icon-wrapper.empty~#input-wrapper>#input-mask{padding-left:var(--sinch-local-padding)}#icon-wrapper:not(.empty)~#input-wrapper>#input,#icon-wrapper:not(.empty)~#input-wrapper>#input-mask{padding-left:calc(var(--sinch-local-padding) + var(--sinch-global-size-icon) + var(--sinch-local-icon-gap))}#right{display:flex;flex-direction:row;align-self:stretch;align-items:center;gap:var(--sinch-local-slot-gap);padding-right:var(--sinch-local-slot-padding)}#right.empty{display:none}#left{display:flex;flex-direction:row;align-self:stretch;align-items:center;gap:var(--sinch-local-slot-gap);padding-left:var(--sinch-local-slot-padding)}#left.empty{display:none}</style><div id="wrapper"><div id="left"><slot name="left"></slot></div><div id="icon-wrapper"><div id="icon"><slot name="icon"></slot></div></div><div id="input-wrapper"><div id="input-mask"></div><input id="input" type="text"></div><div id="border"></div><div id="right"><slot name="right"></slot></div></div>';
6317
+ const template$R = document.createElement("template");
6318
+ template$R.innerHTML = templateHTML$R;
6261
6319
  class Input extends NectaryElement {
6262
6320
  #$input;
6263
6321
  #$inputMask;
@@ -6286,7 +6344,7 @@ class Input extends NectaryElement {
6286
6344
  constructor() {
6287
6345
  super();
6288
6346
  const shadowRoot = this.attachShadow({ delegatesFocus: true });
6289
- shadowRoot.appendChild(template$O.content.cloneNode(true));
6347
+ shadowRoot.appendChild(template$R.content.cloneNode(true));
6290
6348
  this.#internals = this.attachInternals();
6291
6349
  this.#$input = shadowRoot.querySelector("#input");
6292
6350
  this.#$inputMask = shadowRoot.querySelector("#input-mask");
@@ -6422,18 +6480,24 @@ class Input extends NectaryElement {
6422
6480
  "value",
6423
6481
  "placeholder",
6424
6482
  "mask",
6483
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set max
6425
6484
  "max",
6485
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set min
6426
6486
  "min",
6427
6487
  "invalid",
6428
6488
  "disabled",
6429
6489
  "size",
6490
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set step
6430
6491
  "step",
6431
6492
  "autocomplete",
6493
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set readonly
6432
6494
  "readonly",
6433
6495
  "autofocus",
6434
6496
  "data-size",
6435
6497
  "aria-label",
6498
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set maxlength
6436
6499
  "maxlength",
6500
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set required
6437
6501
  "required"
6438
6502
  ];
6439
6503
  }
@@ -7065,10 +7129,10 @@ const getPopOrientation = (orientation) => {
7065
7129
  }
7066
7130
  return orientation;
7067
7131
  };
7068
- const templateHTML$N = '<style>:host{display:contents}#content-wrapper{position:relative;padding-top:4px;width:fit-content;min-width:100%}:host([tip]) #content-wrapper{padding-top:12px;filter:drop-shadow(var(--sinch-comp-popover-shadow))}:host([orientation^=top]) #content-wrapper{padding-top:0;padding-bottom:4px}:host([orientation=left]) #content-wrapper{padding-top:0;padding-right:4px}:host([orientation=right]) #content-wrapper{padding-top:0;padding-left:4px}:host([orientation^=top][tip]) #content-wrapper{padding-top:0;padding-bottom:12px}:host([orientation=left][tip]) #content-wrapper{padding-top:0;padding-right:12px}:host([orientation=right][tip]) #content-wrapper{padding-top:0;padding-left:12px}#content{background-color:var(--sinch-comp-popover-color-default-background-initial);border:1px solid var(--sinch-comp-popover-color-default-border-initial);border-radius:var(--sinch-comp-popover-shape-radius);box-shadow:var(--sinch-comp-popover-shadow);overflow:hidden}:host([tip]) #content{box-shadow:none}#tip{position:absolute;left:50%;top:13px;transform:translateX(-50%) rotate(180deg);transform-origin:top center;fill:var(--sinch-comp-popover-color-default-background-initial);stroke:var(--sinch-comp-popover-color-default-border-initial);stroke-linecap:square;pointer-events:none;display:none}:host([orientation^=top]) #tip{transform:translateX(-50%) rotate(0);top:calc(100% - 13px)}:host([orientation=left]) #tip{transform:translateX(-50%) rotate(-90deg);top:calc(50%);left:calc(100% - 13px)}:host([orientation=right]) #tip{transform:translateX(-50%) rotate(90deg);top:calc(50%);left:13px}:host([tip]) #tip:not(.hidden){display:block}</style><sinch-pop id="pop" inset="4"><slot name="target" slot="target"></slot><div id="content-wrapper" slot="content"><div id="content"><slot name="content"></slot></div><svg id="tip" width="16" height="9" aria-hidden="true"><path d="m0 0 8 8 8 -8"/></svg></div></sinch-pop>';
7132
+ const templateHTML$Q = '<style>:host{display:contents}#content-wrapper{position:relative;padding-top:4px;width:fit-content;min-width:100%}:host([tip]) #content-wrapper{padding-top:12px;filter:drop-shadow(var(--sinch-comp-popover-shadow))}:host([orientation^=top]) #content-wrapper{padding-top:0;padding-bottom:4px}:host([orientation=left]) #content-wrapper{padding-top:0;padding-right:4px}:host([orientation=right]) #content-wrapper{padding-top:0;padding-left:4px}:host([orientation^=top][tip]) #content-wrapper{padding-top:0;padding-bottom:12px}:host([orientation=left][tip]) #content-wrapper{padding-top:0;padding-right:12px}:host([orientation=right][tip]) #content-wrapper{padding-top:0;padding-left:12px}#content{background-color:var(--sinch-comp-popover-color-default-background-initial);border:1px solid var(--sinch-comp-popover-color-default-border-initial);border-radius:var(--sinch-comp-popover-shape-radius);box-shadow:var(--sinch-comp-popover-shadow);overflow:hidden}:host([tip]) #content{box-shadow:none}#tip{position:absolute;left:50%;top:13px;transform:translateX(-50%) rotate(180deg);transform-origin:top center;fill:var(--sinch-comp-popover-color-default-background-initial);stroke:var(--sinch-comp-popover-color-default-border-initial);stroke-linecap:square;pointer-events:none;display:none}:host([orientation^=top]) #tip{transform:translateX(-50%) rotate(0);top:calc(100% - 13px)}:host([orientation=left]) #tip{transform:translateX(-50%) rotate(-90deg);top:calc(50%);left:calc(100% - 13px)}:host([orientation=right]) #tip{transform:translateX(-50%) rotate(90deg);top:calc(50%);left:13px}:host([tip]) #tip:not(.hidden){display:block}</style><sinch-pop id="pop" inset="4"><slot name="target" slot="target"></slot><div id="content-wrapper" slot="content"><div id="content"><slot name="content"></slot></div><svg id="tip" width="16" height="9" aria-hidden="true"><path d="m0 0 8 8 8 -8"/></svg></div></sinch-pop>';
7069
7133
  const TIP_SIZE = 16;
7070
- const template$N = document.createElement("template");
7071
- template$N.innerHTML = templateHTML$N;
7134
+ const template$Q = document.createElement("template");
7135
+ template$Q.innerHTML = templateHTML$Q;
7072
7136
  class Popover extends NectaryElement {
7073
7137
  #$pop;
7074
7138
  #$content;
@@ -7080,7 +7144,7 @@ class Popover extends NectaryElement {
7080
7144
  constructor() {
7081
7145
  super();
7082
7146
  const shadowRoot = this.attachShadow();
7083
- shadowRoot.appendChild(template$N.content.cloneNode(true));
7147
+ shadowRoot.appendChild(template$Q.content.cloneNode(true));
7084
7148
  this.#$pop = shadowRoot.querySelector("#pop");
7085
7149
  this.#$content = shadowRoot.querySelector("#content");
7086
7150
  this.#$tip = shadowRoot.querySelector("#tip");
@@ -7273,16 +7337,16 @@ class Popover extends NectaryElement {
7273
7337
  };
7274
7338
  }
7275
7339
  defineCustomElement("sinch-popover", Popover);
7276
- const templateHTML$M = '<style>:host{display:block}#wrapper{display:flex;width:100%;height:40px;border-bottom:1px solid var(--sinch-comp-tab-color-default-border-initial);box-sizing:border-box}</style><div id="wrapper"><slot></slot></div>';
7277
- const template$M = document.createElement("template");
7278
- template$M.innerHTML = templateHTML$M;
7340
+ const templateHTML$P = '<style>:host{display:block}#wrapper{display:flex;width:100%;height:40px;border-bottom:1px solid var(--sinch-comp-tab-color-default-border-initial);box-sizing:border-box}</style><div id="wrapper"><slot></slot></div>';
7341
+ const template$P = document.createElement("template");
7342
+ template$P.innerHTML = templateHTML$P;
7279
7343
  class Tabs extends NectaryElement {
7280
7344
  #$slot;
7281
7345
  #controller = null;
7282
7346
  constructor() {
7283
7347
  super();
7284
7348
  const shadowRoot = this.attachShadow();
7285
- shadowRoot.appendChild(template$M.content.cloneNode(true));
7349
+ shadowRoot.appendChild(template$P.content.cloneNode(true));
7286
7350
  this.#$slot = shadowRoot.querySelector("slot");
7287
7351
  }
7288
7352
  connectedCallback() {
@@ -7345,16 +7409,16 @@ class Tabs extends NectaryElement {
7345
7409
  };
7346
7410
  }
7347
7411
  defineCustomElement("sinch-tabs", Tabs);
7348
- const templateHTML$L = '<style>:host{display:block;outline:0}#button{all:initial;position:relative;display:flex;flex-direction:column;padding:12px 16px 0;box-sizing:border-box;cursor:pointer;background-color:var(--sinch-comp-tab-color-default-background-initial);border-top-left-radius:var(--sinch-comp-tab-shape-radius);border-top-right-radius:var(--sinch-comp-tab-shape-radius);height:39px;--sinch-global-color-icon:var(--sinch-comp-tab-color-default-icon-initial);--sinch-global-size-icon:var(--sinch-comp-tab-size-icon)}#button:hover{background-color:var(--sinch-comp-tab-color-default-background-hover)}#button:focus-visible::after{content:"";position:absolute;inset:0;bottom:-3px;border:2px solid var(--sinch-comp-tab-color-default-outline-focus);border-top-left-radius:var(--sinch-comp-tab-shape-radius);border-top-right-radius:var(--sinch-comp-tab-shape-radius);pointer-events:none}#button:disabled{cursor:unset;pointer-events:none;--sinch-global-color-icon:var(--sinch-comp-tab-color-disabled-icon-initial)}:host([data-checked]) #button{--sinch-global-color-icon:var(--sinch-comp-tab-color-checked-icon-initial)}:host([data-checked]) #button::before{content:"";position:absolute;left:0;right:0;bottom:-1px;pointer-events:none;border-top:2px solid var(--sinch-comp-tab-color-checked-border-initial)}::slotted(*){display:block}</style><sinch-tooltip id="tooltip"><button id="button" tabindex="0"><slot name="icon"></slot></button></sinch-tooltip>';
7349
- const template$L = document.createElement("template");
7350
- template$L.innerHTML = templateHTML$L;
7412
+ const templateHTML$O = '<style>:host{display:block;outline:0}#button{all:initial;position:relative;display:flex;flex-direction:column;padding:12px 16px 0;box-sizing:border-box;cursor:pointer;background-color:var(--sinch-comp-tab-color-default-background-initial);border-top-left-radius:var(--sinch-comp-tab-shape-radius);border-top-right-radius:var(--sinch-comp-tab-shape-radius);height:39px;--sinch-global-color-icon:var(--sinch-comp-tab-color-default-icon-initial);--sinch-global-size-icon:var(--sinch-comp-tab-size-icon)}#button:hover{background-color:var(--sinch-comp-tab-color-default-background-hover)}#button:focus-visible::after{content:"";position:absolute;inset:0;bottom:-3px;border:2px solid var(--sinch-comp-tab-color-default-outline-focus);border-top-left-radius:var(--sinch-comp-tab-shape-radius);border-top-right-radius:var(--sinch-comp-tab-shape-radius);pointer-events:none}#button:disabled{cursor:unset;pointer-events:none;--sinch-global-color-icon:var(--sinch-comp-tab-color-disabled-icon-initial)}:host([data-checked]) #button{--sinch-global-color-icon:var(--sinch-comp-tab-color-checked-icon-initial)}:host([data-checked]) #button::before{content:"";position:absolute;left:0;right:0;bottom:-1px;pointer-events:none;border-top:2px solid var(--sinch-comp-tab-color-checked-border-initial)}::slotted(*){display:block}</style><sinch-tooltip id="tooltip"><button id="button" tabindex="0"><slot name="icon"></slot></button></sinch-tooltip>';
7413
+ const template$O = document.createElement("template");
7414
+ template$O.innerHTML = templateHTML$O;
7351
7415
  class TabsIconOption extends NectaryElement {
7352
7416
  #$button;
7353
7417
  #$tooltip;
7354
7418
  constructor() {
7355
7419
  super();
7356
7420
  const shadowRoot = this.attachShadow({ delegatesFocus: true });
7357
- shadowRoot.appendChild(template$L.content.cloneNode(true));
7421
+ shadowRoot.appendChild(template$O.content.cloneNode(true));
7358
7422
  this.#$button = shadowRoot.querySelector("#button");
7359
7423
  this.#$tooltip = shadowRoot.querySelector("#tooltip");
7360
7424
  }
@@ -7443,7 +7507,7 @@ const debounceTimeout = (ms) => createDebounce(
7443
7507
  globalThis.clearTimeout
7444
7508
  );
7445
7509
  const dataJson = /* @__PURE__ */ JSON.parse('[{"name":"smileys-emotion","emojis":[{"emoji":"😀","label":"grinning face","tone":0},{"emoji":"😃","label":"grinning face with big eyes","tone":0},{"emoji":"😄","label":"grinning face with smiling eyes","tone":0},{"emoji":"😁","label":"beaming face with smiling eyes","tone":0},{"emoji":"😆","label":"grinning squinting face","tone":0},{"emoji":"😅","label":"grinning face with sweat","tone":0},{"emoji":"🤣","label":"rolling on the floor laughing","tone":0},{"emoji":"😂","label":"face with tears of joy","tone":0},{"emoji":"🙂","label":"slightly smiling face","tone":0},{"emoji":"🙃","label":"upside-down face","tone":0},{"emoji":"😉","label":"winking face","tone":0},{"emoji":"😊","label":"smiling face with smiling eyes","tone":0},{"emoji":"😇","label":"smiling face with halo","tone":0},{"emoji":"🥰","label":"smiling face with hearts","tone":0},{"emoji":"😍","label":"smiling face with heart-eyes","tone":0},{"emoji":"🤩","label":"star-struck","tone":0},{"emoji":"😘","label":"face blowing a kiss","tone":0},{"emoji":"😗","label":"kissing face","tone":0},{"emoji":"☺️","label":"smiling face","tone":0},{"emoji":"😚","label":"kissing face with closed eyes","tone":0},{"emoji":"😙","label":"kissing face with smiling eyes","tone":0},{"emoji":"🥲","label":"smiling face with tear","tone":0},{"emoji":"😋","label":"face savoring food","tone":0},{"emoji":"😛","label":"face with tongue","tone":0},{"emoji":"😜","label":"winking face with tongue","tone":0},{"emoji":"🤪","label":"zany face","tone":0},{"emoji":"😝","label":"squinting face with tongue","tone":0},{"emoji":"🤑","label":"money-mouth face","tone":0},{"emoji":"🤗","label":"smiling face with open hands","tone":0},{"emoji":"🤭","label":"face with hand over mouth","tone":0},{"emoji":"🤫","label":"shushing face","tone":0},{"emoji":"🤔","label":"thinking face","tone":0},{"emoji":"🤐","label":"zipper-mouth face","tone":0},{"emoji":"🤨","label":"face with raised eyebrow","tone":0},{"emoji":"😐️","label":"neutral face","tone":0},{"emoji":"😑","label":"expressionless face","tone":0},{"emoji":"😶","label":"face without mouth","tone":0},{"emoji":"😶‍🌫️","label":"face in clouds","tone":0},{"emoji":"😏","label":"smirking face","tone":0},{"emoji":"😒","label":"unamused face","tone":0},{"emoji":"🙄","label":"face with rolling eyes","tone":0},{"emoji":"😬","label":"grimacing face","tone":0},{"emoji":"😮‍💨","label":"face exhaling","tone":0},{"emoji":"🤥","label":"lying face","tone":0},{"emoji":"😌","label":"relieved face","tone":0},{"emoji":"😔","label":"pensive face","tone":0},{"emoji":"😪","label":"sleepy face","tone":0},{"emoji":"🤤","label":"drooling face","tone":0},{"emoji":"😴","label":"sleeping face","tone":0},{"emoji":"😷","label":"face with medical mask","tone":0},{"emoji":"🤒","label":"face with thermometer","tone":0},{"emoji":"🤕","label":"face with head-bandage","tone":0},{"emoji":"🤢","label":"nauseated face","tone":0},{"emoji":"🤮","label":"face vomiting","tone":0},{"emoji":"🤧","label":"sneezing face","tone":0},{"emoji":"🥵","label":"hot face","tone":0},{"emoji":"🥶","label":"cold face","tone":0},{"emoji":"🥴","label":"woozy face","tone":0},{"emoji":"😵","label":"face with crossed-out eyes","tone":0},{"emoji":"😵‍💫","label":"face with spiral eyes","tone":0},{"emoji":"🤯","label":"exploding head","tone":0},{"emoji":"🤠","label":"cowboy hat face","tone":0},{"emoji":"🥳","label":"partying face","tone":0},{"emoji":"🥸","label":"disguised face","tone":0},{"emoji":"😎","label":"smiling face with sunglasses","tone":0},{"emoji":"🤓","label":"nerd face","tone":0},{"emoji":"🧐","label":"face with monocle","tone":0},{"emoji":"😕","label":"confused face","tone":0},{"emoji":"😟","label":"worried face","tone":0},{"emoji":"🙁","label":"slightly frowning face","tone":0},{"emoji":"☹️","label":"frowning face","tone":0},{"emoji":"😮","label":"face with open mouth","tone":0},{"emoji":"😯","label":"hushed face","tone":0},{"emoji":"😲","label":"astonished face","tone":0},{"emoji":"😳","label":"flushed face","tone":0},{"emoji":"🥺","label":"pleading face","tone":0},{"emoji":"😦","label":"frowning face with open mouth","tone":0},{"emoji":"😧","label":"anguished face","tone":0},{"emoji":"😨","label":"fearful face","tone":0},{"emoji":"😰","label":"anxious face with sweat","tone":0},{"emoji":"😥","label":"sad but relieved face","tone":0},{"emoji":"😢","label":"crying face","tone":0},{"emoji":"😭","label":"loudly crying face","tone":0},{"emoji":"😱","label":"face screaming in fear","tone":0},{"emoji":"😖","label":"confounded face","tone":0},{"emoji":"😣","label":"persevering face","tone":0},{"emoji":"😞","label":"disappointed face","tone":0},{"emoji":"😓","label":"downcast face with sweat","tone":0},{"emoji":"😩","label":"weary face","tone":0},{"emoji":"😫","label":"tired face","tone":0},{"emoji":"🥱","label":"yawning face","tone":0},{"emoji":"😤","label":"face with steam from nose","tone":0},{"emoji":"😡","label":"enraged face","tone":0},{"emoji":"😠","label":"angry face","tone":0},{"emoji":"🤬","label":"face with symbols on mouth","tone":0},{"emoji":"😈","label":"smiling face with horns","tone":0},{"emoji":"👿","label":"angry face with horns","tone":0},{"emoji":"💀","label":"skull","tone":0},{"emoji":"☠️","label":"skull and crossbones","tone":0},{"emoji":"💩","label":"pile of poo","tone":0},{"emoji":"🤡","label":"clown face","tone":0},{"emoji":"👹","label":"ogre","tone":0},{"emoji":"👺","label":"goblin","tone":0},{"emoji":"👻","label":"ghost","tone":0},{"emoji":"👽️","label":"alien","tone":0},{"emoji":"👾","label":"alien monster","tone":0},{"emoji":"🤖","label":"robot","tone":0},{"emoji":"😺","label":"grinning cat","tone":0},{"emoji":"😸","label":"grinning cat with smiling eyes","tone":0},{"emoji":"😹","label":"cat with tears of joy","tone":0},{"emoji":"😻","label":"smiling cat with heart-eyes","tone":0},{"emoji":"😼","label":"cat with wry smile","tone":0},{"emoji":"😽","label":"kissing cat","tone":0},{"emoji":"🙀","label":"weary cat","tone":0},{"emoji":"😿","label":"crying cat","tone":0},{"emoji":"😾","label":"pouting cat","tone":0},{"emoji":"🙈","label":"see-no-evil monkey","tone":0},{"emoji":"🙉","label":"hear-no-evil monkey","tone":0},{"emoji":"🙊","label":"speak-no-evil monkey","tone":0},{"emoji":"💋","label":"kiss mark","tone":0},{"emoji":"💌","label":"love letter","tone":0},{"emoji":"💘","label":"heart with arrow","tone":0},{"emoji":"💝","label":"heart with ribbon","tone":0},{"emoji":"💖","label":"sparkling heart","tone":0},{"emoji":"💗","label":"growing heart","tone":0},{"emoji":"💓","label":"beating heart","tone":0},{"emoji":"💞","label":"revolving hearts","tone":0},{"emoji":"💕","label":"two hearts","tone":0},{"emoji":"💟","label":"heart decoration","tone":0},{"emoji":"❣️","label":"heart exclamation","tone":0},{"emoji":"💔","label":"broken heart","tone":0},{"emoji":"❤️‍🔥","label":"heart on fire","tone":0},{"emoji":"❤️‍🩹","label":"mending heart","tone":0},{"emoji":"❤️","label":"red heart","tone":0},{"emoji":"🧡","label":"orange heart","tone":0},{"emoji":"💛","label":"yellow heart","tone":0},{"emoji":"💚","label":"green heart","tone":0},{"emoji":"💙","label":"blue heart","tone":0},{"emoji":"💜","label":"purple heart","tone":0},{"emoji":"🤎","label":"brown heart","tone":0},{"emoji":"🖤","label":"black heart","tone":0},{"emoji":"🤍","label":"white heart","tone":0},{"emoji":"💯","label":"hundred points","tone":0},{"emoji":"💢","label":"anger symbol","tone":0},{"emoji":"💥","label":"collision","tone":0},{"emoji":"💫","label":"dizzy","tone":0},{"emoji":"💦","label":"sweat droplets","tone":0},{"emoji":"💨","label":"dashing away","tone":0},{"emoji":"🕳️","label":"hole","tone":0},{"emoji":"💣️","label":"bomb","tone":0},{"emoji":"💬","label":"speech balloon","tone":0},{"emoji":"👁️‍🗨️","label":"eye in speech bubble","tone":0},{"emoji":"🗨️","label":"left speech bubble","tone":0},{"emoji":"🗯️","label":"right anger bubble","tone":0},{"emoji":"💭","label":"thought balloon","tone":0},{"emoji":"💤","label":"ZZZ","tone":0}]},{"name":"people-body","emojis":[{"emoji":"👋","label":"waving hand","tone":0,"skins":[{"emoji":"👋🏻","label":"waving hand: light skin tone","tone":1},{"emoji":"👋🏼","label":"waving hand: medium-light skin tone","tone":2},{"emoji":"👋🏽","label":"waving hand: medium skin tone","tone":3},{"emoji":"👋🏾","label":"waving hand: medium-dark skin tone","tone":4},{"emoji":"👋🏿","label":"waving hand: dark skin tone","tone":5}]},{"emoji":"🤚","label":"raised back of hand","tone":0,"skins":[{"emoji":"🤚🏻","label":"raised back of hand: light skin tone","tone":1},{"emoji":"🤚🏼","label":"raised back of hand: medium-light skin tone","tone":2},{"emoji":"🤚🏽","label":"raised back of hand: medium skin tone","tone":3},{"emoji":"🤚🏾","label":"raised back of hand: medium-dark skin tone","tone":4},{"emoji":"🤚🏿","label":"raised back of hand: dark skin tone","tone":5}]},{"emoji":"🖐️","label":"hand with fingers splayed","tone":0,"skins":[{"emoji":"🖐🏻","label":"hand with fingers splayed: light skin tone","tone":1},{"emoji":"🖐🏼","label":"hand with fingers splayed: medium-light skin tone","tone":2},{"emoji":"🖐🏽","label":"hand with fingers splayed: medium skin tone","tone":3},{"emoji":"🖐🏾","label":"hand with fingers splayed: medium-dark skin tone","tone":4},{"emoji":"🖐🏿","label":"hand with fingers splayed: dark skin tone","tone":5}]},{"emoji":"✋","label":"raised hand","tone":0,"skins":[{"emoji":"✋🏻","label":"raised hand: light skin tone","tone":1},{"emoji":"✋🏼","label":"raised hand: medium-light skin tone","tone":2},{"emoji":"✋🏽","label":"raised hand: medium skin tone","tone":3},{"emoji":"✋🏾","label":"raised hand: medium-dark skin tone","tone":4},{"emoji":"✋🏿","label":"raised hand: dark skin tone","tone":5}]},{"emoji":"🖖","label":"vulcan salute","tone":0,"skins":[{"emoji":"🖖🏻","label":"vulcan salute: light skin tone","tone":1},{"emoji":"🖖🏼","label":"vulcan salute: medium-light skin tone","tone":2},{"emoji":"🖖🏽","label":"vulcan salute: medium skin tone","tone":3},{"emoji":"🖖🏾","label":"vulcan salute: medium-dark skin tone","tone":4},{"emoji":"🖖🏿","label":"vulcan salute: dark skin tone","tone":5}]},{"emoji":"👌","label":"OK hand","tone":0,"skins":[{"emoji":"👌🏻","label":"OK hand: light skin tone","tone":1},{"emoji":"👌🏼","label":"OK hand: medium-light skin tone","tone":2},{"emoji":"👌🏽","label":"OK hand: medium skin tone","tone":3},{"emoji":"👌🏾","label":"OK hand: medium-dark skin tone","tone":4},{"emoji":"👌🏿","label":"OK hand: dark skin tone","tone":5}]},{"emoji":"🤌","label":"pinched fingers","tone":0,"skins":[{"emoji":"🤌🏻","label":"pinched fingers: light skin tone","tone":1},{"emoji":"🤌🏼","label":"pinched fingers: medium-light skin tone","tone":2},{"emoji":"🤌🏽","label":"pinched fingers: medium skin tone","tone":3},{"emoji":"🤌🏾","label":"pinched fingers: medium-dark skin tone","tone":4},{"emoji":"🤌🏿","label":"pinched fingers: dark skin tone","tone":5}]},{"emoji":"🤏","label":"pinching hand","tone":0,"skins":[{"emoji":"🤏🏻","label":"pinching hand: light skin tone","tone":1},{"emoji":"🤏🏼","label":"pinching hand: medium-light skin tone","tone":2},{"emoji":"🤏🏽","label":"pinching hand: medium skin tone","tone":3},{"emoji":"🤏🏾","label":"pinching hand: medium-dark skin tone","tone":4},{"emoji":"🤏🏿","label":"pinching hand: dark skin tone","tone":5}]},{"emoji":"✌️","label":"victory hand","tone":0,"skins":[{"emoji":"✌🏻","label":"victory hand: light skin tone","tone":1},{"emoji":"✌🏼","label":"victory hand: medium-light skin tone","tone":2},{"emoji":"✌🏽","label":"victory hand: medium skin tone","tone":3},{"emoji":"✌🏾","label":"victory hand: medium-dark skin tone","tone":4},{"emoji":"✌🏿","label":"victory hand: dark skin tone","tone":5}]},{"emoji":"🤞","label":"crossed fingers","tone":0,"skins":[{"emoji":"🤞🏻","label":"crossed fingers: light skin tone","tone":1},{"emoji":"🤞🏼","label":"crossed fingers: medium-light skin tone","tone":2},{"emoji":"🤞🏽","label":"crossed fingers: medium skin tone","tone":3},{"emoji":"🤞🏾","label":"crossed fingers: medium-dark skin tone","tone":4},{"emoji":"🤞🏿","label":"crossed fingers: dark skin tone","tone":5}]},{"emoji":"🤟","label":"love-you gesture","tone":0,"skins":[{"emoji":"🤟🏻","label":"love-you gesture: light skin tone","tone":1},{"emoji":"🤟🏼","label":"love-you gesture: medium-light skin tone","tone":2},{"emoji":"🤟🏽","label":"love-you gesture: medium skin tone","tone":3},{"emoji":"🤟🏾","label":"love-you gesture: medium-dark skin tone","tone":4},{"emoji":"🤟🏿","label":"love-you gesture: dark skin tone","tone":5}]},{"emoji":"🤘","label":"sign of the horns","tone":0,"skins":[{"emoji":"🤘🏻","label":"sign of the horns: light skin tone","tone":1},{"emoji":"🤘🏼","label":"sign of the horns: medium-light skin tone","tone":2},{"emoji":"🤘🏽","label":"sign of the horns: medium skin tone","tone":3},{"emoji":"🤘🏾","label":"sign of the horns: medium-dark skin tone","tone":4},{"emoji":"🤘🏿","label":"sign of the horns: dark skin tone","tone":5}]},{"emoji":"🤙","label":"call me hand","tone":0,"skins":[{"emoji":"🤙🏻","label":"call me hand: light skin tone","tone":1},{"emoji":"🤙🏼","label":"call me hand: medium-light skin tone","tone":2},{"emoji":"🤙🏽","label":"call me hand: medium skin tone","tone":3},{"emoji":"🤙🏾","label":"call me hand: medium-dark skin tone","tone":4},{"emoji":"🤙🏿","label":"call me hand: dark skin tone","tone":5}]},{"emoji":"👈️","label":"backhand index pointing left","tone":0,"skins":[{"emoji":"👈🏻","label":"backhand index pointing left: light skin tone","tone":1},{"emoji":"👈🏼","label":"backhand index pointing left: medium-light skin tone","tone":2},{"emoji":"👈🏽","label":"backhand index pointing left: medium skin tone","tone":3},{"emoji":"👈🏾","label":"backhand index pointing left: medium-dark skin tone","tone":4},{"emoji":"👈🏿","label":"backhand index pointing left: dark skin tone","tone":5}]},{"emoji":"👉️","label":"backhand index pointing right","tone":0,"skins":[{"emoji":"👉🏻","label":"backhand index pointing right: light skin tone","tone":1},{"emoji":"👉🏼","label":"backhand index pointing right: medium-light skin tone","tone":2},{"emoji":"👉🏽","label":"backhand index pointing right: medium skin tone","tone":3},{"emoji":"👉🏾","label":"backhand index pointing right: medium-dark skin tone","tone":4},{"emoji":"👉🏿","label":"backhand index pointing right: dark skin tone","tone":5}]},{"emoji":"👆️","label":"backhand index pointing up","tone":0,"skins":[{"emoji":"👆🏻","label":"backhand index pointing up: light skin tone","tone":1},{"emoji":"👆🏼","label":"backhand index pointing up: medium-light skin tone","tone":2},{"emoji":"👆🏽","label":"backhand index pointing up: medium skin tone","tone":3},{"emoji":"👆🏾","label":"backhand index pointing up: medium-dark skin tone","tone":4},{"emoji":"👆🏿","label":"backhand index pointing up: dark skin tone","tone":5}]},{"emoji":"🖕","label":"middle finger","tone":0,"skins":[{"emoji":"🖕🏻","label":"middle finger: light skin tone","tone":1},{"emoji":"🖕🏼","label":"middle finger: medium-light skin tone","tone":2},{"emoji":"🖕🏽","label":"middle finger: medium skin tone","tone":3},{"emoji":"🖕🏾","label":"middle finger: medium-dark skin tone","tone":4},{"emoji":"🖕🏿","label":"middle finger: dark skin tone","tone":5}]},{"emoji":"👇️","label":"backhand index pointing down","tone":0,"skins":[{"emoji":"👇🏻","label":"backhand index pointing down: light skin tone","tone":1},{"emoji":"👇🏼","label":"backhand index pointing down: medium-light skin tone","tone":2},{"emoji":"👇🏽","label":"backhand index pointing down: medium skin tone","tone":3},{"emoji":"👇🏾","label":"backhand index pointing down: medium-dark skin tone","tone":4},{"emoji":"👇🏿","label":"backhand index pointing down: dark skin tone","tone":5}]},{"emoji":"☝️","label":"index pointing up","tone":0,"skins":[{"emoji":"☝🏻","label":"index pointing up: light skin tone","tone":1},{"emoji":"☝🏼","label":"index pointing up: medium-light skin tone","tone":2},{"emoji":"☝🏽","label":"index pointing up: medium skin tone","tone":3},{"emoji":"☝🏾","label":"index pointing up: medium-dark skin tone","tone":4},{"emoji":"☝🏿","label":"index pointing up: dark skin tone","tone":5}]},{"emoji":"👍️","label":"thumbs up","tone":0,"skins":[{"emoji":"👍🏻","label":"thumbs up: light skin tone","tone":1},{"emoji":"👍🏼","label":"thumbs up: medium-light skin tone","tone":2},{"emoji":"👍🏽","label":"thumbs up: medium skin tone","tone":3},{"emoji":"👍🏾","label":"thumbs up: medium-dark skin tone","tone":4},{"emoji":"👍🏿","label":"thumbs up: dark skin tone","tone":5}]},{"emoji":"👎️","label":"thumbs down","tone":0,"skins":[{"emoji":"👎🏻","label":"thumbs down: light skin tone","tone":1},{"emoji":"👎🏼","label":"thumbs down: medium-light skin tone","tone":2},{"emoji":"👎🏽","label":"thumbs down: medium skin tone","tone":3},{"emoji":"👎🏾","label":"thumbs down: medium-dark skin tone","tone":4},{"emoji":"👎🏿","label":"thumbs down: dark skin tone","tone":5}]},{"emoji":"✊","label":"raised fist","tone":0,"skins":[{"emoji":"✊🏻","label":"raised fist: light skin tone","tone":1},{"emoji":"✊🏼","label":"raised fist: medium-light skin tone","tone":2},{"emoji":"✊🏽","label":"raised fist: medium skin tone","tone":3},{"emoji":"✊🏾","label":"raised fist: medium-dark skin tone","tone":4},{"emoji":"✊🏿","label":"raised fist: dark skin tone","tone":5}]},{"emoji":"👊","label":"oncoming fist","tone":0,"skins":[{"emoji":"👊🏻","label":"oncoming fist: light skin tone","tone":1},{"emoji":"👊🏼","label":"oncoming fist: medium-light skin tone","tone":2},{"emoji":"👊🏽","label":"oncoming fist: medium skin tone","tone":3},{"emoji":"👊🏾","label":"oncoming fist: medium-dark skin tone","tone":4},{"emoji":"👊🏿","label":"oncoming fist: dark skin tone","tone":5}]},{"emoji":"🤛","label":"left-facing fist","tone":0,"skins":[{"emoji":"🤛🏻","label":"left-facing fist: light skin tone","tone":1},{"emoji":"🤛🏼","label":"left-facing fist: medium-light skin tone","tone":2},{"emoji":"🤛🏽","label":"left-facing fist: medium skin tone","tone":3},{"emoji":"🤛🏾","label":"left-facing fist: medium-dark skin tone","tone":4},{"emoji":"🤛🏿","label":"left-facing fist: dark skin tone","tone":5}]},{"emoji":"🤜","label":"right-facing fist","tone":0,"skins":[{"emoji":"🤜🏻","label":"right-facing fist: light skin tone","tone":1},{"emoji":"🤜🏼","label":"right-facing fist: medium-light skin tone","tone":2},{"emoji":"🤜🏽","label":"right-facing fist: medium skin tone","tone":3},{"emoji":"🤜🏾","label":"right-facing fist: medium-dark skin tone","tone":4},{"emoji":"🤜🏿","label":"right-facing fist: dark skin tone","tone":5}]},{"emoji":"👏","label":"clapping hands","tone":0,"skins":[{"emoji":"👏🏻","label":"clapping hands: light skin tone","tone":1},{"emoji":"👏🏼","label":"clapping hands: medium-light skin tone","tone":2},{"emoji":"👏🏽","label":"clapping hands: medium skin tone","tone":3},{"emoji":"👏🏾","label":"clapping hands: medium-dark skin tone","tone":4},{"emoji":"👏🏿","label":"clapping hands: dark skin tone","tone":5}]},{"emoji":"🙌","label":"raising hands","tone":0,"skins":[{"emoji":"🙌🏻","label":"raising hands: light skin tone","tone":1},{"emoji":"🙌🏼","label":"raising hands: medium-light skin tone","tone":2},{"emoji":"🙌🏽","label":"raising hands: medium skin tone","tone":3},{"emoji":"🙌🏾","label":"raising hands: medium-dark skin tone","tone":4},{"emoji":"🙌🏿","label":"raising hands: dark skin tone","tone":5}]},{"emoji":"👐","label":"open hands","tone":0,"skins":[{"emoji":"👐🏻","label":"open hands: light skin tone","tone":1},{"emoji":"👐🏼","label":"open hands: medium-light skin tone","tone":2},{"emoji":"👐🏽","label":"open hands: medium skin tone","tone":3},{"emoji":"👐🏾","label":"open hands: medium-dark skin tone","tone":4},{"emoji":"👐🏿","label":"open hands: dark skin tone","tone":5}]},{"emoji":"🤲","label":"palms up together","tone":0,"skins":[{"emoji":"🤲🏻","label":"palms up together: light skin tone","tone":1},{"emoji":"🤲🏼","label":"palms up together: medium-light skin tone","tone":2},{"emoji":"🤲🏽","label":"palms up together: medium skin tone","tone":3},{"emoji":"🤲🏾","label":"palms up together: medium-dark skin tone","tone":4},{"emoji":"🤲🏿","label":"palms up together: dark skin tone","tone":5}]},{"emoji":"🤝","label":"handshake","tone":0,"skins":[{"emoji":"🤝🏻","label":"handshake: light skin tone","tone":1},{"emoji":"🤝🏼","label":"handshake: medium-light skin tone","tone":2},{"emoji":"🤝🏽","label":"handshake: medium skin tone","tone":3},{"emoji":"🤝🏾","label":"handshake: medium-dark skin tone","tone":4},{"emoji":"🤝🏿","label":"handshake: dark skin tone","tone":5}]},{"emoji":"🙏","label":"folded hands","tone":0,"skins":[{"emoji":"🙏🏻","label":"folded hands: light skin tone","tone":1},{"emoji":"🙏🏼","label":"folded hands: medium-light skin tone","tone":2},{"emoji":"🙏🏽","label":"folded hands: medium skin tone","tone":3},{"emoji":"🙏🏾","label":"folded hands: medium-dark skin tone","tone":4},{"emoji":"🙏🏿","label":"folded hands: dark skin tone","tone":5}]},{"emoji":"✍️","label":"writing hand","tone":0,"skins":[{"emoji":"✍🏻","label":"writing hand: light skin tone","tone":1},{"emoji":"✍🏼","label":"writing hand: medium-light skin tone","tone":2},{"emoji":"✍🏽","label":"writing hand: medium skin tone","tone":3},{"emoji":"✍🏾","label":"writing hand: medium-dark skin tone","tone":4},{"emoji":"✍🏿","label":"writing hand: dark skin tone","tone":5}]},{"emoji":"💅","label":"nail polish","tone":0,"skins":[{"emoji":"💅🏻","label":"nail polish: light skin tone","tone":1},{"emoji":"💅🏼","label":"nail polish: medium-light skin tone","tone":2},{"emoji":"💅🏽","label":"nail polish: medium skin tone","tone":3},{"emoji":"💅🏾","label":"nail polish: medium-dark skin tone","tone":4},{"emoji":"💅🏿","label":"nail polish: dark skin tone","tone":5}]},{"emoji":"🤳","label":"selfie","tone":0,"skins":[{"emoji":"🤳🏻","label":"selfie: light skin tone","tone":1},{"emoji":"🤳🏼","label":"selfie: medium-light skin tone","tone":2},{"emoji":"🤳🏽","label":"selfie: medium skin tone","tone":3},{"emoji":"🤳🏾","label":"selfie: medium-dark skin tone","tone":4},{"emoji":"🤳🏿","label":"selfie: dark skin tone","tone":5}]},{"emoji":"💪","label":"flexed biceps","tone":0,"skins":[{"emoji":"💪🏻","label":"flexed biceps: light skin tone","tone":1},{"emoji":"💪🏼","label":"flexed biceps: medium-light skin tone","tone":2},{"emoji":"💪🏽","label":"flexed biceps: medium skin tone","tone":3},{"emoji":"💪🏾","label":"flexed biceps: medium-dark skin tone","tone":4},{"emoji":"💪🏿","label":"flexed biceps: dark skin tone","tone":5}]},{"emoji":"🦾","label":"mechanical arm","tone":0},{"emoji":"🦿","label":"mechanical leg","tone":0},{"emoji":"🦵","label":"leg","tone":0,"skins":[{"emoji":"🦵🏻","label":"leg: light skin tone","tone":1},{"emoji":"🦵🏼","label":"leg: medium-light skin tone","tone":2},{"emoji":"🦵🏽","label":"leg: medium skin tone","tone":3},{"emoji":"🦵🏾","label":"leg: medium-dark skin tone","tone":4},{"emoji":"🦵🏿","label":"leg: dark skin tone","tone":5}]},{"emoji":"🦶","label":"foot","tone":0,"skins":[{"emoji":"🦶🏻","label":"foot: light skin tone","tone":1},{"emoji":"🦶🏼","label":"foot: medium-light skin tone","tone":2},{"emoji":"🦶🏽","label":"foot: medium skin tone","tone":3},{"emoji":"🦶🏾","label":"foot: medium-dark skin tone","tone":4},{"emoji":"🦶🏿","label":"foot: dark skin tone","tone":5}]},{"emoji":"👂️","label":"ear","tone":0,"skins":[{"emoji":"👂🏻","label":"ear: light skin tone","tone":1},{"emoji":"👂🏼","label":"ear: medium-light skin tone","tone":2},{"emoji":"👂🏽","label":"ear: medium skin tone","tone":3},{"emoji":"👂🏾","label":"ear: medium-dark skin tone","tone":4},{"emoji":"👂🏿","label":"ear: dark skin tone","tone":5}]},{"emoji":"🦻","label":"ear with hearing aid","tone":0,"skins":[{"emoji":"🦻🏻","label":"ear with hearing aid: light skin tone","tone":1},{"emoji":"🦻🏼","label":"ear with hearing aid: medium-light skin tone","tone":2},{"emoji":"🦻🏽","label":"ear with hearing aid: medium skin tone","tone":3},{"emoji":"🦻🏾","label":"ear with hearing aid: medium-dark skin tone","tone":4},{"emoji":"🦻🏿","label":"ear with hearing aid: dark skin tone","tone":5}]},{"emoji":"👃","label":"nose","tone":0,"skins":[{"emoji":"👃🏻","label":"nose: light skin tone","tone":1},{"emoji":"👃🏼","label":"nose: medium-light skin tone","tone":2},{"emoji":"👃🏽","label":"nose: medium skin tone","tone":3},{"emoji":"👃🏾","label":"nose: medium-dark skin tone","tone":4},{"emoji":"👃🏿","label":"nose: dark skin tone","tone":5}]},{"emoji":"🧠","label":"brain","tone":0},{"emoji":"🫀","label":"anatomical heart","tone":0},{"emoji":"🫁","label":"lungs","tone":0},{"emoji":"🦷","label":"tooth","tone":0},{"emoji":"🦴","label":"bone","tone":0},{"emoji":"👀","label":"eyes","tone":0},{"emoji":"👁️","label":"eye","tone":0},{"emoji":"👅","label":"tongue","tone":0},{"emoji":"👄","label":"mouth","tone":0},{"emoji":"👶","label":"baby","tone":0,"skins":[{"emoji":"👶🏻","label":"baby: light skin tone","tone":1},{"emoji":"👶🏼","label":"baby: medium-light skin tone","tone":2},{"emoji":"👶🏽","label":"baby: medium skin tone","tone":3},{"emoji":"👶🏾","label":"baby: medium-dark skin tone","tone":4},{"emoji":"👶🏿","label":"baby: dark skin tone","tone":5}]},{"emoji":"🧒","label":"child","tone":0,"skins":[{"emoji":"🧒🏻","label":"child: light skin tone","tone":1},{"emoji":"🧒🏼","label":"child: medium-light skin tone","tone":2},{"emoji":"🧒🏽","label":"child: medium skin tone","tone":3},{"emoji":"🧒🏾","label":"child: medium-dark skin tone","tone":4},{"emoji":"🧒🏿","label":"child: dark skin tone","tone":5}]},{"emoji":"👦","label":"boy","tone":0,"skins":[{"emoji":"👦🏻","label":"boy: light skin tone","tone":1},{"emoji":"👦🏼","label":"boy: medium-light skin tone","tone":2},{"emoji":"👦🏽","label":"boy: medium skin tone","tone":3},{"emoji":"👦🏾","label":"boy: medium-dark skin tone","tone":4},{"emoji":"👦🏿","label":"boy: dark skin tone","tone":5}]},{"emoji":"👧","label":"girl","tone":0,"skins":[{"emoji":"👧🏻","label":"girl: light skin tone","tone":1},{"emoji":"👧🏼","label":"girl: medium-light skin tone","tone":2},{"emoji":"👧🏽","label":"girl: medium skin tone","tone":3},{"emoji":"👧🏾","label":"girl: medium-dark skin tone","tone":4},{"emoji":"👧🏿","label":"girl: dark skin tone","tone":5}]},{"emoji":"🧑","label":"person","tone":0,"skins":[{"emoji":"🧑🏻","label":"person: light skin tone","tone":1},{"emoji":"🧑🏼","label":"person: medium-light skin tone","tone":2},{"emoji":"🧑🏽","label":"person: medium skin tone","tone":3},{"emoji":"🧑🏾","label":"person: medium-dark skin tone","tone":4},{"emoji":"🧑🏿","label":"person: dark skin tone","tone":5}]},{"emoji":"👱","label":"person: blond hair","tone":0,"skins":[{"emoji":"👱🏻","label":"person: light skin tone, blond hair","tone":1},{"emoji":"👱🏼","label":"person: medium-light skin tone, blond hair","tone":2},{"emoji":"👱🏽","label":"person: medium skin tone, blond hair","tone":3},{"emoji":"👱🏾","label":"person: medium-dark skin tone, blond hair","tone":4},{"emoji":"👱🏿","label":"person: dark skin tone, blond hair","tone":5}]},{"emoji":"👨","label":"man","tone":0,"skins":[{"emoji":"👨🏻","label":"man: light skin tone","tone":1},{"emoji":"👨🏼","label":"man: medium-light skin tone","tone":2},{"emoji":"👨🏽","label":"man: medium skin tone","tone":3},{"emoji":"👨🏾","label":"man: medium-dark skin tone","tone":4},{"emoji":"👨🏿","label":"man: dark skin tone","tone":5}]},{"emoji":"🧔","label":"person: beard","tone":0,"skins":[{"emoji":"🧔🏻","label":"person: light skin tone, beard","tone":1},{"emoji":"🧔🏼","label":"person: medium-light skin tone, beard","tone":2},{"emoji":"🧔🏽","label":"person: medium skin tone, beard","tone":3},{"emoji":"🧔🏾","label":"person: medium-dark skin tone, beard","tone":4},{"emoji":"🧔🏿","label":"person: dark skin tone, beard","tone":5}]},{"emoji":"🧔‍♂️","label":"man: beard","tone":0,"skins":[{"emoji":"🧔🏻‍♂️","label":"man: light skin tone, beard","tone":1},{"emoji":"🧔🏼‍♂️","label":"man: medium-light skin tone, beard","tone":2},{"emoji":"🧔🏽‍♂️","label":"man: medium skin tone, beard","tone":3},{"emoji":"🧔🏾‍♂️","label":"man: medium-dark skin tone, beard","tone":4},{"emoji":"🧔🏿‍♂️","label":"man: dark skin tone, beard","tone":5}]},{"emoji":"🧔‍♀️","label":"woman: beard","tone":0,"skins":[{"emoji":"🧔🏻‍♀️","label":"woman: light skin tone, beard","tone":1},{"emoji":"🧔🏼‍♀️","label":"woman: medium-light skin tone, beard","tone":2},{"emoji":"🧔🏽‍♀️","label":"woman: medium skin tone, beard","tone":3},{"emoji":"🧔🏾‍♀️","label":"woman: medium-dark skin tone, beard","tone":4},{"emoji":"🧔🏿‍♀️","label":"woman: dark skin tone, beard","tone":5}]},{"emoji":"👨‍🦰","label":"man: red hair","tone":0,"skins":[{"emoji":"👨🏻‍🦰","label":"man: light skin tone, red hair","tone":1},{"emoji":"👨🏼‍🦰","label":"man: medium-light skin tone, red hair","tone":2},{"emoji":"👨🏽‍🦰","label":"man: medium skin tone, red hair","tone":3},{"emoji":"👨🏾‍🦰","label":"man: medium-dark skin tone, red hair","tone":4},{"emoji":"👨🏿‍🦰","label":"man: dark skin tone, red hair","tone":5}]},{"emoji":"👨‍🦱","label":"man: curly hair","tone":0,"skins":[{"emoji":"👨🏻‍🦱","label":"man: light skin tone, curly hair","tone":1},{"emoji":"👨🏼‍🦱","label":"man: medium-light skin tone, curly hair","tone":2},{"emoji":"👨🏽‍🦱","label":"man: medium skin tone, curly hair","tone":3},{"emoji":"👨🏾‍🦱","label":"man: medium-dark skin tone, curly hair","tone":4},{"emoji":"👨🏿‍🦱","label":"man: dark skin tone, curly hair","tone":5}]},{"emoji":"👨‍🦳","label":"man: white hair","tone":0,"skins":[{"emoji":"👨🏻‍🦳","label":"man: light skin tone, white hair","tone":1},{"emoji":"👨🏼‍🦳","label":"man: medium-light skin tone, white hair","tone":2},{"emoji":"👨🏽‍🦳","label":"man: medium skin tone, white hair","tone":3},{"emoji":"👨🏾‍🦳","label":"man: medium-dark skin tone, white hair","tone":4},{"emoji":"👨🏿‍🦳","label":"man: dark skin tone, white hair","tone":5}]},{"emoji":"👨‍🦲","label":"man: bald","tone":0,"skins":[{"emoji":"👨🏻‍🦲","label":"man: light skin tone, bald","tone":1},{"emoji":"👨🏼‍🦲","label":"man: medium-light skin tone, bald","tone":2},{"emoji":"👨🏽‍🦲","label":"man: medium skin tone, bald","tone":3},{"emoji":"👨🏾‍🦲","label":"man: medium-dark skin tone, bald","tone":4},{"emoji":"👨🏿‍🦲","label":"man: dark skin tone, bald","tone":5}]},{"emoji":"👩","label":"woman","tone":0,"skins":[{"emoji":"👩🏻","label":"woman: light skin tone","tone":1},{"emoji":"👩🏼","label":"woman: medium-light skin tone","tone":2},{"emoji":"👩🏽","label":"woman: medium skin tone","tone":3},{"emoji":"👩🏾","label":"woman: medium-dark skin tone","tone":4},{"emoji":"👩🏿","label":"woman: dark skin tone","tone":5}]},{"emoji":"👩‍🦰","label":"woman: red hair","tone":0,"skins":[{"emoji":"👩🏻‍🦰","label":"woman: light skin tone, red hair","tone":1},{"emoji":"👩🏼‍🦰","label":"woman: medium-light skin tone, red hair","tone":2},{"emoji":"👩🏽‍🦰","label":"woman: medium skin tone, red hair","tone":3},{"emoji":"👩🏾‍🦰","label":"woman: medium-dark skin tone, red hair","tone":4},{"emoji":"👩🏿‍🦰","label":"woman: dark skin tone, red hair","tone":5}]},{"emoji":"🧑‍🦰","label":"person: red hair","tone":0,"skins":[{"emoji":"🧑🏻‍🦰","label":"person: light skin tone, red hair","tone":1},{"emoji":"🧑🏼‍🦰","label":"person: medium-light skin tone, red hair","tone":2},{"emoji":"🧑🏽‍🦰","label":"person: medium skin tone, red hair","tone":3},{"emoji":"🧑🏾‍🦰","label":"person: medium-dark skin tone, red hair","tone":4},{"emoji":"🧑🏿‍🦰","label":"person: dark skin tone, red hair","tone":5}]},{"emoji":"👩‍🦱","label":"woman: curly hair","tone":0,"skins":[{"emoji":"👩🏻‍🦱","label":"woman: light skin tone, curly hair","tone":1},{"emoji":"👩🏼‍🦱","label":"woman: medium-light skin tone, curly hair","tone":2},{"emoji":"👩🏽‍🦱","label":"woman: medium skin tone, curly hair","tone":3},{"emoji":"👩🏾‍🦱","label":"woman: medium-dark skin tone, curly hair","tone":4},{"emoji":"👩🏿‍🦱","label":"woman: dark skin tone, curly hair","tone":5}]},{"emoji":"🧑‍🦱","label":"person: curly hair","tone":0,"skins":[{"emoji":"🧑🏻‍🦱","label":"person: light skin tone, curly hair","tone":1},{"emoji":"🧑🏼‍🦱","label":"person: medium-light skin tone, curly hair","tone":2},{"emoji":"🧑🏽‍🦱","label":"person: medium skin tone, curly hair","tone":3},{"emoji":"🧑🏾‍🦱","label":"person: medium-dark skin tone, curly hair","tone":4},{"emoji":"🧑🏿‍🦱","label":"person: dark skin tone, curly hair","tone":5}]},{"emoji":"👩‍🦳","label":"woman: white hair","tone":0,"skins":[{"emoji":"👩🏻‍🦳","label":"woman: light skin tone, white hair","tone":1},{"emoji":"👩🏼‍🦳","label":"woman: medium-light skin tone, white hair","tone":2},{"emoji":"👩🏽‍🦳","label":"woman: medium skin tone, white hair","tone":3},{"emoji":"👩🏾‍🦳","label":"woman: medium-dark skin tone, white hair","tone":4},{"emoji":"👩🏿‍🦳","label":"woman: dark skin tone, white hair","tone":5}]},{"emoji":"🧑‍🦳","label":"person: white hair","tone":0,"skins":[{"emoji":"🧑🏻‍🦳","label":"person: light skin tone, white hair","tone":1},{"emoji":"🧑🏼‍🦳","label":"person: medium-light skin tone, white hair","tone":2},{"emoji":"🧑🏽‍🦳","label":"person: medium skin tone, white hair","tone":3},{"emoji":"🧑🏾‍🦳","label":"person: medium-dark skin tone, white hair","tone":4},{"emoji":"🧑🏿‍🦳","label":"person: dark skin tone, white hair","tone":5}]},{"emoji":"👩‍🦲","label":"woman: bald","tone":0,"skins":[{"emoji":"👩🏻‍🦲","label":"woman: light skin tone, bald","tone":1},{"emoji":"👩🏼‍🦲","label":"woman: medium-light skin tone, bald","tone":2},{"emoji":"👩🏽‍🦲","label":"woman: medium skin tone, bald","tone":3},{"emoji":"👩🏾‍🦲","label":"woman: medium-dark skin tone, bald","tone":4},{"emoji":"👩🏿‍🦲","label":"woman: dark skin tone, bald","tone":5}]},{"emoji":"🧑‍🦲","label":"person: bald","tone":0,"skins":[{"emoji":"🧑🏻‍🦲","label":"person: light skin tone, bald","tone":1},{"emoji":"🧑🏼‍🦲","label":"person: medium-light skin tone, bald","tone":2},{"emoji":"🧑🏽‍🦲","label":"person: medium skin tone, bald","tone":3},{"emoji":"🧑🏾‍🦲","label":"person: medium-dark skin tone, bald","tone":4},{"emoji":"🧑🏿‍🦲","label":"person: dark skin tone, bald","tone":5}]},{"emoji":"👱‍♀️","label":"woman: blond hair","tone":0,"skins":[{"emoji":"👱🏻‍♀️","label":"woman: light skin tone, blond hair","tone":1},{"emoji":"👱🏼‍♀️","label":"woman: medium-light skin tone, blond hair","tone":2},{"emoji":"👱🏽‍♀️","label":"woman: medium skin tone, blond hair","tone":3},{"emoji":"👱🏾‍♀️","label":"woman: medium-dark skin tone, blond hair","tone":4},{"emoji":"👱🏿‍♀️","label":"woman: dark skin tone, blond hair","tone":5}]},{"emoji":"👱‍♂️","label":"man: blond hair","tone":0,"skins":[{"emoji":"👱🏻‍♂️","label":"man: light skin tone, blond hair","tone":1},{"emoji":"👱🏼‍♂️","label":"man: medium-light skin tone, blond hair","tone":2},{"emoji":"👱🏽‍♂️","label":"man: medium skin tone, blond hair","tone":3},{"emoji":"👱🏾‍♂️","label":"man: medium-dark skin tone, blond hair","tone":4},{"emoji":"👱🏿‍♂️","label":"man: dark skin tone, blond hair","tone":5}]},{"emoji":"🧓","label":"older person","tone":0,"skins":[{"emoji":"🧓🏻","label":"older person: light skin tone","tone":1},{"emoji":"🧓🏼","label":"older person: medium-light skin tone","tone":2},{"emoji":"🧓🏽","label":"older person: medium skin tone","tone":3},{"emoji":"🧓🏾","label":"older person: medium-dark skin tone","tone":4},{"emoji":"🧓🏿","label":"older person: dark skin tone","tone":5}]},{"emoji":"👴","label":"old man","tone":0,"skins":[{"emoji":"👴🏻","label":"old man: light skin tone","tone":1},{"emoji":"👴🏼","label":"old man: medium-light skin tone","tone":2},{"emoji":"👴🏽","label":"old man: medium skin tone","tone":3},{"emoji":"👴🏾","label":"old man: medium-dark skin tone","tone":4},{"emoji":"👴🏿","label":"old man: dark skin tone","tone":5}]},{"emoji":"👵","label":"old woman","tone":0,"skins":[{"emoji":"👵🏻","label":"old woman: light skin tone","tone":1},{"emoji":"👵🏼","label":"old woman: medium-light skin tone","tone":2},{"emoji":"👵🏽","label":"old woman: medium skin tone","tone":3},{"emoji":"👵🏾","label":"old woman: medium-dark skin tone","tone":4},{"emoji":"👵🏿","label":"old woman: dark skin tone","tone":5}]},{"emoji":"🙍","label":"person frowning","tone":0,"skins":[{"emoji":"🙍🏻","label":"person frowning: light skin tone","tone":1},{"emoji":"🙍🏼","label":"person frowning: medium-light skin tone","tone":2},{"emoji":"🙍🏽","label":"person frowning: medium skin tone","tone":3},{"emoji":"🙍🏾","label":"person frowning: medium-dark skin tone","tone":4},{"emoji":"🙍🏿","label":"person frowning: dark skin tone","tone":5}]},{"emoji":"🙍‍♂️","label":"man frowning","tone":0,"skins":[{"emoji":"🙍🏻‍♂️","label":"man frowning: light skin tone","tone":1},{"emoji":"🙍🏼‍♂️","label":"man frowning: medium-light skin tone","tone":2},{"emoji":"🙍🏽‍♂️","label":"man frowning: medium skin tone","tone":3},{"emoji":"🙍🏾‍♂️","label":"man frowning: medium-dark skin tone","tone":4},{"emoji":"🙍🏿‍♂️","label":"man frowning: dark skin tone","tone":5}]},{"emoji":"🙍‍♀️","label":"woman frowning","tone":0,"skins":[{"emoji":"🙍🏻‍♀️","label":"woman frowning: light skin tone","tone":1},{"emoji":"🙍🏼‍♀️","label":"woman frowning: medium-light skin tone","tone":2},{"emoji":"🙍🏽‍♀️","label":"woman frowning: medium skin tone","tone":3},{"emoji":"🙍🏾‍♀️","label":"woman frowning: medium-dark skin tone","tone":4},{"emoji":"🙍🏿‍♀️","label":"woman frowning: dark skin tone","tone":5}]},{"emoji":"🙎","label":"person pouting","tone":0,"skins":[{"emoji":"🙎🏻","label":"person pouting: light skin tone","tone":1},{"emoji":"🙎🏼","label":"person pouting: medium-light skin tone","tone":2},{"emoji":"🙎🏽","label":"person pouting: medium skin tone","tone":3},{"emoji":"🙎🏾","label":"person pouting: medium-dark skin tone","tone":4},{"emoji":"🙎🏿","label":"person pouting: dark skin tone","tone":5}]},{"emoji":"🙎‍♂️","label":"man pouting","tone":0,"skins":[{"emoji":"🙎🏻‍♂️","label":"man pouting: light skin tone","tone":1},{"emoji":"🙎🏼‍♂️","label":"man pouting: medium-light skin tone","tone":2},{"emoji":"🙎🏽‍♂️","label":"man pouting: medium skin tone","tone":3},{"emoji":"🙎🏾‍♂️","label":"man pouting: medium-dark skin tone","tone":4},{"emoji":"🙎🏿‍♂️","label":"man pouting: dark skin tone","tone":5}]},{"emoji":"🙎‍♀️","label":"woman pouting","tone":0,"skins":[{"emoji":"🙎🏻‍♀️","label":"woman pouting: light skin tone","tone":1},{"emoji":"🙎🏼‍♀️","label":"woman pouting: medium-light skin tone","tone":2},{"emoji":"🙎🏽‍♀️","label":"woman pouting: medium skin tone","tone":3},{"emoji":"🙎🏾‍♀️","label":"woman pouting: medium-dark skin tone","tone":4},{"emoji":"🙎🏿‍♀️","label":"woman pouting: dark skin tone","tone":5}]},{"emoji":"🙅","label":"person gesturing NO","tone":0,"skins":[{"emoji":"🙅🏻","label":"person gesturing NO: light skin tone","tone":1},{"emoji":"🙅🏼","label":"person gesturing NO: medium-light skin tone","tone":2},{"emoji":"🙅🏽","label":"person gesturing NO: medium skin tone","tone":3},{"emoji":"🙅🏾","label":"person gesturing NO: medium-dark skin tone","tone":4},{"emoji":"🙅🏿","label":"person gesturing NO: dark skin tone","tone":5}]},{"emoji":"🙅‍♂️","label":"man gesturing NO","tone":0,"skins":[{"emoji":"🙅🏻‍♂️","label":"man gesturing NO: light skin tone","tone":1},{"emoji":"🙅🏼‍♂️","label":"man gesturing NO: medium-light skin tone","tone":2},{"emoji":"🙅🏽‍♂️","label":"man gesturing NO: medium skin tone","tone":3},{"emoji":"🙅🏾‍♂️","label":"man gesturing NO: medium-dark skin tone","tone":4},{"emoji":"🙅🏿‍♂️","label":"man gesturing NO: dark skin tone","tone":5}]},{"emoji":"🙅‍♀️","label":"woman gesturing NO","tone":0,"skins":[{"emoji":"🙅🏻‍♀️","label":"woman gesturing NO: light skin tone","tone":1},{"emoji":"🙅🏼‍♀️","label":"woman gesturing NO: medium-light skin tone","tone":2},{"emoji":"🙅🏽‍♀️","label":"woman gesturing NO: medium skin tone","tone":3},{"emoji":"🙅🏾‍♀️","label":"woman gesturing NO: medium-dark skin tone","tone":4},{"emoji":"🙅🏿‍♀️","label":"woman gesturing NO: dark skin tone","tone":5}]},{"emoji":"🙆","label":"person gesturing OK","tone":0,"skins":[{"emoji":"🙆🏻","label":"person gesturing OK: light skin tone","tone":1},{"emoji":"🙆🏼","label":"person gesturing OK: medium-light skin tone","tone":2},{"emoji":"🙆🏽","label":"person gesturing OK: medium skin tone","tone":3},{"emoji":"🙆🏾","label":"person gesturing OK: medium-dark skin tone","tone":4},{"emoji":"🙆🏿","label":"person gesturing OK: dark skin tone","tone":5}]},{"emoji":"🙆‍♂️","label":"man gesturing OK","tone":0,"skins":[{"emoji":"🙆🏻‍♂️","label":"man gesturing OK: light skin tone","tone":1},{"emoji":"🙆🏼‍♂️","label":"man gesturing OK: medium-light skin tone","tone":2},{"emoji":"🙆🏽‍♂️","label":"man gesturing OK: medium skin tone","tone":3},{"emoji":"🙆🏾‍♂️","label":"man gesturing OK: medium-dark skin tone","tone":4},{"emoji":"🙆🏿‍♂️","label":"man gesturing OK: dark skin tone","tone":5}]},{"emoji":"🙆‍♀️","label":"woman gesturing OK","tone":0,"skins":[{"emoji":"🙆🏻‍♀️","label":"woman gesturing OK: light skin tone","tone":1},{"emoji":"🙆🏼‍♀️","label":"woman gesturing OK: medium-light skin tone","tone":2},{"emoji":"🙆🏽‍♀️","label":"woman gesturing OK: medium skin tone","tone":3},{"emoji":"🙆🏾‍♀️","label":"woman gesturing OK: medium-dark skin tone","tone":4},{"emoji":"🙆🏿‍♀️","label":"woman gesturing OK: dark skin tone","tone":5}]},{"emoji":"💁","label":"person tipping hand","tone":0,"skins":[{"emoji":"💁🏻","label":"person tipping hand: light skin tone","tone":1},{"emoji":"💁🏼","label":"person tipping hand: medium-light skin tone","tone":2},{"emoji":"💁🏽","label":"person tipping hand: medium skin tone","tone":3},{"emoji":"💁🏾","label":"person tipping hand: medium-dark skin tone","tone":4},{"emoji":"💁🏿","label":"person tipping hand: dark skin tone","tone":5}]},{"emoji":"💁‍♂️","label":"man tipping hand","tone":0,"skins":[{"emoji":"💁🏻‍♂️","label":"man tipping hand: light skin tone","tone":1},{"emoji":"💁🏼‍♂️","label":"man tipping hand: medium-light skin tone","tone":2},{"emoji":"💁🏽‍♂️","label":"man tipping hand: medium skin tone","tone":3},{"emoji":"💁🏾‍♂️","label":"man tipping hand: medium-dark skin tone","tone":4},{"emoji":"💁🏿‍♂️","label":"man tipping hand: dark skin tone","tone":5}]},{"emoji":"💁‍♀️","label":"woman tipping hand","tone":0,"skins":[{"emoji":"💁🏻‍♀️","label":"woman tipping hand: light skin tone","tone":1},{"emoji":"💁🏼‍♀️","label":"woman tipping hand: medium-light skin tone","tone":2},{"emoji":"💁🏽‍♀️","label":"woman tipping hand: medium skin tone","tone":3},{"emoji":"💁🏾‍♀️","label":"woman tipping hand: medium-dark skin tone","tone":4},{"emoji":"💁🏿‍♀️","label":"woman tipping hand: dark skin tone","tone":5}]},{"emoji":"🙋","label":"person raising hand","tone":0,"skins":[{"emoji":"🙋🏻","label":"person raising hand: light skin tone","tone":1},{"emoji":"🙋🏼","label":"person raising hand: medium-light skin tone","tone":2},{"emoji":"🙋🏽","label":"person raising hand: medium skin tone","tone":3},{"emoji":"🙋🏾","label":"person raising hand: medium-dark skin tone","tone":4},{"emoji":"🙋🏿","label":"person raising hand: dark skin tone","tone":5}]},{"emoji":"🙋‍♂️","label":"man raising hand","tone":0,"skins":[{"emoji":"🙋🏻‍♂️","label":"man raising hand: light skin tone","tone":1},{"emoji":"🙋🏼‍♂️","label":"man raising hand: medium-light skin tone","tone":2},{"emoji":"🙋🏽‍♂️","label":"man raising hand: medium skin tone","tone":3},{"emoji":"🙋🏾‍♂️","label":"man raising hand: medium-dark skin tone","tone":4},{"emoji":"🙋🏿‍♂️","label":"man raising hand: dark skin tone","tone":5}]},{"emoji":"🙋‍♀️","label":"woman raising hand","tone":0,"skins":[{"emoji":"🙋🏻‍♀️","label":"woman raising hand: light skin tone","tone":1},{"emoji":"🙋🏼‍♀️","label":"woman raising hand: medium-light skin tone","tone":2},{"emoji":"🙋🏽‍♀️","label":"woman raising hand: medium skin tone","tone":3},{"emoji":"🙋🏾‍♀️","label":"woman raising hand: medium-dark skin tone","tone":4},{"emoji":"🙋🏿‍♀️","label":"woman raising hand: dark skin tone","tone":5}]},{"emoji":"🧏","label":"deaf person","tone":0,"skins":[{"emoji":"🧏🏻","label":"deaf person: light skin tone","tone":1},{"emoji":"🧏🏼","label":"deaf person: medium-light skin tone","tone":2},{"emoji":"🧏🏽","label":"deaf person: medium skin tone","tone":3},{"emoji":"🧏🏾","label":"deaf person: medium-dark skin tone","tone":4},{"emoji":"🧏🏿","label":"deaf person: dark skin tone","tone":5}]},{"emoji":"🧏‍♂️","label":"deaf man","tone":0,"skins":[{"emoji":"🧏🏻‍♂️","label":"deaf man: light skin tone","tone":1},{"emoji":"🧏🏼‍♂️","label":"deaf man: medium-light skin tone","tone":2},{"emoji":"🧏🏽‍♂️","label":"deaf man: medium skin tone","tone":3},{"emoji":"🧏🏾‍♂️","label":"deaf man: medium-dark skin tone","tone":4},{"emoji":"🧏🏿‍♂️","label":"deaf man: dark skin tone","tone":5}]},{"emoji":"🧏‍♀️","label":"deaf woman","tone":0,"skins":[{"emoji":"🧏🏻‍♀️","label":"deaf woman: light skin tone","tone":1},{"emoji":"🧏🏼‍♀️","label":"deaf woman: medium-light skin tone","tone":2},{"emoji":"🧏🏽‍♀️","label":"deaf woman: medium skin tone","tone":3},{"emoji":"🧏🏾‍♀️","label":"deaf woman: medium-dark skin tone","tone":4},{"emoji":"🧏🏿‍♀️","label":"deaf woman: dark skin tone","tone":5}]},{"emoji":"🙇","label":"person bowing","tone":0,"skins":[{"emoji":"🙇🏻","label":"person bowing: light skin tone","tone":1},{"emoji":"🙇🏼","label":"person bowing: medium-light skin tone","tone":2},{"emoji":"🙇🏽","label":"person bowing: medium skin tone","tone":3},{"emoji":"🙇🏾","label":"person bowing: medium-dark skin tone","tone":4},{"emoji":"🙇🏿","label":"person bowing: dark skin tone","tone":5}]},{"emoji":"🙇‍♂️","label":"man bowing","tone":0,"skins":[{"emoji":"🙇🏻‍♂️","label":"man bowing: light skin tone","tone":1},{"emoji":"🙇🏼‍♂️","label":"man bowing: medium-light skin tone","tone":2},{"emoji":"🙇🏽‍♂️","label":"man bowing: medium skin tone","tone":3},{"emoji":"🙇🏾‍♂️","label":"man bowing: medium-dark skin tone","tone":4},{"emoji":"🙇🏿‍♂️","label":"man bowing: dark skin tone","tone":5}]},{"emoji":"🙇‍♀️","label":"woman bowing","tone":0,"skins":[{"emoji":"🙇🏻‍♀️","label":"woman bowing: light skin tone","tone":1},{"emoji":"🙇🏼‍♀️","label":"woman bowing: medium-light skin tone","tone":2},{"emoji":"🙇🏽‍♀️","label":"woman bowing: medium skin tone","tone":3},{"emoji":"🙇🏾‍♀️","label":"woman bowing: medium-dark skin tone","tone":4},{"emoji":"🙇🏿‍♀️","label":"woman bowing: dark skin tone","tone":5}]},{"emoji":"🤦","label":"person facepalming","tone":0,"skins":[{"emoji":"🤦🏻","label":"person facepalming: light skin tone","tone":1},{"emoji":"🤦🏼","label":"person facepalming: medium-light skin tone","tone":2},{"emoji":"🤦🏽","label":"person facepalming: medium skin tone","tone":3},{"emoji":"🤦🏾","label":"person facepalming: medium-dark skin tone","tone":4},{"emoji":"🤦🏿","label":"person facepalming: dark skin tone","tone":5}]},{"emoji":"🤦‍♂️","label":"man facepalming","tone":0,"skins":[{"emoji":"🤦🏻‍♂️","label":"man facepalming: light skin tone","tone":1},{"emoji":"🤦🏼‍♂️","label":"man facepalming: medium-light skin tone","tone":2},{"emoji":"🤦🏽‍♂️","label":"man facepalming: medium skin tone","tone":3},{"emoji":"🤦🏾‍♂️","label":"man facepalming: medium-dark skin tone","tone":4},{"emoji":"🤦🏿‍♂️","label":"man facepalming: dark skin tone","tone":5}]},{"emoji":"🤦‍♀️","label":"woman facepalming","tone":0,"skins":[{"emoji":"🤦🏻‍♀️","label":"woman facepalming: light skin tone","tone":1},{"emoji":"🤦🏼‍♀️","label":"woman facepalming: medium-light skin tone","tone":2},{"emoji":"🤦🏽‍♀️","label":"woman facepalming: medium skin tone","tone":3},{"emoji":"🤦🏾‍♀️","label":"woman facepalming: medium-dark skin tone","tone":4},{"emoji":"🤦🏿‍♀️","label":"woman facepalming: dark skin tone","tone":5}]},{"emoji":"🤷","label":"person shrugging","tone":0,"skins":[{"emoji":"🤷🏻","label":"person shrugging: light skin tone","tone":1},{"emoji":"🤷🏼","label":"person shrugging: medium-light skin tone","tone":2},{"emoji":"🤷🏽","label":"person shrugging: medium skin tone","tone":3},{"emoji":"🤷🏾","label":"person shrugging: medium-dark skin tone","tone":4},{"emoji":"🤷🏿","label":"person shrugging: dark skin tone","tone":5}]},{"emoji":"🤷‍♂️","label":"man shrugging","tone":0,"skins":[{"emoji":"🤷🏻‍♂️","label":"man shrugging: light skin tone","tone":1},{"emoji":"🤷🏼‍♂️","label":"man shrugging: medium-light skin tone","tone":2},{"emoji":"🤷🏽‍♂️","label":"man shrugging: medium skin tone","tone":3},{"emoji":"🤷🏾‍♂️","label":"man shrugging: medium-dark skin tone","tone":4},{"emoji":"🤷🏿‍♂️","label":"man shrugging: dark skin tone","tone":5}]},{"emoji":"🤷‍♀️","label":"woman shrugging","tone":0,"skins":[{"emoji":"🤷🏻‍♀️","label":"woman shrugging: light skin tone","tone":1},{"emoji":"🤷🏼‍♀️","label":"woman shrugging: medium-light skin tone","tone":2},{"emoji":"🤷🏽‍♀️","label":"woman shrugging: medium skin tone","tone":3},{"emoji":"🤷🏾‍♀️","label":"woman shrugging: medium-dark skin tone","tone":4},{"emoji":"🤷🏿‍♀️","label":"woman shrugging: dark skin tone","tone":5}]},{"emoji":"🧑‍⚕️","label":"health worker","tone":0,"skins":[{"emoji":"🧑🏻‍⚕️","label":"health worker: light skin tone","tone":1},{"emoji":"🧑🏼‍⚕️","label":"health worker: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍⚕️","label":"health worker: medium skin tone","tone":3},{"emoji":"🧑🏾‍⚕️","label":"health worker: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍⚕️","label":"health worker: dark skin tone","tone":5}]},{"emoji":"👨‍⚕️","label":"man health worker","tone":0,"skins":[{"emoji":"👨🏻‍⚕️","label":"man health worker: light skin tone","tone":1},{"emoji":"👨🏼‍⚕️","label":"man health worker: medium-light skin tone","tone":2},{"emoji":"👨🏽‍⚕️","label":"man health worker: medium skin tone","tone":3},{"emoji":"👨🏾‍⚕️","label":"man health worker: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍⚕️","label":"man health worker: dark skin tone","tone":5}]},{"emoji":"👩‍⚕️","label":"woman health worker","tone":0,"skins":[{"emoji":"👩🏻‍⚕️","label":"woman health worker: light skin tone","tone":1},{"emoji":"👩🏼‍⚕️","label":"woman health worker: medium-light skin tone","tone":2},{"emoji":"👩🏽‍⚕️","label":"woman health worker: medium skin tone","tone":3},{"emoji":"👩🏾‍⚕️","label":"woman health worker: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍⚕️","label":"woman health worker: dark skin tone","tone":5}]},{"emoji":"🧑‍🎓","label":"student","tone":0,"skins":[{"emoji":"🧑🏻‍🎓","label":"student: light skin tone","tone":1},{"emoji":"🧑🏼‍🎓","label":"student: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍🎓","label":"student: medium skin tone","tone":3},{"emoji":"🧑🏾‍🎓","label":"student: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍🎓","label":"student: dark skin tone","tone":5}]},{"emoji":"👨‍🎓","label":"man student","tone":0,"skins":[{"emoji":"👨🏻‍🎓","label":"man student: light skin tone","tone":1},{"emoji":"👨🏼‍🎓","label":"man student: medium-light skin tone","tone":2},{"emoji":"👨🏽‍🎓","label":"man student: medium skin tone","tone":3},{"emoji":"👨🏾‍🎓","label":"man student: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍🎓","label":"man student: dark skin tone","tone":5}]},{"emoji":"👩‍🎓","label":"woman student","tone":0,"skins":[{"emoji":"👩🏻‍🎓","label":"woman student: light skin tone","tone":1},{"emoji":"👩🏼‍🎓","label":"woman student: medium-light skin tone","tone":2},{"emoji":"👩🏽‍🎓","label":"woman student: medium skin tone","tone":3},{"emoji":"👩🏾‍🎓","label":"woman student: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍🎓","label":"woman student: dark skin tone","tone":5}]},{"emoji":"🧑‍🏫","label":"teacher","tone":0,"skins":[{"emoji":"🧑🏻‍🏫","label":"teacher: light skin tone","tone":1},{"emoji":"🧑🏼‍🏫","label":"teacher: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍🏫","label":"teacher: medium skin tone","tone":3},{"emoji":"🧑🏾‍🏫","label":"teacher: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍🏫","label":"teacher: dark skin tone","tone":5}]},{"emoji":"👨‍🏫","label":"man teacher","tone":0,"skins":[{"emoji":"👨🏻‍🏫","label":"man teacher: light skin tone","tone":1},{"emoji":"👨🏼‍🏫","label":"man teacher: medium-light skin tone","tone":2},{"emoji":"👨🏽‍🏫","label":"man teacher: medium skin tone","tone":3},{"emoji":"👨🏾‍🏫","label":"man teacher: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍🏫","label":"man teacher: dark skin tone","tone":5}]},{"emoji":"👩‍🏫","label":"woman teacher","tone":0,"skins":[{"emoji":"👩🏻‍🏫","label":"woman teacher: light skin tone","tone":1},{"emoji":"👩🏼‍🏫","label":"woman teacher: medium-light skin tone","tone":2},{"emoji":"👩🏽‍🏫","label":"woman teacher: medium skin tone","tone":3},{"emoji":"👩🏾‍🏫","label":"woman teacher: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍🏫","label":"woman teacher: dark skin tone","tone":5}]},{"emoji":"🧑‍⚖️","label":"judge","tone":0,"skins":[{"emoji":"🧑🏻‍⚖️","label":"judge: light skin tone","tone":1},{"emoji":"🧑🏼‍⚖️","label":"judge: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍⚖️","label":"judge: medium skin tone","tone":3},{"emoji":"🧑🏾‍⚖️","label":"judge: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍⚖️","label":"judge: dark skin tone","tone":5}]},{"emoji":"👨‍⚖️","label":"man judge","tone":0,"skins":[{"emoji":"👨🏻‍⚖️","label":"man judge: light skin tone","tone":1},{"emoji":"👨🏼‍⚖️","label":"man judge: medium-light skin tone","tone":2},{"emoji":"👨🏽‍⚖️","label":"man judge: medium skin tone","tone":3},{"emoji":"👨🏾‍⚖️","label":"man judge: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍⚖️","label":"man judge: dark skin tone","tone":5}]},{"emoji":"👩‍⚖️","label":"woman judge","tone":0,"skins":[{"emoji":"👩🏻‍⚖️","label":"woman judge: light skin tone","tone":1},{"emoji":"👩🏼‍⚖️","label":"woman judge: medium-light skin tone","tone":2},{"emoji":"👩🏽‍⚖️","label":"woman judge: medium skin tone","tone":3},{"emoji":"👩🏾‍⚖️","label":"woman judge: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍⚖️","label":"woman judge: dark skin tone","tone":5}]},{"emoji":"🧑‍🌾","label":"farmer","tone":0,"skins":[{"emoji":"🧑🏻‍🌾","label":"farmer: light skin tone","tone":1},{"emoji":"🧑🏼‍🌾","label":"farmer: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍🌾","label":"farmer: medium skin tone","tone":3},{"emoji":"🧑🏾‍🌾","label":"farmer: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍🌾","label":"farmer: dark skin tone","tone":5}]},{"emoji":"👨‍🌾","label":"man farmer","tone":0,"skins":[{"emoji":"👨🏻‍🌾","label":"man farmer: light skin tone","tone":1},{"emoji":"👨🏼‍🌾","label":"man farmer: medium-light skin tone","tone":2},{"emoji":"👨🏽‍🌾","label":"man farmer: medium skin tone","tone":3},{"emoji":"👨🏾‍🌾","label":"man farmer: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍🌾","label":"man farmer: dark skin tone","tone":5}]},{"emoji":"👩‍🌾","label":"woman farmer","tone":0,"skins":[{"emoji":"👩🏻‍🌾","label":"woman farmer: light skin tone","tone":1},{"emoji":"👩🏼‍🌾","label":"woman farmer: medium-light skin tone","tone":2},{"emoji":"👩🏽‍🌾","label":"woman farmer: medium skin tone","tone":3},{"emoji":"👩🏾‍🌾","label":"woman farmer: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍🌾","label":"woman farmer: dark skin tone","tone":5}]},{"emoji":"🧑‍🍳","label":"cook","tone":0,"skins":[{"emoji":"🧑🏻‍🍳","label":"cook: light skin tone","tone":1},{"emoji":"🧑🏼‍🍳","label":"cook: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍🍳","label":"cook: medium skin tone","tone":3},{"emoji":"🧑🏾‍🍳","label":"cook: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍🍳","label":"cook: dark skin tone","tone":5}]},{"emoji":"👨‍🍳","label":"man cook","tone":0,"skins":[{"emoji":"👨🏻‍🍳","label":"man cook: light skin tone","tone":1},{"emoji":"👨🏼‍🍳","label":"man cook: medium-light skin tone","tone":2},{"emoji":"👨🏽‍🍳","label":"man cook: medium skin tone","tone":3},{"emoji":"👨🏾‍🍳","label":"man cook: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍🍳","label":"man cook: dark skin tone","tone":5}]},{"emoji":"👩‍🍳","label":"woman cook","tone":0,"skins":[{"emoji":"👩🏻‍🍳","label":"woman cook: light skin tone","tone":1},{"emoji":"👩🏼‍🍳","label":"woman cook: medium-light skin tone","tone":2},{"emoji":"👩🏽‍🍳","label":"woman cook: medium skin tone","tone":3},{"emoji":"👩🏾‍🍳","label":"woman cook: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍🍳","label":"woman cook: dark skin tone","tone":5}]},{"emoji":"🧑‍🔧","label":"mechanic","tone":0,"skins":[{"emoji":"🧑🏻‍🔧","label":"mechanic: light skin tone","tone":1},{"emoji":"🧑🏼‍🔧","label":"mechanic: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍🔧","label":"mechanic: medium skin tone","tone":3},{"emoji":"🧑🏾‍🔧","label":"mechanic: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍🔧","label":"mechanic: dark skin tone","tone":5}]},{"emoji":"👨‍🔧","label":"man mechanic","tone":0,"skins":[{"emoji":"👨🏻‍🔧","label":"man mechanic: light skin tone","tone":1},{"emoji":"👨🏼‍🔧","label":"man mechanic: medium-light skin tone","tone":2},{"emoji":"👨🏽‍🔧","label":"man mechanic: medium skin tone","tone":3},{"emoji":"👨🏾‍🔧","label":"man mechanic: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍🔧","label":"man mechanic: dark skin tone","tone":5}]},{"emoji":"👩‍🔧","label":"woman mechanic","tone":0,"skins":[{"emoji":"👩🏻‍🔧","label":"woman mechanic: light skin tone","tone":1},{"emoji":"👩🏼‍🔧","label":"woman mechanic: medium-light skin tone","tone":2},{"emoji":"👩🏽‍🔧","label":"woman mechanic: medium skin tone","tone":3},{"emoji":"👩🏾‍🔧","label":"woman mechanic: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍🔧","label":"woman mechanic: dark skin tone","tone":5}]},{"emoji":"🧑‍🏭","label":"factory worker","tone":0,"skins":[{"emoji":"🧑🏻‍🏭","label":"factory worker: light skin tone","tone":1},{"emoji":"🧑🏼‍🏭","label":"factory worker: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍🏭","label":"factory worker: medium skin tone","tone":3},{"emoji":"🧑🏾‍🏭","label":"factory worker: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍🏭","label":"factory worker: dark skin tone","tone":5}]},{"emoji":"👨‍🏭","label":"man factory worker","tone":0,"skins":[{"emoji":"👨🏻‍🏭","label":"man factory worker: light skin tone","tone":1},{"emoji":"👨🏼‍🏭","label":"man factory worker: medium-light skin tone","tone":2},{"emoji":"👨🏽‍🏭","label":"man factory worker: medium skin tone","tone":3},{"emoji":"👨🏾‍🏭","label":"man factory worker: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍🏭","label":"man factory worker: dark skin tone","tone":5}]},{"emoji":"👩‍🏭","label":"woman factory worker","tone":0,"skins":[{"emoji":"👩🏻‍🏭","label":"woman factory worker: light skin tone","tone":1},{"emoji":"👩🏼‍🏭","label":"woman factory worker: medium-light skin tone","tone":2},{"emoji":"👩🏽‍🏭","label":"woman factory worker: medium skin tone","tone":3},{"emoji":"👩🏾‍🏭","label":"woman factory worker: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍🏭","label":"woman factory worker: dark skin tone","tone":5}]},{"emoji":"🧑‍💼","label":"office worker","tone":0,"skins":[{"emoji":"🧑🏻‍💼","label":"office worker: light skin tone","tone":1},{"emoji":"🧑🏼‍💼","label":"office worker: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍💼","label":"office worker: medium skin tone","tone":3},{"emoji":"🧑🏾‍💼","label":"office worker: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍💼","label":"office worker: dark skin tone","tone":5}]},{"emoji":"👨‍💼","label":"man office worker","tone":0,"skins":[{"emoji":"👨🏻‍💼","label":"man office worker: light skin tone","tone":1},{"emoji":"👨🏼‍💼","label":"man office worker: medium-light skin tone","tone":2},{"emoji":"👨🏽‍💼","label":"man office worker: medium skin tone","tone":3},{"emoji":"👨🏾‍💼","label":"man office worker: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍💼","label":"man office worker: dark skin tone","tone":5}]},{"emoji":"👩‍💼","label":"woman office worker","tone":0,"skins":[{"emoji":"👩🏻‍💼","label":"woman office worker: light skin tone","tone":1},{"emoji":"👩🏼‍💼","label":"woman office worker: medium-light skin tone","tone":2},{"emoji":"👩🏽‍💼","label":"woman office worker: medium skin tone","tone":3},{"emoji":"👩🏾‍💼","label":"woman office worker: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍💼","label":"woman office worker: dark skin tone","tone":5}]},{"emoji":"🧑‍🔬","label":"scientist","tone":0,"skins":[{"emoji":"🧑🏻‍🔬","label":"scientist: light skin tone","tone":1},{"emoji":"🧑🏼‍🔬","label":"scientist: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍🔬","label":"scientist: medium skin tone","tone":3},{"emoji":"🧑🏾‍🔬","label":"scientist: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍🔬","label":"scientist: dark skin tone","tone":5}]},{"emoji":"👨‍🔬","label":"man scientist","tone":0,"skins":[{"emoji":"👨🏻‍🔬","label":"man scientist: light skin tone","tone":1},{"emoji":"👨🏼‍🔬","label":"man scientist: medium-light skin tone","tone":2},{"emoji":"👨🏽‍🔬","label":"man scientist: medium skin tone","tone":3},{"emoji":"👨🏾‍🔬","label":"man scientist: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍🔬","label":"man scientist: dark skin tone","tone":5}]},{"emoji":"👩‍🔬","label":"woman scientist","tone":0,"skins":[{"emoji":"👩🏻‍🔬","label":"woman scientist: light skin tone","tone":1},{"emoji":"👩🏼‍🔬","label":"woman scientist: medium-light skin tone","tone":2},{"emoji":"👩🏽‍🔬","label":"woman scientist: medium skin tone","tone":3},{"emoji":"👩🏾‍🔬","label":"woman scientist: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍🔬","label":"woman scientist: dark skin tone","tone":5}]},{"emoji":"🧑‍💻","label":"technologist","tone":0,"skins":[{"emoji":"🧑🏻‍💻","label":"technologist: light skin tone","tone":1},{"emoji":"🧑🏼‍💻","label":"technologist: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍💻","label":"technologist: medium skin tone","tone":3},{"emoji":"🧑🏾‍💻","label":"technologist: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍💻","label":"technologist: dark skin tone","tone":5}]},{"emoji":"👨‍💻","label":"man technologist","tone":0,"skins":[{"emoji":"👨🏻‍💻","label":"man technologist: light skin tone","tone":1},{"emoji":"👨🏼‍💻","label":"man technologist: medium-light skin tone","tone":2},{"emoji":"👨🏽‍💻","label":"man technologist: medium skin tone","tone":3},{"emoji":"👨🏾‍💻","label":"man technologist: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍💻","label":"man technologist: dark skin tone","tone":5}]},{"emoji":"👩‍💻","label":"woman technologist","tone":0,"skins":[{"emoji":"👩🏻‍💻","label":"woman technologist: light skin tone","tone":1},{"emoji":"👩🏼‍💻","label":"woman technologist: medium-light skin tone","tone":2},{"emoji":"👩🏽‍💻","label":"woman technologist: medium skin tone","tone":3},{"emoji":"👩🏾‍💻","label":"woman technologist: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍💻","label":"woman technologist: dark skin tone","tone":5}]},{"emoji":"🧑‍🎤","label":"singer","tone":0,"skins":[{"emoji":"🧑🏻‍🎤","label":"singer: light skin tone","tone":1},{"emoji":"🧑🏼‍🎤","label":"singer: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍🎤","label":"singer: medium skin tone","tone":3},{"emoji":"🧑🏾‍🎤","label":"singer: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍🎤","label":"singer: dark skin tone","tone":5}]},{"emoji":"👨‍🎤","label":"man singer","tone":0,"skins":[{"emoji":"👨🏻‍🎤","label":"man singer: light skin tone","tone":1},{"emoji":"👨🏼‍🎤","label":"man singer: medium-light skin tone","tone":2},{"emoji":"👨🏽‍🎤","label":"man singer: medium skin tone","tone":3},{"emoji":"👨🏾‍🎤","label":"man singer: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍🎤","label":"man singer: dark skin tone","tone":5}]},{"emoji":"👩‍🎤","label":"woman singer","tone":0,"skins":[{"emoji":"👩🏻‍🎤","label":"woman singer: light skin tone","tone":1},{"emoji":"👩🏼‍🎤","label":"woman singer: medium-light skin tone","tone":2},{"emoji":"👩🏽‍🎤","label":"woman singer: medium skin tone","tone":3},{"emoji":"👩🏾‍🎤","label":"woman singer: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍🎤","label":"woman singer: dark skin tone","tone":5}]},{"emoji":"🧑‍🎨","label":"artist","tone":0,"skins":[{"emoji":"🧑🏻‍🎨","label":"artist: light skin tone","tone":1},{"emoji":"🧑🏼‍🎨","label":"artist: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍🎨","label":"artist: medium skin tone","tone":3},{"emoji":"🧑🏾‍🎨","label":"artist: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍🎨","label":"artist: dark skin tone","tone":5}]},{"emoji":"👨‍🎨","label":"man artist","tone":0,"skins":[{"emoji":"👨🏻‍🎨","label":"man artist: light skin tone","tone":1},{"emoji":"👨🏼‍🎨","label":"man artist: medium-light skin tone","tone":2},{"emoji":"👨🏽‍🎨","label":"man artist: medium skin tone","tone":3},{"emoji":"👨🏾‍🎨","label":"man artist: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍🎨","label":"man artist: dark skin tone","tone":5}]},{"emoji":"👩‍🎨","label":"woman artist","tone":0,"skins":[{"emoji":"👩🏻‍🎨","label":"woman artist: light skin tone","tone":1},{"emoji":"👩🏼‍🎨","label":"woman artist: medium-light skin tone","tone":2},{"emoji":"👩🏽‍🎨","label":"woman artist: medium skin tone","tone":3},{"emoji":"👩🏾‍🎨","label":"woman artist: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍🎨","label":"woman artist: dark skin tone","tone":5}]},{"emoji":"🧑‍✈️","label":"pilot","tone":0,"skins":[{"emoji":"🧑🏻‍✈️","label":"pilot: light skin tone","tone":1},{"emoji":"🧑🏼‍✈️","label":"pilot: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍✈️","label":"pilot: medium skin tone","tone":3},{"emoji":"🧑🏾‍✈️","label":"pilot: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍✈️","label":"pilot: dark skin tone","tone":5}]},{"emoji":"👨‍✈️","label":"man pilot","tone":0,"skins":[{"emoji":"👨🏻‍✈️","label":"man pilot: light skin tone","tone":1},{"emoji":"👨🏼‍✈️","label":"man pilot: medium-light skin tone","tone":2},{"emoji":"👨🏽‍✈️","label":"man pilot: medium skin tone","tone":3},{"emoji":"👨🏾‍✈️","label":"man pilot: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍✈️","label":"man pilot: dark skin tone","tone":5}]},{"emoji":"👩‍✈️","label":"woman pilot","tone":0,"skins":[{"emoji":"👩🏻‍✈️","label":"woman pilot: light skin tone","tone":1},{"emoji":"👩🏼‍✈️","label":"woman pilot: medium-light skin tone","tone":2},{"emoji":"👩🏽‍✈️","label":"woman pilot: medium skin tone","tone":3},{"emoji":"👩🏾‍✈️","label":"woman pilot: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍✈️","label":"woman pilot: dark skin tone","tone":5}]},{"emoji":"🧑‍🚀","label":"astronaut","tone":0,"skins":[{"emoji":"🧑🏻‍🚀","label":"astronaut: light skin tone","tone":1},{"emoji":"🧑🏼‍🚀","label":"astronaut: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍🚀","label":"astronaut: medium skin tone","tone":3},{"emoji":"🧑🏾‍🚀","label":"astronaut: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍🚀","label":"astronaut: dark skin tone","tone":5}]},{"emoji":"👨‍🚀","label":"man astronaut","tone":0,"skins":[{"emoji":"👨🏻‍🚀","label":"man astronaut: light skin tone","tone":1},{"emoji":"👨🏼‍🚀","label":"man astronaut: medium-light skin tone","tone":2},{"emoji":"👨🏽‍🚀","label":"man astronaut: medium skin tone","tone":3},{"emoji":"👨🏾‍🚀","label":"man astronaut: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍🚀","label":"man astronaut: dark skin tone","tone":5}]},{"emoji":"👩‍🚀","label":"woman astronaut","tone":0,"skins":[{"emoji":"👩🏻‍🚀","label":"woman astronaut: light skin tone","tone":1},{"emoji":"👩🏼‍🚀","label":"woman astronaut: medium-light skin tone","tone":2},{"emoji":"👩🏽‍🚀","label":"woman astronaut: medium skin tone","tone":3},{"emoji":"👩🏾‍🚀","label":"woman astronaut: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍🚀","label":"woman astronaut: dark skin tone","tone":5}]},{"emoji":"🧑‍🚒","label":"firefighter","tone":0,"skins":[{"emoji":"🧑🏻‍🚒","label":"firefighter: light skin tone","tone":1},{"emoji":"🧑🏼‍🚒","label":"firefighter: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍🚒","label":"firefighter: medium skin tone","tone":3},{"emoji":"🧑🏾‍🚒","label":"firefighter: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍🚒","label":"firefighter: dark skin tone","tone":5}]},{"emoji":"👨‍🚒","label":"man firefighter","tone":0,"skins":[{"emoji":"👨🏻‍🚒","label":"man firefighter: light skin tone","tone":1},{"emoji":"👨🏼‍🚒","label":"man firefighter: medium-light skin tone","tone":2},{"emoji":"👨🏽‍🚒","label":"man firefighter: medium skin tone","tone":3},{"emoji":"👨🏾‍🚒","label":"man firefighter: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍🚒","label":"man firefighter: dark skin tone","tone":5}]},{"emoji":"👩‍🚒","label":"woman firefighter","tone":0,"skins":[{"emoji":"👩🏻‍🚒","label":"woman firefighter: light skin tone","tone":1},{"emoji":"👩🏼‍🚒","label":"woman firefighter: medium-light skin tone","tone":2},{"emoji":"👩🏽‍🚒","label":"woman firefighter: medium skin tone","tone":3},{"emoji":"👩🏾‍🚒","label":"woman firefighter: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍🚒","label":"woman firefighter: dark skin tone","tone":5}]},{"emoji":"👮","label":"police officer","tone":0,"skins":[{"emoji":"👮🏻","label":"police officer: light skin tone","tone":1},{"emoji":"👮🏼","label":"police officer: medium-light skin tone","tone":2},{"emoji":"👮🏽","label":"police officer: medium skin tone","tone":3},{"emoji":"👮🏾","label":"police officer: medium-dark skin tone","tone":4},{"emoji":"👮🏿","label":"police officer: dark skin tone","tone":5}]},{"emoji":"👮‍♂️","label":"man police officer","tone":0,"skins":[{"emoji":"👮🏻‍♂️","label":"man police officer: light skin tone","tone":1},{"emoji":"👮🏼‍♂️","label":"man police officer: medium-light skin tone","tone":2},{"emoji":"👮🏽‍♂️","label":"man police officer: medium skin tone","tone":3},{"emoji":"👮🏾‍♂️","label":"man police officer: medium-dark skin tone","tone":4},{"emoji":"👮🏿‍♂️","label":"man police officer: dark skin tone","tone":5}]},{"emoji":"👮‍♀️","label":"woman police officer","tone":0,"skins":[{"emoji":"👮🏻‍♀️","label":"woman police officer: light skin tone","tone":1},{"emoji":"👮🏼‍♀️","label":"woman police officer: medium-light skin tone","tone":2},{"emoji":"👮🏽‍♀️","label":"woman police officer: medium skin tone","tone":3},{"emoji":"👮🏾‍♀️","label":"woman police officer: medium-dark skin tone","tone":4},{"emoji":"👮🏿‍♀️","label":"woman police officer: dark skin tone","tone":5}]},{"emoji":"🕵️","label":"detective","tone":0,"skins":[{"emoji":"🕵🏻","label":"detective: light skin tone","tone":1},{"emoji":"🕵🏼","label":"detective: medium-light skin tone","tone":2},{"emoji":"🕵🏽","label":"detective: medium skin tone","tone":3},{"emoji":"🕵🏾","label":"detective: medium-dark skin tone","tone":4},{"emoji":"🕵🏿","label":"detective: dark skin tone","tone":5}]},{"emoji":"🕵️‍♂️","label":"man detective","tone":0,"skins":[{"emoji":"🕵🏻‍♂️","label":"man detective: light skin tone","tone":1},{"emoji":"🕵🏼‍♂️","label":"man detective: medium-light skin tone","tone":2},{"emoji":"🕵🏽‍♂️","label":"man detective: medium skin tone","tone":3},{"emoji":"🕵🏾‍♂️","label":"man detective: medium-dark skin tone","tone":4},{"emoji":"🕵🏿‍♂️","label":"man detective: dark skin tone","tone":5}]},{"emoji":"🕵️‍♀️","label":"woman detective","tone":0,"skins":[{"emoji":"🕵🏻‍♀️","label":"woman detective: light skin tone","tone":1},{"emoji":"🕵🏼‍♀️","label":"woman detective: medium-light skin tone","tone":2},{"emoji":"🕵🏽‍♀️","label":"woman detective: medium skin tone","tone":3},{"emoji":"🕵🏾‍♀️","label":"woman detective: medium-dark skin tone","tone":4},{"emoji":"🕵🏿‍♀️","label":"woman detective: dark skin tone","tone":5}]},{"emoji":"💂","label":"guard","tone":0,"skins":[{"emoji":"💂🏻","label":"guard: light skin tone","tone":1},{"emoji":"💂🏼","label":"guard: medium-light skin tone","tone":2},{"emoji":"💂🏽","label":"guard: medium skin tone","tone":3},{"emoji":"💂🏾","label":"guard: medium-dark skin tone","tone":4},{"emoji":"💂🏿","label":"guard: dark skin tone","tone":5}]},{"emoji":"💂‍♂️","label":"man guard","tone":0,"skins":[{"emoji":"💂🏻‍♂️","label":"man guard: light skin tone","tone":1},{"emoji":"💂🏼‍♂️","label":"man guard: medium-light skin tone","tone":2},{"emoji":"💂🏽‍♂️","label":"man guard: medium skin tone","tone":3},{"emoji":"💂🏾‍♂️","label":"man guard: medium-dark skin tone","tone":4},{"emoji":"💂🏿‍♂️","label":"man guard: dark skin tone","tone":5}]},{"emoji":"💂‍♀️","label":"woman guard","tone":0,"skins":[{"emoji":"💂🏻‍♀️","label":"woman guard: light skin tone","tone":1},{"emoji":"💂🏼‍♀️","label":"woman guard: medium-light skin tone","tone":2},{"emoji":"💂🏽‍♀️","label":"woman guard: medium skin tone","tone":3},{"emoji":"💂🏾‍♀️","label":"woman guard: medium-dark skin tone","tone":4},{"emoji":"💂🏿‍♀️","label":"woman guard: dark skin tone","tone":5}]},{"emoji":"🥷","label":"ninja","tone":0,"skins":[{"emoji":"🥷🏻","label":"ninja: light skin tone","tone":1},{"emoji":"🥷🏼","label":"ninja: medium-light skin tone","tone":2},{"emoji":"🥷🏽","label":"ninja: medium skin tone","tone":3},{"emoji":"🥷🏾","label":"ninja: medium-dark skin tone","tone":4},{"emoji":"🥷🏿","label":"ninja: dark skin tone","tone":5}]},{"emoji":"👷","label":"construction worker","tone":0,"skins":[{"emoji":"👷🏻","label":"construction worker: light skin tone","tone":1},{"emoji":"👷🏼","label":"construction worker: medium-light skin tone","tone":2},{"emoji":"👷🏽","label":"construction worker: medium skin tone","tone":3},{"emoji":"👷🏾","label":"construction worker: medium-dark skin tone","tone":4},{"emoji":"👷🏿","label":"construction worker: dark skin tone","tone":5}]},{"emoji":"👷‍♂️","label":"man construction worker","tone":0,"skins":[{"emoji":"👷🏻‍♂️","label":"man construction worker: light skin tone","tone":1},{"emoji":"👷🏼‍♂️","label":"man construction worker: medium-light skin tone","tone":2},{"emoji":"👷🏽‍♂️","label":"man construction worker: medium skin tone","tone":3},{"emoji":"👷🏾‍♂️","label":"man construction worker: medium-dark skin tone","tone":4},{"emoji":"👷🏿‍♂️","label":"man construction worker: dark skin tone","tone":5}]},{"emoji":"👷‍♀️","label":"woman construction worker","tone":0,"skins":[{"emoji":"👷🏻‍♀️","label":"woman construction worker: light skin tone","tone":1},{"emoji":"👷🏼‍♀️","label":"woman construction worker: medium-light skin tone","tone":2},{"emoji":"👷🏽‍♀️","label":"woman construction worker: medium skin tone","tone":3},{"emoji":"👷🏾‍♀️","label":"woman construction worker: medium-dark skin tone","tone":4},{"emoji":"👷🏿‍♀️","label":"woman construction worker: dark skin tone","tone":5}]},{"emoji":"🤴","label":"prince","tone":0,"skins":[{"emoji":"🤴🏻","label":"prince: light skin tone","tone":1},{"emoji":"🤴🏼","label":"prince: medium-light skin tone","tone":2},{"emoji":"🤴🏽","label":"prince: medium skin tone","tone":3},{"emoji":"🤴🏾","label":"prince: medium-dark skin tone","tone":4},{"emoji":"🤴🏿","label":"prince: dark skin tone","tone":5}]},{"emoji":"👸","label":"princess","tone":0,"skins":[{"emoji":"👸🏻","label":"princess: light skin tone","tone":1},{"emoji":"👸🏼","label":"princess: medium-light skin tone","tone":2},{"emoji":"👸🏽","label":"princess: medium skin tone","tone":3},{"emoji":"👸🏾","label":"princess: medium-dark skin tone","tone":4},{"emoji":"👸🏿","label":"princess: dark skin tone","tone":5}]},{"emoji":"👳","label":"person wearing turban","tone":0,"skins":[{"emoji":"👳🏻","label":"person wearing turban: light skin tone","tone":1},{"emoji":"👳🏼","label":"person wearing turban: medium-light skin tone","tone":2},{"emoji":"👳🏽","label":"person wearing turban: medium skin tone","tone":3},{"emoji":"👳🏾","label":"person wearing turban: medium-dark skin tone","tone":4},{"emoji":"👳🏿","label":"person wearing turban: dark skin tone","tone":5}]},{"emoji":"👳‍♂️","label":"man wearing turban","tone":0,"skins":[{"emoji":"👳🏻‍♂️","label":"man wearing turban: light skin tone","tone":1},{"emoji":"👳🏼‍♂️","label":"man wearing turban: medium-light skin tone","tone":2},{"emoji":"👳🏽‍♂️","label":"man wearing turban: medium skin tone","tone":3},{"emoji":"👳🏾‍♂️","label":"man wearing turban: medium-dark skin tone","tone":4},{"emoji":"👳🏿‍♂️","label":"man wearing turban: dark skin tone","tone":5}]},{"emoji":"👳‍♀️","label":"woman wearing turban","tone":0,"skins":[{"emoji":"👳🏻‍♀️","label":"woman wearing turban: light skin tone","tone":1},{"emoji":"👳🏼‍♀️","label":"woman wearing turban: medium-light skin tone","tone":2},{"emoji":"👳🏽‍♀️","label":"woman wearing turban: medium skin tone","tone":3},{"emoji":"👳🏾‍♀️","label":"woman wearing turban: medium-dark skin tone","tone":4},{"emoji":"👳🏿‍♀️","label":"woman wearing turban: dark skin tone","tone":5}]},{"emoji":"👲","label":"person with skullcap","tone":0,"skins":[{"emoji":"👲🏻","label":"person with skullcap: light skin tone","tone":1},{"emoji":"👲🏼","label":"person with skullcap: medium-light skin tone","tone":2},{"emoji":"👲🏽","label":"person with skullcap: medium skin tone","tone":3},{"emoji":"👲🏾","label":"person with skullcap: medium-dark skin tone","tone":4},{"emoji":"👲🏿","label":"person with skullcap: dark skin tone","tone":5}]},{"emoji":"🧕","label":"woman with headscarf","tone":0,"skins":[{"emoji":"🧕🏻","label":"woman with headscarf: light skin tone","tone":1},{"emoji":"🧕🏼","label":"woman with headscarf: medium-light skin tone","tone":2},{"emoji":"🧕🏽","label":"woman with headscarf: medium skin tone","tone":3},{"emoji":"🧕🏾","label":"woman with headscarf: medium-dark skin tone","tone":4},{"emoji":"🧕🏿","label":"woman with headscarf: dark skin tone","tone":5}]},{"emoji":"🤵","label":"person in tuxedo","tone":0,"skins":[{"emoji":"🤵🏻","label":"person in tuxedo: light skin tone","tone":1},{"emoji":"🤵🏼","label":"person in tuxedo: medium-light skin tone","tone":2},{"emoji":"🤵🏽","label":"person in tuxedo: medium skin tone","tone":3},{"emoji":"🤵🏾","label":"person in tuxedo: medium-dark skin tone","tone":4},{"emoji":"🤵🏿","label":"person in tuxedo: dark skin tone","tone":5}]},{"emoji":"🤵‍♂️","label":"man in tuxedo","tone":0,"skins":[{"emoji":"🤵🏻‍♂️","label":"man in tuxedo: light skin tone","tone":1},{"emoji":"🤵🏼‍♂️","label":"man in tuxedo: medium-light skin tone","tone":2},{"emoji":"🤵🏽‍♂️","label":"man in tuxedo: medium skin tone","tone":3},{"emoji":"🤵🏾‍♂️","label":"man in tuxedo: medium-dark skin tone","tone":4},{"emoji":"🤵🏿‍♂️","label":"man in tuxedo: dark skin tone","tone":5}]},{"emoji":"🤵‍♀️","label":"woman in tuxedo","tone":0,"skins":[{"emoji":"🤵🏻‍♀️","label":"woman in tuxedo: light skin tone","tone":1},{"emoji":"🤵🏼‍♀️","label":"woman in tuxedo: medium-light skin tone","tone":2},{"emoji":"🤵🏽‍♀️","label":"woman in tuxedo: medium skin tone","tone":3},{"emoji":"🤵🏾‍♀️","label":"woman in tuxedo: medium-dark skin tone","tone":4},{"emoji":"🤵🏿‍♀️","label":"woman in tuxedo: dark skin tone","tone":5}]},{"emoji":"👰","label":"person with veil","tone":0,"skins":[{"emoji":"👰🏻","label":"person with veil: light skin tone","tone":1},{"emoji":"👰🏼","label":"person with veil: medium-light skin tone","tone":2},{"emoji":"👰🏽","label":"person with veil: medium skin tone","tone":3},{"emoji":"👰🏾","label":"person with veil: medium-dark skin tone","tone":4},{"emoji":"👰🏿","label":"person with veil: dark skin tone","tone":5}]},{"emoji":"👰‍♂️","label":"man with veil","tone":0,"skins":[{"emoji":"👰🏻‍♂️","label":"man with veil: light skin tone","tone":1},{"emoji":"👰🏼‍♂️","label":"man with veil: medium-light skin tone","tone":2},{"emoji":"👰🏽‍♂️","label":"man with veil: medium skin tone","tone":3},{"emoji":"👰🏾‍♂️","label":"man with veil: medium-dark skin tone","tone":4},{"emoji":"👰🏿‍♂️","label":"man with veil: dark skin tone","tone":5}]},{"emoji":"👰‍♀️","label":"woman with veil","tone":0,"skins":[{"emoji":"👰🏻‍♀️","label":"woman with veil: light skin tone","tone":1},{"emoji":"👰🏼‍♀️","label":"woman with veil: medium-light skin tone","tone":2},{"emoji":"👰🏽‍♀️","label":"woman with veil: medium skin tone","tone":3},{"emoji":"👰🏾‍♀️","label":"woman with veil: medium-dark skin tone","tone":4},{"emoji":"👰🏿‍♀️","label":"woman with veil: dark skin tone","tone":5}]},{"emoji":"🤰","label":"pregnant woman","tone":0,"skins":[{"emoji":"🤰🏻","label":"pregnant woman: light skin tone","tone":1},{"emoji":"🤰🏼","label":"pregnant woman: medium-light skin tone","tone":2},{"emoji":"🤰🏽","label":"pregnant woman: medium skin tone","tone":3},{"emoji":"🤰🏾","label":"pregnant woman: medium-dark skin tone","tone":4},{"emoji":"🤰🏿","label":"pregnant woman: dark skin tone","tone":5}]},{"emoji":"🤱","label":"breast-feeding","tone":0,"skins":[{"emoji":"🤱🏻","label":"breast-feeding: light skin tone","tone":1},{"emoji":"🤱🏼","label":"breast-feeding: medium-light skin tone","tone":2},{"emoji":"🤱🏽","label":"breast-feeding: medium skin tone","tone":3},{"emoji":"🤱🏾","label":"breast-feeding: medium-dark skin tone","tone":4},{"emoji":"🤱🏿","label":"breast-feeding: dark skin tone","tone":5}]},{"emoji":"👩‍🍼","label":"woman feeding baby","tone":0,"skins":[{"emoji":"👩🏻‍🍼","label":"woman feeding baby: light skin tone","tone":1},{"emoji":"👩🏼‍🍼","label":"woman feeding baby: medium-light skin tone","tone":2},{"emoji":"👩🏽‍🍼","label":"woman feeding baby: medium skin tone","tone":3},{"emoji":"👩🏾‍🍼","label":"woman feeding baby: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍🍼","label":"woman feeding baby: dark skin tone","tone":5}]},{"emoji":"👨‍🍼","label":"man feeding baby","tone":0,"skins":[{"emoji":"👨🏻‍🍼","label":"man feeding baby: light skin tone","tone":1},{"emoji":"👨🏼‍🍼","label":"man feeding baby: medium-light skin tone","tone":2},{"emoji":"👨🏽‍🍼","label":"man feeding baby: medium skin tone","tone":3},{"emoji":"👨🏾‍🍼","label":"man feeding baby: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍🍼","label":"man feeding baby: dark skin tone","tone":5}]},{"emoji":"🧑‍🍼","label":"person feeding baby","tone":0,"skins":[{"emoji":"🧑🏻‍🍼","label":"person feeding baby: light skin tone","tone":1},{"emoji":"🧑🏼‍🍼","label":"person feeding baby: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍🍼","label":"person feeding baby: medium skin tone","tone":3},{"emoji":"🧑🏾‍🍼","label":"person feeding baby: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍🍼","label":"person feeding baby: dark skin tone","tone":5}]},{"emoji":"👼","label":"baby angel","tone":0,"skins":[{"emoji":"👼🏻","label":"baby angel: light skin tone","tone":1},{"emoji":"👼🏼","label":"baby angel: medium-light skin tone","tone":2},{"emoji":"👼🏽","label":"baby angel: medium skin tone","tone":3},{"emoji":"👼🏾","label":"baby angel: medium-dark skin tone","tone":4},{"emoji":"👼🏿","label":"baby angel: dark skin tone","tone":5}]},{"emoji":"🎅","label":"Santa Claus","tone":0,"skins":[{"emoji":"🎅🏻","label":"Santa Claus: light skin tone","tone":1},{"emoji":"🎅🏼","label":"Santa Claus: medium-light skin tone","tone":2},{"emoji":"🎅🏽","label":"Santa Claus: medium skin tone","tone":3},{"emoji":"🎅🏾","label":"Santa Claus: medium-dark skin tone","tone":4},{"emoji":"🎅🏿","label":"Santa Claus: dark skin tone","tone":5}]},{"emoji":"🤶","label":"Mrs. Claus","tone":0,"skins":[{"emoji":"🤶🏻","label":"Mrs. Claus: light skin tone","tone":1},{"emoji":"🤶🏼","label":"Mrs. Claus: medium-light skin tone","tone":2},{"emoji":"🤶🏽","label":"Mrs. Claus: medium skin tone","tone":3},{"emoji":"🤶🏾","label":"Mrs. Claus: medium-dark skin tone","tone":4},{"emoji":"🤶🏿","label":"Mrs. Claus: dark skin tone","tone":5}]},{"emoji":"🧑‍🎄","label":"mx claus","tone":0,"skins":[{"emoji":"🧑🏻‍🎄","label":"mx claus: light skin tone","tone":1},{"emoji":"🧑🏼‍🎄","label":"mx claus: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍🎄","label":"mx claus: medium skin tone","tone":3},{"emoji":"🧑🏾‍🎄","label":"mx claus: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍🎄","label":"mx claus: dark skin tone","tone":5}]},{"emoji":"🦸","label":"superhero","tone":0,"skins":[{"emoji":"🦸🏻","label":"superhero: light skin tone","tone":1},{"emoji":"🦸🏼","label":"superhero: medium-light skin tone","tone":2},{"emoji":"🦸🏽","label":"superhero: medium skin tone","tone":3},{"emoji":"🦸🏾","label":"superhero: medium-dark skin tone","tone":4},{"emoji":"🦸🏿","label":"superhero: dark skin tone","tone":5}]},{"emoji":"🦸‍♂️","label":"man superhero","tone":0,"skins":[{"emoji":"🦸🏻‍♂️","label":"man superhero: light skin tone","tone":1},{"emoji":"🦸🏼‍♂️","label":"man superhero: medium-light skin tone","tone":2},{"emoji":"🦸🏽‍♂️","label":"man superhero: medium skin tone","tone":3},{"emoji":"🦸🏾‍♂️","label":"man superhero: medium-dark skin tone","tone":4},{"emoji":"🦸🏿‍♂️","label":"man superhero: dark skin tone","tone":5}]},{"emoji":"🦸‍♀️","label":"woman superhero","tone":0,"skins":[{"emoji":"🦸🏻‍♀️","label":"woman superhero: light skin tone","tone":1},{"emoji":"🦸🏼‍♀️","label":"woman superhero: medium-light skin tone","tone":2},{"emoji":"🦸🏽‍♀️","label":"woman superhero: medium skin tone","tone":3},{"emoji":"🦸🏾‍♀️","label":"woman superhero: medium-dark skin tone","tone":4},{"emoji":"🦸🏿‍♀️","label":"woman superhero: dark skin tone","tone":5}]},{"emoji":"🦹","label":"supervillain","tone":0,"skins":[{"emoji":"🦹🏻","label":"supervillain: light skin tone","tone":1},{"emoji":"🦹🏼","label":"supervillain: medium-light skin tone","tone":2},{"emoji":"🦹🏽","label":"supervillain: medium skin tone","tone":3},{"emoji":"🦹🏾","label":"supervillain: medium-dark skin tone","tone":4},{"emoji":"🦹🏿","label":"supervillain: dark skin tone","tone":5}]},{"emoji":"🦹‍♂️","label":"man supervillain","tone":0,"skins":[{"emoji":"🦹🏻‍♂️","label":"man supervillain: light skin tone","tone":1},{"emoji":"🦹🏼‍♂️","label":"man supervillain: medium-light skin tone","tone":2},{"emoji":"🦹🏽‍♂️","label":"man supervillain: medium skin tone","tone":3},{"emoji":"🦹🏾‍♂️","label":"man supervillain: medium-dark skin tone","tone":4},{"emoji":"🦹🏿‍♂️","label":"man supervillain: dark skin tone","tone":5}]},{"emoji":"🦹‍♀️","label":"woman supervillain","tone":0,"skins":[{"emoji":"🦹🏻‍♀️","label":"woman supervillain: light skin tone","tone":1},{"emoji":"🦹🏼‍♀️","label":"woman supervillain: medium-light skin tone","tone":2},{"emoji":"🦹🏽‍♀️","label":"woman supervillain: medium skin tone","tone":3},{"emoji":"🦹🏾‍♀️","label":"woman supervillain: medium-dark skin tone","tone":4},{"emoji":"🦹🏿‍♀️","label":"woman supervillain: dark skin tone","tone":5}]},{"emoji":"🧙","label":"mage","tone":0,"skins":[{"emoji":"🧙🏻","label":"mage: light skin tone","tone":1},{"emoji":"🧙🏼","label":"mage: medium-light skin tone","tone":2},{"emoji":"🧙🏽","label":"mage: medium skin tone","tone":3},{"emoji":"🧙🏾","label":"mage: medium-dark skin tone","tone":4},{"emoji":"🧙🏿","label":"mage: dark skin tone","tone":5}]},{"emoji":"🧙‍♂️","label":"man mage","tone":0,"skins":[{"emoji":"🧙🏻‍♂️","label":"man mage: light skin tone","tone":1},{"emoji":"🧙🏼‍♂️","label":"man mage: medium-light skin tone","tone":2},{"emoji":"🧙🏽‍♂️","label":"man mage: medium skin tone","tone":3},{"emoji":"🧙🏾‍♂️","label":"man mage: medium-dark skin tone","tone":4},{"emoji":"🧙🏿‍♂️","label":"man mage: dark skin tone","tone":5}]},{"emoji":"🧙‍♀️","label":"woman mage","tone":0,"skins":[{"emoji":"🧙🏻‍♀️","label":"woman mage: light skin tone","tone":1},{"emoji":"🧙🏼‍♀️","label":"woman mage: medium-light skin tone","tone":2},{"emoji":"🧙🏽‍♀️","label":"woman mage: medium skin tone","tone":3},{"emoji":"🧙🏾‍♀️","label":"woman mage: medium-dark skin tone","tone":4},{"emoji":"🧙🏿‍♀️","label":"woman mage: dark skin tone","tone":5}]},{"emoji":"🧚","label":"fairy","tone":0,"skins":[{"emoji":"🧚🏻","label":"fairy: light skin tone","tone":1},{"emoji":"🧚🏼","label":"fairy: medium-light skin tone","tone":2},{"emoji":"🧚🏽","label":"fairy: medium skin tone","tone":3},{"emoji":"🧚🏾","label":"fairy: medium-dark skin tone","tone":4},{"emoji":"🧚🏿","label":"fairy: dark skin tone","tone":5}]},{"emoji":"🧚‍♂️","label":"man fairy","tone":0,"skins":[{"emoji":"🧚🏻‍♂️","label":"man fairy: light skin tone","tone":1},{"emoji":"🧚🏼‍♂️","label":"man fairy: medium-light skin tone","tone":2},{"emoji":"🧚🏽‍♂️","label":"man fairy: medium skin tone","tone":3},{"emoji":"🧚🏾‍♂️","label":"man fairy: medium-dark skin tone","tone":4},{"emoji":"🧚🏿‍♂️","label":"man fairy: dark skin tone","tone":5}]},{"emoji":"🧚‍♀️","label":"woman fairy","tone":0,"skins":[{"emoji":"🧚🏻‍♀️","label":"woman fairy: light skin tone","tone":1},{"emoji":"🧚🏼‍♀️","label":"woman fairy: medium-light skin tone","tone":2},{"emoji":"🧚🏽‍♀️","label":"woman fairy: medium skin tone","tone":3},{"emoji":"🧚🏾‍♀️","label":"woman fairy: medium-dark skin tone","tone":4},{"emoji":"🧚🏿‍♀️","label":"woman fairy: dark skin tone","tone":5}]},{"emoji":"🧛","label":"vampire","tone":0,"skins":[{"emoji":"🧛🏻","label":"vampire: light skin tone","tone":1},{"emoji":"🧛🏼","label":"vampire: medium-light skin tone","tone":2},{"emoji":"🧛🏽","label":"vampire: medium skin tone","tone":3},{"emoji":"🧛🏾","label":"vampire: medium-dark skin tone","tone":4},{"emoji":"🧛🏿","label":"vampire: dark skin tone","tone":5}]},{"emoji":"🧛‍♂️","label":"man vampire","tone":0,"skins":[{"emoji":"🧛🏻‍♂️","label":"man vampire: light skin tone","tone":1},{"emoji":"🧛🏼‍♂️","label":"man vampire: medium-light skin tone","tone":2},{"emoji":"🧛🏽‍♂️","label":"man vampire: medium skin tone","tone":3},{"emoji":"🧛🏾‍♂️","label":"man vampire: medium-dark skin tone","tone":4},{"emoji":"🧛🏿‍♂️","label":"man vampire: dark skin tone","tone":5}]},{"emoji":"🧛‍♀️","label":"woman vampire","tone":0,"skins":[{"emoji":"🧛🏻‍♀️","label":"woman vampire: light skin tone","tone":1},{"emoji":"🧛🏼‍♀️","label":"woman vampire: medium-light skin tone","tone":2},{"emoji":"🧛🏽‍♀️","label":"woman vampire: medium skin tone","tone":3},{"emoji":"🧛🏾‍♀️","label":"woman vampire: medium-dark skin tone","tone":4},{"emoji":"🧛🏿‍♀️","label":"woman vampire: dark skin tone","tone":5}]},{"emoji":"🧜","label":"merperson","tone":0,"skins":[{"emoji":"🧜🏻","label":"merperson: light skin tone","tone":1},{"emoji":"🧜🏼","label":"merperson: medium-light skin tone","tone":2},{"emoji":"🧜🏽","label":"merperson: medium skin tone","tone":3},{"emoji":"🧜🏾","label":"merperson: medium-dark skin tone","tone":4},{"emoji":"🧜🏿","label":"merperson: dark skin tone","tone":5}]},{"emoji":"🧜‍♂️","label":"merman","tone":0,"skins":[{"emoji":"🧜🏻‍♂️","label":"merman: light skin tone","tone":1},{"emoji":"🧜🏼‍♂️","label":"merman: medium-light skin tone","tone":2},{"emoji":"🧜🏽‍♂️","label":"merman: medium skin tone","tone":3},{"emoji":"🧜🏾‍♂️","label":"merman: medium-dark skin tone","tone":4},{"emoji":"🧜🏿‍♂️","label":"merman: dark skin tone","tone":5}]},{"emoji":"🧜‍♀️","label":"mermaid","tone":0,"skins":[{"emoji":"🧜🏻‍♀️","label":"mermaid: light skin tone","tone":1},{"emoji":"🧜🏼‍♀️","label":"mermaid: medium-light skin tone","tone":2},{"emoji":"🧜🏽‍♀️","label":"mermaid: medium skin tone","tone":3},{"emoji":"🧜🏾‍♀️","label":"mermaid: medium-dark skin tone","tone":4},{"emoji":"🧜🏿‍♀️","label":"mermaid: dark skin tone","tone":5}]},{"emoji":"🧝","label":"elf","tone":0,"skins":[{"emoji":"🧝🏻","label":"elf: light skin tone","tone":1},{"emoji":"🧝🏼","label":"elf: medium-light skin tone","tone":2},{"emoji":"🧝🏽","label":"elf: medium skin tone","tone":3},{"emoji":"🧝🏾","label":"elf: medium-dark skin tone","tone":4},{"emoji":"🧝🏿","label":"elf: dark skin tone","tone":5}]},{"emoji":"🧝‍♂️","label":"man elf","tone":0,"skins":[{"emoji":"🧝🏻‍♂️","label":"man elf: light skin tone","tone":1},{"emoji":"🧝🏼‍♂️","label":"man elf: medium-light skin tone","tone":2},{"emoji":"🧝🏽‍♂️","label":"man elf: medium skin tone","tone":3},{"emoji":"🧝🏾‍♂️","label":"man elf: medium-dark skin tone","tone":4},{"emoji":"🧝🏿‍♂️","label":"man elf: dark skin tone","tone":5}]},{"emoji":"🧝‍♀️","label":"woman elf","tone":0,"skins":[{"emoji":"🧝🏻‍♀️","label":"woman elf: light skin tone","tone":1},{"emoji":"🧝🏼‍♀️","label":"woman elf: medium-light skin tone","tone":2},{"emoji":"🧝🏽‍♀️","label":"woman elf: medium skin tone","tone":3},{"emoji":"🧝🏾‍♀️","label":"woman elf: medium-dark skin tone","tone":4},{"emoji":"🧝🏿‍♀️","label":"woman elf: dark skin tone","tone":5}]},{"emoji":"🧞","label":"genie","tone":0},{"emoji":"🧞‍♂️","label":"man genie","tone":0},{"emoji":"🧞‍♀️","label":"woman genie","tone":0},{"emoji":"🧟","label":"zombie","tone":0},{"emoji":"🧟‍♂️","label":"man zombie","tone":0},{"emoji":"🧟‍♀️","label":"woman zombie","tone":0},{"emoji":"💆","label":"person getting massage","tone":0,"skins":[{"emoji":"💆🏻","label":"person getting massage: light skin tone","tone":1},{"emoji":"💆🏼","label":"person getting massage: medium-light skin tone","tone":2},{"emoji":"💆🏽","label":"person getting massage: medium skin tone","tone":3},{"emoji":"💆🏾","label":"person getting massage: medium-dark skin tone","tone":4},{"emoji":"💆🏿","label":"person getting massage: dark skin tone","tone":5}]},{"emoji":"💆‍♂️","label":"man getting massage","tone":0,"skins":[{"emoji":"💆🏻‍♂️","label":"man getting massage: light skin tone","tone":1},{"emoji":"💆🏼‍♂️","label":"man getting massage: medium-light skin tone","tone":2},{"emoji":"💆🏽‍♂️","label":"man getting massage: medium skin tone","tone":3},{"emoji":"💆🏾‍♂️","label":"man getting massage: medium-dark skin tone","tone":4},{"emoji":"💆🏿‍♂️","label":"man getting massage: dark skin tone","tone":5}]},{"emoji":"💆‍♀️","label":"woman getting massage","tone":0,"skins":[{"emoji":"💆🏻‍♀️","label":"woman getting massage: light skin tone","tone":1},{"emoji":"💆🏼‍♀️","label":"woman getting massage: medium-light skin tone","tone":2},{"emoji":"💆🏽‍♀️","label":"woman getting massage: medium skin tone","tone":3},{"emoji":"💆🏾‍♀️","label":"woman getting massage: medium-dark skin tone","tone":4},{"emoji":"💆🏿‍♀️","label":"woman getting massage: dark skin tone","tone":5}]},{"emoji":"💇","label":"person getting haircut","tone":0,"skins":[{"emoji":"💇🏻","label":"person getting haircut: light skin tone","tone":1},{"emoji":"💇🏼","label":"person getting haircut: medium-light skin tone","tone":2},{"emoji":"💇🏽","label":"person getting haircut: medium skin tone","tone":3},{"emoji":"💇🏾","label":"person getting haircut: medium-dark skin tone","tone":4},{"emoji":"💇🏿","label":"person getting haircut: dark skin tone","tone":5}]},{"emoji":"💇‍♂️","label":"man getting haircut","tone":0,"skins":[{"emoji":"💇🏻‍♂️","label":"man getting haircut: light skin tone","tone":1},{"emoji":"💇🏼‍♂️","label":"man getting haircut: medium-light skin tone","tone":2},{"emoji":"💇🏽‍♂️","label":"man getting haircut: medium skin tone","tone":3},{"emoji":"💇🏾‍♂️","label":"man getting haircut: medium-dark skin tone","tone":4},{"emoji":"💇🏿‍♂️","label":"man getting haircut: dark skin tone","tone":5}]},{"emoji":"💇‍♀️","label":"woman getting haircut","tone":0,"skins":[{"emoji":"💇🏻‍♀️","label":"woman getting haircut: light skin tone","tone":1},{"emoji":"💇🏼‍♀️","label":"woman getting haircut: medium-light skin tone","tone":2},{"emoji":"💇🏽‍♀️","label":"woman getting haircut: medium skin tone","tone":3},{"emoji":"💇🏾‍♀️","label":"woman getting haircut: medium-dark skin tone","tone":4},{"emoji":"💇🏿‍♀️","label":"woman getting haircut: dark skin tone","tone":5}]},{"emoji":"🚶","label":"person walking","tone":0,"skins":[{"emoji":"🚶🏻","label":"person walking: light skin tone","tone":1},{"emoji":"🚶🏼","label":"person walking: medium-light skin tone","tone":2},{"emoji":"🚶🏽","label":"person walking: medium skin tone","tone":3},{"emoji":"🚶🏾","label":"person walking: medium-dark skin tone","tone":4},{"emoji":"🚶🏿","label":"person walking: dark skin tone","tone":5}]},{"emoji":"🚶‍♂️","label":"man walking","tone":0,"skins":[{"emoji":"🚶🏻‍♂️","label":"man walking: light skin tone","tone":1},{"emoji":"🚶🏼‍♂️","label":"man walking: medium-light skin tone","tone":2},{"emoji":"🚶🏽‍♂️","label":"man walking: medium skin tone","tone":3},{"emoji":"🚶🏾‍♂️","label":"man walking: medium-dark skin tone","tone":4},{"emoji":"🚶🏿‍♂️","label":"man walking: dark skin tone","tone":5}]},{"emoji":"🚶‍♀️","label":"woman walking","tone":0,"skins":[{"emoji":"🚶🏻‍♀️","label":"woman walking: light skin tone","tone":1},{"emoji":"🚶🏼‍♀️","label":"woman walking: medium-light skin tone","tone":2},{"emoji":"🚶🏽‍♀️","label":"woman walking: medium skin tone","tone":3},{"emoji":"🚶🏾‍♀️","label":"woman walking: medium-dark skin tone","tone":4},{"emoji":"🚶🏿‍♀️","label":"woman walking: dark skin tone","tone":5}]},{"emoji":"🧍","label":"person standing","tone":0,"skins":[{"emoji":"🧍🏻","label":"person standing: light skin tone","tone":1},{"emoji":"🧍🏼","label":"person standing: medium-light skin tone","tone":2},{"emoji":"🧍🏽","label":"person standing: medium skin tone","tone":3},{"emoji":"🧍🏾","label":"person standing: medium-dark skin tone","tone":4},{"emoji":"🧍🏿","label":"person standing: dark skin tone","tone":5}]},{"emoji":"🧍‍♂️","label":"man standing","tone":0,"skins":[{"emoji":"🧍🏻‍♂️","label":"man standing: light skin tone","tone":1},{"emoji":"🧍🏼‍♂️","label":"man standing: medium-light skin tone","tone":2},{"emoji":"🧍🏽‍♂️","label":"man standing: medium skin tone","tone":3},{"emoji":"🧍🏾‍♂️","label":"man standing: medium-dark skin tone","tone":4},{"emoji":"🧍🏿‍♂️","label":"man standing: dark skin tone","tone":5}]},{"emoji":"🧍‍♀️","label":"woman standing","tone":0,"skins":[{"emoji":"🧍🏻‍♀️","label":"woman standing: light skin tone","tone":1},{"emoji":"🧍🏼‍♀️","label":"woman standing: medium-light skin tone","tone":2},{"emoji":"🧍🏽‍♀️","label":"woman standing: medium skin tone","tone":3},{"emoji":"🧍🏾‍♀️","label":"woman standing: medium-dark skin tone","tone":4},{"emoji":"🧍🏿‍♀️","label":"woman standing: dark skin tone","tone":5}]},{"emoji":"🧎","label":"person kneeling","tone":0,"skins":[{"emoji":"🧎🏻","label":"person kneeling: light skin tone","tone":1},{"emoji":"🧎🏼","label":"person kneeling: medium-light skin tone","tone":2},{"emoji":"🧎🏽","label":"person kneeling: medium skin tone","tone":3},{"emoji":"🧎🏾","label":"person kneeling: medium-dark skin tone","tone":4},{"emoji":"🧎🏿","label":"person kneeling: dark skin tone","tone":5}]},{"emoji":"🧎‍♂️","label":"man kneeling","tone":0,"skins":[{"emoji":"🧎🏻‍♂️","label":"man kneeling: light skin tone","tone":1},{"emoji":"🧎🏼‍♂️","label":"man kneeling: medium-light skin tone","tone":2},{"emoji":"🧎🏽‍♂️","label":"man kneeling: medium skin tone","tone":3},{"emoji":"🧎🏾‍♂️","label":"man kneeling: medium-dark skin tone","tone":4},{"emoji":"🧎🏿‍♂️","label":"man kneeling: dark skin tone","tone":5}]},{"emoji":"🧎‍♀️","label":"woman kneeling","tone":0,"skins":[{"emoji":"🧎🏻‍♀️","label":"woman kneeling: light skin tone","tone":1},{"emoji":"🧎🏼‍♀️","label":"woman kneeling: medium-light skin tone","tone":2},{"emoji":"🧎🏽‍♀️","label":"woman kneeling: medium skin tone","tone":3},{"emoji":"🧎🏾‍♀️","label":"woman kneeling: medium-dark skin tone","tone":4},{"emoji":"🧎🏿‍♀️","label":"woman kneeling: dark skin tone","tone":5}]},{"emoji":"🧑‍🦯","label":"person with white cane","tone":0,"skins":[{"emoji":"🧑🏻‍🦯","label":"person with white cane: light skin tone","tone":1},{"emoji":"🧑🏼‍🦯","label":"person with white cane: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍🦯","label":"person with white cane: medium skin tone","tone":3},{"emoji":"🧑🏾‍🦯","label":"person with white cane: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍🦯","label":"person with white cane: dark skin tone","tone":5}]},{"emoji":"👨‍🦯","label":"man with white cane","tone":0,"skins":[{"emoji":"👨🏻‍🦯","label":"man with white cane: light skin tone","tone":1},{"emoji":"👨🏼‍🦯","label":"man with white cane: medium-light skin tone","tone":2},{"emoji":"👨🏽‍🦯","label":"man with white cane: medium skin tone","tone":3},{"emoji":"👨🏾‍🦯","label":"man with white cane: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍🦯","label":"man with white cane: dark skin tone","tone":5}]},{"emoji":"👩‍🦯","label":"woman with white cane","tone":0,"skins":[{"emoji":"👩🏻‍🦯","label":"woman with white cane: light skin tone","tone":1},{"emoji":"👩🏼‍🦯","label":"woman with white cane: medium-light skin tone","tone":2},{"emoji":"👩🏽‍🦯","label":"woman with white cane: medium skin tone","tone":3},{"emoji":"👩🏾‍🦯","label":"woman with white cane: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍🦯","label":"woman with white cane: dark skin tone","tone":5}]},{"emoji":"🧑‍🦼","label":"person in motorized wheelchair","tone":0,"skins":[{"emoji":"🧑🏻‍🦼","label":"person in motorized wheelchair: light skin tone","tone":1},{"emoji":"🧑🏼‍🦼","label":"person in motorized wheelchair: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍🦼","label":"person in motorized wheelchair: medium skin tone","tone":3},{"emoji":"🧑🏾‍🦼","label":"person in motorized wheelchair: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍🦼","label":"person in motorized wheelchair: dark skin tone","tone":5}]},{"emoji":"👨‍🦼","label":"man in motorized wheelchair","tone":0,"skins":[{"emoji":"👨🏻‍🦼","label":"man in motorized wheelchair: light skin tone","tone":1},{"emoji":"👨🏼‍🦼","label":"man in motorized wheelchair: medium-light skin tone","tone":2},{"emoji":"👨🏽‍🦼","label":"man in motorized wheelchair: medium skin tone","tone":3},{"emoji":"👨🏾‍🦼","label":"man in motorized wheelchair: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍🦼","label":"man in motorized wheelchair: dark skin tone","tone":5}]},{"emoji":"👩‍🦼","label":"woman in motorized wheelchair","tone":0,"skins":[{"emoji":"👩🏻‍🦼","label":"woman in motorized wheelchair: light skin tone","tone":1},{"emoji":"👩🏼‍🦼","label":"woman in motorized wheelchair: medium-light skin tone","tone":2},{"emoji":"👩🏽‍🦼","label":"woman in motorized wheelchair: medium skin tone","tone":3},{"emoji":"👩🏾‍🦼","label":"woman in motorized wheelchair: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍🦼","label":"woman in motorized wheelchair: dark skin tone","tone":5}]},{"emoji":"🧑‍🦽","label":"person in manual wheelchair","tone":0,"skins":[{"emoji":"🧑🏻‍🦽","label":"person in manual wheelchair: light skin tone","tone":1},{"emoji":"🧑🏼‍🦽","label":"person in manual wheelchair: medium-light skin tone","tone":2},{"emoji":"🧑🏽‍🦽","label":"person in manual wheelchair: medium skin tone","tone":3},{"emoji":"🧑🏾‍🦽","label":"person in manual wheelchair: medium-dark skin tone","tone":4},{"emoji":"🧑🏿‍🦽","label":"person in manual wheelchair: dark skin tone","tone":5}]},{"emoji":"👨‍🦽","label":"man in manual wheelchair","tone":0,"skins":[{"emoji":"👨🏻‍🦽","label":"man in manual wheelchair: light skin tone","tone":1},{"emoji":"👨🏼‍🦽","label":"man in manual wheelchair: medium-light skin tone","tone":2},{"emoji":"👨🏽‍🦽","label":"man in manual wheelchair: medium skin tone","tone":3},{"emoji":"👨🏾‍🦽","label":"man in manual wheelchair: medium-dark skin tone","tone":4},{"emoji":"👨🏿‍🦽","label":"man in manual wheelchair: dark skin tone","tone":5}]},{"emoji":"👩‍🦽","label":"woman in manual wheelchair","tone":0,"skins":[{"emoji":"👩🏻‍🦽","label":"woman in manual wheelchair: light skin tone","tone":1},{"emoji":"👩🏼‍🦽","label":"woman in manual wheelchair: medium-light skin tone","tone":2},{"emoji":"👩🏽‍🦽","label":"woman in manual wheelchair: medium skin tone","tone":3},{"emoji":"👩🏾‍🦽","label":"woman in manual wheelchair: medium-dark skin tone","tone":4},{"emoji":"👩🏿‍🦽","label":"woman in manual wheelchair: dark skin tone","tone":5}]},{"emoji":"🏃","label":"person running","tone":0,"skins":[{"emoji":"🏃🏻","label":"person running: light skin tone","tone":1},{"emoji":"🏃🏼","label":"person running: medium-light skin tone","tone":2},{"emoji":"🏃🏽","label":"person running: medium skin tone","tone":3},{"emoji":"🏃🏾","label":"person running: medium-dark skin tone","tone":4},{"emoji":"🏃🏿","label":"person running: dark skin tone","tone":5}]},{"emoji":"🏃‍♂️","label":"man running","tone":0,"skins":[{"emoji":"🏃🏻‍♂️","label":"man running: light skin tone","tone":1},{"emoji":"🏃🏼‍♂️","label":"man running: medium-light skin tone","tone":2},{"emoji":"🏃🏽‍♂️","label":"man running: medium skin tone","tone":3},{"emoji":"🏃🏾‍♂️","label":"man running: medium-dark skin tone","tone":4},{"emoji":"🏃🏿‍♂️","label":"man running: dark skin tone","tone":5}]},{"emoji":"🏃‍♀️","label":"woman running","tone":0,"skins":[{"emoji":"🏃🏻‍♀️","label":"woman running: light skin tone","tone":1},{"emoji":"🏃🏼‍♀️","label":"woman running: medium-light skin tone","tone":2},{"emoji":"🏃🏽‍♀️","label":"woman running: medium skin tone","tone":3},{"emoji":"🏃🏾‍♀️","label":"woman running: medium-dark skin tone","tone":4},{"emoji":"🏃🏿‍♀️","label":"woman running: dark skin tone","tone":5}]},{"emoji":"💃","label":"woman dancing","tone":0,"skins":[{"emoji":"💃🏻","label":"woman dancing: light skin tone","tone":1},{"emoji":"💃🏼","label":"woman dancing: medium-light skin tone","tone":2},{"emoji":"💃🏽","label":"woman dancing: medium skin tone","tone":3},{"emoji":"💃🏾","label":"woman dancing: medium-dark skin tone","tone":4},{"emoji":"💃🏿","label":"woman dancing: dark skin tone","tone":5}]},{"emoji":"🕺","label":"man dancing","tone":0,"skins":[{"emoji":"🕺🏻","label":"man dancing: light skin tone","tone":1},{"emoji":"🕺🏼","label":"man dancing: medium-light skin tone","tone":2},{"emoji":"🕺🏽","label":"man dancing: medium skin tone","tone":3},{"emoji":"🕺🏾","label":"man dancing: medium-dark skin tone","tone":4},{"emoji":"🕺🏿","label":"man dancing: dark skin tone","tone":5}]},{"emoji":"🕴️","label":"person in suit levitating","tone":0,"skins":[{"emoji":"🕴🏻","label":"person in suit levitating: light skin tone","tone":1},{"emoji":"🕴🏼","label":"person in suit levitating: medium-light skin tone","tone":2},{"emoji":"🕴🏽","label":"person in suit levitating: medium skin tone","tone":3},{"emoji":"🕴🏾","label":"person in suit levitating: medium-dark skin tone","tone":4},{"emoji":"🕴🏿","label":"person in suit levitating: dark skin tone","tone":5}]},{"emoji":"👯","label":"people with bunny ears","tone":0},{"emoji":"👯‍♂️","label":"men with bunny ears","tone":0},{"emoji":"👯‍♀️","label":"women with bunny ears","tone":0},{"emoji":"🧖","label":"person in steamy room","tone":0,"skins":[{"emoji":"🧖🏻","label":"person in steamy room: light skin tone","tone":1},{"emoji":"🧖🏼","label":"person in steamy room: medium-light skin tone","tone":2},{"emoji":"🧖🏽","label":"person in steamy room: medium skin tone","tone":3},{"emoji":"🧖🏾","label":"person in steamy room: medium-dark skin tone","tone":4},{"emoji":"🧖🏿","label":"person in steamy room: dark skin tone","tone":5}]},{"emoji":"🧖‍♂️","label":"man in steamy room","tone":0,"skins":[{"emoji":"🧖🏻‍♂️","label":"man in steamy room: light skin tone","tone":1},{"emoji":"🧖🏼‍♂️","label":"man in steamy room: medium-light skin tone","tone":2},{"emoji":"🧖🏽‍♂️","label":"man in steamy room: medium skin tone","tone":3},{"emoji":"🧖🏾‍♂️","label":"man in steamy room: medium-dark skin tone","tone":4},{"emoji":"🧖🏿‍♂️","label":"man in steamy room: dark skin tone","tone":5}]},{"emoji":"🧖‍♀️","label":"woman in steamy room","tone":0,"skins":[{"emoji":"🧖🏻‍♀️","label":"woman in steamy room: light skin tone","tone":1},{"emoji":"🧖🏼‍♀️","label":"woman in steamy room: medium-light skin tone","tone":2},{"emoji":"🧖🏽‍♀️","label":"woman in steamy room: medium skin tone","tone":3},{"emoji":"🧖🏾‍♀️","label":"woman in steamy room: medium-dark skin tone","tone":4},{"emoji":"🧖🏿‍♀️","label":"woman in steamy room: dark skin tone","tone":5}]},{"emoji":"🧗","label":"person climbing","tone":0,"skins":[{"emoji":"🧗🏻","label":"person climbing: light skin tone","tone":1},{"emoji":"🧗🏼","label":"person climbing: medium-light skin tone","tone":2},{"emoji":"🧗🏽","label":"person climbing: medium skin tone","tone":3},{"emoji":"🧗🏾","label":"person climbing: medium-dark skin tone","tone":4},{"emoji":"🧗🏿","label":"person climbing: dark skin tone","tone":5}]},{"emoji":"🧗‍♂️","label":"man climbing","tone":0,"skins":[{"emoji":"🧗🏻‍♂️","label":"man climbing: light skin tone","tone":1},{"emoji":"🧗🏼‍♂️","label":"man climbing: medium-light skin tone","tone":2},{"emoji":"🧗🏽‍♂️","label":"man climbing: medium skin tone","tone":3},{"emoji":"🧗🏾‍♂️","label":"man climbing: medium-dark skin tone","tone":4},{"emoji":"🧗🏿‍♂️","label":"man climbing: dark skin tone","tone":5}]},{"emoji":"🧗‍♀️","label":"woman climbing","tone":0,"skins":[{"emoji":"🧗🏻‍♀️","label":"woman climbing: light skin tone","tone":1},{"emoji":"🧗🏼‍♀️","label":"woman climbing: medium-light skin tone","tone":2},{"emoji":"🧗🏽‍♀️","label":"woman climbing: medium skin tone","tone":3},{"emoji":"🧗🏾‍♀️","label":"woman climbing: medium-dark skin tone","tone":4},{"emoji":"🧗🏿‍♀️","label":"woman climbing: dark skin tone","tone":5}]},{"emoji":"🤺","label":"person fencing","tone":0},{"emoji":"🏇","label":"horse racing","tone":0,"skins":[{"emoji":"🏇🏻","label":"horse racing: light skin tone","tone":1},{"emoji":"🏇🏼","label":"horse racing: medium-light skin tone","tone":2},{"emoji":"🏇🏽","label":"horse racing: medium skin tone","tone":3},{"emoji":"🏇🏾","label":"horse racing: medium-dark skin tone","tone":4},{"emoji":"🏇🏿","label":"horse racing: dark skin tone","tone":5}]},{"emoji":"⛷️","label":"skier","tone":0},{"emoji":"🏂️","label":"snowboarder","tone":0,"skins":[{"emoji":"🏂🏻","label":"snowboarder: light skin tone","tone":1},{"emoji":"🏂🏼","label":"snowboarder: medium-light skin tone","tone":2},{"emoji":"🏂🏽","label":"snowboarder: medium skin tone","tone":3},{"emoji":"🏂🏾","label":"snowboarder: medium-dark skin tone","tone":4},{"emoji":"🏂🏿","label":"snowboarder: dark skin tone","tone":5}]},{"emoji":"🏌️","label":"person golfing","tone":0,"skins":[{"emoji":"🏌🏻","label":"person golfing: light skin tone","tone":1},{"emoji":"🏌🏼","label":"person golfing: medium-light skin tone","tone":2},{"emoji":"🏌🏽","label":"person golfing: medium skin tone","tone":3},{"emoji":"🏌🏾","label":"person golfing: medium-dark skin tone","tone":4},{"emoji":"🏌🏿","label":"person golfing: dark skin tone","tone":5}]},{"emoji":"🏌️‍♂️","label":"man golfing","tone":0,"skins":[{"emoji":"🏌🏻‍♂️","label":"man golfing: light skin tone","tone":1},{"emoji":"🏌🏼‍♂️","label":"man golfing: medium-light skin tone","tone":2},{"emoji":"🏌🏽‍♂️","label":"man golfing: medium skin tone","tone":3},{"emoji":"🏌🏾‍♂️","label":"man golfing: medium-dark skin tone","tone":4},{"emoji":"🏌🏿‍♂️","label":"man golfing: dark skin tone","tone":5}]},{"emoji":"🏌️‍♀️","label":"woman golfing","tone":0,"skins":[{"emoji":"🏌🏻‍♀️","label":"woman golfing: light skin tone","tone":1},{"emoji":"🏌🏼‍♀️","label":"woman golfing: medium-light skin tone","tone":2},{"emoji":"🏌🏽‍♀️","label":"woman golfing: medium skin tone","tone":3},{"emoji":"🏌🏾‍♀️","label":"woman golfing: medium-dark skin tone","tone":4},{"emoji":"🏌🏿‍♀️","label":"woman golfing: dark skin tone","tone":5}]},{"emoji":"🏄️","label":"person surfing","tone":0,"skins":[{"emoji":"🏄🏻","label":"person surfing: light skin tone","tone":1},{"emoji":"🏄🏼","label":"person surfing: medium-light skin tone","tone":2},{"emoji":"🏄🏽","label":"person surfing: medium skin tone","tone":3},{"emoji":"🏄🏾","label":"person surfing: medium-dark skin tone","tone":4},{"emoji":"🏄🏿","label":"person surfing: dark skin tone","tone":5}]},{"emoji":"🏄‍♂️","label":"man surfing","tone":0,"skins":[{"emoji":"🏄🏻‍♂️","label":"man surfing: light skin tone","tone":1},{"emoji":"🏄🏼‍♂️","label":"man surfing: medium-light skin tone","tone":2},{"emoji":"🏄🏽‍♂️","label":"man surfing: medium skin tone","tone":3},{"emoji":"🏄🏾‍♂️","label":"man surfing: medium-dark skin tone","tone":4},{"emoji":"🏄🏿‍♂️","label":"man surfing: dark skin tone","tone":5}]},{"emoji":"🏄‍♀️","label":"woman surfing","tone":0,"skins":[{"emoji":"🏄🏻‍♀️","label":"woman surfing: light skin tone","tone":1},{"emoji":"🏄🏼‍♀️","label":"woman surfing: medium-light skin tone","tone":2},{"emoji":"🏄🏽‍♀️","label":"woman surfing: medium skin tone","tone":3},{"emoji":"🏄🏾‍♀️","label":"woman surfing: medium-dark skin tone","tone":4},{"emoji":"🏄🏿‍♀️","label":"woman surfing: dark skin tone","tone":5}]},{"emoji":"🚣","label":"person rowing boat","tone":0,"skins":[{"emoji":"🚣🏻","label":"person rowing boat: light skin tone","tone":1},{"emoji":"🚣🏼","label":"person rowing boat: medium-light skin tone","tone":2},{"emoji":"🚣🏽","label":"person rowing boat: medium skin tone","tone":3},{"emoji":"🚣🏾","label":"person rowing boat: medium-dark skin tone","tone":4},{"emoji":"🚣🏿","label":"person rowing boat: dark skin tone","tone":5}]},{"emoji":"🚣‍♂️","label":"man rowing boat","tone":0,"skins":[{"emoji":"🚣🏻‍♂️","label":"man rowing boat: light skin tone","tone":1},{"emoji":"🚣🏼‍♂️","label":"man rowing boat: medium-light skin tone","tone":2},{"emoji":"🚣🏽‍♂️","label":"man rowing boat: medium skin tone","tone":3},{"emoji":"🚣🏾‍♂️","label":"man rowing boat: medium-dark skin tone","tone":4},{"emoji":"🚣🏿‍♂️","label":"man rowing boat: dark skin tone","tone":5}]},{"emoji":"🚣‍♀️","label":"woman rowing boat","tone":0,"skins":[{"emoji":"🚣🏻‍♀️","label":"woman rowing boat: light skin tone","tone":1},{"emoji":"🚣🏼‍♀️","label":"woman rowing boat: medium-light skin tone","tone":2},{"emoji":"🚣🏽‍♀️","label":"woman rowing boat: medium skin tone","tone":3},{"emoji":"🚣🏾‍♀️","label":"woman rowing boat: medium-dark skin tone","tone":4},{"emoji":"🚣🏿‍♀️","label":"woman rowing boat: dark skin tone","tone":5}]},{"emoji":"🏊️","label":"person swimming","tone":0,"skins":[{"emoji":"🏊🏻","label":"person swimming: light skin tone","tone":1},{"emoji":"🏊🏼","label":"person swimming: medium-light skin tone","tone":2},{"emoji":"🏊🏽","label":"person swimming: medium skin tone","tone":3},{"emoji":"🏊🏾","label":"person swimming: medium-dark skin tone","tone":4},{"emoji":"🏊🏿","label":"person swimming: dark skin tone","tone":5}]},{"emoji":"🏊‍♂️","label":"man swimming","tone":0,"skins":[{"emoji":"🏊🏻‍♂️","label":"man swimming: light skin tone","tone":1},{"emoji":"🏊🏼‍♂️","label":"man swimming: medium-light skin tone","tone":2},{"emoji":"🏊🏽‍♂️","label":"man swimming: medium skin tone","tone":3},{"emoji":"🏊🏾‍♂️","label":"man swimming: medium-dark skin tone","tone":4},{"emoji":"🏊🏿‍♂️","label":"man swimming: dark skin tone","tone":5}]},{"emoji":"🏊‍♀️","label":"woman swimming","tone":0,"skins":[{"emoji":"🏊🏻‍♀️","label":"woman swimming: light skin tone","tone":1},{"emoji":"🏊🏼‍♀️","label":"woman swimming: medium-light skin tone","tone":2},{"emoji":"🏊🏽‍♀️","label":"woman swimming: medium skin tone","tone":3},{"emoji":"🏊🏾‍♀️","label":"woman swimming: medium-dark skin tone","tone":4},{"emoji":"🏊🏿‍♀️","label":"woman swimming: dark skin tone","tone":5}]},{"emoji":"⛹️","label":"person bouncing ball","tone":0,"skins":[{"emoji":"⛹🏻","label":"person bouncing ball: light skin tone","tone":1},{"emoji":"⛹🏼","label":"person bouncing ball: medium-light skin tone","tone":2},{"emoji":"⛹🏽","label":"person bouncing ball: medium skin tone","tone":3},{"emoji":"⛹🏾","label":"person bouncing ball: medium-dark skin tone","tone":4},{"emoji":"⛹🏿","label":"person bouncing ball: dark skin tone","tone":5}]},{"emoji":"⛹️‍♂️","label":"man bouncing ball","tone":0,"skins":[{"emoji":"⛹🏻‍♂️","label":"man bouncing ball: light skin tone","tone":1},{"emoji":"⛹🏼‍♂️","label":"man bouncing ball: medium-light skin tone","tone":2},{"emoji":"⛹🏽‍♂️","label":"man bouncing ball: medium skin tone","tone":3},{"emoji":"⛹🏾‍♂️","label":"man bouncing ball: medium-dark skin tone","tone":4},{"emoji":"⛹🏿‍♂️","label":"man bouncing ball: dark skin tone","tone":5}]},{"emoji":"⛹️‍♀️","label":"woman bouncing ball","tone":0,"skins":[{"emoji":"⛹🏻‍♀️","label":"woman bouncing ball: light skin tone","tone":1},{"emoji":"⛹🏼‍♀️","label":"woman bouncing ball: medium-light skin tone","tone":2},{"emoji":"⛹🏽‍♀️","label":"woman bouncing ball: medium skin tone","tone":3},{"emoji":"⛹🏾‍♀️","label":"woman bouncing ball: medium-dark skin tone","tone":4},{"emoji":"⛹🏿‍♀️","label":"woman bouncing ball: dark skin tone","tone":5}]},{"emoji":"🏋️","label":"person lifting weights","tone":0,"skins":[{"emoji":"🏋🏻","label":"person lifting weights: light skin tone","tone":1},{"emoji":"🏋🏼","label":"person lifting weights: medium-light skin tone","tone":2},{"emoji":"🏋🏽","label":"person lifting weights: medium skin tone","tone":3},{"emoji":"🏋🏾","label":"person lifting weights: medium-dark skin tone","tone":4},{"emoji":"🏋🏿","label":"person lifting weights: dark skin tone","tone":5}]},{"emoji":"🏋️‍♂️","label":"man lifting weights","tone":0,"skins":[{"emoji":"🏋🏻‍♂️","label":"man lifting weights: light skin tone","tone":1},{"emoji":"🏋🏼‍♂️","label":"man lifting weights: medium-light skin tone","tone":2},{"emoji":"🏋🏽‍♂️","label":"man lifting weights: medium skin tone","tone":3},{"emoji":"🏋🏾‍♂️","label":"man lifting weights: medium-dark skin tone","tone":4},{"emoji":"🏋🏿‍♂️","label":"man lifting weights: dark skin tone","tone":5}]},{"emoji":"🏋️‍♀️","label":"woman lifting weights","tone":0,"skins":[{"emoji":"🏋🏻‍♀️","label":"woman lifting weights: light skin tone","tone":1},{"emoji":"🏋🏼‍♀️","label":"woman lifting weights: medium-light skin tone","tone":2},{"emoji":"🏋🏽‍♀️","label":"woman lifting weights: medium skin tone","tone":3},{"emoji":"🏋🏾‍♀️","label":"woman lifting weights: medium-dark skin tone","tone":4},{"emoji":"🏋🏿‍♀️","label":"woman lifting weights: dark skin tone","tone":5}]},{"emoji":"🚴","label":"person biking","tone":0,"skins":[{"emoji":"🚴🏻","label":"person biking: light skin tone","tone":1},{"emoji":"🚴🏼","label":"person biking: medium-light skin tone","tone":2},{"emoji":"🚴🏽","label":"person biking: medium skin tone","tone":3},{"emoji":"🚴🏾","label":"person biking: medium-dark skin tone","tone":4},{"emoji":"🚴🏿","label":"person biking: dark skin tone","tone":5}]},{"emoji":"🚴‍♂️","label":"man biking","tone":0,"skins":[{"emoji":"🚴🏻‍♂️","label":"man biking: light skin tone","tone":1},{"emoji":"🚴🏼‍♂️","label":"man biking: medium-light skin tone","tone":2},{"emoji":"🚴🏽‍♂️","label":"man biking: medium skin tone","tone":3},{"emoji":"🚴🏾‍♂️","label":"man biking: medium-dark skin tone","tone":4},{"emoji":"🚴🏿‍♂️","label":"man biking: dark skin tone","tone":5}]},{"emoji":"🚴‍♀️","label":"woman biking","tone":0,"skins":[{"emoji":"🚴🏻‍♀️","label":"woman biking: light skin tone","tone":1},{"emoji":"🚴🏼‍♀️","label":"woman biking: medium-light skin tone","tone":2},{"emoji":"🚴🏽‍♀️","label":"woman biking: medium skin tone","tone":3},{"emoji":"🚴🏾‍♀️","label":"woman biking: medium-dark skin tone","tone":4},{"emoji":"🚴🏿‍♀️","label":"woman biking: dark skin tone","tone":5}]},{"emoji":"🚵","label":"person mountain biking","tone":0,"skins":[{"emoji":"🚵🏻","label":"person mountain biking: light skin tone","tone":1},{"emoji":"🚵🏼","label":"person mountain biking: medium-light skin tone","tone":2},{"emoji":"🚵🏽","label":"person mountain biking: medium skin tone","tone":3},{"emoji":"🚵🏾","label":"person mountain biking: medium-dark skin tone","tone":4},{"emoji":"🚵🏿","label":"person mountain biking: dark skin tone","tone":5}]},{"emoji":"🚵‍♂️","label":"man mountain biking","tone":0,"skins":[{"emoji":"🚵🏻‍♂️","label":"man mountain biking: light skin tone","tone":1},{"emoji":"🚵🏼‍♂️","label":"man mountain biking: medium-light skin tone","tone":2},{"emoji":"🚵🏽‍♂️","label":"man mountain biking: medium skin tone","tone":3},{"emoji":"🚵🏾‍♂️","label":"man mountain biking: medium-dark skin tone","tone":4},{"emoji":"🚵🏿‍♂️","label":"man mountain biking: dark skin tone","tone":5}]},{"emoji":"🚵‍♀️","label":"woman mountain biking","tone":0,"skins":[{"emoji":"🚵🏻‍♀️","label":"woman mountain biking: light skin tone","tone":1},{"emoji":"🚵🏼‍♀️","label":"woman mountain biking: medium-light skin tone","tone":2},{"emoji":"🚵🏽‍♀️","label":"woman mountain biking: medium skin tone","tone":3},{"emoji":"🚵🏾‍♀️","label":"woman mountain biking: medium-dark skin tone","tone":4},{"emoji":"🚵🏿‍♀️","label":"woman mountain biking: dark skin tone","tone":5}]},{"emoji":"🤸","label":"person cartwheeling","tone":0,"skins":[{"emoji":"🤸🏻","label":"person cartwheeling: light skin tone","tone":1},{"emoji":"🤸🏼","label":"person cartwheeling: medium-light skin tone","tone":2},{"emoji":"🤸🏽","label":"person cartwheeling: medium skin tone","tone":3},{"emoji":"🤸🏾","label":"person cartwheeling: medium-dark skin tone","tone":4},{"emoji":"🤸🏿","label":"person cartwheeling: dark skin tone","tone":5}]},{"emoji":"🤸‍♂️","label":"man cartwheeling","tone":0,"skins":[{"emoji":"🤸🏻‍♂️","label":"man cartwheeling: light skin tone","tone":1},{"emoji":"🤸🏼‍♂️","label":"man cartwheeling: medium-light skin tone","tone":2},{"emoji":"🤸🏽‍♂️","label":"man cartwheeling: medium skin tone","tone":3},{"emoji":"🤸🏾‍♂️","label":"man cartwheeling: medium-dark skin tone","tone":4},{"emoji":"🤸🏿‍♂️","label":"man cartwheeling: dark skin tone","tone":5}]},{"emoji":"🤸‍♀️","label":"woman cartwheeling","tone":0,"skins":[{"emoji":"🤸🏻‍♀️","label":"woman cartwheeling: light skin tone","tone":1},{"emoji":"🤸🏼‍♀️","label":"woman cartwheeling: medium-light skin tone","tone":2},{"emoji":"🤸🏽‍♀️","label":"woman cartwheeling: medium skin tone","tone":3},{"emoji":"🤸🏾‍♀️","label":"woman cartwheeling: medium-dark skin tone","tone":4},{"emoji":"🤸🏿‍♀️","label":"woman cartwheeling: dark skin tone","tone":5}]},{"emoji":"🤼","label":"people wrestling","tone":0},{"emoji":"🤼‍♂️","label":"men wrestling","tone":0},{"emoji":"🤼‍♀️","label":"women wrestling","tone":0},{"emoji":"🤽","label":"person playing water polo","tone":0,"skins":[{"emoji":"🤽🏻","label":"person playing water polo: light skin tone","tone":1},{"emoji":"🤽🏼","label":"person playing water polo: medium-light skin tone","tone":2},{"emoji":"🤽🏽","label":"person playing water polo: medium skin tone","tone":3},{"emoji":"🤽🏾","label":"person playing water polo: medium-dark skin tone","tone":4},{"emoji":"🤽🏿","label":"person playing water polo: dark skin tone","tone":5}]},{"emoji":"🤽‍♂️","label":"man playing water polo","tone":0,"skins":[{"emoji":"🤽🏻‍♂️","label":"man playing water polo: light skin tone","tone":1},{"emoji":"🤽🏼‍♂️","label":"man playing water polo: medium-light skin tone","tone":2},{"emoji":"🤽🏽‍♂️","label":"man playing water polo: medium skin tone","tone":3},{"emoji":"🤽🏾‍♂️","label":"man playing water polo: medium-dark skin tone","tone":4},{"emoji":"🤽🏿‍♂️","label":"man playing water polo: dark skin tone","tone":5}]},{"emoji":"🤽‍♀️","label":"woman playing water polo","tone":0,"skins":[{"emoji":"🤽🏻‍♀️","label":"woman playing water polo: light skin tone","tone":1},{"emoji":"🤽🏼‍♀️","label":"woman playing water polo: medium-light skin tone","tone":2},{"emoji":"🤽🏽‍♀️","label":"woman playing water polo: medium skin tone","tone":3},{"emoji":"🤽🏾‍♀️","label":"woman playing water polo: medium-dark skin tone","tone":4},{"emoji":"🤽🏿‍♀️","label":"woman playing water polo: dark skin tone","tone":5}]},{"emoji":"🤾","label":"person playing handball","tone":0,"skins":[{"emoji":"🤾🏻","label":"person playing handball: light skin tone","tone":1},{"emoji":"🤾🏼","label":"person playing handball: medium-light skin tone","tone":2},{"emoji":"🤾🏽","label":"person playing handball: medium skin tone","tone":3},{"emoji":"🤾🏾","label":"person playing handball: medium-dark skin tone","tone":4},{"emoji":"🤾🏿","label":"person playing handball: dark skin tone","tone":5}]},{"emoji":"🤾‍♂️","label":"man playing handball","tone":0,"skins":[{"emoji":"🤾🏻‍♂️","label":"man playing handball: light skin tone","tone":1},{"emoji":"🤾🏼‍♂️","label":"man playing handball: medium-light skin tone","tone":2},{"emoji":"🤾🏽‍♂️","label":"man playing handball: medium skin tone","tone":3},{"emoji":"🤾🏾‍♂️","label":"man playing handball: medium-dark skin tone","tone":4},{"emoji":"🤾🏿‍♂️","label":"man playing handball: dark skin tone","tone":5}]},{"emoji":"🤾‍♀️","label":"woman playing handball","tone":0,"skins":[{"emoji":"🤾🏻‍♀️","label":"woman playing handball: light skin tone","tone":1},{"emoji":"🤾🏼‍♀️","label":"woman playing handball: medium-light skin tone","tone":2},{"emoji":"🤾🏽‍♀️","label":"woman playing handball: medium skin tone","tone":3},{"emoji":"🤾🏾‍♀️","label":"woman playing handball: medium-dark skin tone","tone":4},{"emoji":"🤾🏿‍♀️","label":"woman playing handball: dark skin tone","tone":5}]},{"emoji":"🤹","label":"person juggling","tone":0,"skins":[{"emoji":"🤹🏻","label":"person juggling: light skin tone","tone":1},{"emoji":"🤹🏼","label":"person juggling: medium-light skin tone","tone":2},{"emoji":"🤹🏽","label":"person juggling: medium skin tone","tone":3},{"emoji":"🤹🏾","label":"person juggling: medium-dark skin tone","tone":4},{"emoji":"🤹🏿","label":"person juggling: dark skin tone","tone":5}]},{"emoji":"🤹‍♂️","label":"man juggling","tone":0,"skins":[{"emoji":"🤹🏻‍♂️","label":"man juggling: light skin tone","tone":1},{"emoji":"🤹🏼‍♂️","label":"man juggling: medium-light skin tone","tone":2},{"emoji":"🤹🏽‍♂️","label":"man juggling: medium skin tone","tone":3},{"emoji":"🤹🏾‍♂️","label":"man juggling: medium-dark skin tone","tone":4},{"emoji":"🤹🏿‍♂️","label":"man juggling: dark skin tone","tone":5}]},{"emoji":"🤹‍♀️","label":"woman juggling","tone":0,"skins":[{"emoji":"🤹🏻‍♀️","label":"woman juggling: light skin tone","tone":1},{"emoji":"🤹🏼‍♀️","label":"woman juggling: medium-light skin tone","tone":2},{"emoji":"🤹🏽‍♀️","label":"woman juggling: medium skin tone","tone":3},{"emoji":"🤹🏾‍♀️","label":"woman juggling: medium-dark skin tone","tone":4},{"emoji":"🤹🏿‍♀️","label":"woman juggling: dark skin tone","tone":5}]},{"emoji":"🧘","label":"person in lotus position","tone":0,"skins":[{"emoji":"🧘🏻","label":"person in lotus position: light skin tone","tone":1},{"emoji":"🧘🏼","label":"person in lotus position: medium-light skin tone","tone":2},{"emoji":"🧘🏽","label":"person in lotus position: medium skin tone","tone":3},{"emoji":"🧘🏾","label":"person in lotus position: medium-dark skin tone","tone":4},{"emoji":"🧘🏿","label":"person in lotus position: dark skin tone","tone":5}]},{"emoji":"🧘‍♂️","label":"man in lotus position","tone":0,"skins":[{"emoji":"🧘🏻‍♂️","label":"man in lotus position: light skin tone","tone":1},{"emoji":"🧘🏼‍♂️","label":"man in lotus position: medium-light skin tone","tone":2},{"emoji":"🧘🏽‍♂️","label":"man in lotus position: medium skin tone","tone":3},{"emoji":"🧘🏾‍♂️","label":"man in lotus position: medium-dark skin tone","tone":4},{"emoji":"🧘🏿‍♂️","label":"man in lotus position: dark skin tone","tone":5}]},{"emoji":"🧘‍♀️","label":"woman in lotus position","tone":0,"skins":[{"emoji":"🧘🏻‍♀️","label":"woman in lotus position: light skin tone","tone":1},{"emoji":"🧘🏼‍♀️","label":"woman in lotus position: medium-light skin tone","tone":2},{"emoji":"🧘🏽‍♀️","label":"woman in lotus position: medium skin tone","tone":3},{"emoji":"🧘🏾‍♀️","label":"woman in lotus position: medium-dark skin tone","tone":4},{"emoji":"🧘🏿‍♀️","label":"woman in lotus position: dark skin tone","tone":5}]},{"emoji":"🛀","label":"person taking bath","tone":0,"skins":[{"emoji":"🛀🏻","label":"person taking bath: light skin tone","tone":1},{"emoji":"🛀🏼","label":"person taking bath: medium-light skin tone","tone":2},{"emoji":"🛀🏽","label":"person taking bath: medium skin tone","tone":3},{"emoji":"🛀🏾","label":"person taking bath: medium-dark skin tone","tone":4},{"emoji":"🛀🏿","label":"person taking bath: dark skin tone","tone":5}]},{"emoji":"🛌","label":"person in bed","tone":0,"skins":[{"emoji":"🛌🏻","label":"person in bed: light skin tone","tone":1},{"emoji":"🛌🏼","label":"person in bed: medium-light skin tone","tone":2},{"emoji":"🛌🏽","label":"person in bed: medium skin tone","tone":3},{"emoji":"🛌🏾","label":"person in bed: medium-dark skin tone","tone":4},{"emoji":"🛌🏿","label":"person in bed: dark skin tone","tone":5}]},{"emoji":"🧑‍🤝‍🧑","label":"people holding hands","tone":0,"skins":[{"emoji":"🧑🏻‍🤝‍🧑🏻","label":"people holding hands: light skin tone","tone":1},{"emoji":"🧑🏻‍🤝‍🧑🏼","label":"people holding hands: light skin tone, medium-light skin tone","tone":[1,2]},{"emoji":"🧑🏻‍🤝‍🧑🏽","label":"people holding hands: light skin tone, medium skin tone","tone":[1,3]},{"emoji":"🧑🏻‍🤝‍🧑🏾","label":"people holding hands: light skin tone, medium-dark skin tone","tone":[1,4]},{"emoji":"🧑🏻‍🤝‍🧑🏿","label":"people holding hands: light skin tone, dark skin tone","tone":[1,5]},{"emoji":"🧑🏼‍🤝‍🧑🏻","label":"people holding hands: medium-light skin tone, light skin tone","tone":[2,1]},{"emoji":"🧑🏼‍🤝‍🧑🏼","label":"people holding hands: medium-light skin tone","tone":2},{"emoji":"🧑🏼‍🤝‍🧑🏽","label":"people holding hands: medium-light skin tone, medium skin tone","tone":[2,3]},{"emoji":"🧑🏼‍🤝‍🧑🏾","label":"people holding hands: medium-light skin tone, medium-dark skin tone","tone":[2,4]},{"emoji":"🧑🏼‍🤝‍🧑🏿","label":"people holding hands: medium-light skin tone, dark skin tone","tone":[2,5]},{"emoji":"🧑🏽‍🤝‍🧑🏻","label":"people holding hands: medium skin tone, light skin tone","tone":[3,1]},{"emoji":"🧑🏽‍🤝‍🧑🏼","label":"people holding hands: medium skin tone, medium-light skin tone","tone":[3,2]},{"emoji":"🧑🏽‍🤝‍🧑🏽","label":"people holding hands: medium skin tone","tone":3},{"emoji":"🧑🏽‍🤝‍🧑🏾","label":"people holding hands: medium skin tone, medium-dark skin tone","tone":[3,4]},{"emoji":"🧑🏽‍🤝‍🧑🏿","label":"people holding hands: medium skin tone, dark skin tone","tone":[3,5]},{"emoji":"🧑🏾‍🤝‍🧑🏻","label":"people holding hands: medium-dark skin tone, light skin tone","tone":[4,1]},{"emoji":"🧑🏾‍🤝‍🧑🏼","label":"people holding hands: medium-dark skin tone, medium-light skin tone","tone":[4,2]},{"emoji":"🧑🏾‍🤝‍🧑🏽","label":"people holding hands: medium-dark skin tone, medium skin tone","tone":[4,3]},{"emoji":"🧑🏾‍🤝‍🧑🏾","label":"people holding hands: medium-dark skin tone","tone":4},{"emoji":"🧑🏾‍🤝‍🧑🏿","label":"people holding hands: medium-dark skin tone, dark skin tone","tone":[4,5]},{"emoji":"🧑🏿‍🤝‍🧑🏻","label":"people holding hands: dark skin tone, light skin tone","tone":[5,1]},{"emoji":"🧑🏿‍🤝‍🧑🏼","label":"people holding hands: dark skin tone, medium-light skin tone","tone":[5,2]},{"emoji":"🧑🏿‍🤝‍🧑🏽","label":"people holding hands: dark skin tone, medium skin tone","tone":[5,3]},{"emoji":"🧑🏿‍🤝‍🧑🏾","label":"people holding hands: dark skin tone, medium-dark skin tone","tone":[5,4]},{"emoji":"🧑🏿‍🤝‍🧑🏿","label":"people holding hands: dark skin tone","tone":5}]},{"emoji":"👭","label":"women holding hands","tone":0,"skins":[{"emoji":"👭🏻","label":"women holding hands: light skin tone","tone":1},{"emoji":"👭🏼","label":"women holding hands: medium-light skin tone","tone":2},{"emoji":"👭🏽","label":"women holding hands: medium skin tone","tone":3},{"emoji":"👭🏾","label":"women holding hands: medium-dark skin tone","tone":4},{"emoji":"👭🏿","label":"women holding hands: dark skin tone","tone":5},{"emoji":"👩🏻‍🤝‍👩🏼","label":"women holding hands: light skin tone, medium-light skin tone","tone":[1,2]},{"emoji":"👩🏻‍🤝‍👩🏽","label":"women holding hands: light skin tone, medium skin tone","tone":[1,3]},{"emoji":"👩🏻‍🤝‍👩🏾","label":"women holding hands: light skin tone, medium-dark skin tone","tone":[1,4]},{"emoji":"👩🏻‍🤝‍👩🏿","label":"women holding hands: light skin tone, dark skin tone","tone":[1,5]},{"emoji":"👩🏼‍🤝‍👩🏻","label":"women holding hands: medium-light skin tone, light skin tone","tone":[2,1]},{"emoji":"👩🏼‍🤝‍👩🏽","label":"women holding hands: medium-light skin tone, medium skin tone","tone":[2,3]},{"emoji":"👩🏼‍🤝‍👩🏾","label":"women holding hands: medium-light skin tone, medium-dark skin tone","tone":[2,4]},{"emoji":"👩🏼‍🤝‍👩🏿","label":"women holding hands: medium-light skin tone, dark skin tone","tone":[2,5]},{"emoji":"👩🏽‍🤝‍👩🏻","label":"women holding hands: medium skin tone, light skin tone","tone":[3,1]},{"emoji":"👩🏽‍🤝‍👩🏼","label":"women holding hands: medium skin tone, medium-light skin tone","tone":[3,2]},{"emoji":"👩🏽‍🤝‍👩🏾","label":"women holding hands: medium skin tone, medium-dark skin tone","tone":[3,4]},{"emoji":"👩🏽‍🤝‍👩🏿","label":"women holding hands: medium skin tone, dark skin tone","tone":[3,5]},{"emoji":"👩🏾‍🤝‍👩🏻","label":"women holding hands: medium-dark skin tone, light skin tone","tone":[4,1]},{"emoji":"👩🏾‍🤝‍👩🏼","label":"women holding hands: medium-dark skin tone, medium-light skin tone","tone":[4,2]},{"emoji":"👩🏾‍🤝‍👩🏽","label":"women holding hands: medium-dark skin tone, medium skin tone","tone":[4,3]},{"emoji":"👩🏾‍🤝‍👩🏿","label":"women holding hands: medium-dark skin tone, dark skin tone","tone":[4,5]},{"emoji":"👩🏿‍🤝‍👩🏻","label":"women holding hands: dark skin tone, light skin tone","tone":[5,1]},{"emoji":"👩🏿‍🤝‍👩🏼","label":"women holding hands: dark skin tone, medium-light skin tone","tone":[5,2]},{"emoji":"👩🏿‍🤝‍👩🏽","label":"women holding hands: dark skin tone, medium skin tone","tone":[5,3]},{"emoji":"👩🏿‍🤝‍👩🏾","label":"women holding hands: dark skin tone, medium-dark skin tone","tone":[5,4]}]},{"emoji":"👫","label":"woman and man holding hands","tone":0,"skins":[{"emoji":"👫🏻","label":"woman and man holding hands: light skin tone","tone":1},{"emoji":"👫🏼","label":"woman and man holding hands: medium-light skin tone","tone":2},{"emoji":"👫🏽","label":"woman and man holding hands: medium skin tone","tone":3},{"emoji":"👫🏾","label":"woman and man holding hands: medium-dark skin tone","tone":4},{"emoji":"👫🏿","label":"woman and man holding hands: dark skin tone","tone":5},{"emoji":"👩🏻‍🤝‍👨🏼","label":"woman and man holding hands: light skin tone, medium-light skin tone","tone":[1,2]},{"emoji":"👩🏻‍🤝‍👨🏽","label":"woman and man holding hands: light skin tone, medium skin tone","tone":[1,3]},{"emoji":"👩🏻‍🤝‍👨🏾","label":"woman and man holding hands: light skin tone, medium-dark skin tone","tone":[1,4]},{"emoji":"👩🏻‍🤝‍👨🏿","label":"woman and man holding hands: light skin tone, dark skin tone","tone":[1,5]},{"emoji":"👩🏼‍🤝‍👨🏻","label":"woman and man holding hands: medium-light skin tone, light skin tone","tone":[2,1]},{"emoji":"👩🏼‍🤝‍👨🏽","label":"woman and man holding hands: medium-light skin tone, medium skin tone","tone":[2,3]},{"emoji":"👩🏼‍🤝‍👨🏾","label":"woman and man holding hands: medium-light skin tone, medium-dark skin tone","tone":[2,4]},{"emoji":"👩🏼‍🤝‍👨🏿","label":"woman and man holding hands: medium-light skin tone, dark skin tone","tone":[2,5]},{"emoji":"👩🏽‍🤝‍👨🏻","label":"woman and man holding hands: medium skin tone, light skin tone","tone":[3,1]},{"emoji":"👩🏽‍🤝‍👨🏼","label":"woman and man holding hands: medium skin tone, medium-light skin tone","tone":[3,2]},{"emoji":"👩🏽‍🤝‍👨🏾","label":"woman and man holding hands: medium skin tone, medium-dark skin tone","tone":[3,4]},{"emoji":"👩🏽‍🤝‍👨🏿","label":"woman and man holding hands: medium skin tone, dark skin tone","tone":[3,5]},{"emoji":"👩🏾‍🤝‍👨🏻","label":"woman and man holding hands: medium-dark skin tone, light skin tone","tone":[4,1]},{"emoji":"👩🏾‍🤝‍👨🏼","label":"woman and man holding hands: medium-dark skin tone, medium-light skin tone","tone":[4,2]},{"emoji":"👩🏾‍🤝‍👨🏽","label":"woman and man holding hands: medium-dark skin tone, medium skin tone","tone":[4,3]},{"emoji":"👩🏾‍🤝‍👨🏿","label":"woman and man holding hands: medium-dark skin tone, dark skin tone","tone":[4,5]},{"emoji":"👩🏿‍🤝‍👨🏻","label":"woman and man holding hands: dark skin tone, light skin tone","tone":[5,1]},{"emoji":"👩🏿‍🤝‍👨🏼","label":"woman and man holding hands: dark skin tone, medium-light skin tone","tone":[5,2]},{"emoji":"👩🏿‍🤝‍👨🏽","label":"woman and man holding hands: dark skin tone, medium skin tone","tone":[5,3]},{"emoji":"👩🏿‍🤝‍👨🏾","label":"woman and man holding hands: dark skin tone, medium-dark skin tone","tone":[5,4]}]},{"emoji":"👬","label":"men holding hands","tone":0,"skins":[{"emoji":"👬🏻","label":"men holding hands: light skin tone","tone":1},{"emoji":"👬🏼","label":"men holding hands: medium-light skin tone","tone":2},{"emoji":"👬🏽","label":"men holding hands: medium skin tone","tone":3},{"emoji":"👬🏾","label":"men holding hands: medium-dark skin tone","tone":4},{"emoji":"👬🏿","label":"men holding hands: dark skin tone","tone":5},{"emoji":"👨🏻‍🤝‍👨🏼","label":"men holding hands: light skin tone, medium-light skin tone","tone":[1,2]},{"emoji":"👨🏻‍🤝‍👨🏽","label":"men holding hands: light skin tone, medium skin tone","tone":[1,3]},{"emoji":"👨🏻‍🤝‍👨🏾","label":"men holding hands: light skin tone, medium-dark skin tone","tone":[1,4]},{"emoji":"👨🏻‍🤝‍👨🏿","label":"men holding hands: light skin tone, dark skin tone","tone":[1,5]},{"emoji":"👨🏼‍🤝‍👨🏻","label":"men holding hands: medium-light skin tone, light skin tone","tone":[2,1]},{"emoji":"👨🏼‍🤝‍👨🏽","label":"men holding hands: medium-light skin tone, medium skin tone","tone":[2,3]},{"emoji":"👨🏼‍🤝‍👨🏾","label":"men holding hands: medium-light skin tone, medium-dark skin tone","tone":[2,4]},{"emoji":"👨🏼‍🤝‍👨🏿","label":"men holding hands: medium-light skin tone, dark skin tone","tone":[2,5]},{"emoji":"👨🏽‍🤝‍👨🏻","label":"men holding hands: medium skin tone, light skin tone","tone":[3,1]},{"emoji":"👨🏽‍🤝‍👨🏼","label":"men holding hands: medium skin tone, medium-light skin tone","tone":[3,2]},{"emoji":"👨🏽‍🤝‍👨🏾","label":"men holding hands: medium skin tone, medium-dark skin tone","tone":[3,4]},{"emoji":"👨🏽‍🤝‍👨🏿","label":"men holding hands: medium skin tone, dark skin tone","tone":[3,5]},{"emoji":"👨🏾‍🤝‍👨🏻","label":"men holding hands: medium-dark skin tone, light skin tone","tone":[4,1]},{"emoji":"👨🏾‍🤝‍👨🏼","label":"men holding hands: medium-dark skin tone, medium-light skin tone","tone":[4,2]},{"emoji":"👨🏾‍🤝‍👨🏽","label":"men holding hands: medium-dark skin tone, medium skin tone","tone":[4,3]},{"emoji":"👨🏾‍🤝‍👨🏿","label":"men holding hands: medium-dark skin tone, dark skin tone","tone":[4,5]},{"emoji":"👨🏿‍🤝‍👨🏻","label":"men holding hands: dark skin tone, light skin tone","tone":[5,1]},{"emoji":"👨🏿‍🤝‍👨🏼","label":"men holding hands: dark skin tone, medium-light skin tone","tone":[5,2]},{"emoji":"👨🏿‍🤝‍👨🏽","label":"men holding hands: dark skin tone, medium skin tone","tone":[5,3]},{"emoji":"👨🏿‍🤝‍👨🏾","label":"men holding hands: dark skin tone, medium-dark skin tone","tone":[5,4]}]},{"emoji":"💏","label":"kiss","tone":0,"skins":[{"emoji":"💏🏻","label":"kiss: light skin tone","tone":1},{"emoji":"💏🏼","label":"kiss: medium-light skin tone","tone":2},{"emoji":"💏🏽","label":"kiss: medium skin tone","tone":3},{"emoji":"💏🏾","label":"kiss: medium-dark skin tone","tone":4},{"emoji":"💏🏿","label":"kiss: dark skin tone","tone":5},{"emoji":"🧑🏻‍❤️‍💋‍🧑🏼","label":"kiss: person, person, light skin tone, medium-light skin tone","tone":[1,2]},{"emoji":"🧑🏻‍❤️‍💋‍🧑🏽","label":"kiss: person, person, light skin tone, medium skin tone","tone":[1,3]},{"emoji":"🧑🏻‍❤️‍💋‍🧑🏾","label":"kiss: person, person, light skin tone, medium-dark skin tone","tone":[1,4]},{"emoji":"🧑🏻‍❤️‍💋‍🧑🏿","label":"kiss: person, person, light skin tone, dark skin tone","tone":[1,5]},{"emoji":"🧑🏼‍❤️‍💋‍🧑🏻","label":"kiss: person, person, medium-light skin tone, light skin tone","tone":[2,1]},{"emoji":"🧑🏼‍❤️‍💋‍🧑🏽","label":"kiss: person, person, medium-light skin tone, medium skin tone","tone":[2,3]},{"emoji":"🧑🏼‍❤️‍💋‍🧑🏾","label":"kiss: person, person, medium-light skin tone, medium-dark skin tone","tone":[2,4]},{"emoji":"🧑🏼‍❤️‍💋‍🧑🏿","label":"kiss: person, person, medium-light skin tone, dark skin tone","tone":[2,5]},{"emoji":"🧑🏽‍❤️‍💋‍🧑🏻","label":"kiss: person, person, medium skin tone, light skin tone","tone":[3,1]},{"emoji":"🧑🏽‍❤️‍💋‍🧑🏼","label":"kiss: person, person, medium skin tone, medium-light skin tone","tone":[3,2]},{"emoji":"🧑🏽‍❤️‍💋‍🧑🏾","label":"kiss: person, person, medium skin tone, medium-dark skin tone","tone":[3,4]},{"emoji":"🧑🏽‍❤️‍💋‍🧑🏿","label":"kiss: person, person, medium skin tone, dark skin tone","tone":[3,5]},{"emoji":"🧑🏾‍❤️‍💋‍🧑🏻","label":"kiss: person, person, medium-dark skin tone, light skin tone","tone":[4,1]},{"emoji":"🧑🏾‍❤️‍💋‍🧑🏼","label":"kiss: person, person, medium-dark skin tone, medium-light skin tone","tone":[4,2]},{"emoji":"🧑🏾‍❤️‍💋‍🧑🏽","label":"kiss: person, person, medium-dark skin tone, medium skin tone","tone":[4,3]},{"emoji":"🧑🏾‍❤️‍💋‍🧑🏿","label":"kiss: person, person, medium-dark skin tone, dark skin tone","tone":[4,5]},{"emoji":"🧑🏿‍❤️‍💋‍🧑🏻","label":"kiss: person, person, dark skin tone, light skin tone","tone":[5,1]},{"emoji":"🧑🏿‍❤️‍💋‍🧑🏼","label":"kiss: person, person, dark skin tone, medium-light skin tone","tone":[5,2]},{"emoji":"🧑🏿‍❤️‍💋‍🧑🏽","label":"kiss: person, person, dark skin tone, medium skin tone","tone":[5,3]},{"emoji":"🧑🏿‍❤️‍💋‍🧑🏾","label":"kiss: person, person, dark skin tone, medium-dark skin tone","tone":[5,4]}]},{"emoji":"👩‍❤️‍💋‍👨","label":"kiss: woman, man","tone":0,"skins":[{"emoji":"👩🏻‍❤️‍💋‍👨🏻","label":"kiss: woman, man, light skin tone","tone":1},{"emoji":"👩🏻‍❤️‍💋‍👨🏼","label":"kiss: woman, man, light skin tone, medium-light skin tone","tone":[1,2]},{"emoji":"👩🏻‍❤️‍💋‍👨🏽","label":"kiss: woman, man, light skin tone, medium skin tone","tone":[1,3]},{"emoji":"👩🏻‍❤️‍💋‍👨🏾","label":"kiss: woman, man, light skin tone, medium-dark skin tone","tone":[1,4]},{"emoji":"👩🏻‍❤️‍💋‍👨🏿","label":"kiss: woman, man, light skin tone, dark skin tone","tone":[1,5]},{"emoji":"👩🏼‍❤️‍💋‍👨🏻","label":"kiss: woman, man, medium-light skin tone, light skin tone","tone":[2,1]},{"emoji":"👩🏼‍❤️‍💋‍👨🏼","label":"kiss: woman, man, medium-light skin tone","tone":2},{"emoji":"👩🏼‍❤️‍💋‍👨🏽","label":"kiss: woman, man, medium-light skin tone, medium skin tone","tone":[2,3]},{"emoji":"👩🏼‍❤️‍💋‍👨🏾","label":"kiss: woman, man, medium-light skin tone, medium-dark skin tone","tone":[2,4]},{"emoji":"👩🏼‍❤️‍💋‍👨🏿","label":"kiss: woman, man, medium-light skin tone, dark skin tone","tone":[2,5]},{"emoji":"👩🏽‍❤️‍💋‍👨🏻","label":"kiss: woman, man, medium skin tone, light skin tone","tone":[3,1]},{"emoji":"👩🏽‍❤️‍💋‍👨🏼","label":"kiss: woman, man, medium skin tone, medium-light skin tone","tone":[3,2]},{"emoji":"👩🏽‍❤️‍💋‍👨🏽","label":"kiss: woman, man, medium skin tone","tone":3},{"emoji":"👩🏽‍❤️‍💋‍👨🏾","label":"kiss: woman, man, medium skin tone, medium-dark skin tone","tone":[3,4]},{"emoji":"👩🏽‍❤️‍💋‍👨🏿","label":"kiss: woman, man, medium skin tone, dark skin tone","tone":[3,5]},{"emoji":"👩🏾‍❤️‍💋‍👨🏻","label":"kiss: woman, man, medium-dark skin tone, light skin tone","tone":[4,1]},{"emoji":"👩🏾‍❤️‍💋‍👨🏼","label":"kiss: woman, man, medium-dark skin tone, medium-light skin tone","tone":[4,2]},{"emoji":"👩🏾‍❤️‍💋‍👨🏽","label":"kiss: woman, man, medium-dark skin tone, medium skin tone","tone":[4,3]},{"emoji":"👩🏾‍❤️‍💋‍👨🏾","label":"kiss: woman, man, medium-dark skin tone","tone":4},{"emoji":"👩🏾‍❤️‍💋‍👨🏿","label":"kiss: woman, man, medium-dark skin tone, dark skin tone","tone":[4,5]},{"emoji":"👩🏿‍❤️‍💋‍👨🏻","label":"kiss: woman, man, dark skin tone, light skin tone","tone":[5,1]},{"emoji":"👩🏿‍❤️‍💋‍👨🏼","label":"kiss: woman, man, dark skin tone, medium-light skin tone","tone":[5,2]},{"emoji":"👩🏿‍❤️‍💋‍👨🏽","label":"kiss: woman, man, dark skin tone, medium skin tone","tone":[5,3]},{"emoji":"👩🏿‍❤️‍💋‍👨🏾","label":"kiss: woman, man, dark skin tone, medium-dark skin tone","tone":[5,4]},{"emoji":"👩🏿‍❤️‍💋‍👨🏿","label":"kiss: woman, man, dark skin tone","tone":5}]},{"emoji":"👨‍❤️‍💋‍👨","label":"kiss: man, man","tone":0,"skins":[{"emoji":"👨🏻‍❤️‍💋‍👨🏻","label":"kiss: man, man, light skin tone","tone":1},{"emoji":"👨🏻‍❤️‍💋‍👨🏼","label":"kiss: man, man, light skin tone, medium-light skin tone","tone":[1,2]},{"emoji":"👨🏻‍❤️‍💋‍👨🏽","label":"kiss: man, man, light skin tone, medium skin tone","tone":[1,3]},{"emoji":"👨🏻‍❤️‍💋‍👨🏾","label":"kiss: man, man, light skin tone, medium-dark skin tone","tone":[1,4]},{"emoji":"👨🏻‍❤️‍💋‍👨🏿","label":"kiss: man, man, light skin tone, dark skin tone","tone":[1,5]},{"emoji":"👨🏼‍❤️‍💋‍👨🏻","label":"kiss: man, man, medium-light skin tone, light skin tone","tone":[2,1]},{"emoji":"👨🏼‍❤️‍💋‍👨🏼","label":"kiss: man, man, medium-light skin tone","tone":2},{"emoji":"👨🏼‍❤️‍💋‍👨🏽","label":"kiss: man, man, medium-light skin tone, medium skin tone","tone":[2,3]},{"emoji":"👨🏼‍❤️‍💋‍👨🏾","label":"kiss: man, man, medium-light skin tone, medium-dark skin tone","tone":[2,4]},{"emoji":"👨🏼‍❤️‍💋‍👨🏿","label":"kiss: man, man, medium-light skin tone, dark skin tone","tone":[2,5]},{"emoji":"👨🏽‍❤️‍💋‍👨🏻","label":"kiss: man, man, medium skin tone, light skin tone","tone":[3,1]},{"emoji":"👨🏽‍❤️‍💋‍👨🏼","label":"kiss: man, man, medium skin tone, medium-light skin tone","tone":[3,2]},{"emoji":"👨🏽‍❤️‍💋‍👨🏽","label":"kiss: man, man, medium skin tone","tone":3},{"emoji":"👨🏽‍❤️‍💋‍👨🏾","label":"kiss: man, man, medium skin tone, medium-dark skin tone","tone":[3,4]},{"emoji":"👨🏽‍❤️‍💋‍👨🏿","label":"kiss: man, man, medium skin tone, dark skin tone","tone":[3,5]},{"emoji":"👨🏾‍❤️‍💋‍👨🏻","label":"kiss: man, man, medium-dark skin tone, light skin tone","tone":[4,1]},{"emoji":"👨🏾‍❤️‍💋‍👨🏼","label":"kiss: man, man, medium-dark skin tone, medium-light skin tone","tone":[4,2]},{"emoji":"👨🏾‍❤️‍💋‍👨🏽","label":"kiss: man, man, medium-dark skin tone, medium skin tone","tone":[4,3]},{"emoji":"👨🏾‍❤️‍💋‍👨🏾","label":"kiss: man, man, medium-dark skin tone","tone":4},{"emoji":"👨🏾‍❤️‍💋‍👨🏿","label":"kiss: man, man, medium-dark skin tone, dark skin tone","tone":[4,5]},{"emoji":"👨🏿‍❤️‍💋‍👨🏻","label":"kiss: man, man, dark skin tone, light skin tone","tone":[5,1]},{"emoji":"👨🏿‍❤️‍💋‍👨🏼","label":"kiss: man, man, dark skin tone, medium-light skin tone","tone":[5,2]},{"emoji":"👨🏿‍❤️‍💋‍👨🏽","label":"kiss: man, man, dark skin tone, medium skin tone","tone":[5,3]},{"emoji":"👨🏿‍❤️‍💋‍👨🏾","label":"kiss: man, man, dark skin tone, medium-dark skin tone","tone":[5,4]},{"emoji":"👨🏿‍❤️‍💋‍👨🏿","label":"kiss: man, man, dark skin tone","tone":5}]},{"emoji":"👩‍❤️‍💋‍👩","label":"kiss: woman, woman","tone":0,"skins":[{"emoji":"👩🏻‍❤️‍💋‍👩🏻","label":"kiss: woman, woman, light skin tone","tone":1},{"emoji":"👩🏻‍❤️‍💋‍👩🏼","label":"kiss: woman, woman, light skin tone, medium-light skin tone","tone":[1,2]},{"emoji":"👩🏻‍❤️‍💋‍👩🏽","label":"kiss: woman, woman, light skin tone, medium skin tone","tone":[1,3]},{"emoji":"👩🏻‍❤️‍💋‍👩🏾","label":"kiss: woman, woman, light skin tone, medium-dark skin tone","tone":[1,4]},{"emoji":"👩🏻‍❤️‍💋‍👩🏿","label":"kiss: woman, woman, light skin tone, dark skin tone","tone":[1,5]},{"emoji":"👩🏼‍❤️‍💋‍👩🏻","label":"kiss: woman, woman, medium-light skin tone, light skin tone","tone":[2,1]},{"emoji":"👩🏼‍❤️‍💋‍👩🏼","label":"kiss: woman, woman, medium-light skin tone","tone":2},{"emoji":"👩🏼‍❤️‍💋‍👩🏽","label":"kiss: woman, woman, medium-light skin tone, medium skin tone","tone":[2,3]},{"emoji":"👩🏼‍❤️‍💋‍👩🏾","label":"kiss: woman, woman, medium-light skin tone, medium-dark skin tone","tone":[2,4]},{"emoji":"👩🏼‍❤️‍💋‍👩🏿","label":"kiss: woman, woman, medium-light skin tone, dark skin tone","tone":[2,5]},{"emoji":"👩🏽‍❤️‍💋‍👩🏻","label":"kiss: woman, woman, medium skin tone, light skin tone","tone":[3,1]},{"emoji":"👩🏽‍❤️‍💋‍👩🏼","label":"kiss: woman, woman, medium skin tone, medium-light skin tone","tone":[3,2]},{"emoji":"👩🏽‍❤️‍💋‍👩🏽","label":"kiss: woman, woman, medium skin tone","tone":3},{"emoji":"👩🏽‍❤️‍💋‍👩🏾","label":"kiss: woman, woman, medium skin tone, medium-dark skin tone","tone":[3,4]},{"emoji":"👩🏽‍❤️‍💋‍👩🏿","label":"kiss: woman, woman, medium skin tone, dark skin tone","tone":[3,5]},{"emoji":"👩🏾‍❤️‍💋‍👩🏻","label":"kiss: woman, woman, medium-dark skin tone, light skin tone","tone":[4,1]},{"emoji":"👩🏾‍❤️‍💋‍👩🏼","label":"kiss: woman, woman, medium-dark skin tone, medium-light skin tone","tone":[4,2]},{"emoji":"👩🏾‍❤️‍💋‍👩🏽","label":"kiss: woman, woman, medium-dark skin tone, medium skin tone","tone":[4,3]},{"emoji":"👩🏾‍❤️‍💋‍👩🏾","label":"kiss: woman, woman, medium-dark skin tone","tone":4},{"emoji":"👩🏾‍❤️‍💋‍👩🏿","label":"kiss: woman, woman, medium-dark skin tone, dark skin tone","tone":[4,5]},{"emoji":"👩🏿‍❤️‍💋‍👩🏻","label":"kiss: woman, woman, dark skin tone, light skin tone","tone":[5,1]},{"emoji":"👩🏿‍❤️‍💋‍👩🏼","label":"kiss: woman, woman, dark skin tone, medium-light skin tone","tone":[5,2]},{"emoji":"👩🏿‍❤️‍💋‍👩🏽","label":"kiss: woman, woman, dark skin tone, medium skin tone","tone":[5,3]},{"emoji":"👩🏿‍❤️‍💋‍👩🏾","label":"kiss: woman, woman, dark skin tone, medium-dark skin tone","tone":[5,4]},{"emoji":"👩🏿‍❤️‍💋‍👩🏿","label":"kiss: woman, woman, dark skin tone","tone":5}]},{"emoji":"💑","label":"couple with heart","tone":0,"skins":[{"emoji":"💑🏻","label":"couple with heart: light skin tone","tone":1},{"emoji":"💑🏼","label":"couple with heart: medium-light skin tone","tone":2},{"emoji":"💑🏽","label":"couple with heart: medium skin tone","tone":3},{"emoji":"💑🏾","label":"couple with heart: medium-dark skin tone","tone":4},{"emoji":"💑🏿","label":"couple with heart: dark skin tone","tone":5},{"emoji":"🧑🏻‍❤️‍🧑🏼","label":"couple with heart: person, person, light skin tone, medium-light skin tone","tone":[1,2]},{"emoji":"🧑🏻‍❤️‍🧑🏽","label":"couple with heart: person, person, light skin tone, medium skin tone","tone":[1,3]},{"emoji":"🧑🏻‍❤️‍🧑🏾","label":"couple with heart: person, person, light skin tone, medium-dark skin tone","tone":[1,4]},{"emoji":"🧑🏻‍❤️‍🧑🏿","label":"couple with heart: person, person, light skin tone, dark skin tone","tone":[1,5]},{"emoji":"🧑🏼‍❤️‍🧑🏻","label":"couple with heart: person, person, medium-light skin tone, light skin tone","tone":[2,1]},{"emoji":"🧑🏼‍❤️‍🧑🏽","label":"couple with heart: person, person, medium-light skin tone, medium skin tone","tone":[2,3]},{"emoji":"🧑🏼‍❤️‍🧑🏾","label":"couple with heart: person, person, medium-light skin tone, medium-dark skin tone","tone":[2,4]},{"emoji":"🧑🏼‍❤️‍🧑🏿","label":"couple with heart: person, person, medium-light skin tone, dark skin tone","tone":[2,5]},{"emoji":"🧑🏽‍❤️‍🧑🏻","label":"couple with heart: person, person, medium skin tone, light skin tone","tone":[3,1]},{"emoji":"🧑🏽‍❤️‍🧑🏼","label":"couple with heart: person, person, medium skin tone, medium-light skin tone","tone":[3,2]},{"emoji":"🧑🏽‍❤️‍🧑🏾","label":"couple with heart: person, person, medium skin tone, medium-dark skin tone","tone":[3,4]},{"emoji":"🧑🏽‍❤️‍🧑🏿","label":"couple with heart: person, person, medium skin tone, dark skin tone","tone":[3,5]},{"emoji":"🧑🏾‍❤️‍🧑🏻","label":"couple with heart: person, person, medium-dark skin tone, light skin tone","tone":[4,1]},{"emoji":"🧑🏾‍❤️‍🧑🏼","label":"couple with heart: person, person, medium-dark skin tone, medium-light skin tone","tone":[4,2]},{"emoji":"🧑🏾‍❤️‍🧑🏽","label":"couple with heart: person, person, medium-dark skin tone, medium skin tone","tone":[4,3]},{"emoji":"🧑🏾‍❤️‍🧑🏿","label":"couple with heart: person, person, medium-dark skin tone, dark skin tone","tone":[4,5]},{"emoji":"🧑🏿‍❤️‍🧑🏻","label":"couple with heart: person, person, dark skin tone, light skin tone","tone":[5,1]},{"emoji":"🧑🏿‍❤️‍🧑🏼","label":"couple with heart: person, person, dark skin tone, medium-light skin tone","tone":[5,2]},{"emoji":"🧑🏿‍❤️‍🧑🏽","label":"couple with heart: person, person, dark skin tone, medium skin tone","tone":[5,3]},{"emoji":"🧑🏿‍❤️‍🧑🏾","label":"couple with heart: person, person, dark skin tone, medium-dark skin tone","tone":[5,4]}]},{"emoji":"👩‍❤️‍👨","label":"couple with heart: woman, man","tone":0,"skins":[{"emoji":"👩🏻‍❤️‍👨🏻","label":"couple with heart: woman, man, light skin tone","tone":1},{"emoji":"👩🏻‍❤️‍👨🏼","label":"couple with heart: woman, man, light skin tone, medium-light skin tone","tone":[1,2]},{"emoji":"👩🏻‍❤️‍👨🏽","label":"couple with heart: woman, man, light skin tone, medium skin tone","tone":[1,3]},{"emoji":"👩🏻‍❤️‍👨🏾","label":"couple with heart: woman, man, light skin tone, medium-dark skin tone","tone":[1,4]},{"emoji":"👩🏻‍❤️‍👨🏿","label":"couple with heart: woman, man, light skin tone, dark skin tone","tone":[1,5]},{"emoji":"👩🏼‍❤️‍👨🏻","label":"couple with heart: woman, man, medium-light skin tone, light skin tone","tone":[2,1]},{"emoji":"👩🏼‍❤️‍👨🏼","label":"couple with heart: woman, man, medium-light skin tone","tone":2},{"emoji":"👩🏼‍❤️‍👨🏽","label":"couple with heart: woman, man, medium-light skin tone, medium skin tone","tone":[2,3]},{"emoji":"👩🏼‍❤️‍👨🏾","label":"couple with heart: woman, man, medium-light skin tone, medium-dark skin tone","tone":[2,4]},{"emoji":"👩🏼‍❤️‍👨🏿","label":"couple with heart: woman, man, medium-light skin tone, dark skin tone","tone":[2,5]},{"emoji":"👩🏽‍❤️‍👨🏻","label":"couple with heart: woman, man, medium skin tone, light skin tone","tone":[3,1]},{"emoji":"👩🏽‍❤️‍👨🏼","label":"couple with heart: woman, man, medium skin tone, medium-light skin tone","tone":[3,2]},{"emoji":"👩🏽‍❤️‍👨🏽","label":"couple with heart: woman, man, medium skin tone","tone":3},{"emoji":"👩🏽‍❤️‍👨🏾","label":"couple with heart: woman, man, medium skin tone, medium-dark skin tone","tone":[3,4]},{"emoji":"👩🏽‍❤️‍👨🏿","label":"couple with heart: woman, man, medium skin tone, dark skin tone","tone":[3,5]},{"emoji":"👩🏾‍❤️‍👨🏻","label":"couple with heart: woman, man, medium-dark skin tone, light skin tone","tone":[4,1]},{"emoji":"👩🏾‍❤️‍👨🏼","label":"couple with heart: woman, man, medium-dark skin tone, medium-light skin tone","tone":[4,2]},{"emoji":"👩🏾‍❤️‍👨🏽","label":"couple with heart: woman, man, medium-dark skin tone, medium skin tone","tone":[4,3]},{"emoji":"👩🏾‍❤️‍👨🏾","label":"couple with heart: woman, man, medium-dark skin tone","tone":4},{"emoji":"👩🏾‍❤️‍👨🏿","label":"couple with heart: woman, man, medium-dark skin tone, dark skin tone","tone":[4,5]},{"emoji":"👩🏿‍❤️‍👨🏻","label":"couple with heart: woman, man, dark skin tone, light skin tone","tone":[5,1]},{"emoji":"👩🏿‍❤️‍👨🏼","label":"couple with heart: woman, man, dark skin tone, medium-light skin tone","tone":[5,2]},{"emoji":"👩🏿‍❤️‍👨🏽","label":"couple with heart: woman, man, dark skin tone, medium skin tone","tone":[5,3]},{"emoji":"👩🏿‍❤️‍👨🏾","label":"couple with heart: woman, man, dark skin tone, medium-dark skin tone","tone":[5,4]},{"emoji":"👩🏿‍❤️‍👨🏿","label":"couple with heart: woman, man, dark skin tone","tone":5}]},{"emoji":"👨‍❤️‍👨","label":"couple with heart: man, man","tone":0,"skins":[{"emoji":"👨🏻‍❤️‍👨🏻","label":"couple with heart: man, man, light skin tone","tone":1},{"emoji":"👨🏻‍❤️‍👨🏼","label":"couple with heart: man, man, light skin tone, medium-light skin tone","tone":[1,2]},{"emoji":"👨🏻‍❤️‍👨🏽","label":"couple with heart: man, man, light skin tone, medium skin tone","tone":[1,3]},{"emoji":"👨🏻‍❤️‍👨🏾","label":"couple with heart: man, man, light skin tone, medium-dark skin tone","tone":[1,4]},{"emoji":"👨🏻‍❤️‍👨🏿","label":"couple with heart: man, man, light skin tone, dark skin tone","tone":[1,5]},{"emoji":"👨🏼‍❤️‍👨🏻","label":"couple with heart: man, man, medium-light skin tone, light skin tone","tone":[2,1]},{"emoji":"👨🏼‍❤️‍👨🏼","label":"couple with heart: man, man, medium-light skin tone","tone":2},{"emoji":"👨🏼‍❤️‍👨🏽","label":"couple with heart: man, man, medium-light skin tone, medium skin tone","tone":[2,3]},{"emoji":"👨🏼‍❤️‍👨🏾","label":"couple with heart: man, man, medium-light skin tone, medium-dark skin tone","tone":[2,4]},{"emoji":"👨🏼‍❤️‍👨🏿","label":"couple with heart: man, man, medium-light skin tone, dark skin tone","tone":[2,5]},{"emoji":"👨🏽‍❤️‍👨🏻","label":"couple with heart: man, man, medium skin tone, light skin tone","tone":[3,1]},{"emoji":"👨🏽‍❤️‍👨🏼","label":"couple with heart: man, man, medium skin tone, medium-light skin tone","tone":[3,2]},{"emoji":"👨🏽‍❤️‍👨🏽","label":"couple with heart: man, man, medium skin tone","tone":3},{"emoji":"👨🏽‍❤️‍👨🏾","label":"couple with heart: man, man, medium skin tone, medium-dark skin tone","tone":[3,4]},{"emoji":"👨🏽‍❤️‍👨🏿","label":"couple with heart: man, man, medium skin tone, dark skin tone","tone":[3,5]},{"emoji":"👨🏾‍❤️‍👨🏻","label":"couple with heart: man, man, medium-dark skin tone, light skin tone","tone":[4,1]},{"emoji":"👨🏾‍❤️‍👨🏼","label":"couple with heart: man, man, medium-dark skin tone, medium-light skin tone","tone":[4,2]},{"emoji":"👨🏾‍❤️‍👨🏽","label":"couple with heart: man, man, medium-dark skin tone, medium skin tone","tone":[4,3]},{"emoji":"👨🏾‍❤️‍👨🏾","label":"couple with heart: man, man, medium-dark skin tone","tone":4},{"emoji":"👨🏾‍❤️‍👨🏿","label":"couple with heart: man, man, medium-dark skin tone, dark skin tone","tone":[4,5]},{"emoji":"👨🏿‍❤️‍👨🏻","label":"couple with heart: man, man, dark skin tone, light skin tone","tone":[5,1]},{"emoji":"👨🏿‍❤️‍👨🏼","label":"couple with heart: man, man, dark skin tone, medium-light skin tone","tone":[5,2]},{"emoji":"👨🏿‍❤️‍👨🏽","label":"couple with heart: man, man, dark skin tone, medium skin tone","tone":[5,3]},{"emoji":"👨🏿‍❤️‍👨🏾","label":"couple with heart: man, man, dark skin tone, medium-dark skin tone","tone":[5,4]},{"emoji":"👨🏿‍❤️‍👨🏿","label":"couple with heart: man, man, dark skin tone","tone":5}]},{"emoji":"👩‍❤️‍👩","label":"couple with heart: woman, woman","tone":0,"skins":[{"emoji":"👩🏻‍❤️‍👩🏻","label":"couple with heart: woman, woman, light skin tone","tone":1},{"emoji":"👩🏻‍❤️‍👩🏼","label":"couple with heart: woman, woman, light skin tone, medium-light skin tone","tone":[1,2]},{"emoji":"👩🏻‍❤️‍👩🏽","label":"couple with heart: woman, woman, light skin tone, medium skin tone","tone":[1,3]},{"emoji":"👩🏻‍❤️‍👩🏾","label":"couple with heart: woman, woman, light skin tone, medium-dark skin tone","tone":[1,4]},{"emoji":"👩🏻‍❤️‍👩🏿","label":"couple with heart: woman, woman, light skin tone, dark skin tone","tone":[1,5]},{"emoji":"👩🏼‍❤️‍👩🏻","label":"couple with heart: woman, woman, medium-light skin tone, light skin tone","tone":[2,1]},{"emoji":"👩🏼‍❤️‍👩🏼","label":"couple with heart: woman, woman, medium-light skin tone","tone":2},{"emoji":"👩🏼‍❤️‍👩🏽","label":"couple with heart: woman, woman, medium-light skin tone, medium skin tone","tone":[2,3]},{"emoji":"👩🏼‍❤️‍👩🏾","label":"couple with heart: woman, woman, medium-light skin tone, medium-dark skin tone","tone":[2,4]},{"emoji":"👩🏼‍❤️‍👩🏿","label":"couple with heart: woman, woman, medium-light skin tone, dark skin tone","tone":[2,5]},{"emoji":"👩🏽‍❤️‍👩🏻","label":"couple with heart: woman, woman, medium skin tone, light skin tone","tone":[3,1]},{"emoji":"👩🏽‍❤️‍👩🏼","label":"couple with heart: woman, woman, medium skin tone, medium-light skin tone","tone":[3,2]},{"emoji":"👩🏽‍❤️‍👩🏽","label":"couple with heart: woman, woman, medium skin tone","tone":3},{"emoji":"👩🏽‍❤️‍👩🏾","label":"couple with heart: woman, woman, medium skin tone, medium-dark skin tone","tone":[3,4]},{"emoji":"👩🏽‍❤️‍👩🏿","label":"couple with heart: woman, woman, medium skin tone, dark skin tone","tone":[3,5]},{"emoji":"👩🏾‍❤️‍👩🏻","label":"couple with heart: woman, woman, medium-dark skin tone, light skin tone","tone":[4,1]},{"emoji":"👩🏾‍❤️‍👩🏼","label":"couple with heart: woman, woman, medium-dark skin tone, medium-light skin tone","tone":[4,2]},{"emoji":"👩🏾‍❤️‍👩🏽","label":"couple with heart: woman, woman, medium-dark skin tone, medium skin tone","tone":[4,3]},{"emoji":"👩🏾‍❤️‍👩🏾","label":"couple with heart: woman, woman, medium-dark skin tone","tone":4},{"emoji":"👩🏾‍❤️‍👩🏿","label":"couple with heart: woman, woman, medium-dark skin tone, dark skin tone","tone":[4,5]},{"emoji":"👩🏿‍❤️‍👩🏻","label":"couple with heart: woman, woman, dark skin tone, light skin tone","tone":[5,1]},{"emoji":"👩🏿‍❤️‍👩🏼","label":"couple with heart: woman, woman, dark skin tone, medium-light skin tone","tone":[5,2]},{"emoji":"👩🏿‍❤️‍👩🏽","label":"couple with heart: woman, woman, dark skin tone, medium skin tone","tone":[5,3]},{"emoji":"👩🏿‍❤️‍👩🏾","label":"couple with heart: woman, woman, dark skin tone, medium-dark skin tone","tone":[5,4]},{"emoji":"👩🏿‍❤️‍👩🏿","label":"couple with heart: woman, woman, dark skin tone","tone":5}]},{"emoji":"👪️","label":"family","tone":0},{"emoji":"👨‍👩‍👦","label":"family: man, woman, boy","tone":0},{"emoji":"👨‍👩‍👧","label":"family: man, woman, girl","tone":0},{"emoji":"👨‍👩‍👧‍👦","label":"family: man, woman, girl, boy","tone":0},{"emoji":"👨‍👩‍👦‍👦","label":"family: man, woman, boy, boy","tone":0},{"emoji":"👨‍👩‍👧‍👧","label":"family: man, woman, girl, girl","tone":0},{"emoji":"👨‍👨‍👦","label":"family: man, man, boy","tone":0},{"emoji":"👨‍👨‍👧","label":"family: man, man, girl","tone":0},{"emoji":"👨‍👨‍👧‍👦","label":"family: man, man, girl, boy","tone":0},{"emoji":"👨‍👨‍👦‍👦","label":"family: man, man, boy, boy","tone":0},{"emoji":"👨‍👨‍👧‍👧","label":"family: man, man, girl, girl","tone":0},{"emoji":"👩‍👩‍👦","label":"family: woman, woman, boy","tone":0},{"emoji":"👩‍👩‍👧","label":"family: woman, woman, girl","tone":0},{"emoji":"👩‍👩‍👧‍👦","label":"family: woman, woman, girl, boy","tone":0},{"emoji":"👩‍👩‍👦‍👦","label":"family: woman, woman, boy, boy","tone":0},{"emoji":"👩‍👩‍👧‍👧","label":"family: woman, woman, girl, girl","tone":0},{"emoji":"👨‍👦","label":"family: man, boy","tone":0},{"emoji":"👨‍👦‍👦","label":"family: man, boy, boy","tone":0},{"emoji":"👨‍👧","label":"family: man, girl","tone":0},{"emoji":"👨‍👧‍👦","label":"family: man, girl, boy","tone":0},{"emoji":"👨‍👧‍👧","label":"family: man, girl, girl","tone":0},{"emoji":"👩‍👦","label":"family: woman, boy","tone":0},{"emoji":"👩‍👦‍👦","label":"family: woman, boy, boy","tone":0},{"emoji":"👩‍👧","label":"family: woman, girl","tone":0},{"emoji":"👩‍👧‍👦","label":"family: woman, girl, boy","tone":0},{"emoji":"👩‍👧‍👧","label":"family: woman, girl, girl","tone":0},{"emoji":"🗣️","label":"speaking head","tone":0},{"emoji":"👤","label":"bust in silhouette","tone":0},{"emoji":"👥","label":"busts in silhouette","tone":0},{"emoji":"🫂","label":"people hugging","tone":0},{"emoji":"👣","label":"footprints","tone":0}]},{"name":"animals-nature","emojis":[{"emoji":"🐵","label":"monkey face","tone":0},{"emoji":"🐒","label":"monkey","tone":0},{"emoji":"🦍","label":"gorilla","tone":0},{"emoji":"🦧","label":"orangutan","tone":0},{"emoji":"🐶","label":"dog face","tone":0},{"emoji":"🐕️","label":"dog","tone":0},{"emoji":"🦮","label":"guide dog","tone":0},{"emoji":"🐕‍🦺","label":"service dog","tone":0},{"emoji":"🐩","label":"poodle","tone":0},{"emoji":"🐺","label":"wolf","tone":0},{"emoji":"🦊","label":"fox","tone":0},{"emoji":"🦝","label":"raccoon","tone":0},{"emoji":"🐱","label":"cat face","tone":0},{"emoji":"🐈️","label":"cat","tone":0},{"emoji":"🐈‍⬛","label":"black cat","tone":0},{"emoji":"🦁","label":"lion","tone":0},{"emoji":"🐯","label":"tiger face","tone":0},{"emoji":"🐅","label":"tiger","tone":0},{"emoji":"🐆","label":"leopard","tone":0},{"emoji":"🐴","label":"horse face","tone":0},{"emoji":"🐎","label":"horse","tone":0},{"emoji":"🦄","label":"unicorn","tone":0},{"emoji":"🦓","label":"zebra","tone":0},{"emoji":"🦌","label":"deer","tone":0},{"emoji":"🦬","label":"bison","tone":0},{"emoji":"🐮","label":"cow face","tone":0},{"emoji":"🐂","label":"ox","tone":0},{"emoji":"🐃","label":"water buffalo","tone":0},{"emoji":"🐄","label":"cow","tone":0},{"emoji":"🐷","label":"pig face","tone":0},{"emoji":"🐖","label":"pig","tone":0},{"emoji":"🐗","label":"boar","tone":0},{"emoji":"🐽","label":"pig nose","tone":0},{"emoji":"🐏","label":"ram","tone":0},{"emoji":"🐑","label":"ewe","tone":0},{"emoji":"🐐","label":"goat","tone":0},{"emoji":"🐪","label":"camel","tone":0},{"emoji":"🐫","label":"two-hump camel","tone":0},{"emoji":"🦙","label":"llama","tone":0},{"emoji":"🦒","label":"giraffe","tone":0},{"emoji":"🐘","label":"elephant","tone":0},{"emoji":"🦣","label":"mammoth","tone":0},{"emoji":"🦏","label":"rhinoceros","tone":0},{"emoji":"🦛","label":"hippopotamus","tone":0},{"emoji":"🐭","label":"mouse face","tone":0},{"emoji":"🐁","label":"mouse","tone":0},{"emoji":"🐀","label":"rat","tone":0},{"emoji":"🐹","label":"hamster","tone":0},{"emoji":"🐰","label":"rabbit face","tone":0},{"emoji":"🐇","label":"rabbit","tone":0},{"emoji":"🐿️","label":"chipmunk","tone":0},{"emoji":"🦫","label":"beaver","tone":0},{"emoji":"🦔","label":"hedgehog","tone":0},{"emoji":"🦇","label":"bat","tone":0},{"emoji":"🐻","label":"bear","tone":0},{"emoji":"🐻‍❄️","label":"polar bear","tone":0},{"emoji":"🐨","label":"koala","tone":0},{"emoji":"🐼","label":"panda","tone":0},{"emoji":"🦥","label":"sloth","tone":0},{"emoji":"🦦","label":"otter","tone":0},{"emoji":"🦨","label":"skunk","tone":0},{"emoji":"🦘","label":"kangaroo","tone":0},{"emoji":"🦡","label":"badger","tone":0},{"emoji":"🐾","label":"paw prints","tone":0},{"emoji":"🦃","label":"turkey","tone":0},{"emoji":"🐔","label":"chicken","tone":0},{"emoji":"🐓","label":"rooster","tone":0},{"emoji":"🐣","label":"hatching chick","tone":0},{"emoji":"🐤","label":"baby chick","tone":0},{"emoji":"🐥","label":"front-facing baby chick","tone":0},{"emoji":"🐦️","label":"bird","tone":0},{"emoji":"🐧","label":"penguin","tone":0},{"emoji":"🕊️","label":"dove","tone":0},{"emoji":"🦅","label":"eagle","tone":0},{"emoji":"🦆","label":"duck","tone":0},{"emoji":"🦢","label":"swan","tone":0},{"emoji":"🦉","label":"owl","tone":0},{"emoji":"🦤","label":"dodo","tone":0},{"emoji":"🪶","label":"feather","tone":0},{"emoji":"🦩","label":"flamingo","tone":0},{"emoji":"🦚","label":"peacock","tone":0},{"emoji":"🦜","label":"parrot","tone":0},{"emoji":"🐸","label":"frog","tone":0},{"emoji":"🐊","label":"crocodile","tone":0},{"emoji":"🐢","label":"turtle","tone":0},{"emoji":"🦎","label":"lizard","tone":0},{"emoji":"🐍","label":"snake","tone":0},{"emoji":"🐲","label":"dragon face","tone":0},{"emoji":"🐉","label":"dragon","tone":0},{"emoji":"🦕","label":"sauropod","tone":0},{"emoji":"🦖","label":"T-Rex","tone":0},{"emoji":"🐳","label":"spouting whale","tone":0},{"emoji":"🐋","label":"whale","tone":0},{"emoji":"🐬","label":"dolphin","tone":0},{"emoji":"🦭","label":"seal","tone":0},{"emoji":"🐟️","label":"fish","tone":0},{"emoji":"🐠","label":"tropical fish","tone":0},{"emoji":"🐡","label":"blowfish","tone":0},{"emoji":"🦈","label":"shark","tone":0},{"emoji":"🐙","label":"octopus","tone":0},{"emoji":"🐚","label":"spiral shell","tone":0},{"emoji":"🐌","label":"snail","tone":0},{"emoji":"🦋","label":"butterfly","tone":0},{"emoji":"🐛","label":"bug","tone":0},{"emoji":"🐜","label":"ant","tone":0},{"emoji":"🐝","label":"honeybee","tone":0},{"emoji":"🪲","label":"beetle","tone":0},{"emoji":"🐞","label":"lady beetle","tone":0},{"emoji":"🦗","label":"cricket","tone":0},{"emoji":"🪳","label":"cockroach","tone":0},{"emoji":"🕷️","label":"spider","tone":0},{"emoji":"🕸️","label":"spider web","tone":0},{"emoji":"🦂","label":"scorpion","tone":0},{"emoji":"🦟","label":"mosquito","tone":0},{"emoji":"🪰","label":"fly","tone":0},{"emoji":"🪱","label":"worm","tone":0},{"emoji":"🦠","label":"microbe","tone":0},{"emoji":"💐","label":"bouquet","tone":0},{"emoji":"🌸","label":"cherry blossom","tone":0},{"emoji":"💮","label":"white flower","tone":0},{"emoji":"🏵️","label":"rosette","tone":0},{"emoji":"🌹","label":"rose","tone":0},{"emoji":"🥀","label":"wilted flower","tone":0},{"emoji":"🌺","label":"hibiscus","tone":0},{"emoji":"🌻","label":"sunflower","tone":0},{"emoji":"🌼","label":"blossom","tone":0},{"emoji":"🌷","label":"tulip","tone":0},{"emoji":"🌱","label":"seedling","tone":0},{"emoji":"🪴","label":"potted plant","tone":0},{"emoji":"🌲","label":"evergreen tree","tone":0},{"emoji":"🌳","label":"deciduous tree","tone":0},{"emoji":"🌴","label":"palm tree","tone":0},{"emoji":"🌵","label":"cactus","tone":0},{"emoji":"🌾","label":"sheaf of rice","tone":0},{"emoji":"🌿","label":"herb","tone":0},{"emoji":"☘️","label":"shamrock","tone":0},{"emoji":"🍀","label":"four leaf clover","tone":0},{"emoji":"🍁","label":"maple leaf","tone":0},{"emoji":"🍂","label":"fallen leaf","tone":0},{"emoji":"🍃","label":"leaf fluttering in wind","tone":0}]},{"name":"food-drink","emojis":[{"emoji":"🍇","label":"grapes","tone":0},{"emoji":"🍈","label":"melon","tone":0},{"emoji":"🍉","label":"watermelon","tone":0},{"emoji":"🍊","label":"tangerine","tone":0},{"emoji":"🍋","label":"lemon","tone":0},{"emoji":"🍌","label":"banana","tone":0},{"emoji":"🍍","label":"pineapple","tone":0},{"emoji":"🥭","label":"mango","tone":0},{"emoji":"🍎","label":"red apple","tone":0},{"emoji":"🍏","label":"green apple","tone":0},{"emoji":"🍐","label":"pear","tone":0},{"emoji":"🍑","label":"peach","tone":0},{"emoji":"🍒","label":"cherries","tone":0},{"emoji":"🍓","label":"strawberry","tone":0},{"emoji":"🫐","label":"blueberries","tone":0},{"emoji":"🥝","label":"kiwi fruit","tone":0},{"emoji":"🍅","label":"tomato","tone":0},{"emoji":"🫒","label":"olive","tone":0},{"emoji":"🥥","label":"coconut","tone":0},{"emoji":"🥑","label":"avocado","tone":0},{"emoji":"🍆","label":"eggplant","tone":0},{"emoji":"🥔","label":"potato","tone":0},{"emoji":"🥕","label":"carrot","tone":0},{"emoji":"🌽","label":"ear of corn","tone":0},{"emoji":"🌶️","label":"hot pepper","tone":0},{"emoji":"🫑","label":"bell pepper","tone":0},{"emoji":"🥒","label":"cucumber","tone":0},{"emoji":"🥬","label":"leafy green","tone":0},{"emoji":"🥦","label":"broccoli","tone":0},{"emoji":"🧄","label":"garlic","tone":0},{"emoji":"🧅","label":"onion","tone":0},{"emoji":"🍄","label":"mushroom","tone":0},{"emoji":"🥜","label":"peanuts","tone":0},{"emoji":"🌰","label":"chestnut","tone":0},{"emoji":"🍞","label":"bread","tone":0},{"emoji":"🥐","label":"croissant","tone":0},{"emoji":"🥖","label":"baguette bread","tone":0},{"emoji":"🫓","label":"flatbread","tone":0},{"emoji":"🥨","label":"pretzel","tone":0},{"emoji":"🥯","label":"bagel","tone":0},{"emoji":"🥞","label":"pancakes","tone":0},{"emoji":"🧇","label":"waffle","tone":0},{"emoji":"🧀","label":"cheese wedge","tone":0},{"emoji":"🍖","label":"meat on bone","tone":0},{"emoji":"🍗","label":"poultry leg","tone":0},{"emoji":"🥩","label":"cut of meat","tone":0},{"emoji":"🥓","label":"bacon","tone":0},{"emoji":"🍔","label":"hamburger","tone":0},{"emoji":"🍟","label":"french fries","tone":0},{"emoji":"🍕","label":"pizza","tone":0},{"emoji":"🌭","label":"hot dog","tone":0},{"emoji":"🥪","label":"sandwich","tone":0},{"emoji":"🌮","label":"taco","tone":0},{"emoji":"🌯","label":"burrito","tone":0},{"emoji":"🫔","label":"tamale","tone":0},{"emoji":"🥙","label":"stuffed flatbread","tone":0},{"emoji":"🧆","label":"falafel","tone":0},{"emoji":"🥚","label":"egg","tone":0},{"emoji":"🍳","label":"cooking","tone":0},{"emoji":"🥘","label":"shallow pan of food","tone":0},{"emoji":"🍲","label":"pot of food","tone":0},{"emoji":"🫕","label":"fondue","tone":0},{"emoji":"🥣","label":"bowl with spoon","tone":0},{"emoji":"🥗","label":"green salad","tone":0},{"emoji":"🍿","label":"popcorn","tone":0},{"emoji":"🧈","label":"butter","tone":0},{"emoji":"🧂","label":"salt","tone":0},{"emoji":"🥫","label":"canned food","tone":0},{"emoji":"🍱","label":"bento box","tone":0},{"emoji":"🍘","label":"rice cracker","tone":0},{"emoji":"🍙","label":"rice ball","tone":0},{"emoji":"🍚","label":"cooked rice","tone":0},{"emoji":"🍛","label":"curry rice","tone":0},{"emoji":"🍜","label":"steaming bowl","tone":0},{"emoji":"🍝","label":"spaghetti","tone":0},{"emoji":"🍠","label":"roasted sweet potato","tone":0},{"emoji":"🍢","label":"oden","tone":0},{"emoji":"🍣","label":"sushi","tone":0},{"emoji":"🍤","label":"fried shrimp","tone":0},{"emoji":"🍥","label":"fish cake with swirl","tone":0},{"emoji":"🥮","label":"moon cake","tone":0},{"emoji":"🍡","label":"dango","tone":0},{"emoji":"🥟","label":"dumpling","tone":0},{"emoji":"🥠","label":"fortune cookie","tone":0},{"emoji":"🥡","label":"takeout box","tone":0},{"emoji":"🦀","label":"crab","tone":0},{"emoji":"🦞","label":"lobster","tone":0},{"emoji":"🦐","label":"shrimp","tone":0},{"emoji":"🦑","label":"squid","tone":0},{"emoji":"🦪","label":"oyster","tone":0},{"emoji":"🍦","label":"soft ice cream","tone":0},{"emoji":"🍧","label":"shaved ice","tone":0},{"emoji":"🍨","label":"ice cream","tone":0},{"emoji":"🍩","label":"doughnut","tone":0},{"emoji":"🍪","label":"cookie","tone":0},{"emoji":"🎂","label":"birthday cake","tone":0},{"emoji":"🍰","label":"shortcake","tone":0},{"emoji":"🧁","label":"cupcake","tone":0},{"emoji":"🥧","label":"pie","tone":0},{"emoji":"🍫","label":"chocolate bar","tone":0},{"emoji":"🍬","label":"candy","tone":0},{"emoji":"🍭","label":"lollipop","tone":0},{"emoji":"🍮","label":"custard","tone":0},{"emoji":"🍯","label":"honey pot","tone":0},{"emoji":"🍼","label":"baby bottle","tone":0},{"emoji":"🥛","label":"glass of milk","tone":0},{"emoji":"☕️","label":"hot beverage","tone":0},{"emoji":"🫖","label":"teapot","tone":0},{"emoji":"🍵","label":"teacup without handle","tone":0},{"emoji":"🍶","label":"sake","tone":0},{"emoji":"🍾","label":"bottle with popping cork","tone":0},{"emoji":"🍷","label":"wine glass","tone":0},{"emoji":"🍸️","label":"cocktail glass","tone":0},{"emoji":"🍹","label":"tropical drink","tone":0},{"emoji":"🍺","label":"beer mug","tone":0},{"emoji":"🍻","label":"clinking beer mugs","tone":0},{"emoji":"🥂","label":"clinking glasses","tone":0},{"emoji":"🥃","label":"tumbler glass","tone":0},{"emoji":"🥤","label":"cup with straw","tone":0},{"emoji":"🧋","label":"bubble tea","tone":0},{"emoji":"🧃","label":"beverage box","tone":0},{"emoji":"🧉","label":"mate","tone":0},{"emoji":"🧊","label":"ice","tone":0},{"emoji":"🥢","label":"chopsticks","tone":0},{"emoji":"🍽️","label":"fork and knife with plate","tone":0},{"emoji":"🍴","label":"fork and knife","tone":0},{"emoji":"🥄","label":"spoon","tone":0},{"emoji":"🔪","label":"kitchen knife","tone":0},{"emoji":"🏺","label":"amphora","tone":0}]},{"name":"travel-places","emojis":[{"emoji":"🌍️","label":"globe showing Europe-Africa","tone":0},{"emoji":"🌎️","label":"globe showing Americas","tone":0},{"emoji":"🌏️","label":"globe showing Asia-Australia","tone":0},{"emoji":"🌐","label":"globe with meridians","tone":0},{"emoji":"🗺️","label":"world map","tone":0},{"emoji":"🗾","label":"map of Japan","tone":0},{"emoji":"🧭","label":"compass","tone":0},{"emoji":"🏔️","label":"snow-capped mountain","tone":0},{"emoji":"⛰️","label":"mountain","tone":0},{"emoji":"🌋","label":"volcano","tone":0},{"emoji":"🗻","label":"mount fuji","tone":0},{"emoji":"🏕️","label":"camping","tone":0},{"emoji":"🏖️","label":"beach with umbrella","tone":0},{"emoji":"🏜️","label":"desert","tone":0},{"emoji":"🏝️","label":"desert island","tone":0},{"emoji":"🏞️","label":"national park","tone":0},{"emoji":"🏟️","label":"stadium","tone":0},{"emoji":"🏛️","label":"classical building","tone":0},{"emoji":"🏗️","label":"building construction","tone":0},{"emoji":"🧱","label":"brick","tone":0},{"emoji":"🪨","label":"rock","tone":0},{"emoji":"🪵","label":"wood","tone":0},{"emoji":"🛖","label":"hut","tone":0},{"emoji":"🏘️","label":"houses","tone":0},{"emoji":"🏚️","label":"derelict house","tone":0},{"emoji":"🏠️","label":"house","tone":0},{"emoji":"🏡","label":"house with garden","tone":0},{"emoji":"🏢","label":"office building","tone":0},{"emoji":"🏣","label":"Japanese post office","tone":0},{"emoji":"🏤","label":"post office","tone":0},{"emoji":"🏥","label":"hospital","tone":0},{"emoji":"🏦","label":"bank","tone":0},{"emoji":"🏨","label":"hotel","tone":0},{"emoji":"🏩","label":"love hotel","tone":0},{"emoji":"🏪","label":"convenience store","tone":0},{"emoji":"🏫","label":"school","tone":0},{"emoji":"🏬","label":"department store","tone":0},{"emoji":"🏭️","label":"factory","tone":0},{"emoji":"🏯","label":"Japanese castle","tone":0},{"emoji":"🏰","label":"castle","tone":0},{"emoji":"💒","label":"wedding","tone":0},{"emoji":"🗼","label":"Tokyo tower","tone":0},{"emoji":"🗽","label":"Statue of Liberty","tone":0},{"emoji":"⛪️","label":"church","tone":0},{"emoji":"🕌","label":"mosque","tone":0},{"emoji":"🛕","label":"hindu temple","tone":0},{"emoji":"🕍","label":"synagogue","tone":0},{"emoji":"⛩️","label":"shinto shrine","tone":0},{"emoji":"🕋","label":"kaaba","tone":0},{"emoji":"⛲️","label":"fountain","tone":0},{"emoji":"⛺️","label":"tent","tone":0},{"emoji":"🌁","label":"foggy","tone":0},{"emoji":"🌃","label":"night with stars","tone":0},{"emoji":"🏙️","label":"cityscape","tone":0},{"emoji":"🌄","label":"sunrise over mountains","tone":0},{"emoji":"🌅","label":"sunrise","tone":0},{"emoji":"🌆","label":"cityscape at dusk","tone":0},{"emoji":"🌇","label":"sunset","tone":0},{"emoji":"🌉","label":"bridge at night","tone":0},{"emoji":"♨️","label":"hot springs","tone":0},{"emoji":"🎠","label":"carousel horse","tone":0},{"emoji":"🎡","label":"ferris wheel","tone":0},{"emoji":"🎢","label":"roller coaster","tone":0},{"emoji":"💈","label":"barber pole","tone":0},{"emoji":"🎪","label":"circus tent","tone":0},{"emoji":"🚂","label":"locomotive","tone":0},{"emoji":"🚃","label":"railway car","tone":0},{"emoji":"🚄","label":"high-speed train","tone":0},{"emoji":"🚅","label":"bullet train","tone":0},{"emoji":"🚆","label":"train","tone":0},{"emoji":"🚇️","label":"metro","tone":0},{"emoji":"🚈","label":"light rail","tone":0},{"emoji":"🚉","label":"station","tone":0},{"emoji":"🚊","label":"tram","tone":0},{"emoji":"🚝","label":"monorail","tone":0},{"emoji":"🚞","label":"mountain railway","tone":0},{"emoji":"🚋","label":"tram car","tone":0},{"emoji":"🚌","label":"bus","tone":0},{"emoji":"🚍️","label":"oncoming bus","tone":0},{"emoji":"🚎","label":"trolleybus","tone":0},{"emoji":"🚐","label":"minibus","tone":0},{"emoji":"🚑️","label":"ambulance","tone":0},{"emoji":"🚒","label":"fire engine","tone":0},{"emoji":"🚓","label":"police car","tone":0},{"emoji":"🚔️","label":"oncoming police car","tone":0},{"emoji":"🚕","label":"taxi","tone":0},{"emoji":"🚖","label":"oncoming taxi","tone":0},{"emoji":"🚗","label":"automobile","tone":0},{"emoji":"🚘️","label":"oncoming automobile","tone":0},{"emoji":"🚙","label":"sport utility vehicle","tone":0},{"emoji":"🛻","label":"pickup truck","tone":0},{"emoji":"🚚","label":"delivery truck","tone":0},{"emoji":"🚛","label":"articulated lorry","tone":0},{"emoji":"🚜","label":"tractor","tone":0},{"emoji":"🏎️","label":"racing car","tone":0},{"emoji":"🏍️","label":"motorcycle","tone":0},{"emoji":"🛵","label":"motor scooter","tone":0},{"emoji":"🦽","label":"manual wheelchair","tone":0},{"emoji":"🦼","label":"motorized wheelchair","tone":0},{"emoji":"🛺","label":"auto rickshaw","tone":0},{"emoji":"🚲️","label":"bicycle","tone":0},{"emoji":"🛴","label":"kick scooter","tone":0},{"emoji":"🛹","label":"skateboard","tone":0},{"emoji":"🛼","label":"roller skate","tone":0},{"emoji":"🚏","label":"bus stop","tone":0},{"emoji":"🛣️","label":"motorway","tone":0},{"emoji":"🛤️","label":"railway track","tone":0},{"emoji":"🛢️","label":"oil drum","tone":0},{"emoji":"⛽️","label":"fuel pump","tone":0},{"emoji":"🚨","label":"police car light","tone":0},{"emoji":"🚥","label":"horizontal traffic light","tone":0},{"emoji":"🚦","label":"vertical traffic light","tone":0},{"emoji":"🛑","label":"stop sign","tone":0},{"emoji":"🚧","label":"construction","tone":0},{"emoji":"⚓️","label":"anchor","tone":0},{"emoji":"⛵️","label":"sailboat","tone":0},{"emoji":"🛶","label":"canoe","tone":0},{"emoji":"🚤","label":"speedboat","tone":0},{"emoji":"🛳️","label":"passenger ship","tone":0},{"emoji":"⛴️","label":"ferry","tone":0},{"emoji":"🛥️","label":"motor boat","tone":0},{"emoji":"🚢","label":"ship","tone":0},{"emoji":"✈️","label":"airplane","tone":0},{"emoji":"🛩️","label":"small airplane","tone":0},{"emoji":"🛫","label":"airplane departure","tone":0},{"emoji":"🛬","label":"airplane arrival","tone":0},{"emoji":"🪂","label":"parachute","tone":0},{"emoji":"💺","label":"seat","tone":0},{"emoji":"🚁","label":"helicopter","tone":0},{"emoji":"🚟","label":"suspension railway","tone":0},{"emoji":"🚠","label":"mountain cableway","tone":0},{"emoji":"🚡","label":"aerial tramway","tone":0},{"emoji":"🛰️","label":"satellite","tone":0},{"emoji":"🚀","label":"rocket","tone":0},{"emoji":"🛸","label":"flying saucer","tone":0},{"emoji":"🛎️","label":"bellhop bell","tone":0},{"emoji":"🧳","label":"luggage","tone":0},{"emoji":"⌛️","label":"hourglass done","tone":0},{"emoji":"⏳️","label":"hourglass not done","tone":0},{"emoji":"⌚️","label":"watch","tone":0},{"emoji":"⏰","label":"alarm clock","tone":0},{"emoji":"⏱️","label":"stopwatch","tone":0},{"emoji":"⏲️","label":"timer clock","tone":0},{"emoji":"🕰️","label":"mantelpiece clock","tone":0},{"emoji":"🕛️","label":"twelve o’clock","tone":0},{"emoji":"🕧️","label":"twelve-thirty","tone":0},{"emoji":"🕐️","label":"one o’clock","tone":0},{"emoji":"🕜️","label":"one-thirty","tone":0},{"emoji":"🕑️","label":"two o’clock","tone":0},{"emoji":"🕝️","label":"two-thirty","tone":0},{"emoji":"🕒️","label":"three o’clock","tone":0},{"emoji":"🕞️","label":"three-thirty","tone":0},{"emoji":"🕓️","label":"four o’clock","tone":0},{"emoji":"🕟️","label":"four-thirty","tone":0},{"emoji":"🕔️","label":"five o’clock","tone":0},{"emoji":"🕠️","label":"five-thirty","tone":0},{"emoji":"🕕️","label":"six o’clock","tone":0},{"emoji":"🕡️","label":"six-thirty","tone":0},{"emoji":"🕖️","label":"seven o’clock","tone":0},{"emoji":"🕢️","label":"seven-thirty","tone":0},{"emoji":"🕗️","label":"eight o’clock","tone":0},{"emoji":"🕣️","label":"eight-thirty","tone":0},{"emoji":"🕘️","label":"nine o’clock","tone":0},{"emoji":"🕤️","label":"nine-thirty","tone":0},{"emoji":"🕙️","label":"ten o’clock","tone":0},{"emoji":"🕥️","label":"ten-thirty","tone":0},{"emoji":"🕚️","label":"eleven o’clock","tone":0},{"emoji":"🕦️","label":"eleven-thirty","tone":0},{"emoji":"🌑","label":"new moon","tone":0},{"emoji":"🌒","label":"waxing crescent moon","tone":0},{"emoji":"🌓","label":"first quarter moon","tone":0},{"emoji":"🌔","label":"waxing gibbous moon","tone":0},{"emoji":"🌕️","label":"full moon","tone":0},{"emoji":"🌖","label":"waning gibbous moon","tone":0},{"emoji":"🌗","label":"last quarter moon","tone":0},{"emoji":"🌘","label":"waning crescent moon","tone":0},{"emoji":"🌙","label":"crescent moon","tone":0},{"emoji":"🌚","label":"new moon face","tone":0},{"emoji":"🌛","label":"first quarter moon face","tone":0},{"emoji":"🌜️","label":"last quarter moon face","tone":0},{"emoji":"🌡️","label":"thermometer","tone":0},{"emoji":"☀️","label":"sun","tone":0},{"emoji":"🌝","label":"full moon face","tone":0},{"emoji":"🌞","label":"sun with face","tone":0},{"emoji":"🪐","label":"ringed planet","tone":0},{"emoji":"⭐️","label":"star","tone":0},{"emoji":"🌟","label":"glowing star","tone":0},{"emoji":"🌠","label":"shooting star","tone":0},{"emoji":"🌌","label":"milky way","tone":0},{"emoji":"☁️","label":"cloud","tone":0},{"emoji":"⛅️","label":"sun behind cloud","tone":0},{"emoji":"⛈️","label":"cloud with lightning and rain","tone":0},{"emoji":"🌤️","label":"sun behind small cloud","tone":0},{"emoji":"🌥️","label":"sun behind large cloud","tone":0},{"emoji":"🌦️","label":"sun behind rain cloud","tone":0},{"emoji":"🌧️","label":"cloud with rain","tone":0},{"emoji":"🌨️","label":"cloud with snow","tone":0},{"emoji":"🌩️","label":"cloud with lightning","tone":0},{"emoji":"🌪️","label":"tornado","tone":0},{"emoji":"🌫️","label":"fog","tone":0},{"emoji":"🌬️","label":"wind face","tone":0},{"emoji":"🌀","label":"cyclone","tone":0},{"emoji":"🌈","label":"rainbow","tone":0},{"emoji":"🌂","label":"closed umbrella","tone":0},{"emoji":"☂️","label":"umbrella","tone":0},{"emoji":"☔️","label":"umbrella with rain drops","tone":0},{"emoji":"⛱️","label":"umbrella on ground","tone":0},{"emoji":"⚡️","label":"high voltage","tone":0},{"emoji":"❄️","label":"snowflake","tone":0},{"emoji":"☃️","label":"snowman","tone":0},{"emoji":"⛄️","label":"snowman without snow","tone":0},{"emoji":"☄️","label":"comet","tone":0},{"emoji":"🔥","label":"fire","tone":0},{"emoji":"💧","label":"droplet","tone":0},{"emoji":"🌊","label":"water wave","tone":0}]},{"name":"activities","emojis":[{"emoji":"🎃","label":"jack-o-lantern","tone":0},{"emoji":"🎄","label":"Christmas tree","tone":0},{"emoji":"🎆","label":"fireworks","tone":0},{"emoji":"🎇","label":"sparkler","tone":0},{"emoji":"🧨","label":"firecracker","tone":0},{"emoji":"✨","label":"sparkles","tone":0},{"emoji":"🎈","label":"balloon","tone":0},{"emoji":"🎉","label":"party popper","tone":0},{"emoji":"🎊","label":"confetti ball","tone":0},{"emoji":"🎋","label":"tanabata tree","tone":0},{"emoji":"🎍","label":"pine decoration","tone":0},{"emoji":"🎎","label":"Japanese dolls","tone":0},{"emoji":"🎏","label":"carp streamer","tone":0},{"emoji":"🎐","label":"wind chime","tone":0},{"emoji":"🎑","label":"moon viewing ceremony","tone":0},{"emoji":"🧧","label":"red envelope","tone":0},{"emoji":"🎀","label":"ribbon","tone":0},{"emoji":"🎁","label":"wrapped gift","tone":0},{"emoji":"🎗️","label":"reminder ribbon","tone":0},{"emoji":"🎟️","label":"admission tickets","tone":0},{"emoji":"🎫","label":"ticket","tone":0},{"emoji":"🎖️","label":"military medal","tone":0},{"emoji":"🏆️","label":"trophy","tone":0},{"emoji":"🏅","label":"sports medal","tone":0},{"emoji":"🥇","label":"1st place medal","tone":0},{"emoji":"🥈","label":"2nd place medal","tone":0},{"emoji":"🥉","label":"3rd place medal","tone":0},{"emoji":"⚽️","label":"soccer ball","tone":0},{"emoji":"⚾️","label":"baseball","tone":0},{"emoji":"🥎","label":"softball","tone":0},{"emoji":"🏀","label":"basketball","tone":0},{"emoji":"🏐","label":"volleyball","tone":0},{"emoji":"🏈","label":"american football","tone":0},{"emoji":"🏉","label":"rugby football","tone":0},{"emoji":"🎾","label":"tennis","tone":0},{"emoji":"🥏","label":"flying disc","tone":0},{"emoji":"🎳","label":"bowling","tone":0},{"emoji":"🏏","label":"cricket game","tone":0},{"emoji":"🏑","label":"field hockey","tone":0},{"emoji":"🏒","label":"ice hockey","tone":0},{"emoji":"🥍","label":"lacrosse","tone":0},{"emoji":"🏓","label":"ping pong","tone":0},{"emoji":"🏸","label":"badminton","tone":0},{"emoji":"🥊","label":"boxing glove","tone":0},{"emoji":"🥋","label":"martial arts uniform","tone":0},{"emoji":"🥅","label":"goal net","tone":0},{"emoji":"⛳️","label":"flag in hole","tone":0},{"emoji":"⛸️","label":"ice skate","tone":0},{"emoji":"🎣","label":"fishing pole","tone":0},{"emoji":"🤿","label":"diving mask","tone":0},{"emoji":"🎽","label":"running shirt","tone":0},{"emoji":"🎿","label":"skis","tone":0},{"emoji":"🛷","label":"sled","tone":0},{"emoji":"🥌","label":"curling stone","tone":0},{"emoji":"🎯","label":"bullseye","tone":0},{"emoji":"🪀","label":"yo-yo","tone":0},{"emoji":"🪁","label":"kite","tone":0},{"emoji":"🎱","label":"pool 8 ball","tone":0},{"emoji":"🔮","label":"crystal ball","tone":0},{"emoji":"🪄","label":"magic wand","tone":0},{"emoji":"🧿","label":"nazar amulet","tone":0},{"emoji":"🎮️","label":"video game","tone":0},{"emoji":"🕹️","label":"joystick","tone":0},{"emoji":"🎰","label":"slot machine","tone":0},{"emoji":"🎲","label":"game die","tone":0},{"emoji":"🧩","label":"puzzle piece","tone":0},{"emoji":"🧸","label":"teddy bear","tone":0},{"emoji":"🪅","label":"piñata","tone":0},{"emoji":"🪆","label":"nesting dolls","tone":0},{"emoji":"♠️","label":"spade suit","tone":0},{"emoji":"♥️","label":"heart suit","tone":0},{"emoji":"♦️","label":"diamond suit","tone":0},{"emoji":"♣️","label":"club suit","tone":0},{"emoji":"♟️","label":"chess pawn","tone":0},{"emoji":"🃏","label":"joker","tone":0},{"emoji":"🀄️","label":"mahjong red dragon","tone":0},{"emoji":"🎴","label":"flower playing cards","tone":0},{"emoji":"🎭️","label":"performing arts","tone":0},{"emoji":"🖼️","label":"framed picture","tone":0},{"emoji":"🎨","label":"artist palette","tone":0},{"emoji":"🧵","label":"thread","tone":0},{"emoji":"🪡","label":"sewing needle","tone":0},{"emoji":"🧶","label":"yarn","tone":0},{"emoji":"🪢","label":"knot","tone":0}]},{"name":"objects","emojis":[{"emoji":"👓️","label":"glasses","tone":0},{"emoji":"🕶️","label":"sunglasses","tone":0},{"emoji":"🥽","label":"goggles","tone":0},{"emoji":"🥼","label":"lab coat","tone":0},{"emoji":"🦺","label":"safety vest","tone":0},{"emoji":"👔","label":"necktie","tone":0},{"emoji":"👕","label":"t-shirt","tone":0},{"emoji":"👖","label":"jeans","tone":0},{"emoji":"🧣","label":"scarf","tone":0},{"emoji":"🧤","label":"gloves","tone":0},{"emoji":"🧥","label":"coat","tone":0},{"emoji":"🧦","label":"socks","tone":0},{"emoji":"👗","label":"dress","tone":0},{"emoji":"👘","label":"kimono","tone":0},{"emoji":"🥻","label":"sari","tone":0},{"emoji":"🩱","label":"one-piece swimsuit","tone":0},{"emoji":"🩲","label":"briefs","tone":0},{"emoji":"🩳","label":"shorts","tone":0},{"emoji":"👙","label":"bikini","tone":0},{"emoji":"👚","label":"woman’s clothes","tone":0},{"emoji":"👛","label":"purse","tone":0},{"emoji":"👜","label":"handbag","tone":0},{"emoji":"👝","label":"clutch bag","tone":0},{"emoji":"🛍️","label":"shopping bags","tone":0},{"emoji":"🎒","label":"backpack","tone":0},{"emoji":"🩴","label":"thong sandal","tone":0},{"emoji":"👞","label":"man’s shoe","tone":0},{"emoji":"👟","label":"running shoe","tone":0},{"emoji":"🥾","label":"hiking boot","tone":0},{"emoji":"🥿","label":"flat shoe","tone":0},{"emoji":"👠","label":"high-heeled shoe","tone":0},{"emoji":"👡","label":"woman’s sandal","tone":0},{"emoji":"🩰","label":"ballet shoes","tone":0},{"emoji":"👢","label":"woman’s boot","tone":0},{"emoji":"👑","label":"crown","tone":0},{"emoji":"👒","label":"woman’s hat","tone":0},{"emoji":"🎩","label":"top hat","tone":0},{"emoji":"🎓️","label":"graduation cap","tone":0},{"emoji":"🧢","label":"billed cap","tone":0},{"emoji":"🪖","label":"military helmet","tone":0},{"emoji":"⛑️","label":"rescue worker’s helmet","tone":0},{"emoji":"📿","label":"prayer beads","tone":0},{"emoji":"💄","label":"lipstick","tone":0},{"emoji":"💍","label":"ring","tone":0},{"emoji":"💎","label":"gem stone","tone":0},{"emoji":"🔇","label":"muted speaker","tone":0},{"emoji":"🔈️","label":"speaker low volume","tone":0},{"emoji":"🔉","label":"speaker medium volume","tone":0},{"emoji":"🔊","label":"speaker high volume","tone":0},{"emoji":"📢","label":"loudspeaker","tone":0},{"emoji":"📣","label":"megaphone","tone":0},{"emoji":"📯","label":"postal horn","tone":0},{"emoji":"🔔","label":"bell","tone":0},{"emoji":"🔕","label":"bell with slash","tone":0},{"emoji":"🎼","label":"musical score","tone":0},{"emoji":"🎵","label":"musical note","tone":0},{"emoji":"🎶","label":"musical notes","tone":0},{"emoji":"🎙️","label":"studio microphone","tone":0},{"emoji":"🎚️","label":"level slider","tone":0},{"emoji":"🎛️","label":"control knobs","tone":0},{"emoji":"🎤","label":"microphone","tone":0},{"emoji":"🎧️","label":"headphone","tone":0},{"emoji":"📻️","label":"radio","tone":0},{"emoji":"🎷","label":"saxophone","tone":0},{"emoji":"🪗","label":"accordion","tone":0},{"emoji":"🎸","label":"guitar","tone":0},{"emoji":"🎹","label":"musical keyboard","tone":0},{"emoji":"🎺","label":"trumpet","tone":0},{"emoji":"🎻","label":"violin","tone":0},{"emoji":"🪕","label":"banjo","tone":0},{"emoji":"🥁","label":"drum","tone":0},{"emoji":"🪘","label":"long drum","tone":0},{"emoji":"📱","label":"mobile phone","tone":0},{"emoji":"📲","label":"mobile phone with arrow","tone":0},{"emoji":"☎️","label":"telephone","tone":0},{"emoji":"📞","label":"telephone receiver","tone":0},{"emoji":"📟️","label":"pager","tone":0},{"emoji":"📠","label":"fax machine","tone":0},{"emoji":"🔋","label":"battery","tone":0},{"emoji":"🔌","label":"electric plug","tone":0},{"emoji":"💻️","label":"laptop","tone":0},{"emoji":"🖥️","label":"desktop computer","tone":0},{"emoji":"🖨️","label":"printer","tone":0},{"emoji":"⌨️","label":"keyboard","tone":0},{"emoji":"🖱️","label":"computer mouse","tone":0},{"emoji":"🖲️","label":"trackball","tone":0},{"emoji":"💽","label":"computer disk","tone":0},{"emoji":"💾","label":"floppy disk","tone":0},{"emoji":"💿️","label":"optical disk","tone":0},{"emoji":"📀","label":"dvd","tone":0},{"emoji":"🧮","label":"abacus","tone":0},{"emoji":"🎥","label":"movie camera","tone":0},{"emoji":"🎞️","label":"film frames","tone":0},{"emoji":"📽️","label":"film projector","tone":0},{"emoji":"🎬️","label":"clapper board","tone":0},{"emoji":"📺️","label":"television","tone":0},{"emoji":"📷️","label":"camera","tone":0},{"emoji":"📸","label":"camera with flash","tone":0},{"emoji":"📹️","label":"video camera","tone":0},{"emoji":"📼","label":"videocassette","tone":0},{"emoji":"🔍️","label":"magnifying glass tilted left","tone":0},{"emoji":"🔎","label":"magnifying glass tilted right","tone":0},{"emoji":"🕯️","label":"candle","tone":0},{"emoji":"💡","label":"light bulb","tone":0},{"emoji":"🔦","label":"flashlight","tone":0},{"emoji":"🏮","label":"red paper lantern","tone":0},{"emoji":"🪔","label":"diya lamp","tone":0},{"emoji":"📔","label":"notebook with decorative cover","tone":0},{"emoji":"📕","label":"closed book","tone":0},{"emoji":"📖","label":"open book","tone":0},{"emoji":"📗","label":"green book","tone":0},{"emoji":"📘","label":"blue book","tone":0},{"emoji":"📙","label":"orange book","tone":0},{"emoji":"📚️","label":"books","tone":0},{"emoji":"📓","label":"notebook","tone":0},{"emoji":"📒","label":"ledger","tone":0},{"emoji":"📃","label":"page with curl","tone":0},{"emoji":"📜","label":"scroll","tone":0},{"emoji":"📄","label":"page facing up","tone":0},{"emoji":"📰","label":"newspaper","tone":0},{"emoji":"🗞️","label":"rolled-up newspaper","tone":0},{"emoji":"📑","label":"bookmark tabs","tone":0},{"emoji":"🔖","label":"bookmark","tone":0},{"emoji":"🏷️","label":"label","tone":0},{"emoji":"💰️","label":"money bag","tone":0},{"emoji":"🪙","label":"coin","tone":0},{"emoji":"💴","label":"yen banknote","tone":0},{"emoji":"💵","label":"dollar banknote","tone":0},{"emoji":"💶","label":"euro banknote","tone":0},{"emoji":"💷","label":"pound banknote","tone":0},{"emoji":"💸","label":"money with wings","tone":0},{"emoji":"💳️","label":"credit card","tone":0},{"emoji":"🧾","label":"receipt","tone":0},{"emoji":"💹","label":"chart increasing with yen","tone":0},{"emoji":"✉️","label":"envelope","tone":0},{"emoji":"📧","label":"e-mail","tone":0},{"emoji":"📨","label":"incoming envelope","tone":0},{"emoji":"📩","label":"envelope with arrow","tone":0},{"emoji":"📤️","label":"outbox tray","tone":0},{"emoji":"📥️","label":"inbox tray","tone":0},{"emoji":"📦️","label":"package","tone":0},{"emoji":"📫️","label":"closed mailbox with raised flag","tone":0},{"emoji":"📪️","label":"closed mailbox with lowered flag","tone":0},{"emoji":"📬️","label":"open mailbox with raised flag","tone":0},{"emoji":"📭️","label":"open mailbox with lowered flag","tone":0},{"emoji":"📮","label":"postbox","tone":0},{"emoji":"🗳️","label":"ballot box with ballot","tone":0},{"emoji":"✏️","label":"pencil","tone":0},{"emoji":"✒️","label":"black nib","tone":0},{"emoji":"🖋️","label":"fountain pen","tone":0},{"emoji":"🖊️","label":"pen","tone":0},{"emoji":"🖌️","label":"paintbrush","tone":0},{"emoji":"🖍️","label":"crayon","tone":0},{"emoji":"📝","label":"memo","tone":0},{"emoji":"💼","label":"briefcase","tone":0},{"emoji":"📁","label":"file folder","tone":0},{"emoji":"📂","label":"open file folder","tone":0},{"emoji":"🗂️","label":"card index dividers","tone":0},{"emoji":"📅","label":"calendar","tone":0},{"emoji":"📆","label":"tear-off calendar","tone":0},{"emoji":"🗒️","label":"spiral notepad","tone":0},{"emoji":"🗓️","label":"spiral calendar","tone":0},{"emoji":"📇","label":"card index","tone":0},{"emoji":"📈","label":"chart increasing","tone":0},{"emoji":"📉","label":"chart decreasing","tone":0},{"emoji":"📊","label":"bar chart","tone":0},{"emoji":"📋️","label":"clipboard","tone":0},{"emoji":"📌","label":"pushpin","tone":0},{"emoji":"📍","label":"round pushpin","tone":0},{"emoji":"📎","label":"paperclip","tone":0},{"emoji":"🖇️","label":"linked paperclips","tone":0},{"emoji":"📏","label":"straight ruler","tone":0},{"emoji":"📐","label":"triangular ruler","tone":0},{"emoji":"✂️","label":"scissors","tone":0},{"emoji":"🗃️","label":"card file box","tone":0},{"emoji":"🗄️","label":"file cabinet","tone":0},{"emoji":"🗑️","label":"wastebasket","tone":0},{"emoji":"🔒️","label":"locked","tone":0},{"emoji":"🔓️","label":"unlocked","tone":0},{"emoji":"🔏","label":"locked with pen","tone":0},{"emoji":"🔐","label":"locked with key","tone":0},{"emoji":"🔑","label":"key","tone":0},{"emoji":"🗝️","label":"old key","tone":0},{"emoji":"🔨","label":"hammer","tone":0},{"emoji":"🪓","label":"axe","tone":0},{"emoji":"⛏️","label":"pick","tone":0},{"emoji":"⚒️","label":"hammer and pick","tone":0},{"emoji":"🛠️","label":"hammer and wrench","tone":0},{"emoji":"🗡️","label":"dagger","tone":0},{"emoji":"⚔️","label":"crossed swords","tone":0},{"emoji":"🔫","label":"water pistol","tone":0},{"emoji":"🪃","label":"boomerang","tone":0},{"emoji":"🏹","label":"bow and arrow","tone":0},{"emoji":"🛡️","label":"shield","tone":0},{"emoji":"🪚","label":"carpentry saw","tone":0},{"emoji":"🔧","label":"wrench","tone":0},{"emoji":"🪛","label":"screwdriver","tone":0},{"emoji":"🔩","label":"nut and bolt","tone":0},{"emoji":"⚙️","label":"gear","tone":0},{"emoji":"🗜️","label":"clamp","tone":0},{"emoji":"⚖️","label":"balance scale","tone":0},{"emoji":"🦯","label":"white cane","tone":0},{"emoji":"🔗","label":"link","tone":0},{"emoji":"⛓️","label":"chains","tone":0},{"emoji":"🪝","label":"hook","tone":0},{"emoji":"🧰","label":"toolbox","tone":0},{"emoji":"🧲","label":"magnet","tone":0},{"emoji":"🪜","label":"ladder","tone":0},{"emoji":"⚗️","label":"alembic","tone":0},{"emoji":"🧪","label":"test tube","tone":0},{"emoji":"🧫","label":"petri dish","tone":0},{"emoji":"🧬","label":"dna","tone":0},{"emoji":"🔬","label":"microscope","tone":0},{"emoji":"🔭","label":"telescope","tone":0},{"emoji":"📡","label":"satellite antenna","tone":0},{"emoji":"💉","label":"syringe","tone":0},{"emoji":"🩸","label":"drop of blood","tone":0},{"emoji":"💊","label":"pill","tone":0},{"emoji":"🩹","label":"adhesive bandage","tone":0},{"emoji":"🩺","label":"stethoscope","tone":0},{"emoji":"🚪","label":"door","tone":0},{"emoji":"🛗","label":"elevator","tone":0},{"emoji":"🪞","label":"mirror","tone":0},{"emoji":"🪟","label":"window","tone":0},{"emoji":"🛏️","label":"bed","tone":0},{"emoji":"🛋️","label":"couch and lamp","tone":0},{"emoji":"🪑","label":"chair","tone":0},{"emoji":"🚽","label":"toilet","tone":0},{"emoji":"🪠","label":"plunger","tone":0},{"emoji":"🚿","label":"shower","tone":0},{"emoji":"🛁","label":"bathtub","tone":0},{"emoji":"🪤","label":"mouse trap","tone":0},{"emoji":"🪒","label":"razor","tone":0},{"emoji":"🧴","label":"lotion bottle","tone":0},{"emoji":"🧷","label":"safety pin","tone":0},{"emoji":"🧹","label":"broom","tone":0},{"emoji":"🧺","label":"basket","tone":0},{"emoji":"🧻","label":"roll of paper","tone":0},{"emoji":"🪣","label":"bucket","tone":0},{"emoji":"🧼","label":"soap","tone":0},{"emoji":"🪥","label":"toothbrush","tone":0},{"emoji":"🧽","label":"sponge","tone":0},{"emoji":"🧯","label":"fire extinguisher","tone":0},{"emoji":"🛒","label":"shopping cart","tone":0},{"emoji":"🚬","label":"cigarette","tone":0},{"emoji":"⚰️","label":"coffin","tone":0},{"emoji":"🪦","label":"headstone","tone":0},{"emoji":"⚱️","label":"funeral urn","tone":0},{"emoji":"🗿","label":"moai","tone":0},{"emoji":"🪧","label":"placard","tone":0}]},{"name":"symbols","emojis":[{"emoji":"🏧","label":"ATM sign","tone":0},{"emoji":"🚮","label":"litter in bin sign","tone":0},{"emoji":"🚰","label":"potable water","tone":0},{"emoji":"♿️","label":"wheelchair symbol","tone":0},{"emoji":"🚹️","label":"men’s room","tone":0},{"emoji":"🚺️","label":"women’s room","tone":0},{"emoji":"🚻","label":"restroom","tone":0},{"emoji":"🚼️","label":"baby symbol","tone":0},{"emoji":"🚾","label":"water closet","tone":0},{"emoji":"🛂","label":"passport control","tone":0},{"emoji":"🛃","label":"customs","tone":0},{"emoji":"🛄","label":"baggage claim","tone":0},{"emoji":"🛅","label":"left luggage","tone":0},{"emoji":"⚠️","label":"warning","tone":0},{"emoji":"🚸","label":"children crossing","tone":0},{"emoji":"⛔️","label":"no entry","tone":0},{"emoji":"🚫","label":"prohibited","tone":0},{"emoji":"🚳","label":"no bicycles","tone":0},{"emoji":"🚭️","label":"no smoking","tone":0},{"emoji":"🚯","label":"no littering","tone":0},{"emoji":"🚱","label":"non-potable water","tone":0},{"emoji":"🚷","label":"no pedestrians","tone":0},{"emoji":"📵","label":"no mobile phones","tone":0},{"emoji":"🔞","label":"no one under eighteen","tone":0},{"emoji":"☢️","label":"radioactive","tone":0},{"emoji":"☣️","label":"biohazard","tone":0},{"emoji":"⬆️","label":"up arrow","tone":0},{"emoji":"↗️","label":"up-right arrow","tone":0},{"emoji":"➡️","label":"right arrow","tone":0},{"emoji":"↘️","label":"down-right arrow","tone":0},{"emoji":"⬇️","label":"down arrow","tone":0},{"emoji":"↙️","label":"down-left arrow","tone":0},{"emoji":"⬅️","label":"left arrow","tone":0},{"emoji":"↖️","label":"up-left arrow","tone":0},{"emoji":"↕️","label":"up-down arrow","tone":0},{"emoji":"↔️","label":"left-right arrow","tone":0},{"emoji":"↩️","label":"right arrow curving left","tone":0},{"emoji":"↪️","label":"left arrow curving right","tone":0},{"emoji":"⤴️","label":"right arrow curving up","tone":0},{"emoji":"⤵️","label":"right arrow curving down","tone":0},{"emoji":"🔃","label":"clockwise vertical arrows","tone":0},{"emoji":"🔄","label":"counterclockwise arrows button","tone":0},{"emoji":"🔙","label":"BACK arrow","tone":0},{"emoji":"🔚","label":"END arrow","tone":0},{"emoji":"🔛","label":"ON! arrow","tone":0},{"emoji":"🔜","label":"SOON arrow","tone":0},{"emoji":"🔝","label":"TOP arrow","tone":0},{"emoji":"🛐","label":"place of worship","tone":0},{"emoji":"⚛️","label":"atom symbol","tone":0},{"emoji":"🕉️","label":"om","tone":0},{"emoji":"✡️","label":"star of David","tone":0},{"emoji":"☸️","label":"wheel of dharma","tone":0},{"emoji":"☯️","label":"yin yang","tone":0},{"emoji":"✝️","label":"latin cross","tone":0},{"emoji":"☦️","label":"orthodox cross","tone":0},{"emoji":"☪️","label":"star and crescent","tone":0},{"emoji":"☮️","label":"peace symbol","tone":0},{"emoji":"🕎","label":"menorah","tone":0},{"emoji":"🔯","label":"dotted six-pointed star","tone":0},{"emoji":"♈️","label":"Aries","tone":0},{"emoji":"♉️","label":"Taurus","tone":0},{"emoji":"♊️","label":"Gemini","tone":0},{"emoji":"♋️","label":"Cancer","tone":0},{"emoji":"♌️","label":"Leo","tone":0},{"emoji":"♍️","label":"Virgo","tone":0},{"emoji":"♎️","label":"Libra","tone":0},{"emoji":"♏️","label":"Scorpio","tone":0},{"emoji":"♐️","label":"Sagittarius","tone":0},{"emoji":"♑️","label":"Capricorn","tone":0},{"emoji":"♒️","label":"Aquarius","tone":0},{"emoji":"♓️","label":"Pisces","tone":0},{"emoji":"⛎","label":"Ophiuchus","tone":0},{"emoji":"🔀","label":"shuffle tracks button","tone":0},{"emoji":"🔁","label":"repeat button","tone":0},{"emoji":"🔂","label":"repeat single button","tone":0},{"emoji":"▶️","label":"play button","tone":0},{"emoji":"⏩️","label":"fast-forward button","tone":0},{"emoji":"⏭️","label":"next track button","tone":0},{"emoji":"⏯️","label":"play or pause button","tone":0},{"emoji":"◀️","label":"reverse button","tone":0},{"emoji":"⏪️","label":"fast reverse button","tone":0},{"emoji":"⏮️","label":"last track button","tone":0},{"emoji":"🔼","label":"upwards button","tone":0},{"emoji":"⏫","label":"fast up button","tone":0},{"emoji":"🔽","label":"downwards button","tone":0},{"emoji":"⏬","label":"fast down button","tone":0},{"emoji":"⏸️","label":"pause button","tone":0},{"emoji":"⏹️","label":"stop button","tone":0},{"emoji":"⏺️","label":"record button","tone":0},{"emoji":"⏏️","label":"eject button","tone":0},{"emoji":"🎦","label":"cinema","tone":0},{"emoji":"🔅","label":"dim button","tone":0},{"emoji":"🔆","label":"bright button","tone":0},{"emoji":"📶","label":"antenna bars","tone":0},{"emoji":"📳","label":"vibration mode","tone":0},{"emoji":"📴","label":"mobile phone off","tone":0},{"emoji":"♀️","label":"female sign","tone":0},{"emoji":"♂️","label":"male sign","tone":0},{"emoji":"⚧️","label":"transgender symbol","tone":0},{"emoji":"✖️","label":"multiply","tone":0},{"emoji":"➕","label":"plus","tone":0},{"emoji":"➖","label":"minus","tone":0},{"emoji":"➗","label":"divide","tone":0},{"emoji":"♾️","label":"infinity","tone":0},{"emoji":"‼️","label":"double exclamation mark","tone":0},{"emoji":"⁉️","label":"exclamation question mark","tone":0},{"emoji":"❓️","label":"red question mark","tone":0},{"emoji":"❔","label":"white question mark","tone":0},{"emoji":"❕","label":"white exclamation mark","tone":0},{"emoji":"❗️","label":"red exclamation mark","tone":0},{"emoji":"〰️","label":"wavy dash","tone":0},{"emoji":"💱","label":"currency exchange","tone":0},{"emoji":"💲","label":"heavy dollar sign","tone":0},{"emoji":"⚕️","label":"medical symbol","tone":0},{"emoji":"♻️","label":"recycling symbol","tone":0},{"emoji":"⚜️","label":"fleur-de-lis","tone":0},{"emoji":"🔱","label":"trident emblem","tone":0},{"emoji":"📛","label":"name badge","tone":0},{"emoji":"🔰","label":"Japanese symbol for beginner","tone":0},{"emoji":"⭕️","label":"hollow red circle","tone":0},{"emoji":"✅","label":"check mark button","tone":0},{"emoji":"☑️","label":"check box with check","tone":0},{"emoji":"✔️","label":"check mark","tone":0},{"emoji":"❌","label":"cross mark","tone":0},{"emoji":"❎","label":"cross mark button","tone":0},{"emoji":"➰","label":"curly loop","tone":0},{"emoji":"➿","label":"double curly loop","tone":0},{"emoji":"〽️","label":"part alternation mark","tone":0},{"emoji":"✳️","label":"eight-spoked asterisk","tone":0},{"emoji":"✴️","label":"eight-pointed star","tone":0},{"emoji":"❇️","label":"sparkle","tone":0},{"emoji":"©️","label":"copyright","tone":0},{"emoji":"®️","label":"registered","tone":0},{"emoji":"™️","label":"trade mark","tone":0},{"emoji":"#️⃣","label":"keycap: #","tone":0},{"emoji":"*️⃣","label":"keycap: *","tone":0},{"emoji":"0️⃣","label":"keycap: 0","tone":0},{"emoji":"1️⃣","label":"keycap: 1","tone":0},{"emoji":"2️⃣","label":"keycap: 2","tone":0},{"emoji":"3️⃣","label":"keycap: 3","tone":0},{"emoji":"4️⃣","label":"keycap: 4","tone":0},{"emoji":"5️⃣","label":"keycap: 5","tone":0},{"emoji":"6️⃣","label":"keycap: 6","tone":0},{"emoji":"7️⃣","label":"keycap: 7","tone":0},{"emoji":"8️⃣","label":"keycap: 8","tone":0},{"emoji":"9️⃣","label":"keycap: 9","tone":0},{"emoji":"🔟","label":"keycap: 10","tone":0},{"emoji":"🔠","label":"input latin uppercase","tone":0},{"emoji":"🔡","label":"input latin lowercase","tone":0},{"emoji":"🔢","label":"input numbers","tone":0},{"emoji":"🔣","label":"input symbols","tone":0},{"emoji":"🔤","label":"input latin letters","tone":0},{"emoji":"🅰️","label":"A button (blood type)","tone":0},{"emoji":"🆎","label":"AB button (blood type)","tone":0},{"emoji":"🅱️","label":"B button (blood type)","tone":0},{"emoji":"🆑","label":"CL button","tone":0},{"emoji":"🆒","label":"COOL button","tone":0},{"emoji":"🆓","label":"FREE button","tone":0},{"emoji":"ℹ️","label":"information","tone":0},{"emoji":"🆔","label":"ID button","tone":0},{"emoji":"Ⓜ️","label":"circled M","tone":0},{"emoji":"🆕","label":"NEW button","tone":0},{"emoji":"🆖","label":"NG button","tone":0},{"emoji":"🅾️","label":"O button (blood type)","tone":0},{"emoji":"🆗","label":"OK button","tone":0},{"emoji":"🅿️","label":"P button","tone":0},{"emoji":"🆘","label":"SOS button","tone":0},{"emoji":"🆙","label":"UP! button","tone":0},{"emoji":"🆚","label":"VS button","tone":0},{"emoji":"🈁","label":"Japanese “here” button","tone":0},{"emoji":"🈂️","label":"Japanese “service charge” button","tone":0},{"emoji":"🈷️","label":"Japanese “monthly amount” button","tone":0},{"emoji":"🈶","label":"Japanese “not free of charge” button","tone":0},{"emoji":"🈯️","label":"Japanese “reserved” button","tone":0},{"emoji":"🉐","label":"Japanese “bargain” button","tone":0},{"emoji":"🈹","label":"Japanese “discount” button","tone":0},{"emoji":"🈚️","label":"Japanese “free of charge” button","tone":0},{"emoji":"🈲","label":"Japanese “prohibited” button","tone":0},{"emoji":"🉑","label":"Japanese “acceptable” button","tone":0},{"emoji":"🈸","label":"Japanese “application” button","tone":0},{"emoji":"🈴","label":"Japanese “passing grade” button","tone":0},{"emoji":"🈳","label":"Japanese “vacancy” button","tone":0},{"emoji":"㊗️","label":"Japanese “congratulations” button","tone":0},{"emoji":"㊙️","label":"Japanese “secret” button","tone":0},{"emoji":"🈺","label":"Japanese “open for business” button","tone":0},{"emoji":"🈵","label":"Japanese “no vacancy” button","tone":0},{"emoji":"🔴","label":"red circle","tone":0},{"emoji":"🟠","label":"orange circle","tone":0},{"emoji":"🟡","label":"yellow circle","tone":0},{"emoji":"🟢","label":"green circle","tone":0},{"emoji":"🔵","label":"blue circle","tone":0},{"emoji":"🟣","label":"purple circle","tone":0},{"emoji":"🟤","label":"brown circle","tone":0},{"emoji":"⚫️","label":"black circle","tone":0},{"emoji":"⚪️","label":"white circle","tone":0},{"emoji":"🟥","label":"red square","tone":0},{"emoji":"🟧","label":"orange square","tone":0},{"emoji":"🟨","label":"yellow square","tone":0},{"emoji":"🟩","label":"green square","tone":0},{"emoji":"🟦","label":"blue square","tone":0},{"emoji":"🟪","label":"purple square","tone":0},{"emoji":"🟫","label":"brown square","tone":0},{"emoji":"⬛️","label":"black large square","tone":0},{"emoji":"⬜️","label":"white large square","tone":0},{"emoji":"◼️","label":"black medium square","tone":0},{"emoji":"◻️","label":"white medium square","tone":0},{"emoji":"◾️","label":"black medium-small square","tone":0},{"emoji":"◽️","label":"white medium-small square","tone":0},{"emoji":"▪️","label":"black small square","tone":0},{"emoji":"▫️","label":"white small square","tone":0},{"emoji":"🔶","label":"large orange diamond","tone":0},{"emoji":"🔷","label":"large blue diamond","tone":0},{"emoji":"🔸","label":"small orange diamond","tone":0},{"emoji":"🔹","label":"small blue diamond","tone":0},{"emoji":"🔺","label":"red triangle pointed up","tone":0},{"emoji":"🔻","label":"red triangle pointed down","tone":0},{"emoji":"💠","label":"diamond with a dot","tone":0},{"emoji":"🔘","label":"radio button","tone":0},{"emoji":"🔳","label":"white square button","tone":0},{"emoji":"🔲","label":"black square button","tone":0},{"emoji":"🏁","label":"chequered flag","tone":0},{"emoji":"🚩","label":"triangular flag","tone":0},{"emoji":"🎌","label":"crossed flags","tone":0},{"emoji":"🏴","label":"black flag","tone":0},{"emoji":"🏳️","label":"white flag","tone":0},{"emoji":"🏳️‍🌈","label":"rainbow flag","tone":0},{"emoji":"🏳️‍⚧️","label":"transgender flag","tone":0},{"emoji":"🏴‍☠️","label":"pirate flag","tone":0},{"emoji":"🇦🇨","label":"flag: Ascension Island","tone":0},{"emoji":"🇦🇩","label":"flag: Andorra","tone":0},{"emoji":"🇦🇪","label":"flag: United Arab Emirates","tone":0},{"emoji":"🇦🇫","label":"flag: Afghanistan","tone":0},{"emoji":"🇦🇬","label":"flag: Antigua & Barbuda","tone":0},{"emoji":"🇦🇮","label":"flag: Anguilla","tone":0},{"emoji":"🇦🇱","label":"flag: Albania","tone":0},{"emoji":"🇦🇲","label":"flag: Armenia","tone":0},{"emoji":"🇦🇴","label":"flag: Angola","tone":0},{"emoji":"🇦🇶","label":"flag: Antarctica","tone":0},{"emoji":"🇦🇷","label":"flag: Argentina","tone":0},{"emoji":"🇦🇸","label":"flag: American Samoa","tone":0},{"emoji":"🇦🇹","label":"flag: Austria","tone":0},{"emoji":"🇦🇺","label":"flag: Australia","tone":0},{"emoji":"🇦🇼","label":"flag: Aruba","tone":0},{"emoji":"🇦🇽","label":"flag: Åland Islands","tone":0},{"emoji":"🇦🇿","label":"flag: Azerbaijan","tone":0},{"emoji":"🇧🇦","label":"flag: Bosnia & Herzegovina","tone":0},{"emoji":"🇧🇧","label":"flag: Barbados","tone":0},{"emoji":"🇧🇩","label":"flag: Bangladesh","tone":0},{"emoji":"🇧🇪","label":"flag: Belgium","tone":0},{"emoji":"🇧🇫","label":"flag: Burkina Faso","tone":0},{"emoji":"🇧🇬","label":"flag: Bulgaria","tone":0},{"emoji":"🇧🇭","label":"flag: Bahrain","tone":0},{"emoji":"🇧🇮","label":"flag: Burundi","tone":0},{"emoji":"🇧🇯","label":"flag: Benin","tone":0},{"emoji":"🇧🇱","label":"flag: St. Barthélemy","tone":0},{"emoji":"🇧🇲","label":"flag: Bermuda","tone":0},{"emoji":"🇧🇳","label":"flag: Brunei","tone":0},{"emoji":"🇧🇴","label":"flag: Bolivia","tone":0},{"emoji":"🇧🇶","label":"flag: Caribbean Netherlands","tone":0},{"emoji":"🇧🇷","label":"flag: Brazil","tone":0},{"emoji":"🇧🇸","label":"flag: Bahamas","tone":0},{"emoji":"🇧🇹","label":"flag: Bhutan","tone":0},{"emoji":"🇧🇻","label":"flag: Bouvet Island","tone":0},{"emoji":"🇧🇼","label":"flag: Botswana","tone":0},{"emoji":"🇧🇾","label":"flag: Belarus","tone":0},{"emoji":"🇧🇿","label":"flag: Belize","tone":0},{"emoji":"🇨🇦","label":"flag: Canada","tone":0},{"emoji":"🇨🇨","label":"flag: Cocos (Keeling) Islands","tone":0},{"emoji":"🇨🇩","label":"flag: Congo - Kinshasa","tone":0},{"emoji":"🇨🇫","label":"flag: Central African Republic","tone":0},{"emoji":"🇨🇬","label":"flag: Congo - Brazzaville","tone":0},{"emoji":"🇨🇭","label":"flag: Switzerland","tone":0},{"emoji":"🇨🇮","label":"flag: Côte d’Ivoire","tone":0},{"emoji":"🇨🇰","label":"flag: Cook Islands","tone":0},{"emoji":"🇨🇱","label":"flag: Chile","tone":0},{"emoji":"🇨🇲","label":"flag: Cameroon","tone":0},{"emoji":"🇨🇳","label":"flag: China","tone":0},{"emoji":"🇨🇴","label":"flag: Colombia","tone":0},{"emoji":"🇨🇵","label":"flag: Clipperton Island","tone":0},{"emoji":"🇨🇷","label":"flag: Costa Rica","tone":0},{"emoji":"🇨🇺","label":"flag: Cuba","tone":0},{"emoji":"🇨🇻","label":"flag: Cape Verde","tone":0},{"emoji":"🇨🇼","label":"flag: Curaçao","tone":0},{"emoji":"🇨🇽","label":"flag: Christmas Island","tone":0},{"emoji":"🇨🇾","label":"flag: Cyprus","tone":0},{"emoji":"🇨🇿","label":"flag: Czechia","tone":0},{"emoji":"🇩🇪","label":"flag: Germany","tone":0},{"emoji":"🇩🇬","label":"flag: Diego Garcia","tone":0},{"emoji":"🇩🇯","label":"flag: Djibouti","tone":0},{"emoji":"🇩🇰","label":"flag: Denmark","tone":0},{"emoji":"🇩🇲","label":"flag: Dominica","tone":0},{"emoji":"🇩🇴","label":"flag: Dominican Republic","tone":0},{"emoji":"🇩🇿","label":"flag: Algeria","tone":0},{"emoji":"🇪🇦","label":"flag: Ceuta & Melilla","tone":0},{"emoji":"🇪🇨","label":"flag: Ecuador","tone":0},{"emoji":"🇪🇪","label":"flag: Estonia","tone":0},{"emoji":"🇪🇬","label":"flag: Egypt","tone":0},{"emoji":"🇪🇭","label":"flag: Western Sahara","tone":0},{"emoji":"🇪🇷","label":"flag: Eritrea","tone":0},{"emoji":"🇪🇸","label":"flag: Spain","tone":0},{"emoji":"🇪🇹","label":"flag: Ethiopia","tone":0},{"emoji":"🇪🇺","label":"flag: European Union","tone":0},{"emoji":"🇫🇮","label":"flag: Finland","tone":0},{"emoji":"🇫🇯","label":"flag: Fiji","tone":0},{"emoji":"🇫🇰","label":"flag: Falkland Islands","tone":0},{"emoji":"🇫🇲","label":"flag: Micronesia","tone":0},{"emoji":"🇫🇴","label":"flag: Faroe Islands","tone":0},{"emoji":"🇫🇷","label":"flag: France","tone":0},{"emoji":"🇬🇦","label":"flag: Gabon","tone":0},{"emoji":"🇬🇧","label":"flag: United Kingdom","tone":0},{"emoji":"🇬🇩","label":"flag: Grenada","tone":0},{"emoji":"🇬🇪","label":"flag: Georgia","tone":0},{"emoji":"🇬🇫","label":"flag: French Guiana","tone":0},{"emoji":"🇬🇬","label":"flag: Guernsey","tone":0},{"emoji":"🇬🇭","label":"flag: Ghana","tone":0},{"emoji":"🇬🇮","label":"flag: Gibraltar","tone":0},{"emoji":"🇬🇱","label":"flag: Greenland","tone":0},{"emoji":"🇬🇲","label":"flag: Gambia","tone":0},{"emoji":"🇬🇳","label":"flag: Guinea","tone":0},{"emoji":"🇬🇵","label":"flag: Guadeloupe","tone":0},{"emoji":"🇬🇶","label":"flag: Equatorial Guinea","tone":0},{"emoji":"🇬🇷","label":"flag: Greece","tone":0},{"emoji":"🇬🇸","label":"flag: South Georgia & South Sandwich Islands","tone":0},{"emoji":"🇬🇹","label":"flag: Guatemala","tone":0},{"emoji":"🇬🇺","label":"flag: Guam","tone":0},{"emoji":"🇬🇼","label":"flag: Guinea-Bissau","tone":0},{"emoji":"🇬🇾","label":"flag: Guyana","tone":0},{"emoji":"🇭🇰","label":"flag: Hong Kong SAR China","tone":0},{"emoji":"🇭🇲","label":"flag: Heard & McDonald Islands","tone":0},{"emoji":"🇭🇳","label":"flag: Honduras","tone":0},{"emoji":"🇭🇷","label":"flag: Croatia","tone":0},{"emoji":"🇭🇹","label":"flag: Haiti","tone":0},{"emoji":"🇭🇺","label":"flag: Hungary","tone":0},{"emoji":"🇮🇨","label":"flag: Canary Islands","tone":0},{"emoji":"🇮🇩","label":"flag: Indonesia","tone":0},{"emoji":"🇮🇪","label":"flag: Ireland","tone":0},{"emoji":"🇮🇱","label":"flag: Israel","tone":0},{"emoji":"🇮🇲","label":"flag: Isle of Man","tone":0},{"emoji":"🇮🇳","label":"flag: India","tone":0},{"emoji":"🇮🇴","label":"flag: British Indian Ocean Territory","tone":0},{"emoji":"🇮🇶","label":"flag: Iraq","tone":0},{"emoji":"🇮🇷","label":"flag: Iran","tone":0},{"emoji":"🇮🇸","label":"flag: Iceland","tone":0},{"emoji":"🇮🇹","label":"flag: Italy","tone":0},{"emoji":"🇯🇪","label":"flag: Jersey","tone":0},{"emoji":"🇯🇲","label":"flag: Jamaica","tone":0},{"emoji":"🇯🇴","label":"flag: Jordan","tone":0},{"emoji":"🇯🇵","label":"flag: Japan","tone":0},{"emoji":"🇰🇪","label":"flag: Kenya","tone":0},{"emoji":"🇰🇬","label":"flag: Kyrgyzstan","tone":0},{"emoji":"🇰🇭","label":"flag: Cambodia","tone":0},{"emoji":"🇰🇮","label":"flag: Kiribati","tone":0},{"emoji":"🇰🇲","label":"flag: Comoros","tone":0},{"emoji":"🇰🇳","label":"flag: St. Kitts & Nevis","tone":0},{"emoji":"🇰🇵","label":"flag: North Korea","tone":0},{"emoji":"🇰🇷","label":"flag: South Korea","tone":0},{"emoji":"🇰🇼","label":"flag: Kuwait","tone":0},{"emoji":"🇰🇾","label":"flag: Cayman Islands","tone":0},{"emoji":"🇰🇿","label":"flag: Kazakhstan","tone":0},{"emoji":"🇱🇦","label":"flag: Laos","tone":0},{"emoji":"🇱🇧","label":"flag: Lebanon","tone":0},{"emoji":"🇱🇨","label":"flag: St. Lucia","tone":0},{"emoji":"🇱🇮","label":"flag: Liechtenstein","tone":0},{"emoji":"🇱🇰","label":"flag: Sri Lanka","tone":0},{"emoji":"🇱🇷","label":"flag: Liberia","tone":0},{"emoji":"🇱🇸","label":"flag: Lesotho","tone":0},{"emoji":"🇱🇹","label":"flag: Lithuania","tone":0},{"emoji":"🇱🇺","label":"flag: Luxembourg","tone":0},{"emoji":"🇱🇻","label":"flag: Latvia","tone":0},{"emoji":"🇱🇾","label":"flag: Libya","tone":0},{"emoji":"🇲🇦","label":"flag: Morocco","tone":0},{"emoji":"🇲🇨","label":"flag: Monaco","tone":0},{"emoji":"🇲🇩","label":"flag: Moldova","tone":0},{"emoji":"🇲🇪","label":"flag: Montenegro","tone":0},{"emoji":"🇲🇫","label":"flag: St. Martin","tone":0},{"emoji":"🇲🇬","label":"flag: Madagascar","tone":0},{"emoji":"🇲🇭","label":"flag: Marshall Islands","tone":0},{"emoji":"🇲🇰","label":"flag: North Macedonia","tone":0},{"emoji":"🇲🇱","label":"flag: Mali","tone":0},{"emoji":"🇲🇲","label":"flag: Myanmar (Burma)","tone":0},{"emoji":"🇲🇳","label":"flag: Mongolia","tone":0},{"emoji":"🇲🇴","label":"flag: Macao SAR China","tone":0},{"emoji":"🇲🇵","label":"flag: Northern Mariana Islands","tone":0},{"emoji":"🇲🇶","label":"flag: Martinique","tone":0},{"emoji":"🇲🇷","label":"flag: Mauritania","tone":0},{"emoji":"🇲🇸","label":"flag: Montserrat","tone":0},{"emoji":"🇲🇹","label":"flag: Malta","tone":0},{"emoji":"🇲🇺","label":"flag: Mauritius","tone":0},{"emoji":"🇲🇻","label":"flag: Maldives","tone":0},{"emoji":"🇲🇼","label":"flag: Malawi","tone":0},{"emoji":"🇲🇽","label":"flag: Mexico","tone":0},{"emoji":"🇲🇾","label":"flag: Malaysia","tone":0},{"emoji":"🇲🇿","label":"flag: Mozambique","tone":0},{"emoji":"🇳🇦","label":"flag: Namibia","tone":0},{"emoji":"🇳🇨","label":"flag: New Caledonia","tone":0},{"emoji":"🇳🇪","label":"flag: Niger","tone":0},{"emoji":"🇳🇫","label":"flag: Norfolk Island","tone":0},{"emoji":"🇳🇬","label":"flag: Nigeria","tone":0},{"emoji":"🇳🇮","label":"flag: Nicaragua","tone":0},{"emoji":"🇳🇱","label":"flag: Netherlands","tone":0},{"emoji":"🇳🇴","label":"flag: Norway","tone":0},{"emoji":"🇳🇵","label":"flag: Nepal","tone":0},{"emoji":"🇳🇷","label":"flag: Nauru","tone":0},{"emoji":"🇳🇺","label":"flag: Niue","tone":0},{"emoji":"🇳🇿","label":"flag: New Zealand","tone":0},{"emoji":"🇴🇲","label":"flag: Oman","tone":0},{"emoji":"🇵🇦","label":"flag: Panama","tone":0},{"emoji":"🇵🇪","label":"flag: Peru","tone":0},{"emoji":"🇵🇫","label":"flag: French Polynesia","tone":0},{"emoji":"🇵🇬","label":"flag: Papua New Guinea","tone":0},{"emoji":"🇵🇭","label":"flag: Philippines","tone":0},{"emoji":"🇵🇰","label":"flag: Pakistan","tone":0},{"emoji":"🇵🇱","label":"flag: Poland","tone":0},{"emoji":"🇵🇲","label":"flag: St. Pierre & Miquelon","tone":0},{"emoji":"🇵🇳","label":"flag: Pitcairn Islands","tone":0},{"emoji":"🇵🇷","label":"flag: Puerto Rico","tone":0},{"emoji":"🇵🇸","label":"flag: Palestinian Territories","tone":0},{"emoji":"🇵🇹","label":"flag: Portugal","tone":0},{"emoji":"🇵🇼","label":"flag: Palau","tone":0},{"emoji":"🇵🇾","label":"flag: Paraguay","tone":0},{"emoji":"🇶🇦","label":"flag: Qatar","tone":0},{"emoji":"🇷🇪","label":"flag: Réunion","tone":0},{"emoji":"🇷🇴","label":"flag: Romania","tone":0},{"emoji":"🇷🇸","label":"flag: Serbia","tone":0},{"emoji":"🇷🇺","label":"flag: Russia","tone":0},{"emoji":"🇷🇼","label":"flag: Rwanda","tone":0},{"emoji":"🇸🇦","label":"flag: Saudi Arabia","tone":0},{"emoji":"🇸🇧","label":"flag: Solomon Islands","tone":0},{"emoji":"🇸🇨","label":"flag: Seychelles","tone":0},{"emoji":"🇸🇩","label":"flag: Sudan","tone":0},{"emoji":"🇸🇪","label":"flag: Sweden","tone":0},{"emoji":"🇸🇬","label":"flag: Singapore","tone":0},{"emoji":"🇸🇭","label":"flag: St. Helena","tone":0},{"emoji":"🇸🇮","label":"flag: Slovenia","tone":0},{"emoji":"🇸🇯","label":"flag: Svalbard & Jan Mayen","tone":0},{"emoji":"🇸🇰","label":"flag: Slovakia","tone":0},{"emoji":"🇸🇱","label":"flag: Sierra Leone","tone":0},{"emoji":"🇸🇲","label":"flag: San Marino","tone":0},{"emoji":"🇸🇳","label":"flag: Senegal","tone":0},{"emoji":"🇸🇴","label":"flag: Somalia","tone":0},{"emoji":"🇸🇷","label":"flag: Suriname","tone":0},{"emoji":"🇸🇸","label":"flag: South Sudan","tone":0},{"emoji":"🇸🇹","label":"flag: São Tomé & Príncipe","tone":0},{"emoji":"🇸🇻","label":"flag: El Salvador","tone":0},{"emoji":"🇸🇽","label":"flag: Sint Maarten","tone":0},{"emoji":"🇸🇾","label":"flag: Syria","tone":0},{"emoji":"🇸🇿","label":"flag: Eswatini","tone":0},{"emoji":"🇹🇦","label":"flag: Tristan da Cunha","tone":0},{"emoji":"🇹🇨","label":"flag: Turks & Caicos Islands","tone":0},{"emoji":"🇹🇩","label":"flag: Chad","tone":0},{"emoji":"🇹🇫","label":"flag: French Southern Territories","tone":0},{"emoji":"🇹🇬","label":"flag: Togo","tone":0},{"emoji":"🇹🇭","label":"flag: Thailand","tone":0},{"emoji":"🇹🇯","label":"flag: Tajikistan","tone":0},{"emoji":"🇹🇰","label":"flag: Tokelau","tone":0},{"emoji":"🇹🇱","label":"flag: Timor-Leste","tone":0},{"emoji":"🇹🇲","label":"flag: Turkmenistan","tone":0},{"emoji":"🇹🇳","label":"flag: Tunisia","tone":0},{"emoji":"🇹🇴","label":"flag: Tonga","tone":0},{"emoji":"🇹🇷","label":"flag: Turkey","tone":0},{"emoji":"🇹🇹","label":"flag: Trinidad & Tobago","tone":0},{"emoji":"🇹🇻","label":"flag: Tuvalu","tone":0},{"emoji":"🇹🇼","label":"flag: Taiwan","tone":0},{"emoji":"🇹🇿","label":"flag: Tanzania","tone":0},{"emoji":"🇺🇦","label":"flag: Ukraine","tone":0},{"emoji":"🇺🇬","label":"flag: Uganda","tone":0},{"emoji":"🇺🇲","label":"flag: U.S. Outlying Islands","tone":0},{"emoji":"🇺🇳","label":"flag: United Nations","tone":0},{"emoji":"🇺🇸","label":"flag: United States","tone":0},{"emoji":"🇺🇾","label":"flag: Uruguay","tone":0},{"emoji":"🇺🇿","label":"flag: Uzbekistan","tone":0},{"emoji":"🇻🇦","label":"flag: Vatican City","tone":0},{"emoji":"🇻🇨","label":"flag: St. Vincent & Grenadines","tone":0},{"emoji":"🇻🇪","label":"flag: Venezuela","tone":0},{"emoji":"🇻🇬","label":"flag: British Virgin Islands","tone":0},{"emoji":"🇻🇮","label":"flag: U.S. Virgin Islands","tone":0},{"emoji":"🇻🇳","label":"flag: Vietnam","tone":0},{"emoji":"🇻🇺","label":"flag: Vanuatu","tone":0},{"emoji":"🇼🇫","label":"flag: Wallis & Futuna","tone":0},{"emoji":"🇼🇸","label":"flag: Samoa","tone":0},{"emoji":"🇽🇰","label":"flag: Kosovo","tone":0},{"emoji":"🇾🇪","label":"flag: Yemen","tone":0},{"emoji":"🇾🇹","label":"flag: Mayotte","tone":0},{"emoji":"🇿🇦","label":"flag: South Africa","tone":0},{"emoji":"🇿🇲","label":"flag: Zambia","tone":0},{"emoji":"🇿🇼","label":"flag: Zimbabwe","tone":0},{"emoji":"🏴󠁧󠁢󠁥󠁮󠁧󠁿","label":"flag: England","tone":0},{"emoji":"🏴󠁧󠁢󠁳󠁣󠁴󠁿","label":"flag: Scotland","tone":0},{"emoji":"🏴󠁧󠁢󠁷󠁬󠁳󠁿","label":"flag: Wales","tone":0}]}]');
7446
- const templateHTML$K = '<style>:host{display:block}#wrapper{width:384px;max-height:504px;display:flex;flex-direction:column;gap:8px;padding:12px 0}#toolbar{display:flex;gap:8px;padding:0 12px}#search{flex:1;min-width:0}#search-clear:not(.active){display:none}#list-wrapper{overflow-y:auto;overflow-x:hidden;width:384px;box-sizing:border-box;scrollbar-gutter:stable}#list{display:flex;flex-wrap:wrap;gap:8px;padding:4px 12px 0;width:384px;box-sizing:border-box}#not-found{display:none;width:100%;height:48px;align-items:center;justify-content:center;pointer-events:none;user-select:none;--sinch-global-color-text:var(--sinch-comp-emoji-picker-color-default-text-not-found);--sinch-comp-text-font:var(--sinch-comp-emoji-picker-font-not-found)}#not-found.active{display:flex}sinch-tabs-icon-option>svg{pointer-events:none;height:var(--sinch-global-size-icon);fill:var(--sinch-global-color-icon)}</style><div id="wrapper"><div id="toolbar"><sinch-input id="search" size="l" aria-label="Search emojis"><sinch-icon icons-version="2" name="magnifying-glass" id="icon-search" slot="icon"></sinch-icon><sinch-button id="search-clear" slot="right" aria-label="Clear"><sinch-icon icons-version="2" name="fa-xmark" slot="icon"></sinch-icon></sinch-button></sinch-input><sinch-popover id="skin-popover" orientation="bottom-left" aria-label="Emoji skin tone select"><sinch-button id="skin-button" slot="target" size="l" aria-label="Select emoji skin tones"><sinch-color-swatch id="skin-swatch" slot="icon" name="skintone-default"></sinch-color-swatch></sinch-button><sinch-color-menu id="skin-menu" slot="content" cols="1" value="skintone-default" aria-label="Emoji skin tone menu"><sinch-color-menu-option value="skintone-default"></sinch-color-menu-option><sinch-color-menu-option value="skintone-light"></sinch-color-menu-option><sinch-color-menu-option value="skintone-light-medium"></sinch-color-menu-option><sinch-color-menu-option value="skintone-medium"></sinch-color-menu-option><sinch-color-menu-option value="skintone-medium-dark"></sinch-color-menu-option><sinch-color-menu-option value="skintone-dark"></sinch-color-menu-option></sinch-color-menu></sinch-popover></div><sinch-tabs id="tabs" aria-label="Emoji groups"><sinch-tabs-icon-option id="tab-emotions"><svg slot="icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M15.5 11a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-7 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2ZM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8Zm4.41-6.11a.745.745 0 0 0-1.03.24A3.98 3.98 0 0 1 12 16c-1.38 0-2.64-.7-3.38-1.88a.747.747 0 1 0-1.27.79A5.446 5.446 0 0 0 12 17.5c1.9 0 3.63-.97 4.65-2.58.22-.35.11-.81-.24-1.03Z"/></svg></sinch-tabs-icon-option><sinch-tabs-icon-option id="tab-people"><svg slot="icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/><path d="M15.89 8.11C15.5 7.72 14.83 7 13.53 7h-2.54a5.023 5.023 0 0 1-4.92-4.15.998.998 0 0 0-.98-.85c-.61 0-1.09.54-1 1.14A7.037 7.037 0 0 0 9 8.71V21c0 .55.45 1 1 1s1-.45 1-1v-5h2v5c0 .55.45 1 1 1s1-.45 1-1V10.05l3.24 3.24a.996.996 0 1 0 1.41-1.41l-3.76-3.77Z"/></svg></sinch-tabs-icon-option><sinch-tabs-icon-option id="tab-animals"><svg slot="icon" viewBox="0 0 24 24"><path d="M17 14c-.24-.24-.44-.49-.65-.75C17.51 11.5 19 8.56 19 5c0-1.95-.74-3-2-3-1.54 0-3.96 2.06-5 5.97C10.96 4.06 8.54 2 7 2 5.74 2 5 3.05 5 5c0 3.56 1.49 6.5 2.65 8.25-.21.26-.41.51-.65.75-.25.25-2 1.39-2 3.5C5 19.98 7.02 22 9.5 22c1.5 0 2.5-.5 2.5-.5s1 .5 2.5.5c2.48 0 4.5-2.02 4.5-4.5 0-2.11-1.75-3.25-2-3.5Zm-.12-9.97c.06.17.12.48.12.97 0 2.84-1.11 5.24-2.07 6.78-.38-.26-.83-.48-1.4-.62.24-4.52 2.44-6.83 3.35-7.13ZM7 5c0-.49.06-.8.12-.97.91.3 3.11 2.61 3.36 7.13-.58.14-1.03.35-1.4.62C8.11 10.24 7 7.84 7 5Zm7.5 15c-1 0-1.8-.33-2.22-.56.42-.18.72-.71.72-.94 0-.28-.45-.5-1-.5s-1 .22-1 .5c0 .23.3.76.72.94-.42.23-1.22.56-2.22.56A2.5 2.5 0 0 1 7 17.5c0-.7.43-1.24 1-1.73.44-.36.61-.52 1.3-1.37.76-.95 1.09-1.4 2.7-1.4s1.94.45 2.7 1.4c.69.85.86 1.01 1.3 1.37.57.49 1 1.03 1 1.73a2.5 2.5 0 0 1-2.5 2.5Zm-.5-4c0 .41-.22.75-.5.75s-.5-.34-.5-.75.22-.75.5-.75.5.34.5.75Zm-3 0c0 .41-.22.75-.5.75s-.5-.34-.5-.75.22-.75.5-.75.5.34.5.75Z"/></svg></sinch-tabs-icon-option><sinch-tabs-icon-option id="tab-food"><svg slot="icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M19 19H3c-.55 0-1 .45-1 1s.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1Zm1-16H9v2.4l1.81 1.45c.12.09.19.24.19.39v4.26c0 .28-.22.5-.5.5h-4c-.28 0-.5-.22-.5-.5V7.24c0-.15.07-.3.19-.39L8 5.4V3H6c-1.1 0-2 .9-2 2v8c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm0 5h-2V5h2v3Z"/></svg></sinch-tabs-icon-option><sinch-tabs-icon-option id="tab-travel"><svg slot="icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m21.99 14.77-1.43-4.11c-.14-.4-.52-.66-.97-.66H12.4c-.46 0-.83.26-.98.66L10 14.77v5.24c0 .55.45.99 1 .99s1-.45 1-1v-1h8v1a1 1 0 0 0 2 .01l-.01-5.24Zm-10.38-1.43.69-2c.05-.2.24-.34.46-.34h6.48c.21 0 .4.14.47.34l.69 2a.5.5 0 0 1-.47.66h-7.85a.5.5 0 0 1-.47-.66Zm.38 3.66c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1Zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1Z"/><path d="M14 4.5V9h1V4c0-.55-.45-1-1-1H8c-.55 0-1 .45-1 1v4H3c-.55 0-1 .45-1 1v12h1V9.5c0-.28.22-.5.5-.5h4c.28 0 .5-.22.5-.5v-4c0-.28.22-.5.5-.5h5c.28 0 .5.22.5.5Z"/><path d="M7 11H5v2h2v-2Zm5-6h-2v2h2V5ZM7 15H5v2h2v-2Zm0 4H5v2h2v-2Z"/></svg></sinch-tabs-icon-option><sinch-tabs-icon-option id="tab-sports"><svg slot="icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M19.52 2.49C17.18.15 12.9.62 9.97 3.55c-1.6 1.6-2.52 3.87-2.54 5.46-.02 1.58.26 3.89-1.35 5.5l-3.54 3.53c-.39.39-.39 1.02 0 1.42.39.39 1.02.39 1.42 0l3.53-3.54c1.61-1.61 3.92-1.33 5.5-1.35 1.58-.02 3.86-.94 5.46-2.54 2.93-2.92 3.41-7.2 1.07-9.54Zm-9.2 9.19c-1.53-1.53-1.05-4.61 1.06-6.72 2.11-2.11 5.18-2.59 6.72-1.06 1.53 1.53 1.05 4.61-1.06 6.72-2.11 2.11-5.18 2.59-6.72 1.06ZM18 17c.53 0 1.04.21 1.41.59.78.78.78 2.05 0 2.83-.37.37-.88.58-1.41.58-.53 0-1.04-.21-1.41-.59-.78-.78-.78-2.05 0-2.83.37-.37.88-.58 1.41-.58Zm0-2a3.998 3.998 0 0 0-2.83 6.83c.78.78 1.81 1.17 2.83 1.17a3.998 3.998 0 0 0 2.83-6.83A3.998 3.998 0 0 0 18 15Z"/></svg></sinch-tabs-icon-option><sinch-tabs-icon-option id="tab-objects"><svg slot="icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 3c-.46 0-.93.04-1.4.14-2.76.53-4.96 2.76-5.48 5.52-.48 2.61.48 5.01 2.22 6.56.43.38.66.91.66 1.47V19c0 1.1.9 2 2 2h.28a1.98 1.98 0 0 0 3.44 0H14c1.1 0 2-.9 2-2v-2.31c0-.55.22-1.09.64-1.46A6.956 6.956 0 0 0 19 10c0-3.87-3.13-7-7-7Zm.5 11h-1v-2.59L9.67 9.59l.71-.71L12 10.5l1.62-1.62.71.71-1.83 1.83V14Zm1 5c-.01 0-.02-.01-.03-.01V19h-2.94v-.01c-.01 0-.02.01-.03.01-.28 0-.5-.22-.5-.5s.22-.5.5-.5c.01 0 .02.01.03.01V18h2.94v.01c.01 0 .02-.01.03-.01.28 0 .5.22.5.5s-.22.5-.5.5Zm0-2h-3c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3c.28 0 .5.22.5.5s-.22.5-.5.5Z"/></svg></sinch-tabs-icon-option><sinch-tabs-icon-option id="tab-symbols"><svg slot="icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M10 5H4c-.55 0-1 .45-1 1s.45 1 1 1h2v3c0 .55.45 1 1 1s1-.45 1-1V7h2c.55 0 1-.45 1-1s-.45-1-1-1Zm0-3H4c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1Zm10.89 11.11a.996.996 0 0 0-1.41 0l-6.36 6.36a.996.996 0 1 0 1.41 1.41l6.36-6.36a.996.996 0 0 0 0-1.41ZM14.5 16a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm5 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-4-10A2.5 2.5 0 0 0 18 8.5V4h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1v3.51c-.42-.32-.93-.51-1.5-.51a2.5 2.5 0 0 0 0 5Zm-5.05 7.09a.996.996 0 1 0-1.41-1.41l-.71.71-.71-.71.35-.35a2.499 2.499 0 0 0-1.77-4.27 2.499 2.499 0 0 0-1.77 4.27l.35.35-1.06 1.06c-.98.98-.98 2.56 0 3.54.5.48 1.14.72 1.78.72.64 0 1.28-.24 1.77-.73l1.06-1.06.71.71a.996.996 0 1 0 1.41-1.41l-.71-.71.71-.71Zm-4.6-3.89a.5.5 0 0 1 .35-.15.5.5 0 0 1 .35.15c.19.2.19.51 0 .71l-.35.35-.35-.36a.5.5 0 0 1-.15-.35.5.5 0 0 1 .15-.35Zm0 5.65a.5.5 0 0 1-.35.15.5.5 0 0 1-.35-.15.5.5 0 0 1-.15-.35.5.5 0 0 1 .15-.35l1.06-1.06.71.71-1.07 1.05Z"/></svg></sinch-tabs-icon-option></sinch-tabs><div id="list-wrapper"><div id="list"></div><div id="not-found"><sinch-text type="m">No results</sinch-text></div></div></div>';
7510
+ const templateHTML$N = '<style>:host{display:block}#wrapper{width:384px;max-height:504px;display:flex;flex-direction:column;gap:8px;padding:12px 0}#toolbar{display:flex;gap:8px;padding:0 12px}#search{flex:1;min-width:0}#search-clear:not(.active){display:none}#list-wrapper{overflow-y:auto;overflow-x:hidden;width:384px;box-sizing:border-box;scrollbar-gutter:stable}#list{display:flex;flex-wrap:wrap;gap:8px;padding:4px 12px 0;width:384px;box-sizing:border-box}#not-found{display:none;width:100%;height:48px;align-items:center;justify-content:center;pointer-events:none;user-select:none;--sinch-global-color-text:var(--sinch-comp-emoji-picker-color-default-text-not-found);--sinch-comp-text-font:var(--sinch-comp-emoji-picker-font-not-found)}#not-found.active{display:flex}sinch-tabs-icon-option>svg{pointer-events:none;height:var(--sinch-global-size-icon);fill:var(--sinch-global-color-icon)}</style><div id="wrapper"><div id="toolbar"><sinch-input id="search" size="l" aria-label="Search emojis"><sinch-icon icons-version="2" name="magnifying-glass" id="icon-search" slot="icon"></sinch-icon><sinch-button id="search-clear" slot="right" aria-label="Clear"><sinch-icon icons-version="2" name="fa-xmark" slot="icon"></sinch-icon></sinch-button></sinch-input><sinch-popover id="skin-popover" orientation="bottom-left" aria-label="Emoji skin tone select"><sinch-button id="skin-button" slot="target" size="l" aria-label="Select emoji skin tones"><sinch-color-swatch id="skin-swatch" slot="icon" name="skintone-default"></sinch-color-swatch></sinch-button><sinch-color-menu id="skin-menu" slot="content" cols="1" value="skintone-default" aria-label="Emoji skin tone menu"><sinch-color-menu-option value="skintone-default"></sinch-color-menu-option><sinch-color-menu-option value="skintone-light"></sinch-color-menu-option><sinch-color-menu-option value="skintone-light-medium"></sinch-color-menu-option><sinch-color-menu-option value="skintone-medium"></sinch-color-menu-option><sinch-color-menu-option value="skintone-medium-dark"></sinch-color-menu-option><sinch-color-menu-option value="skintone-dark"></sinch-color-menu-option></sinch-color-menu></sinch-popover></div><sinch-tabs id="tabs" aria-label="Emoji groups"><sinch-tabs-icon-option id="tab-emotions"><svg slot="icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M15.5 11a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-7 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2ZM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8Zm4.41-6.11a.745.745 0 0 0-1.03.24A3.98 3.98 0 0 1 12 16c-1.38 0-2.64-.7-3.38-1.88a.747.747 0 1 0-1.27.79A5.446 5.446 0 0 0 12 17.5c1.9 0 3.63-.97 4.65-2.58.22-.35.11-.81-.24-1.03Z"/></svg></sinch-tabs-icon-option><sinch-tabs-icon-option id="tab-people"><svg slot="icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/><path d="M15.89 8.11C15.5 7.72 14.83 7 13.53 7h-2.54a5.023 5.023 0 0 1-4.92-4.15.998.998 0 0 0-.98-.85c-.61 0-1.09.54-1 1.14A7.037 7.037 0 0 0 9 8.71V21c0 .55.45 1 1 1s1-.45 1-1v-5h2v5c0 .55.45 1 1 1s1-.45 1-1V10.05l3.24 3.24a.996.996 0 1 0 1.41-1.41l-3.76-3.77Z"/></svg></sinch-tabs-icon-option><sinch-tabs-icon-option id="tab-animals"><svg slot="icon" viewBox="0 0 24 24"><path d="M17 14c-.24-.24-.44-.49-.65-.75C17.51 11.5 19 8.56 19 5c0-1.95-.74-3-2-3-1.54 0-3.96 2.06-5 5.97C10.96 4.06 8.54 2 7 2 5.74 2 5 3.05 5 5c0 3.56 1.49 6.5 2.65 8.25-.21.26-.41.51-.65.75-.25.25-2 1.39-2 3.5C5 19.98 7.02 22 9.5 22c1.5 0 2.5-.5 2.5-.5s1 .5 2.5.5c2.48 0 4.5-2.02 4.5-4.5 0-2.11-1.75-3.25-2-3.5Zm-.12-9.97c.06.17.12.48.12.97 0 2.84-1.11 5.24-2.07 6.78-.38-.26-.83-.48-1.4-.62.24-4.52 2.44-6.83 3.35-7.13ZM7 5c0-.49.06-.8.12-.97.91.3 3.11 2.61 3.36 7.13-.58.14-1.03.35-1.4.62C8.11 10.24 7 7.84 7 5Zm7.5 15c-1 0-1.8-.33-2.22-.56.42-.18.72-.71.72-.94 0-.28-.45-.5-1-.5s-1 .22-1 .5c0 .23.3.76.72.94-.42.23-1.22.56-2.22.56A2.5 2.5 0 0 1 7 17.5c0-.7.43-1.24 1-1.73.44-.36.61-.52 1.3-1.37.76-.95 1.09-1.4 2.7-1.4s1.94.45 2.7 1.4c.69.85.86 1.01 1.3 1.37.57.49 1 1.03 1 1.73a2.5 2.5 0 0 1-2.5 2.5Zm-.5-4c0 .41-.22.75-.5.75s-.5-.34-.5-.75.22-.75.5-.75.5.34.5.75Zm-3 0c0 .41-.22.75-.5.75s-.5-.34-.5-.75.22-.75.5-.75.5.34.5.75Z"/></svg></sinch-tabs-icon-option><sinch-tabs-icon-option id="tab-food"><svg slot="icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M19 19H3c-.55 0-1 .45-1 1s.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1Zm1-16H9v2.4l1.81 1.45c.12.09.19.24.19.39v4.26c0 .28-.22.5-.5.5h-4c-.28 0-.5-.22-.5-.5V7.24c0-.15.07-.3.19-.39L8 5.4V3H6c-1.1 0-2 .9-2 2v8c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm0 5h-2V5h2v3Z"/></svg></sinch-tabs-icon-option><sinch-tabs-icon-option id="tab-travel"><svg slot="icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m21.99 14.77-1.43-4.11c-.14-.4-.52-.66-.97-.66H12.4c-.46 0-.83.26-.98.66L10 14.77v5.24c0 .55.45.99 1 .99s1-.45 1-1v-1h8v1a1 1 0 0 0 2 .01l-.01-5.24Zm-10.38-1.43.69-2c.05-.2.24-.34.46-.34h6.48c.21 0 .4.14.47.34l.69 2a.5.5 0 0 1-.47.66h-7.85a.5.5 0 0 1-.47-.66Zm.38 3.66c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1Zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1Z"/><path d="M14 4.5V9h1V4c0-.55-.45-1-1-1H8c-.55 0-1 .45-1 1v4H3c-.55 0-1 .45-1 1v12h1V9.5c0-.28.22-.5.5-.5h4c.28 0 .5-.22.5-.5v-4c0-.28.22-.5.5-.5h5c.28 0 .5.22.5.5Z"/><path d="M7 11H5v2h2v-2Zm5-6h-2v2h2V5ZM7 15H5v2h2v-2Zm0 4H5v2h2v-2Z"/></svg></sinch-tabs-icon-option><sinch-tabs-icon-option id="tab-sports"><svg slot="icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M19.52 2.49C17.18.15 12.9.62 9.97 3.55c-1.6 1.6-2.52 3.87-2.54 5.46-.02 1.58.26 3.89-1.35 5.5l-3.54 3.53c-.39.39-.39 1.02 0 1.42.39.39 1.02.39 1.42 0l3.53-3.54c1.61-1.61 3.92-1.33 5.5-1.35 1.58-.02 3.86-.94 5.46-2.54 2.93-2.92 3.41-7.2 1.07-9.54Zm-9.2 9.19c-1.53-1.53-1.05-4.61 1.06-6.72 2.11-2.11 5.18-2.59 6.72-1.06 1.53 1.53 1.05 4.61-1.06 6.72-2.11 2.11-5.18 2.59-6.72 1.06ZM18 17c.53 0 1.04.21 1.41.59.78.78.78 2.05 0 2.83-.37.37-.88.58-1.41.58-.53 0-1.04-.21-1.41-.59-.78-.78-.78-2.05 0-2.83.37-.37.88-.58 1.41-.58Zm0-2a3.998 3.998 0 0 0-2.83 6.83c.78.78 1.81 1.17 2.83 1.17a3.998 3.998 0 0 0 2.83-6.83A3.998 3.998 0 0 0 18 15Z"/></svg></sinch-tabs-icon-option><sinch-tabs-icon-option id="tab-objects"><svg slot="icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 3c-.46 0-.93.04-1.4.14-2.76.53-4.96 2.76-5.48 5.52-.48 2.61.48 5.01 2.22 6.56.43.38.66.91.66 1.47V19c0 1.1.9 2 2 2h.28a1.98 1.98 0 0 0 3.44 0H14c1.1 0 2-.9 2-2v-2.31c0-.55.22-1.09.64-1.46A6.956 6.956 0 0 0 19 10c0-3.87-3.13-7-7-7Zm.5 11h-1v-2.59L9.67 9.59l.71-.71L12 10.5l1.62-1.62.71.71-1.83 1.83V14Zm1 5c-.01 0-.02-.01-.03-.01V19h-2.94v-.01c-.01 0-.02.01-.03.01-.28 0-.5-.22-.5-.5s.22-.5.5-.5c.01 0 .02.01.03.01V18h2.94v.01c.01 0 .02-.01.03-.01.28 0 .5.22.5.5s-.22.5-.5.5Zm0-2h-3c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3c.28 0 .5.22.5.5s-.22.5-.5.5Z"/></svg></sinch-tabs-icon-option><sinch-tabs-icon-option id="tab-symbols"><svg slot="icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M10 5H4c-.55 0-1 .45-1 1s.45 1 1 1h2v3c0 .55.45 1 1 1s1-.45 1-1V7h2c.55 0 1-.45 1-1s-.45-1-1-1Zm0-3H4c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1Zm10.89 11.11a.996.996 0 0 0-1.41 0l-6.36 6.36a.996.996 0 1 0 1.41 1.41l6.36-6.36a.996.996 0 0 0 0-1.41ZM14.5 16a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm5 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-4-10A2.5 2.5 0 0 0 18 8.5V4h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1v3.51c-.42-.32-.93-.51-1.5-.51a2.5 2.5 0 0 0 0 5Zm-5.05 7.09a.996.996 0 1 0-1.41-1.41l-.71.71-.71-.71.35-.35a2.499 2.499 0 0 0-1.77-4.27 2.499 2.499 0 0 0-1.77 4.27l.35.35-1.06 1.06c-.98.98-.98 2.56 0 3.54.5.48 1.14.72 1.78.72.64 0 1.28-.24 1.77-.73l1.06-1.06.71.71a.996.996 0 1 0 1.41-1.41l-.71-.71.71-.71Zm-4.6-3.89a.5.5 0 0 1 .35-.15.5.5 0 0 1 .35.15c.19.2.19.51 0 .71l-.35.35-.35-.36a.5.5 0 0 1-.15-.35.5.5 0 0 1 .15-.35Zm0 5.65a.5.5 0 0 1-.35.15.5.5 0 0 1-.35-.15.5.5 0 0 1-.15-.35.5.5 0 0 1 .15-.35l1.06-1.06.71.71-1.07 1.05Z"/></svg></sinch-tabs-icon-option></sinch-tabs><div id="list-wrapper"><div id="list"></div><div id="not-found"><sinch-text type="m">No results</sinch-text></div></div></div>';
7447
7511
  const groupLabels = [
7448
7512
  "Emotions",
7449
7513
  "People",
@@ -7455,10 +7519,10 @@ const groupLabels = [
7455
7519
  "Symbols and flags"
7456
7520
  ];
7457
7521
  const data = dataJson;
7458
- const template$K = document.createElement("template");
7522
+ const template$N = document.createElement("template");
7459
7523
  const MIN_SEARCH_LENGTH = 2;
7460
7524
  const SEARCH_DEBOUNCE_TIMEOUT = 300;
7461
- template$K.innerHTML = templateHTML$K;
7525
+ template$N.innerHTML = templateHTML$N;
7462
7526
  class EmojiPicker extends NectaryElement {
7463
7527
  #$tabs;
7464
7528
  #$searchInput;
@@ -7477,7 +7541,7 @@ class EmojiPicker extends NectaryElement {
7477
7541
  constructor() {
7478
7542
  super();
7479
7543
  const shadowRoot = this.attachShadow();
7480
- shadowRoot.appendChild(template$K.content.cloneNode(true));
7544
+ shadowRoot.appendChild(template$N.content.cloneNode(true));
7481
7545
  this.#$sh = shadowRoot;
7482
7546
  this.#$tabs = shadowRoot.querySelector("#tabs");
7483
7547
  this.#$searchInput = shadowRoot.querySelector("#search");
@@ -7752,9 +7816,9 @@ class EmojiPicker extends NectaryElement {
7752
7816
  }
7753
7817
  }
7754
7818
  defineCustomElement("sinch-emoji-picker", EmojiPicker);
7755
- const templateHTML$J = '<style>:host{display:block}#wrapper{display:flex;flex-direction:column;width:100%}#bottom,#top{display:flex;align-items:baseline}#top{height:24px;margin-bottom:2px}#top.empty{display:none}#additional,#invalid,#label,#optional{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#label{font:var(--sinch-comp-field-font-label);color:var(--sinch-comp-field-color-default-label-initial)}#optional{flex:1;font:var(--sinch-comp-field-font-optional);color:var(--sinch-comp-field-color-default-optional-initial);text-align:right}#additional{flex:1;text-align:right;font:var(--sinch-comp-field-font-additional);color:var(--sinch-comp-field-color-default-additional-initial);line-height:20px;margin-top:2px}#additional:empty{display:none}#invalid{font:var(--sinch-comp-field-font-invalid);color:var(--sinch-comp-field-color-invalid-text-initial);line-height:20px;margin-top:2px}#invalid:empty{display:none}#tooltip{align-self:center;margin:0 8px;display:flex}#tooltip.empty{display:none}:host([disabled]) #label{color:var(--sinch-comp-field-color-disabled-label-initial)}:host([disabled]) #additional{color:var(--sinch-comp-field-color-disabled-additional-initial)}:host([disabled]) #optional{color:var(--sinch-comp-field-color-disabled-optional-initial)}</style><div id="wrapper"><div id="top"><label id="label" for="input"></label><div id="tooltip"><slot name="tooltip"></slot></div><span id="optional"></span></div><slot name="input"></slot><div id="bottom"><div id="invalid"></div><div id="additional"></div></div></div>';
7756
- const template$J = document.createElement("template");
7757
- template$J.innerHTML = templateHTML$J;
7819
+ const templateHTML$M = '<style>:host{display:block}#wrapper{display:flex;flex-direction:column;width:100%}#bottom,#top{display:flex;align-items:baseline}#top{height:24px;margin-bottom:2px}#top.empty{display:none}#additional,#invalid,#label,#optional{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#label{font:var(--sinch-comp-field-font-label);color:var(--sinch-comp-field-color-default-label-initial)}#optional{flex:1;font:var(--sinch-comp-field-font-optional);color:var(--sinch-comp-field-color-default-optional-initial);text-align:right}#additional{flex:1;text-align:right;font:var(--sinch-comp-field-font-additional);color:var(--sinch-comp-field-color-default-additional-initial);line-height:20px;margin-top:2px}#additional:empty{display:none}#invalid{font:var(--sinch-comp-field-font-invalid);color:var(--sinch-comp-field-color-invalid-text-initial);line-height:20px;margin-top:2px}#invalid:empty{display:none}#tooltip{align-self:center;margin:0 8px;display:flex}#tooltip.empty{display:none}:host([disabled]) #label{color:var(--sinch-comp-field-color-disabled-label-initial)}:host([disabled]) #additional{color:var(--sinch-comp-field-color-disabled-additional-initial)}:host([disabled]) #optional{color:var(--sinch-comp-field-color-disabled-optional-initial)}</style><div id="wrapper"><div id="top"><label id="label" for="input"></label><div id="tooltip"><slot name="tooltip"></slot></div><span id="optional"></span></div><slot name="input"></slot><div id="bottom"><div id="invalid"></div><div id="additional"></div></div></div>';
7820
+ const template$M = document.createElement("template");
7821
+ template$M.innerHTML = templateHTML$M;
7758
7822
  class Field extends NectaryElement {
7759
7823
  topSection;
7760
7824
  #$label;
@@ -7768,7 +7832,7 @@ class Field extends NectaryElement {
7768
7832
  constructor() {
7769
7833
  super();
7770
7834
  const shadowRoot = this.attachShadow();
7771
- shadowRoot.appendChild(template$J.content.cloneNode(true));
7835
+ shadowRoot.appendChild(template$M.content.cloneNode(true));
7772
7836
  this.topSection = shadowRoot.querySelector("#top");
7773
7837
  this.#$label = shadowRoot.querySelector("#label");
7774
7838
  this.#$optionalText = shadowRoot.querySelector("#optional");
@@ -7878,9 +7942,9 @@ class Field extends NectaryElement {
7878
7942
  };
7879
7943
  }
7880
7944
  defineCustomElement("sinch-field", Field);
7881
- const templateHTML$I = '<style>:host{display:block}#wrapper{display:flex;flex-direction:column;width:100%}#top{display:flex;align-items:baseline;height:24px;margin-bottom:2px}#bottom{display:flex;flex-direction:column;align-items:baseline;width:100%}#top.empty{display:none}#label,#optional{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#label{font:var(--sinch-comp-field-font-label);color:var(--sinch-comp-field-color-default-label-initial)}#optional{flex:1;font:var(--sinch-comp-field-font-optional);color:var(--sinch-comp-field-color-default-optional-initial);text-align:right}#additional{flex:1;text-align:left;line-height:20px;margin-top:2px;white-space:normal;overflow:visible;--sinch-comp-rich-text-font:var(--sinch-comp-field-font-additional);--sinch-global-color-text:var(--sinch-comp-field-color-default-additional-initial);--sinch-comp-link-color-default-text-initial:var(--sinch-comp-field-color-default-additional-initial);--sinch-comp-link-color-default-text-hover:var(--sinch-comp-field-color-default-additional-initial)}#additional:is([text=""],:not([text])){display:none}#invalid{font:var(--sinch-comp-field-font-invalid);color:var(--sinch-comp-field-color-invalid-text-initial);line-height:20px;margin-top:2px;white-space:normal;overflow:visible;--sinch-comp-rich-text-font:var(--sinch-comp-field-font-invalid);--sinch-global-color-text:var(--sinch-comp-field-color-invalid-text-initial);--sinch-comp-link-color-default-text-initial:var(--sinch-comp-field-color-invalid-text-initial);--sinch-comp-link-color-default-text-hover:var(--sinch-comp-field-color-invalid-text-initial)}#invalid:is([text=""],:not([text])){display:none}#tooltip{align-self:center;margin:0 8px;display:flex}#tooltip.empty{display:none}:host([disabled]) #label{color:var(--sinch-comp-field-color-disabled-label-initial)}:host([disabled]) #additional{--sinch-global-color-text:var(--sinch-comp-field-color-disabled-additional-initial);--sinch-comp-link-color-default-text-initial:var(--sinch-comp-field-color-disabled-additional-initial);--sinch-comp-link-color-default-text-hover:var(--sinch-comp-field-color-disabled-additional-initial)}:host([disabled]) #optional{color:var(--sinch-comp-field-color-disabled-optional-initial)}</style><div id="wrapper"><div id="top"><label id="label" for="input"></label><div id="tooltip"><slot name="tooltip"></slot></div><span id="optional"></span></div><slot name="input"></slot><div id="bottom"><sinch-rich-text id="additional"></sinch-rich-text><sinch-rich-text id="invalid"></sinch-rich-text></div></div>';
7882
- const template$I = document.createElement("template");
7883
- template$I.innerHTML = templateHTML$I;
7945
+ const templateHTML$L = '<style>:host{display:block}#wrapper{display:flex;flex-direction:column;width:100%}#top{display:flex;align-items:baseline;height:24px;margin-bottom:2px}#bottom{display:flex;flex-direction:column;align-items:baseline;width:100%}#top.empty{display:none}#label,#optional{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#label{font:var(--sinch-comp-field-font-label);color:var(--sinch-comp-field-color-default-label-initial)}#optional{flex:1;font:var(--sinch-comp-field-font-optional);color:var(--sinch-comp-field-color-default-optional-initial);text-align:right}#additional{flex:1;text-align:left;line-height:20px;margin-top:2px;white-space:normal;overflow:visible;--sinch-comp-rich-text-font:var(--sinch-comp-field-font-additional);--sinch-global-color-text:var(--sinch-comp-field-color-default-additional-initial);--sinch-comp-link-color-default-text-initial:var(--sinch-comp-field-color-default-additional-initial);--sinch-comp-link-color-default-text-hover:var(--sinch-comp-field-color-default-additional-initial)}#additional:is([text=""],:not([text])){display:none}#invalid{font:var(--sinch-comp-field-font-invalid);color:var(--sinch-comp-field-color-invalid-text-initial);line-height:20px;margin-top:2px;white-space:normal;overflow:visible;--sinch-comp-rich-text-font:var(--sinch-comp-field-font-invalid);--sinch-global-color-text:var(--sinch-comp-field-color-invalid-text-initial);--sinch-comp-link-color-default-text-initial:var(--sinch-comp-field-color-invalid-text-initial);--sinch-comp-link-color-default-text-hover:var(--sinch-comp-field-color-invalid-text-initial)}#invalid:is([text=""],:not([text])){display:none}#tooltip{align-self:center;margin:0 8px;display:flex}#tooltip.empty{display:none}:host([disabled]) #label{color:var(--sinch-comp-field-color-disabled-label-initial)}:host([disabled]) #additional{--sinch-global-color-text:var(--sinch-comp-field-color-disabled-additional-initial);--sinch-comp-link-color-default-text-initial:var(--sinch-comp-field-color-disabled-additional-initial);--sinch-comp-link-color-default-text-hover:var(--sinch-comp-field-color-disabled-additional-initial)}:host([disabled]) #optional{color:var(--sinch-comp-field-color-disabled-optional-initial)}</style><div id="wrapper"><div id="top"><label id="label" for="input"></label><div id="tooltip"><slot name="tooltip"></slot></div><span id="optional"></span></div><slot name="input"></slot><div id="bottom"><sinch-rich-text id="additional"></sinch-rich-text><sinch-rich-text id="invalid"></sinch-rich-text></div></div>';
7946
+ const template$L = document.createElement("template");
7947
+ template$L.innerHTML = templateHTML$L;
7884
7948
  class FieldV2 extends NectaryElement {
7885
7949
  #topSection;
7886
7950
  #$label;
@@ -7894,7 +7958,7 @@ class FieldV2 extends NectaryElement {
7894
7958
  constructor() {
7895
7959
  super();
7896
7960
  const shadowRoot = this.attachShadow();
7897
- shadowRoot.appendChild(template$I.content.cloneNode(true));
7961
+ shadowRoot.appendChild(template$L.content.cloneNode(true));
7898
7962
  this.#topSection = shadowRoot.querySelector("#top");
7899
7963
  this.#$label = shadowRoot.querySelector("#label");
7900
7964
  this.#$optionalText = shadowRoot.querySelector("#optional");
@@ -8037,9 +8101,9 @@ const doFilesSatisfySize$1 = (files, size) => {
8037
8101
  return file.size <= size;
8038
8102
  });
8039
8103
  };
8040
- const templateHTML$H = "<style>:host{display:inline-block}::slotted(*){display:block}</style><slot></slot>";
8041
- const template$H = document.createElement("template");
8042
- template$H.innerHTML = templateHTML$H;
8104
+ const templateHTML$K = "<style>:host{display:inline-block}::slotted(*){display:block}</style><slot></slot>";
8105
+ const template$K = document.createElement("template");
8106
+ template$K.innerHTML = templateHTML$K;
8043
8107
  class FilePicker extends NectaryElement {
8044
8108
  #$input;
8045
8109
  #$targetSlot;
@@ -8047,7 +8111,7 @@ class FilePicker extends NectaryElement {
8047
8111
  constructor() {
8048
8112
  super();
8049
8113
  const shadowRoot = this.attachShadow();
8050
- shadowRoot.appendChild(template$H.content.cloneNode(true));
8114
+ shadowRoot.appendChild(template$K.content.cloneNode(true));
8051
8115
  this.#$input = document.createElement("input");
8052
8116
  this.#$input.type = "file";
8053
8117
  this.#$targetSlot = shadowRoot.querySelector("slot");
@@ -8189,9 +8253,9 @@ const doFilesSatisfySize = (files, size) => {
8189
8253
  return file.size <= size;
8190
8254
  });
8191
8255
  };
8192
- const templateHTML$G = '<style>:host{display:block}#wrapper{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center;gap:8px;min-height:148px;min-width:148px;box-sizing:border-box;padding:16px;border-radius:var(--sinch-comp-file-drop-shape-radius);background-color:var(--sinch-comp-file-drop-color-default-background-initial)}#wrapper::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px dashed var(--sinch-comp-file-drop-color-default-border-initial);border-radius:var(--sinch-comp-file-drop-shape-radius);pointer-events:none}#placeholder{align-self:center;text-align:center;--sinch-global-color-text:var(--sinch-comp-file-drop-color-default-placeholder-initial);--sinch-comp-text-font:var(--sinch-comp-file-drop-font-placeholder)}:host([invalid]) #wrapper{background-color:var(--sinch-comp-file-drop-color-invalid-background-initial)}:host([invalid]) #wrapper::after{border-color:var(--sinch-comp-file-drop-color-invalid-border-initial);border-width:1px}#wrapper.drop::after{pointer-events:all}#wrapper.drop.valid{background-color:var(--sinch-comp-file-drop-color-default-background-active)}#wrapper.drop.valid::after{border-color:var(--sinch-comp-file-drop-color-default-border-active);border-width:2px}#wrapper.drop.valid>#placeholder{--sinch-global-color-text:var(--sinch-comp-file-drop-color-default-placeholder-active)}#wrapper.drop.invalid{background-color:var(--sinch-comp-file-drop-color-invalid-background-active)}#wrapper.drop.invalid::after{border-color:var(--sinch-comp-file-drop-color-invalid-border-active);border-width:2px}#wrapper.drop.invalid>#placeholder{--sinch-global-color-text:var(--sinch-comp-file-drop-color-invalid-placeholder-active)}:host([disabled])>#wrapper>#placeholder{--sinch-global-color-text:var(--sinch-comp-file-drop-color-disabled-placeholder-initial)}:host([disabled])>#wrapper{background-color:var(--sinch-comp-file-drop-color-disabled-background-initial)}:host([disabled])>#wrapper::after{border-color:var(--sinch-comp-file-drop-color-disabled-border-initial);border-width:1px}</style><div id="wrapper"><sinch-text id="placeholder" type="m" aria-hidden="true"></sinch-text><sinch-file-picker id="file-picker"><slot></slot></sinch-file-picker></div>';
8193
- const template$G = document.createElement("template");
8194
- template$G.innerHTML = templateHTML$G;
8256
+ const templateHTML$J = '<style>:host{display:block}#wrapper{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center;gap:8px;min-height:148px;min-width:148px;box-sizing:border-box;padding:16px;border-radius:var(--sinch-comp-file-drop-shape-radius);background-color:var(--sinch-comp-file-drop-color-default-background-initial)}#wrapper::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px dashed var(--sinch-comp-file-drop-color-default-border-initial);border-radius:var(--sinch-comp-file-drop-shape-radius);pointer-events:none}#placeholder{align-self:center;text-align:center;--sinch-global-color-text:var(--sinch-comp-file-drop-color-default-placeholder-initial);--sinch-comp-text-font:var(--sinch-comp-file-drop-font-placeholder)}:host([invalid]) #wrapper{background-color:var(--sinch-comp-file-drop-color-invalid-background-initial)}:host([invalid]) #wrapper::after{border-color:var(--sinch-comp-file-drop-color-invalid-border-initial);border-width:1px}#wrapper.drop::after{pointer-events:all}#wrapper.drop.valid{background-color:var(--sinch-comp-file-drop-color-default-background-active)}#wrapper.drop.valid::after{border-color:var(--sinch-comp-file-drop-color-default-border-active);border-width:2px}#wrapper.drop.valid>#placeholder{--sinch-global-color-text:var(--sinch-comp-file-drop-color-default-placeholder-active)}#wrapper.drop.invalid{background-color:var(--sinch-comp-file-drop-color-invalid-background-active)}#wrapper.drop.invalid::after{border-color:var(--sinch-comp-file-drop-color-invalid-border-active);border-width:2px}#wrapper.drop.invalid>#placeholder{--sinch-global-color-text:var(--sinch-comp-file-drop-color-invalid-placeholder-active)}:host([disabled])>#wrapper>#placeholder{--sinch-global-color-text:var(--sinch-comp-file-drop-color-disabled-placeholder-initial)}:host([disabled])>#wrapper{background-color:var(--sinch-comp-file-drop-color-disabled-background-initial)}:host([disabled])>#wrapper::after{border-color:var(--sinch-comp-file-drop-color-disabled-border-initial);border-width:1px}</style><div id="wrapper"><sinch-text id="placeholder" type="m" aria-hidden="true"></sinch-text><sinch-file-picker id="file-picker"><slot></slot></sinch-file-picker></div>';
8257
+ const template$J = document.createElement("template");
8258
+ template$J.innerHTML = templateHTML$J;
8195
8259
  class FileDrop extends NectaryElement {
8196
8260
  #$filePicker;
8197
8261
  #$dropArea;
@@ -8200,7 +8264,7 @@ class FileDrop extends NectaryElement {
8200
8264
  constructor() {
8201
8265
  super();
8202
8266
  const shadowRoot = this.attachShadow();
8203
- shadowRoot.appendChild(template$G.content.cloneNode(true));
8267
+ shadowRoot.appendChild(template$J.content.cloneNode(true));
8204
8268
  this.#$dropArea = shadowRoot.querySelector("#wrapper");
8205
8269
  this.#$placeholder = shadowRoot.querySelector("#placeholder");
8206
8270
  this.#$filePicker = shadowRoot.querySelector("#file-picker");
@@ -8399,15 +8463,15 @@ class FileDrop extends NectaryElement {
8399
8463
  }
8400
8464
  }
8401
8465
  defineCustomElement("sinch-file-drop", FileDrop);
8402
- const templateHTML$F = '<style>@keyframes spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}:host{display:block}:host([data-size="l"]){width:50px;height:50px;contain:strict}:host([data-size="m"]){width:24px;height:24px;contain:strict}:host([data-size="s"]){width:16px;height:16px;contain:strict}#spinner-size-l,#spinner-size-m,#spinner-size-s{display:none;will-change:transform}:host([data-size="l"])>#spinner-size-l{display:block;animation:1s linear infinite spinner}:host([data-size="m"])>#spinner-size-m{display:block;animation:1s linear infinite spinner}:host([data-size="s"])>#spinner-size-s{display:block;animation:1s linear infinite spinner}.bg{opacity:.3;stroke:var(--sinch-global-color-icon,var(--sinch-sys-color-text-default))}.fg{stroke:var(--sinch-global-color-icon,var(--sinch-sys-color-text-default))}</style><svg id="spinner-size-l" width="50" height="50" fill="none"><circle class="bg" cx="25" cy="25" r="22" stroke-width="6"/><path class="fg" d="M25 3a22 22 0 0 1 22 22" stroke-width="6" stroke-linecap="round"/></svg> <svg id="spinner-size-m" width="24" height="24" fill="none"><circle class="bg" cx="12" cy="12" r="9" stroke-width="4"/><path class="fg" d="M21 12a9 9 0 0 0-9-9" stroke-width="4" stroke-linecap="round"/></svg> <svg id="spinner-size-s" width="16" height="16" fill="none"><circle class="bg" cx="8" cy="8" r="6" stroke-width="2"/><path class="fg" d="M14 8a6 6 0 0 0-6-6" stroke-width="2" stroke-linecap="round"/></svg>';
8403
- const template$F = document.createElement("template");
8404
- template$F.innerHTML = templateHTML$F;
8466
+ const templateHTML$I = '<style>@keyframes spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}:host{display:block}:host([data-size="l"]){width:50px;height:50px;contain:strict}:host([data-size="m"]){width:24px;height:24px;contain:strict}:host([data-size="s"]){width:16px;height:16px;contain:strict}#spinner-size-l,#spinner-size-m,#spinner-size-s{display:none;will-change:transform}:host([data-size="l"])>#spinner-size-l{display:block;animation:1s linear infinite spinner}:host([data-size="m"])>#spinner-size-m{display:block;animation:1s linear infinite spinner}:host([data-size="s"])>#spinner-size-s{display:block;animation:1s linear infinite spinner}.bg{opacity:.3;stroke:var(--sinch-global-color-icon,var(--sinch-sys-color-text-default))}.fg{stroke:var(--sinch-global-color-icon,var(--sinch-sys-color-text-default))}</style><svg id="spinner-size-l" width="50" height="50" fill="none"><circle class="bg" cx="25" cy="25" r="22" stroke-width="6"/><path class="fg" d="M25 3a22 22 0 0 1 22 22" stroke-width="6" stroke-linecap="round"/></svg> <svg id="spinner-size-m" width="24" height="24" fill="none"><circle class="bg" cx="12" cy="12" r="9" stroke-width="4"/><path class="fg" d="M21 12a9 9 0 0 0-9-9" stroke-width="4" stroke-linecap="round"/></svg> <svg id="spinner-size-s" width="16" height="16" fill="none"><circle class="bg" cx="8" cy="8" r="6" stroke-width="2"/><path class="fg" d="M14 8a6 6 0 0 0-6-6" stroke-width="2" stroke-linecap="round"/></svg>';
8467
+ const template$I = document.createElement("template");
8468
+ template$I.innerHTML = templateHTML$I;
8405
8469
  class Spinner extends NectaryElement {
8406
8470
  #controller = null;
8407
8471
  constructor() {
8408
8472
  super();
8409
8473
  const shadowRoot = this.attachShadow();
8410
- shadowRoot.appendChild(template$F.content.cloneNode(true));
8474
+ shadowRoot.appendChild(template$I.content.cloneNode(true));
8411
8475
  }
8412
8476
  connectedCallback() {
8413
8477
  this.#controller = new AbortController();
@@ -8454,9 +8518,9 @@ class Spinner extends NectaryElement {
8454
8518
  }
8455
8519
  defineCustomElement("sinch-spinner", Spinner);
8456
8520
  const typeValues$2 = ["pending", "loading", "progress", "success", "error"];
8457
- const templateHTML$E = '<style>:host{display:block}#wrapper{display:flex;flex-direction:row;align-items:flex-start;padding:12px 16px;box-sizing:border-box;min-height:48px;min-width:148px;border-radius:var(--sinch-comp-file-status-shape-radius)}:host([type=error]) #wrapper{background-color:var(--sinch-comp-file-status-color-error-background)}:host([type=success]) #wrapper{background-color:var(--sinch-comp-file-status-color-success-background)}:host([type=pending]) #wrapper{background-color:var(--sinch-comp-file-status-color-pending-background)}:host([type=progress]) #wrapper{background-color:var(--sinch-comp-file-status-color-progress-background)}:host([type=loading]) #wrapper{background-color:var(--sinch-comp-file-status-color-loading-background)}#content-wrapper{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;min-height:24px;margin-left:16px}:host([type=error]) #filename{--sinch-global-color-text:var(--sinch-comp-file-status-color-error-text)}:host([type=success]) #filename{--sinch-global-color-text:var(--sinch-comp-file-status-color-success-text)}:host([type=pending]) #filename{--sinch-global-color-text:var(--sinch-comp-file-status-color-pending-text)}:host([type=progress]) #filename{--sinch-global-color-text:var(--sinch-comp-file-status-color-progress-text)}:host([type=loading]) #filename{--sinch-global-color-text:var(--sinch-comp-file-status-color-loading-text)}#action{display:flex;gap:4px;height:32px;margin-top:-4px;margin-bottom:-4px}#icon-error,#icon-loading,#icon-pending,#icon-progress,#icon-success{display:none}#icon-pending{--sinch-global-color-icon:var(--sinch-comp-file-status-color-pending-icon)}#icon-success{--sinch-global-color-icon:var(--sinch-comp-file-status-color-success-icon)}#icon-progress{--sinch-global-color-icon:var(--sinch-comp-file-status-color-progress-icon)}#icon-error{--sinch-global-color-icon:var(--sinch-comp-file-status-color-error-icon)}#icon-loading{--sinch-global-color-icon:var(--sinch-comp-file-status-color-loading-icon)}:host([type=error]) #icon-error,:host([type=loading]) #icon-loading,:host([type=pending]) #icon-pending,:host([type=progress]) #icon-progress,:host([type=success]) #icon-success{display:block}</style><div id="wrapper"><sinch-spinner id="icon-loading" size="m"></sinch-spinner><sinch-icon icons-version="2" name="fa-clipboard-question" id="icon-pending"></sinch-icon><sinch-icon icons-version="2" name="circle-check" id="icon-success"></sinch-icon><sinch-icon icons-version="2" name="fa-file-lines" id="icon-progress"></sinch-icon><sinch-icon icons-version="2" name="octagon-exclamation" id="icon-error"></sinch-icon><div id="content-wrapper"><sinch-text id="filename" type="m" ellipsis></sinch-text><slot name="content"></slot></div><div id="action"><slot name="action"></slot></div></div>';
8458
- const template$E = document.createElement("template");
8459
- template$E.innerHTML = templateHTML$E;
8521
+ const templateHTML$H = '<style>:host{display:block}#wrapper{display:flex;flex-direction:row;align-items:flex-start;padding:12px 16px;box-sizing:border-box;min-height:48px;min-width:148px;border-radius:var(--sinch-comp-file-status-shape-radius)}:host([type=error]) #wrapper{background-color:var(--sinch-comp-file-status-color-error-background)}:host([type=success]) #wrapper{background-color:var(--sinch-comp-file-status-color-success-background)}:host([type=pending]) #wrapper{background-color:var(--sinch-comp-file-status-color-pending-background)}:host([type=progress]) #wrapper{background-color:var(--sinch-comp-file-status-color-progress-background)}:host([type=loading]) #wrapper{background-color:var(--sinch-comp-file-status-color-loading-background)}#content-wrapper{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;min-height:24px;margin-left:16px}:host([type=error]) #filename{--sinch-global-color-text:var(--sinch-comp-file-status-color-error-text)}:host([type=success]) #filename{--sinch-global-color-text:var(--sinch-comp-file-status-color-success-text)}:host([type=pending]) #filename{--sinch-global-color-text:var(--sinch-comp-file-status-color-pending-text)}:host([type=progress]) #filename{--sinch-global-color-text:var(--sinch-comp-file-status-color-progress-text)}:host([type=loading]) #filename{--sinch-global-color-text:var(--sinch-comp-file-status-color-loading-text)}#action{display:flex;gap:4px;height:32px;margin-top:-4px;margin-bottom:-4px}#icon-error,#icon-loading,#icon-pending,#icon-progress,#icon-success{display:none}#icon-pending{--sinch-global-color-icon:var(--sinch-comp-file-status-color-pending-icon)}#icon-success{--sinch-global-color-icon:var(--sinch-comp-file-status-color-success-icon)}#icon-progress{--sinch-global-color-icon:var(--sinch-comp-file-status-color-progress-icon)}#icon-error{--sinch-global-color-icon:var(--sinch-comp-file-status-color-error-icon)}#icon-loading{--sinch-global-color-icon:var(--sinch-comp-file-status-color-loading-icon)}:host([type=error]) #icon-error,:host([type=loading]) #icon-loading,:host([type=pending]) #icon-pending,:host([type=progress]) #icon-progress,:host([type=success]) #icon-success{display:block}</style><div id="wrapper"><sinch-spinner id="icon-loading" size="m"></sinch-spinner><sinch-icon icons-version="2" name="fa-clipboard-question" id="icon-pending"></sinch-icon><sinch-icon icons-version="2" name="circle-check" id="icon-success"></sinch-icon><sinch-icon icons-version="2" name="fa-file-lines" id="icon-progress"></sinch-icon><sinch-icon icons-version="2" name="octagon-exclamation" id="icon-error"></sinch-icon><div id="content-wrapper"><sinch-text id="filename" type="m" ellipsis></sinch-text><slot name="content"></slot></div><div id="action"><slot name="action"></slot></div></div>';
8522
+ const template$H = document.createElement("template");
8523
+ template$H.innerHTML = templateHTML$H;
8460
8524
  class FileStatus extends NectaryElement {
8461
8525
  #$filename;
8462
8526
  #$contentSlot;
@@ -8464,7 +8528,7 @@ class FileStatus extends NectaryElement {
8464
8528
  constructor() {
8465
8529
  super();
8466
8530
  const shadowRoot = this.attachShadow();
8467
- shadowRoot.appendChild(template$E.content.cloneNode(true));
8531
+ shadowRoot.appendChild(template$H.content.cloneNode(true));
8468
8532
  this.#$filename = shadowRoot.querySelector("#filename");
8469
8533
  this.#$contentSlot = shadowRoot.querySelector('slot[name="content"]');
8470
8534
  }
@@ -8534,15 +8598,15 @@ const getFlagUrl = (root, code) => {
8534
8598
  }
8535
8599
  return flagUrl.replace("%s", code);
8536
8600
  };
8537
- const templateHTML$D = '<style>:host{display:contents}#image{pointer-events:none;width:var(--sinch-global-size-icon,48px);height:var(--sinch-global-size-icon,48px);object-fit:contain}</style><img id="image" src="" alt="" loading="lazy">';
8538
- const template$D = document.createElement("template");
8539
- template$D.innerHTML = templateHTML$D;
8601
+ const templateHTML$G = '<style>:host{display:contents}#image{pointer-events:none;width:var(--sinch-global-size-icon,48px);height:var(--sinch-global-size-icon,48px);object-fit:contain}</style><img id="image" src="" alt="" loading="lazy">';
8602
+ const template$G = document.createElement("template");
8603
+ template$G.innerHTML = templateHTML$G;
8540
8604
  class Flag extends NectaryElement {
8541
8605
  #$img;
8542
8606
  constructor() {
8543
8607
  super();
8544
8608
  const shadowRoot = this.attachShadow();
8545
- shadowRoot.appendChild(template$D.content.cloneNode(true));
8609
+ shadowRoot.appendChild(template$G.content.cloneNode(true));
8546
8610
  this.#$img = shadowRoot.querySelector("#image");
8547
8611
  }
8548
8612
  connectedCallback() {
@@ -8578,6 +8642,573 @@ class Flag extends NectaryElement {
8578
8642
  }
8579
8643
  }
8580
8644
  defineCustomElement("sinch-flag", Flag);
8645
+ const templateHTML$F = '<style>:host{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;box-sizing:border-box;cursor:pointer}sinch-button{display:flex;align-items:center;justify-content:center;width:100%;height:100%;--sinch-button-shape-radius-base:0;--sinch-comp-button-color-subtle-secondary-default-border-initial:var(--sinch-sys-color-basic-transparent);--sinch-comp-button-color-subtle-secondary-disabled-border-initial:var(--sinch-sys-color-basic-transparent);--sinch-comp-button-color-subtle-secondary-default-background-initial:transparent;--sinch-comp-button-color-subtle-secondary-default-icon-initial:var(--sinch-comp-floating-panel-color-text, var(--sinch-sys-color-primary-foreground));--sinch-comp-button-color-subtle-secondary-default-text-initial:var(--sinch-comp-floating-panel-color-text, var(--sinch-sys-color-primary-foreground));--sinch-comp-button-color-subtle-secondary-default-background-hover:var(--sinch-comp-floating-panel-color-button-background-hover);--sinch-comp-button-color-subtle-secondary-default-background-active:var(--sinch-comp-floating-panel-color-button-background-active);--sinch-comp-button-shadow-subtle-hover:none;--sinch-comp-button-shadow-subtle-active:none}sinch-button:focus-visible{--sinch-comp-button-color-subtle-secondary-default-background-initial:var(--sinch-comp-floating-panel-color-button-background-hover);--sinch-comp-button-shadow-subtle-focus:none}:host(.edge-start:active) sinch-button,:host(.edge-start:focus) sinch-button,:host(.edge-start:hover) sinch-button{--sinch-button-shape-radius-top-left:var(--sinch-comp-floating-panel-shape-radius);--sinch-button-shape-radius-bottom-left:var(--sinch-comp-floating-panel-shape-radius)}:host(.edge-end:active) sinch-button,:host(.edge-end:focus) sinch-button,:host(.edge-end:hover) sinch-button{--sinch-button-shape-radius-top-right:var(--sinch-comp-floating-panel-shape-radius);--sinch-button-shape-radius-bottom-right:var(--sinch-comp-floating-panel-shape-radius)}sinch-icon{--sinch-global-color-icon:var(--sinch-comp-floating-panel-color-text, var(--sinch-sys-color-primary-foreground));--sinch-global-size-icon:var(--sinch-comp-floating-panel-size-button-icon)}</style><sinch-button id="button" type="subtle-secondary"><sinch-icon id="icon" icons-version="2" slot="icon"></sinch-icon></sinch-button>';
8646
+ const template$F = document.createElement("template");
8647
+ template$F.innerHTML = templateHTML$F;
8648
+ class FloatingPanelIconButton extends NectaryElement {
8649
+ #$icon;
8650
+ #$button;
8651
+ constructor() {
8652
+ super();
8653
+ const shadowRoot = this.attachShadow();
8654
+ shadowRoot.appendChild(template$F.content.cloneNode(true));
8655
+ this.#$icon = shadowRoot.querySelector("#icon");
8656
+ this.#$button = shadowRoot.querySelector("#button");
8657
+ }
8658
+ static get observedAttributes() {
8659
+ return ["icon", "aria-label"];
8660
+ }
8661
+ attributeChangedCallback(name, oldVal, newVal) {
8662
+ if (isAttrEqual(oldVal, newVal)) {
8663
+ return;
8664
+ }
8665
+ if (name === "icon") {
8666
+ if (newVal !== null) {
8667
+ this.#$icon.setAttribute("name", newVal);
8668
+ } else {
8669
+ this.#$icon.removeAttribute("name");
8670
+ }
8671
+ }
8672
+ if (name === "aria-label") {
8673
+ if (newVal !== null) {
8674
+ this.#$button.setAttribute("aria-label", newVal);
8675
+ } else {
8676
+ this.#$button.removeAttribute("aria-label");
8677
+ }
8678
+ }
8679
+ }
8680
+ set icon(value) {
8681
+ updateAttribute(this, "icon", value);
8682
+ }
8683
+ get icon() {
8684
+ return getAttribute(this, "icon");
8685
+ }
8686
+ }
8687
+ defineCustomElement("sinch-floating-panel-icon-button", FloatingPanelIconButton);
8688
+ const templateHTML$E = '<style>:host{display:flex;flex-shrink:0;height:100%;min-height:40px;color:var(--sinch-comp-floating-panel-color-text,var(--sinch-sys-color-primary-foreground))}sinch-button{height:100%;padding:0;white-space:nowrap;--sinch-button-shape-radius-base:0;--sinch-comp-button-color-subtle-secondary-default-border-initial:var(--sinch-sys-color-basic-transparent);--sinch-comp-button-color-subtle-secondary-disabled-border-initial:var(--sinch-sys-color-basic-transparent);--sinch-comp-button-spacing-padding-m:16px;--sinch-comp-button-color-subtle-secondary-default-text-initial:var(--sinch-comp-floating-panel-color-button-text-initial, var(--sinch-sys-color-primary-foreground));--sinch-comp-button-color-subtle-secondary-default-background-initial:var(--sinch-comp-floating-panel-color-button-background-initial, transparent);--sinch-comp-button-color-subtle-secondary-default-background-hover:var(--sinch-comp-floating-panel-color-button-background-hover);--sinch-comp-button-color-subtle-secondary-default-background-active:var(--sinch-comp-floating-panel-color-button-background-active);--sinch-comp-button-shadow-subtle-hover:none;--sinch-comp-button-shadow-subtle-active:none}sinch-button:focus-visible{--sinch-comp-button-color-subtle-secondary-default-background-initial:var(--sinch-comp-floating-panel-color-button-background-hover);--sinch-comp-button-shadow-subtle-focus:none}</style><sinch-button id="button" type="subtle-secondary"></sinch-button>';
8689
+ const template$E = document.createElement("template");
8690
+ template$E.innerHTML = templateHTML$E;
8691
+ class FloatingPanelButton extends NectaryElement {
8692
+ #$button;
8693
+ constructor() {
8694
+ super();
8695
+ const shadowRoot = this.attachShadow();
8696
+ shadowRoot.appendChild(template$E.content.cloneNode(true));
8697
+ this.#$button = shadowRoot.querySelector("#button");
8698
+ }
8699
+ static get observedAttributes() {
8700
+ return ["text", "aria-label"];
8701
+ }
8702
+ attributeChangedCallback(name, oldVal, newVal) {
8703
+ if (isAttrEqual(oldVal, newVal)) {
8704
+ return;
8705
+ }
8706
+ if (name === "text") {
8707
+ this.#$button.setAttribute("text", newVal ?? "");
8708
+ }
8709
+ if (name === "aria-label") {
8710
+ if (newVal !== null) {
8711
+ this.#$button.setAttribute("aria-label", newVal);
8712
+ } else {
8713
+ this.#$button.removeAttribute("aria-label");
8714
+ }
8715
+ }
8716
+ }
8717
+ set text(value) {
8718
+ updateAttribute(this, "text", value);
8719
+ }
8720
+ get text() {
8721
+ return getAttribute(this, "text");
8722
+ }
8723
+ }
8724
+ defineCustomElement("sinch-floating-panel-button", FloatingPanelButton);
8725
+ const templateHTML$D = '<style>:host{display:block;max-width:100%;min-width:0}@keyframes panel-slide-in{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes panel-slide-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}dialog{display:flex;align-items:center;box-sizing:border-box;height:40px;padding:0;overflow:visible;width:fit-content;max-width:100%;min-width:0;background-color:var(--sinch-comp-floating-panel-color-background,var(--sinch-sys-color-primary-default));border:none;border-radius:var(--sinch-comp-floating-panel-shape-radius);box-shadow:var(--sinch-comp-floating-panel-shadow);color:var(--sinch-comp-floating-panel-color-text,var(--sinch-sys-color-primary-foreground))}dialog.closing,dialog.opening{overflow:hidden}dialog:not([open]){display:none}dialog.opening{animation:panel-slide-in .2s ease-out forwards}dialog.closing{animation:panel-slide-out .2s ease-in forwards}#items-selected{display:flex;align-items:baseline;gap:10px;padding:0 8px;white-space:nowrap}#cta{display:flex}#no-of-items-selected{font:var(--sinch-comp-floating-panel-font-bold)}#items-selected-label{font:var(--sinch-comp-floating-panel-font-regular)}#left-actions{display:flex;align-items:center}#divider{width:1px;align-self:stretch;background-color:var(--sinch-comp-floating-panel-color-divider)}#actions-end{display:flex;align-items:center;flex-shrink:1;min-width:0}#right-actions{display:flex;align-items:center}#right-actions-overflow{display:none;align-items:center;flex-shrink:0}:host([data-density=compact]) #right-actions,:host([data-density=extra-compact]) #right-actions{display:none}:host([data-density=compact]) #right-actions-overflow,:host([data-density=extra-compact]) #right-actions-overflow{display:flex}#actions-popover{display:block;--sinch-comp-pop-z-index:2147483000}#overflow-trigger{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#overflow-menu-surface{box-sizing:border-box;display:block;min-width:var(--sinch-comp-floating-panel-overflow-menu-min-width,220px);width:max-content;max-width:min(var(--sinch-comp-floating-panel-overflow-menu-max-width,288px),calc(100vw - 24px))}#overflow-menu-surface sinch-action-menu{display:block;width:100%}#right-actions sinch-floating-panel-icon-button:last-child:active,#right-actions sinch-floating-panel-icon-button:last-child:focus,#right-actions sinch-floating-panel-icon-button:last-child:hover{--sinch-button-shape-radius-top-right:var(--sinch-comp-floating-panel-shape-radius);--sinch-button-shape-radius-bottom-right:var(--sinch-comp-floating-panel-shape-radius)}@media (prefers-reduced-motion){dialog.closing,dialog.opening{animation:none}}</style><dialog id="wrapper" role="toolbar" aria-label="Bulk actions"><div id="left-actions"><sinch-floating-panel-icon-button id="close-btn" icon="fa-xmark" aria-label="Close selection" class="edge-start"></sinch-floating-panel-icon-button></div><div id="divider" role="separator" aria-orientation="vertical"></div><div id="items-selected" aria-live="polite" aria-atomic="true"><span id="no-of-items-selected"></span> <span id="items-selected-label"></span></div><div id="cta"><sinch-floating-panel-button id="cta-btn" text=""></sinch-floating-panel-button></div><div id="actions-end"><div id="right-actions" role="group" aria-label="Actions"></div><div id="right-actions-overflow"><sinch-popover id="actions-popover" orientation="bottom-right" allow-scroll aria-label="More actions"><sinch-floating-panel-icon-button slot="target" id="overflow-trigger" icon="fa-ellipsis" aria-label="More actions" class="edge-end"></sinch-floating-panel-icon-button><div id="overflow-menu-surface" slot="content"><sinch-action-menu id="overflow-menu" aria-label="Actions" rows="5"></sinch-action-menu></div></sinch-popover></div></div></dialog>';
8726
+ const template$D = document.createElement("template");
8727
+ template$D.innerHTML = templateHTML$D;
8728
+ const MAX_ACTIONS = 5;
8729
+ const WIDTH_COMPACT = 400;
8730
+ const WIDTH_EXTRA_COMPACT = 320;
8731
+ const DEFAULT_ITEMS_SELECTED_SINGULAR_LABEL = "item selected";
8732
+ const DEFAULT_ITEMS_SELECTED_PLURAL_LABEL = "items selected";
8733
+ const DEFAULT_ITEMS_SELECTED_COMPACT_LABEL = "selected";
8734
+ const DEFAULT_SELECT_ALL_LABEL = "Select all {count} items";
8735
+ const DEFAULT_SELECT_ALL_SHORT_LABEL = "Select all";
8736
+ const DEFAULT_CLEAR_ALL_LABEL = "Clear all";
8737
+ const applyCountPlaceholder = (template2, count) => {
8738
+ if (count === null || count === "") {
8739
+ return template2.replace(/\{count\} ?/g, "").replace(/ {2,}/g, " ").trim();
8740
+ }
8741
+ return template2.replaceAll("{count}", count);
8742
+ };
8743
+ const sanitizeAttr = (value) => value.replaceAll("&", "&amp;").replaceAll('"', "&quot;").replaceAll("<", "&lt;");
8744
+ const isValidAction = (value) => {
8745
+ if (typeof value !== "object" || value === null) {
8746
+ return false;
8747
+ }
8748
+ const { name, icon, label } = value;
8749
+ return typeof name === "string" && name !== "" && typeof icon === "string" && icon !== "" && (label === void 0 || typeof label === "string");
8750
+ };
8751
+ const DEFAULT_ACTIONS = [
8752
+ { name: "export", icon: "fa-file-export", label: "Export" },
8753
+ { name: "clone", icon: "fa-clone", label: "Duplicate" },
8754
+ { name: "delete", icon: "fa-trash", label: "Delete" }
8755
+ ];
8756
+ class FloatingPanel extends NectaryElement {
8757
+ #$dialog;
8758
+ #$noOfItemsSelected;
8759
+ #$itemsSelectedLabel;
8760
+ #$rightActions;
8761
+ #$rightActionsOverflow;
8762
+ #$overflowMenu;
8763
+ #$actionsPopover;
8764
+ #$overflowTrigger;
8765
+ #$closeBtn;
8766
+ #$ctaBtn;
8767
+ #controller = null;
8768
+ #hideController = null;
8769
+ #resizeObserver = null;
8770
+ #resizeThrottle = null;
8771
+ #overflowDismissController = null;
8772
+ #density = "default";
8773
+ /** After touch `pointerup` toggles the menu, ignore the synthetic `click` (WebKit). */
8774
+ #suppressOverflowClickUntil = 0;
8775
+ constructor() {
8776
+ super();
8777
+ const shadowRoot = this.attachShadow();
8778
+ shadowRoot.appendChild(template$D.content.cloneNode(true));
8779
+ this.#$dialog = shadowRoot.querySelector("#wrapper");
8780
+ this.#$noOfItemsSelected = shadowRoot.querySelector("#no-of-items-selected");
8781
+ this.#$itemsSelectedLabel = shadowRoot.querySelector("#items-selected-label");
8782
+ this.#$rightActions = shadowRoot.querySelector("#right-actions");
8783
+ this.#$rightActionsOverflow = shadowRoot.querySelector("#right-actions-overflow");
8784
+ this.#$overflowMenu = shadowRoot.querySelector("#overflow-menu");
8785
+ this.#$actionsPopover = shadowRoot.querySelector("#actions-popover");
8786
+ this.#$overflowTrigger = shadowRoot.querySelector("#overflow-trigger");
8787
+ this.#$closeBtn = shadowRoot.querySelector("#close-btn");
8788
+ this.#$ctaBtn = shadowRoot.querySelector("#cta-btn");
8789
+ }
8790
+ connectedCallback() {
8791
+ super.connectedCallback();
8792
+ this.setAttribute("role", "region");
8793
+ this.setAttribute("aria-label", "Bulk actions toolbar");
8794
+ this.#controller = new AbortController();
8795
+ const { signal } = this.#controller;
8796
+ this.#$closeBtn.addEventListener("click", this.#onClose, { signal });
8797
+ this.#$ctaBtn.addEventListener("click", this.#onSelectAll, { signal });
8798
+ this.#$rightActions.addEventListener("click", this.#onActionClick, { signal });
8799
+ this.#$overflowMenu.addEventListener("-click", this.#onOverflowMenuClick, { signal, capture: true });
8800
+ this.shadowRoot.addEventListener("click", this.#onToolbarShadowClickCapture, { capture: true, signal });
8801
+ this.shadowRoot.addEventListener("pointerup", this.#onOverflowTriggerPointerUp, { signal });
8802
+ this.#$actionsPopover.addEventListener("-close", this.#onActionsPopoverClose, { signal });
8803
+ this.#resizeThrottle = throttleAnimationFrame(() => {
8804
+ if (!this.isDomConnected || !this.#$dialog.open) {
8805
+ return;
8806
+ }
8807
+ const width = this.#$dialog.getBoundingClientRect().width;
8808
+ this.#updateDensityFromWidth(width);
8809
+ });
8810
+ this.#resizeObserver = new ResizeObserver(() => {
8811
+ this.#resizeThrottle?.fn();
8812
+ });
8813
+ this.#resizeObserver.observe(this.#$dialog);
8814
+ this.addEventListener("-close", this.#onCloseReact, { signal });
8815
+ this.addEventListener("-select-all", this.#onSelectAllReact, { signal });
8816
+ this.addEventListener("-action", this.#onActionReact, { signal });
8817
+ if (!this.hasAttribute("actions")) {
8818
+ this.#renderActions(null);
8819
+ }
8820
+ if (this.hasAttribute("open")) {
8821
+ this.#show();
8822
+ }
8823
+ this.#syncDensityAndLabel();
8824
+ }
8825
+ disconnectedCallback() {
8826
+ super.disconnectedCallback();
8827
+ this.#hideController?.abort();
8828
+ this.#hideController = null;
8829
+ this.#overflowDismissController?.abort();
8830
+ this.#overflowDismissController = null;
8831
+ this.#resizeThrottle?.cancel();
8832
+ this.#resizeThrottle = null;
8833
+ this.#resizeObserver?.disconnect();
8834
+ this.#resizeObserver = null;
8835
+ this.#controller.abort();
8836
+ this.#controller = null;
8837
+ }
8838
+ static get observedAttributes() {
8839
+ return [
8840
+ "open",
8841
+ "no-of-items-selected",
8842
+ "cta-label",
8843
+ "items-selected-singular-label",
8844
+ "items-selected-plural-label",
8845
+ "items-selected-compact-label",
8846
+ "select-all-label",
8847
+ "select-all-short-label",
8848
+ "clear-all-label",
8849
+ "actions",
8850
+ "all-selected"
8851
+ ];
8852
+ }
8853
+ attributeChangedCallback(name, oldVal, newVal) {
8854
+ if (isAttrEqual(oldVal, newVal)) {
8855
+ return;
8856
+ }
8857
+ switch (name) {
8858
+ case "open": {
8859
+ if (newVal !== null) {
8860
+ this.#show();
8861
+ } else {
8862
+ this.#hide();
8863
+ }
8864
+ break;
8865
+ }
8866
+ case "no-of-items-selected": {
8867
+ this.#$noOfItemsSelected.textContent = newVal;
8868
+ this.#updateItemsSelectedLabel();
8869
+ break;
8870
+ }
8871
+ case "cta-label":
8872
+ case "select-all-label":
8873
+ case "select-all-short-label":
8874
+ case "clear-all-label": {
8875
+ this.#updateCtaText(getBooleanAttribute(this, "all-selected"));
8876
+ break;
8877
+ }
8878
+ case "items-selected-singular-label":
8879
+ case "items-selected-plural-label":
8880
+ case "items-selected-compact-label": {
8881
+ this.#updateItemsSelectedLabel();
8882
+ break;
8883
+ }
8884
+ case "actions": {
8885
+ this.#renderActions(newVal);
8886
+ break;
8887
+ }
8888
+ case "all-selected": {
8889
+ this.#updateCtaText(newVal !== null);
8890
+ break;
8891
+ }
8892
+ }
8893
+ }
8894
+ #updateItemsSelectedLabel() {
8895
+ if (this.#density === "extra-compact") {
8896
+ this.#$itemsSelectedLabel.textContent = getAttribute(this, "items-selected-compact-label") ?? DEFAULT_ITEMS_SELECTED_COMPACT_LABEL;
8897
+ return;
8898
+ }
8899
+ const raw = getAttribute(this, "no-of-items-selected");
8900
+ const n = raw === null || raw === "" ? NaN : Number(raw);
8901
+ const singular = Number.isFinite(n) && n === 1;
8902
+ this.#$itemsSelectedLabel.textContent = singular ? getAttribute(this, "items-selected-singular-label") ?? DEFAULT_ITEMS_SELECTED_SINGULAR_LABEL : getAttribute(this, "items-selected-plural-label") ?? DEFAULT_ITEMS_SELECTED_PLURAL_LABEL;
8903
+ }
8904
+ #updateDensityFromWidth(width) {
8905
+ if (!this.#$dialog.open || width <= 0) {
8906
+ return;
8907
+ }
8908
+ let next;
8909
+ if (width <= WIDTH_EXTRA_COMPACT) {
8910
+ next = "extra-compact";
8911
+ } else if (width <= WIDTH_COMPACT) {
8912
+ next = "compact";
8913
+ } else {
8914
+ next = "default";
8915
+ }
8916
+ if (next === this.#density) {
8917
+ return;
8918
+ }
8919
+ this.#density = next;
8920
+ if (next === "default") {
8921
+ this.removeAttribute("data-density");
8922
+ this.#closeOverflowMenu();
8923
+ } else {
8924
+ this.setAttribute("data-density", next);
8925
+ }
8926
+ this.#syncDensityAndLabel();
8927
+ }
8928
+ #syncDensityAndLabel() {
8929
+ this.#updateItemsSelectedLabel();
8930
+ this.#updateCtaText(getBooleanAttribute(this, "all-selected"));
8931
+ }
8932
+ #show() {
8933
+ this.#hideController?.abort();
8934
+ this.#hideController = null;
8935
+ this.#$dialog.show();
8936
+ this.#$dialog.classList.remove("closing");
8937
+ if (shouldReduceMotion()) {
8938
+ queueMicrotask(() => {
8939
+ const { width } = this.#$dialog.getBoundingClientRect();
8940
+ this.#updateDensityFromWidth(width);
8941
+ });
8942
+ return;
8943
+ }
8944
+ this.#$dialog.classList.add("opening");
8945
+ this.#$dialog.addEventListener("animationend", () => {
8946
+ this.#$dialog.classList.remove("opening");
8947
+ }, { once: true });
8948
+ queueMicrotask(() => {
8949
+ const { width } = this.#$dialog.getBoundingClientRect();
8950
+ this.#updateDensityFromWidth(width);
8951
+ });
8952
+ }
8953
+ #hide() {
8954
+ this.#closeOverflowMenu();
8955
+ this.#hideController?.abort();
8956
+ if (shouldReduceMotion()) {
8957
+ this.#$dialog.close();
8958
+ return;
8959
+ }
8960
+ this.#hideController = new AbortController();
8961
+ this.#$dialog.classList.remove("opening");
8962
+ this.#$dialog.classList.add("closing");
8963
+ this.#$dialog.addEventListener("animationend", () => {
8964
+ this.#hideController = null;
8965
+ this.#$dialog.classList.remove("closing");
8966
+ this.#$dialog.close();
8967
+ }, { once: true, signal: this.#hideController.signal });
8968
+ }
8969
+ #updateCtaText(allSelected) {
8970
+ if (allSelected) {
8971
+ this.#$ctaBtn.setAttribute("text", getAttribute(this, "clear-all-label") ?? DEFAULT_CLEAR_ALL_LABEL);
8972
+ return;
8973
+ }
8974
+ if (this.#density !== "default") {
8975
+ this.#$ctaBtn.setAttribute("text", getAttribute(this, "select-all-short-label") ?? DEFAULT_SELECT_ALL_SHORT_LABEL);
8976
+ return;
8977
+ }
8978
+ const template2 = getAttribute(this, "select-all-label") ?? DEFAULT_SELECT_ALL_LABEL;
8979
+ this.#$ctaBtn.setAttribute("text", applyCountPlaceholder(template2, getAttribute(this, "cta-label")));
8980
+ }
8981
+ #renderActions(json) {
8982
+ this.#$rightActions.innerHTML = "";
8983
+ this.#$overflowMenu.innerHTML = "";
8984
+ let actions;
8985
+ if (json === null) {
8986
+ actions = DEFAULT_ACTIONS;
8987
+ } else {
8988
+ try {
8989
+ const parsed = JSON.parse(json);
8990
+ if (!Array.isArray(parsed)) {
8991
+ return;
8992
+ }
8993
+ actions = parsed.filter(isValidAction);
8994
+ } catch {
8995
+ return;
8996
+ }
8997
+ }
8998
+ const sliced = actions.slice(0, MAX_ACTIONS);
8999
+ this.#$rightActions.innerHTML = sliced.map((action) => {
9000
+ const safeName = sanitizeAttr(action.name);
9001
+ const safeIcon = sanitizeAttr(action.icon);
9002
+ const safeLabel = sanitizeAttr(action.label ?? action.name);
9003
+ return `<sinch-floating-panel-icon-button data-action="${safeName}" icon="${safeIcon}" aria-label="${safeLabel}"></sinch-floating-panel-icon-button>`;
9004
+ }).join("");
9005
+ this.#$overflowMenu.innerHTML = sliced.map((action) => {
9006
+ const safeName = sanitizeAttr(action.name);
9007
+ const safeIcon = sanitizeAttr(action.icon);
9008
+ const safeLabel = sanitizeAttr(action.label ?? action.name);
9009
+ return `<sinch-action-menu-option data-action="${safeName}" text="${safeLabel}" aria-label="${safeLabel}"><sinch-icon icons-version="2" name="${safeIcon}" slot="icon"></sinch-icon></sinch-action-menu-option>`;
9010
+ }).join("");
9011
+ }
9012
+ /**
9013
+ * Fires the generic `-action` event (detail = action name) plus a per-action
9014
+ * `-${action}` convenience event. The per-action event lets consumers bind
9015
+ * directly to a specific action (e.g. `on-archive`) without switching on
9016
+ * `e.detail` — and it works for any user-defined action, not just the
9017
+ * built-in defaults. React handlers are forwarded by `#onActionReact`.
9018
+ */
9019
+ #dispatchAction(action) {
9020
+ this.dispatchEvent(new CustomEvent("-action", { detail: action }));
9021
+ this.dispatchEvent(new CustomEvent(`-${action}`));
9022
+ }
9023
+ #onClose = () => {
9024
+ this.dispatchEvent(new CustomEvent("-close"));
9025
+ };
9026
+ #onSelectAll = () => {
9027
+ this.dispatchEvent(new CustomEvent("-select-all"));
9028
+ };
9029
+ #onActionClick = (e) => {
9030
+ const btn = e.target.closest("sinch-floating-panel-icon-button[data-action]");
9031
+ if (btn === null) {
9032
+ return;
9033
+ }
9034
+ const action = btn.dataset.action;
9035
+ if (action === void 0) {
9036
+ return;
9037
+ }
9038
+ this.#dispatchAction(action);
9039
+ };
9040
+ #onOverflowMenuClick = (e) => {
9041
+ if (!isSinchActionMenuOption(e.target)) {
9042
+ return;
9043
+ }
9044
+ const action = e.target.dataset.action;
9045
+ if (action === void 0) {
9046
+ return;
9047
+ }
9048
+ this.#closeOverflowMenu();
9049
+ this.#dispatchAction(action);
9050
+ };
9051
+ /**
9052
+ * Safari/WebKit often does not deliver a bubbling click from sinch-button (shadow) to the overflow host;
9053
+ * capture on our shadow + composedPath() matches Chrome and Safari. Touch: pointerup (see below).
9054
+ */
9055
+ #onToolbarShadowClickCapture = (e) => {
9056
+ if (this.#density === "default") {
9057
+ return;
9058
+ }
9059
+ if (!(e instanceof MouseEvent)) {
9060
+ return;
9061
+ }
9062
+ if (e.button !== 0) {
9063
+ return;
9064
+ }
9065
+ if (!e.composedPath().includes(this.#$overflowTrigger)) {
9066
+ return;
9067
+ }
9068
+ if (performance.now() < this.#suppressOverflowClickUntil) {
9069
+ e.preventDefault();
9070
+ e.stopPropagation();
9071
+ return;
9072
+ }
9073
+ e.stopPropagation();
9074
+ this.#toggleOverflowMenu();
9075
+ };
9076
+ #onOverflowTriggerPointerUp = (e) => {
9077
+ if (this.#density === "default") {
9078
+ return;
9079
+ }
9080
+ if (!(e instanceof PointerEvent)) {
9081
+ return;
9082
+ }
9083
+ if (!e.isPrimary || e.pointerType === "mouse" && e.button !== 0) {
9084
+ return;
9085
+ }
9086
+ if (e.pointerType === "mouse") {
9087
+ return;
9088
+ }
9089
+ if (!e.composedPath().includes(this.#$overflowTrigger)) {
9090
+ return;
9091
+ }
9092
+ e.preventDefault();
9093
+ e.stopPropagation();
9094
+ this.#suppressOverflowClickUntil = performance.now() + 400;
9095
+ this.#toggleOverflowMenu();
9096
+ };
9097
+ #toggleOverflowMenu() {
9098
+ if (this.#$actionsPopover.open) {
9099
+ this.#closeOverflowMenu();
9100
+ } else {
9101
+ this.#$actionsPopover.open = true;
9102
+ this.#overflowDismissController = new AbortController();
9103
+ document.addEventListener("click", this.#onDocumentClickDismiss, {
9104
+ signal: this.#overflowDismissController.signal,
9105
+ capture: true
9106
+ });
9107
+ }
9108
+ }
9109
+ #closeOverflowMenu() {
9110
+ this.#$actionsPopover.open = false;
9111
+ this.#overflowDismissController?.abort();
9112
+ this.#overflowDismissController = null;
9113
+ }
9114
+ #onDocumentClickDismiss = (e) => {
9115
+ if (e.composedPath().includes(this.#$rightActionsOverflow)) {
9116
+ return;
9117
+ }
9118
+ this.#closeOverflowMenu();
9119
+ };
9120
+ #onActionsPopoverClose = () => {
9121
+ this.#closeOverflowMenu();
9122
+ };
9123
+ #onCloseReact = (e) => {
9124
+ getReactEventHandler(this, "on-close")?.(e);
9125
+ };
9126
+ #onSelectAllReact = (e) => {
9127
+ getReactEventHandler(this, "on-select-all")?.(e);
9128
+ };
9129
+ #onActionReact = (e) => {
9130
+ getReactEventHandler(this, "on-action")?.(e);
9131
+ if (e instanceof CustomEvent && typeof e.detail === "string") {
9132
+ getReactEventHandler(this, `on-${e.detail}`)?.(e);
9133
+ }
9134
+ };
9135
+ get panelRect() {
9136
+ return getRect(this.#$dialog);
9137
+ }
9138
+ get closeButtonRect() {
9139
+ return getRect(this.#$closeBtn);
9140
+ }
9141
+ get ctaButtonRect() {
9142
+ return getRect(this.#$ctaBtn);
9143
+ }
9144
+ set open(value) {
9145
+ updateBooleanAttribute(this, "open", value);
9146
+ }
9147
+ get open() {
9148
+ return getBooleanAttribute(this, "open");
9149
+ }
9150
+ set noOfItemsSelected(value) {
9151
+ updateAttribute(this, "no-of-items-selected", value);
9152
+ }
9153
+ get noOfItemsSelected() {
9154
+ return getAttribute(this, "no-of-items-selected");
9155
+ }
9156
+ set ctaLabel(value) {
9157
+ updateAttribute(this, "cta-label", value);
9158
+ }
9159
+ get ctaLabel() {
9160
+ return getAttribute(this, "cta-label");
9161
+ }
9162
+ set itemsSelectedSingularLabel(value) {
9163
+ updateAttribute(this, "items-selected-singular-label", value);
9164
+ }
9165
+ get itemsSelectedSingularLabel() {
9166
+ return getAttribute(this, "items-selected-singular-label");
9167
+ }
9168
+ set itemsSelectedPluralLabel(value) {
9169
+ updateAttribute(this, "items-selected-plural-label", value);
9170
+ }
9171
+ get itemsSelectedPluralLabel() {
9172
+ return getAttribute(this, "items-selected-plural-label");
9173
+ }
9174
+ set itemsSelectedCompactLabel(value) {
9175
+ updateAttribute(this, "items-selected-compact-label", value);
9176
+ }
9177
+ get itemsSelectedCompactLabel() {
9178
+ return getAttribute(this, "items-selected-compact-label");
9179
+ }
9180
+ set selectAllLabel(value) {
9181
+ updateAttribute(this, "select-all-label", value);
9182
+ }
9183
+ get selectAllLabel() {
9184
+ return getAttribute(this, "select-all-label");
9185
+ }
9186
+ set selectAllShortLabel(value) {
9187
+ updateAttribute(this, "select-all-short-label", value);
9188
+ }
9189
+ get selectAllShortLabel() {
9190
+ return getAttribute(this, "select-all-short-label");
9191
+ }
9192
+ set clearAllLabel(value) {
9193
+ updateAttribute(this, "clear-all-label", value);
9194
+ }
9195
+ get clearAllLabel() {
9196
+ return getAttribute(this, "clear-all-label");
9197
+ }
9198
+ set allSelected(value) {
9199
+ updateBooleanAttribute(this, "all-selected", value);
9200
+ }
9201
+ get allSelected() {
9202
+ return getBooleanAttribute(this, "all-selected");
9203
+ }
9204
+ set actions(value) {
9205
+ updateAttribute(this, "actions", value);
9206
+ }
9207
+ get actions() {
9208
+ return getAttribute(this, "actions");
9209
+ }
9210
+ }
9211
+ defineCustomElement("sinch-floating-panel", FloatingPanel);
8581
9212
  const templateHTML$C = '<style>:host{display:block;grid-column:span 12}:host([xl="2"]){grid-column:span 2}:host([xl="3"]){grid-column:span 3}:host([xl="4"]){grid-column:span 4}:host([xl="5"]){grid-column:span 5}:host([xl="6"]){grid-column:span 6}:host([xl="7"]){grid-column:span 7}:host([xl="8"]){grid-column:span 8}:host([xl="9"]){grid-column:span 9}:host([xl="10"]){grid-column:span 10}:host([xl="11"]){grid-column:span 11}:host([xl="12"]){grid-column:span 12}@media only screen and (max-width:1439px){:host{grid-column:span 12}:host([l="2"]){grid-column:span 2}:host([l="3"]){grid-column:span 3}:host([l="4"]){grid-column:span 4}:host([l="5"]){grid-column:span 5}:host([l="6"]){grid-column:span 6}:host([l="7"]){grid-column:span 7}:host([l="8"]){grid-column:span 8}:host([l="9"]){grid-column:span 9}:host([l="10"]){grid-column:span 10}:host([l="11"]){grid-column:span 11}:host([l="12"]){grid-column:span 12}}@media only screen and (max-width:1023px){:host{grid-column:span 8}:host([m="2"]){grid-column:span 2}:host([m="3"]){grid-column:span 3}:host([m="4"]){grid-column:span 4}:host([m="5"]){grid-column:span 5}:host([m="6"]){grid-column:span 6}:host([m="7"]){grid-column:span 7}:host([m="8"]){grid-column:span 8}}@media only screen and (max-width:767px){:host{grid-column:span 4}:host([s="2"]){grid-column:span 2}:host([s="3"]){grid-column:span 3}:host([s="4"]){grid-column:span 4}}</style><slot name="content"></slot>';
8582
9213
  const template$C = document.createElement("template");
8583
9214
  template$C.innerHTML = templateHTML$C;
@@ -13076,8 +13707,11 @@ class SelectMenu extends NectaryElement {
13076
13707
  "rows",
13077
13708
  "multiple",
13078
13709
  "searchable",
13710
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set searchValue
13079
13711
  "search-value",
13712
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set searchPlaceholder
13080
13713
  "search-placeholder",
13714
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set searchAutocomplete
13081
13715
  "search-autocomplete"
13082
13716
  ];
13083
13717
  }
@@ -13699,7 +14333,12 @@ class SheetTitle extends NectaryElement {
13699
14333
  this.#controller = null;
13700
14334
  }
13701
14335
  static get observedAttributes() {
13702
- return ["title", "description", "close-aria-label"];
14336
+ return [
14337
+ "title",
14338
+ "description",
14339
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: close-aria-label missing set/get pair
14340
+ "close-aria-label"
14341
+ ];
13703
14342
  }
13704
14343
  attributeChangedCallback(name, oldVal, newVal) {
13705
14344
  if (isAttrEqual(oldVal, newVal)) {
@@ -13822,7 +14461,10 @@ class Skeleton extends NectaryElement {
13822
14461
  this.#observer = null;
13823
14462
  }
13824
14463
  static get observedAttributes() {
13825
- return ["card"];
14464
+ return [
14465
+ // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: card missing set/get pair
14466
+ "card"
14467
+ ];
13826
14468
  }
13827
14469
  attributeChangedCallback(name, _oldVal, newVal) {
13828
14470
  if (name === "card") {
@@ -15463,6 +16105,9 @@ export {
15463
16105
  FilePicker,
15464
16106
  FileStatus,
15465
16107
  Flag,
16108
+ FloatingPanel,
16109
+ FloatingPanelButton,
16110
+ FloatingPanelIconButton,
15466
16111
  Grid,
15467
16112
  GridItem,
15468
16113
  HelpTooltip,