@nectary/components 0.27.0 → 0.29.0

package/icons/wb-cloudy/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-wb-cloudy': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-wb-cloudy': TSinchIconElement;
+    }
+}

package/icons/wb-cloudy/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><g clip-path="url(#a)"><path d="M19.37 10.04C18.68 6.59 15.65 4 12.01 4c-2.89 0-5.4 1.64-6.65 4.04A5.994 5.994 0 0 0 .01 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.64-4.96Z"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>';
+defineCustomElement('sinch-icon-wb-cloudy', createIconClass(templateHTML));

package/icons/wb-incandescent/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-wb-incandescent': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-wb-incandescent': TSinchIconElement;
+    }
+}

package/icons/wb-incandescent/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4.25 19.79c.39.39 1.02.39 1.41 0l.39-.39a.993.993 0 0 0 0-1.4l-.01-.01a.996.996 0 0 0-1.41 0l-.39.39c-.38.4-.38 1.02.01 1.41ZM11.99 23H12c.55 0 .99-.44.99-.99v-.96c0-.55-.44-.99-.99-.99h-.01c-.55 0-.99.44-.99.99v.96c0 .55.44.99.99.99ZM3.01 11.05H1.99c-.55 0-.99.44-.99.99v.01c0 .55.44.99.99.99H3c.55 0 .99-.44.99-.99v-.01a.971.971 0 0 0-.98-.99ZM15 6.86V3.05c0-.55-.45-1-1-1h-4c-.55 0-1 .45-1 1v3.81a6.001 6.001 0 0 0-2.93 6.13c.4 2.61 2.56 4.7 5.18 5.02 3.64.44 6.75-2.4 6.75-5.95 0-2.23-1.21-4.16-3-5.2Zm5 5.18v.01c0 .55.44.99.99.99H22c.55 0 .99-.44.99-.99v-.01c0-.55-.44-.99-.99-.99h-1.01c-.55 0-.99.44-.99.99Zm-2.06 7.37.39.39a.996.996 0 1 0 1.41-1.41l-.39-.39a.993.993 0 0 0-1.4 0c-.4.4-.4 1.02-.01 1.41Z"/></svg>';
+defineCustomElement('sinch-icon-wb-incandescent', createIconClass(templateHTML));

package/icons/wb-iridescent/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-wb-iridescent': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-wb-iridescent': TSinchIconElement;
+    }
+}

package/icons/wb-iridescent/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M6 15h12c.55 0 1-.45 1-1v-3.95c0-.55-.45-1-1-1H6c-.55 0-1 .45-1 1V14c0 .55.45 1 1 1Zm5-13v1.05c0 .55.45.95 1 .95s1-.4 1-.95V2c0-.55-.45-1-1-1s-1 .45-1 1Zm7.34 2.3-.38.38a.996.996 0 1 0 1.41 1.41l.38-.38a.996.996 0 1 0-1.41-1.41ZM13 22v-.96c0-.55-.45-1-1-1s-1 .45-1 1V22c0 .55.45 1 1 1s1-.45 1-1Zm6.74-3.61-.39-.39a.996.996 0 1 0-1.41 1.41l.38.39c.39.39 1.02.39 1.41 0l.01-.01a.984.984 0 0 0 0-1.4ZM4.25 5.71l.39.39a.996.996 0 1 0 1.41-1.41l-.39-.39a.996.996 0 0 0-1.41 0c-.38.39-.38 1.03 0 1.41Zm1.42 14.08.38-.38A.996.996 0 1 0 4.64 18l-.38.38a.996.996 0 1 0 1.41 1.41Z"/></svg>';
+defineCustomElement('sinch-icon-wb-iridescent', createIconClass(templateHTML));

package/icons/wb-sunny/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-wb-sunny': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-wb-sunny': TSinchIconElement;
+    }
+}

