likec4 1.46.0 → 1.46.2

package/__app__/src/vendors.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React__default, { useState, Fragment, createContext, useContext, useRef, useEffect, useMemo, useCallback, useLayoutEffect as useLayoutEffect$1, useId as useId$3, forwardRef, cloneElement, Children, createElement, memo as memo$2, useSyncExternalStore, useInsertionEffect as useInsertionEffect$1, isValidElement, Component, useImperativeHandle } from "react";
+import React__default, { useState, Fragment, createContext, useContext, useRef, useEffect, useMemo, useCallback, useLayoutEffect as useLayoutEffect$1, Children, useId as useId$3, forwardRef, cloneElement, createElement, memo as memo$2, useSyncExternalStore, useInsertionEffect as useInsertionEffect$1, isValidElement, Component, useImperativeHandle } from "react";
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { flushSync, createPortal } from "react-dom";
@@ -1326,7 +1326,7 @@ function useFocusWithin({
     [onBlur]
   ), callbackRef = useCallback(
     (node) => {
-      node && (previousNode.current && (previousNode.current.removeEventListener("focusin", handleFocusIn), previousNode.current.removeEventListener("focusout", handleFocusOut)), node.addEventListener("focusin", handleFocusIn), node.addEventListener("focusout", handleFocusOut));
+      node && (previousNode.current && (previousNode.current.removeEventListener("focusin", handleFocusIn), previousNode.current.removeEventListener("focusout", handleFocusOut)), node.addEventListener("focusin", handleFocusIn), node.addEventListener("focusout", handleFocusOut), previousNode.current = node);
     },
     [handleFocusIn, handleFocusOut]
   );
@@ -1359,9 +1359,10 @@ function usePrevious$1(value) {
 function useInViewport() {
   const observer = useRef(null), [inViewport, setInViewport] = useState(!1);
   return { ref: useCallback((node) => {
-    typeof IntersectionObserver < "u" && (node && !observer.current ? observer.current = new IntersectionObserver(
-      (entries) => setInViewport(entries.some((entry) => entry.isIntersecting))
-    ) : observer.current?.disconnect(), node ? observer.current?.observe(node) : setInViewport(!1));
+    typeof IntersectionObserver < "u" && (node && !observer.current ? observer.current = new IntersectionObserver((entries) => {
+      const lastEntry = entries[entries.length - 1];
+      setInViewport(lastEntry.isIntersecting);
+    }) : observer.current?.disconnect(), node ? observer.current?.observe(node) : setInViewport(!1));
   }, []), inViewport };
 }
 function useMutationObserver(callback, options, target) {
@@ -1484,6 +1485,10 @@ function getRootElement(targetElement) {
   const root2 = targetElement.getRootNode();
   return root2 instanceof ShadowRoot || root2 instanceof Document ? root2 : document;
 }
+function getSingleElementChild(children2) {
+  const _children = Children.toArray(children2);
+  return _children.length !== 1 || !isElement$1(_children[0]) ? null : _children[0];
+}
 function r$f(e2) {
   var t2, f, n2 = "";
   if (typeof e2 == "string" || typeof e2 == "number") n2 += e2;
@@ -2216,11 +2221,10 @@ function MantineClasses() {
 function cssVariablesObjectToString(variables) {
   return Object.entries(variables).map(([name, value]) => `${name}: ${value};`).join("");
 }
-function wrapWithSelector(selectors, code) {
-  return (Array.isArray(selectors) ? selectors : [selectors]).reduce((acc, selector2) => `${selector2}{${acc}}`, code);
-}
-function convertCssVariables(input, selector2) {
-  const sharedVariables = cssVariablesObjectToString(input.variables), shared = sharedVariables ? wrapWithSelector(selector2, sharedVariables) : "", dark = cssVariablesObjectToString(input.dark), light = cssVariablesObjectToString(input.light), darkForced = dark ? wrapWithSelector(selector2 === ":host" ? `${selector2}([data-mantine-color-scheme="dark"])` : `${selector2}[data-mantine-color-scheme="dark"]`, dark) : "", lightForced = light ? wrapWithSelector(selector2 === ":host" ? `${selector2}([data-mantine-color-scheme="light"])` : `${selector2}[data-mantine-color-scheme="light"]`, light) : "";
+function convertCssVariables(input, selectorOverride) {
+  const selectors = selectorOverride ? [selectorOverride] : [":root", ":host"], sharedVariables = cssVariablesObjectToString(input.variables), shared = sharedVariables ? `${selectors.join(", ")}{${sharedVariables}}` : "", dark = cssVariablesObjectToString(input.dark), light = cssVariablesObjectToString(input.light), selectorsWithScheme = (scheme) => selectors.map(
+    (selector2) => selector2 === ":host" ? `${selector2}([data-mantine-color-scheme="${scheme}"])` : `${selector2}[data-mantine-color-scheme="${scheme}"]`
+  ).join(", "), darkForced = dark ? `${selectorsWithScheme("dark")}{${dark}}` : "", lightForced = light ? `${selectorsWithScheme("light")}{${light}}` : "";
   return `${shared}
 
 ${darkForced}
@@ -2447,17 +2451,21 @@ function removeDefaultVariables(input) {
     defaultCssVariables.dark[key] !== input.dark[key] && (cleaned.dark[key] = input.dark[key]);
   }), cleaned;
 }
-function getColorSchemeCssVariables(selector2) {
-  return `
-  ${selector2}[data-mantine-color-scheme="dark"] { --mantine-color-scheme: dark; }
-  ${selector2}[data-mantine-color-scheme="light"] { --mantine-color-scheme: light; }
-`;
+function getColorSchemeCssVariables(selectorOverride) {
+  return convertCssVariables(
+    {
+      variables: {},
+      dark: { "--mantine-color-scheme": "dark" },
+      light: { "--mantine-color-scheme": "light" }
+    },
+    selectorOverride
+  );
 }
 function MantineCssVariables({
   cssVariablesSelector,
   deduplicateCssVariables
 }) {
-  const theme = useMantineTheme(), nonce = useMantineStyleNonce(), generator = useMantineCssVariablesResolver(), mergedVariables = getMergedVariables({ theme, generator }), shouldCleanVariables = cssVariablesSelector === ":root" && deduplicateCssVariables, cleanedVariables = shouldCleanVariables ? removeDefaultVariables(mergedVariables) : mergedVariables, css = convertCssVariables(cleanedVariables, cssVariablesSelector);
+  const theme = useMantineTheme(), nonce = useMantineStyleNonce(), generator = useMantineCssVariablesResolver(), mergedVariables = getMergedVariables({ theme, generator }), shouldCleanVariables = (cssVariablesSelector === void 0 || cssVariablesSelector === ":root" || cssVariablesSelector === ":host") && deduplicateCssVariables, cleanedVariables = shouldCleanVariables ? removeDefaultVariables(mergedVariables) : mergedVariables, css = convertCssVariables(cleanedVariables, cssVariablesSelector);
   return css ? /* @__PURE__ */ jsx(
     "style",
     {
@@ -2517,7 +2525,7 @@ function MantineProvider({
   withGlobalClasses = !0,
   deduplicateCssVariables = !0,
   withCssVariables = !0,
-  cssVariablesSelector = ":root",
+  cssVariablesSelector,
   classNamesPrefix = "mantine",
   colorSchemeManager = localStorageColorSchemeManager(),
   defaultColorScheme = "light",
@@ -2547,7 +2555,7 @@ function MantineProvider({
         classNamesPrefix,
         getStyleNonce,
         cssVariablesResolver,
-        cssVariablesSelector,
+        cssVariablesSelector: cssVariablesSelector ?? ":root",
         withStaticClasses,
         stylesTransform,
         env
@@ -5187,7 +5195,7 @@ function useHover(context, props2) {
         };
         return;
       }
-      (pointerTypeRef.current === "touch" ? !contains(elements.floating, event.relatedTarget) : !0) && closeWithDelay(event);
+      (pointerTypeRef.current !== "touch" || !contains(elements.floating, event.relatedTarget)) && closeWithDelay(event);
     }
     function onScrollMouseLeave(event) {
       isClickLikeOpenEvent() || dataRef.current.floatingContext && (handleCloseRef.current == null || handleCloseRef.current({
@@ -7014,8 +7022,8 @@ function FocusTrap({
   refProp = "ref",
   innerRef
 }) {
-  const focusTrapRef = useFocusTrap(active), ref = useMergedRef(focusTrapRef, innerRef);
-  return isElement$1(children2) ? cloneElement(children2, { [refProp]: ref }) : children2;
+  const focusTrapRef = useFocusTrap(active), ref = useMergedRef(focusTrapRef, innerRef), child = getSingleElementChild(children2);
+  return child ? cloneElement(child, { [refProp]: ref }) : children2;
 }
 function FocusTrapInitialFocus(props2) {
   return /* @__PURE__ */ jsx(VisuallyHidden, { tabIndex: -1, "data-autofocus": !0, ...props2 });
@@ -7127,30 +7135,26 @@ const defaultProps$M = {
     "PopoverTarget",
     defaultProps$M,
     props2
-  );
-  if (!isElement$1(children2))
+  ), child = getSingleElementChild(children2);
+  if (!child)
     throw new Error(
       "Popover.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported"
     );
-  const forwardedProps = others, ctx = usePopoverContext(), targetRef = useMergedRef(ctx.reference, getRefProp(children2), ref), accessibleProps = ctx.withRoles ? {
+  const forwardedProps = others, ctx = usePopoverContext(), targetRef = useMergedRef(ctx.reference, getRefProp(child), ref), accessibleProps = ctx.withRoles ? {
     "aria-haspopup": popupType,
     "aria-expanded": ctx.opened,
     "aria-controls": ctx.getDropdownId(),
     id: ctx.getTargetId()
-  } : {};
-  return cloneElement(children2, {
+  } : {}, childProps = child.props;
+  return cloneElement(child, {
     ...forwardedProps,
     ...accessibleProps,
     ...ctx.targetProps,
-    className: clsx(
-      ctx.targetProps.className,
-      forwardedProps.className,
-      children2.props.className
-    ),
+    className: clsx(ctx.targetProps.className, forwardedProps.className, childProps.className),
     [refProp]: targetRef,
     ...ctx.controlled ? null : {
       onClick: () => {
-        ctx.onToggle(), children2.props.onClick?.();
+        ctx.onToggle(), childProps.onClick?.();
       }
     }
   });
@@ -7214,7 +7218,7 @@ function usePopover(options) {
     options.onPositionChange?.(floating.placement), options.positionRef.current = floating.placement;
   }, [floating.placement, options.preventPositionChangeWhenVisible]), useDidUpdate(() => {
     _opened !== previouslyOpened.current && (_opened ? options.onOpen?.() : options.onClose?.()), previouslyOpened.current = _opened;
-  }, [_opened, options.onClose, options.onOpen]), useDidUpdate(() => {
+  }, [_opened, options.onClose, options.onOpen]), useIsomorphicEffect(() => {
     let timeout2 = -1;
     return _opened && (timeout2 = window.setTimeout(() => options.setDropdownVisible(!0), 4)), () => {
       window.clearTimeout(timeout2);
@@ -9297,8 +9301,8 @@ const defaultProps$y = {
     targetType,
     autoComplete,
     ...others
-  } = useProps("ComboboxEventsTarget", defaultProps$y, props2);
-  if (!isElement$1(children2))
+  } = useProps("ComboboxEventsTarget", defaultProps$y, props2), child = getSingleElementChild(children2);
+  if (!child)
     throw new Error(
       "Combobox.EventsTarget component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported"
     );
@@ -9307,13 +9311,13 @@ const defaultProps$y = {
     withAriaAttributes,
     withKeyboardNavigation,
     withExpandedAttribute,
-    onKeyDown: children2.props.onKeyDown,
+    onKeyDown: child.props.onKeyDown,
     autoComplete
   });
-  return cloneElement(children2, {
+  return cloneElement(child, {
     ...targetProps,
     ...others,
-    [refProp]: useMergedRef(ref, ctx.store.targetRef, getRefProp(children2))
+    [refProp]: useMergedRef(ref, ctx.store.targetRef, getRefProp(child))
   });
 });
 ComboboxEventsTarget.displayName = "@mantine/core/ComboboxEventsTarget";
@@ -9514,8 +9518,8 @@ const defaultProps$w = {
     targetType,
     autoComplete,
     ...others
-  } = useProps("ComboboxTarget", defaultProps$w, props2);
-  if (!isElement$1(children2))
+  } = useProps("ComboboxTarget", defaultProps$w, props2), child = getSingleElementChild(children2);
+  if (!child)
     throw new Error(
       "Combobox.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported"
     );
@@ -9524,9 +9528,9 @@ const defaultProps$w = {
     withAriaAttributes,
     withKeyboardNavigation,
     withExpandedAttribute,
-    onKeyDown: children2.props.onKeyDown,
+    onKeyDown: child.props.onKeyDown,
     autoComplete
-  }), clonedElement = cloneElement(children2, {
+  }), clonedElement = cloneElement(child, {
     ...targetProps,
     ...others
   });
@@ -11110,8 +11114,8 @@ const defaultProps$j = {
     "HoverCardTarget",
     defaultProps$j,
     props2
-  );
-  if (!isElement$1(children2))
+  ), child = getSingleElementChild(children2);
+  if (!child)
     throw new Error(
       "HoverCard.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported"
     );
@@ -11119,13 +11123,13 @@ const defaultProps$j = {
   if (useHoverCardGroupContext() && ctx.getReferenceProps && ctx.reference) {
     const referenceProps = ctx.getReferenceProps();
     return /* @__PURE__ */ jsx(Popover.Target, { refProp, ref, ...others, children: cloneElement(
-      children2,
+      child,
       eventPropsWrapperName ? { [eventPropsWrapperName]: { ...referenceProps, ref: ctx.reference } } : { ...referenceProps, ref: ctx.reference }
     ) });
   }
-  const onMouseEnter = createEventHandler(children2.props.onMouseEnter, ctx.openDropdown), onMouseLeave = createEventHandler(children2.props.onMouseLeave, ctx.closeDropdown), eventListeners = { onMouseEnter, onMouseLeave };
+  const onMouseEnter = createEventHandler(child.props.onMouseEnter, ctx.openDropdown), onMouseLeave = createEventHandler(child.props.onMouseLeave, ctx.closeDropdown), eventListeners = { onMouseEnter, onMouseLeave };
   return /* @__PURE__ */ jsx(Popover.Target, { refProp, ref, ...others, children: cloneElement(
-    children2,
+    child,
     eventPropsWrapperName ? { [eventPropsWrapperName]: eventListeners } : eventListeners
   ) });
 });
@@ -11560,20 +11564,20 @@ MenuSub.Item = MenuSubItem;
 const defaultProps$f = {
   refProp: "ref"
 }, MenuTarget = forwardRef((props2, ref) => {
-  const { children: children2, refProp, ...others } = useProps("MenuTarget", defaultProps$f, props2);
-  if (!isElement$1(children2))
+  const { children: children2, refProp, ...others } = useProps("MenuTarget", defaultProps$f, props2), child = getSingleElementChild(children2);
+  if (!child)
     throw new Error(
       "Menu.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported"
     );
-  const ctx = useMenuContext(), _childrenProps = children2.props, onClick = createEventHandler(_childrenProps.onClick, () => {
+  const ctx = useMenuContext(), _childProps = child.props, onClick = createEventHandler(_childProps.onClick, () => {
     ctx.trigger === "click" ? ctx.toggleDropdown() : ctx.trigger === "click-hover" && (ctx.setOpenedViaClick(!0), ctx.opened || ctx.openDropdown());
   }), onMouseEnter = createEventHandler(
-    _childrenProps.onMouseEnter,
+    _childProps.onMouseEnter,
     () => (ctx.trigger === "hover" || ctx.trigger === "click-hover") && ctx.openDropdown()
-  ), onMouseLeave = createEventHandler(_childrenProps.onMouseLeave, () => {
+  ), onMouseLeave = createEventHandler(_childProps.onMouseLeave, () => {
     (ctx.trigger === "hover" || ctx.trigger === "click-hover" && !ctx.openedViaClick) && ctx.closeDropdown();
   });
-  return /* @__PURE__ */ jsx(Popover.Target, { refProp, popupType: "menu", ref, ...others, children: cloneElement(children2, {
+  return /* @__PURE__ */ jsx(Popover.Target, { refProp, popupType: "menu", ref, ...others, children: cloneElement(child, {
     onClick,
     onMouseEnter,
     onMouseLeave,
@@ -11664,6 +11668,7 @@ function Menu(_props) {
       children: /* @__PURE__ */ jsx(
         Popover,
         {
+          returnFocus: !0,
           ...others,
           opened: _opened,
           onChange: toggleDropdown,
@@ -12222,15 +12227,15 @@ const defaultProps$a = {
     offset: offset2,
     position,
     defaultOpened
-  });
-  if (!isElement$1(children2))
+  }), child = getSingleElementChild(children2);
+  if (!child)
     throw new Error(
       "[@mantine/core] Tooltip.Floating component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported"
     );
-  const targetRef = useMergedRef(boundaryRef, getRefProp(children2), ref), _childrenProps = children2.props, onMouseEnter = (event) => {
-    _childrenProps.onMouseEnter?.(event), handleMouseMove(event), setOpened(!0);
+  const targetRef = useMergedRef(boundaryRef, getRefProp(child), ref), childProps = child.props, onMouseEnter = (event) => {
+    childProps.onMouseEnter?.(event), handleMouseMove(event), setOpened(!0);
   }, onMouseLeave = (event) => {
-    _childrenProps.onMouseLeave?.(event), setOpened(!1);
+    childProps.onMouseLeave?.(event), setOpened(!1);
   };
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(OptionalPortal, { ...portalProps, withinPortal, children: /* @__PURE__ */ jsx(
@@ -12252,8 +12257,8 @@ const defaultProps$a = {
         children: label
       }
     ) }),
-    cloneElement(children2, {
-      ..._childrenProps,
+    cloneElement(child, {
+      ...childProps,
       [refProp]: targetRef,
       onMouseEnter,
       onMouseLeave
@@ -12448,8 +12453,8 @@ const defaultProps$8 = {
     rootSelector: "tooltip",
     vars,
     varsResolver: varsResolver$7
-  });
-  if (!target && !isElement$1(children2))
+  }), child = getSingleElementChild(children2);
+  if (!target && !child)
     return null;
   if (target) {
     const transition2 = getTransitionProps(transitionProps, { duration: 100, transition: "fade" });
@@ -12501,7 +12506,7 @@ const defaultProps$8 = {
       }
     ) }) });
   }
-  const _children = children2, _childrenProps = _children.props, targetRef = useMergedRef(tooltip.reference, getRefProp(_children), ref), transition = getTransitionProps(transitionProps, { duration: 100, transition: "fade" });
+  const childProps = child.props, targetRef = useMergedRef(tooltip.reference, getRefProp(child), ref), transition = getTransitionProps(transitionProps, { duration: 100, transition: "fade" });
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(OptionalPortal, { ...portalProps, withinPortal, children: /* @__PURE__ */ jsx(
       Transition$1,
@@ -12551,7 +12556,7 @@ const defaultProps$8 = {
       }
     ) }),
     cloneElement(
-      _children,
+      child,
       tooltip.getReferenceProps({
         onClick,
         onMouseEnter,
@@ -12559,8 +12564,8 @@ const defaultProps$8 = {
         onMouseMove: props2.onMouseMove,
         onPointerDown: props2.onPointerDown,
         onPointerEnter: props2.onPointerEnter,
-        className: clsx(className, _childrenProps.className),
-        ..._childrenProps,
+        ...childProps,
+        className: clsx(className, childProps.className),
         [refProp]: targetRef
       })
     )
@@ -14660,11 +14665,11 @@ function createRandomKey() {
 function last(arr) {
   return arr[arr.length - 1];
 }
-function isFunction(d) {
+function isFunction$1(d) {
   return typeof d == "function";
 }
 function functionalUpdate(updater, previous) {
-  return isFunction(updater) ? updater(previous) : updater;
+  return isFunction$1(updater) ? updater(previous) : updater;
 }
 function pick$1(parent, keys2) {
   return keys2.reduce((obj, key) => (obj[key] = parent[key], obj), {});
@@ -16718,7 +16723,7 @@ class Route extends BaseRoute {
       select: opts?.select,
       structuralSharing: opts?.structuralSharing,
       from: this.id
-    }), this.useLoaderDeps = (opts) => useLoaderDeps({ ...opts, from: this.id }), this.useLoaderData = (opts) => useLoaderData({ ...opts, from: this.id }), this.useNavigate = () => useNavigate({ from: this.fullPath }), this.$$typeof = Symbol.for("react.memo");
+    }), this.useLoaderDeps = (opts) => useLoaderDeps({ ...opts, from: this.id }), this.useLoaderData = (opts) => useLoaderData({ ...opts, from: this.id }), this.useNavigate = () => useNavigate({ from: this.fullPath }), this.$$typeof = /* @__PURE__ */ Symbol.for("react.memo");
   }
 }
 function createRoute(options) {
@@ -18107,7 +18112,7 @@ Dispatch.prototype = dispatch.prototype = {
   on: function(typename, callback) {
     var _ = this._, T = parseTypenames$1(typename + "", _), t2, i2 = -1, n2 = T.length;
     if (arguments.length < 2) {
-      for (; ++i2 < n2; ) if ((t2 = (typename = T[i2]).type) && (t2 = get$1(_[t2], typename.name))) return t2;
+      for (; ++i2 < n2; ) if ((t2 = (typename = T[i2]).type) && (t2 = get$2(_[t2], typename.name))) return t2;
       return;
     }
     if (callback != null && typeof callback != "function") throw new Error("invalid callback: " + callback);
@@ -18131,7 +18136,7 @@ Dispatch.prototype = dispatch.prototype = {
     for (var t2 = this._[type], i2 = 0, n2 = t2.length; i2 < n2; ++i2) t2[i2].value.apply(that, args);
   }
 };
-function get$1(type, name) {
+function get$2(type, name) {
   for (var i2 = 0, n2 = type.length, c; i2 < n2; ++i2)
     if ((c = type[i2]).name === name)
       return c.value;
@@ -19473,16 +19478,16 @@ function schedule(node, name, id2, index2, group, timing) {
   });
 }
 function init(node, id2) {
-  var schedule2 = get(node, id2);
+  var schedule2 = get$1(node, id2);
   if (schedule2.state > CREATED) throw new Error("too late; already scheduled");
   return schedule2;
 }
 function set$1(node, id2) {
-  var schedule2 = get(node, id2);
+  var schedule2 = get$1(node, id2);
   if (schedule2.state > STARTED) throw new Error("too late; already running");
   return schedule2;
 }
-function get(node, id2) {
+function get$1(node, id2) {
   var schedule2 = node.__transition;
   if (!schedule2 || !(schedule2 = schedule2[id2])) throw new Error("transition not found");
   return schedule2;
@@ -19574,7 +19579,7 @@ function tweenFunction(id2, name, value) {
 function transition_tween(name, value) {
   var id2 = this._id;
   if (name += "", arguments.length < 2) {
-    for (var tween = get(this.node(), id2).tween, i2 = 0, n2 = tween.length, t2; i2 < n2; ++i2)
+    for (var tween = get$1(this.node(), id2).tween, i2 = 0, n2 = tween.length, t2; i2 < n2; ++i2)
       if ((t2 = tween[i2]).name === name)
         return t2.value;
     return null;
@@ -19587,7 +19592,7 @@ function tweenValue(transition, name, value) {
     var schedule2 = set$1(this, id2);
     (schedule2.value || (schedule2.value = {}))[name] = value.apply(this, arguments);
   }), function(node) {
-    return get(node, id2).value[name];
+    return get$1(node, id2).value[name];
   };
 }
 function interpolate$1(a2, b) {
@@ -19682,7 +19687,7 @@ function delayConstant(id2, value) {
 }
 function transition_delay(value) {
   var id2 = this._id;
-  return arguments.length ? this.each((typeof value == "function" ? delayFunction : delayConstant)(id2, value)) : get(this.node(), id2).delay;
+  return arguments.length ? this.each((typeof value == "function" ? delayFunction : delayConstant)(id2, value)) : get$1(this.node(), id2).delay;
 }
 function durationFunction(id2, value) {
   return function() {
@@ -19696,7 +19701,7 @@ function durationConstant(id2, value) {
 }
 function transition_duration(value) {
   var id2 = this._id;
-  return arguments.length ? this.each((typeof value == "function" ? durationFunction : durationConstant)(id2, value)) : get(this.node(), id2).duration;
+  return arguments.length ? this.each((typeof value == "function" ? durationFunction : durationConstant)(id2, value)) : get$1(this.node(), id2).duration;
 }
 function easeConstant(id2, value) {
   if (typeof value != "function") throw new Error();
@@ -19706,7 +19711,7 @@ function easeConstant(id2, value) {
 }
 function transition_ease(value) {
   var id2 = this._id;
-  return arguments.length ? this.each(easeConstant(id2, value)) : get(this.node(), id2).ease;
+  return arguments.length ? this.each(easeConstant(id2, value)) : get$1(this.node(), id2).ease;
 }
 function easeVarying(id2, value) {
   return function() {
@@ -19750,7 +19755,7 @@ function onFunction(id2, name, listener) {
 }
 function transition_on(name, listener) {
   var id2 = this._id;
-  return arguments.length < 2 ? get(this.node(), id2).on.on(name) : this.each(onFunction(id2, name, listener));
+  return arguments.length < 2 ? get$1(this.node(), id2).on.on(name) : this.each(onFunction(id2, name, listener));
 }
 function removeFunction(id2) {
   return function() {
@@ -19767,7 +19772,7 @@ function transition_select(select2) {
   typeof select2 != "function" && (select2 = selector$4(select2));
   for (var groups = this._groups, m2 = groups.length, subgroups = new Array(m2), j = 0; j < m2; ++j)
     for (var group = groups[j], n2 = group.length, subgroup = subgroups[j] = new Array(n2), node, subnode, i2 = 0; i2 < n2; ++i2)
-      (node = group[i2]) && (subnode = select2.call(node, node.__data__, i2, group)) && ("__data__" in node && (subnode.__data__ = node.__data__), subgroup[i2] = subnode, schedule(subgroup[i2], name, id2, i2, subgroup, get(node, id2)));
+      (node = group[i2]) && (subnode = select2.call(node, node.__data__, i2, group)) && ("__data__" in node && (subnode.__data__ = node.__data__), subgroup[i2] = subnode, schedule(subgroup[i2], name, id2, i2, subgroup, get$1(node, id2)));
   return new Transition(subgroups, this._parents, name, id2);
 }
 function transition_selectAll(select2) {
@@ -19776,7 +19781,7 @@ function transition_selectAll(select2) {
   for (var groups = this._groups, m2 = groups.length, subgroups = [], parents = [], j = 0; j < m2; ++j)
     for (var group = groups[j], n2 = group.length, node, i2 = 0; i2 < n2; ++i2)
       if (node = group[i2]) {
-        for (var children2 = select2.call(node, node.__data__, i2, group), child, inherit2 = get(node, id2), k = 0, l = children2.length; k < l; ++k)
+        for (var children2 = select2.call(node, node.__data__, i2, group), child, inherit2 = get$1(node, id2), k = 0, l = children2.length; k < l; ++k)
           (child = children2[k]) && schedule(child, name, id2, k, children2, inherit2);
         subgroups.push(children2), parents.push(node);
       }
@@ -19881,7 +19886,7 @@ function transition_transition() {
   for (var name = this._name, id0 = this._id, id1 = newId(), groups = this._groups, m2 = groups.length, j = 0; j < m2; ++j)
     for (var group = groups[j], n2 = group.length, node, i2 = 0; i2 < n2; ++i2)
       if (node = group[i2]) {
-        var inherit2 = get(node, id0);
+        var inherit2 = get$1(node, id0);
         schedule(node, name, id1, i2, group, {
           time: inherit2.time + inherit2.delay + inherit2.duration,
           delay: 0,
@@ -24474,7 +24479,7 @@ function areUrlsEqual(a2, b) {
 function isPropertyEqual(a2, b, state, property) {
   return (property === REACT_OWNER || property === PREACT_OWNER || property === PREACT_VNODE) && (a2.$$typeof || b.$$typeof) ? !0 : hasOwn(b, property) && state.equals(a2[property], b[property], property, property, a2, b, state);
 }
-var ARGUMENTS_TAG = "[object Arguments]", BOOLEAN_TAG = "[object Boolean]", DATE_TAG = "[object Date]", ERROR_TAG = "[object Error]", MAP_TAG = "[object Map]", NUMBER_TAG = "[object Number]", OBJECT_TAG = "[object Object]", REG_EXP_TAG = "[object RegExp]", SET_TAG = "[object Set]", STRING_TAG = "[object String]", URL_TAG = "[object URL]", isArray$1 = Array.isArray, isTypedArray = typeof ArrayBuffer < "u" && typeof ArrayBuffer.isView == "function" ? ArrayBuffer.isView : null, assign$1 = Object.assign, getTag = Object.prototype.toString.call.bind(Object.prototype.toString);
+var ARGUMENTS_TAG = "[object Arguments]", BOOLEAN_TAG = "[object Boolean]", DATE_TAG = "[object Date]", ERROR_TAG = "[object Error]", MAP_TAG = "[object Map]", NUMBER_TAG = "[object Number]", OBJECT_TAG = "[object Object]", REG_EXP_TAG = "[object RegExp]", SET_TAG = "[object Set]", STRING_TAG = "[object String]", URL_TAG = "[object URL]", isArray$2 = Array.isArray, isTypedArray = typeof ArrayBuffer < "u" && typeof ArrayBuffer.isView == "function" ? ArrayBuffer.isView : null, assign$1 = Object.assign, getTag = Object.prototype.toString.call.bind(Object.prototype.toString);
 function createEqualityComparator(_a) {
   var areArraysEqual2 = _a.areArraysEqual, areDatesEqual2 = _a.areDatesEqual, areErrorsEqual2 = _a.areErrorsEqual, areFunctionsEqual2 = _a.areFunctionsEqual, areMapsEqual2 = _a.areMapsEqual, areNumbersEqual2 = _a.areNumbersEqual, areObjectsEqual2 = _a.areObjectsEqual, arePrimitiveWrappersEqual2 = _a.arePrimitiveWrappersEqual, areRegExpsEqual2 = _a.areRegExpsEqual, areSetsEqual2 = _a.areSetsEqual, areTypedArraysEqual2 = _a.areTypedArraysEqual, areUrlsEqual2 = _a.areUrlsEqual, unknownTagComparators = _a.unknownTagComparators;
   return function(a2, b, state) {
@@ -24492,7 +24497,7 @@ function createEqualityComparator(_a) {
       return !1;
     if (constructor === Object)
       return areObjectsEqual2(a2, b, state);
-    if (isArray$1(a2))
+    if (isArray$2(a2))
       return areArraysEqual2(a2, b, state);
     if (isTypedArray != null && isTypedArray(a2))
       return areTypedArraysEqual2(a2, b, state);
@@ -26403,7 +26408,7 @@ class JSAnimation extends WithPromise {
     if (repeat) {
       const progress2 = Math.min(this.currentTime, totalDuration) / resolvedDuration;
       let currentIteration = Math.floor(progress2), iterationProgress = progress2 % 1;
-      !iterationProgress && progress2 >= 1 && (iterationProgress = 1), iterationProgress === 1 && currentIteration--, currentIteration = Math.min(currentIteration, repeat + 1), !!(currentIteration % 2) && (repeatType === "reverse" ? (iterationProgress = 1 - iterationProgress, repeatDelay && (iterationProgress -= repeatDelay / resolvedDuration)) : repeatType === "mirror" && (frameGenerator = mirroredGenerator)), elapsed = clamp(0, 1, iterationProgress) * resolvedDuration;
+      !iterationProgress && progress2 >= 1 && (iterationProgress = 1), iterationProgress === 1 && currentIteration--, currentIteration = Math.min(currentIteration, repeat + 1), currentIteration % 2 && (repeatType === "reverse" ? (iterationProgress = 1 - iterationProgress, repeatDelay && (iterationProgress -= repeatDelay / resolvedDuration)) : repeatType === "mirror" && (frameGenerator = mirroredGenerator)), elapsed = clamp(0, 1, iterationProgress) * resolvedDuration;
     }
     const state = isInDelayPhase ? { done: !1, value: keyframes2[0] } : frameGenerator.next(elapsed);
     mixKeyframes && (state.value = mixKeyframes(state.value));
@@ -27902,11 +27907,47 @@ function useCreateMotionContext(props2) {
 function variantLabelsAsDependency(prop) {
   return Array.isArray(prop) ? prop.join(" ") : prop;
 }
-const scaleCorrectors = {};
-function addScaleCorrector(correctors) {
-  for (const key in correctors)
-    scaleCorrectors[key] = correctors[key], isCSSVariableName(key) && (scaleCorrectors[key].isCSSVariable = !0);
+function pixelsToPercent(pixels, axis) {
+  return axis.max === axis.min ? 0 : pixels / (axis.max - axis.min) * 100;
 }
+const correctBorderRadius = {
+  correct: (latest2, node) => {
+    if (!node.target)
+      return latest2;
+    if (typeof latest2 == "string")
+      if (px$1.test(latest2))
+        latest2 = parseFloat(latest2);
+      else
+        return latest2;
+    const x2 = pixelsToPercent(latest2, node.target.x), y2 = pixelsToPercent(latest2, node.target.y);
+    return `${x2}% ${y2}%`;
+  }
+}, correctBoxShadow = {
+  correct: (latest2, { treeScale, projectionDelta }) => {
+    const original = latest2, shadow = complex.parse(latest2);
+    if (shadow.length > 5)
+      return original;
+    const template = complex.createTransformer(latest2), offset2 = typeof shadow[0] != "number" ? 1 : 0, xScale = projectionDelta.x.scale * treeScale.x, yScale = projectionDelta.y.scale * treeScale.y;
+    shadow[0 + offset2] /= xScale, shadow[1 + offset2] /= yScale;
+    const averageScale = mixNumber$1(xScale, yScale, 0.5);
+    return typeof shadow[2 + offset2] == "number" && (shadow[2 + offset2] /= averageScale), typeof shadow[3 + offset2] == "number" && (shadow[3 + offset2] /= averageScale), template(shadow);
+  }
+}, scaleCorrectors = {
+  borderRadius: {
+    ...correctBorderRadius,
+    applyTo: [
+      "borderTopLeftRadius",
+      "borderTopRightRadius",
+      "borderBottomLeftRadius",
+      "borderBottomRightRadius"
+    ]
+  },
+  borderTopLeftRadius: correctBorderRadius,
+  borderTopRightRadius: correctBorderRadius,
+  borderBottomLeftRadius: correctBorderRadius,
+  borderBottomRightRadius: correctBorderRadius,
+  boxShadow: correctBoxShadow
+};
 function isForcedMotionValue(key, { layout: layout2, layoutId }) {
   return transformProps.has(key) || key.startsWith("origin") || (layout2 || layoutId !== void 0) && (!!scaleCorrectors[key] || key === "opacity");
 }
@@ -28167,7 +28208,7 @@ function scrapeMotionValuesFromProps(props2, prevProps, visualElement) {
 const useSVGVisualState = /* @__PURE__ */ makeUseVisualState({
   scrapeMotionValuesFromProps,
   createRenderState: createSvgRenderState
-}), motionComponentSymbol = Symbol.for("motionComponentSymbol");
+}), motionComponentSymbol = /* @__PURE__ */ Symbol.for("motionComponentSymbol");
 function isRefObject(ref) {
   return ref && typeof ref == "object" && Object.prototype.hasOwnProperty.call(ref, "current");
 }
@@ -29585,32 +29626,6 @@ const globalProjectionState = {
    */
   hasEverUpdated: !1
 };
-function pixelsToPercent(pixels, axis) {
-  return axis.max === axis.min ? 0 : pixels / (axis.max - axis.min) * 100;
-}
-const correctBorderRadius = {
-  correct: (latest2, node) => {
-    if (!node.target)
-      return latest2;
-    if (typeof latest2 == "string")
-      if (px$1.test(latest2))
-        latest2 = parseFloat(latest2);
-      else
-        return latest2;
-    const x2 = pixelsToPercent(latest2, node.target.x), y2 = pixelsToPercent(latest2, node.target.y);
-    return `${x2}% ${y2}%`;
-  }
-}, correctBoxShadow = {
-  correct: (latest2, { treeScale, projectionDelta }) => {
-    const original = latest2, shadow = complex.parse(latest2);
-    if (shadow.length > 5)
-      return original;
-    const template = complex.createTransformer(latest2), offset2 = typeof shadow[0] != "number" ? 1 : 0, xScale = projectionDelta.x.scale * treeScale.x, yScale = projectionDelta.y.scale * treeScale.y;
-    shadow[0 + offset2] /= xScale, shadow[1 + offset2] /= yScale;
-    const averageScale = mixNumber$1(xScale, yScale, 0.5);
-    return typeof shadow[2 + offset2] == "number" && (shadow[2 + offset2] /= averageScale), typeof shadow[3 + offset2] == "number" && (shadow[3 + offset2] /= averageScale), template(shadow);
-  }
-};
 let hasTakenAnySnapshot = !1;
 class MeasureLayoutWithContext extends Component {
   /**
@@ -29620,7 +29635,7 @@ class MeasureLayoutWithContext extends Component {
    */
   componentDidMount() {
     const { visualElement, layoutGroup, switchLayoutGroup, layoutId } = this.props, { projection } = visualElement;
-    addScaleCorrector(defaultScaleCorrectors), projection && (layoutGroup.group && layoutGroup.group.add(projection), switchLayoutGroup && switchLayoutGroup.register && layoutId && switchLayoutGroup.register(projection), hasTakenAnySnapshot && projection.root.didUpdate(), projection.addEventListener("animationComplete", () => {
+    projection && (layoutGroup.group && layoutGroup.group.add(projection), switchLayoutGroup && switchLayoutGroup.register && layoutId && switchLayoutGroup.register(projection), hasTakenAnySnapshot && projection.root.didUpdate(), projection.addEventListener("animationComplete", () => {
       this.safeToRemove();
     }), projection.setOptions({
       ...projection.options,
@@ -29656,22 +29671,6 @@ function MeasureLayout(props2) {
   const [isPresent, safeToRemove] = usePresence(), layoutGroup = useContext(LayoutGroupContext);
   return jsx(MeasureLayoutWithContext, { ...props2, layoutGroup, switchLayoutGroup: useContext(SwitchLayoutGroupContext), isPresent, safeToRemove });
 }
-const defaultScaleCorrectors = {
-  borderRadius: {
-    ...correctBorderRadius,
-    applyTo: [
-      "borderTopLeftRadius",
-      "borderTopRightRadius",
-      "borderBottomLeftRadius",
-      "borderBottomRightRadius"
-    ]
-  },
-  borderTopLeftRadius: correctBorderRadius,
-  borderTopRightRadius: correctBorderRadius,
-  borderBottomLeftRadius: correctBorderRadius,
-  borderBottomRightRadius: correctBorderRadius,
-  boxShadow: correctBoxShadow
-};
 function animateSingleValue(value, keyframes2, options) {
   const motionValue$1 = isMotionValue(value) ? value : motionValue(value);
   return motionValue$1.start(animateMotionValue("", motionValue$1, keyframes2, options)), motionValue$1.animation;
@@ -31075,7 +31074,7 @@ function matchesState(parentStateId, childStateId) {
   return typeof childStateValue == "string" ? typeof parentStateValue == "string" ? childStateValue === parentStateValue : !1 : typeof parentStateValue == "string" ? parentStateValue in childStateValue : Object.keys(parentStateValue).every((key) => key in childStateValue ? matchesState(parentStateValue[key], childStateValue[key]) : !1);
 }
 function toStatePath(stateId) {
-  if (isArray(stateId))
+  if (isArray$1(stateId))
     return stateId;
   const result = [];
   let segment = "";
@@ -31125,7 +31124,7 @@ function mapValues(collection, iteratee) {
   return result;
 }
 function toArrayStrict(value) {
-  return isArray(value) ? value : [value];
+  return isArray$1(value) ? value : [value];
 }
 function toArray$1(value) {
   return value === void 0 ? [] : toArrayStrict(value);
@@ -31137,7 +31136,7 @@ function resolveOutput(mapper, context, event, self2) {
     self: self2
   }) : mapper;
 }
-function isArray(value) {
+function isArray$1(value) {
   return Array.isArray(value);
 }
 function isErrorActorEvent(event) {
@@ -36137,132 +36136,123 @@ const curveCatmullRomOpen = (function custom4(alpha2) {
     return custom4(+alpha3);
   }, catmullRom;
 })(0.5);
-var NOTHING = Symbol.for("immer-nothing"), DRAFTABLE = Symbol.for("immer-draftable"), DRAFT_STATE = Symbol.for("immer-state");
+var NOTHING = /* @__PURE__ */ Symbol.for("immer-nothing"), DRAFTABLE = /* @__PURE__ */ Symbol.for("immer-draftable"), DRAFT_STATE = /* @__PURE__ */ Symbol.for("immer-state");
 function die(error, ...args) {
   throw new Error(
     `[Immer] minified error nr: ${error}. Full error at: https://bit.ly/3cXEKWf`
   );
 }
-var getPrototypeOf = Object.getPrototypeOf;
-function isDraft(value) {
-  return !!value && !!value[DRAFT_STATE];
-}
+var O = Object, getPrototypeOf = O.getPrototypeOf, CONSTRUCTOR = "constructor", PROTOTYPE = "prototype", CONFIGURABLE = "configurable", ENUMERABLE = "enumerable", WRITABLE = "writable", VALUE = "value", isDraft = (value) => !!value && !!value[DRAFT_STATE];
 function isDraftable(value) {
-  return value ? isPlainObject$1(value) || Array.isArray(value) || !!value[DRAFTABLE] || !!value.constructor?.[DRAFTABLE] || isMap(value) || isSet(value) : !1;
+  return value ? isPlainObject$1(value) || isArray(value) || !!value[DRAFTABLE] || !!value[CONSTRUCTOR]?.[DRAFTABLE] || isMap(value) || isSet(value) : !1;
 }
-var objectCtorString = Object.prototype.constructor.toString(), cachedCtorStrings = /* @__PURE__ */ new WeakMap();
+var objectCtorString = O[PROTOTYPE][CONSTRUCTOR].toString(), cachedCtorStrings = /* @__PURE__ */ new WeakMap();
 function isPlainObject$1(value) {
-  if (!value || typeof value != "object")
+  if (!value || !isObjectish(value))
     return !1;
-  const proto = Object.getPrototypeOf(value);
-  if (proto === null || proto === Object.prototype)
+  const proto = getPrototypeOf(value);
+  if (proto === null || proto === O[PROTOTYPE])
     return !0;
-  const Ctor = Object.hasOwnProperty.call(proto, "constructor") && proto.constructor;
+  const Ctor = O.hasOwnProperty.call(proto, CONSTRUCTOR) && proto[CONSTRUCTOR];
   if (Ctor === Object)
     return !0;
-  if (typeof Ctor != "function")
+  if (!isFunction(Ctor))
     return !1;
   let ctorString = cachedCtorStrings.get(Ctor);
   return ctorString === void 0 && (ctorString = Function.toString.call(Ctor), cachedCtorStrings.set(Ctor, ctorString)), ctorString === objectCtorString;
 }
 function each(obj, iter, strict = !0) {
-  getArchtype(obj) === 0 ? (strict ? Reflect.ownKeys(obj) : Object.keys(obj)).forEach((key) => {
+  getArchtype(obj) === 0 ? (strict ? Reflect.ownKeys(obj) : O.keys(obj)).forEach((key) => {
     iter(key, obj[key], obj);
   }) : obj.forEach((entry, index2) => iter(index2, entry, obj));
 }
 function getArchtype(thing) {
   const state = thing[DRAFT_STATE];
-  return state ? state.type_ : Array.isArray(thing) ? 1 : isMap(thing) ? 2 : isSet(thing) ? 3 : 0;
-}
-function has(thing, prop) {
-  return getArchtype(thing) === 2 ? thing.has(prop) : Object.prototype.hasOwnProperty.call(thing, prop);
-}
-function set(thing, propOrOldValue, value) {
-  const t2 = getArchtype(thing);
-  t2 === 2 ? thing.set(propOrOldValue, value) : t2 === 3 ? thing.add(value) : thing[propOrOldValue] = value;
+  return state ? state.type_ : isArray(thing) ? 1 : isMap(thing) ? 2 : isSet(thing) ? 3 : 0;
 }
+var has = (thing, prop, type = getArchtype(thing)) => type === 2 ? thing.has(prop) : O[PROTOTYPE].hasOwnProperty.call(thing, prop), get = (thing, prop, type = getArchtype(thing)) => (
+  // @ts-ignore
+  type === 2 ? thing.get(prop) : thing[prop]
+), set = (thing, propOrOldValue, value, type = getArchtype(thing)) => {
+  type === 2 ? thing.set(propOrOldValue, value) : type === 3 ? thing.add(value) : thing[propOrOldValue] = value;
+};
 function is(x2, y2) {
   return x2 === y2 ? x2 !== 0 || 1 / x2 === 1 / y2 : x2 !== x2 && y2 !== y2;
 }
-function isMap(target) {
-  return target instanceof Map;
-}
-function isSet(target) {
-  return target instanceof Set;
-}
-function latest(state) {
-  return state.copy_ || state.base_;
-}
+var isArray = Array.isArray, isMap = (target) => target instanceof Map, isSet = (target) => target instanceof Set, isObjectish = (target) => typeof target == "object", isFunction = (target) => typeof target == "function", isBoolean = (target) => typeof target == "boolean", latest = (state) => state.copy_ || state.base_, getFinalValue = (state) => state.modified_ ? state.copy_ : state.base_;
 function shallowCopy(base, strict) {
   if (isMap(base))
     return new Map(base);
   if (isSet(base))
     return new Set(base);
-  if (Array.isArray(base))
-    return Array.prototype.slice.call(base);
+  if (isArray(base))
+    return Array[PROTOTYPE].slice.call(base);
   const isPlain = isPlainObject$1(base);
   if (strict === !0 || strict === "class_only" && !isPlain) {
-    const descriptors = Object.getOwnPropertyDescriptors(base);
+    const descriptors = O.getOwnPropertyDescriptors(base);
     delete descriptors[DRAFT_STATE];
     let keys2 = Reflect.ownKeys(descriptors);
     for (let i2 = 0; i2 < keys2.length; i2++) {
       const key = keys2[i2], desc = descriptors[key];
-      desc.writable === !1 && (desc.writable = !0, desc.configurable = !0), (desc.get || desc.set) && (descriptors[key] = {
-        configurable: !0,
-        writable: !0,
+      desc[WRITABLE] === !1 && (desc[WRITABLE] = !0, desc[CONFIGURABLE] = !0), (desc.get || desc.set) && (descriptors[key] = {
+        [CONFIGURABLE]: !0,
+        [WRITABLE]: !0,
         // could live with !!desc.set as well here...
-        enumerable: desc.enumerable,
-        value: base[key]
+        [ENUMERABLE]: desc[ENUMERABLE],
+        [VALUE]: base[key]
       });
     }
-    return Object.create(getPrototypeOf(base), descriptors);
+    return O.create(getPrototypeOf(base), descriptors);
   } else {
     const proto = getPrototypeOf(base);
     if (proto !== null && isPlain)
       return { ...base };
-    const obj = Object.create(proto);
-    return Object.assign(obj, base);
+    const obj = O.create(proto);
+    return O.assign(obj, base);
   }
 }
 function freeze(obj, deep = !1) {
-  return isFrozen(obj) || isDraft(obj) || !isDraftable(obj) || (getArchtype(obj) > 1 && Object.defineProperties(obj, {
+  return isFrozen(obj) || isDraft(obj) || !isDraftable(obj) || (getArchtype(obj) > 1 && O.defineProperties(obj, {
     set: dontMutateMethodOverride,
     add: dontMutateMethodOverride,
     clear: dontMutateMethodOverride,
     delete: dontMutateMethodOverride
-  }), Object.freeze(obj), deep && Object.values(obj).forEach((value) => freeze(value, !0))), obj;
+  }), O.freeze(obj), deep && each(
+    obj,
+    (_key, value) => {
+      freeze(value, !0);
+    },
+    !1
+  )), obj;
 }
 function dontMutateFrozenCollections() {
   die(2);
 }
 var dontMutateMethodOverride = {
-  value: dontMutateFrozenCollections
+  [VALUE]: dontMutateFrozenCollections
 };
 function isFrozen(obj) {
-  return obj === null || typeof obj != "object" ? !0 : Object.isFrozen(obj);
+  return obj === null || !isObjectish(obj) ? !0 : O.isFrozen(obj);
 }
-var plugins = {};
+var PluginMapSet = "MapSet", PluginPatches = "Patches", plugins = {};
 function getPlugin(pluginKey) {
   const plugin = plugins[pluginKey];
   return plugin || die(0, pluginKey), plugin;
 }
-var currentScope;
-function getCurrentScope() {
-  return currentScope;
-}
-function createScope(parent_, immer_) {
-  return {
-    drafts_: [],
-    parent_,
-    immer_,
-    // Whenever the modified draft contains a draft from another scope, we
-    // need to prevent auto-freezing so the unowned draft can be finalized.
-    canAutoFreeze_: !0,
-    unfinalizedDrafts_: 0
-  };
-}
+var isPluginLoaded = (pluginKey) => !!plugins[pluginKey], currentScope, getCurrentScope = () => currentScope, createScope = (parent_, immer_) => ({
+  drafts_: [],
+  parent_,
+  immer_,
+  // Whenever the modified draft contains a draft from another scope, we
+  // need to prevent auto-freezing so the unowned draft can be finalized.
+  canAutoFreeze_: !0,
+  unfinalizedDrafts_: 0,
+  handledSet_: /* @__PURE__ */ new Set(),
+  processedForPatches_: /* @__PURE__ */ new Set(),
+  mapSetPlugin_: isPluginLoaded(PluginMapSet) ? getPlugin(PluginMapSet) : void 0
+});
 function usePatchesInScope(scope, patchListener) {
-  patchListener && (getPlugin("Patches"), scope.patches_ = [], scope.inversePatches_ = [], scope.patchListener_ = patchListener);
+  patchListener && (scope.patchPlugin_ = getPlugin(PluginPatches), scope.patches_ = [], scope.inversePatches_ = [], scope.patchListener_ = patchListener);
 }
 function revokeScope(scope) {
   leaveScope(scope), scope.drafts_.forEach(revokeDraft), scope.drafts_ = null;
@@ -36270,9 +36260,7 @@ function revokeScope(scope) {
 function leaveScope(scope) {
   scope === currentScope && (currentScope = scope.parent_);
 }
-function enterScope(immer2) {
-  return currentScope = createScope(currentScope, immer2);
-}
+var enterScope = (immer2) => currentScope = createScope(currentScope, immer2);
 function revokeDraft(draft) {
   const state = draft[DRAFT_STATE];
   state.type_ === 0 || state.type_ === 1 ? state.revoke_() : state.revoked_ = !0;
@@ -36280,78 +36268,115 @@ function revokeDraft(draft) {
 function processResult(result, scope) {
   scope.unfinalizedDrafts_ = scope.drafts_.length;
   const baseDraft = scope.drafts_[0];
-  return result !== void 0 && result !== baseDraft ? (baseDraft[DRAFT_STATE].modified_ && (revokeScope(scope), die(4)), isDraftable(result) && (result = finalize(scope, result), scope.parent_ || maybeFreeze(scope, result)), scope.patches_ && getPlugin("Patches").generateReplacementPatches_(
-    baseDraft[DRAFT_STATE].base_,
-    result,
-    scope.patches_,
-    scope.inversePatches_
-  )) : result = finalize(scope, baseDraft, []), revokeScope(scope), scope.patches_ && scope.patchListener_(scope.patches_, scope.inversePatches_), result !== NOTHING ? result : void 0;
-}
-function finalize(rootScope, value, path) {
+  if (result !== void 0 && result !== baseDraft) {
+    baseDraft[DRAFT_STATE].modified_ && (revokeScope(scope), die(4)), isDraftable(result) && (result = finalize(scope, result));
+    const { patchPlugin_ } = scope;
+    patchPlugin_ && patchPlugin_.generateReplacementPatches_(
+      baseDraft[DRAFT_STATE].base_,
+      result,
+      scope
+    );
+  } else
+    result = finalize(scope, baseDraft);
+  return maybeFreeze(scope, result, !0), revokeScope(scope), scope.patches_ && scope.patchListener_(scope.patches_, scope.inversePatches_), result !== NOTHING ? result : void 0;
+}
+function finalize(rootScope, value) {
   if (isFrozen(value))
     return value;
-  const useStrictIteration = rootScope.immer_.shouldUseStrictIteration(), state = value[DRAFT_STATE];
+  const state = value[DRAFT_STATE];
   if (!state)
-    return each(
-      value,
-      (key, childValue) => finalizeProperty(rootScope, state, value, key, childValue, path),
-      useStrictIteration
-    ), value;
-  if (state.scope_ !== rootScope)
+    return handleValue(value, rootScope.handledSet_, rootScope);
+  if (!isSameScope(state, rootScope))
     return value;
   if (!state.modified_)
-    return maybeFreeze(rootScope, state.base_, !0), state.base_;
+    return state.base_;
   if (!state.finalized_) {
-    state.finalized_ = !0, state.scope_.unfinalizedDrafts_--;
-    const result = state.copy_;
-    let resultEach = result, isSet2 = !1;
-    state.type_ === 3 && (resultEach = new Set(result), result.clear(), isSet2 = !0), each(
-      resultEach,
-      (key, childValue) => finalizeProperty(
-        rootScope,
-        state,
-        result,
-        key,
-        childValue,
-        path,
-        isSet2
-      ),
-      useStrictIteration
-    ), maybeFreeze(rootScope, result, !1), path && rootScope.patches_ && getPlugin("Patches").generatePatches_(
-      state,
-      path,
-      rootScope.patches_,
-      rootScope.inversePatches_
-    );
+    const { callbacks_ } = state;
+    if (callbacks_)
+      for (; callbacks_.length > 0; )
+        callbacks_.pop()(rootScope);
+    generatePatchesAndFinalize(state, rootScope);
   }
   return state.copy_;
 }
-function finalizeProperty(rootScope, parentState, targetObject, prop, childValue, rootPath, targetIsSet) {
-  if (childValue == null || typeof childValue != "object" && !targetIsSet)
+function maybeFreeze(scope, value, deep = !1) {
+  !scope.parent_ && scope.immer_.autoFreeze_ && scope.canAutoFreeze_ && freeze(value, deep);
+}
+function markStateFinalized(state) {
+  state.finalized_ = !0, state.scope_.unfinalizedDrafts_--;
+}
+var isSameScope = (state, rootScope) => state.scope_ === rootScope, EMPTY_LOCATIONS_RESULT = [];
+function updateDraftInParent(parent, draftValue, finalizedValue, originalKey) {
+  const parentCopy = latest(parent), parentType = parent.type_;
+  if (originalKey !== void 0 && get(parentCopy, originalKey, parentType) === draftValue) {
+    set(parentCopy, originalKey, finalizedValue, parentType);
     return;
-  const childIsFrozen = isFrozen(childValue);
-  if (!(childIsFrozen && !targetIsSet)) {
-    if (isDraft(childValue)) {
-      const path = rootPath && parentState && parentState.type_ !== 3 && // Set objects are atomic since they have no keys.
-      !has(parentState.assigned_, prop) ? rootPath.concat(prop) : void 0, res = finalize(rootScope, childValue, path);
-      if (set(targetObject, prop, res), isDraft(res))
-        rootScope.canAutoFreeze_ = !1;
-      else
-        return;
-    } else targetIsSet && targetObject.add(childValue);
-    if (isDraftable(childValue) && !childIsFrozen) {
-      if (!rootScope.immer_.autoFreeze_ && rootScope.unfinalizedDrafts_ < 1 || parentState && parentState.base_ && parentState.base_[prop] === childValue && childIsFrozen)
-        return;
-      finalize(rootScope, childValue), (!parentState || !parentState.scope_.parent_) && typeof prop != "symbol" && (isMap(targetObject) ? targetObject.has(prop) : Object.prototype.propertyIsEnumerable.call(targetObject, prop)) && maybeFreeze(rootScope, childValue);
+  }
+  if (!parent.draftLocations_) {
+    const draftLocations = parent.draftLocations_ = /* @__PURE__ */ new Map();
+    each(parentCopy, (key, value) => {
+      if (isDraft(value)) {
+        const keys2 = draftLocations.get(value) || [];
+        keys2.push(key), draftLocations.set(value, keys2);
+      }
+    });
+  }
+  const locations = parent.draftLocations_.get(draftValue) ?? EMPTY_LOCATIONS_RESULT;
+  for (const location of locations)
+    set(parentCopy, location, finalizedValue, parentType);
+}
+function registerChildFinalizationCallback(parent, child, key) {
+  parent.callbacks_.push(function(rootScope) {
+    const state = child;
+    if (!state || !isSameScope(state, rootScope))
+      return;
+    rootScope.mapSetPlugin_?.fixSetContents(state);
+    const finalizedValue = getFinalValue(state);
+    updateDraftInParent(parent, state.draft_ ?? state, finalizedValue, key), generatePatchesAndFinalize(state, rootScope);
+  });
+}
+function generatePatchesAndFinalize(state, rootScope) {
+  if (state.modified_ && !state.finalized_ && (state.type_ === 3 || (state.assigned_?.size ?? 0) > 0)) {
+    const { patchPlugin_ } = rootScope;
+    if (patchPlugin_) {
+      const basePath = patchPlugin_.getPath(state);
+      basePath && patchPlugin_.generatePatches_(state, basePath, rootScope);
     }
+    markStateFinalized(state);
   }
 }
-function maybeFreeze(scope, value, deep = !1) {
-  !scope.parent_ && scope.immer_.autoFreeze_ && scope.canAutoFreeze_ && freeze(value, deep);
+function handleCrossReference(target, key, value) {
+  const { scope_ } = target;
+  if (isDraft(value)) {
+    const state = value[DRAFT_STATE];
+    isSameScope(state, scope_) && state.callbacks_.push(function() {
+      prepareCopy(target);
+      const finalizedValue = getFinalValue(state);
+      updateDraftInParent(target, value, finalizedValue, key);
+    });
+  } else isDraftable(value) && target.callbacks_.push(function() {
+    const targetCopy = latest(target);
+    get(targetCopy, key, target.type_) === value && scope_.drafts_.length > 1 && (target.assigned_.get(key) ?? !1) === !0 && target.copy_ && handleValue(
+      get(target.copy_, key, target.type_),
+      scope_.handledSet_,
+      scope_
+    );
+  });
+}
+function handleValue(target, handledSet, rootScope) {
+  return !rootScope.immer_.autoFreeze_ && rootScope.unfinalizedDrafts_ < 1 || isDraft(target) || handledSet.has(target) || !isDraftable(target) || isFrozen(target) || (handledSet.add(target), each(target, (key, value) => {
+    if (isDraft(value)) {
+      const state = value[DRAFT_STATE];
+      if (isSameScope(state, rootScope)) {
+        const updatedValue = getFinalValue(state);
+        set(target, key, updatedValue, target.type_), markStateFinalized(state);
+      }
+    } else isDraftable(value) && handleValue(value, handledSet, rootScope);
+  })), target;
 }
 function createProxyProxy(base, parent) {
-  const isArray2 = Array.isArray(base), state = {
-    type_: isArray2 ? 1 : 0,
+  const baseIsArray = isArray(base), state = {
+    type_: baseIsArray ? 1 : 0,
     // Track which produce call this is associated with.
     scope_: parent ? parent.scope_ : getCurrentScope(),
     // True for both shallow and deep changes.
@@ -36359,7 +36384,8 @@ function createProxyProxy(base, parent) {
     // Used during finalization.
     finalized_: !1,
     // Track which properties have been assigned (true) or deleted (false).
-    assigned_: {},
+    // actually instantiated in `prepareCopy()`
+    assigned_: void 0,
     // The parent draft state.
     parent_: parent,
     // The base state.
@@ -36371,22 +36397,31 @@ function createProxyProxy(base, parent) {
     copy_: null,
     // Called by the `produce` function.
     revoke_: null,
-    isManual_: !1
+    isManual_: !1,
+    // `callbacks` actually gets assigned in `createProxy`
+    callbacks_: void 0
   };
   let target = state, traps = objectTraps;
-  isArray2 && (target = [state], traps = arrayTraps);
+  baseIsArray && (target = [state], traps = arrayTraps);
   const { revoke, proxy } = Proxy.revocable(target, traps);
-  return state.draft_ = proxy, state.revoke_ = revoke, proxy;
+  return state.draft_ = proxy, state.revoke_ = revoke, [proxy, state];
 }
 var objectTraps = {
   get(state, prop) {
     if (prop === DRAFT_STATE)
       return state;
     const source = latest(state);
-    if (!has(source, prop))
+    if (!has(source, prop, state.type_))
       return readPropFromProto(state, source, prop);
     const value = source[prop];
-    return state.finalized_ || !isDraftable(value) ? value : value === peek(state.base_, prop) ? (prepareCopy(state), state.copy_[prop] = createProxy(value, state)) : value;
+    if (state.finalized_ || !isDraftable(value))
+      return value;
+    if (value === peek(state.base_, prop)) {
+      prepareCopy(state);
+      const childKey = state.type_ === 1 ? +prop : prop, childDraft = createProxy(state.scope_, value, state, childKey);
+      return state.copy_[childKey] = childDraft;
+    }
+    return value;
   },
   has(state, prop) {
     return prop in latest(state);
@@ -36401,27 +36436,27 @@ var objectTraps = {
     if (!state.modified_) {
       const current2 = peek(latest(state), prop), currentState = current2?.[DRAFT_STATE];
       if (currentState && currentState.base_ === value)
-        return state.copy_[prop] = value, state.assigned_[prop] = !1, !0;
-      if (is(value, current2) && (value !== void 0 || has(state.base_, prop)))
+        return state.copy_[prop] = value, state.assigned_.set(prop, !1), !0;
+      if (is(value, current2) && (value !== void 0 || has(state.base_, prop, state.type_)))
         return !0;
       prepareCopy(state), markChanged(state);
     }
     return state.copy_[prop] === value && // special case: handle new props with value 'undefined'
     (value !== void 0 || prop in state.copy_) || // special case: NaN
-    Number.isNaN(value) && Number.isNaN(state.copy_[prop]) || (state.copy_[prop] = value, state.assigned_[prop] = !0), !0;
+    Number.isNaN(value) && Number.isNaN(state.copy_[prop]) || (state.copy_[prop] = value, state.assigned_.set(prop, !0), handleCrossReference(state, prop, value)), !0;
   },
   deleteProperty(state, prop) {
-    return peek(state.base_, prop) !== void 0 || prop in state.base_ ? (state.assigned_[prop] = !1, prepareCopy(state), markChanged(state)) : delete state.assigned_[prop], state.copy_ && delete state.copy_[prop], !0;
+    return prepareCopy(state), peek(state.base_, prop) !== void 0 || prop in state.base_ ? (state.assigned_.set(prop, !1), markChanged(state)) : state.assigned_.delete(prop), state.copy_ && delete state.copy_[prop], !0;
   },
   // Note: We never coerce `desc.value` into an Immer draft, because we can't make
   // the same guarantee in ES5 mode.
   getOwnPropertyDescriptor(state, prop) {
     const owner = latest(state), desc = Reflect.getOwnPropertyDescriptor(owner, prop);
     return desc && {
-      writable: !0,
-      configurable: state.type_ !== 1 || prop !== "length",
-      enumerable: desc.enumerable,
-      value: owner[prop]
+      [WRITABLE]: !0,
+      [CONFIGURABLE]: state.type_ !== 1 || prop !== "length",
+      [ENUMERABLE]: desc[ENUMERABLE],
+      [VALUE]: owner[prop]
     };
   },
   defineProperty() {
@@ -36436,7 +36471,8 @@ var objectTraps = {
 }, arrayTraps = {};
 each(objectTraps, (key, fn) => {
   arrayTraps[key] = function() {
-    return arguments[0] = arguments[0][0], fn.apply(this, arguments);
+    const args = arguments;
+    return args[0] = args[0][0], fn.apply(this, args);
   };
 });
 arrayTraps.deleteProperty = function(state, prop) {
@@ -36451,7 +36487,7 @@ function peek(draft, prop) {
 }
 function readPropFromProto(state, source, prop) {
   const desc = getDescriptorFromProto(source, prop);
-  return desc ? "value" in desc ? desc.value : (
+  return desc ? VALUE in desc ? desc[VALUE] : (
     // This is a very special case, if the prop is a getter defined by the
     // prototype, we should invoke it with the draft as context!
     desc.get?.call(state.draft_)
@@ -36472,15 +36508,15 @@ function markChanged(state) {
   state.modified_ || (state.modified_ = !0, state.parent_ && markChanged(state.parent_));
 }
 function prepareCopy(state) {
-  state.copy_ || (state.copy_ = shallowCopy(
+  state.copy_ || (state.assigned_ = /* @__PURE__ */ new Map(), state.copy_ = shallowCopy(
     state.base_,
     state.scope_.immer_.useStrictShallowCopy_
   ));
 }
 var Immer2 = class {
   constructor(config2) {
-    this.autoFreeze_ = !0, this.useStrictShallowCopy_ = !1, this.useStrictIteration_ = !0, this.produce = (base, recipe, patchListener) => {
-      if (typeof base == "function" && typeof recipe != "function") {
+    this.autoFreeze_ = !0, this.useStrictShallowCopy_ = !1, this.useStrictIteration_ = !1, this.produce = (base, recipe, patchListener) => {
+      if (isFunction(base) && !isFunction(recipe)) {
         const defaultBase = recipe;
         recipe = base;
         const self2 = this;
@@ -36488,10 +36524,10 @@ var Immer2 = class {
           return self2.produce(base2, (draft) => recipe.call(this, draft, ...args));
         };
       }
-      typeof recipe != "function" && die(6), patchListener !== void 0 && typeof patchListener != "function" && die(7);
+      isFunction(recipe) || die(6), patchListener !== void 0 && !isFunction(patchListener) && die(7);
       let result;
       if (isDraftable(base)) {
-        const scope = enterScope(this), proxy = createProxy(base, void 0);
+        const scope = enterScope(this), proxy = createProxy(scope, base, void 0);
         let hasError = !0;
         try {
           result = recipe(proxy), hasError = !1;
@@ -36499,26 +36535,29 @@ var Immer2 = class {
           hasError ? revokeScope(scope) : leaveScope(scope);
         }
         return usePatchesInScope(scope, patchListener), processResult(result, scope);
-      } else if (!base || typeof base != "object") {
+      } else if (!base || !isObjectish(base)) {
         if (result = recipe(base), result === void 0 && (result = base), result === NOTHING && (result = void 0), this.autoFreeze_ && freeze(result, !0), patchListener) {
           const p = [], ip = [];
-          getPlugin("Patches").generateReplacementPatches_(base, result, p, ip), patchListener(p, ip);
+          getPlugin(PluginPatches).generateReplacementPatches_(base, result, {
+            patches_: p,
+            inversePatches_: ip
+          }), patchListener(p, ip);
         }
         return result;
       } else
         die(1, base);
     }, this.produceWithPatches = (base, recipe) => {
-      if (typeof base == "function")
+      if (isFunction(base))
         return (state, ...args) => this.produceWithPatches(state, (draft) => base(draft, ...args));
       let patches, inversePatches;
       return [this.produce(base, recipe, (p, ip) => {
         patches = p, inversePatches = ip;
       }), patches, inversePatches];
-    }, typeof config2?.autoFreeze == "boolean" && this.setAutoFreeze(config2.autoFreeze), typeof config2?.useStrictShallowCopy == "boolean" && this.setUseStrictShallowCopy(config2.useStrictShallowCopy), typeof config2?.useStrictIteration == "boolean" && this.setUseStrictIteration(config2.useStrictIteration);
+    }, isBoolean(config2?.autoFreeze) && this.setAutoFreeze(config2.autoFreeze), isBoolean(config2?.useStrictShallowCopy) && this.setUseStrictShallowCopy(config2.useStrictShallowCopy), isBoolean(config2?.useStrictIteration) && this.setUseStrictIteration(config2.useStrictIteration);
   }
   createDraft(base) {
     isDraftable(base) || die(8), isDraft(base) && (base = current(base));
-    const scope = enterScope(this), proxy = createProxy(base, void 0);
+    const scope = enterScope(this), proxy = createProxy(scope, base, void 0);
     return proxy[DRAFT_STATE].isManual_ = !0, leaveScope(scope), proxy;
   }
   finishDraft(draft, patchListener) {
@@ -36565,16 +36604,20 @@ var Immer2 = class {
       }
     }
     i2 > -1 && (patches = patches.slice(i2 + 1));
-    const applyPatchesImpl = getPlugin("Patches").applyPatches_;
+    const applyPatchesImpl = getPlugin(PluginPatches).applyPatches_;
     return isDraft(base) ? applyPatchesImpl(base, patches) : this.produce(
       base,
       (draft) => applyPatchesImpl(draft, patches)
     );
   }
 };
-function createProxy(value, parent) {
-  const draft = isMap(value) ? getPlugin("MapSet").proxyMap_(value, parent) : isSet(value) ? getPlugin("MapSet").proxySet_(value, parent) : createProxyProxy(value, parent);
-  return (parent ? parent.scope_ : getCurrentScope()).drafts_.push(draft), draft;
+function createProxy(rootScope, value, parent, key) {
+  const [draft, state] = isMap(value) ? getPlugin(PluginMapSet).proxyMap_(value, parent) : isSet(value) ? getPlugin(PluginMapSet).proxySet_(value, parent) : createProxyProxy(value, parent);
+  return (parent?.scope_ ?? getCurrentScope()).drafts_.push(draft), state.callbacks_ = parent?.callbacks_ ?? [], state.key_ = key, parent && key !== void 0 ? registerChildFinalizationCallback(parent, state, key) : state.callbacks_.push(function(rootScope2) {
+    rootScope2.mapSetPlugin_?.fixSetContents(state);
+    const { patchPlugin_ } = rootScope2;
+    state.modified_ && patchPlugin_ && patchPlugin_.generatePatches_(state, [], rootScope2);
+  }), draft;
 }
 function current(value) {
   return isDraft(value) || die(10, value), currentImpl(value);
@@ -36598,10 +36641,7 @@ function currentImpl(value) {
     strict
   ), state && (state.finalized_ = !1), copy;
 }
-var immer = new Immer2(), produce = immer.produce, setAutoFreeze = /* @__PURE__ */ immer.setAutoFreeze.bind(immer);
-function castDraft(value) {
-  return value;
-}
+var immer = new Immer2(), produce = immer.produce, setAutoFreeze = /* @__PURE__ */ immer.setAutoFreeze.bind(immer), castDraft = (value) => value;
 const Channel = {
   /* CLAMP */
   min: {
@@ -41177,8 +41217,8 @@ export {
   TabsPanel as bR,
   ScrollArea as bS,
   useCallbackRef as bT,
-  e$8 as bU,
-  animate as bV,
+  animate as bU,
+  e$8 as bV,
   VisuallyHidden as bW,
   n$p as bX,
   useWindowEvent as bY,