@nectary/assets 2.4.2 → 2.5.0

package/icons/system-update-alt/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconSystemUpdateAlt: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-system-update-alt': TSinchIconElement;

package/icons/system-update-alt/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m12.35 15.65 2.79-2.79a.5.5 0 0 0-.35-.85H13V4c0-.55-.45-1-1-1s-1 .45-1 1v8H9.21c-.45 0-.67.54-.35.85l2.79 2.79c.19.2.51.2.7.01ZM21 3h-5.01c-.54 0-.99.45-.99.99 0 .55.45.99.99.99H20c.55 0 1 .45 1 1v12.03c0 .55-.45 1-1 1H4c-.55 0-1-.45-1-1V5.99c0-.55.45-1 1-1h4.01c.54 0 .99-.45.99-.99a1 1 0 0 0-.99-1H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Z"/></svg>';
-defineCustomElement('sinch-icon-system-update-alt', createIconClass(templateHTML));
+export const IconSystemUpdateAlt = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-system-update-alt', IconSystemUpdateAlt);

package/icons/tab/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTab: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-tab': TSinchIconElement;

package/icons/tab/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm-1 16H4c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h9v3c0 .55.45 1 1 1h7v9c0 .55-.45 1-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-tab', createIconClass(templateHTML));
+export const IconTab = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-tab', IconTab);

package/icons/tab-unselected/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTabUnselected: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-tab-unselected': TSinchIconElement;

package/icons/tab-unselected/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M1 9h2V7H1v2Zm0 4h2v-2H1v2Zm0-8h2V3c-1.1 0-2 .9-2 2Zm8 16h2v-2H9v2Zm-8-4h2v-2H1v2Zm2 4v-2H1c0 1.1.9 2 2 2ZM21 3h-8v5c0 .55.45 1 1 1h9V5c0-1.1-.9-2-2-2Zm0 14h2v-2h-2v2ZM9 5h2V3H9v2ZM5 21h2v-2H5v2ZM5 5h2V3H5v2Zm16 16c1.1 0 2-.9 2-2h-2v2Zm0-8h2v-2h-2v2Zm-8 8h2v-2h-2v2Zm4 0h2v-2h-2v2Z"/></svg>';
-defineCustomElement('sinch-icon-tab-unselected', createIconClass(templateHTML));
+export const IconTabUnselected = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-tab-unselected', IconTabUnselected);

package/icons/table-chart/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTableChart: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-table-chart': TSinchIconElement;

package/icons/table-chart/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M10 10.02h5V21h-5V10.02ZM17 21h3c1.1 0 2-.9 2-2v-9h-5v11Zm3-18H5c-1.1 0-2 .9-2 2v3h19V5c0-1.1-.9-2-2-2ZM3 19c0 1.1.9 2 2 2h3V10H3v9Z"/></svg>';
-defineCustomElement('sinch-icon-table-chart', createIconClass(templateHTML));
+export const IconTableChart = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-table-chart', IconTableChart);

package/icons/table-rows/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTableRows: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-table-rows': TSinchIconElement;

package/icons/table-rows/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M20 7H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h16c1.1 0 2 .9 2 2v1c0 1.1-.9 2-2 2Zm0 2.5H4c-1.1 0-2 .9-2 2v1c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-1c0-1.1-.9-2-2-2Zm0 7.5H4c-1.1 0-2 .9-2 2v1c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-1c0-1.1-.9-2-2-2Z"/></svg>';
-defineCustomElement('sinch-icon-table-rows', createIconClass(templateHTML));
+export const IconTableRows = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-table-rows', IconTableRows);

package/icons/table-view/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTableView: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-table-view': TSinchIconElement;

package/icons/table-view/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M19 7H9c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2Zm0 3c0 .55-.45 1-1 1h-8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1Zm-6 5v-2h2v2h-2Zm2 2v2h-2v-2h2Zm-4-2H9v-2h2v2Zm6-2h2v2h-2v-2Zm-8 4h2v2H9v-2Zm8 2v-2h2v2h-2ZM6 17H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v1h-2V5H5v10h1v2Z"/></svg>';
-defineCustomElement('sinch-icon-table-view', createIconClass(templateHTML));
+export const IconTableView = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-table-view', IconTableView);

package/icons/tablet/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTablet: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-tablet': TSinchIconElement;

package/icons/tablet/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M21 4H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h18c1.1 0 1.99-.9 1.99-2L23 6c0-1.1-.9-2-2-2Zm-2 14H5V6h14v12Z"/></svg>';
-defineCustomElement('sinch-icon-tablet', createIconClass(templateHTML));
+export const IconTablet = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-tablet', IconTablet);

