@salutejs/plasma-new-hope 0.336.0-canary.2228.17672900057.0 → 0.336.0-canary.2231.17732581275.0

package/emotion/cjs/components/Attach/Attach.js

@@ -173,10 +173,9 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var attachRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, outerRef) {
-        var _props_flow = props.flow, flow = _props_flow === void 0 ? 'auto' : _props_flow, _props_buttonType = props.buttonType, buttonType = _props_buttonType === void 0 ? 'button' : _props_buttonType, _props_hideButtonOnAttach = props.hideButtonOnAttach, hideButtonOnAttach = _props_hideButtonOnAttach === void 0 ? false : _props_hideButtonOnAttach, _props_hasAttachment = props.hasAttachment, hasAttachment = _props_hasAttachment === void 0 ? true : _props_hasAttachment, acceptedFileFormats = props.acceptedFileFormats, helperText = props.helperText, size = props.size, view = props.view, helperTextView = props.helperTextView, className = props.className, style = props.style, isLoading = props.isLoading, disabled = props.disabled, id = props.id, name = props.name, customIcon = props.customIcon, onClick = props.onClick, onChange = props.onChange, onClear = props.onClear, rest = _object_without_properties(props, [
+        var _props_flow = props.flow, flow = _props_flow === void 0 ? 'auto' : _props_flow, _props_buttonType = props.buttonType, buttonType = _props_buttonType === void 0 ? 'button' : _props_buttonType, _props_hasAttachment = props.hasAttachment, hasAttachment = _props_hasAttachment === void 0 ? true : _props_hasAttachment, acceptedFileFormats = props.acceptedFileFormats, helperText = props.helperText, size = props.size, view = props.view, helperTextView = props.helperTextView, className = props.className, style = props.style, isLoading = props.isLoading, disabled = props.disabled, id = props.id, name = props.name, customIcon = props.customIcon, onChange = props.onChange, onClear = props.onClear, rest = _object_without_properties(props, [
             "flow",
             "buttonType",
-            "hideButtonOnAttach",
             "hasAttachment",
             "acceptedFileFormats",
             "helperText",
@@ -190,30 +189,65 @@ var attachRoot = function(Root) {
             "id",
             "name",
             "customIcon",
-            "onClick",
             "onChange",
             "onClear"
         ]);
         var innerRef = (0, _react.useRef)(null);
         var ref = (0, _plasmacore.useForkRef)(outerRef, innerRef);
         var inputRef = (0, _react.useRef)(null);
+        var inputHelperRef = (0, _react.useRef)(null);
         var cellRef = (0, _react.useRef)(null);
         var buttonRef = (0, _react.useRef)(null);
+        var emptyTextCellWidth = (0, _react.useRef)(null);
         var _useState = _sliced_to_array((0, _react.useState)(''), 2), filename = _useState[0], setFilename = _useState[1];
+        var _useState1 = _sliced_to_array((0, _react.useState)(''), 2), truncatedFilename = _useState1[0], setTruncatedFilename = _useState1[1];
         var horizontalClass = flow === 'horizontal' ? _Attachtokens.classes.horizontal : undefined;
         var verticalClass = flow === 'vertical' ? _Attachtokens.classes.vertical : undefined;
         var withHelperTextClass = helperText ? _Attachtokens.classes.withHelperText : undefined;
         var autoClass = flow === 'auto' ? _Attachtokens.classes.auto : undefined;
+        var cellHiddenClass = truncatedFilename.length === 0 ? _Attachtokens.classes.cellHidden : undefined;
         var accept = acceptedFileFormats === null || acceptedFileFormats === void 0 ? void 0 : acceptedFileFormats.join(',');
         var extension = (0, _utils1.extractExtension)(filename);
-        var filenameWithoutExtension = filename.slice(0, -1 - ((extension === null || extension === void 0 ? void 0 : extension.length) || 0));
-        var cellContentLeft = customIcon || (0, _utils1.getFileIcon)(extension, size);
-        var handleClick = function(e) {
-            if (!inputRef.current) {
+        var cellContentLeft = customIcon || (0, _utils1.getFileicon)(extension, size);
+        (0, _react.useEffect)(function() {
+            var _cellRef_current;
+            emptyTextCellWidth.current = ((_cellRef_current = cellRef.current) === null || _cellRef_current === void 0 ? void 0 : _cellRef_current.offsetWidth) || 0;
+        }, []);
+        (0, _plasmacore.useIsomorphicLayoutEffect)(function() {
+            if (!cellRef.current || !cellRef.current.parentElement || !inputHelperRef.current || !inputHelperRef.current.textContent || !emptyTextCellWidth.current || !buttonRef.current) {
+                return;
+            }
+            var _inputHelperRef_current = inputHelperRef.current, textWidth = _inputHelperRef_current.offsetWidth;
+            var _buttonRef_current = buttonRef.current, buttonWidth = _buttonRef_current.offsetWidth;
+            var _cellRef_current_parentElement_getBoundingClientRect = cellRef.current.parentElement.getBoundingClientRect(), parentWidth = _cellRef_current_parentElement_getBoundingClientRect.width, parentLeft = _cellRef_current_parentElement_getBoundingClientRect.left;
+            var _cellRef_current_getBoundingClientRect = cellRef.current.getBoundingClientRect(), cellLeft = _cellRef_current_getBoundingClientRect.left;
+            var leftDiff = cellLeft - parentLeft;
+            var currentTextWidth = textWidth;
+            if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth || currentTextWidth + emptyTextCellWidth.current < buttonWidth) {
+                setTruncatedFilename(filename);
                 return;
             }
-            if (onClick) {
-                onClick(e);
+            var currFilename = (0, _utils1.addSeparator)(filename, _utils1.separator);
+            for(var i = currFilename.indexOf(_utils1.separator) - 1; i > 0; i -= 1){
+                if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {
+                    break;
+                }
+                var left = currFilename.slice(0, i);
+                var right = currFilename.slice(i + 1);
+                var newFilename = "".concat(left).concat(right);
+                inputHelperRef.current.textContent = newFilename;
+                currentTextWidth = inputHelperRef.current.offsetWidth;
+                if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {
+                    break;
+                }
+                currFilename = newFilename;
+            }
+            inputHelperRef.current.textContent = filename;
+            setTruncatedFilename(currFilename);
+        });
+        var handleClick = function() {
+            if (!inputRef.current) {
+                return;
             }
             inputRef.current.click();
         };
@@ -235,6 +269,7 @@ var attachRoot = function(Root) {
             }
             inputRef.current.value = '';
             setFilename('');
+            setTruncatedFilename('');
         };
         return /*#__PURE__*/ _react.default.createElement(Root, {
             className: (0, _utils.cx)(horizontalClass, verticalClass, autoClass, withHelperTextClass, className),
@@ -250,16 +285,20 @@ var attachRoot = function(Root) {
             id: id,
             name: name,
             onChange: handleChange
-        }), (!hideButtonOnAttach || !filename) && /*#__PURE__*/ _react.default.createElement(_Attachstyles.StyledAttachButtonWrapper, null, /*#__PURE__*/ _react.default.createElement(_AttachButton.AttachButton, _object_spread({
+        }), /*#__PURE__*/ _react.default.createElement(_Attachstyles.StyledHiddenInputHelper, {
+            ref: inputHelperRef
+        }, filename), /*#__PURE__*/ _react.default.createElement(_Attachstyles.StyledAttachButtonWrapper, null, /*#__PURE__*/ _react.default.createElement(_AttachButton.AttachButton, _object_spread({
             ref: buttonRef,
             buttonType: buttonType,
             isLoading: isLoading,
             disabled: disabled,
             onClick: handleClick
-        }, rest)), helperText && /*#__PURE__*/ _react.default.createElement(_Attachstyles.StyledHelperText, null, helperText)), (hasAttachment || hideButtonOnAttach) && filename && /*#__PURE__*/ _react.default.createElement(_Cell.StyledCell, {
+        }, rest)), helperText && /*#__PURE__*/ _react.default.createElement(_Attachstyles.StyledHelperText, null, helperText)), hasAttachment && /*#__PURE__*/ _react.default.createElement(_Cell.StyledCell, {
             stretching: "fixed",
+            className: cellHiddenClass,
             ref: cellRef,
             size: size,
+            title: truncatedFilename,
             contentLeft: cellContentLeft,
             contentRight: /*#__PURE__*/ _react.default.createElement(_IconButtonstyles.StyledIconButtonCancel, {
                 onClick: handleClear
@@ -267,7 +306,7 @@ var attachRoot = function(Root) {
                 size: "xs",
                 color: "inherit"
             }))
-        }, /*#__PURE__*/ _react.default.createElement(_Attachstyles.FilenameWrapper, null, /*#__PURE__*/ _react.default.createElement(_Attachstyles.TruncatedFilenamePart, null, filenameWithoutExtension.slice(0, -1)), /*#__PURE__*/ _react.default.createElement(_Attachstyles.FilenameExtensionPart, null, filenameWithoutExtension.at(-1), ".", extension))));
+        }));
     });
 };
 var attachConfig = {

package/emotion/cjs/components/Attach/Attach.styles.js

@@ -9,12 +9,6 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    get FilenameExtensionPart () {
-        return FilenameExtensionPart;
-    },
-    get FilenameWrapper () {
-        return FilenameWrapper;
-    },
     get StyledAttachButtonWrapper () {
         return StyledAttachButtonWrapper;
     },
@@ -24,8 +18,8 @@ _export(exports, {
     get StyledHiddenInput () {
         return StyledHiddenInput;
     },
-    get TruncatedFilenamePart () {
-        return TruncatedFilenamePart;
+    get StyledHiddenInputHelper () {
+        return StyledHiddenInputHelper;
     },
     get base () {
         return base;
@@ -33,34 +27,25 @@ _export(exports, {
 });
 var _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
 var _react = require("@emotion/react");
-var _mixins = require("../../mixins");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var base = (0, /*#__PURE__*/ _react.css)("position:relative;display:flex;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW9CIn0= */");
+var base = (0, /*#__PURE__*/ _react.css)("position:relative;display:flex;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGlkZGVuSW5wdXRIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdHRhY2hCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG1hcmdpbi10b3A6IDAuMjVyZW07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdvQiJ9 */");
 var StyledHiddenInput = (0, /*#__PURE__*/ _styled.default)("input", {
-    target: "exbp6ag0",
+    target: "e103vwl10",
     label: "StyledHiddenInput"
-})("display:none;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2lDIn0= */");
+})("display:none;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGlkZGVuSW5wdXRIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdHRhY2hCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG1hcmdpbi10b3A6IDAuMjVyZW07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFpQyJ9 */");
+var StyledHiddenInputHelper = (0, /*#__PURE__*/ _styled.default)("div", {
+    target: "e103vwl11",
+    label: "StyledHiddenInputHelper"
+})("position:absolute;visibility:hidden;white-space:nowrap;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGlkZGVuSW5wdXRIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdHRhY2hCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG1hcmdpbi10b3A6IDAuMjVyZW07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl1QyJ9 */");
 var StyledAttachButtonWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "exbp6ag1",
+    target: "e103vwl12",
     label: "StyledAttachButtonWrapper"
-})("position:relative;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXlDIn0= */");
+})("position:relative;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGlkZGVuSW5wdXRIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdHRhY2hCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG1hcmdpbi10b3A6IDAuMjVyZW07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCeUMifQ== */");
 var StyledHelperText = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "exbp6ag2",
