@sanity/ui 2.13.3 → 2.13.5

package/dist/index.mjs

@@ -942,6 +942,9 @@ function rootStyles(props) {
       animation-name: ${loadingAnimation};
       animation-duration: ${props.$duration}ms;
       animation-fill-mode: both;
+      animation-timing-function: linear;
+      opacity: var(${POPOVER_MOTION_CONTENT_OPACITY_PROPERTY}, 1);
+      will-change: width;
     }
 
     & > * {
@@ -1034,7 +1037,7 @@ const StyledToastProvider = styled(Layer).withConfig({
   componentId: "sc-17mn6j-1"
 })`box-sizing:border-box;position:absolute;right:0;bottom:0;max-width:420px;width:100%;`;
 function ToastProvider(props) {
-  const $ = c(24), {
+  const $ = c(22), {
     children,
     padding: t0,
     paddingX,
@@ -1047,40 +1050,36 @@ function ToastProvider(props) {
   let t2;
   $[1] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {}, $[1] = t2) : t2 = $[1];
   const toastsRef = useRef(t2), mounted = useMounted(), prefersReducedMotion = usePrefersReducedMotion();
-  let t3, t4, t5;
+  let t3, t4, t5, t6;
   $[2] === Symbol.for("react.memo_cache_sentinel") ? (t4 = {
     opacity: 0,
-    [POPOVER_MOTION_CONTENT_OPACITY_PROPERTY]: 0,
+    [POPOVER_MOTION_CONTENT_OPACITY_PROPERTY]: -1,
     y: 32,
     scale: 0.25,
     willChange: "transform"
-  }, t5 = [0, 1, 1], $[2] = t4, $[3] = t5) : (t4 = $[2], t5 = $[3]);
-  let t6, t7;
-  $[4] === Symbol.for("react.memo_cache_sentinel") ? (t6 = {
-    opacity: t5,
-    [POPOVER_MOTION_CONTENT_OPACITY_PROPERTY]: [0, 0, 1],
+  }, t5 = {
+    opacity: 2,
+    [POPOVER_MOTION_CONTENT_OPACITY_PROPERTY]: 1,
     y: 0,
     scale: 1
-  }, t7 = [1, 1, 0], $[4] = t6, $[5] = t7) : (t6 = $[4], t7 = $[5]);
+  }, t6 = {
+    opacity: 0,
+    [POPOVER_MOTION_CONTENT_OPACITY_PROPERTY]: -1,
+    scale: 0.5
+  }, $[2] = t4, $[3] = t5, $[4] = t6) : (t4 = $[2], t5 = $[3], t6 = $[4]);
+  const t7 = prefersReducedMotion ? 0 : 0.2;
   let t8;
-  $[6] === Symbol.for("react.memo_cache_sentinel") ? (t8 = [1, 0, 0], $[6] = t8) : t8 = $[6];
-  const t9 = prefersReducedMotion ? 0 : 0.2;
-  let t10;
-  $[7] !== t9 ? (t10 = {
+  $[5] !== t7 ? (t8 = {
     initial: t4,
-    animate: t6,
-    exit: {
-      opacity: t7,
-      [POPOVER_MOTION_CONTENT_OPACITY_PROPERTY]: t8,
-      scale: 0.5,
-      transition: {
-        duration: t9
-      }
+    animate: t5,
+    exit: t6,
+    transition: {
+      duration: t7
     }
-  }, $[7] = t9, $[8] = t10) : t10 = $[8], t3 = t10;
+  }, $[5] = t7, $[6] = t8) : t8 = $[6], t3 = t8;
   const variants = t3;
-  let t11, t12;
-  $[9] === Symbol.for("react.memo_cache_sentinel") ? (t12 = {
+  let t9, t10;
+  $[7] === Symbol.for("react.memo_cache_sentinel") ? (t10 = {
     version: 0,
     push: (params) => {
       const setState = (state_0) => startTransition(() => _setState(state_0)), id = params.id || generateToastId(), duration = params.duration || 5e3, dismiss = () => {
@@ -1105,23 +1104,23 @@ function ToastProvider(props) {
         timeoutId: setTimeout(dismiss, duration)
       }, id;
     }
-  }, $[9] = t12) : t12 = $[9], t11 = t12;
-  const value = t11;
-  let t13, t14;
-  $[10] === Symbol.for("react.memo_cache_sentinel") ? (t13 = () => () => {
+  }, $[7] = t10) : t10 = $[7], t9 = t10;
+  const value = t9;
+  let t11, t12;
+  $[8] === Symbol.for("react.memo_cache_sentinel") ? (t11 = () => () => {
     for (const {
       timeoutId: timeoutId_0
     } of Object.values(toastsRef.current))
       clearTimeout(timeoutId_0);
     toastsRef.current = {};
-  }, t14 = [], $[10] = t13, $[11] = t14) : (t13 = $[10], t14 = $[11]), useEffect(t13, t14);
-  let t15;
-  $[12] !== mounted || $[13] !== padding || $[14] !== paddingX || $[15] !== paddingY || $[16] !== prefersReducedMotion || $[17] !== state || $[18] !== variants || $[19] !== zOffset ? (t15 = mounted && /* @__PURE__ */ jsx(StyledToastProvider, { "data-ui": "ToastProvider", zOffset, children: /* @__PURE__ */ jsx(ToastContainer, { children: /* @__PURE__ */ jsx(Box, { padding, paddingX, paddingY, children: /* @__PURE__ */ jsx(AnimatePresence, { initial: !1, children: state.map((t162) => {
+  }, t12 = [], $[8] = t11, $[9] = t12) : (t11 = $[8], t12 = $[9]), useEffect(t11, t12);
+  let t13;
+  $[10] !== mounted || $[11] !== padding || $[12] !== paddingX || $[13] !== paddingY || $[14] !== prefersReducedMotion || $[15] !== state || $[16] !== variants || $[17] !== zOffset ? (t13 = mounted && /* @__PURE__ */ jsx(StyledToastProvider, { "data-ui": "ToastProvider", zOffset, children: /* @__PURE__ */ jsx(ToastContainer, { children: /* @__PURE__ */ jsx(Box, { padding, paddingX, paddingY, children: /* @__PURE__ */ jsx(AnimatePresence, { initial: !1, children: state.map((t142) => {
     const {
       dismiss: dismiss_0,
       id: id_0,
       params: params_0
-    } = t162;
+    } = t142;
     return /* @__PURE__ */ jsx(motion.div, { layout: "position", initial: "initial", animate: "animate", exit: "exit", variants, transition: prefersReducedMotion ? {
       duration: 0
     } : {
@@ -1129,12 +1128,12 @@ function ToastProvider(props) {
       damping: 30,
       stiffness: 400
     }, children: /* @__PURE__ */ 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] = t15) : t15 = $[20];
-  let t16;
-  return $[21] !== children || $[22] !== t15 ? (t16 = /* @__PURE__ */ jsxs(ToastContext.Provider, { value, children: [
+  }) }) }) }) }), $[10] = mounted, $[11] = padding, $[12] = paddingX, $[13] = paddingY, $[14] = prefersReducedMotion, $[15] = state, $[16] = variants, $[17] = zOffset, $[18] = t13) : t13 = $[18];
+  let t14;
+  return $[19] !== children || $[20] !== t13 ? (t14 = /* @__PURE__ */ jsxs(ToastContext.Provider, { value, children: [
     children,
-    t15
-  ] }), $[21] = children, $[22] = t15, $[23] = t16) : t16 = $[23], t16;
+    t13
+  ] }), $[19] = children, $[20] = t13, $[21] = t14) : t14 = $[21], t14;
 }
 ToastProvider.displayName = "ToastProvider";
 function useToast() {