@zanichelli/albe-web-components 20.0.2-RC → 21.0.0-RC1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zanichelli/albe-web-components",
-  "version": "20.0.2-RC",
+  "version": "21.0.0-RC1",
   "description": "The Web Components implementation of Albe, the Zanichelli's design system.",
   "license": "MIT",
   "main": "dist/index.cjs.js",
@@ -17,7 +17,7 @@
     "build": "yarn build.wc && yarn build.react",
     "build-storybook": "yarn build && cross-env STENCIL_DEV=1 storybook build --config-dir .storybook --output-dir storybook",
     "build.react": "rimraf react && tsc --build tsconfig.react.json",
-    "build.wc": "mkdirp react && rimraf src-react/react-component-lib && stencil build",
+    "build.wc": "mkdirp react && stencil build",
     "generate": "plop --plopfile internals/generators/index.js",
     "lint": "yarn lint.eslint && yarn lint.stylelint && yarn lint.prettier",
     "lint-fix": "yarn lint-fix.eslint && yarn lint-fix.stylelint && yarn lint-fix.prettier",
@@ -52,7 +52,7 @@
     "@rollup/plugin-image": "^3.0.3",
     "@stencil/core": "~4.43.5",
     "@stencil/eslint-plugin": "^1.1.0",
-    "@stencil/react-output-target": "^0.5.3",
+    "@stencil/react-output-target": "^1.6.2",
     "@stencil/storybook-plugin": "^0.7.0",
     "@storybook/addon-a11y": "^10.5.3",
     "@storybook/addon-docs": "^10.5.3",
@@ -89,10 +89,14 @@
     "vite": "^8.0.9"
   },
   "peerDependencies": {
+    "@stencil/react-output-target": ">=1.0.0",
     "react": "*",
     "react-dom": "*"
   },
   "peerDependenciesMeta": {
+    "@stencil/react-output-target": {
+      "optional": true
+    },
     "react": {
       "optional": true
     },
@@ -108,5 +112,5 @@
   "es2015": "dist/esm/index.mjs",
   "es2017": "dist/esm/index.mjs",
   "packageManager": "yarn@4.10.3",
-  "stableVersion": "20.0.1"
+  "stableVersion": "20.0.2"
 }

package/react/components.d.ts

