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

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

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

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

package/react/z-book-card-app.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 ZBookCardAppCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZBookCardApp as ZBookCardAppElement } from "@zanichelli/albe-web-components/dist/components/z-book-card-app.js";
+export type ZBookCardAppEvents = {
+    onAppClick: EventName<ZBookCardAppCustomEvent<any>>;
+};
+export declare const ZBookCardApp: StencilReactComponent<ZBookCardAppElement, ZBookCardAppEvents, Components.ZBookCardApp>;

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

package/react/z-book-card.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 ZBookCardCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZBookCard as ZBookCardElement } from "@zanichelli/albe-web-components/dist/components/z-book-card.js";
+export type ZBookCardEvents = {
+    onEbookClick: EventName<ZBookCardCustomEvent<any>>;
+    onCoverClick: EventName<ZBookCardCustomEvent<any>>;
+    onTitleClick: EventName<ZBookCardCustomEvent<any>>;
+};
+export declare const ZBookCard: StencilReactComponent<ZBookCardElement, ZBookCardEvents, Components.ZBookCard>;

package/react/z-book-card.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.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)({
+    tagName: 'z-book-card',
+    elementClass: z_book_card_js_1.ZBookCard,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: react_1.default,
+    events: {
+        onEbookClick: 'ebookClick',
+        onCoverClick: 'coverClick',
+        onTitleClick: 'titleClick'
+    },
+    defineCustomElement: z_book_card_js_1.defineCustomElement
+});

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

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

package/react/z-breadcrumb.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 BreadcrumbPath, type ZBreadcrumbCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZBreadcrumb as ZBreadcrumbElement } from "@zanichelli/albe-web-components/dist/components/z-breadcrumb.js";
+export type ZBreadcrumbEvents = {
+    onClickOnNode: EventName<ZBreadcrumbCustomEvent<BreadcrumbPath["path"]>>;
+};
+export declare const ZBreadcrumb: StencilReactComponent<ZBreadcrumbElement, ZBreadcrumbEvents, Components.ZBreadcrumb>;

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

package/react/z-button-sort.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 ZButtonSortCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZButtonSort as ZButtonSortElement } from "@zanichelli/albe-web-components/dist/components/z-button-sort.js";
+export type ZButtonSortEvents = {
+    onButtonSortClick: EventName<ZButtonSortCustomEvent<any>>;
+};
+export declare const ZButtonSort: StencilReactComponent<ZButtonSortElement, ZButtonSortEvents, Components.ZButtonSort>;

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

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

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

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

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

package/react/z-carousel.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 ZCarouselCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZCarousel as ZCarouselElement } from "@zanichelli/albe-web-components/dist/components/z-carousel.js";
+export type ZCarouselEvents = {
+    onIndexChange: EventName<ZCarouselCustomEvent<{
+        currentItem: number;
+    }>>;
+};
+export declare const ZCarousel: StencilReactComponent<ZCarouselElement, ZCarouselEvents, Components.ZCarousel>;

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

package/react/z-chip.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 ZChipCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZChip as ZChipElement } from "@zanichelli/albe-web-components/dist/components/z-chip.js";
+export type ZChipEvents = {
+    onInteractiveIconClick: EventName<ZChipCustomEvent<any>>;
+};
+export declare const ZChip: StencilReactComponent<ZChipElement, ZChipEvents, Components.ZChip>;

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

package/react/z-color-picker.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 ColorPickerPalette, type ZColorPickerCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZColorPicker as ZColorPickerElement } from "@zanichelli/albe-web-components/dist/components/z-color-picker.js";
+export type ZColorPickerEvents = {
+    onColorSelected: EventName<ZColorPickerCustomEvent<ColorPickerPalette>>;
+};
+export declare const ZColorPicker: StencilReactComponent<ZColorPickerElement, ZColorPickerEvents, Components.ZColorPicker>;

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

package/react/z-combobox.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 ZComboboxCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZCombobox as ZComboboxElement } from "@zanichelli/albe-web-components/dist/components/z-combobox.js";
+export type ZComboboxEvents = {
+    onComboboxChange: EventName<ZComboboxCustomEvent<any>>;
+};
+export declare const ZCombobox: StencilReactComponent<ZComboboxElement, ZComboboxEvents, Components.ZCombobox>;

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

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

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

package/react/z-date-picker.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 ZDatePickerCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZDatePicker as ZDatePickerElement } from "@zanichelli/albe-web-components/dist/components/z-date-picker.js";
+export type ZDatePickerEvents = {
+    onDateSelect: EventName<ZDatePickerCustomEvent<any>>;
+};
+export declare const ZDatePicker: StencilReactComponent<ZDatePickerElement, ZDatePickerEvents, Components.ZDatePicker>;

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

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

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

package/react/z-dragdrop-area.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 ZDragdropAreaCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZDragdropArea as ZDragdropAreaElement } from "@zanichelli/albe-web-components/dist/components/z-dragdrop-area.js";
+export type ZDragdropAreaEvents = {
+    onFileDropped: EventName<ZDragdropAreaCustomEvent<any>>;
+};
+export declare const ZDragdropArea: StencilReactComponent<ZDragdropAreaElement, ZDragdropAreaEvents, Components.ZDragdropArea>;

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

package/react/z-file-upload.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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 ZFileUploadCustomEvent, type ZFileUploadError } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZFileUpload as ZFileUploadElement } from "@zanichelli/albe-web-components/dist/components/z-file-upload.js";
+export type ZFileUploadEvents = {
+    onFileInput: EventName<ZFileUploadCustomEvent<File>>;
+    onFileError: EventName<ZFileUploadCustomEvent<{
+        file: string;
+        errors: ZFileUploadError[];
+    }>>;
+};
+export declare const ZFileUpload: StencilReactComponent<ZFileUploadElement, ZFileUploadEvents, Components.ZFileUpload>;

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

package/react/z-file.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 ZFileCustomEvent } from "@zanichelli/albe-web-components";
+import type { Components } from "@zanichelli/albe-web-components/dist/components";
+import { ZFile as ZFileElement } from "@zanichelli/albe-web-components/dist/components/z-file.js";
+export type ZFileEvents = {
+    onRemoveFile: EventName<ZFileCustomEvent<any>>;
+};
+export declare const ZFile: StencilReactComponent<ZFileElement, ZFileEvents, Components.ZFile>;

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

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