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

package/react/components.js

@@ -1,137 +1,69 @@
-"use strict";
 /**
  * This file was automatically generated by the Stencil React Output Target.
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZTag = exports.ZTable = exports.ZStepper = exports.ZStepperItem = exports.ZSkipToContent = exports.ZSelect = exports.ZSearchbar = exports.ZResultCard = exports.ZRangePicker = exports.ZPopover = exports.ZPagination = exports.ZOffcanvas = exports.ZNotification = exports.ZNavigationTabs = exports.ZModal = exports.ZMenu = exports.ZMenuSection = exports.ZLogo = exports.ZList = exports.ZListGroup = exports.ZListElement = exports.ZInput = exports.ZInputRange = exports.ZInputMessage = exports.ZInfoReveal = exports.ZInfoBox = exports.ZIcon = exports.ZGhostLoading = exports.ZFile = exports.ZFileUpload = exports.ZDragdropArea = exports.ZDivider = exports.ZDatePicker = exports.ZCoverHero = exports.ZCombobox = exports.ZColorPicker = exports.ZChip = exports.ZCarousel = exports.ZCard = exports.ZButton = exports.ZButtonSort = exports.ZBreadcrumb = exports.ZBookCover = exports.ZBookCard = exports.ZBookCardApp = exports.ZAvatar = exports.ZAriaAlert = exports.ZAppHeader = exports.ZAnchorNavigation = exports.ZAccordion = void 0;
-exports.ZVisuallyHidden = exports.ZTreeList = exports.ZTr = exports.ZTooltip = exports.ZToolbar = exports.ZTool = exports.ZToggleSwitch = exports.ZToastNotification = exports.ZToastNotificationList = exports.ZThead = exports.ZTh = exports.ZTfoot = exports.ZTd = exports.ZTbody = void 0;
 /* eslint-disable */
