@infomaximum/ui-kit 0.9.1

package/dist/components/Input/Input.js

@@ -0,0 +1,163 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { forwardRef, useRef, memo, Fragment } from "react";
+import { InputPassword } from "./components/InputPassword/InputPassword.js";
+import { InputTextArea } from "./components/InputTextArea/InputTextArea.js";
+import { isString } from "lodash-es";
+import { CloseCircleFilled } from "@infomaximum/icons";
+import { emptyString } from "../../utils/const/index.js";
+import { prefixStyle, prefixSuffixStyle, suffixStyle, getClearIconWrapperStyle, getAddonStyle, nonStringAddonStyle, inputGroupClassName, addonWrapperStyle, getAffixWrapperStyle, affixedInputStyle, getSharedInputStyle, getBaseInputStyle } from "./Input.styles.js";
+import { getInputTokens } from "./Input.tokens.js";
+import { useMergeRefs } from "@floating-ui/react";
+import { useTheme } from "../../hooks/useTheme/useTheme.js";
+import { useRemovePasswordTimeout } from "./hooks/useRemovePasswordTimeout/useRemovePasswordTimeout.js";
+import { useKeyboardEvents } from "./hooks/useKeyboardEvents/useKeyboardEvents.js";
+import { useMergedState } from "./hooks/useMergeState/useMergeState.js";
+import { resolveOnChange } from "./utils/resolveOnChange/resolveOnChange.js";
+const InputComponent = forwardRef((props, ref) => {
+  const {
+    type = "text",
+    disabled,
+    readOnly,
+    prefix: prefixProp,
+    suffix: suffixProp,
+    allowClear,
+    addonBefore: addonBeforeProp,
+    addonAfter: addonAfterProp,
+    status,
+    defaultValue,
+    value: valueProp,
+    style,
+    onChange,
+    onClear,
+    onFocus,
+    onBlur: onBlurProp,
+    onPressEnter,
+    onKeyDown: onKeyDownProp,
+    onKeyUp: onKeyUpProp,
+    ...restProps
+  } = props;
+  const theme = useTheme();
+  const inputTokens = getInputTokens(theme);
+  const inputRef = useRef(null);
+  const affixWrapperRef = useRef(null);
+  const mergedRef = useMergeRefs([inputRef, ref]);
+  const errorStatus = status === "error";
+  const hasAffix = Boolean(prefixProp) || Boolean(suffixProp) || allowClear;
+  const hasAddon = Boolean(addonBeforeProp) || Boolean(addonAfterProp);
+  const AffixWrapper = hasAffix ? "span" : Fragment;
+  const AddonWrapper = hasAddon ? "span" : Fragment;
+  const {
+    removePasswordTimeout
+  } = useRemovePasswordTimeout({
+    inputRef,
+    type
+  });
+  const {
+    onKeyDown,
+    onKeyUp,
+    onBlur
+  } = useKeyboardEvents({
+    onPressEnter,
+    onKeyDown: onKeyDownProp,
+    onKeyUp: onKeyUpProp,
+    onBlur: onBlurProp,
+    disabled
+  });
+  const [value, setValue] = useMergedState(defaultValue, {
+    value: valueProp
+  });
+  const formattedValue = value === void 0 || value === null ? emptyString : value;
+  const handleClearIconWrapperClick = (e) => {
+    handleReset(e);
+    onClear == null ? void 0 : onClear();
+  };
+  const handleReset = (e) => {
+    setValue(emptyString);
+    resolveOnChange(inputRef.current, e, onChange);
+  };
+  const handleAffixWrapperClick = (e) => {
+    var _a, _b;
+    if (e.target instanceof Node && ((_a = affixWrapperRef.current) == null ? void 0 : _a.contains(e.target))) {
+      (_b = inputRef.current) == null ? void 0 : _b.focus();
+    }
+  };
+  const handleFocus = (e) => {
+    removePasswordTimeout();
+    onFocus == null ? void 0 : onFocus(e);
+  };
+  const handleBlur = (e) => {
+    removePasswordTimeout();
+    onBlur(e);
+  };
+  const handleChange = (e) => {
+    setValue(e.target.value);
+    removePasswordTimeout();
+    resolveOnChange(inputRef.current, e, onChange, e.target.value);
+  };
+  const prefix = (() => {
+    if (!prefixProp) {
+      return;
+    }
+    return /* @__PURE__ */ jsx("span", { css: [prefixStyle(theme), isString(prefixProp) ? {} : prefixSuffixStyle(theme), process.env.NODE_ENV === "production" ? "" : ";label:prefix;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvSW5wdXQvSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdJWSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0lucHV0L0lucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgTW91c2VFdmVudEhhbmRsZXIsXG4gIHR5cGUgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBtZW1vLFxuICBGcmFnbWVudCxcbiAgdXNlUmVmLFxuICBmb3J3YXJkUmVmLFxuICB0eXBlIE1lbW9FeG90aWNDb21wb25lbnQsXG4gIHR5cGUgRm9yd2FyZFJlZkV4b3RpY0NvbXBvbmVudCxcbiAgdHlwZSBSZWZBdHRyaWJ1dGVzLFxuICB0eXBlIEZvY3VzRXZlbnRIYW5kbGVyLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgSW5wdXRQcm9wcywgV2l0aFBhc3N3b3JkLCBXaXRoVGV4dEFyZWEgfSBmcm9tIFwiLi9JbnB1dC50eXBlc1wiO1xuaW1wb3J0IHsgSW5wdXRQYXNzd29yZCB9IGZyb20gXCIuL2NvbXBvbmVudHMvSW5wdXRQYXNzd29yZC9JbnB1dFBhc3N3b3JkXCI7XG5pbXBvcnQgeyBJbnB1dFRleHRBcmVhIH0gZnJvbSBcIi4vY29tcG9uZW50cy9JbnB1dFRleHRBcmVhL0lucHV0VGV4dEFyZWFcIjtcbmltcG9ydCB7IHVzZU1lcmdlZFN0YXRlIH0gZnJvbSBcIi4vaG9va3MvdXNlTWVyZ2VTdGF0ZVwiO1xuaW1wb3J0IHsgaXNTdHJpbmcgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQgeyBDbG9zZUNpcmNsZUZpbGxlZCB9IGZyb20gXCJAaW5mb21heGltdW0vaWNvbnNcIjtcbmltcG9ydCB7IGVtcHR5U3RyaW5nIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZEV2ZW50cyB9IGZyb20gXCIuL2hvb2tzL3VzZUtleWJvYXJkRXZlbnRzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHtcbiAgYWRkb25XcmFwcGVyU3R5bGUsXG4gIGFmZml4ZWRJbnB1dFN0eWxlLFxuICBnZXRBZGRvblN0eWxlLFxuICBnZXRBZmZpeFdyYXBwZXJTdHlsZSxcbiAgZ2V0QmFzZUlucHV0U3R5bGUsXG4gIGdldENsZWFySWNvbldyYXBwZXJTdHlsZSxcbiAgZ2V0U2hhcmVkSW5wdXRTdHlsZSxcbiAgaW5wdXRHcm91cENsYXNzTmFtZSxcbiAgbm9uU3RyaW5nQWRkb25TdHlsZSxcbiAgcHJlZml4U3R5bGUsXG4gIHByZWZpeFN1ZmZpeFN0eWxlLFxuICBzdWZmaXhTdHlsZSxcbn0gZnJvbSBcIi4vSW5wdXQuc3R5bGVzXCI7XG5pbXBvcnQgeyBnZXRJbnB1dFRva2VucyB9IGZyb20gXCIuL0lucHV0LnRva2Vuc1wiO1xuaW1wb3J0IHsgdXNlTWVyZ2VSZWZzIH0gZnJvbSBcIkBmbG9hdGluZy11aS9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlUmVtb3ZlUGFzc3dvcmRUaW1lb3V0IH0gZnJvbSBcIi4vaG9va3MvdXNlUmVtb3ZlUGFzc3dvcmRUaW1lb3V0XCI7XG5pbXBvcnQgeyByZXNvbHZlT25DaGFuZ2UgfSBmcm9tIFwiLi91dGlscy9yZXNvbHZlT25DaGFuZ2VcIjtcblxuY29uc3QgSW5wdXRDb21wb25lbnQgPSBmb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIElucHV0UHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICB0eXBlID0gXCJ0ZXh0XCIsXG4gICAgZGlzYWJsZWQsXG4gICAgcmVhZE9ubHksXG4gICAgcHJlZml4OiBwcmVmaXhQcm9wLFxuICAgIHN1ZmZpeDogc3VmZml4UHJvcCxcbiAgICBhbGxvd0NsZWFyLFxuICAgIGFkZG9uQmVmb3JlOiBhZGRvbkJlZm9yZVByb3AsXG4gICAgYWRkb25BZnRlcjogYWRkb25BZnRlclByb3AsXG4gICAgc3RhdHVzLFxuICAgIGRlZmF1bHRWYWx1ZSxcbiAgICB2YWx1ZTogdmFsdWVQcm9wLFxuICAgIHN0eWxlLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uQ2xlYXIsXG4gICAgb25Gb2N1cyxcbiAgICBvbkJsdXI6IG9uQmx1clByb3AsXG4gICAgb25QcmVzc0VudGVyLFxuICAgIG9uS2V5RG93bjogb25LZXlEb3duUHJvcCxcbiAgICBvbktleVVwOiBvbktleVVwUHJvcCxcbiAgICAuLi5yZXN0UHJvcHNcbiAgfSA9IHByb3BzO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IGlucHV0VG9rZW5zID0gZ2V0SW5wdXRUb2tlbnModGhlbWUpO1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcbiAgY29uc3QgYWZmaXhXcmFwcGVyUmVmID0gdXNlUmVmPEhUTUxTcGFuRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IG1lcmdlZFJlZiA9IHVzZU1lcmdlUmVmcyhbaW5wdXRSZWYsIHJlZl0pO1xuICBjb25zdCBlcnJvclN0YXR1cyA9IHN0YXR1cyA9PT0gXCJlcnJvclwiO1xuICBjb25zdCBoYXNBZmZpeCA9IEJvb2xlYW4ocHJlZml4UHJvcCkgfHwgQm9vbGVhbihzdWZmaXhQcm9wKSB8fCBhbGxvd0NsZWFyO1xuICBjb25zdCBoYXNBZGRvbiA9IEJvb2xlYW4oYWRkb25CZWZvcmVQcm9wKSB8fCBCb29sZWFuKGFkZG9uQWZ0ZXJQcm9wKTtcbiAgY29uc3QgQWZmaXhXcmFwcGVyID0gaGFzQWZmaXggPyBcInNwYW5cIiA6IEZyYWdtZW50O1xuICBjb25zdCBBZGRvbldyYXBwZXIgPSBoYXNBZGRvbiA/IFwic3BhblwiIDogRnJhZ21lbnQ7XG4gIGNvbnN0IHsgcmVtb3ZlUGFzc3dvcmRUaW1lb3V0IH0gPSB1c2VSZW1vdmVQYXNzd29yZFRpbWVvdXQoe1xuICAgIGlucHV0UmVmLFxuICAgIHR5cGUsXG4gIH0pO1xuICBjb25zdCB7IG9uS2V5RG93biwgb25LZXlVcCwgb25CbHVyIH0gPSB1c2VLZXlib2FyZEV2ZW50cyh7XG4gICAgb25QcmVzc0VudGVyLFxuICAgIG9uS2V5RG93bjogb25LZXlEb3duUHJvcCxcbiAgICBvbktleVVwOiBvbktleVVwUHJvcCxcbiAgICBvbkJsdXI6IG9uQmx1clByb3AsXG4gICAgZGlzYWJsZWQsXG4gIH0pO1xuXG4gIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlTWVyZ2VkU3RhdGUoZGVmYXVsdFZhbHVlLCB7XG4gICAgdmFsdWU6IHZhbHVlUHJvcCxcbiAgfSk7XG4gIGNvbnN0IGZvcm1hdHRlZFZhbHVlID0gdmFsdWUgPT09IHVuZGVmaW5lZCB8fCB2YWx1ZSA9PT0gbnVsbCA/IGVtcHR5U3RyaW5nIDogdmFsdWU7XG5cbiAgY29uc3QgaGFuZGxlQ2xlYXJJY29uV3JhcHBlckNsaWNrOiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD4gPSAoZSkgPT4ge1xuICAgIGhhbmRsZVJlc2V0KGUpO1xuICAgIG9uQ2xlYXI/LigpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZVJlc2V0OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD4gPSAoZSkgPT4ge1xuICAgIHNldFZhbHVlKGVtcHR5U3RyaW5nKTtcbiAgICByZXNvbHZlT25DaGFuZ2UoaW5wdXRSZWYuY3VycmVudCwgZSwgb25DaGFuZ2UpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUFmZml4V3JhcHBlckNsaWNrOiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MU3BhbkVsZW1lbnQ+ID0gKGUpID0+IHtcbiAgICBpZiAoZS50YXJnZXQgaW5zdGFuY2VvZiBOb2RlICYmIGFmZml4V3JhcHBlclJlZi5jdXJyZW50Py5jb250YWlucyhlLnRhcmdldCkpIHtcbiAgICAgIGlucHV0UmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUZvY3VzOiBGb2N1c0V2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PiA9IChlKSA9PiB7XG4gICAgcmVtb3ZlUGFzc3dvcmRUaW1lb3V0KCk7XG4gICAgb25Gb2N1cz8uKGUpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUJsdXI6IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+ID0gKGUpID0+IHtcbiAgICByZW1vdmVQYXNzd29yZFRpbWVvdXQoKTtcbiAgICBvbkJsdXIoZSk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD4gPSAoZSkgPT4ge1xuICAgIHNldFZhbHVlKGUudGFyZ2V0LnZhbHVlKTtcbiAgICByZW1vdmVQYXNzd29yZFRpbWVvdXQoKTtcbiAgICByZXNvbHZlT25DaGFuZ2UoaW5wdXRSZWYuY3VycmVudCwgZSwgb25DaGFuZ2UsIGUudGFyZ2V0LnZhbHVlKTtcbiAgfTtcblxuICBjb25zdCBwcmVmaXggPSAoKCkgPT4ge1xuICAgIGlmICghcHJlZml4UHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhbiBjc3M9e1twcmVmaXhTdHlsZSh0aGVtZSksIGlzU3RyaW5nKHByZWZpeFByb3ApID8ge30gOiBwcmVmaXhTdWZmaXhTdHlsZSh0aGVtZSldfT5cbiAgICAgICAge3ByZWZpeFByb3B9XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfSkoKTtcblxuICBjb25zdCBzdWZmaXggPSAoKCkgPT4ge1xuICAgIGlmICghc3VmZml4UHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhbiBjc3M9e1tzdWZmaXhTdHlsZSh0aGVtZSksIGlzU3RyaW5nKHN1ZmZpeFByb3ApID8ge30gOiBwcmVmaXhTdWZmaXhTdHlsZSh0aGVtZSldfT5cbiAgICAgICAge3N1ZmZpeFByb3B9XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfSkoKTtcblxuICBjb25zdCBjbGVhckljb24gPSAoKCkgPT4ge1xuICAgIGlmICghYWxsb3dDbGVhcikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IG5lZWRDbGVhciA9ICFkaXNhYmxlZCAmJiAhcmVhZE9ubHkgJiYgQm9vbGVhbihmb3JtYXR0ZWRWYWx1ZSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGVhckljb25XcmFwcGVyQ2xpY2t9XG4gICAgICAgIC8vIERvIG5vdCB0cmlnZ2VyIG9uQmx1ciB3aGVuIGNsZWFyIGlucHV0XG4gICAgICAgIC8vIGh0dHBzOi8vZ2l0aHViLmNvbS9hbnQtZGVzaWduL2FudC1kZXNpZ24vaXNzdWVzLzMxMjAwXG4gICAgICAgIG9uTW91c2VEb3duPXsoZSkgPT4gZS5wcmV2ZW50RGVmYXVsdCgpfVxuICAgICAgICBjc3M9e2dldENsZWFySWNvbldyYXBwZXJTdHlsZShuZWVkQ2xlYXIpKHRoZW1lKX1cbiAgICAgID5cbiAgICAgICAgPENsb3NlQ2lyY2xlRmlsbGVkIC8+XG4gICAgICA8L2J1dHRvbj5cbiAgICApO1xuICB9KSgpO1xuXG4gIGNvbnN0IGFkZG9uQmVmb3JlID0gKCgpID0+IHtcbiAgICBpZiAoIWFkZG9uQmVmb3JlUHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBnZXRBZGRvblN0eWxlKGlucHV0VG9rZW5zLCBkaXNhYmxlZCkodGhlbWUpLFxuICAgICAgICAgIGlzU3RyaW5nKGFkZG9uQmVmb3JlUHJvcCkgPyB7fSA6IG5vblN0cmluZ0FkZG9uU3R5bGUodGhlbWUpLFxuICAgICAgICBdfVxuICAgICAgPlxuICAgICAgICB7YWRkb25CZWZvcmVQcm9wfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0pKCk7XG5cbiAgY29uc3QgYWRkb25BZnRlciA9ICgoKSA9PiB7XG4gICAgaWYgKCFhZGRvbkFmdGVyUHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBnZXRBZGRvblN0eWxlKGlucHV0VG9rZW5zLCBkaXNhYmxlZCkodGhlbWUpLFxuICAgICAgICAgIGlzU3RyaW5nKGFkZG9uQWZ0ZXJQcm9wKSA/IHt9IDogbm9uU3RyaW5nQWRkb25TdHlsZSh0aGVtZSksXG4gICAgICAgIF19XG4gICAgICA+XG4gICAgICAgIHthZGRvbkFmdGVyUHJvcH1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9KSgpO1xuXG4gIHJldHVybiAoXG4gICAgPEFkZG9uV3JhcHBlclxuICAgICAgey4uLihoYXNBZGRvblxuICAgICAgICA/IHtcbiAgICAgICAgICAgIGNsYXNzTmFtZTogaW5wdXRHcm91cENsYXNzTmFtZSxcbiAgICAgICAgICAgIGNzczogYWRkb25XcmFwcGVyU3R5bGUsXG4gICAgICAgICAgICBzdHlsZSxcbiAgICAgICAgICB9XG4gICAgICAgIDoge30pfVxuICAgID5cbiAgICAgIHthZGRvbkJlZm9yZX1cbiAgICAgIDxBZmZpeFdyYXBwZXJcbiAgICAgICAgey4uLihoYXNBZmZpeFxuICAgICAgICAgID8ge1xuICAgICAgICAgICAgICByZWY6IGFmZml4V3JhcHBlclJlZixcbiAgICAgICAgICAgICAgY3NzOiBnZXRBZmZpeFdyYXBwZXJTdHlsZShpbnB1dFRva2VucywgZXJyb3JTdGF0dXMsIGRpc2FibGVkKSh0aGVtZSksXG4gICAgICAgICAgICAgIG9uQ2xpY2s6IGhhbmRsZUFmZml4V3JhcHBlckNsaWNrLFxuICAgICAgICAgICAgICBzdHlsZTogaGFzQWRkb24gPyB1bmRlZmluZWQgOiBzdHlsZSxcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHt9KX1cbiAgICAgID5cbiAgICAgICAge3ByZWZpeH1cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgey4uLnJlc3RQcm9wc31cbiAgICAgICAgICByZWY9e21lcmdlZFJlZn1cbiAgICAgICAgICBzdHlsZT17aGFzQWRkb24gfHwgaGFzQWZmaXggPyB1bmRlZmluZWQgOiBzdHlsZX1cbiAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgdmFsdWU9e2Zvcm1hdHRlZFZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgb25CbHVyPXtoYW5kbGVCbHVyfVxuICAgICAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgICAgIG9uS2V5VXA9e29uS2V5VXB9XG4gICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICBoYXNBZmZpeFxuICAgICAgICAgICAgICA/IGFmZml4ZWRJbnB1dFN0eWxlXG4gICAgICAgICAgICAgIDogZ2V0U2hhcmVkSW5wdXRTdHlsZShpbnB1dFRva2VucywgZXJyb3JTdGF0dXMsIGRpc2FibGVkLCB0aGVtZSksXG4gICAgICAgICAgICBnZXRCYXNlSW5wdXRTdHlsZShpbnB1dFRva2VucywgZGlzYWJsZWQpLFxuICAgICAgICAgIF19XG4gICAgICAgIC8+XG4gICAgICAgIHtjbGVhckljb259XG4gICAgICAgIHtzdWZmaXh9XG4gICAgICA8L0FmZml4V3JhcHBlcj5cbiAgICAgIHthZGRvbkFmdGVyfVxuICAgIDwvQWRkb25XcmFwcGVyPlxuICApO1xufSk7XG5cbmV4cG9ydCBjb25zdCBJbnB1dCA9IG1lbW8oSW5wdXRDb21wb25lbnQpIGFzIE1lbW9FeG90aWNDb21wb25lbnQ8XG4gIEZvcndhcmRSZWZFeG90aWNDb21wb25lbnQ8SW5wdXRQcm9wcyAmIFJlZkF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4+XG4+ICZcbiAgV2l0aFBhc3N3b3JkICZcbiAgV2l0aFRleHRBcmVhO1xuXG5JbnB1dC5QYXNzd29yZCA9IElucHV0UGFzc3dvcmQ7XG5JbnB1dC5UZXh0QXJlYSA9IElucHV0VGV4dEFyZWE7XG4iXX0= */"], children: prefixProp });
+  })();
+  const suffix = (() => {
+    if (!suffixProp) {
+      return;
+    }
+    return /* @__PURE__ */ jsx("span", { css: [suffixStyle(theme), isString(suffixProp) ? {} : prefixSuffixStyle(theme), process.env.NODE_ENV === "production" ? "" : ";label:suffix;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvSW5wdXQvSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRJWSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0lucHV0L0lucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgTW91c2VFdmVudEhhbmRsZXIsXG4gIHR5cGUgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBtZW1vLFxuICBGcmFnbWVudCxcbiAgdXNlUmVmLFxuICBmb3J3YXJkUmVmLFxuICB0eXBlIE1lbW9FeG90aWNDb21wb25lbnQsXG4gIHR5cGUgRm9yd2FyZFJlZkV4b3RpY0NvbXBvbmVudCxcbiAgdHlwZSBSZWZBdHRyaWJ1dGVzLFxuICB0eXBlIEZvY3VzRXZlbnRIYW5kbGVyLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgSW5wdXRQcm9wcywgV2l0aFBhc3N3b3JkLCBXaXRoVGV4dEFyZWEgfSBmcm9tIFwiLi9JbnB1dC50eXBlc1wiO1xuaW1wb3J0IHsgSW5wdXRQYXNzd29yZCB9IGZyb20gXCIuL2NvbXBvbmVudHMvSW5wdXRQYXNzd29yZC9JbnB1dFBhc3N3b3JkXCI7XG5pbXBvcnQgeyBJbnB1dFRleHRBcmVhIH0gZnJvbSBcIi4vY29tcG9uZW50cy9JbnB1dFRleHRBcmVhL0lucHV0VGV4dEFyZWFcIjtcbmltcG9ydCB7IHVzZU1lcmdlZFN0YXRlIH0gZnJvbSBcIi4vaG9va3MvdXNlTWVyZ2VTdGF0ZVwiO1xuaW1wb3J0IHsgaXNTdHJpbmcgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQgeyBDbG9zZUNpcmNsZUZpbGxlZCB9IGZyb20gXCJAaW5mb21heGltdW0vaWNvbnNcIjtcbmltcG9ydCB7IGVtcHR5U3RyaW5nIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZEV2ZW50cyB9IGZyb20gXCIuL2hvb2tzL3VzZUtleWJvYXJkRXZlbnRzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHtcbiAgYWRkb25XcmFwcGVyU3R5bGUsXG4gIGFmZml4ZWRJbnB1dFN0eWxlLFxuICBnZXRBZGRvblN0eWxlLFxuICBnZXRBZmZpeFdyYXBwZXJTdHlsZSxcbiAgZ2V0QmFzZUlucHV0U3R5bGUsXG4gIGdldENsZWFySWNvbldyYXBwZXJTdHlsZSxcbiAgZ2V0U2hhcmVkSW5wdXRTdHlsZSxcbiAgaW5wdXRHcm91cENsYXNzTmFtZSxcbiAgbm9uU3RyaW5nQWRkb25TdHlsZSxcbiAgcHJlZml4U3R5bGUsXG4gIHByZWZpeFN1ZmZpeFN0eWxlLFxuICBzdWZmaXhTdHlsZSxcbn0gZnJvbSBcIi4vSW5wdXQuc3R5bGVzXCI7XG5pbXBvcnQgeyBnZXRJbnB1dFRva2VucyB9IGZyb20gXCIuL0lucHV0LnRva2Vuc1wiO1xuaW1wb3J0IHsgdXNlTWVyZ2VSZWZzIH0gZnJvbSBcIkBmbG9hdGluZy11aS9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlUmVtb3ZlUGFzc3dvcmRUaW1lb3V0IH0gZnJvbSBcIi4vaG9va3MvdXNlUmVtb3ZlUGFzc3dvcmRUaW1lb3V0XCI7XG5pbXBvcnQgeyByZXNvbHZlT25DaGFuZ2UgfSBmcm9tIFwiLi91dGlscy9yZXNvbHZlT25DaGFuZ2VcIjtcblxuY29uc3QgSW5wdXRDb21wb25lbnQgPSBmb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIElucHV0UHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICB0eXBlID0gXCJ0ZXh0XCIsXG4gICAgZGlzYWJsZWQsXG4gICAgcmVhZE9ubHksXG4gICAgcHJlZml4OiBwcmVmaXhQcm9wLFxuICAgIHN1ZmZpeDogc3VmZml4UHJvcCxcbiAgICBhbGxvd0NsZWFyLFxuICAgIGFkZG9uQmVmb3JlOiBhZGRvbkJlZm9yZVByb3AsXG4gICAgYWRkb25BZnRlcjogYWRkb25BZnRlclByb3AsXG4gICAgc3RhdHVzLFxuICAgIGRlZmF1bHRWYWx1ZSxcbiAgICB2YWx1ZTogdmFsdWVQcm9wLFxuICAgIHN0eWxlLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uQ2xlYXIsXG4gICAgb25Gb2N1cyxcbiAgICBvbkJsdXI6IG9uQmx1clByb3AsXG4gICAgb25QcmVzc0VudGVyLFxuICAgIG9uS2V5RG93bjogb25LZXlEb3duUHJvcCxcbiAgICBvbktleVVwOiBvbktleVVwUHJvcCxcbiAgICAuLi5yZXN0UHJvcHNcbiAgfSA9IHByb3BzO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IGlucHV0VG9rZW5zID0gZ2V0SW5wdXRUb2tlbnModGhlbWUpO1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcbiAgY29uc3QgYWZmaXhXcmFwcGVyUmVmID0gdXNlUmVmPEhUTUxTcGFuRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IG1lcmdlZFJlZiA9IHVzZU1lcmdlUmVmcyhbaW5wdXRSZWYsIHJlZl0pO1xuICBjb25zdCBlcnJvclN0YXR1cyA9IHN0YXR1cyA9PT0gXCJlcnJvclwiO1xuICBjb25zdCBoYXNBZmZpeCA9IEJvb2xlYW4ocHJlZml4UHJvcCkgfHwgQm9vbGVhbihzdWZmaXhQcm9wKSB8fCBhbGxvd0NsZWFyO1xuICBjb25zdCBoYXNBZGRvbiA9IEJvb2xlYW4oYWRkb25CZWZvcmVQcm9wKSB8fCBCb29sZWFuKGFkZG9uQWZ0ZXJQcm9wKTtcbiAgY29uc3QgQWZmaXhXcmFwcGVyID0gaGFzQWZmaXggPyBcInNwYW5cIiA6IEZyYWdtZW50O1xuICBjb25zdCBBZGRvbldyYXBwZXIgPSBoYXNBZGRvbiA/IFwic3BhblwiIDogRnJhZ21lbnQ7XG4gIGNvbnN0IHsgcmVtb3ZlUGFzc3dvcmRUaW1lb3V0IH0gPSB1c2VSZW1vdmVQYXNzd29yZFRpbWVvdXQoe1xuICAgIGlucHV0UmVmLFxuICAgIHR5cGUsXG4gIH0pO1xuICBjb25zdCB7IG9uS2V5RG93biwgb25LZXlVcCwgb25CbHVyIH0gPSB1c2VLZXlib2FyZEV2ZW50cyh7XG4gICAgb25QcmVzc0VudGVyLFxuICAgIG9uS2V5RG93bjogb25LZXlEb3duUHJvcCxcbiAgICBvbktleVVwOiBvbktleVVwUHJvcCxcbiAgICBvbkJsdXI6IG9uQmx1clByb3AsXG4gICAgZGlzYWJsZWQsXG4gIH0pO1xuXG4gIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlTWVyZ2VkU3RhdGUoZGVmYXVsdFZhbHVlLCB7XG4gICAgdmFsdWU6IHZhbHVlUHJvcCxcbiAgfSk7XG4gIGNvbnN0IGZvcm1hdHRlZFZhbHVlID0gdmFsdWUgPT09IHVuZGVmaW5lZCB8fCB2YWx1ZSA9PT0gbnVsbCA/IGVtcHR5U3RyaW5nIDogdmFsdWU7XG5cbiAgY29uc3QgaGFuZGxlQ2xlYXJJY29uV3JhcHBlckNsaWNrOiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD4gPSAoZSkgPT4ge1xuICAgIGhhbmRsZVJlc2V0KGUpO1xuICAgIG9uQ2xlYXI/LigpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZVJlc2V0OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD4gPSAoZSkgPT4ge1xuICAgIHNldFZhbHVlKGVtcHR5U3RyaW5nKTtcbiAgICByZXNvbHZlT25DaGFuZ2UoaW5wdXRSZWYuY3VycmVudCwgZSwgb25DaGFuZ2UpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUFmZml4V3JhcHBlckNsaWNrOiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MU3BhbkVsZW1lbnQ+ID0gKGUpID0+IHtcbiAgICBpZiAoZS50YXJnZXQgaW5zdGFuY2VvZiBOb2RlICYmIGFmZml4V3JhcHBlclJlZi5jdXJyZW50Py5jb250YWlucyhlLnRhcmdldCkpIHtcbiAgICAgIGlucHV0UmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUZvY3VzOiBGb2N1c0V2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PiA9IChlKSA9PiB7XG4gICAgcmVtb3ZlUGFzc3dvcmRUaW1lb3V0KCk7XG4gICAgb25Gb2N1cz8uKGUpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUJsdXI6IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+ID0gKGUpID0+IHtcbiAgICByZW1vdmVQYXNzd29yZFRpbWVvdXQoKTtcbiAgICBvbkJsdXIoZSk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD4gPSAoZSkgPT4ge1xuICAgIHNldFZhbHVlKGUudGFyZ2V0LnZhbHVlKTtcbiAgICByZW1vdmVQYXNzd29yZFRpbWVvdXQoKTtcbiAgICByZXNvbHZlT25DaGFuZ2UoaW5wdXRSZWYuY3VycmVudCwgZSwgb25DaGFuZ2UsIGUudGFyZ2V0LnZhbHVlKTtcbiAgfTtcblxuICBjb25zdCBwcmVmaXggPSAoKCkgPT4ge1xuICAgIGlmICghcHJlZml4UHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhbiBjc3M9e1twcmVmaXhTdHlsZSh0aGVtZSksIGlzU3RyaW5nKHByZWZpeFByb3ApID8ge30gOiBwcmVmaXhTdWZmaXhTdHlsZSh0aGVtZSldfT5cbiAgICAgICAge3ByZWZpeFByb3B9XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfSkoKTtcblxuICBjb25zdCBzdWZmaXggPSAoKCkgPT4ge1xuICAgIGlmICghc3VmZml4UHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhbiBjc3M9e1tzdWZmaXhTdHlsZSh0aGVtZSksIGlzU3RyaW5nKHN1ZmZpeFByb3ApID8ge30gOiBwcmVmaXhTdWZmaXhTdHlsZSh0aGVtZSldfT5cbiAgICAgICAge3N1ZmZpeFByb3B9XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfSkoKTtcblxuICBjb25zdCBjbGVhckljb24gPSAoKCkgPT4ge1xuICAgIGlmICghYWxsb3dDbGVhcikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IG5lZWRDbGVhciA9ICFkaXNhYmxlZCAmJiAhcmVhZE9ubHkgJiYgQm9vbGVhbihmb3JtYXR0ZWRWYWx1ZSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGVhckljb25XcmFwcGVyQ2xpY2t9XG4gICAgICAgIC8vIERvIG5vdCB0cmlnZ2VyIG9uQmx1ciB3aGVuIGNsZWFyIGlucHV0XG4gICAgICAgIC8vIGh0dHBzOi8vZ2l0aHViLmNvbS9hbnQtZGVzaWduL2FudC1kZXNpZ24vaXNzdWVzLzMxMjAwXG4gICAgICAgIG9uTW91c2VEb3duPXsoZSkgPT4gZS5wcmV2ZW50RGVmYXVsdCgpfVxuICAgICAgICBjc3M9e2dldENsZWFySWNvbldyYXBwZXJTdHlsZShuZWVkQ2xlYXIpKHRoZW1lKX1cbiAgICAgID5cbiAgICAgICAgPENsb3NlQ2lyY2xlRmlsbGVkIC8+XG4gICAgICA8L2J1dHRvbj5cbiAgICApO1xuICB9KSgpO1xuXG4gIGNvbnN0IGFkZG9uQmVmb3JlID0gKCgpID0+IHtcbiAgICBpZiAoIWFkZG9uQmVmb3JlUHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBnZXRBZGRvblN0eWxlKGlucHV0VG9rZW5zLCBkaXNhYmxlZCkodGhlbWUpLFxuICAgICAgICAgIGlzU3RyaW5nKGFkZG9uQmVmb3JlUHJvcCkgPyB7fSA6IG5vblN0cmluZ0FkZG9uU3R5bGUodGhlbWUpLFxuICAgICAgICBdfVxuICAgICAgPlxuICAgICAgICB7YWRkb25CZWZvcmVQcm9wfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0pKCk7XG5cbiAgY29uc3QgYWRkb25BZnRlciA9ICgoKSA9PiB7XG4gICAgaWYgKCFhZGRvbkFmdGVyUHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBnZXRBZGRvblN0eWxlKGlucHV0VG9rZW5zLCBkaXNhYmxlZCkodGhlbWUpLFxuICAgICAgICAgIGlzU3RyaW5nKGFkZG9uQWZ0ZXJQcm9wKSA/IHt9IDogbm9uU3RyaW5nQWRkb25TdHlsZSh0aGVtZSksXG4gICAgICAgIF19XG4gICAgICA+XG4gICAgICAgIHthZGRvbkFmdGVyUHJvcH1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9KSgpO1xuXG4gIHJldHVybiAoXG4gICAgPEFkZG9uV3JhcHBlclxuICAgICAgey4uLihoYXNBZGRvblxuICAgICAgICA/IHtcbiAgICAgICAgICAgIGNsYXNzTmFtZTogaW5wdXRHcm91cENsYXNzTmFtZSxcbiAgICAgICAgICAgIGNzczogYWRkb25XcmFwcGVyU3R5bGUsXG4gICAgICAgICAgICBzdHlsZSxcbiAgICAgICAgICB9XG4gICAgICAgIDoge30pfVxuICAgID5cbiAgICAgIHthZGRvbkJlZm9yZX1cbiAgICAgIDxBZmZpeFdyYXBwZXJcbiAgICAgICAgey4uLihoYXNBZmZpeFxuICAgICAgICAgID8ge1xuICAgICAgICAgICAgICByZWY6IGFmZml4V3JhcHBlclJlZixcbiAgICAgICAgICAgICAgY3NzOiBnZXRBZmZpeFdyYXBwZXJTdHlsZShpbnB1dFRva2VucywgZXJyb3JTdGF0dXMsIGRpc2FibGVkKSh0aGVtZSksXG4gICAgICAgICAgICAgIG9uQ2xpY2s6IGhhbmRsZUFmZml4V3JhcHBlckNsaWNrLFxuICAgICAgICAgICAgICBzdHlsZTogaGFzQWRkb24gPyB1bmRlZmluZWQgOiBzdHlsZSxcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHt9KX1cbiAgICAgID5cbiAgICAgICAge3ByZWZpeH1cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgey4uLnJlc3RQcm9wc31cbiAgICAgICAgICByZWY9e21lcmdlZFJlZn1cbiAgICAgICAgICBzdHlsZT17aGFzQWRkb24gfHwgaGFzQWZmaXggPyB1bmRlZmluZWQgOiBzdHlsZX1cbiAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgdmFsdWU9e2Zvcm1hdHRlZFZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgb25CbHVyPXtoYW5kbGVCbHVyfVxuICAgICAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgICAgIG9uS2V5VXA9e29uS2V5VXB9XG4gICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICBoYXNBZmZpeFxuICAgICAgICAgICAgICA/IGFmZml4ZWRJbnB1dFN0eWxlXG4gICAgICAgICAgICAgIDogZ2V0U2hhcmVkSW5wdXRTdHlsZShpbnB1dFRva2VucywgZXJyb3JTdGF0dXMsIGRpc2FibGVkLCB0aGVtZSksXG4gICAgICAgICAgICBnZXRCYXNlSW5wdXRTdHlsZShpbnB1dFRva2VucywgZGlzYWJsZWQpLFxuICAgICAgICAgIF19XG4gICAgICAgIC8+XG4gICAgICAgIHtjbGVhckljb259XG4gICAgICAgIHtzdWZmaXh9XG4gICAgICA8L0FmZml4V3JhcHBlcj5cbiAgICAgIHthZGRvbkFmdGVyfVxuICAgIDwvQWRkb25XcmFwcGVyPlxuICApO1xufSk7XG5cbmV4cG9ydCBjb25zdCBJbnB1dCA9IG1lbW8oSW5wdXRDb21wb25lbnQpIGFzIE1lbW9FeG90aWNDb21wb25lbnQ8XG4gIEZvcndhcmRSZWZFeG90aWNDb21wb25lbnQ8SW5wdXRQcm9wcyAmIFJlZkF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4+XG4+ICZcbiAgV2l0aFBhc3N3b3JkICZcbiAgV2l0aFRleHRBcmVhO1xuXG5JbnB1dC5QYXNzd29yZCA9IElucHV0UGFzc3dvcmQ7XG5JbnB1dC5UZXh0QXJlYSA9IElucHV0VGV4dEFyZWE7XG4iXX0= */"], children: suffixProp });
+  })();
+  const clearIcon = (() => {
+    if (!allowClear) {
+      return;
+    }
+    const needClear = !disabled && !readOnly && Boolean(formattedValue);
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        tabIndex: -1,
+        onClick: handleClearIconWrapperClick,
+        onMouseDown: (e) => e.preventDefault(),
+        css: getClearIconWrapperStyle(needClear)(theme),
+        children: /* @__PURE__ */ jsx(CloseCircleFilled, {})
+      }
+    );
+  })();
+  const addonBefore = (() => {
+    if (!addonBeforeProp) {
+      return;
+    }
+    return /* @__PURE__ */ jsx("span", { css: [getAddonStyle(inputTokens, disabled)(theme), isString(addonBeforeProp) ? {} : nonStringAddonStyle(theme), process.env.NODE_ENV === "production" ? "" : ";label:addonBefore;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvSW5wdXQvSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStLUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0lucHV0L0lucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgTW91c2VFdmVudEhhbmRsZXIsXG4gIHR5cGUgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBtZW1vLFxuICBGcmFnbWVudCxcbiAgdXNlUmVmLFxuICBmb3J3YXJkUmVmLFxuICB0eXBlIE1lbW9FeG90aWNDb21wb25lbnQsXG4gIHR5cGUgRm9yd2FyZFJlZkV4b3RpY0NvbXBvbmVudCxcbiAgdHlwZSBSZWZBdHRyaWJ1dGVzLFxuICB0eXBlIEZvY3VzRXZlbnRIYW5kbGVyLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgSW5wdXRQcm9wcywgV2l0aFBhc3N3b3JkLCBXaXRoVGV4dEFyZWEgfSBmcm9tIFwiLi9JbnB1dC50eXBlc1wiO1xuaW1wb3J0IHsgSW5wdXRQYXNzd29yZCB9IGZyb20gXCIuL2NvbXBvbmVudHMvSW5wdXRQYXNzd29yZC9JbnB1dFBhc3N3b3JkXCI7XG5pbXBvcnQgeyBJbnB1dFRleHRBcmVhIH0gZnJvbSBcIi4vY29tcG9uZW50cy9JbnB1dFRleHRBcmVhL0lucHV0VGV4dEFyZWFcIjtcbmltcG9ydCB7IHVzZU1lcmdlZFN0YXRlIH0gZnJvbSBcIi4vaG9va3MvdXNlTWVyZ2VTdGF0ZVwiO1xuaW1wb3J0IHsgaXNTdHJpbmcgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQgeyBDbG9zZUNpcmNsZUZpbGxlZCB9IGZyb20gXCJAaW5mb21heGltdW0vaWNvbnNcIjtcbmltcG9ydCB7IGVtcHR5U3RyaW5nIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZEV2ZW50cyB9IGZyb20gXCIuL2hvb2tzL3VzZUtleWJvYXJkRXZlbnRzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHtcbiAgYWRkb25XcmFwcGVyU3R5bGUsXG4gIGFmZml4ZWRJbnB1dFN0eWxlLFxuICBnZXRBZGRvblN0eWxlLFxuICBnZXRBZmZpeFdyYXBwZXJTdHlsZSxcbiAgZ2V0QmFzZUlucHV0U3R5bGUsXG4gIGdldENsZWFySWNvbldyYXBwZXJTdHlsZSxcbiAgZ2V0U2hhcmVkSW5wdXRTdHlsZSxcbiAgaW5wdXRHcm91cENsYXNzTmFtZSxcbiAgbm9uU3RyaW5nQWRkb25TdHlsZSxcbiAgcHJlZml4U3R5bGUsXG4gIHByZWZpeFN1ZmZpeFN0eWxlLFxuICBzdWZmaXhTdHlsZSxcbn0gZnJvbSBcIi4vSW5wdXQuc3R5bGVzXCI7XG5pbXBvcnQgeyBnZXRJbnB1dFRva2VucyB9IGZyb20gXCIuL0lucHV0LnRva2Vuc1wiO1xuaW1wb3J0IHsgdXNlTWVyZ2VSZWZzIH0gZnJvbSBcIkBmbG9hdGluZy11aS9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlUmVtb3ZlUGFzc3dvcmRUaW1lb3V0IH0gZnJvbSBcIi4vaG9va3MvdXNlUmVtb3ZlUGFzc3dvcmRUaW1lb3V0XCI7XG5pbXBvcnQgeyByZXNvbHZlT25DaGFuZ2UgfSBmcm9tIFwiLi91dGlscy9yZXNvbHZlT25DaGFuZ2VcIjtcblxuY29uc3QgSW5wdXRDb21wb25lbnQgPSBmb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIElucHV0UHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICB0eXBlID0gXCJ0ZXh0XCIsXG4gICAgZGlzYWJsZWQsXG4gICAgcmVhZE9ubHksXG4gICAgcHJlZml4OiBwcmVmaXhQcm9wLFxuICAgIHN1ZmZpeDogc3VmZml4UHJvcCxcbiAgICBhbGxvd0NsZWFyLFxuICAgIGFkZG9uQmVmb3JlOiBhZGRvbkJlZm9yZVByb3AsXG4gICAgYWRkb25BZnRlcjogYWRkb25BZnRlclByb3AsXG4gICAgc3RhdHVzLFxuICAgIGRlZmF1bHRWYWx1ZSxcbiAgICB2YWx1ZTogdmFsdWVQcm9wLFxuICAgIHN0eWxlLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uQ2xlYXIsXG4gICAgb25Gb2N1cyxcbiAgICBvbkJsdXI6IG9uQmx1clByb3AsXG4gICAgb25QcmVzc0VudGVyLFxuICAgIG9uS2V5RG93bjogb25LZXlEb3duUHJvcCxcbiAgICBvbktleVVwOiBvbktleVVwUHJvcCxcbiAgICAuLi5yZXN0UHJvcHNcbiAgfSA9IHByb3BzO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IGlucHV0VG9rZW5zID0gZ2V0SW5wdXRUb2tlbnModGhlbWUpO1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcbiAgY29uc3QgYWZmaXhXcmFwcGVyUmVmID0gdXNlUmVmPEhUTUxTcGFuRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IG1lcmdlZFJlZiA9IHVzZU1lcmdlUmVmcyhbaW5wdXRSZWYsIHJlZl0pO1xuICBjb25zdCBlcnJvclN0YXR1cyA9IHN0YXR1cyA9PT0gXCJlcnJvclwiO1xuICBjb25zdCBoYXNBZmZpeCA9IEJvb2xlYW4ocHJlZml4UHJvcCkgfHwgQm9vbGVhbihzdWZmaXhQcm9wKSB8fCBhbGxvd0NsZWFyO1xuICBjb25zdCBoYXNBZGRvbiA9IEJvb2xlYW4oYWRkb25CZWZvcmVQcm9wKSB8fCBCb29sZWFuKGFkZG9uQWZ0ZXJQcm9wKTtcbiAgY29uc3QgQWZmaXhXcmFwcGVyID0gaGFzQWZmaXggPyBcInNwYW5cIiA6IEZyYWdtZW50O1xuICBjb25zdCBBZGRvbldyYXBwZXIgPSBoYXNBZGRvbiA/IFwic3BhblwiIDogRnJhZ21lbnQ7XG4gIGNvbnN0IHsgcmVtb3ZlUGFzc3dvcmRUaW1lb3V0IH0gPSB1c2VSZW1vdmVQYXNzd29yZFRpbWVvdXQoe1xuICAgIGlucHV0UmVmLFxuICAgIHR5cGUsXG4gIH0pO1xuICBjb25zdCB7IG9uS2V5RG93biwgb25LZXlVcCwgb25CbHVyIH0gPSB1c2VLZXlib2FyZEV2ZW50cyh7XG4gICAgb25QcmVzc0VudGVyLFxuICAgIG9uS2V5RG93bjogb25LZXlEb3duUHJvcCxcbiAgICBvbktleVVwOiBvbktleVVwUHJvcCxcbiAgICBvbkJsdXI6IG9uQmx1clByb3AsXG4gICAgZGlzYWJsZWQsXG4gIH0pO1xuXG4gIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlTWVyZ2VkU3RhdGUoZGVmYXVsdFZhbHVlLCB7XG4gICAgdmFsdWU6IHZhbHVlUHJvcCxcbiAgfSk7XG4gIGNvbnN0IGZvcm1hdHRlZFZhbHVlID0gdmFsdWUgPT09IHVuZGVmaW5lZCB8fCB2YWx1ZSA9PT0gbnVsbCA/IGVtcHR5U3RyaW5nIDogdmFsdWU7XG5cbiAgY29uc3QgaGFuZGxlQ2xlYXJJY29uV3JhcHBlckNsaWNrOiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD4gPSAoZSkgPT4ge1xuICAgIGhhbmRsZVJlc2V0KGUpO1xuICAgIG9uQ2xlYXI/LigpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZVJlc2V0OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD4gPSAoZSkgPT4ge1xuICAgIHNldFZhbHVlKGVtcHR5U3RyaW5nKTtcbiAgICByZXNvbHZlT25DaGFuZ2UoaW5wdXRSZWYuY3VycmVudCwgZSwgb25DaGFuZ2UpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUFmZml4V3JhcHBlckNsaWNrOiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MU3BhbkVsZW1lbnQ+ID0gKGUpID0+IHtcbiAgICBpZiAoZS50YXJnZXQgaW5zdGFuY2VvZiBOb2RlICYmIGFmZml4V3JhcHBlclJlZi5jdXJyZW50Py5jb250YWlucyhlLnRhcmdldCkpIHtcbiAgICAgIGlucHV0UmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUZvY3VzOiBGb2N1c0V2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PiA9IChlKSA9PiB7XG4gICAgcmVtb3ZlUGFzc3dvcmRUaW1lb3V0KCk7XG4gICAgb25Gb2N1cz8uKGUpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUJsdXI6IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+ID0gKGUpID0+IHtcbiAgICByZW1vdmVQYXNzd29yZFRpbWVvdXQoKTtcbiAgICBvbkJsdXIoZSk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD4gPSAoZSkgPT4ge1xuICAgIHNldFZhbHVlKGUudGFyZ2V0LnZhbHVlKTtcbiAgICByZW1vdmVQYXNzd29yZFRpbWVvdXQoKTtcbiAgICByZXNvbHZlT25DaGFuZ2UoaW5wdXRSZWYuY3VycmVudCwgZSwgb25DaGFuZ2UsIGUudGFyZ2V0LnZhbHVlKTtcbiAgfTtcblxuICBjb25zdCBwcmVmaXggPSAoKCkgPT4ge1xuICAgIGlmICghcHJlZml4UHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhbiBjc3M9e1twcmVmaXhTdHlsZSh0aGVtZSksIGlzU3RyaW5nKHByZWZpeFByb3ApID8ge30gOiBwcmVmaXhTdWZmaXhTdHlsZSh0aGVtZSldfT5cbiAgICAgICAge3ByZWZpeFByb3B9XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfSkoKTtcblxuICBjb25zdCBzdWZmaXggPSAoKCkgPT4ge1xuICAgIGlmICghc3VmZml4UHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhbiBjc3M9e1tzdWZmaXhTdHlsZSh0aGVtZSksIGlzU3RyaW5nKHN1ZmZpeFByb3ApID8ge30gOiBwcmVmaXhTdWZmaXhTdHlsZSh0aGVtZSldfT5cbiAgICAgICAge3N1ZmZpeFByb3B9XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfSkoKTtcblxuICBjb25zdCBjbGVhckljb24gPSAoKCkgPT4ge1xuICAgIGlmICghYWxsb3dDbGVhcikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IG5lZWRDbGVhciA9ICFkaXNhYmxlZCAmJiAhcmVhZE9ubHkgJiYgQm9vbGVhbihmb3JtYXR0ZWRWYWx1ZSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGVhckljb25XcmFwcGVyQ2xpY2t9XG4gICAgICAgIC8vIERvIG5vdCB0cmlnZ2VyIG9uQmx1ciB3aGVuIGNsZWFyIGlucHV0XG4gICAgICAgIC8vIGh0dHBzOi8vZ2l0aHViLmNvbS9hbnQtZGVzaWduL2FudC1kZXNpZ24vaXNzdWVzLzMxMjAwXG4gICAgICAgIG9uTW91c2VEb3duPXsoZSkgPT4gZS5wcmV2ZW50RGVmYXVsdCgpfVxuICAgICAgICBjc3M9e2dldENsZWFySWNvbldyYXBwZXJTdHlsZShuZWVkQ2xlYXIpKHRoZW1lKX1cbiAgICAgID5cbiAgICAgICAgPENsb3NlQ2lyY2xlRmlsbGVkIC8+XG4gICAgICA8L2J1dHRvbj5cbiAgICApO1xuICB9KSgpO1xuXG4gIGNvbnN0IGFkZG9uQmVmb3JlID0gKCgpID0+IHtcbiAgICBpZiAoIWFkZG9uQmVmb3JlUHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBnZXRBZGRvblN0eWxlKGlucHV0VG9rZW5zLCBkaXNhYmxlZCkodGhlbWUpLFxuICAgICAgICAgIGlzU3RyaW5nKGFkZG9uQmVmb3JlUHJvcCkgPyB7fSA6IG5vblN0cmluZ0FkZG9uU3R5bGUodGhlbWUpLFxuICAgICAgICBdfVxuICAgICAgPlxuICAgICAgICB7YWRkb25CZWZvcmVQcm9wfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0pKCk7XG5cbiAgY29uc3QgYWRkb25BZnRlciA9ICgoKSA9PiB7XG4gICAgaWYgKCFhZGRvbkFmdGVyUHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBnZXRBZGRvblN0eWxlKGlucHV0VG9rZW5zLCBkaXNhYmxlZCkodGhlbWUpLFxuICAgICAgICAgIGlzU3RyaW5nKGFkZG9uQWZ0ZXJQcm9wKSA/IHt9IDogbm9uU3RyaW5nQWRkb25TdHlsZSh0aGVtZSksXG4gICAgICAgIF19XG4gICAgICA+XG4gICAgICAgIHthZGRvbkFmdGVyUHJvcH1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9KSgpO1xuXG4gIHJldHVybiAoXG4gICAgPEFkZG9uV3JhcHBlclxuICAgICAgey4uLihoYXNBZGRvblxuICAgICAgICA/IHtcbiAgICAgICAgICAgIGNsYXNzTmFtZTogaW5wdXRHcm91cENsYXNzTmFtZSxcbiAgICAgICAgICAgIGNzczogYWRkb25XcmFwcGVyU3R5bGUsXG4gICAgICAgICAgICBzdHlsZSxcbiAgICAgICAgICB9XG4gICAgICAgIDoge30pfVxuICAgID5cbiAgICAgIHthZGRvbkJlZm9yZX1cbiAgICAgIDxBZmZpeFdyYXBwZXJcbiAgICAgICAgey4uLihoYXNBZmZpeFxuICAgICAgICAgID8ge1xuICAgICAgICAgICAgICByZWY6IGFmZml4V3JhcHBlclJlZixcbiAgICAgICAgICAgICAgY3NzOiBnZXRBZmZpeFdyYXBwZXJTdHlsZShpbnB1dFRva2VucywgZXJyb3JTdGF0dXMsIGRpc2FibGVkKSh0aGVtZSksXG4gICAgICAgICAgICAgIG9uQ2xpY2s6IGhhbmRsZUFmZml4V3JhcHBlckNsaWNrLFxuICAgICAgICAgICAgICBzdHlsZTogaGFzQWRkb24gPyB1bmRlZmluZWQgOiBzdHlsZSxcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHt9KX1cbiAgICAgID5cbiAgICAgICAge3ByZWZpeH1cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgey4uLnJlc3RQcm9wc31cbiAgICAgICAgICByZWY9e21lcmdlZFJlZn1cbiAgICAgICAgICBzdHlsZT17aGFzQWRkb24gfHwgaGFzQWZmaXggPyB1bmRlZmluZWQgOiBzdHlsZX1cbiAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgdmFsdWU9e2Zvcm1hdHRlZFZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgb25CbHVyPXtoYW5kbGVCbHVyfVxuICAgICAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgICAgIG9uS2V5VXA9e29uS2V5VXB9XG4gICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICBoYXNBZmZpeFxuICAgICAgICAgICAgICA/IGFmZml4ZWRJbnB1dFN0eWxlXG4gICAgICAgICAgICAgIDogZ2V0U2hhcmVkSW5wdXRTdHlsZShpbnB1dFRva2VucywgZXJyb3JTdGF0dXMsIGRpc2FibGVkLCB0aGVtZSksXG4gICAgICAgICAgICBnZXRCYXNlSW5wdXRTdHlsZShpbnB1dFRva2VucywgZGlzYWJsZWQpLFxuICAgICAgICAgIF19XG4gICAgICAgIC8+XG4gICAgICAgIHtjbGVhckljb259XG4gICAgICAgIHtzdWZmaXh9XG4gICAgICA8L0FmZml4V3JhcHBlcj5cbiAgICAgIHthZGRvbkFmdGVyfVxuICAgIDwvQWRkb25XcmFwcGVyPlxuICApO1xufSk7XG5cbmV4cG9ydCBjb25zdCBJbnB1dCA9IG1lbW8oSW5wdXRDb21wb25lbnQpIGFzIE1lbW9FeG90aWNDb21wb25lbnQ8XG4gIEZvcndhcmRSZWZFeG90aWNDb21wb25lbnQ8SW5wdXRQcm9wcyAmIFJlZkF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4+XG4+ICZcbiAgV2l0aFBhc3N3b3JkICZcbiAgV2l0aFRleHRBcmVhO1xuXG5JbnB1dC5QYXNzd29yZCA9IElucHV0UGFzc3dvcmQ7XG5JbnB1dC5UZXh0QXJlYSA9IElucHV0VGV4dEFyZWE7XG4iXX0= */"], children: addonBeforeProp });
+  })();
+  const addonAfter = (() => {
+    if (!addonAfterProp) {
+      return;
+    }
+    return /* @__PURE__ */ jsx("span", { css: [getAddonStyle(inputTokens, disabled)(theme), isString(addonAfterProp) ? {} : nonStringAddonStyle(theme), process.env.NODE_ENV === "production" ? "" : ";label:addonAfter;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvSW5wdXQvSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdNUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0lucHV0L0lucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgTW91c2VFdmVudEhhbmRsZXIsXG4gIHR5cGUgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBtZW1vLFxuICBGcmFnbWVudCxcbiAgdXNlUmVmLFxuICBmb3J3YXJkUmVmLFxuICB0eXBlIE1lbW9FeG90aWNDb21wb25lbnQsXG4gIHR5cGUgRm9yd2FyZFJlZkV4b3RpY0NvbXBvbmVudCxcbiAgdHlwZSBSZWZBdHRyaWJ1dGVzLFxuICB0eXBlIEZvY3VzRXZlbnRIYW5kbGVyLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgSW5wdXRQcm9wcywgV2l0aFBhc3N3b3JkLCBXaXRoVGV4dEFyZWEgfSBmcm9tIFwiLi9JbnB1dC50eXBlc1wiO1xuaW1wb3J0IHsgSW5wdXRQYXNzd29yZCB9IGZyb20gXCIuL2NvbXBvbmVudHMvSW5wdXRQYXNzd29yZC9JbnB1dFBhc3N3b3JkXCI7XG5pbXBvcnQgeyBJbnB1dFRleHRBcmVhIH0gZnJvbSBcIi4vY29tcG9uZW50cy9JbnB1dFRleHRBcmVhL0lucHV0VGV4dEFyZWFcIjtcbmltcG9ydCB7IHVzZU1lcmdlZFN0YXRlIH0gZnJvbSBcIi4vaG9va3MvdXNlTWVyZ2VTdGF0ZVwiO1xuaW1wb3J0IHsgaXNTdHJpbmcgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQgeyBDbG9zZUNpcmNsZUZpbGxlZCB9IGZyb20gXCJAaW5mb21heGltdW0vaWNvbnNcIjtcbmltcG9ydCB7IGVtcHR5U3RyaW5nIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZEV2ZW50cyB9IGZyb20gXCIuL2hvb2tzL3VzZUtleWJvYXJkRXZlbnRzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHtcbiAgYWRkb25XcmFwcGVyU3R5bGUsXG4gIGFmZml4ZWRJbnB1dFN0eWxlLFxuICBnZXRBZGRvblN0eWxlLFxuICBnZXRBZmZpeFdyYXBwZXJTdHlsZSxcbiAgZ2V0QmFzZUlucHV0U3R5bGUsXG4gIGdldENsZWFySWNvbldyYXBwZXJTdHlsZSxcbiAgZ2V0U2hhcmVkSW5wdXRTdHlsZSxcbiAgaW5wdXRHcm91cENsYXNzTmFtZSxcbiAgbm9uU3RyaW5nQWRkb25TdHlsZSxcbiAgcHJlZml4U3R5bGUsXG4gIHByZWZpeFN1ZmZpeFN0eWxlLFxuICBzdWZmaXhTdHlsZSxcbn0gZnJvbSBcIi4vSW5wdXQuc3R5bGVzXCI7XG5pbXBvcnQgeyBnZXRJbnB1dFRva2VucyB9IGZyb20gXCIuL0lucHV0LnRva2Vuc1wiO1xuaW1wb3J0IHsgdXNlTWVyZ2VSZWZzIH0gZnJvbSBcIkBmbG9hdGluZy11aS9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlUmVtb3ZlUGFzc3dvcmRUaW1lb3V0IH0gZnJvbSBcIi4vaG9va3MvdXNlUmVtb3ZlUGFzc3dvcmRUaW1lb3V0XCI7XG5pbXBvcnQgeyByZXNvbHZlT25DaGFuZ2UgfSBmcm9tIFwiLi91dGlscy9yZXNvbHZlT25DaGFuZ2VcIjtcblxuY29uc3QgSW5wdXRDb21wb25lbnQgPSBmb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIElucHV0UHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICB0eXBlID0gXCJ0ZXh0XCIsXG4gICAgZGlzYWJsZWQsXG4gICAgcmVhZE9ubHksXG4gICAgcHJlZml4OiBwcmVmaXhQcm9wLFxuICAgIHN1ZmZpeDogc3VmZml4UHJvcCxcbiAgICBhbGxvd0NsZWFyLFxuICAgIGFkZG9uQmVmb3JlOiBhZGRvbkJlZm9yZVByb3AsXG4gICAgYWRkb25BZnRlcjogYWRkb25BZnRlclByb3AsXG4gICAgc3RhdHVzLFxuICAgIGRlZmF1bHRWYWx1ZSxcbiAgICB2YWx1ZTogdmFsdWVQcm9wLFxuICAgIHN0eWxlLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uQ2xlYXIsXG4gICAgb25Gb2N1cyxcbiAgICBvbkJsdXI6IG9uQmx1clByb3AsXG4gICAgb25QcmVzc0VudGVyLFxuICAgIG9uS2V5RG93bjogb25LZXlEb3duUHJvcCxcbiAgICBvbktleVVwOiBvbktleVVwUHJvcCxcbiAgICAuLi5yZXN0UHJvcHNcbiAgfSA9IHByb3BzO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IGlucHV0VG9rZW5zID0gZ2V0SW5wdXRUb2tlbnModGhlbWUpO1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcbiAgY29uc3QgYWZmaXhXcmFwcGVyUmVmID0gdXNlUmVmPEhUTUxTcGFuRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IG1lcmdlZFJlZiA9IHVzZU1lcmdlUmVmcyhbaW5wdXRSZWYsIHJlZl0pO1xuICBjb25zdCBlcnJvclN0YXR1cyA9IHN0YXR1cyA9PT0gXCJlcnJvclwiO1xuICBjb25zdCBoYXNBZmZpeCA9IEJvb2xlYW4ocHJlZml4UHJvcCkgfHwgQm9vbGVhbihzdWZmaXhQcm9wKSB8fCBhbGxvd0NsZWFyO1xuICBjb25zdCBoYXNBZGRvbiA9IEJvb2xlYW4oYWRkb25CZWZvcmVQcm9wKSB8fCBCb29sZWFuKGFkZG9uQWZ0ZXJQcm9wKTtcbiAgY29uc3QgQWZmaXhXcmFwcGVyID0gaGFzQWZmaXggPyBcInNwYW5cIiA6IEZyYWdtZW50O1xuICBjb25zdCBBZGRvbldyYXBwZXIgPSBoYXNBZGRvbiA/IFwic3BhblwiIDogRnJhZ21lbnQ7XG4gIGNvbnN0IHsgcmVtb3ZlUGFzc3dvcmRUaW1lb3V0IH0gPSB1c2VSZW1vdmVQYXNzd29yZFRpbWVvdXQoe1xuICAgIGlucHV0UmVmLFxuICAgIHR5cGUsXG4gIH0pO1xuICBjb25zdCB7IG9uS2V5RG93biwgb25LZXlVcCwgb25CbHVyIH0gPSB1c2VLZXlib2FyZEV2ZW50cyh7XG4gICAgb25QcmVzc0VudGVyLFxuICAgIG9uS2V5RG93bjogb25LZXlEb3duUHJvcCxcbiAgICBvbktleVVwOiBvbktleVVwUHJvcCxcbiAgICBvbkJsdXI6IG9uQmx1clByb3AsXG4gICAgZGlzYWJsZWQsXG4gIH0pO1xuXG4gIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlTWVyZ2VkU3RhdGUoZGVmYXVsdFZhbHVlLCB7XG4gICAgdmFsdWU6IHZhbHVlUHJvcCxcbiAgfSk7XG4gIGNvbnN0IGZvcm1hdHRlZFZhbHVlID0gdmFsdWUgPT09IHVuZGVmaW5lZCB8fCB2YWx1ZSA9PT0gbnVsbCA/IGVtcHR5U3RyaW5nIDogdmFsdWU7XG5cbiAgY29uc3QgaGFuZGxlQ2xlYXJJY29uV3JhcHBlckNsaWNrOiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD4gPSAoZSkgPT4ge1xuICAgIGhhbmRsZVJlc2V0KGUpO1xuICAgIG9uQ2xlYXI/LigpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZVJlc2V0OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD4gPSAoZSkgPT4ge1xuICAgIHNldFZhbHVlKGVtcHR5U3RyaW5nKTtcbiAgICByZXNvbHZlT25DaGFuZ2UoaW5wdXRSZWYuY3VycmVudCwgZSwgb25DaGFuZ2UpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUFmZml4V3JhcHBlckNsaWNrOiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MU3BhbkVsZW1lbnQ+ID0gKGUpID0+IHtcbiAgICBpZiAoZS50YXJnZXQgaW5zdGFuY2VvZiBOb2RlICYmIGFmZml4V3JhcHBlclJlZi5jdXJyZW50Py5jb250YWlucyhlLnRhcmdldCkpIHtcbiAgICAgIGlucHV0UmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUZvY3VzOiBGb2N1c0V2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PiA9IChlKSA9PiB7XG4gICAgcmVtb3ZlUGFzc3dvcmRUaW1lb3V0KCk7XG4gICAgb25Gb2N1cz8uKGUpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUJsdXI6IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+ID0gKGUpID0+IHtcbiAgICByZW1vdmVQYXNzd29yZFRpbWVvdXQoKTtcbiAgICBvbkJsdXIoZSk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD4gPSAoZSkgPT4ge1xuICAgIHNldFZhbHVlKGUudGFyZ2V0LnZhbHVlKTtcbiAgICByZW1vdmVQYXNzd29yZFRpbWVvdXQoKTtcbiAgICByZXNvbHZlT25DaGFuZ2UoaW5wdXRSZWYuY3VycmVudCwgZSwgb25DaGFuZ2UsIGUudGFyZ2V0LnZhbHVlKTtcbiAgfTtcblxuICBjb25zdCBwcmVmaXggPSAoKCkgPT4ge1xuICAgIGlmICghcHJlZml4UHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhbiBjc3M9e1twcmVmaXhTdHlsZSh0aGVtZSksIGlzU3RyaW5nKHByZWZpeFByb3ApID8ge30gOiBwcmVmaXhTdWZmaXhTdHlsZSh0aGVtZSldfT5cbiAgICAgICAge3ByZWZpeFByb3B9XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfSkoKTtcblxuICBjb25zdCBzdWZmaXggPSAoKCkgPT4ge1xuICAgIGlmICghc3VmZml4UHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhbiBjc3M9e1tzdWZmaXhTdHlsZSh0aGVtZSksIGlzU3RyaW5nKHN1ZmZpeFByb3ApID8ge30gOiBwcmVmaXhTdWZmaXhTdHlsZSh0aGVtZSldfT5cbiAgICAgICAge3N1ZmZpeFByb3B9XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfSkoKTtcblxuICBjb25zdCBjbGVhckljb24gPSAoKCkgPT4ge1xuICAgIGlmICghYWxsb3dDbGVhcikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IG5lZWRDbGVhciA9ICFkaXNhYmxlZCAmJiAhcmVhZE9ubHkgJiYgQm9vbGVhbihmb3JtYXR0ZWRWYWx1ZSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGVhckljb25XcmFwcGVyQ2xpY2t9XG4gICAgICAgIC8vIERvIG5vdCB0cmlnZ2VyIG9uQmx1ciB3aGVuIGNsZWFyIGlucHV0XG4gICAgICAgIC8vIGh0dHBzOi8vZ2l0aHViLmNvbS9hbnQtZGVzaWduL2FudC1kZXNpZ24vaXNzdWVzLzMxMjAwXG4gICAgICAgIG9uTW91c2VEb3duPXsoZSkgPT4gZS5wcmV2ZW50RGVmYXVsdCgpfVxuICAgICAgICBjc3M9e2dldENsZWFySWNvbldyYXBwZXJTdHlsZShuZWVkQ2xlYXIpKHRoZW1lKX1cbiAgICAgID5cbiAgICAgICAgPENsb3NlQ2lyY2xlRmlsbGVkIC8+XG4gICAgICA8L2J1dHRvbj5cbiAgICApO1xuICB9KSgpO1xuXG4gIGNvbnN0IGFkZG9uQmVmb3JlID0gKCgpID0+IHtcbiAgICBpZiAoIWFkZG9uQmVmb3JlUHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBnZXRBZGRvblN0eWxlKGlucHV0VG9rZW5zLCBkaXNhYmxlZCkodGhlbWUpLFxuICAgICAgICAgIGlzU3RyaW5nKGFkZG9uQmVmb3JlUHJvcCkgPyB7fSA6IG5vblN0cmluZ0FkZG9uU3R5bGUodGhlbWUpLFxuICAgICAgICBdfVxuICAgICAgPlxuICAgICAgICB7YWRkb25CZWZvcmVQcm9wfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0pKCk7XG5cbiAgY29uc3QgYWRkb25BZnRlciA9ICgoKSA9PiB7XG4gICAgaWYgKCFhZGRvbkFmdGVyUHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBnZXRBZGRvblN0eWxlKGlucHV0VG9rZW5zLCBkaXNhYmxlZCkodGhlbWUpLFxuICAgICAgICAgIGlzU3RyaW5nKGFkZG9uQWZ0ZXJQcm9wKSA/IHt9IDogbm9uU3RyaW5nQWRkb25TdHlsZSh0aGVtZSksXG4gICAgICAgIF19XG4gICAgICA+XG4gICAgICAgIHthZGRvbkFmdGVyUHJvcH1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9KSgpO1xuXG4gIHJldHVybiAoXG4gICAgPEFkZG9uV3JhcHBlclxuICAgICAgey4uLihoYXNBZGRvblxuICAgICAgICA/IHtcbiAgICAgICAgICAgIGNsYXNzTmFtZTogaW5wdXRHcm91cENsYXNzTmFtZSxcbiAgICAgICAgICAgIGNzczogYWRkb25XcmFwcGVyU3R5bGUsXG4gICAgICAgICAgICBzdHlsZSxcbiAgICAgICAgICB9XG4gICAgICAgIDoge30pfVxuICAgID5cbiAgICAgIHthZGRvbkJlZm9yZX1cbiAgICAgIDxBZmZpeFdyYXBwZXJcbiAgICAgICAgey4uLihoYXNBZmZpeFxuICAgICAgICAgID8ge1xuICAgICAgICAgICAgICByZWY6IGFmZml4V3JhcHBlclJlZixcbiAgICAgICAgICAgICAgY3NzOiBnZXRBZmZpeFdyYXBwZXJTdHlsZShpbnB1dFRva2VucywgZXJyb3JTdGF0dXMsIGRpc2FibGVkKSh0aGVtZSksXG4gICAgICAgICAgICAgIG9uQ2xpY2s6IGhhbmRsZUFmZml4V3JhcHBlckNsaWNrLFxuICAgICAgICAgICAgICBzdHlsZTogaGFzQWRkb24gPyB1bmRlZmluZWQgOiBzdHlsZSxcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHt9KX1cbiAgICAgID5cbiAgICAgICAge3ByZWZpeH1cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgey4uLnJlc3RQcm9wc31cbiAgICAgICAgICByZWY9e21lcmdlZFJlZn1cbiAgICAgICAgICBzdHlsZT17aGFzQWRkb24gfHwgaGFzQWZmaXggPyB1bmRlZmluZWQgOiBzdHlsZX1cbiAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgdmFsdWU9e2Zvcm1hdHRlZFZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgb25CbHVyPXtoYW5kbGVCbHVyfVxuICAgICAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgICAgIG9uS2V5VXA9e29uS2V5VXB9XG4gICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICBoYXNBZmZpeFxuICAgICAgICAgICAgICA/IGFmZml4ZWRJbnB1dFN0eWxlXG4gICAgICAgICAgICAgIDogZ2V0U2hhcmVkSW5wdXRTdHlsZShpbnB1dFRva2VucywgZXJyb3JTdGF0dXMsIGRpc2FibGVkLCB0aGVtZSksXG4gICAgICAgICAgICBnZXRCYXNlSW5wdXRTdHlsZShpbnB1dFRva2VucywgZGlzYWJsZWQpLFxuICAgICAgICAgIF19XG4gICAgICAgIC8+XG4gICAgICAgIHtjbGVhckljb259XG4gICAgICAgIHtzdWZmaXh9XG4gICAgICA8L0FmZml4V3JhcHBlcj5cbiAgICAgIHthZGRvbkFmdGVyfVxuICAgIDwvQWRkb25XcmFwcGVyPlxuICApO1xufSk7XG5cbmV4cG9ydCBjb25zdCBJbnB1dCA9IG1lbW8oSW5wdXRDb21wb25lbnQpIGFzIE1lbW9FeG90aWNDb21wb25lbnQ8XG4gIEZvcndhcmRSZWZFeG90aWNDb21wb25lbnQ8SW5wdXRQcm9wcyAmIFJlZkF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4+XG4+ICZcbiAgV2l0aFBhc3N3b3JkICZcbiAgV2l0aFRleHRBcmVhO1xuXG5JbnB1dC5QYXNzd29yZCA9IElucHV0UGFzc3dvcmQ7XG5JbnB1dC5UZXh0QXJlYSA9IElucHV0VGV4dEFyZWE7XG4iXX0= */"], children: addonAfterProp });
+  })();
+  return /* @__PURE__ */ jsxs(AddonWrapper, { ...hasAddon ? {
+    className: inputGroupClassName,
+    css: addonWrapperStyle,
+    style
+  } : {}, children: [
+    addonBefore,
+    /* @__PURE__ */ jsxs(AffixWrapper, { ...hasAffix ? {
+      ref: affixWrapperRef,
+      css: getAffixWrapperStyle(inputTokens, errorStatus, disabled)(theme),
+      onClick: handleAffixWrapperClick,
+      style: hasAddon ? void 0 : style
+    } : {}, children: [
+      prefix,
+      /* @__PURE__ */ jsx("input", { ...restProps, ref: mergedRef, style: hasAddon || hasAffix ? void 0 : style, type, disabled, readOnly, value: formattedValue, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onKeyDown, onKeyUp, css: [hasAffix ? affixedInputStyle : getSharedInputStyle(inputTokens, errorStatus, disabled, theme), getBaseInputStyle(inputTokens, disabled), process.env.NODE_ENV === "production" ? "" : ";label:InputComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvSW5wdXQvSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZPVSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0lucHV0L0lucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgTW91c2VFdmVudEhhbmRsZXIsXG4gIHR5cGUgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBtZW1vLFxuICBGcmFnbWVudCxcbiAgdXNlUmVmLFxuICBmb3J3YXJkUmVmLFxuICB0eXBlIE1lbW9FeG90aWNDb21wb25lbnQsXG4gIHR5cGUgRm9yd2FyZFJlZkV4b3RpY0NvbXBvbmVudCxcbiAgdHlwZSBSZWZBdHRyaWJ1dGVzLFxuICB0eXBlIEZvY3VzRXZlbnRIYW5kbGVyLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgSW5wdXRQcm9wcywgV2l0aFBhc3N3b3JkLCBXaXRoVGV4dEFyZWEgfSBmcm9tIFwiLi9JbnB1dC50eXBlc1wiO1xuaW1wb3J0IHsgSW5wdXRQYXNzd29yZCB9IGZyb20gXCIuL2NvbXBvbmVudHMvSW5wdXRQYXNzd29yZC9JbnB1dFBhc3N3b3JkXCI7XG5pbXBvcnQgeyBJbnB1dFRleHRBcmVhIH0gZnJvbSBcIi4vY29tcG9uZW50cy9JbnB1dFRleHRBcmVhL0lucHV0VGV4dEFyZWFcIjtcbmltcG9ydCB7IHVzZU1lcmdlZFN0YXRlIH0gZnJvbSBcIi4vaG9va3MvdXNlTWVyZ2VTdGF0ZVwiO1xuaW1wb3J0IHsgaXNTdHJpbmcgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQgeyBDbG9zZUNpcmNsZUZpbGxlZCB9IGZyb20gXCJAaW5mb21heGltdW0vaWNvbnNcIjtcbmltcG9ydCB7IGVtcHR5U3RyaW5nIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZEV2ZW50cyB9IGZyb20gXCIuL2hvb2tzL3VzZUtleWJvYXJkRXZlbnRzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHtcbiAgYWRkb25XcmFwcGVyU3R5bGUsXG4gIGFmZml4ZWRJbnB1dFN0eWxlLFxuICBnZXRBZGRvblN0eWxlLFxuICBnZXRBZmZpeFdyYXBwZXJTdHlsZSxcbiAgZ2V0QmFzZUlucHV0U3R5bGUsXG4gIGdldENsZWFySWNvbldyYXBwZXJTdHlsZSxcbiAgZ2V0U2hhcmVkSW5wdXRTdHlsZSxcbiAgaW5wdXRHcm91cENsYXNzTmFtZSxcbiAgbm9uU3RyaW5nQWRkb25TdHlsZSxcbiAgcHJlZml4U3R5bGUsXG4gIHByZWZpeFN1ZmZpeFN0eWxlLFxuICBzdWZmaXhTdHlsZSxcbn0gZnJvbSBcIi4vSW5wdXQuc3R5bGVzXCI7XG5pbXBvcnQgeyBnZXRJbnB1dFRva2VucyB9IGZyb20gXCIuL0lucHV0LnRva2Vuc1wiO1xuaW1wb3J0IHsgdXNlTWVyZ2VSZWZzIH0gZnJvbSBcIkBmbG9hdGluZy11aS9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlUmVtb3ZlUGFzc3dvcmRUaW1lb3V0IH0gZnJvbSBcIi4vaG9va3MvdXNlUmVtb3ZlUGFzc3dvcmRUaW1lb3V0XCI7XG5pbXBvcnQgeyByZXNvbHZlT25DaGFuZ2UgfSBmcm9tIFwiLi91dGlscy9yZXNvbHZlT25DaGFuZ2VcIjtcblxuY29uc3QgSW5wdXRDb21wb25lbnQgPSBmb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIElucHV0UHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICB0eXBlID0gXCJ0ZXh0XCIsXG4gICAgZGlzYWJsZWQsXG4gICAgcmVhZE9ubHksXG4gICAgcHJlZml4OiBwcmVmaXhQcm9wLFxuICAgIHN1ZmZpeDogc3VmZml4UHJvcCxcbiAgICBhbGxvd0NsZWFyLFxuICAgIGFkZG9uQmVmb3JlOiBhZGRvbkJlZm9yZVByb3AsXG4gICAgYWRkb25BZnRlcjogYWRkb25BZnRlclByb3AsXG4gICAgc3RhdHVzLFxuICAgIGRlZmF1bHRWYWx1ZSxcbiAgICB2YWx1ZTogdmFsdWVQcm9wLFxuICAgIHN0eWxlLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uQ2xlYXIsXG4gICAgb25Gb2N1cyxcbiAgICBvbkJsdXI6IG9uQmx1clByb3AsXG4gICAgb25QcmVzc0VudGVyLFxuICAgIG9uS2V5RG93bjogb25LZXlEb3duUHJvcCxcbiAgICBvbktleVVwOiBvbktleVVwUHJvcCxcbiAgICAuLi5yZXN0UHJvcHNcbiAgfSA9IHByb3BzO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IGlucHV0VG9rZW5zID0gZ2V0SW5wdXRUb2tlbnModGhlbWUpO1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcbiAgY29uc3QgYWZmaXhXcmFwcGVyUmVmID0gdXNlUmVmPEhUTUxTcGFuRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IG1lcmdlZFJlZiA9IHVzZU1lcmdlUmVmcyhbaW5wdXRSZWYsIHJlZl0pO1xuICBjb25zdCBlcnJvclN0YXR1cyA9IHN0YXR1cyA9PT0gXCJlcnJvclwiO1xuICBjb25zdCBoYXNBZmZpeCA9IEJvb2xlYW4ocHJlZml4UHJvcCkgfHwgQm9vbGVhbihzdWZmaXhQcm9wKSB8fCBhbGxvd0NsZWFyO1xuICBjb25zdCBoYXNBZGRvbiA9IEJvb2xlYW4oYWRkb25CZWZvcmVQcm9wKSB8fCBCb29sZWFuKGFkZG9uQWZ0ZXJQcm9wKTtcbiAgY29uc3QgQWZmaXhXcmFwcGVyID0gaGFzQWZmaXggPyBcInNwYW5cIiA6IEZyYWdtZW50O1xuICBjb25zdCBBZGRvbldyYXBwZXIgPSBoYXNBZGRvbiA/IFwic3BhblwiIDogRnJhZ21lbnQ7XG4gIGNvbnN0IHsgcmVtb3ZlUGFzc3dvcmRUaW1lb3V0IH0gPSB1c2VSZW1vdmVQYXNzd29yZFRpbWVvdXQoe1xuICAgIGlucHV0UmVmLFxuICAgIHR5cGUsXG4gIH0pO1xuICBjb25zdCB7IG9uS2V5RG93biwgb25LZXlVcCwgb25CbHVyIH0gPSB1c2VLZXlib2FyZEV2ZW50cyh7XG4gICAgb25QcmVzc0VudGVyLFxuICAgIG9uS2V5RG93bjogb25LZXlEb3duUHJvcCxcbiAgICBvbktleVVwOiBvbktleVVwUHJvcCxcbiAgICBvbkJsdXI6IG9uQmx1clByb3AsXG4gICAgZGlzYWJsZWQsXG4gIH0pO1xuXG4gIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlTWVyZ2VkU3RhdGUoZGVmYXVsdFZhbHVlLCB7XG4gICAgdmFsdWU6IHZhbHVlUHJvcCxcbiAgfSk7XG4gIGNvbnN0IGZvcm1hdHRlZFZhbHVlID0gdmFsdWUgPT09IHVuZGVmaW5lZCB8fCB2YWx1ZSA9PT0gbnVsbCA/IGVtcHR5U3RyaW5nIDogdmFsdWU7XG5cbiAgY29uc3QgaGFuZGxlQ2xlYXJJY29uV3JhcHBlckNsaWNrOiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD4gPSAoZSkgPT4ge1xuICAgIGhhbmRsZVJlc2V0KGUpO1xuICAgIG9uQ2xlYXI/LigpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZVJlc2V0OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD4gPSAoZSkgPT4ge1xuICAgIHNldFZhbHVlKGVtcHR5U3RyaW5nKTtcbiAgICByZXNvbHZlT25DaGFuZ2UoaW5wdXRSZWYuY3VycmVudCwgZSwgb25DaGFuZ2UpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUFmZml4V3JhcHBlckNsaWNrOiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MU3BhbkVsZW1lbnQ+ID0gKGUpID0+IHtcbiAgICBpZiAoZS50YXJnZXQgaW5zdGFuY2VvZiBOb2RlICYmIGFmZml4V3JhcHBlclJlZi5jdXJyZW50Py5jb250YWlucyhlLnRhcmdldCkpIHtcbiAgICAgIGlucHV0UmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUZvY3VzOiBGb2N1c0V2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PiA9IChlKSA9PiB7XG4gICAgcmVtb3ZlUGFzc3dvcmRUaW1lb3V0KCk7XG4gICAgb25Gb2N1cz8uKGUpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUJsdXI6IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+ID0gKGUpID0+IHtcbiAgICByZW1vdmVQYXNzd29yZFRpbWVvdXQoKTtcbiAgICBvbkJsdXIoZSk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD4gPSAoZSkgPT4ge1xuICAgIHNldFZhbHVlKGUudGFyZ2V0LnZhbHVlKTtcbiAgICByZW1vdmVQYXNzd29yZFRpbWVvdXQoKTtcbiAgICByZXNvbHZlT25DaGFuZ2UoaW5wdXRSZWYuY3VycmVudCwgZSwgb25DaGFuZ2UsIGUudGFyZ2V0LnZhbHVlKTtcbiAgfTtcblxuICBjb25zdCBwcmVmaXggPSAoKCkgPT4ge1xuICAgIGlmICghcHJlZml4UHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhbiBjc3M9e1twcmVmaXhTdHlsZSh0aGVtZSksIGlzU3RyaW5nKHByZWZpeFByb3ApID8ge30gOiBwcmVmaXhTdWZmaXhTdHlsZSh0aGVtZSldfT5cbiAgICAgICAge3ByZWZpeFByb3B9XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfSkoKTtcblxuICBjb25zdCBzdWZmaXggPSAoKCkgPT4ge1xuICAgIGlmICghc3VmZml4UHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhbiBjc3M9e1tzdWZmaXhTdHlsZSh0aGVtZSksIGlzU3RyaW5nKHN1ZmZpeFByb3ApID8ge30gOiBwcmVmaXhTdWZmaXhTdHlsZSh0aGVtZSldfT5cbiAgICAgICAge3N1ZmZpeFByb3B9XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfSkoKTtcblxuICBjb25zdCBjbGVhckljb24gPSAoKCkgPT4ge1xuICAgIGlmICghYWxsb3dDbGVhcikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IG5lZWRDbGVhciA9ICFkaXNhYmxlZCAmJiAhcmVhZE9ubHkgJiYgQm9vbGVhbihmb3JtYXR0ZWRWYWx1ZSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGVhckljb25XcmFwcGVyQ2xpY2t9XG4gICAgICAgIC8vIERvIG5vdCB0cmlnZ2VyIG9uQmx1ciB3aGVuIGNsZWFyIGlucHV0XG4gICAgICAgIC8vIGh0dHBzOi8vZ2l0aHViLmNvbS9hbnQtZGVzaWduL2FudC1kZXNpZ24vaXNzdWVzLzMxMjAwXG4gICAgICAgIG9uTW91c2VEb3duPXsoZSkgPT4gZS5wcmV2ZW50RGVmYXVsdCgpfVxuICAgICAgICBjc3M9e2dldENsZWFySWNvbldyYXBwZXJTdHlsZShuZWVkQ2xlYXIpKHRoZW1lKX1cbiAgICAgID5cbiAgICAgICAgPENsb3NlQ2lyY2xlRmlsbGVkIC8+XG4gICAgICA8L2J1dHRvbj5cbiAgICApO1xuICB9KSgpO1xuXG4gIGNvbnN0IGFkZG9uQmVmb3JlID0gKCgpID0+IHtcbiAgICBpZiAoIWFkZG9uQmVmb3JlUHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBnZXRBZGRvblN0eWxlKGlucHV0VG9rZW5zLCBkaXNhYmxlZCkodGhlbWUpLFxuICAgICAgICAgIGlzU3RyaW5nKGFkZG9uQmVmb3JlUHJvcCkgPyB7fSA6IG5vblN0cmluZ0FkZG9uU3R5bGUodGhlbWUpLFxuICAgICAgICBdfVxuICAgICAgPlxuICAgICAgICB7YWRkb25CZWZvcmVQcm9wfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0pKCk7XG5cbiAgY29uc3QgYWRkb25BZnRlciA9ICgoKSA9PiB7XG4gICAgaWYgKCFhZGRvbkFmdGVyUHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBnZXRBZGRvblN0eWxlKGlucHV0VG9rZW5zLCBkaXNhYmxlZCkodGhlbWUpLFxuICAgICAgICAgIGlzU3RyaW5nKGFkZG9uQWZ0ZXJQcm9wKSA/IHt9IDogbm9uU3RyaW5nQWRkb25TdHlsZSh0aGVtZSksXG4gICAgICAgIF19XG4gICAgICA+XG4gICAgICAgIHthZGRvbkFmdGVyUHJvcH1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9KSgpO1xuXG4gIHJldHVybiAoXG4gICAgPEFkZG9uV3JhcHBlclxuICAgICAgey4uLihoYXNBZGRvblxuICAgICAgICA/IHtcbiAgICAgICAgICAgIGNsYXNzTmFtZTogaW5wdXRHcm91cENsYXNzTmFtZSxcbiAgICAgICAgICAgIGNzczogYWRkb25XcmFwcGVyU3R5bGUsXG4gICAgICAgICAgICBzdHlsZSxcbiAgICAgICAgICB9XG4gICAgICAgIDoge30pfVxuICAgID5cbiAgICAgIHthZGRvbkJlZm9yZX1cbiAgICAgIDxBZmZpeFdyYXBwZXJcbiAgICAgICAgey4uLihoYXNBZmZpeFxuICAgICAgICAgID8ge1xuICAgICAgICAgICAgICByZWY6IGFmZml4V3JhcHBlclJlZixcbiAgICAgICAgICAgICAgY3NzOiBnZXRBZmZpeFdyYXBwZXJTdHlsZShpbnB1dFRva2VucywgZXJyb3JTdGF0dXMsIGRpc2FibGVkKSh0aGVtZSksXG4gICAgICAgICAgICAgIG9uQ2xpY2s6IGhhbmRsZUFmZml4V3JhcHBlckNsaWNrLFxuICAgICAgICAgICAgICBzdHlsZTogaGFzQWRkb24gPyB1bmRlZmluZWQgOiBzdHlsZSxcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHt9KX1cbiAgICAgID5cbiAgICAgICAge3ByZWZpeH1cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgey4uLnJlc3RQcm9wc31cbiAgICAgICAgICByZWY9e21lcmdlZFJlZn1cbiAgICAgICAgICBzdHlsZT17aGFzQWRkb24gfHwgaGFzQWZmaXggPyB1bmRlZmluZWQgOiBzdHlsZX1cbiAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgdmFsdWU9e2Zvcm1hdHRlZFZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgb25CbHVyPXtoYW5kbGVCbHVyfVxuICAgICAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgICAgIG9uS2V5VXA9e29uS2V5VXB9XG4gICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICBoYXNBZmZpeFxuICAgICAgICAgICAgICA/IGFmZml4ZWRJbnB1dFN0eWxlXG4gICAgICAgICAgICAgIDogZ2V0U2hhcmVkSW5wdXRTdHlsZShpbnB1dFRva2VucywgZXJyb3JTdGF0dXMsIGRpc2FibGVkLCB0aGVtZSksXG4gICAgICAgICAgICBnZXRCYXNlSW5wdXRTdHlsZShpbnB1dFRva2VucywgZGlzYWJsZWQpLFxuICAgICAgICAgIF19XG4gICAgICAgIC8+XG4gICAgICAgIHtjbGVhckljb259XG4gICAgICAgIHtzdWZmaXh9XG4gICAgICA8L0FmZml4V3JhcHBlcj5cbiAgICAgIHthZGRvbkFmdGVyfVxuICAgIDwvQWRkb25XcmFwcGVyPlxuICApO1xufSk7XG5cbmV4cG9ydCBjb25zdCBJbnB1dCA9IG1lbW8oSW5wdXRDb21wb25lbnQpIGFzIE1lbW9FeG90aWNDb21wb25lbnQ8XG4gIEZvcndhcmRSZWZFeG90aWNDb21wb25lbnQ8SW5wdXRQcm9wcyAmIFJlZkF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4+XG4+ICZcbiAgV2l0aFBhc3N3b3JkICZcbiAgV2l0aFRleHRBcmVhO1xuXG5JbnB1dC5QYXNzd29yZCA9IElucHV0UGFzc3dvcmQ7XG5JbnB1dC5UZXh0QXJlYSA9IElucHV0VGV4dEFyZWE7XG4iXX0= */"] }),
+      clearIcon,
+      suffix
+    ] }),
+    addonAfter
+  ] });
+});
+const Input = memo(InputComponent);
+Input.Password = InputPassword;
+Input.TextArea = InputTextArea;
+export {
+  Input
+};

