@nectary/components 5.26.1 → 5.26.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/bundle.d.ts +4 -0
  2. package/bundle.js +722 -276
  3. package/bundle.ts +4 -0
  4. package/package.json +2 -2
  5. package/standalone.d.ts +4 -0
  6. package/standalone.js +4 -0
  7. package/standalone.ts +4 -0
package/bundle.js CHANGED
@@ -193,15 +193,15 @@ class NectaryElement extends NectaryElementBase {
193
193
  return this.#isDomConnected;
194
194
  }
195
195
  }
196
- const templateHTML$1d = '<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>';
197
- const template$1d = document.createElement("template");
198
- template$1d.innerHTML = templateHTML$1d;
196
+ 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>';
197
+ const template$1g = document.createElement("template");
198
+ template$1g.innerHTML = templateHTML$1g;
199
199
  class Icon extends NectaryElement {
200
200
  #$icon;
201
201
  constructor() {
202
202
  super();
203
203
  const shadowRoot = this.attachShadow();
204
- shadowRoot.appendChild(template$1d.content.cloneNode(true));
204
+ shadowRoot.appendChild(template$1g.content.cloneNode(true));
205
205
  this.#$icon = shadowRoot.querySelector("#icon");
206
206
  }
207
207
  static get observedAttributes() {
@@ -251,14 +251,14 @@ class Icon extends NectaryElement {
251
251
  }
252
252
  defineCustomElement("sinch-icon", Icon);
253
253
  const typeValues$7 = ["m", "s", "xs", "xxs"];
254
- const templateHTML$1c = '<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>';
255
- const template$1c = document.createElement("template");
256
- template$1c.innerHTML = templateHTML$1c;
254
+ 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>';
255
+ const template$1f = document.createElement("template");
256
+ template$1f.innerHTML = templateHTML$1f;
257
257
  class Text extends NectaryElement {
258
258
  constructor() {
259
259
  super();
260
260
  const shadowRoot = this.attachShadow();
261
- shadowRoot.appendChild(template$1c.content.cloneNode(true));
261
+ shadowRoot.appendChild(template$1f.content.cloneNode(true));
262
262
  }
263
263
  connectedCallback() {
264
264
  this.#updateRole();
@@ -316,15 +316,15 @@ class Text extends NectaryElement {
316
316
  }
317
317
  defineCustomElement("sinch-text", Text);
318
318
  const typeValues$6 = ["xl", "l", "m", "s", "xs"];
319
- const templateHTML$1b = '<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>';
320
- const template$1b = document.createElement("template");
321
- template$1b.innerHTML = templateHTML$1b;
319
+ 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>';
320
+ const template$1e = document.createElement("template");
321
+ template$1e.innerHTML = templateHTML$1e;
322
322
  class Title extends NectaryElement {
323
323
  #$text;
324
324
  constructor() {
325
325
  super();
326
326
  const shadowRoot = this.attachShadow();
327
- shadowRoot.appendChild(template$1b.content.cloneNode(true));
327
+ shadowRoot.appendChild(template$1e.content.cloneNode(true));
328
328
  this.#$text = shadowRoot.querySelector("#text");
329
329
  }
330
330
  connectedCallback() {
@@ -373,9 +373,9 @@ class Title extends NectaryElement {
373
373
  }
374
374
  defineCustomElement("sinch-title", Title);
375
375
  const statusValues$1 = ["info", "success", "warn", "error"];
376
- const templateHTML$1a = '<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>';
377
- const template$1a = document.createElement("template");
378
- template$1a.innerHTML = templateHTML$1a;
376
+ 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>';
377
+ const template$1d = document.createElement("template");
378
+ template$1d.innerHTML = templateHTML$1d;
379
379
  class AccordionItem extends NectaryElement {
380
380
  #$button;
381
381
  #$title;
@@ -383,7 +383,7 @@ class AccordionItem extends NectaryElement {
383
383
  constructor() {
384
384
  super();
385
385
  const shadowRoot = this.attachShadow({ delegatesFocus: true });
386
- shadowRoot.appendChild(template$1a.content.cloneNode(true));
386
+ shadowRoot.appendChild(template$1d.content.cloneNode(true));
387
387
  this.#$button = shadowRoot.querySelector("#button");
388
388
  this.#$title = shadowRoot.querySelector("#title");
389
389
  this.#$optionalText = shadowRoot.querySelector("#optional");
@@ -522,16 +522,16 @@ const getTargetIndexInParent = (e, parent) => {
522
522
  }
523
523
  return -1;
524
524
  };
525
- const templateHTML$19 = '<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>';
526
- const template$19 = document.createElement("template");
527
- template$19.innerHTML = templateHTML$19;
525
+ 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>';
526
+ const template$1c = document.createElement("template");
527
+ template$1c.innerHTML = templateHTML$1c;
528
528
  class Accordion extends NectaryElement {
529
529
  #$slot;
530
530
  #controller = null;
531
531
  constructor() {
532
532
  super();
533
533
  const shadowRoot = this.attachShadow();
534
- shadowRoot.appendChild(template$19.content.cloneNode(true));
534
+ shadowRoot.appendChild(template$1c.content.cloneNode(true));
535
535
  this.#$slot = shadowRoot.querySelector("slot");
536
536
  }
537
537
  static get observedAttributes() {
@@ -608,16 +608,16 @@ class Accordion extends NectaryElement {
608
608
  };
609
609
  }
610
610
  defineCustomElement("sinch-accordion", Accordion);
611
- const templateHTML$18 = '<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>';
612
- const template$18 = document.createElement("template");
613
- template$18.innerHTML = templateHTML$18;
611
+ 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>';
612
+ const template$1b = document.createElement("template");
613
+ template$1b.innerHTML = templateHTML$1b;
614
614
  class ActionMenuOption extends NectaryElement {
615
615
  #$content;
616
616
  #controller = null;
617
617
  constructor() {
618
618
  super();
619
619
  const shadowRoot = this.attachShadow();
620
- shadowRoot.appendChild(template$18.content.cloneNode(true));
620
+ shadowRoot.appendChild(template$1b.content.cloneNode(true));
621
621
  this.#$content = shadowRoot.querySelector("#content");
622
622
  }
623
623
  connectedCallback() {
@@ -755,10 +755,10 @@ const subscribeContext = ($el, name, cb, signal) => {
755
755
  );
756
756
  }, { once: true });
757
757
  };
758
- const templateHTML$17 = '<style>:host{display:block;outline:0}#listbox{overflow-y:auto}</style><div id="listbox" role="presentation"><slot></slot></div>';
758
+ const templateHTML$1a = '<style>:host{display:block;outline:0}#listbox{overflow-y:auto}</style><div id="listbox" role="presentation"><slot></slot></div>';
759
759
  const ITEM_HEIGHT$2 = 40;
760
- const template$17 = document.createElement("template");
761
- template$17.innerHTML = templateHTML$17;
760
+ const template$1a = document.createElement("template");
761
+ template$1a.innerHTML = templateHTML$1a;
762
762
  class ActionMenu extends NectaryElement {
763
763
  #$optionSlot;
764
764
  #$listbox;
@@ -766,7 +766,7 @@ class ActionMenu extends NectaryElement {
766
766
  constructor() {
767
767
  super();
768
768
  const shadowRoot = this.attachShadow();
769
- shadowRoot.appendChild(template$17.content.cloneNode(true));
769
+ shadowRoot.appendChild(template$1a.content.cloneNode(true));
770
770
  this.#$optionSlot = shadowRoot.querySelector("slot");
771
771
  this.#$listbox = shadowRoot.querySelector("#listbox");
772
772
  }
@@ -998,15 +998,15 @@ const getEmojiUrl = (baseUrl, char) => {
998
998
  }
999
999
  return baseUrl.replace("%s", codepoints);
1000
1000
  };
1001
- const templateHTML$16 = '<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">';
1002
- const template$16 = document.createElement("template");
1003
- template$16.innerHTML = templateHTML$16;
1001
+ 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">';
1002
+ const template$19 = document.createElement("template");
1003
+ template$19.innerHTML = templateHTML$19;
1004
1004
  class Emoji extends NectaryElement {
1005
1005
  #$img;
1006
1006
  constructor() {
1007
1007
  super();
1008
1008
  const shadowRoot = this.attachShadow();
1009
- shadowRoot.appendChild(template$16.content.cloneNode(true));
1009
+ shadowRoot.appendChild(template$19.content.cloneNode(true));
1010
1010
  this.#$img = shadowRoot.querySelector("#image");
1011
1011
  }
1012
1012
  connectedCallback() {
@@ -1042,15 +1042,15 @@ class Emoji extends NectaryElement {
1042
1042
  }
1043
1043
  }
1044
1044
  defineCustomElement("sinch-emoji", Emoji);
1045
- const templateHTML$15 = '<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>';
1046
- const template$15 = document.createElement("template");
1047
- template$15.innerHTML = templateHTML$15;
1045
+ 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>';
1046
+ const template$18 = document.createElement("template");
1047
+ template$18.innerHTML = templateHTML$18;
1048
1048
  class CodeTag extends NectaryElement {
1049
1049
  #$text;
1050
1050
  constructor() {
1051
1051
  super();
1052
1052
  const shadowRoot = this.attachShadow();
1053
- shadowRoot.appendChild(template$15.content.cloneNode(true));
1053
+ shadowRoot.appendChild(template$18.content.cloneNode(true));
1054
1054
  this.#$text = shadowRoot.querySelector("#content");
1055
1055
  }
1056
1056
  static get observedAttributes() {
@@ -1072,9 +1072,9 @@ class CodeTag extends NectaryElement {
1072
1072
  }
1073
1073
  }
1074
1074
  defineCustomElement("sinch-code-tag", CodeTag);
1075
- const templateHTML$14 = '<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>';
1076
- const template$14 = document.createElement("template");
1077
- template$14.innerHTML = templateHTML$14;
1075
+ 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>';
1076
+ const template$17 = document.createElement("template");
1077
+ template$17.innerHTML = templateHTML$17;
1078
1078
  class Link extends NectaryElement {
1079
1079
  #$anchor;
1080
1080
  #$text;
@@ -1083,7 +1083,7 @@ class Link extends NectaryElement {
1083
1083
  constructor() {
1084
1084
  super();
1085
1085
  const shadowRoot = this.attachShadow();
1086
- shadowRoot.appendChild(template$14.content.cloneNode(true));
1086
+ shadowRoot.appendChild(template$17.content.cloneNode(true));
1087
1087
  this.#$anchor = shadowRoot.querySelector("a");
1088
1088
  this.#$text = shadowRoot.querySelector("#content");
1089
1089
  this.#$button = shadowRoot.querySelector("button");
@@ -1278,9 +1278,9 @@ const getTagColorBg = (id) => {
1278
1278
  const getTagColorFg = (id) => {
1279
1279
  return `var(--sinch-comp-tag-color-${id}-foreground)`;
1280
1280
  };
1281
- const templateHTML$13 = '<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>';
1282
- const template$13 = document.createElement("template");
1283
- template$13.innerHTML = templateHTML$13;
1281
+ 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>';
1282
+ const template$16 = document.createElement("template");
1283
+ template$16.innerHTML = templateHTML$16;
1284
1284
  class RichTextareaChip extends NectaryElement {
1285
1285
  #$text;
1286
1286
  #$button;
@@ -1290,7 +1290,7 @@ class RichTextareaChip extends NectaryElement {
1290
1290
  constructor() {
1291
1291
  super();
1292
1292
  const shadowRoot = this.attachShadow();
1293
- shadowRoot.appendChild(template$13.content.cloneNode(true));
1293
+ shadowRoot.appendChild(template$16.content.cloneNode(true));
1294
1294
  this.#$text = shadowRoot.querySelector("#text");
1295
1295
  this.#$button = shadowRoot.querySelector("#button");
1296
1296
  this.#$iconStart = shadowRoot.querySelector("#icon-start");
@@ -1714,9 +1714,9 @@ const createParseVisitor$1 = (doc) => {
1714
1714
  }
1715
1715
  };
1716
1716
  };
1717
- const templateHTML$12 = '<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>';
1718
- const template$12 = document.createElement("template");
1719
- template$12.innerHTML = templateHTML$12;
1717
+ 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>';
1718
+ const template$15 = document.createElement("template");
1719
+ template$15.innerHTML = templateHTML$15;
1720
1720
  class RichText extends NectaryElement {
1721
1721
  #wrapper;
1722
1722
  #parseVisitor;
@@ -1736,7 +1736,7 @@ class RichText extends NectaryElement {
1736
1736
  Object.defineProperty(shadowRoot, "createDocumentFragment", {
1737
1737
  value: document.createDocumentFragment.bind(shadowRoot.ownerDocument)
1738
1738
  });
1739
- shadowRoot.appendChild(template$12.content.cloneNode(true));
1739
+ shadowRoot.appendChild(template$15.content.cloneNode(true));
1740
1740
  this.#wrapper = shadowRoot.querySelector("#wrapper");
1741
1741
  this.#parseVisitor = createParseVisitor$1(shadowRoot);
1742
1742
  }
@@ -1840,15 +1840,15 @@ class RichText extends NectaryElement {
1840
1840
  }
1841
1841
  defineCustomElement("sinch-rich-text", RichText);
1842
1842
  const typeValues$5 = ["info", "warn", "error"];
1843
- const templateHTML$11 = '<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>';
1844
- const template$11 = document.createElement("template");
1845
- template$11.innerHTML = templateHTML$11;
1843
+ 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>';
1844
+ const template$14 = document.createElement("template");
1845
+ template$14.innerHTML = templateHTML$14;
1846
1846
  class Alert extends NectaryElement {
1847
1847
  #$text;
1848
1848
  constructor() {
1849
1849
  super();
1850
1850
  const shadowRoot = this.attachShadow();
1851
- shadowRoot.appendChild(template$11.content.cloneNode(true));
1851
+ shadowRoot.appendChild(template$14.content.cloneNode(true));
1852
1852
  this.#$text = shadowRoot.querySelector("#text");
1853
1853
  }
1854
1854
  connectedCallback() {
@@ -1893,9 +1893,9 @@ const getAvatarColorBg = (id) => {
1893
1893
  const getAvatarColorFg = (id) => {
1894
1894
  return `var(--sinch-comp-avatar-container-color-${id}-foreground)`;
1895
1895
  };
1896
- const templateHTML$10 = '<style>:host{display:inline-block;vertical-align:middle;outline:0}#wrapper{position:relative;width:var(--sinch-local-size);height:var(--sinch-local-size);--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>';
1897
- const template$10 = document.createElement("template");
1898
- template$10.innerHTML = templateHTML$10;
1896
+ 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);--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>';
1897
+ const template$13 = document.createElement("template");
1898
+ template$13.innerHTML = templateHTML$13;
1899
1899
  class Avatar extends NectaryElement {
1900
1900
  #$circle;
1901
1901
  #$text;
@@ -1903,7 +1903,7 @@ class Avatar extends NectaryElement {
1903
1903
  constructor() {
1904
1904
  super();
1905
1905
  const shadowRoot = this.attachShadow();
1906
- shadowRoot.appendChild(template$10.content.cloneNode(true));
1906
+ shadowRoot.appendChild(template$13.content.cloneNode(true));
1907
1907
  this.#$circle = shadowRoot.querySelector("#circle");
1908
1908
  this.#$text = shadowRoot.querySelector("#text");
1909
1909
  this.#$image = shadowRoot.querySelector("#image");
@@ -2027,9 +2027,9 @@ const rectOverlap = (targetRect, contentRect) => {
2027
2027
  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;
2028
2028
  };
2029
2029
  const modeValues = ["square", "circle"];
2030
- const templateHTML$$ = '<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>';
2031
- const template$$ = document.createElement("template");
2032
- template$$.innerHTML = templateHTML$$;
2030
+ 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>';
2031
+ const template$12 = document.createElement("template");
2032
+ template$12.innerHTML = templateHTML$12;
2033
2033
  class Badge extends NectaryElement {
2034
2034
  #$badgeWrapper;
2035
2035
  #$badge;
@@ -2038,7 +2038,7 @@ class Badge extends NectaryElement {
2038
2038
  constructor() {
2039
2039
  super();
2040
2040
  const shadowRoot = this.attachShadow();
2041
- shadowRoot.appendChild(template$$.content.cloneNode(true));
2041
+ shadowRoot.appendChild(template$12.content.cloneNode(true));
2042
2042
  this.#$badgeWrapper = shadowRoot.querySelector("#badge-wrapper");
2043
2043
  this.#$badge = shadowRoot.querySelector("#badge");
2044
2044
  this.#$text = shadowRoot.querySelector("#text");
@@ -2135,16 +2135,16 @@ class Badge extends NectaryElement {
2135
2135
  };
2136
2136
  }
2137
2137
  defineCustomElement("sinch-badge", Badge);
2138
- const templateHTML$_ = '<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>';
2139
- const template$_ = document.createElement("template");
2140
- template$_.innerHTML = templateHTML$_;
2138
+ 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>';
2139
+ const template$11 = document.createElement("template");
2140
+ template$11.innerHTML = templateHTML$11;
2141
2141
  class ButtonGroupItem extends NectaryElement {
2142
2142
  #$sinchButton;
2143
2143
  #controller = null;
2144
2144
  constructor() {
2145
2145
  super();
2146
2146
  const shadowRoot = this.attachShadow();
2147
- shadowRoot.appendChild(template$_.content.cloneNode(true));
2147
+ shadowRoot.appendChild(template$11.content.cloneNode(true));
2148
2148
  this.#$sinchButton = shadowRoot.querySelector("#sinch-button-element");
2149
2149
  }
2150
2150
  static get observedAttributes() {
@@ -2212,15 +2212,15 @@ const formTypeValues = [
2212
2212
  "reset",
2213
2213
  "button"
2214
2214
  ];
2215
- const templateHTML$Z = '<style>:host{display:block}#wrapper{display:flex;box-sizing:border-box;width:100%;height:100%}</style><div id="wrapper"><slot></slot></div>';
2216
- const template$Z = document.createElement("template");
2217
- template$Z.innerHTML = templateHTML$Z;
2215
+ 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>';
2216
+ const template$10 = document.createElement("template");
2217
+ template$10.innerHTML = templateHTML$10;
2218
2218
  class ButtonGroup extends NectaryElement {
2219
2219
  #$slot;
2220
2220
  constructor() {
2221
2221
  super();
2222
2222
  const shadowRoot = this.attachShadow();
2223
- shadowRoot.appendChild(template$Z.content.cloneNode(true));
2223
+ shadowRoot.appendChild(template$10.content.cloneNode(true));
2224
2224
  this.#$slot = shadowRoot.querySelector("slot");
2225
2225
  }
2226
2226
  static get observedAttributes() {
@@ -2293,9 +2293,9 @@ const CSVToFormData = (name, csv) => {
2293
2293
  });
2294
2294
  return formData;
2295
2295
  };
2296
- const templateHTML$Y = '<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>';
2297
- const template$Y = document.createElement("template");
2298
- template$Y.innerHTML = templateHTML$Y;
2296
+ 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>';
2297
+ const template$$ = document.createElement("template");
2298
+ template$$.innerHTML = templateHTML$$;
2299
2299
  class Button extends NectaryElement {
2300
2300
  #$button;
2301
2301
  #$text;
@@ -2306,7 +2306,7 @@ class Button extends NectaryElement {
2306
2306
  constructor() {
2307
2307
  super();
2308
2308
  const shadowRoot = this.attachShadow();
2309
- shadowRoot.appendChild(template$Y.content.cloneNode(true));
2309
+ shadowRoot.appendChild(template$$.content.cloneNode(true));
2310
2310
  this.#internals = this.attachInternals();
2311
2311
  this.#$button = shadowRoot.querySelector("#button");
2312
2312
  this.#$text = shadowRoot.querySelector("#text");
@@ -2504,26 +2504,26 @@ class Button extends NectaryElement {
2504
2504
  };
2505
2505
  }
2506
2506
  defineCustomElement("sinch-button", Button);
2507
- const templateHTML$X = '<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>';
2508
- const template$X = document.createElement("template");
2509
- template$X.innerHTML = templateHTML$X;
2507
+ 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>';
2508
+ const template$_ = document.createElement("template");
2509
+ template$_.innerHTML = templateHTML$_;
2510
2510
  class CardContainer extends NectaryElement {
2511
2511
  constructor() {
2512
2512
  super();
2513
2513
  const shadowRoot = this.attachShadow();
2514
- shadowRoot.appendChild(template$X.content.cloneNode(true));
2514
+ shadowRoot.appendChild(template$_.content.cloneNode(true));
2515
2515
  }
2516
2516
  }
2517
2517
  defineCustomElement("sinch-card-container", CardContainer);
2518
- const templateHTML$W = '<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>';
2519
- const template$W = document.createElement("template");
2520
- template$W.innerHTML = templateHTML$W;
2518
+ 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>';
2519
+ const template$Z = document.createElement("template");
2520
+ template$Z.innerHTML = templateHTML$Z;
2521
2521
  class CardV2Title extends NectaryElement {
2522
2522
  #$text;
2523
2523
  constructor() {
2524
2524
  super();
2525
2525
  const shadowRoot = this.attachShadow();
2526
- shadowRoot.appendChild(template$W.content.cloneNode(true));
2526
+ shadowRoot.appendChild(template$Z.content.cloneNode(true));
2527
2527
  this.#$text = shadowRoot.querySelector("#title-text");
2528
2528
  }
2529
2529
  connectedCallback() {
@@ -2568,9 +2568,9 @@ class CardV2Title extends NectaryElement {
2568
2568
  }
2569
2569
  }
2570
2570
  defineCustomElement("sinch-card-v2-title", CardV2Title);
2571
- const templateHTML$V = '<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>';
2572
- const template$V = document.createElement("template");
2573
- template$V.innerHTML = templateHTML$V;
2571
+ 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>';
2572
+ const template$Y = document.createElement("template");
2573
+ template$Y.innerHTML = templateHTML$Y;
2574
2574
  const CLICK_EVENTS = ["click", "-click"];
2575
2575
  class CardV2 extends NectaryElement {
2576
2576
  #$slots;
@@ -2579,7 +2579,7 @@ class CardV2 extends NectaryElement {
2579
2579
  constructor() {
2580
2580
  super();
2581
2581
  const shadowRoot = this.attachShadow();
2582
- shadowRoot.appendChild(template$V.content.cloneNode(true));
2582
+ shadowRoot.appendChild(template$Y.content.cloneNode(true));
2583
2583
  this.#$slots = shadowRoot.querySelectorAll("slot");
2584
2584
  }
2585
2585
  connectedCallback() {
@@ -2699,9 +2699,9 @@ class CardV2 extends NectaryElement {
2699
2699
  }
2700
2700
  }
2701
2701
  defineCustomElement("sinch-card-v2", CardV2);
2702
- const templateHTML$U = '<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>';
2703
- const template$U = document.createElement("template");
2704
- template$U.innerHTML = templateHTML$U;
2702
+ 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>';
2703
+ const template$X = document.createElement("template");
2704
+ template$X.innerHTML = templateHTML$X;
2705
2705
  class Checkbox extends NectaryElement {
2706
2706
  #$label;
2707
2707
  #controller = null;
@@ -2710,7 +2710,7 @@ class Checkbox extends NectaryElement {
2710
2710
  constructor() {
2711
2711
  super();
2712
2712
  const shadowRoot = this.attachShadow();
2713
- shadowRoot.appendChild(template$U.content.cloneNode(true));
2713
+ shadowRoot.appendChild(template$X.content.cloneNode(true));
2714
2714
  this.#internals = this.attachInternals();
2715
2715
  this.#$label = shadowRoot.querySelector("#label");
2716
2716
  }
@@ -2882,9 +2882,9 @@ const getChipColorBg = (id) => {
2882
2882
  const getChipColorFg = (id) => {
2883
2883
  return `var(--sinch-comp-chip-color-${id}-default-foreground-initial)`;
2884
2884
  };
2885
- const templateHTML$T = '<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>';
2886
- const template$T = document.createElement("template");
2887
- template$T.innerHTML = templateHTML$T;
2885
+ 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>';
2886
+ const template$W = document.createElement("template");
2887
+ template$W.innerHTML = templateHTML$W;
2888
2888
  class Chip extends NectaryElement {
2889
2889
  #$text;
2890
2890
  #$button;
@@ -2892,7 +2892,7 @@ class Chip extends NectaryElement {
2892
2892
  constructor() {
2893
2893
  super();
2894
2894
  const shadowRoot = this.attachShadow();
2895
- shadowRoot.appendChild(template$T.content.cloneNode(true));
2895
+ shadowRoot.appendChild(template$W.content.cloneNode(true));
2896
2896
  this.#$button = shadowRoot.querySelector("#button");
2897
2897
  this.#$text = shadowRoot.querySelector("#text");
2898
2898
  }
@@ -3052,15 +3052,15 @@ const getSwatchColorBg = (id) => {
3052
3052
  const getSwatchColorFg = (id) => {
3053
3053
  return `var(--sinch-comp-color-swatch-color-${id}-foreground)`;
3054
3054
  };
3055
- const templateHTML$S = '<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>';
3056
- const template$S = document.createElement("template");
3057
- template$S.innerHTML = templateHTML$S;
3055
+ 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>';
3056
+ const template$V = document.createElement("template");
3057
+ template$V.innerHTML = templateHTML$V;
3058
3058
  class ColorSwatch extends NectaryElement {
3059
3059
  #$wrapper;
3060
3060
  constructor() {
3061
3061
  super();
3062
3062
  const shadowRoot = this.attachShadow();
3063
- shadowRoot.appendChild(template$S.content.cloneNode(true));
3063
+ shadowRoot.appendChild(template$V.content.cloneNode(true));
3064
3064
  this.#$wrapper = shadowRoot.querySelector("#wrapper");
3065
3065
  }
3066
3066
  connectedCallback() {
@@ -3165,9 +3165,9 @@ const enableOverscroll = () => {
3165
3165
  document.documentElement.style.removeProperty("overscroll-behavior");
3166
3166
  }
3167
3167
  };
3168
- const templateHTML$R = '<style>:host{display:contents;position:relative}dialog{position:fixed;left:0;top:0;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>';
3169
- const template$R = document.createElement("template");
3170
- template$R.innerHTML = templateHTML$R;
3168
+ const templateHTML$U = '<style>:host{display:contents;position:relative}dialog{position:fixed;left:0;top:0;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>';
3169
+ const template$U = document.createElement("template");
3170
+ template$U.innerHTML = templateHTML$U;
3171
3171
  class Pop extends NectaryElement {
3172
3172
  #$targetWrapper;
3173
3173
  #$focus;
@@ -3189,7 +3189,7 @@ class Pop extends NectaryElement {
3189
3189
  constructor() {
3190
3190
  super();
3191
3191
  const shadowRoot = this.attachShadow();
3192
- shadowRoot.appendChild(template$R.content.cloneNode(true));
3192
+ shadowRoot.appendChild(template$U.content.cloneNode(true));
3193
3193
  this.#$targetWrapper = shadowRoot.querySelector("#target");
3194
3194
  this.#$focus = shadowRoot.querySelector("#focus");
3195
3195
  this.#$dialog = shadowRoot.querySelector("#dialog");
@@ -3750,14 +3750,14 @@ const getPopOrientation$1 = (orientation) => {
3750
3750
  }
3751
3751
  return orientation;
3752
3752
  };
3753
- const templateHTML$Q = '<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>';
3753
+ 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>';
3754
3754
  const TIP_SIZE$1 = 8;
3755
3755
  const SHOW_DELAY_SLOW = 1e3;
3756
3756
  const SHOW_DELAY_FAST = 250;
3757
3757
  const HIDE_DELAY = 0;
3758
3758
  const ANIMATION_DURATION = 100;
3759
- const template$Q = document.createElement("template");
3760
- template$Q.innerHTML = templateHTML$Q;
3759
+ const template$T = document.createElement("template");
3760
+ template$T.innerHTML = templateHTML$T;
3761
3761
  class Tooltip extends NectaryElement {
3762
3762
  #$pop;
3763
3763
  #$tooltipText;
@@ -3773,7 +3773,7 @@ class Tooltip extends NectaryElement {
3773
3773
  constructor() {
3774
3774
  super();
3775
3775
  const shadowRoot = this.attachShadow();
3776
- shadowRoot.appendChild(template$Q.content.cloneNode(true));
3776
+ shadowRoot.appendChild(template$T.content.cloneNode(true));
3777
3777
  this.#$pop = shadowRoot.querySelector("#pop");
3778
3778
  this.#$tooltipText = shadowRoot.querySelector("#text");
3779
3779
  this.#$content = shadowRoot.querySelector("#content");
@@ -4067,9 +4067,9 @@ class Tooltip extends NectaryElement {
4067
4067
  };
4068
4068
  }
4069
4069
  defineCustomElement("sinch-tooltip", Tooltip);
4070
- const templateHTML$P = '<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>';
4071
- const template$P = document.createElement("template");
4072
- template$P.innerHTML = templateHTML$P;
4070
+ 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>';
4071
+ const template$S = document.createElement("template");
4072
+ template$S.innerHTML = templateHTML$S;
4073
4073
  class ColorMenuOption extends NectaryElement {
4074
4074
  #$wrapper;
4075
4075
  #$tooltip;
@@ -4077,7 +4077,7 @@ class ColorMenuOption extends NectaryElement {
4077
4077
  constructor() {
4078
4078
  super();
4079
4079
  const shadowRoot = this.attachShadow();
4080
- shadowRoot.appendChild(template$P.content.cloneNode(true));
4080
+ shadowRoot.appendChild(template$S.content.cloneNode(true));
4081
4081
  this.#$wrapper = shadowRoot.querySelector("#wrapper");
4082
4082
  this.#$tooltip = shadowRoot.querySelector("#tooltip");
4083
4083
  this.#$swatch = shadowRoot.querySelector("#swatch");
@@ -4123,12 +4123,12 @@ class ColorMenuOption extends NectaryElement {
4123
4123
  }
4124
4124
  }
4125
4125
  defineCustomElement("sinch-color-menu-option", ColorMenuOption);
4126
- const templateHTML$O = '<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>';
4126
+ 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>';
4127
4127
  const NUM_COLS_DEFAULT = 5;
4128
4128
  const ITEM_WIDTH = 44;
4129
4129
  const ITEM_HEIGHT$1 = 56;
4130
- const template$O = document.createElement("template");
4131
- template$O.innerHTML = templateHTML$O;
4130
+ const template$R = document.createElement("template");
4131
+ template$R.innerHTML = templateHTML$R;
4132
4132
  class ColorMenu extends NectaryElement {
4133
4133
  #$listbox;
4134
4134
  #$optionsSlot;
@@ -4136,7 +4136,7 @@ class ColorMenu extends NectaryElement {
4136
4136
  constructor() {
4137
4137
  super();
4138
4138
  const shadowRoot = this.attachShadow();
4139
- shadowRoot.appendChild(template$O.content.cloneNode(true));
4139
+ shadowRoot.appendChild(template$R.content.cloneNode(true));
4140
4140
  this.#$listbox = shadowRoot.querySelector("#listbox");
4141
4141
  this.#$optionsSlot = shadowRoot.querySelector("#options");
4142
4142
  }
@@ -4608,9 +4608,9 @@ const isDateOnScreen = (uiDate, date) => {
4608
4608
  const lastDateOfMonth = new Date(Date.UTC(uiDate.getUTCFullYear(), uiDate.getUTCMonth() + 1, 0));
4609
4609
  return isDateBetween(date, firstDateOfMonth, lastDateOfMonth);
4610
4610
  };
4611
- const templateHTML$N = '<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>';
4612
- const template$N = document.createElement("template");
4613
- template$N.innerHTML = templateHTML$N;
4611
+ 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>';
4612
+ const template$Q = document.createElement("template");
4613
+ template$Q.innerHTML = templateHTML$Q;
4614
4614
  class DatePicker extends NectaryElement {
4615
4615
  #$month;
4616
4616
  #$weeks;
@@ -4634,7 +4634,7 @@ class DatePicker extends NectaryElement {
4634
4634
  constructor() {
4635
4635
  super();
4636
4636
  const shadowRoot = this.attachShadow({ delegatesFocus: true });
4637
- shadowRoot.appendChild(template$N.content.cloneNode(true));
4637
+ shadowRoot.appendChild(template$Q.content.cloneNode(true));
4638
4638
  this.#internals = this.attachInternals();
4639
4639
  this.#$prevMonth = shadowRoot.querySelector("#prev-month");
4640
4640
  this.#$nextMonth = shadowRoot.querySelector("#next-month");
@@ -5055,9 +5055,9 @@ const enableScroll = () => {
5055
5055
  bodyEl.style.removeProperty("padding-right");
5056
5056
  }
5057
5057
  };
5058
- const templateHTML$M = '<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}</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>';
5059
- const template$M = document.createElement("template");
5060
- template$M.innerHTML = templateHTML$M;
5058
+ 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}</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>';
5059
+ const template$P = document.createElement("template");
5060
+ template$P.innerHTML = templateHTML$P;
5061
5061
  class Dialog extends NectaryElement {
5062
5062
  #$dialog;
5063
5063
  #$closeButton;
@@ -5068,7 +5068,7 @@ class Dialog extends NectaryElement {
5068
5068
  constructor() {
5069
5069
  super();
5070
5070
  const shadowRoot = this.attachShadow();
5071
- shadowRoot.appendChild(template$M.content.cloneNode(true));
5071
+ shadowRoot.appendChild(template$P.content.cloneNode(true));
5072
5072
  this.#$dialog = shadowRoot.querySelector("#dialog");
5073
5073
  this.#$closeButton = shadowRoot.querySelector("#close");
5074
5074
  this.#$caption = shadowRoot.querySelector("#caption");
@@ -5506,9 +5506,9 @@ const getMergedValueSliced = (inputValue, maskSymbols, selectionStart, selection
5506
5506
  }
5507
5507
  return chars.slice(selectionStart, selectionEnd).join("");
5508
5508
  };
5509
- const templateHTML$L = '<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>';
5510
- const template$L = document.createElement("template");
5511
- template$L.innerHTML = templateHTML$L;
5509
+ 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>';
5510
+ const template$O = document.createElement("template");
5511
+ template$O.innerHTML = templateHTML$O;
5512
5512
  class Input extends NectaryElement {
5513
5513
  #$input;
5514
5514
  #$inputMask;
@@ -5537,7 +5537,7 @@ class Input extends NectaryElement {
5537
5537
  constructor() {
5538
5538
  super();
5539
5539
  const shadowRoot = this.attachShadow({ delegatesFocus: true });
5540
- shadowRoot.appendChild(template$L.content.cloneNode(true));
5540
+ shadowRoot.appendChild(template$O.content.cloneNode(true));
5541
5541
  this.#internals = this.attachInternals();
5542
5542
  this.#$input = shadowRoot.querySelector("#input");
5543
5543
  this.#$inputMask = shadowRoot.querySelector("#input-mask");
@@ -6316,10 +6316,10 @@ const getPopOrientation = (orientation) => {
6316
6316
  }
6317
6317
  return orientation;
6318
6318
  };
6319
- const templateHTML$K = '<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>';
6319
+ 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>';
6320
6320
  const TIP_SIZE = 16;
6321
- const template$K = document.createElement("template");
6322
- template$K.innerHTML = templateHTML$K;
6321
+ const template$N = document.createElement("template");
6322
+ template$N.innerHTML = templateHTML$N;
6323
6323
  class Popover extends NectaryElement {
6324
6324
  #$pop;
6325
6325
  #$content;
@@ -6331,7 +6331,7 @@ class Popover extends NectaryElement {
6331
6331
  constructor() {
6332
6332
  super();
6333
6333
  const shadowRoot = this.attachShadow();
6334
- shadowRoot.appendChild(template$K.content.cloneNode(true));
6334
+ shadowRoot.appendChild(template$N.content.cloneNode(true));
6335
6335
  this.#$pop = shadowRoot.querySelector("#pop");
6336
6336
  this.#$content = shadowRoot.querySelector("#content");
6337
6337
  this.#$tip = shadowRoot.querySelector("#tip");
@@ -6524,16 +6524,16 @@ class Popover extends NectaryElement {
6524
6524
  };
6525
6525
  }
6526
6526
  defineCustomElement("sinch-popover", Popover);
6527
- const templateHTML$J = '<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>';
6528
- const template$J = document.createElement("template");
6529
- template$J.innerHTML = templateHTML$J;
6527
+ 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>';
6528
+ const template$M = document.createElement("template");
6529
+ template$M.innerHTML = templateHTML$M;
6530
6530
  class Tabs extends NectaryElement {
6531
6531
  #$slot;
6532
6532
  #controller = null;
6533
6533
  constructor() {
6534
6534
  super();
6535
6535
  const shadowRoot = this.attachShadow();
6536
- shadowRoot.appendChild(template$J.content.cloneNode(true));
6536
+ shadowRoot.appendChild(template$M.content.cloneNode(true));
6537
6537
  this.#$slot = shadowRoot.querySelector("slot");
6538
6538
  }
6539
6539
  connectedCallback() {
@@ -6596,16 +6596,16 @@ class Tabs extends NectaryElement {
6596
6596
  };
6597
6597
  }
6598
6598
  defineCustomElement("sinch-tabs", Tabs);
6599
- const templateHTML$I = '<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>';
6600
- const template$I = document.createElement("template");
6601
- template$I.innerHTML = templateHTML$I;
6599
+ 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>';
6600
+ const template$L = document.createElement("template");
6601
+ template$L.innerHTML = templateHTML$L;
6602
6602
  class TabsIconOption extends NectaryElement {
6603
6603
  #$button;
6604
6604
  #$tooltip;
6605
6605
  constructor() {
6606
6606
  super();
6607
6607
  const shadowRoot = this.attachShadow({ delegatesFocus: true });
6608
- shadowRoot.appendChild(template$I.content.cloneNode(true));
6608
+ shadowRoot.appendChild(template$L.content.cloneNode(true));
6609
6609
  this.#$button = shadowRoot.querySelector("#button");
6610
6610
  this.#$tooltip = shadowRoot.querySelector("#tooltip");
6611
6611
  }
@@ -6694,7 +6694,7 @@ const debounceTimeout = (ms) => createDebounce(
6694
6694
  globalThis.clearTimeout
6695
6695
  );
6696
6696
  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}]}]');
6697
- const templateHTML$H = '<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>';
6697
+ 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>';
6698
6698
  const groupLabels = [
6699
6699
  "Emotions",
6700
6700
  "People",
@@ -6706,10 +6706,10 @@ const groupLabels = [
6706
6706
  "Symbols and flags"
6707
6707
  ];
6708
6708
  const data = dataJson;
6709
- const template$H = document.createElement("template");
6709
+ const template$K = document.createElement("template");
6710
6710
  const MIN_SEARCH_LENGTH = 2;
6711
6711
  const SEARCH_DEBOUNCE_TIMEOUT = 300;
6712
- template$H.innerHTML = templateHTML$H;
6712
+ template$K.innerHTML = templateHTML$K;
6713
6713
  class EmojiPicker extends NectaryElement {
6714
6714
  #$tabs;
6715
6715
  #$searchInput;
@@ -6728,7 +6728,7 @@ class EmojiPicker extends NectaryElement {
6728
6728
  constructor() {
6729
6729
  super();
6730
6730
  const shadowRoot = this.attachShadow();
6731
- shadowRoot.appendChild(template$H.content.cloneNode(true));
6731
+ shadowRoot.appendChild(template$K.content.cloneNode(true));
6732
6732
  this.#$sh = shadowRoot;
6733
6733
  this.#$tabs = shadowRoot.querySelector("#tabs");
6734
6734
  this.#$searchInput = shadowRoot.querySelector("#search");
@@ -7003,9 +7003,9 @@ class EmojiPicker extends NectaryElement {
7003
7003
  }
7004
7004
  }
7005
7005
  defineCustomElement("sinch-emoji-picker", EmojiPicker);
7006
- const templateHTML$G = '<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>';
7007
- const template$G = document.createElement("template");
7008
- template$G.innerHTML = templateHTML$G;
7006
+ 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>';
7007
+ const template$J = document.createElement("template");
7008
+ template$J.innerHTML = templateHTML$J;
7009
7009
  class Field extends NectaryElement {
7010
7010
  topSection;
7011
7011
  #$label;
@@ -7019,7 +7019,7 @@ class Field extends NectaryElement {
7019
7019
  constructor() {
7020
7020
  super();
7021
7021
  const shadowRoot = this.attachShadow();
7022
- shadowRoot.appendChild(template$G.content.cloneNode(true));
7022
+ shadowRoot.appendChild(template$J.content.cloneNode(true));
7023
7023
  this.topSection = shadowRoot.querySelector("#top");
7024
7024
  this.#$label = shadowRoot.querySelector("#label");
7025
7025
  this.#$optionalText = shadowRoot.querySelector("#optional");
@@ -7129,47 +7129,198 @@ class Field extends NectaryElement {
7129
7129
  };
7130
7130
  }
7131
7131
  defineCustomElement("sinch-field", Field);
7132
- const doFilesSatisfySize$1 = (files, size) => {
7133
- if (size === null || size <= 0) {
7134
- return true;
7135
- }
7136
- return files.every((file) => {
7137
- return file.size <= size;
7138
- });
7139
- };
7140
- const templateHTML$F = "<style>:host{display:inline-block}::slotted(*){display:block}</style><slot></slot>";
7141
- const template$F = document.createElement("template");
7142
- template$F.innerHTML = templateHTML$F;
7143
- class FilePicker extends NectaryElement {
7144
- #$input;
7145
- #$targetSlot;
7132
+ 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>';
7133
+ const template$I = document.createElement("template");
7134
+ template$I.innerHTML = templateHTML$I;
7135
+ class FieldV2 extends NectaryElement {
7136
+ #topSection;
7137
+ #$label;
7138
+ #$optionalText;
7139
+ #$additionalText;
7140
+ #$invalidText;
7141
+ #$inputSlot;
7142
+ #$tooltipWrapper;
7143
+ #$tooltipSlot;
7146
7144
  #controller = null;
7147
7145
  constructor() {
7148
7146
  super();
7149
7147
  const shadowRoot = this.attachShadow();
7150
- shadowRoot.appendChild(template$F.content.cloneNode(true));
7151
- this.#$input = document.createElement("input");
7152
- this.#$input.type = "file";
7153
- this.#$targetSlot = shadowRoot.querySelector("slot");
7148
+ shadowRoot.appendChild(template$I.content.cloneNode(true));
7149
+ this.#topSection = shadowRoot.querySelector("#top");
7150
+ this.#$label = shadowRoot.querySelector("#label");
7151
+ this.#$optionalText = shadowRoot.querySelector("#optional");
7152
+ this.#$additionalText = shadowRoot.querySelector("#additional");
7153
+ this.#$invalidText = shadowRoot.querySelector("#invalid");
7154
+ this.#$inputSlot = shadowRoot.querySelector('slot[name="input"]');
7155
+ this.#$tooltipSlot = shadowRoot.querySelector('slot[name="tooltip"]');
7156
+ this.#$tooltipWrapper = shadowRoot.querySelector("#tooltip");
7154
7157
  }
7155
7158
  connectedCallback() {
7156
7159
  this.#controller = new AbortController();
7157
- const options = { signal: this.#controller.signal };
7158
- this.#$targetSlot.addEventListener("slotchange", this.#onTargetSlotChange, options);
7159
- this.#$input.addEventListener("change", this.#onInputChange, options);
7160
- this.addEventListener("-change", this.#onChangeReactHandler, options);
7161
- this.addEventListener("-invalid", this.#onInvalidReactHandler, options);
7162
- this.#onTargetSlotChange();
7160
+ const { signal } = this.#controller;
7161
+ const options = { signal };
7162
+ this.#shouldShowTopSection();
7163
+ this.#$label.addEventListener("click", this.#onLabelClick, options);
7164
+ this.#$tooltipSlot.addEventListener("slotchange", this.#onTooltipSlotChange, options);
7165
+ this.#$inputSlot.addEventListener("slotchange", this.#onInputSlotChange, options);
7166
+ this.#$additionalText.addEventListener("-element-click", this.#onRichTextElementClick, options);
7167
+ this.#$invalidText.addEventListener("-element-click", this.#onRichTextElementClick, options);
7168
+ this.addEventListener("-element-click", this.#onElementClickReactHandler, options);
7163
7169
  }
7164
7170
  disconnectedCallback() {
7165
7171
  this.#controller.abort();
7166
7172
  this.#controller = null;
7167
7173
  }
7168
7174
  static get observedAttributes() {
7169
- return ["accept", "multiple"];
7170
- }
7171
- attributeChangedCallback(name, oldVal, newVal) {
7172
- switch (name) {
7175
+ return [
7176
+ "label",
7177
+ "optionaltext",
7178
+ "additionaltext",
7179
+ "invalidtext",
7180
+ "disabled"
7181
+ ];
7182
+ }
7183
+ #shouldShowTopSection() {
7184
+ const label = getAttribute(this, "label");
7185
+ const optionaltext = getAttribute(this, "optionaltext");
7186
+ setClass(this.#topSection, "empty", label === null && optionaltext === null);
7187
+ }
7188
+ attributeChangedCallback(name, oldVal, newVal) {
7189
+ switch (name) {
7190
+ case "label": {
7191
+ this.#$label.textContent = newVal;
7192
+ this.#syncInputAriaLabel(newVal);
7193
+ break;
7194
+ }
7195
+ case "optionaltext": {
7196
+ this.#$optionalText.textContent = newVal;
7197
+ break;
7198
+ }
7199
+ case "additionaltext": {
7200
+ updateAttribute(this.#$additionalText, "text", newVal);
7201
+ break;
7202
+ }
7203
+ case "invalidtext": {
7204
+ updateAttribute(this.#$invalidText, "text", newVal);
7205
+ break;
7206
+ }
7207
+ case "disabled": {
7208
+ if (isAttrEqual(oldVal, newVal)) {
7209
+ break;
7210
+ }
7211
+ updateBooleanAttribute(this, name, isAttrTrue(newVal));
7212
+ break;
7213
+ }
7214
+ }
7215
+ this.#shouldShowTopSection();
7216
+ }
7217
+ set label(value) {
7218
+ updateAttribute(this, "label", value);
7219
+ }
7220
+ get label() {
7221
+ return getAttribute(this, "label");
7222
+ }
7223
+ set optionalText(value) {
7224
+ updateAttribute(this, "optionaltext", value);
7225
+ }
7226
+ get optionalText() {
7227
+ return getAttribute(this, "optionaltext");
7228
+ }
7229
+ set additionalText(value) {
7230
+ updateAttribute(this, "additionaltext", value);
7231
+ }
7232
+ get additionalText() {
7233
+ return getAttribute(this, "additionaltext");
7234
+ }
7235
+ set invalidText(value) {
7236
+ updateAttribute(this, "invalidtext", value);
7237
+ }
7238
+ get invalidText() {
7239
+ return getAttribute(this, "invalidtext");
7240
+ }
7241
+ set disabled(isDisabled) {
7242
+ updateBooleanAttribute(this, "disabled", isDisabled);
7243
+ }
7244
+ get disabled() {
7245
+ return getBooleanAttribute(this, "disabled");
7246
+ }
7247
+ #onRichTextElementClick = (e) => {
7248
+ if (this.disabled) {
7249
+ return;
7250
+ }
7251
+ const forwarded = new CustomEvent("-element-click");
7252
+ const originalTarget = e.currentTarget;
7253
+ Object.defineProperty(forwarded, "target", { value: originalTarget });
7254
+ Object.defineProperty(forwarded, "currentTarget", { value: originalTarget });
7255
+ this.dispatchEvent(forwarded);
7256
+ };
7257
+ #onElementClickReactHandler = (e) => {
7258
+ getReactEventHandler(this, "on-element-click")?.(e);
7259
+ getReactEventHandler(this, "onElementClick")?.(e);
7260
+ };
7261
+ #onLabelClick = () => {
7262
+ getFirstSlotElement(this.#$inputSlot)?.focus?.();
7263
+ };
7264
+ #onTooltipSlotChange = () => {
7265
+ setClass(this.#$tooltipWrapper, "empty", this.#$tooltipSlot.assignedElements().length === 0);
7266
+ };
7267
+ #syncInputAriaLabel(labelText) {
7268
+ const inputElement = getFirstSlotElement(this.#$inputSlot);
7269
+ if (inputElement === null) {
7270
+ return;
7271
+ }
7272
+ if (labelText != null && labelText.length > 0) {
7273
+ inputElement.setAttribute("aria-label", labelText);
7274
+ } else {
7275
+ inputElement.removeAttribute("aria-label");
7276
+ }
7277
+ }
7278
+ #onInputSlotChange = () => {
7279
+ this.#syncInputAriaLabel(this.#$label.textContent);
7280
+ };
7281
+ }
7282
+ defineCustomElement("sinch-field-v2", FieldV2);
7283
+ const doFilesSatisfySize$1 = (files, size) => {
7284
+ if (size === null || size <= 0) {
7285
+ return true;
7286
+ }
7287
+ return files.every((file) => {
7288
+ return file.size <= size;
7289
+ });
7290
+ };
7291
+ const templateHTML$H = "<style>:host{display:inline-block}::slotted(*){display:block}</style><slot></slot>";
7292
+ const template$H = document.createElement("template");
7293
+ template$H.innerHTML = templateHTML$H;
7294
+ class FilePicker extends NectaryElement {
7295
+ #$input;
7296
+ #$targetSlot;
7297
+ #controller = null;
7298
+ constructor() {
7299
+ super();
7300
+ const shadowRoot = this.attachShadow();
7301
+ shadowRoot.appendChild(template$H.content.cloneNode(true));
7302
+ this.#$input = document.createElement("input");
7303
+ this.#$input.type = "file";
7304
+ this.#$targetSlot = shadowRoot.querySelector("slot");
7305
+ }
7306
+ connectedCallback() {
7307
+ this.#controller = new AbortController();
7308
+ const options = { signal: this.#controller.signal };
7309
+ this.#$targetSlot.addEventListener("slotchange", this.#onTargetSlotChange, options);
7310
+ this.#$input.addEventListener("change", this.#onInputChange, options);
7311
+ this.addEventListener("-change", this.#onChangeReactHandler, options);
7312
+ this.addEventListener("-invalid", this.#onInvalidReactHandler, options);
7313
+ this.#onTargetSlotChange();
7314
+ }
7315
+ disconnectedCallback() {
7316
+ this.#controller.abort();
7317
+ this.#controller = null;
7318
+ }
7319
+ static get observedAttributes() {
7320
+ return ["accept", "multiple"];
7321
+ }
7322
+ attributeChangedCallback(name, oldVal, newVal) {
7323
+ switch (name) {
7173
7324
  case "multiple": {
7174
7325
  if (isAttrEqual(oldVal, newVal)) {
7175
7326
  return;
@@ -7289,9 +7440,9 @@ const doFilesSatisfySize = (files, size) => {
7289
7440
  return file.size <= size;
7290
7441
  });
7291
7442
  };
7292
- const templateHTML$E = '<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>';
7293
- const template$E = document.createElement("template");
7294
- template$E.innerHTML = templateHTML$E;
7443
+ 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>';
7444
+ const template$G = document.createElement("template");
7445
+ template$G.innerHTML = templateHTML$G;
7295
7446
  class FileDrop extends NectaryElement {
7296
7447
  #$filePicker;
7297
7448
  #$dropArea;
@@ -7300,7 +7451,7 @@ class FileDrop extends NectaryElement {
7300
7451
  constructor() {
7301
7452
  super();
7302
7453
  const shadowRoot = this.attachShadow();
7303
- shadowRoot.appendChild(template$E.content.cloneNode(true));
7454
+ shadowRoot.appendChild(template$G.content.cloneNode(true));
7304
7455
  this.#$dropArea = shadowRoot.querySelector("#wrapper");
7305
7456
  this.#$placeholder = shadowRoot.querySelector("#placeholder");
7306
7457
  this.#$filePicker = shadowRoot.querySelector("#file-picker");
@@ -7499,15 +7650,15 @@ class FileDrop extends NectaryElement {
7499
7650
  }
7500
7651
  }
7501
7652
  defineCustomElement("sinch-file-drop", FileDrop);
7502
- const templateHTML$D = '<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>';
7503
- const template$D = document.createElement("template");
7504
- template$D.innerHTML = templateHTML$D;
7653
+ 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>';
7654
+ const template$F = document.createElement("template");
7655
+ template$F.innerHTML = templateHTML$F;
7505
7656
  class Spinner extends NectaryElement {
7506
7657
  #controller = null;
7507
7658
  constructor() {
7508
7659
  super();
7509
7660
  const shadowRoot = this.attachShadow();
7510
- shadowRoot.appendChild(template$D.content.cloneNode(true));
7661
+ shadowRoot.appendChild(template$F.content.cloneNode(true));
7511
7662
  }
7512
7663
  connectedCallback() {
7513
7664
  this.#controller = new AbortController();
@@ -7554,9 +7705,9 @@ class Spinner extends NectaryElement {
7554
7705
  }
7555
7706
  defineCustomElement("sinch-spinner", Spinner);
7556
7707
  const typeValues$2 = ["pending", "loading", "progress", "success", "error"];
7557
- const templateHTML$C = '<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>';
7558
- const template$C = document.createElement("template");
7559
- template$C.innerHTML = templateHTML$C;
7708
+ 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>';
7709
+ const template$E = document.createElement("template");
7710
+ template$E.innerHTML = templateHTML$E;
7560
7711
  class FileStatus extends NectaryElement {
7561
7712
  #$filename;
7562
7713
  #$contentSlot;
@@ -7564,7 +7715,7 @@ class FileStatus extends NectaryElement {
7564
7715
  constructor() {
7565
7716
  super();
7566
7717
  const shadowRoot = this.attachShadow();
7567
- shadowRoot.appendChild(template$C.content.cloneNode(true));
7718
+ shadowRoot.appendChild(template$E.content.cloneNode(true));
7568
7719
  this.#$filename = shadowRoot.querySelector("#filename");
7569
7720
  this.#$contentSlot = shadowRoot.querySelector('slot[name="content"]');
7570
7721
  }
@@ -7634,15 +7785,15 @@ const getFlagUrl = (root, code) => {
7634
7785
  }
7635
7786
  return flagUrl.replace("%s", code);
7636
7787
  };
7637
- const templateHTML$B = '<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">';
7638
- const template$B = document.createElement("template");
7639
- template$B.innerHTML = templateHTML$B;
7788
+ 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">';
7789
+ const template$D = document.createElement("template");
7790
+ template$D.innerHTML = templateHTML$D;
7640
7791
  class Flag extends NectaryElement {
7641
7792
  #$img;
7642
7793
  constructor() {
7643
7794
  super();
7644
7795
  const shadowRoot = this.attachShadow();
7645
- shadowRoot.appendChild(template$B.content.cloneNode(true));
7796
+ shadowRoot.appendChild(template$D.content.cloneNode(true));
7646
7797
  this.#$img = shadowRoot.querySelector("#image");
7647
7798
  }
7648
7799
  connectedCallback() {
@@ -7678,14 +7829,14 @@ class Flag extends NectaryElement {
7678
7829
  }
7679
7830
  }
7680
7831
  defineCustomElement("sinch-flag", Flag);
7681
- const templateHTML$A = '<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>';
7682
- const template$A = document.createElement("template");
7683
- template$A.innerHTML = templateHTML$A;
7832
+ 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>';
7833
+ const template$C = document.createElement("template");
7834
+ template$C.innerHTML = templateHTML$C;
7684
7835
  class GridItem extends NectaryElement {
7685
7836
  constructor() {
7686
7837
  super();
7687
7838
  const shadowRoot = this.attachShadow();
7688
- shadowRoot.appendChild(template$A.content.cloneNode(true));
7839
+ shadowRoot.appendChild(template$C.content.cloneNode(true));
7689
7840
  }
7690
7841
  get s() {
7691
7842
  return getIntegerAttribute(this, "s", null);
@@ -7713,27 +7864,27 @@ class GridItem extends NectaryElement {
7713
7864
  }
7714
7865
  }
7715
7866
  defineCustomElement("sinch-grid-item", GridItem);
7716
- const templateHTML$z = '<style>:host{display:grid;grid-template-columns:repeat(var(--sinch-comp-grid-columns-xl),minmax(0,1fr));grid-column-gap:var(--sinch-comp-grid-gutter-xl);grid-row-gap:var(--sinch-comp-grid-gutter-xl);padding:var(--sinch-comp-grid-margin-xl)}@media only screen and (max-width:1439px){:host{grid-template-columns:repeat(var(--sinch-comp-grid-columns-l),minmax(0,1fr));grid-column-gap:var(--sinch-comp-grid-gutter-l);grid-row-gap:var(--sinch-comp-grid-gutter-l);padding:var(--sinch-comp-grid-margin-l)}}@media only screen and (max-width:1023px){:host{grid-template-columns:repeat(var(--sinch-comp-grid-columns-m),minmax(0,1fr));grid-column-gap:var(--sinch-comp-grid-gutter-m);grid-row-gap:var(--sinch-comp-grid-gutter-m);padding:var(--sinch-comp-grid-margin-m)}}@media only screen and (max-width:767px){:host{grid-template-columns:repeat(var(--sinch-comp-grid-columns-s),minmax(0,1fr));grid-column-gap:var(--sinch-comp-grid-gutter-s);grid-row-gap:var(--sinch-comp-grid-gutter-s);padding:var(--sinch-comp-grid-margin-s)}}</style><slot name="item"></slot>';
7717
- const template$z = document.createElement("template");
7718
- template$z.innerHTML = templateHTML$z;
7867
+ const templateHTML$B = '<style>:host{display:grid;grid-template-columns:repeat(var(--sinch-comp-grid-columns-xl),minmax(0,1fr));grid-column-gap:var(--sinch-comp-grid-gutter-xl);grid-row-gap:var(--sinch-comp-grid-gutter-xl);padding:var(--sinch-comp-grid-margin-xl)}@media only screen and (max-width:1439px){:host{grid-template-columns:repeat(var(--sinch-comp-grid-columns-l),minmax(0,1fr));grid-column-gap:var(--sinch-comp-grid-gutter-l);grid-row-gap:var(--sinch-comp-grid-gutter-l);padding:var(--sinch-comp-grid-margin-l)}}@media only screen and (max-width:1023px){:host{grid-template-columns:repeat(var(--sinch-comp-grid-columns-m),minmax(0,1fr));grid-column-gap:var(--sinch-comp-grid-gutter-m);grid-row-gap:var(--sinch-comp-grid-gutter-m);padding:var(--sinch-comp-grid-margin-m)}}@media only screen and (max-width:767px){:host{grid-template-columns:repeat(var(--sinch-comp-grid-columns-s),minmax(0,1fr));grid-column-gap:var(--sinch-comp-grid-gutter-s);grid-row-gap:var(--sinch-comp-grid-gutter-s);padding:var(--sinch-comp-grid-margin-s)}}</style><slot name="item"></slot>';
7868
+ const template$B = document.createElement("template");
7869
+ template$B.innerHTML = templateHTML$B;
7719
7870
  class Grid extends NectaryElement {
7720
7871
  constructor() {
7721
7872
  super();
7722
7873
  const shadowRoot = this.attachShadow();
7723
- shadowRoot.appendChild(template$z.content.cloneNode(true));
7874
+ shadowRoot.appendChild(template$B.content.cloneNode(true));
7724
7875
  }
7725
7876
  }
7726
7877
  defineCustomElement("sinch-grid", Grid);
7727
- const templateHTML$y = '<style>:host{display:contents}#icon{--sinch-global-size-icon:18px}</style><sinch-tooltip type="fast"><sinch-icon icons-version="2" name="circle-question" id="icon"></sinch-icon></sinch-tooltip>';
7728
- const template$y = document.createElement("template");
7729
- template$y.innerHTML = templateHTML$y;
7878
+ const templateHTML$A = '<style>:host{display:contents}#icon{--sinch-global-size-icon:18px}</style><sinch-tooltip type="fast"><sinch-icon icons-version="2" name="circle-question" id="icon"></sinch-icon></sinch-tooltip>';
7879
+ const template$A = document.createElement("template");
7880
+ template$A.innerHTML = templateHTML$A;
7730
7881
  class HelpTooltip extends NectaryElement {
7731
7882
  #$tooltip;
7732
7883
  #controller = null;
7733
7884
  constructor() {
7734
7885
  super();
7735
7886
  const shadowRoot = this.attachShadow();
7736
- shadowRoot.appendChild(template$y.content.cloneNode(true));
7887
+ shadowRoot.appendChild(template$A.content.cloneNode(true));
7737
7888
  this.#$tooltip = shadowRoot.querySelector("sinch-tooltip");
7738
7889
  }
7739
7890
  connectedCallback() {
@@ -7797,9 +7948,9 @@ class HelpTooltip extends NectaryElement {
7797
7948
  }
7798
7949
  defineCustomElement("sinch-help-tooltip", HelpTooltip);
7799
7950
  const typeValues$1 = ["info", "success", "warn", "error"];
7800
- const templateHTML$x = '<style>:host{display:block}#wrapper{display:flex;flex-direction:row;align-items:flex-start;padding:16px;border-radius:var(--sinch-comp-inline-alert-shape-radius);box-sizing:border-box;width:100%}:host([type=success]) #wrapper{background-color:var(--sinch-comp-inline-alert-color-success-default-background)}:host([type=warn]) #wrapper{background-color:var(--sinch-comp-inline-alert-color-warning-default-background)}:host([type=error]) #wrapper{background-color:var(--sinch-comp-inline-alert-color-error-default-background)}:host([type=info]) #wrapper{background-color:var(--sinch-comp-inline-alert-color-info-default-background)}:host([type=success]) #icon{--sinch-global-color-icon:var(--sinch-comp-inline-alert-color-success-default-icon)}:host([type=warn]) #icon{--sinch-global-color-icon:var(--sinch-comp-inline-alert-color-warning-default-icon)}:host([type=error]) #icon{--sinch-global-color-icon:var(--sinch-comp-inline-alert-color-error-default-icon)}:host([type=info]) #icon{--sinch-global-color-icon:var(--sinch-comp-inline-alert-color-info-default-icon)}#body-wrapper{display:flex;flex-direction:column;align-items:flex-start;margin-left:8px;min-width:0;flex:1}#caption{align-self:stretch;--sinch-comp-title-font:var(--sinch-comp-inline-alert-font-title)}:host([type=success]) #caption{--sinch-global-color-text:var(--sinch-comp-inline-alert-color-success-default-text)}:host([type=warn]) #caption{--sinch-global-color-text:var(--sinch-comp-inline-alert-color-warning-default-text)}:host([type=error]) #caption{--sinch-global-color-text:var(--sinch-comp-inline-alert-color-error-default-text)}:host([type=info]) #caption{--sinch-global-color-text:var(--sinch-comp-inline-alert-color-info-default-text)}#text{display:flex;flex-direction:column;gap:8px;margin-top:0;align-self:stretch;--sinch-comp-rich-text-font:var(--sinch-comp-inline-alert-font-body)}:host([type=success]) #text{--sinch-global-color-text:var(--sinch-comp-inline-alert-color-success-default-text)}:host([type=warn]) #text{--sinch-global-color-text:var(--sinch-comp-inline-alert-color-warning-default-text)}:host([type=error]) #text{--sinch-global-color-text:var(--sinch-comp-inline-alert-color-error-default-text)}:host([type=info]) #text{--sinch-global-color-text:var(--sinch-comp-inline-alert-color-info-default-text)}:host([caption=""]) #text,:host([caption]) #text{margin-top:4px}#action{width:100%;display:flex;margin-top:16px;min-width:0;gap:16px}#action.empty{display:none}#close{margin-left:16px}#close.empty{display:none}</style><div id="wrapper"><sinch-icon icons-version="2" name="" id="icon"></sinch-icon><div id="body-wrapper"><sinch-title id="caption" level="3" type="s"></sinch-title><sinch-rich-text id="text"></sinch-rich-text><div id="action"><slot name="action"></slot></div></div><div id="close"><slot name="close"></slot></div></div>';
7801
- const template$x = document.createElement("template");
7802
- template$x.innerHTML = templateHTML$x;
7951
+ const templateHTML$z = '<style>:host{display:block}#wrapper{display:flex;flex-direction:row;align-items:flex-start;padding:16px;border-radius:var(--sinch-comp-inline-alert-shape-radius);box-sizing:border-box;width:100%}:host([type=success]) #wrapper{background-color:var(--sinch-comp-inline-alert-color-success-default-background)}:host([type=warn]) #wrapper{background-color:var(--sinch-comp-inline-alert-color-warning-default-background)}:host([type=error]) #wrapper{background-color:var(--sinch-comp-inline-alert-color-error-default-background)}:host([type=info]) #wrapper{background-color:var(--sinch-comp-inline-alert-color-info-default-background)}:host([type=success]) #icon{--sinch-global-color-icon:var(--sinch-comp-inline-alert-color-success-default-icon)}:host([type=warn]) #icon{--sinch-global-color-icon:var(--sinch-comp-inline-alert-color-warning-default-icon)}:host([type=error]) #icon{--sinch-global-color-icon:var(--sinch-comp-inline-alert-color-error-default-icon)}:host([type=info]) #icon{--sinch-global-color-icon:var(--sinch-comp-inline-alert-color-info-default-icon)}#body-wrapper{display:flex;flex-direction:column;align-items:flex-start;margin-left:8px;min-width:0;flex:1}#caption{align-self:stretch;--sinch-comp-title-font:var(--sinch-comp-inline-alert-font-title)}:host([type=success]) #caption{--sinch-global-color-text:var(--sinch-comp-inline-alert-color-success-default-text)}:host([type=warn]) #caption{--sinch-global-color-text:var(--sinch-comp-inline-alert-color-warning-default-text)}:host([type=error]) #caption{--sinch-global-color-text:var(--sinch-comp-inline-alert-color-error-default-text)}:host([type=info]) #caption{--sinch-global-color-text:var(--sinch-comp-inline-alert-color-info-default-text)}#text{display:flex;flex-direction:column;gap:8px;margin-top:0;align-self:stretch;--sinch-comp-rich-text-font:var(--sinch-comp-inline-alert-font-body)}:host([type=success]) #text{--sinch-global-color-text:var(--sinch-comp-inline-alert-color-success-default-text)}:host([type=warn]) #text{--sinch-global-color-text:var(--sinch-comp-inline-alert-color-warning-default-text)}:host([type=error]) #text{--sinch-global-color-text:var(--sinch-comp-inline-alert-color-error-default-text)}:host([type=info]) #text{--sinch-global-color-text:var(--sinch-comp-inline-alert-color-info-default-text)}:host([caption=""]) #text,:host([caption]) #text{margin-top:4px}#action{width:100%;display:flex;margin-top:16px;min-width:0;gap:16px}#action.empty{display:none}#close{margin-left:16px}#close.empty{display:none}</style><div id="wrapper"><sinch-icon icons-version="2" name="" id="icon"></sinch-icon><div id="body-wrapper"><sinch-title id="caption" level="3" type="s"></sinch-title><sinch-rich-text id="text"></sinch-rich-text><div id="action"><slot name="action"></slot></div></div><div id="close"><slot name="close"></slot></div></div>';
7952
+ const template$z = document.createElement("template");
7953
+ template$z.innerHTML = templateHTML$z;
7803
7954
  class InlineAlert extends NectaryElement {
7804
7955
  #$text;
7805
7956
  #$caption;
@@ -7811,7 +7962,7 @@ class InlineAlert extends NectaryElement {
7811
7962
  constructor() {
7812
7963
  super();
7813
7964
  const shadowRoot = this.attachShadow();
7814
- shadowRoot.appendChild(template$x.content.cloneNode(true));
7965
+ shadowRoot.appendChild(template$z.content.cloneNode(true));
7815
7966
  this.#$text = shadowRoot.querySelector("#text");
7816
7967
  this.#$caption = shadowRoot.querySelector("#caption");
7817
7968
  this.#$closeWrapper = shadowRoot.querySelector("#close");
@@ -7926,35 +8077,35 @@ class InlineAlert extends NectaryElement {
7926
8077
  };
7927
8078
  }
7928
8079
  defineCustomElement("sinch-inline-alert", InlineAlert);
7929
- const templateHTML$w = '<style>:host{display:block;outline:0}#wrapper{width:100%;height:100%;box-sizing:border-box;overflow:hidden;padding:8px 0;background-color:var(--sinch-comp-list-color-default-background-initial);border-bottom:1px solid var(--sinch-comp-list-color-default-border-initial)}:host(:last-child)>#wrapper{border-bottom:none}:host(:hover)>#wrapper{background-color:var(--sinch-comp-list-color-default-background-hover)}</style><div id="wrapper"><slot name="content"></slot></div>';
7930
- const template$w = document.createElement("template");
7931
- template$w.innerHTML = templateHTML$w;
8080
+ const templateHTML$y = '<style>:host{display:block;outline:0}#wrapper{width:100%;height:100%;box-sizing:border-box;overflow:hidden;padding:8px 0;background-color:var(--sinch-comp-list-color-default-background-initial);border-bottom:1px solid var(--sinch-comp-list-color-default-border-initial)}:host(:last-child)>#wrapper{border-bottom:none}:host(:hover)>#wrapper{background-color:var(--sinch-comp-list-color-default-background-hover)}</style><div id="wrapper"><slot name="content"></slot></div>';
8081
+ const template$y = document.createElement("template");
8082
+ template$y.innerHTML = templateHTML$y;
7932
8083
  class ListItem extends NectaryElement {
7933
8084
  constructor() {
7934
8085
  super();
7935
8086
  const shadowRoot = this.attachShadow();
7936
- shadowRoot.appendChild(template$w.content.cloneNode(true));
8087
+ shadowRoot.appendChild(template$y.content.cloneNode(true));
7937
8088
  }
7938
8089
  connectedCallback() {
7939
8090
  this.setAttribute("role", "listitem");
7940
8091
  }
7941
8092
  }
7942
8093
  defineCustomElement("sinch-list-item", ListItem);
7943
- const templateHTML$v = '<style>:host{display:block;height:100%}#wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;overflow-y:auto}</style><div id="wrapper"><slot></slot></div>';
7944
- const template$v = document.createElement("template");
7945
- template$v.innerHTML = templateHTML$v;
8094
+ const templateHTML$x = '<style>:host{display:block;height:100%}#wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;overflow-y:auto}</style><div id="wrapper"><slot></slot></div>';
8095
+ const template$x = document.createElement("template");
8096
+ template$x.innerHTML = templateHTML$x;
7946
8097
  class List extends NectaryElement {
7947
8098
  constructor() {
7948
8099
  super();
7949
8100
  const shadowRoot = this.attachShadow();
7950
- shadowRoot.appendChild(template$v.content.cloneNode(true));
8101
+ shadowRoot.appendChild(template$x.content.cloneNode(true));
7951
8102
  }
7952
8103
  connectedCallback() {
7953
8104
  this.setAttribute("role", "list");
7954
8105
  }
7955
8106
  }
7956
8107
  defineCustomElement("sinch-list", List);
7957
- const templateHTML$u = '<style>:host{display:inline-block;vertical-align:middle;outline:0}#wrapper{display:flex;justify-content:center;gap:8px;width:100%;height:var(--sinch-local-size);--sinch-local-size:24px}button{all:initial;position:relative;display:flex;justify-content:center;align-items:center;min-width:var(--sinch-local-size);height:var(--sinch-local-size);cursor:pointer;border-radius:var(--sinch-comp-pagination-shape-radius);user-select:none;--sinch-global-color-icon:var(--sinch-comp-pagination-color-default-icon-default)}button:focus-visible::before{content:"";position:absolute;inset:-3px;border:2px solid var(--sinch-comp-pagination-color-default-outline-focus);border-radius:calc(var(--sinch-comp-pagination-shape-radius) + 3px);pointer-events:none}button:disabled{--sinch-global-color-icon:var(--sinch-comp-pagination-color-disabled-icon-initial);cursor:initial}button:enabled:hover{background-color:var(--sinch-comp-pagination-color-default-background-hover)}button>*{display:block;overflow:hidden;pointer-events:none}.page{font:var(--sinch-comp-pagination-font-default-page-number);color:var(--sinch-comp-pagination-color-default-text-initial);background-color:var(--sinch-comp-pagination-color-default-background-initial);padding:0 4px;box-sizing:border-box}.page.dots>span{display:none}.page.dots::after{content:"..."}.page.active{font:var(--sinch-comp-pagination-font-checked-page-number);background-color:var(--sinch-comp-pagination-color-checked-background-initial);pointer-events:none;cursor:initial}.page.active:hover{background-color:var(--sinch-comp-pagination-color-checked-background-hover)}.page.hidden{display:none}#left,#right{--sinch-icon-size:24px}</style><nav id="wrapper"><button id="left" aria-label="Go back"><sinch-icon icons-version="2" name="fa-angle-left" id="icon-left"></sinch-icon></button> <button class="page"><span>1</span></button> <button class="page active"><span>2</span></button> <button class="page"><span>3</span></button> <button class="page"><span>4</span></button> <button class="page"><span>5</span></button> <button class="page dots"><span>6</span></button> <button class="page"><span>20</span></button> <button id="right" aria-label="Go forward"><sinch-icon icons-version="2" name="fa-angle-right" id="icon-right"></sinch-icon></button></nav>';
8108
+ const templateHTML$w = '<style>:host{display:inline-block;vertical-align:middle;outline:0}#wrapper{display:flex;justify-content:center;gap:8px;width:100%;height:var(--sinch-local-size);--sinch-local-size:24px}button{all:initial;position:relative;display:flex;justify-content:center;align-items:center;min-width:var(--sinch-local-size);height:var(--sinch-local-size);cursor:pointer;border-radius:var(--sinch-comp-pagination-shape-radius);user-select:none;--sinch-global-color-icon:var(--sinch-comp-pagination-color-default-icon-default)}button:focus-visible::before{content:"";position:absolute;inset:-3px;border:2px solid var(--sinch-comp-pagination-color-default-outline-focus);border-radius:calc(var(--sinch-comp-pagination-shape-radius) + 3px);pointer-events:none}button:disabled{--sinch-global-color-icon:var(--sinch-comp-pagination-color-disabled-icon-initial);cursor:initial}button:enabled:hover{background-color:var(--sinch-comp-pagination-color-default-background-hover)}button>*{display:block;overflow:hidden;pointer-events:none}.page{font:var(--sinch-comp-pagination-font-default-page-number);color:var(--sinch-comp-pagination-color-default-text-initial);background-color:var(--sinch-comp-pagination-color-default-background-initial);padding:0 4px;box-sizing:border-box}.page.dots>span{display:none}.page.dots::after{content:"..."}.page.active{font:var(--sinch-comp-pagination-font-checked-page-number);background-color:var(--sinch-comp-pagination-color-checked-background-initial);pointer-events:none;cursor:initial}.page.active:hover{background-color:var(--sinch-comp-pagination-color-checked-background-hover)}.page.hidden{display:none}#left,#right{--sinch-icon-size:24px}</style><nav id="wrapper"><button id="left" aria-label="Go back"><sinch-icon icons-version="2" name="fa-angle-left" id="icon-left"></sinch-icon></button> <button class="page"><span>1</span></button> <button class="page active"><span>2</span></button> <button class="page"><span>3</span></button> <button class="page"><span>4</span></button> <button class="page"><span>5</span></button> <button class="page dots"><span>6</span></button> <button class="page"><span>20</span></button> <button id="right" aria-label="Go forward"><sinch-icon icons-version="2" name="fa-angle-right" id="icon-right"></sinch-icon></button></nav>';
7958
8109
  const NUM_BUTTONS = 7;
7959
8110
  const MIDDLE_BTN_INDEX = Math.floor(NUM_BUTTONS / 2);
7960
8111
  const FIRST_BTN_INDEX = 0;
@@ -7964,8 +8115,8 @@ const DOTS_RIGHT_INDEX = LAST_BTN_INDEX - 1;
7964
8115
  const isEllipsis = (btnIndex, value, max) => {
7965
8116
  return btnIndex === DOTS_LEFT_INDEX && value > MIDDLE_BTN_INDEX || btnIndex === DOTS_RIGHT_INDEX && value <= max - DOTS_RIGHT_INDEX;
7966
8117
  };
7967
- const template$u = document.createElement("template");
7968
- template$u.innerHTML = templateHTML$u;
8118
+ const template$w = document.createElement("template");
8119
+ template$w.innerHTML = templateHTML$w;
7969
8120
  class Pagination extends NectaryElement {
7970
8121
  #$left;
7971
8122
  #$right;
@@ -7974,7 +8125,7 @@ class Pagination extends NectaryElement {
7974
8125
  constructor() {
7975
8126
  super();
7976
8127
  const shadowRoot = this.attachShadow();
7977
- shadowRoot.appendChild(template$u.content.cloneNode(true));
8128
+ shadowRoot.appendChild(template$w.content.cloneNode(true));
7978
8129
  this.#$left = shadowRoot.querySelector("#left");
7979
8130
  this.#$right = shadowRoot.querySelector("#right");
7980
8131
  this.#$buttons = shadowRoot.querySelectorAll(".page");
@@ -8123,9 +8274,9 @@ class Pagination extends NectaryElement {
8123
8274
  }
8124
8275
  }
8125
8276
  defineCustomElement("sinch-pagination", Pagination);
8126
- const templateHTML$t = '<style>#persisted-dialog{--sinch-dialog-close-button-display:none}::slotted(*){display:block}</style><sinch-dialog id="persisted-dialog"><div slot="icon"><slot id="icon" name="icon"></slot></div><div slot="content"><slot name="content"></slot></div><div slot="buttons"><slot name="buttons"></slot></div></sinch-dialog>';
8127
- const template$t = document.createElement("template");
8128
- template$t.innerHTML = templateHTML$t;
8277
+ const templateHTML$v = '<style>#persisted-dialog{--sinch-dialog-close-button-display:none}::slotted(*){display:block}</style><sinch-dialog id="persisted-dialog"><div slot="icon"><slot id="icon" name="icon"></slot></div><div slot="content"><slot name="content"></slot></div><div slot="buttons"><slot name="buttons"></slot></div></sinch-dialog>';
8278
+ const template$v = document.createElement("template");
8279
+ template$v.innerHTML = templateHTML$v;
8129
8280
  function isVisible(elementStyle) {
8130
8281
  return elementStyle.visibility === "visible" && elementStyle.display !== "none";
8131
8282
  }
@@ -8145,7 +8296,7 @@ class PersistentOverlay extends NectaryElement {
8145
8296
  constructor() {
8146
8297
  super();
8147
8298
  const shadowRoot = this.attachShadow();
8148
- shadowRoot.appendChild(template$t.content.cloneNode(true));
8299
+ shadowRoot.appendChild(template$v.content.cloneNode(true));
8149
8300
  this.#$sinchDialog = shadowRoot.querySelector("#persisted-dialog");
8150
8301
  }
8151
8302
  static get observedAttributes() {
@@ -8229,15 +8380,15 @@ const isProgressStepperItemActive = ($el) => {
8229
8380
  const setProgressStepperItemStatus = ($el, status) => updateAttribute($el, ATTR_PROGRESS_STEPPER_ITEM_STATUS, status);
8230
8381
  const isProgressStepperItemActiveDescendant = ($el) => getBooleanAttribute($el, ATTR_PROGRESS_STEPPER_ITEM_ACTIVE_DESCENDANT);
8231
8382
  const setProgressStepperItemActiveDescendant = ($el, isActiveDescendant) => updateBooleanAttribute($el, ATTR_PROGRESS_STEPPER_ITEM_ACTIVE_DESCENDANT, isActiveDescendant);
8232
- const templateHTML$s = '<style>:host{display:block;outline:0}#button{position:relative;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;padding:8px 4px 4px;box-sizing:border-box;cursor:pointer;border-radius:var(--sinch-comp-progress-stepper-step-shape-radius)}:host([data-status=inactive])>#button{cursor:not-allowed}:host([data-status=incomplete]:hover)>#button{background-color:var(--sinch-comp-progress-stepper-step-color-incomplete-background-hover)}:host([data-status=complete]:hover)>#button{background-color:var(--sinch-comp-progress-stepper-step-color-complete-background-hover)}:host([data-status=invalid]:hover)>#button{background-color:var(--sinch-comp-progress-stepper-step-color-invalid-background-hover)}#outline{position:absolute;inset:-2px;border:2px solid var(--sinch-comp-progress-stepper-step-color-outline-focus);border-radius:calc(var(--sinch-comp-progress-stepper-step-shape-radius) + 2px);pointer-events:none;opacity:0}:host(:focus-visible) #outline{opacity:1}#text{flex-shrink:1;flex-basis:auto;min-width:0;transform:translate(0,0);will-change:transform;transition:transform .25s ease-out;padding-right:24px}:host([data-status=incomplete]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-incomplete-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-incomplete-label)}:host([data-status=complete]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-complete-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-complete-label)}:host([data-status=inactive]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-inactive-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-inactive-label)}:host([invalid]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-invalid-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-invalid-label);transform:translate(24px,0)}:host([data-status=incomplete][data-checked]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-incomplete-current-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-incomplete-current-label)}:host([data-status=complete][data-checked]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-complete-current-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-complete-current-label)}:host([invalid][data-checked]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-invalid-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-invalid-current-label)}#icon-error{position:absolute;left:0;top:4px;pointer-events:none;opacity:0;transition:opacity .25s ease-in-out;--sinch-global-color-icon:var(--sinch-comp-progress-stepper-step-color-invalid-icon-default);--sinch-global-size-icon:16px}:host([invalid]) #icon-error{opacity:1}#progress{height:8px;border-radius:4px;transition:background-color .25s ease-in-out}:host([data-status=incomplete]) #progress{background-color:var(--sinch-comp-progress-stepper-step-color-incomplete-progress-background)}:host([data-status=complete]) #progress{background-color:var(--sinch-comp-progress-stepper-step-color-complete-progress-background)}:host([data-status=inactive]) #progress{background-color:var(--sinch-comp-progress-stepper-step-color-inactive-progress-background)}:host([invalid]) #progress{background-color:var(--sinch-comp-progress-stepper-step-color-invalid-progress-background)}#bar{width:8px;height:8px;border-radius:4px;opacity:0;transition:width .25s ease-in-out,opacity .25s ease-in-out}:host([data-status=incomplete]) #bar{background-color:var(--sinch-comp-progress-stepper-step-color-incomplete-progress-bar)}:host([data-status=complete]) #bar{background-color:var(--sinch-comp-progress-stepper-step-color-complete-progress-bar);width:100%}:host([data-status=complete]:not([invalid])) #bar,:host([data-status=incomplete]:not([invalid])) #bar{opacity:1}#label-bar{position:relative}</style><div id="button"><div id="progress"><div id="bar"></div></div><div id="label-bar"><sinch-icon icons-version="2" name="triangle-exclamation" id="icon-error" aria-hidden="true"></sinch-icon><sinch-text id="text" type="m"></sinch-text></div><div id="outline"></div></div>';
8233
- const template$s = document.createElement("template");
8234
- template$s.innerHTML = templateHTML$s;
8383
+ const templateHTML$u = '<style>:host{display:block;outline:0}#button{position:relative;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;padding:8px 4px 4px;box-sizing:border-box;cursor:pointer;border-radius:var(--sinch-comp-progress-stepper-step-shape-radius)}:host([data-status=inactive])>#button{cursor:not-allowed}:host([data-status=incomplete]:hover)>#button{background-color:var(--sinch-comp-progress-stepper-step-color-incomplete-background-hover)}:host([data-status=complete]:hover)>#button{background-color:var(--sinch-comp-progress-stepper-step-color-complete-background-hover)}:host([data-status=invalid]:hover)>#button{background-color:var(--sinch-comp-progress-stepper-step-color-invalid-background-hover)}#outline{position:absolute;inset:-2px;border:2px solid var(--sinch-comp-progress-stepper-step-color-outline-focus);border-radius:calc(var(--sinch-comp-progress-stepper-step-shape-radius) + 2px);pointer-events:none;opacity:0}:host(:focus-visible) #outline{opacity:1}#text{flex-shrink:1;flex-basis:auto;min-width:0;transform:translate(0,0);will-change:transform;transition:transform .25s ease-out;padding-right:24px}:host([data-status=incomplete]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-incomplete-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-incomplete-label)}:host([data-status=complete]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-complete-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-complete-label)}:host([data-status=inactive]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-inactive-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-inactive-label)}:host([invalid]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-invalid-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-invalid-label);transform:translate(24px,0)}:host([data-status=incomplete][data-checked]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-incomplete-current-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-incomplete-current-label)}:host([data-status=complete][data-checked]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-complete-current-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-complete-current-label)}:host([invalid][data-checked]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-invalid-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-invalid-current-label)}#icon-error{position:absolute;left:0;top:4px;pointer-events:none;opacity:0;transition:opacity .25s ease-in-out;--sinch-global-color-icon:var(--sinch-comp-progress-stepper-step-color-invalid-icon-default);--sinch-global-size-icon:16px}:host([invalid]) #icon-error{opacity:1}#progress{height:8px;border-radius:4px;transition:background-color .25s ease-in-out}:host([data-status=incomplete]) #progress{background-color:var(--sinch-comp-progress-stepper-step-color-incomplete-progress-background)}:host([data-status=complete]) #progress{background-color:var(--sinch-comp-progress-stepper-step-color-complete-progress-background)}:host([data-status=inactive]) #progress{background-color:var(--sinch-comp-progress-stepper-step-color-inactive-progress-background)}:host([invalid]) #progress{background-color:var(--sinch-comp-progress-stepper-step-color-invalid-progress-background)}#bar{width:8px;height:8px;border-radius:4px;opacity:0;transition:width .25s ease-in-out,opacity .25s ease-in-out}:host([data-status=incomplete]) #bar{background-color:var(--sinch-comp-progress-stepper-step-color-incomplete-progress-bar)}:host([data-status=complete]) #bar{background-color:var(--sinch-comp-progress-stepper-step-color-complete-progress-bar);width:100%}:host([data-status=complete]:not([invalid])) #bar,:host([data-status=incomplete]:not([invalid])) #bar{opacity:1}#label-bar{position:relative}</style><div id="button"><div id="progress"><div id="bar"></div></div><div id="label-bar"><sinch-icon icons-version="2" name="triangle-exclamation" id="icon-error" aria-hidden="true"></sinch-icon><sinch-text id="text" type="m"></sinch-text></div><div id="outline"></div></div>';
8384
+ const template$u = document.createElement("template");
8385
+ template$u.innerHTML = templateHTML$u;
8235
8386
  class ProgressStepperItem extends NectaryElement {
8236
8387
  #$text;
8237
8388
  constructor() {
8238
8389
  super();
8239
8390
  const shadowRoot = this.attachShadow({ delegatesFocus: false });
8240
- shadowRoot.appendChild(template$s.content.cloneNode(true));
8391
+ shadowRoot.appendChild(template$u.content.cloneNode(true));
8241
8392
  this.#$text = shadowRoot.querySelector("#text");
8242
8393
  }
8243
8394
  connectedCallback() {
@@ -8313,9 +8464,9 @@ class ProgressStepperItem extends NectaryElement {
8313
8464
  }
8314
8465
  }
8315
8466
  defineCustomElement("sinch-progress-stepper-item", ProgressStepperItem);
8316
- const templateHTML$r = '<style>:host{display:block}#wrapper{display:flex;width:100%}::slotted(sinch-progress-stepper-item){flex:1;min-width:0}</style><div id="wrapper"><slot></slot></div>';
8317
- const template$r = document.createElement("template");
8318
- template$r.innerHTML = templateHTML$r;
8467
+ const templateHTML$t = '<style>:host{display:block}#wrapper{display:flex;width:100%}::slotted(sinch-progress-stepper-item){flex:1;min-width:0}</style><div id="wrapper"><slot></slot></div>';
8468
+ const template$t = document.createElement("template");
8469
+ template$t.innerHTML = templateHTML$t;
8319
8470
  class ProgressStepper extends NectaryElement {
8320
8471
  #$slot;
8321
8472
  #controller = null;
@@ -8325,7 +8476,7 @@ class ProgressStepper extends NectaryElement {
8325
8476
  constructor() {
8326
8477
  super();
8327
8478
  const shadowRoot = this.attachShadow();
8328
- shadowRoot.appendChild(template$r.content.cloneNode(true));
8479
+ shadowRoot.appendChild(template$t.content.cloneNode(true));
8329
8480
  this.#$slot = shadowRoot.querySelector("slot");
8330
8481
  }
8331
8482
  connectedCallback() {
@@ -8515,16 +8666,16 @@ class ProgressStepper extends NectaryElement {
8515
8666
  };
8516
8667
  }
8517
8668
  defineCustomElement("sinch-progress-stepper", ProgressStepper);
8518
- const templateHTML$q = '<style>:host{display:block}#wrapper{display:flex;align-items:center;height:24px}#bar,#progress{height:8px;border-radius:4px}#progress{background-color:var(--sinch-comp-progress-color-default-background-initial);flex:1;min-width:0}#bar{background-color:var(--sinch-comp-progress-color-default-bar-initial);width:0}#text{display:none;width:46px;--sinch-global-color-text:var(--sinch-comp-progress-color-default-text-initial)}:host([detailed]) #text{display:block}</style><div id="wrapper"><sinch-text id="text" type="m"></sinch-text><div id="progress"><div id="bar"></div></div></div>';
8519
- const template$q = document.createElement("template");
8520
- template$q.innerHTML = templateHTML$q;
8669
+ const templateHTML$s = '<style>:host{display:block}#wrapper{display:flex;align-items:center;height:24px}#bar,#progress{height:8px;border-radius:4px}#progress{background-color:var(--sinch-comp-progress-color-default-background-initial);flex:1;min-width:0}#bar{background-color:var(--sinch-comp-progress-color-default-bar-initial);width:0}#text{display:none;width:46px;--sinch-global-color-text:var(--sinch-comp-progress-color-default-text-initial)}:host([detailed]) #text{display:block}</style><div id="wrapper"><sinch-text id="text" type="m"></sinch-text><div id="progress"><div id="bar"></div></div></div>';
8670
+ const template$s = document.createElement("template");
8671
+ template$s.innerHTML = templateHTML$s;
8521
8672
  class Progress extends NectaryElement {
8522
8673
  #$bar;
8523
8674
  #$text;
8524
8675
  constructor() {
8525
8676
  super();
8526
8677
  const shadowRoot = this.attachShadow();
8527
- shadowRoot.appendChild(template$q.content.cloneNode(true));
8678
+ shadowRoot.appendChild(template$s.content.cloneNode(true));
8528
8679
  this.#$bar = shadowRoot.querySelector("#bar");
8529
8680
  this.#$text = shadowRoot.querySelector("#text");
8530
8681
  }
@@ -8567,16 +8718,16 @@ class Progress extends NectaryElement {
8567
8718
  }
8568
8719
  }
8569
8720
  defineCustomElement("sinch-progress", Progress);
8570
- const templateHTML$p = '<style>:host{display:block;outline:0}#wrapper{display:flex;flex-direction:row;box-sizing:border-box;width:100%;min-height:24px;--sinch-local-color-background:var(--sinch-comp-radio-color-default-background-initial);--sinch-local-color-background-hover:var(--sinch-comp-radio-color-default-background-hover);--sinch-local-color-background-active:var(--sinch-comp-radio-color-default-background-active);--sinch-local-color-border:var(--sinch-comp-radio-color-default-border-initial);--sinch-local-color-border-hover:var(--sinch-comp-radio-color-default-border-hover);--sinch-local-color-border-active:var(--sinch-comp-radio-color-default-border-active);--sinch-local-color-knob:var(--sinch-comp-radio-color-checked-knob-initial);--sinch-local-color-knob-hover:var(--sinch-comp-radio-color-checked-knob-hover);--sinch-local-color-knob-active:var(--sinch-comp-radio-color-checked-knob-active);--sinch-local-color-text:var(--sinch-comp-radio-color-default-label-initial)}:host([data-invalid])>#wrapper{--sinch-local-color-border:var(--sinch-comp-radio-color-invalid-border-initial);--sinch-local-color-border-hover:var(--sinch-comp-radio-color-invalid-border-hover);--sinch-local-color-border-active:var(--sinch-comp-radio-color-invalid-border-active);--sinch-local-color-text:var(--sinch-comp-radio-color-invalid-label-initial)}:host([checked])>#wrapper{--sinch-local-color-border:var(--sinch-comp-radio-color-checked-border-initial);--sinch-local-color-border-hover:var(--sinch-comp-radio-color-checked-border-hover);--sinch-local-color-border-active:var(--sinch-comp-radio-color-checked-border-active)}:host([disabled])>#wrapper{--sinch-local-color-background:var(--sinch-comp-radio-color-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-radio-color-disabled-border-initial);--sinch-local-color-text:var(--sinch-comp-radio-color-disabled-label-initial)}:host([disabled][checked])>#wrapper{--sinch-local-color-border:var(--sinch-comp-radio-color-checked-disabled-border-initial);--sinch-local-color-knob:var(--sinch-comp-radio-color-checked-disabled-knob-initial);--sinch-local-color-text:var(--sinch-comp-radio-color-checked-disabled-label-initial)}#input{all:initial;display:block;width:18px;height:18px;cursor:pointer}:host([disabled]) #input{cursor:initial}#input-wrapper{position:relative;width:18px;height:18px;align-self:flex-start;margin-top:3px}#input::before{content:"";position:absolute;inset:-3px;border:2px solid var(--sinch-comp-radio-color-default-outline-focus);border-radius:50%;transition:opacity .1s linear;opacity:0;box-sizing:border-box;pointer-events:none}:host(:focus-visible) #input::before{opacity:1}#input::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:50%;box-sizing:border-box;pointer-events:none}:host(:hover:not([disabled])) #input::after{background-color:var(--sinch-local-color-background-hover);border-color:var(--sinch-local-color-border-hover)}:host(:active:not([disabled])) #input::after{background-color:var(--sinch-local-color-background-active);border-color:var(--sinch-local-color-border-active)}#knob{position:absolute;width:10px;height:10px;inset:0;margin:auto;border-radius:50%;transition:opacity .1s linear;opacity:0;background-color:var(--sinch-local-color-knob);pointer-events:none}:host([checked]) #knob{opacity:1}:host(:hover:not([disabled])) #knob{background-color:var(--sinch-local-color-knob-hover)}:host(:active:not([disabled])) #knob{background-color:var(--sinch-local-color-knob-active)}@media (prefers-reduced-motion){#input::after,#input::before,#knob{transition:none}}#label{flex:1;align-self:center;padding-left:8px;font:var(--sinch-comp-radio-font-label);color:var(--sinch-local-color-text);cursor:pointer}#label:empty{display:none}:host([disabled]) #label{cursor:initial}</style><div id="wrapper"><div id="input-wrapper"><div id="input"></div><div id="knob"></div></div><span id="label"></span></div>';
8571
- const template$p = document.createElement("template");
8572
- template$p.innerHTML = templateHTML$p;
8721
+ const templateHTML$r = '<style>:host{display:block;outline:0}#wrapper{display:flex;flex-direction:row;box-sizing:border-box;width:100%;min-height:24px;--sinch-local-color-background:var(--sinch-comp-radio-color-default-background-initial);--sinch-local-color-background-hover:var(--sinch-comp-radio-color-default-background-hover);--sinch-local-color-background-active:var(--sinch-comp-radio-color-default-background-active);--sinch-local-color-border:var(--sinch-comp-radio-color-default-border-initial);--sinch-local-color-border-hover:var(--sinch-comp-radio-color-default-border-hover);--sinch-local-color-border-active:var(--sinch-comp-radio-color-default-border-active);--sinch-local-color-knob:var(--sinch-comp-radio-color-checked-knob-initial);--sinch-local-color-knob-hover:var(--sinch-comp-radio-color-checked-knob-hover);--sinch-local-color-knob-active:var(--sinch-comp-radio-color-checked-knob-active);--sinch-local-color-text:var(--sinch-comp-radio-color-default-label-initial)}:host([data-invalid])>#wrapper{--sinch-local-color-border:var(--sinch-comp-radio-color-invalid-border-initial);--sinch-local-color-border-hover:var(--sinch-comp-radio-color-invalid-border-hover);--sinch-local-color-border-active:var(--sinch-comp-radio-color-invalid-border-active);--sinch-local-color-text:var(--sinch-comp-radio-color-invalid-label-initial)}:host([checked])>#wrapper{--sinch-local-color-border:var(--sinch-comp-radio-color-checked-border-initial);--sinch-local-color-border-hover:var(--sinch-comp-radio-color-checked-border-hover);--sinch-local-color-border-active:var(--sinch-comp-radio-color-checked-border-active)}:host([disabled])>#wrapper{--sinch-local-color-background:var(--sinch-comp-radio-color-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-radio-color-disabled-border-initial);--sinch-local-color-text:var(--sinch-comp-radio-color-disabled-label-initial)}:host([disabled][checked])>#wrapper{--sinch-local-color-border:var(--sinch-comp-radio-color-checked-disabled-border-initial);--sinch-local-color-knob:var(--sinch-comp-radio-color-checked-disabled-knob-initial);--sinch-local-color-text:var(--sinch-comp-radio-color-checked-disabled-label-initial)}#input{all:initial;display:block;width:18px;height:18px;cursor:pointer}:host([disabled]) #input{cursor:initial}#input-wrapper{position:relative;width:18px;height:18px;align-self:flex-start;margin-top:3px}#input::before{content:"";position:absolute;inset:-3px;border:2px solid var(--sinch-comp-radio-color-default-outline-focus);border-radius:50%;transition:opacity .1s linear;opacity:0;box-sizing:border-box;pointer-events:none}:host(:focus-visible) #input::before{opacity:1}#input::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:50%;box-sizing:border-box;pointer-events:none}:host(:hover:not([disabled])) #input::after{background-color:var(--sinch-local-color-background-hover);border-color:var(--sinch-local-color-border-hover)}:host(:active:not([disabled])) #input::after{background-color:var(--sinch-local-color-background-active);border-color:var(--sinch-local-color-border-active)}#knob{position:absolute;width:10px;height:10px;inset:0;margin:auto;border-radius:50%;transition:opacity .1s linear;opacity:0;background-color:var(--sinch-local-color-knob);pointer-events:none}:host([checked]) #knob{opacity:1}:host(:hover:not([disabled])) #knob{background-color:var(--sinch-local-color-knob-hover)}:host(:active:not([disabled])) #knob{background-color:var(--sinch-local-color-knob-active)}@media (prefers-reduced-motion){#input::after,#input::before,#knob{transition:none}}#label{flex:1;align-self:center;padding-left:8px;font:var(--sinch-comp-radio-font-label);color:var(--sinch-local-color-text);cursor:pointer}#label:empty{display:none}:host([disabled]) #label{cursor:initial}</style><div id="wrapper"><div id="input-wrapper"><div id="input"></div><div id="knob"></div></div><span id="label"></span></div>';
8722
+ const template$r = document.createElement("template");
8723
+ template$r.innerHTML = templateHTML$r;
8573
8724
  class RadioOption extends NectaryElement {
8574
8725
  #$label;
8575
8726
  #$input;
8576
8727
  constructor() {
8577
8728
  super();
8578
8729
  const shadowRoot = this.attachShadow();
8579
- shadowRoot.appendChild(template$p.content.cloneNode(true));
8730
+ shadowRoot.appendChild(template$r.content.cloneNode(true));
8580
8731
  this.#$label = shadowRoot.querySelector("#label");
8581
8732
  this.#$input = shadowRoot.querySelector("#input");
8582
8733
  }
@@ -8666,9 +8817,9 @@ class RadioOption extends NectaryElement {
8666
8817
  }
8667
8818
  }
8668
8819
  defineCustomElement("sinch-radio-option", RadioOption);
8669
- const templateHTML$o = '<style>:host{display:block}#wrapper{display:flex;flex-direction:var(--sinch-comp-radio-direction,column);gap:var(--sinch-comp-radio-gap,8px);box-sizing:border-box;width:100%}</style><div id="wrapper"><slot></slot></div>';
8670
- const template$o = document.createElement("template");
8671
- template$o.innerHTML = templateHTML$o;
8820
+ const templateHTML$q = '<style>:host{display:block}#wrapper{display:flex;flex-direction:var(--sinch-comp-radio-direction,column);gap:var(--sinch-comp-radio-gap,8px);box-sizing:border-box;width:100%}</style><div id="wrapper"><slot></slot></div>';
8821
+ const template$q = document.createElement("template");
8822
+ template$q.innerHTML = templateHTML$q;
8672
8823
  class Radio extends NectaryElement {
8673
8824
  #$slot;
8674
8825
  #controller = null;
@@ -8677,7 +8828,7 @@ class Radio extends NectaryElement {
8677
8828
  constructor() {
8678
8829
  super();
8679
8830
  const shadowRoot = this.attachShadow({ delegatesFocus: true });
8680
- shadowRoot.appendChild(template$o.content.cloneNode(true));
8831
+ shadowRoot.appendChild(template$q.content.cloneNode(true));
8681
8832
  this.#internals = this.attachInternals();
8682
8833
  this.#$slot = shadowRoot.querySelector("slot");
8683
8834
  }
@@ -10734,9 +10885,9 @@ const setBrowserCaret = ({ startContainer, startOffset, endContainer, endOffset
10734
10885
  range.setEnd(endContainer, endOffset);
10735
10886
  selection.addRange(range);
10736
10887
  };
10737
- const templateHTML$n = '<style>:host{display:block}#wrapper{display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box;background-color:var(--sinch-comp-textarea-color-default-background-initial);border-radius:var(--sinch-local-shape-radius);overflow:hidden;--sinch-local-shape-radius:var(--sinch-comp-textarea-shape-radius)}#input-wrapper{position:relative;padding:8px 10px 8px 12px;box-sizing:border-box}#input{font:var(--sinch-comp-textarea-font-input);color:var(--sinch-comp-textarea-color-default-text-initial);white-space:pre-wrap;overflow-wrap:break-word;border:none;outline:0}#placeholder{display:none;position:absolute;left:0;top:0;font:var(--sinch-comp-textarea-font-input);color:var(--sinch-comp-textarea-color-default-text-placeholder);padding:8px 10px 8px 12px;pointer-events:none;user-select:none}#input.empty+#placeholder{display:block}#border{position:absolute;border:1px solid var(--sinch-comp-textarea-color-default-border-initial);border-radius:var(--sinch-local-shape-radius);inset:0;pointer-events:none}:host([invalid]) #border{border-color:var(--sinch-comp-textarea-color-invalid-border-initial)}:host([disabled]){color:var(--sinch-comp-textarea-color-disabled-text-initial);-webkit-text-fill-color:var(--sinch-comp-textarea-color-disabled-text-initial)}:host([disabled]) #border{border-color:var(--sinch-comp-textarea-color-disabled-border-initial)}:host(:not([disabled])) #input-wrapper:focus-within~#border{border-color:var(--sinch-comp-textarea-color-default-border-focus);border-width:2px}.oli,.p,.uli{margin:0}.oli.l0,.uli.l0{margin-left:6px}.oli.l1,.uli.l1{margin-left:36px}.oli.l2,.uli.l2{margin-left:64px}.oli.l3,.uli.l3{margin-left:92px}.oli.l4,.uli.l4{margin-left:120px}.uli.l0{counter-reset:list-0 list-1 list-2 list-3 list-4}.uli.l1{counter-reset:list-1 list-2 list-3 list-4}.uli.l2{counter-reset:list-2 list-3 list-4}.uli.l3{counter-reset:list-3 list-4}.uli.l4{counter-reset:list-4}.oli.l0{counter-reset:list-1 list-2 list-3 list-4}.oli.l1{counter-reset:list-2 list-3 list-4}.oli.l2{counter-reset:list-3 list-4}.oli.l3{counter-reset:list-4}.oli.l0::before{counter-increment:list-0;content:counter(list-0,decimal) ". "}.oli.l1::before{counter-increment:list-1;content:counter(list-1,lower-alpha) ". "}.oli.l2::before{counter-increment:list-2;content:counter(list-2,lower-roman) ". "}.oli.l3::before{counter-increment:list-3;content:counter(list-3,decimal) ". "}.oli.l4::before{counter-increment:list-4;content:counter(list-4,lower-alpha) ". "}.oli.block,.oli:first-of-type,.p+.oli{counter-reset:list-0 list-1 list-2 list-3 list-4}.uli::before{content:"\\25CF";display:inline-block;width:16px}.oli+.p,.oli.block,.p+.oli,.p+.uli,.uli+.p,.uli.block{margin-top:.5em}.c{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)}.l{font:var(--sinch-comp-link-default-font-initial);color:var(--sinch-comp-link-color-default-text-initial);text-decoration:underline}sinch-rich-textarea-chip{display:inline-flex;vertical-align:middle;user-select:none}.i{font-style:italic}.b{font-weight:700}.s{text-decoration:line-through}.e{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;width:1em;height:1em;vertical-align:-.2em}#top-wrapper{display:flex;flex-direction:row;align-items:center;gap:8px;padding:4px 4px 0}#top-wrapper.empty{display:none}#bottom-wrapper{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0 4px 4px}#bottom-wrapper.empty{display:none}</style><div id="wrapper"><div id="top-wrapper"><slot id="top" name="top"></slot></div><div id="input-wrapper"><div id="input" contenteditable="true" role="textbox" aria-multiline="true" suppresscontenteditablewarning autocapitalize="false" autocorrect="false" autosave="false" spellcheck="false"></div><div id="placeholder"></div></div><div id="border"></div><div id="bottom-wrapper"><slot id="bottom" name="bottom"></slot></div></div>';
10738
- const template$n = document.createElement("template");
10739
- template$n.innerHTML = templateHTML$n;
10888
+ const templateHTML$p = '<style>:host{display:block}#wrapper{display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box;background-color:var(--sinch-comp-textarea-color-default-background-initial);border-radius:var(--sinch-local-shape-radius);overflow:hidden;--sinch-local-shape-radius:var(--sinch-comp-textarea-shape-radius)}#input-wrapper{position:relative;padding:8px 10px 8px 12px;box-sizing:border-box}#input{font:var(--sinch-comp-textarea-font-input);color:var(--sinch-comp-textarea-color-default-text-initial);white-space:pre-wrap;overflow-wrap:break-word;border:none;outline:0}#placeholder{display:none;position:absolute;left:0;top:0;font:var(--sinch-comp-textarea-font-input);color:var(--sinch-comp-textarea-color-default-text-placeholder);padding:8px 10px 8px 12px;pointer-events:none;user-select:none}#input.empty+#placeholder{display:block}#border{position:absolute;border:1px solid var(--sinch-comp-textarea-color-default-border-initial);border-radius:var(--sinch-local-shape-radius);inset:0;pointer-events:none}:host([invalid]) #border{border-color:var(--sinch-comp-textarea-color-invalid-border-initial)}:host([disabled]){color:var(--sinch-comp-textarea-color-disabled-text-initial);-webkit-text-fill-color:var(--sinch-comp-textarea-color-disabled-text-initial)}:host([disabled]) #border{border-color:var(--sinch-comp-textarea-color-disabled-border-initial)}:host(:not([disabled])) #input-wrapper:focus-within~#border{border-color:var(--sinch-comp-textarea-color-default-border-focus);border-width:2px}.oli,.p,.uli{margin:0}.oli.l0,.uli.l0{margin-left:6px}.oli.l1,.uli.l1{margin-left:36px}.oli.l2,.uli.l2{margin-left:64px}.oli.l3,.uli.l3{margin-left:92px}.oli.l4,.uli.l4{margin-left:120px}.uli.l0{counter-reset:list-0 list-1 list-2 list-3 list-4}.uli.l1{counter-reset:list-1 list-2 list-3 list-4}.uli.l2{counter-reset:list-2 list-3 list-4}.uli.l3{counter-reset:list-3 list-4}.uli.l4{counter-reset:list-4}.oli.l0{counter-reset:list-1 list-2 list-3 list-4}.oli.l1{counter-reset:list-2 list-3 list-4}.oli.l2{counter-reset:list-3 list-4}.oli.l3{counter-reset:list-4}.oli.l0::before{counter-increment:list-0;content:counter(list-0,decimal) ". "}.oli.l1::before{counter-increment:list-1;content:counter(list-1,lower-alpha) ". "}.oli.l2::before{counter-increment:list-2;content:counter(list-2,lower-roman) ". "}.oli.l3::before{counter-increment:list-3;content:counter(list-3,decimal) ". "}.oli.l4::before{counter-increment:list-4;content:counter(list-4,lower-alpha) ". "}.oli.block,.oli:first-of-type,.p+.oli{counter-reset:list-0 list-1 list-2 list-3 list-4}.uli::before{content:"\\25CF";display:inline-block;width:16px}.oli+.p,.oli.block,.p+.oli,.p+.uli,.uli+.p,.uli.block{margin-top:.5em}.c{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)}.l{font:var(--sinch-comp-link-default-font-initial);color:var(--sinch-comp-link-color-default-text-initial);text-decoration:underline}sinch-rich-textarea-chip{display:inline-flex;vertical-align:middle;user-select:none}.i{font-style:italic}.b{font-weight:700}.s{text-decoration:line-through}.e{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;width:1em;height:1em;vertical-align:-.2em}#top-wrapper{display:flex;flex-direction:row;align-items:center;gap:8px;padding:4px 4px 0}#top-wrapper.empty{display:none}#bottom-wrapper{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0 4px 4px}#bottom-wrapper.empty{display:none}</style><div id="wrapper"><div id="top-wrapper"><slot id="top" name="top"></slot></div><div id="input-wrapper"><div id="input" contenteditable="true" role="textbox" aria-multiline="true" suppresscontenteditablewarning autocapitalize="false" autocorrect="false" autosave="false" spellcheck="false"></div><div id="placeholder"></div></div><div id="border"></div><div id="bottom-wrapper"><slot id="bottom" name="bottom"></slot></div></div>';
10889
+ const template$p = document.createElement("template");
10890
+ template$p.innerHTML = templateHTML$p;
10740
10891
  const SUPPORTS_SHADOW_SELECTION = typeof window.ShadowRoot.prototype.getSelection === "function";
10741
10892
  class RichTextarea extends NectaryElement {
10742
10893
  #$input;
@@ -10757,7 +10908,7 @@ class RichTextarea extends NectaryElement {
10757
10908
  constructor() {
10758
10909
  super();
10759
10910
  const shadowRoot = this.attachShadow({ delegatesFocus: true });
10760
- shadowRoot.appendChild(template$n.content.cloneNode(true));
10911
+ shadowRoot.appendChild(template$p.content.cloneNode(true));
10761
10912
  this.#sh = shadowRoot;
10762
10913
  this.#$input = shadowRoot.querySelector("#input");
10763
10914
  this.#$placeholder = shadowRoot.querySelector("#placeholder");
@@ -11318,15 +11469,15 @@ class RichTextarea extends NectaryElement {
11318
11469
  };
11319
11470
  }
11320
11471
  defineCustomElement("sinch-rich-textarea", RichTextarea);
11321
- const templateHTML$m = '<style>:host{display:block;--sinch-global-size-icon:32px}#icon-dropdown{display:block;will-change:transform;transform:rotate(180deg)}:host([value]:not([value=false])) #icon-dropdown{transform:rotate(0)}</style><sinch-button id="button" size="s"><sinch-icon icons-version="2" name="fa-chevron-down" id="icon-dropdown" slot="icon"></sinch-icon></sinch-button>';
11322
- const template$m = document.createElement("template");
11323
- template$m.innerHTML = templateHTML$m;
11472
+ const templateHTML$o = '<style>:host{display:block;--sinch-global-size-icon:32px}#icon-dropdown{display:block;will-change:transform;transform:rotate(180deg)}:host([value]:not([value=false])) #icon-dropdown{transform:rotate(0)}</style><sinch-button id="button" size="s"><sinch-icon icons-version="2" name="fa-chevron-down" id="icon-dropdown" slot="icon"></sinch-icon></sinch-button>';
11473
+ const template$o = document.createElement("template");
11474
+ template$o.innerHTML = templateHTML$o;
11324
11475
  class SegmentCollapse extends NectaryElement {
11325
11476
  #$button;
11326
11477
  constructor() {
11327
11478
  super();
11328
11479
  const shadowRoot = this.attachShadow();
11329
- shadowRoot.appendChild(template$m.content.cloneNode(true));
11480
+ shadowRoot.appendChild(template$o.content.cloneNode(true));
11330
11481
  this.#$button = shadowRoot.querySelector("#button");
11331
11482
  }
11332
11483
  connectedCallback() {
@@ -11378,16 +11529,16 @@ class SegmentCollapse extends NectaryElement {
11378
11529
  };
11379
11530
  }
11380
11531
  defineCustomElement("sinch-segment-collapse", SegmentCollapse);
11381
- const templateHTML$l = '<style>:host{display:block;outline:0}#wrapper{position:relative;display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;height:32px;padding:0 16px;box-sizing:border-box;color:var(--sinch-local-color-text);background-color:var(--sinch-local-color-background);cursor:pointer;--sinch-local-color-text:var(--sinch-comp-segmented-control-color-default-text-initial);--sinch-local-shape-radius:var(--sinch-comp-segmented-control-shape-radius);--sinch-local-color-border:var(--sinch-comp-segmented-control-color-default-border-initial);--sinch-local-color-background:var(--sinch-comp-segmented-control-color-default-background-initial);--sinch-global-color-icon:var(--sinch-comp-segmented-control-color-default-icon-initial);--sinch-global-size-icon:var(--sinch-comp-segmented-control-size-icon)}:host(:hover){--sinch-local-color-background:var(--sinch-comp-segmented-control-color-default-background-hover)}:host(:first-child) #wrapper{border-top-left-radius:var(--sinch-local-shape-radius);border-bottom-left-radius:var(--sinch-local-shape-radius)}:host(:last-child) #wrapper{border-top-right-radius:var(--sinch-local-shape-radius);border-bottom-right-radius:var(--sinch-local-shape-radius)}:host([data-checked]) #wrapper{--sinch-local-color-text:var(--sinch-comp-segmented-control-color-checked-text-initial);--sinch-global-color-icon:var(--sinch-comp-segmented-control-color-checked-icon-initial);--sinch-local-color-border:var(--sinch-comp-segmented-control-color-checked-border-initial);--sinch-local-color-background:var(--sinch-comp-segmented-control-color-checked-background-initial)}:host([disabled]) #wrapper{--sinch-local-color-text:var(--sinch-comp-segmented-control-color-disabled-text-initial);--sinch-global-color-icon:var(--sinch-comp-segmented-control-color-disabled-icon-initial);--sinch-local-color-border:var(--sinch-comp-segmented-control-color-disabled-border-initial);--sinch-local-color-background:var(--sinch-comp-segmented-control-color-disabled-background-initial)}#border{position:absolute;inset:0;border:1px solid var(--sinch-local-color-border);pointer-events:none;box-sizing:border-box}:host(:first-child) #border{border-top-left-radius:var(--sinch-local-shape-radius);border-bottom-left-radius:var(--sinch-local-shape-radius)}:host(:last-child) #border{border-top-right-radius:var(--sinch-local-shape-radius);border-bottom-right-radius:var(--sinch-local-shape-radius)}:host(:not(:first-child)) #border{border-left-width:0}:host([data-checked]) #border{border-width:2px}:host([data-checked]:not(:first-child)) #border{left:-1px}#outline{display:none;position:absolute;inset:-3px;border:2px solid var(--sinch-comp-segmented-control-color-default-outline-focus);pointer-events:none;box-sizing:border-box;z-index:1}:host(:focus-visible) #outline{display:block}:host(:first-child) #outline{border-top-left-radius:calc(var(--sinch-local-shape-radius) + 3px);border-bottom-left-radius:calc(var(--sinch-local-shape-radius) + 3px)}:host(:last-child) #outline{border-top-right-radius:calc(var(--sinch-local-shape-radius) + 3px);border-bottom-right-radius:calc(var(--sinch-local-shape-radius) + 3px)}:host(:not(:first-child)) #outline{left:-4px}#content{font:var(--sinch-comp-segmented-control-font-label);flex-shrink:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}::slotted(*){display:block;pointer-events:none}</style><div id="wrapper"><slot name="icon"></slot><span id="content"></span><div id="border"></div><div id="outline"></div></div>';
11382
- const template$l = document.createElement("template");
11383
- template$l.innerHTML = templateHTML$l;
11532
+ const templateHTML$n = '<style>:host{display:block;outline:0}#wrapper{position:relative;display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;height:32px;padding:0 16px;box-sizing:border-box;color:var(--sinch-local-color-text);background-color:var(--sinch-local-color-background);cursor:pointer;--sinch-local-color-text:var(--sinch-comp-segmented-control-color-default-text-initial);--sinch-local-shape-radius:var(--sinch-comp-segmented-control-shape-radius);--sinch-local-color-border:var(--sinch-comp-segmented-control-color-default-border-initial);--sinch-local-color-background:var(--sinch-comp-segmented-control-color-default-background-initial);--sinch-global-color-icon:var(--sinch-comp-segmented-control-color-default-icon-initial);--sinch-global-size-icon:var(--sinch-comp-segmented-control-size-icon)}:host(:hover){--sinch-local-color-background:var(--sinch-comp-segmented-control-color-default-background-hover)}:host(:first-child) #wrapper{border-top-left-radius:var(--sinch-local-shape-radius);border-bottom-left-radius:var(--sinch-local-shape-radius)}:host(:last-child) #wrapper{border-top-right-radius:var(--sinch-local-shape-radius);border-bottom-right-radius:var(--sinch-local-shape-radius)}:host([data-checked]) #wrapper{--sinch-local-color-text:var(--sinch-comp-segmented-control-color-checked-text-initial);--sinch-global-color-icon:var(--sinch-comp-segmented-control-color-checked-icon-initial);--sinch-local-color-border:var(--sinch-comp-segmented-control-color-checked-border-initial);--sinch-local-color-background:var(--sinch-comp-segmented-control-color-checked-background-initial)}:host([disabled]) #wrapper{--sinch-local-color-text:var(--sinch-comp-segmented-control-color-disabled-text-initial);--sinch-global-color-icon:var(--sinch-comp-segmented-control-color-disabled-icon-initial);--sinch-local-color-border:var(--sinch-comp-segmented-control-color-disabled-border-initial);--sinch-local-color-background:var(--sinch-comp-segmented-control-color-disabled-background-initial)}#border{position:absolute;inset:0;border:1px solid var(--sinch-local-color-border);pointer-events:none;box-sizing:border-box}:host(:first-child) #border{border-top-left-radius:var(--sinch-local-shape-radius);border-bottom-left-radius:var(--sinch-local-shape-radius)}:host(:last-child) #border{border-top-right-radius:var(--sinch-local-shape-radius);border-bottom-right-radius:var(--sinch-local-shape-radius)}:host(:not(:first-child)) #border{border-left-width:0}:host([data-checked]) #border{border-width:2px}:host([data-checked]:not(:first-child)) #border{left:-1px}#outline{display:none;position:absolute;inset:-3px;border:2px solid var(--sinch-comp-segmented-control-color-default-outline-focus);pointer-events:none;box-sizing:border-box;z-index:1}:host(:focus-visible) #outline{display:block}:host(:first-child) #outline{border-top-left-radius:calc(var(--sinch-local-shape-radius) + 3px);border-bottom-left-radius:calc(var(--sinch-local-shape-radius) + 3px)}:host(:last-child) #outline{border-top-right-radius:calc(var(--sinch-local-shape-radius) + 3px);border-bottom-right-radius:calc(var(--sinch-local-shape-radius) + 3px)}:host(:not(:first-child)) #outline{left:-4px}#content{font:var(--sinch-comp-segmented-control-font-label);flex-shrink:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}::slotted(*){display:block;pointer-events:none}</style><div id="wrapper"><slot name="icon"></slot><span id="content"></span><div id="border"></div><div id="outline"></div></div>';
11533
+ const template$n = document.createElement("template");
11534
+ template$n.innerHTML = templateHTML$n;
11384
11535
  class SegmentedControlOption extends NectaryElement {
11385
11536
  #$label;
11386
11537
  #controller = null;
11387
11538
  constructor() {
11388
11539
  super();
11389
11540
  const shadowRoot = this.attachShadow();
11390
- shadowRoot.appendChild(template$l.content.cloneNode(true));
11541
+ shadowRoot.appendChild(template$n.content.cloneNode(true));
11391
11542
  this.#$label = shadowRoot.querySelector("#content");
11392
11543
  }
11393
11544
  connectedCallback() {
@@ -11532,9 +11683,9 @@ function createKeyboardNavigation() {
11532
11683
  }
11533
11684
  };
11534
11685
  }
11535
- const templateHTML$k = '<style>:host{display:block;outline:0}#wrapper{display:flex;flex-direction:row;width:100%;box-sizing:border-box;position:relative;z-index:0}</style><div id="wrapper"><slot></slot></div>';
11536
- const template$k = document.createElement("template");
11537
- template$k.innerHTML = templateHTML$k;
11686
+ const templateHTML$m = '<style>:host{display:block;outline:0}#wrapper{display:flex;flex-direction:row;width:100%;box-sizing:border-box;position:relative;z-index:0}</style><div id="wrapper"><slot></slot></div>';
11687
+ const template$m = document.createElement("template");
11688
+ template$m.innerHTML = templateHTML$m;
11538
11689
  class SegmentedControl extends NectaryElement {
11539
11690
  #$slot;
11540
11691
  #controller = null;
@@ -11543,7 +11694,7 @@ class SegmentedControl extends NectaryElement {
11543
11694
  constructor() {
11544
11695
  super();
11545
11696
  const shadowRoot = this.attachShadow();
11546
- shadowRoot.appendChild(template$k.content.cloneNode(true));
11697
+ shadowRoot.appendChild(template$m.content.cloneNode(true));
11547
11698
  this.#$slot = shadowRoot.querySelector("slot");
11548
11699
  }
11549
11700
  connectedCallback() {
@@ -11613,15 +11764,15 @@ class SegmentedControl extends NectaryElement {
11613
11764
  };
11614
11765
  }
11615
11766
  defineCustomElement("sinch-segmented-control", SegmentedControl);
11616
- const templateHTML$j = '<style>:host{display:block;outline:0}#wrapper{position:relative;width:56px;height:32px;padding:3px 16px;box-sizing:border-box;background-color:var(--sinch-local-color-background);cursor:pointer;--sinch-global-color-icon:var(--sinch-comp-segmented-control-color-default-icon-initial);--sinch-global-size-icon:var(--sinch-comp-segmented-control-size-icon);--sinch-local-shape-radius:var(--sinch-comp-segmented-control-shape-radius);--sinch-local-color-border:var(--sinch-comp-segmented-control-color-default-border-initial);--sinch-local-color-background:var(--sinch-comp-segmented-control-color-default-background-initial)}:host(:hover){--sinch-local-color-background:var(--sinch-comp-segmented-control-color-default-background-hover)}:host(:first-child) #wrapper{border-top-left-radius:var(--sinch-local-shape-radius);border-bottom-left-radius:var(--sinch-local-shape-radius)}:host(:last-child) #wrapper{border-top-right-radius:var(--sinch-local-shape-radius);border-bottom-right-radius:var(--sinch-local-shape-radius)}:host([data-checked]) #wrapper{--sinch-global-color-icon:var(--sinch-comp-segmented-control-color-checked-icon-initial);--sinch-local-color-border:var(--sinch-comp-segmented-control-color-checked-border-initial);--sinch-local-color-background:var(--sinch-comp-segmented-control-color-checked-background-initial)}:host([disabled]) #wrapper{--sinch-global-color-icon:var(--sinch-comp-segmented-control-color-disabled-icon-initial);--sinch-local-color-border:var(--sinch-comp-segmented-control-color-disabled-border-initial);--sinch-local-color-background:var(--sinch-comp-segmented-control-color-disabled-background-initial);cursor:initial}#border{position:absolute;inset:0;border:1px solid var(--sinch-local-color-border);pointer-events:none;box-sizing:border-box}:host(:first-child) #border{border-top-left-radius:var(--sinch-local-shape-radius);border-bottom-left-radius:var(--sinch-local-shape-radius)}:host(:last-child) #border{border-top-right-radius:var(--sinch-local-shape-radius);border-bottom-right-radius:var(--sinch-local-shape-radius)}:host(:not(:first-child)) #border{border-left-width:0}:host([data-checked]) #border{border-width:2px}:host([data-checked]:not(:first-child)) #border{left:-1px}#outline{display:none;position:absolute;inset:-3px;border:2px solid var(--sinch-comp-segmented-control-color-default-outline-focus);pointer-events:none;box-sizing:border-box;z-index:1}:host(:focus-visible) #outline{display:block}:host(:first-child) #outline{border-top-left-radius:calc(var(--sinch-local-shape-radius) + 3px);border-bottom-left-radius:calc(var(--sinch-local-shape-radius) + 3px)}:host(:last-child) #outline{border-top-right-radius:calc(var(--sinch-local-shape-radius) + 3px);border-bottom-right-radius:calc(var(--sinch-local-shape-radius) + 3px)}:host(:not(:first-child)) #outline{left:-4px}::slotted(*){display:block;pointer-events:none}</style><div id="wrapper"><slot name="icon"></slot><div id="border"></div><div id="outline"></div></div>';
11617
- const template$j = document.createElement("template");
11618
- template$j.innerHTML = templateHTML$j;
11767
+ const templateHTML$l = '<style>:host{display:block;outline:0}#wrapper{position:relative;width:56px;height:32px;padding:3px 16px;box-sizing:border-box;background-color:var(--sinch-local-color-background);cursor:pointer;--sinch-global-color-icon:var(--sinch-comp-segmented-control-color-default-icon-initial);--sinch-global-size-icon:var(--sinch-comp-segmented-control-size-icon);--sinch-local-shape-radius:var(--sinch-comp-segmented-control-shape-radius);--sinch-local-color-border:var(--sinch-comp-segmented-control-color-default-border-initial);--sinch-local-color-background:var(--sinch-comp-segmented-control-color-default-background-initial)}:host(:hover){--sinch-local-color-background:var(--sinch-comp-segmented-control-color-default-background-hover)}:host(:first-child) #wrapper{border-top-left-radius:var(--sinch-local-shape-radius);border-bottom-left-radius:var(--sinch-local-shape-radius)}:host(:last-child) #wrapper{border-top-right-radius:var(--sinch-local-shape-radius);border-bottom-right-radius:var(--sinch-local-shape-radius)}:host([data-checked]) #wrapper{--sinch-global-color-icon:var(--sinch-comp-segmented-control-color-checked-icon-initial);--sinch-local-color-border:var(--sinch-comp-segmented-control-color-checked-border-initial);--sinch-local-color-background:var(--sinch-comp-segmented-control-color-checked-background-initial)}:host([disabled]) #wrapper{--sinch-global-color-icon:var(--sinch-comp-segmented-control-color-disabled-icon-initial);--sinch-local-color-border:var(--sinch-comp-segmented-control-color-disabled-border-initial);--sinch-local-color-background:var(--sinch-comp-segmented-control-color-disabled-background-initial);cursor:initial}#border{position:absolute;inset:0;border:1px solid var(--sinch-local-color-border);pointer-events:none;box-sizing:border-box}:host(:first-child) #border{border-top-left-radius:var(--sinch-local-shape-radius);border-bottom-left-radius:var(--sinch-local-shape-radius)}:host(:last-child) #border{border-top-right-radius:var(--sinch-local-shape-radius);border-bottom-right-radius:var(--sinch-local-shape-radius)}:host(:not(:first-child)) #border{border-left-width:0}:host([data-checked]) #border{border-width:2px}:host([data-checked]:not(:first-child)) #border{left:-1px}#outline{display:none;position:absolute;inset:-3px;border:2px solid var(--sinch-comp-segmented-control-color-default-outline-focus);pointer-events:none;box-sizing:border-box;z-index:1}:host(:focus-visible) #outline{display:block}:host(:first-child) #outline{border-top-left-radius:calc(var(--sinch-local-shape-radius) + 3px);border-bottom-left-radius:calc(var(--sinch-local-shape-radius) + 3px)}:host(:last-child) #outline{border-top-right-radius:calc(var(--sinch-local-shape-radius) + 3px);border-bottom-right-radius:calc(var(--sinch-local-shape-radius) + 3px)}:host(:not(:first-child)) #outline{left:-4px}::slotted(*){display:block;pointer-events:none}</style><div id="wrapper"><slot name="icon"></slot><div id="border"></div><div id="outline"></div></div>';
11768
+ const template$l = document.createElement("template");
11769
+ template$l.innerHTML = templateHTML$l;
11619
11770
  class SegmentedIconControlOption extends NectaryElement {
11620
11771
  #controller = null;
11621
11772
  constructor() {
11622
11773
  super();
11623
11774
  const shadowRoot = this.attachShadow();
11624
- shadowRoot.appendChild(template$j.content.cloneNode(true));
11775
+ shadowRoot.appendChild(template$l.content.cloneNode(true));
11625
11776
  }
11626
11777
  connectedCallback() {
11627
11778
  this.#controller = new AbortController();
@@ -11689,9 +11840,9 @@ class SegmentedIconControlOption extends NectaryElement {
11689
11840
  };
11690
11841
  }
11691
11842
  defineCustomElement("sinch-segmented-icon-control-option", SegmentedIconControlOption);
11692
- const templateHTML$i = '<style>:host{display:block;outline:0}#wrapper{display:flex;flex-direction:row;width:100%;box-sizing:border-box;position:relative;z-index:0}</style><div id="wrapper"><slot></slot></div>';
11693
- const template$i = document.createElement("template");
11694
- template$i.innerHTML = templateHTML$i;
11843
+ const templateHTML$k = '<style>:host{display:block;outline:0}#wrapper{display:flex;flex-direction:row;width:100%;box-sizing:border-box;position:relative;z-index:0}</style><div id="wrapper"><slot></slot></div>';
11844
+ const template$k = document.createElement("template");
11845
+ template$k.innerHTML = templateHTML$k;
11695
11846
  class SegmentedIconControl extends NectaryElement {
11696
11847
  #$slot;
11697
11848
  #controller = null;
@@ -11700,7 +11851,7 @@ class SegmentedIconControl extends NectaryElement {
11700
11851
  constructor() {
11701
11852
  super();
11702
11853
  const shadowRoot = this.attachShadow();
11703
- shadowRoot.appendChild(template$i.content.cloneNode(true));
11854
+ shadowRoot.appendChild(template$k.content.cloneNode(true));
11704
11855
  this.#$slot = shadowRoot.querySelector("slot");
11705
11856
  }
11706
11857
  connectedCallback() {
@@ -11786,9 +11937,9 @@ class SegmentedIconControl extends NectaryElement {
11786
11937
  };
11787
11938
  }
11788
11939
  defineCustomElement("sinch-segmented-icon-control", SegmentedIconControl);
11789
- const templateHTML$h = '<style>:host{display:inline-block;vertical-align:middle;outline:0;cursor:pointer}:host([disabled]){cursor:initial}#wrapper{position:relative;display:flex;flex-direction:row;align-items:center;gap:var(--sinch-local-gap);box-sizing:border-box;width:100%;height:var(--sinch-local-size);padding:0 var(--sinch-local-padding-end) 0 var(--sinch-local-padding-start);background-color:var(--sinch-comp-select-button-color-default-background-initial);border-radius:var(--sinch-local-shape-radius);--sinch-local-size:var(--sinch-comp-select-button-size-container-m);--sinch-local-padding-start:var(--sinch-comp-select-button-spacing-padding-left-m, 12px);--sinch-local-padding-end:var(--sinch-comp-select-button-spacing-padding-right-m, 8px);--sinch-local-gap:var(--sinch-comp-select-button-spacing-gap-m, 8px);--sinch-local-left-slot-gap:var(--sinch-comp-select-button-spacing-left-slot-gap-m, 4px);--sinch-local-left-slot-offset:var(--sinch-comp-select-button-spacing-left-slot-offset-m, -4px);--sinch-global-size-icon:var(--sinch-comp-select-button-size-icon-m);--sinch-local-shape-radius:var(--sinch-comp-select-button-shape-radius-size-m);--sinch-global-color-icon:var(--sinch-comp-select-button-color-default-icon-initial)}:host([data-size="l"])>#wrapper{--sinch-local-size:var(--sinch-comp-select-button-size-container-l);--sinch-local-padding-start:var(--sinch-comp-select-button-spacing-padding-left-l, 12px);--sinch-local-padding-end:var(--sinch-comp-select-button-spacing-padding-right-l, 12px);--sinch-local-gap:var(--sinch-comp-select-button-spacing-gap-l, 8px);--sinch-local-left-slot-gap:var(--sinch-comp-select-button-spacing-left-slot-gap-l, 4px);--sinch-local-left-slot-offset:var(--sinch-comp-select-button-spacing-left-slot-offset-l, -4px);--sinch-global-size-icon:var(--sinch-comp-select-button-size-icon-l);--sinch-local-shape-radius:var(--sinch-comp-select-button-shape-radius-size-l)}:host([data-size="m"])>#wrapper{--sinch-local-size:var(--sinch-comp-select-button-size-container-m);--sinch-local-padding-start:var(--sinch-comp-select-button-spacing-padding-left-m, 12px);--sinch-local-padding-end:var(--sinch-comp-select-button-spacing-padding-right-m, 8px);--sinch-local-gap:var(--sinch-comp-select-button-spacing-gap-m, 8px);--sinch-local-left-slot-gap:var(--sinch-comp-select-button-spacing-left-slot-gap-m, 4px);--sinch-local-left-slot-offset:var(--sinch-comp-select-button-spacing-left-slot-offset-m, -4px);--sinch-global-size-icon:var(--sinch-comp-select-button-size-icon-m);--sinch-local-shape-radius:var(--sinch-comp-select-button-shape-radius-size-m)}:host([data-size="s"])>#wrapper{--sinch-local-size:var(--sinch-comp-select-button-size-container-s);--sinch-local-padding-start:var(--sinch-comp-select-button-spacing-padding-left-s, 12px);--sinch-local-padding-end:var(--sinch-comp-select-button-spacing-padding-right-s, 4px);--sinch-local-gap:var(--sinch-comp-select-button-spacing-gap-s, 8px);--sinch-local-left-slot-gap:var(--sinch-comp-select-button-spacing-left-slot-gap-s, 4px);--sinch-local-left-slot-offset:var(--sinch-comp-select-button-spacing-left-slot-offset-s, -4px);--sinch-global-size-icon:var(--sinch-comp-select-button-size-icon-s);--sinch-local-shape-radius:var(--sinch-comp-select-button-shape-radius-size-s)}:host([disabled]) #wrapper{--sinch-global-color-icon:var(--sinch-comp-select-button-color-disabled-icon-initial)}#text{flex:1;min-width:0;--sinch-comp-text-font:var(--sinch-comp-select-button-font-input);--sinch-global-color-text:var(--sinch-comp-select-button-color-default-text-initial)}#text:empty{display:none}#placeholder{display:none;flex:1;min-width:0;--sinch-comp-text-font:var(--sinch-comp-select-button-font-placeholder);--sinch-global-color-text:var(--sinch-comp-select-button-color-default-placeholder-initial)}#text:empty+#placeholder{display:block}#border{position:absolute;border:1px solid var(--sinch-comp-select-button-color-default-border-initial);border-radius:var(--sinch-local-shape-radius);inset:0;pointer-events:none}:host(:focus-visible) #border{border-color:var(--sinch-comp-select-button-color-default-border-focus);border-width:2px}:host([invalid]) #border{border-color:var(--sinch-comp-select-button-color-invalid-border-initial)}:host([disabled]) #border{border-color:var(--sinch-comp-select-button-color-disabled-border-initial)}:host([disabled]) #text{--sinch-global-color-text:var(--sinch-comp-select-button-color-disabled-text-initial)}:host([disabled]) #placeholder{--sinch-global-color-text:var(--sinch-comp-select-button-color-disabled-placeholder-initial)}#left{display:flex;flex-direction:row;align-self:stretch;align-items:center;gap:var(--sinch-local-left-slot-gap);margin-left:var(--sinch-local-left-slot-offset)}#left.empty{display:none}</style><div id="wrapper" inert><div id="border"></div><div id="left"><slot name="left"></slot></div><slot name="icon"></slot><sinch-text id="text" type="m" ellipsis></sinch-text><sinch-text id="placeholder" type="m" ellipsis></sinch-text><sinch-icon icons-version="2" name="fa-angle-down" id="dropdown-icon"></sinch-icon></div>';
11790
- const template$h = document.createElement("template");
11791
- template$h.innerHTML = templateHTML$h;
11940
+ const templateHTML$j = '<style>:host{display:inline-block;vertical-align:middle;outline:0;cursor:pointer}:host([disabled]){cursor:initial}#wrapper{position:relative;display:flex;flex-direction:row;align-items:center;gap:var(--sinch-local-gap);box-sizing:border-box;width:100%;height:var(--sinch-local-size);padding:0 var(--sinch-local-padding-end) 0 var(--sinch-local-padding-start);background-color:var(--sinch-comp-select-button-color-default-background-initial);border-radius:var(--sinch-local-shape-radius);--sinch-local-size:var(--sinch-comp-select-button-size-container-m);--sinch-local-padding-start:var(--sinch-comp-select-button-spacing-padding-left-m, 12px);--sinch-local-padding-end:var(--sinch-comp-select-button-spacing-padding-right-m, 8px);--sinch-local-gap:var(--sinch-comp-select-button-spacing-gap-m, 8px);--sinch-local-left-slot-gap:var(--sinch-comp-select-button-spacing-left-slot-gap-m, 4px);--sinch-local-left-slot-offset:var(--sinch-comp-select-button-spacing-left-slot-offset-m, -4px);--sinch-global-size-icon:var(--sinch-comp-select-button-size-icon-m);--sinch-local-shape-radius:var(--sinch-comp-select-button-shape-radius-size-m);--sinch-global-color-icon:var(--sinch-comp-select-button-color-default-icon-initial)}:host([data-size="l"])>#wrapper{--sinch-local-size:var(--sinch-comp-select-button-size-container-l);--sinch-local-padding-start:var(--sinch-comp-select-button-spacing-padding-left-l, 12px);--sinch-local-padding-end:var(--sinch-comp-select-button-spacing-padding-right-l, 12px);--sinch-local-gap:var(--sinch-comp-select-button-spacing-gap-l, 8px);--sinch-local-left-slot-gap:var(--sinch-comp-select-button-spacing-left-slot-gap-l, 4px);--sinch-local-left-slot-offset:var(--sinch-comp-select-button-spacing-left-slot-offset-l, -4px);--sinch-global-size-icon:var(--sinch-comp-select-button-size-icon-l);--sinch-local-shape-radius:var(--sinch-comp-select-button-shape-radius-size-l)}:host([data-size="m"])>#wrapper{--sinch-local-size:var(--sinch-comp-select-button-size-container-m);--sinch-local-padding-start:var(--sinch-comp-select-button-spacing-padding-left-m, 12px);--sinch-local-padding-end:var(--sinch-comp-select-button-spacing-padding-right-m, 8px);--sinch-local-gap:var(--sinch-comp-select-button-spacing-gap-m, 8px);--sinch-local-left-slot-gap:var(--sinch-comp-select-button-spacing-left-slot-gap-m, 4px);--sinch-local-left-slot-offset:var(--sinch-comp-select-button-spacing-left-slot-offset-m, -4px);--sinch-global-size-icon:var(--sinch-comp-select-button-size-icon-m);--sinch-local-shape-radius:var(--sinch-comp-select-button-shape-radius-size-m)}:host([data-size="s"])>#wrapper{--sinch-local-size:var(--sinch-comp-select-button-size-container-s);--sinch-local-padding-start:var(--sinch-comp-select-button-spacing-padding-left-s, 12px);--sinch-local-padding-end:var(--sinch-comp-select-button-spacing-padding-right-s, 4px);--sinch-local-gap:var(--sinch-comp-select-button-spacing-gap-s, 8px);--sinch-local-left-slot-gap:var(--sinch-comp-select-button-spacing-left-slot-gap-s, 4px);--sinch-local-left-slot-offset:var(--sinch-comp-select-button-spacing-left-slot-offset-s, -4px);--sinch-global-size-icon:var(--sinch-comp-select-button-size-icon-s);--sinch-local-shape-radius:var(--sinch-comp-select-button-shape-radius-size-s)}:host([disabled]) #wrapper{--sinch-global-color-icon:var(--sinch-comp-select-button-color-disabled-icon-initial)}#text{flex:1;min-width:0;--sinch-comp-text-font:var(--sinch-comp-select-button-font-input);--sinch-global-color-text:var(--sinch-comp-select-button-color-default-text-initial)}#text:empty{display:none}#placeholder{display:none;flex:1;min-width:0;--sinch-comp-text-font:var(--sinch-comp-select-button-font-placeholder);--sinch-global-color-text:var(--sinch-comp-select-button-color-default-placeholder-initial)}#text:empty+#placeholder{display:block}#border{position:absolute;border:1px solid var(--sinch-comp-select-button-color-default-border-initial);border-radius:var(--sinch-local-shape-radius);inset:0;pointer-events:none}:host(:focus-visible) #border{border-color:var(--sinch-comp-select-button-color-default-border-focus);border-width:2px}:host([invalid]) #border{border-color:var(--sinch-comp-select-button-color-invalid-border-initial)}:host([disabled]) #border{border-color:var(--sinch-comp-select-button-color-disabled-border-initial)}:host([disabled]) #text{--sinch-global-color-text:var(--sinch-comp-select-button-color-disabled-text-initial)}:host([disabled]) #placeholder{--sinch-global-color-text:var(--sinch-comp-select-button-color-disabled-placeholder-initial)}#left{display:flex;flex-direction:row;align-self:stretch;align-items:center;gap:var(--sinch-local-left-slot-gap);margin-left:var(--sinch-local-left-slot-offset)}#left.empty{display:none}</style><div id="wrapper" inert><div id="border"></div><div id="left"><slot name="left"></slot></div><slot name="icon"></slot><sinch-text id="text" type="m" ellipsis></sinch-text><sinch-text id="placeholder" type="m" ellipsis></sinch-text><sinch-icon icons-version="2" name="fa-angle-down" id="dropdown-icon"></sinch-icon></div>';
11941
+ const template$j = document.createElement("template");
11942
+ template$j.innerHTML = templateHTML$j;
11792
11943
  class SelectButton extends NectaryElement {
11793
11944
  #$text;
11794
11945
  #$placeholder;
@@ -11800,7 +11951,7 @@ class SelectButton extends NectaryElement {
11800
11951
  constructor() {
11801
11952
  super();
11802
11953
  const shadowRoot = this.attachShadow();
11803
- shadowRoot.appendChild(template$h.content.cloneNode(true));
11954
+ shadowRoot.appendChild(template$j.content.cloneNode(true));
11804
11955
  this.#$text = shadowRoot.querySelector("#text");
11805
11956
  this.#$placeholder = shadowRoot.querySelector("#placeholder");
11806
11957
  this.#$leftSlot = shadowRoot.querySelector('slot[name="left"]');
@@ -11971,16 +12122,16 @@ class SelectButton extends NectaryElement {
11971
12122
  };
11972
12123
  }
11973
12124
  defineCustomElement("sinch-select-button", SelectButton);
11974
- const templateHTML$g = '<style>:host{display:block}#wrapper{display:flex;position:relative;box-sizing:border-box;min-height:40px;padding:8px 16px;align-items:center;gap:10px;user-select:none;cursor:pointer;background-color:var(--sinch-comp-select-menu-color-default-background-initial);--sinch-global-color-text:var(--sinch-comp-select-menu-color-default-option-initial);--sinch-global-color-icon:var(--sinch-comp-select-menu-color-default-icon-initial);--sinch-global-size-icon:var(--sinch-comp-select-menu-size-icon)}#content{flex:1;min-width:0;--sinch-comp-text-font:var(--sinch-comp-select-menu-font-option)}#icon-check{display:none;margin-right:-6px}:host([data-checked]) #icon-check{display:block}:host([data-selected])>#wrapper{background-color:var(--sinch-comp-select-menu-color-default-background-selected)}:host(:hover)>#wrapper{background-color:var(--sinch-comp-select-menu-color-default-background-hover)}:host([disabled])>#wrapper{cursor:initial;pointer-events:none;background-color:var(--sinch-comp-select-menu-color-disabled-background-initial);--sinch-global-color-text:var(--sinch-comp-select-menu-color-disabled-option-initial);--sinch-global-color-icon:var(--sinch-comp-select-menu-color-disabled-icon-initial)}::slotted([slot=icon]){margin-left:-6px}::slotted([slot=content]){pointer-events:none;flex:1}</style><div id="wrapper"><slot name="icon"></slot><slot name="content"></slot><sinch-text id="content" type="m" ellipsis></sinch-text><sinch-icon icons-version="2" name="fa-check" id="icon-check"></sinch-icon></div>';
11975
- const template$g = document.createElement("template");
11976
- template$g.innerHTML = templateHTML$g;
12125
+ const templateHTML$i = '<style>:host{display:block}#wrapper{display:flex;position:relative;box-sizing:border-box;min-height:40px;padding:8px 16px;align-items:center;gap:10px;user-select:none;cursor:pointer;background-color:var(--sinch-comp-select-menu-color-default-background-initial);--sinch-global-color-text:var(--sinch-comp-select-menu-color-default-option-initial);--sinch-global-color-icon:var(--sinch-comp-select-menu-color-default-icon-initial);--sinch-global-size-icon:var(--sinch-comp-select-menu-size-icon)}#content{flex:1;min-width:0;--sinch-comp-text-font:var(--sinch-comp-select-menu-font-option)}#icon-check{display:none;margin-right:-6px}:host([data-checked]) #icon-check{display:block}:host([data-selected])>#wrapper{background-color:var(--sinch-comp-select-menu-color-default-background-selected)}:host(:hover)>#wrapper{background-color:var(--sinch-comp-select-menu-color-default-background-hover)}:host([disabled])>#wrapper{cursor:initial;pointer-events:none;background-color:var(--sinch-comp-select-menu-color-disabled-background-initial);--sinch-global-color-text:var(--sinch-comp-select-menu-color-disabled-option-initial);--sinch-global-color-icon:var(--sinch-comp-select-menu-color-disabled-icon-initial)}::slotted([slot=icon]){margin-left:-6px}::slotted([slot=content]){pointer-events:none;flex:1}</style><div id="wrapper"><slot name="icon"></slot><slot name="content"></slot><sinch-text id="content" type="m" ellipsis></sinch-text><sinch-icon icons-version="2" name="fa-check" id="icon-check"></sinch-icon></div>';
12126
+ const template$i = document.createElement("template");
12127
+ template$i.innerHTML = templateHTML$i;
11977
12128
  class SelectMenuOption extends NectaryElement {
11978
12129
  #$contentSlot;
11979
12130
  #$content;
11980
12131
  constructor() {
11981
12132
  super();
11982
12133
  const shadowRoot = this.attachShadow();
11983
- shadowRoot.appendChild(template$g.content.cloneNode(true));
12134
+ shadowRoot.appendChild(template$i.content.cloneNode(true));
11984
12135
  this.#$contentSlot = shadowRoot.querySelector('slot[name="content"]');
11985
12136
  this.#$content = shadowRoot.querySelector("#content");
11986
12137
  }
@@ -12047,11 +12198,11 @@ class SelectMenuOption extends NectaryElement {
12047
12198
  }
12048
12199
  defineCustomElement("sinch-select-menu-option", SelectMenuOption);
12049
12200
  const isSelectMenuOption = (el) => el.localName === "sinch-select-menu-option";
12050
- const templateHTML$f = '<style>:host{display:block;outline:0}#listbox{overflow-y:auto;max-height:var(--sinch-comp-select-menu-font-max-height)}#search{display:none;margin:10px}#search.active{display:block}#search-clear:not(.active){display:none}#not-found{display:flex;align-items:center;justify-content:center;width:100%;height:30px;margin-bottom:10px;pointer-events:none;user-select:none;--sinch-comp-text-font:var(--sinch-comp-select-menu-font-not-found-text);--sinch-global-color-text:var(--sinch-comp-select-menu-color-default-not-found-text-initial)}#not-found:not(.active){display:none}::slotted(.hidden){display:none}::slotted(sinch-title){padding:8px 16px;--sinch-global-color-text:var(--sinch-comp-select-menu-color-default-title-initial)}</style><sinch-input id="search" size="s" placeholder="Search"><sinch-icon icons-version="2" name="magnifying-glass" id="icon-search" slot="icon"></sinch-icon><sinch-button id="search-clear" slot="right"><sinch-icon icons-version="2" name="fa-xmark" slot="icon"></sinch-icon></sinch-button></sinch-input><div id="not-found"><sinch-text type="m">No results</sinch-text></div><div id="listbox" role="presentation"><slot></slot></div>';
12201
+ const templateHTML$h = '<style>:host{display:block;outline:0}#listbox{overflow-y:auto;max-height:var(--sinch-comp-select-menu-font-max-height)}#search{display:none;margin:10px}#search.active{display:block}#search-clear:not(.active){display:none}#not-found{display:flex;align-items:center;justify-content:center;width:100%;height:30px;margin-bottom:10px;pointer-events:none;user-select:none;--sinch-comp-text-font:var(--sinch-comp-select-menu-font-not-found-text);--sinch-global-color-text:var(--sinch-comp-select-menu-color-default-not-found-text-initial)}#not-found:not(.active){display:none}::slotted(.hidden){display:none}::slotted(sinch-title){padding:8px 16px;--sinch-global-color-text:var(--sinch-comp-select-menu-color-default-title-initial)}</style><sinch-input id="search" size="s" placeholder="Search"><sinch-icon icons-version="2" name="magnifying-glass" id="icon-search" slot="icon"></sinch-icon><sinch-button id="search-clear" slot="right"><sinch-icon icons-version="2" name="fa-xmark" slot="icon"></sinch-icon></sinch-button></sinch-input><div id="not-found"><sinch-text type="m">No results</sinch-text></div><div id="listbox" role="presentation"><slot></slot></div>';
12051
12202
  const ITEM_HEIGHT = 40;
12052
12203
  const NUM_ITEMS_SEARCH = 7;
12053
- const template$f = document.createElement("template");
12054
- template$f.innerHTML = templateHTML$f;
12204
+ const template$h = document.createElement("template");
12205
+ template$h.innerHTML = templateHTML$h;
12055
12206
  class SelectMenu extends NectaryElement {
12056
12207
  #$optionSlot;
12057
12208
  #$listbox;
@@ -12066,7 +12217,7 @@ class SelectMenu extends NectaryElement {
12066
12217
  constructor() {
12067
12218
  super();
12068
12219
  const shadowRoot = this.attachShadow();
12069
- shadowRoot.appendChild(template$f.content.cloneNode(true));
12220
+ shadowRoot.appendChild(template$h.content.cloneNode(true));
12070
12221
  this.#internals = this.attachInternals();
12071
12222
  this.#$optionSlot = shadowRoot.querySelector("slot");
12072
12223
  this.#$listbox = shadowRoot.querySelector("#listbox");
@@ -12490,6 +12641,297 @@ class SelectMenu extends NectaryElement {
12490
12641
  };
12491
12642
  }
12492
12643
  defineCustomElement("sinch-select-menu", SelectMenu);
12644
+ const templateHTML$g = '<style>:host{display:contents}#dialog{position:fixed;margin:0;display:grid;grid-template-rows:auto 1fr auto;padding:var(--sinch-comp-sheet-size-padding) 0;gap:var(--sinch-comp-sheet-size-gap);max-width:unset;max-height:unset;box-sizing:border-box;contain:content;background-color:var(--sinch-comp-sheet-color-background);border:none;outline:0;opacity:0;transition-property:transform,opacity;transition-duration:var(--sinch-comp-sheet-animation-duration),calc(var(--sinch-comp-sheet-animation-duration) / 2.5);transition-timing-function:var(--sinch-comp-sheet-animation-easing)}#dialog.overlay-push{opacity:.5}#dialog[open],#dialog[open].placement-bottom,#dialog[open].placement-left,#dialog[open].placement-right,#dialog[open].placement-top{transform:translateX(0) translateY(0);opacity:1}#dialog.placement-right{top:0;right:0;margin-left:auto;height:100dvh;transform:translateX(100%);max-width:var(--sinch-comp-sheet-size-max-horizontal)}#dialog.placement-left{top:0;left:0;margin-right:auto;height:100dvh;transform:translateX(-100%);max-width:var(--sinch-comp-sheet-size-max-horizontal)}#dialog.placement-top{top:0;left:0;right:0;width:100%;transform:translateY(-100%);max-height:var(--sinch-comp-sheet-size-max-vertical)}#dialog.placement-bottom{bottom:0;left:0;right:0;width:100%;margin-top:auto;transform:translateY(100%);max-height:var(--sinch-comp-sheet-size-max-vertical)}#dialog::backdrop{display:block;background:linear-gradient(var(--sinch-comp-sheet-color-backdrop-from),var(--sinch-comp-sheet-color-backdrop-to));backdrop-filter:blur(var(--sinch-comp-sheet-size-backdrop-blur))}#title{padding:0 var(--sinch-comp-sheet-size-padding)}#content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 var(--sinch-comp-sheet-size-padding);box-sizing:border-box}#action{display:flex;flex-direction:row;justify-content:flex-end;gap:16px;padding:0 var(--sinch-comp-sheet-size-padding)}#action.empty{display:none}@media screen and (max-width:576px){#dialog.placement-left,#dialog.placement-right{max-width:100dvw}}@media (prefers-reduced-motion:reduce){#dialog{transition-duration:0s}}</style><dialog id="dialog" aria-labelledby="title" aria-describedby="content"><div id="title"><slot name="title"></slot></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="footer"></slot></sinch-stop-events></div></dialog>';
12645
+ const template$g = document.createElement("template");
12646
+ template$g.innerHTML = templateHTML$g;
12647
+ class Sheet extends NectaryElement {
12648
+ #$dialog;
12649
+ #$actionWrapper;
12650
+ #$actionSlot;
12651
+ #controller = null;
12652
+ constructor() {
12653
+ super();
12654
+ const shadowRoot = this.attachShadow();
12655
+ shadowRoot.appendChild(template$g.content.cloneNode(true));
12656
+ this.#$dialog = shadowRoot.querySelector("#dialog");
12657
+ this.#$actionWrapper = shadowRoot.querySelector("#action");
12658
+ this.#$actionSlot = shadowRoot.querySelector('slot[name="footer"]');
12659
+ }
12660
+ connectedCallback() {
12661
+ super.connectedCallback();
12662
+ this.#controller = new AbortController();
12663
+ const options = {
12664
+ signal: this.#controller.signal
12665
+ };
12666
+ this.#$dialog.classList.add(`placement-${this.placement}`);
12667
+ this.#$dialog.classList.add(`overlay-${this.overlay}`);
12668
+ this.#$dialog.addEventListener(
12669
+ "mousedown",
12670
+ this.#onBackdropMouseDown,
12671
+ options
12672
+ );
12673
+ this.#$dialog.addEventListener("cancel", this.#onCancel, options);
12674
+ this.#$dialog.addEventListener(
12675
+ "transitionstart",
12676
+ this.#onAnimationStart,
12677
+ options
12678
+ );
12679
+ this.#$dialog.addEventListener(
12680
+ "transitionend",
12681
+ this.#onAnimationEnd,
12682
+ options
12683
+ );
12684
+ this.#$actionSlot.addEventListener(
12685
+ "slotchange",
12686
+ this.#onActionSlotChange,
12687
+ options
12688
+ );
12689
+ this.addEventListener("-close", this.#onCloseReactHandler, options);
12690
+ this.addEventListener(
12691
+ "-animation-start",
12692
+ this.#onAnimationStartReactHandler,
12693
+ options
12694
+ );
12695
+ this.addEventListener(
12696
+ "-animation-end",
12697
+ this.#onAnimationEndReactHandler,
12698
+ options
12699
+ );
12700
+ this.#onActionSlotChange();
12701
+ if (this.open) {
12702
+ requestAnimationFrame(() => {
12703
+ this.#onExpand();
12704
+ });
12705
+ }
12706
+ }
12707
+ disconnectedCallback() {
12708
+ super.disconnectedCallback();
12709
+ this.#onCollapse();
12710
+ this.#controller.abort();
12711
+ this.#controller = null;
12712
+ document.body.style.removeProperty("--sinch-sheet-export-current-width");
12713
+ document.body.style.removeProperty("--sinch-sheet-export-current-height");
12714
+ }
12715
+ // overlay attribute is not observed because it is expected to be set once on initialization
12716
+ // there is no practical use case for changing it dynamically
12717
+ static get observedAttributes() {
12718
+ return ["open", "placement"];
12719
+ }
12720
+ attributeChangedCallback(name, oldVal, newVal) {
12721
+ if (isAttrEqual(oldVal, newVal)) {
12722
+ return;
12723
+ }
12724
+ switch (name) {
12725
+ case "open": {
12726
+ const shouldOpen = isAttrTrue(newVal);
12727
+ if (shouldOpen) {
12728
+ requestAnimationFrame(() => {
12729
+ this.#onExpand();
12730
+ });
12731
+ } else {
12732
+ this.#onCollapse();
12733
+ }
12734
+ updateBooleanAttribute(this, "open", shouldOpen);
12735
+ break;
12736
+ }
12737
+ case "placement": {
12738
+ this.#$dialog.classList.remove(...Array.from(this.#$dialog.classList).filter((cls) => cls.startsWith("placement-")));
12739
+ this.#$dialog.classList.add(`placement-${newVal ?? "right"}`);
12740
+ break;
12741
+ }
12742
+ }
12743
+ }
12744
+ set open(isOpen) {
12745
+ updateBooleanAttribute(this, "open", isOpen);
12746
+ }
12747
+ get open() {
12748
+ return getBooleanAttribute(this, "open");
12749
+ }
12750
+ set placement(placement) {
12751
+ updateAttribute(this, "placement", placement);
12752
+ }
12753
+ get placement() {
12754
+ return getAttribute(this, "placement", "right");
12755
+ }
12756
+ set overlay(overlayMode) {
12757
+ updateAttribute(this, "overlay", overlayMode);
12758
+ }
12759
+ get overlay() {
12760
+ return getAttribute(this, "overlay", "modal");
12761
+ }
12762
+ get dialogRect() {
12763
+ return getRect(this.#$dialog);
12764
+ }
12765
+ #onAnimationStart = (e) => {
12766
+ if (e.propertyName !== "transform") {
12767
+ return;
12768
+ }
12769
+ this.#dispatchAnimationEvent("start");
12770
+ };
12771
+ #onAnimationEnd = (e) => {
12772
+ if (e.propertyName !== "transform") {
12773
+ return;
12774
+ }
12775
+ this.#dispatchAnimationEvent("end");
12776
+ };
12777
+ #onCancel = (e) => {
12778
+ if (e.cancelable) {
12779
+ e.preventDefault();
12780
+ } else {
12781
+ this.#onCollapse();
12782
+ }
12783
+ e.stopPropagation();
12784
+ this.#dispatchCloseEvent("escape", e.cancelable);
12785
+ };
12786
+ #onBackdropMouseDown = (e) => {
12787
+ if (isTargetEqual(e, this.#$dialog)) {
12788
+ const rect = this.dialogRect;
12789
+ const isInside = e.x >= rect.x && e.x < rect.x + rect.width && e.y >= rect.y && e.y < rect.y + rect.height;
12790
+ if (!isInside) {
12791
+ e.stopPropagation();
12792
+ this.#dispatchCloseEvent("backdrop", e.cancelable);
12793
+ }
12794
+ }
12795
+ };
12796
+ #onCloseReactHandler = (e) => {
12797
+ getReactEventHandler(this, "on-close")?.(e);
12798
+ getReactEventHandler(this, "onClose")?.(e);
12799
+ };
12800
+ #onAnimationStartReactHandler = (e) => {
12801
+ getReactEventHandler(this, "on-animation-start")?.(e);
12802
+ getReactEventHandler(this, "onAnimationStart")?.(e);
12803
+ };
12804
+ #onAnimationEndReactHandler = (e) => {
12805
+ getReactEventHandler(this, "on-animation-end")?.(e);
12806
+ getReactEventHandler(this, "onAnimationEnd")?.(e);
12807
+ };
12808
+ #dispatchCloseEvent(detail, cancelable) {
12809
+ this.dispatchEvent(new CustomEvent("-close", { detail, cancelable }));
12810
+ }
12811
+ #dispatchAnimationEvent(type) {
12812
+ const eventName = type === "start" ? "-animation-start" : "-animation-end";
12813
+ const action = this.#$dialog.open ? "expand" : "collapse";
12814
+ const width = this.#$dialog.offsetWidth;
12815
+ const height = this.#$dialog.offsetHeight;
12816
+ const duration = getCssVar(this, "--sinch-comp-sheet-animation-duration") ?? "750ms";
12817
+ const easing = getCssVar(this, "--sinch-comp-sheet-animation-easing") ?? "cubic-bezier(0.25, 1, 0.5, 1)";
12818
+ const detail = {
12819
+ action,
12820
+ width,
12821
+ height,
12822
+ duration,
12823
+ easing
12824
+ };
12825
+ document.body.style.setProperty(
12826
+ "--sinch-sheet-export-current-width",
12827
+ `${width}px`
12828
+ );
12829
+ document.body.style.setProperty(
12830
+ "--sinch-sheet-export-current-height",
12831
+ `${height}px`
12832
+ );
12833
+ this.dispatchEvent(new CustomEvent(eventName, { detail }));
12834
+ }
12835
+ #onExpand() {
12836
+ if (!this.isDomConnected || this.#$dialog.open || !this.open) {
12837
+ return;
12838
+ }
12839
+ if (this.overlay === "modal") {
12840
+ this.#$dialog.showModal();
12841
+ disableScroll();
12842
+ } else {
12843
+ this.#$dialog.show();
12844
+ }
12845
+ }
12846
+ #onCollapse() {
12847
+ if (!this.#$dialog.open) {
12848
+ return;
12849
+ }
12850
+ this.#$dialog.close?.();
12851
+ if (this.overlay === "modal") {
12852
+ enableScroll();
12853
+ }
12854
+ }
12855
+ #onActionSlotChange = () => {
12856
+ setClass(
12857
+ this.#$actionWrapper,
12858
+ "empty",
12859
+ this.#$actionSlot.assignedElements().length === 0
12860
+ );
12861
+ };
12862
+ }
12863
+ defineCustomElement("sinch-sheet", Sheet);
12864
+ const templateHTML$f = '<style>:host{display:contents;--sinch-sheet-close-button-display:unset}#top{display:flex;flex-direction:row;align-items:center;margin-top:8px;gap:8px}#text{--sinch-global-color-text:var(--sinch-comp-sheet-color-title);--sinch-comp-title-font:var(--sinch-comp-sheet-font-title)}#description{--sinch-global-color-text:var(--sinch-comp-sheet-color-description);--sinch-comp-text-font:var(--sinch-comp-sheet-font-description)}#close{display:var(--sinch-sheet-close-button-display,initial);margin-left:auto}</style><div id="title"><div id="top"><slot id="icon" name="icon"></slot><sinch-title id="text" type="m" level="3"></sinch-title><sinch-button id="close" size="s" aria-label="Close"><sinch-icon icons-version="2" name="fa-xmark" id="icon-close" slot="icon"></sinch-icon></sinch-button></div><sinch-text id="description" type="m"></sinch-text></div>';
12865
+ const template$f = document.createElement("template");
12866
+ template$f.innerHTML = templateHTML$f;
12867
+ class SheetTitle extends NectaryElement {
12868
+ #$closeButton;
12869
+ #$text;
12870
+ #$description;
12871
+ #controller = null;
12872
+ constructor() {
12873
+ super();
12874
+ const shadowRoot = this.attachShadow();
12875
+ shadowRoot.appendChild(template$f.content.cloneNode(true));
12876
+ this.#$closeButton = shadowRoot.querySelector("#close");
12877
+ this.#$text = shadowRoot.querySelector("#text");
12878
+ this.#$description = shadowRoot.querySelector("#description");
12879
+ }
12880
+ connectedCallback() {
12881
+ super.connectedCallback();
12882
+ this.#controller = new AbortController();
12883
+ const options = {
12884
+ signal: this.#controller.signal
12885
+ };
12886
+ this.#$closeButton.addEventListener("click", this.#onCloseClick, options);
12887
+ }
12888
+ disconnectedCallback() {
12889
+ super.disconnectedCallback();
12890
+ this.#controller.abort();
12891
+ this.#controller = null;
12892
+ }
12893
+ static get observedAttributes() {
12894
+ return ["title", "description", "close-aria-label"];
12895
+ }
12896
+ attributeChangedCallback(name, oldVal, newVal) {
12897
+ if (isAttrEqual(oldVal, newVal)) {
12898
+ return;
12899
+ }
12900
+ switch (name) {
12901
+ case "title": {
12902
+ updateAttribute(this.#$text, "text", newVal);
12903
+ break;
12904
+ }
12905
+ case "description": {
12906
+ this.#$description.textContent = newVal;
12907
+ break;
12908
+ }
12909
+ case "close-aria-label": {
12910
+ updateAttribute(this.#$closeButton, "aria-label", newVal);
12911
+ break;
12912
+ }
12913
+ }
12914
+ }
12915
+ set title(caption) {
12916
+ updateAttribute(this, "title", caption);
12917
+ }
12918
+ get title() {
12919
+ return getAttribute(this, "title", "");
12920
+ }
12921
+ set description(description) {
12922
+ updateAttribute(this, "description", description);
12923
+ }
12924
+ get description() {
12925
+ return getAttribute(this, "description", "");
12926
+ }
12927
+ get closeButtonRect() {
12928
+ return getRect(this.#$closeButton);
12929
+ }
12930
+ #onCloseClick = () => {
12931
+ this.dispatchEvent(new CustomEvent("-close", { cancelable: true, bubbles: true, detail: "close" }));
12932
+ };
12933
+ }
12934
+ defineCustomElement("sinch-sheet-title", SheetTitle);
12493
12935
  const templateHTML$e = '<style>:host{display:block;box-sizing:border-box;--sinch-local-shape-radius:var(--sinch-sys-shape-radius-m, 4px)}#content{width:100%;height:100%;min-height:100%;box-sizing:border-box;background-color:var(--sinch-sys-color-border-subtle);overflow:hidden;position:relative;border-radius:var(--sinch-local-shape-radius)}:host([size=xs]){height:var(--sinch-sys-size-xs,24px);--sinch-local-shape-radius:var(--sinch-sys-shape-radius-xs, 4px)}:host([size="s"]){height:var(--sinch-sys-size-s,32px);--sinch-local-shape-radius:var(--sinch-sys-shape-radius-s, 4px)}:host(:not([size])),:host([size="m"]){height:var(--sinch-sys-size-m,40px);--sinch-local-shape-radius:var(--sinch-sys-shape-radius-m, 4px)}:host([size="l"]){height:var(--sinch-sys-size-l,48px);--sinch-local-shape-radius:var(--sinch-sys-shape-radius-l, 4px)}</style><div id="content"></div>';
12494
12936
  const template$e = document.createElement("template");
12495
12937
  template$e.innerHTML = templateHTML$e;
@@ -14174,6 +14616,7 @@ export {
14174
14616
  Emoji,
14175
14617
  EmojiPicker,
14176
14618
  Field,
14619
+ FieldV2,
14177
14620
  FileDrop,
14178
14621
  FilePicker,
14179
14622
  FileStatus,
@@ -14198,6 +14641,7 @@ export {
14198
14641
  RadioOption,
14199
14642
  RichText,
14200
14643
  RichTextarea,
14644
+ RichTextareaChip,
14201
14645
  SKINTONE_SWATCH_COLORS,
14202
14646
  SWATCH_COLORS,
14203
14647
  SegmentCollapse,
@@ -14208,6 +14652,8 @@ export {
14208
14652
  SelectButton,
14209
14653
  SelectMenu,
14210
14654
  SelectMenuOption,
14655
+ Sheet,
14656
+ SheetTitle,
14211
14657
  Skeleton,
14212
14658
  SkeletonItem,
14213
14659
  Spinner,