@patternfly/react-core 5.1.1 → 5.2.0-prerelease.2

package/dist/js/components/Wizard/Wizard.d.ts

@@ -33,7 +33,7 @@ export interface WizardProps extends React.HTMLProps<HTMLDivElement> {
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
 export declare const Wizard: {
-    ({ children, footer, height, width, className, header, nav, startIndex, isVisitRequired, isProgressive, onStepChange, onSave, onClose, ...wrapperProps }: WizardProps): JSX.Element;
+    ({ children, footer, height, width, className, header, nav, startIndex, isVisitRequired, isProgressive, onStepChange, onSave, onClose, ...wrapperProps }: WizardProps): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=Wizard.d.ts.map

package/dist/js/components/Wizard/WizardBody.d.ts

@@ -19,7 +19,7 @@ export interface WizardBodyProps {
     component?: React.ElementType;
 }
 export declare const WizardBody: {
-    ({ children, hasNoPadding, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, component }: WizardBodyProps): JSX.Element;
+    ({ children, hasNoPadding, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, component }: WizardBodyProps): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=WizardBody.d.ts.map

package/dist/js/components/Wizard/WizardFooter.d.ts

@@ -34,11 +34,11 @@ interface WizardFooterWrapperProps {
     children: React.ReactNode;
 }
 export declare const WizardFooterWrapper: {
-    ({ children }: WizardFooterWrapperProps): JSX.Element;
+    ({ children }: WizardFooterWrapperProps): React.JSX.Element;
     displayName: string;
 };
 export declare const WizardFooter: {
-    ({ activeStep, ...internalProps }: WizardFooterProps): JSX.Element;
+    ({ activeStep, ...internalProps }: WizardFooterProps): React.JSX.Element;
     displayName: string;
 };
 export {};

package/dist/js/components/Wizard/WizardNavInternal.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { WizardProps } from './Wizard';
 import { WizardNavProps } from './WizardNav';
 /**
@@ -9,6 +9,6 @@ interface WizardNavInternalProps extends Pick<WizardProps, 'isVisitRequired' | '
     nav: Partial<WizardNavProps>;
     isNavExpanded: boolean;
 }
-export declare const WizardNavInternal: ({ nav, isVisitRequired, isProgressive, isNavExpanded }: WizardNavInternalProps) => JSX.Element;
+export declare const WizardNavInternal: ({ nav, isVisitRequired, isProgressive, isNavExpanded }: WizardNavInternalProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=WizardNavInternal.d.ts.map

package/dist/js/components/Wizard/WizardNavInternal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardNavInternal.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardNavInternal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAGxD;;;GAGG;AAEH,UAAU,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,iBAAiB,GAAG,eAAe,CAAC;IAC7F,GAAG,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,2DAA4D,sBAAsB,gBA+H/G,CAAC"}
+{"version":3,"file":"WizardNavInternal.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardNavInternal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAGxD;;;GAGG;AAEH,UAAU,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,iBAAiB,GAAG,eAAe,CAAC;IAC7F,GAAG,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,2DAA4D,sBAAsB,sBA+H/G,CAAC"}

package/dist/js/components/Wizard/WizardNavItem.d.ts

@@ -29,7 +29,7 @@ export interface WizardNavItemProps extends OUIAProps {
     status?: 'default' | 'error';
 }
 export declare const WizardNavItem: {
-    ({ children, content, isCurrent, isDisabled, isVisited, stepIndex, onClick, component: NavItemComponent, href, isExpandable, id, status, target, ouiaId, ouiaSafe }: WizardNavItemProps): JSX.Element;
+    ({ children, content, isCurrent, isDisabled, isVisited, stepIndex, onClick, component: NavItemComponent, href, isExpandable, id, status, target, ouiaId, ouiaSafe }: WizardNavItemProps): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=WizardNavItem.d.ts.map

package/dist/js/components/Wizard/WizardStep.d.ts

@@ -30,7 +30,7 @@ export interface WizardStepProps {
     isExpandable?: boolean;
 }
 export declare const WizardStep: {
-    ({ children, steps: _subSteps, ...props }: WizardStepProps): JSX.Element;
+    ({ children, steps: _subSteps, ...props }: WizardStepProps): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=WizardStep.d.ts.map

package/dist/js/components/Wizard/WizardToggle.d.ts

@@ -21,7 +21,7 @@ export interface WizardToggleProps {
     toggleNavExpanded?: (event: React.MouseEvent<HTMLButtonElement> | KeyboardEvent) => void;
 }
 export declare const WizardToggle: {
-    ({ steps, activeStep, footer, nav, isNavExpanded, toggleNavExpanded, "aria-label": ariaLabel }: WizardToggleProps): JSX.Element;
+    ({ steps, activeStep, footer, nav, isNavExpanded, toggleNavExpanded, "aria-label": ariaLabel }: WizardToggleProps): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=WizardToggle.d.ts.map

package/dist/js/demos/DashboardHeader.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface DashboardHeaderProps {
+    /** Render custom notification badge */
+    notificationBadge?: React.ReactNode;
+}
+export declare const DashboardHeader: React.FC<DashboardHeaderProps>;
+export {};
+//# sourceMappingURL=DashboardHeader.d.ts.map

package/dist/js/demos/DashboardHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardHeader.d.ts","sourceRoot":"","sources":["../../../src/demos/DashboardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAgCxC,UAAU,oBAAoB;IAC5B,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+J1D,CAAC"}

package/dist/js/demos/DashboardHeader.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DashboardHeader = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const components_1 = require("../components");
+const bars_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/bars-icon'));
+const cog_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/cog-icon'));
+const help_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/help-icon'));
+const question_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/question-circle-icon'));
+const bell_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/bell-icon'));
+const ellipsis_v_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/ellipsis-v-icon'));
+const avatarImg_svg_1 = tslib_1.__importDefault(require("@patternfly/react-core/src/components/assets/avatarImg.svg"));
+const pf_logo_svg_1 = tslib_1.__importDefault(require("@patternfly/react-core/src/demos/assets/pf-logo.svg"));
+const DashboardHeader = ({ notificationBadge }) => {
+    const [isDropdownOpen, setIsDropdownOpen] = (0, react_1.useState)(false);
+    const [isKebabDropdownOpen, setIsKebabDropdownOpen] = (0, react_1.useState)(false);
+    const [isFullKebabDropdownOpen, setIsFullKebabDropdownOpen] = (0, react_1.useState)(false);
+    const kebabDropdownItems = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(components_1.DropdownItem, null,
+            react_1.default.createElement(cog_icon_1.default, null),
+            " Settings"),
+        react_1.default.createElement(components_1.DropdownItem, null,
+            react_1.default.createElement(help_icon_1.default, null),
+            " Help")));
+    const userDropdownItems = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(components_1.DropdownItem, { key: "group 2 profile" }, "My profile"),
+        react_1.default.createElement(components_1.DropdownItem, { key: "group 2 user" }, "User management"),
+        react_1.default.createElement(components_1.DropdownItem, { key: "group 2 logout" }, "Logout")));
+    const onDropdownToggle = () => {
+        setIsDropdownOpen(!isDropdownOpen);
+    };
+    const onDropdownSelect = () => {
+        setIsDropdownOpen(false);
+    };
+    const onKebabDropdownToggle = () => {
+        setIsKebabDropdownOpen(!isKebabDropdownOpen);
+    };
+    const onKebabDropdownSelect = () => {
+        setIsKebabDropdownOpen(false);
+    };
+    const onFullKebabToggle = () => {
+        setIsFullKebabDropdownOpen(!isFullKebabDropdownOpen);
+    };
+    const onFullKebabSelect = () => {
+        setIsFullKebabDropdownOpen(false);
+    };
+    return (react_1.default.createElement(components_1.Masthead, null,
+        react_1.default.createElement(components_1.MastheadToggle, null,
+            react_1.default.createElement(components_1.PageToggleButton, { variant: "plain", "aria-label": "Global navigation" },
+                react_1.default.createElement(bars_icon_1.default, null))),
+        react_1.default.createElement(components_1.MastheadMain, null,
+            react_1.default.createElement(components_1.MastheadBrand, null,
+                react_1.default.createElement(components_1.Brand, { src: pf_logo_svg_1.default, alt: "PatternFly", heights: { default: '36px' } }))),
+        react_1.default.createElement(components_1.MastheadContent, null,
+            react_1.default.createElement(components_1.Toolbar, { id: "toolbar", isFullHeight: true, isStatic: true },
+                react_1.default.createElement(components_1.ToolbarContent, null,
+                    react_1.default.createElement(components_1.ToolbarGroup, { variant: "icon-button-group", align: { default: 'alignRight' }, spacer: { default: 'spacerNone', md: 'spacerMd' } }, notificationBadge !== null && notificationBadge !== void 0 ? notificationBadge : (react_1.default.createElement(components_1.ToolbarItem, null,
+                        react_1.default.createElement(components_1.Button, { "aria-label": "Notifications", variant: components_1.ButtonVariant.plain, icon: react_1.default.createElement(bell_icon_1.default, null), onClick: () => { } }))),
+                        react_1.default.createElement(components_1.ToolbarGroup, { variant: "icon-button-group", visibility: { default: 'hidden', lg: 'visible' } },
+                            react_1.default.createElement(components_1.ToolbarItem, null,
+                                react_1.default.createElement(components_1.Button, { "aria-label": "Settings", variant: components_1.ButtonVariant.plain, icon: react_1.default.createElement(cog_icon_1.default, null) })),
+                            react_1.default.createElement(components_1.ToolbarItem, null,
+                                react_1.default.createElement(components_1.Button, { "aria-label": "Help", variant: components_1.ButtonVariant.plain, icon: react_1.default.createElement(question_circle_icon_1.default, null) }))),
+                        react_1.default.createElement(components_1.ToolbarItem, { visibility: { default: 'hidden', md: 'visible', lg: 'hidden' } },
+                            react_1.default.createElement(components_1.Dropdown, { isOpen: isKebabDropdownOpen, onSelect: onKebabDropdownSelect, onOpenChange: setIsKebabDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => (react_1.default.createElement(components_1.MenuToggle, { ref: toggleRef, isExpanded: isKebabDropdownOpen, onClick: onKebabDropdownToggle, variant: "plain", "aria-label": "Settings and help" },
+                                    react_1.default.createElement(ellipsis_v_icon_1.default, { "aria-hidden": "true" }))) },
+                                react_1.default.createElement(components_1.DropdownList, null, kebabDropdownItems))),
+                        react_1.default.createElement(components_1.ToolbarItem, { visibility: { md: 'hidden' } },
+                            react_1.default.createElement(components_1.Dropdown, { isOpen: isFullKebabDropdownOpen, onSelect: onFullKebabSelect, onOpenChange: setIsFullKebabDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => (react_1.default.createElement(components_1.MenuToggle, { ref: toggleRef, isExpanded: isFullKebabDropdownOpen, onClick: onFullKebabToggle, variant: "plain", "aria-label": "Toolbar menu" },
+                                    react_1.default.createElement(ellipsis_v_icon_1.default, { "aria-hidden": "true" }))) },
+                                react_1.default.createElement(components_1.DropdownGroup, { key: "group 2", "aria-label": "User actions" },
+                                    react_1.default.createElement(components_1.DropdownList, null, userDropdownItems)),
+                                react_1.default.createElement(components_1.Divider, null),
+                                react_1.default.createElement(components_1.DropdownList, null, kebabDropdownItems)))),
+                    react_1.default.createElement(components_1.ToolbarItem, { visibility: { default: 'hidden', md: 'visible' } },
+                        react_1.default.createElement(components_1.Dropdown, { isOpen: isDropdownOpen, onSelect: onDropdownSelect, onOpenChange: setIsDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => (react_1.default.createElement(components_1.MenuToggle, { ref: toggleRef, isExpanded: isDropdownOpen, onClick: onDropdownToggle, icon: react_1.default.createElement(components_1.Avatar, { src: avatarImg_svg_1.default, alt: "" }), isFullHeight: true }, "Ned Username")) },
+                            react_1.default.createElement(components_1.DropdownList, null, userDropdownItems))))))));
+};
+exports.DashboardHeader = DashboardHeader;
+exports.DashboardHeader.displayName = 'DashboardHeader';
+//# sourceMappingURL=DashboardHeader.js.map