package/icons/wb-sunny/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m6.05 4.14-.39-.39a.993.993 0 0 0-1.4 0l-.01.01a.984.984 0 0 0 0 1.4l.39.39c.39.39 1.01.39 1.4 0l.01-.01a.984.984 0 0 0 0-1.4ZM3.01 10.5H1.99c-.55 0-.99.44-.99.99v.01c0 .55.44.99.99.99H3c.56.01 1-.43 1-.98v-.01c0-.56-.44-1-.99-1Zm9-9.95H12c-.56 0-1 .44-1 .99v.96c0 .55.44.99.99.99H12c.56.01 1-.43 1-.98v-.97c0-.55-.44-.99-.99-.99Zm7.74 3.21c-.39-.39-1.02-.39-1.41-.01l-.39.39a.984.984 0 0 0 0 1.4l.01.01c.39.39 1.02.39 1.4 0l.39-.39a.984.984 0 0 0 0-1.4Zm-1.81 15.1.39.39a.996.996 0 1 0 1.41-1.41l-.39-.39a.993.993 0 0 0-1.4 0c-.4.4-.4 1.02-.01 1.41ZM20 11.49v.01c0 .55.44.99.99.99H22c.55 0 .99-.44.99-.99v-.01c0-.55-.44-.99-.99-.99h-1.01c-.55 0-.99.44-.99.99ZM12 5.5c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6Zm-.01 16.95H12c.55 0 .99-.44.99-.99v-.96c0-.55-.44-.99-.99-.99h-.01c-.55 0-.99.44-.99.99v.96c0 .55.44.99.99.99Zm-7.74-3.21c.39.39 1.02.39 1.41 0l.39-.39a.993.993 0 0 0 0-1.4l-.01-.01a.996.996 0 0 0-1.41 0l-.39.39c-.38.4-.38 1.02.01 1.41Z"/></svg>';
+defineCustomElement('sinch-icon-wb-sunny', createIconClass(templateHTML));

package/icons/web/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-web': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-web': TSinchIconElement;
+    }
+}

package/icons/web/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2ZM4 9h10.5v3.5H4V9Zm0 5.5h10.5V18H5c-.55 0-1-.45-1-1v-2.5ZM19 18h-2.5V9H20v8c0 .55-.45 1-1 1Z"/></svg>';
+defineCustomElement('sinch-icon-web', createIconClass(templateHTML));

package/icons/web-asset/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-web-asset': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-web-asset': TSinchIconElement;
+    }
+}

package/icons/web-asset/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M19 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6a2 2 0 0 0-2-2Zm-1 14H6c-.55 0-1-.45-1-1V8h14v9c0 .55-.45 1-1 1Z"/></svg>';
+defineCustomElement('sinch-icon-web-asset', createIconClass(templateHTML));

package/icons/whatshot/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-whatshot': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-whatshot': TSinchIconElement;
+    }
+}

package/icons/whatshot/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M17.09 4.56c-.7-1.03-1.5-1.99-2.4-2.85-.35-.34-.94-.02-.84.46.19.94.39 2.18.39 3.29 0 2.06-1.35 3.73-3.41 3.73-1.54 0-2.8-.93-3.35-2.26-.1-.2-.14-.32-.2-.54-.11-.42-.66-.55-.9-.18-.18.27-.35.54-.51.83A13.772 13.772 0 0 0 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8c0-3.49-1.08-6.73-2.91-9.44ZM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.47-.3 2.98-.93 4.03-1.92.28-.26.74-.14.82.23.23 1.02.35 2.08.35 3.15.01 2.65-2.14 4.8-4.79 4.8Z"/></svg>';
+defineCustomElement('sinch-icon-whatshot', createIconClass(templateHTML));

package/icons/wheelchair-pickup/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-wheelchair-pickup': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-wheelchair-pickup': TSinchIconElement;
+    }
+}