-var z_accordion_js_1 = require("./z-accordion.js");
-Object.defineProperty(exports, "ZAccordion", { enumerable: true, get: function () { return z_accordion_js_1.ZAccordion; } });
-var z_anchor_navigation_js_1 = require("./z-anchor-navigation.js");
-Object.defineProperty(exports, "ZAnchorNavigation", { enumerable: true, get: function () { return z_anchor_navigation_js_1.ZAnchorNavigation; } });
-var z_app_header_js_1 = require("./z-app-header.js");
-Object.defineProperty(exports, "ZAppHeader", { enumerable: true, get: function () { return z_app_header_js_1.ZAppHeader; } });
-var z_aria_alert_js_1 = require("./z-aria-alert.js");
-Object.defineProperty(exports, "ZAriaAlert", { enumerable: true, get: function () { return z_aria_alert_js_1.ZAriaAlert; } });
-var z_avatar_js_1 = require("./z-avatar.js");
-Object.defineProperty(exports, "ZAvatar", { enumerable: true, get: function () { return z_avatar_js_1.ZAvatar; } });
-var z_book_card_app_js_1 = require("./z-book-card-app.js");
-Object.defineProperty(exports, "ZBookCardApp", { enumerable: true, get: function () { return z_book_card_app_js_1.ZBookCardApp; } });
-var z_book_card_js_1 = require("./z-book-card.js");
-Object.defineProperty(exports, "ZBookCard", { enumerable: true, get: function () { return z_book_card_js_1.ZBookCard; } });
-var z_book_cover_js_1 = require("./z-book-cover.js");
-Object.defineProperty(exports, "ZBookCover", { enumerable: true, get: function () { return z_book_cover_js_1.ZBookCover; } });
-var z_breadcrumb_js_1 = require("./z-breadcrumb.js");
-Object.defineProperty(exports, "ZBreadcrumb", { enumerable: true, get: function () { return z_breadcrumb_js_1.ZBreadcrumb; } });
-var z_button_sort_js_1 = require("./z-button-sort.js");
-Object.defineProperty(exports, "ZButtonSort", { enumerable: true, get: function () { return z_button_sort_js_1.ZButtonSort; } });
-var z_button_js_1 = require("./z-button.js");
-Object.defineProperty(exports, "ZButton", { enumerable: true, get: function () { return z_button_js_1.ZButton; } });
-var z_card_js_1 = require("./z-card.js");
-Object.defineProperty(exports, "ZCard", { enumerable: true, get: function () { return z_card_js_1.ZCard; } });
-var z_carousel_js_1 = require("./z-carousel.js");
-Object.defineProperty(exports, "ZCarousel", { enumerable: true, get: function () { return z_carousel_js_1.ZCarousel; } });
-var z_chip_js_1 = require("./z-chip.js");
-Object.defineProperty(exports, "ZChip", { enumerable: true, get: function () { return z_chip_js_1.ZChip; } });
-var z_color_picker_js_1 = require("./z-color-picker.js");
-Object.defineProperty(exports, "ZColorPicker", { enumerable: true, get: function () { return z_color_picker_js_1.ZColorPicker; } });
-var z_combobox_js_1 = require("./z-combobox.js");
-Object.defineProperty(exports, "ZCombobox", { enumerable: true, get: function () { return z_combobox_js_1.ZCombobox; } });
-var z_cover_hero_js_1 = require("./z-cover-hero.js");
-Object.defineProperty(exports, "ZCoverHero", { enumerable: true, get: function () { return z_cover_hero_js_1.ZCoverHero; } });
-var z_date_picker_js_1 = require("./z-date-picker.js");
-Object.defineProperty(exports, "ZDatePicker", { enumerable: true, get: function () { return z_date_picker_js_1.ZDatePicker; } });
-var z_divider_js_1 = require("./z-divider.js");
-Object.defineProperty(exports, "ZDivider", { enumerable: true, get: function () { return z_divider_js_1.ZDivider; } });
-var z_dragdrop_area_js_1 = require("./z-dragdrop-area.js");
-Object.defineProperty(exports, "ZDragdropArea", { enumerable: true, get: function () { return z_dragdrop_area_js_1.ZDragdropArea; } });
-var z_file_upload_js_1 = require("./z-file-upload.js");
-Object.defineProperty(exports, "ZFileUpload", { enumerable: true, get: function () { return z_file_upload_js_1.ZFileUpload; } });
-var z_file_js_1 = require("./z-file.js");
-Object.defineProperty(exports, "ZFile", { enumerable: true, get: function () { return z_file_js_1.ZFile; } });
-var z_ghost_loading_js_1 = require("./z-ghost-loading.js");
-Object.defineProperty(exports, "ZGhostLoading", { enumerable: true, get: function () { return z_ghost_loading_js_1.ZGhostLoading; } });
-var z_icon_js_1 = require("./z-icon.js");
-Object.defineProperty(exports, "ZIcon", { enumerable: true, get: function () { return z_icon_js_1.ZIcon; } });
-var z_info_box_js_1 = require("./z-info-box.js");
-Object.defineProperty(exports, "ZInfoBox", { enumerable: true, get: function () { return z_info_box_js_1.ZInfoBox; } });
-var z_info_reveal_js_1 = require("./z-info-reveal.js");
-Object.defineProperty(exports, "ZInfoReveal", { enumerable: true, get: function () { return z_info_reveal_js_1.ZInfoReveal; } });
-var z_input_message_js_1 = require("./z-input-message.js");
-Object.defineProperty(exports, "ZInputMessage", { enumerable: true, get: function () { return z_input_message_js_1.ZInputMessage; } });
-var z_input_range_js_1 = require("./z-input-range.js");
-Object.defineProperty(exports, "ZInputRange", { enumerable: true, get: function () { return z_input_range_js_1.ZInputRange; } });
-var z_input_js_1 = require("./z-input.js");
-Object.defineProperty(exports, "ZInput", { enumerable: true, get: function () { return z_input_js_1.ZInput; } });
-var z_list_element_js_1 = require("./z-list-element.js");
-Object.defineProperty(exports, "ZListElement", { enumerable: true, get: function () { return z_list_element_js_1.ZListElement; } });
-var z_list_group_js_1 = require("./z-list-group.js");
-Object.defineProperty(exports, "ZListGroup", { enumerable: true, get: function () { return z_list_group_js_1.ZListGroup; } });
-var z_list_js_1 = require("./z-list.js");
-Object.defineProperty(exports, "ZList", { enumerable: true, get: function () { return z_list_js_1.ZList; } });
-var z_logo_js_1 = require("./z-logo.js");
-Object.defineProperty(exports, "ZLogo", { enumerable: true, get: function () { return z_logo_js_1.ZLogo; } });
-var z_menu_section_js_1 = require("./z-menu-section.js");
-Object.defineProperty(exports, "ZMenuSection", { enumerable: true, get: function () { return z_menu_section_js_1.ZMenuSection; } });
-var z_menu_js_1 = require("./z-menu.js");
-Object.defineProperty(exports, "ZMenu", { enumerable: true, get: function () { return z_menu_js_1.ZMenu; } });
-var z_modal_js_1 = require("./z-modal.js");
-Object.defineProperty(exports, "ZModal", { enumerable: true, get: function () { return z_modal_js_1.ZModal; } });
-var z_navigation_tabs_js_1 = require("./z-navigation-tabs.js");
-Object.defineProperty(exports, "ZNavigationTabs", { enumerable: true, get: function () { return z_navigation_tabs_js_1.ZNavigationTabs; } });
-var z_notification_js_1 = require("./z-notification.js");
-Object.defineProperty(exports, "ZNotification", { enumerable: true, get: function () { return z_notification_js_1.ZNotification; } });
-var z_offcanvas_js_1 = require("./z-offcanvas.js");
-Object.defineProperty(exports, "ZOffcanvas", { enumerable: true, get: function () { return z_offcanvas_js_1.ZOffcanvas; } });
-var z_pagination_js_1 = require("./z-pagination.js");
-Object.defineProperty(exports, "ZPagination", { enumerable: true, get: function () { return z_pagination_js_1.ZPagination; } });
-var z_popover_js_1 = require("./z-popover.js");
-Object.defineProperty(exports, "ZPopover", { enumerable: true, get: function () { return z_popover_js_1.ZPopover; } });
-var z_range_picker_js_1 = require("./z-range-picker.js");
-Object.defineProperty(exports, "ZRangePicker", { enumerable: true, get: function () { return z_range_picker_js_1.ZRangePicker; } });
-var z_result_card_js_1 = require("./z-result-card.js");
-Object.defineProperty(exports, "ZResultCard", { enumerable: true, get: function () { return z_result_card_js_1.ZResultCard; } });
-var z_searchbar_js_1 = require("./z-searchbar.js");
-Object.defineProperty(exports, "ZSearchbar", { enumerable: true, get: function () { return z_searchbar_js_1.ZSearchbar; } });
-var z_select_js_1 = require("./z-select.js");
-Object.defineProperty(exports, "ZSelect", { enumerable: true, get: function () { return z_select_js_1.ZSelect; } });
-var z_skip_to_content_js_1 = require("./z-skip-to-content.js");
-Object.defineProperty(exports, "ZSkipToContent", { enumerable: true, get: function () { return z_skip_to_content_js_1.ZSkipToContent; } });
-var z_stepper_item_js_1 = require("./z-stepper-item.js");
-Object.defineProperty(exports, "ZStepperItem", { enumerable: true, get: function () { return z_stepper_item_js_1.ZStepperItem; } });
-var z_stepper_js_1 = require("./z-stepper.js");
-Object.defineProperty(exports, "ZStepper", { enumerable: true, get: function () { return z_stepper_js_1.ZStepper; } });
-var z_table_js_1 = require("./z-table.js");
-Object.defineProperty(exports, "ZTable", { enumerable: true, get: function () { return z_table_js_1.ZTable; } });
-var z_tag_js_1 = require("./z-tag.js");
-Object.defineProperty(exports, "ZTag", { enumerable: true, get: function () { return z_tag_js_1.ZTag; } });
-var z_tbody_js_1 = require("./z-tbody.js");
-Object.defineProperty(exports, "ZTbody", { enumerable: true, get: function () { return z_tbody_js_1.ZTbody; } });
-var z_td_js_1 = require("./z-td.js");
-Object.defineProperty(exports, "ZTd", { enumerable: true, get: function () { return z_td_js_1.ZTd; } });
-var z_tfoot_js_1 = require("./z-tfoot.js");
-Object.defineProperty(exports, "ZTfoot", { enumerable: true, get: function () { return z_tfoot_js_1.ZTfoot; } });
-var z_th_js_1 = require("./z-th.js");
-Object.defineProperty(exports, "ZTh", { enumerable: true, get: function () { return z_th_js_1.ZTh; } });
-var z_thead_js_1 = require("./z-thead.js");
-Object.defineProperty(exports, "ZThead", { enumerable: true, get: function () { return z_thead_js_1.ZThead; } });
-var z_toast_notification_list_js_1 = require("./z-toast-notification-list.js");
-Object.defineProperty(exports, "ZToastNotificationList", { enumerable: true, get: function () { return z_toast_notification_list_js_1.ZToastNotificationList; } });
-var z_toast_notification_js_1 = require("./z-toast-notification.js");
-Object.defineProperty(exports, "ZToastNotification", { enumerable: true, get: function () { return z_toast_notification_js_1.ZToastNotification; } });
-var z_toggle_switch_js_1 = require("./z-toggle-switch.js");
-Object.defineProperty(exports, "ZToggleSwitch", { enumerable: true, get: function () { return z_toggle_switch_js_1.ZToggleSwitch; } });
-var z_tool_js_1 = require("./z-tool.js");
-Object.defineProperty(exports, "ZTool", { enumerable: true, get: function () { return z_tool_js_1.ZTool; } });
-var z_toolbar_js_1 = require("./z-toolbar.js");
-Object.defineProperty(exports, "ZToolbar", { enumerable: true, get: function () { return z_toolbar_js_1.ZToolbar; } });
-var z_tooltip_js_1 = require("./z-tooltip.js");
-Object.defineProperty(exports, "ZTooltip", { enumerable: true, get: function () { return z_tooltip_js_1.ZTooltip; } });
-var z_tr_js_1 = require("./z-tr.js");
-Object.defineProperty(exports, "ZTr", { enumerable: true, get: function () { return z_tr_js_1.ZTr; } });
-var z_tree_list_js_1 = require("./z-tree-list.js");
-Object.defineProperty(exports, "ZTreeList", { enumerable: true, get: function () { return z_tree_list_js_1.ZTreeList; } });
-var z_visually_hidden_js_1 = require("./z-visually-hidden.js");
-Object.defineProperty(exports, "ZVisuallyHidden", { enumerable: true, get: function () { return z_visually_hidden_js_1.ZVisuallyHidden; } });
+export { ZAccordion } from "./z-accordion.js";
+export { ZAnchorNavigation } from "./z-anchor-navigation.js";
+export { ZAppHeader } from "./z-app-header.js";
+export { ZAriaAlert } from "./z-aria-alert.js";
+export { ZAvatar } from "./z-avatar.js";
+export { ZBookCardApp } from "./z-book-card-app.js";
+export { ZBookCard } from "./z-book-card.js";
+export { ZBookCover } from "./z-book-cover.js";
+export { ZBreadcrumb } from "./z-breadcrumb.js";
+export { ZButtonSort } from "./z-button-sort.js";
+export { ZButton } from "./z-button.js";
+export { ZCard } from "./z-card.js";
+export { ZCarousel } from "./z-carousel.js";
+export { ZChip } from "./z-chip.js";
+export { ZColorPicker } from "./z-color-picker.js";
+export { ZCombobox } from "./z-combobox.js";
+export { ZCoverHero } from "./z-cover-hero.js";
+export { ZDatePicker } from "./z-date-picker.js";
+export { ZDivider } from "./z-divider.js";
+export { ZDragdropArea } from "./z-dragdrop-area.js";
+export { ZFileUpload } from "./z-file-upload.js";
+export { ZFile } from "./z-file.js";
+export { ZGhostLoading } from "./z-ghost-loading.js";
+export { ZIcon } from "./z-icon.js";
+export { ZInfoBox } from "./z-info-box.js";
+export { ZInfoReveal } from "./z-info-reveal.js";
+export { ZInputMessage } from "./z-input-message.js";
+export { ZInputRange } from "./z-input-range.js";
+export { ZInput } from "./z-input.js";
+export { ZListElement } from "./z-list-element.js";
+export { ZListGroup } from "./z-list-group.js";
+export { ZList } from "./z-list.js";
+export { ZLogo } from "./z-logo.js";
+export { ZMenuSection } from "./z-menu-section.js";
+export { ZMenu } from "./z-menu.js";
+export { ZModal } from "./z-modal.js";
+export { ZNavigationTabs } from "./z-navigation-tabs.js";
+export { ZNotification } from "./z-notification.js";
+export { ZOffcanvas } from "./z-offcanvas.js";
+export { ZPagination } from "./z-pagination.js";
+export { ZPopover } from "./z-popover.js";
+export { ZRangePicker } from "./z-range-picker.js";
+export { ZResultCard } from "./z-result-card.js";
+export { ZSearchbar } from "./z-searchbar.js";
+export { ZSelect } from "./z-select.js";
+export { ZSkipToContent } from "./z-skip-to-content.js";
+export { ZStepperItem } from "./z-stepper-item.js";
+export { ZStepper } from "./z-stepper.js";
+export { ZTable } from "./z-table.js";
+export { ZTag } from "./z-tag.js";
+export { ZTbody } from "./z-tbody.js";
+export { ZTd } from "./z-td.js";
+export { ZTfoot } from "./z-tfoot.js";
+export { ZTh } from "./z-th.js";
+export { ZThead } from "./z-thead.js";
+export { ZToastNotificationList } from "./z-toast-notification-list.js";
+export { ZToastNotification } from "./z-toast-notification.js";
+export { ZToggleSwitch } from "./z-toggle-switch.js";
+export { ZTool } from "./z-tool.js";
+export { ZToolbar } from "./z-toolbar.js";
+export { ZTooltip } from "./z-tooltip.js";
+export { ZTr } from "./z-tr.js";
+export { ZTreeList } from "./z-tree-list.js";
+export { ZVisuallyHidden } from "./z-visually-hidden.js";

package/react/index.d.ts

@@ -1 +1 @@
-export * from "./components";
+export * from "./components.js";

package/react/index.js

@@ -1,17 +1 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components"), exports);
+export * from "./components.js";

package/react/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

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

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

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

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

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

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

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

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