@sanity/ui 4.0.0-next.4 → 4.0.0-next.6

package/dist/{rgba-LmTDhX0u.d.ts → rgba-BSYaEUW6.d.ts}

@@ -1,3 +1,5 @@
+import { a as ThemeColorInputModeKey, c as ThemeColorStateKey, i as ThemeColorCardToneKey, l as ThemeColorStateToneKey, n as ThemeColorBlendModeKey, o as ThemeColorInputStateKey, r as ThemeColorButtonModeKey, s as ThemeColorSchemeKey, t as ThemeColorAvatarColorKey } from "./_system-CTe2lb5l.js";
+import { a as ThemeFontWeightKey, o as ThemeFonts } from "./font-EtfxKPUz.js";
 import * as CSS from "csstype";
 /**
  * @internal
@@ -25,44 +27,6 @@ interface HSL {
   s: number;
   l: number;
 }
-/** @public */
-declare const THEME_COLOR_SCHEMES: readonly ['light', 'dark'];
-/** @public */
-declare const THEME_COLOR_BLEND_MODES: readonly ['multiply', 'screen'];
-/** @public */
-declare const THEME_COLOR_CARD_TONES: readonly ['transparent', 'default', 'neutral', 'primary', 'suggest', 'positive', 'caution', 'critical'];
-/** @public */
-declare const THEME_COLOR_STATE_TONES: readonly ['default', 'neutral', 'primary', 'suggest', 'positive', 'caution', 'critical'];
-/** @public */
-declare const THEME_COLOR_STATES: readonly ['enabled', 'hovered', 'pressed', 'selected', 'disabled'];
-/** @public */
-declare const THEME_COLOR_BUTTON_MODES: readonly ['default', 'ghost', 'bleed'];
-/** @public */
-declare const THEME_COLOR_INPUT_MODES: readonly ['default', 'invalid'];
-/** @public */
-declare const THEME_COLOR_INPUT_STATES: readonly ['enabled', 'hovered', 'readOnly', 'disabled'];
-/** @public */
-declare const THEME_COLOR_AVATAR_COLORS: import("@sanity/color").ColorHueKey[];
-/**
- * @public
- */
-type ThemeColorSchemeKey = (typeof THEME_COLOR_SCHEMES)[number];
-/** @public */
-type ThemeColorBlendModeKey = (typeof THEME_COLOR_BLEND_MODES)[number];
-/** @public */
-type ThemeColorCardToneKey = (typeof THEME_COLOR_CARD_TONES)[number];
-/** @public */
-type ThemeColorButtonModeKey = (typeof THEME_COLOR_BUTTON_MODES)[number];
-/** @public */
-type ThemeColorStateKey = (typeof THEME_COLOR_STATES)[number];
-/** @public */
-type ThemeColorStateToneKey = (typeof THEME_COLOR_STATE_TONES)[number];
-/** @public */
-type ThemeColorInputModeKey = (typeof THEME_COLOR_INPUT_MODES)[number];
-/** @public */
-type ThemeColorInputStateKey = (typeof THEME_COLOR_INPUT_STATES)[number];
-/** @public */
-type ThemeColorAvatarColorKey = (typeof THEME_COLOR_AVATAR_COLORS)[number];
 /**
  * @public
  */
@@ -104,53 +68,6 @@ interface ThemeColorSyntax {
   url: string;
   variable: string;
 }
-/**
- * @public
- */
-type ThemeFontKey = 'code' | 'heading' | 'label' | 'text';
-/**
- * @public
- */
-type ThemeFontWeightKey = 'regular' | 'medium' | 'semibold' | 'bold';
-/**
- * @public
- */
-interface ThemeFontSize {
-  ascenderHeight: number;
-  descenderHeight: number;
-  fontSize: number;
-  iconSize: number;
-  letterSpacing: number;
-  lineHeight: number;
-}
-/**
- * @public
- */
-interface ThemeFontWeight {
-  regular: number;
-  medium: number;
-  semibold: number;
-  bold: number;
-}
-/**
- * @public
- */
-interface ThemeFont {
-  family: string;
-  weights: ThemeFontWeight;
-  sizes: ThemeFontSize[];
-  /** @deprecated No longer supported. */
-  horizontalOffset?: number;
-}
-/**
- * @public
- */
-interface ThemeFonts {
-  code: ThemeFont;
-  heading: ThemeFont;
-  label: ThemeFont;
-  text: ThemeFont;
-}
 /**
  * @public
  */
@@ -925,5 +842,5 @@ declare function parseColor(color: unknown): RGB | RGBA;
  * @internal
  */
 declare function rgba(color: unknown, a: number): string;
