@ssgoi/core 0.0.1

package/dist/transition.d.ts

@@ -0,0 +1,16 @@
+import { Transition, TransitionCallback } from './types';
+/**
+ * Key type for transitions - can be string or symbol
+ */
+type TransitionKey = string | symbol;
+/**
+ * Framework-agnostic transition function that can be used as a ref
+ * Usage: <div ref={transition({ key: 'fade', in, out })} />
+ */
+export declare function transition(options: {
+    key: TransitionKey;
+    in?: Transition["in"];
+    out?: Transition["out"];
+}): TransitionCallback;
+export {};
+//# sourceMappingURL=transition.d.ts.map

package/dist/transition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../src/lib/transition.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE9D;;GAEG;AACH,KAAK,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAuDrC;;;GAGG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE;IAClC,GAAG,EAAE,aAAa,CAAC;IACnB,EAAE,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IACtB,GAAG,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;CACzB,GAAG,kBAAkB,CAMrB"}

package/dist/transitions/blur.d.ts

@@ -0,0 +1,27 @@
+interface BlurOptions {
+    amount?: number;
+    scale?: boolean;
+    fade?: boolean;
+    spring?: {
+        stiffness?: number;
+        damping?: number;
+    };
+}
+export declare const blur: (options?: BlurOptions) => {
+    in: (element: HTMLElement) => {
+        spring: {
+            stiffness?: number;
+            damping?: number;
+        };
+        tick: (progress: number) => void;
+    };
+    out: (element: HTMLElement) => {
+        spring: {
+            stiffness?: number;
+            damping?: number;
+        };
+        tick: (progress: number) => void;
+    };
+};
+export {};
+//# sourceMappingURL=blur.d.ts.map

package/dist/transitions/blur.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blur.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/blur.ts"],"names":[],"mappings":"AAAA,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB;kBAS5B,WAAW;;wBAdb,MAAM;sBACR,MAAM;;yBAeG,MAAM;;mBAeV,WAAW;;wBA/Bd,MAAM;sBACR,MAAM;;yBAgCG,MAAM;;CAgB5B,CAAC"}

package/dist/transitions/bounce.d.ts

@@ -0,0 +1,27 @@
+interface BounceOptions {
+    height?: number;
+    scale?: boolean;
+    fade?: boolean;
+    spring?: {
+        stiffness?: number;
+        damping?: number;
+    };
+}
+export declare const bounce: (options?: BounceOptions) => {
+    in: (element: HTMLElement) => {
+        spring: {
+            stiffness?: number;
+            damping?: number;
+        };
+        tick: (progress: number) => void;
+    };
+    out: (element: HTMLElement) => {
+        spring: {
+            stiffness?: number;
+            damping?: number;
+        };
+        tick: (progress: number) => void;
+    };
+};
+export {};
+//# sourceMappingURL=bounce.d.ts.map

package/dist/transitions/bounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bounce.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/bounce.ts"],"names":[],"mappings":"AAAA,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,eAAO,MAAM,MAAM,GAAI,UAAS,aAAkB;kBAShC,WAAW;;wBAdb,MAAM;sBACR,MAAM;;yBAeG,MAAM;;mBAkBV,WAAW;;wBAlCd,MAAM;sBACR,MAAM;;yBAmCG,MAAM;;CAmB5B,CAAC"}

package/dist/transitions/fade.d.ts

@@ -0,0 +1,26 @@
+interface FadeOptions {
+    from?: number;
+    to?: number;
+    spring?: {
+        stiffness?: number;
+        damping?: number;
+    };
+}
+export declare const fade: (options?: FadeOptions) => {
+    in: (element: HTMLElement) => {
+        spring: {
+            stiffness?: number;
+            damping?: number;
+        };
+        tick: (progress: number) => void;
+    };
+    out: (element: HTMLElement) => {
+        spring: {
+            stiffness?: number;
+            damping?: number;
+        };
+        tick: (progress: number) => void;
+    };
+};
+export {};
+//# sourceMappingURL=fade.d.ts.map

package/dist/transitions/fade.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fade.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/fade.ts"],"names":[],"mappings":"AAAA,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB;kBAQ5B,WAAW;;wBAbb,MAAM;sBACR,MAAM;;yBAcG,MAAM;;mBAKV,WAAW;;wBApBd,MAAM;sBACR,MAAM;;yBAqBG,MAAM;;CAM5B,CAAC"}

