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

package/react/z-ghost-loading.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.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)({
+    tagName: 'z-ghost-loading',
+    elementClass: z_ghost_loading_js_1.ZGhostLoading,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: react_1.default,
+    events: {},
+    defineCustomElement: z_ghost_loading_js_1.defineCustomElement
+});

package/react/z-icon.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 { ZIcon as ZIconElement } from "@zanichelli/albe-web-components/dist/components/z-icon.js";
+export type ZIconEvents = NonNullable<unknown>;
+export declare const ZIcon: StencilReactComponent<ZIconElement, ZIconEvents, Components.ZIcon>;

package/react/z-icon.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.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)({
+    tagName: 'z-icon',
+    elementClass: z_icon_js_1.ZIcon,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: react_1.default,
+    events: {},
+    defineCustomElement: z_icon_js_1.defineCustomElement
+});

package/react/z-info-box.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 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 ZInfoBoxCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZInfoBox as ZInfoBoxElement } from "@zanichelli/albe-web-components/dist/components/z-info-box.js";
+export type ZInfoBoxEvents = {
+    onInfoBoxClose: EventName<ZInfoBoxCustomEvent<{
+        boxid: string;
+    }>>;
+};
+export declare const ZInfoBox: StencilReactComponent<ZInfoBoxElement, ZInfoBoxEvents, Components.ZInfoBox>;

package/react/z-info-box.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.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)({
+    tagName: 'z-info-box',
+    elementClass: z_info_box_js_1.ZInfoBox,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: react_1.default,
+    events: { onInfoBoxClose: 'infoBoxClose' },
+    defineCustomElement: z_info_box_js_1.defineCustomElement
+});

package/react/z-info-reveal.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 { ZInfoReveal as ZInfoRevealElement } from "@zanichelli/albe-web-components/dist/components/z-info-reveal.js";
+export type ZInfoRevealEvents = NonNullable<unknown>;
+export declare const ZInfoReveal: StencilReactComponent<ZInfoRevealElement, ZInfoRevealEvents, Components.ZInfoReveal>;

package/react/z-info-reveal.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.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)({
+    tagName: 'z-info-reveal',
+    elementClass: z_info_reveal_js_1.ZInfoReveal,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: react_1.default,
+    events: {},
+    defineCustomElement: z_info_reveal_js_1.defineCustomElement
+});

package/react/z-input-message.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 { ZInputMessage as ZInputMessageElement } from "@zanichelli/albe-web-components/dist/components/z-input-message.js";
+export type ZInputMessageEvents = NonNullable<unknown>;
+export declare const ZInputMessage: StencilReactComponent<ZInputMessageElement, ZInputMessageEvents, Components.ZInputMessage>;

package/react/z-input-message.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.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)({
+    tagName: 'z-input-message',
+    elementClass: z_input_message_js_1.ZInputMessage,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: react_1.default,
+    events: {},
+    defineCustomElement: z_input_message_js_1.defineCustomElement
+});

package/react/z-input-range.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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 ZInputRangeCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZInputRange as ZInputRangeElement } from "@zanichelli/albe-web-components/dist/components/z-input-range.js";
+export type ZInputRangeEvents = {
+    onRangeInput: EventName<ZInputRangeCustomEvent<number>>;
+    onRangeChange: EventName<ZInputRangeCustomEvent<number>>;
+};
+export declare const ZInputRange: StencilReactComponent<ZInputRangeElement, ZInputRangeEvents, Components.ZInputRange>;

package/react/z-input-range.js

@@ -0,0 +1,21 @@
+'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)({
+    tagName: 'z-input-range',
+    elementClass: z_input_range_js_1.ZInputRange,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: react_1.default,
+    events: {
+        onRangeInput: 'rangeInput',
+        onRangeChange: 'rangeChange'
+    },
+    defineCustomElement: z_input_range_js_1.defineCustomElement
+});

package/react/z-input.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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 ZInputCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZInput as ZInputElement } from "@zanichelli/albe-web-components/dist/components/z-input.js";
+export type ZInputEvents = {
+    onInputChange: EventName<ZInputCustomEvent<any>>;
+    onStartTyping: EventName<ZInputCustomEvent<any>>;
+    onStopTyping: EventName<ZInputCustomEvent<any>>;
+    onInputCheck: EventName<ZInputCustomEvent<any>>;
+    onInputFocus: EventName<ZInputCustomEvent<any>>;
+    onInputBlur: EventName<ZInputCustomEvent<any>>;
+};
+export declare const ZInput: StencilReactComponent<ZInputElement, ZInputEvents, Components.ZInput>;

package/react/z-input.js

