@sanity/ui 2.15.7 → 2.15.9

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { EMPTY_ARRAY, useElementSize, Code, isHTMLElement, isHTMLAnchorElement, isHTMLInputElement, isHTMLButtonElement, isHTMLSelectElement, isHTMLTextAreaElement, Box, _isEnterToClickElement, Card, Text, useArrayProp, EMPTY_RECORD, Button, Stack, Popover, TextInput, useClickOutsideEvent, _responsive, createGlobalScopedContext, Container, Flex, usePortal, useBoundaryElement, useLayer, useGlobalKeyDown, useTheme_v2, usePrefersReducedMotion, Portal, containsOrEqualsElement, Layer, responsivePaddingStyle, responsiveRadiusStyle, Grid, LayerProvider, isRecord, _cardColorStyle, rem } from "./_chunks-es/_visual-editing.mjs";
+import { isHTMLElement, isHTMLAnchorElement, isHTMLInputElement, isHTMLButtonElement, isHTMLSelectElement, isHTMLTextAreaElement, EMPTY_ARRAY, useElementSize, Code, Box, _isEnterToClickElement, Card, Text, useArrayProp, EMPTY_RECORD, Button, Stack, Popover, TextInput, useClickOutsideEvent, _responsive, createGlobalScopedContext, Container, Flex, usePortal, useBoundaryElement, useLayer, useGlobalKeyDown, useTheme_v2, usePrefersReducedMotion, Portal, containsOrEqualsElement, Layer, responsivePaddingStyle, responsiveRadiusStyle, Grid, LayerProvider, isRecord, _cardColorStyle, rem } from "./_chunks-es/_visual-editing.mjs";
 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 "./_chunks-es/_visual-editing.mjs";
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import { SpinnerIcon, ChevronDownIcon, CloseIcon, ToggleArrowRightIcon } from "@sanity/icons";
@@ -7,7 +7,52 @@ import { styled, keyframes, css } from "styled-components";
 import { c } from "react-compiler-runtime";
 import { getTheme_v2 } from "@sanity/ui/theme";
 import { motion, AnimatePresence } from "framer-motion";
-import { getTheme_v2 as getTheme_v2$1 } from "./_chunks-es/getTheme_v2.mjs";
+function _raf(fn) {
+  const frameId = requestAnimationFrame(fn);
+  return () => {
+    cancelAnimationFrame(frameId);
+  };
+}
+function _raf2(fn) {
+  let innerDispose = null;
+  const outerDispose = _raf(() => {
+    innerDispose = _raf(fn);
+  });
+  return () => {
+    innerDispose && innerDispose(), outerDispose();
+  };
+}
+function _hasFocus(element) {
+  return !!document.activeElement && element.contains(document.activeElement);
+}
+function isFocusable(element) {
+  return element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute("tabIndex") !== null ? !0 : isHTMLAnchorElement(element) ? !!element.href && element.rel !== "ignore" : isHTMLInputElement(element) ? element.type !== "hidden" && element.type !== "file" && !element.disabled : isHTMLButtonElement(element) || isHTMLSelectElement(element) || isHTMLTextAreaElement(element) ? !element.disabled : !1;
+}
+function attemptFocus(element) {
+  if (!isFocusable(element))
+    return !1;
+  try {
+    element.focus();
+  } catch {
+  }
+  return document.activeElement === element;
+}
+function focusFirstDescendant(element) {
+  for (let i = 0; i < element.childNodes.length; i++) {
+    const child = element.childNodes[i];
+    if (isHTMLElement(child) && (attemptFocus(child) || focusFirstDescendant(child)))
+      return !0;
+  }
+  return !1;
+}
+function focusLastDescendant(element) {
+  for (let i = element.childNodes.length - 1; i >= 0; i--) {
+    const child = element.childNodes[i];
+    if (isHTMLElement(child) && (attemptFocus(child) || focusLastDescendant(child)))
+      return !0;
+  }
+  return !1;
+}
 function _getElements(element, elementsArg) {
   const ret = [element];
   for (const el of elementsArg)
@@ -89,52 +134,6 @@ class ErrorBoundary extends Component {
     return this.props.children;
   }
 }
