@wireapp/react-ui-kit 9.18.0 → 9.18.1

package/lib/Form/ErrorMessage.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorMessage = exports.filterErrorMessageProps = exports.errorMessageStyle = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
@@ -17,17 +6,17 @@ const Identity_1 = require("../Identity");
 const Layout_1 = require("../Layout");
 const Text_1 = require("../Text");
 const util_1 = require("../util");
-const errorMessageStyle = (theme, _a) => {
-    var { justify = 'flex-start', align = 'center' } = _a, props = __rest(_a, ["justify", "align"]);
-    return (Object.assign(Object.assign({}, (0, Layout_1.flexBoxStyle)(Object.assign({ align, justify }, props))), { a: Object.assign({}, (0, Text_1.linkStyle)(theme, Object.assign({ bold: false, fontSize: theme.fontSizes.small, textTransform: 'none' }, props))), marginBottom: '12px' }));
-};
+const errorMessageStyle = (theme, { justify = 'flex-start', align = 'center', ...props }) => ({
+    ...(0, Layout_1.flexBoxStyle)({ align, justify, ...props }),
+    a: {
+        ...(0, Text_1.linkStyle)(theme, { bold: false, fontSize: theme.fontSizes.small, textTransform: 'none', ...props }),
+    },
+    marginBottom: '12px',
+});
 exports.errorMessageStyle = errorMessageStyle;
 const filterErrorMessageProps = (props) => {
     return (0, util_1.filterProps)((0, Layout_1.filterFlexBoxProps)(props), []);
 };
 exports.filterErrorMessageProps = filterErrorMessageProps;
-const ErrorMessage = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return ((0, jsx_runtime_1.jsx)(Layout_1.FlexBox, Object.assign({ css: (theme) => (0, exports.errorMessageStyle)(theme, props) }, props, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { color: Identity_1.COLOR_V2.RED_LIGHT_500, fontSize: '12px', css: { fontWeight: 400 }, children: children }) })));
-};
+const ErrorMessage = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)(Layout_1.FlexBox, { css: (theme) => (0, exports.errorMessageStyle)(theme, props), ...props, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { color: Identity_1.COLOR_V2.RED_LIGHT_500, fontSize: '12px', css: { fontWeight: 400 }, children: children }) }));
 exports.ErrorMessage = ErrorMessage;

package/lib/Form/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,IAAI,UAAW,MAAM,SAAS,CAAC,eAAe,CAAC,qDAW3D,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,IAAI,UAAW,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,qDAW3D,CAAC"}

package/lib/Form/Form.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Form = (props) => ((0, jsx_runtime_1.jsx)("form", Object.assign({ css: {
+const Form = (props) => ((0, jsx_runtime_1.jsx)("form", { css: {
         display: 'flex',
         flexDirection: 'column',
         justifyContent: 'space-between',
         marginBottom: 0,
         width: '100%',
-    } }, props)));
+    }, ...props }));
 exports.Form = Form;

package/lib/Form/IndicatorRangeInput.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IndicatorRangeInput = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
@@ -34,9 +23,7 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const IndicatorRangeInput_styles_1 = require("./IndicatorRangeInput.styles");
 const InputLabel_1 = require("./InputLabel");
