@flemo/core 1.0.0 → 1.0.1

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { create as D } from "zustand";
-import { pathToRegexp as w, match as H } from "path-to-regexp";
-class U {
+import { pathToRegexp as w, match as U } from "path-to-regexp";
+class Y {
   tasks = /* @__PURE__ */ new Map();
   instanceId = Date.now().toString();
   isLocked = !1;
@@ -68,7 +68,7 @@ class U {
     return new Promise((a, r) => {
       this.taskQueue = this.taskQueue.then(async () => {
         try {
-          const { control: i, validate: c, rollback: l, dependencies: u = [], delay: d } = e, h = new AbortController(), o = {
+          const { control: i, validate: c, rollback: l, dependencies: u = [], delay: d } = e, m = new AbortController(), o = {
             id: s,
             execute: t,
             timestamp: Date.now(),
@@ -79,9 +79,9 @@ class U {
             validate: c,
             rollback: l,
             control: i,
-            abortController: h
+            abortController: m
           };
-          this.tasks.set(o.id, o), this.pendingTaskQueue.length > 0 && (this.pendingTaskQueue.push(o), await this.waitForPendingTasks(), this.pendingTaskQueue = this.pendingTaskQueue.filter((P) => P.id !== o.id));
+          this.tasks.set(o.id, o), this.pendingTaskQueue.length > 0 && (this.pendingTaskQueue.push(o), await this.waitForPendingTasks(), this.pendingTaskQueue = this.pendingTaskQueue.filter((g) => g.id !== o.id));
           try {
             if (!await this.acquireLock(o.id))
               throw o.status = "FAILED", new Error("FAILED");
@@ -95,7 +95,7 @@ class U {
               if (o.validate && !await o.validate())
                 throw o.status = "FAILED", new Error("FAILED");
               d && d > 0 && await new Promise((f) => setTimeout(f, d));
-              const m = await o.execute(o.abortController);
+              const p = await o.execute(o.abortController);
               if (o.abortController.signal.aborted) {
                 o.status = "COMPLETED", await this.onTaskStatusChange(o.id, "COMPLETED"), a({
                   success: !0,
@@ -109,37 +109,37 @@ class U {
               if (e.control) {
                 const f = e.control;
                 if (f.delay && f.delay > 0 && await new Promise((y) => setTimeout(y, f.delay)), f.manual) {
-                  o.status = "MANUAL_PENDING", o.manualResolver = { resolve: a, reject: r, result: m }, this.pendingTaskQueue.push(o), await this.onTaskStatusChange(o.id, "MANUAL_PENDING");
+                  o.status = "MANUAL_PENDING", o.manualResolver = { resolve: a, reject: r, result: p }, this.pendingTaskQueue.push(o), await this.onTaskStatusChange(o.id, "MANUAL_PENDING");
                   return;
                 }
                 if (f.signal) {
-                  o.status = "SIGNAL_PENDING", o.manualResolver = { resolve: a, reject: r, result: m }, this.signalListeners.has(f.signal) || this.signalListeners.set(f.signal, /* @__PURE__ */ new Set()), this.signalListeners.get(f.signal).add(o.id), this.pendingTaskQueue.push(o), await this.onTaskStatusChange(o.id, "SIGNAL_PENDING");
+                  o.status = "SIGNAL_PENDING", o.manualResolver = { resolve: a, reject: r, result: p }, this.signalListeners.has(f.signal) || this.signalListeners.set(f.signal, /* @__PURE__ */ new Set()), this.signalListeners.get(f.signal).add(o.id), this.pendingTaskQueue.push(o), await this.onTaskStatusChange(o.id, "SIGNAL_PENDING");
                   return;
                 }
                 if (f.condition && !await f.condition()) {
-                  o.status = "MANUAL_PENDING", o.manualResolver = { resolve: a, reject: r, result: m }, this.pendingTaskQueue.push(o), await this.onTaskStatusChange(o.id, "MANUAL_PENDING");
+                  o.status = "MANUAL_PENDING", o.manualResolver = { resolve: a, reject: r, result: p }, this.pendingTaskQueue.push(o), await this.onTaskStatusChange(o.id, "MANUAL_PENDING");
                   return;
                 }
               }
               o.status = "COMPLETED", await this.onTaskStatusChange(o.id, "COMPLETED"), a({
                 success: !0,
-                result: m,
+                result: p,
                 taskId: o.id,
                 timestamp: Date.now(),
                 instanceId: this.instanceId
               });
-            } catch (m) {
+            } catch (p) {
               if (o.status = "FAILED", o.rollback)
                 try {
                   await o.rollback(), o.status = "ROLLEDBACK";
                 } catch {
                 }
-              throw await this.onTaskStatusChange(o.id, o.status), m;
+              throw await this.onTaskStatusChange(o.id, o.status), p;
             } finally {
               this.releaseLock(o.id);
             }
-          } catch (P) {
-            r(P);
+          } catch (g) {
+            r(g);
           }
         } catch (i) {
           r(i);
@@ -173,7 +173,7 @@ class U {
     await Promise.all(t.map((e) => this.resolveTask(e.id)));
   }
 }
-const ut = new U(), lt = D((n) => ({
+const dt = new Y(), mt = D((n) => ({
   index: -1,
   histories: [],
   addHistory: (t) => n((e) => ({
@@ -188,17 +188,17 @@ const ut = new U(), lt = D((n) => ({
     index: e.index - 1,
     histories: e.histories.filter((s, a) => a !== t)
   }))
-})), ft = D((n) => ({
+})), ht = D((n) => ({
   status: "IDLE",
   transitionTaskId: null,
   setStatus: (t) => n({ status: t }),
   setTransitionTaskId: (t) => n({ transitionTaskId: t })
 }));
 let N = 0;
-function dt() {
+function pt() {
   N += 1;
 }
-function ht() {
+function yt() {
   return N > 0 ? (N -= 1, !0) : !1;
 }
 function k({
@@ -229,7 +229,7 @@ function k({
     ...c
   };
 }
-function mt({
+function gt({
   name: n,
   initial: t,
   idle: e,
@@ -241,7 +241,7 @@ function mt({
   popOnExit: l,
   completedOnExit: u,
   completedOnEnter: d,
-  options: h
+  options: m
 }) {
   return {
     name: n,
@@ -258,15 +258,15 @@ function mt({
       "COMPLETED-false": u,
       "COMPLETED-true": d
     },
-    ...h
+    ...m
   };
 }
-const Y = (n, t, e) => {
+const B = (n, t, e) => {
   const [s, a] = t, [r, i] = e;
   if (a === s) return r;
   const c = (n - s) / (a - s);
   return r + c * (i - r);
-}, B = k({
+}, Q = k({
   name: "cupertino",
   initial: {
     x: "100%"
@@ -320,7 +320,7 @@ const Y = (n, t, e) => {
     swipeDirection: "x",
     onSwipeStart: async () => !0,
     onSwipe: (n, t, { animate: e, currentScreen: s, prevScreen: a, onProgress: r }) => {
-      const { offset: i } = t, c = i.x, l = Y(c, [0, window.innerWidth], [0, 100]);
+      const { offset: i } = t, c = i.x, l = B(c, [0, window.innerWidth], [0, 100]);
       return r?.(!0, l), e(
         s,
         {
@@ -365,12 +365,12 @@ const Y = (n, t, e) => {
       ]), u;
     }
   }
-}), Q = (n, t, e) => {
+}), X = (n, t, e) => {
   const [s, a] = t, [r, i] = e;
   if (a === s) return r;
   const c = (n - s) / (a - s);
   return r + c * (i - r);
-}, X = k({
+}, F = k({
   name: "layout",
   initial: {
     opacity: 0.97
@@ -420,7 +420,7 @@ const Y = (n, t, e) => {
     swipeDirection: "y",
     onSwipeStart: async () => !0,
     onSwipe: (n, t, { animate: e, currentScreen: s, onProgress: a }) => {
-      const { offset: r } = t, i = r.y, c = Math.max(0, Math.min(56, i)), l = Q(c, [0, 56], [1, 0.96]), u = Math.max(0, i - 56), d = Math.min(1, u / 160), h = Math.sqrt(d) * 12, o = Math.max(0, c + h), p = Math.min(56, o);
+      const { offset: r } = t, i = r.y, c = Math.max(0, Math.min(56, i)), l = X(c, [0, 56], [1, 0.96]), u = Math.max(0, i - 56), d = Math.min(1, u / 160), m = Math.sqrt(d) * 12, o = Math.max(0, c + m), h = Math.min(56, o);
       return a?.(!0, 100), e(
         s,
         {
@@ -430,7 +430,7 @@ const Y = (n, t, e) => {
         {
           duration: 0
         }
-      ), p;
+      ), h;
     },
     onSwipeEnd: async (n, t, { animate: e, currentScreen: s, prevScreen: a, onStart: r }) => {
       const { offset: i, velocity: c } = t, u = i.y > 56 || c.y > 20;
@@ -458,7 +458,7 @@ const Y = (n, t, e) => {
       ]), u;
     }
   }
-}), F = k({
+}), z = k({
   name: "material",
   initial: {
     y: "100%"
@@ -511,8 +511,8 @@ const Y = (n, t, e) => {
     swipeDirection: "y",
     onSwipeStart: async () => !0,
     onSwipe: (n, t, { animate: e, currentScreen: s, prevScreen: a, onProgress: r }) => {
-      const { offset: i } = t, c = i.y, l = Math.max(0, Math.min(56, c)), u = Math.max(0, c - 56), d = Math.min(1, u / 160), h = Math.sqrt(d) * 12, o = Math.max(0, l + h), p = Math.min(56, o);
-      return r?.(!0, p), e(
+      const { offset: i } = t, c = i.y, l = Math.max(0, Math.min(56, c)), u = Math.max(0, c - 56), d = Math.min(1, u / 160), m = Math.sqrt(d) * 12, o = Math.max(0, l + m), h = Math.min(56, o);
+      return r?.(!0, h), e(
         s,
         {
           y: o
@@ -523,10 +523,10 @@ const Y = (n, t, e) => {
       ), e(
         a,
         {
-          y: -56 + p
+          y: -56 + h
         },
         { duration: 0 }
-      ), p;
+      ), h;
     },
     onSwipeEnd: async (n, t, { animate: e, currentScreen: s, prevScreen: a, onStart: r }) => {
       const { offset: i, velocity: c } = t, u = i.y > 56 || c.y > 20;
@@ -587,16 +587,16 @@ const Y = (n, t, e) => {
       duration: 0
     }
   }
-}), pt = /* @__PURE__ */ new Map([
+}), Pt = /* @__PURE__ */ new Map([
   ["none", V],
-  ["cupertino", B],
-  ["material", F],
-  ["layout", X]
-]), yt = D((n) => ({
+  ["cupertino", Q],
+  ["material", z],
+  ["layout", F]
+]), Et = D((n) => ({
   defaultTransitionName: "cupertino",
   setDefaultTransitionName: (t) => n({ defaultTransitionName: t })
 }));
-function j({
+function Z({
   name: n,
   initial: t,
   enter: e,
@@ -621,7 +621,7 @@ function j({
     ...a
   };
 }
-function Pt({
+function It({
   name: n,
   initial: t,
   idle: e,
@@ -633,7 +633,7 @@ function Pt({
   popOnExit: l,
   completedOnEnter: u,
   completedOnExit: d,
-  options: h
+  options: m
 }) {
   return {
     name: n,
@@ -650,10 +650,10 @@ function Pt({
       "COMPLETED-false": d,
       "COMPLETED-true": u
     },
-    ...h
+    ...m
   };
 }
-const z = j({
+const j = Z({
   name: "overlay",
   initial: {
     opacity: 0,
@@ -706,7 +706,7 @@ const z = j({
       }
     )
   }
-}), gt = /* @__PURE__ */ new Map([["overlay", z]]), I = {
+}), kt = /* @__PURE__ */ new Map([["overlay", j]]), I = {
   "IDLE-true": "self",
   "IDLE-false": "self",
   "PUSHING-true": "initial",
@@ -717,7 +717,44 @@ const z = j({
   "POPPING-false": "PUSHING-false",
   "COMPLETED-true": "self",
   "COMPLETED-false": "self"
-}, G = Object.keys(I), Z = G, K = (n) => n.replace(/[^a-zA-Z0-9_-]/g, "_"), C = (n) => typeof n == "object" && n !== null && !Array.isArray(n), q = (n, t) => t === "opacity" || t === "scale" || t === "scaleX" || t === "scaleY" ? `${n}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${n}deg` : `${n}px`, O = (n, t) => typeof t == "number" ? q(t, n) : typeof t == "string" ? t : "", b = (n) => n.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`), $ = /* @__PURE__ */ new Set([
+}, C = Object.keys(I), K = C, q = (n) => n.replace(/[^a-zA-Z0-9_-]/g, "_"), G = (n) => typeof n == "object" && n !== null && !Array.isArray(n), W = /* @__PURE__ */ new Set([
+  "opacity",
+  "scale",
+  "scaleX",
+  "scaleY",
+  "scaleZ",
+  "aspectRatio",
+  "columnCount",
+  "columns",
+  "flex",
+  "flexGrow",
+  "flexShrink",
+  "fontWeight",
+  "gridArea",
+  "gridColumn",
+  "gridColumnEnd",
+  "gridColumnStart",
+  "gridRow",
+  "gridRowEnd",
+  "gridRowStart",
+  "lineHeight",
+  "lineClamp",
+  "order",
+  "orphans",
+  "tabSize",
+  "widows",
+  "zIndex",
+  "zoom",
+  // SVG numerics
+  "fillOpacity",
+  "floodOpacity",
+  "stopOpacity",
+  "strokeOpacity",
+  "strokeDasharray",
+  "strokeDashoffset",
+  "strokeMiterlimit",
+  "strokeWidth"
+]), J = (n, t) => t.startsWith("--") ? `${n}` : W.has(t) ? `${n}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${n}deg` : `${n}px`, O = (n, t) => typeof t == "number" ? J(t, n) : typeof t == "string" ? t : "", b = (n) => n.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`), $ = /* @__PURE__ */ new Set([
   "x",
   "y",
   "z",
@@ -728,7 +765,7 @@ const z = j({
   "rotateX",
   "rotateY",
   "rotateZ"
-]), W = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, J = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, tt = /^1(\.0+)?$/, et = (n, t) => n === "scale" || n === "scaleX" || n === "scaleY" ? t === 1 ? !0 : typeof t == "string" ? tt.test(t.trim()) : !1 : n === "rotate" || n === "rotateX" || n === "rotateY" || n === "rotateZ" ? t === 0 ? !0 : typeof t == "string" ? J.test(t.trim()) : !1 : t === 0 ? !0 : typeof t == "string" ? W.test(t.trim()) : !1, nt = (n, t) => {
+]), tt = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, et = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, nt = /^1(\.0+)?$/, st = (n, t) => n === "scale" || n === "scaleX" || n === "scaleY" ? t === 1 ? !0 : typeof t == "string" ? nt.test(t.trim()) : !1 : n === "rotate" || n === "rotateX" || n === "rotateY" || n === "rotateZ" ? t === 0 ? !0 : typeof t == "string" ? et.test(t.trim()) : !1 : t === 0 ? !0 : typeof t == "string" ? tt.test(t.trim()) : !1, at = (n, t) => {
   switch (n) {
     case "x":
       return `translateX(${t})`;
@@ -752,11 +789,11 @@ const z = j({
     default:
       return "";
   }
-}, Et = (n) => {
+}, Tt = (n) => {
   const t = /* @__PURE__ */ new Set();
   let e = !1;
   const s = (a) => {
-    if (C(a))
+    if (G(a))
       for (const r of Object.keys(a)) {
         const i = a[r];
         O(r, i) !== "" && ($.has(r) ? e = !0 : t.add(b(r)));
@@ -766,21 +803,21 @@ const z = j({
   for (const a of Object.values(n.variants))
     s(a.value);
   return e && t.add("transform"), Array.from(t);
-}, g = (n) => {
-  if (!C(n)) return [];
+}, P = (n) => {
+  if (!G(n)) return [];
   const t = [];
   let e = !0;
   const s = [];
   for (const a of Object.keys(n)) {
     const r = n[a], i = O(a, r);
-    i !== "" && ($.has(a) ? (t.push(nt(a, i)), et(a, r) || (e = !1)) : s.push({ property: b(a), value: i }));
+    i !== "" && ($.has(a) ? (t.push(at(a, i)), st(a, r) || (e = !1)) : s.push({ property: b(a), value: i }));
   }
   return t.length > 0 && s.push({
     property: "transform",
     value: e ? "none" : t.join(" ")
   }), s;
 }, E = (n) => n.map((t) => `  ${t.property}: ${t.value};`).join(`
-`), st = (n) => Array.isArray(n) ? n.length === 4 && n.every((t) => typeof t == "number") ? `cubic-bezier(${n.join(", ")})` : "linear" : typeof n == "string" ? {
+`), rt = (n) => Array.isArray(n) ? n.length === 4 && n.every((t) => typeof t == "number") ? `cubic-bezier(${n.join(", ")})` : "linear" : typeof n == "string" ? {
   linear: "linear",
   easeIn: "ease-in",
   easeOut: "ease-out",
@@ -794,23 +831,27 @@ const z = j({
   if (!n) return 0;
   const t = n.duration;
   return typeof t == "number" && t >= 0 ? t : 0;
-}, _ = (n) => n && typeof n.delay == "number" && n.delay > 0 ? n.delay : 0, v = (n, t) => {
+}, _ = (n) => n && typeof n.delay == "number" && n.delay > 0 ? n.delay : 0, S = (n, t) => {
   const [e, s] = t.split("-");
   return `[data-flemo-screen][data-flemo-transition="${n}"][data-flemo-status="${e}"][data-flemo-active="${s}"]`;
-}, A = (n, t) => {
+}, v = (n, t) => {
   const [e, s] = t.split("-");
   return `[data-flemo-decorator][data-flemo-decorator-name="${n}"][data-flemo-status="${e}"][data-flemo-active="${s}"]`;
-}, at = (n, t, e) => `flemo-${n}-${K(t)}-${e}`, M = (n, t, e, s, a, r) => {
-  const i = g(s), c = g(a.value), l = R(a.options), u = _(a.options), d = st(a.options?.ease), h = r(t, e);
+}, it = (n, t) => {
+  const [e, s] = t.split("-");
+  return `[data-flemo-bar][data-flemo-bar-transition="${n}"][data-flemo-bar-status="${e}"][data-flemo-bar-active="${s}"][data-flemo-bar-riding="true"]`;
+}, ot = (n, t, e) => `flemo-${n}-${q(t)}-${e}`, A = (n, t, e, s, a, r) => {
+  const i = P(s), c = P(a.value), l = R(a.options), u = _(a.options), d = rt(a.options?.ease), m = r(t, e), o = n === "screen" ? `${m},
+${it(t, e)}` : m;
   if (c.length === 0 && i.length === 0)
     return "";
   if (l <= 0 && u <= 0)
-    return c.length === 0 ? "" : `${h} {
+    return c.length === 0 ? "" : `${o} {
 ${E(c)}
   animation: none;
 }`;
-  const o = at(n, t, e), p = [
-    `@keyframes ${o} {`,
+  const h = ot(n, t, e), g = [
+    `@keyframes ${h} {`,
     "  from {",
     E(i).replace(/^/gm, "  "),
     "  }",
@@ -819,58 +860,58 @@ ${E(c)}
     "  }",
     "}"
   ].join(`
-`), P = [
-    `${o}`,
+`), p = [
+    `${h}`,
     `${l}s`,
     d,
     u > 0 ? `${u}s` : null,
     "both"
-  ].filter(Boolean).join(" "), m = Array.from(
+  ].filter(Boolean).join(" "), f = Array.from(
     /* @__PURE__ */ new Set([...i.map((T) => T.property), ...c.map((T) => T.property)])
-  ), f = m.length > 0 ? `  will-change: ${m.join(", ")};
-` : "", y = `${h} {
-  animation: ${P};
-${f}}`;
-  return `${p}
-${y}`;
-}, S = (n, t, e, s) => {
-  const a = g(s.value);
+  ), y = f.length > 0 ? `  will-change: ${f.join(", ")};
+` : "", H = `${o} {
+  animation: ${p};
+${y}}`;
+  return `${g}
+${H}`;
+}, M = (n, t, e, s) => {
+  const a = P(s.value);
   return a.length === 0 ? "" : `${n(t, e)} {
 ${E(a)}
 }`;
-}, It = (n, t) => {
+}, Nt = (n, t) => {
   const e = [];
   for (const s of n) {
     const a = s.name;
-    for (const r of G) {
+    for (const r of C) {
       const i = s.variants[r], c = I[r];
       if (c === "self") {
-        e.push(S(v, a, r, i));
+        e.push(M(S, a, r, i));
         continue;
       }
       const l = c === "initial" ? s.initial : s.variants[c].value;
       e.push(
-        M("screen", a, r, l, i, v)
+        A("screen", a, r, l, i, S)
       );
     }
   }
   for (const s of t) {
     const a = s.name;
-    for (const r of Z) {
+    for (const r of K) {
       const i = s.variants[r], c = I[r];
       if (c === "self") {
-        e.push(S(A, a, r, i));
+        e.push(M(v, a, r, i));
         continue;
       }
       const l = c === "initial" ? s.initial : s.variants[c].value;
       e.push(
-        M(
+        A(
           "decorator",
           a,
           r,
           l,
           i,
-          A
+          v
         )
       );
     }
@@ -878,31 +919,31 @@ ${E(a)}
   return e.filter((s) => s.length > 0).join(`
 
 `);
-}, kt = (n, t) => {
+}, Lt = (n, t) => {
   const e = I[t];
   if (e === "self") return !1;
   const s = n.variants[t], a = R(s.options), r = _(s.options);
   if (a <= 0 && r <= 0) return !1;
-  const i = e === "initial" ? n.initial : n.variants[e].value, c = g(i), l = g(s.value);
+  const i = e === "initial" ? n.initial : n.variants[e].value, c = P(i), l = P(s.value);
   return c.length > 0 || l.length > 0;
 };
-function Tt() {
+function Dt() {
   return typeof document > "u";
 }
-function rt(n, t) {
+function ct(n, t) {
   return Array.isArray(n) ? n.find((e) => w(e).regexp.test(t)) ?? "" : w(n).regexp.test(t) ? n : "";
 }
-function Nt(n, t, e) {
-  const s = rt(n, t), a = H(s)(t), r = new URLSearchParams(e), i = Object.fromEntries(r.entries());
+function wt(n, t, e) {
+  const s = ct(n, t), a = U(s)(t), r = new URLSearchParams(e), i = Object.fromEntries(r.entries());
   return a ? { ...a.params, ...i } : {};
 }
-function Lt(n, t) {
+function St(n, t) {
   const {
     direction: e = "x",
     markerSelector: s = "[data-swipe-at-edge]",
     depthLimit: a = 24,
     verifyByScroll: r = !1
-  } = t ?? {}, i = it(n);
+  } = t ?? {}, i = ut(n);
   if (!i) return { element: null, hasMarker: !1 };
   const c = i.closest?.(s);
   if (c instanceof HTMLElement && L(c, e) && (!r || x(c, e)))
@@ -915,7 +956,7 @@ function Lt(n, t) {
   }
   return { element: null, hasMarker: !1 };
 }
-function it(n) {
+function ut(n) {
   if (!n) return null;
   const t = n, e = typeof t.composedPath == "function" ? t.composedPath() : void 0;
   if (e && e.length) {
@@ -933,33 +974,33 @@ function x(n, t) {
   return s === "auto" || s === "scroll" || s === "overlay";
 }
 export {
-  ut as TaskManger,
-  at as animationName,
+  dt as TaskManger,
+  ot as animationName,
   x as canProgrammaticallyScroll,
-  Et as collectAnimatedProperties,
-  It as compileTransitionStyles,
-  ht as consumeSelfInducedPop,
-  j as createDecorator,
-  Pt as createRawDecorator,
-  mt as createRawTransition,
+  Tt as collectAnimatedProperties,
+  Nt as compileTransitionStyles,
+  yt as consumeSelfInducedPop,
+  Z as createDecorator,
+  It as createRawDecorator,
+  gt as createRawTransition,
   k as createTransition,
-  B as cupertino,
-  gt as decoratorMap,
-  st as easingToCss,
-  Lt as findScrollable,
-  rt as getMatchedPathPattern,
-  Nt as getParams,
-  Tt as isServer,
-  X as layout,
-  dt as markSelfInducedPop,
-  F as material,
+  Q as cupertino,
+  kt as decoratorMap,
+  rt as easingToCss,
+  St as findScrollable,
+  ct as getMatchedPathPattern,
+  wt as getParams,
+  Dt as isServer,
+  F as layout,
+  pt as markSelfInducedPop,
+  z as material,
   V as none,
   L as overflowsAxis,
-  z as overlay,
-  g as targetToDecls,
-  pt as transitionMap,
-  lt as useHistoryStore,
-  ft as useNavigateStore,
-  yt as useTransitionStore,
-  kt as variantHasAnimation
+  j as overlay,
+  P as targetToDecls,
+  Pt as transitionMap,
+  mt as useHistoryStore,
+  ht as useNavigateStore,
+  Et as useTransitionStore,
+  Lt as variantHasAnimation
 };

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

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

package/dist/transition/__tests__/compileTransitionStyles.test.d.ts

@@ -2,6 +2,10 @@ declare module '../typing' {
     interface RegisterTransition {
         "custom-fade-blur": "custom-fade-blur";
         "custom-slide-fade": "custom-slide-fade";
+        "custom-rich-css": "custom-rich-css";
+        "custom-unitless": "custom-unitless";
+        "custom-lengths": "custom-lengths";
+        "custom-css-vars": "custom-css-vars";
     }
 }
 export {};

package/dist/transition/__tests__/createRawTransition.test.d.ts

@@ -0,0 +1,6 @@
+declare module '../typing' {
+    interface RegisterTransition {
+        "raw-asym": "raw-asym";
+    }
+}
+export {};

package/dist/transition/__tests__/createTransition.test.d.ts

@@ -0,0 +1,8 @@
+declare module '../typing' {
+    interface RegisterTransition {
+        "ct-basic": "ct-basic";
+        "ct-options-spread": "ct-options-spread";
+        "ct-asymmetric": "ct-asymmetric";
+    }
+}
+export {};

package/dist/transition/__tests__/presets.test.d.ts

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

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

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

package/dist/transition/cssTypes.d.ts

@@ -1,10 +1,12 @@
+import { Properties } from 'csstype';
 export type AnimationEasing = string | readonly [number, number, number, number] | [number, number, number, number];
 export interface AnimationOptions {
     duration?: number;
     ease?: AnimationEasing;
     delay?: number;
 }
-export interface TransitionTarget {
+type CssProperties = Omit<Properties<string | number, string | number>, "rotate" | "scale" | "translate">;
+export interface TransitionTarget extends CssProperties {
     x?: string | number;
     y?: string | number;
     z?: string | number;
@@ -15,8 +17,7 @@ export interface TransitionTarget {
     rotateX?: string | number;
     rotateY?: string | number;
     rotateZ?: string | number;
-    opacity?: number | string;
-    backgroundColor?: string;
-    [key: string]: string | number | undefined;
+    [key: `--${string}`]: string | number | undefined;
 }
 export type InitialTarget = TransitionTarget;
+export {};

package/dist/transition/decorator/__tests__/createDecorator.test.d.ts

@@ -0,0 +1,6 @@
+declare module '../typing' {
+    interface RegisterDecorator {
+        "deco-basic": "deco-basic";
+    }
+}
+export {};

package/dist/transition/decorator/__tests__/createRawDecorator.test.d.ts

@@ -0,0 +1,6 @@
+declare module '../typing' {
+    interface RegisterDecorator {
+        "raw-deco": "raw-deco";
+    }
+}
+export {};

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

@@ -1,2 +1,2 @@
-import { Decorator } from './typing';
-export declare const decoratorMap: Map<"overlay", Decorator>;
+import { Decorator, DecoratorName } from './typing';
+export declare const decoratorMap: Map<DecoratorName, Decorator>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flemo/core",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Framework-agnostic primitives for flemo: history, navigation, transitions, task manager.",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
@@ -37,6 +37,7 @@
   },
   "devDependencies": {
     "@types/node": "^24.3.0",
+    "csstype": "^3.2.3",
     "eslint": "^9.33.0",
     "jsdom": "^25.0.1",
     "typescript": "^5.9.2",