@fluidattacks/design 8.1.0 → 8.2.0

package/dist/node_modules/framer-motion/dist/es/gestures/pan/PanSession.js

@@ -0,0 +1,130 @@
+import { addPointerEvent as m } from "../../events/add-pointer-event.js";
+import { extractEventInfo as D } from "../../events/event-info.js";
+import { distance2D as R } from "../../utils/distance.js";
+import { frameData as y, frame as x, cancelFrame as k } from "../../../../../motion-dom/dist/es/frameloop/frame.js";
+import { isPrimaryPointer as U } from "../../../../../motion-dom/dist/es/gestures/utils/is-primary-pointer.js";
+import { pipe as X } from "../../../../../motion-utils/dist/es/pipe.js";
+import { secondsToMilliseconds as S, millisecondsToSeconds as Y } from "../../../../../motion-utils/dist/es/time-conversion.js";
+const M = /* @__PURE__ */ new Set(["auto", "scroll"]);
+class z {
+  constructor(t, s, { transformPagePoint: i, contextWindow: r = window, dragSnapToOrigin: o = !1, distanceThreshold: l = 3, element: u } = {}) {
+    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.lastRawMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.scrollPositions = /* @__PURE__ */ new Map(), this.removeScrollListeners = null, this.onElementScroll = (e) => {
+      this.handleScroll(e.target);
+    }, this.onWindowScroll = () => {
+      this.handleScroll(window);
+    }, this.updatePoint = () => {
+      if (!(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      this.lastRawMoveEventInfo && (this.lastMoveEventInfo = v(this.lastRawMoveEventInfo, this.transformPagePoint));
+      const e = p(this.lastMoveEventInfo, this.history), a = this.startEvent !== null, c = R(e.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
+      if (!a && !c)
+        return;
+      const { point: f } = e, { timestamp: d } = y;
+      this.history.push({ ...f, timestamp: d });
+      const { onStart: h, onMove: P } = this.handlers;
+      a || (h && h(this.lastMoveEvent, e), this.startEvent = this.lastMoveEvent), P && P(this.lastMoveEvent, e);
+    }, this.handlePointerMove = (e, a) => {
+      this.lastMoveEvent = e, this.lastRawMoveEventInfo = a, this.lastMoveEventInfo = v(a, this.transformPagePoint), x.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (e, a) => {
+      this.end();
+      const { onEnd: c, onSessionEnd: f, resumeAnimation: d } = this.handlers;
+      if ((this.dragSnapToOrigin || !this.startEvent) && d && d(), !(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      const h = p(e.type === "pointercancel" ? this.lastMoveEventInfo : v(a, this.transformPagePoint), this.history);
+      this.startEvent && c && c(e, h), f && f(e, h);
+    }, !U(t))
+      return;
+    this.dragSnapToOrigin = o, this.handlers = s, this.transformPagePoint = i, this.distanceThreshold = l, this.contextWindow = r || window;
+    const L = D(t), w = v(L, this.transformPagePoint), { point: T } = w, { timestamp: W } = y;
+    this.history = [{ ...T, timestamp: W }];
+    const { onSessionStart: E } = s;
+    E && E(t, p(w, this.history)), this.removeListeners = X(m(this.contextWindow, "pointermove", this.handlePointerMove), m(this.contextWindow, "pointerup", this.handlePointerUp), m(this.contextWindow, "pointercancel", this.handlePointerUp)), u && this.startScrollTracking(u);
+  }
+  /**
+   * Start tracking scroll on ancestors and window.
+   */
+  startScrollTracking(t) {
+    let s = t.parentElement;
+    for (; s; ) {
+      const i = getComputedStyle(s);
+      (M.has(i.overflowX) || M.has(i.overflowY)) && this.scrollPositions.set(s, {
+        x: s.scrollLeft,
+        y: s.scrollTop
+      }), s = s.parentElement;
+    }
+    this.scrollPositions.set(window, {
+      x: window.scrollX,
+      y: window.scrollY
+    }), window.addEventListener("scroll", this.onElementScroll, {
+      capture: !0
+    }), window.addEventListener("scroll", this.onWindowScroll), this.removeScrollListeners = () => {
+      window.removeEventListener("scroll", this.onElementScroll, {
+        capture: !0
+      }), window.removeEventListener("scroll", this.onWindowScroll);
+    };
+  }
+  /**
+   * Handle scroll compensation during drag.
+   *
+   * For element scroll: adjusts history origin since pageX/pageY doesn't change.
+   * For window scroll: adjusts lastMoveEventInfo since pageX/pageY would change.
+   */
+  handleScroll(t) {
+    const s = this.scrollPositions.get(t);
+    if (!s)
+      return;
+    const i = t === window, r = i ? { x: window.scrollX, y: window.scrollY } : {
+      x: t.scrollLeft,
+      y: t.scrollTop
+    }, o = { x: r.x - s.x, y: r.y - s.y };
+    o.x === 0 && o.y === 0 || (i ? this.lastMoveEventInfo && (this.lastMoveEventInfo.point.x += o.x, this.lastMoveEventInfo.point.y += o.y) : this.history.length > 0 && (this.history[0].x -= o.x, this.history[0].y -= o.y), this.scrollPositions.set(t, r), x.update(this.updatePoint, !0));
+  }
+  updateHandlers(t) {
+    this.handlers = t;
+  }
+  end() {
+    this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), k(this.updatePoint);
+  }
+}
+function v(n, t) {
+  return t ? { point: t(n.point) } : n;
+}
+function I(n, t) {
+  return { x: n.x - t.x, y: n.y - t.y };
+}
+function p({ point: n }, t) {
+  return {
+    point: n,
+    delta: I(n, g(t)),
+    offset: I(n, O(t)),
+    velocity: V(t, 0.1)
+  };
+}
+function O(n) {
+  return n[0];
+}
+function g(n) {
+  return n[n.length - 1];
+}
+function V(n, t) {
+  if (n.length < 2)
+    return { x: 0, y: 0 };
+  let s = n.length - 1, i = null;
+  const r = g(n);
+  for (; s >= 0 && (i = n[s], !(r.timestamp - i.timestamp > S(t))); )
+    s--;
+  if (!i)
+    return { x: 0, y: 0 };
+  i === n[0] && n.length > 2 && r.timestamp - i.timestamp > S(t) * 2 && (i = n[1]);
+  const o = Y(r.timestamp - i.timestamp);
+  if (o === 0)
+    return { x: 0, y: 0 };
+  const l = {
+    x: (r.x - i.x) / o,
+    y: (r.y - i.y) / o
+  };
+  return l.x === 1 / 0 && (l.x = 0), l.y === 1 / 0 && (l.y = 0), l;
+}
+export {
+  z as PanSession
+};

package/dist/node_modules/framer-motion/dist/es/gestures/pan/index.js

@@ -0,0 +1,43 @@
+import { addPointerEvent as m } from "../../events/add-pointer-event.js";
+import { getContextWindow as P } from "../../utils/get-context-window.js";
+import { PanSession as h } from "./PanSession.js";
+import { Feature as p } from "../../../../../motion-dom/dist/es/render/Feature.js";
+import { noop as u } from "../../../../../motion-utils/dist/es/noop.js";
+import { frame as r } from "../../../../../motion-dom/dist/es/frameloop/frame.js";
+const o = (e) => (n, t) => {
+  e && r.update(() => e(n, t), !1, !0);
+};
+class v extends p {
+  constructor() {
+    super(...arguments), this.removePointerDownListener = u;
+  }
+  onPointerDown(n) {
+    this.session = new h(n, this.createPanHandlers(), {
+      transformPagePoint: this.node.getTransformPagePoint(),
+      contextWindow: P(this.node)
+    });
+  }
+  createPanHandlers() {
+    const { onPanSessionStart: n, onPanStart: t, onPan: i, onPanEnd: s } = this.node.getProps();
+    return {
+      onSessionStart: o(n),
+      onStart: o(t),
+      onMove: o(i),
+      onEnd: (a, d) => {
+        delete this.session, s && r.postRender(() => s(a, d));
+      }
+    };
+  }
+  mount() {
+    this.removePointerDownListener = m(this.node.current, "pointerdown", (n) => this.onPointerDown(n));
+  }
+  update() {
+    this.session && this.session.updateHandlers(this.createPanHandlers());
+  }
+  unmount() {
+    this.removePointerDownListener(), this.session && this.session.end();
+  }
+}
+export {
+  v as PanGesture
+};

package/dist/node_modules/framer-motion/dist/es/gestures/press.js

@@ -0,0 +1,29 @@
+import { extractEventInfo as m } from "../events/event-info.js";
+import { Feature as u } from "../../../../motion-dom/dist/es/render/Feature.js";
+import { press as c } from "../../../../motion-dom/dist/es/gestures/press/index.js";
+import { frame as f } from "../../../../motion-dom/dist/es/frameloop/frame.js";
+function s(t, e, n) {
+  const { props: r } = t;
+  if (t.current instanceof HTMLButtonElement && t.current.disabled)
+    return;
+  t.animationState && r.whileTap && t.animationState.setActive("whileTap", n === "Start");
+  const o = "onTap" + (n === "End" ? "" : n), a = r[o];
+  a && f.postRender(() => a(e, m(e)));
+}
+class g extends u {
+  mount() {
+    const { current: e } = this.node;
+    if (!e)
+      return;
+    const { globalTapTarget: n, propagate: r } = this.node.props;
+    this.unmount = c(e, (o, a) => (s(this.node, a, "Start"), (i, { success: p }) => s(this.node, i, p ? "End" : "Cancel")), {
+      useGlobalTarget: n,
+      stopPropagation: r?.tap === !1
+    });
+  }
+  unmount() {
+  }
+}
+export {
+  g as PressGesture
+};

package/dist/node_modules/framer-motion/dist/es/motion/features/animation/exit.js

@@ -0,0 +1,45 @@
+import { Feature as h } from "../../../../../../motion-dom/dist/es/render/Feature.js";
+import { resolveVariant as d } from "../../../../../../motion-dom/dist/es/render/utils/resolve-dynamic-variants.js";
+let p = 0;
+class C extends h {
+  constructor() {
+    super(...arguments), this.id = p++, this.isExitComplete = !1;
+  }
+  update() {
+    if (!this.node.presenceContext)
+      return;
+    const { isPresent: t, onExitComplete: e } = this.node.presenceContext, { isPresent: n } = this.node.prevPresenceContext || {};
+    if (!this.node.animationState || t === n)
+      return;
+    if (t && n === !1) {
+      if (this.isExitComplete) {
+        const { initial: i, custom: m } = this.node.getProps();
+        if (typeof i == "string" || typeof i == "object" && i !== null && !Array.isArray(i)) {
+          const s = d(this.node, i, m);
+          if (s) {
+            const { transition: l, transitionEnd: u, ...o } = s;
+            for (const r in o)
+              this.node.getValue(r)?.jump(o[r]);
+          }
+        }
+        this.node.animationState.reset(), this.node.animationState.animateChanges();
+      } else
+        this.node.animationState.setActive("exit", !1);
+      this.isExitComplete = !1;
+      return;
+    }
+    const a = this.node.animationState.setActive("exit", !t);
+    e && !t && a.then(() => {
+      this.isExitComplete = !0, e(this.id);
+    });
+  }
+  mount() {
+    const { register: t, onExitComplete: e } = this.node.presenceContext || {};
+    e && e(this.id), t && (this.unmount = t(this.id));
+  }
+  unmount() {
+  }
+}
+export {
+  C as ExitAnimationFeature
+};

package/dist/node_modules/framer-motion/dist/es/motion/features/animation/index.js

@@ -0,0 +1,33 @@
+import { Feature as o } from "../../../../../../motion-dom/dist/es/render/Feature.js";
+import { createAnimationState as i } from "../../../../../../motion-dom/dist/es/render/utils/animation-state.js";
+import { isAnimationControls as s } from "../../../../../../motion-dom/dist/es/render/utils/is-animation-controls.js";
+class u extends o {
+  /**
+   * We dynamically generate the AnimationState manager as it contains a reference
+   * to the underlying animation library. We only want to load that if we load this,
+   * so people can optionally code split it out using the `m` component.
+   */
+  constructor(t) {
+    super(t), t.animationState || (t.animationState = i(t));
+  }
+  updateAnimationControlsSubscription() {
+    const { animate: t } = this.node.getProps();
+    s(t) && (this.unmountControls = t.subscribe(this.node));
+  }
+  /**
+   * Subscribe any provided AnimationControls to the component's VisualElement
+   */
+  mount() {
+    this.updateAnimationControlsSubscription();
+  }
+  update() {
+    const { animate: t } = this.node.getProps(), { animate: n } = this.node.prevProps || {};
+    t !== n && this.updateAnimationControlsSubscription();
+  }
+  unmount() {
+    this.node.animationState.reset(), this.unmountControls?.();
+  }
+}
+export {
+  u as AnimationFeature
+};

package/dist/node_modules/framer-motion/dist/es/motion/features/animations.js

@@ -0,0 +1,13 @@
+import { AnimationFeature as t } from "./animation/index.js";
+import { ExitAnimationFeature as i } from "./animation/exit.js";
+const o = {
+  animation: {
+    Feature: t
+  },
+  exit: {
+    Feature: i
+  }
+};
+export {
+  o as animations
+};

package/dist/node_modules/framer-motion/dist/es/motion/features/definitions.js

@@ -0,0 +1,39 @@
+import { getFeatureDefinitions as r, setFeatureDefinitions as s } from "../../../../../motion-dom/dist/es/render/VisualElement.js";
+const n = {
+  animation: [
+    "animate",
+    "variants",
+    "whileHover",
+    "whileTap",
+    "exit",
+    "whileInView",
+    "whileFocus",
+    "whileDrag"
+  ],
+  exit: ["exit"],
+  drag: ["drag", "dragControls"],
+  focus: ["whileFocus"],
+  hover: ["whileHover", "onHoverStart", "onHoverEnd"],
+  tap: ["whileTap", "onTap", "onTapStart", "onTapCancel"],
+  pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
+  inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
+  layout: ["layout", "layoutId"]
+};
+let t = !1;
+function l() {
+  if (t)
+    return;
+  const e = {};
+  for (const i in n)
+    e[i] = {
+      isEnabled: (o) => n[i].some((a) => !!o[a])
+    };
+  s(e), t = !0;
+}
+function w() {
+  return l(), r();
+}
+export {
+  w as getInitializedFeatureDefinitions,
+  l as initFeatureDefinitions
+};

package/dist/node_modules/framer-motion/dist/es/motion/features/drag.js

@@ -0,0 +1,17 @@
+import { DragGesture as r } from "../../gestures/drag/index.js";
+import { PanGesture as o } from "../../gestures/pan/index.js";
+import { MeasureLayout as e } from "./layout/MeasureLayout.js";
+import { HTMLProjectionNode as t } from "../../../../../motion-dom/dist/es/projection/node/HTMLProjectionNode.js";
+const u = {
+  pan: {
+    Feature: o
+  },
+  drag: {
+    Feature: r,
+    ProjectionNode: t,
+    MeasureLayout: e
+  }
+};
+export {
+  u as drag
+};

package/dist/node_modules/framer-motion/dist/es/motion/features/gestures.js

@@ -0,0 +1,21 @@
+import { HoverGesture as e } from "../../gestures/hover.js";
+import { FocusGesture as r } from "../../gestures/focus.js";
+import { PressGesture as t } from "../../gestures/press.js";
+import { InViewFeature as o } from "./viewport/index.js";
+const a = {
+  inView: {
+    Feature: o
+  },
+  tap: {
+    Feature: t
+  },
+  focus: {
+    Feature: r
+  },
+  hover: {
+    Feature: e
+  }
+};
+export {
+  a as gestureAnimations
+};

package/dist/node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.js

@@ -0,0 +1,60 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useContext as u, Component as l } from "react";
+import { usePresence as c } from "../../../components/AnimatePresence/use-presence.js";
+import { LayoutGroupContext as f } from "../../../context/LayoutGroupContext.js";
+import { SwitchLayoutGroupContext as d } from "../../../context/SwitchLayoutGroupContext.js";
+import { frame as h } from "../../../../../../motion-dom/dist/es/frameloop/frame.js";
+import { microtask as y } from "../../../../../../motion-dom/dist/es/frameloop/microtask.js";
+import { globalProjectionState as g } from "../../../../../../motion-dom/dist/es/projection/node/state.js";
+let i = !1;
+class v extends l {
+  /**
+   * 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: t, layoutGroup: o, switchLayoutGroup: e, layoutId: s } = this.props, { projection: n } = t;
+    n && (o.group && o.group.add(n), e && e.register && s && e.register(n), i && n.root.didUpdate(), n.addEventListener("animationComplete", () => {
+      this.safeToRemove();
+    }), n.setOptions({
+      ...n.options,
+      layoutDependency: this.props.layoutDependency,
+      onExitComplete: () => this.safeToRemove()
+    })), g.hasEverUpdated = !0;
+  }
+  getSnapshotBeforeUpdate(t) {
+    const { layoutDependency: o, visualElement: e, drag: s, isPresent: n } = this.props, { projection: r } = e;
+    return r && (r.isPresent = n, t.layoutDependency !== o && r.setOptions({
+      ...r.options,
+      layoutDependency: o
+    }), i = !0, s || t.layoutDependency !== o || o === void 0 || t.isPresent !== n ? r.willUpdate() : this.safeToRemove(), t.isPresent !== n && (n ? r.promote() : r.relegate() || h.postRender(() => {
+      const p = r.getStack();
+      (!p || !p.members.length) && this.safeToRemove();
+    }))), null;
+  }
+  componentDidUpdate() {
+    const { visualElement: t, layoutAnchor: o } = this.props, { projection: e } = t;
+    e && (e.options.layoutAnchor = o, e.root.didUpdate(), y.postRender(() => {
+      !e.currentAnimation && e.isLead() && this.safeToRemove();
+    }));
+  }
+  componentWillUnmount() {
+    const { visualElement: t, layoutGroup: o, switchLayoutGroup: e } = this.props, { projection: s } = t;
+    i = !0, s && (s.scheduleCheckAfterUnmount(), o && o.group && o.group.remove(s), e && e.deregister && e.deregister(s));
+  }
+  safeToRemove() {
+    const { safeToRemove: t } = this.props;
+    t && t();
+  }
+  render() {
+    return null;
+  }
+}
+function E(a) {
+  const [t, o] = c(), e = u(f);
+  return m(v, { ...a, layoutGroup: e, switchLayoutGroup: u(d), isPresent: t, safeToRemove: o });
+}
+export {
+  E as MeasureLayout
+};

package/dist/node_modules/framer-motion/dist/es/motion/features/layout.js

@@ -0,0 +1,11 @@
+import { MeasureLayout as o } from "./layout/MeasureLayout.js";
+import { HTMLProjectionNode as t } from "../../../../../motion-dom/dist/es/projection/node/HTMLProjectionNode.js";
+const a = {
+  layout: {
+    ProjectionNode: t,
+    MeasureLayout: o
+  }
+};
+export {
+  a as layout
+};

package/dist/node_modules/framer-motion/dist/es/motion/features/load-features.js

@@ -0,0 +1,14 @@
+import { getInitializedFeatureDefinitions as o } from "./definitions.js";
+import { setFeatureDefinitions as n } from "../../../../../motion-dom/dist/es/render/VisualElement.js";
+function s(e) {
+  const i = o();
+  for (const t in e)
+    i[t] = {
+      ...i[t],
+      ...e[t]
+    };
+  n(i);
+}
+export {
+  s as loadFeatures
+};

package/dist/node_modules/framer-motion/dist/es/motion/features/viewport/index.js

@@ -0,0 +1,45 @@
+import { observeIntersection as f } from "./observers.js";
+import { Feature as m } from "../../../../../../motion-dom/dist/es/render/Feature.js";
+const w = {
+  some: 0,
+  all: 1
+};
+class b extends m {
+  constructor() {
+    super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
+  }
+  startObserver() {
+    this.stopObserver?.();
+    const { viewport: s = {} } = this.node.getProps(), { root: e, margin: r, amount: n = "some", once: h } = s, p = {
+      root: e ? e.current : void 0,
+      rootMargin: r,
+      threshold: typeof n == "number" ? n : w[n]
+    }, c = (i) => {
+      const { isIntersecting: t } = i;
+      if (this.isInView === t || (this.isInView = t, h && !t && this.hasEnteredView))
+        return;
+      t && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", t);
+      const { onViewportEnter: d, onViewportLeave: u } = this.node.getProps(), a = t ? d : u;
+      a && a(i);
+    };
+    this.stopObserver = f(this.node.current, p, c);
+  }
+  mount() {
+    this.startObserver();
+  }
+  update() {
+    if (typeof IntersectionObserver > "u")
+      return;
+    const { props: s, prevProps: e } = this.node;
+    ["amount", "margin", "root"].some(l(s, e)) && this.startObserver();
+  }
+  unmount() {
+    this.stopObserver?.(), this.hasEnteredView = !1, this.isInView = !1;
+  }
+}
+function l({ viewport: o = {} }, { viewport: s = {} } = {}) {
+  return (e) => o[e] !== s[e];
+}
+export {
+  b as InViewFeature
+};

package/dist/node_modules/framer-motion/dist/es/motion/features/viewport/observers.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/node_modules/framer-motion/dist/es/motion/index.js

@@ -0,0 +1,62 @@
+import { jsxs as S, jsx as g } from "react/jsx-runtime";
+import { forwardRef as x, useContext as l } from "react";
+import { LayoutGroupContext as E } from "../context/LayoutGroupContext.js";
+import { LazyContext as L } from "../context/LazyContext.js";
+import { MotionConfigContext as V } from "../context/MotionConfigContext.js";
+import { MotionContext as j } from "../context/MotionContext/index.js";
+import { useCreateMotionContext as w } from "../context/MotionContext/create.js";
+import { useRender as N } from "../render/dom/use-render.js";
+import { isSVGComponent as P } from "../render/dom/utils/is-svg-component.js";
+import { useHTMLVisualState as C } from "../render/html/use-html-visual-state.js";
+import { useSVGVisualState as b } from "../render/svg/use-svg-visual-state.js";
+import { getInitializedFeatureDefinitions as h } from "./features/definitions.js";
+import { loadFeatures as z } from "./features/load-features.js";
+import { motionComponentSymbol as G } from "./utils/symbol.js";
+import { useMotionRef as D } from "./utils/use-motion-ref.js";
+import { useVisualElement as R } from "./utils/use-visual-element.js";
+import { warning as I, invariant as k } from "../../../../motion-utils/dist/es/errors.js";
+function it(t, { forwardMotionProps: e = !1, type: i } = {}, o, s) {
+  o && z(o);
+  const m = i ? i === "svg" : P(t), M = m ? b : C;
+  function d(n, v) {
+    let u;
+    const r = {
+      ...l(V),
+      ...n,
+      layoutId: F(n)
+    }, { isStatic: c } = r, a = w(n), f = M(n, c);
+    if (!c && typeof window < "u") {
+      O(r, o);
+      const p = T(r);
+      u = p.MeasureLayout, a.visualElement = R(t, f, r, s, p.ProjectionNode, m);
+    }
+    return S(j.Provider, { value: a, children: [u && a.visualElement ? g(u, { visualElement: a.visualElement, ...r }) : null, N(t, n, D(f, a.visualElement, v), f, c, e, m)] });
+  }
+  d.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
+  const y = x(d);
+  return y[G] = t, y;
+}
+function F({ layoutId: t }) {
+  const e = l(E).id;
+  return e && t !== void 0 ? e + "-" + t : t;
+}
+function O(t, e) {
+  const i = l(L).strict;
+  if (process.env.NODE_ENV !== "production" && e && i) {
+    const o = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
+    t.ignoreStrict ? I(!1, o, "lazy-strict-mode") : k(!1, o, "lazy-strict-mode");
+  }
+}
+function T(t) {
+  const e = h(), { drag: i, layout: o } = e;
+  if (!i && !o)
+    return {};
+  const s = { ...i, ...o };
+  return {
+    MeasureLayout: i?.isEnabled(t) || o?.isEnabled(t) ? s.MeasureLayout : void 0,
+    ProjectionNode: s.ProjectionNode
+  };
+}
+export {
+  it as createMotionComponent
+};

package/dist/node_modules/framer-motion/dist/es/motion/utils/symbol.js

@@ -0,0 +1,4 @@
+const o = /* @__PURE__ */ Symbol.for("motionComponentSymbol");
+export {
+  o as motionComponentSymbol
+};

package/dist/node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.js

@@ -0,0 +1,21 @@
+import { useRef as c, useInsertionEffect as l, useCallback as i } from "react";
+function s(p, u, e) {
+  const t = c(e);
+  l(() => {
+    t.current = e;
+  });
+  const f = c(null);
+  return i((r) => {
+    r && p.onMount?.(r), u && (r ? u.mount(r) : u.unmount());
+    const o = t.current;
+    if (typeof o == "function")
+      if (r) {
+        const n = o(r);
+        typeof n == "function" && (f.current = n);
+      } else f.current ? (f.current(), f.current = null) : o(r);
+    else o && (o.current = r);
+  }, [u]);
+}
+export {
+  s as useMotionRef
+};