package/icons/tablet-android/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTabletAndroid: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-tablet-android': TSinchIconElement;

package/icons/tablet-android/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M18 0H6C4.34 0 3 1.34 3 3v18c0 1.66 1.34 3 3 3h12c1.66 0 3-1.34 3-3V3c0-1.66-1.34-3-3-3Zm-4.5 22h-3c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3c.28 0 .5.22.5.5s-.22.5-.5.5Zm5.75-3H4.75V3h14.5v16Z"/></svg>';
-defineCustomElement('sinch-icon-tablet-android', createIconClass(templateHTML));
+export const IconTabletAndroid = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-tablet-android', IconTabletAndroid);

package/icons/tablet-mac/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTabletMac: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-tablet-mac': TSinchIconElement;

package/icons/tablet-mac/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M18.5 0h-14A2.5 2.5 0 0 0 2 2.5v19A2.5 2.5 0 0 0 4.5 24h14a2.5 2.5 0 0 0 2.5-2.5v-19A2.5 2.5 0 0 0 18.5 0Zm-7 23c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5Zm7.5-4H4V3h15v16Z"/></svg>';
-defineCustomElement('sinch-icon-tablet-mac', createIconClass(templateHTML));
+export const IconTabletMac = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-tablet-mac', IconTabletMac);

package/icons/tag-faces/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTagFaces: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-tag-faces': TSinchIconElement;

package/icons/tag-faces/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12.01 2C6.49 2 2.02 6.48 2.02 12s4.47 10 9.99 10c5.53 0 10.01-4.48 10.01-10S17.54 2 12.01 2Zm.01 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8Zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.35 8 15.52 8s-1.5.67-1.5 1.5.67 1.5 1.5 1.5Zm-7 0c.83 0 1.5-.67 1.5-1.5S9.35 8 8.52 8s-1.5.67-1.5 1.5.67 1.5 1.5 1.5Zm3.5 6.5c2.03 0 3.8-1.11 4.75-2.75a.503.503 0 0 0-.44-.75H7.71c-.38 0-.63.42-.44.75a5.489 5.489 0 0 0 4.75 2.75Z"/></svg>';
-defineCustomElement('sinch-icon-tag-faces', createIconClass(templateHTML));
+export const IconTagFaces = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-tag-faces', IconTagFaces);

package/icons/tapas/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTapas: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-tapas': TSinchIconElement;

package/icons/tapas/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M22 10V2c0-.55-.45-1-1-1h-6c-.55 0-1 .45-1 1v8c0 1.86 1.28 3.41 3 3.86V21h-1c-.55 0-1 .45-1 1s.45 1 1 1h4c.55 0 1-.45 1-1s-.45-1-1-1h-1v-7.14c1.72-.45 3-2 3-3.86Zm-2-7v3h-4V3h4ZM9.86 9H8V8h1.86c1.31 0 2.5-.94 2.63-2.24A2.5 2.5 0 0 0 10 3H8V2c0-.55-.45-1-1-1s-1 .45-1 1v1H4.14c-1.31 0-2.5.94-2.63 2.24A2.5 2.5 0 0 0 4 8h2v1H4.14c-1.31 0-2.5.94-2.63 2.24A2.5 2.5 0 0 0 4 14h2v8c0 .55.45 1 1 1s1-.45 1-1v-8h2a2.5 2.5 0 0 0 2.49-2.76C12.36 9.94 11.17 9 9.86 9Z"/></svg>';
-defineCustomElement('sinch-icon-tapas', createIconClass(templateHTML));
+export const IconTapas = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-tapas', IconTapas);

package/icons/terrain/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTerrain: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-terrain': TSinchIconElement;

package/icons/terrain/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M13.2 7.07 10.25 11l2.25 3c.33.44.24 1.07-.2 1.4a.994.994 0 0 1-1.4-.2c-1.05-1.4-2.31-3.07-3.1-4.14-.4-.53-1.2-.53-1.6 0l-4 5.33c-.49.67-.02 1.61.8 1.61h18c.82 0 1.29-.94.8-1.6l-7-9.33a.993.993 0 0 0-1.6 0Z"/></svg>';
-defineCustomElement('sinch-icon-terrain', createIconClass(templateHTML));
+export const IconTerrain = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-terrain', IconTerrain);

package/icons/text-fields/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTextFields: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-text-fields': TSinchIconElement;

