@nectary/assets 2.5.0 → 2.6.0

package/icons-branded/voice-video-and-data/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M40 22h-1V11a3 3 0 0 0-3-3H17a3 3 0 0 0-3 3v4H8a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h2v5.73l8-4.62L19.93 33H27a3 3 0 0 0 3-3v-3h6a3 3 0 0 0 3-3h1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-4v4.27L28.61 38H21a1 1 0 0 1-1-1v-1.73l-2 1.15V37a3 3 0 0 0 3 3h7.07L38 45.73V40h2a3 3 0 0 0 3-3V25a3 3 0 0 0-3-3Zm-12 0v8a1 1 0 0 1-1 1h-7.61l-1.39.8-6 3.47V31H8a1 1 0 0 1-1-1V18a1 1 0 0 1 1-1h19a1 1 0 0 1 1 1v4Zm9 0v2a1 1 0 0 1-1 1h-6v-7a3 3 0 0 0-3-3H16v-4a1 1 0 0 1 1-1h19a1 1 0 0 1 1 1v11Z"/><path d="M27.189 32.994A3 3 0 0 0 30 30v-.427c.018-.185.027-.376.027-.573l4.52 2.293c.603.308.603 1.104 0 1.413l-6.235 3.19c-.588.301-1.285-.279-1.285-.896v-2h.005c.052 0 .104-.002.157-.006ZM19 20a1 1 0 1 0-2 0v8a1 1 0 1 0 2 0v-8Zm-4 2a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm8 1a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2Z" class="accent"/></svg>';
-export const IconBrandedVoiceVideoAndData = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-branded-voice-video-and-data', IconBrandedVoiceVideoAndData);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true">\n  <path d="M40 22h-1V11a3 3 0 0 0-3-3H17a3 3 0 0 0-3 3v4H8a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h2v5.73l8-4.62L19.93 33H27a3 3 0 0 0 3-3v-3h6a3 3 0 0 0 3-3h1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-4v4.27L28.61 38H21a1 1 0 0 1-1-1v-1.73l-2 1.15V37a3 3 0 0 0 3 3h7.07L38 45.73V40h2a3 3 0 0 0 3-3V25a3 3 0 0 0-3-3Zm-12 0v8a1 1 0 0 1-1 1h-7.61l-1.39.8-6 3.47V31H8a1 1 0 0 1-1-1V18a1 1 0 0 1 1-1h19a1 1 0 0 1 1 1v4Zm9 0v2a1 1 0 0 1-1 1h-6v-7a3 3 0 0 0-3-3H16v-4a1 1 0 0 1 1-1h19a1 1 0 0 1 1 1v11Z"/>\n  <path d="M27.189 32.994A3 3 0 0 0 30 30v-.427c.018-.185.027-.376.027-.573l4.52 2.293c.603.308.603 1.104 0 1.413l-6.235 3.19c-.588.301-1.285-.279-1.285-.896v-2h.005c.052 0 .104-.002.157-.006ZM19 20a1 1 0 1 0-2 0v8a1 1 0 1 0 2 0v-8Zm-4 2a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm8 1a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2Z" class="accent"/>\n</svg>\n';
+const IconBrandedVoiceVideoAndData = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-branded-voice-video-and-data", IconBrandedVoiceVideoAndData);
+export {
+  IconBrandedVoiceVideoAndData
+};

package/icons-branded/webhook/global/index.d.ts

@@ -0,0 +1,24 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../../types';
+export * from '../../types';
+declare global {
+    interface NectaryComponentMap {
+        'sinch-icon-branded-webhook': {
+            props: TSinchIconBrandedProps;
+        };
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-webhook': TSinchIconBrandedElement;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-webhook': TSinchIconBrandedReact;
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements extends globalThis.JSX.IntrinsicElements {
+            'sinch-icon-branded-webhook': TSinchIconBrandedReact;
+        }
+    }
+}

package/icons-branded/webhook/global/index.js

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

