@nectary/assets 2.4.2 → 2.5.0

package/icons/portrait/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 12.25c1.24 0 2.25-1.01 2.25-2.25S13.24 7.75 12 7.75 9.75 8.76 9.75 10s1.01 2.25 2.25 2.25Zm4.5 4c0-1.5-3-2.25-4.5-2.25s-4.5.75-4.5 2.25V17h9v-.75ZM19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm-1 16H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-portrait', createIconClass(templateHTML));
+export const IconPortrait = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-portrait', IconPortrait);

package/icons/post-add/index.d.ts

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

package/icons/post-add/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="M18 12c-.55 0-1 .45-1 1v5.22c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1Zm3.02-7H19V2.98c0-.54-.44-.98-.98-.98h-.03c-.55 0-.99.44-.99.98V5h-2.01c-.54 0-.98.44-.99.98v.03c0 .55.44.99.99.99H17v2.01c0 .54.44.99.99.98h.03c.54 0 .98-.44.98-.98V7h2.02c.54 0 .98-.44.98-.98v-.04c0-.54-.44-.98-.98-.98Z"/><path d="M14 9H8c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1Zm0 3H8c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1Zm0 3H8c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1Z"/></svg>';
-defineCustomElement('sinch-icon-post-add', createIconClass(templateHTML));
+export const IconPostAdd = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-post-add', IconPostAdd);

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

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

package/icons/power-input/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="M2 10c0 .55.45 1 1 1h17c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1Zm1 5h3c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1s.45 1 1 1Zm7 0h3c.55 0 1-.45 1-1s-.45-1-1-1h-3c-.55 0-1 .45-1 1s.45 1 1 1Zm7 0h3c.55 0 1-.45 1-1s-.45-1-1-1h-3c-.55 0-1 .45-1 1s.45 1 1 1Z"/></svg>';
-defineCustomElement('sinch-icon-power-input', createIconClass(templateHTML));
+export const IconPowerInput = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-power-input', IconPowerInput);

package/icons/power-settings-new/index.d.ts

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

package/icons/power-settings-new/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 3c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1Zm5.14 2.86a.99.99 0 0 0-.01 1.39c1.13 1.2 1.83 2.8 1.87 4.57.09 3.83-3.08 7.13-6.91 7.17A6.981 6.981 0 0 1 5 12c0-1.84.71-3.51 1.87-4.76.37-.39.37-1-.01-1.38a.993.993 0 0 0-1.43.02A8.92 8.92 0 0 0 3 11.74c-.14 4.88 3.83 9.1 8.71 9.25 5.1.16 9.29-3.93 9.29-9 0-2.37-.92-4.51-2.42-6.11-.38-.41-1.04-.42-1.44-.02Z"/></svg>';
-defineCustomElement('sinch-icon-power-settings-new', createIconClass(templateHTML));
+export const IconPowerSettingsNew = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-power-settings-new', IconPowerSettingsNew);

package/icons/precision-manufacturing/index.d.ts

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

package/icons/precision-manufacturing/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.93 8.35-3.6 1.68L14 7.7V6.3l2.33-2.33 3.6 1.68c.38.18.82.01 1-.36.18-.38.01-.82-.36-1l-3.92-1.83a.993.993 0 0 0-1.13.2L13.78 4.4A.975.975 0 0 0 13 4c-.55 0-1 .45-1 1v1H8.82C8.34 4.66 6.96 3.75 5.4 4.06c-1.17.23-2.13 1.19-2.35 2.36-.25 1.34.4 2.54 1.43 3.16L7.08 18H5.5c-.83 0-1.5.67-1.5 1.5S4.67 21 5.5 21h10c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5h-2.12L8.41 8.77c.17-.24.31-.49.41-.77H12v1c0 .55.45 1 1 1 .32 0 .6-.16.78-.4l1.74 1.74c.3.3.75.38 1.13.2l3.92-1.83c.38-.18.54-.62.36-1a.753.753 0 0 0-1-.36ZM6 8c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-precision-manufacturing', createIconClass(templateHTML));
+export const IconPrecisionManufacturing = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-precision-manufacturing', IconPrecisionManufacturing);

package/icons/pregnant-woman/index.d.ts

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

