@bigbinary/neetoui 5.2.13 → 5.2.14

package/formik.js

@@ -1,9 +1,11 @@
 import * as React from 'react';
-import React__default, { createContext, useContext, useRef, useEffect, useLayoutEffect, useCallback, useMemo, forwardRef as forwardRef$1, createElement, useState, cloneElement, Children, isValidElement, useSyncExternalStore, Fragment, Component, startTransition } from 'react';
+import React__default, { createContext, useContext, useRef, useEffect, useLayoutEffect, useCallback, useMemo, forwardRef as forwardRef$1, createElement, useState, cloneElement, Children, isValidElement, useSyncExternalStore, Fragment, Component, startTransition, useId as useId$1 } from 'react';
 import { useFormikContext, Field, Form as Form$1, Formik, useField } from 'formik';
 import { Link, useHistory } from 'react-router-dom';
 import ReactDOM, { createPortal } from 'react-dom';
 import { Close, Info, Down, Check } from '@bigbinary/neeto-icons';
+import _ConfigProvider from 'antd/lib/config-provider';
+import _Slider from 'antd/lib/slider';
 
 function _extends$2() {
   _extends$2 = Object.assign ? Object.assign.bind() : function (target) {
@@ -9873,10 +9875,10 @@ visualElement({
     },
 });
 
-var _excluded$u = ["children"];
+var _excluded$w = ["children"];
 var Portal$1 = function Portal(_ref, ref) {
   var children = _ref.children,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$u);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$w);
   return /*#__PURE__*/React__default.createElement("div", _extends$2({
     "data-cy": "neeto-backdrop",
     "data-testid": "neeto-backdrop",
@@ -13885,7 +13887,7 @@ var index$1 = /*#__PURE__*/forwardRef( /*#__PURE__*/TippyGenerator(tippy));
 
 var ARROW = "<svg width='12' height='6' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 5H0.926697L3.95208 1.63847C4.74227 0.760478 6.11722 0.754951 6.91445 1.62656L10 5Z' /></svg>";
 
-var _excluded$t = ["content", "children", "theme", "disabled", "position", "interactive", "hideAfter", "hideOnTargetExit"];
+var _excluded$v = ["content", "children", "theme", "disabled", "position", "interactive", "hideAfter", "hideOnTargetExit"];
 var Tooltip = function Tooltip(_ref) {
   var content = _ref.content,
     children = _ref.children,
@@ -13901,7 +13903,7 @@ var Tooltip = function Tooltip(_ref) {
     hideAfter = _ref$hideAfter === void 0 ? -1 : _ref$hideAfter,
     _ref$hideOnTargetExit = _ref.hideOnTargetExit,
     hideOnTargetExit = _ref$hideOnTargetExit === void 0 ? false : _ref$hideOnTargetExit,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$t);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$v);
   var _useState = useState(null),
     _useState2 = _slicedToArray$1(_useState, 2),
     instance = _useState2[0],
@@ -13948,7 +13950,7 @@ var Tooltip = function Tooltip(_ref) {
   }, localProps, otherProps), /*#__PURE__*/React__default.isValidElement(children) ? children : /*#__PURE__*/React__default.createElement("span", null, children));
 };
 
-var _excluded$s = ["icon", "iconPosition", "iconSize", "label", "loading", "onClick", "to", "type", "style", "fullWidth", "className", "disabled", "size", "href", "tooltipProps", "children"];
+var _excluded$u = ["icon", "iconPosition", "iconSize", "label", "loading", "onClick", "to", "type", "style", "fullWidth", "className", "disabled", "size", "href", "tooltipProps", "children"];
 var BUTTON_STYLES = {
   primary: "primary",
   secondary: "secondary",
@@ -14003,7 +14005,7 @@ var Button = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     _ref$tooltipProps = _ref.tooltipProps,
     tooltipProps = _ref$tooltipProps === void 0 ? null : _ref$tooltipProps,
     children = _ref.children,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$s);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$u);
   var Parent = motion.button;
   var elementSpecificProps = {
     type: type
@@ -14093,10 +14095,10 @@ var Button = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
 });
 Button.displayName = "Button";
 
-var _excluded$r = ["disabled"];
+var _excluded$t = ["disabled"];
 var FormikButton = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   var disabled = _ref.disabled,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$r);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$t);
   var _useFormikContext = useFormikContext(),
     handleSubmit = _useFormikContext.handleSubmit,
     isSubmitting = _useFormikContext.isSubmitting,
@@ -16636,6 +16638,28 @@ var showScrollAndRemoveMargin = function showScrollAndRemoveMargin() {
   document.body.style.overflow = "auto";
   document.body.style.marginRight = "0px";
 };
