@ssgoi/vue 5.2.0 → 6.0.0

package/README.md

@@ -16,7 +16,7 @@ SSGOI brings native app-like page transitions to the web. Transform your static
 - **🚀 SSR Ready** - Perfect compatibility with Nuxt. No hydration issues, SEO-friendly
 - **🎯 Use Your Router** - Keep your existing routing. Vue Router, Nuxt - all work seamlessly
 - **💾 State Persistence** - Remembers animation state during navigation, even with browser back/forward
-- **🖖 Vue Optimized** - Built specifically for Vue 3 with Composition API and custom directives
+- **🖖 Vue Optimized** - Built specifically for Vue 3 with Composition API components
 
 ## Installation
 
@@ -43,11 +43,11 @@ pnpm add @ssgoi/vue
 </template>
 
 <script setup>
-import { Ssgoi } from '@ssgoi/vue';
-import { fade } from '@ssgoi/vue/view-transitions';
+import { Ssgoi } from "@ssgoi/vue";
+import { fade } from "@ssgoi/vue/view-transitions";
 
 const config = {
-  defaultTransition: fade()
+  transitions: [fade({ paths: ["/", "/about"] })],
 };
 </script>
 ```
@@ -63,11 +63,11 @@ const config = {
 </template>
 
 <script setup>
-import { SsgoiTransition } from '@ssgoi/vue';
+import { SsgoiTransition } from "@ssgoi/vue";
 </script>
 ```
 
-**That's it!** Your pages now transition smoothly with a fade effect.
+**That's it!** Your pages now transition smoothly with the configured effect.
 
 ## Advanced Transitions
 
@@ -79,102 +79,18 @@ Define different transitions for different routes:
 const config = {
   transitions: [
     // Scroll between tabs
-    { from: '/home', to: '/about', transition: scroll({ direction: 'up' }) },
-    { from: '/about', to: '/home', transition: scroll({ direction: 'down' }) },
-    
+    scroll({ paths: ["/home", "/about"] }),
+
     // Drill in when entering details
-    { from: '/products', to: '/products/*', transition: drill({ direction: 'enter' }) },
-    
-    // Pinterest-style image transitions
-    { from: '/gallery', to: '/photo/*', transition: pinterest() }
+    drill({ enter: "/products/*", exit: "/products" }),
+
+    // Shared element image transitions
+    zoom({ paths: ["/gallery", "/photo/*"], type: "expand" }),
   ],
-  defaultTransition: fade()
 };
 ```
 
-### Symmetric Transitions
-
-Automatically create bidirectional transitions:
-
-```javascript
-{
-  from: '/home',
-  to: '/about', 
-  transition: scroll({ direction: 'up' }),
-  symmetric: true  // Automatically creates reverse transition
-}
-```
-
-### Individual Element Animations
-
-Animate specific elements during mount/unmount:
-
-#### Method 1: Using Vue Directive (Recommended)
-
-```vue
-<template>
-  <div v-transition="{
-    key: 'card',
-    in: fade(),
-    out: slide({ direction: 'up' })
-  }">
-    <h2>Animated Card</h2>
-  </div>
-</template>
-
-<script setup>
-import { vTransition as vTransitionDirective } from '@ssgoi/vue';
-import { fade, slide } from '@ssgoi/vue/transitions';
-
-// Local directive registration
-const vTransition = vTransitionDirective;
-</script>
-```
-
-**Global Registration (in your main.ts/app.ts):**
-```javascript
-import { createApp } from 'vue';
-import { vTransition } from '@ssgoi/vue';
-import App from './App.vue';
-
-const app = createApp(App);
-
-// Register the directive globally
-app.directive('transition', vTransition);
-
-app.mount('#app');
-```
-
-#### Method 2: Using Composition API
-
-```vue
-<template>
-  <div ref="cardRef">
-    <h2>Animated Card</h2>
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted, onUnmounted } from 'vue';
-import { transition } from '@ssgoi/vue';
-import { fade, slide } from '@ssgoi/vue/transitions';
-
-const cardRef = ref();
-let cleanup;
-
-onMounted(() => {
-  cleanup = transition({
-    key: 'card',
-    in: fade(),
-    out: slide({ direction: 'up' })
-  })(cardRef.value);
-});
-
-onUnmounted(() => {
-  cleanup?.();
-});
-</script>
-```
+The route helpers return path transition groups, so nested arrays are accepted in `config.transitions`.
 
 ## Nuxt 3 Example
 
@@ -189,11 +105,11 @@ onUnmounted(() => {
 </template>
 
 <script setup>
-import { Ssgoi } from '@ssgoi/vue';
-import { scroll } from '@ssgoi/vue/view-transitions';
+import { Ssgoi } from "@ssgoi/vue";
+import { scroll } from "@ssgoi/vue/view-transitions";
 
 const config = {
-  defaultTransition: scroll({ direction: 'up' })
+  transitions: [scroll({ paths: ["/", "/about", "/products"] })],
 };
 </script>
 
@@ -205,7 +121,7 @@ const config = {
 </template>
 
 <script setup>
-import { SsgoiTransition } from '@ssgoi/vue';
+import { SsgoiTransition } from "@ssgoi/vue";
 </script>
 ```
 
