@zanichelli/albe-web-components 21.0.0-RC2 → 21.0.0-RC3

package/react/z-menu.js

@@ -1,21 +1,15 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZMenu = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_menu_js_1 = require("@zanichelli/albe-web-components/dist/components/z-menu.js");
-exports.ZMenu = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZMenu as ZMenuElement, defineCustomElement as defineZMenu } from "@zanichelli/albe-web-components/dist/components/z-menu.js";
+export const ZMenu = /*@__PURE__*/ createComponent({
     tagName: 'z-menu',
-    elementClass: z_menu_js_1.ZMenu,
+    elementClass: ZMenuElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {
         onOpened: 'opened',
         onClosed: 'closed'
     },
-    defineCustomElement: z_menu_js_1.defineCustomElement
+    defineCustomElement: defineZMenu
 });

package/react/z-modal.js

@@ -1,22 +1,16 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZModal = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_modal_js_1 = require("@zanichelli/albe-web-components/dist/components/z-modal.js");
-exports.ZModal = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZModal as ZModalElement, defineCustomElement as defineZModal } from "@zanichelli/albe-web-components/dist/components/z-modal.js";
+export const ZModal = /*@__PURE__*/ createComponent({
     tagName: 'z-modal',
-    elementClass: z_modal_js_1.ZModal,
+    elementClass: ZModalElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {
         onModalClose: 'modalClose',
         onModalHeaderActive: 'modalHeaderActive',
         onModalBackgroundClick: 'modalBackgroundClick'
     },
-    defineCustomElement: z_modal_js_1.defineCustomElement
+    defineCustomElement: defineZModal
 });

package/react/z-navigation-tabs.js

@@ -1,18 +1,12 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZNavigationTabs = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_navigation_tabs_js_1 = require("@zanichelli/albe-web-components/dist/components/z-navigation-tabs.js");
-exports.ZNavigationTabs = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZNavigationTabs as ZNavigationTabsElement, defineCustomElement as defineZNavigationTabs } from "@zanichelli/albe-web-components/dist/components/z-navigation-tabs.js";
+export const ZNavigationTabs = /*@__PURE__*/ createComponent({
     tagName: 'z-navigation-tabs',
-    elementClass: z_navigation_tabs_js_1.ZNavigationTabs,
+    elementClass: ZNavigationTabsElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: { onSelected: 'selected' },
-    defineCustomElement: z_navigation_tabs_js_1.defineCustomElement
+    defineCustomElement: defineZNavigationTabs
 });

package/react/z-notification.js

@@ -1,21 +1,15 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZNotification = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_notification_js_1 = require("@zanichelli/albe-web-components/dist/components/z-notification.js");
-exports.ZNotification = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZNotification as ZNotificationElement, defineCustomElement as defineZNotification } from "@zanichelli/albe-web-components/dist/components/z-notification.js";
+export const ZNotification = /*@__PURE__*/ createComponent({
     tagName: 'z-notification',
-    elementClass: z_notification_js_1.ZNotification,
+    elementClass: ZNotificationElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {
         onNotificationAction: 'notificationAction',
         onNotificationClose: 'notificationClose'
     },
-    defineCustomElement: z_notification_js_1.defineCustomElement
+    defineCustomElement: defineZNotification
 });

package/react/z-offcanvas.js

@@ -1,18 +1,12 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZOffcanvas = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_offcanvas_js_1 = require("@zanichelli/albe-web-components/dist/components/z-offcanvas.js");
-exports.ZOffcanvas = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZOffcanvas as ZOffcanvasElement, defineCustomElement as defineZOffcanvas } from "@zanichelli/albe-web-components/dist/components/z-offcanvas.js";
+export const ZOffcanvas = /*@__PURE__*/ createComponent({
     tagName: 'z-offcanvas',
-    elementClass: z_offcanvas_js_1.ZOffcanvas,
+    elementClass: ZOffcanvasElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: { onCanvasOpenStatusChanged: 'canvasOpenStatusChanged' },
-    defineCustomElement: z_offcanvas_js_1.defineCustomElement
+    defineCustomElement: defineZOffcanvas
 });