+var ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES = {
+  colorBgContainer: "rgb(var(--neeto-ui-white))",
+  colorBorderSecondary: "rgb(var(--neeto-ui-gray-200))",
+  colorFillAlter: "rgb(var(--neeto-ui-gray-100))",
+  colorFillContent: "rgb(var(--neeto-ui-gray-100))",
+  colorFillSecondary: "rgb(var(--neeto-ui-gray-100))",
+  colorIcon: "rgb(var(--neeto-ui-gray-700))",
+  colorIconHover: "rgb(var(--neeto-ui-gray-800))",
+  colorLink: "rgb(var(--neeto-ui-primary-500))",
+  colorLinkActive: "rgb(var(--neeto-ui-primary-800))",
+  colorLinkHover: "rgb(var(--neeto-ui-primary-600))",
+  colorPrimary: "rgb(var(--neeto-ui-primary-500))",
+  colorSplit: "rgb(var(--neeto-ui-gray-100))",
+  colorText: "rgb(var(--neeto-ui-gray-800))",
+  colorTextDescription: "rgb(var(--neeto-ui-gray-700))",
+  colorTextDisabled: "rgb(var(--neeto-ui-gray-600))",
+  colorTextHeading: "rgb(var(--neeto-ui-black))",
+  colorTextPlaceholder: "rgb(var(--neeto-ui-gray-500))",
+  controlItemBgActive: "rgb(var(--neeto-ui-primary-100))",
+  controlItemBgActiveHover: "rgb(var(--neeto-ui-pastel-purple))",
+  controlItemBgHover: "rgb(var(--neeto-ui-gray-100))"
+};
 
 var useOverlay = function useOverlay(_ref) {
   var isOpen = _ref.isOpen,
@@ -16758,7 +16782,7 @@ var Footer = function Footer(_ref) {
   }, children);
 };
 
-var _excluded$q = ["style", "weight", "lineHeight", "component", "children", "textTransform", "className"];
+var _excluded$s = ["style", "weight", "lineHeight", "component", "children", "textTransform", "className"];
 var FONT_WEIGHTS = {
   thin: "thin",
   extralight: "extralight",
@@ -16846,7 +16870,7 @@ var Typography = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     textTransform = _ref.textTransform,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$q);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$s);
   var Component = component ? COMPONENTS[component] : style ? DEFAULT_COMPONENTS[style] : "p";
   return /*#__PURE__*/React__default.createElement(Component, _extends$2({
     ref: ref,
@@ -16909,7 +16933,7 @@ var Header = function Header(_ref) {
   }, description)));
 };
 
-var _excluded$p = ["size", "isOpen", "onClose", "children", "finalFocusRef", "initialFocusRef", "className", "closeOnEsc", "closeButton", "backdropClassName", "blockScrollOnMount", "closeOnOutsideClick"];
+var _excluded$r = ["size", "isOpen", "onClose", "children", "finalFocusRef", "initialFocusRef", "className", "closeOnEsc", "closeButton", "backdropClassName", "blockScrollOnMount", "closeOnOutsideClick"];
 var SIZES$5 = {
   small: "small",
   medium: "medium",
@@ -16938,7 +16962,7 @@ var Modal = function Modal(_ref) {
     blockScrollOnMount = _ref$blockScrollOnMou === void 0 ? true : _ref$blockScrollOnMou,
     _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
     closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$p);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$r);
   var _useState = useState(false),
     _useState2 = _slicedToArray$1(_useState, 2),
     hasTransitionCompleted = _useState2[0],
@@ -17091,11 +17115,11 @@ var Alert = function Alert(_ref) {
   })));
 };
 
-var _excluded$o = ["isDirty"];
+var _excluded$q = ["isDirty"];
 var BlockNavigation = function BlockNavigation(_ref) {
   var _ref$isDirty = _ref.isDirty,
     isDirty = _ref$isDirty === void 0 ? false : _ref$isDirty,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$o);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$q);
   var formikContext = useFormikContext();
   var shouldBlock = isDirty || Boolean(formikContext) && Boolean(formikContext.dirty);
   var _useNavPrompt = useNavPrompt({
@@ -17259,7 +17283,7 @@ function useId(idFromProps) {
   return id != null ? String(id) : undefined;
 }
 
-var _excluded$n = ["children", "className", "required", "helpIconProps"],
+var _excluded$p = ["children", "className", "required", "helpIconProps"],
   _excluded2$1 = ["onClick", "icon", "tooltipProps", "className"];
 var Label = function Label(_ref) {
   var children = _ref.children,
@@ -17269,7 +17293,7 @@ var Label = function Label(_ref) {
     required = _ref$required === void 0 ? false : _ref$required,
     _ref$helpIconProps = _ref.helpIconProps,
     helpIconProps = _ref$helpIconProps === void 0 ? null : _ref$helpIconProps,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$n);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$p);
   var _ref2 = helpIconProps || {},
     onClick = _ref2.onClick,
     icon = _ref2.icon,
@@ -17291,7 +17315,7 @@ var Label = function Label(_ref) {
   }, otherHelpIconProps)))));
 };
 
