@cfxjs/react-ui
Version:
Modern and minimalist React UI library.
784 lines (636 loc) • 243 kB
JavaScript
(function(e, a) { for(var i in a) e[i] = a[i]; }(exports, /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 496);
/******/ })
/************************************************************************/
/******/ ({
/***/ 10:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _input_use_input_handle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(11);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "useTextareaHandle", function() { return _input_use_input_handle__WEBPACK_IMPORTED_MODULE_2__["useTextareaHandle"]; });
/* harmony import */ var _input_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(12);
/* harmony import */ var _styles_use_theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5);
/* harmony import */ var _counter__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(14);
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(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]; } return arr2; }
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
var defaultProps = {
variant: 'line',
color: 'default',
width: 'initial',
minHeight: '6.25rem',
disabled: false,
readOnly: false,
className: ''
};
var Textarea = react__WEBPACK_IMPORTED_MODULE_1___default.a.forwardRef(function (_ref, ref) {
var _props$defaultValue;
var counter = _ref.counter,
maxLength = _ref.maxLength,
variant = _ref.variant,
width = _ref.width,
textareaColor = _ref.color,
minHeight = _ref.minHeight,
disabled = _ref.disabled,
readOnly = _ref.readOnly,
onMouseOut = _ref.onMouseOut,
onMouseOver = _ref.onMouseOver,
onFocus = _ref.onFocus,
onBlur = _ref.onBlur,
className = _ref.className,
onChange = _ref.onChange,
placeholder = _ref.placeholder,
props = _objectWithoutProperties(_ref, ["counter", "maxLength", "variant", "width", "color", "minHeight", "disabled", "readOnly", "onMouseOut", "onMouseOver", "onFocus", "onBlur", "className", "onChange", "placeholder"]);
var isSolid = variant === 'solid';
var theme = Object(_styles_use_theme__WEBPACK_IMPORTED_MODULE_4__["default"])();
var hasLimit = Object(react__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(function () {
return Number.isInteger(maxLength) && maxLength > 0;
}, [maxLength]);
var textareaRef = Object(react__WEBPACK_IMPORTED_MODULE_1__["useRef"])(null);
Object(react__WEBPACK_IMPORTED_MODULE_1__["useImperativeHandle"])(ref, function () {
return textareaRef.current;
});
var isControlledComponent = Object(react__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(function () {
return props.value !== undefined;
}, [props.value]);
var _useState = Object(react__WEBPACK_IMPORTED_MODULE_1__["useState"])(false),
_useState2 = _slicedToArray(_useState, 2),
focus = _useState2[0],
setFocus = _useState2[1];
var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_1__["useState"])(false),
_useState4 = _slicedToArray(_useState3, 2),
hover = _useState4[0],
setHover = _useState4[1];
var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_1__["useState"])(isControlledComponent ? props.value.length : ((_props$defaultValue = props.defaultValue) === null || _props$defaultValue === void 0 ? void 0 : _props$defaultValue.length) || 0),
_useState6 = _slicedToArray(_useState5, 2),
count = _useState6[0],
setCount = _useState6[1];
var _useMemo = Object(react__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(function () {
return Object(_input_styles__WEBPACK_IMPORTED_MODULE_3__["getColors"])(theme, textareaColor, isSolid);
}, [theme, textareaColor, isSolid]),
color = _useMemo.color,
border = _useMemo.border,
hoverBorderColor = _useMemo.hoverBorderColor,
backgroundColor = _useMemo.backgroundColor,
hoverBackgroundColor = _useMemo.hoverBackgroundColor;
var changeHandler = function changeHandler(event) {
var _event$target$value;
setCount((_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.length);
if (disabled || readOnly) return;
if (hasLimit && event.target.value.length > maxLength) return;
onChange && onChange(event);
};
var focusHandler = function focusHandler(e) {
setFocus(true);
onFocus && onFocus(e);
};
var blurHandler = function blurHandler(e) {
setFocus(false);
onBlur && onBlur(e);
};
var mouseOverHandler = function mouseOverHandler(e) {
setHover(true);
onMouseOver && onMouseOver(e);
};
var mouseOutHandler = function mouseOutHandler(e) {
setHover(false);
onMouseOut && onMouseOut(e);
};
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["3713332902", [counter ? 'relative' : 'inherit', width, theme.expressiveness.R2, color, backgroundColor, border, hoverBorderColor, hoverBackgroundColor, theme.palette.cNeutral2, theme.palette.cNeutral2, theme.font.sans, minHeight, theme.layout.gap, theme.layout.gap, theme.palette.cNeutral5, theme.palette.background, hoverBackgroundColor]]]) + " " + "wrapper ".concat(hover ? 'hover' : '', " ").concat(focus ? 'focus' : '', " ").concat(isSolid ? 'solid' : 'lined', " ").concat(disabled ? 'disabled' : '', " ").concat(className)
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("textarea", _extends({
ref: textareaRef,
disabled: disabled,
placeholder: placeholder,
readOnly: readOnly,
onFocus: focusHandler,
onBlur: blurHandler,
onMouseOver: mouseOverHandler,
onMouseOut: mouseOutHandler,
onChange: changeHandler,
maxLength: maxLength
}, props, {
className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["3713332902", [counter ? 'relative' : 'inherit', width, theme.expressiveness.R2, color, backgroundColor, border, hoverBorderColor, hoverBackgroundColor, theme.palette.cNeutral2, theme.palette.cNeutral2, theme.font.sans, minHeight, theme.layout.gap, theme.layout.gap, theme.palette.cNeutral5, theme.palette.background, hoverBackgroundColor]]]) + " " + (props && props.className != null && props.className || "")
})), counter && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_counter__WEBPACK_IMPORTED_MODULE_5__["default"], {
count: count,
maxLength: maxLength
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a, {
id: "3713332902",
dynamic: [counter ? 'relative' : 'inherit', width, theme.expressiveness.R2, color, backgroundColor, border, hoverBorderColor, hoverBackgroundColor, theme.palette.cNeutral2, theme.palette.cNeutral2, theme.font.sans, minHeight, theme.layout.gap, theme.layout.gap, theme.palette.cNeutral5, theme.palette.background, hoverBackgroundColor]
}, ".wrapper.__jsx-style-dynamic-selector{position:".concat(counter ? 'relative' : 'inherit', ";display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:").concat(width, ";min-width:12.5rem;max-width:95vw;height:auto;border-radius:").concat(theme.expressiveness.R2, ";color:").concat(color, ";-webkit-transition:border 0.2s ease 0s,color 0.2s ease 0s;transition:border 0.2s ease 0s,color 0.2s ease 0s;background-color:").concat(backgroundColor, ";border:").concat(border, ";}.wrapper.hover.__jsx-style-dynamic-selector:not(.disabled),.wrapper.focus.__jsx-style-dynamic-selector:not(.disabled){border-color:").concat(hoverBorderColor, ";background-color:").concat(hoverBackgroundColor, ";}.wrapper.disabled.__jsx-style-dynamic-selector{color:").concat(theme.palette.cNeutral2, ";border-color:").concat(theme.palette.cNeutral2, ";cursor:not-allowed;opacity:0.5;}textarea.__jsx-style-dynamic-selector{background-color:transparent;box-shadow:none;display:block;font-family:").concat(theme.font.sans, ";font-size:0.875rem;width:100%;height:100%;min-height:").concat(minHeight, ";resize:none;border:none;outline:none;padding:calc(").concat(theme.layout.gap, " * 0.875) calc(").concat(theme.layout.gap, " * 0.75);}textarea.__jsx-style-dynamic-selector:disabled{cursor:not-allowed;}.__jsx-style-dynamic-selector::-webkit-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-textarea-placeholder{color:").concat(theme.palette.cNeutral5, ";}.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-textarea-placeholder{color:").concat(theme.palette.cNeutral5, ";}.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-textarea-placeholder{color:").concat(theme.palette.cNeutral5, ";}.__jsx-style-dynamic-selector::placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-textarea-placeholder{color:").concat(theme.palette.cNeutral5, ";}textarea.__jsx-style-dynamic-selector:-webkit-autofill,textarea.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active,textarea.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,textarea.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus{-webkit-background-clip:text;}textarea.__jsx-style-dynamic-selector:-webkit-autofill,textarea.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active{-webkit-box-shadow:0 0 0 30px ").concat(theme.palette.background, " inset !important;}textarea.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,textarea.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus{-webkit-box-shadow:0 0 0 30px ").concat(hoverBackgroundColor, " inset !important;}")));
});
Textarea.defaultProps = defaultProps;
var TextareaComponent = Textarea;
TextareaComponent.useTextareaHandle = _input_use_input_handle__WEBPACK_IMPORTED_MODULE_2__["useTextareaHandle"];
/* harmony default export */ __webpack_exports__["default"] = (TextareaComponent);
/***/ }),
/***/ 103:
/***/ (function(module, exports) {
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
"default": obj
};
}
module.exports = _interopRequireDefault;
/***/ }),
/***/ 104:
/***/ (function(module, exports) {
function _extends() {
module.exports = _extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends.apply(this, arguments);
}
module.exports = _extends;
/***/ }),
/***/ 105:
/***/ (function(module, exports, __webpack_require__) {
var objectWithoutPropertiesLoose = __webpack_require__(106);
function _objectWithoutProperties(source, excluded) {
if (source == null) return {};
var target = objectWithoutPropertiesLoose(source, excluded);
var key, i;
if (Object.getOwnPropertySymbols) {
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
for (i = 0; i < sourceSymbolKeys.length; i++) {
key = sourceSymbolKeys[i];
if (excluded.indexOf(key) >= 0) continue;
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
target[key] = source[key];
}
}
return target;
}
module.exports = _objectWithoutProperties;
/***/ }),
/***/ 106:
/***/ (function(module, exports) {
function _objectWithoutPropertiesLoose(source, excluded) {
if (source == null) return {};
var target = {};
var sourceKeys = Object.keys(source);
var key, i;
for (i = 0; i < sourceKeys.length; i++) {
key = sourceKeys[i];
if (excluded.indexOf(key) >= 0) continue;
target[key] = source[key];
}
return target;
}
module.exports = _objectWithoutPropertiesLoose;
/***/ }),
/***/ 11:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useImperativeTextFieldHandlerGenerator", function() { return useImperativeTextFieldHandlerGenerator; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useInputHandle", function() { return useInputHandle; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useTextareaHandle", function() { return useTextareaHandle; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAutoCompleteHandle", function() { return useAutoCompleteHandle; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var useImperativeTextFieldHandlerGenerator = function useImperativeTextFieldHandlerGenerator() {
return function () {
var ref = Object(react__WEBPACK_IMPORTED_MODULE_0__["useRef"])(null);
return Object(react__WEBPACK_IMPORTED_MODULE_0__["useMemo"])(function () {
return {
ref: ref,
setValue: function setValue() {
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
/* istanbul ignore next */
if (!ref.current) return;
ref.current.value = value;
},
getValue: function getValue() {
var _ref$current;
return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.value;
},
focus: function focus() {
var _ref$current2;
return (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.focus();
},
blur: function blur() {
var _ref$current3;
return (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : _ref$current3.blur();
}
};
}, []);
};
};
var useInputHandle = useImperativeTextFieldHandlerGenerator();
var useAutoCompleteHandle = useInputHandle;
var useTextareaHandle = useImperativeTextFieldHandlerGenerator();
/***/ }),
/***/ 12:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSizes", function() { return getSizes; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getColors", function() { return getColors; });
/* harmony import */ var _utils_color__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13);
var getSizes = function getSizes(size) {
var sizes = {
mini: {
heightRatio: '1.5',
fontSize: '0.5714rem',
margin: '0 1.1429rem'
},
small: {
heightRatio: '2',
fontSize: '0.8571rem',
margin: '0 1.1429rem'
},
medium: {
heightRatio: '2.5',
fontSize: '1rem',
margin: '0 1.1429rem'
},
large: {
heightRatio: '3',
fontSize: '1.1429rem',
margin: '0 1.1429rem'
}
};
if (!size) return sizes.medium;
return sizes[size];
};
var getColors = function getColors(theme, color, solid) {
var colors = {
"default": {
color: theme.palette.cNeutral7,
hoverColor: solid ? 'inherit' : theme.palette.cTheme5,
backgroundColor: solid ? theme.palette.cNeutral0 : theme.palette.cNeutral8,
hoverBackgroundColor: solid ? theme.palette.cTheme0 : theme.palette.cNeutral8,
border: solid ? 'transparent' : "".concat(theme.expressiveness.L1, " ").concat(theme.expressiveness.cLineStyle1, " ").concat(theme.palette.cNeutral2),
hoverBorderColor: solid ? 'transparent' : theme.palette.cTheme5
},
primary: {
color: theme.palette.cNeutral7,
hoverColor: solid ? 'inherit' : theme.palette.cTheme5,
backgroundColor: solid ? theme.palette.cTheme0 : theme.palette.cNeutral8,
hoverBackgroundColor: solid ? theme.palette.cTheme1 : theme.palette.cNeutral8,
border: solid ? 'transparent' : "".concat(theme.expressiveness.L1, " ").concat(theme.expressiveness.cLineStyle1, " ").concat(theme.palette.cNeutral2),
hoverBorderColor: solid ? 'transparent' : theme.palette.cTheme5
},
success: {
color: theme.palette.cNeutral7,
hoverColor: 'inherit',
backgroundColor: solid ? theme.palette.successLight : theme.palette.cNeutral8,
hoverBackgroundColor: solid ? theme.palette.success : theme.palette.cNeutral8,
border: solid ? 'transparent' : "".concat(theme.expressiveness.L1, " ").concat(theme.expressiveness.cLineStyle1, " ").concat(theme.palette.successLight),
hoverBorderColor: solid ? 'transparent' : theme.palette.success
},
warning: {
color: theme.palette.cNeutral7,
hoverColor: 'inherit',
backgroundColor: solid ? theme.palette.warningLight : theme.palette.cNeutral8,
hoverBackgroundColor: solid ? theme.palette.warning : theme.palette.cNeutral8,
border: solid ? 'transparent' : "".concat(theme.expressiveness.L1, " ").concat(theme.expressiveness.cLineStyle1, " ").concat(theme.palette.warningLight),
hoverBorderColor: solid ? 'transparent' : theme.palette.warning
},
error: {
color: theme.palette.error,
hoverColor: theme.palette.error,
backgroundColor: solid ? Object(_utils_color__WEBPACK_IMPORTED_MODULE_0__["addColorAlpha"])(theme.palette.errorLight, 0.4) : theme.palette.cNeutral8,
hoverBackgroundColor: solid ? theme.palette.errorLight : theme.palette.cNeutral8,
border: solid ? 'transparent' : "".concat(theme.expressiveness.L1, " ").concat(theme.expressiveness.cLineStyle1, " ").concat(Object(_utils_color__WEBPACK_IMPORTED_MODULE_0__["addColorAlpha"])(theme.palette.error, 0.4)),
hoverBorderColor: solid ? 'transparent' : theme.palette.error
}
};
if (!color) return colors["default"];
return colors[color];
};
/***/ }),
/***/ 13:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "colorToRgbValues", function() { return colorToRgbValues; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addColorAlpha", function() { return addColorAlpha; });
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(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]; } return arr2; }
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
var hexToRgb = function hexToRgb(color) {
var fullReg = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
var full = color.replace(fullReg, function (_, r, g, b) {
return "".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);
});
var values = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(full);
if (!values) {
throw new Error("CFX UI: Unsupported ".concat(color, " color."));
}
return [Number.parseInt(values[1], 16), Number.parseInt(values[2], 16), Number.parseInt(values[3], 16)];
};
var colorToRgbValues = function colorToRgbValues(color) {
if (color.charAt(0) === '#') return hexToRgb(color);
var safeColor = color.replace(/ /g, '');
var colorType = color.substr(0, 4);
var regArray = safeColor.match(/\((.+)\)/);
if (!colorType.startsWith('rgb') || !regArray) {
console.log(color);
throw new Error("CFX UI: Only support [\"RGB\", \"RGBA\", \"HEX\"] color.");
}
return regArray[1].split(',').map(function (str) {
return Number.parseFloat(str);
});
};
var addColorAlpha = function addColorAlpha(color, alpha) {
if (!/^#|rgb|RGB/.test(color)) return color;
var _colorToRgbValues = colorToRgbValues(color),
_colorToRgbValues2 = _slicedToArray(_colorToRgbValues, 3),
r = _colorToRgbValues2[0],
g = _colorToRgbValues2[1],
b = _colorToRgbValues2[2];
var safeAlpha = alpha > 1 ? 1 : alpha < 0 ? 0 : alpha;
return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(safeAlpha, ")");
};
/***/ }),
/***/ 14:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _styles_use_theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5);
var defaultProps = {
maxLength: undefined
};
var Counter = function Counter(_ref) {
var count = _ref.count,
maxLength = _ref.maxLength;
var theme = Object(_styles_use_theme__WEBPACK_IMPORTED_MODULE_2__["default"])();
var hasLimit = Object(react__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(function () {
return Number.isInteger(maxLength) && maxLength > 0;
}, [maxLength]);
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["2364753662", [theme.layout.gapHalf, theme.layout.gapHalf, hasLimit ? theme.palette.cTheme3 : theme.palette.cTheme5, theme.palette.cTheme3, theme.palette.cTheme5]]]) + " " + "counter"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", {
className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["2364753662", [theme.layout.gapHalf, theme.layout.gapHalf, hasLimit ? theme.palette.cTheme3 : theme.palette.cTheme5, theme.palette.cTheme3, theme.palette.cTheme5]]]) + " " + "count"
}, count), hasLimit && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", {
className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["2364753662", [theme.layout.gapHalf, theme.layout.gapHalf, hasLimit ? theme.palette.cTheme3 : theme.palette.cTheme5, theme.palette.cTheme3, theme.palette.cTheme5]]]) + " " + "separator"
}, "/"), hasLimit && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", {
className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["2364753662", [theme.layout.gapHalf, theme.layout.gapHalf, hasLimit ? theme.palette.cTheme3 : theme.palette.cTheme5, theme.palette.cTheme3, theme.palette.cTheme5]]]) + " " + "limit"
}, Math.min(maxLength, Number.MAX_SAFE_INTEGER)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a, {
id: "2364753662",
dynamic: [theme.layout.gapHalf, theme.layout.gapHalf, hasLimit ? theme.palette.cTheme3 : theme.palette.cTheme5, theme.palette.cTheme3, theme.palette.cTheme5]
}, ".counter.__jsx-style-dynamic-selector{display:inline;position:absolute;bottom:".concat(theme.layout.gapHalf, ";right:").concat(theme.layout.gapHalf, ";}.counter.__jsx-style-dynamic-selector .count.__jsx-style-dynamic-selector{color:").concat(hasLimit ? theme.palette.cTheme3 : theme.palette.cTheme5, ";}.counter.__jsx-style-dynamic-selector .separator.__jsx-style-dynamic-selector{color:").concat(theme.palette.cTheme3, ";}.counter.__jsx-style-dynamic-selector .limit.__jsx-style-dynamic-selector{color:").concat(theme.palette.cTheme5, ";}")));
};
Counter.defaultProps = defaultProps;
/* harmony default export */ __webpack_exports__["default"] = (Counter);
/***/ }),
/***/ 15:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _styles_use_theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5);
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
var InputBlockLabel = function InputBlockLabel(_ref) {
var children = _ref.children,
props = _objectWithoutProperties(_ref, ["children"]);
var theme = Object(_styles_use_theme__WEBPACK_IMPORTED_MODULE_2__["default"])();
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("label", _extends({}, props, {
className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["4010567681", [theme.palette.cNeutral7, theme.layout.gapHalf]]]) + " " + (props && props.className != null && props.className || "")
}), children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a, {
id: "4010567681",
dynamic: [theme.palette.cNeutral7, theme.layout.gapHalf]
}, "label.__jsx-style-dynamic-selector{display:block;font-weight:normal;color:".concat(theme.palette.cNeutral7, ";padding:0 0 0 1px;margin-bottom:").concat(theme.layout.gapHalf, ";font-size:1rem;line-height:1.5;}label.__jsx-style-dynamic-selector>*:first-child{margin-top:0;}label.__jsx-style-dynamic-selector>*:last-child{margin-bottom:0;}")));
};
var MemoInputBlockLabel = react__WEBPACK_IMPORTED_MODULE_1___default.a.memo(InputBlockLabel);
/* harmony default export */ __webpack_exports__["default"] = (MemoInputBlockLabel);
/***/ }),
/***/ 16:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _styles_use_theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5);
var InputIcon = function InputIcon(_ref) {
var icon = _ref.icon,
ratio = _ref.ratio,
clickable = _ref.clickable,
onClick = _ref.onClick,
paddingLeft = _ref.paddingLeft,
paddingRight = _ref.paddingRight;
var theme = Object(_styles_use_theme__WEBPACK_IMPORTED_MODULE_2__["default"])();
var width = Object(react__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(function () {
return "calc(".concat(ratio, " * ").concat(theme.layout.gap, " * .35)");
}, [theme.layout.gap, ratio]);
var padding = Object(react__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(function () {
return "calc(".concat(ratio, " * ").concat(theme.layout.gap, " * .3)");
}, [theme.layout.gap, ratio]);
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", {
onClick: onClick,
className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["1104172110", [width, paddingRight || padding, paddingLeft || padding, clickable ? 'pointer' : 'default', clickable ? 'auto' : 'none']]]) + " " + "input-icon"
}, icon, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a, {
id: "1104172110",
dynamic: [width, paddingRight || padding, paddingLeft || padding, clickable ? 'pointer' : 'default', clickable ? 'auto' : 'none']
}, ".input-icon.__jsx-style-dynamic-selector{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:".concat(width, ";height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;margin:0;padding:0 ").concat(paddingRight || padding, " 0 ").concat(paddingLeft || padding, ";line-height:1;position:relative;cursor:").concat(clickable ? 'pointer' : 'default', ";pointer-events:").concat(clickable ? 'auto' : 'none', ";}")));
};
var MemoInputIcon = react__WEBPACK_IMPORTED_MODULE_1___default.a.memo(InputIcon);
/* harmony default export */ __webpack_exports__["default"] = (MemoInputIcon);
/***/ }),
/***/ 164:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault=__webpack_require__(103);Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(__webpack_require__(104));var _objectWithoutProperties2=_interopRequireDefault(__webpack_require__(105));var _react=_interopRequireDefault(__webpack_require__(3));var Check=function Check(_ref){var _ref$color=_ref.color,color=_ref$color===void 0?"currentColor":_ref$color,_ref$size=_ref.size,size=_ref$size===void 0?24:_ref$size,props=(0,_objectWithoutProperties2["default"])(_ref,["color","size"]);return/*#__PURE__*/_react["default"].createElement("svg",(0,_extends2["default"])({fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",shapeRendering:"geometricPrecision",viewBox:"0 0 24 24"},props,{height:size,width:size,style:{color:color}}),/*#__PURE__*/_react["default"].createElement("path",{d:"M20 6L9 17l-5-5"}))};var _default=Check;exports["default"]=_default;
/***/ }),
/***/ 17:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _styles_use_theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5);
var InputIconClear = function InputIconClear(_ref) {
var onClick = _ref.onClick,
heightRatio = _ref.heightRatio,
disabled = _ref.disabled,
visible = _ref.visible;
var theme = Object(_styles_use_theme__WEBPACK_IMPORTED_MODULE_2__["default"])();
var width = Object(react__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(function () {
return "calc(".concat(theme.layout.gap, " * ").concat(heightRatio, " * .46)");
}, [heightRatio]);
var clickHandler = function clickHandler(event) {
event.preventDefault();
event.stopPropagation();
event.nativeEvent.stopImmediatePropagation();
onClick && onClick(event);
};
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
onClick: clickHandler,
className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["2796573977", [theme.layout.gapHalf, disabled ? 'not-allowed' : 'pointer', theme.palette.cNeutral2, disabled ? theme.palette.cNeutral2 : theme.palette.cNeutral7, width, width]]]) + " " + "clear-icon ".concat(visible ? 'visible' : '')
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("svg", {
width: "14",
height: "14",
viewBox: "0 0 14 14",
xmlns: "http://www.w3.org/2000/svg",
className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["2796573977", [theme.layout.gapHalf, disabled ? 'not-allowed' : 'pointer', theme.palette.cNeutral2, disabled ? theme.palette.cNeutral2 : theme.palette.cNeutral7, width, width]]])
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("path", {
d: "M7 1.75C4.1125 1.75 1.75 4.1125 1.75 7C1.75 9.8875 4.1125 12.25 7 12.25C9.8875 12.25 12.25 9.8875 12.25 7C12.25 4.1125 9.8875 1.75 7 1.75ZM9.29688 8.37812L8.37812 9.29688L7 7.91875L5.62188 9.29688L4.70312 8.37812L6.08125 7L4.70312 5.62188L5.62188 4.70312L7 6.08125L8.37812 4.70312L9.29688 5.62188L7.91875 7L9.29688 8.37812Z",
fill: "currentColor",
className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["2796573977", [theme.layout.gapHalf, disabled ? 'not-allowed' : 'pointer', theme.palette.cNeutral2, disabled ? theme.palette.cNeutral2 : theme.palette.cNeutral7, width, width]]])
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a, {
id: "2796573977",
dynamic: [theme.layout.gapHalf, disabled ? 'not-allowed' : 'pointer', theme.palette.cNeutral2, disabled ? theme.palette.cNeutral2 : theme.palette.cNeutral7, width, width]
}, ".clear-icon.__jsx-style-dynamic-selector{padding:0 ".concat(theme.layout.gapHalf, ";margin:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;cursor:").concat(disabled ? 'not-allowed' : 'pointer', ";box-sizing:border-box;-webkit-transition:color 150ms ease 0s;transition:color 150ms ease 0s;color:").concat(theme.palette.cNeutral2, ";visibility:hidden;opacity:0;}.visible.__jsx-style-dynamic-selector{visibility:visible;opacity:1;}.clear-icon.__jsx-style-dynamic-selector:hover{color:").concat(disabled ? theme.palette.cNeutral2 : theme.palette.cNeutral7, ";}svg.__jsx-style-dynamic-selector{color:currentColor;width:").concat(width, ";height:").concat(width, ";}")));
};
var MemoInputIconClear = react__WEBPACK_IMPORTED_MODULE_1___default.a.memo(InputIconClear);
/* harmony default export */ __webpack_exports__["default"] = (MemoInputIconClear);
/***/ }),
/***/ 172:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault=__webpack_require__(103);Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(__webpack_require__(104));var _objectWithoutProperties2=_interopRequireDefault(__webpack_require__(105));var _react=_interopRequireDefault(__webpack_require__(3));var ChevronLeft=function ChevronLeft(_ref){var _ref$color=_ref.color,color=_ref$color===void 0?"currentColor":_ref$color,_ref$size=_ref.size,size=_ref$size===void 0?24:_ref$size,props=(0,_objectWithoutProperties2["default"])(_ref,["color","size"]);return/*#__PURE__*/_react["default"].createElement("svg",(0,_extends2["default"])({fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",shapeRendering:"geometricPrecision",viewBox:"0 0 24 24"},props,{height:size,width:size,style:{color:color}}),/*#__PURE__*/_react["default"].createElement("path",{d:"M15 18l-6-6 6-6"}))};var _default=ChevronLeft;exports["default"]=_default;
/***/ }),
/***/ 175:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault=__webpack_require__(103);Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(__webpack_require__(104));var _objectWithoutProperties2=_interopRequireDefault(__webpack_require__(105));var _react=_interopRequireDefault(__webpack_require__(3));var ChevronRight=function ChevronRight(_ref){var _ref$color=_ref.color,color=_ref$color===void 0?"currentColor":_ref$color,_ref$size=_ref.size,size=_ref$size===void 0?24:_ref$size,props=(0,_objectWithoutProperties2["default"])(_ref,["color","size"]);return/*#__PURE__*/_react["default"].createElement("svg",(0,_extends2["default"])({fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",shapeRendering:"geometricPrecision",viewBox:"0 0 24 24"},props,{height:size,width:size,style:{color:color}}),/*#__PURE__*/_react["default"].createElement("path",{d:"M9 18l6-6-6-6"}))};var _default=ChevronRight;exports["default"]=_default;
/***/ }),
/***/ 18:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _styles_use_theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5);
/* harmony import */ var _utils_with_defaults__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(19);
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
var defaultProps = {
variant: 'line'
};
var InputLabel = function InputLabel(_ref) {
var children = _ref.children,
variant = _ref.variant,
isRight = _ref.isRight,
fontSize = _ref.fontSize,
props = _objectWithoutProperties(_ref, ["children", "variant", "isRight", "fontSize"]);
var theme = Object(_styles_use_theme__WEBPACK_IMPORTED_MODULE_2__["default"])();
var isSolid = variant === 'solid';
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("label", _extends({}, props, {
className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["4066644323", [theme.layout.gapHalf, theme.palette.cNeutral5, theme.palette.cNeutral0, theme.expressiveness.R2, theme.expressiveness.R2, isSolid ? 'none' : '1px solid ' + theme.palette.border, isSolid ? 'none' : '1px solid ' + theme.palette.border, isSolid ? '1px solid ' + theme.palette.cNeutral8 : 'none', isSolid ? 'none' : '1px solid ' + theme.palette.border, fontSize, theme.expressiveness.R2, theme.expressiveness.R2, isSolid ? '1px solid ' + theme.palette.cNeutral8 : 'none', isSolid ? 'none' : '1px solid ' + theme.palette.border]]]) + " " + (props && props.className != null && props.className || (isRight ? 'right' : '') || "")
}), children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a, {
id: "4066644323",
dynamic: [theme.layout.gapHalf, theme.palette.cNeutral5, theme.palette.cNeutral0, theme.expressiveness.R2, theme.expressiveness.R2, isSolid ? 'none' : '1px solid ' + theme.palette.border, isSolid ? 'none' : '1px solid ' + theme.palette.border, isSolid ? '1px solid ' + theme.palette.cNeutral8 : 'none', isSolid ? 'none' : '1px solid ' + theme.palette.border, fontSize, theme.expressiveness.R2, theme.expressiveness.R2, isSolid ? '1px solid ' + theme.palette.cNeutral8 : 'none', isSolid ? 'none' : '1px solid ' + theme.palette.border]
}, "label.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:initial;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0 ".concat(theme.layout.gapHalf, ";color:").concat(theme.palette.cNeutral5, ";background-color:").concat(theme.palette.cNeutral0, ";border-top-left-radius:").concat(theme.expressiveness.R2, ";border-bottom-left-radi