npm - @nulogy/components - Versions diffs - 16.1.0 → 17.0.0 - Mend

@nulogy/components 16.1.0 → 17.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2111) hide show

package/dist/esm/node_modules/.pnpm/framer-motion@12.35.0_@emotion_is-prop-valid@1.4.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/drag.js ADDED Viewed

@@ -0,0 +1,18 @@
+import { DragGesture } from "../../gestures/drag/index.js";
+import { PanGesture } from "../../gestures/pan/index.js";
+import { MeasureLayout } from "./layout/MeasureLayout.js";
+import { HTMLProjectionNode } from "../../../../../../../motion-dom@12.35.0/node_modules/motion-dom/dist/es/projection/node/HTMLProjectionNode.js";
+const drag = {
+  pan: {
+    Feature: PanGesture
+  },
+  drag: {
+    Feature: DragGesture,
+    ProjectionNode: HTMLProjectionNode,
+    MeasureLayout
+  }
+};
+export {
+  drag
+};
+//# sourceMappingURL=drag.js.map

@@ -0,0 +1 @@

+ {"version":3,"file":"drag.js","sources":["../../../../../../../../../../../node_modules/.pnpm/framer-motion@12.35.0_@emotion+is-prop-valid@1.4.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/drag.mjs"],"sourcesContent":["import { DragGesture } from '../../gestures/drag/index.mjs';\nimport { PanGesture } from '../../gestures/pan/index.mjs';\nimport { MeasureLayout } from './layout/MeasureLayout.mjs';\nimport { HTMLProjectionNode } from 'motion-dom';\n\nconst drag = {\n pan: {\n Feature: PanGesture,\n },\n drag: {\n Feature: DragGesture,\n ProjectionNode: HTMLProjectionNode,\n MeasureLayout,\n },\n};\n\nexport { drag };\n//# sourceMappingURL=drag.mjs.map\n"],"names":[],"mappings":";;;;AAKK,MAAC,OAAO;AAAA,EACT,KAAK;AAAA,IACD,SAAS;AAAA,EACjB;AAAA,EACI,MAAM;AAAA,IACF,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB;AAAA,EACR;AACA;","x_google_ignoreList":[0]}

@@ -0,0 +1,22 @@
+import { HoverGesture } from "../../gestures/hover.js";
+import { FocusGesture } from "../../gestures/focus.js";
+import { PressGesture } from "../../gestures/press.js";
+import { InViewFeature } from "./viewport/index.js";
+const gestureAnimations = {
+  inView: {
+    Feature: InViewFeature
+  },
+  tap: {
+    Feature: PressGesture
+  },
+  focus: {
+    Feature: FocusGesture
+  },
+  hover: {
+    Feature: HoverGesture
+  }
+};
+export {
+  gestureAnimations
+};
+//# sourceMappingURL=gestures.js.map

@@ -0,0 +1 @@

+ {"version":3,"file":"gestures.js","sources":["../../../../../../../../../../../node_modules/.pnpm/framer-motion@12.35.0_@emotion+is-prop-valid@1.4.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/gestures.mjs"],"sourcesContent":["import { HoverGesture } from '../../gestures/hover.mjs';\nimport { FocusGesture } from '../../gestures/focus.mjs';\nimport { PressGesture } from '../../gestures/press.mjs';\nimport { InViewFeature } from './viewport/index.mjs';\n\nconst gestureAnimations = {\n inView: {\n Feature: InViewFeature,\n },\n tap: {\n Feature: PressGesture,\n },\n focus: {\n Feature: FocusGesture,\n },\n hover: {\n Feature: HoverGesture,\n },\n};\n\nexport { gestureAnimations };\n//# sourceMappingURL=gestures.mjs.map\n"],"names":[],"mappings":";;;;AAKK,MAAC,oBAAoB;AAAA,EACtB,QAAQ;AAAA,IACJ,SAAS;AAAA,EACjB;AAAA,EACI,KAAK;AAAA,IACD,SAAS;AAAA,EACjB;AAAA,EACI,OAAO;AAAA,IACH,SAAS;AAAA,EACjB;AAAA,EACI,OAAO;AAAA,IACH,SAAS;AAAA,EACjB;AACA;","x_google_ignoreList":[0]}

