likec4 1.39.2 → 1.39.3

package/__app__/src/mantine.js

@@ -361,10 +361,14 @@ function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
 }) {
   const [matches, setMatches] = useState(
     getInitialValueInEffect ? initialValue : getInitialValue(query)
-  ), queryRef = useRef(null);
+  );
   return useEffect(() => {
-    if ("matchMedia" in window)
-      return queryRef.current = window.matchMedia(query), setMatches(queryRef.current.matches), attachMediaListener(queryRef.current, (event) => setMatches(event.matches));
+    try {
+      const mediaQuery = window.matchMedia(query);
+      return setMatches(mediaQuery.matches), attachMediaListener(mediaQuery, (event) => setMatches(event.matches));
+    } catch {
+      return;
+    }
   }, [query]), matches || !1;
 }
 function useColorScheme(initialValue, options) {
@@ -384,7 +388,7 @@ function useDebouncedState(defaultValue, wait, options = { leading: !1 }) {
   return [value, debouncedSetValue];
 }
 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);
+  const [_value, setValue] = useState(value), mountedRef = useRef(!1), timeoutRef = useRef(null), cooldownRef = useRef(!1), cancel = useCallback(() => 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);
@@ -3471,7 +3475,7 @@ const ScrollAreaViewport = forwardRef(
   }
 );
 ScrollAreaViewport.displayName = "@mantine/core/ScrollAreaViewport";
-var classes$J = { root: "m_d57069b5", viewport: "m_c0783ff9", viewportInner: "m_f8f631dd", scrollbar: "m_c44ba933", thumb: "m_d8b5e363", corner: "m_21657268", content: "m_b1336c6" };
+var classes$J = { root: "m_d57069b5", content: "m_b1336c6", viewport: "m_c0783ff9", viewportInner: "m_f8f631dd", scrollbar: "m_c44ba933", thumb: "m_d8b5e363", corner: "m_21657268" };
 const defaultProps$R = {
   scrollHideDelay: 1e3,
   type: "hover",
@@ -3627,28 +3631,44 @@ const ScrollAreaAutosize = factory((props, ref) => {
     update();
     const ro = new ResizeObserver(update);
     return ro.observe(el), () => ro.disconnect();
-  }, [onOverflowChange, overflowing]), /* @__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(
-    ScrollArea,
+  }, [onOverflowChange, overflowing]), /* @__PURE__ */ jsx(Box, { ...others, ref, style: [{ display: "flex", overflow: "hidden" }, style], children: /* @__PURE__ */ jsx(
+    Box,
     {
-      classNames,
-      styles,
-      scrollHideDelay,
-      scrollbarSize,
-      type,
-      dir,
-      offsetScrollbars,
-      viewportRef: combinedViewportRef,
-      onScrollPositionChange,
-      unstyled,
-      variant,
-      viewportProps,
-      vars,
-      scrollbars,
-      onBottomReached,
-      onTopReached,
-      children
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        flex: 1,
+        overflow: "hidden",
+        ...scrollbars === "y" && { minWidth: 0 },
+        ...scrollbars === "x" && { minHeight: 0 },
+        ...scrollbars === "xy" && { minWidth: 0, minHeight: 0 },
+        ...scrollbars === !1 && { minWidth: 0, minHeight: 0 }
+      },
+      children: /* @__PURE__ */ jsx(
+        ScrollArea,
+        {
+          classNames,
+          styles,
+          scrollHideDelay,
+          scrollbarSize,
+          type,
+          dir,
+          offsetScrollbars,
+          viewportRef: combinedViewportRef,
+          onScrollPositionChange,
+          unstyled,
+          variant,
+          viewportProps,
+          vars,
+          scrollbars,
+          onBottomReached,
+          onTopReached,
+          "data-autosize": "true",
+          children
+        }
+      )
     }
-  ) }) });
+  ) });
 });
 ScrollArea.classes = classes$J;
 ScrollAreaAutosize.displayName = "@mantine/core/ScrollAreaAutosize";
@@ -4374,28 +4394,19 @@ function usePopover(options) {
   }, floating = useFloating({
     strategy: options.strategy,
     placement: options.preventPositionChangeWhenVisible ? options.positionRef.current : options.position,
-    middleware: getPopoverMiddlewares(options, () => floating, env),
-    // Only use whileElementsMounted when elements are conditionally rendered (not keepMounted)
-    // When keepMounted=true, elements are hidden with CSS and we need manual autoUpdate control
-    whileElementsMounted: options.keepMounted ? void 0 : autoUpdate
+    middleware: getPopoverMiddlewares(options, () => floating, env)
   });
   return useEffect(() => {
-    if (!(!options.keepMounted || !floating.refs.reference.current || !floating.refs.floating.current) && _opened)
+    if (!(!floating.refs.reference.current || !floating.refs.floating.current) && _opened)
       return autoUpdate(
         floating.refs.reference.current,
         floating.refs.floating.current,
         floating.update
       );
-  }, [
-    options.keepMounted,
-    _opened,
-    floating.refs.reference,
-    floating.refs.floating,
-    floating.update
-  ]), useDidUpdate(() => {
+  }, [_opened, floating.update]), useDidUpdate(() => {
     var _a;
     (_a = options.onPositionChange) == null || _a.call(options, floating.placement), options.positionRef.current = floating.placement;
-  }, [floating.placement]), useDidUpdate(() => {
+  }, [floating.placement, options.preventPositionChangeWhenVisible]), useDidUpdate(() => {
     var _a, _b;
     _opened !== previouslyOpened.current && (_opened ? (_b = options.onOpen) == null || _b.call(options) : (_a = options.onClose) == null || _a.call(options)), previouslyOpened.current = _opened;
   }, [_opened, options.onClose, options.onOpen]), useDidUpdate(() => {
@@ -5656,7 +5667,8 @@ const defaultProps$F = {
   leftSectionPointerEvents: "none",
   rightSectionPointerEvents: "none",
   withAria: !0,
-  withErrorStyles: !0
+  withErrorStyles: !0,
+  size: "sm"
 }, varsResolver$z = (_, props, ctx) => ({
   wrapper: {
     "--input-margin-top": ctx.offsetTop ? "calc(var(--mantine-spacing-xs) / 2)" : void 0,
@@ -5873,7 +5885,8 @@ function useInputProps(component, defaultProps2, _props) {
 }
 const defaultProps$E = {
   __staticSelector: "InputBase",
-  withAria: !0
+  withAria: !0,
+  size: "sm"
 }, InputBase = polymorphicFactory((props, ref) => {
   const { inputProps, wrapperProps, ...others } = useInputProps("InputBase", defaultProps$E, props);
   return /* @__PURE__ */ jsx(Input.Wrapper, { ...wrapperProps, children: /* @__PURE__ */ jsx(Input, { ...inputProps, ...others, ref }) });
@@ -6844,7 +6857,7 @@ function useCombobox({
   };
 }
 const defaultProps$w = {
-  keepMounted: !1,
+  keepMounted: !0,
   withinPortal: !0,
   resetSelectionOnOptionHover: !1,
   width: "target",