package/dist/js/demos/DashboardHeader.js.map

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

package/dist/js/demos/DashboardWrapper.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { PageProps } from '../components';
+interface DashboardWrapperProps extends Omit<PageProps, 'ref'> {
+    /** Programmatically manage if the sidebar nav is shown */
+    sidebarNavOpen?: boolean;
+    /** Flag to render sample breadcrumb if custom breadcrumb not passed */
+    hasDefaultBreadcrumb?: boolean;
+    /** Flag to render sample page title if custom title not passed */
+    hasPageTemplateTitle?: boolean;
+}
+export declare const DashboardBreadcrumb: React.JSX.Element;
+export declare const DashboardWrapper: React.FC<DashboardWrapperProps>;
+export {};
+//# sourceMappingURL=DashboardWrapper.d.ts.map

package/dist/js/demos/DashboardWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardWrapper.d.ts","sourceRoot":"","sources":["../../../src/demos/DashboardWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAOL,SAAS,EAOV,MAAM,eAAe,CAAC;AAGvB,UAAU,qBAAsB,SAAQ,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;IAC5D,0DAA0D;IAC1D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uEAAuE;IACvE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kEAAkE;IAClE,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,mBAAmB,mBAS/B,CAAC;AAWF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+E5D,CAAC"}