package/react/z-pagination.js

@@ -1,18 +1,12 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZPagination = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_pagination_js_1 = require("@zanichelli/albe-web-components/dist/components/z-pagination.js");
-exports.ZPagination = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZPagination as ZPaginationElement, defineCustomElement as defineZPagination } from "@zanichelli/albe-web-components/dist/components/z-pagination.js";
+export const ZPagination = /*@__PURE__*/ createComponent({
     tagName: 'z-pagination',
-    elementClass: z_pagination_js_1.ZPagination,
+    elementClass: ZPaginationElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: { onPageChanged: 'pageChanged' },
-    defineCustomElement: z_pagination_js_1.defineCustomElement
+    defineCustomElement: defineZPagination
 });

package/react/z-popover.js

@@ -1,21 +1,15 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZPopover = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_popover_js_1 = require("@zanichelli/albe-web-components/dist/components/z-popover.js");
-exports.ZPopover = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZPopover as ZPopoverElement, defineCustomElement as defineZPopover } from "@zanichelli/albe-web-components/dist/components/z-popover.js";
+export const ZPopover = /*@__PURE__*/ createComponent({
     tagName: 'z-popover',
-    elementClass: z_popover_js_1.ZPopover,
+    elementClass: ZPopoverElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {
         onPositionChange: 'positionChange',
         onOpenChange: 'openChange'
     },
-    defineCustomElement: z_popover_js_1.defineCustomElement
+    defineCustomElement: defineZPopover
 });

package/react/z-range-picker.js

@@ -1,18 +1,12 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZRangePicker = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_range_picker_js_1 = require("@zanichelli/albe-web-components/dist/components/z-range-picker.js");
-exports.ZRangePicker = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZRangePicker as ZRangePickerElement, defineCustomElement as defineZRangePicker } from "@zanichelli/albe-web-components/dist/components/z-range-picker.js";
+export const ZRangePicker = /*@__PURE__*/ createComponent({
     tagName: 'z-range-picker',
-    elementClass: z_range_picker_js_1.ZRangePicker,
+    elementClass: ZRangePickerElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: { onDateSelect: 'dateSelect' },
-    defineCustomElement: z_range_picker_js_1.defineCustomElement
+    defineCustomElement: defineZRangePicker
 });

package/react/z-result-card.js

@@ -1,18 +1,12 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZResultCard = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_result_card_js_1 = require("@zanichelli/albe-web-components/dist/components/z-result-card.js");
-exports.ZResultCard = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZResultCard as ZResultCardElement, defineCustomElement as defineZResultCard } from "@zanichelli/albe-web-components/dist/components/z-result-card.js";
+export const ZResultCard = /*@__PURE__*/ createComponent({
     tagName: 'z-result-card',
-    elementClass: z_result_card_js_1.ZResultCard,
+    elementClass: ZResultCardElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {},
-    defineCustomElement: z_result_card_js_1.defineCustomElement
+    defineCustomElement: defineZResultCard
 });

package/react/z-searchbar.js

@@ -1,22 +1,16 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZSearchbar = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_searchbar_js_1 = require("@zanichelli/albe-web-components/dist/components/z-searchbar.js");
-exports.ZSearchbar = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZSearchbar as ZSearchbarElement, defineCustomElement as defineZSearchbar } from "@zanichelli/albe-web-components/dist/components/z-searchbar.js";
+export const ZSearchbar = /*@__PURE__*/ createComponent({
     tagName: 'z-searchbar',
-    elementClass: z_searchbar_js_1.ZSearchbar,
+    elementClass: ZSearchbarElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {
         onSearchSubmit: 'searchSubmit',
         onSearchTyping: 'searchTyping',
         onSearchItemClick: 'searchItemClick'
     },
-    defineCustomElement: z_searchbar_js_1.defineCustomElement
+    defineCustomElement: defineZSearchbar
 });

package/react/z-select.js

