motion-v 0.3.0 → 0.4.0

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/transform.mjs

@@ -1,31 +1,31 @@
-import { scale as t, alpha as s } from "../../../value/types/numbers/index.mjs";
-import { degrees as r, px as e, progressPercentage as a } from "../../../value/types/numbers/units.mjs";
-const n = {
-  rotate: r,
-  rotateX: r,
-  rotateY: r,
-  rotateZ: r,
-  scale: t,
-  scaleX: t,
-  scaleY: t,
-  scaleZ: t,
-  skew: r,
-  skewX: r,
-  skewY: r,
-  distance: e,
-  translateX: e,
-  translateY: e,
-  translateZ: e,
-  x: e,
-  y: e,
-  z: e,
-  perspective: e,
-  transformPerspective: e,
-  opacity: s,
-  originX: a,
-  originY: a,
-  originZ: e
+import { scale, alpha } from "../../../value/types/numbers/index.mjs";
+import { degrees, px, progressPercentage } from "../../../value/types/numbers/units.mjs";
+const transformValueTypes = {
+  rotate: degrees,
+  rotateX: degrees,
+  rotateY: degrees,
+  rotateZ: degrees,
+  scale,
+  scaleX: scale,
+  scaleY: scale,
+  scaleZ: scale,
+  skew: degrees,
+  skewX: degrees,
+  skewY: degrees,
+  distance: px,
+  translateX: px,
+  translateY: px,
+  translateZ: px,
+  x: px,
+  y: px,
+  z: px,
+  perspective: px,
+  transformPerspective: px,
+  opacity: alpha,
+  originX: progressPercentage,
+  originY: progressPercentage,
+  originZ: px
 };
 export {
-  n as transformValueTypes
+  transformValueTypes
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/type-auto.mjs

@@ -1,7 +1,7 @@
-const o = {
-  test: (t) => t === "auto",
-  parse: (t) => t
+const auto = {
+  test: (v) => v === "auto",
+  parse: (v) => v
 };
 export {
-  o as auto
+  auto
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/type-int.mjs

@@ -1,8 +1,8 @@
-import { number as r } from "../../../value/types/numbers/index.mjs";
-const t = {
-  ...r,
+import { number } from "../../../value/types/numbers/index.mjs";
+const int = {
+  ...number,
   transform: Math.round
 };
 export {
-  t as int
+  int
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/viewport/index.mjs

@@ -1,25 +1,37 @@
-import { resolveElements as d } from "../utils/resolve-element.mjs";
-const m = {
+import { resolveElements } from "../utils/resolve-element.mjs";
+const thresholds = {
   some: 0,
   all: 1
 };
-function b(i, a, { root: f, margin: l, amount: t = "some" } = {}) {
-  const g = d(i), n = /* @__PURE__ */ new WeakMap(), h = (o) => {
-    o.forEach((e) => {
-      const r = n.get(e.target);
-      if (e.isIntersecting !== !!r)
-        if (e.isIntersecting) {
-          const c = a(e);
-          typeof c == "function" ? n.set(e.target, c) : s.unobserve(e.target);
-        } else r && (r(e), n.delete(e.target));
+function inView(elementOrSelector, onStart, { root, margin: rootMargin, amount = "some" } = {}) {
+  const elements = resolveElements(elementOrSelector);
+  const activeIntersections = /* @__PURE__ */ new WeakMap();
+  const onIntersectionChange = (entries) => {
+    entries.forEach((entry) => {
+      const onEnd = activeIntersections.get(entry.target);
+      if (entry.isIntersecting === Boolean(onEnd))
+        return;
+      if (entry.isIntersecting) {
+        const newOnEnd = onStart(entry);
+        if (typeof newOnEnd === "function") {
+          activeIntersections.set(entry.target, newOnEnd);
+        } else {
+          observer.unobserve(entry.target);
+        }
+      } else if (onEnd) {
+        onEnd(entry);
+        activeIntersections.delete(entry.target);
+      }
     });
-  }, s = new IntersectionObserver(h, {
-    root: f,
-    rootMargin: l,
-    threshold: typeof t == "number" ? t : m[t]
+  };
+  const observer = new IntersectionObserver(onIntersectionChange, {
+    root,
+    rootMargin,
+    threshold: typeof amount === "number" ? amount : thresholds[amount]
   });
-  return g.forEach((o) => s.observe(o)), () => s.disconnect();
+  elements.forEach((element) => observer.observe(element));
+  return () => observer.disconnect();
 }
 export {
-  b as inView
+  inView
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/html/HTMLVisualElement.mjs

@@ -1,46 +1,55 @@
-import { buildHTMLStyles as s } from "./utils/build-styles.mjs";
-import { isCSSVariableName as n } from "../dom/utils/is-css-variable.mjs";
-import { transformProps as m } from "./utils/transform.mjs";
-import { scrapeMotionValuesFromProps as u } from "./utils/scrape-motion-values.mjs";
-import { renderHTML as l } from "./utils/render.mjs";
-import { getDefaultValueType as p } from "../dom/value-types/defaults.mjs";
-import { measureViewportBox as a } from "../../projection/utils/measure.mjs";
-import { DOMVisualElement as c } from "../dom/DOMVisualElement.mjs";
-import { isMotionValue as d } from "../../value/utils/is-motion-value.mjs";
-function f(i) {
-  return window.getComputedStyle(i);
+import { buildHTMLStyles } from "./utils/build-styles.mjs";
+import { isCSSVariableName } from "../dom/utils/is-css-variable.mjs";
+import { transformProps } from "./utils/transform.mjs";
+import { scrapeMotionValuesFromProps } from "./utils/scrape-motion-values.mjs";
+import { renderHTML } from "./utils/render.mjs";
+import { getDefaultValueType } from "../dom/value-types/defaults.mjs";
+import { measureViewportBox } from "../../projection/utils/measure.mjs";
+import { DOMVisualElement } from "../dom/DOMVisualElement.mjs";
+import { isMotionValue } from "../../value/utils/is-motion-value.mjs";
+function getComputedStyle(element) {
+  return window.getComputedStyle(element);
 }
-class C extends c {
+class HTMLVisualElement extends DOMVisualElement {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = l;
+    super(...arguments);
+    this.type = "html";
+    this.renderInstance = renderHTML;
   }
-  readValueFromInstance(e, t) {
-    if (m.has(t)) {
-      const r = p(t);
-      return r && r.default || 0;
+  readValueFromInstance(instance, key) {
+    if (transformProps.has(key)) {
+      const defaultType = getDefaultValueType(key);
+      return defaultType ? defaultType.default || 0 : 0;
     } else {
-      const r = f(e), o = (n(t) ? r.getPropertyValue(t) : r[t]) || 0;
-      return typeof o == "string" ? o.trim() : o;
+      const computedStyle = getComputedStyle(instance);
+      const value = (isCSSVariableName(key) ? computedStyle.getPropertyValue(key) : computedStyle[key]) || 0;
+      return typeof value === "string" ? value.trim() : value;
     }
   }
-  measureInstanceViewportBox(e, { transformPagePoint: t }) {
-    return a(e, t);
+  measureInstanceViewportBox(instance, { transformPagePoint }) {
+    return measureViewportBox(instance, transformPagePoint);
   }
-  build(e, t, r) {
-    s(e, t, r.transformTemplate);
+  build(renderState, latestValues, props) {
+    buildHTMLStyles(renderState, latestValues, props.transformTemplate);
   }
-  scrapeMotionValuesFromProps(e, t, r) {
-    return u(e, t, r);
+  scrapeMotionValuesFromProps(props, prevProps, visualElement) {
+    return scrapeMotionValuesFromProps(props, prevProps, visualElement);
   }
   handleChildMotionValue() {
-    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
-    const { children: e } = this.props;
-    d(e) && (this.childSubscription = e.on("change", (t) => {
-      this.current && (this.current.textContent = `${t}`);
-    }));
+    if (this.childSubscription) {
+      this.childSubscription();
+      delete this.childSubscription;
+    }
+    const { children } = this.props;
+    if (isMotionValue(children)) {
+      this.childSubscription = children.on("change", (latest) => {
+        if (this.current)
+          this.current.textContent = `${latest}`;
+      });
+    }
   }
 }
 export {
-  C as HTMLVisualElement,
-  f as getComputedStyle
+  HTMLVisualElement,
+  getComputedStyle
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/html/utils/build-styles.mjs

@@ -1,29 +1,42 @@
-import { buildTransform as p } from "./build-transform.mjs";
-import { isCSSVariableName as u } from "../../dom/utils/is-css-variable.mjs";
-import { transformProps as c } from "./transform.mjs";
-import { getValueAsType as g } from "../../dom/value-types/get-as-type.mjs";
-import { numberValueTypes as y } from "../../dom/value-types/number.mjs";
-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;
+import { buildTransform } from "./build-transform.mjs";
+import { isCSSVariableName } from "../../dom/utils/is-css-variable.mjs";
+import { transformProps } from "./transform.mjs";
+import { getValueAsType } from "../../dom/value-types/get-as-type.mjs";
+import { numberValueTypes } from "../../dom/value-types/number.mjs";
+function buildHTMLStyles(state, latestValues, transformTemplate) {
+  const { style, vars, transformOrigin } = state;
+  let hasTransform = false;
+  let hasTransformOrigin = false;
+  for (const key in latestValues) {
+    const value = latestValues[key];
+    if (transformProps.has(key)) {
+      hasTransform = true;
       continue;
-    } else if (u(r)) {
-      l[r] = n;
+    } else if (isCSSVariableName(key)) {
+      vars[key] = value;
       continue;
     } else {
-      const s = g(n, y[r]);
-      r.startsWith("origin") ? (a = !0, t[r] = s) : o[r] = s;
+      const valueAsType = getValueAsType(value, numberValueTypes[key]);
+      if (key.startsWith("origin")) {
+        hasTransformOrigin = true;
+        transformOrigin[key] = valueAsType;
+      } else {
+        style[key] = valueAsType;
+      }
     }
   }
-  if (i.transform || (m || e ? o.transform = p(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}`;
+  if (!latestValues.transform) {
+    if (hasTransform || transformTemplate) {
+      style.transform = buildTransform(latestValues, state.transform, transformTemplate);
+    } else if (style.transform) {
+      style.transform = "none";
+    }
+  }
+  if (hasTransformOrigin) {
+    const { originX = "50%", originY = "50%", originZ = 0 } = transformOrigin;
+    style.transformOrigin = `${originX} ${originY} ${originZ}`;
   }
 }
 export {
-  S as buildHTMLStyles
+  buildHTMLStyles
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/html/utils/build-transform.mjs

@@ -1,31 +1,47 @@
-import { transformPropOrder as l } from "./transform.mjs";
-import { getValueAsType as m } from "../../dom/value-types/get-as-type.mjs";
-import { numberValueTypes as p } from "../../dom/value-types/number.mjs";
-const y = {
+import { transformPropOrder } from "./transform.mjs";
+import { getValueAsType } from "../../dom/value-types/get-as-type.mjs";
+import { numberValueTypes } from "../../dom/value-types/number.mjs";
+const translateAlias = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, v = l.length;
-function A(u, i, s) {
-  let e = "", o = !0;
-  for (let a = 0; a < v; a++) {
-    const t = l[a], r = u[t];
-    if (r === void 0)
+};
+const numTransforms = transformPropOrder.length;
+function buildTransform(latestValues, transform, transformTemplate) {
+  let transformString = "";
+  let transformIsDefault = true;
+  for (let i = 0; i < numTransforms; i++) {
+    const key = transformPropOrder[i];
+    const value = latestValues[key];
+    if (value === void 0)
       continue;
-    let n = !0;
-    if (typeof r == "number" ? n = r === (t.startsWith("scale") ? 1 : 0) : n = parseFloat(r) === 0, !n || s) {
-      const f = m(r, p[t]);
-      if (!n) {
-        o = !1;
-        const c = y[t] || t;
-        e += `${c}(${f}) `;
+    let valueIsDefault = true;
+    if (typeof value === "number") {
+      valueIsDefault = value === (key.startsWith("scale") ? 1 : 0);
+    } else {
+      valueIsDefault = parseFloat(value) === 0;
+    }
+    if (!valueIsDefault || transformTemplate) {
+      const valueAsType = getValueAsType(value, numberValueTypes[key]);
+      if (!valueIsDefault) {
+        transformIsDefault = false;
+        const transformName = translateAlias[key] || key;
+        transformString += `${transformName}(${valueAsType}) `;
+      }
+      if (transformTemplate) {
+        transform[key] = valueAsType;
       }
-      s && (i[t] = f);
     }
   }
-  return e = e.trim(), s ? e = s(i, o ? "" : e) : o && (e = "none"), e;
+  transformString = transformString.trim();
+  if (transformTemplate) {
+    transformString = transformTemplate(transform, transformIsDefault ? "" : transformString);
+  } else if (transformIsDefault) {
+    transformString = "none";
+  }
+  return transformString;
 }
 export {
-  A as buildTransform
+  buildTransform
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/html/utils/make-none-animatable.mjs

@@ -1,16 +1,22 @@
-import { analyseComplexValue as l } from "../../../value/types/complex/index.mjs";
-import { getAnimatableNone as m } from "../../dom/value-types/animatable-none.mjs";
-const f = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function g(e, i, o) {
-  let n = 0, a;
-  for (; n < e.length && !a; ) {
-    const t = e[n];
-    typeof t == "string" && !f.has(t) && l(t).values.length && (a = e[n]), n++;
+import { analyseComplexValue } from "../../../value/types/complex/index.mjs";
+import { getAnimatableNone } from "../../dom/value-types/animatable-none.mjs";
+const invalidTemplates = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, name) {
+  let i = 0;
+  let animatableTemplate = void 0;
+  while (i < unresolvedKeyframes.length && !animatableTemplate) {
+    const keyframe = unresolvedKeyframes[i];
+    if (typeof keyframe === "string" && !invalidTemplates.has(keyframe) && analyseComplexValue(keyframe).values.length) {
+      animatableTemplate = unresolvedKeyframes[i];
+    }
+    i++;
+  }
+  if (animatableTemplate && name) {
+    for (const noneIndex of noneKeyframeIndexes) {
+      unresolvedKeyframes[noneIndex] = getAnimatableNone(name, animatableTemplate);
+    }
   }
-  if (a && o)
-    for (const t of i)
-      e[t] = m(o, a);
 }
 export {
-  g as makeNoneKeyframesAnimatable
+  makeNoneKeyframesAnimatable
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/html/utils/render.mjs

@@ -1,8 +1,9 @@
-function y(t, { style: o, vars: e }, r, s) {
-  Object.assign(t.style, o, s && s.getProjectionStyles(r));
-  for (const n in e)
-    t.style.setProperty(n, e[n]);
+function renderHTML(element, { style, vars }, styleProp, projection) {
+  Object.assign(element.style, style, projection && projection.getProjectionStyles(styleProp));
+  for (const key in vars) {
+    element.style.setProperty(key, vars[key]);
+  }
 }
 export {
-  y as renderHTML
+  renderHTML
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/html/utils/scrape-motion-values.mjs

@@ -1,12 +1,16 @@
-import { isForcedMotionValue as u } from "../../../motion/utils/is-forced-motion-value.mjs";
-import { isMotionValue as s } from "../../../value/utils/is-motion-value.mjs";
-function c(n, l, e) {
-  var i;
-  const { style: t } = n, r = {};
-  for (const o in t)
-    (s(t[o]) || l.style && s(l.style[o]) || u(o, n) || ((i = e == null ? void 0 : e.getValue(o)) === null || i === void 0 ? void 0 : i.liveStyle) !== void 0) && (r[o] = t[o]);
-  return r;
+import { isForcedMotionValue } from "../../../motion/utils/is-forced-motion-value.mjs";
+import { isMotionValue } from "../../../value/utils/is-motion-value.mjs";
+function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
+  var _a;
+  const { style } = props;
+  const newValues = {};
+  for (const key in style) {
+    if (isMotionValue(style[key]) || prevProps.style && isMotionValue(prevProps.style[key]) || isForcedMotionValue(key, props) || ((_a = visualElement === null || visualElement === void 0 ? void 0 : visualElement.getValue(key)) === null || _a === void 0 ? void 0 : _a.liveStyle) !== void 0) {
+      newValues[key] = style[key];
+    }
+  }
+  return newValues;
 }
 export {
-  c as scrapeMotionValuesFromProps
+  scrapeMotionValuesFromProps
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/html/utils/transform.mjs

@@ -1,4 +1,4 @@
-const t = [
+const transformPropOrder = [
   "transformPerspective",
   "x",
   "y",
@@ -16,8 +16,9 @@ const t = [
   "skew",
   "skewX",
   "skewY"
-], e = new Set(t);
+];
+const transformProps = new Set(transformPropOrder);
 export {
-  t as transformPropOrder,
-  e as transformProps
+  transformPropOrder,
+  transformProps
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/object/ObjectVisualElement.mjs

@@ -1,37 +1,41 @@
-import { createBox as o } from "../../projection/geometry/models.mjs";
-import { VisualElement as s } from "../VisualElement.mjs";
-function u(n, e) {
-  return n in e;
+import { createBox } from "../../projection/geometry/models.mjs";
+import { VisualElement } from "../VisualElement.mjs";
+function isObjectKey(key, object) {
+  return key in object;
 }
-class c extends s {
+class ObjectVisualElement extends VisualElement {
   constructor() {
-    super(...arguments), this.type = "object";
-  }
-  readValueFromInstance(e, t) {
-    if (u(t, e)) {
-      const r = e[t];
-      if (typeof r == "string" || typeof r == "number")
-        return r;
+    super(...arguments);
+    this.type = "object";
+  }
+  readValueFromInstance(instance, key) {
+    if (isObjectKey(key, instance)) {
+      const value = instance[key];
+      if (typeof value === "string" || typeof value === "number") {
+        return value;
+      }
     }
+    return void 0;
   }
   getBaseTargetFromProps() {
+    return void 0;
   }
-  removeValueFromRenderState(e, t) {
-    delete t.output[e];
+  removeValueFromRenderState(key, renderState) {
+    delete renderState.output[key];
   }
   measureInstanceViewportBox() {
-    return o();
+    return createBox();
   }
-  build(e, t) {
-    Object.assign(e.output, t);
+  build(renderState, latestValues) {
+    Object.assign(renderState.output, latestValues);
   }
-  renderInstance(e, { output: t }) {
-    Object.assign(e, t);
+  renderInstance(instance, { output }) {
+    Object.assign(instance, output);
   }
   sortInstanceNodePosition() {
     return 0;
   }
 }
 export {
-  c as ObjectVisualElement
+  ObjectVisualElement
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/store.mjs

@@ -1,4 +1,4 @@
-const e = /* @__PURE__ */ new WeakMap();
+const visualElementStore = /* @__PURE__ */ new WeakMap();
 export {
-  e as visualElementStore
+  visualElementStore
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/svg/SVGVisualElement.mjs

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