@emeraldemperaur/vector-sigma 1.2.0 → 1.3.0

package/lib/index.cjs

@@ -2,6 +2,7 @@
 
 var React = require('react');
 var ReactDOM = require('react-dom');
+var formik = require('formik');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -9248,473 +9249,6 @@ const vectorSigma = (name) => {
             name)));
 };
 
-var isProduction = process.env.NODE_ENV === 'production';
-function warning(condition, message) {
-  if (!isProduction) {
-
-    var text = "Warning: " + message;
-
-    if (typeof console !== 'undefined') {
-      console.warn(text);
-    }
-
-    try {
-      throw Error(text);
-    } catch (x) {}
-  }
-}
-
-var reactIs = {exports: {}};
-
-var reactIs_production_min = {};
-
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactIs_production_min;
-
-function requireReactIs_production_min () {
-	if (hasRequiredReactIs_production_min) return reactIs_production_min;
-	hasRequiredReactIs_production_min = 1;
-var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
-	Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
-	function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r;reactIs_production_min.Portal=d;
-	reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t};
-	reactIs_production_min.isMemo=function(a){return z(a)===r};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
-	reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
-	return reactIs_production_min;
-}
-
-var reactIs_development = {};
-
-/** @license React v16.13.1
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactIs_development;
-
-function requireReactIs_development () {
-	if (hasRequiredReactIs_development) return reactIs_development;
-	hasRequiredReactIs_development = 1;
-
-
-
-	if (process.env.NODE_ENV !== "production") {
-	  (function() {
-
-	// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
-	// nor polyfill, then a plain number is used for performance.
-	var hasSymbol = typeof Symbol === 'function' && Symbol.for;
-	var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
-	var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
-	var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
-	var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
-	var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
-	var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
-	var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
-	// (unstable) APIs that have been removed. Can we remove the symbols?
-
-	var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
-	var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
-	var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
-	var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
-	var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
-	var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
-	var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
-	var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
-	var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
-	var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
-	var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
-
-	function isValidElementType(type) {
-	  return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-	  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
-	}
-
-	function typeOf(object) {
-	  if (typeof object === 'object' && object !== null) {
-	    var $$typeof = object.$$typeof;
-
-	    switch ($$typeof) {
-	      case REACT_ELEMENT_TYPE:
-	        var type = object.type;
-
-	        switch (type) {
-	          case REACT_ASYNC_MODE_TYPE:
-	          case REACT_CONCURRENT_MODE_TYPE:
-	          case REACT_FRAGMENT_TYPE:
-	          case REACT_PROFILER_TYPE:
-	          case REACT_STRICT_MODE_TYPE:
-	          case REACT_SUSPENSE_TYPE:
-	            return type;
-
-	          default:
-	            var $$typeofType = type && type.$$typeof;
-
-	            switch ($$typeofType) {
-	              case REACT_CONTEXT_TYPE:
-	              case REACT_FORWARD_REF_TYPE:
-	              case REACT_LAZY_TYPE:
-	              case REACT_MEMO_TYPE:
-	              case REACT_PROVIDER_TYPE:
-	                return $$typeofType;
-
-	              default:
-	                return $$typeof;
-	            }
-
-	        }
-
-	      case REACT_PORTAL_TYPE:
-	        return $$typeof;
-	    }
-	  }
-
-	  return undefined;
-	} // AsyncMode is deprecated along with isAsyncMode
-
-	var AsyncMode = REACT_ASYNC_MODE_TYPE;
-	var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
-	var ContextConsumer = REACT_CONTEXT_TYPE;
-	var ContextProvider = REACT_PROVIDER_TYPE;
-	var Element = REACT_ELEMENT_TYPE;
-	var ForwardRef = REACT_FORWARD_REF_TYPE;
-	var Fragment = REACT_FRAGMENT_TYPE;
-	var Lazy = REACT_LAZY_TYPE;
-	var Memo = REACT_MEMO_TYPE;
-	var Portal = REACT_PORTAL_TYPE;
-	var Profiler = REACT_PROFILER_TYPE;
-	var StrictMode = REACT_STRICT_MODE_TYPE;
-	var Suspense = REACT_SUSPENSE_TYPE;
-	var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
-
-	function isAsyncMode(object) {
-	  {
-	    if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-	      hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
-
-	      console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
-	    }
-	  }
-
-	  return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
-	}
-	function isConcurrentMode(object) {
-	  return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
-	}
-	function isContextConsumer(object) {
-	  return typeOf(object) === REACT_CONTEXT_TYPE;
-	}
-	function isContextProvider(object) {
-	  return typeOf(object) === REACT_PROVIDER_TYPE;
-	}
-	function isElement(object) {
-	  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-	}
-	function isForwardRef(object) {
-	  return typeOf(object) === REACT_FORWARD_REF_TYPE;
-	}
-	function isFragment(object) {
-	  return typeOf(object) === REACT_FRAGMENT_TYPE;
-	}
-	function isLazy(object) {
-	  return typeOf(object) === REACT_LAZY_TYPE;
-	}
-	function isMemo(object) {
-	  return typeOf(object) === REACT_MEMO_TYPE;
-	}
-	function isPortal(object) {
-	  return typeOf(object) === REACT_PORTAL_TYPE;
-	}
-	function isProfiler(object) {
-	  return typeOf(object) === REACT_PROFILER_TYPE;
-	}
-	function isStrictMode(object) {
-	  return typeOf(object) === REACT_STRICT_MODE_TYPE;
-	}
-	function isSuspense(object) {
-	  return typeOf(object) === REACT_SUSPENSE_TYPE;
-	}
-
-	reactIs_development.AsyncMode = AsyncMode;
-	reactIs_development.ConcurrentMode = ConcurrentMode;
-	reactIs_development.ContextConsumer = ContextConsumer;
-	reactIs_development.ContextProvider = ContextProvider;
-	reactIs_development.Element = Element;
-	reactIs_development.ForwardRef = ForwardRef;
-	reactIs_development.Fragment = Fragment;
-	reactIs_development.Lazy = Lazy;
-	reactIs_development.Memo = Memo;
-	reactIs_development.Portal = Portal;
-	reactIs_development.Profiler = Profiler;
-	reactIs_development.StrictMode = StrictMode;
-	reactIs_development.Suspense = Suspense;
-	reactIs_development.isAsyncMode = isAsyncMode;
-	reactIs_development.isConcurrentMode = isConcurrentMode;
-	reactIs_development.isContextConsumer = isContextConsumer;
-	reactIs_development.isContextProvider = isContextProvider;
-	reactIs_development.isElement = isElement;
-	reactIs_development.isForwardRef = isForwardRef;
-	reactIs_development.isFragment = isFragment;
-	reactIs_development.isLazy = isLazy;
-	reactIs_development.isMemo = isMemo;
-	reactIs_development.isPortal = isPortal;
-	reactIs_development.isProfiler = isProfiler;
-	reactIs_development.isStrictMode = isStrictMode;
-	reactIs_development.isSuspense = isSuspense;
-	reactIs_development.isValidElementType = isValidElementType;
-	reactIs_development.typeOf = typeOf;
-	  })();
-	}
-	return reactIs_development;
-}
-
-var hasRequiredReactIs;
-
-function requireReactIs () {
-	if (hasRequiredReactIs) return reactIs.exports;
-	hasRequiredReactIs = 1;
-
-	if (process.env.NODE_ENV === 'production') {
-	  reactIs.exports = requireReactIs_production_min();
-	} else {
-	  reactIs.exports = requireReactIs_development();
-	}
-	return reactIs.exports;
-}
-
-var hoistNonReactStatics_cjs;
-var hasRequiredHoistNonReactStatics_cjs;
-
-function requireHoistNonReactStatics_cjs () {
-	if (hasRequiredHoistNonReactStatics_cjs) return hoistNonReactStatics_cjs;
-	hasRequiredHoistNonReactStatics_cjs = 1;
-
-	var reactIs = requireReactIs();
-
-	/**
-	 * Copyright 2015, Yahoo! Inc.
-	 * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
-	 */
-	var REACT_STATICS = {
-	  childContextTypes: true,
-	  contextType: true,
-	  contextTypes: true,
-	  defaultProps: true,
-	  displayName: true,
-	  getDefaultProps: true,
-	  getDerivedStateFromError: true,
-	  getDerivedStateFromProps: true,
-	  mixins: true,
-	  propTypes: true,
-	  type: true
-	};
-	var KNOWN_STATICS = {
-	  name: true,
-	  length: true,
-	  prototype: true,
-	  caller: true,
-	  callee: true,
-	  arguments: true,
-	  arity: true
-	};
-	var FORWARD_REF_STATICS = {
-	  '$$typeof': true,
-	  render: true,
-	  defaultProps: true,
-	  displayName: true,
-	  propTypes: true
-	};
-	var MEMO_STATICS = {
-	  '$$typeof': true,
-	  compare: true,
-	  defaultProps: true,
-	  displayName: true,
-	  propTypes: true,
-	  type: true
-	};
-	var TYPE_STATICS = {};
-	TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
-	TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
-
-	function getStatics(component) {
-	  // React v16.11 and below
-	  if (reactIs.isMemo(component)) {
-	    return MEMO_STATICS;
-	  } // React v16.12 and above
-
-
-	  return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;
-	}
-
-	var defineProperty = Object.defineProperty;
-	var getOwnPropertyNames = Object.getOwnPropertyNames;
-	var getOwnPropertySymbols = Object.getOwnPropertySymbols;
-	var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
-	var getPrototypeOf = Object.getPrototypeOf;
-	var objectPrototype = Object.prototype;
-	function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
-	  if (typeof sourceComponent !== 'string') {
-	    // don't hoist over string (html) components
-	    if (objectPrototype) {
-	      var inheritedComponent = getPrototypeOf(sourceComponent);
-
-	      if (inheritedComponent && inheritedComponent !== objectPrototype) {
-	        hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
-	      }
-	    }
-
-	    var keys = getOwnPropertyNames(sourceComponent);
-
-	    if (getOwnPropertySymbols) {
-	      keys = keys.concat(getOwnPropertySymbols(sourceComponent));
-	    }
-
-	    var targetStatics = getStatics(targetComponent);
-	    var sourceStatics = getStatics(sourceComponent);
-
-	    for (var i = 0; i < keys.length; ++i) {
-	      var key = keys[i];
-
-	      if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
-	        var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
-
-	        try {
-	          // Avoid failures from read-only properties
-	          defineProperty(targetComponent, key, descriptor);
-	        } catch (e) {}
-	      }
-	    }
-	  }
-
-	  return targetComponent;
-	}
-
-	hoistNonReactStatics_cjs = hoistNonReactStatics;
-	return hoistNonReactStatics_cjs;
-}
-
-requireHoistNonReactStatics_cjs();
-
-function _extends$5() {
-  _extends$5 = 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$5.apply(this, arguments);
-}
-
-function _objectWithoutPropertiesLoose$8(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 FormikContext = /*#__PURE__*/React.createContext(undefined);
-FormikContext.displayName = 'FormikContext';
-FormikContext.Provider;
-FormikContext.Consumer;
-function useFormikContext() {
-  var formik = React.useContext(FormikContext);
-  !!!formik ? process.env.NODE_ENV !== "production" ? warning(false, "Formik context is undefined, please verify you are calling useFormikContext() as child of a <Formik> component.") : warning() : void 0;
-  return formik;
-}
-/** @private is the given object an Object? */
-
-var isObject$3 = function isObject(obj) {
-  return obj !== null && typeof obj === 'object';
-};
-
-function useField(propsOrFieldName) {
-  var formik = useFormikContext();
-  var getFieldProps = formik.getFieldProps,
-      getFieldMeta = formik.getFieldMeta,
-      getFieldHelpers = formik.getFieldHelpers,
-      registerField = formik.registerField,
-      unregisterField = formik.unregisterField;
-  var isAnObject = isObject$3(propsOrFieldName); // Normalize propsOrFieldName to FieldHookConfig<Val>
-
-  var props = isAnObject ? propsOrFieldName : {
-    name: propsOrFieldName
-  };
-  var fieldName = props.name,
-      validateFn = props.validate;
-  React.useEffect(function () {
-    if (fieldName) {
-      registerField(fieldName, {
-        validate: validateFn
-      });
-    }
-
-    return function () {
-      if (fieldName) {
-        unregisterField(fieldName);
-      }
-    };
-  }, [registerField, unregisterField, fieldName, validateFn]);
-
-  if (process.env.NODE_ENV !== "production") {
-    !formik ? process.env.NODE_ENV !== "production" ? warning(false, 'useField() / <Field /> must be used underneath a <Formik> component or withFormik() higher order component') : warning() : void 0;
-  }
-
-  !fieldName ? process.env.NODE_ENV !== "production" ? warning(false, 'Invalid field name. Either pass `useField` a string or an object containing a `name` key.') : warning() : void 0;
-  var fieldHelpers = React.useMemo(function () {
-    return getFieldHelpers(fieldName);
-  }, [getFieldHelpers, fieldName]);
-  return [getFieldProps(props), getFieldMeta(fieldName), fieldHelpers];
-}
-
-var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  // iOS needs an "action" attribute for nice input: https://stackoverflow.com/a/39485162/406725
-  // We default the action to "#" in case the preventDefault fails (just updates the URL hash)
-  var action = props.action,
-      rest = _objectWithoutPropertiesLoose$8(props, ["action"]);
-
-  var _action = action != null ? action : '#';
-
-  var _useFormikContext = useFormikContext(),
-      handleReset = _useFormikContext.handleReset,
-      handleSubmit = _useFormikContext.handleSubmit;
-
-  return React.createElement("form", _extends$5({
-    onSubmit: handleSubmit,
-    ref: ref,
-    onReset: handleReset,
-    action: _action
-  }, rest));
-});
-Form.displayName = 'Form';
-
 function _objectWithoutPropertiesLoose$7(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -12562,8 +12096,8 @@ const getStyles$1 = (inputtype, shape, hasError) => {
 };
 const xAvatar = (_a) => {
     var { inputtype = 'avatar', alias, readOnly, width, placeholder = '', value, shape = 'circle', size = 120, style, accept = 'image/*' } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "shape", "size", "style", "accept"]);