package/dist/js/demos/DashboardWrapper.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DashboardWrapper = exports.DashboardBreadcrumb = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const components_1 = require("../components");
+const DashboardHeader_1 = require("./DashboardHeader");
+exports.DashboardBreadcrumb = (react_1.default.createElement(components_1.Breadcrumb, null,
+    react_1.default.createElement(components_1.BreadcrumbItem, null, "Section home"),
+    react_1.default.createElement(components_1.BreadcrumbItem, { to: "#" }, "Section title"),
+    react_1.default.createElement(components_1.BreadcrumbItem, { to: "#" }, "Section title"),
+    react_1.default.createElement(components_1.BreadcrumbItem, { to: "#", isActive: true }, "Section landing")));
+const PageTemplateTitle = (react_1.default.createElement(components_1.PageSection, { variant: "light" },
+    react_1.default.createElement(components_1.TextContent, null,
+        react_1.default.createElement(components_1.Text, { component: "h1" }, "Main title"),
+        react_1.default.createElement(components_1.Text, { component: "p" }, "This is a full page demo."))));
+const DashboardWrapper = (_a) => {
+    var { children, mainContainerId, breadcrumb, header, sidebar, sidebarNavOpen, onPageResize, hasDefaultBreadcrumb, notificationDrawer, isNotificationDrawerExpanded, hasPageTemplateTitle } = _a, pageProps = tslib_1.__rest(_a, ["children", "mainContainerId", "breadcrumb", "header", "sidebar", "sidebarNavOpen", "onPageResize", "hasDefaultBreadcrumb", "notificationDrawer", "isNotificationDrawerExpanded", "hasPageTemplateTitle"]);
+    const [activeItem, setActiveItem] = (0, react_1.useState)(1);
+    const onNavSelect = (_event, result) => {
+        setActiveItem(result.itemId);
+    };
+    let renderedBreadcrumb;
+    if (!hasDefaultBreadcrumb) {
+        renderedBreadcrumb = breadcrumb !== null && breadcrumb !== void 0 ? breadcrumb : exports.DashboardBreadcrumb;
+    }
+    const PageNav = (react_1.default.createElement(components_1.Nav, { onSelect: onNavSelect, "aria-label": "Nav" },
+        react_1.default.createElement(components_1.NavList, null,
+            react_1.default.createElement(components_1.NavItem, { itemId: 0, isActive: activeItem === 0, to: "#system-panel" }, "System panel"),
+            react_1.default.createElement(components_1.NavItem, { itemId: 1, isActive: activeItem === 1, to: "#policy" }, "Policy"),
+            react_1.default.createElement(components_1.NavItem, { itemId: 2, isActive: activeItem === 2, to: "#auth" }, "Authentication"),
+            react_1.default.createElement(components_1.NavItem, { itemId: 3, isActive: activeItem === 3, to: "#network" }, "Network services"),
+            react_1.default.createElement(components_1.NavItem, { itemId: 4, isActive: activeItem === 4, to: "#server" }, "Server"))));
+    const _sidebar = (react_1.default.createElement(components_1.PageSidebar, { isSidebarOpen: sidebarNavOpen || false },
+        react_1.default.createElement(components_1.PageSidebarBody, null, PageNav)));
+    const PageSkipToContent = (react_1.default.createElement(components_1.SkipToContent, { href: `#${mainContainerId !== null && mainContainerId !== void 0 ? mainContainerId : 'main-content-page-layout-default-nav'}` }, "Skip to content"));
+    return (react_1.default.createElement(components_1.Page, Object.assign({ header: header !== null && header !== void 0 ? header : react_1.default.createElement(DashboardHeader_1.DashboardHeader, null), sidebar: sidebar !== null && sidebar !== void 0 ? sidebar : _sidebar, isManagedSidebar: true, skipToContent: PageSkipToContent, breadcrumb: renderedBreadcrumb, mainContainerId: mainContainerId !== null && mainContainerId !== void 0 ? mainContainerId : 'main-content-page-layout-default-nav', notificationDrawer: notificationDrawer, isNotificationDrawerExpanded: isNotificationDrawerExpanded }, (typeof onPageResize === 'function' && {
+        onPageResize: (event, resizeObject) => onPageResize(event, resizeObject)
+    }), pageProps),
+        hasPageTemplateTitle && PageTemplateTitle,
+        children));
+};
+exports.DashboardWrapper = DashboardWrapper;
+exports.DashboardWrapper.displayName = 'DashboardWrapper';
+//# sourceMappingURL=DashboardWrapper.js.map