package/icons/pregnant-woman/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="M9 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-2Zm7 9a3.285 3.285 0 0 0-2-3c0-1.71-1.42-3.08-3.16-3C9.22 7.09 8 8.54 8 10.16V16c0 .55.45 1 1 1h1v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V17h2c.55 0 1-.45 1-1v-3Z"/></svg>';
-defineCustomElement('sinch-icon-pregnant-woman', createIconClass(templateHTML));
+export const IconPregnantWoman = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-pregnant-woman', IconPregnantWoman);

package/icons/present-to-all/index.d.ts

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

package/icons/present-to-all/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.11 0-2 .89-2 2v14c0 1.11.89 2 2 2h18c1.11 0 2-.89 2-2V5c0-1.11-.89-2-2-2Zm-1 16.02H4c-.55 0-1-.45-1-1V5.98c0-.55.45-1 1-1h16c.55 0 1 .45 1 1v12.04c0 .55-.45 1-1 1ZM10 12H8l3.65-3.65c.2-.2.51-.2.71 0L16 12h-2v4h-4v-4Z"/></svg>';
-defineCustomElement('sinch-icon-present-to-all', createIconClass(templateHTML));
+export const IconPresentToAll = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-present-to-all', IconPresentToAll);

package/icons/preview/index.d.ts

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

package/icons/preview/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 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5a2 2 0 0 0-2-2Zm0 16H5V7h14v12Zm-5.5-6c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5.67-1.5 1.5-1.5 1.5.67 1.5 1.5ZM12 9c-2.73 0-5.06 1.66-6 4 .94 2.34 3.27 4 6 4s5.06-1.66 6-4c-.94-2.34-3.27-4-6-4Zm0 6.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5Z"/></svg>';
-defineCustomElement('sinch-icon-preview', createIconClass(templateHTML));
+export const IconPreview = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-preview', IconPreview);

package/icons/print/index.d.ts

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

package/icons/print/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 8H5c-1.66 0-3 1.34-3 3v4c0 1.1.9 2 2 2h2v2c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2v-2h2c1.1 0 2-.9 2-2v-4c0-1.66-1.34-3-3-3Zm-4 11H9c-.55 0-1-.45-1-1v-4h8v4c0 .55-.45 1-1 1Zm4-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1Zm-2-9H7c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1Z"/></svg>';
-defineCustomElement('sinch-icon-print', createIconClass(templateHTML));
+export const IconPrint = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-print', IconPrint);

package/icons/print-disabled/index.d.ts

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

package/icons/print-disabled/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="M2.12 2.32A.996.996 0 1 0 .71 3.73L4.98 8A2.998 2.998 0 0 0 2 11v4c0 1.1.9 2 2 2h2v2c0 1.1.9 2 2 2h8c.55 0 1.04-.22 1.4-.58l2.83 2.83a.996.996 0 1 0 1.41-1.41L2.12 2.32ZM15 19H9c-.55 0-1-.45-1-1v-4h2.98l4.72 4.72c-.19.17-.43.28-.7.28Zm4-11h-8.37l9 9H20c1.1 0 2-.9 2-2v-4c0-1.66-1.34-3-3-3Zm0 4c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1Zm-2-5c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1H7c-.37 0-.68.21-.85.51L9.63 7H17Z"/></svg>';
-defineCustomElement('sinch-icon-print-disabled', createIconClass(templateHTML));
+export const IconPrintDisabled = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-print-disabled', IconPrintDisabled);

package/icons/privacy-tip/index.d.ts

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

package/icons/privacy-tip/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="M4.19 4.47C3.47 4.79 3 5.51 3 6.3V11c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V6.3c0-.79-.47-1.51-1.19-1.83l-7-3.11c-.52-.23-1.11-.23-1.62 0l-7 3.11ZM12 7c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1Zm0 4c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1s-1-.45-1-1v-4c0-.55.45-1 1-1Z"/></svg>';
-defineCustomElement('sinch-icon-privacy-tip', createIconClass(templateHTML));
+export const IconPrivacyTip = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-privacy-tip', IconPrivacyTip);

package/icons/propane/index.d.ts

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

package/icons/propane/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.75 6H16V5c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2v1h-.75C3.97 6 1.1 8.53 1 11.82A6.001 6.001 0 0 0 7 18v2c0 .55.45 1 1 1s1-.45 1-1v-2h6v2c0 .55.45 1 1 1s1-.45 1-1v-2c3.38 0 6.1-2.79 6-6.18C22.9 8.53 20.03 6 16.75 6ZM10 5h4v1h-4V5Z"/></svg>';
-defineCustomElement('sinch-icon-propane', createIconClass(templateHTML));
+export const IconPropane = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-propane', IconPropane);