package/icons/text-fields/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M2.5 5.5C2.5 6.33 3.17 7 4 7h3.5v10.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V7H14c.83 0 1.5-.67 1.5-1.5S14.83 4 14 4H4c-.83 0-1.5.67-1.5 1.5ZM20 9h-6c-.83 0-1.5.67-1.5 1.5S13.17 12 14 12h1.5v5.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V12H20c.83 0 1.5-.67 1.5-1.5S20.83 9 20 9Z"/></svg>';
-defineCustomElement('sinch-icon-text-fields', createIconClass(templateHTML));
+export const IconTextFields = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-text-fields', IconTextFields);

package/icons/text-format/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTextFormat: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-text-format': TSinchIconElement;

package/icons/text-format/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 18c0 .55.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1 .45-1 1Zm4.5-5.2h5l.66 1.6c.15.36.5.6.89.6.69 0 1.15-.71.88-1.34l-3.88-8.97C12.87 4.27 12.46 4 12 4c-.46 0-.87.27-1.05.69l-3.88 8.97c-.27.63.2 1.34.89 1.34.39 0 .74-.24.89-.6l.65-1.6ZM12 5.98 13.87 11h-3.74L12 5.98Z"/></svg>';
-defineCustomElement('sinch-icon-text-format', createIconClass(templateHTML));
+export const IconTextFormat = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-text-format', IconTextFormat);

package/icons/text-rotate-up/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTextRotateUp: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-text-rotate-up': TSinchIconElement;

package/icons/text-rotate-up/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M18.35 4.35c-.2-.2-.51-.2-.71 0l-1.79 1.79c-.31.32-.09.86.36.86H17v12c0 .55.45 1 1 1s1-.45 1-1V7h.79c.45 0 .67-.54.35-.85l-1.79-1.8ZM11.8 15.5v-5l1.6-.66c.36-.14.6-.49.6-.88 0-.69-.71-1.15-1.34-.88l-8.97 3.88c-.42.17-.69.58-.69 1.04 0 .46.27.87.69 1.05l8.97 3.88c.63.27 1.34-.2 1.34-.89 0-.39-.24-.74-.6-.89l-1.6-.65ZM4.98 13 10 11.13v3.74L4.98 13Z"/></svg>';
-defineCustomElement('sinch-icon-text-rotate-up', createIconClass(templateHTML));
+export const IconTextRotateUp = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-text-rotate-up', IconTextRotateUp);

package/icons/text-rotate-vertical/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTextRotateVertical: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-text-rotate-vertical': TSinchIconElement;

package/icons/text-rotate-vertical/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M15 5c-.46 0-.87.27-1.05.69l-3.88 8.97c-.27.63.2 1.34.89 1.34.39 0 .74-.24.89-.6l.66-1.6h5l.66 1.6c.15.36.5.6.89.6.69 0 1.15-.71.88-1.34l-3.88-8.97C15.87 5.27 15.46 5 15 5Zm-1.87 7L15 6.98 16.87 12h-3.74Zm-6.78 7.64 1.79-1.79c.32-.31.1-.85-.35-.85H7V5c0-.55-.45-1-1-1s-1 .44-1 1v12h-.79c-.45 0-.67.54-.35.85l1.79 1.79c.19.2.51.2.7 0Z"/></svg>';
-defineCustomElement('sinch-icon-text-rotate-vertical', createIconClass(templateHTML));
+export const IconTextRotateVertical = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-text-rotate-vertical', IconTextRotateVertical);

package/icons/text-rotation-angledown/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTextRotationAngledown: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-text-rotation-angledown': TSinchIconElement;

package/icons/text-rotation-angledown/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M15 20.5v-2.54c0-.45-.54-.67-.85-.35l-.56.56L5.1 9.68a.996.996 0 1 0-1.41 1.41l8.49 8.49-.56.56c-.32.32-.1.86.34.86h2.54c.28 0 .5-.23.5-.5ZM11.25 8.48l3.54 3.54-.67 1.6c-.15.36-.07.77.21 1.05.49.49 1.31.32 1.57-.32l3.61-9.09c.17-.42.07-.91-.25-1.23-.32-.32-.8-.42-1.23-.25l-9.1 3.6a.957.957 0 0 0-.32 1.57c.27.27.68.35 1.04.2l1.6-.67Zm6.59-3.05-2.23 4.87-2.64-2.64 4.87-2.23Z"/></svg>';
-defineCustomElement('sinch-icon-text-rotation-angledown', createIconClass(templateHTML));
+export const IconTextRotationAngledown = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-text-rotation-angledown', IconTextRotationAngledown);

package/icons/text-rotation-angleup/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTextRotationAngleup: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-text-rotation-angleup': TSinchIconElement;

