@ssgoi/core 6.6.1 → 6.6.2

package/README.md

@@ -42,11 +42,12 @@ npm install @ssgoi/react
 
 ### Add Transitions in 30 Seconds
 
-#### 1. Wrap your app
+#### 1. Wrap your React app
 
 ```tsx
 import { Ssgoi } from "@ssgoi/react";
 import { fade } from "@ssgoi/react/view-transitions";
+import { SsgoiTransitionBoundary } from "./ssgoi-transition-boundary";
 
 const config = {
   transitions: [fade({ paths: ["/", "/about"] })],
@@ -55,19 +56,20 @@ const config = {
 export default function App() {
   return (
     <Ssgoi config={config}>
-      {/* relative + z-0: the outgoing page is cloned with position:absolute */}
-      <div className="relative z-0">{/* Your app */}</div>
+      <SsgoiTransitionBoundary className="relative z-0 min-h-dvh bg-white">
+        {/* Your app */}
+      </SsgoiTransitionBoundary>
     </Ssgoi>
   );
 }
 ```
 
-#### 2. Mark your pages
+#### 2. Keep React pages unmarked
 
 ```tsx
 export default function HomePage() {
   return (
-    <main data-ssgoi-transition="/">
+    <main>
       <h1>Welcome</h1>
       {/* Page content */}
     </main>
@@ -75,6 +77,50 @@ export default function HomePage() {
 }
 ```
 
+For React adapters, create one router-specific `SsgoiTransitionBoundary` utility in your layout.
+It reads the current pathname internally, sets the transition boundary key, and
+uses that pathname as a logical page id matched by config such as
+`/products/*`. Use `/products/**` when the parent path itself should match too.
+
+Next.js implementation:
+
+```tsx
+"use client";
+
+import { type ElementType, type ReactNode } from "react";
+import { usePathname } from "next/navigation";
+
+export function SsgoiTransitionBoundary({
+  children,
+  as,
+  className,
+}: {
+  children: ReactNode;
+  as?: ElementType;
+  className?: string;
+}) {
+  const pathname = usePathname();
+  const Component = as ?? "div";
+
+  return (
+    <Component
+      key={pathname}
+      data-ssgoi-transition={pathname}
+      className={className}
+    >
+      {children}
+    </Component>
+  );
+}
+```
+
+React Router and TanStack Router use the same component body with their own
+pathname hook.
+
+For SvelteKit, Nuxt/Vue, Solid, and Angular, mark each routed page boundary
+directly with `data-ssgoi-transition` instead of using a layout-level utility.
+The value can be a hard-coded logical id; it only has to match your config.
+
 **That's it!** Your configured pages now transition smoothly with a fade effect.
 
 ## Advanced Transitions

package/dist/internal.cjs

