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

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
 });

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

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

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

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

package/react/z-menu-section.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.ZMenuSection = void 0;
-const runtime_1 = require("@stencil/react-output-target/runtime");
-const react_1 = __importDefault(require("react"));
-const z_menu_section_js_1 = require("@zanichelli/albe-web-components/dist/components/z-menu-section.js");
-exports.ZMenuSection = (0, runtime_1.createComponent)({
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { ZMenuSection as ZMenuSectionElement, defineCustomElement as defineZMenuSection } from "@zanichelli/albe-web-components/dist/components/z-menu-section.js";
+export const ZMenuSection = /*@__PURE__*/ createComponent({
     tagName: 'z-menu-section',
-    elementClass: z_menu_section_js_1.ZMenuSection,
+    elementClass: ZMenuSectionElement,
     // @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_section_js_1.defineCustomElement
+    defineCustomElement: defineZMenuSection
 });

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
 });