-export { ThemeColorInputState_v2 as $, ThemeColorMutedTone as A, ThemeColorSchemeKey as At, ThemeColorBase as B, THEME_COLOR_STATES as Bt, ThemeColorSpotKey as C, ThemeColorSyntax as Ct, ThemeColorSelectableState as D, ThemeColorCardToneKey as Dt, ThemeColorSelectable as E, ThemeColorButtonModeKey as Et, ThemeColorCardState as F, THEME_COLOR_BUTTON_MODES as Ft, ThemeInput_v2 as G, ThemeColorToneKey as H, HSL as Ht, ThemeColorButton as I, THEME_COLOR_CARD_TONES as It, ThemeColorSchemes_v2 as J, ThemeColorCard_v2 as K, ThemeColorButtonState as L, THEME_COLOR_INPUT_MODES as Lt, ThemeColorInputState as M, ThemeColorStateToneKey as Mt, ThemeColorInputStates as N, THEME_COLOR_AVATAR_COLORS as Nt, ThemeColorSelectableStates as O, ThemeColorInputModeKey as Ot, ThemeColorCard as P, THEME_COLOR_BLEND_MODES as Pt, ThemeColorInputMode_v2 as Q, ThemeColorButtonStates as R, THEME_COLOR_INPUT_STATES as Rt, ThemeColorSpot as S, ThemeFonts as St, ThemeColorSolidTone as T, ThemeColorBlendModeKey as Tt, ThemeColorGenericState as U, RGB as Ut, ThemeColorName as V, THEME_COLOR_STATE_TONES as Vt, ThemeAvatar as W, RGBA as Wt, ThemeColorSelectableTone_v2 as X, ThemeColorShadow as Y, ThemeColorSelectable_v2 as Z, Theme_v2 as _, ThemeFont as _t, rgbToHex as a, ThemeColorKBD as at, ThemeColorScheme as b, ThemeFontWeight as bt, screen as c, ThemeColorAvatarHue_v2 as ct, ThemeColorBuilderOpts as d, ThemeFocusRing as dt, ThemeColorInput_v2 as et, createColorTheme as f, ThemeStyles as ft, Theme as g, ThemeLayer as gt, RootTheme_v2 as h, ThemeShadow as ht, hslToRgb as i, ThemeColorState_v2 as it, ThemeColorInput as j, ThemeColorStateKey as jt, ThemeColorMuted as k, ThemeColorInputStateKey as kt, multiply as l, ThemeColorAvatar_v2 as lt, RootTheme as m, ThemeBoxShadow as mt, parseColor as n, ThemeColorButtonTone_v2 as nt, rgbToHsl as o, ThemeColorBadgeTone_v2 as ot, BaseTheme as p, CSSObject as pt, ThemeColorScheme_v2 as q, hexToRgb as r, ThemeColorButton_v2 as rt, rgbaToRGBA as s, ThemeColorBadge_v2 as st, rgba as t, ThemeColorButtonMode_v2 as tt, PartialThemeColorBuilderOpts as u, ThemeAvatar_v2 as ut, ThemeInput as v, ThemeFontKey as vt, ThemeColorSolid as w, ThemeColorAvatarColorKey as wt, ThemeColorSchemes as x, ThemeFontWeightKey as xt, ThemeColor as y, ThemeFontSize as yt, ThemeColorButtonTones as z, THEME_COLOR_SCHEMES as zt };
-//# sourceMappingURL=rgba-LmTDhX0u.d.ts.map
+export { ThemeColorInputState_v2 as $, ThemeColorMutedTone as A, ThemeColorBase as B, ThemeColorSpotKey as C, ThemeColorSelectableState as D, ThemeColorSelectable as E, ThemeColorCardState as F, ThemeInput_v2 as G, ThemeColorToneKey as H, ThemeColorButton as I, ThemeColorSchemes_v2 as J, ThemeColorCard_v2 as K, ThemeColorButtonState as L, ThemeColorInputState as M, ThemeColorInputStates as N, ThemeColorSelectableStates as O, ThemeColorCard as P, ThemeColorInputMode_v2 as Q, ThemeColorButtonStates as R, ThemeColorSpot as S, ThemeColorSolidTone as T, ThemeColorGenericState as U, ThemeColorName as V, ThemeAvatar as W, ThemeColorSelectableTone_v2 as X, ThemeColorShadow as Y, ThemeColorSelectable_v2 as Z, Theme_v2 as _, ThemeColorSyntax as _t, rgbToHex as a, ThemeColorKBD as at, ThemeColorScheme as b, RGBA as bt, screen as c, ThemeColorAvatarHue_v2 as ct, ThemeColorBuilderOpts as d, ThemeFocusRing as dt, ThemeColorInput_v2 as et, createColorTheme as f, ThemeStyles as ft, Theme as g, ThemeLayer as gt, RootTheme_v2 as h, ThemeShadow as ht, hslToRgb as i, ThemeColorState_v2 as it, ThemeColorInput as j, ThemeColorMuted as k, multiply as l, ThemeColorAvatar_v2 as lt, RootTheme as m, ThemeBoxShadow as mt, parseColor as n, ThemeColorButtonTone_v2 as nt, rgbToHsl as o, ThemeColorBadgeTone_v2 as ot, BaseTheme as p, CSSObject as pt, ThemeColorScheme_v2 as q, hexToRgb as r, ThemeColorButton_v2 as rt, rgbaToRGBA as s, ThemeColorBadge_v2 as st, rgba as t, ThemeColorButtonMode_v2 as tt, PartialThemeColorBuilderOpts as u, ThemeAvatar_v2 as ut, ThemeInput as v, HSL as vt, ThemeColorSolid as w, ThemeColorSchemes as x, ThemeColor as y, RGB as yt, ThemeColorButtonTones as z };
+//# sourceMappingURL=rgba-BSYaEUW6.d.ts.map

package/dist/rgba-BSYaEUW6.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rgba-BSYaEUW6.d.ts","names":[],"sources":["../src/theme/build/lib/color-fns/types.ts","../src/theme/system/color/syntax.ts","../src/theme/system/layer.ts","../src/theme/system/shadow.ts","../src/theme/system/css.ts","../src/theme/system/styles.ts","../src/theme/system/focusRing.ts","../src/theme/system/avatar.ts","../src/theme/system/color/avatar.ts","../src/theme/system/color/badge.ts","../src/theme/system/color/kbd.ts","../src/theme/system/color/state.ts","../src/theme/system/color/button.ts","../src/theme/system/color/input.ts","../src/theme/system/color/selectable.ts","../src/theme/system/color/shadow.ts","../src/theme/system/color/color.ts","../src/theme/system/input.ts","../src/theme/system/v0/avatar.ts","../src/theme/system/v0/color/_generic.ts","../src/theme/system/v0/color/_system.ts","../src/theme/system/v0/color/base.ts","../src/theme/system/v0/color/button.ts","../src/theme/system/v0/color/card.ts","../src/theme/system/v0/color/input.ts","../src/theme/system/v0/color/muted.ts","../src/theme/system/v0/color/selectable.ts","../src/theme/system/v0/color/solid.ts","../src/theme/system/v0/color/spot.ts","../src/theme/system/v0/color/color.ts","../src/theme/system/v0/input.ts","../src/theme/system/theme.ts","../src/theme/build/_deprecated/color/factory.ts","../src/theme/build/lib/color-fns/blend/multiply.ts","../src/theme/build/lib/color-fns/blend/screen.ts","../src/theme/build/lib/color-fns/convert.ts","../src/theme/build/lib/color-fns/parse.ts","../src/theme/build/lib/color-fns/rgba.ts"],"mappings":"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"}

package/dist/selectable-B0GUIL74.d.ts

@@ -0,0 +1,7 @@
+import { l as ThemeColorStateToneKey } from "./_system-CTe2lb5l.js";
+/**
+ * @public
+ */
+type SelectableTone = ThemeColorStateToneKey;
+export { SelectableTone as t };
+//# sourceMappingURL=selectable-B0GUIL74.d.ts.map

package/dist/selectable-B0GUIL74.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectable-B0GUIL74.d.ts","names":[],"sources":["../src/core/types/selectable.ts"],"mappings":";;;;KAKY,iBAAiB"}

package/dist/stack-C5WV-BRh.js