@@ -214,6 +130,7 @@ import { SsgoiTransition } from '@ssgoi/vue';
 ### Components
 
 #### `<Ssgoi>`
+
 The provider component that manages transition context.
 
 ```vue
@@ -223,9 +140,12 @@ The provider component that manages transition context.
 ```
 
 Props:
+
 - `config` - Transition configuration object
+- `host` - Optional external playback host for debug tooling
 
 #### `<SsgoiTransition>`
+
 Wrapper component for pages that should transition.
 
 ```vue
@@ -235,76 +155,28 @@ Wrapper component for pages that should transition.
 ```
 
 Props:
-- `id` - Unique identifier for the page (required)
-
-### Composables
-
-#### `useSsgoi()`
-Access transition context and state.
-
-```javascript
-import { useSsgoi } from '@ssgoi/vue';
-
-const ssgoi = useSsgoi();
-```
-
-### Directives
-
-#### `v-transition`
-Apply transitions to individual elements.
-
-```vue
-<div v-transition="{
-  key: 'unique-key',
-  in: fade(),
-  out: fade()
-}">
-  Content
-</div>
-```
-
-### Functions
-
-#### `transition()`
-Apply transitions programmatically.
 
-```javascript
-const cleanup = transition({
-  key: 'unique-key',
-  in: fade(),
-  out: fade()
-})(element);
-```
+- `id` - Unique identifier for the page (required)
 
 ## Built-in Transitions
 
 ### Page Transitions (`@ssgoi/vue/view-transitions`)
+
 - `fade()` - Smooth opacity transition
 - `scroll()` - Vertical scrolling (up/down)
 - `drill()` - Drill in/out effect (enter/exit)
 - `hero()` - Shared element transitions
-- `pinterest()` - Pinterest-style expand effect
+- `slide()` - Ordered horizontal page transitions
+- `zoom()` - Shared element zoom transitions
 
-### Element Transitions (`@ssgoi/vue/transitions`)
-- `fade()` - Fade in/out effect
-- `slide({ direction })` - Slide animation with direction: 'up', 'down', 'left', 'right'
-- `scale()` - Scale in/out effect
-- `bounce()` - Bounce animation
-- `blur()` - Blur effect
-- `rotate()` - Rotation animation
+## Typed Preset Configuration
 
-## Spring Physics Configuration
-
-All transitions use spring physics for natural motion:
+Transition presets are fully typed and use the core animation engine internally:
 
 ```javascript
 slide({
-  direction: 'left',
-  spring: {
-    stiffness: 300,  // 1-1000, higher = faster
-    damping: 30      // 0-100, higher = less oscillation
-  }
-})
+  paths: ["/products/all", "/products/fashion"],
+});
 ```
 
 ## TypeScript Support
