@ssgoi/core 3.4.0 → 3.5.0

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

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

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

@@ -5,9 +5,6 @@ interface JaeminOptions {
     initialScale?: number;
     rotationTriggerPoint?: number;
 }
-interface JaeminInternalOptions extends JaeminOptions {
-    containerMode?: "positioned-parent" | "viewport";
-}
 /**
  * Jaemin Transition
  *
@@ -20,6 +17,5 @@ interface JaeminInternalOptions extends JaeminOptions {
  * Created by Jaemin
  */
 export declare const jaemin: (options?: JaeminOptions) => SggoiTransition;
-export declare const jaeminInternal: (options?: JaeminInternalOptions) => SggoiTransition;
 export {};
 //# sourceMappingURL=jaemin.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"jaemin.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/jaemin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EAEhB,MAAM,UAAU,CAAC;AAIlB,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAGD,UAAU,qBAAsB,SAAQ,aAAa;IACnD,aAAa,CAAC,EAAE,mBAAmB,GAAG,UAAU,CAAC;CAClD;AAiCD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,GAAI,UAAS,aAAkB,KAAG,eAEpD,CAAC;AAGF,eAAO,MAAM,cAAc,GACzB,UAAS,qBAA0B,KAClC,eA8KF,CAAC"}
+{"version":3,"file":"jaemin.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/jaemin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EAEhB,MAAM,UAAU,CAAC;AAIlB,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAiBD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,GAAI,UAAS,aAAkB,KAAG,eAqIpD,CAAC"}

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

@@ -1 +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;AAI9D,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AA0UD,eAAO,MAAM,SAAS,GAAI,UAAS,gBAAqB,KAAG,eAyG1D,CAAC"}
+{"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;AAU9D,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AA0UD,eAAO,MAAM,SAAS,GAAI,UAAS,gBAAqB,KAAG,eAyG1D,CAAC"}

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

@@ -0,0 +1,19 @@
+import { SpringConfig, SggoiTransition } from '../types';
+interface SheetOptions {
+    direction?: "enter" | "exit";
+    spring?: Partial<SpringConfig>;
+}
+/**
+ * Mobile-optimized bottom sheet style transition
+ *
+ * Enter direction (forward navigation):
+ * - IN: Sheet slides up from bottom
+ * - OUT: Background page scales down (1 → 0.8) with fade
+ *
+ * Exit direction (back navigation):
+ * - IN: Background page scales up (0.8 → 1) with fade
+ * - OUT: Sheet slides down with high z-index
+ */
+export declare const sheet: (options?: SheetOptions) => SggoiTransition;
+export {};
+//# sourceMappingURL=sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/sheet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EAGhB,MAAM,UAAU,CAAC;AAgBlB,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAChC;AAoBD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,GAAI,UAAS,YAAiB,KAAG,eAuHlD,CAAC"}

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

@@ -0,0 +1,13 @@
+import { SpringConfig, SggoiTransition } from '../types';
+interface SwapOptions {
+    spring?: Partial<SpringConfig>;
+}
+/**
+ * Swap transition for peer-level navigation (e.g. bottom tabs)
+ *
+ * - OUT: Fade out only (no scale)
+ * - IN: Scale up from smaller + fade in (waits for OUT to complete)
+ */
+export declare const swap: (options?: SwapOptions) => SggoiTransition;
+export {};
+//# sourceMappingURL=swap.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"swap.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/swap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EAGhB,MAAM,UAAU,CAAC;AAclB,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAChC;AAoBD;;;;;GAKG;AACH,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,eAyEhD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssgoi/core",
-  "version": "3.4.0",
+  "version": "3.5.0",
   "description": "Core animation engine for SSGOI - Native app-like page transitions with spring physics",
   "private": false,
   "type": "module",

package/dist/jaemin-BG8HRXG1.cjs

