@sanity/ui 2.3.6-canary.3 → 2.3.6-canary.5

package/dist/index.compiled.mjs

@@ -164,10 +164,10 @@ function createGlobalScopedContext(key2, defaultValue) {
 }
 const key$8 = Symbol.for("@sanity/ui/context/theme"), ThemeContext = createGlobalScopedContext(key$8, null);
 function ThemeProvider(props) {
-  var _a;
+  var _a, _b, _c2;
   const $ = c(15), {
     children
-  } = props, parentTheme = useContext(ThemeContext), scheme = (_a = props.scheme) != null ? _a : (parentTheme == null ? void 0 : parentTheme.scheme) || "light", rootTheme = (parentTheme == null ? void 0 : parentTheme.theme) || null, tone = (parentTheme == null ? void 0 : parentTheme.tone) || "default";
+  } = props, parentTheme = useContext(ThemeContext), scheme = (_a = props.scheme) != null ? _a : (parentTheme == null ? void 0 : parentTheme.scheme) || "light", rootTheme = (_b = props.theme) != null ? _b : (parentTheme == null ? void 0 : parentTheme.theme) || null, tone = (_c2 = props.tone) != null ? _c2 : (parentTheme == null ? void 0 : parentTheme.tone) || "default";
   let t0;
   bb0: {
     if (!rootTheme) {
@@ -6056,8 +6056,9 @@ const Root$5 = styled(Box)`
   let t16;
   return $[55] !== value || $[56] !== t15 ? (t16 = /* @__PURE__ */ jsx(MenuContext.Provider, { value, children: t15 }), $[55] = value, $[56] = t15, $[57] = t16) : t16 = $[57], t16;
 }), MenuButton = forwardRef(function(props, forwardedRef) {
-  const {
-    __unstable_disableRestoreFocusOnClose: disableRestoreFocusOnClose = !1,
+  var _a;
+  const $ = c(63), {
+    __unstable_disableRestoreFocusOnClose: t0,
     boundaryElement: deprecated_boundaryElement,
     button: buttonProp,
     id,
@@ -6066,23 +6067,38 @@ const Root$5 = styled(Box)`
     onOpen,
     placement: deprecated_placement,
     popoverScheme: deprecated_popoverScheme,
-    portal: deprecated_portal = !0,
+    portal: t1,
     popover,
     popoverRadius: deprecated_popoverRadius,
     preventOverflow: deprecated_preventOverflow
-  } = props, [open, setOpen] = useState(!1), [shouldFocus, setShouldFocus] = useState(null), [buttonElement, setButtonElement] = useState(null), [menuElements, setChildMenuElements] = useState([]), openRef = useRef(open);
-  useEffect(() => {
+  } = props, disableRestoreFocusOnClose = t0 === void 0 ? !1 : t0, deprecated_portal = t1 === void 0 ? !0 : t1, [open, setOpen] = useState(!1), [shouldFocus, setShouldFocus] = useState(null), [buttonElement, setButtonElement] = useState(null);
+  let t2;
+  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t2 = [], $[0] = t2) : t2 = $[0];
+  const [menuElements, setChildMenuElements] = useState(t2), openRef = useRef(open);
+  let t3, t4;
+  $[1] !== onOpen || $[2] !== open ? (t3 = () => {
     onOpen && open && !openRef.current && onOpen();
-  }, [onOpen, open]), useEffect(() => {
+  }, t4 = [onOpen, open], $[1] = onOpen, $[2] = open, $[3] = t3, $[4] = t4) : (t3 = $[3], t4 = $[4]), useEffect(t3, t4);
+  let t5, t6;
+  $[5] !== onClose || $[6] !== open ? (t5 = () => {
     onClose && !open && openRef.current && onClose();
-  }, [onClose, open]), useEffect(() => {
+  }, t6 = [onClose, open], $[5] = onClose, $[6] = open, $[7] = t5, $[8] = t6) : (t5 = $[7], t6 = $[8]), useEffect(t5, t6);
+  let t7, t8;
+  $[9] !== open ? (t7 = () => {
     openRef.current = open;
-  }, [open]);
-  const handleButtonClick = useCallback(() => {
+  }, t8 = [open], $[9] = open, $[10] = t7, $[11] = t8) : (t7 = $[10], t8 = $[11]), useEffect(t7, t8);
+  let t9;
+  $[12] === Symbol.for("react.memo_cache_sentinel") ? (t9 = () => {
     setOpen((v) => !v), setShouldFocus(null);
-  }, []), handleMouseDown = useCallback((event) => {
+  }, $[12] = t9) : t9 = $[12];
+  const handleButtonClick = t9;
+  let t10;
+  $[13] !== open ? (t10 = (event) => {
     open && event.preventDefault();
-  }, [open]), handleButtonKeyDown = useCallback((event_0) => {
+  }, $[13] = open, $[14] = t10) : t10 = $[14];
+  const handleMouseDown = t10;
+  let t11;
+  $[15] === Symbol.for("react.memo_cache_sentinel") ? (t11 = (event_0) => {
     if (event_0.key === "ArrowDown" || event_0.key === "Enter" || event_0.key === " ") {
       event_0.preventDefault(), setOpen(!0), setShouldFocus("first");
       return;
@@ -6091,7 +6107,10 @@ const Root$5 = styled(Box)`
       event_0.preventDefault(), setOpen(!0), setShouldFocus("last");
       return;
     }
-  }, []), handleMenuClickOutside = useCallback((event_1) => {
+  }, $[15] = t11) : t11 = $[15];
+  const handleButtonKeyDown = t11;
+  let t12;
+  $[16] !== buttonElement || $[17] !== menuElements ? (t12 = (event_1) => {
     const target = event_1.target;
     if (target instanceof Node && !(buttonElement && (target === buttonElement || buttonElement.contains(target)))) {
       for (const el of menuElements)
@@ -6099,9 +6118,15 @@ const Root$5 = styled(Box)`
           return;
       setOpen(!1);
     }
-  }, [buttonElement, menuElements]), handleMenuEscape = useCallback(() => {
+  }, $[16] = buttonElement, $[17] = menuElements, $[18] = t12) : t12 = $[18];
+  const handleMenuClickOutside = t12;
+  let t13;
+  $[19] !== disableRestoreFocusOnClose || $[20] !== buttonElement ? (t13 = () => {
     setOpen(!1), !disableRestoreFocusOnClose && buttonElement && buttonElement.focus();
-  }, [buttonElement, disableRestoreFocusOnClose]), handleBlur = useCallback((event_2) => {
+  }, $[19] = disableRestoreFocusOnClose, $[20] = buttonElement, $[21] = t13) : t13 = $[21];
+  const handleMenuEscape = t13;
+  let t14;
+  $[22] !== menuElements ? (t14 = (event_2) => {
     const target_0 = event_2.relatedTarget;
     if (target_0 instanceof Node) {
       for (const el_0 of menuElements)
@@ -6109,11 +6134,20 @@ const Root$5 = styled(Box)`
           return;
       setOpen(!1);
     }
-  }, [menuElements]), handleItemClick = useCallback(() => {
+  }, $[22] = menuElements, $[23] = t14) : t14 = $[23];
+  const handleBlur = t14;
+  let t15;
+  $[24] !== disableRestoreFocusOnClose || $[25] !== buttonElement ? (t15 = () => {
     setOpen(!1), !disableRestoreFocusOnClose && buttonElement && buttonElement.focus();
-  }, [buttonElement, disableRestoreFocusOnClose]), registerElement = useCallback((el_1) => (setChildMenuElements((els) => els.concat([el_1])), () => {
+  }, $[24] = disableRestoreFocusOnClose, $[25] = buttonElement, $[26] = t15) : t15 = $[26];
+  const handleItemClick = t15;
+  let t16;
+  $[27] === Symbol.for("react.memo_cache_sentinel") ? (t16 = (el_1) => (setChildMenuElements((els) => els.concat([el_1])), () => {
     setChildMenuElements((els_0) => els_0.filter((_el) => _el !== el_1));
-  }), []), menuProps = useMemo(() => ({
+  }), $[27] = t16) : t16 = $[27];
+  const registerElement = t16;
+  let t17;
+  $[28] !== menuProp || $[29] !== id || $[30] !== handleBlur || $[31] !== handleMenuClickOutside || $[32] !== handleMenuEscape || $[33] !== handleItemClick || $[34] !== buttonElement || $[35] !== shouldFocus ? (t17 = menuProp && cloneElement(menuProp, {
     "aria-labelledby": id,
     onBlurCapture: handleBlur,
     onClickOutside: handleMenuClickOutside,
@@ -6122,25 +6156,27 @@ const Root$5 = styled(Box)`
     originElement: buttonElement,
     registerElement,
     shouldFocus
-  }), [buttonElement, handleMenuClickOutside, handleMenuEscape, handleItemClick, id, handleBlur, registerElement, shouldFocus]), menu = menuProp && cloneElement(menuProp, menuProps), ref = useRef(null), button = useMemo(() => {
-    var _a;
-    return buttonProp && cloneElement(buttonProp, {
-      "data-ui": "MenuButton",
-      id,
-      onClick: handleButtonClick,
-      onKeyDown: handleButtonKeyDown,
-      onMouseDown: handleMouseDown,
-      "aria-haspopup": !0,
-      "aria-expanded": open,
-      ref,
-      selected: (_a = buttonProp.props.selected) != null ? _a : open
-    });
-  }, [buttonProp, handleButtonClick, handleButtonKeyDown, handleMouseDown, id, open]);
-  useImperativeHandle(forwardedRef, () => ref.current), useEffect(() => {
-    if (button)
-      return setButtonElement(ref.current), () => setButtonElement(null);
-  }, [button]);
-  const popoverProps = useMemo(() => ({
+  }), $[28] = menuProp, $[29] = id, $[30] = handleBlur, $[31] = handleMenuClickOutside, $[32] = handleMenuEscape, $[33] = handleItemClick, $[34] = buttonElement, $[35] = shouldFocus, $[36] = t17) : t17 = $[36];
+  const menu = t17;
+  let t18, t19;
+  $[37] !== buttonProp || $[38] !== open || $[39] !== id || $[40] !== handleMouseDown ? (t19 = buttonProp && cloneElement(buttonProp, {
+    "data-ui": "MenuButton",
+    id,
+    onClick: handleButtonClick,
+    onKeyDown: handleButtonKeyDown,
+    onMouseDown: handleMouseDown,
+    "aria-haspopup": !0,
+    "aria-expanded": open,
+    ref: setButtonElement,
+    selected: (_a = buttonProp.props.selected) != null ? _a : open
+  }), $[37] = buttonProp, $[38] = open, $[39] = id, $[40] = handleMouseDown, $[41] = t19) : t19 = $[41], t18 = t19;
+  const button = t18;
+  let t20, t21;
+  $[42] !== buttonElement ? (t20 = () => buttonElement, t21 = [buttonElement], $[42] = buttonElement, $[43] = t20, $[44] = t21) : (t20 = $[43], t21 = $[44]), useImperativeHandle(forwardedRef, t20, t21);
+  let t22, t23;
+  $[45] !== popover ? (t23 = popover || {}, $[45] = popover, $[46] = t23) : t23 = $[46];
+  let t24;
+  $[47] !== deprecated_boundaryElement || $[48] !== deprecated_placement || $[49] !== deprecated_portal || $[50] !== deprecated_preventOverflow || $[51] !== deprecated_popoverRadius || $[52] !== deprecated_popoverScheme || $[53] !== t23 ? (t24 = {
     boundaryElement: deprecated_boundaryElement,
     overflow: "auto",
     placement: deprecated_placement,
@@ -6148,9 +6184,16 @@ const Root$5 = styled(Box)`
     preventOverflow: deprecated_preventOverflow,
     radius: deprecated_popoverRadius,
     scheme: deprecated_popoverScheme,
-    ...popover || {}
-  }), [deprecated_boundaryElement, deprecated_placement, deprecated_popoverRadius, deprecated_popoverScheme, deprecated_portal, deprecated_preventOverflow, popover]);
-  return /* @__PURE__ */ jsx(Popover, { "data-ui": "MenuButton__popover", ...popoverProps, content: menu, open, children: button || /* @__PURE__ */ jsx(Fragment, {}) });
+    ...t23
+  }, $[47] = deprecated_boundaryElement, $[48] = deprecated_placement, $[49] = deprecated_portal, $[50] = deprecated_preventOverflow, $[51] = deprecated_popoverRadius, $[52] = deprecated_popoverScheme, $[53] = t23, $[54] = t24) : t24 = $[54], t22 = t24;
+  const popoverProps = t22;
+  let t25;
+  $[55] !== buttonElement || $[56] !== popoverProps || $[57] !== menu || $[58] !== open ? (t25 = /* @__PURE__ */ jsx(Popover, { "data-ui": "MenuButton__popover", referenceElement: buttonElement, ...popoverProps, content: menu, open }), $[55] = buttonElement, $[56] = popoverProps, $[57] = menu, $[58] = open, $[59] = t25) : t25 = $[59];
+  let t26;
+  return $[60] !== t25 || $[61] !== button ? (t26 = /* @__PURE__ */ jsxs(Fragment, { children: [
+    t25,
+    button
+  ] }), $[60] = t25, $[61] = button, $[62] = t26) : t26 = $[62], t26;
 }), MenuDivider = styled.hr`
   height: 1px;
   border: 0;