framer-motion 7.3.5 → 7.4.0

package/dist/index.d.ts

@@ -3099,259 +3099,7 @@ interface Props<V> {
 }
 
 declare const Reorder: {
-    Group: React$1.ForwardRefExoticComponent<Props<unknown> & {
-        color?: string | undefined;
-        translate?: "no" | "yes" | undefined;
-        hidden?: boolean | undefined;
-        onPlay?: React$1.ReactEventHandler<any> | undefined;
-        className?: string | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        role?: React$1.AriaRole | undefined;
-        tabIndex?: number | undefined;
-        "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
-        "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
-        "aria-colcount"?: number | undefined;
-        "aria-colindex"?: number | undefined;
-        "aria-colspan"?: number | undefined;
-        "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "page" | "false" | "true" | "step" | "location" | "date" | "time" | undefined;
-        "aria-describedby"?: string | undefined;
-        "aria-details"?: string | undefined;
-        "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: (boolean | "false" | "true") | undefined;
-        "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
-        "aria-hidden"?: (boolean | "false" | "true") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-        "aria-keyshortcuts"?: string | undefined;
-        "aria-label"?: string | undefined;
-        "aria-labelledby"?: string | undefined;
-        "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: (boolean | "false" | "true") | undefined;
-        "aria-multiline"?: (boolean | "false" | "true") | undefined;
-        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
-        "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: (boolean | "false" | "true") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowspan"?: number | undefined;
-        "aria-selected"?: (boolean | "false" | "true") | undefined;
-        "aria-setsize"?: number | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-        "aria-valuemax"?: number | undefined;
-        "aria-valuemin"?: number | undefined;
-        "aria-valuenow"?: number | undefined;
-        "aria-valuetext"?: string | undefined;
-        children?: React$1.ReactNode;
-        dangerouslySetInnerHTML?: {
-            __html: string;
-        } | undefined;
-        onCopy?: React$1.ClipboardEventHandler<any> | undefined;
-        onCopyCapture?: React$1.ClipboardEventHandler<any> | undefined;
-        onCut?: React$1.ClipboardEventHandler<any> | undefined;
-        onCutCapture?: React$1.ClipboardEventHandler<any> | undefined;
-        onPaste?: React$1.ClipboardEventHandler<any> | undefined;
-        onPasteCapture?: React$1.ClipboardEventHandler<any> | undefined;
-        onCompositionEnd?: React$1.CompositionEventHandler<any> | undefined;
-        onCompositionEndCapture?: React$1.CompositionEventHandler<any> | undefined;
-        onCompositionStart?: React$1.CompositionEventHandler<any> | undefined;
-        onCompositionStartCapture?: React$1.CompositionEventHandler<any> | undefined;
-        onCompositionUpdate?: React$1.CompositionEventHandler<any> | undefined;
-        onCompositionUpdateCapture?: React$1.CompositionEventHandler<any> | undefined;
-        onFocus?: React$1.FocusEventHandler<any> | undefined;
-        onFocusCapture?: React$1.FocusEventHandler<any> | undefined;
-        onBlur?: React$1.FocusEventHandler<any> | undefined;
-        onBlurCapture?: React$1.FocusEventHandler<any> | undefined;
-        onChange?: React$1.FormEventHandler<any> | undefined;
-        onChangeCapture?: React$1.FormEventHandler<any> | undefined;
-        onBeforeInput?: React$1.FormEventHandler<any> | undefined;
-        onBeforeInputCapture?: React$1.FormEventHandler<any> | undefined;
-        onInput?: React$1.FormEventHandler<any> | undefined;
-        onInputCapture?: React$1.FormEventHandler<any> | undefined;
-        onReset?: React$1.FormEventHandler<any> | undefined;
-        onResetCapture?: React$1.FormEventHandler<any> | undefined;
-        onSubmit?: React$1.FormEventHandler<any> | undefined;
-        onSubmitCapture?: React$1.FormEventHandler<any> | undefined;
-        onInvalid?: React$1.FormEventHandler<any> | undefined;
-        onInvalidCapture?: React$1.FormEventHandler<any> | undefined;
-        onLoad?: React$1.ReactEventHandler<any> | undefined;
-        onLoadCapture?: React$1.ReactEventHandler<any> | undefined;
-        onError?: React$1.ReactEventHandler<any> | undefined;
-        onErrorCapture?: React$1.ReactEventHandler<any> | undefined;
-        onKeyDown?: React$1.KeyboardEventHandler<any> | undefined;
-        onKeyDownCapture?: React$1.KeyboardEventHandler<any> | undefined;
-        onKeyPress?: React$1.KeyboardEventHandler<any> | undefined;
-        onKeyPressCapture?: React$1.KeyboardEventHandler<any> | undefined;
-        onKeyUp?: React$1.KeyboardEventHandler<any> | undefined;
-        onKeyUpCapture?: React$1.KeyboardEventHandler<any> | undefined;
-        onAbort?: React$1.ReactEventHandler<any> | undefined;
-        onAbortCapture?: React$1.ReactEventHandler<any> | undefined;
-        onCanPlay?: React$1.ReactEventHandler<any> | undefined;
-        onCanPlayCapture?: React$1.ReactEventHandler<any> | undefined;
-        onCanPlayThrough?: React$1.ReactEventHandler<any> | undefined;
-        onCanPlayThroughCapture?: React$1.ReactEventHandler<any> | undefined;
-        onDurationChange?: React$1.ReactEventHandler<any> | undefined;
-        onDurationChangeCapture?: React$1.ReactEventHandler<any> | undefined;
-        onEmptied?: React$1.ReactEventHandler<any> | undefined;
-        onEmptiedCapture?: React$1.ReactEventHandler<any> | undefined;
-        onEncrypted?: React$1.ReactEventHandler<any> | undefined;
-        onEncryptedCapture?: React$1.ReactEventHandler<any> | undefined;
-        onEnded?: React$1.ReactEventHandler<any> | undefined;
-        onEndedCapture?: React$1.ReactEventHandler<any> | undefined;
-        onLoadedData?: React$1.ReactEventHandler<any> | undefined;
-        onLoadedDataCapture?: React$1.ReactEventHandler<any> | undefined;
-        onLoadedMetadata?: React$1.ReactEventHandler<any> | undefined;
-        onLoadedMetadataCapture?: React$1.ReactEventHandler<any> | undefined;
-        onLoadStart?: React$1.ReactEventHandler<any> | undefined;
-        onLoadStartCapture?: React$1.ReactEventHandler<any> | undefined;
-        onPause?: React$1.ReactEventHandler<any> | undefined;
-        onPauseCapture?: React$1.ReactEventHandler<any> | undefined;
-        onPlayCapture?: React$1.ReactEventHandler<any> | undefined;
-        onPlaying?: React$1.ReactEventHandler<any> | undefined;
-        onPlayingCapture?: React$1.ReactEventHandler<any> | undefined;
-        onProgress?: React$1.ReactEventHandler<any> | undefined;
-        onProgressCapture?: React$1.ReactEventHandler<any> | undefined;
-        onRateChange?: React$1.ReactEventHandler<any> | undefined;
-        onRateChangeCapture?: React$1.ReactEventHandler<any> | undefined;
-        onSeeked?: React$1.ReactEventHandler<any> | undefined;
-        onSeekedCapture?: React$1.ReactEventHandler<any> | undefined;
-        onSeeking?: React$1.ReactEventHandler<any> | undefined;
-        onSeekingCapture?: React$1.ReactEventHandler<any> | undefined;
-        onStalled?: React$1.ReactEventHandler<any> | undefined;
-        onStalledCapture?: React$1.ReactEventHandler<any> | undefined;
-        onSuspend?: React$1.ReactEventHandler<any> | undefined;
-        onSuspendCapture?: React$1.ReactEventHandler<any> | undefined;
-        onTimeUpdate?: React$1.ReactEventHandler<any> | undefined;
-        onTimeUpdateCapture?: React$1.ReactEventHandler<any> | undefined;
-        onVolumeChange?: React$1.ReactEventHandler<any> | undefined;
-        onVolumeChangeCapture?: React$1.ReactEventHandler<any> | undefined;
-        onWaiting?: React$1.ReactEventHandler<any> | undefined;
-        onWaitingCapture?: React$1.ReactEventHandler<any> | undefined;
-        onAuxClick?: React$1.MouseEventHandler<any> | undefined;
-        onAuxClickCapture?: React$1.MouseEventHandler<any> | undefined;
-        onClick?: React$1.MouseEventHandler<any> | undefined;
-        onClickCapture?: React$1.MouseEventHandler<any> | undefined;
-        onContextMenu?: React$1.MouseEventHandler<any> | undefined;
-        onContextMenuCapture?: React$1.MouseEventHandler<any> | undefined;
-        onDoubleClick?: React$1.MouseEventHandler<any> | undefined;
-        onDoubleClickCapture?: React$1.MouseEventHandler<any> | undefined;
-        onDragCapture?: React$1.DragEventHandler<any> | undefined;
-        onDragEndCapture?: React$1.DragEventHandler<any> | undefined;
-        onDragEnter?: React$1.DragEventHandler<any> | undefined;
-        onDragEnterCapture?: React$1.DragEventHandler<any> | undefined;
-        onDragExit?: React$1.DragEventHandler<any> | undefined;
-        onDragExitCapture?: React$1.DragEventHandler<any> | undefined;
-        onDragLeave?: React$1.DragEventHandler<any> | undefined;
-        onDragLeaveCapture?: React$1.DragEventHandler<any> | undefined;
-        onDragOver?: React$1.DragEventHandler<any> | undefined;
-        onDragOverCapture?: React$1.DragEventHandler<any> | undefined;
-        onDragStartCapture?: React$1.DragEventHandler<any> | undefined;
-        onDrop?: React$1.DragEventHandler<any> | undefined;
-        onDropCapture?: React$1.DragEventHandler<any> | undefined;
-        onMouseDown?: React$1.MouseEventHandler<any> | undefined;
-        onMouseDownCapture?: React$1.MouseEventHandler<any> | undefined;
-        onMouseEnter?: React$1.MouseEventHandler<any> | undefined;
-        onMouseLeave?: React$1.MouseEventHandler<any> | undefined;
-        onMouseMove?: React$1.MouseEventHandler<any> | undefined;
-        onMouseMoveCapture?: React$1.MouseEventHandler<any> | undefined;
-        onMouseOut?: React$1.MouseEventHandler<any> | undefined;
-        onMouseOutCapture?: React$1.MouseEventHandler<any> | undefined;
-        onMouseOver?: React$1.MouseEventHandler<any> | undefined;
-        onMouseOverCapture?: React$1.MouseEventHandler<any> | undefined;
-        onMouseUp?: React$1.MouseEventHandler<any> | undefined;
-        onMouseUpCapture?: React$1.MouseEventHandler<any> | undefined;
-        onSelect?: React$1.ReactEventHandler<any> | undefined;
-        onSelectCapture?: React$1.ReactEventHandler<any> | undefined;
-        onTouchCancel?: React$1.TouchEventHandler<any> | undefined;
-        onTouchCancelCapture?: React$1.TouchEventHandler<any> | undefined;
-        onTouchEnd?: React$1.TouchEventHandler<any> | undefined;
-        onTouchEndCapture?: React$1.TouchEventHandler<any> | undefined;
-        onTouchMove?: React$1.TouchEventHandler<any> | undefined;
-        onTouchMoveCapture?: React$1.TouchEventHandler<any> | undefined;
-        onTouchStart?: React$1.TouchEventHandler<any> | undefined;
-        onTouchStartCapture?: React$1.TouchEventHandler<any> | undefined;
-        onPointerDown?: React$1.PointerEventHandler<any> | undefined;
-        onPointerDownCapture?: React$1.PointerEventHandler<any> | undefined;
-        onPointerMove?: React$1.PointerEventHandler<any> | undefined;
-        onPointerMoveCapture?: React$1.PointerEventHandler<any> | undefined;
-        onPointerUp?: React$1.PointerEventHandler<any> | undefined;
-        onPointerUpCapture?: React$1.PointerEventHandler<any> | undefined;
-        onPointerCancel?: React$1.PointerEventHandler<any> | undefined;
-        onPointerCancelCapture?: React$1.PointerEventHandler<any> | undefined;
-        onPointerEnter?: React$1.PointerEventHandler<any> | undefined;
-        onPointerEnterCapture?: React$1.PointerEventHandler<any> | undefined;
-        onPointerLeave?: React$1.PointerEventHandler<any> | undefined;
-        onPointerLeaveCapture?: React$1.PointerEventHandler<any> | undefined;
-        onPointerOver?: React$1.PointerEventHandler<any> | undefined;
-        onPointerOverCapture?: React$1.PointerEventHandler<any> | undefined;
-        onPointerOut?: React$1.PointerEventHandler<any> | undefined;
-        onPointerOutCapture?: React$1.PointerEventHandler<any> | undefined;
-        onGotPointerCapture?: React$1.PointerEventHandler<any> | undefined;
-        onGotPointerCaptureCapture?: React$1.PointerEventHandler<any> | undefined;
-        onLostPointerCapture?: React$1.PointerEventHandler<any> | undefined;
-        onLostPointerCaptureCapture?: React$1.PointerEventHandler<any> | undefined;
-        onScroll?: React$1.UIEventHandler<any> | undefined;
-        onScrollCapture?: React$1.UIEventHandler<any> | undefined;
-        onWheel?: React$1.WheelEventHandler<any> | undefined;
-        onWheelCapture?: React$1.WheelEventHandler<any> | undefined;
-        onAnimationStartCapture?: React$1.AnimationEventHandler<any> | undefined;
-        onAnimationEnd?: React$1.AnimationEventHandler<any> | undefined;
-        onAnimationEndCapture?: React$1.AnimationEventHandler<any> | undefined;
-        onAnimationIteration?: React$1.AnimationEventHandler<any> | undefined;
-        onAnimationIterationCapture?: React$1.AnimationEventHandler<any> | undefined;
-        onTransitionEnd?: React$1.TransitionEventHandler<any> | undefined;
-        onTransitionEndCapture?: React$1.TransitionEventHandler<any> | undefined;
-        draggable?: (boolean | "false" | "true") | undefined;
-        slot?: string | undefined;
-        title?: string | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        placeholder?: string | undefined;
-        spellCheck?: (boolean | "false" | "true") | undefined;
-        radioGroup?: string | undefined;
-        about?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        resource?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "off" | "on" | undefined;
-        inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-        is?: string | undefined;
-    } & MotionProps & {
+    Group: React$1.ForwardRefExoticComponent<Props<unknown> & Omit<HTMLMotionProps<any>, "values"> & {
         children?: React$1.ReactNode;
     } & React$1.RefAttributes<any>>;
     Item: React$1.ForwardRefExoticComponent<Props$1<unknown> & {

package/dist/projection.dev.js

@@ -1242,7 +1242,7 @@
              * This will be replaced by the build step with the latest version number.
              * When MotionValues are provided to motion components, warn if versions are mixed.
              */
-            this.version = "7.3.5";
+            this.version = "7.4.0";
             /**
              * Duration, in milliseconds, since last updating frame.
              *
@@ -2339,7 +2339,7 @@
     function aspectRatio(box) {
         return calcLength(box.x) / calcLength(box.y);
     }
-    function isCloseTo(a, b, max = 0.01) {
+    function isCloseTo(a, b, max = 0.1) {
         return distance(a, b) <= max;
     }
 
@@ -3747,7 +3747,7 @@
     function shouldAnimatePositionOnly(animationType, snapshot, layout) {
         return (animationType === "position" ||
             (animationType === "preserve-aspect" &&
-                !isCloseTo(aspectRatio(snapshot), aspectRatio(layout))));
+                !isCloseTo(aspectRatio(snapshot), aspectRatio(layout), 0.2)));
     }
 
     function addDomEvent(target, eventName, handler, options = { passive: true }) {
@@ -4281,7 +4281,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "7.3.5", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.3.5 may not work as expected.`);
+                    warnOnce(nextValue.version === "7.4.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.4.0 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {
@@ -4480,6 +4480,16 @@
                 }
             }
         }
+        /**
+         * Update external values with initial values
+         */
+        if (props.values) {
+            for (const key in props.values) {
+                if (latestValues[key] !== undefined) {
+                    props.values[key].set(latestValues[key]);
+                }
+            }
+        }
         /**
          * Determine what role this visual element should take in the variant tree.
          */
@@ -4725,6 +4735,9 @@
              * value, we'll create one if none exists.
              */
             getValue(key, defaultValue) {
+                if (props.values && props.values[key]) {
+                    return props.values[key];
+                }
                 let value = values.get(key);
                 if (value === undefined && defaultValue !== undefined) {
                     value = motionValue(defaultValue);
@@ -4902,15 +4915,17 @@
                 style[key] = valueAsType;
             }
         }
-        if (hasTransform || transformTemplate) {
-            style.transform = buildTransform(state, options, transformIsNone, transformTemplate);
-        }
-        else if (!latestValues.transform && style.transform) {
-            /**
-             * If we have previously created a transform but currently don't have any,
-             * reset transform style to none.
-             */
-            style.transform = "none";
+        if (!latestValues.transform) {
+            if (hasTransform || transformTemplate) {
+                style.transform = buildTransform(state, options, transformIsNone, transformTemplate);
+            }
+            else if (style.transform) {
+                /**
+                 * If we have previously created a transform but currently don't have any,
+                 * reset transform style to none.
+                 */
+                style.transform = "none";
+            }
         }
         /**
          * Build a transformOrigin style. Uses the same defaults as the browser for

package/dist/size-rollup-dom-animation-assets.js

@@ -1 +1 @@
-import{createContext as t}from"react";const e=t(null),a="undefined"!=typeof document;function r(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function n(t){return"string"==typeof t||Array.isArray(t)}function s(t){return"object"==typeof t&&"function"==typeof t.start}const o=["initial","animate","exit","whileHover","whileDrag","whileTap","whileFocus","whileInView"];function i(t){return s(t.animate)||o.some(e=>n(t[e]))}function f(t){return Boolean(i(t)||t.variants)}const c=t=>({isEnabled:e=>t.some(t=>!!e[t])}),l={measureLayout:c(["layout","layoutId","drag"]),animation:c(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:c(["exit"]),drag:c(["drag","dragControls"]),focus:c(["whileFocus"]),hover:c(["whileHover","onHoverStart","onHoverEnd"]),tap:c(["whileTap","onTap","onTapStart","onTapCancel"]),pan:c(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:c(["whileInView","onViewportEnter","onViewportLeave"])},d=["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 u(t){return"string"==typeof t&&!t.includes("-")&&!!(d.indexOf(t)>-1||/[A-Z]/.test(t))}const p={},m=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],g=new Set(m);function h(t,{layout:e,layoutId:a}){return g.has(t)||t.startsWith("origin")||(e||void 0!==a)&&(!!p[t]||"opacity"===t)}const y=t=>!!(null==t?void 0:t.getVelocity),v={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},w=(t,e)=>m.indexOf(t)-m.indexOf(e);function b(t){return t.startsWith("--")}const x=(t,e)=>e&&"number"==typeof t?e.transform(t):t,k=(t,e)=>a=>Math.max(Math.min(a,e),t),O=t=>t%1?Number(t.toFixed(5)):t,T=/(-)?([\d]*\.?[\d])+/g,X=/(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,Y=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function $(t){return"string"==typeof t}const j={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},L=Object.assign(Object.assign({},j),{transform:k(0,1)}),P=Object.assign(Object.assign({},j),{default:1}),S=t=>({test:e=>$(e)&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),W=S("deg"),Z=S("%"),A=S("px"),R=S("vh"),B=S("vw"),H=Object.assign(Object.assign({},Z),{parse:t=>Z.parse(t)/100,transform:t=>Z.transform(100*t)}),V={...j,transform:Math.round},z={borderWidth:A,borderTopWidth:A,borderRightWidth:A,borderBottomWidth:A,borderLeftWidth:A,borderRadius:A,radius:A,borderTopLeftRadius:A,borderTopRightRadius:A,borderBottomRightRadius:A,borderBottomLeftRadius:A,width:A,maxWidth:A,height:A,maxHeight:A,size:A,top:A,right:A,bottom:A,left:A,padding:A,paddingTop:A,paddingRight:A,paddingBottom:A,paddingLeft:A,margin:A,marginTop:A,marginRight:A,marginBottom:A,marginLeft:A,rotate:W,rotateX:W,rotateY:W,rotateZ:W,scale:P,scaleX:P,scaleY:P,scaleZ:P,skew:W,skewX:W,skewY:W,distance:A,translateX:A,translateY:A,translateZ:A,x:A,y:A,z:A,perspective:A,transformPerspective:A,opacity:L,originX:H,originY:H,originZ:A,zIndex:V,fillOpacity:L,strokeOpacity:L,numOctaves:V};function C(t,e,a,r){const{style:n,vars:s,transform:o,transformKeys:i,transformOrigin:f}=t;i.length=0;let c=!1,l=!1,d=!0;for(const t in e){const a=e[t];if(b(t)){s[t]=a;continue}const r=z[t],u=x(a,r);if(g.has(t)){if(c=!0,o[t]=u,i.push(t),!d)continue;a!==(r.default||0)&&(d=!1)}else t.startsWith("origin")?(l=!0,f[t]=u):n[t]=u}if(c||r?n.transform=function({transform:t,transformKeys:e},{enableHardwareAcceleration:a=!0,allowTransformNone:r=!0},n,s){let o="";e.sort(w);for(const a of e)o+=`${v[a]||a}(${t[a]}) `;return a&&!t.z&&(o+="translateZ(0)"),o=o.trim(),s?o=s(t,n?"":o):r&&n&&(o="none"),o}(t,a,d,r):!e.transform&&n.transform&&(n.transform="none"),l){const{originX:t="50%",originY:e="50%",originZ:a=0}=f;n.transformOrigin=`${t} ${e} ${a}`}}function F(t,e,a){return"string"==typeof t?t:A.transform(e+a*t)}const I={offset:"stroke-dashoffset",array:"stroke-dasharray"},D={offset:"strokeDashoffset",array:"strokeDasharray"};function E(t,{attrX:e,attrY:a,originX:r,originY:n,pathLength:s,pathSpacing:o=1,pathOffset:i=0,...f},c,l){C(t,f,c,l),t.attrs=t.style,t.style={};const{attrs:d,style:u,dimensions:p}=t;d.transform&&(p&&(u.transform=d.transform),delete d.transform),p&&(void 0!==r||void 0!==n||u.transform)&&(u.transformOrigin=function(t,e,a){return`${F(e,t.x,t.width)} ${F(a,t.y,t.height)}`}(p,void 0!==r?r:.5,void 0!==n?n:.5)),void 0!==e&&(d.x=e),void 0!==a&&(d.y=a),void 0!==s&&function(t,e,a=1,r=0,n=!0){t.pathLength=1;const s=n?I:D;t[s.offset]=A.transform(-r);const o=A.transform(e),i=A.transform(a);t[s.array]=`${o} ${i}`}(d,s,o,i,!1)}const M=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();function K(t,{style:e,vars:a},r,n){Object.assign(t.style,e,n&&n.getProjectionStyles(r));for(const e in a)t.style.setProperty(e,a[e])}const q=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength"]);function N(t,e,a,r){K(t,e,void 0,r);for(const a in e.attrs)t.setAttribute(q.has(a)?a:M(a),e.attrs[a])}function U(t){const{style:e}=t,a={};for(const r in e)(y(e[r])||h(r,t))&&(a[r]=e[r]);return a}function G(t){const e=U(t);for(const a in t)if(y(t[a])){e["x"===a||"y"===a?"attr"+a.toUpperCase():a]=t[a]}return e}function J(t,e,a,r={},n={}){return"function"==typeof e&&(e=e(void 0!==a?a:t.custom,r,n)),"string"==typeof e&&(e=t.variants&&t.variants[e]),"function"==typeof e&&(e=e(void 0!==a?a:t.custom,r,n)),e}const Q=t=>Array.isArray(t),_=t=>Boolean(t&&"object"==typeof t&&t.mix&&t.toValue),tt=t=>Q(t)?t[t.length-1]||0:t;export{Q as A,z as B,tt as C,A as D,W as E,B as F,R as G,g as H,m as I,b as J,K,q as L,M,e as P,r as a,i as b,n as c,y as d,h as e,l as f,C as g,E as h,a as i,u as j,_ as k,f as l,s as m,N as n,U as o,$ as p,Y as q,J as r,G as s,T as t,Z as u,O as v,L as w,j as x,k as y,X as z};
+import{createContext as t}from"react";const e=t(null),a="undefined"!=typeof document;function r(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function n(t){return"string"==typeof t||Array.isArray(t)}function s(t){return"object"==typeof t&&"function"==typeof t.start}const o=["initial","animate","exit","whileHover","whileDrag","whileTap","whileFocus","whileInView"];function i(t){return s(t.animate)||o.some(e=>n(t[e]))}function f(t){return Boolean(i(t)||t.variants)}const c=t=>({isEnabled:e=>t.some(t=>!!e[t])}),l={measureLayout:c(["layout","layoutId","drag"]),animation:c(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:c(["exit"]),drag:c(["drag","dragControls"]),focus:c(["whileFocus"]),hover:c(["whileHover","onHoverStart","onHoverEnd"]),tap:c(["whileTap","onTap","onTapStart","onTapCancel"]),pan:c(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:c(["whileInView","onViewportEnter","onViewportLeave"])},d=["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 u(t){return"string"==typeof t&&!t.includes("-")&&!!(d.indexOf(t)>-1||/[A-Z]/.test(t))}const p={},m=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],g=new Set(m);function h(t,{layout:e,layoutId:a}){return g.has(t)||t.startsWith("origin")||(e||void 0!==a)&&(!!p[t]||"opacity"===t)}const y=t=>!!(null==t?void 0:t.getVelocity),v={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},w=(t,e)=>m.indexOf(t)-m.indexOf(e);function b(t){return t.startsWith("--")}const x=(t,e)=>e&&"number"==typeof t?e.transform(t):t,k=(t,e)=>a=>Math.max(Math.min(a,e),t),O=t=>t%1?Number(t.toFixed(5)):t,T=/(-)?([\d]*\.?[\d])+/g,X=/(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,Y=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function $(t){return"string"==typeof t}const j={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},L=Object.assign(Object.assign({},j),{transform:k(0,1)}),P=Object.assign(Object.assign({},j),{default:1}),S=t=>({test:e=>$(e)&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),W=S("deg"),Z=S("%"),A=S("px"),R=S("vh"),B=S("vw"),H=Object.assign(Object.assign({},Z),{parse:t=>Z.parse(t)/100,transform:t=>Z.transform(100*t)}),V={...j,transform:Math.round},z={borderWidth:A,borderTopWidth:A,borderRightWidth:A,borderBottomWidth:A,borderLeftWidth:A,borderRadius:A,radius:A,borderTopLeftRadius:A,borderTopRightRadius:A,borderBottomRightRadius:A,borderBottomLeftRadius:A,width:A,maxWidth:A,height:A,maxHeight:A,size:A,top:A,right:A,bottom:A,left:A,padding:A,paddingTop:A,paddingRight:A,paddingBottom:A,paddingLeft:A,margin:A,marginTop:A,marginRight:A,marginBottom:A,marginLeft:A,rotate:W,rotateX:W,rotateY:W,rotateZ:W,scale:P,scaleX:P,scaleY:P,scaleZ:P,skew:W,skewX:W,skewY:W,distance:A,translateX:A,translateY:A,translateZ:A,x:A,y:A,z:A,perspective:A,transformPerspective:A,opacity:L,originX:H,originY:H,originZ:A,zIndex:V,fillOpacity:L,strokeOpacity:L,numOctaves:V};function C(t,e,a,r){const{style:n,vars:s,transform:o,transformKeys:i,transformOrigin:f}=t;i.length=0;let c=!1,l=!1,d=!0;for(const t in e){const a=e[t];if(b(t)){s[t]=a;continue}const r=z[t],u=x(a,r);if(g.has(t)){if(c=!0,o[t]=u,i.push(t),!d)continue;a!==(r.default||0)&&(d=!1)}else t.startsWith("origin")?(l=!0,f[t]=u):n[t]=u}if(e.transform||(c||r?n.transform=function({transform:t,transformKeys:e},{enableHardwareAcceleration:a=!0,allowTransformNone:r=!0},n,s){let o="";e.sort(w);for(const a of e)o+=`${v[a]||a}(${t[a]}) `;return a&&!t.z&&(o+="translateZ(0)"),o=o.trim(),s?o=s(t,n?"":o):r&&n&&(o="none"),o}(t,a,d,r):n.transform&&(n.transform="none")),l){const{originX:t="50%",originY:e="50%",originZ:a=0}=f;n.transformOrigin=`${t} ${e} ${a}`}}function F(t,e,a){return"string"==typeof t?t:A.transform(e+a*t)}const I={offset:"stroke-dashoffset",array:"stroke-dasharray"},D={offset:"strokeDashoffset",array:"strokeDasharray"};function E(t,{attrX:e,attrY:a,originX:r,originY:n,pathLength:s,pathSpacing:o=1,pathOffset:i=0,...f},c,l){C(t,f,c,l),t.attrs=t.style,t.style={};const{attrs:d,style:u,dimensions:p}=t;d.transform&&(p&&(u.transform=d.transform),delete d.transform),p&&(void 0!==r||void 0!==n||u.transform)&&(u.transformOrigin=function(t,e,a){return`${F(e,t.x,t.width)} ${F(a,t.y,t.height)}`}(p,void 0!==r?r:.5,void 0!==n?n:.5)),void 0!==e&&(d.x=e),void 0!==a&&(d.y=a),void 0!==s&&function(t,e,a=1,r=0,n=!0){t.pathLength=1;const s=n?I:D;t[s.offset]=A.transform(-r);const o=A.transform(e),i=A.transform(a);t[s.array]=`${o} ${i}`}(d,s,o,i,!1)}const M=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();function K(t,{style:e,vars:a},r,n){Object.assign(t.style,e,n&&n.getProjectionStyles(r));for(const e in a)t.style.setProperty(e,a[e])}const q=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength"]);function N(t,e,a,r){K(t,e,void 0,r);for(const a in e.attrs)t.setAttribute(q.has(a)?a:M(a),e.attrs[a])}function U(t){const{style:e}=t,a={};for(const r in e)(y(e[r])||h(r,t))&&(a[r]=e[r]);return a}function G(t){const e=U(t);for(const a in t)if(y(t[a])){e["x"===a||"y"===a?"attr"+a.toUpperCase():a]=t[a]}return e}function J(t,e,a,r={},n={}){return"function"==typeof e&&(e=e(void 0!==a?a:t.custom,r,n)),"string"==typeof e&&(e=t.variants&&t.variants[e]),"function"==typeof e&&(e=e(void 0!==a?a:t.custom,r,n)),e}const Q=t=>Array.isArray(t),_=t=>Boolean(t&&"object"==typeof t&&t.mix&&t.toValue),tt=t=>Q(t)?t[t.length-1]||0:t;export{Q as A,z as B,tt as C,A as D,W as E,B as F,R as G,g as H,m as I,b as J,K,q as L,M,e as P,r as a,i as b,n as c,y as d,h as e,l as f,C as g,E as h,a as i,u as j,_ as k,f as l,s as m,N as n,U as o,$ as p,Y as q,J as r,G as s,T as t,Z as u,O as v,L as w,j as x,k as y,X as z};

package/dist/size-rollup-dom-animation-m.js

@@ -1 +1 @@
-import*as t from"react";import n,{createContext as e,useContext as r,useLayoutEffect as o,useEffect as a,useRef as s,useCallback as i,useMemo as u,forwardRef as c,createElement as l}from"react";import{i as d,P as m,M as f,a as p,b as y,c as g,f as v,u as h,g as S,S as E,L as w,d as C,e as V,h as A,j as b,k as M,r as P,l as T,m as j,n as x,s as D,o as L,p as B}from"./size-rollup-dom-max-assets.js";const F=e({});const I=d?o:a,O=e({strict:!1});function R(t,n,e,o){const i=r(F).visualElement,u=r(O),c=r(m),l=r(f).reducedMotion,d=s(void 0);o=o||u.renderer,!d.current&&o&&(d.current=o(t,{visualState:n,parent:i,props:e,presenceId:c?c.id:void 0,blockInitialAnimation:!!c&&!1===c.initial,reducedMotionConfig:l}));const p=d.current;return I(()=>{p&&p.syncRender()}),a(()=>{p&&p.animationState&&p.animationState.animateChanges()}),I(()=>()=>p&&p.notifyUnmount(),[]),p}function k(t){const{initial:n,animate:e}=function(t,n){if(y(t)){const{initial:n,animate:e}=t;return{initial:!1===n||g(n)?n:void 0,animate:g(e)?e:void 0}}return!1!==t.inherit?n:{}}(t,r(F));return u(()=>({initial:n,animate:e}),[H(n),H(e)])}function H(t){return Array.isArray(t)?t.join(" "):t}let U=1;class N extends n.Component{getSnapshotBeforeUpdate(){const{visualElement:t,props:n}=this.props;return t&&t.setProps(n),null}componentDidUpdate(){}render(){return this.props.children}}const K=Symbol.for("motionComponentSymbol");function W({preloadedFeatures:n,createVisualElement:e,projectionNodeConstructor:o,useRender:a,useVisualState:s,Component:u}){n&&function(t){for(const n in t)"projectionNodeConstructor"===n?v.projectionNodeConstructor=t[n]:v[n].Component=t[n]}(n);const l=c((function(c,l){const m={...r(f),...c,layoutId:_(c)},{isStatic:y}=m;let g=null;const w=k(c),C=y?void 0:h(()=>{if(S.hasEverUpdated)return U++}),V=s(c,y);if(!y&&d){w.visualElement=R(u,V,m,e);const t=r(O).strict,a=r(E);w.visualElement&&(g=w.visualElement.loadFeatures(m,t,n,C,o||v.projectionNodeConstructor,a))}return t.createElement(N,{visualElement:w.visualElement,props:m},g,t.createElement(F.Provider,{value:w},a(u,c,C,function(t,n,e){return i(r=>{r&&t.mount&&t.mount(r),n&&(r?n.mount(r):n.unmount()),e&&("function"==typeof e?e(r):p(e)&&(e.current=r))},[n])}(V,w.visualElement,l),V,y,w.visualElement)))}));return l[K]=u,l}function _({layoutId:t}){const n=r(w).id;return n&&void 0!==t?n+"-"+t:t}const q=()=>({style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}});function z(t,n,e){for(const r in n)C(n[r])||V(r,e)||(t[r]=n[r])}function X(t,n,e){const r={};return z(r,t.style||{},t),Object.assign(r,function({transformTemplate:t},n,e){return u(()=>{const r={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}};return A(r,n,{enableHardwareAcceleration:!e},t),Object.assign({},r.vars,r.style)},[n])}(t,n,e)),t.transformValues?t.transformValues(r):r}function Y(t,n,e){const r={},o=X(t,n,e);return t.drag&&!1!==t.dragListener&&(r.draggable=!1,o.userSelect=o.WebkitUserSelect=o.WebkitTouchCallout="none",o.touchAction=!0===t.drag?"none":"pan-"+("x"===t.drag?"y":"x")),r.style=o,r}const G=new Set(["initial","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","onHoverStart","onHoverEnd","layoutScroll","whileInView","onViewportEnter","onViewportLeave","viewport","whileTap","onTap","onTapStart","onTapCancel","animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView","onPan","onPanStart","onPanSessionStart","onPanEnd"]);function J(t){return G.has(t)}let Q=t=>!J(t);try{(Z=require("@emotion/is-prop-valid").default)&&(Q=t=>t.startsWith("on")?!J(t):Z(t))}catch(t){}var Z;const $=()=>({style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{},attrs:{}});function tt(t,n){const e=u(()=>{const e={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{},attrs:{}};return b(e,n,{enableHardwareAcceleration:!1},t.transformTemplate),{...e.attrs,style:{...e.style}}},[n]);if(t.style){const n={};z(n,t.style,t),e.style={...n,...e.style}}return e}function nt(t=!1){return(n,e,r,o,{latestValues:a},s)=>{const i=(M(n)?tt:Y)(e,a,s),u={...function(t,n,e){const r={};for(const o in t)(Q(o)||!0===e&&J(o)||!n&&!J(o)||t.draggable&&o.startsWith("onDrag"))&&(r[o]=t[o]);return r}(e,"string"==typeof n,t),...i,ref:o};return r&&(u["data-projection-id"]=r),l(n,u)}}const et=t=>(n,e)=>{const o=r(F),a=r(m),s=()=>function({scrapeMotionValuesFromProps:t,createRenderState:n,onMount:e},r,o,a){const s={latestValues:rt(r,o,a,t),renderState:n()};return e&&(s.mount=t=>e(r,t,s)),s}(t,n,o,a);return e?s():h(s)};function rt(t,n,e,r){const o={},a=r(t);for(const t in a)o[t]=P(a[t]);let{initial:s,animate:i}=t;const u=y(t),c=T(t);n&&c&&!u&&!1!==t.inherit&&(void 0===s&&(s=n.initial),void 0===i&&(i=n.animate));let l=!!e&&!1===e.initial;l=l||!1===s;const d=l?i:s;if(d&&"boolean"!=typeof d&&!j(d)){(Array.isArray(d)?d:[d]).forEach(n=>{const e=x(t,n);if(!e)return;const{transitionEnd:r,transition:a,...s}=e;for(const t in s){let n=s[t];if(Array.isArray(n)){n=n[l?n.length-1:0]}null!==n&&(o[t]=n)}for(const t in r)o[t]=r[t]})}return o}const ot={useVisualState:et({scrapeMotionValuesFromProps:D,createRenderState:$,onMount:(t,n,{renderState:e,latestValues:r})=>{try{e.dimensions="function"==typeof n.getBBox?n.getBBox():n.getBoundingClientRect()}catch(t){e.dimensions={x:0,y:0,width:0,height:0}}b(e,r,{enableHardwareAcceleration:!1},t.transformTemplate),L(n,e)}})},at={useVisualState:et({scrapeMotionValuesFromProps:B,createRenderState:q})};const st=function(t){function n(n,e={}){return W(t(n,e))}if("undefined"==typeof Proxy)return n;const e=new Map;return new Proxy(n,{get:(t,r)=>(e.has(r)||e.set(r,n(r)),e.get(r))})}((function(t,{forwardMotionProps:n=!1},e,r,o){return{...M(t)?ot:at,preloadedFeatures:e,useRender:nt(n),createVisualElement:r,projectionNodeConstructor:o,Component:t}}));export{st as m};
+import*as t from"react";import n,{createContext as e,useContext as r,useLayoutEffect as o,useEffect as a,useRef as s,useCallback as i,useMemo as u,forwardRef as c,createElement as l}from"react";import{i as d,P as m,M as f,a as p,b as y,c as g,f as v,u as h,g as S,S as E,L as w,d as C,e as V,h as A,j as b,k as M,r as P,l as T,m as j,n as x,s as D,o as L,p as B}from"./size-rollup-dom-max-assets.js";const F=e({});const I=d?o:a,O=e({strict:!1});function R(t,n,e,o){const i=r(F).visualElement,u=r(O),c=r(m),l=r(f).reducedMotion,d=s(void 0);o=o||u.renderer,!d.current&&o&&(d.current=o(t,{visualState:n,parent:i,props:e,presenceId:c?c.id:void 0,blockInitialAnimation:!!c&&!1===c.initial,reducedMotionConfig:l}));const p=d.current;return I(()=>{p&&p.syncRender()}),a(()=>{p&&p.animationState&&p.animationState.animateChanges()}),I(()=>()=>p&&p.notifyUnmount(),[]),p}function k(t){const{initial:n,animate:e}=function(t,n){if(y(t)){const{initial:n,animate:e}=t;return{initial:!1===n||g(n)?n:void 0,animate:g(e)?e:void 0}}return!1!==t.inherit?n:{}}(t,r(F));return u(()=>({initial:n,animate:e}),[H(n),H(e)])}function H(t){return Array.isArray(t)?t.join(" "):t}let U=1;class N extends n.Component{getSnapshotBeforeUpdate(){const{visualElement:t,props:n}=this.props;return t&&t.setProps(n),null}componentDidUpdate(){}render(){return this.props.children}}const K=Symbol.for("motionComponentSymbol");function W({preloadedFeatures:n,createVisualElement:e,projectionNodeConstructor:o,useRender:a,useVisualState:s,Component:u}){n&&function(t){for(const n in t)"projectionNodeConstructor"===n?v.projectionNodeConstructor=t[n]:v[n].Component=t[n]}(n);const l=c((function(c,l){const m={...r(f),...c,layoutId:_(c)},{isStatic:y}=m;let g=null;const w=k(c),C=y?void 0:h(()=>{if(S.hasEverUpdated)return U++}),V=s(c,y);if(!y&&d){w.visualElement=R(u,V,m,e);const t=r(O).strict,a=r(E);w.visualElement&&(g=w.visualElement.loadFeatures(m,t,n,C,o||v.projectionNodeConstructor,a))}return t.createElement(N,{visualElement:w.visualElement,props:m},g,t.createElement(F.Provider,{value:w},a(u,c,C,function(t,n,e){return i(r=>{r&&t.mount&&t.mount(r),n&&(r?n.mount(r):n.unmount()),e&&("function"==typeof e?e(r):p(e)&&(e.current=r))},[n])}(V,w.visualElement,l),V,y,w.visualElement)))}));return l[K]=u,l}function _({layoutId:t}){const n=r(w).id;return n&&void 0!==t?n+"-"+t:t}const q=()=>({style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}});function z(t,n,e){for(const r in n)C(n[r])||V(r,e)||(t[r]=n[r])}function X(t,n,e){const r={};return z(r,t.style||{},t),Object.assign(r,function({transformTemplate:t},n,e){return u(()=>{const r={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}};return A(r,n,{enableHardwareAcceleration:!e},t),Object.assign({},r.vars,r.style)},[n])}(t,n,e)),t.transformValues?t.transformValues(r):r}function Y(t,n,e){const r={},o=X(t,n,e);return t.drag&&!1!==t.dragListener&&(r.draggable=!1,o.userSelect=o.WebkitUserSelect=o.WebkitTouchCallout="none",o.touchAction=!0===t.drag?"none":"pan-"+("x"===t.drag?"y":"x")),r.style=o,r}const G=new Set(["initial","style","values","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","onHoverStart","onHoverEnd","layoutScroll","whileInView","onViewportEnter","onViewportLeave","viewport","whileTap","onTap","onTapStart","onTapCancel","animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView","onPan","onPanStart","onPanSessionStart","onPanEnd"]);function J(t){return G.has(t)}let Q=t=>!J(t);try{(Z=require("@emotion/is-prop-valid").default)&&(Q=t=>t.startsWith("on")?!J(t):Z(t))}catch(t){}var Z;const $=()=>({style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{},attrs:{}});function tt(t,n){const e=u(()=>{const e={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{},attrs:{}};return b(e,n,{enableHardwareAcceleration:!1},t.transformTemplate),{...e.attrs,style:{...e.style}}},[n]);if(t.style){const n={};z(n,t.style,t),e.style={...n,...e.style}}return e}function nt(t=!1){return(n,e,r,o,{latestValues:a},s)=>{const i=(M(n)?tt:Y)(e,a,s),u={...function(t,n,e){const r={};for(const o in t)(Q(o)||!0===e&&J(o)||!n&&!J(o)||t.draggable&&o.startsWith("onDrag"))&&(r[o]=t[o]);return r}(e,"string"==typeof n,t),...i,ref:o};return r&&(u["data-projection-id"]=r),l(n,u)}}const et=t=>(n,e)=>{const o=r(F),a=r(m),s=()=>function({scrapeMotionValuesFromProps:t,createRenderState:n,onMount:e},r,o,a){const s={latestValues:rt(r,o,a,t),renderState:n()};return e&&(s.mount=t=>e(r,t,s)),s}(t,n,o,a);return e?s():h(s)};function rt(t,n,e,r){const o={},a=r(t);for(const t in a)o[t]=P(a[t]);let{initial:s,animate:i}=t;const u=y(t),c=T(t);n&&c&&!u&&!1!==t.inherit&&(void 0===s&&(s=n.initial),void 0===i&&(i=n.animate));let l=!!e&&!1===e.initial;l=l||!1===s;const d=l?i:s;if(d&&"boolean"!=typeof d&&!j(d)){(Array.isArray(d)?d:[d]).forEach(n=>{const e=x(t,n);if(!e)return;const{transitionEnd:r,transition:a,...s}=e;for(const t in s){let n=s[t];if(Array.isArray(n)){n=n[l?n.length-1:0]}null!==n&&(o[t]=n)}for(const t in r)o[t]=r[t]})}return o}const ot={useVisualState:et({scrapeMotionValuesFromProps:D,createRenderState:$,onMount:(t,n,{renderState:e,latestValues:r})=>{try{e.dimensions="function"==typeof n.getBBox?n.getBBox():n.getBoundingClientRect()}catch(t){e.dimensions={x:0,y:0,width:0,height:0}}b(e,r,{enableHardwareAcceleration:!1},t.transformTemplate),L(n,e)}})},at={useVisualState:et({scrapeMotionValuesFromProps:B,createRenderState:q})};const st=function(t){function n(n,e={}){return W(t(n,e))}if("undefined"==typeof Proxy)return n;const e=new Map;return new Proxy(n,{get:(t,r)=>(e.has(r)||e.set(r,n(r)),e.get(r))})}((function(t,{forwardMotionProps:n=!1},e,r,o){return{...M(t)?ot:at,preloadedFeatures:e,useRender:nt(n),createVisualElement:r,projectionNodeConstructor:o,Component:t}}));export{st as m};