@@ -1,66 +1,68 @@
-/// <reference types="react" />
-import type { JSX } from '@zanichelli/albe-web-components';
-export declare const ZAccordion: import("react").ForwardRefExoticComponent<JSX.ZAccordion & Omit<import("react").HTMLAttributes<HTMLZAccordionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZAccordionElement>>;
-export declare const ZAnchorNavigation: import("react").ForwardRefExoticComponent<JSX.ZAnchorNavigation & Omit<import("react").HTMLAttributes<HTMLZAnchorNavigationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZAnchorNavigationElement>>;
-export declare const ZAppHeader: import("react").ForwardRefExoticComponent<JSX.ZAppHeader & Omit<import("react").HTMLAttributes<HTMLZAppHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZAppHeaderElement>>;
-export declare const ZAriaAlert: import("react").ForwardRefExoticComponent<JSX.ZAriaAlert & Omit<import("react").HTMLAttributes<HTMLZAriaAlertElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZAriaAlertElement>>;
-export declare const ZAvatar: import("react").ForwardRefExoticComponent<JSX.ZAvatar & Omit<import("react").HTMLAttributes<HTMLZAvatarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZAvatarElement>>;
-export declare const ZBookCard: import("react").ForwardRefExoticComponent<JSX.ZBookCard & Omit<import("react").HTMLAttributes<HTMLZBookCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZBookCardElement>>;
-export declare const ZBookCardApp: import("react").ForwardRefExoticComponent<JSX.ZBookCardApp & Omit<import("react").HTMLAttributes<HTMLZBookCardAppElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZBookCardAppElement>>;
-export declare const ZBookCover: import("react").ForwardRefExoticComponent<JSX.ZBookCover & Omit<import("react").HTMLAttributes<HTMLZBookCoverElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZBookCoverElement>>;
-export declare const ZBreadcrumb: import("react").ForwardRefExoticComponent<JSX.ZBreadcrumb & Omit<import("react").HTMLAttributes<HTMLZBreadcrumbElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZBreadcrumbElement>>;
-export declare const ZButton: import("react").ForwardRefExoticComponent<JSX.ZButton & Omit<import("react").HTMLAttributes<HTMLZButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZButtonElement>>;
-export declare const ZButtonSort: import("react").ForwardRefExoticComponent<JSX.ZButtonSort & Omit<import("react").HTMLAttributes<HTMLZButtonSortElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZButtonSortElement>>;
-export declare const ZCard: import("react").ForwardRefExoticComponent<JSX.ZCard & Omit<import("react").HTMLAttributes<HTMLZCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZCardElement>>;
-export declare const ZCarousel: import("react").ForwardRefExoticComponent<JSX.ZCarousel & Omit<import("react").HTMLAttributes<HTMLZCarouselElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZCarouselElement>>;
-export declare const ZChip: import("react").ForwardRefExoticComponent<JSX.ZChip & Omit<import("react").HTMLAttributes<HTMLZChipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZChipElement>>;
-export declare const ZColorPicker: import("react").ForwardRefExoticComponent<JSX.ZColorPicker & Omit<import("react").HTMLAttributes<HTMLZColorPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZColorPickerElement>>;
-export declare const ZCombobox: import("react").ForwardRefExoticComponent<JSX.ZCombobox & Omit<import("react").HTMLAttributes<HTMLZComboboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZComboboxElement>>;
-export declare const ZCoverHero: import("react").ForwardRefExoticComponent<JSX.ZCoverHero & Omit<import("react").HTMLAttributes<HTMLZCoverHeroElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZCoverHeroElement>>;
-export declare const ZDatePicker: import("react").ForwardRefExoticComponent<JSX.ZDatePicker & Omit<import("react").HTMLAttributes<HTMLZDatePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZDatePickerElement>>;
-export declare const ZDivider: import("react").ForwardRefExoticComponent<JSX.ZDivider & Omit<import("react").HTMLAttributes<HTMLZDividerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZDividerElement>>;
-export declare const ZDragdropArea: import("react").ForwardRefExoticComponent<JSX.ZDragdropArea & Omit<import("react").HTMLAttributes<HTMLZDragdropAreaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZDragdropAreaElement>>;
-export declare const ZFile: import("react").ForwardRefExoticComponent<JSX.ZFile & Omit<import("react").HTMLAttributes<HTMLZFileElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZFileElement>>;
-export declare const ZFileUpload: import("react").ForwardRefExoticComponent<JSX.ZFileUpload & Omit<import("react").HTMLAttributes<HTMLZFileUploadElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZFileUploadElement>>;
-export declare const ZGhostLoading: import("react").ForwardRefExoticComponent<JSX.ZGhostLoading & Omit<import("react").HTMLAttributes<HTMLZGhostLoadingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZGhostLoadingElement>>;
-export declare const ZIcon: import("react").ForwardRefExoticComponent<JSX.ZIcon & Omit<import("react").HTMLAttributes<HTMLZIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZIconElement>>;
-export declare const ZInfoBox: import("react").ForwardRefExoticComponent<JSX.ZInfoBox & Omit<import("react").HTMLAttributes<HTMLZInfoBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZInfoBoxElement>>;
-export declare const ZInfoReveal: import("react").ForwardRefExoticComponent<JSX.ZInfoReveal & Omit<import("react").HTMLAttributes<HTMLZInfoRevealElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZInfoRevealElement>>;
-export declare const ZInput: import("react").ForwardRefExoticComponent<JSX.ZInput & Omit<import("react").HTMLAttributes<HTMLZInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZInputElement>>;
-export declare const ZInputMessage: import("react").ForwardRefExoticComponent<JSX.ZInputMessage & Omit<import("react").HTMLAttributes<HTMLZInputMessageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZInputMessageElement>>;
-export declare const ZInputRange: import("react").ForwardRefExoticComponent<JSX.ZInputRange & Omit<import("react").HTMLAttributes<HTMLZInputRangeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZInputRangeElement>>;
-export declare const ZList: import("react").ForwardRefExoticComponent<JSX.ZList & Omit<import("react").HTMLAttributes<HTMLZListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZListElement>>;
-export declare const ZListElement: import("react").ForwardRefExoticComponent<JSX.ZListElement & Omit<import("react").HTMLAttributes<HTMLZListElementElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZListElementElement>>;
-export declare const ZListGroup: import("react").ForwardRefExoticComponent<JSX.ZListGroup & Omit<import("react").HTMLAttributes<HTMLZListGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZListGroupElement>>;
-export declare const ZLogo: import("react").ForwardRefExoticComponent<JSX.ZLogo & Omit<import("react").HTMLAttributes<HTMLZLogoElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZLogoElement>>;
-export declare const ZMenu: import("react").ForwardRefExoticComponent<JSX.ZMenu & Omit<import("react").HTMLAttributes<HTMLZMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZMenuElement>>;
-export declare const ZMenuSection: import("react").ForwardRefExoticComponent<JSX.ZMenuSection & Omit<import("react").HTMLAttributes<HTMLZMenuSectionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZMenuSectionElement>>;
-export declare const ZModal: import("react").ForwardRefExoticComponent<JSX.ZModal & Omit<import("react").HTMLAttributes<HTMLZModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZModalElement>>;
-export declare const ZNavigationTabs: import("react").ForwardRefExoticComponent<JSX.ZNavigationTabs & Omit<import("react").HTMLAttributes<HTMLZNavigationTabsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZNavigationTabsElement>>;
-export declare const ZNotification: import("react").ForwardRefExoticComponent<JSX.ZNotification & Omit<import("react").HTMLAttributes<HTMLZNotificationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZNotificationElement>>;
-export declare const ZOffcanvas: import("react").ForwardRefExoticComponent<JSX.ZOffcanvas & Omit<import("react").HTMLAttributes<HTMLZOffcanvasElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZOffcanvasElement>>;
-export declare const ZPagination: import("react").ForwardRefExoticComponent<JSX.ZPagination & Omit<import("react").HTMLAttributes<HTMLZPaginationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZPaginationElement>>;
-export declare const ZPopover: import("react").ForwardRefExoticComponent<JSX.ZPopover & Omit<import("react").HTMLAttributes<HTMLZPopoverElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZPopoverElement>>;
-export declare const ZRangePicker: import("react").ForwardRefExoticComponent<JSX.ZRangePicker & Omit<import("react").HTMLAttributes<HTMLZRangePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZRangePickerElement>>;
-export declare const ZResultCard: import("react").ForwardRefExoticComponent<JSX.ZResultCard & Omit<import("react").HTMLAttributes<HTMLZResultCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZResultCardElement>>;
-export declare const ZSearchbar: import("react").ForwardRefExoticComponent<JSX.ZSearchbar & Omit<import("react").HTMLAttributes<HTMLZSearchbarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZSearchbarElement>>;
-export declare const ZSelect: import("react").ForwardRefExoticComponent<JSX.ZSelect & Omit<import("react").HTMLAttributes<HTMLZSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZSelectElement>>;
-export declare const ZSkipToContent: import("react").ForwardRefExoticComponent<JSX.ZSkipToContent & Omit<import("react").HTMLAttributes<HTMLZSkipToContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZSkipToContentElement>>;
-export declare const ZStepper: import("react").ForwardRefExoticComponent<JSX.ZStepper & Omit<import("react").HTMLAttributes<HTMLZStepperElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZStepperElement>>;
-export declare const ZStepperItem: import("react").ForwardRefExoticComponent<JSX.ZStepperItem & Omit<import("react").HTMLAttributes<HTMLZStepperItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZStepperItemElement>>;
-export declare const ZTable: import("react").ForwardRefExoticComponent<JSX.ZTable & Omit<import("react").HTMLAttributes<HTMLZTableElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZTableElement>>;
-export declare const ZTag: import("react").ForwardRefExoticComponent<JSX.ZTag & Omit<import("react").HTMLAttributes<HTMLZTagElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZTagElement>>;
-export declare const ZTbody: import("react").ForwardRefExoticComponent<JSX.ZTbody & Omit<import("react").HTMLAttributes<HTMLZTbodyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZTbodyElement>>;
-export declare const ZTd: import("react").ForwardRefExoticComponent<JSX.ZTd & Omit<import("react").HTMLAttributes<HTMLZTdElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZTdElement>>;
-export declare const ZTfoot: import("react").ForwardRefExoticComponent<JSX.ZTfoot & Omit<import("react").HTMLAttributes<HTMLZTfootElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZTfootElement>>;
-export declare const ZTh: import("react").ForwardRefExoticComponent<JSX.ZTh & Omit<import("react").HTMLAttributes<HTMLZThElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZThElement>>;
-export declare const ZThead: import("react").ForwardRefExoticComponent<JSX.ZThead & Omit<import("react").HTMLAttributes<HTMLZTheadElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZTheadElement>>;
-export declare const ZToastNotification: import("react").ForwardRefExoticComponent<JSX.ZToastNotification & Omit<import("react").HTMLAttributes<HTMLZToastNotificationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZToastNotificationElement>>;
-export declare const ZToastNotificationList: import("react").ForwardRefExoticComponent<JSX.ZToastNotificationList & Omit<import("react").HTMLAttributes<HTMLZToastNotificationListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZToastNotificationListElement>>;
-export declare const ZToggleSwitch: import("react").ForwardRefExoticComponent<JSX.ZToggleSwitch & Omit<import("react").HTMLAttributes<HTMLZToggleSwitchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZToggleSwitchElement>>;
-export declare const ZTool: import("react").ForwardRefExoticComponent<JSX.ZTool & Omit<import("react").HTMLAttributes<HTMLZToolElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZToolElement>>;
-export declare const ZToolbar: import("react").ForwardRefExoticComponent<JSX.ZToolbar & Omit<import("react").HTMLAttributes<HTMLZToolbarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZToolbarElement>>;
-export declare const ZTooltip: import("react").ForwardRefExoticComponent<JSX.ZTooltip & Omit<import("react").HTMLAttributes<HTMLZTooltipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZTooltipElement>>;
-export declare const ZTr: import("react").ForwardRefExoticComponent<JSX.ZTr & Omit<import("react").HTMLAttributes<HTMLZTrElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZTrElement>>;
-export declare const ZTreeList: import("react").ForwardRefExoticComponent<JSX.ZTreeList & Omit<import("react").HTMLAttributes<HTMLZTreeListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZTreeListElement>>;
-export declare const ZVisuallyHidden: import("react").ForwardRefExoticComponent<JSX.ZVisuallyHidden & Omit<import("react").HTMLAttributes<HTMLZVisuallyHiddenElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZVisuallyHiddenElement>>;
+/**
+ * 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.
+ */
+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/components.js

