likec4 1.12.0 → 1.12.2

package/dist/__app__/src/chunks/{mantine-IOl1S4mZ.js → mantine-CN5aX5HW.js}

@@ -531,7 +531,15 @@ function filterProps(props) {
   return Object.keys(props).reduce((acc, key) => (props[key] !== void 0 && (acc[key] = props[key]), acc), {});
 }
 function isNumberLike(value) {
-  return typeof value == "number" ? !0 : typeof value == "string" ? value.startsWith("calc(") || value.startsWith("var(") || value.includes(" ") && value.trim() !== "" ? !0 : /[0-9]/.test(value.trim().replace("-", "")[0]) : !1;
+  if (typeof value == "number")
+    return !0;
+  if (typeof value == "string") {
+    if (value.startsWith("calc(") || value.startsWith("var(") || value.includes(" ") && value.trim() !== "")
+      return !0;
+    const cssUnitsRegex = /^[+-]?[0-9]+(\.[0-9]+)?(px|em|rem|ex|ch|lh|rlh|vw|vh|vmin|vmax|vb|vi|svw|svh|lvw|lvh|dvw|dvh|cm|mm|in|pt|pc|q|%)?$/;
+    return value.trim().split(/\s+/).every((val) => cssUnitsRegex.test(val));
+  }
+  return !1;
 }
 function isElement$1(value) {
   return Array.isArray(value) || value === null ? !1 : typeof value == "object" ? value.type !== Fragment : !1;
@@ -675,13 +683,13 @@ function createEventHandler(parentEventHandler, eventHandler) {
     parentEventHandler?.(event), eventHandler?.(event);
   };
 }
