@ionic/react 7.5.4-dev.11699022585.1a5dc61d → 7.5.4-dev.11699031793.11a4baba

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

@@ -3,7 +3,7 @@ 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 & {
+declare type Props = LocalJSX.IonApp & IonicReactProps & {
     ref?: React.Ref<HTMLIonAppElement>;
 };
 export declare const IonApp: {

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

@@ -14,7 +14,7 @@ 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 = {
+export declare type UseIonRouterResult = {
     /**
      * @deprecated - Use goBack instead
      * @param animationBuilder - Optional - A custom transition animation to use

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

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

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

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

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

@@ -1,7 +1,7 @@
 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'> & {
+export declare type HrefProps<T> = Omit<T, 'routerDirection'> & {
     routerLink?: string;
     routerDirection?: RouterDirection;
     routerOptions?: RouterOptions;

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

@@ -2,7 +2,7 @@ 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 & {
+declare type Props = Omit<LocalJSX.IonBackButton, 'icon'> & IonicReactProps & {
     icon?: {
         ios: string;
         md: string;

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

@@ -8,7 +8,7 @@ export declare const IonTabBar: React.ForwardRefExoticComponent<LocalJSX.IonTabB
     onIonTabsWillChange?: ((event: CustomEvent<{
         tab: string;
     }>) => void) | undefined;
-    slot?: "top" | "bottom" | undefined;
+    slot?: "bottom" | "top" | undefined;
     style?: {
         [key: string]: string;
     } | undefined;

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

@@ -2,7 +2,7 @@ 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 & {
+declare type Props = LocalJSX.IonTabButton & IonicReactProps & {
     routerOptions?: RouterOptions;
     ref?: React.Ref<HTMLIonTabButtonElement>;
     onClick?: (e: CustomEvent) => void;

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

@@ -9,7 +9,7 @@ declare global {
         }
     }
 }
-type ChildFunction = (ionTabContext: IonTabsContextState) => React.ReactNode;
+declare type ChildFunction = (ionTabContext: IonTabsContextState) => React.ReactNode;
 interface Props extends LocalJSX.IonTabs {
     className?: string;
     children: ChildFunction | React.ReactNode;

package/dist/types/components/react-component-lib/utils/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { StyleReactProps } from '../interfaces';
-export type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
-export type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
+export declare type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
+export declare type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
 export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
 export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
 export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & StyleReactProps> & React.RefAttributes<ElementType>>;

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

@@ -1,8 +1,8 @@
 import type { Config as CoreConfig, Platforms } from '@ionic/core/components';
 import React from 'react';
 import type { IonicReactProps } from '../IonicReactProps';
-export type IonicReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & IonicReactProps;
+export declare type IonicReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & IonicReactProps;
 export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & IonicReactProps> & React.RefAttributes<ElementType>>;
 export declare const isPlatform: (platform: Platforms) => boolean;
-export declare const getPlatforms: () => ("hybrid" | "ios" | "ipad" | "iphone" | "android" | "phablet" | "tablet" | "cordova" | "capacitor" | "electron" | "pwa" | "mobile" | "mobileweb" | "desktop")[];
+export declare const getPlatforms: () => ("ipad" | "iphone" | "ios" | "android" | "phablet" | "tablet" | "cordova" | "capacitor" | "electron" | "pwa" | "mobile" | "mobileweb" | "desktop" | "hybrid")[];
 export declare const getConfig: () => CoreConfig | null;

package/dist/types/hooks/useIonActionSheet.d.ts

@@ -5,7 +5,7 @@ import type { HookOverlayOptions } from './HookOverlayOptions';
  * @returns Returns the present and dismiss methods in an array
  */
 export declare function useIonActionSheet(): UseIonActionSheetResult;
-export type UseIonActionSheetResult = [
+export declare type UseIonActionSheetResult = [
     {
         /**
          * Presents the action sheet

package/dist/types/hooks/useIonAlert.d.ts

@@ -5,7 +5,7 @@ import type { HookOverlayOptions } from './HookOverlayOptions';
  * @returns Returns the present and dismiss methods in an array
  */
 export declare function useIonAlert(): UseIonAlertResult;
-export type UseIonAlertResult = [
+export declare type UseIonAlertResult = [
     {
         /**
          * Presents the alert

package/dist/types/hooks/useIonLoading.d.ts

@@ -5,7 +5,7 @@ import type { HookOverlayOptions } from './HookOverlayOptions';
  * @returns Returns the present and dismiss methods in an array
  */
 export declare function useIonLoading(): UseIonLoadingResult;
-export type UseIonLoadingResult = [
+export declare type UseIonLoadingResult = [
     {
         /**
          * Presents the loading indicator

package/dist/types/hooks/useIonModal.d.ts

@@ -8,7 +8,7 @@ import type { HookOverlayOptions } from './HookOverlayOptions';
  * @returns Returns the present and dismiss methods in an array
  */
 export declare function useIonModal(component: ReactComponentOrElement, componentProps?: any): UseIonModalResult;
-export type UseIonModalResult = [
+export declare type UseIonModalResult = [
     (options?: Omit<ModalOptions, 'component' | 'componentProps'> & HookOverlayOptions) => void,
     /**
      * Dismisses the modal

package/dist/types/hooks/useIonPicker.d.ts

@@ -5,7 +5,7 @@ import type { HookOverlayOptions } from './HookOverlayOptions';
  * @returns Returns the present and dismiss methods in an array
  */
 export declare function useIonPicker(): UseIonPickerResult;
-export type UseIonPickerResult = [
+export declare type UseIonPickerResult = [
     {
         /**
          * Presents the picker

package/dist/types/hooks/useIonPopover.d.ts

@@ -8,7 +8,7 @@ import type { HookOverlayOptions } from './HookOverlayOptions';
  * @returns Returns the present and dismiss methods in an array
  */
 export declare function useIonPopover(component: ReactComponentOrElement, componentProps?: any): UseIonPopoverResult;
-export type UseIonPopoverResult = [
+export declare type UseIonPopoverResult = [
     (options?: Omit<PopoverOptions, 'component' | 'componentProps'> & HookOverlayOptions) => void,
     /**
      * Dismisses the popover

package/dist/types/hooks/useIonToast.d.ts

@@ -5,7 +5,7 @@ import type { HookOverlayOptions } from './HookOverlayOptions';
  * @returns Returns the present and dismiss methods in an array
  */
 export declare function useIonToast(): UseIonToastResult;
-export type UseIonToastResult = [
+export declare type UseIonToastResult = [
     {
         /**
          * Presents the toast

package/dist/types/models/ReactComponentOrElement.d.ts

@@ -1,2 +1,2 @@
 import type React from 'react';
-export type ReactComponentOrElement = React.ComponentClass<any, any> | React.FC<any> | JSX.Element;
+export declare type ReactComponentOrElement = React.ComponentClass<any, any> | React.FC<any> | JSX.Element;

package/dist/types/models/RouteAction.d.ts

@@ -1 +1 @@
-export type RouteAction = 'push' | 'replace' | 'pop';
+export declare type RouteAction = 'push' | 'replace' | 'pop';

package/dist/types/models/RouterDirection.d.ts

@@ -1 +1 @@
-export type RouterDirection = 'forward' | 'back' | 'root' | 'none';
+export declare type RouterDirection = 'forward' | 'back' | 'root' | 'none';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react",
-  "version": "7.5.4-dev.11699022585.1a5dc61d",
+  "version": "7.5.4-dev.11699031793.11a4baba",
   "description": "React specific wrapper for @ionic/core",
   "keywords": [
     "ionic",
@@ -19,20 +19,6 @@
     "type": "git",
     "url": "git+https://github.com/ionic-team/ionic-framework.git"
   },
-  "scripts": {
-    "build": "npm run clean && npm run copy && npm run compile",
-    "clean": "rimraf dist && rimraf dist-transpiled && rimraf routing",
-    "compile": "npm run tsc && rollup -c",
-    "eslint": "eslint src",
-    "prettier": "prettier \"./src/**/*.{html,ts,tsx,js,jsx}\"",
-    "lint": "npm run eslint && npm run prettier -- --write --cache",
-    "lint.fix": "npm run eslint -- --fix && npm run prettier -- --write --cache",
-    "tsc": "tsc -p .",
-    "copy": "node scripts/copy.js",
-    "test.spec": "jest --ci",
-    "test.treeshake": "node scripts/treeshaking.js dist/index.esm.js",
-    "sync": "sh ./scripts/sync.sh"
-  },
   "main": "dist/index.js",
   "types": "dist/types/index.d.ts",
   "files": [
@@ -40,8 +26,8 @@
     "css/"
   ],
   "dependencies": {
-    "@ionic/core": "7.5.4-dev.11699022585.1a5dc61d",
-    "ionicons": "^7.2.2-dev.11699022363.15a70775",
+    "@ionic/core": "7.5.4-dev.11699031793.11a4baba",
+    "ionicons": "^7.0.0",
     "tslib": "*"
   },
   "peerDependencies": {
@@ -52,8 +38,9 @@
     "@ionic/eslint-config": "^0.3.0",
     "@ionic/prettier-config": "^2.0.0",
     "@rollup/plugin-node-resolve": "^8.1.0",
+    "@rollup/plugin-typescript": "^11.1.5",
     "@rollup/plugin-virtual": "^2.0.3",
-    "@testing-library/jest-dom": "^5.11.6",
+    "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^11.2.2",
     "@testing-library/react-hooks": "^7.0.1",
     "@types/jest": "^26.0.15",
@@ -65,6 +52,7 @@
     "eslint": "^7.32.0",
     "fs-extra": "^9.0.1",
     "jest": "^26.6.3",
+    "jest-environment-jsdom": "^26.6.0",
     "np": "^6.4.0",
     "prettier": "^2.8.3",
     "react": "^16.9.0",
@@ -83,7 +71,6 @@
     "testPathIgnorePatterns": [
       "cypress",
       "node_modules",
-      "dist-transpiled",
       "dist",
       "test/base/*",
       "test/apps/*",
@@ -93,5 +80,18 @@
       "<rootDir>"
     ]
   },
-  "prettier": "@ionic/prettier-config"
-}
+  "prettier": "@ionic/prettier-config",
+  "scripts": {
+    "build": "pnpm run clean && pnpm run copy && pnpm run compile",
+    "build.watch": "pnpm run compile --watch",
+    "clean": "rimraf dist && rimraf routing",
+    "compile": "rollup -c",
+    "eslint": "eslint src",
+    "prettier": "prettier \"./src/**/*.{html,ts,tsx,js,jsx}\"",
+    "lint": "pnpm run eslint && pnpm run prettier --write --cache",
+    "lint.fix": "pnpm run eslint --fix && pnpm run prettier --write --cache",
+    "copy": "node scripts/copy.js",
+    "test.spec": "jest --ci",
+    "test.treeshake": "node scripts/treeshaking.js dist/index.esm.js"
+  }
+}