@sanity/ui 3.0.0-static.19 → 3.0.0-static.20

package/dist/_chunks-cjs/_visual-editing.cjs

@@ -352,8 +352,8 @@ function _temp$5() {
 }
 const DEFAULT_BOX_ELEMENT = "div";
 function Box(props) {
-  const $ = reactCompilerRuntime.c(128), t0 = props;
-  let align, autoCols, autoFlow, autoRows, borderBottom, borderLeft, borderRight, borderTop, children, className, column, columnEnd, columnStart, columns, direction, flex, gap, gapX, gapY, height, inset, insetBottom, insetLeft, insetRight, insetTop, justify, marginBottom, marginLeft, marginRight, marginTop, marginX, marginY, maxWidth, muted, outline, overflow, overflowX, overflowY, paddingBottom, paddingLeft, paddingRight, paddingTop, paddingX, paddingY, pointerEvents, position, radius, rest, row, rowEnd, rowStart, rows, t1, t2, t3, t4, t5, t6, t7, textAlign, width, wrap;
+  const $ = reactCompilerRuntime.c(130), t0 = props;
+  let align, autoCols, autoFlow, autoRows, borderBottom, borderLeft, borderRight, borderTop, children, className, column, columnEnd, columnStart, columns, direction, flex, gap, gapX, gapY, height, inset, insetBottom, insetLeft, insetRight, insetTop, justify, marginBottom, marginLeft, marginRight, marginTop, marginX, marginY, maxWidth, muted, outline, overflow, overflowX, overflowY, paddingBottom, paddingLeft, paddingRight, paddingTop, paddingX, paddingY, pointerEvents, position, radius, rest, row, rowEnd, rowStart, rows, t1, t2, t3, t4, t5, t6, t7, t8, textAlign, width, wrap;
   $[0] !== t0 ? ({
     align,
     as: t1,
@@ -392,13 +392,14 @@ function Box(props) {
     marginBottom,
     marginLeft,
     maxWidth,
-    minWidth: t5,
+    minHeight: t5,
+    minWidth: t6,
     muted,
     outline,
     overflow,
     overflowX,
     overflowY,
-    padding: t6,
+    padding: t7,
     paddingX,
     paddingY,
     paddingTop,
@@ -412,15 +413,15 @@ function Box(props) {
     rows,
     rowStart,
     rowEnd,
-    sizing: t7,
+    sizing: t8,
     textAlign,
     width,
     wrap,
     ...rest
-  } = t0, $[0] = t0, $[1] = align, $[2] = autoCols, $[3] = autoFlow, $[4] = autoRows, $[5] = borderBottom, $[6] = borderLeft, $[7] = borderRight, $[8] = borderTop, $[9] = children, $[10] = className, $[11] = column, $[12] = columnEnd, $[13] = columnStart, $[14] = columns, $[15] = direction, $[16] = flex, $[17] = gap, $[18] = gapX, $[19] = gapY, $[20] = height, $[21] = inset, $[22] = insetBottom, $[23] = insetLeft, $[24] = insetRight, $[25] = insetTop, $[26] = justify, $[27] = marginBottom, $[28] = marginLeft, $[29] = marginRight, $[30] = marginTop, $[31] = marginX, $[32] = marginY, $[33] = maxWidth, $[34] = muted, $[35] = outline, $[36] = overflow, $[37] = overflowX, $[38] = overflowY, $[39] = paddingBottom, $[40] = paddingLeft, $[41] = paddingRight, $[42] = paddingTop, $[43] = paddingX, $[44] = paddingY, $[45] = pointerEvents, $[46] = position, $[47] = radius, $[48] = rest, $[49] = row, $[50] = rowEnd, $[51] = rowStart, $[52] = rows, $[53] = t1, $[54] = t2, $[55] = t3, $[56] = t4, $[57] = t5, $[58] = t6, $[59] = t7, $[60] = textAlign, $[61] = width, $[62] = wrap) : (align = $[1], autoCols = $[2], autoFlow = $[3], autoRows = $[4], borderBottom = $[5], borderLeft = $[6], borderRight = $[7], borderTop = $[8], children = $[9], className = $[10], column = $[11], columnEnd = $[12], columnStart = $[13], columns = $[14], direction = $[15], flex = $[16], gap = $[17], gapX = $[18], gapY = $[19], height = $[20], inset = $[21], insetBottom = $[22], insetLeft = $[23], insetRight = $[24], insetTop = $[25], justify = $[26], marginBottom = $[27], marginLeft = $[28], marginRight = $[29], marginTop = $[30], marginX = $[31], marginY = $[32], maxWidth = $[33], muted = $[34], outline = $[35], overflow = $[36], overflowX = $[37], overflowY = $[38], paddingBottom = $[39], paddingLeft = $[40], paddingRight = $[41], paddingTop = $[42], paddingX = $[43], paddingY = $[44], pointerEvents = $[45], position = $[46], radius = $[47], rest = $[48], row = $[49], rowEnd = $[50], rowStart = $[51], rows = $[52], t1 = $[53], t2 = $[54], t3 = $[55], t4 = $[56], t5 = $[57], t6 = $[58], t7 = $[59], textAlign = $[60], width = $[61], wrap = $[62]);
-  const Element2 = t1 === void 0 ? DEFAULT_BOX_ELEMENT : t1, border = t2 === void 0 ? !1 : t2, display = t3 === void 0 ? "block" : t3, margin = t4 === void 0 ? 0 : t4, minWidth = t5 === void 0 ? 0 : t5, padding = t6 === void 0 ? 0 : t6, sizing = t7 === void 0 ? "border" : t7;
-  let t8;
-  $[63] !== align || $[64] !== autoCols || $[65] !== autoFlow || $[66] !== autoRows || $[67] !== border || $[68] !== borderBottom || $[69] !== borderLeft || $[70] !== borderRight || $[71] !== borderTop || $[72] !== className || $[73] !== column || $[74] !== columnEnd || $[75] !== columnStart || $[76] !== columns || $[77] !== direction || $[78] !== display || $[79] !== flex || $[80] !== gap || $[81] !== gapX || $[82] !== gapY || $[83] !== height || $[84] !== inset || $[85] !== insetBottom || $[86] !== insetLeft || $[87] !== insetRight || $[88] !== insetTop || $[89] !== justify || $[90] !== margin || $[91] !== marginBottom || $[92] !== marginLeft || $[93] !== marginRight || $[94] !== marginTop || $[95] !== marginX || $[96] !== marginY || $[97] !== maxWidth || $[98] !== minWidth || $[99] !== muted || $[100] !== outline || $[101] !== overflow || $[102] !== overflowX || $[103] !== overflowY || $[104] !== padding || $[105] !== paddingBottom || $[106] !== paddingLeft || $[107] !== paddingRight || $[108] !== paddingTop || $[109] !== paddingX || $[110] !== paddingY || $[111] !== pointerEvents || $[112] !== position || $[113] !== radius || $[114] !== row || $[115] !== rowEnd || $[116] !== rowStart || $[117] !== rows || $[118] !== sizing || $[119] !== textAlign || $[120] !== width || $[121] !== wrap ? (t8 = css._composeClassNames(className, css.box({
+  } = t0, $[0] = t0, $[1] = align, $[2] = autoCols, $[3] = autoFlow, $[4] = autoRows, $[5] = borderBottom, $[6] = borderLeft, $[7] = borderRight, $[8] = borderTop, $[9] = children, $[10] = className, $[11] = column, $[12] = columnEnd, $[13] = columnStart, $[14] = columns, $[15] = direction, $[16] = flex, $[17] = gap, $[18] = gapX, $[19] = gapY, $[20] = height, $[21] = inset, $[22] = insetBottom, $[23] = insetLeft, $[24] = insetRight, $[25] = insetTop, $[26] = justify, $[27] = marginBottom, $[28] = marginLeft, $[29] = marginRight, $[30] = marginTop, $[31] = marginX, $[32] = marginY, $[33] = maxWidth, $[34] = muted, $[35] = outline, $[36] = overflow, $[37] = overflowX, $[38] = overflowY, $[39] = paddingBottom, $[40] = paddingLeft, $[41] = paddingRight, $[42] = paddingTop, $[43] = paddingX, $[44] = paddingY, $[45] = pointerEvents, $[46] = position, $[47] = radius, $[48] = rest, $[49] = row, $[50] = rowEnd, $[51] = rowStart, $[52] = rows, $[53] = t1, $[54] = t2, $[55] = t3, $[56] = t4, $[57] = t5, $[58] = t6, $[59] = t7, $[60] = t8, $[61] = textAlign, $[62] = width, $[63] = wrap) : (align = $[1], autoCols = $[2], autoFlow = $[3], autoRows = $[4], borderBottom = $[5], borderLeft = $[6], borderRight = $[7], borderTop = $[8], children = $[9], className = $[10], column = $[11], columnEnd = $[12], columnStart = $[13], columns = $[14], direction = $[15], flex = $[16], gap = $[17], gapX = $[18], gapY = $[19], height = $[20], inset = $[21], insetBottom = $[22], insetLeft = $[23], insetRight = $[24], insetTop = $[25], justify = $[26], marginBottom = $[27], marginLeft = $[28], marginRight = $[29], marginTop = $[30], marginX = $[31], marginY = $[32], maxWidth = $[33], muted = $[34], outline = $[35], overflow = $[36], overflowX = $[37], overflowY = $[38], paddingBottom = $[39], paddingLeft = $[40], paddingRight = $[41], paddingTop = $[42], paddingX = $[43], paddingY = $[44], pointerEvents = $[45], position = $[46], radius = $[47], rest = $[48], row = $[49], rowEnd = $[50], rowStart = $[51], rows = $[52], t1 = $[53], t2 = $[54], t3 = $[55], t4 = $[56], t5 = $[57], t6 = $[58], t7 = $[59], t8 = $[60], textAlign = $[61], width = $[62], wrap = $[63]);
+  const Element2 = t1 === void 0 ? DEFAULT_BOX_ELEMENT : t1, border = t2 === void 0 ? !1 : t2, display = t3 === void 0 ? "block" : t3, margin = t4 === void 0 ? 0 : t4, minHeight = t5 === void 0 ? 0 : t5, minWidth = t6 === void 0 ? 0 : t6, padding = t7 === void 0 ? 0 : t7, sizing = t8 === void 0 ? "border" : t8;
+  let t9;
+  $[64] !== align || $[65] !== autoCols || $[66] !== autoFlow || $[67] !== autoRows || $[68] !== border || $[69] !== borderBottom || $[70] !== borderLeft || $[71] !== borderRight || $[72] !== borderTop || $[73] !== className || $[74] !== column || $[75] !== columnEnd || $[76] !== columnStart || $[77] !== columns || $[78] !== direction || $[79] !== display || $[80] !== flex || $[81] !== gap || $[82] !== gapX || $[83] !== gapY || $[84] !== height || $[85] !== inset || $[86] !== insetBottom || $[87] !== insetLeft || $[88] !== insetRight || $[89] !== insetTop || $[90] !== justify || $[91] !== margin || $[92] !== marginBottom || $[93] !== marginLeft || $[94] !== marginRight || $[95] !== marginTop || $[96] !== marginX || $[97] !== marginY || $[98] !== maxWidth || $[99] !== minHeight || $[100] !== minWidth || $[101] !== muted || $[102] !== outline || $[103] !== overflow || $[104] !== overflowX || $[105] !== overflowY || $[106] !== padding || $[107] !== paddingBottom || $[108] !== paddingLeft || $[109] !== paddingRight || $[110] !== paddingTop || $[111] !== paddingX || $[112] !== paddingY || $[113] !== pointerEvents || $[114] !== position || $[115] !== radius || $[116] !== row || $[117] !== rowEnd || $[118] !== rowStart || $[119] !== rows || $[120] !== sizing || $[121] !== textAlign || $[122] !== width || $[123] !== wrap ? (t9 = css._composeClassNames(className, css.box({
     align,
     autoCols,
     autoFlow,
@@ -455,6 +456,7 @@ function Box(props) {
     marginBottom,
     marginLeft,
     maxWidth,
+    minHeight,
     minWidth,
     muted,
     outline,
@@ -479,9 +481,9 @@ function Box(props) {
     textAlign,
     width,
     wrap
-  })), $[63] = align, $[64] = autoCols, $[65] = autoFlow, $[66] = autoRows, $[67] = border, $[68] = borderBottom, $[69] = borderLeft, $[70] = borderRight, $[71] = borderTop, $[72] = className, $[73] = column, $[74] = columnEnd, $[75] = columnStart, $[76] = columns, $[77] = direction, $[78] = display, $[79] = flex, $[80] = gap, $[81] = gapX, $[82] = gapY, $[83] = height, $[84] = inset, $[85] = insetBottom, $[86] = insetLeft, $[87] = insetRight, $[88] = insetTop, $[89] = justify, $[90] = margin, $[91] = marginBottom, $[92] = marginLeft, $[93] = marginRight, $[94] = marginTop, $[95] = marginX, $[96] = marginY, $[97] = maxWidth, $[98] = minWidth, $[99] = muted, $[100] = outline, $[101] = overflow, $[102] = overflowX, $[103] = overflowY, $[104] = padding, $[105] = paddingBottom, $[106] = paddingLeft, $[107] = paddingRight, $[108] = paddingTop, $[109] = paddingX, $[110] = paddingY, $[111] = pointerEvents, $[112] = position, $[113] = radius, $[114] = row, $[115] = rowEnd, $[116] = rowStart, $[117] = rows, $[118] = sizing, $[119] = textAlign, $[120] = width, $[121] = wrap, $[122] = t8) : t8 = $[122];
-  let t9;
-  return $[123] !== Element2 || $[124] !== children || $[125] !== rest || $[126] !== t8 ? (t9 = /* @__PURE__ */ jsxRuntime.jsx(Element2, { "data-ui": "Box", ...rest, className: t8, children }), $[123] = Element2, $[124] = children, $[125] = rest, $[126] = t8, $[127] = t9) : t9 = $[127], t9;
+  })), $[64] = align, $[65] = autoCols, $[66] = autoFlow, $[67] = autoRows, $[68] = border, $[69] = borderBottom, $[70] = borderLeft, $[71] = borderRight, $[72] = borderTop, $[73] = className, $[74] = column, $[75] = columnEnd, $[76] = columnStart, $[77] = columns, $[78] = direction, $[79] = display, $[80] = flex, $[81] = gap, $[82] = gapX, $[83] = gapY, $[84] = height, $[85] = inset, $[86] = insetBottom, $[87] = insetLeft, $[88] = insetRight, $[89] = insetTop, $[90] = justify, $[91] = margin, $[92] = marginBottom, $[93] = marginLeft, $[94] = marginRight, $[95] = marginTop, $[96] = marginX, $[97] = marginY, $[98] = maxWidth, $[99] = minHeight, $[100] = minWidth, $[101] = muted, $[102] = outline, $[103] = overflow, $[104] = overflowX, $[105] = overflowY, $[106] = padding, $[107] = paddingBottom, $[108] = paddingLeft, $[109] = paddingRight, $[110] = paddingTop, $[111] = paddingX, $[112] = paddingY, $[113] = pointerEvents, $[114] = position, $[115] = radius, $[116] = row, $[117] = rowEnd, $[118] = rowStart, $[119] = rows, $[120] = sizing, $[121] = textAlign, $[122] = width, $[123] = wrap, $[124] = t9) : t9 = $[124];
+  let t10;
+  return $[125] !== Element2 || $[126] !== children || $[127] !== rest || $[128] !== t9 ? (t10 = /* @__PURE__ */ jsxRuntime.jsx(Element2, { "data-ui": "Box", ...rest, className: t9, children }), $[125] = Element2, $[126] = children, $[127] = rest, $[128] = t9, $[129] = t10) : t10 = $[129], t10;
 }
 Box.displayName = "Box";
 const DEFAULT_LABEL_ELEMENT = "div";
@@ -500,7 +502,7 @@ function Label(props) {
     weight: t3,
     ...rest
   } = props, $[0] = props, $[1] = accent, $[2] = align, $[3] = children, $[4] = className, $[5] = rest, $[6] = t0, $[7] = t1, $[8] = t2, $[9] = t3, $[10] = textOverflowProp) : (accent = $[1], align = $[2], children = $[3], className = $[4], rest = $[5], t0 = $[6], t1 = $[7], t2 = $[8], t3 = $[9], textOverflowProp = $[10]);
-  const Element2 = t0 === void 0 ? DEFAULT_LABEL_ELEMENT : t0, muted = t1 === void 0 ? !1 : t1, size2 = t2 === void 0 ? 1 : t2, weight = t3 === void 0 ? "medium" : t3;
+  const Element2 = t0 === void 0 ? DEFAULT_LABEL_ELEMENT : t0, muted = t1 === void 0 ? !1 : t1, size2 = t2 === void 0 ? 1 : t2, weight = t3 === void 0 ? "regular" : t3;
   let t4;
   $[11] !== accent || $[12] !== align || $[13] !== className || $[14] !== muted || $[15] !== size2 || $[16] !== weight ? (t4 = css._composeClassNames(className, css.label({
     accent,
@@ -908,30 +910,30 @@ const LazyRefractor = react.lazy(() => Promise.resolve().then(function() {
 })), DEFAULT_CODE_ELEMENT = "pre";
 function Code(props) {
   const $ = reactCompilerRuntime.c(25), t0 = props;
-  let children, className, languageProp, rest, t1, t2, weight;
+  let children, className, languageProp, rest, t1, t2, t3;
   $[0] !== t0 ? ({
     as: t1,
     children,
     className,
     language: languageProp,
     size: t2,
-    weight,
+    weight: t3,
     ...rest
-  } = t0, $[0] = t0, $[1] = children, $[2] = className, $[3] = languageProp, $[4] = rest, $[5] = t1, $[6] = t2, $[7] = weight) : (children = $[1], className = $[2], languageProp = $[3], rest = $[4], t1 = $[5], t2 = $[6], weight = $[7]);
-  const Element2 = t1 === void 0 ? DEFAULT_CODE_ELEMENT : t1, size2 = t2 === void 0 ? 2 : t2, language = typeof languageProp == "string" ? languageProp : void 0;
-  let t3;
-  $[8] !== className || $[9] !== size2 || $[10] !== weight ? (t3 = css._composeClassNames(className, css.code({
+  } = t0, $[0] = t0, $[1] = children, $[2] = className, $[3] = languageProp, $[4] = rest, $[5] = t1, $[6] = t2, $[7] = t3) : (children = $[1], className = $[2], languageProp = $[3], rest = $[4], t1 = $[5], t2 = $[6], t3 = $[7]);
+  const Element2 = t1 === void 0 ? DEFAULT_CODE_ELEMENT : t1, size2 = t2 === void 0 ? 2 : t2, weight = t3 === void 0 ? "regular" : t3, language = typeof languageProp == "string" ? languageProp : void 0;
+  let t4;
+  $[8] !== className || $[9] !== size2 || $[10] !== weight ? (t4 = css._composeClassNames(className, css.code({
     size: size2,
     weight
-  })), $[8] = className, $[9] = size2, $[10] = weight, $[11] = t3) : t3 = $[11];
-  let t4;
-  $[12] !== children ? (t4 = /* @__PURE__ */ jsxRuntime.jsx("code", { children }), $[12] = children, $[13] = t4) : t4 = $[13];
+  })), $[8] = className, $[9] = size2, $[10] = weight, $[11] = t4) : t4 = $[11];
   let t5;
-  $[14] !== children || $[15] !== language ? (t5 = /* @__PURE__ */ jsxRuntime.jsx(LazyRefractor, { language, value: children }), $[14] = children, $[15] = language, $[16] = t5) : t5 = $[16];
+  $[12] !== children ? (t5 = /* @__PURE__ */ jsxRuntime.jsx("code", { children }), $[12] = children, $[13] = t5) : t5 = $[13];
   let t6;
-  $[17] !== t4 || $[18] !== t5 ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: t4, children: t5 }), $[17] = t4, $[18] = t5, $[19] = t6) : t6 = $[19];
+  $[14] !== children || $[15] !== language ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(LazyRefractor, { language, value: children }), $[14] = children, $[15] = language, $[16] = t6) : t6 = $[16];
   let t7;