package/icons/text-rotation-angleup/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m17.61 9.85.56.56-8.48 8.49a.996.996 0 1 0 1.41 1.41l8.49-8.49.56.56c.31.32.85.1.85-.34V9.5c0-.28-.22-.5-.5-.5h-2.54a.5.5 0 0 0-.35.85Zm-9.13 2.9 3.54-3.54 1.6.67c.36.15.77.07 1.05-.21a.958.958 0 0 0-.32-1.57L5.26 4.5c-.43-.16-.91-.06-1.23.26-.32.32-.42.8-.25 1.23l3.61 9.09c.25.64 1.08.81 1.57.32.28-.28.36-.69.21-1.05l-.69-1.6Zm-.82-1.72L5.43 6.16l4.87 2.23-2.64 2.64Z"/></svg>';
-defineCustomElement('sinch-icon-text-rotation-angleup', createIconClass(templateHTML));
+export const IconTextRotationAngleup = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-text-rotation-angleup', IconTextRotationAngleup);

package/icons/text-rotation-down/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTextRotationDown: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-text-rotation-down': TSinchIconElement;

package/icons/text-rotation-down/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m6.35 19.65 1.79-1.79c.32-.32.1-.86-.35-.86H7V5c0-.55-.45-1-1-1s-1 .45-1 1v12h-.79c-.45 0-.67.54-.35.85l1.79 1.79c.19.2.51.2.7.01ZM12.2 8.5v5l-1.6.66c-.36.15-.6.5-.6.89 0 .69.71 1.15 1.34.88l8.97-3.88c.42-.18.69-.59.69-1.05 0-.46-.27-.87-.69-1.05l-8.97-3.88a.966.966 0 0 0-1.34.89c0 .39.24.74.6.89l1.6.65Zm6.82 2.5L14 12.87V9.13L19.02 11Z"/></svg>';
-defineCustomElement('sinch-icon-text-rotation-down', createIconClass(templateHTML));
+export const IconTextRotationDown = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-text-rotation-down', IconTextRotationDown);

package/icons/text-rotation-none/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTextRotationNone: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-text-rotation-none': TSinchIconElement;

package/icons/text-rotation-none/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m20.65 17.65-1.79-1.79a.501.501 0 0 0-.86.35V17H6c-.55 0-1 .45-1 1s.45 1 1 1h12v.79c0 .45.54.67.85.35l1.79-1.79c.2-.19.2-.51.01-.7ZM9.5 11.8h5l.66 1.6c.15.36.5.6.89.6.69 0 1.15-.71.88-1.34l-3.88-8.97C12.87 3.27 12.46 3 12 3c-.46 0-.87.27-1.05.69l-3.88 8.97c-.27.63.2 1.34.89 1.34.39 0 .74-.24.89-.6l.65-1.6ZM12 4.98 13.87 10h-3.74L12 4.98Z"/></svg>';
-defineCustomElement('sinch-icon-text-rotation-none', createIconClass(templateHTML));
+export const IconTextRotationNone = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-text-rotation-none', IconTextRotationNone);

package/icons/text-snippet/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTextSnippet: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-text-snippet': TSinchIconElement;

package/icons/text-snippet/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M14.17 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V9.83c0-.53-.21-1.04-.59-1.41l-4.83-4.83c-.37-.38-.88-.59-1.41-.59ZM8 15h8c.55 0 1 .45 1 1s-.45 1-1 1H8c-.55 0-1-.45-1-1s.45-1 1-1Zm0-4h8c.55 0 1 .45 1 1s-.45 1-1 1H8c-.55 0-1-.45-1-1s.45-1 1-1Zm0-4h5c.55 0 1 .45 1 1s-.45 1-1 1H8c-.55 0-1-.45-1-1s.45-1 1-1Z"/></svg>';
-defineCustomElement('sinch-icon-text-snippet', createIconClass(templateHTML));
+export const IconTextSnippet = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-text-snippet', IconTextSnippet);

package/icons/textsms/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTextsms: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-textsms': TSinchIconElement;

package/icons/textsms/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2ZM9 11H7V9h2v2Zm4 0h-2V9h2v2Zm4 0h-2V9h2v2Z"/></svg>';
-defineCustomElement('sinch-icon-textsms', createIconClass(templateHTML));
+export const IconTextsms = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-textsms', IconTextsms);

package/icons/texture/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTexture: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-texture': TSinchIconElement;

