@sanity/ui 4.0.0-static.9 → 4.0.0-v4.1

package/dist/index.js

@@ -742,14 +742,13 @@ function Flex(props) {
 }
 const DEFAULT_CARD_ELEMENT = "div";
 function Card(props) {
-  const $ = c(38), t0 = props;
-  let className, disabled, pressed, rest, schemeProp, selected, style, t1, t2, t3, t4, t5;
+  const $ = c(37), t0 = props;
+  let className, pressed, rest, schemeProp, selected, style, t1, t2, t3, t4, t5;
   $[0] !== t0 ? ({
     __unstable_checkered: t1,
     __unstable_focusRing: t2,
     as: t3,
     className,
-    disabled,
     pressed,
     radius: t4,
     scheme: schemeProp,
@@ -757,26 +756,26 @@ function Card(props) {
     style,
     tone: t5,
     ...rest
-  } = t0, $[0] = t0, $[1] = className, $[2] = disabled, $[3] = pressed, $[4] = rest, $[5] = schemeProp, $[6] = selected, $[7] = style, $[8] = t1, $[9] = t2, $[10] = t3, $[11] = t4, $[12] = t5) : (className = $[1], disabled = $[2], pressed = $[3], rest = $[4], schemeProp = $[5], selected = $[6], style = $[7], t1 = $[8], t2 = $[9], t3 = $[10], t4 = $[11], t5 = $[12]);
+  } = t0, $[0] = t0, $[1] = className, $[2] = pressed, $[3] = rest, $[4] = schemeProp, $[5] = selected, $[6] = style, $[7] = t1, $[8] = t2, $[9] = t3, $[10] = t4, $[11] = t5) : (className = $[1], pressed = $[2], rest = $[3], schemeProp = $[4], selected = $[5], style = $[6], t1 = $[7], t2 = $[8], t3 = $[9], t4 = $[10], t5 = $[11]);
   const checkered = t1 === void 0 ? !1 : t1, focusRing = t2 === void 0 ? !1 : t2, as = t3 === void 0 ? DEFAULT_CARD_ELEMENT : t3, radius = t4 === void 0 ? 0 : t4, toneProp = t5 === void 0 ? "default" : t5, parent = useContext(CardContext), tone = toneProp === "inherit" ? parent?.tone : toneProp, scheme = schemeProp === void 0 ? parent?.scheme : schemeProp, t6 = scheme === parent?.scheme ? void 0 : scheme;
   let t7;
-  $[13] !== className || $[14] !== t6 || $[15] !== tone ? (t7 = card({
+  $[12] !== className || $[13] !== t6 || $[14] !== tone ? (t7 = card({
     className,
     scheme: t6,
     tone
-  }), $[13] = className, $[14] = t6, $[15] = tone, $[16] = t7) : t7 = $[16];
-  const t8 = checkered ? "" : void 0, t9 = disabled ? "" : void 0, t10 = focusRing ? "" : void 0, t11 = pressed ? "" : void 0, t12 = selected ? "" : void 0;
+  }), $[12] = className, $[13] = t6, $[14] = tone, $[15] = t7) : t7 = $[15];
+  const t8 = checkered ? "" : void 0, t9 = props.disabled ? "" : void 0, t10 = focusRing ? "" : void 0, t11 = pressed ? "" : void 0, t12 = selected ? "" : void 0;
   let t13;
-  $[17] !== as || $[18] !== radius || $[19] !== rest || $[20] !== style || $[21] !== t10 || $[22] !== t11 || $[23] !== t12 || $[24] !== t7 || $[25] !== t8 || $[26] !== t9 ? (t13 = /* @__PURE__ */ jsx(Box, { "data-ui": "Card", ...rest, as, className: t7, "data-checkered": t8, "data-disabled": t9, "data-focus-ring": t10, "data-pressed": t11, "data-selected": t12, radius, style }), $[17] = as, $[18] = radius, $[19] = rest, $[20] = style, $[21] = t10, $[22] = t11, $[23] = t12, $[24] = t7, $[25] = t8, $[26] = t9, $[27] = t13) : t13 = $[27];
+  $[16] !== as || $[17] !== radius || $[18] !== rest || $[19] !== style || $[20] !== t10 || $[21] !== t11 || $[22] !== t12 || $[23] !== t7 || $[24] !== t8 || $[25] !== t9 ? (t13 = /* @__PURE__ */ jsx(Box, { "data-ui": "Card", ...rest, as, className: t7, "data-checkered": t8, "data-disabled": t9, "data-focus-ring": t10, "data-pressed": t11, "data-selected": t12, radius, style }), $[16] = as, $[17] = radius, $[18] = rest, $[19] = style, $[20] = t10, $[21] = t11, $[22] = t12, $[23] = t7, $[24] = t8, $[25] = t9, $[26] = t13) : t13 = $[26];
   let node = t13;
   if (scheme === parent?.scheme && tone === parent?.tone)
     return node;
   const t14 = scheme ?? "light", t15 = tone ?? "default", t16 = parent?.unstable_CompatProvider;
   let t17;
