@kurocado-studio/systemhaus-motion-react 1.0.0-develop.12 → 1.0.0-develop.13

package/dist/exports.js

@@ -1,2 +1,2 @@
-import R from"react";import{useMotionValue as O,useSpring as w,MotionConfig as _,AnimatePresence as G,motion as K}from"framer-motion";function Ce({children:e,isVisible:i,mode:t,initial:a}){return R.createElement(G,{mode:t,initial:a},i&&R.Children.toArray(e).map((n,o)=>R.isValidElement(n)?R.cloneElement(n,{key:n.key??`motion-child-${o}`}):n))}import se from"react";function we(e){let{as:i,...t}=e,a=K[i??"div"];return se.createElement(a,{...t})}import{calculateCursorOffset as me}from"@kurocado-studio/systemhaus-motion";import{get as U}from"lodash-es";import{useEffect as pe,useRef as ce}from"react";function _e(e,i){let t=U(e,["damping"],100),a=U(e,["stiffness"],600),n=O(0),o=O(0),d=ce(null),r=i??d,M=w(n,{damping:t,stiffness:a}),s=w(o,{damping:t,stiffness:a});return pe(()=>{let E=v=>{let T=r.current;if(!T)return;let{x:S,y:I}=me(T,v.clientX,v.clientY,e);n.set(S),o.set(I)};return document.addEventListener("mousemove",E),()=>document.removeEventListener("mousemove",E)},[e,r,n,o]),{ref:r,x:M,y:s}}import{DEFAULT_FADE_DISTANCE as Me,DirectionEnum as p}from"@kurocado-studio/systemhaus-motion";import{get as q}from"lodash-es";import Y from"react";import{DEFAULT_FADE_DISTANCE as le,DirectionEnum as ue,motionContextDefaultConfig as z}from"@kurocado-studio/systemhaus-motion";import{get as A}from"lodash-es";import $,{createContext as fe,useContext as ye,useMemo as de}from"react";var b={...z,fadeInDirection:ue.TOP,fadeInDistance:le,viewport:{once:!1,amount:.2}},B=fe(b),Be=({children:e,motionOverrides:i})=>{let t=de(()=>({...z,...i,viewport:A(i,["viewport"],b.viewport),fadeInDistance:A(i,["fadeInDistance"],b.fadeInDistance),fadeInDirection:A(i,["fadeInDirection"],b.fadeInDirection)}),[i]);return $.createElement(B.Provider,{value:t},$.createElement(_,{...t},e))},y=()=>ye(B);var Qe=({onEnterDirection:e,onExitDirection:i}={})=>{let{viewport:t,transition:a,fadeInDistance:n=Me}=y(),o=Math.abs(n),r=Y.useCallback(s=>({[p.DEFAULT]:{hidden:{opacity:0,y:0},visible:{opacity:1,y:0},exit:{opacity:0,y:0}},[p.TOP]:{hidden:{opacity:0,y:-s},visible:{opacity:1,y:0},exit:{opacity:0,y:-s}},[p.BOTTOM]:{hidden:{opacity:0,y:s},visible:{opacity:1,y:0},exit:{opacity:0,y:s}},[p.LEFT]:{hidden:{opacity:0,x:-s},visible:{opacity:1,x:0},exit:{opacity:0,x:-s}},[p.RIGHT]:{hidden:{opacity:0,x:s},visible:{opacity:1,x:0},exit:{opacity:0,x:s}}}),[])(o),M=q(r,[i??p.BOTTOM,"exit"],r[p.BOTTOM].exit);return Y.useMemo(()=>({initial:"hidden",animate:"visible",exit:"exit",variants:{...q(r,[e??p.TOP],r[p.TOP]),exit:M},transition:a,viewport:t}),[r,M,e,a,t])};import{useEffect as J,useRef as xe,useState as P}from"react";var Pe={hidden:{opacity:0,scale:.8},visible:{opacity:1,scale:1},exit:{opacity:0,scale:.8}};function it({images:e,frequency:i=15,visibleFor:t=1.5,animation:a}){let n=xe(null),[o,d]=P({x:0,y:0}),[r,M]=P(!1),[s,E]=P({x:0,y:0}),[v,T]=P(0),[S,I]=P([]),[C,Z]=P(!1),[k,ee]=P([]),{transition:te}=y(),F=200,oe=F-1,N=F-(i-1)*oe/49;J(()=>{let x=!0,l=[];return(async()=>{let u=[];await Promise.all(e.map(g=>new Promise((m,h)=>{let f=new Image,L=()=>{u.push({width:f.width,height:f.height}),X(),m()},V=ae=>{X(),h(ae)},X=()=>{f.removeEventListener("load",L),f.removeEventListener("error",V)};f.addEventListener("load",L),f.addEventListener("error",V),l.push({img:f,onLoad:L,onError:V}),f.src=g}))),x&&(ee(u),Z(!0))})().then(),()=>{x=!1;for(let{img:u,onLoad:g,onError:m}of l)u.removeEventListener("load",g),u.removeEventListener("error",m)}},[e]);let ie=x=>{let l=x.currentTarget.getBoundingClientRect();d({x:x.clientX-l.left,y:x.clientY-l.top})},re=()=>M(!0),ne=()=>M(!1);return J(()=>{if(!r||e.length===0||!C||Math.hypot(o.x-s.x,o.y-s.y)<N)return;let l=k[v]||{width:100,height:100},H=l.width,u=l.height,g={imageTrailKey:Math.random().toString(),style:{width:H,height:u,position:"absolute",backgroundImage:`url(${e[v]})`,backgroundSize:"auto",backgroundPosition:"center",pointerEvents:"none",left:o.x-H/2,top:o.y-u/2},initial:"hidden",animate:"visible",exit:"exit",variants:Pe,transition:te};I(m=>[...m,g]),T(m=>(m+1)%e.length),E(o),setTimeout(()=>{I(m=>m.map(h=>h.imageTrailKey===g.imageTrailKey?{...h,animate:"exit"}:h))},t*1e3)},[o,r,s,e,C,k,N,v,t,a]),{componentRef:n,componentProps:{onMouseMove:ie,onMouseEnter:re,onMouseLeave:ne},activeImages:S,imagesPreloaded:C}}import{cloneDeep as ve,merge as ge}from"lodash-es";import he from"react";function st(...e){return he.useMemo(()=>{let i=e.map(t=>ve(t));return ge({},...i)},e)}import{get as D}from"lodash-es";import j from"react";function ut(e={}){let{transition:t}=y(),n=j.useCallback(()=>({default:{hidden:{opacity:0,scale:D(e,["initialScale"],1.1)},visible:{opacity:1,scale:1},exit:{opacity:0,scale:D(e,["exitScale"],1.1)}}}),[])(),o=D(n,["default","exit"],n.default.exit);return j.useMemo(()=>({initial:"hidden",animate:"visible",exit:"exit",variants:{...n.default,exit:o},transition:{duration:D(t,["duration"],1.2),...t}}),[n,o,t])}import{DirectionEnum as c}from"@kurocado-studio/systemhaus-motion";import{get as W}from"lodash-es";import Q from"react";function Pt({onEnterDirection:e=c.RIGHT,onExitDirection:i=c.RIGHT,distance:t="100%"}={}){let{transition:a}=y(),o=Q.useCallback(r=>({[c.DEFAULT]:{hidden:{opacity:0},visible:{opacity:1},exit:{opacity:0}},[c.TOP]:{hidden:{opacity:0,y:`-${r}`},visible:{opacity:1,y:0},exit:{opacity:0,y:`-${r}`}},[c.BOTTOM]:{hidden:{opacity:0,y:r},visible:{opacity:1,y:0},exit:{opacity:0,y:r}},[c.LEFT]:{hidden:{opacity:0,x:`-${r}`},visible:{opacity:1,x:0},exit:{opacity:0,x:`-${r}`}},[c.RIGHT]:{hidden:{opacity:0,x:r},visible:{opacity:1,x:0},exit:{opacity:0,x:r}}}),[])(t),d=W(o,[i,"exit"],o[c.RIGHT].exit);return Q.useMemo(()=>({initial:"hidden",animate:"visible",exit:"exit",variants:{...W(o,[e],o[c.RIGHT]),exit:d},transition:{...a}}),[o,d,e,a])}import{cloneDeep as be,merge as Ee}from"lodash-es";function ht(...e){let i=e.map(t=>be(t));return Ee({},...i)}export*from"framer-motion";import{DirectionEnum as kt}from"@kurocado-studio/systemhaus-motion";export{Ce as AnimateMotionPresence,kt as DirectionEnum,Be as MotionProvider,we as PolymorphicMotionElement,ht as mergeMotionProperties,b as systemHausMotionConfiguration,_e as useCursorFollow,st as useDeepMergeMotionProperties,Qe as useFadeIn,it as useImageTrail,ut as useScale,Pt as useSlideOut,y as useSystemHausMotionProvider};
+import D from"react";import{stagger as _,useMotionValue as O,useSpring as w,MotionConfig as G,AnimatePresence as U,motion as K}from"framer-motion";function Oe({children:e,isVisible:t,mode:o,initial:a}){return D.createElement(U,{mode:o,initial:a},t&&D.Children.toArray(e).map((r,i)=>D.isValidElement(r)?D.cloneElement(r,{key:r.key??`motion-child-${i}`}):r))}import ue from"react";function Ne(e){let{as:t,...o}=e,a=K[t??"div"];return ue.createElement(a,{...o})}import{calculateCursorOffset as ye}from"@kurocado-studio/systemhaus-motion";import{get as $}from"lodash-es";import{useEffect as fe,useRef as Me}from"react";function $e(e,t){let o=$(e,["damping"],100),a=$(e,["stiffness"],600),r=O(0),i=O(0),p=Me(null),n=t??p,d=w(r,{damping:o,stiffness:a}),s=w(i,{damping:o,stiffness:a});return fe(()=>{let E=x=>{let b=n.current;if(!b)return;let{x:C,y:S}=ye(b,x.clientX,x.clientY,e);r.set(C),i.set(S)};return document.addEventListener("mousemove",E),()=>document.removeEventListener("mousemove",E)},[e,n,r,i]),{ref:n,x:d,y:s}}import{DEFAULT_FADE_DISTANCE as ve,DirectionEnum as c}from"@kurocado-studio/systemhaus-motion";import{get as Y}from"lodash-es";import J from"react";import{DEFAULT_FADE_DISTANCE as de,DirectionEnum as Pe,motionContextDefaultConfig as B}from"@kurocado-studio/systemhaus-motion";import{get as A}from"lodash-es";import z,{createContext as ge,useContext as xe,useMemo as he}from"react";var T={...B,fadeInDirection:Pe.TOP,fadeInDistance:de,viewport:{once:!1,amount:.2}},q=ge(T),je=({children:e,motionOverrides:t})=>{let o=he(()=>({...B,...t,viewport:A(t,["viewport"],T.viewport),fadeInDistance:A(t,["fadeInDistance"],T.fadeInDistance),fadeInDirection:A(t,["fadeInDirection"],T.fadeInDirection)}),[t]);return z.createElement(q.Provider,{value:o},z.createElement(G,{...o},e))},M=()=>xe(q);var to=({onEnterDirection:e,onExitDirection:t}={})=>{let{viewport:o,transition:a,fadeInDistance:r=ve}=M(),i=Math.abs(r),n=J.useCallback(s=>({[c.DEFAULT]:{hidden:{opacity:0,y:0},visible:{opacity:1,y:0},exit:{opacity:0,y:0}},[c.TOP]:{hidden:{opacity:0,y:-s},visible:{opacity:1,y:0},exit:{opacity:0,y:-s}},[c.BOTTOM]:{hidden:{opacity:0,y:s},visible:{opacity:1,y:0},exit:{opacity:0,y:s}},[c.LEFT]:{hidden:{opacity:0,x:-s},visible:{opacity:1,x:0},exit:{opacity:0,x:-s}},[c.RIGHT]:{hidden:{opacity:0,x:s},visible:{opacity:1,x:0},exit:{opacity:0,x:s}}}),[])(i),d=Y(n,[t??c.BOTTOM,"exit"],n[c.BOTTOM].exit);return J.useMemo(()=>({initial:"hidden",animate:"visible",exit:"exit",variants:{...Y(n,[e??c.TOP],n[c.TOP]),exit:d},transition:a,viewport:o}),[n,d,e,a,o])};import{useEffect as j,useRef as Te,useState as g}from"react";var Ee={hidden:{opacity:0,scale:.8},visible:{opacity:1,scale:1},exit:{opacity:0,scale:.8}};function so({images:e,frequency:t=15,visibleFor:o=1.5,animation:a}){let r=Te(null),[i,p]=g({x:0,y:0}),[n,d]=g(!1),[s,E]=g({x:0,y:0}),[x,b]=g(0),[C,S]=g([]),[I,re]=g(!1),[k,ne]=g([]),{transition:ae}=M(),F=200,se=F-1,N=F-(t-1)*se/49;j(()=>{let P=!0,u=[];return(async()=>{let y=[];await Promise.all(e.map(h=>new Promise((m,v)=>{let f=new Image,L=()=>{y.push({width:f.width,height:f.height}),X(),m()},V=le=>{X(),v(le)},X=()=>{f.removeEventListener("load",L),f.removeEventListener("error",V)};f.addEventListener("load",L),f.addEventListener("error",V),u.push({img:f,onLoad:L,onError:V}),f.src=h}))),P&&(ne(y),re(!0))})().then(),()=>{P=!1;for(let{img:y,onLoad:h,onError:m}of u)y.removeEventListener("load",h),y.removeEventListener("error",m)}},[e]);let pe=P=>{let u=P.currentTarget.getBoundingClientRect();p({x:P.clientX-u.left,y:P.clientY-u.top})},me=()=>d(!0),ce=()=>d(!1);return j(()=>{if(!n||e.length===0||!I||Math.hypot(i.x-s.x,i.y-s.y)<N)return;let u=k[x]||{width:100,height:100},H=u.width,y=u.height,h={imageTrailKey:Math.random().toString(),style:{width:H,height:y,position:"absolute",backgroundImage:`url(${e[x]})`,backgroundSize:"auto",backgroundPosition:"center",pointerEvents:"none",left:i.x-H/2,top:i.y-y/2},initial:"hidden",animate:"visible",exit:"exit",variants:Ee,transition:ae};S(m=>[...m,h]),b(m=>(m+1)%e.length),E(i),setTimeout(()=>{S(m=>m.map(v=>v.imageTrailKey===h.imageTrailKey?{...v,animate:"exit"}:v))},o*1e3)},[i,n,s,e,I,k,N,x,o,a]),{componentRef:r,componentProps:{onMouseMove:pe,onMouseEnter:me,onMouseLeave:ce},activeImages:C,imagesPreloaded:I}}import{cloneDeep as W,merge as Q}from"lodash-es";import Z from"react";function lo(...e){return Z.useMemo(()=>{let t=e.map(o=>W(o));return Q({},...t)},e)}function ee(){return{handleDeepMergeMotionProperties:Z.useCallback((...t)=>{let o=t.map(a=>W(a));return Q({},...o)},[])}}import{set as be}from"lodash-es";import Se from"react";var go=()=>{let{handleDeepMergeMotionProperties:e}=ee();return{composeStagger:Se.useCallback(({payload:o,staggerPayload:a})=>{let r={...o},i=_(...a),p=o.custom==null?a[0]??0:i;return be(r,["transition","delay"],p),e(o,r)},[e])}};import{get as R}from"lodash-es";import oe from"react";function Eo(e={}){let{transition:o}=M(),r=oe.useCallback(()=>({default:{hidden:{opacity:0,scale:R(e,["initialScale"],1.1)},visible:{opacity:1,scale:1},exit:{opacity:0,scale:R(e,["exitScale"],1.1)}}}),[])(),i=R(r,["default","exit"],r.default.exit);return oe.useMemo(()=>({initial:"hidden",animate:"visible",exit:"exit",variants:{...r.default,exit:i},transition:{duration:R(o,["duration"],1.2),...o}}),[r,i,o])}import{DirectionEnum as l}from"@kurocado-studio/systemhaus-motion";import{get as te}from"lodash-es";import ie from"react";function Io({onEnterDirection:e=l.RIGHT,onExitDirection:t=l.RIGHT,distance:o="100%"}={}){let{transition:a}=M(),i=ie.useCallback(n=>({[l.DEFAULT]:{hidden:{opacity:0},visible:{opacity:1},exit:{opacity:0}},[l.TOP]:{hidden:{opacity:0,y:`-${n}`},visible:{opacity:1,y:0},exit:{opacity:0,y:`-${n}`}},[l.BOTTOM]:{hidden:{opacity:0,y:n},visible:{opacity:1,y:0},exit:{opacity:0,y:n}},[l.LEFT]:{hidden:{opacity:0,x:`-${n}`},visible:{opacity:1,x:0},exit:{opacity:0,x:`-${n}`}},[l.RIGHT]:{hidden:{opacity:0,x:n},visible:{opacity:1,x:0},exit:{opacity:0,x:n}}}),[])(o),p=te(i,[t,"exit"],i[l.RIGHT].exit);return ie.useMemo(()=>({initial:"hidden",animate:"visible",exit:"exit",variants:{...te(i,[e],i[l.RIGHT]),exit:p},transition:{...a}}),[i,p,e,a])}import{cloneDeep as De,merge as Re}from"lodash-es";function Vo(...e){let t=e.map(o=>De(o));return Re({},...t)}export*from"framer-motion";import{DirectionEnum as Yo}from"@kurocado-studio/systemhaus-motion";export{Oe as AnimateMotionPresence,Yo as DirectionEnum,je as MotionProvider,Ne as PolymorphicMotionElement,Vo as mergeMotionProperties,T as systemHausMotionConfiguration,go as useComposeStagger,$e as useCursorFollow,lo as useDeepMergeMotionProperties,to as useFadeIn,so as useImageTrail,ee as useMergeMotionProperties,Eo as useScale,Io as useSlideOut,M as useSystemHausMotionProvider};
 //# sourceMappingURL=exports.js.map

