@primer/react 38.0.0-rc.9 → 38.0.0-rc.ac46326da

package/dist/TextInputWithTokens/TextInputWithTokens.js

@@ -1,7 +1,6 @@
 import { c } from 'react-compiler-runtime';
 import { FocusKeys } from '@primer/behaviors';
 import { isFocusable } from '@primer/behaviors/utils';
-import { omit } from '@styled-system/props';
 import React, { useRef, useState } from 'react';
 import { isValidElementType } from 'react-is';
 import { useRefObjectAsForwardedRef } from '../hooks/useRefObjectAsForwardedRef.js';
@@ -27,99 +26,75 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
   const $ = c(135);
   let IconComponent;
   let LeadingVisual;
-  let TokenComponent;
   let TrailingVisual;
   let block;
   let className;
   let contrast;
   let disabled;
-  let hideTokenRemoveButtons;
-  let loaderPosition;
   let loading;
   let maxHeight;
   let maxWidthProp;
   let minWidthProp;
   let onTokenRemove;
-  let preventTokenWrapping;
-  let size;
+  let rest;
   let style;
   let t1;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
   let tokens;
   let validationStatus;
   let variantProp;
   let visibleTokenCount;
   let widthProp;
   if ($[0] !== t0) {
-    const {
-      icon: t2,
-      leadingVisual: t3,
-      trailingVisual: t4,
-      loading: t5,
-      loaderPosition: t6,
-      contrast: t7,
-      className: t8,
-      block: t9,
-      disabled: t10,
-      tokens: t11,
-      onTokenRemove: t12,
-      tokenComponent: t13,
-      preventTokenWrapping: t14,
-      size: t15,
-      hideTokenRemoveButtons: t16,
-      maxHeight: t17,
-      width: t18,
-      minWidth: t19,
-      maxWidth: t20,
-      validationStatus: t21,
-      variant: t22,
-      visibleTokenCount: t23,
-      style: t24,
+    ({
+      icon: IconComponent,
+      leadingVisual: LeadingVisual,
+      trailingVisual: TrailingVisual,
+      loading,
+      loaderPosition: t1,
+      contrast,
+      className,
+      block,
+      disabled,
+      tokens,
+      onTokenRemove,
+      tokenComponent: t2,
+      preventTokenWrapping: t3,
+      size: t4,
+      hideTokenRemoveButtons: t5,
+      maxHeight,
+      width: widthProp,
+      minWidth: minWidthProp,
+      maxWidth: maxWidthProp,
+      validationStatus,
+      variant: variantProp,
+      visibleTokenCount,
+      style,
       ...rest
-    } = t0;
-    IconComponent = t2;
-    LeadingVisual = t3;
-    TrailingVisual = t4;
-    loading = t5;
-    contrast = t7;
-    className = t8;
-    block = t9;
-    disabled = t10;
-    tokens = t11;
-    onTokenRemove = t12;
-    maxHeight = t17;
-    widthProp = t18;
-    minWidthProp = t19;
-    maxWidthProp = t20;
-    validationStatus = t21;
-    variantProp = t22;
-    visibleTokenCount = t23;
-    style = t24;
-    loaderPosition = t6 === undefined ? "auto" : t6;
-    TokenComponent = t13 === undefined ? Token : t13;
-    preventTokenWrapping = t14 === undefined ? false : t14;
-    size = t15 === undefined ? "xlarge" : t15;
-    hideTokenRemoveButtons = t16 === undefined ? false : t16;
-    t1 = omit(rest);
+    } = t0);
     $[0] = t0;
     $[1] = IconComponent;
     $[2] = LeadingVisual;
-    $[3] = TokenComponent;
-    $[4] = TrailingVisual;
-    $[5] = block;
-    $[6] = className;
-    $[7] = contrast;
-    $[8] = disabled;
-    $[9] = hideTokenRemoveButtons;
-    $[10] = loaderPosition;
-    $[11] = loading;
-    $[12] = maxHeight;
-    $[13] = maxWidthProp;
-    $[14] = minWidthProp;
-    $[15] = onTokenRemove;
-    $[16] = preventTokenWrapping;
-    $[17] = size;
-    $[18] = style;
-    $[19] = t1;
+    $[3] = TrailingVisual;
+    $[4] = block;
+    $[5] = className;
+    $[6] = contrast;
+    $[7] = disabled;
+    $[8] = loading;
+    $[9] = maxHeight;
+    $[10] = maxWidthProp;
+    $[11] = minWidthProp;
+    $[12] = onTokenRemove;
+    $[13] = rest;
+    $[14] = style;
+    $[15] = t1;
+    $[16] = t2;
+    $[17] = t3;
+    $[18] = t4;
+    $[19] = t5;
     $[20] = tokens;
     $[21] = validationStatus;
     $[22] = variantProp;
@@ -128,41 +103,46 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
   } else {
     IconComponent = $[1];
     LeadingVisual = $[2];
-    TokenComponent = $[3];
-    TrailingVisual = $[4];
-    block = $[5];
-    className = $[6];
-    contrast = $[7];
-    disabled = $[8];
-    hideTokenRemoveButtons = $[9];
-    loaderPosition = $[10];
-    loading = $[11];
-    maxHeight = $[12];
-    maxWidthProp = $[13];
-    minWidthProp = $[14];
-    onTokenRemove = $[15];
-    preventTokenWrapping = $[16];
-    size = $[17];
-    style = $[18];
-    t1 = $[19];
+    TrailingVisual = $[3];
+    block = $[4];
+    className = $[5];
+    contrast = $[6];
+    disabled = $[7];
+    loading = $[8];
+    maxHeight = $[9];
+    maxWidthProp = $[10];
+    minWidthProp = $[11];
+    onTokenRemove = $[12];
+    rest = $[13];
+    style = $[14];
+    t1 = $[15];
+    t2 = $[16];
+    t3 = $[17];
+    t4 = $[18];
+    t5 = $[19];
     tokens = $[20];
     validationStatus = $[21];
     variantProp = $[22];
     visibleTokenCount = $[23];
     widthProp = $[24];
   }
