flemo 1.1.4 → 1.3.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/LayoutConfig.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import { MotionConfigProps } from 'motion/react';
+declare function LayoutConfig({ children, ...props }: PropsWithChildren<MotionConfigProps>): import("react").JSX.Element;
+export default LayoutConfig;

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,30 +1,35 @@
-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;
-    options: AnimationOptions;
+    value: Omit<Target, "transitionDuration" | "transitionDelay" | "transitionTimingFunction" | "transitionBehavior" | "transitionEnd" | "transitionProperty">;
+    options: Omit<AnimationOptions, "delay"> & {
+        delay?: number;
+    };
 };
 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.4",
+  "version": "1.3.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",
@@ -50,7 +50,7 @@
     "@types/node": "^24.3.0",
     "@types/react": "^19.1.10",
     "@types/react-dom": "^19.1.7",
-    "@vitejs/plugin-react-swc": "^4.0.0",
+    "@vitejs/plugin-react-swc": "^4.0.1",
     "eslint": "^9.33.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-typescript": "^4.4.4",
@@ -64,7 +64,7 @@
     "prettier": "^3.6.2",
     "typescript": "^5.9.2",
     "typescript-eslint": "^8.39.1",
-    "vite": "^7.1.2",
+    "vite": "^7.1.5",
     "vite-plugin-dts": "^4.5.4"
   },
   "peerDependencies": {

package/dist/vendor-C8cPYUOQ.js

@@ -1,299 +0,0 @@
-import C from "react";
-var d = {}, N;
-function H() {
-  if (N) return d;
-  N = 1, Object.defineProperty(d, "__esModule", { value: !0 }), d.TokenData = void 0, d.parse = m, d.compile = R, d.match = M, d.pathToRegexp = j, d.stringify = k;
-  const c = "/", a = (n) => n, l = /^[$_\p{ID_Start}]$/u, h = /^[$\u200c\u200d\p{ID_Continue}]$/u, $ = "https://git.new/pathToRegexpError", b = {
-    // Groups.
-    "{": "{",
-    "}": "}",
-    // Reserved.
-    "(": "(",
-    ")": ")",
-    "[": "[",
-    "]": "]",
-    "+": "+",
-    "?": "?",
-    "!": "!"
-  };
-  function _(n) {
-    return n.replace(/[{}()\[\]+?!:*]/g, "\\$&");
-  }
-  function f(n) {
-    return n.replace(/[.+*?^${}()[\]|/\\]/g, "\\$&");
-  }
-  function* I(n) {
-    const t = [...n];
-    let e = 0;
-    function o() {
-      let r = "";
-      if (l.test(t[++e]))
-        for (r += t[e]; h.test(t[++e]); )
-          r += t[e];
-      else if (t[e] === '"') {
-        let s = e;
-        for (; e < t.length; ) {
-          if (t[++e] === '"') {
-            e++, s = 0;
-            break;
-          }
-          t[e] === "\\" ? r += t[++e] : r += t[e];
-        }
-        if (s)
-          throw new TypeError(`Unterminated quote at ${s}: ${$}`);
-      }
-      if (!r)
-        throw new TypeError(`Missing parameter name at ${e}: ${$}`);
-      return r;
-    }
-    for (; e < t.length; ) {
-      const r = t[e], s = b[r];
-      if (s)
-        yield { type: s, index: e++, value: r };
-      else if (r === "\\")
-        yield { type: "ESCAPED", index: e++, value: t[e++] };
-      else if (r === ":") {
-        const u = o();
-        yield { type: "PARAM", index: e, value: u };
-      } else if (r === "*") {
-        const u = o();
-        yield { type: "WILDCARD", index: e, value: u };
-      } else
-        yield { type: "CHAR", index: e, value: t[e++] };
-    }
-    return { type: "END", index: e, value: "" };
-  }
-  class g {
-    constructor(t) {
-      this.tokens = t;
-    }
-    peek() {
-      if (!this._peek) {
-        const t = this.tokens.next();
-        this._peek = t.value;
-      }
-      return this._peek;
-    }
-    tryConsume(t) {
-      const e = this.peek();
-      if (e.type === t)
-        return this._peek = void 0, e.value;
-    }
-    consume(t) {
-      const e = this.tryConsume(t);
-      if (e !== void 0)
-        return e;
-      const { type: o, index: r } = this.peek();
-      throw new TypeError(`Unexpected ${o} at ${r}, expected ${t}: ${$}`);
-    }
-    text() {
-      let t = "", e;
-      for (; e = this.tryConsume("CHAR") || this.tryConsume("ESCAPED"); )
-        t += e;
-      return t;
-    }
-  }
-  class x {
-    constructor(t) {
-      this.tokens = t;
-    }
-  }
-  d.TokenData = x;
-  function m(n, t = {}) {
-    const { encodePath: e = a } = t, o = new g(I(n));
-    function r(u) {
-      const i = [];
-      for (; ; ) {
-        const p = o.text();
-        p && i.push({ type: "text", value: e(p) });
-        const y = o.tryConsume("PARAM");
-        if (y) {
-          i.push({
-            type: "param",
-            name: y
-          });
-          continue;
-        }
-        const S = o.tryConsume("WILDCARD");
-        if (S) {
-          i.push({
-            type: "wildcard",
-            name: S
-          });
-          continue;
-        }
-        if (o.tryConsume("{")) {
-          i.push({
-            type: "group",
-            tokens: r("}")
-          });
-          continue;
-        }
-        return o.consume(u), i;
-      }
-    }
-    const s = r("END");
-    return new x(s);
-  }
-  function R(n, t = {}) {
-    const { encode: e = encodeURIComponent, delimiter: o = c } = t, r = n instanceof x ? n : m(n, t), s = T(r.tokens, o, e);
-    return function(i = {}) {
-      const [p, ...y] = s(i);
-      if (y.length)
-        throw new TypeError(`Missing parameters: ${y.join(", ")}`);
-      return p;
-    };
-  }
-  function T(n, t, e) {
-    const o = n.map((r) => P(r, t, e));
-    return (r) => {
-      const s = [""];
-      for (const u of o) {
-        const [i, ...p] = u(r);
-        s[0] += i, s.push(...p);
-      }
-      return s;
-    };
-  }
-  function P(n, t, e) {
-    if (n.type === "text")
-      return () => [n.value];
-    if (n.type === "group") {
-      const r = T(n.tokens, t, e);
-      return (s) => {
-        const [u, ...i] = r(s);
-        return i.length ? [""] : [u];
-      };
-    }
-    const o = e || a;
-    return n.type === "wildcard" && e !== !1 ? (r) => {
-      const s = r[n.name];
-      if (s == null)
-        return ["", n.name];
-      if (!Array.isArray(s) || s.length === 0)
-        throw new TypeError(`Expected "${n.name}" to be a non-empty array`);
-      return [
-        s.map((u, i) => {
-          if (typeof u != "string")
-            throw new TypeError(`Expected "${n.name}/${i}" to be a string`);
-          return o(u);
-        }).join(t)
-      ];
-    } : (r) => {
-      const s = r[n.name];
-      if (s == null)
-        return ["", n.name];
-      if (typeof s != "string")
-        throw new TypeError(`Expected "${n.name}" to be a string`);
-      return [o(s)];
-    };
-  }
-  function M(n, t = {}) {
-    const { decode: e = decodeURIComponent, delimiter: o = c } = t, { regexp: r, keys: s } = j(n, t), u = s.map((i) => e === !1 ? a : i.type === "param" ? e : (p) => p.split(o).map(e));
-    return function(p) {
-      const y = r.exec(p);
-      if (!y)
-        return !1;
-      const S = y[0], w = /* @__PURE__ */ Object.create(null);
-      for (let E = 1; E < y.length; E++) {
-        if (y[E] === void 0)
-          continue;
-        const v = s[E - 1], A = u[E - 1];
-        w[v.name] = A(y[E]);
-      }
-      return { path: S, params: w };
-    };
-  }
-  function j(n, t = {}) {
-    const { delimiter: e = c, end: o = !0, sensitive: r = !1, trailing: s = !0 } = t, u = [], i = [], p = r ? "" : "i", S = (Array.isArray(n) ? n : [n]).map((v) => v instanceof x ? v : m(v, t));
-    for (const { tokens: v } of S)
-      for (const A of D(v, 0, [])) {
-        const B = L(A, e, u);
-        i.push(B);
-      }
-    let w = `^(?:${i.join("|")})`;
-    return s && (w += `(?:${f(e)}$)?`), w += o ? "$" : `(?=${f(e)}|$)`, { regexp: new RegExp(w, p), keys: u };
-  }
-  function* D(n, t, e) {
-    if (t === n.length)
-      return yield e;
-    const o = n[t];
-    if (o.type === "group") {
-      const r = e.slice();
-      for (const s of D(o.tokens, 0, r))
-        yield* D(n, t + 1, s);
-    } else
-      e.push(o);
-    yield* D(n, t + 1, e);
-  }
-  function L(n, t, e) {
-    let o = "", r = "", s = !0;
-    for (let u = 0; u < n.length; u++) {
-      const i = n[u];
-      if (i.type === "text") {
-        o += f(i.value), r += i.value, s || (s = i.value.includes(t));
-        continue;
-      }
-      if (i.type === "param" || i.type === "wildcard") {
-        if (!s && !r)
-          throw new TypeError(`Missing text after "${i.name}": ${$}`);
-        i.type === "param" ? o += `(${q(t, s ? "" : r)}+)` : o += "([\\s\\S]+)", e.push(i), r = "", s = !1;
-        continue;
-      }
-    }
-    return o;
-  }
-  function q(n, t) {
-    return t.length < 2 ? n.length < 2 ? `[^${f(n + t)}]` : `(?:(?!${f(n)})[^${f(t)}])` : n.length < 2 ? `(?:(?!${f(t)})[^${f(n)}])` : `(?:(?!${f(t)}|${f(n)})[\\s\\S])`;
-  }
-  function k(n) {
-    return n.tokens.map(function t(e, o, r) {
-      if (e.type === "text")
-        return _(e.value);
-      if (e.type === "group")
-        return `{${e.tokens.map(t).join("")}}`;
-      const u = F(e.name) && V(r[o + 1]) ? e.name : JSON.stringify(e.name);
-      if (e.type === "param")
-        return `:${u}`;
-      if (e.type === "wildcard")
-        return `*${u}`;
-      throw new TypeError(`Unexpected token: ${e}`);
-    }).join("");
-  }
-  function F(n) {
-    const [t, ...e] = n;
-    return l.test(t) ? e.every((o) => h.test(o)) : !1;
-  }
-  function V(n) {
-    return n?.type !== "text" ? !0 : !h.test(n.value[0]);
-  }
-  return d;
-}
-var z = H();
-const O = (c) => {
-  let a;
-  const l = /* @__PURE__ */ new Set(), h = (g, x) => {
-    const m = typeof g == "function" ? g(a) : g;
-    if (!Object.is(m, a)) {
-      const R = a;
-      a = x ?? (typeof m != "object" || m === null) ? m : Object.assign({}, a, m), l.forEach((T) => T(a, R));
-    }
-  }, $ = () => a, f = { setState: h, getState: $, getInitialState: () => I, subscribe: (g) => (l.add(g), () => l.delete(g)) }, I = a = c(h, $, f);
-  return f;
-}, W = (c) => c ? O(c) : O, G = (c) => c;
-function J(c, a = G) {
-  const l = C.useSyncExternalStore(
-    c.subscribe,
-    C.useCallback(() => a(c.getState()), [c, a]),
-    C.useCallback(() => a(c.getInitialState()), [c, a])
-  );
-  return C.useDebugValue(l), l;
-}
-const U = (c) => {
-  const a = W(c), l = (h) => J(a, h);
-  return Object.assign(l, a), l;
-}, Q = (c) => c ? U(c) : U;
-export {
-  Q as c,
-  z as d
-};