@sanity/ui 2.10.3 → 2.10.5

package/dist/index.js

@@ -35,7 +35,7 @@ function rem(pixelValue) {
   return pixelValue === 0 ? 0 : `${pixelValue / 16}rem`;
 }
 function _responsive(media, values, callback) {
-  return (values?.map(callback) || []).map((statement, mediaIndex) => mediaIndex === 0 ? statement : {
+  return ((values == null ? void 0 : values.map(callback)) || []).map((statement, mediaIndex) => mediaIndex === 0 ? statement : {
     [`@media screen and (min-width: ${media[mediaIndex - 1]}px)`]: statement
   });
 }
@@ -150,8 +150,8 @@ function responsiveTextFont(props) {
 function useArrayProp(val, defaultVal) {
   const $ = reactCompilerRuntime.c(3);
   let t0;
-  $[0] !== defaultVal || $[1] !== val ? (t0 = () => [_getArrayProp(val, defaultVal), JSON.stringify(val ?? defaultVal)], $[0] = defaultVal, $[1] = val, $[2] = t0) : t0 = $[2];
-  const [t1, setCache] = react.useState(t0), [cachedVal, cachedHash] = t1, hash = JSON.stringify(val ?? defaultVal);
+  $[0] !== defaultVal || $[1] !== val ? (t0 = () => [_getArrayProp(val, defaultVal), JSON.stringify(val != null ? val : defaultVal)], $[0] = defaultVal, $[1] = val, $[2] = t0) : t0 = $[2];
+  const [t1, setCache] = react.useState(t0), [cachedVal, cachedHash] = t1, hash = JSON.stringify(val != null ? val : defaultVal);
   return hash !== cachedHash && setCache([_getArrayProp(val, defaultVal), hash]), cachedVal;
 }
 function _getElements(element, elementsArg) {
@@ -210,7 +210,7 @@ function useClickOutsideEvent(listener, t0, boundaryElement) {
     const target = evt.target;
     if (!(target instanceof Node))
       return;
-    const resolvedBoundaryElement = boundaryElement?.();
+    const resolvedBoundaryElement = boundaryElement == null ? void 0 : boundaryElement();
     if (resolvedBoundaryElement && !resolvedBoundaryElement.contains(target))
       return;
     const elements = elementsArg().flat();
@@ -237,7 +237,8 @@ function useCustomValidity(ref, customValidity) {
   const $ = reactCompilerRuntime.c(6);
   let t0;
   $[0] !== customValidity || $[1] !== ref.current ? (t0 = () => {
-    ref.current?.setCustomValidity(customValidity || "");
+    var _a;
+    (_a = ref.current) == null || _a.setCustomValidity(customValidity || "");
   }, $[0] = customValidity, $[1] = ref.current, $[2] = t0) : t0 = $[2];
   let t1;
   $[3] !== customValidity || $[4] !== ref ? (t1 = [customValidity, ref], $[3] = customValidity, $[4] = ref, $[5] = t1) : t1 = $[5], react.useEffect(t0, t1);
@@ -298,7 +299,7 @@ var freeze = function(obj) {
   var _a;
   if (obj instanceof Element)
     return !0;
-  var scope = (_a = obj?.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView;
+  var scope = (_a = obj == null ? void 0 : obj.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView;
   return !!(scope && obj instanceof scope.Element);
 }, isReplacedElement = function(target) {
   switch (target.tagName) {
@@ -574,7 +575,8 @@ function useElementSize(element) {
   }, t1 = [element], $[0] = element, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), react.useEffect(t0, t1), size2;
 }
 function useElementRect(element) {
-  return useElementSize(element)?._contentRect || null;
+  const elementSize = useElementSize(element);
+  return (elementSize == null ? void 0 : elementSize._contentRect) || null;
 }
 function useForwardedRef(ref) {
   const $ = reactCompilerRuntime.c(1), innerRef = react.useRef(null);
@@ -617,9 +619,10 @@ function createGlobalScopedContext(key2, defaultValue) {
 }
 const ThemeContext = createGlobalScopedContext("@sanity/ui/context/theme", null);
 function ThemeProvider(props) {
+  var _a, _b, _c2;
   const $ = reactCompilerRuntime.c(15), parentTheme = react.useContext(ThemeContext), {
     children
-  } = props, scheme = props.scheme ?? (parentTheme?.scheme || "light"), rootTheme = props.theme ?? (parentTheme?.theme || null), tone = props.tone ?? (parentTheme?.tone || "default");
+  } = props, scheme = (_a = props.scheme) != null ? _a : (parentTheme == null ? void 0 : parentTheme.scheme) || "light", rootTheme = (_b = props.theme) != null ? _b : (parentTheme == null ? void 0 : parentTheme.theme) || null, tone = (_c2 = props.tone) != null ? _c2 : (parentTheme == null ? void 0 : parentTheme.tone) || "default";
   let t0;
   bb0: {
     if (!rootTheme) {
@@ -752,10 +755,11 @@ function responsiveBorderStyle() {
   return [border, borderTop, borderRight, borderBottom, borderLeft];
 }
 function border(props) {
+  var _a, _b;
   const {
     card,
     media
-  } = theme.getTheme_v2(props.theme), borderStyle = `${card.border?.width ?? 1}px solid var(--card-border-color)`;
+  } = theme.getTheme_v2(props.theme), borderStyle = `${(_b = (_a = card.border) == null ? void 0 : _a.width) != null ? _b : 1}px solid var(--card-border-color)`;
   return _responsive(media, props.$border, (value) => value ? {
     "&&": {
       border: borderStyle
@@ -767,10 +771,11 @@ function border(props) {
   });
 }
 function borderTop(props) {
+  var _a, _b;
   const {
     card,
     media
-  } = theme.getTheme_v2(props.theme), borderStyle = `${card.border?.width ?? 1}px solid var(--card-border-color)`;
+  } = theme.getTheme_v2(props.theme), borderStyle = `${(_b = (_a = card.border) == null ? void 0 : _a.width) != null ? _b : 1}px solid var(--card-border-color)`;
   return _responsive(media, props.$borderTop, (value) => value ? {
     "&&": {
       borderTop: borderStyle
@@ -782,10 +787,11 @@ function borderTop(props) {
   });
 }
 function borderRight(props) {
+  var _a, _b;
   const {
     card,
     media
-  } = theme.getTheme_v2(props.theme), borderStyle = `${card.border?.width ?? 1}px solid var(--card-border-color)`;
+  } = theme.getTheme_v2(props.theme), borderStyle = `${(_b = (_a = card.border) == null ? void 0 : _a.width) != null ? _b : 1}px solid var(--card-border-color)`;
   return _responsive(media, props.$borderRight, (value) => value ? {
     "&&": {
       borderRight: borderStyle
@@ -797,10 +803,11 @@ function borderRight(props) {
   });
 }
 function borderBottom(props) {
+  var _a, _b;
   const {
     card,
     media
-  } = theme.getTheme_v2(props.theme), borderStyle = `${card.border?.width ?? 1}px solid var(--card-border-color)`;
+  } = theme.getTheme_v2(props.theme), borderStyle = `${(_b = (_a = card.border) == null ? void 0 : _a.width) != null ? _b : 1}px solid var(--card-border-color)`;
   return _responsive(media, props.$borderBottom, (value) => value ? {
     "&&": {
       borderBottom: borderStyle
@@ -812,10 +819,11 @@ function borderBottom(props) {
   });
 }
 function borderLeft(props) {
+  var _a, _b;
   const {
     card,
     media
-  } = theme.getTheme_v2(props.theme), borderStyle = `${card.border?.width ?? 1}px solid var(--card-border-color)`;
+  } = theme.getTheme_v2(props.theme), borderStyle = `${(_b = (_a = card.border) == null ? void 0 : _a.width) != null ? _b : 1}px solid var(--card-border-color)`;
   return _responsive(media, props.$borderLeft, (value) => value ? {
     "&&": {
       borderLeft: borderStyle
@@ -1102,6 +1110,14 @@ function responsiveGridItemColumnEndStyle(props) {
     gridColumnEnd: columnEnd
   }));
 }
+var __defProp$R = Object.defineProperty, __defProps$P = Object.defineProperties, __getOwnPropDescs$P = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$Q = Object.getOwnPropertySymbols, __hasOwnProp$Q = Object.prototype.hasOwnProperty, __propIsEnum$Q = Object.prototype.propertyIsEnumerable, __defNormalProp$R = (obj, key2, value) => key2 in obj ? __defProp$R(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$Q = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$Q.call(b, prop) && __defNormalProp$R(a, prop, b[prop]);
+  if (__getOwnPropSymbols$Q)
+    for (var prop of __getOwnPropSymbols$Q(b))
+      __propIsEnum$Q.call(b, prop) && __defNormalProp$R(a, prop, b[prop]);
+  return a;
+}, __spreadProps$P = (a, b) => __defProps$P(a, __getOwnPropDescs$P(b));
 function responsiveInputPaddingStyle(props) {
   const {
     $fontSize,
@@ -1127,10 +1143,9 @@ function responsiveInputPaddingStyle(props) {
   });
 }
 function responsiveInputPaddingIconRightStyle(props) {
-  return responsiveInputPaddingStyle({
-    ...props,
+  return responsiveInputPaddingStyle(__spreadProps$P(__spreadValues$Q({}, props), {
     $iconRight: !0
-  });
+  }));
 }
 const ROOT_STYLE = styledComponents.css`
   &:not([hidden]) {
@@ -1453,6 +1468,22 @@ function labelBaseStyle(props) {
     }
   `;
 }
+var __defProp$Q = Object.defineProperty, __defProps$O = Object.defineProperties, __getOwnPropDescs$O = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$P = Object.getOwnPropertySymbols, __hasOwnProp$P = Object.prototype.hasOwnProperty, __propIsEnum$P = Object.prototype.propertyIsEnumerable, __defNormalProp$Q = (obj, key2, value) => key2 in obj ? __defProp$Q(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$P = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$P.call(b, prop) && __defNormalProp$Q(a, prop, b[prop]);
+  if (__getOwnPropSymbols$P)
+    for (var prop of __getOwnPropSymbols$P(b))
+      __propIsEnum$P.call(b, prop) && __defNormalProp$Q(a, prop, b[prop]);
+  return a;
+}, __spreadProps$O = (a, b) => __defProps$O(a, __getOwnPropDescs$O(b)), __objRest$J = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$P.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$P)
+    for (var prop of __getOwnPropSymbols$P(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$P.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$C = styledComponents.styled.div(responsiveLabelFont, responsiveTextAlignStyle, labelBaseStyle), SpanWithTextOverflow$2 = styledComponents.styled.span`
   display: block;
   white-space: nowrap;
@@ -1460,18 +1491,26 @@ const Root$C = styledComponents.styled.div(responsiveLabelFont, responsiveTextAl
   overflow: hidden;
   overflow: clip;
 `, Label = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(22);
   let accent, align, childrenProp, restProps, t0, t1, textOverflow, weight;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     accent,
     align,
     children: childrenProp,
     muted: t0,
     size: t1,
     textOverflow,
-    weight,
-    ...restProps
-  } = props, $[0] = props, $[1] = accent, $[2] = align, $[3] = childrenProp, $[4] = restProps, $[5] = t0, $[6] = t1, $[7] = textOverflow, $[8] = weight) : (accent = $[1], align = $[2], childrenProp = $[3], restProps = $[4], t0 = $[5], t1 = $[6], textOverflow = $[7], weight = $[8]);
+    weight
+  } = _a, restProps = __objRest$J(_a, [
+    "accent",
+    "align",
+    "children",
+    "muted",
+    "size",
+    "textOverflow",
+    "weight"
+  ]), $[0] = props, $[1] = accent, $[2] = align, $[3] = childrenProp, $[4] = restProps, $[5] = t0, $[6] = t1, $[7] = textOverflow, $[8] = weight) : (accent = $[1], align = $[2], childrenProp = $[3], restProps = $[4], t0 = $[5], t1 = $[6], textOverflow = $[7], weight = $[8]);
   const muted = t0 === void 0 ? !1 : t0, size2 = t1 === void 0 ? 2 : t1;
   let children = childrenProp;
   if (textOverflow === "ellipsis") {
@@ -1483,7 +1522,7 @@ const Root$C = styledComponents.styled.div(responsiveLabelFont, responsiveTextAl
   }
   const t2 = useArrayProp(align), t3 = useArrayProp(size2);
   let t4;
-  return $[13] !== accent || $[14] !== children || $[15] !== muted || $[16] !== ref || $[17] !== restProps || $[18] !== t2 || $[19] !== t3 || $[20] !== weight ? (t4 = /* @__PURE__ */ jsxRuntime.jsx(Root$C, { "data-ui": "Label", ...restProps, $accent: accent, $align: t2, $muted: muted, $size: t3, $weight: weight, ref, children }), $[13] = accent, $[14] = children, $[15] = muted, $[16] = ref, $[17] = restProps, $[18] = t2, $[19] = t3, $[20] = weight, $[21] = t4) : t4 = $[21], t4;
+  return $[13] !== accent || $[14] !== children || $[15] !== muted || $[16] !== ref || $[17] !== restProps || $[18] !== t2 || $[19] !== t3 || $[20] !== weight ? (t4 = /* @__PURE__ */ jsxRuntime.jsx(Root$C, __spreadProps$O(__spreadValues$P({ "data-ui": "Label" }, restProps), { $accent: accent, $align: t2, $muted: muted, $size: t3, $weight: weight, ref, children })), $[13] = accent, $[14] = children, $[15] = muted, $[16] = ref, $[17] = restProps, $[18] = t2, $[19] = t3, $[20] = weight, $[21] = t4) : t4 = $[21], t4;
 });
 Label.displayName = "ForwardRef(Label)";
 const avatarStyle = {
@@ -1629,12 +1668,29 @@ function avatarStrokeStyle() {
     }
   };
 }
+var __defProp$P = Object.defineProperty, __defProps$N = Object.defineProperties, __getOwnPropDescs$N = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$O = Object.getOwnPropertySymbols, __hasOwnProp$O = Object.prototype.hasOwnProperty, __propIsEnum$O = Object.prototype.propertyIsEnumerable, __defNormalProp$P = (obj, key2, value) => key2 in obj ? __defProp$P(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$O = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$O.call(b, prop) && __defNormalProp$P(a, prop, b[prop]);
+  if (__getOwnPropSymbols$O)
+    for (var prop of __getOwnPropSymbols$O(b))
+      __propIsEnum$O.call(b, prop) && __defNormalProp$P(a, prop, b[prop]);
+  return a;
+}, __spreadProps$N = (a, b) => __defProps$N(a, __getOwnPropDescs$N(b)), __objRest$I = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$O.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$O)
+    for (var prop of __getOwnPropSymbols$O(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$O.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$B = styledComponents.styled.div(responsiveAvatarSizeStyle, avatarStyle.root), Arrow$1 = styledComponents.styled.div(avatarStyle.arrow), BgStroke = styledComponents.styled.ellipse(avatarStyle.bgStroke), Stroke = styledComponents.styled.ellipse(avatarStyle.stroke), Initials = styledComponents.styled.div(avatarStyle.initials), InitialsLabel = styledComponents.styled(Label)({
   color: "inherit"
 }), Image = styledComponents.styled.svg(avatarStyle.image), Avatar = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(52);
   let __unstable_hideInnerStroke, animateArrowFrom, arrowPositionProp, asProp, initials, onImageLoadError, restProps, src, t0, t1, t2, title;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     __unstable_hideInnerStroke,
     as: asProp,
     color: t0,
@@ -1645,9 +1701,20 @@ const Root$B = styledComponents.styled.div(responsiveAvatarSizeStyle, avatarStyl
     arrowPosition: arrowPositionProp,
     animateArrowFrom,
     status: t1,
-    size: t2,
-    ...restProps
-  } = props, $[0] = props, $[1] = __unstable_hideInnerStroke, $[2] = animateArrowFrom, $[3] = arrowPositionProp, $[4] = asProp, $[5] = initials, $[6] = onImageLoadError, $[7] = restProps, $[8] = src, $[9] = t0, $[10] = t1, $[11] = t2, $[12] = title) : (__unstable_hideInnerStroke = $[1], animateArrowFrom = $[2], arrowPositionProp = $[3], asProp = $[4], initials = $[5], onImageLoadError = $[6], restProps = $[7], src = $[8], t0 = $[9], t1 = $[10], t2 = $[11], title = $[12]);
+    size: t2
+  } = _a, restProps = __objRest$I(_a, [
+    "__unstable_hideInnerStroke",
+    "as",
+    "color",
+    "src",
+    "title",
+    "initials",
+    "onImageLoadError",
+    "arrowPosition",
+    "animateArrowFrom",
+    "status",
+    "size"
+  ]), $[0] = props, $[1] = __unstable_hideInnerStroke, $[2] = animateArrowFrom, $[3] = arrowPositionProp, $[4] = asProp, $[5] = initials, $[6] = onImageLoadError, $[7] = restProps, $[8] = src, $[9] = t0, $[10] = t1, $[11] = t2, $[12] = title) : (__unstable_hideInnerStroke = $[1], animateArrowFrom = $[2], arrowPositionProp = $[3], asProp = $[4], initials = $[5], onImageLoadError = $[6], restProps = $[7], src = $[8], t0 = $[9], t1 = $[10], t2 = $[11], title = $[12]);
   const color = t0 === void 0 ? "gray" : t0, status = t1 === void 0 ? "online" : t1, sizeProp = t2 === void 0 ? 1 : t2, {
     avatar
   } = useTheme_v2(), as = ReactIs__default.default.isValidElementType(asProp) ? asProp : "div", size2 = useArrayProp(sizeProp), _sizeRem = (avatar.sizes[size2[0]] || avatar.sizes[0]).size, _radius = _sizeRem / 2, elementId = react.useId(), [arrowPosition, setArrowPosition] = react.useState(animateArrowFrom || arrowPositionProp || "inside"), [imageFailed, setImageFailed] = react.useState(!1), imageId = `avatar-image-${elementId}`;
@@ -1682,11 +1749,11 @@ const Root$B = styledComponents.styled.div(responsiveAvatarSizeStyle, avatarStyl
   let t13;
   $[34] !== imageFailed || $[35] !== initials || $[36] !== initialsSize || $[37] !== src ? (t13 = (imageFailed || !src) && initials && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(Initials, { children: /* @__PURE__ */ jsxRuntime.jsx(InitialsLabel, { forwardedAs: "span", size: initialsSize, weight: "medium", children: initials }) }) }), $[34] = imageFailed, $[35] = initials, $[36] = initialsSize, $[37] = src, $[38] = t13) : t13 = $[38];
   let t14;
-  return $[39] !== arrowPosition || $[40] !== as || $[41] !== color || $[42] !== ref || $[43] !== restProps || $[44] !== size2 || $[45] !== status || $[46] !== t10 || $[47] !== t11 || $[48] !== t12 || $[49] !== t13 || $[50] !== title ? (t14 = /* @__PURE__ */ jsxRuntime.jsxs(Root$B, { as, "data-as": t10, "data-ui": "Avatar", ...restProps, $color: color, $size: size2, "aria-label": title, "data-arrow-position": arrowPosition, "data-status": status, ref, title, children: [
+  return $[39] !== arrowPosition || $[40] !== as || $[41] !== color || $[42] !== ref || $[43] !== restProps || $[44] !== size2 || $[45] !== status || $[46] !== t10 || $[47] !== t11 || $[48] !== t12 || $[49] !== t13 || $[50] !== title ? (t14 = /* @__PURE__ */ jsxRuntime.jsxs(Root$B, __spreadProps$N(__spreadValues$O({ as, "data-as": t10, "data-ui": "Avatar" }, restProps), { $color: color, $size: size2, "aria-label": title, "data-arrow-position": arrowPosition, "data-status": status, ref, title, children: [
     t11,
     t12,
     t13
-  ] }), $[39] = arrowPosition, $[40] = as, $[41] = color, $[42] = ref, $[43] = restProps, $[44] = size2, $[45] = status, $[46] = t10, $[47] = t11, $[48] = t12, $[49] = t13, $[50] = title, $[51] = t14) : t14 = $[51], t14;
+  ] })), $[39] = arrowPosition, $[40] = as, $[41] = color, $[42] = ref, $[43] = restProps, $[44] = size2, $[45] = status, $[46] = t10, $[47] = t11, $[48] = t12, $[49] = t13, $[50] = title, $[51] = t14) : t14 = $[51], t14;
 });
 Avatar.displayName = "ForwardRef(Avatar)";
 function _temp$8(s) {
@@ -1745,6 +1812,22 @@ AvatarCounter.displayName = "ForwardRef(AvatarCounter)";
 function _temp$7(s) {
   return s === 1 ? 1 : s === 2 ? 3 : s === 3 ? 5 : 0;
 }
+var __defProp$O = Object.defineProperty, __defProps$M = Object.defineProperties, __getOwnPropDescs$M = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$N = Object.getOwnPropertySymbols, __hasOwnProp$N = Object.prototype.hasOwnProperty, __propIsEnum$N = Object.prototype.propertyIsEnumerable, __defNormalProp$O = (obj, key2, value) => key2 in obj ? __defProp$O(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$N = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$N.call(b, prop) && __defNormalProp$O(a, prop, b[prop]);
+  if (__getOwnPropSymbols$N)
+    for (var prop of __getOwnPropSymbols$N(b))
+      __propIsEnum$N.call(b, prop) && __defNormalProp$O(a, prop, b[prop]);
+  return a;
+}, __spreadProps$M = (a, b) => __defProps$M(a, __getOwnPropDescs$M(b)), __objRest$H = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$N.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$N)
+    for (var prop of __getOwnPropSymbols$N(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$N.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const BASE_STYLES = styledComponents.css`
   white-space: nowrap;
 
@@ -1774,14 +1857,18 @@ function responsiveAvatarStackSizeStyle(props) {
   });
 }
 const Root$z = styledComponents.styled.div(responsiveAvatarStackSizeStyle, avatarStackStyle), AvatarStack = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(15);
   let childrenProp, restProps, t0, t1;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     children: childrenProp,
     maxLength: t0,
-    size: t1,
-    ...restProps
-  } = props, $[0] = props, $[1] = childrenProp, $[2] = restProps, $[3] = t0, $[4] = t1) : (childrenProp = $[1], restProps = $[2], t0 = $[3], t1 = $[4]);
+    size: t1
+  } = _a, restProps = __objRest$H(_a, [
+    "children",
+    "maxLength",
+    "size"
+  ]), $[0] = props, $[1] = childrenProp, $[2] = restProps, $[3] = t0, $[4] = t1) : (childrenProp = $[1], restProps = $[2], t0 = $[3], t1 = $[4]);
   const maxLengthProp = t0 === void 0 ? 4 : t0, sizeProp = t1 === void 0 ? 1 : t1, children = react.Children.toArray(childrenProp).filter(react.isValidElement), 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, T0 = Root$z, t2 = "AvatarStack", t3 = len === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(AvatarCounter, { count: len, size: size2 }) }), t4 = len !== 0 && extraCount > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(AvatarCounter, { count: extraCount, size: size2 }) });
   let t5;
   $[5] !== size2 ? (t5 = (child, childIndex) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: react.cloneElement(child, {
@@ -1789,17 +1876,34 @@ const Root$z = styledComponents.styled.div(responsiveAvatarStackSizeStyle, avata
   }) }, String(childIndex)), $[5] = size2, $[6] = t5) : t5 = $[6];
   const t6 = visibleChildren.map(t5);
   let t7;
-  return $[7] !== T0 || $[8] !== ref || $[9] !== restProps || $[10] !== size2 || $[11] !== t3 || $[12] !== t4 || $[13] !== t6 ? (t7 = /* @__PURE__ */ jsxRuntime.jsxs(T0, { "data-ui": t2, ...restProps, ref, $size: size2, children: [
+  return $[7] !== T0 || $[8] !== ref || $[9] !== restProps || $[10] !== size2 || $[11] !== t3 || $[12] !== t4 || $[13] !== t6 ? (t7 = /* @__PURE__ */ jsxRuntime.jsxs(T0, __spreadProps$M(__spreadValues$N({ "data-ui": t2 }, restProps), { ref, $size: size2, children: [
     t3,
     t4,
     t6
-  ] }), $[7] = T0, $[8] = ref, $[9] = restProps, $[10] = size2, $[11] = t3, $[12] = t4, $[13] = t6, $[14] = t7) : t7 = $[14], t7;
+  ] })), $[7] = T0, $[8] = ref, $[9] = restProps, $[10] = size2, $[11] = t3, $[12] = t4, $[13] = t6, $[14] = t7) : t7 = $[14], t7;
 });
 AvatarStack.displayName = "ForwardRef(AvatarStack)";
+var __defProp$N = Object.defineProperty, __defProps$L = Object.defineProperties, __getOwnPropDescs$L = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$M = Object.getOwnPropertySymbols, __hasOwnProp$M = Object.prototype.hasOwnProperty, __propIsEnum$M = Object.prototype.propertyIsEnumerable, __defNormalProp$N = (obj, key2, value) => key2 in obj ? __defProp$N(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$M = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$M.call(b, prop) && __defNormalProp$N(a, prop, b[prop]);
+  if (__getOwnPropSymbols$M)
+    for (var prop of __getOwnPropSymbols$M(b))
+      __propIsEnum$M.call(b, prop) && __defNormalProp$N(a, prop, b[prop]);
+  return a;
+}, __spreadProps$L = (a, b) => __defProps$L(a, __getOwnPropDescs$L(b)), __objRest$G = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$M.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$M)
+    for (var prop of __getOwnPropSymbols$M(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$M.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$y = styledComponents.styled.div(boxStyle, flexItemStyle, responsiveBoxStyle, responsiveGridItemStyle, responsiveMarginStyle, responsivePaddingStyle), Box = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(59);
   let column, columnEnd, columnStart, flex, height, marginBottom, marginLeft, marginRight, marginTop, marginX, marginY, overflow, paddingBottom, paddingLeft, paddingRight, paddingTop, paddingX, paddingY, restProps, row, rowEnd, rowStart, sizing, t0, t1, t2, t3;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     as: t0,
     column,
     columnStart,
@@ -1825,12 +1929,38 @@ const Root$y = styledComponents.styled.div(boxStyle, flexItemStyle, responsiveBo
     row,
     rowStart,
     rowEnd,
-    sizing,
-    ...restProps
-  } = props, $[0] = props, $[1] = column, $[2] = columnEnd, $[3] = columnStart, $[4] = flex, $[5] = height, $[6] = marginBottom, $[7] = marginLeft, $[8] = marginRight, $[9] = marginTop, $[10] = marginX, $[11] = marginY, $[12] = overflow, $[13] = paddingBottom, $[14] = paddingLeft, $[15] = paddingRight, $[16] = paddingTop, $[17] = paddingX, $[18] = paddingY, $[19] = restProps, $[20] = row, $[21] = rowEnd, $[22] = rowStart, $[23] = sizing, $[24] = t0, $[25] = t1, $[26] = t2, $[27] = t3) : (column = $[1], columnEnd = $[2], columnStart = $[3], flex = $[4], height = $[5], marginBottom = $[6], marginLeft = $[7], marginRight = $[8], marginTop = $[9], marginX = $[10], marginY = $[11], overflow = $[12], paddingBottom = $[13], paddingLeft = $[14], paddingRight = $[15], paddingTop = $[16], paddingX = $[17], paddingY = $[18], restProps = $[19], row = $[20], rowEnd = $[21], rowStart = $[22], sizing = $[23], t0 = $[24], t1 = $[25], t2 = $[26], t3 = $[27]);
+    sizing
+  } = _a, restProps = __objRest$G(_a, [
+    "as",
+    "column",
+    "columnStart",
+    "columnEnd",
+    "display",
+    "flex",
+    "height",
+    "margin",
+    "marginX",
+    "marginY",
+    "marginTop",
+    "marginRight",
+    "marginBottom",
+    "marginLeft",
+    "overflow",
+    "padding",
+    "paddingX",
+    "paddingY",
+    "paddingTop",
+    "paddingRight",
+    "paddingBottom",
+    "paddingLeft",
+    "row",
+    "rowStart",
+    "rowEnd",
+    "sizing"
+  ]), $[0] = props, $[1] = column, $[2] = columnEnd, $[3] = columnStart, $[4] = flex, $[5] = height, $[6] = marginBottom, $[7] = marginLeft, $[8] = marginRight, $[9] = marginTop, $[10] = marginX, $[11] = marginY, $[12] = overflow, $[13] = paddingBottom, $[14] = paddingLeft, $[15] = paddingRight, $[16] = paddingTop, $[17] = paddingX, $[18] = paddingY, $[19] = restProps, $[20] = row, $[21] = rowEnd, $[22] = rowStart, $[23] = sizing, $[24] = t0, $[25] = t1, $[26] = t2, $[27] = t3) : (column = $[1], columnEnd = $[2], columnStart = $[3], flex = $[4], height = $[5], marginBottom = $[6], marginLeft = $[7], marginRight = $[8], marginTop = $[9], marginX = $[10], marginY = $[11], overflow = $[12], paddingBottom = $[13], paddingLeft = $[14], paddingRight = $[15], paddingTop = $[16], paddingX = $[17], paddingY = $[18], restProps = $[19], row = $[20], rowEnd = $[21], rowStart = $[22], sizing = $[23], t0 = $[24], t1 = $[25], t2 = $[26], t3 = $[27]);
   const asProp = t0 === void 0 ? "div" : t0, display = t1 === void 0 ? "block" : t1, margin = t2 === void 0 ? 0 : t2, padding = t3 === void 0 ? 0 : t3, t4 = typeof asProp == "string" ? asProp : void 0, t5 = useArrayProp(column), t6 = useArrayProp(columnStart), t7 = useArrayProp(columnEnd), t8 = useArrayProp(display), t9 = useArrayProp(flex), t10 = useArrayProp(height), t11 = useArrayProp(margin), t12 = useArrayProp(marginX), t13 = useArrayProp(marginY), t14 = useArrayProp(marginTop), t15 = useArrayProp(marginRight), t16 = useArrayProp(marginBottom), t17 = useArrayProp(marginLeft), t18 = useArrayProp(overflow), t19 = useArrayProp(padding), t20 = useArrayProp(paddingX), t21 = useArrayProp(paddingY), t22 = useArrayProp(paddingTop), t23 = useArrayProp(paddingRight), t24 = useArrayProp(paddingBottom), t25 = useArrayProp(paddingLeft), t26 = useArrayProp(row), t27 = useArrayProp(rowStart), t28 = useArrayProp(rowEnd), t29 = useArrayProp(sizing);
   let t30;
-  return $[28] !== asProp || $[29] !== props.children || $[30] !== ref || $[31] !== restProps || $[32] !== t10 || $[33] !== t11 || $[34] !== t12 || $[35] !== t13 || $[36] !== t14 || $[37] !== t15 || $[38] !== t16 || $[39] !== t17 || $[40] !== t18 || $[41] !== t19 || $[42] !== t20 || $[43] !== t21 || $[44] !== t22 || $[45] !== t23 || $[46] !== t24 || $[47] !== t25 || $[48] !== t26 || $[49] !== t27 || $[50] !== t28 || $[51] !== t29 || $[52] !== t4 || $[53] !== t5 || $[54] !== t6 || $[55] !== t7 || $[56] !== t8 || $[57] !== t9 ? (t30 = /* @__PURE__ */ jsxRuntime.jsx(Root$y, { "data-as": t4, "data-ui": "Box", ...restProps, $column: t5, $columnStart: t6, $columnEnd: t7, $display: t8, $flex: t9, $height: t10, $margin: t11, $marginX: t12, $marginY: t13, $marginTop: t14, $marginRight: t15, $marginBottom: t16, $marginLeft: t17, $overflow: t18, $padding: t19, $paddingX: t20, $paddingY: t21, $paddingTop: t22, $paddingRight: t23, $paddingBottom: t24, $paddingLeft: t25, $row: t26, $rowStart: t27, $rowEnd: t28, $sizing: t29, as: asProp, ref, children: props.children }), $[28] = asProp, $[29] = props.children, $[30] = ref, $[31] = restProps, $[32] = t10, $[33] = t11, $[34] = t12, $[35] = t13, $[36] = t14, $[37] = t15, $[38] = t16, $[39] = t17, $[40] = t18, $[41] = t19, $[42] = t20, $[43] = t21, $[44] = t22, $[45] = t23, $[46] = t24, $[47] = t25, $[48] = t26, $[49] = t27, $[50] = t28, $[51] = t29, $[52] = t4, $[53] = t5, $[54] = t6, $[55] = t7, $[56] = t8, $[57] = t9, $[58] = t30) : t30 = $[58], t30;
+  return $[28] !== asProp || $[29] !== props.children || $[30] !== ref || $[31] !== restProps || $[32] !== t10 || $[33] !== t11 || $[34] !== t12 || $[35] !== t13 || $[36] !== t14 || $[37] !== t15 || $[38] !== t16 || $[39] !== t17 || $[40] !== t18 || $[41] !== t19 || $[42] !== t20 || $[43] !== t21 || $[44] !== t22 || $[45] !== t23 || $[46] !== t24 || $[47] !== t25 || $[48] !== t26 || $[49] !== t27 || $[50] !== t28 || $[51] !== t29 || $[52] !== t4 || $[53] !== t5 || $[54] !== t6 || $[55] !== t7 || $[56] !== t8 || $[57] !== t9 ? (t30 = /* @__PURE__ */ jsxRuntime.jsx(Root$y, __spreadProps$L(__spreadValues$M({ "data-as": t4, "data-ui": "Box" }, restProps), { $column: t5, $columnStart: t6, $columnEnd: t7, $display: t8, $flex: t9, $height: t10, $margin: t11, $marginX: t12, $marginY: t13, $marginTop: t14, $marginRight: t15, $marginBottom: t16, $marginLeft: t17, $overflow: t18, $padding: t19, $paddingX: t20, $paddingY: t21, $paddingTop: t22, $paddingRight: t23, $paddingBottom: t24, $paddingLeft: t25, $row: t26, $rowStart: t27, $rowEnd: t28, $sizing: t29, as: asProp, ref, children: props.children })), $[28] = asProp, $[29] = props.children, $[30] = ref, $[31] = restProps, $[32] = t10, $[33] = t11, $[34] = t12, $[35] = t13, $[36] = t14, $[37] = t15, $[38] = t16, $[39] = t17, $[40] = t18, $[41] = t19, $[42] = t20, $[43] = t21, $[44] = t22, $[45] = t23, $[46] = t24, $[47] = t25, $[48] = t26, $[49] = t27, $[50] = t28, $[51] = t29, $[52] = t4, $[53] = t5, $[54] = t6, $[55] = t7, $[56] = t8, $[57] = t9, $[58] = t30) : t30 = $[58], t30;
 });
 Box.displayName = "ForwardRef(Box)";
 function textBaseStyle(props) {
@@ -1901,6 +2031,22 @@ function textBaseStyle(props) {
     }
   `;
 }
+var __defProp$M = Object.defineProperty, __defProps$K = Object.defineProperties, __getOwnPropDescs$K = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$L = Object.getOwnPropertySymbols, __hasOwnProp$L = Object.prototype.hasOwnProperty, __propIsEnum$L = Object.prototype.propertyIsEnumerable, __defNormalProp$M = (obj, key2, value) => key2 in obj ? __defProp$M(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$L = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$L.call(b, prop) && __defNormalProp$M(a, prop, b[prop]);
+  if (__getOwnPropSymbols$L)
+    for (var prop of __getOwnPropSymbols$L(b))
+      __propIsEnum$L.call(b, prop) && __defNormalProp$M(a, prop, b[prop]);
+  return a;
+}, __spreadProps$K = (a, b) => __defProps$K(a, __getOwnPropDescs$K(b)), __objRest$F = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$L.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$L)
+    for (var prop of __getOwnPropSymbols$L(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$L.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$x = styledComponents.styled.div(responsiveTextFont, responsiveTextAlignStyle, textBaseStyle), SpanWithTextOverflow$1 = styledComponents.styled.span`
   display: block;
   white-space: nowrap;
@@ -1908,18 +2054,26 @@ const Root$x = styledComponents.styled.div(responsiveTextFont, responsiveTextAli
   overflow: hidden;
   overflow: clip;
 `, Text = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(22);
   let align, childrenProp, restProps, t0, t1, t2, textOverflow, weight;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     accent: t0,
     align,
     children: childrenProp,
     muted: t1,
     size: t2,
     textOverflow,
-    weight,
-    ...restProps
-  } = props, $[0] = props, $[1] = align, $[2] = childrenProp, $[3] = restProps, $[4] = t0, $[5] = t1, $[6] = t2, $[7] = textOverflow, $[8] = weight) : (align = $[1], childrenProp = $[2], restProps = $[3], t0 = $[4], t1 = $[5], t2 = $[6], textOverflow = $[7], weight = $[8]);
+    weight
+  } = _a, restProps = __objRest$F(_a, [
+    "accent",
+    "align",
+    "children",
+    "muted",
+    "size",
+    "textOverflow",
+    "weight"
+  ]), $[0] = props, $[1] = align, $[2] = childrenProp, $[3] = restProps, $[4] = t0, $[5] = t1, $[6] = t2, $[7] = textOverflow, $[8] = weight) : (align = $[1], childrenProp = $[2], restProps = $[3], t0 = $[4], t1 = $[5], t2 = $[6], textOverflow = $[7], weight = $[8]);
   const accent = t0 === void 0 ? !1 : t0, muted = t1 === void 0 ? !1 : t1, size2 = t2 === void 0 ? 2 : t2;
   let children = childrenProp;
   if (textOverflow === "ellipsis") {
@@ -1930,7 +2084,7 @@ const Root$x = styledComponents.styled.div(responsiveTextFont, responsiveTextAli
   let t5;
   $[11] !== children ? (t5 = /* @__PURE__ */ jsxRuntime.jsx("span", { children }), $[11] = children, $[12] = t5) : t5 = $[12];
   let t6;
-  return $[13] !== accent || $[14] !== muted || $[15] !== ref || $[16] !== restProps || $[17] !== t3 || $[18] !== t4 || $[19] !== t5 || $[20] !== weight ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(Root$x, { "data-ui": "Text", ...restProps, $accent: accent, $align: t3, $muted: muted, ref, $size: t4, $weight: weight, children: t5 }), $[13] = accent, $[14] = muted, $[15] = ref, $[16] = restProps, $[17] = t3, $[18] = t4, $[19] = t5, $[20] = weight, $[21] = t6) : t6 = $[21], t6;
+  return $[13] !== accent || $[14] !== muted || $[15] !== ref || $[16] !== restProps || $[17] !== t3 || $[18] !== t4 || $[19] !== t5 || $[20] !== weight ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(Root$x, __spreadProps$K(__spreadValues$L({ "data-ui": "Text" }, restProps), { $accent: accent, $align: t3, $muted: muted, ref, $size: t4, $weight: weight, children: t5 })), $[13] = accent, $[14] = muted, $[15] = ref, $[16] = restProps, $[17] = t3, $[18] = t4, $[19] = t5, $[20] = weight, $[21] = t6) : t6 = $[21], t6;
 });
 Text.displayName = "ForwardRef(Text)";
 function badgeStyle(props) {
@@ -1948,19 +2102,41 @@ function badgeStyle(props) {
     }
   };
 }
