@ionic/react 7.5.3-dev.11698858201.14165f23 → 7.5.3-dev.11699994454.1cbf1283

package/dist/types/components/CreateAnimation.d.ts

@@ -0,0 +1,71 @@
+import type { Animation, AnimationCallbackOptions, AnimationDirection, AnimationFill, AnimationKeyFrames, AnimationLifecycle } from '@ionic/core/components';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+interface PartialPropertyValue {
+    property: string;
+    value: any;
+}
+interface PropertyValue {
+    property: string;
+    fromValue: any;
+    toValue: any;
+}
+export interface CreateAnimationProps {
+    delay?: number;
+    direction?: AnimationDirection;
+    duration?: number;
+    easing?: string;
+    fill?: AnimationFill;
+    iterations?: number;
+    id?: string;
+    afterAddRead?: () => void;
+    afterAddWrite?: () => void;
+    afterClearStyles?: string[];
+    afterStyles?: {
+        [property: string]: any;
+    };
+    afterAddClass?: string | string[];
+    afterRemoveClass?: string | string[];
+    beforeAddRead?: () => void;
+    beforeAddWrite?: () => void;
+    beforeClearStyles?: string[];
+    beforeStyles?: {
+        [property: string]: any;
+    };
+    beforeAddClass?: string | string[];
+    beforeRemoveClass?: string | string[];
+    onFinish?: {
+        callback: AnimationLifecycle;
+        opts?: AnimationCallbackOptions;
+    };
+    keyframes?: AnimationKeyFrames;
+    from?: PartialPropertyValue[] | PartialPropertyValue;
+    to?: PartialPropertyValue[] | PartialPropertyValue;
+    fromTo?: PropertyValue[] | PropertyValue;
+    play?: boolean;
+    pause?: boolean;
+    stop?: boolean;
+    destroy?: boolean;
+    progressStart?: {
+        forceLinearEasing: boolean;
+        step?: number;
+    };
+    progressStep?: {
+        step: number;
+    };
+    progressEnd?: {
+        playTo: 0 | 1 | undefined;
+        step: number;
+        dur?: number;
+    };
+}
+export declare class CreateAnimation extends React.PureComponent<PropsWithChildren<CreateAnimationProps>> {
+    nodes: Map<number, HTMLElement>;
+    animation: Animation;
+    constructor(props: any);
+    setupAnimation(props: any): void;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: any): void;
+    render(): JSX.Element;
+}
+export {};

package/dist/types/components/IonActionSheet.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { JSX } from '@ionic/core/components';
+export declare const IonActionSheet: import("react").ForwardRefExoticComponent<JSX.IonActionSheet & Omit<import("react").HTMLAttributes<HTMLIonActionSheetElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonActionSheetElement>>;

package/dist/types/components/IonAlert.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { JSX } from '@ionic/core/components';
+export declare const IonAlert: import("react").ForwardRefExoticComponent<JSX.IonAlert & Omit<import("react").HTMLAttributes<HTMLIonAlertElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonAlertElement>>;

package/dist/types/components/IonApp.d.ts

