@sanity/ui 2.16.20 → 2.16.22

package/dist/index.mjs

@@ -6,7 +6,7 @@ import { useState, useRef, useEffect, useImperativeHandle, Component, forwardRef
 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 { motion, AnimatePresence } from "motion/react";
 function _raf(fn) {
   const frameId = requestAnimationFrame(fn);
   return () => {
@@ -441,26 +441,63 @@ const Autocomplete = InnerAutocomplete, StyledBreadcrumbs = styled.ol.withConfig
   displayName: "ExpandButton",
   componentId: "sc-1es8h8q-1"
 })`appearance:none;margin:-4px;`, Breadcrumbs = forwardRef(function(props, ref) {
-  const {
+  const $ = c(44);
+  let children, maxLength, restProps, separator, t0;
+  $[0] !== props ? ({
     children,
     maxLength,
     separator,
-    space: spaceRaw = 2,
+    space: t0,
     ...restProps
-  } = props, space = useArrayProp(spaceRaw), [open, setOpen] = useState(!1), expandElementRef = useRef(null), popoverElementRef = useRef(null), collapse = useCallback(() => setOpen(!1), []), expand = useCallback(() => setOpen(!0), []);
-  useClickOutsideEvent(collapse, () => [expandElementRef.current, popoverElementRef.current]);
-  const rawItems = useMemo(() => Children.toArray(children).filter(isValidElement), [children]), items = useMemo(() => {
+  } = props, $[0] = props, $[1] = children, $[2] = maxLength, $[3] = restProps, $[4] = separator, $[5] = t0) : (children = $[1], maxLength = $[2], restProps = $[3], separator = $[4], t0 = $[5]);
+  const space = useArrayProp(t0 === void 0 ? 2 : t0), [open, setOpen] = useState(!1), expandElementRef = useRef(null), popoverElementRef = useRef(null);
+  let t1;
+  $[6] === Symbol.for("react.memo_cache_sentinel") ? (t1 = () => setOpen(!1), $[6] = t1) : t1 = $[6];
+  const collapse = t1;
+  let t2;
+  $[7] === Symbol.for("react.memo_cache_sentinel") ? (t2 = () => setOpen(!0), $[7] = t2) : t2 = $[7];
+  const expand = t2;
+  let t3;
+  $[8] === Symbol.for("react.memo_cache_sentinel") ? (t3 = () => [expandElementRef.current, popoverElementRef.current], $[8] = t3) : t3 = $[8], useClickOutsideEvent(collapse, t3);
+  let t4;
+  $[9] !== children ? (t4 = Children.toArray(children).filter(isValidElement), $[9] = children, $[10] = t4) : t4 = $[10];
+  const rawItems = t4;
+  let t5;
+  bb0: {
     const len = rawItems.length;
     if (maxLength && len > maxLength) {
       const beforeLength = Math.ceil(maxLength / 2), afterLength = Math.floor(maxLength / 2);
-      return [...rawItems.slice(0, beforeLength - 1), /* @__PURE__ */ jsx(Popover, { constrainSize: !0, content: /* @__PURE__ */ jsx(Stack, { as: "ol", overflow: "auto", padding: space, space, children: rawItems.slice(beforeLength - 1, len - afterLength) }), open, placement: "top", portal: !0, ref: popoverElementRef, children: /* @__PURE__ */ jsx(ExpandButton, { fontSize: 1, mode: "bleed", onClick: open ? collapse : expand, padding: 1, ref: expandElementRef, selected: open, text: "\u2026" }) }, "button"), ...rawItems.slice(len - afterLength)];
+      let t62;
+      if ($[11] !== afterLength || $[12] !== beforeLength || $[13] !== len || $[14] !== open || $[15] !== rawItems || $[16] !== space) {
+        const t72 = rawItems.slice(0, beforeLength - 1);
+        let t8;
+        $[18] !== afterLength || $[19] !== beforeLength || $[20] !== len || $[21] !== rawItems ? (t8 = rawItems.slice(beforeLength - 1, len - afterLength), $[18] = afterLength, $[19] = beforeLength, $[20] = len, $[21] = rawItems, $[22] = t8) : t8 = $[22];
+        let t9;
+        $[23] !== space || $[24] !== t8 ? (t9 = /* @__PURE__ */ jsx(Stack, { as: "ol", overflow: "auto", padding: space, space, children: t8 }), $[23] = space, $[24] = t8, $[25] = t9) : t9 = $[25];
+        const t10 = open ? collapse : expand;
+        let t11;
+        $[26] !== open || $[27] !== t10 ? (t11 = /* @__PURE__ */ jsx(ExpandButton, { fontSize: 1, mode: "bleed", onClick: t10, padding: 1, ref: expandElementRef, selected: open, text: "\u2026" }), $[26] = open, $[27] = t10, $[28] = t11) : t11 = $[28];
+        let t12;
+        $[29] !== open || $[30] !== t11 || $[31] !== t9 ? (t12 = /* @__PURE__ */ jsx(Popover, { constrainSize: !0, content: t9, open, placement: "top", portal: !0, ref: popoverElementRef, children: t11 }, "button"), $[29] = open, $[30] = t11, $[31] = t9, $[32] = t12) : t12 = $[32], t62 = [...t72, t12, ...rawItems.slice(len - afterLength)], $[11] = afterLength, $[12] = beforeLength, $[13] = len, $[14] = open, $[15] = rawItems, $[16] = space, $[17] = t62;
+      } else
+        t62 = $[17];
+      t5 = t62;
+      break bb0;
     }
-    return rawItems;
-  }, [collapse, expand, maxLength, open, rawItems, space]);
-  return /* @__PURE__ */ jsx(StyledBreadcrumbs, { "data-ui": "Breadcrumbs", ...restProps, ref, children: items.map((item, itemIndex) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    itemIndex > 0 && /* @__PURE__ */ jsx(Box, { "aria-hidden": !0, as: "li", paddingX: space, children: separator || /* @__PURE__ */ jsx(Text, { muted: !0, children: "/" }) }),
-    /* @__PURE__ */ jsx(Box, { as: "li", children: item })
-  ] }, itemIndex)) });
+    t5 = rawItems;
+  }
+  const items = t5;
+  let t6;
+  if ($[33] !== items || $[34] !== separator || $[35] !== space) {
+    let t72;
+    $[37] !== separator || $[38] !== space ? (t72 = (item, itemIndex) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      itemIndex > 0 && /* @__PURE__ */ jsx(Box, { "aria-hidden": !0, as: "li", paddingX: space, children: separator || /* @__PURE__ */ jsx(Text, { muted: !0, children: "/" }) }),
+      /* @__PURE__ */ jsx(Box, { as: "li", children: item })
+    ] }, itemIndex), $[37] = separator, $[38] = space, $[39] = t72) : t72 = $[39], t6 = items.map(t72), $[33] = items, $[34] = separator, $[35] = space, $[36] = t6;
+  } else
+    t6 = $[36];
+  let t7;
+  return $[40] !== ref || $[41] !== restProps || $[42] !== t6 ? (t7 = /* @__PURE__ */ jsx(StyledBreadcrumbs, { "data-ui": "Breadcrumbs", ...restProps, ref, children: t6 }), $[40] = ref, $[41] = restProps, $[42] = t6, $[43] = t7) : t7 = $[43], t7;
 });
 Breadcrumbs.displayName = "ForwardRef(Breadcrumbs)";
 function dialogStyle({