+var __defProp$L = Object.defineProperty, __defProps$J = Object.defineProperties, __getOwnPropDescs$J = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$K = Object.getOwnPropertySymbols, __hasOwnProp$K = Object.prototype.hasOwnProperty, __propIsEnum$K = Object.prototype.propertyIsEnumerable, __defNormalProp$L = (obj, key2, value) => key2 in obj ? __defProp$L(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$K = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$K.call(b, prop) && __defNormalProp$L(a, prop, b[prop]);
+  if (__getOwnPropSymbols$K)
+    for (var prop of __getOwnPropSymbols$K(b))
+      __propIsEnum$K.call(b, prop) && __defNormalProp$L(a, prop, b[prop]);
+  return a;
+}, __spreadProps$J = (a, b) => __defProps$J(a, __getOwnPropDescs$J(b)), __objRest$E = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$K.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$K)
+    for (var prop of __getOwnPropSymbols$K(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$K.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$w = styledComponents.styled(Box)(responsiveRadiusStyle, badgeStyle), Badge = react.forwardRef(function(props, ref) {
   const $ = reactCompilerRuntime.c(17);
   let children, restProps, t0, t1, t2, t3;
   if ($[0] !== props) {
-    const {
+    const _a = props, {
       children: t42,
       fontSize: t52,
       mode: _deprecated_mode,
       padding: t62,
       radius: t72,
-      tone: t8,
-      ...t9
-    } = props;
+      tone: t8
+    } = _a, t9 = __objRest$E(_a, [
+      "children",
+      "fontSize",
+      "mode",
+      "padding",
+      "radius",
+      "tone"
+    ]);
     children = t42, t0 = t52, t1 = t62, t2 = t72, t3 = t8, restProps = t9, $[0] = props, $[1] = children, $[2] = restProps, $[3] = t0, $[4] = t1, $[5] = t2, $[6] = t3;
   } else
     children = $[1], restProps = $[2], t0 = $[3], t1 = $[4], t2 = $[5], t3 = $[6];
@@ -1968,26 +2144,57 @@ const Root$w = styledComponents.styled(Box)(responsiveRadiusStyle, badgeStyle),
   let t6;
   $[7] !== children || $[8] !== fontSize2 ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(Text, { size: fontSize2, children }), $[7] = children, $[8] = fontSize2, $[9] = t6) : t6 = $[9];
   let t7;
-  return $[10] !== ref || $[11] !== restProps || $[12] !== t4 || $[13] !== t5 || $[14] !== t6 || $[15] !== tone ? (t7 = /* @__PURE__ */ jsxRuntime.jsx(Root$w, { "data-ui": "Badge", ...restProps, $tone: tone, $radius: t4, padding: t5, ref, children: t6 }), $[10] = ref, $[11] = restProps, $[12] = t4, $[13] = t5, $[14] = t6, $[15] = tone, $[16] = t7) : t7 = $[16], t7;
+  return $[10] !== ref || $[11] !== restProps || $[12] !== t4 || $[13] !== t5 || $[14] !== t6 || $[15] !== tone ? (t7 = /* @__PURE__ */ jsxRuntime.jsx(Root$w, __spreadProps$J(__spreadValues$K({ "data-ui": "Badge" }, restProps), { $tone: tone, $radius: t4, padding: t5, ref, children: t6 })), $[10] = ref, $[11] = restProps, $[12] = t4, $[13] = t5, $[14] = t6, $[15] = tone, $[16] = t7) : t7 = $[16], t7;
 });
 Badge.displayName = "ForwardRef(Badge)";
+var __defProp$K = Object.defineProperty, __defProps$I = Object.defineProperties, __getOwnPropDescs$I = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$J = Object.getOwnPropertySymbols, __hasOwnProp$J = Object.prototype.hasOwnProperty, __propIsEnum$J = Object.prototype.propertyIsEnumerable, __defNormalProp$K = (obj, key2, value) => key2 in obj ? __defProp$K(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$J = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$J.call(b, prop) && __defNormalProp$K(a, prop, b[prop]);
+  if (__getOwnPropSymbols$J)
+    for (var prop of __getOwnPropSymbols$J(b))
+      __propIsEnum$J.call(b, prop) && __defNormalProp$K(a, prop, b[prop]);
+  return a;
+}, __spreadProps$I = (a, b) => __defProps$I(a, __getOwnPropDescs$I(b)), __objRest$D = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$J.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$J)
+    for (var prop of __getOwnPropSymbols$J(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$J.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$v = styledComponents.styled(Box)(flexItemStyle, responsiveFlexStyle), Flex = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(17);
   let align, as, gap, justify, restProps, t0, wrap;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     align,
     as,
     direction: t0,
     gap,
     justify,
-    wrap,
-    ...restProps
-  } = props, $[0] = props, $[1] = align, $[2] = as, $[3] = gap, $[4] = justify, $[5] = restProps, $[6] = t0, $[7] = wrap) : (align = $[1], as = $[2], gap = $[3], justify = $[4], restProps = $[5], t0 = $[6], wrap = $[7]);
+    wrap
+  } = _a, restProps = __objRest$D(_a, [
+    "align",
+    "as",
+    "direction",
+    "gap",
+    "justify",
+    "wrap"
+  ]), $[0] = props, $[1] = align, $[2] = as, $[3] = gap, $[4] = justify, $[5] = restProps, $[6] = t0, $[7] = wrap) : (align = $[1], as = $[2], gap = $[3], justify = $[4], restProps = $[5], t0 = $[6], wrap = $[7]);
   const direction = t0 === void 0 ? "row" : t0, t1 = useArrayProp(align), t2 = useArrayProp(direction), t3 = useArrayProp(gap), t4 = useArrayProp(justify), t5 = useArrayProp(wrap);
   let t6;
-  return $[8] !== as || $[9] !== ref || $[10] !== restProps || $[11] !== t1 || $[12] !== t2 || $[13] !== t3 || $[14] !== t4 || $[15] !== t5 ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(Root$v, { "data-ui": "Flex", ...restProps, $align: t1, $direction: t2, $gap: t3, $justify: t4, $wrap: t5, forwardedAs: as, ref }), $[8] = as, $[9] = ref, $[10] = restProps, $[11] = t1, $[12] = t2, $[13] = t3, $[14] = t4, $[15] = t5, $[16] = t6) : t6 = $[16], t6;
+  return $[8] !== as || $[9] !== ref || $[10] !== restProps || $[11] !== t1 || $[12] !== t2 || $[13] !== t3 || $[14] !== t4 || $[15] !== t5 ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(Root$v, __spreadProps$I(__spreadValues$J({ "data-ui": "Flex" }, restProps), { $align: t1, $direction: t2, $gap: t3, $justify: t4, $wrap: t5, forwardedAs: as, ref })), $[8] = as, $[9] = ref, $[10] = restProps, $[11] = t1, $[12] = t2, $[13] = t3, $[14] = t4, $[15] = t5, $[16] = t6) : t6 = $[16], t6;
 });
 Flex.displayName = "ForwardRef(Flex)";
+var __defProp$J = Object.defineProperty, __defProps$H = Object.defineProperties, __getOwnPropDescs$H = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$I = Object.getOwnPropertySymbols, __hasOwnProp$I = Object.prototype.hasOwnProperty, __propIsEnum$I = Object.prototype.propertyIsEnumerable, __defNormalProp$J = (obj, key2, value) => key2 in obj ? __defProp$J(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$I = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$I.call(b, prop) && __defNormalProp$J(a, prop, b[prop]);
+  if (__getOwnPropSymbols$I)
+    for (var prop of __getOwnPropSymbols$I(b))
+      __propIsEnum$I.call(b, prop) && __defNormalProp$J(a, prop, b[prop]);
+  return a;
+}, __spreadProps$H = (a, b) => __defProps$H(a, __getOwnPropDescs$H(b));
 const rotate$1 = styledComponents.keyframes`
   from {
     transform: rotate(0deg);
@@ -2005,10 +2212,11 @@ const rotate$1 = styledComponents.keyframes`
   let t0;
   $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsxRuntime.jsx(icons.SpinnerIcon, {}), $[0] = t0) : t0 = $[0];
   let t1;
-  return $[1] !== props || $[2] !== ref ? (t1 = /* @__PURE__ */ jsxRuntime.jsx(Root$u, { "data-ui": "Spinner", ...props, ref, children: t0 }), $[1] = props, $[2] = ref, $[3] = t1) : t1 = $[3], t1;
+  return $[1] !== props || $[2] !== ref ? (t1 = /* @__PURE__ */ jsxRuntime.jsx(Root$u, __spreadProps$H(__spreadValues$I({ "data-ui": "Spinner" }, props), { ref, children: t0 })), $[1] = props, $[2] = ref, $[3] = t1) : t1 = $[3], t1;
 });
 Spinner.displayName = "ForwardRef(Spinner)";
 function _cardColorStyle(base, color, checkered = !1) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   return {
     // from base
     "--card-backdrop-color": base.backdrop,
@@ -2044,18 +2252,18 @@ function _cardColorStyle(base, color, checkered = !1) {
     "--card-badge-default-dot-color": color.badge.default.dot,
     "--card-badge-default-fg-color": color.badge.default.fg,
     "--card-badge-default-icon-color": color.badge.default.icon,
-    "--card-badge-neutral-bg-color": color.badge.neutral?.bg,
-    "--card-badge-neutral-dot-color": color.badge.neutral?.dot,
-    "--card-badge-neutral-fg-color": color.badge.neutral?.fg,
-    "--card-badge-neutral-icon-color": color.badge.neutral?.icon,
+    "--card-badge-neutral-bg-color": (_a = color.badge.neutral) == null ? void 0 : _a.bg,
+    "--card-badge-neutral-dot-color": (_b = color.badge.neutral) == null ? void 0 : _b.dot,
+    "--card-badge-neutral-fg-color": (_c = color.badge.neutral) == null ? void 0 : _c.fg,
+    "--card-badge-neutral-icon-color": (_d = color.badge.neutral) == null ? void 0 : _d.icon,
     "--card-badge-primary-bg-color": color.badge.primary.bg,
     "--card-badge-primary-dot-color": color.badge.primary.dot,
     "--card-badge-primary-fg-color": color.badge.primary.fg,
     "--card-badge-primary-icon-color": color.badge.primary.icon,
-    "--card-badge-suggest-bg-color": color.badge.suggest?.bg,
-    "--card-badge-suggest-dot-color": color.badge.suggest?.dot,
-    "--card-badge-suggest-fg-color": color.badge.suggest?.fg,
-    "--card-badge-suggest-icon-color": color.badge.suggest?.icon,
+    "--card-badge-suggest-bg-color": (_e = color.badge.suggest) == null ? void 0 : _e.bg,
+    "--card-badge-suggest-dot-color": (_f = color.badge.suggest) == null ? void 0 : _f.dot,
+    "--card-badge-suggest-fg-color": (_g = color.badge.suggest) == null ? void 0 : _g.fg,
+    "--card-badge-suggest-icon-color": (_h = color.badge.suggest) == null ? void 0 : _h.icon,
     "--card-badge-positive-bg-color": color.badge.positive.bg,
     "--card-badge-positive-dot-color": color.badge.positive.dot,
     "--card-badge-positive-fg-color": color.badge.positive.fg,
@@ -2094,7 +2302,7 @@ function buttonBaseStyles(props) {
     style
   } = theme.getTheme_v2(props.theme);
   return styledComponents.css`
-    ${style?.button};
+    ${style == null ? void 0 : style.button};
 
     -webkit-font-smoothing: inherit;
     appearance: none;
@@ -2137,6 +2345,7 @@ function combineBoxShadow(...boxShadows) {
   return boxShadows.filter(Boolean).join(",");
 }
 function buttonColorStyles(props) {
+  var _a;
   const {
     $mode
   } = props, {
@@ -2174,8 +2383,24 @@ function buttonColorStyles(props) {
       },
       "&[data-selected]": _cardColorStyle(baseColor, color.pressed)
     }
-  }, style?.button?.root].filter(Boolean);
-}
+  }, (_a = style == null ? void 0 : style.button) == null ? void 0 : _a.root].filter(Boolean);
+}
+var __defProp$I = Object.defineProperty, __defProps$G = Object.defineProperties, __getOwnPropDescs$G = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$H = Object.getOwnPropertySymbols, __hasOwnProp$H = Object.prototype.hasOwnProperty, __propIsEnum$H = Object.prototype.propertyIsEnumerable, __defNormalProp$I = (obj, key2, value) => key2 in obj ? __defProp$I(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$H = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$H.call(b, prop) && __defNormalProp$I(a, prop, b[prop]);
+  if (__getOwnPropSymbols$H)
+    for (var prop of __getOwnPropSymbols$H(b))
+      __propIsEnum$H.call(b, prop) && __defNormalProp$I(a, prop, b[prop]);
+  return a;
+}, __spreadProps$G = (a, b) => __defProps$G(a, __getOwnPropDescs$G(b)), __objRest$C = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$H.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$H)
+    for (var prop of __getOwnPropSymbols$H(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$H.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$t = styledComponents.styled.button(responsiveRadiusStyle, buttonBaseStyles, buttonColorStyles), LoadingBox = styledComponents.styled.div`
   position: absolute;
   top: 0;
@@ -2190,9 +2415,10 @@ const Root$t = styledComponents.styled.button(responsiveRadiusStyle, buttonBaseS
   z-index: 1;
   box-shadow: inherit;
 `, Button = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(64);
   let IconComponent, IconRightComponent, children, disabled, loading, paddingBottomProp, paddingLeftProp, paddingRightProp, paddingTopProp, paddingXProp, paddingYProp, restProps, selected, t0, t1, t2, t3, t4, t5, t6, t7, t8, text, textAlign, width;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     children,
     disabled,
     fontSize: t0,
@@ -2216,9 +2442,33 @@ const Root$t = styledComponents.styled.button(responsiveRadiusStyle, buttonBaseS
     tone: t6,
     type: t7,
     muted: t8,
-    width,
-    ...restProps
-  } = props, $[0] = props, $[1] = IconComponent, $[2] = IconRightComponent, $[3] = children, $[4] = disabled, $[5] = loading, $[6] = paddingBottomProp, $[7] = paddingLeftProp, $[8] = paddingRightProp, $[9] = paddingTopProp, $[10] = paddingXProp, $[11] = paddingYProp, $[12] = restProps, $[13] = selected, $[14] = t0, $[15] = t1, $[16] = t2, $[17] = t3, $[18] = t4, $[19] = t5, $[20] = t6, $[21] = t7, $[22] = t8, $[23] = text, $[24] = textAlign, $[25] = width) : (IconComponent = $[1], IconRightComponent = $[2], children = $[3], disabled = $[4], loading = $[5], paddingBottomProp = $[6], paddingLeftProp = $[7], paddingRightProp = $[8], paddingTopProp = $[9], paddingXProp = $[10], paddingYProp = $[11], restProps = $[12], selected = $[13], t0 = $[14], t1 = $[15], t2 = $[16], t3 = $[17], t4 = $[18], t5 = $[19], t6 = $[20], t7 = $[21], t8 = $[22], text = $[23], textAlign = $[24], width = $[25]);
+    width
+  } = _a, restProps = __objRest$C(_a, [
+    "children",
+    "disabled",
+    "fontSize",
+    "icon",
+    "iconRight",
+    "justify",
+    "loading",
+    "mode",
+    "padding",
+    "paddingX",
+    "paddingY",
+    "paddingTop",
+    "paddingBottom",
+    "paddingLeft",
+    "paddingRight",
+    "radius",
+    "selected",
+    "space",
+    "text",
+    "textAlign",
+    "tone",
+    "type",
+    "muted",
+    "width"
+  ]), $[0] = props, $[1] = IconComponent, $[2] = IconRightComponent, $[3] = children, $[4] = disabled, $[5] = loading, $[6] = paddingBottomProp, $[7] = paddingLeftProp, $[8] = paddingRightProp, $[9] = paddingTopProp, $[10] = paddingXProp, $[11] = paddingYProp, $[12] = restProps, $[13] = selected, $[14] = t0, $[15] = t1, $[16] = t2, $[17] = t3, $[18] = t4, $[19] = t5, $[20] = t6, $[21] = t7, $[22] = t8, $[23] = text, $[24] = textAlign, $[25] = width) : (IconComponent = $[1], IconRightComponent = $[2], children = $[3], disabled = $[4], loading = $[5], paddingBottomProp = $[6], paddingLeftProp = $[7], paddingRightProp = $[8], paddingTopProp = $[9], paddingXProp = $[10], paddingYProp = $[11], restProps = $[12], selected = $[13], t0 = $[14], t1 = $[15], t2 = $[16], t3 = $[17], t4 = $[18], t5 = $[19], t6 = $[20], t7 = $[21], t8 = $[22], text = $[23], textAlign = $[24], width = $[25]);
   const fontSize2 = t0 === void 0 ? 1 : t0, justifyProp = t1 === void 0 ? "center" : t1, mode = t2 === void 0 ? "default" : t2, paddingProp = t3 === void 0 ? 3 : t3, radiusProp = t4 === void 0 ? 2 : t4, spaceProp = t5 === void 0 ? 3 : t5, tone = t6 === void 0 ? "default" : t6, type = t7 === void 0 ? "button" : t7, muted = t8 === void 0 ? !1 : t8, {
     button
   } = useTheme_v2(), justify = useArrayProp(justifyProp), padding = useArrayProp(paddingProp), paddingX = useArrayProp(paddingXProp), paddingY = useArrayProp(paddingYProp), paddingTop = useArrayProp(paddingTopProp), paddingBottom = useArrayProp(paddingBottomProp), paddingLeft = useArrayProp(paddingLeftProp), paddingRight = useArrayProp(paddingRightProp), radius = useArrayProp(radiusProp), space = useArrayProp(spaceProp);
@@ -2236,7 +2486,7 @@ const Root$t = styledComponents.styled.button(responsiveRadiusStyle, buttonBaseS
   let t14;
   $[34] !== loading ? (t14 = !!loading && /* @__PURE__ */ jsxRuntime.jsx(LoadingBox, { children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) }), $[34] = loading, $[35] = t14) : t14 = $[35];
   let t15;
-  $[36] !== IconComponent || $[37] !== IconRightComponent || $[38] !== boxProps || $[39] !== button || $[40] !== fontSize2 || $[41] !== justify || $[42] !== muted || $[43] !== space || $[44] !== text || $[45] !== textAlign ? (t15 = (IconComponent || text || IconRightComponent) && /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "span", ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { as: "span", justify, gap: space, children: [
+  $[36] !== IconComponent || $[37] !== IconRightComponent || $[38] !== boxProps || $[39] !== button || $[40] !== fontSize2 || $[41] !== justify || $[42] !== muted || $[43] !== space || $[44] !== text || $[45] !== textAlign ? (t15 = (IconComponent || text || IconRightComponent) && /* @__PURE__ */ jsxRuntime.jsx(Box, __spreadProps$G(__spreadValues$H({ as: "span" }, boxProps), { children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { as: "span", justify, gap: space, children: [
     IconComponent && /* @__PURE__ */ jsxRuntime.jsxs(Text, { size: fontSize2, children: [
       react.isValidElement(IconComponent) && IconComponent,
       ReactIs.isValidElementType(IconComponent) && /* @__PURE__ */ jsxRuntime.jsx(IconComponent, {})
@@ -2246,15 +2496,15 @@ const Root$t = styledComponents.styled.button(responsiveRadiusStyle, buttonBaseS
       react.isValidElement(IconRightComponent) && IconRightComponent,
       ReactIs.isValidElementType(IconRightComponent) && /* @__PURE__ */ jsxRuntime.jsx(IconRightComponent, {})
     ] })
-  ] }) }), $[36] = IconComponent, $[37] = IconRightComponent, $[38] = boxProps, $[39] = button, $[40] = fontSize2, $[41] = justify, $[42] = muted, $[43] = space, $[44] = text, $[45] = textAlign, $[46] = t15) : t15 = $[46];
+  ] }) })), $[36] = IconComponent, $[37] = IconRightComponent, $[38] = boxProps, $[39] = button, $[40] = fontSize2, $[41] = justify, $[42] = muted, $[43] = space, $[44] = text, $[45] = textAlign, $[46] = t15) : t15 = $[46];
   let t16;
-  $[47] !== boxProps || $[48] !== children ? (t16 = children && /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "span", ...boxProps, children }), $[47] = boxProps, $[48] = children, $[49] = t16) : t16 = $[49];
+  $[47] !== boxProps || $[48] !== children ? (t16 = children && /* @__PURE__ */ jsxRuntime.jsx(Box, __spreadProps$G(__spreadValues$H({ as: "span" }, boxProps), { children })), $[47] = boxProps, $[48] = children, $[49] = t16) : t16 = $[49];
   let t17;
-  return $[50] !== mode || $[51] !== radius || $[52] !== ref || $[53] !== restProps || $[54] !== t11 || $[55] !== t12 || $[56] !== t13 || $[57] !== t14 || $[58] !== t15 || $[59] !== t16 || $[60] !== tone || $[61] !== type || $[62] !== width ? (t17 = /* @__PURE__ */ jsxRuntime.jsxs(Root$t, { "data-ui": "Button", ...restProps, $mode: mode, $radius: radius, $tone: tone, "data-disabled": t11, "data-selected": t12, disabled: t13, ref, type, $width: width, children: [
+  return $[50] !== mode || $[51] !== radius || $[52] !== ref || $[53] !== restProps || $[54] !== t11 || $[55] !== t12 || $[56] !== t13 || $[57] !== t14 || $[58] !== t15 || $[59] !== t16 || $[60] !== tone || $[61] !== type || $[62] !== width ? (t17 = /* @__PURE__ */ jsxRuntime.jsxs(Root$t, __spreadProps$G(__spreadValues$H({ "data-ui": "Button" }, restProps), { $mode: mode, $radius: radius, $tone: tone, "data-disabled": t11, "data-selected": t12, disabled: t13, ref, type, $width: width, children: [
     t14,
     t15,
     t16
-  ] }), $[50] = mode, $[51] = radius, $[52] = ref, $[53] = restProps, $[54] = t11, $[55] = t12, $[56] = t13, $[57] = t14, $[58] = t15, $[59] = t16, $[60] = tone, $[61] = type, $[62] = width, $[63] = t17) : t17 = $[63], t17;
+  ] })), $[50] = mode, $[51] = radius, $[52] = ref, $[53] = restProps, $[54] = t11, $[55] = t12, $[56] = t13, $[57] = t14, $[58] = t15, $[59] = t16, $[60] = tone, $[61] = type, $[62] = width, $[63] = t17) : t17 = $[63], t17;
 });
 Button.displayName = "ForwardRef(Button)";
 function cardStyle(props) {
@@ -2298,6 +2548,7 @@ function cardBaseStyle(props) {
   `;
 }
 function cardColorStyle(props) {
+  var _a;
   const {
     $checkered,
     $focusRing,
@@ -2402,13 +2653,30 @@ function cardColorStyle(props) {
       }
     }
 
-    ${style?.card?.root}
+    ${(_a = style == null ? void 0 : style.card) == null ? void 0 : _a.root}
   `;
 }
+var __defProp$H = Object.defineProperty, __defProps$F = Object.defineProperties, __getOwnPropDescs$F = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$G = Object.getOwnPropertySymbols, __hasOwnProp$G = Object.prototype.hasOwnProperty, __propIsEnum$G = Object.prototype.propertyIsEnumerable, __defNormalProp$H = (obj, key2, value) => key2 in obj ? __defProp$H(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$G = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$G.call(b, prop) && __defNormalProp$H(a, prop, b[prop]);
+  if (__getOwnPropSymbols$G)
+    for (var prop of __getOwnPropSymbols$G(b))
+      __propIsEnum$G.call(b, prop) && __defNormalProp$H(a, prop, b[prop]);
+  return a;
+}, __spreadProps$F = (a, b) => __defProps$F(a, __getOwnPropDescs$F(b)), __objRest$B = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$G.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$G)
+    for (var prop of __getOwnPropSymbols$G(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$G.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$s = styledComponents.styled(Box)(responsiveBorderStyle, responsiveRadiusStyle, responsiveShadowStyle, cardStyle), Card = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(42);
   let asProp, border2, borderBottom2, borderLeft2, borderRight2, borderTop2, muted, pressed, restProps, scheme, selected, shadow, t0, t1, t2, t3;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     __unstable_checkered: t0,
     __unstable_focusRing: t1,
     as: asProp,
@@ -2423,12 +2691,27 @@ const Root$s = styledComponents.styled(Box)(responsiveBorderStyle, responsiveRad
     scheme,
     selected,
     shadow,
-    tone: t3,
-    ...restProps
-  } = props, $[0] = props, $[1] = asProp, $[2] = border2, $[3] = borderBottom2, $[4] = borderLeft2, $[5] = borderRight2, $[6] = borderTop2, $[7] = muted, $[8] = pressed, $[9] = restProps, $[10] = scheme, $[11] = selected, $[12] = shadow, $[13] = t0, $[14] = t1, $[15] = t2, $[16] = t3) : (asProp = $[1], border2 = $[2], borderBottom2 = $[3], borderLeft2 = $[4], borderRight2 = $[5], borderTop2 = $[6], muted = $[7], pressed = $[8], restProps = $[9], scheme = $[10], selected = $[11], shadow = $[12], t0 = $[13], t1 = $[14], t2 = $[15], t3 = $[16]);
+    tone: t3
+  } = _a, restProps = __objRest$B(_a, [
+    "__unstable_checkered",
+    "__unstable_focusRing",
+    "as",
+    "border",
+    "borderTop",
+    "borderRight",
+    "borderBottom",
+    "borderLeft",
+    "muted",
+    "pressed",
+    "radius",
+    "scheme",
+    "selected",
+    "shadow",
+    "tone"
+  ]), $[0] = props, $[1] = asProp, $[2] = border2, $[3] = borderBottom2, $[4] = borderLeft2, $[5] = borderRight2, $[6] = borderTop2, $[7] = muted, $[8] = pressed, $[9] = restProps, $[10] = scheme, $[11] = selected, $[12] = shadow, $[13] = t0, $[14] = t1, $[15] = t2, $[16] = t3) : (asProp = $[1], border2 = $[2], borderBottom2 = $[3], borderLeft2 = $[4], borderRight2 = $[5], borderTop2 = $[6], muted = $[7], pressed = $[8], restProps = $[9], scheme = $[10], selected = $[11], shadow = $[12], t0 = $[13], t1 = $[14], t2 = $[15], t3 = $[16]);
   const checkered = t0 === void 0 ? !1 : t0, focusRing = t1 === void 0 ? !1 : t1, radius = t2 === void 0 ? 0 : t2, toneProp = t3 === void 0 ? "default" : t3, as = ReactIs.isValidElementType(asProp) ? asProp : "div", rootTheme = useRootTheme(), tone = toneProp === "inherit" ? rootTheme.tone : toneProp, t4 = typeof as == "string" ? as : void 0, t5 = rootTheme.scheme, t6 = useArrayProp(border2), t7 = useArrayProp(borderTop2), t8 = useArrayProp(borderRight2), t9 = useArrayProp(borderBottom2), t10 = useArrayProp(borderLeft2), t11 = useArrayProp(radius), t12 = useArrayProp(shadow), t13 = checkered ? "" : void 0, t14 = pressed ? "" : void 0, t15 = selected ? "" : void 0;
   let t16;
-  $[17] !== as || $[18] !== checkered || $[19] !== focusRing || $[20] !== muted || $[21] !== ref || $[22] !== restProps || $[23] !== rootTheme.scheme || $[24] !== selected || $[25] !== t10 || $[26] !== t11 || $[27] !== t12 || $[28] !== t13 || $[29] !== t14 || $[30] !== t15 || $[31] !== t4 || $[32] !== t6 || $[33] !== t7 || $[34] !== t8 || $[35] !== t9 || $[36] !== tone ? (t16 = /* @__PURE__ */ jsxRuntime.jsx(Root$s, { "data-as": t4, "data-scheme": t5, "data-ui": "Card", "data-tone": tone, ...restProps, $border: t6, $borderTop: t7, $borderRight: t8, $borderBottom: t9, $borderLeft: t10, $checkered: checkered, $focusRing: focusRing, $muted: muted, $radius: t11, $shadow: t12, $tone: tone, "data-checkered": t13, "data-pressed": t14, "data-selected": t15, forwardedAs: as, ref, selected }), $[17] = as, $[18] = checkered, $[19] = focusRing, $[20] = muted, $[21] = ref, $[22] = restProps, $[23] = rootTheme.scheme, $[24] = selected, $[25] = t10, $[26] = t11, $[27] = t12, $[28] = t13, $[29] = t14, $[30] = t15, $[31] = t4, $[32] = t6, $[33] = t7, $[34] = t8, $[35] = t9, $[36] = tone, $[37] = t16) : t16 = $[37];
+  $[17] !== as || $[18] !== checkered || $[19] !== focusRing || $[20] !== muted || $[21] !== ref || $[22] !== restProps || $[23] !== rootTheme.scheme || $[24] !== selected || $[25] !== t10 || $[26] !== t11 || $[27] !== t12 || $[28] !== t13 || $[29] !== t14 || $[30] !== t15 || $[31] !== t4 || $[32] !== t6 || $[33] !== t7 || $[34] !== t8 || $[35] !== t9 || $[36] !== tone ? (t16 = /* @__PURE__ */ jsxRuntime.jsx(Root$s, __spreadProps$F(__spreadValues$G({ "data-as": t4, "data-scheme": t5, "data-ui": "Card", "data-tone": tone }, restProps), { $border: t6, $borderTop: t7, $borderRight: t8, $borderBottom: t9, $borderLeft: t10, $checkered: checkered, $focusRing: focusRing, $muted: muted, $radius: t11, $shadow: t12, $tone: tone, "data-checkered": t13, "data-pressed": t14, "data-selected": t15, forwardedAs: as, ref, selected })), $[17] = as, $[18] = checkered, $[19] = focusRing, $[20] = muted, $[21] = ref, $[22] = restProps, $[23] = rootTheme.scheme, $[24] = selected, $[25] = t10, $[26] = t11, $[27] = t12, $[28] = t13, $[29] = t14, $[30] = t15, $[31] = t4, $[32] = t6, $[33] = t7, $[34] = t8, $[35] = t9, $[36] = tone, $[37] = t16) : t16 = $[37];
   let t17;
   return $[38] !== scheme || $[39] !== t16 || $[40] !== tone ? (t17 = /* @__PURE__ */ jsxRuntime.jsx(ThemeColorProvider, { scheme, tone, children: t16 }), $[38] = scheme, $[39] = t16, $[40] = tone, $[41] = t17) : t17 = $[41], t17;
 });
@@ -2571,19 +2854,43 @@ function inputElementStyles(props) {
     }
   `;
 }
+var __defProp$G = Object.defineProperty, __defProps$E = Object.defineProperties, __getOwnPropDescs$E = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$F = Object.getOwnPropertySymbols, __hasOwnProp$F = Object.prototype.hasOwnProperty, __propIsEnum$F = Object.prototype.propertyIsEnumerable, __defNormalProp$G = (obj, key2, value) => key2 in obj ? __defProp$G(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$F = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$F.call(b, prop) && __defNormalProp$G(a, prop, b[prop]);
+  if (__getOwnPropSymbols$F)
+    for (var prop of __getOwnPropSymbols$F(b))
+      __propIsEnum$F.call(b, prop) && __defNormalProp$G(a, prop, b[prop]);
+  return a;
+}, __spreadProps$E = (a, b) => __defProps$E(a, __getOwnPropDescs$E(b)), __objRest$A = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$F.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$F)
+    for (var prop of __getOwnPropSymbols$F(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$F.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$r = styledComponents.styled.div(checkboxBaseStyles), Input$5 = styledComponents.styled.input(inputElementStyles), Checkbox = react.forwardRef(function(props, forwardedRef) {
+  var _a;
   const $ = reactCompilerRuntime.c(25);
   let checked, className, customValidity, disabled, indeterminate, readOnly, restProps, style;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     checked,
     className,
     disabled,
     indeterminate,
     customValidity,
     readOnly,
-    style,
-    ...restProps
-  } = props, $[0] = props, $[1] = checked, $[2] = className, $[3] = customValidity, $[4] = disabled, $[5] = indeterminate, $[6] = readOnly, $[7] = restProps, $[8] = style) : (checked = $[1], className = $[2], customValidity = $[3], disabled = $[4], indeterminate = $[5], readOnly = $[6], restProps = $[7], style = $[8]);
+    style
+  } = _a, restProps = __objRest$A(_a, [
+    "checked",
+    "className",
+    "disabled",
+    "indeterminate",
+    "customValidity",
+    "readOnly",
+    "style"
+  ]), $[0] = props, $[1] = checked, $[2] = className, $[3] = customValidity, $[4] = disabled, $[5] = indeterminate, $[6] = readOnly, $[7] = restProps, $[8] = style) : (checked = $[1], className = $[2], customValidity = $[3], disabled = $[4], indeterminate = $[5], readOnly = $[6], restProps = $[7], style = $[8]);
   const ref = react.useRef(null);
   let t0;
   $[9] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => ref.current, $[9] = t0) : t0 = $[9], react.useImperativeHandle(forwardedRef, t0);
@@ -2593,7 +2900,7 @@ const Root$r = styledComponents.styled.div(checkboxBaseStyles), Input$5 = styled
   }, t2 = [indeterminate], $[10] = indeterminate, $[11] = t1, $[12] = t2) : (t1 = $[11], t2 = $[12]), react.useEffect(t1, t2), useCustomValidity(ref, customValidity);
   const t3 = !disabled && readOnly ? "" : void 0, t4 = customValidity ? "" : void 0, t5 = disabled || readOnly;
   let t6;
