@luminati-io/uikit 1.8.4-beta.1 → 1.8.4

package/dist/uikit.umd.js

@@ -23393,6 +23393,159 @@ var getBackgroundImage = function getBackgroundImage(props) {
 
 /***/ }),
 
+/***/ "./src/input/compare_to.js":
+/*!*********************************!*\
+  !*** ./src/input/compare_to.js ***!
+  \*********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var date_fns_format__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! date-fns/format */ "./node_modules/date-fns/esm/format/index.js");
+/* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isObject */ "./node_modules/lodash/isObject.js");
+/* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isObject__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../button */ "./src/button/index.js");
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _date_picker__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./date_picker */ "./src/input/date_picker.js");
+/* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./dropdown */ "./src/input/dropdown.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+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) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+
+
+
+
+
+
+
+
+
+
+
+
+var CompareTo = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
+  var formatOptionLabel = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (opt) {
+    if (opt && lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default()(opt)) {
+      var text = opt.value != 'custom' ? opt.label : (0,date_fns_format__WEBPACK_IMPORTED_MODULE_11__["default"])(opt.from, props.format);
+      return "".concat(props.placeholder, " ").concat(text);
+    }
+    return '';
+  }, [props.format, props.placeholder]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_dropdown__WEBPACK_IMPORTED_MODULE_10__["default"], _extends({}, props, {
+    options: props.options || [],
+    formatOptionLabel: props.formatOptionLabel || formatOptionLabel,
+    components: {
+      MenuList: CompareToMenuList,
+      NoOptionsMessage: function NoOptionsMessage() {
+        return null;
+      }
+    },
+    clearable: true
+  }));
+});
+CompareTo.displayName = 'CompareTo';
+CompareTo.defaultProps = {
+  format: 'dd/MM/yyyy',
+  size: 'md',
+  placeholder: 'Compare to'
+};
+CompareTo.propTypes = {
+  value: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().any),
+  options: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().any))
+};
+var CompareToMenuList = function CompareToMenuList(props) {
+  var className = props.className,
+    cx = props.cx,
+    children = props.children,
+    setValue = props.setValue;
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isCustom = _useState2[0],
+    setIsCustom = _useState2[1];
+  var onApply = function onApply(value, opt) {
+    setValue(value, opt);
+    setIsCustom(false);
+  };
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, !isCustom && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_dropdown__WEBPACK_IMPORTED_MODULE_10__.MenuList, props, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_6__["default"].Item, {
+    type: "item",
+    className: cx({
+      option: true
+    }, className),
+    text: "Custom",
+    onClick: function onClick() {
+      return setIsCustom(true);
+    },
+    subMenu: true
+  })), isCustom && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(CompareToCalendar, {
+    onApply: onApply,
+    onBack: function onBack() {
+      return setIsCustom(false);
+    }
+  }));
+};
+var CompareToCalendar = function CompareToCalendar(props) {
+  var onApply = props.onApply,
+    onBack = props.onBack;
+  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    customDate = _useState4[0],
+    setCustomDate = _useState4[1];
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, {
+    flex_direction: "column",
+    padding: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["04"],
+    gap: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["04"]
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, {
+    align_items: "center",
+    gap: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["04"]
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_4__["default"], {
+    icon: "ChevronLeft",
+    variant: "ghost",
+    onClick: onBack
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_8__.Header, {
+    no_wrap: true
+  }, "Compare to date")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_date_picker__WEBPACK_IMPORTED_MODULE_9__.StyledDayPicker, {
+    fixedWeeks: true,
+    selected: customDate,
+    onDayClick: setCustomDate
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_button__WEBPACK_IMPORTED_MODULE_3__["default"], {
+    variant: "primary",
+    text: "Apply",
+    disabled: !customDate,
+    onClick: function onClick() {
+      onApply({
+        value: 'custom',
+        label: 'Custom',
+        from: customDate
+      }, 'select-option');
+    },
+    style: {
+      width: '100%'
+    }
+  }));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CompareTo);
+
+/***/ }),
+
 /***/ "./src/input/date_picker.js":
 /*!**********************************!*\
   !*** ./src/input/date_picker.js ***!
@@ -23402,20 +23555,21 @@ var getBackgroundImage = function getBackgroundImage(props) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "StyledDayPicker": () => (/* binding */ StyledDayPicker),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_day_picker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-day-picker */ "./node_modules/react-day-picker/dist/index.esm.js");
 /* harmony import */ var date_fns_format__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! date-fns/format */ "./node_modules/date-fns/esm/format/index.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