-  if ($[28] !== node || $[29] !== t14 || $[30] !== t15 || $[31] !== t16 ? (t17 = /* @__PURE__ */ jsx(CardProvider, { scheme: t14, tone: t15, unstable_CompatProvider: t16, children: node }), $[28] = node, $[29] = t14, $[30] = t15, $[31] = t16, $[32] = t17) : t17 = $[32], node = t17, parent?.unstable_CompatProvider) {
+  if ($[27] !== node || $[28] !== t14 || $[29] !== t15 || $[30] !== t16 ? (t17 = /* @__PURE__ */ jsx(CardProvider, { scheme: t14, tone: t15, unstable_CompatProvider: t16, children: node }), $[27] = node, $[28] = t14, $[29] = t15, $[30] = t16, $[31] = t17) : t17 = $[31], node = t17, parent?.unstable_CompatProvider) {
     const CompatProvider = parent.unstable_CompatProvider, t18 = scheme ?? "light", t19 = tone ?? parent.tone;
     let t20;
-    return $[33] !== CompatProvider || $[34] !== node || $[35] !== t18 || $[36] !== t19 ? (t20 = /* @__PURE__ */ jsx(CompatProvider, { scheme: t18, tone: t19, children: node }), $[33] = CompatProvider, $[34] = node, $[35] = t18, $[36] = t19, $[37] = t20) : t20 = $[37], t20;
+    return $[32] !== CompatProvider || $[33] !== node || $[34] !== t18 || $[35] !== t19 ? (t20 = /* @__PURE__ */ jsx(CompatProvider, { scheme: t18, tone: t19, children: node }), $[32] = CompatProvider, $[33] = node, $[34] = t18, $[35] = t19, $[36] = t20) : t20 = $[36], t20;
   }
   return node;
 }
@@ -1049,7 +1048,6 @@ function Popover(props) {
     matchReferenceWidth,
     floatingBoundary = boundaryElementContext.element,
     modal,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     onActivate,
     open,
     overflow = "hidden",
@@ -2226,8 +2224,8 @@ function MenuButton(props) {
   }, $[22] = menuElements, $[23] = t13) : t13 = $[23];
   const handleBlur = t13;
   let t14;
-  $[24] !== buttonElement || $[25] !== disableRestoreFocusOnClose ? (t14 = () => {
-    setOpen(!1), !disableRestoreFocusOnClose && buttonElement && buttonElement.focus();
+  $[24] !== buttonElement || $[25] !== disableRestoreFocusOnClose ? (t14 = (e) => {
+    e.defaultPrevented || (setOpen(!1), !disableRestoreFocusOnClose && buttonElement && buttonElement.focus());
   }, $[24] = buttonElement, $[25] = disableRestoreFocusOnClose, $[26] = t14) : t14 = $[26];
   const handleItemClick = t14;
   let t15;
@@ -2355,8 +2353,8 @@ function MenuGroup(props) {
   }, $[18] = onClick, $[19] = t9) : t9 = $[19];
   const handleClick = t9;
   let t10;
-  $[20] !== onItemClick ? (t10 = () => {
-    setOpen(!1), onItemClick?.();
+  $[20] !== onItemClick ? (t10 = (e) => {
+    setOpen(!1), onItemClick?.(e);
   }, $[20] = onItemClick, $[21] = t10) : t10 = $[21];
   const handleChildItemClick = t10;
   let t11;
@@ -2458,7 +2456,7 @@ function MenuItem(props) {
   $[28] !== mount || $[29] !== rootElement || $[30] !== selectedProp ? (t9 = () => mount(rootElement, selectedProp), t10 = [mount, rootElement, selectedProp], $[28] = mount, $[29] = rootElement, $[30] = selectedProp, $[31] = t10, $[32] = t9) : (t10 = $[31], t9 = $[32]), useEffect(t9, t10);
   let t11;
   $[33] !== disabled || $[34] !== onClick || $[35] !== onItemClick ? (t11 = (event) => {
-    disabled || (onClick && onClick(event), onItemClick && onItemClick());
+    disabled || (onClick && onClick(event), onItemClick && onItemClick(event));
   }, $[33] = disabled, $[34] = onClick, $[35] = onItemClick, $[36] = t11) : t11 = $[36];
   const handleClick = t11;
   let t12, t13;
@@ -3546,7 +3544,7 @@ function Checkbox(props) {
     t11
   ] }), $[25] = style, $[26] = t10, $[27] = t5, $[28] = t12) : t12 = $[28], t12;
 }