package/dist/components/Input/Input.styles.d.ts

@@ -0,0 +1,184 @@
+import { Theme } from 'index';
+import { InputTokens } from './Input.tokens';
+export declare const inputGroupClassName = "input-group";
+export declare const prefixStyle: (theme: Theme) => {
+    marginRight: 4;
+    display: string;
+    alignItems: string;
+    flex: string;
+};
+export declare const suffixStyle: (theme: Theme) => {
+    marginLeft: 8;
+    display: string;
+    alignItems: string;
+    flex: string;
+};
+export declare const prefixSuffixStyle: (theme: Theme) => {
+    fontSize: 16;
+};
+export declare const getClearIconWrapperStyle: (needClear: boolean) => (theme: Theme) => {
+    readonly display: "flex";
+    readonly alignItems: "center";
+    readonly alignSelf: "center";
+    readonly visibility: "hidden" | undefined;
+    readonly fontSize: 16;
+    readonly cursor: "pointer";
+    readonly border: "none";
+    readonly background: "none";
+    readonly padding: 0;
+    readonly marginLeft: 8;
+    readonly color: `rgba(${number}, ${number}, ${number}, 0.3)`;
+    readonly ":hover": {
+        readonly color: `rgba(${number}, ${number}, ${number}, 0.7)`;
+    };
+};
+export declare const nonStringAddonStyle: (theme: Theme) => {
+    fontSize: 16;
+};
+export declare const getAddonStyle: (inputTokens: InputTokens, disabled: boolean | undefined) => (theme: Theme) => {
+    color: "#262626" | "#8C8C8C";
+    backgroundColor: "#F0F0F0" | "#FAFAFA";
+    borderWidth: number;
+    borderStyle: string;
+    borderColor: "#D9D9D9";
+    borderRadius: 4;
+    paddingInline: number;
+    ":first-child": {
+        borderInlineEnd: number;
+        borderStartEndRadius: number;
+        borderEndEndRadius: number;
+    };
+    ":last-child": {
+        borderInlineStart: number;
+        borderStartStartRadius: number;
+        borderEndStartRadius: number;
+    };
+    fontFamily: "Roboto";
+    fontSize: 14;
+    lineHeight: "20px";
+    cursor: string | undefined;
+    display: string;
+    alignItems: string;
+    flex: string;
+};
+export declare const getSharedCommonStyle: (inputTokens: InputTokens, errorStatus: boolean, disabled: boolean | undefined, theme: Theme) => {
+    readonly backgroundColor: "#F0F0F0" | "#FFFFFF";
+    readonly borderRadius: 4;
+    readonly borderWidth: 1;
+    readonly borderStyle: "solid";
+    readonly borderColor: "#D9D9D9" | "#FF4D4F";
+    readonly ":focus, :focus-within": {
+        readonly outline: "none";
+        readonly borderColor: "#FF4D4F" | "#0CB3B3";
+        readonly boxShadow: `0px 0px 4px 0px rgba(${number}, ${number}, ${number}, 0.5)`;
+    };
+    readonly ":hover": {
+        readonly borderColor: "#FF7875" | "#50CCC4" | undefined;
+    };
+    readonly fontFamily: "Roboto";
+    readonly fontSize: 14;
+    readonly lineHeight: "20px";
+    readonly position: "relative";
+    readonly boxSizing: "border-box";
+    readonly minWidth: 0;
+    readonly width: "100%";
+    readonly cursor: "not-allowed" | undefined;
+    readonly paddingInline: number;
+    readonly paddingBlock: number;
+};
+export declare const getSharedInputStyle: (inputTokens: InputTokens, errorStatus: boolean, disabled: boolean | undefined, theme: Theme) => {
+    readonly color: "#8C8C8C" | "#BFBFBF" | "#FF4D4F";
+    readonly ".input-group &:first-child": {
+        readonly borderStartEndRadius: 0;
+        readonly borderEndEndRadius: 0;
+    };
+    readonly ".input-group &:last-child": {
+        readonly borderStartStartRadius: 0;
+        readonly borderEndStartRadius: 0;
+    };
+    readonly ".input-group &:not(:first-child):not(:last-child)": {
+        readonly borderRadius: 0;
+    };
+    readonly backgroundColor: "#F0F0F0" | "#FFFFFF";
+    readonly borderRadius: 4;
+    readonly borderWidth: 1;
+    readonly borderStyle: "solid";
+    readonly borderColor: "#D9D9D9" | "#FF4D4F";
+    readonly ":focus, :focus-within": {
+        readonly outline: "none";
+        readonly borderColor: "#FF4D4F" | "#0CB3B3";
+        readonly boxShadow: `0px 0px 4px 0px rgba(${number}, ${number}, ${number}, 0.5)`;
+    };
+    readonly ":hover": {
+        readonly borderColor: "#FF7875" | "#50CCC4" | undefined;
+    };
+    readonly fontFamily: "Roboto";
+    readonly fontSize: 14;
+    readonly lineHeight: "20px";
+    readonly position: "relative";
+    readonly boxSizing: "border-box";
+    readonly minWidth: 0;
+    readonly width: "100%";
+    readonly cursor: "not-allowed" | undefined;
+    readonly paddingInline: number;
+    readonly paddingBlock: number;
+};
+export declare const getAffixWrapperStyle: (inputTokens: InputTokens, errorStatus: boolean, disabled: boolean | undefined) => (theme: Theme) => {
+    color: "#8C8C8C" | "#BFBFBF" | "#FF4D4F";
+    ".input-group &:first-child": {
+        readonly borderStartEndRadius: 0;
+        readonly borderEndEndRadius: 0;
+    };
+    ".input-group &:last-child": {
+        readonly borderStartStartRadius: 0;
+        readonly borderEndStartRadius: 0;
+    };
+    ".input-group &:not(:first-child):not(:last-child)": {
+        readonly borderRadius: 0;
+    };
+    backgroundColor: "#F0F0F0" | "#FFFFFF";
+    borderRadius: 4;
+    borderWidth: 1;
+    borderStyle: "solid";
+    borderColor: "#D9D9D9" | "#FF4D4F";
+    ":focus, :focus-within": {
+        readonly outline: "none";
+        readonly borderColor: "#FF4D4F" | "#0CB3B3";
+        readonly boxShadow: `0px 0px 4px 0px rgba(${number}, ${number}, ${number}, 0.5)`;
+    };
+    ":hover": {
+        readonly borderColor: "#FF7875" | "#50CCC4" | undefined;
+    };
+    fontFamily: "Roboto";
+    fontSize: 14;
+    lineHeight: "20px";
+    position: "relative";
+    boxSizing: "border-box";
+    minWidth: 0;
+    width: "100%";
+    cursor: "not-allowed" | undefined;
+    paddingInline: number;
+    paddingBlock: number;
+    display: string;
+};
+export declare const affixedInputStyle: {
+    padding: number;
+    border: string;
+    fontFamily: string;
+    fontSize: string;
+    lineHeight: string;
+    color: string;
+    background: string;
+    cursor: string;
+    width: string;
+    outline: string;
+};
+export declare const getBaseInputStyle: (inputTokens: InputTokens, disabled: boolean | undefined) => {
+    color: "#262626" | undefined;
+    "::placeholder": {
+        color: string;
+    };
+};
+export declare const addonWrapperStyle: {
+    display: string;
+};