-/* harmony import */ var _hoc_with_popover__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hoc/with_popover */ "./src/hoc/with_popover.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_day_picker__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-day-picker */ "./node_modules/react-day-picker/dist/index.esm.js");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _hoc_with_popover__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hoc/with_popover */ "./src/hoc/with_popover.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
 // LICENSE_CODE ZON
 
 
@@ -23439,7 +23593,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
-var DatePicker = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
+var DatePicker = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
   var onChange = props.onChange,
     disabledDays = props.disabledDays,
     isRange = props.isRange,
@@ -23448,7 +23602,7 @@ var DatePicker = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
     onMonthChange = props.onMonthChange,
     renderPopover = props.renderPopover;
   var value = useValue(props);
-  var popoverProps = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+  var popoverProps = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return {
       selected: value,
       disabled: disabledDays,
@@ -23461,7 +23615,7 @@ var DatePicker = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
       renderPopover: renderPopover
     };
   }, [value, disabledDays, onChange, isRange, defaultMonth, month, onMonthChange, renderPopover]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Picker, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Picker, _extends({
     ref: ref
   }, props, {
     value: value,
@@ -23475,37 +23629,37 @@ DatePicker.defaultProps = {
   isRange: false
 };
 DatePicker.propTypes = {
-  value: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number), prop_types__WEBPACK_IMPORTED_MODULE_1___default().instanceOf(Date), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object)]),
-  format: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  onChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  required: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  invalid: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  leftInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
-  leftOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  rightInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
-  rightOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  label: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
-  labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  helperText: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
-  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg']),
-  disabledDays: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().any),
-  renderPopover: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  isRange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  onOpenChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  defaultMonth: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number), prop_types__WEBPACK_IMPORTED_MODULE_1___default().instanceOf(Date)]),
-  month: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number), prop_types__WEBPACK_IMPORTED_MODULE_1___default().instanceOf(Date)]),
-  onMonthChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
-};
-var PickerField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
+  value: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number), prop_types__WEBPACK_IMPORTED_MODULE_0___default().instanceOf(Date), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object)]),
+  format: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  onChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  required: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  invalid: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  leftInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  leftOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  rightInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  rightOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  label: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
+  labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  helperText: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg']),
+  disabledDays: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
+  renderPopover: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  isRange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  onOpenChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  defaultMonth: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number), prop_types__WEBPACK_IMPORTED_MODULE_0___default().instanceOf(Date)]),
+  month: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number), prop_types__WEBPACK_IMPORTED_MODULE_0___default().instanceOf(Date)]),
+  onMonthChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
+};
+var PickerField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
   var popover = props.popover,
     size = props.size,
     placeholder = props.placeholder;
-  var innerWrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+  var innerWrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     var innerWrapper = innerWrapperRef.current;
     if (!innerWrapper) return;
     var cb = function cb() {
@@ -23520,15 +23674,15 @@ var PickerField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
     type: 'text',
     readOnly: true
   });