-exports.IndicatorRangeInput = (0, react_1.forwardRef)((_a, ref) => {
-    var _b;
-    var { id = Math.random().toString(), label, min = '0', max = '100', value = '0', onChange, onOptionClick, wrapperCSS, dataListOptions = [] } = _a, inputProps = __rest(_a, ["id", "label", "min", "max", "value", "onChange", "onOptionClick", "wrapperCSS", "dataListOptions"]);
+exports.IndicatorRangeInput = (0, react_1.forwardRef)(({ id = Math.random().toString(), label, min = '0', max = '100', value = '0', onChange, onOptionClick, wrapperCSS, dataListOptions = [], ...inputProps }, ref) => {
     const minNum = Number(min);
     const isCustomSlider = !!dataListOptions.length;
     const listLength = dataListOptions.length - 1;
@@ -49,15 +36,15 @@ exports.IndicatorRangeInput = (0, react_1.forwardRef)((_a, ref) => {
         }
         return `${((valueNum - minNum) * 100) / (maxNum - minNum)}% 100%`;
     }, [isCustomSlider, valueNum, minNum, maxNum, listLength]);
-    const valueText = ((_b = dataListOptions[valueNum]) === null || _b === void 0 ? void 0 : _b.heading)
+    const valueText = dataListOptions[valueNum]?.heading
         ? `${dataListOptions[valueNum].label} (${dataListOptions[valueNum].heading})`
         : dataListOptions[valueNum].label;
     return ((0, jsx_runtime_1.jsxs)("div", { css: { wrapperCSS, width: '100%' }, children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.InputLabel, { css: (theme) => ({ fontSize: theme.fontSizes.base }), htmlFor: id, children: label })), (0, jsx_runtime_1.jsxs)("div", { css: IndicatorRangeInput_styles_1.containerStyles, children: [isCustomSlider && ((0, jsx_runtime_1.jsx)("div", { css: { position: 'relative', display: 'flex', marginBottom: '20px' }, children: dataListOptions.map((dataListOption, index) => ((0, jsx_runtime_1.jsx)("div", { css: (theme) => (0, IndicatorRangeInput_styles_1.headingStyle)(listLength, theme), onClick: () => {
-                                if (dataListOption === null || dataListOption === void 0 ? void 0 : dataListOption.heading) {
+                                if (dataListOption?.heading) {
                                     onOptionClick(index);
                                 }
-                            }, children: dataListOption === null || dataListOption === void 0 ? void 0 : dataListOption.heading }, dataListOption.value))) })), (0, jsx_runtime_1.jsx)("input", Object.assign({ ref: ref, css: (theme) => (0, IndicatorRangeInput_styles_1.rangeStyles)(backgroundSize, valueNum, listLength, isCustomSlider, theme), id: id, name: id, min: minNum, max: maxNum, value: value, onChange: onChange, type: "range", list: "tickMarks" }, (isCustomSlider && {
-                        'aria-valuetext': valueText,
-                    }), inputProps)), isCustomSlider && ((0, jsx_runtime_1.jsx)("datalist", { id: "tickMarks", css: (theme) => (0, IndicatorRangeInput_styles_1.dataListOption)(listLength, theme), children: dataListOptions.map((dataListOption, index) => ((0, jsx_runtime_1.jsx)("option", { value: dataListOption.value, label: dataListOption.label, onClick: () => onOptionClick(index) }, index))) }))] })] }));
+                            }, children: dataListOption?.heading }, dataListOption.value))) })), (0, jsx_runtime_1.jsx)("input", { ref: ref, css: (theme) => (0, IndicatorRangeInput_styles_1.rangeStyles)(backgroundSize, valueNum, listLength, isCustomSlider, theme), id: id, name: id, min: minNum, max: maxNum, value: value, onChange: onChange, type: "range", list: "tickMarks", ...(isCustomSlider && {
+                            'aria-valuetext': valueText,
+                        }), ...inputProps }), isCustomSlider && ((0, jsx_runtime_1.jsx)("datalist", { id: "tickMarks", css: (theme) => (0, IndicatorRangeInput_styles_1.dataListOption)(listLength, theme), children: dataListOptions.map((dataListOption, index) => ((0, jsx_runtime_1.jsx)("option", { value: dataListOption.value, label: dataListOption.label, onClick: () => onOptionClick(index) }, index))) }))] })] }));
 });
 exports.IndicatorRangeInput.displayName = 'IndicatorRangeInput';

package/lib/Form/IndicatorRangeInput.styles.js

@@ -27,13 +27,43 @@ const rangeStyles = (backgroundSize, value, listLength, isCustomSlider, theme) =
     const lastOptionThumbPosition = `calc(((100% - 12px) / (${listLength} * 2) - 6px) / 2)`;
     const isFirstOption = value === 0;
     const isLastOption = value === listLength;
