@sanity/ui 3.0.0-static.17 → 3.0.0-static.18

package/dist/_chunks-es/_visual-editing.js

@@ -3,7 +3,7 @@ import { c } from "react-compiler-runtime";
 import { getScopedTheme, getTheme_v2 } from "@sanity/ui/theme";
 import { createContext, useContext, useState, useEffect, useDebugValue, useSyncExternalStore, Children, isValidElement, cloneElement, useRef, useImperativeHandle, lazy, Suspense, useMemo, useCallback, useId, useLayoutEffect } from "react";
 import { ThemeProvider as ThemeProvider$1, useTheme as useTheme$1 } from "styled-components";
-import { composeClassNames, box, label, textOverflow, avatar, avatarArrow, avatarInitials, avatarImage, avatarCounter, avatarStack, text, badge, animatedSpinnerIcon, spinner, buttonLoadingBox, button, card, checkbox, checkboxInput, code, container, heading, kbd, _arrow, _arrowStrokeMask, _arrowStroke, _arrowShape, BREAKPOINTS, srOnly, vars, popoverCard, radio, select, _inputElement, selectPresentation, stack, _switch, _switchElement, _switchPresentation, _switchTrack, _switchThumb, textArea, _inputPresentation, textInput, tooltipCard, tooltip, menu, menuDivider, _selectable } from "@sanity/ui/css";
+import { BREAKPOINTS, composeClassNames, box, label, textOverflow, avatar, avatarArrow, avatarInitials, avatarImage, avatarCounter, avatarStack, text, badge, animatedSpinnerIcon, spinner, buttonLoadingBox, button, card, checkbox, checkboxInput, code, container, heading, kbd, _arrow, _arrowStrokeMask, _arrowStroke, _arrowShape, srOnly, vars, popoverCard, radio, select, _inputElement, selectPresentation, stack, _switch, _switchElement, _switchPresentation, _switchTrack, _switchThumb, textArea, _inputPresentation, textInput, tooltipCard, tooltip, menu, menuDivider, _selectable } from "@sanity/ui/css";
 import { isValidElementType } from "react-is";
 import { SpinnerIcon, CheckmarkIcon, RemoveIcon, ChevronDownIcon, CloseIcon, ChevronRightIcon } from "@sanity/icons";
 import { detectOverflow, flip, offset, shift, arrow, hide, useFloating, autoUpdate } from "@floating-ui/react-dom";
@@ -293,9 +293,9 @@ function useMatchMedia(mediaQueryString, getServerSnapshot2) {
   let t1;
   return $[2] !== mediaQueryString ? (t1 = () => window.matchMedia(mediaQueryString).matches, $[2] = mediaQueryString, $[3] = t1) : t1 = $[3], useSyncExternalStore(t0, t1, getServerSnapshot2);
 }
-const media = [360, 600, 900, 1200, 1800, 2400];
+const media = Object.values(BREAKPOINTS);
 function _getMediaQuery(media2, index) {
-  return index === 0 ? `screen and (max-width: ${media2[index] - 1}px)` : index === media2.length ? `screen and (min-width: ${media2[index - 1]}px)` : `screen and (min-width: ${media2[index - 1]}px) and (max-width: ${media2[index] - 1}px)`;
+  return index === 0 ? `screen and (max-width: ${media2[index + 1] - 1}px)` : index === media2.length ? `screen and (min-width: ${media2[index]}px)` : `screen and (min-width: ${media2[index]}px) and (max-width: ${media2[index + 1] - 1}px)`;
 }
 function _createMediaStore() {
   const mediaLen = media.length;