@doist/reactist 29.1.0 → 29.1.2

package/es/text-area/text-area.js

@@ -1,65 +1,275 @@
-import { __rest, __assign } from 'tslib';
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { c } from 'react-compiler-runtime';
 import * as React from 'react';
 import classNames from 'classnames';
 import { useMergeRefs } from 'use-callback-ref';
-import { BaseField } from '../base-field/base-field.js';
-import { Box } from '../box/box.js';
 import modules_2728c236 from './text-area.module.css.js';
+import { Box } from '../box/box.js';
+import { BaseField } from '../base-field/base-field.js';
 
-var TextArea = React.forwardRef(function TextArea(_a, ref) {
-    var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, id = _a.id, label = _a.label, value = _a.value, auxiliaryLabel = _a.auxiliaryLabel, message = _a.message, tone = _a.tone, maxWidth = _a.maxWidth, maxLength = _a.maxLength, hidden = _a.hidden, ariaDescribedBy = _a["aria-describedby"], rows = _a.rows, _c = _a.autoExpand, autoExpand = _c === void 0 ? false : _c, _d = _a.disableResize, disableResize = _d === void 0 ? false : _d, originalOnChange = _a.onChange, props = __rest(_a, ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "maxWidth", "maxLength", "hidden", 'aria-describedby', "rows", "autoExpand", "disableResize", "onChange"]);
-    var containerRef = React.useRef(null);
-    var internalRef = React.useRef(null);
-    var combinedRef = useMergeRefs([ref, internalRef]);
-    useAutoExpand({ value: value, autoExpand: autoExpand, containerRef: containerRef, internalRef: internalRef });
-    var textAreaClassName = classNames([
-        autoExpand ? modules_2728c236.disableResize : null,
-        disableResize ? modules_2728c236.disableResize : null,
-    ]);
-    return (React.createElement(BaseField, { variant: variant, id: id, label: label, value: value, auxiliaryLabel: auxiliaryLabel, message: message, tone: tone, hidden: hidden, "aria-describedby": ariaDescribedBy, className: [
-            modules_2728c236.textAreaContainer,
-            tone === 'error' ? modules_2728c236.error : null,
-            variant === 'bordered' ? modules_2728c236.bordered : null,
-        ], maxWidth: maxWidth, maxLength: maxLength }, function (_a) {
-        var onChange = _a.onChange, extraProps = __rest(_a, ["onChange"]);
-        return (React.createElement(Box, { width: "full", display: "flex", className: modules_2728c236.innerContainer, ref: containerRef },
-            React.createElement("textarea", __assign({}, props, extraProps, { ref: combinedRef, rows: rows, className: textAreaClassName, maxLength: maxLength, onChange: function (event) {
-                    originalOnChange === null || originalOnChange === void 0 ? void 0 : originalOnChange(event);
-                    onChange === null || onChange === void 0 ? void 0 : onChange(event);
-                } }))));
-    }));
-});
-function useAutoExpand(_a) {
-    var value = _a.value, autoExpand = _a.autoExpand, containerRef = _a.containerRef, internalRef = _a.internalRef;
-    var isControlled = value !== undefined;
-    React.useEffect(function setupAutoExpandWhenUncontrolled() {
-        var textAreaElement = internalRef.current;
-        if (!textAreaElement || !autoExpand || isControlled) {
-            return undefined;
+const _excluded = ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "maxWidth", "maxLength", "hidden", "aria-describedby", "rows", "autoExpand", "disableResize", "onChange"],
+  _excluded2 = ["onChange", "characterCountElement"];
+const TextArea = /*#__PURE__*/React.forwardRef(function TextArea(t0, ref) {
+  const $ = c(49);
+  let ariaDescribedBy;
+  let auxiliaryLabel;
+  let hidden;
+  let id;
+  let label;
+  let maxLength;
+  let maxWidth;
+  let message;
+  let originalOnChange;
+  let props;
+  let rows;
+  let t1;
+  let t2;
+  let t3;
+  let tone;
+  let value;
+  if ($[0] !== t0) {
+    var _t = t0;
+    ({
+      variant: t1,
+      id,
+      label,
+      value,
+      auxiliaryLabel,
+      message,
+      tone,
+      maxWidth,
+      maxLength,
+      hidden,
+      "aria-describedby": ariaDescribedBy,
+      rows,
+      autoExpand: t2,
+      disableResize: t3,
+      onChange: originalOnChange
+    } = _t);
+    props = _objectWithoutProperties(_t, _excluded);
+    $[0] = t0;
+    $[1] = ariaDescribedBy;
+    $[2] = auxiliaryLabel;
+    $[3] = hidden;
+    $[4] = id;
+    $[5] = label;
+    $[6] = maxLength;
+    $[7] = maxWidth;
+    $[8] = message;
+    $[9] = originalOnChange;
+    $[10] = props;
+    $[11] = rows;
+    $[12] = t1;
+    $[13] = t2;
+    $[14] = t3;
+    $[15] = tone;
+    $[16] = value;
+  } else {
+    ariaDescribedBy = $[1];
+    auxiliaryLabel = $[2];
+    hidden = $[3];
+    id = $[4];
+    label = $[5];
+    maxLength = $[6];
+    maxWidth = $[7];
+    message = $[8];
+    originalOnChange = $[9];
+    props = $[10];
+    rows = $[11];
+    t1 = $[12];
+    t2 = $[13];
+    t3 = $[14];
+    tone = $[15];
+    value = $[16];
+  }
+  const variant = t1 === undefined ? "default" : t1;
+  const autoExpand = t2 === undefined ? false : t2;
+  const disableResize = t3 === undefined ? false : t3;
+  const containerRef = React.useRef(null);
+  const internalRef = React.useRef(null);
+  let t4;
+  if ($[17] !== ref) {
+    t4 = [ref, internalRef];
+    $[17] = ref;
+    $[18] = t4;
+  } else {
+    t4 = $[18];
+  }
+  const combinedRef = useMergeRefs(t4);
+  let t5;
+  if ($[19] !== autoExpand || $[20] !== value) {
+    t5 = {
+      value,
+      autoExpand,
+      containerRef,
+      internalRef
+    };
+    $[19] = autoExpand;
+    $[20] = value;
+    $[21] = t5;
+  } else {
+    t5 = $[21];
+  }
+  useAutoExpand(t5);
+  const t6 = autoExpand ? modules_2728c236.disableResize : null;
+  const t7 = disableResize ? modules_2728c236.disableResize : null;
+  let t8;
+  if ($[22] !== t6 || $[23] !== t7) {
+    t8 = classNames([t6, t7]);
+    $[22] = t6;
+    $[23] = t7;
+    $[24] = t8;
+  } else {
+    t8 = $[24];
+  }
+  const textAreaClassName = t8;
+  const t9 = tone === "error" ? modules_2728c236.error : null;
+  const t10 = variant === "bordered" ? modules_2728c236.bordered : null;
+  let t11;
+  if ($[25] !== t10 || $[26] !== t9) {
+    t11 = [modules_2728c236.textAreaContainer, t9, t10];
+    $[25] = t10;
+    $[26] = t9;
+    $[27] = t11;
+  } else {
+    t11 = $[27];
+  }
+  let t12;
+  if ($[28] !== combinedRef || $[29] !== maxLength || $[30] !== originalOnChange || $[31] !== props || $[32] !== rows || $[33] !== textAreaClassName) {
+    t12 = t13 => {
+      const {
+          onChange,
+          characterCountElement
+        } = t13,
+        extraProps = _objectWithoutProperties(t13, _excluded2);
+      return /*#__PURE__*/React.createElement(Box, {
+        width: "full",
+        display: "flex",
+        className: modules_2728c236.innerContainer,
+        ref: containerRef
+      }, /*#__PURE__*/React.createElement("textarea", _extends({}, props, extraProps, {
+        ref: combinedRef,
+        rows: rows,
+        className: textAreaClassName,
+        maxLength: maxLength,
+        onChange: event => {
+          originalOnChange?.(event);
+          onChange?.(event);
         }
-        var containerElement = containerRef.current;
-        function handleAutoExpand(value) {
-            if (containerElement) {
-                containerElement.dataset.replicatedValue = value;
-            }
-        }
-        function handleInput(event) {
-            handleAutoExpand(event.currentTarget.value);
-        }
-        // Apply change initially, in case the text area has a non-empty initial value
-        handleAutoExpand(textAreaElement.value);
-        textAreaElement.addEventListener('input', handleInput);
-        return function () { return textAreaElement.removeEventListener('input', handleInput); };
-    }, [autoExpand, containerRef, internalRef, isControlled]);
-    React.useEffect(function setupAutoExpandWhenControlled() {
-        if (!isControlled || !autoExpand) {
-            return;
-        }
-        var containerElement = containerRef.current;
+      })));
+    };
+    $[28] = combinedRef;
+    $[29] = maxLength;
+    $[30] = originalOnChange;
+    $[31] = props;
+    $[32] = rows;
+    $[33] = textAreaClassName;
+    $[34] = t12;
+  } else {
+    t12 = $[34];
+  }
+  let t13;
+  if ($[35] !== ariaDescribedBy || $[36] !== auxiliaryLabel || $[37] !== hidden || $[38] !== id || $[39] !== label || $[40] !== maxLength || $[41] !== maxWidth || $[42] !== message || $[43] !== t11 || $[44] !== t12 || $[45] !== tone || $[46] !== value || $[47] !== variant) {
+    t13 = /*#__PURE__*/React.createElement(BaseField, {
+      variant: variant,
+      id: id,
+      label: label,
+      value: value,
+      auxiliaryLabel: auxiliaryLabel,
+      message: message,
+      tone: tone,
+      hidden: hidden,
+      "aria-describedby": ariaDescribedBy,
+      className: t11,
+      maxWidth: maxWidth,
+      maxLength: maxLength
+    }, t12);
+    $[35] = ariaDescribedBy;
+    $[36] = auxiliaryLabel;
+    $[37] = hidden;
+    $[38] = id;
+    $[39] = label;
+    $[40] = maxLength;
+    $[41] = maxWidth;
+    $[42] = message;
+    $[43] = t11;
+    $[44] = t12;
+    $[45] = tone;
+    $[46] = value;
+    $[47] = variant;
+    $[48] = t13;
+  } else {
+    t13 = $[48];
+  }
+  return t13;
+});
+function useAutoExpand(t0) {
+  const $ = c(12);
+  const {
+    value,
+    autoExpand,
+    containerRef,
+    internalRef
+  } = t0;
+  const isControlled = value !== undefined;
+  let t1;
+  let t2;
+  if ($[0] !== autoExpand || $[1] !== containerRef || $[2] !== internalRef || $[3] !== isControlled) {
+    t1 = function setupAutoExpandWhenUncontrolled() {
+      const textAreaElement = internalRef.current;
+      if (!textAreaElement || !autoExpand || isControlled) {
+        return;
+      }
+      const containerElement = containerRef.current;
+      const handleAutoExpand = function handleAutoExpand(value_0) {
         if (containerElement) {
-            containerElement.dataset.replicatedValue = value;
+          containerElement.dataset.replicatedValue = value_0;
         }
-    }, [value, containerRef, isControlled, autoExpand]);
+      };
+      const handleInput = function handleInput(event) {
+        handleAutoExpand(event.currentTarget.value);
+      };
+      handleAutoExpand(textAreaElement.value);
+      textAreaElement.addEventListener("input", handleInput);
+      return () => textAreaElement.removeEventListener("input", handleInput);
+    };
+    t2 = [autoExpand, containerRef, internalRef, isControlled];
+    $[0] = autoExpand;
+    $[1] = containerRef;
+    $[2] = internalRef;
+    $[3] = isControlled;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t1 = $[4];
+    t2 = $[5];
+  }
+  React.useEffect(t1, t2);
+  let t3;
+  let t4;
+  if ($[6] !== autoExpand || $[7] !== containerRef || $[8] !== isControlled || $[9] !== value) {
+    t3 = function setupAutoExpandWhenControlled() {
+      if (!isControlled || !autoExpand) {
+        return;
+      }
+      const containerElement_0 = containerRef.current;
+      if (containerElement_0) {
+        containerElement_0.dataset.replicatedValue = value;
+      }
+    };
+    t4 = [value, containerRef, isControlled, autoExpand];
+    $[6] = autoExpand;
+    $[7] = containerRef;
+    $[8] = isControlled;
+    $[9] = value;
+    $[10] = t3;
+    $[11] = t4;
+  } else {
+    t3 = $[10];
+    t4 = $[11];
+  }
+  React.useEffect(t3, t4);
 }
 
 export { TextArea };

package/es/text-area/text-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.js","sources":["../../src/text-area/text-area.tsx"],"sourcesContent":[null],"names":["styles"],"mappings":"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"}
+{"version":3,"file":"text-area.js","sources":["../../src/text-area/text-area.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport classNames from 'classnames'\nimport { useMergeRefs } from 'use-callback-ref'\n\nimport { BaseField } from '../base-field'\nimport { Box } from '../box'\n\nimport styles from './text-area.module.css'\n\nimport type { BaseFieldVariantProps, FieldComponentProps } from '../base-field'\n\ninterface TextAreaProps\n    extends Omit<FieldComponentProps<HTMLTextAreaElement>, 'characterCountPosition'>,\n        Omit<\n            BaseFieldVariantProps,\n            'supportsStartAndEndSlots' | 'endSlot' | 'endSlotPosition' | 'value'\n        > {\n    /**\n     * The value of the text area.\n     *\n     * If this prop is not specified, the text area will be uncontrolled and the component will\n     * manage its own state.\n     */\n    value?: string\n\n    /**\n     * The number of visible text lines for the text area.\n     *\n     * If it is specified, it must be a positive integer. If it is not specified, the default\n     * value is 2 (set by the browser).\n     *\n     * When `autoExpand` is true, this value serves the purpose of specifying the minimum number\n     * of rows that the textarea will shrink to when the content is not large enough to make it\n     * expand.\n     *\n     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\n     */\n    rows?: number\n\n    /**\n     * If `true`, the textarea will be automatically resized to fit the content, and the ability to\n     * manually resize the textarea will be disabled.\n     */\n    autoExpand?: boolean\n\n    /**\n     * If `true`, the ability to manually resize the textarea will be disabled.\n     *\n     * When `autoExpand` is true, this property serves no purpose, because the ability to manually\n     * resize the textarea is always disabled when `autoExpand` is true.\n     */\n    disableResize?: boolean\n}\n\nconst TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(function TextArea(\n    {\n        variant = 'default',\n        id,\n        label,\n        value,\n        auxiliaryLabel,\n        message,\n        tone,\n        maxWidth,\n        maxLength,\n        hidden,\n        'aria-describedby': ariaDescribedBy,\n        rows,\n        autoExpand = false,\n        disableResize = false,\n        onChange: originalOnChange,\n        ...props\n    },\n    ref,\n) {\n    const containerRef = React.useRef<HTMLDivElement>(null)\n    const internalRef = React.useRef<HTMLTextAreaElement>(null)\n    const combinedRef = useMergeRefs([ref, internalRef])\n\n    useAutoExpand({ value, autoExpand, containerRef, internalRef })\n\n    const textAreaClassName = classNames([\n        autoExpand ? styles.disableResize : null,\n        disableResize ? styles.disableResize : null,\n    ])\n\n    return (\n        <BaseField\n            variant={variant}\n            id={id}\n            label={label}\n            value={value}\n            auxiliaryLabel={auxiliaryLabel}\n            message={message}\n            tone={tone}\n            hidden={hidden}\n            aria-describedby={ariaDescribedBy}\n            className={[\n                styles.textAreaContainer,\n                tone === 'error' ? styles.error : null,\n                variant === 'bordered' ? styles.bordered : null,\n            ]}\n            maxWidth={maxWidth}\n            maxLength={maxLength}\n        >\n            {({ onChange, characterCountElement, ...extraProps }) => (\n                <Box\n                    width=\"full\"\n                    display=\"flex\"\n                    className={styles.innerContainer}\n                    ref={containerRef}\n                >\n                    <textarea\n                        {...props}\n                        {...extraProps}\n                        ref={combinedRef}\n                        rows={rows}\n                        className={textAreaClassName}\n                        maxLength={maxLength}\n                        onChange={(event) => {\n                            originalOnChange?.(event)\n                            onChange?.(event)\n                        }}\n                    />\n                </Box>\n            )}\n        </BaseField>\n    )\n})\n\nfunction useAutoExpand({\n    value,\n    autoExpand,\n    containerRef,\n    internalRef,\n}: {\n    value: string | undefined\n    autoExpand: boolean\n    containerRef: React.RefObject<HTMLDivElement>\n    internalRef: React.RefObject<HTMLTextAreaElement>\n}) {\n    const isControlled = value !== undefined\n\n    React.useEffect(\n        function setupAutoExpandWhenUncontrolled() {\n            const textAreaElement = internalRef.current\n            if (!textAreaElement || !autoExpand || isControlled) {\n                return undefined\n            }\n\n            const containerElement = containerRef.current\n\n            function handleAutoExpand(value: string) {\n                if (containerElement) {\n                    containerElement.dataset.replicatedValue = value\n                }\n            }\n\n            function handleInput(event: Event) {\n                handleAutoExpand((event.currentTarget as HTMLTextAreaElement).value)\n            }\n\n            // Apply change initially, in case the text area has a non-empty initial value\n            handleAutoExpand(textAreaElement.value)\n            textAreaElement.addEventListener('input', handleInput)\n            return () => textAreaElement.removeEventListener('input', handleInput)\n        },\n        [autoExpand, containerRef, internalRef, isControlled],\n    )\n\n    React.useEffect(\n        function setupAutoExpandWhenControlled() {\n            if (!isControlled || !autoExpand) {\n                return\n            }\n\n            const containerElement = containerRef.current\n            if (containerElement) {\n                containerElement.dataset.replicatedValue = value\n            }\n        },\n        [value, containerRef, isControlled, autoExpand],\n    )\n}\n\nexport { TextArea }\nexport type { TextAreaProps }\n"],"names":["TextArea","React","forwardRef","t0","ref","$","_c","ariaDescribedBy","auxiliaryLabel","hidden","id","label","maxLength","maxWidth","message","originalOnChange","props","rows","t1","t2","t3","tone","value","_t","variant","autoExpand","disableResize","onChange","_objectWithoutProperties","_excluded","undefined","containerRef","useRef","internalRef","t4","combinedRef","useMergeRefs","t5","useAutoExpand","t6","styles","t7","t8","classNames","textAreaClassName","t9","error","t10","bordered","t11","textAreaContainer","t12","t13","characterCountElement","extraProps","_excluded2","createElement","Box","width","display","className","innerContainer","_extends","event","BaseField","isControlled","setupAutoExpandWhenUncontrolled","textAreaElement","current","containerElement","handleAutoExpand","value_0","dataset","replicatedValue","handleInput","currentTarget","addEventListener","removeEventListener","useEffect","setupAutoExpandWhenControlled","containerElement_0"],"mappings":"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"}

package/es/text-field/text-field.js

@@ -1,39 +1,212 @@
-import { __rest, __assign } from 'tslib';
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { c } from 'react-compiler-runtime';
 import * as React from 'react';
 import { useMergeRefs } from 'use-callback-ref';
+import modules_aaf25250 from './text-field.module.css.js';
 import { BaseField } from '../base-field/base-field.js';
 import { Box } from '../box/box.js';
-import modules_aaf25250 from './text-field.module.css.js';
 
-var TextField = React.forwardRef(function TextField(_a, ref) {
-    var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, id = _a.id, label = _a.label, value = _a.value, auxiliaryLabel = _a.auxiliaryLabel, message = _a.message, tone = _a.tone, _c = _a.type, type = _c === void 0 ? 'text' : _c, maxWidth = _a.maxWidth, maxLength = _a.maxLength, hidden = _a.hidden, ariaDescribedBy = _a["aria-describedby"], startSlot = _a.startSlot, endSlot = _a.endSlot, originalOnChange = _a.onChange, _d = _a.characterCountPosition, characterCountPosition = _d === void 0 ? 'below' : _d, _e = _a.endSlotPosition, endSlotPosition = _e === void 0 ? 'bottom' : _e, props = __rest(_a, ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "type", "maxWidth", "maxLength", "hidden", 'aria-describedby', "startSlot", "endSlot", "onChange", "characterCountPosition", "endSlotPosition"]);
-    var internalRef = React.useRef(null);
-    var combinedRef = useMergeRefs([ref, internalRef]);
-    function handleClick(event) {
-        var _a;
-        if (event.currentTarget === combinedRef.current)
-            return;
-        (_a = internalRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    var displayEndSlot = endSlot &&
-        (variant === 'default' || (variant === 'bordered' && endSlotPosition === 'bottom'));
-    return (React.createElement(BaseField, { variant: variant, id: id, label: label, value: value, auxiliaryLabel: auxiliaryLabel, message: message, tone: tone, maxWidth: maxWidth, maxLength: maxLength, hidden: hidden, "aria-describedby": ariaDescribedBy, characterCountPosition: characterCountPosition, supportsStartAndEndSlots: true, endSlot: endSlot, endSlotPosition: variant === 'bordered' ? endSlotPosition : undefined }, function (_a) {
-        var onChange = _a.onChange, characterCountElement = _a.characterCountElement, extraProps = __rest(_a, ["onChange", "characterCountElement"]);
-        return (React.createElement(Box, { display: "flex", alignItems: "center", className: [
-                modules_aaf25250.inputWrapper,
-                tone === 'error' ? modules_aaf25250.error : null,
-                variant === 'bordered' ? modules_aaf25250.bordered : null,
-                props.readOnly ? modules_aaf25250.readOnly : null,
-            ], onClick: handleClick },
-            startSlot ? (React.createElement(Box, { className: modules_aaf25250.slot, display: "flex", marginRight: variant === 'bordered' ? 'xsmall' : '-xsmall', marginLeft: variant === 'bordered' ? '-xsmall' : 'xsmall' }, startSlot)) : null,
-            React.createElement("input", __assign({}, props, extraProps, { type: type, ref: combinedRef, maxLength: maxLength, onChange: function (event) {
-                    originalOnChange === null || originalOnChange === void 0 ? void 0 : originalOnChange(event);
-                    onChange === null || onChange === void 0 ? void 0 : onChange(event);
-                } })),
-            displayEndSlot || characterCountElement ? (React.createElement(Box, { className: modules_aaf25250.slot, display: "flex", marginRight: variant === 'bordered' ? '-xsmall' : 'xsmall', marginLeft: variant === 'bordered' ? 'xsmall' : '-xsmall' },
-                characterCountElement,
-                displayEndSlot ? endSlot : null)) : null));
-    }));
+const _excluded = ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "type", "maxWidth", "maxLength", "hidden", "aria-describedby", "startSlot", "endSlot", "onChange", "characterCountPosition", "endSlotPosition"],
+  _excluded2 = ["onChange", "characterCountElement"];
+const TextField = /*#__PURE__*/React.forwardRef(function TextField(t0, ref) {
+  const $ = c(51);
+  let ariaDescribedBy;
+  let auxiliaryLabel;
+  let endSlot;
+  let hidden;
+  let id;
+  let label;
+  let maxLength;
+  let maxWidth;
+  let message;
+  let originalOnChange;
+  let props;
+  let startSlot;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  let tone;
+  let value;
+  if ($[0] !== t0) {
+    var _t = t0;
+    ({
+      variant: t1,
+      id,
+      label,
+      value,
+      auxiliaryLabel,
+      message,
+      tone,
+      type: t2,
+      maxWidth,
+      maxLength,
+      hidden,
+      "aria-describedby": ariaDescribedBy,
+      startSlot,
+      endSlot,
+      onChange: originalOnChange,
+      characterCountPosition: t3,
+      endSlotPosition: t4
+    } = _t);
+    props = _objectWithoutProperties(_t, _excluded);
+    $[0] = t0;
+    $[1] = ariaDescribedBy;
+    $[2] = auxiliaryLabel;
+    $[3] = endSlot;
+    $[4] = hidden;
+    $[5] = id;
+    $[6] = label;
+    $[7] = maxLength;
+    $[8] = maxWidth;
+    $[9] = message;
+    $[10] = originalOnChange;
+    $[11] = props;
+    $[12] = startSlot;
+    $[13] = t1;
+    $[14] = t2;
+    $[15] = t3;
+    $[16] = t4;
+    $[17] = tone;
+    $[18] = value;
+  } else {
+    ariaDescribedBy = $[1];
+    auxiliaryLabel = $[2];
+    endSlot = $[3];
+    hidden = $[4];
+    id = $[5];
+    label = $[6];
+    maxLength = $[7];
+    maxWidth = $[8];
+    message = $[9];
+    originalOnChange = $[10];
+    props = $[11];
+    startSlot = $[12];
+    t1 = $[13];
+    t2 = $[14];
+    t3 = $[15];
+    t4 = $[16];
+    tone = $[17];
+    value = $[18];
+  }
+  const variant = t1 === undefined ? "default" : t1;
+  const type = t2 === undefined ? "text" : t2;
+  const characterCountPosition = t3 === undefined ? "below" : t3;
+  const endSlotPosition = t4 === undefined ? "bottom" : t4;
+  const internalRef = React.useRef(null);
+  let t5;
+  if ($[19] !== ref) {
+    t5 = [ref, internalRef];
+    $[19] = ref;
+    $[20] = t5;
+  } else {
+    t5 = $[20];
+  }
+  const combinedRef = useMergeRefs(t5);
+  let t6;
+  if ($[21] !== combinedRef) {
+    t6 = function handleClick(event) {
+      if (event.currentTarget === combinedRef.current) {
+        return;
+      }
+      internalRef.current?.focus();
+    };
+    $[21] = combinedRef;
+    $[22] = t6;
+  } else {
+    t6 = $[22];
+  }
+  const handleClick = t6;
+  const displayEndSlot = endSlot && (variant === "default" || variant === "bordered" && endSlotPosition === "bottom");
+  const t7 = variant === "bordered" ? endSlotPosition : undefined;
+  let t8;
+  if ($[23] !== combinedRef || $[24] !== displayEndSlot || $[25] !== endSlot || $[26] !== handleClick || $[27] !== maxLength || $[28] !== originalOnChange || $[29] !== props || $[30] !== startSlot || $[31] !== tone || $[32] !== type || $[33] !== variant) {
+    t8 = t9 => {
+      const {
+          onChange,
+          characterCountElement
+        } = t9,
+        extraProps = _objectWithoutProperties(t9, _excluded2);
+      return /*#__PURE__*/React.createElement(Box, {
+        display: "flex",
+        alignItems: "center",
+        className: [modules_aaf25250.inputWrapper, tone === "error" ? modules_aaf25250.error : null, variant === "bordered" ? modules_aaf25250.bordered : null, props.readOnly ? modules_aaf25250.readOnly : null],
+        onClick: handleClick
+      }, startSlot ? /*#__PURE__*/React.createElement(Box, {
+        className: modules_aaf25250.slot,
+        display: "flex",
+        marginRight: variant === "bordered" ? "xsmall" : "-xsmall",
+        marginLeft: variant === "bordered" ? "-xsmall" : "xsmall"
+      }, startSlot) : null, /*#__PURE__*/React.createElement("input", _extends({}, props, extraProps, {
+        type: type,
+        ref: combinedRef,
+        maxLength: maxLength,
+        onChange: event_0 => {
+          originalOnChange?.(event_0);
+          onChange?.(event_0);
+        }
+      })), displayEndSlot || characterCountElement ? /*#__PURE__*/React.createElement(Box, {
+        className: modules_aaf25250.slot,
+        display: "flex",
+        marginRight: variant === "bordered" ? "-xsmall" : "xsmall",
+        marginLeft: variant === "bordered" ? "xsmall" : "-xsmall"
+      }, characterCountElement, displayEndSlot ? endSlot : null) : null);
+    };
+    $[23] = combinedRef;
+    $[24] = displayEndSlot;
+    $[25] = endSlot;
+    $[26] = handleClick;
+    $[27] = maxLength;
+    $[28] = originalOnChange;
+    $[29] = props;
+    $[30] = startSlot;
+    $[31] = tone;
+    $[32] = type;
+    $[33] = variant;
+    $[34] = t8;
+  } else {
+    t8 = $[34];
+  }
+  let t9;
+  if ($[35] !== ariaDescribedBy || $[36] !== auxiliaryLabel || $[37] !== characterCountPosition || $[38] !== endSlot || $[39] !== hidden || $[40] !== id || $[41] !== label || $[42] !== maxLength || $[43] !== maxWidth || $[44] !== message || $[45] !== t7 || $[46] !== t8 || $[47] !== tone || $[48] !== value || $[49] !== variant) {
+    t9 = /*#__PURE__*/React.createElement(BaseField, {
+      variant: variant,
+      id: id,
+      label: label,
+      value: value,
+      auxiliaryLabel: auxiliaryLabel,
+      message: message,
+      tone: tone,
+      maxWidth: maxWidth,
+      maxLength: maxLength,
+      hidden: hidden,
+      "aria-describedby": ariaDescribedBy,
+      characterCountPosition: characterCountPosition,
+      supportsStartAndEndSlots: true,
+      endSlot: endSlot,
+      endSlotPosition: t7
+    }, t8);
+    $[35] = ariaDescribedBy;
+    $[36] = auxiliaryLabel;
+    $[37] = characterCountPosition;
+    $[38] = endSlot;
+    $[39] = hidden;
+    $[40] = id;
+    $[41] = label;
+    $[42] = maxLength;
+    $[43] = maxWidth;
+    $[44] = message;
+    $[45] = t7;
+    $[46] = t8;
+    $[47] = tone;
+    $[48] = value;
+    $[49] = variant;
+    $[50] = t9;
+  } else {
+    t9 = $[50];
+  }
+  return t9;
 });
 
 export { TextField };