@idea-fragments/react-components-zendesk 0.1.4 → 0.1.5

package/dist/forms.js

@@ -1,5 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var styled = require('styled-components');
 var reactDom = require('react-dom');
@@ -7,1004 +8,27 @@ var reactDom = require('react-dom');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n["default"] = e;
-	return Object.freeze(n);
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
 }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function getAugmentedNamespace(n) {
-  var f = n.default;
-	if (typeof f == "function") {
-		var a = function () {
-			return f.apply(this, arguments);
-		};
-		a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-
-var jsxRuntime = {exports: {}};
-
-var reactJsxRuntime_production_min = {};
-
-/** @license React v16.14.0
- * react-jsx-runtime.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 hasRequiredReactJsxRuntime_production_min;
-
-function requireReactJsxRuntime_production_min () {
-	if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
-	hasRequiredReactJsxRuntime_production_min = 1;
-var f=React__default["default"],g=60103;reactJsxRuntime_production_min.Fragment=60107;if("function"===typeof Symbol&&Symbol.for){var h=Symbol.for;g=h("react.element");reactJsxRuntime_production_min.Fragment=h("react.fragment");}var m=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,n=Object.prototype.hasOwnProperty,p={key:!0,ref:!0,__self:!0,__source:!0};
-	function q(c,a,k){var b,d={},e=null,l=null;void 0!==k&&(e=""+k);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(l=a.ref);for(b in a)n.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return {$$typeof:g,type:c,key:e,ref:l,props:d,_owner:m.current}}reactJsxRuntime_production_min.jsx=q;reactJsxRuntime_production_min.jsxs=q;
-	return reactJsxRuntime_production_min;
-}
-
-var reactJsxRuntime_development = {};
-
-/** @license React v16.14.0
- * react-jsx-runtime.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 hasRequiredReactJsxRuntime_development;
-
-function requireReactJsxRuntime_development () {
-	if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
-	hasRequiredReactJsxRuntime_development = 1;
-	(function (exports) {
-
-		if (process.env.NODE_ENV !== "production") {
-		  (function() {
-
-		var React = React__default["default"];
-
-		// ATTENTION
-		// When adding new symbols to this file,
-		// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-		// 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 REACT_ELEMENT_TYPE = 0xeac7;
-		var REACT_PORTAL_TYPE = 0xeaca;
-		exports.Fragment = 0xeacb;
-		var REACT_STRICT_MODE_TYPE = 0xeacc;
-		var REACT_PROFILER_TYPE = 0xead2;
-		var REACT_PROVIDER_TYPE = 0xeacd;
-		var REACT_CONTEXT_TYPE = 0xeace;
-		var REACT_FORWARD_REF_TYPE = 0xead0;
-		var REACT_SUSPENSE_TYPE = 0xead1;
-		var REACT_SUSPENSE_LIST_TYPE = 0xead8;
-		var REACT_MEMO_TYPE = 0xead3;
-		var REACT_LAZY_TYPE = 0xead4;
-		var REACT_BLOCK_TYPE = 0xead9;
-		var REACT_SERVER_BLOCK_TYPE = 0xeada;
-		var REACT_FUNDAMENTAL_TYPE = 0xead5;
-		var REACT_DEBUG_TRACING_MODE_TYPE = 0xeae1;
-		var REACT_LEGACY_HIDDEN_TYPE = 0xeae3;
-
-		if (typeof Symbol === 'function' && Symbol.for) {
-		  var symbolFor = Symbol.for;
-		  REACT_ELEMENT_TYPE = symbolFor('react.element');
-		  REACT_PORTAL_TYPE = symbolFor('react.portal');
-		  exports.Fragment = symbolFor('react.fragment');
-		  REACT_STRICT_MODE_TYPE = symbolFor('react.strict_mode');
-		  REACT_PROFILER_TYPE = symbolFor('react.profiler');
-		  REACT_PROVIDER_TYPE = symbolFor('react.provider');
-		  REACT_CONTEXT_TYPE = symbolFor('react.context');
-		  REACT_FORWARD_REF_TYPE = symbolFor('react.forward_ref');
-		  REACT_SUSPENSE_TYPE = symbolFor('react.suspense');
-		  REACT_SUSPENSE_LIST_TYPE = symbolFor('react.suspense_list');
-		  REACT_MEMO_TYPE = symbolFor('react.memo');
-		  REACT_LAZY_TYPE = symbolFor('react.lazy');
-		  REACT_BLOCK_TYPE = symbolFor('react.block');
-		  REACT_SERVER_BLOCK_TYPE = symbolFor('react.server.block');
-		  REACT_FUNDAMENTAL_TYPE = symbolFor('react.fundamental');
-		  symbolFor('react.scope');
-		  symbolFor('react.opaque.id');
-		  REACT_DEBUG_TRACING_MODE_TYPE = symbolFor('react.debug_trace_mode');
-		  symbolFor('react.offscreen');
-		  REACT_LEGACY_HIDDEN_TYPE = symbolFor('react.legacy_hidden');
-		}
-
-		var MAYBE_ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
-		var FAUX_ITERATOR_SYMBOL = '@@iterator';
-		function getIteratorFn(maybeIterable) {
-		  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-		    return null;
-		  }
-
-		  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-		  if (typeof maybeIterator === 'function') {
-		    return maybeIterator;
-		  }
-
-		  return null;
-		}
-
-		var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-		function error(format) {
-		  {
-		    for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-		      args[_key2 - 1] = arguments[_key2];
-		    }
-
-		    printWarning('error', format, args);
-		  }
-		}
-
-		function printWarning(level, format, args) {
-		  // When changing this logic, you might want to also
-		  // update consoleWithStackDev.www.js as well.
-		  {
-		    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-		    var stack = '';
-
-		    if (currentlyValidatingElement) {
-		      var name = getComponentName(currentlyValidatingElement.type);
-		      var owner = currentlyValidatingElement._owner;
-		      stack += describeComponentFrame(name, currentlyValidatingElement._source, owner && getComponentName(owner.type));
-		    }
-
-		    stack += ReactDebugCurrentFrame.getStackAddendum();
-
-		    if (stack !== '') {
-		      format += '%s';
-		      args = args.concat([stack]);
-		    }
-
-		    var argsWithFormat = args.map(function (item) {
-		      return '' + item;
-		    }); // Careful: RN currently depends on this prefix
-
-		    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
-		    // breaks IE9: https://github.com/facebook/react/issues/13610
-		    // eslint-disable-next-line react-internal/no-production-logging
-
-		    Function.prototype.apply.call(console[level], console, argsWithFormat);
-		  }
-		}
-
-		// Filter certain DOM attributes (e.g. src, href) if their values are empty strings.
-
-		var enableScopeAPI = false; // Experimental Create Event Handle API.
-
-		function isValidElementType(type) {
-		  if (typeof type === 'string' || typeof type === 'function') {
-		    return true;
-		  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
-
-
-		  if (type === exports.Fragment || type === REACT_PROFILER_TYPE || type === REACT_DEBUG_TRACING_MODE_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || type === REACT_LEGACY_HIDDEN_TYPE || enableScopeAPI ) {
-		    return true;
-		  }
-
-		  if (typeof type === 'object' && type !== null) {
-		    if (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_BLOCK_TYPE || type[0] === REACT_SERVER_BLOCK_TYPE) {
-		      return true;
-		    }
-		  }
-
-		  return false;
-		}
-
-
-		var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
-		function describeComponentFrame (name, source, ownerName) {
-		  var sourceInfo = '';
-
-		  if (source) {
-		    var path = source.fileName;
-		    var fileName = path.replace(BEFORE_SLASH_RE, '');
-
-		    {
-		      // In DEV, include code for a common special case:
-		      // prefer "folder/index.js" instead of just "index.js".
-		      if (/^index\./.test(fileName)) {
-		        var match = path.match(BEFORE_SLASH_RE);
-
-		        if (match) {
-		          var pathBeforeSlash = match[1];
-
-		          if (pathBeforeSlash) {
-		            var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, '');
-		            fileName = folderName + '/' + fileName;
-		          }
-		        }
-		      }
-		    }
-
-		    sourceInfo = ' (at ' + fileName + ':' + source.lineNumber + ')';
-		  } else if (ownerName) {
-		    sourceInfo = ' (created by ' + ownerName + ')';
-		  }
-
-		  return '\n    in ' + (name || 'Unknown') + sourceInfo;
-		}
-
-		var Resolved = 1;
-		function refineResolvedLazyComponent(lazyComponent) {
-		  return lazyComponent._status === Resolved ? lazyComponent._result : null;
-		}
-
-		function getWrappedName(outerType, innerType, wrapperName) {
-		  var functionName = innerType.displayName || innerType.name || '';
-		  return outerType.displayName || (functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName);
-		}
-
-		function getComponentName(type) {
-		  if (type == null) {
-		    // Host root, text node or just invalid type.
-		    return null;
-		  }
-
-		  {
-		    if (typeof type.tag === 'number') {
-		      error('Received an unexpected object in getComponentName(). ' + 'This is likely a bug in React. Please file an issue.');
-		    }
-		  }
-
-		  if (typeof type === 'function') {
-		    return type.displayName || type.name || null;
-		  }
-
-		  if (typeof type === 'string') {
-		    return type;
-		  }
-
-		  switch (type) {
-		    case exports.Fragment:
-		      return 'Fragment';
-
-		    case REACT_PORTAL_TYPE:
-		      return 'Portal';
-
-		    case REACT_PROFILER_TYPE:
-		      return "Profiler";
-
-		    case REACT_STRICT_MODE_TYPE:
-		      return 'StrictMode';
-
-		    case REACT_SUSPENSE_TYPE:
-		      return 'Suspense';
-
-		    case REACT_SUSPENSE_LIST_TYPE:
-		      return 'SuspenseList';
-		  }
-
-		  if (typeof type === 'object') {
-		    switch (type.$$typeof) {
-		      case REACT_CONTEXT_TYPE:
-		        return 'Context.Consumer';
-
-		      case REACT_PROVIDER_TYPE:
-		        return 'Context.Provider';
-
-		      case REACT_FORWARD_REF_TYPE:
-		        return getWrappedName(type, type.render, 'ForwardRef');
-
-		      case REACT_MEMO_TYPE:
-		        return getComponentName(type.type);
-
-		      case REACT_BLOCK_TYPE:
-		        return getComponentName(type.render);
-
-		      case REACT_LAZY_TYPE:
-		        {
-		          var thenable = type;
-		          var resolvedThenable = refineResolvedLazyComponent(thenable);
-
-		          if (resolvedThenable) {
-		            return getComponentName(resolvedThenable);
-		          }
-
-		          break;
-		        }
-		    }
-		  }
-
-		  return null;
-		}
-
-		var loggedTypeFailures = {};
-		ReactSharedInternals.ReactDebugCurrentFrame;
-		var currentlyValidatingElement = null;
-
-		function setCurrentlyValidatingElement(element) {
-		  {
-		    currentlyValidatingElement = element;
-		  }
-		}
-
-		function checkPropTypes(typeSpecs, values, location, componentName, element) {
-		  {
-		    // $FlowFixMe This is okay but Flow doesn't know it.
-		    var has = Function.call.bind(Object.prototype.hasOwnProperty);
-
-		    for (var typeSpecName in typeSpecs) {
-		      if (has(typeSpecs, typeSpecName)) {
-		        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-		        // fail the render phase where it didn't fail before. So we log it.
-		        // After these have been cleaned up, we'll let them throw.
-
-		        try {
-		          // This is intentionally an invariant that gets caught. It's the same
-		          // behavior as without this statement except with a better message.
-		          if (typeof typeSpecs[typeSpecName] !== 'function') {
-		            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-		            err.name = 'Invariant Violation';
-		            throw err;
-		          }
-
-		          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-		        } catch (ex) {
-		          error$1 = ex;
-		        }
-
-		        if (error$1 && !(error$1 instanceof Error)) {
-		          setCurrentlyValidatingElement(element);
-
-		          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-		          setCurrentlyValidatingElement(null);
-		        }
-
-		        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-		          // Only monitor this failure once because there tends to be a lot of the
-		          // same error.
-		          loggedTypeFailures[error$1.message] = true;
-		          setCurrentlyValidatingElement(element);
-
-		          error('Failed %s type: %s', location, error$1.message);
-
-		          setCurrentlyValidatingElement(null);
-		        }
-		      }
-		    }
-		  }
-		}
-
-		var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-		var hasOwnProperty = Object.prototype.hasOwnProperty;
-		var RESERVED_PROPS = {
-		  key: true,
-		  ref: true,
-		  __self: true,
-		  __source: true
-		};
-		var specialPropKeyWarningShown;
-		var specialPropRefWarningShown;
-		var didWarnAboutStringRefs;
-
-		{
-		  didWarnAboutStringRefs = {};
-		}
-
-		function hasValidRef(config) {
-		  {
-		    if (hasOwnProperty.call(config, 'ref')) {
-		      var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;
-
-		      if (getter && getter.isReactWarning) {
-		        return false;
-		      }
-		    }
-		  }
-
-		  return config.ref !== undefined;
-		}
-
-		function hasValidKey(config) {
-		  {
-		    if (hasOwnProperty.call(config, 'key')) {
-		      var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
-
-		      if (getter && getter.isReactWarning) {
-		        return false;
-		      }
-		    }
-		  }
-
-		  return config.key !== undefined;
-		}
-
-		function warnIfStringRefCannotBeAutoConverted(config, self) {
-		  {
-		    if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
-		      var componentName = getComponentName(ReactCurrentOwner.current.type);
-
-		      if (!didWarnAboutStringRefs[componentName]) {
-		        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentName(ReactCurrentOwner.current.type), config.ref);
-
-		        didWarnAboutStringRefs[componentName] = true;
-		      }
-		    }
-		  }
-		}
-
-		function defineKeyPropWarningGetter(props, displayName) {
-		  {
-		    var warnAboutAccessingKey = function () {
-		      if (!specialPropKeyWarningShown) {
-		        specialPropKeyWarningShown = true;
-
-		        error('%s: `key` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://reactjs.org/link/special-props)', displayName);
-		      }
-		    };
-
-		    warnAboutAccessingKey.isReactWarning = true;
-		    Object.defineProperty(props, 'key', {
-		      get: warnAboutAccessingKey,
-		      configurable: true
-		    });
-		  }
-		}
-
-		function defineRefPropWarningGetter(props, displayName) {
-		  {
-		    var warnAboutAccessingRef = function () {
-		      if (!specialPropRefWarningShown) {
-		        specialPropRefWarningShown = true;
-
-		        error('%s: `ref` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://reactjs.org/link/special-props)', displayName);
-		      }
-		    };
-
-		    warnAboutAccessingRef.isReactWarning = true;
-		    Object.defineProperty(props, 'ref', {
-		      get: warnAboutAccessingRef,
-		      configurable: true
-		    });
-		  }
-		}
-		/**
-		 * Factory method to create a new React element. This no longer adheres to
-		 * the class pattern, so do not use new to call it. Also, instanceof check
-		 * will not work. Instead test $$typeof field against Symbol.for('react.element') to check
-		 * if something is a React Element.
-		 *
-		 * @param {*} type
-		 * @param {*} props
-		 * @param {*} key
-		 * @param {string|object} ref
-		 * @param {*} owner
-		 * @param {*} self A *temporary* helper to detect places where `this` is
-		 * different from the `owner` when React.createElement is called, so that we
-		 * can warn. We want to get rid of owner and replace string `ref`s with arrow
-		 * functions, and as long as `this` and owner are the same, there will be no
-		 * change in behavior.
-		 * @param {*} source An annotation object (added by a transpiler or otherwise)
-		 * indicating filename, line number, and/or other information.
-		 * @internal
-		 */
-
-
-		var ReactElement = function (type, key, ref, self, source, owner, props) {
-		  var element = {
-		    // This tag allows us to uniquely identify this as a React Element
-		    $$typeof: REACT_ELEMENT_TYPE,
-		    // Built-in properties that belong on the element
-		    type: type,
-		    key: key,
-		    ref: ref,
-		    props: props,
-		    // Record the component responsible for creating this element.
-		    _owner: owner
-		  };
-
-		  {
-		    // The validation flag is currently mutative. We put it on
-		    // an external backing store so that we can freeze the whole object.
-		    // This can be replaced with a WeakMap once they are implemented in
-		    // commonly used development environments.
-		    element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
-		    // the validation flag non-enumerable (where possible, which should
-		    // include every environment we run tests in), so the test framework
-		    // ignores it.
-
-		    Object.defineProperty(element._store, 'validated', {
-		      configurable: false,
-		      enumerable: false,
-		      writable: true,
-		      value: false
-		    }); // self and source are DEV only properties.
-
-		    Object.defineProperty(element, '_self', {
-		      configurable: false,
-		      enumerable: false,
-		      writable: false,
-		      value: self
-		    }); // Two elements created in two different places should be considered
-		    // equal for testing purposes and therefore we hide it from enumeration.
-
-		    Object.defineProperty(element, '_source', {
-		      configurable: false,
-		      enumerable: false,
-		      writable: false,
-		      value: source
-		    });
-
-		    if (Object.freeze) {
-		      Object.freeze(element.props);
-		      Object.freeze(element);
-		    }
-		  }
-
-		  return element;
-		};
-		/**
-		 * https://github.com/reactjs/rfcs/pull/107
-		 * @param {*} type
-		 * @param {object} props
-		 * @param {string} key
-		 */
-
-		function jsxDEV(type, config, maybeKey, source, self) {
-		  {
-		    var propName; // Reserved names are extracted
-
-		    var props = {};
-		    var key = null;
-		    var ref = null; // Currently, key can be spread in as a prop. This causes a potential
-		    // issue if key is also explicitly declared (ie. <div {...props} key="Hi" />
-		    // or <div key="Hi" {...props} /> ). We want to deprecate key spread,
-		    // but as an intermediary step, we will use jsxDEV for everything except
-		    // <div {...props} key="Hi" />, because we aren't currently able to tell if
-		    // key is explicitly declared to be undefined or not.
-
-		    if (maybeKey !== undefined) {
-		      key = '' + maybeKey;
-		    }
-
-		    if (hasValidKey(config)) {
-		      key = '' + config.key;
-		    }
-
-		    if (hasValidRef(config)) {
-		      ref = config.ref;
-		      warnIfStringRefCannotBeAutoConverted(config, self);
-		    } // Remaining properties are added to a new props object
-
-
-		    for (propName in config) {
-		      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
-		        props[propName] = config[propName];
-		      }
-		    } // Resolve default props
-
-
-		    if (type && type.defaultProps) {
-		      var defaultProps = type.defaultProps;
-
-		      for (propName in defaultProps) {
-		        if (props[propName] === undefined) {
-		          props[propName] = defaultProps[propName];
-		        }
-		      }
-		    }
-
-		    if (key || ref) {
-		      var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
-
-		      if (key) {
-		        defineKeyPropWarningGetter(props, displayName);
-		      }
-
-		      if (ref) {
-		        defineRefPropWarningGetter(props, displayName);
-		      }
-		    }
-
-		    return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
-		  }
-		}
-
-		var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
-		ReactSharedInternals.ReactDebugCurrentFrame;
-
-		function setCurrentlyValidatingElement$1(element) {
-		  currentlyValidatingElement = element;
-		}
-
-		var propTypesMisspellWarningShown;
-
-		{
-		  propTypesMisspellWarningShown = false;
-		}
-		/**
-		 * Verifies the object is a ReactElement.
-		 * See https://reactjs.org/docs/react-api.html#isvalidelement
-		 * @param {?object} object
-		 * @return {boolean} True if `object` is a ReactElement.
-		 * @final
-		 */
-
-		function isValidElement(object) {
-		  {
-		    return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-		  }
-		}
-
-		function getDeclarationErrorAddendum() {
-		  {
-		    if (ReactCurrentOwner$1.current) {
-		      var name = getComponentName(ReactCurrentOwner$1.current.type);
-
-		      if (name) {
-		        return '\n\nCheck the render method of `' + name + '`.';
-		      }
-		    }
-
-		    return '';
-		  }
-		}
-
-		function getSourceInfoErrorAddendum(source) {
-		  {
-		    if (source !== undefined) {
-		      var fileName = source.fileName.replace(/^.*[\\\/]/, '');
-		      var lineNumber = source.lineNumber;
-		      return '\n\nCheck your code at ' + fileName + ':' + lineNumber + '.';
-		    }
-
-		    return '';
-		  }
-		}
-		/**
-		 * Warn if there's no key explicitly set on dynamic arrays of children or
-		 * object keys are not valid. This allows us to keep track of children between
-		 * updates.
-		 */
-
-
-		var ownerHasKeyUseWarning = {};
-
-		function getCurrentComponentErrorInfo(parentType) {
-		  {
-		    var info = getDeclarationErrorAddendum();
-
-		    if (!info) {
-		      var parentName = typeof parentType === 'string' ? parentType : parentType.displayName || parentType.name;
-
-		      if (parentName) {
-		        info = "\n\nCheck the top-level render call using <" + parentName + ">.";
-		      }
-		    }
-
-		    return info;
-		  }
-		}
-		/**
-		 * Warn if the element doesn't have an explicit key assigned to it.
-		 * This element is in an array. The array could grow and shrink or be
-		 * reordered. All children that haven't already been validated are required to
-		 * have a "key" property assigned to it. Error statuses are cached so a warning
-		 * will only be shown once.
-		 *
-		 * @internal
-		 * @param {ReactElement} element Element that requires a key.
-		 * @param {*} parentType element's parent's type.
-		 */
-
-
-		function validateExplicitKey(element, parentType) {
-		  {
-		    if (!element._store || element._store.validated || element.key != null) {
-		      return;
-		    }
-
-		    element._store.validated = true;
-		    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
-
-		    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
-		      return;
-		    }
-
-		    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
-		    // property, it may be the creator of the child that's responsible for
-		    // assigning it a key.
-
-		    var childOwner = '';
-
-		    if (element && element._owner && element._owner !== ReactCurrentOwner$1.current) {
-		      // Give the component that originally created this child.
-		      childOwner = " It was passed a child from " + getComponentName(element._owner.type) + ".";
-		    }
-
-		    setCurrentlyValidatingElement$1(element);
-
-		    error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
-
-		    setCurrentlyValidatingElement$1(null);
-		  }
-		}
-		/**
-		 * Ensure that every element either is passed in a static location, in an
-		 * array with an explicit keys property defined, or in an object literal
-		 * with valid key property.
-		 *
-		 * @internal
-		 * @param {ReactNode} node Statically passed child of any type.
-		 * @param {*} parentType node's parent's type.
-		 */
-
-
-		function validateChildKeys(node, parentType) {
-		  {
-		    if (typeof node !== 'object') {
-		      return;
-		    }
-
-		    if (Array.isArray(node)) {
-		      for (var i = 0; i < node.length; i++) {
-		        var child = node[i];
-
-		        if (isValidElement(child)) {
-		          validateExplicitKey(child, parentType);
-		        }
-		      }
-		    } else if (isValidElement(node)) {
-		      // This element was passed in a valid location.
-		      if (node._store) {
-		        node._store.validated = true;
-		      }
-		    } else if (node) {
-		      var iteratorFn = getIteratorFn(node);
-
-		      if (typeof iteratorFn === 'function') {
-		        // Entry iterators used to provide implicit keys,
-		        // but now we print a separate warning for them later.
-		        if (iteratorFn !== node.entries) {
-		          var iterator = iteratorFn.call(node);
-		          var step;
-
-		          while (!(step = iterator.next()).done) {
-		            if (isValidElement(step.value)) {
-		              validateExplicitKey(step.value, parentType);
-		            }
-		          }
-		        }
-		      }
-		    }
-		  }
-		}
-		/**
-		 * Given an element, validate that its props follow the propTypes definition,
-		 * provided by the type.
-		 *
-		 * @param {ReactElement} element
-		 */
-
-
-		function validatePropTypes(element) {
-		  {
-		    var type = element.type;
-
-		    if (type === null || type === undefined || typeof type === 'string') {
-		      return;
-		    }
-
-		    var propTypes;
-
-		    if (typeof type === 'function') {
-		      propTypes = type.propTypes;
-		    } else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
-		    // Inner props are checked in the reconciler.
-		    type.$$typeof === REACT_MEMO_TYPE)) {
-		      propTypes = type.propTypes;
-		    } else {
-		      return;
-		    }
-
-		    if (propTypes) {
-		      // Intentionally inside to avoid triggering lazy initializers:
-		      var name = getComponentName(type);
-		      checkPropTypes(propTypes, element.props, 'prop', name, element);
-		    } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
-		      propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
-
-		      var _name = getComponentName(type);
-
-		      error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
-		    }
-
-		    if (typeof type.getDefaultProps === 'function' && !type.getDefaultProps.isReactClassApproved) {
-		      error('getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.');
-		    }
-		  }
-		}
-		/**
-		 * Given a fragment, validate that it can only be provided with fragment props
-		 * @param {ReactElement} fragment
-		 */
-
-
-		function validateFragmentProps(fragment) {
-		  {
-		    var keys = Object.keys(fragment.props);
-
-		    for (var i = 0; i < keys.length; i++) {
-		      var key = keys[i];
-
-		      if (key !== 'children' && key !== 'key') {
-		        setCurrentlyValidatingElement$1(fragment);
-
-		        error('Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);
-
-		        setCurrentlyValidatingElement$1(null);
-		        break;
-		      }
-		    }
-
-		    if (fragment.ref !== null) {
-		      setCurrentlyValidatingElement$1(fragment);
-
-		      error('Invalid attribute `ref` supplied to `React.Fragment`.');
-
-		      setCurrentlyValidatingElement$1(null);
-		    }
-		  }
-		}
-
-		function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
-		  {
-		    var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
-		    // succeed and there will likely be errors in render.
-
-		    if (!validType) {
-		      var info = '';
-
-		      if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
-		        info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
-		      }
-
-		      var sourceInfo = getSourceInfoErrorAddendum(source);
-
-		      if (sourceInfo) {
-		        info += sourceInfo;
-		      } else {
-		        info += getDeclarationErrorAddendum();
-		      }
-
-		      var typeString;
-
-		      if (type === null) {
-		        typeString = 'null';
-		      } else if (Array.isArray(type)) {
-		        typeString = 'array';
-		      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
-		        typeString = "<" + (getComponentName(type.type) || 'Unknown') + " />";
-		        info = ' Did you accidentally export a JSX literal instead of a component?';
-		      } else {
-		        typeString = typeof type;
-		      }
-
-		      error('React.jsx: type is invalid -- expected a string (for ' + 'built-in components) or a class/function (for composite ' + 'components) but got: %s.%s', typeString, info);
-		    }
-
-		    var element = jsxDEV(type, props, key, source, self); // The result can be nullish if a mock or a custom function is used.
-		    // TODO: Drop this when these are no longer allowed as the type argument.
-
-		    if (element == null) {
-		      return element;
-		    } // Skip key warning if the type isn't valid since our key validation logic
-		    // doesn't expect a non-string/function type and can throw confusing errors.
-		    // We don't want exception behavior to differ between dev and prod.
-		    // (Rendering will throw with a helpful message and as soon as the type is
-		    // fixed, the key warnings will appear.)
-
-
-		    if (validType) {
-		      var children = props.children;
-
-		      if (children !== undefined) {
-		        if (isStaticChildren) {
-		          if (Array.isArray(children)) {
-		            for (var i = 0; i < children.length; i++) {
-		              validateChildKeys(children[i], type);
-		            }
-
-		            if (Object.freeze) {
-		              Object.freeze(children);
-		            }
-		          } else {
-		            error('React.jsx: Static children should always be an array. ' + 'You are likely explicitly calling React.jsxs or React.jsxDEV. ' + 'Use the Babel transform instead.');
-		          }
-		        } else {
-		          validateChildKeys(children, type);
-		        }
-		      }
-		    }
-
-		    if (type === exports.Fragment) {
-		      validateFragmentProps(element);
-		    } else {
-		      validatePropTypes(element);
-		    }
-
-		    return element;
-		  }
-		} // These two functions exist to still get child warnings in dev
-		// even with the prod transform. This means that jsxDEV is purely
-		// opt-in behavior for better messages but that we won't stop
-		// giving you warnings if you use production apis.
-
-		function jsxWithValidationStatic(type, props, key) {
-		  {
-		    return jsxWithValidation(type, props, key, true);
-		  }
-		}
-		function jsxWithValidationDynamic(type, props, key) {
-		  {
-		    return jsxWithValidation(type, props, key, false);
-		  }
-		}
-
-		var jsx =  jsxWithValidationDynamic ; // we may want to special case jsxs internally to take advantage of static children.
-		// for now we can ship identical prod functions
-
-		var jsxs =  jsxWithValidationStatic ;
-
-		exports.jsx = jsx;
-		exports.jsxs = jsxs;
-		  })();
-		}
-} (reactJsxRuntime_development));
-	return reactJsxRuntime_development;
-}
-
-(function (module) {
-
-	if (process.env.NODE_ENV === 'production') {
-	  module.exports = requireReactJsxRuntime_production_min();
-	} else {
-	  module.exports = requireReactJsxRuntime_development();
-	}
-} (jsxRuntime));
-
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -1129,6 +153,33 @@ function __makeTemplateObject(cooked, raw) {
     return cooked;
 }
 
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function getAugmentedNamespace(n) {
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function () {
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
 var dist$b = {};
 
 var propTypes$1 = {exports: {}};
@@ -7176,11 +6227,11 @@ function Reference(props) {
  // Public types
 
 var esm = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	Popper: Popper,
-	placements: placements,
-	Manager: Manager,
-	Reference: Reference
+    __proto__: null,
+    Popper: Popper,
+    placements: placements,
+    Manager: Manager,
+    Reference: Reference
 });
 
 var require$$6$3 = /*@__PURE__*/getAugmentedNamespace(esm);
@@ -9744,10 +8795,10 @@ function useSelect(userProps) {
 }
 
 var downshift_esm = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': Downshift,
-	resetIdCounter: resetIdCounter,
-	useSelect: useSelect
+    __proto__: null,
+    'default': Downshift,
+    resetIdCounter: resetIdCounter,
+    useSelect: useSelect
 });
 
 var require$$7$3 = /*@__PURE__*/getAugmentedNamespace(downshift_esm);
