@zanichelli/albe-web-components 6.6.2 → 6.6.3

package/react/components.js

@@ -1,97 +1,98 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZNavigationTab = exports.ZMyzListItem = exports.ZMyzList = exports.ZMyzCardList = exports.ZMyzCardInfo = exports.ZMyzCardIcon = exports.ZMyzCardHeader = exports.ZMyzCardFooterSections = exports.ZMyzCardFooter = exports.ZMyzCardDictionary = exports.ZMyzCardCover = exports.ZMyzCardBody = exports.ZMyzCardAlert = exports.ZMyzCard = exports.ZModal = exports.ZMessagesPocket = exports.ZMenuSection = exports.ZMenu = exports.ZLogo = exports.ZListGroup = exports.ZListElement = exports.ZList = exports.ZLink = exports.ZInputMessage = exports.ZInput = exports.ZInfoReveal = exports.ZInfoBox = exports.ZIcon = exports.ZHeading = exports.ZGhostLoading = exports.ZFileUpload = exports.ZFile = exports.ZDragdropArea = exports.ZDivider = exports.ZDatePicker = exports.ZCoverHero = exports.ZContextualMenu = exports.ZCombobox = exports.ZChip = exports.ZCarousel = exports.ZCard = exports.ZButtonSort = exports.ZButton = exports.ZBody = exports.ZAvatar = exports.ZAriaAlert = exports.ZAppSwitcher = exports.ZAppHeader = exports.ZAnchorNavigation = exports.ZAlert = void 0;
-exports.ZVisuallyHidden = exports.ZTypography = exports.ZTooltip = exports.ZToggleSwitch = exports.ZToggleButton = exports.ZToastNotificationList = exports.ZToastNotification = exports.ZTag = exports.ZTableStickyFooter = exports.ZTableRow = exports.ZTableHeaderRow = exports.ZTableHeader = exports.ZTableHead = exports.ZTableFooter = exports.ZTableExpandedRow = exports.ZTableEmptyBox = exports.ZTableCell = exports.ZTableBody = exports.ZTable = exports.ZStepperItem = exports.ZStepper = exports.ZSlideshow = exports.ZSkipToContent = exports.ZSelect = exports.ZSectionTitle = exports.ZRangePicker = exports.ZPopover = exports.ZPocketMessage = exports.ZPocketHeader = exports.ZPocketBody = exports.ZPocket = exports.ZPanelElem = exports.ZPagination = exports.ZOtp = exports.ZOffcanvas = exports.ZNotification = exports.ZNavigationTabs = exports.ZNavigationTabLink = void 0;
-/* eslint-disable */
-/* tslint:disable */
-/* auto-generated react proxies */
-const react_component_lib_1 = require("./react-component-lib");
-exports.ZAlert = react_component_lib_1.createReactComponent('z-alert');
-exports.ZAnchorNavigation = react_component_lib_1.createReactComponent('z-anchor-navigation');
-exports.ZAppHeader = react_component_lib_1.createReactComponent('z-app-header');
-exports.ZAppSwitcher = react_component_lib_1.createReactComponent('z-app-switcher');
-exports.ZAriaAlert = react_component_lib_1.createReactComponent('z-aria-alert');
-exports.ZAvatar = react_component_lib_1.createReactComponent('z-avatar');
-exports.ZBody = react_component_lib_1.createReactComponent('z-body');
-exports.ZButton = react_component_lib_1.createReactComponent('z-button');
-exports.ZButtonSort = react_component_lib_1.createReactComponent('z-button-sort');
-exports.ZCard = react_component_lib_1.createReactComponent('z-card');
-exports.ZCarousel = react_component_lib_1.createReactComponent('z-carousel');
-exports.ZChip = react_component_lib_1.createReactComponent('z-chip');
-exports.ZCombobox = react_component_lib_1.createReactComponent('z-combobox');
-exports.ZContextualMenu = react_component_lib_1.createReactComponent('z-contextual-menu');
-exports.ZCoverHero = react_component_lib_1.createReactComponent('z-cover-hero');
-exports.ZDatePicker = react_component_lib_1.createReactComponent('z-date-picker');
-exports.ZDivider = react_component_lib_1.createReactComponent('z-divider');
-exports.ZDragdropArea = react_component_lib_1.createReactComponent('z-dragdrop-area');
-exports.ZFile = react_component_lib_1.createReactComponent('z-file');
-exports.ZFileUpload = react_component_lib_1.createReactComponent('z-file-upload');
-exports.ZGhostLoading = react_component_lib_1.createReactComponent('z-ghost-loading');
-exports.ZHeading = react_component_lib_1.createReactComponent('z-heading');
-exports.ZIcon = react_component_lib_1.createReactComponent('z-icon');
-exports.ZInfoBox = react_component_lib_1.createReactComponent('z-info-box');
-exports.ZInfoReveal = react_component_lib_1.createReactComponent('z-info-reveal');
-exports.ZInput = react_component_lib_1.createReactComponent('z-input');
-exports.ZInputMessage = react_component_lib_1.createReactComponent('z-input-message');
-exports.ZLink = react_component_lib_1.createReactComponent('z-link');
-exports.ZList = react_component_lib_1.createReactComponent('z-list');
-exports.ZListElement = react_component_lib_1.createReactComponent('z-list-element');
-exports.ZListGroup = react_component_lib_1.createReactComponent('z-list-group');
-exports.ZLogo = react_component_lib_1.createReactComponent('z-logo');
-exports.ZMenu = react_component_lib_1.createReactComponent('z-menu');
-exports.ZMenuSection = react_component_lib_1.createReactComponent('z-menu-section');
-exports.ZMessagesPocket = react_component_lib_1.createReactComponent('z-messages-pocket');
-exports.ZModal = react_component_lib_1.createReactComponent('z-modal');
-exports.ZMyzCard = react_component_lib_1.createReactComponent('z-myz-card');
-exports.ZMyzCardAlert = react_component_lib_1.createReactComponent('z-myz-card-alert');
-exports.ZMyzCardBody = react_component_lib_1.createReactComponent('z-myz-card-body');
-exports.ZMyzCardCover = react_component_lib_1.createReactComponent('z-myz-card-cover');
-exports.ZMyzCardDictionary = react_component_lib_1.createReactComponent('z-myz-card-dictionary');
-exports.ZMyzCardFooter = react_component_lib_1.createReactComponent('z-myz-card-footer');
-exports.ZMyzCardFooterSections = react_component_lib_1.createReactComponent('z-myz-card-footer-sections');
-exports.ZMyzCardHeader = react_component_lib_1.createReactComponent('z-myz-card-header');
-exports.ZMyzCardIcon = react_component_lib_1.createReactComponent('z-myz-card-icon');
-exports.ZMyzCardInfo = react_component_lib_1.createReactComponent('z-myz-card-info');
-exports.ZMyzCardList = react_component_lib_1.createReactComponent('z-myz-card-list');
-exports.ZMyzList = react_component_lib_1.createReactComponent('z-myz-list');
-exports.ZMyzListItem = react_component_lib_1.createReactComponent('z-myz-list-item');
-exports.ZNavigationTab = react_component_lib_1.createReactComponent('z-navigation-tab');
-exports.ZNavigationTabLink = react_component_lib_1.createReactComponent('z-navigation-tab-link');
-exports.ZNavigationTabs = react_component_lib_1.createReactComponent('z-navigation-tabs');
-exports.ZNotification = react_component_lib_1.createReactComponent('z-notification');
-exports.ZOffcanvas = react_component_lib_1.createReactComponent('z-offcanvas');
-exports.ZOtp = react_component_lib_1.createReactComponent('z-otp');
-exports.ZPagination = react_component_lib_1.createReactComponent('z-pagination');
-exports.ZPanelElem = react_component_lib_1.createReactComponent('z-panel-elem');
-exports.ZPocket = react_component_lib_1.createReactComponent('z-pocket');
-exports.ZPocketBody = react_component_lib_1.createReactComponent('z-pocket-body');
-exports.ZPocketHeader = react_component_lib_1.createReactComponent('z-pocket-header');
-exports.ZPocketMessage = react_component_lib_1.createReactComponent('z-pocket-message');
-exports.ZPopover = react_component_lib_1.createReactComponent('z-popover');
-exports.ZRangePicker = react_component_lib_1.createReactComponent('z-range-picker');
-exports.ZSectionTitle = react_component_lib_1.createReactComponent('z-section-title');
-exports.ZSelect = react_component_lib_1.createReactComponent('z-select');
-exports.ZSkipToContent = react_component_lib_1.createReactComponent('z-skip-to-content');
-exports.ZSlideshow = react_component_lib_1.createReactComponent('z-slideshow');
-exports.ZStepper = react_component_lib_1.createReactComponent('z-stepper');
-exports.ZStepperItem = react_component_lib_1.createReactComponent('z-stepper-item');
-exports.ZTable = react_component_lib_1.createReactComponent('z-table');
-exports.ZTableBody = react_component_lib_1.createReactComponent('z-table-body');
-exports.ZTableCell = react_component_lib_1.createReactComponent('z-table-cell');
-exports.ZTableEmptyBox = react_component_lib_1.createReactComponent('z-table-empty-box');
-exports.ZTableExpandedRow = react_component_lib_1.createReactComponent('z-table-expanded-row');
-exports.ZTableFooter = react_component_lib_1.createReactComponent('z-table-footer');
-exports.ZTableHead = react_component_lib_1.createReactComponent('z-table-head');
-exports.ZTableHeader = react_component_lib_1.createReactComponent('z-table-header');
-exports.ZTableHeaderRow = react_component_lib_1.createReactComponent('z-table-header-row');
-exports.ZTableRow = react_component_lib_1.createReactComponent('z-table-row');
-exports.ZTableStickyFooter = react_component_lib_1.createReactComponent('z-table-sticky-footer');
-exports.ZTag = react_component_lib_1.createReactComponent('z-tag');
-exports.ZToastNotification = react_component_lib_1.createReactComponent('z-toast-notification');
-exports.ZToastNotificationList = react_component_lib_1.createReactComponent('z-toast-notification-list');
-exports.ZToggleButton = react_component_lib_1.createReactComponent('z-toggle-button');
-exports.ZToggleSwitch = react_component_lib_1.createReactComponent('z-toggle-switch');
-exports.ZTooltip = react_component_lib_1.createReactComponent('z-tooltip');
-exports.ZTypography = react_component_lib_1.createReactComponent('z-typography');
-exports.ZVisuallyHidden = react_component_lib_1.createReactComponent('z-visually-hidden');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZNavigationTab = exports.ZMyzListItem = exports.ZMyzList = exports.ZMyzCardList = exports.ZMyzCardInfo = exports.ZMyzCardIcon = exports.ZMyzCardHeader = exports.ZMyzCardFooterSections = exports.ZMyzCardFooter = exports.ZMyzCardDictionary = exports.ZMyzCardCover = exports.ZMyzCardBody = exports.ZMyzCardAlert = exports.ZMyzCard = exports.ZModal = exports.ZMessagesPocket = exports.ZMenuSection = exports.ZMenu = exports.ZLogo = exports.ZListGroup = exports.ZListElement = exports.ZList = exports.ZLink = exports.ZInputMessage = exports.ZInput = exports.ZInfoReveal = exports.ZInfoBox = exports.ZIcon = exports.ZHeading = exports.ZGhostLoading = exports.ZFileUpload = exports.ZFile = exports.ZDragdropArea = exports.ZDivider = exports.ZDatePicker = exports.ZCoverHero = exports.ZContextualMenu = exports.ZCombobox = exports.ZChip = exports.ZCarousel = exports.ZCard = exports.ZButtonSort = exports.ZButton = exports.ZBody = exports.ZAvatar = exports.ZAriaAlert = exports.ZAppSwitcher = exports.ZAppHeader = exports.ZAnchorNavigation = exports.ZAlert = void 0;
+exports.ZVisuallyHidden = exports.ZTypography = exports.ZTooltip = exports.ZToggleSwitch = exports.ZToggleButton = exports.ZToastNotificationList = exports.ZToastNotification = exports.ZTag = exports.ZTableStickyFooter = exports.ZTableRow = exports.ZTableHeaderRow = exports.ZTableHeader = exports.ZTableHead = exports.ZTableFooter = exports.ZTableExpandedRow = exports.ZTableEmptyBox = exports.ZTableCell = exports.ZTableBody = exports.ZTable = exports.ZStepperItem = exports.ZStepper = exports.ZSlideshow = exports.ZSkipToContent = exports.ZSelect = exports.ZSectionTitle = exports.ZSearchbar = exports.ZRangePicker = exports.ZPopover = exports.ZPocketMessage = exports.ZPocketHeader = exports.ZPocketBody = exports.ZPocket = exports.ZPanelElem = exports.ZPagination = exports.ZOtp = exports.ZOffcanvas = exports.ZNotification = exports.ZNavigationTabs = exports.ZNavigationTabLink = void 0;
+/* eslint-disable */
+/* tslint:disable */
+/* auto-generated react proxies */
+const react_component_lib_1 = require("./react-component-lib");
+exports.ZAlert = react_component_lib_1.createReactComponent('z-alert');
+exports.ZAnchorNavigation = react_component_lib_1.createReactComponent('z-anchor-navigation');
+exports.ZAppHeader = react_component_lib_1.createReactComponent('z-app-header');
+exports.ZAppSwitcher = react_component_lib_1.createReactComponent('z-app-switcher');
+exports.ZAriaAlert = react_component_lib_1.createReactComponent('z-aria-alert');
+exports.ZAvatar = react_component_lib_1.createReactComponent('z-avatar');
+exports.ZBody = react_component_lib_1.createReactComponent('z-body');
+exports.ZButton = react_component_lib_1.createReactComponent('z-button');
+exports.ZButtonSort = react_component_lib_1.createReactComponent('z-button-sort');
+exports.ZCard = react_component_lib_1.createReactComponent('z-card');
+exports.ZCarousel = react_component_lib_1.createReactComponent('z-carousel');
+exports.ZChip = react_component_lib_1.createReactComponent('z-chip');
+exports.ZCombobox = react_component_lib_1.createReactComponent('z-combobox');
+exports.ZContextualMenu = react_component_lib_1.createReactComponent('z-contextual-menu');
+exports.ZCoverHero = react_component_lib_1.createReactComponent('z-cover-hero');
+exports.ZDatePicker = react_component_lib_1.createReactComponent('z-date-picker');
+exports.ZDivider = react_component_lib_1.createReactComponent('z-divider');
+exports.ZDragdropArea = react_component_lib_1.createReactComponent('z-dragdrop-area');
+exports.ZFile = react_component_lib_1.createReactComponent('z-file');
+exports.ZFileUpload = react_component_lib_1.createReactComponent('z-file-upload');
+exports.ZGhostLoading = react_component_lib_1.createReactComponent('z-ghost-loading');
+exports.ZHeading = react_component_lib_1.createReactComponent('z-heading');
+exports.ZIcon = react_component_lib_1.createReactComponent('z-icon');
+exports.ZInfoBox = react_component_lib_1.createReactComponent('z-info-box');
+exports.ZInfoReveal = react_component_lib_1.createReactComponent('z-info-reveal');
+exports.ZInput = react_component_lib_1.createReactComponent('z-input');
+exports.ZInputMessage = react_component_lib_1.createReactComponent('z-input-message');
+exports.ZLink = react_component_lib_1.createReactComponent('z-link');
+exports.ZList = react_component_lib_1.createReactComponent('z-list');
+exports.ZListElement = react_component_lib_1.createReactComponent('z-list-element');
+exports.ZListGroup = react_component_lib_1.createReactComponent('z-list-group');
+exports.ZLogo = react_component_lib_1.createReactComponent('z-logo');
+exports.ZMenu = react_component_lib_1.createReactComponent('z-menu');
+exports.ZMenuSection = react_component_lib_1.createReactComponent('z-menu-section');
+exports.ZMessagesPocket = react_component_lib_1.createReactComponent('z-messages-pocket');
+exports.ZModal = react_component_lib_1.createReactComponent('z-modal');
+exports.ZMyzCard = react_component_lib_1.createReactComponent('z-myz-card');
+exports.ZMyzCardAlert = react_component_lib_1.createReactComponent('z-myz-card-alert');
+exports.ZMyzCardBody = react_component_lib_1.createReactComponent('z-myz-card-body');
+exports.ZMyzCardCover = react_component_lib_1.createReactComponent('z-myz-card-cover');
+exports.ZMyzCardDictionary = react_component_lib_1.createReactComponent('z-myz-card-dictionary');
+exports.ZMyzCardFooter = react_component_lib_1.createReactComponent('z-myz-card-footer');
+exports.ZMyzCardFooterSections = react_component_lib_1.createReactComponent('z-myz-card-footer-sections');
+exports.ZMyzCardHeader = react_component_lib_1.createReactComponent('z-myz-card-header');
+exports.ZMyzCardIcon = react_component_lib_1.createReactComponent('z-myz-card-icon');
+exports.ZMyzCardInfo = react_component_lib_1.createReactComponent('z-myz-card-info');
+exports.ZMyzCardList = react_component_lib_1.createReactComponent('z-myz-card-list');
+exports.ZMyzList = react_component_lib_1.createReactComponent('z-myz-list');
+exports.ZMyzListItem = react_component_lib_1.createReactComponent('z-myz-list-item');
+exports.ZNavigationTab = react_component_lib_1.createReactComponent('z-navigation-tab');
+exports.ZNavigationTabLink = react_component_lib_1.createReactComponent('z-navigation-tab-link');
+exports.ZNavigationTabs = react_component_lib_1.createReactComponent('z-navigation-tabs');
+exports.ZNotification = react_component_lib_1.createReactComponent('z-notification');
+exports.ZOffcanvas = react_component_lib_1.createReactComponent('z-offcanvas');
+exports.ZOtp = react_component_lib_1.createReactComponent('z-otp');
+exports.ZPagination = react_component_lib_1.createReactComponent('z-pagination');
+exports.ZPanelElem = react_component_lib_1.createReactComponent('z-panel-elem');
+exports.ZPocket = react_component_lib_1.createReactComponent('z-pocket');
+exports.ZPocketBody = react_component_lib_1.createReactComponent('z-pocket-body');
+exports.ZPocketHeader = react_component_lib_1.createReactComponent('z-pocket-header');
+exports.ZPocketMessage = react_component_lib_1.createReactComponent('z-pocket-message');
+exports.ZPopover = react_component_lib_1.createReactComponent('z-popover');
+exports.ZRangePicker = react_component_lib_1.createReactComponent('z-range-picker');
+exports.ZSearchbar = react_component_lib_1.createReactComponent('z-searchbar');
+exports.ZSectionTitle = react_component_lib_1.createReactComponent('z-section-title');
+exports.ZSelect = react_component_lib_1.createReactComponent('z-select');
+exports.ZSkipToContent = react_component_lib_1.createReactComponent('z-skip-to-content');
+exports.ZSlideshow = react_component_lib_1.createReactComponent('z-slideshow');
+exports.ZStepper = react_component_lib_1.createReactComponent('z-stepper');
+exports.ZStepperItem = react_component_lib_1.createReactComponent('z-stepper-item');
+exports.ZTable = react_component_lib_1.createReactComponent('z-table');
+exports.ZTableBody = react_component_lib_1.createReactComponent('z-table-body');
+exports.ZTableCell = react_component_lib_1.createReactComponent('z-table-cell');
+exports.ZTableEmptyBox = react_component_lib_1.createReactComponent('z-table-empty-box');
+exports.ZTableExpandedRow = react_component_lib_1.createReactComponent('z-table-expanded-row');
+exports.ZTableFooter = react_component_lib_1.createReactComponent('z-table-footer');
+exports.ZTableHead = react_component_lib_1.createReactComponent('z-table-head');
+exports.ZTableHeader = react_component_lib_1.createReactComponent('z-table-header');
+exports.ZTableHeaderRow = react_component_lib_1.createReactComponent('z-table-header-row');
+exports.ZTableRow = react_component_lib_1.createReactComponent('z-table-row');
+exports.ZTableStickyFooter = react_component_lib_1.createReactComponent('z-table-sticky-footer');
+exports.ZTag = react_component_lib_1.createReactComponent('z-tag');
+exports.ZToastNotification = react_component_lib_1.createReactComponent('z-toast-notification');
+exports.ZToastNotificationList = react_component_lib_1.createReactComponent('z-toast-notification-list');
+exports.ZToggleButton = react_component_lib_1.createReactComponent('z-toggle-button');
+exports.ZToggleSwitch = react_component_lib_1.createReactComponent('z-toggle-switch');
+exports.ZTooltip = react_component_lib_1.createReactComponent('z-tooltip');
+exports.ZTypography = react_component_lib_1.createReactComponent('z-typography');
+exports.ZVisuallyHidden = react_component_lib_1.createReactComponent('z-visually-hidden');
 //# sourceMappingURL=components.js.map