package/dist/components/Input/Input.styles.js

@@ -0,0 +1,138 @@
+const inputGroupClassName = "input-group";
+const commonAffixStyle = {
+  display: "flex",
+  alignItems: "center",
+  flex: "none"
+};
+const prefixStyle = (theme) => ({
+  ...commonAffixStyle,
+  marginRight: theme.marginXS
+});
+const suffixStyle = (theme) => ({
+  ...commonAffixStyle,
+  marginLeft: theme.marginM
+});
+const prefixSuffixStyle = (theme) => ({
+  fontSize: theme.iconM
+});
+const getClearIconWrapperStyle = (needClear) => (theme) => ({
+  display: "flex",
+  alignItems: "center",
+  alignSelf: "center",
+  visibility: needClear ? void 0 : "hidden",
+  fontSize: theme.iconM,
+  cursor: "pointer",
+  border: "none",
+  background: "none",
+  padding: 0,
+  marginLeft: theme.marginM,
+  color: theme.transparentBlack30,
+  ":hover": {
+    color: theme.transparentBlack70
+  }
+});
+const nonStringAddonStyle = (theme) => ({
+  fontSize: theme.iconM
+});
+const getAddonStyle = (inputTokens, disabled) => (theme) => ({
+  cursor: disabled ? "not-allowed" : void 0,
+  display: "flex",
+  alignItems: "center",
+  flex: "none",
+  ...theme.typography.body2,
+  color: disabled ? inputTokens.inputTextDisabled : inputTokens.inputText,
+  backgroundColor: disabled ? inputTokens.inputBgDisabled : inputTokens.inputAddonBg,
+  borderWidth: 1,
+  borderStyle: "solid",
+  borderColor: inputTokens.inputBorder,
+  borderRadius: theme.borderRadiusM,
+  paddingInline: inputTokens.inputPaddingHorizontal - 1,
+  ":first-child": {
+    borderInlineEnd: 0,
+    borderStartEndRadius: 0,
+    borderEndEndRadius: 0
+  },
+  ":last-child": {
+    borderInlineStart: 0,
+    borderStartStartRadius: 0,
+    borderEndStartRadius: 0
+  }
+});
+const getSharedCommonStyle = (inputTokens, errorStatus, disabled, theme) => ({
+  position: "relative",
+  boxSizing: "border-box",
+  minWidth: 0,
+  width: "100%",
+  cursor: disabled ? "not-allowed" : void 0,
+  paddingInline: inputTokens.inputPaddingHorizontal - 1,
+  paddingBlock: inputTokens.inputPaddingVertical - 1,
+  ...theme.typography.body2,
+  backgroundColor: disabled ? inputTokens.inputBgDisabled : inputTokens.inputBg,
+  borderRadius: theme.borderRadiusM,
+  borderWidth: 1,
+  borderStyle: "solid",
+  borderColor: errorStatus ? inputTokens.inputBorderDanger : inputTokens.inputBorder,
+  ":focus, :focus-within": {
+    outline: "none",
+    borderColor: errorStatus ? inputTokens.inputBorderDanger : inputTokens.inputBorderActive,
+    boxShadow: `0px 0px 4px 0px ${errorStatus ? theme.fieldFocusedDanger : theme.fieldFocused}`
+  },
+  ":hover": {
+    borderColor: disabled ? void 0 : errorStatus ? inputTokens.inputBorderDangerHover : inputTokens.inputBorderHover
+  }
+});
+const getSharedInputStyle = (inputTokens, errorStatus, disabled, theme) => ({
+  ...getSharedCommonStyle(inputTokens, errorStatus, disabled, theme),
+  color: disabled ? inputTokens.inputTextDisabled : errorStatus ? inputTokens.inputTextDanger : inputTokens.inputPlaceholder,
+  [`.${inputGroupClassName} &:first-child`]: {
+    borderStartEndRadius: 0,
+    borderEndEndRadius: 0
+  },
+  [`.${inputGroupClassName} &:last-child`]: {
+    borderStartStartRadius: 0,
+    borderEndStartRadius: 0
+  },
+  [`.${inputGroupClassName} &:not(:first-child):not(:last-child)`]: {
+    borderRadius: 0
+  }
+});
+const getAffixWrapperStyle = (inputTokens, errorStatus, disabled) => (theme) => ({
+  display: "inline-flex",
+  ...getSharedInputStyle(inputTokens, errorStatus, disabled, theme)
+});
+const affixedInputStyle = {
+  padding: 0,
+  border: "none",
+  fontFamily: "inherit",
+  fontSize: "inherit",
+  lineHeight: "inherit",
+  color: "inherit",
+  background: "inherit",
+  cursor: "inherit",
+  width: "100%",
+  outline: "none"
+};
+const getBaseInputStyle = (inputTokens, disabled) => ({
+  color: disabled ? void 0 : inputTokens.inputText,
+  "::placeholder": {
+    color: disabled ? "inherit" : inputTokens.inputPlaceholder
+  }
+});
+const addonWrapperStyle = {
+  display: "inline-flex"
+};
+export {
+  addonWrapperStyle,
+  affixedInputStyle,
+  getAddonStyle,
+  getAffixWrapperStyle,
+  getBaseInputStyle,
+  getClearIconWrapperStyle,
+  getSharedCommonStyle,
+  getSharedInputStyle,
+  inputGroupClassName,
+  nonStringAddonStyle,
+  prefixStyle,
+  prefixSuffixStyle,
+  suffixStyle
+};