package/dist/js/demos/DashboardWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardWrapper.js","sourceRoot":"","sources":["../../../src/demos/DashboardWrapper.tsx"],"names":[],"mappings":";;;;AAAA,uDAAwC;AACxC,8CAcuB;AACvB,uDAAoD;AAWvC,QAAA,mBAAmB,GAAG,CACjC,8BAAC,uBAAU;IACT,8BAAC,2BAAc,uBAA8B;IAC7C,8BAAC,2BAAc,IAAC,EAAE,EAAC,GAAG,oBAA+B;IACrD,8BAAC,2BAAc,IAAC,EAAE,EAAC,GAAG,oBAA+B;IACrD,8BAAC,2BAAc,IAAC,EAAE,EAAC,GAAG,EAAC,QAAQ,4BAEd,CACN,CACd,CAAC;AAEF,MAAM,iBAAiB,GAAG,CACxB,8BAAC,wBAAW,IAAC,OAAO,EAAC,OAAO;IAC1B,8BAAC,wBAAW;QACV,8BAAC,iBAAI,IAAC,SAAS,EAAC,IAAI,iBAAkB;QACtC,8BAAC,iBAAI,IAAC,SAAS,EAAC,GAAG,gCAAiC,CACxC,CACF,CACf,CAAC;AAEK,MAAM,gBAAgB,GAAoC,CAAC,EAa1C,EAAE,EAAE;QAbsC,EAChE,QAAQ,EACR,eAAe,EACf,UAAU,EACV,MAAM,EACN,OAAO,EACP,cAAc,EACd,YAAY,EACZ,oBAAoB,EACpB,kBAAkB,EAClB,4BAA4B,EAC5B,oBAAoB,OAEE,EADnB,SAAS,sBAZoD,0MAajE,CADa;IAEZ,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAEhD,MAAM,WAAW,GAAG,CAAC,MAAyC,EAAE,MAAW,EAAE,EAAE;QAC7E,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAI,kBAAkB,CAAC;IACvB,IAAI,CAAC,oBAAoB,EAAE;QACzB,kBAAkB,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,2BAAmB,CAAC;KACxD;IAED,MAAM,OAAO,GAAG,CACd,8BAAC,gBAAG,IAAC,QAAQ,EAAE,WAAW,gBAAa,KAAK;QAC1C,8BAAC,oBAAO;YACN,8BAAC,oBAAO,IAAC,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,KAAK,CAAC,EAAE,EAAE,EAAC,eAAe,mBAExD;YACV,8BAAC,oBAAO,IAAC,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,KAAK,CAAC,EAAE,EAAE,EAAC,SAAS,aAElD;YACV,8BAAC,oBAAO,IAAC,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,KAAK,CAAC,EAAE,EAAE,EAAC,OAAO,qBAEhD;YACV,8BAAC,oBAAO,IAAC,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,KAAK,CAAC,EAAE,EAAE,EAAC,UAAU,uBAEnD;YACV,8BAAC,oBAAO,IAAC,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,KAAK,CAAC,EAAE,EAAE,EAAC,SAAS,aAElD,CACF,CACN,CACP,CAAC;IAEF,MAAM,QAAQ,GAAG,CACf,8BAAC,wBAAW,IAAC,aAAa,EAAE,cAAc,IAAI,KAAK;QACjD,8BAAC,4BAAe,QAAE,OAAO,CAAmB,CAChC,CACf,CAAC;IAEF,MAAM,iBAAiB,GAAG,CACxB,8BAAC,0BAAa,IAAC,IAAI,EAAE,IAAI,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,sCAAsC,EAAE,sBAEpE,CACjB,CAAC;IAEF,OAAO,CACL,8BAAC,iBAAI,kBACH,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,8BAAC,iCAAe,OAAG,EACrC,OAAO,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,QAAQ,EAC5B,gBAAgB,QAChB,aAAa,EAAE,iBAAiB,EAChC,UAAU,EAAE,kBAAkB,EAC9B,eAAe,EAAE,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,sCAAsC,EAC1E,kBAAkB,EAAE,kBAAkB,EACtC,4BAA4B,EAAE,4BAA4B,IACtD,CAAC,OAAO,YAAY,KAAK,UAAU,IAAI;QACzC,YAAY,EAAE,CAAC,KAA6D,EAAE,YAAiB,EAAE,EAAE,CACjG,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC;KACpC,CAAC,EACE,SAAS;QAEZ,oBAAoB,IAAI,iBAAiB;QACzC,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AA/EW,QAAA,gBAAgB,oBA+E3B;AACF,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/js/demos/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DashboardHeader';
+export * from './DashboardWrapper';
+//# sourceMappingURL=index.d.ts.map