-  return $[20] !== Element2 || $[21] !== rest || $[22] !== t3 || $[23] !== t6 ? (t7 = /* @__PURE__ */ jsxRuntime.jsx(Element2, { "data-ui": "Code", ...rest, className: t3, children: t6 }), $[20] = Element2, $[21] = rest, $[22] = t3, $[23] = t6, $[24] = t7) : t7 = $[24], t7;
+  $[17] !== t5 || $[18] !== t6 ? (t7 = /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: t5, children: t6 }), $[17] = t5, $[18] = t6, $[19] = t7) : t7 = $[19];
+  let t8;
+  return $[20] !== Element2 || $[21] !== rest || $[22] !== t4 || $[23] !== t7 ? (t8 = /* @__PURE__ */ jsxRuntime.jsx(Element2, { "data-ui": "Code", ...rest, className: t4, children: t7 }), $[20] = Element2, $[21] = rest, $[22] = t4, $[23] = t7, $[24] = t8) : t8 = $[24], t8;
 }
 Code.displayName = "Code";
 const DEFAULT_CONTAINER_ELEMENT = "div";
@@ -984,7 +986,7 @@ Grid.displayName = "Grid";
 const DEFAULT_HEADING_ELEMENT = "div";
 function Heading(props) {
   const $ = reactCompilerRuntime.c(30), t0 = props;
-  let align, children, className, flex, rest, t1, t2, t3, t4, textOverflowProp, weight;
+  let align, children, className, flex, rest, t1, t2, t3, t4, t5, textOverflowProp;
   $[0] !== t0 ? ({
     accent: t1,
     align,
@@ -995,27 +997,27 @@ function Heading(props) {
     muted: t3,
     size: t4,
     textOverflow: textOverflowProp,
-    weight,
+    weight: t5,
     ...rest
-  } = t0, $[0] = t0, $[1] = align, $[2] = children, $[3] = className, $[4] = flex, $[5] = rest, $[6] = t1, $[7] = t2, $[8] = t3, $[9] = t4, $[10] = textOverflowProp, $[11] = weight) : (align = $[1], children = $[2], className = $[3], flex = $[4], rest = $[5], t1 = $[6], t2 = $[7], t3 = $[8], t4 = $[9], textOverflowProp = $[10], weight = $[11]);
-  const accent = t1 === void 0 ? !1 : t1, Element2 = t2 === void 0 ? DEFAULT_HEADING_ELEMENT : t2, muted = t3 === void 0 ? !1 : t3, size2 = t4 === void 0 ? 2 : t4;
-  let t5;
-  $[12] !== accent || $[13] !== align || $[14] !== className || $[15] !== flex || $[16] !== muted || $[17] !== size2 || $[18] !== weight ? (t5 = css._composeClassNames(className, css.heading({
+  } = t0, $[0] = t0, $[1] = align, $[2] = children, $[3] = className, $[4] = flex, $[5] = rest, $[6] = t1, $[7] = t2, $[8] = t3, $[9] = t4, $[10] = t5, $[11] = textOverflowProp) : (align = $[1], children = $[2], className = $[3], flex = $[4], rest = $[5], t1 = $[6], t2 = $[7], t3 = $[8], t4 = $[9], t5 = $[10], textOverflowProp = $[11]);
+  const accent = t1 === void 0 ? !1 : t1, Element2 = t2 === void 0 ? DEFAULT_HEADING_ELEMENT : t2, muted = t3 === void 0 ? !1 : t3, size2 = t4 === void 0 ? 2 : t4, weight = t5 === void 0 ? "regular" : t5;
+  let t6;
+  $[12] !== accent || $[13] !== align || $[14] !== className || $[15] !== flex || $[16] !== muted || $[17] !== size2 || $[18] !== weight ? (t6 = css._composeClassNames(className, css.heading({
     accent,
     align,
     flex,
     muted,
     size: size2,
     weight
-  })), $[12] = accent, $[13] = align, $[14] = className, $[15] = flex, $[16] = muted, $[17] = size2, $[18] = weight, $[19] = t5) : t5 = $[19];
-  let t6;
-  $[20] !== textOverflowProp ? (t6 = css.textOverflow({
-    textOverflow: textOverflowProp
-  }), $[20] = textOverflowProp, $[21] = t6) : t6 = $[21];
+  })), $[12] = accent, $[13] = align, $[14] = className, $[15] = flex, $[16] = muted, $[17] = size2, $[18] = weight, $[19] = t6) : t6 = $[19];
   let t7;