@@ -0,0 +1,25 @@
+'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)({
+    tagName: 'z-input',
+    elementClass: z_input_js_1.ZInput,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: react_1.default,
+    events: {
+        onInputChange: 'inputChange',
+        onStartTyping: 'startTyping',
+        onStopTyping: 'stopTyping',
+        onInputCheck: 'inputCheck',
+        onInputFocus: 'inputFocus',
+        onInputBlur: 'inputBlur'
+    },
+    defineCustomElement: z_input_js_1.defineCustomElement
+});

package/react/z-list-element.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 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 ZListElementCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZListElement as ZListElementElement } from "@zanichelli/albe-web-components/dist/components/z-list-element.js";
+export type ZListElementEvents = {
+    onAccessibleFocus: EventName<ZListElementCustomEvent<number>>;
+    onAriaDescendantFocus: EventName<ZListElementCustomEvent<number>>;
+    onClickItem: EventName<ZListElementCustomEvent<any>>;
+};
+export declare const ZListElement: StencilReactComponent<ZListElementElement, ZListElementEvents, Components.ZListElement>;

package/react/z-list-element.js

@@ -0,0 +1,22 @@
+'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)({
+    tagName: 'z-list-element',
+    elementClass: z_list_element_js_1.ZListElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: react_1.default,
+    events: {
+        onAccessibleFocus: 'accessibleFocus',
+        onAriaDescendantFocus: 'ariaDescendantFocus',
+        onClickItem: 'clickItem'
+    },
+    defineCustomElement: z_list_element_js_1.defineCustomElement
+});

package/react/z-list-group.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 { ZListGroup as ZListGroupElement } from "@zanichelli/albe-web-components/dist/components/z-list-group.js";
+export type ZListGroupEvents = NonNullable<unknown>;
+export declare const ZListGroup: StencilReactComponent<ZListGroupElement, ZListGroupEvents, Components.ZListGroup>;

package/react/z-list-group.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.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)({
+    tagName: 'z-list-group',
+    elementClass: z_list_group_js_1.ZListGroup,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: react_1.default,
+    events: {},
+    defineCustomElement: z_list_group_js_1.defineCustomElement
+});

package/react/z-list.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 { ZList as ZListElement } from "@zanichelli/albe-web-components/dist/components/z-list.js";
+export type ZListEvents = NonNullable<unknown>;
+export declare const ZList: StencilReactComponent<ZListElement, ZListEvents, Components.ZList>;

package/react/z-list.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.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)({
+    tagName: 'z-list',
+    elementClass: z_list_js_1.ZList,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: react_1.default,
+    events: {},
+    defineCustomElement: z_list_js_1.defineCustomElement
+});

package/react/z-logo.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 { ZLogo as ZLogoElement } from "@zanichelli/albe-web-components/dist/components/z-logo.js";
+export type ZLogoEvents = NonNullable<unknown>;
+export declare const ZLogo: StencilReactComponent<ZLogoElement, ZLogoEvents, Components.ZLogo>;

package/react/z-logo.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.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)({
+    tagName: 'z-logo',
+    elementClass: z_logo_js_1.ZLogo,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: react_1.default,
+    events: {},
+    defineCustomElement: z_logo_js_1.defineCustomElement
+});

package/react/z-menu-section.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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 ZMenuSectionCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZMenuSection as ZMenuSectionElement } from "@zanichelli/albe-web-components/dist/components/z-menu-section.js";
+export type ZMenuSectionEvents = {
+    onOpened: EventName<ZMenuSectionCustomEvent<any>>;
+    onClosed: EventName<ZMenuSectionCustomEvent<any>>;
+};
+export declare const ZMenuSection: StencilReactComponent<ZMenuSectionElement, ZMenuSectionEvents, Components.ZMenuSection>;

package/react/z-menu-section.js

@@ -0,0 +1,21 @@
+'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)({
+    tagName: 'z-menu-section',
+    elementClass: z_menu_section_js_1.ZMenuSection,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: react_1.default,
+    events: {
+        onOpened: 'opened',
+        onClosed: 'closed'
+    },
+    defineCustomElement: z_menu_section_js_1.defineCustomElement
+});

package/react/z-menu.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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 ZMenuCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZMenu as ZMenuElement } from "@zanichelli/albe-web-components/dist/components/z-menu.js";
+export type ZMenuEvents = {
+    onOpened: EventName<ZMenuCustomEvent<any>>;
+    onClosed: EventName<ZMenuCustomEvent<any>>;
+};
+export declare const ZMenu: StencilReactComponent<ZMenuElement, ZMenuEvents, Components.ZMenu>;

package/react/z-menu.js