package/dist/js/demos/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/demos/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}

package/dist/js/demos/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DashboardHeader"), exports);
+tslib_1.__exportStar(require("./DashboardWrapper"), exports);
+//# sourceMappingURL=index.js.map

package/dist/js/demos/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/demos/index.ts"],"names":[],"mappings":";;;AAAA,4DAAkC;AAClC,6DAAmC"}

package/dist/js/deprecated/components/ApplicationLauncher/ApplicationLauncher.d.ts

@@ -53,8 +53,8 @@ export interface ApplicationLauncherProps extends React.HTMLProps<HTMLDivElement
 declare class ApplicationLauncher extends React.Component<ApplicationLauncherProps> {
     static displayName: string;
     static defaultProps: ApplicationLauncherProps;
-    createSearchBox: () => JSX.Element;
-    render(): JSX.Element;
+    createSearchBox: () => React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export { ApplicationLauncher };
 //# sourceMappingURL=ApplicationLauncher.d.ts.map

package/dist/js/deprecated/components/ApplicationLauncher/ApplicationLauncher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationLauncher.d.ts","sourceRoot":"","sources":["../../../../../src/deprecated/components/ApplicationLauncher/ApplicationLauncher.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAmC,MAAM,aAAa,CAAC;AASnG,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC/E,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,iBAAiB,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,0CAA0C;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC1B,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,gBAAgB,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/C,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAC/G,MAAM,EAAE,OAAO,KACZ,IAAI,CAAC;IACV,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qEAAqE;IACrE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvE,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,sGAAsG;IACtG,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACnH,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACjF,wCAAwC;IACxC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,6CAA6C;IAC7C,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,cAAM,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,wBAAwB,CAAC;IACzE,MAAM,CAAC,WAAW,SAAyB;IAC3C,MAAM,CAAC,YAAY,EAAE,wBAAwB,CAmB3C;IAEF,eAAe,oBAUb;IAEF,MAAM;CAuGP;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"ApplicationLauncher.d.ts","sourceRoot":"","sources":["../../../../../src/deprecated/components/ApplicationLauncher/ApplicationLauncher.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAmC,MAAM,aAAa,CAAC;AASnG,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC/E,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,iBAAiB,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,0CAA0C;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC1B,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,gBAAgB,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/C,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAC/G,MAAM,EAAE,OAAO,KACZ,IAAI,CAAC;IACV,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qEAAqE;IACrE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvE,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,sGAAsG;IACtG,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACnH,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACjF,wCAAwC;IACxC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,6CAA6C;IAC7C,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,cAAM,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,wBAAwB,CAAC;IACzE,MAAM,CAAC,WAAW,SAAyB;IAC3C,MAAM,CAAC,YAAY,EAAE,wBAAwB,CAmB3C;IAEF,eAAe,0BAUb;IAEF,MAAM;CAuGP;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/js/deprecated/components/ContextSelector/ContextSelector.d.ts

@@ -69,7 +69,7 @@ declare class ContextSelector extends React.Component<ContextSelectorProps, {
     constructor(props: ContextSelectorProps);
     parentRef: React.RefObject<HTMLDivElement>;
     popperRef: React.RefObject<HTMLDivElement>;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { ContextSelector };
 //# sourceMappingURL=ContextSelector.d.ts.map

package/dist/js/deprecated/components/ContextSelector/ContextSelectorItem.d.ts

@@ -20,7 +20,7 @@ declare class ContextSelectorItem extends React.Component<ContextSelectorItemPro
     static defaultProps: ContextSelectorItemProps;
     ref: React.RefObject<HTMLButtonElement & HTMLAnchorElement>;
     componentDidMount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { ContextSelectorItem };
 //# sourceMappingURL=ContextSelectorItem.d.ts.map

package/dist/js/deprecated/components/ContextSelector/ContextSelectorMenuList.d.ts

@@ -15,7 +15,7 @@ declare class ContextSelectorMenuList extends React.Component<ContextSelectorMen
     refsCollection: any;
     sendRef: (index: number, ref: any) => void;
     extendChildren(): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
-    render: () => JSX.Element;
+    render: () => React.JSX.Element;
 }
 export { ContextSelectorMenuList };
 //# sourceMappingURL=ContextSelectorMenuList.d.ts.map

package/dist/js/deprecated/components/ContextSelector/ContextSelectorMenuList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextSelectorMenuList.d.ts","sourceRoot":"","sources":["../../../../../src/deprecated/components/ContextSelector/ContextSelectorMenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,4BAA4B;IAC3C,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,cAAM,uBAAwB,SAAQ,KAAK,CAAC,SAAS,CAAC,4BAA4B,CAAC;IACjF,MAAM,CAAC,WAAW,SAA6B;IAC/C,MAAM,CAAC,YAAY,EAAE,4BAA4B,CAI/C;IAEF,cAAc,MAAa;IAE3B,OAAO,UAAW,MAAM,OAAO,GAAG,UAEhC;IAEF,cAAc;IAUd,MAAM,oBAQJ;CACH;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"ContextSelectorMenuList.d.ts","sourceRoot":"","sources":["../../../../../src/deprecated/components/ContextSelector/ContextSelectorMenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,4BAA4B;IAC3C,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,cAAM,uBAAwB,SAAQ,KAAK,CAAC,SAAS,CAAC,4BAA4B,CAAC;IACjF,MAAM,CAAC,WAAW,SAA6B;IAC/C,MAAM,CAAC,YAAY,EAAE,4BAA4B,CAI/C;IAEF,cAAc,MAAa;IAE3B,OAAO,UAAW,MAAM,OAAO,GAAG,UAEhC;IAEF,cAAc;IAUd,MAAM,0BAQJ;CACH;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/js/deprecated/components/ContextSelector/ContextSelectorToggle.d.ts

@@ -33,7 +33,7 @@ declare class ContextSelectorToggle extends React.Component<ContextSelectorToggl
     onDocClick: (event: any) => void;
     onEscPress: (event: any) => void;
     onKeyDown: (event: any) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { ContextSelectorToggle };
 //# sourceMappingURL=ContextSelectorToggle.d.ts.map

package/dist/js/deprecated/components/Dropdown/DropdownMenu.d.ts

@@ -47,7 +47,7 @@ declare class DropdownMenu extends React.Component<DropdownMenuProps> {
     childKeyHandler: (index: number, innerIndex: number, position: string, custom?: boolean) => void;
     sendRef: (index: number, nodes: any[], isDisabled: boolean, isSeparator: boolean) => void;
     extendChildren(): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { DropdownMenu };
 //# sourceMappingURL=DropdownMenu.d.ts.map

package/dist/js/deprecated/components/Dropdown/DropdownToggleAction.d.ts

@@ -16,7 +16,7 @@ export interface DropdownToggleActionProps {
 declare class DropdownToggleAction extends React.Component<DropdownToggleActionProps> {
     static displayName: string;
     static defaultProps: DropdownToggleActionProps;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { DropdownToggleAction };
 //# sourceMappingURL=DropdownToggleAction.d.ts.map

package/dist/js/deprecated/components/Dropdown/DropdownToggleCheckbox.d.ts

@@ -39,7 +39,7 @@ declare class DropdownToggleCheckbox extends React.Component<DropdownToggleCheck
     constructor(props: DropdownToggleCheckboxProps);
     handleChange: (event: React.FormEvent<HTMLInputElement>) => void;
     calculateChecked: () => boolean;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { DropdownToggleCheckbox };
 //# sourceMappingURL=DropdownToggleCheckbox.d.ts.map

package/dist/js/deprecated/components/Dropdown/DropdownWithContext.d.ts

@@ -14,7 +14,7 @@ declare class DropdownWithContext extends React.Component<DropdownProps & OUIAPr
     componentDidUpdate(): void;
     setMenuComponentRef: (element: any) => void;
     getMenuComponentRef: () => React.RefObject<any>;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { DropdownWithContext };
 //# sourceMappingURL=DropdownWithContext.d.ts.map

package/dist/js/deprecated/components/Dropdown/InternalDropdownItem.d.ts

@@ -61,7 +61,7 @@ declare class InternalDropdownItem extends React.Component<InternalDropdownItemP
     onKeyDown: (event: any) => void;
     extendAdditionalChildRef(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     componentRef: (element: HTMLLIElement) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { InternalDropdownItem };
 //# sourceMappingURL=InternalDropdownItem.d.ts.map

package/dist/js/deprecated/components/Dropdown/Toggle.d.ts

@@ -45,7 +45,7 @@ declare class Toggle extends React.Component<ToggleProps> {
     onDocClick: (event: MouseEvent | TouchEvent) => void;
     onEscPress: (event: KeyboardEvent) => void;
     onKeyDown: (event: React.KeyboardEvent<any>) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { Toggle };
 //# sourceMappingURL=Toggle.d.ts.map

package/dist/js/deprecated/components/Select/Select.d.ts

@@ -194,7 +194,7 @@ declare class Select extends React.Component<SelectProps & OUIAProps, SelectStat
     generateSelectedBadge: () => string | number;
     setVieMoreNextIndex: () => void;
     isLastOptionBeforeFooter: (index: any) => boolean;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { Select };
 //# sourceMappingURL=Select.d.ts.map

package/dist/js/deprecated/components/Select/SelectOption.d.ts

@@ -68,7 +68,7 @@ declare class SelectOption extends React.Component<SelectOptionProps> {
     componentDidMount(): void;
     componentDidUpdate(): void;
     onKeyDown: (event: React.KeyboardEvent, innerIndex: number, onEnter?: any, isCheckbox?: boolean) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { SelectOption };
 //# sourceMappingURL=SelectOption.d.ts.map

package/dist/js/deprecated/components/Wizard/Wizard.d.ts

@@ -136,7 +136,7 @@ declare class Wizard extends React.Component<WizardProps, WizardState> {
     componentDidMount(): void;
     componentWillUnmount(): void;
     componentDidUpdate(prevProps: Readonly<WizardProps>): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { Wizard };
 //# sourceMappingURL=Wizard.d.ts.map

package/dist/js/helpers/FocusTrap/FocusTrap.d.ts

@@ -7,5 +7,5 @@ export interface FocusTrapProps extends ComponentPropsWithRef<'div'> {
     /** Prevent from scrolling to the previously focused element on deactivation */
     preventScrollOnDeactivate?: boolean;
 }
-export declare const FocusTrap: React.ForwardRefExoticComponent<Pick<FocusTrapProps, "children" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "active" | "paused" | "focusTrapOptions" | "preventScrollOnDeactivate"> & React.RefAttributes<HTMLDivElement>>;
+export declare const FocusTrap: React.ForwardRefExoticComponent<Omit<FocusTrapProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=FocusTrap.d.ts.map

package/dist/js/helpers/FocusTrap/FocusTrap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../../../src/helpers/FocusTrap/FocusTrap.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmD,OAAO,IAAI,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC1G,OAAO,KAAK,EAAE,EAAE,qBAAqB,EAAsD,MAAM,OAAO,CAAC;AAGzG,MAAM,WAAW,cAAe,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,+EAA+E;IAC/E,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,SAAS,4pJAgDpB,CAAC"}
+{"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../../../src/helpers/FocusTrap/FocusTrap.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmD,OAAO,IAAI,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC1G,OAAO,KAAK,EAAE,EAAE,qBAAqB,EAAsD,MAAM,OAAO,CAAC;AAGzG,MAAM,WAAW,cAAe,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,+EAA+E;IAC/E,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,SAAS,oGAgDpB,CAAC"}

package/dist/js/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components';
+export * from './demos';
 export * from './layouts';
 export * from './helpers';
 export { BaseSizes, DeviceSizes } from './styles/sizes';

package/dist/js/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/js/index.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DeviceSizes = exports.BaseSizes = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./demos"), exports);
 tslib_1.__exportStar(require("./layouts"), exports);
 tslib_1.__exportStar(require("./helpers"), exports);
 var sizes_1 = require("./styles/sizes");

package/dist/js/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,uDAA6B;AAC7B,oDAA0B;AAC1B,oDAA0B;AAC1B,wCAAwD;AAA/C,kGAAA,SAAS,OAAA;AAAE,oGAAA,WAAW,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,uDAA6B;AAC7B,kDAAwB;AACxB,oDAA0B;AAC1B,oDAA0B;AAC1B,wCAAwD;AAA/C,kGAAA,SAAS,OAAA;AAAE,oGAAA,WAAW,OAAA"}