+  const loaderPosition = t1 === undefined ? "auto" : t1;
+  const TokenComponent = t2 === undefined ? Token : t2;
+  const preventTokenWrapping = t3 === undefined ? false : t3;
+  const size = t4 === undefined ? "xlarge" : t4;
+  const hideTokenRemoveButtons = t5 === undefined ? false : t5;
   let inputPropsRest;
   let onBlur;
   let onFocus;
   let onKeyDown;
-  if ($[25] !== t1) {
+  if ($[25] !== rest) {
     ({
       onBlur,
       onFocus,
       onKeyDown,
       ...inputPropsRest
-    } = t1);
-    $[25] = t1;
+    } = rest);
+    $[25] = rest;
     $[26] = inputPropsRest;
     $[27] = onBlur;
     $[28] = onFocus;
@@ -177,16 +157,16 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
   useRefObjectAsForwardedRef(forwardedRef, ref);
   const [selectedTokenIndex, setSelectedTokenIndex] = useState();
   const [tokensAreTruncated, setTokensAreTruncated] = useState(Boolean(visibleTokenCount));
-  let t2;
+  let t6;
   if ($[30] !== selectedTokenIndex) {
-    t2 = [selectedTokenIndex];
+    t6 = [selectedTokenIndex];
     $[30] = selectedTokenIndex;
-    $[31] = t2;
+    $[31] = t6;
   } else {
-    t2 = $[31];
+    t6 = $[31];
   }
   const {
-    containerRef: t3
+    containerRef: t7
   } = useFocusZone({
     focusOutBehavior: "wrap",
     bindKeys: FocusKeys.ArrowHorizontal | FocusKeys.HomeAndEnd,
@@ -208,11 +188,11 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
       }
       return (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.children[nextIndex];
     }
-  }, t2);
-  const containerRef = t3;
-  let t4;
+  }, t6);
+  const containerRef = t7;
+  let t8;
   if ($[32] !== containerRef || $[33] !== onTokenRemove || $[34] !== selectedTokenIndex) {
-    t4 = tokenId => {
+    t8 = tokenId => {
       onTokenRemove(tokenId);
       setTimeout(() => {
         var _containerRef$current2, _containerRef$current3;
@@ -229,27 +209,27 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
     $[32] = containerRef;
     $[33] = onTokenRemove;
     $[34] = selectedTokenIndex;
-    $[35] = t4;
+    $[35] = t8;
   } else {
-    t4 = $[35];
+    t8 = $[35];
   }
-  const handleTokenRemove = t4;
-  let t5;
+  const handleTokenRemove = t8;
+  let t9;
   if ($[36] !== disabled) {
-    t5 = tokenIndex => () => {
+    t9 = tokenIndex => () => {
       if (!disabled) {
         setSelectedTokenIndex(tokenIndex);
       }
     };
     $[36] = disabled;
-    $[37] = t5;
+    $[37] = t9;
   } else {
-    t5 = $[37];
+    t9 = $[37];
   }
-  const handleTokenFocus = t5;
-  let t6;
+  const handleTokenFocus = t9;
+  let t10;
   if ($[38] !== containerRef || $[39] !== visibleTokenCount) {
-    t6 = () => {
+    t10 = () => {
       setSelectedTokenIndex(undefined);
       setTimeout(() => {
         var _containerRef$current4;
@@ -260,41 +240,41 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
     };
     $[38] = containerRef;
     $[39] = visibleTokenCount;
-    $[40] = t6;
+    $[40] = t10;
   } else {
-    t6 = $[40];
+    t10 = $[40];
   }
-  const handleTokenBlur = t6;
-  let t7;
+  const handleTokenBlur = t10;
+  let t11;
   if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
-    t7 = event => {
+    t11 = event => {
       if (event.key === "Escape") {
         var _ref$current2;
         (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.focus();
       }
     };
-    $[41] = t7;
+    $[41] = t11;
   } else {
-    t7 = $[41];
+    t11 = $[41];
   }
-  const handleTokenKeyUp = t7;
-  let t8;
+  const handleTokenKeyUp = t11;
+  let t12;
   if ($[42] !== onFocus || $[43] !== visibleTokenCount) {
-    t8 = event_0 => {
+    t12 = event_0 => {
       onFocus && onFocus(event_0);
       setSelectedTokenIndex(undefined);
       visibleTokenCount && setTokensAreTruncated(false);
     };
     $[42] = onFocus;
     $[43] = visibleTokenCount;
-    $[44] = t8;
+    $[44] = t12;
   } else {
-    t8 = $[44];
+    t12 = $[44];
   }
-  const handleInputFocus = t8;
-  let t9;
+  const handleInputFocus = t12;
+  let t13;
   if ($[45] !== containerRef || $[46] !== onBlur || $[47] !== visibleTokenCount) {
-    t9 = event_1 => {
+    t13 = event_1 => {
       onBlur && onBlur(event_1);
       setTimeout(() => {
         var _containerRef$current5;
@@ -306,14 +286,14 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
     $[45] = containerRef;
     $[46] = onBlur;
     $[47] = visibleTokenCount;
-    $[48] = t9;
+    $[48] = t13;
   } else {
-    t9 = $[48];
+    t13 = $[48];
   }
-  const handleInputBlur = t9;
-  let t10;
+  const handleInputBlur = t13;
+  let t14;
   if ($[49] !== handleTokenRemove || $[50] !== onKeyDown || $[51] !== tokens) {
-    t10 = e => {
+    t14 = e => {
       var _ref$current3;
       if (onKeyDown) {
         onKeyDown(e);
@@ -336,113 +316,113 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
     $[49] = handleTokenRemove;
     $[50] = onKeyDown;
     $[51] = tokens;
-    $[52] = t10;
+    $[52] = t14;
   } else {
-    t10 = $[52];
+    t14 = $[52];
   }
-  const handleInputKeyDown = t10;
-  let t11;
+  const handleInputKeyDown = t14;
+  let t15;
   if ($[53] === Symbol.for("react.memo_cache_sentinel")) {
-    t11 = () => {
+    t15 = () => {
       var _ref$current5;
       (_ref$current5 = ref.current) === null || _ref$current5 === void 0 ? void 0 : _ref$current5.focus();
     };
-    $[53] = t11;
+    $[53] = t15;
   } else {
-    t11 = $[53];
+    t15 = $[53];
   }
-  const focusInput = t11;
+  const focusInput = t15;
   const preventTokenClickPropagation = _temp3;
-  let t12;
+  let t16;
   if ($[54] !== tokens || $[55] !== tokensAreTruncated || $[56] !== visibleTokenCount) {
-    t12 = tokensAreTruncated ? tokens.slice(0, visibleTokenCount) : tokens;
+    t16 = tokensAreTruncated ? tokens.slice(0, visibleTokenCount) : tokens;
     $[54] = tokens;
     $[55] = tokensAreTruncated;
     $[56] = visibleTokenCount;
-    $[57] = t12;
+    $[57] = t16;
   } else {
-    t12 = $[57];
+    t16 = $[57];
   }
-  const visibleTokens = t12;
-  let t13;
+  const visibleTokens = t16;
+  let t17;
   if ($[58] === Symbol.for("react.memo_cache_sentinel")) {
-    t13 = {
+    t17 = {
       small: "small",
       medium: "small",
       large: "medium",
       xlarge: "medium"
     };
-    $[58] = t13;
+    $[58] = t17;
   } else {
-    t13 = $[58];
+    t17 = $[58];
   }
-  const inputSizeMap = t13;
+  const inputSizeMap = t17;
   const showLeadingLoadingIndicator = loading && (loaderPosition === "leading" || Boolean(LeadingVisual && loaderPosition !== "trailing"));
   const showTrailingLoadingIndicator = loading && (loaderPosition === "trailing" || loaderPosition === "auto" && !LeadingVisual);
-  const t14 = Boolean(LeadingVisual || showLeadingLoadingIndicator);
-  const t15 = Boolean(TrailingVisual || showTrailingLoadingIndicator);
-  const t16 = inputSizeMap[size];
-  const t17 = Boolean(preventTokenWrapping || maxHeight) || undefined;
-  let t18;
+  const t18 = Boolean(LeadingVisual || showLeadingLoadingIndicator);
+  const t19 = Boolean(TrailingVisual || showTrailingLoadingIndicator);
+  const t20 = inputSizeMap[size];
+  const t21 = Boolean(preventTokenWrapping || maxHeight) || undefined;
+  let t22;
   if ($[59] !== className) {
-    t18 = clsx(className, styles.TextInputWrapper);
+    t22 = clsx(className, styles.TextInputWrapper);
     $[59] = className;
-    $[60] = t18;
+    $[60] = t22;
   } else {
-    t18 = $[60];
+    t22 = $[60];
   }
-  let t19;
+  let t23;
   if ($[61] !== maxHeight || $[62] !== style) {
-    t19 = maxHeight ? {
+    t23 = maxHeight ? {
       maxHeight,
       ...style
     } : style;
     $[61] = maxHeight;
     $[62] = style;
-    $[63] = t19;
+    $[63] = t23;
   } else {
-    t19 = $[63];
+    t23 = $[63];
   }
-  let t20;
+  let t24;
   if ($[64] !== IconComponent || $[65] !== LeadingVisual) {
-    t20 = IconComponent && !LeadingVisual && /*#__PURE__*/jsx(IconComponent, {
+    t24 = IconComponent && !LeadingVisual && /*#__PURE__*/jsx(IconComponent, {
       className: "TextInput-icon"
     });
     $[64] = IconComponent;
     $[65] = LeadingVisual;
-    $[66] = t20;
+    $[66] = t24;
   } else {
-    t20 = $[66];
+    t24 = $[66];
   }
-  const t21 = typeof loading === "boolean";
-  let t22;
+  const t25 = typeof loading === "boolean";
+  let t26;
   if ($[67] !== LeadingVisual) {
-    t22 = typeof LeadingVisual !== "string" && isValidElementType(LeadingVisual) ? /*#__PURE__*/jsx(LeadingVisual, {}) : LeadingVisual;
+    t26 = typeof LeadingVisual !== "string" && isValidElementType(LeadingVisual) ? /*#__PURE__*/jsx(LeadingVisual, {}) : LeadingVisual;
     $[67] = LeadingVisual;
-    $[68] = t22;
+    $[68] = t26;
   } else {
-    t22 = $[68];
+    t26 = $[68];
   }
-  let t23;
-  if ($[69] !== showLeadingLoadingIndicator || $[70] !== t21 || $[71] !== t22) {
-    t23 = /*#__PURE__*/jsx(TextInputInnerVisualSlot, {
-      hasLoadingIndicator: t21,
+  let t27;
+  if ($[69] !== showLeadingLoadingIndicator || $[70] !== t25 || $[71] !== t26) {
+    t27 = /*#__PURE__*/jsx(TextInputInnerVisualSlot, {
+      hasLoadingIndicator: t25,
       visualPosition: "leading",
       showLoadingIndicator: showLeadingLoadingIndicator,
-      children: t22
+      children: t26
     });
     $[69] = showLeadingLoadingIndicator;
-    $[70] = t21;
-    $[71] = t22;
-    $[72] = t23;
+    $[70] = t25;
+    $[71] = t26;
+    $[72] = t27;
   } else {
-    t23 = $[72];
+    t27 = $[72];
   }
-  const t24 = containerRef;
-  const t25 = validationStatus === "error" ? "true" : "false";
-  let t26;
-  if ($[73] !== disabled || $[74] !== handleInputBlur || $[75] !== handleInputFocus || $[76] !== handleInputKeyDown || $[77] !== inputPropsRest || $[78] !== t25) {
-    t26 = /*#__PURE__*/jsx("div", {
+  const t28 = containerRef;
+  const t29 = validationStatus === "error" ? "true" : "false";
+  let t30;
+  if ($[73] !== disabled || $[74] !== handleInputBlur || $[75] !== handleInputFocus || $[76] !== handleInputKeyDown || $[77] !== inputPropsRest || $[78] !== t29) {
+    t30 = /*#__PURE__*/jsx("div", {
       className: styles.InputWrapper,
       children: /*#__PURE__*/jsx(UnstyledTextInput, {
         ref: ref,
@@ -452,7 +432,7 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
         onKeyDown: handleInputKeyDown,
         type: "text",
         className: styles.UnstyledTextInput,
-        "aria-invalid": t25,
+        "aria-invalid": t29,
         ...inputPropsRest
       })
     });
@@ -461,20 +441,20 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
     $[75] = handleInputFocus;
     $[76] = handleInputKeyDown;
     $[77] = inputPropsRest;
-    $[78] = t25;
-    $[79] = t26;
+    $[78] = t29;
+    $[79] = t30;
   } else {
-    t26 = $[79];
+    t30 = $[79];
   }
-  let t27;
+  let t31;
   if ($[80] !== TokenComponent || $[81] !== disabled || $[82] !== handleTokenBlur || $[83] !== handleTokenFocus || $[84] !== handleTokenRemove || $[85] !== hideTokenRemoveButtons || $[86] !== selectedTokenIndex || $[87] !== size || $[88] !== visibleTokens) {
-    let t28;
+    let t32;
     if ($[90] !== TokenComponent || $[91] !== disabled || $[92] !== handleTokenBlur || $[93] !== handleTokenFocus || $[94] !== handleTokenRemove || $[95] !== hideTokenRemoveButtons || $[96] !== selectedTokenIndex || $[97] !== size) {
-      t28 = (t29, i) => {
+      t32 = (t33, i) => {
         const {
           id,
           ...tokenRest
-        } = t29;
+        } = t33;
         return /*#__PURE__*/jsx(TokenComponent, {
           disabled: disabled,
           onFocus: handleTokenFocus(i),
@@ -499,11 +479,11 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
       $[95] = hideTokenRemoveButtons;
       $[96] = selectedTokenIndex;
       $[97] = size;
-      $[98] = t28;
+      $[98] = t32;
     } else {
-      t28 = $[98];
+      t32 = $[98];
     }
-    t27 = visibleTokens.map(t28);
+    t31 = visibleTokens.map(t32);
     $[80] = TokenComponent;
     $[81] = disabled;
     $[82] = handleTokenBlur;
@@ -513,13 +493,13 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
     $[86] = selectedTokenIndex;
     $[87] = size;
     $[88] = visibleTokens;
-    $[89] = t27;
+    $[89] = t31;
   } else {
-    t27 = $[89];
+    t31 = $[89];
   }
-  let t28;
+  let t32;
   if ($[99] !== size || $[100] !== tokens || $[101] !== tokensAreTruncated || $[102] !== visibleTokens.length) {
-    t28 = tokensAreTruncated && tokens.length - visibleTokens.length ? /*#__PURE__*/jsxs(Text, {
+    t32 = tokensAreTruncated && tokens.length - visibleTokens.length ? /*#__PURE__*/jsxs(Text, {
       className: overflowCountClassMap[size],
       children: ["+", tokens.length - visibleTokens.length]
     }) : null;
@@ -527,94 +507,94 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
     $[100] = tokens;
     $[101] = tokensAreTruncated;
     $[102] = visibleTokens.length;
-    $[103] = t28;
+    $[103] = t32;
   } else {
-    t28 = $[103];
+    t32 = $[103];
   }
-  let t29;
-  if ($[104] !== preventTokenWrapping || $[105] !== t24 || $[106] !== t26 || $[107] !== t27 || $[108] !== t28) {
-    t29 = /*#__PURE__*/jsxs("div", {
-      ref: t24,
+  let t33;
+  if ($[104] !== preventTokenWrapping || $[105] !== t28 || $[106] !== t30 || $[107] !== t31 || $[108] !== t32) {
+    t33 = /*#__PURE__*/jsxs("div", {
+      ref: t28,
       className: styles.Container,
       "data-prevent-token-wrapping": preventTokenWrapping,
-      children: [t26, t27, t28]
+      children: [t30, t31, t32]
     });
     $[104] = preventTokenWrapping;
-    $[105] = t24;
-    $[106] = t26;
-    $[107] = t27;
-    $[108] = t28;
-    $[109] = t29;
+    $[105] = t28;
+    $[106] = t30;
+    $[107] = t31;
+    $[108] = t32;
+    $[109] = t33;
   } else {
-    t29 = $[109];
+    t33 = $[109];
   }
-  const t30 = typeof loading === "boolean";
-  let t31;
+  const t34 = typeof loading === "boolean";
+  let t35;
   if ($[110] !== TrailingVisual) {
-    t31 = typeof TrailingVisual !== "string" && isValidElementType(TrailingVisual) ? /*#__PURE__*/jsx(TrailingVisual, {}) : TrailingVisual;
+    t35 = typeof TrailingVisual !== "string" && isValidElementType(TrailingVisual) ? /*#__PURE__*/jsx(TrailingVisual, {}) : TrailingVisual;
     $[110] = TrailingVisual;
-    $[111] = t31;
+    $[111] = t35;
   } else {
-    t31 = $[111];
+    t35 = $[111];
   }
-  let t32;
-  if ($[112] !== showTrailingLoadingIndicator || $[113] !== t30 || $[114] !== t31) {
-    t32 = /*#__PURE__*/jsx(TextInputInnerVisualSlot, {
-      hasLoadingIndicator: t30,
+  let t36;
+  if ($[112] !== showTrailingLoadingIndicator || $[113] !== t34 || $[114] !== t35) {
+    t36 = /*#__PURE__*/jsx(TextInputInnerVisualSlot, {
+      hasLoadingIndicator: t34,
       visualPosition: "trailing",
       showLoadingIndicator: showTrailingLoadingIndicator,
-      children: t31
+      children: t35
     });
     $[112] = showTrailingLoadingIndicator;
-    $[113] = t30;
-    $[114] = t31;
-    $[115] = t32;
+    $[113] = t34;
+    $[114] = t35;
+    $[115] = t36;
   } else {
-    t32 = $[115];
+    t36 = $[115];
   }
-  let t33;
-  if ($[116] !== block || $[117] !== contrast || $[118] !== disabled || $[119] !== maxWidthProp || $[120] !== minWidthProp || $[121] !== t14 || $[122] !== t15 || $[123] !== t16 || $[124] !== t17 || $[125] !== t18 || $[126] !== t19 || $[127] !== t20 || $[128] !== t23 || $[129] !== t29 || $[130] !== t32 || $[131] !== validationStatus || $[132] !== variantProp || $[133] !== widthProp) {
-    t33 = /*#__PURE__*/jsxs(TextInputWrapper, {
+  let t37;
+  if ($[116] !== block || $[117] !== contrast || $[118] !== disabled || $[119] !== maxWidthProp || $[120] !== minWidthProp || $[121] !== t18 || $[122] !== t19 || $[123] !== t20 || $[124] !== t21 || $[125] !== t22 || $[126] !== t23 || $[127] !== t24 || $[128] !== t27 || $[129] !== t33 || $[130] !== t36 || $[131] !== validationStatus || $[132] !== variantProp || $[133] !== widthProp) {
+    t37 = /*#__PURE__*/jsxs(TextInputWrapper, {
       block: block,
       contrast: contrast,
       disabled: disabled,
-      hasLeadingVisual: t14,
-      hasTrailingVisual: t15,
+      hasLeadingVisual: t18,
+      hasTrailingVisual: t19,
       width: widthProp,
       minWidth: minWidthProp,
       maxWidth: maxWidthProp,
-      size: t16,
+      size: t20,
       validationStatus: validationStatus,
       variant: variantProp,
       onClick: focusInput,
-      "data-token-wrapping": t17,
-      className: t18,
-      style: t19,
-      children: [t20, t23, t29, t32]
+      "data-token-wrapping": t21,
+      className: t22,
+      style: t23,
+      children: [t24, t27, t33, t36]
     });
     $[116] = block;
     $[117] = contrast;
     $[118] = disabled;
     $[119] = maxWidthProp;
     $[120] = minWidthProp;
-    $[121] = t14;
-    $[122] = t15;
-    $[123] = t16;
-    $[124] = t17;
-    $[125] = t18;
-    $[126] = t19;
-    $[127] = t20;
-    $[128] = t23;
-    $[129] = t29;
-    $[130] = t32;
+    $[121] = t18;
+    $[122] = t19;
+    $[123] = t20;
+    $[124] = t21;
+    $[125] = t22;
+    $[126] = t23;
+    $[127] = t24;
+    $[128] = t27;
+    $[129] = t33;
+    $[130] = t36;
     $[131] = validationStatus;
     $[132] = variantProp;
     $[133] = widthProp;
-    $[134] = t33;
+    $[134] = t37;
   } else {
-    t33 = $[134];
+    t37 = $[134];
   }
-  return t33;
+  return t37;
 }
 function _temp3(event_2) {
   event_2.stopPropagation();