package/icons/wheelchair-pickup/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4.5 4c0-1.11.89-2 2-2 1.11 0 2 .89 2 2 0 1.11-.89 2-2 2-1.11 0-2-.89-2-2Zm5.5 6.95V9c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v5c0 .55.45 1 1 1h1v6c0 .55.45 1 1 1h2.5v-.11c-1.24-1.26-2-2.99-2-4.89 0-2.58 1.41-4.84 3.5-6.05ZM16.5 17c0 1.65-1.35 3-3 3s-3-1.35-3-3c0-1.11.61-2.06 1.5-2.58v-2.16c-2.02.64-3.5 2.51-3.5 4.74 0 2.76 2.24 5 5 5s5-2.24 5-5h-2Zm2.5-3h-4V9c0-.55-.45-1-1-1s-1 .45-1 1v6c0 .55.45 1 1 1h4.46l1.92 2.88c.31.46.93.58 1.39.28.46-.31.58-.93.28-1.39l-2.21-3.32c-.19-.28-.51-.45-.84-.45Z"/></svg>';
+defineCustomElement('sinch-icon-wheelchair-pickup', createIconClass(templateHTML));

package/icons/widgets/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-widgets': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-widgets': TSinchIconElement;
+    }
+}

package/icons/widgets/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M13 14v6c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1h-6c-.55 0-1 .45-1 1Zm-9 7h6c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1ZM3 4v6c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1Zm12.95-1.6L11.7 6.64a.996.996 0 0 0 0 1.41l4.25 4.25c.39.39 1.02.39 1.41 0l4.25-4.25a.996.996 0 0 0 0-1.41L17.37 2.4c-.39-.39-1.03-.39-1.42 0Z"/></svg>';
+defineCustomElement('sinch-icon-widgets', createIconClass(templateHTML));

package/icons/wifi-calling/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-wifi-calling': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-wifi-calling': TSinchIconElement;
+    }
+}

package/icons/wifi-calling/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M22 4.95C21.79 4.78 19.67 3 16.5 3c-3.18 0-5.29 1.78-5.5 1.95L16.5 12 22 4.95Z"/><path d="m19.2 15.28-2.54-.29a1.99 1.99 0 0 0-1.64.57l-1.84 1.84a15.045 15.045 0 0 1-6.59-6.59l1.85-1.85c.43-.43.64-1.04.57-1.64L8.72 4.8a2.001 2.001 0 0 0-1.99-1.77H5c-1.13 0-2.07.94-2 2.07.53 8.54 7.36 15.37 15.9 15.9 1.13.07 2.07-.87 2.07-2v-1.73c0-1.02-.76-1.87-1.77-1.99Z"/></svg>';
+defineCustomElement('sinch-icon-wifi-calling', createIconClass(templateHTML));

package/icons/wifi-lock/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-wifi-lock': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-wifi-lock': TSinchIconElement;
+    }
+}

package/icons/wifi-lock/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M21.31 9.58 24 6c-3.34-2.51-7.5-4-12-4S3.34 3.49 0 6l10.4 13.87c.8 1.07 2.4 1.07 3.2 0l1.9-2.53V14.5c0-2.76 2.24-5 5-5 .28 0 .55.04.81.08ZM23 16v-1.5a2.5 2.5 0 0 0-5 0V16c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h5c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1Zm-1 0h-3v-1.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5V16Z"/></svg>';
+defineCustomElement('sinch-icon-wifi-lock', createIconClass(templateHTML));

package/icons/wifi-tethering/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-wifi-tethering': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-wifi-tethering': TSinchIconElement;
+    }
+}

package/icons/wifi-tethering/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 11c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm6 2a6 6 0 0 0-6.75-5.95c-2.62.32-4.78 2.41-5.18 5.02-.33 2.15.49 4.11 1.93 5.4.48.43 1.23.33 1.56-.23l.01-.01c.24-.42.14-.93-.22-1.26a3.997 3.997 0 0 1-1.22-3.94 3.954 3.954 0 0 1 2.9-2.91A3.999 3.999 0 0 1 16 13c0 1.18-.52 2.23-1.33 2.96-.36.32-.47.84-.23 1.26l.01.01c.31.53 1.03.69 1.5.28A5.996 5.996 0 0 0 18 13Zm-7.17-9.93c-4.62.52-8.35 4.33-8.78 8.96a9.966 9.966 0 0 0 4.02 9.01c.48.35 1.16.2 1.46-.31.25-.43.14-.99-.26-1.29-2.28-1.69-3.65-4.55-3.16-7.7.54-3.5 3.46-6.29 6.98-6.68C15.91 4.51 20 8.28 20 13c0 2.65-1.29 4.98-3.27 6.44-.4.3-.51.85-.26 1.29.3.52.98.66 1.46.31A9.96 9.96 0 0 0 22 13c0-5.91-5.13-10.62-11.17-9.93Z"/></svg>';
+defineCustomElement('sinch-icon-wifi-tethering', createIconClass(templateHTML));