@@ -10126,9 +9177,9 @@ SelectionContainer.propTypes = {
 };
 
 var index_esm$2 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	SelectionContainer: SelectionContainer,
-	useSelection: useSelection
+    __proto__: null,
+    SelectionContainer: SelectionContainer,
+    useSelection: useSelection
 });
 
 var require$$1$1 = /*@__PURE__*/getAugmentedNamespace(index_esm$2);
@@ -18341,70 +17392,70 @@ function transitions() {
 }
 
 var polished_es = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	adjustHue: curriedAdjustHue,
-	animation: animation,
-	backgroundImages: backgroundImages,
-	backgrounds: backgrounds,
-	between: between,
-	border: border,
-	borderColor: borderColor,
-	borderRadius: borderRadius,
-	borderStyle: borderStyle,
-	borderWidth: borderWidth,
-	buttons: buttons,
-	clearFix: clearFix,
-	complement: complement,
-	cover: cover,
-	darken: curriedDarken,
-	desaturate: curriedDesaturate,
-	directionalProperty: directionalProperty,
-	ellipsis: ellipsis,
-	em: em,
-	fluidRange: fluidRange,
-	fontFace: fontFace,
-	getLuminance: getLuminance,
-	getValueAndUnit: getValueAndUnit,
-	grayscale: grayscale,
-	invert: invert,
-	hideText: hideText,
-	hideVisually: hideVisually,
-	hiDPI: hiDPI,
-	hsl: hsl,
-	hsla: hsla,
-	lighten: curriedLighten,
-	margin: margin,
-	mix: curriedMix,
-	modularScale: modularScale,
-	normalize: normalize,
-	opacify: curriedOpacify,
-	padding: padding,
-	parseToHsl: parseToHsl,
-	parseToRgb: parseToRgb,
-	placeholder: placeholder,
-	position: position,
-	radialGradient: radialGradient,
-	readableColor: readableColor,
-	rem: rem,
-	retinaImage: retinaImage,
-	rgb: rgb,
-	rgba: rgba,
-	saturate: curriedSaturate,
-	selection: selection,
-	setHue: curriedSetHue,
-	setLightness: curriedSetLightness,
-	setSaturation: curriedSetSaturation,
-	shade: curriedShade,
-	size: size,
-	stripUnit: stripUnit,
-	textInputs: textInputs,
-	timingFunctions: timingFunctions,
-	tint: curriedTint,
-	toColorString: toColorString,
-	transitions: transitions,
-	transparentize: curriedTransparentize,
-	triangle: triangle,
-	wordWrap: wordWrap
+    __proto__: null,
+    adjustHue: curriedAdjustHue,
+    animation: animation,
+    backgroundImages: backgroundImages,
+    backgrounds: backgrounds,
+    between: between,
+    border: border,
+    borderColor: borderColor,
+    borderRadius: borderRadius,
+    borderStyle: borderStyle,
+    borderWidth: borderWidth,
+    buttons: buttons,
+    clearFix: clearFix,
+    complement: complement,
+    cover: cover,
+    darken: curriedDarken,
+    desaturate: curriedDesaturate,
+    directionalProperty: directionalProperty,
+    ellipsis: ellipsis,
+    em: em,
+    fluidRange: fluidRange,
+    fontFace: fontFace,
+    getLuminance: getLuminance,
+    getValueAndUnit: getValueAndUnit,
+    grayscale: grayscale,
+    invert: invert,
+    hideText: hideText,
+    hideVisually: hideVisually,
+    hiDPI: hiDPI,
+    hsl: hsl,
+    hsla: hsla,
+    lighten: curriedLighten,
+    margin: margin,
+    mix: curriedMix,
+    modularScale: modularScale,
+    normalize: normalize,
+    opacify: curriedOpacify,
+    padding: padding,
+    parseToHsl: parseToHsl,
+    parseToRgb: parseToRgb,
+    placeholder: placeholder,
+    position: position,
+    radialGradient: radialGradient,
+    readableColor: readableColor,
+    rem: rem,
+    retinaImage: retinaImage,
+    rgb: rgb,
+    rgba: rgba,
+    saturate: curriedSaturate,
+    selection: selection,
+    setHue: curriedSetHue,
+    setLightness: curriedSetLightness,
+    setSaturation: curriedSetSaturation,
+    shade: curriedShade,
+    size: size,
+    stripUnit: stripUnit,
+    textInputs: textInputs,
+    timingFunctions: timingFunctions,
+    tint: curriedTint,
+    toColorString: toColorString,
+    transitions: transitions,
+    transparentize: curriedTransparentize,
+    triangle: triangle,
+    wordWrap: wordWrap
 });
 
 var require$$4$2 = /*@__PURE__*/getAugmentedNamespace(polished_es);