@@ -1,72 +1,137 @@
 "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.ZStepperItem = exports.ZStepper = exports.ZSkipToContent = exports.ZSelect = exports.ZSearchbar = exports.ZResultCard = exports.ZRangePicker = exports.ZPopover = exports.ZPagination = exports.ZOffcanvas = exports.ZNotification = exports.ZNavigationTabs = exports.ZModal = exports.ZMenuSection = exports.ZMenu = exports.ZLogo = exports.ZListGroup = exports.ZListElement = exports.ZList = exports.ZInputRange = exports.ZInputMessage = exports.ZInput = exports.ZInfoReveal = exports.ZInfoBox = exports.ZIcon = exports.ZGhostLoading = exports.ZFileUpload = exports.ZFile = exports.ZDragdropArea = exports.ZDivider = exports.ZDatePicker = exports.ZCoverHero = exports.ZCombobox = exports.ZColorPicker = exports.ZChip = exports.ZCarousel = exports.ZCard = exports.ZButtonSort = exports.ZButton = exports.ZBreadcrumb = exports.ZBookCover = exports.ZBookCardApp = exports.ZBookCard = 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.ZToastNotificationList = exports.ZToastNotification = exports.ZThead = exports.ZTh = exports.ZTfoot = exports.ZTd = exports.ZTbody = void 0;
