@flemo/react 1.0.0

package/dist/navigate/__tests__/useNavigate.test.d.ts

@@ -0,0 +1,10 @@
+declare module '../../Route' {
+    interface RegisterRoute {
+        "/": Record<string, never>;
+        "/a": Record<string, never>;
+        "/b": Record<string, never>;
+        "/c": Record<string, never>;
+        "/c-prime": Record<string, never>;
+    }
+}
+export {};

package/dist/navigate/__tests__/useStep.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/navigate/useNavigate.d.ts

@@ -0,0 +1,13 @@
+import { TransitionName } from '@flemo/core';
+import { RegisterRoute } from '../Route';
+export default function useNavigate(): {
+    push: <T extends keyof RegisterRoute>(path: T, params?: RegisterRoute[T], options?: {
+        layoutId?: string | number;
+        transitionName?: TransitionName;
+    }) => Promise<void>;
+    replace: <T extends keyof RegisterRoute>(path: T, params?: RegisterRoute[T], options?: {
+        layoutId?: string | number;
+        transitionName?: TransitionName;
+    }) => Promise<void>;
+    pop: () => Promise<void>;
+};

package/dist/navigate/useStep.d.ts

@@ -0,0 +1,6 @@
+import { RegisterRoute } from '../Route';
+export default function useStep<T extends keyof RegisterRoute>(): {
+    pushStep: (params: RegisterRoute[T]) => Promise<void>;
+    replaceStep: (params: RegisterRoute[T]) => Promise<void>;
+    popStep: () => Promise<void>;
+};

package/dist/renderer/Renderer.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+declare function Renderer({ children }: PropsWithChildren): import("react").JSX.Element[];
+export default Renderer;

package/dist/screen/ParamsProvider/ParamsContext.d.ts

@@ -0,0 +1,2 @@
+declare const ParamsContext: import('react').Context<object>;
+export default ParamsContext;

package/dist/screen/ParamsProvider/ParamsDispatchContext.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch } from 'react';
+export interface ParamsDispatchContextType {
+    type: "SET";
+    params: object;
+}
+declare const ParamsDispatchContext: import('react').Context<Dispatch<ParamsDispatchContextType>>;
+export default ParamsDispatchContext;

package/dist/screen/ParamsProvider/ParamsProvider.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+declare function ParamsProvider({ children }: PropsWithChildren): import("react").JSX.Element;
+export default ParamsProvider;

package/dist/screen/ParamsProvider/ParamsReducer.d.ts

@@ -0,0 +1,3 @@
+import { ParamsDispatchContextType } from './ParamsDispatchContext';
+declare function ParamsReducer(state: object, action: ParamsDispatchContextType): object;
+export default ParamsReducer;

package/dist/screen/ParamsProvider/useParams.d.ts

@@ -0,0 +1,2 @@
+import { RegisterRoute } from '../../Route';
+export default function useParams<T extends keyof RegisterRoute>(): RegisterRoute[T];

package/dist/screen/ParamsProvider/useParamsDispatch.d.ts

@@ -0,0 +1 @@
+export default function useParamsDispatch(): import('react').Dispatch<import('./ParamsDispatchContext').ParamsDispatchContextType>;

package/dist/screen/Screen.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithoutRef, PropsWithChildren, ReactNode } from 'react';
+export interface ScreenProps extends PropsWithChildren<Omit<ComponentPropsWithoutRef<"div">, "onPointerDown" | "onPointerMove" | "onPointerUp" | "onPointerCancel">> {
+    statusBarHeight?: string;
+    statusBarColor?: string;
+    systemNavigationBarHeight?: string;
+    systemNavigationBarColor?: string;
+    backgroundColor?: string;
+    sharedAppBar?: ReactNode;
+    sharedNavigationBar?: ReactNode;
+    appBar?: ReactNode;
+    navigationBar?: ReactNode;
+    hideStatusBar?: boolean;
+    hideSystemNavigationBar?: boolean;
+    contentScrollable?: boolean;
+}
+declare function Screen({ children, ...props }: ScreenProps): import("react").JSX.Element;
+export default Screen;

package/dist/screen/ScreenContext.d.ts

@@ -0,0 +1,13 @@
+import { History, TransitionName } from '@flemo/core';
+import { Path } from 'path-to-regexp';
+export interface ScreenContextProps extends History {
+    id: string;
+    isActive: boolean;
+    isRoot: boolean;
+    isPrev: boolean;
+    zIndex: number;
+    prevTransitionName: TransitionName;
+    routePath: Path;
+}
+declare const ScreenContext: import('react').Context<ScreenContextProps>;
+export default ScreenContext;