@@ -0,0 +1,21 @@
+'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)({
+    tagName: 'z-menu',
+    elementClass: z_menu_js_1.ZMenu,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: react_1.default,
+    events: {
+        onOpened: 'opened',
+        onClosed: 'closed'
+    },
+    defineCustomElement: z_menu_js_1.defineCustomElement
+});

package/react/z-modal.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 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 ZModalCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZModal as ZModalElement } from "@zanichelli/albe-web-components/dist/components/z-modal.js";
+export type ZModalEvents = {
+    onModalClose: EventName<ZModalCustomEvent<any>>;
+    onModalHeaderActive: EventName<ZModalCustomEvent<any>>;
+    onModalBackgroundClick: EventName<ZModalCustomEvent<any>>;
+};
+export declare const ZModal: StencilReactComponent<ZModalElement, ZModalEvents, Components.ZModal>;

package/react/z-modal.js

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

package/react/z-navigation-tabs.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 ZNavigationTabsCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZNavigationTabs as ZNavigationTabsElement } from "@zanichelli/albe-web-components/dist/components/z-navigation-tabs.js";
+export type ZNavigationTabsEvents = {
+    onSelected: EventName<ZNavigationTabsCustomEvent<number>>;
+};
+export declare const ZNavigationTabs: StencilReactComponent<ZNavigationTabsElement, ZNavigationTabsEvents, Components.ZNavigationTabs>;

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

package/react/z-notification.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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 ZNotificationCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZNotification as ZNotificationElement } from "@zanichelli/albe-web-components/dist/components/z-notification.js";
+export type ZNotificationEvents = {
+    onNotificationAction: EventName<ZNotificationCustomEvent<any>>;
+    onNotificationClose: EventName<ZNotificationCustomEvent<any>>;
+};
+export declare const ZNotification: StencilReactComponent<ZNotificationElement, ZNotificationEvents, Components.ZNotification>;

package/react/z-notification.js

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

package/react/z-offcanvas.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 ZOffcanvasCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZOffcanvas as ZOffcanvasElement } from "@zanichelli/albe-web-components/dist/components/z-offcanvas.js";
+export type ZOffcanvasEvents = {
+    onCanvasOpenStatusChanged: EventName<ZOffcanvasCustomEvent<boolean>>;
+};
+export declare const ZOffcanvas: StencilReactComponent<ZOffcanvasElement, ZOffcanvasEvents, Components.ZOffcanvas>;

package/react/z-offcanvas.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.ZOffcanvas = void 0;
+const runtime_1 = require("@stencil/react-output-target/runtime");
+const react_1 = __importDefault(require("react"));
+const z_offcanvas_js_1 = require("@zanichelli/albe-web-components/dist/components/z-offcanvas.js");
+exports.ZOffcanvas = (0, runtime_1.createComponent)({
+    tagName: 'z-offcanvas',
+    elementClass: z_offcanvas_js_1.ZOffcanvas,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: react_1.default,
+    events: { onCanvasOpenStatusChanged: 'canvasOpenStatusChanged' },
+    defineCustomElement: z_offcanvas_js_1.defineCustomElement
+});

package/react/z-pagination.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 ZPaginationCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZPagination as ZPaginationElement } from "@zanichelli/albe-web-components/dist/components/z-pagination.js";
+export type ZPaginationEvents = {
+    onPageChanged: EventName<ZPaginationCustomEvent<any>>;
+};
+export declare const ZPagination: StencilReactComponent<ZPaginationElement, ZPaginationEvents, Components.ZPagination, 'totalPages'>;

package/react/z-pagination.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.ZPagination = void 0;
+const runtime_1 = require("@stencil/react-output-target/runtime");
+const react_1 = __importDefault(require("react"));
+const z_pagination_js_1 = require("@zanichelli/albe-web-components/dist/components/z-pagination.js");
+exports.ZPagination = (0, runtime_1.createComponent)({
+    tagName: 'z-pagination',
+    elementClass: z_pagination_js_1.ZPagination,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: react_1.default,
+    events: { onPageChanged: 'pageChanged' },
+    defineCustomElement: z_pagination_js_1.defineCustomElement
+});

package/react/z-popover.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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 PopoverPosition, type ZPopoverCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZPopover as ZPopoverElement } from "@zanichelli/albe-web-components/dist/components/z-popover.js";
+export type ZPopoverEvents = {
+    onPositionChange: EventName<ZPopoverCustomEvent<{
+        position: PopoverPosition;
+    }>>;
+    onOpenChange: EventName<ZPopoverCustomEvent<{
+        open: boolean;
+    }>>;
+};
+export declare const ZPopover: StencilReactComponent<ZPopoverElement, ZPopoverEvents, Components.ZPopover>;