package/icons/wind-power/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-wind-power': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-wind-power': TSinchIconElement;
+    }
+}

package/icons/wind-power/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M9.25 2.747h-4c-.55 0-1 .45-1 1s.45 1 1 1h4c.55 0 1-.45 1-1s-.45-1-1-1Zm-4 4h-3c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1s-.45-1-1-1Zm-1 14h3c.55 0 1-.45 1-1s-.45-1-1-1h-3c-.55 0-1 .45-1 1s.45 1 1 1Zm9.73-10.39c.75.23 1.3.78 1.57 1.46l4.27-7.11a2.28 2.28 0 0 0-3.51-2.84l-3.43 3.21c-.4.37-.63.9-.63 1.45v3.93c.36-.15.98-.33 1.73-.1Zm-3.12 1.66c.16-.52.48-.96.89-1.27H3.53a2.279 2.279 0 0 0-.63 4.47l4.51 1.29c.53.15 1.1.08 1.58-.21l2.69-1.61a2.487 2.487 0 0 1-.82-2.67Zm11.6 6.34-2.28-4.1a2.05 2.05 0 0 0-1.26-.97l-3.18-.8c.03.32 0 .66-.1.99a2.478 2.478 0 0 1-2.39 1.77c-.61 0-.99-.22-1-.22v5.72c-1.1 0-2 .9-2 2h6c0-1.1-.9-2-2-2v-4.28l4.61 4.61c.89.89 2.33.89 3.22 0 .72-.72.88-1.83.38-2.72Z"/><path d="M12.81 14.177c.79.24 1.63-.2 1.87-1 .24-.79-.2-1.63-1-1.87-.79-.24-1.63.2-1.87 1-.24.79.21 1.63 1 1.87Z"/></svg>';
+defineCustomElement('sinch-icon-wind-power', createIconClass(templateHTML));

package/icons/wine-bar/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-wine-bar': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-wine-bar': TSinchIconElement;
+    }
+}

package/icons/wine-bar/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M7 3c-.55 0-1 .45-1 1v5c0 2.97 2.16 5.43 5 5.91V19H9c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1h-2v-4.09c2.84-.48 5-2.94 5-5.91V4c0-.55-.45-1-1-1H7Zm9 5H8V5h8v3Z"/></svg>';
+defineCustomElement('sinch-icon-wine-bar', createIconClass(templateHTML));

package/icons/wrong-location/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-wrong-location': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-wrong-location': TSinchIconElement;
+    }
+}

package/icons/wrong-location/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M14 10V3.26c-.65-.17-1.32-.26-2-.26-4.2 0-8 3.22-8 8.2 0 3.18 2.45 6.92 7.34 11.23.38.33.95.33 1.33 0C17.55 18.12 20 14.38 20 11.2c0-.41-.04-.81-.09-1.2H14Zm-2 3c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2Z"/><path d="m22.54 2.88-1.42-1.42L19 3.59l-2.12-2.13-1.42 1.42L17.59 5l-2.13 2.12 1.42 1.42L19 6.41l2.12 2.13 1.42-1.42L20.41 5l2.13-2.12Z"/></svg>';
+defineCustomElement('sinch-icon-wrong-location', createIconClass(templateHTML));

package/icons/zoom-out-map/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-zoom-out-map': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-zoom-out-map': TSinchIconElement;
+    }
+}