package/dist/transitions/index.d.ts

@@ -0,0 +1,8 @@
+export * from './fade';
+export * from './scale';
+export * from './slide';
+export * from './rotate';
+export * from './bounce';
+export * from './blur';
+export * from './none';
+//# sourceMappingURL=index.d.ts.map

package/dist/transitions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}

package/dist/transitions/none.d.ts

@@ -0,0 +1,24 @@
+interface NoneOptions {
+    spring?: {
+        stiffness?: number;
+        damping?: number;
+    };
+}
+export declare const none: (options?: NoneOptions) => {
+    in: (_element: HTMLElement) => {
+        spring: {
+            stiffness?: number;
+            damping?: number;
+        };
+        tick: (_progress: number) => void;
+    };
+    out: (_element: HTMLElement) => {
+        spring: {
+            stiffness?: number;
+            damping?: number;
+        };
+        tick: (_progress: number) => void;
+    };
+};
+export {};
+//# sourceMappingURL=none.d.ts.map

package/dist/transitions/none.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"none.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/none.ts"],"names":[],"mappings":"AAAA,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB;mBAM3B,WAAW;;wBAXd,MAAM;sBACR,MAAM;;0BAYI,MAAM;;oBAIV,WAAW;;wBAjBf,MAAM;sBACR,MAAM;;0BAkBI,MAAM;;CAK7B,CAAC"}

package/dist/transitions/rotate.d.ts

@@ -0,0 +1,28 @@
+interface RotateOptions {
+    degrees?: number;
+    clockwise?: boolean;
+    scale?: boolean;
+    fade?: boolean;
+    spring?: {
+        stiffness?: number;
+        damping?: number;
+    };
+}
+export declare const rotate: (options?: RotateOptions) => {
+    in: (element: HTMLElement) => {
+        spring: {
+            stiffness?: number;
+            damping?: number;
+        };
+        tick: (progress: number) => void;
+    };
+    out: (element: HTMLElement) => {
+        spring: {
+            stiffness?: number;
+            damping?: number;
+        };
+        tick: (progress: number) => void;
+    };
+};
+export {};
+//# sourceMappingURL=rotate.d.ts.map

package/dist/transitions/rotate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/rotate.ts"],"names":[],"mappings":"AAAA,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,eAAO,MAAM,MAAM,GAAI,UAAS,aAAkB;kBAYhC,WAAW;;wBAjBb,MAAM;sBACR,MAAM;;yBAkBG,MAAM;;mBAcV,WAAW;;wBAjCd,MAAM;sBACR,MAAM;;yBAkCG,MAAM;;CAe5B,CAAC"}

package/dist/transitions/scale.d.ts

@@ -0,0 +1,27 @@
+interface ScaleOptions {
+    duration?: number;
+    from?: number;
+    to?: number;
+    spring?: {
+        stiffness?: number;
+        damping?: number;
+    };
+}
+export declare const scale: (options?: ScaleOptions) => {
+    in: (element: HTMLElement) => {
+        spring: {
+            stiffness?: number;
+            damping?: number;
+        };
+        tick: (progress: number) => void;
+    };
+    out: (element: HTMLElement) => {
+        spring: {
+            stiffness?: number;
+            damping?: number;
+        };
+        tick: (progress: number) => void;
+    };
+};
+export {};
+//# sourceMappingURL=scale.d.ts.map

package/dist/transitions/scale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/scale.ts"],"names":[],"mappings":"AAAA,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,eAAO,MAAM,KAAK,GAAI,UAAS,YAAiB;kBAQ9B,WAAW;;wBAbb,MAAM;sBACR,MAAM;;yBAcG,MAAM;;mBAKV,WAAW;;wBApBd,MAAM;sBACR,MAAM;;yBAqBG,MAAM;;CAM5B,CAAC"}

package/dist/transitions/slide.d.ts

@@ -0,0 +1,27 @@
+interface SlideOptions {
+    direction?: 'left' | 'right' | 'up' | 'down';
+    distance?: number;
+    fade?: boolean;
+    spring?: {
+        stiffness?: number;
+        damping?: number;
+    };
+}
+export declare const slide: (options?: SlideOptions) => {
+    in: (element: HTMLElement) => {
+        spring: {
+            stiffness?: number;
+            damping?: number;
+        };
+        tick: (progress: number) => void;
+    };
+    out: (element: HTMLElement) => {
+        spring: {
+            stiffness?: number;
+            damping?: number;
+        };
+        tick: (progress: number) => void;
+    };
+};
+export {};
+//# sourceMappingURL=slide.d.ts.map