package/icons/texture/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M19.58 3.08 3.15 19.51c.09.34.27.65.51.9.25.24.56.42.9.51L21 4.49c-.19-.69-.73-1.23-1.42-1.41ZM11.95 3l-8.88 8.88v2.83L14.78 3h-2.83ZM5.07 3c-1.1 0-2 .9-2 2v2l4-4h-2Zm14 18c.55 0 1.05-.22 1.41-.59.37-.36.59-.86.59-1.41v-2l-4 4h2Zm-9.71 0h2.83l8.88-8.88V9.29L9.36 21Z"/></svg>';
-defineCustomElement('sinch-icon-texture', createIconClass(templateHTML));
+export const IconTexture = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-texture', IconTexture);

package/icons/theaters/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTheaters: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-theaters': TSinchIconElement;

package/icons/theaters/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M18 4v1h-2V4c0-.55-.45-1-1-1H9c-.55 0-1 .45-1 1v1H6V4c0-.55-.45-1-1-1s-1 .45-1 1v16c0 .55.45 1 1 1s1-.45 1-1v-1h2v1c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-1h2v1c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1s-1 .45-1 1ZM8 17H6v-2h2v2Zm0-4H6v-2h2v2Zm0-4H6V7h2v2Zm10 8h-2v-2h2v2Zm0-4h-2v-2h2v2Zm0-4h-2V7h2v2Z"/></svg>';
-defineCustomElement('sinch-icon-theaters', createIconClass(templateHTML));
+export const IconTheaters = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-theaters', IconTheaters);

package/icons/thermostat/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconThermostat: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-thermostat': TSinchIconElement;

package/icons/thermostat/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M15 13V5c0-1.66-1.34-3-3-3S9 3.34 9 5v8c-1.21.91-2 2.37-2 4 0 2.76 2.24 5 5 5s5-2.24 5-5c0-1.63-.79-3.09-2-4Zm-2-2h-2V5c0-.55.45-1 1-1s1 .45 1 1h-.5c-.28 0-.5.22-.5.5s.22.5.5.5h.5v2h-.5c-.28 0-.5.22-.5.5s.22.5.5.5h.5v2Z"/></svg>';
-defineCustomElement('sinch-icon-thermostat', createIconClass(templateHTML));
+export const IconThermostat = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-thermostat', IconThermostat);

package/icons/thumb-down/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconThumbDown: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-thumb-down': TSinchIconElement;

package/icons/thumb-down/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m10.88 21.94 5.53-5.54c.37-.37.58-.88.58-1.41V5c0-1.1-.9-2-2-2H6c-.8 0-1.52.48-1.83 1.21L.91 11.82C.06 13.8 1.51 16 3.66 16h5.65l-.95 4.58c-.1.5.05 1.01.41 1.37.59.58 1.53.58 2.11-.01ZM21 3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2s2-.9 2-2V5c0-1.1-.9-2-2-2Z"/></svg>';
-defineCustomElement('sinch-icon-thumb-down', createIconClass(templateHTML));
+export const IconThumbDown = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-thumb-down', IconThumbDown);

package/icons/thumb-down-alt/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconThumbDownAlt: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-thumb-down-alt': TSinchIconElement;

package/icons/thumb-down-alt/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m10.88 21.94 5.53-5.54c.37-.37.58-.88.58-1.41V5c0-1.1-.9-2-2-2H6c-.8 0-1.52.48-1.83 1.21L.91 11.82C.06 13.8 1.51 16 3.66 16h5.65l-.95 4.58c-.1.5.05 1.01.41 1.37.59.58 1.53.58 2.11-.01ZM21 3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2s2-.9 2-2V5c0-1.1-.9-2-2-2Z"/></svg>';
-defineCustomElement('sinch-icon-thumb-down-alt', createIconClass(templateHTML));
+export const IconThumbDownAlt = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-thumb-down-alt', IconThumbDownAlt);

package/icons/thumb-up/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconThumbUp: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-thumb-up': TSinchIconElement;

package/icons/thumb-up/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M13.12 2.06 7.58 7.6c-.37.37-.58.88-.58 1.41V19c0 1.1.9 2 2 2h9c.8 0 1.52-.48 1.84-1.21l3.26-7.61C23.94 10.2 22.49 8 20.34 8h-5.65l.95-4.58c.1-.5-.05-1.01-.41-1.37-.59-.58-1.53-.58-2.11.01ZM3 21c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2s-2 .9-2 2v8c0 1.1.9 2 2 2Z"/></svg>';
-defineCustomElement('sinch-icon-thumb-up', createIconClass(templateHTML));
+export const IconThumbUp = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-thumb-up', IconThumbUp);

package/icons/thumb-up-alt/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconThumbUpAlt: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-thumb-up-alt': TSinchIconElement;