@@ -0,0 +1,41 @@
+import type { JSX as LocalJSX } from '@ionic/core/components';
+import React from 'react';
+import type { IonContextInterface } from '../contexts/IonContext';
+import type { ReactComponentOrElement } from '../models';
+import type { IonicReactProps } from './IonicReactProps';
+type Props = LocalJSX.IonApp & IonicReactProps & {
+    ref?: React.Ref<HTMLIonAppElement>;
+};
+export declare const IonApp: {
+    new (props: Props): {
+        addOverlayCallback?: ((id: string, overlay: ReactComponentOrElement, containerElement: HTMLDivElement) => void) | undefined;
+        removeOverlayCallback?: ((id: string) => void) | undefined;
+        ionContext: IonContextInterface;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    readonly displayName: string;
+    contextType?: React.Context<any> | undefined;
+};
+export {};

package/dist/types/components/IonIcon.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { IonicReactProps } from './IonicReactProps';
+interface IonIconProps {
+    color?: string;
+    flipRtl?: boolean;
+    icon?: string;
+    ios?: string;
+    lazy?: boolean;
+    md?: string;
+    mode?: 'ios' | 'md';
+    name?: string;
+    size?: string;
+    src?: string;
+}
+export declare const IonIcon: React.ForwardRefExoticComponent<IonIconProps & IonicReactProps & Omit<React.HTMLAttributes<HTMLIonIconElement>, "style"> & React.RefAttributes<HTMLIonIconElement>>;
+export {};

package/dist/types/components/IonLoading.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { JSX } from '@ionic/core/components';
+export declare const IonLoading: import("react").ForwardRefExoticComponent<JSX.IonLoading & Omit<import("react").HTMLAttributes<HTMLIonLoadingElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonLoadingElement>>;

package/dist/types/components/IonModal.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { JSX } from '@ionic/core/components';
+export declare const IonModal: import("react").ForwardRefExoticComponent<JSX.IonModal & Omit<import("react").HTMLAttributes<HTMLIonModalElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonModalElement>>;

package/dist/types/components/IonOverlayManager.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { ReactComponentOrElement } from '../models';
+interface IonOverlayManagerProps {
+    onAddOverlay: (callback: (id: string, component: ReactComponentOrElement, containerElement: HTMLDivElement) => void) => void;
+    onRemoveOverlay: (callback: (id: string) => void) => void;
+}
+/**
+ * Manages overlays that are added via the useOverlay hook.
+ * This is a standalone component so changes to its children don't cause other descendant
+ * components to re-render when overlays are added. However, we need to communicate with the IonContext
+ * that is set up in <IonApp />, so we register callbacks so when overlays are added to IonContext,
+ * they ultimately added here.
+ */
+export declare const IonOverlayManager: React.FC<IonOverlayManagerProps>;
+export {};

package/dist/types/components/IonPage.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IonicReactProps } from './IonicReactProps';
+export declare const IonPage: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<unknown>, "style"> & IonicReactProps & React.RefAttributes<unknown>>;

package/dist/types/components/IonPicker.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { JSX } from '@ionic/core/components';
+export declare const IonPicker: import("react").ForwardRefExoticComponent<JSX.IonPicker & Omit<import("react").HTMLAttributes<HTMLIonPickerElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonPickerElement>>;

package/dist/types/components/IonPopover.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { JSX } from '@ionic/core/components';
+export declare const IonPopover: import("react").ForwardRefExoticComponent<JSX.IonPopover & Omit<import("react").HTMLAttributes<HTMLIonPopoverElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonPopoverElement>>;

package/dist/types/components/IonRedirect.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { NavContext } from '../contexts/NavContext';
+export interface IonRedirectProps {
+    path?: string;
+    exact?: boolean;
+    to: string;
+    routerOptions?: unknown;
+}
+interface IonRedirectState {
+}
+export declare class IonRedirect extends React.PureComponent<IonRedirectProps, IonRedirectState> {
+    context: React.ContextType<typeof NavContext>;
+    render(): JSX.Element | null;
+    static get contextType(): React.Context<import("../contexts/NavContext").NavContextState>;
+}
+export {};

package/dist/types/components/IonRoute.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { NavContext } from '../contexts/NavContext';
+export interface IonRouteProps {
+    path?: string;
+    exact?: boolean;
+    show?: boolean;
+    render: (props?: any) => JSX.Element;
+    disableIonPageManagement?: boolean;
+}
+interface IonRouteState {
+}
+export declare class IonRoute extends React.PureComponent<IonRouteProps, IonRouteState> {
+    context: React.ContextType<typeof NavContext>;
+    render(): JSX.Element | null;
+    static get contextType(): React.Context<import("../contexts/NavContext").NavContextState>;
+}
+export {};

package/dist/types/components/IonRouterContext.d.ts