-  $[22] !== children || $[23] !== t6 ? (t7 = /* @__PURE__ */ jsxRuntime.jsx("span", { className: t6, children }), $[22] = children, $[23] = t6, $[24] = t7) : t7 = $[24];
+  $[20] !== textOverflowProp ? (t7 = css.textOverflow({
+    textOverflow: textOverflowProp
+  }), $[20] = textOverflowProp, $[21] = t7) : t7 = $[21];
   let t8;
-  return $[25] !== Element2 || $[26] !== rest || $[27] !== t5 || $[28] !== t7 ? (t8 = /* @__PURE__ */ jsxRuntime.jsx(Element2, { "data-ui": "Heading", ...rest, className: t5, children: t7 }), $[25] = Element2, $[26] = rest, $[27] = t5, $[28] = t7, $[29] = t8) : t8 = $[29], t8;
+  $[22] !== children || $[23] !== t7 ? (t8 = /* @__PURE__ */ jsxRuntime.jsx("span", { className: t7, children }), $[22] = children, $[23] = t7, $[24] = t8) : t8 = $[24];
+  let t9;
+  return $[25] !== Element2 || $[26] !== rest || $[27] !== t6 || $[28] !== t8 ? (t9 = /* @__PURE__ */ jsxRuntime.jsx(Element2, { "data-ui": "Heading", ...rest, className: t6, children: t8 }), $[25] = Element2, $[26] = rest, $[27] = t6, $[28] = t8, $[29] = t9) : t9 = $[29], t9;
 }
 Heading.displayName = "Heading";
 const DEFAULT_INLINE_ELEMENT = "div";