-  $[13] !== checked || $[14] !== readOnly || $[15] !== restProps || $[16] !== t3 || $[17] !== t4 || $[18] !== t5 ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(Input$5, { "data-read-only": t3, "data-error": t4, ...restProps, checked, disabled: t5, type: "checkbox", readOnly, ref }), $[13] = checked, $[14] = readOnly, $[15] = restProps, $[16] = t3, $[17] = t4, $[18] = t5, $[19] = t6) : t6 = $[19];
+  $[13] !== checked || $[14] !== readOnly || $[15] !== restProps || $[16] !== t3 || $[17] !== t4 || $[18] !== t5 ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(Input$5, __spreadProps$E(__spreadValues$F({ "data-read-only": t3, "data-error": t4 }, restProps), { checked, disabled: t5, type: "checkbox", readOnly, ref })), $[13] = checked, $[14] = readOnly, $[15] = restProps, $[16] = t3, $[17] = t4, $[18] = t5, $[19] = t6) : t6 = $[19];
   let t7;
   $[20] === Symbol.for("react.memo_cache_sentinel") ? (t7 = /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
     /* @__PURE__ */ jsxRuntime.jsx(icons.CheckmarkIcon, {}),
@@ -2754,16 +3061,37 @@ function codeBaseStyle() {
     }
   `;
 }
+var __defProp$F = Object.defineProperty, __defProps$D = Object.defineProperties, __getOwnPropDescs$D = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$E = Object.getOwnPropertySymbols, __hasOwnProp$E = Object.prototype.hasOwnProperty, __propIsEnum$E = Object.prototype.propertyIsEnumerable, __defNormalProp$F = (obj, key2, value) => key2 in obj ? __defProp$F(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$E = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$E.call(b, prop) && __defNormalProp$F(a, prop, b[prop]);
+  if (__getOwnPropSymbols$E)
+    for (var prop of __getOwnPropSymbols$E(b))
+      __propIsEnum$E.call(b, prop) && __defNormalProp$F(a, prop, b[prop]);
+  return a;
+}, __spreadProps$D = (a, b) => __defProps$D(a, __getOwnPropDescs$D(b)), __objRest$z = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$E.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$E)
+    for (var prop of __getOwnPropSymbols$E(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$E.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$q = styledComponents.styled.pre(codeBaseStyle, responsiveCodeFontStyle), Code = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(23);
   let children, languageProp, restProps, t0, weight;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     children,
     language: languageProp,
     size: t0,
-    weight,
-    ...restProps
-  } = props, $[0] = props, $[1] = children, $[2] = languageProp, $[3] = restProps, $[4] = t0, $[5] = weight) : (children = $[1], languageProp = $[2], restProps = $[3], t0 = $[4], weight = $[5]);
+    weight
+  } = _a, restProps = __objRest$z(_a, [
+    "children",
+    "language",
+    "size",
+    "weight"
+  ]), $[0] = props, $[1] = children, $[2] = languageProp, $[3] = restProps, $[4] = t0, $[5] = weight) : (children = $[1], languageProp = $[2], restProps = $[3], t0 = $[4], weight = $[5]);
   const size2 = t0 === void 0 ? 2 : t0, language = typeof languageProp == "string" ? languageProp : void 0;
   let t1;
   $[6] !== language ? (t1 = language ? Refractor__default.default.hasLanguage(language) : !1, $[6] = language, $[7] = t1) : t1 = $[7];
@@ -2773,10 +3101,10 @@ const Root$q = styledComponents.styled.pre(codeBaseStyle, responsiveCodeFontStyl
   let t4;
   $[12] !== children || $[13] !== language || $[14] !== registered ? (t4 = language && registered && /* @__PURE__ */ jsxRuntime.jsx(Refractor__default.default, { inline: !0, language, value: String(children) }), $[12] = children, $[13] = language, $[14] = registered, $[15] = t4) : t4 = $[15];
   let t5;
-  return $[16] !== ref || $[17] !== restProps || $[18] !== t2 || $[19] !== t3 || $[20] !== t4 || $[21] !== weight ? (t5 = /* @__PURE__ */ jsxRuntime.jsxs(Root$q, { "data-ui": "Code", ...restProps, $size: t2, $weight: weight, ref, children: [
+  return $[16] !== ref || $[17] !== restProps || $[18] !== t2 || $[19] !== t3 || $[20] !== t4 || $[21] !== weight ? (t5 = /* @__PURE__ */ jsxRuntime.jsxs(Root$q, __spreadProps$D(__spreadValues$E({ "data-ui": "Code" }, restProps), { $size: t2, $weight: weight, ref, children: [
     t3,
     t4
-  ] }), $[16] = ref, $[17] = restProps, $[18] = t2, $[19] = t3, $[20] = t4, $[21] = weight, $[22] = t5) : t5 = $[22], t5;
+  ] })), $[16] = ref, $[17] = restProps, $[18] = t2, $[19] = t3, $[20] = t4, $[21] = weight, $[22] = t5) : t5 = $[22], t5;
 });
 Code.displayName = "ForwardRef(Code)";
 const BASE_STYLE$1 = {
@@ -2795,23 +3123,59 @@ function responsiveContainerWidthStyle(props) {
     maxWidth: val === "auto" ? "none" : rem(container[val])
   }));
 }
+var __defProp$E = Object.defineProperty, __defProps$C = Object.defineProperties, __getOwnPropDescs$C = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$D = Object.getOwnPropertySymbols, __hasOwnProp$D = Object.prototype.hasOwnProperty, __propIsEnum$D = Object.prototype.propertyIsEnumerable, __defNormalProp$E = (obj, key2, value) => key2 in obj ? __defProp$E(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$D = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$D.call(b, prop) && __defNormalProp$E(a, prop, b[prop]);
+  if (__getOwnPropSymbols$D)
+    for (var prop of __getOwnPropSymbols$D(b))
+      __propIsEnum$D.call(b, prop) && __defNormalProp$E(a, prop, b[prop]);
+  return a;
+}, __spreadProps$C = (a, b) => __defProps$C(a, __getOwnPropDescs$C(b)), __objRest$y = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$D.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$D)
+    for (var prop of __getOwnPropSymbols$D(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$D.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$p = styledComponents.styled(Box)(containerBaseStyle, responsiveContainerWidthStyle), Container = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(9);
   let as, restProps, t0;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     as,
-    width: t0,
-    ...restProps
-  } = props, $[0] = props, $[1] = as, $[2] = restProps, $[3] = t0) : (as = $[1], restProps = $[2], t0 = $[3]);
+    width: t0
+  } = _a, restProps = __objRest$y(_a, [
+    "as",
+    "width"
+  ]), $[0] = props, $[1] = as, $[2] = restProps, $[3] = t0) : (as = $[1], restProps = $[2], t0 = $[3]);
   const t1 = useArrayProp(t0 === void 0 ? 2 : t0);
   let t2;
-  return $[4] !== as || $[5] !== ref || $[6] !== restProps || $[7] !== t1 ? (t2 = /* @__PURE__ */ jsxRuntime.jsx(Root$p, { "data-ui": "Container", ...restProps, $width: t1, forwardedAs: as, ref }), $[4] = as, $[5] = ref, $[6] = restProps, $[7] = t1, $[8] = t2) : t2 = $[8], t2;
+  return $[4] !== as || $[5] !== ref || $[6] !== restProps || $[7] !== t1 ? (t2 = /* @__PURE__ */ jsxRuntime.jsx(Root$p, __spreadProps$C(__spreadValues$D({ "data-ui": "Container" }, restProps), { $width: t1, forwardedAs: as, ref })), $[4] = as, $[5] = ref, $[6] = restProps, $[7] = t1, $[8] = t2) : t2 = $[8], t2;
 });
 Container.displayName = "ForwardRef(Container)";
+var __defProp$D = Object.defineProperty, __defProps$B = Object.defineProperties, __getOwnPropDescs$B = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$C = Object.getOwnPropertySymbols, __hasOwnProp$C = Object.prototype.hasOwnProperty, __propIsEnum$C = Object.prototype.propertyIsEnumerable, __defNormalProp$D = (obj, key2, value) => key2 in obj ? __defProp$D(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$C = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$C.call(b, prop) && __defNormalProp$D(a, prop, b[prop]);
+  if (__getOwnPropSymbols$C)
+    for (var prop of __getOwnPropSymbols$C(b))
+      __propIsEnum$C.call(b, prop) && __defNormalProp$D(a, prop, b[prop]);
+  return a;
+}, __spreadProps$B = (a, b) => __defProps$B(a, __getOwnPropDescs$B(b)), __objRest$x = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$C.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$C)
+    for (var prop of __getOwnPropSymbols$C(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$C.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$o = styledComponents.styled(Box)(responsiveGridStyle), Grid = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(26);
   let as, autoCols, autoFlow, autoRows, children, columns, gap, gapX, gapY, restProps, rows;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     as,
     autoRows,
     autoCols,
@@ -2821,12 +3185,22 @@ const Root$o = styledComponents.styled(Box)(responsiveGridStyle), Grid = react.f
     gapX,
     gapY,
     rows,
-    children,
-    ...restProps
-  } = props, $[0] = props, $[1] = as, $[2] = autoCols, $[3] = autoFlow, $[4] = autoRows, $[5] = children, $[6] = columns, $[7] = gap, $[8] = gapX, $[9] = gapY, $[10] = restProps, $[11] = rows) : (as = $[1], autoCols = $[2], autoFlow = $[3], autoRows = $[4], children = $[5], columns = $[6], gap = $[7], gapX = $[8], gapY = $[9], restProps = $[10], rows = $[11]);
+    children
+  } = _a, restProps = __objRest$x(_a, [
+    "as",
+    "autoRows",
+    "autoCols",
+    "autoFlow",
+    "columns",
+    "gap",
+    "gapX",
+    "gapY",
+    "rows",
+    "children"
+  ]), $[0] = props, $[1] = as, $[2] = autoCols, $[3] = autoFlow, $[4] = autoRows, $[5] = children, $[6] = columns, $[7] = gap, $[8] = gapX, $[9] = gapY, $[10] = restProps, $[11] = rows) : (as = $[1], autoCols = $[2], autoFlow = $[3], autoRows = $[4], children = $[5], columns = $[6], gap = $[7], gapX = $[8], gapY = $[9], restProps = $[10], rows = $[11]);
   const t0 = typeof as == "string" ? as : void 0, t1 = useArrayProp(autoRows), t2 = useArrayProp(autoCols), t3 = useArrayProp(autoFlow), t4 = useArrayProp(columns), t5 = useArrayProp(gap), t6 = useArrayProp(gapX), t7 = useArrayProp(gapY), t8 = useArrayProp(rows);
   let t9;
-  return $[12] !== as || $[13] !== children || $[14] !== ref || $[15] !== restProps || $[16] !== t0 || $[17] !== t1 || $[18] !== t2 || $[19] !== t3 || $[20] !== t4 || $[21] !== t5 || $[22] !== t6 || $[23] !== t7 || $[24] !== t8 ? (t9 = /* @__PURE__ */ jsxRuntime.jsx(Root$o, { "data-as": t0, "data-ui": "Grid", ...restProps, $autoRows: t1, $autoCols: t2, $autoFlow: t3, $columns: t4, $gap: t5, $gapX: t6, $gapY: t7, $rows: t8, forwardedAs: as, ref, children }), $[12] = as, $[13] = children, $[14] = ref, $[15] = restProps, $[16] = t0, $[17] = t1, $[18] = t2, $[19] = t3, $[20] = t4, $[21] = t5, $[22] = t6, $[23] = t7, $[24] = t8, $[25] = t9) : t9 = $[25], t9;
+  return $[12] !== as || $[13] !== children || $[14] !== ref || $[15] !== restProps || $[16] !== t0 || $[17] !== t1 || $[18] !== t2 || $[19] !== t3 || $[20] !== t4 || $[21] !== t5 || $[22] !== t6 || $[23] !== t7 || $[24] !== t8 ? (t9 = /* @__PURE__ */ jsxRuntime.jsx(Root$o, __spreadProps$B(__spreadValues$C({ "data-as": t0, "data-ui": "Grid" }, restProps), { $autoRows: t1, $autoCols: t2, $autoFlow: t3, $columns: t4, $gap: t5, $gapX: t6, $gapY: t7, $rows: t8, forwardedAs: as, ref, children })), $[12] = as, $[13] = children, $[14] = ref, $[15] = restProps, $[16] = t0, $[17] = t1, $[18] = t2, $[19] = t3, $[20] = t4, $[21] = t5, $[22] = t6, $[23] = t7, $[24] = t8, $[25] = t9) : t9 = $[25], t9;
 });
 Grid.displayName = "ForwardRef(Grid)";
 function headingBaseStyle(props) {
@@ -2888,6 +3262,22 @@ function headingBaseStyle(props) {
     }
   `;
 }
+var __defProp$C = Object.defineProperty, __defProps$A = Object.defineProperties, __getOwnPropDescs$A = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$B = Object.getOwnPropertySymbols, __hasOwnProp$B = Object.prototype.hasOwnProperty, __propIsEnum$B = Object.prototype.propertyIsEnumerable, __defNormalProp$C = (obj, key2, value) => key2 in obj ? __defProp$C(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$B = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$B.call(b, prop) && __defNormalProp$C(a, prop, b[prop]);
+  if (__getOwnPropSymbols$B)
+    for (var prop of __getOwnPropSymbols$B(b))
+      __propIsEnum$B.call(b, prop) && __defNormalProp$C(a, prop, b[prop]);
+  return a;
+}, __spreadProps$A = (a, b) => __defProps$A(a, __getOwnPropDescs$A(b)), __objRest$w = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$B.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$B)
+    for (var prop of __getOwnPropSymbols$B(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$B.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$n = styledComponents.styled.div(headingBaseStyle, responsiveTextAlignStyle, responsiveHeadingFont), SpanWithTextOverflow = styledComponents.styled.span`
   display: block;
   white-space: nowrap;
@@ -2895,18 +3285,26 @@ const Root$n = styledComponents.styled.div(headingBaseStyle, responsiveTextAlign
   overflow: hidden;
   overflow: clip;
 `, Heading = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(22);
   let align, childrenProp, restProps, t0, t1, t2, textOverflow, weight;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     accent: t0,
     align,
     children: childrenProp,
     muted: t1,
     size: t2,
     textOverflow,
-    weight,
-    ...restProps
-  } = props, $[0] = props, $[1] = align, $[2] = childrenProp, $[3] = restProps, $[4] = t0, $[5] = t1, $[6] = t2, $[7] = textOverflow, $[8] = weight) : (align = $[1], childrenProp = $[2], restProps = $[3], t0 = $[4], t1 = $[5], t2 = $[6], textOverflow = $[7], weight = $[8]);
+    weight
+  } = _a, restProps = __objRest$w(_a, [
+    "accent",
+    "align",
+    "children",
+    "muted",
+    "size",
+    "textOverflow",
+    "weight"
+  ]), $[0] = props, $[1] = align, $[2] = childrenProp, $[3] = restProps, $[4] = t0, $[5] = t1, $[6] = t2, $[7] = textOverflow, $[8] = weight) : (align = $[1], childrenProp = $[2], restProps = $[3], t0 = $[4], t1 = $[5], t2 = $[6], textOverflow = $[7], weight = $[8]);
   const accent = t0 === void 0 ? !1 : t0, muted = t1 === void 0 ? !1 : t1, size2 = t2 === void 0 ? 2 : t2;
   let children = childrenProp;
   if (textOverflow === "ellipsis") {
@@ -2917,7 +3315,7 @@ const Root$n = styledComponents.styled.div(headingBaseStyle, responsiveTextAlign
   let t5;
   $[11] !== children ? (t5 = /* @__PURE__ */ jsxRuntime.jsx("span", { children }), $[11] = children, $[12] = t5) : t5 = $[12];
   let t6;
-  return $[13] !== accent || $[14] !== muted || $[15] !== ref || $[16] !== restProps || $[17] !== t3 || $[18] !== t4 || $[19] !== t5 || $[20] !== weight ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(Root$n, { "data-ui": "Heading", ...restProps, $accent: accent, $align: t3, $muted: muted, $size: t4, $weight: weight, ref, children: t5 }), $[13] = accent, $[14] = muted, $[15] = ref, $[16] = restProps, $[17] = t3, $[18] = t4, $[19] = t5, $[20] = weight, $[21] = t6) : t6 = $[21], t6;
+  return $[13] !== accent || $[14] !== muted || $[15] !== ref || $[16] !== restProps || $[17] !== t3 || $[18] !== t4 || $[19] !== t5 || $[20] !== weight ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(Root$n, __spreadProps$A(__spreadValues$B({ "data-ui": "Heading" }, restProps), { $accent: accent, $align: t3, $muted: muted, $size: t4, $weight: weight, ref, children: t5 })), $[13] = accent, $[14] = muted, $[15] = ref, $[16] = restProps, $[17] = t3, $[18] = t4, $[19] = t5, $[20] = weight, $[21] = t6) : t6 = $[21], t6;
 });
 Heading.displayName = "ForwardRef(Heading)";
 function inlineBaseStyle() {
@@ -2947,25 +3345,61 @@ function inlineSpaceStyle(props) {
     };
   });
 }
+var __defProp$B = Object.defineProperty, __defProps$z = Object.defineProperties, __getOwnPropDescs$z = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$A = Object.getOwnPropertySymbols, __hasOwnProp$A = Object.prototype.hasOwnProperty, __propIsEnum$A = Object.prototype.propertyIsEnumerable, __defNormalProp$B = (obj, key2, value) => key2 in obj ? __defProp$B(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$A = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$A.call(b, prop) && __defNormalProp$B(a, prop, b[prop]);
+  if (__getOwnPropSymbols$A)
+    for (var prop of __getOwnPropSymbols$A(b))
+      __propIsEnum$A.call(b, prop) && __defNormalProp$B(a, prop, b[prop]);
+  return a;
+}, __spreadProps$z = (a, b) => __defProps$z(a, __getOwnPropDescs$z(b)), __objRest$v = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$A.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$A)
+    for (var prop of __getOwnPropSymbols$A(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$A.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$m = styledComponents.styled(Box)(inlineBaseStyle, inlineSpaceStyle), Inline = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(12);
   let as, childrenProp, restProps, space;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     as,
     children: childrenProp,
-    space,
-    ...restProps
-  } = props, $[0] = props, $[1] = as, $[2] = childrenProp, $[3] = restProps, $[4] = space) : (as = $[1], childrenProp = $[2], restProps = $[3], space = $[4]);
+    space
+  } = _a, restProps = __objRest$v(_a, [
+    "as",
+    "children",
+    "space"
+  ]), $[0] = props, $[1] = as, $[2] = childrenProp, $[3] = restProps, $[4] = space) : (as = $[1], childrenProp = $[2], restProps = $[3], space = $[4]);
   let t0, t1;
   $[5] !== childrenProp ? (t1 = react.Children.map(childrenProp, _temp$6), $[5] = childrenProp, $[6] = t1) : t1 = $[6], t0 = t1;
   const children = t0, t2 = useArrayProp(space);
   let t3;
-  return $[7] !== as || $[8] !== children || $[9] !== restProps || $[10] !== t2 ? (t3 = /* @__PURE__ */ jsxRuntime.jsx(Root$m, { "data-ui": "Inline", ...restProps, $space: t2, forwardedAs: as, ref, children }), $[7] = as, $[8] = children, $[9] = restProps, $[10] = t2, $[11] = t3) : t3 = $[11], t3;
+  return $[7] !== as || $[8] !== children || $[9] !== restProps || $[10] !== t2 ? (t3 = /* @__PURE__ */ jsxRuntime.jsx(Root$m, __spreadProps$z(__spreadValues$A({ "data-ui": "Inline" }, restProps), { $space: t2, forwardedAs: as, ref, children })), $[7] = as, $[8] = children, $[9] = restProps, $[10] = t2, $[11] = t3) : t3 = $[11], t3;
 });
 Inline.displayName = "ForwardRef(Inline)";
 function _temp$6(child) {
   return child && /* @__PURE__ */ jsxRuntime.jsx("div", { children: child });
 }
+var __defProp$A = Object.defineProperty, __defProps$y = Object.defineProperties, __getOwnPropDescs$y = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$z = Object.getOwnPropertySymbols, __hasOwnProp$z = Object.prototype.hasOwnProperty, __propIsEnum$z = Object.prototype.propertyIsEnumerable, __defNormalProp$A = (obj, key2, value) => key2 in obj ? __defProp$A(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$z = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$z.call(b, prop) && __defNormalProp$A(a, prop, b[prop]);
+  if (__getOwnPropSymbols$z)
+    for (var prop of __getOwnPropSymbols$z(b))
+      __propIsEnum$z.call(b, prop) && __defNormalProp$A(a, prop, b[prop]);
+  return a;
+}, __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b)), __objRest$u = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$z.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$z)
+    for (var prop of __getOwnPropSymbols$z(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$z.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 function kbdStyle() {
   return styledComponents.css`
     --card-bg-color: var(--card-kbd-bg-color);
@@ -2984,22 +3418,27 @@ function kbdStyle() {
   `;
 }
 const Root$l = styledComponents.styled.kbd(responsiveRadiusStyle, kbdStyle), KBD = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(17);
   let children, restProps, t0, t1, t2;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     children,
     fontSize: t0,
     padding: t1,
-    radius: t2,
-    ...restProps
-  } = props, $[0] = props, $[1] = children, $[2] = restProps, $[3] = t0, $[4] = t1, $[5] = t2) : (children = $[1], restProps = $[2], t0 = $[3], t1 = $[4], t2 = $[5]);
+    radius: t2
+  } = _a, restProps = __objRest$u(_a, [
+    "children",
+    "fontSize",
+    "padding",
+    "radius"
+  ]), $[0] = props, $[1] = children, $[2] = restProps, $[3] = t0, $[4] = t1, $[5] = t2) : (children = $[1], restProps = $[2], t0 = $[3], t1 = $[4], t2 = $[5]);
   const fontSize2 = t0 === void 0 ? 0 : t0, padding = t1 === void 0 ? 1 : t1, t3 = useArrayProp(t2 === void 0 ? 2 : t2);
   let t4;
   $[6] !== children || $[7] !== fontSize2 ? (t4 = /* @__PURE__ */ jsxRuntime.jsx(Text, { as: "span", size: fontSize2, weight: "semibold", children }), $[6] = children, $[7] = fontSize2, $[8] = t4) : t4 = $[8];
   let t5;
   $[9] !== padding || $[10] !== t4 ? (t5 = /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "span", padding, children: t4 }), $[9] = padding, $[10] = t4, $[11] = t5) : t5 = $[11];
   let t6;
-  return $[12] !== ref || $[13] !== restProps || $[14] !== t3 || $[15] !== t5 ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(Root$l, { "data-ui": "KBD", ...restProps, $radius: t3, ref, children: t5 }), $[12] = ref, $[13] = restProps, $[14] = t3, $[15] = t5, $[16] = t6) : t6 = $[16], t6;
+  return $[12] !== ref || $[13] !== restProps || $[14] !== t3 || $[15] !== t5 ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(Root$l, __spreadProps$y(__spreadValues$z({ "data-ui": "KBD" }, restProps), { $radius: t3, ref, children: t5 })), $[12] = ref, $[13] = restProps, $[14] = t3, $[15] = t5, $[16] = t6) : t6 = $[16], t6;
 });
 KBD.displayName = "ForwardRef(KBD)";
 const origin = {
@@ -3009,7 +3448,8 @@ const origin = {
     placement,
     rects
   }) {
-    const [side] = placement.split("-"), floatingWidth = rects.floating.width, floatingHeight = rects.floating.height, shiftX = middlewareData.shift?.x || 0, shiftY = middlewareData.shift?.y || 0;
+    var _a, _b;
+    const [side] = placement.split("-"), floatingWidth = rects.floating.width, floatingHeight = rects.floating.height, shiftX = ((_a = middlewareData.shift) == null ? void 0 : _a.x) || 0, shiftY = ((_b = middlewareData.shift) == null ? void 0 : _b.y) || 0;
     if (floatingWidth <= 0 || floatingHeight <= 0)
       return {};
     const isVerticalPlacement = ["bottom", "top"].includes(side), {
@@ -3033,6 +3473,14 @@ const origin = {
 function clamp(num, min, max) {
   return Math.min(Math.max(num, min), max);
 }
+var __defProp$z = Object.defineProperty, __getOwnPropSymbols$y = Object.getOwnPropertySymbols, __hasOwnProp$y = Object.prototype.hasOwnProperty, __propIsEnum$y = Object.prototype.propertyIsEnumerable, __defNormalProp$z = (obj, key2, value) => key2 in obj ? __defProp$z(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$y = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$y.call(b, prop) && __defNormalProp$z(a, prop, b[prop]);
+  if (__getOwnPropSymbols$y)
+    for (var prop of __getOwnPropSymbols$y(b))
+      __propIsEnum$y.call(b, prop) && __defNormalProp$z(a, prop, b[prop]);
+  return a;
+};
 function moveTowardsLength(movingPoint, targetPoint, amount) {
   const width = targetPoint.x - movingPoint.x, height = targetPoint.y - movingPoint.y, distance = Math.sqrt(width * width + height * height);
   return moveTowardsFractional(movingPoint, targetPoint, Math.min(1, amount / distance));
@@ -3049,26 +3497,40 @@ function getRoundedCommands(points) {
     const point = points[i], prevPoint = points[i - 1], nextPoint = points[i + 1];
     if (prevPoint && point.radius) {
       const curveStart = moveTowardsLength(point, prevPoint, point.radius), curveEnd = moveTowardsLength(point, nextPoint, point.radius), startControl = moveTowardsFractional(curveStart, point, 0.5), endControl = moveTowardsFractional(point, curveEnd, 0.5);
-      cmds.push({
-        type: "point",
-        ...curveStart
-      }), cmds.push({
+      cmds.push(__spreadValues$y({
+        type: "point"
+      }, curveStart)), cmds.push({
         type: "curve",
         curveEnd,
         startControl,
         endControl
       });
     } else
-      cmds.push({
-        type: "point",
-        ...point
-      });
+      cmds.push(__spreadValues$y({
+        type: "point"
+      }, point));
   }
   return cmds;
 }
 function compileCommands(cmds) {
   return cmds.map((n, idx) => n.type === "point" ? `${idx === 0 ? "M" : "L"} ${n.x} ${n.y}` : n.type === "curve" ? `C ${n.startControl.x} ${n.startControl.y} ${n.endControl.x} ${n.endControl.y} ${n.curveEnd.x} ${n.curveEnd.y}` : "").join(" ");
 }
+var __defProp$y = Object.defineProperty, __defProps$x = Object.defineProperties, __getOwnPropDescs$x = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$x = Object.getOwnPropertySymbols, __hasOwnProp$x = Object.prototype.hasOwnProperty, __propIsEnum$x = Object.prototype.propertyIsEnumerable, __defNormalProp$y = (obj, key2, value) => key2 in obj ? __defProp$y(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$x = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$x.call(b, prop) && __defNormalProp$y(a, prop, b[prop]);
+  if (__getOwnPropSymbols$x)
+    for (var prop of __getOwnPropSymbols$x(b))
+      __propIsEnum$x.call(b, prop) && __defNormalProp$y(a, prop, b[prop]);
+  return a;
+}, __spreadProps$x = (a, b) => __defProps$x(a, __getOwnPropDescs$x(b)), __objRest$t = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$x.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$x)
+    for (var prop of __getOwnPropSymbols$x(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$x.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$k = styledComponents.styled.div(({
   $w: w
 }) => styledComponents.css`
@@ -3122,14 +3584,18 @@ const Root$k = styledComponents.styled.div(({
 `, ShapePath = styledComponents.styled.path`
   fill: var(--card-bg-color);
 `, Arrow = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(24);
   let h, restProps, t0, w;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     width: w,
     height: h,
-    radius: t0,
-    ...restProps
-  } = props, $[0] = props, $[1] = h, $[2] = restProps, $[3] = t0, $[4] = w) : (h = $[1], restProps = $[2], t0 = $[3], w = $[4]);
+    radius: t0
+  } = _a, restProps = __objRest$t(_a, [
+    "width",
+    "height",
+    "radius"
+  ]), $[0] = props, $[1] = h, $[2] = restProps, $[3] = t0, $[4] = w) : (h = $[1], restProps = $[2], t0 = $[3], w = $[4]);
   const radius = t0 === void 0 ? 0 : t0, {
     card
   } = useTheme_v2(), strokeWidth = card.shadow.outline, center = w / 2, points = [{
@@ -3165,7 +3631,7 @@ const Root$k = styledComponents.styled.div(({
     t5
   ] }), $[13] = t1, $[14] = t2, $[15] = t4, $[16] = t5, $[17] = w, $[18] = t6) : t6 = $[18];
   let t7;
-  return $[19] !== ref || $[20] !== restProps || $[21] !== t6 || $[22] !== w ? (t7 = /* @__PURE__ */ jsxRuntime.jsx(Root$k, { ...restProps, $w: w, ref, children: t6 }), $[19] = ref, $[20] = restProps, $[21] = t6, $[22] = w, $[23] = t7) : t7 = $[23], t7;
+  return $[19] !== ref || $[20] !== restProps || $[21] !== t6 || $[22] !== w ? (t7 = /* @__PURE__ */ jsxRuntime.jsx(Root$k, __spreadProps$x(__spreadValues$x({}, restProps), { $w: w, ref, children: t6 })), $[19] = ref, $[20] = restProps, $[21] = t6, $[22] = w, $[23] = t7) : t7 = $[23], t7;
 });
 Arrow.displayName = "ForwardRef(Arrow)";
 const BoundaryElementContext = createGlobalScopedContext("@sanity/ui/context/boundaryElement", null);
@@ -3217,17 +3683,36 @@ function findMinBreakpoints(media, width) {
     media[i] <= width && ret.push(i);
   return ret;
 }
+var __defProp$x = Object.defineProperty, __defProps$w = Object.defineProperties, __getOwnPropDescs$w = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$w = Object.getOwnPropertySymbols, __hasOwnProp$w = Object.prototype.hasOwnProperty, __propIsEnum$w = Object.prototype.propertyIsEnumerable, __defNormalProp$x = (obj, key2, value) => key2 in obj ? __defProp$x(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$w = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$w.call(b, prop) && __defNormalProp$x(a, prop, b[prop]);
+  if (__getOwnPropSymbols$w)
+    for (var prop of __getOwnPropSymbols$w(b))
+      __propIsEnum$w.call(b, prop) && __defNormalProp$x(a, prop, b[prop]);
+  return a;
+}, __spreadProps$w = (a, b) => __defProps$w(a, __getOwnPropDescs$w(b)), __objRest$s = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$w.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$w)
+    for (var prop of __getOwnPropSymbols$w(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$w.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const ElementQuery = react.forwardRef(function(props, forwardedRef) {
+  var _a, _b;
   const $ = reactCompilerRuntime.c(18), theme2 = useTheme_v2();
   let _media, children, restProps;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     children,
-    media: _media,
-    ...restProps
-  } = props, $[0] = props, $[1] = _media, $[2] = children, $[3] = restProps) : (_media = $[1], children = $[2], restProps = $[3]);
-  const media = _media ?? theme2.media, [element, setElement] = react.useState(null), elementSize = useElementSize(element);
+    media: _media
+  } = _a, restProps = __objRest$s(_a, [
+    "children",
+    "media"
+  ]), $[0] = props, $[1] = _media, $[2] = children, $[3] = restProps) : (_media = $[1], children = $[2], restProps = $[3]);
+  const media = _media != null ? _media : theme2.media, [element, setElement] = react.useState(null), elementSize = useElementSize(element);
   let t0;
-  t0 = elementSize?.border.width ?? window.innerWidth;
+  t0 = (_b = elementSize == null ? void 0 : elementSize.border.width) != null ? _b : window.innerWidth;
   const width = t0;
   let t1, t2;
   if ($[4] !== media || $[5] !== width) {
@@ -3248,13 +3733,16 @@ const ElementQuery = react.forwardRef(function(props, forwardedRef) {
   let t5, t6;
   $[10] !== element ? (t5 = () => element, t6 = [element], $[10] = element, $[11] = t5, $[12] = t6) : (t5 = $[11], t6 = $[12]), react.useImperativeHandle(forwardedRef, t5, t6);
   let t7;
-  return $[13] !== children || $[14] !== max || $[15] !== min || $[16] !== restProps ? (t7 = /* @__PURE__ */ jsxRuntime.jsx("div", { "data-ui": "ElementQuery", ...restProps, "data-eq-max": max, "data-eq-min": min, ref: setElement, children }), $[13] = children, $[14] = max, $[15] = min, $[16] = restProps, $[17] = t7) : t7 = $[17], t7;
+  return $[13] !== children || $[14] !== max || $[15] !== min || $[16] !== restProps ? (t7 = /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps$w(__spreadValues$w({ "data-ui": "ElementQuery" }, restProps), { "data-eq-max": max, "data-eq-min": min, ref: setElement, children })), $[13] = children, $[14] = max, $[15] = min, $[16] = restProps, $[17] = t7) : t7 = $[17], t7;
 });
 ElementQuery.displayName = "ForwardRef(ElementQuery)";
+var __defProp$w = Object.defineProperty, __defNormalProp$w = (obj, key2, value) => key2 in obj ? __defProp$w(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __publicField = (obj, key2, value) => __defNormalProp$w(obj, key2 + "", value);
 class ErrorBoundary extends react.Component {
-  state = {
-    error: null
-  };
+  constructor() {
+    super(...arguments), __publicField(this, "state", {
+      error: null
+    });
+  }
   static getDerivedStateFromError(error) {
     return {
       error
@@ -3271,7 +3759,7 @@ class ErrorBoundary extends react.Component {
       error
     } = this.state;
     if (error) {
-      const message = typeof error?.message == "string" ? error.message : "Error";
+      const message = typeof (error == null ? void 0 : error.message) == "string" ? error.message : "Error";
       return /* @__PURE__ */ jsxRuntime.jsx(Code, { children: message });
     }
     return this.props.children;
@@ -3349,7 +3837,7 @@ function attemptFocus(element) {
     return !1;
   try {
     element.focus();
-  } catch {
+  } catch (_) {
   }
   return document.activeElement === element;
 }
@@ -3374,38 +3862,45 @@ function _isScrollable(el) {
   const style = window.getComputedStyle(el);
   return style.overflowX.includes("auto") || style.overflowX.includes("scroll") || style.overflowY.includes("auto") || style.overflowY.includes("scroll");
 }
+var __defProp$v = Object.defineProperty, __defProps$v = Object.defineProperties, __getOwnPropDescs$v = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$v = Object.getOwnPropertySymbols, __hasOwnProp$v = Object.prototype.hasOwnProperty, __propIsEnum$v = Object.prototype.propertyIsEnumerable, __defNormalProp$v = (obj, key2, value) => key2 in obj ? __defProp$v(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$v = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$v.call(b, prop) && __defNormalProp$v(a, prop, b[prop]);
+  if (__getOwnPropSymbols$v)
+    for (var prop of __getOwnPropSymbols$v(b))
+      __propIsEnum$v.call(b, prop) && __defNormalProp$v(a, prop, b[prop]);
+  return a;
+}, __spreadProps$v = (a, b) => __defProps$v(a, __getOwnPropDescs$v(b));
 function LayerProvider(props) {
+  var _a;
   const $ = reactCompilerRuntime.c(19), {
     children,
     zOffset: t0
   } = props, zOffsetProp = t0 === void 0 ? 0 : t0, parentContextValue = react.useContext(LayerContext);
   let t1;
   $[0] !== parentContextValue ? (t1 = parentContextValue && getLayerContext(parentContextValue), $[0] = parentContextValue, $[1] = t1) : t1 = $[1];
-  const parent = t1, parentRegisterChild = parent?.registerChild, level = (parent?.level ?? 0) + 1, zOffset = useArrayProp(zOffsetProp), maxMediaIndex = zOffset.length - 1, mediaIndex = Math.min(useMediaIndex(), maxMediaIndex), zIndex = parent ? parent.zIndex + zOffset[mediaIndex] : zOffset[mediaIndex];
+  const parent = t1, parentRegisterChild = parent == null ? void 0 : parent.registerChild, level = ((_a = parent == null ? void 0 : parent.level) != null ? _a : 0) + 1, zOffset = useArrayProp(zOffsetProp), maxMediaIndex = zOffset.length - 1, mediaIndex = Math.min(useMediaIndex(), maxMediaIndex), zIndex = parent ? parent.zIndex + zOffset[mediaIndex] : zOffset[mediaIndex];
   let t2;
   $[2] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {}, $[2] = t2) : t2 = $[2];
   const [, setChildLayers] = react.useState(t2), [size2, setSize] = react.useState(0), isTopLayer = size2 === 0;
   let t3;
   $[3] !== parentRegisterChild || $[4] !== setChildLayers ? (t3 = (childLevel) => {
-    const parentDispose = parentRegisterChild?.(childLevel);
+    const parentDispose = parentRegisterChild == null ? void 0 : parentRegisterChild(childLevel);
     return childLevel !== void 0 ? setChildLayers((state) => {
-      const prevLen = state[childLevel] ?? 0, nextState = {
-        ...state,
+      var _a2;
+      const prevLen = (_a2 = state[childLevel]) != null ? _a2 : 0, nextState = __spreadProps$v(__spreadValues$v({}, state), {
         [childLevel]: prevLen + 1
-      };
+      });
       return setSize(Object.keys(nextState).length), nextState;
     }) : setSize(_temp$5), () => {
       childLevel !== void 0 ? setChildLayers((state_0) => {
-        const nextState_0 = {
-          ...state_0
-        };
+        const nextState_0 = __spreadValues$v({}, state_0);
         return nextState_0[childLevel] === 1 ? (delete nextState_0[childLevel], setSize(Object.keys(nextState_0).length)) : nextState_0[childLevel] = nextState_0[childLevel] - 1, nextState_0;
-      }) : setSize(_temp2$3), parentDispose?.();
+      }) : setSize(_temp2$3), parentDispose == null || parentDispose();
     };
   }, $[3] = parentRegisterChild, $[4] = setChildLayers, $[5] = t3) : t3 = $[5];
   const registerChild = t3;
   let t4, t5;
-  $[6] !== level || $[7] !== parentRegisterChild ? (t4 = () => parentRegisterChild?.(level), t5 = [level, parentRegisterChild], $[6] = level, $[7] = parentRegisterChild, $[8] = t4, $[9] = t5) : (t4 = $[8], t5 = $[9]), react.useEffect(t4, t5);
+  $[6] !== level || $[7] !== parentRegisterChild ? (t4 = () => parentRegisterChild == null ? void 0 : parentRegisterChild(level), t5 = [level, parentRegisterChild], $[6] = level, $[7] = parentRegisterChild, $[8] = t4, $[9] = t5) : (t4 = $[8], t5 = $[9]), react.useEffect(t4, t5);
   let t6, t7;
   $[10] !== isTopLayer || $[11] !== level || $[12] !== registerChild || $[13] !== size2 || $[14] !== zIndex ? (t7 = {
     version: 0,
@@ -3426,18 +3921,39 @@ function _temp$5(v) {
   return v + 1;
 }
 LayerProvider.displayName = "LayerProvider";
+var __defProp$u = Object.defineProperty, __defProps$u = Object.defineProperties, __getOwnPropDescs$u = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$u = Object.getOwnPropertySymbols, __hasOwnProp$u = Object.prototype.hasOwnProperty, __propIsEnum$u = Object.prototype.propertyIsEnumerable, __defNormalProp$u = (obj, key2, value) => key2 in obj ? __defProp$u(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$u = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$u.call(b, prop) && __defNormalProp$u(a, prop, b[prop]);
+  if (__getOwnPropSymbols$u)
+    for (var prop of __getOwnPropSymbols$u(b))
+      __propIsEnum$u.call(b, prop) && __defNormalProp$u(a, prop, b[prop]);
+  return a;
+}, __spreadProps$u = (a, b) => __defProps$u(a, __getOwnPropDescs$u(b)), __objRest$r = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$u.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$u)
+    for (var prop of __getOwnPropSymbols$u(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$u.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$j = styledComponents.styled.div({
   position: "relative"
 }), LayerChildren = react.forwardRef(function(props, forwardedRef) {
+  var _a;
   const $ = reactCompilerRuntime.c(22);
   let children, onActivate, onFocus, restProps, t0;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     children,
     onActivate,
     onFocus,
-    style: t0,
-    ...restProps
-  } = props, $[0] = props, $[1] = children, $[2] = onActivate, $[3] = onFocus, $[4] = restProps, $[5] = t0) : (children = $[1], onActivate = $[2], onFocus = $[3], restProps = $[4], t0 = $[5]);
+    style: t0
+  } = _a, restProps = __objRest$r(_a, [
+    "children",
+    "onActivate",
+    "onFocus",
+    "style"
+  ]), $[0] = props, $[1] = children, $[2] = onActivate, $[3] = onFocus, $[4] = restProps, $[5] = t0) : (children = $[1], onActivate = $[2], onFocus = $[3], restProps = $[4], t0 = $[5]);
   const style = t0 === void 0 ? EMPTY_RECORD : t0, {
     zIndex,
     isTopLayer
@@ -3446,35 +3962,37 @@ const Root$j = styledComponents.styled.div({
   $[6] === Symbol.for("react.memo_cache_sentinel") ? (t1 = () => ref.current, $[6] = t1) : t1 = $[6], react.useImperativeHandle(forwardedRef, t1);
   let t2, t3;
   $[7] !== isTopLayer || $[8] !== onActivate ? (t2 = () => {
-    isTopLayerRef.current !== isTopLayer && isTopLayer && onActivate?.({
+    isTopLayerRef.current !== isTopLayer && isTopLayer && (onActivate == null || onActivate({
       activeElement: lastFocusedRef.current
-    }), isTopLayerRef.current = isTopLayer;
+    })), isTopLayerRef.current = isTopLayer;
   }, t3 = [isTopLayer, onActivate], $[7] = isTopLayer, $[8] = onActivate, $[9] = t2, $[10] = t3) : (t2 = $[9], t3 = $[10]), react.useEffect(t2, t3);
   let t4;
   $[11] !== isTopLayer || $[12] !== onFocus ? (t4 = (event) => {
-    onFocus?.(event);
+    onFocus == null || onFocus(event);
     const rootElement = ref.current, target = document.activeElement;
     !isTopLayer || !rootElement || !target || isHTMLElement(target) && containsOrEqualsElement(rootElement, target) && (lastFocusedRef.current = target);
   }, $[11] = isTopLayer, $[12] = onFocus, $[13] = t4) : t4 = $[13];
   const handleFocus = t4;
   let t5;
-  $[14] !== style || $[15] !== zIndex ? (t5 = {
-    ...style,
+  $[14] !== style || $[15] !== zIndex ? (t5 = __spreadProps$u(__spreadValues$u({}, style), {
     zIndex
-  }, $[14] = style, $[15] = zIndex, $[16] = t5) : t5 = $[16];
+  }), $[14] = style, $[15] = zIndex, $[16] = t5) : t5 = $[16];
   let t6;
-  return $[17] !== children || $[18] !== handleFocus || $[19] !== restProps || $[20] !== t5 ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(Root$j, { ...restProps, "data-ui": "Layer", onFocus: handleFocus, ref, style: t5, children }), $[17] = children, $[18] = handleFocus, $[19] = restProps, $[20] = t5, $[21] = t6) : t6 = $[21], t6;
+  return $[17] !== children || $[18] !== handleFocus || $[19] !== restProps || $[20] !== t5 ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(Root$j, __spreadProps$u(__spreadValues$u({}, restProps), { "data-ui": "Layer", onFocus: handleFocus, ref, style: t5, children })), $[17] = children, $[18] = handleFocus, $[19] = restProps, $[20] = t5, $[21] = t6) : t6 = $[21], t6;
 }), Layer = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(11);
   let children, restProps, t0;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     children,
-    zOffset: t0,
-    ...restProps
-  } = props, $[0] = props, $[1] = children, $[2] = restProps, $[3] = t0) : (children = $[1], restProps = $[2], t0 = $[3]);
+    zOffset: t0
+  } = _a, restProps = __objRest$r(_a, [
+    "children",
+    "zOffset"
+  ]), $[0] = props, $[1] = children, $[2] = restProps, $[3] = t0) : (children = $[1], restProps = $[2], t0 = $[3]);
   const zOffset = t0 === void 0 ? 1 : t0;
   let t1;