-var _excluded$m = ["label", "error", "className", "required", "labelProps", "children"];
+var _excluded$o = ["label", "error", "className", "required", "labelProps", "children"];
 var Checkbox$1 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
@@ -17303,7 +17327,7 @@ var Checkbox$1 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     required = _ref$required === void 0 ? false : _ref$required,
     labelProps = _ref.labelProps,
     children = _ref.children,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$m);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$o);
   var id = useId(otherProps.id);
   var errorId = "error_".concat(id);
   var renderLabel = label || children;
@@ -17332,10 +17356,10 @@ var Checkbox$1 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
 });
 Checkbox$1.displayName = "Checkbox";
 
-var _excluded$l = ["name"];
+var _excluded$n = ["name"];
 var Checkbox = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   var name = _ref.name,
-    rest = _objectWithoutProperties$1(_ref, _excluded$l);
+    rest = _objectWithoutProperties$1(_ref, _excluded$n);
   return /*#__PURE__*/React__default.createElement(Field, {
     name: name
   }, function (_ref2) {
@@ -17788,7 +17812,7 @@ var ScrollToErrorField = function ScrollToErrorField(_ref) {
   return null;
 };
 
-var _excluded$k = ["values", "validateForm", "setErrors", "setTouched"];
+var _excluded$m = ["values", "validateForm", "setErrors", "setTouched"];
 var FormWrapper = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   var className = _ref.className,
     formProps = _ref.formProps,
@@ -17800,7 +17824,7 @@ var FormWrapper = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     validateForm = _useFormikContext.validateForm,
     setErrors = _useFormikContext.setErrors,
     setTouched = _useFormikContext.setTouched,
-    formikBag = _objectWithoutProperties$1(_useFormikContext, _excluded$k);
+    formikBag = _objectWithoutProperties$1(_useFormikContext, _excluded$m);
   var isFormDirty = formikBag.dirty,
     isSubmitting = formikBag.isSubmitting;
   var formRefForScrollToErrorField = useRef();
@@ -17923,7 +17947,7 @@ Form.propTypes = {
   scrollToErrorField: propTypes.exports.bool
 };
 
-var _excluded$j = ["size", "type", "label", "error", "suffix", "prefix", "disabled", "helpText", "className", "nakedInput", "contentSize", "required", "maxLength", "unlimitedChars", "labelProps", "rejectCharsRegex"];
+var _excluded$l = ["size", "type", "label", "error", "suffix", "prefix", "disabled", "helpText", "className", "nakedInput", "contentSize", "required", "maxLength", "unlimitedChars", "labelProps", "rejectCharsRegex"];
 var SIZES$3 = {
   small: "small",
   medium: "medium",
@@ -17960,7 +17984,7 @@ var Input$2 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     unlimitedChars = _ref$unlimitedChars === void 0 ? false : _ref$unlimitedChars,
     labelProps = _ref.labelProps,
     rejectCharsRegex = _ref.rejectCharsRegex,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$j);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$l);
   var _useState = useState(otherProps.value),
     _useState2 = _slicedToArray$1(_useState, 2),
     valueInternal = _useState2[0],
@@ -18038,10 +18062,10 @@ var Input$2 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
 });
 Input$2.displayName = "Input";
 
-var _excluded$i = ["name"];
+var _excluded$k = ["name"];
 var FormikInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   var name = _ref.name,
