@bbl-digital/snorre 4.2.86 → 4.2.87

package/dist/snorre.es890.js

@@ -0,0 +1,18 @@
+import { Fragment as f, useMemo as d, createElement as p } from "react";
+import { useHTMLProps as a } from "./snorre.es1063.js";
+import { filterProps as P } from "./snorre.es721.js";
+import { isSVGComponent as V } from "./snorre.es743.js";
+import { useSVGProps as g } from "./snorre.es1064.js";
+import { isMotionValue as h } from "./snorre.es603.js";
+function F(o = !1) {
+  return (e, s, t, { latestValues: i }, n) => {
+    const u = (V(e) ? g : a)(s, i, n, e), m = P(s, typeof e == "string", o), c = e !== f ? { ...m, ...u, ref: t } : {}, { children: r } = s, l = d(() => h(r) ? r.get() : r, [r]);
+    return p(e, {
+      ...c,
+      children: l
+    });
+  };
+}
+export {
+  F as createUseRender
+};

package/dist/snorre.es891.js

@@ -0,0 +1,12 @@
+import { makeUseVisualState as t } from "./snorre.es722.js";
+import { scrapeMotionValuesFromProps as e } from "./snorre.es905.js";
+import { createHtmlRenderState as o } from "./snorre.es1065.js";
+const i = {
+  useVisualState: t({
+    scrapeMotionValuesFromProps: e,
+    createRenderState: o
+  })
+};
+export {
+  i as htmlMotionConfig
+};

package/dist/snorre.es892.js

@@ -0,0 +1,43 @@
+import { frame as n } from "./snorre.es671.js";
+import { makeUseVisualState as u } from "./snorre.es722.js";
+import { transformProps as d } from "./snorre.es653.js";
+import { buildSVGAttrs as l } from "./snorre.es906.js";
+import { createSvgRenderState as g } from "./snorre.es1066.js";
+import { isSVGTag as c } from "./snorre.es908.js";
+import { updateSVGDimensions as S } from "./snorre.es909.js";
+import { renderSVG as V } from "./snorre.es910.js";
+import { scrapeMotionValuesFromProps as h } from "./snorre.es911.js";
+const p = ["x", "y", "width", "height", "cx", "cy", "r"], R = {
+  useVisualState: u({
+    scrapeMotionValuesFromProps: h,
+    createRenderState: g,
+    onUpdate: ({ props: t, prevProps: e, current: o, renderState: i, latestValues: a }) => {
+      if (!o)
+        return;
+      let m = !!t.drag;
+      if (!m) {
+        for (const r in a)
+          if (d.has(r)) {
+            m = !0;
+            break;
+          }
+      }
+      if (!m)
+        return;
+      let f = !e;
+      if (e)
+        for (let r = 0; r < p.length; r++) {
+          const s = p[r];
+          t[s] !== e[s] && (f = !0);
+        }
+      f && n.read(() => {
+        S(o, i), n.render(() => {
+          l(i, a, c(o.tagName), t.transformTemplate), V(o, i);
+        });
+      });
+    }
+  })
+};
+export {
+  R as svgMotionConfig
+};

package/dist/snorre.es893.js

