framer-motion 12.24.0 → 12.24.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/client.js +1 -1
- package/dist/cjs/dom.js +15 -0
- package/dist/cjs/dom.js.map +1 -1
- package/dist/cjs/{feature-bundle-DhbxBqkJ.js → feature-bundle-DRMwxyzS.js} +16 -1
- package/dist/cjs/feature-bundle-DRMwxyzS.js.map +1 -0
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/m.js +15 -0
- package/dist/cjs/m.js.map +1 -1
- package/dist/dom.js +1 -1
- package/dist/es/components/Reorder/Item.mjs.map +1 -1
- package/dist/es/render/svg/utils/build-attrs.mjs +15 -0
- package/dist/es/render/svg/utils/build-attrs.mjs.map +1 -1
- package/dist/framer-motion.dev.js +15 -0
- package/dist/framer-motion.js +1 -1
- package/dist/size-rollup-animate.js +1 -1
- package/dist/size-rollup-animate.js.map +1 -1
- package/dist/size-rollup-dom-animation-assets.js +1 -1
- package/dist/size-rollup-dom-max-assets.js +1 -1
- package/dist/size-rollup-m.js +1 -1
- package/dist/size-rollup-m.js.map +1 -1
- package/dist/size-rollup-motion.js +1 -1
- package/dist/size-rollup-motion.js.map +1 -1
- package/dist/types/index.d.ts +3 -3
- package/package.json +2 -2
- package/dist/cjs/feature-bundle-DhbxBqkJ.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
const t=(t,r,e)=>e>r?r:e<t?t:e;function r(t){return null!==t&&"object"==typeof t&&"function"==typeof t.start}function e(t){return"string"==typeof t||Array.isArray(t)}const s=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],a=["initial",...s];function n(t){return r(t.animate)||a.some(r=>e(t[r]))}function o(t){return Boolean(n(t)||t.variants)}const i=t=>r=>"string"==typeof r&&r.startsWith(t),
|
|
1
|
+
const t=(t,r,e)=>e>r?r:e<t?t:e;function r(t){return null!==t&&"object"==typeof t&&"function"==typeof t.start}function e(t){return"string"==typeof t||Array.isArray(t)}const s=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],a=["initial",...s];function n(t){return r(t.animate)||a.some(r=>e(t[r]))}function o(t){return Boolean(n(t)||t.variants)}const i=t=>r=>"string"==typeof r&&r.startsWith(t),f=i("--"),l=i("var(--"),d=t=>!!l(t)&&c.test(t.split("/*")[0].trim()),c=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,p={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},u={...p,transform:r=>t(0,1,r)},g={...p,default:1},m=t=>Math.round(1e5*t)/1e5,h=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;const y=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,b=(t,r)=>e=>Boolean("string"==typeof e&&y.test(e)&&e.startsWith(t)||r&&!function(t){return null==t}(e)&&Object.prototype.hasOwnProperty.call(e,r)),v=(t,r,e)=>s=>{if("string"!=typeof s)return s;const[a,n,o,i]=s.match(h);return{[t]:parseFloat(a),[r]:parseFloat(n),[e]:parseFloat(o),alpha:void 0!==i?parseFloat(i):1}},w={...p,transform:r=>Math.round((r=>t(0,255,r))(r))},x={test:b("rgb","red"),parse:v("red","green","blue"),transform:({red:t,green:r,blue:e,alpha:s=1})=>"rgba("+w.transform(t)+", "+w.transform(r)+", "+w.transform(e)+", "+m(u.transform(s))+")"};const B={test:b("#"),parse:function(t){let r="",e="",s="",a="";return t.length>5?(r=t.substring(1,3),e=t.substring(3,5),s=t.substring(5,7),a=t.substring(7,9)):(r=t.substring(1,2),e=t.substring(2,3),s=t.substring(3,4),a=t.substring(4,5),r+=r,e+=e,s+=s,a+=a),{red:parseInt(r,16),green:parseInt(e,16),blue:parseInt(s,16),alpha:a?parseInt(a,16)/255:1}},transform:x.transform},k=t=>({test:r=>"string"==typeof r&&r.endsWith(t)&&1===r.split(" ").length,parse:parseFloat,transform:r=>`${r}${t}`}),R=k("deg"),I=k("%"),S=k("px"),T=k("vh"),$=k("vw"),L=(()=>({...I,parse:t=>I.parse(t)/100,transform:t=>I.transform(100*t)}))(),O={test:b("hsl","hue"),parse:v("hue","saturation","lightness"),transform:({hue:t,saturation:r,lightness:e,alpha:s=1})=>"hsla("+Math.round(t)+", "+I.transform(m(r))+", "+I.transform(m(e))+", "+m(u.transform(s))+")"},F={test:t=>x.test(t)||B.test(t)||O.test(t),parse:t=>x.test(t)?x.parse(t):O.test(t)?O.parse(t):B.parse(t),transform:t=>"string"==typeof t?t:t.hasOwnProperty("red")?x.transform(t):O.transform(t),getAnimatableNone:t=>{const r=F.parse(t);return r.alpha=0,F.transform(r)}},W=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;const X="number",Y="color",E=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function P(t){const r=t.toString(),e=[],s={color:[],number:[],var:[]},a=[];let n=0;const o=r.replace(E,t=>(F.test(t)?(s.color.push(n),a.push(Y),e.push(F.parse(t))):t.startsWith("var(")?(s.var.push(n),a.push("var"),e.push(t)):(s.number.push(n),a.push(X),e.push(parseFloat(t))),++n,"${}")).split("${}");return{values:e,split:o,indexes:s,types:a}}function A(t){return P(t).values}function Z(t){const{split:r,types:e}=P(t),s=r.length;return t=>{let a="";for(let n=0;n<s;n++)if(a+=r[n],void 0!==t[n]){const r=e[n];a+=r===X?m(t[n]):r===Y?F.transform(t[n]):t[n]}return a}}const V=t=>"number"==typeof t?0:F.test(t)?F.getAnimatableNone(t):t;const D={test:function(t){return isNaN(t)&&"string"==typeof t&&(t.match(h)?.length||0)+(t.match(W)?.length||0)>0},parse:A,createTransformer:Z,getAnimatableNone:function(t){const r=A(t);return Z(t)(r.map(V))}},H=(t,r,e)=>t+(r-t)*e,z=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],C=(()=>new Set(z))(),M={...p,transform:Math.round},N={borderWidth:S,borderTopWidth:S,borderRightWidth:S,borderBottomWidth:S,borderLeftWidth:S,borderRadius:S,radius:S,borderTopLeftRadius:S,borderTopRightRadius:S,borderBottomRightRadius:S,borderBottomLeftRadius:S,width:S,maxWidth:S,height:S,maxHeight:S,top:S,right:S,bottom:S,left:S,inset:S,insetBlock:S,insetBlockStart:S,insetBlockEnd:S,insetInline:S,insetInlineStart:S,insetInlineEnd:S,padding:S,paddingTop:S,paddingRight:S,paddingBottom:S,paddingLeft:S,paddingBlock:S,paddingBlockStart:S,paddingBlockEnd:S,paddingInline:S,paddingInlineStart:S,paddingInlineEnd:S,margin:S,marginTop:S,marginRight:S,marginBottom:S,marginLeft:S,marginBlock:S,marginBlockStart:S,marginBlockEnd:S,marginInline:S,marginInlineStart:S,marginInlineEnd:S,backgroundPositionX:S,backgroundPositionY:S,...{rotate:R,rotateX:R,rotateY:R,rotateZ:R,scale:g,scaleX:g,scaleY:g,scaleZ:g,skew:R,skewX:R,skewY:R,distance:S,translateX:S,translateY:S,translateZ:S,x:S,y:S,z:S,perspective:S,transformPerspective:S,opacity:u,originX:L,originY:L,originZ:S},zIndex:M,fillOpacity:u,strokeOpacity:u,numOctaves:M},j=(t,r)=>r&&"number"==typeof t?r.transform(t):t,q=t=>Boolean(t&&t.getVelocity);function G(t,r){return r.max===r.min?0:t/(r.max-r.min)*100}const J={correct:(t,r)=>{if(!r.target)return t;if("string"==typeof t){if(!S.test(t))return t;t=parseFloat(t)}return`${G(t,r.target.x)}% ${G(t,r.target.y)}%`}},K={correct:(t,{treeScale:r,projectionDelta:e})=>{const s=t,a=D.parse(t);if(a.length>5)return s;const n=D.createTransformer(t),o="number"!=typeof a[0]?1:0,i=e.x.scale*r.x,f=e.y.scale*r.y;a[0+o]/=i,a[1+o]/=f;const l=H(i,f,.5);return"number"==typeof a[2+o]&&(a[2+o]/=l),"number"==typeof a[3+o]&&(a[3+o]/=l),n(a)}},U={borderRadius:{...J,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:J,borderTopRightRadius:J,borderBottomLeftRadius:J,borderBottomRightRadius:J,boxShadow:K};function Q(t,{layout:r,layoutId:e}){return C.has(t)||t.startsWith("origin")||(r||void 0!==e)&&(!!U[t]||"opacity"===t)}const _={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},tt=z.length;function rt(t,r,e){const{style:s,vars:a,transformOrigin:n}=t;let o=!1,i=!1;for(const t in r){const e=r[t];if(C.has(t))o=!0;else if(f(t))a[t]=e;else{const r=j(e,N[t]);t.startsWith("origin")?(i=!0,n[t]=r):s[t]=r}}if(r.transform||(o||e?s.transform=function(t,r,e){let s="",a=!0;for(let n=0;n<tt;n++){const o=z[n],i=t[o];if(void 0===i)continue;let f=!0;if(f="number"==typeof i?i===(o.startsWith("scale")?1:0):0===parseFloat(i),!f||e){const t=j(i,N[o]);f||(a=!1,s+=`${_[o]||o}(${t}) `),e&&(r[o]=t)}}return s=s.trim(),e?s=e(r,a?"":s):a&&(s="none"),s}(r,t.transform,e):s.transform&&(s.transform="none")),i){const{originX:t="50%",originY:r="50%",originZ:e=0}=n;s.transformOrigin=`${t} ${r} ${e}`}}const et={offset:"stroke-dashoffset",array:"stroke-dasharray"},st={offset:"strokeDashoffset",array:"strokeDasharray"};const at=["offsetDistance","offsetPath","offsetRotate","offsetAnchor"];function nt(t,{attrX:r,attrY:e,attrScale:s,pathLength:a,pathSpacing:n=1,pathOffset:o=0,...i},f,l,d){if(rt(t,i,l),f)return void(t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox));t.attrs=t.style,t.style={};const{attrs:c,style:p}=t;c.transform&&(p.transform=c.transform,delete c.transform),(p.transform||c.transformOrigin)&&(p.transformOrigin=c.transformOrigin??"50% 50%",delete c.transformOrigin),p.transform&&(p.transformBox=d?.transformBox??"fill-box",delete c.transformBox);for(const t of at)void 0!==c[t]&&(p[t]=c[t],delete c[t]);void 0!==r&&(c.x=r),void 0!==e&&(c.y=e),void 0!==s&&(c.scale=s),void 0!==a&&function(t,r,e=1,s=0,a=!0){t.pathLength=1;const n=a?et:st;t[n.offset]=S.transform(-s);const o=S.transform(r),i=S.transform(e);t[n.array]=`${o} ${i}`}(c,a,n,o,!1)}const ot=t=>"string"==typeof t&&"svg"===t.toLowerCase(),it=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function ft(t){return"string"==typeof t&&!t.includes("-")&&!!(it.indexOf(t)>-1||/[A-Z]/u.test(t))}function lt(t){const r=[{},{}];return t?.values.forEach((t,e)=>{r[0][e]=t.get(),r[1][e]=t.getVelocity()}),r}function dt(t,r,e,s){if("function"==typeof r){const[a,n]=lt(s);r=r(void 0!==e?e:t.custom,a,n)}if("string"==typeof r&&(r=t.variants&&t.variants[r]),"function"==typeof r){const[a,n]=lt(s);r=r(void 0!==e?e:t.custom,a,n)}return r}function ct(t,r,e){const{style:s}=t,a={};for(const n in s)(q(s[n])||r.style&&q(r.style[n])||Q(n,t)||void 0!==e?.getValue(n)?.liveStyle)&&(a[n]=s[n]);return a}function pt(t,r,e){const s=ct(t,r,e);for(const e in t)if(q(t[e])||q(r[e])){s[-1!==z.indexOf(e)?"attr"+e.charAt(0).toUpperCase()+e.substring(1):e]=t[e]}return s}const ut="undefined"!=typeof window,gt={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},mt={};for(const t in gt)mt[t]={isEnabled:r=>gt[t].some(t=>!!r[t])};const ht=t=>t.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),yt="data-"+ht("framerAppearId");export{S as A,z as B,I as C,R as D,$ as E,T as F,h as G,N as H,C as I,a as J,s as K,f as L,ht as M,e as a,q as b,Q as c,rt as d,nt as e,ot as f,ft as g,o as h,n as i,r as j,pt as k,ut as l,mt as m,H as n,yt as o,x as p,O as q,dt as r,ct as s,B as t,d as u,F as v,D as w,P as x,t as y,p as z};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createContext as t}from"react";const r=(t,r,e)=>e>r?r:e<t?t:e,e=t({});function s(t){return null!==t&&"object"==typeof t&&"function"==typeof t.start}function a(t){return"string"==typeof t||Array.isArray(t)}const n=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],o=["initial",...n];function i(t){return s(t.animate)||o.some(r=>a(t[r]))}function
|
|
1
|
+
import{createContext as t}from"react";const r=(t,r,e)=>e>r?r:e<t?t:e,e=t({});function s(t){return null!==t&&"object"==typeof t&&"function"==typeof t.start}function a(t){return"string"==typeof t||Array.isArray(t)}const n=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],o=["initial",...n];function i(t){return s(t.animate)||o.some(r=>a(t[r]))}function f(t){return Boolean(i(t)||t.variants)}const l=t=>r=>"string"==typeof r&&r.startsWith(t),c=l("--"),d=l("var(--"),p=t=>!!d(t)&&u.test(t.split("/*")[0].trim()),u=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,g={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},m={...g,transform:t=>r(0,1,t)},h={...g,default:1},y=t=>Math.round(1e5*t)/1e5,b=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;const v=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,w=(t,r)=>e=>Boolean("string"==typeof e&&v.test(e)&&e.startsWith(t)||r&&!function(t){return null==t}(e)&&Object.prototype.hasOwnProperty.call(e,r)),x=(t,r,e)=>s=>{if("string"!=typeof s)return s;const[a,n,o,i]=s.match(b);return{[t]:parseFloat(a),[r]:parseFloat(n),[e]:parseFloat(o),alpha:void 0!==i?parseFloat(i):1}},B={...g,transform:t=>Math.round((t=>r(0,255,t))(t))},k={test:w("rgb","red"),parse:x("red","green","blue"),transform:({red:t,green:r,blue:e,alpha:s=1})=>"rgba("+B.transform(t)+", "+B.transform(r)+", "+B.transform(e)+", "+y(m.transform(s))+")"};const R={test:w("#"),parse:function(t){let r="",e="",s="",a="";return t.length>5?(r=t.substring(1,3),e=t.substring(3,5),s=t.substring(5,7),a=t.substring(7,9)):(r=t.substring(1,2),e=t.substring(2,3),s=t.substring(3,4),a=t.substring(4,5),r+=r,e+=e,s+=s,a+=a),{red:parseInt(r,16),green:parseInt(e,16),blue:parseInt(s,16),alpha:a?parseInt(a,16)/255:1}},transform:k.transform},I=t=>({test:r=>"string"==typeof r&&r.endsWith(t)&&1===r.split(" ").length,parse:parseFloat,transform:r=>`${r}${t}`}),S=I("deg"),O=I("%"),T=I("px"),$=I("vh"),L=I("vw"),P=(()=>({...O,parse:t=>O.parse(t)/100,transform:t=>O.transform(100*t)}))(),F={test:w("hsl","hue"),parse:x("hue","saturation","lightness"),transform:({hue:t,saturation:r,lightness:e,alpha:s=1})=>"hsla("+Math.round(t)+", "+O.transform(y(r))+", "+O.transform(y(e))+", "+y(m.transform(s))+")"},W={test:t=>k.test(t)||R.test(t)||F.test(t),parse:t=>k.test(t)?k.parse(t):F.test(t)?F.parse(t):R.parse(t),transform:t=>"string"==typeof t?t:t.hasOwnProperty("red")?k.transform(t):F.transform(t),getAnimatableNone:t=>{const r=W.parse(t);return r.alpha=0,W.transform(r)}},X=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;const Y="number",E="color",A=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function Z(t){const r=t.toString(),e=[],s={color:[],number:[],var:[]},a=[];let n=0;const o=r.replace(A,t=>(W.test(t)?(s.color.push(n),a.push(E),e.push(W.parse(t))):t.startsWith("var(")?(s.var.push(n),a.push("var"),e.push(t)):(s.number.push(n),a.push(Y),e.push(parseFloat(t))),++n,"${}")).split("${}");return{values:e,split:o,indexes:s,types:a}}function V(t){return Z(t).values}function D(t){const{split:r,types:e}=Z(t),s=r.length;return t=>{let a="";for(let n=0;n<s;n++)if(a+=r[n],void 0!==t[n]){const r=e[n];a+=r===Y?y(t[n]):r===E?W.transform(t[n]):t[n]}return a}}const H=t=>"number"==typeof t?0:W.test(t)?W.getAnimatableNone(t):t;const j={test:function(t){return isNaN(t)&&"string"==typeof t&&(t.match(b)?.length||0)+(t.match(X)?.length||0)>0},parse:V,createTransformer:D,getAnimatableNone:function(t){const r=V(t);return D(t)(r.map(H))}},z=(t,r,e)=>t+(r-t)*e,C=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],N=(()=>new Set(C))(),M={...g,transform:Math.round},q={borderWidth:T,borderTopWidth:T,borderRightWidth:T,borderBottomWidth:T,borderLeftWidth:T,borderRadius:T,radius:T,borderTopLeftRadius:T,borderTopRightRadius:T,borderBottomRightRadius:T,borderBottomLeftRadius:T,width:T,maxWidth:T,height:T,maxHeight:T,top:T,right:T,bottom:T,left:T,inset:T,insetBlock:T,insetBlockStart:T,insetBlockEnd:T,insetInline:T,insetInlineStart:T,insetInlineEnd:T,padding:T,paddingTop:T,paddingRight:T,paddingBottom:T,paddingLeft:T,paddingBlock:T,paddingBlockStart:T,paddingBlockEnd:T,paddingInline:T,paddingInlineStart:T,paddingInlineEnd:T,margin:T,marginTop:T,marginRight:T,marginBottom:T,marginLeft:T,marginBlock:T,marginBlockStart:T,marginBlockEnd:T,marginInline:T,marginInlineStart:T,marginInlineEnd:T,backgroundPositionX:T,backgroundPositionY:T,...{rotate:S,rotateX:S,rotateY:S,rotateZ:S,scale:h,scaleX:h,scaleY:h,scaleZ:h,skew:S,skewX:S,skewY:S,distance:T,translateX:T,translateY:T,translateZ:T,x:T,y:T,z:T,perspective:T,transformPerspective:T,opacity:m,originX:P,originY:P,originZ:T},zIndex:M,fillOpacity:m,strokeOpacity:m,numOctaves:M},G=(t,r)=>r&&"number"==typeof t?r.transform(t):t,J=t=>Boolean(t&&t.getVelocity);function K(t,r){return r.max===r.min?0:t/(r.max-r.min)*100}const Q={correct:(t,r)=>{if(!r.target)return t;if("string"==typeof t){if(!T.test(t))return t;t=parseFloat(t)}return`${K(t,r.target.x)}% ${K(t,r.target.y)}%`}},U={correct:(t,{treeScale:r,projectionDelta:e})=>{const s=t,a=j.parse(t);if(a.length>5)return s;const n=j.createTransformer(t),o="number"!=typeof a[0]?1:0,i=e.x.scale*r.x,f=e.y.scale*r.y;a[0+o]/=i,a[1+o]/=f;const l=z(i,f,.5);return"number"==typeof a[2+o]&&(a[2+o]/=l),"number"==typeof a[3+o]&&(a[3+o]/=l),n(a)}},_={borderRadius:{...Q,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:Q,borderTopRightRadius:Q,borderBottomLeftRadius:Q,borderBottomRightRadius:Q,boxShadow:U};function tt(t,{layout:r,layoutId:e}){return N.has(t)||t.startsWith("origin")||(r||void 0!==e)&&(!!_[t]||"opacity"===t)}const rt={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},et=C.length;function st(t,r,e){const{style:s,vars:a,transformOrigin:n}=t;let o=!1,i=!1;for(const t in r){const e=r[t];if(N.has(t))o=!0;else if(c(t))a[t]=e;else{const r=G(e,q[t]);t.startsWith("origin")?(i=!0,n[t]=r):s[t]=r}}if(r.transform||(o||e?s.transform=function(t,r,e){let s="",a=!0;for(let n=0;n<et;n++){const o=C[n],i=t[o];if(void 0===i)continue;let f=!0;if(f="number"==typeof i?i===(o.startsWith("scale")?1:0):0===parseFloat(i),!f||e){const t=G(i,q[o]);f||(a=!1,s+=`${rt[o]||o}(${t}) `),e&&(r[o]=t)}}return s=s.trim(),e?s=e(r,a?"":s):a&&(s="none"),s}(r,t.transform,e):s.transform&&(s.transform="none")),i){const{originX:t="50%",originY:r="50%",originZ:e=0}=n;s.transformOrigin=`${t} ${r} ${e}`}}const at={offset:"stroke-dashoffset",array:"stroke-dasharray"},nt={offset:"strokeDashoffset",array:"strokeDasharray"};const ot=["offsetDistance","offsetPath","offsetRotate","offsetAnchor"];function it(t,{attrX:r,attrY:e,attrScale:s,pathLength:a,pathSpacing:n=1,pathOffset:o=0,...i},f,l,c){if(st(t,i,l),f)return void(t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox));t.attrs=t.style,t.style={};const{attrs:d,style:p}=t;d.transform&&(p.transform=d.transform,delete d.transform),(p.transform||d.transformOrigin)&&(p.transformOrigin=d.transformOrigin??"50% 50%",delete d.transformOrigin),p.transform&&(p.transformBox=c?.transformBox??"fill-box",delete d.transformBox);for(const t of ot)void 0!==d[t]&&(p[t]=d[t],delete d[t]);void 0!==r&&(d.x=r),void 0!==e&&(d.y=e),void 0!==s&&(d.scale=s),void 0!==a&&function(t,r,e=1,s=0,a=!0){t.pathLength=1;const n=a?at:nt;t[n.offset]=T.transform(-s);const o=T.transform(r),i=T.transform(e);t[n.array]=`${o} ${i}`}(d,a,n,o,!1)}const ft=t=>"string"==typeof t&&"svg"===t.toLowerCase(),lt=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function ct(t){return"string"==typeof t&&!t.includes("-")&&!!(lt.indexOf(t)>-1||/[A-Z]/u.test(t))}const dt=t(null);function pt(t){const r=[{},{}];return t?.values.forEach((t,e)=>{r[0][e]=t.get(),r[1][e]=t.getVelocity()}),r}function ut(t,r,e,s){if("function"==typeof r){const[a,n]=pt(s);r=r(void 0!==e?e:t.custom,a,n)}if("string"==typeof r&&(r=t.variants&&t.variants[r]),"function"==typeof r){const[a,n]=pt(s);r=r(void 0!==e?e:t.custom,a,n)}return r}function gt(t){return J(t)?t.get():t}function mt(t,r,e){const{style:s}=t,a={};for(const n in s)(J(s[n])||r.style&&J(r.style[n])||tt(n,t)||void 0!==e?.getValue(n)?.liveStyle)&&(a[n]=s[n]);return a}function ht(t,r,e){const s=mt(t,r,e);for(const e in t)if(J(t[e])||J(r[e])){s[-1!==C.indexOf(e)?"attr"+e.charAt(0).toUpperCase()+e.substring(1):e]=t[e]}return s}const yt="undefined"!=typeof window,bt={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},vt={};for(const t in bt)vt[t]={isEnabled:r=>bt[t].some(t=>!!r[t])};function wt(t){return t&&"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}const xt=t=>t.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),Bt="data-"+xt("framerAppearId"),kt=t({});export{r as A,g as B,T as C,C as D,O as E,S as F,L as G,$ as H,b as I,q as J,N as K,e as L,_ as M,c as N,o as O,dt as P,n as Q,xt as R,kt as S,a,J as b,tt as c,st as d,it as e,ft as f,ct as g,f as h,i,s as j,ut as k,ht as l,wt as m,yt as n,Bt as o,vt as p,z as q,gt as r,mt as s,k as t,F as u,R as v,p as w,W as x,j as y,Z as z};
|
package/dist/size-rollup-m.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as t,jsx as n}from"react/jsx-runtime";import{createContext as r,useContext as e,useMemo as o,Fragment as a,createElement as s,useRef as i,useCallback as l,useLayoutEffect as u,useEffect as c,useInsertionEffect as f,forwardRef as d}from"react";const p=(t,n,r)=>r>n?n:r<t?t:r,m=r({}),g=r({strict:!1}),h=r({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"}),y=r({});function v(t){return null!==t&&"object"==typeof t&&"function"==typeof t.start}function b(t){return"string"==typeof t||Array.isArray(t)}const w=["initial","animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"];function S(t){return v(t.animate)||w.some(n=>b(t[n]))}function x(t){const{initial:n,animate:r}=function(t,n){if(S(t)){const{initial:n,animate:r}=t;return{initial:!1===n||b(n)?n:void 0,animate:b(r)?r:void 0}}return!1!==t.inherit?n:{}}(t,e(y));return o(()=>({initial:n,animate:r}),[k(n),k(r)])}function k(t){return Array.isArray(t)?t.join(" "):t}const B=(t=>n=>"string"==typeof n&&n.startsWith(t))("--"),T={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},I={...T,transform:t=>p(0,1,t)},R={...T,default:1},M=t=>Math.round(1e5*t)/1e5,O=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;const P=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,E=(t,n)=>r=>Boolean("string"==typeof r&&P.test(r)&&r.startsWith(t)||n&&!function(t){return null==t}(r)&&Object.prototype.hasOwnProperty.call(r,n)),L=(t,n,r)=>e=>{if("string"!=typeof e)return e;const[o,a,s,i]=e.match(O);return{[t]:parseFloat(o),[n]:parseFloat(a),[r]:parseFloat(s),alpha:void 0!==i?parseFloat(i):1}},W={...T,transform:t=>Math.round((t=>p(0,255,t))(t))},A={test:E("rgb","red"),parse:L("red","green","blue"),transform:({red:t,green:n,blue:r,alpha:e=1})=>"rgba("+W.transform(t)+", "+W.transform(n)+", "+W.transform(r)+", "+M(I.transform(e))+")"};const C={test:E("#"),parse:function(t){let n="",r="",e="",o="";return t.length>5?(n=t.substring(1,3),r=t.substring(3,5),e=t.substring(5,7),o=t.substring(7,9)):(n=t.substring(1,2),r=t.substring(2,3),e=t.substring(3,4),o=t.substring(4,5),n+=n,r+=r,e+=e,o+=o),{red:parseInt(n,16),green:parseInt(r,16),blue:parseInt(e,16),alpha:o?parseInt(o,16)/255:1}},transform:A.transform},j=t=>({test:n=>"string"==typeof n&&n.endsWith(t)&&1===n.split(" ").length,parse:parseFloat,transform:n=>`${n}${t}`}),$=j("deg"),V=j("%"),F=j("px"),X=(()=>({...V,parse:t=>V.parse(t)/100,transform:t=>V.transform(100*t)}))(),Y={test:E("hsl","hue"),parse:L("hue","saturation","lightness"),transform:({hue:t,saturation:n,lightness:r,alpha:e=1})=>"hsla("+Math.round(t)+", "+V.transform(M(n))+", "+V.transform(M(r))+", "+M(I.transform(e))+")"},D={test:t=>A.test(t)||C.test(t)||Y.test(t),parse:t=>A.test(t)?A.parse(t):Y.test(t)?Y.parse(t):C.parse(t),transform:t=>"string"==typeof t?t:t.hasOwnProperty("red")?A.transform(t):Y.transform(t),getAnimatableNone:t=>{const n=D.parse(t);return n.alpha=0,D.transform(n)}},H=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;const N="number",Z="color",z=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function U(t){const n=t.toString(),r=[],e={color:[],number:[],var:[]},o=[];let a=0;const s=n.replace(z,t=>(D.test(t)?(e.color.push(a),o.push(Z),r.push(D.parse(t))):t.startsWith("var(")?(e.var.push(a),o.push("var"),r.push(t)):(e.number.push(a),o.push(N),r.push(parseFloat(t))),++a,"${}")).split("${}");return{values:r,split:s,indexes:e,types:o}}function q(t){return U(t).values}function _(t){const{split:n,types:r}=U(t),e=n.length;return t=>{let o="";for(let a=0;a<e;a++)if(o+=n[a],void 0!==t[a]){const n=r[a];o+=n===N?M(t[a]):n===Z?D.transform(t[a]):t[a]}return o}}const G=t=>"number"==typeof t?0:D.test(t)?D.getAnimatableNone(t):t;const J={test:function(t){return isNaN(t)&&"string"==typeof t&&(t.match(O)?.length||0)+(t.match(H)?.length||0)>0},parse:q,createTransformer:_,getAnimatableNone:function(t){const n=q(t);return _(t)(n.map(G))}},K=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],Q=(()=>new Set(K))(),tt={...T,transform:Math.round},nt={borderWidth:F,borderTopWidth:F,borderRightWidth:F,borderBottomWidth:F,borderLeftWidth:F,borderRadius:F,radius:F,borderTopLeftRadius:F,borderTopRightRadius:F,borderBottomRightRadius:F,borderBottomLeftRadius:F,width:F,maxWidth:F,height:F,maxHeight:F,top:F,right:F,bottom:F,left:F,inset:F,insetBlock:F,insetBlockStart:F,insetBlockEnd:F,insetInline:F,insetInlineStart:F,insetInlineEnd:F,padding:F,paddingTop:F,paddingRight:F,paddingBottom:F,paddingLeft:F,paddingBlock:F,paddingBlockStart:F,paddingBlockEnd:F,paddingInline:F,paddingInlineStart:F,paddingInlineEnd:F,margin:F,marginTop:F,marginRight:F,marginBottom:F,marginLeft:F,marginBlock:F,marginBlockStart:F,marginBlockEnd:F,marginInline:F,marginInlineStart:F,marginInlineEnd:F,backgroundPositionX:F,backgroundPositionY:F,...{rotate:$,rotateX:$,rotateY:$,rotateZ:$,scale:R,scaleX:R,scaleY:R,scaleZ:R,skew:$,skewX:$,skewY:$,distance:F,translateX:F,translateY:F,translateZ:F,x:F,y:F,z:F,perspective:F,transformPerspective:F,opacity:I,originX:X,originY:X,originZ:F},zIndex:tt,fillOpacity:I,strokeOpacity:I,numOctaves:tt},rt=(t,n)=>n&&"number"==typeof t?n.transform(t):t,et=t=>Boolean(t&&t.getVelocity);function ot(t,n){return n.max===n.min?0:t/(n.max-n.min)*100}const at={correct:(t,n)=>{if(!n.target)return t;if("string"==typeof t){if(!F.test(t))return t;t=parseFloat(t)}return`${ot(t,n.target.x)}% ${ot(t,n.target.y)}%`}},st={correct:(t,{treeScale:n,projectionDelta:r})=>{const e=t,o=J.parse(t);if(o.length>5)return e;const a=J.createTransformer(t),s="number"!=typeof o[0]?1:0,i=r.x.scale*n.x,l=r.y.scale*n.y;o[0+s]/=i,o[1+s]/=l;const u=(c=i)+(l-c)*.5;var c;return"number"==typeof o[2+s]&&(o[2+s]/=u),"number"==typeof o[3+s]&&(o[3+s]/=u),a(o)}},it={borderRadius:{...at,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:at,borderTopRightRadius:at,borderBottomLeftRadius:at,borderBottomRightRadius:at,boxShadow:st};function lt(t,{layout:n,layoutId:r}){return Q.has(t)||t.startsWith("origin")||(n||void 0!==r)&&(!!it[t]||"opacity"===t)}const ut={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},ct=K.length;function ft(t,n,r){const{style:e,vars:o,transformOrigin:a}=t;let s=!1,i=!1;for(const t in n){const r=n[t];if(Q.has(t))s=!0;else if(B(t))o[t]=r;else{const n=rt(r,nt[t]);t.startsWith("origin")?(i=!0,a[t]=n):e[t]=n}}if(n.transform||(s||r?e.transform=function(t,n,r){let e="",o=!0;for(let a=0;a<ct;a++){const s=K[a],i=t[s];if(void 0===i)continue;let l=!0;if(l="number"==typeof i?i===(s.startsWith("scale")?1:0):0===parseFloat(i),!l||r){const t=rt(i,nt[s]);l||(o=!1,e+=`${ut[s]||s}(${t}) `),r&&(n[s]=t)}}return e=e.trim(),r?e=r(n,o?"":e):o&&(e="none"),e}(n,t.transform,r):e.transform&&(e.transform="none")),i){const{originX:t="50%",originY:n="50%",originZ:r=0}=a;e.transformOrigin=`${t} ${n} ${r}`}}const dt=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function pt(t,n,r){for(const e in n)et(n[e])||lt(e,r)||(t[e]=n[e])}function mt(t,n){const r={};return pt(r,t.style||{},t),Object.assign(r,function({transformTemplate:t},n){return o(()=>{const r={style:{},transform:{},transformOrigin:{},vars:{}};return ft(r,n,t),Object.assign({},r.vars,r.style)},[n])}(t,n)),r}function gt(t,n){const r={},e=mt(t,n);return t.drag&&!1!==t.dragListener&&(r.draggable=!1,e.userSelect=e.WebkitUserSelect=e.WebkitTouchCallout="none",e.touchAction=!0===t.drag?"none":"pan-"+("x"===t.drag?"y":"x")),void 0===t.tabIndex&&(t.onTap||t.onTapStart||t.whileTap)&&(r.tabIndex=0),r.style=e,r}const ht={offset:"stroke-dashoffset",array:"stroke-dasharray"},yt={offset:"strokeDashoffset",array:"strokeDasharray"};function vt(t,{attrX:n,attrY:r,attrScale:e,pathLength:o,pathSpacing:a=1,pathOffset:s=0,...i},l,u,c){if(ft(t,i,u),l)return void(t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox));t.attrs=t.style,t.style={};const{attrs:f,style:d}=t;f.transform&&(d.transform=f.transform,delete f.transform),(d.transform||f.transformOrigin)&&(d.transformOrigin=f.transformOrigin??"50% 50%",delete f.transformOrigin),d.transform&&(d.transformBox=c?.transformBox??"fill-box",delete f.transformBox),void 0!==n&&(f.x=n),void 0!==r&&(f.y=r),void 0!==e&&(f.scale=e),void 0!==o&&function(t,n,r=1,e=0,o=!0){t.pathLength=1;const a=o?ht:yt;t[a.offset]=F.transform(-e);const s=F.transform(n),i=F.transform(r);t[a.array]=`${s} ${i}`}(f,o,a,s,!1)}const bt=()=>({style:{},transform:{},transformOrigin:{},vars:{},attrs:{}});function wt(t,n,r,e){const a=o(()=>{const r={style:{},transform:{},transformOrigin:{},vars:{},attrs:{}};var o;return vt(r,n,"string"==typeof(o=e)&&"svg"===o.toLowerCase(),t.transformTemplate,t.style),{...r.attrs,style:{...r.style}}},[n]);if(t.style){const n={};pt(n,t.style,t),a.style={...n,...a.style}}return a}const St=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","ignoreStrict","viewport"]);function xt(t){return t.startsWith("while")||t.startsWith("drag")&&"draggable"!==t||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||t.startsWith("onLayout")||St.has(t)}let kt=t=>!xt(t);try{"function"==typeof(Bt=require("@emotion/is-prop-valid").default)&&(kt=t=>t.startsWith("on")?!xt(t):Bt(t))}catch{}var Bt;const Tt=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function It(t){return"string"==typeof t&&!t.includes("-")&&!!(Tt.indexOf(t)>-1||/[A-Z]/u.test(t))}function Rt(t,n,r,{latestValues:e},i,l=!1,u){const c=(u??It(t)?wt:gt)(n,e,i,t),f=function(t,n,r){const e={};for(const o in t)"values"===o&&"object"==typeof t.values||(kt(o)||!0===r&&xt(o)||!n&&!xt(o)||t.draggable&&o.startsWith("onDrag"))&&(e[o]=t[o]);return e}(n,"string"==typeof t,l),d=t!==a?{...f,...c,ref:r}:{},{children:p}=n,m=o(()=>et(p)?p.get():p,[p]);return s(t,{...d,children:m})}const Mt=r(null);function Ot(t,n,r,e){if("function"==typeof n){const[r,e]=[{},{}];n=n(t.custom,r,e)}if("string"==typeof n&&(n=t.variants&&t.variants[n]),"function"==typeof n){const[r,e]=[{},{}];n=n(t.custom,r,e)}return n}function Pt(t){return et(t)?t.get():t}function Et(t,n,r,e){const o={},a=e(t,{});for(const t in a)o[t]=Pt(a[t]);let{initial:s,animate:i}=t;const l=S(t),u=function(t){return Boolean(S(t)||t.variants)}(t);n&&u&&!l&&!1!==t.inherit&&(void 0===s&&(s=n.initial),void 0===i&&(i=n.animate));let c=!!r&&!1===r.initial;c=c||!1===s;const f=c?i:s;if(f&&"boolean"!=typeof f&&!v(f)){const n=Array.isArray(f)?f:[f];for(let r=0;r<n.length;r++){const e=Ot(t,n[r]);if(e){const{transitionEnd:t,transition:n,...r}=e;for(const t in r){let n=r[t];if(Array.isArray(n)){n=n[c?n.length-1:0]}null!==n&&(o[t]=n)}for(const n in t)o[n]=t[n]}}}return o}const Lt=t=>(n,r)=>{const o=e(y),a=e(Mt),s=()=>function({scrapeMotionValuesFromProps:t,createRenderState:n},r,e,o){return{latestValues:Et(r,e,o,t),renderState:n()}}(t,n,o,a);return r?s():function(t){const n=i(null);return null===n.current&&(n.current=t()),n.current}(s)};function Wt(t,n,r){const{style:e}=t,o={};for(const a in e)(et(e[a])||n.style&&et(n.style[a])||lt(a,t)||void 0!==r?.getValue(a)?.liveStyle)&&(o[a]=e[a]);return o}const At=Lt({scrapeMotionValuesFromProps:Wt,createRenderState:dt});const Ct=Lt({scrapeMotionValuesFromProps:function(t,n,r){const e=Wt(t,n,r);for(const r in t)if(et(t[r])||et(n[r])){e[-1!==K.indexOf(r)?"attr"+r.charAt(0).toUpperCase()+r.substring(1):r]=t[r]}return e},createRenderState:bt}),jt="undefined"!=typeof window,$t={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},Vt={};for(const t in $t)Vt[t]={isEnabled:n=>$t[t].some(t=>!!n[t])};const Ft=Symbol.for("motionComponentSymbol");function Xt(t){return t&&"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function Yt(t,n,r){return l(e=>{e&&t.onMount&&t.onMount(e),n&&(e?n.mount(e):n.unmount()),r&&("function"==typeof r?r(e):Xt(r)&&(r.current=e))},[n])}const Dt="data-"+"framerAppearId".replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase();const Ht=r({}),Nt=jt?u:c;function Zt(t,n,r,o,a,s){const{visualElement:l}=e(y),u=e(g),d=e(Mt),p=e(h).reducedMotion,m=i(null);o=o||u.renderer,!m.current&&o&&(m.current=o(t,{visualState:n,parent:l,props:r,presenceContext:d,blockInitialAnimation:!!d&&!1===d.initial,reducedMotionConfig:p,isSVG:s}));const v=m.current,b=e(Ht);!v||v.projection||!a||"html"!==v.type&&"svg"!==v.type||function(t,n,r,e){const{layoutId:o,layout:a,drag:s,dragConstraints:i,layoutScroll:l,layoutRoot:u,layoutCrossfade:c}=n;t.projection=new r(t.latestValues,n["data-framer-portal-id"]?void 0:zt(t.parent)),t.projection.setOptions({layoutId:o,layout:a,alwaysMeasureLayout:Boolean(s)||i&&Xt(i),visualElement:t,animationType:"string"==typeof a?a:"both",initialPromotionConfig:e,crossfade:c,layoutScroll:l,layoutRoot:u})}(m.current,r,a,b);const w=i(!1);f(()=>{v&&w.current&&v.update(r,d)});const S=r[Dt],x=i(Boolean(S)&&!window.MotionHandoffIsComplete?.(S)&&window.MotionHasOptimisedAnimation?.(S));return Nt(()=>{v&&(w.current=!0,window.MotionIsMounted=!0,v.updateFeatures(),v.scheduleRenderMicrotask(),x.current&&v.animationState&&v.animationState.animateChanges())}),c(()=>{v&&(!x.current&&v.animationState&&v.animationState.animateChanges(),x.current&&(queueMicrotask(()=>{window.MotionHandoffMarkAsComplete?.(S)}),x.current=!1),v.enteringChildren=void 0)}),v}function zt(t){if(t)return!1!==t.options.allowProjection?t.projection:zt(t.parent)}function Ut(r,{forwardMotionProps:o=!1,type:a}={},s,i){const l=a?"svg"===a:It(r),u=l?Ct:At;function c(a,s){let c;const f={...e(h),...a,layoutId:qt(a)},{isStatic:d}=f,p=x(a),m=u(a,d);if(!d&&jt){e(g).strict;const t=function(t){const{drag:n,layout:r}=Vt;if(!n&&!r)return{};const e={...n,...r};return{MeasureLayout:n?.isEnabled(t)||r?.isEnabled(t)?e.MeasureLayout:void 0,ProjectionNode:e.ProjectionNode}}(f);c=t.MeasureLayout,p.visualElement=Zt(r,m,f,i,t.ProjectionNode,l)}return t(y.Provider,{value:p,children:[c&&p.visualElement?n(c,{visualElement:p.visualElement,...f}):null,Rt(r,a,Yt(m,p.visualElement,s),m,d,o,l)]})}c.displayName=`motion.${"string"==typeof r?r:`create(${r.displayName??r.name??""})`}`;const f=d(c);return f[Ft]=r,f}function qt({layoutId:t}){const n=e(m).id;return n&&void 0!==t?n+"-"+t:t}function _t(t,n){return Ut(t,n)}const Gt=_t("div");export{Gt as MotionDiv};
|
|
1
|
+
import{jsxs as t,jsx as n}from"react/jsx-runtime";import{createContext as r,useContext as e,useMemo as o,Fragment as a,createElement as s,useRef as i,useCallback as l,useLayoutEffect as u,useEffect as c,useInsertionEffect as f,forwardRef as d}from"react";const p=(t,n,r)=>r>n?n:r<t?t:r,m=r({}),g=r({strict:!1}),h=r({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"}),y=r({});function v(t){return null!==t&&"object"==typeof t&&"function"==typeof t.start}function b(t){return"string"==typeof t||Array.isArray(t)}const w=["initial","animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"];function S(t){return v(t.animate)||w.some(n=>b(t[n]))}function x(t){const{initial:n,animate:r}=function(t,n){if(S(t)){const{initial:n,animate:r}=t;return{initial:!1===n||b(n)?n:void 0,animate:b(r)?r:void 0}}return!1!==t.inherit?n:{}}(t,e(y));return o(()=>({initial:n,animate:r}),[k(n),k(r)])}function k(t){return Array.isArray(t)?t.join(" "):t}const B=(t=>n=>"string"==typeof n&&n.startsWith(t))("--"),R={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},T={...R,transform:t=>p(0,1,t)},I={...R,default:1},M=t=>Math.round(1e5*t)/1e5,P=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;const O=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,E=(t,n)=>r=>Boolean("string"==typeof r&&O.test(r)&&r.startsWith(t)||n&&!function(t){return null==t}(r)&&Object.prototype.hasOwnProperty.call(r,n)),L=(t,n,r)=>e=>{if("string"!=typeof e)return e;const[o,a,s,i]=e.match(P);return{[t]:parseFloat(o),[n]:parseFloat(a),[r]:parseFloat(s),alpha:void 0!==i?parseFloat(i):1}},W={...R,transform:t=>Math.round((t=>p(0,255,t))(t))},A={test:E("rgb","red"),parse:L("red","green","blue"),transform:({red:t,green:n,blue:r,alpha:e=1})=>"rgba("+W.transform(t)+", "+W.transform(n)+", "+W.transform(r)+", "+M(T.transform(e))+")"};const C={test:E("#"),parse:function(t){let n="",r="",e="",o="";return t.length>5?(n=t.substring(1,3),r=t.substring(3,5),e=t.substring(5,7),o=t.substring(7,9)):(n=t.substring(1,2),r=t.substring(2,3),e=t.substring(3,4),o=t.substring(4,5),n+=n,r+=r,e+=e,o+=o),{red:parseInt(n,16),green:parseInt(r,16),blue:parseInt(e,16),alpha:o?parseInt(o,16)/255:1}},transform:A.transform},j=t=>({test:n=>"string"==typeof n&&n.endsWith(t)&&1===n.split(" ").length,parse:parseFloat,transform:n=>`${n}${t}`}),$=j("deg"),V=j("%"),F=j("px"),X=(()=>({...V,parse:t=>V.parse(t)/100,transform:t=>V.transform(100*t)}))(),Y={test:E("hsl","hue"),parse:L("hue","saturation","lightness"),transform:({hue:t,saturation:n,lightness:r,alpha:e=1})=>"hsla("+Math.round(t)+", "+V.transform(M(n))+", "+V.transform(M(r))+", "+M(T.transform(e))+")"},D={test:t=>A.test(t)||C.test(t)||Y.test(t),parse:t=>A.test(t)?A.parse(t):Y.test(t)?Y.parse(t):C.parse(t),transform:t=>"string"==typeof t?t:t.hasOwnProperty("red")?A.transform(t):Y.transform(t),getAnimatableNone:t=>{const n=D.parse(t);return n.alpha=0,D.transform(n)}},H=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;const N="number",Z="color",z=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function U(t){const n=t.toString(),r=[],e={color:[],number:[],var:[]},o=[];let a=0;const s=n.replace(z,t=>(D.test(t)?(e.color.push(a),o.push(Z),r.push(D.parse(t))):t.startsWith("var(")?(e.var.push(a),o.push("var"),r.push(t)):(e.number.push(a),o.push(N),r.push(parseFloat(t))),++a,"${}")).split("${}");return{values:r,split:s,indexes:e,types:o}}function q(t){return U(t).values}function _(t){const{split:n,types:r}=U(t),e=n.length;return t=>{let o="";for(let a=0;a<e;a++)if(o+=n[a],void 0!==t[a]){const n=r[a];o+=n===N?M(t[a]):n===Z?D.transform(t[a]):t[a]}return o}}const G=t=>"number"==typeof t?0:D.test(t)?D.getAnimatableNone(t):t;const J={test:function(t){return isNaN(t)&&"string"==typeof t&&(t.match(P)?.length||0)+(t.match(H)?.length||0)>0},parse:q,createTransformer:_,getAnimatableNone:function(t){const n=q(t);return _(t)(n.map(G))}},K=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],Q=(()=>new Set(K))(),tt={...R,transform:Math.round},nt={borderWidth:F,borderTopWidth:F,borderRightWidth:F,borderBottomWidth:F,borderLeftWidth:F,borderRadius:F,radius:F,borderTopLeftRadius:F,borderTopRightRadius:F,borderBottomRightRadius:F,borderBottomLeftRadius:F,width:F,maxWidth:F,height:F,maxHeight:F,top:F,right:F,bottom:F,left:F,inset:F,insetBlock:F,insetBlockStart:F,insetBlockEnd:F,insetInline:F,insetInlineStart:F,insetInlineEnd:F,padding:F,paddingTop:F,paddingRight:F,paddingBottom:F,paddingLeft:F,paddingBlock:F,paddingBlockStart:F,paddingBlockEnd:F,paddingInline:F,paddingInlineStart:F,paddingInlineEnd:F,margin:F,marginTop:F,marginRight:F,marginBottom:F,marginLeft:F,marginBlock:F,marginBlockStart:F,marginBlockEnd:F,marginInline:F,marginInlineStart:F,marginInlineEnd:F,backgroundPositionX:F,backgroundPositionY:F,...{rotate:$,rotateX:$,rotateY:$,rotateZ:$,scale:I,scaleX:I,scaleY:I,scaleZ:I,skew:$,skewX:$,skewY:$,distance:F,translateX:F,translateY:F,translateZ:F,x:F,y:F,z:F,perspective:F,transformPerspective:F,opacity:T,originX:X,originY:X,originZ:F},zIndex:tt,fillOpacity:T,strokeOpacity:T,numOctaves:tt},rt=(t,n)=>n&&"number"==typeof t?n.transform(t):t,et=t=>Boolean(t&&t.getVelocity);function ot(t,n){return n.max===n.min?0:t/(n.max-n.min)*100}const at={correct:(t,n)=>{if(!n.target)return t;if("string"==typeof t){if(!F.test(t))return t;t=parseFloat(t)}return`${ot(t,n.target.x)}% ${ot(t,n.target.y)}%`}},st={correct:(t,{treeScale:n,projectionDelta:r})=>{const e=t,o=J.parse(t);if(o.length>5)return e;const a=J.createTransformer(t),s="number"!=typeof o[0]?1:0,i=r.x.scale*n.x,l=r.y.scale*n.y;o[0+s]/=i,o[1+s]/=l;const u=(c=i)+(l-c)*.5;var c;return"number"==typeof o[2+s]&&(o[2+s]/=u),"number"==typeof o[3+s]&&(o[3+s]/=u),a(o)}},it={borderRadius:{...at,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:at,borderTopRightRadius:at,borderBottomLeftRadius:at,borderBottomRightRadius:at,boxShadow:st};function lt(t,{layout:n,layoutId:r}){return Q.has(t)||t.startsWith("origin")||(n||void 0!==r)&&(!!it[t]||"opacity"===t)}const ut={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},ct=K.length;function ft(t,n,r){const{style:e,vars:o,transformOrigin:a}=t;let s=!1,i=!1;for(const t in n){const r=n[t];if(Q.has(t))s=!0;else if(B(t))o[t]=r;else{const n=rt(r,nt[t]);t.startsWith("origin")?(i=!0,a[t]=n):e[t]=n}}if(n.transform||(s||r?e.transform=function(t,n,r){let e="",o=!0;for(let a=0;a<ct;a++){const s=K[a],i=t[s];if(void 0===i)continue;let l=!0;if(l="number"==typeof i?i===(s.startsWith("scale")?1:0):0===parseFloat(i),!l||r){const t=rt(i,nt[s]);l||(o=!1,e+=`${ut[s]||s}(${t}) `),r&&(n[s]=t)}}return e=e.trim(),r?e=r(n,o?"":e):o&&(e="none"),e}(n,t.transform,r):e.transform&&(e.transform="none")),i){const{originX:t="50%",originY:n="50%",originZ:r=0}=a;e.transformOrigin=`${t} ${n} ${r}`}}const dt=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function pt(t,n,r){for(const e in n)et(n[e])||lt(e,r)||(t[e]=n[e])}function mt(t,n){const r={};return pt(r,t.style||{},t),Object.assign(r,function({transformTemplate:t},n){return o(()=>{const r={style:{},transform:{},transformOrigin:{},vars:{}};return ft(r,n,t),Object.assign({},r.vars,r.style)},[n])}(t,n)),r}function gt(t,n){const r={},e=mt(t,n);return t.drag&&!1!==t.dragListener&&(r.draggable=!1,e.userSelect=e.WebkitUserSelect=e.WebkitTouchCallout="none",e.touchAction=!0===t.drag?"none":"pan-"+("x"===t.drag?"y":"x")),void 0===t.tabIndex&&(t.onTap||t.onTapStart||t.whileTap)&&(r.tabIndex=0),r.style=e,r}const ht={offset:"stroke-dashoffset",array:"stroke-dasharray"},yt={offset:"strokeDashoffset",array:"strokeDasharray"};const vt=["offsetDistance","offsetPath","offsetRotate","offsetAnchor"];function bt(t,{attrX:n,attrY:r,attrScale:e,pathLength:o,pathSpacing:a=1,pathOffset:s=0,...i},l,u,c){if(ft(t,i,u),l)return void(t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox));t.attrs=t.style,t.style={};const{attrs:f,style:d}=t;f.transform&&(d.transform=f.transform,delete f.transform),(d.transform||f.transformOrigin)&&(d.transformOrigin=f.transformOrigin??"50% 50%",delete f.transformOrigin),d.transform&&(d.transformBox=c?.transformBox??"fill-box",delete f.transformBox);for(const t of vt)void 0!==f[t]&&(d[t]=f[t],delete f[t]);void 0!==n&&(f.x=n),void 0!==r&&(f.y=r),void 0!==e&&(f.scale=e),void 0!==o&&function(t,n,r=1,e=0,o=!0){t.pathLength=1;const a=o?ht:yt;t[a.offset]=F.transform(-e);const s=F.transform(n),i=F.transform(r);t[a.array]=`${s} ${i}`}(f,o,a,s,!1)}const wt=()=>({style:{},transform:{},transformOrigin:{},vars:{},attrs:{}});function St(t,n,r,e){const a=o(()=>{const r={style:{},transform:{},transformOrigin:{},vars:{},attrs:{}};var o;return bt(r,n,"string"==typeof(o=e)&&"svg"===o.toLowerCase(),t.transformTemplate,t.style),{...r.attrs,style:{...r.style}}},[n]);if(t.style){const n={};pt(n,t.style,t),a.style={...n,...a.style}}return a}const xt=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","ignoreStrict","viewport"]);function kt(t){return t.startsWith("while")||t.startsWith("drag")&&"draggable"!==t||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||t.startsWith("onLayout")||xt.has(t)}let Bt=t=>!kt(t);try{"function"==typeof(Rt=require("@emotion/is-prop-valid").default)&&(Bt=t=>t.startsWith("on")?!kt(t):Rt(t))}catch{}var Rt;const Tt=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function It(t){return"string"==typeof t&&!t.includes("-")&&!!(Tt.indexOf(t)>-1||/[A-Z]/u.test(t))}function Mt(t,n,r,{latestValues:e},i,l=!1,u){const c=(u??It(t)?St:gt)(n,e,i,t),f=function(t,n,r){const e={};for(const o in t)"values"===o&&"object"==typeof t.values||(Bt(o)||!0===r&&kt(o)||!n&&!kt(o)||t.draggable&&o.startsWith("onDrag"))&&(e[o]=t[o]);return e}(n,"string"==typeof t,l),d=t!==a?{...f,...c,ref:r}:{},{children:p}=n,m=o(()=>et(p)?p.get():p,[p]);return s(t,{...d,children:m})}const Pt=r(null);function Ot(t,n,r,e){if("function"==typeof n){const[r,e]=[{},{}];n=n(t.custom,r,e)}if("string"==typeof n&&(n=t.variants&&t.variants[n]),"function"==typeof n){const[r,e]=[{},{}];n=n(t.custom,r,e)}return n}function Et(t){return et(t)?t.get():t}function Lt(t,n,r,e){const o={},a=e(t,{});for(const t in a)o[t]=Et(a[t]);let{initial:s,animate:i}=t;const l=S(t),u=function(t){return Boolean(S(t)||t.variants)}(t);n&&u&&!l&&!1!==t.inherit&&(void 0===s&&(s=n.initial),void 0===i&&(i=n.animate));let c=!!r&&!1===r.initial;c=c||!1===s;const f=c?i:s;if(f&&"boolean"!=typeof f&&!v(f)){const n=Array.isArray(f)?f:[f];for(let r=0;r<n.length;r++){const e=Ot(t,n[r]);if(e){const{transitionEnd:t,transition:n,...r}=e;for(const t in r){let n=r[t];if(Array.isArray(n)){n=n[c?n.length-1:0]}null!==n&&(o[t]=n)}for(const n in t)o[n]=t[n]}}}return o}const Wt=t=>(n,r)=>{const o=e(y),a=e(Pt),s=()=>function({scrapeMotionValuesFromProps:t,createRenderState:n},r,e,o){return{latestValues:Lt(r,e,o,t),renderState:n()}}(t,n,o,a);return r?s():function(t){const n=i(null);return null===n.current&&(n.current=t()),n.current}(s)};function At(t,n,r){const{style:e}=t,o={};for(const a in e)(et(e[a])||n.style&&et(n.style[a])||lt(a,t)||void 0!==r?.getValue(a)?.liveStyle)&&(o[a]=e[a]);return o}const Ct=Wt({scrapeMotionValuesFromProps:At,createRenderState:dt});const jt=Wt({scrapeMotionValuesFromProps:function(t,n,r){const e=At(t,n,r);for(const r in t)if(et(t[r])||et(n[r])){e[-1!==K.indexOf(r)?"attr"+r.charAt(0).toUpperCase()+r.substring(1):r]=t[r]}return e},createRenderState:wt}),$t="undefined"!=typeof window,Vt={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},Ft={};for(const t in Vt)Ft[t]={isEnabled:n=>Vt[t].some(t=>!!n[t])};const Xt=Symbol.for("motionComponentSymbol");function Yt(t){return t&&"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function Dt(t,n,r){return l(e=>{e&&t.onMount&&t.onMount(e),n&&(e?n.mount(e):n.unmount()),r&&("function"==typeof r?r(e):Yt(r)&&(r.current=e))},[n])}const Ht="data-"+"framerAppearId".replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase();const Nt=r({}),Zt=$t?u:c;function zt(t,n,r,o,a,s){const{visualElement:l}=e(y),u=e(g),d=e(Pt),p=e(h).reducedMotion,m=i(null);o=o||u.renderer,!m.current&&o&&(m.current=o(t,{visualState:n,parent:l,props:r,presenceContext:d,blockInitialAnimation:!!d&&!1===d.initial,reducedMotionConfig:p,isSVG:s}));const v=m.current,b=e(Nt);!v||v.projection||!a||"html"!==v.type&&"svg"!==v.type||function(t,n,r,e){const{layoutId:o,layout:a,drag:s,dragConstraints:i,layoutScroll:l,layoutRoot:u,layoutCrossfade:c}=n;t.projection=new r(t.latestValues,n["data-framer-portal-id"]?void 0:Ut(t.parent)),t.projection.setOptions({layoutId:o,layout:a,alwaysMeasureLayout:Boolean(s)||i&&Yt(i),visualElement:t,animationType:"string"==typeof a?a:"both",initialPromotionConfig:e,crossfade:c,layoutScroll:l,layoutRoot:u})}(m.current,r,a,b);const w=i(!1);f(()=>{v&&w.current&&v.update(r,d)});const S=r[Ht],x=i(Boolean(S)&&!window.MotionHandoffIsComplete?.(S)&&window.MotionHasOptimisedAnimation?.(S));return Zt(()=>{v&&(w.current=!0,window.MotionIsMounted=!0,v.updateFeatures(),v.scheduleRenderMicrotask(),x.current&&v.animationState&&v.animationState.animateChanges())}),c(()=>{v&&(!x.current&&v.animationState&&v.animationState.animateChanges(),x.current&&(queueMicrotask(()=>{window.MotionHandoffMarkAsComplete?.(S)}),x.current=!1),v.enteringChildren=void 0)}),v}function Ut(t){if(t)return!1!==t.options.allowProjection?t.projection:Ut(t.parent)}function qt(r,{forwardMotionProps:o=!1,type:a}={},s,i){const l=a?"svg"===a:It(r),u=l?jt:Ct;function c(a,s){let c;const f={...e(h),...a,layoutId:_t(a)},{isStatic:d}=f,p=x(a),m=u(a,d);if(!d&&$t){e(g).strict;const t=function(t){const{drag:n,layout:r}=Ft;if(!n&&!r)return{};const e={...n,...r};return{MeasureLayout:n?.isEnabled(t)||r?.isEnabled(t)?e.MeasureLayout:void 0,ProjectionNode:e.ProjectionNode}}(f);c=t.MeasureLayout,p.visualElement=zt(r,m,f,i,t.ProjectionNode,l)}return t(y.Provider,{value:p,children:[c&&p.visualElement?n(c,{visualElement:p.visualElement,...f}):null,Mt(r,a,Dt(m,p.visualElement,s),m,d,o,l)]})}c.displayName=`motion.${"string"==typeof r?r:`create(${r.displayName??r.name??""})`}`;const f=d(c);return f[Xt]=r,f}function _t({layoutId:t}){const n=e(m).id;return n&&void 0!==t?n+"-"+t:t}function Gt(t,n){return qt(t,n)}const Jt=Gt("div");export{Jt as MotionDiv};
|
|
2
2
|
//# sourceMappingURL=size-rollup-m.js.map
|