package/icons/thumb-up-alt/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M13.12 2.06 7.58 7.6c-.37.37-.58.88-.58 1.41V19c0 1.1.9 2 2 2h9c.8 0 1.52-.48 1.84-1.21l3.26-7.61C23.94 10.2 22.49 8 20.34 8h-5.65l.95-4.58c.1-.5-.05-1.01-.41-1.37-.59-.58-1.53-.58-2.11.01ZM3 21c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2s-2 .9-2 2v8c0 1.1.9 2 2 2Z"/></svg>';
-defineCustomElement('sinch-icon-thumb-up-alt', createIconClass(templateHTML));
+export const IconThumbUpAlt = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-thumb-up-alt', IconThumbUpAlt);

package/icons/thumbs-up-down/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconThumbsUpDown: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-thumbs-up-down': TSinchIconElement;

package/icons/thumbs-up-down/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 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="M10.06 5H5.82l.66-3.18c.08-.37-.04-.75-.3-1.02A1.11 1.11 0 0 0 4.6.8l-4 4c-.39.37-.6.88-.6 1.41V12c0 1.1.9 2 2 2h5.92c.8 0 1.52-.48 1.84-1.21l2.14-5C12.46 6.47 11.49 5 10.06 5ZM22 10h-5.92c-.8 0-1.52.48-1.84 1.21l-2.14 5c-.56 1.32.4 2.79 1.84 2.79h4.24l-.66 3.18c-.08.37.04.75.3 1.02.44.44 1.15.44 1.58 0l4-4c.38-.38.59-.88.59-1.41V12c.01-1.1-.89-2-1.99-2Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>';
-defineCustomElement('sinch-icon-thumbs-up-down', createIconClass(templateHTML));
+export const IconThumbsUpDown = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-thumbs-up-down', IconThumbsUpDown);

package/icons/timelapse/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTimelapse: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-timelapse': TSinchIconElement;

package/icons/timelapse/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M16.24 7.76A5.974 5.974 0 0 0 12 6v6l-4.24 4.24c2.34 2.34 6.14 2.34 8.49 0a5.99 5.99 0 0 0-.01-8.48ZM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8Z"/></svg>';
-defineCustomElement('sinch-icon-timelapse', createIconClass(templateHTML));
+export const IconTimelapse = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-timelapse', IconTimelapse);

package/icons/timeline/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTimeline: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-timeline': TSinchIconElement;

package/icons/timeline/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M23 8c0 1.1-.9 2-2 2a1.7 1.7 0 0 1-.51-.07l-3.56 3.55c.05.16.07.34.07.52 0 1.1-.9 2-2 2s-2-.9-2-2c0-.18.02-.36.07-.52l-2.55-2.55c-.16.05-.34.07-.52.07s-.36-.02-.52-.07l-4.55 4.56c.05.16.07.33.07.51 0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2c.18 0 .35.02.51.07l4.56-4.55C8.02 9.36 8 9.18 8 9c0-1.1.9-2 2-2s2 .9 2 2c0 .18-.02.36-.07.52l2.55 2.55c.16-.05.34-.07.52-.07s.36.02.52.07l3.55-3.56A1.7 1.7 0 0 1 19 8c0-1.1.9-2 2-2s2 .9 2 2Zm0 0c0 1.1-.9 2-2 2a1.7 1.7 0 0 1-.51-.07l-3.56 3.55c.05.16.07.34.07.52 0 1.1-.9 2-2 2s-2-.9-2-2c0-.18.02-.36.07-.52l-2.55-2.55c-.16.05-.34.07-.52.07s-.36-.02-.52-.07l-4.55 4.56c.05.16.07.33.07.51 0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2c.18 0 .35.02.51.07l4.56-4.55C8.02 9.36 8 9.18 8 9c0-1.1.9-2 2-2s2 .9 2 2c0 .18-.02.36-.07.52l2.55 2.55c.16-.05.34-.07.52-.07s.36.02.52.07l3.55-3.56A1.7 1.7 0 0 1 19 8c0-1.1.9-2 2-2s2 .9 2 2Z"/></svg>';
-defineCustomElement('sinch-icon-timeline', createIconClass(templateHTML));
+export const IconTimeline = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-timeline', IconTimeline);

package/icons/timer/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTimer: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-timer': TSinchIconElement;

package/icons/timer/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M14 1h-4c-.55 0-1 .45-1 1s.45 1 1 1h4c.55 0 1-.45 1-1s-.45-1-1-1Zm-2 13c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1Zm7.03-6.61.75-.75a.993.993 0 0 0 0-1.4l-.01-.01a.993.993 0 0 0-1.4 0l-.75.75A8.962 8.962 0 0 0 12 4c-4.8 0-8.88 3.96-9 8.76A8.998 8.998 0 0 0 12 22a8.994 8.994 0 0 0 7.03-14.61ZM12 20c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7Z"/></svg>';
-defineCustomElement('sinch-icon-timer', createIconClass(templateHTML));
+export const IconTimer = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-timer', IconTimer);