@@ -1 +0,0 @@
-"use strict";function b(i,a){function o(d){let l=0,y=0;const t=d.offsetWidth,g=d.offsetHeight;let s=d;for(;s;)l+=s.offsetTop,y+=s.offsetLeft,s=s.offsetParent;return l-=window.scrollY,y-=window.scrollX,{top:l,left:y,width:t,height:g}}const e=o(i),n=o(a);return new DOMRect(n.left-e.left,n.top-e.top,n.width,n.height)}const x=(i,a)=>{var o;i.style.position="absolute",i.style.width="100%",i.style.top=`${-1*(((o=a==null?void 0:a.scrollOffset)==null?void 0:o.y)??0)}px`,i.style.left="0"};function M(i,a="viewport"){if(a==="positioned-parent"){const o=i.positionedParent.getBoundingClientRect();return{top:o.top,left:o.left,width:o.width,height:o.height}}else{const o=b(document.body,i.positionedParent);return{top:i.scroll.y,left:0,width:o.width,height:window.innerHeight-o.top}}}const F=(i={})=>R(i),R=(i={})=>{var l,y;const a={stiffness:((l=i.spring)==null?void 0:l.stiffness)??50,damping:((y=i.spring)==null?void 0:y.damping)??30},o=i.initialRotation??45,e=i.initialScale??.01,n=i.rotationTriggerPoint??.8,d=i.containerMode??"viewport";return{out:async(t,g)=>{const s=t.style.opacity;return{spring:{stiffness:80,damping:25},from:1,to:0,prepare:()=>{x(t,g),t.style.opacity="1"},tick:w=>{t.style.opacity=String(w)},onEnd:()=>{t.style.opacity=s}}},in:async(t,g)=>{const s=M(g,d),w=t.style.transform,$=t.style.transformOrigin,O=t.style.position,v=t.style.zIndex;return{spring:a,from:0,to:1,prepare:()=>{const r=Math.min(s.width,s.height)*.4;if(t.style.setProperty("--max-border-radius",`${r}px`),t.style.setProperty("--border-radius-scale","1"),t.style.willChange="transform",t.style.backfaceVisibility="hidden",d==="positioned-parent")t.style.transformOrigin="50% 50%",t.style.position="absolute",t.style.top="0px",t.style.left="0px",t.style.width=`${s.width}px`,t.style.height=`${s.height}px`;else{const f=s.left+s.width/2,h=s.top+s.height/2;t.style.transformOrigin=`${f}px ${h}px`,t.style.position="fixed",t.style.top=`${s.top}px`,t.style.left=`${s.left}px`,t.style.width=`${s.width}px`,t.style.height=`${s.height}px`}t.style.zIndex="1000",t.style.overflow="hidden",t.style.transform=`rotate(${o}deg) scale(${e}) translateZ(0)`,t.style.borderRadius="calc(var(--max-border-radius) * var(--border-radius-scale))",t.style.opacity="1"},tick:r=>{let f;if(r<=.05)f=e;else if(r<=n){const c=(r-.05)/(n-.05),u=Math.pow(c,9);f=e+(.8-e)*u}else{const c=(r-n)/(1-n);f=.8+.2*(1-Math.pow(1-c,3))}let h;const p=.7;if(r<=p)h=o;else{const c=(r-p)/(1-p),u=1-Math.pow(1-c,2);h=o*(1-u)}let P;if(r<=p)P=1;else{const c=(r-p)/(1-p);P=1-Math.pow(c,.5)}t.style.transform=`rotate(${h.toFixed(2)}deg) scale(${f.toFixed(4)}) translateZ(0)`,t.style.setProperty("--border-radius-scale",P.toFixed(4))},onEnd:()=>{t.style.willChange="",t.style.backfaceVisibility="",t.style.removeProperty("--max-border-radius"),t.style.removeProperty("--border-radius-scale"),t.style.transform=w,t.style.transformOrigin=$,t.style.position=O,t.style.zIndex=v,t.style.top="",t.style.left="",t.style.width="",t.style.height="",t.style.overflow="",t.style.borderRadius=""}}}}};exports.getRect=b;exports.jaemin=F;exports.jaeminInternal=R;exports.prepareOutgoing=x;

package/dist/jaemin-BWkrXq0V.js