-  $[4] !== children || $[5] !== ref || $[6] !== restProps ? (t1 = /* @__PURE__ */ jsxRuntime.jsx(LayerChildren, { ...restProps, ref, children }), $[4] = children, $[5] = ref, $[6] = restProps, $[7] = t1) : t1 = $[7];
+  $[4] !== children || $[5] !== ref || $[6] !== restProps ? (t1 = /* @__PURE__ */ jsxRuntime.jsx(LayerChildren, __spreadProps$u(__spreadValues$u({}, restProps), { ref, children })), $[4] = children, $[5] = ref, $[6] = restProps, $[7] = t1) : t1 = $[7];
   let t2;
   return $[8] !== t1 || $[9] !== zOffset ? (t2 = /* @__PURE__ */ jsxRuntime.jsx(LayerProvider, { zOffset, children: t1 }), $[8] = t1, $[9] = zOffset, $[10] = t2) : t2 = $[10], t2;
 });
@@ -3497,10 +4015,11 @@ function usePortal() {
   return value;
 }
 function Portal(props) {
+  var _a;
   const $ = reactCompilerRuntime.c(3), {
     children,
     __unstable_name: name
-  } = props, portal = usePortal(), portalElement = (name ? portal.elements && portal.elements[name] : portal.element) || portal.elements?.default;
+  } = props, portal = usePortal(), portalElement = (name ? portal.elements && portal.elements[name] : portal.element) || ((_a = portal.elements) == null ? void 0 : _a.default);
   if (!portalElement)
     return null;
   let t0;
@@ -3562,6 +4081,22 @@ const Root$i = styledComponents.styled.div`
   return $[0] !== as || $[1] !== children || $[2] !== ref ? (t0 = /* @__PURE__ */ jsxRuntime.jsx(Root$i, { "aria-hidden": !0, as, "data-ui": "SrOnly", ref, children }), $[0] = as, $[1] = children, $[2] = ref, $[3] = t0) : t0 = $[3], t0;
 });
 SrOnly.displayName = "ForwardRef(SrOnly)";
+var __defProp$t = Object.defineProperty, __defProps$t = Object.defineProperties, __getOwnPropDescs$t = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$t = Object.getOwnPropertySymbols, __hasOwnProp$t = Object.prototype.hasOwnProperty, __propIsEnum$t = Object.prototype.propertyIsEnumerable, __defNormalProp$t = (obj, key2, value) => key2 in obj ? __defProp$t(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$t = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$t.call(b, prop) && __defNormalProp$t(a, prop, b[prop]);
+  if (__getOwnPropSymbols$t)
+    for (var prop of __getOwnPropSymbols$t(b))
+      __propIsEnum$t.call(b, prop) && __defNormalProp$t(a, prop, b[prop]);
+  return a;
+}, __spreadProps$t = (a, b) => __defProps$t(a, __getOwnPropDescs$t(b)), __objRest$q = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$t.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$t)
+    for (var prop of __getOwnPropSymbols$t(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$t.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$h = styledComponents.styled.div`
   position: relative;
 `, ItemWrapper = styledComponents.styled.div`
@@ -3569,17 +4104,24 @@ const Root$h = styledComponents.styled.div`
   left: 0;
   right: 0;
 `, VirtualList = react.forwardRef(function(props, forwardedRef) {
+  var _a;
   const $ = reactCompilerRuntime.c(56);
   let getItemKey, onChange, renderItem, restProps, t0, t1, t2;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     as: t0,
     gap: t1,
     getItemKey,
     items: t2,
     onChange,
-    renderItem,
-    ...restProps
-  } = props, $[0] = props, $[1] = getItemKey, $[2] = onChange, $[3] = renderItem, $[4] = restProps, $[5] = t0, $[6] = t1, $[7] = t2) : (getItemKey = $[1], onChange = $[2], renderItem = $[3], restProps = $[4], t0 = $[5], t1 = $[6], t2 = $[7]);
+    renderItem
+  } = _a, restProps = __objRest$q(_a, [
+    "as",
+    "gap",
+    "getItemKey",
+    "items",
+    "onChange",
+    "renderItem"
+  ]), $[0] = props, $[1] = getItemKey, $[2] = onChange, $[3] = renderItem, $[4] = restProps, $[5] = t0, $[6] = t1, $[7] = t2) : (getItemKey = $[1], onChange = $[2], renderItem = $[3], restProps = $[4], t0 = $[5], t1 = $[6], t2 = $[7]);
   const as = t0 === void 0 ? "div" : t0, gap = t1 === void 0 ? 0 : t1;
   let t3;
   $[8] !== t2 ? (t3 = t2 === void 0 ? [] : t2, $[8] = t2, $[9] = t3) : t3 = $[9];
@@ -3680,7 +4222,7 @@ const Root$h = styledComponents.styled.div`
   let t14;
   $[49] !== children || $[50] !== wrapperStyle ? (t14 = /* @__PURE__ */ jsxRuntime.jsx("div", { ref: wrapperRef, style: wrapperStyle, children }), $[49] = children, $[50] = wrapperStyle, $[51] = t14) : t14 = $[51];
   let t15;
-  return $[52] !== as || $[53] !== restProps || $[54] !== t14 ? (t15 = /* @__PURE__ */ jsxRuntime.jsx(Root$h, { as, "data-ui": "VirtualList", ...restProps, ref, children: t14 }), $[52] = as, $[53] = restProps, $[54] = t14, $[55] = t15) : t15 = $[55], t15;
+  return $[52] !== as || $[53] !== restProps || $[54] !== t14 ? (t15 = /* @__PURE__ */ jsxRuntime.jsx(Root$h, __spreadProps$t(__spreadValues$t({ as, "data-ui": "VirtualList" }, restProps), { ref, children: t14 })), $[52] = as, $[53] = restProps, $[54] = t14, $[55] = t15) : t15 = $[55], t15;
 });
 VirtualList.displayName = "ForwardRef(VirtualList)";
 const DEFAULT_POPOVER_DISTANCE = 4, DEFAULT_POPOVER_PADDING = 4, DEFAULT_POPOVER_ARROW_WIDTH = 19, DEFAULT_POPOVER_ARROW_HEIGHT = 8, DEFAULT_POPOVER_ARROW_RADIUS = 2, DEFAULT_POPOVER_MARGINS = [0, 0, 0, 0], DEFAULT_FALLBACK_PLACEMENTS$1 = {
@@ -3752,8 +4294,24 @@ function calcMaxWidth(params) {
     currentWidth
   } = params;
   if (!(currentWidth === void 0 && boundaryWidth === void 0))
-    return Math.min(currentWidth ?? 1 / 0, (boundaryWidth || 1 / 0) - DEFAULT_POPOVER_PADDING * 2);
-}
+    return Math.min(currentWidth != null ? currentWidth : 1 / 0, (boundaryWidth || 1 / 0) - DEFAULT_POPOVER_PADDING * 2);
+}
+var __defProp$s = Object.defineProperty, __defProps$s = Object.defineProperties, __getOwnPropDescs$s = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$s = Object.getOwnPropertySymbols, __hasOwnProp$s = Object.prototype.hasOwnProperty, __propIsEnum$s = Object.prototype.propertyIsEnumerable, __defNormalProp$s = (obj, key2, value) => key2 in obj ? __defProp$s(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$s = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$s.call(b, prop) && __defNormalProp$s(a, prop, b[prop]);
+  if (__getOwnPropSymbols$s)
+    for (var prop of __getOwnPropSymbols$s(b))
+      __propIsEnum$s.call(b, prop) && __defNormalProp$s(a, prop, b[prop]);
+  return a;
+}, __spreadProps$s = (a, b) => __defProps$s(a, __getOwnPropDescs$s(b)), __objRest$p = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$s.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$s)
+    for (var prop of __getOwnPropSymbols$s(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$s.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const MotionCard$1 = styledComponents.styled(framerMotion.motion.create(Card))`
   &:not([hidden]) {
     display: flex;
@@ -3766,9 +4324,10 @@ const MotionCard$1 = styledComponents.styled(framerMotion.motion.create(Card))`
     will-change: opacity;
   }
 `, PopoverCard = react.memo(react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(60);
   let animate, arrow, arrowRef, arrowX, arrowY, children, marginsProp, originX, originY, overflow, padding, placement, radius, restProps, scheme, shadow, strategy, style, tone, width, xProp, yProp;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     __unstable_margins: marginsProp,
     animate,
     arrow,
@@ -3789,19 +4348,40 @@ const MotionCard$1 = styledComponents.styled(framerMotion.motion.create(Card))`
     tone,
     width,
     x: xProp,
-    y: yProp,
-    ...restProps
-  } = props, $[0] = props, $[1] = animate, $[2] = arrow, $[3] = arrowRef, $[4] = arrowX, $[5] = arrowY, $[6] = children, $[7] = marginsProp, $[8] = originX, $[9] = originY, $[10] = overflow, $[11] = padding, $[12] = placement, $[13] = radius, $[14] = restProps, $[15] = scheme, $[16] = shadow, $[17] = strategy, $[18] = style, $[19] = tone, $[20] = width, $[21] = xProp, $[22] = yProp) : (animate = $[1], arrow = $[2], arrowRef = $[3], arrowX = $[4], arrowY = $[5], children = $[6], marginsProp = $[7], originX = $[8], originY = $[9], overflow = $[10], padding = $[11], placement = $[12], radius = $[13], restProps = $[14], scheme = $[15], shadow = $[16], strategy = $[17], style = $[18], tone = $[19], width = $[20], xProp = $[21], yProp = $[22]);
+    y: yProp
+  } = _a, restProps = __objRest$p(_a, [
+    "__unstable_margins",
+    "animate",
+    "arrow",
+    "arrowRef",
+    "arrowX",
+    "arrowY",
+    "children",
+    "padding",
+    "placement",
+    "originX",
+    "originY",
+    "overflow",
+    "radius",
+    "scheme",
+    "shadow",
+    "strategy",
+    "style",
+    "tone",
+    "width",
+    "x",
+    "y"
+  ]), $[0] = props, $[1] = animate, $[2] = arrow, $[3] = arrowRef, $[4] = arrowX, $[5] = arrowY, $[6] = children, $[7] = marginsProp, $[8] = originX, $[9] = originY, $[10] = overflow, $[11] = padding, $[12] = placement, $[13] = radius, $[14] = restProps, $[15] = scheme, $[16] = shadow, $[17] = strategy, $[18] = style, $[19] = tone, $[20] = width, $[21] = xProp, $[22] = yProp) : (animate = $[1], arrow = $[2], arrowRef = $[3], arrowX = $[4], arrowY = $[5], children = $[6], marginsProp = $[7], originX = $[8], originY = $[9], overflow = $[10], padding = $[11], placement = $[12], radius = $[13], restProps = $[14], scheme = $[15], shadow = $[16], strategy = $[17], style = $[18], tone = $[19], width = $[20], xProp = $[21], yProp = $[22]);
   const {
     zIndex
   } = useLayer();
   let t0;
   t0 = marginsProp || DEFAULT_POPOVER_MARGINS;
-  const margins = t0, x = (xProp ?? 0) + margins[3], y = (yProp ?? 0) + margins[0];
+  const margins = t0, x = (xProp != null ? xProp : 0) + margins[3], y = (yProp != null ? yProp : 0) + margins[0];
   let t1;
   const t2 = animate ? "transform" : void 0;
   let t3;
-  $[23] !== originX || $[24] !== originY || $[25] !== strategy || $[26] !== style || $[27] !== t2 || $[28] !== width || $[29] !== x || $[30] !== y || $[31] !== zIndex ? (t3 = {
+  $[23] !== originX || $[24] !== originY || $[25] !== strategy || $[26] !== style || $[27] !== t2 || $[28] !== width || $[29] !== x || $[30] !== y || $[31] !== zIndex ? (t3 = __spreadValues$s({
     left: x,
     originX,
     originY,
@@ -3809,9 +4389,8 @@ const MotionCard$1 = styledComponents.styled(framerMotion.motion.create(Card))`
     top: y,
     width,
     zIndex,
-    willChange: t2,
-    ...style
-  }, $[23] = originX, $[24] = originY, $[25] = strategy, $[26] = style, $[27] = t2, $[28] = width, $[29] = x, $[30] = y, $[31] = zIndex, $[32] = t3) : t3 = $[32], t1 = t3;
+    willChange: t2
+  }, style), $[23] = originX, $[24] = originY, $[25] = strategy, $[26] = style, $[27] = t2, $[28] = width, $[29] = x, $[30] = y, $[31] = zIndex, $[32] = t3) : t3 = $[32], t1 = t3;
   const rootStyle2 = t1;
   let t4;
   const t5 = arrowX !== null ? arrowX : void 0, t6 = arrowY !== null ? arrowY : void 0;
@@ -3832,17 +4411,34 @@ const MotionCard$1 = styledComponents.styled(framerMotion.motion.create(Card))`
   let t12;
   $[44] !== arrow || $[45] !== arrowRef || $[46] !== arrowStyle ? (t12 = arrow && /* @__PURE__ */ jsxRuntime.jsx(Arrow, { ref: arrowRef, style: arrowStyle, width: DEFAULT_POPOVER_ARROW_WIDTH, height: DEFAULT_POPOVER_ARROW_HEIGHT, radius: DEFAULT_POPOVER_ARROW_RADIUS }), $[44] = arrow, $[45] = arrowRef, $[46] = arrowStyle, $[47] = t12) : t12 = $[47];
   let t13;
-  return $[48] !== placement || $[49] !== radius || $[50] !== ref || $[51] !== rootStyle2 || $[52] !== scheme || $[53] !== shadow || $[54] !== t11 || $[55] !== t12 || $[56] !== t8 || $[57] !== t9 || $[58] !== tone ? (t13 = /* @__PURE__ */ jsxRuntime.jsxs(MotionCard$1, { "data-ui": "Popover", ...t8, "data-placement": placement, radius, ref, scheme, shadow, sizing: "border", style: rootStyle2, tone, ...t9, children: [
+  return $[48] !== placement || $[49] !== radius || $[50] !== ref || $[51] !== rootStyle2 || $[52] !== scheme || $[53] !== shadow || $[54] !== t11 || $[55] !== t12 || $[56] !== t8 || $[57] !== t9 || $[58] !== tone ? (t13 = /* @__PURE__ */ jsxRuntime.jsxs(MotionCard$1, __spreadProps$s(__spreadValues$s(__spreadProps$s(__spreadValues$s({ "data-ui": "Popover" }, t8), { "data-placement": placement, radius, ref, scheme, shadow, sizing: "border", style: rootStyle2, tone }), t9), { children: [
     t11,
     t12
-  ] }), $[48] = placement, $[49] = radius, $[50] = ref, $[51] = rootStyle2, $[52] = scheme, $[53] = shadow, $[54] = t11, $[55] = t12, $[56] = t8, $[57] = t9, $[58] = tone, $[59] = t13) : t13 = $[59], t13;
+  ] })), $[48] = placement, $[49] = radius, $[50] = ref, $[51] = rootStyle2, $[52] = scheme, $[53] = shadow, $[54] = t11, $[55] = t12, $[56] = t8, $[57] = t9, $[58] = tone, $[59] = t13) : t13 = $[59], t13;
 }));
 PopoverCard.displayName = "Memo(ForwardRef(PopoverCard))";
+var __defProp$r = Object.defineProperty, __defProps$r = Object.defineProperties, __getOwnPropDescs$r = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$r = Object.getOwnPropertySymbols, __hasOwnProp$r = Object.prototype.hasOwnProperty, __propIsEnum$r = Object.prototype.propertyIsEnumerable, __defNormalProp$r = (obj, key2, value) => key2 in obj ? __defProp$r(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$r = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$r.call(b, prop) && __defNormalProp$r(a, prop, b[prop]);
+  if (__getOwnPropSymbols$r)
+    for (var prop of __getOwnPropSymbols$r(b))
+      __propIsEnum$r.call(b, prop) && __defNormalProp$r(a, prop, b[prop]);
+  return a;
+}, __spreadProps$r = (a, b) => __defProps$r(a, __getOwnPropDescs$r(b)), __objRest$o = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$r.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$r)
+    for (var prop of __getOwnPropSymbols$r(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$r.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Popover = react.memo(react.forwardRef(function(props, forwardedRef) {
+  var _a, _b, _c, _d, _f, _g, _h, _i, _j, _k;
   const {
     container,
     layer
-  } = useTheme_v2(), boundaryElementContext = useBoundaryElement(), {
+  } = useTheme_v2(), boundaryElementContext = useBoundaryElement(), _e = props, {
     __unstable_margins: margins = DEFAULT_POPOVER_MARGINS,
     animate: _animate = !1,
     arrow: arrowProp = !1,
@@ -3851,10 +4447,9 @@ const Popover = react.memo(react.forwardRef(function(props, forwardedRef) {
     constrainSize = !1,
     content,
     disabled,
-    fallbackPlacements = props.fallbackPlacements ?? DEFAULT_FALLBACK_PLACEMENTS$1[props.placement ?? "bottom"],
+    fallbackPlacements = (_b = props.fallbackPlacements) != null ? _b : DEFAULT_FALLBACK_PLACEMENTS$1[(_a = props.placement) != null ? _a : "bottom"],
     matchReferenceWidth,
-    floatingBoundary = props.boundaryElement ?? boundaryElementContext.element,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    floatingBoundary = (_c = props.boundaryElement) != null ? _c : boundaryElementContext.element,
     onActivate,
     open,
     overflow = "hidden",
@@ -3863,18 +4458,46 @@ const Popover = react.memo(react.forwardRef(function(props, forwardedRef) {
     portal,
     preventOverflow = !0,
     radius: radiusProp = 3,
-    referenceBoundary = props.boundaryElement ?? boundaryElementContext.element,
+    referenceBoundary = (_d = props.boundaryElement) != null ? _d : boundaryElementContext.element,
     referenceElement,
     scheme,
     shadow: shadowProp = 3,
     tone = "inherit",
     width: widthProp = "auto",
     zOffset: zOffsetProp = layer.popover.zOffset,
-    updateRef,
-    ...restProps
-  } = props, animate = usePrefersReducedMotion() ? !1 : _animate, boundarySize = useElementSize(boundaryElement)?.border, padding = useArrayProp(paddingProp), radius = useArrayProp(radiusProp), shadow = useArrayProp(shadowProp), widthArrayProp = useArrayProp(widthProp), zOffset = useArrayProp(zOffsetProp), ref = react.useRef(null), arrowRef = react.useRef(null), rootBoundary = "viewport";
+    updateRef
+  } = _e, restProps = __objRest$o(_e, [
+    "__unstable_margins",
+    "animate",
+    "arrow",
+    "boundaryElement",
+    "children",
+    "constrainSize",
+    "content",
+    "disabled",
+    "fallbackPlacements",
+    "matchReferenceWidth",
+    "floatingBoundary",
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    "onActivate",
+    "open",
+    "overflow",
+    "padding",
+    "placement",
+    "portal",
+    "preventOverflow",
+    "radius",
+    "referenceBoundary",
+    "referenceElement",
+    "scheme",
+    "shadow",
+    "tone",
+    "width",
+    "zOffset",
+    "updateRef"
+  ]), animate = usePrefersReducedMotion() ? !1 : _animate, boundarySize = (_f = useElementSize(boundaryElement)) == null ? void 0 : _f.border, padding = useArrayProp(paddingProp), radius = useArrayProp(radiusProp), shadow = useArrayProp(shadowProp), widthArrayProp = useArrayProp(widthProp), zOffset = useArrayProp(zOffsetProp), ref = react.useRef(null), arrowRef = react.useRef(null), rootBoundary = "viewport";
   react.useImperativeHandle(forwardedRef, () => ref.current);
-  const mediaIndex = useMediaIndex(), boundaryWidth = constrainSize || preventOverflow ? boundarySize?.width : void 0, width = calcCurrentWidth({
+  const mediaIndex = useMediaIndex(), boundaryWidth = constrainSize || preventOverflow ? boundarySize == null ? void 0 : boundarySize.width : void 0, width = calcCurrentWidth({
     container,
     mediaIndex,
     width: widthArrayProp
@@ -3914,7 +4537,7 @@ const Popover = react.memo(react.forwardRef(function(props, forwardedRef) {
       }) {
         referenceWidthRef.current = referenceWidth_0;
         const _currentWidth = widthRef.current, _maxWidth = maxWidthRef.current;
-        matchReferenceWidth ? elements.floating.style.width = `${referenceWidth_0}px` : _currentWidth !== void 0 && (elements.floating.style.width = `${_currentWidth}px`), constrainSize && (elements.floating.style.maxWidth = `${Math.min(availableWidth, _maxWidth ?? 1 / 0)}px`, elements.floating.style.maxHeight = `${availableHeight}px`);
+        matchReferenceWidth ? elements.floating.style.width = `${referenceWidth_0}px` : _currentWidth !== void 0 && (elements.floating.style.width = `${_currentWidth}px`), constrainSize && (elements.floating.style.maxWidth = `${Math.min(availableWidth, _maxWidth != null ? _maxWidth : 1 / 0)}px`, elements.floating.style.maxHeight = `${availableHeight}px`);
       },
       boundaryElement: floatingBoundary || void 0,
       constrainSize,
@@ -3945,7 +4568,7 @@ const Popover = react.memo(react.forwardRef(function(props, forwardedRef) {
     middleware,
     placement: placementProp,
     whileElementsMounted: reactDom$1.autoUpdate
-  }), referenceHidden = middlewareData.hide?.referenceHidden, arrowX = middlewareData.arrow?.x, arrowY = middlewareData.arrow?.y, originX = middlewareData["@sanity/ui/origin"]?.originX, originY = middlewareData["@sanity/ui/origin"]?.originY, setArrow = react.useCallback((arrowEl) => {
+  }), referenceHidden = (_g = middlewareData.hide) == null ? void 0 : _g.referenceHidden, arrowX = (_h = middlewareData.arrow) == null ? void 0 : _h.x, arrowY = (_i = middlewareData.arrow) == null ? void 0 : _i.y, originX = (_j = middlewareData["@sanity/ui/origin"]) == null ? void 0 : _j.originX, originY = (_k = middlewareData["@sanity/ui/origin"]) == null ? void 0 : _k.originY, setArrow = react.useCallback((arrowEl) => {
     arrowRef.current = arrowEl;
   }, []), setFloating = react.useCallback((node) => {
     ref.current = node, refs.setFloating(node);
@@ -3962,7 +4585,7 @@ const Popover = react.memo(react.forwardRef(function(props, forwardedRef) {
     referenceElement && refs.setReference(referenceElement);
   }, [referenceElement, refs]), disabled)
     return childProp || /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
-  const popover = /* @__PURE__ */ jsxRuntime.jsx(LayerProvider, { zOffset, children: /* @__PURE__ */ jsxRuntime.jsx(PopoverCard, { ...restProps, __unstable_margins: margins, animate, arrow: arrowProp, arrowRef: setArrow, arrowX, arrowY, hidden: referenceHidden, overflow, padding, placement, radius, ref: setFloating, scheme, shadow, originX, originY, strategy, tone, width: matchReferenceWidth ? referenceWidthRef.current : width, x, y, children: content }) }), children = open && (portal ? /* @__PURE__ */ jsxRuntime.jsx(Portal, { __unstable_name: typeof portal == "string" ? portal : void 0, children: popover }) : popover);
+  const popover = /* @__PURE__ */ jsxRuntime.jsx(LayerProvider, { zOffset, children: /* @__PURE__ */ jsxRuntime.jsx(PopoverCard, __spreadProps$r(__spreadValues$r({}, restProps), { __unstable_margins: margins, animate, arrow: arrowProp, arrowRef: setArrow, arrowX, arrowY, hidden: referenceHidden, overflow, padding, placement, radius, ref: setFloating, scheme, shadow, originX, originY, strategy, tone, width: matchReferenceWidth ? referenceWidthRef.current : width, x, y, children: content })) }), children = open && (portal ? /* @__PURE__ */ jsxRuntime.jsx(Portal, { __unstable_name: typeof portal == "string" ? portal : void 0, children: popover }) : popover);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     animate ? /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children }) : children,
     child
@@ -3970,8 +4593,9 @@ const Popover = react.memo(react.forwardRef(function(props, forwardedRef) {
 }));
 Popover.displayName = "Memo(ForwardRef(Popover))";
 function getElementRef(element) {
-  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get, mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  return mayWarn ? element.ref : (getter = Object.getOwnPropertyDescriptor(element, "ref")?.get, mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning, mayWarn ? element.props.ref : element.props.ref || element.ref);
+  var _a, _b;
+  let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get, mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  return mayWarn ? element.ref : (getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get, mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning, mayWarn ? element.props.ref : element.props.ref || element.ref);
 }
 function radioBaseStyle() {
   return styledComponents.css`
