@akanjs/client 0.9.34 → 0.9.36

package/esm/src/csrTypes.js

@@ -1,5 +1,8 @@
 "use client";
-import { createContext, useContext } from "react";
+import {
+  createContext,
+  useContext
+} from "react";
 const DEFAULT_TOP_INSET = 48;
 const DEFAULT_BOTTOM_INSET = 60;
 const defaultPageState = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akanjs/client",
-  "version": "0.9.34",
+  "version": "0.9.36",
   "sourceType": "module",
   "publishConfig": {
     "access": "public"
@@ -25,7 +25,7 @@
     "js-cookie": "^3.0.5",
     "jwt-decode": "^4.0.0",
     "next": "15.3.2",
-    "react": "18.3.1",
+    "react": "19.1.1",
     "react-device-detect": "^2.2.3"
   },
   "exports": {

package/src/csrTypes.d.ts

@@ -1,7 +1,6 @@
 import type { ReactDOMAttributes } from "@use-gesture/react/dist/declarations/src/types";
-import { type ExoticComponent, type MutableRefObject } from "react";
-import { ReactNode } from "react";
-import type { AnimatedComponent, Interpolation, SpringValue } from "react-spring";
+import { type ForwardRefExoticComponent, MutableRefObject, ReactNode, RefObject } from "react";
+import type { AnimatedComponent, AnimatedProps, Interpolation, SpringValue } from "react-spring";
 import type { RouterInstance } from "./router";
 export type TransitionType = "none" | "fade" | "bottomUp" | "stack" | "scaleOut";
 export interface CsrConfig {
@@ -46,7 +45,8 @@ export interface Route {
     pageState?: PageState;
     children: Map<string, Route>;
 }
-export type TransitionStyle = NonNullable<AnimatedComponent<ExoticComponent>["defaultProps"]>["style"];
+export type AnimatedDivProps = AnimatedComponent<"div"> extends ForwardRefExoticComponent<AnimatedProps<infer P>> ? P : never;
+export type TransitionStyle = AnimatedDivProps["style"];
 export interface SafeAreaTransition {
     containerStyle: TransitionStyle;
 }
@@ -110,11 +110,11 @@ export interface RouteState {
     location: Location;
     prevLocation: Location | null;
     history: MutableRefObject<History>;
-    topSafeAreaRef: MutableRefObject<HTMLDivElement | null>;
-    bottomSafeAreaRef: MutableRefObject<HTMLDivElement | null>;
-    prevPageContentRef: MutableRefObject<HTMLDivElement | null>;
-    pageContentRef: MutableRefObject<HTMLDivElement | null>;
-    frameRootRef: MutableRefObject<HTMLDivElement | null>;
+    topSafeAreaRef: RefObject<HTMLDivElement>;
+    bottomSafeAreaRef: RefObject<HTMLDivElement>;
+    prevPageContentRef: RefObject<HTMLDivElement>;
+    pageContentRef: RefObject<HTMLDivElement>;
+    frameRootRef: RefObject<HTMLDivElement>;
     onBack: MutableRefObject<{
         [K in TransitionType]?: () => Promise<void>;
     }>;

package/src/device.d.ts

@@ -1,5 +1,5 @@
 import { type DeviceInfo } from "@capacitor/device";
-import type { MutableRefObject } from "react";
+import type { RefObject } from "react";
 interface DeviceInitOption {
     lang?: string;
     supportLanguages?: string[] | readonly string[];
@@ -12,7 +12,7 @@ declare class Device {
     bottomSafeArea: number;
     isMobile: boolean;
     init({ lang, supportLanguages }?: DeviceInitOption): Promise<void>;
-    setPageContentRef(pageContentRef: MutableRefObject<HTMLDivElement | null>): void;
+    setPageContentRef(pageContentRef: RefObject<HTMLDivElement>): void;
     showKeyboard(): Promise<void>;
     hideKeyboard(): Promise<void>;
     listenKeyboardChanged(onKeyboardChanged: (height: number) => void): void;