package/react/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../src-react/components.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src-react/components.ts"],"names":[],"mappings":"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"}

package/react/index.d.ts

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

package/react/index.js

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

package/react/react-component-lib/createComponent.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-export interface HTMLStencilElement extends HTMLElement {
-    componentOnReady(): Promise<this>;
-}
-interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {
-    forwardedRef: React.RefObject<ElementType>;
-    ref?: React.Ref<any>;
-}
-export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & import("./interfaces").StyleReactProps> & React.RefAttributes<ElementType>>;
-export {};
+import React from 'react';
+export interface HTMLStencilElement extends HTMLElement {
+    componentOnReady(): Promise<this>;
+}
+interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {
+    forwardedRef: React.RefObject<ElementType>;
+    ref?: React.Ref<any>;
+}
+export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & import("./interfaces").StyleReactProps> & React.RefAttributes<ElementType>>;
+export {};

package/react/react-component-lib/createComponent.js

@@ -1,98 +1,98 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createReactComponent = void 0;
-const react_1 = __importStar(require("react"));
-const utils_1 = require("./utils");
-const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
-    if (defineCustomElement !== undefined) {
-        defineCustomElement();
-    }
-    const displayName = utils_1.dashToPascalCase(tagName);
-    const ReactComponent = class extends react_1.default.Component {
-        constructor(props) {
-            super(props);
-            this.setComponentElRef = (element) => {
-                this.componentEl = element;
-            };
-        }
-        componentDidMount() {
-            this.componentDidUpdate(this.props);
-        }
-        componentDidUpdate(prevProps) {
-            utils_1.attachProps(this.componentEl, this.props, prevProps);
-        }
-        render() {
-            const _a = this.props, { children, forwardedRef, style, className, ref } = _a, cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
-            let propsToPass = Object.keys(cProps).reduce((acc, name) => {
-                const value = cProps[name];
-                if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
-                    const eventName = name.substring(2).toLowerCase();
-                    if (typeof document !== 'undefined' && utils_1.isCoveredByReact(eventName)) {
-                        acc[name] = value;
-                    }
-                }
-                else {
-                    // we should only render strings, booleans, and numbers as attrs in html.
-                    // objects, functions, arrays etc get synced via properties on mount.
-                    const type = typeof value;
-                    if (type === 'string' || type === 'boolean' || type === 'number') {
-                        acc[utils_1.camelToDashCase(name)] = value;
-                    }
-                }
-                return acc;
-            }, {});
-            if (manipulatePropsFunction) {
-                propsToPass = manipulatePropsFunction(this.props, propsToPass);
-            }
-            const newProps = Object.assign(Object.assign({}, propsToPass), { ref: utils_1.mergeRefs(forwardedRef, this.setComponentElRef), style });
-            /**
-             * We use createElement here instead of
-             * React.createElement to work around a
-             * bug in Vite (https://github.com/vitejs/vite/issues/6104).
-             * React.createElement causes all elements to be rendered
-             * as <tagname> instead of the actual Web Component.
-             */
-            return react_1.createElement(tagName, newProps, children);
-        }
-        static get displayName() {
-            return displayName;
-        }
-    };
-    // If context was passed to createReactComponent then conditionally add it to the Component Class
-    if (ReactComponentContext) {
-        ReactComponent.contextType = ReactComponentContext;
-    }
-    return utils_1.createForwardRef(ReactComponent, displayName);
-};
-exports.createReactComponent = createReactComponent;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createReactComponent = void 0;
+const react_1 = __importStar(require("react"));
+const utils_1 = require("./utils");
+const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
+    if (defineCustomElement !== undefined) {
+        defineCustomElement();
+    }
+    const displayName = utils_1.dashToPascalCase(tagName);
+    const ReactComponent = class extends react_1.default.Component {
+        constructor(props) {
+            super(props);
+            this.setComponentElRef = (element) => {
+                this.componentEl = element;
+            };
+        }
+        componentDidMount() {
+            this.componentDidUpdate(this.props);
+        }
+        componentDidUpdate(prevProps) {
+            utils_1.attachProps(this.componentEl, this.props, prevProps);
+        }
+        render() {
+            const _a = this.props, { children, forwardedRef, style, className, ref } = _a, cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
+            let propsToPass = Object.keys(cProps).reduce((acc, name) => {
+                const value = cProps[name];
+                if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
+                    const eventName = name.substring(2).toLowerCase();
+                    if (typeof document !== 'undefined' && utils_1.isCoveredByReact(eventName)) {
+                        acc[name] = value;
+                    }
+                }
+                else {
+                    // we should only render strings, booleans, and numbers as attrs in html.
+                    // objects, functions, arrays etc get synced via properties on mount.
+                    const type = typeof value;
+                    if (type === 'string' || type === 'boolean' || type === 'number') {
+                        acc[utils_1.camelToDashCase(name)] = value;
+                    }
+                }
+                return acc;
+            }, {});
+            if (manipulatePropsFunction) {
+                propsToPass = manipulatePropsFunction(this.props, propsToPass);
+            }
+            const newProps = Object.assign(Object.assign({}, propsToPass), { ref: utils_1.mergeRefs(forwardedRef, this.setComponentElRef), style });
+            /**
+             * We use createElement here instead of
+             * React.createElement to work around a
+             * bug in Vite (https://github.com/vitejs/vite/issues/6104).
+             * React.createElement causes all elements to be rendered
+             * as <tagname> instead of the actual Web Component.
+             */
+            return react_1.createElement(tagName, newProps, children);
+        }
+        static get displayName() {
+            return displayName;
+        }
+    };
+    // If context was passed to createReactComponent then conditionally add it to the Component Class
+    if (ReactComponentContext) {
+        ReactComponent.contextType = ReactComponentContext;
+    }
+    return utils_1.createForwardRef(ReactComponent, displayName);
+};
+exports.createReactComponent = createReactComponent;
 //# sourceMappingURL=createComponent.js.map