@@ -1 +1 @@
-"use strict";var Ot=Object.defineProperty;var _t=(t,s,e)=>s in t?Ot(t,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[s]=e;var F=(t,s,e)=>_t(t,typeof s!="symbol"?s+"":s,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("./multi-animation-uzEnQnrG.cjs");class St extends J.Animation{constructor(){super(...arguments);F(this,"child",null);F(this,"_state","idle");F(this,"_settled",!1);F(this,"listeners",new Set)}attach(e){const n=this.child;if(this.child=e,this._settled=!1,n){const a=n.getPose();n.complete(),e.matchInto(a)}e.playbackRate=this.playbackRate;const l=e.onComplete;e.onComplete=()=>{l==null||l(),this.child===e&&(this.child=null,this._state="idle",this._settled=!0),this.notify()};const p=e.onUpdate;e.onUpdate=a=>{var g;p==null||p(a),(g=this.onUpdate)==null||g.call(this,a),this.notify()},this._state==="paused"?e.pause():this._state==="reversing"?e.reverse():(this._state="playing",e.play()),this.notify()}play(){var e;this._state="playing",this._settled=!1,(e=this.child)==null||e.play(),this.notify()}reverse(){var e;this._state="reversing",this._settled=!1,(e=this.child)==null||e.reverse(),this.notify()}pause(){var e;this._state="paused",(e=this.child)==null||e.pause(),this.notify()}complete(){var e;(e=this.child)==null||e.complete(),this.notify()}get isAnimating(){var e;return((e=this.child)==null?void 0:e.isAnimating)??!1}get isPaused(){return this._state==="paused"}get isComplete(){return this._settled&&!this.child}get isReversing(){var e;return((e=this.child)==null?void 0:e.isReversing)??this._state==="reversing"}get progress(){var e;return((e=this.child)==null?void 0:e.progress)??0}findTimeForProgress(e){var n;return((n=this.child)==null?void 0:n.findTimeForProgress(e))??null}get playbackRate(){return super.playbackRate}set playbackRate(e){super.playbackRate=e,this.child&&(this.child.playbackRate=e),this.notify()}getPose(){var e;return((e=this.child)==null?void 0:e.getPose())??[]}getTimeline(){var e;return((e=this.child)==null?void 0:e.getTimeline())??[]}matchInto(e){var n;(n=this.child)==null||n.matchInto(e)}get activeChild(){return this.child}subscribe(e){return this.listeners.add(e),()=>{this.listeners.delete(e)}}notify(){for(const e of this.listeners)e()}}const kt=(t,s)=>{var e;t.style.position="absolute",t.style.width="100%",t.style.top=`${-1*(((e=s==null?void 0:s.scrollOffset)==null?void 0:e.y)??0)}px`,t.style.left="0"},yt=new Set(["auto","scroll","overlay"]),Dt=t=>{let s=t.parentElement;for(;s&&s!==document.body;){const e=window.getComputedStyle(s);if(yt.has(e.overflowY)||yt.has(e.overflowX))return s;s=s.parentElement}return document.documentElement},Nt=t=>{let s=t.parentElement;for(;s&&s!==document.body;){const e=window.getComputedStyle(s).position;if(e==="relative"||e==="absolute"||e==="fixed"||e==="sticky")return s;s=s.parentElement}return document.body};function Ht(t){const s=Object.keys(t);return Promise.all(s.map(e=>t[e])).then(e=>{const n={};return s.forEach((l,p)=>{n[l]=e[p]}),n})}function It(t){const s=t.filter(e=>e.symmetric).map(e=>({from:e.to,to:e.from,transition:e.transition}));return[...t,...s]}function K(t,s){if(s==="*")return!0;if(s.endsWith("/*")){const e=s.slice(0,-1);return t.startsWith(e)&&t.length>e.length}return t===s}function Wt(t,s,e){for(const n of e)if(K(t,n.from)&&K(s,n.to))return n.transition;for(const n of e)if((n.from==="*"||K(t,n.from))&&(n.to==="*"||K(s,n.to)))return n.transition;return null}const Ft=768,Kt=10,Bt=10;function Xt(t={}){const{preserveScroll:s=u=>u}=t,e=typeof s=="function"?s:()=>s;let n=null,l=!1,p=!1;const a=()=>{const u=(n==null?void 0:n.clientWidth)??0,c=u>0?u:typeof window<"u"?window.innerWidth:0;return c>0&&c<Ft},g=()=>(p||(l=a(),p=!0),l),v=u=>{var E;const c=e(g());if(c===!1)return{preserves:!1,shared:!1,storageKey:`path:${u}`};if(c===!0)return{preserves:!0,shared:!1,storageKey:`path:${u}`};const m=((E=c.exclude)==null?void 0:E.some(T=>K(u,T)))??!1,w=!m&&!!c.key;return{preserves:!m,shared:w,storageKey:w?`shared:${c.key}`:`path:${u}`}},C=u=>v(u).preserves;let x=null;const b=new Map;let M=null,L=!1,H=0;const I=()=>{n&&M&&!L&&b.set(v(M).storageKey,{x:n.scrollLeft,y:n.scrollTop})},z=u=>{if(!n)return;const c=v(u);if(c.preserves&&c.shared&&!b.has(c.storageKey))return;const m=c.preserves&&b.has(c.storageKey)?b.get(c.storageKey):{x:0,y:0};let w=0;const E=()=>{if(!n)return;n.scrollTo({top:m.y,left:m.x}),!(Math.abs(n.scrollTop-m.y)<1&&Math.abs(n.scrollLeft-m.x)<1)&&w<Kt&&(w++,requestAnimationFrame(E))};requestAnimationFrame(E)};return{initializeContext:(u,c)=>{L=!0;const m=++H;x=u,n||(n=Dt(u),l=a(),p=!0,typeof ResizeObserver<"u"&&new ResizeObserver(()=>{l=a()}).observe(n),(n===document.documentElement?window:n).addEventListener("scroll",I,{passive:!0})),M=c,z(c);let w=0;const E=()=>{m===H&&(w++,w>=Bt?L=!1:requestAnimationFrame(E))};requestAnimationFrame(E)},calculateScrollOffset:(u,c)=>{const m=u?v(u).storageKey:null,w=m&&b.has(m)?b.get(m):{x:0,y:0},E=c?v(c):null,T=E!=null&&E.preserves?E.storageKey:null,N=T&&b.has(T)?b.get(T):{x:0,y:0};return{x:-N.x+w.x,y:-N.y+w.y}},evictScrollPosition:u=>{b.delete(v(u).storageKey)},shouldPreserve:C,getScrollContainer:()=>n,getPositionedParentElement:()=>x?Nt(x):document.body,getScrollPosition:u=>{const c=u?v(u).storageKey:null;return c&&b.has(c)?b.get(c):{x:0,y:0}},getIsMobile:g}}const pt=30,gt=8,mt=1.2,vt=30,zt=600;function $t(){let t=null,s=!1,e=!1,n=null,l=null,p=!1;const a=(d,f)=>{for(let h=0;h<d.length;h++){const S=d.item(h);if(S&&S.identifier===f)return S}return null},g=()=>{n!==null&&(clearTimeout(n),n=null)},v=()=>{l!==null&&(clearTimeout(l),l=null)},C=()=>{s=!0,e=!0,g(),v(),n=setTimeout(()=>{s=!1,e=!1,n=null},zt)},x=d=>{if(d.touches.length!==1){t=null;return}const f=d.touches.item(0);if(!f){t=null;return}const h=window.innerWidth,S=f.clientX<=pt,O=f.clientX>=h-pt;if(!S&&!O){t=null;return}t={identifier:f.identifier,startX:f.clientX,startY:f.clientY,fromLeftEdge:S,moved:!1}},b=d=>{if(!t)return;if(d.touches.length!==1){t=null;return}const f=a(d.touches,t.identifier);if(!f){t=null;return}const h=f.clientX-t.startX,S=f.clientY-t.startY,O=Math.abs(h),u=Math.abs(S);if(u>gt&&u>O*mt){t=null;return}const c=t.fromLeftEdge?h>0:h<0;O>gt&&O>u*mt&&c&&(t.moved=!0)},M=d=>{if(!t)return;const f=a(d.changedTouches,t.identifier);if(!f){t=null;return}const h=f.clientX-t.startX,S=t.fromLeftEdge?h>0:h<0;if(t.moved&&S&&Math.abs(h)>=vt){C(),t=null;return}t.moved&&Math.abs(h)>=vt&&C(),t=null},L=()=>{t&&(t.moved&&C(),t=null)};return{initialize:()=>{if(typeof window>"u"||p)return;p=!0;const d={passive:!0,capture:!0};window.addEventListener("touchstart",x,d),window.addEventListener("touchmove",b,d),window.addEventListener("touchend",M,d),window.addEventListener("touchcancel",L,d)},destroy:()=>{if(typeof window>"u"||!p)return;p=!1;const d={capture:!0};window.removeEventListener("touchstart",x,d),window.removeEventListener("touchmove",b,d),window.removeEventListener("touchend",M,d),window.removeEventListener("touchcancel",L,d),g(),v(),t=null,s=!1,e=!1},isSwipeBack:()=>{const d=s||e;return d&&g(),d},onPageEnter:()=>{s=!1,g(),v(),l=setTimeout(()=>{e=!1,l=null},0)}}}function qt(){let t=null;function s(){var n,l;t&&((n=t.outResolve)==null||n.call(t,null),(l=t.inResolve)==null||l.call(t,null),t=null)}function e(){if(t!=null&&t.from&&(t!=null&&t.to)&&(t!=null&&t.outResolve)&&(t!=null&&t.inResolve)){if(t.from===t.to){s();return}const n={from:t.from,to:t.to};t.outResolve(n),t.inResolve(n),t=null}}return{trigger(n,l){var a;l==="out"&&(t==null?void 0:t.to)===n&&!t.from&&((a=t.inResolve)==null||a.call(t,null),t={}),t&&(l==="out"&&t.from&&t.from!==n||l==="in"&&t.to&&t.to!==n)&&s(),t||(t={}),l==="out"?t.from=n:t.to=n},get(n){return new Promise(l=>{t||(t={}),n==="out"?t.outResolve=l:t.inResolve=l,e()})}}}const X=new Map;let G=null,bt=!1;function wt(t,s){if(t instanceof HTMLElement&&X.has(t)&&!t.isConnected){const e=X.get(t);X.delete(t),queueMicrotask(()=>e(s))}for(const e of Array.from(t.childNodes))wt(e,s)}function Vt(){if(bt||typeof document>"u")return;bt=!0,G=new MutationObserver(s=>{for(const e of s){const n={parent:e.target,nextSibling:e.nextSibling};for(const l of Array.from(e.removedNodes))wt(l,n)}});const t=()=>{G==null||G.observe(document.body,{childList:!0,subtree:!0})};document.body?t():document.addEventListener("DOMContentLoaded",t,{once:!0})}function Ut(t,s){return Vt(),X.set(t,s),()=>{X.delete(t)}}const rt=new WeakMap;let j=null;const Z="none !important";function B(t){const s=t.style.getPropertyValue("display");return t.style.getPropertyPriority("display")?`${s} !important`:s}function Yt(){return j||(j=new MutationObserver(t=>{for(const s of t){const e=s.target,n=rt.get(e);if(!n)continue;const l=B(e);l!==n.accounted&&(n.accounted=l,l===Z?(n.reactHidden=!0,n.onHide()):l!=="none"&&n.reactHidden&&(n.reactHidden=!1,n.onShow()))}}),j)}function Gt(t,s){const e=B(t),n={accounted:e,reactHidden:e===Z,onHide:s.onHide,onShow:s.onShow};return rt.set(t,n),Yt().observe(t,{attributes:!0,attributeFilter:["style"]}),{get isHidden(){return B(t)===Z},setDisplay(l,p=!1){l===null?t.style.removeProperty("display"):t.style.setProperty("display",l,p?"important":""),n.accounted=B(t)},sync(){n.accounted=B(t),n.reactHidden=n.accounted===Z},stop(){rt.delete(t)}}}function jt(t){return Array.isArray(t)}function Tt(t){const s=[];for(const e of t)jt(e)?s.push(...Tt(e)):s.push(e);return s}function Zt(t,s={}){const{transitions:e=[],middleware:n=(o,i)=>({from:o,to:i}),preserveScroll:l=o=>o}=t,p=s.host??new St,a=qt(),g=typeof e=="function"?e:()=>e,v=$t();v.initialize();const{initializeContext:C,calculateScrollOffset:x,evictScrollPosition:b,shouldPreserve:M,getScrollContainer:L,getPositionedParentElement:H,getScrollPosition:I,getIsMobile:z}=Xt({preserveScroll:l}),$=new Map,d=()=>{const o=z();let i=$.get(o);return i||(i=It(Tt(g({isMobile:o}))),$.set(o,i)),i};let f=null,h=null;const S=new WeakMap,O=o=>{S.set(o,{parent:o.parentNode,nextSibling:o.nextSibling})},u=o=>{const i=S.get(o);return i||{parent:o.parentNode,nextSibling:o.nextSibling}},c=new WeakMap,m=new WeakMap;let w=0;const E=o=>{const i=typeof getComputedStyle<"u"?getComputedStyle(o).display:"";return i&&i!=="none"?i:"block"},T=(o,i)=>{i.visibleDisplay=o.style.getPropertyValue("display"),i.computedDisplay=E(o)},N=(o,i)=>{if(m.get(o)!==i)return;m.delete(o);const r=c.get(o);r&&(r.savedCss!==null&&(o.style.cssText=r.savedCss,r.savedCss=null),r.intent==="hidden"?r.vis.setDisplay("none",!0):r.visibleDisplay?(r.vis.setDisplay(r.visibleDisplay,!1),T(o,r)):(r.vis.setDisplay(null),T(o,r)))},Rt=(o,i,r,y,P)=>{const R=y.element,_=P.element,k=(y.mode??"unmount")==="hidden",{parent:V,nextSibling:tt}=y.parent?{parent:y.parent,nextSibling:y.nextSibling}:u(R),U=x(i,r),et={scrollOffset:U,from:{scroll:I(i)},to:{scroll:I(r)},get scrollingElement(){return L()||document.documentElement},get positionedParent(){return H()}};let A;if(k){A=R,A.style.top=`${-1*((U==null?void 0:U.y)??0)}px`;const D=c.get(_);D&&D.savedCss===null&&(D.savedCss=_.style.cssText)}else A=R,kt(A,et);M(i)||b(i);const Y=k?++w:0;k&&(m.set(_,Y),m.set(R,Y));const dt=Promise.resolve(A),ft=Promise.resolve(_),ht=[],xt={from:dt,to:ft,context:et,createElement:((D,nt="div")=>{const W=document.createElement(nt);return W.setAttribute("data-ssgoi-id",D),ht.push(W),W})},Lt=Promise.resolve(o.prepare?o.prepare(xt):{});Ht({from:dt,to:ft,extras:Lt}).then(({from:D,to:nt,extras:W})=>{!k&&V&&(tt&&V.contains(tt)?V.insertBefore(A,tt):V.appendChild(A));const st=o.animation({from:D,to:nt,context:et,...W}),ot=st.onComplete;st.onComplete=()=>{ot==null||ot(),k?(N(R,Y),N(_,Y)):A.parentNode&&A.parentNode.removeChild(A);for(const it of ht)it.parentNode&&it.parentNode.removeChild(it)},p.attach(st)})},q=(o,i)=>{const r=v.isSwipeBack();a.trigger(o,i),a.get(i).then(y=>{if(i==="in"&&v.onPageEnter(),!y)return;if(r){i==="out"&&y.from&&!M(y.from)&&b(y.from),f=null,h=null;return}if(i!=="in")return;const{from:P,to:R}=n(y.from,y.to),_=Wt(P,R,d()),Q=f,k=h;f=null,h=null,!(!_||!Q||!k)&&Rt(_,P,R,Q,k)})},At=(o,i)=>{const r=c.get(o);if(!r)return;const y=r.intent==="hidden";if(r.intent="hidden",r.savedCss===null&&(r.savedCss=o.style.cssText),r.vis.setDisplay(r.computedDisplay||"block",!0),o.style.position="absolute",o.style.width="100%",o.style.left="0",y)return;const P=u(o);f={element:o,parent:P.parent,nextSibling:P.nextSibling,mode:"hidden"};const R=o.getAttribute("data-ssgoi-transition")??i;q(R,"out")},Mt=(o,i)=>{const r=c.get(o);if(!r||r.intent==="visible")return;r.intent="visible",T(o,r),r.savedCss!==null&&(o.style.cssText=r.savedCss,r.visibleDisplay?r.vis.setDisplay(r.visibleDisplay,!1):r.vis.setDisplay(null)),C(o,i),h={element:o,parent:o.parentElement,nextSibling:o.nextElementSibling};const y=o.getAttribute("data-ssgoi-transition")??i;q(y,"in")},Ct=(o,i,r)=>{const y=c.get(o);if(y&&(y.vis.stop(),c.delete(o),m.delete(o),y.intent==="hidden")){(f==null?void 0:f.element)===o&&(f=null),(h==null?void 0:h.element)===o&&(h=null);return}const P=r??u(o);f={element:o,parent:P.parent,nextSibling:P.nextSibling,mode:"unmount"};const R=o.getAttribute("data-ssgoi-transition")??i;q(R,"out")},ct=new WeakSet,at=(o,i)=>{if(ct.has(i))return;ct.add(i),O(i);const r=Gt(i,{onHide:()=>At(i,o),onShow:()=>Mt(i,o)}),y={vis:r,savedCss:null,intent:r.isHidden?"hidden":"visible",visibleDisplay:"",computedDisplay:"block"};c.set(i,y),r.isHidden||(T(i,y),C(i,o),h={element:i,parent:i.parentElement,nextSibling:i.nextElementSibling},q(o,"in")),Ut(i,P=>Ct(i,o,P))},ut=new Map;return{register:at,refFor:o=>{let i=ut.get(o);return i||(i=r=>{r&&at(o,r)},ut.set(o,i)),i}}}const Pt="data-ssgoi-root",Jt=`[${Pt}]`,lt="data-ssgoi-transition",Et=`[${lt}]`,Qt="[data-ssgoi-clone]";function te(){return typeof MutationObserver<"u"&&typeof HTMLElement<"u"&&typeof Node<"u"}function ee(t){return t.nodeType===Node.ELEMENT_NODE}function ne(t){return t instanceof HTMLElement}function se(t,s){if(!te())return()=>{};t.setAttribute(Pt,"");const e=a=>a.closest(Jt)===t,n=a=>{if(!ne(a)||!e(a)||a.closest(Qt))return;const g=a.getAttribute(lt);g!==null&&s.register(g,a)},l=a=>{if(ee(a)){a.matches(Et)&&n(a);for(const g of a.querySelectorAll(Et))n(g)}},p=new MutationObserver(a=>{for(const g of a){if(g.type==="attributes"){n(g.target);continue}for(const v of g.addedNodes)l(v)}});return p.observe(t,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[lt]}),l(t),()=>p.disconnect()}exports.Animation=J.Animation;exports.MultiAnimation=J.MultiAnimation;exports.WebAnimation=J.WebAnimation;exports.HostAnimation=St;exports.createSggoiTransitionContext=Zt;exports.observeSsgoiTransitions=se;
+"use strict";var Nt=Object.defineProperty;var kt=(t,s,e)=>s in t?Nt(t,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[s]=e;var z=(t,s,e)=>kt(t,typeof s!="symbol"?s+"":s,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("./multi-animation-uzEnQnrG.cjs");class Pt extends j.Animation{constructor(){super(...arguments);z(this,"child",null);z(this,"_state","idle");z(this,"_settled",!1);z(this,"listeners",new Set)}attach(e){const n=this.child;if(this.child=e,this._settled=!1,n){const l=n.getPose();n.complete(),e.matchInto(l)}e.playbackRate=this.playbackRate;const r=e.onComplete;e.onComplete=()=>{r==null||r(),this.child===e&&(this.child=null,this._state="idle",this._settled=!0),this.notify()};const u=e.onUpdate;e.onUpdate=l=>{var d;u==null||u(l),(d=this.onUpdate)==null||d.call(this,l),this.notify()},this._state==="paused"?e.pause():this._state==="reversing"?e.reverse():(this._state="playing",e.play()),this.notify()}play(){var e;this._state="playing",this._settled=!1,(e=this.child)==null||e.play(),this.notify()}reverse(){var e;this._state="reversing",this._settled=!1,(e=this.child)==null||e.reverse(),this.notify()}pause(){var e;this._state="paused",(e=this.child)==null||e.pause(),this.notify()}complete(){var e;(e=this.child)==null||e.complete(),this.notify()}get isAnimating(){var e;return((e=this.child)==null?void 0:e.isAnimating)??!1}get isPaused(){return this._state==="paused"}get isComplete(){return this._settled&&!this.child}get isReversing(){var e;return((e=this.child)==null?void 0:e.isReversing)??this._state==="reversing"}get progress(){var e;return((e=this.child)==null?void 0:e.progress)??0}findTimeForProgress(e){var n;return((n=this.child)==null?void 0:n.findTimeForProgress(e))??null}get playbackRate(){return super.playbackRate}set playbackRate(e){super.playbackRate=e,this.child&&(this.child.playbackRate=e),this.notify()}getPose(){var e;return((e=this.child)==null?void 0:e.getPose())??[]}getTimeline(){var e;return((e=this.child)==null?void 0:e.getTimeline())??[]}matchInto(e){var n;(n=this.child)==null||n.matchInto(e)}get activeChild(){return this.child}subscribe(e){return this.listeners.add(e),()=>{this.listeners.delete(e)}}notify(){for(const e of this.listeners)e()}}const It=(t,s)=>{var e;t.style.position="absolute",t.style.width="100%",t.style.top=`${-1*(((e=s==null?void 0:s.scrollOffset)==null?void 0:e.y)??0)}px`,t.style.left="0"},mt=new Set(["auto","scroll","overlay"]),Ht=t=>{let s=t.parentElement;for(;s&&s!==document.body;){const e=window.getComputedStyle(s);if(mt.has(e.overflowY)||mt.has(e.overflowX))return s;s=s.parentElement}return document.documentElement},Wt=t=>{let s=t.parentElement;for(;s&&s!==document.body;){const e=window.getComputedStyle(s).position;if(e==="relative"||e==="absolute"||e==="fixed"||e==="sticky")return s;s=s.parentElement}return document.body};function zt(t){const s=Object.keys(t);return Promise.all(s.map(e=>t[e])).then(e=>{const n={};return s.forEach((r,u)=>{n[r]=e[u]}),n})}function Bt(t){const s=t.filter(e=>e.symmetric).map(e=>({from:e.to,to:e.from,transition:e.transition}));return[...t,...s]}const Ft=1e6,gt=100,Kt=10;function Xt(t){const s=t.trim(),e=s.indexOf("#"),n=s.indexOf("?"),r=[e,n].filter(u=>u>=0).reduce((u,l)=>Math.min(u,l),s.length);return s.slice(0,r)}function at(t){const s=Xt(t);try{if(/^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(s))return at(new URL(s).pathname)}catch{}const n=(s.startsWith("/")?s:`/${s}`).replace(/\/+/g,"/");return(n.length>1?n.replace(/\/+$/g,""):n)||"/"}function $t(t){const s=t.trim();return s==="*"?"*":at(s)}function ot(t){return t==="/"?[]:t.slice(1).split("/")}function qt(t){return t.startsWith(":")||t.startsWith("[")&&t.endsWith("]")||t.startsWith("{")&&t.endsWith("}")}function rt(t,s){const e=at(t),n=$t(s);if(n==="*")return{matched:!0,specificity:0};if(e===n)return{matched:!0,specificity:Ft+ot(n).length*gt};const r=ot(e),u=ot(n);let l=0;for(let d=0;d<u.length;d++){const y=u[d],M=r[d],R=d===u.length-1;if(y===void 0)return{matched:!1,specificity:0};if((y==="*"||y==="**")&&R)return{matched:y==="**"?r.length>=d:r.length>d,specificity:l};if(M===void 0)return{matched:!1,specificity:0};if(y==="*"||qt(y)){l+=Kt;continue}if(y!==M)return{matched:!1,specificity:0};l+=gt}return{matched:r.length===u.length,specificity:l}}function Ut(t,s){return rt(t,s).matched}function Vt(t,s,e){let n;for(const r of e){const u=rt(t,r.from);if(!u.matched)continue;const l=rt(s,r.to);if(!l.matched)continue;const d=u.specificity+l.specificity;(!n||d>n.specificity)&&(n={transition:r.transition,specificity:d})}return(n==null?void 0:n.transition)??null}const Gt=768,Yt=10,Zt=10;function jt(t={}){const{preserveScroll:s=f=>f}=t,e=typeof s=="function"?s:()=>s;let n=null,r=!1,u=!1;const l=()=>{const f=(n==null?void 0:n.clientWidth)??0,a=f>0?f:typeof window<"u"?window.innerWidth:0;return a>0&&a<Gt},d=()=>(u||(r=l(),u=!0),r),y=f=>{var S;const a=e(d());if(a===!1)return{preserves:!1,shared:!1,storageKey:`path:${f}`};if(a===!0)return{preserves:!0,shared:!1,storageKey:`path:${f}`};const v=((S=a.exclude)==null?void 0:S.some(w=>Ut(f,w)))??!1,T=!v&&!!a.key;return{preserves:!v,shared:T,storageKey:T?`shared:${a.key}`:`path:${f}`}},M=f=>y(f).preserves;let R=null;const b=new Map;let x=null,O=!1,I=0;const H=()=>{n&&x&&!O&&b.set(y(x).storageKey,{x:n.scrollLeft,y:n.scrollTop})},K=f=>{if(!n)return;const a=y(f);if(a.preserves&&a.shared&&!b.has(a.storageKey))return;const v=a.preserves&&b.has(a.storageKey)?b.get(a.storageKey):{x:0,y:0};let T=0;const S=()=>{if(!n)return;n.scrollTo({top:v.y,left:v.x}),!(Math.abs(n.scrollTop-v.y)<1&&Math.abs(n.scrollLeft-v.x)<1)&&T<Yt&&(T++,requestAnimationFrame(S))};requestAnimationFrame(S)};return{initializeContext:(f,a)=>{O=!0;const v=++I;R=f,n||(n=Ht(f),r=l(),u=!0,typeof ResizeObserver<"u"&&new ResizeObserver(()=>{r=l()}).observe(n),(n===document.documentElement?window:n).addEventListener("scroll",H,{passive:!0})),x=a,K(a);let T=0;const S=()=>{v===I&&(T++,T>=Zt?O=!1:requestAnimationFrame(S))};requestAnimationFrame(S)},calculateScrollOffset:(f,a)=>{const v=f?y(f).storageKey:null,T=v&&b.has(v)?b.get(v):{x:0,y:0},S=a?y(a):null,w=S!=null&&S.preserves?S.storageKey:null,k=w&&b.has(w)?b.get(w):{x:0,y:0};return{x:-k.x+T.x,y:-k.y+T.y}},evictScrollPosition:f=>{b.delete(y(f).storageKey)},shouldPreserve:M,getScrollContainer:()=>n,getPositionedParentElement:()=>R?Wt(R):document.body,getScrollPosition:f=>{const a=f?y(f).storageKey:null;return a&&b.has(a)?b.get(a):{x:0,y:0}},getIsMobile:d}}const vt=30,bt=8,St=1.2,Et=30,Qt=600;function Jt(){let t=null,s=!1,e=!1,n=null,r=null,u=!1;const l=(h,p)=>{for(let m=0;m<h.length;m++){const E=h.item(m);if(E&&E.identifier===p)return E}return null},d=()=>{n!==null&&(clearTimeout(n),n=null)},y=()=>{r!==null&&(clearTimeout(r),r=null)},M=()=>{s=!0,e=!0,d(),y(),n=setTimeout(()=>{s=!1,e=!1,n=null},Qt)},R=h=>{if(h.touches.length!==1){t=null;return}const p=h.touches.item(0);if(!p){t=null;return}const m=window.innerWidth,E=p.clientX<=vt,L=p.clientX>=m-vt;if(!E&&!L){t=null;return}t={identifier:p.identifier,startX:p.clientX,startY:p.clientY,fromLeftEdge:E,moved:!1}},b=h=>{if(!t)return;if(h.touches.length!==1){t=null;return}const p=l(h.touches,t.identifier);if(!p){t=null;return}const m=p.clientX-t.startX,E=p.clientY-t.startY,L=Math.abs(m),f=Math.abs(E);if(f>bt&&f>L*St){t=null;return}const a=t.fromLeftEdge?m>0:m<0;L>bt&&L>f*St&&a&&(t.moved=!0)},x=h=>{if(!t)return;const p=l(h.changedTouches,t.identifier);if(!p){t=null;return}const m=p.clientX-t.startX,E=t.fromLeftEdge?m>0:m<0;if(t.moved&&E&&Math.abs(m)>=Et){M(),t=null;return}t.moved&&Math.abs(m)>=Et&&M(),t=null},O=()=>{t&&(t.moved&&M(),t=null)};return{initialize:()=>{if(typeof window>"u"||u)return;u=!0;const h={passive:!0,capture:!0};window.addEventListener("touchstart",R,h),window.addEventListener("touchmove",b,h),window.addEventListener("touchend",x,h),window.addEventListener("touchcancel",O,h)},destroy:()=>{if(typeof window>"u"||!u)return;u=!1;const h={capture:!0};window.removeEventListener("touchstart",R,h),window.removeEventListener("touchmove",b,h),window.removeEventListener("touchend",x,h),window.removeEventListener("touchcancel",O,h),d(),y(),t=null,s=!1,e=!1},isSwipeBack:()=>{const h=s||e;return h&&d(),h},onPageEnter:()=>{s=!1,d(),y(),r=setTimeout(()=>{e=!1,r=null},0)}}}function te(){let t=null;function s(){var n,r;t&&((n=t.outResolve)==null||n.call(t,null),(r=t.inResolve)==null||r.call(t,null),t=null)}function e(){if(t!=null&&t.from&&(t!=null&&t.to)&&(t!=null&&t.outResolve)&&(t!=null&&t.inResolve)){if(t.from===t.to){s();return}const n={from:t.from,to:t.to};t.outResolve(n),t.inResolve(n),t=null}}return{trigger(n,r){var l;r==="out"&&(t==null?void 0:t.to)===n&&!t.from&&((l=t.inResolve)==null||l.call(t,null),t={}),t&&(r==="out"&&t.from&&t.from!==n||r==="in"&&t.to&&t.to!==n)&&s(),t||(t={}),r==="out"?t.from=n:t.to=n},get(n){return new Promise(r=>{t||(t={}),n==="out"?t.outResolve=r:t.inResolve=r,e()})}}}const F=new Map;let G=null,Tt=!1;function At(t,s){if(t instanceof HTMLElement&&F.has(t)&&!t.isConnected){const e=F.get(t);F.delete(t),queueMicrotask(()=>e(s))}for(const e of Array.from(t.childNodes))At(e,s)}function ee(){if(Tt||typeof document>"u")return;Tt=!0,G=new MutationObserver(s=>{for(const e of s){const n={parent:e.target,nextSibling:e.nextSibling};for(const r of Array.from(e.removedNodes))At(r,n)}});const t=()=>{G==null||G.observe(document.body,{childList:!0,subtree:!0})};document.body?t():document.addEventListener("DOMContentLoaded",t,{once:!0})}function ne(t,s){return ee(),F.set(t,s),()=>{F.delete(t)}}const ct=new WeakMap;let Y=null;const Z="none !important";function B(t){const s=t.style.getPropertyValue("display");return t.style.getPropertyPriority("display")?`${s} !important`:s}function se(){return Y||(Y=new MutationObserver(t=>{for(const s of t){const e=s.target,n=ct.get(e);if(!n)continue;const r=B(e);r!==n.accounted&&(n.accounted=r,r===Z?(n.reactHidden=!0,n.onHide()):r!=="none"&&n.reactHidden&&(n.reactHidden=!1,n.onShow()))}}),Y)}function ie(t,s){const e=B(t),n={accounted:e,reactHidden:e===Z,onHide:s.onHide,onShow:s.onShow};return ct.set(t,n),se().observe(t,{attributes:!0,attributeFilter:["style"]}),{get isHidden(){return B(t)===Z},setDisplay(r,u=!1){r===null?t.style.removeProperty("display"):t.style.setProperty("display",r,u?"important":""),n.accounted=B(t)},sync(){n.accounted=B(t),n.reactHidden=n.accounted===Z},stop(){ct.delete(t)}}}function oe(t){return Array.isArray(t)}function Mt(t){const s=[];for(const e of t)oe(e)?s.push(...Mt(e)):s.push(e);return s}function re(t,s={}){const{transitions:e=[],middleware:n=(i,o)=>({from:i,to:o}),preserveScroll:r=i=>i}=t,u=s.host??new Pt,l=te(),d=typeof e=="function"?e:()=>e,y=Jt();y.initialize();const{initializeContext:M,calculateScrollOffset:R,evictScrollPosition:b,shouldPreserve:x,getScrollContainer:O,getPositionedParentElement:I,getScrollPosition:H,getIsMobile:K}=jt({preserveScroll:r}),X=new Map,h=()=>{const i=K();let o=X.get(i);return o||(o=Bt(Mt(d({isMobile:i}))),X.set(i,o)),o};let p=null,m=null;const E=new WeakMap,L=i=>{E.set(i,{parent:i.parentNode,nextSibling:i.nextSibling})},f=i=>{const o=E.get(i);return o||{parent:i.parentNode,nextSibling:i.nextSibling}},a=new WeakMap,v=new WeakMap;let T=0;const S=i=>{const o=typeof getComputedStyle<"u"?getComputedStyle(i).display:"";return o&&o!=="none"?o:"block"},w=(i,o)=>{o.visibleDisplay=i.style.getPropertyValue("display"),o.computedDisplay=S(i)},k=(i,o)=>{if(v.get(i)!==o)return;v.delete(i);const c=a.get(i);c&&(c.savedCss!==null&&(i.style.cssText=c.savedCss,c.savedCss=null),c.intent==="hidden"?c.vis.setDisplay("none",!0):c.visibleDisplay?(c.vis.setDisplay(c.visibleDisplay,!1),w(i,c)):(c.vis.setDisplay(null),w(i,c)))},Ct=(i,o,c,g,P)=>{const A=g.element,_=P.element,D=(g.mode??"unmount")==="hidden",{parent:q,nextSibling:J}=g.parent?{parent:g.parent,nextSibling:g.nextSibling}:f(A),U=R(o,c),tt={scrollOffset:U,from:{scroll:H(o)},to:{scroll:H(c)},get scrollingElement(){return O()||document.documentElement},get positionedParent(){return I()}};let C;if(D){C=A,C.style.top=`${-1*((U==null?void 0:U.y)??0)}px`;const N=a.get(_);N&&N.savedCss===null&&(N.savedCss=_.style.cssText)}else C=A,It(C,tt);x(o)||b(o);const V=D?++T:0;D&&(v.set(_,V),v.set(A,V));const ht=Promise.resolve(C),pt=Promise.resolve(_),yt=[],_t={from:ht,to:pt,context:tt,createElement:((N,et="div")=>{const W=document.createElement(et);return W.setAttribute("data-ssgoi-id",N),yt.push(W),W})},Dt=Promise.resolve(i.prepare?i.prepare(_t):{});zt({from:ht,to:pt,extras:Dt}).then(({from:N,to:et,extras:W})=>{!D&&q&&(J&&q.contains(J)?q.insertBefore(C,J):q.appendChild(C));const nt=i.animation({from:N,to:et,context:tt,...W}),st=nt.onComplete;nt.onComplete=()=>{st==null||st(),D?(k(A,V),k(_,V)):C.parentNode&&C.parentNode.removeChild(C);for(const it of yt)it.parentNode&&it.parentNode.removeChild(it)},u.attach(nt)})},$=(i,o)=>{const c=y.isSwipeBack();l.trigger(i,o),l.get(o).then(g=>{if(o==="in"&&y.onPageEnter(),!g)return;if(c){o==="out"&&g.from&&!x(g.from)&&b(g.from),p=null,m=null;return}if(o!=="in")return;const{from:P,to:A}=n(g.from,g.to),_=Vt(P,A,h()),Q=p,D=m;p=null,m=null,!(!_||!Q||!D)&&Ct(_,P,A,Q,D)})},xt=(i,o)=>{const c=a.get(i);if(!c)return;const g=c.intent==="hidden";if(c.intent="hidden",c.savedCss===null&&(c.savedCss=i.style.cssText),c.vis.setDisplay(c.computedDisplay||"block",!0),i.style.position="absolute",i.style.width="100%",i.style.left="0",g)return;const P=f(i);p={element:i,parent:P.parent,nextSibling:P.nextSibling,mode:"hidden"};const A=i.getAttribute("data-ssgoi-transition")??o;$(A,"out")},Ot=(i,o)=>{const c=a.get(i);if(!c||c.intent==="visible")return;c.intent="visible",w(i,c),c.savedCss!==null&&(i.style.cssText=c.savedCss,c.visibleDisplay?c.vis.setDisplay(c.visibleDisplay,!1):c.vis.setDisplay(null)),M(i,o),m={element:i,parent:i.parentElement,nextSibling:i.nextElementSibling};const g=i.getAttribute("data-ssgoi-transition")??o;$(g,"in")},Lt=(i,o,c)=>{const g=a.get(i);if(g&&(g.vis.stop(),a.delete(i),v.delete(i),g.intent==="hidden")){(p==null?void 0:p.element)===i&&(p=null),(m==null?void 0:m.element)===i&&(m=null);return}const P=c??f(i);p={element:i,parent:P.parent,nextSibling:P.nextSibling,mode:"unmount"};const A=i.getAttribute("data-ssgoi-transition")??o;$(A,"out")},ut=new WeakSet,dt=(i,o)=>{if(ut.has(o))return;ut.add(o),L(o);const c=ie(o,{onHide:()=>xt(o,i),onShow:()=>Ot(o,i)}),g={vis:c,savedCss:null,intent:c.isHidden?"hidden":"visible",visibleDisplay:"",computedDisplay:"block"};a.set(o,g),c.isHidden||(w(o,g),M(o,i),m={element:o,parent:o.parentElement,nextSibling:o.nextElementSibling},$(i,"in")),ne(o,P=>Lt(o,i,P))},ft=new Map;return{register:dt,refFor:i=>{let o=ft.get(i);return o||(o=c=>{c&&dt(i,c)},ft.set(i,o)),o}}}const Rt="data-ssgoi-root",ce=`[${Rt}]`,lt="data-ssgoi-transition",wt=`[${lt}]`,le="[data-ssgoi-clone]";function ae(){return typeof MutationObserver<"u"&&typeof HTMLElement<"u"&&typeof Node<"u"}function ue(t){return t.nodeType===Node.ELEMENT_NODE}function de(t){return t instanceof HTMLElement}function fe(t,s){if(!ae())return()=>{};t.setAttribute(Rt,"");const e=l=>l.closest(ce)===t,n=l=>{if(!de(l)||!e(l)||l.closest(le))return;const d=l.getAttribute(lt);d!==null&&s.register(d,l)},r=l=>{if(ue(l)){l.matches(wt)&&n(l);for(const d of l.querySelectorAll(wt))n(d)}},u=new MutationObserver(l=>{for(const d of l){if(d.type==="attributes"){n(d.target);continue}for(const y of d.addedNodes)r(y)}});return u.observe(t,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[lt]}),r(t),()=>u.disconnect()}exports.Animation=j.Animation;exports.MultiAnimation=j.MultiAnimation;exports.WebAnimation=j.WebAnimation;exports.HostAnimation=Pt;exports.createSggoiTransitionContext=re;exports.observeSsgoiTransitions=fe;

package/dist/internal.js

@@ -1,31 +1,31 @@
-var Ct = Object.defineProperty;
-var Lt = (t, s, e) => s in t ? Ct(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var F = (t, s, e) => Lt(t, typeof s != "symbol" ? s + "" : s, e);
-import { A as Ot } from "./multi-animation-Ch5rI3rB.js";
-import { M as ue, W as de } from "./multi-animation-Ch5rI3rB.js";
-class _t extends Ot {
+var _t = Object.defineProperty;
+var Dt = (t, s, e) => s in t ? _t(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var z = (t, s, e) => Dt(t, typeof s != "symbol" ? s + "" : s, e);
+import { A as Nt } from "./multi-animation-Ch5rI3rB.js";
+import { M as be, W as Se } from "./multi-animation-Ch5rI3rB.js";
+class kt extends Nt {
   constructor() {
     super(...arguments);
-    F(this, "child", null);
-    F(this, "_state", "idle");
-    F(this, "_settled", !1);
-    F(this, "listeners", /* @__PURE__ */ new Set());
+    z(this, "child", null);
+    z(this, "_state", "idle");
+    z(this, "_settled", !1);
+    z(this, "listeners", /* @__PURE__ */ new Set());
   }
   attach(e) {
     const n = this.child;
     if (this.child = e, this._settled = !1, n) {
-      const a = n.getPose();
-      n.complete(), e.matchInto(a);
+      const l = n.getPose();
+      n.complete(), e.matchInto(l);
     }
     e.playbackRate = this.playbackRate;
-    const l = e.onComplete;
+    const r = e.onComplete;
     e.onComplete = () => {
-      l == null || l(), this.child === e && (this.child = null, this._state = "idle", this._settled = !0), this.notify();
+      r == null || r(), this.child === e && (this.child = null, this._state = "idle", this._settled = !0), this.notify();
     };
-    const p = e.onUpdate;
-    e.onUpdate = (a) => {
-      var g;
-      p == null || p(a), (g = this.onUpdate) == null || g.call(this, a), this.notify();
+    const u = e.onUpdate;
+    e.onUpdate = (l) => {
+      var d;
+      u == null || u(l), (d = this.onUpdate) == null || d.call(this, l), this.notify();
     }, this._state === "paused" ? e.pause() : this._state === "reversing" ? e.reverse() : (this._state = "playing", e.play()), this.notify();
   }
   play() {
@@ -98,19 +98,19 @@ class _t extends Ot {
     for (const e of this.listeners) e();
   }
 }
-const kt = (t, s) => {
+const It = (t, s) => {
   var e;
   t.style.position = "absolute", t.style.width = "100%", t.style.top = `${-1 * (((e = s == null ? void 0 : s.scrollOffset) == null ? void 0 : e.y) ?? 0)}px`, t.style.left = "0";
-}, ht = /* @__PURE__ */ new Set(["auto", "scroll", "overlay"]), Dt = (t) => {
+}, yt = /* @__PURE__ */ new Set(["auto", "scroll", "overlay"]), Ht = (t) => {
   let s = t.parentElement;
   for (; s && s !== document.body; ) {
     const e = window.getComputedStyle(s);
-    if (ht.has(e.overflowY) || ht.has(e.overflowX))
+    if (yt.has(e.overflowY) || yt.has(e.overflowX))
       return s;
     s = s.parentElement;
   }
   return document.documentElement;
-}, Nt = (t) => {
+}, Wt = (t) => {
   let s = t.parentElement;
   for (; s && s !== document.body; ) {
     const e = window.getComputedStyle(s).position;
@@ -120,16 +120,16 @@ const kt = (t, s) => {
   }
   return document.body;
 };
-function Ht(t) {
+function zt(t) {
   const s = Object.keys(t);
   return Promise.all(s.map((e) => t[e])).then((e) => {
     const n = {};
-    return s.forEach((l, p) => {
-      n[l] = e[p];
+    return s.forEach((r, u) => {
+      n[r] = e[u];
     }), n;
   });
 }
-function It(t) {
+function Bt(t) {
   const s = t.filter((e) => e.symmetric).map((e) => ({
     from: e.to,
     to: e.from,
@@ -137,203 +137,260 @@ function It(t) {
   }));
   return [...t, ...s];
 }
-function K(t, s) {
-  if (s === "*")
-    return !0;
-  if (s.endsWith("/*")) {
-    const e = s.slice(0, -1);
-    return t.startsWith(e) && t.length > e.length;
+const Ft = 1e6, mt = 100, Kt = 10;
+function Xt(t) {
+  const s = t.trim(), e = s.indexOf("#"), n = s.indexOf("?"), r = [e, n].filter((u) => u >= 0).reduce((u, l) => Math.min(u, l), s.length);
+  return s.slice(0, r);
+}
+function lt(t) {
+  const s = Xt(t);
+  try {
+    if (/^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(s))
+      return lt(new URL(s).pathname);
+  } catch {
+  }
+  const n = (s.startsWith("/") ? s : `/${s}`).replace(/\/+/g, "/");
+  return (n.length > 1 ? n.replace(/\/+$/g, "") : n) || "/";
+}
+function $t(t) {
+  const s = t.trim();
+  return s === "*" ? "*" : lt(s);
+}
+function it(t) {
+  return t === "/" ? [] : t.slice(1).split("/");
+}
+function Ut(t) {
+  return t.startsWith(":") || t.startsWith("[") && t.endsWith("]") || t.startsWith("{") && t.endsWith("}");
+}
+function ot(t, s) {
+  const e = lt(t), n = $t(s);
+  if (n === "*")
+    return { matched: !0, specificity: 0 };
+  if (e === n)
+    return {
+      matched: !0,
+      specificity: Ft + it(n).length * mt
+    };
+  const r = it(e), u = it(n);
+  let l = 0;
+  for (let d = 0; d < u.length; d++) {
+    const y = u[d], R = r[d], A = d === u.length - 1;
+    if (y === void 0)
+      return { matched: !1, specificity: 0 };
+    if ((y === "*" || y === "**") && A)
+      return {
+        matched: y === "**" ? r.length >= d : r.length > d,
+        specificity: l
+      };
+    if (R === void 0)
+      return { matched: !1, specificity: 0 };
+    if (y === "*" || Ut(y)) {
+      l += Kt;
+      continue;
+    }
+    if (y !== R)
+      return { matched: !1, specificity: 0 };
+    l += mt;
   }
-  return t === s;
+  return {
+    matched: r.length === u.length,
+    specificity: l
+  };
+}
+function qt(t, s) {
+  return ot(t, s).matched;
 }
-function Wt(t, s, e) {
-  for (const n of e)
-    if (K(t, n.from) && K(s, n.to))
-      return n.transition;
-  for (const n of e)
-    if ((n.from === "*" || K(t, n.from)) && (n.to === "*" || K(s, n.to)))
-      return n.transition;
-  return null;
+function Vt(t, s, e) {
+  let n;
+  for (const r of e) {
+    const u = ot(t, r.from);
+    if (!u.matched) continue;
+    const l = ot(s, r.to);
+    if (!l.matched) continue;
+    const d = u.specificity + l.specificity;
+    (!n || d > n.specificity) && (n = { transition: r.transition, specificity: d });
+  }
+  return (n == null ? void 0 : n.transition) ?? null;
 }
-const Ft = 768, Kt = 10, Bt = 10;
-function Xt(t = {}) {
-  const { preserveScroll: s = (u) => u } = t, e = typeof s == "function" ? s : () => s;
-  let n = null, l = !1, p = !1;
-  const a = () => {
-    const u = (n == null ? void 0 : n.clientWidth) ?? 0, c = u > 0 ? u : typeof window < "u" ? window.innerWidth : 0;
-    return c > 0 && c < Ft;
-  }, g = () => (p || (l = a(), p = !0), l), v = (u) => {
-    var E;
-    const c = e(g());
-    if (c === !1)
-      return { preserves: !1, shared: !1, storageKey: `path:${u}` };
-    if (c === !0)
-      return { preserves: !0, shared: !1, storageKey: `path:${u}` };
-    const m = ((E = c.exclude) == null ? void 0 : E.some((T) => K(u, T))) ?? !1, S = !m && !!c.key;
+const Gt = 768, Yt = 10, Zt = 10;
+function Qt(t = {}) {
+  const { preserveScroll: s = (f) => f } = t, e = typeof s == "function" ? s : () => s;
+  let n = null, r = !1, u = !1;
+  const l = () => {
+    const f = (n == null ? void 0 : n.clientWidth) ?? 0, a = f > 0 ? f : typeof window < "u" ? window.innerWidth : 0;
+    return a > 0 && a < Gt;
+  }, d = () => (u || (r = l(), u = !0), r), y = (f) => {
+    var S;
+    const a = e(d());
+    if (a === !1)
+      return { preserves: !1, shared: !1, storageKey: `path:${f}` };
+    if (a === !0)
+      return { preserves: !0, shared: !1, storageKey: `path:${f}` };
+    const v = ((S = a.exclude) == null ? void 0 : S.some((T) => qt(f, T))) ?? !1, w = !v && !!a.key;
     return {
-      preserves: !m,
-      shared: S,
-      storageKey: S ? `shared:${c.key}` : `path:${u}`
+      preserves: !v,
+      shared: w,
+      storageKey: w ? `shared:${a.key}` : `path:${f}`
     };
-  }, A = (u) => v(u).preserves;
-  let C = null;
+  }, R = (f) => y(f).preserves;
+  let A = null;
   const b = /* @__PURE__ */ new Map();
-  let x = null, L = !1, H = 0;
-  const I = () => {
-    n && x && !L && b.set(v(x).storageKey, {
+  let x = null, L = !1, I = 0;
+  const H = () => {
+    n && x && !L && b.set(y(x).storageKey, {
       x: n.scrollLeft,
       y: n.scrollTop
     });
-  }, z = (u) => {
+  }, K = (f) => {
     if (!n) return;
-    const c = v(u);
-    if (c.preserves && c.shared && !b.has(c.storageKey))
+    const a = y(f);
+    if (a.preserves && a.shared && !b.has(a.storageKey))
       return;
-    const m = c.preserves && b.has(c.storageKey) ? b.get(c.storageKey) : { x: 0, y: 0 };
-    let S = 0;
-    const E = () => {
+    const v = a.preserves && b.has(a.storageKey) ? b.get(a.storageKey) : { x: 0, y: 0 };
+    let w = 0;
+    const S = () => {
       if (!n) return;
       n.scrollTo({
-        top: m.y,
-        left: m.x
-      }), !(Math.abs(n.scrollTop - m.y) < 1 && Math.abs(n.scrollLeft - m.x) < 1) && S < Kt && (S++, requestAnimationFrame(E));
+        top: v.y,
+        left: v.x
+      }), !(Math.abs(n.scrollTop - v.y) < 1 && Math.abs(n.scrollLeft - v.x) < 1) && w < Yt && (w++, requestAnimationFrame(S));
     };
-    requestAnimationFrame(E);
+    requestAnimationFrame(S);
   };
   return {
-    initializeContext: (u, c) => {
+    initializeContext: (f, a) => {
       L = !0;
-      const m = ++H;
-      C = u, n || (n = Dt(u), l = a(), p = !0, typeof ResizeObserver < "u" && new ResizeObserver(() => {
-        l = a();
-      }).observe(n), (n === document.documentElement ? window : n).addEventListener("scroll", I, {
+      const v = ++I;
+      A = f, n || (n = Ht(f), r = l(), u = !0, typeof ResizeObserver < "u" && new ResizeObserver(() => {
+        r = l();
+      }).observe(n), (n === document.documentElement ? window : n).addEventListener("scroll", H, {
         passive: !0
-      })), x = c, z(c);
-      let S = 0;
-      const E = () => {
-        m === H && (S++, S >= Bt ? L = !1 : requestAnimationFrame(E));
+      })), x = a, K(a);
+      let w = 0;
+      const S = () => {
+        v === I && (w++, w >= Zt ? L = !1 : requestAnimationFrame(S));
       };
-      requestAnimationFrame(E);
+      requestAnimationFrame(S);
     },
-    calculateScrollOffset: (u, c) => {
-      const m = u ? v(u).storageKey : null, S = m && b.has(m) ? b.get(m) : { x: 0, y: 0 }, E = c ? v(c) : null, T = E != null && E.preserves ? E.storageKey : null, N = T && b.has(T) ? b.get(T) : { x: 0, y: 0 };
+    calculateScrollOffset: (f, a) => {
+      const v = f ? y(f).storageKey : null, w = v && b.has(v) ? b.get(v) : { x: 0, y: 0 }, S = a ? y(a) : null, T = S != null && S.preserves ? S.storageKey : null, k = T && b.has(T) ? b.get(T) : { x: 0, y: 0 };
       return {
-        x: -N.x + S.x,
-        y: -N.y + S.y
+        x: -k.x + w.x,
+        y: -k.y + w.y
       };
     },
-    evictScrollPosition: (u) => {
-      b.delete(v(u).storageKey);
+    evictScrollPosition: (f) => {
+      b.delete(y(f).storageKey);
     },
-    shouldPreserve: A,
+    shouldPreserve: R,
     getScrollContainer: () => n,
-    getPositionedParentElement: () => C ? Nt(C) : document.body,
-    getScrollPosition: (u) => {
-      const c = u ? v(u).storageKey : null;
-      return c && b.has(c) ? b.get(c) : { x: 0, y: 0 };
+    getPositionedParentElement: () => A ? Wt(A) : document.body,
+    getScrollPosition: (f) => {
+      const a = f ? y(f).storageKey : null;
+      return a && b.has(a) ? b.get(a) : { x: 0, y: 0 };
     },
     // Same measurement that drives `preserveScroll`'s `isMobile`, exposed so a
     // functional `transitions` config can branch on it too.
-    getIsMobile: g
+    getIsMobile: d
   };
 }
-const yt = 30, pt = 8, gt = 1.2, mt = 30, zt = 600;
-function $t() {
-  let t = null, s = !1, e = !1, n = null, l = null, p = !1;
-  const a = (d, f) => {
-    for (let h = 0; h < d.length; h++) {
-      const w = d.item(h);
-      if (w && w.identifier === f) return w;
+const gt = 30, vt = 8, bt = 1.2, St = 30, jt = 600;
+function Jt() {
+  let t = null, s = !1, e = !1, n = null, r = null, u = !1;
+  const l = (h, p) => {
+    for (let m = 0; m < h.length; m++) {
+      const E = h.item(m);
+      if (E && E.identifier === p) return E;
     }
     return null;
-  }, g = () => {
+  }, d = () => {
     n !== null && (clearTimeout(n), n = null);
-  }, v = () => {
-    l !== null && (clearTimeout(l), l = null);
-  }, A = () => {
-    s = !0, e = !0, g(), v(), n = setTimeout(() => {
+  }, y = () => {
+    r !== null && (clearTimeout(r), r = null);
+  }, R = () => {
+    s = !0, e = !0, d(), y(), n = setTimeout(() => {
       s = !1, e = !1, n = null;
-    }, zt);
-  }, C = (d) => {
-    if (d.touches.length !== 1) {
+    }, jt);
+  }, A = (h) => {
+    if (h.touches.length !== 1) {
       t = null;
       return;
     }
-    const f = d.touches.item(0);
-    if (!f) {
+    const p = h.touches.item(0);
+    if (!p) {
       t = null;
       return;
     }
-    const h = window.innerWidth, w = f.clientX <= yt, O = f.clientX >= h - yt;
-    if (!w && !O) {
+    const m = window.innerWidth, E = p.clientX <= gt, O = p.clientX >= m - gt;
+    if (!E && !O) {
       t = null;
       return;
     }
     t = {
-      identifier: f.identifier,
-      startX: f.clientX,
-      startY: f.clientY,
-      fromLeftEdge: w,
+      identifier: p.identifier,
+      startX: p.clientX,
+      startY: p.clientY,
+      fromLeftEdge: E,
       moved: !1
     };
-  }, b = (d) => {
+  }, b = (h) => {
     if (!t) return;
-    if (d.touches.length !== 1) {
+    if (h.touches.length !== 1) {
       t = null;
       return;
     }
-    const f = a(d.touches, t.identifier);
-    if (!f) {
+    const p = l(h.touches, t.identifier);
+    if (!p) {
       t = null;
       return;
     }
-    const h = f.clientX - t.startX, w = f.clientY - t.startY, O = Math.abs(h), u = Math.abs(w);
-    if (u > pt && u > O * gt) {
+    const m = p.clientX - t.startX, E = p.clientY - t.startY, O = Math.abs(m), f = Math.abs(E);
+    if (f > vt && f > O * bt) {
       t = null;
       return;
     }
-    const c = t.fromLeftEdge ? h > 0 : h < 0;
-    O > pt && O > u * gt && c && (t.moved = !0);
-  }, x = (d) => {
+    const a = t.fromLeftEdge ? m > 0 : m < 0;
+    O > vt && O > f * bt && a && (t.moved = !0);
+  }, x = (h) => {
     if (!t) return;
-    const f = a(d.changedTouches, t.identifier);
-    if (!f) {
+    const p = l(h.changedTouches, t.identifier);
+    if (!p) {
       t = null;
       return;
     }
-    const h = f.clientX - t.startX, w = t.fromLeftEdge ? h > 0 : h < 0;
-    if (t.moved && w && Math.abs(h) >= mt) {
-      A(), t = null;
+    const m = p.clientX - t.startX, E = t.fromLeftEdge ? m > 0 : m < 0;
+    if (t.moved && E && Math.abs(m) >= St) {
+      R(), t = null;
       return;
     }
-    t.moved && Math.abs(h) >= mt && A(), t = null;
+    t.moved && Math.abs(m) >= St && R(), t = null;
   }, L = () => {
-    t && (t.moved && A(), t = null);
+    t && (t.moved && R(), t = null);
   };
   return { initialize: () => {
-    if (typeof window > "u" || p) return;
-    p = !0;
-    const d = { passive: !0, capture: !0 };
-    window.addEventListener("touchstart", C, d), window.addEventListener("touchmove", b, d), window.addEventListener("touchend", x, d), window.addEventListener("touchcancel", L, d);
+    if (typeof window > "u" || u) return;
+    u = !0;
+    const h = { passive: !0, capture: !0 };
+    window.addEventListener("touchstart", A, h), window.addEventListener("touchmove", b, h), window.addEventListener("touchend", x, h), window.addEventListener("touchcancel", L, h);
   }, destroy: () => {
-    if (typeof window > "u" || !p) return;
-    p = !1;
-    const d = { capture: !0 };
-    window.removeEventListener("touchstart", C, d), window.removeEventListener("touchmove", b, d), window.removeEventListener("touchend", x, d), window.removeEventListener("touchcancel", L, d), g(), v(), t = null, s = !1, e = !1;
+    if (typeof window > "u" || !u) return;
+    u = !1;
+    const h = { capture: !0 };
+    window.removeEventListener("touchstart", A, h), window.removeEventListener("touchmove", b, h), window.removeEventListener("touchend", x, h), window.removeEventListener("touchcancel", L, h), d(), y(), t = null, s = !1, e = !1;
   }, isSwipeBack: () => {
-    const d = s || e;
-    return d && g(), d;
+    const h = s || e;
+    return h && d(), h;
   }, onPageEnter: () => {
-    s = !1, g(), v(), l = setTimeout(() => {
-      e = !1, l = null;
+    s = !1, d(), y(), r = setTimeout(() => {
+      e = !1, r = null;
     }, 0);
   } };
 }
-function Vt() {
+function te() {
   let t = null;
   function s() {
-    var n, l;
-    t && ((n = t.outResolve) == null || n.call(t, null), (l = t.inResolve) == null || l.call(t, null), t = null);
+    var n, r;
+    t && ((n = t.outResolve) == null || n.call(t, null), (r = t.inResolve) == null || r.call(t, null), t = null);
   }
   function e() {
     if (t != null && t.from && (t != null && t.to) && (t != null && t.outResolve) && (t != null && t.inResolve)) {
@@ -346,37 +403,37 @@ function Vt() {
     }
   }
   return {
-    trigger(n, l) {
-      var a;
-      l === "out" && (t == null ? void 0 : t.to) === n && !t.from && ((a = t.inResolve) == null || a.call(t, null), t = {}), t && (l === "out" && t.from && t.from !== n || l === "in" && t.to && t.to !== n) && s(), t || (t = {}), l === "out" ? t.from = n : t.to = n;
+    trigger(n, r) {
+      var l;
+      r === "out" && (t == null ? void 0 : t.to) === n && !t.from && ((l = t.inResolve) == null || l.call(t, null), t = {}), t && (r === "out" && t.from && t.from !== n || r === "in" && t.to && t.to !== n) && s(), t || (t = {}), r === "out" ? t.from = n : t.to = n;
     },
     get(n) {
-      return new Promise((l) => {
-        t || (t = {}), n === "out" ? t.outResolve = l : t.inResolve = l, e();
+      return new Promise((r) => {
+        t || (t = {}), n === "out" ? t.outResolve = r : t.inResolve = r, e();
       });
     }
   };
 }
-const X = /* @__PURE__ */ new Map();
-let G = null, vt = !1;
-function Et(t, s) {
-  if (t instanceof HTMLElement && X.has(t) && !t.isConnected) {
-    const e = X.get(t);
-    X.delete(t), queueMicrotask(() => e(s));
+const F = /* @__PURE__ */ new Map();
+let G = null, Et = !1;
+function Tt(t, s) {
+  if (t instanceof HTMLElement && F.has(t) && !t.isConnected) {
+    const e = F.get(t);
+    F.delete(t), queueMicrotask(() => e(s));
   }
   for (const e of Array.from(t.childNodes))
-    Et(e, s);
+    Tt(e, s);
 }
-function qt() {
-  if (vt || typeof document > "u") return;
-  vt = !0, G = new MutationObserver((s) => {
+function ee() {
+  if (Et || typeof document > "u") return;
+  Et = !0, G = new MutationObserver((s) => {
     for (const e of s) {
       const n = {
         parent: e.target,
         nextSibling: e.nextSibling
       };
-      for (const l of Array.from(e.removedNodes))
-        Et(l, n);
+      for (const r of Array.from(e.removedNodes))
+        Tt(r, n);
     }
   });
   const t = () => {
@@ -384,295 +441,295 @@ function qt() {
   };
   document.body ? t() : document.addEventListener("DOMContentLoaded", t, { once: !0 });
 }
-function Ut(t, s) {
-  return qt(), X.set(t, s), () => {
-    X.delete(t);
+function ne(t, s) {
+  return ee(), F.set(t, s), () => {
+    F.delete(t);
   };
 }
-const it = /* @__PURE__ */ new WeakMap();
-let Z = null;
-const j = "none !important";
+const rt = /* @__PURE__ */ new WeakMap();
+let Y = null;
+const Z = "none !important";
 function B(t) {
   const s = t.style.getPropertyValue("display");
   return t.style.getPropertyPriority("display") ? `${s} !important` : s;
 }
-function Yt() {
-  return Z || (Z = new MutationObserver((t) => {
+function se() {
+  return Y || (Y = new MutationObserver((t) => {
     for (const s of t) {
-      const e = s.target, n = it.get(e);
+      const e = s.target, n = rt.get(e);
       if (!n) continue;
-      const l = B(e);
-      l !== n.accounted && (n.accounted = l, l === j ? (n.reactHidden = !0, n.onHide()) : l !== "none" && n.reactHidden && (n.reactHidden = !1, n.onShow()));
+      const r = B(e);
+      r !== n.accounted && (n.accounted = r, r === Z ? (n.reactHidden = !0, n.onHide()) : r !== "none" && n.reactHidden && (n.reactHidden = !1, n.onShow()));
     }
-  }), Z);
+  }), Y);
 }
-function Gt(t, s) {
+function ie(t, s) {
   const e = B(t), n = {
     accounted: e,
-    reactHidden: e === j,
+    reactHidden: e === Z,
     onHide: s.onHide,
     onShow: s.onShow
   };
-  return it.set(t, n), Yt().observe(t, {
+  return rt.set(t, n), se().observe(t, {
     attributes: !0,
     attributeFilter: ["style"]
   }), {
     get isHidden() {
-      return B(t) === j;
+      return B(t) === Z;
     },
-    setDisplay(l, p = !1) {
-      l === null ? t.style.removeProperty("display") : t.style.setProperty(
+    setDisplay(r, u = !1) {
+      r === null ? t.style.removeProperty("display") : t.style.setProperty(
         "display",
-        l,
-        p ? "important" : ""
+        r,
+        u ? "important" : ""
       ), n.accounted = B(t);
     },
     sync() {
-      n.accounted = B(t), n.reactHidden = n.accounted === j;
+      n.accounted = B(t), n.reactHidden = n.accounted === Z;
     },
     stop() {
-      it.delete(t);
+      rt.delete(t);
     }
   };
 }
-function Zt(t) {
+function oe(t) {
   return Array.isArray(t);
 }
-function wt(t) {
+function Pt(t) {
   const s = [];
   for (const e of t)
-    Zt(e) ? s.push(...wt(e)) : s.push(e);
+    oe(e) ? s.push(...Pt(e)) : s.push(e);
   return s;
 }
-function re(t, s = {}) {
+function ye(t, s = {}) {
   const {
     transitions: e = [],
-    middleware: n = (o, i) => ({ from: o, to: i }),
-    preserveScroll: l = (o) => o
-  } = t, p = s.host ?? new _t(), a = Vt(), g = typeof e == "function" ? e : () => e, v = $t();
-  v.initialize();
+    middleware: n = (i, o) => ({ from: i, to: o }),
+    preserveScroll: r = (i) => i
+  } = t, u = s.host ?? new kt(), l = te(), d = typeof e == "function" ? e : () => e, y = Jt();
+  y.initialize();
   const {
-    initializeContext: A,
-    calculateScrollOffset: C,
+    initializeContext: R,
+    calculateScrollOffset: A,
     evictScrollPosition: b,
     shouldPreserve: x,
     getScrollContainer: L,
-    getPositionedParentElement: H,
-    getScrollPosition: I,
-    getIsMobile: z
-  } = Xt({ preserveScroll: l }), $ = /* @__PURE__ */ new Map(), d = () => {
-    const o = z();
-    let i = $.get(o);
-    return i || (i = It(
-      wt(g({ isMobile: o }))
-    ), $.set(o, i)), i;
+    getPositionedParentElement: I,
+    getScrollPosition: H,
+    getIsMobile: K
+  } = Qt({ preserveScroll: r }), X = /* @__PURE__ */ new Map(), h = () => {
+    const i = K();
+    let o = X.get(i);
+    return o || (o = Bt(
+      Pt(d({ isMobile: i }))
+    ), X.set(i, o)), o;
   };
-  let f = null, h = null;
-  const w = /* @__PURE__ */ new WeakMap(), O = (o) => {
-    w.set(o, {
-      parent: o.parentNode,
-      nextSibling: o.nextSibling
+  let p = null, m = null;
+  const E = /* @__PURE__ */ new WeakMap(), O = (i) => {
+    E.set(i, {
+      parent: i.parentNode,
+      nextSibling: i.nextSibling
     });
-  }, u = (o) => {
-    const i = w.get(o);
-    return i || {
-      parent: o.parentNode,
-      nextSibling: o.nextSibling
+  }, f = (i) => {
+    const o = E.get(i);
+    return o || {
+      parent: i.parentNode,
+      nextSibling: i.nextSibling
     };
-  }, c = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap();
-  let S = 0;
-  const E = (o) => {
-    const i = typeof getComputedStyle < "u" ? getComputedStyle(o).display : "";
-    return i && i !== "none" ? i : "block";
-  }, T = (o, i) => {
-    i.visibleDisplay = o.style.getPropertyValue("display"), i.computedDisplay = E(o);
-  }, N = (o, i) => {
-    if (m.get(o) !== i) return;
-    m.delete(o);
-    const r = c.get(o);
-    r && (r.savedCss !== null && (o.style.cssText = r.savedCss, r.savedCss = null), r.intent === "hidden" ? r.vis.setDisplay("none", !0) : r.visibleDisplay ? (r.vis.setDisplay(r.visibleDisplay, !1), T(o, r)) : (r.vis.setDisplay(null), T(o, r)));
-  }, Tt = (o, i, r, y, R) => {
-    const P = y.element, _ = R.element, k = (y.mode ?? "unmount") === "hidden", { parent: q, nextSibling: Q } = y.parent ? { parent: y.parent, nextSibling: y.nextSibling } : u(P), U = C(i, r), tt = {
-      scrollOffset: U,
-      from: { scroll: I(i) },
-      to: { scroll: I(r) },
+  }, a = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap();
+  let w = 0;
+  const S = (i) => {
+    const o = typeof getComputedStyle < "u" ? getComputedStyle(i).display : "";
+    return o && o !== "none" ? o : "block";
+  }, T = (i, o) => {
+    o.visibleDisplay = i.style.getPropertyValue("display"), o.computedDisplay = S(i);
+  }, k = (i, o) => {
+    if (v.get(i) !== o) return;
+    v.delete(i);
+    const c = a.get(i);
+    c && (c.savedCss !== null && (i.style.cssText = c.savedCss, c.savedCss = null), c.intent === "hidden" ? c.vis.setDisplay("none", !0) : c.visibleDisplay ? (c.vis.setDisplay(c.visibleDisplay, !1), T(i, c)) : (c.vis.setDisplay(null), T(i, c)));
+  }, Rt = (i, o, c, g, P) => {
+    const M = g.element, _ = P.element, D = (g.mode ?? "unmount") === "hidden", { parent: U, nextSibling: j } = g.parent ? { parent: g.parent, nextSibling: g.nextSibling } : f(M), q = A(o, c), J = {
+      scrollOffset: q,
+      from: { scroll: H(o) },
+      to: { scroll: H(c) },
       get scrollingElement() {
         return L() || document.documentElement;
       },
       get positionedParent() {
-        return H();
+        return I();
       }
     };
-    let M;
-    if (k) {
-      M = P, M.style.top = `${-1 * ((U == null ? void 0 : U.y) ?? 0)}px`;
-      const D = c.get(_);
-      D && D.savedCss === null && (D.savedCss = _.style.cssText);
+    let C;
+    if (D) {
+      C = M, C.style.top = `${-1 * ((q == null ? void 0 : q.y) ?? 0)}px`;
+      const N = a.get(_);
+      N && N.savedCss === null && (N.savedCss = _.style.cssText);
     } else
-      M = P, kt(M, tt);
-    x(i) || b(i);
-    const Y = k ? ++S : 0;
-    k && (m.set(_, Y), m.set(P, Y));
-    const ut = Promise.resolve(M), dt = Promise.resolve(_), ft = [], xt = {
-      from: ut,
-      to: dt,
-      context: tt,
-      createElement: ((D, et = "div") => {
-        const W = document.createElement(et);
-        return W.setAttribute("data-ssgoi-id", D), ft.push(W), W;
+      C = M, It(C, J);
+    x(o) || b(o);
+    const V = D ? ++w : 0;
+    D && (v.set(_, V), v.set(M, V));
+    const ft = Promise.resolve(C), ht = Promise.resolve(_), pt = [], Lt = {
+      from: ft,
+      to: ht,
+      context: J,
+      createElement: ((N, tt = "div") => {
+        const W = document.createElement(tt);
+        return W.setAttribute("data-ssgoi-id", N), pt.push(W), W;
       })
-    }, At = Promise.resolve(
-      o.prepare ? o.prepare(xt) : {}
+    }, Ot = Promise.resolve(
+      i.prepare ? i.prepare(Lt) : {}
     );
-    Ht({
-      from: ut,
-      to: dt,
-      extras: At
-    }).then(({ from: D, to: et, extras: W }) => {
-      !k && q && (Q && q.contains(Q) ? q.insertBefore(M, Q) : q.appendChild(M));
-      const nt = o.animation({
-        from: D,
-        to: et,
-        context: tt,
+    zt({
+      from: ft,
+      to: ht,
+      extras: Ot
+    }).then(({ from: N, to: tt, extras: W }) => {
+      !D && U && (j && U.contains(j) ? U.insertBefore(C, j) : U.appendChild(C));
+      const et = i.animation({
+        from: N,
+        to: tt,
+        context: J,
         ...W
-      }), st = nt.onComplete;
-      nt.onComplete = () => {
-        st == null || st(), k ? (N(P, Y), N(_, Y)) : M.parentNode && M.parentNode.removeChild(M);
-        for (const ot of ft)
-          ot.parentNode && ot.parentNode.removeChild(ot);
-      }, p.attach(nt);
+      }), nt = et.onComplete;
+      et.onComplete = () => {
+        nt == null || nt(), D ? (k(M, V), k(_, V)) : C.parentNode && C.parentNode.removeChild(C);
+        for (const st of pt)
+          st.parentNode && st.parentNode.removeChild(st);
+      }, u.attach(et);
     });
-  }, V = (o, i) => {
-    const r = v.isSwipeBack();
-    a.trigger(o, i), a.get(i).then((y) => {
-      if (i === "in" && v.onPageEnter(), !y) return;
-      if (r) {
-        i === "out" && y.from && !x(y.from) && b(y.from), f = null, h = null;
+  }, $ = (i, o) => {
+    const c = y.isSwipeBack();
+    l.trigger(i, o), l.get(o).then((g) => {
+      if (o === "in" && y.onPageEnter(), !g) return;
+      if (c) {
+        o === "out" && g.from && !x(g.from) && b(g.from), p = null, m = null;
         return;
       }
-      if (i !== "in") return;
-      const { from: R, to: P } = n(
-        y.from,
-        y.to
-      ), _ = Wt(
-        R,
+      if (o !== "in") return;
+      const { from: P, to: M } = n(
+        g.from,
+        g.to
+      ), _ = Vt(
         P,
-        d()
-      ), J = f, k = h;
-      f = null, h = null, !(!_ || !J || !k) && Tt(_, R, P, J, k);
+        M,
+        h()
+      ), Q = p, D = m;
+      p = null, m = null, !(!_ || !Q || !D) && Rt(_, P, M, Q, D);
     });
-  }, Rt = (o, i) => {
-    const r = c.get(o);
-    if (!r) return;
-    const y = r.intent === "hidden";
-    if (r.intent = "hidden", r.savedCss === null && (r.savedCss = o.style.cssText), r.vis.setDisplay(r.computedDisplay || "block", !0), o.style.position = "absolute", o.style.width = "100%", o.style.left = "0", y) return;
-    const R = u(o);
-    f = {
-      element: o,
-      parent: R.parent,
-      nextSibling: R.nextSibling,
+  }, At = (i, o) => {
+    const c = a.get(i);
+    if (!c) return;
+    const g = c.intent === "hidden";
+    if (c.intent = "hidden", c.savedCss === null && (c.savedCss = i.style.cssText), c.vis.setDisplay(c.computedDisplay || "block", !0), i.style.position = "absolute", i.style.width = "100%", i.style.left = "0", g) return;
+    const P = f(i);
+    p = {
+      element: i,
+      parent: P.parent,
+      nextSibling: P.nextSibling,
       mode: "hidden"
     };
-    const P = o.getAttribute("data-ssgoi-transition") ?? i;
-    V(P, "out");
-  }, Pt = (o, i) => {
-    const r = c.get(o);
-    if (!r || r.intent === "visible") return;
-    r.intent = "visible", T(o, r), r.savedCss !== null && (o.style.cssText = r.savedCss, r.visibleDisplay ? r.vis.setDisplay(r.visibleDisplay, !1) : r.vis.setDisplay(null)), A(o, i), h = {
-      element: o,
-      parent: o.parentElement,
-      nextSibling: o.nextElementSibling
+    const M = i.getAttribute("data-ssgoi-transition") ?? o;
+    $(M, "out");
+  }, Ct = (i, o) => {
+    const c = a.get(i);
+    if (!c || c.intent === "visible") return;
+    c.intent = "visible", T(i, c), c.savedCss !== null && (i.style.cssText = c.savedCss, c.visibleDisplay ? c.vis.setDisplay(c.visibleDisplay, !1) : c.vis.setDisplay(null)), R(i, o), m = {
+      element: i,
+      parent: i.parentElement,
+      nextSibling: i.nextElementSibling
     };
-    const y = o.getAttribute("data-ssgoi-transition") ?? i;
-    V(y, "in");
-  }, Mt = (o, i, r) => {
-    const y = c.get(o);
-    if (y && (y.vis.stop(), c.delete(o), m.delete(o), y.intent === "hidden")) {
-      (f == null ? void 0 : f.element) === o && (f = null), (h == null ? void 0 : h.element) === o && (h = null);
+    const g = i.getAttribute("data-ssgoi-transition") ?? o;
+    $(g, "in");
+  }, xt = (i, o, c) => {
+    const g = a.get(i);
+    if (g && (g.vis.stop(), a.delete(i), v.delete(i), g.intent === "hidden")) {
+      (p == null ? void 0 : p.element) === i && (p = null), (m == null ? void 0 : m.element) === i && (m = null);
       return;
     }
-    const R = r ?? u(o);
-    f = {
-      element: o,
-      parent: R.parent,
-      nextSibling: R.nextSibling,
+    const P = c ?? f(i);
+    p = {
+      element: i,
+      parent: P.parent,
+      nextSibling: P.nextSibling,
       mode: "unmount"
     };
-    const P = o.getAttribute("data-ssgoi-transition") ?? i;
-    V(P, "out");
-  }, lt = /* @__PURE__ */ new WeakSet(), ct = (o, i) => {
-    if (lt.has(i)) return;
-    lt.add(i), O(i);
-    const r = Gt(i, {
-      onHide: () => Rt(i, o),
-      onShow: () => Pt(i, o)
-    }), y = {
-      vis: r,
+    const M = i.getAttribute("data-ssgoi-transition") ?? o;
+    $(M, "out");
+  }, at = /* @__PURE__ */ new WeakSet(), ut = (i, o) => {
+    if (at.has(o)) return;
+    at.add(o), O(o);
+    const c = ie(o, {
+      onHide: () => At(o, i),
+      onShow: () => Ct(o, i)
+    }), g = {
+      vis: c,
       savedCss: null,
-      intent: r.isHidden ? "hidden" : "visible",
+      intent: c.isHidden ? "hidden" : "visible",
       visibleDisplay: "",
       computedDisplay: "block"
     };
-    c.set(i, y), r.isHidden || (T(i, y), A(i, o), h = {
-      element: i,
-      parent: i.parentElement,
-      nextSibling: i.nextElementSibling
-    }, V(o, "in")), Ut(i, (R) => Mt(i, o, R));
-  }, at = /* @__PURE__ */ new Map();
-  return { register: ct, refFor: (o) => {
-    let i = at.get(o);
-    return i || (i = (r) => {
-      r && ct(o, r);
-    }, at.set(o, i)), i;
+    a.set(o, g), c.isHidden || (T(o, g), R(o, i), m = {
+      element: o,
+      parent: o.parentElement,
+      nextSibling: o.nextElementSibling
+    }, $(i, "in")), ne(o, (P) => xt(o, i, P));
+  }, dt = /* @__PURE__ */ new Map();
+  return { register: ut, refFor: (i) => {
+    let o = dt.get(i);
+    return o || (o = (c) => {
+      c && ut(i, c);
+    }, dt.set(i, o)), o;
   } };
 }
-const St = "data-ssgoi-root", jt = `[${St}]`, rt = "data-ssgoi-transition", bt = `[${rt}]`, Jt = "[data-ssgoi-clone]";
-function Qt() {
+const Mt = "data-ssgoi-root", re = `[${Mt}]`, ct = "data-ssgoi-transition", wt = `[${ct}]`, ce = "[data-ssgoi-clone]";
+function le() {
   return typeof MutationObserver < "u" && typeof HTMLElement < "u" && typeof Node < "u";
 }
-function te(t) {
+function ae(t) {
   return t.nodeType === Node.ELEMENT_NODE;
 }
-function ee(t) {
+function ue(t) {
   return t instanceof HTMLElement;
 }
-function le(t, s) {
-  if (!Qt()) return () => {
+function me(t, s) {
+  if (!le()) return () => {
   };
-  t.setAttribute(St, "");
-  const e = (a) => a.closest(jt) === t, n = (a) => {
-    if (!ee(a) || !e(a) || a.closest(Jt))
+  t.setAttribute(Mt, "");
+  const e = (l) => l.closest(re) === t, n = (l) => {
+    if (!ue(l) || !e(l) || l.closest(ce))
       return;
-    const g = a.getAttribute(rt);
-    g !== null && s.register(g, a);
-  }, l = (a) => {
-    if (te(a)) {
-      a.matches(bt) && n(a);
-      for (const g of a.querySelectorAll(bt))
-        n(g);
+    const d = l.getAttribute(ct);
+    d !== null && s.register(d, l);
+  }, r = (l) => {
+    if (ae(l)) {
+      l.matches(wt) && n(l);
+      for (const d of l.querySelectorAll(wt))
+        n(d);
     }
-  }, p = new MutationObserver((a) => {
-    for (const g of a) {
-      if (g.type === "attributes") {
-        n(g.target);
+  }, u = new MutationObserver((l) => {
+    for (const d of l) {
+      if (d.type === "attributes") {
+        n(d.target);
         continue;
       }
-      for (const v of g.addedNodes)
-        l(v);
+      for (const y of d.addedNodes)
+        r(y);
     }
   });
-  return p.observe(t, {
+  return u.observe(t, {
     childList: !0,
     subtree: !0,
     attributes: !0,
-    attributeFilter: [rt]
-  }), l(t), () => p.disconnect();
+    attributeFilter: [ct]
+  }), r(t), () => u.disconnect();
 }
 export {
-  Ot as Animation,
-  _t as HostAnimation,
-  ue as MultiAnimation,
-  de as WebAnimation,
-  re as createSggoiTransitionContext,
-  le as observeSsgoiTransitions
+  Nt as Animation,
+  kt as HostAnimation,
+  be as MultiAnimation,
+  Se as WebAnimation,
+  ye as createSggoiTransitionContext,
+  me as observeSsgoiTransitions
 };

package/dist/ssgoi-transition/find-matching-transition.d.ts

@@ -1,11 +1,16 @@
 import { TransitionConfig } from '../types/index.ts';
 /**
  * Matches a path against a pattern
- * Supports exact matches and wildcard patterns
+ * Supports exact matches, wildcard patterns, and common route segment params
  *
  * @example
  * matchPath('/products', '/products') // true
  * matchPath('/products/123', '/products/*') // true
+ * matchPath('/products', '/products/**') // true
+ * matchPath('/products/123/reviews', '/products/**') // true
+ * matchPath('/products/123', '/products/:id') // true
+ * matchPath('/products/123', '/products/[id]') // true
+ * matchPath('/products/123', '/products/{id}') // true
  * matchPath('/products/123', '/products') // false
  * matchPath('/anything', '*') // true
  */
@@ -13,8 +18,9 @@ export declare function matchPath(path: string, pattern: string): boolean;
 /**
  * Finds a matching transition configuration for the given from and to paths
  *
- * First tries to find exact match for both from and to paths,
- * then falls back to wildcard matches if no exact match is found.
+ * Chooses the most specific matching config. Exact paths outrank wildcard
+ * paths, deeper static wildcard prefixes outrank broader fallbacks, and equal
+ * specificity preserves the original config order.
  */
 export declare function findMatchingTransition(from: string, to: string, transitions: Array<{
     from: string;

package/dist/ssgoi-transition/find-matching-transition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"find-matching-transition.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/find-matching-transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE/C;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAehE;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,EACV,WAAW,EAAE,KAAK,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,gBAAgB,CAAC;CAC9B,CAAC,GACD,gBAAgB,GAAG,IAAI,CAmBzB"}
+{"version":3,"file":"find-matching-transition.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/find-matching-transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AA6H/C;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAEhE;AAED;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,EACV,WAAW,EAAE,KAAK,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,gBAAgB,CAAC;CAC9B,CAAC,GACD,gBAAgB,GAAG,IAAI,CAsBzB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssgoi/core",
-  "version": "6.6.1",
+  "version": "6.6.2",
   "description": "Core animation engine for SSGOI - Native app-like page transitions with spring physics",
   "private": false,
   "type": "module",
@@ -32,18 +32,6 @@
     "!dist/**/*.test.*",
     "!dist/**/*.spec.*"
   ],
-  "scripts": {
-    "dev": "vite",
-    "watch": "vite build --watch",
-    "build": "tsc && vite build",
-    "preview": "vite preview",
-    "prepare": "pnpm run build",
-    "lint": "eslint .",
-    "test": "vitest",
-    "test:ui": "vitest --ui",
-    "test:run": "vitest run",
-    "test:coverage": "vitest run --coverage"
-  },
   "keywords": [
     "page-transition",
     "page-transitions",
@@ -88,5 +76,16 @@
     "vite": "^6.0.7",
     "vite-plugin-dts": "^4.5.0",
     "vitest": "^3.2.4"
+  },
+  "scripts": {
+    "dev": "vite",
+    "watch": "vite build --watch",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "lint": "eslint .",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage"
   }
-}
+}