@@ -19952,8 +19003,8 @@ var Loadable = function (_a) {
         }, 500);
     }, [debugId, isMounted, showSpinner]);
     var showingSpinner = showSpinner || !canHideSpinner;
-    return jsxRuntime.exports.jsxs(Container$4, __assign$2({ justifyContent: "center", gap: "unset", alignItems: "center" }, { children: [jsxRuntime.exports.jsx(ChildrenContainer, __assign$2({ gap: "unset", className: className, opaqueSpinner: opaqueSpinner, showSpinner: showingSpinner, withRows: true }, { children: children })), showingSpinner
-                ? jsxRuntime.exports.jsx(LoaderContainer, __assign$2({ justifyContent: "center", alignItems: "center", showSpinner: showingSpinner }, { children: jsxRuntime.exports.jsx(dist$8.Dots, { color: theme.styles.colorPrimary, size: FONT_SIZES.XXL, delayMS: 100, velocity: -.25 }) }))
+    return jsxRuntime.jsxs(Container$4, __assign$2({ justifyContent: "center", gap: "unset", alignItems: "center" }, { children: [jsxRuntime.jsx(ChildrenContainer, __assign$2({ gap: "unset", className: className, opaqueSpinner: opaqueSpinner, showSpinner: showingSpinner, withRows: true }, { children: children })), showingSpinner
+                ? jsxRuntime.jsx(LoaderContainer, __assign$2({ justifyContent: "center", alignItems: "center", showSpinner: showingSpinner }, { children: jsxRuntime.jsx(dist$8.Dots, { color: theme.styles.colorPrimary, size: FONT_SIZES.XXL, delayMS: 100, velocity: -.25 }) }))
                 : null] }));
 };
 Loadable = styled__default["default"](Loadable)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject([""], [""])));
@@ -37242,10 +36293,10 @@ exports.Dropdown = function (props) {
     message = (_e = validation === null || validation === void 0 ? void 0 : validation.message) !== null && _e !== void 0 ? _e : message;
     var messageNode = message
         ?
-            jsxRuntime.exports.jsx(dist$b.Message, __assign$2({ validation: validation.validation }, { children: message }))
+            jsxRuntime.jsx(dist$b.Message, __assign$2({ validation: validation.validation }, { children: message }))
         : null;
-    var hintNode = hint ? jsxRuntime.exports.jsx(dist$b.Hint, { children: hint }) : null;
-    var labelNode = label ? jsxRuntime.exports.jsx(Label$2, { children: label }) : null;
+    var hintNode = hint ? jsxRuntime.jsx(dist$b.Hint, { children: hint }) : null;
+    var labelNode = label ? jsxRuntime.jsx(Label$2, { children: label }) : null;
     var handleChange = function (item) {
         logger$2.writeInfo("selection made", item);
         if (item.isClearingItem) {
@@ -37301,12 +36352,12 @@ exports.Dropdown = function (props) {
     var optionsLoaded = optionNodes && isNotEmpty(optionNodes);
     return (
     // @ts-ignore
-    jsxRuntime.exports.jsxs(dist$b.Dropdown, __assign$2({ selectedItem: selectedKey, selectedItems: selectedKeys
+    jsxRuntime.jsxs(dist$b.Dropdown, __assign$2({ selectedItem: selectedKey, selectedItems: selectedKeys
             ? __spreadArray([], __read$2(new Set(selectedKeys)), false) : undefined, isOpen: controlledState.isOpen, onSelect: handleChange, onStateChange: handleStateChange, downshiftProps: { itemToString: function (item) { return item; } } }, { children: [trigger
-                ? jsxRuntime.exports.jsx(dist$b.Trigger, { children: trigger })
-                : jsxRuntime.exports.jsxs(dist$b.Field, __assign$2({ className: className }, { children: [labelNode, hintNode, children, messageNode] })), controlledState.isOpen
-                ? jsxRuntime.exports.jsx(dist$b.Menu, __assign$2({ css: menuStyles(menuCSS), maxHeight: maxMenuHeight, placement: placement }, { children: async
-                        ? jsxRuntime.exports.jsx(Loadable, __assign$2({ css: "flex-direction: column; min-height: 50px", showSpinner: controlledState.isOpen && !optionsLoaded }, { children: optionNodes }))
+                ? jsxRuntime.jsx(dist$b.Trigger, { children: trigger })
+                : jsxRuntime.jsxs(dist$b.Field, __assign$2({ className: className }, { children: [labelNode, hintNode, children, messageNode] })), controlledState.isOpen
+                ? jsxRuntime.jsx(dist$b.Menu, __assign$2({ css: menuStyles(menuCSS), maxHeight: maxMenuHeight, placement: placement }, { children: async
+                        ? jsxRuntime.jsx(Loadable, __assign$2({ css: "flex-direction: column; min-height: 50px", showSpinner: controlledState.isOpen && !optionsLoaded }, { children: optionNodes }))
                         : optionNodes }))
                 : null] })));
 };
@@ -37349,16 +36400,16 @@ var Label$2 = styled__default["default"](dist$b.Label)(templateObject_4$2 || (te
 var createOptions = function (options, key, value, menuItemComponent, isFilteringOptions, isClearable) {
     if (isClearable === void 0) { isClearable = false; }
     if (isFilteringOptions)
-        return [jsxRuntime.exports.jsx(Item, __assign$2({ disabled: true }, { children: "Loading items..." }))];
+        return [jsxRuntime.jsx(Item, __assign$2({ disabled: true }, { children: "Loading items..." }))];
     if (isEmpty(options))
-        return [jsxRuntime.exports.jsx(Item, __assign$2({ disabled: true }, { children: "No matches found" }))];
+        return [jsxRuntime.jsx(Item, __assign$2({ disabled: true }, { children: "No matches found" }))];
     var nodes = options.map(function (o) {
         var ItemType = getItemType(o);
         var Component = menuItemComponent;
-        return jsxRuntime.exports.jsx(ItemType, __assign$2({ value: o, disabled: false, danger: o.danger }, { children: Component ? jsxRuntime.exports.jsx(Component, __assign$2({}, o)) : o[value] }), o[key]);
+        return jsxRuntime.jsx(ItemType, __assign$2({ value: o, disabled: false, danger: o.danger }, { children: Component ? jsxRuntime.jsx(Component, __assign$2({}, o)) : o[value] }), o[key]);
     });
     if (isClearable) {
-        nodes.unshift(jsxRuntime.exports.jsx(Item, __assign$2({ value: CLEAR_OPTION }, { children: CLEAR_OPTION.label }), CLEAR_OPTION.value));
+        nodes.unshift(jsxRuntime.jsx(Item, __assign$2({ value: CLEAR_OPTION }, { children: CLEAR_OPTION.label }), CLEAR_OPTION.value));
     }
     return nodes;
 };
@@ -37381,9 +36432,9 @@ var Selector = function (_a) {
     //     (invalidOnNoSelection && !selectedKey) ?
     //     VALIDATION_RESULTS.ERROR : validation
     // )
-    return (jsxRuntime.exports.jsx(exports.Dropdown, __assign$2({}, props, { children: jsxRuntime.exports.jsx(Select, __assign$2({ small: small, disabled: disabled, validation: validation === null || validation === void 0 ? void 0 : validation.validation }, { children: selectedKey && (optionsKeyMap === null || optionsKeyMap === void 0 ? void 0 : optionsKeyMap.hasOwnProperty(selectedKey))
+    return (jsxRuntime.jsx(exports.Dropdown, __assign$2({}, props, { children: jsxRuntime.jsx(Select, __assign$2({ small: small, disabled: disabled, validation: validation === null || validation === void 0 ? void 0 : validation.validation }, { children: selectedKey && (optionsKeyMap === null || optionsKeyMap === void 0 ? void 0 : optionsKeyMap.hasOwnProperty(selectedKey))
                 ? optionsKeyMap[selectedKey][valueField]
-                : jsxRuntime.exports.jsx(SelectorEmptyState, { children: emptyState }) })) })));
+                : jsxRuntime.jsx(SelectorEmptyState, { children: emptyState }) })) })));
 };
 // @ts-ignore
 Selector.defaultProps = {
@@ -42178,7 +41229,7 @@ exports.BooleanSelector = function (props) {
         _d[options[0].value] = options[0],
         _d[options[1].value] = options[1],
         _d);
-    return (jsxRuntime.exports.jsx(Selector, { label: label, options: options, optionsKeyMap: optionsKeyMap, keyField: "value", valueField: "text", selectedKey: convertedKey, emptyState: "Select Yes or No", onChange: notifyWithBoolean(onChange), fluid: true }));
+    return (jsxRuntime.jsx(Selector, { label: label, options: options, optionsKeyMap: optionsKeyMap, keyField: "value", valueField: "text", selectedKey: convertedKey, emptyState: "Select Yes or No", onChange: notifyWithBoolean(onChange), fluid: true }));
 };
 exports.BooleanSelector = observer(exports.BooleanSelector);
 var convertBooleanToKey = function (b) {
@@ -42287,12 +41338,12 @@ var templateObject_1$g, templateObject_2$8, templateObject_3$4;
 var Legend = function (_a) {
     var legendables = _a.legendables, defaultColor = _a.defaultColor;
     var foundLabels = new Set();
-    return jsxRuntime.exports.jsx(LegendContainer, __assign$2({ withRows: true, spacing: SPACINGS.XS }, { children: legendables.map(function (_a) {
+    return jsxRuntime.jsx(LegendContainer, __assign$2({ withRows: true, spacing: SPACINGS.XS }, { children: legendables.map(function (_a) {
             var color = _a.color, label = _a.label;
             if (foundLabels.has(label))
                 return null;
             foundLabels.add(label);
-            return jsxRuntime.exports.jsxs(FlexBlock, __assign$2({ alignItems: "center", spacing: SPACINGS.SM }, { children: [jsxRuntime.exports.jsx(ColorBlock, { color: color || defaultColor }), jsxRuntime.exports.jsx(Text, { children: label })] }), label);
+            return jsxRuntime.jsxs(FlexBlock, __assign$2({ alignItems: "center", spacing: SPACINGS.SM }, { children: [jsxRuntime.jsx(ColorBlock, { color: color || defaultColor }), jsxRuntime.jsx(Text, { children: label })] }), label);
         }) }));
 };
 Legend.COMPONENT_NAME = "Legend";
@@ -42342,7 +41393,7 @@ exports.SearchableSelector = function (_a) {
     }
     if (!optionsKeyMap)
         return null;
-    return (jsxRuntime.exports.jsx(exports.Dropdown, __assign$2({}, props, { onStateChange: handleStateChange, options: matchingOptions }, { children: jsxRuntime.exports.jsx(Autocomplete, { children: !!selectedKey
+    return (jsxRuntime.jsx(exports.Dropdown, __assign$2({}, props, { onStateChange: handleStateChange, options: matchingOptions }, { children: jsxRuntime.jsx(Autocomplete, { children: !!selectedKey
                 ? isFunction(children)
                     /*@ts-ignore*/
                     ? children(optionsKeyMap[selectedKey])
@@ -42410,7 +41461,7 @@ var _a = __read$2(Object.keys(MONTH_MAP).reduce(function (_a, m) {
 }, [[], {}]), 2), MONTH_OPTIONS = _a[0], OPTIONS_KEY_MAP = _a[1];
 var MonthPicker = function (_a) {
     var month = _a.month, onMonthSelected = _a.onMonthSelected;
-    return (jsxRuntime.exports.jsx(exports.SearchableSelector, { compact: true, flat: true, maxMenuHeight: "10rem", options: MONTH_OPTIONS, optionsKeyMap: OPTIONS_KEY_MAP, keyField: keyField, valueField: valueField, selectedKey: month.toString(), emptyState: "Type or Select Month", 
+    return (jsxRuntime.jsx(exports.SearchableSelector, { compact: true, flat: true, maxMenuHeight: "10rem", options: MONTH_OPTIONS, optionsKeyMap: OPTIONS_KEY_MAP, keyField: keyField, valueField: valueField, selectedKey: month.toString(), emptyState: "Type or Select Month", 
         // @ts-ignore
         onChange: parseNumberAndCall(onMonthSelected) }));
 };
@@ -42427,7 +41478,7 @@ var yearOptions = function (minYear, maxYear) { return (arrayOfSizeN(maxYear - m
 var YearPicker = function (_a) {
     var year = _a.year, minYear = _a.minYear, maxYear = _a.maxYear, onYearSelected = _a.onYearSelected;
     var _b = __read$2(yearOptions(minYear, maxYear), 2), options = _b[0], optionsKeyMap = _b[1];
-    return jsxRuntime.exports.jsx(exports.SearchableSelector, { compact: true, flat: true, options: options, optionsKeyMap: optionsKeyMap, keyField: "value", valueField: "value", selectedKey: year, emptyState: "Type or Select Year", onChange: onYearSelected });
+    return jsxRuntime.jsx(exports.SearchableSelector, { compact: true, flat: true, options: options, optionsKeyMap: optionsKeyMap, keyField: "value", valueField: "value", selectedKey: year, emptyState: "Type or Select Year", onChange: onYearSelected });
 };
 
 var dist$7 = {};
@@ -45733,8 +44784,8 @@ var Icon = function (_a) {
     var color = _a.color, _b = _a.size, size = _b === void 0 ? 1 : _b, svg = _a.svg, title = _a.title, _c = _a.onClick, onClick = _c === void 0 ? DO_NOTHING : _c;
     return isArray(svg)
         // @ts-ignore
-        ? jsxRuntime.exports.jsx(Icon$1.Stack, __assign$2({ onClick: onClick, size: size, title: title, color: color || "currentColor", "data-component-name": COMPONENT_NAME$2 }, { children: svg.map(function (s, i) { return jsxRuntime.exports.jsx(Icon$1, { path: s }, i); }) }))
-        : jsxRuntime.exports.jsx(Icon$1, { path: svg, 
+        ? jsxRuntime.jsx(Icon$1.Stack, __assign$2({ onClick: onClick, size: size, title: title, color: color || "currentColor", "data-component-name": COMPONENT_NAME$2 }, { children: svg.map(function (s, i) { return jsxRuntime.jsx(Icon$1, { path: s }, i); }) }))
+        : jsxRuntime.jsx(Icon$1, { path: svg, 
             // @ts-ignore
             onClick: onClick, size: size, title: title, color: color || "currentColor", "data-component-name": COMPONENT_NAME$2 });
 };
@@ -45742,9 +44793,12 @@ Icon.COMPONENT_NAME = COMPONENT_NAME$2;
 
 var Dots = function (_a) {
     var color = _a.color, _b = _a.size, size = _b === void 0 ? FONT_SIZES.XXL : _b;
-    return jsxRuntime.exports.jsx(dist$8.Dots, { color: color, size: size, delayMS: 100, velocity: -.25 });
+    return jsxRuntime.jsx(dist$8.Dots, { color: color, size: size, delayMS: 100, velocity: -.25 });
 };
 
+var useTheme = function () { return React.useContext(styled.ThemeContext); };
+// export const setThemeContext = (ctx :)
+
 var fitContent = styled.css(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n  width: fit-content;\n  ", "\n"], ["\n  width: fit-content;\n  ", "\n"])), function (_a) {
     var compact = _a.compact;
     return compact
@@ -45770,6 +44824,7 @@ var casing = function (_a) {
 var baseColor = function (_a) {
     var color = _a.color, danger = _a.danger, neutral = _a.neutral, success = _a.success, theme = _a.theme, warning = _a.warning;
     console.log("button theme is", theme);
+    console.log("Theme Context", styled.ThemeContext);
     if (color)
         return color;
     if (danger)
@@ -45785,13 +44840,15 @@ var baseColor = function (_a) {
 var BUTTON_SIZES = { SMALL: "small", LARGE: "large" };
 var ButtonBase = styled__default["default"](function (_a) {
     var children = _a.children, disabled = _a.disabled; _a.groupKey; var icon = _a.icon, iconSize = _a.iconSize, innerAs = _a.innerAs, innerRef = _a.innerRef, iconPosition = _a.iconPosition, loading = _a.loading, onClick = _a.onClick, props = __rest(_a, ["children", "disabled", "groupKey", "icon", "iconSize", "innerAs", "innerRef", "iconPosition", "loading", "onClick"]);
-    return jsxRuntime.exports.jsx(dist$7.Button, __assign$2({ as: innerAs, disabled: disabled, ref: innerRef, onClick: onClick }, props, { children: loading
-            ? jsxRuntime.exports.jsx(FlexBox, __assign$2({ alignItems: "center", css: "min-height: 30px", justifyContent: "center" }, { children: jsxRuntime.exports.jsx(Dots, { size: FONT_SIZES.MD }) }))
+    var theme = useTheme();
+    console.log("from button", theme);
+    return jsxRuntime.jsx(dist$7.Button, __assign$2({ as: innerAs, disabled: disabled, ref: innerRef, onClick: onClick }, props, { children: loading
+            ? jsxRuntime.jsx(FlexBox, __assign$2({ alignItems: "center", css: "min-height: 30px", justifyContent: "center" }, { children: jsxRuntime.jsx(Dots, { size: FONT_SIZES.MD }) }))
             : (icon
-                ? jsxRuntime.exports.jsxs(FlexBox, __assign$2({ alignItems: "center", gap: SPACINGS.XS, justifyContent: "center" }, { children: [iconPosition === "left" &&
-                            jsxRuntime.exports.jsx(Icon, { color: "currentColor", svg: icon, size: iconSize }), children ? jsxRuntime.exports.jsx("span", { children: children }) : undefined, iconPosition === "right" &&
-                            jsxRuntime.exports.jsx(Icon, { color: "currentColor", svg: icon, size: iconSize })] }))
-                : jsxRuntime.exports.jsx("span", { children: children })) }));
+                ? jsxRuntime.jsxs(FlexBox, __assign$2({ alignItems: "center", gap: SPACINGS.XS, justifyContent: "center" }, { children: [iconPosition === "left" &&
+                            jsxRuntime.jsx(Icon, { color: "currentColor", svg: icon, size: iconSize }), children ? jsxRuntime.jsx("span", { children: children }) : undefined, iconPosition === "right" &&
+                            jsxRuntime.jsx(Icon, { color: "currentColor", svg: icon, size: iconSize })] }))
+                : jsxRuntime.jsx("span", { children: children })) }));
 }).attrs(function (props) { return (__assign$2(__assign$2({}, props), { color: baseColor(props) })); })(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  &&&& {\n    font-size: inherit;\n    font-weight: bold;\n    ", "\n    ", "\n    ", "\n    ", "\n  }\n"], ["\n  &&&& {\n    font-size: inherit;\n    font-weight: bold;\n    ", "\n    ", "\n    ", "\n    ", "\n  }\n"])), function (_a) {
     var fluid = _a.fluid;
     return !fluid ? fitContent : fitContainer;
@@ -45828,7 +44885,7 @@ var Button = styled__default["default"](React.forwardRef(function (_a, ref) {
             }
         });
     }); };
-    return jsxRuntime.exports.jsx(ButtonBase, __assign$2({}, props, { disabled: disabled || computedIsLoading(), innerRef: ref, loading: computedIsLoading(), onClick: autoLoadable
+    return jsxRuntime.jsx(ButtonBase, __assign$2({}, props, { disabled: disabled || computedIsLoading(), innerRef: ref, loading: computedIsLoading(), onClick: autoLoadable
             ? processClick
             : onClick }));
 }))(templateObject_7 || (templateObject_7 = __makeTemplateObject([""], [""
@@ -45849,7 +44906,7 @@ var templateObject_1$d, templateObject_2$6, templateObject_3$3, templateObject_4
 var COMPONENT_NAME$1 = "IconButton";
 var IconButton = styled__default["default"](function (_a) {
     var primary = _a.primary, flat = _a.flat, pill = _a.pill, props = __rest(_a, ["primary", "flat", "pill"]);
-    return jsxRuntime.exports.jsx(Button, __assign$2({ flat: flat != null ? flat : true, fluid: false }, props, { pill: pill != null ? pill : true, primary: primary !== null && primary !== void 0 ? primary : false }));
+    return jsxRuntime.jsx(Button, __assign$2({ flat: flat != null ? flat : true, fluid: false }, props, { pill: pill != null ? pill : true, primary: primary !== null && primary !== void 0 ? primary : false }));
 })(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n  && {\n    padding: .5em;\n    min-width: 0;\n  }\n"], ["\n  && {\n    padding: .5em;\n    min-width: 0;\n  }\n"
     // @ts-ignore
 ])));
@@ -51578,7 +50635,7 @@ var MonthYearPicker = function (_a) {
     var sendSelectedYear = function (y) {
         onChange({ month: month, year: Number(y) });
     };
-    return jsxRuntime.exports.jsxs(Container$3, __assign$2({ alignItems: "center" }, { children: [jsxRuntime.exports.jsx(NavButton, { icon: mdiArrowLeft, onClick: sendPreviousMonth }), jsxRuntime.exports.jsxs(PickersContainer, { children: [jsxRuntime.exports.jsx(MonthPicker, { month: month, onMonthSelected: sendSelectedMonth }), jsxRuntime.exports.jsx(YearPicker, { year: year, minYear: minYear, maxYear: maxYear, onYearSelected: sendSelectedYear })] }), jsxRuntime.exports.jsx(NavButton, { icon: mdiArrowRight, onClick: sendNextMonth })] }));
+    return jsxRuntime.jsxs(Container$3, __assign$2({ alignItems: "center" }, { children: [jsxRuntime.jsx(NavButton, { icon: mdiArrowLeft, onClick: sendPreviousMonth }), jsxRuntime.jsxs(PickersContainer, { children: [jsxRuntime.jsx(MonthPicker, { month: month, onMonthSelected: sendSelectedMonth }), jsxRuntime.jsx(YearPicker, { year: year, minYear: minYear, maxYear: maxYear, onYearSelected: sendSelectedYear })] }), jsxRuntime.jsx(NavButton, { icon: mdiArrowRight, onClick: sendNextMonth })] }));
 };
 var NavButton = styled__default["default"](IconButton).attrs({
     flat: true,
@@ -51686,8 +50743,8 @@ function endOfDay(dirtyDate) {
 }
 
 var endOfDay$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': endOfDay
+    __proto__: null,
+    'default': endOfDay
 });
 
 var require$$8$1 = /*@__PURE__*/getAugmentedNamespace(endOfDay$1);
@@ -51723,8 +50780,8 @@ function isBefore(dirtyDate, dirtyDateToCompare) {
 }
 
 var isBefore$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': isBefore
+    __proto__: null,
+    'default': isBefore
 });
 
 var require$$10 = /*@__PURE__*/getAugmentedNamespace(isBefore$1);
@@ -51760,8 +50817,8 @@ function isAfter(dirtyDate, dirtyDateToCompare) {
 }
 
 var isAfter$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': isAfter
+    __proto__: null,
+    'default': isAfter
 });
 
 var require$$6$2 = /*@__PURE__*/getAugmentedNamespace(isAfter$1);
@@ -51797,8 +50854,8 @@ function startOfDay(dirtyDate) {
 }
 
 var startOfDay$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': startOfDay
+    __proto__: null,
+    'default': startOfDay
 });
 
 /**
@@ -51842,8 +50899,8 @@ function isSameDay(dirtyDateLeft, dirtyDateRight) {
 }
 
 var isSameDay$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': isSameDay
+    __proto__: null,
+    'default': isSameDay
 });
 
 var require$$1 = /*@__PURE__*/getAugmentedNamespace(isSameDay$1);
@@ -51960,8 +51017,8 @@ function isValid(dirtyDate) {
 }
 
 var isValid$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': isValid
+    __proto__: null,
+    'default': isValid
 });
 
 var formatDistanceLocale = {
@@ -52465,8 +51522,8 @@ var locale = {
 var defaultLocale = locale;
 
 var enUS = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': defaultLocale
+    __proto__: null,
+    'default': defaultLocale
 });
 
 function toInteger(dirtyNumber) {
@@ -54217,8 +53274,8 @@ function cleanEscapedString$1(input) {
 }
 
 var format$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': format
+    __proto__: null,
+    'default': format
 });
 
 var require$$24 = /*@__PURE__*/getAugmentedNamespace(format$1);
@@ -54636,8 +53693,8 @@ function eachDayOfInterval(dirtyInterval, options) {
 }
 
 var eachDayOfInterval$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': eachDayOfInterval
+    __proto__: null,
+    'default': eachDayOfInterval
 });
 
 var require$$23 = /*@__PURE__*/getAugmentedNamespace(eachDayOfInterval$1);
@@ -54729,8 +53786,8 @@ function isWithinInterval(dirtyDate, interval) {
 }
 
 var isWithinInterval$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': isWithinInterval
+    __proto__: null,
+    'default': isWithinInterval
 });
 
 var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(isWithinInterval$1);
@@ -54765,8 +53822,8 @@ function isWeekend(dirtyDate) {
 }
 
 var isWeekend$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': isWeekend
+    __proto__: null,
+    'default': isWeekend
 });
 
 var require$$5$3 = /*@__PURE__*/getAugmentedNamespace(isWeekend$1);
@@ -54823,8 +53880,8 @@ function endOfWeek(dirtyDate, dirtyOptions) {
 }
 
 var endOfWeek$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': endOfWeek
+    __proto__: null,
+    'default': endOfWeek
 });
 
 var require$$2 = /*@__PURE__*/getAugmentedNamespace(endOfWeek$1);
@@ -54882,8 +53939,8 @@ function startOfWeek(dirtyDate, dirtyOptions) {
 }
 
 var startOfWeek$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': startOfWeek
+    __proto__: null,
+    'default': startOfWeek
 });
 
 var require$$3$1 = /*@__PURE__*/getAugmentedNamespace(startOfWeek$1);
@@ -54932,8 +53989,8 @@ function addDays(dirtyDate, dirtyAmount) {
 }
 
 var addDays$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': addDays
+    __proto__: null,
+    'default': addDays
 });
 
 var require$$9 = /*@__PURE__*/getAugmentedNamespace(addDays$1);
@@ -54974,8 +54031,8 @@ function differenceInCalendarMonths(dirtyDateLeft, dirtyDateRight) {
 }
 
 var differenceInCalendarMonths$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': differenceInCalendarMonths
+    __proto__: null,
+    'default': differenceInCalendarMonths
 });
 
 var require$$16 = /*@__PURE__*/getAugmentedNamespace(differenceInCalendarMonths$1);
@@ -55029,8 +54086,8 @@ function differenceInCalendarDays(dirtyDateLeft, dirtyDateRight) {
 }
 
 var differenceInCalendarDays$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': differenceInCalendarDays
+    __proto__: null,
+    'default': differenceInCalendarDays
 });
 
 var require$$0 = /*@__PURE__*/getAugmentedNamespace(differenceInCalendarDays$1);
@@ -55068,8 +54125,8 @@ function endOfMonth(dirtyDate) {
 }
 
 var endOfMonth$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': endOfMonth
+    __proto__: null,
+    'default': endOfMonth
 });
 
 var require$$5$2 = /*@__PURE__*/getAugmentedNamespace(endOfMonth$1);
@@ -55106,8 +54163,8 @@ function startOfMonth(dirtyDate) {
 }
 
 var startOfMonth$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': startOfMonth
+    __proto__: null,
+    'default': startOfMonth
 });
 
 var require$$6 = /*@__PURE__*/getAugmentedNamespace(startOfMonth$1);
@@ -55465,8 +54522,8 @@ function isEqual(dirtyLeftDate, dirtyRightDate) {
 }
 
 var isEqual$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': isEqual
+    __proto__: null,
+    'default': isEqual
 });
 
 var require$$3 = /*@__PURE__*/getAugmentedNamespace(isEqual$1);
@@ -57595,8 +56652,8 @@ function cleanEscapedString(input) {
 }
 
 var parse$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': parse
+    __proto__: null,
+    'default': parse
 });
 
 var require$$5$1 = /*@__PURE__*/getAugmentedNamespace(parse$1);
@@ -58590,9 +57647,9 @@ function shallowEqualArrays(arrA, arrB) {
 }
 
 var index_esm$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	shallowEqualArrays: shallowEqualArrays,
-	shallowEqualObjects: shallowEqualObjects
+    __proto__: null,
+    shallowEqualArrays: shallowEqualArrays,
+    shallowEqualObjects: shallowEqualObjects
 });
 
 var require$$8 = /*@__PURE__*/getAugmentedNamespace(index_esm$1);
@@ -58662,8 +57719,8 @@ function max(dirtyDatesArray) {
 }
 
 var max$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': max
+    __proto__: null,
+    'default': max
 });
 
 var require$$5 = /*@__PURE__*/getAugmentedNamespace(max$1);
@@ -58733,8 +57790,8 @@ function min(dirtyDatesArray) {
 }
 
 var min$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': min
+    __proto__: null,
+    'default': min
 });
 
 var require$$7$1 = /*@__PURE__*/getAugmentedNamespace(min$1);
@@ -58825,8 +57882,8 @@ function differenceInDays(dirtyDateLeft, dirtyDateRight) {
 }
 
 var differenceInDays$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': differenceInDays
+    __proto__: null,
+    'default': differenceInDays
 });
 
 var require$$11 = /*@__PURE__*/getAugmentedNamespace(differenceInDays$1);
