framer-motion 6.5.0 → 7.0.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.
Files changed (32) hide show
  1. package/README.md +14 -11
  2. package/dist/cjs/index.js +21 -27
  3. package/dist/es/components/AnimatePresence/PresenceChild.mjs +1 -2
  4. package/dist/es/components/AnimatePresence/use-presence.mjs +1 -2
  5. package/dist/es/context/MotionContext/create.mjs +1 -1
  6. package/dist/es/gestures/PanSession.mjs +1 -1
  7. package/dist/es/gestures/drag/VisualElementDragControls.mjs +2 -1
  8. package/dist/es/gestures/drag/utils/constraints.mjs +1 -1
  9. package/dist/es/projection/animation/mix-values.mjs +2 -2
  10. package/dist/es/projection/node/create-projection-node.mjs +1 -1
  11. package/dist/es/render/dom/utils/unit-conversion.mjs +1 -1
  12. package/dist/es/render/html/visual-element.mjs +1 -1
  13. package/dist/es/render/utils/motion-values.mjs +1 -1
  14. package/dist/es/utils/use-animation-frame.mjs +5 -7
  15. package/dist/es/value/index.mjs +1 -1
  16. package/dist/es/value/scroll/use-element-scroll.mjs +3 -0
  17. package/dist/es/value/scroll/use-viewport-scroll.mjs +3 -0
  18. package/dist/es/value/use-on-change.mjs +3 -3
  19. package/dist/framer-motion.dev.js +330 -182
  20. package/dist/framer-motion.js +1 -1
  21. package/dist/index.d.ts +23 -7
  22. package/dist/projection.dev.js +295 -118
  23. package/dist/size-rollup-dom-animation.js +1 -1
  24. package/dist/size-rollup-dom-max.js +1 -1
  25. package/dist/size-webpack-dom-animation.js +1 -1
  26. package/dist/size-webpack-dom-max.js +1 -2
  27. package/dist/size-webpack-m.js +1 -2
  28. package/dist/three-entry.d.ts +2 -2
  29. package/package.json +13 -18
  30. package/dist/es/utils/use-id.mjs +0 -15
  31. package/dist/size-webpack-dom-max.js.LICENSE.txt +0 -14
  32. package/dist/size-webpack-m.js.LICENSE.txt +0 -14