@@ -4087,23 +4711,45 @@ function inputElementStyle(props) {
     }
   `;
 }
+var __defProp$q = Object.defineProperty, __defProps$q = Object.defineProperties, __getOwnPropDescs$q = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$q = Object.getOwnPropertySymbols, __hasOwnProp$q = Object.prototype.hasOwnProperty, __propIsEnum$q = Object.prototype.propertyIsEnumerable, __defNormalProp$q = (obj, key2, value) => key2 in obj ? __defProp$q(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$q = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$q.call(b, prop) && __defNormalProp$q(a, prop, b[prop]);
+  if (__getOwnPropSymbols$q)
+    for (var prop of __getOwnPropSymbols$q(b))
+      __propIsEnum$q.call(b, prop) && __defNormalProp$q(a, prop, b[prop]);
+  return a;
+}, __spreadProps$q = (a, b) => __defProps$q(a, __getOwnPropDescs$q(b)), __objRest$n = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$q.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$q)
+    for (var prop of __getOwnPropSymbols$q(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$q.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$g = styledComponents.styled.div(radioBaseStyle), Input$4 = styledComponents.styled.input(inputElementStyle), Radio = react.forwardRef(function(props, forwardedRef) {
+  var _a;
   const $ = reactCompilerRuntime.c(19);
   let className, customValidity, disabled, readOnly, restProps, style;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     className,
     disabled,
     style,
     customValidity,
-    readOnly,
-    ...restProps
-  } = props, $[0] = props, $[1] = className, $[2] = customValidity, $[3] = disabled, $[4] = readOnly, $[5] = restProps, $[6] = style) : (className = $[1], customValidity = $[2], disabled = $[3], readOnly = $[4], restProps = $[5], style = $[6]);
+    readOnly
+  } = _a, restProps = __objRest$n(_a, [
+    "className",
+    "disabled",
+    "style",
+    "customValidity",
+    "readOnly"
+  ]), $[0] = props, $[1] = className, $[2] = customValidity, $[3] = disabled, $[4] = readOnly, $[5] = restProps, $[6] = style) : (className = $[1], customValidity = $[2], disabled = $[3], readOnly = $[4], restProps = $[5], style = $[6]);
   const ref = react.useRef(null);
   let t0;
   $[7] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => ref.current, $[7] = t0) : t0 = $[7], react.useImperativeHandle(forwardedRef, t0), useCustomValidity(ref, customValidity);
   const t1 = !disabled && readOnly ? "" : void 0, t2 = customValidity ? "" : void 0, t3 = disabled || readOnly;
   let t4;
-  $[8] !== readOnly || $[9] !== restProps || $[10] !== t1 || $[11] !== t2 || $[12] !== t3 ? (t4 = /* @__PURE__ */ jsxRuntime.jsx(Input$4, { "data-read-only": t1, "data-error": t2, ...restProps, disabled: t3, readOnly, ref, type: "radio" }), $[8] = readOnly, $[9] = restProps, $[10] = t1, $[11] = t2, $[12] = t3, $[13] = t4) : t4 = $[13];
+  $[8] !== readOnly || $[9] !== restProps || $[10] !== t1 || $[11] !== t2 || $[12] !== t3 ? (t4 = /* @__PURE__ */ jsxRuntime.jsx(Input$4, __spreadProps$q(__spreadValues$q({ "data-read-only": t1, "data-error": t2 }, restProps), { disabled: t3, readOnly, ref, type: "radio" })), $[8] = readOnly, $[9] = restProps, $[10] = t1, $[11] = t2, $[12] = t3, $[13] = t4) : t4 = $[13];
   let t5;
   $[14] === Symbol.for("react.memo_cache_sentinel") ? (t5 = /* @__PURE__ */ jsxRuntime.jsx("span", {}), $[14] = t5) : t5 = $[14];
   let t6;
@@ -4255,10 +4901,28 @@ const selectStyle = {
   root: rootStyle,
   input: inputStyle,
   iconBox: iconBoxStyle
-}, Root$f = styledComponents.styled.div(selectStyle.root), Input$3 = styledComponents.styled.select(selectStyle.input), IconBox = styledComponents.styled(Box)(selectStyle.iconBox), Select = react.forwardRef(function(props, forwardedRef) {
+};
+var __defProp$p = Object.defineProperty, __defProps$p = Object.defineProperties, __getOwnPropDescs$p = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$p = Object.getOwnPropertySymbols, __hasOwnProp$p = Object.prototype.hasOwnProperty, __propIsEnum$p = Object.prototype.propertyIsEnumerable, __defNormalProp$p = (obj, key2, value) => key2 in obj ? __defProp$p(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$p = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$p.call(b, prop) && __defNormalProp$p(a, prop, b[prop]);
+  if (__getOwnPropSymbols$p)
+    for (var prop of __getOwnPropSymbols$p(b))
+      __propIsEnum$p.call(b, prop) && __defNormalProp$p(a, prop, b[prop]);
+  return a;
+}, __spreadProps$p = (a, b) => __defProps$p(a, __getOwnPropDescs$p(b)), __objRest$m = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$p.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$p)
+    for (var prop of __getOwnPropSymbols$p(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$p.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
+const Root$f = styledComponents.styled.div(selectStyle.root), Input$3 = styledComponents.styled.select(selectStyle.input), IconBox = styledComponents.styled(Box)(selectStyle.iconBox), Select = react.forwardRef(function(props, forwardedRef) {
+  var _a;
   const $ = reactCompilerRuntime.c(29);
   let children, customValidity, disabled, readOnly, restProps, t0, t1, t2, t3;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     children,
     customValidity,
     disabled,
@@ -4266,15 +4930,23 @@ const selectStyle = {
     padding: t1,
     radius: t2,
     readOnly,
-    space: t3,
-    ...restProps
-  } = props, $[0] = props, $[1] = children, $[2] = customValidity, $[3] = disabled, $[4] = readOnly, $[5] = restProps, $[6] = t0, $[7] = t1, $[8] = t2, $[9] = t3) : (children = $[1], customValidity = $[2], disabled = $[3], readOnly = $[4], restProps = $[5], t0 = $[6], t1 = $[7], t2 = $[8], t3 = $[9]);
+    space: t3
+  } = _a, restProps = __objRest$m(_a, [
+    "children",
+    "customValidity",
+    "disabled",
+    "fontSize",
+    "padding",
+    "radius",
+    "readOnly",
+    "space"
+  ]), $[0] = props, $[1] = children, $[2] = customValidity, $[3] = disabled, $[4] = readOnly, $[5] = restProps, $[6] = t0, $[7] = t1, $[8] = t2, $[9] = t3) : (children = $[1], customValidity = $[2], disabled = $[3], readOnly = $[4], restProps = $[5], t0 = $[6], t1 = $[7], t2 = $[8], t3 = $[9]);
   const fontSize2 = t0 === void 0 ? 2 : t0, padding = t1 === void 0 ? 3 : t1, radius = t2 === void 0 ? 2 : t2, space = t3 === void 0 ? 3 : t3, ref = react.useRef(null);
   let t4;
   $[10] === Symbol.for("react.memo_cache_sentinel") ? (t4 = () => ref.current, $[10] = t4) : t4 = $[10], react.useImperativeHandle(forwardedRef, t4), useCustomValidity(ref, customValidity);
   const t5 = !disabled && readOnly ? "" : void 0, t6 = useArrayProp(fontSize2), t7 = useArrayProp(padding), t8 = useArrayProp(radius), t9 = useArrayProp(space), t10 = disabled || readOnly;
   let t11;
-  $[11] !== children || $[12] !== restProps || $[13] !== t10 || $[14] !== t5 || $[15] !== t6 || $[16] !== t7 || $[17] !== t8 || $[18] !== t9 ? (t11 = /* @__PURE__ */ jsxRuntime.jsx(Input$3, { "data-read-only": t5, "data-ui": "Select", ...restProps, $fontSize: t6, $padding: t7, $radius: t8, $space: t9, disabled: t10, ref, children }), $[11] = children, $[12] = restProps, $[13] = t10, $[14] = t5, $[15] = t6, $[16] = t7, $[17] = t8, $[18] = t9, $[19] = t11) : t11 = $[19];
+  $[11] !== children || $[12] !== restProps || $[13] !== t10 || $[14] !== t5 || $[15] !== t6 || $[16] !== t7 || $[17] !== t8 || $[18] !== t9 ? (t11 = /* @__PURE__ */ jsxRuntime.jsx(Input$3, __spreadProps$p(__spreadValues$p({ "data-read-only": t5, "data-ui": "Select" }, restProps), { $fontSize: t6, $padding: t7, $radius: t8, $space: t9, disabled: t10, ref, children })), $[11] = children, $[12] = restProps, $[13] = t10, $[14] = t5, $[15] = t6, $[16] = t7, $[17] = t8, $[18] = t9, $[19] = t11) : t11 = $[19];
   let t12;
   $[20] === Symbol.for("react.memo_cache_sentinel") ? (t12 = /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDownIcon, {}), $[20] = t12) : t12 = $[20];
   let t13;
@@ -4310,17 +4982,36 @@ function responsiveStackSpaceStyle(props) {
     gridGap: rem(space[spaceIndex])
   }));
 }
+var __defProp$o = Object.defineProperty, __defProps$o = Object.defineProperties, __getOwnPropDescs$o = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$o = Object.getOwnPropertySymbols, __hasOwnProp$o = Object.prototype.hasOwnProperty, __propIsEnum$o = Object.prototype.propertyIsEnumerable, __defNormalProp$o = (obj, key2, value) => key2 in obj ? __defProp$o(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$o = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$o.call(b, prop) && __defNormalProp$o(a, prop, b[prop]);
+  if (__getOwnPropSymbols$o)
+    for (var prop of __getOwnPropSymbols$o(b))
+      __propIsEnum$o.call(b, prop) && __defNormalProp$o(a, prop, b[prop]);
+  return a;
+}, __spreadProps$o = (a, b) => __defProps$o(a, __getOwnPropDescs$o(b)), __objRest$l = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$o.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$o)
+    for (var prop of __getOwnPropSymbols$o(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$o.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$e = styledComponents.styled(Box)(stackBaseStyle, responsiveStackSpaceStyle), Stack = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(10);
   let as, restProps, space;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     as,
-    space,
-    ...restProps
-  } = props, $[0] = props, $[1] = as, $[2] = restProps, $[3] = space) : (as = $[1], restProps = $[2], space = $[3]);
+    space
+  } = _a, restProps = __objRest$l(_a, [
+    "as",
+    "space"
+  ]), $[0] = props, $[1] = as, $[2] = restProps, $[3] = space) : (as = $[1], restProps = $[2], space = $[3]);
   const t0 = typeof as == "string" ? as : void 0, t1 = useArrayProp(space);
   let t2;
-  return $[4] !== as || $[5] !== ref || $[6] !== restProps || $[7] !== t0 || $[8] !== t1 ? (t2 = /* @__PURE__ */ jsxRuntime.jsx(Root$e, { "data-as": t0, "data-ui": "Stack", ...restProps, $space: t1, forwardedAs: as, ref }), $[4] = as, $[5] = ref, $[6] = restProps, $[7] = t0, $[8] = t1, $[9] = t2) : t2 = $[9], t2;
+  return $[4] !== as || $[5] !== ref || $[6] !== restProps || $[7] !== t0 || $[8] !== t1 ? (t2 = /* @__PURE__ */ jsxRuntime.jsx(Root$e, __spreadProps$o(__spreadValues$o({ "data-as": t0, "data-ui": "Stack" }, restProps), { $space: t1, forwardedAs: as, ref })), $[4] = as, $[5] = ref, $[6] = restProps, $[7] = t0, $[8] = t1, $[9] = t2) : t2 = $[9], t2;
 });
 Stack.displayName = "ForwardRef(Stack)";
 function switchBaseStyles() {
@@ -4476,18 +5167,41 @@ function switchThumbStyles(props) {
     `}
   `;
 }
+var __defProp$n = Object.defineProperty, __defProps$n = Object.defineProperties, __getOwnPropDescs$n = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$n = Object.getOwnPropertySymbols, __hasOwnProp$n = Object.prototype.hasOwnProperty, __propIsEnum$n = Object.prototype.propertyIsEnumerable, __defNormalProp$n = (obj, key2, value) => key2 in obj ? __defProp$n(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$n = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$n.call(b, prop) && __defNormalProp$n(a, prop, b[prop]);
+  if (__getOwnPropSymbols$n)
+    for (var prop of __getOwnPropSymbols$n(b))
+      __propIsEnum$n.call(b, prop) && __defNormalProp$n(a, prop, b[prop]);
+  return a;
+}, __spreadProps$n = (a, b) => __defProps$n(a, __getOwnPropDescs$n(b)), __objRest$k = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$n.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$n)
+    for (var prop of __getOwnPropSymbols$n(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$n.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$d = styledComponents.styled.span(switchBaseStyles), Input$2 = styledComponents.styled.input(switchInputStyles), Representation = styledComponents.styled.span(switchRepresentationStyles), Track = styledComponents.styled.span(switchTrackStyles), Thumb = styledComponents.styled.span(switchThumbStyles), Switch = react.forwardRef(function(props, forwardedRef) {
+  var _a;
   const $ = reactCompilerRuntime.c(26);
   let checked, className, disabled, indeterminate, readOnly, restProps, style;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     checked,
     className,
     disabled,
     indeterminate,
     readOnly,
-    style,
-    ...restProps
-  } = props, $[0] = props, $[1] = checked, $[2] = className, $[3] = disabled, $[4] = indeterminate, $[5] = readOnly, $[6] = restProps, $[7] = style) : (checked = $[1], className = $[2], disabled = $[3], indeterminate = $[4], readOnly = $[5], restProps = $[6], style = $[7]);
+    style
+  } = _a, restProps = __objRest$k(_a, [
+    "checked",
+    "className",
+    "disabled",
+    "indeterminate",
+    "readOnly",
+    "style"
+  ]), $[0] = props, $[1] = checked, $[2] = className, $[3] = disabled, $[4] = indeterminate, $[5] = readOnly, $[6] = restProps, $[7] = style) : (checked = $[1], className = $[2], disabled = $[3], indeterminate = $[4], readOnly = $[5], restProps = $[6], style = $[7]);
   const ref = react.useRef(null);
   let t0;
   $[8] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => ref.current, $[8] = t0) : t0 = $[8], react.useImperativeHandle(forwardedRef, t0);
@@ -4497,7 +5211,7 @@ const Root$d = styledComponents.styled.span(switchBaseStyles), Input$2 = styledC
   }, t2 = [indeterminate], $[9] = indeterminate, $[10] = t1, $[11] = t2) : (t1 = $[10], t2 = $[11]), react.useEffect(t1, t2);
   const t3 = !disabled && readOnly ? "" : void 0, t4 = indeterminate !== !0 && checked, t5 = disabled || readOnly;
   let t6;
-  $[12] !== restProps || $[13] !== t3 || $[14] !== t4 || $[15] !== t5 ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(Input$2, { "data-read-only": t3, ...restProps, checked: t4, disabled: t5, type: "checkbox", ref }), $[12] = restProps, $[13] = t3, $[14] = t4, $[15] = t5, $[16] = t6) : t6 = $[16];
+  $[12] !== restProps || $[13] !== t3 || $[14] !== t4 || $[15] !== t5 ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(Input$2, __spreadProps$n(__spreadValues$n({ "data-read-only": t3 }, restProps), { checked: t4, disabled: t5, type: "checkbox", ref })), $[12] = restProps, $[13] = t3, $[14] = t4, $[15] = t5, $[16] = t6) : t6 = $[16];
   let t7;
   $[17] === Symbol.for("react.memo_cache_sentinel") ? (t7 = /* @__PURE__ */ jsxRuntime.jsx(Track, {}), $[17] = t7) : t7 = $[17];
   let t8;
@@ -4512,15 +5226,32 @@ const Root$d = styledComponents.styled.span(switchBaseStyles), Input$2 = styledC
   ] }), $[21] = className, $[22] = style, $[23] = t6, $[24] = t8, $[25] = t9) : t9 = $[25], t9;
 });
 Switch.displayName = "ForwardRef(Switch)";
+var __defProp$m = Object.defineProperty, __defProps$m = Object.defineProperties, __getOwnPropDescs$m = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$m = Object.getOwnPropertySymbols, __hasOwnProp$m = Object.prototype.hasOwnProperty, __propIsEnum$m = Object.prototype.propertyIsEnumerable, __defNormalProp$m = (obj, key2, value) => key2 in obj ? __defProp$m(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$m = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$m.call(b, prop) && __defNormalProp$m(a, prop, b[prop]);
+  if (__getOwnPropSymbols$m)
+    for (var prop of __getOwnPropSymbols$m(b))
+      __propIsEnum$m.call(b, prop) && __defNormalProp$m(a, prop, b[prop]);
+  return a;
+}, __spreadProps$m = (a, b) => __defProps$m(a, __getOwnPropDescs$m(b)), __objRest$j = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$m.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$m)
+    for (var prop of __getOwnPropSymbols$m(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$m.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$c = styledComponents.styled.span(textInputRootStyle), InputRoot$1 = styledComponents.styled.span`
   flex: 1;
   min-width: 0;
   display: block;
   position: relative;
 `, Input$1 = styledComponents.styled.textarea(responsiveInputPaddingStyle, textInputBaseStyle, textInputFontSizeStyle), Presentation$1 = styledComponents.styled.div(responsiveRadiusStyle, textInputRepresentationStyle), TextArea = react.forwardRef(function(props, forwardedRef) {
+  var _a;
   const $ = reactCompilerRuntime.c(29);
   let __unstable_disableFocusRing, customValidity, restProps, t0, t1, t2, t3, t4, weight;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     border: t0,
     customValidity,
     disabled: t1,
@@ -4528,15 +5259,23 @@ const Root$c = styledComponents.styled.span(textInputRootStyle), InputRoot$1 = s
     padding: t3,
     radius: t4,
     weight,
-    __unstable_disableFocusRing,
-    ...restProps
-  } = props, $[0] = props, $[1] = __unstable_disableFocusRing, $[2] = customValidity, $[3] = restProps, $[4] = t0, $[5] = t1, $[6] = t2, $[7] = t3, $[8] = t4, $[9] = weight) : (__unstable_disableFocusRing = $[1], customValidity = $[2], restProps = $[3], t0 = $[4], t1 = $[5], t2 = $[6], t3 = $[7], t4 = $[8], weight = $[9]);
+    __unstable_disableFocusRing
+  } = _a, restProps = __objRest$j(_a, [
+    "border",
+    "customValidity",
+    "disabled",
+    "fontSize",
+    "padding",
+    "radius",
+    "weight",
+    "__unstable_disableFocusRing"
+  ]), $[0] = props, $[1] = __unstable_disableFocusRing, $[2] = customValidity, $[3] = restProps, $[4] = t0, $[5] = t1, $[6] = t2, $[7] = t3, $[8] = t4, $[9] = weight) : (__unstable_disableFocusRing = $[1], customValidity = $[2], restProps = $[3], t0 = $[4], t1 = $[5], t2 = $[6], t3 = $[7], t4 = $[8], weight = $[9]);
   const border2 = t0 === void 0 ? !0 : t0, disabled = t1 === void 0 ? !1 : t1, fontSize2 = t2 === void 0 ? 2 : t2, padding = t3 === void 0 ? 3 : t3, radius = t4 === void 0 ? 2 : t4, ref = react.useRef(null), rootTheme = useRootTheme();
   let t5;
   $[10] === Symbol.for("react.memo_cache_sentinel") ? (t5 = () => ref.current, $[10] = t5) : t5 = $[10], react.useImperativeHandle(forwardedRef, t5), useCustomValidity(ref, customValidity);
   const t6 = rootTheme.scheme, t7 = rootTheme.tone, t8 = useArrayProp(fontSize2), t9 = useArrayProp(padding), t10 = rootTheme.scheme, t11 = useArrayProp(0);
   let t12;
-  $[11] !== disabled || $[12] !== restProps || $[13] !== rootTheme.scheme || $[14] !== rootTheme.tone || $[15] !== t11 || $[16] !== t8 || $[17] !== t9 || $[18] !== weight ? (t12 = /* @__PURE__ */ jsxRuntime.jsx(Input$1, { "data-as": "textarea", "data-scheme": t6, "data-tone": t7, ...restProps, $fontSize: t8, $padding: t9, $scheme: t10, $space: t11, $tone: rootTheme.tone, $weight: weight, disabled, ref }), $[11] = disabled, $[12] = restProps, $[13] = rootTheme.scheme, $[14] = rootTheme.tone, $[15] = t11, $[16] = t8, $[17] = t9, $[18] = weight, $[19] = t12) : t12 = $[19];
+  $[11] !== disabled || $[12] !== restProps || $[13] !== rootTheme.scheme || $[14] !== rootTheme.tone || $[15] !== t11 || $[16] !== t8 || $[17] !== t9 || $[18] !== weight ? (t12 = /* @__PURE__ */ jsxRuntime.jsx(Input$1, __spreadProps$m(__spreadValues$m({ "data-as": "textarea", "data-scheme": t6, "data-tone": t7 }, restProps), { $fontSize: t8, $padding: t9, $scheme: t10, $space: t11, $tone: rootTheme.tone, $weight: weight, disabled, ref })), $[11] = disabled, $[12] = restProps, $[13] = rootTheme.scheme, $[14] = rootTheme.tone, $[15] = t11, $[16] = t8, $[17] = t9, $[18] = weight, $[19] = t12) : t12 = $[19];
   const t13 = useArrayProp(radius), t14 = border2 ? "" : void 0;
   let t15;
   $[20] !== __unstable_disableFocusRing || $[21] !== rootTheme.scheme || $[22] !== rootTheme.tone || $[23] !== t13 || $[24] !== t14 ? (t15 = /* @__PURE__ */ jsxRuntime.jsx(Presentation$1, { $radius: t13, $unstableDisableFocusRing: __unstable_disableFocusRing, $scheme: rootTheme.scheme, $tone: rootTheme.tone, "data-border": t14, "data-scheme": rootTheme.scheme, "data-tone": rootTheme.tone }), $[20] = __unstable_disableFocusRing, $[21] = rootTheme.scheme, $[22] = rootTheme.tone, $[23] = t13, $[24] = t14, $[25] = t15) : t15 = $[25];
@@ -4547,6 +5286,22 @@ const Root$c = styledComponents.styled.span(textInputRootStyle), InputRoot$1 = s
   ] }) }), $[26] = t12, $[27] = t15, $[28] = t16) : t16 = $[28], t16;
 });
 TextArea.displayName = "ForwardRef(TextArea)";
+var __defProp$l = Object.defineProperty, __defProps$l = Object.defineProperties, __getOwnPropDescs$l = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$l = Object.getOwnPropertySymbols, __hasOwnProp$l = Object.prototype.hasOwnProperty, __propIsEnum$l = Object.prototype.propertyIsEnumerable, __defNormalProp$l = (obj, key2, value) => key2 in obj ? __defProp$l(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$l = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$l.call(b, prop) && __defNormalProp$l(a, prop, b[prop]);
+  if (__getOwnPropSymbols$l)
+    for (var prop of __getOwnPropSymbols$l(b))
+      __propIsEnum$l.call(b, prop) && __defNormalProp$l(a, prop, b[prop]);
+  return a;
+}, __spreadProps$l = (a, b) => __defProps$l(a, __getOwnPropDescs$l(b)), __objRest$i = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$l.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$l)
+    for (var prop of __getOwnPropSymbols$l(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$l.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const CLEAR_BUTTON_BOX_STYLE = {
   zIndex: 2
 }, Root$b = styledComponents.styled(Card).attrs({
@@ -4594,9 +5349,10 @@ const CLEAR_BUTTON_BOX_STYLE = {
     display: "block"
   }
 }), TextInput = react.forwardRef(function(props, forwardedRef) {
+  var _a;
   const $ = reactCompilerRuntime.c(84);
   let IconComponent, IconRightComponent, __unstable_disableFocusRing, clearButton, customValidity, onClear, prefix, readOnly, restProps, suffix, t0, t1, t2, t3, t4, t5, t6, weight;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     __unstable_disableFocusRing,
     border: t0,
     clearButton,
@@ -4613,16 +5369,34 @@ const CLEAR_BUTTON_BOX_STYLE = {
     suffix,
     customValidity,
     type: t6,
-    weight,
-    ...restProps
-  } = props, $[0] = props, $[1] = IconComponent, $[2] = IconRightComponent, $[3] = __unstable_disableFocusRing, $[4] = clearButton, $[5] = customValidity, $[6] = onClear, $[7] = prefix, $[8] = readOnly, $[9] = restProps, $[10] = suffix, $[11] = t0, $[12] = t1, $[13] = t2, $[14] = t3, $[15] = t4, $[16] = t5, $[17] = t6, $[18] = weight) : (IconComponent = $[1], IconRightComponent = $[2], __unstable_disableFocusRing = $[3], clearButton = $[4], customValidity = $[5], onClear = $[6], prefix = $[7], readOnly = $[8], restProps = $[9], suffix = $[10], t0 = $[11], t1 = $[12], t2 = $[13], t3 = $[14], t4 = $[15], t5 = $[16], t6 = $[17], weight = $[18]);
+    weight
+  } = _a, restProps = __objRest$i(_a, [
+    "__unstable_disableFocusRing",
+    "border",
+    "clearButton",
+    "disabled",
+    "fontSize",
+    "icon",
+    "iconRight",
+    "onClear",
+    "padding",
+    "prefix",
+    "radius",
+    "readOnly",
+    "space",
+    "suffix",
+    "customValidity",
+    "type",
+    "weight"
+  ]), $[0] = props, $[1] = IconComponent, $[2] = IconRightComponent, $[3] = __unstable_disableFocusRing, $[4] = clearButton, $[5] = customValidity, $[6] = onClear, $[7] = prefix, $[8] = readOnly, $[9] = restProps, $[10] = suffix, $[11] = t0, $[12] = t1, $[13] = t2, $[14] = t3, $[15] = t4, $[16] = t5, $[17] = t6, $[18] = weight) : (IconComponent = $[1], IconRightComponent = $[2], __unstable_disableFocusRing = $[3], clearButton = $[4], customValidity = $[5], onClear = $[6], prefix = $[7], readOnly = $[8], restProps = $[9], suffix = $[10], t0 = $[11], t1 = $[12], t2 = $[13], t3 = $[14], t4 = $[15], t5 = $[16], t6 = $[17], weight = $[18]);
   const border2 = t0 === void 0 ? !0 : t0, disabled = t1 === void 0 ? !1 : t1, fontSizeProp = t2 === void 0 ? 2 : t2, paddingProp = t3 === void 0 ? 3 : t3, radiusProp = t4 === void 0 ? 2 : t4, spaceProp = t5 === void 0 ? 3 : t5, type = t6 === void 0 ? "text" : t6, ref = react.useRef(null), rootTheme = useRootTheme(), fontSize2 = useArrayProp(fontSizeProp), padding = useArrayProp(paddingProp), radius = useArrayProp(radiusProp), space = useArrayProp(spaceProp), $hasClearButton = !!clearButton, $hasIcon = !!IconComponent, $hasIconRight = !!IconRightComponent, $hasSuffix = !!suffix, $hasPrefix = !!prefix;
   let t7;
   $[19] === Symbol.for("react.memo_cache_sentinel") ? (t7 = () => ref.current, $[19] = t7) : t7 = $[19], react.useImperativeHandle(forwardedRef, t7), useCustomValidity(ref, customValidity);
   const handleClearMouseDown = _temp$3;
   let t8;
   $[20] !== onClear ? (t8 = (event_0) => {
-    event_0.preventDefault(), event_0.stopPropagation(), onClear && onClear(), ref.current?.focus();
+    var _a2;
+    event_0.preventDefault(), event_0.stopPropagation(), onClear && onClear(), (_a2 = ref.current) == null || _a2.focus();
   }, $[20] = onClear, $[21] = t8) : t8 = $[21];
   const handleClearClick = t8;
   let t9, t10;
@@ -4656,13 +5430,13 @@ const CLEAR_BUTTON_BOX_STYLE = {
   t20 = typeof clearButton == "object" ? clearButton : EMPTY_RECORD;
   const clearButtonProps = t20;
   let t21, t22;
-  $[48] !== clearButton || $[49] !== clearButtonBoxPadding || $[50] !== clearButtonPadding || $[51] !== clearButtonProps || $[52] !== customValidity || $[53] !== disabled || $[54] !== fontSize2 || $[55] !== handleClearClick || $[56] !== radius || $[57] !== readOnly ? (t22 = !disabled && !readOnly && clearButton && /* @__PURE__ */ jsxRuntime.jsx(RightCard, { forwardedAs: "span", padding: clearButtonBoxPadding, style: CLEAR_BUTTON_BOX_STYLE, tone: customValidity ? "critical" : "inherit", children: /* @__PURE__ */ jsxRuntime.jsx(TextInputClearButton, { "aria-label": "Clear", "data-qa": "clear-button", fontSize: fontSize2, icon: icons.CloseIcon, mode: "bleed", padding: clearButtonPadding, radius, ...clearButtonProps, onClick: handleClearClick, onMouseDown: handleClearMouseDown }) }), $[48] = clearButton, $[49] = clearButtonBoxPadding, $[50] = clearButtonPadding, $[51] = clearButtonProps, $[52] = customValidity, $[53] = disabled, $[54] = fontSize2, $[55] = handleClearClick, $[56] = radius, $[57] = readOnly, $[58] = t22) : t22 = $[58], t21 = t22;
+  $[48] !== clearButton || $[49] !== clearButtonBoxPadding || $[50] !== clearButtonPadding || $[51] !== clearButtonProps || $[52] !== customValidity || $[53] !== disabled || $[54] !== fontSize2 || $[55] !== handleClearClick || $[56] !== radius || $[57] !== readOnly ? (t22 = !disabled && !readOnly && clearButton && /* @__PURE__ */ jsxRuntime.jsx(RightCard, { forwardedAs: "span", padding: clearButtonBoxPadding, style: CLEAR_BUTTON_BOX_STYLE, tone: customValidity ? "critical" : "inherit", children: /* @__PURE__ */ jsxRuntime.jsx(TextInputClearButton, __spreadProps$l(__spreadValues$l({ "aria-label": "Clear", "data-qa": "clear-button", fontSize: fontSize2, icon: icons.CloseIcon, mode: "bleed", padding: clearButtonPadding, radius }, clearButtonProps), { onClick: handleClearClick, onMouseDown: handleClearMouseDown })) }), $[48] = clearButton, $[49] = clearButtonBoxPadding, $[50] = clearButtonPadding, $[51] = clearButtonProps, $[52] = customValidity, $[53] = disabled, $[54] = fontSize2, $[55] = handleClearClick, $[56] = radius, $[57] = readOnly, $[58] = t22) : t22 = $[58], t21 = t22;
   const clearButtonNode = t21;
   let t23, t24;
   $[59] !== radius || $[60] !== suffix ? (t24 = suffix && /* @__PURE__ */ jsxRuntime.jsx(Suffix, { borderTop: !0, borderRight: !0, borderBottom: !0, radius, sizing: "border", tone: "inherit", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: suffix }) }), $[59] = radius, $[60] = suffix, $[61] = t24) : t24 = $[61], t23 = t24;
   const suffixNode = t23, t25 = $hasIconRight || $hasClearButton;
   let t26;
-  $[62] !== $hasIcon || $[63] !== disabled || $[64] !== fontSize2 || $[65] !== padding || $[66] !== readOnly || $[67] !== restProps || $[68] !== rootTheme.scheme || $[69] !== rootTheme.tone || $[70] !== space || $[71] !== t25 || $[72] !== type || $[73] !== weight ? (t26 = /* @__PURE__ */ jsxRuntime.jsx(Input, { "data-as": "input", "data-scheme": rootTheme.scheme, "data-tone": rootTheme.tone, ...restProps, $fontSize: fontSize2, $iconLeft: $hasIcon, $iconRight: t25, $padding: padding, $scheme: rootTheme.scheme, $space: space, $tone: rootTheme.tone, $weight: weight, disabled, readOnly, ref, type }), $[62] = $hasIcon, $[63] = disabled, $[64] = fontSize2, $[65] = padding, $[66] = readOnly, $[67] = restProps, $[68] = rootTheme.scheme, $[69] = rootTheme.tone, $[70] = space, $[71] = t25, $[72] = type, $[73] = weight, $[74] = t26) : t26 = $[74];
+  $[62] !== $hasIcon || $[63] !== disabled || $[64] !== fontSize2 || $[65] !== padding || $[66] !== readOnly || $[67] !== restProps || $[68] !== rootTheme.scheme || $[69] !== rootTheme.tone || $[70] !== space || $[71] !== t25 || $[72] !== type || $[73] !== weight ? (t26 = /* @__PURE__ */ jsxRuntime.jsx(Input, __spreadProps$l(__spreadValues$l({ "data-as": "input", "data-scheme": rootTheme.scheme, "data-tone": rootTheme.tone }, restProps), { $fontSize: fontSize2, $iconLeft: $hasIcon, $iconRight: t25, $padding: padding, $scheme: rootTheme.scheme, $space: space, $tone: rootTheme.tone, $weight: weight, disabled, readOnly, ref, type })), $[62] = $hasIcon, $[63] = disabled, $[64] = fontSize2, $[65] = padding, $[66] = readOnly, $[67] = restProps, $[68] = rootTheme.scheme, $[69] = rootTheme.tone, $[70] = space, $[71] = t25, $[72] = type, $[73] = weight, $[74] = t26) : t26 = $[74];
   let t27;
   $[75] !== clearButtonNode || $[76] !== presentationNode || $[77] !== t26 ? (t27 = /* @__PURE__ */ jsxRuntime.jsxs(InputRoot, { children: [
     t26,
@@ -4714,15 +5488,33 @@ const DEFAULT_TOOLTIP_ARROW_WIDTH = 15, DEFAULT_TOOLTIP_ARROW_HEIGHT = 6, DEFAUL
   right: ["right-end", "right-start", "left", "top", "bottom"],
   "right-start": ["right", "right-end", "left-start", "top-start", "bottom-start"],
   "right-end": ["right", "right-start", "left-end", "top-end", "bottom-end"]
-}, MotionCard = styledComponents.styled(framerMotion.motion.create(Card))`
+};
+var __defProp$k = Object.defineProperty, __defProps$k = Object.defineProperties, __getOwnPropDescs$k = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$k = Object.getOwnPropertySymbols, __hasOwnProp$k = Object.prototype.hasOwnProperty, __propIsEnum$k = Object.prototype.propertyIsEnumerable, __defNormalProp$k = (obj, key2, value) => key2 in obj ? __defProp$k(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$k = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$k.call(b, prop) && __defNormalProp$k(a, prop, b[prop]);
+  if (__getOwnPropSymbols$k)
+    for (var prop of __getOwnPropSymbols$k(b))
+      __propIsEnum$k.call(b, prop) && __defNormalProp$k(a, prop, b[prop]);
+  return a;
+}, __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b)), __objRest$h = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$k.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$k)
+    for (var prop of __getOwnPropSymbols$k(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$k.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
+const MotionCard = styledComponents.styled(framerMotion.motion.create(Card))`
   & > * {
     opacity: var(${POPOVER_MOTION_CONTENT_OPACITY_PROPERTY}, 1);
     will-change: opacity;
   }
 `, TooltipCard = react.memo(react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(42);
   let animate, arrow, arrowRef, arrowX, arrowY, children, originX, originY, padding, placement, radius, restProps, scheme, shadow, style;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     animate,
     arrow,
     arrowRef,
@@ -4736,18 +5528,31 @@ const DEFAULT_TOOLTIP_ARROW_WIDTH = 15, DEFAULT_TOOLTIP_ARROW_HEIGHT = 6, DEFAUL
     radius,
     scheme,
     shadow,
-    style,
-    ...restProps
-  } = props, $[0] = props, $[1] = animate, $[2] = arrow, $[3] = arrowRef, $[4] = arrowX, $[5] = arrowY, $[6] = children, $[7] = originX, $[8] = originY, $[9] = padding, $[10] = placement, $[11] = radius, $[12] = restProps, $[13] = scheme, $[14] = shadow, $[15] = style) : (animate = $[1], arrow = $[2], arrowRef = $[3], arrowX = $[4], arrowY = $[5], children = $[6], originX = $[7], originY = $[8], padding = $[9], placement = $[10], radius = $[11], restProps = $[12], scheme = $[13], shadow = $[14], style = $[15]);
+    style
+  } = _a, restProps = __objRest$h(_a, [
+    "animate",
+    "arrow",
+    "arrowRef",
+    "arrowX",
+    "arrowY",
+    "children",
+    "originX",
+    "originY",
+    "padding",
+    "placement",
+    "radius",
+    "scheme",
+    "shadow",
+    "style"
+  ]), $[0] = props, $[1] = animate, $[2] = arrow, $[3] = arrowRef, $[4] = arrowX, $[5] = arrowY, $[6] = children, $[7] = originX, $[8] = originY, $[9] = padding, $[10] = placement, $[11] = radius, $[12] = restProps, $[13] = scheme, $[14] = shadow, $[15] = style) : (animate = $[1], arrow = $[2], arrowRef = $[3], arrowX = $[4], arrowY = $[5], children = $[6], originX = $[7], originY = $[8], padding = $[9], placement = $[10], radius = $[11], restProps = $[12], scheme = $[13], shadow = $[14], style = $[15]);
   let t0;
   const t1 = animate ? "transform" : void 0;
   let t2;
-  $[16] !== originX || $[17] !== originY || $[18] !== style || $[19] !== t1 ? (t2 = {
+  $[16] !== originX || $[17] !== originY || $[18] !== style || $[19] !== t1 ? (t2 = __spreadValues$k({
     originX,
     originY,
-    willChange: t1,
-    ...style
-  }, $[16] = originX, $[17] = originY, $[18] = style, $[19] = t1, $[20] = t2) : t2 = $[20], t0 = t2;
+    willChange: t1
+  }, style), $[16] = originX, $[17] = originY, $[18] = style, $[19] = t1, $[20] = t2) : t2 = $[20], t0 = t2;
   const rootStyle2 = t0;
   let t3;
   const t4 = arrowX !== null ? arrowX : void 0, t5 = arrowY !== null ? arrowY : void 0;
@@ -4764,10 +5569,10 @@ const DEFAULT_TOOLTIP_ARROW_WIDTH = 15, DEFAULT_TOOLTIP_ARROW_HEIGHT = 6, DEFAUL
   let t9;
   $[26] !== arrow || $[27] !== arrowRef || $[28] !== arrowStyle ? (t9 = arrow && /* @__PURE__ */ jsxRuntime.jsx(Arrow, { ref: arrowRef, style: arrowStyle, width: DEFAULT_TOOLTIP_ARROW_WIDTH, height: DEFAULT_TOOLTIP_ARROW_HEIGHT, radius: DEFAULT_TOOLTIP_ARROW_RADIUS }), $[26] = arrow, $[27] = arrowRef, $[28] = arrowStyle, $[29] = t9) : t9 = $[29];
   let t10;
-  return $[30] !== children || $[31] !== padding || $[32] !== placement || $[33] !== radius || $[34] !== ref || $[35] !== rootStyle2 || $[36] !== scheme || $[37] !== shadow || $[38] !== t7 || $[39] !== t8 || $[40] !== t9 ? (t10 = /* @__PURE__ */ jsxRuntime.jsxs(MotionCard, { "data-ui": "Tooltip__card", ...t7, "data-placement": placement, padding, radius, ref, scheme, shadow, style: rootStyle2, ...t8, children: [
+  return $[30] !== children || $[31] !== padding || $[32] !== placement || $[33] !== radius || $[34] !== ref || $[35] !== rootStyle2 || $[36] !== scheme || $[37] !== shadow || $[38] !== t7 || $[39] !== t8 || $[40] !== t9 ? (t10 = /* @__PURE__ */ jsxRuntime.jsxs(MotionCard, __spreadProps$k(__spreadValues$k(__spreadProps$k(__spreadValues$k({ "data-ui": "Tooltip__card" }, t7), { "data-placement": placement, padding, radius, ref, scheme, shadow, style: rootStyle2 }), t8), { children: [
     children,
     t9
-  ] }), $[30] = children, $[31] = padding, $[32] = placement, $[33] = radius, $[34] = ref, $[35] = rootStyle2, $[36] = scheme, $[37] = shadow, $[38] = t7, $[39] = t8, $[40] = t9, $[41] = t10) : t10 = $[41], t10;
+  ] })), $[30] = children, $[31] = padding, $[32] = placement, $[33] = radius, $[34] = ref, $[35] = rootStyle2, $[36] = scheme, $[37] = shadow, $[38] = t7, $[39] = t8, $[40] = t9, $[41] = t10) : t10 = $[41], t10;
 }));
 TooltipCard.displayName = "Memo(ForwardRef(TooltipCard))";
 const TooltipDelayGroupContext = createGlobalScopedContext("@sanity/ui/context/tooltipDelayGroup", null);
@@ -4778,7 +5583,7 @@ function TooltipDelayGroupProvider(props) {
   const $ = reactCompilerRuntime.c(10), {
     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;
+  } = props, [isGroupActive, setIsGroupActive] = useDelayedState(!1), [openTooltipId, setOpenTooltipId] = useDelayedState(null), openDelay = typeof delay == "number" ? delay : (delay == null ? void 0 : delay.open) || 0, closeDelay = typeof delay == "number" ? delay : (delay == null ? void 0 : delay.close) || 0;
   let t0;
   const t1 = isGroupActive ? 1 : openDelay;
   let t2;
@@ -4795,19 +5600,36 @@ function TooltipDelayGroupProvider(props) {
   return $[7] !== children || $[8] !== value ? (t3 = /* @__PURE__ */ jsxRuntime.jsx(TooltipDelayGroupContext.Provider, { value, children }), $[7] = children, $[8] = value, $[9] = t3) : t3 = $[9], t3;
 }
 TooltipDelayGroupProvider.displayName = "TooltipDelayGroupProvider";
+var __defProp$j = Object.defineProperty, __defProps$j = Object.defineProperties, __getOwnPropDescs$j = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$j = Object.getOwnPropertySymbols, __hasOwnProp$j = Object.prototype.hasOwnProperty, __propIsEnum$j = Object.prototype.propertyIsEnumerable, __defNormalProp$j = (obj, key2, value) => key2 in obj ? __defProp$j(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$j = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$j.call(b, prop) && __defNormalProp$j(a, prop, b[prop]);
+  if (__getOwnPropSymbols$j)
+    for (var prop of __getOwnPropSymbols$j(b))
+      __propIsEnum$j.call(b, prop) && __defNormalProp$j(a, prop, b[prop]);
+  return a;
+}, __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b)), __objRest$g = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$j.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$j)
+    for (var prop of __getOwnPropSymbols$j(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$j.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$a = styledComponents.styled(Layer)`
   pointer-events: none;
 `, Tooltip = react.forwardRef(function(props, forwardedRef) {
+  var _a, _b, _d, _e, _f, _g, _h;
   const boundaryElementContext = useBoundaryElement(), {
     layer
-  } = useTheme_v2(), {
+  } = useTheme_v2(), _c2 = props, {
     animate: _animate = !1,
     arrow: arrowProp = !1,
-    boundaryElement = boundaryElementContext?.element,
+    boundaryElement = boundaryElementContext == null ? void 0 : boundaryElementContext.element,
     children: childProp,
     content,
     disabled,
-    fallbackPlacements: fallbackPlacementsProp = props.fallbackPlacements ?? DEFAULT_FALLBACK_PLACEMENTS[props.placement ?? "bottom"],
+    fallbackPlacements: fallbackPlacementsProp = (_b = props.fallbackPlacements) != null ? _b : DEFAULT_FALLBACK_PLACEMENTS[(_a = props.placement) != null ? _a : "bottom"],
     padding = 2,
     placement: placementProp = "bottom",
     portal: portalProp,
@@ -4815,11 +5637,26 @@ const Root$a = styledComponents.styled(Layer)`
     scheme,
     shadow = 2,
     zOffset = layer.tooltip.zOffset,
-    delay,
-    ...restProps
-  } = props, animate = usePrefersReducedMotion() ? !1 : _animate, fallbackPlacements = useArrayProp(fallbackPlacementsProp), ref = react.useRef(null), [referenceElement, setReferenceElement] = react.useState(null), arrowRef = react.useRef(null), rootBoundary = "viewport", [tooltipMaxWidth, setTooltipMaxWidth] = react.useState(0);
+    delay
+  } = _c2, restProps = __objRest$g(_c2, [
+    "animate",
+    "arrow",
+    "boundaryElement",
+    "children",
+    "content",
+    "disabled",
+    "fallbackPlacements",
+    "padding",
+    "placement",
+    "portal",
+    "radius",
+    "scheme",
+    "shadow",
+    "zOffset",
+    "delay"
+  ]), animate = usePrefersReducedMotion() ? !1 : _animate, fallbackPlacements = useArrayProp(fallbackPlacementsProp), ref = react.useRef(null), [referenceElement, setReferenceElement] = react.useState(null), arrowRef = react.useRef(null), rootBoundary = "viewport", [tooltipMaxWidth, setTooltipMaxWidth] = react.useState(0);
   react.useImperativeHandle(forwardedRef, () => ref.current);
-  const portal = usePortal(), portalElement = typeof portalProp == "string" ? portal.elements?.[portalProp] || null : portal.element, middleware = react.useMemo(() => {
+  const portal = usePortal(), portalElement = typeof portalProp == "string" ? ((_d = portal.elements) == null ? void 0 : _d[portalProp]) || null : portal.element, middleware = react.useMemo(() => {
     const ret = [];
     return ret.push(reactDom$1.flip({
       boundary: boundaryElement || void 0,
@@ -4846,7 +5683,7 @@ const Root$a = styledComponents.styled(Layer)`
     middleware,
     placement: placementProp,
     whileElementsMounted: reactDom$1.autoUpdate
-  }), arrowX = middlewareData.arrow?.x, arrowY = middlewareData.arrow?.y, originX = middlewareData["@sanity/ui/origin"]?.originX, originY = middlewareData["@sanity/ui/origin"]?.originY, tooltipId = react.useId(), [isOpen, setIsOpen] = useDelayedState(!1), delayGroupContext = useTooltipDelayGroup(), showTooltip = isOpen || delayGroupContext?.openTooltipId === tooltipId, isInsideGroup = delayGroupContext !== null, openDelayProp = typeof delay == "number" ? delay : delay?.open || 0, closeDelayProp = typeof delay == "number" ? delay : delay?.close || 0, openDelay = isInsideGroup ? delayGroupContext.openDelay : openDelayProp, closeDelay = isInsideGroup ? delayGroupContext.closeDelay : closeDelayProp, handleIsOpenChange = react.useCallback((open, immediate) => {
+  }), arrowX = (_e = middlewareData.arrow) == null ? void 0 : _e.x, arrowY = (_f = middlewareData.arrow) == null ? void 0 : _f.y, originX = (_g = middlewareData["@sanity/ui/origin"]) == null ? void 0 : _g.originX, originY = (_h = middlewareData["@sanity/ui/origin"]) == null ? void 0 : _h.originY, tooltipId = react.useId(), [isOpen, setIsOpen] = useDelayedState(!1), delayGroupContext = useTooltipDelayGroup(), showTooltip = isOpen || (delayGroupContext == null ? void 0 : delayGroupContext.openTooltipId) === tooltipId, isInsideGroup = delayGroupContext !== null, openDelayProp = typeof delay == "number" ? delay : (delay == null ? void 0 : delay.open) || 0, closeDelayProp = typeof delay == "number" ? delay : (delay == null ? void 0 : delay.close) || 0, openDelay = isInsideGroup ? delayGroupContext.openDelay : openDelayProp, closeDelay = isInsideGroup ? delayGroupContext.closeDelay : closeDelayProp, handleIsOpenChange = react.useCallback((open, immediate) => {
     if (isInsideGroup)
       if (open) {
         const groupedOpenDelay = immediate ? 0 : openDelay;
@@ -4858,18 +5695,24 @@ const Root$a = styledComponents.styled(Layer)`
     else
       setIsOpen(open, immediate ? 0 : open ? openDelay : closeDelay);
   }, [isInsideGroup, delayGroupContext, openDelay, tooltipId, closeDelay, setIsOpen]), handleBlur = react.useCallback((e) => {
-    handleIsOpenChange(!1), childProp?.props?.onBlur?.(e);
-  }, [childProp?.props, handleIsOpenChange]), handleClick = react.useCallback((e_0) => {
-    handleIsOpenChange(!1, !0), childProp?.props.onClick?.(e_0);
-  }, [childProp?.props, handleIsOpenChange]), handleContextMenu = react.useCallback((e_1) => {
-    handleIsOpenChange(!1, !0), childProp?.props.onContextMenu?.(e_1);
-  }, [childProp?.props, handleIsOpenChange]), handleFocus = react.useCallback((e_2) => {
-    handleIsOpenChange(!0), childProp?.props?.onFocus?.(e_2);
-  }, [childProp?.props, handleIsOpenChange]), handleMouseEnter = react.useCallback((e_3) => {
-    handleIsOpenChange(!0), childProp?.props?.onMouseEnter?.(e_3);
-  }, [childProp?.props, handleIsOpenChange]), handleMouseLeave = react.useCallback((e_4) => {
-    handleIsOpenChange(!1), childProp?.props?.onMouseLeave?.(e_4);
-  }, [childProp?.props, handleIsOpenChange]);
+    var _a2, _b2;
+    handleIsOpenChange(!1), (_b2 = (_a2 = childProp == null ? void 0 : childProp.props) == null ? void 0 : _a2.onBlur) == null || _b2.call(_a2, e);
+  }, [childProp == null ? void 0 : childProp.props, handleIsOpenChange]), handleClick = react.useCallback((e_0) => {
+    var _a2, _b2;
+    handleIsOpenChange(!1, !0), (_b2 = childProp == null ? void 0 : (_a2 = childProp.props).onClick) == null || _b2.call(_a2, e_0);
+  }, [childProp == null ? void 0 : childProp.props, handleIsOpenChange]), handleContextMenu = react.useCallback((e_1) => {
+    var _a2, _b2;
+    handleIsOpenChange(!1, !0), (_b2 = childProp == null ? void 0 : (_a2 = childProp.props).onContextMenu) == null || _b2.call(_a2, e_1);
+  }, [childProp == null ? void 0 : childProp.props, handleIsOpenChange]), handleFocus = react.useCallback((e_2) => {
+    var _a2, _b2;
+    handleIsOpenChange(!0), (_b2 = (_a2 = childProp == null ? void 0 : childProp.props) == null ? void 0 : _a2.onFocus) == null || _b2.call(_a2, e_2);
+  }, [childProp == null ? void 0 : childProp.props, handleIsOpenChange]), handleMouseEnter = react.useCallback((e_3) => {
+    var _a2, _b2;
+    handleIsOpenChange(!0), (_b2 = (_a2 = childProp == null ? void 0 : childProp.props) == null ? void 0 : _a2.onMouseEnter) == null || _b2.call(_a2, e_3);
+  }, [childProp == null ? void 0 : childProp.props, handleIsOpenChange]), handleMouseLeave = react.useCallback((e_4) => {
+    var _a2, _b2;
+    handleIsOpenChange(!1), (_b2 = (_a2 = childProp == null ? void 0 : childProp.props) == null ? void 0 : _a2.onMouseLeave) == null || _b2.call(_a2, e_4);
+  }, [childProp == null ? void 0 : childProp.props, handleIsOpenChange]);
   useCloseOnMouseLeave({
     handleIsOpenChange,
     referenceElement,
@@ -4887,7 +5730,7 @@ const Root$a = styledComponents.styled(Layer)`
       window.removeEventListener("keydown", handleWindowKeyDown);
     };
   }, [handleIsOpenChange, showTooltip]), react.useLayoutEffect(() => {
-    const availableWidths = [...boundaryElement ? [boundaryElement.offsetWidth] : [], portalElement?.offsetWidth || document.body.offsetWidth];
+    const availableWidths = [...boundaryElement ? [boundaryElement.offsetWidth] : [], (portalElement == null ? void 0 : portalElement.offsetWidth) || document.body.offsetWidth];
     setTooltipMaxWidth(Math.min(...availableWidths) - DEFAULT_TOOLTIP_PADDING * 2);
   }, [boundaryElement, portalElement]);
   const setArrow = react.useCallback((arrowEl) => {
@@ -4895,7 +5738,7 @@ const Root$a = styledComponents.styled(Layer)`
   }, [update]), setFloating = react.useCallback((node) => {
     ref.current = node, refs.setFloating(node);
   }, [refs]), childRef = react.useRef(null);
-  react.useImperativeHandle(childProp?.ref, () => childRef.current);
+  react.useImperativeHandle(childProp == null ? void 0 : childProp.ref, () => childRef.current);
   const child = react.useMemo(() => childProp ? react.cloneElement(childProp, {
     onBlur: handleBlur,
     onFocus: handleFocus,
@@ -4910,10 +5753,9 @@ const Root$a = styledComponents.styled(Layer)`
       return setReferenceElement(childRef.current), () => setReferenceElement(null);
   }, [child]), !child) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
   if (disabled) return child;
-  const tooltip = /* @__PURE__ */ jsxRuntime.jsx(Root$a, { "data-ui": "Tooltip", ...restProps, ref: setFloating, style: {
-    ...floatingStyles,
+  const tooltip = /* @__PURE__ */ jsxRuntime.jsx(Root$a, __spreadProps$j(__spreadValues$j({ "data-ui": "Tooltip" }, restProps), { ref: setFloating, style: __spreadProps$j(__spreadValues$j({}, floatingStyles), {
     maxWidth: tooltipMaxWidth > 0 ? `${tooltipMaxWidth}px` : void 0
-  }, zOffset, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipCard, { ...restProps, animate, arrow: arrowProp, arrowRef: setArrow, arrowX, arrowY, originX, originY, padding, placement, radius, ref: setFloating, scheme, shadow, children: content }) }), children = showTooltip && (portalProp ? /* @__PURE__ */ jsxRuntime.jsx(Portal, { __unstable_name: typeof portalProp == "string" ? portalProp : void 0, children: tooltip }) : tooltip);
+  }), zOffset, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipCard, __spreadProps$j(__spreadValues$j({}, restProps), { animate, arrow: arrowProp, arrowRef: setArrow, arrowX, arrowY, originX, originY, padding, placement, radius, ref: setFloating, scheme, shadow, children: content })) })), children = showTooltip && (portalProp ? /* @__PURE__ */ jsxRuntime.jsx(Portal, { __unstable_name: typeof portalProp == "string" ? portalProp : void 0, children: tooltip }) : tooltip);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     animate ? /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children }) : children,
     child