@@ -58867,8 +57924,8 @@ function isSameMonth(dirtyDateLeft, dirtyDateRight) {
 }
 
 var isSameMonth$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': isSameMonth
+    __proto__: null,
+    'default': isSameMonth
 });
 
 var require$$12 = /*@__PURE__*/getAugmentedNamespace(isSameMonth$1);
@@ -58946,8 +58003,8 @@ function setMonth(dirtyDate, dirtyMonth) {
 }
 
 var setMonth$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': setMonth
+    __proto__: null,
+    'default': setMonth
 });
 
 var require$$17 = /*@__PURE__*/getAugmentedNamespace(setMonth$1);
@@ -58989,8 +58046,8 @@ function setYear(dirtyDate, dirtyYear) {
 }
 
 var setYear$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': setYear
+    __proto__: null,
+    'default': setYear
 });
 
 var require$$18 = /*@__PURE__*/getAugmentedNamespace(setYear$1);
@@ -59063,8 +58120,8 @@ function addMonths(dirtyDate, dirtyAmount) {
 }
 
 var addMonths$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': addMonths
+    __proto__: null,
+    'default': addMonths
 });
 
 /**
@@ -59097,8 +58154,8 @@ function addYears(dirtyDate, dirtyAmount) {
 }
 
 var addYears$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': addYears
+    __proto__: null,
+    'default': addYears
 });
 
 var require$$19 = /*@__PURE__*/getAugmentedNamespace(addYears$1);