@@ -0,0 +1,110 @@
+import { jsx } from "react/jsx-runtime";
+import { useContext, Component } from "react";
+import { usePresence } from "../../../components/AnimatePresence/use-presence.js";
+import { LayoutGroupContext } from "../../../context/LayoutGroupContext.js";
+import { SwitchLayoutGroupContext } from "../../../context/SwitchLayoutGroupContext.js";
+import { frame } from "../../../../../../../../motion-dom@12.35.0/node_modules/motion-dom/dist/es/frameloop/frame.js";
+import { microtask } from "../../../../../../../../motion-dom@12.35.0/node_modules/motion-dom/dist/es/frameloop/microtask.js";
+import { globalProjectionState } from "../../../../../../../../motion-dom@12.35.0/node_modules/motion-dom/dist/es/projection/node/state.js";
+let hasTakenAnySnapshot = false;
+class MeasureLayoutWithContext extends Component {
+  /**
+   * 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, layoutGroup, switchLayoutGroup, layoutId } = this.props;
+    const { projection } = visualElement;
+    if (projection) {
+      if (layoutGroup.group)
+        layoutGroup.group.add(projection);
+      if (switchLayoutGroup && switchLayoutGroup.register && layoutId) {
+        switchLayoutGroup.register(projection);
+      }
+      if (hasTakenAnySnapshot) {
+        projection.root.didUpdate();
+      }
+      projection.addEventListener("animationComplete", () => {
+        this.safeToRemove();
+      });
+      projection.setOptions({
+        ...projection.options,
+        layoutDependency: this.props.layoutDependency,
+        onExitComplete: () => this.safeToRemove()
+      });
+    }
+    globalProjectionState.hasEverUpdated = true;
+  }
+  getSnapshotBeforeUpdate(prevProps) {
+    const { layoutDependency, visualElement, drag, isPresent } = this.props;
+    const { projection } = visualElement;
+    if (!projection)
+      return null;
+    projection.isPresent = isPresent;
+    if (prevProps.layoutDependency !== layoutDependency) {
+      projection.setOptions({
+        ...projection.options,
+        layoutDependency
+      });
+    }
+    hasTakenAnySnapshot = true;
+    if (drag || prevProps.layoutDependency !== layoutDependency || layoutDependency === void 0 || prevProps.isPresent !== isPresent) {
+      projection.willUpdate();
+    } else {
+      this.safeToRemove();
+    }
+    if (prevProps.isPresent !== isPresent) {
+      if (isPresent) {
+        projection.promote();
+      } else if (!projection.relegate()) {
+        frame.postRender(() => {
+          const stack = projection.getStack();
+          if (!stack || !stack.members.length) {
+            this.safeToRemove();
+          }
+        });
+      }
+    }
+    return null;
+  }
+  componentDidUpdate() {
+    const { projection } = this.props.visualElement;
+    if (projection) {
+      projection.root.didUpdate();
+      microtask.postRender(() => {
+        if (!projection.currentAnimation && projection.isLead()) {
+          this.safeToRemove();
+        }
+      });
+    }
+  }
+  componentWillUnmount() {
+    const { visualElement, layoutGroup, switchLayoutGroup: promoteContext } = this.props;
+    const { projection } = visualElement;
+    hasTakenAnySnapshot = true;
+    if (projection) {
+      projection.scheduleCheckAfterUnmount();
+      if (layoutGroup && layoutGroup.group)
+        layoutGroup.group.remove(projection);
+      if (promoteContext && promoteContext.deregister)
+        promoteContext.deregister(projection);
+    }
+  }
+  safeToRemove() {
+    const { safeToRemove } = this.props;
+    safeToRemove && safeToRemove();
+  }
+  render() {
+    return null;
+  }
+}
+function MeasureLayout(props) {
+  const [isPresent, safeToRemove] = usePresence();
+  const layoutGroup = useContext(LayoutGroupContext);
+  return jsx(MeasureLayoutWithContext, { ...props, layoutGroup, switchLayoutGroup: useContext(SwitchLayoutGroupContext), isPresent, safeToRemove });
+}
+export {
+  MeasureLayout
+};
+//# sourceMappingURL=MeasureLayout.js.map

@@ -0,0 +1 @@

+ {"version":3,"file":"MeasureLayout.js","sources":["../../../../../../../../../../../../node_modules/.pnpm/framer-motion@12.35.0_@emotion+is-prop-valid@1.4.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.mjs"],"sourcesContent":["\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { globalProjectionState, frame, microtask } from 'motion-dom';\nimport { useContext, Component } from 'react';\nimport { usePresence } from '../../../components/AnimatePresence/use-presence.mjs';\nimport { LayoutGroupContext } from '../../../context/LayoutGroupContext.mjs';\nimport { SwitchLayoutGroupContext } from '../../../context/SwitchLayoutGroupContext.mjs';\n\n/**\n * Track whether we've taken any snapshots yet. If not,\n * we can safely skip notification of didUpdate.\n *\n * Difficult to capture in a test but to prevent flickering\n * we must set this to true either on update or unmount.\n * Running `next-env/layout-id` in Safari will show this behaviour if broken.\n */\nlet hasTakenAnySnapshot = false;\nclass MeasureLayoutWithContext extends Component {\n /**\n * This only mounts projection nodes for components that\n * need measuring, we might want to do it for all components\n * in order to incorporate transforms\n */\n componentDidMount() {\n const { visualElement, layoutGroup, switchLayoutGroup, layoutId } = this.props;\n const { projection } = visualElement;\n if (projection) {\n if (layoutGroup.group)\n layoutGroup.group.add(projection);\n if (switchLayoutGroup && switchLayoutGroup.register && layoutId) {\n switchLayoutGroup.register(projection);\n }\n if (hasTakenAnySnapshot) {\n projection.root.didUpdate();\n }\n projection.addEventListener(\"animationComplete\", () => {\n this.safeToRemove();\n });\n projection.setOptions({\n ...projection.options,\n layoutDependency: this.props.layoutDependency,\n onExitComplete: () => this.safeToRemove(),\n });\n }\n globalProjectionState.hasEverUpdated = true;\n }\n getSnapshotBeforeUpdate(prevProps) {\n const { layoutDependency, visualElement, drag, isPresent } = this.props;\n const { projection } = visualElement;\n if (!projection)\n return null;\n /**\n * TODO: We use this data in relegate to determine whether to\n * promote a previous element. There's no guarantee its presence data\n * will have updated by this point - if a bug like this arises it will\n * have to be that we markForRelegation and then find a new lead some other way,\n * perhaps in didUpdate\n */\n projection.isPresent = isPresent;\n if (prevProps.layoutDependency !== layoutDependency) {\n projection.setOptions({\n ...projection.options,\n layoutDependency,\n });\n }\n hasTakenAnySnapshot = true;\n if (drag ||\n prevProps.layoutDependency !== layoutDependency ||\n layoutDependency === undefined ||\n prevProps.isPresent !== isPresent) {\n projection.willUpdate();\n }\n else {\n this.safeToRemove();\n }\n if (prevProps.isPresent !== isPresent) {\n if (isPresent) {\n projection.promote();\n }\n else if (!projection.relegate()) {\n /**\n * If there's another stack member taking over from this one,\n * it's in charge of the exit animation and therefore should\n * be in charge of the safe to remove. Otherwise we call it here.\n */\n frame.postRender(() => {\n const stack = projection.getStack();\n if (!stack || !stack.members.length) {\n this.safeToRemove();\n }\n });\n }\n }\n return null;\n }\n componentDidUpdate() {\n const { projection } = this.props.visualElement;\n if (projection) {\n projection.root.didUpdate();\n microtask.postRender(() => {\n if (!projection.currentAnimation && projection.isLead()) {\n this.safeToRemove();\n }\n });\n }\n }\n componentWillUnmount() {\n const { visualElement, layoutGroup, switchLayoutGroup: promoteContext, } = this.props;\n const { projection } = visualElement;\n hasTakenAnySnapshot = true;\n if (projection) {\n projection.scheduleCheckAfterUnmount();\n if (layoutGroup && layoutGroup.group)\n layoutGroup.group.remove(projection);\n if (promoteContext && promoteContext.deregister)\n promoteContext.deregister(projection);\n }\n }\n safeToRemove() {\n const { safeToRemove } = this.props;\n safeToRemove && safeToRemove();\n }\n render() {\n return null;\n }\n}\nfunction MeasureLayout(props) {\n const [isPresent, safeToRemove] = usePresence();\n const layoutGroup = useContext(LayoutGroupContext);\n return (jsx(MeasureLayoutWithContext, { ...props, layoutGroup: layoutGroup, switchLayoutGroup: useContext(SwitchLayoutGroupContext), isPresent: isPresent, safeToRemove: safeToRemove }));\n}\n\nexport { MeasureLayout };\n//# sourceMappingURL=MeasureLayout.mjs.map\n"],"names":[],"mappings":";;;;;;;;AAgBA,IAAI,sBAAsB;AAC1B,MAAM,iCAAiC,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM7C,oBAAoB;AAChB,UAAM,EAAE,eAAe,aAAa,mBAAmB,SAAQ,IAAK,KAAK;AACzE,UAAM,EAAE,WAAU,IAAK;AACvB,QAAI,YAAY;AACZ,UAAI,YAAY;AACZ,oBAAY,MAAM,IAAI,UAAU;AACpC,UAAI,qBAAqB,kBAAkB,YAAY,UAAU;AAC7D,0BAAkB,SAAS,UAAU;AAAA,MACzC;AACA,UAAI,qBAAqB;AACrB,mBAAW,KAAK,UAAS;AAAA,MAC7B;AACA,iBAAW,iBAAiB,qBAAqB,MAAM;AACnD,aAAK,aAAY;AAAA,MACrB,CAAC;AACD,iBAAW,WAAW;AAAA,QAClB,GAAG,WAAW;AAAA,QACd,kBAAkB,KAAK,MAAM;AAAA,QAC7B,gBAAgB,MAAM,KAAK,aAAY;AAAA,MACvD,CAAa;AAAA,IACL;AACA,0BAAsB,iBAAiB;AAAA,EAC3C;AAAA,EACA,wBAAwB,WAAW;AAC/B,UAAM,EAAE,kBAAkB,eAAe,MAAM,UAAS,IAAK,KAAK;AAClE,UAAM,EAAE,WAAU,IAAK;AACvB,QAAI,CAAC;AACD,aAAO;AAQX,eAAW,YAAY;AACvB,QAAI,UAAU,qBAAqB,kBAAkB;AACjD,iBAAW,WAAW;AAAA,QAClB,GAAG,WAAW;AAAA,QACd;AAAA,MAChB,CAAa;AAAA,IACL;AACA,0BAAsB;AACtB,QAAI,QACA,UAAU,qBAAqB,oBAC/B,qBAAqB,UACrB,UAAU,cAAc,WAAW;AACnC,iBAAW,WAAU;AAAA,IACzB,OACK;AACD,WAAK,aAAY;AAAA,IACrB;AACA,QAAI,UAAU,cAAc,WAAW;AACnC,UAAI,WAAW;AACX,mBAAW,QAAO;AAAA,MACtB,WACS,CAAC,WAAW,YAAY;AAM7B,cAAM,WAAW,MAAM;AACnB,gBAAM,QAAQ,WAAW,SAAQ;AACjC,cAAI,CAAC,SAAS,CAAC,MAAM,QAAQ,QAAQ;AACjC,iBAAK,aAAY;AAAA,UACrB;AAAA,QACJ,CAAC;AAAA,MACL;AAAA,IACJ;AACA,WAAO;AAAA,EACX;AAAA,EACA,qBAAqB;AACjB,UAAM,EAAE,WAAU,IAAK,KAAK,MAAM;AAClC,QAAI,YAAY;AACZ,iBAAW,KAAK,UAAS;AACzB,gBAAU,WAAW,MAAM;AACvB,YAAI,CAAC,WAAW,oBAAoB,WAAW,OAAM,GAAI;AACrD,eAAK,aAAY;AAAA,QACrB;AAAA,MACJ,CAAC;AAAA,IACL;AAAA,EACJ;AAAA,EACA,uBAAuB;AACnB,UAAM,EAAE,eAAe,aAAa,mBAAmB,eAAc,IAAM,KAAK;AAChF,UAAM,EAAE,WAAU,IAAK;AACvB,0BAAsB;AACtB,QAAI,YAAY;AACZ,iBAAW,0BAAyB;AACpC,UAAI,eAAe,YAAY;AAC3B,oBAAY,MAAM,OAAO,UAAU;AACvC,UAAI,kBAAkB,eAAe;AACjC,uBAAe,WAAW,UAAU;AAAA,IAC5C;AAAA,EACJ;AAAA,EACA,eAAe;AACX,UAAM,EAAE,iBAAiB,KAAK;AAC9B,oBAAgB,aAAY;AAAA,EAChC;AAAA,EACA,SAAS;AACL,WAAO;AAAA,EACX;AACJ;AACA,SAAS,cAAc,OAAO;AAC1B,QAAM,CAAC,WAAW,YAAY,IAAI,YAAW;AAC7C,QAAM,cAAc,WAAW,kBAAkB;AACjD,SAAQ,IAAI,0BAA0B,EAAE,GAAG,OAAO,aAA0B,mBAAmB,WAAW,wBAAwB,GAAG,WAAsB,aAA0B,CAAE;AAC3L;","x_google_ignoreList":[0]}

@@ -0,0 +1,12 @@
+import { MeasureLayout } from "./layout/MeasureLayout.js";
+import { HTMLProjectionNode } from "../../../../../../../motion-dom@12.35.0/node_modules/motion-dom/dist/es/projection/node/HTMLProjectionNode.js";
+const layout = {
+  layout: {
+    ProjectionNode: HTMLProjectionNode,
+    MeasureLayout
+  }
+};
+export {
+  layout
+};
+//# sourceMappingURL=layout.js.map

@@ -0,0 +1 @@

+ {"version":3,"file":"layout.js","sources":["../../../../../../../../../../../node_modules/.pnpm/framer-motion@12.35.0_@emotion+is-prop-valid@1.4.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/layout.mjs"],"sourcesContent":["import { HTMLProjectionNode } from 'motion-dom';\nimport { MeasureLayout } from './layout/MeasureLayout.mjs';\n\nconst layout = {\n layout: {\n ProjectionNode: HTMLProjectionNode,\n MeasureLayout,\n },\n};\n\nexport { layout };\n//# sourceMappingURL=layout.mjs.map\n"],"names":[],"mappings":";;AAGK,MAAC,SAAS;AAAA,EACX,QAAQ;AAAA,IACJ,gBAAgB;AAAA,IAChB;AAAA,EACR;AACA;","x_google_ignoreList":[0]}

@@ -0,0 +1,16 @@
+import { getInitializedFeatureDefinitions } from "./definitions.js";
+import { setFeatureDefinitions } from "../../../../../../../motion-dom@12.35.0/node_modules/motion-dom/dist/es/render/VisualElement.js";
+function loadFeatures(features) {
+  const featureDefinitions = getInitializedFeatureDefinitions();
+  for (const key in features) {
+    featureDefinitions[key] = {
+      ...featureDefinitions[key],
+      ...features[key]
+    };
+  }
+  setFeatureDefinitions(featureDefinitions);
+}
+export {
+  loadFeatures
+};
+//# sourceMappingURL=load-features.js.map

@@ -0,0 +1 @@

+ {"version":3,"file":"load-features.js","sources":["../../../../../../../../../../../node_modules/.pnpm/framer-motion@12.35.0_@emotion+is-prop-valid@1.4.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/load-features.mjs"],"sourcesContent":["import { setFeatureDefinitions } from 'motion-dom';\nimport { getInitializedFeatureDefinitions } from './definitions.mjs';\n\nfunction loadFeatures(features) {\n const featureDefinitions = getInitializedFeatureDefinitions();\n for (const key in features) {\n featureDefinitions[key] = {\n ...featureDefinitions[key],\n ...features[key],\n };\n }\n setFeatureDefinitions(featureDefinitions);\n}\n\nexport { loadFeatures };\n//# sourceMappingURL=load-features.mjs.map\n"],"names":[],"mappings":";;AAGA,SAAS,aAAa,UAAU;AAC5B,QAAM,qBAAqB,iCAAgC;AAC3D,aAAW,OAAO,UAAU;AACxB,uBAAmB,GAAG,IAAI;AAAA,MACtB,GAAG,mBAAmB,GAAG;AAAA,MACzB,GAAG,SAAS,GAAG;AAAA,IAC3B;AAAA,EACI;AACA,wBAAsB,kBAAkB;AAC5C;","x_google_ignoreList":[0]}

@@ -0,0 +1,62 @@
+import { observeIntersection } from "./observers.js";
+import { Feature } from "../../../../../../../../motion-dom@12.35.0/node_modules/motion-dom/dist/es/render/Feature.js";
+const thresholdNames = {
+  some: 0,
+  all: 1
+};
+class InViewFeature extends Feature {
+  constructor() {
+    super(...arguments);
+    this.hasEnteredView = false;
+    this.isInView = false;
+  }
+  startObserver() {
+    this.unmount();
+    const { viewport = {} } = this.node.getProps();
+    const { root, margin: rootMargin, amount = "some", once } = viewport;
+    const options = {
+      root: root ? root.current : void 0,
+      rootMargin,
+      threshold: typeof amount === "number" ? amount : thresholdNames[amount]
+    };
+    const onIntersectionUpdate = (entry) => {
+      const { isIntersecting } = entry;
+      if (this.isInView === isIntersecting)
+        return;
+      this.isInView = isIntersecting;
+      if (once && !isIntersecting && this.hasEnteredView) {
+        return;
+      } else if (isIntersecting) {
+        this.hasEnteredView = true;
+      }
+      if (this.node.animationState) {
+        this.node.animationState.setActive("whileInView", isIntersecting);
+      }
+      const { onViewportEnter, onViewportLeave } = this.node.getProps();
+      const callback = isIntersecting ? onViewportEnter : onViewportLeave;
+      callback && callback(entry);
+    };
+    return observeIntersection(this.node.current, options, onIntersectionUpdate);
+  }
+  mount() {
+    this.startObserver();
+  }
+  update() {
+    if (typeof IntersectionObserver === "undefined")
+      return;
+    const { props, prevProps } = this.node;
+    const hasOptionsChanged = ["amount", "margin", "root"].some(hasViewportOptionChanged(props, prevProps));
+    if (hasOptionsChanged) {
+      this.startObserver();
+    }
+  }
+  unmount() {
+  }
+}
+function hasViewportOptionChanged({ viewport = {} }, { viewport: prevViewport = {} } = {}) {
+  return (name) => viewport[name] !== prevViewport[name];
+}
+export {
+  InViewFeature
+};
+//# sourceMappingURL=index.js.map

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../../../../../../../node_modules/.pnpm/framer-motion@12.35.0_@emotion+is-prop-valid@1.4.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/viewport/index.mjs"],"sourcesContent":["import { Feature } from 'motion-dom';\nimport { observeIntersection } from './observers.mjs';\n\nconst thresholdNames = {\n some: 0,\n all: 1,\n};\nclass InViewFeature extends Feature {\n constructor() {\n super(...arguments);\n this.hasEnteredView = false;\n this.isInView = false;\n }\n startObserver() {\n this.unmount();\n const { viewport = {} } = this.node.getProps();\n const { root, margin: rootMargin, amount = \"some\", once } = viewport;\n const options = {\n root: root ? root.current : undefined,\n rootMargin,\n threshold: typeof amount === \"number\" ? amount : thresholdNames[amount],\n };\n const onIntersectionUpdate = (entry) => {\n const { isIntersecting } = entry;\n /**\n * If there's been no change in the viewport state, early return.\n */\n if (this.isInView === isIntersecting)\n return;\n this.isInView = isIntersecting;\n /**\n * Handle hasEnteredView. If this is only meant to run once, and\n * element isn't visible, early return. Otherwise set hasEnteredView to true.\n */\n if (once && !isIntersecting && this.hasEnteredView) {\n return;\n }\n else if (isIntersecting) {\n this.hasEnteredView = true;\n }\n if (this.node.animationState) {\n this.node.animationState.setActive(\"whileInView\", isIntersecting);\n }\n /**\n * Use the latest committed props rather than the ones in scope\n * when this observer is created\n */\n const { onViewportEnter, onViewportLeave } = this.node.getProps();\n const callback = isIntersecting ? onViewportEnter : onViewportLeave;\n callback && callback(entry);\n };\n return observeIntersection(this.node.current, options, onIntersectionUpdate);\n }\n mount() {\n this.startObserver();\n }\n update() {\n if (typeof IntersectionObserver === \"undefined\")\n return;\n const { props, prevProps } = this.node;\n const hasOptionsChanged = [\"amount\", \"margin\", \"root\"].some(hasViewportOptionChanged(props, prevProps));\n if (hasOptionsChanged) {\n this.startObserver();\n }\n }\n unmount() { }\n}\nfunction hasViewportOptionChanged({ viewport = {} }, { viewport: prevViewport = {} } = {}) {\n return (name) => viewport[name] !== prevViewport[name];\n}\n\nexport { InViewFeature };\n//# sourceMappingURL=index.mjs.map\n"],"names":[],"mappings":";;AAGA,MAAM,iBAAiB;AAAA,EACnB,MAAM;AAAA,EACN,KAAK;AACT;AACA,MAAM,sBAAsB,QAAQ;AAAA,EAChC,cAAc;AACV,UAAM,GAAG,SAAS;AAClB,SAAK,iBAAiB;AACtB,SAAK,WAAW;AAAA,EACpB;AAAA,EACA,gBAAgB;AACZ,SAAK,QAAO;AACZ,UAAM,EAAE,WAAW,CAAA,EAAE,IAAK,KAAK,KAAK,SAAQ;AAC5C,UAAM,EAAE,MAAM,QAAQ,YAAY,SAAS,QAAQ,KAAI,IAAK;AAC5D,UAAM,UAAU;AAAA,MACZ,MAAM,OAAO,KAAK,UAAU;AAAA,MAC5B;AAAA,MACA,WAAW,OAAO,WAAW,WAAW,SAAS,eAAe,MAAM;AAAA,IAClF;AACQ,UAAM,uBAAuB,CAAC,UAAU;AACpC,YAAM,EAAE,eAAc,IAAK;AAI3B,UAAI,KAAK,aAAa;AAClB;AACJ,WAAK,WAAW;AAKhB,UAAI,QAAQ,CAAC,kBAAkB,KAAK,gBAAgB;AAChD;AAAA,MACJ,WACS,gBAAgB;AACrB,aAAK,iBAAiB;AAAA,MAC1B;AACA,UAAI,KAAK,KAAK,gBAAgB;AAC1B,aAAK,KAAK,eAAe,UAAU,eAAe,cAAc;AAAA,MACpE;AAKA,YAAM,EAAE,iBAAiB,gBAAe,IAAK,KAAK,KAAK,SAAQ;AAC/D,YAAM,WAAW,iBAAiB,kBAAkB;AACpD,kBAAY,SAAS,KAAK;AAAA,IAC9B;AACA,WAAO,oBAAoB,KAAK,KAAK,SAAS,SAAS,oBAAoB;AAAA,EAC/E;AAAA,EACA,QAAQ;AACJ,SAAK,cAAa;AAAA,EACtB;AAAA,EACA,SAAS;AACL,QAAI,OAAO,yBAAyB;AAChC;AACJ,UAAM,EAAE,OAAO,UAAS,IAAK,KAAK;AAClC,UAAM,oBAAoB,CAAC,UAAU,UAAU,MAAM,EAAE,KAAK,yBAAyB,OAAO,SAAS,CAAC;AACtG,QAAI,mBAAmB;AACnB,WAAK,cAAa;AAAA,IACtB;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,EAAE;AAChB;AACA,SAAS,yBAAyB,EAAE,WAAW,GAAE,GAAI,EAAE,UAAU,eAAe,GAAE,IAAK,IAAI;AACvF,SAAO,CAAC,SAAS,SAAS,IAAI,MAAM,aAAa,IAAI;AACzD;","x_google_ignoreList":[0]}

@@ -0,0 +1,34 @@
+const observerCallbacks = /* @__PURE__ */ new WeakMap();
+const observers = /* @__PURE__ */ new WeakMap();
+const fireObserverCallback = (entry) => {
+  const callback = observerCallbacks.get(entry.target);
+  callback && callback(entry);
+};
+const fireAllObserverCallbacks = (entries) => {
+  entries.forEach(fireObserverCallback);
+};
+function initIntersectionObserver({ root, ...options }) {
+  const lookupRoot = root || document;
+  if (!observers.has(lookupRoot)) {
+    observers.set(lookupRoot, {});
+  }
+  const rootObservers = observers.get(lookupRoot);
+  const key = JSON.stringify(options);
+  if (!rootObservers[key]) {
+    rootObservers[key] = new IntersectionObserver(fireAllObserverCallbacks, { root, ...options });
+  }
+  return rootObservers[key];
+}
+function observeIntersection(element, options, callback) {
+  const rootInteresectionObserver = initIntersectionObserver(options);
+  observerCallbacks.set(element, callback);
+  rootInteresectionObserver.observe(element);
+  return () => {
+    observerCallbacks.delete(element);
+    rootInteresectionObserver.unobserve(element);
+  };
+}
+export {
+  observeIntersection
+};
+//# sourceMappingURL=observers.js.map

@@ -0,0 +1 @@

+ {"version":3,"file":"observers.js","sources":["../../../../../../../../../../../../node_modules/.pnpm/framer-motion@12.35.0_@emotion+is-prop-valid@1.4.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/viewport/observers.mjs"],"sourcesContent":["/**\n * Map an IntersectionHandler callback to an element. We only ever make one handler for one\n * element, so even though these handlers might all be triggered by different\n * observers, we can keep them in the same map.\n */\nconst observerCallbacks = new WeakMap();\n/**\n * Multiple observers can be created for multiple element/document roots. Each with\n * different settings. So here we store dictionaries of observers to each root,\n * using serialised settings (threshold/margin) as lookup keys.\n */\nconst observers = new WeakMap();\nconst fireObserverCallback = (entry) => {\n const callback = observerCallbacks.get(entry.target);\n callback && callback(entry);\n};\nconst fireAllObserverCallbacks = (entries) => {\n entries.forEach(fireObserverCallback);\n};\nfunction initIntersectionObserver({ root, ...options }) {\n const lookupRoot = root || document;\n /**\n * If we don't have an observer lookup map for this root, create one.\n */\n if (!observers.has(lookupRoot)) {\n observers.set(lookupRoot, {});\n }\n const rootObservers = observers.get(lookupRoot);\n const key = JSON.stringify(options);\n /**\n * If we don't have an observer for this combination of root and settings,\n * create one.\n */\n if (!rootObservers[key]) {\n rootObservers[key] = new IntersectionObserver(fireAllObserverCallbacks, { root, ...options });\n }\n return rootObservers[key];\n}\nfunction observeIntersection(element, options, callback) {\n const rootInteresectionObserver = initIntersectionObserver(options);\n observerCallbacks.set(element, callback);\n rootInteresectionObserver.observe(element);\n return () => {\n observerCallbacks.delete(element);\n rootInteresectionObserver.unobserve(element);\n };\n}\n\nexport { observeIntersection };\n//# sourceMappingURL=observers.mjs.map\n"],"names":[],"mappings":"AAKA,MAAM,oBAAoB,oBAAI,QAAO;AAMrC,MAAM,YAAY,oBAAI,QAAO;AAC7B,MAAM,uBAAuB,CAAC,UAAU;AACpC,QAAM,WAAW,kBAAkB,IAAI,MAAM,MAAM;AACnD,cAAY,SAAS,KAAK;AAC9B;AACA,MAAM,2BAA2B,CAAC,YAAY;AAC1C,UAAQ,QAAQ,oBAAoB;AACxC;AACA,SAAS,yBAAyB,EAAE,MAAM,GAAG,WAAW;AACpD,QAAM,aAAa,QAAQ;AAI3B,MAAI,CAAC,UAAU,IAAI,UAAU,GAAG;AAC5B,cAAU,IAAI,YAAY,EAAE;AAAA,EAChC;AACA,QAAM,gBAAgB,UAAU,IAAI,UAAU;AAC9C,QAAM,MAAM,KAAK,UAAU,OAAO;AAKlC,MAAI,CAAC,cAAc,GAAG,GAAG;AACrB,kBAAc,GAAG,IAAI,IAAI,qBAAqB,0BAA0B,EAAE,MAAM,GAAG,SAAS;AAAA,EAChG;AACA,SAAO,cAAc,GAAG;AAC5B;AACA,SAAS,oBAAoB,SAAS,SAAS,UAAU;AACrD,QAAM,4BAA4B,yBAAyB,OAAO;AAClE,oBAAkB,IAAI,SAAS,QAAQ;AACvC,4BAA0B,QAAQ,OAAO;AACzC,SAAO,MAAM;AACT,sBAAkB,OAAO,OAAO;AAChC,8BAA0B,UAAU,OAAO;AAAA,EAC/C;AACJ;","x_google_ignoreList":[0]}

package/dist/esm/node_modules/.pnpm/framer-motion@12.35.0_@emotion_is-prop-valid@1.4.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/index.js ADDED Viewed

@@ -0,0 +1,65 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from "react";
+import { LayoutGroupContext } from "../context/LayoutGroupContext.js";
+import { LazyContext } from "../context/LazyContext.js";
+import { MotionConfigContext } from "../context/MotionConfigContext.js";
+import { MotionContext } from "../context/MotionContext/index.js";
+import { useCreateMotionContext } from "../context/MotionContext/create.js";
+import { useRender } from "../render/dom/use-render.js";
+import { isSVGComponent } from "../render/dom/utils/is-svg-component.js";
+import { useHTMLVisualState } from "../render/html/use-html-visual-state.js";
+import { useSVGVisualState } from "../render/svg/use-svg-visual-state.js";
+import { getInitializedFeatureDefinitions } from "./features/definitions.js";
+import { loadFeatures } from "./features/load-features.js";
+import { motionComponentSymbol } from "./utils/symbol.js";
+import { useMotionRef } from "./utils/use-motion-ref.js";
+import { useVisualElement } from "./utils/use-visual-element.js";
+function createMotionComponent(Component, { forwardMotionProps = false, type } = {}, preloadedFeatures, createVisualElement) {
+  preloadedFeatures && loadFeatures(preloadedFeatures);
+  const isSVG = type ? type === "svg" : isSVGComponent(Component);
+  const useVisualState = isSVG ? useSVGVisualState : useHTMLVisualState;
+  function MotionDOMComponent(props, externalRef) {
+    let MeasureLayout;
+    const configAndProps = {
+      ...useContext(MotionConfigContext),
+      ...props,
+      layoutId: useLayoutId(props)
+    };
+    const { isStatic } = configAndProps;
+    const context = useCreateMotionContext(props);
+    const visualState = useVisualState(props, isStatic);
+    if (!isStatic && typeof window !== "undefined") {
+      useStrictMode();
+      const layoutProjection = getProjectionFunctionality(configAndProps);
+      MeasureLayout = layoutProjection.MeasureLayout;
+      context.visualElement = useVisualElement(Component, visualState, configAndProps, createVisualElement, layoutProjection.ProjectionNode, isSVG);
+    }
+    return jsxs(MotionContext.Provider, { value: context, children: [MeasureLayout && context.visualElement ? jsx(MeasureLayout, { visualElement: context.visualElement, ...configAndProps }) : null, useRender(Component, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, forwardMotionProps, isSVG)] });
+  }
+  MotionDOMComponent.displayName = `motion.${typeof Component === "string" ? Component : `create(${Component.displayName ?? Component.name ?? ""})`}`;
+  const ForwardRefMotionComponent = forwardRef(MotionDOMComponent);
+  ForwardRefMotionComponent[motionComponentSymbol] = Component;
+  return ForwardRefMotionComponent;
+}
+function useLayoutId({ layoutId }) {
+  const layoutGroupId = useContext(LayoutGroupContext).id;
+  return layoutGroupId && layoutId !== void 0 ? layoutGroupId + "-" + layoutId : layoutId;
+}
+function useStrictMode(configAndProps, preloadedFeatures) {
+  useContext(LazyContext).strict;
+}
+function getProjectionFunctionality(props) {
+  const featureDefinitions = getInitializedFeatureDefinitions();
+  const { drag, layout } = featureDefinitions;
+  if (!drag && !layout)
+    return {};
+  const combined = { ...drag, ...layout };
+  return {
+    MeasureLayout: drag?.isEnabled(props) || layout?.isEnabled(props) ? combined.MeasureLayout : void 0,
+    ProjectionNode: combined.ProjectionNode
+  };
+}
+export {
+  createMotionComponent
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/node_modules/.pnpm/framer-motion@12.35.0_@emotion_is-prop-valid@1.4.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../../../../../node_modules/.pnpm/framer-motion@12.35.0_@emotion+is-prop-valid@1.4.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/index.mjs"],"sourcesContent":["\"use client\";\nimport { jsxs, jsx } from 'react/jsx-runtime';\nimport { warning, invariant } from 'motion-utils';\nimport { forwardRef, useContext } from 'react';\nimport { LayoutGroupContext } from '../context/LayoutGroupContext.mjs';\nimport { LazyContext } from '../context/LazyContext.mjs';\nimport { MotionConfigContext } from '../context/MotionConfigContext.mjs';\nimport { MotionContext } from '../context/MotionContext/index.mjs';\nimport { useCreateMotionContext } from '../context/MotionContext/create.mjs';\nimport { useRender } from '../render/dom/use-render.mjs';\nimport { isSVGComponent } from '../render/dom/utils/is-svg-component.mjs';\nimport { useHTMLVisualState } from '../render/html/use-html-visual-state.mjs';\nimport { useSVGVisualState } from '../render/svg/use-svg-visual-state.mjs';\nimport { getInitializedFeatureDefinitions } from './features/definitions.mjs';\nimport { loadFeatures } from './features/load-features.mjs';\nimport { motionComponentSymbol } from './utils/symbol.mjs';\nimport { useMotionRef } from './utils/use-motion-ref.mjs';\nimport { useVisualElement } from './utils/use-visual-element.mjs';\n\n/**\n * Create a `motion` component.\n *\n * This function accepts a Component argument, which can be either a string (ie \"div\"\n * for `motion.div`), or an actual React component.\n *\n * Alongside this is a config option which provides a way of rendering the provided\n * component \"offline\", or outside the React render cycle.\n */\nfunction createMotionComponent(Component, { forwardMotionProps = false, type } = {}, preloadedFeatures, createVisualElement) {\n preloadedFeatures && loadFeatures(preloadedFeatures);\n /**\n * Determine whether to use SVG or HTML rendering based on:\n * 1. Explicit `type` option (highest priority)\n * 2. Auto-detection via `isSVGComponent`\n */\n const isSVG = type ? type === \"svg\" : isSVGComponent(Component);\n const useVisualState = isSVG ? useSVGVisualState : useHTMLVisualState;\n function MotionDOMComponent(props, externalRef) {\n /**\n * If we need to measure the element we load this functionality in a\n * separate class component in order to gain access to getSnapshotBeforeUpdate.\n */\n let MeasureLayout;\n const configAndProps = {\n ...useContext(MotionConfigContext),\n ...props,\n layoutId: useLayoutId(props),\n };\n const { isStatic } = configAndProps;\n const context = useCreateMotionContext(props);\n const visualState = useVisualState(props, isStatic);\n if (!isStatic && typeof window !== \"undefined\") {\n useStrictMode(configAndProps, preloadedFeatures);\n const layoutProjection = getProjectionFunctionality(configAndProps);\n MeasureLayout = layoutProjection.MeasureLayout;\n /**\n * Create a VisualElement for this component. A VisualElement provides a common\n * interface to renderer-specific APIs (ie DOM/Three.js etc) as well as\n * providing a way of rendering to these APIs outside of the React render loop\n * for more performant animations and interactions\n */\n context.visualElement = useVisualElement(Component, visualState, configAndProps, createVisualElement, layoutProjection.ProjectionNode, isSVG);\n }\n /**\n * The mount order and hierarchy is specific to ensure our element ref\n * is hydrated by the time features fire their effects.\n */\n return (jsxs(MotionContext.Provider, { value: context, children: [MeasureLayout && context.visualElement ? (jsx(MeasureLayout, { visualElement: context.visualElement, ...configAndProps })) : null, useRender(Component, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, forwardMotionProps, isSVG)] }));\n }\n MotionDOMComponent.displayName = `motion.${typeof Component === \"string\"\n ? Component\n : `create(${Component.displayName ?? Component.name ?? \"\"})`}`;\n const ForwardRefMotionComponent = forwardRef(MotionDOMComponent);\n ForwardRefMotionComponent[motionComponentSymbol] = Component;\n return ForwardRefMotionComponent;\n}\nfunction useLayoutId({ layoutId }) {\n const layoutGroupId = useContext(LayoutGroupContext).id;\n return layoutGroupId && layoutId !== undefined\n ? layoutGroupId + \"-\" + layoutId\n : layoutId;\n}\nfunction useStrictMode(configAndProps, preloadedFeatures) {\n const isStrict = useContext(LazyContext).strict;\n /**\n * If we're in development mode, check to make sure we're not rendering a motion component\n * as a child of LazyMotion, as this will break the file-size benefits of using it.\n */\n if (process.env.NODE_ENV !== \"production\" &&\n preloadedFeatures &&\n isStrict) {\n const strictMessage = \"You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.\";\n configAndProps.ignoreStrict\n ? warning(false, strictMessage, \"lazy-strict-mode\")\n : invariant(false, strictMessage, \"lazy-strict-mode\");\n }\n}\nfunction getProjectionFunctionality(props) {\n const featureDefinitions = getInitializedFeatureDefinitions();\n const { drag, layout } = featureDefinitions;\n if (!drag && !layout)\n return {};\n const combined = { ...drag, ...layout };\n return {\n MeasureLayout: drag?.isEnabled(props) || layout?.isEnabled(props)\n ? combined.MeasureLayout\n : undefined,\n ProjectionNode: combined.ProjectionNode,\n };\n}\n\nexport { createMotionComponent };\n//# sourceMappingURL=index.mjs.map\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA4BA,SAAS,sBAAsB,WAAW,EAAE,qBAAqB,OAAO,SAAS,CAAA,GAAI,mBAAmB,qBAAqB;AACzH,uBAAqB,aAAa,iBAAiB;AAMnD,QAAM,QAAQ,OAAO,SAAS,QAAQ,eAAe,SAAS;AAC9D,QAAM,iBAAiB,QAAQ,oBAAoB;AACnD,WAAS,mBAAmB,OAAO,aAAa;AAK5C,QAAI;AACJ,UAAM,iBAAiB;AAAA,MACnB,GAAG,WAAW,mBAAmB;AAAA,MACjC,GAAG;AAAA,MACH,UAAU,YAAY,KAAK;AAAA,IAAA;AAE/B,UAAM,EAAE,aAAa;AACrB,UAAM,UAAU,uBAAuB,KAAK;AAC5C,UAAM,cAAc,eAAe,OAAO,QAAQ;AAClD,QAAI,CAAC,YAAY,OAAO,WAAW,aAAa;AAC5C,oBAA+C;AAC/C,YAAM,mBAAmB,2BAA2B,cAAc;AAClE,sBAAgB,iBAAiB;AAOjC,cAAQ,gBAAgB,iBAAiB,WAAW,aAAa,gBAAgB,qBAAqB,iBAAiB,gBAAgB,KAAK;AAAA,IAChJ;AAKA,WAAQ,KAAK,cAAc,UAAU,EAAE,OAAO,SAAS,UAAU,CAAC,iBAAiB,QAAQ,gBAAiB,IAAI,eAAe,EAAE,eAAe,QAAQ,eAAe,GAAG,eAAA,CAAgB,IAAK,MAAM,UAAU,WAAW,OAAO,aAAa,aAAa,QAAQ,eAAe,WAAW,GAAG,aAAa,UAAU,oBAAoB,KAAK,CAAC,GAAG;AAAA,EACxV;AACA,qBAAmB,cAAc,UAAU,OAAO,cAAc,WAC1D,YACA,UAAU,UAAU,eAAe,UAAU,QAAQ,EAAE,GAAG;AAChE,QAAM,4BAA4B,WAAW,kBAAkB;AAC/D,4BAA0B,qBAAqB,IAAI;AACnD,SAAO;AACX;AACA,SAAS,YAAY,EAAE,YAAY;AAC/B,QAAM,gBAAgB,WAAW,kBAAkB,EAAE;AACrD,SAAO,iBAAiB,aAAa,SAC/B,gBAAgB,MAAM,WACtB;AACV;AACA,SAAS,cAAc,gBAAgB,mBAAmB;AACrC,aAAW,WAAW,EAAE;AAa7C;AACA,SAAS,2BAA2B,OAAO;AACvC,QAAM,qBAAqB,iCAAA;AAC3B,QAAM,EAAE,MAAM,OAAA,IAAW;AACzB,MAAI,CAAC,QAAQ,CAAC;AACV,WAAO,CAAA;AACX,QAAM,WAAW,EAAE,GAAG,MAAM,GAAG,OAAA;AAC/B,SAAO;AAAA,IACH,eAAe,MAAM,UAAU,KAAK,KAAK,QAAQ,UAAU,KAAK,IAC1D,SAAS,gBACT;AAAA,IACN,gBAAgB,SAAS;AAAA,EAAA;AAEjC;","x_google_ignoreList":[0]}

@@ -0,0 +1,5 @@
+const motionComponentSymbol = /* @__PURE__ */ Symbol.for("motionComponentSymbol");
+export {
+  motionComponentSymbol
+};
+//# sourceMappingURL=symbol.js.map

@@ -0,0 +1 @@

+ {"version":3,"file":"symbol.js","sources":["../../../../../../../../../../../node_modules/.pnpm/framer-motion@12.35.0_@emotion+is-prop-valid@1.4.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/utils/symbol.mjs"],"sourcesContent":["const motionComponentSymbol = Symbol.for(\"motionComponentSymbol\");\n\nexport { motionComponentSymbol };\n//# sourceMappingURL=symbol.mjs.map\n"],"names":[],"mappings":"AAAK,MAAC,wBAAwB,uBAAO,IAAI,uBAAuB;","x_google_ignoreList":[0]}

@@ -0,0 +1,36 @@
+import { useRef, useInsertionEffect, useCallback } from "react";
+function useMotionRef(visualState, visualElement, externalRef) {
+  const externalRefContainer = useRef(externalRef);
+  useInsertionEffect(() => {
+    externalRefContainer.current = externalRef;
+  });
+  const refCleanup = useRef(null);
+  return useCallback((instance) => {
+    if (instance) {
+      visualState.onMount?.(instance);
+    }
+    const ref = externalRefContainer.current;
+    if (typeof ref === "function") {
+      if (instance) {
+        const cleanup = ref(instance);
+        if (typeof cleanup === "function") {
+          refCleanup.current = cleanup;
+        }
+      } else if (refCleanup.current) {
+        refCleanup.current();
+        refCleanup.current = null;
+      } else {
+        ref(instance);
+      }
+    } else if (ref) {
+      ref.current = instance;
+    }
+    if (visualElement) {
+      instance ? visualElement.mount(instance) : visualElement.unmount();
+    }
+  }, [visualElement]);
+}
+export {
+  useMotionRef
+};
+//# sourceMappingURL=use-motion-ref.js.map

@@ -0,0 +1 @@

+ {"version":3,"file":"use-motion-ref.js","sources":["../../../../../../../../../../../node_modules/.pnpm/framer-motion@12.35.0_@emotion+is-prop-valid@1.4.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.mjs"],"sourcesContent":["\"use client\";\nimport { useRef, useInsertionEffect, useCallback } from 'react';\n\n/**\n * Creates a ref function that, when called, hydrates the provided\n * external ref and VisualElement.\n */\nfunction useMotionRef(visualState, visualElement, externalRef) {\n /**\n * Store externalRef in a ref to avoid including it in the useCallback\n * dependency array. Including externalRef in dependencies causes issues\n * with libraries like Radix UI that create new callback refs on each render\n * when using asChild - this would cause the callback to be recreated,\n * triggering element remounts and breaking AnimatePresence exit animations.\n */\n const externalRefContainer = useRef(externalRef);\n useInsertionEffect(() => {\n externalRefContainer.current = externalRef;\n });\n // Store cleanup function returned by callback refs (React 19 feature)\n const refCleanup = useRef(null);\n return useCallback((instance) => {\n if (instance) {\n visualState.onMount?.(instance);\n }\n const ref = externalRefContainer.current;\n if (typeof ref === \"function\") {\n if (instance) {\n const cleanup = ref(instance);\n if (typeof cleanup === \"function\") {\n refCleanup.current = cleanup;\n }\n }\n else if (refCleanup.current) {\n refCleanup.current();\n refCleanup.current = null;\n }\n else {\n ref(instance);\n }\n }\n else if (ref) {\n ref.current = instance;\n }\n if (visualElement) {\n instance ? visualElement.mount(instance) : visualElement.unmount();\n }\n }, [visualElement]);\n}\n\nexport { useMotionRef };\n//# sourceMappingURL=use-motion-ref.mjs.map\n"],"names":[],"mappings":";AAOA,SAAS,aAAa,aAAa,eAAe,aAAa;AAQ3D,QAAM,uBAAuB,OAAO,WAAW;AAC/C,qBAAmB,MAAM;AACrB,yBAAqB,UAAU;AAAA,EACnC,CAAC;AAED,QAAM,aAAa,OAAO,IAAI;AAC9B,SAAO,YAAY,CAAC,aAAa;AAC7B,QAAI,UAAU;AACV,kBAAY,UAAU,QAAQ;AAAA,IAClC;AACA,UAAM,MAAM,qBAAqB;AACjC,QAAI,OAAO,QAAQ,YAAY;AAC3B,UAAI,UAAU;AACV,cAAM,UAAU,IAAI,QAAQ;AAC5B,YAAI,OAAO,YAAY,YAAY;AAC/B,qBAAW,UAAU;AAAA,QACzB;AAAA,MACJ,WACS,WAAW,SAAS;AACzB,mBAAW,QAAO;AAClB,mBAAW,UAAU;AAAA,MACzB,OACK;AACD,YAAI,QAAQ;AAAA,MAChB;AAAA,IACJ,WACS,KAAK;AACV,UAAI,UAAU;AAAA,IAClB;AACA,QAAI,eAAe;AACf,iBAAW,cAAc,MAAM,QAAQ,IAAI,cAAc,QAAO;AAAA,IACpE;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AACtB;","x_google_ignoreList":[0]}

@@ -0,0 +1,106 @@
+import { useContext, useRef, useInsertionEffect, useEffect } from "react";
+import { LazyContext } from "../../context/LazyContext.js";
+import { MotionConfigContext } from "../../context/MotionConfigContext.js";
+import { MotionContext } from "../../context/MotionContext/index.js";
+import { PresenceContext } from "../../context/PresenceContext.js";
+import { SwitchLayoutGroupContext } from "../../context/SwitchLayoutGroupContext.js";
+import { isRefObject } from "../../utils/is-ref-object.js";
+import { useIsomorphicLayoutEffect } from "../../utils/use-isomorphic-effect.js";
+import { optimizedAppearDataAttribute } from "../../../../../../../motion-dom@12.35.0/node_modules/motion-dom/dist/es/animation/optimized-appear/data-id.js";
+function useVisualElement(Component, visualState, props, createVisualElement, ProjectionNodeConstructor, isSVG) {
+  const { visualElement: parent } = useContext(MotionContext);
+  const lazyContext = useContext(LazyContext);
+  const presenceContext = useContext(PresenceContext);
+  const motionConfig = useContext(MotionConfigContext);
+  const reducedMotionConfig = motionConfig.reducedMotion;
+  const skipAnimations = motionConfig.skipAnimations;
+  const visualElementRef = useRef(null);
+  const hasMountedOnce = useRef(false);
+  createVisualElement = createVisualElement || lazyContext.renderer;
+  if (!visualElementRef.current && createVisualElement) {
+    visualElementRef.current = createVisualElement(Component, {
+      visualState,
+      parent,
+      props,
+      presenceContext,
+      blockInitialAnimation: presenceContext ? presenceContext.initial === false : false,
+      reducedMotionConfig,
+      skipAnimations,
+      isSVG
+    });
+    if (hasMountedOnce.current && visualElementRef.current) {
+      visualElementRef.current.manuallyAnimateOnMount = true;
+    }
+  }
+  const visualElement = visualElementRef.current;
+  const initialLayoutGroupConfig = useContext(SwitchLayoutGroupContext);
+  if (visualElement && !visualElement.projection && ProjectionNodeConstructor && (visualElement.type === "html" || visualElement.type === "svg")) {
+    createProjectionNode(visualElementRef.current, props, ProjectionNodeConstructor, initialLayoutGroupConfig);
+  }
+  const isMounted = useRef(false);
+  useInsertionEffect(() => {
+    if (visualElement && isMounted.current) {
+      visualElement.update(props, presenceContext);
+    }
+  });
+  const optimisedAppearId = props[optimizedAppearDataAttribute];
+  const wantsHandoff = useRef(Boolean(optimisedAppearId) && typeof window !== "undefined" && !window.MotionHandoffIsComplete?.(optimisedAppearId) && window.MotionHasOptimisedAnimation?.(optimisedAppearId));
+  useIsomorphicLayoutEffect(() => {
+    hasMountedOnce.current = true;
+    if (!visualElement)
+      return;
+    isMounted.current = true;
+    window.MotionIsMounted = true;
+    visualElement.updateFeatures();
+    visualElement.scheduleRenderMicrotask();
+    if (wantsHandoff.current && visualElement.animationState) {
+      visualElement.animationState.animateChanges();
+    }
+  });
+  useEffect(() => {
+    if (!visualElement)
+      return;
+    if (!wantsHandoff.current && visualElement.animationState) {
+      visualElement.animationState.animateChanges();
+    }
+    if (wantsHandoff.current) {
+      queueMicrotask(() => {
+        window.MotionHandoffMarkAsComplete?.(optimisedAppearId);
+      });
+      wantsHandoff.current = false;
+    }
+    visualElement.enteringChildren = void 0;
+  });
+  return visualElement;
+}
+function createProjectionNode(visualElement, props, ProjectionNodeConstructor, initialPromotionConfig) {
+  const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, layoutCrossfade } = props;
+  visualElement.projection = new ProjectionNodeConstructor(visualElement.latestValues, props["data-framer-portal-id"] ? void 0 : getClosestProjectingNode(visualElement.parent));
+  visualElement.projection.setOptions({
+    layoutId,
+    layout,
+    alwaysMeasureLayout: Boolean(drag) || dragConstraints && isRefObject(dragConstraints),
+    visualElement,
+    /**
+     * TODO: Update options in an effect. This could be tricky as it'll be too late
+     * to update by the time layout animations run.
+     * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,
+     * ensuring it gets called if there's no potential layout animations.
+     *
+     */
+    animationType: typeof layout === "string" ? layout : "both",
+    initialPromotionConfig,
+    crossfade: layoutCrossfade,
+    layoutScroll,
+    layoutRoot
+  });
+}
+function getClosestProjectingNode(visualElement) {
+  if (!visualElement)
+    return void 0;
+  return visualElement.options.allowProjection !== false ? visualElement.projection : getClosestProjectingNode(visualElement.parent);
+}
+export {
+  useVisualElement
+};
+//# sourceMappingURL=use-visual-element.js.map

@@ -0,0 +1 @@

+ {"version":3,"file":"use-visual-element.js","sources":["../../../../../../../../../../../node_modules/.pnpm/framer-motion@12.35.0_@emotion+is-prop-valid@1.4.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs"],"sourcesContent":["\"use client\";\nimport { optimizedAppearDataAttribute } from 'motion-dom';\nimport { useContext, useRef, useInsertionEffect, useEffect } from 'react';\nimport { LazyContext } from '../../context/LazyContext.mjs';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\nimport { MotionContext } from '../../context/MotionContext/index.mjs';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { SwitchLayoutGroupContext } from '../../context/SwitchLayoutGroupContext.mjs';\nimport { isRefObject } from '../../utils/is-ref-object.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\n\nfunction useVisualElement(Component, visualState, props, createVisualElement, ProjectionNodeConstructor, isSVG) {\n const { visualElement: parent } = useContext(MotionContext);\n const lazyContext = useContext(LazyContext);\n const presenceContext = useContext(PresenceContext);\n const motionConfig = useContext(MotionConfigContext);\n const reducedMotionConfig = motionConfig.reducedMotion;\n const skipAnimations = motionConfig.skipAnimations;\n const visualElementRef = useRef(null);\n /**\n * Track whether the component has been through React's commit phase.\n * Used to detect when LazyMotion features load after the component has mounted.\n */\n const hasMountedOnce = useRef(false);\n /**\n * If we haven't preloaded a renderer, check to see if we have one lazy-loaded\n */\n createVisualElement =\n createVisualElement ||\n lazyContext.renderer;\n if (!visualElementRef.current && createVisualElement) {\n visualElementRef.current = createVisualElement(Component, {\n visualState,\n parent,\n props,\n presenceContext,\n blockInitialAnimation: presenceContext\n ? presenceContext.initial === false\n : false,\n reducedMotionConfig,\n skipAnimations,\n isSVG,\n });\n /**\n * If the component has already mounted before features loaded (e.g. via\n * LazyMotion with async feature loading), we need to force the initial\n * animation to run. Otherwise state changes that occurred before features\n * loaded will be lost and the element will snap to its final state.\n */\n if (hasMountedOnce.current && visualElementRef.current) {\n visualElementRef.current.manuallyAnimateOnMount = true;\n }\n }\n const visualElement = visualElementRef.current;\n /**\n * Load Motion gesture and animation features. These are rendered as renderless\n * components so each feature can optionally make use of React lifecycle methods.\n */\n const initialLayoutGroupConfig = useContext(SwitchLayoutGroupContext);\n if (visualElement &&\n !visualElement.projection &&\n ProjectionNodeConstructor &&\n (visualElement.type === \"html\" || visualElement.type === \"svg\")) {\n createProjectionNode(visualElementRef.current, props, ProjectionNodeConstructor, initialLayoutGroupConfig);\n }\n const isMounted = useRef(false);\n useInsertionEffect(() => {\n /**\n * Check the component has already mounted before calling\n * `update` unnecessarily. This ensures we skip the initial update.\n */\n if (visualElement && isMounted.current) {\n visualElement.update(props, presenceContext);\n }\n });\n /**\n * Cache this value as we want to know whether HandoffAppearAnimations\n * was present on initial render - it will be deleted after this.\n */\n const optimisedAppearId = props[optimizedAppearDataAttribute];\n const wantsHandoff = useRef(Boolean(optimisedAppearId) &&\n typeof window !== \"undefined\" &&\n !window.MotionHandoffIsComplete?.(optimisedAppearId) &&\n window.MotionHasOptimisedAnimation?.(optimisedAppearId));\n useIsomorphicLayoutEffect(() => {\n /**\n * Track that this component has mounted. This is used to detect when\n * LazyMotion features load after the component has already committed.\n */\n hasMountedOnce.current = true;\n if (!visualElement)\n return;\n isMounted.current = true;\n window.MotionIsMounted = true;\n visualElement.updateFeatures();\n visualElement.scheduleRenderMicrotask();\n /**\n * Ideally this function would always run in a useEffect.\n *\n * However, if we have optimised appear animations to handoff from,\n * it needs to happen synchronously to ensure there's no flash of\n * incorrect styles in the event of a hydration error.\n *\n * So if we detect a situtation where optimised appear animations\n * are running, we use useLayoutEffect to trigger animations.\n */\n if (wantsHandoff.current && visualElement.animationState) {\n visualElement.animationState.animateChanges();\n }\n });\n useEffect(() => {\n if (!visualElement)\n return;\n if (!wantsHandoff.current && visualElement.animationState) {\n visualElement.animationState.animateChanges();\n }\n if (wantsHandoff.current) {\n // This ensures all future calls to animateChanges() in this component will run in useEffect\n queueMicrotask(() => {\n window.MotionHandoffMarkAsComplete?.(optimisedAppearId);\n });\n wantsHandoff.current = false;\n }\n /**\n * Now we've finished triggering animations for this element we\n * can wipe the enteringChildren set for the next render.\n */\n visualElement.enteringChildren = undefined;\n });\n return visualElement;\n}\nfunction createProjectionNode(visualElement, props, ProjectionNodeConstructor, initialPromotionConfig) {\n const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, layoutCrossfade, } = props;\n visualElement.projection = new ProjectionNodeConstructor(visualElement.latestValues, props[\"data-framer-portal-id\"]\n ? undefined\n : getClosestProjectingNode(visualElement.parent));\n visualElement.projection.setOptions({\n layoutId,\n layout,\n alwaysMeasureLayout: Boolean(drag) || (dragConstraints && isRefObject(dragConstraints)),\n visualElement,\n /**\n * TODO: Update options in an effect. This could be tricky as it'll be too late\n * to update by the time layout animations run.\n * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,\n * ensuring it gets called if there's no potential layout animations.\n *\n */\n animationType: typeof layout === \"string\" ? layout : \"both\",\n initialPromotionConfig,\n crossfade: layoutCrossfade,\n layoutScroll,\n layoutRoot,\n });\n}\nfunction getClosestProjectingNode(visualElement) {\n if (!visualElement)\n return undefined;\n return visualElement.options.allowProjection !== false\n ? visualElement.projection\n : getClosestProjectingNode(visualElement.parent);\n}\n\nexport { useVisualElement };\n//# sourceMappingURL=use-visual-element.mjs.map\n"],"names":[],"mappings":";;;;;;;;;AAWA,SAAS,iBAAiB,WAAW,aAAa,OAAO,qBAAqB,2BAA2B,OAAO;AAC5G,QAAM,EAAE,eAAe,WAAW,WAAW,aAAa;AAC1D,QAAM,cAAc,WAAW,WAAW;AAC1C,QAAM,kBAAkB,WAAW,eAAe;AAClD,QAAM,eAAe,WAAW,mBAAmB;AACnD,QAAM,sBAAsB,aAAa;AACzC,QAAM,iBAAiB,aAAa;AACpC,QAAM,mBAAmB,OAAO,IAAI;AAKpC,QAAM,iBAAiB,OAAO,KAAK;AAInC,wBACI,uBACI,YAAY;AACpB,MAAI,CAAC,iBAAiB,WAAW,qBAAqB;AAClD,qBAAiB,UAAU,oBAAoB,WAAW;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,uBAAuB,kBACjB,gBAAgB,YAAY,QAC5B;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,IACZ,CAAS;AAOD,QAAI,eAAe,WAAW,iBAAiB,SAAS;AACpD,uBAAiB,QAAQ,yBAAyB;AAAA,IACtD;AAAA,EACJ;AACA,QAAM,gBAAgB,iBAAiB;AAKvC,QAAM,2BAA2B,WAAW,wBAAwB;AACpE,MAAI,iBACA,CAAC,cAAc,cACf,8BACC,cAAc,SAAS,UAAU,cAAc,SAAS,QAAQ;AACjE,yBAAqB,iBAAiB,SAAS,OAAO,2BAA2B,wBAAwB;AAAA,EAC7G;AACA,QAAM,YAAY,OAAO,KAAK;AAC9B,qBAAmB,MAAM;AAKrB,QAAI,iBAAiB,UAAU,SAAS;AACpC,oBAAc,OAAO,OAAO,eAAe;AAAA,IAC/C;AAAA,EACJ,CAAC;AAKD,QAAM,oBAAoB,MAAM,4BAA4B;AAC5D,QAAM,eAAe,OAAO,QAAQ,iBAAiB,KACjD,OAAO,WAAW,eAClB,CAAC,OAAO,0BAA0B,iBAAiB,KACnD,OAAO,8BAA8B,iBAAiB,CAAC;AAC3D,4BAA0B,MAAM;AAK5B,mBAAe,UAAU;AACzB,QAAI,CAAC;AACD;AACJ,cAAU,UAAU;AACpB,WAAO,kBAAkB;AACzB,kBAAc,eAAc;AAC5B,kBAAc,wBAAuB;AAWrC,QAAI,aAAa,WAAW,cAAc,gBAAgB;AACtD,oBAAc,eAAe,eAAc;AAAA,IAC/C;AAAA,EACJ,CAAC;AACD,YAAU,MAAM;AACZ,QAAI,CAAC;AACD;AACJ,QAAI,CAAC,aAAa,WAAW,cAAc,gBAAgB;AACvD,oBAAc,eAAe,eAAc;AAAA,IAC/C;AACA,QAAI,aAAa,SAAS;AAEtB,qBAAe,MAAM;AACjB,eAAO,8BAA8B,iBAAiB;AAAA,MAC1D,CAAC;AACD,mBAAa,UAAU;AAAA,IAC3B;AAKA,kBAAc,mBAAmB;AAAA,EACrC,CAAC;AACD,SAAO;AACX;AACA,SAAS,qBAAqB,eAAe,OAAO,2BAA2B,wBAAwB;AACnG,QAAM,EAAE,UAAU,QAAQ,MAAM,iBAAiB,cAAc,YAAY,gBAAe,IAAM;AAChG,gBAAc,aAAa,IAAI,0BAA0B,cAAc,cAAc,MAAM,uBAAuB,IAC5G,SACA,yBAAyB,cAAc,MAAM,CAAC;AACpD,gBAAc,WAAW,WAAW;AAAA,IAChC;AAAA,IACA;AAAA,IACA,qBAAqB,QAAQ,IAAI,KAAM,mBAAmB,YAAY,eAAe;AAAA,IACrF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,eAAe,OAAO,WAAW,WAAW,SAAS;AAAA,IACrD;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,EACR,CAAK;AACL;AACA,SAAS,yBAAyB,eAAe;AAC7C,MAAI,CAAC;AACD,WAAO;AACX,SAAO,cAAc,QAAQ,oBAAoB,QAC3C,cAAc,aACd,yBAAyB,cAAc,MAAM;AACvD;","x_google_ignoreList":[0]}