@@ -4983,47 +5825,63 @@ function AutocompleteOption(props) {
   let t2;
   return $[5] !== children || $[6] !== handleClick || $[7] !== handleKeyDown || $[8] !== id || $[9] !== selected ? (t2 = /* @__PURE__ */ jsxRuntime.jsx("li", { "aria-selected": selected, "data-ui": "AutocompleteOption", id, role: "option", onClick: handleClick, onKeyDown: handleKeyDown, children }), $[5] = children, $[6] = handleClick, $[7] = handleKeyDown, $[8] = id, $[9] = selected, $[10] = t2) : t2 = $[10], t2;
 }
+var __defProp$i = Object.defineProperty, __defProps$i = Object.defineProperties, __getOwnPropDescs$i = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$i = Object.getOwnPropertySymbols, __hasOwnProp$i = Object.prototype.hasOwnProperty, __propIsEnum$i = Object.prototype.propertyIsEnumerable, __defNormalProp$i = (obj, key2, value) => key2 in obj ? __defProp$i(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$i = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$i.call(b, prop) && __defNormalProp$i(a, prop, b[prop]);
+  if (__getOwnPropSymbols$i)
+    for (var prop of __getOwnPropSymbols$i(b))
+      __propIsEnum$i.call(b, prop) && __defNormalProp$i(a, prop, b[prop]);
+  return a;
+}, __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
 function autocompleteReducer(state, msg2) {
-  return msg2.type === "input/change" ? {
-    ...state,
+  return msg2.type === "input/change" ? __spreadProps$i(__spreadValues$i({}, state), {
     activeValue: null,
     focused: !0,
     query: msg2.query
-  } : msg2.type === "input/focus" ? {
-    ...state,
+  }) : msg2.type === "input/focus" ? __spreadProps$i(__spreadValues$i({}, state), {
     focused: !0
-  } : msg2.type === "root/blur" ? {
-    ...state,
+  }) : msg2.type === "root/blur" ? __spreadProps$i(__spreadValues$i({}, state), {
     focused: !1,
     query: null
-  } : msg2.type === "root/clear" ? {
-    ...state,
+  }) : msg2.type === "root/clear" ? __spreadProps$i(__spreadValues$i({}, state), {
     activeValue: null,
     query: null,
     value: null
-  } : msg2.type === "root/escape" ? {
-    ...state,
+  }) : msg2.type === "root/escape" ? __spreadProps$i(__spreadValues$i({}, state), {
     focused: !1,
     query: null
-  } : msg2.type === "root/open" ? {
-    ...state,
+  }) : msg2.type === "root/open" ? __spreadProps$i(__spreadValues$i({}, state), {
     query: state.query || msg2.query
-  } : msg2.type === "root/setActiveValue" ? {
-    ...state,
+  }) : msg2.type === "root/setActiveValue" ? __spreadProps$i(__spreadValues$i({}, state), {
     activeValue: msg2.value,
     listFocused: msg2.listFocused || state.listFocused
-  } : msg2.type === "root/setListFocused" ? {
-    ...state,
+  }) : msg2.type === "root/setListFocused" ? __spreadProps$i(__spreadValues$i({}, state), {
     listFocused: msg2.listFocused
-  } : msg2.type === "value/change" ? {
-    ...state,
+  }) : msg2.type === "value/change" ? __spreadProps$i(__spreadValues$i({}, state), {
     activeValue: msg2.value,
     query: null,
     value: msg2.value
-  } : state;
-}
-const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = ["Control", "Shift", "Alt", "Enter", "Home", "End", "PageUp", "PageDown", "Meta", "Tab", "CapsLock"], AUTOCOMPLETE_POPOVER_PLACEMENT = "bottom-start", AUTOCOMPLETE_POPOVER_FALLBACK_PLACEMENTS = ["bottom-start", "top-start"], DEFAULT_RENDER_VALUE = (value, option) => option ? option.value : value, DEFAULT_FILTER_OPTION = (query, option) => option.value.toLowerCase().indexOf(query.toLowerCase()) > -1, InnerAutocomplete = react.forwardRef(function(props, forwardedRef) {
-  const {
+  }) : state;
+}
+const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = ["Control", "Shift", "Alt", "Enter", "Home", "End", "PageUp", "PageDown", "Meta", "Tab", "CapsLock"], AUTOCOMPLETE_POPOVER_PLACEMENT = "bottom-start", AUTOCOMPLETE_POPOVER_FALLBACK_PLACEMENTS = ["bottom-start", "top-start"];
+var __defProp$h = Object.defineProperty, __defProps$h = Object.defineProperties, __getOwnPropDescs$h = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$h = Object.getOwnPropertySymbols, __hasOwnProp$h = Object.prototype.hasOwnProperty, __propIsEnum$h = Object.prototype.propertyIsEnumerable, __defNormalProp$h = (obj, key2, value) => key2 in obj ? __defProp$h(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$h = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$h.call(b, prop) && __defNormalProp$h(a, prop, b[prop]);
+  if (__getOwnPropSymbols$h)
+    for (var prop of __getOwnPropSymbols$h(b))
+      __propIsEnum$h.call(b, prop) && __defNormalProp$h(a, prop, b[prop]);
+  return a;
+}, __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b)), __objRest$f = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$h.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$h)
+    for (var prop of __getOwnPropSymbols$h(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$h.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
+const DEFAULT_RENDER_VALUE = (value, option) => option ? option.value : value, DEFAULT_FILTER_OPTION = (query, option) => option.value.toLowerCase().indexOf(query.toLowerCase()) > -1, InnerAutocomplete = react.forwardRef(function(props, forwardedRef) {
+  const _a = props, {
     border: border2 = !0,
     customValidity,
     disabled,
@@ -5051,9 +5909,37 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = ["Control", "Shift", "Alt", "Enter", "H
     renderPopover,
     renderValue = DEFAULT_RENDER_VALUE,
     suffix,
-    value: valueProp,
-    ...restProps
-  } = props, [state, dispatch] = react.useReducer(autocompleteReducer, {
+    value: valueProp
+  } = _a, restProps = __objRest$f(_a, [
+    "border",
+    "customValidity",
+    "disabled",
+    "filterOption",
+    "fontSize",
+    "icon",
+    "id",
+    "listBox",
+    "loading",
+    "onBlur",
+    "onChange",
+    "onFocus",
+    "onQueryChange",
+    "onSelect",
+    "openButton",
+    "openOnFocus",
+    "options",
+    "padding",
+    "popover",
+    "prefix",
+    "radius",
+    "readOnly",
+    "relatedElements",
+    "renderOption",
+    "renderPopover",
+    "renderValue",
+    "suffix",
+    "value"
+  ]), [state, dispatch] = react.useReducer(autocompleteReducer, {
     activeValue: valueProp || null,
     focused: !1,
     listFocused: !1,
@@ -5087,17 +5973,19 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = ["Control", "Shift", "Alt", "Enter", "H
       }), popoverMouseWithinRef.current = !1, onQueryChange && onQueryChange(null), onBlur && onBlur(event));
     }, 0);
   }, [onBlur, onQueryChange, relatedElements]), handleRootFocus = react.useCallback((event_0) => {
-    const listBoxElement = listBoxElementRef.current, focusedElement = event_0.target instanceof HTMLElement ? event_0.target : null, listFocused_0 = listBoxElement?.contains(focusedElement) || !1;
+    const listBoxElement = listBoxElementRef.current, focusedElement = event_0.target instanceof HTMLElement ? event_0.target : null, listFocused_0 = (listBoxElement == null ? void 0 : listBoxElement.contains(focusedElement)) || !1;
     listFocused_0 !== listFocusedRef.current && (listFocusedRef.current = listFocused_0, dispatch({
       type: "root/setListFocused",
       listFocused: listFocused_0
     }));
   }, []), handleOptionSelect = react.useCallback((v) => {
+    var _a2;
     dispatch({
       type: "value/change",
       value: v
-    }), popoverMouseWithinRef.current = !1, onSelect && onSelect(v), valueRef.current = v, onChange && onChange(v), onQueryChange && onQueryChange(null), inputElementRef.current?.focus();
+    }), popoverMouseWithinRef.current = !1, onSelect && onSelect(v), valueRef.current = v, onChange && onChange(v), onQueryChange && onQueryChange(null), (_a2 = inputElementRef.current) == null || _a2.focus();
   }, [onChange, onSelect, onQueryChange]), handleRootKeyDown = react.useCallback((event_1) => {
+    var _a2, _b;
     if (event_1.key === "ArrowDown") {
       if (event_1.preventDefault(), !filteredOptionsLen) return;
       const activeOption = filteredOptions.find((o_0) => o_0.value === activeValue), activeIndex = activeOption ? filteredOptions.indexOf(activeOption) : -1, nextActiveOption = filteredOptions[(activeIndex + 1) % filteredOptionsLen];
@@ -5121,12 +6009,12 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = ["Control", "Shift", "Alt", "Enter", "H
     if (event_1.key === "Escape") {
       dispatch({
         type: "root/escape"
-      }), popoverMouseWithinRef.current = !1, onQueryChange && onQueryChange(null), inputElementRef.current?.focus();
+      }), popoverMouseWithinRef.current = !1, onQueryChange && onQueryChange(null), (_a2 = inputElementRef.current) == null || _a2.focus();
       return;
     }
     const target = event_1.target, listEl = listBoxElementRef.current;
-    if ((listEl === target || listEl?.contains(target)) && !AUTOCOMPLETE_LISTBOX_IGNORE_KEYS.includes(event_1.key)) {
-      inputElementRef.current?.focus();
+    if ((listEl === target || listEl != null && listEl.contains(target)) && !AUTOCOMPLETE_LISTBOX_IGNORE_KEYS.includes(event_1.key)) {
+      (_b = inputElementRef.current) == null || _b.focus();
       return;
     }
   }, [activeValue, filteredOptions, filteredOptionsLen, onQueryChange]), handleInputChange = react.useCallback((event_2) => {
@@ -5149,9 +6037,10 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = ["Control", "Shift", "Alt", "Enter", "H
   }, []), handlePopoverMouseLeave = react.useCallback(() => {
     popoverMouseWithinRef.current = !1;
   }, []), handleClearButtonClick = react.useCallback(() => {
+    var _a2;
     dispatch({
       type: "root/clear"
-    }), valueRef.current = "", onChange && onChange(""), onQueryChange && onQueryChange(null), inputElementRef.current?.focus();
+    }), valueRef.current = "", onChange && onChange(""), onQueryChange && onQueryChange(null), (_a2 = inputElementRef.current) == null || _a2.focus();
   }, [onChange, onQueryChange]), handleClearButtonFocus = react.useCallback(() => {
     dispatch({
       type: "input/focus"
@@ -5194,17 +6083,21 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = ["Control", "Shift", "Alt", "Enter", "H
         onFocus: handleClearButtonFocus
       };
   }, [disabled, handleClearButtonFocus, loading, value]), openButtonBoxPadding = react.useMemo(() => padding.map((v_0) => v_0 === 0 ? 0 : v_0 === 1 || v_0 === 2 ? 1 : v_0 - 2), [padding]), openButtonPadding = react.useMemo(() => padding.map((v_1) => Math.max(v_1 - 1, 0)), [padding]), openButtonProps = react.useMemo(() => typeof openButton == "object" ? openButton : EMPTY_RECORD, [openButton]), handleOpenClick = react.useCallback((event_4) => {
-    dispatchOpen(), openButtonProps.onClick && openButtonProps.onClick(event_4), _raf(() => inputElementRef.current?.focus());
-  }, [openButtonProps, dispatchOpen]), openButtonNode = react.useMemo(() => !disabled && !readOnly && openButton ? /* @__PURE__ */ jsxRuntime.jsx(Box, { "aria-hidden": expanded, padding: openButtonBoxPadding, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { "aria-label": "Open", disabled: expanded, fontSize: fontSize2, icon: icons.ChevronDownIcon, mode: "bleed", padding: openButtonPadding, ...openButtonProps, onClick: handleOpenClick }) }) : void 0, [disabled, expanded, fontSize2, handleOpenClick, openButton, openButtonBoxPadding, openButtonPadding, openButtonProps, readOnly]), inputValue = react.useMemo(() => query === null ? value !== null ? renderValue(value, currentOption) : "" : query, [currentOption, query, renderValue, value]), input = /* @__PURE__ */ jsxRuntime.jsx(TextInput, { ...restProps, "aria-activedescendant": activeItemId, "aria-autocomplete": "list", "aria-expanded": expanded, "aria-owns": listBoxId, autoCapitalize: "off", autoComplete: "off", autoCorrect: "off", border: border2, clearButton, customValidity, disabled, fontSize: fontSize2, icon, iconRight: loading && AnimatedSpinnerIcon, id, inputMode: "search", onChange: handleInputChange, onClear: handleClearButtonClick, onFocus: handleInputFocus, padding, prefix, radius, readOnly, ref: inputElementRef, role: "combobox", spellCheck: !1, suffix: suffix || openButtonNode, value: inputValue }), handleListBoxKeyDown = react.useCallback((event_5) => {
-    event_5.key === "Tab" && listFocused && inputElementRef.current?.focus();
-  }, [listFocused]), content = react.useMemo(() => filteredOptions.length === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(ListBox, { "data-ui": "AutoComplete__results", onKeyDown: handleListBoxKeyDown, padding: 1, ...listBox, tabIndex: -1, children: /* @__PURE__ */ jsxRuntime.jsx(Stack, { as: "ul", "aria-multiselectable": !1, "data-ui": "AutoComplete__resultsList", id: listBoxId, ref: listBoxElementRef, role: "listbox", space: 1, children: filteredOptions.map((option_0) => {
+    dispatchOpen(), openButtonProps.onClick && openButtonProps.onClick(event_4), _raf(() => {
+      var _a2;
+      return (_a2 = inputElementRef.current) == null ? void 0 : _a2.focus();
+    });
+  }, [openButtonProps, dispatchOpen]), openButtonNode = react.useMemo(() => !disabled && !readOnly && openButton ? /* @__PURE__ */ jsxRuntime.jsx(Box, { "aria-hidden": expanded, padding: openButtonBoxPadding, children: /* @__PURE__ */ jsxRuntime.jsx(Button, __spreadProps$h(__spreadValues$h({ "aria-label": "Open", disabled: expanded, fontSize: fontSize2, icon: icons.ChevronDownIcon, mode: "bleed", padding: openButtonPadding }, openButtonProps), { onClick: handleOpenClick })) }) : void 0, [disabled, expanded, fontSize2, handleOpenClick, openButton, openButtonBoxPadding, openButtonPadding, openButtonProps, readOnly]), inputValue = react.useMemo(() => query === null ? value !== null ? renderValue(value, currentOption) : "" : query, [currentOption, query, renderValue, value]), input = /* @__PURE__ */ jsxRuntime.jsx(TextInput, __spreadProps$h(__spreadValues$h({}, restProps), { "aria-activedescendant": activeItemId, "aria-autocomplete": "list", "aria-expanded": expanded, "aria-owns": listBoxId, autoCapitalize: "off", autoComplete: "off", autoCorrect: "off", border: border2, clearButton, customValidity, disabled, fontSize: fontSize2, icon, iconRight: loading && AnimatedSpinnerIcon, id, inputMode: "search", onChange: handleInputChange, onClear: handleClearButtonClick, onFocus: handleInputFocus, padding, prefix, radius, readOnly, ref: inputElementRef, role: "combobox", spellCheck: !1, suffix: suffix || openButtonNode, value: inputValue })), handleListBoxKeyDown = react.useCallback((event_5) => {
+    var _a2;
+    event_5.key === "Tab" && listFocused && ((_a2 = inputElementRef.current) == null || _a2.focus());
+  }, [listFocused]), content = react.useMemo(() => filteredOptions.length === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(ListBox, __spreadProps$h(__spreadValues$h({ "data-ui": "AutoComplete__results", onKeyDown: handleListBoxKeyDown, padding: 1 }, listBox), { tabIndex: -1, children: /* @__PURE__ */ jsxRuntime.jsx(Stack, { as: "ul", "aria-multiselectable": !1, "data-ui": "AutoComplete__resultsList", id: listBoxId, ref: listBoxElementRef, role: "listbox", space: 1, children: filteredOptions.map((option_0) => {
     const active = activeValue !== null ? option_0.value === activeValue : currentOption === option_0;
     return /* @__PURE__ */ jsxRuntime.jsx(AutocompleteOption, { id: `${id}-option-${option_0.value}`, onSelect: handleOptionSelect, selected: active, value: option_0.value, children: react.cloneElement(renderOption(option_0), {
       disabled: loading,
       selected: active,
       tabIndex: listFocused && active ? 0 : -1
     }) }, option_0.value);
-  }) }) }), [activeValue, currentOption, filteredOptions, handleOptionSelect, handleListBoxKeyDown, id, listBox, listBoxId, listFocused, loading, renderOption]), results = react.useMemo(() => renderPopover ? renderPopover({
+  }) }) })), [activeValue, currentOption, filteredOptions, handleOptionSelect, handleListBoxKeyDown, id, listBox, listBoxId, listFocused, loading, renderOption]), results = react.useMemo(() => renderPopover ? renderPopover({
     content,
     hidden: !expanded,
     inputElement: inputElementRef.current,
@@ -5212,7 +6105,7 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = ["Control", "Shift", "Alt", "Enter", "H
     onMouseLeave: handlePopoverMouseLeave
   }, resultsPopoverElementRef) : filteredOptionsLen === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(
     Popover,
-    {
+    __spreadValues$h({
       arrow: !1,
       constrainSize: !0,
       content,
@@ -5226,9 +6119,8 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = ["Control", "Shift", "Alt", "Enter", "H
       portal: !0,
       radius,
       ref: resultsPopoverElementRef,
-      referenceElement: inputElementRef.current,
-      ...popover
-    }
+      referenceElement: inputElementRef.current
+    }, popover)
   ), [content, expanded, filteredOptionsLen, handlePopoverMouseEnter, handlePopoverMouseLeave, popover, radius, renderPopover]);
   return /* @__PURE__ */ jsxRuntime.jsxs(Root$9, { "data-ui": "Autocomplete", onBlur: handleRootBlur, onFocus: handleRootFocus, onKeyDown: handleRootKeyDown, ref: rootElementRef, children: [
     input,
@@ -5247,14 +6139,35 @@ const Autocomplete = InnerAutocomplete, Root$8 = styledComponents.styled.ol`
 `, ExpandButton = styledComponents.styled(Button)`
   appearance: none;
   margin: -4px;
-`, Breadcrumbs = react.forwardRef(function(props, ref) {
-  const {
+`;
+var __defProp$g = Object.defineProperty, __defProps$g = Object.defineProperties, __getOwnPropDescs$g = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$g = Object.getOwnPropertySymbols, __hasOwnProp$g = Object.prototype.hasOwnProperty, __propIsEnum$g = Object.prototype.propertyIsEnumerable, __defNormalProp$g = (obj, key2, value) => key2 in obj ? __defProp$g(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$g = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$g.call(b, prop) && __defNormalProp$g(a, prop, b[prop]);
+  if (__getOwnPropSymbols$g)
+    for (var prop of __getOwnPropSymbols$g(b))
+      __propIsEnum$g.call(b, prop) && __defNormalProp$g(a, prop, b[prop]);
+  return a;
+}, __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b)), __objRest$e = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$g.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$g)
+    for (var prop of __getOwnPropSymbols$g(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$g.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
+const Breadcrumbs = react.forwardRef(function(props, ref) {
+  const _a = props, {
     children,
     maxLength,
     separator,
-    space: spaceRaw = 2,
-    ...restProps
-  } = props, space = useArrayProp(spaceRaw), [open, setOpen] = react.useState(!1), expandElementRef = react.useRef(null), popoverElementRef = react.useRef(null), collapse = react.useCallback(() => setOpen(!1), []), expand = react.useCallback(() => setOpen(!0), []);
+    space: spaceRaw = 2
+  } = _a, restProps = __objRest$e(_a, [
+    "children",
+    "maxLength",
+    "separator",
+    "space"
+  ]), space = useArrayProp(spaceRaw), [open, setOpen] = react.useState(!1), expandElementRef = react.useRef(null), popoverElementRef = react.useRef(null), collapse = react.useCallback(() => setOpen(!1), []), expand = react.useCallback(() => setOpen(!0), []);
   useClickOutsideEvent(collapse, () => [expandElementRef.current, popoverElementRef.current]);
   const rawItems = react.useMemo(() => react.Children.toArray(children).filter(react.isValidElement), [children]), items = react.useMemo(() => {
     const len = rawItems.length;
@@ -5264,10 +6177,10 @@ const Autocomplete = InnerAutocomplete, Root$8 = styledComponents.styled.ol`
     }
     return rawItems;
   }, [collapse, expand, maxLength, open, rawItems, space]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Root$8, { "data-ui": "Breadcrumbs", ...restProps, ref, children: items.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(Root$8, __spreadProps$g(__spreadValues$g({ "data-ui": "Breadcrumbs" }, restProps), { ref, children: items.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
     itemIndex > 0 && /* @__PURE__ */ jsxRuntime.jsx(Box, { "aria-hidden": !0, as: "li", paddingX: space, children: separator || /* @__PURE__ */ jsxRuntime.jsx(Text, { muted: !0, children: "/" }) }),
     /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "li", children: item })
-  ] }, itemIndex)) });
+  ] }, itemIndex)) }));
 });
 Breadcrumbs.displayName = "ForwardRef(Breadcrumbs)";
 function dialogStyle({
@@ -5334,6 +6247,22 @@ const DialogContext = createGlobalScopedContext("@sanity/ui/context/dialog", {
 function useDialog() {
   return react.useContext(DialogContext);
 }
+var __defProp$f = Object.defineProperty, __defProps$f = Object.defineProperties, __getOwnPropDescs$f = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$f = Object.getOwnPropertySymbols, __hasOwnProp$f = Object.prototype.hasOwnProperty, __propIsEnum$f = Object.prototype.propertyIsEnumerable, __defNormalProp$f = (obj, key2, value) => key2 in obj ? __defProp$f(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$f = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$f.call(b, prop) && __defNormalProp$f(a, prop, b[prop]);
+  if (__getOwnPropSymbols$f)
+    for (var prop of __getOwnPropSymbols$f(b))
+      __propIsEnum$f.call(b, prop) && __defNormalProp$f(a, prop, b[prop]);
+  return a;
+}, __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b)), __objRest$d = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$f.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$f)
+    for (var prop of __getOwnPropSymbols$f(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$f.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 function isTargetWithinScope(boundaryElement, portalElement, target) {
   return !boundaryElement || !portalElement ? !0 : containsOrEqualsElement(boundaryElement, target) || containsOrEqualsElement(portalElement, target);
 }
@@ -5371,6 +6300,7 @@ const Root$7 = styledComponents.styled(Layer)(responsivePaddingStyle, dialogStyl
   position: relative;
   z-index: 3;
 `, DialogCard = react.forwardRef(function(props, forwardedRef) {
+  var _a;
   const $ = reactCompilerRuntime.c(38), {
     __unstable_autoFocus: autoFocus,
     __unstable_hideCloseButton: hideCloseButton,
@@ -5386,7 +6316,7 @@ const Root$7 = styledComponents.styled(Layer)(responsivePaddingStyle, dialogStyl
     scheme,
     shadow: shadowProp,
     width: widthProp
-  } = props, portal = usePortal(), portalElement = portalProp ? portal.elements?.[portalProp] || null : portal.element, boundaryElement = useBoundaryElement().element, radius = useArrayProp(radiusProp), shadow = useArrayProp(shadowProp), width = useArrayProp(widthProp), ref = react.useRef(null), contentRef = react.useRef(null), layer = useLayer(), {
+  } = props, portal = usePortal(), portalElement = portalProp ? ((_a = portal.elements) == null ? void 0 : _a[portalProp]) || null : portal.element, boundaryElement = useBoundaryElement().element, radius = useArrayProp(radiusProp), shadow = useArrayProp(shadowProp), width = useArrayProp(widthProp), ref = react.useRef(null), contentRef = react.useRef(null), layer = useLayer(), {
     isTopLayer
   } = layer, labelId = `${id}_label`, showCloseButton = !!onClose && hideCloseButton === !1, showHeader = !!header || showCloseButton;
   let t0;
@@ -5433,11 +6363,12 @@ const Root$7 = styledComponents.styled(Layer)(responsivePaddingStyle, dialogStyl
 });
 DialogCard.displayName = "ForwardRef(DialogCard)";
 const Dialog = react.forwardRef(function(props, ref) {
+  var _a, _b;
   const $ = reactCompilerRuntime.c(60), dialog = useDialog(), {
     layer
   } = useTheme_v2();
   let _positionProp, _zOffsetProp, children, contentRef, footer, header, id, onActivate, onClickOutside, onClose, onFocus, portalProp, restProps, scheme, t0, t1, t2, t3, t4, t5, t6;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     __unstable_autoFocus: t0,
     __unstable_hideCloseButton: t1,
     cardRadius: t2,
@@ -5457,13 +6388,33 @@ const Dialog = react.forwardRef(function(props, ref) {
     scheme,
     width: t5,
     zOffset: _zOffsetProp,
-    animate: t6,
-    ...restProps
-  } = props, $[0] = props, $[1] = _positionProp, $[2] = _zOffsetProp, $[3] = children, $[4] = contentRef, $[5] = footer, $[6] = header, $[7] = id, $[8] = onActivate, $[9] = onClickOutside, $[10] = onClose, $[11] = onFocus, $[12] = portalProp, $[13] = restProps, $[14] = scheme, $[15] = t0, $[16] = t1, $[17] = t2, $[18] = t3, $[19] = t4, $[20] = t5, $[21] = t6) : (_positionProp = $[1], _zOffsetProp = $[2], children = $[3], contentRef = $[4], footer = $[5], header = $[6], id = $[7], onActivate = $[8], onClickOutside = $[9], onClose = $[10], onFocus = $[11], portalProp = $[12], restProps = $[13], scheme = $[14], t0 = $[15], t1 = $[16], t2 = $[17], t3 = $[18], t4 = $[19], t5 = $[20], t6 = $[21]);
-  const autoFocus = t0 === void 0 ? !0 : t0, hideCloseButton = t1 === void 0 ? !1 : t1, cardRadiusProp = t2 === void 0 ? 4 : t2, cardShadow = t3 === void 0 ? 3 : t3, paddingProp = t4 === void 0 ? 3 : t4, widthProp = t5 === void 0 ? 0 : t5, _animate = t6 === void 0 ? !1 : t6, positionProp = _positionProp ?? (dialog.position || "fixed"), zOffsetProp = _zOffsetProp ?? (dialog.zOffset || layer.dialog.zOffset), animate = usePrefersReducedMotion() ? !1 : _animate, portal = usePortal(), portalElement = portalProp ? portal.elements?.[portalProp] || null : portal.element, boundaryElement = useBoundaryElement().element, cardRadius = useArrayProp(cardRadiusProp), padding = useArrayProp(paddingProp), position = useArrayProp(positionProp), width = useArrayProp(widthProp), zOffset = useArrayProp(zOffsetProp), preDivRef = react.useRef(null), postDivRef = react.useRef(null), cardRef = react.useRef(null), focusedElementRef = react.useRef(null);
+    animate: t6
+  } = _a, restProps = __objRest$d(_a, [
+    "__unstable_autoFocus",
+    "__unstable_hideCloseButton",
+    "cardRadius",
+    "cardShadow",
+    "children",
+    "contentRef",
+    "footer",
+    "header",
+    "id",
+    "onActivate",
+    "onClickOutside",
+    "onClose",
+    "onFocus",
+    "padding",
+    "portal",
+    "position",
+    "scheme",
+    "width",
+    "zOffset",
+    "animate"
+  ]), $[0] = props, $[1] = _positionProp, $[2] = _zOffsetProp, $[3] = children, $[4] = contentRef, $[5] = footer, $[6] = header, $[7] = id, $[8] = onActivate, $[9] = onClickOutside, $[10] = onClose, $[11] = onFocus, $[12] = portalProp, $[13] = restProps, $[14] = scheme, $[15] = t0, $[16] = t1, $[17] = t2, $[18] = t3, $[19] = t4, $[20] = t5, $[21] = t6) : (_positionProp = $[1], _zOffsetProp = $[2], children = $[3], contentRef = $[4], footer = $[5], header = $[6], id = $[7], onActivate = $[8], onClickOutside = $[9], onClose = $[10], onFocus = $[11], portalProp = $[12], restProps = $[13], scheme = $[14], t0 = $[15], t1 = $[16], t2 = $[17], t3 = $[18], t4 = $[19], t5 = $[20], t6 = $[21]);
+  const autoFocus = t0 === void 0 ? !0 : t0, hideCloseButton = t1 === void 0 ? !1 : t1, cardRadiusProp = t2 === void 0 ? 4 : t2, cardShadow = t3 === void 0 ? 3 : t3, paddingProp = t4 === void 0 ? 3 : t4, widthProp = t5 === void 0 ? 0 : t5, _animate = t6 === void 0 ? !1 : t6, positionProp = _positionProp != null ? _positionProp : dialog.position || "fixed", zOffsetProp = _zOffsetProp != null ? _zOffsetProp : dialog.zOffset || layer.dialog.zOffset, animate = usePrefersReducedMotion() ? !1 : _animate, portal = usePortal(), portalElement = portalProp ? ((_b = portal.elements) == null ? void 0 : _b[portalProp]) || null : portal.element, boundaryElement = useBoundaryElement().element, cardRadius = useArrayProp(cardRadiusProp), padding = useArrayProp(paddingProp), position = useArrayProp(positionProp), width = useArrayProp(widthProp), zOffset = useArrayProp(zOffsetProp), preDivRef = react.useRef(null), postDivRef = react.useRef(null), cardRef = react.useRef(null), focusedElementRef = react.useRef(null);
   let t7;
   $[22] !== onFocus ? (t7 = (event) => {
-    onFocus?.(event);
+    onFocus == null || onFocus(event);
     const target = event.target, cardElement = cardRef.current;
     if (cardElement && target === preDivRef.current) {
       focusLastDescendant(cardElement);
@@ -5499,11 +6450,11 @@ const Dialog = react.forwardRef(function(props, ref) {
   let t11;
   $[43] === Symbol.for("react.memo_cache_sentinel") ? (t11 = /* @__PURE__ */ jsxRuntime.jsx("div", { ref: postDivRef, tabIndex: 0 }), $[43] = t11) : t11 = $[43];
   let t12;
-  $[44] !== animate || $[45] !== handleFocus || $[46] !== handleRootClick || $[47] !== id || $[48] !== labelId || $[49] !== onActivate || $[50] !== padding || $[51] !== position || $[52] !== ref || $[53] !== restProps || $[54] !== t10 || $[55] !== zOffset ? (t12 = /* @__PURE__ */ jsxRuntime.jsxs(Root$7, { ...restProps, $animate: animate, $padding: padding, $position: position, "aria-labelledby": labelId, "aria-modal": !0, "data-ui": "Dialog", id, onActivate, onClick: handleRootClick, onFocus: handleFocus, ref, role: "dialog", zOffset, children: [
+  $[44] !== animate || $[45] !== handleFocus || $[46] !== handleRootClick || $[47] !== id || $[48] !== labelId || $[49] !== onActivate || $[50] !== padding || $[51] !== position || $[52] !== ref || $[53] !== restProps || $[54] !== t10 || $[55] !== zOffset ? (t12 = /* @__PURE__ */ jsxRuntime.jsxs(Root$7, __spreadProps$f(__spreadValues$f({}, restProps), { $animate: animate, $padding: padding, $position: position, "aria-labelledby": labelId, "aria-modal": !0, "data-ui": "Dialog", id, onActivate, onClick: handleRootClick, onFocus: handleFocus, ref, role: "dialog", zOffset, children: [
     t9,
     t10,
     t11
-  ] }), $[44] = animate, $[45] = handleFocus, $[46] = handleRootClick, $[47] = id, $[48] = labelId, $[49] = onActivate, $[50] = padding, $[51] = position, $[52] = ref, $[53] = restProps, $[54] = t10, $[55] = zOffset, $[56] = t12) : t12 = $[56];
+  ] })), $[44] = animate, $[45] = handleFocus, $[46] = handleRootClick, $[47] = id, $[48] = labelId, $[49] = onActivate, $[50] = padding, $[51] = position, $[52] = ref, $[53] = restProps, $[54] = t10, $[55] = zOffset, $[56] = t12) : t12 = $[56];
   let t13;
   return $[57] !== portalProp || $[58] !== t12 ? (t13 = /* @__PURE__ */ jsxRuntime.jsx(Portal, { __unstable_name: portalProp, children: t12 }), $[57] = portalProp, $[58] = t12, $[59] = t13) : t13 = $[59], t13;
 });
@@ -5525,6 +6476,22 @@ function DialogProvider(props) {
   return $[3] !== children || $[4] !== contextValue ? (t2 = /* @__PURE__ */ jsxRuntime.jsx(DialogContext.Provider, { value: contextValue, children }), $[3] = children, $[4] = contextValue, $[5] = t2) : t2 = $[5], t2;
 }
 DialogProvider.displayName = "DialogProvider";
+var __defProp$e = Object.defineProperty, __defProps$e = Object.defineProperties, __getOwnPropDescs$e = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$e = Object.getOwnPropertySymbols, __hasOwnProp$e = Object.prototype.hasOwnProperty, __propIsEnum$e = Object.prototype.propertyIsEnumerable, __defNormalProp$e = (obj, key2, value) => key2 in obj ? __defProp$e(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$e = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$e.call(b, prop) && __defNormalProp$e(a, prop, b[prop]);
+  if (__getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(b))
+      __propIsEnum$e.call(b, prop) && __defNormalProp$e(a, prop, b[prop]);
+  return a;
+}, __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b)), __objRest$c = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$e.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$e.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$6 = styledComponents.styled.kbd`
   font: inherit;
   padding: 1px;
@@ -5537,16 +6504,22 @@ const Root$6 = styledComponents.styled.kbd`
     display: block;
   }
 `, Hotkeys = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(24);
   let fontSize2, keys, padding, radius, restProps, t0;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     fontSize: fontSize2,
     keys,
     padding,
     radius,
-    space: t0,
-    ...restProps
-  } = props, $[0] = props, $[1] = fontSize2, $[2] = keys, $[3] = padding, $[4] = radius, $[5] = restProps, $[6] = t0) : (fontSize2 = $[1], keys = $[2], padding = $[3], radius = $[4], restProps = $[5], t0 = $[6]);
+    space: t0
+  } = _a, restProps = __objRest$c(_a, [
+    "fontSize",
+    "keys",
+    "padding",
+    "radius",
+    "space"
+  ]), $[0] = props, $[1] = fontSize2, $[2] = keys, $[3] = padding, $[4] = radius, $[5] = restProps, $[6] = t0) : (fontSize2 = $[1], keys = $[2], padding = $[3], radius = $[4], restProps = $[5], t0 = $[6]);
   const space = useArrayProp(t0 === void 0 ? 0.5 : t0);
   if (!keys || keys.length === 0) {
     let t12;
@@ -5561,7 +6534,7 @@ const Root$6 = styledComponents.styled.kbd`
   let t2;
   $[17] !== space || $[18] !== t1 ? (t2 = /* @__PURE__ */ jsxRuntime.jsx(Inline, { as: "span", space, children: t1 }), $[17] = space, $[18] = t1, $[19] = t2) : t2 = $[19];
   let t3;
-  return $[20] !== ref || $[21] !== restProps || $[22] !== t2 ? (t3 = /* @__PURE__ */ jsxRuntime.jsx(Root$6, { "data-ui": "Hotkeys", ...restProps, ref, children: t2 }), $[20] = ref, $[21] = restProps, $[22] = t2, $[23] = t3) : t3 = $[23], t3;
+  return $[20] !== ref || $[21] !== restProps || $[22] !== t2 ? (t3 = /* @__PURE__ */ jsxRuntime.jsx(Root$6, __spreadProps$e(__spreadValues$e({ "data-ui": "Hotkeys" }, restProps), { ref, children: t2 })), $[20] = ref, $[21] = restProps, $[22] = t2, $[23] = t3) : t3 = $[23], t3;
 });
 Hotkeys.displayName = "ForwardRef(Hotkeys)";
 const MenuContext = createGlobalScopedContext("@sanity/ui/context/menu", null);
@@ -5668,7 +6641,8 @@ function useMenuController(props) {
     const element_0 = event_0.currentTarget, currentIndex_3 = elementsRef.current.indexOf(element_0);
     setActiveIndex(currentIndex_3);
   }, [setActiveIndex]), handleItemMouseLeave = react.useCallback(() => {
-    setActiveIndex(-2), rootElementRef.current?.focus();
+    var _a;
+    setActiveIndex(-2), (_a = rootElementRef.current) == null || _a.focus();
   }, [rootElementRef, setActiveIndex]);
   return react.useEffect(() => {
     if (!mounted) return;
@@ -5690,7 +6664,8 @@ function useMenuController(props) {
         }
         return;
       }
-      (elementsRef.current[activeIndex] || null)?.focus();
+      const element_1 = elementsRef.current[activeIndex] || null;
+      element_1 == null || element_1.focus();
     });
     return () => cancelAnimationFrame(rafId);
   }, [activeIndex, mounted, setActiveIndex, shouldFocus]), {
@@ -5702,6 +6677,22 @@ function useMenuController(props) {
     mount
   };
 }
+var __defProp$d = Object.defineProperty, __defProps$d = Object.defineProperties, __getOwnPropDescs$d = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$d = Object.getOwnPropertySymbols, __hasOwnProp$d = Object.prototype.hasOwnProperty, __propIsEnum$d = Object.prototype.propertyIsEnumerable, __defNormalProp$d = (obj, key2, value) => key2 in obj ? __defProp$d(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$d = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$d.call(b, prop) && __defNormalProp$d(a, prop, b[prop]);
+  if (__getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(b))
+      __propIsEnum$d.call(b, prop) && __defNormalProp$d(a, prop, b[prop]);
+  return a;
+}, __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b)), __objRest$b = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$d.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$d.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$5 = styledComponents.styled(Box)`
   outline: none;
   overflow: auto;
@@ -5709,7 +6700,7 @@ const Root$5 = styledComponents.styled(Box)`
   const $ = reactCompilerRuntime.c(50);
   let _shouldFocus, children, onClickOutside, onEscape, onItemClick, onItemSelect, onKeyDown, originElement, registerElement, restProps, t0, t1;
   if ($[0] !== props) {
-    const {
+    const _a = props, {
       children: t22,
       focusFirst,
       focusLast,
@@ -5722,13 +6713,26 @@ const Root$5 = styledComponents.styled(Box)`
       padding: t92,
       registerElement: t102,
       shouldFocus: t112,
-      space: t122,
-      ...t132
-    } = props;
+      space: t122
+    } = _a, t132 = __objRest$b(_a, [
+      "children",
+      "focusFirst",
+      "focusLast",
+      "onClickOutside",
+      "onEscape",
+      "onItemClick",
+      "onItemSelect",
+      "onKeyDown",
+      "originElement",
+      "padding",
+      "registerElement",
+      "shouldFocus",
+      "space"
+    ]);
     children = t22, onClickOutside = t32, onEscape = t42, onItemClick = t52, onItemSelect = t62, onKeyDown = t72, originElement = t82, t0 = t92, registerElement = t102, _shouldFocus = t112, t1 = t122, restProps = t132, $[0] = props, $[1] = _shouldFocus, $[2] = children, $[3] = onClickOutside, $[4] = onEscape, $[5] = onItemClick, $[6] = onItemSelect, $[7] = onKeyDown, $[8] = originElement, $[9] = registerElement, $[10] = restProps, $[11] = t0, $[12] = t1;
   } else
     _shouldFocus = $[1], children = $[2], onClickOutside = $[3], onEscape = $[4], onItemClick = $[5], onItemSelect = $[6], onKeyDown = $[7], originElement = $[8], registerElement = $[9], restProps = $[10], t0 = $[11], t1 = $[12];