package/react/react-component-lib/createOverlayComponent.d.ts

@@ -1,21 +1,21 @@
-import React from 'react';
-import { OverlayEventDetail } from './interfaces';
-import { StencilReactForwardedRef } from './utils';
-interface OverlayElement extends HTMLElement {
-    present: () => Promise<void>;
-    dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;
-}
-export interface ReactOverlayProps {
-    children?: React.ReactNode;
-    isOpen: boolean;
-    onDidDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
-    onDidPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
-    onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
-    onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
-}
-export declare const createOverlayComponent: <OverlayComponent extends object, OverlayType extends OverlayElement>(tagName: string, controller: {
-    create: (options: any) => Promise<OverlayType>;
-}, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<OverlayComponent & ReactOverlayProps & {
-    forwardedRef?: StencilReactForwardedRef<OverlayType>;
-}> & React.RefAttributes<OverlayType>>;
-export {};
+import React from 'react';
+import { OverlayEventDetail } from './interfaces';
+import { StencilReactForwardedRef } from './utils';
+interface OverlayElement extends HTMLElement {
+    present: () => Promise<void>;
+    dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;
+}
+export interface ReactOverlayProps {
+    children?: React.ReactNode;
+    isOpen: boolean;
+    onDidDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
+    onDidPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
+    onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
+    onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
+}
+export declare const createOverlayComponent: <OverlayComponent extends object, OverlayType extends OverlayElement>(tagName: string, controller: {
+    create: (options: any) => Promise<OverlayType>;
+}, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<OverlayComponent & ReactOverlayProps & {
+    forwardedRef?: StencilReactForwardedRef<OverlayType>;
+}> & React.RefAttributes<OverlayType>>;
+export {};