package/icons/propane-tank/index.d.ts

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

package/icons/propane-tank/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="M4 15v3c0 2.21 1.79 4 4 4h8c2.21 0 4-1.79 4-4v-3H4Zm16-2v-3c0-1.86-1.28-3.41-3-3.86V4c0-1.1-.9-2-2-2H9c-1.1 0-2 .9-2 2v2.14c-1.72.45-3 2-3 3.86v3h16ZM9 4h6v2h-2c0-.55-.45-1-1-1s-1 .45-1 1H9V4Z"/></svg>';
-defineCustomElement('sinch-icon-propane-tank', createIconClass(templateHTML));
+export const IconPropaneTank = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-propane-tank', IconPropaneTank);

package/icons/psychology/index.d.ts

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

package/icons/psychology/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 8.57a1.43 1.43 0 1 0 0 2.86 1.43 1.43 0 0 0 0-2.86Z"/><path d="M13.21 3c-3.84-.11-7 2.87-7.19 6.64L4.1 12.2a.5.5 0 0 0 .4.8H6v3c0 1.1.9 2 2 2h1v2c0 .55.45 1 1 1h5c.55 0 1-.45 1-1v-3.68a7.004 7.004 0 0 0 4-6.58c-.14-3.62-3.18-6.63-6.79-6.74ZM16 10c0 .13-.01.26-.02.39l.83.66c.08.06.1.16.05.25l-.8 1.39c-.05.09-.16.12-.24.09l-.99-.4c-.21.16-.43.29-.67.39L14 13.83c-.01.1-.1.17-.2.17h-1.6c-.1 0-.18-.07-.2-.17l-.15-1.06c-.25-.1-.47-.23-.68-.39l-.99.4c-.09.03-.2 0-.25-.09l-.8-1.39a.19.19 0 0 1 .05-.25l.84-.66c-.01-.13-.02-.26-.02-.39s.02-.27.04-.39l-.85-.66c-.08-.06-.1-.16-.05-.26l.8-1.38c.05-.09.15-.12.24-.09l1 .4c.2-.15.43-.29.67-.39L12 6.17c.02-.1.1-.17.2-.17h1.6c.1 0 .18.07.2.17l.15 1.06c.24.1.46.23.67.39l1-.4c.09-.03.2 0 .24.09l.8 1.38a.2.2 0 0 1-.05.26l-.85.66c.03.12.04.25.04.39Z"/></svg>';
-defineCustomElement('sinch-icon-psychology', createIconClass(templateHTML));
+export const IconPsychology = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-psychology', IconPsychology);

package/icons/public/index.d.ts

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

package/icons/public/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 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93Zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39Z"/></svg>';
-defineCustomElement('sinch-icon-public', createIconClass(templateHTML));
+export const IconPublic = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-public', IconPublic);

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

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

package/icons/public-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="M11 8.17 6.49 3.66A9.91 9.91 0 0 1 12 2c5.52 0 10 4.48 10 10 0 2.04-.61 3.93-1.66 5.51l-1.46-1.46A7.842 7.842 0 0 0 20 12c0-3.35-2.07-6.22-5-7.41V5c0 1.1-.9 2-2 2h-2v1.17Zm9.49 13.73a.996.996 0 0 1-1.41 0l-1.56-1.56c-2.07 1.37-4.68 2-7.45 1.48-3.95-.75-7.13-3.92-7.88-7.88-.52-2.77.1-5.38 1.48-7.45L2.1 4.93a.996.996 0 1 1 1.41-1.41l16.97 16.97c.4.39.4 1.02.01 1.41ZM11 18c-1.1 0-2-.9-2-2v-1l-4.79-4.79C4.08 10.79 4 11.38 4 12c0 4.08 3.05 7.44 7 7.93V18Z"/></svg>';
-defineCustomElement('sinch-icon-public-off', createIconClass(templateHTML));
+export const IconPublicOff = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-public-off', IconPublicOff);

package/icons/publish/index.d.ts

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

package/icons/publish/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 5c0 .55.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1 .45-1 1Zm2.41 9H9v5c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-5h1.59c.89 0 1.34-1.08.71-1.71L12.71 7.7a.996.996 0 0 0-1.41 0l-4.59 4.59c-.63.63-.19 1.71.7 1.71Z"/></svg>';
-defineCustomElement('sinch-icon-publish', createIconClass(templateHTML));
+export const IconPublish = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-publish', IconPublish);

