no-frills-ui 0.0.14-alpha.4 → 0.0.14-alpha.6

package/lib-esm/components/Input/Select.js

@@ -1,158 +1,106 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { useState } from 'react';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { useState, useId, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
-import ExpandMore from '../../icons/ExpandMore';
-import constants from '../../shared/constants';
-const Label = styled.label `
-    display: inline-flex;
-    flex-direction: column;
-    position: relative;
-    margin: 10px 5px;
-    pointer-events: none;
-    max-width: 268px;
+import ExpandMore from '../../icons/ExpandMore.js';
+import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
 
-    & svg {
-        fill: currentColor;
-    }
-`;
-const SelectField = styled.select `
-    border: none;
-    color: inherit;
-    padding: 0 8px;
-    line-height: 30px;
-    min-height: 32px;
-    width: 268px;
-    border-radius: 3px;
-    border: 1px solid var(--border-color, ${constants.BORDER_COLOR});
-    display: inline-block;
-    background-color: var(--background, ${constants.BACKGROUND});
-    pointer-events: auto;
-    appearance: none;
-
-    /** Focused */
-    &:focus,
-    &:active {
-        border-color: var(--primary, ${constants.PRIMARY});
-        box-shadow: 0 0 0 4px var(--primary, ${constants.PRIMARY_LIGHT});
-    }
-
-    &:focus ~ span,
-    &:active ~ span {
-        color: var(--primary, ${constants.PRIMARY});
-    }
-
-    /** Disabled */
-    &:disabled {
-        border-color: var(--disabled-border, ${constants.DISABLED_BORDER});
-        background-color: var(--disabled-background, ${constants.DISABLED_BACKGROUND});
-    }
-
-    &:disabled ~ span {
-        color: var(--disabled, ${constants.DISABLED});
-    }
-
-    /** Invalid */
-    &:focus:invalid {
-        border-color: var(--error, ${constants.ERROR});
-        box-shadow: 0 0 0 4px var(--error-light, ${constants.ERROR_LIGHT});
-    }
-
-    ${(props) => props.touched
-    ? `
+const Label = /*#__PURE__*/ styled("label", {
+    target: "eao61d00",
+    label: "Label"
+})("display:inline-flex;flex-direction:column;position:relative;margin:10px 5px;pointer-events:none;max-width:268px;& svg{fill:currentColor;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9TZWxlY3QudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL0lucHV0L1NlbGVjdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCB1c2VFZmZlY3QsIHVzZUlkIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBFeHBhbmRNb3JlIGZyb20gJy4uLy4uL2ljb25zL0V4cGFuZE1vcmUnO1xuaW1wb3J0IHsgZ2V0VGhlbWVWYWx1ZSwgVEhFTUVfTkFNRSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jb25zdGFudHMnO1xuXG5pbnRlcmZhY2UgU2VsZWN0UHJvcHNcbiAgICBleHRlbmRzXG4gICAgICAgIFByb3BUeXBlcy5JbmZlclR5cGU8dHlwZW9mIFNlbGVjdC5wcm9wVHlwZXM+LFxuICAgICAgICBSZWFjdC5JbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxTZWxlY3RFbGVtZW50PiB7XG4gICAgdmFsdWU/OiBzdHJpbmc7XG59XG5cbnR5cGUgU2VsZWN0SW50ZXJuYWxQcm9wcyA9IFNlbGVjdFByb3BzICYge1xuICAgIHRvdWNoZWQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDEwcHggNXB4O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIG1heC13aWR0aDogMjY4cHg7XG5cbiAgICAmIHN2ZyB7XG4gICAgICAgIGZpbGw6IGN1cnJlbnRDb2xvcjtcbiAgICB9XG5gO1xuXG5jb25zdCBTZWxlY3RGaWVsZCA9IHN0eWxlZC5zZWxlY3Q8U2VsZWN0SW50ZXJuYWxQcm9wcz5gXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHBhZGRpbmc6IDAgOHB4O1xuICAgIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICAgIG1pbi1oZWlnaHQ6IDMycHg7XG4gICAgd2lkdGg6IDI2OHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CT1JERVJfQ09MT1IpfTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG5cbiAgICAvKiogRm9jdXNlZCAqL1xuICAgICY6Zm9jdXMsXG4gICAgJjphY3RpdmUge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgNHB4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICB9XG5cbiAgICAmOmZvY3VzIH4gc3BhbixcbiAgICAmOmFjdGl2ZSB+IHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgIH1cblxuICAgIC8qKiBEaXNhYmxlZCAqL1xuICAgICY6ZGlzYWJsZWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEX0JPUkRFUil9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CQUNLR1JPVU5EKX07XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCB+IHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRUQpfTtcbiAgICB9XG5cbiAgICAvKiogSW52YWxpZCAqL1xuICAgICY6Zm9jdXM6aW52YWxpZCB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgNHB4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJHsocHJvcHMpID0+XG4gICAgICAgIHByb3BzLnRvdWNoZWRcbiAgICAgICAgICAgID8gYFxuICAgICY6aW52YWxpZCB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG5cbiAgICAmOmludmFsaWQgfiBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgfVxuICAgIGBcbiAgICAgICAgICAgIDogJyd9XG5cbiAgICAvKiogRXJyb3IgKi9cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMuZXJyb3JUZXh0XG4gICAgICAgICAgICA/IGBcbiAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG5cbiAgICAmIH4gc3BhbiB7XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgLyoqIFJlcXVpcmVkICovXG4gICAgJjpyZXF1aXJlZCArIHNwYW46YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnKic7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIH1cblxuICAgIC8qKiBMYWJlbCBBbmltYXRpb24gKi9cbiAgICAmICsgc3BhbiB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgcGFkZGluZzogMCA1cHg7XG4gICAgICAgIHRvcDogMHB4O1xuICAgICAgICBsZWZ0OiA0cHg7XG4gICAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDMycHg7XG4gICAgICAgIHRyYW5zaXRpb246IGFsbCAzMDBtcyBlYXNlO1xuICAgIH1cblxuICAgICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy52YWx1ZSAhPT0gJydcbiAgICAgICAgICAgID8gYFxuICAgICYgKyBzcGFuIHtcbiAgICAgICAgdG9wOiAtOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgfVxuICAgIGBcbiAgICAgICAgICAgIDogJyd9XG5cbiAgICAmOmZvY3VzICsgc3BhbiwgJjpwbGFjZWhvbGRlci1zaG93biArIHNwYW4ge1xuICAgICAgICB0b3A6IC04cHg7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJBQ0tHUk9VTkQpfTtcbiAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMTRweDtcbiAgICB9XG5gO1xuXG5jb25zdCBFcnJvckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgcGFkZGluZy10b3A6IDNweDtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDNweDtcbmA7XG5cbmNvbnN0IEFycm93Q29udGFpbmVyID0gc3R5bGVkLnNwYW5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiA4cHg7XG4gICAgdG9wOiA4cHg7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBTZWxlY3QocHJvcHM6IFNlbGVjdFByb3BzKSB7XG4gICAgY29uc3QgW3RvdWNoZWQsIHNldFRvdWNoZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlU3RhdGUocHJvcHMudmFsdWUgfHwgJycpO1xuICAgIGNvbnN0IGVycm9ySWQgPSB1c2VJZCgpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHByb3BzLnZhbHVlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIHNldFZhbHVlKHByb3BzLnZhbHVlKTtcbiAgICAgICAgfVxuICAgIH0sIFtwcm9wcy52YWx1ZV0pO1xuXG4gICAgY29uc3QgaGFuZGxlRm9jdXMgPSAoZTogUmVhY3QuRm9jdXNFdmVudDxIVE1MU2VsZWN0RWxlbWVudD4pID0+IHtcbiAgICAgICAgc2V0VG91Y2hlZCh0cnVlKTtcbiAgICAgICAgaWYgKHByb3BzLm9uRm9jdXMpIHtcbiAgICAgICAgICAgIHByb3BzLm9uRm9jdXMoZSk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gKGU6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxTZWxlY3RFbGVtZW50PikgPT4ge1xuICAgICAgICBpZiAocHJvcHMub25DaGFuZ2UpIHtcbiAgICAgICAgICAgIHNldFZhbHVlKGUudGFyZ2V0LnZhbHVlKTtcbiAgICAgICAgICAgIHByb3BzLm9uQ2hhbmdlKGUpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgc2V0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxMYWJlbD5cbiAgICAgICAgICAgIDxTZWxlY3RGaWVsZFxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgICAgICBtdWx0aXBsZT17ZmFsc2V9XG4gICAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgICAgICAgdG91Y2hlZD17dG91Y2hlZH1cbiAgICAgICAgICAgICAgICBhcmlhLWludmFsaWQ9eyEhcHJvcHMuZXJyb3JUZXh0fVxuICAgICAgICAgICAgICAgIGFyaWEtcmVxdWlyZWQ9e3Byb3BzLnJlcXVpcmVkfVxuICAgICAgICAgICAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e3Byb3BzLmVycm9yVGV4dCA/IGVycm9ySWQgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPG9wdGlvbiAvPlxuICAgICAgICAgICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgICAgIDwvU2VsZWN0RmllbGQ+XG4gICAgICAgICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAgICAgICAgPEFycm93Q29udGFpbmVyIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgIDxFeHBhbmRNb3JlIC8+XG4gICAgICAgICAgICA8L0Fycm93Q29udGFpbmVyPlxuICAgICAgICAgICAge3Byb3BzLmVycm9yVGV4dCAmJiA8RXJyb3JDb250YWluZXIgaWQ9e2Vycm9ySWR9Pntwcm9wcy5lcnJvclRleHR9PC9FcnJvckNvbnRhaW5lcj59XG4gICAgICAgIDwvTGFiZWw+XG4gICAgKTtcbn1cblxuU2VsZWN0LnByb3BUeXBlcyA9IHtcbiAgICAvKiogTGFiZWwgZm9yIHRoZSBmaWVsZCAqL1xuICAgIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIC8qKiBFcnJvciB0ZXh0IHRvIGJlIHNob3duIGJlbG93IHRoZSBmaWVsZCAqL1xuICAgIGVycm9yVGV4dDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJjIn0= */");
+const SelectField = /*#__PURE__*/ styled("select", {
+    target: "eao61d01",
+    label: "SelectField"
+})("border:none;color:inherit;padding:0 8px;line-height:30px;min-height:32px;width:268px;border-radius:3px;border:1px solid ", getThemeValue(THEME_NAME.BORDER_COLOR), ";display:inline-block;background-color:", getThemeValue(THEME_NAME.BACKGROUND), ";pointer-events:auto;appearance:none;&:focus,&:active{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:focus ~ span,&:active ~ span{color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:disabled{border-color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";background-color:", getThemeValue(THEME_NAME.DISABLED_BACKGROUND), ";}&:disabled ~ span{color:", getThemeValue(THEME_NAME.DISABLED), ";}&:focus:invalid{border-color:", getThemeValue(THEME_NAME.ERROR), ";box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.ERROR_LIGHT), ";}", (props)=>props.touched ? `
     &:invalid {
-        border-color: var(--error, ${constants.ERROR});
+        border-color: ${getThemeValue(THEME_NAME.ERROR)};
     }
 
     &:invalid ~ span {
-        color: var(--error, ${constants.ERROR});
+        color: ${getThemeValue(THEME_NAME.ERROR)};
     }
-    `
-    : ''}
-
-    /** Error */
-    ${(props) => props.errorText
-    ? `
-    border-color: var(--error, ${constants.ERROR});
+    ` : '', "    \n    ", (props)=>props.errorText ? `
+    border-color: ${getThemeValue(THEME_NAME.ERROR)};
 
     & ~ span {
-        color: var(--error, ${constants.ERROR});
+        color: ${getThemeValue(THEME_NAME.ERROR)};
     }
-    `
-    : ''}
-
-    /** Required */
-    &:required + span:after {
-        content: '*';
-        margin-left: 2px;
-        color: var(--error, ${constants.ERROR});
-    }
-
-    /** Label Animation */
-    & + span {
-        position: absolute;
-        padding: 0 5px;
-        top: 0px;
-        left: 4px;
-        font-size: 14px;
-        line-height: 32px;
-        transition: all 300ms ease;
-    }
-
-    ${(props) => props.value !== ''
-    ? `
+    ` : '', "    \n    &:required + span:after{content:'*';margin-left:2px;color:", getThemeValue(THEME_NAME.ERROR), ";}& + span{position:absolute;padding:0 5px;top:0px;left:4px;font-size:14px;line-height:32px;transition:all 300ms ease;}", (props)=>props.value !== '' ? `
     & + span {
         top: -8px;
-        background: var(--background, ${constants.BACKGROUND});
+        background: ${getThemeValue(THEME_NAME.BACKGROUND)};
         font-size: 12px;
         line-height: 14px;
     }
-    `
-    : ''}
-
-    &:focus + span, &:placeholder-shown + span {
-        top: -8px;
-        background: var(--background, ${constants.BACKGROUND});
-        font-size: 12px;
-        line-height: 14px;
-    }
-`;
-const ErrorContainer = styled.div `
-    color: var(--error, ${constants.ERROR});
-    padding-top: 3px;
-    font-size: 12px;
-    line-height: 14px;
-    margin-left: 3px;
-`;
-const ArrowContainer = styled.span `
-    position: absolute;
-    right: 8px;
-    top: 8px;
-`;
-export default function Select(props) {
+    ` : '', "    &:focus + span,&:placeholder-shown + span{top:-8px;background:", getThemeValue(THEME_NAME.BACKGROUND), ";font-size:12px;line-height:14px;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9TZWxlY3QudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL0lucHV0L1NlbGVjdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCB1c2VFZmZlY3QsIHVzZUlkIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBFeHBhbmRNb3JlIGZyb20gJy4uLy4uL2ljb25zL0V4cGFuZE1vcmUnO1xuaW1wb3J0IHsgZ2V0VGhlbWVWYWx1ZSwgVEhFTUVfTkFNRSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jb25zdGFudHMnO1xuXG5pbnRlcmZhY2UgU2VsZWN0UHJvcHNcbiAgICBleHRlbmRzXG4gICAgICAgIFByb3BUeXBlcy5JbmZlclR5cGU8dHlwZW9mIFNlbGVjdC5wcm9wVHlwZXM+LFxuICAgICAgICBSZWFjdC5JbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxTZWxlY3RFbGVtZW50PiB7XG4gICAgdmFsdWU/OiBzdHJpbmc7XG59XG5cbnR5cGUgU2VsZWN0SW50ZXJuYWxQcm9wcyA9IFNlbGVjdFByb3BzICYge1xuICAgIHRvdWNoZWQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDEwcHggNXB4O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIG1heC13aWR0aDogMjY4cHg7XG5cbiAgICAmIHN2ZyB7XG4gICAgICAgIGZpbGw6IGN1cnJlbnRDb2xvcjtcbiAgICB9XG5gO1xuXG5jb25zdCBTZWxlY3RGaWVsZCA9IHN0eWxlZC5zZWxlY3Q8U2VsZWN0SW50ZXJuYWxQcm9wcz5gXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHBhZGRpbmc6IDAgOHB4O1xuICAgIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICAgIG1pbi1oZWlnaHQ6IDMycHg7XG4gICAgd2lkdGg6IDI2OHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CT1JERVJfQ09MT1IpfTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG5cbiAgICAvKiogRm9jdXNlZCAqL1xuICAgICY6Zm9jdXMsXG4gICAgJjphY3RpdmUge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgNHB4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICB9XG5cbiAgICAmOmZvY3VzIH4gc3BhbixcbiAgICAmOmFjdGl2ZSB+IHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgIH1cblxuICAgIC8qKiBEaXNhYmxlZCAqL1xuICAgICY6ZGlzYWJsZWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEX0JPUkRFUil9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CQUNLR1JPVU5EKX07XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCB+IHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRUQpfTtcbiAgICB9XG5cbiAgICAvKiogSW52YWxpZCAqL1xuICAgICY6Zm9jdXM6aW52YWxpZCB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgNHB4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJHsocHJvcHMpID0+XG4gICAgICAgIHByb3BzLnRvdWNoZWRcbiAgICAgICAgICAgID8gYFxuICAgICY6aW52YWxpZCB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG5cbiAgICAmOmludmFsaWQgfiBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgfVxuICAgIGBcbiAgICAgICAgICAgIDogJyd9XG5cbiAgICAvKiogRXJyb3IgKi9cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMuZXJyb3JUZXh0XG4gICAgICAgICAgICA/IGBcbiAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG5cbiAgICAmIH4gc3BhbiB7XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgLyoqIFJlcXVpcmVkICovXG4gICAgJjpyZXF1aXJlZCArIHNwYW46YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnKic7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIH1cblxuICAgIC8qKiBMYWJlbCBBbmltYXRpb24gKi9cbiAgICAmICsgc3BhbiB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgcGFkZGluZzogMCA1cHg7XG4gICAgICAgIHRvcDogMHB4O1xuICAgICAgICBsZWZ0OiA0cHg7XG4gICAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDMycHg7XG4gICAgICAgIHRyYW5zaXRpb246IGFsbCAzMDBtcyBlYXNlO1xuICAgIH1cblxuICAgICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy52YWx1ZSAhPT0gJydcbiAgICAgICAgICAgID8gYFxuICAgICYgKyBzcGFuIHtcbiAgICAgICAgdG9wOiAtOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgfVxuICAgIGBcbiAgICAgICAgICAgIDogJyd9XG5cbiAgICAmOmZvY3VzICsgc3BhbiwgJjpwbGFjZWhvbGRlci1zaG93biArIHNwYW4ge1xuICAgICAgICB0b3A6IC04cHg7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJBQ0tHUk9VTkQpfTtcbiAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMTRweDtcbiAgICB9XG5gO1xuXG5jb25zdCBFcnJvckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgcGFkZGluZy10b3A6IDNweDtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDNweDtcbmA7XG5cbmNvbnN0IEFycm93Q29udGFpbmVyID0gc3R5bGVkLnNwYW5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiA4cHg7XG4gICAgdG9wOiA4cHg7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBTZWxlY3QocHJvcHM6IFNlbGVjdFByb3BzKSB7XG4gICAgY29uc3QgW3RvdWNoZWQsIHNldFRvdWNoZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlU3RhdGUocHJvcHMudmFsdWUgfHwgJycpO1xuICAgIGNvbnN0IGVycm9ySWQgPSB1c2VJZCgpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHByb3BzLnZhbHVlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIHNldFZhbHVlKHByb3BzLnZhbHVlKTtcbiAgICAgICAgfVxuICAgIH0sIFtwcm9wcy52YWx1ZV0pO1xuXG4gICAgY29uc3QgaGFuZGxlRm9jdXMgPSAoZTogUmVhY3QuRm9jdXNFdmVudDxIVE1MU2VsZWN0RWxlbWVudD4pID0+IHtcbiAgICAgICAgc2V0VG91Y2hlZCh0cnVlKTtcbiAgICAgICAgaWYgKHByb3BzLm9uRm9jdXMpIHtcbiAgICAgICAgICAgIHByb3BzLm9uRm9jdXMoZSk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gKGU6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxTZWxlY3RFbGVtZW50PikgPT4ge1xuICAgICAgICBpZiAocHJvcHMub25DaGFuZ2UpIHtcbiAgICAgICAgICAgIHNldFZhbHVlKGUudGFyZ2V0LnZhbHVlKTtcbiAgICAgICAgICAgIHByb3BzLm9uQ2hhbmdlKGUpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgc2V0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxMYWJlbD5cbiAgICAgICAgICAgIDxTZWxlY3RGaWVsZFxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgICAgICBtdWx0aXBsZT17ZmFsc2V9XG4gICAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgICAgICAgdG91Y2hlZD17dG91Y2hlZH1cbiAgICAgICAgICAgICAgICBhcmlhLWludmFsaWQ9eyEhcHJvcHMuZXJyb3JUZXh0fVxuICAgICAgICAgICAgICAgIGFyaWEtcmVxdWlyZWQ9e3Byb3BzLnJlcXVpcmVkfVxuICAgICAgICAgICAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e3Byb3BzLmVycm9yVGV4dCA/IGVycm9ySWQgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPG9wdGlvbiAvPlxuICAgICAgICAgICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgICAgIDwvU2VsZWN0RmllbGQ+XG4gICAgICAgICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAgICAgICAgPEFycm93Q29udGFpbmVyIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgIDxFeHBhbmRNb3JlIC8+XG4gICAgICAgICAgICA8L0Fycm93Q29udGFpbmVyPlxuICAgICAgICAgICAge3Byb3BzLmVycm9yVGV4dCAmJiA8RXJyb3JDb250YWluZXIgaWQ9e2Vycm9ySWR9Pntwcm9wcy5lcnJvclRleHR9PC9FcnJvckNvbnRhaW5lcj59XG4gICAgICAgIDwvTGFiZWw+XG4gICAgKTtcbn1cblxuU2VsZWN0LnByb3BUeXBlcyA9IHtcbiAgICAvKiogTGFiZWwgZm9yIHRoZSBmaWVsZCAqL1xuICAgIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIC8qKiBFcnJvciB0ZXh0IHRvIGJlIHNob3duIGJlbG93IHRoZSBmaWVsZCAqL1xuICAgIGVycm9yVGV4dDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJvQiJ9 */");
+const ErrorContainer = /*#__PURE__*/ styled("div", {
+    target: "eao61d02",
+    label: "ErrorContainer"
+})("color:", getThemeValue(THEME_NAME.ERROR), ";padding-top:3px;font-size:12px;line-height:14px;margin-left:3px;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9TZWxlY3QudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL0lucHV0L1NlbGVjdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCB1c2VFZmZlY3QsIHVzZUlkIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBFeHBhbmRNb3JlIGZyb20gJy4uLy4uL2ljb25zL0V4cGFuZE1vcmUnO1xuaW1wb3J0IHsgZ2V0VGhlbWVWYWx1ZSwgVEhFTUVfTkFNRSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jb25zdGFudHMnO1xuXG5pbnRlcmZhY2UgU2VsZWN0UHJvcHNcbiAgICBleHRlbmRzXG4gICAgICAgIFByb3BUeXBlcy5JbmZlclR5cGU8dHlwZW9mIFNlbGVjdC5wcm9wVHlwZXM+LFxuICAgICAgICBSZWFjdC5JbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxTZWxlY3RFbGVtZW50PiB7XG4gICAgdmFsdWU/OiBzdHJpbmc7XG59XG5cbnR5cGUgU2VsZWN0SW50ZXJuYWxQcm9wcyA9IFNlbGVjdFByb3BzICYge1xuICAgIHRvdWNoZWQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDEwcHggNXB4O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIG1heC13aWR0aDogMjY4cHg7XG5cbiAgICAmIHN2ZyB7XG4gICAgICAgIGZpbGw6IGN1cnJlbnRDb2xvcjtcbiAgICB9XG5gO1xuXG5jb25zdCBTZWxlY3RGaWVsZCA9IHN0eWxlZC5zZWxlY3Q8U2VsZWN0SW50ZXJuYWxQcm9wcz5gXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHBhZGRpbmc6IDAgOHB4O1xuICAgIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICAgIG1pbi1oZWlnaHQ6IDMycHg7XG4gICAgd2lkdGg6IDI2OHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CT1JERVJfQ09MT1IpfTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG5cbiAgICAvKiogRm9jdXNlZCAqL1xuICAgICY6Zm9jdXMsXG4gICAgJjphY3RpdmUge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgNHB4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICB9XG5cbiAgICAmOmZvY3VzIH4gc3BhbixcbiAgICAmOmFjdGl2ZSB+IHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgIH1cblxuICAgIC8qKiBEaXNhYmxlZCAqL1xuICAgICY6ZGlzYWJsZWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEX0JPUkRFUil9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CQUNLR1JPVU5EKX07XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCB+IHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRUQpfTtcbiAgICB9XG5cbiAgICAvKiogSW52YWxpZCAqL1xuICAgICY6Zm9jdXM6aW52YWxpZCB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgNHB4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJHsocHJvcHMpID0+XG4gICAgICAgIHByb3BzLnRvdWNoZWRcbiAgICAgICAgICAgID8gYFxuICAgICY6aW52YWxpZCB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG5cbiAgICAmOmludmFsaWQgfiBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgfVxuICAgIGBcbiAgICAgICAgICAgIDogJyd9XG5cbiAgICAvKiogRXJyb3IgKi9cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMuZXJyb3JUZXh0XG4gICAgICAgICAgICA/IGBcbiAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG5cbiAgICAmIH4gc3BhbiB7XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgLyoqIFJlcXVpcmVkICovXG4gICAgJjpyZXF1aXJlZCArIHNwYW46YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnKic7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIH1cblxuICAgIC8qKiBMYWJlbCBBbmltYXRpb24gKi9cbiAgICAmICsgc3BhbiB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgcGFkZGluZzogMCA1cHg7XG4gICAgICAgIHRvcDogMHB4O1xuICAgICAgICBsZWZ0OiA0cHg7XG4gICAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDMycHg7XG4gICAgICAgIHRyYW5zaXRpb246IGFsbCAzMDBtcyBlYXNlO1xuICAgIH1cblxuICAgICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy52YWx1ZSAhPT0gJydcbiAgICAgICAgICAgID8gYFxuICAgICYgKyBzcGFuIHtcbiAgICAgICAgdG9wOiAtOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgfVxuICAgIGBcbiAgICAgICAgICAgIDogJyd9XG5cbiAgICAmOmZvY3VzICsgc3BhbiwgJjpwbGFjZWhvbGRlci1zaG93biArIHNwYW4ge1xuICAgICAgICB0b3A6IC04cHg7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJBQ0tHUk9VTkQpfTtcbiAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMTRweDtcbiAgICB9XG5gO1xuXG5jb25zdCBFcnJvckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgcGFkZGluZy10b3A6IDNweDtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDNweDtcbmA7XG5cbmNvbnN0IEFycm93Q29udGFpbmVyID0gc3R5bGVkLnNwYW5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiA4cHg7XG4gICAgdG9wOiA4cHg7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBTZWxlY3QocHJvcHM6IFNlbGVjdFByb3BzKSB7XG4gICAgY29uc3QgW3RvdWNoZWQsIHNldFRvdWNoZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlU3RhdGUocHJvcHMudmFsdWUgfHwgJycpO1xuICAgIGNvbnN0IGVycm9ySWQgPSB1c2VJZCgpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHByb3BzLnZhbHVlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIHNldFZhbHVlKHByb3BzLnZhbHVlKTtcbiAgICAgICAgfVxuICAgIH0sIFtwcm9wcy52YWx1ZV0pO1xuXG4gICAgY29uc3QgaGFuZGxlRm9jdXMgPSAoZTogUmVhY3QuRm9jdXNFdmVudDxIVE1MU2VsZWN0RWxlbWVudD4pID0+IHtcbiAgICAgICAgc2V0VG91Y2hlZCh0cnVlKTtcbiAgICAgICAgaWYgKHByb3BzLm9uRm9jdXMpIHtcbiAgICAgICAgICAgIHByb3BzLm9uRm9jdXMoZSk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gKGU6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxTZWxlY3RFbGVtZW50PikgPT4ge1xuICAgICAgICBpZiAocHJvcHMub25DaGFuZ2UpIHtcbiAgICAgICAgICAgIHNldFZhbHVlKGUudGFyZ2V0LnZhbHVlKTtcbiAgICAgICAgICAgIHByb3BzLm9uQ2hhbmdlKGUpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgc2V0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxMYWJlbD5cbiAgICAgICAgICAgIDxTZWxlY3RGaWVsZFxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgICAgICBtdWx0aXBsZT17ZmFsc2V9XG4gICAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgICAgICAgdG91Y2hlZD17dG91Y2hlZH1cbiAgICAgICAgICAgICAgICBhcmlhLWludmFsaWQ9eyEhcHJvcHMuZXJyb3JUZXh0fVxuICAgICAgICAgICAgICAgIGFyaWEtcmVxdWlyZWQ9e3Byb3BzLnJlcXVpcmVkfVxuICAgICAgICAgICAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e3Byb3BzLmVycm9yVGV4dCA/IGVycm9ySWQgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPG9wdGlvbiAvPlxuICAgICAgICAgICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgICAgIDwvU2VsZWN0RmllbGQ+XG4gICAgICAgICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAgICAgICAgPEFycm93Q29udGFpbmVyIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgIDxFeHBhbmRNb3JlIC8+XG4gICAgICAgICAgICA8L0Fycm93Q29udGFpbmVyPlxuICAgICAgICAgICAge3Byb3BzLmVycm9yVGV4dCAmJiA8RXJyb3JDb250YWluZXIgaWQ9e2Vycm9ySWR9Pntwcm9wcy5lcnJvclRleHR9PC9FcnJvckNvbnRhaW5lcj59XG4gICAgICAgIDwvTGFiZWw+XG4gICAgKTtcbn1cblxuU2VsZWN0LnByb3BUeXBlcyA9IHtcbiAgICAvKiogTGFiZWwgZm9yIHRoZSBmaWVsZCAqL1xuICAgIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIC8qKiBFcnJvciB0ZXh0IHRvIGJlIHNob3duIGJlbG93IHRoZSBmaWVsZCAqL1xuICAgIGVycm9yVGV4dDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUl1QiJ9 */");
+const ArrowContainer = /*#__PURE__*/ styled("span", {
+    target: "eao61d03",
+    label: "ArrowContainer"
+})("position:absolute;right:8px;top:8px;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9TZWxlY3QudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL0lucHV0L1NlbGVjdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCB1c2VFZmZlY3QsIHVzZUlkIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBFeHBhbmRNb3JlIGZyb20gJy4uLy4uL2ljb25zL0V4cGFuZE1vcmUnO1xuaW1wb3J0IHsgZ2V0VGhlbWVWYWx1ZSwgVEhFTUVfTkFNRSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jb25zdGFudHMnO1xuXG5pbnRlcmZhY2UgU2VsZWN0UHJvcHNcbiAgICBleHRlbmRzXG4gICAgICAgIFByb3BUeXBlcy5JbmZlclR5cGU8dHlwZW9mIFNlbGVjdC5wcm9wVHlwZXM+LFxuICAgICAgICBSZWFjdC5JbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxTZWxlY3RFbGVtZW50PiB7XG4gICAgdmFsdWU/OiBzdHJpbmc7XG59XG5cbnR5cGUgU2VsZWN0SW50ZXJuYWxQcm9wcyA9IFNlbGVjdFByb3BzICYge1xuICAgIHRvdWNoZWQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDEwcHggNXB4O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIG1heC13aWR0aDogMjY4cHg7XG5cbiAgICAmIHN2ZyB7XG4gICAgICAgIGZpbGw6IGN1cnJlbnRDb2xvcjtcbiAgICB9XG5gO1xuXG5jb25zdCBTZWxlY3RGaWVsZCA9IHN0eWxlZC5zZWxlY3Q8U2VsZWN0SW50ZXJuYWxQcm9wcz5gXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHBhZGRpbmc6IDAgOHB4O1xuICAgIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICAgIG1pbi1oZWlnaHQ6IDMycHg7XG4gICAgd2lkdGg6IDI2OHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CT1JERVJfQ09MT1IpfTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG5cbiAgICAvKiogRm9jdXNlZCAqL1xuICAgICY6Zm9jdXMsXG4gICAgJjphY3RpdmUge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgNHB4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICB9XG5cbiAgICAmOmZvY3VzIH4gc3BhbixcbiAgICAmOmFjdGl2ZSB+IHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgIH1cblxuICAgIC8qKiBEaXNhYmxlZCAqL1xuICAgICY6ZGlzYWJsZWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEX0JPUkRFUil9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CQUNLR1JPVU5EKX07XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCB+IHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRUQpfTtcbiAgICB9XG5cbiAgICAvKiogSW52YWxpZCAqL1xuICAgICY6Zm9jdXM6aW52YWxpZCB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgNHB4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJHsocHJvcHMpID0+XG4gICAgICAgIHByb3BzLnRvdWNoZWRcbiAgICAgICAgICAgID8gYFxuICAgICY6aW52YWxpZCB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG5cbiAgICAmOmludmFsaWQgfiBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgfVxuICAgIGBcbiAgICAgICAgICAgIDogJyd9XG5cbiAgICAvKiogRXJyb3IgKi9cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMuZXJyb3JUZXh0XG4gICAgICAgICAgICA/IGBcbiAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG5cbiAgICAmIH4gc3BhbiB7XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgLyoqIFJlcXVpcmVkICovXG4gICAgJjpyZXF1aXJlZCArIHNwYW46YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnKic7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIH1cblxuICAgIC8qKiBMYWJlbCBBbmltYXRpb24gKi9cbiAgICAmICsgc3BhbiB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgcGFkZGluZzogMCA1cHg7XG4gICAgICAgIHRvcDogMHB4O1xuICAgICAgICBsZWZ0OiA0cHg7XG4gICAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDMycHg7XG4gICAgICAgIHRyYW5zaXRpb246IGFsbCAzMDBtcyBlYXNlO1xuICAgIH1cblxuICAgICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy52YWx1ZSAhPT0gJydcbiAgICAgICAgICAgID8gYFxuICAgICYgKyBzcGFuIHtcbiAgICAgICAgdG9wOiAtOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgfVxuICAgIGBcbiAgICAgICAgICAgIDogJyd9XG5cbiAgICAmOmZvY3VzICsgc3BhbiwgJjpwbGFjZWhvbGRlci1zaG93biArIHNwYW4ge1xuICAgICAgICB0b3A6IC04cHg7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJBQ0tHUk9VTkQpfTtcbiAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMTRweDtcbiAgICB9XG5gO1xuXG5jb25zdCBFcnJvckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgcGFkZGluZy10b3A6IDNweDtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDNweDtcbmA7XG5cbmNvbnN0IEFycm93Q29udGFpbmVyID0gc3R5bGVkLnNwYW5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiA4cHg7XG4gICAgdG9wOiA4cHg7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBTZWxlY3QocHJvcHM6IFNlbGVjdFByb3BzKSB7XG4gICAgY29uc3QgW3RvdWNoZWQsIHNldFRvdWNoZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlU3RhdGUocHJvcHMudmFsdWUgfHwgJycpO1xuICAgIGNvbnN0IGVycm9ySWQgPSB1c2VJZCgpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHByb3BzLnZhbHVlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIHNldFZhbHVlKHByb3BzLnZhbHVlKTtcbiAgICAgICAgfVxuICAgIH0sIFtwcm9wcy52YWx1ZV0pO1xuXG4gICAgY29uc3QgaGFuZGxlRm9jdXMgPSAoZTogUmVhY3QuRm9jdXNFdmVudDxIVE1MU2VsZWN0RWxlbWVudD4pID0+IHtcbiAgICAgICAgc2V0VG91Y2hlZCh0cnVlKTtcbiAgICAgICAgaWYgKHByb3BzLm9uRm9jdXMpIHtcbiAgICAgICAgICAgIHByb3BzLm9uRm9jdXMoZSk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gKGU6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxTZWxlY3RFbGVtZW50PikgPT4ge1xuICAgICAgICBpZiAocHJvcHMub25DaGFuZ2UpIHtcbiAgICAgICAgICAgIHNldFZhbHVlKGUudGFyZ2V0LnZhbHVlKTtcbiAgICAgICAgICAgIHByb3BzLm9uQ2hhbmdlKGUpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgc2V0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxMYWJlbD5cbiAgICAgICAgICAgIDxTZWxlY3RGaWVsZFxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgICAgICBtdWx0aXBsZT17ZmFsc2V9XG4gICAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgICAgICAgdG91Y2hlZD17dG91Y2hlZH1cbiAgICAgICAgICAgICAgICBhcmlhLWludmFsaWQ9eyEhcHJvcHMuZXJyb3JUZXh0fVxuICAgICAgICAgICAgICAgIGFyaWEtcmVxdWlyZWQ9e3Byb3BzLnJlcXVpcmVkfVxuICAgICAgICAgICAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e3Byb3BzLmVycm9yVGV4dCA/IGVycm9ySWQgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPG9wdGlvbiAvPlxuICAgICAgICAgICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgICAgIDwvU2VsZWN0RmllbGQ+XG4gICAgICAgICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAgICAgICAgPEFycm93Q29udGFpbmVyIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgIDxFeHBhbmRNb3JlIC8+XG4gICAgICAgICAgICA8L0Fycm93Q29udGFpbmVyPlxuICAgICAgICAgICAge3Byb3BzLmVycm9yVGV4dCAmJiA8RXJyb3JDb250YWluZXIgaWQ9e2Vycm9ySWR9Pntwcm9wcy5lcnJvclRleHR9PC9FcnJvckNvbnRhaW5lcj59XG4gICAgICAgIDwvTGFiZWw+XG4gICAgKTtcbn1cblxuU2VsZWN0LnByb3BUeXBlcyA9IHtcbiAgICAvKiogTGFiZWwgZm9yIHRoZSBmaWVsZCAqL1xuICAgIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIC8qKiBFcnJvciB0ZXh0IHRvIGJlIHNob3duIGJlbG93IHRoZSBmaWVsZCAqL1xuICAgIGVycm9yVGV4dDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0l1QiJ9 */");
+function Select(props) {
     const [touched, setTouched] = useState(false);
     const [value, setValue] = useState(props.value || '');
-    const handleFocus = (e) => {
+    const errorId = useId();
+    useEffect(()=>{
+        if (props.value !== undefined) {
+            setValue(props.value);
+        }
+    }, [
+        props.value
+    ]);
+    const handleFocus = (e)=>{
         setTouched(true);
         if (props.onFocus) {
             props.onFocus(e);
         }
     };
-    const onChangeHandler = (e) => {
+    const onChangeHandler = (e)=>{
         if (props.onChange) {
             setValue(e.target.value);
             props.onChange(e);
-        }
-        else {
+        } else {
             setValue(e.target.value);
         }
     };
-    return (_jsxs(Label, { children: [_jsxs(SelectField, Object.assign({}, props, { multiple: false, value: value, onChange: onChangeHandler, onFocus: handleFocus, touched: touched, children: [_jsx("option", {}), props.children] })), _jsx("span", { children: props.label }), _jsx(ArrowContainer, { children: _jsx(ExpandMore, {}) }), props.errorText && _jsx(ErrorContainer, { children: props.errorText })] }));
+    return /*#__PURE__*/ jsxs(Label, {
+        children: [
+            /*#__PURE__*/ jsxs(SelectField, {
+                ...props,
+                multiple: false,
+                value: value,
+                onChange: onChangeHandler,
+                onFocus: handleFocus,
+                touched: touched,
+                "aria-invalid": !!props.errorText,
+                "aria-required": props.required,
+                "aria-describedby": props.errorText ? errorId : undefined,
+                children: [
+                    /*#__PURE__*/ jsx("option", {}),
+                    props.children
+                ]
+            }),
+            /*#__PURE__*/ jsx("span", {
+                children: props.label
+            }),
+            /*#__PURE__*/ jsx(ArrowContainer, {
+                "aria-hidden": "true",
+                children: /*#__PURE__*/ jsx(ExpandMore, {})
+            }),
+            props.errorText && /*#__PURE__*/ jsx(ErrorContainer, {
+                id: errorId,
+                children: props.errorText
+            })
+        ]
+    });
 }
 Select.propTypes = {
-    /** Label for the field */
-    label: PropTypes.string,
-    /** Error text to be shown below the field */
-    errorText: PropTypes.string,
+    /** Label for the field */ label: PropTypes.string,
+    /** Error text to be shown below the field */ errorText: PropTypes.string
 };
-//# sourceMappingURL=Select.js.map
+
+export { Select as default };

package/lib-esm/components/Input/TextArea.d.ts

@@ -13,4 +13,3 @@ declare namespace TextArea {
     };
 }
 export default TextArea;
-//# sourceMappingURL=TextArea.d.ts.map

package/lib-esm/components/Input/TextArea.js

@@ -1,143 +1,92 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { useState } from 'react';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { useState, useId, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
-import constants from '../../shared/constants';
-const Label = styled.label `
-    display: inline-flex;
-    flex-direction: column;
-    position: relative;
-    margin: 10px 5px;
-`;
-const TextField = styled.textarea `
-    border: none;
-    color: inherit;
-    padding: 8px;
-    min-height: 150px;
-    min-width: 250px;
-    border-radius: 3px;
-    border: 1px solid var(--border-color, ${constants.BORDER_COLOR});
-    display: inline-block;
-    background-color: var(--background, ${constants.BACKGROUND});
+import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
 
-    /** Focused */
-    &:focus,
-    &:active {
-        border-color: var(--primary, ${constants.PRIMARY});
-        box-shadow: 0 0 0 4px var(--primary, ${constants.PRIMARY_LIGHT});
-    }
-
-    &:focus + span,
-    &:active + span {
-        color: var(--primary, ${constants.PRIMARY});
-    }
-
-    /** Disabled */
-    &:disabled {
-        border-color: var(--disabled-border, ${constants.DISABLED_BORDER});
-        background-color: var(--disabled-background, ${constants.DISABLED_BACKGROUND});
-    }
-
-    &:disabled + span {
-        color: var(--disabled, ${constants.DISABLED});
-    }
-
-    /** Invalid */
-    &:focus:invalid {
-        border-color: var(--error, ${constants.ERROR});
-        box-shadow: 0 0 0 4px var(--error-light, ${constants.ERROR_LIGHT});
-    }
-
-    ${(props) => props.touched
-    ? `
+const Label = /*#__PURE__*/ styled("label", {
+    target: "ee4amtm0",
+    label: "Label"
+})("display:inline-flex;flex-direction:column;position:relative;margin:10px 5px;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9UZXh0QXJlYS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvSW5wdXQvVGV4dEFyZWEudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0LCB1c2VJZCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NvbnN0YW50cyc7XG5cbmludGVyZmFjZSBUZXh0QXJlYVByb3BzXG4gICAgZXh0ZW5kc1xuICAgICAgICBQcm9wVHlwZXMuSW5mZXJUeXBlPHR5cGVvZiBUZXh0QXJlYS5wcm9wVHlwZXM+LFxuICAgICAgICBSZWFjdC5JbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxUZXh0QXJlYUVsZW1lbnQ+IHtcbiAgICB2YWx1ZT86IHN0cmluZztcbn1cblxudHlwZSBUZXh0QXJlYUludGVybmFsUHJvcHMgPSBUZXh0QXJlYVByb3BzICYge1xuICAgIHRvdWNoZWQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDEwcHggNXB4O1xuYDtcblxuY29uc3QgVGV4dEZpZWxkID0gc3R5bGVkLnRleHRhcmVhPFRleHRBcmVhSW50ZXJuYWxQcm9wcz5gXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHBhZGRpbmc6IDhweDtcbiAgICBtaW4taGVpZ2h0OiAxNTBweDtcbiAgICBtaW4td2lkdGg6IDI1MHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CT1JERVJfQ09MT1IpfTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuXG4gICAgLyoqIEZvY3VzZWQgKi9cbiAgICAmOmZvY3VzLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJjpmb2N1cyArIHNwYW4sXG4gICAgJjphY3RpdmUgKyBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICB9XG5cbiAgICAvKiogRGlzYWJsZWQgKi9cbiAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CT1JERVIpfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQkFDS0dST1VORCl9O1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQgKyBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEKX07XG4gICAgfVxuXG4gICAgLyoqIEludmFsaWQgKi9cbiAgICAmOmZvY3VzOmludmFsaWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUl9MSUdIVCl9O1xuICAgIH1cblxuICAgICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy50b3VjaGVkXG4gICAgICAgICAgICA/IGBcbiAgICAmOmludmFsaWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgfVxuXG4gICAgJjppbnZhbGlkICsgc3BhbiB7XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgLyoqIEVycm9yICovXG4gICAgJHsocHJvcHMpID0+XG4gICAgICAgIHByb3BzLmVycm9yVGV4dFxuICAgICAgICAgICAgPyBgXG4gICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuXG4gICAgJiArIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG4gICAgYFxuICAgICAgICAgICAgOiAnJ31cblxuICAgIC8qKiBSZXF1aXJlZCAqL1xuICAgICY6cmVxdWlyZWQgKyBzcGFuOmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyonO1xuICAgICAgICBtYXJnaW4tbGVmdDogMnB4O1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG5cbiAgICAvKiogTGFiZWwgQW5pbWF0aW9uICovXG4gICAgJiArIHNwYW4ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHBhZGRpbmc6IDAgNXB4O1xuICAgICAgICB0b3A6IDBweDtcbiAgICAgICAgbGVmdDogNHB4O1xuICAgICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAzMnB4O1xuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgMzAwbXMgZWFzZTtcbiAgICB9XG5cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMudmFsdWUgIT09ICcnXG4gICAgICAgICAgICA/IGBcbiAgICAmICsgc3BhbiB7XG4gICAgICAgIHRvcDogLThweDtcbiAgICAgICAgYmFja2dyb3VuZDogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgJjpmb2N1cyArIHNwYW4sICY6cGxhY2Vob2xkZXItc2hvd24gKyBzcGFuIHtcbiAgICAgICAgdG9wOiAtOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgfVxuYDtcblxuY29uc3QgRXJyb3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIHBhZGRpbmctdG9wOiAzcHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBUZXh0QXJlYShwcm9wczogVGV4dEFyZWFQcm9wcykge1xuICAgIGNvbnN0IFt0b3VjaGVkLCBzZXRUb3VjaGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKHByb3BzLnZhbHVlIHx8ICcnKTtcbiAgICBjb25zdCBlcnJvcklkID0gdXNlSWQoKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChwcm9wcy52YWx1ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICBzZXRWYWx1ZShwcm9wcy52YWx1ZSk7XG4gICAgICAgIH1cbiAgICB9LCBbcHJvcHMudmFsdWVdKTtcblxuICAgIGNvbnN0IGhhbmRsZUZvY3VzID0gKGU6IFJlYWN0LkZvY3VzRXZlbnQ8SFRNTFRleHRBcmVhRWxlbWVudD4pID0+IHtcbiAgICAgICAgc2V0VG91Y2hlZCh0cnVlKTtcbiAgICAgICAgaWYgKHByb3BzLm9uRm9jdXMpIHtcbiAgICAgICAgICAgIHByb3BzLm9uRm9jdXMoZSk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gKGU6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxUZXh0QXJlYUVsZW1lbnQ+KSA9PiB7XG4gICAgICAgIGlmIChwcm9wcy5vbkNoYW5nZSkge1xuICAgICAgICAgICAgc2V0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICAgICAgICAgICAgcHJvcHMub25DaGFuZ2UoZSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBzZXRWYWx1ZShlLnRhcmdldC52YWx1ZSk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPExhYmVsPlxuICAgICAgICAgICAgPFRleHRGaWVsZFxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgICAgICAgICB0b3VjaGVkPXt0b3VjaGVkfVxuICAgICAgICAgICAgICAgIGFyaWEtaW52YWxpZD17ISFwcm9wcy5lcnJvclRleHR9XG4gICAgICAgICAgICAgICAgYXJpYS1yZXF1aXJlZD17cHJvcHMucmVxdWlyZWR9XG4gICAgICAgICAgICAgICAgYXJpYS1kZXNjcmliZWRieT17cHJvcHMuZXJyb3JUZXh0ID8gZXJyb3JJZCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAgICAgICAge3Byb3BzLmVycm9yVGV4dCAmJiA8RXJyb3JDb250YWluZXIgaWQ9e2Vycm9ySWR9Pntwcm9wcy5lcnJvclRleHR9PC9FcnJvckNvbnRhaW5lcj59XG4gICAgICAgIDwvTGFiZWw+XG4gICAgKTtcbn1cblxuVGV4dEFyZWEucHJvcFR5cGVzID0ge1xuICAgIC8qKiBMYWJlbCBmb3IgdGhlIGZpZWxkICovXG4gICAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgLyoqIEVycm9yIHRleHQgdG8gYmUgc2hvd24gYmVsb3cgdGhlIGZpZWxkICovXG4gICAgZXJyb3JUZXh0OiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmMifQ== */");
+const TextField = /*#__PURE__*/ styled("textarea", {
+    target: "ee4amtm1",
+    label: "TextField"
+})("border:none;color:inherit;padding:8px;min-height:150px;min-width:250px;border-radius:3px;border:1px solid ", getThemeValue(THEME_NAME.BORDER_COLOR), ";display:inline-block;background-color:", getThemeValue(THEME_NAME.BACKGROUND), ";&:focus,&:active{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:focus + span,&:active + span{color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:disabled{border-color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";background-color:", getThemeValue(THEME_NAME.DISABLED_BACKGROUND), ";}&:disabled + span{color:", getThemeValue(THEME_NAME.DISABLED), ";}&:focus:invalid{border-color:", getThemeValue(THEME_NAME.ERROR), ";box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.ERROR_LIGHT), ";}", (props)=>props.touched ? `
     &:invalid {
-        border-color: var(--error, ${constants.ERROR});
+        border-color: ${getThemeValue(THEME_NAME.ERROR)};
     }
 
     &:invalid + span {
-        color: var(--error, ${constants.ERROR});
+        color: ${getThemeValue(THEME_NAME.ERROR)};
     }
-    `
-    : ''}
-
-    /** Error */
-    ${(props) => props.errorText
-    ? `
-    border-color: var(--error, ${constants.ERROR});
+    ` : '', "    \n    ", (props)=>props.errorText ? `
+    border-color: ${getThemeValue(THEME_NAME.ERROR)};
 
     & + span {
-        color: var(--error, ${constants.ERROR});
-    }
-    `
-    : ''}
-
-    /** Required */
-    &:required + span:after {
-        content: '*';
-        margin-left: 2px;
-        color: var(--error, ${constants.ERROR});
+        color: ${getThemeValue(THEME_NAME.ERROR)};
     }
-
-    /** Label Animation */
-    & + span {
-        position: absolute;
-        padding: 0 5px;
-        top: 0px;
-        left: 4px;
-        font-size: 14px;
-        line-height: 32px;
-        transition: all 300ms ease;
-    }
-
-    ${(props) => props.value !== ''
-    ? `
+    ` : '', "    \n    &:required + span:after{content:'*';margin-left:2px;color:", getThemeValue(THEME_NAME.ERROR), ";}& + span{position:absolute;padding:0 5px;top:0px;left:4px;font-size:14px;line-height:32px;transition:all 300ms ease;}", (props)=>props.value !== '' ? `
     & + span {
         top: -8px;
-        background: var(--background, ${constants.BACKGROUND});
-        font-size: 12px;
-        line-height: 14px;
-    }
-    `
-    : ''}
-
-    &:focus + span, &:placeholder-shown + span {
-        top: -8px;
-        background: var(--background, ${constants.BACKGROUND});
+        background: ${getThemeValue(THEME_NAME.BACKGROUND)};
         font-size: 12px;
         line-height: 14px;
     }
-`;
-const ErrorContainer = styled.div `
-    color: var(--error, ${constants.ERROR});
-    padding-top: 3px;
-    font-size: 12px;
-    line-height: 14px;
-    margin-left: 3px;
-`;
-export default function TextArea(props) {
+    ` : '', "    &:focus + span,&:placeholder-shown + span{top:-8px;background:", getThemeValue(THEME_NAME.BACKGROUND), ";font-size:12px;line-height:14px;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9UZXh0QXJlYS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvSW5wdXQvVGV4dEFyZWEudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0LCB1c2VJZCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NvbnN0YW50cyc7XG5cbmludGVyZmFjZSBUZXh0QXJlYVByb3BzXG4gICAgZXh0ZW5kc1xuICAgICAgICBQcm9wVHlwZXMuSW5mZXJUeXBlPHR5cGVvZiBUZXh0QXJlYS5wcm9wVHlwZXM+LFxuICAgICAgICBSZWFjdC5JbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxUZXh0QXJlYUVsZW1lbnQ+IHtcbiAgICB2YWx1ZT86IHN0cmluZztcbn1cblxudHlwZSBUZXh0QXJlYUludGVybmFsUHJvcHMgPSBUZXh0QXJlYVByb3BzICYge1xuICAgIHRvdWNoZWQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDEwcHggNXB4O1xuYDtcblxuY29uc3QgVGV4dEZpZWxkID0gc3R5bGVkLnRleHRhcmVhPFRleHRBcmVhSW50ZXJuYWxQcm9wcz5gXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHBhZGRpbmc6IDhweDtcbiAgICBtaW4taGVpZ2h0OiAxNTBweDtcbiAgICBtaW4td2lkdGg6IDI1MHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CT1JERVJfQ09MT1IpfTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuXG4gICAgLyoqIEZvY3VzZWQgKi9cbiAgICAmOmZvY3VzLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJjpmb2N1cyArIHNwYW4sXG4gICAgJjphY3RpdmUgKyBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICB9XG5cbiAgICAvKiogRGlzYWJsZWQgKi9cbiAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CT1JERVIpfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQkFDS0dST1VORCl9O1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQgKyBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEKX07XG4gICAgfVxuXG4gICAgLyoqIEludmFsaWQgKi9cbiAgICAmOmZvY3VzOmludmFsaWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUl9MSUdIVCl9O1xuICAgIH1cblxuICAgICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy50b3VjaGVkXG4gICAgICAgICAgICA/IGBcbiAgICAmOmludmFsaWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgfVxuXG4gICAgJjppbnZhbGlkICsgc3BhbiB7XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgLyoqIEVycm9yICovXG4gICAgJHsocHJvcHMpID0+XG4gICAgICAgIHByb3BzLmVycm9yVGV4dFxuICAgICAgICAgICAgPyBgXG4gICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuXG4gICAgJiArIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG4gICAgYFxuICAgICAgICAgICAgOiAnJ31cblxuICAgIC8qKiBSZXF1aXJlZCAqL1xuICAgICY6cmVxdWlyZWQgKyBzcGFuOmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyonO1xuICAgICAgICBtYXJnaW4tbGVmdDogMnB4O1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG5cbiAgICAvKiogTGFiZWwgQW5pbWF0aW9uICovXG4gICAgJiArIHNwYW4ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHBhZGRpbmc6IDAgNXB4O1xuICAgICAgICB0b3A6IDBweDtcbiAgICAgICAgbGVmdDogNHB4O1xuICAgICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAzMnB4O1xuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgMzAwbXMgZWFzZTtcbiAgICB9XG5cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMudmFsdWUgIT09ICcnXG4gICAgICAgICAgICA/IGBcbiAgICAmICsgc3BhbiB7XG4gICAgICAgIHRvcDogLThweDtcbiAgICAgICAgYmFja2dyb3VuZDogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgJjpmb2N1cyArIHNwYW4sICY6cGxhY2Vob2xkZXItc2hvd24gKyBzcGFuIHtcbiAgICAgICAgdG9wOiAtOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgfVxuYDtcblxuY29uc3QgRXJyb3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIHBhZGRpbmctdG9wOiAzcHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBUZXh0QXJlYShwcm9wczogVGV4dEFyZWFQcm9wcykge1xuICAgIGNvbnN0IFt0b3VjaGVkLCBzZXRUb3VjaGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKHByb3BzLnZhbHVlIHx8ICcnKTtcbiAgICBjb25zdCBlcnJvcklkID0gdXNlSWQoKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChwcm9wcy52YWx1ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICBzZXRWYWx1ZShwcm9wcy52YWx1ZSk7XG4gICAgICAgIH1cbiAgICB9LCBbcHJvcHMudmFsdWVdKTtcblxuICAgIGNvbnN0IGhhbmRsZUZvY3VzID0gKGU6IFJlYWN0LkZvY3VzRXZlbnQ8SFRNTFRleHRBcmVhRWxlbWVudD4pID0+IHtcbiAgICAgICAgc2V0VG91Y2hlZCh0cnVlKTtcbiAgICAgICAgaWYgKHByb3BzLm9uRm9jdXMpIHtcbiAgICAgICAgICAgIHByb3BzLm9uRm9jdXMoZSk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gKGU6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxUZXh0QXJlYUVsZW1lbnQ+KSA9PiB7XG4gICAgICAgIGlmIChwcm9wcy5vbkNoYW5nZSkge1xuICAgICAgICAgICAgc2V0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICAgICAgICAgICAgcHJvcHMub25DaGFuZ2UoZSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBzZXRWYWx1ZShlLnRhcmdldC52YWx1ZSk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPExhYmVsPlxuICAgICAgICAgICAgPFRleHRGaWVsZFxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgICAgICAgICB0b3VjaGVkPXt0b3VjaGVkfVxuICAgICAgICAgICAgICAgIGFyaWEtaW52YWxpZD17ISFwcm9wcy5lcnJvclRleHR9XG4gICAgICAgICAgICAgICAgYXJpYS1yZXF1aXJlZD17cHJvcHMucmVxdWlyZWR9XG4gICAgICAgICAgICAgICAgYXJpYS1kZXNjcmliZWRieT17cHJvcHMuZXJyb3JUZXh0ID8gZXJyb3JJZCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAgICAgICAge3Byb3BzLmVycm9yVGV4dCAmJiA8RXJyb3JDb250YWluZXIgaWQ9e2Vycm9ySWR9Pntwcm9wcy5lcnJvclRleHR9PC9FcnJvckNvbnRhaW5lcj59XG4gICAgICAgIDwvTGFiZWw+XG4gICAgKTtcbn1cblxuVGV4dEFyZWEucHJvcFR5cGVzID0ge1xuICAgIC8qKiBMYWJlbCBmb3IgdGhlIGZpZWxkICovXG4gICAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgLyoqIEVycm9yIHRleHQgdG8gYmUgc2hvd24gYmVsb3cgdGhlIGZpZWxkICovXG4gICAgZXJyb3JUZXh0OiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QmtCIn0= */");
+const ErrorContainer = /*#__PURE__*/ styled("div", {
+    target: "ee4amtm2",
+    label: "ErrorContainer"
+})("color:", getThemeValue(THEME_NAME.ERROR), ";padding-top:3px;font-size:12px;line-height:14px;margin-left:3px;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9UZXh0QXJlYS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvSW5wdXQvVGV4dEFyZWEudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0LCB1c2VJZCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NvbnN0YW50cyc7XG5cbmludGVyZmFjZSBUZXh0QXJlYVByb3BzXG4gICAgZXh0ZW5kc1xuICAgICAgICBQcm9wVHlwZXMuSW5mZXJUeXBlPHR5cGVvZiBUZXh0QXJlYS5wcm9wVHlwZXM+LFxuICAgICAgICBSZWFjdC5JbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxUZXh0QXJlYUVsZW1lbnQ+IHtcbiAgICB2YWx1ZT86IHN0cmluZztcbn1cblxudHlwZSBUZXh0QXJlYUludGVybmFsUHJvcHMgPSBUZXh0QXJlYVByb3BzICYge1xuICAgIHRvdWNoZWQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDEwcHggNXB4O1xuYDtcblxuY29uc3QgVGV4dEZpZWxkID0gc3R5bGVkLnRleHRhcmVhPFRleHRBcmVhSW50ZXJuYWxQcm9wcz5gXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHBhZGRpbmc6IDhweDtcbiAgICBtaW4taGVpZ2h0OiAxNTBweDtcbiAgICBtaW4td2lkdGg6IDI1MHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CT1JERVJfQ09MT1IpfTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuXG4gICAgLyoqIEZvY3VzZWQgKi9cbiAgICAmOmZvY3VzLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJjpmb2N1cyArIHNwYW4sXG4gICAgJjphY3RpdmUgKyBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICB9XG5cbiAgICAvKiogRGlzYWJsZWQgKi9cbiAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CT1JERVIpfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQkFDS0dST1VORCl9O1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQgKyBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEKX07XG4gICAgfVxuXG4gICAgLyoqIEludmFsaWQgKi9cbiAgICAmOmZvY3VzOmludmFsaWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUl9MSUdIVCl9O1xuICAgIH1cblxuICAgICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy50b3VjaGVkXG4gICAgICAgICAgICA/IGBcbiAgICAmOmludmFsaWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgfVxuXG4gICAgJjppbnZhbGlkICsgc3BhbiB7XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgLyoqIEVycm9yICovXG4gICAgJHsocHJvcHMpID0+XG4gICAgICAgIHByb3BzLmVycm9yVGV4dFxuICAgICAgICAgICAgPyBgXG4gICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuXG4gICAgJiArIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG4gICAgYFxuICAgICAgICAgICAgOiAnJ31cblxuICAgIC8qKiBSZXF1aXJlZCAqL1xuICAgICY6cmVxdWlyZWQgKyBzcGFuOmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyonO1xuICAgICAgICBtYXJnaW4tbGVmdDogMnB4O1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG5cbiAgICAvKiogTGFiZWwgQW5pbWF0aW9uICovXG4gICAgJiArIHNwYW4ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHBhZGRpbmc6IDAgNXB4O1xuICAgICAgICB0b3A6IDBweDtcbiAgICAgICAgbGVmdDogNHB4O1xuICAgICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAzMnB4O1xuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgMzAwbXMgZWFzZTtcbiAgICB9XG5cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMudmFsdWUgIT09ICcnXG4gICAgICAgICAgICA/IGBcbiAgICAmICsgc3BhbiB7XG4gICAgICAgIHRvcDogLThweDtcbiAgICAgICAgYmFja2dyb3VuZDogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgJjpmb2N1cyArIHNwYW4sICY6cGxhY2Vob2xkZXItc2hvd24gKyBzcGFuIHtcbiAgICAgICAgdG9wOiAtOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgfVxuYDtcblxuY29uc3QgRXJyb3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIHBhZGRpbmctdG9wOiAzcHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBUZXh0QXJlYShwcm9wczogVGV4dEFyZWFQcm9wcykge1xuICAgIGNvbnN0IFt0b3VjaGVkLCBzZXRUb3VjaGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKHByb3BzLnZhbHVlIHx8ICcnKTtcbiAgICBjb25zdCBlcnJvcklkID0gdXNlSWQoKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChwcm9wcy52YWx1ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICBzZXRWYWx1ZShwcm9wcy52YWx1ZSk7XG4gICAgICAgIH1cbiAgICB9LCBbcHJvcHMudmFsdWVdKTtcblxuICAgIGNvbnN0IGhhbmRsZUZvY3VzID0gKGU6IFJlYWN0LkZvY3VzRXZlbnQ8SFRNTFRleHRBcmVhRWxlbWVudD4pID0+IHtcbiAgICAgICAgc2V0VG91Y2hlZCh0cnVlKTtcbiAgICAgICAgaWYgKHByb3BzLm9uRm9jdXMpIHtcbiAgICAgICAgICAgIHByb3BzLm9uRm9jdXMoZSk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gKGU6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxUZXh0QXJlYUVsZW1lbnQ+KSA9PiB7XG4gICAgICAgIGlmIChwcm9wcy5vbkNoYW5nZSkge1xuICAgICAgICAgICAgc2V0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICAgICAgICAgICAgcHJvcHMub25DaGFuZ2UoZSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBzZXRWYWx1ZShlLnRhcmdldC52YWx1ZSk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPExhYmVsPlxuICAgICAgICAgICAgPFRleHRGaWVsZFxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgICAgICAgICB0b3VjaGVkPXt0b3VjaGVkfVxuICAgICAgICAgICAgICAgIGFyaWEtaW52YWxpZD17ISFwcm9wcy5lcnJvclRleHR9XG4gICAgICAgICAgICAgICAgYXJpYS1yZXF1aXJlZD17cHJvcHMucmVxdWlyZWR9XG4gICAgICAgICAgICAgICAgYXJpYS1kZXNjcmliZWRieT17cHJvcHMuZXJyb3JUZXh0ID8gZXJyb3JJZCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAgICAgICAge3Byb3BzLmVycm9yVGV4dCAmJiA8RXJyb3JDb250YWluZXIgaWQ9e2Vycm9ySWR9Pntwcm9wcy5lcnJvclRleHR9PC9FcnJvckNvbnRhaW5lcj59XG4gICAgICAgIDwvTGFiZWw+XG4gICAgKTtcbn1cblxuVGV4dEFyZWEucHJvcFR5cGVzID0ge1xuICAgIC8qKiBMYWJlbCBmb3IgdGhlIGZpZWxkICovXG4gICAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgLyoqIEVycm9yIHRleHQgdG8gYmUgc2hvd24gYmVsb3cgdGhlIGZpZWxkICovXG4gICAgZXJyb3JUZXh0OiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2SHVCIn0= */");
+function TextArea(props) {
     const [touched, setTouched] = useState(false);
     const [value, setValue] = useState(props.value || '');
-    const handleFocus = (e) => {
+    const errorId = useId();
+    useEffect(()=>{
+        if (props.value !== undefined) {
+            setValue(props.value);
+        }
+    }, [
+        props.value
+    ]);
+    const handleFocus = (e)=>{
         setTouched(true);
         if (props.onFocus) {
             props.onFocus(e);
         }
     };
-    const onChangeHandler = (e) => {
+    const onChangeHandler = (e)=>{
         if (props.onChange) {
             setValue(e.target.value);
             props.onChange(e);
-        }
-        else {
+        } else {
             setValue(e.target.value);
         }
     };
-    return (_jsxs(Label, { children: [_jsx(TextField, Object.assign({}, props, { value: value, onChange: onChangeHandler, onFocus: handleFocus, touched: touched })), _jsx("span", { children: props.label }), props.errorText && _jsx(ErrorContainer, { children: props.errorText })] }));
+    return /*#__PURE__*/ jsxs(Label, {
+        children: [
+            /*#__PURE__*/ jsx(TextField, {
+                ...props,
+                value: value,
+                onChange: onChangeHandler,
+                onFocus: handleFocus,
+                touched: touched,
+                "aria-invalid": !!props.errorText,
+                "aria-required": props.required,
+                "aria-describedby": props.errorText ? errorId : undefined
+            }),
+            /*#__PURE__*/ jsx("span", {
+                children: props.label
+            }),
+            props.errorText && /*#__PURE__*/ jsx(ErrorContainer, {
+                id: errorId,
+                children: props.errorText
+            })
+        ]
+    });
 }
 TextArea.propTypes = {
-    /** Label for the field */
-    label: PropTypes.string,
-    /** Error text to be shown below the field */
-    errorText: PropTypes.string,
+    /** Label for the field */ label: PropTypes.string,
+    /** Error text to be shown below the field */ errorText: PropTypes.string
 };
-//# sourceMappingURL=TextArea.js.map
+
+export { TextArea as default };

package/lib-esm/components/Input/Toggle.d.ts

@@ -9,4 +9,3 @@ declare namespace Toggle {
     };
 }
 export default Toggle;
-//# sourceMappingURL=Toggle.d.ts.map