-function _raf(fn) {
-  const frameId = requestAnimationFrame(fn);
-  return () => {
-    cancelAnimationFrame(frameId);
-  };
-}
-function _raf2(fn) {
-  let innerDispose = null;
-  const outerDispose = _raf(() => {
-    innerDispose = _raf(fn);
-  });
-  return () => {
-    innerDispose && innerDispose(), outerDispose();
-  };
-}
-function _hasFocus(element) {
-  return !!document.activeElement && element.contains(document.activeElement);
-}
-function isFocusable(element) {
-  return element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute("tabIndex") !== null ? !0 : isHTMLAnchorElement(element) ? !!element.href && element.rel !== "ignore" : isHTMLInputElement(element) ? element.type !== "hidden" && element.type !== "file" && !element.disabled : isHTMLButtonElement(element) || isHTMLSelectElement(element) || isHTMLTextAreaElement(element) ? !element.disabled : !1;
-}
-function attemptFocus(element) {
-  if (!isFocusable(element))
-    return !1;
-  try {
-    element.focus();
-  } catch {
-  }
-  return document.activeElement === element;
-}
-function focusFirstDescendant(element) {
-  for (let i = 0; i < element.childNodes.length; i++) {
-    const child = element.childNodes[i];
-    if (isHTMLElement(child) && (attemptFocus(child) || focusFirstDescendant(child)))
-      return !0;
-  }
-  return !1;
-}
-function focusLastDescendant(element) {
-  for (let i = element.childNodes.length - 1; i >= 0; i--) {
-    const child = element.childNodes[i];
-    if (isHTMLElement(child) && (attemptFocus(child) || focusLastDescendant(child)))
-      return !0;
-  }
-  return !1;
-}
 const StyledAutocomplete = styled.div.withConfig({
   displayName: "StyledAutocomplete",
   componentId: "sc-1igauft-0"
@@ -994,7 +993,7 @@ const LOADING_BAR_HEIGHT = 2, STATUS_CARD_TONE = {
 })`display:block;height:100%;width:100%;transform-origin:0% 50%;background-color:${(props) => {
   const {
     color
-  } = getTheme_v2$1(props.theme);
+  } = getTheme_v2(props.theme);
   return color.button.default[props.tone].enabled.bg;
 }};`, ROLES = {
   error: "alert",
@@ -1003,7 +1002,7 @@ const LOADING_BAR_HEIGHT = 2, STATUS_CARD_TONE = {
   info: "alert"
 }, LONG_ENOUGH_BUT_NOT_TOO_LONG = 1e3 * 60 * 60 * 24 * 24;
 function Toast(props) {
-  const $ = c(52);
+  const $ = c(50);
   let closable, description, duration, onClose, restProps, status, t0, title, updatedAt;
   $[0] !== props ? ({
     closable,
@@ -1025,39 +1024,36 @@ function Toast(props) {
   } : {
     duration: 0
   }, $[10] = visualDuration, $[11] = t1) : t1 = $[11];
-  const transition = t1;
+  const transition = t1, hasDuration = duration && isFinite(duration) && duration < LONG_ENOUGH_BUT_NOT_TOO_LONG;
   let t2;
-  $[12] !== duration ? (t2 = duration && isFinite(duration) && duration < LONG_ENOUGH_BUT_NOT_TOO_LONG, $[12] = duration, $[13] = t2) : t2 = $[13];
-  const hasDuration = t2;
+  $[12] === Symbol.for("react.memo_cache_sentinel") ? (t2 = ["hidden", "initial"], $[12] = t2) : t2 = $[12];
+  const initial = t2;
   let t3;
-  $[14] === Symbol.for("react.memo_cache_sentinel") ? (t3 = ["hidden", "initial"], $[14] = t3) : t3 = $[14];
-  const initial = t3;
+  $[13] === Symbol.for("react.memo_cache_sentinel") ? (t3 = ["visible", "slideIn"], $[13] = t3) : t3 = $[13];
+  const animate = t3;
   let t4;
-  $[15] === Symbol.for("react.memo_cache_sentinel") ? (t4 = ["visible", "slideIn"], $[15] = t4) : t4 = $[15];
-  const animate = t4;
-  let t5;
-  $[16] === Symbol.for("react.memo_cache_sentinel") ? (t5 = ["hidden", "slideOut"], $[16] = t5) : t5 = $[16];
-  const exit = t5, t6 = hasDuration ? "" : void 0;
+  $[14] === Symbol.for("react.memo_cache_sentinel") ? (t4 = ["hidden", "slideOut"], $[14] = t4) : t4 = $[14];
+  const exit = t4, t5 = hasDuration ? "" : void 0;
+  let t6;
+  $[15] !== title ? (t6 = title && /* @__PURE__ */ jsx(Text, { size: 1, weight: "medium", children: title }), $[15] = title, $[16] = t6) : t6 = $[16];
   let t7;
-  $[17] !== title ? (t7 = title && /* @__PURE__ */ jsx(Text, { size: 1, weight: "medium", children: title }), $[17] = title, $[18] = t7) : t7 = $[18];
+  $[17] !== description || $[18] !== transition ? (t7 = description && /* @__PURE__ */ jsx(MotionText, { muted: !0, size: 1, variants: content, transition, children: description }), $[17] = description, $[18] = transition, $[19] = t7) : t7 = $[19];
   let t8;
-  $[19] !== description || $[20] !== transition ? (t8 = description && /* @__PURE__ */ jsx(MotionText, { muted: !0, size: 1, variants: content, transition, children: description }), $[19] = description, $[20] = transition, $[21] = t8) : t8 = $[21];
+  $[20] !== t6 || $[21] !== t7 ? (t8 = /* @__PURE__ */ jsx(TextBox, { flex: 1, padding: 3, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    t6,
+    t7
+  ] }) }), $[20] = t6, $[21] = t7, $[22] = t8) : t8 = $[22];
   let t9;
-  $[22] !== t7 || $[23] !== t8 ? (t9 = /* @__PURE__ */ jsx(TextBox, { flex: 1, padding: 3, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-    t7,
-    t8
-  ] }) }), $[22] = t7, $[23] = t8, $[24] = t9) : t9 = $[24];
-  let t10;
-  $[25] !== buttonTone || $[26] !== closable || $[27] !== onClose ? (t10 = closable && /* @__PURE__ */ jsx(Box, { padding: 1, children: /* @__PURE__ */ jsx(Button, { as: "button", icon: CloseIcon, mode: "bleed", padding: 2, tone: buttonTone, onClick: onClose, style: {
+  $[23] !== buttonTone || $[24] !== closable || $[25] !== onClose ? (t9 = closable && /* @__PURE__ */ jsx(Box, { padding: 1, children: /* @__PURE__ */ jsx(Button, { as: "button", icon: CloseIcon, mode: "bleed", padding: 2, tone: buttonTone, onClick: onClose, style: {
     verticalAlign: "top"
-  } }) }), $[25] = buttonTone, $[26] = closable, $[27] = onClose, $[28] = t10) : t10 = $[28];
+  } }) }), $[23] = buttonTone, $[24] = closable, $[25] = onClose, $[26] = t9) : t9 = $[26];
+  let t10;
+  $[27] !== t8 || $[28] !== t9 || $[29] !== transition ? (t10 = /* @__PURE__ */ jsxs(MotionFlex, { align: "flex-start", variants: content, transition, children: [
+    t8,
+    t9
+  ] }), $[27] = t8, $[28] = t9, $[29] = transition, $[30] = t10) : t10 = $[30];
   let t11;
