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

package/react/z-book-cover.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.ZBookCover = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_book_cover_js_1 = require("@zanichelli/albe-web-components/dist/components/z-book-cover.js");
-exports.ZBookCover = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZBookCover as ZBookCoverElement, defineCustomElement as defineZBookCover } from "@zanichelli/albe-web-components/dist/components/z-book-cover.js";
+export const ZBookCover = /*@__PURE__*/ createComponent({
     tagName: 'z-book-cover',
-    elementClass: z_book_cover_js_1.ZBookCover,
+    elementClass: ZBookCoverElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {},
-    defineCustomElement: z_book_cover_js_1.defineCustomElement
+    defineCustomElement: defineZBookCover
 });

package/react/z-breadcrumb.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.ZBreadcrumb = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_breadcrumb_js_1 = require("@zanichelli/albe-web-components/dist/components/z-breadcrumb.js");
-exports.ZBreadcrumb = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZBreadcrumb as ZBreadcrumbElement, defineCustomElement as defineZBreadcrumb } from "@zanichelli/albe-web-components/dist/components/z-breadcrumb.js";
+export const ZBreadcrumb = /*@__PURE__*/ createComponent({
     tagName: 'z-breadcrumb',
-    elementClass: z_breadcrumb_js_1.ZBreadcrumb,
+    elementClass: ZBreadcrumbElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: { onClickOnNode: 'clickOnNode' },
-    defineCustomElement: z_breadcrumb_js_1.defineCustomElement
+    defineCustomElement: defineZBreadcrumb
 });

package/react/z-button-sort.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.ZButtonSort = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_button_sort_js_1 = require("@zanichelli/albe-web-components/dist/components/z-button-sort.js");
-exports.ZButtonSort = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZButtonSort as ZButtonSortElement, defineCustomElement as defineZButtonSort } from "@zanichelli/albe-web-components/dist/components/z-button-sort.js";
+export const ZButtonSort = /*@__PURE__*/ createComponent({
     tagName: 'z-button-sort',
-    elementClass: z_button_sort_js_1.ZButtonSort,
+    elementClass: ZButtonSortElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: { onButtonSortClick: 'buttonSortClick' },
-    defineCustomElement: z_button_sort_js_1.defineCustomElement
+    defineCustomElement: defineZButtonSort
 });

package/react/z-button.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.ZButton = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_button_js_1 = require("@zanichelli/albe-web-components/dist/components/z-button.js");
-exports.ZButton = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZButton as ZButtonElement, defineCustomElement as defineZButton } from "@zanichelli/albe-web-components/dist/components/z-button.js";
+export const ZButton = /*@__PURE__*/ createComponent({
     tagName: 'z-button',
-    elementClass: z_button_js_1.ZButton,
+    elementClass: ZButtonElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {},
-    defineCustomElement: z_button_js_1.defineCustomElement
+    defineCustomElement: defineZButton
 });

package/react/z-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.ZCard = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_card_js_1 = require("@zanichelli/albe-web-components/dist/components/z-card.js");
-exports.ZCard = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZCard as ZCardElement, defineCustomElement as defineZCard } from "@zanichelli/albe-web-components/dist/components/z-card.js";
+export const ZCard = /*@__PURE__*/ createComponent({
     tagName: 'z-card',
-    elementClass: z_card_js_1.ZCard,
+    elementClass: ZCardElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {},
-    defineCustomElement: z_card_js_1.defineCustomElement
+    defineCustomElement: defineZCard
 });

package/react/z-carousel.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.ZCarousel = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_carousel_js_1 = require("@zanichelli/albe-web-components/dist/components/z-carousel.js");
-exports.ZCarousel = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZCarousel as ZCarouselElement, defineCustomElement as defineZCarousel } from "@zanichelli/albe-web-components/dist/components/z-carousel.js";
+export const ZCarousel = /*@__PURE__*/ createComponent({
     tagName: 'z-carousel',
-    elementClass: z_carousel_js_1.ZCarousel,
+    elementClass: ZCarouselElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: { onIndexChange: 'indexChange' },
-    defineCustomElement: z_carousel_js_1.defineCustomElement
+    defineCustomElement: defineZCarousel
 });