package/dist/transitions/slide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/slide.ts"],"names":[],"mappings":"AAAA,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,eAAO,MAAM,KAAK,GAAI,UAAS,YAAiB;kBAuB9B,WAAW;;wBA5Bb,MAAM;sBACR,MAAM;;yBA6BG,MAAM;;mBAOV,WAAW;;wBArCd,MAAM;sBACR,MAAM;;yBAsCG,MAAM;;CAQ5B,CAAC"}

package/dist/transitions.d.ts

@@ -0,0 +1,2 @@
+export * from './transitions/index'
+export {}

package/dist/types.d.ts

@@ -0,0 +1,38 @@
+export type TransitionKey = string | symbol;
+export type SpringConfig = {
+    stiffness?: number;
+    damping?: number;
+};
+export type TransitionConfig = {
+    spring?: SpringConfig;
+    tick?: (progress: number) => void;
+    prepare?: (element: HTMLElement) => void;
+    onStart?: () => void;
+    onEnd?: () => void;
+};
+export type GetTransitionConfig<TContext = undefined> = TContext extends undefined ? (node: HTMLElement) => TransitionConfig | Promise<TransitionConfig> : (node: HTMLElement, context: TContext) => TransitionConfig | Promise<TransitionConfig>;
+export type Transition<TContext = undefined> = {
+    in?: GetTransitionConfig<TContext>;
+    out?: GetTransitionConfig<TContext>;
+};
+export type TransitionCallback = (element: HTMLElement | null) => void | (() => void);
+export type SggoiTransitionContext = {
+    scrollOffset: {
+        x: number;
+        y: number;
+    };
+};
+export type SggoiTransition = Transition<SggoiTransitionContext>;
+export type SsgoiConfig = {
+    transitions: {
+        from: string;
+        to: string;
+        transition: SggoiTransition;
+        symmetric?: boolean;
+    }[];
+    defaultTransition?: SggoiTransition;
+};
+export type SsgoiContext = (path: string) => Transition & {
+    key: TransitionKey;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/lib/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5C,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAE7B,MAAM,CAAC,EAAE,YAAY,CAAC;IAGtB,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAGlC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAGzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAGrB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,QAAQ,GAAG,SAAS,IAClD,QAAQ,SAAS,SAAS,GACtB,CAAC,IAAI,EAAE,WAAW,KAAK,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC,GACnE,CACE,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,QAAQ,KACd,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;AAExD,MAAM,MAAM,UAAU,CAAC,QAAQ,GAAG,SAAS,IAAI;IAC7C,EAAE,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACnC,GAAG,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,CAC/B,OAAO,EAAE,WAAW,GAAG,IAAI,KACxB,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;AAEzB,MAAM,MAAM,sBAAsB,GAAG;IACnC,YAAY,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;QACX,UAAU,EAAE,eAAe,CAAC;QAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,EAAE,CAAC;IACJ,iBAAiB,CAAC,EAAE,eAAe,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,CACzB,IAAI,EAAE,MAAM,KACT,UAAU,GAAG;IAAE,GAAG,EAAE,aAAa,CAAA;CAAE,CAAC"}

package/dist/utils-BSgyev81.cjs

@@ -0,0 +1 @@
+"use strict";const n=e=>{e.style.position="absolute",e.style.width="100%",e.style.top="0",e.style.left="0"},r=e=>{let t=e.parentElement;for(;t&&t!==document.body;){const l=window.getComputedStyle(t),o=l.overflow+l.overflowY+l.overflowX;if(o.includes("auto")||o.includes("scroll")||t.scrollHeight>t.clientHeight||t.scrollWidth>t.clientWidth)return t;t=t.parentElement}return document.documentElement};exports.getScrollingElement=r;exports.prepareOutgoing=n;

package/dist/utils-DR41YsAh.js

@@ -0,0 +1,16 @@
+const n = (e) => {
+  e.style.position = "absolute", e.style.width = "100%", e.style.top = "0", e.style.left = "0";
+}, r = (e) => {
+  let t = e.parentElement;
+  for (; t && t !== document.body; ) {
+    const o = window.getComputedStyle(t), l = o.overflow + o.overflowY + o.overflowX;
+    if (l.includes("auto") || l.includes("scroll") || t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth)
+      return t;
+    t = t.parentElement;
+  }
+  return document.documentElement;
+};
+export {
+  r as g,
+  n as p
+};

package/dist/utils.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Applies common styles for outgoing page elements
+ * Makes the element absolute positioned to allow the incoming page to take its place
+ */
+export declare const prepareOutgoing: (element: HTMLElement) => void;
+/**
+ * Gets the scrolling element that contains the given element
+ * Returns the first scrollable parent element or document.documentElement
+ */
+export declare const getScrollingElement: (element: HTMLElement) => HTMLElement;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/lib/utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,WAAW,KAAG,IAKtD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,SAAS,WAAW,KAAG,WAuB1D,CAAC"}

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

@@ -0,0 +1,7 @@
+import { SpringConfig, SggoiTransition } from '../types';
+interface FadeOptions {
+    spring?: Partial<SpringConfig>;
+}
+export declare const fade: (options?: FadeOptions) => SggoiTransition;
+export {};
+//# sourceMappingURL=fade.d.ts.map

package/dist/view-transitions/fade.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fade.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/fade.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG9D,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,eAqBhD,CAAC"}

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

@@ -0,0 +1,8 @@
+import { SpringConfig, SggoiTransition } from '../types';
+interface HeroOptions {
+    spring?: Partial<SpringConfig>;
+    timeout?: number;
+}
+export declare const hero: (options?: HeroOptions) => SggoiTransition;
+export {};
+//# sourceMappingURL=hero.d.ts.map

package/dist/view-transitions/hero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/hero.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG9D,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAkBD,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,eA0JhD,CAAC"}

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

@@ -0,0 +1,5 @@
+export * from './fade';
+export * from './hero';
+export * from './pinterest';
+export * from './ripple';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}

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