@@ -1,21 +1,15 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZSelect = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_select_js_1 = require("@zanichelli/albe-web-components/dist/components/z-select.js");
-exports.ZSelect = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZSelect as ZSelectElement, defineCustomElement as defineZSelect } from "@zanichelli/albe-web-components/dist/components/z-select.js";
+export const ZSelect = /*@__PURE__*/ createComponent({
     tagName: 'z-select',
-    elementClass: z_select_js_1.ZSelect,
+    elementClass: ZSelectElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {
         onOptionSelect: 'optionSelect',
         onResetSelect: 'resetSelect'
     },
-    defineCustomElement: z_select_js_1.defineCustomElement
+    defineCustomElement: defineZSelect
 });

package/react/z-skip-to-content.js

@@ -1,18 +1,12 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZSkipToContent = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_skip_to_content_js_1 = require("@zanichelli/albe-web-components/dist/components/z-skip-to-content.js");
-exports.ZSkipToContent = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZSkipToContent as ZSkipToContentElement, defineCustomElement as defineZSkipToContent } from "@zanichelli/albe-web-components/dist/components/z-skip-to-content.js";
+export const ZSkipToContent = /*@__PURE__*/ createComponent({
     tagName: 'z-skip-to-content',
-    elementClass: z_skip_to_content_js_1.ZSkipToContent,
+    elementClass: ZSkipToContentElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {},
-    defineCustomElement: z_skip_to_content_js_1.defineCustomElement
+    defineCustomElement: defineZSkipToContent
 });

package/react/z-stepper-item.js

@@ -1,18 +1,12 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZStepperItem = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_stepper_item_js_1 = require("@zanichelli/albe-web-components/dist/components/z-stepper-item.js");
-exports.ZStepperItem = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZStepperItem as ZStepperItemElement, defineCustomElement as defineZStepperItem } from "@zanichelli/albe-web-components/dist/components/z-stepper-item.js";
+export const ZStepperItem = /*@__PURE__*/ createComponent({
     tagName: 'z-stepper-item',
-    elementClass: z_stepper_item_js_1.ZStepperItem,
+    elementClass: ZStepperItemElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {},
-    defineCustomElement: z_stepper_item_js_1.defineCustomElement
+    defineCustomElement: defineZStepperItem
 });

package/react/z-stepper.js

@@ -1,18 +1,12 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZStepper = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_stepper_js_1 = require("@zanichelli/albe-web-components/dist/components/z-stepper.js");
-exports.ZStepper = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZStepper as ZStepperElement, defineCustomElement as defineZStepper } from "@zanichelli/albe-web-components/dist/components/z-stepper.js";
+export const ZStepper = /*@__PURE__*/ createComponent({
     tagName: 'z-stepper',
-    elementClass: z_stepper_js_1.ZStepper,
+    elementClass: ZStepperElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {},
-    defineCustomElement: z_stepper_js_1.defineCustomElement
+    defineCustomElement: defineZStepper
 });

package/react/z-table.js

@@ -1,18 +1,12 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZTable = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_table_js_1 = require("@zanichelli/albe-web-components/dist/components/z-table.js");
-exports.ZTable = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZTable as ZTableElement, defineCustomElement as defineZTable } from "@zanichelli/albe-web-components/dist/components/z-table.js";
+export const ZTable = /*@__PURE__*/ createComponent({
     tagName: 'z-table',
-    elementClass: z_table_js_1.ZTable,
+    elementClass: ZTableElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {},
-    defineCustomElement: z_table_js_1.defineCustomElement
+    defineCustomElement: defineZTable
 });

package/react/z-tag.js

@@ -1,18 +1,12 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZTag = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_tag_js_1 = require("@zanichelli/albe-web-components/dist/components/z-tag.js");
-exports.ZTag = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZTag as ZTagElement, defineCustomElement as defineZTag } from "@zanichelli/albe-web-components/dist/components/z-tag.js";
+export const ZTag = /*@__PURE__*/ createComponent({
     tagName: 'z-tag',
-    elementClass: z_tag_js_1.ZTag,
+    elementClass: ZTagElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {},
-    defineCustomElement: z_tag_js_1.defineCustomElement
+    defineCustomElement: defineZTag
 });

package/react/z-tbody.js