-  var heightCalculationCallback = (0,_shared__WEBPACK_IMPORTED_MODULE_4__.useHeightCalculationCallback)(size);
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useTranslation)();
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_4__.FieldWrapper, _extends({}, props, {
+  var heightCalculationCallback = (0,_shared__WEBPACK_IMPORTED_MODULE_7__.useHeightCalculationCallback)(size);
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_6__.useTranslation)();
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_7__.FieldWrapper, _extends({}, props, {
     ref: ref,
     innerWrapper: innerWrapperRef,
     heightCalculationCallback: heightCalculationCallback,
     autoresize: false,
     verticalAlign: "center",
-    Field: _shared__WEBPACK_IMPORTED_MODULE_4__.Field,
+    Field: _shared__WEBPACK_IMPORTED_MODULE_7__.Field,
     value: getDateText(props),
     placeholder: t(placeholder),
     inputProps: inputProps
@@ -23542,7 +23696,7 @@ var PickerPopover = function PickerPopover(props) {
     renderPopover = props.renderPopover,
     popover = props.popover,
     rest = _objectWithoutProperties(props, _excluded);
-  var handleDayClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (day, activeModifiers) {
+  var handleDayClick = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (day, activeModifiers) {
     if (activeModifiers.disabled) return;
     var val = day;
     if (mode == 'range') {
@@ -23565,17 +23719,13 @@ var PickerPopover = function PickerPopover(props) {
     var picker = _ref.picker;
     return picker;
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(DayPickerWrapper, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(DayPickerWrapper, {
     onMouseDown: function onMouseDown(e) {
       // prevents loss of input focus
       e.preventDefault();
     }
   }, render({
-    picker: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_day_picker__WEBPACK_IMPORTED_MODULE_3__.DayPicker, _extends({}, rest, {
-      fixedWeeks: true,
-      components: {
-        Day: Day
-      },
+    picker: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledDayPicker, _extends({}, rest, {
       onDayClick: handleDayClick,
       mode: mode,
       selected: selected
@@ -23584,32 +23734,44 @@ var PickerPopover = function PickerPopover(props) {
   }));
 };
 PickerPopover.displayName = 'PickerPopover';
-var Picker = (0,_hoc_with_popover__WEBPACK_IMPORTED_MODULE_5__["default"])(PickerField, PickerPopover, {
+var Picker = (0,_hoc_with_popover__WEBPACK_IMPORTED_MODULE_4__["default"])(PickerField, PickerPopover, {
   placement: 'bottom'
 });
 var borderRadius = '4px';
-var DayPickerWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+var DayPickerWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "DayPickerWrapper",
   componentId: "sc-1gurvxq-0"
-})(["margin:0;padding:", " 0;box-sizing:border-box;background:white;border-radius:4px;box-shadow:", ";.rdp-months{display:flex;}.rdp-month{padding:", " ", ";}.rdp-caption{display:flex;flex-direction:row;align-items:center;padding:", " ", ";gap:10px;}.rdp-caption_start:not(.rdp-caption_end){border-right:1px solid ", ";.rdp-caption{flex-direction:row-reverse;}}.rdp-caption_label{width:100%;text-align:center;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";}.rdp-nav{display:flex;flex-direction:row;gap:10px;}.rdp-nav_button{display:flex;align-items:center;justify-content:center;border:0 none;border-radius:4px;cursor:pointer;width:20px;height:20px;background-color:", ";.rdp-nav_icon{color:", ";}&:hover:not(:disabled){background-color:", ";}&:active:not(:disabled){background-color:", ";.rdp-nav_icon{color:", ";}}&:disabled{.rdp-nav_icon{color:", ";}cursor:not-allowed;}}.rdp-table{border-collapse:collapse;}.rdp-head_cell{box-sizing:border-box;min-width:32px;max-width:32px;height:32px;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";}.rdp-cell{padding:0;}"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].box_shadow.md, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["03"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["04"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["03"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["04"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_4, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_weight.regular, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_size.sm, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].line_height.none, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_4, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_weight.regular, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_size.xs, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].line_height.none, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11);
+})(["margin:0;padding:", " 0;box-sizing:border-box;background:white;border-radius:4px;box-shadow:", ";"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].box_shadow.md);
+var StyledDayPicker = function StyledDayPicker(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(DayPickerStyles, _extends({}, props, {
+    fixedWeeks: true,
+    components: {
+      Day: Day
+    }
+  }));
+};
+var DayPickerStyles = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(react_day_picker__WEBPACK_IMPORTED_MODULE_2__.DayPicker).withConfig({
+  displayName: "DayPickerStyles",
+  componentId: "sc-1gurvxq-1"
+})([".rdp-months{display:flex;}.rdp-month{padding:", " ", ";}.rdp-caption{display:flex;flex-direction:row;align-items:center;padding:", " ", ";gap:10px;}.rdp-caption_start:not(.rdp-caption_end){border-right:1px solid ", ";.rdp-caption{flex-direction:row-reverse;}}.rdp-caption_label{width:100%;text-align:center;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";}.rdp-nav{display:flex;flex-direction:row;gap:10px;}.rdp-nav_button{display:flex;align-items:center;justify-content:center;border:0 none;border-radius:4px;cursor:pointer;width:20px;height:20px;background-color:", ";.rdp-nav_icon{color:", ";}&:hover:not(:disabled){background-color:", ";}&:active:not(:disabled){background-color:", ";.rdp-nav_icon{color:", ";}}&:disabled{.rdp-nav_icon{color:", ";}cursor:not-allowed;}}.rdp-table{border-collapse:collapse;}.rdp-head_cell{box-sizing:border-box;min-width:32px;max-width:32px;height:32px;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";}.rdp-cell{padding:0;}"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["03"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["04"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["03"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["04"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_4, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_family.sans, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_weight.regular, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_size.sm, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].line_height.none, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_9, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_4, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_7, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_family.sans, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_weight.regular, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_size.xs, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].line_height.none, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_11);
 var Day = function Day(props) {
-  var buttonRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-  var dayRender = (0,react_day_picker__WEBPACK_IMPORTED_MODULE_3__.useDayRender)(props.date, props.displayMonth, buttonRef);
-  if (dayRender.isHidden) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  var buttonRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+  var dayRender = (0,react_day_picker__WEBPACK_IMPORTED_MODULE_2__.useDayRender)(props.date, props.displayMonth, buttonRef);
+  if (dayRender.isHidden) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
     role: "gridcell"
   });
-  if (!dayRender.isButton) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", dayRender.divProps);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(DayWrapper, dayRender.activeModifiers, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_day_picker__WEBPACK_IMPORTED_MODULE_3__.Button, _extends({
+  if (!dayRender.isButton) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", dayRender.divProps);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(DayWrapper, dayRender.activeModifiers, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_day_picker__WEBPACK_IMPORTED_MODULE_2__.Button, _extends({
     name: "day",
     ref: buttonRef
   }, dayRender.buttonProps)));
 };
 Day.displayName = 'Day';
-var DayWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+var DayWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "DayWrapper",
-  componentId: "sc-1gurvxq-1"
+  componentId: "sc-1gurvxq-2"
 })(["padding:0;background-color:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";.rdp-day{display:flex;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;box-sizing:border-box;border-radius:", ";border:1px solid ", ";background-color:", ";cursor:pointer;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";&:hover:not(:disabled){border:1px solid ", ";}&:disabled{color:", ";cursor:not-allowed;}}.rdp-day_today{color:", ";font-weight:", ";}.rdp-day_selected{background-color:", ";border:1px solid ", ";color:", ";}.rdp-day_range_middle{background-color:", ";border:1px solid ", ";color:", ";&.rdp-day_today{color:", ";}}"], function (props) {
-  return props.selected ? _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_3 : _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white;
+  return props.selected ? _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_3 : _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white;
 }, function (props) {
   return props.range_middle || props.range_end && !props.range_start ? '0' : borderRadius;
 }, function (props) {
@@ -23618,7 +23780,7 @@ var DayWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.wi
   return props.range_middle || props.range_start && !props.range_end ? '0' : borderRadius;
 }, function (props) {
   return props.range_middle || props.range_start && !props.range_end ? '0' : borderRadius;
-}, borderRadius, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_weight.regular, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_size.xs, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].line_height.none, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_weight.semibold, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_3, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_3, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11);
+}, borderRadius, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_family.sans, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_weight.regular, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_size.xs, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].line_height.none, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_7, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_weight.semibold, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_3, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_3, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_11);
 var getDateText = function getDateText(props) {
   var value = props.value,
     placeholder = props.placeholder,
@@ -23647,7 +23809,7 @@ var getRange = function getRange(value) {
   };
 };
 var useValue = function useValue(props) {
-  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+  return (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return props.isRange ? getRange(props.value) : getDate(props.value);
   }, [props.value, props.isRange]);
 };
@@ -23664,6 +23826,7 @@ var useValue = function useValue(props) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "MenuList": () => (/* binding */ MenuList),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
@@ -24033,22 +24196,24 @@ var useCustomStyles = function useCustomStyles(size) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Checkbox": () => (/* reexport safe */ _checkbox__WEBPACK_IMPORTED_MODULE_0__["default"]),
-/* harmony export */   "DatePicker": () => (/* reexport safe */ _date_picker__WEBPACK_IMPORTED_MODULE_1__["default"]),
-/* harmony export */   "Dropdown": () => (/* reexport safe */ _dropdown__WEBPACK_IMPORTED_MODULE_2__["default"]),
-/* harmony export */   "Number": () => (/* reexport safe */ _number__WEBPACK_IMPORTED_MODULE_3__["default"]),
-/* harmony export */   "RadioGroup": () => (/* reexport safe */ _radio_group__WEBPACK_IMPORTED_MODULE_4__["default"]),
-/* harmony export */   "Textarea": () => (/* reexport safe */ _textarea__WEBPACK_IMPORTED_MODULE_5__["default"]),
-/* harmony export */   "Textbox": () => (/* reexport safe */ _textbox__WEBPACK_IMPORTED_MODULE_6__["default"]),
-/* harmony export */   "Toggle": () => (/* reexport safe */ _toggle__WEBPACK_IMPORTED_MODULE_7__["default"])
+/* harmony export */   "CompareTo": () => (/* reexport safe */ _compare_to__WEBPACK_IMPORTED_MODULE_1__["default"]),
+/* harmony export */   "DatePicker": () => (/* reexport safe */ _date_picker__WEBPACK_IMPORTED_MODULE_2__["default"]),
+/* harmony export */   "Dropdown": () => (/* reexport safe */ _dropdown__WEBPACK_IMPORTED_MODULE_3__["default"]),
+/* harmony export */   "Number": () => (/* reexport safe */ _number__WEBPACK_IMPORTED_MODULE_4__["default"]),
+/* harmony export */   "RadioGroup": () => (/* reexport safe */ _radio_group__WEBPACK_IMPORTED_MODULE_5__["default"]),
+/* harmony export */   "Textarea": () => (/* reexport safe */ _textarea__WEBPACK_IMPORTED_MODULE_6__["default"]),
+/* harmony export */   "Textbox": () => (/* reexport safe */ _textbox__WEBPACK_IMPORTED_MODULE_7__["default"]),
+/* harmony export */   "Toggle": () => (/* reexport safe */ _toggle__WEBPACK_IMPORTED_MODULE_8__["default"])
 /* harmony export */ });
 /* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkbox */ "./src/input/checkbox.js");
-/* harmony import */ var _date_picker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./date_picker */ "./src/input/date_picker.js");
-/* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dropdown */ "./src/input/dropdown.js");
-/* harmony import */ var _number__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./number */ "./src/input/number.js");
-/* harmony import */ var _radio_group__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./radio_group */ "./src/input/radio_group.js");
-/* harmony import */ var _textarea__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./textarea */ "./src/input/textarea.js");
-/* harmony import */ var _textbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./textbox */ "./src/input/textbox.js");
-/* harmony import */ var _toggle__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./toggle */ "./src/input/toggle.js");
+/* harmony import */ var _compare_to__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./compare_to */ "./src/input/compare_to.js");
+/* harmony import */ var _date_picker__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./date_picker */ "./src/input/date_picker.js");
+/* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./dropdown */ "./src/input/dropdown.js");
+/* harmony import */ var _number__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./number */ "./src/input/number.js");
+/* harmony import */ var _radio_group__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./radio_group */ "./src/input/radio_group.js");
+/* harmony import */ var _textarea__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./textarea */ "./src/input/textarea.js");
+/* harmony import */ var _textbox__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./textbox */ "./src/input/textbox.js");
+/* harmony import */ var _toggle__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./toggle */ "./src/input/toggle.js");
 // LICENSE_CODE ZON
 
 
@@ -24063,6 +24228,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 /***/ }),
 
 /***/ "./src/input/number.js":