package/react/z-chip.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.ZChip = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_chip_js_1 = require("@zanichelli/albe-web-components/dist/components/z-chip.js");
-exports.ZChip = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZChip as ZChipElement, defineCustomElement as defineZChip } from "@zanichelli/albe-web-components/dist/components/z-chip.js";
+export const ZChip = /*@__PURE__*/ createComponent({
     tagName: 'z-chip',
-    elementClass: z_chip_js_1.ZChip,
+    elementClass: ZChipElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: { onInteractiveIconClick: 'interactiveIconClick' },
-    defineCustomElement: z_chip_js_1.defineCustomElement
+    defineCustomElement: defineZChip
 });

package/react/z-color-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.ZColorPicker = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_color_picker_js_1 = require("@zanichelli/albe-web-components/dist/components/z-color-picker.js");
-exports.ZColorPicker = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZColorPicker as ZColorPickerElement, defineCustomElement as defineZColorPicker } from "@zanichelli/albe-web-components/dist/components/z-color-picker.js";
+export const ZColorPicker = /*@__PURE__*/ createComponent({
     tagName: 'z-color-picker',
-    elementClass: z_color_picker_js_1.ZColorPicker,
+    elementClass: ZColorPickerElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: { onColorSelected: 'colorSelected' },
-    defineCustomElement: z_color_picker_js_1.defineCustomElement
+    defineCustomElement: defineZColorPicker
 });

package/react/z-combobox.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.ZCombobox = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_combobox_js_1 = require("@zanichelli/albe-web-components/dist/components/z-combobox.js");
-exports.ZCombobox = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZCombobox as ZComboboxElement, defineCustomElement as defineZCombobox } from "@zanichelli/albe-web-components/dist/components/z-combobox.js";
+export const ZCombobox = /*@__PURE__*/ createComponent({
     tagName: 'z-combobox',
-    elementClass: z_combobox_js_1.ZCombobox,
+    elementClass: ZComboboxElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: { onComboboxChange: 'comboboxChange' },
-    defineCustomElement: z_combobox_js_1.defineCustomElement
+    defineCustomElement: defineZCombobox
 });

package/react/z-cover-hero.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.ZCoverHero = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_cover_hero_js_1 = require("@zanichelli/albe-web-components/dist/components/z-cover-hero.js");
-exports.ZCoverHero = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZCoverHero as ZCoverHeroElement, defineCustomElement as defineZCoverHero } from "@zanichelli/albe-web-components/dist/components/z-cover-hero.js";
+export const ZCoverHero = /*@__PURE__*/ createComponent({
     tagName: 'z-cover-hero',
-    elementClass: z_cover_hero_js_1.ZCoverHero,
+    elementClass: ZCoverHeroElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {},
-    defineCustomElement: z_cover_hero_js_1.defineCustomElement
+    defineCustomElement: defineZCoverHero
 });

package/react/z-date-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.ZDatePicker = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_date_picker_js_1 = require("@zanichelli/albe-web-components/dist/components/z-date-picker.js");
-exports.ZDatePicker = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZDatePicker as ZDatePickerElement, defineCustomElement as defineZDatePicker } from "@zanichelli/albe-web-components/dist/components/z-date-picker.js";
+export const ZDatePicker = /*@__PURE__*/ createComponent({
     tagName: 'z-date-picker',
-    elementClass: z_date_picker_js_1.ZDatePicker,
+    elementClass: ZDatePickerElement,
     // @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_date_picker_js_1.defineCustomElement
+    defineCustomElement: defineZDatePicker
 });

