@sanity/ui 4.0.0-static.40 → 4.0.0-static.42

package/dist/index.js

@@ -5,7 +5,7 @@ import { isValidElement, useDebugValue, useSyncExternalStore, createContext, use
 import { box, text, textOverflow, animatedSpinnerIcon, spinner, button, buttonLoadingBox, _arrow, vars, _arrowSvg, _arrowStrokeMask, _arrowStroke, _arrowShape, card, BREAKPOINTS, popoverCard, popover, _selectable, stack, textInput, textInputPrefix, textInputElement, _inputElement, _inputPresentation, textInputSuffix, breadcrumbs, container as container$1, dialogCard, dialogHeader, dialogContent, dialogScrollerShadowTop, dialogScroller, dialogScrollerShadowBottom, dialogFooter, dialog, dialogContainer, kbd, menu, menuDivider, toast, toastLayer, treeItem, label, avatar, avatarArrow, avatarInitials, avatarImage, avatarImageOutline, avatarCounter, avatarStack, badge, checkbox, checkboxInput, checkboxPresentation, code, heading, radio, radioInput, radioPresentation, select, selectPresentation, skeleton, codeSkeleton, headingSkeleton, labelSkeleton, textSkeleton, srOnly, _switch, _switchElement, _switchPresentation, _switchTrack, _switchThumb, textArea, tooltip, root } from "@sanity/ui/css";
 import { isValidElementType } from "react-is";
 import { detectOverflow, useFloating, autoPlacement, flip, offset, shift, arrow, hide, autoUpdate } from "@floating-ui/react-dom";
-import { motion, AnimatePresence } from "framer-motion";
+import { motion, AnimatePresence } from "motion/react";
 import { createPortal } from "react-dom";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useEffectEvent } from "use-effect-event";
@@ -3138,7 +3138,7 @@ function generateToastId() {
   return String(toastId++);
 }
 function ToastProvider(props) {
-  const $ = c(13), {
+  const $ = c(14), {
     children,
     padding,
     paddingX,
@@ -3150,20 +3150,23 @@ function ToastProvider(props) {
   $[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = [], $[0] = t1) : t1 = $[0];
   const [state, setState] = useState(t1), mounted = useMounted();
   let t2;
-  $[1] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {
+  $[1] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {}, $[1] = t2) : t2 = $[1];
+  const timeoutIdsRef = useRef(t2);
+  let t3;
+  $[2] === Symbol.for("react.memo_cache_sentinel") ? (t3 = {
     version: 0,
     push: (params) => {
-      const id = params.id ?? generateToastId(), duration = params.duration ?? 5e3;
-      return startTransition(() => {
+      const id = params.id ?? generateToastId(), duration = params.duration ?? 5e3, existingTimeoutId = timeoutIdsRef.current[id];
+      return existingTimeoutId && (clearTimeout(existingTimeoutId), timeoutIdsRef.current[id] = void 0), startTransition(() => {
         setState((prevState) => {
           if (duration === 0.01)
             return prevState.filter((toast2) => toast2.id !== id);
-          const dismiss = () => {
+          const dismiss = function() {
             startTransition(() => {
-              timeoutId && clearTimeout(timeoutId), setState((currentState) => currentState.filter((toast_0) => toast_0.id !== id));
+              timeoutId && clearTimeout(timeoutId), setState((currentState) => currentState.filter((toast_0) => toast_0.id !== id)), timeoutIdsRef.current[id] = void 0;
             });
           }, timeoutId = duration === 1 / 0 ? void 0 : setTimeout(dismiss, duration);
-          return [...prevState.filter((toast_1) => toast_1.id !== id), {
+          return timeoutIdsRef.current[id] = timeoutId, [...prevState.filter((toast_1) => toast_1.id !== id), {
             dismiss,
             id,
             params: {
@@ -3174,15 +3177,15 @@ function ToastProvider(props) {
         });
       }), id;
     }
-  }, $[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$4) }) }) }), $[2] = gap, $[3] = mounted, $[4] = padding, $[5] = paddingX, $[6] = paddingY, $[7] = state, $[8] = zOffset, $[9] = t3) : t3 = $[9];
+  }, $[2] = t3) : t3 = $[2];
+  const value = t3;
   let t4;
-  return $[10] !== children || $[11] !== t3 ? (t4 = /* @__PURE__ */ jsxs(ToastContext, { value, children: [
+  $[3] !== gap || $[4] !== mounted || $[5] !== padding || $[6] !== paddingX || $[7] !== paddingY || $[8] !== state || $[9] !== 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$4) }) }) }), $[3] = gap, $[4] = mounted, $[5] = padding, $[6] = paddingX, $[7] = paddingY, $[8] = state, $[9] = zOffset, $[10] = t4) : t4 = $[10];
+  let t5;
+  return $[11] !== children || $[12] !== t4 ? (t5 = /* @__PURE__ */ jsxs(ToastContext, { value, children: [
     children,
-    t3
-  ] }), $[10] = children, $[11] = t3, $[12] = t4) : t4 = $[12], t4;
+    t4
+  ] }), $[11] = children, $[12] = t4, $[13] = t5) : t5 = $[13], t5;
 }
 function _temp$4(t0) {
   const {