package/dist/components/Input/Input.tokens.d.ts

@@ -0,0 +1,18 @@
+import { Theme } from 'themes';
+export declare const getInputTokens: (theme: Theme) => {
+    inputBorder: "#D9D9D9";
+    inputBorderHover: "#50CCC4";
+    inputBorderActive: "#0CB3B3";
+    inputBorderDanger: "#FF4D4F";
+    inputBorderDangerHover: "#FF7875";
+    inputBg: "#FFFFFF";
+    inputBgDisabled: "#F0F0F0";
+    inputPlaceholder: "#BFBFBF";
+    inputText: "#262626";
+    inputTextDisabled: "#8C8C8C";
+    inputTextDanger: "#FF4D4F";
+    inputAddonBg: "#FAFAFA";
+    inputPaddingVertical: 4;
+    inputPaddingHorizontal: 12;
+};
+export type InputTokens = ReturnType<typeof getInputTokens>;

package/dist/components/Input/Input.tokens.js

@@ -0,0 +1,19 @@
+const getInputTokens = (theme) => ({
+  inputBorder: theme.lineBorder,
+  inputBorderHover: theme.primaryHover,
+  inputBorderActive: theme.primaryBase,
+  inputBorderDanger: theme.dangerBase,
+  inputBorderDangerHover: theme.dangerHover,
+  inputBg: theme.bgContainer,
+  inputBgDisabled: theme.bgContainerDisabled,
+  inputPlaceholder: theme.textHint,
+  inputText: theme.textPrimary,
+  inputTextDisabled: theme.textDisabled,
+  inputTextDanger: theme.dangerBase,
+  inputAddonBg: theme.bgContainerComplimentary,
+  inputPaddingVertical: theme.x1,
+  inputPaddingHorizontal: theme.x3
+});
+export {
+  getInputTokens
+};

