@nectary/components 4.7.4 → 4.7.6

package/accordion/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchAccordionElement, TSinchAccordionReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-accordion': TSinchAccordionElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-accordion': TSinchAccordionReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-accordion': TSinchAccordionElement;
-    }
 }

package/accordion-item/index.d.ts

@@ -3,12 +3,14 @@ import '../text';
 import '../title';
 import type { TSinchAccordionItemElement, TSinchAccordionItemReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-accordion-item': TSinchAccordionItemElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-accordion-item': TSinchAccordionItemReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-accordion-item': TSinchAccordionItemElement;
-    }
 }

package/action-menu/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchActionMenuElement, TSinchActionMenuReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-action-menu': TSinchActionMenuElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-action-menu': TSinchActionMenuReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-action-menu': TSinchActionMenuElement;
-    }
 }

package/action-menu-option/index.d.ts

@@ -1,12 +1,14 @@
 import '../text';
 import type { TSinchActionMenuOptionElement, TSinchActionMenuOptionReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-action-menu-option': TSinchActionMenuOptionElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-action-menu-option': TSinchActionMenuOptionReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-action-menu-option': TSinchActionMenuOptionElement;
-    }
 }

package/alert/index.d.ts

@@ -3,12 +3,14 @@ import '../rich-text';
 import '../text';
 import type { TSinchAlertElement, TSinchAlertReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-alert': TSinchAlertElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-alert': TSinchAlertReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-alert': TSinchAlertElement;
-    }
 }

package/avatar/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchAvatarElement, TSinchAvatarReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-avatar': TSinchAvatarElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-avatar': TSinchAvatarReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-avatar': TSinchAvatarElement;
-    }
 }

package/avatar/types.d.ts

@@ -1,6 +1,7 @@
 import type { TSinchAvatarColor } from './colors';
 import type { TSinchElementReact } from '../types';
 import type { TSinchSize } from '../utils/size';
+export type { TSinchAvatarColor };
 export type TSinchAvatarStatus = 'online' | 'busy' | 'away' | 'offline';
 export type TSinchAvatarElement = HTMLElement & {
     /** Image source */

package/badge/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchBadgeElement, TSinchBadgeReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-badge': TSinchBadgeElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-badge': TSinchBadgeReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-badge': TSinchBadgeElement;
-    }
 }

package/button/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchButtonElement, TSinchButtonReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-button': TSinchButtonElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-button': TSinchButtonReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-button': TSinchButtonElement;
-    }
 }

package/button-group/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchButtonGroupElement, TSinchButtonGroupReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-button-group': TSinchButtonGroupElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-button-group': TSinchButtonGroupReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-button-group': TSinchButtonGroupElement;
-    }
 }

package/button-group-item/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchButtonGroupItemElement, TSinchButtonGroupItemReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-button-group-item': TSinchButtonGroupItemElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-button-group-item': TSinchButtonGroupItemReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-button-group-item': TSinchButtonGroupItemElement;
-    }
 }

package/button-group-item/types.d.ts

@@ -1,5 +1,6 @@
 import type { TSinchButtonElement, TSinchButtonReact } from '../button/types';
 import type { TSinchElementReact } from '../types';
+export type { TSinchButtonReact };
 export type TSinchButtonGroupItemElement = HTMLElement & {
     text: TSinchButtonElement['text'];
     disabled: TSinchButtonElement['disabled'];

package/card/index.d.ts

@@ -2,12 +2,14 @@ import '../title';
 import '../text';
 import type { TSinchCardElement, TSinchCardReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-card': TSinchCardElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-card': TSinchCardReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-card': TSinchCardElement;
-    }
 }

package/card-container/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchCardContainerElement, TSinchCardContainerReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-card-container': TSinchCardContainerElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-card-container': TSinchCardContainerReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-card-container': TSinchCardContainerElement;
-    }
 }

package/card-v2/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchCardV2Element, TSinchCardV2React } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-card-v2': TSinchCardV2Element;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-card-v2': TSinchCardV2React;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-card-v2': TSinchCardV2Element;
-    }
 }

package/card-v2-title/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchCardTitleElement, TSinchCardTitleReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-card-v2-title': TSinchCardTitleElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-card-v2-title': TSinchCardTitleReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-card-v2-title': TSinchCardTitleElement;
-    }
 }

package/checkbox/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchCheckboxElement, TSinchCheckboxReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-checkbox': TSinchCheckboxElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-checkbox': TSinchCheckboxReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-checkbox': TSinchCheckboxElement;
-    }
 }

package/chip/index.d.ts

@@ -2,12 +2,14 @@ import '../text';
 import '../icon';
 import type { TSinchChipElement, TSinchChipReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-chip': TSinchChipElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-chip': TSinchChipReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-chip': TSinchChipElement;
-    }
 }

package/chip/types.d.ts

@@ -1,5 +1,6 @@
 import type { TSinchChipColor } from './colors';
 import type { TSinchElementReact } from '../types';
