@nectary/components 5.42.4 → 5.42.5-rc.0

package/emoji-picker/types.d.js

@@ -0,0 +1 @@
+

package/field/global/index.d.js

@@ -0,0 +1 @@
+

package/field/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-field");

package/field/index.d.js

@@ -0,0 +1 @@
+import "../index.d6.js";

package/field/index.js

@@ -1,7 +1,7 @@
-import "../tooltip/index.js";
-import { getAttribute, setClass, isAttrEqual, updateBooleanAttribute, isAttrTrue, updateAttribute, getBooleanAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getFirstSlotElement } from "../utils/slot.js";
+import "../index.d6.js";
+import { i as getAttribute, w as setClass, s as isAttrEqual, z as updateBooleanAttribute, t as isAttrTrue, y as updateAttribute, j as getBooleanAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { a as getFirstSlotElement } from "../slot.js";
 const templateHTML = '<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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#optional:empty{display:none}#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><sinch-tooltip id="optional-tooltip" allow-scroll><span id="optional"></span></sinch-tooltip></div><slot name="input"></slot><div id="bottom"><div id="invalid"></div><div id="additional"></div></div></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/field/types.d.js

@@ -0,0 +1 @@
+

package/field-v2/global/index.d.js

@@ -0,0 +1 @@
+

package/field-v2/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-field-v2");

package/field-v2/index.d.js

@@ -0,0 +1 @@
+import "../index.d5.js";

package/field-v2/index.js

@@ -1,8 +1,8 @@
-import "../rich-text/index.js";
-import { getAttribute, setClass, isAttrEqual, updateBooleanAttribute, isAttrTrue, updateAttribute, getBooleanAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getFirstSlotElement } from "../utils/slot.js";
-import { getReactEventHandler } from "../utils/get-react-event-handler.js";
+import "../index.d5.js";
+import { i as getAttribute, w as setClass, s as isAttrEqual, z as updateBooleanAttribute, t as isAttrTrue, y as updateAttribute, j as getBooleanAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { a as getFirstSlotElement } from "../slot.js";
+import { g as getReactEventHandler } from "../get-react-event-handler.js";
 const templateHTML = '<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>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/field-v2/types.d.js

@@ -0,0 +1 @@
+

package/file-drop/global/index.d.js

@@ -0,0 +1 @@
+

package/file-drop/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-file-drop");

package/file-drop/index.d.js

@@ -0,0 +1,2 @@
+import "../index.d.js";
+import "../index.d13.js";

package/file-drop/index.js

@@ -1,9 +1,9 @@
-import "../text/index.js";
-import "../file-picker/index.js";
-import { isAttrEqual, updateAttribute, updateBooleanAttribute, isAttrTrue, getBooleanAttribute, getAttribute, getIntegerAttribute, setClass } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getReactEventHandler } from "../utils/get-react-event-handler.js";
-import { areItemsAccepted, areFilesAccepted, doFilesSatisfySize } from "./utils.js";
+import "../index.d.js";
+import "../index.d13.js";
+import { s as isAttrEqual, y as updateAttribute, z as updateBooleanAttribute, t as isAttrTrue, j as getBooleanAttribute, i as getAttribute, n as getIntegerAttribute, w as setClass } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { g as getReactEventHandler } from "../get-react-event-handler.js";
+import { a as areItemsAccepted, b as areFilesAccepted, d as doFilesSatisfySize } from "../utils14.js";
 const templateHTML = '<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>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/file-drop/types.d.js

@@ -0,0 +1 @@
+

package/file-drop/utils.d.js

@@ -0,0 +1 @@
+

package/file-picker/global/index.d.js

@@ -0,0 +1 @@
+

package/file-picker/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-file-picker");

package/file-picker/index.d.js

@@ -0,0 +1 @@
+

package/file-picker/index.js

@@ -1,7 +1,7 @@
-import { updateAttribute, isAttrEqual, updateBooleanAttribute, isAttrTrue, getBooleanAttribute, getAttribute, getIntegerAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getReactEventHandler } from "../utils/get-react-event-handler.js";
-import { doFilesSatisfySize } from "./utils.js";
+import { y as updateAttribute, s as isAttrEqual, z as updateBooleanAttribute, t as isAttrTrue, j as getBooleanAttribute, i as getAttribute, n as getIntegerAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { g as getReactEventHandler } from "../get-react-event-handler.js";
+import { d as doFilesSatisfySize } from "../utils15.js";
 const templateHTML = "<style>:host{display:inline-block}::slotted(*){display:block}</style><slot></slot>";
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/file-picker/types.d.js

@@ -0,0 +1 @@
+

package/file-picker/utils.d.js

@@ -0,0 +1 @@
+

package/file-status/global/index.d.js

@@ -0,0 +1 @@
+

package/file-status/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-file-status");

package/file-status/index.d.js

@@ -0,0 +1,3 @@
+import "../index.d4.js";
+import "../index.d3.js";
+import "../index.d.js";

package/file-status/index.js

@@ -1,9 +1,9 @@
-import "../spinner/index.js";
-import "../icon/index.js";
-import "../text/index.js";
-import { getLiteralAttribute, updateLiteralAttribute, getAttribute, updateAttribute, updateBooleanAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { typeValues } from "./utils.js";
+import "../index.d4.js";
+import "../index.d3.js";
+import "../index.d.js";
+import { o as getLiteralAttribute, C as updateLiteralAttribute, i as getAttribute, y as updateAttribute, z as updateBooleanAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { t as typeValues } from "../utils16.js";
 const templateHTML = '<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>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/file-status/types.d.js

@@ -0,0 +1 @@
+

package/file-status/utils.d.js

@@ -0,0 +1 @@
+

package/flag/global/index.d.js

@@ -0,0 +1 @@
+

package/flag/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-flag");

package/flag/index.d.js

@@ -0,0 +1 @@
+

package/flag/index.js

@@ -1,6 +1,6 @@
-import { updateAttribute, getAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getFlagUrl } from "./utils.js";
+import { y as updateAttribute, i as getAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { g as getFlagUrl } from "../utils17.js";
 const templateHTML = '<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">';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/flag/types.d.js

@@ -0,0 +1 @@
+

package/flag/utils.d.js

@@ -0,0 +1 @@
+

package/flag/utils.js

@@ -1,4 +1,4 @@
-import { getCssVar } from "../utils/dom.js";
+import { k as getCssVar } from "../dom.js";
 let flagUrl = null;
 const getFlagUrl = (root, code) => {
   if (code === null || code.length === 0) {

package/floating-panel/global/index.d.js

@@ -0,0 +1 @@
+

package/floating-panel/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-floating-panel");

package/floating-panel/index.d.js

@@ -0,0 +1,4 @@
+import "../index2.js";
+import "../index.d14.js";
+import "../index.d3.js";
+import "../index4.js";

package/floating-panel/index.d.ts

@@ -13,9 +13,9 @@ export declare class FloatingPanel extends NectaryElement {
     disconnectedCallback(): void;
     static get observedAttributes(): string[];
     attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null): void;
-    get panelRect(): import("../types").TRect;
-    get closeButtonRect(): import("../types").TRect;
-    get ctaButtonRect(): import("../types").TRect;
+    get panelRect(): any;
+    get closeButtonRect(): any;
+    get ctaButtonRect(): any;
     set open(value: boolean);
     get open(): boolean;
     set noOfItemsSelected(value: string | null);

package/floating-panel/index.js

@@ -1,15 +1,13 @@
-import { isSinchActionMenuOption } from "../action-menu-option/utils.js";
-import { isAttrEqual, getBooleanAttribute, getAttribute, shouldReduceMotion, updateBooleanAttribute, updateAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getRect } from "../utils/rect.js";
-import { throttleAnimationFrame } from "../utils/throttle.js";
-import { getReactEventHandler } from "../utils/get-react-event-handler.js";
-import "../action-menu/index.js";
-import "../action-menu-option/index.js";
-import "../floating-panel-icon-button/index.js";
-import "../floating-panel-button/index.js";
-import "../icon/index.js";
-import "../popover/index.js";
+import { i as isSinchActionMenuOption } from "../utils6.js";
+import { s as isAttrEqual, j as getBooleanAttribute, i as getAttribute, x as shouldReduceMotion, z as updateBooleanAttribute, y as updateAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { g as getRect } from "../rect.js";
+import { t as throttleAnimationFrame } from "../throttle.js";
+import { g as getReactEventHandler } from "../get-react-event-handler.js";
+import "../index2.js";
+import "../index.d14.js";
+import "../index.d3.js";
+import "../index4.js";
 const templateHTML = '<style>:host{display:block;max-width:100%;min-width:0}@keyframes panel-slide-in{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes panel-slide-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}dialog{display:flex;align-items:center;box-sizing:border-box;height:40px;padding:0;overflow:visible;width:fit-content;max-width:100%;min-width:0;background-color:var(--sinch-comp-floating-panel-color-background,var(--sinch-sys-color-primary-default));border:none;border-radius:var(--sinch-comp-floating-panel-shape-radius);box-shadow:var(--sinch-comp-floating-panel-shadow);color:var(--sinch-comp-floating-panel-color-text,var(--sinch-sys-color-primary-foreground))}dialog.closing,dialog.opening{overflow:hidden}dialog:not([open]){display:none}dialog.opening{animation:panel-slide-in .2s ease-out forwards}dialog.closing{animation:panel-slide-out .2s ease-in forwards}#items-selected{display:flex;align-items:baseline;gap:10px;padding:0 8px;white-space:nowrap}#cta{display:flex}#no-of-items-selected{font:var(--sinch-comp-floating-panel-font-bold)}#items-selected-label{font:var(--sinch-comp-floating-panel-font-regular)}#left-actions{display:flex;align-items:center}#divider{width:1px;align-self:stretch;background-color:var(--sinch-comp-floating-panel-color-divider)}#actions-end{display:flex;align-items:center;flex-shrink:1;min-width:0}#right-actions{display:flex;align-items:center}#right-actions-overflow{display:none;align-items:center;flex-shrink:0}:host([data-density=compact]) #right-actions,:host([data-density=extra-compact]) #right-actions{display:none}:host([data-density=compact]) #right-actions-overflow,:host([data-density=extra-compact]) #right-actions-overflow{display:flex}#actions-popover{display:block;--sinch-comp-pop-z-index:2147483000}#overflow-trigger{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#overflow-menu-surface{box-sizing:border-box;display:block;min-width:var(--sinch-comp-floating-panel-overflow-menu-min-width,220px);width:max-content;max-width:min(var(--sinch-comp-floating-panel-overflow-menu-max-width,288px),calc(100vw - 24px))}#overflow-menu-surface sinch-action-menu{display:block;width:100%}#right-actions sinch-floating-panel-icon-button:last-child:active,#right-actions sinch-floating-panel-icon-button:last-child:focus,#right-actions sinch-floating-panel-icon-button:last-child:hover{--sinch-button-shape-radius-top-right:var(--sinch-comp-floating-panel-shape-radius);--sinch-button-shape-radius-bottom-right:var(--sinch-comp-floating-panel-shape-radius)}@media (prefers-reduced-motion){dialog.closing,dialog.opening{animation:none}}</style><dialog id="wrapper" role="toolbar" aria-label="Bulk actions"><div id="left-actions"><sinch-floating-panel-icon-button id="close-btn" icon="fa-xmark" aria-label="Close selection" class="edge-start"></sinch-floating-panel-icon-button></div><div id="divider" role="separator" aria-orientation="vertical"></div><div id="items-selected" aria-live="polite" aria-atomic="true"><span id="no-of-items-selected"></span> <span id="items-selected-label"></span></div><div id="cta"><sinch-floating-panel-button id="cta-btn" text=""></sinch-floating-panel-button></div><div id="actions-end"><div id="right-actions" role="group" aria-label="Actions"></div><div id="right-actions-overflow"><sinch-popover id="actions-popover" orientation="bottom-right" allow-scroll aria-label="More actions"><sinch-floating-panel-icon-button slot="target" id="overflow-trigger" icon="fa-ellipsis" aria-label="More actions" class="edge-end"></sinch-floating-panel-icon-button><div id="overflow-menu-surface" slot="content"><sinch-action-menu id="overflow-menu" aria-label="Actions" rows="5"></sinch-action-menu></div></sinch-popover></div></div></dialog>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/floating-panel/types.d.js

@@ -0,0 +1 @@
+

package/floating-panel-button/index.d.js

@@ -0,0 +1 @@
+import "../index.d7.js";

package/floating-panel-button/index.js

@@ -1,6 +1,6 @@
-import { isAttrEqual, updateAttribute, getAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import "../button/index.js";
+import { s as isAttrEqual, y as updateAttribute, i as getAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import "../index.d7.js";
 const templateHTML = '<style>:host{display:flex;flex-shrink:0;height:100%;min-height:40px;color:var(--sinch-comp-floating-panel-color-text,var(--sinch-sys-color-primary-foreground))}sinch-button{height:100%;padding:0;white-space:nowrap;--sinch-button-shape-radius-base:0;--sinch-comp-button-color-subtle-secondary-default-border-initial:var(--sinch-sys-color-basic-transparent);--sinch-comp-button-color-subtle-secondary-disabled-border-initial:var(--sinch-sys-color-basic-transparent);--sinch-comp-button-spacing-padding-m:16px;--sinch-comp-button-color-subtle-secondary-default-text-initial:var(--sinch-comp-floating-panel-color-button-text-initial, var(--sinch-sys-color-primary-foreground));--sinch-comp-button-color-subtle-secondary-default-background-initial:var(--sinch-comp-floating-panel-color-button-background-initial, transparent);--sinch-comp-button-color-subtle-secondary-default-background-hover:var(--sinch-comp-floating-panel-color-button-background-hover);--sinch-comp-button-color-subtle-secondary-default-background-active:var(--sinch-comp-floating-panel-color-button-background-active);--sinch-comp-button-shadow-subtle-hover:none;--sinch-comp-button-shadow-subtle-active:none}sinch-button:focus-visible{--sinch-comp-button-color-subtle-secondary-default-background-initial:var(--sinch-comp-floating-panel-color-button-background-hover);--sinch-comp-button-shadow-subtle-focus:none}</style><sinch-button id="button" type="subtle-secondary"></sinch-button>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/floating-panel-button/types.d.js

@@ -0,0 +1 @@
+

package/floating-panel-icon-button/index.d.js

@@ -0,0 +1,2 @@
+import "../index.d7.js";
+import "../index.d3.js";

package/floating-panel-icon-button/index.js

@@ -1,7 +1,7 @@
-import { isAttrEqual, updateAttribute, getAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import "../button/index.js";
-import "../icon/index.js";
+import { s as isAttrEqual, y as updateAttribute, i as getAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import "../index.d7.js";
+import "../index.d3.js";
 const templateHTML = '<style>:host{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;box-sizing:border-box;cursor:pointer}sinch-button{display:flex;align-items:center;justify-content:center;width:100%;height:100%;--sinch-button-shape-radius-base:0;--sinch-comp-button-color-subtle-secondary-default-border-initial:var(--sinch-sys-color-basic-transparent);--sinch-comp-button-color-subtle-secondary-disabled-border-initial:var(--sinch-sys-color-basic-transparent);--sinch-comp-button-color-subtle-secondary-default-background-initial:transparent;--sinch-comp-button-color-subtle-secondary-default-icon-initial:var(--sinch-comp-floating-panel-color-text, var(--sinch-sys-color-primary-foreground));--sinch-comp-button-color-subtle-secondary-default-text-initial:var(--sinch-comp-floating-panel-color-text, var(--sinch-sys-color-primary-foreground));--sinch-comp-button-color-subtle-secondary-default-background-hover:var(--sinch-comp-floating-panel-color-button-background-hover);--sinch-comp-button-color-subtle-secondary-default-background-active:var(--sinch-comp-floating-panel-color-button-background-active);--sinch-comp-button-shadow-subtle-hover:none;--sinch-comp-button-shadow-subtle-active:none}sinch-button:focus-visible{--sinch-comp-button-color-subtle-secondary-default-background-initial:var(--sinch-comp-floating-panel-color-button-background-hover);--sinch-comp-button-shadow-subtle-focus:none}:host(.edge-start:active) sinch-button,:host(.edge-start:focus) sinch-button,:host(.edge-start:hover) sinch-button{--sinch-button-shape-radius-top-left:var(--sinch-comp-floating-panel-shape-radius);--sinch-button-shape-radius-bottom-left:var(--sinch-comp-floating-panel-shape-radius)}:host(.edge-end:active) sinch-button,:host(.edge-end:focus) sinch-button,:host(.edge-end:hover) sinch-button{--sinch-button-shape-radius-top-right:var(--sinch-comp-floating-panel-shape-radius);--sinch-button-shape-radius-bottom-right:var(--sinch-comp-floating-panel-shape-radius)}sinch-icon{--sinch-global-color-icon:var(--sinch-comp-floating-panel-color-text, var(--sinch-sys-color-primary-foreground));--sinch-global-size-icon:var(--sinch-comp-floating-panel-size-button-icon)}</style><sinch-button id="button" type="subtle-secondary"><sinch-icon id="icon" icons-version="2" slot="icon"></sinch-icon></sinch-button>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/floating-panel-icon-button/types.d.js

@@ -0,0 +1 @@
+

package/grid/global/index.d.js

@@ -0,0 +1 @@
+

package/grid/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-grid");

package/grid/index.d.js

@@ -0,0 +1 @@
+

package/grid/index.js

@@ -1,4 +1,4 @@
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
 const templateHTML = '<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>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/grid/types.d.js

@@ -0,0 +1 @@
+

package/grid-item/global/index.d.js

@@ -0,0 +1 @@
+

package/grid-item/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-grid-item");

package/grid-item/index.d.js

@@ -0,0 +1 @@
+

package/grid-item/index.js

@@ -1,5 +1,5 @@
-import { getIntegerAttribute, updateIntegerAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
+import { n as getIntegerAttribute, B as updateIntegerAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
 const templateHTML = '<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>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/grid-item/types.d.js

@@ -0,0 +1 @@
+

package/help-tooltip/global/index.d.js

@@ -0,0 +1 @@
+

package/help-tooltip/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-help-tooltip");

package/help-tooltip/index.d.js

@@ -0,0 +1,2 @@
+import "../index.d6.js";
+import "../index.d3.js";

package/help-tooltip/index.js

@@ -1,8 +1,8 @@
-import "../tooltip/index.js";
-import "../icon/index.js";
-import { updateAttribute, getAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getReactEventHandler } from "../utils/get-react-event-handler.js";
+import "../index.d6.js";
+import "../index.d3.js";
+import { y as updateAttribute, i as getAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { g as getReactEventHandler } from "../get-react-event-handler.js";
 const templateHTML = '<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>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/help-tooltip/types.d.js

@@ -0,0 +1 @@
+

package/icon/generated-icon-type.d.js

@@ -0,0 +1 @@
+

package/icon/global/index.d.js

@@ -0,0 +1 @@
+

package/icon/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-icon");

package/icon/index.d.js

@@ -0,0 +1 @@
+

package/icon/index.d.ts

@@ -9,5 +9,5 @@ export declare class Icon extends NectaryElement {
     get name(): string;
     set iconsVersion(value: '1' | '2');
     get iconsVersion(): '1' | '2';
-    _matchNameToFont(): void;
+    _matchNameToFont(): any;
 }

package/icon/index.js

@@ -1,5 +1,5 @@
-import { getAttribute, updateAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
+import { i as getAttribute, y as updateAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
 const templateHTML = '<style>:host{display:inline-block;text-transform:none}#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>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/icon/types.d.js

@@ -0,0 +1 @@
+

package/inline-alert/global/index.d.js

@@ -0,0 +1 @@
+

package/inline-alert/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-inline-alert");

package/inline-alert/index.d.js

@@ -0,0 +1,5 @@
+import "../index.d3.js";
+import "../index.d4.js";
+import "../index.d5.js";
+import "../index.d.js";
+import "../index.js";

package/inline-alert/index.js

@@ -1,11 +1,11 @@
-import "../icon/index.js";
-import "../spinner/index.js";
-import "../rich-text/index.js";
-import "../text/index.js";
-import "../title/index.js";
-import { updateAttribute, updateExplicitBooleanAttribute, isAttrTrue, getLiteralAttribute, updateLiteralAttribute, getAttribute, getBooleanAttribute, updateBooleanAttribute, setClass } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { typeValues } from "./utils.js";
+import "../index.d3.js";
+import "../index.d4.js";
+import "../index.d5.js";
+import "../index.d.js";
+import "../index.js";
+import { y as updateAttribute, A as updateExplicitBooleanAttribute, t as isAttrTrue, o as getLiteralAttribute, C as updateLiteralAttribute, i as getAttribute, j as getBooleanAttribute, z as updateBooleanAttribute, w as setClass } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { t as typeValues } from "../utils18.js";
 const templateHTML = '<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)}#spinner{display:none}:host([type=success]) #icon,:host([type=success]) #spinner{--sinch-global-color-icon:var(--sinch-comp-inline-alert-color-success-default-icon)}:host([type=warn]) #icon,:host([type=warn]) #spinner{--sinch-global-color-icon:var(--sinch-comp-inline-alert-color-warning-default-icon)}:host([type=error]) #icon,:host([type=error]) #spinner{--sinch-global-color-icon:var(--sinch-comp-inline-alert-color-error-default-icon)}:host([type=info]) #icon,:host([type=info]) #spinner{--sinch-global-color-icon:var(--sinch-comp-inline-alert-color-info-default-icon)}:host([loading]) #icon{display:none}:host([loading]) #spinner{display:block}#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-spinner id="spinner" size="m"></sinch-spinner><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>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/inline-alert/types.d.js

@@ -0,0 +1 @@
+

package/inline-alert/utils.d.js

@@ -0,0 +1 @@
+

package/input/global/index.d.js

@@ -0,0 +1 @@
+

package/input/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-input");

package/input/index.d.js

@@ -0,0 +1 @@
+

package/input/index.js

@@ -1,11 +1,11 @@
-import { Context, subscribeContext } from "../utils/context.js";
-import { getBooleanAttribute, getAttribute, updateAttribute, isAttrEqual, isAttrTrue, updateBooleanAttribute, updateLiteralAttribute, getLiteralAttribute, setClass } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { isElementFocused } from "../utils/slot.js";
-import { getReactEventHandler } from "../utils/get-react-event-handler.js";
-import { setFormValue, requestSubmitForm } from "../utils/form.js";
-import { sizeValues, DEFAULT_SIZE } from "../utils/size.js";
-import { splitValueAndMask, inputTypes, beginMaskedComposition, endMaskedComposition, deleteContentForward, deleteContentBackward, insertFromPaste, insertText, getMergedValueSliced, getMaskSymbols } from "./utils.js";
+import { C as Context, s as subscribeContext } from "../context.js";
+import { j as getBooleanAttribute, i as getAttribute, y as updateAttribute, s as isAttrEqual, t as isAttrTrue, z as updateBooleanAttribute, C as updateLiteralAttribute, o as getLiteralAttribute, w as setClass } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { i as isElementFocused } from "../slot.js";
+import { g as getReactEventHandler } from "../get-react-event-handler.js";
+import { s as setFormValue, r as requestSubmitForm } from "../form.js";
+import { s as sizeValues, D as DEFAULT_SIZE } from "../size.js";
+import { s as splitValueAndMask, i as inputTypes, b as beginMaskedComposition, e as endMaskedComposition, d as deleteContentForward, a as deleteContentBackward, c as insertFromPaste, f as insertText, g as getMergedValueSliced, h as getMaskSymbols } from "../utils19.js";
 const templateHTML = '<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>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/input/types.d.js

@@ -0,0 +1 @@
+

package/input/utils.d.js

@@ -0,0 +1 @@
+

package/link/global/index.d.js

@@ -0,0 +1 @@
+

package/link/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-link");

package/link/index.d.js

@@ -0,0 +1,2 @@
+import "../index.d9.js";
+import "../index.d3.js";