package/icons/timer-10/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTimer10: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-timer-10': TSinchIconElement;

package/icons/timer-10/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 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="M-.01 7.72V9.4l3-1V18h2V6h-.25L-.01 7.72Zm23.78 6.65c-.14-.28-.35-.53-.63-.74-.28-.21-.61-.39-1.01-.53s-.85-.27-1.35-.38a6.64 6.64 0 0 1-.87-.23 2.61 2.61 0 0 1-.55-.25.717.717 0 0 1-.28-.3.978.978 0 0 1 .01-.8c.06-.13.15-.25.27-.34.12-.1.27-.18.45-.24s.4-.09.64-.09c.25 0 .47.04.66.11.19.07.35.17.48.29.13.12.22.26.29.42.06.16.1.32.1.49h1.95A2.517 2.517 0 0 0 23 9.81c-.3-.25-.66-.44-1.09-.59-.43-.15-.92-.22-1.46-.22-.51 0-.98.07-1.39.21-.41.14-.77.33-1.06.57-.29.24-.51.52-.67.84a2.2 2.2 0 0 0-.23 1.01c0 .36.08.69.23.96.15.28.36.52.64.73.27.21.6.38.98.53.38.14.81.26 1.27.36.39.08.71.17.95.26s.43.19.57.29c.13.1.22.22.27.34.05.12.07.25.07.39 0 .32-.13.57-.4.77-.27.2-.66.29-1.17.29-.22 0-.43-.02-.64-.08-.21-.05-.4-.13-.56-.24a1.333 1.333 0 0 1-.59-1.11h-1.89c0 .36.08.71.24 1.05.16.34.39.65.7.93.31.27.69.49 1.15.66.46.17.98.25 1.58.25.53 0 1.01-.06 1.44-.19.43-.13.8-.31 1.11-.54.31-.23.54-.51.71-.83.17-.32.25-.67.25-1.06-.02-.4-.09-.74-.24-1.02Zm-9.96-7.32c-.34-.4-.75-.7-1.23-.88-.47-.18-1.01-.27-1.59-.27-.58 0-1.11.09-1.59.27-.48.18-.89.47-1.23.88-.34.41-.6.93-.79 1.59-.18.65-.28 1.45-.28 2.39v1.92c0 .94.09 1.74.28 2.39.19.66.45 1.19.8 1.6.34.41.75.71 1.23.89.48.18 1.01.28 1.59.28.59 0 1.12-.09 1.59-.28.48-.18.88-.48 1.22-.89.34-.41.6-.94.78-1.6.18-.65.28-1.45.28-2.39v-1.92c0-.94-.09-1.74-.28-2.39-.18-.66-.44-1.19-.78-1.59Zm-.92 6.17c0 .6-.04 1.11-.12 1.53-.08.42-.2.76-.36 1.02-.16.26-.36.45-.59.57-.23.12-.51.18-.82.18-.3 0-.58-.06-.82-.18s-.44-.31-.6-.57c-.16-.26-.29-.6-.38-1.02-.09-.42-.13-.93-.13-1.53v-2.5c0-.6.04-1.11.13-1.52.09-.41.21-.74.38-1 .16-.25.36-.43.6-.55.24-.11.51-.17.81-.17.31 0 .58.06.81.17.24.11.44.29.6.55.16.25.29.58.37.99.08.41.13.92.13 1.52v2.51h-.01Z"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>';
-defineCustomElement('sinch-icon-timer-10', createIconClass(templateHTML));
+export const IconTimer10 = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-timer-10', IconTimer10);

package/icons/timer-3/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTimer3: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-timer-3': TSinchIconElement;

