@vkzstudio/muza-ui 1.0.8 → 1.0.9

package/dist/node_modules/{framer-motion → motion-dom}/dist/es/projection/styles/scale-box-shadow.js

@@ -1,5 +1,5 @@
-import { complex as f } from "../../../../../motion-dom/dist/es/value/types/complex/index.js";
-import { mixNumber as i } from "../../../../../motion-dom/dist/es/utils/mix/number.js";
+import { complex as f } from "../../value/types/complex/index.js";
+import { mixNumber as i } from "../../utils/mix/number.js";
 const y = {
   correct: (e, { treeScale: c, projectionDelta: t }) => {
     const a = e, o = f.parse(e);

package/dist/node_modules/motion-dom/dist/es/projection/styles/scale-correction.js

@@ -0,0 +1,21 @@
+import { correctBorderRadius as o } from "./scale-border-radius.js";
+import { correctBoxShadow as r } from "./scale-box-shadow.js";
+const e = {
+  borderRadius: {
+    ...o,
+    applyTo: [
+      "borderTopLeftRadius",
+      "borderTopRightRadius",
+      "borderBottomLeftRadius",
+      "borderBottomRightRadius"
+    ]
+  },
+  borderTopLeftRadius: o,
+  borderTopRightRadius: o,
+  borderBottomLeftRadius: o,
+  borderBottomRightRadius: o,
+  boxShadow: r
+};
+export {
+  e as scaleCorrectors
+};

package/dist/node_modules/{framer-motion → motion-dom}/dist/es/render/VisualElement.js

@@ -1,26 +1,25 @@
-import { featureDefinitions as d } from "../motion/features/definitions.js";
-import { createBox as v } from "../projection/geometry/models.js";
-import { initPrefersReducedMotion as g } from "../utils/reduced-motion/index.js";
-import { hasReducedMotionListener as C, prefersReducedMotion as M } from "../utils/reduced-motion/state.js";
-import { visualElementStore as S } from "./store.js";
-import { isControllingVariants as b, isVariantNode as T } from "./utils/is-controlling-variants.js";
-import { updateMotionValuesFromProps as P } from "./utils/motion-values.js";
-import { resolveVariantFromProps as w } from "./utils/resolve-variants.js";
-import { KeyframeResolver as F } from "../../../../motion-dom/dist/es/animation/keyframes/KeyframesResolver.js";
-import { time as B } from "../../../../motion-dom/dist/es/frameloop/sync-time.js";
-import { frame as p, cancelFrame as c } from "../../../../motion-dom/dist/es/frameloop/frame.js";
-import { isMotionValue as h } from "../../../../motion-dom/dist/es/value/utils/is-motion-value.js";
-import { warnOnce as N } from "../../../../motion-utils/dist/es/warn-once.js";
-import { transformProps as R } from "../../../../motion-dom/dist/es/render/utils/keys-transform.js";
-import { motionValue as E } from "../../../../motion-dom/dist/es/value/index.js";
-import { isNumericalString as x } from "../../../../motion-utils/dist/es/is-numerical-string.js";
-import { isZeroValueString as A } from "../../../../motion-utils/dist/es/is-zero-value-string.js";
-import { findValueType as j } from "../../../../motion-dom/dist/es/value/types/utils/find.js";
-import { complex as y } from "../../../../motion-dom/dist/es/value/types/complex/index.js";
-import { getAnimatableNone as I } from "../../../../motion-dom/dist/es/value/types/utils/animatable-none.js";
-import { SubscriptionManager as U } from "../../../../motion-utils/dist/es/subscription-manager.js";
-import { microtask as D } from "../../../../motion-dom/dist/es/frameloop/microtask.js";
-const f = [
+import { microtask as g } from "../frameloop/microtask.js";
+import { time as C } from "../frameloop/sync-time.js";
+import { motionValue as M } from "../value/index.js";
+import { isMotionValue as h } from "../value/utils/is-motion-value.js";
+import { KeyframeResolver as S } from "../animation/keyframes/KeyframesResolver.js";
+import { transformProps as b } from "./utils/keys-transform.js";
+import { complex as T } from "../value/types/complex/index.js";
+import { findValueType as w } from "../value/types/utils/find.js";
+import { getAnimatableNone as P } from "../value/types/utils/animatable-none.js";
+import { createBox as F } from "../projection/geometry/models.js";
+import { initPrefersReducedMotion as R } from "./utils/reduced-motion/index.js";
+import { visualElementStore as B } from "./store.js";
+import { isControllingVariants as N, isVariantNode as E } from "./utils/is-controlling-variants.js";
+import { updateMotionValuesFromProps as x } from "./utils/motion-values.js";
+import { resolveVariantFromProps as A } from "./utils/resolve-variants.js";
+import { hasReducedMotionListener as j, prefersReducedMotion as y } from "./utils/reduced-motion/state.js";
+import { frame as f, cancelFrame as c } from "../frameloop/frame.js";
+import { warnOnce as I } from "../../../../motion-utils/dist/es/warn-once.js";
+import { isNumericalString as D } from "../../../../motion-utils/dist/es/is-numerical-string.js";
+import { isZeroValueString as U } from "../../../../motion-utils/dist/es/is-zero-value-string.js";
+import { SubscriptionManager as L } from "../../../../motion-utils/dist/es/subscription-manager.js";
+const m = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -29,7 +28,14 @@ const f = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class ht {
+let u = {};
+function at(l) {
+  u = l;
+}
+function ht() {
+  return u;
+}
+class ut {
   /**
    * This method takes React props and returns found MotionValues. For example, HTML
    * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
@@ -40,24 +46,24 @@ class ht {
   scrapeMotionValuesFromProps(t, e, i) {
     return {};
   }
-  constructor({ parent: t, props: e, presenceContext: i, reducedMotionConfig: s, blockInitialAnimation: r, visualState: n }, m = {}) {
-    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = F, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
+  constructor({ parent: t, props: e, presenceContext: i, reducedMotionConfig: s, blockInitialAnimation: r, visualState: n }, V = {}) {
+    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = S, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
-      const o = B.now();
-      this.renderScheduledAt < o && (this.renderScheduledAt = o, p.render(this.render, !1, !0));
+      const o = C.now();
+      this.renderScheduledAt < o && (this.renderScheduledAt = o, f.render(this.render, !1, !0));
     };
-    const { latestValues: a, renderState: V } = n;
-    this.latestValues = a, this.baseTarget = { ...a }, this.initialValues = e.initial ? { ...a } : {}, this.renderState = V, this.parent = t, this.props = e, this.presenceContext = i, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = s, this.options = m, this.blockInitialAnimation = !!r, this.isControllingVariants = b(e), this.isVariantNode = T(e), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
-    const { willChange: O, ...u } = this.scrapeMotionValuesFromProps(e, {}, this);
-    for (const o in u) {
-      const l = u[o];
-      a[o] !== void 0 && h(l) && l.set(a[o]);
+    const { latestValues: a, renderState: v } = n;
+    this.latestValues = a, this.baseTarget = { ...a }, this.initialValues = e.initial ? { ...a } : {}, this.renderState = v, this.parent = t, this.props = e, this.presenceContext = i, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = s, this.options = V, this.blockInitialAnimation = !!r, this.isControllingVariants = N(e), this.isVariantNode = E(e), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
+    const { willChange: O, ...d } = this.scrapeMotionValuesFromProps(e, {}, this);
+    for (const o in d) {
+      const p = d[o];
+      a[o] !== void 0 && h(p) && p.set(a[o]);
     }
   }
   mount(t) {
     var e;
-    this.current = t, S.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((i, s) => this.bindToMotionValue(s, i)), C.current || g(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : M.current, process.env.NODE_ENV !== "production" && N(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), (e = this.parent) == null || e.addChild(this), this.update(this.props, this.presenceContext);
+    this.current = t, B.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((i, s) => this.bindToMotionValue(s, i)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (j.current || R(), this.shouldReduceMotion = y.current), process.env.NODE_ENV !== "production" && I(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), (e = this.parent) == null || e.addChild(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     var t;
@@ -78,13 +84,13 @@ class ht {
   }
   bindToMotionValue(t, e) {
     this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)();
-    const i = R.has(t);
+    const i = b.has(t);
     i && this.onBindTransform && this.onBindTransform();
     const s = e.on("change", (n) => {
-      this.latestValues[t] = n, this.props.onUpdate && p.preRender(this.notifyUpdate), i && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
+      this.latestValues[t] = n, this.props.onUpdate && f.preRender(this.notifyUpdate), i && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
     });
     let r;
-    window.MotionCheckAppearSync && (r = window.MotionCheckAppearSync(this, t, e)), this.valueSubscriptions.set(t, () => {
+    typeof window < "u" && window.MotionCheckAppearSync && (r = window.MotionCheckAppearSync(this, t, e)), this.valueSubscriptions.set(t, () => {
       s(), r && r(), e.owner && e.stop();
     });
   }
@@ -93,8 +99,8 @@ class ht {
   }
   updateFeatures() {
     let t = "animation";
-    for (t in d) {
-      const e = d[t];
+    for (t in u) {
+      const e = u[t];
       if (!e)
         continue;
       const { isEnabled: i, Feature: s } = e;
@@ -113,7 +119,7 @@ class ht {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : v();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : F();
   }
   getStaticValue(t) {
     return this.latestValues[t];
@@ -127,13 +133,13 @@ class ht {
    */
   update(t, e) {
     (t.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = t, this.prevPresenceContext = this.presenceContext, this.presenceContext = e;
-    for (let i = 0; i < f.length; i++) {
-      const s = f[i];
+    for (let i = 0; i < m.length; i++) {
+      const s = m[i];
       this.propEventSubscriptions[s] && (this.propEventSubscriptions[s](), delete this.propEventSubscriptions[s]);
       const r = "on" + s, n = t[r];
       n && (this.propEventSubscriptions[s] = this.on(s, n));
     }
-    this.prevMotionValues = P(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = x(this, this.scrapeMotionValuesFromProps(t, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -189,7 +195,7 @@ class ht {
     if (this.props.values && this.props.values[t])
       return this.props.values[t];
     let i = this.values.get(t);
-    return i === void 0 && e !== void 0 && (i = E(e === null ? void 0 : e, { owner: this }), this.addValue(t, i)), i;
+    return i === void 0 && e !== void 0 && (i = M(e === null ? void 0 : e, { owner: this }), this.addValue(t, i)), i;
   }
   /**
    * If we're trying to animate to a previously unencountered value,
@@ -198,7 +204,7 @@ class ht {
    */
   readValue(t, e) {
     let i = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : this.getBaseTargetFromProps(this.props, t) ?? this.readValueFromInstance(this.current, t, this.options);
-    return i != null && (typeof i == "string" && (x(i) || A(i)) ? i = parseFloat(i) : !j(i) && y.test(e) && (i = I(t, e)), this.setBaseTarget(t, h(i) ? i.get() : i)), h(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (D(i) || U(i)) ? i = parseFloat(i) : !w(i) && T.test(e) && (i = P(t, e)), this.setBaseTarget(t, h(i) ? i.get() : i)), h(i) ? i.get() : i;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -216,7 +222,7 @@ class ht {
     const { initial: e } = this.props;
     let i;
     if (typeof e == "string" || typeof e == "object") {
-      const n = w(this.props, e, (r = this.presenceContext) == null ? void 0 : r.custom);
+      const n = A(this.props, e, (r = this.presenceContext) == null ? void 0 : r.custom);
       n && (i = n[t]);
     }
     if (e && i !== void 0)
@@ -225,15 +231,17 @@ class ht {
     return s !== void 0 && !h(s) ? s : this.initialValues[t] !== void 0 && i === void 0 ? void 0 : this.baseTarget[t];
   }
   on(t, e) {
-    return this.events[t] || (this.events[t] = new U()), this.events[t].add(e);
+    return this.events[t] || (this.events[t] = new L()), this.events[t].add(e);
   }
   notify(t, ...e) {
     this.events[t] && this.events[t].notify(...e);
   }
   scheduleRenderMicrotask() {
-    D.render(this.render);
+    g.render(this.render);
   }
 }
 export {
-  ht as VisualElement
+  ut as VisualElement,
+  ht as getFeatureDefinitions,
+  at as setFeatureDefinitions
 };

package/dist/node_modules/{framer-motion → motion-dom}/dist/es/render/dom/DOMVisualElement.js

@@ -1,7 +1,7 @@
-import { VisualElement as r } from "../VisualElement.js";
-import { DOMKeyframesResolver as o } from "../../../../../motion-dom/dist/es/animation/keyframes/DOMKeyframesResolver.js";
-import { isMotionValue as s } from "../../../../../motion-dom/dist/es/value/utils/is-motion-value.js";
-class a extends r {
+import { isMotionValue as r } from "../../value/utils/is-motion-value.js";
+import { DOMKeyframesResolver as o } from "../../animation/keyframes/DOMKeyframesResolver.js";
+import { VisualElement as s } from "../VisualElement.js";
+class a extends s {
   constructor() {
     super(...arguments), this.KeyframeResolver = o;
   }
@@ -9,7 +9,8 @@ class a extends r {
     return e.compareDocumentPosition(t) & 2 ? 1 : -1;
   }
   getBaseTargetFromProps(e, t) {
-    return e.style ? e.style[t] : void 0;
+    const i = e.style;
+    return i ? i[t] : void 0;
   }
   removeValueFromRenderState(e, { vars: t, style: i }) {
     delete t[e], delete i[e];
@@ -17,7 +18,7 @@ class a extends r {
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: e } = this.props;
-    s(e) && (this.childSubscription = e.on("change", (t) => {
+    r(e) && (this.childSubscription = e.on("change", (t) => {
       this.current && (this.current.textContent = `${t}`);
     }));
   }

package/dist/node_modules/motion-dom/dist/es/render/dom/utils/camel-to-dash.js

@@ -0,0 +1,6 @@
+function r(e) {
+  return e.replace(/([A-Z])/g, (o) => `-${o.toLowerCase()}`);
+}
+export {
+  r as camelToDash
+};

package/dist/node_modules/motion-dom/dist/es/render/html/HTMLVisualElement.js

@@ -0,0 +1,38 @@
+import { isCSSVariableName as n } from "../../animation/utils/is-css-variable.js";
+import { transformProps as a } from "../utils/keys-transform.js";
+import { defaultTransformValue as i, readTransformValue as u } from "../dom/parse-transform.js";
+import { measureViewportBox as p } from "../../projection/utils/measure.js";
+import { DOMVisualElement as l } from "../dom/DOMVisualElement.js";
+import { buildHTMLStyles as f } from "./utils/build-styles.js";
+import { renderHTML as c } from "./utils/render.js";
+import { scrapeMotionValuesFromProps as d } from "./utils/scrape-motion-values.js";
+function V(m) {
+  return window.getComputedStyle(m);
+}
+class b extends l {
+  constructor() {
+    super(...arguments), this.type = "html", this.renderInstance = c;
+  }
+  readValueFromInstance(e, r) {
+    var t;
+    if (a.has(r))
+      return (t = this.projection) != null && t.isProjecting ? i(r) : u(e, r);
+    {
+      const s = V(e), o = (n(r) ? s.getPropertyValue(r) : s[r]) || 0;
+      return typeof o == "string" ? o.trim() : o;
+    }
+  }
+  measureInstanceViewportBox(e, { transformPagePoint: r }) {
+    return p(e, r);
+  }
+  build(e, r, t) {
+    f(e, r, t.transformTemplate);
+  }
+  scrapeMotionValuesFromProps(e, r, t) {
+    return d(e, r, t);
+  }
+}
+export {
+  b as HTMLVisualElement,
+  V as getComputedStyle
+};

package/dist/node_modules/motion-dom/dist/es/render/html/utils/build-styles.js

@@ -0,0 +1,29 @@
+import { getValueAsType as p } from "../../../value/types/utils/get-as-type.js";
+import { numberValueTypes as u } from "../../../value/types/maps/number.js";
+import { transformProps as c } from "../../utils/keys-transform.js";
+import { isCSSVariableName as g } from "../../../animation/utils/is-css-variable.js";
+import { buildTransform as y } from "./build-transform.js";
+function S(f, i, e) {
+  const { style: o, vars: l, transformOrigin: t } = f;
+  let m = !1, a = !1;
+  for (const r in i) {
+    const n = i[r];
+    if (c.has(r)) {
+      m = !0;
+      continue;
+    } else if (g(r)) {
+      l[r] = n;
+      continue;
+    } else {
+      const s = p(n, u[r]);
+      r.startsWith("origin") ? (a = !0, t[r] = s) : o[r] = s;
+    }
+  }
+  if (i.transform || (m || e ? o.transform = y(i, f.transform, e) : o.transform && (o.transform = "none")), a) {
+    const { originX: r = "50%", originY: n = "50%", originZ: s = 0 } = t;
+    o.transformOrigin = `${r} ${n} ${s}`;
+  }
+}
+export {
+  S as buildHTMLStyles
+};

package/dist/node_modules/motion-dom/dist/es/render/html/utils/build-transform.js

@@ -0,0 +1,37 @@
+import { getValueAsType as m } from "../../../value/types/utils/get-as-type.js";
+import { numberValueTypes as p } from "../../../value/types/maps/number.js";
+import { transformPropOrder as f } from "../../utils/keys-transform.js";
+const y = {
+  x: "translateX",
+  y: "translateY",
+  z: "translateZ",
+  transformPerspective: "perspective"
+}, d = f.length;
+function h(u, l, n) {
+  let e = "", o = !0;
+  for (let i = 0; i < d; i++) {
+    const t = f[i], r = u[t];
+    if (r === void 0)
+      continue;
+    let a = !0;
+    if (typeof r == "number")
+      a = r === (t.startsWith("scale") ? 1 : 0);
+    else {
+      const s = parseFloat(r);
+      a = t.startsWith("scale") ? s === 1 : s === 0;
+    }
+    if (!a || n) {
+      const s = m(r, p[t]);
+      if (!a) {
+        o = !1;
+        const c = y[t] || t;
+        e += `${c}(${s}) `;
+      }
+      n && (l[t] = s);
+    }
+  }
+  return e = e.trim(), n ? e = n(l, o ? "" : e) : o && (e = "none"), e;
+}
+export {
+  h as buildTransform
+};

package/dist/node_modules/motion-dom/dist/es/render/html/utils/scrape-motion-values.js

@@ -0,0 +1,14 @@
+import { isMotionValue as y } from "../../../value/utils/is-motion-value.js";
+import { isForcedMotionValue as u } from "../../utils/is-forced-motion-value.js";
+function d(c, n, e) {
+  var r;
+  const t = c.style, f = n == null ? void 0 : n.style, i = {};
+  if (!t)
+    return i;
+  for (const o in t)
+    (y(t[o]) || f && y(f[o]) || u(o, c) || ((r = e == null ? void 0 : e.getValue(o)) == null ? void 0 : r.liveStyle) !== void 0) && (i[o] = t[o]);
+  return i;
+}
+export {
+  d as scrapeMotionValuesFromProps
+};

package/dist/node_modules/motion-dom/dist/es/render/svg/SVGVisualElement.js

@@ -0,0 +1,40 @@
+import { transformProps as s } from "../utils/keys-transform.js";
+import { getDefaultValueType as a } from "../../value/types/maps/defaults.js";
+import { createBox as m } from "../../projection/geometry/models.js";
+import { DOMVisualElement as i } from "../dom/DOMVisualElement.js";
+import { camelToDash as u } from "../dom/utils/camel-to-dash.js";
+import { buildSVGAttrs as n } from "./utils/build-attrs.js";
+import { camelCaseAttributes as p } from "./utils/camel-case-attrs.js";
+import { isSVGTag as l } from "./utils/is-svg-tag.js";
+import { renderSVG as f } from "./utils/render.js";
+import { scrapeMotionValuesFromProps as V } from "./utils/scrape-motion-values.js";
+class A extends i {
+  constructor() {
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = m;
+  }
+  getBaseTargetFromProps(t, r) {
+    return t[r];
+  }
+  readValueFromInstance(t, r) {
+    if (s.has(r)) {
+      const e = a(r);
+      return e && e.default || 0;
+    }
+    return r = p.has(r) ? r : u(r), t.getAttribute(r);
+  }
+  scrapeMotionValuesFromProps(t, r, e) {
+    return V(t, r, e);
+  }
+  build(t, r, e) {
+    n(t, r, this.isSVGTag, e.transformTemplate, e.style);
+  }
+  renderInstance(t, r, e, o) {
+    f(t, r, e, o);
+  }
+  mount(t) {
+    this.isSVGTag = l(t.tagName), super.mount(t);
+  }
+}
+export {
+  A as SVGVisualElement
+};

package/dist/node_modules/motion-dom/dist/es/render/svg/utils/build-attrs.js

@@ -0,0 +1,32 @@
+import { buildHTMLStyles as c } from "../../html/utils/build-styles.js";
+import { buildSVGPath as B } from "./path.js";
+const b = [
+  "offsetDistance",
+  "offsetPath",
+  "offsetRotate",
+  "offsetAnchor"
+];
+function g(r, {
+  attrX: e,
+  attrY: s,
+  attrScale: t,
+  pathLength: d,
+  pathSpacing: m = 1,
+  pathOffset: l = 0,
+  // This is object creation, which we try to avoid per-frame.
+  ...a
+}, u, x, n) {
+  if (c(r, a, x), u) {
+    r.style.viewBox && (r.attrs.viewBox = r.style.viewBox);
+    return;
+  }
+  r.attrs = r.style, r.style = {};
+  const { attrs: f, style: i } = r;
+  f.transform && (i.transform = f.transform, delete f.transform), (i.transform || f.transformOrigin) && (i.transformOrigin = f.transformOrigin ?? "50% 50%", delete f.transformOrigin), i.transform && (i.transformBox = (n == null ? void 0 : n.transformBox) ?? "fill-box", delete f.transformBox);
+  for (const o of b)
+    f[o] !== void 0 && (i[o] = f[o], delete f[o]);
+  e !== void 0 && (f.x = e), s !== void 0 && (f.y = s), t !== void 0 && (f.scale = t), d !== void 0 && B(f, d, m, l, !1);
+}
+export {
+  g as buildSVGAttrs
+};

package/dist/node_modules/motion-dom/dist/es/render/svg/utils/path.js

@@ -0,0 +1,15 @@
+const f = {
+  offset: "stroke-dashoffset",
+  array: "stroke-dasharray"
+}, h = {
+  offset: "strokeDashoffset",
+  array: "strokeDasharray"
+};
+function y(s, e, o = 1, r = 0, t = !0) {
+  s.pathLength = 1;
+  const a = t ? f : h;
+  s[a.offset] = `${-r}`, s[a.array] = `${e} ${o}`;
+}
+export {
+  y as buildSVGPath
+};

package/dist/node_modules/motion-dom/dist/es/render/svg/utils/scrape-motion-values.js

@@ -0,0 +1,15 @@
+import { isMotionValue as n } from "../../../value/utils/is-motion-value.js";
+import { transformPropOrder as i } from "../../utils/keys-transform.js";
+import { scrapeMotionValuesFromProps as m } from "../../html/utils/scrape-motion-values.js";
+function l(r, t, s) {
+  const e = m(r, t, s);
+  for (const o in r)
+    if (n(r[o]) || n(t[o])) {
+      const a = i.indexOf(o) !== -1 ? "attr" + o.charAt(0).toUpperCase() + o.substring(1) : o;
+      e[a] = r[o];
+    }
+  return e;
+}
+export {
+  l as scrapeMotionValuesFromProps
+};

package/dist/node_modules/{framer-motion → motion-dom}/dist/es/render/utils/animation-state.js

@@ -1,21 +1,21 @@
 import { animateVisualElement as J } from "../../animation/interfaces/visual-element.js";
 import { calcChildStagger as N } from "../../animation/utils/calc-child-stagger.js";
-import { isAnimationControls as Q } from "../../animation/utils/is-animation-controls.js";
-import { isKeyframesTarget as M } from "../../animation/utils/is-keyframes-target.js";
-import { shallowCompare as B } from "../../utils/shallow-compare.js";
-import { getVariantContext as U } from "./get-variant-context.js";
+import { getVariantContext as Q } from "./get-variant-context.js";
+import { isAnimationControls as U } from "./is-animation-controls.js";
+import { isKeyframesTarget as M } from "./is-keyframes-target.js";
 import { isVariantLabel as W } from "./is-variant-label.js";
 import { resolveVariant as K } from "./resolve-dynamic-variants.js";
-import { variantPriorityOrder as F } from "./variant-props.js";
-const X = [...F].reverse(), Y = F.length;
+import { shallowCompare as B } from "./shallow-compare.js";
+import { variantPriorityOrder as H } from "./variant-props.js";
+const X = [...H].reverse(), Y = H.length;
 function Z(e) {
   return (c) => Promise.all(c.map(({ animation: d, options: m }) => J(e, d, m)));
 }
 function le(e) {
   let c = Z(e), d = k(), m = !0;
-  const H = (l) => (t, A) => {
+  const L = (l) => (t, y) => {
     var a;
-    const f = K(e, A, l === "exit" ? (a = e.presenceContext) == null ? void 0 : a.custom : void 0);
+    const f = K(e, y, l === "exit" ? (a = e.presenceContext) == null ? void 0 : a.custom : void 0);
     if (f) {
       const { transition: p, transitionEnd: v, ...C } = f;
       t = { ...t, ...C, ...v };
@@ -26,23 +26,23 @@ function le(e) {
     c = l(e);
   }
   function b(l) {
-    const { props: t } = e, A = U(e.parent) || {}, f = [], a = /* @__PURE__ */ new Set();
+    const { props: t } = e, y = Q(e.parent) || {}, f = [], a = /* @__PURE__ */ new Set();
     let p = {}, v = 1 / 0;
     for (let u = 0; u < Y; u++) {
-      const n = X[u], r = d[n], o = t[n] !== void 0 ? t[n] : A[n], P = W(o), S = n === l ? r.isActive : null;
+      const n = X[u], r = d[n], o = t[n] !== void 0 ? t[n] : y[n], P = W(o), S = n === l ? r.isActive : null;
       S === !1 && (v = u);
-      let w = o === A[n] && o !== t[n] && P;
+      let w = o === y[n] && o !== t[n] && P;
       if (w && m && e.manuallyAnimateOnMount && (w = !1), r.protectedKeys = { ...p }, // If it isn't active and hasn't *just* been set as inactive
       !r.isActive && S === null || // If we didn't and don't have any defined prop for this animation type
       !o && !r.prevProp || // Or if the prop doesn't define an animation
-      Q(o) || typeof o == "boolean")
+      U(o) || typeof o == "boolean")
         continue;
       const I = _(r.prevProp, o);
       let T = I || // If we're making this variant active, we want to always make it active
       n === l && r.isActive && !w && P || // If we removed a higher-priority variant (i is in reverse order)
       u > v && P, O = !1;
       const R = Array.isArray(o) ? o : [o];
-      let V = R.reduce(H(n), {});
+      let V = R.reduce(L(n), {});
       S === !1 && (V = {});
       const { prevResolvedValues: x = {} } = r, q = {
         ...x,
@@ -53,21 +53,21 @@ function le(e) {
         s && (s.liveStyle = !1);
       };
       for (const i in q) {
-        const s = V[i], h = x[i];
+        const s = V[i], A = x[i];
         if (p.hasOwnProperty(i))
           continue;
         let g = !1;
-        M(s) && M(h) ? g = !B(s, h) : g = s !== h, g ? s != null ? D(i) : a.add(i) : s !== void 0 && a.has(i) ? D(i) : r.protectedKeys[i] = !0;
+        M(s) && M(A) ? g = !B(s, A) : g = s !== A, g ? s != null ? D(i) : a.add(i) : s !== void 0 && a.has(i) ? D(i) : r.protectedKeys[i] = !0;
       }
       r.prevProp = o, r.prevResolvedValues = V, r.isActive && (p = { ...p, ...V }), m && e.blockInitialAnimation && (T = !1);
-      const L = w && I;
-      T && (!L || O) && f.push(...R.map((i) => {
+      const F = w && I;
+      T && (!F || O) && f.push(...R.map((i) => {
         const s = { type: n };
-        if (typeof i == "string" && m && !L && e.manuallyAnimateOnMount && e.parent) {
-          const { parent: h } = e, g = K(h, i);
-          if (h.enteringChildren && g) {
+        if (typeof i == "string" && m && !F && e.manuallyAnimateOnMount && e.parent) {
+          const { parent: A } = e, g = K(A, i);
+          if (A.enteringChildren && g) {
             const { delayChildren: G } = g.transition || {};
-            s.delay = N(h.enteringChildren, e, G);
+            s.delay = N(A.enteringChildren, e, G);
           }
         }
         return {
@@ -98,10 +98,10 @@ function le(e) {
       var p;
       return (p = a.animationState) == null ? void 0 : p.setActive(l, t);
     }), d[l].isActive = t;
-    const A = b(l);
+    const y = b(l);
     for (const a in d)
       d[a].protectedKeys = {};
-    return A;
+    return y;
   }
   return {
     animateChanges: b,
@@ -116,7 +116,7 @@ function le(e) {
 function _(e, c) {
   return typeof c == "string" ? c !== e : Array.isArray(c) ? !B(c, e) : !1;
 }
-function y(e = !1) {
+function h(e = !1) {
   return {
     isActive: e,
     protectedKeys: {},
@@ -126,13 +126,13 @@ function y(e = !1) {
 }
 function k() {
   return {
-    animate: y(!0),
-    whileInView: y(),
-    whileHover: y(),
-    whileTap: y(),
-    whileDrag: y(),
-    whileFocus: y(),
-    exit: y()
+    animate: h(!0),
+    whileInView: h(),
+    whileHover: h(),
+    whileTap: h(),
+    whileDrag: h(),
+    whileFocus: h(),
+    exit: h()
   };
 }
 export {

package/dist/node_modules/{framer-motion → motion-dom}/dist/es/render/utils/is-controlling-variants.js

@@ -1,4 +1,4 @@
-import { isAnimationControls as o } from "../../animation/utils/is-animation-controls.js";
+import { isAnimationControls as o } from "./is-animation-controls.js";
 import { isVariantLabel as r } from "./is-variant-label.js";
 import { variantProps as t } from "./variant-props.js";
 function a(i) {