+    target: "e103vwl13",
     label: "StyledHelperText"
-})("position:absolute;margin-top:0.25rem;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJnQyJ9 */");
-var FilenameWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "exbp6ag3",
-    label: "FilenameWrapper"
-})("display:inline-grid;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0IrQiJ9 */");
-var TruncatedFilenamePart = (0, /*#__PURE__*/ _styled.default)("span", {
-    target: "exbp6ag4",
-    label: "TruncatedFilenamePart"
-})((0, _mixins.applyEllipsis)(), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJxQyJ9 */");
-var FilenameExtensionPart = (0, /*#__PURE__*/ _styled.default)("span", {
-    target: "exbp6ag5",
-    label: "FilenameExtensionPart"
-})("/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNxQyJ9 */");
+})("position:absolute;margin-top:0.25rem;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGlkZGVuSW5wdXRIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdHRhY2hCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG1hcmdpbi10b3A6IDAuMjVyZW07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCZ0MifQ== */");

package/emotion/cjs/components/Attach/utils/addSeparator.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "addSeparator", {
+    enumerable: true,
+    get: function() {
+        return addSeparator;
+    }
+});
+var _extractExtension = require("./extractExtension");
+var addSeparator = function(filename, separator) {
+    var extension = (0, _extractExtension.extractExtension)(filename);
+    var strings = filename.split('.');
+    var name = strings.length > 1 ? strings.slice(0, -1).join('.') : strings[0];
+    var lastChar = name[name.length - 1];
+    var dotChar = '.';
+    var nameWithSeparator = "".concat(name.slice(0, -1)).concat(separator).concat(lastChar);
+    return extension === name ? "".concat(nameWithSeparator) : "".concat(nameWithSeparator).concat(dotChar).concat(extension);
+};