-    rest = _objectWithoutProperties$1(_ref, _excluded$i);
+    rest = _objectWithoutProperties$1(_ref, _excluded$k);
   return /*#__PURE__*/React__default.createElement(Field, {
     name: name
   }, function (_ref2) {
@@ -18091,7 +18115,7 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function ownKeys$4(object, enumerableOnly) {
+function ownKeys$5(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -18104,9 +18128,9 @@ function ownKeys$4(object, enumerableOnly) {
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) {
+    i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) {
       _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -21658,7 +21682,7 @@ var GroupHeading = function GroupHeading(props) {
   }, innerProps));
 };
 
-var _excluded$h = ["innerRef", "isDisabled", "isHidden", "inputClassName"];
+var _excluded$j = ["innerRef", "isDisabled", "isHidden", "inputClassName"];
 var inputCSS = function inputCSS(_ref) {
   var isDisabled = _ref.isDisabled,
     value = _ref.value,
@@ -21715,7 +21739,7 @@ var Input$1 = function Input(props) {
     isDisabled = _cleanCommonProps.isDisabled,
     isHidden = _cleanCommonProps.isHidden,
     inputClassName = _cleanCommonProps.inputClassName,
-    innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$h);
+    innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$j);
   return jsx("div", {
     className: cx({
       'input-container': true
@@ -22538,10 +22562,10 @@ var createFilter = function createFilter(config) {
   };
 };
 
-var _excluded$g = ["innerRef"];
+var _excluded$i = ["innerRef"];
 function DummyInput(_ref) {
   var innerRef = _ref.innerRef,
-    props = _objectWithoutProperties(_ref, _excluded$g);
+    props = _objectWithoutProperties(_ref, _excluded$i);
   // Remove animation props not meant for HTML elements
   var filteredProps = removeProps(props, 'onExited', 'in', 'enter', 'exit', 'appear');
   return jsx("input", _extends({
@@ -24537,7 +24561,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
 }(Component);
 Select$1.defaultProps = defaultProps;
 
-var _excluded$f = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
+var _excluded$h = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function useStateManager(_ref) {
   var _ref$defaultInputValu = _ref.defaultInputValue,
     defaultInputValue = _ref$defaultInputValu === void 0 ? '' : _ref$defaultInputValu,
@@ -24552,7 +24576,7 @@ function useStateManager(_ref) {
     propsOnMenuClose = _ref.onMenuClose,
     propsOnMenuOpen = _ref.onMenuOpen,
     propsValue = _ref.value,
-    restSelectProps = _objectWithoutProperties(_ref, _excluded$f);
+    restSelectProps = _objectWithoutProperties(_ref, _excluded$h);
   var _useState = useState(propsInputValue !== undefined ? propsInputValue : defaultInputValue),
     _useState2 = _slicedToArray(_useState, 2),
     stateInputValue = _useState2[0],
@@ -24604,7 +24628,7 @@ function useStateManager(_ref) {
   });
 }
 
-var _excluded$e = ["allowCreateWhileLoading", "createOptionPosition", "formatCreateLabel", "isValidNewOption", "getNewOptionData", "onCreateOption", "options", "onChange"];
+var _excluded$g = ["allowCreateWhileLoading", "createOptionPosition", "formatCreateLabel", "isValidNewOption", "getNewOptionData", "onCreateOption", "options", "onChange"];
 var compareOption = function compareOption() {
   var inputValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var option = arguments.length > 1 ? arguments[1] : undefined;
@@ -24648,7 +24672,7 @@ function useCreatable(_ref) {
     _ref$options = _ref.options,
     propsOptions = _ref$options === void 0 ? [] : _ref$options,
     propsOnChange = _ref.onChange,
-    restSelectProps = _objectWithoutProperties(_ref, _excluded$e);
+    restSelectProps = _objectWithoutProperties(_ref, _excluded$g);
   var _restSelectProps$getO = restSelectProps.getOptionValue,
     getOptionValue$1$1 = _restSelectProps$getO === void 0 ? getOptionValue$1 : _restSelectProps$getO,
     _restSelectProps$getO2 = restSelectProps.getOptionLabel,
@@ -24711,7 +24735,7 @@ var StateManagedSelect = /*#__PURE__*/forwardRef$1(function (props, ref) {
   }, baseSelectProps));
 });
 
-var _excluded$d = ["style", "indicatorStyle", "label", "icon", "className", "onClose", "disabled", "size", "type", "children"];
+var _excluded$f = ["style", "indicatorStyle", "label", "icon", "className", "onClose", "disabled", "size", "type", "children"];
 var SIZES$2 = {
   small: "small",
   large: "large"
@@ -24747,7 +24771,7 @@ var Tag = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? TYPES.outline : _ref$type,
     children = _ref.children,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$d);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$f);
   var Icon = typeof icon === "string" ? function () {
     return /*#__PURE__*/React__default.createElement("i", {
       className: icon
@@ -24790,10 +24814,10 @@ var Tag = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
 });
 Tag.displayName = "Tag";
 
-var _excluded$c = ["children"],
+var _excluded$e = ["children"],
   _excluded2 = ["children"];
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var STYLES = {
   border: {
     "default": "1px solid rgb(var(--neeto-ui-gray-400))",
@@ -24806,7 +24830,7 @@ var STYLES = {
 };
 var CustomControl = function CustomControl(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties$1(_ref, _excluded$c);
+    props = _objectWithoutProperties$1(_ref, _excluded$e);
   var prefix = props.selectProps.prefix;
   return /*#__PURE__*/React__default.createElement(components.Control, props, prefix && /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-email-input__prefix"
@@ -24820,7 +24844,7 @@ var CustomDropdownIndicator = function CustomDropdownIndicator(props) {
 };
 var MultiValueRemove$1 = function MultiValueRemove(props) {
   return /*#__PURE__*/React__default.createElement(components.MultiValueRemove, _extends$2({}, props, {
-    innerProps: _objectSpread$3(_objectSpread$3({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "".concat(hyphenize(props.data.label), "-remove-icon")))
+    innerProps: _objectSpread$4(_objectSpread$4({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "".concat(hyphenize(props.data.label), "-remove-icon")))
   }), /*#__PURE__*/React__default.createElement(Close, {
     size: 16
   }));
@@ -24838,7 +24862,7 @@ var CustomValueContainer = function CustomValueContainer(_ref2) {
     rest = _children.slice(1);
   var shouldCollapse = !isFocused && value.length > visibleEmailsCount;
   return /*#__PURE__*/React__default.createElement(components.ValueContainer, _extends$2({}, props, {
-    innerProps: _objectSpread$3(_objectSpread$3({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "multi-email-input-container"))
+    innerProps: _objectSpread$4(_objectSpread$4({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "multi-email-input-container"))
   }), shouldCollapse ? firstChild.slice(0, visibleEmailsCount) : firstChild, shouldCollapse && /*#__PURE__*/React__default.createElement(Tag, {
     label: "".concat(value.length - visibleEmailsCount, " more"),
     style: "secondary"
@@ -24846,7 +24870,7 @@ var CustomValueContainer = function CustomValueContainer(_ref2) {
 };
 var CustomClearIndicator = function CustomClearIndicator(props) {
   return /*#__PURE__*/React__default.createElement(components.ClearIndicator, _extends$2({}, props, {
-    innerProps: _objectSpread$3(_objectSpread$3({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "clear-all-button"))
+    innerProps: _objectSpread$4(_objectSpread$4({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "clear-all-button"))
   }), /*#__PURE__*/React__default.createElement(Close, {
     className: "cursor-pointer",
     size: 16
@@ -24854,7 +24878,7 @@ var CustomClearIndicator = function CustomClearIndicator(props) {
 };
 var SelectContainer = function SelectContainer(props) {
   return /*#__PURE__*/React__default.createElement(components.SelectContainer, _extends$2({}, props, {
-    innerProps: _objectSpread$3(_objectSpread$3({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "multi-email-select-container"))
+    innerProps: _objectSpread$4(_objectSpread$4({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "multi-email-select-container"))
   }));
 };
 var Input = function Input(props) {
@@ -24869,7 +24893,7 @@ var CUSTOM_STYLES = {
   input: assoc("overflow", "hidden"),
   multiValue: function multiValue(styles, _ref3) {
     var valid = _ref3.data.valid;
-    return _objectSpread$3(_objectSpread$3({}, styles), {}, {
+    return _objectSpread$4(_objectSpread$4({}, styles), {}, {
       border: valid ? STYLES.border["default"] : STYLES.border.error,
       color: valid ? STYLES.color["default"] : STYLES.color.error
     });
@@ -24911,9 +24935,9 @@ var renderDefaultText = function renderDefaultText(count) {
   return count === 1 ? "email" : "emails";
 };
 
-var _excluded$b = ["label", "placeholder", "helpText", "value", "onChange", "error", "onBlur", "filterInvalidEmails", "counter", "disabled", "maxHeight", "required", "labelProps", "visibleEmailsCount"];
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _excluded$d = ["label", "placeholder", "helpText", "value", "onChange", "error", "onBlur", "filterInvalidEmails", "counter", "disabled", "maxHeight", "required", "labelProps", "visibleEmailsCount"];
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "Email(s)" : _ref$label,
@@ -24940,7 +24964,7 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     labelProps = _ref.labelProps,
     _ref$visibleEmailsCou = _ref.visibleEmailsCount,
     visibleEmailsCount = _ref$visibleEmailsCou === void 0 ? 3 : _ref$visibleEmailsCou,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$b);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$d);
   var _useState = useState(""),
     _useState2 = _slicedToArray$1(_useState, 2),
     inputValue = _useState2[0],
@@ -25036,7 +25060,7 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     className: classnames$1("neeto-ui-react-select__container neeto-ui-email-input__select", {
       "neeto-ui-react-select__container--error": !!error
     }),
-    styles: _objectSpread$2(_objectSpread$2({}, CUSTOM_STYLES), {}, {
+    styles: _objectSpread$3(_objectSpread$3({}, CUSTOM_STYLES), {}, {
       control: mergeLeft({
         maxHeight: "".concat(maxHeight, "px"),
         overflowY: "auto"
@@ -25070,10 +25094,10 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
 });
 MultiEmailInput.displayName = "MultiEmailInput";
 
-var _excluded$a = ["name"];
+var _excluded$c = ["name"];
 var FormikMultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   var name = _ref.name,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$a);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$c);
   var _useField = useField(name),
     _useField2 = _slicedToArray$1(_useField, 3),
     field = _useField2[0],
@@ -25096,7 +25120,7 @@ var FormikMultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
 });
 FormikMultiEmailInput.displayName = "FormikMultiEmailInput";
 
-var _excluded$9 = ["name", "label", "className", "labelProps"];
+var _excluded$b = ["name", "label", "className", "labelProps"];
 var Item = function Item(_ref) {
   var _ref$name = _ref.name,
     name = _ref$name === void 0 ? "" : _ref$name,
@@ -25105,7 +25129,7 @@ var Item = function Item(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     labelProps = _ref.labelProps,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$9);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$b);
   var id = useId(otherProps.id);
   return /*#__PURE__*/React__default.createElement("div", {
     className: classnames$1(["neeto-ui-radio__item", className])
@@ -25121,9 +25145,9 @@ var Item = function Item(_ref) {
 };
 Item.displayName = "Radio.Item";
 
-var _excluded$8 = ["label", "children", "stacked", "className", "containerClassName", "error", "onChange", "labelProps"];
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _excluded$a = ["label", "children", "stacked", "className", "containerClassName", "error", "onChange", "labelProps"];
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Radio = function Radio(_ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
@@ -25138,7 +25162,7 @@ var Radio = function Radio(_ref) {
     error = _ref$error === void 0 ? "" : _ref$error,
     onChange = _ref.onChange,
     labelProps = _ref.labelProps,
-    props = _objectWithoutProperties$1(_ref, _excluded$8);
+    props = _objectWithoutProperties$1(_ref, _excluded$a);
   var _useState = useState(""),
     _useState2 = _slicedToArray$1(_useState, 2),
     internalValue = _useState2[0],
@@ -25159,7 +25183,7 @@ var Radio = function Radio(_ref) {
     }, containerClassName, containerClassName))
   }, Children.map(children, function (child) {
     var _child$props$checked, _ref2, _child$props$onChange;
-    return /*#__PURE__*/cloneElement(child, _objectSpread$1(_objectSpread$1(_objectSpread$1({}, child.props), props), {}, {
+    return /*#__PURE__*/cloneElement(child, _objectSpread$2(_objectSpread$2(_objectSpread$2({}, child.props), props), {}, {
       value: child.props.value,
       checked: (_child$props$checked = child.props.checked) !== null && _child$props$checked !== void 0 ? _child$props$checked : [internalValue, props.value].includes(child.props.value),
       onChange: (_ref2 = (_child$props$onChange = child.props.onChange) !== null && _child$props$onChange !== void 0 ? _child$props$onChange : onChange) !== null && _ref2 !== void 0 ? _ref2 : internalOnChange
@@ -25172,13 +25196,13 @@ var Radio = function Radio(_ref) {
 };
 Radio.Item = Item;
 
-var _excluded$7 = ["label", "name", "className"];
+var _excluded$9 = ["label", "name", "className"];
 var RadioGroup = function RadioGroup(_ref) {
   var label = _ref.label,
     name = _ref.name,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    props = _objectWithoutProperties$1(_ref, _excluded$7);
+    props = _objectWithoutProperties$1(_ref, _excluded$9);
   var _useFormikContext = useFormikContext(),
     setFieldValue = _useFormikContext.setFieldValue;
   var _useField = useField({
@@ -25198,7 +25222,7 @@ var RadioGroup = function RadioGroup(_ref) {
 };
 RadioGroup.Item = Radio.Item;
 
-var _excluded$6 = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
+var _excluded$8 = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
 function useAsync(_ref) {
   var _ref$defaultOptions = _ref.defaultOptions,
     propsDefaultOptions = _ref$defaultOptions === void 0 ? false : _ref$defaultOptions,
@@ -25211,7 +25235,7 @@ function useAsync(_ref) {
     propsOnInputChange = _ref.onInputChange,
     _ref$filterOption = _ref.filterOption,
     filterOption = _ref$filterOption === void 0 ? null : _ref$filterOption,
-    restSelectProps = _objectWithoutProperties(_ref, _excluded$6);
+    restSelectProps = _objectWithoutProperties(_ref, _excluded$8);
   var propsInputValue = restSelectProps.inputValue;
   var lastRequest = useRef(undefined);
   var mounted = useRef(false);
@@ -25346,9 +25370,9 @@ var AsyncCreatableSelect = /*#__PURE__*/forwardRef$1(function (props, ref) {
   }, selectProps));
 });
 
-var _excluded$5 = ["size", "label", "required", "error", "helpText", "className", "innerRef", "isCreateable", "strategy", "id", "labelProps", "value", "defaultValue", "components", "optionRemapping"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _excluded$7 = ["size", "label", "required", "error", "helpText", "className", "innerRef", "isCreateable", "strategy", "id", "labelProps", "value", "defaultValue", "components", "optionRemapping"];
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SIZES$1 = {
   small: "small",
   medium: "medium",
@@ -25383,7 +25407,7 @@ var CustomInput = function CustomInput(props) {
 };
 var CustomOption = function CustomOption(props) {
   return /*#__PURE__*/React__default.createElement(components.Option, _extends$2({}, props, {
-    innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
+    innerProps: _objectSpread$1(_objectSpread$1({}, props.innerProps), {}, {
       "data-cy": "".concat(hyphenize(props.label), "-select-option")
     })
   }));
@@ -25391,7 +25415,7 @@ var CustomOption = function CustomOption(props) {
 var Placeholder = function Placeholder(props) {
   var selectProps = props.selectProps;
   return /*#__PURE__*/React__default.createElement(components.Placeholder, _extends$2({}, props, {
-    innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
+    innerProps: _objectSpread$1(_objectSpread$1({}, props.innerProps), {}, {
       "data-cy": selectProps ? "".concat(hyphenize(selectProps.label), "-select-placeholder") : "select-placeholder"
     })
   }));
@@ -25399,7 +25423,7 @@ var Placeholder = function Placeholder(props) {
 var Menu = function Menu(props) {
   var selectProps = props.selectProps;
   return /*#__PURE__*/React__default.createElement(components.Menu, _extends$2({}, props, {
-    innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
+    innerProps: _objectSpread$1(_objectSpread$1({}, props.innerProps), {}, {
       "data-cy": selectProps ? "".concat(hyphenize(selectProps.label), "-select-menu") : "select-menu"
     })
   }));
@@ -25407,7 +25431,7 @@ var Menu = function Menu(props) {
 var ValueContainer = function ValueContainer(props) {
   var selectProps = props.selectProps;
   return /*#__PURE__*/React__default.createElement(components.ValueContainer, _extends$2({}, props, {
-    innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
+    innerProps: _objectSpread$1(_objectSpread$1({}, props.innerProps), {}, {
       name: selectProps.name,
       "data-cy": selectProps ? "".concat(hyphenize(selectProps.label), "-select-value-container") : "select-value-container"
     })
@@ -25438,7 +25462,7 @@ var Select = function Select(_ref) {
     componentOverrides = _ref.components,
     _ref$optionRemapping = _ref.optionRemapping,
     optionRemapping = _ref$optionRemapping === void 0 ? {} : _ref$optionRemapping,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$5);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$7);
   var inputId = useId(id);
   var Parent = StateManagedSelect;
   if (isCreateable) {
@@ -25503,7 +25527,7 @@ var Select = function Select(_ref) {
       "neeto-ui-react-select__container--medium": size === SIZES$1.medium,
       "neeto-ui-react-select__container--large": size === SIZES$1.large
     }),
-    components: _objectSpread({
+    components: _objectSpread$1({
       Input: CustomInput,
       Option: CustomOption,
       DropdownIndicator: DropdownIndicator,
@@ -25524,7 +25548,7 @@ var Select = function Select(_ref) {
   }, helpText));
 };
 
-var _excluded$4 = ["name", "options", "getOptionValue", "isMulti"];
+var _excluded$6 = ["name", "options", "getOptionValue", "isMulti"];
 var SelectField = /*#__PURE__*/forwardRef$1(function (props, ref) {
   var _props$name = props.name,
     name = _props$name === void 0 ? "" : _props$name,
@@ -25534,7 +25558,7 @@ var SelectField = /*#__PURE__*/forwardRef$1(function (props, ref) {
     getOptionValue = _props$getOptionValue === void 0 ? null : _props$getOptionValue,
     _props$isMulti = props.isMulti,
     isMulti = _props$isMulti === void 0 ? false : _props$isMulti,
-    otherProps = _objectWithoutProperties$1(props, _excluded$4);
+    otherProps = _objectWithoutProperties$1(props, _excluded$6);
   var _useField = useField(name),
     _useField2 = _slicedToArray$1(_useField, 3),
     field = _useField2[0],
@@ -25593,6 +25617,118 @@ var SelectField = /*#__PURE__*/forwardRef$1(function (props, ref) {
 });
 SelectField.displayName = "SelectField";
 
+var NEETO_UI_PRIMARY_500 = "#4558f9";
+
+var _excluded$5 = ["min", "max", "defaultValue", "onChange", "value", "label", "required", "labelProps", "error", "helpText"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Slider = function Slider(_ref) {
+  var _ref$min = _ref.min,
+    min = _ref$min === void 0 ? 0 : _ref$min,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? 100 : _ref$max,
+    _ref$defaultValue = _ref.defaultValue,
+    defaultValue = _ref$defaultValue === void 0 ? 0 : _ref$defaultValue,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? noop$1 : _ref$onChange,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? undefined : _ref$value,
+    label = _ref.label,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    _ref$labelProps = _ref.labelProps,
+    labelProps = _ref$labelProps === void 0 ? {} : _ref$labelProps,
+    error = _ref.error,
+    helpText = _ref.helpText,
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$5);
+  var _id = useId$1();
+  var id = otherProps.id || _id;
+  var errorId = "error_".concat(id);
+  var helpTextId = "helpText_".concat(id);
+  return /*#__PURE__*/React__default.createElement(_ConfigProvider, {
+    theme: {
+      token: _objectSpread({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
+      components: {
+        Slider: {
+          dotActiveBorderColor: "rgb(var(--neeto-ui-primary-500))",
+          dotBorderColor: "rgb(var(--neeto-ui-gray-500))",
+          handleActiveColor: "rgb(var(--neeto-ui-primary-600))",
+          handleColor: "rgb(var(--neeto-ui-primary-500))",
+          railBg: "rgb(var(--neeto-ui-gray-200))",
+          railHoverBg: "rgb(var(--neeto-ui-gray-300))",
+          trackBg: "rgb(var(--neeto-ui-primary-500))",
+          trackBgDisabled: "rgb(var(--neeto-ui-gray-100))",
+          trackHoverBg: "rgb(var(--neeto-ui-primary-600))",
+          // Global overrides
+          colorFillContentHover: "rgb(var(--neeto-ui-gray-600))"
+        }
+      }
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-input__wrapper"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-input__label-wrapper"
+  }, label && /*#__PURE__*/React__default.createElement(Label, _extends$2({
+    "data-cy": "".concat(hyphenize(label), "-slider-label"),
+    htmlFor: id,
+    required: required
+  }, labelProps), label)), /*#__PURE__*/React__default.createElement(_Slider, _extends$2({
+    max: max,
+    min: min,
+    value: value,
+    defaultValue: defaultValue,
+    onChange: onChange,
+    className: "neeto-ui-w-full",
+    handleStyle: {
+      backgroundColor: NEETO_UI_PRIMARY_500
+    },
+    tooltip: {
+      formatter: null
+    },
+    trackStyle: {
+      backgroundColor: NEETO_UI_PRIMARY_500
+    }
+  }, otherProps, {
+    id: id
+  })), !!error && /*#__PURE__*/React__default.createElement(Typography, {
+    className: "neeto-ui-input__error",
+    "data-cy": "".concat(hyphenize(label), "-input-error"),
+    id: errorId,
+    style: "body3"
+  }, error), helpText && /*#__PURE__*/React__default.createElement(Typography, {
+    className: "neeto-ui-input__help-text",
+    "data-cy": "".concat(hyphenize(label), "-input-help"),
+    id: helpTextId,
+    style: "body3"
+  }, helpText)));
+};
+
+var _excluded$4 = ["name"];
+var FormikSlider = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
+  var name = _ref.name,
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$4);
+  var _useField = useField(name),
+    _useField2 = _slicedToArray$1(_useField, 3),
+    field = _useField2[0],
+    meta = _useField2[1],
+    _useField2$ = _useField2[2],
+    setValue = _useField2$.setValue,
+    setTouched = _useField2$.setTouched;
+  return /*#__PURE__*/React__default.createElement(Slider, _extends$2({
+    error: meta.error || "",
+    ref: ref
+  }, field, {
+    name: name,
+    onBlur: function onBlur() {
+      return setTouched(true);
+    },
+    onChange: function onChange(value) {
+      return setValue(value);
+    }
+  }, otherProps));
+});
+FormikSlider.displayName = "Slider";
+
 var _excluded$3 = ["label", "required", "className", "error", "onChange", "labelProps", "children"];
 var Switch = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   var _ref$label = _ref.label,
@@ -25791,5 +25927,5 @@ FormikTextarea.propTypes = {
   name: propTypes.exports.string
 };
 
-export { ActionBlock, BlockNavigation, FormikButton as Button, Checkbox, Form, FormikInput as Input, FormikMultiEmailInput as MultiEmailInput, RadioGroup as Radio, SelectField as Select, FormikSwitch as Switch, FormikTextarea as Textarea };
+export { ActionBlock, BlockNavigation, FormikButton as Button, Checkbox, Form, FormikInput as Input, FormikMultiEmailInput as MultiEmailInput, RadioGroup as Radio, SelectField as Select, FormikSlider as Slider, FormikSwitch as Switch, FormikTextarea as Textarea };
 //# sourceMappingURL=formik.js.map