package/icons/zoom-out-map/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M15.85 3.85 17.3 5.3l-2.18 2.16c-.39.39-.39 1.03 0 1.42.39.39 1.03.39 1.42 0L18.7 6.7l1.45 1.45a.5.5 0 0 0 .85-.36V3.5c0-.28-.22-.5-.5-.5h-4.29a.5.5 0 0 0-.36.85Zm-12 4.3L5.3 6.7l2.16 2.18c.39.39 1.03.39 1.42 0 .39-.39.39-1.03 0-1.42L6.7 5.3l1.45-1.45A.5.5 0 0 0 7.79 3H3.5c-.28 0-.5.22-.5.5v4.29c0 .45.54.67.85.36Zm4.3 12L6.7 18.7l2.18-2.16c.39-.39.39-1.03 0-1.42-.39-.39-1.03-.39-1.42 0L5.3 17.3l-1.45-1.45a.5.5 0 0 0-.85.36v4.29c0 .28.22.5.5.5h4.29a.5.5 0 0 0 .36-.85Zm12-4.3L18.7 17.3l-2.16-2.18c-.39-.39-1.03-.39-1.42 0-.39.39-.39 1.03 0 1.42l2.18 2.16-1.45 1.45a.5.5 0 0 0 .36.85h4.29c.28 0 .5-.22.5-.5v-4.29a.5.5 0 0 0-.85-.36Z"/></svg>';
+defineCustomElement('sinch-icon-zoom-out-map', createIconClass(templateHTML));

package/icons-branded/create-icon-class.d.ts

