@sanity/ui 2.3.4 → 2.3.6-0

package/dist/index.js

@@ -1525,13 +1525,7 @@ 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 }) });
-});
-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`
+}), BASE_STYLES = styledComponents.css`
   white-space: nowrap;
 
   & > div {
@@ -1562,8 +1556,9 @@ const Root$z = styledComponents.styled.div(responsiveAvatarStackSizeStyle, avata
     maxLength: maxLengthProp = 4,
     size: sizeProp = 1,
     ...restProps
-  } = props, children = childrenToElementArray(childrenProp).filter(
-    (child) => typeof child != "string"
+  } = props, children = react.useMemo(
+    () => react.Children.toArray(childrenProp).filter(react.isValidElement),
+    [childrenProp]
   ), 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: [
     len === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(AvatarCounter, { count: len, size: size2 }) }),
@@ -2637,7 +2632,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(
-    () => childrenToElementArray(childrenProp).filter(Boolean).map((child, idx) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: child }, idx)),
+    () => react.Children.map(childrenProp, (child) => child && /* @__PURE__ */ jsxRuntime.jsx("div", { children: child })),
     [childrenProp]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -4472,7 +4467,9 @@ const Root$a = styledComponents.styled(Layer)`
       ref.current = node, refs.setFloating(node);
     },
     [refs]
-  ), childRef = react.useRef(null), child = react.useMemo(() => childProp ? react.cloneElement(childProp, {
+  ), childRef = react.useRef(null);
+  react.useImperativeHandle(childProp == null ? void 0 : childProp.ref, () => childRef.current);
+  const child = react.useMemo(() => childProp ? react.cloneElement(childProp, {
     onBlur: handleBlur,
     onFocus: handleFocus,
     onMouseEnter: handleMouseEnter,
@@ -4954,10 +4951,7 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = [
 `, Breadcrumbs = react.forwardRef(function(props, ref) {
   const { children, maxLength, separator, space: spaceRaw = 2, ...restProps } = props, space = useArrayProp(spaceRaw), [open, setOpen] = react.useState(!1), [expandElement, setExpandElement] = react.useState(null), [popoverElement, setPopoverElement] = react.useState(null), collapse = react.useCallback(() => setOpen(!1), []), expand = react.useCallback(() => setOpen(!0), []);
   useClickOutside(collapse, [expandElement, popoverElement]);
-  const rawItems = react.useMemo(
-    () => react.Children.toArray(children).filter((child) => react.isValidElement(child)),
-    [children]
-  ), items = react.useMemo(() => {
+  const rawItems = react.useMemo(() => react.Children.toArray(children).filter(react.isValidElement), [children]), items = react.useMemo(() => {
     const len = rawItems.length;
     if (maxLength && len > maxLength) {
       const beforeLength = Math.ceil(maxLength / 2), afterLength = Math.floor(maxLength / 2);
@@ -6473,7 +6467,7 @@ const key = Symbol.for("@sanity/ui/context/tree"), TreeContext = createGlobalSco
         ref.current.querySelectorAll('[data-ui="TreeItem"]')
       );
       setItemElements(_itemElements);
-    }, [children, ref]), /* @__PURE__ */ jsxRuntime.jsx(TreeContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+    }, [children]), /* @__PURE__ */ jsxRuntime.jsx(TreeContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
       Stack,
       {
         as: "ul",