@@ -1,18 +1,12 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZTbody = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_tbody_js_1 = require("@zanichelli/albe-web-components/dist/components/z-tbody.js");
-exports.ZTbody = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZTbody as ZTbodyElement, defineCustomElement as defineZTbody } from "@zanichelli/albe-web-components/dist/components/z-tbody.js";
+export const ZTbody = /*@__PURE__*/ createComponent({
     tagName: 'z-tbody',
-    elementClass: z_tbody_js_1.ZTbody,
+    elementClass: ZTbodyElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {},
-    defineCustomElement: z_tbody_js_1.defineCustomElement
+    defineCustomElement: defineZTbody
 });

package/react/z-td.js

@@ -1,18 +1,12 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZTd = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_td_js_1 = require("@zanichelli/albe-web-components/dist/components/z-td.js");
-exports.ZTd = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZTd as ZTdElement, defineCustomElement as defineZTd } from "@zanichelli/albe-web-components/dist/components/z-td.js";
+export const ZTd = /*@__PURE__*/ createComponent({
     tagName: 'z-td',
-    elementClass: z_td_js_1.ZTd,
+    elementClass: ZTdElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: { onColspanChange: 'colspanChange' },
-    defineCustomElement: z_td_js_1.defineCustomElement
+    defineCustomElement: defineZTd
 });

package/react/z-tfoot.js

@@ -1,18 +1,12 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZTfoot = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_tfoot_js_1 = require("@zanichelli/albe-web-components/dist/components/z-tfoot.js");
-exports.ZTfoot = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZTfoot as ZTfootElement, defineCustomElement as defineZTfoot } from "@zanichelli/albe-web-components/dist/components/z-tfoot.js";
+export const ZTfoot = /*@__PURE__*/ createComponent({
     tagName: 'z-tfoot',
-    elementClass: z_tfoot_js_1.ZTfoot,
+    elementClass: ZTfootElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {},
-    defineCustomElement: z_tfoot_js_1.defineCustomElement
+    defineCustomElement: defineZTfoot
 });

package/react/z-th.js

@@ -1,18 +1,12 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZTh = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_th_js_1 = require("@zanichelli/albe-web-components/dist/components/z-th.js");
-exports.ZTh = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZTh as ZThElement, defineCustomElement as defineZTh } from "@zanichelli/albe-web-components/dist/components/z-th.js";
+export const ZTh = /*@__PURE__*/ createComponent({
     tagName: 'z-th',
-    elementClass: z_th_js_1.ZTh,
+    elementClass: ZThElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: { onSort: 'sort' },
-    defineCustomElement: z_th_js_1.defineCustomElement
+    defineCustomElement: defineZTh
 });

package/react/z-thead.js

@@ -1,18 +1,12 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZThead = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_thead_js_1 = require("@zanichelli/albe-web-components/dist/components/z-thead.js");
-exports.ZThead = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZThead as ZTheadElement, defineCustomElement as defineZThead } from "@zanichelli/albe-web-components/dist/components/z-thead.js";
+export const ZThead = /*@__PURE__*/ createComponent({
     tagName: 'z-thead',
-    elementClass: z_thead_js_1.ZThead,
+    elementClass: ZTheadElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {},
-    defineCustomElement: z_thead_js_1.defineCustomElement
+    defineCustomElement: defineZThead
 });

package/react/z-toast-notification-list.js

@@ -1,18 +1,12 @@
 'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZToastNotificationList = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_toast_notification_list_js_1 = require("@zanichelli/albe-web-components/dist/components/z-toast-notification-list.js");
-exports.ZToastNotificationList = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZToastNotificationList as ZToastNotificationListElement, defineCustomElement as defineZToastNotificationList } from "@zanichelli/albe-web-components/dist/components/z-toast-notification-list.js";
+export const ZToastNotificationList = /*@__PURE__*/ createComponent({
     tagName: 'z-toast-notification-list',
-    elementClass: z_toast_notification_list_js_1.ZToastNotificationList,
+    elementClass: ZToastNotificationListElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {},
-    defineCustomElement: z_toast_notification_list_js_1.defineCustomElement
+    defineCustomElement: defineZToastNotificationList
 });