-    const [field, meta, helpers] = useField(alias);
-    const { setTouched } = useFormikContext();
+    const [field, meta, helpers] = formik.useField(alias);
+    const { setTouched } = formik.useFormikContext();
     const inputRef = React.useRef(null);
     const [previewUrl, setPreviewUrl] = React.useState(null);
     const inputId = `${alias}FormInput` || crypto.randomUUID();
@@ -12802,8 +12336,8 @@ const xButton = (_a) => {
 
 const CheckboxGroup = (_a) => {
     var { inputtype = 'checkbox', alias, readOnly, width, placeholder = '', style, value, inputoptions, direction = 'column', columns, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "style", "value", "inputoptions", "direction", "columns", "className"]);
-    const { setFieldValue, setFieldTouched } = useFormikContext();
-    const [field, meta] = useField(alias);
+    const { setFieldValue, setFieldTouched } = formik.useFormikContext();
+    const [field, meta] = formik.useField(alias);
     const currentValues = (Array.isArray(field.value) ? field.value : []);
     const hasError = Boolean(meta.touched && meta.error);
     const containerRef = React.useRef(null);
@@ -12909,8 +12443,8 @@ const getDesignStyles = (inputtype, isOpen) => {
 };
 const ConditionalTrigger = (_a) => {
     var { alias, readOnly, width, placeholder = '', value, inputtype = 'conditionaltoggle', triggerValue = true, inputoptions = [], toggledinputtype = inputtype, children, style, className } = _a, props = __rest$1(_a, ["alias", "readOnly", "width", "placeholder", "value", "inputtype", "triggerValue", "inputoptions", "toggledinputtype", "children", "style", "className"]);
-    const [field, meta, helpers] = useField(alias);
-    const { setTouched } = useFormikContext();
+    const [field, meta, helpers] = formik.useField(alias);
+    const { setTouched } = formik.useFormikContext();
     const inputId = `${alias}FormInput` || crypto.randomUUID();
     const errorId = `${alias}-error`;
     // Trigger (Equality) Logic :: If current Field value === trigger value
@@ -21239,8 +20773,8 @@ const ensureDate = (date) => {
 
 const DatePicker = (_a) => {
     var { inputtype = 'datepicker', alias, readOnly, width, placeholder = 'Pick a date', value, minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "minvalue", "maxvalue", "className", "style"]);
-    const { setFieldValue, setFieldTouched } = useFormikContext();
-    const [field, meta] = useField(alias);
+    const { setFieldValue, setFieldTouched } = formik.useFormikContext();
+    const [field, meta] = formik.useField(alias);
     const hasError = Boolean(meta.touched && meta.error);
     const selectedDate = field.value ? (typeof field.value === 'string' ? parseISO(field.value) : field.value) : undefined;
     const parsedMin = ensureDate(minvalue);
@@ -21356,8 +20890,8 @@ const DatePicker = (_a) => {
 const DateRangePicker = (_a) => {
     var _b, _c;
     var { inputtype = 'daterangepicker', alias, readOnly, width, placeholder = '', value, minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "minvalue", "maxvalue", "className", "style"]);
-    const { setFieldValue, setFieldTouched } = useFormikContext();
-    const [field, meta] = useField(alias);
+    const { setFieldValue, setFieldTouched } = formik.useFormikContext();
+    const [field, meta] = formik.useField(alias);
     const hasError = Boolean(meta.touched && meta.error);
     // Range object value format: { from: "2023-01-01", to: "2023-01-05" } :: Strings or Date Objects
     const rawVal = field.value || {};
@@ -21461,8 +20995,8 @@ const DateRangePicker = (_a) => {
 
 const DateTimePicker = (_a) => {
     var { inputtype = 'datetimepicker', alias, readOnly, width, placeholder = '', value, minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "minvalue", "maxvalue", "className", "style"]);
-    const { setFieldValue, setFieldTouched } = useFormikContext();
-    const [field, meta] = useField(alias);
+    const { setFieldValue, setFieldTouched } = formik.useFormikContext();
+    const [field, meta] = formik.useField(alias);
     const hasError = Boolean(meta.touched && meta.error);
     const selectedDate = ensureDate(field.value);
     const parsedMin = ensureDate(minvalue);
@@ -21594,8 +21128,8 @@ const Dropdown = (_a) => {
     var { inputtype = 'dropdown-material', alias, readOnly, width, placeholder, value, inputoptions, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "inputoptions", "style"]);
     const triggerRef = React.useRef(null);
     const [neuVars, setNeuVars] = React.useState({});
-    const { setFieldValue, setFieldTouched } = useFormikContext();
-    const [field, meta] = useField(alias);
+    const { setFieldValue, setFieldTouched } = formik.useFormikContext();
+    const [field, meta] = formik.useField(alias);
     const hasError = Boolean(meta.touched && meta.error);
     React.useEffect(() => {
         if (inputtype === 'dropdown-neumorphic' && triggerRef.current) {
@@ -21718,8 +21252,8 @@ const getFileIcon = (type, name) => {
 const File$1 = (_a) => {
     var _b;
     var { inputtype = 'fileinput', alias, readOnly, width, placeholder = '', value, preview = false, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "preview", "className", "style"]);
-    const { setFieldValue, setFieldTouched } = useFormikContext();
-    const [field, meta] = useField(alias);
+    const { setFieldValue, setFieldTouched } = formik.useFormikContext();
+    const [field, meta] = formik.useField(alias);
     // File object or null
     const selectedFile = field.value;
     const hasError = Boolean(meta.touched && meta.error);
@@ -29194,6 +28728,236 @@ var metadata$1 = {"version":4,"country_calling_codes":{"1":["US","AG","AI","AS",
 
 var propTypes = {exports: {}};
 
+var reactIs = {exports: {}};
+
+var reactIs_production_min = {};
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var hasRequiredReactIs_production_min;
+
+function requireReactIs_production_min () {
+	if (hasRequiredReactIs_production_min) return reactIs_production_min;
+	hasRequiredReactIs_production_min = 1;
+var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
+	Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
+	function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r;reactIs_production_min.Portal=d;
+	reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t};
+	reactIs_production_min.isMemo=function(a){return z(a)===r};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
+	reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
+	return reactIs_production_min;
+}
+
+var reactIs_development = {};
+
+/** @license React v16.13.1
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var hasRequiredReactIs_development;
+
+function requireReactIs_development () {
+	if (hasRequiredReactIs_development) return reactIs_development;
+	hasRequiredReactIs_development = 1;
+
+
+
+	if (process.env.NODE_ENV !== "production") {
+	  (function() {
+
+	// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
+	// nor polyfill, then a plain number is used for performance.
+	var hasSymbol = typeof Symbol === 'function' && Symbol.for;
+	var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
+	var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
+	var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
+	var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
+	var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
+	var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
+	var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+	// (unstable) APIs that have been removed. Can we remove the symbols?
+
+	var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
+	var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
+	var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
+	var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
+	var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
+	var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
+	var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
+	var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
+	var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
+	var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
+	var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
+
+	function isValidElementType(type) {
+	  return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+	  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
+	}
+
+	function typeOf(object) {
+	  if (typeof object === 'object' && object !== null) {
+	    var $$typeof = object.$$typeof;
+
+	    switch ($$typeof) {
+	      case REACT_ELEMENT_TYPE:
+	        var type = object.type;
+
+	        switch (type) {
+	          case REACT_ASYNC_MODE_TYPE:
+	          case REACT_CONCURRENT_MODE_TYPE:
+	          case REACT_FRAGMENT_TYPE:
+	          case REACT_PROFILER_TYPE:
+	          case REACT_STRICT_MODE_TYPE:
+	          case REACT_SUSPENSE_TYPE:
+	            return type;
+
+	          default:
+	            var $$typeofType = type && type.$$typeof;
+
+	            switch ($$typeofType) {
+	              case REACT_CONTEXT_TYPE:
+	              case REACT_FORWARD_REF_TYPE:
+	              case REACT_LAZY_TYPE:
+	              case REACT_MEMO_TYPE:
+	              case REACT_PROVIDER_TYPE:
+	                return $$typeofType;
+
+	              default:
+	                return $$typeof;
+	            }
+
+	        }
+
+	      case REACT_PORTAL_TYPE:
+	        return $$typeof;
+	    }
+	  }
+
+	  return undefined;
+	} // AsyncMode is deprecated along with isAsyncMode
+
+	var AsyncMode = REACT_ASYNC_MODE_TYPE;
+	var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
+	var ContextConsumer = REACT_CONTEXT_TYPE;
+	var ContextProvider = REACT_PROVIDER_TYPE;
+	var Element = REACT_ELEMENT_TYPE;
+	var ForwardRef = REACT_FORWARD_REF_TYPE;
+	var Fragment = REACT_FRAGMENT_TYPE;
+	var Lazy = REACT_LAZY_TYPE;
+	var Memo = REACT_MEMO_TYPE;
+	var Portal = REACT_PORTAL_TYPE;
+	var Profiler = REACT_PROFILER_TYPE;
+	var StrictMode = REACT_STRICT_MODE_TYPE;
+	var Suspense = REACT_SUSPENSE_TYPE;
+	var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
+
+	function isAsyncMode(object) {
+	  {
+	    if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+	      hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
+
+	      console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
+	    }
+	  }
+
+	  return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
+	}
+	function isConcurrentMode(object) {
+	  return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
+	}
+	function isContextConsumer(object) {
+	  return typeOf(object) === REACT_CONTEXT_TYPE;
+	}
+	function isContextProvider(object) {
+	  return typeOf(object) === REACT_PROVIDER_TYPE;
+	}
+	function isElement(object) {
+	  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+	}
+	function isForwardRef(object) {
+	  return typeOf(object) === REACT_FORWARD_REF_TYPE;
+	}
+	function isFragment(object) {
+	  return typeOf(object) === REACT_FRAGMENT_TYPE;
+	}
+	function isLazy(object) {
+	  return typeOf(object) === REACT_LAZY_TYPE;
+	}
+	function isMemo(object) {
+	  return typeOf(object) === REACT_MEMO_TYPE;
+	}
+	function isPortal(object) {
+	  return typeOf(object) === REACT_PORTAL_TYPE;
+	}
+	function isProfiler(object) {
+	  return typeOf(object) === REACT_PROFILER_TYPE;
+	}
+	function isStrictMode(object) {
+	  return typeOf(object) === REACT_STRICT_MODE_TYPE;
+	}
+	function isSuspense(object) {
+	  return typeOf(object) === REACT_SUSPENSE_TYPE;
+	}
+
+	reactIs_development.AsyncMode = AsyncMode;
+	reactIs_development.ConcurrentMode = ConcurrentMode;
+	reactIs_development.ContextConsumer = ContextConsumer;
+	reactIs_development.ContextProvider = ContextProvider;
+	reactIs_development.Element = Element;
+	reactIs_development.ForwardRef = ForwardRef;
+	reactIs_development.Fragment = Fragment;
+	reactIs_development.Lazy = Lazy;
+	reactIs_development.Memo = Memo;
+	reactIs_development.Portal = Portal;
+	reactIs_development.Profiler = Profiler;
+	reactIs_development.StrictMode = StrictMode;
+	reactIs_development.Suspense = Suspense;
+	reactIs_development.isAsyncMode = isAsyncMode;
+	reactIs_development.isConcurrentMode = isConcurrentMode;
+	reactIs_development.isContextConsumer = isContextConsumer;
+	reactIs_development.isContextProvider = isContextProvider;
+	reactIs_development.isElement = isElement;
+	reactIs_development.isForwardRef = isForwardRef;
+	reactIs_development.isFragment = isFragment;
+	reactIs_development.isLazy = isLazy;
+	reactIs_development.isMemo = isMemo;
+	reactIs_development.isPortal = isPortal;
+	reactIs_development.isProfiler = isProfiler;
+	reactIs_development.isStrictMode = isStrictMode;
+	reactIs_development.isSuspense = isSuspense;
+	reactIs_development.isValidElementType = isValidElementType;
+	reactIs_development.typeOf = typeOf;
+	  })();
+	}
+	return reactIs_development;
+}
+
+var hasRequiredReactIs;
+
+function requireReactIs () {
+	if (hasRequiredReactIs) return reactIs.exports;
+	hasRequiredReactIs = 1;
+
+	if (process.env.NODE_ENV === 'production') {
+	  reactIs.exports = requireReactIs_production_min();
+	} else {
+	  reactIs.exports = requireReactIs_development();
+	}
+	return reactIs.exports;
+}
+
 /*
 object-assign
 (c) Sindre Sorhus
@@ -36496,8 +36260,8 @@ var en = {
 };
 
 const PhoneInput = (alias, inputLabel, width, newRow, defaultValue, value, placeholder, readOnly, isHinted, hintText, hintUrl) => {
-    const { setFieldValue, setFieldTouched } = useFormikContext();
-    const [field, meta] = useField(alias);
+    const { setFieldValue, setFieldTouched } = formik.useFormikContext();
+    const [field, meta] = formik.useField(alias);
     const [country, setCountry] = React.useState('US');
     const hasError = Boolean(meta.touched && meta.error);
     return (React.createElement(React.Fragment, null,
@@ -40346,8 +40110,8 @@ const UUIDInput = (alias, type, inputLabel, width, defaultValue, delimiter, form
     if (type.toLocaleLowerCase().startsWith("uuid")) {
         format = parseUuidFormat(type) || format;
     }
-    const { setFieldValue, setFieldTouched } = useFormikContext();
-    const [field, meta] = useField(alias);
+    const { setFieldValue, setFieldTouched } = formik.useFormikContext();
+    const [field, meta] = formik.useField(alias);
     const [uuidFormat] = React.useState(format);
     const maskPattern = uuidFormat.map(len => '*'.repeat(len)).join(delimiter || "-");
     const [copied, setCopied] = React.useState(false);
@@ -41818,8 +41582,8 @@ var cardValidator = /*@__PURE__*/getDefaultExportFromCjs(distExports);
 
 const xCreditCardInput = (alias, inputLabel, width, defaultValue, newRow, placeholder, readOnly, isHinted, hintText, hintUrl) => {
     var _a;
-    const { setFieldValue, setFieldTouched } = useFormikContext();
-    const [field, meta] = useField(alias);
+    const { setFieldValue, setFieldTouched } = formik.useFormikContext();
+    const [field, meta] = formik.useField(alias);
     const hasError = Boolean(meta.touched && meta.error);
     const cardInfo = cardValidator.number(field.value || '');
     const cardType = (_a = cardInfo.card) === null || _a === void 0 ? void 0 : _a.type; // Returns 'visa', 'mastercard', 'american-express'
@@ -41944,9 +41708,9 @@ const CURRENCIES = {
 };
 
 const CurrencyInput = (alias, inputtype, onChange, touched, errorText, inputLabel, width, defaultValue, value, newRow, placeholder, readOnly, isHinted, hintText, hintUrl) => {
-    const { setFieldValue, setFieldTouched } = useFormikContext();
-    const [amountField, amountMeta] = useField(alias);
-    const [currencyField] = useField(inputtype == "currency" ? "USD" : inputtype);
+    const { setFieldValue, setFieldTouched } = formik.useFormikContext();
+    const [amountField, amountMeta] = formik.useField(alias);
+    const [currencyField] = formik.useField(inputtype == "currency" ? "USD" : inputtype);
     const hasError = Boolean(amountMeta.touched && amountMeta.error);
     const activeCurrency = CURRENCIES[currencyField.value] || CURRENCIES.USD;
     return (React.createElement(React.Fragment, null,
@@ -42027,8 +41791,8 @@ function requireFaChartLine () {
 var FaChartLineExports = /*@__PURE__*/ requireFaChartLine();
 
 const StockInput = (alias, inputLabel, width, defaultValue, value, newRow, placeholder, readOnly, isHinted, hintText, hintUrl) => {
-    const { setFieldValue, setFieldTouched } = useFormikContext();
-    const [priceField, meta] = useField(alias);
+    const { setFieldValue, setFieldTouched } = formik.useFormikContext();
+    const [priceField, meta] = formik.useField(alias);
     const hasError = Boolean(meta.touched && meta.error);
     return (React.createElement(React.Fragment, null,
         React.createElement(Column, { span: width, newLine: newRow },
@@ -42085,8 +41849,8 @@ const StockInput = (alias, inputLabel, width, defaultValue, value, newRow, place
 
 const xRadioGroup = (_a) => {
     var { inputtype = 'radio', alias, readOnly, width, placeholder = '', style, value, inputoptions, direction = 'column', columns, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "style", "value", "inputoptions", "direction", "columns", "className"]);
-    const { setFieldValue, setFieldTouched } = useFormikContext();
-    const [field, meta] = useField(alias);
+    const { setFieldValue, setFieldTouched } = formik.useFormikContext();
+    const [field, meta] = formik.useField(alias);
     const hasError = Boolean(meta.touched && meta.error);
     const containerRef = React.useRef(null);
     const [neuVars, setNeuVars] = React.useState({});
@@ -42167,8 +41931,8 @@ const OptionSelect = (_a) => {
     var { inputtype = 'select', alias, readOnly, width, placeholder = '', style, value, inputoptions, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "style", "value", "inputoptions", "className"]);
     const triggerRef = React.useRef(null);
     const [neuVars, setNeuVars] = React.useState({});
-    const { setFieldValue, setFieldTouched } = useFormikContext();
-    const [field, meta] = useField(alias);
+    const { setFieldValue, setFieldTouched } = formik.useFormikContext();
+    const [field, meta] = formik.useField(alias);
     const hasError = Boolean(meta.touched && meta.error);
     React.useEffect(() => {
         if (inputtype === 'select-neumorphic' && triggerRef.current) {
@@ -42250,8 +42014,8 @@ const OptionSelect = (_a) => {
 const MultipleSelect = (_a) => {
     var _b;
     var { inputtype = 'multiselect', alias, readOnly, width, placeholder = '', style, value, inputoptions, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "style", "value", "inputoptions", "className"]);
-    const { setFieldValue, setFieldTouched } = useFormikContext();
-    const [field, meta] = useField(alias);
+    const { setFieldValue, setFieldTouched } = formik.useFormikContext();
+    const [field, meta] = formik.useField(alias);
     const selectedValues = (Array.isArray(field.value) ? field.value : []);
     const hasError = Boolean(meta.touched && meta.error);
     const triggerRef = React.useRef(null);
@@ -42346,8 +42110,8 @@ const MultipleSelect = (_a) => {
 
 const xSlider = (_a) => {
     var { inputtype = 'slider', alias, readOnly, width, placeholder = '', value, minvalue = 0, maxvalue = 100, stepvalue = 1, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "minvalue", "maxvalue", "stepvalue", "className", "style"]);
-    const { setFieldValue, setFieldTouched } = useFormikContext();
-    const [field, meta] = useField(alias);
+    const { setFieldValue, setFieldTouched } = formik.useFormikContext();
+    const [field, meta] = formik.useField(alias);
     const fieldValue = Array.isArray(field.value) ? field.value : [field.value || minvalue];
     const hasError = Boolean(meta.touched && meta.error);
     const containerRef = React.useRef(null);
@@ -42444,8 +42208,8 @@ const xSlider = (_a) => {
 
 const RangeSlider = (_a) => {
     var { inputtype = 'range', alias, readOnly, width, placeholder = '', value, minvalue = 0, maxvalue = 100, stepvalue = 1, minStepsBetweenThumbs = 0, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "minvalue", "maxvalue", "stepvalue", "minStepsBetweenThumbs", "className", "style"]);
-    const { setFieldValue, setFieldTouched } = useFormikContext();
-    const [field, meta] = useField(alias);
+    const { setFieldValue, setFieldTouched } = formik.useFormikContext();
+    const [field, meta] = formik.useField(alias);
     // Range Formik Logic 
     // Synopsis
     // Radix slider component requires an array.