@@ -1,131 +0,0 @@
-function R(i, a) {
-  function o(d) {
-    let l = 0, y = 0;
-    const t = d.offsetWidth, g = d.offsetHeight;
-    let s = d;
-    for (; s; )
-      l += s.offsetTop, y += s.offsetLeft, s = s.offsetParent;
-    return l -= window.scrollY, y -= window.scrollX, { top: l, left: y, width: t, height: g };
-  }
-  const e = o(i), n = o(a);
-  return new DOMRect(
-    n.left - e.left,
-    n.top - e.top,
-    n.width,
-    n.height
-  );
-}
-const O = (i, a) => {
-  var o;
-  i.style.position = "absolute", i.style.width = "100%", i.style.top = `${-1 * (((o = a == null ? void 0 : a.scrollOffset) == null ? void 0 : o.y) ?? 0)}px`, i.style.left = "0";
-};
-function v(i, a = "viewport") {
-  if (a === "positioned-parent") {
-    const o = i.positionedParent.getBoundingClientRect();
-    return {
-      top: o.top,
-      left: o.left,
-      width: o.width,
-      height: o.height
-    };
-  } else {
-    const o = R(document.body, i.positionedParent);
-    return {
-      top: i.scroll.y,
-      left: 0,
-      width: o.width,
-      height: window.innerHeight - o.top
-    };
-  }
-}
-const F = (i = {}) => M(i), M = (i = {}) => {
-  var l, y;
-  const a = {
-    // Much slower animation - 4x duration by reducing stiffness further
-    stiffness: ((l = i.spring) == null ? void 0 : l.stiffness) ?? 50,
-    damping: ((y = i.spring) == null ? void 0 : y.damping) ?? 30
-  }, o = i.initialRotation ?? 45, e = i.initialScale ?? 0.01, n = i.rotationTriggerPoint ?? 0.8, d = i.containerMode ?? "viewport";
-  return {
-    out: async (t, g) => {
-      const s = t.style.opacity;
-      return {
-        spring: {
-          stiffness: 80,
-          damping: 25
-        },
-        from: 1,
-        to: 0,
-        prepare: () => {
-          O(t, g), t.style.opacity = "1";
-        },
-        tick: (w) => {
-          t.style.opacity = String(w);
-        },
-        onEnd: () => {
-          t.style.opacity = s;
-        }
-      };
-    },
-    in: async (t, g) => {
-      const s = v(g, d), w = t.style.transform, b = t.style.transformOrigin, x = t.style.position, $ = t.style.zIndex;
-      return {
-        spring: a,
-        from: 0,
-        to: 1,
-        prepare: () => {
-          const r = Math.min(s.width, s.height) * 0.4;
-          if (t.style.setProperty(
-            "--max-border-radius",
-            `${r}px`
-          ), t.style.setProperty("--border-radius-scale", "1"), t.style.willChange = "transform", t.style.backfaceVisibility = "hidden", d === "positioned-parent")
-            t.style.transformOrigin = "50% 50%", t.style.position = "absolute", t.style.top = "0px", t.style.left = "0px", t.style.width = `${s.width}px`, t.style.height = `${s.height}px`;
-          else {
-            const f = s.left + s.width / 2, h = s.top + s.height / 2;
-            t.style.transformOrigin = `${f}px ${h}px`, t.style.position = "fixed", t.style.top = `${s.top}px`, t.style.left = `${s.left}px`, t.style.width = `${s.width}px`, t.style.height = `${s.height}px`;
-          }
-          t.style.zIndex = "1000", t.style.overflow = "hidden", t.style.transform = `rotate(${o}deg) scale(${e}) translateZ(0)`, t.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", t.style.opacity = "1";
-        },
-        tick: (r) => {
-          let f;
-          if (r <= 0.05)
-            f = e;
-          else if (r <= n) {
-            const c = (r - 0.05) / (n - 0.05), u = Math.pow(c, 9);
-            f = e + (0.8 - e) * u;
-          } else {
-            const c = (r - n) / (1 - n);
-            f = 0.8 + 0.2 * (1 - Math.pow(1 - c, 3));
-          }
-          let h;
-          const p = 0.7;
-          if (r <= p)
-            h = o;
-          else {
-            const c = (r - p) / (1 - p), u = 1 - Math.pow(1 - c, 2);
-            h = o * (1 - u);
-          }
-          let P;
-          if (r <= p)
-            P = 1;
-          else {
-            const c = (r - p) / (1 - p);
-            P = 1 - Math.pow(c, 0.5);
-          }
-          t.style.transform = `rotate(${h.toFixed(2)}deg) scale(${f.toFixed(4)}) translateZ(0)`, t.style.setProperty(
-            "--border-radius-scale",
-            P.toFixed(4)
-          );
-        },
-        onEnd: () => {
-          t.style.willChange = "", t.style.backfaceVisibility = "", t.style.removeProperty("--max-border-radius"), t.style.removeProperty("--border-radius-scale"), t.style.transform = w, t.style.transformOrigin = b, t.style.position = x, t.style.zIndex = $, t.style.top = "", t.style.left = "", t.style.width = "", t.style.height = "", t.style.overflow = "", t.style.borderRadius = "";
-        }
-      };
-    }
-  };
-};
-export {
-  F as a,
-  R as g,
-  M as j,
-  O as p
-};