"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: Object.getOwnPropertyDescriptor(all, name).get
    });
}
_export(exports, {
    get AdditionalText () {
        return AdditionalText;
    },
    get DynamicInput () {
        return DynamicInput;
    },
    get Input () {
        return Input;
    },
    get InputWidthHelper () {
        return InputWidthHelper;
    },
    get InputWrapper () {
        return InputWrapper;
    },
    get Loader () {
        return Loader;
    },
    get StyledSpinner () {
        return StyledSpinner;
    },
    get TextWrapper () {
        return TextWrapper;
    }
});
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
const _engines = require("../../../../engines");
const _Spinner = require("../../../Spinner");
const _NumberInputtokens = require("../../NumberInput.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const mergedConfig = (0, _engines.mergeConfig)(_Spinner.spinnerConfig);
const Spinner = (0, _engines.component)(mergedConfig);
const InputWrapper = _styledcomponents.default.div.withConfig({
    displayName: "Input.styles__InputWrapper",
    componentId: "sc-4e554c60-0"
})([
    `overflow-x:auto;overflow-y:hidden;flex:1;cursor:`,
    `;::-webkit-scrollbar{display:none;}scrollbar-width:none;overscroll-behavior:contain;`
], ({ isManualInput })=>isManualInput ? 'text' : 'default');
const TextWrapper = _styledcomponents.default.div.withConfig({
    displayName: "Input.styles__TextWrapper",
    componentId: "sc-4e554c60-1"
})([
    `display:flex;align-items:center;justify-content:center;width:fit-content;margin:0 auto;box-sizing:border-box;`
]);
const AdditionalText = _styledcomponents.default.span.withConfig({
    displayName: "Input.styles__AdditionalText",
    componentId: "sc-4e554c60-2"
})([
    ``
]);
const Loader = _styledcomponents.default.div.withConfig({
    displayName: "Input.styles__Loader",
    componentId: "sc-4e554c60-3"
})([
    ``
]);
const StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
    displayName: "Input.styles__StyledSpinner",
    componentId: "sc-4e554c60-4"
})([
    ``
]);
const DynamicInput = _styledcomponents.default.div.withConfig({
    displayName: "Input.styles__DynamicInput",
    componentId: "sc-4e554c60-5"
})([
    `position:relative;`
]);
const Input = _styledcomponents.default.input.withConfig({
    displayName: "Input.styles__Input",
    componentId: "sc-4e554c60-6"
})([
    `box-sizing:border-box;appearance:none;border:0;padding:0;background-color:transparent;outline:none;font:inherit;text-align:center;width:`,
    `;cursor:`,
    `;pointer-events:`,
    `;caret-color:`,
    `;transition:width 0.1s;`
], ({ dynamicWidth })=>dynamicWidth, ({ isManualInput })=>isManualInput ? 'text' : 'default', ({ isManualInput })=>isManualInput ? 'initial' : 'none', ({ isManualInput })=>isManualInput ? `var(${_NumberInputtokens.tokens.caretColor})` : 'transparent');
const InputWidthHelper = _styledcomponents.default.span.withConfig({
    displayName: "Input.styles__InputWidthHelper",
    componentId: "sc-4e554c60-7"
})([
    `position:absolute;z-index:-999;visibility:hidden;top:0;left:0;opacity:0;height:0;white-space:pre;`
]);