@@ -0,0 +1,8 @@
+import { SpringConfig, SggoiTransition } from '../types';
+interface PinterestOptions {
+    spring?: Partial<SpringConfig>;
+    timeout?: number;
+}
+export declare const pinterest: (options?: PinterestOptions) => SggoiTransition;
+export {};
+//# sourceMappingURL=pinterest.d.ts.map

package/dist/view-transitions/pinterest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pinterest.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/pinterest.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG9D,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AA0TD,eAAO,MAAM,SAAS,GAAI,UAAS,gBAAqB,KAAG,eAkF1D,CAAC"}

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

@@ -0,0 +1,7 @@
+import { SpringConfig, SggoiTransition } from '../types';
+interface RippleOptions {
+    spring?: Partial<SpringConfig>;
+}
+export declare const ripple: (options?: RippleOptions) => SggoiTransition;
+export {};
+//# sourceMappingURL=ripple.d.ts.map

package/dist/view-transitions/ripple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/ripple.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG9D,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAChC;AAWD,eAAO,MAAM,MAAM,GAAI,UAAS,aAAkB,KAAG,eA4BpD,CAAC"}

package/dist/view-transitions.d.ts

@@ -0,0 +1,2 @@
+export * from './view-transitions/index'
+export {}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@ssgoi/core",
+  "version": "0.0.1",
+  "description": "A smooth page transition library",
+  "private": false,
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./transitions": {
+      "types": "./dist/transitions/index.d.ts",
+      "import": "./dist/transitions/index.js",
+      "require": "./dist/transitions/index.cjs"
+    },
+    "./view-transitions": {
+      "types": "./dist/view-transitions/index.d.ts",
+      "import": "./dist/view-transitions/index.js",
+      "require": "./dist/view-transitions/index.cjs"
+    },
+    "./types": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/types.js",
+      "require": "./dist/types.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "keywords": [
+    "page-transition",
+    "animation",
+    "typescript",
+    "vanilla"
+  ],
+  "author": "",
+  "license": "MIT",
+  "devDependencies": {
+    "@types/node": "^22.10.6",
+    "typescript": "^5.7.3",
+    "vite": "^6.0.7",
+    "vite-plugin-dts": "^4.5.0"
+  },
+  "dependencies": {
+    "popmotion": "^11.0.5"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  }
+}

package/src/lib/animator.ts