@@ -5,7 +5,7 @@ export declare const createIconClass: (templateHTML: string) => {
         inverted: boolean;
         connectedCallback(): void;
         attributeChangedCallback(name: string, _: string | null, newVal: string | null): void;
-        attachShadow(): ShadowRoot;
+        attachShadow(options?: Partial<ShadowRootInit> | undefined): ShadowRoot;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

package/icons-branded/types.d.ts

@@ -2,6 +2,8 @@ import type { TSinchElementReact } from '../types';
 export declare type TSinchIconBrandedElement = HTMLElement & {
     size: number;
     inverted: boolean;
+    setAttribute(name: 'size', value: string): void;
+    setAttribute(name: 'inverted', value: ''): void;
 };
 export declare type TSinchIconBrandedReact = TSinchElementReact<TSinchIconBrandedElement> & {
     size?: number;

package/icons-channel/create-icon-class.d.ts

@@ -4,7 +4,7 @@ export declare const createIconClass: (templateHTML: string) => {
         size: number;
         connectedCallback(): void;
         attributeChangedCallback(name: string, _: string | null, newVal: string | null): void;
-        attachShadow(): ShadowRoot;
+        attachShadow(options?: Partial<ShadowRootInit> | undefined): ShadowRoot;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

package/icons-channel/types.d.ts

@@ -1,6 +1,7 @@
 import type { TSinchElementReact } from '../types';
 export declare type TSinchIconChannelElement = HTMLElement & {
     size: number;
+    setAttribute(name: 'size', value: string): void;
 };
 export declare type TSinchIconChannelReact = TSinchElementReact<TSinchIconChannelElement> & {
     size?: number;

package/illustration/create-illustration-class.d.ts

@@ -4,7 +4,7 @@ export declare const createIllustrationClass: (templateHTML: string) => {
         size: number;
         connectedCallback(): void;
         attributeChangedCallback(name: string, _: string | null, newVal: string | null): void;
-        attachShadow(): ShadowRoot;
+        attachShadow(options?: Partial<ShadowRootInit> | undefined): ShadowRoot;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

package/illustration/types.d.ts

@@ -1,6 +1,7 @@
 import type { TSinchElementReact } from '../types';
 export declare type TSinchIllustrationElement = HTMLElement & {
     size: number;
+    setAttribute(name: 'size', value: string): void;
 };
 export declare type TSinchIllustrationReact = TSinchElementReact<TSinchIllustrationElement> & {
     size?: number;

package/input/index.d.ts

@@ -1,37 +1,4 @@
-import type { TSinchElementReact } from '../types';
-import type { DOMAttributes, FocusEvent, SyntheticEvent } from 'react';
-declare const inputTypes: readonly ["text", "password"];
-export declare type TTextInputType = typeof inputTypes[number];
-export declare type TSinchInputElement = HTMLElement & {
-    type: TTextInputType;
-    value: string;
-    label: string;
-    placeholder: string | null;
-    optionalText: string | null;
-    invalidText: string | null;
-    additionalText: string | null;
-    disabled: boolean;
-    selectionStart: HTMLInputElement['selectionStart'];
-    selectionEnd: HTMLInputElement['selectionEnd'];
-    selectionDirection: HTMLInputElement['selectionDirection'];
-    focus(): void;
-    blur(): void;
-};
-export declare type TSinchInputReact = TSinchElementReact<TSinchInputElement> & {
-    type?: TTextInputType;
-    value: string;
-    label: string;
-    placeholder?: string;
-    optionalText?: string;
-    invalidText?: string;
-    additionalText?: string;
-    disabled?: boolean;
-    'aria-label': string;
-    onChange: (e: SyntheticEvent<TSinchInputElement, CustomEvent<string>>) => void;
-    onKeyPress?: DOMAttributes<TSinchInputElement>['onKeyPress'];
-    onFocus?: (e: FocusEvent<TSinchInputElement>) => void;
-    onBlur?: (e: FocusEvent<TSinchInputElement>) => void;
-};
+import type { TSinchInputElement, TSinchInputReact } from './types';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -42,4 +9,3 @@ declare global {
         'sinch-input': TSinchInputElement;
     }
 }
-export {};

package/input/index.js

@@ -7,9 +7,9 @@ function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedec
 
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 
-import { defineCustomElement, getAttribute, getBooleanAttribute, getLiteralAttribute, isAttrTrue, NectaryElement, updateAttribute, updateBooleanAttribute, updateLiteralAttribute } from '../utils';
+import { defineCustomElement, getAttribute, getBooleanAttribute, getLiteralAttribute, isAttrTrue, NectaryElement, updateAttribute, updateBooleanAttribute, updateExplicitBooleanAttribute, updateLiteralAttribute } from '../utils';
 const templateHTML = '<style>:host{display:inline-block;vertical-align:middle;outline:0;--sinch-color-icon:var(--sinch-color-stormy-500)}#wrapper{width:100%;box-sizing:border-box}#input{all:initial;border:1px solid var(--sinch-color-stormy-200);box-sizing:border-box;border-radius:4px;width:100%;height:48px;margin:2px 0;padding:0 12px;font:var(--sinch-font-body);color:var(--sinch-color-text-default);caret-color:var(--sinch-caret-color,auto);background-color:var(--sinch-color-snow-100)}#input::placeholder{font:var(--sinch-font-body);color:var(--sinch-color-text-muted)}#input:disabled{border-color:var(--sinch-color-snow-500);color:var(--sinch-color-stormy-100)}#input:disabled::placeholder{color:var(--sinch-color-snow-500)}#input:focus{border-color:var(--sinch-color-stormy-600)}#input[type=password]{font-size:1.5em;letter-spacing:.1em}:host([invalidtext]:not([invalidtext=""])) #input:not(:disabled){border-color:var(--sinch-color-text-invalid)}#bottom,#top{display:flex;align-items:baseline}#top{height:24px}#bottom{height:20px}#additional,#invalid,#label,#optional{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#label{font:var(--sinch-font-title-s);color:var(--sinch-color-text-default)}#optional{flex:1;text-align:right;font:var(--sinch-font-small-text);color:var(--sinch-color-text-muted)}#additional{flex:1;text-align:right;font:var(--sinch-font-extra-small-text);color:var(--sinch-color-text-muted)}#invalid{font:var(--sinch-font-extra-small-text);color:var(--sinch-color-text-invalid)}::slotted(sinch-help-tooltip){align-self:center;margin:0 8px}:host([disabled]:not([disabled=false])) :is(#label,#additional,#optional,#invalid){color:var(--sinch-color-stormy-100)}:host([disabled]:not([disabled=false])){--sinch-color-icon:var(--sinch-color-stormy-100)}</style><div id="wrapper"><div id="top"><label id="label" for="input"></label><slot name="tooltip"></slot><span id="optional"></span></div><input id="input" type="text"/><div id="bottom"><span id="invalid"></span> <span id="additional"></span></div></div>';
-const inputTypes = ['text', 'password'];
+import { inputTypes } from './utils';
 const template = document.createElement('template');
 template.innerHTML = templateHTML;
 defineCustomElement('sinch-input', (_$input = new WeakMap(), _$label = new WeakMap(), _$optionalText = new WeakMap(), _$additionalText = new WeakMap(), _$invalidText = new WeakMap(), _selectionStart = new WeakMap(), _selectionEnd = new WeakMap(), _isPendingDk = new WeakMap(), _onCompositionStart = new WeakMap(), _onInput = new WeakMap(), class extends NectaryElement {
@@ -280,14 +280,17 @@ defineCustomElement('sinch-input', (_$input = new WeakMap(), _$label = new WeakM
 
       case 'invalidtext':
         {
+          const isInvalid = newVal !== null && newVal !== '';
           _classPrivateFieldGet(this, _$invalidText).textContent = newVal;
-          updateAttribute(this, 'aria-invalid', String(newVal !== null && newVal !== ''));
+          updateExplicitBooleanAttribute(this, 'aria-invalid', isInvalid);
           break;
         }
 
       case 'disabled':
         {
-          _classPrivateFieldGet(this, _$input).disabled = isAttrTrue(newVal);
+          const isDisabled = isAttrTrue(newVal);
+          _classPrivateFieldGet(this, _$input).disabled = isDisabled;
+          updateBooleanAttribute(this, 'disabled', isDisabled);
           break;
         }
     }

package/input/types.d.ts

@@ -0,0 +1,40 @@
+import type { TSinchElementReact } from '../types';
+import type { inputTypes } from './utils';
+import type { SyntheticEvent } from 'react';
+export declare type TTextInputType = typeof inputTypes[number];
+export declare type TSinchInputElement = HTMLElement & {
+    type: TTextInputType;
+    value: string;
+    label: string;
+    placeholder: string | null;
+    optionalText: string | null;
+    invalidText: string | null;
+    additionalText: string | null;
+    disabled: boolean;
+    selectionStart: HTMLInputElement['selectionStart'];
+    selectionEnd: HTMLInputElement['selectionEnd'];
+    selectionDirection: HTMLInputElement['selectionDirection'];
+    focus(): void;
+    blur(): void;
+    addEventListener(type: 'change', listener: (e: CustomEvent<string>) => void): void;
+    setAttribute(name: 'type', value: TTextInputType): void;
+    setAttribute(name: 'value', value: string): void;
+    setAttribute(name: 'label', value: string): void;
+    setAttribute(name: 'placeholder', value: string): void;
+    setAttribute(name: 'optionaltext', value: string): void;
+    setAttribute(name: 'invalidtext', value: string): void;
+    setAttribute(name: 'additionaltext', value: string): void;
+    setAttribute(name: 'disabled', value: ''): void;
+};
+export declare type TSinchInputReact = TSinchElementReact<TSinchInputElement> & {
+    type?: TTextInputType;
+    value: string;
+    label: string;
+    placeholder?: string;
+    optionalText?: string;
+    invalidText?: string;
+    additionalText?: string;
+    disabled?: boolean;
+    'aria-label': string;
+    onChange: (e: SyntheticEvent<TSinchInputElement, CustomEvent<string>>) => void;
+};

package/input/types.js

@@ -0,0 +1 @@
+export {};

package/input/utils.d.ts

@@ -0,0 +1 @@
+export declare const inputTypes: readonly ["text", "password"];

package/input/utils.js

@@ -0,0 +1 @@
+export const inputTypes = ['text', 'password'];

package/link/index.d.ts

@@ -1,23 +1,5 @@
 import '../icons/cancel';
-import type { TSinchElementReact } from '../types';
-import type { FocusEvent, MouseEvent } from 'react';
-export declare type TSinchLinkElement = HTMLElement & {
-    text: string;
-    href: string;
-    disabled: boolean;
-    external: boolean;
-    focus(): void;
-    blur(): void;
-};
-export declare type TSinchLinkReact = TSinchElementReact<TSinchLinkElement> & {
-    text: string;
-    href: string;
-    disabled?: boolean;
-    external?: boolean;
-    onClick?: (e: MouseEvent<TSinchLinkElement>) => void;
-    onFocus?: (e: FocusEvent<TSinchLinkElement>) => void;
-    onBlur?: (e: FocusEvent<TSinchLinkElement>) => void;
-};
+import type { TSinchLinkElement, TSinchLinkReact } from './types';
 declare global {
     namespace JSX {
         interface IntrinsicElements {

package/link/types.d.ts

@@ -0,0 +1,19 @@
+import type { TSinchElementReact } from '../types';
+export declare type TSinchLinkElement = HTMLElement & {
+    text: string;
+    href: string;
+    disabled: boolean;
+    external: boolean;
+    focus(): void;
+    blur(): void;
+    setAttribute(name: 'text', value: string): void;
+    setAttribute(name: 'href', value: string): void;
+    setAttribute(name: 'disabled', value: ''): void;
+    setAttribute(name: 'external', value: ''): void;
+};
+export declare type TSinchLinkReact = TSinchElementReact<TSinchLinkElement> & {
+    text: string;
+    href: string;
+    disabled?: boolean;
+    external?: boolean;
+};

package/link/types.js

@@ -0,0 +1 @@
+export {};

package/list/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchListElement, TSinchListReact } from './types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-list': TSinchListReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-list': TSinchListElement;
+    }
+}

package/list/index.js

@@ -0,0 +1,16 @@
+import { defineCustomElement, NectaryElement } from '../utils';
+const templateHTML = '<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>';
+const template = document.createElement('template');
+template.innerHTML = templateHTML;
+defineCustomElement('sinch-list', class extends NectaryElement {
+  constructor() {
+    super();
+    const shadowRoot = this.attachShadow();
+    shadowRoot.appendChild(template.content.cloneNode(true));
+  }
+
+  connectedCallback() {
+    this.setAttribute('role', 'list');
+  }
+
+});

package/list/types.d.ts

@@ -0,0 +1,3 @@
+import type { TSinchElementReact } from '../types';
+export declare type TSinchListElement = HTMLElement;
+export declare type TSinchListReact = TSinchElementReact<TSinchListElement>;

package/list/types.js

@@ -0,0 +1 @@
+export {};

package/list-item/index.d.ts

@@ -0,0 +1,12 @@
+import '../icons/keyboard-arrow-down';
+import type { TSinchListItemElement, TSinchListItemReact } from './types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-list-item': TSinchListItemReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-list-item': TSinchListItemElement;
+    }
+}

package/list-item/index.js

@@ -0,0 +1,17 @@
+import '../icons/keyboard-arrow-down';
+import { defineCustomElement, NectaryElement } from '../utils';
+const templateHTML = '<style>:host{display:block;outline:0}#wrapper{width:100%;height:100%;box-sizing:border-box;overflow:hidden;padding:8px 0;border-bottom:1px solid var(--sinch-color-snow-600)}:host(:last-child)>#wrapper{border-bottom:none}:host(:hover)>#wrapper{background-color:var(--sinch-color-snow-500)}</style><div id="wrapper"><slot name="content"></slot></div>';
+const template = document.createElement('template');
+template.innerHTML = templateHTML;
+defineCustomElement('sinch-list-item', class extends NectaryElement {
+  constructor() {
+    super();
+    const shadowRoot = this.attachShadow();
+    shadowRoot.appendChild(template.content.cloneNode(true));
+  }
+
+  connectedCallback() {
+    this.setAttribute('role', 'listitem');
+  }
+
+});