+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 */
-/* tslint:disable */
-/* auto-generated react proxies */
-const react_component_lib_1 = require("./react-component-lib");
-exports.ZAccordion = (0, react_component_lib_1.createReactComponent)('z-accordion');
-exports.ZAnchorNavigation = (0, react_component_lib_1.createReactComponent)('z-anchor-navigation');
-exports.ZAppHeader = (0, react_component_lib_1.createReactComponent)('z-app-header');
-exports.ZAriaAlert = (0, react_component_lib_1.createReactComponent)('z-aria-alert');
-exports.ZAvatar = (0, react_component_lib_1.createReactComponent)('z-avatar');
-exports.ZBookCard = (0, react_component_lib_1.createReactComponent)('z-book-card');
-exports.ZBookCardApp = (0, react_component_lib_1.createReactComponent)('z-book-card-app');
-exports.ZBookCover = (0, react_component_lib_1.createReactComponent)('z-book-cover');
-exports.ZBreadcrumb = (0, react_component_lib_1.createReactComponent)('z-breadcrumb');
-exports.ZButton = (0, react_component_lib_1.createReactComponent)('z-button');
-exports.ZButtonSort = (0, react_component_lib_1.createReactComponent)('z-button-sort');
-exports.ZCard = (0, react_component_lib_1.createReactComponent)('z-card');
-exports.ZCarousel = (0, react_component_lib_1.createReactComponent)('z-carousel');
-exports.ZChip = (0, react_component_lib_1.createReactComponent)('z-chip');
-exports.ZColorPicker = (0, react_component_lib_1.createReactComponent)('z-color-picker');
-exports.ZCombobox = (0, react_component_lib_1.createReactComponent)('z-combobox');
-exports.ZCoverHero = (0, react_component_lib_1.createReactComponent)('z-cover-hero');
-exports.ZDatePicker = (0, react_component_lib_1.createReactComponent)('z-date-picker');
-exports.ZDivider = (0, react_component_lib_1.createReactComponent)('z-divider');
-exports.ZDragdropArea = (0, react_component_lib_1.createReactComponent)('z-dragdrop-area');
-exports.ZFile = (0, react_component_lib_1.createReactComponent)('z-file');
-exports.ZFileUpload = (0, react_component_lib_1.createReactComponent)('z-file-upload');
-exports.ZGhostLoading = (0, react_component_lib_1.createReactComponent)('z-ghost-loading');
-exports.ZIcon = (0, react_component_lib_1.createReactComponent)('z-icon');
-exports.ZInfoBox = (0, react_component_lib_1.createReactComponent)('z-info-box');
-exports.ZInfoReveal = (0, react_component_lib_1.createReactComponent)('z-info-reveal');
-exports.ZInput = (0, react_component_lib_1.createReactComponent)('z-input');
-exports.ZInputMessage = (0, react_component_lib_1.createReactComponent)('z-input-message');
-exports.ZInputRange = (0, react_component_lib_1.createReactComponent)('z-input-range');
-exports.ZList = (0, react_component_lib_1.createReactComponent)('z-list');
-exports.ZListElement = (0, react_component_lib_1.createReactComponent)('z-list-element');
-exports.ZListGroup = (0, react_component_lib_1.createReactComponent)('z-list-group');
-exports.ZLogo = (0, react_component_lib_1.createReactComponent)('z-logo');
-exports.ZMenu = (0, react_component_lib_1.createReactComponent)('z-menu');
-exports.ZMenuSection = (0, react_component_lib_1.createReactComponent)('z-menu-section');
-exports.ZModal = (0, react_component_lib_1.createReactComponent)('z-modal');
-exports.ZNavigationTabs = (0, react_component_lib_1.createReactComponent)('z-navigation-tabs');
-exports.ZNotification = (0, react_component_lib_1.createReactComponent)('z-notification');
-exports.ZOffcanvas = (0, react_component_lib_1.createReactComponent)('z-offcanvas');
-exports.ZPagination = (0, react_component_lib_1.createReactComponent)('z-pagination');
-exports.ZPopover = (0, react_component_lib_1.createReactComponent)('z-popover');
-exports.ZRangePicker = (0, react_component_lib_1.createReactComponent)('z-range-picker');
-exports.ZResultCard = (0, react_component_lib_1.createReactComponent)('z-result-card');
-exports.ZSearchbar = (0, react_component_lib_1.createReactComponent)('z-searchbar');
-exports.ZSelect = (0, react_component_lib_1.createReactComponent)('z-select');
-exports.ZSkipToContent = (0, react_component_lib_1.createReactComponent)('z-skip-to-content');
-exports.ZStepper = (0, react_component_lib_1.createReactComponent)('z-stepper');
-exports.ZStepperItem = (0, react_component_lib_1.createReactComponent)('z-stepper-item');
-exports.ZTable = (0, react_component_lib_1.createReactComponent)('z-table');
-exports.ZTag = (0, react_component_lib_1.createReactComponent)('z-tag');
-exports.ZTbody = (0, react_component_lib_1.createReactComponent)('z-tbody');
-exports.ZTd = (0, react_component_lib_1.createReactComponent)('z-td');
-exports.ZTfoot = (0, react_component_lib_1.createReactComponent)('z-tfoot');
-exports.ZTh = (0, react_component_lib_1.createReactComponent)('z-th');
-exports.ZThead = (0, react_component_lib_1.createReactComponent)('z-thead');
-exports.ZToastNotification = (0, react_component_lib_1.createReactComponent)('z-toast-notification');
-exports.ZToastNotificationList = (0, react_component_lib_1.createReactComponent)('z-toast-notification-list');
-exports.ZToggleSwitch = (0, react_component_lib_1.createReactComponent)('z-toggle-switch');
-exports.ZTool = (0, react_component_lib_1.createReactComponent)('z-tool');
-exports.ZToolbar = (0, react_component_lib_1.createReactComponent)('z-toolbar');
-exports.ZTooltip = (0, react_component_lib_1.createReactComponent)('z-tooltip');
-exports.ZTr = (0, react_component_lib_1.createReactComponent)('z-tr');
-exports.ZTreeList = (0, react_component_lib_1.createReactComponent)('z-tree-list');
-exports.ZVisuallyHidden = (0, react_component_lib_1.createReactComponent)('z-visually-hidden');
+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; } });