package/dist/exports.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AnimateMotionPresence.tsx","../src/lib/motion.ts","../src/components/PolymorphicMotionElement.tsx","../src/hooks/useCursorFollow.ts","../src/hooks/useFadeIn.ts","../src/provider/MotionProvider.tsx","../src/hooks/useImageTrail.ts","../src/hooks/useMergeMotionProperties.ts","../src/hooks/useScale.ts","../src/hooks/useSlideOut.ts","../src/utils/mergeMotionProperties.ts","../src/exports.ts"],"sourcesContent":["import React from 'react';\n\nimport { AnimatePresence } from '../lib/motion';\nimport { AnimateMotionPresenceProperties } from '../types';\n\nexport function AnimateMotionPresence({\n  children,\n  isVisible,\n  mode,\n  initial,\n}: React.PropsWithChildren<AnimateMotionPresenceProperties>): React.ReactNode {\n  return (\n    <AnimatePresence mode={mode} initial={initial}>\n      {isVisible &&\n        React.Children.toArray(children).map((child, index) => {\n          if (!React.isValidElement(child)) return child;\n          return React.cloneElement(child, {\n            key: child.key ?? `motion-child-${index}`,\n          });\n        })}\n    </AnimatePresence>\n  );\n}\n","import type * as Library from 'framer-motion';\n\nexport type * as MotionLibrary from 'framer-motion';\n\nexport type MotionProperties = Library.MotionProps;\nexport type MotionVariant = Library.Variant;\nexport type MotionVariants = Library.Variants;\nexport type MotionViewportOptions = Library.ViewportOptions;\n\nexport {\n  useMotionValue,\n  useSpring,\n  MotionConfig,\n  AnimatePresence,\n  motion,\n} from 'framer-motion';\n","import React, { JSX } from 'react';\n\nimport { motion } from '../lib/motion';\nimport { type PolymorphicMotionProperties } from '../types';\n\nexport function PolymorphicMotionElement<\n  T extends keyof JSX.IntrinsicElements = 'div',\n  K extends Record<string, unknown> = Record<string, unknown>,\n>(properties: PolymorphicMotionProperties<T> & K): React.ReactNode {\n  const { as, ...rest } = properties;\n\n  const Component: React.ElementType =\n    motion[(as as keyof typeof motion) ?? 'div'];\n\n  return <Component {...rest} />;\n}\n","'use client';\n\nimport {\n  type CalculateCursorOffsetController,\n  calculateCursorOffset,\n} from '@kurocado-studio/systemhaus-motion';\nimport { get } from 'lodash-es';\nimport { type RefObject, useEffect, useRef } from 'react';\n\nimport { useMotionValue, useSpring } from '../lib/motion';\n\nexport function useCursorFollow(\n  settings: CalculateCursorOffsetController,\n  elementReference?: RefObject<HTMLDivElement | null>,\n) {\n  const damping = get(settings, ['damping'], 100);\n  const stiffness = get(settings, ['stiffness'], 600);\n\n  const x = useMotionValue(0);\n  const y = useMotionValue(0);\n  const localReference = useRef<HTMLDivElement | null>(null);\n  const targetReference = elementReference ?? localReference;\n\n  const springX = useSpring(x, {\n    damping,\n    stiffness,\n  });\n\n  const springY = useSpring(y, {\n    damping,\n    stiffness,\n  });\n\n  useEffect(() => {\n    const handleMouseMove = (mouseEvent: MouseEvent) => {\n      const element = targetReference.current;\n      if (!element) return;\n      const { x: newX, y: newY } = calculateCursorOffset(\n        element,\n        mouseEvent.clientX,\n        mouseEvent.clientY,\n        settings,\n      );\n      x.set(newX);\n      y.set(newY);\n    };\n    document.addEventListener('mousemove', handleMouseMove);\n    return () => document.removeEventListener('mousemove', handleMouseMove);\n  }, [settings, targetReference, x, y]);\n\n  return { ref: targetReference, x: springX, y: springY };\n}\n","'use client';\n\nimport {\n  DEFAULT_FADE_DISTANCE,\n  DirectionEnum,\n  type UseFadeInProperties,\n} from '@kurocado-studio/systemhaus-motion';\nimport { get } from 'lodash-es';\nimport React from 'react';\n\nimport type { MotionVariant, MotionVariants } from '../lib/motion';\nimport { useSystemHausMotionProvider } from '../provider/MotionProvider';\nimport { PolymorphicMotionProperties } from '../types';\n\nexport const useFadeIn = ({\n  onEnterDirection,\n  onExitDirection,\n}: UseFadeInProperties = {}): PolymorphicMotionProperties => {\n  const {\n    viewport,\n    transition,\n    fadeInDistance = DEFAULT_FADE_DISTANCE,\n  } = useSystemHausMotionProvider();\n\n  const fadeDistance = Math.abs(fadeInDistance);\n\n  const getVariantMap = React.useCallback(\n    (distance: number): Record<DirectionEnum, Required<MotionVariants>> => ({\n      [DirectionEnum.DEFAULT]: {\n        hidden: { opacity: 0, y: 0 },\n        visible: { opacity: 1, y: 0 },\n        exit: { opacity: 0, y: 0 },\n      },\n      [DirectionEnum.TOP]: {\n        hidden: { opacity: 0, y: -distance },\n        visible: { opacity: 1, y: 0 },\n        exit: { opacity: 0, y: -distance },\n      },\n      [DirectionEnum.BOTTOM]: {\n        hidden: { opacity: 0, y: distance },\n        visible: { opacity: 1, y: 0 },\n        exit: { opacity: 0, y: distance },\n      },\n      [DirectionEnum.LEFT]: {\n        hidden: { opacity: 0, x: -distance },\n        visible: { opacity: 1, x: 0 },\n        exit: { opacity: 0, x: -distance },\n      },\n      [DirectionEnum.RIGHT]: {\n        hidden: { opacity: 0, x: distance },\n        visible: { opacity: 1, x: 0 },\n        exit: { opacity: 0, x: distance },\n      },\n    }),\n    [],\n  );\n\n  const variantMap = getVariantMap(fadeDistance);\n\n  const exitVariant = get(\n    variantMap,\n    [onExitDirection ?? DirectionEnum.BOTTOM, 'exit'],\n    variantMap[DirectionEnum.BOTTOM]['exit'],\n  );\n\n  return React.useMemo(\n    () => ({\n      initial: 'hidden',\n      animate: 'visible',\n      exit: 'exit',\n      variants: {\n        ...get(\n          variantMap,\n          [onEnterDirection ?? DirectionEnum.TOP],\n          variantMap[DirectionEnum.TOP],\n        ),\n        exit: exitVariant as MotionVariant,\n      },\n      transition,\n      viewport,\n    }),\n    [variantMap, exitVariant, onEnterDirection, transition, viewport],\n  );\n};\n","'use client';\n\nimport {\n  DEFAULT_FADE_DISTANCE,\n  DirectionEnum,\n  motionContextDefaultConfig,\n} from '@kurocado-studio/systemhaus-motion';\nimport { get } from 'lodash-es';\nimport React, { createContext, useContext, useMemo } from 'react';\n\nimport { MotionConfig } from '../lib/motion';\nimport { SystemHausMotionProvider } from '../types';\n\nexport const systemHausMotionConfiguration: SystemHausMotionProvider = {\n  ...motionContextDefaultConfig,\n  fadeInDirection: DirectionEnum.TOP,\n  fadeInDistance: DEFAULT_FADE_DISTANCE,\n  viewport: {\n    once: false,\n    amount: 0.2,\n  },\n};\n\nconst MotionContext = createContext<SystemHausMotionProvider>(\n  systemHausMotionConfiguration,\n);\n\ninterface SystemHausMotionProviderProperties {\n  children?: React.ReactNode;\n  motionOverrides?: Partial<SystemHausMotionProvider>;\n}\n\nexport const MotionProvider: React.FC<SystemHausMotionProviderProperties> = ({\n  children,\n  motionOverrides,\n}) => {\n  const motionContextConfig: SystemHausMotionProvider = useMemo(\n    () => ({\n      ...motionContextDefaultConfig,\n      ...motionOverrides,\n      viewport: get(\n        motionOverrides,\n        ['viewport'],\n        systemHausMotionConfiguration.viewport,\n      ),\n      fadeInDistance: get(\n        motionOverrides,\n        ['fadeInDistance'],\n        systemHausMotionConfiguration.fadeInDistance,\n      ),\n      fadeInDirection: get(\n        motionOverrides,\n        ['fadeInDirection'],\n        systemHausMotionConfiguration.fadeInDirection,\n      ),\n    }),\n    [motionOverrides],\n  );\n\n  return (\n    <MotionContext.Provider value={motionContextConfig}>\n      <MotionConfig {...motionContextConfig}>{children}</MotionConfig>\n    </MotionContext.Provider>\n  );\n};\n\nexport const useSystemHausMotionProvider = () => {\n  return useContext(MotionContext);\n};\n","import React, { useEffect, useRef, useState } from 'react';\n\nimport type { MotionProperties, MotionVariants } from '../lib/motion';\nimport { useSystemHausMotionProvider } from '../provider/MotionProvider';\nimport { PolymorphicMotionProperties } from '../types';\n\ninterface CursorImageTrailOptions {\n  images: string[];\n  frequency?: number;\n  visibleFor?: number;\n  animation?: {\n    in?: MotionProperties;\n    out?: MotionProperties;\n  };\n}\n\ntype PolymorphicActiveMotionProperties<\n  T extends keyof React.JSX.IntrinsicElements = 'img',\n> = PolymorphicMotionProperties<T> & {\n  imageTrailKey?: string;\n};\n\nconst imageVariants: MotionVariants = {\n  hidden: { opacity: 0, scale: 0.8 },\n  visible: { opacity: 1, scale: 1 },\n  exit: { opacity: 0, scale: 0.8 },\n};\n\nexport function useImageTrail({\n  images,\n  frequency = 15,\n  visibleFor = 1.5,\n  animation,\n}: CursorImageTrailOptions) {\n  const componentReference = useRef<HTMLDivElement | null>(null);\n  const [mousePos, setMousePos] = useState({ x: 0, y: 0 });\n  const [isHovering, setIsHovering] = useState(false);\n  const [lastTriggerPos, setLastTriggerPos] = useState({ x: 0, y: 0 });\n  const [currentImageIndex, setCurrentImageIndex] = useState(0);\n  const [activeImages, setActiveImages] = useState<\n    PolymorphicActiveMotionProperties[]\n  >([]);\n  const [imagesPreloaded, setImagesPreloaded] = useState(false);\n  const [imageSizes, setImageSizes] = useState<\n    { width: number; height: number }[]\n  >([]);\n\n  const { transition } = useSystemHausMotionProvider();\n\n  const MAX_THRESHOLD = 200;\n  const MIN_THRESHOLD = 1;\n  const THRESHOLD_RANGE = MAX_THRESHOLD - MIN_THRESHOLD;\n\n  const threshold = MAX_THRESHOLD - ((frequency - 1) * THRESHOLD_RANGE) / 49;\n\n  useEffect(() => {\n    let isMounted = true;\n    const listeners: {\n      img: HTMLImageElement;\n      onLoad: () => void;\n      onError: (error: Event) => void;\n    }[] = [];\n\n    const preload = async () => {\n      const sizes: { width: number; height: number }[] = [];\n\n      await Promise.all(\n        images.map(\n          (source) =>\n            new Promise<void>((resolve, reject) => {\n              const img = new Image();\n\n              const onLoad = () => {\n                sizes.push({ width: img.width, height: img.height });\n                cleanup();\n                resolve();\n              };\n\n              const onError = (error: Event) => {\n                cleanup();\n                reject(error);\n              };\n\n              const cleanup = () => {\n                img.removeEventListener('load', onLoad);\n                img.removeEventListener('error', onError);\n              };\n\n              img.addEventListener('load', onLoad);\n              img.addEventListener('error', onError);\n\n              listeners.push({ img, onLoad, onError });\n              img.src = source;\n            }),\n        ),\n      );\n\n      if (isMounted) {\n        setImageSizes(sizes);\n        setImagesPreloaded(true);\n      }\n    };\n\n    preload().then();\n\n    return () => {\n      isMounted = false;\n      for (const { img, onLoad, onError } of listeners) {\n        img.removeEventListener('load', onLoad);\n        img.removeEventListener('error', onError);\n      }\n    };\n  }, [images]);\n\n  const handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\n    const rect = event.currentTarget.getBoundingClientRect();\n    setMousePos({ x: event.clientX - rect.left, y: event.clientY - rect.top });\n  };\n  const handleMouseEnter = () => setIsHovering(true);\n  const handleMouseLeave = () => setIsHovering(false);\n\n  useEffect(() => {\n    if (!isHovering || images.length === 0 || !imagesPreloaded) return;\n\n    const distance = Math.hypot(\n      mousePos.x - lastTriggerPos.x,\n      mousePos.y - lastTriggerPos.y,\n    );\n    if (distance < threshold) return;\n\n    const naturalSize = imageSizes[currentImageIndex] || {\n      width: 100,\n      height: 100,\n    };\n\n    const imgWidth = naturalSize.width;\n    const imgHeight = naturalSize.height;\n\n    const newImage: PolymorphicActiveMotionProperties<'img'> = {\n      imageTrailKey: Math.random().toString(),\n      style: {\n        width: imgWidth,\n        height: imgHeight,\n        position: 'absolute',\n        backgroundImage: `url(${images[currentImageIndex]})`,\n        backgroundSize: 'auto',\n        backgroundPosition: 'center',\n        pointerEvents: 'none',\n        left: mousePos.x - imgWidth / 2,\n        top: mousePos.y - imgHeight / 2,\n      },\n      initial: 'hidden',\n      animate: 'visible',\n      exit: 'exit',\n      variants: imageVariants,\n      transition,\n    };\n\n    setActiveImages((previous) => [...previous, newImage]);\n    setCurrentImageIndex((previous) => (previous + 1) % images.length);\n    setLastTriggerPos(mousePos);\n\n    setTimeout(() => {\n      setActiveImages((previous) =>\n        previous.map((img) =>\n          img.imageTrailKey === newImage.imageTrailKey\n            ? { ...img, animate: 'exit' }\n            : img,\n        ),\n      );\n    }, visibleFor * 1000);\n  }, [\n    mousePos,\n    isHovering,\n    lastTriggerPos,\n    images,\n    imagesPreloaded,\n    imageSizes,\n    threshold,\n    currentImageIndex,\n    visibleFor,\n    animation,\n  ]);\n\n  return {\n    componentRef: componentReference,\n    componentProps: {\n      onMouseMove: handleMouseMove,\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n    },\n    activeImages,\n    imagesPreloaded,\n  };\n}\n","'use client';\n\nimport { cloneDeep, merge } from 'lodash-es';\nimport React from 'react';\n\nimport type { MotionProperties } from '../lib/motion';\n\nexport function useDeepMergeMotionProperties(\n  ...motionProperties: MotionProperties[]\n): MotionProperties {\n  return React.useMemo(() => {\n    const safeCopies = motionProperties.map((mappedObject) =>\n      cloneDeep(mappedObject),\n    );\n    return merge({}, ...safeCopies);\n  }, motionProperties);\n}\n","'use client';\n\nimport { get } from 'lodash-es';\nimport React from 'react';\n\nimport type { MotionVariant, MotionVariants } from '../lib/motion';\nimport { useSystemHausMotionProvider } from '../provider/MotionProvider';\nimport { PolymorphicMotionProperties } from '../types';\n\n/**\n * Scale motion hook — animates an element scaling in/out.\n * Default scale range: visible = 1, hidden = 1.2 (slightly zoomed in).\n */\nexport function useScale(\n  payload: {\n    initialScale?: number;\n    exitScale?: number;\n  } = {},\n): PolymorphicMotionProperties {\n  const fallbackInitialScale = 1.1;\n\n  const { transition } = useSystemHausMotionProvider();\n\n  const getVariantMap = React.useCallback(\n    (): Record<'default', Required<MotionVariants>> => ({\n      default: {\n        hidden: {\n          opacity: 0,\n          scale: get(payload, ['initialScale'], fallbackInitialScale),\n        },\n        visible: { opacity: 1, scale: 1 },\n        exit: {\n          opacity: 0,\n          scale: get(payload, ['exitScale'], fallbackInitialScale),\n        },\n      },\n    }),\n    [],\n  );\n\n  const variantMap = getVariantMap();\n\n  const exitVariant = get(\n    variantMap,\n    ['default', 'exit'],\n    variantMap['default']['exit'],\n  );\n\n  return React.useMemo(\n    () => ({\n      initial: 'hidden',\n      animate: 'visible',\n      exit: 'exit',\n      variants: {\n        ...variantMap['default'],\n        exit: exitVariant as MotionVariant,\n      },\n      transition: {\n        duration: get(transition, ['duration'], 1.2),\n        ...transition,\n      },\n    }),\n    [variantMap, exitVariant, transition],\n  );\n}\n","'use client';\n\nimport { DirectionEnum } from '@kurocado-studio/systemhaus-motion';\nimport { get } from 'lodash-es';\nimport React from 'react';\n\nimport type { MotionVariant, MotionVariants } from '../lib/motion';\nimport { useSystemHausMotionProvider } from '../provider/MotionProvider';\nimport { PolymorphicMotionProperties } from '../types';\n\n/**\n * Slide-out motion hook — animates an element in/out based on direction.\n * Default distance: \"100%\" (full travel).\n */\nexport function useSlideOut({\n  onEnterDirection = DirectionEnum.RIGHT,\n  onExitDirection = DirectionEnum.RIGHT,\n  distance = '100%',\n}: {\n  onEnterDirection?: DirectionEnum;\n  onExitDirection?: DirectionEnum;\n  distance?: string | number;\n} = {}): PolymorphicMotionProperties {\n  const { transition } = useSystemHausMotionProvider();\n\n  const getVariantMap = React.useCallback(\n    (\n      distance: string | number,\n    ): Record<DirectionEnum, Required<MotionVariants>> => ({\n      [DirectionEnum.DEFAULT]: {\n        hidden: { opacity: 0 },\n        visible: { opacity: 1 },\n        exit: { opacity: 0 },\n      },\n      [DirectionEnum.TOP]: {\n        hidden: { opacity: 0, y: `-${distance}` },\n        visible: { opacity: 1, y: 0 },\n        exit: { opacity: 0, y: `-${distance}` },\n      },\n      [DirectionEnum.BOTTOM]: {\n        hidden: { opacity: 0, y: distance },\n        visible: { opacity: 1, y: 0 },\n        exit: { opacity: 0, y: distance },\n      },\n      [DirectionEnum.LEFT]: {\n        hidden: { opacity: 0, x: `-${distance}` },\n        visible: { opacity: 1, x: 0 },\n        exit: { opacity: 0, x: `-${distance}` },\n      },\n      [DirectionEnum.RIGHT]: {\n        hidden: { opacity: 0, x: distance },\n        visible: { opacity: 1, x: 0 },\n        exit: { opacity: 0, x: distance },\n      },\n    }),\n    [],\n  );\n\n  const variantMap = getVariantMap(distance);\n\n  const exitVariant = get(\n    variantMap,\n    [onExitDirection, 'exit'],\n    variantMap[DirectionEnum.RIGHT]['exit'],\n  );\n\n  return React.useMemo(\n    () => ({\n      initial: 'hidden',\n      animate: 'visible',\n      exit: 'exit',\n      variants: {\n        ...get(variantMap, [onEnterDirection], variantMap[DirectionEnum.RIGHT]),\n        exit: exitVariant as MotionVariant,\n      },\n      transition: {\n        ...transition,\n      },\n    }),\n    [variantMap, exitVariant, onEnterDirection, transition],\n  );\n}\n","import { cloneDeep, merge } from 'lodash-es';\n\nimport type { MotionProperties } from '../lib/motion';\n\nexport function mergeMotionProperties(\n  ...motionProperties: MotionProperties[]\n): MotionProperties {\n  const safeCopies = motionProperties.map((mappedObject) =>\n    cloneDeep(mappedObject),\n  );\n  return merge({}, ...safeCopies);\n}\n","export type * from './lib/motion';\nexport type * from './types';\nexport type { PolymorphicMotionProperties } from './types';\n\nexport * from './components/AnimateMotionPresence';\nexport * from './components/PolymorphicMotionElement';\nexport * from './hooks/useCursorFollow';\nexport * from './hooks/useFadeIn';\nexport * from './hooks/useImageTrail';\nexport * from './hooks/useMergeMotionProperties';\nexport * from './hooks/useScale';\nexport * from './hooks/useSlideOut';\nexport * from './provider/MotionProvider';\nexport * from './utils/mergeMotionProperties';\nexport * from 'framer-motion';\nexport { DirectionEnum } from '@kurocado-studio/systemhaus-motion';\nexport { systemHausMotionConfiguration } from './provider/MotionProvider';\n"],"mappings":"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","names":["React","useMotionValue","useSpring","MotionConfig","AnimatePresence","motion","AnimateMotionPresence","children","isVisible","mode","initial","React","AnimatePresence","child","index","React","PolymorphicMotionElement","properties","as","rest","Component","motion","React","calculateCursorOffset","get","useEffect","useRef","useCursorFollow","settings","elementReference","damping","get","stiffness","x","useMotionValue","y","localReference","useRef","targetReference","springX","useSpring","springY","useEffect","handleMouseMove","mouseEvent","element","newX","newY","calculateCursorOffset","DEFAULT_FADE_DISTANCE","DirectionEnum","get","React","DEFAULT_FADE_DISTANCE","DirectionEnum","motionContextDefaultConfig","get","React","createContext","useContext","useMemo","systemHausMotionConfiguration","motionContextDefaultConfig","DirectionEnum","DEFAULT_FADE_DISTANCE","MotionContext","createContext","MotionProvider","children","motionOverrides","motionContextConfig","useMemo","get","React","MotionConfig","useSystemHausMotionProvider","useContext","useFadeIn","onEnterDirection","onExitDirection","viewport","transition","fadeInDistance","DEFAULT_FADE_DISTANCE","useSystemHausMotionProvider","fadeDistance","variantMap","React","distance","DirectionEnum","exitVariant","get","useEffect","useRef","useState","imageVariants","useImageTrail","images","frequency","visibleFor","animation","componentReference","useRef","mousePos","setMousePos","useState","isHovering","setIsHovering","lastTriggerPos","setLastTriggerPos","currentImageIndex","setCurrentImageIndex","activeImages","setActiveImages","imagesPreloaded","setImagesPreloaded","imageSizes","setImageSizes","transition","useSystemHausMotionProvider","MAX_THRESHOLD","THRESHOLD_RANGE","threshold","useEffect","isMounted","listeners","sizes","source","resolve","reject","img","onLoad","cleanup","onError","error","handleMouseMove","event","rect","handleMouseEnter","handleMouseLeave","naturalSize","imgWidth","imgHeight","newImage","previous","cloneDeep","merge","React","useDeepMergeMotionProperties","motionProperties","safeCopies","mappedObject","get","React","useScale","payload","transition","useSystemHausMotionProvider","variantMap","React","get","exitVariant","DirectionEnum","get","React","useSlideOut","onEnterDirection","DirectionEnum","onExitDirection","distance","transition","useSystemHausMotionProvider","variantMap","React","exitVariant","get","cloneDeep","merge","mergeMotionProperties","motionProperties","safeCopies","mappedObject","DirectionEnum"]}
+{"version":3,"sources":["../src/components/AnimateMotionPresence.tsx","../src/lib/motion.ts","../src/components/PolymorphicMotionElement.tsx","../src/hooks/useCursorFollow.ts","../src/hooks/useFadeIn.ts","../src/provider/MotionProvider.tsx","../src/hooks/useImageTrail.ts","../src/hooks/useMergeMotionProperties.ts","../src/hooks/useComposeStagger.ts","../src/hooks/useScale.ts","../src/hooks/useSlideOut.ts","../src/utils/mergeMotionProperties.ts","../src/exports.ts"],"sourcesContent":["import React from 'react';\n\nimport { AnimatePresence } from '../lib/motion';\nimport { AnimateMotionPresenceProperties } from '../types';\n\nexport function AnimateMotionPresence({\n  children,\n  isVisible,\n  mode,\n  initial,\n}: React.PropsWithChildren<AnimateMotionPresenceProperties>): React.ReactNode {\n  return (\n    <AnimatePresence mode={mode} initial={initial}>\n      {isVisible &&\n        React.Children.toArray(children).map((child, index) => {\n          if (!React.isValidElement(child)) return child;\n          return React.cloneElement(child, {\n            key: child.key ?? `motion-child-${index}`,\n          });\n        })}\n    </AnimatePresence>\n  );\n}\n","import type * as Library from 'framer-motion';\n\nexport type * as MotionLibrary from 'framer-motion';\n\nexport type MotionProperties = Library.MotionProps;\nexport type MotionStaggerOptions = Library.StaggerOptions;\nexport type MotionVariant = Library.Variant;\nexport type MotionVariants = Library.Variants;\nexport type MotionViewportOptions = Library.ViewportOptions;\nexport {\n  stagger,\n  useMotionValue,\n  useSpring,\n  MotionConfig,\n  AnimatePresence,\n  motion,\n} from 'framer-motion';\n","import React, { JSX } from 'react';\n\nimport { motion } from '../lib/motion';\nimport { type PolymorphicMotionProperties } from '../types';\n\nexport function PolymorphicMotionElement<\n  T extends keyof JSX.IntrinsicElements = 'div',\n  K extends Record<string, unknown> = Record<string, unknown>,\n>(properties: PolymorphicMotionProperties<T> & K): React.ReactNode {\n  const { as, ...rest } = properties;\n\n  const Component: React.ElementType =\n    motion[(as as keyof typeof motion) ?? 'div'];\n\n  return <Component {...rest} />;\n}\n","'use client';\n\nimport {\n  type CalculateCursorOffsetController,\n  calculateCursorOffset,\n} from '@kurocado-studio/systemhaus-motion';\nimport { get } from 'lodash-es';\nimport { type RefObject, useEffect, useRef } from 'react';\n\nimport { useMotionValue, useSpring } from '../lib/motion';\n\nexport function useCursorFollow(\n  settings: CalculateCursorOffsetController,\n  elementReference?: RefObject<HTMLDivElement | null>,\n) {\n  const damping = get(settings, ['damping'], 100);\n  const stiffness = get(settings, ['stiffness'], 600);\n\n  const x = useMotionValue(0);\n  const y = useMotionValue(0);\n  const localReference = useRef<HTMLDivElement | null>(null);\n  const targetReference = elementReference ?? localReference;\n\n  const springX = useSpring(x, {\n    damping,\n    stiffness,\n  });\n\n  const springY = useSpring(y, {\n    damping,\n    stiffness,\n  });\n\n  useEffect(() => {\n    const handleMouseMove = (mouseEvent: MouseEvent) => {\n      const element = targetReference.current;\n      if (!element) return;\n      const { x: newX, y: newY } = calculateCursorOffset(\n        element,\n        mouseEvent.clientX,\n        mouseEvent.clientY,\n        settings,\n      );\n      x.set(newX);\n      y.set(newY);\n    };\n    document.addEventListener('mousemove', handleMouseMove);\n    return () => document.removeEventListener('mousemove', handleMouseMove);\n  }, [settings, targetReference, x, y]);\n\n  return { ref: targetReference, x: springX, y: springY };\n}\n","'use client';\n\nimport {\n  DEFAULT_FADE_DISTANCE,\n  DirectionEnum,\n  type UseFadeInProperties,\n} from '@kurocado-studio/systemhaus-motion';\nimport { get } from 'lodash-es';\nimport React from 'react';\n\nimport type { MotionVariant, MotionVariants } from '../lib/motion';\nimport { useSystemHausMotionProvider } from '../provider/MotionProvider';\nimport {\n  PolymorphicMotionElementMap,\n  PolymorphicMotionProperties,\n} from '../types';\n\nexport const useFadeIn = <T extends PolymorphicMotionElementMap = 'div'>({\n  onEnterDirection,\n  onExitDirection,\n}: UseFadeInProperties = {}): PolymorphicMotionProperties<T> => {\n  const {\n    viewport,\n    transition,\n    fadeInDistance = DEFAULT_FADE_DISTANCE,\n  } = useSystemHausMotionProvider();\n\n  const fadeDistance = Math.abs(fadeInDistance);\n\n  const getVariantMap = React.useCallback(\n    (distance: number): Record<DirectionEnum, Required<MotionVariants>> => ({\n      [DirectionEnum.DEFAULT]: {\n        hidden: { opacity: 0, y: 0 },\n        visible: { opacity: 1, y: 0 },\n        exit: { opacity: 0, y: 0 },\n      },\n      [DirectionEnum.TOP]: {\n        hidden: { opacity: 0, y: -distance },\n        visible: { opacity: 1, y: 0 },\n        exit: { opacity: 0, y: -distance },\n      },\n      [DirectionEnum.BOTTOM]: {\n        hidden: { opacity: 0, y: distance },\n        visible: { opacity: 1, y: 0 },\n        exit: { opacity: 0, y: distance },\n      },\n      [DirectionEnum.LEFT]: {\n        hidden: { opacity: 0, x: -distance },\n        visible: { opacity: 1, x: 0 },\n        exit: { opacity: 0, x: -distance },\n      },\n      [DirectionEnum.RIGHT]: {\n        hidden: { opacity: 0, x: distance },\n        visible: { opacity: 1, x: 0 },\n        exit: { opacity: 0, x: distance },\n      },\n    }),\n    [],\n  );\n\n  const variantMap = getVariantMap(fadeDistance);\n\n  const exitVariant = get(\n    variantMap,\n    [onExitDirection ?? DirectionEnum.BOTTOM, 'exit'],\n    variantMap[DirectionEnum.BOTTOM]['exit'],\n  );\n\n  return React.useMemo(\n    () => ({\n      initial: 'hidden',\n      animate: 'visible',\n      exit: 'exit',\n      variants: {\n        ...get(\n          variantMap,\n          [onEnterDirection ?? DirectionEnum.TOP],\n          variantMap[DirectionEnum.TOP],\n        ),\n        exit: exitVariant as MotionVariant,\n      },\n      transition,\n      viewport,\n    }),\n    [variantMap, exitVariant, onEnterDirection, transition, viewport],\n    //   TODO: type this better\n  ) as unknown as PolymorphicMotionProperties<T>;\n};\n","'use client';\n\nimport {\n  DEFAULT_FADE_DISTANCE,\n  DirectionEnum,\n  motionContextDefaultConfig,\n} from '@kurocado-studio/systemhaus-motion';\nimport { get } from 'lodash-es';\nimport React, { createContext, useContext, useMemo } from 'react';\n\nimport { MotionConfig } from '../lib/motion';\nimport { SystemHausMotionProvider } from '../types';\n\nexport const systemHausMotionConfiguration: SystemHausMotionProvider = {\n  ...motionContextDefaultConfig,\n  fadeInDirection: DirectionEnum.TOP,\n  fadeInDistance: DEFAULT_FADE_DISTANCE,\n  viewport: {\n    once: false,\n    amount: 0.2,\n  },\n};\n\nconst MotionContext = createContext<SystemHausMotionProvider>(\n  systemHausMotionConfiguration,\n);\n\ninterface SystemHausMotionProviderProperties {\n  children?: React.ReactNode;\n  motionOverrides?: Partial<SystemHausMotionProvider>;\n}\n\nexport const MotionProvider: React.FC<SystemHausMotionProviderProperties> = ({\n  children,\n  motionOverrides,\n}) => {\n  const motionContextConfig: SystemHausMotionProvider = useMemo(\n    () => ({\n      ...motionContextDefaultConfig,\n      ...motionOverrides,\n      viewport: get(\n        motionOverrides,\n        ['viewport'],\n        systemHausMotionConfiguration.viewport,\n      ),\n      fadeInDistance: get(\n        motionOverrides,\n        ['fadeInDistance'],\n        systemHausMotionConfiguration.fadeInDistance,\n      ),\n      fadeInDirection: get(\n        motionOverrides,\n        ['fadeInDirection'],\n        systemHausMotionConfiguration.fadeInDirection,\n      ),\n    }),\n    [motionOverrides],\n  );\n\n  return (\n    <MotionContext.Provider value={motionContextConfig}>\n      <MotionConfig {...motionContextConfig}>{children}</MotionConfig>\n    </MotionContext.Provider>\n  );\n};\n\nexport const useSystemHausMotionProvider = () => {\n  return useContext(MotionContext);\n};\n","import React, { useEffect, useRef, useState } from 'react';\n\nimport type { MotionProperties, MotionVariants } from '../lib/motion';\nimport { useSystemHausMotionProvider } from '../provider/MotionProvider';\nimport { PolymorphicMotionProperties } from '../types';\n\ninterface CursorImageTrailOptions {\n  images: string[];\n  frequency?: number;\n  visibleFor?: number;\n  animation?: {\n    in?: MotionProperties;\n    out?: MotionProperties;\n  };\n}\n\ntype PolymorphicActiveMotionProperties<\n  T extends keyof React.JSX.IntrinsicElements = 'img',\n> = PolymorphicMotionProperties<T> & {\n  imageTrailKey?: string;\n};\n\nconst imageVariants: MotionVariants = {\n  hidden: { opacity: 0, scale: 0.8 },\n  visible: { opacity: 1, scale: 1 },\n  exit: { opacity: 0, scale: 0.8 },\n};\n\nexport function useImageTrail({\n  images,\n  frequency = 15,\n  visibleFor = 1.5,\n  animation,\n}: CursorImageTrailOptions) {\n  const componentReference = useRef<HTMLDivElement | null>(null);\n  const [mousePos, setMousePos] = useState({ x: 0, y: 0 });\n  const [isHovering, setIsHovering] = useState(false);\n  const [lastTriggerPos, setLastTriggerPos] = useState({ x: 0, y: 0 });\n  const [currentImageIndex, setCurrentImageIndex] = useState(0);\n  const [activeImages, setActiveImages] = useState<\n    PolymorphicActiveMotionProperties[]\n  >([]);\n  const [imagesPreloaded, setImagesPreloaded] = useState(false);\n  const [imageSizes, setImageSizes] = useState<\n    { width: number; height: number }[]\n  >([]);\n\n  const { transition } = useSystemHausMotionProvider();\n\n  const MAX_THRESHOLD = 200;\n  const MIN_THRESHOLD = 1;\n  const THRESHOLD_RANGE = MAX_THRESHOLD - MIN_THRESHOLD;\n\n  const threshold = MAX_THRESHOLD - ((frequency - 1) * THRESHOLD_RANGE) / 49;\n\n  useEffect(() => {\n    let isMounted = true;\n    const listeners: {\n      img: HTMLImageElement;\n      onLoad: () => void;\n      onError: (error: Event) => void;\n    }[] = [];\n\n    const preload = async () => {\n      const sizes: { width: number; height: number }[] = [];\n\n      await Promise.all(\n        images.map(\n          (source) =>\n            new Promise<void>((resolve, reject) => {\n              const img = new Image();\n\n              const onLoad = () => {\n                sizes.push({ width: img.width, height: img.height });\n                cleanup();\n                resolve();\n              };\n\n              const onError = (error: Event) => {\n                cleanup();\n                reject(error);\n              };\n\n              const cleanup = () => {\n                img.removeEventListener('load', onLoad);\n                img.removeEventListener('error', onError);\n              };\n\n              img.addEventListener('load', onLoad);\n              img.addEventListener('error', onError);\n\n              listeners.push({ img, onLoad, onError });\n              img.src = source;\n            }),\n        ),\n      );\n\n      if (isMounted) {\n        setImageSizes(sizes);\n        setImagesPreloaded(true);\n      }\n    };\n\n    preload().then();\n\n    return () => {\n      isMounted = false;\n      for (const { img, onLoad, onError } of listeners) {\n        img.removeEventListener('load', onLoad);\n        img.removeEventListener('error', onError);\n      }\n    };\n  }, [images]);\n\n  const handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\n    const rect = event.currentTarget.getBoundingClientRect();\n    setMousePos({ x: event.clientX - rect.left, y: event.clientY - rect.top });\n  };\n  const handleMouseEnter = () => setIsHovering(true);\n  const handleMouseLeave = () => setIsHovering(false);\n\n  useEffect(() => {\n    if (!isHovering || images.length === 0 || !imagesPreloaded) return;\n\n    const distance = Math.hypot(\n      mousePos.x - lastTriggerPos.x,\n      mousePos.y - lastTriggerPos.y,\n    );\n    if (distance < threshold) return;\n\n    const naturalSize = imageSizes[currentImageIndex] || {\n      width: 100,\n      height: 100,\n    };\n\n    const imgWidth = naturalSize.width;\n    const imgHeight = naturalSize.height;\n\n    const newImage: PolymorphicActiveMotionProperties<'img'> = {\n      imageTrailKey: Math.random().toString(),\n      style: {\n        width: imgWidth,\n        height: imgHeight,\n        position: 'absolute',\n        backgroundImage: `url(${images[currentImageIndex]})`,\n        backgroundSize: 'auto',\n        backgroundPosition: 'center',\n        pointerEvents: 'none',\n        left: mousePos.x - imgWidth / 2,\n        top: mousePos.y - imgHeight / 2,\n      },\n      initial: 'hidden',\n      animate: 'visible',\n      exit: 'exit',\n      variants: imageVariants,\n      transition,\n    };\n\n    setActiveImages((previous) => [...previous, newImage]);\n    setCurrentImageIndex((previous) => (previous + 1) % images.length);\n    setLastTriggerPos(mousePos);\n\n    setTimeout(() => {\n      setActiveImages((previous) =>\n        previous.map((img) =>\n          img.imageTrailKey === newImage.imageTrailKey\n            ? { ...img, animate: 'exit' }\n            : img,\n        ),\n      );\n    }, visibleFor * 1000);\n  }, [\n    mousePos,\n    isHovering,\n    lastTriggerPos,\n    images,\n    imagesPreloaded,\n    imageSizes,\n    threshold,\n    currentImageIndex,\n    visibleFor,\n    animation,\n  ]);\n\n  return {\n    componentRef: componentReference,\n    componentProps: {\n      onMouseMove: handleMouseMove,\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n    },\n    activeImages,\n    imagesPreloaded,\n  };\n}\n","'use client';\n\nimport { cloneDeep, merge } from 'lodash-es';\nimport React from 'react';\n\nimport type { MotionProperties } from '../lib/motion';\nimport {\n  PolymorphicMotionElementMap,\n  PolymorphicMotionProperties,\n} from '../types';\n\nexport function useDeepMergeMotionProperties(\n  ...motionProperties: MotionProperties[]\n): MotionProperties {\n  return React.useMemo(() => {\n    const safeCopies = motionProperties.map((mappedObject) =>\n      cloneDeep(mappedObject),\n    );\n    return merge({}, ...safeCopies);\n  }, motionProperties);\n}\n\nexport type DeepMergeMotionProperties = <T extends PolymorphicMotionElementMap>(\n  ...motionProperties: PolymorphicMotionProperties<T>[]\n) => PolymorphicMotionProperties<T>;\n\nexport function useMergeMotionProperties() {\n  const handleDeepMergeMotionProperties: DeepMergeMotionProperties =\n    React.useCallback((...payload) => {\n      const safeCopies = payload.map((mappedObject) => cloneDeep(mappedObject));\n      return merge({}, ...safeCopies);\n    }, []);\n\n  return { handleDeepMergeMotionProperties };\n}\n","'use client';\n\nimport { set } from 'lodash-es';\nimport React from 'react';\n\nimport { stagger } from '../lib/motion';\nimport {\n  PolymorphicMotionElementMap,\n  PolymorphicMotionProperties,\n} from '../types';\nimport { useMergeMotionProperties } from './useMergeMotionProperties';\n\nexport type ComposeStagger = <\n  T extends PolymorphicMotionElementMap = 'div',\n>(payload: {\n  payload: PolymorphicMotionProperties<T>;\n  staggerPayload: Parameters<typeof stagger>;\n}) => PolymorphicMotionProperties<T>;\n\nexport type UseComposeStagger = () => {\n  composeStagger: ComposeStagger;\n};\nexport const useComposeStagger = () => {\n  const { handleDeepMergeMotionProperties } = useMergeMotionProperties();\n\n  const composeStagger: <\n    T extends PolymorphicMotionElementMap = 'div',\n  >(payload: {\n    payload: PolymorphicMotionProperties<T>;\n    staggerPayload: Parameters<typeof stagger>;\n  }) => PolymorphicMotionProperties<T> = React.useCallback(\n    ({ payload, staggerPayload }) => {\n      const updatedPayload = { ...payload };\n      const staggerDelay = stagger(...staggerPayload);\n      const delay =\n        payload.custom == undefined ? (staggerPayload[0] ?? 0) : staggerDelay;\n\n      set(updatedPayload, ['transition', 'delay'], delay);\n\n      return handleDeepMergeMotionProperties(payload, updatedPayload);\n    },\n    [handleDeepMergeMotionProperties],\n  );\n\n  return { composeStagger };\n};\n","'use client';\n\nimport { get } from 'lodash-es';\nimport React from 'react';\n\nimport type { MotionVariant, MotionVariants } from '../lib/motion';\nimport { useSystemHausMotionProvider } from '../provider/MotionProvider';\nimport { PolymorphicMotionProperties } from '../types';\n\n/**\n * Scale motion hook — animates an element scaling in/out.\n * Default scale range: visible = 1, hidden = 1.2 (slightly zoomed in).\n */\nexport function useScale(\n  payload: {\n    initialScale?: number;\n    exitScale?: number;\n  } = {},\n): PolymorphicMotionProperties {\n  const fallbackInitialScale = 1.1;\n\n  const { transition } = useSystemHausMotionProvider();\n\n  const getVariantMap = React.useCallback(\n    (): Record<'default', Required<MotionVariants>> => ({\n      default: {\n        hidden: {\n          opacity: 0,\n          scale: get(payload, ['initialScale'], fallbackInitialScale),\n        },\n        visible: { opacity: 1, scale: 1 },\n        exit: {\n          opacity: 0,\n          scale: get(payload, ['exitScale'], fallbackInitialScale),\n        },\n      },\n    }),\n    [],\n  );\n\n  const variantMap = getVariantMap();\n\n  const exitVariant = get(\n    variantMap,\n    ['default', 'exit'],\n    variantMap['default']['exit'],\n  );\n\n  return React.useMemo(\n    () => ({\n      initial: 'hidden',\n      animate: 'visible',\n      exit: 'exit',\n      variants: {\n        ...variantMap['default'],\n        exit: exitVariant as MotionVariant,\n      },\n      transition: {\n        duration: get(transition, ['duration'], 1.2),\n        ...transition,\n      },\n    }),\n    [variantMap, exitVariant, transition],\n  );\n}\n","'use client';\n\nimport { DirectionEnum } from '@kurocado-studio/systemhaus-motion';\nimport { get } from 'lodash-es';\nimport React from 'react';\n\nimport type { MotionVariant, MotionVariants } from '../lib/motion';\nimport { useSystemHausMotionProvider } from '../provider/MotionProvider';\nimport { PolymorphicMotionProperties } from '../types';\n\n/**\n * Slide-out motion hook — animates an element in/out based on direction.\n * Default distance: \"100%\" (full travel).\n */\nexport function useSlideOut({\n  onEnterDirection = DirectionEnum.RIGHT,\n  onExitDirection = DirectionEnum.RIGHT,\n  distance = '100%',\n}: {\n  onEnterDirection?: DirectionEnum;\n  onExitDirection?: DirectionEnum;\n  distance?: string | number;\n} = {}): PolymorphicMotionProperties {\n  const { transition } = useSystemHausMotionProvider();\n\n  const getVariantMap = React.useCallback(\n    (\n      distance: string | number,\n    ): Record<DirectionEnum, Required<MotionVariants>> => ({\n      [DirectionEnum.DEFAULT]: {\n        hidden: { opacity: 0 },\n        visible: { opacity: 1 },\n        exit: { opacity: 0 },\n      },\n      [DirectionEnum.TOP]: {\n        hidden: { opacity: 0, y: `-${distance}` },\n        visible: { opacity: 1, y: 0 },\n        exit: { opacity: 0, y: `-${distance}` },\n      },\n      [DirectionEnum.BOTTOM]: {\n        hidden: { opacity: 0, y: distance },\n        visible: { opacity: 1, y: 0 },\n        exit: { opacity: 0, y: distance },\n      },\n      [DirectionEnum.LEFT]: {\n        hidden: { opacity: 0, x: `-${distance}` },\n        visible: { opacity: 1, x: 0 },\n        exit: { opacity: 0, x: `-${distance}` },\n      },\n      [DirectionEnum.RIGHT]: {\n        hidden: { opacity: 0, x: distance },\n        visible: { opacity: 1, x: 0 },\n        exit: { opacity: 0, x: distance },\n      },\n    }),\n    [],\n  );\n\n  const variantMap = getVariantMap(distance);\n\n  const exitVariant = get(\n    variantMap,\n    [onExitDirection, 'exit'],\n    variantMap[DirectionEnum.RIGHT]['exit'],\n  );\n\n  return React.useMemo(\n    () => ({\n      initial: 'hidden',\n      animate: 'visible',\n      exit: 'exit',\n      variants: {\n        ...get(variantMap, [onEnterDirection], variantMap[DirectionEnum.RIGHT]),\n        exit: exitVariant as MotionVariant,\n      },\n      transition: {\n        ...transition,\n      },\n    }),\n    [variantMap, exitVariant, onEnterDirection, transition],\n  );\n}\n","import { cloneDeep, merge } from 'lodash-es';\n\nimport type { MotionProperties } from '../lib/motion';\n\nexport function mergeMotionProperties(\n  ...motionProperties: MotionProperties[]\n): MotionProperties {\n  const safeCopies = motionProperties.map((mappedObject) =>\n    cloneDeep(mappedObject),\n  );\n  return merge({}, ...safeCopies);\n}\n","export type * from './lib/motion';\nexport type * from './types';\nexport type { PolymorphicMotionProperties } from './types';\n\nexport * from './components/AnimateMotionPresence';\nexport * from './components/PolymorphicMotionElement';\nexport * from './hooks/useCursorFollow';\nexport * from './hooks/useFadeIn';\nexport * from './hooks/useImageTrail';\nexport * from './hooks/useMergeMotionProperties';\nexport * from './hooks/useComposeStagger';\nexport * from './hooks/useScale';\nexport * from './hooks/useSlideOut';\nexport * from './provider/MotionProvider';\nexport * from './utils/mergeMotionProperties';\nexport * from 'framer-motion';\nexport { DirectionEnum } from '@kurocado-studio/systemhaus-motion';\nexport { systemHausMotionConfiguration } from './provider/MotionProvider';\n"],"mappings":"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","names":["React","stagger","useMotionValue","useSpring","MotionConfig","AnimatePresence","motion","AnimateMotionPresence","children","isVisible","mode","initial","React","AnimatePresence","child","index","React","PolymorphicMotionElement","properties","as","rest","Component","motion","React","calculateCursorOffset","get","useEffect","useRef","useCursorFollow","settings","elementReference","damping","get","stiffness","x","useMotionValue","y","localReference","useRef","targetReference","springX","useSpring","springY","useEffect","handleMouseMove","mouseEvent","element","newX","newY","calculateCursorOffset","DEFAULT_FADE_DISTANCE","DirectionEnum","get","React","DEFAULT_FADE_DISTANCE","DirectionEnum","motionContextDefaultConfig","get","React","createContext","useContext","useMemo","systemHausMotionConfiguration","motionContextDefaultConfig","DirectionEnum","DEFAULT_FADE_DISTANCE","MotionContext","createContext","MotionProvider","children","motionOverrides","motionContextConfig","useMemo","get","React","MotionConfig","useSystemHausMotionProvider","useContext","useFadeIn","onEnterDirection","onExitDirection","viewport","transition","fadeInDistance","DEFAULT_FADE_DISTANCE","useSystemHausMotionProvider","fadeDistance","variantMap","React","distance","DirectionEnum","exitVariant","get","useEffect","useRef","useState","imageVariants","useImageTrail","images","frequency","visibleFor","animation","componentReference","useRef","mousePos","setMousePos","useState","isHovering","setIsHovering","lastTriggerPos","setLastTriggerPos","currentImageIndex","setCurrentImageIndex","activeImages","setActiveImages","imagesPreloaded","setImagesPreloaded","imageSizes","setImageSizes","transition","useSystemHausMotionProvider","MAX_THRESHOLD","THRESHOLD_RANGE","threshold","useEffect","isMounted","listeners","sizes","source","resolve","reject","img","onLoad","cleanup","onError","error","handleMouseMove","event","rect","handleMouseEnter","handleMouseLeave","naturalSize","imgWidth","imgHeight","newImage","previous","cloneDeep","merge","React","useDeepMergeMotionProperties","motionProperties","safeCopies","mappedObject","useMergeMotionProperties","payload","set","React","useComposeStagger","handleDeepMergeMotionProperties","useMergeMotionProperties","React","payload","staggerPayload","updatedPayload","staggerDelay","stagger","delay","set","get","React","useScale","payload","transition","useSystemHausMotionProvider","variantMap","React","get","exitVariant","DirectionEnum","get","React","useSlideOut","onEnterDirection","DirectionEnum","onExitDirection","distance","transition","useSystemHausMotionProvider","variantMap","React","exitVariant","get","cloneDeep","merge","mergeMotionProperties","motionProperties","safeCopies","mappedObject","DirectionEnum"]}