+export type { TSinchChipColor };
 export type TSinchChipElement = HTMLElement & {
     /** Text */
     text: string;

package/code-tag/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchCodeTagElement, TSinchCodeTagReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-code-tag': TSinchCodeTagElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-code-tag': TSinchCodeTagReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-code-tag': TSinchCodeTagElement;
-    }
 }

package/color-menu/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchColorMenuElement, TSinchColorMenuReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-color-menu': TSinchColorMenuElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-color-menu': TSinchColorMenuReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-color-menu': TSinchColorMenuElement;
-    }
 }

package/color-menu-option/index.d.ts

@@ -2,12 +2,14 @@ import '../color-swatch';
 import '../tooltip';
 import type { TSinchColorMenuOptionElement, TSinchColorMenuOptionReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-color-menu-option': TSinchColorMenuOptionElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-color-menu-option': TSinchColorMenuOptionReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-color-menu-option': TSinchColorMenuOptionElement;
-    }
 }

package/color-swatch/index.d.ts

@@ -1,12 +1,14 @@
 import '../text';
 import type { TSinchColorSwatchElement, TSinchColorSwatchReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-color-swatch': TSinchColorSwatchElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-color-swatch': TSinchColorSwatchReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-color-swatch': TSinchColorSwatchElement;
-    }
 }

package/date-picker/index.d.ts

@@ -2,12 +2,14 @@ import '../icon';
 import '../text';
 import type { TSinchDatePickerElement, TSinchDatePickerReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-date-picker': TSinchDatePickerElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-date-picker': TSinchDatePickerReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-date-picker': TSinchDatePickerElement;
-    }
 }

package/dialog/index.d.ts

@@ -3,12 +3,14 @@ import '../stop-events';
 import '../title';
 import type { TSinchDialogElement, TSinchDialogReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-dialog': TSinchDialogElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-dialog': TSinchDialogReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-dialog': TSinchDialogElement;
-    }
 }

package/emoji/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchEmojiElement, TSinchEmojiReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-emoji': TSinchEmojiElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-emoji': TSinchEmojiReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-emoji': TSinchEmojiElement;
-    }
 }

package/emoji-picker/index.d.ts

@@ -10,12 +10,14 @@ import '../text';
 import '../icon';
 import type { TSinchEmojiPickerElement, TSinchEmojiPickerReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-emoji-picker': TSinchEmojiPickerElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-emoji-picker': TSinchEmojiPickerReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-emoji-picker': TSinchEmojiPickerElement;
-    }
 }

package/field/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchFieldElement, TSinchFieldReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-field': TSinchFieldElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-field': TSinchFieldReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-field': TSinchFieldElement;
-    }
 }

package/file-drop/index.d.ts

@@ -2,12 +2,14 @@ import '../text';
 import '../file-picker';
 import type { TSinchFileDropElement, TSinchFileDropReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-file-drop': TSinchFileDropElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-file-drop': TSinchFileDropReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-file-drop': TSinchFileDropElement;
-    }
 }

package/file-picker/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchFilePickerElement, TSinchFilePickerReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-file-picker': TSinchFilePickerElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-file-picker': TSinchFilePickerReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-file-picker': TSinchFilePickerElement;
-    }
 }

package/file-status/index.d.ts

@@ -3,12 +3,14 @@ import '../icon';
 import '../text';
 import type { TSinchFileStatusElement, TSinchFileStatusReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-file-status': TSinchFileStatusElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-file-status': TSinchFileStatusReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-file-status': TSinchFileStatusElement;
-    }
 }

package/flag/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchFlagElement, TSinchFlagReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-flag': TSinchFlagElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-flag': TSinchFlagReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-flag': TSinchFlagElement;
-    }
 }

package/grid/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchGridElement, TSinchGridReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-grid': TSinchGridElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-grid': TSinchGridReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-grid': TSinchGridElement;
-    }
 }

package/grid-item/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchGridItemElement, TSinchGridItemReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-grid-item': TSinchGridItemElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-grid-item': TSinchGridItemReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-grid-item': TSinchGridItemElement;
-    }
 }

package/help-tooltip/index.d.ts

@@ -2,12 +2,14 @@ import '../tooltip';
 import '../icon';
 import type { TSinchHelpTooltipElement, TSinchHelpTooltipReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-help-tooltip': TSinchHelpTooltipElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-help-tooltip': TSinchHelpTooltipReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-help-tooltip': TSinchHelpTooltipElement;
-    }
 }

package/horizontal-stepper/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchHorizontalStepperElement, TSinchHorizontalStepperReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-horizontal-stepper': TSinchHorizontalStepperElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-horizontal-stepper': TSinchHorizontalStepperReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-horizontal-stepper': TSinchHorizontalStepperElement;
-    }
 }

package/horizontal-stepper-item/index.d.ts

@@ -3,12 +3,14 @@ import '../title';
 import '../text';
 import type { TSinchHorizontalStepperItemElement, TSinchHorizontalStepperItemReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-horizontal-stepper-item': TSinchHorizontalStepperItemElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-horizontal-stepper-item': TSinchHorizontalStepperItemReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-horizontal-stepper-item': TSinchHorizontalStepperItemElement;
-    }
 }

package/icon/index.d.ts

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