package/icons/published-with-changes/index.d.ts

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

package/icons/published-with-changes/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.95 10.23-5.66 5.66a.996.996 0 0 1-1.41 0l-2.83-2.83a.996.996 0 1 1 1.41-1.41l2.12 2.12 4.95-4.95a.996.996 0 0 1 1.41 0c.4.39.4 1.02.01 1.41ZM4 12c0-2.33 1.02-4.42 2.62-5.88l1.53 1.53A.5.5 0 0 0 9 7.29V3c0-.28-.22-.5-.5-.5H4.21c-.45 0-.67.54-.35.85L5.2 4.7C3.24 6.52 2 9.11 2 12c0 4.75 3.32 8.73 7.76 9.75.63.14 1.24-.33 1.24-.98 0-.47-.33-.87-.79-.98C6.66 18.98 4 15.8 4 12Zm18 0c0-4.75-3.32-8.73-7.76-9.75-.63-.14-1.24.33-1.24.98 0 .47.33.87.79.98C17.34 5.02 20 8.2 20 12c0 2.33-1.02 4.42-2.62 5.88l-1.53-1.53a.5.5 0 0 0-.85.36V21c0 .28.22.5.5.5h4.29c.45 0 .67-.54.35-.85L18.8 19.3c1.96-1.82 3.2-4.41 3.2-7.3Z"/></svg>';
-defineCustomElement('sinch-icon-published-with-changes', createIconClass(templateHTML));
+export const IconPublishedWithChanges = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-published-with-changes', IconPublishedWithChanges);

package/icons/push-pin/index.d.ts

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

package/icons/push-pin/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 fill-rule="evenodd" clip-rule="evenodd" d="M19 12.87c0-.47-.34-.85-.8-.98A2.997 2.997 0 0 1 16 9V4h1c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1h1v5c0 1.38-.93 2.54-2.2 2.89-.46.13-.8.51-.8.98V13c0 .55.45 1 1 1h4.98l.02 7c0 .55.45 1 1 1s1-.45 1-1l-.02-7H18c.55 0 1-.45 1-1v-.13Z"/></svg>';
-defineCustomElement('sinch-icon-push-pin', createIconClass(templateHTML));
+export const IconPushPin = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-push-pin', IconPushPin);

package/icons/qr-code/index.d.ts

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

package/icons/qr-code/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="M5 11h4c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2Zm0-6h4v4H5V5Zm0 16h4c1.1 0 2-.9 2-2v-4c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2Zm0-6h4v4H5v-4Zm8-10v4c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2Zm6 4h-4V5h4v4Zm2 11.5v-1c0-.28-.22-.5-.5-.5h-1c-.28 0-.5.22-.5.5v1c0 .28.22.5.5.5h1c.28 0 .5-.22.5-.5Zm-8-7v1c0 .28.22.5.5.5h1c.28 0 .5-.22.5-.5v-1c0-.28-.22-.5-.5-.5h-1c-.28 0-.5.22-.5.5Zm3.5 1.5h-1c-.28 0-.5.22-.5.5v1c0 .28.22.5.5.5h1c.28 0 .5-.22.5-.5v-1c0-.28-.22-.5-.5-.5ZM13 17.5v1c0 .28.22.5.5.5h1c.28 0 .5-.22.5-.5v-1c0-.28-.22-.5-.5-.5h-1c-.28 0-.5.22-.5.5Zm2.5 3.5h1c.28 0 .5-.22.5-.5v-1c0-.28-.22-.5-.5-.5h-1c-.28 0-.5.22-.5.5v1c0 .28.22.5.5.5Zm2-2h1c.28 0 .5-.22.5-.5v-1c0-.28-.22-.5-.5-.5h-1c-.28 0-.5.22-.5.5v1c0 .28.22.5.5.5Zm1-6h-1c-.28 0-.5.22-.5.5v1c0 .28.22.5.5.5h1c.28 0 .5-.22.5-.5v-1c0-.28-.22-.5-.5-.5Zm1 4h1c.28 0 .5-.22.5-.5v-1c0-.28-.22-.5-.5-.5h-1c-.28 0-.5.22-.5.5v1c0 .28.22.5.5.5Z"/></svg>';
-defineCustomElement('sinch-icon-qr-code', createIconClass(templateHTML));
+export const IconQrCode = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-qr-code', IconQrCode);