package/dist/screen/ScreenDecorator.d.ts

@@ -0,0 +1,3 @@
+import { ComponentPropsWithRef } from 'react';
+declare function ScreenDecorator({ ref, style, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element | null;
+export default ScreenDecorator;

package/dist/screen/ScreenFreeze.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface ScreenFreezeProps {
+    freeze: boolean;
+    children: ReactNode;
+}
+declare function ScreenFreeze({ freeze, children }: ScreenFreezeProps): import("react").JSX.Element;
+export default ScreenFreeze;

package/dist/screen/ScreenMotion.d.ts

@@ -0,0 +1,3 @@
+import { ScreenProps } from './Screen';
+declare function ScreenMotion({ children, statusBarHeight, statusBarColor, systemNavigationBarHeight, systemNavigationBarColor, sharedAppBar, sharedNavigationBar, appBar, navigationBar, hideStatusBar, hideSystemNavigationBar, backgroundColor, contentScrollable, ...props }: ScreenProps): import("react").JSX.Element;
+export default ScreenMotion;

package/dist/screen/__tests__/store.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/screen/store.d.ts

@@ -0,0 +1,15 @@
+export interface SharedBarPresence {
+    appBar: boolean;
+    navigationBar: boolean;
+}
+interface ScreenStore {
+    dragStatus: "IDLE" | "PENDING";
+    replaceTransitionStatus: "IDLE" | "PENDING";
+    sharedBars: Record<string, SharedBarPresence>;
+    setDragStatus: (dragStatus: "IDLE" | "PENDING") => void;
+    setReplaceTransitionStatus: (replaceTransitionStatus: "IDLE" | "PENDING") => void;
+    registerSharedBars: (id: string, presence: SharedBarPresence) => void;
+    unregisterSharedBars: (id: string) => void;
+}
+declare const useScreenStore: import('zustand').UseBoundStore<import('zustand').StoreApi<ScreenStore>>;
+export default useScreenStore;

package/dist/screen/useScreen.d.ts

@@ -0,0 +1 @@
+export default function useScreen(): import('./ScreenContext').ScreenContextProps;

package/dist/screen/useViewportScrollHeight.d.ts

@@ -0,0 +1,4 @@
+export default function useViewportScrollHeight(): {
+    viewportScrollHeight: number;
+    changedViewportScrollHeight: number;
+};

package/dist/transition/animateInline.d.ts

@@ -0,0 +1,4 @@
+import { SwipeAnimate } from '@flemo/core';
+export declare const clearInlineAnimation: (el: HTMLElement, properties?: string[]) => void;
+declare const animateInline: SwipeAnimate;
+export default animateInline;

package/dist/transition/styles.d.ts

@@ -0,0 +1,2 @@
+import { Decorator, Transition } from '@flemo/core';
+export default function useTransitionStyles(transitions: Transition[], decorators: Decorator[]): void;

package/dist/utils/__tests__/buildRoutePath.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/buildRoutePath.d.ts

@@ -0,0 +1,6 @@
+import { Path } from 'path-to-regexp';
+import { RegisterRoute } from '../Route';
+export default function buildRoutePath<T extends keyof RegisterRoute>(path: Path, params: RegisterRoute[T]): {
+    pathname: string;
+    toPathname: string;
+};

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@flemo/react",
+  "version": "1.0.0",
+  "description": "React bindings for flemo — Router, Route, Screen, and the screen-transition runtime.",
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "keywords": [
+    "flemo",
+    "react",
+    "react-router",
+    "transition",
+    "page-transition",
+    "react-page-transition"
+  ],
+  "author": {
+    "name": "kimjh96",
+    "email": "kimjhs@kakao.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kimjh96/flemo.git",
+    "directory": "packages/react"
+  },
+  "bugs": {
+    "url": "https://github.com/kimjh96/flemo/issues",
+    "email": "kimjhs@kakao.com"
+  },
+  "homepage": "https://flemo-web.vercel.app",
+  "license": "MIT",
+  "dependencies": {
+    "path-to-regexp": "^8.2.0",
+    "zustand": "^5.0.11",
+    "@flemo/core": "1.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@types/node": "^24.3.0",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "@vitejs/plugin-react-swc": "^4.0.1",
+    "eslint": "^9.33.0",
+    "jsdom": "^25.0.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^2.1.8",
+    "@flemo/tsconfig": "0.0.0",
+    "@flemo/eslint-config": "0.0.0"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "watch": "vite build --watch",
+    "dev": "vite build --watch",
+    "lint": "eslint \"**/*.{js,mjs,ts,jsx,tsx,mts}\"",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "clean": "rm -rf dist .turbo"
+  }
+}