package/react/z-accordion.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type ZAccordionCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZAccordion as ZAccordionElement } from "@zanichelli/albe-web-components/dist/components/z-accordion.js";
+export type ZAccordionEvents = {
+    onToggled: EventName<ZAccordionCustomEvent<boolean>>;
+};
+export declare const ZAccordion: StencilReactComponent<ZAccordionElement, ZAccordionEvents, Components.ZAccordion>;

package/react/z-accordion.js

@@ -0,0 +1,18 @@
+'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)({
+    tagName: 'z-accordion',
+    elementClass: z_accordion_js_1.ZAccordion,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: react_1.default,
+    events: { onToggled: 'toggled' },
+    defineCustomElement: z_accordion_js_1.defineCustomElement
+});

package/react/z-anchor-navigation.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ */
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZAnchorNavigation as ZAnchorNavigationElement } from "@zanichelli/albe-web-components/dist/components/z-anchor-navigation.js";
+export type ZAnchorNavigationEvents = NonNullable<unknown>;
+export declare const ZAnchorNavigation: StencilReactComponent<ZAnchorNavigationElement, ZAnchorNavigationEvents, Components.ZAnchorNavigation>;

package/react/z-anchor-navigation.js

@@ -0,0 +1,18 @@
+'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)({
+    tagName: 'z-anchor-navigation',
+    elementClass: z_anchor_navigation_js_1.ZAnchorNavigation,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: react_1.default,
+    events: {},
+    defineCustomElement: z_anchor_navigation_js_1.defineCustomElement
+});

package/react/z-app-header.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type ZAppHeaderCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZAppHeader as ZAppHeaderElement } from "@zanichelli/albe-web-components/dist/components/z-app-header.js";
+export type ZAppHeaderEvents = {
+    onSticking: EventName<ZAppHeaderCustomEvent<any>>;
+};
+export declare const ZAppHeader: StencilReactComponent<ZAppHeaderElement, ZAppHeaderEvents, Components.ZAppHeader>;

package/react/z-app-header.js

@@ -0,0 +1,18 @@
+'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)({
+    tagName: 'z-app-header',
+    elementClass: z_app_header_js_1.ZAppHeader,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: react_1.default,
+    events: { onSticking: 'sticking' },
+    defineCustomElement: z_app_header_js_1.defineCustomElement
+});

package/react/z-aria-alert.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ */
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZAriaAlert as ZAriaAlertElement } from "@zanichelli/albe-web-components/dist/components/z-aria-alert.js";
+export type ZAriaAlertEvents = NonNullable<unknown>;
+export declare const ZAriaAlert: StencilReactComponent<ZAriaAlertElement, ZAriaAlertEvents, Components.ZAriaAlert>;