@sanity/ui 2.9.1 → 2.10.0

package/dist/index.js

@@ -3889,7 +3889,7 @@ const Popover = react.memo(react.forwardRef(function(props, forwardedRef) {
   react.useEffect(() => {
     maxWidthRef.current = maxWidth;
   }, [maxWidth]);
-  const referenceWidthRef = react.useRef();
+  const referenceWidthRef = react.useRef(void 0);
   react.useEffect(() => {
     const floatingElement = ref.current;
     if (!open || !floatingElement) return;
@@ -4687,7 +4687,7 @@ function _temp3(v_0) {
   return v_0 === 0 || v_0 === 1 ? 0 : v_0 === 2 ? 1 : v_0 - 1;
 }
 function useDelayedState(initialState) {
-  const $ = reactCompilerRuntime.c(3), [state, setState] = react.useState(initialState), delayedAction = react.useRef();
+  const $ = reactCompilerRuntime.c(3), [state, setState] = react.useState(initialState), delayedAction = react.useRef(void 0);
   let t0;
   $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = (nextState, delay) => {
     const action = () => {
@@ -5210,7 +5210,26 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = ["Control", "Shift", "Alt", "Enter", "H
     inputElement: inputElementRef.current,
     onMouseEnter: handlePopoverMouseEnter,
     onMouseLeave: handlePopoverMouseLeave
-  }, resultsPopoverElementRef) : filteredOptionsLen === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(Popover, { arrow: !1, constrainSize: !0, content, 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 }), [content, expanded, filteredOptionsLen, handlePopoverMouseEnter, handlePopoverMouseLeave, popover, radius, renderPopover]);
+  }, resultsPopoverElementRef) : filteredOptionsLen === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(
+    Popover,
+    {
+      arrow: !1,
+      constrainSize: !0,
+      content,
+      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
+    }
+  ), [content, expanded, filteredOptionsLen, handlePopoverMouseEnter, handlePopoverMouseLeave, popover, radius, renderPopover]);
   return /* @__PURE__ */ jsxRuntime.jsxs(Root$9, { "data-ui": "Autocomplete", onBlur: handleRootBlur, onFocus: handleRootFocus, onKeyDown: handleRootKeyDown, ref: rootElementRef, children: [
     input,
     results
@@ -5456,7 +5475,7 @@ const Dialog = react.forwardRef(function(props, ref) {
     }
     isHTMLElement(event.target) && (focusedElementRef.current = event.target);
   }, $[22] = onFocus, $[23] = t7) : t7 = $[23];
-  const handleFocus = t7, labelId = `${id}_label`, rootClickTimeoutRef = react.useRef();
+  const handleFocus = t7, labelId = `${id}_label`, rootClickTimeoutRef = react.useRef(void 0);
   let t8;
   $[24] !== boundaryElement || $[25] !== portalElement ? (t8 = () => {
     rootClickTimeoutRef.current && clearTimeout(rootClickTimeoutRef.current), rootClickTimeoutRef.current = setTimeout(() => {
@@ -6593,24 +6612,23 @@ function ToastProvider(props) {
   }, t7 = [1, 1, 0], $[4] = t6, $[5] = t7) : (t6 = $[4], t7 = $[5]);
   let t8;
   $[6] === Symbol.for("react.memo_cache_sentinel") ? (t8 = [1, 0, 0], $[6] = t8) : t8 = $[6];
-  let t9;
-  $[7] !== prefersReducedMotion ? (t9 = {
+  const t9 = prefersReducedMotion ? 0 : 0.2;
+  let t10;
+  $[7] !== t9 ? (t10 = {
     initial: t4,
     animate: t6,
     exit: {
       opacity: t7,
       [POPOVER_MOTION_CONTENT_OPACITY_PROPERTY]: t8,
       scale: 0.5,
-      transition: prefersReducedMotion ? {
-        duration: 0
-      } : {
-        duration: 0.2
+      transition: {
+        duration: t9
       }
     }
-  }, $[7] = prefersReducedMotion, $[8] = t9) : t9 = $[8], t3 = t9;
+  }, $[7] = t9, $[8] = t10) : t10 = $[8], t3 = t10;
   const variants = t3;
-  let t10, t11;
-  $[9] === Symbol.for("react.memo_cache_sentinel") ? (t11 = {
+  let t11, t12;
+  $[9] === Symbol.for("react.memo_cache_sentinel") ? (t12 = {
     version: 0,
     push: (params) => {
       const setState = (state_0) => react.startTransition(() => _setState(state_0)), id = params.id || generateToastId(), duration = params.duration || 5e3, dismiss = () => {
@@ -6635,23 +6653,23 @@ function ToastProvider(props) {
         timeoutId: setTimeout(dismiss, duration)
       }, id;
     }
-  }, $[9] = t11) : t11 = $[9], t10 = t11;
-  const value = t10;
-  let t12, t13;
-  $[10] === Symbol.for("react.memo_cache_sentinel") ? (t12 = () => () => {
+  }, $[9] = t12) : t12 = $[9], t11 = t12;
+  const value = t11;
+  let t13, t14;
+  $[10] === Symbol.for("react.memo_cache_sentinel") ? (t13 = () => () => {
     for (const {
       timeoutId: timeoutId_0
     } of Object.values(toastsRef.current))
       clearTimeout(timeoutId_0);
     toastsRef.current = {};
-  }, t13 = [], $[10] = t12, $[11] = t13) : (t12 = $[10], t13 = $[11]), react.useEffect(t12, t13);
-  let t14;
-  $[12] !== mounted || $[13] !== padding || $[14] !== paddingX || $[15] !== paddingY || $[16] !== prefersReducedMotion || $[17] !== state || $[18] !== variants || $[19] !== zOffset ? (t14 = mounted && /* @__PURE__ */ jsxRuntime.jsx(Root$1, { "data-ui": "ToastProvider", zOffset, children: /* @__PURE__ */ jsxRuntime.jsx(ToastContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(Box, { padding, paddingX, paddingY, children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: !1, children: state.map((t152) => {
+  }, t14 = [], $[10] = t13, $[11] = t14) : (t13 = $[10], t14 = $[11]), react.useEffect(t13, t14);
+  let t15;
+  $[12] !== mounted || $[13] !== padding || $[14] !== paddingX || $[15] !== paddingY || $[16] !== prefersReducedMotion || $[17] !== state || $[18] !== variants || $[19] !== zOffset ? (t15 = mounted && /* @__PURE__ */ jsxRuntime.jsx(Root$1, { "data-ui": "ToastProvider", zOffset, children: /* @__PURE__ */ jsxRuntime.jsx(ToastContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(Box, { padding, paddingX, paddingY, children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: !1, children: state.map((t162) => {
     const {
       dismiss: dismiss_0,
       id: id_0,
       params: params_0
-    } = t152;
+    } = t162;
     return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { layout: "position", initial: "initial", animate: "animate", exit: "exit", variants, transition: prefersReducedMotion ? {
       duration: 0
     } : {
@@ -6659,12 +6677,12 @@ function ToastProvider(props) {
       damping: 30,
       stiffness: 400
     }, children: /* @__PURE__ */ jsxRuntime.jsx(Toast, { closable: params_0.closable, description: params_0.description, onClose: dismiss_0, status: params_0.status, title: params_0.title, duration: params_0.duration }) }, id_0);
-  }) }) }) }) }), $[12] = mounted, $[13] = padding, $[14] = paddingX, $[15] = paddingY, $[16] = prefersReducedMotion, $[17] = state, $[18] = variants, $[19] = zOffset, $[20] = t14) : t14 = $[20];
-  let t15;
-  return $[21] !== children || $[22] !== t14 ? (t15 = /* @__PURE__ */ jsxRuntime.jsxs(ToastContext.Provider, { value, children: [
+  }) }) }) }) }), $[12] = mounted, $[13] = padding, $[14] = paddingX, $[15] = paddingY, $[16] = prefersReducedMotion, $[17] = state, $[18] = variants, $[19] = zOffset, $[20] = t15) : t15 = $[20];
+  let t16;
+  return $[21] !== children || $[22] !== t15 ? (t16 = /* @__PURE__ */ jsxRuntime.jsxs(ToastContext.Provider, { value, children: [
     children,
-    t14
-  ] }), $[21] = children, $[22] = t14, $[23] = t15) : t15 = $[23], t15;
+    t15
+  ] }), $[21] = children, $[22] = t15, $[23] = t16) : t16 = $[23], t16;
 }
 ToastProvider.displayName = "ToastProvider";
 function useToast() {