@@ -0,0 +1,98 @@
+import { a as rem, i as _responsive, n as _getArrayProp } from "./helpers-bwfx1e-Y.js";
+import { t as getTheme_v2 } from "./getTheme_v2-y09KqtEb.js";
+import { y as Box } from "./useLayer-9Pz-GG0r.js";
+import { t as responsiveFont } from "./responsiveFont-hN1mZFjm.js";
+import { c } from "react/compiler-runtime";
+import { css, styled } from "styled-components";
+import { jsx } from "react/jsx-runtime";
+/**
+* Get responsive text align styles.
+* @internal
+*/
+function responsiveTextAlignStyle(props) {
+	let { media } = getTheme_v2(props.theme);
+	return _responsive(media, props.$align, (textAlign) => ({ textAlign }));
+}
+/**
+* Get responsive CSS for the `text` font style.
+* @internal
+*/
+function responsiveTextFont(props) {
+	return responsiveFont("text", props);
+}
+var spanWithTextOverflow = "elmvdc0";
+/** @internal */
+function SpanWithTextOverflow(props) {
+	let $ = c(2), t0;
+	return $[0] === props.children ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx("span", {
+		className: spanWithTextOverflow,
+		children: props.children
+	}), $[0] = props.children, $[1] = t0), t0;
+}
+function textBaseStyle(props) {
+	let { $accent, $muted } = props, { font } = getTheme_v2(props.theme);
+	return css`color:var(--card-fg-color);${$accent && css`color:var(--card-accent-fg-color);`} ${$muted && css`color:var(--card-muted-fg-color);`} & code{font-family:${font.code.family};border-radius:1px;background-color:var(--card-code-bg-color);color:var(--card-code-fg-color);}& a{text-decoration:none;border-radius:1px;color:var(--card-link-color);outline:none;@media (hover:hover){&:hover{text-decoration:underline;}}&:focus{box-shadow:0 0 0 1px var(--card-bg-color),0 0 0 3px var(--card-focus-ring-color);}&:focus:not(:focus-visible){box-shadow:none;}}& strong{font-weight:${font.text.weights.bold};}& svg{display:inline;}& [data-sanity-icon]{vertical-align:baseline;color:var(--card-icon-color);& path{vector-effect:non-scaling-stroke !important;}}`;
+}
+const StyledText = /* @__PURE__ */ styled.div.withConfig({
+	displayName: "StyledText",
+	componentId: "sc-b3ymr4-0"
+})(responsiveTextFont, responsiveTextAlignStyle, textBaseStyle), Text = function Text(props) {
+	let $ = c(27), align, childrenProp, ref, restProps, t0, t1, t2, textOverflow, weight;
+	$[0] === props ? (align = $[1], childrenProp = $[2], ref = $[3], restProps = $[4], t0 = $[5], t1 = $[6], t2 = $[7], textOverflow = $[8], weight = $[9]) : ({accent: t0, align, children: childrenProp, muted: t1, ref, size: t2, textOverflow, weight, ...restProps} = props, $[0] = props, $[1] = align, $[2] = childrenProp, $[3] = ref, $[4] = restProps, $[5] = t0, $[6] = t1, $[7] = t2, $[8] = textOverflow, $[9] = weight);
+	let accent = t0 !== void 0 && t0, muted = t1 !== void 0 && t1, size = t2 === void 0 ? 2 : t2, children = childrenProp;
+	if (textOverflow === "ellipsis") {
+		let t3;
+		$[10] === children ? t3 = $[11] : (t3 = /* @__PURE__ */ jsx(SpanWithTextOverflow, { children }), $[10] = children, $[11] = t3), children = t3;
+	}
+	let t3;
+	$[12] === align ? t3 = $[13] : (t3 = _getArrayProp(align), $[12] = align, $[13] = t3);
+	let t4;
+	$[14] === size ? t4 = $[15] : (t4 = _getArrayProp(size), $[14] = size, $[15] = t4);
+	let t5;
+	$[16] === children ? t5 = $[17] : (t5 = /* @__PURE__ */ jsx("span", { children }), $[16] = children, $[17] = t5);
+	let t6;
+	return $[18] !== accent || $[19] !== muted || $[20] !== ref || $[21] !== restProps || $[22] !== t3 || $[23] !== t4 || $[24] !== t5 || $[25] !== weight ? (t6 = /* @__PURE__ */ jsx(StyledText, {
+		"data-ui": "Text",
+		...restProps,
+		$accent: accent,
+		$align: t3,
+		$muted: muted,
+		ref,
+		$size: t4,
+		$weight: weight,
+		children: t5
+	}), $[18] = accent, $[19] = muted, $[20] = ref, $[21] = restProps, $[22] = t3, $[23] = t4, $[24] = t5, $[25] = weight, $[26] = t6) : t6 = $[26], t6;
+}, BASE_STYLE = {
+	"&&:not([hidden])": { display: "grid" },
+	"&[data-as=\"ul\"],&[data-as=\"ol\"]": { listStyle: "none" },
+	gridTemplateColumns: "minmax(0, 1fr)",
+	gridAutoRows: "min-content"
+};
+function stackBaseStyle() {
+	return BASE_STYLE;
+}
+function responsiveStackSpaceStyle(props) {
+	let { media, space } = getTheme_v2(props.theme);
+	return _responsive(media, props.$space, (spaceIndex) => ({ gridGap: rem(space[spaceIndex]) }));
+}
+const StyledStack = /* @__PURE__ */ styled(Box).withConfig({
+	displayName: "StyledStack",
+	componentId: "sc-9rj35p-0"
+})(stackBaseStyle, responsiveStackSpaceStyle), Stack = function Stack(props) {
+	let $ = c(13), as, gap, ref, restProps;
+	$[0] === props ? (as = $[1], gap = $[2], ref = $[3], restProps = $[4]) : ({as, gap, ref, ...restProps} = props, $[0] = props, $[1] = as, $[2] = gap, $[3] = ref, $[4] = restProps);
+	let t0 = typeof as == "string" ? as : void 0, t1;
+	$[5] === gap ? t1 = $[6] : (t1 = _getArrayProp(gap), $[5] = gap, $[6] = t1);
+	let t2;
+	return $[7] !== as || $[8] !== ref || $[9] !== restProps || $[10] !== t0 || $[11] !== t1 ? (t2 = /* @__PURE__ */ jsx(StyledStack, {
+		"data-as": t0,
+		"data-ui": "Stack",
+		...restProps,
+		$space: t1,
+		forwardedAs: as,
+		ref
+	}), $[7] = as, $[8] = ref, $[9] = restProps, $[10] = t0, $[11] = t1, $[12] = t2) : t2 = $[12], t2;
+};
+export { responsiveTextAlignStyle as a, responsiveTextFont as i, Text as n, SpanWithTextOverflow as r, Stack as t };
+
+//# sourceMappingURL=stack-C5WV-BRh.js.map

