no-frills-ui 0.0.14-alpha.7 → 0.0.14-rc.0

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

@@ -1,16 +1,15 @@
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { useState, useId, useEffect } from 'react';
-import PropTypes from 'prop-types';
+import React, { useState, useId, useRef, useEffect } from 'react';
 import styled from '@emotion/styled';
 import ExpandMore from '../../icons/ExpandMore.js';
 import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
 
-const Label = /*#__PURE__*/ styled("label", {
-    target: "eao61d00",
+const Label$3 = /*#__PURE__*/ styled("label", {
+    target: "e13b7jm0",
     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= */");
+})("display:inline-flex;flex-direction:column;position:relative;margin:10px 5px;pointer-events:none;max-width:268px;& svg{fill:currentColor;}");
 const SelectField = /*#__PURE__*/ styled("select", {
-    target: "eao61d01",
+    target: "e13b7jm1",
     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 {
@@ -33,22 +32,28 @@ const SelectField = /*#__PURE__*/ styled("select", {
         font-size: 12px;
         line-height: 14px;
     }
-    ` : '', "    &: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",
+    ` : '', "    &:focus + span,&:placeholder-shown + span{top:-8px;background:", getThemeValue(THEME_NAME.BACKGROUND), ";font-size:12px;line-height:14px;}");
+const ErrorContainer$1 = /*#__PURE__*/ styled("div", {
+    target: "e13b7jm2",
     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",
+})("color:", getThemeValue(THEME_NAME.ERROR), ";padding-top:3px;font-size:12px;line-height:14px;margin-left:3px;");
+const ArrowContainer$1 = /*#__PURE__*/ styled("span", {
+    target: "e13b7jm3",
     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) {
+})("position:absolute;right:8px;top:8px;");
+/**
+ * Select Component
+ * @param props - Component props
+ * @param ref - Ref forwarded to the underlying HTMLSelectElement
+ */ function SelectComponent(props, ref) {
     const [touched, setTouched] = useState(false);
     const [value, setValue] = useState(props.value || '');
     const errorId = useId();
+    const prevValueRef = useRef(undefined);
     useEffect(()=>{
-        if (props.value !== undefined) {
+        if (props.value !== undefined && props.value !== prevValueRef.current) {
             setValue(props.value);
+            prevValueRef.current = props.value;
         }
     }, [
         props.value
@@ -67,10 +72,11 @@ function Select(props) {
             setValue(e.target.value);
         }
     };
-    return /*#__PURE__*/ jsxs(Label, {
+    return /*#__PURE__*/ jsxs(Label$3, {
         children: [
             /*#__PURE__*/ jsxs(SelectField, {
                 ...props,
+                ref: ref,
                 multiple: false,
                 value: value,
                 onChange: onChangeHandler,
@@ -87,20 +93,18 @@ function Select(props) {
             /*#__PURE__*/ jsx("span", {
                 children: props.label
             }),
-            /*#__PURE__*/ jsx(ArrowContainer, {
+            /*#__PURE__*/ jsx(ArrowContainer$1, {
                 "aria-hidden": "true",
                 children: /*#__PURE__*/ jsx(ExpandMore, {})
             }),
-            props.errorText && /*#__PURE__*/ jsx(ErrorContainer, {
+            props.errorText && /*#__PURE__*/ jsx(ErrorContainer$1, {
                 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
-};
+const Select = /*#__PURE__*/ React.forwardRef(SelectComponent);
 
 export { Select as default };
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../src/components/Input/Select.tsx"],"sourcesContent":["import React, { useState, useEffect, useId, useRef } from 'react';\nimport styled from '@emotion/styled';\nimport ExpandMore from '../../icons/ExpandMore';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\n\ntype SelectProps = {\n    /** Label for the field */\n    label?: string;\n    /** Error text to be shown below the field */\n    errorText?: string;\n} & React.InputHTMLAttributes<HTMLSelectElement>;\n\ntype SelectInternalProps = SelectProps & {\n    touched: boolean;\n};\n\nconst Label = styled.label`\n    display: inline-flex;\n    flex-direction: column;\n    position: relative;\n    margin: 10px 5px;\n    pointer-events: none;\n    max-width: 268px;\n\n    & svg {\n        fill: currentColor;\n    }\n`;\n\nconst SelectField = styled.select<SelectInternalProps>`\n    border: none;\n    color: inherit;\n    padding: 0 8px;\n    line-height: 30px;\n    min-height: 32px;\n    width: 268px;\n    border-radius: 3px;\n    border: 1px solid ${getThemeValue(THEME_NAME.BORDER_COLOR)};\n    display: inline-block;\n    background-color: ${getThemeValue(THEME_NAME.BACKGROUND)};\n    pointer-events: auto;\n    appearance: none;\n\n    /** Focused */\n    &:focus,\n    &:active {\n        border-color: ${getThemeValue(THEME_NAME.PRIMARY)};\n        box-shadow: 0 0 0 4px ${getThemeValue(THEME_NAME.PRIMARY_LIGHT)};\n    }\n\n    &:focus ~ span,\n    &:active ~ span {\n        color: ${getThemeValue(THEME_NAME.PRIMARY)};\n    }\n\n    /** Disabled */\n    &:disabled {\n        border-color: ${getThemeValue(THEME_NAME.DISABLED_BORDER)};\n        background-color: ${getThemeValue(THEME_NAME.DISABLED_BACKGROUND)};\n    }\n\n    &:disabled ~ span {\n        color: ${getThemeValue(THEME_NAME.DISABLED)};\n    }\n\n    /** Invalid */\n    &:focus:invalid {\n        border-color: ${getThemeValue(THEME_NAME.ERROR)};\n        box-shadow: 0 0 0 4px ${getThemeValue(THEME_NAME.ERROR_LIGHT)};\n    }\n\n    ${(props) =>\n        props.touched\n            ? `\n    &:invalid {\n        border-color: ${getThemeValue(THEME_NAME.ERROR)};\n    }\n\n    &:invalid ~ span {\n        color: ${getThemeValue(THEME_NAME.ERROR)};\n    }\n    `\n            : ''}\n\n    /** Error */\n    ${(props) =>\n        props.errorText\n            ? `\n    border-color: ${getThemeValue(THEME_NAME.ERROR)};\n\n    & ~ span {\n        color: ${getThemeValue(THEME_NAME.ERROR)};\n    }\n    `\n            : ''}\n\n    /** Required */\n    &:required + span:after {\n        content: '*';\n        margin-left: 2px;\n        color: ${getThemeValue(THEME_NAME.ERROR)};\n    }\n\n    /** Label Animation */\n    & + span {\n        position: absolute;\n        padding: 0 5px;\n        top: 0px;\n        left: 4px;\n        font-size: 14px;\n        line-height: 32px;\n        transition: all 300ms ease;\n    }\n\n    ${(props) =>\n        props.value !== ''\n            ? `\n    & + span {\n        top: -8px;\n        background: ${getThemeValue(THEME_NAME.BACKGROUND)};\n        font-size: 12px;\n        line-height: 14px;\n    }\n    `\n            : ''}\n\n    &:focus + span, &:placeholder-shown + span {\n        top: -8px;\n        background: ${getThemeValue(THEME_NAME.BACKGROUND)};\n        font-size: 12px;\n        line-height: 14px;\n    }\n`;\n\nconst ErrorContainer = styled.div`\n    color: ${getThemeValue(THEME_NAME.ERROR)};\n    padding-top: 3px;\n    font-size: 12px;\n    line-height: 14px;\n    margin-left: 3px;\n`;\n\nconst ArrowContainer = styled.span`\n    position: absolute;\n    right: 8px;\n    top: 8px;\n`;\n\n/**\n * Select Component\n * @param props - Component props\n * @param ref - Ref forwarded to the underlying HTMLSelectElement\n */\nfunction SelectComponent(props: SelectProps, ref: React.Ref<HTMLSelectElement>) {\n    const [touched, setTouched] = useState(false);\n    const [value, setValue] = useState(props.value || '');\n    const errorId = useId();\n    const prevValueRef = useRef<string>(undefined);\n\n    useEffect(() => {\n        if (props.value !== undefined && props.value !== prevValueRef.current) {\n            setValue(props.value);\n            prevValueRef.current = props.value as string;\n        }\n    }, [props.value]);\n\n    const handleFocus = (e: React.FocusEvent<HTMLSelectElement>) => {\n        setTouched(true);\n        if (props.onFocus) {\n            props.onFocus(e);\n        }\n    };\n\n    const onChangeHandler = (e: React.ChangeEvent<HTMLSelectElement>) => {\n        if (props.onChange) {\n            setValue(e.target.value);\n            props.onChange(e);\n        } else {\n            setValue(e.target.value);\n        }\n    };\n\n    return (\n        <Label>\n            <SelectField\n                {...props}\n                ref={ref}\n                multiple={false}\n                value={value}\n                onChange={onChangeHandler}\n                onFocus={handleFocus}\n                touched={touched}\n                aria-invalid={!!props.errorText}\n                aria-required={props.required}\n                aria-describedby={props.errorText ? errorId : undefined}\n            >\n                <option />\n                {props.children}\n            </SelectField>\n            <span>{props.label}</span>\n            <ArrowContainer aria-hidden=\"true\">\n                <ExpandMore />\n            </ArrowContainer>\n            {props.errorText && <ErrorContainer id={errorId}>{props.errorText}</ErrorContainer>}\n        </Label>\n    );\n}\n\nconst Select = React.forwardRef(SelectComponent);\nexport default Select;\n"],"names":["Label","styled","SelectField","getThemeValue","THEME_NAME","BORDER_COLOR","BACKGROUND","PRIMARY","PRIMARY_LIGHT","DISABLED_BORDER","DISABLED_BACKGROUND","DISABLED","ERROR","ERROR_LIGHT","props","touched","errorText","value","ErrorContainer","ArrowContainer","SelectComponent","ref","setTouched","useState","setValue","errorId","useId","prevValueRef","useRef","undefined","useEffect","current","handleFocus","e","onFocus","onChangeHandler","onChange","target","_jsxs","multiple","aria-invalid","aria-required","required","aria-describedby","_jsx","option","children","span","label","aria-hidden","ExpandMore","id","Select","React","forwardRef"],"mappings":";;;;;;AAgBA,MAAMA,OAAAA,iBAAQC,MAAAA,CAAAA,OAAAA,EAAAA;;;;AAad,MAAMC,WAAAA,iBAAcD,MAAAA,CAAAA,QAAAA,EAAAA;;;+HAQIE,aAAAA,CAAcC,UAAAA,CAAWC,YAAY,CAAA,EAAA,yCAAA,EAErCF,aAAAA,CAAcC,WAAWE,UAAU,CAAA,EAAA,qEAAA,EAOnCH,cAAcC,UAAAA,CAAWG,OAAO,6BACxBJ,aAAAA,CAAcC,UAAAA,CAAWI,aAAa,CAAA,EAAA,yCAAA,EAKrDL,aAAAA,CAAcC,WAAWG,OAAO,CAAA,EAAA,4BAAA,EAKzBJ,cAAcC,UAAAA,CAAWK,eAAe,yBACpCN,aAAAA,CAAcC,UAAAA,CAAWM,mBAAmB,CAAA,EAAA,4BAAA,EAIvDP,aAAAA,CAAcC,WAAWO,QAAQ,CAAA,EAAA,iCAAA,EAK1BR,cAAcC,UAAAA,CAAWQ,KAAK,6BACtBT,aAAAA,CAAcC,UAAAA,CAAWS,WAAW,CAAA,EAAA,IAAA,EAG9D,CAACC,QACCA,KAAAA,CAAMC,OAAO,GACP;;sBAEQ,EAAEZ,aAAAA,CAAcC,UAAAA,CAAWQ,KAAK,CAAA,CAAE;;;;eAIzC,EAAET,aAAAA,CAAcC,UAAAA,CAAWQ,KAAK,CAAA,CAAE;;AAE7C,IAAA,CAAC,GACS,EAAA,EAAA,YAAA,EAGR,CAACE,QACCA,KAAAA,CAAME,SAAS,GACT;kBACI,EAAEb,aAAAA,CAAcC,UAAAA,CAAWQ,KAAK,CAAA,CAAE;;;eAGrC,EAAET,aAAAA,CAAcC,UAAAA,CAAWQ,KAAK,CAAA,CAAE;;AAE7C,IAAA,CAAC,GACS,EAAA,EAAA,sEAAA,EAMGT,aAAAA,CAAcC,UAAAA,CAAWQ,KAAK,CAAA,EAAA,yHAAA,EAczC,CAACE,KAAAA,GACCA,KAAAA,CAAMG,KAAK,KAAK,EAAA,GACV;;;oBAGM,EAAEd,aAAAA,CAAcC,UAAAA,CAAWE,UAAU,CAAA,CAAE;;;;AAIvD,IAAA,CAAC,GACS,EAAA,EAAA,oEAAA,EAIQH,aAAAA,CAAcC,UAAAA,CAAWE,UAAU,CAAA,EAAA,oCAAA,CAAA;AAMzD,MAAMY,gBAAAA,iBAAiBjB,MAAAA,CAAAA,KAAAA,EAAAA;;;AACVE,CAAAA,CAAAA,CAAAA,QAAAA,EAAAA,aAAAA,CAAcC,WAAWQ,KAAK,CAAA,EAAA,mEAAA,CAAA;AAO3C,MAAMO,gBAAAA,iBAAiBlB,MAAAA,CAAAA,MAAAA,EAAAA;;;;AAMvB;;;;AAIC,IACD,SAASmB,eAAAA,CAAgBN,KAAkB,EAAEO,GAAiC,EAAA;AAC1E,IAAA,MAAM,CAACN,OAAAA,EAASO,UAAAA,CAAW,GAAGC,QAAAA,CAAS,KAAA,CAAA;AACvC,IAAA,MAAM,CAACN,KAAAA,EAAOO,QAAAA,CAAS,GAAGD,QAAAA,CAAST,KAAAA,CAAMG,KAAK,IAAI,EAAA,CAAA;AAClD,IAAA,MAAMQ,OAAAA,GAAUC,KAAAA,EAAAA;AAChB,IAAA,MAAMC,eAAeC,MAAAA,CAAeC,SAAAA,CAAAA;IAEpCC,SAAAA,CAAU,IAAA;QACN,IAAIhB,KAAAA,CAAMG,KAAK,KAAKY,SAAAA,IAAaf,MAAMG,KAAK,KAAKU,YAAAA,CAAaI,OAAO,EAAE;AACnEP,YAAAA,QAAAA,CAASV,MAAMG,KAAK,CAAA;YACpBU,YAAAA,CAAaI,OAAO,GAAGjB,KAAAA,CAAMG,KAAK;AACtC,QAAA;IACJ,CAAA,EAAG;AAACH,QAAAA,KAAAA,CAAMG;AAAM,KAAA,CAAA;AAEhB,IAAA,MAAMe,cAAc,CAACC,CAAAA,GAAAA;QACjBX,UAAAA,CAAW,IAAA,CAAA;QACX,IAAIR,KAAAA,CAAMoB,OAAO,EAAE;AACfpB,YAAAA,KAAAA,CAAMoB,OAAO,CAACD,CAAAA,CAAAA;AAClB,QAAA;AACJ,IAAA,CAAA;AAEA,IAAA,MAAME,kBAAkB,CAACF,CAAAA,GAAAA;QACrB,IAAInB,KAAAA,CAAMsB,QAAQ,EAAE;YAChBZ,QAAAA,CAASS,CAAAA,CAAEI,MAAM,CAACpB,KAAK,CAAA;AACvBH,YAAAA,KAAAA,CAAMsB,QAAQ,CAACH,CAAAA,CAAAA;QACnB,CAAA,MAAO;YACHT,QAAAA,CAASS,CAAAA,CAAEI,MAAM,CAACpB,KAAK,CAAA;AAC3B,QAAA;AACJ,IAAA,CAAA;AAEA,IAAA,qBACIqB,IAAA,CAACtC,OAAAA,EAAAA;;0BACGsC,IAAA,CAACpC,WAAAA,EAAAA;AACI,gBAAA,GAAGY,KAAK;gBACTO,GAAAA,EAAKA,GAAAA;gBACLkB,QAAAA,EAAU,KAAA;gBACVtB,KAAAA,EAAOA,KAAAA;gBACPmB,QAAAA,EAAUD,eAAAA;gBACVD,OAAAA,EAASF,WAAAA;gBACTjB,OAAAA,EAASA,OAAAA;gBACTyB,cAAAA,EAAc,CAAC,CAAC1B,KAAAA,CAAME,SAAS;AAC/ByB,gBAAAA,eAAAA,EAAe3B,MAAM4B,QAAQ;gBAC7BC,kBAAAA,EAAkB7B,KAAAA,CAAME,SAAS,GAAGS,OAAAA,GAAUI,SAAAA;;kCAE9Ce,GAAA,CAACC,QAAAA,EAAAA,EAAAA,CAAAA;AACA/B,oBAAAA,KAAAA,CAAMgC;;;0BAEXF,GAAA,CAACG,MAAAA,EAAAA;AAAMjC,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMkC;;0BACbJ,GAAA,CAACzB,gBAAAA,EAAAA;gBAAe8B,aAAAA,EAAY,MAAA;AACxB,gBAAA,QAAA,gBAAAL,GAAA,CAACM,UAAAA,EAAAA,EAAAA;;YAEJpC,KAAAA,CAAME,SAAS,kBAAI4B,GAAA,CAAC1B,gBAAAA,EAAAA;gBAAeiC,EAAAA,EAAI1B,OAAAA;AAAUX,gBAAAA,QAAAA,EAAAA,KAAAA,CAAME;;;;AAGpE;AAEA,MAAMoC,MAAAA,iBAASC,KAAAA,CAAMC,UAAU,CAAClC,eAAAA;;;;"}

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

@@ -1,15 +1,8 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-interface TextAreaProps extends PropTypes.InferType<typeof TextArea.propTypes>, React.InputHTMLAttributes<HTMLTextAreaElement> {
-    value?: string;
-}
-declare function TextArea(props: TextAreaProps): import("@emotion/react/jsx-runtime").JSX.Element;
-declare namespace TextArea {
-    var propTypes: {
-        /** Label for the field */
-        label: PropTypes.Requireable<string>;
-        /** Error text to be shown below the field */
-        errorText: PropTypes.Requireable<string>;
-    };
-}
+declare const TextArea: React.ForwardRefExoticComponent<{
+    /** Label for the field */
+    label: string;
+    /** Error text to be shown below the field */
+    errorText?: string;
+} & React.InputHTMLAttributes<HTMLTextAreaElement> & React.RefAttributes<HTMLTextAreaElement>>;
 export default TextArea;

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

@@ -1,15 +1,14 @@
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { useState, useId, useEffect } from 'react';
-import PropTypes from 'prop-types';
+import React, { useState, useId, useRef, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
 
-const Label = /*#__PURE__*/ styled("label", {
-    target: "ee4amtm0",
+const Label$4 = /*#__PURE__*/ styled("label", {
+    target: "e1j32tnv0",
     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== */");
+})("display:inline-flex;flex-direction:column;position:relative;margin:10px 5px;");
 const TextField = /*#__PURE__*/ styled("textarea", {
-    target: "ee4amtm1",
+    target: "e1j32tnv1",
     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 {
@@ -32,21 +31,28 @@ const TextField = /*#__PURE__*/ styled("textarea", {
         font-size: 12px;
         line-height: 14px;
     }
-    ` : '', "    &: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",
+    ` : '', "    &:focus + span,&:placeholder-shown + span{top:-8px;background:", getThemeValue(THEME_NAME.BACKGROUND), ";font-size:12px;line-height:14px;}");
+const ErrorContainer$2 = /*#__PURE__*/ styled("div", {
+    target: "e1j32tnv2",
     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) {
+})("color:", getThemeValue(THEME_NAME.ERROR), ";padding-top:3px;font-size:12px;line-height:14px;margin-left:3px;");
+/**
+ * TextArea Component
+ * @param props - Component props
+ * @param ref - Ref forwarded to the underlying HTMLTextAreaElement
+ */ function TextAreaComponent(props, ref) {
+    const { label, errorText, value: propsValue, required, ...rest } = props;
     const [touched, setTouched] = useState(false);
-    const [value, setValue] = useState(props.value || '');
+    const [value, setValue] = useState(propsValue || '');
     const errorId = useId();
+    const prevValueRef = useRef(undefined);
     useEffect(()=>{
-        if (props.value !== undefined) {
-            setValue(props.value);
+        if (propsValue !== undefined && propsValue !== prevValueRef.current) {
+            setValue(propsValue);
+            prevValueRef.current = propsValue;
         }
     }, [
-        props.value
+        propsValue
     ]);
     const handleFocus = (e)=>{
         setTouched(true);
@@ -62,31 +68,31 @@ function TextArea(props) {
             setValue(e.target.value);
         }
     };
-    return /*#__PURE__*/ jsxs(Label, {
+    return /*#__PURE__*/ jsxs(Label$4, {
         children: [
             /*#__PURE__*/ jsx(TextField, {
-                ...props,
+                ...rest,
+                ref: ref,
                 value: value,
                 onChange: onChangeHandler,
                 onFocus: handleFocus,
                 touched: touched,
-                "aria-invalid": !!props.errorText,
-                "aria-required": props.required,
-                "aria-describedby": props.errorText ? errorId : undefined
+                required: required,
+                "aria-invalid": !!errorText,
+                "aria-required": required,
+                "aria-describedby": errorText ? errorId : undefined
             }),
             /*#__PURE__*/ jsx("span", {
-                children: props.label
+                children: label
             }),
-            props.errorText && /*#__PURE__*/ jsx(ErrorContainer, {
+            errorText && /*#__PURE__*/ jsx(ErrorContainer$2, {
                 id: errorId,
-                children: props.errorText
+                children: errorText
             })
         ]
     });
 }
-TextArea.propTypes = {
-    /** Label for the field */ label: PropTypes.string,
-    /** Error text to be shown below the field */ errorText: PropTypes.string
-};
+const TextArea = /*#__PURE__*/ React.forwardRef(TextAreaComponent);
 
 export { TextArea as default };
+//# sourceMappingURL=TextArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sources":["../../../src/components/Input/TextArea.tsx"],"sourcesContent":["import React, { useState, useEffect, useId, useRef } from 'react';\nimport styled from '@emotion/styled';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\n\ntype TextAreaProps = {\n    /** Label for the field */\n    label: string;\n    /** Error text to be shown below the field */\n    errorText?: string;\n} & React.InputHTMLAttributes<HTMLTextAreaElement>;\n\ntype TextAreaInternalProps = {\n    touched: boolean;\n    errorText?: string;\n};\n\nconst Label = styled.label`\n    display: inline-flex;\n    flex-direction: column;\n    position: relative;\n    margin: 10px 5px;\n`;\n\nconst TextField = styled.textarea<TextAreaInternalProps>`\n    border: none;\n    color: inherit;\n    padding: 8px;\n    min-height: 150px;\n    min-width: 250px;\n    border-radius: 3px;\n    border: 1px solid ${getThemeValue(THEME_NAME.BORDER_COLOR)};\n    display: inline-block;\n    background-color: ${getThemeValue(THEME_NAME.BACKGROUND)};\n\n    /** Focused */\n    &:focus,\n    &:active {\n        border-color: ${getThemeValue(THEME_NAME.PRIMARY)};\n        box-shadow: 0 0 0 4px ${getThemeValue(THEME_NAME.PRIMARY_LIGHT)};\n    }\n\n    &:focus + span,\n    &:active + span {\n        color: ${getThemeValue(THEME_NAME.PRIMARY)};\n    }\n\n    /** Disabled */\n    &:disabled {\n        border-color: ${getThemeValue(THEME_NAME.DISABLED_BORDER)};\n        background-color: ${getThemeValue(THEME_NAME.DISABLED_BACKGROUND)};\n    }\n\n    &:disabled + span {\n        color: ${getThemeValue(THEME_NAME.DISABLED)};\n    }\n\n    /** Invalid */\n    &:focus:invalid {\n        border-color: ${getThemeValue(THEME_NAME.ERROR)};\n        box-shadow: 0 0 0 4px ${getThemeValue(THEME_NAME.ERROR_LIGHT)};\n    }\n\n    ${(props) =>\n        props.touched\n            ? `\n    &:invalid {\n        border-color: ${getThemeValue(THEME_NAME.ERROR)};\n    }\n\n    &:invalid + span {\n        color: ${getThemeValue(THEME_NAME.ERROR)};\n    }\n    `\n            : ''}\n\n    /** Error */\n    ${(props) =>\n        props.errorText\n            ? `\n    border-color: ${getThemeValue(THEME_NAME.ERROR)};\n\n    & + span {\n        color: ${getThemeValue(THEME_NAME.ERROR)};\n    }\n    `\n            : ''}\n\n    /** Required */\n    &:required + span:after {\n        content: '*';\n        margin-left: 2px;\n        color: ${getThemeValue(THEME_NAME.ERROR)};\n    }\n\n    /** Label Animation */\n    & + span {\n        position: absolute;\n        padding: 0 5px;\n        top: 0px;\n        left: 4px;\n        font-size: 14px;\n        line-height: 32px;\n        transition: all 300ms ease;\n    }\n\n    ${(props) =>\n        props.value !== ''\n            ? `\n    & + span {\n        top: -8px;\n        background: ${getThemeValue(THEME_NAME.BACKGROUND)};\n        font-size: 12px;\n        line-height: 14px;\n    }\n    `\n            : ''}\n\n    &:focus + span, &:placeholder-shown + span {\n        top: -8px;\n        background: ${getThemeValue(THEME_NAME.BACKGROUND)};\n        font-size: 12px;\n        line-height: 14px;\n    }\n`;\n\nconst ErrorContainer = styled.div`\n    color: ${getThemeValue(THEME_NAME.ERROR)};\n    padding-top: 3px;\n    font-size: 12px;\n    line-height: 14px;\n    margin-left: 3px;\n`;\n\n/**\n * TextArea Component\n * @param props - Component props\n * @param ref - Ref forwarded to the underlying HTMLTextAreaElement\n */\nfunction TextAreaComponent(props: TextAreaProps, ref: React.Ref<HTMLTextAreaElement>) {\n    const { label, errorText, value: propsValue, required, ...rest } = props;\n    const [touched, setTouched] = useState(false);\n    const [value, setValue] = useState(propsValue || '');\n    const errorId = useId();\n    const prevValueRef = useRef<string>(undefined);\n\n    useEffect(() => {\n        if (propsValue !== undefined && propsValue !== prevValueRef.current) {\n            setValue(propsValue);\n            prevValueRef.current = propsValue as string;\n        }\n    }, [propsValue]);\n\n    const handleFocus = (e: React.FocusEvent<HTMLTextAreaElement>) => {\n        setTouched(true);\n        if (props.onFocus) {\n            props.onFocus(e);\n        }\n    };\n\n    const onChangeHandler = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        if (props.onChange) {\n            setValue(e.target.value);\n            props.onChange(e);\n        } else {\n            setValue(e.target.value);\n        }\n    };\n\n    return (\n        <Label>\n            <TextField\n                {...rest}\n                ref={ref}\n                value={value}\n                onChange={onChangeHandler}\n                onFocus={handleFocus}\n                touched={touched}\n                required={required}\n                aria-invalid={!!errorText}\n                aria-required={required}\n                aria-describedby={errorText ? errorId : undefined}\n            />\n            <span>{label}</span>\n            {errorText && <ErrorContainer id={errorId}>{errorText}</ErrorContainer>}\n        </Label>\n    );\n}\n\nconst TextArea = React.forwardRef(TextAreaComponent);\nexport default TextArea;\n"],"names":["Label","styled","TextField","getThemeValue","THEME_NAME","BORDER_COLOR","BACKGROUND","PRIMARY","PRIMARY_LIGHT","DISABLED_BORDER","DISABLED_BACKGROUND","DISABLED","ERROR","ERROR_LIGHT","props","touched","errorText","value","ErrorContainer","TextAreaComponent","ref","label","propsValue","required","rest","setTouched","useState","setValue","errorId","useId","prevValueRef","useRef","undefined","useEffect","current","handleFocus","e","onFocus","onChangeHandler","onChange","target","_jsxs","_jsx","aria-invalid","aria-required","aria-describedby","span","id","TextArea","React","forwardRef"],"mappings":"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"}

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

@@ -1,11 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-type ToggleProps = PropTypes.InferProps<React.AllHTMLAttributes<HTMLInputElement> & typeof Toggle.propTypes>;
-declare function Toggle(props: ToggleProps): import("@emotion/react/jsx-runtime").JSX.Element;
-declare namespace Toggle {
-    var propTypes: {
-        /** Label for the field */
-        label: PropTypes.Requireable<string>;
-    };
-}
+declare const Toggle: React.ForwardRefExoticComponent<{
+    /** Label for the field */
+    label?: string;
+} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
 export default Toggle;

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

@@ -1,22 +1,26 @@
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import 'react';
-import PropTypes from 'prop-types';
+import React from 'react';
 import styled from '@emotion/styled';
 import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
 
 const Switch = /*#__PURE__*/ styled("label", {
-    target: "ecfiyvb0",
+    target: "e185uavx0",
     label: "Switch"
-})("position:relative;display:inline-flex;margin:5px 0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9Ub2dnbGUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL0lucHV0L1RvZ2dsZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NvbnN0YW50cyc7XG5cbmNvbnN0IFN3aXRjaCA9IHN0eWxlZC5sYWJlbGBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgbWFyZ2luOiA1cHggMDtcbmA7XG5cbmNvbnN0IElucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMDtcbiAgICBoZWlnaHQ6IDA7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBtYXJnaW46IDA7XG5cbiAgICAmICsgc3BhbiB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB3aWR0aDogMzBweDtcbiAgICAgICAgaGVpZ2h0OiAxOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5MSUdIVF9HUkVZKX07XG4gICAgICAgIHRyYW5zaXRpb246IDAuNHM7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gICAgICAgIHBhZGRpbmc6IDAgM3B4O1xuICAgICAgICBtYXJnaW46IDAgMTBweCAwIDVweDtcbiAgICB9XG4gICAgJiArIHNwYW46YmVmb3JlIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgaGVpZ2h0OiAxNHB4O1xuICAgICAgICB3aWR0aDogMTRweDtcbiAgICAgICAgbGVmdDogMXB4O1xuICAgICAgICB0b3A6IDFweDtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQk9SREVSKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgICAgICB0cmFuc2l0aW9uOiAwLjRzO1xuICAgIH1cblxuICAgIC8qIGNoZWNrZWQgKi9cbiAgICAmOmNoZWNrZWQgKyBzcGFuIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWV9MSUdIVCl9O1xuICAgIH1cblxuICAgICY6Y2hlY2tlZCArIHNwYW46YmVmb3JlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDE4cHgpO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICB9XG5cbiAgICAvKiBmb2N1cyAqL1xuICAgICY6ZW5hYmxlZDpmb2N1cyArIHNwYW46YmVmb3JlIHtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgM3B4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgfVxuXG4gICAgLyogaG92ZXIgKi9cbiAgICAmOmVuYWJsZWQ6aG92ZXIgfiBzcGFuIHtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgIH1cblxuICAgIC8qIGRpc2FibGVkICovXG4gICAgJjpkaXNhYmxlZCB+IHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQk9SREVSKX07XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCArIHNwYW4ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5MSUdIVF9HUkVZKX07XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCArIHNwYW46YmVmb3JlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQk9SREVSX0xJR0hUX0NPTE9SKX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQk9SREVSKX07XG4gICAgfVxuYDtcblxudHlwZSBUb2dnbGVQcm9wcyA9IFByb3BUeXBlcy5JbmZlclByb3BzPFxuICAgIFJlYWN0LkFsbEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+ICYgdHlwZW9mIFRvZ2dsZS5wcm9wVHlwZXNcbj47XG5cbmZ1bmN0aW9uIFRvZ2dsZShwcm9wczogVG9nZ2xlUHJvcHMpIHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8U3dpdGNoPlxuICAgICAgICAgICAgPElucHV0IHsuLi5wcm9wc30gdHlwZT1cImNoZWNrYm94XCIgcm9sZT1cInN3aXRjaFwiIGFyaWEtY2hlY2tlZD17cHJvcHMuY2hlY2tlZH0gLz5cbiAgICAgICAgICAgIDxzcGFuPjwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuPntwcm9wcy5sYWJlbH08L3NwYW4+XG4gICAgICAgIDwvU3dpdGNoPlxuICAgICk7XG59XG5cblRvZ2dsZS5wcm9wVHlwZXMgPSB7XG4gICAgLyoqIExhYmVsIGZvciB0aGUgZmllbGQgKi9cbiAgICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFRvZ2dsZTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZSJ9 */");
-const Input = /*#__PURE__*/ styled("input", {
-    target: "ecfiyvb1",
+})("position:relative;display:inline-flex;margin:5px 0;");
+const Input$1 = /*#__PURE__*/ styled("input", {
+    target: "e185uavx1",
     label: "Input"
-})("position:absolute;width:0;height:0;appearance:none;margin:0;& + span{position:relative;cursor:pointer;width:30px;height:18px;background-color:", getThemeValue(THEME_NAME.LIGHT_GREY), ";transition:0.4s;border-radius:10px;padding:0 3px;margin:0 10px 0 5px;}& + span:before{position:absolute;content:'';height:14px;width:14px;left:1px;top:1px;border:1px solid ", getThemeValue(THEME_NAME.DISABLED_BORDER), ";border-radius:50%;background-color:", getThemeValue(THEME_NAME.BACKGROUND), ";transition:0.4s;}&:checked + span{background-color:", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:checked + span:before{transform:translateX(18px);border-color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:enabled:focus + span:before{box-shadow:0 0 0 3px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";border-color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:enabled:hover ~ span{cursor:pointer;color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:disabled ~ span{color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";}&:disabled + span{background-color:", getThemeValue(THEME_NAME.LIGHT_GREY), ";cursor:not-allowed;}&:disabled + span:before{background-color:", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";border-color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9Ub2dnbGUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL0lucHV0L1RvZ2dsZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NvbnN0YW50cyc7XG5cbmNvbnN0IFN3aXRjaCA9IHN0eWxlZC5sYWJlbGBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgbWFyZ2luOiA1cHggMDtcbmA7XG5cbmNvbnN0IElucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMDtcbiAgICBoZWlnaHQ6IDA7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBtYXJnaW46IDA7XG5cbiAgICAmICsgc3BhbiB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB3aWR0aDogMzBweDtcbiAgICAgICAgaGVpZ2h0OiAxOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5MSUdIVF9HUkVZKX07XG4gICAgICAgIHRyYW5zaXRpb246IDAuNHM7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gICAgICAgIHBhZGRpbmc6IDAgM3B4O1xuICAgICAgICBtYXJnaW46IDAgMTBweCAwIDVweDtcbiAgICB9XG4gICAgJiArIHNwYW46YmVmb3JlIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgaGVpZ2h0OiAxNHB4O1xuICAgICAgICB3aWR0aDogMTRweDtcbiAgICAgICAgbGVmdDogMXB4O1xuICAgICAgICB0b3A6IDFweDtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQk9SREVSKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgICAgICB0cmFuc2l0aW9uOiAwLjRzO1xuICAgIH1cblxuICAgIC8qIGNoZWNrZWQgKi9cbiAgICAmOmNoZWNrZWQgKyBzcGFuIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWV9MSUdIVCl9O1xuICAgIH1cblxuICAgICY6Y2hlY2tlZCArIHNwYW46YmVmb3JlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDE4cHgpO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICB9XG5cbiAgICAvKiBmb2N1cyAqL1xuICAgICY6ZW5hYmxlZDpmb2N1cyArIHNwYW46YmVmb3JlIHtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgM3B4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgfVxuXG4gICAgLyogaG92ZXIgKi9cbiAgICAmOmVuYWJsZWQ6aG92ZXIgfiBzcGFuIHtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgIH1cblxuICAgIC8qIGRpc2FibGVkICovXG4gICAgJjpkaXNhYmxlZCB+IHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQk9SREVSKX07XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCArIHNwYW4ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5MSUdIVF9HUkVZKX07XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCArIHNwYW46YmVmb3JlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQk9SREVSX0xJR0hUX0NPTE9SKX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQk9SREVSKX07XG4gICAgfVxuYDtcblxudHlwZSBUb2dnbGVQcm9wcyA9IFByb3BUeXBlcy5JbmZlclByb3BzPFxuICAgIFJlYWN0LkFsbEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+ICYgdHlwZW9mIFRvZ2dsZS5wcm9wVHlwZXNcbj47XG5cbmZ1bmN0aW9uIFRvZ2dsZShwcm9wczogVG9nZ2xlUHJvcHMpIHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8U3dpdGNoPlxuICAgICAgICAgICAgPElucHV0IHsuLi5wcm9wc30gdHlwZT1cImNoZWNrYm94XCIgcm9sZT1cInN3aXRjaFwiIGFyaWEtY2hlY2tlZD17cHJvcHMuY2hlY2tlZH0gLz5cbiAgICAgICAgICAgIDxzcGFuPjwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuPntwcm9wcy5sYWJlbH08L3NwYW4+XG4gICAgICAgIDwvU3dpdGNoPlxuICAgICk7XG59XG5cblRvZ2dsZS5wcm9wVHlwZXMgPSB7XG4gICAgLyoqIExhYmVsIGZvciB0aGUgZmllbGQgKi9cbiAgICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFRvZ2dsZTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXYyJ9 */");
-function Toggle(props) {
+})("position:absolute;width:0;height:0;appearance:none;margin:0;& + span{position:relative;cursor:pointer;width:30px;height:18px;background-color:", getThemeValue(THEME_NAME.LIGHT_GREY), ";transition:0.4s;border-radius:10px;padding:0 3px;margin:0 10px 0 5px;}& + span:before{position:absolute;content:'';height:14px;width:14px;left:1px;top:1px;border:1px solid ", getThemeValue(THEME_NAME.DISABLED_BORDER), ";border-radius:50%;background-color:", getThemeValue(THEME_NAME.BACKGROUND), ";transition:0.4s;}&:checked + span{background-color:", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:checked + span:before{transform:translateX(18px);border-color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:enabled:focus + span:before{box-shadow:0 0 0 3px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";border-color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:enabled:hover ~ span{cursor:pointer;color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:disabled ~ span{color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";}&:disabled + span{background-color:", getThemeValue(THEME_NAME.LIGHT_GREY), ";cursor:not-allowed;}&:disabled + span:before{background-color:", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";border-color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";}");
+/**
+ * Toggle Component
+ * @param props - Component props
+ * @param ref - Ref forwarded to the underlying HTMLInputElement
+ */ function ToggleComponent(props, ref) {
     return /*#__PURE__*/ jsxs(Switch, {
         children: [
-            /*#__PURE__*/ jsx(Input, {
+            /*#__PURE__*/ jsx(Input$1, {
                 ...props,
+                ref: ref,
                 type: "checkbox",
                 role: "switch",
                 "aria-checked": props.checked
@@ -28,8 +32,7 @@ function Toggle(props) {
         ]
     });
 }
-Toggle.propTypes = {
-    /** Label for the field */ label: PropTypes.string
-};
+const Toggle = /*#__PURE__*/ React.forwardRef(ToggleComponent);
 
 export { Toggle as default };
+//# sourceMappingURL=Toggle.js.map

package/lib-esm/components/Input/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sources":["../../../src/components/Input/Toggle.tsx"],"sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\n\nconst Switch = styled.label`\n    position: relative;\n    display: inline-flex;\n    margin: 5px 0;\n`;\n\nconst Input = styled.input`\n    position: absolute;\n    width: 0;\n    height: 0;\n    appearance: none;\n    margin: 0;\n\n    & + span {\n        position: relative;\n        cursor: pointer;\n        width: 30px;\n        height: 18px;\n        background-color: ${getThemeValue(THEME_NAME.LIGHT_GREY)};\n        transition: 0.4s;\n        border-radius: 10px;\n        padding: 0 3px;\n        margin: 0 10px 0 5px;\n    }\n    & + span:before {\n        position: absolute;\n        content: '';\n        height: 14px;\n        width: 14px;\n        left: 1px;\n        top: 1px;\n        border: 1px solid ${getThemeValue(THEME_NAME.DISABLED_BORDER)};\n        border-radius: 50%;\n        background-color: ${getThemeValue(THEME_NAME.BACKGROUND)};\n        transition: 0.4s;\n    }\n\n    /* checked */\n    &:checked + span {\n        background-color: ${getThemeValue(THEME_NAME.PRIMARY_LIGHT)};\n    }\n\n    &:checked + span:before {\n        transform: translateX(18px);\n        border-color: ${getThemeValue(THEME_NAME.PRIMARY)};\n    }\n\n    /* focus */\n    &:enabled:focus + span:before {\n        box-shadow: 0 0 0 3px ${getThemeValue(THEME_NAME.PRIMARY_LIGHT)};\n        border-color: ${getThemeValue(THEME_NAME.PRIMARY)};\n    }\n\n    /* hover */\n    &:enabled:hover ~ span {\n        cursor: pointer;\n        color: ${getThemeValue(THEME_NAME.PRIMARY)};\n    }\n\n    /* disabled */\n    &:disabled ~ span {\n        color: ${getThemeValue(THEME_NAME.DISABLED_BORDER)};\n    }\n\n    &:disabled + span {\n        background-color: ${getThemeValue(THEME_NAME.LIGHT_GREY)};\n        cursor: not-allowed;\n    }\n\n    &:disabled + span:before {\n        background-color: ${getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR)};\n        border-color: ${getThemeValue(THEME_NAME.DISABLED_BORDER)};\n    }\n`;\n\ntype ToggleProps = {\n    /** Label for the field */\n    label?: string;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\n/**\n * Toggle Component\n * @param props - Component props\n * @param ref - Ref forwarded to the underlying HTMLInputElement\n */\nfunction ToggleComponent(props: ToggleProps, ref: React.Ref<HTMLInputElement>) {\n    return (\n        <Switch>\n            <Input\n                {...props}\n                ref={ref}\n                type=\"checkbox\"\n                role=\"switch\"\n                aria-checked={props.checked}\n            />\n            <span></span>\n            <span>{props.label}</span>\n        </Switch>\n    );\n}\n\nconst Toggle = React.forwardRef(ToggleComponent);\nexport default Toggle;\n"],"names":["Switch","styled","Input","getThemeValue","THEME_NAME","LIGHT_GREY","DISABLED_BORDER","BACKGROUND","PRIMARY_LIGHT","PRIMARY","BORDER_LIGHT_COLOR","ToggleComponent","props","ref","_jsxs","_jsx","type","role","aria-checked","checked","span","label","Toggle","React","forwardRef"],"mappings":";;;;;AAIA,MAAMA,MAAAA,iBAASC,MAAAA,CAAAA,OAAAA,EAAAA;;;;AAMf,MAAMC,OAAAA,iBAAQD,MAAAA,CAAAA,OAAAA,EAAAA;;;qJAYcE,aAAAA,CAAcC,UAAAA,CAAWC,UAAU,CAAA,EAAA,+KAAA,EAanCF,aAAAA,CAAcC,WAAWE,eAAe,CAAA,EAAA,sCAAA,EAExCH,cAAcC,UAAAA,CAAWG,UAAU,2DAMnCJ,aAAAA,CAAcC,UAAAA,CAAWI,aAAa,CAAA,EAAA,oEAAA,EAK1CL,aAAAA,CAAcC,WAAWK,OAAO,CAAA,EAAA,uDAAA,EAKxBN,cAAcC,UAAAA,CAAWI,aAAa,qBAC9CL,aAAAA,CAAcC,UAAAA,CAAWK,OAAO,CAAA,EAAA,gDAAA,EAMvCN,aAAAA,CAAcC,WAAWK,OAAO,CAAA,EAAA,4BAAA,EAKhCN,cAAcC,UAAAA,CAAWE,eAAe,4CAI7BH,aAAAA,CAAcC,UAAAA,CAAWC,UAAU,CAAA,EAAA,iEAAA,EAKnCF,aAAAA,CAAcC,WAAWM,kBAAkB,CAAA,EAAA,gBAAA,EAC/CP,aAAAA,CAAcC,UAAAA,CAAWE,eAAe,CAAA,EAAA,IAAA,CAAA;AAShE;;;;AAIC,IACD,SAASK,eAAAA,CAAgBC,KAAkB,EAAEC,GAAgC,EAAA;AACzE,IAAA,qBACIC,IAAA,CAACd,MAAAA,EAAAA;;0BACGe,GAAA,CAACb,OAAAA,EAAAA;AACI,gBAAA,GAAGU,KAAK;gBACTC,GAAAA,EAAKA,GAAAA;gBACLG,IAAAA,EAAK,UAAA;gBACLC,IAAAA,EAAK,QAAA;AACLC,gBAAAA,cAAAA,EAAcN,MAAMO;;0BAExBJ,GAAA,CAACK,MAAAA,EAAAA,EAAAA,CAAAA;0BACDL,GAAA,CAACK,MAAAA,EAAAA;AAAMR,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMS;;;;AAGzB;AAEA,MAAMC,MAAAA,iBAASC,KAAAA,CAAMC,UAAU,CAACb,eAAAA;;;;"}

package/lib-esm/components/Menu/Menu.d.ts

@@ -1,25 +1,15 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 /**
  * Props for the Menu component.
  * @template T - The type of value(s) in the menu.
  */
-interface MenuProps<T> {
+type MenuProps<T> = {
     /** Multiple Menu Items can be selected */
     multiSelect?: boolean;
     /** Value(s) selected */
     value?: T | T[];
     /** Callback when the selected value changes */
     onChange?: (value: T | T[]) => void;
-    /** Menu Items */
-    children?: ReactNode;
-}
-/**
- * Menu component that allows selection of items from a list.
- * Supports single and multi-select modes and keyboard navigation.
- *
- * @template T - The type of value(s) in the menu.
- * @param {MenuProps<T> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>} props - The menu properties.
- * @param {ForwardedRef<HTMLDivElement>} ref - The ref forwarded to the menu container.
- */
-declare const Menu: React.ForwardRefExoticComponent<MenuProps<object> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>;
+declare const Menu: <T>(props: MenuProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
 export default Menu;

package/lib-esm/components/Menu/Menu.js

@@ -5,19 +5,25 @@ import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
 import MenuContext from './MenuContext.js';
 
 const MenuContainer = /*#__PURE__*/ styled("div", {
-    target: "ez48lhb0",
+    target: "e1qc23xy0",
     label: "MenuContainer"
-})("flex:1;display:flex;flex-direction:column;& div:last-child{border-bottom:none;}&:focus-within{box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9NZW51L01lbnUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL01lbnUvTWVudS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCBSZWFjdE5vZGUsIEZvcndhcmRlZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcbmltcG9ydCBNZW51Q29udGV4dCBmcm9tICcuL01lbnVDb250ZXh0Jztcbi8qKlxuICogUHJvcHMgZm9yIHRoZSBNZW51IGNvbXBvbmVudC5cbiAqIEB0ZW1wbGF0ZSBUIC0gVGhlIHR5cGUgb2YgdmFsdWUocykgaW4gdGhlIG1lbnUuXG4gKi9cbmludGVyZmFjZSBNZW51UHJvcHM8VD4ge1xuICAgIC8qKiBNdWx0aXBsZSBNZW51IEl0ZW1zIGNhbiBiZSBzZWxlY3RlZCAqL1xuICAgIG11bHRpU2VsZWN0PzogYm9vbGVhbjtcbiAgICAvKiogVmFsdWUocykgc2VsZWN0ZWQgKi9cbiAgICB2YWx1ZT86IFQgfCBUW107XG4gICAgLyoqIENhbGxiYWNrIHdoZW4gdGhlIHNlbGVjdGVkIHZhbHVlIGNoYW5nZXMgKi9cbiAgICBvbkNoYW5nZT86ICh2YWx1ZTogVCB8IFRbXSkgPT4gdm9pZDtcbiAgICAvKiogTWVudSBJdGVtcyAqL1xuICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBNZW51Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBmbGV4OiAxO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAgICYgZGl2Omxhc3QtY2hpbGQge1xuICAgICAgICBib3JkZXItYm90dG9tOiBub25lO1xuICAgIH1cblxuICAgICY6Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgNHB4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICB9XG5gO1xuXG4vKipcbiAqIE1lbnUgY29tcG9uZW50IHRoYXQgYWxsb3dzIHNlbGVjdGlvbiBvZiBpdGVtcyBmcm9tIGEgbGlzdC5cbiAqIFN1cHBvcnRzIHNpbmdsZSBhbmQgbXVsdGktc2VsZWN0IG1vZGVzIGFuZCBrZXlib2FyZCBuYXZpZ2F0aW9uLlxuICpcbiAqIEB0ZW1wbGF0ZSBUIC0gVGhlIHR5cGUgb2YgdmFsdWUocykgaW4gdGhlIG1lbnUuXG4gKiBAcGFyYW0ge01lbnVQcm9wczxUPiAmIE9taXQ8UmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+LCAnb25DaGFuZ2UnPn0gcHJvcHMgLSBUaGUgbWVudSBwcm9wZXJ0aWVzLlxuICogQHBhcmFtIHtGb3J3YXJkZWRSZWY8SFRNTERpdkVsZW1lbnQ+fSByZWYgLSBUaGUgcmVmIGZvcndhcmRlZCB0byB0aGUgbWVudSBjb250YWluZXIuXG4gKi9cbmNvbnN0IE1lbnUgPSBSZWFjdC5mb3J3YXJkUmVmKGZ1bmN0aW9uIDxUIGV4dGVuZHMgb2JqZWN0PihcbiAgICBwcm9wczogTWVudVByb3BzPFQ+ICYgT21pdDxSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sICdvbkNoYW5nZSc+LFxuICAgIHJlZjogRm9yd2FyZGVkUmVmPEhUTUxEaXZFbGVtZW50Pixcbikge1xuICAgIGNvbnN0IHsgbXVsdGlTZWxlY3QsIG9uQ2hhbmdlLCB2YWx1ZTogcHJvcFZhbHVlLCAuLi5yZXN0IH0gPSBwcm9wcztcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKHByb3BWYWx1ZSB8fCAobXVsdGlTZWxlY3QgPyBbXSA6ICcnKSk7XG5cbiAgICAvKipcbiAgICAgKiBVcGRhdGVzIHRoZSBzZWxlY3RlZCB2YWx1ZShzKS5cbiAgICAgKiBIYW5kbGVzIGJvdGggc2luZ2xlIGFuZCBtdWx0aS1zZWxlY3QgbG9naWMuXG4gICAgICpcbiAgICAgKiBAcGFyYW0ge1R9IHZhbCAtIFRoZSB2YWx1ZSB0byBzZWxlY3Qgb3IgZGVzZWxlY3QuXG4gICAgICovXG4gICAgY29uc3QgdXBkYXRlVmFsdWUgPSAodmFsOiBUKSA9PiB7XG4gICAgICAgIGxldCBuZXdWYWw7XG4gICAgICAgIGlmIChtdWx0aVNlbGVjdCkge1xuICAgICAgICAgICAgaWYgKEFycmF5LmlzQXJyYXkodmFsdWUpKSB7XG4gICAgICAgICAgICAgICAgaWYgKHZhbHVlLmluY2x1ZGVzKHZhbCkpIHtcbiAgICAgICAgICAgICAgICAgICAgbmV3VmFsID0gdmFsdWUuZmlsdGVyKChpdGVtKSA9PiBpdGVtICE9PSB2YWwpO1xuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIG5ld1ZhbCA9IFsuLi52YWx1ZSwgdmFsXTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBuZXdWYWwgPSB2YWw7XG4gICAgICAgIH1cbiAgICAgICAgc2V0VmFsdWUobmV3VmFsKTtcbiAgICAgICAgb25DaGFuZ2U/LihuZXdWYWwpO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBIYW5kbGVzIGtleWJvYXJkIG5hdmlnYXRpb24gd2l0aGluIHRoZSBtZW51LlxuICAgICAqIFN1cHBvcnRzIEFycm93IGtleXMgZm9yIG5hdmlnYXRpb24sIGFuZCBFbnRlci9TcGFjZSBmb3Igc2VsZWN0aW9uLlxuICAgICAqXG4gICAgICogQHBhcmFtIHtSZWFjdC5LZXlib2FyZEV2ZW50fSBlIC0gVGhlIGtleWJvYXJkIGV2ZW50LlxuICAgICAqL1xuICAgIGNvbnN0IGhhbmRsZUtleURvd24gPSAoZTogUmVhY3QuS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICBjb25zdCB0YXJnZXQgPSBlLnRhcmdldCBhcyBIVE1MRWxlbWVudDtcbiAgICAgICAgY29uc3QgY29udGFpbmVyID0gZS5jdXJyZW50VGFyZ2V0IGFzIEhUTUxFbGVtZW50O1xuICAgICAgICBjb25zdCBpdGVtcyA9IEFycmF5LmZyb20oY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3JBbGwoJ1tyb2xlPVwib3B0aW9uXCJdJykpIGFzIEhUTUxFbGVtZW50W107XG4gICAgICAgIGNvbnN0IGN1cnJlbnRJbmRleCA9IGl0ZW1zLmluZGV4T2YodGFyZ2V0IGFzIEhUTUxFbGVtZW50KTtcblxuICAgICAgICBsZXQgbmV4dEluZGV4O1xuXG4gICAgICAgIHN3aXRjaCAoZS5rZXkpIHtcbiAgICAgICAgICAgIGNhc2UgJ0Fycm93RG93bic6XG4gICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgIG5leHRJbmRleCA9IGN1cnJlbnRJbmRleCArIDE7XG4gICAgICAgICAgICAgICAgaWYgKG5leHRJbmRleCA+PSBpdGVtcy5sZW5ndGgpIG5leHRJbmRleCA9IDA7XG4gICAgICAgICAgICAgICAgaXRlbXNbbmV4dEluZGV4XT8uZm9jdXMoKTtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ0Fycm93VXAnOlxuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICBuZXh0SW5kZXggPSBjdXJyZW50SW5kZXggLSAxO1xuICAgICAgICAgICAgICAgIGlmIChuZXh0SW5kZXggPCAwKSBuZXh0SW5kZXggPSBpdGVtcy5sZW5ndGggLSAxO1xuICAgICAgICAgICAgICAgIGl0ZW1zW25leHRJbmRleF0/LmZvY3VzKCk7XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBjYXNlICdIb21lJzpcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgaXRlbXNbMF0/LmZvY3VzKCk7XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBjYXNlICdFbmQnOlxuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICBpdGVtc1tpdGVtcy5sZW5ndGggLSAxXT8uZm9jdXMoKTtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ0VudGVyJzpcbiAgICAgICAgICAgIGNhc2UgJyAnOiAvLyBTcGFjZVxuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICB0YXJnZXQuY2xpY2soKTtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogSGFuZGxlcyBmb2N1cyBldmVudHMgb24gdGhlIG1lbnUgY29udGFpbmVyLlxuICAgICAqIERlbGVnYXRlcyBmb2N1cyB0byB0aGUgZmlyc3QgaXRlbSBpZiB0aGUgY29udGFpbmVyIGl0c2VsZiByZWNlaXZlcyBmb2N1cy5cbiAgICAgKlxuICAgICAqIEBwYXJhbSB7UmVhY3QuRm9jdXNFdmVudH0gZSAtIFRoZSBmb2N1cyBldmVudC5cbiAgICAgKi9cbiAgICBjb25zdCBmb2N1c0hhbmRsZXIgPSAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4ge1xuICAgICAgICAvLyBQcmV2ZW50IHRyYXA6IElmIGZvY3VzIGNhbWUgZnJvbSBpbnNpZGUgKFNoaWZ0K1RhYiksIGRvIE5PVCBhdXRvLWZvY3VzIGFnYWluLlxuICAgICAgICAvLyBUaGlzIGFsbG93cyBmb2N1cyB0byBsYW5kIG9uIHRoZSBjb250YWluZXIsIGFuZCB0aGUgbmV4dCBTaGlmdCtUYWIgd2lsbCBleGl0LlxuICAgICAgICBpZiAoZS5jdXJyZW50VGFyZ2V0LmNvbnRhaW5zKGUucmVsYXRlZFRhcmdldCBhcyBOb2RlKSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gT25seSBpZiBmb2N1cyBpcyBhY3R1YWxseSBvbiB0aGUgY29udGFpbmVyIChlLmcuIHRhYmJpbmcgaW50byBpdClcbiAgICAgICAgLy8gYW5kIG5vdCBidWJibGluZyB1cCBmcm9tIGEgY2hpbGRcbiAgICAgICAgaWYgKGUudGFyZ2V0ID09PSBlLmN1cnJlbnRUYXJnZXQpIHtcbiAgICAgICAgICAgIC8vIFByZXZlbnQgdGhlIGNvbnRhaW5lciBmcm9tIGhvbGRpbmcgZm9jdXM7IGRlbGVnYXRlIHRvIGZpcnN0IGl0ZW1cbiAgICAgICAgICAgIGNvbnN0IGZpcnN0SXRlbSA9IGUuY3VycmVudFRhcmdldC5xdWVyeVNlbGVjdG9yKCdbcm9sZT1cIm9wdGlvblwiXScpIGFzIEhUTUxFbGVtZW50O1xuICAgICAgICAgICAgZmlyc3RJdGVtPy5mb2N1cygpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxNZW51Q29udGV4dC5Qcm92aWRlclxuICAgICAgICAgICAgdmFsdWU9e1xuICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgdmFsdWUsXG4gICAgICAgICAgICAgICAgICAgIG11bHRpU2VsZWN0LFxuICAgICAgICAgICAgICAgICAgICB1cGRhdGVWYWx1ZSxcbiAgICAgICAgICAgICAgICB9IGFzIHVua25vd24gYXMgUmVhY3QuQ29udGV4dFR5cGU8dHlwZW9mIE1lbnVDb250ZXh0PlxuICAgICAgICAgICAgfVxuICAgICAgICA+XG4gICAgICAgICAgICA8TWVudUNvbnRhaW5lclxuICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICAgICAgICAgICAgICBhcmlhLW11bHRpc2VsZWN0YWJsZT17bXVsdGlTZWxlY3R9XG4gICAgICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlEb3dufVxuICAgICAgICAgICAgICAgIG9uRm9jdXM9e2ZvY3VzSGFuZGxlcn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICAgICAgICA8L01lbnVDb250YWluZXI+XG4gICAgICAgIDwvTWVudUNvbnRleHQuUHJvdmlkZXI+XG4gICAgKTtcbn0pO1xuXG5NZW51LmRpc3BsYXlOYW1lID0gJ01lbnUnO1xuXG5NZW51LmRlZmF1bHRQcm9wcyA9IHtcbiAgICBtdWx0aVNlbGVjdDogZmFsc2UsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBNZW51O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cc0IifQ== */");
+})("flex:1;display:flex;flex-direction:column;& div:last-child{border-bottom:none;}&:focus-within{box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}");
 /**
  * Menu component that allows selection of items from a list.
  * Supports single and multi-select modes and keyboard navigation.
  *
  * @template T - The type of value(s) in the menu.
- * @param {MenuProps<T> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>} props - The menu properties.
- * @param {ForwardedRef<HTMLDivElement>} ref - The ref forwarded to the menu container.
- */ const Menu = /*#__PURE__*/ React.forwardRef(function(props, ref) {
-    const { multiSelect, onChange, value: propValue, ...rest } = props;
-    const [value, setValue] = useState(propValue || (multiSelect ? [] : ''));
+ * @param props - The menu properties.
+ * @param ref - The ref forwarded to the menu container.
+ */ /**
+ * Menu Component
+ * @template T - The type of value(s) in the menu.
+ * @param props - Component props
+ * @param ref - Ref forwarded to the underlying HTMLDivElement
+ */ function MenuInner(props, ref) {
+    const { multiSelect = false, onChange, value: propValue, children, ...rest } = props;
+    // State holds either a single T or an array of T when multiSelect
+    const [value, setValue] = useState(propValue);
     /**
      * Updates the selected value(s).
      * Handles both single and multi-select logic.
@@ -35,6 +41,10 @@ const MenuContainer = /*#__PURE__*/ styled("div", {
                         val
                     ];
                 }
+            } else {
+                newVal = [
+                    val
+                ];
             }
         } else {
             newVal = val;
@@ -100,10 +110,11 @@ const MenuContainer = /*#__PURE__*/ styled("div", {
             firstItem?.focus();
         }
     };
-    return /*#__PURE__*/ jsx(MenuContext.Provider, {
+    return(// @ts-expect-error Generic context typing
+    /*#__PURE__*/ jsx(MenuContext.Provider, {
         value: {
-            value,
-            multiSelect,
+            value: value,
+            multiSelect: !!multiSelect,
             updateValue
         },
         children: /*#__PURE__*/ jsx(MenuContainer, {
@@ -114,13 +125,11 @@ const MenuContainer = /*#__PURE__*/ styled("div", {
             tabIndex: 0,
             onKeyDown: handleKeyDown,
             onFocus: focusHandler,
-            children: props.children
+            children: children
         })
-    });
-});
-Menu.displayName = 'Menu';
-Menu.defaultProps = {
-    multiSelect: false
-};
+    }));
+}
+const Menu = /*#__PURE__*/ React.forwardRef(MenuInner);
 
 export { Menu as default };
+//# sourceMappingURL=Menu.js.map