@stack-spot/portal-layout 0.0.51 → 0.0.52

package/dist/Layout.d.ts

@@ -23,7 +23,7 @@ interface RawProps extends WithStyle, LayoutContext {
     errorDescriptor?: DescriptionFn;
     onError?: ErrorHandler;
 }
-export declare const RawLayout: ({ menuSections, menuContent, header, children, extra, errorDescriptor, onError, className, style, anchorTag }: RawProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Layout: ({ menu, header, children, extra, errorDescriptor, onError, className, style }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const RawLayout: ({ menuSections, menuContent, header, children, extra, errorDescriptor, onError, className, style, anchorTag }: RawProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const Layout: ({ menu, header, children, extra, errorDescriptor, onError, className, style }: Props) => import("react/jsx-runtime.js").JSX.Element;
 export {};
 //# sourceMappingURL=Layout.d.ts.map

package/dist/Layout.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
 import { CSSToCitricAdapter, listToClass } from '@stack-spot/portal-theme';
 import '@stack-spot/portal-theme/dist/theme.css';
 import { useEffect } from 'react';

package/dist/LayoutOverlayManager.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime.js";
 /* eslint-disable react-hooks/rules-of-hooks */
 import { Button } from '@citric/core';
 import { useLayoutEffect, useState } from 'react';
@@ -10,11 +10,11 @@ import { ElementNotFound, LayoutError } from './errors.js';
 import { showToaster as showReactToaster } from './toaster.js';
 import { focusFirstChild, valueOfLayoutVar } from './utils.js';
 function multipleCallsWarning(type, timeMS) {
-    return `
-    Attempted to show a modal or rightPanel while a ${type} was still being closed. Closing a ${type} takes only ${timeMS}ms, so this action
-    is unlikely to have been triggered by the user and may point to errors in your code. Please check.\nTip: showModal and showRightPanel
-    are sideEffects and should never be called during the render of a component. Try to use "useEffect" or link it to an event, like
-    "onClick".
+    return `
+    Attempted to show a modal or rightPanel while a ${type} was still being closed. Closing a ${type} takes only ${timeMS}ms, so this action
+    is unlikely to have been triggered by the user and may point to errors in your code. Please check.\nTip: showModal and showRightPanel
+    are sideEffects and should never be called during the render of a component. Try to use "useEffect" or link it to an event, like
+    "onClick".
   `.replace(/\s*\n\s+/g, ' ');
 }
 class LayoutOverlayManager {

package/dist/components/Dialog.d.ts

@@ -30,6 +30,6 @@ interface Props extends DialogOptions {
     onConfirm: () => void;
     onCancel: () => void;
 }
-export declare const Dialog: ({ message, title, subtitle, cancel, confirm, validation, onConfirm, onCancel, type, buttonPlacement, buttonColor, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Dialog: ({ message, title, subtitle, cancel, confirm, validation, onConfirm, onCancel, type, buttonPlacement, buttonColor, }: Props) => import("react/jsx-runtime.js").JSX.Element;
 export {};
 //# sourceMappingURL=Dialog.d.ts.map

package/dist/components/Dialog.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
 import { Button, Flex, Input, Text } from '@citric/core';
 import { interpolate } from '@stack-spot/portal-translate';
 import { useState } from 'react';

package/dist/components/Header.d.ts

@@ -11,5 +11,5 @@ export interface HeaderProps {
     center?: ReactNode;
     right?: ReactNode;
 }
-export declare const Header: ({ logo, logoHref, center, right, userName, email, options, portalSwitch }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: ({ logo, logoHref, center, right, userName, email, options, portalSwitch }: HeaderProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Header.d.ts.map

package/dist/components/Header.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime.js";
 import { Flex } from '@citric/core';
 import { useAnchorTag } from '../layout-context.js';
 import { Logo } from '../svg/Logo.js';

package/dist/components/OverlayContent.d.ts

@@ -11,6 +11,6 @@ interface Props extends OverlayContentProps {
     onClose: () => void;
     type: 'modal' | 'panel';
 }
-export declare const OverlayContent: ({ children, title, subtitle, className, style, onClose, type }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const OverlayContent: ({ children, title, subtitle, className, style, onClose, type }: Props) => import("react/jsx-runtime.js").JSX.Element;
 export {};
 //# sourceMappingURL=OverlayContent.d.ts.map

package/dist/components/OverlayContent.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
 import { Flex, Text } from '@citric/core';
 import { TimesMini } from '@citric/icons';
 import { IconButton } from '@citric/ui';
@@ -6,25 +6,25 @@ import { listToClass, theme } from '@stack-spot/portal-theme';
 import { styled } from 'styled-components';
 import { useDictionary } from '../dictionary.js';
 export const CLOSE_OVERLAY_ID = 'close-overlay';
-const ContentBox = styled.section `
-  display: flex;
-  flex-direction: column;
-  border-radius: 1rem;
-  background-color: ${theme.color.light['400']};
-  &.modal {
-    padding: 32px;
-  }
-  &.panel {
-    padding: 20px;
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-  }
-  header {
-    display: flex;
-    flex-direction: row;
-    margin-bottom: 1.25rem;
-  }
+const ContentBox = styled.section `
+  display: flex;
+  flex-direction: column;
+  border-radius: 1rem;
+  background-color: ${theme.color.light['400']};
+  &.modal {
+    padding: 32px;
+  }
+  &.panel {
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+  }
+  header {
+    display: flex;
+    flex-direction: row;
+    margin-bottom: 1.25rem;
+  }
 `;
 export const OverlayContent = ({ children, title, subtitle, className, style, onClose, type }) => {
     const t = useDictionary();

package/dist/components/PortalSwitcher.d.ts

@@ -6,5 +6,5 @@ export interface Portal {
 export interface PortalSwitcherProps {
     portals?: Portal[];
 }
-export declare const PortalSwitcher: ({ portals }: PortalSwitcherProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PortalSwitcher: ({ portals }: PortalSwitcherProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=PortalSwitcher.d.ts.map

package/dist/components/PortalSwitcher.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
 import { Button, Flex, IconBox, Text } from '@citric/core';
 import { ArrowRight, CheckCircleFill, Select } from '@citric/icons';
 import { theme } from '@stack-spot/portal-theme';
@@ -15,59 +15,59 @@ const Logos = {
     'EDP': _jsx(EDP, {}),
     'HUB': _jsx(HUB, {}),
 };
-const PortalSwitcherBox = styled(Flex) `
-  flex-direction: column;
-  align-items: start;
-  z-index: 10;
-
-  .current-portal {
-    padding: 8px;
-    border-radius: 4px;
-    cursor: pointer;
-    &:hover {
-      background-color: ${theme.color.light[500]};
-    }
-  }
-
-  .selection-list {
-    max-width: 360px;
-    box-shadow: 4px 4px 48px 0px #000000;
-    position: absolute; 
-    top: 50px;
-
-    .selection-list-content {
-      padding: 8px;
-      border-width: 1px;
-      border-style: solid;
-      border-color: ${theme.color.light['500']};
-
-      &> ul {
-        display: flex;
-        flex-direction: column;
-        gap: 8px;
-      }
-
-      .action {
-        padding: 16px;
-        background-color: ${theme.color.light['400']};
-        border-width: 1px;
-        border-style: solid;
-        border-color: ${theme.color.light['500']};
-        border-radius: 4px;
-
-        &:hover, &:hover a {
-          background-color: ${theme.color.light['500']};
-        }
-
-        a {
-          height: auto;
-          transition: unset;
-          align-items: flex-start;
-        }
-      }
-    }
-  }
- 
+const PortalSwitcherBox = styled(Flex) `
+  flex-direction: column;
+  align-items: start;
+  z-index: 10;
+
+  .current-portal {
+    padding: 8px;
+    border-radius: 4px;
+    cursor: pointer;
+    &:hover {
+      background-color: ${theme.color.light[500]};
+    }
+  }
+
+  .selection-list {
+    max-width: 360px;
+    box-shadow: 4px 4px 48px 0px #000000;
+    position: absolute; 
+    top: 50px;
+
+    .selection-list-content {
+      padding: 8px;
+      border-width: 1px;
+      border-style: solid;
+      border-color: ${theme.color.light['500']};
+
+      &> ul {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+      }
+
+      .action {
+        padding: 16px;
+        background-color: ${theme.color.light['400']};
+        border-width: 1px;
+        border-style: solid;
+        border-color: ${theme.color.light['500']};
+        border-radius: 4px;
+
+        &:hover, &:hover a {
+          background-color: ${theme.color.light['500']};
+        }
+
+        a {
+          height: auto;
+          transition: unset;
+          align-items: flex-start;
+        }
+      }
+    }
+  }
+ 
 `;
 const PORTAL_SWITCHER_ID = 'PortalSwitcher';
 export const PortalSwitcher = ({ portals = [] }) => {

package/dist/components/SelectionList.d.ts

@@ -31,6 +31,6 @@ export interface SelectionListProps extends WithStyle {
     after?: ReactElement;
     scroll?: boolean;
 }
-export declare const SelectionList: ({ id, items, className, style, visible, maxHeight, onHide, before, after, scroll, }: SelectionListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectionList: ({ id, items, className, style, visible, maxHeight, onHide, before, after, scroll, }: SelectionListProps) => import("react/jsx-runtime.js").JSX.Element;
 export {};
 //# sourceMappingURL=SelectionList.d.ts.map

package/dist/components/SelectionList.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
 import { Flex, IconBox, Text } from '@citric/core';
 import { ArrowLeft, Check, ChevronRight } from '@citric/icons';
 import { IconButton } from '@citric/ui';
@@ -10,59 +10,59 @@ import { useAnchorTag } from '../layout-context.js';
 import { useKeyboardControls } from './menu/use-keyboard-controls.js';
 const ANIMATION_DURATION_MS = 300;
 const MAX_HEIGHT_TRANSITION = `max-height ease-in ${ANIMATION_DURATION_MS / 1000}s`;
-const SelectionBox = styled.div `
-  max-height: 0;
-  overflow-y: ${({ $scroll }) => $scroll ? 'auto' : 'hidden'};
-  overflow-x: hidden;
-  transition: ${MAX_HEIGHT_TRANSITION}, visibility 0s ${ANIMATION_DURATION_MS / 1000}s;
-  z-index: 1;
-  box-shadow: 4px 4px 48px #000;
-  border-radius: 0.5rem;
-  visibility: hidden;
-
-  .selection-list-content {
-    display: flex;
-    flex-direction: column;
-    background: ${theme.color.light['500']};
-    border-radius: 0.5rem;
-    border: 1px solid ${theme.color.light['600']};
-    background-color: ${theme.color.light['300']};
-  }
-
-  .section-title, li > a {
-    height: 40px;
-    padding: 0 8px;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-  }
-
-  li > a {
-    gap: 4px;
-    transition: background-color 0.2s;
-    &:hover, &:focus {
-      background: ${theme.color.light['400']};
-    }
-    .label {
-      flex: 1;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-
-  li.section {
-    border-bottom: 2px solid ${theme.color.light['600']};
-    &:last-child {
-      border-bottom: none;
-    }
-  }
-
-  &.visible {
-    max-height: ${({ $maxHeight }) => $maxHeight};
-    visibility: visible;
-    transition: ${MAX_HEIGHT_TRANSITION};
-  }
+const SelectionBox = styled.div `
+  max-height: 0;
+  overflow-y: ${({ $scroll }) => $scroll ? 'auto' : 'hidden'};
+  overflow-x: hidden;
+  transition: ${MAX_HEIGHT_TRANSITION}, visibility 0s ${ANIMATION_DURATION_MS / 1000}s;
+  z-index: 1;
+  box-shadow: 4px 4px 48px #000;
+  border-radius: 0.5rem;
+  visibility: hidden;
+
+  .selection-list-content {
+    display: flex;
+    flex-direction: column;
+    background: ${theme.color.light['500']};
+    border-radius: 0.5rem;
+    border: 1px solid ${theme.color.light['600']};
+    background-color: ${theme.color.light['300']};
+  }
+
+  .section-title, li > a {
+    height: 40px;
+    padding: 0 8px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+
+  li > a {
+    gap: 4px;
+    transition: background-color 0.2s;
+    &:hover, &:focus {
+      background: ${theme.color.light['400']};
+    }
+    .label {
+      flex: 1;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+
+  li.section {
+    border-bottom: 2px solid ${theme.color.light['600']};
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+
+  &.visible {
+    max-height: ${({ $maxHeight }) => $maxHeight};
+    visibility: visible;
+    transition: ${MAX_HEIGHT_TRANSITION};
+  }
 `;
 function renderAction({ label, href, onClick, icon, iconRight, active, target, iconActive = _jsx(Check, {}), }, { onClose, Link }) {
     function handleClick() {

package/dist/components/Toaster.d.ts

@@ -1,3 +1,3 @@
 import 'react-toastify/dist/ReactToastify.css';
-export declare const Toaster: () => import("react/jsx-runtime").JSX.Element;
+export declare const Toaster: () => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Toaster.d.ts.map

package/dist/components/Toaster.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { TimesMini } from '@citric/icons';
 import { IconButton } from '@citric/ui';
 import { ToastContainer } from 'react-toastify';

package/dist/components/UserMenu.d.ts

@@ -4,6 +4,6 @@ interface Props {
     email?: string;
     options?: SelectionListProps['items'];
 }
-export declare const UserMenu: ({ userName, email, options }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const UserMenu: ({ userName, email, options }: Props) => import("react/jsx-runtime.js").JSX.Element;
 export {};
 //# sourceMappingURL=UserMenu.d.ts.map

package/dist/components/UserMenu.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
 import { Flex, IconBox, LinkBox, Text } from '@citric/core';
 import { ChevronDown } from '@citric/icons';
 import { Avatar } from '@citric/ui';
@@ -8,46 +8,46 @@ import { useState } from 'react';
 import { styled } from 'styled-components';
 import { SelectionList } from './SelectionList.js';
 const USER_MENU_ID = 'userMenu';
-const UserMenuBox = styled.div `
-  .user-menu-header {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    padding: 12px;
-    border-bottom: 2px solid ${theme.color.light['600']};
-  }
-
-  .selection-list {
-    position: absolute;
-    top: var(--header-height);
-    right: 20px;
-    width: 266px;
-
-    .selection-list-content {
-      border: none;
-      padding: 16px 16px 8px;
-      background-color: ${theme.color.light['400']};
-    }
-
-    li {
-      margin: 8px 0;
-      & > a {
-        border-radius: 6px;
-        &:hover, &:focus {
-          background: ${theme.color.light['500']};
-        }
-      }
-    }
-  }
-
-  .username {
-    margin: 5px 0 2px 0;
-  }
-
-  .chevron {
-    transition: transform ease-out 0.3s;
-  }
+const UserMenuBox = styled.div `
+  .user-menu-header {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    padding: 12px;
+    border-bottom: 2px solid ${theme.color.light['600']};
+  }
+
+  .selection-list {
+    position: absolute;
+    top: var(--header-height);
+    right: 20px;
+    width: 266px;
+
+    .selection-list-content {
+      border: none;
+      padding: 16px 16px 8px;
+      background-color: ${theme.color.light['400']};
+    }
+
+    li {
+      margin: 8px 0;
+      & > a {
+        border-radius: 6px;
+        &:hover, &:focus {
+          background: ${theme.color.light['500']};
+        }
+      }
+    }
+  }
+
+  .username {
+    margin: 5px 0 2px 0;
+  }
+
+  .chevron {
+    transition: transform ease-out 0.3s;
+  }
 `;
 const UserMenuHeader = ({ userName, email }) => (_jsxs("div", { className: "user-menu-header", children: [_jsx(Avatar, { size: "xs", children: userName }), _jsx(Text, { appearance: "body1", className: "username", children: userName }), email && _jsx(Text, { appearance: "microtext1", className: "email", colorScheme: "light.700", children: email })] }));
 export const UserMenu = ({ userName, email, options }) => {

package/dist/components/error/ErrorBoundary.d.ts

@@ -16,7 +16,7 @@ export declare class ErrorBoundary extends Component<Props, State> {
     };
     componentDidCatch(error: any, errorInfo: any): void;
     componentDidUpdate(prevProps: Readonly<Props>): void;
-    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | null | undefined;
+    render(): string | number | boolean | import("react/jsx-runtime.js").JSX.Element | Iterable<import("react").ReactNode> | null | undefined;
 }
 export {};
 //# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/components/error/ErrorBoundary.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { Component } from 'react';
 import { ErrorFeedback } from './ErrorFeedback.js';
 import { ErrorManager } from './ErrorManager.js';

package/dist/components/error/ErrorFeedback.d.ts

@@ -1,3 +1,3 @@
 import { ErrorDescription } from './ErrorManager.js';
-export declare const ErrorFeedback: ({ code, message, debug }: ErrorDescription) => import("react/jsx-runtime").JSX.Element;
+export declare const ErrorFeedback: ({ code, message, debug }: ErrorDescription) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=ErrorFeedback.d.ts.map

package/dist/components/error/ErrorFeedback.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
 import { Box, Button, Container, Flex, LinkBox, Text } from '@citric/core';
 import { useTranslate } from '@stack-spot/portal-translate';
 import { useState } from 'react';

package/dist/components/error/SilentErrorBoundary.d.ts

@@ -17,7 +17,7 @@ export declare class SilentErrorBoundary extends Component<Props, State> {
     };
     componentDidCatch(error: any, errorInfo: any): void;
     componentDidUpdate(prevProps: Readonly<Props>): void;
-    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | null | undefined;
+    render(): string | number | boolean | import("react/jsx-runtime.js").JSX.Element | Iterable<import("react").ReactNode> | null | undefined;
 }
 export {};
 //# sourceMappingURL=SilentErrorBoundary.d.ts.map

package/dist/components/error/SilentErrorBoundary.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { theme } from '@stack-spot/portal-theme';
 import { Component } from 'react';
 import { ErrorManager } from './ErrorManager.js';

package/dist/components/menu/MenuContent.d.ts

@@ -64,7 +64,7 @@ export declare const MenuGroup: import("styled-components").IStyledComponent<"we
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -74,7 +74,7 @@ export declare const MenuGroup: import("styled-components").IStyledComponent<"we
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -91,7 +91,7 @@ export declare const MenuGroup: import("styled-components").IStyledComponent<"we
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
     "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "false" | "true") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
@@ -248,7 +248,9 @@ export declare const MenuGroup: import("styled-components").IStyledComponent<"we
     onPointerCancel?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
+    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
+    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLUListElement> | undefined;
@@ -333,7 +335,7 @@ export declare const Title: import("styled-components").IStyledComponent<"web",
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -343,7 +345,7 @@ export declare const Title: import("styled-components").IStyledComponent<"web",
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -360,7 +362,7 @@ export declare const Title: import("styled-components").IStyledComponent<"web",
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
     "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "false" | "true") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
@@ -517,7 +519,9 @@ export declare const Title: import("styled-components").IStyledComponent<"web",
     onPointerCancel?: import("react").PointerEventHandler<HTMLElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLElement> | undefined;
@@ -539,6 +543,6 @@ export declare const Title: import("styled-components").IStyledComponent<"web",
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
 }>;
-export declare const ActionItem: ({ label, onClick, href, active, icon, badge, overflow }: MenuAction) => import("react/jsx-runtime").JSX.Element;
-export declare const MenuContent: ({ pageSelector, goBack, title, subtitle, afterTitle, options, loading, error }: MenuSectionContent) => import("react/jsx-runtime").JSX.Element;
+export declare const ActionItem: ({ label, onClick, href, active, icon, badge, overflow }: MenuAction) => import("react/jsx-runtime.js").JSX.Element;
+export declare const MenuContent: ({ pageSelector, goBack, title, subtitle, afterTitle, options, loading, error }: MenuSectionContent) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=MenuContent.d.ts.map