@sanity/ui 4.0.0-static.9 → 4.0.0

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-iW9HuGLg.js

@@ -0,0 +1,112 @@
+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-BAVfmbNN.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-01ese4-0"
+})(responsiveTextFont, responsiveTextAlignStyle, textBaseStyle);
+function TextComponent(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;
+}
+/**
+* The `Text` component is an agile, themed typographic element.
+*
+* @public
+*/
+const Text = TextComponent, 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-zdrpl6-0"
+})(stackBaseStyle, responsiveStackSpaceStyle);
+function StackComponent(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;
+}
+/**
+* The `Stack` component is used to place elements on top of each other.
+*
+* @public
+*/
+const Stack = StackComponent;
+export { responsiveTextAlignStyle as a, responsiveTextFont as i, Text as n, SpanWithTextOverflow as r, Stack as t };
+
+//# sourceMappingURL=stack-iW9HuGLg.js.map

package/dist/stack-iW9HuGLg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-iW9HuGLg.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","props","$","_c","childrenProp","ref","restProps","t0","t1","t2","children","undefined","t3","t4","t5","t6","Text","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","props","$","_c","as","ref","restProps","t0","undefined","t1","t2","Stack","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\nfunction TextComponent(\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\nfunction StackComponent(\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.d.ts

@@ -0,0 +1,2 @@
+// Type declarations for `styles.css` and its no-op JS shim.
+export {}

package/dist/styles-css.js

@@ -0,0 +1,4 @@
+// No-op shim for `styles.css`, resolved by the `node`/`default` conditions of the
+// conditional CSS export so the self-referential import is harmless in runtimes that cannot
+// load `.css` files. Intentionally has no JS syntax: it parses as both CommonJS and an ES
+// module, regardless of the package `type`.

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-udxyGbm1.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-BAVfmbNN.js";
+import { n as Text } from "./stack-iW9HuGLg.js";
+import { t as Button } from "./button-mxfSqr0n.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-udxyGbm1.js.map