-function getBreakpointValue$2(breakpoint, theme) {
-  return breakpoint in theme.breakpoints ? px(theme.breakpoints[breakpoint]) : px(breakpoint);
+function getBreakpointValue$2(breakpoint, breakpoints) {
+  return breakpoint in breakpoints ? px(breakpoints[breakpoint]) : px(breakpoint);
 }
-function getSortedBreakpoints(breakpoints, theme) {
-  const convertedBreakpoints = breakpoints.map((breakpoint) => ({
+function getSortedBreakpoints(values2, breakpoints) {
+  const convertedBreakpoints = values2.map((breakpoint) => ({
     value: breakpoint,
-    px: getBreakpointValue$2(breakpoint, theme)
+    px: getBreakpointValue$2(breakpoint, breakpoints)
   }));
   return convertedBreakpoints.sort((a, b) => a.px - b.px), convertedBreakpoints;
 }
@@ -768,6 +776,14 @@ function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
 function useColorScheme(initialValue, options) {
   return useMediaQuery("(prefers-color-scheme: dark)", initialValue === "dark", options) ? "dark" : "light";
 }
+function useDebouncedValue(value, wait, options = { leading: !1 }) {
+  const [_value, setValue] = useState(value), mountedRef = useRef(!1), timeoutRef = useRef(null), cooldownRef = useRef(!1), cancel = () => window.clearTimeout(timeoutRef.current);
+  return useEffect(() => {
+    mountedRef.current && (!cooldownRef.current && options.leading ? (cooldownRef.current = !0, setValue(value)) : (cancel(), timeoutRef.current = window.setTimeout(() => {
+      cooldownRef.current = !1, setValue(value);
+    }, wait)));
+  }, [value, options.leading, wait]), useEffect(() => (mountedRef.current = !0, cancel), []), [_value, cancel];
+}
 const useIsomorphicEffect = typeof document < "u" ? useLayoutEffect : useEffect;
 function useDidUpdate(fn, dependencies) {
   const mounted = useRef(!1);
@@ -1009,6 +1025,12 @@ function mergeRefs(...refs) {
 function useMergedRef(...refs) {
   return useCallback(mergeRefs(...refs), refs);
 }
+function clampUseMovePosition(position) {
+  return {
+    x: clamp$2(position.x, 0, 1),
+    y: clamp$2(position.y, 0, 1)
+  };
+}
 function useMove(onChange, handlers, dir = "ltr") {
   const ref = useRef(null), mounted = useRef(!1), isSliding = useRef(!1), frame = useRef(0), [active, setActive] = useState(!1);
   return useEffect(() => {
@@ -1135,6 +1157,15 @@ function useHotkeys(hotkeys, tagsToIgnore = ["INPUT", "TEXTAREA", "SELECT"], tri
     return document.documentElement.addEventListener("keydown", keydownListener), () => document.documentElement.removeEventListener("keydown", keydownListener);
   }, [hotkeys]);
 }
+function useHover$1() {
+  const [hovered, setHovered] = useState(!1), ref = useRef(null), onMouseEnter = useCallback(() => setHovered(!0), []), onMouseLeave = useCallback(() => setHovered(!1), []);
+  return useEffect(() => {
+    if (ref.current)
+      return ref.current.addEventListener("mouseenter", onMouseEnter), ref.current.addEventListener("mouseleave", onMouseLeave), () => {
+        ref.current?.removeEventListener("mouseenter", onMouseEnter), ref.current?.removeEventListener("mouseleave", onMouseLeave);
+      };
+  }, [ref.current]), { ref, hovered };
+}
 function useDisclosure(initialState = !1, callbacks) {
   const { onOpen, onClose } = callbacks || {}, [opened, setOpened] = useState(initialState), open = useCallback(() => {
     setOpened((isOpened) => isOpened || (onOpen?.(), !0));
@@ -1165,8 +1196,12 @@ function usePrevious(value) {
   }, [value]), ref.current;
 }
 function useInViewport() {
-  const ref = useRef(null), [inViewport, setInViewport] = useState(!1), observer = useMemo(() => typeof IntersectionObserver > "u" ? null : new IntersectionObserver(([entry]) => setInViewport(entry.isIntersecting)), [ref]);
-  return useEffect(() => ref.current && observer ? (observer.observe(ref.current), () => observer.disconnect()) : () => null, []), { ref, inViewport };
+  const observer = useRef(null), [inViewport, setInViewport] = useState(!1);
+  return { ref: useCallback((node) => {
+    typeof IntersectionObserver < "u" && (node && !observer.current ? observer.current = new IntersectionObserver(
+      ([entry]) => setInViewport(entry.isIntersecting)
+    ) : observer.current?.disconnect(), node ? observer.current?.observe(node) : setInViewport(!1));
+  }, []), inViewport };
 }
 function useMutationObserver(callback, options, target) {
   const observer = useRef(), ref = useRef(null);
@@ -2003,9 +2038,9 @@ function getCSSColorVariables({
 function isVirtualColor(value) {
   return !!value && typeof value == "object" && "mantine-virtual-color" in value;
 }
-function assignSizeVariables(variables, sizes, name) {
-  keys(sizes).forEach(
-    (size2) => Object.assign(variables, { [`--mantine-${name}-${size2}`]: sizes[size2] })
+function assignSizeVariables(variables, sizes2, name) {
+  keys(sizes2).forEach(
+    (size2) => Object.assign(variables, { [`--mantine-${name}-${size2}`]: sizes2[size2] })
   );
 }
 const defaultCssVariablesResolver = (theme) => {
@@ -3084,8 +3119,8 @@ function getThumbRatio(viewportSize, contentSize) {
   const ratio = viewportSize / contentSize;
   return Number.isNaN(ratio) ? 0 : ratio;
 }
-function getThumbSize(sizes) {
-  const ratio = getThumbRatio(sizes.viewport, sizes.content), scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd, thumbSize = (sizes.scrollbar.size - scrollbarPadding) * ratio;
+function getThumbSize(sizes2) {
+  const ratio = getThumbRatio(sizes2.viewport, sizes2.content), scrollbarPadding = sizes2.scrollbar.paddingStart + sizes2.scrollbar.paddingEnd, thumbSize = (sizes2.scrollbar.size - scrollbarPadding) * ratio;
   return Math.max(thumbSize, 18);
 }
 function linearScale(input, output) {
@@ -3099,12 +3134,12 @@ function linearScale(input, output) {
 function clamp$1(value, [min2, max2]) {
   return Math.min(max2, Math.max(min2, value));
 }
-function getThumbOffsetFromScroll(scrollPos, sizes, dir = "ltr") {
-  const thumbSizePx = getThumbSize(sizes), scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd, scrollbar = sizes.scrollbar.size - scrollbarPadding, maxScrollPos = sizes.content - sizes.viewport, maxThumbPos = scrollbar - thumbSizePx, scrollClampRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0], scrollWithoutMomentum = clamp$1(scrollPos, scrollClampRange);
+function getThumbOffsetFromScroll(scrollPos, sizes2, dir = "ltr") {
+  const thumbSizePx = getThumbSize(sizes2), scrollbarPadding = sizes2.scrollbar.paddingStart + sizes2.scrollbar.paddingEnd, scrollbar = sizes2.scrollbar.size - scrollbarPadding, maxScrollPos = sizes2.content - sizes2.viewport, maxThumbPos = scrollbar - thumbSizePx, scrollClampRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0], scrollWithoutMomentum = clamp$1(scrollPos, scrollClampRange);
   return linearScale([0, maxScrollPos], [0, maxThumbPos])(scrollWithoutMomentum);
 }
-function getScrollPositionFromPointer(pointerPos, pointerOffset, sizes, dir = "ltr") {
-  const thumbSizePx = getThumbSize(sizes), thumbCenter = thumbSizePx / 2, offset2 = pointerOffset || thumbCenter, thumbOffsetFromEnd = thumbSizePx - offset2, minPointerPos = sizes.scrollbar.paddingStart + offset2, maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd, maxScrollPos = sizes.content - sizes.viewport, scrollRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
+function getScrollPositionFromPointer(pointerPos, pointerOffset, sizes2, dir = "ltr") {
+  const thumbSizePx = getThumbSize(sizes2), thumbCenter = thumbSizePx / 2, offset2 = pointerOffset || thumbCenter, thumbOffsetFromEnd = thumbSizePx - offset2, minPointerPos = sizes2.scrollbar.paddingStart + offset2, maxPointerPos = sizes2.scrollbar.size - sizes2.scrollbar.paddingEnd - thumbOffsetFromEnd, maxScrollPos = sizes2.content - sizes2.viewport, scrollRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
   return linearScale([minPointerPos, maxPointerPos], scrollRange)(pointerPos);
 }
 function isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos) {
@@ -3122,7 +3157,7 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
   "ScrollAreaScrollbar was not found in tree"
 ), Scrollbar = forwardRef((props, forwardedRef) => {
   const {
-    sizes,
+    sizes: sizes2,
     hasThumb,
     onThumbChange,
     onThumbPointerUp,
@@ -3132,7 +3167,7 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
     onWheelScroll,
     onResize,
     ...scrollbarProps
-  } = props, context = useScrollAreaContext(), [scrollbar, setScrollbar] = useState(null), composeRefs = useMergedRef(forwardedRef, (node) => setScrollbar(node)), rectRef = useRef(null), prevWebkitUserSelectRef = useRef(""), { viewport } = context, maxScrollPos = sizes.content - sizes.viewport, handleWheelScroll = useCallbackRef(onWheelScroll), handleThumbPositionChange = useCallbackRef(onThumbPositionChange), handleResize = useDebouncedCallback(onResize, 10), handleDragScroll = (event) => {
+  } = props, context = useScrollAreaContext(), [scrollbar, setScrollbar] = useState(null), composeRefs = useMergedRef(forwardedRef, (node) => setScrollbar(node)), rectRef = useRef(null), prevWebkitUserSelectRef = useRef(""), { viewport } = context, maxScrollPos = sizes2.content - sizes2.viewport, handleWheelScroll = useCallbackRef(onWheelScroll), handleThumbPositionChange = useCallbackRef(onThumbPositionChange), handleResize = useDebouncedCallback(onResize, 10), handleDragScroll = (event) => {
     if (rectRef.current) {
       const x = event.clientX - rectRef.current.left, y = event.clientY - rectRef.current.top;
       onDragScroll({ x, y });
@@ -3144,7 +3179,7 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
       scrollbar?.contains(element) && handleWheelScroll(event, maxScrollPos);
     };
     return document.addEventListener("wheel", handleWheel, { passive: !1 }), () => document.removeEventListener("wheel", handleWheel, { passive: !1 });
-  }, [viewport, scrollbar, maxScrollPos, handleWheelScroll]), useEffect(handleThumbPositionChange, [sizes, handleThumbPositionChange]), useResizeObserver(scrollbar, handleResize), useResizeObserver(context.content, handleResize), /* @__PURE__ */ jsx(
+  }, [viewport, scrollbar, maxScrollPos, handleWheelScroll]), useEffect(handleThumbPositionChange, [sizes2, handleThumbPositionChange]), useResizeObserver(scrollbar, handleResize), useResizeObserver(context.content, handleResize), /* @__PURE__ */ jsx(
     ScrollbarProvider,
     {
       value: {
@@ -3177,7 +3212,7 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
   );
 }), ScrollAreaScrollbarX = forwardRef(
   (props, forwardedRef) => {
-    const { sizes, onSizesChange, style, ...others } = props, ctx = useScrollAreaContext(), [computedStyle, setComputedStyle] = useState(), ref = useRef(null), composeRefs = useMergedRef(forwardedRef, ref, ctx.onScrollbarXChange);
+    const { sizes: sizes2, onSizesChange, style, ...others } = props, ctx = useScrollAreaContext(), [computedStyle, setComputedStyle] = useState(), ref = useRef(null), composeRefs = useMergedRef(forwardedRef, ref, ctx.onScrollbarXChange);
     return useEffect(() => {
       ref.current && setComputedStyle(getComputedStyle(ref.current));
     }, [ref]), /* @__PURE__ */ jsx(
@@ -3186,10 +3221,10 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
         "data-orientation": "horizontal",
         ...others,
         ref: composeRefs,
-        sizes,
+        sizes: sizes2,
         style: {
           ...style,
-          "--sa-thumb-width": `${getThumbSize(sizes)}px`
+          "--sa-thumb-width": `${getThumbSize(sizes2)}px`
         },
         onThumbPointerDown: (pointerPos) => props.onThumbPointerDown(pointerPos.x),
         onDragScroll: (pointerPos) => props.onDragScroll(pointerPos.x),
@@ -3213,9 +3248,11 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
       }
     );
   }
-), ScrollAreaScrollbarY = forwardRef(
+);
+ScrollAreaScrollbarX.displayName = "@mantine/core/ScrollAreaScrollbarX";
+const ScrollAreaScrollbarY = forwardRef(
   (props, forwardedRef) => {
-    const { sizes, onSizesChange, style, ...others } = props, context = useScrollAreaContext(), [computedStyle, setComputedStyle] = useState(), ref = useRef(null), composeRefs = useMergedRef(forwardedRef, ref, context.onScrollbarYChange);
+    const { sizes: sizes2, onSizesChange, style, ...others } = props, context = useScrollAreaContext(), [computedStyle, setComputedStyle] = useState(), ref = useRef(null), composeRefs = useMergedRef(forwardedRef, ref, context.onScrollbarYChange);
     return useEffect(() => {
       ref.current && setComputedStyle(window.getComputedStyle(ref.current));
     }, []), /* @__PURE__ */ jsx(
@@ -3224,9 +3261,9 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
         ...others,
         "data-orientation": "vertical",
         ref: composeRefs,
-        sizes,
+        sizes: sizes2,
         style: {
-          "--sa-thumb-height": `${getThumbSize(sizes)}px`,
+          "--sa-thumb-height": `${getThumbSize(sizes2)}px`,
           ...style
         },
         onThumbPointerDown: (pointerPos) => props.onThumbPointerDown(pointerPos.y),
@@ -3251,14 +3288,16 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
       }
     );
   }
-), ScrollAreaScrollbarVisible = forwardRef((props, forwardedRef) => {
-  const { orientation = "vertical", ...scrollbarProps } = props, { dir } = useDirection(), context = useScrollAreaContext(), thumbRef = useRef(null), pointerOffsetRef = useRef(0), [sizes, setSizes] = useState({
+);
+ScrollAreaScrollbarY.displayName = "@mantine/core/ScrollAreaScrollbarY";
+const ScrollAreaScrollbarVisible = forwardRef((props, forwardedRef) => {
+  const { orientation = "vertical", ...scrollbarProps } = props, { dir } = useDirection(), context = useScrollAreaContext(), thumbRef = useRef(null), pointerOffsetRef = useRef(0), [sizes2, setSizes] = useState({
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
-  }), thumbRatio = getThumbRatio(sizes.viewport, sizes.content), commonProps = {
+  }), thumbRatio = getThumbRatio(sizes2.viewport, sizes2.content), commonProps = {
     ...scrollbarProps,
-    sizes,
+    sizes: sizes2,
     onSizesChange: setSizes,
     hasThumb: thumbRatio > 0 && thumbRatio < 1,
     onThumbChange: (thumb) => {
@@ -3270,7 +3309,7 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
     onThumbPointerDown: (pointerPos) => {
       pointerOffsetRef.current = pointerPos;
     }
-  }, getScrollPosition = (pointerPos, direction) => getScrollPositionFromPointer(pointerPos, pointerOffsetRef.current, sizes, direction);
+  }, getScrollPosition = (pointerPos, direction) => getScrollPositionFromPointer(pointerPos, pointerOffsetRef.current, sizes2, direction);
   return orientation === "horizontal" ? /* @__PURE__ */ jsx(
     ScrollAreaScrollbarX,
     {
@@ -3278,7 +3317,7 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
       ref: forwardedRef,
       onThumbPositionChange: () => {
         if (context.viewport && thumbRef.current) {
-          const scrollPos = context.viewport.scrollLeft, offset2 = getThumbOffsetFromScroll(scrollPos, sizes, dir);
+          const scrollPos = context.viewport.scrollLeft, offset2 = getThumbOffsetFromScroll(scrollPos, sizes2, dir);
           thumbRef.current.style.transform = `translate3d(${offset2}px, 0, 0)`;
         }
       },
@@ -3296,8 +3335,8 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
       ref: forwardedRef,
       onThumbPositionChange: () => {
         if (context.viewport && thumbRef.current) {
-          const scrollPos = context.viewport.scrollTop, offset2 = getThumbOffsetFromScroll(scrollPos, sizes);
-          sizes.scrollbar.size === 0 ? thumbRef.current.style.opacity = "0" : thumbRef.current.style.opacity = "1", thumbRef.current.style.transform = `translate3d(0, ${offset2}px, 0)`;
+          const scrollPos = context.viewport.scrollTop, offset2 = getThumbOffsetFromScroll(scrollPos, sizes2);
+          sizes2.scrollbar.size === 0 ? thumbRef.current.style.opacity = "0" : thumbRef.current.style.opacity = "1", thumbRef.current.style.transform = `translate3d(0, ${offset2}px, 0)`;
         }
       },
       onWheelScroll: (scrollPos) => {
@@ -3308,7 +3347,9 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
       }
     }
   ) : null;
-}), ScrollAreaScrollbarAuto = forwardRef(
+});
+ScrollAreaScrollbarVisible.displayName = "@mantine/core/ScrollAreaScrollbarVisible";
+const ScrollAreaScrollbarAuto = forwardRef(
   (props, ref) => {
     const context = useScrollAreaContext(), { forceMount, ...scrollbarProps } = props, [visible2, setVisible] = useState(!1), isHorizontal = props.orientation === "horizontal", handleResize = useDebouncedCallback(() => {
       if (context.viewport) {
@@ -3325,7 +3366,9 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
       }
     ) : null;
   }
-), ScrollAreaScrollbarHover = forwardRef(
+);
+ScrollAreaScrollbarAuto.displayName = "@mantine/core/ScrollAreaScrollbarAuto";
+const ScrollAreaScrollbarHover = forwardRef(
   (props, ref) => {
     const { forceMount, ...scrollbarProps } = props, context = useScrollAreaContext(), [visible2, setVisible] = useState(!1);
     return useEffect(() => {
@@ -3350,7 +3393,9 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
       }
     ) : null;
   }
-), ScrollAreaScrollbarScroll = forwardRef(
+);
+ScrollAreaScrollbarHover.displayName = "@mantine/core/ScrollAreaScrollbarHover";
+const ScrollAreaScrollbarScroll = forwardRef(
   (props, red) => {
     const { forceMount, ...scrollbarProps } = props, context = useScrollAreaContext(), isHorizontal = props.orientation === "horizontal", [state, setState] = useState("hidden"), debounceScrollEnd = useDebouncedCallback(() => setState("idle"), 100);
     return useEffect(() => {
@@ -3387,6 +3432,7 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
     }), [isHorizontal, onScrollbarXEnabledChange, onScrollbarYEnabledChange]), context.type === "hover" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarHover, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "scroll" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarScroll, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "auto" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarAuto, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "always" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarVisible, { ...scrollbarProps, ref: forwardedRef }) : null;
   }
 );
+ScrollAreaScrollbar.displayName = "@mantine/core/ScrollAreaScrollbar";
 function addUnlinkedScrollListener(node, handler = () => {
 }) {
   let prevPosition = { left: node.scrollLeft, top: node.scrollTop }, rAF = 0;
@@ -3428,12 +3474,16 @@ const Thumb$1 = forwardRef((props, forwardedRef) => {
       onPointerUp: composeEventHandlers(props.onPointerUp, scrollbarContext.onThumbPointerUp)
     }
   );
-}), ScrollAreaThumb = forwardRef(
+});
+Thumb$1.displayName = "@mantine/core/ScrollAreaThumb";
+const ScrollAreaThumb = forwardRef(
   (props, forwardedRef) => {
     const { forceMount, ...thumbProps } = props, scrollbarContext = useScrollbarContext();
     return forceMount || scrollbarContext.hasThumb ? /* @__PURE__ */ jsx(Thumb$1, { ref: forwardedRef, ...thumbProps }) : null;
   }
-), ScrollAreaViewport = forwardRef(
+);
+ScrollAreaThumb.displayName = "@mantine/core/ScrollAreaThumb";
+const ScrollAreaViewport = forwardRef(
   ({ children, style, ...others }, ref) => {
     const ctx = useScrollAreaContext(), rootRef = useMergedRef(ref, ctx.onViewportChange);
     return /* @__PURE__ */ jsx(
@@ -3514,7 +3564,7 @@ const classes$G = __default__$G, defaultProps$1r = {
             onScroll: (e) => {
               viewportProps?.onScroll?.(e), onScrollPositionChange?.({ x: e.currentTarget.scrollLeft, y: e.currentTarget.scrollTop });
               const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;
-              scrollTop - (scrollHeight - clientHeight) === 0 && onBottomReached?.(), scrollTop === 0 && onTopReached?.();
+              scrollTop - (scrollHeight - clientHeight) >= 0 && onBottomReached?.(), scrollTop === 0 && onTopReached?.();
             },
             children
           }
@@ -3575,6 +3625,7 @@ const ScrollAreaAutosize = factory((props, ref) => {
     style,
     vars,
     onBottomReached,
+    onTopReached,
     ...others
   } = useProps("ScrollAreaAutosize", defaultProps$1r, props);
   return /* @__PURE__ */ jsx(Box, { ...others, ref, style: [{ display: "flex", overflow: "auto" }, style], children: /* @__PURE__ */ jsx(Box, { style: { display: "flex", flexDirection: "column", flex: 1 }, children: /* @__PURE__ */ jsx(
@@ -3595,6 +3646,7 @@ const ScrollAreaAutosize = factory((props, ref) => {
       vars,
       scrollbars,
       onBottomReached,
+      onTopReached,
       children
     }
   ) }) });
@@ -6335,7 +6387,7 @@ function useFloatingAutoUpdate({
 }) {
   const [delayedUpdate, setDelayedUpdate] = useState(0);
   useEffect(() => {
-    if (floating.refs.reference.current && floating.refs.floating.current)
+    if (floating.refs.reference.current && floating.refs.floating.current && opened)
       return autoUpdate(
         floating.refs.reference.current,
         floating.refs.floating.current,
@@ -6385,7 +6437,7 @@ function getPopoverMiddlewares(options, getFloating) {
   ), middlewares;
 }
 function usePopover(options) {
-  const [_opened, setOpened] = useUncontrolled({
+  const [_opened, setOpened, isControlled] = useUncontrolled({
     value: options.opened,
     defaultValue: options.defaultOpened,
     finalValue: !1,
@@ -6400,15 +6452,15 @@ function usePopover(options) {
     middleware: getPopoverMiddlewares(options, () => floating)
   });
   return useFloatingAutoUpdate({
-    opened: options.opened,
+    opened: _opened,
     position: options.position,
     positionDependencies: options.positionDependencies || [],
     floating
   }), useDidUpdate(() => {
     options.onPositionChange?.(floating.placement);
   }, [floating.placement]), useDidUpdate(() => {
-    options.opened ? options.onOpen?.() : options.onClose?.();
-  }, [options.opened]), {
+    isControlled || (options.opened ? options.onOpen?.() : options.onClose?.());
+  }, [options.opened, isControlled]), {
     floating,
     controlled: typeof options.opened == "boolean",
     opened: _opened,
@@ -6583,11 +6635,17 @@ const classes$B = __default__$B, Bars = forwardRef(({ className, ...others }, re
   /* @__PURE__ */ jsx("span", { className: classes$B.bar }),
   /* @__PURE__ */ jsx("span", { className: classes$B.bar }),
   /* @__PURE__ */ jsx("span", { className: classes$B.bar })
-] })), Dots = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxs(Box, { component: "span", className: clsx(classes$B.dotsLoader, className), ...others, ref, children: [
+] }));
+Bars.displayName = "@mantine/core/Bars";
+const Dots = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxs(Box, { component: "span", className: clsx(classes$B.dotsLoader, className), ...others, ref, children: [
   /* @__PURE__ */ jsx("span", { className: classes$B.dot }),
   /* @__PURE__ */ jsx("span", { className: classes$B.dot }),
   /* @__PURE__ */ jsx("span", { className: classes$B.dot })
-] })), Oval = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsx(Box, { component: "span", className: clsx(classes$B.ovalLoader, className), ...others, ref })), defaultLoaders = {
+] }));
+Dots.displayName = "@mantine/core/Dots";
+const Oval = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsx(Box, { component: "span", className: clsx(classes$B.ovalLoader, className), ...others, ref }));
+Oval.displayName = "@mantine/core/Oval";
+const defaultLoaders = {
   bars: Bars,
   oval: Oval,
   dots: Dots
@@ -7051,6 +7109,7 @@ const ModalBase = forwardRef(
     ) });
   }
 );
+ModalBase.displayName = "@mantine/core/ModalBase";
 function useModalBodyId() {
   const ctx = useModalBaseContext();
   return useEffect(() => (ctx.setBodyMounted(!0), () => ctx.setBodyMounted(!1)), []), ctx.getBodyId();
@@ -7125,7 +7184,9 @@ const ModalBaseContent = forwardRef(
       }
     );
   }
-), ModalBaseHeader = forwardRef(
+);
+ModalBaseContent.displayName = "@mantine/core/ModalBaseContent";
+const ModalBaseHeader = forwardRef(
   ({ className, ...others }, ref) => {
     const ctx = useModalBaseContext();
     return /* @__PURE__ */ jsx(
@@ -9845,11 +9906,12 @@ const defaultProps$q = {}, MenuDropdown = factory((props, ref) => {
     vars,
     onMouseEnter,
     onMouseLeave,
+    onKeyDown,
     children,
     ...others
-  } = useProps("MenuDropdown", defaultProps$q, props), wrapperRef = useRef(null), ctx = useMenuContext(), handleKeyDown = (event) => {
+  } = useProps("MenuDropdown", defaultProps$q, props), wrapperRef = useRef(null), ctx = useMenuContext(), handleKeyDown = createEventHandler(onKeyDown, (event) => {
     (event.key === "ArrowUp" || event.key === "ArrowDown") && (event.preventDefault(), wrapperRef.current?.querySelectorAll("[data-menu-item]:not(:disabled)")[0]?.focus());
-  }, handleMouseEnter = createEventHandler(
+  }), handleMouseEnter = createEventHandler(
     onMouseEnter,
     () => (ctx.trigger === "hover" || ctx.trigger === "click-hover") && ctx.openDropdown()
   ), handleMouseLeave = createEventHandler(
@@ -9932,7 +9994,7 @@ const defaultProps$p = {}, MenuItem = polymorphicFactory((props, ref) => {
         loop: ctx.loop,
         dir,
         orientation: "vertical",
-        onKeyDown: _others.onKeydown
+        onKeyDown: _others.onKeyDown
       }),
       __vars: {
         "--menu-item-color": parsedThemeColor?.isThemeColor && parsedThemeColor?.shade === void 0 ? `var(--mantine-color-${parsedThemeColor.color}-6)` : colors?.color,
@@ -10479,7 +10541,7 @@ function useTooltip(settings) {
     }),
     useFocus(context, { enabled: settings.events?.focus, visibleOnly: !0 }),
     useRole(context, { role: "tooltip" }),
-    // cannot be used with controlled tooltip, page jumps
+    // Cannot be used with controlled tooltip, page jumps
     useDismiss(context, { enabled: typeof settings.opened > "u" }),
     useDelayGroup(context, { id: uid })
   ]);
@@ -11004,7 +11066,7 @@ function SimpleGridMediaVariables({
   }), queries = keys(theme.breakpoints).reduce(
     (acc, breakpoint) => (acc[breakpoint] || (acc[breakpoint] = {}), typeof spacing == "object" && spacing[breakpoint] !== void 0 && (acc[breakpoint]["--sg-spacing-x"] = getSpacing(spacing[breakpoint])), typeof _verticalSpacing == "object" && _verticalSpacing[breakpoint] !== void 0 && (acc[breakpoint]["--sg-spacing-y"] = getSpacing(_verticalSpacing[breakpoint])), typeof cols == "object" && cols[breakpoint] !== void 0 && (acc[breakpoint]["--sg-cols"] = cols[breakpoint]), acc),
     {}
-  ), media = getSortedBreakpoints(keys(queries), theme).filter(
+  ), media = getSortedBreakpoints(keys(queries), theme.breakpoints).filter(
     (breakpoint) => keys(queries[breakpoint.value]).length > 0
   ).map((breakpoint) => ({
     query: `(min-width: ${theme.breakpoints[breakpoint.value]})`,
@@ -11212,7 +11274,7 @@ function Track({
   ...others
 }) {
   const { getStyles: getStyles2 } = useSliderContext();
-  return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Box, { ...getStyles2("trackContainer"), mod: { disabled }, ...containerProps, children: /* @__PURE__ */ jsxs(Box, { ...getStyles2("track"), mod: { inverted, disabled }, children: [
+  return /* @__PURE__ */ jsx(Box, { ...getStyles2("trackContainer"), mod: { disabled }, ...containerProps, children: /* @__PURE__ */ jsxs(Box, { ...getStyles2("track"), mod: { inverted, disabled }, children: [
     /* @__PURE__ */ jsx(
       Box,
       {
@@ -11226,7 +11288,7 @@ function Track({
     ),
     children,
     /* @__PURE__ */ jsx(Marks, { ...others, offset: marksOffset, disabled, inverted })
-  ] }) }) });
+  ] }) });
 }
 Track.displayName = "@mantine/core/SliderTrack";
 function getChangeValue({
@@ -11836,13 +11898,17 @@ const classes$2 = __default__$2, defaultProps$2 = {}, varsResolver$2 = (theme, {
 });
 ThemeIcon.classes = classes$2;
 ThemeIcon.displayName = "@mantine/core/ThemeIcon";
-const headings = ["h1", "h2", "h3", "h4", "h5", "h6"];
+const headings = ["h1", "h2", "h3", "h4", "h5", "h6"], sizes = ["xs", "sm", "md", "lg", "xl"];
 function getTitleSize(order, size2) {
   const titleSize = size2 !== void 0 ? size2 : `h${order}`;
   return headings.includes(titleSize) ? {
     fontSize: `var(--mantine-${titleSize}-font-size)`,
     fontWeight: `var(--mantine-${titleSize}-font-weight)`,
     lineHeight: `var(--mantine-${titleSize}-line-height)`
+  } : sizes.includes(titleSize) ? {
+    fontSize: `var(--mantine-font-size-${titleSize})`,
+    fontWeight: `var(--mantine-h${order}-font-weight)`,
+    lineHeight: `var(--mantine-h${order}-line-height)`
   } : {
     fontSize: rem(titleSize),
     fontWeight: `var(--mantine-h${order}-font-weight)`,
@@ -12327,85 +12393,93 @@ function themeToVars(theme) {
   };
 }
 export {
-  Slider as $,
+  Tabs as $,
   ActionIcon as A,
   Box as B,
   Card as C,
-  Anchor as D,
-  CopyButton as E,
-  useLocalStorage as F,
+  ColorSwatch as D,
+  Divider as E,
+  Flex as F,
   Group as G,
-  HoverCard as H,
+  CheckIcon as H,
   Image as I,
-  Spoiler as J,
-  Badge as K,
-  ButtonGroup as L,
+  rem as J,
+  Slider as K,
+  SegmentedControl as L,
   MantineContext as M,
-  Tabs as N,
-  TabsList as O,
+  useDebouncedValue as N,
+  HoverCard as O,
   Paper as P,
-  TabsTab as Q,
-  TabsPanel as R,
+  HoverCardTarget as Q,
+  HoverCardDropdown as R,
   Stack as S,
   ThemeIcon as T,
   UnstyledButton as U,
-  rem as V,
-  Divider as W,
-  Flex as X,
-  ColorSwatch as Y,
-  CheckIcon as Z,
-  Select as _,
+  Anchor as V,
+  CopyButton as W,
+  useLocalStorage as X,
+  Spoiler as Y,
+  Badge as Z,
+  ButtonGroup as _,
   Text as a,
-  SegmentedControl as a0,
-  FloatingIndicator as a1,
-  ActionIconGroup as a2,
-  Overlay as a3,
-  Notification as a4,
-  Code as a5,
-  createTheme as a6,
-  MantineProvider as a7,
-  useInViewport as a8,
-  SimpleGrid as a9,
-  useTree as aa,
-  useComputedColorScheme as ab,
-  Tree as ac,
-  Drawer as ad,
-  ScrollArea as ae,
-  Alert as af,
-  ModalRoot as ag,
-  ModalOverlay as ah,
-  ModalContent as ai,
-  ModalBody as aj,
-  useMantineTheme as ak,
-  useMediaQuery as al,
-  useDisclosure as am,
-  LoadingOverlay as an,
-  useCallbackRef as ao,
-  Burger as ap,
-  Loader as aq,
+  TabsList as a0,
+  TabsTab as a1,
+  TabsPanel as a2,
+  useHover$1 as a3,
+  FloatingIndicator as a4,
+  useUncontrolled as a5,
+  clampUseMovePosition as a6,
+  useMove as a7,
+  useMergedRef as a8,
+  ActionIconGroup as a9,
+  Overlay as aa,
+  Notification as ab,
+  Code as ac,
+  createTheme as ad,
+  MantineProvider as ae,
+  useInViewport as af,
+  SimpleGrid as ag,
+  useTree as ah,
+  useComputedColorScheme as ai,
+  Tree as aj,
+  Drawer as ak,
+  ScrollArea as al,
+  Alert as am,
+  Select as an,
+  ModalRoot as ao,
+  ModalOverlay as ap,
+  ModalContent as aq,
+  ModalBody as ar,
+  useMantineTheme as as,
+  useMediaQuery as at,
+  useDisclosure as au,
+  LoadingOverlay as av,
+  useCallbackRef as aw,
+  Burger as ax,
+  Loader as ay,
   CardSection as b,
   clsx as c,
   Center as d,
   Container as e,
   Title as f,
   Button as g,
-  useHotkeys as h,
-  Tooltip as i,
-  Menu as j,
-  MenuTarget as k,
-  MenuDropdown as l,
-  MenuLabel as m,
-  MenuDivider as n,
-  TooltipGroup as o,
-  Space as p,
-  MenuItem as q,
-  Popover as r,
-  PopoverTarget as s,
+  useMantineStyleNonce as h,
+  useHotkeys as i,
+  Tooltip as j,
+  Menu as k,
+  MenuTarget as l,
+  MenuDropdown as m,
+  MenuLabel as n,
+  MenuDivider as o,
+  TooltipGroup as p,
+  Space as q,
+  MenuItem as r,
+  Popover as s,
   themeToVars as t,
   useMantineColorScheme as u,
-  PopoverDropdown as v,
-  ScrollAreaAutosize as w,
-  CloseButton as x,
-  HoverCardTarget as y,
-  HoverCardDropdown as z
+  PopoverTarget as v,
+  PopoverDropdown as w,
+  ScrollAreaAutosize as x,
+  CloseButton as y,
+  keys as z
 };

package/dist/__app__/src/chunks/{tanstack-router-CU5V4Ll-.js → tanstack-router-COsz5nw6.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { flushSync } from "react-dom";
-import { w as withSelectorExports } from "./likec4-DlkyDuSp.js";
+import { w as withSelectorExports } from "./likec4-CNg5BLwi.js";
 const pushStateEvent = "pushstate", popStateEvent = "popstate", beforeUnloadEvent = "beforeunload", beforeUnloadListener = (event) => (event.preventDefault(), event.returnValue = ""), stopBlocking = () => {
   removeEventListener(beforeUnloadEvent, beforeUnloadListener, {
     capture: !0