package/emotion/cjs/components/Attach/utils/getFileicon.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "getFileIcon", {
+Object.defineProperty(exports, "getFileicon", {
     enumerable: true,
     get: function() {
-        return getFileIcon;
+        return getFileicon;
     }
 });
 var _react = /*#__PURE__*/ _interop_require_default(require("react"));
@@ -15,7 +15,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-var getFileIcon = function(extension, size) {
+var getFileicon = function(extension, size) {
     var iconSize = size === 'xs' ? 'xs' : 's';
     switch(extension){
         case 'pdf':

package/emotion/cjs/components/Attach/utils/index.js

@@ -9,12 +9,20 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    get addSeparator () {
+        return _addSeparator.addSeparator;
+    },
     get extractExtension () {
         return _extractExtension.extractExtension;
     },
-    get getFileIcon () {
-        return _getFileicon.getFileIcon;
+    get getFileicon () {
+        return _getFileicon.getFileicon;
+    },
+    get separator () {
+        return separator;
     }
 });
 var _extractExtension = require("./extractExtension");
 var _getFileicon = require("./getFileicon");
+var _addSeparator = require("./addSeparator");
+var separator = '...';

package/emotion/cjs/components/Attach/variations/_size/base.js

@@ -11,4 +11,4 @@ Object.defineProperty(exports, "base", {
 var _react = require("@emotion/react");
 var _Attachtokens = require("../../Attach.tokens");
 var _Attachstyles = require("../../Attach.styles");
-var base = (0, /*#__PURE__*/ _react.css)("&.", _Attachtokens.classes.horizontal, "{column-gap:var(", _Attachtokens.tokens.horizontalGap, ");}&.", _Attachtokens.classes.vertical, "{row-gap:var(", _Attachtokens.tokens.verticalGap, ");}&.", _Attachtokens.classes.auto, "{row-gap:var(", _Attachtokens.tokens.verticalGap, ");column-gap:var(", _Attachtokens.tokens.horizontalGap, ");}&.", _Attachtokens.classes.withHelperText, "{row-gap:var(", _Attachtokens.tokens.verticalGapWithHelperText, ");}", _Attachstyles.StyledHelperText, "{font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL0F0dGFjaC92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMsIGNsYXNzZXMgfSBmcm9tICcuLi8uLi9BdHRhY2gudG9rZW5zJztcbmltcG9ydCB7IFN0eWxlZEhlbHBlclRleHQgfSBmcm9tICcuLi8uLi9BdHRhY2guc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMuaG9yaXpvbnRhbH0ge1xuICAgICAgICBjb2x1bW4tZ2FwOiB2YXIoJHt0b2tlbnMuaG9yaXpvbnRhbEdhcH0pO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsfSB7XG4gICAgICAgIHJvdy1nYXA6IHZhcigke3Rva2Vucy52ZXJ0aWNhbEdhcH0pO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmF1dG99IHtcbiAgICAgICAgcm93LWdhcDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsR2FwfSk7XG4gICAgICAgIGNvbHVtbi1nYXA6IHZhcigke3Rva2Vucy5ob3Jpem9udGFsR2FwfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMud2l0aEhlbHBlclRleHR9IHtcbiAgICAgICAgcm93LWdhcDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsR2FwV2l0aEhlbHBlclRleHR9KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZEhlbHBlclRleHR9IHtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICBmb250LXNpemU6IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC13ZWlnaHQpO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcbiAgICB9XG59XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtvQiJ9 */");
+var base = (0, /*#__PURE__*/ _react.css)("&.", _Attachtokens.classes.horizontal, "{column-gap:var(", _Attachtokens.tokens.horizontalGap, ");}&.", _Attachtokens.classes.vertical, "{row-gap:var(", _Attachtokens.tokens.verticalGap, ");}&.", _Attachtokens.classes.auto, "{row-gap:var(", _Attachtokens.tokens.verticalGap, ");column-gap:var(", _Attachtokens.tokens.horizontalGap, ");}&.", _Attachtokens.classes.withHelperText, "{row-gap:var(", _Attachtokens.tokens.verticalGapWithHelperText, ");}", _Attachstyles.StyledHiddenInputHelper, "{font-family:var(", _Attachtokens.tokens.cellTitleFontFamily, ");font-size:var(", _Attachtokens.tokens.cellTitleFontSize, ");font-style:var(", _Attachtokens.tokens.cellTitleFontStyle, ");font-weight:var(", _Attachtokens.tokens.cellTitleFontWeight, ");letter-spacing:var(", _Attachtokens.tokens.cellTitleLetterSpacing, ");line-height:var(", _Attachtokens.tokens.cellTitleLineHeight, ");}", _Attachstyles.StyledHelperText, "{font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL0F0dGFjaC92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMsIGNsYXNzZXMgfSBmcm9tICcuLi8uLi9BdHRhY2gudG9rZW5zJztcbmltcG9ydCB7IFN0eWxlZEhlbHBlclRleHQsIFN0eWxlZEhpZGRlbklucHV0SGVscGVyIH0gZnJvbSAnLi4vLi4vQXR0YWNoLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICYuJHtjbGFzc2VzLmhvcml6b250YWx9IHtcbiAgICAgICAgY29sdW1uLWdhcDogdmFyKCR7dG9rZW5zLmhvcml6b250YWxHYXB9KTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICByb3ctZ2FwOiB2YXIoJHt0b2tlbnMudmVydGljYWxHYXB9KTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5hdXRvfSB7XG4gICAgICAgIHJvdy1nYXA6IHZhcigke3Rva2Vucy52ZXJ0aWNhbEdhcH0pO1xuICAgICAgICBjb2x1bW4tZ2FwOiB2YXIoJHt0b2tlbnMuaG9yaXpvbnRhbEdhcH0pO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLndpdGhIZWxwZXJUZXh0fSB7XG4gICAgICAgIHJvdy1nYXA6IHZhcigke3Rva2Vucy52ZXJ0aWNhbEdhcFdpdGhIZWxwZXJUZXh0fSk7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRIaWRkZW5JbnB1dEhlbHBlcn0ge1xuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNlbGxUaXRsZUZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuY2VsbFRpdGxlRm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmNlbGxUaXRsZUZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNlbGxUaXRsZUZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5jZWxsVGl0bGVMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY2VsbFRpdGxlTGluZUhlaWdodH0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkSGVscGVyVGV4dH0ge1xuICAgICAgICBmb250LWZhbWlseTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LWZhbWlseSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXNpemUpO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc3R5bGUpO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXdlaWdodCk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGluZS1oZWlnaHQpO1xuICAgIH1cbn1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29CIn0= */");

package/emotion/cjs/components/CodeField/CodeField.js

@@ -29,6 +29,7 @@ var _base = require("./variations/_view/base");
 var _base1 = require("./variations/_size/base");
 var _base2 = require("./variations/_shape/base");
 var _base3 = require("./variations/_disabled/base");
+var _useWebOTP = require("./hooks/useWebOTP");
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -212,15 +213,19 @@ var codeFieldRoot = function(Root) {
             "onChange",
             "onFullCodeEnter"
         ]);
-        var _useState = _sliced_to_array((0, _react.useState)((0, _utils1.getCodeValue)(codeLength, outerValue || '')), 2), code = _useState[0], setCode = _useState[1];
+        var _autocompleteRef_current;
+        var _useState = _sliced_to_array((0, _react.useState)((0, _utils1.getCodeValue)(codeLength, '')), 2), innerValue = _useState[0], setInnerValue = _useState[1];
+        var code = typeof outerValue === 'string' ? (0, _utils1.getCodeValue)(codeLength, outerValue) : innerValue;
         var _useState1 = _sliced_to_array((0, _react.useState)(code.join('')), 2), originalValue = _useState1[0], setOriginalValue = _useState1[1];
         var inputRefs = (0, _react.useRef)([]);
         var inputContainerRef = (0, _react.useRef)(null);
         var captionRef = (0, _react.useRef)(null);
+        var autocompleteRef = (0, _react.useRef)(null);
         var fieldPattern = (0, _utils1.getFieldPattern)(allowedSymbols);
         var placeholderValue = (0, _utils1.getPlaceholderValue)(codeLength, placeholder);
         var parts = codeLength === 6 ? 2 : 1;
         var widthValue = width ? (0, _utils.getSizeValueFromProp)(width, 'rem') : undefined;
+        var isWebOTPEnabled = autoComplete === 'one-time-code' && !disabled && (0, _utils1.isWebOTPSupported)();
         var getLastActiveIndex = function() {
             if (code.length && code.length < codeLength) {
                 return code.length;
@@ -230,6 +235,22 @@ var codeFieldRoot = function(Root) {
             });
             return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;
         };
+        var codeSetter = function(newCode) {
+            var originalCode = newCode.join('');
+            setInnerValue((0, _utils1.getCodeValue)(codeLength, originalCode));
+            setOriginalValue(originalCode);
+            if (onChange) {
+                onChange(originalCode);
+            }
+        };
+        (0, _useWebOTP.useWebOTP)({
+            codeString: originalValue,
+            enableSMSAutoRead: autoComplete === 'one-time-code',
+            disabled: Boolean(disabled),
+            codeLength: codeLength,
+            codeSetter: codeSetter,
+            onFullCodeEnter: onFullCodeEnter
+        });
         var handleClick = function() {
             if (disabled) {
                 return;
@@ -249,19 +270,24 @@ var codeFieldRoot = function(Root) {
                 return;
             }
             if (key === _constants.BACKSPACE_KEY) {
-                if (index > 0 && code[index] === '') {
-                    var _inputRefs_current_;
-                    (_inputRefs_current_ = inputRefs.current[index - 1]) === null || _inputRefs_current_ === void 0 ? void 0 : _inputRefs_current_.focus();
+                if (index > 0) {
+                    var _inputRefs_current_index;
+                    var newCode = _to_consumable_array(code);
+                    newCode[index] = '';
+                    if (index >= codeLength - 1 && code[index]) {
+                        codeSetter(newCode);
+                        return;
+                    }
+                    if (!code[index]) {
+                        var _inputRefs_current_;
+                        newCode[index - 1] = '';
+                        (_inputRefs_current_ = inputRefs.current[index - 1]) === null || _inputRefs_current_ === void 0 ? void 0 : _inputRefs_current_.focus();
+                    }
+                    (_inputRefs_current_index = inputRefs.current[index]) === null || _inputRefs_current_index === void 0 ? void 0 : _inputRefs_current_index.classList.remove(_CodeFieldtokens.classes.itemError);
+                    codeSetter(newCode);
                 }
             }
         };
-        var codeSetter = function(newCode) {
-            setCode(newCode);
-            setOriginalValue(newCode.join(''));
-            if (onChange) {
-                onChange(newCode.join(''));
-            }
-        };
         var handleChange = function(event, index) {
             var _inputRefs_current_index;
             if (disabled) {
@@ -282,6 +308,9 @@ var codeFieldRoot = function(Root) {
                     setIsError(false);
                 }
             }
+            if (!symbol) {
+                return;
+            }
             if (!fieldPattern) {
                 newCode[index] = symbol;
                 codeSetter(newCode);
@@ -291,11 +320,6 @@ var codeFieldRoot = function(Root) {
                 }
                 return;
             }
-            if (!symbol) {
-                newCode[index] = '';
-                codeSetter(newCode);
-                return;
-            }
             if (fieldPattern.test(symbol)) {
                 newCode[index] = symbol.charAt(symbol.length - 1);
                 codeSetter(newCode);
@@ -311,8 +335,9 @@ var codeFieldRoot = function(Root) {
                     index: index,
                     newCode: newCode,
                     inputRefs: inputRefs,
-                    setCode: setCode,
-                    codeSetter: codeSetter
+                    setInnerValue: setInnerValue,
+                    codeSetter: codeSetter,
+                    onChange: onChange
                 });
             }
         };
@@ -358,14 +383,24 @@ var codeFieldRoot = function(Root) {
                     inputRefs: inputRefs,
                     inputContainerRef: inputContainerRef,
                     captionRef: captionRef,
-                    setCode: setCode,
+                    setInnerValue: setInnerValue,
                     codeSetter: codeSetter
                 });
             }
         }, [
             isError
         ]);
-        return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
+        (0, _react.useEffect)(function() {
+            if (disabled || !autocompleteRef.current) {
+                return;
+            }
+            var autocompleteCode = autocompleteRef.current.value.split('');
+            codeSetter(autocompleteCode);
+        }, [
+            (_autocompleteRef_current = autocompleteRef.current) === null || _autocompleteRef_current === void 0 ? void 0 : _autocompleteRef_current.value,
+            disabled
+        ]);
+        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
             ref: ref,
             view: view,
             size: size,
@@ -373,7 +408,7 @@ var codeFieldRoot = function(Root) {
             disabled: disabled,
             onClick: handleClick,
             className: (0, _classnames.default)(className, _define_property({}, _CodeFieldtokens.classes.captionAlignLeft, captionAlign === 'left'))
-        }, rest), /*#__PURE__*/ _react.default.createElement(_CodeFieldstyles.CodeWrapper, {
+        }, !isWebOTPEnabled && _object_spread({}, rest)), /*#__PURE__*/ _react.default.createElement(_CodeFieldstyles.CodeWrapper, {
             ref: inputContainerRef
         }, _to_consumable_array(Array(parts)).map(function(_, partIndex) {
             return /*#__PURE__*/ _react.default.createElement(_react.Fragment, {
@@ -390,7 +425,6 @@ var codeFieldRoot = function(Root) {
                     },
                     className: (0, _classnames.default)((_obj = {}, _define_property(_obj, _CodeFieldtokens.classes.segmented, shape === 'segmented'), _define_property(_obj, _CodeFieldtokens.classes.hoverEnabled, !disabled && inputCorrectIndex >= originalValue.length), _obj)),
                     value: code[inputCorrectIndex] || '',
-                    autoComplete: autoComplete,
                     onChange: function(e) {
                         handleChange(e, inputCorrectIndex);
                     },
@@ -407,7 +441,11 @@ var codeFieldRoot = function(Root) {
             ref: captionRef,
             captionAlign: captionAlign,
             widthValue: widthValue
-        }, caption));
+        }, caption), isWebOTPEnabled && /*#__PURE__*/ _react.default.createElement(_CodeFieldstyles.HiddenInput, _object_spread({
+            ref: autocompleteRef,
+            autoComplete: autoComplete,
+            tabIndex: -1
+        }, rest))));
     });
 };
 var codeFieldConfig = {

package/emotion/cjs/components/CodeField/CodeField.styles.js

@@ -18,6 +18,9 @@ _export(exports, {
     get CodeWrapper () {
         return CodeWrapper;
     },
+    get HiddenInput () {
+        return HiddenInput;
+    },
     get ItemInput () {
         return ItemInput;
     },
@@ -36,25 +39,25 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-var base = (0, /*#__PURE__*/ _react.css)("display:flex;flex-direction:column;justify-content:center;width:min-content;align-items:center;&.", _CodeFieldtokens.classes.captionAlignLeft, "{align-items:flex-start;}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtvQiJ9 */");
+var base = (0, /*#__PURE__*/ _react.css)("display:flex;flex-direction:column;justify-content:center;width:min-content;align-items:center;&.", _CodeFieldtokens.classes.captionAlignLeft, "{align-items:flex-start;}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICAgZGlzcGxheTogbm9uZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29CIn0= */");
 var CodeWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eoyu9jx0",
+    target: "eh6ghy40",
     label: "CodeWrapper"
-})("display:flex;align-items:center;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMkIifQ== */");
+})("display:flex;align-items:center;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICAgZGlzcGxheTogbm9uZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIyQiJ9 */");
 var CodeGroup = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eoyu9jx1",