@@ -2015,52 +2017,48 @@ function Switch(props) {
 Switch.displayName = "Switch";
 const DEFAULT_TEXT_AREA_ELEMENT = "textarea";
 function TextArea(props) {
-  const $ = reactCompilerRuntime.c(32), t0 = props;
-  let customValidity, forwardedRef, gap, readOnly, rest, t1, t2, t3, t4, t5, t6, t7;
-  if ($[0] !== t0) {
-    const {
-      __unstable_disableFocusRing,
-      as: t82,
-      border: t92,
-      customValidity: t102,
-      disabled: t112,
-      fontSize: t122,
-      gap: t132,
-      padding: t142,
-      radius: t152,
-      readOnly: t162,
-      ref: t17,
-      space: t18,
-      weight,
-      ...t19
-    } = t0;
-    t1 = t82, t2 = t92, customValidity = t102, t3 = t112, t4 = t122, gap = t132, t5 = t142, t6 = t152, readOnly = t162, forwardedRef = t17, t7 = t18, rest = t19, $[0] = t0, $[1] = customValidity, $[2] = forwardedRef, $[3] = gap, $[4] = readOnly, $[5] = rest, $[6] = t1, $[7] = t2, $[8] = t3, $[9] = t4, $[10] = t5, $[11] = t6, $[12] = t7;
-  } else
-    customValidity = $[1], forwardedRef = $[2], gap = $[3], readOnly = $[4], rest = $[5], t1 = $[6], t2 = $[7], t3 = $[8], t4 = $[9], t5 = $[10], t6 = $[11], t7 = $[12];
+  const $ = reactCompilerRuntime.c(34), t0 = props;
+  let __unstable_disableFocusRing, customValidity, forwardedRef, gap, readOnly, rest, t1, t2, t3, t4, t5, t6, t7;
+  $[0] !== t0 ? ({
+    __unstable_disableFocusRing,
+    as: t1,
+    border: t2,
+    customValidity,
+    disabled: t3,
+    fontSize: t4,
+    gap,
+    padding: t5,
+    radius: t6,
+    readOnly,
+    ref: forwardedRef,
+    space: t7,
+    ...rest
+  } = t0, $[0] = t0, $[1] = __unstable_disableFocusRing, $[2] = customValidity, $[3] = forwardedRef, $[4] = gap, $[5] = readOnly, $[6] = rest, $[7] = t1, $[8] = t2, $[9] = t3, $[10] = t4, $[11] = t5, $[12] = t6, $[13] = t7) : (__unstable_disableFocusRing = $[1], customValidity = $[2], forwardedRef = $[3], gap = $[4], readOnly = $[5], rest = $[6], t1 = $[7], t2 = $[8], t3 = $[9], t4 = $[10], t5 = $[11], t6 = $[12], t7 = $[13]);
   const Element2 = t1 === void 0 ? DEFAULT_TEXT_AREA_ELEMENT : t1, border = t2 === void 0 ? !0 : t2, disabled = t3 === void 0 ? !1 : t3, fontSize = t4 === void 0 ? 2 : t4, padding = t5 === void 0 ? 3 : t5, radius = t6 === void 0 ? 2 : t6, space = t7 === void 0 ? 3 : t7, ref = react.useRef(null);
   let t8;
-  $[13] === Symbol.for("react.memo_cache_sentinel") ? (t8 = () => ref.current, $[13] = t8) : t8 = $[13], react.useImperativeHandle(forwardedRef, t8), useCustomValidity(ref, customValidity);
+  $[14] === Symbol.for("react.memo_cache_sentinel") ? (t8 = () => ref.current, $[14] = t8) : t8 = $[14], react.useImperativeHandle(forwardedRef, t8), useCustomValidity(ref, customValidity);
   const t9 = gap ?? space;
   let t10;
-  $[14] !== border || $[15] !== fontSize || $[16] !== padding || $[17] !== radius || $[18] !== t9 ? (t10 = css.textArea({
+  $[15] !== border || $[16] !== fontSize || $[17] !== padding || $[18] !== radius || $[19] !== t9 ? (t10 = css.textArea({
     border,
     fontSize,
     padding,
     radius,
     gap: t9
-  }), $[14] = border, $[15] = fontSize, $[16] = padding, $[17] = radius, $[18] = t9, $[19] = t10) : t10 = $[19];
+  }), $[15] = border, $[16] = fontSize, $[17] = padding, $[18] = radius, $[19] = t9, $[20] = t10) : t10 = $[20];
   const t11 = customValidity ? "" : void 0, t12 = !disabled && readOnly ? "" : void 0;
   let t13;
-  $[20] === Symbol.for("react.memo_cache_sentinel") ? (t13 = css._inputElement(), $[20] = t13) : t13 = $[20];
-  let t14;
-  $[21] !== Element2 || $[22] !== disabled || $[23] !== readOnly || $[24] !== rest ? (t14 = /* @__PURE__ */ jsxRuntime.jsx(Element2, { ...rest, className: t13, disabled, readOnly, ref }), $[21] = Element2, $[22] = disabled, $[23] = readOnly, $[24] = rest, $[25] = t14) : t14 = $[25];
+  $[21] === Symbol.for("react.memo_cache_sentinel") ? (t13 = css._inputElement(), $[21] = t13) : t13 = $[21];
+  const t14 = __unstable_disableFocusRing ? "" : void 0;
   let t15;
-  $[26] === Symbol.for("react.memo_cache_sentinel") ? (t15 = /* @__PURE__ */ jsxRuntime.jsx("span", { className: css._inputPresentation() }), $[26] = t15) : t15 = $[26];
+  $[22] !== Element2 || $[23] !== disabled || $[24] !== readOnly || $[25] !== rest || $[26] !== t14 ? (t15 = /* @__PURE__ */ jsxRuntime.jsx(Element2, { ...rest, className: t13, "data-no-focus-ring": t14, disabled, readOnly, ref }), $[22] = Element2, $[23] = disabled, $[24] = readOnly, $[25] = rest, $[26] = t14, $[27] = t15) : t15 = $[27];
   let t16;
-  return $[27] !== t10 || $[28] !== t11 || $[29] !== t12 || $[30] !== t14 ? (t16 = /* @__PURE__ */ jsxRuntime.jsxs("span", { className: t10, "data-invalid": t11, "data-read-only": t12, "data-ui": "TextArea", children: [
-    t14,
-    t15
-  ] }), $[27] = t10, $[28] = t11, $[29] = t12, $[30] = t14, $[31] = t16) : t16 = $[31], t16;
+  $[28] === Symbol.for("react.memo_cache_sentinel") ? (t16 = /* @__PURE__ */ jsxRuntime.jsx("span", { className: css._inputPresentation() }), $[28] = t16) : t16 = $[28];
+  let t17;
+  return $[29] !== t10 || $[30] !== t11 || $[31] !== t12 || $[32] !== t15 ? (t17 = /* @__PURE__ */ jsxRuntime.jsxs("span", { className: t10, "data-invalid": t11, "data-read-only": t12, "data-ui": "TextArea", children: [
+    t15,
+    t16
+  ] }), $[29] = t10, $[30] = t11, $[31] = t12, $[32] = t15, $[33] = t17) : t17 = $[33], t17;
 }
 TextArea.displayName = "TextArea";
 const DEFAULT_TEXT_INPUT_ELEMENT = "input", CLEAR_BUTTON_BOX_STYLE = {
@@ -2070,7 +2068,7 @@ const DEFAULT_TEXT_INPUT_ELEMENT = "input", CLEAR_BUTTON_BOX_STYLE = {
   zIndex: 2
 };
 function TextInput(props) {
-  const $ = reactCompilerRuntime.c(88), t0 = props;
+  const $ = reactCompilerRuntime.c(89), t0 = props;
   let IconComponent, IconRightComponent, __unstable_disableFocusRing, className, clearButton, customValidity, forwardedRef, gap, onClear, prefix, readOnly, rest, suffix, t1, t2, t3, t4, t5, t6, t7, t8, width;
   if ($[0] !== t0) {
     const {
@@ -2130,51 +2128,53 @@ function TextInput(props) {
   })), $[30] = border, $[31] = className, $[32] = fontSize, $[33] = padding, $[34] = radius, $[35] = t16, $[36] = width, $[37] = t17) : t17 = $[37];
   const t18 = IconComponent ? "" : void 0, t19 = IconRightComponent ? "" : void 0, t20 = customValidity ? "" : void 0, t21 = prefix ? "" : void 0, t22 = !disabled && readOnly ? "" : void 0, t23 = suffix ? "" : void 0;
   let t24;
-  $[38] !== prefix ? (t24 = prefix && /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "span", className: "text-input-prefix", sizing: "border", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: prefix }) }), $[38] = prefix, $[39] = t24) : t24 = $[39];
+  $[38] !== prefix ? (t24 = prefix && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: css.textInputPrefix(), sizing: "border", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: prefix }) }), $[38] = prefix, $[39] = t24) : t24 = $[39];
   let t25;