package/dist/components/Input/Input.types.d.ts

@@ -0,0 +1,19 @@
+import { ComponentType, InputHTMLAttributes, KeyboardEventHandler, ReactNode } from 'react';
+import { InputPasswordProps } from './components/InputPassword/InputPassword.types';
+import { InputTextAreaProps } from './components/InputTextArea/InputTextArea.types';
+export interface InputProps extends Pick<InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "placeholder" | "disabled" | "readOnly" | "type" | "name" | "defaultValue" | "value" | "onChange" | "maxLength" | "id" | "style" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp"> {
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    allowClear?: boolean;
+    addonBefore?: ReactNode;
+    addonAfter?: ReactNode;
+    status?: "error";
+    onClear?: () => void;
+    onPressEnter?: KeyboardEventHandler<HTMLInputElement>;
+}
+export interface WithPassword {
+    Password: ComponentType<InputPasswordProps>;
+}
+export interface WithTextArea {
+    TextArea: ComponentType<InputTextAreaProps>;
+}

package/dist/components/Input/components/InputPassword/InputPassword.d.ts

@@ -0,0 +1,2 @@
+import { InputPasswordProps } from './InputPassword.types';
+export declare const InputPassword: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<InputPasswordProps & import('react').RefAttributes<HTMLInputElement>>>;