@udixio/ui-react 2.1.0 → 2.3.0

package/dist/lib/effects/AnimateOnScroll.d.ts

@@ -4,4 +4,5 @@ export type AnimateOnScrollOptions = {
 };
 export declare function initAnimateOnScroll(options?: AnimateOnScrollOptions): () => void;
 export declare const AnimateOnScrollInit: typeof initAnimateOnScroll;
+export declare const animateOnScroll: typeof initAnimateOnScroll;
 //# sourceMappingURL=AnimateOnScroll.d.ts.map

package/dist/lib/effects/AnimateOnScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimateOnScroll.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/AnimateOnScroll.ts"],"names":[],"mappings":"AAyHA,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,sBAA2B,GAAG,MAAM,IAAI,CAyIpF;AAGD,eAAO,MAAM,mBAAmB,4BAAsB,CAAC"}
+{"version":3,"file":"AnimateOnScroll.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/AnimateOnScroll.ts"],"names":[],"mappings":"AAwHA,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,OAAO,GAAE,sBAA2B,GACnC,MAAM,IAAI,CAyIZ;AAGD,eAAO,MAAM,mBAAmB,4BAAsB,CAAC;AACvD,eAAO,MAAM,eAAe,4BAAsB,CAAC"}

package/dist/lib/effects/smooth-scroll.effect.d.ts

@@ -2,6 +2,7 @@ import { CustomScrollInterface } from './custom-scroll';
 import { ReactProps } from '../utils';
 export declare const SmoothScroll: ({ transition, orientation, throttleDuration, }: {
     transition?: {
+        ease: "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate" | ((t: number) => number);
         duration?: number;
     };
 } & ReactProps<CustomScrollInterface>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/effects/smooth-scroll.effect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"smooth-scroll.effect.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/smooth-scroll.effect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAItC,eAAO,MAAM,YAAY,GAAI,gDAI1B;IACD,UAAU,CAAC,EAAE;QACX,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH,GAAG,UAAU,CAAC,qBAAqB,CAAC,mDA6GpC,CAAC"}
+{"version":3,"file":"smooth-scroll.effect.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/smooth-scroll.effect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAItC,eAAO,MAAM,YAAY,GAAI,gDAI1B;IACD,UAAU,CAAC,EAAE;QACX,IAAI,EACA,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,WAAW,GACX,YAAY,GACZ,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;QAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH,GAAG,UAAU,CAAC,qBAAqB,CAAC,mDA6GpC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udixio/ui-react",
-  "version": "2.1.0",
+  "version": "2.3.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -37,7 +37,7 @@
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
     "@udixio/theme": "2.0.0",
-    "@udixio/tailwind": "2.1.0"
+    "@udixio/tailwind": "2.3.0"
   },
   "repository": {
     "type": "git",

package/src/lib/effects/AnimateOnScroll.ts

@@ -8,7 +8,6 @@
  * - Other entry/exit animations: handled via IntersectionObserver in JS.
  */
 
-
 function supportsScrollTimeline(): boolean {
   if (typeof window === `undefined`) return false;
   try {
@@ -124,7 +123,9 @@ export type AnimateOnScrollOptions = {
   once?: boolean;
 };
 
-export function initAnimateOnScroll(options: AnimateOnScrollOptions = {}): () => void {
+export function initAnimateOnScroll(
+  options: AnimateOnScrollOptions = {},
+): () => void {
   const { prefix = 'anim', once = true } = options;
 
   if (prefersReducedMotion()) {
@@ -265,3 +266,4 @@ export function initAnimateOnScroll(options: AnimateOnScrollOptions = {}): () =>
 
 // Backward-compatible alias name (non-React):
 export const AnimateOnScrollInit = initAnimateOnScroll;
+export const animateOnScroll = initAnimateOnScroll;

package/src/lib/effects/smooth-scroll.effect.tsx

@@ -10,6 +10,19 @@ export const SmoothScroll = ({
   throttleDuration = 25,
 }: {
   transition?: {
+    ease:
+      | 'linear'
+      | 'easeIn'
+      | 'easeOut'
+      | 'easeInOut'
+      | 'circIn'
+      | 'circOut'
+      | 'circInOut'
+      | 'backIn'
+      | 'backOut'
+      | 'backInOut'
+      | 'anticipate'
+      | ((t: number) => number);
     duration?: number;
   };
 } & ReactProps<CustomScrollInterface>) => {
@@ -59,8 +72,8 @@ export const SmoothScroll = ({
       return;
     }
     animationRef.current = animate(currentY.current ?? y, y, {
-      duration: transition?.duration ?? 0.5,
-      ease: 'circOut',
+      duration: (transition?.duration ?? 500) / 1000,
+      ease: transition?.ease ?? 'easeOut',
 
       onUpdate: (value) => {
         if (scrollTimeoutRef.current) {