-  $[29] !== t10 || $[30] !== t9 || $[31] !== transition ? (t11 = /* @__PURE__ */ jsxs(MotionFlex, { align: "flex-start", variants: content, transition, children: [
-    t9,
-    t10
-  ] }), $[29] = t10, $[30] = t9, $[31] = transition, $[32] = t11) : t11 = $[32];
-  let t12;
-  $[33] !== cardTone || $[34] !== duration || $[35] !== hasDuration || $[36] !== onClose || $[37] !== radius || $[38] !== transition || $[39] !== updatedAt || $[40] !== visualDuration ? (t12 = hasDuration && /* @__PURE__ */ jsxs(MotionLoadingBar, { variants: content, transition, children: [
+  $[31] !== cardTone || $[32] !== duration || $[33] !== hasDuration || $[34] !== onClose || $[35] !== radius || $[36] !== transition || $[37] !== updatedAt || $[38] !== visualDuration ? (t11 = hasDuration && /* @__PURE__ */ jsxs(MotionLoadingBar, { variants: content, transition, children: [
     /* @__PURE__ */ jsx(LoadingBarMask, { tone: cardTone, radius }),
     /* @__PURE__ */ jsx(MotionLoadingBarProgress, { tone: cardTone, initial: {
       scaleX: 0
@@ -1068,12 +1064,12 @@ function Toast(props) {
       duration: duration / 1e3,
       ease: "linear"
     }, onAnimationComplete: onClose }, `progress-${updatedAt}`)
-  ] }), $[33] = cardTone, $[34] = duration, $[35] = hasDuration, $[36] = onClose, $[37] = radius, $[38] = transition, $[39] = updatedAt, $[40] = visualDuration, $[41] = t12) : t12 = $[41];
-  let t13;
-  return $[42] !== cardTone || $[43] !== radius || $[44] !== restProps || $[45] !== role || $[46] !== t11 || $[47] !== t12 || $[48] !== t6 || $[49] !== transition || $[50] !== visualDuration ? (t13 = /* @__PURE__ */ jsxs(MotionToast, { "data-ui": "Toast", role, ...restProps, "data-has-duration": t6, custom: visualDuration, radius, shadow: 2, tone: cardTone, forwardedAs: "li", layout: "position", variants: container, initial, animate, exit, transition, children: [
-    t11,
-    t12
-  ] }), $[42] = cardTone, $[43] = radius, $[44] = restProps, $[45] = role, $[46] = t11, $[47] = t12, $[48] = t6, $[49] = transition, $[50] = visualDuration, $[51] = t13) : t13 = $[51], t13;
+  ] }), $[31] = cardTone, $[32] = duration, $[33] = hasDuration, $[34] = onClose, $[35] = radius, $[36] = transition, $[37] = updatedAt, $[38] = visualDuration, $[39] = t11) : t11 = $[39];
+  let t12;
+  return $[40] !== cardTone || $[41] !== radius || $[42] !== restProps || $[43] !== role || $[44] !== t10 || $[45] !== t11 || $[46] !== t5 || $[47] !== transition || $[48] !== visualDuration ? (t12 = /* @__PURE__ */ jsxs(MotionToast, { "data-ui": "Toast", role, ...restProps, "data-has-duration": t5, custom: visualDuration, radius, shadow: 2, tone: cardTone, forwardedAs: "li", layout: "position", variants: container, initial, animate, exit, transition, children: [
+    t10,
+    t11
+  ] }), $[40] = cardTone, $[41] = radius, $[42] = restProps, $[43] = role, $[44] = t10, $[45] = t11, $[46] = t5, $[47] = transition, $[48] = visualDuration, $[49] = t12) : t12 = $[49], t12;
 }
 Toast.displayName = "Toast";
 const container = {