@vkzstudio/muza-ui 1.0.8 → 1.0.9

package/dist/components/Button/Button.js

@@ -1,33 +1,33 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
 import * as x from "react";
 import "class-variance-authority";
-import { buttonVariants as b } from "./buttonVariants.js";
-import { Loader as N } from "../Loader/Loader.js";
-import { Typography as h } from "../Typography/Typography.js";
+import { ButtonLoader as b } from "./ButtonLoader.js";
+import { buttonVariants as N } from "./buttonVariants.js";
+import { Typography as B } from "../Typography/Typography.js";
 import { cn as n } from "../../utils/cn.js";
-const j = x.forwardRef(
+const h = x.forwardRef(
   ({
     className: f,
     variant: i,
     size: t,
     fullWidth: c,
-    asChild: l = !1,
+    asChild: u = !1,
     icon: r,
     iconPosition: m = "start",
     ghost: e = !1,
     danger: p = !1,
     loading: a = !1,
-    children: s,
-    ...u
+    children: o,
+    ...l
   }, y) => /* @__PURE__ */ d(
-    l ? "span" : "button",
+    u ? "span" : "button",
     {
       className: n(
-        b({
+        N({
           variant: i,
           size: t,
           fullWidth: c,
-          iconOnly: !s,
+          iconOnly: !o,
           ghost: e,
           danger: p,
           loading: a,
@@ -37,12 +37,12 @@ const j = x.forwardRef(
       ref: y,
       "data-ghost": e,
       "data-danger": p,
-      ...u,
+      ...l,
       children: [
-        a && /* @__PURE__ */ o("span", { className: "absolute", children: /* @__PURE__ */ o(N, {}) }),
+        a && /* @__PURE__ */ s("span", { className: "absolute", children: /* @__PURE__ */ s(b, {}) }),
         m === "start" && r,
-        s && /* @__PURE__ */ o(
-          h,
+        o && /* @__PURE__ */ s(
+          B,
           {
             variant: "cta",
             size: t == "sm" || t == "xs" ? "sm" : "base",
@@ -52,7 +52,7 @@ const j = x.forwardRef(
             className: n("transition-opacity", {
               "opacity-0": a
             }),
-            children: s
+            children: o
           }
         ),
         m === "end" && r
@@ -60,8 +60,8 @@ const j = x.forwardRef(
     }
   )
 );
-j.displayName = "Button";
+h.displayName = "Button";
 export {
-  j as Button,
-  b as buttonVariants
+  h as Button,
+  N as buttonVariants
 };

package/dist/components/Button/ButtonLoader.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface ButtonLoaderProps {
+    className?: string;
+}
+declare const ButtonLoader: React.ForwardRefExoticComponent<ButtonLoaderProps & React.RefAttributes<SVGSVGElement>>;
+export { ButtonLoader };
+//# sourceMappingURL=ButtonLoader.d.ts.map

package/dist/components/Button/ButtonLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLoader.d.ts","sourceRoot":"","sources":["../../../src/components/Button/ButtonLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,YAAY,yFA2BjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/Button/ButtonLoader.js

@@ -0,0 +1,40 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as o from "react";
+import { cn as a } from "../../utils/cn.js";
+const i = o.forwardRef(
+  ({ className: r }, e) => /* @__PURE__ */ t(
+    "svg",
+    {
+      ref: e,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      className: a(r),
+      children: /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M2 12C2 6.47715 6.47715 2 12 2C12.5523 2 13 2.44772 13 3C13 3.55228 12.5523 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 11.4477 20.4477 11 21 11C21.5523 11 22 11.4477 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z",
+          fill: "currentColor",
+          children: /* @__PURE__ */ t(
+            "animateTransform",
+            {
+              attributeType: "xml",
+              attributeName: "transform",
+              type: "rotate",
+              from: "-10 12 12",
+              to: "360 12 12",
+              dur: "0.75s",
+              repeatCount: "indefinite"
+            }
+          )
+        }
+      )
+    }
+  )
+);
+i.displayName = "ButtonLoader";
+export {
+  i as ButtonLoader
+};

package/dist/components/Icons/CustomIcons.js

@@ -423,7 +423,7 @@ const _ = r(
   (L, l) => /* @__PURE__ */ C(e, { ref: l, ...L, children: /* @__PURE__ */ C(
     "path",
     {
-      d: "M21 12C21.5523 12 22.0052 12.4488 21.95 12.9984C21.7738 14.7549 21.1348 16.44 20.0902 17.8779C18.8489 19.5863 17.0986 20.858 15.0902 21.5106C13.0817 22.1631 10.9183 22.1631 8.90983 21.5106C6.9014 20.858 5.15111 19.5863 3.90983 17.8779C2.66855 16.1694 2 14.1118 2 12C2 9.88821 2.66855 7.83062 3.90983 6.12215C5.15111 4.41367 6.9014 3.14201 8.90983 2.48943C10.6001 1.94023 12.4002 1.85323 14.1252 2.22843C14.6649 2.34581 14.9518 2.91524 14.7812 3.44049C14.6105 3.96575 14.0467 4.24653 13.5042 4.14268C12.1843 3.88999 10.8162 3.97294 9.52786 4.39155C7.92112 4.91361 6.52089 5.93094 5.52786 7.29772C4.53484 8.6645 4 10.3106 4 12C4 13.6894 4.53484 15.3355 5.52786 16.7023C6.52089 18.0691 7.92112 19.0864 9.52786 19.6085C11.1346 20.1305 12.8654 20.1305 14.4721 19.6085C16.0789 19.0864 17.4791 18.0691 18.4721 16.7023C19.2684 15.6064 19.77 14.3309 19.9376 12.9974C20.0064 12.4495 20.4477 12 21 12Z",
+      d: "M2 12C2 6.47715 6.47715 2 12 2C12.5523 2 13 2.44772 13 3C13 3.55228 12.5523 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 11.4477 20.4477 11 21 11C21.5523 11 22 11.4477 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z",
       fill: "currentColor"
     }
   ) })

package/dist/components/ReorderableTable/ReorderableTable.js

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import { forwardRef as I } from "react";
 import { typographyVariants as T, Typography as w } from "../Typography/Typography.js";
+import { motion as n } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
 import { ReorderableGroup as A, ReorderableItem as C, ReorderableHandle as H } from "../Reorderable/Reorderable.js";
 import { Reorder as O } from "../Icons/CustomIcons.js";
 import { cn as s } from "../../utils/cn.js";
-import { motion as n } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
 const p = 72, u = 20, k = 24, E = 4, D = ({
   data: b,
   onReorder: N,

package/dist/components/SwipeButton/SwipeButton.js

@@ -9,11 +9,11 @@ import { useMotionValue as J } from "../../node_modules/framer-motion/dist/es/va
 import { useTransform as T } from "../../node_modules/framer-motion/dist/es/value/use-transform.js";
 import { useMotionValueEvent as Q } from "../../node_modules/framer-motion/dist/es/utils/use-motion-value-event.js";
 import { animate as u } from "../../node_modules/framer-motion/dist/es/animation/animate/index.js";
+import { motion as E } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
 import { Typography as V } from "../Typography/Typography.js";
 import { DoubleArrowRight as X } from "../Icons/CustomIcons.js";
 import { useDragControls as Z } from "../../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.js";
 import { cn as y } from "../../utils/cn.js";
-import { motion as E } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
 import { UnreadOutline as ee } from "@solar-icons/react-perf";
 const ve = ({
   text: z,

package/dist/node_modules/framer-motion/dist/es/animation/animate/resolve-subjects.js

@@ -1,7 +1,7 @@
-import { isDOMKeyframes as f } from "../utils/is-dom-keyframes.js";
-import { resolveElements as n } from "../../../../../motion-dom/dist/es/utils/resolve-elements.js";
-function s(r, e, o, i) {
-  return typeof r == "string" && f(e) ? n(r, o, i) : r instanceof NodeList ? Array.from(r) : Array.isArray(r) ? r : [r];
+import { isDOMKeyframes as o } from "../utils/is-dom-keyframes.js";
+import { resolveElements as l } from "../../../../../motion-dom/dist/es/utils/resolve-elements.js";
+function s(r, e, i, n) {
+  return r == null ? [] : typeof r == "string" && o(e) ? l(r, i, n) : r instanceof NodeList ? Array.from(r) : Array.isArray(r) ? r.filter((f) => f != null) : [r];
 }
 export {
   s as resolveSubjects

package/dist/node_modules/framer-motion/dist/es/animation/animate/subject.js

@@ -1,31 +1,31 @@
-import { visualElementStore as u } from "../../render/store.js";
-import { animateTarget as g } from "../interfaces/visual-element-target.js";
-import { createDOMVisualElement as h, createObjectVisualElement as v } from "../utils/create-visual-element.js";
-import { isDOMKeyframes as c } from "../utils/is-dom-keyframes.js";
-import { resolveSubjects as E } from "./resolve-subjects.js";
-import { animateSingleValue as S } from "./single-value.js";
-import { isMotionValue as y } from "../../../../../motion-dom/dist/es/value/utils/is-motion-value.js";
-import { invariant as s } from "../../../../../motion-utils/dist/es/errors.js";
-function V(t, e) {
-  return y(t) || typeof t == "number" || typeof t == "string" && !c(e);
+import { createDOMVisualElement as d, createObjectVisualElement as v } from "../utils/create-visual-element.js";
+import { isDOMKeyframes as f } from "../utils/is-dom-keyframes.js";
+import { resolveSubjects as S } from "./resolve-subjects.js";
+import { animateSingleValue as g } from "../../../../../motion-dom/dist/es/animation/animate/single-value.js";
+import { visualElementStore as u } from "../../../../../motion-dom/dist/es/render/store.js";
+import { animateTarget as E } from "../../../../../motion-dom/dist/es/animation/interfaces/visual-element-target.js";
+import { isMotionValue as V } from "../../../../../motion-dom/dist/es/value/utils/is-motion-value.js";
+import { invariant as h } from "../../../../../motion-utils/dist/es/errors.js";
+function M(e, t) {
+  return V(e) || typeof e == "number" || typeof e == "string" && !f(t);
 }
-function N(t, e, n, f) {
-  const l = [];
-  if (V(t, e))
-    l.push(S(t, c(e) && e.default || e, n && (n.default || n)));
+function N(e, t, n, s) {
+  const o = [];
+  if (M(e, t))
+    o.push(g(e, f(t) && t.default || t, n && (n.default || n)));
   else {
-    const m = E(t, e, f), a = m.length;
-    s(!!a, "No valid elements provided.", "no-valid-elements");
-    for (let r = 0; r < a; r++) {
-      const i = m[r];
-      s(i !== null, "You're trying to perform an animation on null. Ensure that selectors are correctly finding elements and refs are correctly hydrated.", "animate-null");
-      const d = i instanceof Element ? h : v;
-      u.has(i) || d(i);
-      const p = u.get(i), o = { ...n };
-      "delay" in o && typeof o.delay == "function" && (o.delay = o.delay(r, a)), l.push(...g(p, { ...e, transition: o }, {}));
+    if (e == null)
+      return o;
+    const m = S(e, t, s), a = m.length;
+    h(!!a, "No valid elements provided.", "no-valid-elements");
+    for (let l = 0; l < a; l++) {
+      const r = m[l], c = r instanceof Element ? d : v;
+      u.has(r) || c(r);
+      const p = u.get(r), i = { ...n };
+      "delay" in i && typeof i.delay == "function" && (i.delay = i.delay(l, a)), o.push(...E(p, { ...t, transition: i }, {}));
     }
   }
-  return l;
+  return o;
 }
 export {
   N as animateSubject

package/dist/node_modules/framer-motion/dist/es/animation/sequence/create.js

@@ -13,111 +13,116 @@ import { isGenerator as oe } from "../../../../../motion-dom/dist/es/animation/g
 import { secondsToMilliseconds as re } from "../../../../../motion-utils/dist/es/time-conversion.js";
 import { invariant as se } from "../../../../../motion-utils/dist/es/errors.js";
 import { progress as ie } from "../../../../../motion-utils/dist/es/progress.js";
-const ae = "easeInOut", fe = 20;
-function Ke(e, { defaultTransition: n = {}, ...C } = {}, P, k) {
-  const X = n.duration || 0.3, M = /* @__PURE__ */ new Map(), O = /* @__PURE__ */ new Map(), _ = {}, v = /* @__PURE__ */ new Map();
-  let K = 0, p = 0, x = 0;
+const ae = "easeInOut", ce = 20;
+function Ke(e, { defaultTransition: n = {}, ...B } = {}, C, O) {
+  const P = n.duration || 0.3, M = /* @__PURE__ */ new Map(), K = /* @__PURE__ */ new Map(), X = {}, v = /* @__PURE__ */ new Map();
+  let I = 0, l = 0, x = 0;
   for (let g = 0; g < e.length; g++) {
     const s = e[g];
     if (typeof s == "string") {
-      v.set(s, p);
+      v.set(s, l);
       continue;
     } else if (!Array.isArray(s)) {
-      v.set(s.name, F(p, s.at, K, v));
+      v.set(s.name, F(l, s.at, I, v));
       continue;
     }
-    let [h, i, o = {}] = s;
-    o.at !== void 0 && (p = F(p, o.at, K, v));
+    let [p, i, o = {}] = s;
+    o.at !== void 0 && (l = F(l, o.at, I, v));
     let r = 0;
-    const y = (a, f, m, d = 0, b = 0) => {
-      const t = ce(a), { delay: I = 0, times: c = $(t), type: V = "keyframes", repeat: A, repeatType: pe, repeatDelay: he = 0, ...H } = f;
-      let { ease: l = n.ease || "easeOut", duration: u } = f;
-      const w = typeof I == "function" ? I(d, b) : I, G = t.length, L = oe(V) ? V : k == null ? void 0 : k[V || "keyframes"];
+    const y = (a, d, m, h = 0, b = 0) => {
+      const t = fe(a), { delay: A = 0, times: c = $(t), type: V = n.type || "keyframes", repeat: S, repeatType: pe, repeatDelay: he = 0, ...H } = d;
+      let { ease: u = n.ease || "easeOut", duration: f } = d;
+      const w = typeof A == "function" ? A(h, b) : A, G = t.length, L = oe(V) ? V : O == null ? void 0 : O[V || "keyframes"];
       if (G <= 2 && L) {
-        let S = 100;
+        let T = 100;
         if (G === 2 && le(t)) {
-          const T = t[1] - t[0];
-          S = Math.abs(T);
+          const D = t[1] - t[0];
+          T = Math.abs(D);
         }
-        const D = { ...H };
-        u !== void 0 && (D.duration = re(u));
-        const j = ee(D, S, L);
-        l = j.ease, u = j.duration;
+        const j = {
+          ...n,
+          ...H
+        };
+        f !== void 0 && (j.duration = re(f));
+        const k = ee(j, T, L);
+        u = k.ease, f = k.duration;
       }
-      u ?? (u = X);
-      const N = p + w;
+      f ?? (f = P);
+      const N = l + w;
       c.length === 1 && c[0] === 0 && (c[1] = 1);
       const R = c.length - t.length;
-      if (R > 0 && te(c, R), t.length === 1 && t.unshift(null), A) {
-        se(A < fe, "Repeat count too high, must be less than 20", "repeat-count-high"), u = Q(u, A);
-        const S = [...t], D = [...c];
-        l = Array.isArray(l) ? [...l] : [l];
-        const j = [...l];
-        for (let T = 0; T < A; T++) {
-          t.push(...S);
-          for (let E = 0; E < S.length; E++)
-            c.push(D[E] + (T + 1)), l.push(E === 0 ? "linear" : ne(j, E - 1));
+      if (R > 0 && te(c, R), t.length === 1 && t.unshift(null), S) {
+        se(S < ce, "Repeat count too high, must be less than 20", "repeat-count-high"), f = Q(f, S);
+        const T = [...t], j = [...c];
+        u = Array.isArray(u) ? [...u] : [u];
+        const k = [...u];
+        for (let D = 0; D < S; D++) {
+          t.push(...T);
+          for (let E = 0; E < T.length; E++)
+            c.push(j[E] + (D + 1)), u.push(E === 0 ? "linear" : ne(k, E - 1));
         }
-        W(c, A);
+        W(c, S);
       }
-      const q = N + u;
-      U(m, t, l, c, N, q), r = Math.max(w + u, r), x = Math.max(q, x);
+      const q = N + f;
+      U(m, t, u, c, N, q), r = Math.max(w + f, r), x = Math.max(q, x);
     };
-    if (Z(h)) {
-      const a = z(h, O);
-      y(i, o, B("default", a));
+    if (Z(p)) {
+      const a = _(p, K);
+      y(i, o, z("default", a));
     } else {
-      const a = J(h, i, P, _), f = a.length;
-      for (let m = 0; m < f; m++) {
+      const a = J(p, i, C, X), d = a.length;
+      for (let m = 0; m < d; m++) {
         i = i, o = o;
-        const d = a[m], b = z(d, O);
+        const h = a[m], b = _(h, K);
         for (const t in i)
-          y(i[t], ue(o, t), B(t, b), m, f);
+          y(i[t], me(o, t), z(t, b), m, d);
       }
     }
-    K = p, p += r;
+    I = l, l += r;
   }
-  return O.forEach((g, s) => {
-    for (const h in g) {
-      const i = g[h];
+  return K.forEach((g, s) => {
+    for (const p in g) {
+      const i = g[p];
       i.sort(Y);
       const o = [], r = [], y = [];
-      for (let f = 0; f < i.length; f++) {
-        const { at: m, value: d, easing: b } = i[f];
-        o.push(d), r.push(ie(0, x, m)), y.push(b || "easeOut");
+      for (let h = 0; h < i.length; h++) {
+        const { at: b, value: t, easing: A } = i[h];
+        o.push(t), r.push(ie(0, x, b)), y.push(A || "easeOut");
       }
       r[0] !== 0 && (r.unshift(0), o.unshift(o[0]), y.unshift(ae)), r[r.length - 1] !== 1 && (r.push(1), o.push(null)), M.has(s) || M.set(s, {
         keyframes: {},
         transition: {}
       });
       const a = M.get(s);
-      a.keyframes[h] = o, a.transition[h] = {
-        ...n,
+      a.keyframes[p] = o;
+      const { type: d, ...m } = n;
+      a.transition[p] = {
+        ...m,
         duration: x,
         ease: y,
         times: r,
-        ...C
+        ...B
       };
     }
   }), M;
 }
-function z(e, n) {
+function _(e, n) {
   return !n.has(e) && n.set(e, {}), n.get(e);
 }
-function B(e, n) {
+function z(e, n) {
   return n[e] || (n[e] = []), n[e];
 }
-function ce(e) {
+function fe(e) {
   return Array.isArray(e) ? e : [e];
 }
-function ue(e, n) {
+function me(e, n) {
   return e && e[n] ? {
     ...e,
     ...e[n]
   } : { ...e };
 }
-const me = (e) => typeof e == "number", le = (e) => e.every(me);
+const ue = (e) => typeof e == "number", le = (e) => e.every(ue);
 export {
   Ke as createAnimationsFromSequence,
-  ue as getValueTransition
+  me as getValueTransition
 };

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

@@ -1,9 +1,9 @@
-import { HTMLVisualElement as r } from "../../render/html/HTMLVisualElement.js";
-import { ObjectVisualElement as s } from "../../render/object/ObjectVisualElement.js";
-import { visualElementStore as n } from "../../render/store.js";
-import { SVGVisualElement as a } from "../../render/svg/SVGVisualElement.js";
-import { isSVGElement as i } from "../../../../../motion-dom/dist/es/utils/is-svg-element.js";
-import { isSVGSVGElement as l } from "../../../../../motion-dom/dist/es/utils/is-svg-svg-element.js";
+import { isSVGElement as r } from "../../../../../motion-dom/dist/es/utils/is-svg-element.js";
+import { isSVGSVGElement as s } from "../../../../../motion-dom/dist/es/utils/is-svg-svg-element.js";
+import { SVGVisualElement as a } from "../../../../../motion-dom/dist/es/render/svg/SVGVisualElement.js";
+import { HTMLVisualElement as i } from "../../../../../motion-dom/dist/es/render/html/HTMLVisualElement.js";
+import { visualElementStore as n } from "../../../../../motion-dom/dist/es/render/store.js";
+import { ObjectVisualElement as l } from "../../../../../motion-dom/dist/es/render/object/ObjectVisualElement.js";
 function S(t) {
   const o = {
     presenceContext: null,
@@ -18,7 +18,7 @@ function S(t) {
       },
       latestValues: {}
     }
-  }, e = i(t) && !l(t) ? new a(o) : new r(o);
+  }, e = r(t) && !s(t) ? new a(o) : new i(o);
   e.mount(t), n.set(t, e);
 }
 function E(t) {
@@ -31,7 +31,7 @@ function E(t) {
       },
       latestValues: {}
     }
-  }, e = new s(o);
+  }, e = new l(o);
   e.mount(t), n.set(t, e);
 }
 export {

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

@@ -1,15 +1,15 @@
-import { jsx as R } from "react/jsx-runtime";
-import * as a from "react";
-import { useId as $, useRef as d, useContext as w, useInsertionEffect as P } from "react";
-import { MotionConfigContext as z } from "../../context/MotionConfigContext.js";
-import { useComposedRefs as E } from "../../utils/use-composed-ref.js";
-import { isHTMLElement as I } from "../../../../../motion-dom/dist/es/utils/is-html-element.js";
-class M extends a.Component {
+import { jsx as E } from "react/jsx-runtime";
+import * as g from "react";
+import { useId as H, useRef as l, useContext as y, useInsertionEffect as I } from "react";
+import { MotionConfigContext as M } from "../../context/MotionConfigContext.js";
+import { useComposedRefs as W } from "../../utils/use-composed-ref.js";
+import { isHTMLElement as u } from "../../../../../motion-dom/dist/es/utils/is-html-element.js";
+class L extends g.Component {
   getSnapshotBeforeUpdate(i) {
     const e = this.props.childRef.current;
     if (e && i.isPresent && !this.props.isPresent) {
-      const r = e.offsetParent, s = I(r) && r.offsetWidth || 0, t = this.props.sizeRef.current;
-      t.height = e.offsetHeight || 0, t.width = e.offsetWidth || 0, t.top = e.offsetTop, t.left = e.offsetLeft, t.right = s - t.width - t.left;
+      const n = e.offsetParent, p = u(n) && n.offsetWidth || 0, r = u(n) && n.offsetHeight || 0, t = this.props.sizeRef.current;
+      t.height = e.offsetHeight || 0, t.width = e.offsetWidth || 0, t.top = e.offsetTop, t.left = e.offsetLeft, t.right = p - t.width - t.left, t.bottom = r - t.height - t.top;
     }
     return null;
   }
@@ -22,36 +22,38 @@ class M extends a.Component {
     return this.props.children;
   }
 }
-function U({ children: n, isPresent: i, anchorX: e, root: r }) {
-  const s = $(), t = d(null), f = d({
+function D({ children: o, isPresent: i, anchorX: e, anchorY: n, root: p }) {
+  var c;
+  const r = H(), t = l(null), h = l({
     width: 0,
     height: 0,
     top: 0,
     left: 0,
-    right: 0
-  }), { nonce: h } = w(z), l = E(t, n == null ? void 0 : n.ref);
-  return P(() => {
-    const { width: c, height: m, top: u, left: g, right: x } = f.current;
-    if (i || !t.current || !c || !m)
+    right: 0,
+    bottom: 0
+  }), { nonce: m } = y(M), x = ((c = o.props) == null ? void 0 : c.ref) ?? (o == null ? void 0 : o.ref), R = W(t, x);
+  return I(() => {
+    const { width: d, height: a, top: C, left: $, right: b, bottom: w } = h.current;
+    if (i || !t.current || !d || !a)
       return;
-    const C = e === "left" ? `left: ${g}` : `right: ${x}`;
-    t.current.dataset.motionPopId = s;
-    const o = document.createElement("style");
-    h && (o.nonce = h);
-    const p = r ?? document.head;
-    return p.appendChild(o), o.sheet && o.sheet.insertRule(`
-          [data-motion-pop-id="${s}"] {
+    const P = e === "left" ? `left: ${$}` : `right: ${b}`, z = n === "bottom" ? `bottom: ${w}` : `top: ${C}`;
+    t.current.dataset.motionPopId = r;
+    const s = document.createElement("style");
+    m && (s.nonce = m);
+    const f = p ?? document.head;
+    return f.appendChild(s), s.sheet && s.sheet.insertRule(`
+          [data-motion-pop-id="${r}"] {
             position: absolute !important;
-            width: ${c}px !important;
-            height: ${m}px !important;
-            ${C}px !important;
-            top: ${u}px !important;
+            width: ${d}px !important;
+            height: ${a}px !important;
+            ${P}px !important;
+            ${z}px !important;
           }
         `), () => {
-      p.contains(o) && p.removeChild(o);
+      f.contains(s) && f.removeChild(s);
     };
-  }, [i]), R(M, { isPresent: i, childRef: t, sizeRef: f, children: a.cloneElement(n, { ref: l }) });
+  }, [i]), E(L, { isPresent: i, childRef: t, sizeRef: h, children: g.cloneElement(o, { ref: R }) });
 }
 export {
-  U as PopChild
+  D as PopChild
 };

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

@@ -1,32 +1,32 @@
 import { jsx as a } from "react/jsx-runtime";
-import * as v from "react";
-import { useId as M, useMemo as c } from "react";
-import { PresenceContext as w } from "../../context/PresenceContext.js";
-import { useConstant as x } from "../../utils/use-constant.js";
-import { PopChild as R } from "./PopChild.js";
-const _ = ({ children: f, initial: i, isPresent: r, onExitComplete: t, custom: m, presenceAffectsLayout: p, mode: l, anchorX: d, root: h }) => {
-  const e = x(g), C = M();
-  let u = !0, s = c(() => (u = !1, {
-    id: C,
+import * as M from "react";
+import { useId as w, useMemo as c } from "react";
+import { PresenceContext as x } from "../../context/PresenceContext.js";
+import { useConstant as R } from "../../utils/use-constant.js";
+import { PopChild as g } from "./PopChild.js";
+const _ = ({ children: f, initial: i, isPresent: r, onExitComplete: o, custom: m, presenceAffectsLayout: p, mode: l, anchorX: d, anchorY: h, root: C }) => {
+  const e = R(j), v = w();
+  let u = !0, n = c(() => (u = !1, {
+    id: v,
     initial: i,
     isPresent: r,
     custom: m,
-    onExitComplete: (o) => {
-      e.set(o, !0);
-      for (const n of e.values())
-        if (!n)
+    onExitComplete: (t) => {
+      e.set(t, !0);
+      for (const s of e.values())
+        if (!s)
           return;
-      t && t();
+      o && o();
     },
-    register: (o) => (e.set(o, !1), () => e.delete(o))
-  }), [r, e, t]);
-  return p && u && (s = { ...s }), c(() => {
-    e.forEach((o, n) => e.set(n, !1));
-  }, [r]), v.useEffect(() => {
-    !r && !e.size && t && t();
-  }, [r]), l === "popLayout" && (f = a(R, { isPresent: r, anchorX: d, root: h, children: f })), a(w.Provider, { value: s, children: f });
+    register: (t) => (e.set(t, !1), () => e.delete(t))
+  }), [r, e, o]);
+  return p && u && (n = { ...n }), c(() => {
+    e.forEach((t, s) => e.set(s, !1));
+  }, [r]), M.useEffect(() => {
+    !r && !e.size && o && o();
+  }, [r]), l === "popLayout" && (f = a(g, { isPresent: r, anchorX: d, anchorY: h, root: C, children: f })), a(x.Provider, { value: n, children: f });
 };
-function g() {
+function j() {
   return /* @__PURE__ */ new Map();
 }
 export {