package/dist/stack-C5WV-BRh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-C5WV-BRh.js","names":["CSSObject","getTheme_v2","_responsive","ThemeProps","ResponsiveTextAlignStyleProps","responsiveTextAlignStyle","props","media","theme","$align","textAlign","CSSObject","ThemeProps","responsiveFont","ResponsiveFontStyleProps","responsiveTextFont","props","spanWithTextOverflow","SpanWithTextOverflow","props","$","_c","t0","children","css","getTheme_v2","ThemeProps","textBaseStyle","props","$accent","$muted","ReturnType","font","theme","code","family","text","weights","bold","styled","ThemeFontWeightKey","responsiveTextAlignStyle","responsiveTextFont","ResponsiveFontStyleProps","_getArrayProp","ElementType","Props","TextAlign","SpanWithTextOverflow","textBaseStyle","TextOwnProps","accent","align","muted","size","textOverflow","weight","TextProps","E","StyledText","div","TextComponent","Text","props","$","_c","childrenProp","ref","restProps","t0","t1","t2","children","undefined","t3","t4","t5","t6","React","JSX","Element","CSSObject","getTheme_v2","_responsive","rem","ThemeProps","ResponsiveStackSpaceStyleProps","$space","BASE_STYLE","display","listStyle","stackBaseStyle","responsiveStackSpaceStyle","props","media","space","theme","spaceIndex","gridGap","styled","_getArrayProp","ElementType","Props","Box","BoxOwnProps","responsiveStackSpaceStyle","ResponsiveStackSpaceStyleProps","stackBaseStyle","StackOwnProps","gap","space","StackProps","E","StyledStack","StackComponent","Stack","props","$","_c","as","ref","restProps","t0","undefined","t1","t2","React","JSX","Element"],"sources":["../src/core/styles/font/textAlignStyle.ts","../src/core/styles/font/textFontStyle.ts","../src/core/utils/spanWithTextOverflow.css.ts","../src/core/utils/spanWithTextOverflow.tsx","../src/core/primitives/text/styles.ts","../src/core/primitives/text/text.tsx","../src/core/primitives/stack/styles.ts","../src/core/primitives/stack/stack.tsx"],"sourcesContent":["import {CSSObject} from '../../../theme/system/css'\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {_responsive} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {ResponsiveTextAlignStyleProps} from './types'\n\n/**\n * Get responsive text align styles.\n * @internal\n */\nexport function responsiveTextAlignStyle(\n  props: ResponsiveTextAlignStyleProps & ThemeProps,\n): CSSObject[] {\n  const {media} = getTheme_v2(props.theme)\n\n  return _responsive(media, props.$align, (textAlign) => {\n    return {textAlign}\n  })\n}\n","import {CSSObject} from '../../../theme/system/css'\nimport {ThemeProps} from '../types'\nimport {responsiveFont} from './responsiveFont'\nimport {ResponsiveFontStyleProps} from './types'\n\n/**\n * Get responsive CSS for the `text` font style.\n * @internal\n */\nexport function responsiveTextFont(props: ResponsiveFontStyleProps & ThemeProps): CSSObject[] {\n  return responsiveFont('text', props)\n}\n","import {style} from '@vanilla-extract/css'\n\nexport const spanWithTextOverflow = style({\n  display: 'block',\n  whiteSpace: 'nowrap',\n  textOverflow: 'ellipsis',\n  overflow: ['hidden', 'clip'],\n})\n","import {spanWithTextOverflow} from './spanWithTextOverflow.css'\n\n/** @internal */\nexport function SpanWithTextOverflow(props: {children?: React.ReactNode}): React.JSX.Element {\n  return <span className={spanWithTextOverflow}>{props.children}</span>\n}\n","import {css} from 'styled-components'\n\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {ThemeProps} from '../../styles/types'\n\nexport function textBaseStyle(\n  props: {$accent?: boolean; $muted?: boolean} & ThemeProps,\n): ReturnType<typeof css> {\n  const {$accent, $muted} = props\n  const {font} = getTheme_v2(props.theme)\n\n  return css`\n    color: var(--card-fg-color);\n\n    ${\n      $accent &&\n      css`\n        color: var(--card-accent-fg-color);\n      `\n    }\n\n    ${\n      $muted &&\n      css`\n        color: var(--card-muted-fg-color);\n      `\n    }\n\n    & code {\n      font-family: ${font.code.family};\n      border-radius: 1px;\n      background-color: var(--card-code-bg-color);\n      color: var(--card-code-fg-color);\n    }\n\n    & a {\n      text-decoration: none;\n      border-radius: 1px;\n      color: var(--card-link-color);\n      outline: none;\n\n      @media (hover: hover) {\n        &:hover {\n          text-decoration: underline;\n        }\n      }\n\n      &:focus {\n        box-shadow:\n          0 0 0 1px var(--card-bg-color),\n          0 0 0 3px var(--card-focus-ring-color);\n      }\n\n      &:focus:not(:focus-visible) {\n        box-shadow: none;\n      }\n    }\n\n    & strong {\n      font-weight: ${font.text.weights.bold};\n    }\n\n    & svg {\n      /* Certain popular CSS libraries changes the defaults for SVG display */\n      /* Make sure SVGs are rendered as inline elements */\n      display: inline;\n    }\n\n    & [data-sanity-icon] {\n      vertical-align: baseline;\n      color: var(--card-icon-color);\n\n      & path {\n        vector-effect: non-scaling-stroke !important;\n      }\n    }\n  `\n}\n","import {styled} from 'styled-components'\n\nimport {ThemeFontWeightKey} from '../../../theme/system/font'\nimport {responsiveTextAlignStyle} from '../../styles/font/textAlignStyle'\nimport {responsiveTextFont} from '../../styles/font/textFontStyle'\nimport {ResponsiveFontStyleProps} from '../../styles/font/types'\nimport {_getArrayProp} from '../../styles/helpers'\nimport {ElementType, Props} from '../../types/component'\nimport {TextAlign} from '../../types/text'\nimport {SpanWithTextOverflow} from '../../utils/spanWithTextOverflow'\nimport {textBaseStyle} from './styles'\n\n/**\n * @public\n */\nexport interface TextOwnProps {\n  accent?: boolean\n  align?: TextAlign | TextAlign[]\n  /** When `true` the text color will be muted. */\n  muted?: boolean\n  size?: number | number[]\n  /**\n   * Controls how overflowing text is treated.\n   * Use `textOverflow=\"ellipsis\"` to render text as a single line which is concatenated with a `…` symbol.\n   * @beta\n   */\n  textOverflow?: 'ellipsis'\n  weight?: ThemeFontWeightKey\n}\n\n/**\n * @public\n */\nexport type TextProps<E extends ElementType = 'div'> = Props<TextOwnProps, E>\n\nconst StyledText = styled.div<ResponsiveFontStyleProps>(\n  responsiveTextFont,\n  responsiveTextAlignStyle,\n  textBaseStyle,\n)\n\nconst TextComponent = function Text(\n  props: TextOwnProps & {as?: ElementType} & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'size'>,\n) {\n  const {\n    accent = false,\n    align,\n    children: childrenProp,\n    muted = false,\n    ref,\n    size = 2,\n    textOverflow,\n    weight,\n    ...restProps\n  } = props\n\n  let children = childrenProp\n\n  if (textOverflow === 'ellipsis') {\n    children = <SpanWithTextOverflow>{children}</SpanWithTextOverflow>\n  }\n\n  return (\n    <StyledText\n      data-ui=\"Text\"\n      {...restProps}\n      $accent={accent}\n      $align={_getArrayProp(align)}\n      $muted={muted}\n      ref={ref}\n      $size={_getArrayProp(size)}\n      $weight={weight}\n    >\n      <span>{children}</span>\n    </StyledText>\n  )\n}\n\n/**\n * The `Text` component is an agile, themed typographic element.\n *\n * @public\n */\n// oxlint-disable-next-line no-unsafe-type-assertion\nexport const Text = TextComponent as unknown as <E extends ElementType = 'div'>(\n  props: TextProps<E>,\n) => React.JSX.Element\n","import {CSSObject} from '../../../theme/system/css'\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {_responsive, rem} from '../../styles/helpers'\nimport {ThemeProps} from '../../styles/types'\n\nexport interface ResponsiveStackSpaceStyleProps {\n  $space: number[]\n}\n\nconst BASE_STYLE: CSSObject = {\n  '&&:not([hidden])': {\n    display: 'grid',\n  },\n  '&[data-as=\"ul\"],&[data-as=\"ol\"]': {\n    listStyle: 'none',\n  },\n  'gridTemplateColumns': 'minmax(0, 1fr)',\n  'gridAutoRows': 'min-content',\n}\n\nexport function stackBaseStyle(): CSSObject {\n  return BASE_STYLE\n}\n\nexport function responsiveStackSpaceStyle(\n  props: ResponsiveStackSpaceStyleProps & ThemeProps,\n): CSSObject[] {\n  const {media, space} = getTheme_v2(props.theme)\n\n  return _responsive(media, props.$space, (spaceIndex) => ({\n    // oxlint-disable-next-line no-deprecated\n    gridGap: rem(space[spaceIndex]),\n  }))\n}\n","import {styled} from 'styled-components'\n\nimport {_getArrayProp} from '../../styles/helpers'\nimport {ElementType, Props} from '../../types/component'\nimport {Box, BoxOwnProps} from '../box/box'\nimport {responsiveStackSpaceStyle, ResponsiveStackSpaceStyleProps, stackBaseStyle} from './styles'\n\n/**\n * @public\n */\nexport interface StackOwnProps extends BoxOwnProps {\n  gap?: number | number[]\n  /**\n   * @deprecated Use `gap` instead.\n   */\n  space?: never\n}\n\n/**\n * @public\n */\nexport type StackProps<E extends ElementType = 'div'> = Props<StackOwnProps, E>\n\nconst StyledStack = styled(Box)<ResponsiveStackSpaceStyleProps>(\n  stackBaseStyle,\n  responsiveStackSpaceStyle,\n)\n\nconst StackComponent = function Stack(\n  props: StackOwnProps & {as?: ElementType} & Omit<React.HTMLProps<HTMLDivElement>, 'as'>,\n) {\n  const {as, gap, ref, ...restProps} = props\n\n  return (\n    <StyledStack\n      data-as={typeof as === 'string' ? as : undefined}\n      data-ui=\"Stack\"\n      {...restProps}\n      $space={_getArrayProp(gap)}\n      forwardedAs={as}\n      ref={ref}\n    />\n  )\n}\n\n/**\n * The `Stack` component is used to place elements on top of each other.\n *\n * @public\n */\n// oxlint-disable-next-line no-unsafe-type-assertion\nexport const Stack = StackComponent as unknown as <E extends ElementType = 'div'>(\n  props: StackProps<E>,\n) => React.JSX.Element\n"],"mappings":"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"}