-  const padding = t0 === void 0 ? 1 : t0, space = t1 === void 0 ? 1 : t1, shouldFocus = _shouldFocus ?? (props.focusFirst && "first" || props.focusLast && "last" || null), ref = react.useRef(null);
+  const padding = t0 === void 0 ? 1 : t0, space = t1 === void 0 ? 1 : t1, shouldFocus = _shouldFocus != null ? _shouldFocus : props.focusFirst && "first" || props.focusLast && "last" || null, ref = react.useRef(null);
   let t2;
   $[13] === Symbol.for("react.memo_cache_sentinel") ? (t2 = () => ref.current, $[13] = t2) : t2 = $[13], react.useImperativeHandle(forwardedRef, t2);
   const {
@@ -5783,12 +6787,21 @@ const Root$5 = styledComponents.styled(Box)`
   let t11;
   $[38] !== children || $[39] !== space ? (t11 = /* @__PURE__ */ jsxRuntime.jsx(Stack, { space, children }), $[38] = children, $[39] = space, $[40] = t11) : t11 = $[40];
   let t12;
-  $[41] !== handleKeyDown || $[42] !== handleRefChange || $[43] !== padding || $[44] !== restProps || $[45] !== t11 ? (t12 = /* @__PURE__ */ jsxRuntime.jsx(Root$5, { "data-ui": "Menu", ...restProps, onKeyDown: handleKeyDown, padding, ref: handleRefChange, role: "menu", tabIndex: -1, children: t11 }), $[41] = handleKeyDown, $[42] = handleRefChange, $[43] = padding, $[44] = restProps, $[45] = t11, $[46] = t12) : t12 = $[46];
+  $[41] !== handleKeyDown || $[42] !== handleRefChange || $[43] !== padding || $[44] !== restProps || $[45] !== t11 ? (t12 = /* @__PURE__ */ jsxRuntime.jsx(Root$5, __spreadProps$d(__spreadValues$d({ "data-ui": "Menu" }, restProps), { onKeyDown: handleKeyDown, padding, ref: handleRefChange, role: "menu", tabIndex: -1, children: t11 })), $[41] = handleKeyDown, $[42] = handleRefChange, $[43] = padding, $[44] = restProps, $[45] = t11, $[46] = t12) : t12 = $[46];
   let t13;
   return $[47] !== t12 || $[48] !== value ? (t13 = /* @__PURE__ */ jsxRuntime.jsx(MenuContext.Provider, { value, children: t12 }), $[47] = t12, $[48] = value, $[49] = t13) : t13 = $[49], t13;
 });
 Menu.displayName = "ForwardRef(Menu)";
+var __defProp$c = Object.defineProperty, __defProps$c = Object.defineProperties, __getOwnPropDescs$c = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$c = Object.getOwnPropertySymbols, __hasOwnProp$c = Object.prototype.hasOwnProperty, __propIsEnum$c = Object.prototype.propertyIsEnumerable, __defNormalProp$c = (obj, key2, value) => key2 in obj ? __defProp$c(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$c = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$c.call(b, prop) && __defNormalProp$c(a, prop, b[prop]);
+  if (__getOwnPropSymbols$c)
+    for (var prop of __getOwnPropSymbols$c(b))
+      __propIsEnum$c.call(b, prop) && __defNormalProp$c(a, prop, b[prop]);
+  return a;
+}, __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
 const MenuButton = react.forwardRef(function(props, forwardedRef) {
+  var _a;
   const $ = reactCompilerRuntime.c(62), {
     __unstable_disableRestoreFocusOnClose: t0,
     boundaryElement: deprecated_boundaryElement,
@@ -5898,7 +6911,7 @@ const MenuButton = react.forwardRef(function(props, forwardedRef) {
     "aria-haspopup": !0,
     "aria-expanded": open,
     ref: setButtonElement,
-    selected: buttonProp.props.selected ?? open
+    selected: (_a = buttonProp.props.selected) != null ? _a : open
   }), $[37] = buttonProp, $[38] = handleMouseDown, $[39] = id, $[40] = open, $[41] = t19) : t19 = $[41], t18 = t19;
   const button = t18;
   let t20, t21;
@@ -5906,21 +6919,20 @@ const MenuButton = react.forwardRef(function(props, forwardedRef) {
   let t22, t23;
   $[45] !== popover ? (t23 = popover || {}, $[45] = popover, $[46] = t23) : t23 = $[46];
   let t24;
-  $[47] !== deprecated_boundaryElement || $[48] !== deprecated_placement || $[49] !== deprecated_popoverRadius || $[50] !== deprecated_popoverScheme || $[51] !== deprecated_portal || $[52] !== deprecated_preventOverflow || $[53] !== t23 ? (t24 = {
+  $[47] !== deprecated_boundaryElement || $[48] !== deprecated_placement || $[49] !== deprecated_popoverRadius || $[50] !== deprecated_popoverScheme || $[51] !== deprecated_portal || $[52] !== deprecated_preventOverflow || $[53] !== t23 ? (t24 = __spreadValues$c({
     boundaryElement: deprecated_boundaryElement,
     overflow: "auto",
     placement: deprecated_placement,
     portal: deprecated_portal,
     preventOverflow: deprecated_preventOverflow,
     radius: deprecated_popoverRadius,
-    scheme: deprecated_popoverScheme,
-    ...t23
-  }, $[47] = deprecated_boundaryElement, $[48] = deprecated_placement, $[49] = deprecated_popoverRadius, $[50] = deprecated_popoverScheme, $[51] = deprecated_portal, $[52] = deprecated_preventOverflow, $[53] = t23, $[54] = t24) : t24 = $[54], t22 = t24;
+    scheme: deprecated_popoverScheme
+  }, t23), $[47] = deprecated_boundaryElement, $[48] = deprecated_placement, $[49] = deprecated_popoverRadius, $[50] = deprecated_popoverScheme, $[51] = deprecated_portal, $[52] = deprecated_preventOverflow, $[53] = t23, $[54] = t24) : t24 = $[54], t22 = t24;
   const popoverProps = t22;
   let t25;
   $[55] !== button ? (t25 = button || /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}), $[55] = button, $[56] = t25) : t25 = $[56];
   let t26;
-  return $[57] !== menu || $[58] !== open || $[59] !== popoverProps || $[60] !== t25 ? (t26 = /* @__PURE__ */ jsxRuntime.jsx(Popover, { "data-ui": "MenuButton__popover", ...popoverProps, content: menu, open, children: t25 }), $[57] = menu, $[58] = open, $[59] = popoverProps, $[60] = t25, $[61] = t26) : t26 = $[61], t26;
+  return $[57] !== menu || $[58] !== open || $[59] !== popoverProps || $[60] !== t25 ? (t26 = /* @__PURE__ */ jsxRuntime.jsx(Popover, __spreadProps$c(__spreadValues$c({ "data-ui": "MenuButton__popover" }, popoverProps), { content: menu, open, children: t25 })), $[57] = menu, $[58] = open, $[59] = popoverProps, $[60] = t25, $[61] = t26) : t26 = $[61], t26;
 });
 MenuButton.displayName = "ForwardRef(MenuButton)";
 function _temp$2(v) {
@@ -5957,6 +6969,7 @@ function selectableBaseStyle() {
   `;
 }
 function selectableColorStyle(props) {
+  var _a;
   const {
     $tone
   } = props, {
@@ -6030,7 +7043,7 @@ function selectableColorStyle(props) {
       }
     }
 
-    ${style?.card?.root}
+    ${(_a = style == null ? void 0 : style.card) == null ? void 0 : _a.root}
   `;
 }
 const Selectable = styledComponents.styled(Box)(responsiveRadiusStyle, selectableBaseStyle, selectableColorStyle);
@@ -6043,10 +7056,27 @@ function useMenu() {
     throw new Error("useMenu(): the context value is not compatible");
   return value;
 }
+var __defProp$b = Object.defineProperty, __defProps$b = Object.defineProperties, __getOwnPropDescs$b = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$b = Object.getOwnPropertySymbols, __hasOwnProp$b = Object.prototype.hasOwnProperty, __propIsEnum$b = Object.prototype.propertyIsEnumerable, __defNormalProp$b = (obj, key2, value) => key2 in obj ? __defProp$b(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$b = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$b.call(b, prop) && __defNormalProp$b(a, prop, b[prop]);
+  if (__getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(b))
+      __propIsEnum$b.call(b, prop) && __defNormalProp$b(a, prop, b[prop]);
+  return a;
+}, __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b)), __objRest$a = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 function MenuGroup(props) {
+  var _a;
   const $ = reactCompilerRuntime.c(77);
   let IconComponent, children, onClick, popover, restProps, t0, t1, t2, t3, t4, t5, text;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     as: t0,
     children,
     fontSize: t1,
@@ -6057,9 +7087,20 @@ function MenuGroup(props) {
     radius: t3,
     space: t4,
     text,
-    tone: t5,
-    ...restProps
-  } = props, $[0] = props, $[1] = IconComponent, $[2] = children, $[3] = onClick, $[4] = popover, $[5] = restProps, $[6] = t0, $[7] = t1, $[8] = t2, $[9] = t3, $[10] = t4, $[11] = t5, $[12] = text) : (IconComponent = $[1], children = $[2], onClick = $[3], popover = $[4], restProps = $[5], t0 = $[6], t1 = $[7], t2 = $[8], t3 = $[9], t4 = $[10], t5 = $[11], text = $[12]);
+    tone: t5
+  } = _a, restProps = __objRest$a(_a, [
+    "as",
+    "children",
+    "fontSize",
+    "icon",
+    "onClick",
+    "padding",
+    "popover",
+    "radius",
+    "space",
+    "text",
+    "tone"
+  ]), $[0] = props, $[1] = IconComponent, $[2] = children, $[3] = onClick, $[4] = popover, $[5] = restProps, $[6] = t0, $[7] = t1, $[8] = t2, $[9] = t3, $[10] = t4, $[11] = t5, $[12] = text) : (IconComponent = $[1], children = $[2], onClick = $[3], popover = $[4], restProps = $[5], t0 = $[6], t1 = $[7], t2 = $[8], t3 = $[9], t4 = $[10], t5 = $[11], text = $[12]);
   const as = t0 === void 0 ? "button" : t0, fontSize2 = t1 === void 0 ? 1 : t1, padding = t2 === void 0 ? 3 : t2, radius = t3 === void 0 ? 2 : t3, space = t4 === void 0 ? 3 : t4, tone = t5 === void 0 ? "default" : t5, menu = useMenu(), {
     scheme
   } = useRootTheme(), {
@@ -6070,7 +7111,7 @@ function MenuGroup(props) {
     onItemClick,
     onItemMouseEnter: _onItemMouseEnter,
     registerElement
-  } = menu, onItemMouseEnter = _onItemMouseEnter ?? menu.onMouseEnter, [rootElement, setRootElement] = react.useState(null), [open, setOpen] = react.useState(!1), [shouldFocus, setShouldFocus] = react.useState(null), active = !!activeElement && activeElement === rootElement, [withinMenu, setWithinMenu] = react.useState(!1);
+  } = menu, onItemMouseEnter = _onItemMouseEnter != null ? _onItemMouseEnter : menu.onMouseEnter, [rootElement, setRootElement] = react.useState(null), [open, setOpen] = react.useState(!1), [shouldFocus, setShouldFocus] = react.useState(null), active = !!activeElement && activeElement === rootElement, [withinMenu, setWithinMenu] = react.useState(!1);
   let t6;
   $[13] !== onItemMouseEnter ? (t6 = (event) => {
     setWithinMenu(!1), onItemMouseEnter(event), setOpen(!0);
@@ -6079,18 +7120,18 @@ function MenuGroup(props) {
   let t7;
   $[15] !== rootElement ? (t7 = (event_0) => {
     event_0.key === "ArrowLeft" && (event_0.stopPropagation(), setOpen(!1), requestAnimationFrame(() => {
-      rootElement?.focus();
+      rootElement == null || rootElement.focus();
     }));
   }, $[15] = rootElement, $[16] = t7) : t7 = $[16];
   const handleMenuKeyDown = t7;
   let t8;
   $[17] !== onClick ? (t8 = (event_1) => {
-    onClick?.(event_1), setShouldFocus("first"), setOpen(!0);
+    onClick == null || onClick(event_1), setShouldFocus("first"), setOpen(!0);
   }, $[17] = onClick, $[18] = t8) : t8 = $[18];
   const handleClick = t8;
   let t9;
   $[19] !== onItemClick ? (t9 = () => {
-    setOpen(!1), onItemClick?.();
+    setOpen(!1), onItemClick == null || onItemClick();
   }, $[19] = onItemClick, $[20] = t9) : t9 = $[20];
   const handleChildItemClick = t9;
   let t10;
@@ -6143,15 +7184,32 @@ function MenuGroup(props) {
     t29
   ] }), $[53] = padding, $[54] = space, $[55] = t26, $[56] = t27, $[57] = t29, $[58] = t30) : t30 = $[58];
   let t31;
-  $[59] !== as || $[60] !== handleClick || $[61] !== handleMouseEnter || $[62] !== restProps || $[63] !== scheme || $[64] !== t21 || $[65] !== t22 || $[66] !== t23 || $[67] !== t24 || $[68] !== t25 || $[69] !== t30 || $[70] !== tone ? (t31 = /* @__PURE__ */ jsxRuntime.jsx(Selectable, { "data-as": as, "data-ui": "MenuGroup", forwardedAs: as, ...restProps, "aria-pressed": t21, "data-pressed": t22, "data-selected": t23, $radius: t24, $tone: tone, $scheme: scheme, onClick: handleClick, onKeyDown: handleKeyDown, onMouseEnter: handleMouseEnter, ref: setRootElement, tabIndex: -1, type: t25, children: t30 }), $[59] = as, $[60] = handleClick, $[61] = handleMouseEnter, $[62] = restProps, $[63] = scheme, $[64] = t21, $[65] = t22, $[66] = t23, $[67] = t24, $[68] = t25, $[69] = t30, $[70] = tone, $[71] = t31) : t31 = $[71];
+  $[59] !== as || $[60] !== handleClick || $[61] !== handleMouseEnter || $[62] !== restProps || $[63] !== scheme || $[64] !== t21 || $[65] !== t22 || $[66] !== t23 || $[67] !== t24 || $[68] !== t25 || $[69] !== t30 || $[70] !== tone ? (t31 = /* @__PURE__ */ jsxRuntime.jsx(Selectable, __spreadProps$b(__spreadValues$b({ "data-as": as, "data-ui": "MenuGroup", forwardedAs: as }, restProps), { "aria-pressed": t21, "data-pressed": t22, "data-selected": t23, $radius: t24, $tone: tone, $scheme: scheme, onClick: handleClick, onKeyDown: handleKeyDown, onMouseEnter: handleMouseEnter, ref: setRootElement, tabIndex: -1, type: t25, children: t30 })), $[59] = as, $[60] = handleClick, $[61] = handleMouseEnter, $[62] = restProps, $[63] = scheme, $[64] = t21, $[65] = t22, $[66] = t23, $[67] = t24, $[68] = t25, $[69] = t30, $[70] = tone, $[71] = t31) : t31 = $[71];
   let t32;
-  return $[72] !== childMenu || $[73] !== open || $[74] !== popover || $[75] !== t31 ? (t32 = /* @__PURE__ */ jsxRuntime.jsx(Popover, { ...popover, content: childMenu, "data-ui": "MenuGroup__popover", open, children: t31 }), $[72] = childMenu, $[73] = open, $[74] = popover, $[75] = t31, $[76] = t32) : t32 = $[76], t32;
+  return $[72] !== childMenu || $[73] !== open || $[74] !== popover || $[75] !== t31 ? (t32 = /* @__PURE__ */ jsxRuntime.jsx(Popover, __spreadProps$b(__spreadValues$b({}, popover), { content: childMenu, "data-ui": "MenuGroup__popover", open, children: t31 })), $[72] = childMenu, $[73] = open, $[74] = popover, $[75] = t31, $[76] = t32) : t32 = $[76], t32;
 }
 MenuGroup.displayName = "MenuGroup";
+var __defProp$a = Object.defineProperty, __defProps$a = Object.defineProperties, __getOwnPropDescs$a = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$a = Object.getOwnPropertySymbols, __hasOwnProp$a = Object.prototype.hasOwnProperty, __propIsEnum$a = Object.prototype.propertyIsEnumerable, __defNormalProp$a = (obj, key2, value) => key2 in obj ? __defProp$a(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$a = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$a.call(b, prop) && __defNormalProp$a(a, prop, b[prop]);
+  if (__getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(b))
+      __propIsEnum$a.call(b, prop) && __defNormalProp$a(a, prop, b[prop]);
+  return a;
+}, __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b)), __objRest$9 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const MenuItem = react.forwardRef(function(props, forwardedRef) {
+  var _a;
   const $ = reactCompilerRuntime.c(74);
   let IconComponent, IconRightComponent, children, disabled, hotkeys, onClick, paddingBottom, paddingLeft, paddingRight, paddingTop, paddingX, paddingY, pressed, restProps, selectedProp, t0, t1, t2, t3, t4, t5, text;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     as: t0,
     children,
     disabled,
@@ -6172,9 +7230,30 @@ const MenuItem = react.forwardRef(function(props, forwardedRef) {
     selected: selectedProp,
     space: t4,
     text,
-    tone: t5,
-    ...restProps
-  } = props, $[0] = props, $[1] = IconComponent, $[2] = IconRightComponent, $[3] = children, $[4] = disabled, $[5] = hotkeys, $[6] = onClick, $[7] = paddingBottom, $[8] = paddingLeft, $[9] = paddingRight, $[10] = paddingTop, $[11] = paddingX, $[12] = paddingY, $[13] = pressed, $[14] = restProps, $[15] = selectedProp, $[16] = t0, $[17] = t1, $[18] = t2, $[19] = t3, $[20] = t4, $[21] = t5, $[22] = text) : (IconComponent = $[1], IconRightComponent = $[2], children = $[3], disabled = $[4], hotkeys = $[5], onClick = $[6], paddingBottom = $[7], paddingLeft = $[8], paddingRight = $[9], paddingTop = $[10], paddingX = $[11], paddingY = $[12], pressed = $[13], restProps = $[14], selectedProp = $[15], t0 = $[16], t1 = $[17], t2 = $[18], t3 = $[19], t4 = $[20], t5 = $[21], text = $[22]);
+    tone: t5
+  } = _a, restProps = __objRest$9(_a, [
+    "as",
+    "children",
+    "disabled",
+    "fontSize",
+    "hotkeys",
+    "icon",
+    "iconRight",
+    "onClick",
+    "padding",
+    "paddingX",
+    "paddingY",
+    "paddingTop",
+    "paddingRight",
+    "paddingBottom",
+    "paddingLeft",
+    "pressed",
+    "radius",
+    "selected",
+    "space",
+    "text",
+    "tone"
+  ]), $[0] = props, $[1] = IconComponent, $[2] = IconRightComponent, $[3] = children, $[4] = disabled, $[5] = hotkeys, $[6] = onClick, $[7] = paddingBottom, $[8] = paddingLeft, $[9] = paddingRight, $[10] = paddingTop, $[11] = paddingX, $[12] = paddingY, $[13] = pressed, $[14] = restProps, $[15] = selectedProp, $[16] = t0, $[17] = t1, $[18] = t2, $[19] = t3, $[20] = t4, $[21] = t5, $[22] = text) : (IconComponent = $[1], IconRightComponent = $[2], children = $[3], disabled = $[4], hotkeys = $[5], onClick = $[6], paddingBottom = $[7], paddingLeft = $[8], paddingRight = $[9], paddingTop = $[10], paddingX = $[11], paddingY = $[12], pressed = $[13], restProps = $[14], selectedProp = $[15], t0 = $[16], t1 = $[17], t2 = $[18], t3 = $[19], t4 = $[20], t5 = $[21], text = $[22]);
   const as = t0 === void 0 ? "button" : t0, fontSize2 = t1 === void 0 ? 1 : t1, padding = t2 === void 0 ? 3 : t2, radius = t3 === void 0 ? 2 : t3, space = t4 === void 0 ? 3 : t4, tone = t5 === void 0 ? "default" : t5, {
     scheme
   } = useRootTheme(), menu = useMenu(), {
@@ -6183,7 +7262,7 @@ const MenuItem = react.forwardRef(function(props, forwardedRef) {
     onItemClick,
     onItemMouseEnter: _onItemMouseEnter,
     onItemMouseLeave: _onItemMouseLeave
-  } = menu, onItemMouseEnter = _onItemMouseEnter ?? menu.onMouseEnter, onItemMouseLeave = _onItemMouseLeave ?? menu.onMouseLeave, [rootElement, setRootElement] = react.useState(null), active = !!activeElement && activeElement === rootElement, ref = react.useRef(null);
+  } = menu, onItemMouseEnter = _onItemMouseEnter != null ? _onItemMouseEnter : menu.onMouseEnter, onItemMouseLeave = _onItemMouseLeave != null ? _onItemMouseLeave : menu.onMouseLeave, [rootElement, setRootElement] = react.useState(null), active = !!activeElement && activeElement === rootElement, ref = react.useRef(null);
   let t6;
   $[23] === Symbol.for("react.memo_cache_sentinel") ? (t6 = () => ref.current, $[23] = t6) : t6 = $[23], react.useImperativeHandle(forwardedRef, t6);
   let t7, t8;
@@ -6213,7 +7292,7 @@ const MenuItem = react.forwardRef(function(props, forwardedRef) {
   }, $[43] = t14) : t14 = $[43];
   const setRef = t14, t15 = as === "button" && pressed, t16 = as !== "button" && pressed ? "" : void 0, t17 = active ? "" : void 0, t18 = disabled ? "" : void 0, t19 = useArrayProp(radius), t20 = useArrayProp(0), t21 = disabled ? "default" : tone, t22 = as === "button" ? "button" : void 0;
   let t23;
-  $[44] !== IconComponent || $[45] !== IconRightComponent || $[46] !== fontSize2 || $[47] !== hotkeys || $[48] !== hotkeysFontSize || $[49] !== paddingProps || $[50] !== space || $[51] !== text ? (t23 = (IconComponent || text || IconRightComponent) && /* @__PURE__ */ jsxRuntime.jsxs(Flex, { as: "span", gap: space, align: "center", ...paddingProps, children: [
+  $[44] !== IconComponent || $[45] !== IconRightComponent || $[46] !== fontSize2 || $[47] !== hotkeys || $[48] !== hotkeysFontSize || $[49] !== paddingProps || $[50] !== space || $[51] !== text ? (t23 = (IconComponent || text || IconRightComponent) && /* @__PURE__ */ jsxRuntime.jsxs(Flex, __spreadProps$a(__spreadValues$a({ as: "span", gap: space, align: "center" }, paddingProps), { children: [
     IconComponent && /* @__PURE__ */ jsxRuntime.jsxs(Text, { size: fontSize2, children: [
       react.isValidElement(IconComponent) && IconComponent,
       ReactIs.isValidElementType(IconComponent) && /* @__PURE__ */ jsxRuntime.jsx(IconComponent, {})
@@ -6227,14 +7306,14 @@ const MenuItem = react.forwardRef(function(props, forwardedRef) {
       react.isValidElement(IconRightComponent) && IconRightComponent,
       ReactIs.isValidElementType(IconRightComponent) && /* @__PURE__ */ jsxRuntime.jsx(IconRightComponent, {})
     ] })
-  ] }), $[44] = IconComponent, $[45] = IconRightComponent, $[46] = fontSize2, $[47] = hotkeys, $[48] = hotkeysFontSize, $[49] = paddingProps, $[50] = space, $[51] = text, $[52] = t23) : t23 = $[52];
+  ] })), $[44] = IconComponent, $[45] = IconRightComponent, $[46] = fontSize2, $[47] = hotkeys, $[48] = hotkeysFontSize, $[49] = paddingProps, $[50] = space, $[51] = text, $[52] = t23) : t23 = $[52];
   let t24;
-  $[53] !== children || $[54] !== paddingProps ? (t24 = children && /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "span", ...paddingProps, children }), $[53] = children, $[54] = paddingProps, $[55] = t24) : t24 = $[55];
+  $[53] !== children || $[54] !== paddingProps ? (t24 = children && /* @__PURE__ */ jsxRuntime.jsx(Box, __spreadProps$a(__spreadValues$a({ as: "span" }, paddingProps), { children })), $[53] = children, $[54] = paddingProps, $[55] = t24) : t24 = $[55];
   let t25;
-  return $[56] !== as || $[57] !== disabled || $[58] !== handleClick || $[59] !== onItemMouseEnter || $[60] !== onItemMouseLeave || $[61] !== restProps || $[62] !== scheme || $[63] !== t15 || $[64] !== t16 || $[65] !== t17 || $[66] !== t18 || $[67] !== t19 || $[68] !== t20 || $[69] !== t21 || $[70] !== t22 || $[71] !== t23 || $[72] !== t24 ? (t25 = /* @__PURE__ */ jsxRuntime.jsxs(Selectable, { "data-ui": "MenuItem", ...restProps, "aria-pressed": t15, "data-pressed": t16, "data-selected": t17, "data-disabled": t18, forwardedAs: as, $radius: t19, $padding: t20, $tone: t21, $scheme: scheme, disabled, onClick: handleClick, onMouseEnter: onItemMouseEnter, onMouseLeave: onItemMouseLeave, ref: setRef, role: "menuitem", tabIndex: -1, type: t22, children: [
+  return $[56] !== as || $[57] !== disabled || $[58] !== handleClick || $[59] !== onItemMouseEnter || $[60] !== onItemMouseLeave || $[61] !== restProps || $[62] !== scheme || $[63] !== t15 || $[64] !== t16 || $[65] !== t17 || $[66] !== t18 || $[67] !== t19 || $[68] !== t20 || $[69] !== t21 || $[70] !== t22 || $[71] !== t23 || $[72] !== t24 ? (t25 = /* @__PURE__ */ jsxRuntime.jsxs(Selectable, __spreadProps$a(__spreadValues$a({ "data-ui": "MenuItem" }, restProps), { "aria-pressed": t15, "data-pressed": t16, "data-selected": t17, "data-disabled": t18, forwardedAs: as, $radius: t19, $padding: t20, $tone: t21, $scheme: scheme, disabled, onClick: handleClick, onMouseEnter: onItemMouseEnter, onMouseLeave: onItemMouseLeave, ref: setRef, role: "menuitem", tabIndex: -1, type: t22, children: [
     t23,
     t24
-  ] }), $[56] = as, $[57] = disabled, $[58] = handleClick, $[59] = onItemMouseEnter, $[60] = onItemMouseLeave, $[61] = restProps, $[62] = scheme, $[63] = t15, $[64] = t16, $[65] = t17, $[66] = t18, $[67] = t19, $[68] = t20, $[69] = t21, $[70] = t22, $[71] = t23, $[72] = t24, $[73] = t25) : t25 = $[73], t25;
+  ] })), $[56] = as, $[57] = disabled, $[58] = handleClick, $[59] = onItemMouseEnter, $[60] = onItemMouseLeave, $[61] = restProps, $[62] = scheme, $[63] = t15, $[64] = t16, $[65] = t17, $[66] = t18, $[67] = t19, $[68] = t20, $[69] = t21, $[70] = t22, $[71] = t23, $[72] = t24, $[73] = t25) : t25 = $[73], t25;
 });
 MenuItem.displayName = "ForwardRef(MenuItem)";
 function _temp$1(s) {
@@ -6280,15 +7359,36 @@ const keyframe = styledComponents.keyframes`
   @media screen and (prefers-reduced-motion: reduce) {
     background-color: var(--card-skeleton-color-from);
   }
-`, Root$4 = styledComponents.styled(Box)(responsiveRadiusStyle, skeletonStyle), Skeleton = react.forwardRef(function(props, ref) {
+`;
+var __defProp$9 = Object.defineProperty, __defProps$9 = Object.defineProperties, __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$9 = Object.getOwnPropertySymbols, __hasOwnProp$9 = Object.prototype.hasOwnProperty, __propIsEnum$9 = Object.prototype.propertyIsEnumerable, __defNormalProp$9 = (obj, key2, value) => key2 in obj ? __defProp$9(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$9 = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$9.call(b, prop) && __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b))
+      __propIsEnum$9.call(b, prop) && __defNormalProp$9(a, prop, b[prop]);
+  return a;
+}, __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b)), __objRest$8 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
+const Root$4 = styledComponents.styled(Box)(responsiveRadiusStyle, skeletonStyle), Skeleton = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(14);
   let delay, radius, restProps, t0;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     animated: t0,
     delay,
