@bbl-digital/snorre 4.2.87 → 4.2.88

package/dist/snorre.es710.js

@@ -1,12 +1,12 @@
 import { mixNumber as h } from "./snorre.es711.js";
-import { mixColor as u } from "./snorre.es782.js";
+import { mixColor as u } from "./snorre.es781.js";
 import { pipe as b } from "./snorre.es626.js";
 import { warning as y } from "./snorre.es621.js";
 import { color as m } from "./snorre.es673.js";
 import { complex as v, analyseComplexValue as a } from "./snorre.es665.js";
 import { isCSSVariableToken as g } from "./snorre.es649.js";
-import { invisibleValues as c, mixVisibility as V } from "./snorre.es783.js";
-import { mixImmediate as l } from "./snorre.es784.js";
+import { invisibleValues as c, mixVisibility as V } from "./snorre.es782.js";
+import { mixImmediate as l } from "./snorre.es783.js";
 function C(e, t) {
   return (r) => h(e, t, r);
 }

package/dist/snorre.es715.js

@@ -1,5 +1,5 @@
-import { stepsOrder as c } from "./snorre.es781.js";
-import { createRenderStep as M } from "./snorre.es795.js";
+import { stepsOrder as c } from "./snorre.es784.js";
+import { createRenderStep as M } from "./snorre.es785.js";
 const w = 40;
 function S(o, p) {
   let r = !1, a = !0;

package/dist/snorre.es718.js

@@ -1,6 +1,6 @@
 import { isAnimationControls as o } from "./snorre.es723.js";
-import { createAnimationState as n } from "./snorre.es796.js";
-import { Feature as a } from "./snorre.es797.js";
+import { createAnimationState as n } from "./snorre.es786.js";
+import { Feature as a } from "./snorre.es787.js";
 class u extends a {
   /**
    * We dynamically generate the AnimationState manager as it contains a reference

package/dist/snorre.es719.js

@@ -1,4 +1,4 @@
-import { Feature as s } from "./snorre.es797.js";
+import { Feature as s } from "./snorre.es787.js";
 let o = 0;
 class d extends s {
   constructor() {

package/dist/snorre.es727.js

@@ -1,17 +1,53 @@
-import { DragGesture as r } from "./snorre.es732.js";
-import { PanGesture as o } from "./snorre.es733.js";
-import { MeasureLayout as e } from "./snorre.es734.js";
-import { HTMLProjectionNode as t } from "./snorre.es735.js";
-const u = {
-  pan: {
-    Feature: o
-  },
-  drag: {
-    Feature: r,
-    ProjectionNode: t,
-    MeasureLayout: e
+import { j as x } from "./snorre.es329.js";
+import * as d from "react";
+import { useId as g, useRef as c, useContext as C, useInsertionEffect as R } from "react";
+import { MotionConfigContext as $ } from "./snorre.es638.js";
+class w extends d.Component {
+  getSnapshotBeforeUpdate(n) {
+    const e = this.props.childRef.current;
+    if (e && n.isPresent && !this.props.isPresent) {
+      const i = e.offsetParent, o = i instanceof HTMLElement && i.offsetWidth || 0, t = this.props.sizeRef.current;
+      t.height = e.offsetHeight || 0, t.width = e.offsetWidth || 0, t.top = e.offsetTop, t.left = e.offsetLeft, t.right = o - t.width - t.left;
+    }
+    return null;
   }
-};
+  /**
+   * Required with getSnapshotBeforeUpdate to stop React complaining.
+   */
+  componentDidUpdate() {
+  }
+  render() {
+    return this.props.children;
+  }
+}
+function j({ children: s, isPresent: n, anchorX: e }) {
+  const i = g(), o = c(null), t = c({
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0,
+    right: 0
+  }), { nonce: p } = C($);
+  return R(() => {
+    const { width: f, height: h, top: l, left: a, right: m } = t.current;
+    if (n || !o.current || !f || !h)
+      return;
+    const u = e === "left" ? `left: ${a}` : `right: ${m}`;
+    o.current.dataset.motionPopId = i;
+    const r = document.createElement("style");
+    return p && (r.nonce = p), document.head.appendChild(r), r.sheet && r.sheet.insertRule(`
+          [data-motion-pop-id="${i}"] {
+            position: absolute !important;
+            width: ${f}px !important;
+            height: ${h}px !important;
+            ${u}px !important;
+            top: ${l}px !important;
+          }
+        `), () => {
+      document.head.removeChild(r);
+    };
+  }, [n]), x.jsx(w, { isPresent: n, childRef: o, sizeRef: t, children: d.cloneElement(s, { ref: o }) });
+}
 export {
-  u as drag
+  j as PopChild
 };

package/dist/snorre.es728.js

@@ -1,21 +1,17 @@
-import { HoverGesture as e } from "./snorre.es737.js";
-import { FocusGesture as r } from "./snorre.es738.js";
-import { PressGesture as t } from "./snorre.es739.js";
-import { InViewFeature as o } from "./snorre.es740.js";
-const a = {
-  inView: {
+import { DragGesture as r } from "./snorre.es733.js";
+import { PanGesture as o } from "./snorre.es734.js";
+import { MeasureLayout as e } from "./snorre.es735.js";
+import { HTMLProjectionNode as t } from "./snorre.es736.js";
+const u = {
+  pan: {
     Feature: o
   },
-  tap: {
-    Feature: t
-  },
-  focus: {
-    Feature: r
-  },
-  hover: {
-    Feature: e
+  drag: {
+    Feature: r,
+    ProjectionNode: t,
+    MeasureLayout: e
   }
 };
 export {
-  a as gestureAnimations
+  u as drag
 };

package/dist/snorre.es729.js

@@ -1,11 +1,21 @@
-import { HTMLProjectionNode as o } from "./snorre.es735.js";
-import { MeasureLayout as t } from "./snorre.es734.js";
+import { HoverGesture as e } from "./snorre.es737.js";
+import { FocusGesture as r } from "./snorre.es738.js";
+import { PressGesture as t } from "./snorre.es739.js";
+import { InViewFeature as o } from "./snorre.es740.js";
 const a = {
-  layout: {
-    ProjectionNode: o,
-    MeasureLayout: t
+  inView: {
+    Feature: o
+  },
+  tap: {
+    Feature: t
+  },
+  focus: {
+    Feature: r
+  },
+  hover: {
+    Feature: e
   }
 };
 export {
-  a as layout
+  a as gestureAnimations
 };

package/dist/snorre.es730.js

@@ -1,20 +1,11 @@
-import { createRendererMotionComponent as i } from "./snorre.es636.js";
-import { createUseRender as f } from "./snorre.es890.js";
-import { isSVGComponent as m } from "./snorre.es743.js";
-import { htmlMotionConfig as c } from "./snorre.es891.js";
-import { svgMotionConfig as p } from "./snorre.es892.js";
-function R(n, r) {
-  return function(o, { forwardMotionProps: t } = { forwardMotionProps: !1 }) {
-    const e = {
-      ...m(o) ? p : c,
-      preloadedFeatures: n,
-      useRender: f(t),
-      createVisualElement: r,
-      Component: o
-    };
-    return i(e);
-  };
-}
+import { HTMLProjectionNode as o } from "./snorre.es736.js";
+import { MeasureLayout as t } from "./snorre.es735.js";
+const a = {
+  layout: {
+    ProjectionNode: o,
+    MeasureLayout: t
+  }
+};
 export {
-  R as createMotionComponentFactory
+  a as layout
 };

package/dist/snorre.es731.js

@@ -1,10 +1,20 @@
-import { Fragment as m } from "react";
-import { HTMLVisualElement as o } from "./snorre.es741.js";
-import { SVGVisualElement as t } from "./snorre.es742.js";
-import { isSVGComponent as i } from "./snorre.es743.js";
-const f = (e, r) => i(e) ? new t(r) : new o(r, {
-  allowProjection: e !== m
-});
+import { createRendererMotionComponent as i } from "./snorre.es636.js";
+import { createUseRender as f } from "./snorre.es788.js";
+import { isSVGComponent as m } from "./snorre.es743.js";
+import { htmlMotionConfig as c } from "./snorre.es789.js";
+import { svgMotionConfig as p } from "./snorre.es790.js";
+function R(n, r) {
+  return function(o, { forwardMotionProps: t } = { forwardMotionProps: !1 }) {
+    const e = {
+      ...m(o) ? p : c,
+      preloadedFeatures: n,
+      useRender: f(t),
+      createVisualElement: r,
+      Component: o
+    };
+    return i(e);
+  };
+}
 export {
-  f as createDomVisualElement
+  R as createMotionComponentFactory
 };

package/dist/snorre.es732.js

@@ -1,18 +1,10 @@
-import { Feature as s } from "./snorre.es797.js";
-import { noop as r } from "./snorre.es605.js";
-import { VisualElementDragControls as t } from "./snorre.es893.js";
-class u extends s {
-  constructor(o) {
-    super(o), this.removeGroupControls = r, this.removeListeners = r, this.controls = new t(o);
-  }
-  mount() {
-    const { dragControls: o } = this.node.getProps();
-    o && (this.removeGroupControls = o.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || r;
-  }
-  unmount() {
-    this.removeGroupControls(), this.removeListeners();
-  }
-}
+import { Fragment as m } from "react";
+import { HTMLVisualElement as o } from "./snorre.es741.js";
+import { SVGVisualElement as t } from "./snorre.es742.js";
+import { isSVGComponent as i } from "./snorre.es743.js";
+const f = (e, r) => i(e) ? new t(r) : new o(r, {
+  allowProjection: e !== m
+});
 export {
-  u as DragGesture
+  f as createDomVisualElement
 };

package/dist/snorre.es733.js

@@ -1,43 +1,18 @@
-import { noop as m } from "./snorre.es605.js";
-import { addPointerEvent as P } from "./snorre.es724.js";
-import { Feature as h } from "./snorre.es797.js";
-import { getContextWindow as p } from "./snorre.es894.js";
-import { PanSession as u } from "./snorre.es895.js";
-import { frame as r } from "./snorre.es671.js";
-const s = (e) => (n, o) => {
-  e && r.postRender(() => e(n, o));
-};
-class v extends h {
-  constructor() {
-    super(...arguments), this.removePointerDownListener = m;
-  }
-  onPointerDown(n) {
-    this.session = new u(n, this.createPanHandlers(), {
-      transformPagePoint: this.node.getTransformPagePoint(),
-      contextWindow: p(this.node)
-    });
-  }
-  createPanHandlers() {
-    const { onPanSessionStart: n, onPanStart: o, onPan: i, onPanEnd: t } = this.node.getProps();
-    return {
-      onSessionStart: s(n),
-      onStart: s(o),
-      onMove: i,
-      onEnd: (a, d) => {
-        delete this.session, t && r.postRender(() => t(a, d));
-      }
-    };
+import { Feature as s } from "./snorre.es787.js";
+import { noop as r } from "./snorre.es605.js";
+import { VisualElementDragControls as t } from "./snorre.es791.js";
+class u extends s {
+  constructor(o) {
+    super(o), this.removeGroupControls = r, this.removeListeners = r, this.controls = new t(o);
   }
   mount() {
-    this.removePointerDownListener = P(this.node.current, "pointerdown", (n) => this.onPointerDown(n));
-  }
-  update() {
-    this.session && this.session.updateHandlers(this.createPanHandlers());
+    const { dragControls: o } = this.node.getProps();
+    o && (this.removeGroupControls = o.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || r;
   }
   unmount() {
-    this.removePointerDownListener(), this.session && this.session.end();
+    this.removeGroupControls(), this.removeListeners();
   }
 }
 export {
-  v as PanGesture
+  u as DragGesture
 };

package/dist/snorre.es734.js

@@ -1,74 +1,43 @@
-import { j as m } from "./snorre.es329.js";
-import { useContext as u, Component as d } from "react";
-import { usePresence as c } from "./snorre.es596.js";
-import { LayoutGroupContext as f } from "./snorre.es593.js";
-import { SwitchLayoutGroupContext as l } from "./snorre.es687.js";
-import { microtask as h } from "./snorre.es763.js";
-import { globalProjectionState as R } from "./snorre.es896.js";
-import { correctBorderRadius as n } from "./snorre.es897.js";
-import { correctBoxShadow as g } from "./snorre.es898.js";
-import { addScaleCorrector as y } from "./snorre.es648.js";
-import { frame as v } from "./snorre.es671.js";
-class T extends d {
-  /**
-   * This only mounts projection nodes for components that
-   * need measuring, we might want to do it for all components
-   * in order to incorporate transforms
-   */
-  componentDidMount() {
-    const { visualElement: o, layoutGroup: t, switchLayoutGroup: r, layoutId: s } = this.props, { projection: e } = o;
-    y(x), e && (t.group && t.group.add(e), r && r.register && s && r.register(e), e.root.didUpdate(), e.addEventListener("animationComplete", () => {
-      this.safeToRemove();
-    }), e.setOptions({
-      ...e.options,
-      onExitComplete: () => this.safeToRemove()
-    })), R.hasEverUpdated = !0;
+import { noop as m } from "./snorre.es605.js";
+import { addPointerEvent as P } from "./snorre.es724.js";
+import { Feature as h } from "./snorre.es787.js";
+import { getContextWindow as p } from "./snorre.es792.js";
+import { PanSession as u } from "./snorre.es793.js";
+import { frame as r } from "./snorre.es671.js";
+const s = (e) => (n, o) => {
+  e && r.postRender(() => e(n, o));
+};
+class v extends h {
+  constructor() {
+    super(...arguments), this.removePointerDownListener = m;
   }
-  getSnapshotBeforeUpdate(o) {
-    const { layoutDependency: t, visualElement: r, drag: s, isPresent: e } = this.props, i = r.projection;
-    return i && (i.isPresent = e, s || o.layoutDependency !== t || t === void 0 || o.isPresent !== e ? i.willUpdate() : this.safeToRemove(), o.isPresent !== e && (e ? i.promote() : i.relegate() || v.postRender(() => {
-      const p = i.getStack();
-      (!p || !p.members.length) && this.safeToRemove();
-    }))), null;
+  onPointerDown(n) {
+    this.session = new u(n, this.createPanHandlers(), {
+      transformPagePoint: this.node.getTransformPagePoint(),
+      contextWindow: p(this.node)
+    });
   }
-  componentDidUpdate() {
-    const { projection: o } = this.props.visualElement;
-    o && (o.root.didUpdate(), h.postRender(() => {
-      !o.currentAnimation && o.isLead() && this.safeToRemove();
-    }));
+  createPanHandlers() {
+    const { onPanSessionStart: n, onPanStart: o, onPan: i, onPanEnd: t } = this.node.getProps();
+    return {
+      onSessionStart: s(n),
+      onStart: s(o),
+      onMove: i,
+      onEnd: (a, d) => {
+        delete this.session, t && r.postRender(() => t(a, d));
+      }
+    };
   }
-  componentWillUnmount() {
-    const { visualElement: o, layoutGroup: t, switchLayoutGroup: r } = this.props, { projection: s } = o;
-    s && (s.scheduleCheckAfterUnmount(), t && t.group && t.group.remove(s), r && r.deregister && r.deregister(s));
+  mount() {
+    this.removePointerDownListener = P(this.node.current, "pointerdown", (n) => this.onPointerDown(n));
   }
-  safeToRemove() {
-    const { safeToRemove: o } = this.props;
-    o && o();
+  update() {
+    this.session && this.session.updateHandlers(this.createPanHandlers());
   }
-  render() {
-    return null;
+  unmount() {
+    this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-function k(a) {
-  const [o, t] = c(), r = u(f);
-  return m.jsx(T, { ...a, layoutGroup: r, switchLayoutGroup: u(l), isPresent: o, safeToRemove: t });
-}
-const x = {
-  borderRadius: {
-    ...n,
-    applyTo: [
-      "borderTopLeftRadius",
-      "borderTopRightRadius",
-      "borderBottomLeftRadius",
-      "borderBottomRightRadius"
-    ]
-  },
-  borderTopLeftRadius: n,
-  borderTopRightRadius: n,
-  borderBottomLeftRadius: n,
-  borderBottomRightRadius: n,
-  boxShadow: g
-};
 export {
-  k as MeasureLayout
+  v as PanGesture
 };

package/dist/snorre.es735.js

@@ -1,25 +1,74 @@
-import { createProjectionNode as t } from "./snorre.es764.js";
-import { DocumentProjectionNode as n } from "./snorre.es765.js";
-const e = {
-  current: void 0
-}, i = t({
-  measureScroll: (o) => ({
-    x: o.scrollLeft,
-    y: o.scrollTop
-  }),
-  defaultParent: () => {
-    if (!e.current) {
-      const o = new n({});
-      o.mount(window), o.setOptions({ layoutScroll: !0 }), e.current = o;
-    }
-    return e.current;
+import { j as m } from "./snorre.es329.js";
+import { useContext as u, Component as d } from "react";
+import { usePresence as c } from "./snorre.es596.js";
+import { LayoutGroupContext as f } from "./snorre.es593.js";
+import { SwitchLayoutGroupContext as l } from "./snorre.es687.js";
+import { microtask as h } from "./snorre.es762.js";
+import { globalProjectionState as R } from "./snorre.es794.js";
+import { correctBorderRadius as n } from "./snorre.es795.js";
+import { correctBoxShadow as g } from "./snorre.es796.js";
+import { addScaleCorrector as y } from "./snorre.es648.js";
+import { frame as v } from "./snorre.es671.js";
+class T extends d {
+  /**
+   * This only mounts projection nodes for components that
+   * need measuring, we might want to do it for all components
+   * in order to incorporate transforms
+   */
+  componentDidMount() {
+    const { visualElement: o, layoutGroup: t, switchLayoutGroup: r, layoutId: s } = this.props, { projection: e } = o;
+    y(x), e && (t.group && t.group.add(e), r && r.register && s && r.register(e), e.root.didUpdate(), e.addEventListener("animationComplete", () => {
+      this.safeToRemove();
+    }), e.setOptions({
+      ...e.options,
+      onExitComplete: () => this.safeToRemove()
+    })), R.hasEverUpdated = !0;
+  }
+  getSnapshotBeforeUpdate(o) {
+    const { layoutDependency: t, visualElement: r, drag: s, isPresent: e } = this.props, i = r.projection;
+    return i && (i.isPresent = e, s || o.layoutDependency !== t || t === void 0 || o.isPresent !== e ? i.willUpdate() : this.safeToRemove(), o.isPresent !== e && (e ? i.promote() : i.relegate() || v.postRender(() => {
+      const p = i.getStack();
+      (!p || !p.members.length) && this.safeToRemove();
+    }))), null;
+  }
+  componentDidUpdate() {
+    const { projection: o } = this.props.visualElement;
+    o && (o.root.didUpdate(), h.postRender(() => {
+      !o.currentAnimation && o.isLead() && this.safeToRemove();
+    }));
+  }
+  componentWillUnmount() {
+    const { visualElement: o, layoutGroup: t, switchLayoutGroup: r } = this.props, { projection: s } = o;
+    s && (s.scheduleCheckAfterUnmount(), t && t.group && t.group.remove(s), r && r.deregister && r.deregister(s));
+  }
+  safeToRemove() {
+    const { safeToRemove: o } = this.props;
+    o && o();
+  }
+  render() {
+    return null;
+  }
+}
+function k(a) {
+  const [o, t] = c(), r = u(f);
+  return m.jsx(T, { ...a, layoutGroup: r, switchLayoutGroup: u(l), isPresent: o, safeToRemove: t });
+}
+const x = {
+  borderRadius: {
+    ...n,
+    applyTo: [
+      "borderTopLeftRadius",
+      "borderTopRightRadius",
+      "borderBottomLeftRadius",
+      "borderBottomRightRadius"
+    ]
   },
-  resetTransform: (o, r) => {
-    o.style.transform = r !== void 0 ? r : "none";
-  },
-  checkIsScrollRoot: (o) => window.getComputedStyle(o).position === "fixed"
-});
+  borderTopLeftRadius: n,
+  borderTopRightRadius: n,
+  borderBottomLeftRadius: n,
+  borderBottomRightRadius: n,
+  boxShadow: g
+};
 export {
-  i as HTMLProjectionNode,
-  e as rootProjectionNode
+  k as MeasureLayout
 };

package/dist/snorre.es736.js

@@ -1,53 +1,25 @@
-import { j as x } from "./snorre.es329.js";
-import * as d from "react";
-import { useId as g, useRef as c, useContext as C, useInsertionEffect as R } from "react";
-import { MotionConfigContext as $ } from "./snorre.es638.js";
-class w extends d.Component {
-  getSnapshotBeforeUpdate(n) {
-    const e = this.props.childRef.current;
-    if (e && n.isPresent && !this.props.isPresent) {
-      const i = e.offsetParent, o = i instanceof HTMLElement && i.offsetWidth || 0, t = this.props.sizeRef.current;
-      t.height = e.offsetHeight || 0, t.width = e.offsetWidth || 0, t.top = e.offsetTop, t.left = e.offsetLeft, t.right = o - t.width - t.left;
+import { createProjectionNode as t } from "./snorre.es763.js";
+import { DocumentProjectionNode as n } from "./snorre.es764.js";
+const e = {
+  current: void 0
+}, i = t({
+  measureScroll: (o) => ({
+    x: o.scrollLeft,
+    y: o.scrollTop
+  }),
+  defaultParent: () => {
+    if (!e.current) {
+      const o = new n({});
+      o.mount(window), o.setOptions({ layoutScroll: !0 }), e.current = o;
     }
-    return null;
-  }
-  /**
-   * Required with getSnapshotBeforeUpdate to stop React complaining.
-   */
-  componentDidUpdate() {
-  }
-  render() {
-    return this.props.children;
-  }
-}
-function j({ children: s, isPresent: n, anchorX: e }) {
-  const i = g(), o = c(null), t = c({
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0,
-    right: 0
-  }), { nonce: p } = C($);
-  return R(() => {
-    const { width: f, height: h, top: l, left: a, right: m } = t.current;
-    if (n || !o.current || !f || !h)
-      return;
-    const u = e === "left" ? `left: ${a}` : `right: ${m}`;
-    o.current.dataset.motionPopId = i;
-    const r = document.createElement("style");
-    return p && (r.nonce = p), document.head.appendChild(r), r.sheet && r.sheet.insertRule(`
-          [data-motion-pop-id="${i}"] {
-            position: absolute !important;
-            width: ${f}px !important;
-            height: ${h}px !important;
-            ${u}px !important;
-            top: ${l}px !important;
-          }
-        `), () => {
-      document.head.removeChild(r);
-    };
-  }, [n]), x.jsx(w, { isPresent: n, childRef: o, sizeRef: t, children: d.cloneElement(s, { ref: o }) });
-}
+    return e.current;
+  },
+  resetTransform: (o, r) => {
+    o.style.transform = r !== void 0 ? r : "none";
+  },
+  checkIsScrollRoot: (o) => window.getComputedStyle(o).position === "fixed"
+});
 export {
-  j as PopChild
+  i as HTMLProjectionNode,
+  e as rootProjectionNode
 };

package/dist/snorre.es737.js

@@ -1,6 +1,6 @@
 import { hover as m } from "./snorre.es692.js";
 import { extractEventInfo as s } from "./snorre.es726.js";
-import { Feature as u } from "./snorre.es797.js";
+import { Feature as u } from "./snorre.es787.js";
 import { frame as c } from "./snorre.es671.js";
 function a(e, t, r) {
   const { props: o } = e;

package/dist/snorre.es738.js

@@ -1,5 +1,5 @@
 import { addDomEvent as e } from "./snorre.es725.js";
-import { Feature as i } from "./snorre.es797.js";
+import { Feature as i } from "./snorre.es787.js";
 import { pipe as s } from "./snorre.es626.js";
 class a extends i {
   constructor() {

package/dist/snorre.es739.js

@@ -1,6 +1,6 @@
 import { press as i } from "./snorre.es695.js";
 import { extractEventInfo as m } from "./snorre.es726.js";
-import { Feature as u } from "./snorre.es797.js";
+import { Feature as u } from "./snorre.es787.js";
 import { frame as p } from "./snorre.es671.js";
 function s(t, e, n) {
   const { props: r } = t;

package/dist/snorre.es740.js

@@ -1,5 +1,5 @@
-import { Feature as m } from "./snorre.es797.js";
-import { observeIntersection as f } from "./snorre.es899.js";
+import { Feature as m } from "./snorre.es787.js";
+import { observeIntersection as f } from "./snorre.es797.js";
 const w = {
   some: 0,
   all: 1