package/dist/styles.css

@@ -0,0 +1,28 @@
+.elmvdc0 {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block;
+  overflow: clip;
+}
+
+@keyframes _1b6o2se0 {
+  from {
+    transform: rotate(0);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+._1b6o2se1 {
+  animation: .5s linear infinite _1b6o2se0;
+}
+
+._1omd6w40 {
+  width: 0;
+  height: 0;
+  display: block;
+  position: absolute;
+  overflow: clip;
+}

package/dist/textInput-DhCo-b3N.js

@@ -0,0 +1,321 @@
+import { a as rem, i as _responsive, n as _getArrayProp, s as EMPTY_RECORD } from "./helpers-bwfx1e-Y.js";
+import { a as isHTMLElement, c as isHTMLTextAreaElement, i as isHTMLButtonElement, o as isHTMLInputElement, r as isHTMLAnchorElement, s as isHTMLSelectElement } from "./element-BYgCE_iK.js";
+import { t as getTheme_v2 } from "./getTheme_v2-y09KqtEb.js";
+import { l as useRootTheme, m as focusRingStyle, p as focusRingBorderStyle, s as Card, v as responsiveRadiusStyle, y as Box } from "./useLayer-9Pz-GG0r.js";
+import { n as Text } from "./stack-C5WV-BRh.js";
+import { t as Button } from "./button-BDLRd1Rr.js";
+import { c } from "react/compiler-runtime";
+import { isValidElement, useEffect, useImperativeHandle, useRef } from "react";
+import { css, styled } from "styled-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { isValidElementType } from "react-is";
+import { CloseIcon } from "@sanity/icons/Close";
+/**
+* @internal
+*/
+function _raf(fn) {
+	let frameId = requestAnimationFrame(fn);
+	return () => {
+		cancelAnimationFrame(frameId);
+	};
+}
+/**
+* @internal
+*/
+function _raf2(fn) {
+	let innerDispose = null, outerDispose = _raf(() => {
+		innerDispose = _raf(fn);
+	});
+	return () => {
+		innerDispose && innerDispose(), outerDispose();
+	};
+}
+/**
+* @internal
+*/
+function _hasFocus(element) {
+	return !!document.activeElement && element.contains(document.activeElement);
+}
+/**
+* @internal
+*/
+function isFocusable(element) {
+	return element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute("tabIndex") !== null ? !0 : isHTMLAnchorElement(element) ? !!element.href && element.rel !== "ignore" : isHTMLInputElement(element) ? element.type !== "hidden" && element.type !== "file" && !element.disabled : isHTMLButtonElement(element) || isHTMLSelectElement(element) || isHTMLTextAreaElement(element) ? !element.disabled : !1;
+}
+/**
+* @internal
+*/
+function attemptFocus(element) {
+	if (!isFocusable(element)) return !1;
+	try {
+		element.focus();
+	} catch {}
+	return document.activeElement === element;
+}
+/**
+* @internal
+*/
+function focusFirstDescendant(element) {
+	for (let i = 0; i < element.childNodes.length; i++) {
+		let child = element.childNodes[i];
+		if (isHTMLElement(child) && (attemptFocus(child) || focusFirstDescendant(child))) return !0;
+	}
+	return !1;
+}
+/**
+* @internal
+*/
+function focusLastDescendant(element) {
+	for (let i = element.childNodes.length - 1; i >= 0; i--) {
+		let child = element.childNodes[i];
+		if (isHTMLElement(child) && (attemptFocus(child) || focusLastDescendant(child))) return !0;
+	}
+	return !1;
+}
+/**
+* @beta
+*/
+function useCustomValidity(ref, customValidity) {
+	let $ = c(4), t0, t1;
+	$[0] !== customValidity || $[1] !== ref ? (t0 = () => {
+		ref.current?.setCustomValidity(customValidity || "");
+	}, t1 = [customValidity, ref], $[0] = customValidity, $[1] = ref, $[2] = t0, $[3] = t1) : (t0 = $[2], t1 = $[3]), useEffect(t0, t1);
+}
+function responsiveInputPaddingStyle(props) {
+	let { $fontSize, $iconLeft, $iconRight, $padding, $space } = props, { font, media, space } = getTheme_v2(props.theme), len = Math.max($padding.length, $space.length, $fontSize.length), _padding = [], _space = [], _fontSize = [];
+	for (let i = 0; i < len; i += 1) _fontSize[i] = $fontSize[i] === void 0 ? _fontSize[i - 1] : $fontSize[i], _padding[i] = $padding[i] === void 0 ? _padding[i - 1] : $padding[i], _space[i] = $space[i] === void 0 ? _space[i - 1] : $space[i];
+	return _responsive(media, _padding, (_, i) => {
+		let size = font.text.sizes[_fontSize[i]] || font.text.sizes[2], emSize = size.lineHeight - size.ascenderHeight - size.descenderHeight, p = space[_padding[i]], s = space[_space[i]], styles = {
+			paddingTop: rem(p - size.ascenderHeight),
+			paddingRight: rem(p),
+			paddingBottom: rem(p - size.descenderHeight),
+			paddingLeft: rem(p)
+		};
+		return $iconRight && (styles.paddingRight = rem(p + emSize + s)), $iconLeft && (styles.paddingLeft = rem(p + emSize + s)), styles;
+	});
+}
+function responsiveInputPaddingIconRightStyle(props) {
+	return responsiveInputPaddingStyle({
+		...props,
+		$iconRight: !0
+	});
+}
+const ROOT_STYLE = css`&:not([hidden]){display:flex;}align-items:center;`;
+function textInputRootStyle() {
+	return ROOT_STYLE;
+}
+function textInputBaseStyle(props) {
+	let { $scheme, $tone, $weight } = props, { color, font } = getTheme_v2(props.theme);
+	return css`appearance:none;background:none;border:0;border-radius:0;outline:none;width:100%;box-sizing:border-box;font-family:${font.text.family};font-weight:${$weight && font.text.weights[$weight] || font.text.weights.regular};margin:0;position:relative;z-index:1;display:block;&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:focus,&:-webkit-autofill:active{-webkit-text-fill-color:var(--input-fg-color) !important;transition:background-color 5000s;transition-delay:86400s;}&[data-as='textarea']{resize:none;}color:var(--input-fg-color);&::placeholder{color:var(--input-placeholder-color);}&[data-scheme='${$scheme}'][data-tone='${$tone}']{--input-fg-color:${color.input.default.enabled.fg};--input-placeholder-color:${color.input.default.enabled.placeholder};&:not(:invalid):not(:disabled):not(:read-only){--input-fg-color:${color.input.default.enabled.fg};--input-placeholder-color:${color.input.default.enabled.placeholder};}&:not(:invalid):disabled{--input-fg-color:${color.input.default.disabled.fg};--input-placeholder-color:${color.input.default.disabled.placeholder};}&:invalid{--input-fg-color:${color.input.invalid.enabled.fg};--input-placeholder-color:${color.input.invalid.enabled.placeholder};}&:read-only{--input-fg-color:${color.input.default.readOnly.fg};--input-placeholder-color:${color.input.default.readOnly.placeholder};}}`;
+}
+function textInputFontSizeStyle(props) {
+	let { font, media } = getTheme_v2(props.theme);
+	return _responsive(media, props.$fontSize, (sizeIndex) => {
+		let size = font.text.sizes[sizeIndex] || font.text.sizes[2];
+		return {
+			fontSize: rem(size.fontSize),
+			lineHeight: `${size.lineHeight / size.fontSize}`
+		};
+	});
+}
+function textInputRepresentationStyle(props) {
+	let { $hasPrefix, $hasSuffix, $scheme, $tone, $unstableDisableFocusRing } = props, { color, input } = getTheme_v2(props.theme);
+	return css`--input-box-shadow:none;position:absolute;top:0;left:0;right:0;bottom:0;display:block;pointer-events:none;z-index:0;background-color:var(--card-bg-color);box-shadow:var(--input-box-shadow);border-top-left-radius:${$hasPrefix ? 0 : void 0};border-bottom-left-radius:${$hasPrefix ? 0 : void 0};border-top-right-radius:${$hasSuffix ? 0 : void 0};border-bottom-right-radius:${$hasSuffix ? 0 : void 0};&[data-scheme='${$scheme}'][data-tone='${$tone}']{--card-bg-color:${color.input.default.enabled.bg};--card-fg-color:${color.input.default.enabled.fg};*:not(:disabled) + &[data-border]{--input-box-shadow:${focusRingBorderStyle({
+		color: color.input.default.enabled.border,
+		width: input.border.width
+	})};}*:not(:disabled):invalid + &{--card-bg-color:${color.input.invalid.enabled.bg};--card-fg-color:${color.input.invalid.enabled.fg};&[data-border]{--input-box-shadow:${focusRingBorderStyle({
+		color: color.input.invalid.enabled.border,
+		width: input.border.width
+	})};}}*:not(:disabled):focus + &{&[data-border]{--input-box-shadow:${$unstableDisableFocusRing ? void 0 : focusRingStyle({
+		border: {
+			color: color.input.default.enabled.border,
+			width: input.border.width
+		},
+		focusRing: input.text.focusRing
+	})};}&:not([data-border]){--input-box-shadow:${$unstableDisableFocusRing ? void 0 : focusRingStyle({ focusRing: input.text.focusRing })};}}*:not(:invalid):disabled + &{--card-bg-color:${color.input.default.disabled.bg} !important;--card-fg-color:${color.input.default.disabled.fg} !important;--card-icon-color:${color.input.default.disabled.fg} !important;&[data-border]{--input-box-shadow:${focusRingBorderStyle({
+		color: color.input.default.disabled.border,
+		width: input.border.width
+	})};}}*:invalid:disabled + &{--card-bg-color:${color.input.invalid.disabled.bg} !important;--card-fg-color:${color.input.invalid.disabled.fg} !important;--card-icon-color:${color.input.invalid.disabled.fg} !important;&[data-border]{--input-box-shadow:${focusRingBorderStyle({
+		color: color.input.invalid.disabled.border,
+		width: input.border.width
+	})};}}*:not(:invalid):read-only + &{--card-bg-color:${color.input.default.readOnly.bg} !important;--card-fg-color:${color.input.default.readOnly.fg} !important;}*:invalid:read-only + &{--card-bg-color:${color.input.invalid.readOnly.bg} !important;--card-fg-color:${color.input.invalid.readOnly.fg} !important;}@media (hover:hover){*:not(:disabled):not(:read-only):not(:invalid):hover + &{--card-bg-color:${color.input.default.hovered.bg};--card-fg-color:${color.input.default.hovered.fg};}*:invalid:not(:disabled):not(:read-only):hover + &{--card-bg-color:${color.input.invalid.hovered.bg};--card-fg-color:${color.input.invalid.hovered.fg};}*:not(:disabled):not(:read-only):not(:invalid):not(:focus):hover + &[data-border]{--input-box-shadow:${focusRingBorderStyle({
+		color: color.input.default.hovered.border,
+		width: input.border.width
+	})};}*:invalid:not(:disabled):not(:read-only):not(:focus):hover + &[data-border]{--input-box-shadow:${focusRingBorderStyle({
+		color: color.input.invalid.hovered.border,
+		width: input.border.width
+	})};}}}`;
+}
+const CLEAR_BUTTON_BOX_STYLE = { zIndex: 2 }, StyledTextInput = /* @__PURE__ */ styled(Card).attrs({ forwardedAs: "span" }).withConfig({
+	displayName: "StyledTextInput",
+	componentId: "sc-ceualg-0"
+})(textInputRootStyle), InputRoot = styled.span.withConfig({
+	displayName: "InputRoot",
+	componentId: "sc-ceualg-1"
+})`flex:1;min-width:0;display:block;position:relative;`, Prefix = styled(Card).attrs({ forwardedAs: "span" }).withConfig({
+	displayName: "Prefix",
+	componentId: "sc-ceualg-2"
+})`border-top-right-radius:0;border-bottom-right-radius:0;& > span{display:block;margin:-1px;}`, Suffix = styled(Card).attrs({ forwardedAs: "span" }).withConfig({
+	displayName: "Suffix",
+	componentId: "sc-ceualg-3"
+})`border-top-left-radius:0;border-bottom-left-radius:0;& > span{display:block;margin:-1px;}`, Input = /* @__PURE__ */ styled.input.withConfig({
+	displayName: "Input",
+	componentId: "sc-ceualg-4"
+})(responsiveInputPaddingStyle, textInputBaseStyle, textInputFontSizeStyle), Presentation = /* @__PURE__ */ styled.span.withConfig({
+	displayName: "Presentation",
+	componentId: "sc-ceualg-5"
+})(responsiveRadiusStyle, textInputRepresentationStyle), LeftBox = styled(Box).withConfig({
+	displayName: "LeftBox",
+	componentId: "sc-ceualg-6"
+})`position:absolute;top:0;left:0;`, RightBox = styled(Box).withConfig({
+	displayName: "RightBox",
+	componentId: "sc-ceualg-7"
+})`position:absolute;top:0;right:0;`, RightCard = styled(Card).withConfig({
+	displayName: "RightCard",
+	componentId: "sc-ceualg-8"
+})`background-color:transparent;position:absolute;top:0;right:0;`, TextInputClearButton = /* @__PURE__ */ styled(Button).withConfig({
+	displayName: "TextInputClearButton",
+	componentId: "sc-ceualg-9"
+})({ "&:not([hidden])": { display: "block" } });
+/**
+* Single line text input.
+*
+* @public
+*/
+function TextInput(props) {
+	let $ = c(93), IconComponent, IconRightComponent, __unstable_disableFocusRing, clearButton, customValidity, forwardedRef, onClear, prefix, readOnly, restProps, suffix, t0, t1, t2, t3, t4, t5, t6, weight;
+	$[0] === props ? (IconComponent = $[1], IconRightComponent = $[2], __unstable_disableFocusRing = $[3], clearButton = $[4], customValidity = $[5], forwardedRef = $[6], onClear = $[7], prefix = $[8], readOnly = $[9], restProps = $[10], suffix = $[11], t0 = $[12], t1 = $[13], t2 = $[14], t3 = $[15], t4 = $[16], t5 = $[17], t6 = $[18], weight = $[19]) : ({__unstable_disableFocusRing, border: t0, clearButton, disabled: t1, fontSize: t2, gap: t3, icon: IconComponent, iconRight: IconRightComponent, onClear, padding: t4, prefix, radius: t5, readOnly, ref: forwardedRef, suffix, customValidity, type: t6, weight, ...restProps} = props, $[0] = props, $[1] = IconComponent, $[2] = IconRightComponent, $[3] = __unstable_disableFocusRing, $[4] = clearButton, $[5] = customValidity, $[6] = forwardedRef, $[7] = onClear, $[8] = prefix, $[9] = readOnly, $[10] = restProps, $[11] = suffix, $[12] = t0, $[13] = t1, $[14] = t2, $[15] = t3, $[16] = t4, $[17] = t5, $[18] = t6, $[19] = weight);
+	let border = t0 === void 0 || t0, disabled = t1 !== void 0 && t1, fontSizeProp = t2 === void 0 ? 2 : t2, gap = t3 === void 0 ? 3 : t3, paddingProp = t4 === void 0 ? 3 : t4, radiusProp = t5 === void 0 ? 2 : t5, type = t6 === void 0 ? "text" : t6, ref = useRef(null), rootTheme = useRootTheme(), t7;
+	$[20] === fontSizeProp ? t7 = $[21] : (t7 = _getArrayProp(fontSizeProp), $[20] = fontSizeProp, $[21] = t7);
+	let fontSize = t7, t8;
+	$[22] === paddingProp ? t8 = $[23] : (t8 = _getArrayProp(paddingProp), $[22] = paddingProp, $[23] = t8);
+	let padding = t8, t9;
+	$[24] === radiusProp ? t9 = $[25] : (t9 = _getArrayProp(radiusProp), $[24] = radiusProp, $[25] = t9);
+	let radius = t9, t10;
+	$[26] === gap ? t10 = $[27] : (t10 = _getArrayProp(gap), $[26] = gap, $[27] = t10);
+	let space = t10, $hasClearButton = !!clearButton, $hasIcon = !!IconComponent, $hasIconRight = !!IconRightComponent, $hasSuffix = !!suffix, $hasPrefix = !!prefix, t11;
+	$[28] === Symbol.for("react.memo_cache_sentinel") ? (t11 = () => ref.current, $[28] = t11) : t11 = $[28], useImperativeHandle(forwardedRef, t11), useCustomValidity(ref, customValidity);
+	let handleClearMouseDown = _temp, t12;
+	$[29] === onClear ? t12 = $[30] : (t12 = (event_0) => {
+		event_0.preventDefault(), event_0.stopPropagation(), onClear && onClear(), ref.current?.focus();
+	}, $[29] = onClear, $[30] = t12);
+	let handleClearClick = t12, t13;
+	$[31] !== prefix || $[32] !== radius ? (t13 = prefix && /* @__PURE__ */ jsx(Prefix, {
+		borderTop: !0,
+		borderLeft: !0,
+		borderBottom: !0,
+		radius,
+		sizing: "border",
+		tone: "inherit",
+		children: /* @__PURE__ */ jsx("span", { children: prefix })
+	}), $[31] = prefix, $[32] = radius, $[33] = t13) : t13 = $[33];
+	let prefixNode = t13, t14 = border ? "" : void 0, t15;
+	$[34] !== IconComponent || $[35] !== fontSize || $[36] !== padding ? (t15 = IconComponent && /* @__PURE__ */ jsx(LeftBox, {
+		padding,
+		children: /* @__PURE__ */ jsxs(Text, {
+			size: fontSize,
+			children: [isValidElement(IconComponent) && IconComponent, isValidElementType(IconComponent) && /* @__PURE__ */ jsx(IconComponent, {})]
+		})
+	}), $[34] = IconComponent, $[35] = fontSize, $[36] = padding, $[37] = t15) : t15 = $[37];
+	let t16;
+	$[38] !== $hasClearButton || $[39] !== IconRightComponent || $[40] !== fontSize || $[41] !== padding ? (t16 = !$hasClearButton && IconRightComponent && /* @__PURE__ */ jsx(RightBox, {
+		padding,
+		children: /* @__PURE__ */ jsxs(Text, {
+			size: fontSize,
+			children: [isValidElement(IconRightComponent) && IconRightComponent, isValidElementType(IconRightComponent) && /* @__PURE__ */ jsx(IconRightComponent, {})]
+		})
+	}), $[38] = $hasClearButton, $[39] = IconRightComponent, $[40] = fontSize, $[41] = padding, $[42] = t16) : t16 = $[42];
+	let t17;
+	$[43] !== $hasPrefix || $[44] !== $hasSuffix || $[45] !== __unstable_disableFocusRing || $[46] !== radius || $[47] !== rootTheme.scheme || $[48] !== rootTheme.tone || $[49] !== t14 || $[50] !== t15 || $[51] !== t16 ? (t17 = /* @__PURE__ */ jsxs(Presentation, {
+		$hasPrefix,
+		$unstableDisableFocusRing: __unstable_disableFocusRing,
+		$hasSuffix,
+		$radius: radius,
+		$scheme: rootTheme.scheme,
+		$tone: rootTheme.tone,
+		"data-border": t14,
+		"data-scheme": rootTheme.scheme,
+		"data-tone": rootTheme.tone,
+		children: [t15, t16]
+	}), $[43] = $hasPrefix, $[44] = $hasSuffix, $[45] = __unstable_disableFocusRing, $[46] = radius, $[47] = rootTheme.scheme, $[48] = rootTheme.tone, $[49] = t14, $[50] = t15, $[51] = t16, $[52] = t17) : t17 = $[52];
+	let presentationNode = t17, t18;
+	$[53] === padding ? t18 = $[54] : (t18 = padding.map(_temp2), $[53] = padding, $[54] = t18);
+	let clearButtonBoxPadding = t18, t19;
+	$[55] === padding ? t19 = $[56] : (t19 = padding.map(_temp3), $[55] = padding, $[56] = t19);
+	let clearButtonPadding = t19, clearButtonProps = typeof clearButton == "object" ? clearButton : EMPTY_RECORD, t20;
+	$[57] !== clearButton || $[58] !== clearButtonBoxPadding || $[59] !== clearButtonPadding || $[60] !== clearButtonProps || $[61] !== customValidity || $[62] !== disabled || $[63] !== fontSize || $[64] !== handleClearClick || $[65] !== radius || $[66] !== readOnly ? (t20 = !disabled && !readOnly && clearButton && /* @__PURE__ */ jsx(RightCard, {
+		forwardedAs: "span",
+		padding: clearButtonBoxPadding,
+		style: CLEAR_BUTTON_BOX_STYLE,
+		tone: customValidity ? "critical" : "inherit",
+		children: /* @__PURE__ */ jsx(TextInputClearButton, {
+			"aria-label": "Clear",
+			"data-qa": "clear-button",
+			fontSize,
+			icon: CloseIcon,
+			mode: "bleed",
+			padding: clearButtonPadding,
+			radius,
+			...clearButtonProps,
+			onClick: handleClearClick,
+			onMouseDown: handleClearMouseDown
+		})
+	}), $[57] = clearButton, $[58] = clearButtonBoxPadding, $[59] = clearButtonPadding, $[60] = clearButtonProps, $[61] = customValidity, $[62] = disabled, $[63] = fontSize, $[64] = handleClearClick, $[65] = radius, $[66] = readOnly, $[67] = t20) : t20 = $[67];
+	let clearButtonNode = t20, t21;
+	$[68] !== radius || $[69] !== suffix ? (t21 = suffix && /* @__PURE__ */ jsx(Suffix, {
+		borderTop: !0,
+		borderRight: !0,
+		borderBottom: !0,
+		radius,
+		sizing: "border",
+		tone: "inherit",
+		children: /* @__PURE__ */ jsx("span", { children: suffix })
+	}), $[68] = radius, $[69] = suffix, $[70] = t21) : t21 = $[70];
+	let suffixNode = t21, t22 = $hasIconRight || $hasClearButton, t23;
+	$[71] !== $hasIcon || $[72] !== disabled || $[73] !== fontSize || $[74] !== padding || $[75] !== readOnly || $[76] !== restProps || $[77] !== rootTheme.scheme || $[78] !== rootTheme.tone || $[79] !== space || $[80] !== t22 || $[81] !== type || $[82] !== weight ? (t23 = /* @__PURE__ */ jsx(Input, {
+		"data-as": "input",
+		"data-scheme": rootTheme.scheme,
+		"data-tone": rootTheme.tone,
+		...restProps,
+		$fontSize: fontSize,
+		$iconLeft: $hasIcon,
+		$iconRight: t22,
+		$padding: padding,
+		$scheme: rootTheme.scheme,
+		$space: space,
+		$tone: rootTheme.tone,
+		$weight: weight,
+		disabled,
+		readOnly,
+		ref,
+		type
+	}), $[71] = $hasIcon, $[72] = disabled, $[73] = fontSize, $[74] = padding, $[75] = readOnly, $[76] = restProps, $[77] = rootTheme.scheme, $[78] = rootTheme.tone, $[79] = space, $[80] = t22, $[81] = type, $[82] = weight, $[83] = t23) : t23 = $[83];
+	let t24;
+	$[84] !== clearButtonNode || $[85] !== presentationNode || $[86] !== t23 ? (t24 = /* @__PURE__ */ jsxs(InputRoot, { children: [
+		t23,
+		presentationNode,
+		clearButtonNode
+	] }), $[84] = clearButtonNode, $[85] = presentationNode, $[86] = t23, $[87] = t24) : t24 = $[87];
+	let t25;
+	return $[88] !== prefixNode || $[89] !== rootTheme.tone || $[90] !== suffixNode || $[91] !== t24 ? (t25 = /* @__PURE__ */ jsxs(StyledTextInput, {
+		"data-ui": "TextInput",
+		tone: rootTheme.tone,
+		children: [
+			prefixNode,
+			t24,
+			suffixNode
+		]
+	}), $[88] = prefixNode, $[89] = rootTheme.tone, $[90] = suffixNode, $[91] = t24, $[92] = t25) : t25 = $[92], t25;
+}
+function _temp3(v_0) {
+	return v_0 === 0 || v_0 === 1 ? 0 : v_0 === 2 ? 1 : v_0 - 1;
+}
+function _temp2(v) {
+	return v === 0 ? 0 : v === 1 || v === 2 ? 1 : v - 2;
+}
+function _temp(event) {
+	event.preventDefault(), event.stopPropagation();
+}
+export { textInputRootStyle as a, useCustomValidity as c, focusFirstDescendant as d, focusLastDescendant as f, _raf2 as h, textInputRepresentationStyle as i, _hasFocus as l, _raf as m, textInputBaseStyle as n, responsiveInputPaddingIconRightStyle as o, isFocusable as p, textInputFontSizeStyle as r, responsiveInputPaddingStyle as s, TextInput as t, attemptFocus as u };
+
+//# sourceMappingURL=textInput-DhCo-b3N.js.map