@@ -0,0 +1,256 @@
+import { invariant as L } from "./snorre.es621.js";
+import { setDragLock as M } from "./snorre.es1067.js";
+import { animateMotionValue as S } from "./snorre.es759.js";
+import { addDomEvent as B } from "./snorre.es725.js";
+import { addPointerEvent as k } from "./snorre.es724.js";
+import { extractEventInfo as j } from "./snorre.es726.js";
+import { convertBoxToBoundingBox as T, convertBoundingBoxToBox as w } from "./snorre.es1068.js";
+import { calcLength as b } from "./snorre.es720.js";
+import { createBox as R } from "./snorre.es657.js";
+import { eachAxis as u } from "./snorre.es929.js";
+import { measurePageBox as W } from "./snorre.es900.js";
+import { getContextWindow as _ } from "./snorre.es894.js";
+import { isRefObject as D } from "./snorre.es762.js";
+import { mixNumber as V } from "./snorre.es711.js";
+import { percent as O } from "./snorre.es680.js";
+import { addValueToWillChange as x } from "./snorre.es757.js";
+import { PanSession as U } from "./snorre.es895.js";
+import { applyConstraints as z, calcRelativeConstraints as I, resolveDragElastic as F, calcViewportConstraints as K, defaultElastic as N, rebaseAxisConstraints as $, calcOrigin as q } from "./snorre.es1069.js";
+import { frame as C } from "./snorre.es671.js";
+const G = /* @__PURE__ */ new WeakMap();
+class ft {
+  constructor(t) {
+    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = R(), this.visualElement = t;
+  }
+  start(t, { snapToCursor: s = !1 } = {}) {
+    const { presenceContext: i } = this.visualElement;
+    if (i && i.isPresent === !1)
+      return;
+    const n = (o) => {
+      const { dragSnapToOrigin: a } = this.getProps();
+      a ? this.pauseAnimation() : this.stopAnimation(), s && this.snapToCursor(j(o).point);
+    }, r = (o, a) => {
+      const { drag: f, dragPropagation: d, onDragStart: g } = this.getProps();
+      if (f && !d && (this.openDragLock && this.openDragLock(), this.openDragLock = M(f), !this.openDragLock))
+        return;
+      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), u((m) => {
+        let E = this.getAxisMotionValue(m).get() || 0;
+        if (O.test(E)) {
+          const { projection: A } = this.visualElement;
+          if (A && A.layout) {
+            const y = A.layout.layoutBox[m];
+            y && (E = b(y) * (parseFloat(E) / 100));
+          }
+        }
+        this.originPoint[m] = E;
+      }), g && C.postRender(() => g(o, a)), x(this.visualElement, "transform");
+      const { animationState: v } = this.visualElement;
+      v && v.setActive("whileDrag", !0);
+    }, e = (o, a) => {
+      const { dragPropagation: f, dragDirectionLock: d, onDirectionLock: g, onDrag: v } = this.getProps();
+      if (!f && !this.openDragLock)
+        return;
+      const { offset: m } = a;
+      if (d && this.currentDirection === null) {
+        this.currentDirection = H(m), this.currentDirection !== null && g && g(this.currentDirection);
+        return;
+      }
+      this.updateAxis("x", a.point, m), this.updateAxis("y", a.point, m), this.visualElement.render(), v && v(o, a);
+    }, l = (o, a) => this.stop(o, a), c = () => u((o) => {
+      var a;
+      return this.getAnimationState(o) === "paused" && ((a = this.getAxisMotionValue(o).animation) === null || a === void 0 ? void 0 : a.play());
+    }), { dragSnapToOrigin: h } = this.getProps();
+    this.panSession = new U(t, {
+      onSessionStart: n,
+      onStart: r,
+      onMove: e,
+      onSessionEnd: l,
+      resumeAnimation: c
+    }, {
+      transformPagePoint: this.visualElement.getTransformPagePoint(),
+      dragSnapToOrigin: h,
+      contextWindow: _(this.visualElement)
+    });
+  }
+  stop(t, s) {
+    const i = this.isDragging;
+    if (this.cancel(), !i)
+      return;
+    const { velocity: n } = s;
+    this.startAnimation(n);
+    const { onDragEnd: r } = this.getProps();
+    r && C.postRender(() => r(t, s));
+  }
+  cancel() {
+    this.isDragging = !1;
+    const { projection: t, animationState: s } = this.visualElement;
+    t && (t.isAnimationBlocked = !1), this.panSession && this.panSession.end(), this.panSession = void 0;
+    const { dragPropagation: i } = this.getProps();
+    !i && this.openDragLock && (this.openDragLock(), this.openDragLock = null), s && s.setActive("whileDrag", !1);
+  }
+  updateAxis(t, s, i) {
+    const { drag: n } = this.getProps();
+    if (!i || !P(t, n, this.currentDirection))
+      return;
+    const r = this.getAxisMotionValue(t);
+    let e = this.originPoint[t] + i[t];
+    this.constraints && this.constraints[t] && (e = z(e, this.constraints[t], this.elastic[t])), r.set(e);
+  }
+  resolveConstraints() {
+    var t;
+    const { dragConstraints: s, dragElastic: i } = this.getProps(), n = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (t = this.visualElement.projection) === null || t === void 0 ? void 0 : t.layout, r = this.constraints;
+    s && D(s) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : s && n ? this.constraints = I(n.layoutBox, s) : this.constraints = !1, this.elastic = F(i), r !== this.constraints && n && this.constraints && !this.hasMutatedConstraints && u((e) => {
+      this.constraints !== !1 && this.getAxisMotionValue(e) && (this.constraints[e] = $(n.layoutBox[e], this.constraints[e]));
+    });
+  }
+  resolveRefConstraints() {
+    const { dragConstraints: t, onMeasureDragConstraints: s } = this.getProps();
+    if (!t || !D(t))
+      return !1;
+    const i = t.current;
+    L(i !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
+    const { projection: n } = this.visualElement;
+    if (!n || !n.layout)
+      return !1;
+    const r = W(i, n.root, this.visualElement.getTransformPagePoint());
+    let e = K(n.layout.layoutBox, r);
+    if (s) {
+      const l = s(T(e));
+      this.hasMutatedConstraints = !!l, l && (e = w(l));
+    }
+    return e;
+  }
+  startAnimation(t) {
+    const { drag: s, dragMomentum: i, dragElastic: n, dragTransition: r, dragSnapToOrigin: e, onDragTransitionEnd: l } = this.getProps(), c = this.constraints || {}, h = u((o) => {
+      if (!P(o, s, this.currentDirection))
+        return;
+      let a = c && c[o] || {};
+      e && (a = { min: 0, max: 0 });
+      const f = n ? 200 : 1e6, d = n ? 40 : 1e7, g = {
+        type: "inertia",
+        velocity: i ? t[o] : 0,
+        bounceStiffness: f,
+        bounceDamping: d,
+        timeConstant: 750,
+        restDelta: 1,
+        restSpeed: 10,
+        ...r,
+        ...a
+      };
+      return this.startAxisValueAnimation(o, g);
+    });
+    return Promise.all(h).then(l);
+  }
+  startAxisValueAnimation(t, s) {
+    const i = this.getAxisMotionValue(t);
+    return x(this.visualElement, t), i.start(S(t, i, 0, s, this.visualElement, !1));
+  }
+  stopAnimation() {
+    u((t) => this.getAxisMotionValue(t).stop());
+  }
+  pauseAnimation() {
+    u((t) => {
+      var s;
+      return (s = this.getAxisMotionValue(t).animation) === null || s === void 0 ? void 0 : s.pause();
+    });
+  }
+  getAnimationState(t) {
+    var s;
+    return (s = this.getAxisMotionValue(t).animation) === null || s === void 0 ? void 0 : s.state;
+  }
+  /**
+   * Drag works differently depending on which props are provided.
+   *
+   * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.
+   * - Otherwise, we apply the delta to the x/y motion values.
+   */
+  getAxisMotionValue(t) {
+    const s = `_drag${t.toUpperCase()}`, i = this.visualElement.getProps(), n = i[s];
+    return n || this.visualElement.getValue(t, (i.initial ? i.initial[t] : void 0) || 0);
+  }
+  snapToCursor(t) {
+    u((s) => {
+      const { drag: i } = this.getProps();
+      if (!P(s, i, this.currentDirection))
+        return;
+      const { projection: n } = this.visualElement, r = this.getAxisMotionValue(s);
+      if (n && n.layout) {
+        const { min: e, max: l } = n.layout.layoutBox[s];
+        r.set(t[s] - V(e, l, 0.5));
+      }
+    });
+  }
+  /**
+   * When the viewport resizes we want to check if the measured constraints
+   * have changed and, if so, reposition the element within those new constraints
+   * relative to where it was before the resize.
+   */
+  scalePositionWithinConstraints() {
+    if (!this.visualElement.current)
+      return;
+    const { drag: t, dragConstraints: s } = this.getProps(), { projection: i } = this.visualElement;
+    if (!D(s) || !i || !this.constraints)
+      return;
+    this.stopAnimation();
+    const n = { x: 0, y: 0 };
+    u((e) => {
+      const l = this.getAxisMotionValue(e);
+      if (l && this.constraints !== !1) {
+        const c = l.get();
+        n[e] = q({ min: c, max: c }, this.constraints[e]);
+      }
+    });
+    const { transformTemplate: r } = this.visualElement.getProps();
+    this.visualElement.current.style.transform = r ? r({}, "") : "none", i.root && i.root.updateScroll(), i.updateLayout(), this.resolveConstraints(), u((e) => {
+      if (!P(e, t, null))
+        return;
+      const l = this.getAxisMotionValue(e), { min: c, max: h } = this.constraints[e];
+      l.set(V(c, h, n[e]));
+    });
+  }
+  addListeners() {
+    if (!this.visualElement.current)
+      return;
+    G.set(this.visualElement, this);
+    const t = this.visualElement.current, s = k(t, "pointerdown", (c) => {
+      const { drag: h, dragListener: o = !0 } = this.getProps();
+      h && o && this.start(c);
+    }), i = () => {
+      const { dragConstraints: c } = this.getProps();
+      D(c) && c.current && (this.constraints = this.resolveRefConstraints());
+    }, { projection: n } = this.visualElement, r = n.addEventListener("measure", i);
+    n && !n.layout && (n.root && n.root.updateScroll(), n.updateLayout()), C.read(i);
+    const e = B(window, "resize", () => this.scalePositionWithinConstraints()), l = n.addEventListener("didUpdate", ({ delta: c, hasLayoutChanged: h }) => {
+      this.isDragging && h && (u((o) => {
+        const a = this.getAxisMotionValue(o);
+        a && (this.originPoint[o] += c[o].translate, a.set(a.get() + c[o].translate));
+      }), this.visualElement.render());
+    });
+    return () => {
+      e(), s(), r(), l && l();
+    };
+  }
+  getProps() {
+    const t = this.visualElement.getProps(), { drag: s = !1, dragDirectionLock: i = !1, dragPropagation: n = !1, dragConstraints: r = !1, dragElastic: e = N, dragMomentum: l = !0 } = t;
+    return {
+      ...t,
+      drag: s,
+      dragDirectionLock: i,
+      dragPropagation: n,
+      dragConstraints: r,
+      dragElastic: e,
+      dragMomentum: l
+    };
+  }
+}
+function P(p, t, s) {
+  return (t === !0 || t === p) && (s === null || s === p);
+}
+function H(p, t = 10) {
+  let s = null;
+  return Math.abs(p.y) > t ? s = "y" : Math.abs(p.x) > t && (s = "x"), s;
+}
+export {
+  ft as VisualElementDragControls,
+  G as elementDragControls
+};

