@bbl-digital/snorre 4.2.94 → 4.2.96

package/dist/snorre.es1019.js

@@ -1,21 +1,18 @@
-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);
+import { Fragment as f, useMemo as d, createElement as p } from "react";
+import { useHTMLProps as a } from "./snorre.es1124.js";
+import { filterProps as P } from "./snorre.es724.js";
+import { isSVGComponent as V } from "./snorre.es844.js";
+import { useSVGProps as g } from "./snorre.es1125.js";
+import { isMotionValue as h } from "./snorre.es606.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 {
-  v as observeIntersection
+  F as createUseRender
 };

package/dist/snorre.es1020.js

@@ -1,256 +1,12 @@
-import { invariant as L } from "./snorre.es624.js";
-import { setDragLock as M } from "./snorre.es1124.js";
-import { animateMotionValue as S } from "./snorre.es864.js";
-import { addDomEvent as B } from "./snorre.es728.js";
-import { addPointerEvent as k } from "./snorre.es727.js";
-import { extractEventInfo as j } from "./snorre.es729.js";
-import { convertBoxToBoundingBox as T, convertBoundingBoxToBox as w } from "./snorre.es1125.js";
-import { calcLength as b } from "./snorre.es723.js";
-import { createBox as R } from "./snorre.es660.js";
-import { eachAxis as u } from "./snorre.es1058.js";
-import { measurePageBox as W } from "./snorre.es1029.js";
-import { getContextWindow as _ } from "./snorre.es1021.js";
-import { isRefObject as D } from "./snorre.es866.js";
-import { mixNumber as V } from "./snorre.es714.js";
-import { percent as O } from "./snorre.es683.js";
-import { addValueToWillChange as x } from "./snorre.es862.js";
-import { PanSession as U } from "./snorre.es1022.js";
-import { applyConstraints as z, calcRelativeConstraints as I, resolveDragElastic as F, calcViewportConstraints as K, defaultElastic as N, rebaseAxisConstraints as $, calcOrigin as q } from "./snorre.es1126.js";
-import { frame as C } from "./snorre.es674.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;
-}
+import { makeUseVisualState as t } from "./snorre.es725.js";
+import { scrapeMotionValuesFromProps as e } from "./snorre.es1028.js";
+import { createHtmlRenderState as o } from "./snorre.es1126.js";
+const i = {
+  useVisualState: t({
+    scrapeMotionValuesFromProps: e,
+    createRenderState: o
+  })
+};
 export {
-  ft as VisualElementDragControls,
-  G as elementDragControls
+  i as htmlMotionConfig
 };

package/dist/snorre.es1021.js

@@ -1,4 +1,43 @@
-const t = ({ current: e }) => e ? e.ownerDocument.defaultView : null;
+import { frame as n } from "./snorre.es674.js";
+import { makeUseVisualState as u } from "./snorre.es725.js";
+import { transformProps as d } from "./snorre.es656.js";
+import { buildSVGAttrs as l } from "./snorre.es1029.js";
+import { createSvgRenderState as g } from "./snorre.es1127.js";
+import { isSVGTag as c } from "./snorre.es1031.js";
+import { updateSVGDimensions as S } from "./snorre.es1032.js";
+import { renderSVG as V } from "./snorre.es1033.js";
+import { scrapeMotionValuesFromProps as h } from "./snorre.es1034.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 {
-  t as getContextWindow
+  R as svgMotionConfig
 };

package/dist/snorre.es1022.js

@@ -1,84 +1,21 @@
-import { secondsToMilliseconds as w, millisecondsToSeconds as S } from "./snorre.es609.js";
-import { isPrimaryPointer as D } from "./snorre.es701.js";
-import { addPointerEvent as d } from "./snorre.es727.js";
-import { extractEventInfo as T } from "./snorre.es729.js";
-import { distance2D as W } from "./snorre.es719.js";
-import { pipe as L } from "./snorre.es629.js";
-import { frameData as x, frame as U, cancelFrame as O } from "./snorre.es674.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];
+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 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
+function v(e, r, t) {
+  const s = i(r);
+  return c.set(e, t), s.observe(e), () => {
+    c.delete(e), s.unobserve(e);
   };
-  return s.x === 1 / 0 && (s.x = 0), s.y === 1 / 0 && (s.y = 0), s;
 }
 export {
-  B as PanSession
+  v as observeIntersection
 };

package/dist/snorre.es1023.js

@@ -1,15 +1,13 @@
-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
-};
+import { convertBoundingBoxToBox as s, transformBoxPoints as f } from "./snorre.es1128.js";
+import { translateAxis as n } from "./snorre.es1053.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 {
-  e as globalProjectionState
+  c as measurePageBox,
+  x as measureViewportBox
 };

package/dist/snorre.es1024.js

@@ -1,21 +1,27 @@
-import { px as c } from "./snorre.es683.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}%`;
+import { VisualElement as r } from "./snorre.es658.js";
+import { DOMKeyframesResolver as o } from "./snorre.es617.js";
+import { isMotionValue as s } from "./snorre.es606.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 {
-  f as correctBorderRadius,
-  e as pixelsToPercent
+  a as DOMVisualElement
 };

package/dist/snorre.es1025.js

@@ -1,16 +1,29 @@
-import { mixNumber as i } from "./snorre.es714.js";
-import { complex as f } from "./snorre.es668.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);
+import { isCSSVariableName as p } from "./snorre.es652.js";
+import { getValueAsType as u } from "./snorre.es654.js";
+import { numberValueTypes as c } from "./snorre.es655.js";
+import { buildTransform as g } from "./snorre.es653.js";
+import { transformProps as y } from "./snorre.es656.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 {
-  y as correctBoxShadow
+  S as buildHTMLStyles
 };

package/dist/snorre.es1026.js

@@ -1,18 +1,64 @@
-import { Fragment as f, useMemo as d, createElement as p } from "react";
-import { useHTMLProps as a } from "./snorre.es1127.js";
-import { filterProps as P } from "./snorre.es724.js";
-import { isSVGComponent as V } from "./snorre.es844.js";
-import { useSVGProps as g } from "./snorre.es1128.js";
-import { isMotionValue as h } from "./snorre.es606.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
-    });
-  };
+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 {
-  F as createUseRender
+  b as parseValueFromTransform,
+  X as readTransformValue
 };