@homecode/ui 5.1.9 → 5.1.10

package/dist/esm/src/components/Input/Input.js

@@ -1,2 +1,281 @@
-import{jsxs,jsx,Fragment}from"react/jsx-runtime";import{forwardRef,useRef,useState,useMemo,useEffect,createElement}from"react";import cn from"classnames";import{Label}from"../Label/Label.js";import{RequiredStar}from"../RequiredStar/RequiredStar.js";import{AssistiveText}from"../AssistiveText/AssistiveText.js";import{Button}from"../Button/Button.js";import{Icon}from"../Icon/Icon.js";import{Scroll}from"../Scroll/Scroll.js";import{capitalize}from"../../tools/string.js";import{generateUID}from"../../tools/uid.js";import S from"./Input.styl.js";const TEXTAREA_SCROLL_TOP_OFFSET={s:30,m:40,l:50},Input=forwardRef((a,t)=>{const r=useRef(null);const{type:n="text",size:e="m",variant:s="default",value:o,defaultValue:l="",onChange:c,onFocus:i,onBlur:u,onClear:q,onInput:w,changeOnEnd:O,checkAutofill:W,hasClear:d,required:p,hideRequiredStar:_,disabled:m,error:f,label:v,placeholder:x,addonLeft:H,clearPaddingLeft:U,clearPaddingRight:M,forceLabelOnTop:X,scrollProps:h,step:g=1,round:j,autoFocus:E,className:V,fitContentWidth:G}=a,J=useRef(!1),[b,K]=useState(!1),y=e=>{J.current=e,K(e)},[T,C]=useState(o??l??""),[Q,Y]=useState(""),[R,Z]=useState(""),$=useRef(generateUID()),N="textarea"===n,I="number"===n;var ee=I||Boolean(o||T||l);const L=X||Boolean(H)||ee||b,P=useRef(0),z=(e=T)=>"number"===n?e?parseFloat(e):0:N?r.current.innerText:e,te=e=>{e.preventDefault();e=(e.clipboardData||window.clipboardData)?.getData("text/plain")||"";if(document.queryCommandSupported("insertText"))document.execCommand("insertText",!1,e);else{var t=window.getSelection();if(!t.rangeCount)return;t.deleteFromDocument(),t.getRangeAt(0).insertNode(document.createTextNode(e)),t.collapseToEnd()}setTimeout(()=>{var e;r.current&&(e=r.current.innerText,k(e))},0)},re=e=>{r.current&&(r.current.innerText=e)};const ne=e=>{var t=a["changeOnEnd"];t&&"Enter"===e.key&&(e.preventDefault(),e.stopPropagation(),oe()),b&&"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),r.current?.blur())},A=e=>{let t=z(e.target.value);N&&!t.trim()&&(t=""),k(t,e)},k=(e,t)=>{!I&&r.current&&(P.current=r.current.selectionStart),C(e),c?.(t,e)},ae=e=>{e=z()+g*e;k(e),c?.(null,e)},se=e=>{C(e.target.innerText),A(e),w?.(e)};const oe=()=>{c?.(null,z())},le=e=>{y(!0),i?.(e)},ce=e=>{O&&oe();var t=z(e?.target?.value);y(!1),W&&c&&!o&&t&&c(null,t),u&&u(e)};var B=useMemo(()=>{var e={type:n,value:T,step:g,required:p,disabled:m,...a.controlProps,onChange:A,onFocus:le,onBlur:ce};return N&&(e.contentEditable=!0,e.onInput=se),!x||T||v&&!L||(e.placeholder=x),R||(e.suppressHydrationWarning=!0,e.autoComplete=$.current,delete e.name),void 0===e.value&&(e.value=" "),e},[n,e,s,T,l,g,p,m,a.controlProps,A,i,u,N,se,x,v,L,R]),ie=e=>{var t,r,e="addon"+capitalize(e),n=a[e];return n?(e={className:cn(S[e],a[e+"ClassName"]),key:e},r=(t="string"==typeof n)?jsx("span",{children:n}):n,t&&(e.title=n),jsx("div",{...e,children:r})):null},D=(useEffect(()=>(document.addEventListener("keydown",ne),N&&r.current?.addEventListener("paste",te),()=>{document.removeEventListener("keydown",ne),r.current?.removeEventListener("paste",te)}),[N]),useEffect(()=>{var e,t;t=a.type,e=r.current,b&&e&&"text"===t&&(e.selectionStart=P.current,e.selectionEnd=P.current),t=(r.current?.closest("form"))?.getAttribute("autocomplete"),R!==t&&Z(t),o!==T&&(N&&re(String(o??"")),C(o)),E&&r.current&&r.current.focus()},[o,E]),useEffect(()=>{N&&re(String(o??""))},[]),N?"span":"input"),F=cn(S.root,N&&S.isTextArea,S["size-"+e],S["variant-"+s],b&&S.isFocused,f&&S.hasError,d&&S.hasClear,m&&S.isDisabled,j&&S.round,G&&!N&&S.fitContentWidth,V);return jsxs("div",{className:F,children:[jsxs("label",{className:cn(S.main,U&&S.clearPaddingLeft,M&&S.clearPaddingRight),children:[jsx("div",{className:S.border,suppressHydrationWarning:!0,style:{clipPath:Q}},"border"),ie("left"),(F=jsxs(Fragment,{children:[createElement(D,{...B,className:cn(S.control,B?.className),ref:e=>{r.current=e,"function"==typeof t?t(e):t&&(t.current=e)},key:"control"}),N&&B.placeholder&&!B.value&&jsx("span",{className:S.placeholder,spellCheck:!1,children:B.placeholder})]}),N?(D=a["size"],createElement(Scroll,{y:!0,size:D,fadeSize:"s",className:cn(S.scroller,S.controlWrapper,h?.className),offset:{y:{before:TEXTAREA_SCROLL_TOP_OFFSET[D],after:20}},...h,innerProps:{suppressHydrationWarning:!0,style:{clipPath:Q}},key:"scroller"},F)):jsx("div",{className:S.controlWrapper,children:F})),I&&jsxs("div",{className:S.numberArrows,children:[jsx(Button,{variant:"clear",onClick:()=>ae(1),tabIndex:-1,children:jsx(Icon,{type:"chevronUp",size:e})}),jsx(Button,{variant:"clear",onClick:()=>ae(-1),tabIndex:-1,children:jsx(Icon,{type:"chevronDown",size:e})})]}),jsx(Label,{className:S.label,size:e,isOnTop:L,isError:Boolean(f),onClipPathChange:e=>Y(e),children:v},"label"),d&&!m&&ee&&jsx(Button,{className:S.clearButton,variant:"clear",size:e,square:!0,round:j,onClick:e=>{e.preventDefault(),e.stopPropagation(),q?.(),N&&(r.current.innerText=""),c?k(""):N||(r.current.value=""),r.current?.focus()},title:"",children:jsx(Icon,{className:S.clearIcon,size:e,type:"close"})},"clear"),ie("right"),p&&!_&&jsx(RequiredStar,{size:e},"required-star")]},"main"),!m&&"string"==typeof f&&jsx(AssistiveText,{variant:"danger",size:e,children:f},"assistive-text")]})});export{Input};
-//# sourceMappingURL=Input.js.map
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { forwardRef, useRef, useState, useMemo, useEffect, createElement } from 'react';
+import cn from 'classnames';
+import { Label } from '../Label/Label.js';
+import { RequiredStar } from '../RequiredStar/RequiredStar.js';
+import { AssistiveText } from '../AssistiveText/AssistiveText.js';
+import { Button } from '../Button/Button.js';
+import { Icon } from '../Icon/Icon.js';
+import { Scroll } from '../Scroll/Scroll.js';
+import { capitalize } from '../../tools/string.js';
+import { generateUID } from '../../tools/uid.js';
+import S from './Input.styl.js';
+
+const TEXTAREA_SCROLL_TOP_OFFSET = {
+    s: 30,
+    m: 40,
+    l: 50,
+};
+const Input = forwardRef((props, ref) => {
+    const inputRef = useRef(null);
+    const setRef = (element) => {
+        inputRef.current = element;
+        if (typeof ref === 'function') {
+            ref(element);
+        }
+        else if (ref) {
+            ref.current = element;
+        }
+    };
+    const { type = 'text', size = 'm', variant = 'default', value, defaultValue = '', onChange, onFocus, onBlur, onClear, onInput, changeOnEnd, checkAutofill, hasClear, required, hideRequiredStar, disabled, error, label, placeholder, addonLeft, addonRight, clearPaddingLeft, clearPaddingRight, forceLabelOnTop, scrollProps, step = 1, round, autoFocus, className, fitContentWidth, } = props;
+    const updateAutoComplete = () => {
+        const form = inputRef.current?.closest('form');
+        const val = form?.getAttribute('autocomplete');
+        if (autoComplete !== val)
+            setAutoComplete(val);
+    };
+    const updateSelection = () => {
+        const { type } = props;
+        const elem = inputRef.current;
+        if (!isFocused || !elem || type !== 'text')
+            return;
+        elem.selectionStart = cursorPos.current;
+        elem.selectionEnd = cursorPos.current;
+    };
+    const isFocusedRef = useRef(false);
+    const [isFocused, _setIsFocused] = useState(false);
+    const setIsFocused = (val) => {
+        isFocusedRef.current = val;
+        _setIsFocused(val);
+    };
+    const [inputValue, setInputValue] = useState((value ?? defaultValue ?? ''));
+    const [labelClipPath, setLabelClipPath] = useState('');
+    const [autoComplete, setAutoComplete] = useState('');
+    const uid = useRef(generateUID());
+    const isTextArea = type === 'textarea';
+    const isNumber = type === 'number';
+    const hasValue = isNumber || Boolean(value || inputValue || defaultValue);
+    const isLabelOnTop = forceLabelOnTop || Boolean(addonLeft) || hasValue || isFocused;
+    const cursorPos = useRef(0);
+    const getValue = (val = inputValue) => {
+        if (type === 'number') {
+            if (val)
+                return parseFloat(val);
+            return 0;
+        }
+        if (isTextArea)
+            return inputRef.current.innerText; //.replace(/\n/g, '');
+        return val;
+    };
+    const onTextareaPaste = e => {
+        // Prevent default paste behavior to strip formatting
+        e.preventDefault();
+        // Get plain text from clipboard
+        const text = (e.clipboardData || window.clipboardData)?.getData('text/plain') || '';
+        // Insert plain text at cursor position
+        if (document.queryCommandSupported('insertText')) {
+            document.execCommand('insertText', false, text);
+        }
+        else {
+            // Fallback for older browsers
+            const selection = window.getSelection();
+            if (!selection.rangeCount)
+                return;
+            selection.deleteFromDocument();
+            selection.getRangeAt(0).insertNode(document.createTextNode(text));
+            selection.collapseToEnd();
+        }
+        // Update the value after paste
+        setTimeout(() => {
+            if (inputRef.current) {
+                const newValue = inputRef.current.innerText;
+                onChangeValue(newValue);
+            }
+        }, 0);
+    };
+    const setTextareaValue = (value) => {
+        // @ts-ignore
+        if (inputRef.current)
+            inputRef.current.innerText = value;
+    };
+    const onClearPress = e => {
+        e.preventDefault();
+        e.stopPropagation();
+        onClear?.();
+        if (isTextArea) {
+            inputRef.current.innerText = '';
+        }
+        if (onChange) {
+            onChangeValue('');
+        }
+        else {
+            if (!isTextArea) {
+                inputRef.current.value = '';
+            }
+        }
+        inputRef.current?.focus();
+    };
+    const onDocKeyUp = (e) => {
+        const { changeOnEnd } = props;
+        if (changeOnEnd && e.key === 'Enter') {
+            e.preventDefault();
+            e.stopPropagation();
+            onTypingEnd();
+        }
+        if (isFocused && e.key === 'Escape') {
+            e.preventDefault();
+            e.stopPropagation();
+            inputRef.current?.blur();
+        }
+    };
+    const handleChange = (e) => {
+        let val = getValue(e.target.value);
+        if (isTextArea && !val.trim()) {
+            val = '';
+        }
+        onChangeValue(val, e);
+    };
+    const onChangeValue = (value, e) => {
+        if (!isNumber && inputRef.current) {
+            cursorPos.current = inputRef.current.selectionStart;
+        }
+        setInputValue(value);
+        onChange?.(e, value);
+    };
+    const onNumberWheel = delta => {
+        const value = getValue() + step * delta;
+        onChangeValue(value);
+        onChange?.(null, value);
+    };
+    const onTextAreaInput = e => {
+        setInputValue(e.target.innerText);
+        handleChange(e);
+        onInput?.(e);
+    };
+    const onLabelClipPathChange = (clipPath) => setLabelClipPath(clipPath);
+    const onTypingEnd = () => {
+        onChange?.(null, getValue());
+    };
+    const handleFocus = e => {
+        setIsFocused(true);
+        onFocus?.(e);
+    };
+    const handleBlur = e => {
+        if (changeOnEnd)
+            onTypingEnd();
+        const val = getValue(e?.target?.value);
+        setIsFocused(false);
+        if (checkAutofill && onChange && !value && val)
+            onChange(null, val);
+        if (onBlur)
+            onBlur(e);
+    };
+    const controlProps = useMemo(() => {
+        const controlProps = {
+            type,
+            value: inputValue,
+            step,
+            required,
+            disabled,
+            ...props.controlProps,
+            onChange: handleChange,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+        };
+        if (isTextArea) {
+            controlProps.contentEditable = true;
+            controlProps.onInput = onTextAreaInput;
+        }
+        if (placeholder && !inputValue && (!label || isLabelOnTop)) {
+            controlProps.placeholder = placeholder;
+        }
+        if (!autoComplete) {
+            controlProps.suppressHydrationWarning = true;
+            controlProps.autoComplete = uid.current;
+            delete controlProps.name;
+        }
+        if (controlProps.value === undefined)
+            controlProps.value = ' ';
+        return controlProps;
+    }, [
+        type,
+        size,
+        variant,
+        inputValue,
+        defaultValue,
+        step,
+        required,
+        disabled,
+        props.controlProps,
+        handleChange,
+        onFocus,
+        onBlur,
+        isTextArea,
+        onTextAreaInput,
+        placeholder,
+        label,
+        isLabelOnTop,
+        autoComplete,
+    ]);
+    const wrapControl = control => {
+        if (isTextArea) {
+            const { size } = props;
+            return (createElement(Scroll, { y: true, size: size, fadeSize: "s", className: cn(S.scroller, S.controlWrapper, scrollProps?.className), offset: {
+                    y: { before: TEXTAREA_SCROLL_TOP_OFFSET[size], after: 20 },
+                }, ...scrollProps, innerProps: {
+                    suppressHydrationWarning: true,
+                    style: { clipPath: labelClipPath },
+                }, key: "scroller" }, control));
+        }
+        return jsx("div", { className: S.controlWrapper, children: control });
+    };
+    const renderAddon = (type) => {
+        const name = `addon${capitalize(type)}`;
+        const content = props[name];
+        if (!content)
+            return null;
+        const addonProps = {
+            className: cn(S[name], props[`${name}ClassName`]),
+            key: name,
+        };
+        const isString = typeof content === 'string';
+        const elem = isString ? jsx("span", { children: content }) : content;
+        // @ts-ignore
+        if (isString)
+            addonProps.title = content;
+        return jsx("div", { ...addonProps, children: elem });
+    };
+    useEffect(() => {
+        document.addEventListener('keydown', onDocKeyUp);
+        if (isTextArea) {
+            inputRef.current?.addEventListener('paste', onTextareaPaste);
+        }
+        return () => {
+            document.removeEventListener('keydown', onDocKeyUp);
+            inputRef.current?.removeEventListener('paste', onTextareaPaste);
+        };
+    }, [isTextArea]);
+    useEffect(() => {
+        updateSelection();
+        updateAutoComplete();
+        if (value !== inputValue) {
+            if (isTextArea)
+                setTextareaValue(String(value ?? ''));
+            setInputValue(value);
+        }
+        if (autoFocus && inputRef.current) {
+            inputRef.current.focus();
+        }
+    }, [value, autoFocus]);
+    useEffect(() => {
+        if (isTextArea)
+            setTextareaValue(String(value ?? ''));
+    }, []);
+    const Control = isTextArea ? 'span' : 'input';
+    const classes = cn(S.root, isTextArea && S.isTextArea, S[`size-${size}`], S[`variant-${variant}`], isFocused && S.isFocused, error && S.hasError, hasClear && S.hasClear, disabled && S.isDisabled, round && S.round, fitContentWidth && !isTextArea && S.fitContentWidth, className);
+    return (jsxs("div", { className: classes, children: [jsxs("label", { className: cn(S.main, clearPaddingLeft && S.clearPaddingLeft, clearPaddingRight && S.clearPaddingRight), children: [jsx("div", { className: S.border, suppressHydrationWarning: true, style: { clipPath: labelClipPath } }, "border"), renderAddon('left'), wrapControl(jsxs(Fragment, { children: [createElement(Control, { ...controlProps, className: cn(S.control, controlProps?.className), ref: setRef, key: "control" }), isTextArea &&
+                                controlProps.placeholder &&
+                                !controlProps.value && (jsx("span", { className: S.placeholder, spellCheck: false, children: controlProps.placeholder }))] })), isNumber && (jsxs("div", { className: S.numberArrows, children: [jsx(Button, { variant: "clear", onClick: () => onNumberWheel(1), tabIndex: -1, children: jsx(Icon, { type: "chevronUp", size: size }) }), jsx(Button, { variant: "clear", onClick: () => onNumberWheel(-1), tabIndex: -1, children: jsx(Icon, { type: "chevronDown", size: size }) })] })), jsx(Label, { className: S.label, size: size, isOnTop: isLabelOnTop, isError: Boolean(error), onClipPathChange: onLabelClipPathChange, children: label }, "label"), hasClear && !disabled && hasValue && (jsx(Button, { className: S.clearButton, variant: "clear", size: size, square: true, round: round, onClick: onClearPress, title: "", children: jsx(Icon, { className: S.clearIcon, size: size, type: "close" }) }, "clear")), renderAddon('right'), required && !hideRequiredStar && (jsx(RequiredStar, { size: size }, "required-star"))] }, "main"), !disabled && typeof error === 'string' && (jsx(AssistiveText, { variant: "danger", size: size, children: error }, "assistive-text"))] }));
+});
+
+export { Input };

package/dist/esm/src/components/Input/Input.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z='.Input_root__kj4vQ{color:var(--accent-color);position:relative}.Input_root__kj4vQ.Input_isTextArea__1a6n1{max-height:10em}.Input_main__M6Qxb,.Input_root__kj4vQ{width:100%}.Input_controlWrapper__WgrZL,.Input_root__kj4vQ{max-width:100%}.Input_main__M6Qxb{border-radius:inherit;display:flex;max-width:100%;position:relative}.Input_main__M6Qxb.Input_clearPaddingRight__sGl9l{padding-right:0!important}.Input_main__M6Qxb.Input_clearPaddingLeft__LBlwM{padding-left:0!important}.Input_isTextArea__1a6n1 .Input_main__M6Qxb{height:auto;max-height:inherit!important}.Input_border__01i-B{background-color:var(--accent-color-alpha-100);border-radius:inherit;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:.15s ease-out;transition-property:box-shadow,border-color,background-color;z-index:0}.Input_root__kj4vQ:hover .Input_border__01i-B{background-color:var(--active-color-alpha-100)}.Input_variant-clean__yjtdm .Input_border__01i-B{background-color:transparent}.Input_isFocused__9jtFN.Input_variant-clean__yjtdm .Input_border__01i-B{background-color:var(--active-color-alpha-300)}.Input_variant-default__frNbg .Input_border__01i-B{background-color:var(--accent-color-alpha-100)}.Input_isFocused__9jtFN.Input_variant-default__frNbg .Input_border__01i-B{background-color:var(--active-color-alpha-300)}.Input_variant-outlined__qKjnJ .Input_border__01i-B{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.Input_isFocused__9jtFN.Input_variant-outlined__qKjnJ .Input_border__01i-B{background-color:var(--active-color-alpha-300);box-shadow:inset 0 0 0 2px var(--active-color)}.Input_hasError__5iS2M .Input_variant-outlined__qKjnJ .Input_border__01i-B,.Input_hasError__5iS2M:hover .Input_variant-outlined__qKjnJ .Input_border__01i-B{box-shadow:inset 0 0 0 2px var(--danger-color)}.Input_isDisabled__e7J10.Input_variant-outlined__qKjnJ .Input_border__01i-B{box-shadow:none}.Input_size-xs__b5Kx7{font-size:14px}.Input_size-xs__b5Kx7 .Input_main__M6Qxb{border-radius:4px;font-size:14px;min-height:24px;min-width:24px;padding:0 0 0 8px}.Input_round__yJr-2.Input_size-xs__b5Kx7 .Input_main__M6Qxb{border-radius:12px}.Input_size-s__-U0r-{font-size:16px}.Input_size-s__-U0r- .Input_main__M6Qxb{border-radius:4px;font-size:16px;min-height:32px;min-width:32px;padding:0 0 0 12px}.Input_round__yJr-2.Input_size-s__-U0r- .Input_main__M6Qxb{border-radius:16px}.Input_size-m__jTEMl{font-size:18px}.Input_size-m__jTEMl .Input_main__M6Qxb{border-radius:6px;font-size:18px;min-height:40px;min-width:40px;padding:0 0 0 16px}.Input_round__yJr-2.Input_size-m__jTEMl .Input_main__M6Qxb{border-radius:20px}.Input_size-l__BR-zg{font-size:22px}.Input_size-l__BR-zg .Input_main__M6Qxb{border-radius:8px;font-size:22px;min-height:48px;min-width:48px;padding:0 0 0 20px}.Input_round__yJr-2.Input_size-l__BR-zg .Input_main__M6Qxb{border-radius:24px}.Input_size-xl__o-R-1{font-size:26px}.Input_size-xl__o-R-1 .Input_main__M6Qxb{border-radius:10px;font-size:26px;min-height:56px;min-width:56px;padding:0 0 0 24px}.Input_round__yJr-2.Input_size-xl__o-R-1 .Input_main__M6Qxb{border-radius:28px}.Input_isDisabled__e7J10{color:var(--accent-color-alpha-500);opacity:.4}.Input_addonLeft__i1c70,.Input_addonRight__A9Iht,.Input_control__wZcMD{font-size:inherit;font-weight:400}.Input_labelGap__T6fAj{opacity:0;pointer-events:none;position:absolute}.Input_isTextArea__1a6n1 .Input_label__FT90l{max-height:40px}.Input_scroller__OBm8M{max-height:100%;width:100%}.Input_controlWrapper__WgrZL{flex:1}.Input_control__wZcMD{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;box-shadow:none;box-shadow:inset 0 0 0 2px none;color:inherit;display:inline-flex;filter:none;flex-grow:1;height:100%;min-width:30px;position:relative;text-overflow:ellipsis;transition:border-color .15s ease-in-out 0s;width:100%}.Input_control__wZcMD:-internal-autofill-selected,.Input_control__wZcMD:-webkit-autofill{animation-fill-mode:both;animation-name:Input_clearBg__jqI1h}.Input_size-xs__b5Kx7 .Input_control__wZcMD{padding-right:10px}.Input_size-s__-U0r- .Input_control__wZcMD{padding-right:12px}.Input_size-m__jTEMl .Input_control__wZcMD{padding-right:16px}.Input_size-l__BR-zg .Input_control__wZcMD{padding-right:20px}.Input_size-xl__o-R-1 .Input_control__wZcMD{padding-right:22px}.Input_size-xs__b5Kx7.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:20px}.Input_size-s__-U0r-.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:24px}.Input_size-m__jTEMl.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:34px}.Input_size-l__BR-zg.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:36px}.Input_size-xl__o-R-1.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:40px}.Input_control__wZcMD::-moz-placeholder{color:var(--accent-color-alpha-500)}.Input_control__wZcMD::placeholder{color:var(--accent-color-alpha-500)}.Input_control__wZcMD::-moz-selection{background-color:var(--active-color-alpha-300)}.Input_control__wZcMD::selection{background-color:var(--active-color-alpha-300)}.Input_isTextArea__1a6n1 .Input_control__wZcMD{display:block;height:100%;min-height:100%;width:100%}.Input_isTextArea__1a6n1 .Input_control__wZcMD:hover{cursor:text}.Input_isTextArea__1a6n1 .Input_control__wZcMD:after{content:"";display:block}.Input_control__wZcMD[type=number]{-moz-appearance:textfield;margin-right:14px}.Input_control__wZcMD[type=number]::-webkit-inner-spin-button,.Input_control__wZcMD[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.Input_numberArrows__8jveR{display:flex;flex-direction:column;height:100%;position:absolute;right:0}.Input_numberArrows__8jveR>button{background-color:transparent!important;height:50%;max-height:none;min-height:0;min-height:auto;opacity:.5;padding-left:0;padding-right:0;transition:opacity .1s ease-out;width:50%}.Input_numberArrows__8jveR>button:hover{opacity:1}.Input_size-xs__b5Kx7 .Input_numberArrows__8jveR>button{min-width:19.2px}.Input_size-s__-U0r- .Input_numberArrows__8jveR>button{min-width:25.6px}.Input_size-m__jTEMl .Input_numberArrows__8jveR>button{min-width:32px}.Input_size-l__BR-zg .Input_numberArrows__8jveR>button{min-width:38.4px}.Input_size-xl__o-R-1 .Input_numberArrows__8jveR>button{min-width:44.8px}.Input_numberArrows__8jveR>button>svg{transform:scale(.8)}.Input_numberArrows__8jveR>button:first-child>svg{margin-bottom:-5%}.Input_numberArrows__8jveR>button:last-child>svg{margin-top:-5%}.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding-left:0!important}.Input_size-xs__b5Kx7.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-xs__b5Kx7.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:6px 12px 0 8px}.Input_size-xs__b5Kx7.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-xs__b5Kx7.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:6px}.Input_size-s__-U0r-.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-s__-U0r-.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:8px 16px 0 12px}.Input_size-s__-U0r-.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-s__-U0r-.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:8px}.Input_size-m__jTEMl.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-m__jTEMl.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:10px 20px 0 16px}.Input_size-m__jTEMl.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-m__jTEMl.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:10px}.Input_size-l__BR-zg.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-l__BR-zg.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:12px 24px 0 20px}.Input_size-l__BR-zg.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-l__BR-zg.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:12px}.Input_size-xl__o-R-1.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-xl__o-R-1.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:14px 28px 0 24px}.Input_size-xl__o-R-1.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-xl__o-R-1.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:14px}.Input_placeholder__DRYLA{display:inline-block;left:0;max-width:100%;opacity:.4;overflow:hidden;padding:inherit;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap}.Input_addonLeft__i1c70,.Input_addonRight__A9Iht{align-items:center;display:inline-flex;flex-shrink:0;min-width:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.Input_addonLeft__i1c70>span,.Input_addonRight__A9Iht>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Input_size-xs__b5Kx7 .Input_addonLeft__i1c70{margin-right:calc(var(--p-2)/2)}.Input_size-s__-U0r- .Input_addonLeft__i1c70{margin-right:calc(var(--p-3)/2)}.Input_size-m__jTEMl .Input_addonLeft__i1c70{margin-right:calc(var(--p-5)/2)}.Input_size-l__BR-zg .Input_addonLeft__i1c70{margin-right:calc(var(--p-8)/2)}.Input_size-xl__o-R-1 .Input_addonLeft__i1c70{margin-right:calc(var(--p-10)/2)}.Input_size-xs__b5Kx7 .Input_addonRight__A9Iht{margin-left:calc(var(--p-2)/2)}.Input_size-s__-U0r- .Input_addonRight__A9Iht{margin-left:calc(var(--p-3)/2)}.Input_size-m__jTEMl .Input_addonRight__A9Iht{margin-left:calc(var(--p-5)/2)}.Input_size-l__BR-zg .Input_addonRight__A9Iht{margin-left:calc(var(--p-8)/2)}.Input_size-xl__o-R-1 .Input_addonRight__A9Iht{margin-left:calc(var(--p-10)/2)}.Input_requiredStar__6MeQ4{background-color:var(--warning-color);border-radius:50%;height:8px;opacity:.8;pointer-events:none;position:absolute;width:8px}.Input_isDisabled__e7J10 .Input_requiredStar__6MeQ4{display:none}.Input_size-xs__b5Kx7 .Input_requiredStar__6MeQ4{right:3px;top:3px}.Input_size-s__-U0r- .Input_requiredStar__6MeQ4{right:4px;top:4px}.Input_size-m__jTEMl .Input_requiredStar__6MeQ4{right:6px;top:6px}.Input_size-l__BR-zg .Input_requiredStar__6MeQ4{right:8px;top:8px}.Input_size-xl__o-R-1 .Input_requiredStar__6MeQ4{right:10px;top:10px}.Input_isDisabled__e7J10{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Input_clearButton__0E-9L{bottom:1px;height:auto;position:absolute;right:0;top:0;z-index:1}.Input_clearButton__0E-9L:hover{background-color:var(--accent-color-alpha-0)!important}.Input_clearIcon__Gi1Nc{flex-shrink:0;opacity:.3;transition:opacity .2s ease-out}.Input_clearButton__0E-9L:hover .Input_clearIcon__Gi1Nc{opacity:.8}.Input_size-xs__b5Kx7 .Input_clearIcon__Gi1Nc{height:8px;width:8px}.Input_size-s__-U0r- .Input_clearIcon__Gi1Nc{height:10px;width:10px}.Input_size-m__jTEMl .Input_clearIcon__Gi1Nc{height:12px;width:12px}.Input_size-l__BR-zg .Input_clearIcon__Gi1Nc{height:14px;width:14px}.Input_size-xl__o-R-1 .Input_clearIcon__Gi1Nc{height:16px;width:16px}@supports (field-sizing:content){.Input_root__kj4vQ.Input_fitContentWidth__H0MTc,.Input_root__kj4vQ.Input_fitContentWidth__H0MTc .Input_main__M6Qxb{max-width:100%;width:-moz-fit-content;width:fit-content}.Input_root__kj4vQ.Input_fitContentWidth__H0MTc .Input_controlWrapper__WgrZL{flex:0 1 auto;max-width:100%;width:-moz-fit-content;width:fit-content}.Input_root__kj4vQ.Input_fitContentWidth__H0MTc .Input_control__wZcMD{field-sizing:content;flex-grow:0;max-width:100%;width:auto}}',S={root:"Input_root__kj4vQ",isTextArea:"Input_isTextArea__1a6n1",main:"Input_main__M6Qxb",controlWrapper:"Input_controlWrapper__WgrZL",clearPaddingRight:"Input_clearPaddingRight__sGl9l",clearPaddingLeft:"Input_clearPaddingLeft__LBlwM",border:"Input_border__01i-B","variant-clean":"Input_variant-clean__yjtdm",isFocused:"Input_isFocused__9jtFN","variant-default":"Input_variant-default__frNbg","variant-outlined":"Input_variant-outlined__qKjnJ",hasError:"Input_hasError__5iS2M",isDisabled:"Input_isDisabled__e7J10","size-xs":"Input_size-xs__b5Kx7",round:"Input_round__yJr-2","size-s":"Input_size-s__-U0r-","size-m":"Input_size-m__jTEMl","size-l":"Input_size-l__BR-zg","size-xl":"Input_size-xl__o-R-1",control:"Input_control__wZcMD",addonLeft:"Input_addonLeft__i1c70",addonRight:"Input_addonRight__A9Iht",labelGap:"Input_labelGap__T6fAj",label:"Input_label__FT90l",scroller:"Input_scroller__OBm8M",clearBg:"Input_clearBg__jqI1h",hasClear:"Input_hasClear__5Y3nU",numberArrows:"Input_numberArrows__8jveR",placeholder:"Input_placeholder__DRYLA",requiredStar:"Input_requiredStar__6MeQ4",clearButton:"Input_clearButton__0E-9L",clearIcon:"Input_clearIcon__Gi1Nc",fitContentWidth:"Input_fitContentWidth__H0MTc"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=Input.styl.js.map
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Input_root__kj4vQ{color:var(--accent-color);position:relative}.Input_root__kj4vQ.Input_isTextArea__1a6n1{max-height:10em}.Input_main__M6Qxb,.Input_root__kj4vQ{width:100%}.Input_controlWrapper__WgrZL,.Input_root__kj4vQ{max-width:100%}.Input_main__M6Qxb{border-radius:inherit;display:flex;max-width:100%;position:relative}.Input_main__M6Qxb.Input_clearPaddingRight__sGl9l{padding-right:0!important}.Input_main__M6Qxb.Input_clearPaddingLeft__LBlwM{padding-left:0!important}.Input_isTextArea__1a6n1 .Input_main__M6Qxb{height:auto;max-height:inherit!important}.Input_border__01i-B{background-color:var(--accent-color-alpha-100);border-radius:inherit;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:.15s ease-out;transition-property:box-shadow,border-color,background-color;z-index:0}.Input_root__kj4vQ:hover .Input_border__01i-B{background-color:var(--active-color-alpha-100)}.Input_variant-clean__yjtdm .Input_border__01i-B{background-color:transparent}.Input_isFocused__9jtFN.Input_variant-clean__yjtdm .Input_border__01i-B{background-color:var(--active-color-alpha-300)}.Input_variant-default__frNbg .Input_border__01i-B{background-color:var(--accent-color-alpha-100)}.Input_isFocused__9jtFN.Input_variant-default__frNbg .Input_border__01i-B{background-color:var(--active-color-alpha-300)}.Input_variant-outlined__qKjnJ .Input_border__01i-B{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.Input_isFocused__9jtFN.Input_variant-outlined__qKjnJ .Input_border__01i-B{background-color:var(--active-color-alpha-300);box-shadow:inset 0 0 0 2px var(--active-color)}.Input_hasError__5iS2M .Input_variant-outlined__qKjnJ .Input_border__01i-B,.Input_hasError__5iS2M:hover .Input_variant-outlined__qKjnJ .Input_border__01i-B{box-shadow:inset 0 0 0 2px var(--danger-color)}.Input_isDisabled__e7J10.Input_variant-outlined__qKjnJ .Input_border__01i-B{box-shadow:none}.Input_size-xs__b5Kx7{font-size:14px}.Input_size-xs__b5Kx7 .Input_main__M6Qxb{border-radius:4px;font-size:14px;min-height:24px;min-width:24px;padding:0 0 0 8px}.Input_round__yJr-2.Input_size-xs__b5Kx7 .Input_main__M6Qxb{border-radius:12px}.Input_size-s__-U0r-{font-size:16px}.Input_size-s__-U0r- .Input_main__M6Qxb{border-radius:4px;font-size:16px;min-height:32px;min-width:32px;padding:0 0 0 12px}.Input_round__yJr-2.Input_size-s__-U0r- .Input_main__M6Qxb{border-radius:16px}.Input_size-m__jTEMl{font-size:18px}.Input_size-m__jTEMl .Input_main__M6Qxb{border-radius:6px;font-size:18px;min-height:40px;min-width:40px;padding:0 0 0 16px}.Input_round__yJr-2.Input_size-m__jTEMl .Input_main__M6Qxb{border-radius:20px}.Input_size-l__BR-zg{font-size:22px}.Input_size-l__BR-zg .Input_main__M6Qxb{border-radius:8px;font-size:22px;min-height:48px;min-width:48px;padding:0 0 0 20px}.Input_round__yJr-2.Input_size-l__BR-zg .Input_main__M6Qxb{border-radius:24px}.Input_size-xl__o-R-1{font-size:26px}.Input_size-xl__o-R-1 .Input_main__M6Qxb{border-radius:10px;font-size:26px;min-height:56px;min-width:56px;padding:0 0 0 24px}.Input_round__yJr-2.Input_size-xl__o-R-1 .Input_main__M6Qxb{border-radius:28px}.Input_isDisabled__e7J10{color:var(--accent-color-alpha-500);opacity:.4}.Input_addonLeft__i1c70,.Input_addonRight__A9Iht,.Input_control__wZcMD{font-size:inherit;font-weight:400}.Input_labelGap__T6fAj{opacity:0;pointer-events:none;position:absolute}.Input_isTextArea__1a6n1 .Input_label__FT90l{max-height:40px}.Input_scroller__OBm8M{max-height:100%;width:100%}.Input_controlWrapper__WgrZL{flex:1}.Input_control__wZcMD{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;box-shadow:none;box-shadow:inset 0 0 0 2px none;color:inherit;display:inline-flex;filter:none;flex-grow:1;height:100%;min-width:30px;position:relative;text-overflow:ellipsis;transition:border-color .15s ease-in-out 0s;width:100%}.Input_control__wZcMD:-internal-autofill-selected,.Input_control__wZcMD:-webkit-autofill{animation-fill-mode:both;animation-name:Input_clearBg__jqI1h}.Input_size-xs__b5Kx7 .Input_control__wZcMD{padding-right:10px}.Input_size-s__-U0r- .Input_control__wZcMD{padding-right:12px}.Input_size-m__jTEMl .Input_control__wZcMD{padding-right:16px}.Input_size-l__BR-zg .Input_control__wZcMD{padding-right:20px}.Input_size-xl__o-R-1 .Input_control__wZcMD{padding-right:22px}.Input_size-xs__b5Kx7.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:20px}.Input_size-s__-U0r-.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:24px}.Input_size-m__jTEMl.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:34px}.Input_size-l__BR-zg.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:36px}.Input_size-xl__o-R-1.Input_hasClear__5Y3nU .Input_control__wZcMD{padding-right:40px}.Input_control__wZcMD::-moz-placeholder{color:var(--accent-color-alpha-500)}.Input_control__wZcMD::placeholder{color:var(--accent-color-alpha-500)}.Input_control__wZcMD::-moz-selection{background-color:var(--active-color-alpha-300)}.Input_control__wZcMD::selection{background-color:var(--active-color-alpha-300)}.Input_isTextArea__1a6n1 .Input_control__wZcMD{display:block;height:100%;min-height:100%;width:100%}.Input_isTextArea__1a6n1 .Input_control__wZcMD:hover{cursor:text}.Input_isTextArea__1a6n1 .Input_control__wZcMD:after{content:\"\";display:block}.Input_control__wZcMD[type=number]{-moz-appearance:textfield;margin-right:14px}.Input_control__wZcMD[type=number]::-webkit-inner-spin-button,.Input_control__wZcMD[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.Input_numberArrows__8jveR{display:flex;flex-direction:column;height:100%;position:absolute;right:0}.Input_numberArrows__8jveR>button{background-color:transparent!important;height:50%;max-height:none;min-height:0;min-height:auto;opacity:.5;padding-left:0;padding-right:0;transition:opacity .1s ease-out;width:50%}.Input_numberArrows__8jveR>button:hover{opacity:1}.Input_size-xs__b5Kx7 .Input_numberArrows__8jveR>button{min-width:19.2px}.Input_size-s__-U0r- .Input_numberArrows__8jveR>button{min-width:25.6px}.Input_size-m__jTEMl .Input_numberArrows__8jveR>button{min-width:32px}.Input_size-l__BR-zg .Input_numberArrows__8jveR>button{min-width:38.4px}.Input_size-xl__o-R-1 .Input_numberArrows__8jveR>button{min-width:44.8px}.Input_numberArrows__8jveR>button>svg{transform:scale(.8)}.Input_numberArrows__8jveR>button:first-child>svg{margin-bottom:-5%}.Input_numberArrows__8jveR>button:last-child>svg{margin-top:-5%}.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding-left:0!important}.Input_size-xs__b5Kx7.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-xs__b5Kx7.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:6px 12px 0 8px}.Input_size-xs__b5Kx7.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-xs__b5Kx7.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:6px}.Input_size-s__-U0r-.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-s__-U0r-.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:8px 16px 0 12px}.Input_size-s__-U0r-.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-s__-U0r-.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:8px}.Input_size-m__jTEMl.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-m__jTEMl.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:10px 20px 0 16px}.Input_size-m__jTEMl.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-m__jTEMl.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:10px}.Input_size-l__BR-zg.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-l__BR-zg.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:12px 24px 0 20px}.Input_size-l__BR-zg.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-l__BR-zg.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:12px}.Input_size-xl__o-R-1.Input_isTextArea__1a6n1 .Input_control__wZcMD,.Input_size-xl__o-R-1.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA{padding:14px 28px 0 24px}.Input_size-xl__o-R-1.Input_isTextArea__1a6n1 .Input_control__wZcMD:after,.Input_size-xl__o-R-1.Input_isTextArea__1a6n1 .Input_placeholder__DRYLA:after{height:14px}.Input_placeholder__DRYLA{display:inline-block;left:0;max-width:100%;opacity:.4;overflow:hidden;padding:inherit;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap}.Input_addonLeft__i1c70,.Input_addonRight__A9Iht{align-items:center;display:inline-flex;flex-shrink:0;min-width:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.Input_addonLeft__i1c70>span,.Input_addonRight__A9Iht>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Input_size-xs__b5Kx7 .Input_addonLeft__i1c70{margin-right:calc(var(--p-2)/2)}.Input_size-s__-U0r- .Input_addonLeft__i1c70{margin-right:calc(var(--p-3)/2)}.Input_size-m__jTEMl .Input_addonLeft__i1c70{margin-right:calc(var(--p-5)/2)}.Input_size-l__BR-zg .Input_addonLeft__i1c70{margin-right:calc(var(--p-8)/2)}.Input_size-xl__o-R-1 .Input_addonLeft__i1c70{margin-right:calc(var(--p-10)/2)}.Input_size-xs__b5Kx7 .Input_addonRight__A9Iht{margin-left:calc(var(--p-2)/2)}.Input_size-s__-U0r- .Input_addonRight__A9Iht{margin-left:calc(var(--p-3)/2)}.Input_size-m__jTEMl .Input_addonRight__A9Iht{margin-left:calc(var(--p-5)/2)}.Input_size-l__BR-zg .Input_addonRight__A9Iht{margin-left:calc(var(--p-8)/2)}.Input_size-xl__o-R-1 .Input_addonRight__A9Iht{margin-left:calc(var(--p-10)/2)}.Input_requiredStar__6MeQ4{background-color:var(--warning-color);border-radius:50%;height:8px;opacity:.8;pointer-events:none;position:absolute;width:8px}.Input_isDisabled__e7J10 .Input_requiredStar__6MeQ4{display:none}.Input_size-xs__b5Kx7 .Input_requiredStar__6MeQ4{right:3px;top:3px}.Input_size-s__-U0r- .Input_requiredStar__6MeQ4{right:4px;top:4px}.Input_size-m__jTEMl .Input_requiredStar__6MeQ4{right:6px;top:6px}.Input_size-l__BR-zg .Input_requiredStar__6MeQ4{right:8px;top:8px}.Input_size-xl__o-R-1 .Input_requiredStar__6MeQ4{right:10px;top:10px}.Input_isDisabled__e7J10{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Input_clearButton__0E-9L{bottom:1px;height:auto;position:absolute;right:0;top:0;z-index:1}.Input_clearButton__0E-9L:hover{background-color:var(--accent-color-alpha-0)!important}.Input_clearIcon__Gi1Nc{flex-shrink:0;opacity:.3;transition:opacity .2s ease-out}.Input_clearButton__0E-9L:hover .Input_clearIcon__Gi1Nc{opacity:.8}.Input_size-xs__b5Kx7 .Input_clearIcon__Gi1Nc{height:8px;width:8px}.Input_size-s__-U0r- .Input_clearIcon__Gi1Nc{height:10px;width:10px}.Input_size-m__jTEMl .Input_clearIcon__Gi1Nc{height:12px;width:12px}.Input_size-l__BR-zg .Input_clearIcon__Gi1Nc{height:14px;width:14px}.Input_size-xl__o-R-1 .Input_clearIcon__Gi1Nc{height:16px;width:16px}@supports (field-sizing:content){.Input_root__kj4vQ.Input_fitContentWidth__H0MTc,.Input_root__kj4vQ.Input_fitContentWidth__H0MTc .Input_main__M6Qxb{max-width:100%;width:-moz-fit-content;width:fit-content}.Input_root__kj4vQ.Input_fitContentWidth__H0MTc .Input_controlWrapper__WgrZL{flex:0 1 auto;max-width:100%;width:-moz-fit-content;width:fit-content}.Input_root__kj4vQ.Input_fitContentWidth__H0MTc .Input_control__wZcMD{field-sizing:content;flex-grow:0;max-width:100%;width:auto}}";
+var S = {"root":"Input_root__kj4vQ","isTextArea":"Input_isTextArea__1a6n1","main":"Input_main__M6Qxb","controlWrapper":"Input_controlWrapper__WgrZL","clearPaddingRight":"Input_clearPaddingRight__sGl9l","clearPaddingLeft":"Input_clearPaddingLeft__LBlwM","border":"Input_border__01i-B","variant-clean":"Input_variant-clean__yjtdm","isFocused":"Input_isFocused__9jtFN","variant-default":"Input_variant-default__frNbg","variant-outlined":"Input_variant-outlined__qKjnJ","hasError":"Input_hasError__5iS2M","isDisabled":"Input_isDisabled__e7J10","size-xs":"Input_size-xs__b5Kx7","round":"Input_round__yJr-2","size-s":"Input_size-s__-U0r-","size-m":"Input_size-m__jTEMl","size-l":"Input_size-l__BR-zg","size-xl":"Input_size-xl__o-R-1","control":"Input_control__wZcMD","addonLeft":"Input_addonLeft__i1c70","addonRight":"Input_addonRight__A9Iht","labelGap":"Input_labelGap__T6fAj","label":"Input_label__FT90l","scroller":"Input_scroller__OBm8M","clearBg":"Input_clearBg__jqI1h","hasClear":"Input_hasClear__5Y3nU","numberArrows":"Input_numberArrows__8jveR","placeholder":"Input_placeholder__DRYLA","requiredStar":"Input_requiredStar__6MeQ4","clearButton":"Input_clearButton__0E-9L","clearIcon":"Input_clearIcon__Gi1Nc","fitContentWidth":"Input_fitContentWidth__H0MTc"};
+styleInject(css_248z);
+
+export { S as default };