package/icons-branded/webhook/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../types';
+export * from '../types';
 export declare const IconBrandedWebhook: CustomElementConstructor;
 declare global {
     interface NectaryComponentMap {

package/icons-branded/webhook/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M24.984 26.437c-.798.744-1.418 1.411-1.967 2.153a1 1 0 0 1-.033-.254V6.414l-4.657 4.657a1 1 0 0 1-1.414-1.414l6.364-6.364a1 1 0 0 1 1.414 0l6.364 6.364a1 1 0 0 1-1.414 1.414l-4.657-4.657v20.023Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.584 27.93a4.496 4.496 0 1 0-1.248 1.612c1.312.651 4.612 2.392 6.134 6.112.158-.08.321-.151.49-.213a9 9 0 0 1 .472-2.296c-1.811-2.95-4.5-4.523-5.848-5.215Zm-1.592-1.884a2.496 2.496 0 1 1-4.992.022 2.496 2.496 0 0 1 4.992-.023Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M39.423 26.492a4.496 4.496 0 0 1-8.752 1.473 12.348 12.348 0 0 0-3.54 2.788c-1.132 1.301-1.929 2.82-2.138 4.446a4.497 4.497 0 1 1-2.033.242c.162-2.308 1.237-4.363 2.661-6a14.262 14.262 0 0 1 4.86-3.604 4.497 4.497 0 0 1 8.942.655Zm-4.485 2.516a2.496 2.496 0 1 0-.022-4.992 2.496 2.496 0 0 0 .022 4.992Zm-10.43 13.156a2.496 2.496 0 1 0-.023-4.992 2.496 2.496 0 0 0 .022 4.992Z" class="accent"/></svg>';
-export const IconBrandedWebhook = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-branded-webhook', IconBrandedWebhook);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true">\n  <path d="M24.984 26.437c-.798.744-1.418 1.411-1.967 2.153a1 1 0 0 1-.033-.254V6.414l-4.657 4.657a1 1 0 0 1-1.414-1.414l6.364-6.364a1 1 0 0 1 1.414 0l6.364 6.364a1 1 0 0 1-1.414 1.414l-4.657-4.657v20.023Z"/>\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M17.584 27.93a4.496 4.496 0 1 0-1.248 1.612c1.312.651 4.612 2.392 6.134 6.112.158-.08.321-.151.49-.213a9 9 0 0 1 .472-2.296c-1.811-2.95-4.5-4.523-5.848-5.215Zm-1.592-1.884a2.496 2.496 0 1 1-4.992.022 2.496 2.496 0 0 1 4.992-.023Z"/>\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M39.423 26.492a4.496 4.496 0 0 1-8.752 1.473 12.348 12.348 0 0 0-3.54 2.788c-1.132 1.301-1.929 2.82-2.138 4.446a4.497 4.497 0 1 1-2.033.242c.162-2.308 1.237-4.363 2.661-6a14.262 14.262 0 0 1 4.86-3.604 4.497 4.497 0 0 1 8.942.655Zm-4.485 2.516a2.496 2.496 0 1 0-.022-4.992 2.496 2.496 0 0 0 .022 4.992Zm-10.43 13.156a2.496 2.496 0 1 0-.023-4.992 2.496 2.496 0 0 0 .022 4.992Z" class="accent"/>\n</svg>\n';
+const IconBrandedWebhook = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-branded-webhook", IconBrandedWebhook);
+export {
+  IconBrandedWebhook
+};

package/icons-branded/wheels/global/index.d.ts

@@ -0,0 +1,24 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../../types';
+export * from '../../types';
+declare global {
+    interface NectaryComponentMap {
+        'sinch-icon-branded-wheels': {
+            props: TSinchIconBrandedProps;
+        };
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-wheels': TSinchIconBrandedElement;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-wheels': TSinchIconBrandedReact;
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements extends globalThis.JSX.IntrinsicElements {
+            'sinch-icon-branded-wheels': TSinchIconBrandedReact;
+        }
+    }
+}

package/icons-branded/wheels/global/index.js

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

package/icons-branded/wheels/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../types';
+export * from '../types';
 export declare const IconBrandedWheels: CustomElementConstructor;
 declare global {
     interface NectaryComponentMap {

package/icons-branded/wheels/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M40.078 12.252c.78-2.572-2.36-4.507-4.307-2.655a.617.617 0 0 1-.933-.097c-1.525-2.213-4.995-.965-4.761 1.712a.617.617 0 0 1-.658.668c-2.68-.187-3.869 3.304-1.63 4.79.316.21.37.652.113.932-1.818 1.979.17 5.084 2.729 4.26.36-.115.74.118.798.493.413 2.655 4.082 3.037 5.033.523a.617.617 0 0 1 .882-.317c2.334 1.332 4.92-1.298 3.547-3.608a.617.617 0 0 1 .302-.888c2.497-.994 2.053-4.655-.61-5.023a.617.617 0 0 1-.505-.79Zm-2.929-1.206c.459-.436 1.199.02 1.015.626a2.617 2.617 0 0 0 2.146 3.35c.627.088.732.95.144 1.185a2.617 2.617 0 0 0-1.282 3.767c.323.544-.286 1.164-.836.85a2.617 2.617 0 0 0-3.745 1.346c-.224.593-1.089.503-1.186-.123a2.617 2.617 0 0 0-3.387-2.088c-.603.194-1.072-.538-.643-1.004a2.617 2.617 0 0 0-.48-3.95c-.527-.35-.247-1.174.384-1.13a2.617 2.617 0 0 0 2.79-2.837c-.055-.631.763-.925 1.122-.404a2.617 2.617 0 0 0 3.958.412ZM14.372 18.12c.643-2.827 4.613-2.827 5.256 0 .259 1.137 1.54 1.681 2.518 1.068l.147-.092c2.4-1.505 5.14 1.343 3.61 3.748-.622.98-.093 2.29 1.029 2.542 2.757.619 2.757 4.61 0 5.228-1.122.251-1.651 1.562-1.028 2.542 1.53 2.405-1.211 5.253-3.611 3.748l-.147-.092c-.977-.613-2.26-.069-2.518 1.067-.643 2.828-4.613 2.828-5.256 0-.259-1.136-1.54-1.68-2.518-1.067l-.147.092c-2.4 1.505-5.14-1.343-3.61-3.748.622-.98.093-2.29-1.029-2.542-2.757-.619-2.757-4.61 0-5.228 1.122-.251 1.651-1.562 1.028-2.542-1.53-2.405 1.211-5.253 3.611-3.748l.147.092c.977.613 2.26.069 2.518-1.067Zm8.76 2.689.147-.092c.22-.137.385-.147.508-.127a.812.812 0 0 1 .443.245.84.84 0 0 1 .233.458c.017.128.003.298-.136.518-1.331 2.093-.201 4.897 2.2 5.436.25.056.376.166.45.267a.829.829 0 0 1 .146.486c0 .198-.06.369-.146.486-.074.101-.2.211-.45.267-2.401.539-3.531 3.343-2.2 5.436.14.22.153.39.136.518a.84.84 0 0 1-.233.457.812.812 0 0 1-.443.246c-.123.02-.289.01-.508-.127l-.146-.092c-2.073-1.3-4.787-.145-5.334 2.26-.06.265-.176.402-.286.485a.86.86 0 0 1-.513.159.86.86 0 0 1-.513-.159c-.11-.083-.226-.22-.286-.485-.547-2.405-3.26-3.56-5.334-2.26l-.146.092c-.22.137-.385.147-.508.127a.812.812 0 0 1-.442-.245.84.84 0 0 1-.234-.458c-.017-.128-.003-.298.136-.518 1.331-2.093.201-4.897-2.2-5.436-.25-.056-.376-.166-.45-.267A.829.829 0 0 1 6.877 28c0-.198.06-.369.146-.486.074-.101.2-.211.45-.267 2.401-.539 3.531-3.343 2.2-5.436-.14-.22-.153-.39-.136-.518a.84.84 0 0 1 .233-.457.812.812 0 0 1 .443-.246c.123-.02.289-.01.508.127l.146.092c2.073 1.3 4.787.145 5.334-2.26.06-.265.176-.402.286-.485a.86.86 0 0 1 .513-.159.86.86 0 0 1 .513.159c.11.082.226.22.286.485.547 2.405 3.26 3.56 5.334 2.26Z"/><path d="M34.5 18a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 28a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm-2 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" class="accent"/></svg>';
-export const IconBrandedWheels = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-branded-wheels', IconBrandedWheels);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true">\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M40.078 12.252c.78-2.572-2.36-4.507-4.307-2.655a.617.617 0 0 1-.933-.097c-1.525-2.213-4.995-.965-4.761 1.712a.617.617 0 0 1-.658.668c-2.68-.187-3.869 3.304-1.63 4.79.316.21.37.652.113.932-1.818 1.979.17 5.084 2.729 4.26.36-.115.74.118.798.493.413 2.655 4.082 3.037 5.033.523a.617.617 0 0 1 .882-.317c2.334 1.332 4.92-1.298 3.547-3.608a.617.617 0 0 1 .302-.888c2.497-.994 2.053-4.655-.61-5.023a.617.617 0 0 1-.505-.79Zm-2.929-1.206c.459-.436 1.199.02 1.015.626a2.617 2.617 0 0 0 2.146 3.35c.627.088.732.95.144 1.185a2.617 2.617 0 0 0-1.282 3.767c.323.544-.286 1.164-.836.85a2.617 2.617 0 0 0-3.745 1.346c-.224.593-1.089.503-1.186-.123a2.617 2.617 0 0 0-3.387-2.088c-.603.194-1.072-.538-.643-1.004a2.617 2.617 0 0 0-.48-3.95c-.527-.35-.247-1.174.384-1.13a2.617 2.617 0 0 0 2.79-2.837c-.055-.631.763-.925 1.122-.404a2.617 2.617 0 0 0 3.958.412ZM14.372 18.12c.643-2.827 4.613-2.827 5.256 0 .259 1.137 1.54 1.681 2.518 1.068l.147-.092c2.4-1.505 5.14 1.343 3.61 3.748-.622.98-.093 2.29 1.029 2.542 2.757.619 2.757 4.61 0 5.228-1.122.251-1.651 1.562-1.028 2.542 1.53 2.405-1.211 5.253-3.611 3.748l-.147-.092c-.977-.613-2.26-.069-2.518 1.067-.643 2.828-4.613 2.828-5.256 0-.259-1.136-1.54-1.68-2.518-1.067l-.147.092c-2.4 1.505-5.14-1.343-3.61-3.748.622-.98.093-2.29-1.029-2.542-2.757-.619-2.757-4.61 0-5.228 1.122-.251 1.651-1.562 1.028-2.542-1.53-2.405 1.211-5.253 3.611-3.748l.147.092c.977.613 2.26.069 2.518-1.067Zm8.76 2.689.147-.092c.22-.137.385-.147.508-.127a.812.812 0 0 1 .443.245.84.84 0 0 1 .233.458c.017.128.003.298-.136.518-1.331 2.093-.201 4.897 2.2 5.436.25.056.376.166.45.267a.829.829 0 0 1 .146.486c0 .198-.06.369-.146.486-.074.101-.2.211-.45.267-2.401.539-3.531 3.343-2.2 5.436.14.22.153.39.136.518a.84.84 0 0 1-.233.457.812.812 0 0 1-.443.246c-.123.02-.289.01-.508-.127l-.146-.092c-2.073-1.3-4.787-.145-5.334 2.26-.06.265-.176.402-.286.485a.86.86 0 0 1-.513.159.86.86 0 0 1-.513-.159c-.11-.083-.226-.22-.286-.485-.547-2.405-3.26-3.56-5.334-2.26l-.146.092c-.22.137-.385.147-.508.127a.812.812 0 0 1-.442-.245.84.84 0 0 1-.234-.458c-.017-.128-.003-.298.136-.518 1.331-2.093.201-4.897-2.2-5.436-.25-.056-.376-.166-.45-.267A.829.829 0 0 1 6.877 28c0-.198.06-.369.146-.486.074-.101.2-.211.45-.267 2.401-.539 3.531-3.343 2.2-5.436-.14-.22-.153-.39-.136-.518a.84.84 0 0 1 .233-.457.812.812 0 0 1 .443-.246c.123-.02.289-.01.508.127l.146.092c2.073 1.3 4.787.145 5.334-2.26.06-.265.176-.402.286-.485a.86.86 0 0 1 .513-.159.86.86 0 0 1 .513.159c.11.082.226.22.286.485.547 2.405 3.26 3.56 5.334 2.26Z"/>\n  <path d="M34.5 18a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" class="accent"/>\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M21 28a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm-2 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" class="accent"/>\n</svg>\n';
+const IconBrandedWheels = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-branded-wheels", IconBrandedWheels);
+export {
+  IconBrandedWheels
+};

package/icons-branded/wi-fi/global/index.d.ts

@@ -0,0 +1,24 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../../types';
+export * from '../../types';
+declare global {
+    interface NectaryComponentMap {
+        'sinch-icon-branded-wi-fi': {
+            props: TSinchIconBrandedProps;
+        };
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-wi-fi': TSinchIconBrandedElement;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-wi-fi': TSinchIconBrandedReact;
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements extends globalThis.JSX.IntrinsicElements {
+            'sinch-icon-branded-wi-fi': TSinchIconBrandedReact;
+        }
+    }
+}

package/icons-branded/wi-fi/global/index.js

@@ -0,0 +1,2 @@
+import { defineCustomElement } from "../../../utils/element.js";
+defineCustomElement("sinch-icon-branded-wi-fi");

package/icons-branded/wi-fi/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../types';
+export * from '../types';
 export declare const IconBrandedWiFi: CustomElementConstructor;
 declare global {
     interface NectaryComponentMap {

package/icons-branded/wi-fi/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.348 20.588c-1.827.69-3.518 1.626-4.665 2.61a1.001 1.001 0 0 1-1.44-.134 1.077 1.077 0 0 1 .131-1.485c1.38-1.184 3.298-2.225 5.27-2.97 1.972-.745 4.09-1.229 5.89-1.229 4.378 0 8.423 1.897 11.104 4.2.434.372.493 1.036.132 1.484a1.001 1.001 0 0 1-1.44.135c-2.37-2.036-5.965-3.71-9.796-3.71-1.487 0-3.359.409-5.186 1.099Zm5.255 8.952a6.51 6.51 0 0 0-3.85 1.265 1.003 1.003 0 0 1-1.425-.249 1.075 1.075 0 0 1 .242-1.47 8.513 8.513 0 0 1 5.033-1.655c1.803 0 3.562.579 5.033 1.656.46.337.568.995.241 1.47a1.003 1.003 0 0 1-1.425.248 6.51 6.51 0 0 0-3.85-1.266Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24.823 24.606c-3.158 0-5.663.978-7.593 2.427a1.054 1.054 0 0 1-1.476-.21 1.056 1.056 0 0 1 .21-1.479c2.288-1.717 5.235-2.85 8.859-2.85 3.155 0 5.482 1.19 7.695 2.85.465.35.56 1.012.21 1.478a1.053 1.053 0 0 1-1.476.211c-2.004-1.505-3.894-2.427-6.43-2.427Zm-.331-10.495a20.022 20.022 0 0 0-13.248 5.011 1.053 1.053 0 0 1-1.488-.093 1.056 1.056 0 0 1 .093-1.49 22.13 22.13 0 0 1 29.286 0c.437.385.479 1.052.094 1.49a1.053 1.053 0 0 1-1.488.093 20.022 20.022 0 0 0-13.249-5.01Zm-1.054 18.941c0-.583.472-1.056 1.054-1.056h.014a1.055 1.055 0 0 1 0 2.111h-.014a1.055 1.055 0 0 1-1.054-1.055Z"/></svg>';
-export const IconBrandedWiFi = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-branded-wi-fi', IconBrandedWiFi);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true">\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M19.348 20.588c-1.827.69-3.518 1.626-4.665 2.61a1.001 1.001 0 0 1-1.44-.134 1.077 1.077 0 0 1 .131-1.485c1.38-1.184 3.298-2.225 5.27-2.97 1.972-.745 4.09-1.229 5.89-1.229 4.378 0 8.423 1.897 11.104 4.2.434.372.493 1.036.132 1.484a1.001 1.001 0 0 1-1.44.135c-2.37-2.036-5.965-3.71-9.796-3.71-1.487 0-3.359.409-5.186 1.099Zm5.255 8.952a6.51 6.51 0 0 0-3.85 1.265 1.003 1.003 0 0 1-1.425-.249 1.075 1.075 0 0 1 .242-1.47 8.513 8.513 0 0 1 5.033-1.655c1.803 0 3.562.579 5.033 1.656.46.337.568.995.241 1.47a1.003 1.003 0 0 1-1.425.248 6.51 6.51 0 0 0-3.85-1.266Z" class="accent"/>\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M24.823 24.606c-3.158 0-5.663.978-7.593 2.427a1.054 1.054 0 0 1-1.476-.21 1.056 1.056 0 0 1 .21-1.479c2.288-1.717 5.235-2.85 8.859-2.85 3.155 0 5.482 1.19 7.695 2.85.465.35.56 1.012.21 1.478a1.053 1.053 0 0 1-1.476.211c-2.004-1.505-3.894-2.427-6.43-2.427Zm-.331-10.495a20.022 20.022 0 0 0-13.248 5.011 1.053 1.053 0 0 1-1.488-.093 1.056 1.056 0 0 1 .093-1.49 22.13 22.13 0 0 1 29.286 0c.437.385.479 1.052.094 1.49a1.053 1.053 0 0 1-1.488.093 20.022 20.022 0 0 0-13.249-5.01Zm-1.054 18.941c0-.583.472-1.056 1.054-1.056h.014a1.055 1.055 0 0 1 0 2.111h-.014a1.055 1.055 0 0 1-1.054-1.055Z"/>\n</svg>\n';
+const IconBrandedWiFi = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-branded-wi-fi", IconBrandedWiFi);
+export {
+  IconBrandedWiFi
+};

package/icons-channel/apple-business-chat/global/index.d.ts

@@ -0,0 +1,24 @@
+import type { TSinchIconChannelElement, TSinchIconChannelReact, TSinchIconChannelProps } from '../../types';
+export * from '../../types';
+declare global {
+    interface NectaryComponentMap {
+        'sinch-icon-channel-apple-business-chat': {
+            props: TSinchIconChannelProps;
+        };
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-channel-apple-business-chat': TSinchIconChannelElement;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-channel-apple-business-chat': TSinchIconChannelReact;
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements extends globalThis.JSX.IntrinsicElements {
+            'sinch-icon-channel-apple-business-chat': TSinchIconChannelReact;
+        }
+    }
+}

package/icons-channel/apple-business-chat/global/index.js

@@ -0,0 +1,2 @@
+import { defineCustomElement } from "../../../utils/element.js";
+defineCustomElement("sinch-icon-channel-apple-business-chat");

package/icons-channel/apple-business-chat/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconChannelElement, TSinchIconChannelReact, TSinchIconChannelProps } from '../types';
+export * from '../types';
 export declare const IconChannelAppleBusinessChat: CustomElementConstructor;
 declare global {
     interface NectaryComponentMap {

package/icons-channel/apple-business-chat/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><linearGradient id="apple-business-chat-gradient" x1="24" x2="24" y1="48.13" y2=".13" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0cbd2a"/><stop offset="1" stop-color="#5bf675"/></linearGradient><circle id="b" cx="24" cy="24" r="24" fill="url(#apple-business-chat-gradient)" overflow="visible"/><path fill="#fff" d="M24 10c-8.7 0-15.8 5.9-15.8 13.1 0 4.6 2.9 8.9 7.7 11.3-.6 1.4-1.6 2.7-2.8 3.9 2.3-.4 4.5-1.3 6.4-2.5 1.4.4 3 .5 4.5.5 8.7 0 15.8-5.9 15.8-13.1C39.8 15.8 32.7 10 24 10z"/></svg>';
-export const IconChannelAppleBusinessChat = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-channel-apple-business-chat', IconChannelAppleBusinessChat);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <linearGradient id="apple-business-chat-gradient" x1="24" x2="24" y1="48.13" y2=".13" gradientUnits="userSpaceOnUse">\n    <stop offset="0" stop-color="#0cbd2a"/>\n    <stop offset="1" stop-color="#5bf675"/>\n  </linearGradient>\n  <circle id="b" cx="24" cy="24" r="24" fill="url(#apple-business-chat-gradient)" overflow="visible"/>\n  <path fill="#fff" d="M24 10c-8.7 0-15.8 5.9-15.8 13.1 0 4.6 2.9 8.9 7.7 11.3-.6 1.4-1.6 2.7-2.8 3.9 2.3-.4 4.5-1.3 6.4-2.5 1.4.4 3 .5 4.5.5 8.7 0 15.8-5.9 15.8-13.1C39.8 15.8 32.7 10 24 10z"/>\n</svg>\n';
+const IconChannelAppleBusinessChat = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-channel-apple-business-chat", IconChannelAppleBusinessChat);
+export {
+  IconChannelAppleBusinessChat
+};

package/icons-channel/apple-business-chat-square/global/index.d.ts

@@ -0,0 +1,24 @@
+import type { TSinchIconChannelElement, TSinchIconChannelReact, TSinchIconChannelProps } from '../../types';
+export * from '../../types';
+declare global {
+    interface NectaryComponentMap {
+        'sinch-icon-channel-apple-business-chat-square': {
+            props: TSinchIconChannelProps;
+        };
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-channel-apple-business-chat-square': TSinchIconChannelElement;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-channel-apple-business-chat-square': TSinchIconChannelReact;
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements extends globalThis.JSX.IntrinsicElements {
+            'sinch-icon-channel-apple-business-chat-square': TSinchIconChannelReact;
+        }
+    }
+}

package/icons-channel/apple-business-chat-square/global/index.js

@@ -0,0 +1,2 @@
+import { defineCustomElement } from "../../../utils/element.js";
+defineCustomElement("sinch-icon-channel-apple-business-chat-square");

package/icons-channel/apple-business-chat-square/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconChannelElement, TSinchIconChannelReact, TSinchIconChannelProps } from '../types';
+export * from '../types';
 export declare const IconChannelAppleBusinessChatSquare: CustomElementConstructor;
 declare global {
     interface NectaryComponentMap {

package/icons-channel/apple-business-chat-square/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path d="M7.7 0h32.5c4.2 0 7.6 3.414 7.6 7.632v32.636c0 4.217-3.4 7.632-7.6 7.632H7.7c-4.2 0-7.6-3.415-7.6-7.632V7.632C.1 3.414 3.5 0 7.7 0Z" fill="url(#apple-business-chat-square-gradient)"/><path d="M24.4 7.531c-9.7 0-17.5 6.528-17.5 14.662 0 5.12 3.2 9.94 8.5 12.552-.7 1.506-1.7 3.012-3.1 4.318 2.6-.502 5-1.406 7.1-2.812 1.6.402 3.3.602 5 .602 9.7 0 17.5-6.527 17.5-14.66C42 14.058 34.1 7.53 24.4 7.53Z" fill="#fff"/><defs><linearGradient id="apple-business-chat-square-gradient" x1="23.95" y1="48.25" x2="23.95" y2=".35" gradientUnits="userSpaceOnUse"><stop stop-color="#0CBD2A"/><stop offset="1" stop-color="#5BF675"/></linearGradient></defs></svg>';
-export const IconChannelAppleBusinessChatSquare = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-channel-apple-business-chat-square', IconChannelAppleBusinessChatSquare);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path d="M7.7 0h32.5c4.2 0 7.6 3.414 7.6 7.632v32.636c0 4.217-3.4 7.632-7.6 7.632H7.7c-4.2 0-7.6-3.415-7.6-7.632V7.632C.1 3.414 3.5 0 7.7 0Z" fill="url(#apple-business-chat-square-gradient)"/>\n  <path d="M24.4 7.531c-9.7 0-17.5 6.528-17.5 14.662 0 5.12 3.2 9.94 8.5 12.552-.7 1.506-1.7 3.012-3.1 4.318 2.6-.502 5-1.406 7.1-2.812 1.6.402 3.3.602 5 .602 9.7 0 17.5-6.527 17.5-14.66C42 14.058 34.1 7.53 24.4 7.53Z" fill="#fff"/>\n  <defs>\n    <linearGradient id="apple-business-chat-square-gradient" x1="23.95" y1="48.25" x2="23.95" y2=".35" gradientUnits="userSpaceOnUse">\n      <stop stop-color="#0CBD2A"/>\n      <stop offset="1" stop-color="#5BF675"/>\n    </linearGradient>\n  </defs>\n</svg>\n';
+const IconChannelAppleBusinessChatSquare = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-channel-apple-business-chat-square", IconChannelAppleBusinessChatSquare);
+export {
+  IconChannelAppleBusinessChatSquare
+};

package/icons-channel/create-icon-class.js

@@ -1,41 +1,42 @@
-import { attrValueToPixels, getIntegerAttribute, NectaryElement, updateAttribute } from '../utils';
-const iconStylesHtml = '<style>:host{display:inline-block;vertical-align:middle}svg{display:block;pointer-events:none;height:var(--sinch-global-size-icon,48px)}</style>';
+import { updateAttribute, getIntegerAttribute, attrValueToPixels } from "../utils/dom.js";
+import { NectaryElement } from "../utils/element.js";
+const iconStylesHtml = "<style>\n:host {\n  display: inline-block;\n  vertical-align: middle;\n}\n\nsvg {\n  display: block;\n  pointer-events: none;\n  height: var(--sinch-global-size-icon, 48px);\n}\n</style>\n";
 const DEFAULT_SIZE = 48;
 const MIN_SIZE = 4;
 const MAX_SIZE = 256;
-export const createIconClass = templateHTML => {
-  const template = document.createElement('template');
+const createIconClass = (templateHTML) => {
+  const template = document.createElement("template");
   template.innerHTML = iconStylesHtml + templateHTML;
   return class extends NectaryElement {
+    $svg;
     constructor() {
       super();
       const shadowRoot = this.attachShadow();
       shadowRoot.appendChild(template.content.cloneNode(true));
-      this.$svg = shadowRoot.querySelector('svg');
+      this.$svg = shadowRoot.querySelector("svg");
     }
     static get observedAttributes() {
-      return ['size'];
+      return ["size"];
     }
     set size(value) {
-      updateAttribute(this, 'size', value);
+      updateAttribute(this, "size", value);
     }
     get size() {
-      return getIntegerAttribute(this, 'size', DEFAULT_SIZE);
+      return getIntegerAttribute(this, "size", DEFAULT_SIZE);
     }
     connectedCallback() {
-      updateAttribute(this.$svg, 'preserveAspectRatio', 'xMinYMin meet');
+      updateAttribute(this.$svg, "preserveAspectRatio", "xMinYMin meet");
     }
     attributeChangedCallback(name, _, newVal) {
       switch (name) {
-        case 'size':
-          {
-            this.$svg.style.height = attrValueToPixels(newVal, {
-              min: MIN_SIZE,
-              max: MAX_SIZE
-            });
-            break;
-          }
+        case "size": {
+          this.$svg.style.height = attrValueToPixels(newVal, { min: MIN_SIZE, max: MAX_SIZE });
+          break;
+        }
       }
     }
   };
-};
+};
+export {
+  createIconClass
+};

package/icons-channel/facebook/global/index.d.ts

@@ -0,0 +1,24 @@
+import type { TSinchIconChannelElement, TSinchIconChannelReact, TSinchIconChannelProps } from '../../types';
+export * from '../../types';
+declare global {
+    interface NectaryComponentMap {
+        'sinch-icon-channel-facebook': {
+            props: TSinchIconChannelProps;
+        };
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-channel-facebook': TSinchIconChannelElement;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-channel-facebook': TSinchIconChannelReact;
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements extends globalThis.JSX.IntrinsicElements {
+            'sinch-icon-channel-facebook': TSinchIconChannelReact;
+        }
+    }
+}

package/icons-channel/facebook/global/index.js

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

package/icons-channel/facebook/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconChannelElement, TSinchIconChannelReact, TSinchIconChannelProps } from '../types';
+export * from '../types';
 export declare const IconChannelFacebook: CustomElementConstructor;
 declare global {
     interface NectaryComponentMap {

package/icons-channel/facebook/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path d="M24 49c13.255 0 24-10.745 24-24S37.255 1 24 1 0 11.745 0 25s10.745 24 24 24Z" fill="#1877F2"/><path d="M33.346 31.938 34.41 25h-6.656v-4.502c0-1.898.93-3.748 3.91-3.748h3.027v-5.906s-2.746-.469-5.372-.469c-5.482 0-9.065 3.322-9.065 9.337V25H14.16v6.938h6.094v16.77a24.168 24.168 0 0 0 7.5 0v-16.77h5.592Z" fill="#fff"/></svg>';
-export const IconChannelFacebook = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-channel-facebook', IconChannelFacebook);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path d="M24 49c13.255 0 24-10.745 24-24S37.255 1 24 1 0 11.745 0 25s10.745 24 24 24Z" fill="#1877F2"/>\n  <path d="M33.346 31.938 34.41 25h-6.656v-4.502c0-1.898.93-3.748 3.91-3.748h3.027v-5.906s-2.746-.469-5.372-.469c-5.482 0-9.065 3.322-9.065 9.337V25H14.16v6.938h6.094v16.77a24.168 24.168 0 0 0 7.5 0v-16.77h5.592Z" fill="#fff"/>\n</svg>\n';
+const IconChannelFacebook = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-channel-facebook", IconChannelFacebook);
+export {
+  IconChannelFacebook
+};

package/icons-channel/facebook-messenger/global/index.d.ts

@@ -0,0 +1,24 @@
+import type { TSinchIconChannelElement, TSinchIconChannelReact, TSinchIconChannelProps } from '../../types';
+export * from '../../types';
+declare global {
+    interface NectaryComponentMap {
+        'sinch-icon-channel-facebook-messenger': {
+            props: TSinchIconChannelProps;
+        };
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-channel-facebook-messenger': TSinchIconChannelElement;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-channel-facebook-messenger': TSinchIconChannelReact;
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements extends globalThis.JSX.IntrinsicElements {
+            'sinch-icon-channel-facebook-messenger': TSinchIconChannelReact;
+        }
+    }
+}

package/icons-channel/facebook-messenger/global/index.js

@@ -0,0 +1,2 @@
+import { defineCustomElement } from "../../../utils/element.js";
+defineCustomElement("sinch-icon-channel-facebook-messenger");

package/icons-channel/facebook-messenger/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconChannelElement, TSinchIconChannelReact, TSinchIconChannelProps } from '../types';
+export * from '../types';
 export declare const IconChannelFacebookMessenger: CustomElementConstructor;
 declare global {
     interface NectaryComponentMap {

package/icons-channel/facebook-messenger/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><clipPath id="c"><path d="M24 48c13.3 0 24-10.7 24-24S37.3 0 24 0 0 10.7 0 24s10.7 24 24 24z" overflow="visible"/></clipPath><radialGradient id="b" cx="-607.428" cy="528.408" r="1" gradientTransform="matrix(52.1753 0 0 -52.0245 31702.027 27537.644)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#09f"/><stop offset=".61" stop-color="#a033ff"/><stop offset=".935" stop-color="#ff5280"/><stop offset="1" stop-color="#ff7061"/></radialGradient><path fill="url(#b)" d="M8.1 0H40c4.4 0 8 3.6 8 8v31.8c0 4.4-3.6 8-8 8H8.1c-4.4 0-8-3.6-8-8V8c0-4.4 3.5-8 8-8z" clip-path="url(#c)"/><path fill="#fff" d="M24 9C15.5 9 8.8 15.1 8.8 23.5c0 4.4 1.8 8.1 4.8 10.7.2.2.4.5.4.9l.1 2.7c0 .8.9 1.4 1.7 1.1l3-1.3c.3-.1.5-.1.8-.1 1.4.3 2.9.5 4.4.5 8.5 0 15.2-6.2 15.2-14.5S32.5 9 24 9z"/><radialGradient id="d" cx="-595.366" cy="495.039" r="1" gradientTransform="matrix(20.1092 0 0 -10.6522 11990.652 5302.023)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#09f"/><stop offset=".61" stop-color="#a033ff"/><stop offset=".935" stop-color="#ff5280"/><stop offset="1" stop-color="#ff7061"/></radialGradient><path fill="url(#d)" d="m14.9 27.7 4.5-7c.7-1.1 2.2-1.4 3.3-.6l3.5 2.6c.3.2.8.2 1.1 0l4.8-3.6c.6-.5 1.5.3 1 .9l-4.5 7c-.7 1.1-2.2 1.4-3.3.6L21.8 25c-.3-.2-.8-.2-1.1 0l-4.8 3.6c-.6.5-1.4-.2-1-.9z"/></svg>';
-export const IconChannelFacebookMessenger = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-channel-facebook-messenger', IconChannelFacebookMessenger);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <clipPath id="c">\n    <path d="M24 48c13.3 0 24-10.7 24-24S37.3 0 24 0 0 10.7 0 24s10.7 24 24 24z" overflow="visible" />\n  </clipPath>\n  <radialGradient id="b" cx="-607.428" cy="528.408" r="1" gradientTransform="matrix(52.1753 0 0 -52.0245 31702.027 27537.644)" gradientUnits="userSpaceOnUse">\n    <stop offset="0" stop-color="#09f"/>\n    <stop offset=".61" stop-color="#a033ff"/>\n    <stop offset=".935" stop-color="#ff5280"/>\n    <stop offset="1" stop-color="#ff7061"/>\n  </radialGradient>\n  <path fill="url(#b)" d="M8.1 0H40c4.4 0 8 3.6 8 8v31.8c0 4.4-3.6 8-8 8H8.1c-4.4 0-8-3.6-8-8V8c0-4.4 3.5-8 8-8z" clip-path="url(#c)"/>\n  <path fill="#fff" d="M24 9C15.5 9 8.8 15.1 8.8 23.5c0 4.4 1.8 8.1 4.8 10.7.2.2.4.5.4.9l.1 2.7c0 .8.9 1.4 1.7 1.1l3-1.3c.3-.1.5-.1.8-.1 1.4.3 2.9.5 4.4.5 8.5 0 15.2-6.2 15.2-14.5S32.5 9 24 9z"/>\n  <radialGradient id="d" cx="-595.366" cy="495.039" r="1" gradientTransform="matrix(20.1092 0 0 -10.6522 11990.652 5302.023)" gradientUnits="userSpaceOnUse">\n    <stop offset="0" stop-color="#09f"/>\n    <stop offset=".61" stop-color="#a033ff"/>\n    <stop offset=".935" stop-color="#ff5280"/>\n    <stop offset="1" stop-color="#ff7061"/>\n  </radialGradient>\n  <path fill="url(#d)" d="m14.9 27.7 4.5-7c.7-1.1 2.2-1.4 3.3-.6l3.5 2.6c.3.2.8.2 1.1 0l4.8-3.6c.6-.5 1.5.3 1 .9l-4.5 7c-.7 1.1-2.2 1.4-3.3.6L21.8 25c-.3-.2-.8-.2-1.1 0l-4.8 3.6c-.6.5-1.4-.2-1-.9z"/>\n</svg>\n';
+const IconChannelFacebookMessenger = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-channel-facebook-messenger", IconChannelFacebookMessenger);
+export {
+  IconChannelFacebookMessenger
+};

package/icons-channel/facebook-messenger-square/global/index.d.ts

@@ -0,0 +1,24 @@
+import type { TSinchIconChannelElement, TSinchIconChannelReact, TSinchIconChannelProps } from '../../types';
+export * from '../../types';
+declare global {
+    interface NectaryComponentMap {
+        'sinch-icon-channel-facebook-messenger-square': {
+            props: TSinchIconChannelProps;
+        };
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-channel-facebook-messenger-square': TSinchIconChannelElement;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-channel-facebook-messenger-square': TSinchIconChannelReact;
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements extends globalThis.JSX.IntrinsicElements {
+            'sinch-icon-channel-facebook-messenger-square': TSinchIconChannelReact;
+        }
+    }
+}

package/icons-channel/facebook-messenger-square/global/index.js

@@ -0,0 +1,2 @@
+import { defineCustomElement } from "../../../utils/element.js";
+defineCustomElement("sinch-icon-channel-facebook-messenger-square");

package/icons-channel/facebook-messenger-square/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconChannelElement, TSinchIconChannelReact, TSinchIconChannelProps } from '../types';
+export * from '../types';
 export declare const IconChannelFacebookMessengerSquare: CustomElementConstructor;
 declare global {
     interface NectaryComponentMap {

package/icons-channel/facebook-messenger-square/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path d="M8.1 0H40c4.4 0 8 3.615 8 8.033v31.934C48 44.385 44.4 48 40 48H8.1c-4.4 0-8-3.615-8-8.033V8.033C.1 3.615 3.6 0 8.1 0Z" fill="url(#b)"/><path d="M24.2 9.038c-8.5 0-15.1 6.226-15.1 14.56 0 4.419 1.8 8.134 4.8 10.745.2.2.4.502.4.904l.1 2.711c0 .803.9 1.406 1.7 1.105l3-1.306c.3-.1.5-.1.8-.1 1.4.402 2.9.602 4.4.602 8.5 0 15.2-6.226 15.2-14.56-.1-8.436-6.7-14.661-15.3-14.661Z" fill="#fff"/><path d="m15.1 27.916 4.5-7.029a2.29 2.29 0 0 1 3.3-.602l3.5 2.61c.3.201.8.201 1.1 0l4.8-3.615c.6-.502 1.5.302 1 .904l-4.5 7.03a2.29 2.29 0 0 1-3.3.602L22 25.205c-.3-.2-.8-.2-1.1 0l-4.8 3.615c-.6.502-1.4-.301-1-.904Z" fill="url(#c)"/><defs><radialGradient id="b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(52.1753 0 0 52.2422 9.289 47.733)"><stop stop-color="#09F"/><stop offset=".61" stop-color="#A033FF"/><stop offset=".935" stop-color="#FF5280"/><stop offset="1" stop-color="#FF7061"/></radialGradient><radialGradient id="c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(20.1092 0 0 10.6968 18.56 28.942)"><stop stop-color="#09F"/><stop offset=".61" stop-color="#A033FF"/><stop offset=".935" stop-color="#FF5280"/><stop offset="1" stop-color="#FF7061"/></radialGradient></defs></svg>';
-export const IconChannelFacebookMessengerSquare = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-channel-facebook-messenger-square', IconChannelFacebookMessengerSquare);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path d="M8.1 0H40c4.4 0 8 3.615 8 8.033v31.934C48 44.385 44.4 48 40 48H8.1c-4.4 0-8-3.615-8-8.033V8.033C.1 3.615 3.6 0 8.1 0Z" fill="url(#b)"/>\n  <path d="M24.2 9.038c-8.5 0-15.1 6.226-15.1 14.56 0 4.419 1.8 8.134 4.8 10.745.2.2.4.502.4.904l.1 2.711c0 .803.9 1.406 1.7 1.105l3-1.306c.3-.1.5-.1.8-.1 1.4.402 2.9.602 4.4.602 8.5 0 15.2-6.226 15.2-14.56-.1-8.436-6.7-14.661-15.3-14.661Z" fill="#fff"/>\n  <path d="m15.1 27.916 4.5-7.029a2.29 2.29 0 0 1 3.3-.602l3.5 2.61c.3.201.8.201 1.1 0l4.8-3.615c.6-.502 1.5.302 1 .904l-4.5 7.03a2.29 2.29 0 0 1-3.3.602L22 25.205c-.3-.2-.8-.2-1.1 0l-4.8 3.615c-.6.502-1.4-.301-1-.904Z" fill="url(#c)"/>\n  <defs>\n    <radialGradient id="b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(52.1753 0 0 52.2422 9.289 47.733)">\n      <stop stop-color="#09F"/>\n      <stop offset=".61" stop-color="#A033FF"/>\n      <stop offset=".935" stop-color="#FF5280"/>\n      <stop offset="1" stop-color="#FF7061"/>\n    </radialGradient>\n    <radialGradient id="c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(20.1092 0 0 10.6968 18.56 28.942)">\n      <stop stop-color="#09F"/>\n      <stop offset=".61" stop-color="#A033FF"/>\n      <stop offset=".935" stop-color="#FF5280"/>\n      <stop offset="1" stop-color="#FF7061"/>\n    </radialGradient>\n  </defs>\n</svg>\n';
+const IconChannelFacebookMessengerSquare = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-channel-facebook-messenger-square", IconChannelFacebookMessengerSquare);
+export {
+  IconChannelFacebookMessengerSquare
+};

package/icons-channel/facebook-square/global/index.d.ts

@@ -0,0 +1,24 @@
+import type { TSinchIconChannelElement, TSinchIconChannelReact, TSinchIconChannelProps } from '../../types';
+export * from '../../types';
+declare global {
+    interface NectaryComponentMap {
+        'sinch-icon-channel-facebook-square': {
+            props: TSinchIconChannelProps;
+        };
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-channel-facebook-square': TSinchIconChannelElement;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-channel-facebook-square': TSinchIconChannelReact;
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements extends globalThis.JSX.IntrinsicElements {
+            'sinch-icon-channel-facebook-square': TSinchIconChannelReact;
+        }
+    }
+}

package/icons-channel/facebook-square/global/index.js

@@ -0,0 +1,2 @@
+import { defineCustomElement } from "../../../utils/element.js";
+defineCustomElement("sinch-icon-channel-facebook-square");

package/icons-channel/facebook-square/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconChannelElement, TSinchIconChannelReact, TSinchIconChannelProps } from '../types';
+export * from '../types';
 export declare const IconChannelFacebookSquare: CustomElementConstructor;
 declare global {
     interface NectaryComponentMap {

package/icons-channel/facebook-square/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path d="M7.648.96h32.704A7.644 7.644 0 0 1 48 8.61v32.704a7.644 7.644 0 0 1-7.648 7.648H7.648A7.644 7.644 0 0 1 0 41.313V8.609A7.644 7.644 0 0 1 7.648.96Z" fill="#1877F2"/><path d="M33.346 31.938 34.41 25h-6.656v-4.502c0-1.898.93-3.748 3.91-3.748h3.027v-5.906s-2.746-.469-5.372-.469c-5.482 0-9.065 3.322-9.065 9.337V25H14.16v6.938h6.094V49h7.5V31.937h5.592Z" fill="#fff"/></svg>';
-export const IconChannelFacebookSquare = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-channel-facebook-square', IconChannelFacebookSquare);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path d="M7.648.96h32.704A7.644 7.644 0 0 1 48 8.61v32.704a7.644 7.644 0 0 1-7.648 7.648H7.648A7.644 7.644 0 0 1 0 41.313V8.609A7.644 7.644 0 0 1 7.648.96Z" fill="#1877F2"/>\n  <path d="M33.346 31.938 34.41 25h-6.656v-4.502c0-1.898.93-3.748 3.91-3.748h3.027v-5.906s-2.746-.469-5.372-.469c-5.482 0-9.065 3.322-9.065 9.337V25H14.16v6.938h6.094V49h7.5V31.937h5.592Z" fill="#fff"/>\n</svg>\n';
+const IconChannelFacebookSquare = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-channel-facebook-square", IconChannelFacebookSquare);
+export {
+  IconChannelFacebookSquare
+};