package/icons/qr-code-scanner/index.d.ts

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

package/icons/qr-code-scanner/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="M9.5 6.5v3h-3v-3h3ZM11 5H5v6h6V5Zm-1.5 9.5v3h-3v-3h3ZM11 13H5v6h6v-6Zm6.5-6.5v3h-3v-3h3ZM19 5h-6v6h6V5Zm-6 8h1.5v1.5H13V13Zm1.5 1.5H16V16h-1.5v-1.5ZM16 13h1.5v1.5H16V13Zm-3 3h1.5v1.5H13V16Zm1.5 1.5H16V19h-1.5v-1.5ZM16 16h1.5v1.5H16V16Zm1.5-1.5H19V16h-1.5v-1.5Zm0 3H19V19h-1.5v-1.5ZM21 7c-.55 0-1-.45-1-1V4h-2c-.55 0-1-.45-1-1s.45-1 1-1h3c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1Zm1 14v-3c0-.55-.45-1-1-1s-1 .45-1 1v2h-2c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1ZM3 22h3c.55 0 1-.45 1-1s-.45-1-1-1H4v-2c0-.55-.45-1-1-1s-1 .45-1 1v3c0 .55.45 1 1 1ZM2 3v3c0 .55.45 1 1 1s1-.45 1-1V4h2c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-qr-code-scanner', createIconClass(templateHTML));
+export const IconQrCodeScanner = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-qr-code-scanner', IconQrCodeScanner);

package/icons/query-builder/index.d.ts

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

package/icons/query-builder/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.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2ZM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8Zm-.22-13h-.06c-.4 0-.72.32-.72.72v4.72c0 .35.18.68.49.86l4.15 2.49c.34.2.78.1.98-.24a.71.71 0 0 0-.25-.99l-3.87-2.3V7.72c0-.4-.32-.72-.72-.72Z"/></svg>';
-defineCustomElement('sinch-icon-query-builder', createIconClass(templateHTML));
+export const IconQueryBuilder = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-query-builder', IconQueryBuilder);

package/icons/question-answer/index.d.ts

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

package/icons/question-answer/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 6h-1v8c0 .55-.45 1-1 1H6v1c0 1.1.9 2 2 2h10l4 4V8c0-1.1-.9-2-2-2Zm-3 5V4c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v13l4-4h9c1.1 0 2-.9 2-2Z"/></svg>';
-defineCustomElement('sinch-icon-question-answer', createIconClass(templateHTML));
+export const IconQuestionAnswer = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-question-answer', IconQuestionAnswer);

package/icons/queue/index.d.ts

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

package/icons/queue/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="M3 6c-.55 0-1 .45-1 1v13c0 1.1.9 2 2 2h13c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1-.45-1-1V7c0-.55-.45-1-1-1Zm17-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2Zm-2 9h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3V6c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-queue', createIconClass(templateHTML));
+export const IconQueue = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-queue', IconQueue);

package/icons/queue-music/index.d.ts

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

package/icons/queue-music/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 6H4c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1Zm0 4H4c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1ZM4 16h6c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1ZM19 6c-1.1 0-2 .9-2 2v6.18c-.31-.11-.65-.18-1-.18-1.84 0-3.28 1.64-2.95 3.54.21 1.21 1.2 2.2 2.41 2.41 1.9.33 3.54-1.11 3.54-2.95V8h2c.55 0 1-.45 1-1s-.45-1-1-1h-2Z"/></svg>';
-defineCustomElement('sinch-icon-queue-music', createIconClass(templateHTML));
+export const IconQueueMusic = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-queue-music', IconQueueMusic);

package/icons/queue-play-next/index.d.ts

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

package/icons/queue-play-next/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 2v12c0 1.1.9 2 2 2h5v1c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-1h1c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h16c.55 0 1 .45 1 1v6c0 .55.45 1 1 1s1-.45 1-1V5c0-1.1-.9-2-2-2Zm-8 7V8c0-.55-.45-1-1-1s-1 .45-1 1v2H9c-.55 0-1 .45-1 1s.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1h-2Zm10.29 8.71-3.04 3.04c-.41.41-1.09.41-1.5 0-.41-.41-.41-1.09 0-1.5L21 18l-2.25-2.25c-.41-.41-.41-1.09 0-1.5.41-.41 1.09-.41 1.5 0l3.04 3.04c.39.39.39 1.03 0 1.42Z"/></svg>';
-defineCustomElement('sinch-icon-queue-play-next', createIconClass(templateHTML));
+export const IconQueuePlayNext = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-queue-play-next', IconQueuePlayNext);