package/icons/timer-3/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M11.61 12.97c-.16-.24-.36-.46-.62-.65a3.38 3.38 0 0 0-.93-.48c.3-.14.57-.3.8-.5.23-.2.42-.41.57-.64.15-.23.27-.46.34-.71.08-.24.11-.49.11-.73 0-.55-.09-1.04-.28-1.46-.18-.42-.44-.77-.78-1.06-.33-.28-.73-.5-1.2-.64-.45-.13-.97-.2-1.53-.2-.55 0-1.06.08-1.52.24-.47.17-.87.4-1.2.69-.33.29-.6.63-.78 1.03-.2.39-.29.83-.29 1.29h1.98c0-.26.05-.49.14-.69.09-.2.22-.38.38-.52.17-.14.36-.25.58-.33.22-.08.46-.12.73-.12.61 0 1.06.16 1.36.47.3.31.44.75.44 1.32 0 .27-.04.52-.12.74-.08.22-.21.41-.38.57-.17.16-.38.28-.63.37-.25.09-.55.13-.89.13H6.72v1.57H7.9c.34 0 .64.04.91.11.27.08.5.19.69.35.19.16.34.36.44.61.1.24.16.54.16.87 0 .62-.18 1.09-.53 1.42-.35.33-.84.49-1.45.49-.29 0-.56-.04-.8-.13-.24-.08-.44-.2-.61-.36-.17-.16-.3-.34-.39-.56-.09-.22-.14-.46-.14-.72H4.19c0 .55.11 1.03.32 1.45.21.42.5.77.86 1.05s.77.49 1.24.63.96.21 1.48.21c.57 0 1.09-.08 1.58-.23.49-.15.91-.38 1.26-.68.36-.3.64-.66.84-1.1.2-.43.3-.93.3-1.48 0-.29-.04-.58-.11-.86-.08-.25-.19-.51-.35-.76Zm9.26 1.4c-.14-.28-.35-.53-.63-.74-.28-.21-.61-.39-1.01-.53s-.85-.27-1.35-.38a6.64 6.64 0 0 1-.87-.23 2.61 2.61 0 0 1-.55-.25.717.717 0 0 1-.28-.3.935.935 0 0 1-.08-.39.946.946 0 0 1 .36-.75c.12-.1.27-.18.45-.24s.4-.09.64-.09c.25 0 .47.04.66.11.19.07.35.17.48.29.13.12.22.26.29.42.06.16.1.32.1.49h1.95a2.517 2.517 0 0 0-.93-1.97c-.3-.25-.66-.44-1.09-.59-.43-.15-.92-.22-1.46-.22-.51 0-.98.07-1.39.21-.41.14-.77.33-1.06.57-.29.24-.51.52-.67.84a2.2 2.2 0 0 0-.23 1.01c0 .36.08.68.23.96.15.28.37.52.64.73.27.21.6.38.98.53.38.14.81.26 1.27.36.39.08.71.17.95.26s.43.19.57.29c.13.1.22.22.27.34.05.12.07.25.07.39 0 .32-.13.57-.4.77-.27.2-.66.29-1.17.29-.22 0-.43-.02-.64-.08-.21-.05-.4-.13-.56-.24a1.333 1.333 0 0 1-.59-1.11h-1.89c0 .36.08.71.24 1.05.16.34.39.65.7.93.31.27.69.49 1.15.66.46.17.98.25 1.58.25.53 0 1.01-.06 1.44-.19.43-.13.8-.31 1.11-.54.31-.23.54-.51.71-.83.17-.32.25-.67.25-1.06-.02-.4-.09-.74-.24-1.02Z"/></svg>';
-defineCustomElement('sinch-icon-timer-3', createIconClass(templateHTML));
+export const IconTimer3 = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-timer-3', IconTimer3);

package/icons/timer-off/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconTimerOff: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-timer-off': TSinchIconElement;

package/icons/timer-off/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M10 3h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1Zm2 5c-.51 0-.92.39-.98.89L13 10.86V9c0-.55-.45-1-1-1Zm0-2c3.87 0 7 3.13 7 7 0 1.12-.27 2.18-.74 3.12l1.47 1.47C20.53 16.25 21 14.68 21 13c0-2.12-.74-4.07-1.97-5.61l.75-.75a.993.993 0 0 0 0-1.4l-.01-.01a.993.993 0 0 0-1.4 0l-.75.75A8.962 8.962 0 0 0 12 4c-1.66 0-3.22.48-4.57 1.29l1.45 1.45c.94-.47 2-.74 3.12-.74Zm8.19 14.88L3.87 4.56a.996.996 0 1 0-1.41 1.41l2.07 2.07C3.61 9.42 3.05 11.03 3 12.76A8.998 8.998 0 0 0 12 22c1.84 0 3.55-.55 4.98-1.5l1.79 1.79c.39.39 1.02.39 1.41 0 .4-.39.4-1.02.01-1.41ZM12 20c-3.87 0-7-3.13-7-7 0-1.29.35-2.49.96-3.52l9.57 9.57c-1.04.6-2.24.95-3.53.95Z"/></svg>';
-defineCustomElement('sinch-icon-timer-off', createIconClass(templateHTML));
+export const IconTimerOff = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-timer-off', IconTimerOff);