@sanity/ui 2.3.3 → 2.3.4-canary.0

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import { buildTheme, createColorTheme as createColorTheme$1, hexToRgb as hexToRgb$1, hslToRgb as hslToRgb$1, multiply as multiply$1, parseColor as parseColor$1, rgbToHex as rgbToHex$1, rgbToHsl as rgbToHsl$1, rgba as rgba$1, screen as screen$1, getTheme_v2, getScopedTheme } from "@sanity/ui/theme";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useMemo, useState, useRef, useEffect, createContext, useContext, useSyncExternalStore, useImperativeHandle, forwardRef, useId, useCallback, cloneElement, isValidElement, Component, memo, useReducer, Children, Fragment as Fragment$1, startTransition } from "react";
-import ReactIs, { isElement as isElement$1, isFragment, isValidElementType } from "react-is";
+import { useMemo, useState, useRef, useEffect, createContext, useContext, useSyncExternalStore, useImperativeHandle, forwardRef, useId, useCallback, Children, cloneElement, isValidElement, Component, memo, useReducer, Fragment as Fragment$1, startTransition } from "react";
+import ReactIs, { isValidElementType } from "react-is";
 import { ThemeProvider as ThemeProvider$1, useTheme as useTheme$1, css, styled, keyframes } from "styled-components";
 import { SpinnerIcon, CheckmarkIcon, RemoveIcon, ChevronDownIcon, CloseIcon, ChevronRightIcon, ToggleArrowRightIcon } from "@sanity/icons";
 import Refractor from "react-refractor";
@@ -1528,13 +1528,7 @@ const Root$A = styled.div(
     [size2]
   );
   return /* @__PURE__ */ jsx(Root$A, { $size: size2, "data-ui": "AvatarCounter", ref, children: /* @__PURE__ */ jsx(Label, { as: "span", size: fontSize2, weight: "medium", children: count }) });
-});
-function childrenToElementArray(children) {
-  return (Array.isArray(children) ? children : [children]).filter(
-    (node) => isElement$1(node) || isFragment(node) || typeof node == "string"
-  );
-}
-const BASE_STYLES = css`
+}), BASE_STYLES = css`
   white-space: nowrap;
 
   & > div {
@@ -1565,7 +1559,7 @@ const Root$z = styled.div(responsiveAvatarStackSizeStyle, avatarStackStyle), Ava
     maxLength: maxLengthProp = 4,
     size: sizeProp = 1,
     ...restProps
-  } = props, children = childrenToElementArray(childrenProp).filter(
+  } = props, children = Children.toArray(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__ */ jsxs(Root$z, { "data-ui": "AvatarStack", ...restProps, ref, $size: size2, children: [
@@ -2640,7 +2634,7 @@ function inlineSpaceStyle(props) {
 }
 const Root$m = styled(Box)(inlineBaseStyle, inlineSpaceStyle), Inline = forwardRef(function(props, ref) {
   const { as, children: childrenProp, space, ...restProps } = props, children = useMemo(
-    () => childrenToElementArray(childrenProp).filter(Boolean).map((child, idx) => /* @__PURE__ */ jsx("div", { children: child }, idx)),
+    () => Children.map(childrenProp, (child) => /* @__PURE__ */ jsx("div", { children: child })),
     [childrenProp]
   );
   return /* @__PURE__ */ jsx(