@vkzstudio/muza-ui 1.0.8 → 1.0.9

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

@@ -1,45 +1,47 @@
-import { jsx as E, Fragment as N } from "react/jsx-runtime";
-import { useMemo as F, useRef as w, useState as k, useContext as G } from "react";
+import { jsx as k, Fragment as Y } from "react/jsx-runtime";
+import { useMemo as F, useRef as p, useState as v, useContext as G } from "react";
 import { LayoutGroupContext as O } from "../../context/LayoutGroupContext.js";
 import { useConstant as R } from "../../utils/use-constant.js";
-import { useIsomorphicLayoutEffect as S } from "../../utils/use-isomorphic-effect.js";
-import { PresenceChild as V } from "./PresenceChild.js";
-import { usePresence as X } from "./use-presence.js";
-import { onlyElements as v, getChildKey as c } from "./utils.js";
-const T = ({ children: h, custom: A, initial: L = !0, onExitComplete: p, presenceAffectsLayout: b = !0, mode: u = "sync", propagate: l = !1, anchorX: j = "left", root: D }) => {
-  const [C, f] = X(l), n = F(() => v(h), [h]), o = l && !C ? [] : n.map(c), y = w(!0), x = w(n), r = R(() => /* @__PURE__ */ new Map()), [I, K] = k(n), [i, P] = k(n);
-  S(() => {
-    y.current = !1, x.current = n;
-    for (let t = 0; t < i.length; t++) {
-      const e = c(i[t]);
-      o.includes(e) ? r.delete(e) : r.get(e) !== !0 && r.set(e, !1);
+import { useIsomorphicLayoutEffect as V } from "../../utils/use-isomorphic-effect.js";
+import { PresenceChild as X } from "./PresenceChild.js";
+import { usePresence as _ } from "./use-presence.js";
+import { onlyElements as A, getChildKey as c } from "./utils.js";
+const W = ({ children: C, custom: L, initial: b = !0, onExitComplete: y, presenceAffectsLayout: j = !0, mode: u = "sync", propagate: l = !1, anchorX: D = "left", anchorY: I = "top", root: K }) => {
+  const [x, f] = _(l), n = F(() => A(C), [C]), o = l && !x ? [] : n.map(c), g = p(!0), P = p(n), i = R(() => /* @__PURE__ */ new Map()), d = p(/* @__PURE__ */ new Set()), [M, N] = v(n), [r, w] = v(n);
+  V(() => {
+    g.current = !1, P.current = n;
+    for (let t = 0; t < r.length; t++) {
+      const e = c(r[t]);
+      o.includes(e) ? (i.delete(e), d.current.delete(e)) : i.get(e) !== !0 && i.set(e, !1);
     }
-  }, [i, o.length, o.join("-")]);
-  const d = [];
-  if (n !== I) {
+  }, [r, o.length, o.join("-")]);
+  const m = [];
+  if (n !== M) {
     let t = [...n];
-    for (let e = 0; e < i.length; e++) {
-      const s = i[e], a = c(s);
-      o.includes(a) || (t.splice(e, 0, s), d.push(s));
+    for (let e = 0; e < r.length; e++) {
+      const s = r[e], h = c(s);
+      o.includes(h) || (t.splice(e, 0, s), m.push(s));
     }
-    return u === "wait" && d.length && (t = d), P(v(t)), K(n), null;
+    return u === "wait" && m.length && (t = m), w(A(t)), N(n), null;
   }
-  process.env.NODE_ENV !== "production" && u === "wait" && i.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
-  const { forceRender: m } = G(O);
-  return E(N, { children: i.map((t) => {
-    const e = c(t), s = l && !C ? !1 : n === i || o.includes(e), a = () => {
-      if (r.has(e))
-        r.set(e, !0);
+  process.env.NODE_ENV !== "production" && u === "wait" && r.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
+  const { forceRender: a } = G(O);
+  return k(Y, { children: r.map((t) => {
+    const e = c(t), s = l && !x ? !1 : n === r || o.includes(e), h = () => {
+      if (d.current.has(e))
+        return;
+      if (d.current.add(e), i.has(e))
+        i.set(e, !0);
       else
         return;
-      let g = !0;
-      r.forEach((M) => {
-        M || (g = !1);
-      }), g && (m == null || m(), P(x.current), l && (f == null || f()), p && p());
+      let E = !0;
+      i.forEach((S) => {
+        S || (E = !1);
+      }), E && (a == null || a(), w(P.current), l && (f == null || f()), y && y());
     };
-    return E(V, { isPresent: s, initial: !y.current || L ? void 0 : !1, custom: A, presenceAffectsLayout: b, mode: u, root: D, onExitComplete: s ? void 0 : a, anchorX: j, children: t }, e);
+    return k(X, { isPresent: s, initial: !g.current || b ? void 0 : !1, custom: L, presenceAffectsLayout: j, mode: u, root: K, onExitComplete: s ? void 0 : h, anchorX: D, anchorY: I, children: t }, e);
   }) });
 };
 export {
-  T as AnimatePresence
+  W as AnimatePresence
 };

package/dist/node_modules/framer-motion/dist/es/components/Reorder/Group.js

@@ -1,38 +1,46 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as x, useRef as g, useEffect as h } from "react";
-import { ReorderContext as y } from "../../context/ReorderContext.js";
-import { motion as C } from "../../render/components/motion/proxy.js";
-import { useConstant as G } from "../../utils/use-constant.js";
-import { checkReorder as O } from "./utils/check-reorder.js";
-import { invariant as w } from "../../../../../motion-utils/dist/es/errors.js";
-function I({ children: e, as: u = "ul", axis: f = "y", onReorder: p, values: c, ...s }, a) {
-  const l = G(() => C[u]), r = [], m = g(!1);
-  w(!!c, "Reorder.Group must be provided a values prop", "reorder-values");
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as w, useRef as a, useEffect as G } from "react";
+import { ReorderContext as O } from "../../context/ReorderContext.js";
+import { motion as x } from "../../render/components/motion/proxy.js";
+import { useConstant as I } from "../../utils/use-constant.js";
+import { checkReorder as S } from "./utils/check-reorder.js";
+import { invariant as b } from "../../../../../motion-utils/dist/es/errors.js";
+function j({ children: e, as: c = "ul", axis: f = "y", onReorder: v, values: d, ...m }, t) {
+  const y = I(() => x[c]), o = [], s = a(!1), p = a(null);
+  b(!!d, "Reorder.Group must be provided a values prop", "reorder-values");
   const R = {
     axis: f,
-    registerItem: (o, t) => {
-      const n = r.findIndex((i) => o === i.value);
-      n !== -1 ? r[n].layout = t[f] : r.push({ value: o, layout: t[f] }), r.sort(j);
+    groupRef: p,
+    registerItem: (r, n) => {
+      const u = o.findIndex((i) => r === i.value);
+      u !== -1 ? o[u].layout = n[f] : o.push({ value: r, layout: n[f] }), o.sort(A);
     },
-    updateOrder: (o, t, n) => {
-      if (m.current)
+    updateOrder: (r, n, u) => {
+      if (s.current)
         return;
-      const i = O(r, o, t, n);
-      r !== i && (m.current = !0, p(i.map(b).filter((v) => c.indexOf(v) !== -1)));
+      const i = S(o, r, n, u);
+      o !== i && (s.current = !0, v(i.map(k).filter((C) => d.indexOf(C) !== -1)));
     }
   };
-  return h(() => {
-    m.current = !1;
-  }), d(l, { ...s, ref: a, ignoreStrict: !0, children: d(y.Provider, { value: R, children: e }) });
+  G(() => {
+    s.current = !1;
+  });
+  const g = (r) => {
+    p.current = r, typeof t == "function" ? t(r) : t && (t.current = r);
+  }, h = {
+    overflowAnchor: "none",
+    ...m.style
+  };
+  return l(y, { ...m, style: h, ref: g, ignoreStrict: !0, children: l(O.Provider, { value: R, children: e }) });
 }
-const q = /* @__PURE__ */ x(I);
-function b(e) {
+const D = /* @__PURE__ */ w(j);
+function k(e) {
   return e.value;
 }
-function j(e, u) {
-  return e.layout.min - u.layout.min;
+function A(e, c) {
+  return e.layout.min - c.layout.min;
 }
 export {
-  q as ReorderGroup,
-  I as ReorderGroupComponent
+  D as ReorderGroup,
+  j as ReorderGroupComponent
 };

package/dist/node_modules/framer-motion/dist/es/components/Reorder/Item.js

@@ -1,29 +1,34 @@
-import { jsx as C } from "react/jsx-runtime";
-import { forwardRef as I, useContext as M } from "react";
-import { ReorderContext as h } from "../../context/ReorderContext.js";
-import { motion as V } from "../../render/components/motion/proxy.js";
-import { useConstant as O } from "../../utils/use-constant.js";
-import { useMotionValue as S } from "../../value/use-motion-value.js";
-import { useTransform as T } from "../../value/use-transform.js";
-import { isMotionValue as b } from "../../../../../motion-dom/dist/es/value/utils/is-motion-value.js";
-import { invariant as j } from "../../../../../motion-utils/dist/es/errors.js";
-function f(e, o = 0) {
-  return b(e) ? e : S(o);
+import { jsx as h } from "react/jsx-runtime";
+import { forwardRef as V, useContext as O } from "react";
+import { ReorderContext as T } from "../../context/ReorderContext.js";
+import { motion as b } from "../../render/components/motion/proxy.js";
+import { useConstant as j } from "../../utils/use-constant.js";
+import { useMotionValue as w } from "../../value/use-motion-value.js";
+import { useTransform as z } from "../../value/use-transform.js";
+import { autoScrollIfNeeded as A, resetAutoScrollState as B } from "./utils/auto-scroll.js";
+import { isMotionValue as D } from "../../../../../motion-dom/dist/es/value/utils/is-motion-value.js";
+import { invariant as G } from "../../../../../motion-utils/dist/es/errors.js";
+function a(i, e = 0) {
+  return D(i) ? i : w(e);
 }
-function w({ children: e, style: o = {}, value: m, as: p = "li", onDrag: u, layout: c = !0, ...d }, x) {
-  const l = O(() => V[p]), s = M(h), r = {
-    x: f(o.x),
-    y: f(o.y)
-  }, y = T([r.x, r.y], ([t, i]) => t || i ? 1 : "unset");
-  j(!!s, "Reorder.Item must be a child of Reorder.Group", "reorder-item-child");
-  const { axis: n, registerItem: R, updateOrder: g } = s;
-  return C(l, { drag: n, ...d, dragSnapToOrigin: !0, style: { ...o, x: r.x, y: r.y, zIndex: y }, layout: c, onDrag: (t, i) => {
-    const { velocity: a } = i;
-    a[n] && g(m, r[n].get(), a[n]), u && u(t, i);
-  }, onLayoutMeasure: (t) => R(m, t), ref: x, ignoreStrict: !0, children: e });
+function L({ children: i, style: e = {}, value: m, as: c = "li", onDrag: u, onDragEnd: f, layout: d = !0, ...l }, x) {
+  const y = j(() => b[c]), s = O(T), n = {
+    x: a(e.x),
+    y: a(e.y)
+  }, R = z([n.x, n.y], ([o, t]) => o || t ? 1 : "unset");
+  G(!!s, "Reorder.Item must be a child of Reorder.Group", "reorder-item-child");
+  const { axis: r, registerItem: g, updateOrder: I, groupRef: C } = s;
+  return h(y, { drag: r, ...l, dragSnapToOrigin: !0, style: { ...e, x: n.x, y: n.y, zIndex: R }, layout: d, onDrag: (o, t) => {
+    const { velocity: p, point: S } = t, M = n[r].get();
+    I(m, M, p[r]), A(C.current, S[r], r, p[r]), u && u(o, t);
+  }, onDragEnd: (o, t) => {
+    B(), f && f(o, t);
+  }, onLayoutMeasure: (o) => {
+    g(m, o);
+  }, ref: x, ignoreStrict: !0, children: i });
 }
-const E = /* @__PURE__ */ I(w);
+const Q = /* @__PURE__ */ V(L);
 export {
-  E as ReorderItem,
-  w as ReorderItemComponent
+  Q as ReorderItem,
+  L as ReorderItemComponent
 };

package/dist/node_modules/framer-motion/dist/es/components/Reorder/utils/auto-scroll.js

@@ -0,0 +1,64 @@
+const g = /* @__PURE__ */ new Set(["auto", "scroll"]), u = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap();
+let i = null;
+function p() {
+  if (i) {
+    const o = f(i, "y");
+    o && (d.delete(o), u.delete(o));
+    const l = f(i, "x");
+    l && l !== o && (d.delete(l), u.delete(l)), i = null;
+  }
+}
+function m(o, l) {
+  const t = getComputedStyle(o), n = l === "x" ? t.overflowX : t.overflowY;
+  return g.has(n);
+}
+function f(o, l) {
+  let t = o == null ? void 0 : o.parentElement;
+  for (; t; ) {
+    if (m(t, l))
+      return t;
+    t = t.parentElement;
+  }
+  return null;
+}
+function w(o, l, t) {
+  const n = l.getBoundingClientRect(), e = t === "x" ? n.left : n.top, a = t === "x" ? n.right : n.bottom, c = o - e, r = a - o;
+  if (c < 50) {
+    const s = 1 - c / 50;
+    return { amount: -25 * s * s, edge: "start" };
+  } else if (r < 50) {
+    const s = 1 - r / 50;
+    return { amount: 25 * s * s, edge: "end" };
+  }
+  return { amount: 0, edge: null };
+}
+function A(o, l, t, n) {
+  if (!o)
+    return;
+  i = o;
+  const e = f(o, t);
+  if (!e)
+    return;
+  const a = l - (t === "x" ? window.scrollX : window.scrollY), { amount: c, edge: r } = w(a, e, t);
+  if (r === null) {
+    d.delete(e), u.delete(e);
+    return;
+  }
+  if (d.get(e) !== r) {
+    if (!(r === "start" && n < 0 || r === "end" && n > 0))
+      return;
+    d.set(e, r);
+    const h = t === "x" ? e.scrollWidth - e.clientWidth : e.scrollHeight - e.clientHeight;
+    u.set(e, h);
+  }
+  if (c > 0) {
+    const S = u.get(e);
+    if ((t === "x" ? e.scrollLeft : e.scrollTop) >= S)
+      return;
+  }
+  t === "x" ? e.scrollLeft += c : e.scrollTop += c;
+}
+export {
+  A as autoScrollIfNeeded,
+  p as resetAutoScrollState
+};

package/dist/node_modules/framer-motion/dist/es/context/MotionContext/utils.js

@@ -1,5 +1,5 @@
-import { isControllingVariants as r } from "../../render/utils/is-controlling-variants.js";
-import { isVariantLabel as e } from "../../render/utils/is-variant-label.js";
+import { isControllingVariants as r } from "../../../../../motion-dom/dist/es/render/utils/is-controlling-variants.js";
+import { isVariantLabel as e } from "../../../../../motion-dom/dist/es/render/utils/is-variant-label.js";
 function o(i, a) {
   if (r(i)) {
     const { initial: n, animate: t } = i;

package/dist/node_modules/framer-motion/dist/es/events/add-pointer-event.js

@@ -1,7 +1,7 @@
-import { addDomEvent as d } from "./add-dom-event.js";
-import { addPointerInfo as e } from "./event-info.js";
+import { addPointerInfo as d } from "./event-info.js";
+import { addDomEvent as e } from "../../../../motion-dom/dist/es/events/add-dom-event.js";
 function f(o, r, t, n) {
-  return d(o, r, e(t), n);
+  return e(o, r, d(t), n);
 }
 export {
   f as addPointerEvent