-  $[40] === Symbol.for("react.memo_cache_sentinel") ? (t25 = css._inputElement(), $[40] = t25) : t25 = $[40];
+  $[40] === Symbol.for("react.memo_cache_sentinel") ? (t25 = css.textInputElement(), $[40] = t25) : t25 = $[40];
   let t26;
-  $[41] !== Element2 || $[42] !== disabled || $[43] !== readOnly || $[44] !== rest || $[45] !== type ? (t26 = /* @__PURE__ */ jsxRuntime.jsx(Element2, { ...rest, className: t25, disabled, readOnly, ref, type }), $[41] = Element2, $[42] = disabled, $[43] = readOnly, $[44] = rest, $[45] = type, $[46] = t26) : t26 = $[46];
-  let t27;
-  $[47] === Symbol.for("react.memo_cache_sentinel") ? (t27 = css._inputPresentation(), $[47] = t27) : t27 = $[47];
-  const t28 = __unstable_disableFocusRing ? "" : void 0;
+  $[41] === Symbol.for("react.memo_cache_sentinel") ? (t26 = css._inputElement(), $[41] = t26) : t26 = $[41];
+  const t27 = __unstable_disableFocusRing ? "" : void 0;
+  let t28;
+  $[42] !== Element2 || $[43] !== disabled || $[44] !== readOnly || $[45] !== rest || $[46] !== t27 || $[47] !== type ? (t28 = /* @__PURE__ */ jsxRuntime.jsx(Element2, { ...rest, className: t26, "data-no-focus-ring": t27, disabled, readOnly, ref, type }), $[42] = Element2, $[43] = disabled, $[44] = readOnly, $[45] = rest, $[46] = t27, $[47] = type, $[48] = t28) : t28 = $[48];
   let t29;
