@elliemae/pui-app-sdk 2.17.2 → 3.0.0-beta.4

package/dist/es/view/modals/session-expiry/index.js

@@ -1,41 +1,30 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-
-var _p;
-
-import { memo, useState } from 'react';
-import DSModal, { MODAL_SUB_TYPE_V2, MODAL_TYPE_V2 } from '@elliemae/ds-modal';
-import { useAppDispatch } from "../../../data/react-redux.js";
-import { logout } from "../../../data/logout/actions.js";
-import { resetUserIdleTime } from "../../../utils/session.js";
-import { useTrackSessionExpiry } from "./customHooks.js";
-export const SessionExpiry = /*#__PURE__*/memo(({
-  open,
-  warningNotifiedAt = 0,
-  showHeader = false
-}) => {
+import { memo, useState } from "react";
+import DSModal, { MODAL_SUB_TYPE_V2, MODAL_TYPE_V2 } from "@elliemae/ds-modal";
+import { useAppDispatch } from "../../../data/react-redux";
+import { logout } from "../../../data/logout/actions";
+import { resetUserIdleTime } from "../../../utils/session";
+import { useTrackSessionExpiry } from "./customHooks";
+const SessionExpiry = memo(({ open, warningNotifiedAt = 0, showHeader = false }) => {
   const [isOpen, setIsOpen] = useState(open);
   const timeLeft = useTrackSessionExpiry(warningNotifiedAt);
   const dispatch = useAppDispatch();
-
   const resetSession = () => {
     setIsOpen(false);
     resetUserIdleTime();
     dispatch(logout.cancel());
   };
-
   const logoutSession = () => {
     setIsOpen(false);
     dispatch(logout.confirm());
   };
-
-  return /*#__PURE__*/_jsx(DSModal, {
+  return /* @__PURE__ */ React.createElement(DSModal, {
     centered: true,
     modalType: MODAL_TYPE_V2.DECISION,
-    isOpen: isOpen,
-    showHeader: showHeader,
+    isOpen,
+    showHeader,
     onConfirm: resetSession,
     onReject: logoutSession,
-    modalTitle: timeLeft ? `Your session will expire in ${timeLeft}` : '',
+    modalTitle: timeLeft ? `Your session will expire in ${timeLeft}` : "",
     confirmLabel: "Reset",
     rejectLabel: "Logout",
     showRejectButton: true,
@@ -43,5 +32,8 @@ export const SessionExpiry = /*#__PURE__*/memo(({
     version: 2,
     shouldCloseOnOverlayClick: false,
     modalSubType: MODAL_SUB_TYPE_V2.WARNING
-  }, void 0, _p || (_p = /*#__PURE__*/_jsx("p", {}, void 0, "Please logout or reset your session")));
-});
+  }, /* @__PURE__ */ React.createElement("p", null, "Please logout or reset your session"));
+});
+export {
+  SessionExpiry
+};

package/dist/es/view/modals/wait-message/html-wait-message.js

@@ -1,12 +1,12 @@
-import { memo, useEffect } from 'react';
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const HTMLWaitMessage = /*#__PURE__*/memo(({
-  close
-}) => {
+import { memo, useEffect } from "react";
+const HTMLWaitMessage = memo(({ close }) => {
   useEffect(() => {
-    const htmlWaitMsgElement = document.getElementById('em-wait-message');
-    if (htmlWaitMsgElement && close) htmlWaitMsgElement.remove();
+    const htmlWaitMsgElement = document.getElementById("em-wait-message");
+    if (htmlWaitMsgElement && close)
+      htmlWaitMsgElement.remove();
   }, [close]);
-  return /*#__PURE__*/_jsx(_Fragment, {});
-});
+  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+});
+export {
+  HTMLWaitMessage
+};

package/dist/es/view/modals/wait-message/index.js

@@ -1,43 +1,35 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-import { memo, useEffect } from 'react';
-import DSLoadingIndicator from '@elliemae/ds-basic/LoadingIndicator';
-import { useAppSelector } from "../../../data/react-redux.js";
-import { HTMLWaitMessage } from "./html-wait-message.js";
-import { waitStartEvent, waitEndEvent } from "../../../analytics/user-wait-event.js";
-import { jsx as _jsx2 } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const WaitMessage = /*#__PURE__*/memo(({
-  size = 'm',
-  style = {
-    color: 'white',
-    fontSize: '1.25rem'
-  },
+import { memo, useEffect } from "react";
+import DSLoadingIndicator from "@elliemae/ds-basic/LoadingIndicator";
+import { useAppSelector } from "../../../data/react-redux";
+import { HTMLWaitMessage } from "./html-wait-message";
+import {
+  waitStartEvent,
+  waitEndEvent
+} from "../../../analytics/user-wait-event";
+const WaitMessage = memo(({
+  size = "m",
+  style = { color: "white", fontSize: "1.25rem" },
   ...rest
 }) => {
-  const isOpen = useAppSelector(state => {
-    var _state$waitMessage;
-
-    return (_state$waitMessage = state.waitMessage) === null || _state$waitMessage === void 0 ? void 0 : _state$waitMessage.isOpen;
-  });
-  const message = useAppSelector(state => {
-    var _state$waitMessage2;
-
-    return (_state$waitMessage2 = state.waitMessage) === null || _state$waitMessage2 === void 0 ? void 0 : _state$waitMessage2.message;
-  });
+  const isOpen = useAppSelector((state) => state.waitMessage?.isOpen);
+  const message = useAppSelector((state) => state.waitMessage?.message);
   useEffect(() => {
-    if (isOpen) waitStartEvent();else waitEndEvent();
+    if (isOpen)
+      waitStartEvent();
+    else
+      waitEndEvent();
   }, [isOpen]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(HTMLWaitMessage, {
-      close: isOpen !== null
-    }), /*#__PURE__*/_jsx2(DSLoadingIndicator, {
-      id: "em-loading",
-      size: size,
-      style: style,
-      ...rest,
-      loading: isOpen,
-      message: message
-    })]
-  });
-});
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(HTMLWaitMessage, {
+    close: isOpen !== null
+  }), /* @__PURE__ */ React.createElement(DSLoadingIndicator, {
+    id: "em-loading",
+    size,
+    style,
+    ...rest,
+    loading: isOpen,
+    message
+  }));
+});
+export {
+  WaitMessage
+};

package/dist/es/view/modals/wait-message/wait-message-launcher.js

@@ -1,9 +1,7 @@
-import { useEffect } from 'react';
-import { useAppDispatch } from "../../../data/react-redux.js";
-import { waitMessage } from "../../../data/wait-message/actions.js";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const WaitMessageLauncher = () => {
+import { useEffect } from "react";
+import { useAppDispatch } from "../../../data/react-redux";
+import { waitMessage } from "../../../data/wait-message/actions";
+const WaitMessageLauncher = () => {
   const dispatch = useAppDispatch();
   useEffect(() => {
     dispatch(waitMessage.open());
@@ -11,5 +9,8 @@ export const WaitMessageLauncher = () => {
       dispatch(waitMessage.close());
     };
   }, [dispatch]);
-  return /*#__PURE__*/_jsx(_Fragment, {});
-};
+  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+};
+export {
+  WaitMessageLauncher
+};

package/dist/es/view/render-with-delay/index.js

@@ -1,9 +1,5 @@
-import { useEffect, useState, memo } from 'react';
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const RenderWithDelay = /*#__PURE__*/memo(({
-  render
-}) => {
+import { useEffect, useState, memo } from "react";
+const RenderWithDelay = memo(({ render }) => {
   const [show, showComponents] = useState(false);
   useEffect(() => {
     const timeoutId = setTimeout(showComponents.bind(null, true), 0);
@@ -11,7 +7,8 @@ export const RenderWithDelay = /*#__PURE__*/memo(({
       clearTimeout(timeoutId);
     };
   }, []);
-  return show ? /*#__PURE__*/_jsx(_Fragment, {
-    children: render()
-  }) : /*#__PURE__*/_jsx(_Fragment, {});
-});
+  return show ? /* @__PURE__ */ React.createElement(React.Fragment, null, render()) : /* @__PURE__ */ React.createElement(React.Fragment, null);
+});
+export {
+  RenderWithDelay
+};

package/dist/es/view/render-with-host-data/index.js

@@ -1,32 +1,28 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-
-var _WaitMessageLauncher;
-
-import { useState, useEffect } from 'react';
-import { fetchHostAppData } from "../fetch-host-app-data/index.js";
-import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher.js";
-export const renderWithHostData = data => {
-  var _ComponentToRender;
-
+import { useState, useEffect } from "react";
+import { fetchHostAppData } from "../fetch-host-app-data";
+import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher";
+const renderWithHostData = (data) => {
   const {
     ComponentToRender,
     guestAppId,
     hostedAppUrl = document.referrer
   } = data;
-
   const HostAppDataWrapper = () => {
     const [loading, setLoading] = useState(true);
     useEffect(() => {
       if (hostedAppUrl) {
         fetchHostAppData(hostedAppUrl, guestAppId).then(() => {
           setLoading(false);
-        }).catch(() => {});
+        }).catch(() => {
+        });
       } else {
         setLoading(false);
       }
     }, []);
-    return loading ? _WaitMessageLauncher || (_WaitMessageLauncher = /*#__PURE__*/_jsx(WaitMessageLauncher, {})) : _ComponentToRender || (_ComponentToRender = /*#__PURE__*/_jsx(ComponentToRender, {}));
+    return loading ? /* @__PURE__ */ React.createElement(WaitMessageLauncher, null) : /* @__PURE__ */ React.createElement(ComponentToRender, null);
   };
-
   return HostAppDataWrapper;
-};
+};
+export {
+  renderWithHostData
+};

package/dist/es/view/session-timeout/index.js

@@ -1,17 +1,23 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-import { useEffect, useState } from 'react';
-import { useAppDispatch } from "../../data/react-redux.js";
-import { logout } from "../../data/logout/actions.js";
-import { initSessionMonitoring, stopSessionMonitoring, subscribeToSessionExpiryWarning, subscribeToResetSession, subscribeToSessionExpiry } from "../../utils/session.js";
-import { SessionExpiry } from "../modals/session-expiry/index.js";
-export const SessionTimeout = () => {
+import { useEffect, useState } from "react";
+import { useAppDispatch } from "../../data/react-redux";
+import { logout } from "../../data/logout/actions";
+import {
+  initSessionMonitoring,
+  stopSessionMonitoring,
+  subscribeToSessionExpiryWarning,
+  subscribeToResetSession,
+  subscribeToSessionExpiry
+} from "../../utils/session";
+import { SessionExpiry } from "../modals/session-expiry";
+const SessionTimeout = () => {
   const dispatch = useAppDispatch();
   const [showSessionExpiryWarning, setSessionExpiryWarning] = useState(false);
   const [warningNotifiedAt, setwarningNotifiedAt] = useState();
   useEffect(() => {
     initSessionMonitoring();
-    const warningCb = subscribeToSessionExpiryWarning(sessionExpiryWarningNotifiedAt => {
-      if (!sessionExpiryWarningNotifiedAt) return;
+    const warningCb = subscribeToSessionExpiryWarning((sessionExpiryWarningNotifiedAt) => {
+      if (!sessionExpiryWarningNotifiedAt)
+        return;
       setwarningNotifiedAt(sessionExpiryWarningNotifiedAt);
       setSessionExpiryWarning(true);
     });
@@ -27,8 +33,11 @@ export const SessionTimeout = () => {
       stopSessionMonitoring();
     };
   }, [dispatch]);
-  return /*#__PURE__*/_jsx("div", {}, void 0, showSessionExpiryWarning && /*#__PURE__*/_jsx(SessionExpiry, {
+  return /* @__PURE__ */ React.createElement("div", null, showSessionExpiryWarning && /* @__PURE__ */ React.createElement(SessionExpiry, {
     open: true,
-    warningNotifiedAt: warningNotifiedAt
+    warningNotifiedAt
   }));
-};
+};
+export {
+  SessionTimeout
+};

package/dist/es/view/storybook/decorator.js

@@ -1,8 +1,10 @@
-import _jsx from "@babel/runtime/helpers/jsx";
-import { browserHistory } from "../../utils/history.js";
-import { AppRoot } from "../app-root/index.js";
-export const withAppDecorator = (theme, store, story) => /*#__PURE__*/_jsx(AppRoot, {
-  store: store,
+import { browserHistory } from "../../utils/history";
+import { AppRoot } from "../app-root";
+const withAppDecorator = (theme, store, story) => /* @__PURE__ */ React.createElement(AppRoot, {
+  store,
   history: browserHistory,
-  theme: theme
-}, void 0, story());
+  theme
+}, story());
+export {
+  withAppDecorator
+};

package/dist/es/view/use-previous.js

@@ -1,8 +1,11 @@
-import { useRef, useEffect } from 'react';
-export const usePrevious = value => {
+import { useRef, useEffect } from "react";
+const usePrevious = (value) => {
   const ref = useRef();
   useEffect(() => {
     ref.current = value;
   }, [value]);
   return ref.current;
-};
+};
+export {
+  usePrevious
+};

package/dist/es/view/useMediaBreakpoints/index.js

@@ -1,16 +1,18 @@
-import { useState, useEffect, useCallback } from 'react';
-export const useMediaBreakpoints = (queries, values, defaultValue) => {
-  const mediaQueryLists = queries.map(q => window.matchMedia(q));
+import { useState, useEffect, useCallback } from "react";
+const useMediaBreakpoints = (queries, values, defaultValue) => {
+  const mediaQueryLists = queries.map((q) => window.matchMedia(q));
   const getValue = useCallback(() => {
-    const index = mediaQueryLists.findIndex(mql => mql.matches);
-    return typeof values[index] !== 'undefined' ? values[index] : defaultValue;
+    const index = mediaQueryLists.findIndex((mql) => mql.matches);
+    return typeof values[index] !== "undefined" ? values[index] : defaultValue;
   }, [defaultValue, mediaQueryLists, values]);
   const [value, setValue] = useState(getValue);
   useEffect(() => {
     const handler = () => setValue(getValue);
-
-    mediaQueryLists.forEach(mql => mql.addListener(handler));
-    return () => mediaQueryLists.forEach(mql => mql.removeListener(handler));
+    mediaQueryLists.forEach((mql) => mql.addListener(handler));
+    return () => mediaQueryLists.forEach((mql) => mql.removeListener(handler));
   }, [getValue, mediaQueryLists]);
   return value;
-};
+};
+export {
+  useMediaBreakpoints
+};

package/dist/es/view/visually-hidden/index.js

@@ -1,12 +1,21 @@
-import _styled from "styled-components";
-import { forwardRef } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-const VisuallyHidden = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/_jsx(_StyledSpan, {
-  ref: ref,
+import { forwardRef } from "react";
+import styled from "styled-components";
+const Span = styled.span`
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+  white-space: nowrap;
+  word-wrap: normal;
+`;
+const VisuallyHidden = forwardRef((props, ref) => /* @__PURE__ */ React.createElement(Span, {
+  ref,
   ...props
 }));
-export { VisuallyHidden };
-
-var _StyledSpan = /*#__PURE__*/_styled("span").withConfig({
-  componentId: "sc-h2hrxk-0"
-})(["border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;word-wrap:normal;"]);
+export {
+  VisuallyHidden
+};

package/dist/es/view/window-size/index.js

@@ -1,12 +1,10 @@
-import { useEffect } from 'react';
-import { publish } from 'pubsub-js';
-import { HOST_WINDOW_RESIZED } from "../../utils/constants.js";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const WindowSize = () => {
+import { useEffect } from "react";
+import { publish } from "pubsub-js";
+import { HOST_WINDOW_RESIZED } from "../../utils/constants";
+const WindowSize = () => {
   useEffect(() => {
     if (window.ResizeObserver) {
-      const observer = new ResizeObserver(entries => {
+      const observer = new ResizeObserver((entries) => {
         publish(HOST_WINDOW_RESIZED, entries && entries[0]);
       });
       observer.observe(window.document.documentElement);
@@ -14,8 +12,11 @@ export const WindowSize = () => {
         observer.unobserve(window.document.documentElement);
       };
     }
-
-    return () => {};
+    return () => {
+    };
   }, []);
-  return /*#__PURE__*/_jsx(_Fragment, {});
-};
+  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+};
+export {
+  WindowSize
+};

package/dist/types/data/store.d.ts

@@ -33,7 +33,7 @@ export declare const createAppStore: (initialState: import("redux").CombinedStat
 } | import("redux").AnyAction | {
     payload: import("./breakpoint").Breakpoints;
     type: string;
-}, import("@reduxjs/toolkit").MiddlewareArray<import("redux-saga").SagaMiddleware<object> | import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
+}, import("@reduxjs/toolkit").MiddlewareArray<import("redux-saga").SagaMiddleware<object> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
     waitMessage: import("./wait-message/reducer").WaitMessageState;
     error: import("./error").ErrorState;
     breakpoint: import("./breakpoint").BreakpointState;

package/dist/types/utils/storybook/main.d.cts

@@ -0,0 +1,49 @@
+declare function _exports(viteBuilder?: boolean): {
+    addons: string[];
+    framework: string;
+    features: {
+        fastRefresh: boolean;
+        storyStoreV7: boolean;
+    };
+    reactOptions: {
+        fastRefresh: boolean;
+        strictMode: boolean;
+    };
+    typescript: {
+        check: boolean;
+        checkOptions: {};
+        reactDocgen: string;
+        reactDocgenTypescriptOptions: {
+            shouldExtractLiteralValuesFromEnum: boolean;
+            propFilter: (prop: any) => boolean;
+            compilerOptions: {
+                allowSyntheticDefaultImports: boolean;
+                esModuleInterop: boolean;
+            };
+        };
+    };
+} & ({
+    stories: string[];
+    core: {
+        builder: string;
+    };
+} | {
+    stories: {
+        directory: string;
+    }[];
+    addons: {
+        name: string;
+        options: {
+            optimizationLevel: number;
+            esbuildMinifyOptions: {
+                target: string;
+            };
+        };
+    }[];
+    managerWebpack: any;
+    webpackFinal: any;
+    core: {
+        builder: string;
+    };
+});
+export = _exports;

package/dist/types/utils/storybook/preview.d.ts

@@ -13,7 +13,7 @@ export function getParameters(storyBookTheme: any): {
         storySort: {
             method: string;
             order: (string | string[])[];
-            locales: string;
+            locales: string[];
         };
     };
     dependencies: {
@@ -21,4 +21,4 @@ export function getParameters(storyBookTheme: any): {
         hideEmpty: boolean;
     };
 };
-export const decorators: (((story: () => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => JSX.Element) | ((storyFn: any, context: any) => any))[];
+export const decorators: ((story: () => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => JSX.Element)[];

package/dist/types/utils/storybook/vite.d.cts

@@ -0,0 +1,4 @@
+export const stories: string[];
+export namespace core {
+    const builder: string;
+}

package/dist/types/utils/storybook/webpack.d.cts

@@ -0,0 +1,16 @@
+export declare const stories: {
+    directory: string;
+}[];
+export declare const addons: {
+    name: string;
+    options: {
+        optimizationLevel: number;
+        esbuildMinifyOptions: {
+            target: string;
+        };
+    };
+}[];
+export declare namespace core {
+    const builder: string;
+}
+export { managerWebpack, webpackFinal };

package/dist/types/utils/testing/render-with-redux.d.ts

@@ -16,7 +16,7 @@ export declare const renderWithRedux: (ui: React.ReactElement, { initialState, s
     } | import("redux").AnyAction | {
         payload: import("../../data/breakpoint").Breakpoints;
         type: string;
-    }, import("@reduxjs/toolkit").MiddlewareArray<import("redux-saga").SagaMiddleware<object> | import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
+    }, import("@reduxjs/toolkit").MiddlewareArray<import("redux-saga").SagaMiddleware<object> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
         waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
         error: import("../../data/error").ErrorState;
         breakpoint: import("../../data/breakpoint").BreakpointState;

package/dist/types/utils/testing/render-with-router-redux.d.ts

@@ -19,7 +19,7 @@ export declare const renderWithRouterRedux: (ui: React.ReactElement, { route, hi
     } | import("redux").AnyAction | {
         payload: import("../../data/breakpoint").Breakpoints;
         type: string;
-    }, import("@reduxjs/toolkit").MiddlewareArray<import("redux-saga").SagaMiddleware<object> | import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
+    }, import("@reduxjs/toolkit").MiddlewareArray<import("redux-saga").SagaMiddleware<object> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
         waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
         error: import("../../data/error").ErrorState;
         breakpoint: import("../../data/breakpoint").BreakpointState;

package/dist/types/utils/window.d.ts

@@ -11,7 +11,7 @@ export declare type EMUI = {
 };
 declare global {
     interface Window {
-        gtmDataLayer: Array<BAEvent>;
+        gtmDataLayer: BAEvent[];
         emui: EMUI;
     }
 }

package/dist/types/view/visually-hidden/index.d.ts

@@ -1,4 +1,2 @@
 /// <reference types="react" />
-declare type SpanProps = React.HTMLProps<HTMLSpanElement>;
-declare const VisuallyHidden: import("react").ForwardRefExoticComponent<Pick<SpanProps, "headers" | "method" | "data" | "min" | "max" | "width" | "size" | "value" | "type" | "id" | "scope" | "href" | "title" | "children" | "cite" | "form" | "label" | "slot" | "span" | "style" | "summary" | "pattern" | "async" | "defer" | "color" | "hidden" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "start" | "content" | "default" | "wrap" | "open" | "multiple" | "disabled" | "media" | "aria-live" | "name" | "className" | "height" | "lang" | "target" | "role" | "tabIndex" | "crossOrigin" | "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-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" | "css" | "key" | "classID" | "useMap" | "wmode" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "readOnly" | "required" | "src" | "step" | "download" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "dateTime" | "acceptCharset" | "action" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "rowSpan" | "cols" | "rows" | "kind" | "srcLang" | "poster"> & import("react").RefAttributes<HTMLSpanElement>>;
-export { VisuallyHidden };
+export declare const VisuallyHidden: import("react").ForwardRefExoticComponent<Pick<import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>, string | number | symbol> & import("react").RefAttributes<HTMLSpanElement>>;