+    target: "eh6ghy41",
     label: "CodeGroup"
-})("display:flex;align-items:center;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCeUIifQ== */");
+})("display:flex;align-items:center;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICAgZGlzcGxheTogbm9uZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0J5QiJ9 */");
 var Separator = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eoyu9jx2",
+    target: "eh6ghy42",
     label: "Separator"
-})("width:var(", _CodeFieldtokens.tokens.separatorWidth, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCeUIifQ== */");
+})("width:var(", _CodeFieldtokens.tokens.separatorWidth, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICAgZGlzcGxheTogbm9uZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ5QiJ9 */");
 var ItemInput = (0, /*#__PURE__*/ _styled.default)("input", {
-    target: "eoyu9jx3",
+    target: "eh6ghy43",
     label: "ItemInput"
-})("box-sizing:border-box;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCeUIifQ== */");
+})("box-sizing:border-box;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICAgZGlzcGxheTogbm9uZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0J5QiJ9 */");
 var CaptionWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eoyu9jx4",
+    target: "eh6ghy44",
     label: "CaptionWrapper"
 })("text-align:", function(param) {
     var captionAlign = param.captionAlign;
@@ -65,4 +68,8 @@ var CaptionWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
 }, ";width:", function(param) {
     var widthValue = param.widthValue;
     return widthValue || 'auto';
-}, ";white-space:pre-line;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDOEIifQ== */");
+}, ";white-space:pre-line;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICAgZGlzcGxheTogbm9uZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUM4QiJ9 */");
+var HiddenInput = (0, /*#__PURE__*/ _styled.default)("input", {
+    target: "eh6ghy45",
+    label: "HiddenInput"
+})("display:none;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICAgZGlzcGxheTogbm9uZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0QyQiJ9 */");