-  $[48] !== IconComponent || $[49] !== fontSize || $[50] !== padding ? (t29 = IconComponent && /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "span", padding, position: "absolute", style: {
+  $[49] === Symbol.for("react.memo_cache_sentinel") ? (t29 = css._inputPresentation(), $[49] = t29) : t29 = $[49];
+  let t30;
+  $[50] !== IconComponent || $[51] !== fontSize || $[52] !== padding ? (t30 = IconComponent && /* @__PURE__ */ jsxRuntime.jsx(Box, { padding, position: "absolute", style: {
     top: 0,
     left: 0
   }, children: /* @__PURE__ */ jsxRuntime.jsxs(Text, { size: fontSize, children: [
     react.isValidElement(IconComponent) && IconComponent,
     reactIs.isValidElementType(IconComponent) && /* @__PURE__ */ jsxRuntime.jsx(IconComponent, {})
-  ] }) }), $[48] = IconComponent, $[49] = fontSize, $[50] = padding, $[51] = t29) : t29 = $[51];
-  let t30;
-  $[52] !== IconRightComponent || $[53] !== fontSize || $[54] !== padding || $[55] !== withClearButton ? (t30 = !withClearButton && IconRightComponent && /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "span", padding, position: "absolute", style: {
+  ] }) }), $[50] = IconComponent, $[51] = fontSize, $[52] = padding, $[53] = t30) : t30 = $[53];
+  let t31;
+  $[54] !== IconRightComponent || $[55] !== fontSize || $[56] !== padding || $[57] !== withClearButton ? (t31 = !withClearButton && IconRightComponent && /* @__PURE__ */ jsxRuntime.jsx(Box, { padding, position: "absolute", style: {
     top: 0,
     right: 0
   }, children: /* @__PURE__ */ jsxRuntime.jsxs(Text, { size: fontSize, children: [
     react.isValidElement(IconRightComponent) && IconRightComponent,
     reactIs.isValidElementType(IconRightComponent) && /* @__PURE__ */ jsxRuntime.jsx(IconRightComponent, {})
-  ] }) }), $[52] = IconRightComponent, $[53] = fontSize, $[54] = padding, $[55] = withClearButton, $[56] = t30) : t30 = $[56];
-  let t31;
-  $[57] !== t28 || $[58] !== t29 || $[59] !== t30 ? (t31 = /* @__PURE__ */ jsxRuntime.jsxs(Box, { as: "span", className: t27, "data-disable-focus-ring": t28, position: "absolute", children: [
-    t29,
-    t30
-  ] }), $[57] = t28, $[58] = t29, $[59] = t30, $[60] = t31) : t31 = $[60];
+  ] }) }), $[54] = IconRightComponent, $[55] = fontSize, $[56] = padding, $[57] = withClearButton, $[58] = t31) : t31 = $[58];
   let t32;
