@sanity/ui 2.16.12 → 2.16.14

package/dist/index.mjs

@@ -396,13 +396,38 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = ["Control", "Shift", "Alt", "Enter", "H
       selected: active,
       tabIndex: listFocused && active ? 0 : -1
     }) }, option_0.value);
-  }) }) }), [activeValue, currentOption, filteredOptions, handleOptionSelect, handleListBoxKeyDown, id, listBox, listBoxId, listFocused, loading, renderOption]), results = useMemo(() => renderPopover ? renderPopover({
-    content: content2,
-    hidden: !expanded,
-    inputElement: inputElementRef.current,
-    onMouseEnter: handlePopoverMouseEnter,
-    onMouseLeave: handlePopoverMouseLeave
-  }, resultsPopoverElementRef) : filteredOptionsLen === 0 ? null : /* @__PURE__ */ jsx(Popover, { arrow: !1, constrainSize: !0, content: content2, fallbackPlacements: AUTOCOMPLETE_POPOVER_FALLBACK_PLACEMENTS, matchReferenceWidth: !0, onMouseEnter: handlePopoverMouseEnter, onMouseLeave: handlePopoverMouseLeave, open: expanded, overflow: "auto", placement: AUTOCOMPLETE_POPOVER_PLACEMENT, portal: !0, radius, ref: resultsPopoverElementRef, referenceElement: inputElementRef.current, ...popover }), [content2, expanded, filteredOptionsLen, handlePopoverMouseEnter, handlePopoverMouseLeave, popover, radius, renderPopover]);
+  }) }) }), [activeValue, currentOption, filteredOptions, handleOptionSelect, handleListBoxKeyDown, id, listBox, listBoxId, listFocused, loading, renderOption]), results = useMemo(() => renderPopover ? renderPopover(
+    // eslint-disable-next-line react-hooks/refs
+    {
+      content: content2,
+      hidden: !expanded,
+      // eslint-disable-next-line react-hooks/refs
+      inputElement: inputElementRef.current,
+      onMouseEnter: handlePopoverMouseEnter,
+      onMouseLeave: handlePopoverMouseLeave
+    },
+    // eslint-disable-next-line react-hooks/refs
+    resultsPopoverElementRef
+  ) : filteredOptionsLen === 0 ? null : /* @__PURE__ */ jsx(
+    Popover,
+    {
+      arrow: !1,
+      constrainSize: !0,
+      content: content2,
+      fallbackPlacements: AUTOCOMPLETE_POPOVER_FALLBACK_PLACEMENTS,
+      matchReferenceWidth: !0,
+      onMouseEnter: handlePopoverMouseEnter,
+      onMouseLeave: handlePopoverMouseLeave,
+      open: expanded,
+      overflow: "auto",
+      placement: AUTOCOMPLETE_POPOVER_PLACEMENT,
+      portal: !0,
+      radius,
+      ref: resultsPopoverElementRef,
+      referenceElement: inputElementRef.current,
+      ...popover
+    }
+  ), [content2, expanded, filteredOptionsLen, handlePopoverMouseEnter, handlePopoverMouseLeave, popover, radius, renderPopover]);
   return /* @__PURE__ */ jsxs(StyledAutocomplete, { "data-ui": "Autocomplete", onBlur: handleRootBlur, onFocus: handleRootFocus, onKeyDown: handleRootKeyDown, ref: rootElementRef, children: [
     input,
     results
@@ -670,15 +695,15 @@ function DialogProvider(props) {
     position,
     zOffset
   } = props;
-  let t0, t1;
-  $[0] !== position || $[1] !== zOffset ? (t1 = {
+  let t0;
+  $[0] !== position || $[1] !== zOffset ? (t0 = {
     version: 0,
     position,
     zOffset
-  }, $[0] = position, $[1] = zOffset, $[2] = t1) : t1 = $[2], t0 = t1;
+  }, $[0] = position, $[1] = zOffset, $[2] = t0) : t0 = $[2];
   const contextValue = t0;
-  let t2;
-  return $[3] !== children || $[4] !== contextValue ? (t2 = /* @__PURE__ */ jsx(DialogContext.Provider, { value: contextValue, children }), $[3] = children, $[4] = contextValue, $[5] = t2) : t2 = $[5], t2;
+  let t1;
+  return $[3] !== children || $[4] !== contextValue ? (t1 = /* @__PURE__ */ jsx(DialogContext.Provider, { value: contextValue, children }), $[3] = children, $[4] = contextValue, $[5] = t1) : t1 = $[5], t1;
 }
 DialogProvider.displayName = "DialogProvider";
 const MenuButton = forwardRef(function(props, forwardedRef) {
@@ -781,8 +806,8 @@ const MenuButton = forwardRef(function(props, forwardedRef) {
     shouldFocus
   }), $[28] = buttonElement, $[29] = handleBlur, $[30] = handleItemClick, $[31] = handleMenuClickOutside, $[32] = handleMenuEscape, $[33] = id, $[34] = menuProp, $[35] = shouldFocus, $[36] = t17) : t17 = $[36];
   const menu = t17;
-  let t18, t19;
-  $[37] !== buttonProp || $[38] !== handleMouseDown || $[39] !== id || $[40] !== open ? (t19 = buttonProp && cloneElement(buttonProp, {
+  let t18;
+  $[37] !== buttonProp || $[38] !== handleMouseDown || $[39] !== id || $[40] !== open ? (t18 = buttonProp && cloneElement(buttonProp, {
     "data-ui": "MenuButton",
     id,
     onClick: handleButtonClick,
@@ -792,14 +817,14 @@ const MenuButton = forwardRef(function(props, forwardedRef) {
     "aria-expanded": open,
     ref: setButtonElement,
     selected: buttonProp.props.selected ?? open
-  }), $[37] = buttonProp, $[38] = handleMouseDown, $[39] = id, $[40] = open, $[41] = t19) : t19 = $[41], t18 = t19;
+  }), $[37] = buttonProp, $[38] = handleMouseDown, $[39] = id, $[40] = open, $[41] = t18) : t18 = $[41];
   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_popoverRadius || $[50] !== deprecated_popoverScheme || $[51] !== deprecated_portal || $[52] !== deprecated_preventOverflow || $[53] !== t23 ? (t24 = {
+  let t19, t20;
+  $[42] !== buttonElement ? (t19 = () => buttonElement, t20 = [buttonElement], $[42] = buttonElement, $[43] = t19, $[44] = t20) : (t19 = $[43], t20 = $[44]), useImperativeHandle(forwardedRef, t19, t20);
+  let t21;
+  $[45] !== popover ? (t21 = popover || {}, $[45] = popover, $[46] = t21) : t21 = $[46];
+  let t22;
+  $[47] !== deprecated_boundaryElement || $[48] !== deprecated_placement || $[49] !== deprecated_popoverRadius || $[50] !== deprecated_popoverScheme || $[51] !== deprecated_portal || $[52] !== deprecated_preventOverflow || $[53] !== t21 ? (t22 = {
     boundaryElement: deprecated_boundaryElement,
     overflow: "auto",
     placement: deprecated_placement,
@@ -807,13 +832,13 @@ const MenuButton = forwardRef(function(props, forwardedRef) {
     preventOverflow: deprecated_preventOverflow,
     radius: deprecated_popoverRadius,
     scheme: deprecated_popoverScheme,
-    ...t23
-  }, $[47] = deprecated_boundaryElement, $[48] = deprecated_placement, $[49] = deprecated_popoverRadius, $[50] = deprecated_popoverScheme, $[51] = deprecated_portal, $[52] = deprecated_preventOverflow, $[53] = t23, $[54] = t24) : t24 = $[54], t22 = t24;
+    ...t21
+  }, $[47] = deprecated_boundaryElement, $[48] = deprecated_placement, $[49] = deprecated_popoverRadius, $[50] = deprecated_popoverScheme, $[51] = deprecated_portal, $[52] = deprecated_preventOverflow, $[53] = t21, $[54] = t22) : t22 = $[54];
   const popoverProps = t22;
-  let t25;
-  $[55] !== button ? (t25 = button || /* @__PURE__ */ jsx(Fragment$1, {}), $[55] = button, $[56] = t25) : t25 = $[56];
-  let t26;
-  return $[57] !== menu || $[58] !== open || $[59] !== popoverProps || $[60] !== t25 ? (t26 = /* @__PURE__ */ jsx(Popover, { "data-ui": "MenuButton__popover", ...popoverProps, content: menu, open, children: t25 }), $[57] = menu, $[58] = open, $[59] = popoverProps, $[60] = t25, $[61] = t26) : t26 = $[61], t26;
+  let t23;
+  $[55] !== button ? (t23 = button || /* @__PURE__ */ jsx(Fragment$1, {}), $[55] = button, $[56] = t23) : t23 = $[56];
+  let t24;
+  return $[57] !== menu || $[58] !== open || $[59] !== popoverProps || $[60] !== t23 ? (t24 = /* @__PURE__ */ jsx(Popover, { "data-ui": "MenuButton__popover", ...popoverProps, content: menu, open, children: t23 }), $[57] = menu, $[58] = open, $[59] = popoverProps, $[60] = t23, $[61] = t24) : t24 = $[61], t24;
 });
 MenuButton.displayName = "ForwardRef(MenuButton)";
 function _temp$2(v) {
@@ -1159,8 +1184,8 @@ function ToastProvider(props) {
   let t1;
   $[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = [], $[0] = t1) : t1 = $[0];
   const [state, setState] = useState(t1), mounted = useMounted();
-  let t2, t3;
-  $[1] === Symbol.for("react.memo_cache_sentinel") ? (t3 = {
+  let t2;
+  $[1] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {
     version: 0,
     push: (params) => {
       const id = params.id || generateToastId(), duration = params.duration || 5e3;
@@ -1181,15 +1206,15 @@ function ToastProvider(props) {
         });
       }), id;
     }
-  }, $[1] = t3) : t3 = $[1], t2 = t3;
+  }, $[1] = t2) : t2 = $[1];
   const value = t2;
+  let t3;
+  $[2] !== gap || $[3] !== mounted || $[4] !== padding || $[5] !== paddingX || $[6] !== paddingY || $[7] !== state || $[8] !== zOffset ? (t3 = mounted && /* @__PURE__ */ jsx(LayerProvider, { zOffset, children: /* @__PURE__ */ jsx(ToastLayer, { padding, paddingX, paddingY, gap, children: /* @__PURE__ */ jsx(AnimatePresence, { initial: !1, mode: "popLayout", children: state.map(_temp) }) }) }), $[2] = gap, $[3] = mounted, $[4] = padding, $[5] = paddingX, $[6] = paddingY, $[7] = state, $[8] = zOffset, $[9] = t3) : t3 = $[9];
   let t4;
-  $[2] !== gap || $[3] !== mounted || $[4] !== padding || $[5] !== paddingX || $[6] !== paddingY || $[7] !== state || $[8] !== zOffset ? (t4 = mounted && /* @__PURE__ */ jsx(LayerProvider, { zOffset, children: /* @__PURE__ */ jsx(ToastLayer, { padding, paddingX, paddingY, gap, children: /* @__PURE__ */ jsx(AnimatePresence, { initial: !1, mode: "popLayout", children: state.map(_temp) }) }) }), $[2] = gap, $[3] = mounted, $[4] = padding, $[5] = paddingX, $[6] = paddingY, $[7] = state, $[8] = zOffset, $[9] = t4) : t4 = $[9];
-  let t5;
-  return $[10] !== children || $[11] !== t4 ? (t5 = /* @__PURE__ */ jsxs(ToastContext.Provider, { value, children: [
+  return $[10] !== children || $[11] !== t3 ? (t4 = /* @__PURE__ */ jsxs(ToastContext.Provider, { value, children: [
     children,
-    t4
-  ] }), $[10] = children, $[11] = t4, $[12] = t5) : t5 = $[12], t5;
+    t3
+  ] }), $[10] = children, $[11] = t3, $[12] = t4) : t4 = $[12], t4;
 }
 function _temp(t0) {
   const {
@@ -1273,27 +1298,27 @@ const TreeContext = createGlobalScopedContext("@sanity/ui/context/tree", null),
     ...restProps
   } = props, $[0] = props, $[1] = children, $[2] = onFocus, $[3] = restProps, $[4] = t0) : (children = $[1], onFocus = $[2], restProps = $[3], t0 = $[4]);
   const space = t0 === void 0 ? 1 : t0, ref = useRef(null), [focusedElement, setFocusedElement] = useState(null), focusedElementRef = useRef(focusedElement);
-  let t1, t2;
-  $[5] === Symbol.for("react.memo_cache_sentinel") ? (t2 = [], $[5] = t2) : t2 = $[5], t1 = t2;
+  let t1;
+  $[5] === Symbol.for("react.memo_cache_sentinel") ? (t1 = [], $[5] = t1) : t1 = $[5];
   const path = t1;
+  let t2;
+  $[6] === Symbol.for("react.memo_cache_sentinel") ? (t2 = [], $[6] = t2) : t2 = $[6];
+  const [itemElements, setItemElements] = useState(t2);
   let t3;
-  $[6] === Symbol.for("react.memo_cache_sentinel") ? (t3 = [], $[6] = t3) : t3 = $[6];
-  const [itemElements, setItemElements] = useState(t3);
+  $[7] === Symbol.for("react.memo_cache_sentinel") ? (t3 = {}, $[7] = t3) : t3 = $[7];
+  const [state, setState] = useState(t3), stateRef = useRef(state);
   let t4;
-  $[7] === Symbol.for("react.memo_cache_sentinel") ? (t4 = {}, $[7] = t4) : t4 = $[7];
-  const [state, setState] = useState(t4), stateRef = useRef(state);
-  let t5;
-  $[8] === Symbol.for("react.memo_cache_sentinel") ? (t5 = () => ref.current, $[8] = t5) : t5 = $[8], useImperativeHandle(forwardedRef, t5);
-  let t6, t7;
-  $[9] !== focusedElement ? (t6 = () => {
+  $[8] === Symbol.for("react.memo_cache_sentinel") ? (t4 = () => ref.current, $[8] = t4) : t4 = $[8], useImperativeHandle(forwardedRef, t4);
+  let t5, t6;
+  $[9] !== focusedElement ? (t5 = () => {
     focusedElementRef.current = focusedElement;
-  }, t7 = [focusedElement], $[9] = focusedElement, $[10] = t6, $[11] = t7) : (t6 = $[10], t7 = $[11]), useEffect(t6, t7);
-  let t8, t9;
-  $[12] !== state ? (t8 = () => {
+  }, t6 = [focusedElement], $[9] = focusedElement, $[10] = t5, $[11] = t6) : (t5 = $[10], t6 = $[11]), useEffect(t5, t6);
+  let t7, t8;
+  $[12] !== state ? (t7 = () => {
     stateRef.current = state;
-  }, t9 = [state], $[12] = state, $[13] = t8, $[14] = t9) : (t8 = $[13], t9 = $[14]), useEffect(t8, t9);
-  let t10;
-  $[15] === Symbol.for("react.memo_cache_sentinel") ? (t10 = (element, path_0, expanded, selected) => (setState((s) => ({
+  }, t8 = [state], $[12] = state, $[13] = t7, $[14] = t8) : (t7 = $[13], t8 = $[14]), useEffect(t7, t8);
+  let t9;
+  $[15] === Symbol.for("react.memo_cache_sentinel") ? (t9 = (element, path_0, expanded, selected) => (setState((s) => ({
     ...s,
     [path_0]: {
       element,
@@ -1306,10 +1331,10 @@ const TreeContext = createGlobalScopedContext("@sanity/ui/context/tree", null),
       };
       return delete newState[path_0], newState;
     });
-  }), $[15] = t10) : t10 = $[15];
-  const registerItem = t10;
-  let t11;
-  $[16] === Symbol.for("react.memo_cache_sentinel") ? (t11 = (path_1, expanded_0) => {
+  }), $[15] = t9) : t9 = $[15];
+  const registerItem = t9;
+  let t10;
+  $[16] === Symbol.for("react.memo_cache_sentinel") ? (t10 = (path_1, expanded_0) => {
     setState((s_1) => {
       const itemState = s_1[path_1];
       return itemState ? {
@@ -1320,14 +1345,12 @@ const TreeContext = createGlobalScopedContext("@sanity/ui/context/tree", null),
         }
       } : s_1;
     });
-  }, $[16] = t11) : t11 = $[16];
-  const setExpanded = t11;
+  }, $[16] = t10) : t10 = $[16];
+  const setExpanded = t10, t11 = focusedElement || itemElements[0] || null;
   let t12;
-  const t13 = focusedElement || itemElements[0] || null;
-  let t14;
-  $[17] !== space || $[18] !== state || $[19] !== t13 ? (t14 = {
+  $[17] !== space || $[18] !== state || $[19] !== t11 ? (t12 = {
     version: 0,
-    focusedElement: t13,
+    focusedElement: t11,
     level: 0,
     path,
     registerItem,
@@ -1335,10 +1358,10 @@ const TreeContext = createGlobalScopedContext("@sanity/ui/context/tree", null),
     setFocusedElement,
     space,
     state
-  }, $[17] = space, $[18] = state, $[19] = t13, $[20] = t14) : t14 = $[20], t12 = t14;
+  }, $[17] = space, $[18] = state, $[19] = t11, $[20] = t12) : t12 = $[20];
   const contextValue = t12;
-  let t15;
-  $[21] !== itemElements ? (t15 = (event) => {
+  let t13;
+  $[21] !== itemElements ? (t13 = (event) => {
     if (focusedElementRef.current) {
       if (event.key === "ArrowDown") {
         event.preventDefault();
@@ -1397,26 +1420,26 @@ const TreeContext = createGlobalScopedContext("@sanity/ui/context/tree", null),
         return;
       }
     }
-  }, $[21] = itemElements, $[22] = t15) : t15 = $[22];
-  const handleKeyDown = t15;
-  let t16;
-  $[23] !== onFocus ? (t16 = (event_0) => {
+  }, $[21] = itemElements, $[22] = t13) : t13 = $[22];
+  const handleKeyDown = t13;
+  let t14;
+  $[23] !== onFocus ? (t14 = (event_0) => {
     setFocusedElement(event_0.target), onFocus?.(event_0);
-  }, $[23] = onFocus, $[24] = t16) : t16 = $[24];
-  const handleFocus = t16;
-  let t17;
-  $[25] === Symbol.for("react.memo_cache_sentinel") ? (t17 = () => {
+  }, $[23] = onFocus, $[24] = t14) : t14 = $[24];
+  const handleFocus = t14;
+  let t15;
+  $[25] === Symbol.for("react.memo_cache_sentinel") ? (t15 = () => {
     if (!ref.current)
       return;
     const _itemElements = Array.from(ref.current.querySelectorAll('[data-ui="TreeItem"]'));
     setItemElements(_itemElements);
-  }, $[25] = t17) : t17 = $[25];
+  }, $[25] = t15) : t15 = $[25];
+  let t16;
+  $[26] !== children ? (t16 = [children], $[26] = children, $[27] = t16) : t16 = $[27], useEffect(t15, t16);
+  let t17;
+  $[28] !== children || $[29] !== handleFocus || $[30] !== handleKeyDown || $[31] !== restProps || $[32] !== space ? (t17 = /* @__PURE__ */ jsx(Stack, { as: "ul", "data-ui": "Tree", ...restProps, onFocus: handleFocus, onKeyDown: handleKeyDown, ref, role: "tree", space, children }), $[28] = children, $[29] = handleFocus, $[30] = handleKeyDown, $[31] = restProps, $[32] = space, $[33] = t17) : t17 = $[33];
   let t18;
-  $[26] !== children ? (t18 = [children], $[26] = children, $[27] = t18) : t18 = $[27], useEffect(t17, t18);
-  let t19;
-  $[28] !== children || $[29] !== handleFocus || $[30] !== handleKeyDown || $[31] !== restProps || $[32] !== space ? (t19 = /* @__PURE__ */ jsx(Stack, { as: "ul", "data-ui": "Tree", ...restProps, onFocus: handleFocus, onKeyDown: handleKeyDown, ref, role: "tree", space, children }), $[28] = children, $[29] = handleFocus, $[30] = handleKeyDown, $[31] = restProps, $[32] = space, $[33] = t19) : t19 = $[33];
-  let t20;
-  return $[34] !== contextValue || $[35] !== t19 ? (t20 = /* @__PURE__ */ jsx(TreeContext.Provider, { value: contextValue, children: t19 }), $[34] = contextValue, $[35] = t19, $[36] = t20) : t20 = $[36], t20;
+  return $[34] !== contextValue || $[35] !== t17 ? (t18 = /* @__PURE__ */ jsx(TreeContext.Provider, { value: contextValue, children: t17 }), $[34] = contextValue, $[35] = t17, $[36] = t18) : t18 = $[36], t18;
 }));
 Tree.displayName = "Memo(ForwardRef(Tree))";
 function treeItemRootStyle() {