@@ -0,0 +1,172 @@
+import { animate } from "popmotion";
+
+import type { SpringConfig } from "./types";
+
+export interface AnimationOptions {
+  from: number;
+  to: number;
+  spring: SpringConfig;
+  onUpdate: (value: number) => void;
+  onComplete: () => void;
+  onStart?: () => void;
+}
+
+/**
+ * New Animator implementation using Popmotion
+ * Provides spring-based animations with fine control
+ */
+export class Animator {
+  private options: AnimationOptions;
+  private currentValue: number;
+  private velocity: number = 0;
+  private isAnimating = false;
+  private controls: { stop: () => void } | null = null;
+
+  constructor(options: Partial<AnimationOptions>) {
+    this.options = {
+      from: options.from ?? 0,
+      to: options.to ?? 1,
+      spring: options.spring ?? { stiffness: 100, damping: 10 },
+      onUpdate: options.onUpdate ?? (() => {}),
+      onComplete: options.onComplete ?? (() => {}),
+      onStart: options.onStart,
+    };
+    this.currentValue = this.options.from;
+  }
+
+  private animate = (reverse: boolean = false) => {
+    // Call onStart on first frame
+    if (!this.isAnimating && this.options.onStart) {
+      this.options.onStart();
+    }
+
+    this.isAnimating = true;
+
+    const target = reverse ? this.options.from : this.options.to;
+
+    // Track previous value for velocity calculation
+    let previousValue = this.currentValue;
+    let previousTime = performance.now();
+
+    // Create animation
+    this.controls = animate({
+      from: this.currentValue,
+      to: target,
+      velocity: this.velocity * 1000, // Convert to px/s
+      stiffness: this.options.spring.stiffness,
+      damping: this.options.spring.damping,
+      mass: 1,
+
+      onUpdate: (value: number) => {
+        const currentTime = performance.now();
+        const timeDelta = (currentTime - previousTime) / 1000; // Convert to seconds
+
+        if (timeDelta > 0) {
+          // Calculate velocity in units per second, then normalize
+          const rawVelocity = (value - previousValue) / timeDelta;
+          this.velocity = rawVelocity / 1000; // Normalize to 0-1 range
+
+          previousValue = value;
+          previousTime = currentTime;
+        }
+
+        this.currentValue = value;
+        this.options.onUpdate(value);
+      },
+      onComplete: () => {
+        this.currentValue = target;
+        this.isAnimating = false;
+        this.controls = null;
+        this.velocity = 0;
+        this.options.onComplete();
+      },
+    });
+  };
+
+  // Animation control methods
+  forward(): void {
+    this.stop();
+    this.animate(false);
+  }
+
+  backward(): void {
+    this.stop();
+    this.animate(true);
+  }
+
+  reverse(): void {
+    // Swap from and to
+    const temp = this.options.from;
+    this.options.from = this.options.to;
+    this.options.to = temp;
+
+    // If currently animating, restart with new direction
+    if (this.isAnimating) {
+      const wasReversed =
+        this.currentValue > (this.options.from + this.options.to) / 2;
+      this.stop();
+      this.animate(!wasReversed);
+    }
+  }
+
+  stop(): void {
+    this.isAnimating = false;
+    if (this.controls) {
+      this.controls.stop();
+      this.controls = null;
+    }
+    // Preserve velocity when stopping
+  }
+
+  // State getters
+  getVelocity(): number {
+    return this.velocity;
+  }
+
+  getCurrentValue(): number {
+    return this.currentValue;
+  }
+
+  getIsAnimating(): boolean {
+    return this.isAnimating;
+  }
+
+  getCurrentState(): { position: number; velocity: number } {
+    return {
+      position: this.currentValue,
+      velocity: this.velocity,
+    };
+  }
+
+  // State setters
+  setVelocity(velocity: number): void {
+    this.velocity = velocity;
+  }
+
+  setValue(value: number): void {
+    this.currentValue = value;
+  }
+
+  // Configuration
+  updateOptions(newOptions: Partial<AnimationOptions>): void {
+    this.options = { ...this.options, ...newOptions };
+
+    // If animating, restart with new options
+    if (this.isAnimating && this.controls) {
+      const currentDirection = this.currentValue < this.options.to;
+      this.stop();
+      this.animate(!currentDirection);
+    }
+  }
+
+  // Static factory method
+  static fromState(
+    state: { position: number; velocity: number },
+    newOptions: Partial<AnimationOptions>
+  ): Animator {
+    const animation = new Animator(newOptions);
+    animation.setValue(state.position);
+    animation.setVelocity(state.velocity);
+    return animation;
+  }
+}