-    return Object.assign(Object.assign({ appearance: 'none', width: '100%', height: '8px', backgroundImage: `linear-gradient(${theme.general.primaryColor}, ${theme.general.primaryColor})`, backgroundColor: theme.IndicatorRangeInput.trackBg, backgroundSize: backgroundSize || '0% 100%', backgroundRepeat: 'no-repeat', display: 'flex', alignItems: 'center', borderRadius: '8px', marginBlock: '10px', zIndex: '1', position: 'relative' }, (0, util_1.manySelectors)(thumbSelectors, Object.assign(Object.assign({ '-webkit-appearance': 'none', height: '28px', width: '10px', borderRadius: '4px', background: theme.IndicatorRangeInput.thumb, cursor: 'pointer', border: 'none', boxShadow: '0px 2px 2px rgba(0, 0, 0, 0.25);', position: 'relative', top: '-9px', zIndex: '2' }, (isCustomSlider && isFirstOption && { left: firstOptionThumbPosition })), (isCustomSlider && isLastOption && { right: lastOptionThumbPosition })))), (0, util_1.manySelectors)(sliderSelectors, {
-        '-webkit-appearance': 'none',
-        boxShadow: 'none',
-        background: 'transparent',
-        height: '8px',
+    return {
+        appearance: 'none',
         width: '100%',
-    }));
+        height: '8px',
+        backgroundImage: `linear-gradient(${theme.general.primaryColor}, ${theme.general.primaryColor})`,
+        backgroundColor: theme.IndicatorRangeInput.trackBg,
+        backgroundSize: backgroundSize || '0% 100%',
+        backgroundRepeat: 'no-repeat',
+        display: 'flex',
+        alignItems: 'center',
+        borderRadius: '8px',
+        marginBlock: '10px',
+        zIndex: '1',
+        position: 'relative',
+        ...(0, util_1.manySelectors)(thumbSelectors, {
+            '-webkit-appearance': 'none',
+            height: '28px',
+            width: '10px',
+            borderRadius: '4px',
+            background: theme.IndicatorRangeInput.thumb,
+            cursor: 'pointer',
+            border: 'none',
+            boxShadow: '0px 2px 2px rgba(0, 0, 0, 0.25);',
+            position: 'relative',
+            top: '-9px',
+            zIndex: '2',
+            ...(isCustomSlider && isFirstOption && { left: firstOptionThumbPosition }),
+            ...(isCustomSlider && isLastOption && { right: lastOptionThumbPosition }),
+        }),
+        ...(0, util_1.manySelectors)(sliderSelectors, {
+            '-webkit-appearance': 'none',
+            boxShadow: 'none',
+            background: 'transparent',
+            height: '8px',
+            width: '100%',
+        }),
+    };
 };
 exports.rangeStyles = rangeStyles;
 const headingStyle = (listLength, theme) => {

package/lib/Form/Input.js

@@ -22,17 +22,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = exports.INPUT_GROUP = exports.INPUT_CLASSNAME = exports.inputStyle = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
@@ -66,9 +55,16 @@ const inputStyle = (theme, { markInvalid = false, placeholderTextTransform = 'no
         textTransform: placeholderTextTransform,
     };
     return {
-        '&::-moz-placeholder': Object.assign(Object.assign({}, placeholderStyle), { opacity: 1 }),
-        '&::-ms-input-placeholder': Object.assign({}, placeholderStyle),
-        '&::-webkit-input-placeholder': Object.assign({}, placeholderStyle),
+        '&::-moz-placeholder': {
+            ...placeholderStyle,
+            opacity: 1,
+        },
+        '&::-ms-input-placeholder': {
+            ...placeholderStyle,
+        },
+        '&::-webkit-input-placeholder': {
+            ...placeholderStyle,
+        },
         '&:hover': {
             boxShadow: !disabled && `0 0 0 1px ${theme.Input.borderHover}`,
         },
@@ -104,16 +100,23 @@ const centerInputAction = {
     top: '50%',
     transform: 'translateY(-50%)',
 };
-exports.Input = React.forwardRef((_a, ref) => {
-    var { type, label, error, helperText, startContent = null, endContent = null, inputCSS = {}, wrapperCSS = {}, className = '' } = _a, props = __rest(_a, ["type", "label", "error", "helperText", "startContent", "endContent", "inputCSS", "wrapperCSS", "className"]);
+exports.Input = React.forwardRef(({ type, label, error, helperText, startContent = null, endContent = null, inputCSS = {}, wrapperCSS = {}, className = '', ...props }, ref) => {
     const [togglePassword, setTogglePassword] = (0, react_1.useState)(false);
     const hasError = !!error;
     const isPasswordInput = type === 'password';
     const toggledPasswordType = togglePassword ? 'text' : 'password';
     const toggleSetPassword = () => setTogglePassword(prevState => !prevState);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: exports.INPUT_GROUP, css: (theme) => (Object.assign({ marginBottom: hasError ? '2px' : '20px', width: '100%', '&:focus-within label': {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: exports.INPUT_GROUP, css: (theme) => ({
+            marginBottom: hasError ? '2px' : '20px',
+            width: '100%',
+            '&:focus-within label': {
                 color: theme.general.primaryColor,
-            } }, wrapperCSS)), children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.InputLabel, { htmlFor: props.id, isRequired: props.required, markInvalid: props.markInvalid, children: label })), (0, jsx_runtime_1.jsxs)("div", { css: { marginBottom: hasError && '8px', position: 'relative' }, children: [startContent, (0, jsx_runtime_1.jsx)("input", Object.assign({ className: exports.INPUT_CLASSNAME, css: (theme) => (Object.assign(Object.assign({}, (0, exports.inputStyle)(theme, props, hasError)), inputCSS)), ref: ref, type: isPasswordInput ? toggledPasswordType : type, "aria-required": props.required }, filterInputProps(props))), endContent, hasError && !isPasswordInput && ((0, jsx_runtime_1.jsx)(Icon_1.ErrorIcon, { css: centerInputAction, width: 16, height: 16, "aria-hidden": "true" })), isPasswordInput && ((0, jsx_runtime_1.jsx)("button", { type: "button", "data-uie-name": !togglePassword ? 'do-show-password' : 'do-hide-password', css: Object.assign(Object.assign({}, centerInputAction), { background: 'transparent', border: 'none', cursor: 'pointer', padding: 0 }), onClick: toggleSetPassword, title: "Toggle password visibility", "aria-controls": props.id, "aria-expanded": togglePassword, children: togglePassword ? (0, jsx_runtime_1.jsx)(Icon_1.HideIcon, {}) : (0, jsx_runtime_1.jsx)(Icon_1.ShowIcon, {}) }))] }), !hasError && helperText && ((0, jsx_runtime_1.jsx)("p", { css: (theme) => ({
+            },
+            ...wrapperCSS,
+        }), children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.InputLabel, { htmlFor: props.id, isRequired: props.required, markInvalid: props.markInvalid, children: label })), (0, jsx_runtime_1.jsxs)("div", { css: { marginBottom: hasError && '8px', position: 'relative' }, children: [startContent, (0, jsx_runtime_1.jsx)("input", { className: exports.INPUT_CLASSNAME, css: (theme) => ({
+                            ...(0, exports.inputStyle)(theme, props, hasError),
+                            ...inputCSS,
+                        }), ref: ref, type: isPasswordInput ? toggledPasswordType : type, "aria-required": props.required, ...filterInputProps(props) }), endContent, hasError && !isPasswordInput && ((0, jsx_runtime_1.jsx)(Icon_1.ErrorIcon, { css: centerInputAction, width: 16, height: 16, "aria-hidden": "true" })), isPasswordInput && ((0, jsx_runtime_1.jsx)("button", { type: "button", "data-uie-name": !togglePassword ? 'do-show-password' : 'do-hide-password', css: { ...centerInputAction, background: 'transparent', border: 'none', cursor: 'pointer', padding: 0 }, onClick: toggleSetPassword, title: "Toggle password visibility", "aria-controls": props.id, "aria-expanded": togglePassword, children: togglePassword ? (0, jsx_runtime_1.jsx)(Icon_1.HideIcon, {}) : (0, jsx_runtime_1.jsx)(Icon_1.ShowIcon, {}) }))] }), !hasError && helperText && ((0, jsx_runtime_1.jsx)("p", { css: (theme) => ({
                     fontSize: theme.fontSizes.small,
                     fontWeight: 400,
                     color: theme.Input.placeholderColor,

package/lib/Form/InputBlock.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export type InputBlockProps<T = HTMLDivElement> = React.HTMLProps<T>;
-export declare const InputBlock: (props: InputBlockProps<HTMLDivElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const InputBlock: (props: InputBlockProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InputBlock.d.ts.map

package/lib/Form/InputBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputBlock.d.ts","sourceRoot":"","sources":["../../src/Form/InputBlock.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,MAAM,eAAe,CAAC,CAAC,GAAG,cAAc,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AAgBrE,eAAO,MAAM,UAAU,8FAA8E,CAAC"}
+{"version":3,"file":"InputBlock.d.ts","sourceRoot":"","sources":["../../src/Form/InputBlock.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,MAAM,eAAe,CAAC,CAAC,GAAG,cAAc,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AAgBrE,eAAO,MAAM,UAAU,UAAW,eAAe,qDAAoD,CAAC"}

package/lib/Form/InputBlock.js

@@ -18,5 +18,5 @@ const inputBlockStyle = _ => ({
         marginBottom: 0,
     },
 });
-const InputBlock = (props) => (0, jsx_runtime_1.jsx)("div", Object.assign({ css: inputBlockStyle(props) }, props));
+const InputBlock = (props) => (0, jsx_runtime_1.jsx)("div", { css: inputBlockStyle(props), ...props });
 exports.InputBlock = InputBlock;

package/lib/Form/InputLabel.js

@@ -1,26 +1,12 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputLabel = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const Identity_1 = require("../Identity");
-const InputLabel = (_a) => {
-    var { htmlFor, markInvalid, isRequired, children } = _a, props = __rest(_a, ["htmlFor", "markInvalid", "isRequired", "children"]);
-    return ((0, jsx_runtime_1.jsxs)("label", Object.assign({ htmlFor: htmlFor, css: (theme) => ({
-            fontSize: theme.fontSizes.medium,
-            fontWeight: 400,
-            lineHeight: '1rem',
-            color: markInvalid ? Identity_1.COLOR_V2.RED_LIGHT_500 : theme.Input.labelColor,
-        }) }, props, { children: [children, isRequired && ((0, jsx_runtime_1.jsx)("span", { css: (theme) => ({ fontSize: theme.fontSizes.base, marginLeft: '4px', color: Identity_1.COLOR_V2.RED_LIGHT_500 }), children: "*" }))] })));
-};
+const InputLabel = ({ htmlFor, markInvalid, isRequired, children, ...props }) => ((0, jsx_runtime_1.jsxs)("label", { htmlFor: htmlFor, css: (theme) => ({
+        fontSize: theme.fontSizes.medium,
+        fontWeight: 400,
+        lineHeight: '1rem',
+        color: markInvalid ? Identity_1.COLOR_V2.RED_LIGHT_500 : theme.Input.labelColor,
+    }), ...props, children: [children, isRequired && ((0, jsx_runtime_1.jsx)("span", { css: (theme) => ({ fontSize: theme.fontSizes.base, marginLeft: '4px', color: Identity_1.COLOR_V2.RED_LIGHT_500 }), children: "*" }))] }));
 exports.InputLabel = InputLabel;

package/lib/Form/InputSubmitCombo.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputSubmitCombo = exports.INPUT_SUBMIT_COMBO_CLASSNAME = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
@@ -34,19 +23,27 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const Input_1 = require("./Input");
 const Identity_1 = require("../Identity");
 exports.INPUT_SUBMIT_COMBO_CLASSNAME = 'inputSubmitCombo';
-const InputSubmitCombo = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: exports.INPUT_SUBMIT_COMBO_CLASSNAME, css: (theme) => (Object.assign(Object.assign({}, (0, Input_1.inputStyle)(theme, props)), { '&:focus-within': {
-                boxShadow: `0 0 0 1px ${Identity_1.COLOR_V2.BLUE}`,
-            }, [`.${Input_1.INPUT_GROUP}`]: {
-                flexGrow: 1,
-            }, [`.${Input_1.INPUT_CLASSNAME}`]: {
-                '&:focus, &:invalid:not(:focus)': {
-                    boxShadow: 'none',
-                },
+const InputSubmitCombo = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: exports.INPUT_SUBMIT_COMBO_CLASSNAME, css: (theme) => ({
+        ...(0, Input_1.inputStyle)(theme, props),
+        '&:focus-within': {
+            boxShadow: `0 0 0 1px ${Identity_1.COLOR_V2.BLUE}`,
+        },
+        [`.${Input_1.INPUT_GROUP}`]: {
+            flexGrow: 1,
+        },
+        [`.${Input_1.INPUT_CLASSNAME}`]: {
+            '&:focus, &:invalid:not(:focus)': {
                 boxShadow: 'none',
-                margin: '0 8px 0 0',
-                padding: '0 0 0 16px',
-            }, alignItems: 'center', display: 'flex', height: '49px', justifyContent: 'space-between', marginBottom: '4px', paddingLeft: 0 })) }, props, { children: children })));
-};
+            },
+            boxShadow: 'none',
+            margin: '0 8px 0 0',
+            padding: '0 0 0 16px',
+        },
+        alignItems: 'center',
+        display: 'flex',
+        height: '49px', // needs a bit more space to not overlap with the `boxShadow` from `:focus`
+        justifyContent: 'space-between',
+        marginBottom: '4px',
+        paddingLeft: 0,
+    }), ...props, children: children }));
 exports.InputSubmitCombo = InputSubmitCombo;

package/lib/Form/RangeInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CSSObject } from '@emotion/react';
 import { TextProps } from '../Text';
 export interface RangeInputProps<T = HTMLInputElement> extends TextProps<T> {

package/lib/Form/RangeInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeInput.d.ts","sourceRoot":"","sources":["../../src/Form/RangeInput.tsx"],"names":[],"mappings":";AAqBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAWzC,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAElC,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,gBAAgB,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,6IAgDtB,CAAC"}
+{"version":3,"file":"RangeInput.d.ts","sourceRoot":"","sources":["../../src/Form/RangeInput.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAWzC,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAElC,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,gBAAgB,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,6IAgDtB,CAAC"}

package/lib/Form/RangeInput.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RangeInput = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
@@ -34,12 +23,11 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const InputLabel_1 = require("./InputLabel");
 const RangeInput_styles_1 = require("./RangeInput.styles");
-exports.RangeInput = (0, react_1.forwardRef)((_a, ref) => {
-    var { id = Math.random().toString(), label, minValueLabel, maxValueLabel, min = '0', max = '100', value = '0', onChange, wrapperCSS } = _a, inputProps = __rest(_a, ["id", "label", "minValueLabel", "maxValueLabel", "min", "max", "value", "onChange", "wrapperCSS"]);
+exports.RangeInput = (0, react_1.forwardRef)(({ id = Math.random().toString(), label, minValueLabel, maxValueLabel, min = '0', max = '100', value = '0', onChange, wrapperCSS, ...inputProps }, ref) => {
     const minNum = Number(min);
     const maxNum = Number(max);
     const valueNum = Number(value);
     const backgroundSize = `${((valueNum - minNum) * 100) / (maxNum - minNum)}% 100%`;
-    return ((0, jsx_runtime_1.jsxs)("div", { css: wrapperCSS, children: [label && (0, jsx_runtime_1.jsx)(InputLabel_1.InputLabel, { htmlFor: id, children: label }), (0, jsx_runtime_1.jsxs)("div", { css: RangeInput_styles_1.rangeInputWrapperStyles, children: [minValueLabel && ((0, jsx_runtime_1.jsx)("span", { css: (theme) => (0, RangeInput_styles_1.getValueLabelStyles)(theme, RangeInput_styles_1.ValueLabelPosition.LEFT), children: minValueLabel })), maxValueLabel && ((0, jsx_runtime_1.jsx)("span", { css: (theme) => (0, RangeInput_styles_1.getValueLabelStyles)(theme, RangeInput_styles_1.ValueLabelPosition.RIGHT), children: maxValueLabel })), (0, jsx_runtime_1.jsx)("input", Object.assign({ ref: ref, css: (theme) => (0, RangeInput_styles_1.getImageCropZoomInputStyles)(theme, backgroundSize), id: id, name: id, min: min, max: max, value: value, onChange: onChange, type: "range" }, inputProps))] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { css: wrapperCSS, children: [label && (0, jsx_runtime_1.jsx)(InputLabel_1.InputLabel, { htmlFor: id, children: label }), (0, jsx_runtime_1.jsxs)("div", { css: RangeInput_styles_1.rangeInputWrapperStyles, children: [minValueLabel && ((0, jsx_runtime_1.jsx)("span", { css: (theme) => (0, RangeInput_styles_1.getValueLabelStyles)(theme, RangeInput_styles_1.ValueLabelPosition.LEFT), children: minValueLabel })), maxValueLabel && ((0, jsx_runtime_1.jsx)("span", { css: (theme) => (0, RangeInput_styles_1.getValueLabelStyles)(theme, RangeInput_styles_1.ValueLabelPosition.RIGHT), children: maxValueLabel })), (0, jsx_runtime_1.jsx)("input", { ref: ref, css: (theme) => (0, RangeInput_styles_1.getImageCropZoomInputStyles)(theme, backgroundSize), id: id, name: id, min: min, max: max, value: value, onChange: onChange, type: "range", ...inputProps })] })] }));
 });
 exports.RangeInput.displayName = 'RangeInput';

package/lib/Form/RangeInput.styles.js

@@ -27,21 +27,33 @@ exports.rangeInputWrapperStyles = {
 };
 const thumbSelectors = ['&::-webkit-slider-thumb', '&::-moz-range-thumb', '&::-ms-thumb'];
 const sliderSelectors = ['&::-webkit-slider-runnable-track', '&::-moz-range-track', '&::-ms-track'];
-const getImageCropZoomInputStyles = (theme, backgroundSize) => (Object.assign(Object.assign({ display: 'block', '-webkit-appearance': 'none', width: '100%', height: '8px', background: Identity_1.COLOR_V2.GRAY_60, borderRadius: '4px', backgroundImage: `linear-gradient(${theme.general.primaryColor}, ${theme.general.primaryColor})`, backgroundSize: backgroundSize || '0% 100%', backgroundRepeat: 'no-repeat' }, (0, util_1.manySelectors)(thumbSelectors, {
+const getImageCropZoomInputStyles = (theme, backgroundSize) => ({
+    display: 'block',
     '-webkit-appearance': 'none',
-    height: '18px',
-    width: '18px',
-    borderRadius: '50%',
-    background: Identity_1.COLOR_V2.GRAY_80,
-    cursor: 'pointer',
-    border: 'none',
-    boxShadow: 'none',
-})), (0, util_1.manySelectors)(sliderSelectors, {
-    '-webkit-appearance': 'none',
-    boxShadow: 'none',
-    border: 'none',
-    background: 'transparent',
-})));
+    width: '100%',
+    height: '8px',
+    background: Identity_1.COLOR_V2.GRAY_60,
+    borderRadius: '4px',
+    backgroundImage: `linear-gradient(${theme.general.primaryColor}, ${theme.general.primaryColor})`,
+    backgroundSize: backgroundSize || '0% 100%',
+    backgroundRepeat: 'no-repeat',
+    ...(0, util_1.manySelectors)(thumbSelectors, {
+        '-webkit-appearance': 'none',
+        height: '18px',
+        width: '18px',
+        borderRadius: '50%',
+        background: Identity_1.COLOR_V2.GRAY_80,
+        cursor: 'pointer',
+        border: 'none',
+        boxShadow: 'none',
+    }),
+    ...(0, util_1.manySelectors)(sliderSelectors, {
+        '-webkit-appearance': 'none',
+        boxShadow: 'none',
+        border: 'none',
+        background: 'transparent',
+    }),
+});
 exports.getImageCropZoomInputStyles = getImageCropZoomInputStyles;
 var ValueLabelPosition;
 (function (ValueLabelPosition) {

package/lib/Form/RoundIconButton.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RoundIconButton = exports.roundIconButtonStyle = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
@@ -17,12 +6,21 @@ const Button_1 = require("./Button");
 const Button_styles_1 = require("./Button.styles");
 const Identity_1 = require("../Identity");
 const Misc_1 = require("../Misc/");
-const roundIconButtonStyle = (theme, props) => (Object.assign(Object.assign({}, (0, Button_styles_1.buttonStyle)(theme, props)), { alignItems: 'center', borderRadius: '50%', display: 'flex', height: `${props.size}px`, justifyContent: 'center', lineHeight: 'initial', margin: '0 auto', minWidth: `${props.size}px`, padding: 0, width: `${props.size}px` }));
+const roundIconButtonStyle = (theme, props) => ({
+    ...(0, Button_styles_1.buttonStyle)(theme, props),
+    alignItems: 'center',
+    borderRadius: '50%',
+    display: 'flex',
+    height: `${props.size}px`,
+    justifyContent: 'center',
+    lineHeight: 'initial',
+    margin: '0 auto',
+    minWidth: `${props.size}px`,
+    padding: 0,
+    width: `${props.size}px`,
+});
 exports.roundIconButtonStyle = roundIconButtonStyle;
-const RoundIconButton = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ css: (theme) => (0, exports.roundIconButtonStyle)(theme, props) }, (0, Button_1.filterButtonProps)(props), { children: (0, Misc_1.childrenWithDefaultProps)({ children, defaultProps: { color: Identity_1.COLOR.WHITE } }) })));
-};
+const RoundIconButton = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("button", { css: (theme) => (0, exports.roundIconButtonStyle)(theme, props), ...(0, Button_1.filterButtonProps)(props), children: (0, Misc_1.childrenWithDefaultProps)({ children, defaultProps: { color: Identity_1.COLOR.WHITE } }) }));
 exports.RoundIconButton = RoundIconButton;
 exports.RoundIconButton.defaultProps = {
     backgroundColor: Identity_1.COLOR.BLUE,

package/lib/Form/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Form/Select.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAC,SAAS,EAAW,MAAM,gBAAgB,CAAC;AACnD,OAAoB,EAAC,SAAS,EAAe,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iDAAiD,CAAC;AAiBvF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,UAAU,WAAW,CAAC,OAAO,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,CAC5E,SAAQ,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC;IACjD,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,MAAM,4OAehB,YAAY,OAAO,EAAE,KAAK,CAAC,qDAoE7B,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Form/Select.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAC,SAAS,EAAW,MAAM,gBAAgB,CAAC;AACnD,OAAoB,EAAC,SAAS,EAAe,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iDAAiD,CAAC;AAiBvF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,UAAU,WAAW,CAAC,OAAO,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,CAC5E,SAAQ,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC;IACjD,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,MAAM,GAAI,OAAO,SAAS,OAAO,UAAU,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,yKAepF,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,qDAoE7B,CAAC"}

package/lib/Form/Select.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -22,15 +11,19 @@ const InputLabel_1 = require("./InputLabel");
 const SelectComponents_1 = require("./SelectComponents");
 const SelectStyles_1 = require("./SelectStyles");
 const enums_1 = require("../types/enums");
-const Select = (_a) => {
-    var { id, label, error, helperText, disabled = false, dataUieName, options, isMulti, wrapperCSS = {}, markInvalid = false, required = false, isSearchable = false, overlayMenu = true } = _a, props = __rest(_a, ["id", "label", "error", "helperText", "disabled", "dataUieName", "options", "isMulti", "wrapperCSS", "markInvalid", "required", "isSearchable", "overlayMenu"]);
+const Select = ({ id, label, error, helperText, disabled = false, dataUieName, options, isMulti, wrapperCSS = {}, markInvalid = false, required = false, isSearchable = false, overlayMenu = true, ...props }) => {
     const theme = (0, react_1.useTheme)();
     const hasError = !!error;
     return ((0, jsx_runtime_1.jsxs)("div", { 
         // eslint-disable-next-line jsx-a11y/no-autofocus
-        autoFocus: (0, SelectComponents_1.isGroup)(options), css: (theme) => (Object.assign({ marginBottom: markInvalid ? '2px' : '20px', width: '100%', '&:focus-within label': {
+        autoFocus: (0, SelectComponents_1.isGroup)(options), css: (theme) => ({
+            marginBottom: markInvalid ? '2px' : '20px',
+            width: '100%',
+            '&:focus-within label': {
                 color: theme.general.primaryColor,
-            } }, wrapperCSS)), "data-uie-name": dataUieName, children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.InputLabel, { htmlFor: id, markInvalid: markInvalid, isRequired: required, children: label })), (0, jsx_runtime_1.jsx)(react_select_1.default, Object.assign({ id: id, styles: (0, SelectStyles_1.customStyles)({
+            },
+            ...wrapperCSS,
+        }), "data-uie-name": dataUieName, children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.InputLabel, { htmlFor: id, markInvalid: markInvalid, isRequired: required, children: label })), (0, jsx_runtime_1.jsx)(react_select_1.default, { id: id, styles: (0, SelectStyles_1.customStyles)({
                     theme: theme,
                     markInvalid,
                     menuPosition: overlayMenu ? 'absolute' : 'relative',
@@ -41,7 +34,7 @@ const Select = (_a) => {
                     Menu: (0, SelectComponents_1.Menu)(dataUieName),
                     ValueContainer: SelectComponents_1.ValueContainer,
                     IndicatorsContainer: SelectComponents_1.IndicatorsContainer,
-                }, tabIndex: enums_1.TabIndex.UNFOCUSABLE, isDisabled: disabled, hideSelectedOptions: false, isSearchable: isSearchable, isClearable: false, closeMenuOnSelect: !isMulti, isMulti: isMulti, options: options }, props)), !hasError && helperText && ((0, jsx_runtime_1.jsx)("p", { css: (theme) => ({
+                }, tabIndex: enums_1.TabIndex.UNFOCUSABLE, isDisabled: disabled, hideSelectedOptions: false, isSearchable: isSearchable, isClearable: false, closeMenuOnSelect: !isMulti, isMulti: isMulti, options: options, ...props }), !hasError && helperText && ((0, jsx_runtime_1.jsx)("p", { css: (theme) => ({
                     fontSize: theme.fontSizes.small,
                     fontWeight: 400,
                     color: theme.Input.labelColor,

package/lib/Form/SelectComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectComponents.d.ts","sourceRoot":"","sources":["../../src/Form/SelectComponents.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAEL,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,mBAAmB,EACnB,wBAAwB,EACxB,SAAS,EACT,SAAS,EACT,eAAe,EAChB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAOhC,eAAO,MAAM,eAAe,UAAW,cAAc,qDAMpD,CAAC;AAEF,eAAO,MAAM,OAAO,YAAa,gBAAgB,MAAM,EAAE,UAAU,MAAM,CAAC,CAAC,mCAE1E,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,qDAS9D,CAAC;AAGF,eAAO,MAAM,YAAY,gBAAiB,MAAM,aAAa,YAAY,MAAM,CAAC,qDAsD/E,CAAC;AAGF,eAAO,MAAM,IAAI,gBAAiB,MAAM,aAAa,SAAS,qDAc7D,CAAC;AAEF,eAAO,MAAM,WAAW,qBAqBvB,CAAC;AAEF,eAAO,MAAM,cAAc,+BAA8B,oBAAoB,MAAM,CAAC,qDAInF,CAAC;AAEF,eAAO,MAAM,mBAAmB,+BAA8B,yBAAyB,MAAM,CAAC,qDAW7F,CAAC"}
+{"version":3,"file":"SelectComponents.d.ts","sourceRoot":"","sources":["../../src/Form/SelectComponents.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAEL,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,mBAAmB,EACnB,wBAAwB,EACxB,SAAS,EACT,SAAS,EACT,eAAe,EAChB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAOhC,eAAO,MAAM,eAAe,UAAW,cAAc,qDAMpD,CAAC;AAEF,eAAO,MAAM,OAAO,YAAa,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,KAAG,OAAO,IAAI,SAAS,CAAC,MAAM,CAAC,EAEzG,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,qDAS9D,CAAC;AAGF,eAAO,MAAM,YAAY,gBAAiB,MAAM,aAAa,WAAW,CAAC,MAAM,CAAC,qDAsD/E,CAAC;AAGF,eAAO,MAAM,IAAI,gBAAiB,MAAM,aAAa,SAAS,qDAc7D,CAAC;AAEF,eAAO,MAAM,WAAW,qBAqBvB,CAAC;AAEF,eAAO,MAAM,cAAc,+BAA8B,mBAAmB,CAAC,MAAM,CAAC,qDAInF,CAAC;AAEF,eAAO,MAAM,mBAAmB,+BAA8B,wBAAwB,CAAC,MAAM,CAAC,qDAW7F,CAAC"}