@@ -312,7 +184,7 @@ slide({
 SSGOI is written in TypeScript and provides full type definitions:
 
 ```typescript
-import type { SsgoiConfig, TransitionConfig } from '@ssgoi/vue';
+import type { SsgoiConfig, TransitionConfig } from "@ssgoi/vue";
 
 const config: SsgoiConfig = {
   // Full type safety
@@ -336,6 +208,7 @@ const config: SsgoiConfig = {
 ## Documentation
 
 Visit [https://ssgoi.dev](https://ssgoi.dev) for:
+
 - Complete API reference
 - Interactive examples
 - Advanced patterns
@@ -347,4 +220,4 @@ We welcome contributions! Please see our [contributing guide](https://github.com
 
 ## License
 
-MIT © [MeurSyphus](https://github.com/meursyphus)
+MIT © [MeurSyphus](https://github.com/meursyphus)

package/dist/context.d.ts

@@ -1,3 +1,6 @@
+import { ComputedRef } from 'vue';
 import { SsgoiContext } from './types';
-export declare const provideSsgoi: (context: SsgoiContext) => void;
-export declare const useSsgoi: () => SsgoiContext;
+type SsgoiContextRef = ComputedRef<SsgoiContext>;
+export declare const provideSsgoi: (context: SsgoiContextRef) => void;
+export declare const useSsgoi: () => SsgoiContextRef;
+export {};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vue/src/lib/transition.cjs"),i=require("./core/dist/types.cjs"),t=require("./vue/src/lib/ssgoi.vue.cjs"),e=require("./vue/src/lib/ssgoi-transition.vue.cjs"),s=require("./vue/src/lib/transition-scope.vue.cjs");exports.transition=n.transition;exports.vTransition=n.vTransition;exports.isCssAnimation=i.isCssAnimation;exports.isKeyframesAnimation=i.isKeyframesAnimation;exports.isMultiAnimation=i.isMultiAnimation;exports.isSingleAnimation=i.isSingleAnimation;exports.isTickAnimation=i.isTickAnimation;exports.normalizeSchedule=i.normalizeSchedule;exports.normalizeToMultiAnimation=i.normalizeToMultiAnimation;exports.Ssgoi=t.default;exports.SsgoiTransition=e.default;exports.TransitionScope=s.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ssgoi/core/types"),o=require("./ssgoi.vue.cjs"),s=require("./ssgoi-transition.vue.cjs"),r=require("@ssgoi/core");exports.Ssgoi=o.default;exports.SsgoiTransition=s.default;Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});Object.keys(r).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>r[e]})});

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-export { transition, vTransition } from './transition';
 export * from './types';
 export { default as Ssgoi } from './ssgoi.vue';
 export { default as SsgoiTransition } from './ssgoi-transition.vue';
-export { default as TransitionScope } from './transition-scope.vue';
+export * from '@ssgoi/core';

package/dist/index.js

@@ -1,19 +1,8 @@
-import { transition as n, vTransition as t } from "./vue/src/lib/transition.js";
-import { isCssAnimation as r, isKeyframesAnimation as s, isMultiAnimation as e, isSingleAnimation as m, isTickAnimation as f, normalizeSchedule as l, normalizeToMultiAnimation as p } from "./core/dist/types.js";
-import { default as A } from "./vue/src/lib/ssgoi.vue.js";
-import { default as S } from "./vue/src/lib/ssgoi-transition.vue.js";
-import { default as d } from "./vue/src/lib/transition-scope.vue.js";
+export * from "@ssgoi/core/types";
+import { default as e } from "./ssgoi.vue.js";
+import { default as a } from "./ssgoi-transition.vue.js";
+export * from "@ssgoi/core";
 export {
-  A as Ssgoi,
-  S as SsgoiTransition,
-  d as TransitionScope,
-  r as isCssAnimation,
-  s as isKeyframesAnimation,
-  e as isMultiAnimation,
-  m as isSingleAnimation,
-  f as isTickAnimation,
-  l as normalizeSchedule,
-  p as normalizeToMultiAnimation,
-  n as transition,
-  t as vTransition
+  e as Ssgoi,
+  a as SsgoiTransition
 };

package/dist/ssgoi-transition.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./context.cjs"),l=e.defineComponent({__name:"ssgoi-transition",props:{id:{},as:{default:"div"},class:{default:void 0}},setup(t){const n=t,i=r.useSsgoi(),c=s=>{const o=s,a=s instanceof HTMLElement?s:o?.$el;a instanceof HTMLElement&&i.value.refFor(n.id)(a)};return(s,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{ref:c,"data-ssgoi-transition":t.id,class:e.normalizeClass(n.class)},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},8,["data-ssgoi-transition","class"]))}});exports.default=l;

package/dist/ssgoi-transition.vue.d.ts

@@ -14,6 +14,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     as: keyof HTMLElementTagNameMap;
+    class: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/ssgoi-transition.vue.js

@@ -0,0 +1,29 @@
+import { defineComponent as r, createBlock as c, openBlock as l, resolveDynamicComponent as d, normalizeClass as f, withCtx as m, renderSlot as u } from "vue";
+import { useSsgoi as p } from "./context.js";
+const C = /* @__PURE__ */ r({
+  __name: "ssgoi-transition",
+  props: {
+    id: {},
+    as: { default: "div" },
+    class: { default: void 0 }
+  },
+  setup(t) {
+    const o = t, a = p(), i = (s) => {
+      const n = s, e = s instanceof HTMLElement ? s : n?.$el;
+      e instanceof HTMLElement && a.value.refFor(o.id)(e);
+    };
+    return (s, n) => (l(), c(d(t.as), {
+      ref: i,
+      "data-ssgoi-transition": t.id,
+      class: f(o.class)
+    }, {
+      default: m(() => [
+        u(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["data-ssgoi-transition", "class"]));
+  }
+});
+export {
+  C as default
+};

package/dist/ssgoi.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("./context.cjs"),i=require("@ssgoi/core/internal"),c=e.defineComponent({__name:"ssgoi",props:{config:{},host:{}},setup(o){const t=o,n=e.computed(()=>i.createSggoiTransitionContext(t.config,{host:t.host}));return s.provideSsgoi(n),(r,u)=>e.renderSlot(r.$slots,"default")}});exports.default=c;

package/dist/ssgoi.vue.d.ts

@@ -1,6 +1,8 @@
 import { SsgoiConfig } from './types';
+import { HostAnimation } from '@ssgoi/core/internal';
 interface Props {
     config: SsgoiConfig;
+    host?: HostAnimation;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -8,10 +10,10 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/ssgoi.vue.js

@@ -0,0 +1,19 @@
+import { defineComponent as n, computed as s, renderSlot as i } from "vue";
+import { provideSsgoi as p } from "./context.js";
+import { createSggoiTransitionContext as c } from "@ssgoi/core/internal";
+const d = /* @__PURE__ */ n({
+  __name: "ssgoi",
+  props: {
+    config: {},
+    host: {}
+  },
+  setup(t) {
+    const o = t, e = s(
+      () => c(o.config, { host: o.host })
+    );
+    return p(e), (r, m) => i(r.$slots, "default");
+  }
+});
+export {
+  d as default
+};

package/dist/types.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./core/dist/types.cjs");exports.isCssAnimation=i.isCssAnimation;exports.isKeyframesAnimation=i.isKeyframesAnimation;exports.isMultiAnimation=i.isMultiAnimation;exports.isSingleAnimation=i.isSingleAnimation;exports.isTickAnimation=i.isTickAnimation;exports.normalizeSchedule=i.normalizeSchedule;exports.normalizeToMultiAnimation=i.normalizeToMultiAnimation;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ssgoi/core/types");Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});

package/dist/types.js

@@ -1,10 +1 @@
-import { isCssAnimation as o, isKeyframesAnimation as m, isMultiAnimation as a, isSingleAnimation as t, isTickAnimation as e, normalizeSchedule as s, normalizeToMultiAnimation as l } from "./core/dist/types.js";
-export {
-  o as isCssAnimation,
-  m as isKeyframesAnimation,
-  a as isMultiAnimation,
-  t as isSingleAnimation,
-  e as isTickAnimation,
-  s as normalizeSchedule,
-  l as normalizeToMultiAnimation
-};
+export * from "@ssgoi/core/types";

package/dist/view-transitions.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ssgoi/core");Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});

package/dist/view-transitions.d.ts

@@ -0,0 +1 @@
+export * from '@ssgoi/core';

package/dist/view-transitions.js

@@ -0,0 +1 @@
+export * from "@ssgoi/core";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssgoi/vue",
-  "version": "5.2.0",
+  "version": "6.0.0",
   "description": "Vue bindings for SSGOI - Native app-like page transitions for Vue applications",
   "private": false,
   "type": "module",
@@ -19,33 +19,21 @@
       "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     },
-    "./transitions": {
-      "types": "./dist/transitions/index.d.ts",
-      "import": "./dist/transitions/index.js",
-      "require": "./dist/transitions/index.cjs",
-      "default": "./dist/transitions/index.js"
-    },
-    "./view-transitions": {
-      "types": "./dist/view-transitions/index.d.ts",
-      "import": "./dist/view-transitions/index.js",
-      "require": "./dist/view-transitions/index.cjs",
-      "default": "./dist/view-transitions/index.js"
-    },
     "./types": {
       "types": "./dist/types.d.ts",
       "import": "./dist/types.js",
       "require": "./dist/types.cjs",
       "default": "./dist/types.js"
     },
-    "./presets": {
-      "types": "./dist/presets/index.d.ts",
-      "import": "./dist/presets/index.js",
-      "require": "./dist/presets/index.cjs",
-      "default": "./dist/presets/index.js"
+    "./view-transitions": {
+      "types": "./dist/view-transitions.d.ts",
+      "import": "./dist/view-transitions.js",
+      "require": "./dist/view-transitions.cjs",
+      "default": "./dist/view-transitions.js"
     }
   },
   "dependencies": {
-    "@ssgoi/core": "^5.2.0"
+    "@ssgoi/core": "^6.0.0"
   },
   "peerDependencies": {
     "vue": "^3.5.0"

package/dist/core/dist/types.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function d(e){return("tick"in e||"css"in e)&&!("items"in e)}function a(e){return"items"in e}function y(e){return"css"in e&&typeof e.css=="function"}function p(e){return"tick"in e&&typeof e.tick=="function"}function o(e){return"keyframes"in e&&e.keyframes!==void 0&&e.keyframes!==null}async function k(e){const n=await e;return a(n)?{prepare:n.prepare,wait:n.wait,onReady:n.onReady,onStart:n.onStart,onEnd:n.onEnd,items:n.items,schedule:n.schedule}:{prepare:n.prepare,wait:n.wait,onReady:n.onReady,onStart:n.onStart,onEnd:n.onEnd,items:[{physics:n.physics,tick:n.tick,css:n.css}],schedule:"parallel"}}function h(e,n){const r=e.schedule??"parallel",c=e.items.map(s=>{let t;switch(r){case"parallel":t=0;break;case"sequential":t=1;break;case"stagger":t=Math.max(0,Math.min(1,s.offset??0));break;default:t=0}if(o(s)){const{offset:A,...m}=s;return{...m,normalizedOffset:t}}const{css:i,offset:w,...u}=s,f=i?typeof i=="function"?n?{element:n,style:i}:void 0:{element:i.element,style:i.style}:void 0;return{...u,css:f,normalizedOffset:t}}),{schedule:S,...l}=e;return{...l,items:c}}exports.isCssAnimation=y;exports.isKeyframesAnimation=o;exports.isMultiAnimation=a;exports.isSingleAnimation=d;exports.isTickAnimation=p;exports.normalizeSchedule=h;exports.normalizeToMultiAnimation=k;

package/dist/core/dist/types.js

@@ -1,80 +0,0 @@
-function k(n) {
-  return ("tick" in n || "css" in n) && !("items" in n);
-}
-function f(n) {
-  return "items" in n;
-}
-function h(n) {
-  return "css" in n && typeof n.css == "function";
-}
-function w(n) {
-  return "tick" in n && typeof n.tick == "function";
-}
-function m(n) {
-  return "keyframes" in n && n.keyframes !== void 0 && n.keyframes !== null;
-}
-async function A(n) {
-  const e = await n;
-  return f(e) ? {
-    prepare: e.prepare,
-    wait: e.wait,
-    onReady: e.onReady,
-    onStart: e.onStart,
-    onEnd: e.onEnd,
-    items: e.items,
-    schedule: e.schedule
-  } : {
-    prepare: e.prepare,
-    wait: e.wait,
-    onReady: e.onReady,
-    onStart: e.onStart,
-    onEnd: e.onEnd,
-    items: [
-      {
-        physics: e.physics,
-        tick: e.tick,
-        css: e.css
-      }
-    ],
-    schedule: "parallel"
-  };
-}
-function S(n, e) {
-  const a = n.schedule ?? "parallel", o = n.items.map(
-    (i) => {
-      let t;
-      switch (a) {
-        case "parallel":
-          t = 0;
-          break;
-        case "sequential":
-          t = 1;
-          break;
-        case "stagger":
-          t = Math.max(0, Math.min(1, i.offset ?? 0));
-          break;
-        default:
-          t = 0;
-      }
-      if (m(i)) {
-        const { offset: y, ...u } = i;
-        return { ...u, normalizedOffset: t };
-      }
-      const { css: s, offset: p, ...c } = i, l = s ? typeof s == "function" ? e ? { element: e, style: s } : void 0 : { element: s.element, style: s.style } : void 0;
-      return { ...c, css: l, normalizedOffset: t };
-    }
-  ), { schedule: d, ...r } = n;
-  return {
-    ...r,
-    items: o
-  };
-}
-export {
-  h as isCssAnimation,
-  m as isKeyframesAnimation,
-  f as isMultiAnimation,
-  k as isSingleAnimation,
-  w as isTickAnimation,
-  S as normalizeSchedule,
-  A as normalizeToMultiAnimation
-};

package/dist/presets/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ssgoi/core/presets");Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});

package/dist/presets/index.d.ts

@@ -1 +0,0 @@
-export * from '@ssgoi/core/presets';

package/dist/presets/index.js

@@ -1 +0,0 @@
-export * from "@ssgoi/core/presets";

package/dist/transition-scope.vue.d.ts

@@ -1,21 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        scopeRef: HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    scopeRef: HTMLDivElement;
-}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/transition.d.ts

@@ -1,9 +0,0 @@
-import { transition as _transition, Transition, TransitionKey, TransitionScope } from '@ssgoi/core';
-import { Directive } from 'vue';
-export declare const transition: typeof _transition;
-type TransitionConfig = Transition & {
-    key: TransitionKey;
-    scope?: TransitionScope;
-};
-export declare const vTransition: Directive<HTMLElement, TransitionConfig | undefined>;
-export {};

package/dist/transitions/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ssgoi/core/transitions");Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});

package/dist/transitions/index.d.ts

@@ -1 +0,0 @@
-export * from '@ssgoi/core/transitions';

package/dist/transitions/index.js

@@ -1 +0,0 @@
-export * from "@ssgoi/core/transitions";

package/dist/view-transitions/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ssgoi/core/view-transitions");Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});

package/dist/view-transitions/index.d.ts

@@ -1 +0,0 @@
-export * from '@ssgoi/core/view-transitions';

package/dist/view-transitions/index.js

@@ -1 +0,0 @@
-export * from "@ssgoi/core/view-transitions";

package/dist/vue/src/lib/ssgoi-transition.vue.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),a=require("./transition.cjs"),r=require("./context.cjs"),c=t.defineComponent({__name:"ssgoi-transition",props:{id:{},as:{default:"div"},class:{}},setup(e){const s=e,i=r.useSsgoi(),o=t.computed(()=>({...i(s.id),key:s.id}));return(n,u)=>t.withDirectives((t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.as),{"data-ssgoi-transition":e.id,class:t.normalizeClass(s.class)},{default:t.withCtx(()=>[t.renderSlot(n.$slots,"default")]),_:3},8,["data-ssgoi-transition","class"])),[[t.unref(a.vTransition),o.value]])}});exports.default=c;

package/dist/vue/src/lib/ssgoi-transition.vue.js

@@ -1,31 +0,0 @@
-import { defineComponent as a, computed as e, withDirectives as r, createBlock as c, openBlock as l, resolveDynamicComponent as d, normalizeClass as m, withCtx as u, renderSlot as f, unref as p } from "vue";
-import { vTransition as g } from "./transition.js";
-import { useSsgoi as v } from "./context.js";
-const x = /* @__PURE__ */ a({
-  __name: "ssgoi-transition",
-  props: {
-    id: {},
-    as: { default: "div" },
-    class: {}
-  },
-  setup(t) {
-    const s = t, n = v(), o = e(() => ({
-      ...n(s.id),
-      key: s.id
-    }));
-    return (i, C) => r((l(), c(d(t.as), {
-      "data-ssgoi-transition": t.id,
-      class: m(s.class)
-    }, {
-      default: u(() => [
-        f(i.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["data-ssgoi-transition", "class"])), [
-      [p(g), o.value]
-    ]);
-  }
-});
-export {
-  x as default
-};

package/dist/vue/src/lib/ssgoi.vue.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("./context.cjs"),s=require("@ssgoi/core"),u=e.defineComponent({__name:"ssgoi",props:{config:{}},setup(t){const o=t,n=e.computed(()=>s.createSggoiTransitionContext(o.config,{outFirst:!1}));return e.watchEffect(()=>{c.provideSsgoi(n.value)}),(r,i)=>(e.openBlock(),e.createElementBlock("div",null,[e.renderSlot(r.$slots,"default")]))}});exports.default=u;

package/dist/vue/src/lib/ssgoi.vue.js

@@ -1,26 +0,0 @@
-import { defineComponent as r, computed as c, watchEffect as s, createElementBlock as i, openBlock as a, renderSlot as p } from "vue";
-import { provideSsgoi as f } from "./context.js";
-import { createSggoiTransitionContext as l } from "@ssgoi/core";
-const _ = /* @__PURE__ */ r({
-  __name: "ssgoi",
-  props: {
-    config: {}
-  },
-  setup(o) {
-    const e = o, t = c(
-      () => l(e.config, {
-        // Vue directive uses unmounted hook for cleanup,
-        // so OUT and IN can arrive in any order
-        outFirst: !1
-      })
-    );
-    return s(() => {
-      f(t.value);
-    }), (n, m) => (a(), i("div", null, [
-      p(n.$slots, "default")
-    ]));
-  }
-});
-export {
-  _ as default
-};

package/dist/vue/src/lib/transition-scope.vue.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@ssgoi/core"),s=e.defineComponent({__name:"transition-scope",setup(c){const t=e.ref(null);let n;return e.onMounted(()=>{t.value&&(n=r.createTransitionScope()(t.value))}),e.onUnmounted(()=>{n?.()}),(o,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"scopeRef",ref:t,style:{display:"contents"}},[e.renderSlot(o.$slots,"default")],512))}});exports.default=s;

package/dist/vue/src/lib/transition-scope.vue.js

@@ -1,23 +0,0 @@
-import { defineComponent as t, ref as r, onMounted as s, onUnmounted as c, createElementBlock as l, openBlock as a, renderSlot as p } from "vue";
-import { createTransitionScope as f } from "@ssgoi/core";
-const _ = /* @__PURE__ */ t({
-  __name: "transition-scope",
-  setup(i) {
-    const e = r(null);
-    let o;
-    return s(() => {
-      e.value && (o = f()(e.value));
-    }), c(() => {
-      o?.();
-    }), (n, u) => (a(), l("div", {
-      ref_key: "scopeRef",
-      ref: e,
-      style: { display: "contents" }
-    }, [
-      p(n.$slots, "default")
-    ], 512));
-  }
-});
-export {
-  _ as default
-};

package/dist/vue/src/lib/transition-scope.vue2.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./transition-scope.vue.cjs");exports.default=e.default;

package/dist/vue/src/lib/transition-scope.vue2.js

@@ -1,4 +0,0 @@
-import f from "./transition-scope.vue.js";
-export {
-  f as default
-};

package/dist/vue/src/lib/transition.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@ssgoi/core"),o=s.transition,r={mounted(n,t){if(!t.value){console.warn("[SSGOI] v-transition directive requires a configuration object");return}const e=t.value,i=o(e)(n);n._ssgoiCleanup=i},unmounted(n){const t=n._ssgoiCleanup;t&&(t(),delete n._ssgoiCleanup)}};exports.transition=o;exports.vTransition=r;

package/dist/vue/src/lib/transition.js

@@ -1,21 +0,0 @@
-import { transition as s } from "@ssgoi/core";
-const e = s, r = {
-  mounted(n, o) {
-    if (!o.value) {
-      console.warn(
-        "[SSGOI] v-transition directive requires a configuration object"
-      );
-      return;
-    }
-    const t = o.value, i = e(t)(n);
-    n._ssgoiCleanup = i;
-  },
-  unmounted(n) {
-    const o = n._ssgoiCleanup;
-    o && (o(), delete n._ssgoiCleanup);
-  }
-};
-export {
-  e as transition,
-  r as vTransition
-};