-    radius,
-    ...restProps
-  } = props, $[0] = props, $[1] = delay, $[2] = radius, $[3] = restProps, $[4] = t0) : (delay = $[1], radius = $[2], restProps = $[3], t0 = $[4]);
+    radius
+  } = _a, restProps = __objRest$8(_a, [
+    "animated",
+    "delay",
+    "radius"
+  ]), $[0] = props, $[1] = delay, $[2] = radius, $[3] = restProps, $[4] = t0) : (delay = $[1], radius = $[2], restProps = $[3], t0 = $[4]);
   const animated = t0 === void 0 ? !1 : t0, [visible, setVisible] = react.useState(!delay);
   let t1, t2;
   $[5] !== delay ? (t1 = () => {
@@ -6303,9 +7403,25 @@ const keyframe = styledComponents.keyframes`
   }, t2 = [delay], $[5] = delay, $[6] = t1, $[7] = t2) : (t1 = $[6], t2 = $[7]), react.useEffect(t1, t2);
   const t3 = useArrayProp(radius);
   let t4;
-  return $[8] !== animated || $[9] !== ref || $[10] !== restProps || $[11] !== t3 || $[12] !== visible ? (t4 = /* @__PURE__ */ jsxRuntime.jsx(Root$4, { ...restProps, $animated: animated, $radius: t3, $visible: visible, ref }), $[8] = animated, $[9] = ref, $[10] = restProps, $[11] = t3, $[12] = visible, $[13] = t4) : t4 = $[13], t4;
+  return $[8] !== animated || $[9] !== ref || $[10] !== restProps || $[11] !== t3 || $[12] !== visible ? (t4 = /* @__PURE__ */ jsxRuntime.jsx(Root$4, __spreadProps$9(__spreadValues$9({}, restProps), { $animated: animated, $radius: t3, $visible: visible, ref })), $[8] = animated, $[9] = ref, $[10] = restProps, $[11] = t3, $[12] = visible, $[13] = t4) : t4 = $[13], t4;
 });
 Skeleton.displayName = "ForwardRef(Skeleton)";
+var __defProp$8 = Object.defineProperty, __defProps$8 = Object.defineProperties, __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$8 = Object.getOwnPropertySymbols, __hasOwnProp$8 = Object.prototype.hasOwnProperty, __propIsEnum$8 = Object.prototype.propertyIsEnumerable, __defNormalProp$8 = (obj, key2, value) => key2 in obj ? __defProp$8(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$8 = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$8.call(b, prop) && __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b))
+      __propIsEnum$8.call(b, prop) && __defNormalProp$8(a, prop, b[prop]);
+  return a;
+}, __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b)), __objRest$7 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const Root$3 = styledComponents.styled(Skeleton)((props) => {
   const {
     $size,
@@ -6321,59 +7437,84 @@ const Root$3 = styledComponents.styled(Skeleton)((props) => {
     };
   });
 }), TextSkeleton = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(7);
   let restProps, t0;
-  $[0] !== props ? ({
-    size: t0,
-    ...restProps
-  } = props, $[0] = props, $[1] = restProps, $[2] = t0) : (restProps = $[1], t0 = $[2]);
+  $[0] !== props ? (_a = props, {
+    size: t0
+  } = _a, restProps = __objRest$7(_a, [
+    "size"
+  ]), $[0] = props, $[1] = restProps, $[2] = t0) : (restProps = $[1], t0 = $[2]);
   const $size = useArrayProp(t0 === void 0 ? 2 : t0);
   let t1;
-  return $[3] !== $size || $[4] !== ref || $[5] !== restProps ? (t1 = /* @__PURE__ */ jsxRuntime.jsx(Root$3, { ...restProps, $size, ref, $style: "text" }), $[3] = $size, $[4] = ref, $[5] = restProps, $[6] = t1) : t1 = $[6], t1;
+  return $[3] !== $size || $[4] !== ref || $[5] !== restProps ? (t1 = /* @__PURE__ */ jsxRuntime.jsx(Root$3, __spreadProps$8(__spreadValues$8({}, restProps), { $size, ref, $style: "text" })), $[3] = $size, $[4] = ref, $[5] = restProps, $[6] = t1) : t1 = $[6], t1;
 });
 TextSkeleton.displayName = "ForwardRef(TextSkeleton)";
 const LabelSkeleton = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(7);
   let restProps, t0;
-  $[0] !== props ? ({
-    size: t0,
-    ...restProps
-  } = props, $[0] = props, $[1] = restProps, $[2] = t0) : (restProps = $[1], t0 = $[2]);
+  $[0] !== props ? (_a = props, {
+    size: t0
+  } = _a, restProps = __objRest$7(_a, [
+    "size"
+  ]), $[0] = props, $[1] = restProps, $[2] = t0) : (restProps = $[1], t0 = $[2]);
   const $size = useArrayProp(t0 === void 0 ? 2 : t0);
   let t1;
-  return $[3] !== $size || $[4] !== ref || $[5] !== restProps ? (t1 = /* @__PURE__ */ jsxRuntime.jsx(Root$3, { ...restProps, $size, ref, $style: "label" }), $[3] = $size, $[4] = ref, $[5] = restProps, $[6] = t1) : t1 = $[6], t1;
+  return $[3] !== $size || $[4] !== ref || $[5] !== restProps ? (t1 = /* @__PURE__ */ jsxRuntime.jsx(Root$3, __spreadProps$8(__spreadValues$8({}, restProps), { $size, ref, $style: "label" })), $[3] = $size, $[4] = ref, $[5] = restProps, $[6] = t1) : t1 = $[6], t1;
 });
 LabelSkeleton.displayName = "ForwardRef(LabelSkeleton)";
 const HeadingSkeleton = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(7);
   let restProps, t0;
-  $[0] !== props ? ({
-    size: t0,
-    ...restProps
-  } = props, $[0] = props, $[1] = restProps, $[2] = t0) : (restProps = $[1], t0 = $[2]);
+  $[0] !== props ? (_a = props, {
+    size: t0
+  } = _a, restProps = __objRest$7(_a, [
+    "size"
+  ]), $[0] = props, $[1] = restProps, $[2] = t0) : (restProps = $[1], t0 = $[2]);
   const $size = useArrayProp(t0 === void 0 ? 2 : t0);
   let t1;
-  return $[3] !== $size || $[4] !== ref || $[5] !== restProps ? (t1 = /* @__PURE__ */ jsxRuntime.jsx(Root$3, { ...restProps, $size, ref, $style: "heading" }), $[3] = $size, $[4] = ref, $[5] = restProps, $[6] = t1) : t1 = $[6], t1;
+  return $[3] !== $size || $[4] !== ref || $[5] !== restProps ? (t1 = /* @__PURE__ */ jsxRuntime.jsx(Root$3, __spreadProps$8(__spreadValues$8({}, restProps), { $size, ref, $style: "heading" })), $[3] = $size, $[4] = ref, $[5] = restProps, $[6] = t1) : t1 = $[6], t1;
 });
 HeadingSkeleton.displayName = "ForwardRef(HeadingSkeleton)";
 const CodeSkeleton = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(7);
   let restProps, t0;
-  $[0] !== props ? ({
-    size: t0,
-    ...restProps
-  } = props, $[0] = props, $[1] = restProps, $[2] = t0) : (restProps = $[1], t0 = $[2]);
+  $[0] !== props ? (_a = props, {
+    size: t0
+  } = _a, restProps = __objRest$7(_a, [
+    "size"
+  ]), $[0] = props, $[1] = restProps, $[2] = t0) : (restProps = $[1], t0 = $[2]);
   const $size = useArrayProp(t0 === void 0 ? 2 : t0);
   let t1;
-  return $[3] !== $size || $[4] !== ref || $[5] !== restProps ? (t1 = /* @__PURE__ */ jsxRuntime.jsx(Root$3, { ...restProps, $size, ref, $style: "code" }), $[3] = $size, $[4] = ref, $[5] = restProps, $[6] = t1) : t1 = $[6], t1;
+  return $[3] !== $size || $[4] !== ref || $[5] !== restProps ? (t1 = /* @__PURE__ */ jsxRuntime.jsx(Root$3, __spreadProps$8(__spreadValues$8({}, restProps), { $size, ref, $style: "code" })), $[3] = $size, $[4] = ref, $[5] = restProps, $[6] = t1) : t1 = $[6], t1;
 });
 CodeSkeleton.displayName = "ForwardRef(CodeSkeleton)";
+var __defProp$7 = Object.defineProperty, __defProps$7 = Object.defineProperties, __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$7 = Object.getOwnPropertySymbols, __hasOwnProp$7 = Object.prototype.hasOwnProperty, __propIsEnum$7 = Object.prototype.propertyIsEnumerable, __defNormalProp$7 = (obj, key2, value) => key2 in obj ? __defProp$7(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$7 = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$7.call(b, prop) && __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(b))
+      __propIsEnum$7.call(b, prop) && __defNormalProp$7(a, prop, b[prop]);
+  return a;
+}, __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b)), __objRest$6 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const CustomButton = styledComponents.styled(Button)`
   max-width: 100%;
 `, Tab = react.forwardRef(function(props, forwardedRef) {
+  var _a;
   const $ = reactCompilerRuntime.c(30);
   let focused, icon, id, label, onClick, onFocus, restProps, selected, t0, t1;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     icon,
     id,
     focused,
@@ -6382,9 +7523,18 @@ const CustomButton = styledComponents.styled(Button)`
     onClick,
     onFocus,
     padding: t1,
-    selected,
-    ...restProps
-  } = props, $[0] = props, $[1] = focused, $[2] = icon, $[3] = id, $[4] = label, $[5] = onClick, $[6] = onFocus, $[7] = restProps, $[8] = selected, $[9] = t0, $[10] = t1) : (focused = $[1], icon = $[2], id = $[3], label = $[4], onClick = $[5], onFocus = $[6], restProps = $[7], selected = $[8], t0 = $[9], t1 = $[10]);
+    selected
+  } = _a, restProps = __objRest$6(_a, [
+    "icon",
+    "id",
+    "focused",
+    "fontSize",
+    "label",
+    "onClick",
+    "onFocus",
+    "padding",
+    "selected"
+  ]), $[0] = props, $[1] = focused, $[2] = icon, $[3] = id, $[4] = label, $[5] = onClick, $[6] = onFocus, $[7] = restProps, $[8] = selected, $[9] = t0, $[10] = t1) : (focused = $[1], icon = $[2], id = $[3], label = $[4], onClick = $[5], onFocus = $[6], restProps = $[7], selected = $[8], t0 = $[9], t1 = $[10]);
   const fontSize2 = t0 === void 0 ? 1 : t0, padding = t1 === void 0 ? 2 : t1, ref = react.useRef(null), focusedRef = react.useRef(!1);
   let t2;
   $[11] === Symbol.for("react.memo_cache_sentinel") ? (t2 = () => ref.current, $[11] = t2) : t2 = $[11], react.useImperativeHandle(forwardedRef, t2);
@@ -6404,9 +7554,25 @@ const CustomButton = styledComponents.styled(Button)`
   }, t6 = [focused], $[15] = focused, $[16] = t5, $[17] = t6) : (t5 = $[16], t6 = $[17]), react.useEffect(t5, t6);
   const t7 = selected ? "true" : "false", t8 = selected ? 0 : -1;
   let t9;
-  return $[18] !== fontSize2 || $[19] !== handleFocus || $[20] !== icon || $[21] !== id || $[22] !== label || $[23] !== onClick || $[24] !== padding || $[25] !== restProps || $[26] !== selected || $[27] !== t7 || $[28] !== t8 ? (t9 = /* @__PURE__ */ jsxRuntime.jsx(CustomButton, { "data-ui": "Tab", ...restProps, "aria-selected": t7, fontSize: fontSize2, icon, id, mode: "bleed", onClick, onBlur: handleBlur, onFocus: handleFocus, padding, ref, role: "tab", selected, tabIndex: t8, text: label, type: "button" }), $[18] = fontSize2, $[19] = handleFocus, $[20] = icon, $[21] = id, $[22] = label, $[23] = onClick, $[24] = padding, $[25] = restProps, $[26] = selected, $[27] = t7, $[28] = t8, $[29] = t9) : t9 = $[29], t9;
+  return $[18] !== fontSize2 || $[19] !== handleFocus || $[20] !== icon || $[21] !== id || $[22] !== label || $[23] !== onClick || $[24] !== padding || $[25] !== restProps || $[26] !== selected || $[27] !== t7 || $[28] !== t8 ? (t9 = /* @__PURE__ */ jsxRuntime.jsx(CustomButton, __spreadProps$7(__spreadValues$7({ "data-ui": "Tab" }, restProps), { "aria-selected": t7, fontSize: fontSize2, icon, id, mode: "bleed", onClick, onBlur: handleBlur, onFocus: handleFocus, padding, ref, role: "tab", selected, tabIndex: t8, text: label, type: "button" })), $[18] = fontSize2, $[19] = handleFocus, $[20] = icon, $[21] = id, $[22] = label, $[23] = onClick, $[24] = padding, $[25] = restProps, $[26] = selected, $[27] = t7, $[28] = t8, $[29] = t9) : t9 = $[29], t9;
 });
 Tab.displayName = "ForwardRef(Tab)";
+var __defProp$6 = Object.defineProperty, __defProps$6 = Object.defineProperties, __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$6 = Object.getOwnPropertySymbols, __hasOwnProp$6 = Object.prototype.hasOwnProperty, __propIsEnum$6 = Object.prototype.propertyIsEnumerable, __defNormalProp$6 = (obj, key2, value) => key2 in obj ? __defProp$6(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$6 = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$6.call(b, prop) && __defNormalProp$6(a, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b))
+      __propIsEnum$6.call(b, prop) && __defNormalProp$6(a, prop, b[prop]);
+  return a;
+}, __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b)), __objRest$5 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const CustomInline = styledComponents.styled(Inline)`
   & > div {
     display: inline-block;
@@ -6415,12 +7581,14 @@ const CustomInline = styledComponents.styled(Inline)`
     box-sizing: border-box;
   }
 `, TabList = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(15);
   let childrenProp, restProps;
-  $[0] !== props ? ({
-    children: childrenProp,
-    ...restProps
-  } = props, $[0] = props, $[1] = childrenProp, $[2] = restProps) : (childrenProp = $[1], restProps = $[2]);
+  $[0] !== props ? (_a = props, {
+    children: childrenProp
+  } = _a, restProps = __objRest$5(_a, [
+    "children"
+  ]), $[0] = props, $[1] = childrenProp, $[2] = restProps) : (childrenProp = $[1], restProps = $[2]);
   const [focusedIndex, setFocusedIndex] = react.useState(-1);
   let t0;
   if ($[3] !== childrenProp || $[4] !== focusedIndex) {
@@ -6440,19 +7608,37 @@ const CustomInline = styledComponents.styled(Inline)`
   }, $[8] = numTabs, $[9] = t1) : t1 = $[9];
   const handleKeyDown = t1;
   let t2;
-  return $[10] !== handleKeyDown || $[11] !== ref || $[12] !== restProps || $[13] !== tabs ? (t2 = /* @__PURE__ */ jsxRuntime.jsx(CustomInline, { "data-ui": "TabList", ...restProps, onKeyDown: handleKeyDown, ref, role: "tablist", children: tabs }), $[10] = handleKeyDown, $[11] = ref, $[12] = restProps, $[13] = tabs, $[14] = t2) : t2 = $[14], t2;
+  return $[10] !== handleKeyDown || $[11] !== ref || $[12] !== restProps || $[13] !== tabs ? (t2 = /* @__PURE__ */ jsxRuntime.jsx(CustomInline, __spreadProps$6(__spreadValues$6({ "data-ui": "TabList" }, restProps), { onKeyDown: handleKeyDown, ref, role: "tablist", children: tabs })), $[10] = handleKeyDown, $[11] = ref, $[12] = restProps, $[13] = tabs, $[14] = t2) : t2 = $[14], t2;
 });
 TabList.displayName = "ForwardRef(TabList)";
+var __defProp$5 = Object.defineProperty, __defProps$5 = Object.defineProperties, __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$5 = Object.getOwnPropertySymbols, __hasOwnProp$5 = Object.prototype.hasOwnProperty, __propIsEnum$5 = Object.prototype.propertyIsEnumerable, __defNormalProp$5 = (obj, key2, value) => key2 in obj ? __defProp$5(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$5 = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$5.call(b, prop) && __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b))
+      __propIsEnum$5.call(b, prop) && __defNormalProp$5(a, prop, b[prop]);
+  return a;
+}, __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b)), __objRest$4 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const TabPanel = react.forwardRef(function(props, ref) {
+  var _a;
   const $ = reactCompilerRuntime.c(9);
   let flex, restProps;
-  $[0] !== props ? ({
-    flex,
-    ...restProps
-  } = props, $[0] = props, $[1] = flex, $[2] = restProps) : (flex = $[1], restProps = $[2]);
+  $[0] !== props ? (_a = props, {
+    flex
+  } = _a, restProps = __objRest$4(_a, [
+    "flex"
+  ]), $[0] = props, $[1] = flex, $[2] = restProps) : (flex = $[1], restProps = $[2]);
   const t0 = props.tabIndex === void 0 ? 0 : props.tabIndex;
   let t1;
-  return $[3] !== flex || $[4] !== props.children || $[5] !== ref || $[6] !== restProps || $[7] !== t0 ? (t1 = /* @__PURE__ */ jsxRuntime.jsx(Box, { "data-ui": "TabPanel", ...restProps, flex, ref, role: "tabpanel", tabIndex: t0, children: props.children }), $[3] = flex, $[4] = props.children, $[5] = ref, $[6] = restProps, $[7] = t0, $[8] = t1) : t1 = $[8], t1;
+  return $[3] !== flex || $[4] !== props.children || $[5] !== ref || $[6] !== restProps || $[7] !== t0 ? (t1 = /* @__PURE__ */ jsxRuntime.jsx(Box, __spreadProps$5(__spreadValues$5({ "data-ui": "TabPanel" }, restProps), { flex, ref, role: "tabpanel", tabIndex: t0, children: props.children })), $[3] = flex, $[4] = props.children, $[5] = ref, $[6] = restProps, $[7] = t0, $[8] = t1) : t1 = $[8], t1;
 });
 TabPanel.displayName = "ForwardRef(TabPanel)";
 const TextBox = styledComponents.styled(Flex)`
@@ -6499,6 +7685,22 @@ function rootStyles(props) {
       }
     `;
 }
+var __defProp$4 = Object.defineProperty, __defProps$4 = Object.defineProperties, __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$4 = Object.getOwnPropertySymbols, __hasOwnProp$4 = Object.prototype.hasOwnProperty, __propIsEnum$4 = Object.prototype.propertyIsEnumerable, __defNormalProp$4 = (obj, key2, value) => key2 in obj ? __defProp$4(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$4 = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$4.call(b, prop) && __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b))
+      __propIsEnum$4.call(b, prop) && __defNormalProp$4(a, prop, b[prop]);
+  return a;
+}, __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b)), __objRest$3 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const STATUS_CARD_TONE = {
   error: "critical",
   warning: "caution",
@@ -6516,18 +7718,26 @@ const STATUS_CARD_TONE = {
   info: "alert"
 }, Root$2 = styledComponents.styled(Card)(rootStyles);
 function Toast(props) {
+  var _a;
   const $ = reactCompilerRuntime.c(30);
   let closable, description, duration, onClose, restProps, status, t0, title;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     closable,
     description,
     duration,
     onClose,
     radius: t0,
     title,
-    status,
-    ...restProps
-  } = props, $[0] = props, $[1] = closable, $[2] = description, $[3] = duration, $[4] = onClose, $[5] = restProps, $[6] = status, $[7] = t0, $[8] = title) : (closable = $[1], description = $[2], duration = $[3], onClose = $[4], restProps = $[5], status = $[6], t0 = $[7], title = $[8]);
+    status
+  } = _a, restProps = __objRest$3(_a, [
+    "closable",
+    "description",
+    "duration",
+    "onClose",
+    "radius",
+    "title",
+    "status"
+  ]), $[0] = props, $[1] = closable, $[2] = description, $[3] = duration, $[4] = onClose, $[5] = restProps, $[6] = status, $[7] = t0, $[8] = title) : (closable = $[1], description = $[2], duration = $[3], onClose = $[4], restProps = $[5], status = $[6], t0 = $[7], title = $[8]);
   const radius = t0 === void 0 ? 3 : t0, cardTone = status ? STATUS_CARD_TONE[status] : "default", buttonTone = status ? BUTTON_TONE[status] : "default", role = status ? ROLES[status] : "status";
   let t1;
   $[9] !== title ? (t1 = title && /* @__PURE__ */ jsxRuntime.jsx(Text, { size: 1, weight: "medium", children: title }), $[9] = title, $[10] = t1) : t1 = $[10];
@@ -6548,7 +7758,7 @@ function Toast(props) {
     t4
   ] }), $[20] = t3, $[21] = t4, $[22] = t5) : t5 = $[22];
   let t6;
-  return $[23] !== cardTone || $[24] !== duration || $[25] !== radius || $[26] !== restProps || $[27] !== role || $[28] !== t5 ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(Root$2, { "data-ui": "Toast", role, ...restProps, marginTop: 3, radius, shadow: 2, tone: cardTone, $duration: duration, children: t5 }), $[23] = cardTone, $[24] = duration, $[25] = radius, $[26] = restProps, $[27] = role, $[28] = t5, $[29] = t6) : t6 = $[29], t6;
+  return $[23] !== cardTone || $[24] !== duration || $[25] !== radius || $[26] !== restProps || $[27] !== role || $[28] !== t5 ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(Root$2, __spreadProps$4(__spreadValues$4({ "data-ui": "Toast", role }, restProps), { marginTop: 3, radius, shadow: 2, tone: cardTone, $duration: duration, children: t5 })), $[23] = cardTone, $[24] = duration, $[25] = radius, $[26] = restProps, $[27] = role, $[28] = t5, $[29] = t6) : t6 = $[29], t6;
 }
 Toast.displayName = "Toast";
 function useMounted() {
@@ -6566,6 +7776,14 @@ let toastId = 0;
 function generateToastId() {
   return String(toastId++);
 }
+var __defProp$3 = Object.defineProperty, __defProps$3 = Object.defineProperties, __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$3 = Object.getOwnPropertySymbols, __hasOwnProp$3 = Object.prototype.hasOwnProperty, __propIsEnum$3 = Object.prototype.propertyIsEnumerable, __defNormalProp$3 = (obj, key2, value) => key2 in obj ? __defProp$3(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$3 = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$3.call(b, prop) && __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b))
+      __propIsEnum$3.call(b, prop) && __defNormalProp$3(a, prop, b[prop]);
+  return a;
+}, __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 const Root$1 = styledComponents.styled(Layer)`
   position: fixed;
   top: 0;
@@ -6632,7 +7850,8 @@ function ToastProvider(props) {
     version: 0,
     push: (params) => {
       const setState = (state_0) => react.startTransition(() => _setState(state_0)), id = params.id || generateToastId(), duration = params.duration || 5e3, dismiss = () => {
-        const timeoutId = toastsRef.current[id]?.timeoutId;
+        var _a;
+        const timeoutId = (_a = toastsRef.current[id]) == null ? void 0 : _a.timeoutId;
         setState((prevState) => {
           const idx = prevState.findIndex((t) => t.id === id);
           if (idx > -1) {
@@ -6645,10 +7864,9 @@ function ToastProvider(props) {
       return setState((prevState_0) => prevState_0.filter((t_0) => t_0.id !== id).concat([{
         dismiss,
         id,
-        params: {
-          ...params,
+        params: __spreadProps$3(__spreadValues$3({}, params), {
           duration
-        }
+        })
       }])), toastsRef.current[id] && (clearTimeout(toastsRef.current[id].timeoutId), delete toastsRef.current[id]), toastsRef.current[id] = {
         timeoutId: setTimeout(dismiss, duration)
       }, id;
@@ -6694,6 +7912,7 @@ function useToast() {
   return value;
 }
 function _findPrevItemElement(state, itemElements, focusedElement) {
+  var _a;
   const idx = itemElements.indexOf(focusedElement), els = itemElements.slice(0, idx), len = els.length;
   for (let i = len - 1; i >= 0; i -= 1) {
     const itemKey = els[i].getAttribute("data-tree-key");
@@ -6706,7 +7925,7 @@ function _findPrevItemElement(state, itemElements, focusedElement) {
     for (let j = 0; j < segments.length; j += 1) {
       p.push(segments[j]);
       const k = p.join("/");
-      if (!state[k]?.expanded) {
+      if (!((_a = state[k]) != null && _a.expanded)) {
         expanded = !1;
         break;
       }
@@ -6717,6 +7936,7 @@ function _findPrevItemElement(state, itemElements, focusedElement) {
   return null;
 }
 function _findNextItemElement(state, itemElements, focusedElement) {
+  var _a;
   const idx = itemElements.indexOf(focusedElement), els = itemElements.slice(idx), len = itemElements.length;
   for (let i = 1; i < len; i += 1) {
     if (!els[i])
@@ -6731,7 +7951,7 @@ function _findNextItemElement(state, itemElements, focusedElement) {
     for (let j = 0; j < segments.length; j += 1) {
       p.push(segments[j]);
       const k = p.join("/");
-      if (!state[k]?.expanded) {
+      if (!((_a = state[k]) != null && _a.expanded)) {
         expanded = !1;
         break;
       }
@@ -6747,15 +7967,36 @@ function _focusItemElement(el) {
     firstChild && firstChild instanceof HTMLElement && firstChild.focus();
   }
 }
-const TreeContext = createGlobalScopedContext("@sanity/ui/context/tree", null), Tree = react.memo(react.forwardRef(function(props, forwardedRef) {
+const TreeContext = createGlobalScopedContext("@sanity/ui/context/tree", null);
+var __defProp$2 = Object.defineProperty, __defProps$2 = Object.defineProperties, __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$2 = Object.getOwnPropertySymbols, __hasOwnProp$2 = Object.prototype.hasOwnProperty, __propIsEnum$2 = Object.prototype.propertyIsEnumerable, __defNormalProp$2 = (obj, key2, value) => key2 in obj ? __defProp$2(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$2.call(b, prop) && __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b))
+      __propIsEnum$2.call(b, prop) && __defNormalProp$2(a, prop, b[prop]);
+  return a;
+}, __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b)), __objRest$2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
+const Tree = react.memo(react.forwardRef(function(props, forwardedRef) {
+  var _a;
   const $ = reactCompilerRuntime.c(37);
   let children, onFocus, restProps, t0;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     children,
     space: t0,
-    onFocus,
-    ...restProps
-  } = props, $[0] = props, $[1] = children, $[2] = onFocus, $[3] = restProps, $[4] = t0) : (children = $[1], onFocus = $[2], restProps = $[3], t0 = $[4]);
+    onFocus
+  } = _a, restProps = __objRest$2(_a, [
+    "children",
+    "space",
+    "onFocus"
+  ]), $[0] = props, $[1] = children, $[2] = onFocus, $[3] = restProps, $[4] = t0) : (children = $[1], onFocus = $[2], restProps = $[3], t0 = $[4]);
   const space = t0 === void 0 ? 1 : t0, ref = react.useRef(null), [focusedElement, setFocusedElement] = react.useState(null), focusedElementRef = react.useRef(focusedElement);
   let t1, t2;
   $[5] === Symbol.for("react.memo_cache_sentinel") ? (t2 = [], $[5] = t2) : t2 = $[5], t1 = t2;
@@ -6777,17 +8018,14 @@ const TreeContext = createGlobalScopedContext("@sanity/ui/context/tree", null),
     stateRef.current = state;
   }, t9 = [state], $[12] = state, $[13] = t8, $[14] = t9) : (t8 = $[13], t9 = $[14]), react.useEffect(t8, t9);
   let t10;
-  $[15] === Symbol.for("react.memo_cache_sentinel") ? (t10 = (element, path_0, expanded, selected) => (setState((s) => ({
-    ...s,
+  $[15] === Symbol.for("react.memo_cache_sentinel") ? (t10 = (element, path_0, expanded, selected) => (setState((s) => __spreadProps$2(__spreadValues$2({}, s), {
     [path_0]: {
       element,
       expanded
     }
   })), selected && setFocusedElement(element), () => {
     setState((s_0) => {
-      const newState = {
-        ...s_0
-      };
+      const newState = __spreadValues$2({}, s_0);
       return delete newState[path_0], newState;
     });
   }), $[15] = t10) : t10 = $[15];
@@ -6796,13 +8034,11 @@ const TreeContext = createGlobalScopedContext("@sanity/ui/context/tree", null),
   $[16] === Symbol.for("react.memo_cache_sentinel") ? (t11 = (path_1, expanded_0) => {
     setState((s_1) => {
       const itemState = s_1[path_1];
-      return itemState ? {
-        ...s_1,
-        [path_1]: {
-          ...itemState,
+      return itemState ? __spreadProps$2(__spreadValues$2({}, s_1), {
+        [path_1]: __spreadProps$2(__spreadValues$2({}, itemState), {
           expanded: expanded_0
-        }
-      } : s_1;
+        })
+      }) : s_1;
     });
   }, $[16] = t11) : t11 = $[16];
   const setExpanded = t11;
@@ -6823,6 +8059,7 @@ const TreeContext = createGlobalScopedContext("@sanity/ui/context/tree", null),
   const contextValue = t12;
   let t15;
   $[21] !== itemElements ? (t15 = (event) => {
+    var _a2;
     if (focusedElementRef.current) {
       if (event.key === "ArrowDown") {
         event.preventDefault();
@@ -6847,13 +8084,11 @@ const TreeContext = createGlobalScopedContext("@sanity/ui/context/tree", null),
         if (itemState_0.expanded)
           setState((s_2) => {
             const itemState_1 = s_2[itemKey];
-            return itemState_1 ? {
-              ...s_2,
-              [itemKey]: {
-                ...itemState_1,
+            return itemState_1 ? __spreadProps$2(__spreadValues$2({}, s_2), {
+              [itemKey]: __spreadProps$2(__spreadValues$2({}, itemState_1), {
                 expanded: !1
-              }
-            } : s_2;
+              })
+            }) : s_2;
           });
         else {
           const itemPath = itemKey.split("/");
@@ -6868,15 +8103,13 @@ const TreeContext = createGlobalScopedContext("@sanity/ui/context/tree", null),
         const focusedKey = focusedElementRef.current.getAttribute("data-tree-key");
         if (!focusedKey)
           return;
-        stateRef.current[focusedKey]?.expanded || setState((s_3) => {
+        (_a2 = stateRef.current[focusedKey]) != null && _a2.expanded || setState((s_3) => {
           const itemState_2 = s_3[focusedKey];
-          return itemState_2 ? {
-            ...s_3,
-            [focusedKey]: {
-              ...itemState_2,
+          return itemState_2 ? __spreadProps$2(__spreadValues$2({}, s_3), {
+            [focusedKey]: __spreadProps$2(__spreadValues$2({}, itemState_2), {
               expanded: !0
-            }
-          } : s_3;
+            })
+          }) : s_3;
         });
         return;
       }
@@ -6885,7 +8118,7 @@ const TreeContext = createGlobalScopedContext("@sanity/ui/context/tree", null),
   const handleKeyDown = t15;
   let t16;
   $[23] !== onFocus ? (t16 = (event_0) => {
-    setFocusedElement(event_0.target), onFocus?.(event_0);
+    setFocusedElement(event_0.target), onFocus == null || onFocus(event_0);
   }, $[23] = onFocus, $[24] = t16) : t16 = $[24];
   const handleFocus = t16;
   let t17;
@@ -6898,7 +8131,7 @@ const TreeContext = createGlobalScopedContext("@sanity/ui/context/tree", null),
   let t18;
   $[26] !== children ? (t18 = [children], $[26] = children, $[27] = t18) : t18 = $[27], react.useEffect(t17, t18);
   let t19;
-  $[28] !== children || $[29] !== handleFocus || $[30] !== handleKeyDown || $[31] !== restProps || $[32] !== space ? (t19 = /* @__PURE__ */ jsxRuntime.jsx(Stack, { as: "ul", "data-ui": "Tree", ...restProps, onFocus: handleFocus, onKeyDown: handleKeyDown, ref, role: "tree", space, children }), $[28] = children, $[29] = handleFocus, $[30] = handleKeyDown, $[31] = restProps, $[32] = space, $[33] = t19) : t19 = $[33];
+  $[28] !== children || $[29] !== handleFocus || $[30] !== handleKeyDown || $[31] !== restProps || $[32] !== space ? (t19 = /* @__PURE__ */ jsxRuntime.jsx(Stack, __spreadProps$2(__spreadValues$2({ as: "ul", "data-ui": "Tree" }, restProps), { onFocus: handleFocus, onKeyDown: handleKeyDown, ref, role: "tree", space, children })), $[28] = children, $[29] = handleFocus, $[30] = handleKeyDown, $[31] = restProps, $[32] = space, $[33] = t19) : t19 = $[33];
   let t20;
   return $[34] !== contextValue || $[35] !== t19 ? (t20 = /* @__PURE__ */ jsxRuntime.jsx(TreeContext.Provider, { value: contextValue, children: t19 }), $[34] = contextValue, $[35] = t19, $[36] = t20) : t20 = $[36], t20;
 }));
@@ -7001,25 +8234,61 @@ function useTree() {
     throw new Error("Tree: missing context value");
   return tree;
 }
+var __defProp$1 = Object.defineProperty, __defProps$1 = Object.defineProperties, __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$1 = Object.getOwnPropertySymbols, __hasOwnProp$1 = Object.prototype.hasOwnProperty, __propIsEnum$1 = Object.prototype.propertyIsEnumerable, __defNormalProp$1 = (obj, key2, value) => key2 in obj ? __defProp$1(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$1.call(b, prop) && __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b))
+      __propIsEnum$1.call(b, prop) && __defNormalProp$1(a, prop, b[prop]);
+  return a;
+}, __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b)), __objRest$1 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const TreeGroup = react.memo(function(props) {
+  var _a;
   const $ = reactCompilerRuntime.c(9);
   let children, restProps, t0;
-  $[0] !== props ? ({
+  $[0] !== props ? (_a = props, {
     children,
-    expanded: t0,
-    ...restProps
-  } = props, $[0] = props, $[1] = children, $[2] = restProps, $[3] = t0) : (children = $[1], restProps = $[2], t0 = $[3]);
+    expanded: t0
+  } = _a, restProps = __objRest$1(_a, [
+    "children",
+    "expanded"
+  ]), $[0] = props, $[1] = children, $[2] = restProps, $[3] = t0) : (children = $[1], restProps = $[2], t0 = $[3]);
   const expanded = t0 === void 0 ? !1 : t0, tree = useTree(), t1 = !expanded;
   let t2;
-  return $[4] !== children || $[5] !== restProps || $[6] !== t1 || $[7] !== tree.space ? (t2 = /* @__PURE__ */ jsxRuntime.jsx(Stack, { as: "ul", "data-ui": "TreeGroup", ...restProps, hidden: t1, marginTop: tree.space, role: "group", space: tree.space, children }), $[4] = children, $[5] = restProps, $[6] = t1, $[7] = tree.space, $[8] = t2) : t2 = $[8], t2;
-}), Root = react.memo(styledComponents.styled.li(treeItemRootStyle, treeItemRootColorStyle)), TreeItemBox = styledComponents.styled(Box).attrs({
+  return $[4] !== children || $[5] !== restProps || $[6] !== t1 || $[7] !== tree.space ? (t2 = /* @__PURE__ */ jsxRuntime.jsx(Stack, __spreadProps$1(__spreadValues$1({ as: "ul", "data-ui": "TreeGroup" }, restProps), { hidden: t1, marginTop: tree.space, role: "group", space: tree.space, children })), $[4] = children, $[5] = restProps, $[6] = t1, $[7] = tree.space, $[8] = t2) : t2 = $[8], t2;
+});
+var __defProp = Object.defineProperty, __defProps = Object.defineProperties, __getOwnPropDescs = Object.getOwnPropertyDescriptors, __getOwnPropSymbols = Object.getOwnPropertySymbols, __hasOwnProp = Object.prototype.hasOwnProperty, __propIsEnum = Object.prototype.propertyIsEnumerable, __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b))
+      __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+  return a;
+}, __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)), __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
+const Root = react.memo(styledComponents.styled.li(treeItemRootStyle, treeItemRootColorStyle)), TreeItemBox = styledComponents.styled(Box).attrs({
   forwardedAs: "a"
 })(treeItemBoxStyle), ToggleArrowText = styledComponents.styled(Text)`
   & > svg {
     transition: transform 100ms;
   }
 `, TreeItem = react.memo(function(props) {
-  const {
+  const _a = props, {
     children,
     expanded: expandedProp = !1,
     fontSize: fontSize2 = 1,
@@ -7033,15 +8302,28 @@ const TreeGroup = react.memo(function(props) {
     selected = !1,
     space = 2,
     text,
-    weight,
-    ...restProps
-  } = props, rootRef = react.useRef(null), treeitemRef = react.useRef(null), tree = useTree(), {
+    weight
+  } = _a, restProps = __objRest(_a, [
+    "children",
+    "expanded",
+    "fontSize",
+    "href",
+    "icon",
+    "id",
+    "linkAs",
+    "muted",
+    "onClick",
+    "padding",
+    "selected",
+    "space",
+    "text",
+    "weight"
+  ]), rootRef = react.useRef(null), treeitemRef = react.useRef(null), tree = useTree(), {
     path,
     registerItem,
     setExpanded,
     setFocusedElement
-  } = tree, _id = react.useId(), id = idProp || _id, itemPath = react.useMemo(() => path.concat([id || ""]), [id, path]), itemKey = itemPath.join("/"), itemState = tree.state[itemKey], focused = tree.focusedElement === rootRef.current, expanded = itemState?.expanded === void 0 ? expandedProp : itemState?.expanded || !1, tabIndex = tree.focusedElement && tree.focusedElement === rootRef.current ? 0 : -1, contextValue = react.useMemo(() => ({
-    ...tree,
+  } = tree, _id = react.useId(), id = idProp || _id, itemPath = react.useMemo(() => path.concat([id || ""]), [id, path]), itemKey = itemPath.join("/"), itemState = tree.state[itemKey], focused = tree.focusedElement === rootRef.current, expanded = (itemState == null ? void 0 : itemState.expanded) === void 0 ? expandedProp : (itemState == null ? void 0 : itemState.expanded) || !1, tabIndex = tree.focusedElement && tree.focusedElement === rootRef.current ? 0 : -1, contextValue = react.useMemo(() => __spreadProps(__spreadValues({}, tree), {
     level: tree.level + 1,
     path: itemPath
   }), [itemPath, tree]), handleClick = react.useCallback((event) => {
@@ -7049,7 +8331,10 @@ const TreeGroup = react.memo(function(props) {
     const target = event.target;
     target instanceof HTMLElement && (target.getAttribute("data-ui") === "TreeItem" || target.closest('[data-ui="TreeItem__box"]')) && (event.stopPropagation(), setExpanded(itemKey, !expanded), setFocusedElement(rootRef.current));
   }, [expanded, itemKey, onClick, setExpanded, setFocusedElement]), handleKeyDown = react.useCallback((event_0) => {
-    focused && event_0.key === "Enter" && (treeitemRef.current || rootRef.current)?.click();
+    if (focused && event_0.key === "Enter") {
+      const el = treeitemRef.current || rootRef.current;
+      el == null || el.click();
+    }
   }, [focused]);
   react.useEffect(() => {
     if (rootRef.current)
@@ -7067,13 +8352,13 @@ const TreeGroup = react.memo(function(props) {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(Box, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(Text, { muted, size: fontSize2, textOverflow: "ellipsis", weight, children: text }) })
   ] });
-  return href ? /* @__PURE__ */ jsxRuntime.jsxs(Root, { "data-selected": selected ? "" : void 0, "data-tree-id": id, "data-tree-key": itemKey, "data-ui": "TreeItem", ...restProps, onClick: handleClick, ref: rootRef, role: "none", children: [
+  return href ? /* @__PURE__ */ jsxRuntime.jsxs(Root, __spreadProps(__spreadValues({ "data-selected": selected ? "" : void 0, "data-tree-id": id, "data-tree-key": itemKey, "data-ui": "TreeItem" }, restProps), { onClick: handleClick, ref: rootRef, role: "none", children: [
     /* @__PURE__ */ jsxRuntime.jsx(TreeItemBox, { $level: tree.level, "aria-expanded": expanded, as: linkAs, "data-ui": "TreeItem__box", href, ref: treeitemRef, role: "treeitem", tabIndex, children: content }),
     /* @__PURE__ */ jsxRuntime.jsx(TreeContext.Provider, { value: contextValue, children: children && /* @__PURE__ */ jsxRuntime.jsx(TreeGroup, { hidden: !expanded, children }) })
-  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(Root, { "data-selected": selected ? "" : void 0, "data-ui": "TreeItem", "data-tree-id": id, "data-tree-key": itemKey, ...restProps, "aria-expanded": expanded, onClick: handleClick, onKeyDown: handleKeyDown, ref: rootRef, role: "treeitem", tabIndex, children: [
+  ] })) : /* @__PURE__ */ jsxRuntime.jsxs(Root, __spreadProps(__spreadValues({ "data-selected": selected ? "" : void 0, "data-ui": "TreeItem", "data-tree-id": id, "data-tree-key": itemKey }, restProps), { "aria-expanded": expanded, onClick: handleClick, onKeyDown: handleKeyDown, ref: rootRef, role: "treeitem", tabIndex, children: [
     /* @__PURE__ */ jsxRuntime.jsx(TreeItemBox, { $level: tree.level, as: "div", "data-ui": "TreeItem__box", children: content }),
     /* @__PURE__ */ jsxRuntime.jsx(TreeContext.Provider, { value: contextValue, children: children && /* @__PURE__ */ jsxRuntime.jsx(TreeGroup, { expanded, children }) })
-  ] });
+  ] }));
 });
 TreeItem.displayName = "Memo(TreeItem)";
 exports.Arrow = Arrow;