@@ -59133,8 +58190,8 @@ function subMonths(dirtyDate, dirtyAmount) {
 }
 
 var subMonths$1 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': subMonths
+    __proto__: null,
+    'default': subMonths
 });
 
 var require$$25 = /*@__PURE__*/getAugmentedNamespace(subMonths$1);
@@ -61002,8 +60059,6 @@ DateRangePicker$1.default = _default;
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 } (dist$2));
 
-var useTheme = function () { return React.useContext(styled.ThemeContext); };
-
 new Intl.DateTimeFormat().resolvedOptions().locale;
 var formatMonthDateYear = function (m) { return m.format("MMM DD YYYY"); };
 var momentListToDateList = function (l) { return (l.map(function (m) { return m.toDate(); })); };
@@ -61045,7 +60100,7 @@ var TinyCalendar = function (_a) {
         ranges = flatten(labeledRanges.map(function (l) { return (l.ranges.map(function (r) { return (__assign$2(__assign$2({}, r), { color: labelColors[l.label].color })); })); }));
     }
     displayMode = displayMode || (ranges ? "dateRange" : "date");
-    return jsxRuntime.exports.jsxs(Container$2, __assign$2({ fluid: fluid, withRows: true, spacing: SPACINGS.SM }, { children: [jsxRuntime.exports.jsx(dist$2.Calendar, { color: theme.styles.colorPrimary, 
+    return jsxRuntime.jsxs(Container$2, __assign$2({ fluid: fluid, withRows: true, spacing: SPACINGS.SM }, { children: [jsxRuntime.jsx(dist$2.Calendar, { color: theme.styles.colorPrimary, 
                 // date={usableDate.toDate()}
                 displayMode: displayMode, disabledDates: momentListToDateList(disabledDates), dragSelectionEnabled: false, minDate: minDate ? minDate.toDate() : undefined, 
                 /*
@@ -61055,7 +60110,7 @@ var TinyCalendar = function (_a) {
                  */
                 navigatorRenderer: function (_, changeShownDateFunc) {
                     changeShownDate.current = changeShownDateFunc;
-                    return jsxRuntime.exports.jsx(MonthYearPicker, { month: usableDate.month(), year: usableDate.year(), minDate: minDate, pastFutureYearRangeSize: 3, onChange: function (_a) {
+                    return jsxRuntime.jsx(MonthYearPicker, { month: usableDate.month(), year: usableDate.year(), minDate: minDate, pastFutureYearRangeSize: 3, onChange: function (_a) {
                             var month = _a.month, year = _a.year;
                             // changeShownDate(
                             //     moment(usableDate).month(month).year(year).toDate(),
@@ -61064,7 +60119,7 @@ var TinyCalendar = function (_a) {
                         } });
                 }, ranges: ranges, rangeColors: rangeColors, shownDate: usableDate.toDate(), showMonthAndYearPickers: false, showMonthArrow: false, showPreview: true, showDateDisplay: false, onChange: onChange, onShownDateChange: DO_NOTHING, onPreviewChange: DO_NOTHING }), showLegend && labeledRanges
                 ?
-                    jsxRuntime.exports.jsx(Legend, { legendables: Object.values(labelColors), defaultColor: theme.styles.colorPrimary })
+                    jsxRuntime.jsx(Legend, { legendables: Object.values(labelColors), defaultColor: theme.styles.colorPrimary })
                 :
                     null] }));
 };
@@ -61108,9 +60163,9 @@ var DatePickerSelector = function (props) {
     var closeCalendar = function () { setState({ isOpen: false }); };
     return (
     // @ts-ignore
-    jsxRuntime.exports.jsx(exports.Dropdown, __assign$2({}, props, { onStateChange: setDropdownState, isOpen: state.isOpen, useRawOptions: true, options: [
-            jsxRuntime.exports.jsx(TinyCalendar, { onChange: handleCalendarChange, minDate: minimumDate, disabledDates: disabledDates }, "CalendarPanel"),
-        ], menuCSS: "width: auto !important;" }, { children: jsxRuntime.exports.jsx(Select, __assign$2({ validation: props.validation
+    jsxRuntime.jsx(exports.Dropdown, __assign$2({}, props, { onStateChange: setDropdownState, isOpen: state.isOpen, useRawOptions: true, options: [
+            jsxRuntime.jsx(TinyCalendar, { onChange: handleCalendarChange, minDate: minimumDate, disabledDates: disabledDates }, "CalendarPanel"),
+        ], menuCSS: "width: auto !important;" }, { children: jsxRuntime.jsx(Select, __assign$2({ validation: props.validation
                 ? props.validation.validation
                 : null, disabled: disabled }, { children: value ? formatMonthDateYear(moment(value)) : emptyState })) })));
 };
@@ -61445,10 +60500,10 @@ var MultiSelector = function (_a) {
             return m;
         }, {});
     }
-    return (jsxRuntime.exports.jsx(exports.Dropdown, __assign$2({}, props, { shouldFilterOptions: true }, { children: jsxRuntime.exports.jsx(MultiSelect, { maxItems: maxItems, validation: validation === null || validation === void 0 ? void 0 : validation.validation, renderItem: function (_a) {
+    return (jsxRuntime.jsx(exports.Dropdown, __assign$2({}, props, { shouldFilterOptions: true }, { children: jsxRuntime.jsx(MultiSelect, { maxItems: maxItems, validation: validation === null || validation === void 0 ? void 0 : validation.validation, renderItem: function (_a) {
                 var _b;
                 var value = _a.value, removeValue = _a.removeValue;
-                return (jsxRuntime.exports.jsxs(Tag, __assign$2({ size: "large" }, { children: [jsxRuntime.exports.jsx("span", { children: (_b = optionsKeyMap === null || optionsKeyMap === void 0 ? void 0 : optionsKeyMap[value]) === null || _b === void 0 ? void 0 : _b[valueField] }), jsxRuntime.exports.jsx(Close, { onClick: function () { return removeValue(); } })] })));
+                return (jsxRuntime.jsxs(Tag, __assign$2({ size: "large" }, { children: [jsxRuntime.jsx("span", { children: (_b = optionsKeyMap === null || optionsKeyMap === void 0 ? void 0 : optionsKeyMap[value]) === null || _b === void 0 ? void 0 : _b[valueField] }), jsxRuntime.jsx(Close, { onClick: function () { return removeValue(); } })] })));
             } }) })));
 };
 // @ts-ignore
@@ -61466,9 +60521,9 @@ var MonthYearSelector = function (props) {
             return;
         setState({ isOpen: isOpen });
     };
-    return jsxRuntime.exports.jsx(exports.Dropdown, __assign$2({}, props, { 
+    return jsxRuntime.jsx(exports.Dropdown, __assign$2({}, props, { 
         // @ts-ignore
-        onStateChange: setDropdownState, isOpen: state.isOpen, useRawOptions: true, options: [], menuCSS: "width: auto !important;" }, { children: jsxRuntime.exports.jsx(Select, __assign$2({ validation: props.validation.validation, disabled: disabled }, { children: value ? value : emptyState })) }));
+        onStateChange: setDropdownState, isOpen: state.isOpen, useRawOptions: true, options: [], menuCSS: "width: auto !important;" }, { children: jsxRuntime.jsx(Select, __assign$2({ validation: props.validation.validation, disabled: disabled }, { children: value ? value : emptyState })) }));
 };
 
 var dist = {};
@@ -61694,9 +60749,9 @@ FieldContainer.propTypes = {
 };
 
 var index_esm = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	FieldContainer: FieldContainer,
-	useField: useField
+    __proto__: null,
+    FieldContainer: FieldContainer,
+    useField: useField
 });
 
 var require$$7 = /*@__PURE__*/getAugmentedNamespace(index_esm);
@@ -64641,10 +63696,10 @@ var Field = styled__default["default"](dist.Field)(templateObject_1$8 || (templa
 exports.TextFieldWrapper = function (_a) {
     var className = _a.className, compact = _a.compact, emptyState = _a.emptyState, fluid = _a.fluid, hint = _a.hint, label = _a.label, message = _a.message, validation = _a.validation, value = _a.value, WrappedComponent = _a.WrappedComponent, onChange = _a.onChange, props = __rest(_a, ["className", "compact", "emptyState", "fluid", "hint", "label", "message", "validation", "value", "WrappedComponent", "onChange"]);
     message = (validation === null || validation === void 0 ? void 0 : validation.message) || message;
-    return useObserver(function () { return (jsxRuntime.exports.jsx(Container$1, __assign$2({ className: className, withRows: true, gap: "unset", fluid: fluid }, { children: jsxRuntime.exports.jsxs(Field, __assign$2({ compact: compact }, { children: [label ? jsxRuntime.exports.jsx(dist.Label, { children: label }) : null, hint
-                    ? jsxRuntime.exports.jsx(dist.Hint, __assign$2({ css: "&&& {\n              font-size: ".concat(FONT_SIZES.XS, ";\n            }") }, { children: hint }))
-                    : null, jsxRuntime.exports.jsx(WrappedComponent, __assign$2({ placeholder: emptyState, validation: validation === null || validation === void 0 ? void 0 : validation.validation }, props, { resizable: true, value: value, onChange: onChange })), message
-                    ? jsxRuntime.exports.jsx(dist.Message, __assign$2({ css: "&&& {\n              font-size: ".concat(FONT_SIZES.XS, ";\n            }"), validation: validation === null || validation === void 0 ? void 0 : validation.validation }, { children: message }))
+    return useObserver(function () { return (jsxRuntime.jsx(Container$1, __assign$2({ className: className, withRows: true, gap: "unset", fluid: fluid }, { children: jsxRuntime.jsxs(Field, __assign$2({ compact: compact }, { children: [label ? jsxRuntime.jsx(dist.Label, { children: label }) : null, hint
+                    ? jsxRuntime.jsx(dist.Hint, __assign$2({ css: "&&& {\n              font-size: ".concat(FONT_SIZES.XS, ";\n            }") }, { children: hint }))
+                    : null, jsxRuntime.jsx(WrappedComponent, __assign$2({ placeholder: emptyState, validation: validation === null || validation === void 0 ? void 0 : validation.validation }, props, { resizable: true, value: value, onChange: onChange })), message
+                    ? jsxRuntime.jsx(dist.Message, __assign$2({ css: "&&& {\n              font-size: ".concat(FONT_SIZES.XS, ";\n            }"), validation: validation === null || validation === void 0 ? void 0 : validation.validation }, { children: message }))
                     : null] })) }))); });
 };
 var hoverFocusStyling = styled.css(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n  :hover {\n    border-color: ", ";\n  }\n\n  :focus {\n    border-color: ", ";\n    box-shadow: ", ";\n  }\n"], ["\n  :hover {\n    border-color: ", ";\n  }\n\n  :focus {\n    border-color: ", ";\n    box-shadow: ", ";\n  }\n"
@@ -64683,7 +63738,7 @@ exports.TextField = function (_a) {
         }
         onChange(e);
     };
-    return jsxRuntime.exports.jsx(exports.TextFieldWrapper, __assign$2({}, props, { onChange: notifyParentOfChange, WrappedComponent: dist.Input }));
+    return jsxRuntime.jsx(exports.TextFieldWrapper, __assign$2({}, props, { onChange: notifyParentOfChange, WrappedComponent: dist.Input }));
 };
 // @ts-ignore
 exports.TextField = styled__default["default"](exports.TextField)(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject([""], [""
@@ -64694,7 +63749,7 @@ exports.TextField.COMPONENT_NAME = "TextField";
 var templateObject_1$7;
 
 var EmailTextField = function (props) {
-    return jsxRuntime.exports.jsx(exports.TextField, __assign$2({ type: "email" }, props));
+    return jsxRuntime.jsx(exports.TextField, __assign$2({ type: "email" }, props));
 };
 
 var NumberTextField = function (_a) {
@@ -64704,13 +63759,13 @@ var NumberTextField = function (_a) {
         onChange(parseInt(val.replace(/[^0-9.]+/g, "")));
     };
     // @ts-ignore
-    return jsxRuntime.exports.jsx(exports.TextField, __assign$2({}, props, { onChange: handleChange }));
+    return jsxRuntime.jsx(exports.TextField, __assign$2({}, props, { onChange: handleChange }));
 };
 
 var PasswordTextField = function (_a) {
     var newPassword = _a.newPassword, props = __rest(_a, ["newPassword"]);
     var autoCompleteAttr = newPassword ? { autoComplete: "new-password" } : {};
-    return jsxRuntime.exports.jsx(exports.TextField, __assign$2({}, autoCompleteAttr, { type: "password" }, props));
+    return jsxRuntime.jsx(exports.TextField, __assign$2({}, autoCompleteAttr, { type: "password" }, props));
 };
 
 var TextArea = function (_a) {
@@ -64718,17 +63773,17 @@ var TextArea = function (_a) {
     var notifyParentOfChange = function (e) {
         onChange(e.target.value, e);
     };
-    return jsxRuntime.exports.jsx(exports.TextFieldWrapper, __assign$2({}, props, { onChange: notifyParentOfChange, WrappedComponent: dist.Textarea }));
+    return jsxRuntime.jsx(exports.TextFieldWrapper, __assign$2({}, props, { onChange: notifyParentOfChange, WrappedComponent: dist.Textarea }));
 };
 // @ts-ignore
 TextArea.COMPONENT_NAME = "TextArea";
 
 var CycleButton = function (_a) {
     var options = _a.options, selectedOption = _a.selectedOption, onCycleChanged = _a.onCycleChanged, buttonProps = __rest(_a, ["options", "selectedOption", "onCycleChanged"]);
-    return (jsxRuntime.exports.jsx(Button, __assign$2({ primary: false }, buttonProps, { onClick: function () {
+    return (jsxRuntime.jsx(Button, __assign$2({ primary: false }, buttonProps, { onClick: function () {
             var next = cycle(options.map(function (o) { return o.value; }), selectedOption);
             onCycleChanged(next);
-        } }, { children: jsxRuntime.exports.jsx(FlexBox, __assign$2({ alignItems: "center", gap: "5px" }, { children: options.map(function (o) { return (jsxRuntime.exports.jsxs(React.Fragment, { children: [jsxRuntime.exports.jsx(Label$1, __assign$2({ selected: selectedOption === o.value }, { children: o.label })), isNotLastItem(options, o) ? jsxRuntime.exports.jsx(Label$1, { children: "/" }) : null] }, o.label)); }) })) })));
+        } }, { children: jsxRuntime.jsx(FlexBox, __assign$2({ alignItems: "center", gap: "5px" }, { children: options.map(function (o) { return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(Label$1, __assign$2({ selected: selectedOption === o.value }, { children: o.label })), isNotLastItem(options, o) ? jsxRuntime.jsx(Label$1, { children: "/" }) : null] }, o.label)); }) })) })));
 };
 var Label$1 = styled__default["default"].span(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n  color: ", ";\n  font-size: ", ";;\n"], ["\n  color: ", ";\n  font-size: ", ";;\n"])), function (p) { return p.selected ? "inherit" : COLORS.LIGHT_GREY; }, function (p) { return p.selected ? "inherit" : FONT_SIZES.XS; });
 var cycle = function (cycleables, current) { return (isLastItem(cycleables, current)
@@ -64746,11 +63801,11 @@ exports.Checkbox = function (_a) {
         onChange(checked);
     };
     React.useEffect(function () { setCheckedTo(checkedProp); }, [checkedProp]);
-    return jsxRuntime.exports.jsx(Container, __assign$2({ fluid: fluid, gap: null, withRows: true }, { children: jsxRuntime.exports.jsx(dist.Field, { children: jsxRuntime.exports.jsxs(dist.Checkbox, __assign$2({ checked: checked, validation: validation === null || validation === void 0 ? void 0 : validation.validation }, props, { onChange: handleCheck }, { children: [jsxRuntime.exports.jsx(dist.Label, __assign$2({ hidden: !label, indeterminate: indeterminate }, { children: label !== null && label !== void 0 ? label : "" })), hint
-                        ? jsxRuntime.exports.jsx(dist.Hint, __assign$2({ css: "&&& { font-size: ".concat(FONT_SIZES.XS, "; }") }, { children: hint }))
+    return jsxRuntime.jsx(Container, __assign$2({ fluid: fluid, gap: null, withRows: true }, { children: jsxRuntime.jsx(dist.Field, { children: jsxRuntime.jsxs(dist.Checkbox, __assign$2({ checked: checked, validation: validation === null || validation === void 0 ? void 0 : validation.validation }, props, { onChange: handleCheck }, { children: [jsxRuntime.jsx(dist.Label, __assign$2({ hidden: !label, indeterminate: indeterminate }, { children: label !== null && label !== void 0 ? label : "" })), hint
+                        ? jsxRuntime.jsx(dist.Hint, __assign$2({ css: "&&& { font-size: ".concat(FONT_SIZES.XS, "; }") }, { children: hint }))
                         : null, message
                         ?
-                            jsxRuntime.exports.jsx(dist.Message, __assign$2({ css: "&&& { font-size: ".concat(FONT_SIZES.XS, ";}"), validation: validation === null || validation === void 0 ? void 0 : validation.validation }, { children: message }))
+                            jsxRuntime.jsx(dist.Message, __assign$2({ css: "&&& { font-size: ".concat(FONT_SIZES.XS, ";}"), validation: validation === null || validation === void 0 ? void 0 : validation.validation }, { children: message }))
                         : null] })) }) }));
 };
 exports.Checkbox = styled__default["default"](exports.Checkbox)(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n  &&&& {\n    font-size: inherit;\n\n    :hover {\n      border-color: ", ";\n    }\n\n    :focus {\n      border-color: ", ";\n      box-shadow: ", ";\n    }\n  }\n"], ["\n  &&&& {\n    font-size: inherit;\n\n    :hover {\n      border-color: ", ";\n    }\n\n    :focus {\n      border-color: ", ";\n      box-shadow: ", ";\n    }\n  }\n"])), function (_a) {
@@ -64775,7 +63830,7 @@ exports.Form = React.forwardRef(function (_a, ref) {
         e.preventDefault();
         onSubmit();
     };
-    return jsxRuntime.exports.jsxs(FlexBox, __assign$2({ withRows: true, as: "form", onSubmit: handleSubmit, gap: SPACINGS.SM, className: className, ref: ref }, props, { children: [jsxRuntime.exports.jsx(HiddenSubmit, {}), children] }));
+    return jsxRuntime.jsxs(FlexBox, __assign$2({ withRows: true, as: "form", onSubmit: handleSubmit, gap: SPACINGS.SM, className: className, ref: ref }, props, { children: [jsxRuntime.jsx(HiddenSubmit, {}), children] }));
 });
 var HiddenSubmit = styled__default["default"].input.attrs({
     type: "submit",
@@ -64800,7 +63855,7 @@ exports.Toggle = function (_a) {
         logger.writeInfo("handleChange", e.target.checked);
         onChange(e.target.checked);
     };
-    return jsxRuntime.exports.jsx(dist.Field, { children: jsxRuntime.exports.jsxs(StyledZToggle, __assign$2({}, props, { checked: checked, onChange: handleChange }, { children: [jsxRuntime.exports.jsx(Label, __assign$2({ hidden: !label }, { children: label })), hint ? jsxRuntime.exports.jsx(Hint, { children: hint }) : null] })) });
+    return jsxRuntime.jsx(dist.Field, { children: jsxRuntime.jsxs(StyledZToggle, __assign$2({}, props, { checked: checked, onChange: handleChange }, { children: [jsxRuntime.jsx(Label, __assign$2({ hidden: !label }, { children: label })), hint ? jsxRuntime.jsx(Hint, { children: hint }) : null] })) });
 };
 var toggleColor = styled.css(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  + label:before {\n    border-color: ", ";\n    background-color: ", ";\n  }\n\n  &&& + label:active:before {\n    background-color: ", ";\n  }\n"], ["\n  + label:before {\n    border-color: ", ";\n    background-color: ", ";\n  }\n\n  &&& + label:active:before {\n    background-color: ", ";\n  }\n"])), function (_a) {
     var theme = _a.theme;
@@ -64883,7 +63938,7 @@ var templateObject_1;
 
 var TaggedToggle = function (_a) {
     var active = _a.active, onChange = _a.onChange;
-    return jsxRuntime.exports.jsxs(FlexBox, __assign$2({ alignItems: "baseline" }, { children: [jsxRuntime.exports.jsx(Chip, __assign$2({ success: active }, { children: active ? "Enabled" : "Disabled" })), jsxRuntime.exports.jsx(exports.Toggle, { checked: active, onChange: onChange })] }));
+    return jsxRuntime.jsxs(FlexBox, __assign$2({ alignItems: "baseline" }, { children: [jsxRuntime.jsx(Chip, __assign$2({ success: active }, { children: active ? "Enabled" : "Disabled" })), jsxRuntime.jsx(exports.Toggle, { checked: active, onChange: onChange })] }));
 };
 
 exports.Autocomplete = Autocomplete;