@@ -0,0 +1,42 @@
+import type { AnimationBuilder } from '@ionic/core/components';
+import React from 'react';
+import type { RouteAction, RouterDirection, RouterOptions } from '../models';
+import type { RouteInfo } from '../models/RouteInfo';
+export interface IonRouterContextState {
+    routeInfo: RouteInfo;
+    push: (pathname: string, routerDirection?: RouterDirection, routeAction?: RouteAction, routerOptions?: RouterOptions, animationBuilder?: AnimationBuilder) => void;
+    back: (animationBuilder?: AnimationBuilder) => void;
+    canGoBack: () => boolean;
+    nativeBack: () => void;
+}
+export declare const IonRouterContext: React.Context<IonRouterContextState>;
+/**
+ * A hook for more direct control over routing in an Ionic React application. Allows you to pass additional meta-data to the router before the call to the native router.
+ */
+export declare function useIonRouter(): UseIonRouterResult;
+export type UseIonRouterResult = {
+    /**
+     * @deprecated - Use goBack instead
+     * @param animationBuilder - Optional - A custom transition animation to use
+     */
+    back(animationBuilder?: AnimationBuilder): void;
+    /**
+     * Navigates to a new pathname
+     * @param pathname - The path to navigate to
+     * @param routerDirection - Optional - The RouterDirection to use for transition purposes, defaults to 'forward'
+     * @param routeAction - Optional - The RouteAction to use for history purposes, defaults to 'push'
+     * @param routerOptions - Optional - Any additional parameters to pass to the router
+     * @param animationBuilder - Optional - A custom transition animation to use
+     */
+    push(pathname: string, routerDirection?: RouterDirection, routeAction?: RouteAction, routerOptions?: RouterOptions, animationBuilder?: AnimationBuilder): void;
+    /**
+     * Navigates backwards in history, using the IonRouter to determine history
+     * @param animationBuilder - Optional - A custom transition animation to use
+     */
+    goBack(animationBuilder?: AnimationBuilder): void;
+    /**
+     * Determines if there are any additional routes in the the Router's history. However, routing is not prevented if the browser's history has more entries. Returns true if more entries exist, false if not.
+     */
+    canGoBack(): boolean;
+    routeInfo: RouteInfo;
+};

package/dist/types/components/IonRouterOutlet.d.ts

@@ -0,0 +1,8 @@
+import type { JSX as LocalJSX } from '@ionic/core/components';
+import React from 'react';
+import type { IonicReactProps } from './IonicReactProps';
+export declare const IonRouterOutlet: React.ForwardRefExoticComponent<Pick<LocalJSX.IonRouterOutlet & {
+    basePath?: string | undefined;
+    ref?: React.Ref<any> | undefined;
+    ionPage?: boolean | undefined;
+} & IonicReactProps & Omit<React.HTMLAttributes<HTMLIonRouterOutletElement>, "style">, "id" | "color" | "translate" | "hidden" | "slot" | "title" | "dir" | "accessKey" | "draggable" | "lang" | "prefix" | "role" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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" | keyof IonicReactProps | keyof LocalJSX.IonRouterOutlet | "basePath" | "ionPage"> & React.RefAttributes<HTMLIonRouterOutletElement>>;

package/dist/types/components/IonToast.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { JSX } from '@ionic/core/components';
+export declare const IonToast: import("react").ForwardRefExoticComponent<JSX.IonToast & Omit<import("react").HTMLAttributes<HTMLIonToastElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonToastElement>>;

package/dist/types/components/IonicReactProps.d.ts

@@ -0,0 +1,6 @@
+export interface IonicReactProps {
+    className?: string;
+    style?: {
+        [key: string]: any;
+    };
+}

package/dist/types/components/__tests__/utils.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/dist/types/components/createControllerComponent.d.ts