package/react/z-divider.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.ZDivider = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_divider_js_1 = require("@zanichelli/albe-web-components/dist/components/z-divider.js");
-exports.ZDivider = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZDivider as ZDividerElement, defineCustomElement as defineZDivider } from "@zanichelli/albe-web-components/dist/components/z-divider.js";
+export const ZDivider = /*@__PURE__*/ createComponent({
     tagName: 'z-divider',
-    elementClass: z_divider_js_1.ZDivider,
+    elementClass: ZDividerElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {},
-    defineCustomElement: z_divider_js_1.defineCustomElement
+    defineCustomElement: defineZDivider
 });

package/react/z-dragdrop-area.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.ZDragdropArea = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_dragdrop_area_js_1 = require("@zanichelli/albe-web-components/dist/components/z-dragdrop-area.js");
-exports.ZDragdropArea = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZDragdropArea as ZDragdropAreaElement, defineCustomElement as defineZDragdropArea } from "@zanichelli/albe-web-components/dist/components/z-dragdrop-area.js";
+export const ZDragdropArea = /*@__PURE__*/ createComponent({
     tagName: 'z-dragdrop-area',
-    elementClass: z_dragdrop_area_js_1.ZDragdropArea,
+    elementClass: ZDragdropAreaElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: { onFileDropped: 'fileDropped' },
-    defineCustomElement: z_dragdrop_area_js_1.defineCustomElement
+    defineCustomElement: defineZDragdropArea
 });

package/react/z-file-upload.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.ZFileUpload = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_file_upload_js_1 = require("@zanichelli/albe-web-components/dist/components/z-file-upload.js");
-exports.ZFileUpload = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZFileUpload as ZFileUploadElement, defineCustomElement as defineZFileUpload } from "@zanichelli/albe-web-components/dist/components/z-file-upload.js";
+export const ZFileUpload = /*@__PURE__*/ createComponent({
     tagName: 'z-file-upload',
-    elementClass: z_file_upload_js_1.ZFileUpload,
+    elementClass: ZFileUploadElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {
         onFileInput: 'fileInput',
         onFileError: 'fileError'
     },
-    defineCustomElement: z_file_upload_js_1.defineCustomElement
+    defineCustomElement: defineZFileUpload
 });

package/react/z-file.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.ZFile = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_file_js_1 = require("@zanichelli/albe-web-components/dist/components/z-file.js");
-exports.ZFile = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZFile as ZFileElement, defineCustomElement as defineZFile } from "@zanichelli/albe-web-components/dist/components/z-file.js";
+export const ZFile = /*@__PURE__*/ createComponent({
     tagName: 'z-file',
-    elementClass: z_file_js_1.ZFile,
+    elementClass: ZFileElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: { onRemoveFile: 'removeFile' },
-    defineCustomElement: z_file_js_1.defineCustomElement
+    defineCustomElement: defineZFile
 });

package/react/z-ghost-loading.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.ZGhostLoading = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_ghost_loading_js_1 = require("@zanichelli/albe-web-components/dist/components/z-ghost-loading.js");
-exports.ZGhostLoading = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZGhostLoading as ZGhostLoadingElement, defineCustomElement as defineZGhostLoading } from "@zanichelli/albe-web-components/dist/components/z-ghost-loading.js";
+export const ZGhostLoading = /*@__PURE__*/ createComponent({
     tagName: 'z-ghost-loading',
-    elementClass: z_ghost_loading_js_1.ZGhostLoading,
+    elementClass: ZGhostLoadingElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {},
-    defineCustomElement: z_ghost_loading_js_1.defineCustomElement
+    defineCustomElement: defineZGhostLoading
 });

package/react/z-icon.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.ZIcon = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_icon_js_1 = require("@zanichelli/albe-web-components/dist/components/z-icon.js");
-exports.ZIcon = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZIcon as ZIconElement, defineCustomElement as defineZIcon } from "@zanichelli/albe-web-components/dist/components/z-icon.js";
+export const ZIcon = /*@__PURE__*/ createComponent({
     tagName: 'z-icon',
-    elementClass: z_icon_js_1.ZIcon,
+    elementClass: ZIconElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {},
-    defineCustomElement: z_icon_js_1.defineCustomElement
+    defineCustomElement: defineZIcon
 });

