@sanity/ui 2.3.4-canary.0 → 2.3.4

package/dist/index.js

@@ -1525,7 +1525,13 @@ const Root$A = styledComponents.styled.div(
     [size2]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(Root$A, { $size: size2, "data-ui": "AvatarCounter", ref, children: /* @__PURE__ */ jsxRuntime.jsx(Label, { as: "span", size: fontSize2, weight: "medium", children: count }) });
-}), BASE_STYLES = styledComponents.css`
+});
+function childrenToElementArray(children) {
+  return (Array.isArray(children) ? children : [children]).filter(
+    (node) => ReactIs.isElement(node) || ReactIs.isFragment(node) || typeof node == "string"
+  );
+}
+const BASE_STYLES = styledComponents.css`
   white-space: nowrap;
 
   & > div {
@@ -1556,7 +1562,7 @@ const Root$z = styledComponents.styled.div(responsiveAvatarStackSizeStyle, avata
     maxLength: maxLengthProp = 4,
     size: sizeProp = 1,
     ...restProps
-  } = props, children = react.Children.toArray(childrenProp).filter(
+  } = props, children = childrenToElementArray(childrenProp).filter(
     (child) => typeof child != "string"
   ), maxLength = Math.max(maxLengthProp, 0), size2 = useArrayProp(sizeProp), len = children.length, visibleCount = maxLength - 1, extraCount = len - visibleCount, visibleChildren = extraCount > 1 ? children.slice(extraCount, len) : children;
   return /* @__PURE__ */ jsxRuntime.jsxs(Root$z, { "data-ui": "AvatarStack", ...restProps, ref, $size: size2, children: [
@@ -2631,7 +2637,7 @@ function inlineSpaceStyle(props) {
 }
 const Root$m = styledComponents.styled(Box)(inlineBaseStyle, inlineSpaceStyle), Inline = react.forwardRef(function(props, ref) {
   const { as, children: childrenProp, space, ...restProps } = props, children = react.useMemo(
-    () => react.Children.map(childrenProp, (child) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: child })),
+    () => childrenToElementArray(childrenProp).filter(Boolean).map((child, idx) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: child }, idx)),
     [childrenProp]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -5602,17 +5608,20 @@ const Root$5 = styledComponents.styled(Box)`
       shouldFocus
     ]
   ), menu = menuProp && react.cloneElement(menuProp, menuProps), ref = react.useRef(null), button = react.useMemo(
-    () => buttonProp && react.cloneElement(buttonProp, {
-      "data-ui": "MenuButton",
-      id,
-      onClick: handleButtonClick,
-      onKeyDown: handleButtonKeyDown,
-      onMouseDown: handleMouseDown,
-      "aria-haspopup": !0,
-      "aria-expanded": open,
-      ref,
-      selected: open
-    }),
+    () => {
+      var _a;
+      return buttonProp && react.cloneElement(buttonProp, {
+        "data-ui": "MenuButton",
+        id,
+        onClick: handleButtonClick,
+        onKeyDown: handleButtonKeyDown,
+        onMouseDown: handleMouseDown,
+        "aria-haspopup": !0,
+        "aria-expanded": open,
+        ref,
+        selected: (_a = buttonProp.props.selected) != null ? _a : open
+      });
+    },
     [buttonProp, handleButtonClick, handleButtonKeyDown, handleMouseDown, id, open]
   );
   react.useImperativeHandle(