@ssgoi/svelte 2.5.4 → 3.1.0

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { transition } from "./transition.js";
 export { default as Ssgoi } from "./ssgoi.svelte";
 export { default as SsgoiTransition } from "./ssgoi-transition.svelte";
+export { default as TransitionScope } from "./transition-scope.svelte";
 export * from "./types.js";

package/dist/index.js

@@ -1,4 +1,5 @@
 export { transition } from "./transition.js";
 export { default as Ssgoi } from "./ssgoi.svelte";
 export { default as SsgoiTransition } from "./ssgoi-transition.svelte";
+export { default as TransitionScope } from "./transition-scope.svelte";
 export * from "./types.js";

package/dist/transition-scope.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+  import { createTransitionScope } from "@ssgoi/core";
+
+  interface Props {
+    children: () => any;
+  }
+
+  let { children }: Props = $props();
+</script>
+
+<!--
+  TransitionScope creates a boundary for local-scoped transitions.
+
+  Child elements with `scope: 'local'` will:
+  - Skip IN animation when mounted simultaneously with the scope
+  - Skip OUT animation when unmounted simultaneously with the scope
+
+  @example
+  ```svelte
+  <TransitionScope>
+    <div use:transition={[fadeIn(), { scope: 'local' }]}>
+      This will only animate when added/removed independently,
+      not when the entire scope mounts/unmounts.
+    </div>
+  </TransitionScope>
+  ```
+-->
+<div use:createTransitionScope style="display: contents;">
+  {@render children()}
+</div>

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

@@ -0,0 +1,6 @@
+interface Props {
+    children: () => any;
+}
+declare const TransitionScope: import("svelte").Component<Props, {}, "">;
+type TransitionScope = ReturnType<typeof TransitionScope>;
+export default TransitionScope;

package/dist/transition.d.ts

@@ -1,9 +1,10 @@
-import { type Transition, type TransitionKey } from "@ssgoi/core";
-export declare const transition: <TAnimationValue = number>(node: HTMLElement, params: Transition<undefined, TAnimationValue> & {
+import { type Transition, type TransitionKey, type TransitionScope } from "@ssgoi/core";
+type TransitionParams = Transition<undefined> & {
     key?: TransitionKey;
-}) => {
-    update(newParams: Transition<undefined, TAnimationValue> & {
-        key?: TransitionKey;
-    }): void;
+    scope?: TransitionScope;
+};
+export declare const transition: (node: HTMLElement, params: TransitionParams) => {
+    update(newParams: TransitionParams): void;
     destroy(): void;
 };
+export {};

package/dist/transition.js

@@ -5,6 +5,7 @@ export var transition = function (node, params) {
         in: params === null || params === void 0 ? void 0 : params.in,
         out: params === null || params === void 0 ? void 0 : params.out,
         ref: node,
+        scope: params === null || params === void 0 ? void 0 : params.scope,
     });
     var cleanup = callback(node);
     return {
@@ -14,6 +15,7 @@ export var transition = function (node, params) {
                 in: newParams === null || newParams === void 0 ? void 0 : newParams.in,
                 out: newParams === null || newParams === void 0 ? void 0 : newParams.out,
                 ref: node,
+                scope: newParams === null || newParams === void 0 ? void 0 : newParams.scope,
             });
             cleanup = callback(node);
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssgoi/svelte",
-  "version": "2.5.4",
+  "version": "3.1.0",
   "description": "Svelte bindings for SSGOI - Native app-like page transitions for Svelte and SvelteKit applications",
   "private": false,
   "main": "./dist/index.js",
@@ -14,7 +14,7 @@
   "types": "./dist/index.d.ts",
   "type": "module",
   "dependencies": {
-    "@ssgoi/core": "^2.5.4"
+    "@ssgoi/core": "^3.1.0"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"