-  $[61] !== clearButton || $[62] !== clearButtonBoxPadding || $[63] !== clearButtonPadding || $[64] !== clearButtonProps || $[65] !== disabled || $[66] !== fontSize || $[67] !== handleClearClick || $[68] !== radius || $[69] !== readOnly ? (t32 = !disabled && !readOnly && clearButton && /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "span", padding: clearButtonBoxPadding, position: "absolute", style: CLEAR_BUTTON_BOX_STYLE, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { "aria-label": "Clear", "data-qa": "clear-button", display: "block", fontSize, icon: icons.CloseIcon, mode: "bleed", padding: clearButtonPadding, radius, ...clearButtonProps, onClick: handleClearClick, onMouseDown: handleClearMouseDown }) }), $[61] = clearButton, $[62] = clearButtonBoxPadding, $[63] = clearButtonPadding, $[64] = clearButtonProps, $[65] = disabled, $[66] = fontSize, $[67] = handleClearClick, $[68] = radius, $[69] = readOnly, $[70] = t32) : t32 = $[70];
+  $[59] !== t30 || $[60] !== t31 ? (t32 = /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: t29, position: "absolute", children: [
+    t30,
+    t31
+  ] }), $[59] = t30, $[60] = t31, $[61] = t32) : t32 = $[61];
   let t33;
-  $[71] !== t26 || $[72] !== t31 || $[73] !== t32 ? (t33 = /* @__PURE__ */ jsxRuntime.jsxs(Box, { as: "span", flex: 1, position: "relative", children: [
-    t26,
-    t31,
-    t32
-  ] }), $[71] = t26, $[72] = t31, $[73] = t32, $[74] = t33) : t33 = $[74];
+  $[62] !== clearButton || $[63] !== clearButtonBoxPadding || $[64] !== clearButtonPadding || $[65] !== clearButtonProps || $[66] !== disabled || $[67] !== fontSize || $[68] !== handleClearClick || $[69] !== radius || $[70] !== readOnly ? (t33 = !disabled && !readOnly && clearButton && /* @__PURE__ */ jsxRuntime.jsx(Box, { padding: clearButtonBoxPadding, position: "absolute", style: CLEAR_BUTTON_BOX_STYLE, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { "aria-label": "Clear", "data-qa": "clear-button", display: "block", fontSize, icon: icons.CloseIcon, mode: "bleed", padding: clearButtonPadding, radius, ...clearButtonProps, onClick: handleClearClick, onMouseDown: handleClearMouseDown }) }), $[62] = clearButton, $[63] = clearButtonBoxPadding, $[64] = clearButtonPadding, $[65] = clearButtonProps, $[66] = disabled, $[67] = fontSize, $[68] = handleClearClick, $[69] = radius, $[70] = readOnly, $[71] = t33) : t33 = $[71];
   let t34;
-  $[75] !== suffix ? (t34 = suffix && /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "span", className: "text-input-suffix", sizing: "border", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: suffix }) }), $[75] = suffix, $[76] = t34) : t34 = $[76];
+  $[72] !== t28 || $[73] !== t32 || $[74] !== t33 ? (t34 = /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: t25, flex: 1, position: "relative", children: [
+    t28,
+    t32,
+    t33
+  ] }), $[72] = t28, $[73] = t32, $[74] = t33, $[75] = t34) : t34 = $[75];
   let t35;