package/dist/index.d.ts

@@ -10,6 +10,7 @@ import { MotionConfig } from 'framer-motion';
 import * as MotionLibrary from 'framer-motion';
 import { default as React_2 } from 'react';
 import { RefObject } from 'react';
+import { stagger } from 'framer-motion';
 import { SystemHausMotionProviderConfig } from '@kurocado-studio/systemhaus-motion';
 import { UseFadeInProperties } from '@kurocado-studio/systemhaus-motion';
 import { useMotionValue } from 'framer-motion';
@@ -26,6 +27,11 @@ export declare interface AnimateMotionPresenceProperties {
 
 export { AnimatePresence }
 
+export declare type ComposeStagger = <T extends PolymorphicMotionElementMap = 'div'>(payload: {
+    payload: PolymorphicMotionProperties<T>;
+    staggerPayload: Parameters<typeof stagger>;
+}) => PolymorphicMotionProperties<T>;
+
 declare interface CursorImageTrailOptions {
     images: string[];
     frequency?: number;
@@ -36,6 +42,8 @@ declare interface CursorImageTrailOptions {
     };
 }
 
+export declare type DeepMergeMotionProperties = <T extends PolymorphicMotionElementMap>(...motionProperties: PolymorphicMotionProperties<T>[]) => PolymorphicMotionProperties<T>;
+
 export { DirectionEnum }
 
 export declare function mergeMotionProperties(...motionProperties: MotionProperties[]): MotionProperties;
@@ -54,6 +62,8 @@ export declare type MotionProperties = MotionLibrary.MotionProps;
 
 export declare const MotionProvider: React_2.FC<SystemHausMotionProviderProperties>;
 
+export declare type MotionStaggerOptions = MotionLibrary.StaggerOptions;
+
 export declare type MotionVariant = MotionLibrary.Variant;
 
 export declare type MotionVariants = MotionLibrary.Variants;
@@ -68,7 +78,7 @@ declare type PolymorphicActiveMotionProperties<T extends keyof React_2.JSX.Intri
 
 export declare function PolymorphicMotionElement<T extends keyof JSX.IntrinsicElements = 'div', K extends Record<string, unknown> = Record<string, unknown>>(properties: PolymorphicMotionProperties<T> & K): React_2.ReactNode;
 
-export declare type PolymorphicMotionElementMap = keyof React_2.JSX.IntrinsicElements | keyof HTMLElementTagNameMap;
+export declare type PolymorphicMotionElementMap = keyof React_2.JSX.IntrinsicElements | keyof HTMLElementTagNameMap | ElementType;
 
 export declare type PolymorphicMotionProperties<T extends ElementType = 'div'> = MotionOverridableProperties<T> & {
     as?: T;
@@ -78,6 +88,8 @@ export declare type PolymorphicMotionProperties<T extends ElementType = 'div'> =
     exit?: MotionVariant | string;
 };
 
+export { stagger }
+
 export declare const systemHausMotionConfiguration: SystemHausMotionProvider;
 
 export declare interface SystemHausMotionProvider extends SystemHausMotionProviderConfig {
@@ -91,6 +103,17 @@ declare interface SystemHausMotionProviderProperties {
     motionOverrides?: Partial<SystemHausMotionProvider>;
 }
 
+export declare type UseComposeStagger = () => {
+    composeStagger: ComposeStagger;
+};
+
+export declare const useComposeStagger: () => {
+    composeStagger: <T extends PolymorphicMotionElementMap = "div">(payload: {
+        payload: PolymorphicMotionProperties<T>;
+        staggerPayload: Parameters<typeof stagger>;
+    }) => PolymorphicMotionProperties<T>;
+};
+
 export declare function useCursorFollow(settings: CalculateCursorOffsetController, elementReference?: RefObject<HTMLDivElement | null>): {
     ref: RefObject<HTMLDivElement | null>;
     x: motion_dom.MotionValue<number>;
@@ -99,7 +122,7 @@ export declare function useCursorFollow(settings: CalculateCursorOffsetControlle
 
 export declare function useDeepMergeMotionProperties(...motionProperties: MotionProperties[]): MotionProperties;
 
-export declare const useFadeIn: ({ onEnterDirection, onExitDirection, }?: UseFadeInProperties) => PolymorphicMotionProperties;
+export declare const useFadeIn: <T extends PolymorphicMotionElementMap = "div">({ onEnterDirection, onExitDirection, }?: UseFadeInProperties) => PolymorphicMotionProperties<T>;
 
 export declare function useImageTrail({ images, frequency, visibleFor, animation, }: CursorImageTrailOptions): {
     componentRef: React_2.RefObject<HTMLDivElement | null>;
@@ -112,6 +135,10 @@ export declare function useImageTrail({ images, frequency, visibleFor, animation
     imagesPreloaded: boolean;
 };
 
+export declare function useMergeMotionProperties(): {
+    handleDeepMergeMotionProperties: DeepMergeMotionProperties;
+};
+
 export { useMotionValue }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kurocado-studio/systemhaus-motion-react",
-  "version": "1.0.0-develop.12",
+  "version": "1.0.0-develop.13",
   "private": false,
   "publishConfig": {
     "access": "public"