@vkzstudio/muza-ui 1.0.8 → 1.0.10

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
 };

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

@@ -1,16 +1,16 @@
 import { useMemo as i } from "react";
-import { isForcedMotionValue as a } from "../../motion/utils/is-forced-motion-value.js";
-import { buildHTMLStyles as r } from "./utils/build-styles.js";
-import { createHtmlRenderState as l } from "./utils/create-render-state.js";
-import { isMotionValue as s } from "../../../../../motion-dom/dist/es/value/utils/is-motion-value.js";
+import { createHtmlRenderState as a } from "./utils/create-render-state.js";
+import { isMotionValue as r } from "../../../../../motion-dom/dist/es/value/utils/is-motion-value.js";
+import { isForcedMotionValue as l } from "../../../../../motion-dom/dist/es/render/utils/is-forced-motion-value.js";
+import { buildHTMLStyles as s } from "../../../../../motion-dom/dist/es/render/html/utils/build-styles.js";
 function u(t, o, n) {
   for (const e in o)
-    !s(o[e]) && !a(e, n) && (t[e] = o[e]);
+    !r(o[e]) && !l(e, n) && (t[e] = o[e]);
 }
 function c({ transformTemplate: t }, o) {
   return i(() => {
-    const n = l();
-    return r(n, o, t), Object.assign({}, n.vars, n.style);
+    const n = a();
+    return s(n, o, t), Object.assign({}, n.vars, n.style);
   }, [o]);
 }
 function f(t, o) {

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

@@ -1,12 +1,12 @@
 import { useMemo as m } from "react";
 import { copyRawValuesOnly as l } from "../html/use-props.js";
-import { buildSVGAttrs as i } from "./utils/build-attrs.js";
-import { createSvgRenderState as a } from "./utils/create-render-state.js";
-import { isSVGTag as n } from "./utils/is-svg-tag.js";
+import { createSvgRenderState as i } from "./utils/create-render-state.js";
+import { buildSVGAttrs as a } from "../../../../../motion-dom/dist/es/render/svg/utils/build-attrs.js";
+import { isSVGTag as n } from "../../../../../motion-dom/dist/es/render/svg/utils/is-svg-tag.js";
 function G(e, s, y, o) {
   const r = m(() => {
-    const t = a();
-    return i(t, s, n(o), e.transformTemplate, e.style), {
+    const t = i();
+    return a(t, s, n(o), e.transformTemplate, e.style), {
       ...t.attrs,
       style: { ...t.style }
     };

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

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

package/dist/node_modules/framer-motion/dist/es/value/use-transform.js

@@ -1,23 +1,31 @@
-import { useConstant as m } from "../utils/use-constant.js";
-import { useCombineMotionValues as u } from "./use-combine-values.js";
-import { useComputed as i } from "./use-computed.js";
-import { transform as c } from "../../../../motion-dom/dist/es/utils/transform.js";
-function h(o, r, e, n) {
-  if (typeof o == "function")
-    return i(o);
-  const t = typeof r == "function" ? r : c(r, e, n);
-  return Array.isArray(o) ? f(o, t) : f([o], ([s]) => t(s));
+import { useConstant as c } from "../utils/use-constant.js";
+import { useCombineMotionValues as i } from "./use-combine-values.js";
+import { useComputed as y } from "./use-computed.js";
+import { transform as l } from "../../../../motion-dom/dist/es/utils/transform.js";
+function A(t, r, o, e) {
+  if (typeof t == "function")
+    return y(t);
+  if (o !== void 0 && !Array.isArray(o) && typeof r != "function")
+    return d(t, r, o, e);
+  const n = typeof r == "function" ? r : l(r, o, e);
+  return Array.isArray(t) ? u(t, n) : u([t], ([m]) => n(m));
 }
-function f(o, r) {
-  const e = m(() => []);
-  return u(o, () => {
-    e.length = 0;
-    const n = o.length;
-    for (let t = 0; t < n; t++)
-      e[t] = o[t].get();
-    return r(e);
+function u(t, r) {
+  const o = c(() => []);
+  return i(t, () => {
+    o.length = 0;
+    const e = t.length;
+    for (let s = 0; s < e; s++)
+      o[s] = t[s].get();
+    return r(o);
   });
 }
+function d(t, r, o, e) {
+  const s = c(() => Object.keys(o)), f = c(() => ({}));
+  for (const n of s)
+    f[n] = A(t, r, o[n], e);
+  return f;
+}
 export {
-  h as useTransform
+  A as useTransform
 };