package/icons/quickreply/index.d.ts

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

package/icons/quickreply/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 4c0-1.1-.9-2-2-2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h9v-7c0-.55.45-1 1-1h6V4Z"/><path d="M21.69 16H20.3l1.4-3.3c.14-.33-.1-.7-.46-.7H17.5c-.28 0-.5.22-.5.5v5c0 .28.22.5.5.5H19v3.94c0 .26.36.35.47.11l2.66-5.33a.494.494 0 0 0-.44-.72Z"/></svg>';
-defineCustomElement('sinch-icon-quickreply', createIconClass(templateHTML));
+export const IconQuickreply = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-quickreply', IconQuickreply);

package/icons/radio/index.d.ts

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

package/icons/radio/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="M3.24 6.15C2.51 6.43 2 7.17 2 8v12c0 1.1.9 2 2 2h16a2 2 0 0 0 2-2V8c0-1.1-.9-2-2-2H8.3l7.43-3c.46-.19.68-.71.49-1.17a.894.894 0 0 0-1.17-.49L3.24 6.15ZM7 20c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3Zm13-8h-2v-1c0-.55-.45-1-1-1s-1 .45-1 1v1H4V9c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v3Z"/></svg>';
-defineCustomElement('sinch-icon-radio', createIconClass(templateHTML));
+export const IconRadio = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-radio', IconRadio);

package/icons/radio-button-checked/index.d.ts

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

package/icons/radio-button-checked/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 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"/><path d="M12 17a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z"/></svg>';
-defineCustomElement('sinch-icon-radio-button-checked', createIconClass(templateHTML));
+export const IconRadioButtonChecked = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-radio-button-checked', IconRadioButtonChecked);

package/icons/radio-button-unchecked/index.d.ts

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

package/icons/radio-button-unchecked/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 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-radio-button-unchecked', createIconClass(templateHTML));
+export const IconRadioButtonUnchecked = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-radio-button-unchecked', IconRadioButtonUnchecked);

package/icons/rate-review/index.d.ts

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

package/icons/rate-review/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-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2ZM6 14v-2.47l6.88-6.88c.2-.2.51-.2.71 0l1.77 1.77c.2.2.2.51 0 .71L8.47 14H6Zm11 0h-6.5l2-2H17c.55 0 1 .45 1 1s-.45 1-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-rate-review', createIconClass(templateHTML));
+export const IconRateReview = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-rate-review', IconRateReview);

package/icons/read-more/index.d.ts

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

package/icons/read-more/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 9h7c.55 0 1-.45 1-1s-.45-1-1-1h-7c-.55 0-1 .45-1 1s.45 1 1 1Zm7 6h-7c-.55 0-1 .45-1 1s.45 1 1 1h7c.55 0 1-.45 1-1s-.45-1-1-1Zm0-4h-4c-.55 0-1 .45-1 1s.45 1 1 1h4c.55 0 1-.45 1-1s-.45-1-1-1ZM8.85 7.85a.5.5 0 0 0-.85.36V11H3c-.55 0-1 .45-1 1s.45 1 1 1h5v2.79c0 .45.54.67.85.35l3.79-3.79c.2-.2.2-.51 0-.71L8.85 7.85Z"/></svg>';
-defineCustomElement('sinch-icon-read-more', createIconClass(templateHTML));
+export const IconReadMore = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-read-more', IconReadMore);

package/icons/receipt/index.d.ts

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