@@ -1,2 +1 @@
1
- /*! For license information please see size-webpack-m.js.LICENSE.txt */
2
- (()=>{"use strict";var t={4317:t=>{var r=new Error("Cannot find module ''");throw r.code="MODULE_NOT_FOUND",r}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.n=t=>{var r=t&&t.__esModule?()=>t.default:()=>t;return n.d(r,{a:r}),r},n.d=(t,r)=>{for(var e in r)n.o(r,e)&&!n.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:r[e]})},n.o=(t,r)=>Object.prototype.hasOwnProperty.call(t,r),(()=>{var t=function(r,n){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,r){t.__proto__=r}||function(t,r){for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])},t(r,n)};var r=function(){return r=Object.assign||function(t){for(var r,n=1,e=arguments.length;n<e;n++)for(var o in r=arguments[n])Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o]);return t},r.apply(this,arguments)};function e(t,r){var n={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&r.indexOf(e)<0&&(n[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(e=Object.getOwnPropertySymbols(t);o<e.length;o++)r.indexOf(e[o])<0&&Object.prototype.propertyIsEnumerable.call(t,e[o])&&(n[e[o]]=t[e[o]])}return n}Object.create;function o(t,r){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var e,o,a=n.call(t),i=[];try{for(;(void 0===r||r-- >0)&&!(e=a.next()).done;)i.push(e.value)}catch(t){o={error:t}}finally{try{e&&!e.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}Object.create;const a=void 0;var i=n.n(a),s=("undefined"==typeof process||process.env,"production"),u=function(t){return{isEnabled:function(r){return t.some((function(t){return!!r[t]}))}}},c={measureLayout:u(["layout","layoutId","drag"]),animation:u(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:u(["exit"]),drag:u(["drag","dragControls"]),focus:u(["whileFocus"]),hover:u(["whileHover","onHoverStart","onHoverEnd"]),tap:u(["whileTap","onTap","onTapStart","onTapCancel"]),pan:u(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:u(["whileInView","onViewportEnter","onViewportLeave"])};var l=(0,a.createContext)({strict:!1}),f=Object.keys(c),d=f.length;var p=(0,a.createContext)({transformPagePoint:function(t){return t},isStatic:!1,reducedMotion:"never"}),v=(0,a.createContext)({});var m=(0,a.createContext)(null),y="undefined"!=typeof document,g=y?a.useLayoutEffect:a.useEffect,h={current:null},w=!1;function b(){return!w&&function(){if(w=!0,y)if(window.matchMedia){var t=window.matchMedia("(prefers-reduced-motion)"),r=function(){return h.current=t.matches};t.addListener(r),r()}else h.current=!1}(),o((0,a.useState)(h.current),1)[0]}function x(t,r,n,e){var o,i,s=(0,a.useContext)(l),u=(0,a.useContext)(v).visualElement,c=(0,a.useContext)(m),f=(o=b(),"never"!==(i=(0,a.useContext)(p).reducedMotion)&&("always"===i||o)),d=(0,a.useRef)(void 0);e||(e=s.renderer),!d.current&&e&&(d.current=e(t,{visualState:r,parent:u,props:n,presenceId:null==c?void 0:c.id,blockInitialAnimation:!1===(null==c?void 0:c.initial),shouldReduceMotion:f}));var y=d.current;return g((function(){null==y||y.syncRender()})),(0,a.useEffect)((function(){var t;null===(t=null==y?void 0:y.animationState)||void 0===t||t.animateChanges()})),g((function(){return function(){return null==y?void 0:y.notifyUnmount()}}),[]),y}function O(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function S(t){return"string"==typeof t||function(t){return Array.isArray(t)}(t)}function C(t,r,n,e,o){var a;return void 0===e&&(e={}),void 0===o&&(o={}),"function"==typeof r&&(r=r(null!=n?n:t.custom,e,o)),"string"==typeof r&&(r=null===(a=t.variants)||void 0===a?void 0:a[r]),"function"==typeof r&&(r=r(null!=n?n:t.custom,e,o)),r}function E(t){var r;return"function"==typeof(null===(r=t.animate)||void 0===r?void 0:r.start)||S(t.initial)||S(t.animate)||S(t.whileHover)||S(t.whileDrag)||S(t.whileTap)||S(t.whileFocus)||S(t.exit)}function j(t){var r=function(t,r){if(E(t)){var n=t.initial,e=t.animate;return{initial:!1===n||S(n)?n:void 0,animate:S(e)?e:void 0}}return!1!==t.inherit?r:{}}(t,(0,a.useContext)(v)),n=r.initial,e=r.animate;return(0,a.useMemo)((function(){return{initial:n,animate:e}}),[P(n),P(e)])}function P(t){return Array.isArray(t)?t.join(" "):t}function T(t){var r=(0,a.useRef)(null);return null===r.current&&(r.current=t()),r.current}var L=!1,V=1;var M=(0,a.createContext)({}),k=(0,a.createContext)({});var A=function(r){function n(){return null!==r&&r.apply(this,arguments)||this}return function(r,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function e(){this.constructor=r}t(r,n),r.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)}(n,r),n.prototype.getSnapshotBeforeUpdate=function(){return this.updateProps(),null},n.prototype.componentDidUpdate=function(){},n.prototype.updateProps=function(){var t=this.props,r=t.visualElement,n=t.props;r&&r.setProps(n)},n.prototype.render=function(){return this.props.children},n}(i().Component);function R(t){var n=t.preloadedFeatures,e=t.createVisualElement,o=t.projectionNodeConstructor,i=t.useRender,u=t.useVisualState,m=t.Component;return n&&function(t){for(var r in t)null!==t[r]&&("projectionNodeConstructor"===r?c.projectionNodeConstructor=t[r]:c[r].Component=t[r])}(n),(0,a.forwardRef)((function(t,g){var h=function(t){var r,n=t.layoutId,e=null===(r=(0,a.useContext)(M))||void 0===r?void 0:r.id;return e&&void 0!==n?e+"-"+n:n}(t);t=r(r({},t),{layoutId:h});var w=(0,a.useContext)(p),b=null,S=j(t),C=w.isStatic?void 0:T((function(){if(L)return V++})),E=u(t,w.isStatic);return!w.isStatic&&y&&(S.visualElement=x(m,E,r(r({},w),t),e),function(t,r,n,e){var o,i=r.layoutId,s=r.layout,u=r.drag,c=r.dragConstraints,l=r.layoutScroll,f=(0,a.useContext)(k);e&&n&&!(null==n?void 0:n.projection)&&(n.projection=new e(t,n.getLatestValues(),null===(o=n.parent)||void 0===o?void 0:o.projection),n.projection.setOptions({layoutId:i,layout:s,alwaysMeasureLayout:Boolean(u)||c&&O(c),visualElement:n,scheduleRender:function(){return n.scheduleRender()},animationType:"string"==typeof s?s:"both",initialPromotionConfig:f,layoutScroll:l}))}(C,t,S.visualElement,o||c.projectionNodeConstructor),b=function(t,n,e){var o=[],i=(0,a.useContext)(l);if(!n)return null;"production"!==s&&e&&i.strict;for(var u=0;u<d;u++){var p=f[u],v=c[p],m=v.isEnabled,y=v.Component;m(t)&&y&&o.push(a.createElement(y,r({key:p},t,{visualElement:n})))}return o}(t,S.visualElement,n)),a.createElement(A,{visualElement:S.visualElement,props:r(r({},w),t)},b,a.createElement(v.Provider,{value:S},i(m,t,C,function(t,r,n){return(0,a.useCallback)((function(e){var o;e&&(null===(o=t.mount)||void 0===o||o.call(t,e)),r&&(e?r.mount(e):r.unmount()),n&&("function"==typeof n?n(e):O(n)&&(n.current=e))}),[r])}(E,S.visualElement,g),E,w.isStatic,S.visualElement)))}))}var B=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","svg","switch","symbol","text","tspan","use","view"];function D(t){return"string"==typeof t&&!t.includes("-")&&!!(B.indexOf(t)>-1||/[A-Z]/.test(t))}var X={};var Y=["","X","Y","Z"],H=["transformPerspective","x","y","z"];function I(t,r){return H.indexOf(t)-H.indexOf(r)}["translate","scale","rotate","skew"].forEach((function(t){return Y.forEach((function(r){return H.push(t+r)}))}));var _=new Set(H);function F(t){return _.has(t)}var W=new Set(["originX","originY","originZ"]);function Z(t){return W.has(t)}function U(t,r){var n=r.layout,e=r.layoutId;return F(t)||Z(t)||(n||void 0!==e)&&(!!X[t]||"opacity"===t)}var N=function(t){return Boolean(null!==t&&"object"==typeof t&&t.getVelocity)},z={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"};function K(t){return t.startsWith("--")}var $=function(t,r){return r&&"number"==typeof t?r.transform(t):t};const q=t=>({test:r=>function(t){return"string"==typeof t}(r)&&r.endsWith(t)&&1===r.split(" ").length,parse:parseFloat,transform:r=>`${r}${t}`}),G=q("deg"),J=q("%"),Q=q("px"),tt=(q("vh"),q("vw"),Object.assign(Object.assign({},J),{parse:t=>J.parse(t)/100,transform:t=>J.transform(100*t)})),rt={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},nt=Object.assign(Object.assign({},rt),{transform:(et=0,ot=1,t=>Math.max(Math.min(t,ot),et))});var et,ot;const at=Object.assign(Object.assign({},rt),{default:1});var it=r(r({},rt),{transform:Math.round}),st={borderWidth:Q,borderTopWidth:Q,borderRightWidth:Q,borderBottomWidth:Q,borderLeftWidth:Q,borderRadius:Q,radius:Q,borderTopLeftRadius:Q,borderTopRightRadius:Q,borderBottomRightRadius:Q,borderBottomLeftRadius:Q,width:Q,maxWidth:Q,height:Q,maxHeight:Q,size:Q,top:Q,right:Q,bottom:Q,left:Q,padding:Q,paddingTop:Q,paddingRight:Q,paddingBottom:Q,paddingLeft:Q,margin:Q,marginTop:Q,marginRight:Q,marginBottom:Q,marginLeft:Q,rotate:G,rotateX:G,rotateY:G,rotateZ:G,scale:at,scaleX:at,scaleY:at,scaleZ:at,skew:G,skewX:G,skewY:G,distance:Q,translateX:Q,translateY:Q,translateZ:Q,x:Q,y:Q,z:Q,perspective:Q,transformPerspective:Q,opacity:nt,originX:tt,originY:tt,originZ:Q,zIndex:it,fillOpacity:nt,strokeOpacity:nt,numOctaves:it};function ut(t,r,n,e){var o,a=t.style,i=t.vars,s=t.transform,u=t.transformKeys,c=t.transformOrigin;u.length=0;var l=!1,f=!1,d=!0;for(var p in r){var v=r[p];if(K(p))i[p]=v;else{var m=st[p],y=$(v,m);if(F(p)){if(l=!0,s[p]=y,u.push(p),!d)continue;v!==(null!==(o=m.default)&&void 0!==o?o:0)&&(d=!1)}else Z(p)?(c[p]=y,f=!0):a[p]=y}}l?a.transform=function(t,r,n,e){var o=t.transform,a=t.transformKeys,i=r.enableHardwareAcceleration,s=void 0===i||i,u=r.allowTransformNone,c=void 0===u||u,l="";a.sort(I);for(var f=!1,d=a.length,p=0;p<d;p++){var v=a[p];l+="".concat(z[v]||v,"(").concat(o[v],") "),"z"===v&&(f=!0)}return!f&&s?l+="translateZ(0)":l=l.trim(),e?l=e(o,n?"":l):c&&n&&(l="none"),l}(t,n,d,e):e?a.transform=e({},""):!r.transform&&a.transform&&(a.transform="none"),f&&(a.transformOrigin=function(t){var r=t.originX,n=void 0===r?"50%":r,e=t.originY,o=void 0===e?"50%":e,a=t.originZ,i=void 0===a?0:a;return"".concat(n," ").concat(o," ").concat(i)}(c))}var ct=function(){return{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}};function lt(t,r,n){for(var e in r)N(r[e])||U(e,n)||(t[e]=r[e])}function ft(t,n,e){var o={};return lt(o,t.style||{},t),Object.assign(o,function(t,n,e){var o=t.transformTemplate;return(0,a.useMemo)((function(){var t={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}};ut(t,n,{enableHardwareAcceleration:!e},o);var a=t.style;return r(r({},t.vars),a)}),[n])}(t,n,e)),t.transformValues&&(o=t.transformValues(o)),o}function dt(t,r,n){var e={},o=ft(t,r,n);return Boolean(t.drag)&&!1!==t.dragListener&&(e.draggable=!1,o.userSelect=o.WebkitUserSelect=o.WebkitTouchCallout="none",o.touchAction=!0===t.drag?"none":"pan-".concat("x"===t.drag?"y":"x")),e.style=o,e}var pt=new Set(["initial","animate","exit","style","variants","transition","transformTemplate","transformValues","custom","inherit","layout","layoutId","layoutDependency","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","drag","dragControls","dragListener","dragConstraints","dragDirectionLock","dragSnapToOrigin","_dragX","_dragY","dragElastic","dragMomentum","dragPropagation","dragTransition","whileDrag","onPan","onPanStart","onPanEnd","onPanSessionStart","onTap","onTapStart","onTapCancel","onHoverStart","onHoverEnd","whileFocus","whileTap","whileHover","whileInView","onViewportEnter","onViewportLeave","viewport","layoutScroll"]);function vt(t){return pt.has(t)}var mt,yt=function(t){return!vt(t)};try{(mt=n(4317).default)&&(yt=function(t){return t.startsWith("on")?!vt(t):mt(t)})}catch(t){}function gt(t,r,n){return"string"==typeof t?t:Q.transform(r+n*t)}var ht={offset:"stroke-dashoffset",array:"stroke-dasharray"},wt={offset:"strokeDashoffset",array:"strokeDasharray"};function bt(t,r,n,o){var a=r.attrX,i=r.attrY,s=r.originX,u=r.originY,c=r.pathLength,l=r.pathSpacing,f=void 0===l?1:l,d=r.pathOffset,p=void 0===d?0:d;ut(t,e(r,["attrX","attrY","originX","originY","pathLength","pathSpacing","pathOffset"]),n,o),t.attrs=t.style,t.style={};var v=t.attrs,m=t.style,y=t.dimensions;v.transform&&(y&&(m.transform=v.transform),delete v.transform),y&&(void 0!==s||void 0!==u||m.transform)&&(m.transformOrigin=function(t,r,n){var e=gt(r,t.x,t.width),o=gt(n,t.y,t.height);return"".concat(e," ").concat(o)}(y,void 0!==s?s:.5,void 0!==u?u:.5)),void 0!==a&&(v.x=a),void 0!==i&&(v.y=i),void 0!==c&&function(t,r,n,e,o){void 0===n&&(n=1),void 0===e&&(e=0),void 0===o&&(o=!0),t.pathLength=1;var a=o?ht:wt;t[a.offset]=Q.transform(-e);var i=Q.transform(r),s=Q.transform(n);t[a.array]="".concat(i," ").concat(s)}(v,c,f,p,!1)}var xt=function(){return r(r({},{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}),{attrs:{}})};function Ot(t,n){var e=(0,a.useMemo)((function(){var e=xt();return bt(e,n,{enableHardwareAcceleration:!1},t.transformTemplate),r(r({},e.attrs),{style:r({},e.style)})}),[n]);if(t.style){var o={};lt(o,t.style,t),e.style=r(r({},o),e.style)}return e}function St(t){void 0===t&&(t=!1);return function(n,e,o,i,s,u){var c=s.latestValues,l=(D(n)?Ot:dt)(e,c,u),f=function(t,r,n){var e={};for(var o in t)(yt(o)||!0===n&&vt(o)||!r&&!vt(o)||t.draggable&&o.startsWith("onDrag"))&&(e[o]=t[o]);return e}(e,"string"==typeof n,t),d=r(r(r({},f),l),{ref:i});return o&&(d["data-projection-id"]=o),(0,a.createElement)(n,d)}}var Ct=/([a-z])([A-Z])/g;var Et=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength"]);function jt(t,r,n,e){for(var o in function(t,r,n,e){var o=r.style,a=r.vars;for(var i in Object.assign(t.style,o,e&&e.getProjectionStyles(n)),a)t.style.setProperty(i,a[i])}(t,r,void 0,e),r.attrs)t.setAttribute(Et.has(o)?o:o.replace(Ct,"$1-$2").toLowerCase(),r.attrs[o])}function Pt(t){var r=t.style,n={};for(var e in r)(N(r[e])||U(e,t))&&(n[e]=r[e]);return n}function Tt(t){var r,n=N(t)?t.get():t;return r=n,Boolean(r&&"object"==typeof r&&r.mix&&r.toValue)?n.toValue():n}function Lt(t,r,n,e){var o=t.scrapeMotionValuesFromProps,a=t.createRenderState,i=t.onMount,s={latestValues:Mt(r,n,e,o),renderState:a()};return i&&(s.mount=function(t){return i(r,t,s)}),s}var Vt=function(t){return function(r,n){var e=(0,a.useContext)(v),o=(0,a.useContext)(m);return n?Lt(t,r,e,o):T((function(){return Lt(t,r,e,o)}))}};function Mt(t,r,n,o){var a={},i=!1===(null==n?void 0:n.initial),s=o(t);for(var u in s)a[u]=Tt(s[u]);var c=t.initial,l=t.animate,f=E(t),d=function(t){return Boolean(E(t)||t.variants)}(t);r&&d&&!f&&!1!==t.inherit&&(null!=c||(c=r.initial),null!=l||(l=r.animate));var p,v=i||!1===c,m=v?l:c;!m||"boolean"==typeof m||"object"==typeof(p=m)&&"function"==typeof p.start||(Array.isArray(m)?m:[m]).forEach((function(r){var n=C(t,r);if(n){var o=n.transitionEnd,i=(n.transition,e(n,["transitionEnd","transition"]));for(var s in i){var u=i[s];if(Array.isArray(u))u=u[v?u.length-1:0];null!==u&&(a[s]=u)}for(var s in o)a[s]=o[s]}}));return a}var kt={useVisualState:Vt({scrapeMotionValuesFromProps:function(t){var r=Pt(t);for(var n in t){if(N(t[n]))r["x"===n||"y"===n?"attr"+n.toUpperCase():n]=t[n]}return r},createRenderState:xt,onMount:function(t,r,n){var e=n.renderState,o=n.latestValues;try{e.dimensions="function"==typeof r.getBBox?r.getBBox():r.getBoundingClientRect()}catch(t){e.dimensions={x:0,y:0,width:0,height:0}}bt(e,o,{enableHardwareAcceleration:!1},t.transformTemplate),jt(r,e)}})},At={useVisualState:Vt({scrapeMotionValuesFromProps:Pt,createRenderState:ct})};!function(t){function r(r,n){return void 0===n&&(n={}),R(t(r,n))}if("undefined"==typeof Proxy)return r;var n=new Map;new Proxy(r,{get:function(t,e){return n.has(e)||n.set(e,r(e)),n.get(e)}})}((function(t,n,e,o,a){var i=n.forwardMotionProps,s=void 0!==i&&i,u=D(t)?kt:At;return r(r({},u),{preloadedFeatures:e,useRender:St(s),createVisualElement:o,projectionNodeConstructor:a,Component:t})}))})()})();
1
+ (()=>{"use strict";var t={317:t=>{var r=new Error("Cannot find module ''");throw r.code="MODULE_NOT_FOUND",r}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.n=t=>{var r=t&&t.__esModule?()=>t.default:()=>t;return n.d(r,{a:r}),r},n.d=(t,r)=>{for(var e in r)n.o(r,e)&&!n.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:r[e]})},n.o=(t,r)=>Object.prototype.hasOwnProperty.call(t,r),(()=>{var t=function(r,n){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,r){t.__proto__=r}||function(t,r){for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])},t(r,n)};var r=function(){return r=Object.assign||function(t){for(var r,n=1,e=arguments.length;n<e;n++)for(var o in r=arguments[n])Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o]);return t},r.apply(this,arguments)};function e(t,r){var n={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&r.indexOf(e)<0&&(n[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(e=Object.getOwnPropertySymbols(t);o<e.length;o++)r.indexOf(e[o])<0&&Object.prototype.propertyIsEnumerable.call(t,e[o])&&(n[e[o]]=t[e[o]])}return n}Object.create;function o(t,r){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var e,o,a=n.call(t),i=[];try{for(;(void 0===r||r-- >0)&&!(e=a.next()).done;)i.push(e.value)}catch(t){o={error:t}}finally{try{e&&!e.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}Object.create;const a=void 0;var i=n.n(a),s=("undefined"==typeof process||process.env,"production"),u=function(t){return{isEnabled:function(r){return t.some((function(t){return!!r[t]}))}}},c={measureLayout:u(["layout","layoutId","drag"]),animation:u(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:u(["exit"]),drag:u(["drag","dragControls"]),focus:u(["whileFocus"]),hover:u(["whileHover","onHoverStart","onHoverEnd"]),tap:u(["whileTap","onTap","onTapStart","onTapCancel"]),pan:u(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:u(["whileInView","onViewportEnter","onViewportLeave"])};var l=(0,a.createContext)({strict:!1}),f=Object.keys(c),d=f.length;var p=(0,a.createContext)({transformPagePoint:function(t){return t},isStatic:!1,reducedMotion:"never"}),v=(0,a.createContext)({});var m=(0,a.createContext)(null),y="undefined"!=typeof document,g=y?a.useLayoutEffect:a.useEffect,h={current:null},w=!1;function b(){return!w&&function(){if(w=!0,y)if(window.matchMedia){var t=window.matchMedia("(prefers-reduced-motion)"),r=function(){return h.current=t.matches};t.addListener(r),r()}else h.current=!1}(),o((0,a.useState)(h.current),1)[0]}function x(t,r,n,e){var o,i,s=(0,a.useContext)(l),u=(0,a.useContext)(v).visualElement,c=(0,a.useContext)(m),f=(o=b(),"never"!==(i=(0,a.useContext)(p).reducedMotion)&&("always"===i||o)),d=(0,a.useRef)(void 0);e||(e=s.renderer),!d.current&&e&&(d.current=e(t,{visualState:r,parent:u,props:n,presenceId:null==c?void 0:c.id,blockInitialAnimation:!1===(null==c?void 0:c.initial),shouldReduceMotion:f}));var y=d.current;return g((function(){null==y||y.syncRender()})),(0,a.useEffect)((function(){var t;null===(t=null==y?void 0:y.animationState)||void 0===t||t.animateChanges()})),g((function(){return function(){return null==y?void 0:y.notifyUnmount()}}),[]),y}function O(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function S(t){return"string"==typeof t||function(t){return Array.isArray(t)}(t)}function C(t,r,n,e,o){var a;return void 0===e&&(e={}),void 0===o&&(o={}),"function"==typeof r&&(r=r(null!=n?n:t.custom,e,o)),"string"==typeof r&&(r=null===(a=t.variants)||void 0===a?void 0:a[r]),"function"==typeof r&&(r=r(null!=n?n:t.custom,e,o)),r}function E(t){var r;return"function"==typeof(null===(r=t.animate)||void 0===r?void 0:r.start)||S(t.initial)||S(t.animate)||S(t.whileHover)||S(t.whileDrag)||S(t.whileTap)||S(t.whileFocus)||S(t.exit)}function j(t){var r=function(t,r){if(E(t)){var n=t.initial,e=t.animate;return{initial:!1===n||S(n)?n:void 0,animate:S(e)?e:void 0}}return!1!==t.inherit?r:{}}(t,(0,a.useContext)(v)),n=r.initial,e=r.animate;return(0,a.useMemo)((function(){return{initial:n,animate:e}}),[P(n),P(e)])}function P(t){return Array.isArray(t)?t.join(" "):t}function T(t){var r=(0,a.useRef)(null);return null===r.current&&(r.current=t()),r.current}var L=!1,V=1;var M=(0,a.createContext)({}),k=(0,a.createContext)({});var A=function(r){function n(){return null!==r&&r.apply(this,arguments)||this}return function(r,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function e(){this.constructor=r}t(r,n),r.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)}(n,r),n.prototype.getSnapshotBeforeUpdate=function(){return this.updateProps(),null},n.prototype.componentDidUpdate=function(){},n.prototype.updateProps=function(){var t=this.props,r=t.visualElement,n=t.props;r&&r.setProps(n)},n.prototype.render=function(){return this.props.children},n}(i().Component);function R(t){var n=t.preloadedFeatures,e=t.createVisualElement,o=t.projectionNodeConstructor,i=t.useRender,u=t.useVisualState,m=t.Component;return n&&function(t){for(var r in t)null!==t[r]&&("projectionNodeConstructor"===r?c.projectionNodeConstructor=t[r]:c[r].Component=t[r])}(n),(0,a.forwardRef)((function(t,g){var h=function(t){var r,n=t.layoutId,e=null===(r=(0,a.useContext)(M))||void 0===r?void 0:r.id;return e&&void 0!==n?e+"-"+n:n}(t);t=r(r({},t),{layoutId:h});var w=(0,a.useContext)(p),b=null,S=j(t),C=w.isStatic?void 0:T((function(){if(L)return V++})),E=u(t,w.isStatic);return!w.isStatic&&y&&(S.visualElement=x(m,E,r(r({},w),t),e),function(t,r,n,e){var o,i=r.layoutId,s=r.layout,u=r.drag,c=r.dragConstraints,l=r.layoutScroll,f=(0,a.useContext)(k);e&&n&&!(null==n?void 0:n.projection)&&(n.projection=new e(t,n.getLatestValues(),null===(o=n.parent)||void 0===o?void 0:o.projection),n.projection.setOptions({layoutId:i,layout:s,alwaysMeasureLayout:Boolean(u)||c&&O(c),visualElement:n,scheduleRender:function(){return n.scheduleRender()},animationType:"string"==typeof s?s:"both",initialPromotionConfig:f,layoutScroll:l}))}(C,t,S.visualElement,o||c.projectionNodeConstructor),b=function(t,n,e){var o=[],i=(0,a.useContext)(l);if(!n)return null;"production"!==s&&e&&i.strict;for(var u=0;u<d;u++){var p=f[u],v=c[p],m=v.isEnabled,y=v.Component;m(t)&&y&&o.push(a.createElement(y,r({key:p},t,{visualElement:n})))}return o}(t,S.visualElement,n)),a.createElement(A,{visualElement:S.visualElement,props:r(r({},w),t)},b,a.createElement(v.Provider,{value:S},i(m,t,C,function(t,r,n){return(0,a.useCallback)((function(e){var o;e&&(null===(o=t.mount)||void 0===o||o.call(t,e)),r&&(e?r.mount(e):r.unmount()),n&&("function"==typeof n?n(e):O(n)&&(n.current=e))}),[r])}(E,S.visualElement,g),E,w.isStatic,S.visualElement)))}))}var B=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","svg","switch","symbol","text","tspan","use","view"];function D(t){return"string"==typeof t&&!t.includes("-")&&!!(B.indexOf(t)>-1||/[A-Z]/.test(t))}var X={};var Y=["","X","Y","Z"],H=["transformPerspective","x","y","z"];function I(t,r){return H.indexOf(t)-H.indexOf(r)}["translate","scale","rotate","skew"].forEach((function(t){return Y.forEach((function(r){return H.push(t+r)}))}));var _=new Set(H);function F(t){return _.has(t)}var W=new Set(["originX","originY","originZ"]);function Z(t){return W.has(t)}function U(t,r){var n=r.layout,e=r.layoutId;return F(t)||Z(t)||(n||void 0!==e)&&(!!X[t]||"opacity"===t)}var N=function(t){return Boolean(null!==t&&"object"==typeof t&&t.getVelocity)},z={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"};function K(t){return t.startsWith("--")}var $=function(t,r){return r&&"number"==typeof t?r.transform(t):t};const q=t=>({test:r=>function(t){return"string"==typeof t}(r)&&r.endsWith(t)&&1===r.split(" ").length,parse:parseFloat,transform:r=>`${r}${t}`}),G=q("deg"),J=q("%"),Q=q("px"),tt=(q("vh"),q("vw"),Object.assign(Object.assign({},J),{parse:t=>J.parse(t)/100,transform:t=>J.transform(100*t)})),rt={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},nt=Object.assign(Object.assign({},rt),{transform:(et=0,ot=1,t=>Math.max(Math.min(t,ot),et))});var et,ot;const at=Object.assign(Object.assign({},rt),{default:1});var it=r(r({},rt),{transform:Math.round}),st={borderWidth:Q,borderTopWidth:Q,borderRightWidth:Q,borderBottomWidth:Q,borderLeftWidth:Q,borderRadius:Q,radius:Q,borderTopLeftRadius:Q,borderTopRightRadius:Q,borderBottomRightRadius:Q,borderBottomLeftRadius:Q,width:Q,maxWidth:Q,height:Q,maxHeight:Q,size:Q,top:Q,right:Q,bottom:Q,left:Q,padding:Q,paddingTop:Q,paddingRight:Q,paddingBottom:Q,paddingLeft:Q,margin:Q,marginTop:Q,marginRight:Q,marginBottom:Q,marginLeft:Q,rotate:G,rotateX:G,rotateY:G,rotateZ:G,scale:at,scaleX:at,scaleY:at,scaleZ:at,skew:G,skewX:G,skewY:G,distance:Q,translateX:Q,translateY:Q,translateZ:Q,x:Q,y:Q,z:Q,perspective:Q,transformPerspective:Q,opacity:nt,originX:tt,originY:tt,originZ:Q,zIndex:it,fillOpacity:nt,strokeOpacity:nt,numOctaves:it};function ut(t,r,n,e){var o,a=t.style,i=t.vars,s=t.transform,u=t.transformKeys,c=t.transformOrigin;u.length=0;var l=!1,f=!1,d=!0;for(var p in r){var v=r[p];if(K(p))i[p]=v;else{var m=st[p],y=$(v,m);if(F(p)){if(l=!0,s[p]=y,u.push(p),!d)continue;v!==(null!==(o=m.default)&&void 0!==o?o:0)&&(d=!1)}else Z(p)?(c[p]=y,f=!0):a[p]=y}}l?a.transform=function(t,r,n,e){var o=t.transform,a=t.transformKeys,i=r.enableHardwareAcceleration,s=void 0===i||i,u=r.allowTransformNone,c=void 0===u||u,l="";a.sort(I);for(var f=!1,d=a.length,p=0;p<d;p++){var v=a[p];l+="".concat(z[v]||v,"(").concat(o[v],") "),"z"===v&&(f=!0)}return!f&&s?l+="translateZ(0)":l=l.trim(),e?l=e(o,n?"":l):c&&n&&(l="none"),l}(t,n,d,e):e?a.transform=e({},""):!r.transform&&a.transform&&(a.transform="none"),f&&(a.transformOrigin=function(t){var r=t.originX,n=void 0===r?"50%":r,e=t.originY,o=void 0===e?"50%":e,a=t.originZ,i=void 0===a?0:a;return"".concat(n," ").concat(o," ").concat(i)}(c))}var ct=function(){return{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}};function lt(t,r,n){for(var e in r)N(r[e])||U(e,n)||(t[e]=r[e])}function ft(t,n,e){var o={};return lt(o,t.style||{},t),Object.assign(o,function(t,n,e){var o=t.transformTemplate;return(0,a.useMemo)((function(){var t={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}};ut(t,n,{enableHardwareAcceleration:!e},o);var a=t.style;return r(r({},t.vars),a)}),[n])}(t,n,e)),t.transformValues&&(o=t.transformValues(o)),o}function dt(t,r,n){var e={},o=ft(t,r,n);return Boolean(t.drag)&&!1!==t.dragListener&&(e.draggable=!1,o.userSelect=o.WebkitUserSelect=o.WebkitTouchCallout="none",o.touchAction=!0===t.drag?"none":"pan-".concat("x"===t.drag?"y":"x")),e.style=o,e}var pt=new Set(["initial","animate","exit","style","variants","transition","transformTemplate","transformValues","custom","inherit","layout","layoutId","layoutDependency","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","drag","dragControls","dragListener","dragConstraints","dragDirectionLock","dragSnapToOrigin","_dragX","_dragY","dragElastic","dragMomentum","dragPropagation","dragTransition","whileDrag","onPan","onPanStart","onPanEnd","onPanSessionStart","onTap","onTapStart","onTapCancel","onHoverStart","onHoverEnd","whileFocus","whileTap","whileHover","whileInView","onViewportEnter","onViewportLeave","viewport","layoutScroll"]);function vt(t){return pt.has(t)}var mt,yt=function(t){return!vt(t)};try{(mt=n(317).default)&&(yt=function(t){return t.startsWith("on")?!vt(t):mt(t)})}catch(t){}function gt(t,r,n){return"string"==typeof t?t:Q.transform(r+n*t)}var ht={offset:"stroke-dashoffset",array:"stroke-dasharray"},wt={offset:"strokeDashoffset",array:"strokeDasharray"};function bt(t,r,n,o){var a=r.attrX,i=r.attrY,s=r.originX,u=r.originY,c=r.pathLength,l=r.pathSpacing,f=void 0===l?1:l,d=r.pathOffset,p=void 0===d?0:d;ut(t,e(r,["attrX","attrY","originX","originY","pathLength","pathSpacing","pathOffset"]),n,o),t.attrs=t.style,t.style={};var v=t.attrs,m=t.style,y=t.dimensions;v.transform&&(y&&(m.transform=v.transform),delete v.transform),y&&(void 0!==s||void 0!==u||m.transform)&&(m.transformOrigin=function(t,r,n){var e=gt(r,t.x,t.width),o=gt(n,t.y,t.height);return"".concat(e," ").concat(o)}(y,void 0!==s?s:.5,void 0!==u?u:.5)),void 0!==a&&(v.x=a),void 0!==i&&(v.y=i),void 0!==c&&function(t,r,n,e,o){void 0===n&&(n=1),void 0===e&&(e=0),void 0===o&&(o=!0),t.pathLength=1;var a=o?ht:wt;t[a.offset]=Q.transform(-e);var i=Q.transform(r),s=Q.transform(n);t[a.array]="".concat(i," ").concat(s)}(v,c,f,p,!1)}var xt=function(){return r(r({},{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}),{attrs:{}})};function Ot(t,n){var e=(0,a.useMemo)((function(){var e=xt();return bt(e,n,{enableHardwareAcceleration:!1},t.transformTemplate),r(r({},e.attrs),{style:r({},e.style)})}),[n]);if(t.style){var o={};lt(o,t.style,t),e.style=r(r({},o),e.style)}return e}function St(t){void 0===t&&(t=!1);return function(n,e,o,i,s,u){var c=s.latestValues,l=(D(n)?Ot:dt)(e,c,u),f=function(t,r,n){var e={};for(var o in t)(yt(o)||!0===n&&vt(o)||!r&&!vt(o)||t.draggable&&o.startsWith("onDrag"))&&(e[o]=t[o]);return e}(e,"string"==typeof n,t),d=r(r(r({},f),l),{ref:i});return o&&(d["data-projection-id"]=o),(0,a.createElement)(n,d)}}var Ct=/([a-z])([A-Z])/g;var Et=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength"]);function jt(t,r,n,e){for(var o in function(t,r,n,e){var o=r.style,a=r.vars;for(var i in Object.assign(t.style,o,e&&e.getProjectionStyles(n)),a)t.style.setProperty(i,a[i])}(t,r,void 0,e),r.attrs)t.setAttribute(Et.has(o)?o:o.replace(Ct,"$1-$2").toLowerCase(),r.attrs[o])}function Pt(t){var r=t.style,n={};for(var e in r)(N(r[e])||U(e,t))&&(n[e]=r[e]);return n}function Tt(t){var r,n=N(t)?t.get():t;return r=n,Boolean(r&&"object"==typeof r&&r.mix&&r.toValue)?n.toValue():n}function Lt(t,r,n,e){var o=t.scrapeMotionValuesFromProps,a=t.createRenderState,i=t.onMount,s={latestValues:Mt(r,n,e,o),renderState:a()};return i&&(s.mount=function(t){return i(r,t,s)}),s}var Vt=function(t){return function(r,n){var e=(0,a.useContext)(v),o=(0,a.useContext)(m);return n?Lt(t,r,e,o):T((function(){return Lt(t,r,e,o)}))}};function Mt(t,r,n,o){var a={},i=!1===(null==n?void 0:n.initial),s=o(t);for(var u in s)a[u]=Tt(s[u]);var c=t.initial,l=t.animate,f=E(t),d=function(t){return Boolean(E(t)||t.variants)}(t);r&&d&&!f&&!1!==t.inherit&&(null!=c||(c=r.initial),null!=l||(l=r.animate));var p,v=i||!1===c,m=v?l:c;!m||"boolean"==typeof m||"object"==typeof(p=m)&&"function"==typeof p.start||(Array.isArray(m)?m:[m]).forEach((function(r){var n=C(t,r);if(n){var o=n.transitionEnd,i=(n.transition,e(n,["transitionEnd","transition"]));for(var s in i){var u=i[s];if(Array.isArray(u))u=u[v?u.length-1:0];null!==u&&(a[s]=u)}for(var s in o)a[s]=o[s]}}));return a}var kt={useVisualState:Vt({scrapeMotionValuesFromProps:function(t){var r=Pt(t);for(var n in t){if(N(t[n]))r["x"===n||"y"===n?"attr"+n.toUpperCase():n]=t[n]}return r},createRenderState:xt,onMount:function(t,r,n){var e=n.renderState,o=n.latestValues;try{e.dimensions="function"==typeof r.getBBox?r.getBBox():r.getBoundingClientRect()}catch(t){e.dimensions={x:0,y:0,width:0,height:0}}bt(e,o,{enableHardwareAcceleration:!1},t.transformTemplate),jt(r,e)}})},At={useVisualState:Vt({scrapeMotionValuesFromProps:Pt,createRenderState:ct})};!function(t){function r(r,n){return void 0===n&&(n={}),R(t(r,n))}if("undefined"==typeof Proxy)return r;var n=new Map;new Proxy(r,{get:function(t,e){return n.has(e)||n.set(e,r(e)),n.get(e)}})}((function(t,n,e,o,a){var i=n.forwardMotionProps,s=void 0!==i&&i,u=D(t)?kt:At;return r(r({},u),{preloadedFeatures:e,useRender:St(s),createVisualElement:o,projectionNodeConstructor:a,Component:t})}))})()})();
@@ -2394,7 +2394,7 @@ interface VisualElement<Instance = any, RenderState = any> extends LifecycleMana
2394
2394
  current: Instance | null;
2395
2395
  manuallyAnimateOnMount: boolean;
2396
2396
  blockInitialAnimation?: boolean;
2397
- presenceId: number | undefined;
2397
+ presenceId: string | undefined;
2398
2398
  isMounted(): boolean;
2399
2399
  mount(instance: Instance): void;
2400
2400
  unmount(): void;
@@ -2456,7 +2456,7 @@ declare type VisualElementOptions<Instance, RenderState = any> = {
2456
2456
  visualState: VisualState<Instance, RenderState>;
2457
2457
  parent?: VisualElement<unknown>;
2458
2458
  variantParent?: VisualElement<unknown>;
2459
- presenceId?: number | undefined;
2459
+ presenceId?: string | undefined;
2460
2460
  props: MotionProps;
2461
2461
  blockInitialAnimation?: boolean;
2462
2462
  shouldReduceMotion?: boolean | null;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "framer-motion",
3
- "version": "6.5.0",
3
+ "version": "7.0.1",
4
4
  "description": "A simple and powerful React animation library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/es/index.mjs",
@@ -41,7 +41,7 @@
41
41
  "clean": "rm -rf types dist lib",
42
42
  "test": "yarn test-server && yarn test-client",
43
43
  "test-ci": "yarn test",
44
- "test-client": "jest --coverage --config jest.config.json --max-workers=2",
44
+ "test-client": "jest --config jest.config.json --max-workers=2",
45
45
  "test-server": "jest --config jest.config.ssr.json",
46
46
  "test-watch": "jest --watch --coverage --coverageReporters=lcov --config jest.config.json",
47
47
  "test-projection": "yarn run collect-projection-tests && start-server-and-test 'pushd ../../; python -m SimpleHTTPServer; popd' http://0.0.0.0:8000 'cypress run -s cypress/integration/projection.chrome.ts --config baseUrl=http://localhost:8000/'",
@@ -58,50 +58,45 @@
58
58
  "start-dev-server": "webpack serve --config ../../dev/webpack/config.js --hot"
59
59
  },
60
60
  "peerDependencies": {
61
- "react": ">=16.8 || ^17.0.0 || ^18.0.0",
62
- "react-dom": ">=16.8 || ^17.0.0 || ^18.0.0"
61
+ "react": "^18.0.0",
62
+ "react-dom": "^18.0.0"
63
63
  },
64
64
  "dependencies": {
65
- "@motionone/dom": "10.12.0",
65
+ "@motionone/dom": "10.13.1",
66
66
  "framesync": "6.0.1",
67
67
  "hey-listen": "^1.0.8",
68
68
  "popmotion": "11.0.3",
69
- "style-value-types": "5.0.0",
69
+ "style-value-types": "5.1.0",
70
70
  "tslib": "^2.1.0"
71
71
  },
72
- "devDependencies": {
73
- "jest": "^27.4.7",
74
- "jest-dom": "^3.5.0",
75
- "styled-components": "^4.1.1"
76
- },
77
72
  "optionalDependencies": {
78
73
  "@emotion/is-prop-valid": "^0.8.2"
79
74
  },
80
75
  "bundlesize": [
81
76
  {
82
77
  "path": "./dist/size-rollup-m.js",
83
- "maxSize": "6.5 kB"
78
+ "maxSize": "6.0 kB"
84
79
  },
85
80
  {
86
81
  "path": "./dist/size-rollup-dom-animation.js",
87
- "maxSize": "17.3 kB"
82
+ "maxSize": "17.7 kB"
88
83
  },
89
84
  {
90
85
  "path": "./dist/size-rollup-dom-max.js",
91
- "maxSize": "28.5 kB"
86
+ "maxSize": "28.9 kB"
92
87
  },
93
88
  {
94
89
  "path": "./dist/size-webpack-m.js",
95
- "maxSize": "6.7 kB"
90
+ "maxSize": "6.1 kB"
96
91
  },
97
92
  {
98
93
  "path": "./dist/size-webpack-dom-animation.js",
99
- "maxSize": "19.7 kB"
94
+ "maxSize": "20.1 kB"
100
95
  },
101
96
  {
102
97
  "path": "./dist/size-webpack-dom-max.js",
103
- "maxSize": "31.7 kB"
98
+ "maxSize": "32.4 kB"
104
99
  }
105
100
  ],
106
- "gitHead": "9824840b96946f899503458ca710a58c04499760"
101
+ "gitHead": "13824840715394b7dbdcdcae341ec60e3b5cca1d"
107
102
  }
@@ -1,15 +0,0 @@
1
- import { useConstant } from './use-constant.mjs';
2
-
3
- var counter = 0;
4
- var incrementId = function () { return counter++; };
5
- var useId = function () { return useConstant(incrementId); };
6
- /**
7
- * Ideally we'd use the following code to support React 18 optionally.
8
- * But this fairly fails in Webpack (otherwise treeshaking wouldn't work at all).
9
- * Need to come up with a different way of figuring this out.
10
- */
11
- // export const useId = (React as any).useId
12
- // ? (React as any).useId
13
- // : () => useConstant(incrementId)
14
-
15
- export { useId };
@@ -1,14 +0,0 @@
1
- /*! *****************************************************************************
2
- Copyright (c) Microsoft Corporation.
3
-
4
- Permission to use, copy, modify, and/or distribute this software for any
5
- purpose with or without fee is hereby granted.
6
-
7
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
8
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
9
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
10
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
11
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
12
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
13
- PERFORMANCE OF THIS SOFTWARE.
14
- ***************************************************************************** */
@@ -1,14 +0,0 @@
1
- /*! *****************************************************************************
2
- Copyright (c) Microsoft Corporation.
3
-
4
- Permission to use, copy, modify, and/or distribute this software for any
5
- purpose with or without fee is hereby granted.
6
-
7
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
8
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
9
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
10
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
11
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
12
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
13
- PERFORMANCE OF THIS SOFTWARE.
14
- ***************************************************************************** */