-const LazyRefractor = lazy(() => import("./_chunks-es/refractor.js")), DEFAULT_CODE_ELEMENT = "pre";
+const LazyRefractor = lazy(() => import("./_chunks-es/Refractor.js")), DEFAULT_CODE_ELEMENT = "pre";
 function Code(props) {
   const $ = c(25), t0 = props;
   let children, className, languageProp, rest, t1, t2, t3;
@@ -3941,25 +3939,6 @@ const DEFAULT_TOOLTIP_ARROW_WIDTH = 15, DEFAULT_TOOLTIP_ARROW_HEIGHT = 6, DEFAUL
   "right-start": ["right", "right-end", "left-start", "top-start", "bottom-start"],
   "right-end": ["right", "right-start", "left-end", "top-end", "bottom-end"]
 }, TooltipDelayGroupContext = createGlobalScopedContext("@sanity/ui/v3/tooltipDelayGroup", null);
-function TooltipDelayGroupProvider(props) {
-  const $ = c(9), {
-    children,
-    delay
-  } = props, [isGroupActive, setIsGroupActive] = useDelayedState(!1), [openTooltipId, setOpenTooltipId] = useDelayedState(null), openDelay = typeof delay == "number" ? delay : delay?.open || 0, closeDelay = typeof delay == "number" ? delay : delay?.close || 0;
-  let t0;
-  const t1 = isGroupActive ? 1 : openDelay;
-  let t2;
-  $[0] !== closeDelay || $[1] !== openTooltipId || $[2] !== setIsGroupActive || $[3] !== setOpenTooltipId || $[4] !== t1 ? (t2 = {
-    setIsGroupActive,
-    openTooltipId,
-    setOpenTooltipId,
-    openDelay: t1,
-    closeDelay
-  }, $[0] = closeDelay, $[1] = openTooltipId, $[2] = setIsGroupActive, $[3] = setOpenTooltipId, $[4] = t1, $[5] = t2) : t2 = $[5], t0 = t2;
-  const value = t0;
-  let t3;
-  return $[6] !== children || $[7] !== value ? (t3 = /* @__PURE__ */ jsx(TooltipDelayGroupContext.Provider, { value, children }), $[6] = children, $[7] = value, $[8] = t3) : t3 = $[8], t3;
-}
 function useTooltipDelayGroup() {
   return useContext(TooltipDelayGroupContext);
 }
@@ -4173,6 +4152,25 @@ function useCloseOnMouseLeave(t0) {
   let t3;
   $[7] !== isInsideGroup || $[8] !== showTooltip ? (t3 = [isInsideGroup, showTooltip], $[7] = isInsideGroup, $[8] = showTooltip, $[9] = t3) : t3 = $[9], useEffect(t2, t3);
 }
+function TooltipDelayGroupProvider(props) {
+  const $ = c(9), {
+    children,
+    delay
+  } = props, [isGroupActive, setIsGroupActive] = useDelayedState(!1), [openTooltipId, setOpenTooltipId] = useDelayedState(null), openDelay = typeof delay == "number" ? delay : delay?.open || 0, closeDelay = typeof delay == "number" ? delay : delay?.close || 0;
+  let t0;
+  const t1 = isGroupActive ? 1 : openDelay;
+  let t2;
+  $[0] !== closeDelay || $[1] !== openTooltipId || $[2] !== setIsGroupActive || $[3] !== setOpenTooltipId || $[4] !== t1 ? (t2 = {
+    setIsGroupActive,
+    openTooltipId,
+    setOpenTooltipId,
+    openDelay: t1,
+    closeDelay
+  }, $[0] = closeDelay, $[1] = openTooltipId, $[2] = setIsGroupActive, $[3] = setOpenTooltipId, $[4] = t1, $[5] = t2) : t2 = $[5], t0 = t2;
+  const value = t0;
+  let t3;
+  return $[6] !== children || $[7] !== value ? (t3 = /* @__PURE__ */ jsx(TooltipDelayGroupContext.Provider, { value, children }), $[6] = children, $[7] = value, $[8] = t3) : t3 = $[8], t3;
+}
 function BoundaryElementProvider(props) {
   const $ = c(5), {
     children,