@vkzstudio/muza-ui 1.0.8 → 1.0.9

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

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

@@ -1,45 +1,46 @@
-import { useContext as f, useRef as l, useInsertionEffect as h, useEffect as j } from "react";
-import { optimizedAppearDataAttribute as I } from "../../animation/optimized-appear/data-id.js";
-import { LazyContext as A } from "../../context/LazyContext.js";
-import { MotionConfigContext as S } from "../../context/MotionConfigContext.js";
-import { MotionContext as L } from "../../context/MotionContext/index.js";
+import { useContext as u, useRef as p, useInsertionEffect as A, useEffect as I } from "react";
+import { LazyContext as S } from "../../context/LazyContext.js";
+import { MotionConfigContext as L } from "../../context/MotionConfigContext.js";
+import { MotionContext as O } from "../../context/MotionContext/index.js";
 import { PresenceContext as R } from "../../context/PresenceContext.js";
 import { SwitchLayoutGroupContext as b } from "../../context/SwitchLayoutGroupContext.js";
 import { isRefObject as k } from "../../utils/is-ref-object.js";
 import { useIsomorphicLayoutEffect as H } from "../../utils/use-isomorphic-effect.js";
-function J(o, s, n, i, u) {
-  var y, M;
-  const { visualElement: a } = f(L), p = f(A), e = f(R), m = f(S).reducedMotion, r = l(null);
-  i = i || p.renderer, !r.current && i && (r.current = i(o, {
-    visualState: s,
-    parent: a,
-    props: n,
-    presenceContext: e,
-    blockInitialAnimation: e ? e.initial === !1 : !1,
-    reducedMotionConfig: m
-  }));
-  const t = r.current, x = f(b);
-  t && !t.projection && u && (t.type === "html" || t.type === "svg") && z(r.current, n, u, x);
-  const C = l(!1);
-  h(() => {
-    t && C.current && t.update(n, e);
+import { optimizedAppearDataAttribute as z } from "../../../../../motion-dom/dist/es/animation/optimized-appear/data-id.js";
+function Q(o, f, e, r, s, a) {
+  var w, g;
+  const { visualElement: l } = u(O), c = u(S), i = u(R), C = u(L).reducedMotion, n = p(null), y = p(!1);
+  r = r || c.renderer, !n.current && r && (n.current = r(o, {
+    visualState: f,
+    parent: l,
+    props: e,
+    presenceContext: i,
+    blockInitialAnimation: i ? i.initial === !1 : !1,
+    reducedMotionConfig: C,
+    isSVG: a
+  }), y.current && n.current && (n.current.manuallyAnimateOnMount = !0));
+  const t = n.current, j = u(b);
+  t && !t.projection && s && (t.type === "html" || t.type === "svg") && P(n.current, e, s, j);
+  const M = p(!1);
+  A(() => {
+    t && M.current && t.update(e, i);
   });
-  const c = n[I], d = l(!!c && !((y = window.MotionHandoffIsComplete) != null && y.call(window, c)) && ((M = window.MotionHasOptimisedAnimation) == null ? void 0 : M.call(window, c)));
+  const d = e[z], m = p(!!d && !((w = window.MotionHandoffIsComplete) != null && w.call(window, d)) && ((g = window.MotionHasOptimisedAnimation) == null ? void 0 : g.call(window, d)));
   return H(() => {
-    t && (C.current = !0, window.MotionIsMounted = !0, t.updateFeatures(), t.scheduleRenderMicrotask(), d.current && t.animationState && t.animationState.animateChanges());
-  }), j(() => {
-    t && (!d.current && t.animationState && t.animationState.animateChanges(), d.current && (queueMicrotask(() => {
-      var w;
-      (w = window.MotionHandoffMarkAsComplete) == null || w.call(window, c);
-    }), d.current = !1), t.enteringChildren = void 0);
+    y.current = !0, t && (M.current = !0, window.MotionIsMounted = !0, t.updateFeatures(), t.scheduleRenderMicrotask(), m.current && t.animationState && t.animationState.animateChanges());
+  }), I(() => {
+    t && (!m.current && t.animationState && t.animationState.animateChanges(), m.current && (queueMicrotask(() => {
+      var h;
+      (h = window.MotionHandoffMarkAsComplete) == null || h.call(window, d);
+    }), m.current = !1), t.enteringChildren = void 0);
   }), t;
 }
-function z(o, s, n, i) {
-  const { layoutId: u, layout: a, drag: p, dragConstraints: e, layoutScroll: m, layoutRoot: r, layoutCrossfade: t } = s;
-  o.projection = new n(o.latestValues, s["data-framer-portal-id"] ? void 0 : g(o.parent)), o.projection.setOptions({
-    layoutId: u,
+function P(o, f, e, r) {
+  const { layoutId: s, layout: a, drag: l, dragConstraints: c, layoutScroll: i, layoutRoot: C, layoutCrossfade: n } = f;
+  o.projection = new e(o.latestValues, f["data-framer-portal-id"] ? void 0 : x(o.parent)), o.projection.setOptions({
+    layoutId: s,
     layout: a,
-    alwaysMeasureLayout: !!p || e && k(e),
+    alwaysMeasureLayout: !!l || c && k(c),
     visualElement: o,
     /**
      * TODO: Update options in an effect. This could be tricky as it'll be too late
@@ -49,16 +50,16 @@ function z(o, s, n, i) {
      *
      */
     animationType: typeof a == "string" ? a : "both",
-    initialPromotionConfig: i,
-    crossfade: t,
-    layoutScroll: m,
-    layoutRoot: r
+    initialPromotionConfig: r,
+    crossfade: n,
+    layoutScroll: i,
+    layoutRoot: C
   });
 }
-function g(o) {
+function x(o) {
   if (o)
-    return o.options.allowProjection !== !1 ? o.projection : g(o.parent);
+    return o.options.allowProjection !== !1 ? o.projection : x(o.parent);
 }
 export {
-  J as useVisualElement
+  Q as useVisualElement
 };

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

@@ -1,11 +1,11 @@
 import { useContext as C } from "react";
-import { isAnimationControls as x } from "../../animation/utils/is-animation-controls.js";
-import { MotionContext as S } from "../../context/MotionContext/index.js";
-import { PresenceContext as h } from "../../context/PresenceContext.js";
-import { isControllingVariants as M, isVariantNode as N } from "../../render/utils/is-controlling-variants.js";
-import { resolveVariantFromProps as P } from "../../render/utils/resolve-variants.js";
-import { useConstant as T } from "../../utils/use-constant.js";
-import { resolveMotionValue as $ } from "../../value/utils/resolve-motion-value.js";
+import { MotionContext as x } from "../../context/MotionContext/index.js";
+import { PresenceContext as S } from "../../context/PresenceContext.js";
+import { useConstant as h } from "../../utils/use-constant.js";
+import { resolveMotionValue as M } from "../../../../../motion-dom/dist/es/value/utils/resolve-motion-value.js";
+import { isControllingVariants as N, isVariantNode as P } from "../../../../../motion-dom/dist/es/render/utils/is-controlling-variants.js";
+import { isAnimationControls as T } from "../../../../../motion-dom/dist/es/render/utils/is-animation-controls.js";
+import { resolveVariantFromProps as $ } from "../../../../../motion-dom/dist/es/render/utils/resolve-variants.js";
 function b({ scrapeMotionValuesFromProps: t, createRenderState: i }, e, s, n) {
   return {
     latestValues: p(e, s, n, t),
@@ -15,17 +15,17 @@ function b({ scrapeMotionValuesFromProps: t, createRenderState: i }, e, s, n) {
 function p(t, i, e, s) {
   const n = {}, o = s(t, {});
   for (const l in o)
-    n[l] = $(o[l]);
+    n[l] = M(o[l]);
   let { initial: m, animate: u } = t;
-  const g = M(t), v = N(t);
+  const g = N(t), v = P(t);
   i && v && !g && t.inherit !== !1 && (m === void 0 && (m = i.initial), u === void 0 && (u = i.animate));
   let c = e ? e.initial === !1 : !1;
   c = c || m === !1;
   const a = c ? u : m;
-  if (a && typeof a != "boolean" && !x(a)) {
+  if (a && typeof a != "boolean" && !T(a)) {
     const l = Array.isArray(a) ? a : [a];
     for (let d = 0; d < l.length; d++) {
-      const V = P(t, l[d]);
+      const V = $(t, l[d]);
       if (V) {
         const { transitionEnd: k, transition: B, ...y } = V;
         for (const f in y) {
@@ -44,8 +44,8 @@ function p(t, i, e, s) {
   return n;
 }
 const z = (t) => (i, e) => {
-  const s = C(S), n = C(h), o = () => b(t, i, s, n);
-  return e ? o() : T(o);
+  const s = C(x), n = C(S), o = () => b(t, i, s, n);
+  return e ? o() : h(o);
 };
 export {
   z as makeUseVisualState

package/dist/node_modules/framer-motion/dist/es/render/dom/create-visual-element.js

@@ -1,10 +1,10 @@
 import { Fragment as m } from "react";
-import { HTMLVisualElement as o } from "../html/HTMLVisualElement.js";
-import { SVGVisualElement as t } from "../svg/SVGVisualElement.js";
-import { isSVGComponent as i } from "./utils/is-svg-component.js";
-const f = (e, r) => i(e) ? new t(r) : new o(r, {
-  allowProjection: e !== m
+import { isSVGComponent as t } from "./utils/is-svg-component.js";
+import { SVGVisualElement as o } from "../../../../../motion-dom/dist/es/render/svg/SVGVisualElement.js";
+import { HTMLVisualElement as i } from "../../../../../motion-dom/dist/es/render/html/HTMLVisualElement.js";
+const G = (r, e) => e.isSVG ?? t(r) ? new o(e) : new i(e, {
+  allowProjection: r !== m
 });
 export {
-  f as createDomVisualElement
+  G as createDomVisualElement
 };

package/dist/node_modules/framer-motion/dist/es/render/dom/use-render.js

@@ -1,16 +1,16 @@
-import { Fragment as c, useMemo as p, createElement as P } from "react";
-import { useHTMLProps as a } from "../html/use-props.js";
-import { useSVGProps as d } from "../svg/use-props.js";
-import { filterProps as V } from "./utils/filter-props.js";
-import { isSVGComponent as g } from "./utils/is-svg-component.js";
-import { isMotionValue as h } from "../../../../../motion-dom/dist/es/value/utils/is-motion-value.js";
-function F(r, s, o, { latestValues: t }, i, m = !1) {
-  const n = (g(r) ? d : a)(s, t, i, r), l = V(s, typeof r == "string", m), u = r !== c ? { ...l, ...n, ref: o } : {}, { children: e } = s, f = p(() => h(e) ? e.get() : e, [e]);
-  return P(r, {
-    ...u,
-    children: f
+import { Fragment as p, useMemo as P, createElement as a } from "react";
+import { useHTMLProps as d } from "../html/use-props.js";
+import { useSVGProps as V } from "../svg/use-props.js";
+import { filterProps as g } from "./utils/filter-props.js";
+import { isSVGComponent as h } from "./utils/is-svg-component.js";
+import { isMotionValue as M } from "../../../../../motion-dom/dist/es/value/utils/is-motion-value.js";
+function H(r, s, o, { latestValues: t }, i, m = !1, n) {
+  const l = (n ?? h(r) ? V : d)(s, t, i, r), u = g(s, typeof r == "string", m), f = r !== p ? { ...u, ...l, ref: o } : {}, { children: e } = s, c = P(() => M(e) ? e.get() : e, [e]);
+  return a(r, {
+    ...f,
+    children: c
   });
 }
 export {
-  F as useRender
+  H as useRender
 };

package/dist/node_modules/framer-motion/dist/es/render/html/use-html-visual-state.js

@@ -1,10 +1,10 @@
 import { makeUseVisualState as e } from "../../motion/utils/use-visual-state.js";
 import { createHtmlRenderState as t } from "./utils/create-render-state.js";
-import { scrapeMotionValuesFromProps as r } from "./utils/scrape-motion-values.js";
-const s = /* @__PURE__ */ e({
+import { scrapeMotionValuesFromProps as r } from "../../../../../motion-dom/dist/es/render/html/utils/scrape-motion-values.js";
+const m = /* @__PURE__ */ e({
   scrapeMotionValuesFromProps: r,
   createRenderState: t
 });
 export {
-  s as useHTMLVisualState
+  m as useHTMLVisualState
 };