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

package/dist/_chunks-cjs/buildCommand.cjs

@@ -7,59 +7,65 @@ var cssnano__default = /* @__PURE__ */ _interopDefaultCompat(cssnano), fs__defau
 async function buildCommand(options) {
   const cwd = options.cwd ?? process.cwd(), outDir = options.outDir ?? path__default.default.resolve(cwd, "dist");
   await buildTheme({
+    cwd,
     outDir
   }), await buildSystem({
+    cwd,
     outDir
   }), await buildAll({
+    cwd,
     outDir
   });
 }
-async function minify(css2) {
-  return postcss__default.default([cssnano__default.default()]).process(css2, {
-    from: void 0
-  });
-}
-async function prettify(css2) {
-  const options = await prettier.resolveConfig(__dirname);
-  if (!options)
-    throw new Error("Prettier config not found");
-  return prettier.format(css2, {
-    ...options,
-    filepath: "index.css",
-    printWidth: 9999
-  });
-}
-function prettySize(str) {
-  return `${prettyBytes__default.default(str.length)} / ${prettyBytes__default.default(gzipSize.gzipSizeSync(str))}`;
-}
 async function buildTheme(options) {
   const {
+    cwd,
     outDir
-  } = options, css$1 = await prettify(css._compileTheme()), minified = await minify(css$1), prettified = await prettify(css$1);
+  } = options, css$1 = await prettify(css._compileTheme()), minified = await minify(css$1), prettified = await prettify(css$1), cssFile = path__default.default.resolve(outDir, "ui-theme.css"), minCssFile = path__default.default.resolve(outDir, "ui-theme.min.css");
   await fs__default.default.mkdir(outDir, {
     recursive: !0
-  }), await fs__default.default.writeFile(path__default.default.resolve(outDir, "ui-theme.css"), prettified, "utf-8"), await fs__default.default.writeFile(path__default.default.resolve(outDir, "ui-theme.min.css"), minified.css, "utf-8"), console.log(`- built ui-theme.css (${prettySize(prettified)})`), console.log(`- built ui-theme.min.css (${prettySize(minified.css)})`);
+  }), await fs__default.default.writeFile(cssFile, prettified, "utf-8"), await fs__default.default.writeFile(minCssFile, minified.css, "utf-8"), console.log(`- built ${path__default.default.relative(cwd, cssFile)} (${prettySize(prettified)})`), console.log(`- built ${path__default.default.relative(cwd, minCssFile)} (${prettySize(minified.css)})`);
 }
 async function buildSystem(options) {
   const {
+    cwd,
     outDir
-  } = options, css$1 = await prettify(css._compileSystem()), minified = await minify(css$1), prettified = await prettify(css$1);
+  } = options, css$1 = await prettify(css._compileSystem()), minified = await minify(css$1), prettified = await prettify(css$1), cssFile = path__default.default.resolve(outDir, "ui-system.css"), minCssFile = path__default.default.resolve(outDir, "ui-system.min.css");
   await fs__default.default.mkdir(outDir, {
     recursive: !0
-  }), await fs__default.default.writeFile(path__default.default.resolve(outDir, "ui-system.css"), prettified, "utf-8"), await fs__default.default.writeFile(path__default.default.resolve(outDir, "ui-system.min.css"), minified.css, "utf-8"), console.log(`- built ui-system.css (${prettySize(prettified)})`), console.log(`- built ui-system.min.css (${prettySize(minified.css)})`);
+  }), await fs__default.default.writeFile(cssFile, prettified, "utf-8"), await fs__default.default.writeFile(minCssFile, minified.css, "utf-8"), console.log(`- built ${path__default.default.relative(cwd, cssFile)} (${prettySize(prettified)})`), console.log(`- built ${path__default.default.relative(cwd, minCssFile)} (${prettySize(minified.css)})`);
 }
 async function buildAll(options) {
   const {
+    cwd,
     outDir
   } = options, css$1 = await prettify([`/* @sanity/ui/ui-theme.css */
 `, css._compileTheme(), `
 
 /* @sanity/ui/ui-system.css */
 `, css._compileSystem(), `
-`].join("")), minified = await minify(css$1), prettified = await prettify(css$1);
+`].join("")), minified = await minify(css$1), prettified = await prettify(css$1), cssFile = path__default.default.resolve(outDir, "ui.css"), minCssFile = path__default.default.resolve(outDir, "ui.min.css");
   await fs__default.default.mkdir(outDir, {
     recursive: !0
-  }), await fs__default.default.writeFile(path__default.default.resolve(outDir, "ui.css"), prettified, "utf-8"), await fs__default.default.writeFile(path__default.default.resolve(outDir, "ui.min.css"), minified.css, "utf-8"), console.log(`- built ui.css (${prettySize(prettified)})`), console.log(`- built ui.min.css (${prettySize(minified.css)})`);
+  }), await fs__default.default.writeFile(cssFile, prettified, "utf-8"), await fs__default.default.writeFile(minCssFile, minified.css, "utf-8"), console.log(`- built ${path__default.default.relative(cwd, cssFile)} (${prettySize(prettified)})`), console.log(`- built ${path__default.default.relative(cwd, minCssFile)} (${prettySize(minified.css)})`);
+}
+async function minify(css2) {
+  return postcss__default.default([cssnano__default.default()]).process(css2, {
+    from: void 0
+  });
+}
+async function prettify(css2) {
+  const options = await prettier.resolveConfig(__dirname);
+  if (!options)
+    throw new Error("Prettier config not found");
+  return prettier.format(css2, {
+    ...options,
+    filepath: "index.css",
+    printWidth: 9999
+  });
+}
+function prettySize(str) {
+  return `${prettyBytes__default.default(str.length)} / ${prettyBytes__default.default(gzipSize.gzipSizeSync(str))}`;
 }
 exports.buildCommand = buildCommand;
 //# sourceMappingURL=buildCommand.cjs.map

package/dist/_chunks-cjs/buildCommand.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"buildCommand.cjs","sources":["../../src/cli/buildCommand.ts"],"sourcesContent":["/* eslint-disable no-console */\n\nimport {_compileSystem, _compileTheme} from '@sanity/ui/css'\nimport cssnano from 'cssnano'\nimport fs from 'fs/promises'\nimport {gzipSizeSync} from 'gzip-size'\nimport path from 'path'\nimport postcss from 'postcss'\nimport {format, resolveConfig} from 'prettier'\nimport prettyBytes from 'pretty-bytes'\n\nexport async function buildCommand(options: {cwd?: string; outDir?: string}): Promise<void> {\n  const cwd = options.cwd ?? process.cwd()\n  const outDir = options.outDir ?? path.resolve(cwd, 'dist')\n\n  await buildTheme({outDir})\n  await buildSystem({outDir})\n  await buildAll({outDir})\n}\n\n//\n\nasync function minify(css: string) {\n  return postcss([cssnano()]).process(css, {from: undefined})\n}\n\nasync function prettify(css: string) {\n  const options = await resolveConfig(__dirname)\n\n  if (!options) {\n    throw new Error('Prettier config not found')\n  }\n\n  return format(css, {...options, filepath: 'index.css', printWidth: 9999})\n}\n\nfunction prettySize(str: string) {\n  return `${prettyBytes(str.length)} / ${prettyBytes(gzipSizeSync(str))}`\n}\n\n// @sanity/ui/ui-theme.css\nasync function buildTheme(options: {outDir: string}) {\n  const {outDir} = options\n  const css = await prettify(_compileTheme())\n  const minified = await minify(css)\n  const prettified = await prettify(css)\n\n  await fs.mkdir(outDir, {recursive: true})\n  await fs.writeFile(path.resolve(outDir, 'ui-theme.css'), prettified, 'utf-8')\n  await fs.writeFile(path.resolve(outDir, 'ui-theme.min.css'), minified.css, 'utf-8')\n\n  console.log(`- built ui-theme.css (${prettySize(prettified)})`)\n  console.log(`- built ui-theme.min.css (${prettySize(minified.css)})`)\n}\n\n// @sanity/ui/ui-system.css\nasync function buildSystem(options: {outDir: string}) {\n  const {outDir} = options\n  const css = await prettify(_compileSystem())\n  const minified = await minify(css)\n  const prettified = await prettify(css)\n\n  await fs.mkdir(outDir, {recursive: true})\n  await fs.writeFile(path.resolve(outDir, 'ui-system.css'), prettified, 'utf-8')\n  await fs.writeFile(path.resolve(outDir, 'ui-system.min.css'), minified.css, 'utf-8')\n\n  console.log(`- built ui-system.css (${prettySize(prettified)})`)\n  console.log(`- built ui-system.min.css (${prettySize(minified.css)})`)\n}\n\n// @sanity/ui/ui.css\nasync function buildAll(options: {outDir: string}) {\n  const {outDir} = options\n  const css = await prettify(\n    [\n      `/* @sanity/ui/ui-theme.css */\\n`,\n      _compileTheme(),\n      `\\n\\n/* @sanity/ui/ui-system.css */\\n`,\n      _compileSystem(),\n      `\\n`,\n    ].join(''),\n  )\n\n  const minified = await minify(css)\n  const prettified = await prettify(css)\n\n  await fs.mkdir(outDir, {recursive: true})\n  await fs.writeFile(path.resolve(outDir, 'ui.css'), prettified, 'utf-8')\n  await fs.writeFile(path.resolve(outDir, 'ui.min.css'), minified.css, 'utf-8')\n\n  console.log(`- built ui.css (${prettySize(prettified)})`)\n  console.log(`- built ui.min.css (${prettySize(minified.css)})`)\n}\n"],"names":["buildCommand","options","cwd","process","outDir","path","resolve","buildTheme","buildSystem","buildAll","minify","css","postcss","cssnano","from","undefined","prettify","resolveConfig","__dirname","Error","format","filepath","printWidth","prettySize","str","prettyBytes","length","gzipSizeSync","_compileTheme","minified","prettified","fs","mkdir","recursive","writeFile","console","log","_compileSystem","join"],"mappings":"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"}
+{"version":3,"file":"buildCommand.cjs","sources":["../../src/cli/buildCommand.ts"],"sourcesContent":["/* eslint-disable no-console */\n\nimport {_compileSystem, _compileTheme} from '@sanity/ui/css'\nimport cssnano from 'cssnano'\nimport fs from 'fs/promises'\nimport {gzipSizeSync} from 'gzip-size'\nimport path from 'path'\nimport postcss from 'postcss'\nimport {format, resolveConfig} from 'prettier'\nimport prettyBytes from 'pretty-bytes'\n\nexport async function buildCommand(options: {cwd?: string; outDir?: string}): Promise<void> {\n  const cwd = options.cwd ?? process.cwd()\n  const outDir = options.outDir ?? path.resolve(cwd, 'dist')\n\n  await buildTheme({cwd, outDir})\n  await buildSystem({cwd, outDir})\n  await buildAll({cwd, outDir})\n}\n\n// @sanity/ui/ui-theme.css\nasync function buildTheme(options: {cwd: string; outDir: string}) {\n  const {cwd, outDir} = options\n  const css = await prettify(_compileTheme())\n  const minified = await minify(css)\n  const prettified = await prettify(css)\n\n  const cssFile = path.resolve(outDir, 'ui-theme.css')\n  const minCssFile = path.resolve(outDir, 'ui-theme.min.css')\n\n  await fs.mkdir(outDir, {recursive: true})\n  await fs.writeFile(cssFile, prettified, 'utf-8')\n  await fs.writeFile(minCssFile, minified.css, 'utf-8')\n\n  console.log(`- built ${path.relative(cwd, cssFile)} (${prettySize(prettified)})`)\n  console.log(`- built ${path.relative(cwd, minCssFile)} (${prettySize(minified.css)})`)\n}\n\n// @sanity/ui/ui-system.css\nasync function buildSystem(options: {cwd: string; outDir: string}) {\n  const {cwd, outDir} = options\n  const css = await prettify(_compileSystem())\n  const minified = await minify(css)\n  const prettified = await prettify(css)\n\n  const cssFile = path.resolve(outDir, 'ui-system.css')\n  const minCssFile = path.resolve(outDir, 'ui-system.min.css')\n\n  await fs.mkdir(outDir, {recursive: true})\n  await fs.writeFile(cssFile, prettified, 'utf-8')\n  await fs.writeFile(minCssFile, minified.css, 'utf-8')\n\n  console.log(`- built ${path.relative(cwd, cssFile)} (${prettySize(prettified)})`)\n  console.log(`- built ${path.relative(cwd, minCssFile)} (${prettySize(minified.css)})`)\n}\n\n// @sanity/ui/ui.css\nasync function buildAll(options: {cwd: string; outDir: string}) {\n  const {cwd, outDir} = options\n  const css = await prettify(\n    [\n      `/* @sanity/ui/ui-theme.css */\\n`,\n      _compileTheme(),\n      `\\n\\n/* @sanity/ui/ui-system.css */\\n`,\n      _compileSystem(),\n      `\\n`,\n    ].join(''),\n  )\n\n  const minified = await minify(css)\n  const prettified = await prettify(css)\n\n  const cssFile = path.resolve(outDir, 'ui.css')\n  const minCssFile = path.resolve(outDir, 'ui.min.css')\n\n  await fs.mkdir(outDir, {recursive: true})\n  await fs.writeFile(cssFile, prettified, 'utf-8')\n  await fs.writeFile(minCssFile, minified.css, 'utf-8')\n\n  console.log(`- built ${path.relative(cwd, cssFile)} (${prettySize(prettified)})`)\n  console.log(`- built ${path.relative(cwd, minCssFile)} (${prettySize(minified.css)})`)\n}\n\nasync function minify(css: string) {\n  return postcss([cssnano()]).process(css, {from: undefined})\n}\n\nasync function prettify(css: string) {\n  const options = await resolveConfig(__dirname)\n\n  if (!options) {\n    throw new Error('Prettier config not found')\n  }\n\n  return format(css, {...options, filepath: 'index.css', printWidth: 9999})\n}\n\nfunction prettySize(str: string) {\n  return `${prettyBytes(str.length)} / ${prettyBytes(gzipSizeSync(str))}`\n}\n"],"names":["buildCommand","options","cwd","process","outDir","path","resolve","buildTheme","buildSystem","buildAll","css","prettify","_compileTheme","minified","minify","prettified","cssFile","minCssFile","fs","mkdir","recursive","writeFile","console","log","relative","prettySize","_compileSystem","join","postcss","cssnano","from","undefined","resolveConfig","__dirname","Error","format","filepath","printWidth","str","prettyBytes","length","gzipSizeSync"],"mappings":"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"}

package/dist/_chunks-es/_visual-editing.js

@@ -3,7 +3,7 @@ import { c } from "react-compiler-runtime";
 import { getScopedTheme, getTheme_v2 } from "@sanity/ui/theme";
 import { createContext, useContext, useState, useEffect, useDebugValue, useSyncExternalStore, Children, isValidElement, cloneElement, useRef, useImperativeHandle, lazy, Suspense, useMemo, useCallback, useId, useLayoutEffect } from "react";
 import { ThemeProvider as ThemeProvider$1, useTheme as useTheme$1 } from "styled-components";
-import { BREAKPOINTS, _composeClassNames, box, label, textOverflow, avatar, avatarArrow, avatarInitials, avatarImage, avatarCounter, avatarStack, text, badge, animatedSpinnerIcon, spinner, buttonLoadingBox, button, card, checkbox, checkboxInput, code, container, heading, kbd, _arrow, _arrowStrokeMask, _arrowStroke, _arrowShape, varNames, srOnly, vars, popoverCard, radio, select, _inputElement, selectPresentation, stack, _switch, _switchElement, _switchPresentation, _switchTrack, _switchThumb, textArea, _inputPresentation, textInput, tooltipCard, tooltip, menu, menuDivider, _selectable } from "@sanity/ui/css";
+import { BREAKPOINTS, _composeClassNames, box, label, textOverflow, avatar, avatarArrow, avatarInitials, avatarImage, avatarCounter, avatarStack, text, badge, animatedSpinnerIcon, spinner, buttonLoadingBox, button, card, checkbox, checkboxInput, code, container, heading, kbd, _arrow, _arrowStrokeMask, _arrowStroke, _arrowShape, varNames, srOnly, vars, popoverCard, radio, select, _inputElement, selectPresentation, stack, _switch, _switchElement, _switchPresentation, _switchTrack, _switchThumb, textArea, _inputPresentation, textInput, textInputPrefix, textInputElement, textInputSuffix, tooltip, menu, menuDivider, _selectable } from "@sanity/ui/css";
 import { isValidElementType } from "react-is";
 import { SpinnerIcon, CheckmarkIcon, RemoveIcon, ChevronDownIcon, CloseIcon, ChevronRightIcon } from "@sanity/icons";
 import { detectOverflow, flip, offset, shift, arrow, hide, useFloating, autoUpdate } from "@floating-ui/react-dom";
@@ -363,8 +363,8 @@ function _temp$5() {
 }
 const DEFAULT_BOX_ELEMENT = "div";
 function Box(props) {
-  const $ = 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 $ = 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,
@@ -403,13 +403,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,
@@ -423,15 +424,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 = _composeClassNames(className, 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 = _composeClassNames(className, box({
     align,
     autoCols,
     autoFlow,
@@ -466,6 +467,7 @@ function Box(props) {
     marginBottom,
     marginLeft,
     maxWidth,
+    minHeight,
     minWidth,
     muted,
     outline,
@@ -490,9 +492,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__ */ 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__ */ 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";
@@ -511,7 +513,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 = _composeClassNames(className, label({
     accent,
@@ -917,30 +919,30 @@ Checkbox.displayName = "Checkbox";
 const LazyRefractor = lazy(() => import("./refractor.js")), DEFAULT_CODE_ELEMENT = "pre";
 function Code(props) {
   const $ = 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 = _composeClassNames(className, 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 = _composeClassNames(className, code({
     size: size2,
     weight
-  })), $[8] = className, $[9] = size2, $[10] = weight, $[11] = t3) : t3 = $[11];
-  let t4;
-  $[12] !== children ? (t4 = /* @__PURE__ */ 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__ */ jsx(LazyRefractor, { language, value: children }), $[14] = children, $[15] = language, $[16] = t5) : t5 = $[16];
+  $[12] !== children ? (t5 = /* @__PURE__ */ jsx("code", { children }), $[12] = children, $[13] = t5) : t5 = $[13];
   let t6;
-  $[17] !== t4 || $[18] !== t5 ? (t6 = /* @__PURE__ */ jsx(Suspense, { fallback: t4, children: t5 }), $[17] = t4, $[18] = t5, $[19] = t6) : t6 = $[19];
+  $[14] !== children || $[15] !== language ? (t6 = /* @__PURE__ */ 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__ */ 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__ */ jsx(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__ */ 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";
@@ -993,7 +995,7 @@ Grid.displayName = "Grid";
 const DEFAULT_HEADING_ELEMENT = "div";
 function Heading(props) {
   const $ = 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,
@@ -1004,27 +1006,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 = _composeClassNames(className, 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 = _composeClassNames(className, 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 = 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__ */ jsx("span", { className: t6, children }), $[22] = children, $[23] = t6, $[24] = t7) : t7 = $[24];
+  $[20] !== textOverflowProp ? (t7 = textOverflow({
+    textOverflow: textOverflowProp
+  }), $[20] = textOverflowProp, $[21] = t7) : t7 = $[21];
   let t8;
-  return $[25] !== Element2 || $[26] !== rest || $[27] !== t5 || $[28] !== t7 ? (t8 = /* @__PURE__ */ 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__ */ 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__ */ 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";
@@ -2024,52 +2026,48 @@ function Switch(props) {
 Switch.displayName = "Switch";
 const DEFAULT_TEXT_AREA_ELEMENT = "textarea";
 function TextArea(props) {
-  const $ = 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 $ = 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 = useRef(null);
   let t8;
-  $[13] === Symbol.for("react.memo_cache_sentinel") ? (t8 = () => ref.current, $[13] = t8) : t8 = $[13], useImperativeHandle(forwardedRef, t8), useCustomValidity(ref, customValidity);
+  $[14] === Symbol.for("react.memo_cache_sentinel") ? (t8 = () => ref.current, $[14] = t8) : t8 = $[14], useImperativeHandle(forwardedRef, t8), useCustomValidity(ref, customValidity);
   const t9 = gap ?? space;
   let t10;
-  $[14] !== border || $[15] !== fontSize || $[16] !== padding || $[17] !== radius || $[18] !== t9 ? (t10 = textArea({
+  $[15] !== border || $[16] !== fontSize || $[17] !== padding || $[18] !== radius || $[19] !== t9 ? (t10 = 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 = _inputElement(), $[20] = t13) : t13 = $[20];
-  let t14;
-  $[21] !== Element2 || $[22] !== disabled || $[23] !== readOnly || $[24] !== rest ? (t14 = /* @__PURE__ */ 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 = _inputElement(), $[21] = t13) : t13 = $[21];
+  const t14 = __unstable_disableFocusRing ? "" : void 0;
   let t15;
-  $[26] === Symbol.for("react.memo_cache_sentinel") ? (t15 = /* @__PURE__ */ jsx("span", { className: _inputPresentation() }), $[26] = t15) : t15 = $[26];
+  $[22] !== Element2 || $[23] !== disabled || $[24] !== readOnly || $[25] !== rest || $[26] !== t14 ? (t15 = /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { className: _inputPresentation() }), $[28] = t16) : t16 = $[28];
+  let t17;
+  return $[29] !== t10 || $[30] !== t11 || $[31] !== t12 || $[32] !== t15 ? (t17 = /* @__PURE__ */ 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 = {
@@ -2079,7 +2077,7 @@ const DEFAULT_TEXT_INPUT_ELEMENT = "input", CLEAR_BUTTON_BOX_STYLE = {
   zIndex: 2
 };
 function TextInput(props) {
-  const $ = c(88), t0 = props;
+  const $ = 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 {
@@ -2139,51 +2137,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__ */ jsx(Box, { as: "span", className: "text-input-prefix", sizing: "border", children: /* @__PURE__ */ jsx("span", { children: prefix }) }), $[38] = prefix, $[39] = t24) : t24 = $[39];
+  $[38] !== prefix ? (t24 = prefix && /* @__PURE__ */ jsx(Box, { className: textInputPrefix(), sizing: "border", children: /* @__PURE__ */ jsx("span", { children: prefix }) }), $[38] = prefix, $[39] = t24) : t24 = $[39];
   let t25;
-  $[40] === Symbol.for("react.memo_cache_sentinel") ? (t25 = _inputElement(), $[40] = t25) : t25 = $[40];
+  $[40] === Symbol.for("react.memo_cache_sentinel") ? (t25 = textInputElement(), $[40] = t25) : t25 = $[40];
   let t26;
-  $[41] !== Element2 || $[42] !== disabled || $[43] !== readOnly || $[44] !== rest || $[45] !== type ? (t26 = /* @__PURE__ */ 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 = _inputPresentation(), $[47] = t27) : t27 = $[47];
-  const t28 = __unstable_disableFocusRing ? "" : void 0;
+  $[41] === Symbol.for("react.memo_cache_sentinel") ? (t26 = _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__ */ 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__ */ jsx(Box, { as: "span", padding, position: "absolute", style: {
+  $[49] === Symbol.for("react.memo_cache_sentinel") ? (t29 = _inputPresentation(), $[49] = t29) : t29 = $[49];
+  let t30;
+  $[50] !== IconComponent || $[51] !== fontSize || $[52] !== padding ? (t30 = IconComponent && /* @__PURE__ */ jsx(Box, { padding, position: "absolute", style: {
     top: 0,
     left: 0
   }, children: /* @__PURE__ */ jsxs(Text, { size: fontSize, children: [
     isValidElement(IconComponent) && IconComponent,
     isValidElementType(IconComponent) && /* @__PURE__ */ 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__ */ 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__ */ jsx(Box, { padding, position: "absolute", style: {
     top: 0,
     right: 0
   }, children: /* @__PURE__ */ jsxs(Text, { size: fontSize, children: [
     isValidElement(IconRightComponent) && IconRightComponent,
     isValidElementType(IconRightComponent) && /* @__PURE__ */ jsx(IconRightComponent, {})
-  ] }) }), $[52] = IconRightComponent, $[53] = fontSize, $[54] = padding, $[55] = withClearButton, $[56] = t30) : t30 = $[56];
-  let t31;
-  $[57] !== t28 || $[58] !== t29 || $[59] !== t30 ? (t31 = /* @__PURE__ */ 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__ */ jsx(Box, { as: "span", padding: clearButtonBoxPadding, position: "absolute", style: CLEAR_BUTTON_BOX_STYLE, children: /* @__PURE__ */ jsx(Button, { "aria-label": "Clear", "data-qa": "clear-button", display: "block", fontSize, icon: 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__ */ 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__ */ 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__ */ jsx(Box, { padding: clearButtonBoxPadding, position: "absolute", style: CLEAR_BUTTON_BOX_STYLE, children: /* @__PURE__ */ jsx(Button, { "aria-label": "Clear", "data-qa": "clear-button", display: "block", fontSize, icon: 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__ */ jsx(Box, { as: "span", className: "text-input-suffix", sizing: "border", children: /* @__PURE__ */ jsx("span", { children: suffix }) }), $[75] = suffix, $[76] = t34) : t34 = $[76];
+  $[72] !== t28 || $[73] !== t32 || $[74] !== t33 ? (t34 = /* @__PURE__ */ 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__ */ 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__ */ jsx(Box, { className: textInputSuffix(), sizing: "border", children: /* @__PURE__ */ 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__ */ 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;
@@ -2252,7 +2252,7 @@ function useTooltipDelayGroup() {
   return useContext(TooltipDelayGroupContext);
 }
 function TooltipLayer(props) {
-  const $ = c(51);
+  const $ = c(50);
   let animate, arrow2, arrowRef, arrowX, arrowY, children, originX, originY, padding, placement, radius, rest, scheme, shadow, style, t0;
   $[0] !== props ? ({
     animate,
@@ -2292,23 +2292,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 = 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] !== arrow2 || $[32] !== arrowRef || $[33] !== arrowStyle ? (t12 = arrow2 && /* @__PURE__ */ jsx(Arrow, { ref: arrowRef, style: arrowStyle, width: DEFAULT_TOOLTIP_ARROW_WIDTH, height: DEFAULT_TOOLTIP_ARROW_HEIGHT, radius: DEFAULT_TOOLTIP_ARROW_RADIUS }), $[31] = arrow2, $[32] = arrowRef, $[33] = arrowStyle, $[34] = t12) : t12 = $[34];
   let t13;
-  $[32] !== arrow2 || $[33] !== arrowRef || $[34] !== arrowStyle ? (t13 = arrow2 && /* @__PURE__ */ jsx(Arrow, { ref: arrowRef, style: arrowStyle, width: DEFAULT_TOOLTIP_ARROW_WIDTH, height: DEFAULT_TOOLTIP_ARROW_HEIGHT, radius: DEFAULT_TOOLTIP_ARROW_RADIUS }), $[32] = arrow2, $[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__ */ jsxs(Layer, { "data-ui": "Tooltip__card", ...rest, as: 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__ */ jsxs(Layer, { "data-ui": "Tooltip__layer", ...rest, as: 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";