likec4 1.20.2 → 1.20.3

package/react/index.js

@@ -11311,12 +11311,12 @@ const defaultProps$8 = {
 });
 Tree.displayName = "@mantine/core/Tree";
 Tree.classes = classes$2;
-const PresenceContext = createContext(null);
+const LayoutGroupContext = createContext({});
 function useConstant(init2) {
   const ref = useRef$1(null);
   return ref.current === null && (ref.current = init2()), ref.current;
 }
-const MotionConfigContext = createContext({
+const PresenceContext = createContext(null), MotionConfigContext = createContext({
   transformPagePoint: (p2) => p2,
   isStatic: !1,
   reducedMotion: "never"
@@ -11397,24 +11397,26 @@ const PresenceChild = ({ children: children2, initial, isPresent, onExitComplete
 function newChildrenMap() {
   return /* @__PURE__ */ new Map();
 }
-const LayoutGroupContext = createContext({}), noop$3 = (any) => any;
-let invariant = noop$3;
-function memo$1(callback) {
-  let result;
-  return () => (result === void 0 && (result = callback()), result);
+function usePresence(subscribe = !0) {
+  const context = useContext(PresenceContext);
+  if (context === null)
+    return [!0, null];
+  const { isPresent, onExitComplete, register } = context, id2 = useId$2();
+  useEffect$2(() => {
+    subscribe && register(id2);
+  }, [subscribe]);
+  const safeToRemove = useCallback(() => subscribe && onExitComplete && onExitComplete(id2), [id2, onExitComplete, subscribe]);
+  return !isPresent && onExitComplete ? [!1, safeToRemove] : [!0];
 }
-const progress = (from, to, value) => {
-  const toFromDifference = to - from;
-  return toFromDifference === 0 ? 1 : (value - from) / toFromDifference;
-}, secondsToMilliseconds = (seconds) => seconds * 1e3, millisecondsToSeconds = (milliseconds) => milliseconds / 1e3, getChildKey = (child) => child.key || "";
+const getChildKey = (child) => child.key || "";
 function onlyElements(children2) {
   const filtered = [];
   return Children.forEach(children2, (child) => {
     isValidElement(child) && filtered.push(child);
   }), filtered;
 }
-const isBrowser$1 = typeof window < "u", useIsomorphicLayoutEffect$2 = isBrowser$1 ? useLayoutEffect$1 : useEffect$2, AnimatePresence = ({ children: children2, exitBeforeEnter, custom: custom5, initial = !0, onExitComplete, presenceAffectsLayout = !0, mode = "sync" }) => {
-  const presentChildren = useMemo$1(() => onlyElements(children2), [children2]), presentKeys = presentChildren.map(getChildKey), isInitialRender = useRef$1(!0), pendingPresentChildren = useRef$1(presentChildren), exitComplete = useConstant(() => /* @__PURE__ */ new Map()), [diffedChildren, setDiffedChildren] = useState$1(presentChildren), [renderedChildren, setRenderedChildren] = useState$1(presentChildren);
+const isBrowser$1 = typeof window < "u", useIsomorphicLayoutEffect$2 = isBrowser$1 ? useLayoutEffect$1 : useEffect$2, AnimatePresence = ({ children: children2, custom: custom5, initial = !0, onExitComplete, presenceAffectsLayout = !0, mode = "sync", propagate = !1 }) => {
+  const [isParentPresent, safeToRemove] = usePresence(propagate), presentChildren = useMemo$1(() => onlyElements(children2), [children2]), presentKeys = propagate && !isParentPresent ? [] : presentChildren.map(getChildKey), isInitialRender = useRef$1(!0), pendingPresentChildren = useRef$1(presentChildren), exitComplete = useConstant(() => /* @__PURE__ */ new Map()), [diffedChildren, setDiffedChildren] = useState$1(presentChildren), [renderedChildren, setRenderedChildren] = useState$1(presentChildren);
   useIsomorphicLayoutEffect$2(() => {
     isInitialRender.current = !1, pendingPresentChildren.current = presentChildren;
     for (let i2 = 0; i2 < renderedChildren.length; i2++) {
@@ -11434,7 +11436,7 @@ const isBrowser$1 = typeof window < "u", useIsomorphicLayoutEffect$2 = isBrowser
   }
   const { forceRender } = useContext(LayoutGroupContext);
   return jsx(Fragment$1, { children: renderedChildren.map((child) => {
-    const key = getChildKey(child), isPresent = presentChildren === renderedChildren || presentKeys.includes(key), onExit = () => {
+    const key = getChildKey(child), isPresent = propagate && !isParentPresent ? !1 : presentChildren === renderedChildren || presentKeys.includes(key), onExit = () => {
       if (exitComplete.has(key))
         exitComplete.set(key, !0);
       else
@@ -11442,7 +11444,7 @@ const isBrowser$1 = typeof window < "u", useIsomorphicLayoutEffect$2 = isBrowser
       let isEveryExitComplete = !0;
       exitComplete.forEach((isExitComplete) => {
         isExitComplete || (isEveryExitComplete = !1);
-      }), isEveryExitComplete && (forceRender == null || forceRender(), setRenderedChildren(pendingPresentChildren.current), onExitComplete && onExitComplete());
+      }), isEveryExitComplete && (forceRender == null || forceRender(), setRenderedChildren(pendingPresentChildren.current), propagate && (safeToRemove == null || safeToRemove()), onExitComplete && onExitComplete());
     };
     return jsx(PresenceChild, { isPresent, initial: !isInitialRender.current || initial ? void 0 : !1, custom: isPresent ? void 0 : custom5, presenceAffectsLayout, mode, onExitComplete: isPresent ? void 0 : onExit, children: child }, key);
   }) });
@@ -11453,7 +11455,17 @@ function useIsMounted() {
     isMounted.current = !1;
   }), []), isMounted;
 }
-const MotionGlobalConfig = {
+const noop$3 = /* @__NO_SIDE_EFFECTS__ */ (any) => any;
+let invariant = noop$3;
+// @__NO_SIDE_EFFECTS__
+function memo$1(callback) {
+  let result;
+  return () => (result === void 0 && (result = callback()), result);
+}
+const progress = /* @__NO_SIDE_EFFECTS__ */ (from, to, value) => {
+  const toFromDifference = to - from;
+  return toFromDifference === 0 ? 1 : (value - from) / toFromDifference;
+}, secondsToMilliseconds = /* @__NO_SIDE_EFFECTS__ */ (seconds) => seconds * 1e3, millisecondsToSeconds = /* @__NO_SIDE_EFFECTS__ */ (milliseconds) => milliseconds / 1e3, MotionGlobalConfig = {
   skipAnimations: !1,
   useManualTiming: !1
 };
@@ -11726,7 +11738,7 @@ function isRefObject(ref) {
 function useMotionRef(visualState, visualElement, externalRef) {
   return useCallback(
     (instance) => {
-      instance && visualState.mount && visualState.mount(instance), visualElement && (instance ? visualElement.mount(instance) : visualElement.unmount()), externalRef && (typeof externalRef == "function" ? externalRef(instance) : isRefObject(externalRef) && (externalRef.current = instance));
+      instance && visualState.onMount && visualState.onMount(instance), visualElement && (instance ? visualElement.mount(instance) : visualElement.unmount()), externalRef && (typeof externalRef == "function" ? externalRef(instance) : isRefObject(externalRef) && (externalRef.current = instance));
     },
     /**
      * Only pass a new ref callback to React if we've received a visual element
@@ -11873,83 +11885,6 @@ function isSVGComponent(Component2) {
     )
   );
 }
-function renderHTML(element, { style: style2, vars: vars2 }, styleProp, projection) {
-  Object.assign(element.style, style2, projection && projection.getProjectionStyles(styleProp));
-  for (const key in vars2)
-    element.style.setProperty(key, vars2[key]);
-}
-const camelCaseAttributes = /* @__PURE__ */ new Set([
-  "baseFrequency",
-  "diffuseConstant",
-  "kernelMatrix",
-  "kernelUnitLength",
-  "keySplines",
-  "keyTimes",
-  "limitingConeAngle",
-  "markerHeight",
-  "markerWidth",
-  "numOctaves",
-  "targetX",
-  "targetY",
-  "surfaceScale",
-  "specularConstant",
-  "specularExponent",
-  "stdDeviation",
-  "tableValues",
-  "viewBox",
-  "gradientTransform",
-  "pathLength",
-  "startOffset",
-  "textLength",
-  "lengthAdjust"
-]);
-function renderSVG(element, renderState, _styleProp, projection) {
-  renderHTML(element, renderState, void 0, projection);
-  for (const key in renderState.attrs)
-    element.setAttribute(camelCaseAttributes.has(key) ? key : camelToDash(key), renderState.attrs[key]);
-}
-const isMotionValue = (value) => !!(value && value.getVelocity), scaleCorrectors = {};
-function addScaleCorrector(correctors) {
-  Object.assign(scaleCorrectors, correctors);
-}
-const transformPropOrder = [
-  "transformPerspective",
-  "x",
-  "y",
-  "z",
-  "translateX",
-  "translateY",
-  "translateZ",
-  "scale",
-  "scaleX",
-  "scaleY",
-  "rotate",
-  "rotateX",
-  "rotateY",
-  "rotateZ",
-  "skew",
-  "skewX",
-  "skewY"
-], transformProps = new Set(transformPropOrder);
-function isForcedMotionValue(key, { layout: layout2, layoutId }) {
-  return transformProps.has(key) || key.startsWith("origin") || (layout2 || layoutId !== void 0) && (!!scaleCorrectors[key] || key === "opacity");
-}
-function scrapeMotionValuesFromProps$1(props, prevProps, visualElement) {
-  var _a;
-  const { style: style2 } = props, newValues = {};
-  for (const key in style2)
-    (isMotionValue(style2[key]) || prevProps.style && isMotionValue(prevProps.style[key]) || isForcedMotionValue(key, props) || ((_a = visualElement == null ? void 0 : visualElement.getValue(key)) === null || _a === void 0 ? void 0 : _a.liveStyle) !== void 0) && (newValues[key] = style2[key]);
-  return newValues;
-}
-function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
-  const newValues = scrapeMotionValuesFromProps$1(props, prevProps, visualElement);
-  for (const key in props)
-    if (isMotionValue(props[key]) || isMotionValue(prevProps[key])) {
-      const targetKey = transformPropOrder.indexOf(key) !== -1 ? "attr" + key.charAt(0).toUpperCase() + key.substring(1) : key;
-      newValues[targetKey] = props[key];
-    }
-  return newValues;
-}
 function getValueState(visualElement) {
   const state = [{}, {}];
   return visualElement == null || visualElement.values.forEach((value, key) => {
@@ -11967,17 +11902,17 @@ function resolveVariantFromProps(props, definition, custom5, visualElement) {
   }
   return definition;
 }
-const isKeyframesTarget = (v2) => Array.isArray(v2), isCustomValue = (v2) => !!(v2 && typeof v2 == "object" && v2.mix && v2.toValue), resolveFinalValueInKeyframes = (v2) => isKeyframesTarget(v2) ? v2[v2.length - 1] || 0 : v2;
+const isKeyframesTarget = (v2) => Array.isArray(v2), isCustomValue = (v2) => !!(v2 && typeof v2 == "object" && v2.mix && v2.toValue), resolveFinalValueInKeyframes = (v2) => isKeyframesTarget(v2) ? v2[v2.length - 1] || 0 : v2, isMotionValue = (value) => !!(value && value.getVelocity);
 function resolveMotionValue(value) {
   const unwrappedValue = isMotionValue(value) ? value.get() : value;
   return isCustomValue(unwrappedValue) ? unwrappedValue.toValue() : unwrappedValue;
 }
-function makeState({ scrapeMotionValuesFromProps: scrapeMotionValuesFromProps2, createRenderState, onMount: onMount2 }, props, context, presenceContext) {
+function makeState({ scrapeMotionValuesFromProps: scrapeMotionValuesFromProps2, createRenderState, onUpdate }, props, context, presenceContext) {
   const state = {
     latestValues: makeLatestValues(props, context, presenceContext, scrapeMotionValuesFromProps2),
     renderState: createRenderState()
   };
-  return onMount2 && (state.mount = (instance) => onMount2(props, instance, state)), state;
+  return onUpdate && (state.onMount = (instance) => onUpdate({ props, current: instance, ...state }), state.onUpdate = (visualElement) => onUpdate(visualElement)), state;
 }
 const makeUseVisualState = (config) => (props, isStatic) => {
   const context = useContext(MotionContext), presenceContext = useContext(PresenceContext), make = () => makeState(config, props, context, presenceContext);
@@ -12014,15 +11949,25 @@ function makeLatestValues(props, context, presenceContext, scrapeMotionValues) {
   }
   return values2;
 }
-const createHtmlRenderState = () => ({
-  style: {},
-  transform: {},
-  transformOrigin: {},
-  vars: {}
-}), createSvgRenderState = () => ({
-  ...createHtmlRenderState(),
-  attrs: {}
-}), getValueAsType = (value, type) => type && typeof value == "number" ? type.transform(value) : value, clamp$1 = (min2, max2, v2) => v2 > max2 ? max2 : v2 < min2 ? min2 : v2, number = {
+const transformPropOrder = [
+  "transformPerspective",
+  "x",
+  "y",
+  "z",
+  "translateX",
+  "translateY",
+  "translateZ",
+  "scale",
+  "scaleX",
+  "scaleY",
+  "rotate",
+  "rotateX",
+  "rotateY",
+  "rotateZ",
+  "skew",
+  "skewX",
+  "skewY"
+], transformProps = new Set(transformPropOrder), checkStringStartsWith = (token) => (key) => typeof key == "string" && key.startsWith(token), isCSSVariableName = /* @__PURE__ */ checkStringStartsWith("--"), startsAsVariableToken = /* @__PURE__ */ checkStringStartsWith("var(--"), isCSSVariableToken = (value) => startsAsVariableToken(value) ? singleCssVariableRegex.test(value.split("/*")[0].trim()) : !1, singleCssVariableRegex = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, getValueAsType = (value, type) => type && typeof value == "number" ? type.transform(value) : value, clamp$1 = (min2, max2, v2) => v2 > max2 ? max2 : v2 < min2 ? min2 : v2, number = {
   test: (v2) => typeof v2 == "number",
   parse: parseFloat,
   transform: (v2) => v2
@@ -12138,7 +12083,6 @@ function buildTransform(latestValues, transform2, transformTemplate) {
   }
   return transformString = transformString.trim(), transformTemplate ? transformString = transformTemplate(transform2, transformIsDefault ? "" : transformString) : transformIsDefault && (transformString = "none"), transformString;
 }
-const checkStringStartsWith = (token) => (key) => typeof key == "string" && key.startsWith(token), isCSSVariableName = /* @__PURE__ */ checkStringStartsWith("--"), startsAsVariableToken = /* @__PURE__ */ checkStringStartsWith("var(--"), isCSSVariableToken = (value) => startsAsVariableToken(value) ? singleCssVariableRegex.test(value.split("/*")[0].trim()) : !1, singleCssVariableRegex = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
 function buildHTMLStyles(state, latestValues, transformTemplate) {
   const { style: style2, vars: vars2, transformOrigin } = state;
   let hasTransform2 = !1, hasTransformOrigin = !1;
@@ -12160,13 +12104,6 @@ function buildHTMLStyles(state, latestValues, transformTemplate) {
     style2.transformOrigin = `${originX} ${originY} ${originZ}`;
   }
 }
-function calcOrigin$1(origin, offset2, size2) {
-  return typeof origin == "string" ? origin : px.transform(offset2 + size2 * origin);
-}
-function calcSVGTransformOrigin(dimensions, originX, originY) {
-  const pxOriginX = calcOrigin$1(originX, dimensions.x, dimensions.width), pxOriginY = calcOrigin$1(originY, dimensions.y, dimensions.height);
-  return `${pxOriginX} ${pxOriginY}`;
-}
 const dashKeys = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
@@ -12181,6 +12118,13 @@ function buildSVGPath(attrs, length, spacing = 1, offset2 = 0, useDashCase = !0)
   const pathLength = px.transform(length), pathSpacing = px.transform(spacing);
   attrs[keys2.array] = `${pathLength} ${pathSpacing}`;
 }
+function calcOrigin$1(origin, offset2, size2) {
+  return typeof origin == "string" ? origin : px.transform(offset2 + size2 * origin);
+}
+function calcSVGTransformOrigin(dimensions, originX, originY) {
+  const pxOriginX = calcOrigin$1(originX, dimensions.x, dimensions.width), pxOriginY = calcOrigin$1(originY, dimensions.y, dimensions.height);
+  return `${pxOriginX} ${pxOriginY}`;
+}
 function buildSVGAttrs(state, {
   attrX,
   attrY,
@@ -12201,24 +12145,112 @@ function buildSVGAttrs(state, {
   const { attrs, style: style2, dimensions } = state;
   attrs.transform && (dimensions && (style2.transform = attrs.transform), delete attrs.transform), dimensions && (originX !== void 0 || originY !== void 0 || style2.transform) && (style2.transformOrigin = calcSVGTransformOrigin(dimensions, originX !== void 0 ? originX : 0.5, originY !== void 0 ? originY : 0.5)), attrX !== void 0 && (attrs.x = attrX), attrY !== void 0 && (attrs.y = attrY), attrScale !== void 0 && (attrs.scale = attrScale), pathLength !== void 0 && buildSVGPath(attrs, pathLength, pathSpacing, pathOffset, !1);
 }
-const isSVGTag = (tag) => typeof tag == "string" && tag.toLowerCase() === "svg", svgMotionConfig = {
+const createHtmlRenderState = () => ({
+  style: {},
+  transform: {},
+  transformOrigin: {},
+  vars: {}
+}), createSvgRenderState = () => ({
+  ...createHtmlRenderState(),
+  attrs: {}
+}), isSVGTag = (tag) => typeof tag == "string" && tag.toLowerCase() === "svg";
+function renderHTML(element, { style: style2, vars: vars2 }, styleProp, projection) {
+  Object.assign(element.style, style2, projection && projection.getProjectionStyles(styleProp));
+  for (const key in vars2)
+    element.style.setProperty(key, vars2[key]);
+}
+const camelCaseAttributes = /* @__PURE__ */ new Set([
+  "baseFrequency",
+  "diffuseConstant",
+  "kernelMatrix",
+  "kernelUnitLength",
+  "keySplines",
+  "keyTimes",
+  "limitingConeAngle",
+  "markerHeight",
+  "markerWidth",
+  "numOctaves",
+  "targetX",
+  "targetY",
+  "surfaceScale",
+  "specularConstant",
+  "specularExponent",
+  "stdDeviation",
+  "tableValues",
+  "viewBox",
+  "gradientTransform",
+  "pathLength",
+  "startOffset",
+  "textLength",
+  "lengthAdjust"
+]);
+function renderSVG(element, renderState, _styleProp, projection) {
+  renderHTML(element, renderState, void 0, projection);
+  for (const key in renderState.attrs)
+    element.setAttribute(camelCaseAttributes.has(key) ? key : camelToDash(key), renderState.attrs[key]);
+}
+const scaleCorrectors = {};
+function addScaleCorrector(correctors) {
+  Object.assign(scaleCorrectors, correctors);
+}
+function isForcedMotionValue(key, { layout: layout2, layoutId }) {
+  return transformProps.has(key) || key.startsWith("origin") || (layout2 || layoutId !== void 0) && (!!scaleCorrectors[key] || key === "opacity");
+}
+function scrapeMotionValuesFromProps$1(props, prevProps, visualElement) {
+  var _a;
+  const { style: style2 } = props, newValues = {};
+  for (const key in style2)
+    (isMotionValue(style2[key]) || prevProps.style && isMotionValue(prevProps.style[key]) || isForcedMotionValue(key, props) || ((_a = visualElement == null ? void 0 : visualElement.getValue(key)) === null || _a === void 0 ? void 0 : _a.liveStyle) !== void 0) && (newValues[key] = style2[key]);
+  return newValues;
+}
+function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
+  const newValues = scrapeMotionValuesFromProps$1(props, prevProps, visualElement);
+  for (const key in props)
+    if (isMotionValue(props[key]) || isMotionValue(prevProps[key])) {
+      const targetKey = transformPropOrder.indexOf(key) !== -1 ? "attr" + key.charAt(0).toUpperCase() + key.substring(1) : key;
+      newValues[targetKey] = props[key];
+    }
+  return newValues;
+}
+function updateSVGDimensions(instance, renderState) {
+  try {
+    renderState.dimensions = typeof instance.getBBox == "function" ? instance.getBBox() : instance.getBoundingClientRect();
+  } catch {
+    renderState.dimensions = {
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    };
+  }
+}
+const layoutProps = ["x", "y", "width", "height", "cx", "cy", "r"], svgMotionConfig = {
   useVisualState: makeUseVisualState({
     scrapeMotionValuesFromProps,
     createRenderState: createSvgRenderState,
-    onMount: (props, instance, { renderState, latestValues }) => {
-      frame$1.read(() => {
-        try {
-          renderState.dimensions = typeof instance.getBBox == "function" ? instance.getBBox() : instance.getBoundingClientRect();
-        } catch {
-          renderState.dimensions = {
-            x: 0,
-            y: 0,
-            width: 0,
-            height: 0
-          };
+    onUpdate: ({ props, prevProps, current, renderState, latestValues }) => {
+      if (!current)
+        return;
+      let hasTransform2 = !!props.drag;
+      if (!hasTransform2) {
+        for (const key in latestValues)
+          if (transformProps.has(key)) {
+            hasTransform2 = !0;
+            break;
+          }
+      }
+      if (!hasTransform2)
+        return;
+      let needsMeasure = !prevProps;
+      if (prevProps)
+        for (let i2 = 0; i2 < layoutProps.length; i2++) {
+          const key = layoutProps[i2];
+          props[key] !== prevProps[key] && (needsMeasure = !0);
         }
-      }), frame$1.render(() => {
-        buildSVGAttrs(renderState, latestValues, isSVGTag(instance.tagName), props.transformTemplate), renderSVG(instance, renderState);
+      needsMeasure && frame$1.read(() => {
+        updateSVGDimensions(current, renderState), frame$1.render(() => {
+          buildSVGAttrs(renderState, latestValues, isSVGTag(current.tagName), props.transformTemplate), renderSVG(current, renderState);
+        });
       });
     }
   })
@@ -12297,7 +12329,7 @@ function resolveVariant(visualElement, definition, custom5) {
   const props = visualElement.getProps();
   return resolveVariantFromProps(props, definition, custom5 !== void 0 ? custom5 : props.custom, visualElement);
 }
-const supportsScrollTimeline = memo$1(() => window.ScrollTimeline !== void 0);
+const supportsScrollTimeline = /* @__PURE__ */ memo$1(() => window.ScrollTimeline !== void 0);
 class BaseGroupPlaybackControls {
   constructor(animations2) {
     this.stop = () => this.runAll("stop"), this.animations = animations2.filter(Boolean);
@@ -12316,7 +12348,12 @@ class BaseGroupPlaybackControls {
       this.animations[i2][propName] = newValue;
   }
   attachTimeline(timeline, fallback) {
-    const subscriptions = this.animations.map((animation) => supportsScrollTimeline() && animation.attachTimeline ? animation.attachTimeline(timeline) : fallback(animation));
+    const subscriptions = this.animations.map((animation) => {
+      if (supportsScrollTimeline() && animation.attachTimeline)
+        return animation.attachTimeline(timeline);
+      if (typeof fallback == "function")
+        return fallback(animation);
+    });
     return () => {
       subscriptions.forEach((cancel2, i2) => {
         cancel2 && cancel2(), this.animations[i2].stop();
@@ -12385,7 +12422,7 @@ function createGeneratorEasing(options, scale2 = 100, createGenerator) {
   return {
     type: "keyframes",
     ease: (progress2) => generator.next(duration * progress2).value / scale2,
-    duration: millisecondsToSeconds(duration)
+    duration: /* @__PURE__ */ millisecondsToSeconds(duration)
   };
 }
 function isGenerator(type) {
@@ -12398,7 +12435,7 @@ const isBezierDefinition = (easing) => Array.isArray(easing) && typeof easing[0]
   linearEasing: void 0
 };
 function memoSupports(callback, supportsFlag) {
-  const memoized = memo$1(callback);
+  const memoized = /* @__PURE__ */ memo$1(callback);
   return () => {
     var _a;
     return (_a = supportsFlags[supportsFlag]) !== null && _a !== void 0 ? _a : memoized();
@@ -12415,7 +12452,7 @@ const supportsLinearEasing = /* @__PURE__ */ memoSupports(() => {
   let points = "";
   const numPoints = Math.max(Math.round(duration / resolution), 2);
   for (let i2 = 0; i2 < numPoints; i2++)
-    points += easing(progress(0, numPoints - 1, i2)) + ", ";
+    points += easing(/* @__PURE__ */ progress(0, numPoints - 1, i2)) + ", ";
   return `linear(${points.substring(0, points.length - 2)})`;
 };
 function isWaapiSupportedEasing(easing) {
@@ -12544,6 +12581,15 @@ function setDragLock(axis) {
     isDragging.x = isDragging.y = !1;
   });
 }
+const positionalKeys = /* @__PURE__ */ new Set([
+  "width",
+  "height",
+  "top",
+  "left",
+  "right",
+  "bottom",
+  ...transformPropOrder
+]);
 let now$1;
 function clearTime() {
   now$1 = void 0;
@@ -12600,7 +12646,7 @@ class MotionValue {
    * @internal
    */
   constructor(init2, options = {}) {
-    this.version = "11.16.3", this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (v2, render = !0) => {
+    this.version = "11.18.2", this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (v2, render = !0) => {
       const currentTime = time$1.now();
       this.updatedAt !== currentTime && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(v2), this.current !== this.prev && this.events.change && this.events.change.notify(this.current), render && this.events.renderRequest && this.events.renderRequest.notify(this.current);
     }, this.hasAnimated = !1, this.setCurrent(init2), this.owner = options.owner;
@@ -12828,144 +12874,6 @@ const mirrorEasing = (easing) => (p2) => p2 <= 0.5 ? easing(2 * p2) / 2 : (2 - e
 function isNone(value) {
   return typeof value == "number" ? value === 0 : value !== null ? value === "none" || value === "0" || isZeroValueString(value) : !0;
 }
-const isNumericalString = (v2) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(v2), splitCSSVariableRegex = (
-  // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
-  /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
-);
-function parseCSSVariable(current) {
-  const match = splitCSSVariableRegex.exec(current);
-  if (!match)
-    return [,];
-  const [, token1, token2, fallback] = match;
-  return [`--${token1 ?? token2}`, fallback];
-}
-function getVariableValue(current, element, depth = 1) {
-  const [token, fallback] = parseCSSVariable(current);
-  if (!token)
-    return;
-  const resolved = window.getComputedStyle(element).getPropertyValue(token);
-  if (resolved) {
-    const trimmed = resolved.trim();
-    return isNumericalString(trimmed) ? parseFloat(trimmed) : trimmed;
-  }
-  return isCSSVariableToken(fallback) ? getVariableValue(fallback, element, depth + 1) : fallback;
-}
-const positionalKeys = /* @__PURE__ */ new Set([
-  "width",
-  "height",
-  "top",
-  "left",
-  "right",
-  "bottom",
-  "x",
-  "y",
-  "translateX",
-  "translateY"
-]), isNumOrPxType = (v2) => v2 === number || v2 === px, getPosFromMatrix = (matrix, pos) => parseFloat(matrix.split(", ")[pos]), getTranslateFromMatrix = (pos2, pos3) => (_bbox, { transform: transform2 }) => {
-  if (transform2 === "none" || !transform2)
-    return 0;
-  const matrix3d = transform2.match(/^matrix3d\((.+)\)$/u);
-  if (matrix3d)
-    return getPosFromMatrix(matrix3d[1], pos3);
-  {
-    const matrix = transform2.match(/^matrix\((.+)\)$/u);
-    return matrix ? getPosFromMatrix(matrix[1], pos2) : 0;
-  }
-}, transformKeys = /* @__PURE__ */ new Set(["x", "y", "z"]), nonTranslationalTransformKeys = transformPropOrder.filter((key) => !transformKeys.has(key));
-function removeNonTranslationalTransform(visualElement) {
-  const removedTransforms = [];
-  return nonTranslationalTransformKeys.forEach((key) => {
-    const value = visualElement.getValue(key);
-    value !== void 0 && (removedTransforms.push([key, value.get()]), value.set(key.startsWith("scale") ? 1 : 0));
-  }), removedTransforms;
-}
-const positionalValues = {
-  // Dimensions
-  width: ({ x: x2 }, { paddingLeft = "0", paddingRight = "0" }) => x2.max - x2.min - parseFloat(paddingLeft) - parseFloat(paddingRight),
-  height: ({ y: y2 }, { paddingTop = "0", paddingBottom = "0" }) => y2.max - y2.min - parseFloat(paddingTop) - parseFloat(paddingBottom),
-  top: (_bbox, { top }) => parseFloat(top),
-  left: (_bbox, { left }) => parseFloat(left),
-  bottom: ({ y: y2 }, { top }) => parseFloat(top) + (y2.max - y2.min),
-  right: ({ x: x2 }, { left }) => parseFloat(left) + (x2.max - x2.min),
-  // Transform
-  x: getTranslateFromMatrix(4, 13),
-  y: getTranslateFromMatrix(5, 14)
-};
-positionalValues.translateX = positionalValues.x;
-positionalValues.translateY = positionalValues.y;
-const testValueType = (v2) => (type) => type.test(v2), auto = {
-  test: (v2) => v2 === "auto",
-  parse: (v2) => v2
-}, dimensionValueTypes = [number, px, percent, degrees$1, vw, vh, auto], findDimensionValueType = (v2) => dimensionValueTypes.find(testValueType(v2)), toResolve = /* @__PURE__ */ new Set();
-let isScheduled = !1, anyNeedsMeasurement = !1;
-function measureAllKeyframes() {
-  if (anyNeedsMeasurement) {
-    const resolversToMeasure = Array.from(toResolve).filter((resolver) => resolver.needsMeasurement), elementsToMeasure = new Set(resolversToMeasure.map((resolver) => resolver.element)), transformsToRestore = /* @__PURE__ */ new Map();
-    elementsToMeasure.forEach((element) => {
-      const removedTransforms = removeNonTranslationalTransform(element);
-      removedTransforms.length && (transformsToRestore.set(element, removedTransforms), element.render());
-    }), resolversToMeasure.forEach((resolver) => resolver.measureInitialState()), elementsToMeasure.forEach((element) => {
-      element.render();
-      const restore = transformsToRestore.get(element);
-      restore && restore.forEach(([key, value]) => {
-        var _a;
-        (_a = element.getValue(key)) === null || _a === void 0 || _a.set(value);
-      });
-    }), resolversToMeasure.forEach((resolver) => resolver.measureEndState()), resolversToMeasure.forEach((resolver) => {
-      resolver.suspendedScrollY !== void 0 && window.scrollTo(0, resolver.suspendedScrollY);
-    });
-  }
-  anyNeedsMeasurement = !1, isScheduled = !1, toResolve.forEach((resolver) => resolver.complete()), toResolve.clear();
-}
-function readAllKeyframes() {
-  toResolve.forEach((resolver) => {
-    resolver.readKeyframes(), resolver.needsMeasurement && (anyNeedsMeasurement = !0);
-  });
-}
-function flushKeyframeResolvers() {
-  readAllKeyframes(), measureAllKeyframes();
-}
-class KeyframeResolver {
-  constructor(unresolvedKeyframes, onComplete, name, motionValue2, element, isAsync = !1) {
-    this.isComplete = !1, this.isAsync = !1, this.needsMeasurement = !1, this.isScheduled = !1, this.unresolvedKeyframes = [...unresolvedKeyframes], this.onComplete = onComplete, this.name = name, this.motionValue = motionValue2, this.element = element, this.isAsync = isAsync;
-  }
-  scheduleResolve() {
-    this.isScheduled = !0, this.isAsync ? (toResolve.add(this), isScheduled || (isScheduled = !0, frame$1.read(readAllKeyframes), frame$1.resolveKeyframes(measureAllKeyframes))) : (this.readKeyframes(), this.complete());
-  }
-  readKeyframes() {
-    const { unresolvedKeyframes, name, element, motionValue: motionValue2 } = this;
-    for (let i2 = 0; i2 < unresolvedKeyframes.length; i2++)
-      if (unresolvedKeyframes[i2] === null)
-        if (i2 === 0) {
-          const currentValue = motionValue2 == null ? void 0 : motionValue2.get(), finalKeyframe = unresolvedKeyframes[unresolvedKeyframes.length - 1];
-          if (currentValue !== void 0)
-            unresolvedKeyframes[0] = currentValue;
-          else if (element && name) {
-            const valueAsRead = element.readValue(name, finalKeyframe);
-            valueAsRead != null && (unresolvedKeyframes[0] = valueAsRead);
-          }
-          unresolvedKeyframes[0] === void 0 && (unresolvedKeyframes[0] = finalKeyframe), motionValue2 && currentValue === void 0 && motionValue2.set(unresolvedKeyframes[0]);
-        } else
-          unresolvedKeyframes[i2] = unresolvedKeyframes[i2 - 1];
-  }
-  setFinalKeyframe() {
-  }
-  measureInitialState() {
-  }
-  renderEndStyles() {
-  }
-  measureEndState() {
-  }
-  complete() {
-    this.isComplete = !0, this.onComplete(this.unresolvedKeyframes, this.finalKeyframe), toResolve.delete(this);
-  }
-  cancel() {
-    this.isComplete || (this.isScheduled = !1, toResolve.delete(this));
-  }
-  resume() {
-    this.isComplete || this.scheduleResolve();
-  }
-}
 const sanitize = (v2) => Math.round(v2 * 1e5) / 1e5, floatRegex = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
 function isNullish(v2) {
   return v2 == null;
@@ -13100,6 +13008,134 @@ function makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, n
     for (const noneIndex of noneKeyframeIndexes)
       unresolvedKeyframes[noneIndex] = getAnimatableNone(name, animatableTemplate);
 }
+const isNumOrPxType = (v2) => v2 === number || v2 === px, getPosFromMatrix = (matrix, pos) => parseFloat(matrix.split(", ")[pos]), getTranslateFromMatrix = (pos2, pos3) => (_bbox, { transform: transform2 }) => {
+  if (transform2 === "none" || !transform2)
+    return 0;
+  const matrix3d = transform2.match(/^matrix3d\((.+)\)$/u);
+  if (matrix3d)
+    return getPosFromMatrix(matrix3d[1], pos3);
+  {
+    const matrix = transform2.match(/^matrix\((.+)\)$/u);
+    return matrix ? getPosFromMatrix(matrix[1], pos2) : 0;
+  }
+}, transformKeys = /* @__PURE__ */ new Set(["x", "y", "z"]), nonTranslationalTransformKeys = transformPropOrder.filter((key) => !transformKeys.has(key));
+function removeNonTranslationalTransform(visualElement) {
+  const removedTransforms = [];
+  return nonTranslationalTransformKeys.forEach((key) => {
+    const value = visualElement.getValue(key);
+    value !== void 0 && (removedTransforms.push([key, value.get()]), value.set(key.startsWith("scale") ? 1 : 0));
+  }), removedTransforms;
+}
+const positionalValues = {
+  // Dimensions
+  width: ({ x: x2 }, { paddingLeft = "0", paddingRight = "0" }) => x2.max - x2.min - parseFloat(paddingLeft) - parseFloat(paddingRight),
+  height: ({ y: y2 }, { paddingTop = "0", paddingBottom = "0" }) => y2.max - y2.min - parseFloat(paddingTop) - parseFloat(paddingBottom),
+  top: (_bbox, { top }) => parseFloat(top),
+  left: (_bbox, { left }) => parseFloat(left),
+  bottom: ({ y: y2 }, { top }) => parseFloat(top) + (y2.max - y2.min),
+  right: ({ x: x2 }, { left }) => parseFloat(left) + (x2.max - x2.min),
+  // Transform
+  x: getTranslateFromMatrix(4, 13),
+  y: getTranslateFromMatrix(5, 14)
+};
+positionalValues.translateX = positionalValues.x;
+positionalValues.translateY = positionalValues.y;
+const toResolve = /* @__PURE__ */ new Set();
+let isScheduled = !1, anyNeedsMeasurement = !1;
+function measureAllKeyframes() {
+  if (anyNeedsMeasurement) {
+    const resolversToMeasure = Array.from(toResolve).filter((resolver) => resolver.needsMeasurement), elementsToMeasure = new Set(resolversToMeasure.map((resolver) => resolver.element)), transformsToRestore = /* @__PURE__ */ new Map();
+    elementsToMeasure.forEach((element) => {
+      const removedTransforms = removeNonTranslationalTransform(element);
+      removedTransforms.length && (transformsToRestore.set(element, removedTransforms), element.render());
+    }), resolversToMeasure.forEach((resolver) => resolver.measureInitialState()), elementsToMeasure.forEach((element) => {
+      element.render();
+      const restore = transformsToRestore.get(element);
+      restore && restore.forEach(([key, value]) => {
+        var _a;
+        (_a = element.getValue(key)) === null || _a === void 0 || _a.set(value);
+      });
+    }), resolversToMeasure.forEach((resolver) => resolver.measureEndState()), resolversToMeasure.forEach((resolver) => {
+      resolver.suspendedScrollY !== void 0 && window.scrollTo(0, resolver.suspendedScrollY);
+    });
+  }
+  anyNeedsMeasurement = !1, isScheduled = !1, toResolve.forEach((resolver) => resolver.complete()), toResolve.clear();
+}
+function readAllKeyframes() {
+  toResolve.forEach((resolver) => {
+    resolver.readKeyframes(), resolver.needsMeasurement && (anyNeedsMeasurement = !0);
+  });
+}
+function flushKeyframeResolvers() {
+  readAllKeyframes(), measureAllKeyframes();
+}
+class KeyframeResolver {
+  constructor(unresolvedKeyframes, onComplete, name, motionValue2, element, isAsync = !1) {
+    this.isComplete = !1, this.isAsync = !1, this.needsMeasurement = !1, this.isScheduled = !1, this.unresolvedKeyframes = [...unresolvedKeyframes], this.onComplete = onComplete, this.name = name, this.motionValue = motionValue2, this.element = element, this.isAsync = isAsync;
+  }
+  scheduleResolve() {
+    this.isScheduled = !0, this.isAsync ? (toResolve.add(this), isScheduled || (isScheduled = !0, frame$1.read(readAllKeyframes), frame$1.resolveKeyframes(measureAllKeyframes))) : (this.readKeyframes(), this.complete());
+  }
+  readKeyframes() {
+    const { unresolvedKeyframes, name, element, motionValue: motionValue2 } = this;
+    for (let i2 = 0; i2 < unresolvedKeyframes.length; i2++)
+      if (unresolvedKeyframes[i2] === null)
+        if (i2 === 0) {
+          const currentValue = motionValue2 == null ? void 0 : motionValue2.get(), finalKeyframe = unresolvedKeyframes[unresolvedKeyframes.length - 1];
+          if (currentValue !== void 0)
+            unresolvedKeyframes[0] = currentValue;
+          else if (element && name) {
+            const valueAsRead = element.readValue(name, finalKeyframe);
+            valueAsRead != null && (unresolvedKeyframes[0] = valueAsRead);
+          }
+          unresolvedKeyframes[0] === void 0 && (unresolvedKeyframes[0] = finalKeyframe), motionValue2 && currentValue === void 0 && motionValue2.set(unresolvedKeyframes[0]);
+        } else
+          unresolvedKeyframes[i2] = unresolvedKeyframes[i2 - 1];
+  }
+  setFinalKeyframe() {
+  }
+  measureInitialState() {
+  }
+  renderEndStyles() {
+  }
+  measureEndState() {
+  }
+  complete() {
+    this.isComplete = !0, this.onComplete(this.unresolvedKeyframes, this.finalKeyframe), toResolve.delete(this);
+  }
+  cancel() {
+    this.isComplete || (this.isScheduled = !1, toResolve.delete(this));
+  }
+  resume() {
+    this.isComplete || this.scheduleResolve();
+  }
+}
+const isNumericalString = (v2) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(v2), splitCSSVariableRegex = (
+  // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
+  /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
+);
+function parseCSSVariable(current) {
+  const match = splitCSSVariableRegex.exec(current);
+  if (!match)
+    return [,];
+  const [, token1, token2, fallback] = match;
+  return [`--${token1 ?? token2}`, fallback];
+}
+function getVariableValue(current, element, depth = 1) {
+  const [token, fallback] = parseCSSVariable(current);
+  if (!token)
+    return;
+  const resolved = window.getComputedStyle(element).getPropertyValue(token);
+  if (resolved) {
+    const trimmed = resolved.trim();
+    return isNumericalString(trimmed) ? parseFloat(trimmed) : trimmed;
+  }
+  return isCSSVariableToken(fallback) ? getVariableValue(fallback, element, depth + 1) : fallback;
+}
+const testValueType = (v2) => (type) => type.test(v2), auto = {
+  test: (v2) => v2 === "auto",
+  parse: (v2) => v2
+}, dimensionValueTypes = [number, px, percent, degrees$1, vw, vh, auto], findDimensionValueType = (v2) => dimensionValueTypes.find(testValueType(v2));
 class DOMKeyframesResolver extends KeyframeResolver {
   constructor(unresolvedKeyframes, onComplete, name, motionValue2, element) {
     super(unresolvedKeyframes, onComplete, name, motionValue2, element, !0);
@@ -13226,7 +13262,7 @@ class BaseAnimation {
       if (delay2)
         this.options.duration = 0;
       else {
-        onUpdate == null || onUpdate(getFinalKeyframe(keyframes2, this.options, finalKeyframe)), onComplete == null || onComplete(), this.resolveFinishedPromise();
+        onUpdate && onUpdate(getFinalKeyframe(keyframes2, this.options, finalKeyframe)), onComplete && onComplete(), this.resolveFinishedPromise();
         return;
       }
     const resolvedAnimation = this.initPlayback(keyframes2, finalKeyframe);
@@ -13375,7 +13411,7 @@ const springDefaults = {
 }, safeMin = 1e-3;
 function findSpring({ duration = springDefaults.duration, bounce = springDefaults.bounce, velocity = springDefaults.velocity, mass = springDefaults.mass }) {
   let envelope, derivative, dampingRatio = 1 - bounce;
-  dampingRatio = clamp$1(springDefaults.minDamping, springDefaults.maxDamping, dampingRatio), duration = clamp$1(springDefaults.minDuration, springDefaults.maxDuration, millisecondsToSeconds(duration)), dampingRatio < 1 ? (envelope = (undampedFreq2) => {
+  dampingRatio = clamp$1(springDefaults.minDamping, springDefaults.maxDamping, dampingRatio), duration = clamp$1(springDefaults.minDuration, springDefaults.maxDuration, /* @__PURE__ */ millisecondsToSeconds(duration)), dampingRatio < 1 ? (envelope = (undampedFreq2) => {
     const exponentialDecay = undampedFreq2 * dampingRatio, delta = exponentialDecay * duration, a2 = exponentialDecay - velocity, b2 = calcAngularFreq(undampedFreq2, dampingRatio), c2 = Math.exp(-delta);
     return safeMin - a2 / b2 * c2;
   }, derivative = (undampedFreq2) => {
@@ -13389,7 +13425,7 @@ function findSpring({ duration = springDefaults.duration, bounce = springDefault
     return a2 * b2;
   });
   const initialGuess = 5 / duration, undampedFreq = approximateRoot(envelope, derivative, initialGuess);
-  if (duration = secondsToMilliseconds(duration), isNaN(undampedFreq))
+  if (duration = /* @__PURE__ */ secondsToMilliseconds(duration), isNaN(undampedFreq))
     return {
       stiffness: springDefaults.stiffness,
       damping: springDefaults.damping,
@@ -13455,8 +13491,8 @@ function spring(optionsOrVisualDuration = springDefaults.visualDuration, bounce
   let { restSpeed, restDelta } = options;
   const origin = options.keyframes[0], target = options.keyframes[options.keyframes.length - 1], state = { done: !1, value: origin }, { stiffness, damping, mass, duration, velocity, isResolvedFromDuration } = getSpringOptions({
     ...options,
-    velocity: -millisecondsToSeconds(options.velocity || 0)
-  }), initialVelocity = velocity || 0, dampingRatio = damping / (2 * Math.sqrt(stiffness * mass)), initialDelta = target - origin, undampedAngularFreq = millisecondsToSeconds(Math.sqrt(stiffness / mass)), isGranularScale = Math.abs(initialDelta) < 5;
+    velocity: -/* @__PURE__ */ millisecondsToSeconds(options.velocity || 0)
+  }), initialVelocity = velocity || 0, dampingRatio = damping / (2 * Math.sqrt(stiffness * mass)), initialDelta = target - origin, undampedAngularFreq = /* @__PURE__ */ millisecondsToSeconds(Math.sqrt(stiffness / mass)), isGranularScale = Math.abs(initialDelta) < 5;
   restSpeed || (restSpeed = isGranularScale ? springDefaults.restSpeed.granular : springDefaults.restSpeed.default), restDelta || (restDelta = isGranularScale ? springDefaults.restDelta.granular : springDefaults.restDelta.default);
   let resolveSpring;
   if (dampingRatio < 1) {
@@ -13482,7 +13518,7 @@ function spring(optionsOrVisualDuration = springDefaults.visualDuration, bounce
         state.done = t2 >= duration;
       else {
         let currentVelocity = 0;
-        dampingRatio < 1 && (currentVelocity = t2 === 0 ? secondsToMilliseconds(initialVelocity) : calcGeneratorVelocity(resolveSpring, t2, current));
+        dampingRatio < 1 && (currentVelocity = t2 === 0 ? /* @__PURE__ */ secondsToMilliseconds(initialVelocity) : calcGeneratorVelocity(resolveSpring, t2, current));
         const isBelowVelocityThreshold = Math.abs(currentVelocity) <= restSpeed, isBelowDisplacementThreshold = Math.abs(target - current) <= restDelta;
         state.done = isBelowVelocityThreshold && isBelowDisplacementThreshold;
       }
@@ -13564,15 +13600,18 @@ function interpolate$1(input, output, { clamp: isClamp = !0, ease: ease2, mixer
   const inputLength = input.length;
   if (invariant(inputLength === output.length), inputLength === 1)
     return () => output[0];
-  if (inputLength === 2 && input[0] === input[1])
+  if (inputLength === 2 && output[0] === output[1])
     return () => output[1];
+  const isZeroDeltaRange = input[0] === input[1];
   input[0] > input[inputLength - 1] && (input = [...input].reverse(), output = [...output].reverse());
   const mixers = createMixers(output, ease2, mixer), numMixers = mixers.length, interpolator = (v2) => {
+    if (isZeroDeltaRange && v2 < input[0])
+      return output[0];
     let i2 = 0;
     if (numMixers > 1)
       for (; i2 < input.length - 2 && !(v2 < input[i2 + 1]); i2++)
         ;
-    const progressInRange = progress(input[i2], input[i2 + 1], v2);
+    const progressInRange = /* @__PURE__ */ progress(input[i2], input[i2 + 1], v2);
     return mixers[i2](progressInRange);
   };
   return isClamp ? (v2) => interpolator(clamp$1(input[0], input[inputLength - 1], v2)) : interpolator;
@@ -13580,7 +13619,7 @@ function interpolate$1(input, output, { clamp: isClamp = !0, ease: ease2, mixer
 function fillOffset(offset2, remaining) {
   const min2 = offset2[offset2.length - 1];
   for (let i2 = 1; i2 <= remaining; i2++) {
-    const offsetProgress = progress(0, remaining, i2);
+    const offsetProgress = /* @__PURE__ */ progress(0, remaining, i2);
     offset2.push(mixNumber$1(min2, 1, offsetProgress));
   }
 }
@@ -13696,20 +13735,20 @@ class MainThreadAnimation extends BaseAnimation {
   }
   get duration() {
     const { resolved } = this;
-    return resolved ? millisecondsToSeconds(resolved.calculatedDuration) : 0;
+    return resolved ? /* @__PURE__ */ millisecondsToSeconds(resolved.calculatedDuration) : 0;
   }
   get time() {
-    return millisecondsToSeconds(this.currentTime);
+    return /* @__PURE__ */ millisecondsToSeconds(this.currentTime);
   }
   set time(newTime) {
-    newTime = secondsToMilliseconds(newTime), this.currentTime = newTime, this.holdTime !== null || this.speed === 0 ? this.holdTime = newTime : this.driver && (this.startTime = this.driver.now() - newTime / this.speed);
+    newTime = /* @__PURE__ */ secondsToMilliseconds(newTime), this.currentTime = newTime, this.holdTime !== null || this.speed === 0 ? this.holdTime = newTime : this.driver && (this.startTime = this.driver.now() - newTime / this.speed);
   }
   get speed() {
     return this.playbackSpeed;
   }
   set speed(newSpeed) {
     const hasChanged = this.playbackSpeed !== newSpeed;
-    this.playbackSpeed = newSpeed, hasChanged && (this.time = millisecondsToSeconds(this.currentTime));
+    this.playbackSpeed = newSpeed, hasChanged && (this.time = /* @__PURE__ */ millisecondsToSeconds(this.currentTime));
   }
   play() {
     if (this.resolver.isScheduled || this.resolver.resume(), !this._resolved) {
@@ -13813,9 +13852,8 @@ class AcceleratedAnimation extends BaseAnimation {
     this.resolver = new DOMKeyframesResolver(keyframes2, (resolvedKeyframes, finalKeyframe) => this.onKeyframesResolved(resolvedKeyframes, finalKeyframe), name, motionValue2, element), this.resolver.scheduleResolve();
   }
   initPlayback(keyframes2, finalKeyframe) {
-    var _a;
     let { duration = 300, times, ease: ease2, type, motionValue: motionValue2, name, startTime } = this.options;
-    if (!(!((_a = motionValue2.owner) === null || _a === void 0) && _a.current))
+    if (!motionValue2.owner || !motionValue2.owner.current)
       return !1;
     if (typeof ease2 == "string" && supportsLinearEasing() && isUnsupportedEase(ease2) && (ease2 = unsupportedEasingFunctions[ease2]), requiresPregeneratedKeyframes(this.options)) {
       const { onComplete, onUpdate, motionValue: motionValue3, element, ...options } = this.options, pregeneratedAnimation = pregenerateKeyframes(keyframes2, options);
@@ -13839,21 +13877,21 @@ class AcceleratedAnimation extends BaseAnimation {
     if (!resolved)
       return 0;
     const { duration } = resolved;
-    return millisecondsToSeconds(duration);
+    return /* @__PURE__ */ millisecondsToSeconds(duration);
   }
   get time() {
     const { resolved } = this;
     if (!resolved)
       return 0;
     const { animation } = resolved;
-    return millisecondsToSeconds(animation.currentTime || 0);
+    return /* @__PURE__ */ millisecondsToSeconds(animation.currentTime || 0);
   }
   set time(newTime) {
     const { resolved } = this;
     if (!resolved)
       return;
     const { animation } = resolved;
-    animation.currentTime = secondsToMilliseconds(newTime);
+    animation.currentTime = /* @__PURE__ */ secondsToMilliseconds(newTime);
   }
   get speed() {
     const { resolved } = this;
@@ -13934,7 +13972,7 @@ class AcceleratedAnimation extends BaseAnimation {
         ease: ease2,
         times,
         isGenerator: !0
-      }), sampleTime = secondsToMilliseconds(this.time);
+      }), sampleTime = /* @__PURE__ */ secondsToMilliseconds(this.time);
       motionValue2.setWithVelocity(sampleAnimation.sample(sampleTime - sampleDelta).value, sampleAnimation.sample(sampleTime).value, sampleDelta);
     }
     const { onStop } = this.options;
@@ -13950,11 +13988,14 @@ class AcceleratedAnimation extends BaseAnimation {
   }
   static supports(options) {
     const { motionValue: motionValue2, name, repeatDelay, repeatType, damping, type } = options;
-    return supportsWaapi() && name && acceleratedValues.has(name) && motionValue2 && motionValue2.owner && motionValue2.owner.current instanceof HTMLElement && /**
+    if (!motionValue2 || !motionValue2.owner || !(motionValue2.owner.current instanceof HTMLElement))
+      return !1;
+    const { onUpdate, transformTemplate } = motionValue2.owner.getProps();
+    return supportsWaapi() && name && acceleratedValues.has(name) && /**
      * If we're outputting values to onUpdate then we can't use WAAPI as there's
      * no way to read the value from WAAPI every frame.
      */
-    !motionValue2.owner.getProps().onUpdate && !repeatDelay && repeatType !== "mirror" && damping !== 0 && type !== "inertia";
+    !onUpdate && !transformTemplate && !repeatDelay && repeatType !== "mirror" && damping !== 0 && type !== "inertia";
   }
 }
 const underDampedSpring = {
@@ -13981,7 +14022,7 @@ function isTransitionDefined({ when, delay: _delay, delayChildren, staggerChildr
 const animateMotionValue = (name, value, target, transition = {}, element, isHandoff) => (onComplete) => {
   const valueTransition = getValueTransition$1(transition, name) || {}, delay2 = valueTransition.delay || transition.delay || 0;
   let { elapsed = 0 } = transition;
-  elapsed = elapsed - secondsToMilliseconds(delay2);
+  elapsed = elapsed - /* @__PURE__ */ secondsToMilliseconds(delay2);
   let options = {
     keyframes: Array.isArray(target) ? target : [null, target],
     ease: "easeOut",
@@ -14001,7 +14042,7 @@ const animateMotionValue = (name, value, target, transition = {}, element, isHan
   isTransitionDefined(valueTransition) || (options = {
     ...options,
     ...getDefaultTransition(name, options)
-  }), options.duration && (options.duration = secondsToMilliseconds(options.duration)), options.repeatDelay && (options.repeatDelay = secondsToMilliseconds(options.repeatDelay)), options.from !== void 0 && (options.keyframes[0] = options.from);
+  }), options.duration && (options.duration = /* @__PURE__ */ secondsToMilliseconds(options.duration)), options.repeatDelay && (options.repeatDelay = /* @__PURE__ */ secondsToMilliseconds(options.repeatDelay)), options.from !== void 0 && (options.keyframes[0] = options.from);
   let shouldSkip = !1;
   if ((options.type === !1 || options.duration === 0 && !options.repeatDelay) && (options.duration = 0, options.delay === 0 && (shouldSkip = !0)), shouldSkip && !isHandoff && value.get() !== void 0) {
     const finalKeyframe = getFinalKeyframe(options.keyframes, valueTransition);
@@ -14037,7 +14078,7 @@ function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0,
         startTime !== null && (valueTransition.startTime = startTime, isHandoff = !0);
       }
     }
-    addValueToWillChange(visualElement, key), value.start(animateMotionValue(key, value, valueTarget, visualElement.shouldReduceMotion && transformProps.has(key) ? { type: !1 } : valueTransition, visualElement, isHandoff));
+    addValueToWillChange(visualElement, key), value.start(animateMotionValue(key, value, valueTarget, visualElement.shouldReduceMotion && positionalKeys.has(key) ? { type: !1 } : valueTransition, visualElement, isHandoff));
     const animation = value.animation;
     animation && animations2.push(animation);
   }
@@ -14362,11 +14403,11 @@ function getVelocity(history, timeDelta) {
     return { x: 0, y: 0 };
   let i2 = history.length - 1, timestampedPoint = null;
   const lastPoint = lastDevicePoint(history);
-  for (; i2 >= 0 && (timestampedPoint = history[i2], !(lastPoint.timestamp - timestampedPoint.timestamp > secondsToMilliseconds(timeDelta))); )
+  for (; i2 >= 0 && (timestampedPoint = history[i2], !(lastPoint.timestamp - timestampedPoint.timestamp > /* @__PURE__ */ secondsToMilliseconds(timeDelta))); )
     i2--;
   if (!timestampedPoint)
     return { x: 0, y: 0 };
-  const time2 = millisecondsToSeconds(lastPoint.timestamp - timestampedPoint.timestamp);
+  const time2 = /* @__PURE__ */ millisecondsToSeconds(lastPoint.timestamp - timestampedPoint.timestamp);
   if (time2 === 0)
     return { x: 0, y: 0 };
   const currentVelocity = {
@@ -14428,7 +14469,7 @@ function calcViewportConstraints(layoutBox, constraintsBox) {
 function calcOrigin(source, target) {
   let origin = 0.5;
   const sourceLength = calcLength(source), targetLength = calcLength(target);
-  return targetLength > sourceLength ? origin = progress(target.min, target.max - sourceLength, source.min) : sourceLength > targetLength && (origin = progress(source.min, source.max - targetLength, target.min)), clamp$1(0, 1, origin);
+  return targetLength > sourceLength ? origin = /* @__PURE__ */ progress(target.min, target.max - sourceLength, source.min) : sourceLength > targetLength && (origin = /* @__PURE__ */ progress(source.min, source.max - targetLength, target.min)), clamp$1(0, 1, origin);
 }
 function rebaseAxisConstraints(layout2, constraints) {
   const relativeConstraints = {};
@@ -14824,15 +14865,6 @@ class PanGesture extends Feature {
     this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-function usePresence() {
-  const context = useContext(PresenceContext);
-  if (context === null)
-    return [!0, null];
-  const { isPresent, onExitComplete, register } = context, id2 = useId$2();
-  useEffect$2(() => register(id2), []);
-  const safeToRemove = useCallback(() => onExitComplete && onExitComplete(id2), [id2, onExitComplete]);
-  return !isPresent && onExitComplete ? [!1, safeToRemove] : [!0];
-}
 const globalProjectionState = {
   /**
    * Global flag as to whether the tree has animated since the last time
@@ -14982,7 +15014,7 @@ function getRadius(values2, radiusName) {
 }
 const easeCrossfadeIn = /* @__PURE__ */ compress(0, 0.5, circOut), easeCrossfadeOut = /* @__PURE__ */ compress(0.5, 0.95, noop$3);
 function compress(min2, max2, easing) {
-  return (p2) => p2 < min2 ? 0 : p2 > max2 ? 1 : easing(progress(min2, max2, p2));
+  return (p2) => p2 < min2 ? 0 : p2 > max2 ? 1 : easing(/* @__PURE__ */ progress(min2, max2, p2));
 }
 function copyAxisInto(axis, originAxis) {
   axis.min = originAxis.min, axis.max = originAxis.max;
@@ -15844,6 +15876,7 @@ function initPrefersReducedMotion() {
     } else
       prefersReducedMotion.current = !1;
 }
+const valueTypes = [...dimensionValueTypes, color$1, complex], findValueType = (v2) => valueTypes.find(testValueType(v2)), visualElementStore = /* @__PURE__ */ new WeakMap();
 function updateMotionValuesFromProps(element, next, prev) {
   for (const key in next) {
     const nextValue = next[key], prevValue = prev[key];
@@ -15864,7 +15897,7 @@ function updateMotionValuesFromProps(element, next, prev) {
     next[key] === void 0 && element.removeValue(key);
   return next;
 }
-const visualElementStore = /* @__PURE__ */ new WeakMap(), valueTypes = [...dimensionValueTypes, color$1, complex], findValueType = (v2) => valueTypes.find(testValueType(v2)), propEventHandlers = [
+const propEventHandlers = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -15891,8 +15924,8 @@ class VisualElement {
       const now2 = time$1.now();
       this.renderScheduledAt < now2 && (this.renderScheduledAt = now2, frame$1.render(this.render, !1, !0));
     };
-    const { latestValues, renderState } = visualState;
-    this.latestValues = latestValues, this.baseTarget = { ...latestValues }, this.initialValues = props.initial ? { ...latestValues } : {}, this.renderState = renderState, this.parent = parent, this.props = props, this.presenceContext = presenceContext, this.depth = parent ? parent.depth + 1 : 0, this.reducedMotionConfig = reducedMotionConfig, this.options = options, this.blockInitialAnimation = !!blockInitialAnimation, this.isControllingVariants = isControllingVariants(props), this.isVariantNode = isVariantNode(props), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(parent && parent.current);
+    const { latestValues, renderState, onUpdate } = visualState;
+    this.onUpdate = onUpdate, this.latestValues = latestValues, this.baseTarget = { ...latestValues }, this.initialValues = props.initial ? { ...latestValues } : {}, this.renderState = renderState, this.parent = parent, this.props = props, this.presenceContext = presenceContext, this.depth = parent ? parent.depth + 1 : 0, this.reducedMotionConfig = reducedMotionConfig, this.options = options, this.blockInitialAnimation = !!blockInitialAnimation, this.isControllingVariants = isControllingVariants(props), this.isVariantNode = isVariantNode(props), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(parent && parent.current);
     const { willChange, ...initialMotionValues } = this.scrapeMotionValuesFromProps(props, {}, this);
     for (const key in initialMotionValues) {
       const value = initialMotionValues[key];
@@ -15967,7 +16000,7 @@ class VisualElement {
       const listenerName = "on" + key, listener = props[listenerName];
       listener && (this.propEventSubscriptions[key] = this.on(key, listener));
     }
-    this.prevMotionValues = updateMotionValuesFromProps(this, this.scrapeMotionValuesFromProps(props, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = updateMotionValuesFromProps(this, this.scrapeMotionValuesFromProps(props, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue(), this.onUpdate && this.onUpdate(this);
   }
   getProps() {
     return this.props;
@@ -16233,7 +16266,7 @@ function createAnimationsFromSequence(sequence, { defaultTransition: defaultTran
           absoluteDelta = Math.abs(delta);
         }
         const springTransition = { ...remainingTransition };
-        duration !== void 0 && (springTransition.duration = secondsToMilliseconds(duration));
+        duration !== void 0 && (springTransition.duration = /* @__PURE__ */ secondsToMilliseconds(duration));
         const springEasing = createGeneratorEasing(springTransition, absoluteDelta, createGenerator);
         ease2 = springEasing.ease, duration = springEasing.duration;
       }
@@ -16277,7 +16310,7 @@ function createAnimationsFromSequence(sequence, { defaultTransition: defaultTran
       const keyframes2 = [], valueOffset = [], valueEasing = [];
       for (let i2 = 0; i2 < valueSequence.length; i2++) {
         const { at, value, easing } = valueSequence[i2];
-        keyframes2.push(value), valueOffset.push(progress(0, totalDuration, at)), valueEasing.push(easing || "easeOut");
+        keyframes2.push(value), valueOffset.push(/* @__PURE__ */ progress(0, totalDuration, at)), valueEasing.push(easing || "easeOut");
       }
       valueOffset[0] !== 0 && (valueOffset.unshift(0), keyframes2.unshift(keyframes2[0]), valueEasing.unshift(defaultSegmentEasing)), valueOffset[valueOffset.length - 1] !== 1 && (valueOffset.push(1), keyframes2.push(null)), animationDefinitions.has(element) || animationDefinitions.set(element, {
         keyframes: {},
@@ -16397,7 +16430,7 @@ function animateSequence(sequence, options, scope) {
   }), animations2;
 }
 function isSequence(value) {
-  return Array.isArray(value) && Array.isArray(value[0]);
+  return Array.isArray(value) && value.some(Array.isArray);
 }
 function createScopedAnimate(scope) {
   function scopedAnimate(subjectOrSequence, optionsOrKeyframes, options) {
@@ -30634,12 +30667,18 @@ function useDiagram() {
   }), [actor]);
 }
 class Rect {
-  constructor() {
+  constructor(xynode, parent = null) {
     __publicField(this, "id");
     __publicField(this, "minX", 1 / 0);
     __publicField(this, "minY", 1 / 0);
     __publicField(this, "maxX", -1 / 0);
     __publicField(this, "maxY", -1 / 0);
+    this.id = xynode.id, this.positionAbsolute = parent ? {
+      x: xynode.position.x + parent.minX,
+      y: xynode.position.y + parent.minY
+    } : xynode.position;
+    const { width: width2, height } = getNodeDimensions(xynode);
+    this.maxX = this.minX + Math.ceil(width2), this.maxY = this.minY + Math.ceil(height), parent && parent.children.push(this);
   }
   get positionAbsolute() {
     return {
@@ -30672,16 +30711,14 @@ class Rect {
 __publicField(Rect, "LeftPadding", 40), __publicField(Rect, "RightPadding", 40), __publicField(Rect, "TopPadding", 55), __publicField(Rect, "BottomPadding", 40);
 class Compound extends Rect {
   constructor(xynode, parent = null) {
-    super();
+    super(xynode, parent);
     __publicField(this, "children", []);
-    this.parent = parent, this.id = xynode.id, parent && parent.children.push(this);
+    this.parent = parent;
   }
 }
 class Leaf extends Rect {
   constructor(xynode, parent = null) {
-    super(), this.parent = parent, this.id = xynode.id, this.positionAbsolute = xynode.internals.positionAbsolute;
-    const { width: width2, height } = getNodeDimensions(xynode);
-    this.maxX = this.minX + Math.ceil(width2), this.maxY = this.minY + Math.ceil(height), parent && parent.children.push(this);
+    super(xynode, parent), this.parent = parent;
   }
 }
 function createLayoutConstraints(xyflowApi, editingNodeIds) {
@@ -34181,7 +34218,7 @@ function useRelationshipsBrowser() {
   }), [actor]);
 }
 const ElementActions$2 = (props) => {
-  const { enableNavigateTo } = useEnabledFeature("NavigateTo"), diagram = useDiagram(), browser = useRelationshipsBrowser(), buttons2 = [], { navigateTo, fqn: fqn2 } = props.data;
+  const { enableNavigateTo, enableVscode } = useEnabledFeature("NavigateTo", "Vscode"), diagram = useDiagram(), browser = useRelationshipsBrowser(), buttons2 = [], { navigateTo, fqn: fqn2 } = props.data;
   return navigateTo && enableNavigateTo && buttons2.push({
     key: "navigate",
     icon: /* @__PURE__ */ jsx(IconZoomScan, {}),
@@ -34194,6 +34231,12 @@ const ElementActions$2 = (props) => {
     onClick: (e2) => {
       e2.stopPropagation(), browser.navigateTo(fqn2, props.id);
     }
+  }), enableVscode && buttons2.push({
+    key: "goToSource",
+    icon: /* @__PURE__ */ jsx(IconFileSymlink, {}),
+    onClick: (e2) => {
+      e2.stopPropagation(), diagram.openSource({ element: fqn2 });
+    }
   }), /* @__PURE__ */ jsx(
     ElementActionButtons,
     {
@@ -34582,7 +34625,7 @@ function TabPanelRelationships({
 }) {
   const layoutId = useId$1();
   useState$1("view");
-  const incoming = [...element.incoming()].map((r2) => r2.id), outgoing = [...element.outgoing()].map((r2) => r2.id), incomingInView = i$9(node2.incoming().flatMap((e2) => e2.$edge.relations).toArray()), outgoingInView = i$9(node2.outgoing().flatMap((e2) => e2.$edge.relations).toArray()), notIncludedRelations = [
+  const incoming = [...element.incoming()].map((r2) => r2.id), outgoing = [...element.outgoing()].map((r2) => r2.id), incomingInView = i$9([...node2.incoming()].flatMap((e2) => e2.$edge.relations)), outgoingInView = i$9([...node2.outgoing()].flatMap((e2) => e2.$edge.relations)), notIncludedRelations = [
     ...incoming,
     ...outgoing
   ].filter((r2) => !incomingInView.includes(r2) && !outgoingInView.includes(r2)).length;