package/icons/receipt/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 2.21a.47.47 0 0 0-.35.15l-.79.79c-.2.2-.51.2-.71 0l-.79-.79c-.2-.2-.51-.2-.71 0l-.79.79c-.2.2-.51.2-.71 0l-.79-.79c-.2-.2-.51-.2-.71 0l-.79.79c-.2.2-.51.2-.71 0l-.79-.79c-.2-.2-.51-.2-.71 0l-.79.79c-.2.2-.51.2-.71 0l-.8-.8c-.2-.2-.51-.2-.71 0l-.79.8c-.2.2-.51.2-.71 0l-.79-.8c-.2-.2-.51-.2-.71 0l-.79.8c-.2.2-.51.2-.71 0l-.79-.8A.5.5 0 0 0 3 2.21V21.8c.13 0 .26-.05.35-.15l.79-.79c.2-.2.51-.2.71 0l.79.79c.2.2.51.2.71 0l.79-.79c.2-.2.51-.2.71 0l.79.79c.2.2.51.2.71 0l.79-.79c.2-.2.51-.2.71 0l.79.79c.2.2.51.2.71 0l.79-.79c.2-.2.51-.2.71 0l.79.79c.2.2.51.2.71 0l.79-.79c.2-.2.51-.2.71 0l.79.79c.2.2.51.2.71 0l.79-.79c.2-.2.51-.2.71 0l.79.79c.1.1.23.15.35.15V2.21H21ZM17 17H7c-.55 0-1-.45-1-1s.45-1 1-1h10c.55 0 1 .45 1 1s-.45 1-1 1Zm0-4H7c-.55 0-1-.45-1-1s.45-1 1-1h10c.55 0 1 .45 1 1s-.45 1-1 1Zm0-4H7c-.55 0-1-.45-1-1s.45-1 1-1h10c.55 0 1 .45 1 1s-.45 1-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-receipt', createIconClass(templateHTML));
+export const IconReceipt = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-receipt', IconReceipt);

package/icons/receipt-long/index.d.ts

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

package/icons/receipt-long/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 9h-4c-.55 0-1-.45-1-1s.45-1 1-1h4c.55 0 1 .45 1 1s-.45 1-1 1Zm0 3h-4c-.55 0-1-.45-1-1s.45-1 1-1h4c.55 0 1 .45 1 1s-.45 1-1 1Z"/><path d="M19.5 3.5 18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2v14H4c-.55 0-1 .45-1 1v2c0 1.66 1.34 3 3 3h12c1.66 0 3-1.34 3-3V2l-1.5 1.5ZM15 20H6c-.55 0-1-.45-1-1v-1h10v2Zm4-1c0 .55-.45 1-1 1s-1-.45-1-1v-2c0-.55-.45-1-1-1H8V5h11v14Z"/><path d="M17 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm0 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/></svg>';
-defineCustomElement('sinch-icon-receipt-long', createIconClass(templateHTML));
+export const IconReceiptLong = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-receipt-long', IconReceiptLong);

package/icons/recent-actors/index.d.ts

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

package/icons/recent-actors/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 6v12c0 .55.45 1 1 1s1-.45 1-1V6c0-.55-.45-1-1-1s-1 .45-1 1Zm-3 13c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1s-1 .45-1 1v12c0 .55.45 1 1 1ZM14 5H2c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1ZM8 7.75c1.24 0 2.25 1.01 2.25 2.25S9.24 12.25 8 12.25 5.75 11.24 5.75 10 6.76 7.75 8 7.75ZM12.5 17h-9v-.75c0-1.5 3-2.25 4.5-2.25s4.5.75 4.5 2.25V17Z"/></svg>';
-defineCustomElement('sinch-icon-recent-actors', createIconClass(templateHTML));
+export const IconRecentActors = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-recent-actors', IconRecentActors);

package/icons/record-voice-over/index.d.ts

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

package/icons/record-voice-over/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="M9 13a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-2.67 0-8 1.34-8 4v1c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-1c0-2.66-5.33-4-8-4Zm6.47-7.23c.32.79.32 1.67 0 2.46-.19.47-.11 1 .25 1.36l.03.03c.58.58 1.57.46 1.95-.27.76-1.45.76-3.15-.02-4.66-.38-.74-1.38-.88-1.97-.29l-.01.01c-.34.35-.42.89-.23 1.36Zm3.71-4.88c-.4.4-.46 1.02-.13 1.48 1.97 2.74 1.96 6.41-.03 9.25-.32.45-.25 1.07.14 1.46l.03.03c.49.49 1.32.45 1.74-.1 2.75-3.54 2.76-8.37 0-12.02-.42-.55-1.26-.59-1.75-.1Z"/></svg>';
-defineCustomElement('sinch-icon-record-voice-over', createIconClass(templateHTML));
+export const IconRecordVoiceOver = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-record-voice-over', IconRecordVoiceOver);

package/icons/redeem/index.d.ts

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