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

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

@@ -1,6 +1,5 @@
 import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
-import React, { useState, useId, useEffect } from 'react';
-import PropTypes from 'prop-types';
+import React, { useState, useId, useImperativeHandle, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
 import Chip from '../Chip/Chip.js';
@@ -8,8 +7,8 @@ import DragAndDrop from '../DragAndDrop/DragAndDrop.js';
 import { ORIENTATION } from '../DragAndDrop/types.js';
 
 // Label component for the ChipInput
-const Label = /*#__PURE__*/ styled("label", {
-    target: "ey9yju70",
+const Label$6 = /*#__PURE__*/ styled("label", {
+    target: "e12jan4z0",
     label: "Label"
 })("display:inline-flex;flex-direction:column;flex:1;position:relative;margin:10px 5px;color:inherit;padding:0 8px;width:250px;border-radius:3px;border:1px solid ", getThemeValue(THEME_NAME.BORDER_COLOR), ";background-color:", getThemeValue(THEME_NAME.BACKGROUND), ";&:has(:focus),&:has(:active){border-color:", getThemeValue(THEME_NAME.PRIMARY), ";box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:has(:focus) > span,&:has(:active) > span{color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:has(:disabled){border-color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";background-color:", getThemeValue(THEME_NAME.DISABLED_BACKGROUND), ";}&:has(:disabled) > span{color:", getThemeValue(THEME_NAME.DISABLED), ";}&:has(:focus:invalid){border-color:", getThemeValue(THEME_NAME.ERROR), ";box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.ERROR_LIGHT), ";}", (props)=>props.touched ? `
         &:has(:invalid) {
@@ -25,24 +24,28 @@ const Label = /*#__PURE__*/ styled("label", {
         & > span {
             color: ${getThemeValue(THEME_NAME.ERROR)};
         }
-        ` : '', "    \n    &:has(:required) > span:after{content:'*';margin-left:2px;color:", getThemeValue(THEME_NAME.ERROR), ";}& > input{border:none;outline:none;line-height:30px;min-height:30px;max-width:95%;}& > span{position:absolute;padding:0 5px;top:0px;left:4px;font-size:14px;line-height:32px;transition:all 300ms ease;}&:has(:focus) > span,&:has(:placeholder-shown) > span{top:-8px;background:", getThemeValue(THEME_NAME.BACKGROUND), ";font-size:12px;line-height:14px;}", (props)=>props.text !== '' ? `
+        ` : '', "    \n    ", (props)=>props.required ? `& > span:after {
+                content: '*';
+                margin-left: 2px;
+                color: ${getThemeValue(THEME_NAME.ERROR)};
+            }` : '', "    \n\n    & > input{border:none;outline:none;line-height:30px;min-height:30px;max-width:95%;}& > span{position:absolute;padding:0 5px;top:0px;left:4px;font-size:14px;line-height:32px;transition:all 300ms ease;}&:has(:focus) > span,&:has(:placeholder-shown) > span{top:-8px;background:", getThemeValue(THEME_NAME.BACKGROUND), ";font-size:12px;line-height:14px;}", (props)=>props.text !== '' ? `
     & > span {
         top: -8px;
         background: ${getThemeValue(THEME_NAME.BACKGROUND)};
         font-size: 12px;
         line-height: 14px;
     }
-    ` : '', "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9DaGlwSW5wdXQvQ2hpcElucHV0LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9DaGlwSW5wdXQvQ2hpcElucHV0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VJZCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0VGhlbWVWYWx1ZSwgVEhFTUVfTkFNRSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jb25zdGFudHMnO1xuaW1wb3J0IENoaXAgZnJvbSAnLi4vQ2hpcC9DaGlwJztcbmltcG9ydCB7IERyYWdBbmREcm9wLCBPUklFTlRBVElPTiB9IGZyb20gJy4uL0RyYWdBbmREcm9wJztcblxuLy8gUHJvcCB0eXBlcyBkZWZpbml0aW9uXG50eXBlIENoaXBJbnB1dFByb3BzID0gUHJvcFR5cGVzLkluZmVyUHJvcHM8dHlwZW9mIENoaXBJbnB1dC5wcm9wVHlwZXM+O1xuXG4vLyBMYWJlbCBjb21wb25lbnQgZm9yIHRoZSBDaGlwSW5wdXRcbmNvbnN0IExhYmVsID0gc3R5bGVkLmxhYmVsPHtcbiAgICB0ZXh0OiBzdHJpbmc7XG4gICAgdG91Y2hlZD86IGJvb2xlYW47XG4gICAgZXJyb3JUZXh0Pzogc3RyaW5nO1xufT5gXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDEwcHggNXB4O1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHBhZGRpbmc6IDAgOHB4O1xuICAgIHdpZHRoOiAyNTBweDtcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQk9SREVSX0NPTE9SKX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuXG4gICAgLyoqIEZvY3VzZWQgKi9cbiAgICAmOmhhcyg6Zm9jdXMpLFxuICAgICY6aGFzKDphY3RpdmUpIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJjpoYXMoOmZvY3VzKSA+IHNwYW4sXG4gICAgJjpoYXMoOmFjdGl2ZSkgPiBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICB9XG5cbiAgICAvKiogRGlzYWJsZWQgKi9cbiAgICAmOmhhcyg6ZGlzYWJsZWQpIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CT1JERVIpfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQkFDS0dST1VORCl9O1xuICAgIH1cblxuICAgICY6aGFzKDpkaXNhYmxlZCkgPiBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEKX07XG4gICAgfVxuXG4gICAgLyoqIEludmFsaWQgKi9cbiAgICAmOmhhcyg6Zm9jdXM6aW52YWxpZCkge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUl9MSUdIVCl9O1xuICAgIH1cblxuICAgICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy50b3VjaGVkXG4gICAgICAgICAgICA/IGBcbiAgICAgICAgJjpoYXMoOmludmFsaWQpIHtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICAgICAgfVxuICAgIFxuICAgICAgICAmOmhhcyg6aW52YWxpZCkgPiBzcGFuIHtcbiAgICAgICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgICAgICAgIDogJyd9XG5cbiAgICAvKiogRXJyb3IgKi9cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMuZXJyb3JUZXh0XG4gICAgICAgICAgICA/IGBcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuXG4gICAgICAgICYgPiBzcGFuIHtcbiAgICAgICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgICAgICAgIDogJyd9XG5cbiAgICAvKiogUmVxdWlyZWQgKi9cbiAgICAmOmhhcyg6cmVxdWlyZWQpID4gc3BhbjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6ICcqJztcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDJweDtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgfVxuXG4gICAgJiA+IGlucHV0IHtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBsaW5lLWhlaWdodDogMzBweDtcbiAgICAgICAgbWluLWhlaWdodDogMzBweDtcbiAgICAgICAgbWF4LXdpZHRoOiA5NSU7XG4gICAgfVxuXG4gICAgLyoqIExhYmVsIEFuaW1hdGlvbiAqL1xuICAgICYgPiBzcGFuIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBwYWRkaW5nOiAwIDVweDtcbiAgICAgICAgdG9wOiAwcHg7XG4gICAgICAgIGxlZnQ6IDRweDtcbiAgICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMzJweDtcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIDMwMG1zIGVhc2U7XG4gICAgfVxuXG4gICAgJjpoYXMoOmZvY3VzKSA+IHNwYW4sXG4gICAgJjpoYXMoOnBsYWNlaG9sZGVyLXNob3duKSA+IHNwYW4ge1xuICAgICAgICB0b3A6IC04cHg7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJBQ0tHUk9VTkQpfTtcbiAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMTRweDtcbiAgICB9XG5cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMudGV4dCAhPT0gJydcbiAgICAgICAgICAgID8gYFxuICAgICYgPiBzcGFuIHtcbiAgICAgICAgdG9wOiAtOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgfVxuICAgIGBcbiAgICAgICAgICAgIDogJyd9XG5gO1xuXG4vLyBFcnJvciBtZXNzYWdlIGNvbnRhaW5lclxuY29uc3QgRXJyb3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIHBhZGRpbmctdG9wOiAzcHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG5gO1xuXG4vLyBWaXN1YWxseSBoaWRkZW4gYnV0IGFjY2Vzc2libGUgdG8gc2NyZWVuIHJlYWRlcnNcbmNvbnN0IFZpc3VhbGx5SGlkZGVuID0gc3R5bGVkLnVsYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMXB4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAtMXB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJvcmRlci13aWR0aDogMDtcblxuICAgICYgbGkge1xuICAgICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgIH1cbmA7XG5cbi8qKlxuICogQSBjaGlwIGlucHV0IGNvbXBvbmVudCB0aGF0IGFsbG93cyB1c2VycyB0byBhZGQgYW5kIHJlbW92ZSBjaGlwcyAodGFncykgYnkgdHlwaW5nIGFuZCBwcmVzc2luZyBFbnRlci5cbiAqIEBjb21wb25lbnRcbiAqIEBleGFtcGxlXG4gKiBgYGB0c3hcbiAqIDxDaGlwSW5wdXRcbiAqICAgdmFsdWU9e1sndGFnMScsICd0YWcyJ119XG4gKiAgIG9uQ2hhbmdlPXsobmV3VGFncykgPT4gY29uc29sZS5sb2cobmV3VGFncyl9XG4gKiAgIGxhYmVsPVwiQWRkIHRhZ3NcIlxuICogICBlcnJvclRleHQ9XCJBdCBsZWFzdCBvbmUgdGFnIGlzIHJlcXVpcmVkXCJcbiAqIC8+XG4gKiBgYGBcbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gQ2hpcElucHV0KFxuICAgIHByb3BzOiBDaGlwSW5wdXRQcm9wcyAmIFJlYWN0LkFsbEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LFxuKSB7XG4gICAgY29uc3QgW3RleHQsIHNldFRleHRdID0gdXNlU3RhdGUoJycpO1xuICAgIGNvbnN0IFt0b3VjaGVkLCBzZXRUb3VjaGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlPHN0cmluZ1tdPihwcm9wcy52YWx1ZSB8fCBbXSk7XG4gICAgY29uc3QgSW5wdXRSZWYgPSBSZWFjdC51c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG4gICAgY29uc3QgW2Fubm91bmNlbWVudCwgc2V0QW5ub3VuY2VtZW50XSA9IHVzZVN0YXRlKCcnKTtcbiAgICBjb25zdCBlcnJvcklkID0gdXNlSWQoKTtcblxuICAgIC8qKlxuICAgICAqIFJlcGxhY2UgezpsYWJlbH0gcGxhY2Vob2xkZXIgaW4gdGVtcGxhdGUgc3RyaW5nXG4gICAgICovXG4gICAgY29uc3QgcmVwbGFjZVBsYWNlaG9sZGVyID0gKFxuICAgICAgICB0ZW1wbGF0ZTogc3RyaW5nIHwgdW5kZWZpbmVkLFxuICAgICAgICBsYWJlbDogc3RyaW5nLFxuICAgICk6IHN0cmluZyB8IHVuZGVmaW5lZCA9PiB7XG4gICAgICAgIGlmICghdGVtcGxhdGUpIHJldHVybiB1bmRlZmluZWQ7XG4gICAgICAgIHJldHVybiB0ZW1wbGF0ZS5yZXBsYWNlKC9cXHs6bGFiZWxcXH0vZywgbGFiZWwpO1xuICAgIH07XG5cbiAgICAvLyBTeW5jIGludGVybmFsIHZhbHVlIHdpdGggcHJvcHMudmFsdWVcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAoQXJyYXkuaXNBcnJheShwcm9wcy52YWx1ZSkpIHtcbiAgICAgICAgICAgIHNldFZhbHVlKHByb3BzLnZhbHVlKTtcbiAgICAgICAgfVxuICAgIH0sIFtwcm9wcy52YWx1ZV0pO1xuXG4gICAgLyoqXG4gICAgICogVXBkYXRlIHRoZSBjaGlwIHZhbHVlcyBhbmQgbm90aWZ5IGNoYW5nZXMuXG4gICAgICogQHBhcmFtIG5ld1ZhbHVlIFRoZSBuZXcgYXJyYXkgb2YgY2hpcCB2YWx1ZXNcbiAgICAgKi9cbiAgICBjb25zdCB1cGRhdGVWYWx1ZSA9IChuZXdWYWx1ZTogc3RyaW5nW10pID0+IHtcbiAgICAgICAgY29uc3QgZGVkdXBlZCA9IEFycmF5LmZyb20obmV3IFNldChuZXdWYWx1ZSkpO1xuICAgICAgICBzZXRWYWx1ZShkZWR1cGVkKTtcbiAgICAgICAgcHJvcHMub25DaGFuZ2U/LihkZWR1cGVkKTtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogTWFya3MgdGhlIGlucHV0IGFzIHRvdWNoZWQgb24gZm9jdXMuXG4gICAgICogQHBhcmFtIGUgUmVhY3QgZm9jdXMgZXZlbnRcbiAgICAgKi9cbiAgICBjb25zdCBoYW5kbGVGb2N1cyA9IChlOiBSZWFjdC5Gb2N1c0V2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgIHNldFRvdWNoZWQodHJ1ZSk7XG4gICAgICAgIGlmIChwcm9wcy5vbkZvY3VzKSB7XG4gICAgICAgICAgICBwcm9wcy5vbkZvY3VzKGUpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIENoYW5nZSBoYW5kbGVyIGZvciB0aGUgaW5wdXQgZmllbGQuXG4gICAgICogQHBhcmFtIGUgUmVhY3QgY2hhbmdlIGV2ZW50XG4gICAgICovXG4gICAgY29uc3QgaGFuZGxlQ2hhbmdlOiBSZWFjdC5DaGFuZ2VFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD4gPSAoZSkgPT4ge1xuICAgICAgICBzZXRUZXh0KGUudGFyZ2V0LnZhbHVlKTtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogQWRkcyBhIG5ldyBjaGlwIG9uIEVudGVyIGtleSBwcmVzcy5cbiAgICAgKiBAcGFyYW0gZSBSZWFjdCBrZXlib2FyZCBldmVudFxuICAgICAqL1xuICAgIGNvbnN0IGhhbmRsZUtleVVwOiBSZWFjdC5LZXlib2FyZEV2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PiA9IChlKSA9PiB7XG4gICAgICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJyAmJiB0ZXh0LnRyaW0oKSAhPT0gJycgJiYgSW5wdXRSZWYuY3VycmVudC52YWxpZGl0eS52YWxpZCkge1xuICAgICAgICAgICAgY29uc3QgbmV3VmFsdWUgPSBbLi4udmFsdWUsIHRleHQudHJpbSgpXTtcbiAgICAgICAgICAgIHVwZGF0ZVZhbHVlKG5ld1ZhbHVlKTtcbiAgICAgICAgICAgIHNldFRleHQoJycpO1xuICAgICAgICAgICAgc2V0QW5ub3VuY2VtZW50KHJlcGxhY2VQbGFjZWhvbGRlcihwcm9wcy5hZGRlZEFubm91bmNlbWVudFRlbXBsYXRlLCB0ZXh0LnRyaW0oKSkhKTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBSZW1vdmVzIGEgY2hpcCBmcm9tIHRoZSBsaXN0LlxuICAgICAqIEBwYXJhbSBjaGlwVG9SZW1vdmUgVGhlIGNoaXAgdmFsdWUgdG8gcmVtb3ZlXG4gICAgICovXG4gICAgY29uc3QgcmVtb3ZlQ2hpcCA9IChjaGlwVG9SZW1vdmU6IHN0cmluZykgPT4ge1xuICAgICAgICBjb25zdCBuZXdWYWx1ZSA9IHZhbHVlLmZpbHRlcigoY2hpcCkgPT4gY2hpcCAhPT0gY2hpcFRvUmVtb3ZlKTtcbiAgICAgICAgdXBkYXRlVmFsdWUobmV3VmFsdWUpO1xuICAgICAgICBzZXRBbm5vdW5jZW1lbnQocmVwbGFjZVBsYWNlaG9sZGVyKHByb3BzLnJlbW92ZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSwgY2hpcFRvUmVtb3ZlKSEpO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBNb3ZlcyBhIGNoaXAgZnJvbSBvbmUgcG9zaXRpb24gdG8gYW5vdGhlci5cbiAgICAgKiBAcGFyYW0gc3RhcnQgVGhlIHN0YXJ0aW5nIGluZGV4IG9mIHRoZSBpdGVtIHRvIG1vdmVcbiAgICAgKiBAcGFyYW0gZW5kIFRoZSBlbmRpbmcgaW5kZXggd2hlcmUgdGhlIGl0ZW0gc2hvdWxkIGJlIHBsYWNlZFxuICAgICAqL1xuICAgIGNvbnN0IG9uRHJvcCA9IChzdGFydDogbnVtYmVyLCBlbmQ6IG51bWJlcikgPT4ge1xuICAgICAgICAvLyBDbG9uZSBleGlzdGluZyBlbGVtZW50c1xuICAgICAgICBjb25zdCBuZXdJdGVtcyA9IFsuLi52YWx1ZV07XG4gICAgICAgIC8vIFJlbW92ZSB0aGUgZWxlbWVudCB0byBiZSBtb3ZlZFxuICAgICAgICBjb25zdCBpdGVtID0gbmV3SXRlbXMuc3BsaWNlKHN0YXJ0LCAxKTtcbiAgICAgICAgLy8gQWRkIGl0IGJhY2sgYXQgdGhlIHJlcXVpcmVkIHBvc2l0aW9uXG4gICAgICAgIG5ld0l0ZW1zLnNwbGljZShlbmQsIDAsIGl0ZW1bMF0pO1xuICAgICAgICAvLyBVcGRhdGVcbiAgICAgICAgdXBkYXRlVmFsdWUobmV3SXRlbXMpO1xuICAgIH07XG5cbiAgICAvLyBSZW5kZXIgdGhlIGNvbXBvbmVudFxuICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8TGFiZWwgdGV4dD17dGV4dH0gdG91Y2hlZD17dG91Y2hlZH0gZXJyb3JUZXh0PXtwcm9wcy5lcnJvclRleHR9PlxuICAgICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgICAgIHJlZj17SW5wdXRSZWZ9XG4gICAgICAgICAgICAgICAgICAgIHZhbHVlPXt0ZXh0fVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgICAgICAgICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgICAgICAgICAgICAgb25LZXlVcD17aGFuZGxlS2V5VXB9XG4gICAgICAgICAgICAgICAgICAgIHJlcXVpcmVkPXtwcm9wcy5yZXF1aXJlZCAmJiB2YWx1ZS5sZW5ndGggPT09IDB9XG4gICAgICAgICAgICAgICAgICAgIGFyaWEtcmVxdWlyZWQ9e3Byb3BzLnJlcXVpcmVkfVxuICAgICAgICAgICAgICAgICAgICBhcmlhLWludmFsaWQ9eyEhcHJvcHMuZXJyb3JUZXh0fVxuICAgICAgICAgICAgICAgICAgICBhcmlhLWRlc2NyaWJlZGJ5PXtwcm9wcy5lcnJvclRleHQgPyBlcnJvcklkIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICAgICAge3ZhbHVlPy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxEcmFnQW5kRHJvcCBvcmllbnRhdGlvbj17T1JJRU5UQVRJT04uSE9SSVpPTlRBTH0gb25Ecm9wPXtvbkRyb3B9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt2YWx1ZS5tYXAoKGNoaXApID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENoaXBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtleT17Y2hpcH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPXtjaGlwfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbG9zZUNsaWNrPXsoKSA9PiByZW1vdmVDaGlwKGNoaXApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xvc2VCdXR0b25BcmlhTGFiZWw9e3JlcGxhY2VQbGFjZWhvbGRlcihcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwcm9wcy5jbG9zZUJ1dHRvbkFyaWFMYWJlbCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjaGlwLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvRHJhZ0FuZERyb3A+XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPHNwYW4+e3Byb3BzLmxhYmVsfTwvc3Bhbj5cbiAgICAgICAgICAgICAgICB7cHJvcHMuZXJyb3JUZXh0ICYmIDxFcnJvckNvbnRhaW5lciBpZD17ZXJyb3JJZH0+e3Byb3BzLmVycm9yVGV4dH08L0Vycm9yQ29udGFpbmVyPn1cbiAgICAgICAgICAgIDwvTGFiZWw+XG4gICAgICAgICAgICA8VmlzdWFsbHlIaWRkZW4gYXJpYS1saXZlPVwicG9saXRlXCIgYXJpYS1hdG9taWM9XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAge2Fubm91bmNlbWVudH1cbiAgICAgICAgICAgIDwvVmlzdWFsbHlIaWRkZW4+XG4gICAgICAgIDwvPlxuICAgICk7XG59XG5cbkNoaXBJbnB1dC5wcm9wVHlwZXMgPSB7XG4gICAgLyoqIExhYmVsIGZvciB0aGUgZmllbGQgKi9cbiAgICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIC8qKiBFcnJvciBtZXNzYWdlIGZvciB0aGUgZmllbGQgKi9cbiAgICBlcnJvclRleHQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgLyoqIFZhbHVlcyB0byBkaXNwbGF5IGFzIGNoaXBzICovXG4gICAgdmFsdWU6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zdHJpbmcpLFxuICAgIC8qKiBDYWxsYmFjayB3aGVuIGNoaXBzIGNoYW5nZSAqL1xuICAgIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgICAvKiogQXJpYSBsYWJlbCBmb3IgdGhlIGNsb3NlIGJ1dHRvbiBvbiBjaGlwLiBEZWZhdWx0cyB0byBcIlJlbW92ZSB7bGFiZWx9XCIgKi9cbiAgICBjbG9zZUJ1dHRvbkFyaWFMYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAvKiogQW5ub3VuY2VtZW50IHRleHQgd2hlbiBhIGNoaXAgaXMgYWRkZWQuIERlZmF1bHRzIHRvIFwie2xhYmVsfSB3YXMgYWRkZWRcIiAqL1xuICAgIGFkZGVkQW5ub3VuY2VtZW50VGVtcGxhdGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgLyoqIEFubm91bmNlbWVudCB0ZXh0IHdoZW4gYSBjaGlwIGlzIHJlbW92ZWQuIERlZmF1bHRzIHRvIFwie2xhYmVsfSB3YXMgcmVtb3ZlZFwiICovXG4gICAgcmVtb3ZlZEFubm91bmNlbWVudFRlbXBsYXRlOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcblxuQ2hpcElucHV0LmRlZmF1bHRQcm9wcyA9IHtcbiAgICB2YWx1ZTogW10sXG4gICAgY2xvc2VCdXR0b25BcmlhTGFiZWw6ICdSZW1vdmUgezpsYWJlbH0nLFxuICAgIGFkZGVkQW5ub3VuY2VtZW50VGVtcGxhdGU6ICd7OmxhYmVsfSB3YXMgYWRkZWQnLFxuICAgIHJlbW92ZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZTogJ3s6bGFiZWx9IHdhcyByZW1vdmVkJyxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2MifQ== */");
+    ` : '');
 // Error message container
-const ErrorContainer = /*#__PURE__*/ styled("div", {
-    target: "ey9yju71",
+const ErrorContainer$4 = /*#__PURE__*/ styled("div", {
+    target: "e12jan4z1",
     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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9DaGlwSW5wdXQvQ2hpcElucHV0LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9DaGlwSW5wdXQvQ2hpcElucHV0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VJZCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0VGhlbWVWYWx1ZSwgVEhFTUVfTkFNRSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jb25zdGFudHMnO1xuaW1wb3J0IENoaXAgZnJvbSAnLi4vQ2hpcC9DaGlwJztcbmltcG9ydCB7IERyYWdBbmREcm9wLCBPUklFTlRBVElPTiB9IGZyb20gJy4uL0RyYWdBbmREcm9wJztcblxuLy8gUHJvcCB0eXBlcyBkZWZpbml0aW9uXG50eXBlIENoaXBJbnB1dFByb3BzID0gUHJvcFR5cGVzLkluZmVyUHJvcHM8dHlwZW9mIENoaXBJbnB1dC5wcm9wVHlwZXM+O1xuXG4vLyBMYWJlbCBjb21wb25lbnQgZm9yIHRoZSBDaGlwSW5wdXRcbmNvbnN0IExhYmVsID0gc3R5bGVkLmxhYmVsPHtcbiAgICB0ZXh0OiBzdHJpbmc7XG4gICAgdG91Y2hlZD86IGJvb2xlYW47XG4gICAgZXJyb3JUZXh0Pzogc3RyaW5nO1xufT5gXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDEwcHggNXB4O1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHBhZGRpbmc6IDAgOHB4O1xuICAgIHdpZHRoOiAyNTBweDtcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQk9SREVSX0NPTE9SKX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuXG4gICAgLyoqIEZvY3VzZWQgKi9cbiAgICAmOmhhcyg6Zm9jdXMpLFxuICAgICY6aGFzKDphY3RpdmUpIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJjpoYXMoOmZvY3VzKSA+IHNwYW4sXG4gICAgJjpoYXMoOmFjdGl2ZSkgPiBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICB9XG5cbiAgICAvKiogRGlzYWJsZWQgKi9cbiAgICAmOmhhcyg6ZGlzYWJsZWQpIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CT1JERVIpfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQkFDS0dST1VORCl9O1xuICAgIH1cblxuICAgICY6aGFzKDpkaXNhYmxlZCkgPiBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEKX07XG4gICAgfVxuXG4gICAgLyoqIEludmFsaWQgKi9cbiAgICAmOmhhcyg6Zm9jdXM6aW52YWxpZCkge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUl9MSUdIVCl9O1xuICAgIH1cblxuICAgICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy50b3VjaGVkXG4gICAgICAgICAgICA/IGBcbiAgICAgICAgJjpoYXMoOmludmFsaWQpIHtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICAgICAgfVxuICAgIFxuICAgICAgICAmOmhhcyg6aW52YWxpZCkgPiBzcGFuIHtcbiAgICAgICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgICAgICAgIDogJyd9XG5cbiAgICAvKiogRXJyb3IgKi9cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMuZXJyb3JUZXh0XG4gICAgICAgICAgICA/IGBcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuXG4gICAgICAgICYgPiBzcGFuIHtcbiAgICAgICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgICAgICAgIDogJyd9XG5cbiAgICAvKiogUmVxdWlyZWQgKi9cbiAgICAmOmhhcyg6cmVxdWlyZWQpID4gc3BhbjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6ICcqJztcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDJweDtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgfVxuXG4gICAgJiA+IGlucHV0IHtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBsaW5lLWhlaWdodDogMzBweDtcbiAgICAgICAgbWluLWhlaWdodDogMzBweDtcbiAgICAgICAgbWF4LXdpZHRoOiA5NSU7XG4gICAgfVxuXG4gICAgLyoqIExhYmVsIEFuaW1hdGlvbiAqL1xuICAgICYgPiBzcGFuIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBwYWRkaW5nOiAwIDVweDtcbiAgICAgICAgdG9wOiAwcHg7XG4gICAgICAgIGxlZnQ6IDRweDtcbiAgICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMzJweDtcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIDMwMG1zIGVhc2U7XG4gICAgfVxuXG4gICAgJjpoYXMoOmZvY3VzKSA+IHNwYW4sXG4gICAgJjpoYXMoOnBsYWNlaG9sZGVyLXNob3duKSA+IHNwYW4ge1xuICAgICAgICB0b3A6IC04cHg7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJBQ0tHUk9VTkQpfTtcbiAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMTRweDtcbiAgICB9XG5cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMudGV4dCAhPT0gJydcbiAgICAgICAgICAgID8gYFxuICAgICYgPiBzcGFuIHtcbiAgICAgICAgdG9wOiAtOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgfVxuICAgIGBcbiAgICAgICAgICAgIDogJyd9XG5gO1xuXG4vLyBFcnJvciBtZXNzYWdlIGNvbnRhaW5lclxuY29uc3QgRXJyb3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIHBhZGRpbmctdG9wOiAzcHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG5gO1xuXG4vLyBWaXN1YWxseSBoaWRkZW4gYnV0IGFjY2Vzc2libGUgdG8gc2NyZWVuIHJlYWRlcnNcbmNvbnN0IFZpc3VhbGx5SGlkZGVuID0gc3R5bGVkLnVsYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMXB4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAtMXB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJvcmRlci13aWR0aDogMDtcblxuICAgICYgbGkge1xuICAgICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgIH1cbmA7XG5cbi8qKlxuICogQSBjaGlwIGlucHV0IGNvbXBvbmVudCB0aGF0IGFsbG93cyB1c2VycyB0byBhZGQgYW5kIHJlbW92ZSBjaGlwcyAodGFncykgYnkgdHlwaW5nIGFuZCBwcmVzc2luZyBFbnRlci5cbiAqIEBjb21wb25lbnRcbiAqIEBleGFtcGxlXG4gKiBgYGB0c3hcbiAqIDxDaGlwSW5wdXRcbiAqICAgdmFsdWU9e1sndGFnMScsICd0YWcyJ119XG4gKiAgIG9uQ2hhbmdlPXsobmV3VGFncykgPT4gY29uc29sZS5sb2cobmV3VGFncyl9XG4gKiAgIGxhYmVsPVwiQWRkIHRhZ3NcIlxuICogICBlcnJvclRleHQ9XCJBdCBsZWFzdCBvbmUgdGFnIGlzIHJlcXVpcmVkXCJcbiAqIC8+XG4gKiBgYGBcbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gQ2hpcElucHV0KFxuICAgIHByb3BzOiBDaGlwSW5wdXRQcm9wcyAmIFJlYWN0LkFsbEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LFxuKSB7XG4gICAgY29uc3QgW3RleHQsIHNldFRleHRdID0gdXNlU3RhdGUoJycpO1xuICAgIGNvbnN0IFt0b3VjaGVkLCBzZXRUb3VjaGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlPHN0cmluZ1tdPihwcm9wcy52YWx1ZSB8fCBbXSk7XG4gICAgY29uc3QgSW5wdXRSZWYgPSBSZWFjdC51c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG4gICAgY29uc3QgW2Fubm91bmNlbWVudCwgc2V0QW5ub3VuY2VtZW50XSA9IHVzZVN0YXRlKCcnKTtcbiAgICBjb25zdCBlcnJvcklkID0gdXNlSWQoKTtcblxuICAgIC8qKlxuICAgICAqIFJlcGxhY2UgezpsYWJlbH0gcGxhY2Vob2xkZXIgaW4gdGVtcGxhdGUgc3RyaW5nXG4gICAgICovXG4gICAgY29uc3QgcmVwbGFjZVBsYWNlaG9sZGVyID0gKFxuICAgICAgICB0ZW1wbGF0ZTogc3RyaW5nIHwgdW5kZWZpbmVkLFxuICAgICAgICBsYWJlbDogc3RyaW5nLFxuICAgICk6IHN0cmluZyB8IHVuZGVmaW5lZCA9PiB7XG4gICAgICAgIGlmICghdGVtcGxhdGUpIHJldHVybiB1bmRlZmluZWQ7XG4gICAgICAgIHJldHVybiB0ZW1wbGF0ZS5yZXBsYWNlKC9cXHs6bGFiZWxcXH0vZywgbGFiZWwpO1xuICAgIH07XG5cbiAgICAvLyBTeW5jIGludGVybmFsIHZhbHVlIHdpdGggcHJvcHMudmFsdWVcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAoQXJyYXkuaXNBcnJheShwcm9wcy52YWx1ZSkpIHtcbiAgICAgICAgICAgIHNldFZhbHVlKHByb3BzLnZhbHVlKTtcbiAgICAgICAgfVxuICAgIH0sIFtwcm9wcy52YWx1ZV0pO1xuXG4gICAgLyoqXG4gICAgICogVXBkYXRlIHRoZSBjaGlwIHZhbHVlcyBhbmQgbm90aWZ5IGNoYW5nZXMuXG4gICAgICogQHBhcmFtIG5ld1ZhbHVlIFRoZSBuZXcgYXJyYXkgb2YgY2hpcCB2YWx1ZXNcbiAgICAgKi9cbiAgICBjb25zdCB1cGRhdGVWYWx1ZSA9IChuZXdWYWx1ZTogc3RyaW5nW10pID0+IHtcbiAgICAgICAgY29uc3QgZGVkdXBlZCA9IEFycmF5LmZyb20obmV3IFNldChuZXdWYWx1ZSkpO1xuICAgICAgICBzZXRWYWx1ZShkZWR1cGVkKTtcbiAgICAgICAgcHJvcHMub25DaGFuZ2U/LihkZWR1cGVkKTtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogTWFya3MgdGhlIGlucHV0IGFzIHRvdWNoZWQgb24gZm9jdXMuXG4gICAgICogQHBhcmFtIGUgUmVhY3QgZm9jdXMgZXZlbnRcbiAgICAgKi9cbiAgICBjb25zdCBoYW5kbGVGb2N1cyA9IChlOiBSZWFjdC5Gb2N1c0V2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgIHNldFRvdWNoZWQodHJ1ZSk7XG4gICAgICAgIGlmIChwcm9wcy5vbkZvY3VzKSB7XG4gICAgICAgICAgICBwcm9wcy5vbkZvY3VzKGUpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIENoYW5nZSBoYW5kbGVyIGZvciB0aGUgaW5wdXQgZmllbGQuXG4gICAgICogQHBhcmFtIGUgUmVhY3QgY2hhbmdlIGV2ZW50XG4gICAgICovXG4gICAgY29uc3QgaGFuZGxlQ2hhbmdlOiBSZWFjdC5DaGFuZ2VFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD4gPSAoZSkgPT4ge1xuICAgICAgICBzZXRUZXh0KGUudGFyZ2V0LnZhbHVlKTtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogQWRkcyBhIG5ldyBjaGlwIG9uIEVudGVyIGtleSBwcmVzcy5cbiAgICAgKiBAcGFyYW0gZSBSZWFjdCBrZXlib2FyZCBldmVudFxuICAgICAqL1xuICAgIGNvbnN0IGhhbmRsZUtleVVwOiBSZWFjdC5LZXlib2FyZEV2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PiA9IChlKSA9PiB7XG4gICAgICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJyAmJiB0ZXh0LnRyaW0oKSAhPT0gJycgJiYgSW5wdXRSZWYuY3VycmVudC52YWxpZGl0eS52YWxpZCkge1xuICAgICAgICAgICAgY29uc3QgbmV3VmFsdWUgPSBbLi4udmFsdWUsIHRleHQudHJpbSgpXTtcbiAgICAgICAgICAgIHVwZGF0ZVZhbHVlKG5ld1ZhbHVlKTtcbiAgICAgICAgICAgIHNldFRleHQoJycpO1xuICAgICAgICAgICAgc2V0QW5ub3VuY2VtZW50KHJlcGxhY2VQbGFjZWhvbGRlcihwcm9wcy5hZGRlZEFubm91bmNlbWVudFRlbXBsYXRlLCB0ZXh0LnRyaW0oKSkhKTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBSZW1vdmVzIGEgY2hpcCBmcm9tIHRoZSBsaXN0LlxuICAgICAqIEBwYXJhbSBjaGlwVG9SZW1vdmUgVGhlIGNoaXAgdmFsdWUgdG8gcmVtb3ZlXG4gICAgICovXG4gICAgY29uc3QgcmVtb3ZlQ2hpcCA9IChjaGlwVG9SZW1vdmU6IHN0cmluZykgPT4ge1xuICAgICAgICBjb25zdCBuZXdWYWx1ZSA9IHZhbHVlLmZpbHRlcigoY2hpcCkgPT4gY2hpcCAhPT0gY2hpcFRvUmVtb3ZlKTtcbiAgICAgICAgdXBkYXRlVmFsdWUobmV3VmFsdWUpO1xuICAgICAgICBzZXRBbm5vdW5jZW1lbnQocmVwbGFjZVBsYWNlaG9sZGVyKHByb3BzLnJlbW92ZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSwgY2hpcFRvUmVtb3ZlKSEpO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBNb3ZlcyBhIGNoaXAgZnJvbSBvbmUgcG9zaXRpb24gdG8gYW5vdGhlci5cbiAgICAgKiBAcGFyYW0gc3RhcnQgVGhlIHN0YXJ0aW5nIGluZGV4IG9mIHRoZSBpdGVtIHRvIG1vdmVcbiAgICAgKiBAcGFyYW0gZW5kIFRoZSBlbmRpbmcgaW5kZXggd2hlcmUgdGhlIGl0ZW0gc2hvdWxkIGJlIHBsYWNlZFxuICAgICAqL1xuICAgIGNvbnN0IG9uRHJvcCA9IChzdGFydDogbnVtYmVyLCBlbmQ6IG51bWJlcikgPT4ge1xuICAgICAgICAvLyBDbG9uZSBleGlzdGluZyBlbGVtZW50c1xuICAgICAgICBjb25zdCBuZXdJdGVtcyA9IFsuLi52YWx1ZV07XG4gICAgICAgIC8vIFJlbW92ZSB0aGUgZWxlbWVudCB0byBiZSBtb3ZlZFxuICAgICAgICBjb25zdCBpdGVtID0gbmV3SXRlbXMuc3BsaWNlKHN0YXJ0LCAxKTtcbiAgICAgICAgLy8gQWRkIGl0IGJhY2sgYXQgdGhlIHJlcXVpcmVkIHBvc2l0aW9uXG4gICAgICAgIG5ld0l0ZW1zLnNwbGljZShlbmQsIDAsIGl0ZW1bMF0pO1xuICAgICAgICAvLyBVcGRhdGVcbiAgICAgICAgdXBkYXRlVmFsdWUobmV3SXRlbXMpO1xuICAgIH07XG5cbiAgICAvLyBSZW5kZXIgdGhlIGNvbXBvbmVudFxuICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8TGFiZWwgdGV4dD17dGV4dH0gdG91Y2hlZD17dG91Y2hlZH0gZXJyb3JUZXh0PXtwcm9wcy5lcnJvclRleHR9PlxuICAgICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgICAgIHJlZj17SW5wdXRSZWZ9XG4gICAgICAgICAgICAgICAgICAgIHZhbHVlPXt0ZXh0fVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgICAgICAgICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgICAgICAgICAgICAgb25LZXlVcD17aGFuZGxlS2V5VXB9XG4gICAgICAgICAgICAgICAgICAgIHJlcXVpcmVkPXtwcm9wcy5yZXF1aXJlZCAmJiB2YWx1ZS5sZW5ndGggPT09IDB9XG4gICAgICAgICAgICAgICAgICAgIGFyaWEtcmVxdWlyZWQ9e3Byb3BzLnJlcXVpcmVkfVxuICAgICAgICAgICAgICAgICAgICBhcmlhLWludmFsaWQ9eyEhcHJvcHMuZXJyb3JUZXh0fVxuICAgICAgICAgICAgICAgICAgICBhcmlhLWRlc2NyaWJlZGJ5PXtwcm9wcy5lcnJvclRleHQgPyBlcnJvcklkIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICAgICAge3ZhbHVlPy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxEcmFnQW5kRHJvcCBvcmllbnRhdGlvbj17T1JJRU5UQVRJT04uSE9SSVpPTlRBTH0gb25Ecm9wPXtvbkRyb3B9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt2YWx1ZS5tYXAoKGNoaXApID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENoaXBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtleT17Y2hpcH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPXtjaGlwfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbG9zZUNsaWNrPXsoKSA9PiByZW1vdmVDaGlwKGNoaXApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xvc2VCdXR0b25BcmlhTGFiZWw9e3JlcGxhY2VQbGFjZWhvbGRlcihcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwcm9wcy5jbG9zZUJ1dHRvbkFyaWFMYWJlbCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjaGlwLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvRHJhZ0FuZERyb3A+XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPHNwYW4+e3Byb3BzLmxhYmVsfTwvc3Bhbj5cbiAgICAgICAgICAgICAgICB7cHJvcHMuZXJyb3JUZXh0ICYmIDxFcnJvckNvbnRhaW5lciBpZD17ZXJyb3JJZH0+e3Byb3BzLmVycm9yVGV4dH08L0Vycm9yQ29udGFpbmVyPn1cbiAgICAgICAgICAgIDwvTGFiZWw+XG4gICAgICAgICAgICA8VmlzdWFsbHlIaWRkZW4gYXJpYS1saXZlPVwicG9saXRlXCIgYXJpYS1hdG9taWM9XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAge2Fubm91bmNlbWVudH1cbiAgICAgICAgICAgIDwvVmlzdWFsbHlIaWRkZW4+XG4gICAgICAgIDwvPlxuICAgICk7XG59XG5cbkNoaXBJbnB1dC5wcm9wVHlwZXMgPSB7XG4gICAgLyoqIExhYmVsIGZvciB0aGUgZmllbGQgKi9cbiAgICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIC8qKiBFcnJvciBtZXNzYWdlIGZvciB0aGUgZmllbGQgKi9cbiAgICBlcnJvclRleHQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgLyoqIFZhbHVlcyB0byBkaXNwbGF5IGFzIGNoaXBzICovXG4gICAgdmFsdWU6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zdHJpbmcpLFxuICAgIC8qKiBDYWxsYmFjayB3aGVuIGNoaXBzIGNoYW5nZSAqL1xuICAgIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgICAvKiogQXJpYSBsYWJlbCBmb3IgdGhlIGNsb3NlIGJ1dHRvbiBvbiBjaGlwLiBEZWZhdWx0cyB0byBcIlJlbW92ZSB7bGFiZWx9XCIgKi9cbiAgICBjbG9zZUJ1dHRvbkFyaWFMYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAvKiogQW5ub3VuY2VtZW50IHRleHQgd2hlbiBhIGNoaXAgaXMgYWRkZWQuIERlZmF1bHRzIHRvIFwie2xhYmVsfSB3YXMgYWRkZWRcIiAqL1xuICAgIGFkZGVkQW5ub3VuY2VtZW50VGVtcGxhdGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgLyoqIEFubm91bmNlbWVudCB0ZXh0IHdoZW4gYSBjaGlwIGlzIHJlbW92ZWQuIERlZmF1bHRzIHRvIFwie2xhYmVsfSB3YXMgcmVtb3ZlZFwiICovXG4gICAgcmVtb3ZlZEFubm91bmNlbWVudFRlbXBsYXRlOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcblxuQ2hpcElucHV0LmRlZmF1bHRQcm9wcyA9IHtcbiAgICB2YWx1ZTogW10sXG4gICAgY2xvc2VCdXR0b25BcmlhTGFiZWw6ICdSZW1vdmUgezpsYWJlbH0nLFxuICAgIGFkZGVkQW5ub3VuY2VtZW50VGVtcGxhdGU6ICd7OmxhYmVsfSB3YXMgYWRkZWQnLFxuICAgIHJlbW92ZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZTogJ3s6bGFiZWx9IHdhcyByZW1vdmVkJyxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUl1QiJ9 */");
+})("color:", getThemeValue(THEME_NAME.ERROR), ";padding-top:3px;font-size:12px;line-height:14px;margin-left:3px;");
 // Visually hidden but accessible to screen readers
-const VisuallyHidden = /*#__PURE__*/ styled("ul", {
-    target: "ey9yju72",
+const VisuallyHidden$1 = /*#__PURE__*/ styled("ul", {
+    target: "e12jan4z2",
     label: "VisuallyHidden"
-})("position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;& li{list-style:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9DaGlwSW5wdXQvQ2hpcElucHV0LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9DaGlwSW5wdXQvQ2hpcElucHV0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VJZCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0VGhlbWVWYWx1ZSwgVEhFTUVfTkFNRSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jb25zdGFudHMnO1xuaW1wb3J0IENoaXAgZnJvbSAnLi4vQ2hpcC9DaGlwJztcbmltcG9ydCB7IERyYWdBbmREcm9wLCBPUklFTlRBVElPTiB9IGZyb20gJy4uL0RyYWdBbmREcm9wJztcblxuLy8gUHJvcCB0eXBlcyBkZWZpbml0aW9uXG50eXBlIENoaXBJbnB1dFByb3BzID0gUHJvcFR5cGVzLkluZmVyUHJvcHM8dHlwZW9mIENoaXBJbnB1dC5wcm9wVHlwZXM+O1xuXG4vLyBMYWJlbCBjb21wb25lbnQgZm9yIHRoZSBDaGlwSW5wdXRcbmNvbnN0IExhYmVsID0gc3R5bGVkLmxhYmVsPHtcbiAgICB0ZXh0OiBzdHJpbmc7XG4gICAgdG91Y2hlZD86IGJvb2xlYW47XG4gICAgZXJyb3JUZXh0Pzogc3RyaW5nO1xufT5gXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDEwcHggNXB4O1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHBhZGRpbmc6IDAgOHB4O1xuICAgIHdpZHRoOiAyNTBweDtcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQk9SREVSX0NPTE9SKX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuXG4gICAgLyoqIEZvY3VzZWQgKi9cbiAgICAmOmhhcyg6Zm9jdXMpLFxuICAgICY6aGFzKDphY3RpdmUpIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJjpoYXMoOmZvY3VzKSA+IHNwYW4sXG4gICAgJjpoYXMoOmFjdGl2ZSkgPiBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICB9XG5cbiAgICAvKiogRGlzYWJsZWQgKi9cbiAgICAmOmhhcyg6ZGlzYWJsZWQpIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CT1JERVIpfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQkFDS0dST1VORCl9O1xuICAgIH1cblxuICAgICY6aGFzKDpkaXNhYmxlZCkgPiBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEKX07XG4gICAgfVxuXG4gICAgLyoqIEludmFsaWQgKi9cbiAgICAmOmhhcyg6Zm9jdXM6aW52YWxpZCkge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUl9MSUdIVCl9O1xuICAgIH1cblxuICAgICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy50b3VjaGVkXG4gICAgICAgICAgICA/IGBcbiAgICAgICAgJjpoYXMoOmludmFsaWQpIHtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICAgICAgfVxuICAgIFxuICAgICAgICAmOmhhcyg6aW52YWxpZCkgPiBzcGFuIHtcbiAgICAgICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgICAgICAgIDogJyd9XG5cbiAgICAvKiogRXJyb3IgKi9cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMuZXJyb3JUZXh0XG4gICAgICAgICAgICA/IGBcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuXG4gICAgICAgICYgPiBzcGFuIHtcbiAgICAgICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgICAgICAgIDogJyd9XG5cbiAgICAvKiogUmVxdWlyZWQgKi9cbiAgICAmOmhhcyg6cmVxdWlyZWQpID4gc3BhbjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6ICcqJztcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDJweDtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgfVxuXG4gICAgJiA+IGlucHV0IHtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBsaW5lLWhlaWdodDogMzBweDtcbiAgICAgICAgbWluLWhlaWdodDogMzBweDtcbiAgICAgICAgbWF4LXdpZHRoOiA5NSU7XG4gICAgfVxuXG4gICAgLyoqIExhYmVsIEFuaW1hdGlvbiAqL1xuICAgICYgPiBzcGFuIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBwYWRkaW5nOiAwIDVweDtcbiAgICAgICAgdG9wOiAwcHg7XG4gICAgICAgIGxlZnQ6IDRweDtcbiAgICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMzJweDtcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIDMwMG1zIGVhc2U7XG4gICAgfVxuXG4gICAgJjpoYXMoOmZvY3VzKSA+IHNwYW4sXG4gICAgJjpoYXMoOnBsYWNlaG9sZGVyLXNob3duKSA+IHNwYW4ge1xuICAgICAgICB0b3A6IC04cHg7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJBQ0tHUk9VTkQpfTtcbiAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMTRweDtcbiAgICB9XG5cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMudGV4dCAhPT0gJydcbiAgICAgICAgICAgID8gYFxuICAgICYgPiBzcGFuIHtcbiAgICAgICAgdG9wOiAtOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgfVxuICAgIGBcbiAgICAgICAgICAgIDogJyd9XG5gO1xuXG4vLyBFcnJvciBtZXNzYWdlIGNvbnRhaW5lclxuY29uc3QgRXJyb3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIHBhZGRpbmctdG9wOiAzcHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG5gO1xuXG4vLyBWaXN1YWxseSBoaWRkZW4gYnV0IGFjY2Vzc2libGUgdG8gc2NyZWVuIHJlYWRlcnNcbmNvbnN0IFZpc3VhbGx5SGlkZGVuID0gc3R5bGVkLnVsYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMXB4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAtMXB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJvcmRlci13aWR0aDogMDtcblxuICAgICYgbGkge1xuICAgICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgIH1cbmA7XG5cbi8qKlxuICogQSBjaGlwIGlucHV0IGNvbXBvbmVudCB0aGF0IGFsbG93cyB1c2VycyB0byBhZGQgYW5kIHJlbW92ZSBjaGlwcyAodGFncykgYnkgdHlwaW5nIGFuZCBwcmVzc2luZyBFbnRlci5cbiAqIEBjb21wb25lbnRcbiAqIEBleGFtcGxlXG4gKiBgYGB0c3hcbiAqIDxDaGlwSW5wdXRcbiAqICAgdmFsdWU9e1sndGFnMScsICd0YWcyJ119XG4gKiAgIG9uQ2hhbmdlPXsobmV3VGFncykgPT4gY29uc29sZS5sb2cobmV3VGFncyl9XG4gKiAgIGxhYmVsPVwiQWRkIHRhZ3NcIlxuICogICBlcnJvclRleHQ9XCJBdCBsZWFzdCBvbmUgdGFnIGlzIHJlcXVpcmVkXCJcbiAqIC8+XG4gKiBgYGBcbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gQ2hpcElucHV0KFxuICAgIHByb3BzOiBDaGlwSW5wdXRQcm9wcyAmIFJlYWN0LkFsbEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LFxuKSB7XG4gICAgY29uc3QgW3RleHQsIHNldFRleHRdID0gdXNlU3RhdGUoJycpO1xuICAgIGNvbnN0IFt0b3VjaGVkLCBzZXRUb3VjaGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlPHN0cmluZ1tdPihwcm9wcy52YWx1ZSB8fCBbXSk7XG4gICAgY29uc3QgSW5wdXRSZWYgPSBSZWFjdC51c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG4gICAgY29uc3QgW2Fubm91bmNlbWVudCwgc2V0QW5ub3VuY2VtZW50XSA9IHVzZVN0YXRlKCcnKTtcbiAgICBjb25zdCBlcnJvcklkID0gdXNlSWQoKTtcblxuICAgIC8qKlxuICAgICAqIFJlcGxhY2UgezpsYWJlbH0gcGxhY2Vob2xkZXIgaW4gdGVtcGxhdGUgc3RyaW5nXG4gICAgICovXG4gICAgY29uc3QgcmVwbGFjZVBsYWNlaG9sZGVyID0gKFxuICAgICAgICB0ZW1wbGF0ZTogc3RyaW5nIHwgdW5kZWZpbmVkLFxuICAgICAgICBsYWJlbDogc3RyaW5nLFxuICAgICk6IHN0cmluZyB8IHVuZGVmaW5lZCA9PiB7XG4gICAgICAgIGlmICghdGVtcGxhdGUpIHJldHVybiB1bmRlZmluZWQ7XG4gICAgICAgIHJldHVybiB0ZW1wbGF0ZS5yZXBsYWNlKC9cXHs6bGFiZWxcXH0vZywgbGFiZWwpO1xuICAgIH07XG5cbiAgICAvLyBTeW5jIGludGVybmFsIHZhbHVlIHdpdGggcHJvcHMudmFsdWVcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAoQXJyYXkuaXNBcnJheShwcm9wcy52YWx1ZSkpIHtcbiAgICAgICAgICAgIHNldFZhbHVlKHByb3BzLnZhbHVlKTtcbiAgICAgICAgfVxuICAgIH0sIFtwcm9wcy52YWx1ZV0pO1xuXG4gICAgLyoqXG4gICAgICogVXBkYXRlIHRoZSBjaGlwIHZhbHVlcyBhbmQgbm90aWZ5IGNoYW5nZXMuXG4gICAgICogQHBhcmFtIG5ld1ZhbHVlIFRoZSBuZXcgYXJyYXkgb2YgY2hpcCB2YWx1ZXNcbiAgICAgKi9cbiAgICBjb25zdCB1cGRhdGVWYWx1ZSA9IChuZXdWYWx1ZTogc3RyaW5nW10pID0+IHtcbiAgICAgICAgY29uc3QgZGVkdXBlZCA9IEFycmF5LmZyb20obmV3IFNldChuZXdWYWx1ZSkpO1xuICAgICAgICBzZXRWYWx1ZShkZWR1cGVkKTtcbiAgICAgICAgcHJvcHMub25DaGFuZ2U/LihkZWR1cGVkKTtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogTWFya3MgdGhlIGlucHV0IGFzIHRvdWNoZWQgb24gZm9jdXMuXG4gICAgICogQHBhcmFtIGUgUmVhY3QgZm9jdXMgZXZlbnRcbiAgICAgKi9cbiAgICBjb25zdCBoYW5kbGVGb2N1cyA9IChlOiBSZWFjdC5Gb2N1c0V2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgIHNldFRvdWNoZWQodHJ1ZSk7XG4gICAgICAgIGlmIChwcm9wcy5vbkZvY3VzKSB7XG4gICAgICAgICAgICBwcm9wcy5vbkZvY3VzKGUpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIENoYW5nZSBoYW5kbGVyIGZvciB0aGUgaW5wdXQgZmllbGQuXG4gICAgICogQHBhcmFtIGUgUmVhY3QgY2hhbmdlIGV2ZW50XG4gICAgICovXG4gICAgY29uc3QgaGFuZGxlQ2hhbmdlOiBSZWFjdC5DaGFuZ2VFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD4gPSAoZSkgPT4ge1xuICAgICAgICBzZXRUZXh0KGUudGFyZ2V0LnZhbHVlKTtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogQWRkcyBhIG5ldyBjaGlwIG9uIEVudGVyIGtleSBwcmVzcy5cbiAgICAgKiBAcGFyYW0gZSBSZWFjdCBrZXlib2FyZCBldmVudFxuICAgICAqL1xuICAgIGNvbnN0IGhhbmRsZUtleVVwOiBSZWFjdC5LZXlib2FyZEV2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PiA9IChlKSA9PiB7XG4gICAgICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJyAmJiB0ZXh0LnRyaW0oKSAhPT0gJycgJiYgSW5wdXRSZWYuY3VycmVudC52YWxpZGl0eS52YWxpZCkge1xuICAgICAgICAgICAgY29uc3QgbmV3VmFsdWUgPSBbLi4udmFsdWUsIHRleHQudHJpbSgpXTtcbiAgICAgICAgICAgIHVwZGF0ZVZhbHVlKG5ld1ZhbHVlKTtcbiAgICAgICAgICAgIHNldFRleHQoJycpO1xuICAgICAgICAgICAgc2V0QW5ub3VuY2VtZW50KHJlcGxhY2VQbGFjZWhvbGRlcihwcm9wcy5hZGRlZEFubm91bmNlbWVudFRlbXBsYXRlLCB0ZXh0LnRyaW0oKSkhKTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBSZW1vdmVzIGEgY2hpcCBmcm9tIHRoZSBsaXN0LlxuICAgICAqIEBwYXJhbSBjaGlwVG9SZW1vdmUgVGhlIGNoaXAgdmFsdWUgdG8gcmVtb3ZlXG4gICAgICovXG4gICAgY29uc3QgcmVtb3ZlQ2hpcCA9IChjaGlwVG9SZW1vdmU6IHN0cmluZykgPT4ge1xuICAgICAgICBjb25zdCBuZXdWYWx1ZSA9IHZhbHVlLmZpbHRlcigoY2hpcCkgPT4gY2hpcCAhPT0gY2hpcFRvUmVtb3ZlKTtcbiAgICAgICAgdXBkYXRlVmFsdWUobmV3VmFsdWUpO1xuICAgICAgICBzZXRBbm5vdW5jZW1lbnQocmVwbGFjZVBsYWNlaG9sZGVyKHByb3BzLnJlbW92ZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSwgY2hpcFRvUmVtb3ZlKSEpO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBNb3ZlcyBhIGNoaXAgZnJvbSBvbmUgcG9zaXRpb24gdG8gYW5vdGhlci5cbiAgICAgKiBAcGFyYW0gc3RhcnQgVGhlIHN0YXJ0aW5nIGluZGV4IG9mIHRoZSBpdGVtIHRvIG1vdmVcbiAgICAgKiBAcGFyYW0gZW5kIFRoZSBlbmRpbmcgaW5kZXggd2hlcmUgdGhlIGl0ZW0gc2hvdWxkIGJlIHBsYWNlZFxuICAgICAqL1xuICAgIGNvbnN0IG9uRHJvcCA9IChzdGFydDogbnVtYmVyLCBlbmQ6IG51bWJlcikgPT4ge1xuICAgICAgICAvLyBDbG9uZSBleGlzdGluZyBlbGVtZW50c1xuICAgICAgICBjb25zdCBuZXdJdGVtcyA9IFsuLi52YWx1ZV07XG4gICAgICAgIC8vIFJlbW92ZSB0aGUgZWxlbWVudCB0byBiZSBtb3ZlZFxuICAgICAgICBjb25zdCBpdGVtID0gbmV3SXRlbXMuc3BsaWNlKHN0YXJ0LCAxKTtcbiAgICAgICAgLy8gQWRkIGl0IGJhY2sgYXQgdGhlIHJlcXVpcmVkIHBvc2l0aW9uXG4gICAgICAgIG5ld0l0ZW1zLnNwbGljZShlbmQsIDAsIGl0ZW1bMF0pO1xuICAgICAgICAvLyBVcGRhdGVcbiAgICAgICAgdXBkYXRlVmFsdWUobmV3SXRlbXMpO1xuICAgIH07XG5cbiAgICAvLyBSZW5kZXIgdGhlIGNvbXBvbmVudFxuICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8TGFiZWwgdGV4dD17dGV4dH0gdG91Y2hlZD17dG91Y2hlZH0gZXJyb3JUZXh0PXtwcm9wcy5lcnJvclRleHR9PlxuICAgICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgICAgIHJlZj17SW5wdXRSZWZ9XG4gICAgICAgICAgICAgICAgICAgIHZhbHVlPXt0ZXh0fVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgICAgICAgICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgICAgICAgICAgICAgb25LZXlVcD17aGFuZGxlS2V5VXB9XG4gICAgICAgICAgICAgICAgICAgIHJlcXVpcmVkPXtwcm9wcy5yZXF1aXJlZCAmJiB2YWx1ZS5sZW5ndGggPT09IDB9XG4gICAgICAgICAgICAgICAgICAgIGFyaWEtcmVxdWlyZWQ9e3Byb3BzLnJlcXVpcmVkfVxuICAgICAgICAgICAgICAgICAgICBhcmlhLWludmFsaWQ9eyEhcHJvcHMuZXJyb3JUZXh0fVxuICAgICAgICAgICAgICAgICAgICBhcmlhLWRlc2NyaWJlZGJ5PXtwcm9wcy5lcnJvclRleHQgPyBlcnJvcklkIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICAgICAge3ZhbHVlPy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxEcmFnQW5kRHJvcCBvcmllbnRhdGlvbj17T1JJRU5UQVRJT04uSE9SSVpPTlRBTH0gb25Ecm9wPXtvbkRyb3B9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt2YWx1ZS5tYXAoKGNoaXApID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENoaXBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtleT17Y2hpcH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPXtjaGlwfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbG9zZUNsaWNrPXsoKSA9PiByZW1vdmVDaGlwKGNoaXApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xvc2VCdXR0b25BcmlhTGFiZWw9e3JlcGxhY2VQbGFjZWhvbGRlcihcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwcm9wcy5jbG9zZUJ1dHRvbkFyaWFMYWJlbCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjaGlwLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvRHJhZ0FuZERyb3A+XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPHNwYW4+e3Byb3BzLmxhYmVsfTwvc3Bhbj5cbiAgICAgICAgICAgICAgICB7cHJvcHMuZXJyb3JUZXh0ICYmIDxFcnJvckNvbnRhaW5lciBpZD17ZXJyb3JJZH0+e3Byb3BzLmVycm9yVGV4dH08L0Vycm9yQ29udGFpbmVyPn1cbiAgICAgICAgICAgIDwvTGFiZWw+XG4gICAgICAgICAgICA8VmlzdWFsbHlIaWRkZW4gYXJpYS1saXZlPVwicG9saXRlXCIgYXJpYS1hdG9taWM9XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAge2Fubm91bmNlbWVudH1cbiAgICAgICAgICAgIDwvVmlzdWFsbHlIaWRkZW4+XG4gICAgICAgIDwvPlxuICAgICk7XG59XG5cbkNoaXBJbnB1dC5wcm9wVHlwZXMgPSB7XG4gICAgLyoqIExhYmVsIGZvciB0aGUgZmllbGQgKi9cbiAgICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIC8qKiBFcnJvciBtZXNzYWdlIGZvciB0aGUgZmllbGQgKi9cbiAgICBlcnJvclRleHQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgLyoqIFZhbHVlcyB0byBkaXNwbGF5IGFzIGNoaXBzICovXG4gICAgdmFsdWU6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zdHJpbmcpLFxuICAgIC8qKiBDYWxsYmFjayB3aGVuIGNoaXBzIGNoYW5nZSAqL1xuICAgIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgICAvKiogQXJpYSBsYWJlbCBmb3IgdGhlIGNsb3NlIGJ1dHRvbiBvbiBjaGlwLiBEZWZhdWx0cyB0byBcIlJlbW92ZSB7bGFiZWx9XCIgKi9cbiAgICBjbG9zZUJ1dHRvbkFyaWFMYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAvKiogQW5ub3VuY2VtZW50IHRleHQgd2hlbiBhIGNoaXAgaXMgYWRkZWQuIERlZmF1bHRzIHRvIFwie2xhYmVsfSB3YXMgYWRkZWRcIiAqL1xuICAgIGFkZGVkQW5ub3VuY2VtZW50VGVtcGxhdGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgLyoqIEFubm91bmNlbWVudCB0ZXh0IHdoZW4gYSBjaGlwIGlzIHJlbW92ZWQuIERlZmF1bHRzIHRvIFwie2xhYmVsfSB3YXMgcmVtb3ZlZFwiICovXG4gICAgcmVtb3ZlZEFubm91bmNlbWVudFRlbXBsYXRlOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcblxuQ2hpcElucHV0LmRlZmF1bHRQcm9wcyA9IHtcbiAgICB2YWx1ZTogW10sXG4gICAgY2xvc2VCdXR0b25BcmlhTGFiZWw6ICdSZW1vdmUgezpsYWJlbH0nLFxuICAgIGFkZGVkQW5ub3VuY2VtZW50VGVtcGxhdGU6ICd7OmxhYmVsfSB3YXMgYWRkZWQnLFxuICAgIHJlbW92ZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZTogJ3s6bGFiZWx9IHdhcyByZW1vdmVkJyxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEl1QiJ9 */");
+})("position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;& li{list-style:none;}");
 /**
  * A chip input component that allows users to add and remove chips (tags) by typing and pressing Enter.
  * @component
@@ -55,26 +58,35 @@ const VisuallyHidden = /*#__PURE__*/ styled("ul", {
  *   errorText="At least one tag is required"
  * />
  * ```
- */ function ChipInput(props) {
+ */ function ChipInputComponent(props, ref) {
+    const { value: propValue = [], closeButtonAriaLabel = `Remove {:label}`, addedAnnouncementTemplate = '{:label} was added', removedAnnouncementTemplate = '{:label} was removed' } = props;
     const [text, setText] = useState('');
     const [touched, setTouched] = useState(false);
-    const [value, setValue] = useState(props.value || []);
+    const [value, setValue] = useState(propValue || []);
     const InputRef = React.useRef(null);
     const [announcement, setAnnouncement] = useState('');
     const errorId = useId();
+    // Forward the underlying input element.
+    useImperativeHandle(ref, ()=>InputRef.current);
     /**
      * Replace {:label} placeholder in template string
      */ const replacePlaceholder = (template, label)=>{
         if (!template) return undefined;
         return template.replace(/\{:label\}/g, label);
     };
+    const prevPropValueRef = React.useRef(undefined);
     // Sync internal value with props.value
     useEffect(()=>{
-        if (Array.isArray(props.value)) {
-            setValue(props.value);
+        if (Array.isArray(propValue)) {
+            const prevValue = prevPropValueRef.current;
+            const isEqual = prevValue && propValue.length === prevValue.length && propValue.every((val, index)=>val === prevValue[index]);
+            if (!isEqual) {
+                setValue(propValue);
+                prevPropValueRef.current = propValue;
+            }
         }
     }, [
-        props.value
+        propValue
     ]);
     /**
      * Update the chip values and notify changes.
@@ -103,14 +115,14 @@ const VisuallyHidden = /*#__PURE__*/ styled("ul", {
      * Adds a new chip on Enter key press.
      * @param e React keyboard event
      */ const handleKeyUp = (e)=>{
-        if (e.key === 'Enter' && text.trim() !== '' && InputRef.current.validity.valid) {
+        if (e.key === 'Enter' && text.trim() !== '' && InputRef.current?.validity.valid) {
             const newValue = [
                 ...value,
                 text.trim()
             ];
             updateValue(newValue);
             setText('');
-            setAnnouncement(replacePlaceholder(props.addedAnnouncementTemplate, text.trim()));
+            setAnnouncement(replacePlaceholder(addedAnnouncementTemplate, text.trim()));
         }
     };
     /**
@@ -119,7 +131,7 @@ const VisuallyHidden = /*#__PURE__*/ styled("ul", {
      */ const removeChip = (chipToRemove)=>{
         const newValue = value.filter((chip)=>chip !== chipToRemove);
         updateValue(newValue);
-        setAnnouncement(replacePlaceholder(props.removedAnnouncementTemplate, chipToRemove));
+        setAnnouncement(replacePlaceholder(removedAnnouncementTemplate, chipToRemove));
     };
     /**
      * Moves a chip from one position to another.
@@ -140,10 +152,11 @@ const VisuallyHidden = /*#__PURE__*/ styled("ul", {
     // Render the component
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            /*#__PURE__*/ jsxs(Label, {
+            /*#__PURE__*/ jsxs(Label$6, {
                 text: text,
                 touched: touched,
                 errorText: props.errorText,
+                required: props.required,
                 children: [
                     /*#__PURE__*/ jsx("input", {
                         ...props,
@@ -164,20 +177,20 @@ const VisuallyHidden = /*#__PURE__*/ styled("ul", {
                             children: value.map((chip)=>/*#__PURE__*/ jsx(Chip, {
                                     label: chip,
                                     onCloseClick: ()=>removeChip(chip),
-                                    closeButtonAriaLabel: replacePlaceholder(props.closeButtonAriaLabel, chip)
+                                    closeButtonAriaLabel: replacePlaceholder(closeButtonAriaLabel, chip)
                                 }, chip))
                         })
                     }),
                     /*#__PURE__*/ jsx("span", {
                         children: props.label
                     }),
-                    props.errorText && /*#__PURE__*/ jsx(ErrorContainer, {
+                    props.errorText && /*#__PURE__*/ jsx(ErrorContainer$4, {
                         id: errorId,
                         children: props.errorText
                     })
                 ]
             }),
-            /*#__PURE__*/ jsx(VisuallyHidden, {
+            /*#__PURE__*/ jsx(VisuallyHidden$1, {
                 "aria-live": "polite",
                 "aria-atomic": "true",
                 children: announcement
@@ -185,20 +198,7 @@ const VisuallyHidden = /*#__PURE__*/ styled("ul", {
         ]
     });
 }
-ChipInput.propTypes = {
-    /** Label for the field */ label: PropTypes.string.isRequired,
-    /** Error message for the field */ errorText: PropTypes.string,
-    /** Values to display as chips */ value: PropTypes.arrayOf(PropTypes.string),
-    /** Callback when chips change */ onChange: PropTypes.func,
-    /** Aria label for the close button on chip. Defaults to "Remove {label}" */ closeButtonAriaLabel: PropTypes.string,
-    /** Announcement text when a chip is added. Defaults to "{label} was added" */ addedAnnouncementTemplate: PropTypes.string,
-    /** Announcement text when a chip is removed. Defaults to "{label} was removed" */ removedAnnouncementTemplate: PropTypes.string
-};
-ChipInput.defaultProps = {
-    value: [],
-    closeButtonAriaLabel: 'Remove {:label}',
-    addedAnnouncementTemplate: '{:label} was added',
-    removedAnnouncementTemplate: '{:label} was removed'
-};
+const ChipInput = /*#__PURE__*/ React.forwardRef(ChipInputComponent);
 
 export { ChipInput as default };
+//# sourceMappingURL=ChipInput.js.map

package/lib-esm/components/ChipInput/ChipInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipInput.js","sources":["../../../src/components/ChipInput/ChipInput.tsx"],"sourcesContent":["import React, { useImperativeHandle, useEffect, useId, useState } from 'react';\nimport styled from '@emotion/styled';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\nimport Chip from '../Chip/Chip';\nimport { DragAndDrop, ORIENTATION } from '../DragAndDrop';\n\n// Prop types definition\ninterface ChipInputProps {\n    /** Label for the field */\n    label: string;\n    /** Error message for the field */\n    errorText?: string;\n    /**\n     * Values to display as chips\n     * @default []\n     */\n    value?: string[];\n    /** Callback when chips change */\n    onChange?: (newValue: string[]) => void;\n    /**\n     * Aria label for the close button on chip. Defaults to \"Remove {:label}\"\n     * @default \"Remove {:label}\"\n     */\n    closeButtonAriaLabel?: string;\n    /**\n     * Announcement text when a chip is added. Defaults to \"{:label} was added\"\n     * @default \"{:label} was added\"\n     */\n    addedAnnouncementTemplate?: string;\n    /**\n     * Announcement text when a chip is removed. Defaults to \"{:label} was removed\"\n     * @default \"{:label} was removed\"\n     */\n    removedAnnouncementTemplate?: string;\n}\n\n// Label component for the ChipInput\nconst Label = styled.label<{\n    text: string;\n    touched?: boolean;\n    errorText?: string;\n    required?: boolean;\n}>`\n    display: inline-flex;\n    flex-direction: column;\n    flex: 1;\n    position: relative;\n    margin: 10px 5px;\n    color: inherit;\n    padding: 0 8px;\n    width: 250px;\n    border-radius: 3px;\n    border: 1px solid ${getThemeValue(THEME_NAME.BORDER_COLOR)};\n    background-color: ${getThemeValue(THEME_NAME.BACKGROUND)};\n\n    /** Focused */\n    &:has(:focus),\n    &:has(:active) {\n        border-color: ${getThemeValue(THEME_NAME.PRIMARY)};\n        box-shadow: 0 0 0 4px ${getThemeValue(THEME_NAME.PRIMARY_LIGHT)};\n    }\n\n    &:has(:focus) > span,\n    &:has(:active) > span {\n        color: ${getThemeValue(THEME_NAME.PRIMARY)};\n    }\n\n    /** Disabled */\n    &:has(:disabled) {\n        border-color: ${getThemeValue(THEME_NAME.DISABLED_BORDER)};\n        background-color: ${getThemeValue(THEME_NAME.DISABLED_BACKGROUND)};\n    }\n\n    &:has(:disabled) > span {\n        color: ${getThemeValue(THEME_NAME.DISABLED)};\n    }\n\n    /** Invalid */\n    &:has(: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        &:has(:invalid) {\n            border-color: ${getThemeValue(THEME_NAME.ERROR)};\n        }\n    \n        &:has(: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    ${(props) =>\n        props.required\n            ? `& > span:after {\n                content: '*';\n                margin-left: 2px;\n                color: ${getThemeValue(THEME_NAME.ERROR)};\n            }`\n            : ''}\n    \n\n    & > input {\n        border: none;\n        outline: none;\n        line-height: 30px;\n        min-height: 30px;\n        max-width: 95%;\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    &:has(:focus) > span,\n    &:has(:placeholder-shown) > span {\n        top: -8px;\n        background: ${getThemeValue(THEME_NAME.BACKGROUND)};\n        font-size: 12px;\n        line-height: 14px;\n    }\n\n    ${(props) =>\n        props.text !== ''\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\n// Error message container\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// Visually hidden but accessible to screen readers\nconst VisuallyHidden = styled.ul`\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n\n    & li {\n        list-style: none;\n    }\n`;\n\n/**\n * A chip input component that allows users to add and remove chips (tags) by typing and pressing Enter.\n * @component\n * @example\n * ```tsx\n * <ChipInput\n *   value={['tag1', 'tag2']}\n *   onChange={(newTags) => console.log(newTags)}\n *   label=\"Add tags\"\n *   errorText=\"At least one tag is required\"\n * />\n * ```\n */\nfunction ChipInputComponent(\n    props: ChipInputProps & React.AllHTMLAttributes<HTMLInputElement>,\n    ref: React.Ref<HTMLInputElement | null>,\n) {\n    const {\n        value: propValue = [],\n        closeButtonAriaLabel = `Remove {:label}`,\n        addedAnnouncementTemplate = '{:label} was added',\n        removedAnnouncementTemplate = '{:label} was removed',\n    } = props;\n\n    const [text, setText] = useState('');\n    const [touched, setTouched] = useState(false);\n    const [value, setValue] = useState<string[]>(propValue || []);\n    const InputRef = React.useRef<HTMLInputElement>(null);\n    const [announcement, setAnnouncement] = useState('');\n    const errorId = useId();\n\n    // Forward the underlying input element.\n    useImperativeHandle(ref, () => InputRef.current as HTMLInputElement);\n\n    /**\n     * Replace {:label} placeholder in template string\n     */\n    const replacePlaceholder = (\n        template: string | undefined,\n        label: string,\n    ): string | undefined => {\n        if (!template) return undefined;\n        return template.replace(/\\{:label\\}/g, label);\n    };\n\n    const prevPropValueRef = React.useRef<string[]>(undefined);\n\n    // Sync internal value with props.value\n    useEffect(() => {\n        if (Array.isArray(propValue)) {\n            const prevValue = prevPropValueRef.current;\n            const isEqual =\n                prevValue &&\n                propValue.length === prevValue.length &&\n                propValue.every((val, index) => val === prevValue[index]);\n            if (!isEqual) {\n                setValue(propValue);\n                prevPropValueRef.current = propValue;\n            }\n        }\n    }, [propValue]);\n\n    /**\n     * Update the chip values and notify changes.\n     * @param newValue The new array of chip values\n     */\n    const updateValue = (newValue: string[]) => {\n        const deduped = Array.from(new Set(newValue));\n        setValue(deduped);\n        props.onChange?.(deduped);\n    };\n\n    /**\n     * Marks the input as touched on focus.\n     * @param e React focus event\n     */\n    const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n        setTouched(true);\n        if (props.onFocus) {\n            props.onFocus(e);\n        }\n    };\n\n    /**\n     * Change handler for the input field.\n     * @param e React change event\n     */\n    const handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n        setText(e.target.value);\n    };\n\n    /**\n     * Adds a new chip on Enter key press.\n     * @param e React keyboard event\n     */\n    const handleKeyUp: React.KeyboardEventHandler<HTMLInputElement> = (e) => {\n        if (e.key === 'Enter' && text.trim() !== '' && InputRef.current?.validity.valid) {\n            const newValue = [...value, text.trim()];\n            updateValue(newValue);\n            setText('');\n            setAnnouncement(replacePlaceholder(addedAnnouncementTemplate, text.trim())!);\n        }\n    };\n\n    /**\n     * Removes a chip from the list.\n     * @param chipToRemove The chip value to remove\n     */\n    const removeChip = (chipToRemove: string) => {\n        const newValue = value.filter((chip) => chip !== chipToRemove);\n        updateValue(newValue);\n        setAnnouncement(replacePlaceholder(removedAnnouncementTemplate, chipToRemove)!);\n    };\n\n    /**\n     * Moves a chip from one position to another.\n     * @param start The starting index of the item to move\n     * @param end The ending index where the item should be placed\n     */\n    const onDrop = (start: number, end: number) => {\n        // Clone existing elements\n        const newItems = [...value];\n        // Remove the element to be moved\n        const item = newItems.splice(start, 1);\n        // Add it back at the required position\n        newItems.splice(end, 0, item[0]);\n        // Update\n        updateValue(newItems);\n    };\n\n    // Render the component\n    return (\n        <>\n            <Label\n                text={text}\n                touched={touched}\n                errorText={props.errorText}\n                required={props.required}\n            >\n                <input\n                    {...props}\n                    ref={InputRef}\n                    value={text}\n                    onChange={handleChange}\n                    onFocus={handleFocus}\n                    onKeyUp={handleKeyUp}\n                    required={props.required && value.length === 0}\n                    aria-required={props.required}\n                    aria-invalid={!!props.errorText}\n                    aria-describedby={props.errorText ? errorId : undefined}\n                />\n                <div>\n                    {value?.length > 0 && (\n                        <DragAndDrop orientation={ORIENTATION.HORIZONTAL} onDrop={onDrop}>\n                            {value.map((chip) => (\n                                <Chip\n                                    key={chip}\n                                    label={chip}\n                                    onCloseClick={() => removeChip(chip)}\n                                    closeButtonAriaLabel={replacePlaceholder(\n                                        closeButtonAriaLabel,\n                                        chip,\n                                    )}\n                                />\n                            ))}\n                        </DragAndDrop>\n                    )}\n                </div>\n                <span>{props.label}</span>\n                {props.errorText && <ErrorContainer id={errorId}>{props.errorText}</ErrorContainer>}\n            </Label>\n            <VisuallyHidden aria-live=\"polite\" aria-atomic=\"true\">\n                {announcement}\n            </VisuallyHidden>\n        </>\n    );\n}\n\nconst ChipInput = React.forwardRef<\n    HTMLInputElement,\n    ChipInputProps & React.AllHTMLAttributes<HTMLInputElement>\n>(ChipInputComponent);\n\nexport default ChipInput;\n"],"names":["Label","styled","getThemeValue","THEME_NAME","BORDER_COLOR","BACKGROUND","PRIMARY","PRIMARY_LIGHT","DISABLED_BORDER","DISABLED_BACKGROUND","DISABLED","ERROR","ERROR_LIGHT","props","touched","errorText","required","text","ErrorContainer","VisuallyHidden","ChipInputComponent","ref","value","propValue","closeButtonAriaLabel","addedAnnouncementTemplate","removedAnnouncementTemplate","setText","useState","setTouched","setValue","InputRef","React","useRef","announcement","setAnnouncement","errorId","useId","useImperativeHandle","current","replacePlaceholder","template","label","undefined","replace","prevPropValueRef","useEffect","Array","isArray","prevValue","isEqual","length","every","val","index","updateValue","newValue","deduped","from","Set","onChange","handleFocus","e","onFocus","handleChange","target","handleKeyUp","key","trim","validity","valid","removeChip","chipToRemove","filter","chip","onDrop","start","end","newItems","item","splice","_jsxs","_Fragment","_jsx","input","onKeyUp","aria-required","aria-invalid","aria-describedby","div","DragAndDrop","orientation","ORIENTATION","HORIZONTAL","map","Chip","onCloseClick","span","id","aria-live","aria-atomic","ChipInput","forwardRef"],"mappings":"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"}

package/lib-esm/components/Dialog/AlertDialog.d.ts

@@ -1,18 +1,17 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-type AlertOption = PropTypes.InferProps<typeof AlertDialog.propTypes>;
+import Dialog from './Dialog';
+type AlertOption = {
+    /** Shown as header of the dialog */
+    header: string;
+    /** Rendered in the body. */
+    body: React.ReactNode;
+    /** Accept button text */
+    buttonText?: string;
+    /** props for the dialog */
+    dialogProps?: React.ComponentProps<typeof Dialog>;
+};
 export default class AlertDialog extends React.Component<AlertOption> {
     private dialog;
-    static propTypes: {
-        /** Shown as header of the dialog */
-        header: PropTypes.Requireable<string>;
-        /** Rendered in the body. */
-        body: PropTypes.Validator<any>;
-        /** Accept button text, default value is `OK` */
-        buttonText: PropTypes.Requireable<string>;
-        /** props for the dialog */
-        dialogProps: PropTypes.Requireable<object>;
-    };
     static defaultProps: {
         buttonText: string;
     };

package/lib-esm/components/Dialog/AlertDialog.js

@@ -1,9 +1,8 @@
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import React, { createRef } from 'react';
-import PropTypes from 'prop-types';
 import Dialog from './Dialog.js';
 import { Header, Body, Footer } from '../../shared/styles.js';
-import StyledButton from '../Button/Button.js';
+import Button from '../Button/Button.js';
 
 let dialogCounter = 0;
 class AlertDialog extends React.Component {
@@ -28,7 +27,7 @@ class AlertDialog extends React.Component {
                     children: this.props.body
                 }),
                 /*#__PURE__*/ jsx(Footer, {
-                    children: /*#__PURE__*/ jsx(StyledButton, {
+                    children: /*#__PURE__*/ jsx(Button, {
                         onClick: this.close,
                         children: this.props.buttonText
                     })
@@ -40,19 +39,14 @@ class AlertDialog extends React.Component {
         super(...args), this.dialog = /*#__PURE__*/ createRef(), this.show = ()=>{
             return new Promise((resolve)=>{
                 const onClose = ()=>resolve(null);
-                this.dialog.current.open(onClose);
+                this.dialog.current?.open(onClose);
             });
-        }, this.close = ()=>this.dialog.current.close();
+        }, this.close = ()=>this.dialog.current?.close();
     }
 }
-AlertDialog.propTypes = {
-    /** Shown as header of the dialog */ header: PropTypes.string,
-    /** Rendered in the body. */ body: PropTypes.any.isRequired,
-    /** Accept button text, default value is `OK` */ buttonText: PropTypes.string,
-    /** props for the dialog */ dialogProps: PropTypes.object
-};
 AlertDialog.defaultProps = {
     buttonText: 'OK'
 };
 
 export { AlertDialog as default };
+//# sourceMappingURL=AlertDialog.js.map

package/lib-esm/components/Dialog/AlertDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.js","sources":["../../../src/components/Dialog/AlertDialog.tsx"],"sourcesContent":["import React, { createRef } from 'react';\nimport { Button } from '../Button';\nimport Dialog, { DialogBody, DialogFooter, DialogHeader } from './Dialog';\n\ntype AlertOption = {\n    /** Shown as header of the dialog */\n    header: string;\n    /** Rendered in the body. */\n    body: React.ReactNode;\n    /** Accept button text */\n    buttonText?: string;\n    /** props for the dialog */\n    dialogProps?: React.ComponentProps<typeof Dialog>;\n};\n\nlet dialogCounter = 0;\n\nexport default class AlertDialog extends React.Component<AlertOption> {\n    private dialog = createRef<Dialog>();\n\n    static defaultProps = {\n        buttonText: 'OK',\n    };\n\n    public show = () => {\n        return new Promise((resolve) => {\n            const onClose = () => resolve(null);\n            this.dialog.current?.open(onClose);\n        });\n    };\n\n    private close = () => this.dialog.current?.close();\n\n    render() {\n        const titleId = `nfui-alert-dialog-${dialogCounter++}-title`;\n        const descriptionId = `nfui-alert-dialog-${dialogCounter++}-description`;\n\n        return (\n            <Dialog\n                {...this.props.dialogProps}\n                role=\"alertdialog\"\n                aria-labelledby={titleId}\n                aria-describedby={descriptionId}\n                ref={this.dialog}\n                closeOnEsc={false}\n                closeOnOverlayClick={false}\n            >\n                {this.props.header && <DialogHeader id={titleId}>{this.props.header}</DialogHeader>}\n                <DialogBody id={descriptionId}>{this.props.body}</DialogBody>\n                <DialogFooter>\n                    <Button onClick={this.close}>{this.props.buttonText}</Button>\n                </DialogFooter>\n            </Dialog>\n        );\n    }\n}\n"],"names":["dialogCounter","AlertDialog","React","Component","render","titleId","descriptionId","_jsxs","Dialog","props","dialogProps","role","aria-labelledby","aria-describedby","ref","dialog","closeOnEsc","closeOnOverlayClick","header","_jsx","DialogHeader","id","DialogBody","body","DialogFooter","Button","onClick","close","buttonText","createRef","show","Promise","resolve","onClose","current","open","defaultProps"],"mappings":";;;;;;AAeA,IAAIA,aAAAA,GAAgB,CAAA;AAEL,MAAMC,WAAAA,SAAoBC,MAAMC,SAAS,CAAA;IAgBpDC,MAAAA,GAAS;AACL,QAAA,MAAMC,UAAU,CAAC,kBAAkB,EAAEL,aAAAA,EAAAA,CAAgB,MAAM,CAAC;AAC5D,QAAA,MAAMM,gBAAgB,CAAC,kBAAkB,EAAEN,aAAAA,EAAAA,CAAgB,YAAY,CAAC;AAExE,QAAA,qBACIO,IAAA,CAACC,MAAAA,EAAAA;AACI,YAAA,GAAG,IAAI,CAACC,KAAK,CAACC,WAAW;YAC1BC,IAAAA,EAAK,aAAA;YACLC,iBAAAA,EAAiBP,OAAAA;YACjBQ,kBAAAA,EAAkBP,aAAAA;YAClBQ,GAAAA,EAAK,IAAI,CAACC,MAAM;YAChBC,UAAAA,EAAY,KAAA;YACZC,mBAAAA,EAAqB,KAAA;;AAEpB,gBAAA,IAAI,CAACR,KAAK,CAACS,MAAM,kBAAIC,GAAA,CAACC,MAAAA,EAAAA;oBAAaC,EAAAA,EAAIhB,OAAAA;8BAAU,IAAI,CAACI,KAAK,CAACS;;8BAC7DC,GAAA,CAACG,IAAAA,EAAAA;oBAAWD,EAAAA,EAAIf,aAAAA;8BAAgB,IAAI,CAACG,KAAK,CAACc;;8BAC3CJ,GAAA,CAACK,MAAAA,EAAAA;AACG,oBAAA,QAAA,gBAAAL,GAAA,CAACM,MAAAA,EAAAA;wBAAOC,OAAAA,EAAS,IAAI,CAACC,KAAK;kCAAG,IAAI,CAAClB,KAAK,CAACmB;;;;;AAIzD,IAAA;;QArCW,KAAA,CAAA,GAAA,IAAA,CAAA,EAAA,IAAA,CACHb,MAAAA,iBAASc,kBAMVC,IAAAA,GAAO,IAAA;YACV,OAAO,IAAIC,QAAQ,CAACC,OAAAA,GAAAA;gBAChB,MAAMC,OAAAA,GAAU,IAAMD,OAAAA,CAAQ,IAAA,CAAA;AAC9B,gBAAA,IAAI,CAACjB,MAAM,CAACmB,OAAO,EAAEC,IAAAA,CAAKF,OAAAA,CAAAA;AAC9B,YAAA,CAAA,CAAA;AACJ,QAAA,CAAA,EAAA,IAAA,CAEQN,QAAQ,IAAM,IAAI,CAACZ,MAAM,CAACmB,OAAO,EAAEP,KAAAA,EAAAA;;AAwB/C;AAtCqB1B,WAAAA,CAGVmC,YAAAA,GAAe;IAClBR,UAAAA,EAAY;AAChB,CAAA;;;;"}

package/lib-esm/components/Dialog/ConfirmDialog.d.ts

@@ -1,20 +1,19 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-type ConfirmOption = PropTypes.InferProps<typeof ConfirmDialog.propTypes>;
+import Dialog from './Dialog';
+type ConfirmOption = {
+    /** Shown as header of the dialog */
+    header: string;
+    /** Rendered as body of the dialog */
+    body: string;
+    /** Accept button text */
+    yesText?: string;
+    /** Reject button text */
+    noText?: string;
+    /** Props for the dialog */
+    dialogProps?: React.ComponentProps<typeof Dialog>;
+};
 export default class ConfirmDialog extends React.Component<ConfirmOption> {
     private dialog;
-    static propTypes: {
-        /** Shown as header of the dialog */
-        header: PropTypes.Requireable<string>;
-        /** Rendered as body of the dialog */
-        body: PropTypes.Validator<string>;
-        /** Accept button text */
-        yesText: PropTypes.Requireable<string>;
-        /** Reject button text */
-        noText: PropTypes.Requireable<string>;
-        /** Props for the dialog */
-        dialogProps: PropTypes.Requireable<object>;
-    };
     static defaultProps: {
         yesText: string;
         noText: string;

package/lib-esm/components/Dialog/ConfirmDialog.js

@@ -1,9 +1,8 @@
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import React, { createRef } from 'react';
-import PropTypes from 'prop-types';
 import Dialog from './Dialog.js';
 import { Header, Body, Footer } from '../../shared/styles.js';
-import StyledButton from '../Button/Button.js';
+import Button from '../Button/Button.js';
 import ActionButton from '../Button/ActionButton.js';
 
 class ConfirmDialog extends React.Component {
@@ -23,7 +22,7 @@ class ConfirmDialog extends React.Component {
                 }),
                 /*#__PURE__*/ jsxs(Footer, {
                     children: [
-                        /*#__PURE__*/ jsx(StyledButton, {
+                        /*#__PURE__*/ jsx(Button, {
                             onClick: this.cancel,
                             children: noText
                         }),
@@ -46,21 +45,15 @@ class ConfirmDialog extends React.Component {
                         reject();
                     }
                 };
-                this.dialog.current.open(onClose);
+                this.dialog.current?.open(onClose);
             });
-        }, this.cancel = ()=>this.dialog.current.close(false), this.confirm = ()=>this.dialog.current.close(true);
+        }, this.cancel = ()=>this.dialog.current?.close(false), this.confirm = ()=>this.dialog.current?.close(true);
     }
 }
-ConfirmDialog.propTypes = {
-    /** Shown as header of the dialog */ header: PropTypes.string,
-    /** Rendered as body of the dialog */ body: PropTypes.string.isRequired,
-    /** Accept button text */ yesText: PropTypes.string,
-    /** Reject button text */ noText: PropTypes.string,
-    /** Props for the dialog */ dialogProps: PropTypes.object
-};
 ConfirmDialog.defaultProps = {
     yesText: 'Yes',
     noText: 'No'
 };
 
 export { ConfirmDialog as default };
+//# sourceMappingURL=ConfirmDialog.js.map

package/lib-esm/components/Dialog/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","sources":["../../../src/components/Dialog/ConfirmDialog.tsx"],"sourcesContent":["import React, { createRef } from 'react';\nimport { Button, ActionButton } from '../Button';\nimport Dialog, { DialogBody, DialogFooter, DialogHeader } from './Dialog';\n\ntype ConfirmOption = {\n    /** Shown as header of the dialog */\n    header: string;\n    /** Rendered as body of the dialog */\n    body: string;\n    /** Accept button text */\n    yesText?: string;\n    /** Reject button text */\n    noText?: string;\n    /** Props for the dialog */\n    dialogProps?: React.ComponentProps<typeof Dialog>;\n};\n\nexport default class ConfirmDialog extends React.Component<ConfirmOption> {\n    private dialog = createRef<Dialog>();\n\n    static defaultProps = {\n        yesText: 'Yes',\n        noText: 'No',\n    };\n\n    public show = () => {\n        return new Promise((resolve, reject) => {\n            const onClose = (resp: unknown) => {\n                if (resp) {\n                    resolve(null);\n                } else {\n                    reject();\n                }\n            };\n            this.dialog.current?.open(onClose);\n        });\n    };\n\n    private cancel = () => this.dialog.current?.close(false);\n    private confirm = () => this.dialog.current?.close(true);\n\n    render() {\n        const { header, body, yesText, noText, dialogProps } = this.props;\n        return (\n            <Dialog\n                {...dialogProps}\n                ref={this.dialog}\n                closeOnEsc={false}\n                closeOnOverlayClick={false}\n            >\n                {header && <DialogHeader>{header}</DialogHeader>}\n                <DialogBody>{body}</DialogBody>\n                <DialogFooter>\n                    <Button onClick={this.cancel}>{noText}</Button>\n                    <ActionButton onClick={this.confirm}>{yesText}</ActionButton>\n                </DialogFooter>\n            </Dialog>\n        );\n    }\n}\n"],"names":["ConfirmDialog","React","Component","render","header","body","yesText","noText","dialogProps","props","_jsxs","Dialog","ref","dialog","closeOnEsc","closeOnOverlayClick","_jsx","DialogHeader","DialogBody","DialogFooter","Button","onClick","cancel","ActionButton","confirm","createRef","show","Promise","resolve","reject","onClose","resp","current","open","close","defaultProps"],"mappings":";;;;;;;AAiBe,MAAMA,aAAAA,SAAsBC,MAAMC,SAAS,CAAA;IAwBtDC,MAAAA,GAAS;AACL,QAAA,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,MAAM,EAAEC,WAAW,EAAE,GAAG,IAAI,CAACC,KAAK;AACjE,QAAA,qBACIC,IAAA,CAACC,MAAAA,EAAAA;AACI,YAAA,GAAGH,WAAW;YACfI,GAAAA,EAAK,IAAI,CAACC,MAAM;YAChBC,UAAAA,EAAY,KAAA;YACZC,mBAAAA,EAAqB,KAAA;;AAEpBX,gBAAAA,MAAAA,kBAAUY,GAAA,CAACC,MAAAA,EAAAA;AAAcb,oBAAAA,QAAAA,EAAAA;;8BAC1BY,GAAA,CAACE,IAAAA,EAAAA;AAAYb,oBAAAA,QAAAA,EAAAA;;8BACbK,IAAA,CAACS,MAAAA,EAAAA;;sCACGH,GAAA,CAACI,MAAAA,EAAAA;4BAAOC,OAAAA,EAAS,IAAI,CAACC,MAAM;AAAGf,4BAAAA,QAAAA,EAAAA;;sCAC/BS,GAAA,CAACO,YAAAA,EAAAA;4BAAaF,OAAAA,EAAS,IAAI,CAACG,OAAO;AAAGlB,4BAAAA,QAAAA,EAAAA;;;;;;AAItD,IAAA;;QAzCW,KAAA,CAAA,GAAA,IAAA,CAAA,EAAA,IAAA,CACHO,MAAAA,iBAASY,kBAOVC,IAAAA,GAAO,IAAA;YACV,OAAO,IAAIC,OAAAA,CAAQ,CAACC,OAAAA,EAASC,MAAAA,GAAAA;AACzB,gBAAA,MAAMC,UAAU,CAACC,IAAAA,GAAAA;AACb,oBAAA,IAAIA,IAAAA,EAAM;wBACNH,OAAAA,CAAQ,IAAA,CAAA;oBACZ,CAAA,MAAO;AACHC,wBAAAA,MAAAA,EAAAA;AACJ,oBAAA;AACJ,gBAAA,CAAA;AACA,gBAAA,IAAI,CAAChB,MAAM,CAACmB,OAAO,EAAEC,IAAAA,CAAKH,OAAAA,CAAAA;AAC9B,YAAA,CAAA,CAAA;AACJ,QAAA,CAAA,EAAA,IAAA,CAEQR,SAAS,IAAM,IAAI,CAACT,MAAM,CAACmB,OAAO,EAAEE,KAAAA,CAAM,KAAA,CAAA,EAAA,IAAA,CAC1CV,OAAAA,GAAU,IAAM,IAAI,CAACX,MAAM,CAACmB,OAAO,EAAEE,KAAAA,CAAM,IAAA,CAAA;;AAoBvD;AA1CqBlC,aAAAA,CAGVmC,YAAAA,GAAe;IAClB7B,OAAAA,EAAS,KAAA;IACTC,MAAAA,EAAQ;AACZ,CAAA;;;;"}

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

@@ -1,9 +1,7 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 export declare const DialogContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & import("../Card/Card").CardExtraProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    elevated?: boolean;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export { Header as DialogHeader, Body as DialogBody, Footer as DialogFooter, } from '../../shared/styles';
@@ -12,18 +10,14 @@ interface DialogOptions {
     closeOnEsc?: boolean;
     /** Close layer overlay is clicked. Default value is true. */
     closeOnOverlayClick?: boolean;
+    /** Ref forwarded to the underlying HTMLDivElement of the dialog container */
+    forwardRef?: React.Ref<HTMLDivElement>;
 }
 interface DialogState {
     show: boolean;
-    LayerComponent?: () => React.ReactPortal | null;
+    LayerComponent?: React.ComponentType | null;
 }
-declare class Dialog extends React.Component<React.PropsWithChildren<DialogOptions> & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'ref'>, DialogState> {
-    static propTypes: {
-        /** Flag to close dialog on `esc` click. Default value is true. */
-        closeOnEsc: PropTypes.Requireable<boolean>;
-        /** Close layer overlay is clicked. Default value is true. */
-        closeOnOverlayClick: PropTypes.Requireable<boolean>;
-    };
+declare class Dialog extends React.Component<React.PropsWithChildren<DialogOptions> & React.HTMLAttributes<HTMLDivElement>, DialogState> {
     static defaultProps: {
         closeOnEsc: boolean;
         closeOnOverlayClick: boolean;
@@ -58,9 +52,9 @@ declare class Dialog extends React.Component<React.PropsWithChildren<DialogOptio
     private setInitialFocus;
     shouldComponentUpdate(nextProps: DialogOptions, nextState: DialogState): boolean;
     componentWillUnmount(): void;
-    open: (closeCallback?: (resp: unknown) => void) => void;
+    open: (closeCallback?: (resp?: unknown) => void) => void;
     close: (resp?: unknown) => void;
     private closeCallback;
-    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element | null;
 }
 export default Dialog;