package/react/z-info-box.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.ZInfoBox = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_info_box_js_1 = require("@zanichelli/albe-web-components/dist/components/z-info-box.js");
-exports.ZInfoBox = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZInfoBox as ZInfoBoxElement, defineCustomElement as defineZInfoBox } from "@zanichelli/albe-web-components/dist/components/z-info-box.js";
+export const ZInfoBox = /*@__PURE__*/ createComponent({
     tagName: 'z-info-box',
-    elementClass: z_info_box_js_1.ZInfoBox,
+    elementClass: ZInfoBoxElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: { onInfoBoxClose: 'infoBoxClose' },
-    defineCustomElement: z_info_box_js_1.defineCustomElement
+    defineCustomElement: defineZInfoBox
 });

package/react/z-info-reveal.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.ZInfoReveal = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_info_reveal_js_1 = require("@zanichelli/albe-web-components/dist/components/z-info-reveal.js");
-exports.ZInfoReveal = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZInfoReveal as ZInfoRevealElement, defineCustomElement as defineZInfoReveal } from "@zanichelli/albe-web-components/dist/components/z-info-reveal.js";
+export const ZInfoReveal = /*@__PURE__*/ createComponent({
     tagName: 'z-info-reveal',
-    elementClass: z_info_reveal_js_1.ZInfoReveal,
+    elementClass: ZInfoRevealElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {},
-    defineCustomElement: z_info_reveal_js_1.defineCustomElement
+    defineCustomElement: defineZInfoReveal
 });

package/react/z-input-message.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.ZInputMessage = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_input_message_js_1 = require("@zanichelli/albe-web-components/dist/components/z-input-message.js");
-exports.ZInputMessage = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZInputMessage as ZInputMessageElement, defineCustomElement as defineZInputMessage } from "@zanichelli/albe-web-components/dist/components/z-input-message.js";
+export const ZInputMessage = /*@__PURE__*/ createComponent({
     tagName: 'z-input-message',
-    elementClass: z_input_message_js_1.ZInputMessage,
+    elementClass: ZInputMessageElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {},
-    defineCustomElement: z_input_message_js_1.defineCustomElement
+    defineCustomElement: defineZInputMessage
 });

package/react/z-input-range.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.ZInputRange = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_input_range_js_1 = require("@zanichelli/albe-web-components/dist/components/z-input-range.js");
-exports.ZInputRange = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZInputRange as ZInputRangeElement, defineCustomElement as defineZInputRange } from "@zanichelli/albe-web-components/dist/components/z-input-range.js";
+export const ZInputRange = /*@__PURE__*/ createComponent({
     tagName: 'z-input-range',
-    elementClass: z_input_range_js_1.ZInputRange,
+    elementClass: ZInputRangeElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {
         onRangeInput: 'rangeInput',
         onRangeChange: 'rangeChange'
     },
-    defineCustomElement: z_input_range_js_1.defineCustomElement
+    defineCustomElement: defineZInputRange
 });

package/react/z-input.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.ZInput = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_input_js_1 = require("@zanichelli/albe-web-components/dist/components/z-input.js");
-exports.ZInput = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZInput as ZInputElement, defineCustomElement as defineZInput } from "@zanichelli/albe-web-components/dist/components/z-input.js";
+export const ZInput = /*@__PURE__*/ createComponent({
     tagName: 'z-input',
-    elementClass: z_input_js_1.ZInput,
+    elementClass: ZInputElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: react_1.default,
+    react: React,
     events: {
         onInputChange: 'inputChange',
         onStartTyping: 'startTyping',
@@ -21,5 +15,5 @@ exports.ZInput = (0, runtime_1.createComponent)({
         onInputFocus: 'inputFocus',
         onInputBlur: 'inputBlur'
     },
-    defineCustomElement: z_input_js_1.defineCustomElement
+    defineCustomElement: defineZInput
 });