package/dist/snorre.es894.js

@@ -0,0 +1,4 @@
+const t = ({ current: e }) => e ? e.ownerDocument.defaultView : null;
+export {
+  t as getContextWindow
+};

package/dist/snorre.es895.js

@@ -0,0 +1,84 @@
+import { secondsToMilliseconds as w, millisecondsToSeconds as S } from "./snorre.es606.js";
+import { isPrimaryPointer as D } from "./snorre.es698.js";
+import { addPointerEvent as d } from "./snorre.es724.js";
+import { extractEventInfo as T } from "./snorre.es726.js";
+import { distance2D as W } from "./snorre.es716.js";
+import { pipe as L } from "./snorre.es626.js";
+import { frameData as x, frame as U, cancelFrame as O } from "./snorre.es671.js";
+class B {
+  constructor(n, o, { transformPagePoint: e, contextWindow: r, dragSnapToOrigin: h = !1 } = {}) {
+    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
+      if (!(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      const i = p(this.lastMoveEventInfo, this.history), a = this.startEvent !== null, c = W(i.offset, { x: 0, y: 0 }) >= 3;
+      if (!a && !c)
+        return;
+      const { point: f } = i, { timestamp: m } = x;
+      this.history.push({ ...f, timestamp: m });
+      const { onStart: l, onMove: E } = this.handlers;
+      a || (l && l(this.lastMoveEvent, i), this.startEvent = this.lastMoveEvent), E && E(this.lastMoveEvent, i);
+    }, this.handlePointerMove = (i, a) => {
+      this.lastMoveEvent = i, this.lastMoveEventInfo = v(a, this.transformPagePoint), U.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (i, a) => {
+      this.end();
+      const { onEnd: c, onSessionEnd: f, resumeAnimation: m } = this.handlers;
+      if (this.dragSnapToOrigin && m && m(), !(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      const l = p(i.type === "pointercancel" ? this.lastMoveEventInfo : v(a, this.transformPagePoint), this.history);
+      this.startEvent && c && c(i, l), f && f(i, l);
+    }, !D(n))
+      return;
+    this.dragSnapToOrigin = h, this.handlers = o, this.transformPagePoint = e, this.contextWindow = r || window;
+    const s = T(n), u = v(s, this.transformPagePoint), { point: g } = u, { timestamp: I } = x;
+    this.history = [{ ...g, timestamp: I }];
+    const { onSessionStart: P } = o;
+    P && P(n, p(u, this.history)), this.removeListeners = L(d(this.contextWindow, "pointermove", this.handlePointerMove), d(this.contextWindow, "pointerup", this.handlePointerUp), d(this.contextWindow, "pointercancel", this.handlePointerUp));
+  }
+  updateHandlers(n) {
+    this.handlers = n;
+  }
+  end() {
+    this.removeListeners && this.removeListeners(), O(this.updatePoint);
+  }
+}
+function v(t, n) {
+  return n ? { point: n(t.point) } : t;
+}
+function y(t, n) {
+  return { x: t.x - n.x, y: t.y - n.y };
+}
+function p({ point: t }, n) {
+  return {
+    point: t,
+    delta: y(t, M(n)),
+    offset: y(t, V(n)),
+    velocity: b(n, 0.1)
+  };
+}
+function V(t) {
+  return t[0];
+}
+function M(t) {
+  return t[t.length - 1];
+}
+function b(t, n) {
+  if (t.length < 2)
+    return { x: 0, y: 0 };
+  let o = t.length - 1, e = null;
+  const r = M(t);
+  for (; o >= 0 && (e = t[o], !(r.timestamp - e.timestamp > w(n))); )
+    o--;
+  if (!e)
+    return { x: 0, y: 0 };
+  const h = S(r.timestamp - e.timestamp);
+  if (h === 0)
+    return { x: 0, y: 0 };
+  const s = {
+    x: (r.x - e.x) / h,
+    y: (r.y - e.y) / h
+  };
+  return s.x === 1 / 0 && (s.x = 0), s.y === 1 / 0 && (s.y = 0), s;
+}
+export {
+  B as PanSession
+};

package/dist/snorre.es896.js

@@ -0,0 +1,15 @@
+const e = {
+  /**
+   * Global flag as to whether the tree has animated since the last time
+   * we resized the window
+   */
+  hasAnimatedSinceResize: !0,
+  /**
+   * We set this to true once, on the first update. Any nodes added to the tree beyond that
+   * update will be given a `data-projection-id` attribute.
+   */
+  hasEverUpdated: !1
+};
+export {
+  e as globalProjectionState
+};

package/dist/snorre.es897.js

@@ -0,0 +1,21 @@
+import { px as c } from "./snorre.es680.js";
+function e(r, n) {
+  return n.max === n.min ? 0 : r / (n.max - n.min) * 100;
+}
+const f = {
+  correct: (r, n) => {
+    if (!n.target)
+      return r;
+    if (typeof r == "string")
+      if (c.test(r))
+        r = parseFloat(r);
+      else
+        return r;
+    const o = e(r, n.target.x), t = e(r, n.target.y);
+    return `${o}% ${t}%`;
+  }
+};
+export {
+  f as correctBorderRadius,
+  e as pixelsToPercent
+};

package/dist/snorre.es898.js

@@ -0,0 +1,16 @@
+import { mixNumber as i } from "./snorre.es711.js";
+import { complex as f } from "./snorre.es665.js";
+const y = {
+  correct: (e, { treeScale: c, projectionDelta: t }) => {
+    const a = e, o = f.parse(e);
+    if (o.length > 5)
+      return a;
+    const p = f.createTransformer(e), r = typeof o[0] != "number" ? 1 : 0, n = t.x.scale * c.x, m = t.y.scale * c.y;
+    o[0 + r] /= n, o[1 + r] /= m;
+    const s = i(n, m, 0.5);
+    return typeof o[2 + r] == "number" && (o[2 + r] /= s), typeof o[3 + r] == "number" && (o[3 + r] /= s), p(o);
+  }
+};
+export {
+  y as correctBoxShadow
+};

package/dist/snorre.es899.js

@@ -0,0 +1,21 @@
+const c = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), a = (e) => {
+  const r = c.get(e.target);
+  r && r(e);
+}, b = (e) => {
+  e.forEach(a);
+};
+function i({ root: e, ...r }) {
+  const t = e || document;
+  n.has(t) || n.set(t, {});
+  const s = n.get(t), o = JSON.stringify(r);
+  return s[o] || (s[o] = new IntersectionObserver(b, { root: e, ...r })), s[o];
+}
+function v(e, r, t) {
+  const s = i(r);
+  return c.set(e, t), s.observe(e), () => {
+    c.delete(e), s.unobserve(e);
+  };
+}
+export {
+  v as observeIntersection
+};

package/dist/snorre.es9.js

@@ -0,0 +1,37 @@
+import { jsx as i } from "./snorre.es331.js";
+import r from "./snorre.es339.js";
+const C = ({
+  level: o,
+  color: t,
+  primary: a,
+  secondary: c,
+  dark: d,
+  size: n,
+  children: f,
+  className: p,
+  id: y
+}) => {
+  const h = `h${o}`;
+  return /* @__PURE__ */ i(
+    h,
+    {
+      css: (s) => [
+        r.default(s, t, n),
+        o === 1 && r.h1,
+        o === 2 && r.h2,
+        o === 3 && r.h3,
+        o === 4 && r.h4,
+        o === 5 && r.h5,
+        a && r.setColor(s.primary),
+        c && r.setColor(s.secondary),
+        d && r.setColor(s.secondaryDarkText)
+      ],
+      id: y,
+      className: p,
+      children: f
+    }
+  );
+};
+export {
+  C as default
+};

package/dist/snorre.es90.js

@@ -0,0 +1,6 @@
+import { j as t } from "./snorre.es329.js";
+import r from "./snorre.es360.js";
+const s = (o) => /* @__PURE__ */ t.jsx("svg", { viewBox: "0 0 24 24", ...o, children: /* @__PURE__ */ t.jsx("path", { d: "M12,21.35 L10.55,20.03 C5.4,15.36 2,12.28 2,8.5 C2,5.42 4.42,3 7.5,3 C9.24,3 10.91,3.81 12,5.09 C13.09,3.81 14.76,3 16.5,3 C19.58,3 22,5.42 22,8.5 C22,12.28 18.6,15.36 13.45,20.04 L12,21.35 Z" }) }), a = r()(s);
+export {
+  a as default
+};

package/dist/snorre.es900.js

@@ -0,0 +1,13 @@
+import { convertBoundingBoxToBox as s, transformBoxPoints as f } from "./snorre.es1068.js";
+import { translateAxis as n } from "./snorre.es924.js";
+function x(o, t) {
+  return s(f(o.getBoundingClientRect(), t));
+}
+function c(o, t, i) {
+  const r = x(o, i), { scroll: e } = t;
+  return e && (n(r.x, e.offset.x), n(r.y, e.offset.y)), r;
+}
+export {
+  c as measurePageBox,
+  x as measureViewportBox
+};

package/dist/snorre.es901.js

@@ -0,0 +1,27 @@
+import { VisualElement as r } from "./snorre.es655.js";
+import { DOMKeyframesResolver as o } from "./snorre.es614.js";
+import { isMotionValue as s } from "./snorre.es603.js";
+class a extends r {
+  constructor() {
+    super(...arguments), this.KeyframeResolver = o;
+  }
+  sortInstanceNodePosition(e, t) {
+    return e.compareDocumentPosition(t) & 2 ? 1 : -1;
+  }
+  getBaseTargetFromProps(e, t) {
+    return e.style ? e.style[t] : void 0;
+  }
+  removeValueFromRenderState(e, { vars: t, style: i }) {
+    delete t[e], delete i[e];
+  }
+  handleChildMotionValue() {
+    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
+    const { children: e } = this.props;
+    s(e) && (this.childSubscription = e.on("change", (t) => {
+      this.current && (this.current.textContent = `${t}`);
+    }));
+  }
+}
+export {
+  a as DOMVisualElement
+};

package/dist/snorre.es902.js

@@ -0,0 +1,29 @@
+import { isCSSVariableName as p } from "./snorre.es649.js";
+import { getValueAsType as u } from "./snorre.es651.js";
+import { numberValueTypes as c } from "./snorre.es652.js";
+import { buildTransform as g } from "./snorre.es650.js";
+import { transformProps as y } from "./snorre.es653.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 (y.has(r)) {
+      m = !0;
+      continue;
+    } else if (p(r)) {
+      l[r] = n;
+      continue;
+    } else {
+      const s = u(n, c[r]);
+      r.startsWith("origin") ? (a = !0, t[r] = s) : o[r] = s;
+    }
+  }
+  if (i.transform || (m || e ? o.transform = g(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/snorre.es903.js

@@ -0,0 +1,64 @@
+const e = (t) => t * 180 / Math.PI, c = (t) => {
+  const a = e(Math.atan2(t[1], t[0]));
+  return l(a);
+}, f = {
+  x: 4,
+  y: 5,
+  translateX: 4,
+  translateY: 5,
+  scaleX: 0,
+  scaleY: 3,
+  scale: (t) => (Math.abs(t[0]) + Math.abs(t[3])) / 2,
+  rotate: c,
+  rotateZ: c,
+  skewX: (t) => e(Math.atan(t[1])),
+  skewY: (t) => e(Math.atan(t[2])),
+  skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
+}, l = (t) => (t = t % 360, t < 0 && (t += 360), t), h = c, M = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), i = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), x = {
+  x: 12,
+  y: 13,
+  z: 14,
+  translateX: 12,
+  translateY: 13,
+  translateZ: 14,
+  scaleX: M,
+  scaleY: i,
+  scale: (t) => (M(t) + i(t)) / 2,
+  rotateX: (t) => l(e(Math.atan2(t[6], t[5]))),
+  rotateY: (t) => l(e(Math.atan2(-t[2], t[0]))),
+  rotateZ: h,
+  rotate: h,
+  skewX: (t) => e(Math.atan(t[4])),
+  skewY: (t) => e(Math.atan(t[1])),
+  skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
+};
+function m(t) {
+  return t.includes("scale") ? 1 : 0;
+}
+function b(t, a) {
+  if (!t || t === "none")
+    return m(a);
+  const s = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
+  let n, r;
+  if (s)
+    n = x, r = s;
+  else {
+    const d = t.match(/^matrix\(([-\d.e\s,]+)\)$/u);
+    n = f, r = d;
+  }
+  if (!r)
+    return m(a);
+  const o = n[a], u = r[1].split(",").map(p);
+  return typeof o == "function" ? o(u) : u[o];
+}
+const X = (t, a) => {
+  const { transform: s = "none" } = getComputedStyle(t);
+  return b(s, a);
+};
+function p(t) {
+  return parseFloat(t.trim());
+}
+export {
+  b as parseValueFromTransform,
+  X as readTransformValue
+};