@sanity/ui 2.14.4-canary.0 → 2.14.4-canary.2

package/dist/index.esm.js

@@ -2,7 +2,7 @@ import { EMPTY_ARRAY, useElementSize, Code, isHTMLElement, isHTMLAnchorElement,
 import { Arrow, Avatar, AvatarCounter, AvatarStack, Badge, BoundaryElementProvider, Checkbox, ConditionalWrapper, ElementQuery, Heading, Hotkeys, Inline, KBD, Label, Menu, MenuDivider, MenuGroup, MenuItem, PortalProvider, Radio, Select, Spinner, SrOnly, Switch, Tab, TabList, TextArea, ThemeColorProvider, ThemeProvider, Tooltip, TooltipDelayGroupContext, TooltipDelayGroupProvider, VirtualList, _ResizeObserver, _elementSizeObserver, _fillCSSObject, _getArrayProp, _getResponsiveSpace, _isScrollable, createColorTheme, hexToRgb, hslToRgb, multiply, parseColor, responsiveCodeFontStyle, responsiveHeadingFont, responsiveLabelFont, responsiveTextAlignStyle, responsiveTextFont, rgbToHex, rgbToHsl, rgba, screen, studioTheme, useCustomValidity, useMatchMedia, useMediaIndex, usePrefersDark, useRootTheme, useTheme, useTooltipDelayGroup } from "./_legacy/_visual-editing.esm.js";
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import { SpinnerIcon, ChevronDownIcon, CloseIcon, ToggleArrowRightIcon } from "@sanity/icons";
-import { useState, useRef, useEffect, useImperativeHandle, Component, forwardRef, useReducer, useCallback, useMemo, cloneElement, Children, isValidElement, Fragment, useContext, useSyncExternalStore, memo, useId } from "react";
+import { useState, useRef, useEffect, useImperativeHandle, Component, forwardRef, useReducer, useCallback, useMemo, cloneElement, Children, isValidElement, Fragment, useContext, useSyncExternalStore, startTransition, memo, useId } from "react";
 import { styled, keyframes, css } from "styled-components";
 import { c } from "react-compiler-runtime";
 import { getTheme_v2 } from "@sanity/ui/theme";
@@ -1139,25 +1139,32 @@ function ToastProvider(props) {
   $[1] === Symbol.for("react.memo_cache_sentinel") ? (t3 = {
     version: 0,
     push: (params) => {
-      const id = params.id || generateToastId(), duration = params.duration || 5e3, dismiss = () => {
+      const id = params.id || generateToastId(), duration = params.duration || 5e3;
+      return startTransition(() => {
         setState((prevState) => {
-          const idx = prevState.findIndex((t) => t.id === id);
-          if (idx > -1) {
-            const toasts = prevState.slice(0);
-            return toasts.splice(idx, 1), toasts;
-          }
-          return prevState;
+          const dismiss = () => {
+            startTransition(() => {
+              setState((prevState_0) => {
+                const idx = prevState_0.findIndex((t) => t.id === id);
+                if (idx > -1) {
+                  const toasts = prevState_0.slice(0);
+                  return toasts.splice(idx, 1), toasts;
+                }
+                return prevState_0;
+              });
+            });
+          };
+          return prevState.filter((t_0) => t_0.id !== id).concat([{
+            dismiss,
+            id,
+            updatedAt: Date.now(),
+            params: {
+              ...params,
+              duration
+            }
+          }]);
         });
-      };
-      return setState((prevState_0) => prevState_0.filter((t_0) => t_0.id !== id).concat([{
-        dismiss,
-        id,
-        updatedAt: Date.now(),
-        params: {
-          ...params,
-          duration
-        }
-      }])), id;
+      }), id;
     }
   }, $[1] = t3) : t3 = $[1], t2 = t3;
   const value = t2;