@@ -0,0 +1,19 @@
+import type { OverlayEventDetail } from '@ionic/core/components';
+import React from 'react';
+interface OverlayBase extends HTMLElement {
+    present: () => Promise<void>;
+    dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;
+}
+export interface ReactControllerProps {
+    isOpen: boolean;
+    onDidDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
+    onDidPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
+    onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
+    onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
+}
+export declare const createControllerComponent: <OptionsType extends object, OverlayType extends OverlayBase>(tagName: string, controller: {
+    create: (options: OptionsType) => Promise<OverlayType>;
+}, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<OptionsType & ReactControllerProps & {
+    forwardedRef?: React.ForwardedRef<OverlayType> | undefined;
+}> & React.RefAttributes<OverlayType>>;
+export {};

package/dist/types/components/createInlineOverlayComponent.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const createInlineOverlayComponent: <PropType, ElementType>(tagName: string, defineCustomElement?: () => void, hasDelegateHost?: boolean) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & import("./IonicReactProps").IonicReactProps> & React.RefAttributes<ElementType>>;

package/dist/types/components/createOverlayComponent.d.ts

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

package/dist/types/components/createRoutingComponent.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const createRoutingComponent: <PropType, ElementType>(tagName: string, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & import("./IonicReactProps").IonicReactProps> & React.RefAttributes<ElementType>>;

package/dist/types/components/hrefprops.d.ts

@@ -0,0 +1,9 @@
+import type { AnimationBuilder } from '@ionic/core/components';
+import type { RouterOptions } from '../models';
+import type { RouterDirection } from '../models/RouterDirection';
+export type HrefProps<T> = Omit<T, 'routerDirection'> & {
+    routerLink?: string;
+    routerDirection?: RouterDirection;
+    routerOptions?: RouterOptions;
+    routerAnimation?: AnimationBuilder;
+};

package/dist/types/components/index.d.ts

@@ -0,0 +1,35 @@
+import type { IonicConfig } from '@ionic/core/components';
+export { createAnimation, createGesture, iosTransitionAnimation, mdTransitionAnimation, IonicSlides, getTimeGivenProgression, getIonPageElement, openURL, Animation, AnimationBuilder, AnimationCallbackOptions, AnimationDirection, AnimationFill, AnimationKeyFrames, AnimationLifecycle, Gesture, GestureConfig, GestureDetail, NavComponentWithProps, SpinnerTypes, AccordionGroupCustomEvent, AccordionGroupChangeEventDetail, BreadcrumbCustomEvent, BreadcrumbCollapsedClickEventDetail, ActionSheetOptions, ActionSheetButton, AlertOptions, AlertInput, AlertButton, BackButtonEvent, CheckboxCustomEvent, CheckboxChangeEventDetail, DatetimeCustomEvent, DatetimeChangeEventDetail, InfiniteScrollCustomEvent, InputCustomEvent, InputChangeEventDetail, ItemReorderEventDetail, ItemReorderCustomEvent, ItemSlidingCustomEvent, IonicSafeString, LoadingOptions, MenuCustomEvent, ModalOptions, NavCustomEvent, PickerOptions, PickerButton, PickerColumn, PickerColumnOption, PopoverOptions, RadioGroupCustomEvent, RadioGroupChangeEventDetail, RangeCustomEvent, RangeChangeEventDetail, RangeKnobMoveStartEventDetail, RangeKnobMoveEndEventDetail, RefresherCustomEvent, RefresherEventDetail, RouterEventDetail, RouterCustomEvent, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollDetail, ScrollCustomEvent, SearchbarCustomEvent, SearchbarChangeEventDetail, SearchbarInputEventDetail, SegmentChangeEventDetail, SegmentCustomEvent, SegmentValue, SelectChangeEventDetail, SelectCustomEvent, TabsCustomEvent, TextareaChangeEventDetail, TextareaCustomEvent, ToastOptions, ToastButton, ToastLayout, ToggleChangeEventDetail, ToggleCustomEvent, TransitionOptions, } from '@ionic/core/components';
+export * from './proxies';
+export * from './routing-proxies';
+export { IonAlert } from './IonAlert';
+export { IonLoading } from './IonLoading';
+export * from './IonToast';
+export { IonPicker } from './IonPicker';
+export * from './IonActionSheet';
+export { IonModal } from './IonModal';
+export { IonPopover } from './IonPopover';
+export { IonApp } from './IonApp';
+export { IonPage } from './IonPage';
+export { IonNav } from './navigation/IonNav';
+export { IonTabsContext, IonTabsContextState } from './navigation/IonTabsContext';
+export { IonTabs } from './navigation/IonTabs';
+export { IonTabBar } from './navigation/IonTabBar';
+export { IonTabButton } from './navigation/IonTabButton';
+export { IonBackButton } from './navigation/IonBackButton';
+export { IonRouterOutlet } from './IonRouterOutlet';
+export { IonIcon } from './IonIcon';
+export * from './IonRoute';
+export * from './IonRedirect';
+export * from './IonRouterContext';
+export { isPlatform, getPlatforms, getConfig } from './utils';
+export * from './hrefprops';
+export { CreateAnimation } from './CreateAnimation';
+export { useIonActionSheet, UseIonActionSheetResult } from '../hooks/useIonActionSheet';
+export { useIonAlert, UseIonAlertResult } from '../hooks/useIonAlert';
+export { useIonToast, UseIonToastResult } from '../hooks/useIonToast';
+export { useIonModal, UseIonModalResult } from '../hooks/useIonModal';
+export { useIonPopover, UseIonPopoverResult } from '../hooks/useIonPopover';
+export { useIonPicker, UseIonPickerResult } from '../hooks/useIonPicker';
+export { useIonLoading, UseIonLoadingResult } from '../hooks/useIonLoading';
+export declare const setupIonicReact: (config?: IonicConfig) => void;

package/dist/types/components/inner-proxies.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { JSX } from '@ionic/core/components';
+import type { JSX as IoniconsJSX } from 'ionicons';
+export declare const IonTabButtonInner: import("react").ForwardRefExoticComponent<JSX.IonTabButton & {
+    onIonTabButtonClick?: ((e: CustomEvent) => void) | undefined;
+} & Omit<import("react").HTMLAttributes<HTMLIonTabButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonTabButtonElement>>;
+export declare const IonTabBarInner: import("react").ForwardRefExoticComponent<JSX.IonTabBar & Omit<import("react").HTMLAttributes<HTMLIonTabBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonTabBarElement>>;
+export declare const IonBackButtonInner: import("react").ForwardRefExoticComponent<Omit<JSX.IonBackButton, "icon"> & Omit<import("react").HTMLAttributes<HTMLIonBackButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonBackButtonElement>>;
+export declare const IonRouterOutletInner: import("react").ForwardRefExoticComponent<JSX.IonRouterOutlet & {
+    setRef?: ((val: HTMLIonRouterOutletElement) => void) | undefined;
+    forwardedRef?: import("react").ForwardedRef<HTMLIonRouterOutletElement> | undefined;
+} & Omit<import("react").HTMLAttributes<HTMLIonRouterOutletElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRouterOutletElement>>;
+export declare const IonAppInner: import("react").ForwardRefExoticComponent<JSX.IonApp & Omit<import("react").HTMLAttributes<HTMLIonAppElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonAppElement>>;
+export declare const IonIconInner: import("react").ForwardRefExoticComponent<IoniconsJSX.IonIcon & Omit<import("react").HTMLAttributes<HTMLIonIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonIconElement>>;

package/dist/types/components/navigation/IonBackButton.d.ts

@@ -0,0 +1,68 @@
+import type { JSX as LocalJSX } from '@ionic/core/components';
+import React from 'react';
+import { NavContext } from '../../contexts/NavContext';
+import type { IonicReactProps } from '../IonicReactProps';
+type Props = Omit<LocalJSX.IonBackButton, 'icon'> & IonicReactProps & {
+    icon?: {
+        ios: string;
+        md: string;
+    } | string;
+    ref?: React.Ref<HTMLIonBackButtonElement>;
+};
+export declare const IonBackButton: {
+    new (props: Props | Readonly<Props>): {
+        context: React.ContextType<typeof NavContext>;
+        clickButton: (e: React.MouseEvent) => void;
+        render(): JSX.Element;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: Props, context: any): {
+        context: React.ContextType<typeof NavContext>;
+        clickButton: (e: React.MouseEvent) => void;
+        render(): JSX.Element;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    readonly displayName: string;
+    readonly contextType: React.Context<import("../../contexts/NavContext").NavContextState>;
+};
+export {};

package/dist/types/components/navigation/IonNav.d.ts

@@ -0,0 +1,5 @@
+import type { JSX } from '@ionic/core/components';
+import React from 'react';
+export declare const IonNav: React.ForwardRefExoticComponent<JSX.IonNav & {
+    forwardedRef?: React.ForwardedRef<HTMLIonNavElement> | undefined;
+} & Omit<React.HTMLAttributes<HTMLIonNavElement>, "style"> & import("../IonicReactProps").IonicReactProps & React.RefAttributes<HTMLIonNavElement>>;

package/dist/types/components/navigation/IonTabBar.d.ts

@@ -0,0 +1,15 @@
+import type { JSX as LocalJSX } from '@ionic/core/components';
+import React from 'react';
+import type { IonicReactProps } from '../IonicReactProps';
+export declare const IonTabBar: React.ForwardRefExoticComponent<LocalJSX.IonTabBar & IonicReactProps & {
+    onIonTabsDidChange?: ((event: CustomEvent<{
+        tab: string;
+    }>) => void) | undefined;
+    onIonTabsWillChange?: ((event: CustomEvent<{
+        tab: string;
+    }>) => void) | undefined;
+    slot?: "top" | "bottom" | undefined;
+    style?: {
+        [key: string]: string;
+    } | undefined;
+} & Omit<React.HTMLAttributes<HTMLIonTabBarElement>, "style"> & React.RefAttributes<HTMLIonTabBarElement>>;

package/dist/types/components/navigation/IonTabButton.d.ts

@@ -0,0 +1,40 @@
+import type { JSX as LocalJSX } from '@ionic/core/components';
+import React from 'react';
+import type { RouterOptions } from '../../models';
+import type { IonicReactProps } from '../IonicReactProps';
+type Props = LocalJSX.IonTabButton & IonicReactProps & {
+    routerOptions?: RouterOptions;
+    ref?: React.Ref<HTMLIonTabButtonElement>;
+    onClick?: (e: CustomEvent) => void;
+};
+export declare const IonTabButton: {
+    new (props: Props): {
+        handleIonTabButtonClick(): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    readonly displayName: string;
+    contextType?: React.Context<any> | undefined;
+};
+export {};

package/dist/types/components/navigation/IonTabs.d.ts

@@ -0,0 +1,49 @@
+import type { JSX as LocalJSX } from '@ionic/core/components';
+import React from 'react';
+import { NavContext } from '../../contexts/NavContext';
+import type { IonTabsContextState } from './IonTabsContext';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'ion-tabs': any;
+        }
+    }
+}
+type ChildFunction = (ionTabContext: IonTabsContextState) => React.ReactNode;
+interface Props extends LocalJSX.IonTabs {
+    className?: string;
+    children: ChildFunction | React.ReactNode;
+}
+export declare const IonTabs: {
+    new (props: Props): {
+        context: React.ContextType<typeof NavContext>;
+        routerOutletRef: React.Ref<HTMLIonRouterOutletElement>;
+        selectTabHandler?: ((tag: string) => boolean) | undefined;
+        tabBarRef: React.RefObject<any>;
+        ionTabContextState: IonTabsContextState;
+        componentDidMount(): void;
+        render(): JSX.Element;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    readonly contextType: React.Context<import("../../contexts/NavContext").NavContextState>;
+};
+export {};

package/dist/types/components/navigation/IonTabsContext.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface IonTabsContextState {
+    activeTab: string | undefined;
+    selectTab: (tab: string) => boolean;
+}
+export declare const IonTabsContext: React.Context<IonTabsContextState>;