flemo 1.1.3 → 1.2.0

package/dist/navigate/useNavigate.d.ts

@@ -2,9 +2,11 @@ import { RegisterRoute } from '../Route';
 import { TransitionName } from '../transition/typing';
 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: () => void;

package/dist/screen/LayoutScreen.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import { HTMLMotionProps } from 'motion/react';
+declare function ScreenLayout({ children, ...props }: PropsWithChildren<Omit<HTMLMotionProps<"div">, "initial" | "drag" | "dragControls" | "dragListener" | "onDragStart" | "onDrag" | "onDragEnd" | "onPointerDown" | "onPointerMove" | "onPointerUp">>): import("react").JSX.Element;
+export default ScreenLayout;

package/dist/transition/decorator/typing.d.ts

@@ -1,17 +1,21 @@
 import { BaseTransition } from '../typing';
+import { AnimationOptions, Target } from 'motion/react';
 export interface RegisterDecorator {
 }
 export type DecoratorName = RegisterDecorator[keyof RegisterDecorator] | "overlay";
 export type DecoratorOptions = {
     onSwipeStart?: (triggered: boolean, options: {
+        animate: (target: object, objectTarget: Target, options: AnimationOptions) => void;
         currentDecorator: HTMLDivElement;
         prevDecorator: HTMLDivElement;
     }) => void;
     onSwipe?: (triggered: boolean, progress: number, options: {
+        animate: (target: object, objectTarget: Target, options: AnimationOptions) => void;
         currentDecorator: HTMLDivElement;
         prevDecorator: HTMLDivElement;
     }) => void;
     onSwipeEnd?: (triggered: boolean, options: {
+        animate: (target: object, objectTarget: Target, options: AnimationOptions) => void;
         currentDecorator: HTMLDivElement;
         prevDecorator: HTMLDivElement;
     }) => void;

package/dist/transition/layout.d.ts

@@ -0,0 +1,2 @@
+declare const layout: import('./typing').Transition;
+export default layout;

package/dist/transition/typing.d.ts

@@ -1,9 +1,9 @@
-import { PanInfo, TargetAndTransition, Target, AnimationOptions, DragControls } from 'motion/react';
 import { NavigateStatus } from '../navigate/store';
 import { DecoratorName } from './decorator/typing';
+import { PanInfo, TargetAndTransition, Target, AnimationOptions, DragControls } from 'motion/react';
 export interface RegisterTransition {
 }
-export type TransitionName = RegisterTransition[keyof RegisterTransition] | "none" | "cupertino" | "material";
+export type TransitionName = RegisterTransition[keyof RegisterTransition] | "none" | "cupertino" | "material" | "layout";
 export type TransitionVariant = `${NavigateStatus}-${boolean}`;
 export type TransitionVariantValue = {
     value: Target;
@@ -13,18 +13,21 @@ export type TransitionOptions = {
     decoratorName?: DecoratorName;
     swipeDirection: "x" | "y";
     onSwipeStart: (event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo, options: {
+        animate: (target: object, objectTarget: Target, options: AnimationOptions) => void;
         currentScreen: HTMLDivElement;
         prevScreen: HTMLDivElement;
         dragControls: DragControls;
         onStart?: (triggered: boolean) => void;
     }) => Promise<boolean>;
     onSwipe: (event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo, options: {
+        animate: (target: object, objectTarget: Target, options: AnimationOptions) => void;
         currentScreen: HTMLDivElement;
         prevScreen: HTMLDivElement;
         dragControls: DragControls;
         onProgress?: (triggered: boolean, progress: number) => void;
     }) => number;
     onSwipeEnd: (event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo, options: {
+        animate: (target: object, objectTarget: Target, options: AnimationOptions) => void;
         currentScreen: HTMLDivElement;
         prevScreen: HTMLDivElement;
         onStart?: (triggered: boolean) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flemo",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "description": "A modern React router library with built-in motion animations and smooth transitions",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
@@ -31,7 +31,7 @@
     "url": "https://github.com/kimjh96/flemo/issues",
     "email": "kimjhs@kakao.com"
   },
-  "homepage": "https://flemo-web.vercel.app",
+  "homepage": "https://flemo-dev.lovable.app",
   "license": "MIT",
   "scripts": {
     "build": "vite build",