@elliemae/pui-app-sdk 2.21.1 → 3.0.0-beta.12

package/dist/types/utils/micro-frontend/host.d.ts

@@ -1,7 +1,7 @@
 import { IMicroAppHost, ResizeEventHandler, BreakpointChangeEventHandler, SubscriptionListener, BAEvent } from '@elliemae/pui-micro-frontend-base';
 import { History, Path } from 'history';
 import { DefaultTheme } from 'styled-components';
-import { MicroFrontEndLogger } from './console-logger';
+import { MicroFrontEndLogger } from './console-logger.js';
 declare type HostOptions = {
     systemVersion: string;
     history: History;

package/dist/types/utils/micro-frontend/index.d.ts

@@ -1,5 +1,5 @@
-import { MicroFrontEndLogger } from './console-logger';
-import { MicroAppConfig } from './types';
+import { MicroFrontEndLogger } from './console-logger.js';
+import { MicroAppConfig } from './types.js';
 export declare const isHost: () => boolean;
 export declare const isGuest: () => boolean;
 export declare const isStandAloneGuest: () => boolean;

package/dist/types/utils/micro-frontend/types.d.ts

@@ -12,6 +12,6 @@ export declare type MicroAppConfig = {
     files?: Array<string>;
     development?: EnvConfig;
     production?: EnvConfig;
-    documentEle: HTMLDocument;
+    documentEle: Document;
 } & InitOptions;
 export {};

package/dist/types/utils/storybook/cjs/main.d.ts

@@ -0,0 +1,63 @@
+declare function _exports(viteBuilder?: boolean): {
+    addons: (string | {
+        name: string;
+        options: {
+            sourceLoaderOptions: {
+                injectStoryParameters: boolean;
+            };
+            docs?: undefined;
+        };
+    } | {
+        name: string;
+        options: {
+            docs: boolean;
+            sourceLoaderOptions?: undefined;
+        };
+    })[];
+    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/cjs/vite.d.ts

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

package/dist/types/utils/storybook/cjs/webpack.d.ts

@@ -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/storybook/preview.d.ts

@@ -1,4 +1,10 @@
-export function getParameters(storyBookTheme: any): {
+/// <reference types="react" />
+import '@elliemae/ds-basic/css/dimsum.css';
+export declare const getParameters: (storyBookTheme: {
+    [x: string]: any;
+    base?: string | undefined;
+    brandTitle?: string | undefined;
+}) => {
     layout: string;
     actions: {
         argTypesRegex: string;
@@ -13,7 +19,7 @@ export function getParameters(storyBookTheme: any): {
         storySort: {
             method: string;
             order: (string | string[])[];
-            locales: string;
+            locales: string[];
         };
     };
     dependencies: {
@@ -21,4 +27,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 declare const decorators: ((story: () => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => JSX.Element)[];

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

@@ -1,36 +1,36 @@
 /// <reference types="react" />
-import { AppStore, RootState } from '../../data/store';
+import { AppStore, RootState } from '../../data/store.js';
 interface Args {
     initialState: RootState;
     store: AppStore;
 }
 export declare const renderWithRedux: (ui: React.ReactElement, { initialState, store, }?: Args) => {
     store: import("@reduxjs/toolkit").EnhancedStore<import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
+        waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
+        error: import("../../data/error/index.js").ErrorState;
+        breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
+        liveMessage: import("../../data/live-message/index.js").LiveMessageState;
     }>, {
-        payload: import("../../data/wait-message/reducer").WaitMessageState;
+        payload: import("../../data/wait-message/reducer.js").WaitMessageState;
         type: string;
     } | import("redux").AnyAction | {
-        payload: import("../../data/breakpoint").Breakpoints;
+        payload: import("../../data/breakpoint/index.js").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<{
-        waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
+    }, import("@reduxjs/toolkit").MiddlewareArray<import("redux-saga").SagaMiddleware<object> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
+        waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
+        error: import("../../data/error/index.js").ErrorState;
+        breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
+        liveMessage: import("../../data/live-message/index.js").LiveMessageState;
     }>, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
+        waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
+        error: import("../../data/error/index.js").ErrorState;
+        breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
+        liveMessage: import("../../data/live-message/index.js").LiveMessageState;
     }>, import("redux").AnyAction, undefined> | import("redux").Middleware<{}, import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
+        waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
+        error: import("../../data/error/index.js").ErrorState;
+        breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
+        liveMessage: import("../../data/live-message/index.js").LiveMessageState;
     }>, import("redux").Dispatch<import("redux").AnyAction>>>>;
     container: HTMLElement;
     baseElement: Element;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { History } from 'history';
-import { AppStore, RootState } from '../../data/store';
+import { AppStore, RootState } from '../../data/store.js';
 interface Args {
     initialState: RootState;
     store: AppStore;
@@ -9,31 +9,31 @@ interface Args {
 }
 export declare const renderWithRouterRedux: (ui: React.ReactElement, { route, history, initialState, store, }?: Args) => {
     store: import("@reduxjs/toolkit").EnhancedStore<import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
+        waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
+        error: import("../../data/error/index.js").ErrorState;
+        breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
+        liveMessage: import("../../data/live-message/index.js").LiveMessageState;
     }>, {
-        payload: import("../../data/wait-message/reducer").WaitMessageState;
+        payload: import("../../data/wait-message/reducer.js").WaitMessageState;
         type: string;
     } | import("redux").AnyAction | {
-        payload: import("../../data/breakpoint").Breakpoints;
+        payload: import("../../data/breakpoint/index.js").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<{
-        waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
+    }, import("@reduxjs/toolkit").MiddlewareArray<import("redux-saga").SagaMiddleware<object> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
+        waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
+        error: import("../../data/error/index.js").ErrorState;
+        breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
+        liveMessage: import("../../data/live-message/index.js").LiveMessageState;
     }>, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
+        waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
+        error: import("../../data/error/index.js").ErrorState;
+        breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
+        liveMessage: import("../../data/live-message/index.js").LiveMessageState;
     }>, import("redux").AnyAction, undefined> | import("redux").Middleware<{}, import("redux").CombinedState<{
-        waitMessage: import("../../data/wait-message/reducer").WaitMessageState;
-        error: import("../../data/error").ErrorState;
-        breakpoint: import("../../data/breakpoint").BreakpointState;
-        liveMessage: import("../../data/live-message").LiveMessageState;
+        waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
+        error: import("../../data/error/index.js").ErrorState;
+        breakpoint: import("../../data/breakpoint/index.js").BreakpointState;
+        liveMessage: import("../../data/live-message/index.js").LiveMessageState;
     }>, import("redux").Dispatch<import("redux").AnyAction>>>>;
     container: HTMLElement;
     baseElement: Element;

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/app-root/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { History } from 'history';
 import { Theme } from '@elliemae/pui-theme';
-import { AppStore } from '../../data/store';
+import { AppStore } from '../../data/store.js';
 declare type AppRootProps = {
     store: AppStore;
     history: History;

package/dist/types/view/fields/check-box/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { CheckBoxProps } from '.';
+import { CheckBoxProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<CheckBoxProps<import("react-hook-form").FieldValues, string> & {

package/dist/types/view/fields/check-box/set-value.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { CheckBoxProps } from '.';
+import { CheckBoxProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const SetValue: Story<CheckBoxProps<import("react-hook-form").FieldValues, string>>;

package/dist/types/view/fields/combo-box/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { FormItemLayoutProps } from '../form-item-layout';
+import { FormItemLayoutProps } from '../form-item-layout/index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<FormItemLayoutProps & {

package/dist/types/view/fields/date-input/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { DateInputProps } from '.';
+import { DateInputProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<DateInputProps<import("react-hook-form").FieldValues, string> & {

package/dist/types/view/fields/date-picker/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { DatePickerProps } from '.';
+import { DatePickerProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<DatePickerProps<import("react-hook-form").FieldValues, string> & {

package/dist/types/view/fields/form-item-layout/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { FormItemLayoutProps } from '.';
+import { FormItemLayoutProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<FormItemLayoutProps>;

package/dist/types/view/fields/input-mask/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { InputMaskProps } from '.';
+import { InputMaskProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<InputMaskProps<import("react-hook-form").FieldValues, string> & {

package/dist/types/view/fields/large-text-box/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { LargeTextBoxProps } from '.';
+import { LargeTextBoxProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<LargeTextBoxProps<import("react-hook-form").FieldValues, string> & {

package/dist/types/view/fields/radio/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { RadioProps } from '.';
+import { RadioProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<RadioProps<import("react-hook-form").FieldValues, string> & {

package/dist/types/view/fields/radio/set-value.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { RadioProps } from '.';
+import { RadioProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const SetValue: Story<RadioProps<import("react-hook-form").FieldValues, string>>;

package/dist/types/view/fields/radio-group/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { RadioGroupProps } from '.';
+import { RadioGroupProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<RadioGroupProps<import("react-hook-form").FieldValues, string>>;

package/dist/types/view/fields/text-box/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { TextBoxProps } from '.';
+import { TextBoxProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<TextBoxProps<import("react-hook-form").FieldValues, string> & {

package/dist/types/view/form/usecases.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { FormProps } from '.';
+import { FormProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 declare type FormFields = {

package/dist/types/view/header/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Link } from './center-region';
+import { Link } from './center-region/index.js';
 export interface HeaderProps {
     links?: Array<Link>;
     show?: boolean;

package/dist/types/view/header/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { HeaderProps } from '.';
+import { HeaderProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<HeaderProps>;

package/dist/types/view/micro-app/app-factory/index.d.ts

@@ -1,9 +1,9 @@
-import { MicroAppConfig } from '../../../utils/micro-frontend/types';
+import { MicroAppConfig } from '../../../utils/micro-frontend/types.js';
 export declare const mountApp: ({ id, name }: MicroAppConfig) => Promise<void>;
 export declare const unmountApp: ({ id, name }: MicroAppConfig) => Promise<void | null>;
 export declare const loadApp: (appConfig: MicroAppConfig) => Promise<void>;
 export declare const unloadApp: ({ id, hostUrl, documentEle, }: {
     id: string;
     hostUrl?: string | undefined;
-    documentEle: HTMLDocument;
+    documentEle: Document;
 }) => void;

package/dist/types/view/micro-app/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { MicroAppProps } from './types';
+import { MicroAppProps } from './types.js';
 export declare const MicroApp: import("react").NamedExoticComponent<MicroAppProps>;

package/dist/types/view/micro-app/resources/script.d.ts

@@ -1,4 +1,4 @@
-import { MicroAppConfig } from '../../../utils/micro-frontend/types';
+import { MicroAppConfig } from '../../../utils/micro-frontend/types.js';
 export declare const APP_SCRIPT_ID_PREFIX = "emui-script-";
 export declare const addScriptToDOM: ({ name, hostUrl, documentEle }: MicroAppConfig, fileName: string, index: number) => Promise<string>;
 export declare const removeScriptFromDOM: (elementId?: string, documentEle?: Document) => Promise<void>;

package/dist/types/view/micro-app/resources/style.d.ts

@@ -1,4 +1,4 @@
-import { MicroAppConfig } from '../../../utils/micro-frontend/types';
+import { MicroAppConfig } from '../../../utils/micro-frontend/types.js';
 export declare const APP_STYLE_ID_PREFIX = "emui-style-";
 export declare const addStylesToDOM: ({ name, hostUrl, documentEle }: MicroAppConfig, fileName: string, index: number) => Promise<string>;
 export declare const removeStyleFromDOM: (elementId?: string, documentEle?: Document) => Promise<void>;

package/dist/types/view/micro-app/use-app-will-render.d.ts

@@ -1,4 +1,4 @@
-import { MicroAppProps } from './types';
+import { MicroAppProps } from './types.js';
 export declare type OnUnloadCompleteFn = () => void;
 declare type UseAppWillRenderArgs = MicroAppProps & {
     onUnloadComplete?: OnUnloadCompleteFn;

package/dist/types/view/micro-iframe-app/app.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { OnUnloadCompleteFn } from '../micro-app/use-app-will-render';
-import { MicroIFrameAppProps } from './types';
+import { OnUnloadCompleteFn } from '../micro-app/use-app-will-render.js';
+import { MicroIFrameAppProps } from './types.js';
 declare type AppProps = MicroIFrameAppProps & {
     dispose: boolean;
     onUnloadComplete: OnUnloadCompleteFn;

package/dist/types/view/micro-iframe-app/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MicroIFrameAppProps } from './types';
+import { MicroIFrameAppProps } from './types.js';
 declare type Props = MicroIFrameAppProps & {
     entityId?: string;
 };

package/dist/types/view/micro-iframe-app/types.d.ts

@@ -1,4 +1,4 @@
-import { MicroAppProps } from '../micro-app/types';
+import { MicroAppProps } from '../micro-app/types.js';
 export declare type MicroIFrameAppProps = {
     name?: string;
     sandbox?: string;

package/dist/types/view/micro-iframe-app/use-frame-loaded.d.ts

@@ -1,2 +1,2 @@
-import { MicroIFrameAppProps } from './types';
+import { MicroIFrameAppProps } from './types.js';
 export declare const useFrameLoaded: ({ id, documentEle }: MicroIFrameAppProps) => void;

package/dist/types/view/modals/error/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { ErrorProps } from '.';
+import { ErrorProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<ErrorProps>;

package/dist/types/view/modals/navigation-prompt/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { NavigationPromptProps } from '.';
+import { NavigationPromptProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<NavigationPromptProps>;

package/dist/types/view/modals/session-expiry/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { SessionExpiryProps } from '.';
+import { SessionExpiryProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<SessionExpiryProps>;

package/dist/types/view/modals/wait-message/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { WaitMessageProps } from '.';
+import { WaitMessageProps } from './index.js';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story<WaitMessageProps>;

package/dist/types/view/storybook/decorator.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Theme } from '@elliemae/pui-theme';
-import { AppStore } from '../../data/store';
+import { AppStore } from '../../data/store.js';
 declare type StoreFn = () => React.ReactElement;
 export declare const withAppDecorator: (theme: Theme, store: AppStore, story: StoreFn) => JSX.Element;
 export {};

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>>;