"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 ActionAfter () {
        return ActionAfter;
    },
    get ActionBefore () {
        return ActionBefore;
    },
    get AttachedFile () {
        return AttachedFile;
    },
    get AttachedImage () {
        return AttachedImage;
    },
    get AttachedImageOverlay () {
        return AttachedImageOverlay;
    },
    get AttachmentsList () {
        return AttachmentsList;
    },
    get Footer () {
        return Footer;
    },
    get InputFieldWrapper () {
        return InputFieldWrapper;
    },
    get RemoveButton () {
        return RemoveButton;
    },
    get SubmitButton () {
        return SubmitButton;
    },
    get TextArea () {
        return TextArea;
    },
    get TextAreaWrapper () {
        return TextAreaWrapper;
    },
    get Thumb () {
        return Thumb;
    },
    get base () {
        return base;
    }
});
const _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
const _react = require("@emotion/react");
const _engines = require("../../../engines");
const _File = require("../../File");
const _EmbedIconButton = require("../../EmbedIconButton");
const _IconButton = require("../../IconButton");
const _mixins = require("../../../mixins");
const _Inputtokens = require("./Input.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const fileMergedConfig = (0, _engines.mergeConfig)(_File.fileConfig);
const File = (0, _engines.component)(fileMergedConfig);
const embedIconButtonMergedConfig = (0, _engines.mergeConfig)(_EmbedIconButton.embedIconButtonConfig);
const EmbedIconButton = (0, _engines.component)(embedIconButtonMergedConfig);
const iconButtonMergedConfig = (0, _engines.mergeConfig)(_IconButton.iconButtonConfig);
const IconButton = (0, _engines.component)(iconButtonMergedConfig);
const base = (0, /*#__PURE__*/ _react.css)("box-sizing:border-box;display:block;padding-top:var(", _Inputtokens.tokens.paddingTop, ");padding-right:var(", _Inputtokens.tokens.paddingRight, ");padding-bottom:var(", _Inputtokens.tokens.paddingBottom, ");padding-left:var(", _Inputtokens.tokens.paddingLeft, ");border-radius:var(", _Inputtokens.tokens.borderRadius, ");background:var(", _Inputtokens.tokens.background, ");", "base");
const AttachmentsList = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1r30wfd0",
    label: "AttachmentsList"
})("display:flex;align-items:center;flex-wrap:nowrap;gap:var(", _Inputtokens.tokens.attachmentsGap, ");margin-bottom:var(", _Inputtokens.tokens.attachmentsListMargin, ");border-radius:var(", _Inputtokens.tokens.fileBorderRadius, ");overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;}");
const AttachedFile = /*#__PURE__*/ (0, _styled.default)(File, {
    target: "e1r30wfd1",
    label: "AttachedFile"
})("background:var(", _Inputtokens.tokens.fileBackground, ");padding-top:var(", _Inputtokens.tokens.filePaddingTop, ");padding-right:var(", _Inputtokens.tokens.filePaddingRight, ");padding-bottom:var(", _Inputtokens.tokens.filePaddingBottom, ");padding-left:var(", _Inputtokens.tokens.filePaddingLeft, ");border-radius:var(", _Inputtokens.tokens.fileBorderRadius, ");", _File.fileTokens.embedIconButtonColor, ":var(", _Inputtokens.tokens.fileEmbedIconButtonColor, ");", _File.fileTokens.embedIconButtonColorHover, ":var(", _Inputtokens.tokens.fileEmbedIconButtonColorHover, ");", _File.fileTokens.embedIconButtonColorActive, ":var(", _Inputtokens.tokens.fileEmbedIconButtonColorActive, ");", _File.fileTokens.embedIconButtonFocusColor, ":var(", _Inputtokens.tokens.focusColor, ");", _File.fileTokens.cellTitleColor, ":var(", _Inputtokens.tokens.fileCellTitleColor, ");", _File.fileTokens.cellSubtitleColor, ":var(", _Inputtokens.tokens.fileCellSubtitleColor, ");", _File.fileTokens.embedIconButtonHeight, ":var(", _Inputtokens.tokens.fileEmbedIconButtonHeight, ");", _File.fileTokens.embedIconButtonWidth, ":var(", _Inputtokens.tokens.fileEmbedIconButtonWidth, ");", _File.fileTokens.embedIconButtonPadding, ":var(", _Inputtokens.tokens.fileEmbedIconButtonPadding, ");", _File.fileTokens.embedIconButtonRadius, ":var(", _Inputtokens.tokens.fileEmbedIconButtonRadius, ");", _File.fileTokens.cellHeight, ":var(", _Inputtokens.tokens.fileCellHeight, ");", _File.fileTokens.cellTextboxGap, ":var(", _Inputtokens.tokens.fileCellTextboxGap, ");", _File.fileTokens.cellGap, ":var(", _Inputtokens.tokens.fileCellGap, ");", _File.fileTokens.cellTitleFontFamily, ":var(", _Inputtokens.tokens.fileCellTitleFontFamily, ");", _File.fileTokens.cellTitleFontSize, ":var(", _Inputtokens.tokens.fileCellTitleFontSize, ");", _File.fileTokens.cellTitleFontStyle, ":var(", _Inputtokens.tokens.fileCellTitleFontStyle, ");", _File.fileTokens.cellTitleFontWeight, ":var(", _Inputtokens.tokens.fileCellTitleFontWeight, ");", _File.fileTokens.cellTitleLetterSpacing, ":var(", _Inputtokens.tokens.fileCellTitleLetterSpacing, ");", _File.fileTokens.cellTitleLineHeight, ":var(", _Inputtokens.tokens.fileCellTitleLineHeight, ");", _File.fileTokens.cellSubtitleFontFamily, ":var(", _Inputtokens.tokens.fileCellSubtitleFontFamily, ");", _File.fileTokens.cellSubtitleFontSize, ":var(", _Inputtokens.tokens.fileCellSubtitleFontSize, ");", _File.fileTokens.cellSubtitleFontStyle, ":var(", _Inputtokens.tokens.fileCellSubtitleFontStyle, ");", _File.fileTokens.cellSubtitleFontWeight, ":var(", _Inputtokens.tokens.fileCellSubtitleFontWeight, ");", _File.fileTokens.cellSubtitleLetterSpacing, ":var(", _Inputtokens.tokens.fileCellSubtitleLetterSpacing, ");", _File.fileTokens.cellSubtitleLineHeight, ":var(", _Inputtokens.tokens.fileCellSubtitleLineHeight, ");", _File.fileTokens.fileThumbSize, ":var(", _Inputtokens.tokens.fileThumbSize, ");", _File.fileTokens.fileThumbRadius, ":var(", _Inputtokens.tokens.fileThumbRadius, ");");
const AttachedImage = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1r30wfd2",
    label: "AttachedImage"
})("position:relative;flex:none;background:none;padding:0;margin:0;border:none;width:calc(var(", _Inputtokens.tokens.fileCellHeight, ") + var(", _Inputtokens.tokens.filePaddingTop, ") + var(", _Inputtokens.tokens.filePaddingBottom, "));height:calc(var(", _Inputtokens.tokens.fileCellHeight, ") + var(", _Inputtokens.tokens.filePaddingTop, ") + var(", _Inputtokens.tokens.filePaddingBottom, "));line-height:0;border-radius:var(", _Inputtokens.tokens.fileBorderRadius, ");overflow:hidden;&:focus,&:focus-visible{outline:none;border:none;}&:hover .", _Inputtokens.classes.attachedOverlay, ",&:focus-visible .", _Inputtokens.classes.attachedOverlay, "{visibility:visible;}&:focus-visible button::before{border-color:var(", _Inputtokens.tokens.focusColor, ");}");
const AttachedImageOverlay = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1r30wfd3",
    label: "AttachedImageOverlay"
})("visibility:hidden;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--overlay-blur);cursor:pointer;");
const RemoveButton = /*#__PURE__*/ (0, _styled.default)(EmbedIconButton, {
    target: "e1r30wfd4",
    label: "RemoveButton"
})(_EmbedIconButton.embedIconButtonTokens.embedIconButtonWidth, ":var(", _Inputtokens.tokens.fileEmbedIconButtonWidth, ");", _EmbedIconButton.embedIconButtonTokens.embedIconButtonHeight, ":var(", _Inputtokens.tokens.fileEmbedIconButtonHeight, ");", _EmbedIconButton.embedIconButtonTokens.embedIconButtonRadius, ":var(", _Inputtokens.tokens.fileEmbedIconButtonRadius, ");", _EmbedIconButton.embedIconButtonTokens.embedIconButtonColor, ":var(", _Inputtokens.tokens.fileEmbedIconButtonColor, ");");
const Thumb = (0, /*#__PURE__*/ _styled.default)("img", {
    target: "e1r30wfd5",
    label: "Thumb"
})("width:100%;height:100%;object-fit:cover;");
const TextAreaWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1r30wfd6",
    label: "TextAreaWrapper"
})("padding-top:var(", _Inputtokens.tokens.textareaPaddingTop, ");padding-right:var(", _Inputtokens.tokens.textareaPaddingRight, ");padding-bottom:var(", _Inputtokens.tokens.textareaPaddingBottom, ");padding-left:var(", _Inputtokens.tokens.textareaPaddingLeft, ");line-height:0;");
const TextArea = (0, /*#__PURE__*/ _styled.default)("textarea", {
    target: "e1r30wfd7",
    label: "TextArea"
})("width:100%;background:transparent;border:none;color:var(", _Inputtokens.tokens.textareaColor, ");font-family:var(", _Inputtokens.tokens.textareaFontFamily, ");font-size:var(", _Inputtokens.tokens.textareaFontSize, ");font-style:var(", _Inputtokens.tokens.textareaFontStyle, ");font-weight:var(", _Inputtokens.tokens.textareaFontWeight, ");letter-spacing:var(", _Inputtokens.tokens.textareaLetterSpacing, ");line-height:var(", _Inputtokens.tokens.textareaLineHeight, ");caret-color:var(", _Inputtokens.tokens.textareaCaretColor, ");resize:none;overflow:hidden;&::placeholder{color:var(", _Inputtokens.tokens.textareaPlaceholderColor, ");}&:focus::placeholder{color:var(", _Inputtokens.tokens.textareaPlaceholderColorFocus, ");}&:focus,&:focus-visible{outline:none;box-shadow:none;}", (0, _mixins.addScrollbar)({
    scrollWidth: `var(${_Inputtokens.tokens.textareaScrollWidth})`,
    trackColor: `var(${_Inputtokens.tokens.textareaScrollTrackColor})`,
    thumbColor: `var(${_Inputtokens.tokens.textareaScrollThumbColor})`
}), ";--textarea-scroll-offset:calc(\n        var(", _Inputtokens.tokens.textareaPaddingRight, ") + var(", _Inputtokens.tokens.paddingRight, ") - var(", _Inputtokens.tokens.textareaScrollWidth, ")\n    );padding:0 var(--textarea-scroll-offset) 0 0;margin-right:calc(var(--textarea-scroll-offset) * -1);&[data-condensed='true']{padding:var(", _Inputtokens.tokens.inputFieldPadding, ");--textarea-scroll-offset:0rem;margin-right:0;box-sizing:border-box;}");
const Footer = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1r30wfd8",
    label: "Footer"
})("display:flex;align-items:center;justify-content:space-between;");
const ActionBefore = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1r30wfd9",
    label: "ActionBefore"
})("flex:none;line-height:0;");
const InputFieldWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1r30wfd10",
    label: "InputFieldWrapper"
})("flex:1;line-height:0;");
const ActionAfter = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1r30wfd11",
    label: "ActionAfter"
})("flex:none;line-height:0;");
const SubmitButton = /*#__PURE__*/ (0, _styled.default)(IconButton, {
    target: "e1r30wfd12",
    label: "SubmitButton"
})("flex:none;margin-left:0.125rem;", _IconButton.iconButtonTokens.iconButtonColor, ":var(", _Inputtokens.tokens.submitButtonColor, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColor, ":var(", _Inputtokens.tokens.submitButtonBackgroundColor, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, ":var(", _Inputtokens.tokens.submitButtonBackgroundColorHover, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, ":var(", _Inputtokens.tokens.submitButtonBackgroundColorActive, ");", _IconButton.iconButtonTokens.iconButtonLoadingBackgroundColor, ":var(", _Inputtokens.tokens.submitButtonLoadingBackgroundColor, ");", _IconButton.iconButtonTokens.iconButtonWidth, ":var(", _Inputtokens.tokens.submitButtonWidth, ");", _IconButton.iconButtonTokens.iconButtonHeight, ":var(", _Inputtokens.tokens.submitButtonHeight, ");", _IconButton.iconButtonTokens.iconButtonPadding, ":var(", _Inputtokens.tokens.submitButtonPadding, ");", _IconButton.iconButtonTokens.iconButtonRadius, ":var(", _Inputtokens.tokens.submitButtonRadius, ");", _IconButton.iconButtonTokens.iconButtonSpinnerSize, ":var(", _Inputtokens.tokens.submitButtonSpinnerSize, ");", _IconButton.iconButtonTokens.iconButtonSpinnerColor, ":var(", _Inputtokens.tokens.submitButtonSpinnerColor, ");", _IconButton.iconButtonTokens.iconButtonFocusColor, ":var(", _Inputtokens.tokens.focusColor, ");");
