@vkzstudio/muza-ui 1.0.8 → 1.0.10

package/dist/node_modules/framer-motion/dist/es/gestures/pan/PanSession.js

@@ -1,84 +1,131 @@
-import { addPointerEvent as m } from "../../events/add-pointer-event.js";
-import { extractEventInfo as S } from "../../events/event-info.js";
-import { distance2D as T } from "../../utils/distance.js";
-import { frameData as x, frame as D, cancelFrame as W } from "../../../../../motion-dom/dist/es/frameloop/frame.js";
-import { isPrimaryPointer as L } from "../../../../../motion-dom/dist/es/gestures/utils/is-primary-pointer.js";
-import { pipe as U } from "../../../../../motion-utils/dist/es/pipe.js";
-import { secondsToMilliseconds as O, millisecondsToSeconds as V } from "../../../../../motion-utils/dist/es/time-conversion.js";
-class C {
-  constructor(n, o, { transformPagePoint: e, contextWindow: r = window, dragSnapToOrigin: h = !1, distanceThreshold: s = 3 } = {}) {
-    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
+import { addPointerEvent as v } from "../../events/add-pointer-event.js";
+import { extractEventInfo as W } from "../../events/event-info.js";
+import { distance2D as D } from "../../utils/distance.js";
+import { frameData as P, frame as x, cancelFrame as k } from "../../../../../motion-dom/dist/es/frameloop/frame.js";
+import { isPrimaryPointer as U } from "../../../../../motion-dom/dist/es/gestures/utils/is-primary-pointer.js";
+import { pipe as X } from "../../../../../motion-utils/dist/es/pipe.js";
+import { secondsToMilliseconds as Y, millisecondsToSeconds as O } from "../../../../../motion-utils/dist/es/time-conversion.js";
+const S = /* @__PURE__ */ new Set(["auto", "scroll"]);
+class B {
+  constructor(t, i, { transformPagePoint: s, contextWindow: r = window, dragSnapToOrigin: o = !1, distanceThreshold: l = 3, element: p } = {}) {
+    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.scrollPositions = /* @__PURE__ */ new Map(), this.removeScrollListeners = null, this.onElementScroll = (e) => {
+      this.handleScroll(e.target);
+    }, this.onWindowScroll = () => {
+      this.handleScroll(window);
+    }, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const i = p(this.lastMoveEventInfo, this.history), a = this.startEvent !== null, c = T(i.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
-      if (!a && !c)
+      const e = u(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, c = D(e.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
+      if (!h && !c)
         return;
-      const { point: f } = i, { timestamp: d } = x;
-      this.history.push({ ...f, timestamp: d });
-      const { onStart: l, onMove: E } = this.handlers;
-      a || (l && l(this.lastMoveEvent, i), this.startEvent = this.lastMoveEvent), E && E(this.lastMoveEvent, i);
-    }, this.handlePointerMove = (i, a) => {
-      this.lastMoveEvent = i, this.lastMoveEventInfo = v(a, this.transformPagePoint), D.update(this.updatePoint, !0);
-    }, this.handlePointerUp = (i, a) => {
+      const { point: d } = e, { timestamp: f } = P;
+      this.history.push({ ...d, timestamp: f });
+      const { onStart: a, onMove: E } = this.handlers;
+      h || (a && a(this.lastMoveEvent, e), this.startEvent = this.lastMoveEvent), E && E(this.lastMoveEvent, e);
+    }, this.handlePointerMove = (e, h) => {
+      this.lastMoveEvent = e, this.lastMoveEventInfo = m(h, this.transformPagePoint), x.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (e, h) => {
       this.end();
-      const { onEnd: c, onSessionEnd: f, resumeAnimation: d } = this.handlers;
-      if (this.dragSnapToOrigin && d && d(), !(this.lastMoveEvent && this.lastMoveEventInfo))
+      const { onEnd: c, onSessionEnd: d, resumeAnimation: f } = this.handlers;
+      if ((this.dragSnapToOrigin || !this.startEvent) && f && f(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const l = p(i.type === "pointercancel" ? this.lastMoveEventInfo : v(a, this.transformPagePoint), this.history);
-      this.startEvent && c && c(i, l), f && f(i, l);
-    }, !L(n))
+      const a = u(e.type === "pointercancel" ? this.lastMoveEventInfo : m(h, this.transformPagePoint), this.history);
+      this.startEvent && c && c(e, a), d && d(e, a);
+    }, !U(t))
       return;
-    this.dragSnapToOrigin = h, this.handlers = o, this.transformPagePoint = e, this.distanceThreshold = s, this.contextWindow = r || window;
-    const g = S(n), u = v(g, this.transformPagePoint), { point: w } = u, { timestamp: I } = x;
-    this.history = [{ ...w, timestamp: I }];
-    const { onSessionStart: P } = o;
-    P && P(n, p(u, this.history)), this.removeListeners = U(m(this.contextWindow, "pointermove", this.handlePointerMove), m(this.contextWindow, "pointerup", this.handlePointerUp), m(this.contextWindow, "pointercancel", this.handlePointerUp));
+    this.dragSnapToOrigin = o, this.handlers = i, this.transformPagePoint = s, this.distanceThreshold = l, this.contextWindow = r || window;
+    const g = W(t), w = m(g, this.transformPagePoint), { point: L } = w, { timestamp: T } = P;
+    this.history = [{ ...L, timestamp: T }];
+    const { onSessionStart: y } = i;
+    y && y(t, u(w, this.history)), this.removeListeners = X(v(this.contextWindow, "pointermove", this.handlePointerMove), v(this.contextWindow, "pointerup", this.handlePointerUp), v(this.contextWindow, "pointercancel", this.handlePointerUp)), p && this.startScrollTracking(p);
   }
-  updateHandlers(n) {
-    this.handlers = n;
+  /**
+   * Start tracking scroll on ancestors and window.
+   */
+  startScrollTracking(t) {
+    let i = t.parentElement;
+    for (; i; ) {
+      const s = getComputedStyle(i);
+      (S.has(s.overflowX) || S.has(s.overflowY)) && this.scrollPositions.set(i, {
+        x: i.scrollLeft,
+        y: i.scrollTop
+      }), i = i.parentElement;
+    }
+    this.scrollPositions.set(window, {
+      x: window.scrollX,
+      y: window.scrollY
+    }), window.addEventListener("scroll", this.onElementScroll, {
+      capture: !0,
+      passive: !0
+    }), window.addEventListener("scroll", this.onWindowScroll, {
+      passive: !0
+    }), this.removeScrollListeners = () => {
+      window.removeEventListener("scroll", this.onElementScroll, {
+        capture: !0
+      }), window.removeEventListener("scroll", this.onWindowScroll);
+    };
+  }
+  /**
+   * Handle scroll compensation during drag.
+   *
+   * For element scroll: adjusts history origin since pageX/pageY doesn't change.
+   * For window scroll: adjusts lastMoveEventInfo since pageX/pageY would change.
+   */
+  handleScroll(t) {
+    const i = this.scrollPositions.get(t);
+    if (!i)
+      return;
+    const s = t === window, r = s ? { x: window.scrollX, y: window.scrollY } : {
+      x: t.scrollLeft,
+      y: t.scrollTop
+    }, o = { x: r.x - i.x, y: r.y - i.y };
+    o.x === 0 && o.y === 0 || (s ? this.lastMoveEventInfo && (this.lastMoveEventInfo.point.x += o.x, this.lastMoveEventInfo.point.y += o.y) : this.history.length > 0 && (this.history[0].x -= o.x, this.history[0].y -= o.y), this.scrollPositions.set(t, r), x.update(this.updatePoint, !0));
+  }
+  updateHandlers(t) {
+    this.handlers = t;
   }
   end() {
-    this.removeListeners && this.removeListeners(), W(this.updatePoint);
+    this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), k(this.updatePoint);
   }
 }
-function v(t, n) {
-  return n ? { point: n(t.point) } : t;
+function m(n, t) {
+  return t ? { point: t(n.point) } : n;
 }
-function y(t, n) {
-  return { x: t.x - n.x, y: t.y - n.y };
+function M(n, t) {
+  return { x: n.x - t.x, y: n.y - t.y };
 }
-function p({ point: t }, n) {
+function u({ point: n }, t) {
   return {
-    point: t,
-    delta: y(t, M(n)),
-    offset: y(t, b(n)),
-    velocity: k(n, 0.1)
+    point: n,
+    delta: M(n, I(t)),
+    offset: M(n, V(t)),
+    velocity: b(t, 0.1)
   };
 }
-function b(t) {
-  return t[0];
+function V(n) {
+  return n[0];
 }
-function M(t) {
-  return t[t.length - 1];
+function I(n) {
+  return n[n.length - 1];
 }
-function k(t, n) {
-  if (t.length < 2)
+function b(n, t) {
+  if (n.length < 2)
     return { x: 0, y: 0 };
-  let o = t.length - 1, e = null;
-  const r = M(t);
-  for (; o >= 0 && (e = t[o], !(r.timestamp - e.timestamp > O(n))); )
-    o--;
-  if (!e)
+  let i = n.length - 1, s = null;
+  const r = I(n);
+  for (; i >= 0 && (s = n[i], !(r.timestamp - s.timestamp > Y(t))); )
+    i--;
+  if (!s)
     return { x: 0, y: 0 };
-  const h = V(r.timestamp - e.timestamp);
-  if (h === 0)
+  const o = O(r.timestamp - s.timestamp);
+  if (o === 0)
     return { x: 0, y: 0 };
-  const s = {
-    x: (r.x - e.x) / h,
-    y: (r.y - e.y) / h
+  const l = {
+    x: (r.x - s.x) / o,
+    y: (r.y - s.y) / o
   };
-  return s.x === 1 / 0 && (s.x = 0), s.y === 1 / 0 && (s.y = 0), s;
+  return l.x === 1 / 0 && (l.x = 0), l.y === 1 / 0 && (l.y = 0), l;
 }
 export {
-  C as PanSession
+  B as PanSession
 };

package/dist/node_modules/framer-motion/dist/es/gestures/pan/index.js

@@ -1,20 +1,20 @@
 import { addPointerEvent as m } from "../../events/add-pointer-event.js";
-import { Feature as P } from "../../motion/features/Feature.js";
-import { getContextWindow as h } from "../../utils/get-context-window.js";
-import { PanSession as p } from "./PanSession.js";
+import { getContextWindow as P } from "../../utils/get-context-window.js";
+import { PanSession as h } from "./PanSession.js";
+import { Feature as p } from "../../../../../motion-dom/dist/es/render/Feature.js";
 import { noop as u } from "../../../../../motion-utils/dist/es/noop.js";
 import { frame as r } from "../../../../../motion-dom/dist/es/frameloop/frame.js";
 const s = (e) => (n, o) => {
   e && r.postRender(() => e(n, o));
 };
-class v extends P {
+class v extends p {
   constructor() {
     super(...arguments), this.removePointerDownListener = u;
   }
   onPointerDown(n) {
-    this.session = new p(n, this.createPanHandlers(), {
+    this.session = new h(n, this.createPanHandlers(), {
       transformPagePoint: this.node.getTransformPagePoint(),
-      contextWindow: h(this.node)
+      contextWindow: P(this.node)
     });
   }
   createPanHandlers() {

package/dist/node_modules/framer-motion/dist/es/gestures/press.js

@@ -1,5 +1,5 @@
 import { extractEventInfo as i } from "../events/event-info.js";
-import { Feature as m } from "../motion/features/Feature.js";
+import { Feature as m } from "../../../../motion-dom/dist/es/render/Feature.js";
 import { press as u } from "../../../../motion-dom/dist/es/gestures/press/index.js";
 import { frame as p } from "../../../../motion-dom/dist/es/frameloop/frame.js";
 function s(t, e, n) {

package/dist/node_modules/framer-motion/dist/es/motion/features/animation/exit.js

@@ -1,4 +1,4 @@
-import { Feature as s } from "../Feature.js";
+import { Feature as s } from "../../../../../../motion-dom/dist/es/render/Feature.js";
 let o = 0;
 class d extends s {
   constructor() {

package/dist/node_modules/framer-motion/dist/es/motion/features/animation/index.js

@@ -1,7 +1,7 @@
-import { isAnimationControls as o } from "../../../animation/utils/is-animation-controls.js";
-import { createAnimationState as i } from "../../../render/utils/animation-state.js";
-import { Feature as s } from "../Feature.js";
-class u extends s {
+import { Feature as o } from "../../../../../../motion-dom/dist/es/render/Feature.js";
+import { createAnimationState as i } from "../../../../../../motion-dom/dist/es/render/utils/animation-state.js";
+import { isAnimationControls as s } from "../../../../../../motion-dom/dist/es/render/utils/is-animation-controls.js";
+class u extends o {
   /**
    * We dynamically generate the AnimationState manager as it contains a reference
    * to the underlying animation library. We only want to load that if we load this,
@@ -12,7 +12,7 @@ class u extends s {
   }
   updateAnimationControlsSubscription() {
     const { animate: t } = this.node.getProps();
-    o(t) && (this.unmountControls = t.subscribe(this.node));
+    s(t) && (this.unmountControls = t.subscribe(this.node));
   }
   /**
    * Subscribe any provided AnimationControls to the component's VisualElement

package/dist/node_modules/framer-motion/dist/es/motion/features/definitions.js

@@ -1,3 +1,4 @@
+import { getFeatureDefinitions as r, setFeatureDefinitions as s } from "../../../../../motion-dom/dist/es/render/VisualElement.js";
 const n = {
   animation: [
     "animate",
@@ -17,11 +18,22 @@ const n = {
   pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
-}, t = {};
-for (const e in n)
-  t[e] = {
-    isEnabled: (o) => n[e].some((a) => !!o[a])
-  };
+};
+let t = !1;
+function l() {
+  if (t)
+    return;
+  const e = {};
+  for (const i in n)
+    e[i] = {
+      isEnabled: (o) => n[i].some((a) => !!o[a])
+    };
+  s(e), t = !0;
+}
+function w() {
+  return l(), r();
+}
 export {
-  t as featureDefinitions
+  w as getInitializedFeatureDefinitions,
+  l as initFeatureDefinitions
 };

package/dist/node_modules/framer-motion/dist/es/motion/features/drag.js

@@ -1,7 +1,7 @@
 import { DragGesture as r } from "../../gestures/drag/index.js";
 import { PanGesture as o } from "../../gestures/pan/index.js";
 import { MeasureLayout as e } from "./layout/MeasureLayout.js";
-import { HTMLProjectionNode as t } from "../../projection/node/HTMLProjectionNode.js";
+import { HTMLProjectionNode as t } from "../../../../../motion-dom/dist/es/projection/node/HTMLProjectionNode.js";
 const u = {
   pan: {
     Feature: o

package/dist/node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.js

@@ -1,46 +1,47 @@
 import { jsx as m } from "react/jsx-runtime";
-import { useContext as d, Component as f } from "react";
-import { usePresence as c } from "../../../components/AnimatePresence/use-presence.js";
-import { LayoutGroupContext as l } from "../../../context/LayoutGroupContext.js";
-import { SwitchLayoutGroupContext as h } from "../../../context/SwitchLayoutGroupContext.js";
-import { globalProjectionState as R } from "../../../projection/node/state.js";
-import { correctBorderRadius as n } from "../../../projection/styles/scale-border-radius.js";
-import { correctBoxShadow as g } from "../../../projection/styles/scale-box-shadow.js";
-import { addScaleCorrector as y } from "../../../projection/styles/scale-correction.js";
-import { frame as T } from "../../../../../../motion-dom/dist/es/frameloop/frame.js";
-import { microtask as v } from "../../../../../../motion-dom/dist/es/frameloop/microtask.js";
-let a = !1;
-class L extends f {
+import { useContext as u, Component as l } from "react";
+import { usePresence as f } from "../../../components/AnimatePresence/use-presence.js";
+import { LayoutGroupContext as c } from "../../../context/LayoutGroupContext.js";
+import { SwitchLayoutGroupContext as d } from "../../../context/SwitchLayoutGroupContext.js";
+import { globalProjectionState as h } from "../../../../../../motion-dom/dist/es/projection/node/state.js";
+import { frame as y } from "../../../../../../motion-dom/dist/es/frameloop/frame.js";
+import { microtask as g } from "../../../../../../motion-dom/dist/es/frameloop/microtask.js";
+let i = !1;
+class v extends l {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
    * in order to incorporate transforms
    */
   componentDidMount() {
-    const { visualElement: e, layoutGroup: t, switchLayoutGroup: r, layoutId: s } = this.props, { projection: o } = e;
-    y(b), o && (t.group && t.group.add(o), r && r.register && s && r.register(o), a && o.root.didUpdate(), o.addEventListener("animationComplete", () => {
+    const { visualElement: e, layoutGroup: t, switchLayoutGroup: n, layoutId: s } = this.props, { projection: o } = e;
+    o && (t.group && t.group.add(o), n && n.register && s && n.register(o), i && o.root.didUpdate(), o.addEventListener("animationComplete", () => {
       this.safeToRemove();
     }), o.setOptions({
       ...o.options,
+      layoutDependency: this.props.layoutDependency,
       onExitComplete: () => this.safeToRemove()
-    })), R.hasEverUpdated = !0;
+    })), h.hasEverUpdated = !0;
   }
   getSnapshotBeforeUpdate(e) {
-    const { layoutDependency: t, visualElement: r, drag: s, isPresent: o } = this.props, { projection: i } = r;
-    return i && (i.isPresent = o, a = !0, s || e.layoutDependency !== t || t === void 0 || e.isPresent !== o ? i.willUpdate() : this.safeToRemove(), e.isPresent !== o && (o ? i.promote() : i.relegate() || T.postRender(() => {
-      const u = i.getStack();
-      (!u || !u.members.length) && this.safeToRemove();
+    const { layoutDependency: t, visualElement: n, drag: s, isPresent: o } = this.props, { projection: r } = n;
+    return r && (r.isPresent = o, e.layoutDependency !== t && r.setOptions({
+      ...r.options,
+      layoutDependency: t
+    }), i = !0, s || e.layoutDependency !== t || t === void 0 || e.isPresent !== o ? r.willUpdate() : this.safeToRemove(), e.isPresent !== o && (o ? r.promote() : r.relegate() || y.postRender(() => {
+      const p = r.getStack();
+      (!p || !p.members.length) && this.safeToRemove();
     }))), null;
   }
   componentDidUpdate() {
     const { projection: e } = this.props.visualElement;
-    e && (e.root.didUpdate(), v.postRender(() => {
+    e && (e.root.didUpdate(), g.postRender(() => {
       !e.currentAnimation && e.isLead() && this.safeToRemove();
     }));
   }
   componentWillUnmount() {
-    const { visualElement: e, layoutGroup: t, switchLayoutGroup: r } = this.props, { projection: s } = e;
-    a = !0, s && (s.scheduleCheckAfterUnmount(), t && t.group && t.group.remove(s), r && r.deregister && r.deregister(s));
+    const { visualElement: e, layoutGroup: t, switchLayoutGroup: n } = this.props, { projection: s } = e;
+    i = !0, s && (s.scheduleCheckAfterUnmount(), t && t.group && t.group.remove(s), n && n.deregister && n.deregister(s));
   }
   safeToRemove() {
     const { safeToRemove: e } = this.props;
@@ -50,26 +51,10 @@ class L extends f {
     return null;
   }
 }
-function D(p) {
-  const [e, t] = c(), r = d(l);
-  return m(L, { ...p, layoutGroup: r, switchLayoutGroup: d(h), isPresent: e, safeToRemove: t });
+function E(a) {
+  const [e, t] = f(), n = u(c);
+  return m(v, { ...a, layoutGroup: n, switchLayoutGroup: u(d), isPresent: e, safeToRemove: t });
 }
-const b = {
-  borderRadius: {
-    ...n,
-    applyTo: [
-      "borderTopLeftRadius",
-      "borderTopRightRadius",
-      "borderBottomLeftRadius",
-      "borderBottomRightRadius"
-    ]
-  },
-  borderTopLeftRadius: n,
-  borderTopRightRadius: n,
-  borderBottomLeftRadius: n,
-  borderBottomRightRadius: n,
-  boxShadow: g
-};
 export {
-  D as MeasureLayout
+  E as MeasureLayout
 };

package/dist/node_modules/framer-motion/dist/es/motion/features/layout.js

@@ -1,9 +1,9 @@
-import { HTMLProjectionNode as o } from "../../projection/node/HTMLProjectionNode.js";
-import { MeasureLayout as t } from "./layout/MeasureLayout.js";
+import { MeasureLayout as o } from "./layout/MeasureLayout.js";
+import { HTMLProjectionNode as t } from "../../../../../motion-dom/dist/es/projection/node/HTMLProjectionNode.js";
 const a = {
   layout: {
-    ProjectionNode: o,
-    MeasureLayout: t
+    ProjectionNode: t,
+    MeasureLayout: o
   }
 };
 export {

package/dist/node_modules/framer-motion/dist/es/motion/features/load-features.js

@@ -1,11 +1,14 @@
-import { featureDefinitions as n } from "./definitions.js";
-function e(i) {
-  for (const o in i)
-    n[o] = {
-      ...n[o],
-      ...i[o]
+import { getInitializedFeatureDefinitions as o } from "./definitions.js";
+import { setFeatureDefinitions as n } from "../../../../../motion-dom/dist/es/render/VisualElement.js";
+function s(e) {
+  const i = o();
+  for (const t in e)
+    i[t] = {
+      ...i[t],
+      ...e[t]
     };
+  n(i);
 }
 export {
-  e as loadFeatures
+  s as loadFeatures
 };

package/dist/node_modules/framer-motion/dist/es/motion/features/viewport/index.js

@@ -1,10 +1,10 @@
-import { Feature as m } from "../Feature.js";
-import { observeIntersection as f } from "./observers.js";
+import { observeIntersection as m } from "./observers.js";
+import { Feature as f } from "../../../../../../motion-dom/dist/es/render/Feature.js";
 const w = {
   some: 0,
   all: 1
 };
-class v extends m {
+class v extends f {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -22,7 +22,7 @@ class v extends m {
       const { onViewportEnter: p, onViewportLeave: d } = this.node.getProps(), a = e ? p : d;
       a && a(i);
     };
-    return f(this.node.current, u, c);
+    return m(this.node.current, u, c);
   }
   mount() {
     this.startObserver();

package/dist/node_modules/framer-motion/dist/es/motion/index.js

@@ -1,63 +1,63 @@
-import { jsxs as y, jsx as v } from "react/jsx-runtime";
-import { forwardRef as S, useContext as c } from "react";
-import { LayoutGroupContext as x } from "../context/LayoutGroupContext.js";
-import { LazyContext as E } from "../context/LazyContext.js";
-import { MotionConfigContext as L } from "../context/MotionConfigContext.js";
-import { MotionContext as g } from "../context/MotionContext/index.js";
-import { useCreateMotionContext as j } from "../context/MotionContext/create.js";
-import { useRender as N } from "../render/dom/use-render.js";
-import { isSVGComponent as P } from "../render/dom/utils/is-svg-component.js";
-import { useHTMLVisualState as V } from "../render/html/use-html-visual-state.js";
-import { useSVGVisualState as w } from "../render/svg/use-svg-visual-state.js";
-import { isBrowser as C } from "../utils/is-browser.js";
-import { featureDefinitions as b } from "./features/definitions.js";
-import { loadFeatures as h } from "./features/load-features.js";
-import { motionComponentSymbol as z } from "./utils/symbol.js";
-import { useMotionRef as G } from "./utils/use-motion-ref.js";
-import { useVisualElement as R } from "./utils/use-visual-element.js";
-import { warning as D, invariant as k } from "../../../../motion-utils/dist/es/errors.js";
-function it(t, { forwardMotionProps: o = !1 } = {}, e, i) {
-  e && h(e);
-  const p = P(t) ? w : V;
-  function f(n, M) {
-    let a;
+import { jsxs as S, jsx as x } from "react/jsx-runtime";
+import { forwardRef as E, useContext as l } from "react";
+import { LayoutGroupContext as g } from "../context/LayoutGroupContext.js";
+import { LazyContext as L } from "../context/LazyContext.js";
+import { MotionConfigContext as V } from "../context/MotionConfigContext.js";
+import { MotionContext as j } from "../context/MotionContext/index.js";
+import { useCreateMotionContext as N } from "../context/MotionContext/create.js";
+import { useRender as P } from "../render/dom/use-render.js";
+import { isSVGComponent as w } from "../render/dom/utils/is-svg-component.js";
+import { useHTMLVisualState as C } from "../render/html/use-html-visual-state.js";
+import { useSVGVisualState as b } from "../render/svg/use-svg-visual-state.js";
+import { isBrowser as h } from "../utils/is-browser.js";
+import { getInitializedFeatureDefinitions as z } from "./features/definitions.js";
+import { loadFeatures as G } from "./features/load-features.js";
+import { motionComponentSymbol as D } from "./utils/symbol.js";
+import { useMotionRef as R } from "./utils/use-motion-ref.js";
+import { useVisualElement as I } from "./utils/use-visual-element.js";
+import { warning as k, invariant as F } from "../../../../motion-utils/dist/es/errors.js";
+function rt(t, { forwardMotionProps: i = !1, type: e } = {}, o, a) {
+  o && G(o);
+  const m = e ? e === "svg" : w(t), y = m ? b : C;
+  function d(n, v) {
+    let u;
     const r = {
-      ...c(L),
+      ...l(V),
       ...n,
-      layoutId: I(n)
-    }, { isStatic: m } = r, s = j(n), u = p(n, m);
-    if (!m && C) {
-      O(r, e);
-      const d = T(r);
-      a = d.MeasureLayout, s.visualElement = R(t, u, r, i, d.ProjectionNode);
+      layoutId: O(n)
+    }, { isStatic: c } = r, s = N(n), f = y(n, c);
+    if (!c && h) {
+      T(r, o);
+      const M = $(r);
+      u = M.MeasureLayout, s.visualElement = I(t, f, r, a, M.ProjectionNode, m);
     }
-    return y(g.Provider, { value: s, children: [a && s.visualElement ? v(a, { visualElement: s.visualElement, ...r }) : null, N(t, n, G(u, s.visualElement, M), u, m, o)] });
+    return S(j.Provider, { value: s, children: [u && s.visualElement ? x(u, { visualElement: s.visualElement, ...r }) : null, P(t, n, R(f, s.visualElement, v), f, c, i, m)] });
   }
-  f.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
-  const l = S(f);
-  return l[z] = t, l;
+  d.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
+  const p = E(d);
+  return p[D] = t, p;
 }
-function I({ layoutId: t }) {
-  const o = c(x).id;
-  return o && t !== void 0 ? o + "-" + t : t;
+function O({ layoutId: t }) {
+  const i = l(g).id;
+  return i && t !== void 0 ? i + "-" + t : t;
 }
-function O(t, o) {
-  const e = c(E).strict;
-  if (process.env.NODE_ENV !== "production" && o && e) {
-    const i = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-    t.ignoreStrict ? D(!1, i, "lazy-strict-mode") : k(!1, i, "lazy-strict-mode");
+function T(t, i) {
+  const e = l(L).strict;
+  if (process.env.NODE_ENV !== "production" && i && e) {
+    const o = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
+    t.ignoreStrict ? k(!1, o, "lazy-strict-mode") : F(!1, o, "lazy-strict-mode");
   }
 }
-function T(t) {
-  const { drag: o, layout: e } = b;
-  if (!o && !e)
+function $(t) {
+  const i = z(), { drag: e, layout: o } = i;
+  if (!e && !o)
     return {};
-  const i = { ...o, ...e };
+  const a = { ...e, ...o };
   return {
-    MeasureLayout: o != null && o.isEnabled(t) || e != null && e.isEnabled(t) ? i.MeasureLayout : void 0,
-    ProjectionNode: i.ProjectionNode
+    MeasureLayout: e != null && e.isEnabled(t) || o != null && o.isEnabled(t) ? a.MeasureLayout : void 0,
+    ProjectionNode: a.ProjectionNode
   };
 }
 export {
-  it as createMotionComponent
+  rt as createMotionComponent
 };

package/dist/node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.js

@@ -1,16 +1,21 @@
-import { useCallback as p } from "react";
-import { isRefObject as i } from "../../utils/is-ref-object.js";
-function b(r, u, f) {
-  return p(
-    (o) => {
-      o && r.onMount && r.onMount(o), u && (o ? u.mount(o) : u.unmount()), f && (typeof f == "function" ? f(o) : i(f) && (f.current = o));
-    },
-    /**
-     * Include externalRef in dependencies to ensure the callback updates
-     * when the ref changes, allowing proper ref forwarding.
-     */
-    [u]
-  );
+import { useRef as C, useInsertionEffect as y, useCallback as M } from "react";
+function b(n, f, e) {
+  const c = C(e);
+  y(() => {
+    c.current = e;
+  });
+  const u = C(null);
+  return M((r) => {
+    var t;
+    r && ((t = n.onMount) == null || t.call(n, r)), f && (r ? f.mount(r) : f.unmount());
+    const o = c.current;
+    if (typeof o == "function")
+      if (r) {
+        const p = o(r);
+        typeof p == "function" && (u.current = p);
+      } else u.current ? (u.current(), u.current = null) : o(r);
+    else o && (o.current = r);
+  }, [f]);
 }
 export {
   b as useMotionRef