-  return $[77] !== t17 || $[78] !== t18 || $[79] !== t19 || $[80] !== t20 || $[81] !== t21 || $[82] !== t22 || $[83] !== t23 || $[84] !== t24 || $[85] !== t33 || $[86] !== t34 ? (t35 = /* @__PURE__ */ jsxRuntime.jsxs(Box, { align: "center", as: "span", className: t17, "data-icon-left": t18, "data-icon-right": t19, "data-invalid": t20, "data-prefix": t21, "data-read-only": t22, "data-suffix": t23, "data-ui": "TextInput", display: "flex", children: [
+  $[76] !== suffix ? (t35 = suffix && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: css.textInputSuffix(), sizing: "border", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: suffix }) }), $[76] = suffix, $[77] = t35) : t35 = $[77];
+  let t36;
+  return $[78] !== t17 || $[79] !== t18 || $[80] !== t19 || $[81] !== t20 || $[82] !== t21 || $[83] !== t22 || $[84] !== t23 || $[85] !== t24 || $[86] !== t34 || $[87] !== t35 ? (t36 = /* @__PURE__ */ jsxRuntime.jsxs(Box, { align: "center", className: t17, "data-icon-left": t18, "data-icon-right": t19, "data-invalid": t20, "data-prefix": t21, "data-read-only": t22, "data-suffix": t23, "data-ui": "TextInput", display: "flex", children: [
     t24,
-    t33,
-    t34
-  ] }), $[77] = t17, $[78] = t18, $[79] = t19, $[80] = t20, $[81] = t21, $[82] = t22, $[83] = t23, $[84] = t24, $[85] = t33, $[86] = t34, $[87] = t35) : t35 = $[87], t35;
+    t34,
+    t35
+  ] }), $[78] = t17, $[79] = t18, $[80] = t19, $[81] = t20, $[82] = t21, $[83] = t22, $[84] = t23, $[85] = t24, $[86] = t34, $[87] = t35, $[88] = t36) : t36 = $[88], t36;
 }
 function _temp3(v_0) {
   return v_0 === 0 || v_0 === 1 ? 0 : v_0 === 2 ? 1 : typeof v_0 == "number" ? v_0 - 1 : 0;
@@ -2243,7 +2243,7 @@ function useTooltipDelayGroup() {
   return react.useContext(TooltipDelayGroupContext);
 }
 function TooltipLayer(props) {
-  const $ = reactCompilerRuntime.c(51);
+  const $ = reactCompilerRuntime.c(50);
   let animate, arrow, arrowRef, arrowX, arrowY, children, originX, originY, padding, placement, radius, rest, scheme, shadow, style, t0;
   $[0] !== props ? ({
     animate,
@@ -2283,23 +2283,20 @@ function TooltipLayer(props) {
     right: void 0,
     bottom: void 0
   }, $[22] = t5, $[23] = t6, $[24] = t7) : t7 = $[24], t4 = t7;
-  const arrowStyle = t4;
-  let t8;
-  $[25] === Symbol.for("react.memo_cache_sentinel") ? (t8 = css.tooltipCard(), $[25] = t8) : t8 = $[25];
-  const t9 = animate ? "" : void 0;
+  const arrowStyle = t4, t8 = animate ? "" : void 0;
+  let t9;
+  $[25] !== animate ? (t9 = animate ? ["hidden", "initial"] : void 0, $[25] = animate, $[26] = t9) : t9 = $[26];
   let t10;
-  $[26] !== animate ? (t10 = animate ? ["hidden", "initial"] : void 0, $[26] = animate, $[27] = t10) : t10 = $[27];
+  $[27] !== animate ? (t10 = animate ? ["visible", "scaleIn"] : void 0, $[27] = animate, $[28] = t10) : t10 = $[28];
   let t11;
-  $[28] !== animate ? (t11 = animate ? ["visible", "scaleIn"] : void 0, $[28] = animate, $[29] = t11) : t11 = $[29];
+  $[29] !== animate ? (t11 = animate ? ["hidden", "scaleOut"] : void 0, $[29] = animate, $[30] = t11) : t11 = $[30];
   let t12;
-  $[30] !== animate ? (t12 = animate ? ["hidden", "scaleOut"] : void 0, $[30] = animate, $[31] = t12) : t12 = $[31];
+  $[31] !== arrow || $[32] !== arrowRef || $[33] !== arrowStyle ? (t12 = arrow && /* @__PURE__ */ jsxRuntime.jsx(Arrow, { ref: arrowRef, style: arrowStyle, width: DEFAULT_TOOLTIP_ARROW_WIDTH, height: DEFAULT_TOOLTIP_ARROW_HEIGHT, radius: DEFAULT_TOOLTIP_ARROW_RADIUS }), $[31] = arrow, $[32] = arrowRef, $[33] = arrowStyle, $[34] = t12) : t12 = $[34];
   let t13;
-  $[32] !== arrow || $[33] !== arrowRef || $[34] !== arrowStyle ? (t13 = arrow && /* @__PURE__ */ jsxRuntime.jsx(Arrow, { ref: arrowRef, style: arrowStyle, width: DEFAULT_TOOLTIP_ARROW_WIDTH, height: DEFAULT_TOOLTIP_ARROW_HEIGHT, radius: DEFAULT_TOOLTIP_ARROW_RADIUS }), $[32] = arrow, $[33] = arrowRef, $[34] = arrowStyle, $[35] = t13) : t13 = $[35];
-  let t14;
-  return $[36] !== children || $[37] !== padding || $[38] !== placement || $[39] !== radius || $[40] !== rest || $[41] !== rootStyle || $[42] !== scheme || $[43] !== shadow || $[44] !== t10 || $[45] !== t11 || $[46] !== t12 || $[47] !== t13 || $[48] !== t9 || $[49] !== tone ? (t14 = /* @__PURE__ */ jsxRuntime.jsxs(Layer, { "data-ui": "Tooltip__card", ...rest, as: framerMotion.motion.div, className: t8, "data-animate": t9, "data-placement": placement, padding, radius, scheme, shadow, style: rootStyle, variants: POPOVER_MOTION_PROPS.card, transition: POPOVER_MOTION_PROPS.transition, initial: t10, animate: t11, exit: t12, tone, children: [
+  return $[35] !== children || $[36] !== padding || $[37] !== placement || $[38] !== radius || $[39] !== rest || $[40] !== rootStyle || $[41] !== scheme || $[42] !== shadow || $[43] !== t10 || $[44] !== t11 || $[45] !== t12 || $[46] !== t8 || $[47] !== t9 || $[48] !== tone ? (t13 = /* @__PURE__ */ jsxRuntime.jsxs(Layer, { "data-ui": "Tooltip__layer", ...rest, as: framerMotion.motion.div, "data-animate": t8, "data-placement": placement, padding, radius, scheme, shadow, style: rootStyle, variants: POPOVER_MOTION_PROPS.card, transition: POPOVER_MOTION_PROPS.transition, initial: t9, animate: t10, exit: t11, tone, children: [
     children,
-    t13
-  ] }), $[36] = children, $[37] = padding, $[38] = placement, $[39] = radius, $[40] = rest, $[41] = rootStyle, $[42] = scheme, $[43] = shadow, $[44] = t10, $[45] = t11, $[46] = t12, $[47] = t13, $[48] = t9, $[49] = tone, $[50] = t14) : t14 = $[50], t14;
+    t12
+  ] }), $[35] = children, $[36] = padding, $[37] = placement, $[38] = radius, $[39] = rest, $[40] = rootStyle, $[41] = scheme, $[42] = shadow, $[43] = t10, $[44] = t11, $[45] = t12, $[46] = t8, $[47] = t9, $[48] = tone, $[49] = t13) : t13 = $[49], t13;
 }
 TooltipLayer.displayName = "TooltipLayer";
 const DEFAULT_TOOLTIP_ELEMENT = "div";