pollination-react-io 1.42.2 → 1.43.0

package/build/index.esm.js

@@ -3,8 +3,8 @@ import React__default, { createContext, useMemo, createElement, useContext, useR
 import * as ReactDOM from 'react-dom';
 import { flushSync } from 'react-dom';
 
-function _extends$F() {
-  _extends$F = Object.assign ? Object.assign.bind() : function (target) {
+function _extends$G() {
+  _extends$G = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -17,7 +17,7 @@ function _extends$F() {
 
     return target;
   };
-  return _extends$F.apply(this, arguments);
+  return _extends$G.apply(this, arguments);
 }
 
 function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {
@@ -203,11 +203,11 @@ function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultCon
                 return /*#__PURE__*/ isValidElement(newElement) ? newElement.props.children : null;
             } else return child;
         });
-        return /*#__PURE__*/ createElement($5e63c961fc1ce211$var$SlotClone, _extends$F({}, slotProps, {
+        return /*#__PURE__*/ createElement($5e63c961fc1ce211$var$SlotClone, _extends$G({}, slotProps, {
             ref: forwardedRef
         }), /*#__PURE__*/ isValidElement(newElement) ? /*#__PURE__*/ cloneElement(newElement, undefined, newChildren) : null);
     }
-    return /*#__PURE__*/ createElement($5e63c961fc1ce211$var$SlotClone, _extends$F({}, slotProps, {
+    return /*#__PURE__*/ createElement($5e63c961fc1ce211$var$SlotClone, _extends$G({}, slotProps, {
         ref: forwardedRef
     }), children);
 });
@@ -285,7 +285,7 @@ const $8927f6f2acc4f386$var$NODES = [
         useEffect(()=>{
             window[Symbol.for('radix-ui')] = true;
         }, []);
-        return /*#__PURE__*/ createElement(Comp, _extends$F({}, primitiveProps, {
+        return /*#__PURE__*/ createElement(Comp, _extends$G({}, primitiveProps, {
             ref: forwardedRef
         }));
     });
@@ -349,7 +349,7 @@ const $cddcb0b647441e34$export$e2255cf6045e8d47 = /*#__PURE__*/ forwardRef((prop
         scope: __scopeAvatar,
         imageLoadingStatus: imageLoadingStatus,
         onImageLoadingStatusChange: setImageLoadingStatus
-    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$F({}, avatarProps, {
+    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$G({}, avatarProps, {
         ref: forwardedRef
     })));
 });
@@ -370,7 +370,7 @@ const $cddcb0b647441e34$export$2cd8ae1985206fe8 = /*#__PURE__*/ forwardRef((prop
         imageLoadingStatus,
         handleLoadingStatusChange
     ]);
-    return imageLoadingStatus === 'loaded' ? /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.img, _extends$F({}, imageProps, {
+    return imageLoadingStatus === 'loaded' ? /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.img, _extends$G({}, imageProps, {
         ref: forwardedRef,
         src: src
     })) : null;
@@ -392,7 +392,7 @@ const $cddcb0b647441e34$export$69fffb6a9571fbfe = /*#__PURE__*/ forwardRef((prop
     }, [
         delayMs
     ]);
-    return canRender && context.imageLoadingStatus !== 'loaded' ? /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$F({}, fallbackProps, {
+    return canRender && context.imageLoadingStatus !== 'loaded' ? /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$G({}, fallbackProps, {
         ref: forwardedRef
     })) : null;
 });
@@ -1797,20 +1797,20 @@ if (process.env.NODE_ENV !== 'production') {
 
 var PropTypes = propTypes$5;
 
-var _excluded$G = ["color", "size", "title"];
+var _excluded$H = ["color", "size", "title"];
 
-function _extends$E() { _extends$E = 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$E.apply(this, arguments); }
+function _extends$F() { _extends$F = 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$F.apply(this, arguments); }
 
-function _objectWithoutProperties$A(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$E(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutProperties$B(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$F(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-function _objectWithoutPropertiesLoose$E(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; }
+function _objectWithoutPropertiesLoose$F(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 ArrowClockwise = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var color = _ref.color,
       size = _ref.size,
       title = _ref.title,
-      rest = _objectWithoutProperties$A(_ref, _excluded$G);
+      rest = _objectWithoutProperties$B(_ref, _excluded$H);
 
-  return /*#__PURE__*/React__default.createElement("svg", _extends$E({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$F({
     ref: ref,
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
@@ -1836,20 +1836,20 @@ ArrowClockwise.defaultProps = {
 };
 var ArrowClockwise$1 = ArrowClockwise;
 
-var _excluded$F = ["color", "size", "title"];
+var _excluded$G = ["color", "size", "title"];
 
-function _extends$D() { _extends$D = 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$D.apply(this, arguments); }
+function _extends$E() { _extends$E = 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$E.apply(this, arguments); }
 
-function _objectWithoutProperties$z(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$D(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutProperties$A(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$E(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-function _objectWithoutPropertiesLoose$D(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; }
+function _objectWithoutPropertiesLoose$E(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 ArrowDown = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var color = _ref.color,
       size = _ref.size,
       title = _ref.title,
-      rest = _objectWithoutProperties$z(_ref, _excluded$F);
+      rest = _objectWithoutProperties$A(_ref, _excluded$G);
 
-  return /*#__PURE__*/React__default.createElement("svg", _extends$D({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$E({
     ref: ref,
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
@@ -1873,20 +1873,20 @@ ArrowDown.defaultProps = {
 };
 var ArrowDown$1 = ArrowDown;
 
-var _excluded$E = ["color", "size", "title"];
+var _excluded$F = ["color", "size", "title"];
 
-function _extends$C() { _extends$C = 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$C.apply(this, arguments); }
+function _extends$D() { _extends$D = 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$D.apply(this, arguments); }
 
-function _objectWithoutProperties$y(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$C(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutProperties$z(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$D(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-function _objectWithoutPropertiesLoose$C(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; }
+function _objectWithoutPropertiesLoose$D(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 ArrowRepeat = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var color = _ref.color,
       size = _ref.size,
       title = _ref.title,
-      rest = _objectWithoutProperties$y(_ref, _excluded$E);
+      rest = _objectWithoutProperties$z(_ref, _excluded$F);
 
-  return /*#__PURE__*/React__default.createElement("svg", _extends$C({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$D({
     ref: ref,
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
@@ -1912,20 +1912,20 @@ ArrowRepeat.defaultProps = {
 };
 var ArrowRepeat$1 = ArrowRepeat;
 
-var _excluded$D = ["color", "size", "title"];
+var _excluded$E = ["color", "size", "title"];
 
-function _extends$B() { _extends$B = 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$B.apply(this, arguments); }
+function _extends$C() { _extends$C = 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$C.apply(this, arguments); }
 
-function _objectWithoutProperties$x(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$B(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutProperties$y(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$C(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-function _objectWithoutPropertiesLoose$B(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; }
+function _objectWithoutPropertiesLoose$C(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 ArrowUpSquare = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var color = _ref.color,
       size = _ref.size,
       title = _ref.title,
-      rest = _objectWithoutProperties$x(_ref, _excluded$D);
+      rest = _objectWithoutProperties$y(_ref, _excluded$E);
 
-  return /*#__PURE__*/React__default.createElement("svg", _extends$B({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$C({
     ref: ref,
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
@@ -1949,20 +1949,20 @@ ArrowUpSquare.defaultProps = {
 };
 var ArrowUpSquare$1 = ArrowUpSquare;
 
-var _excluded$C = ["color", "size", "title"];
+var _excluded$D = ["color", "size", "title"];
 
-function _extends$A() { _extends$A = 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$A.apply(this, arguments); }
+function _extends$B() { _extends$B = 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$B.apply(this, arguments); }
 
-function _objectWithoutProperties$w(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$A(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutProperties$x(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$B(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-function _objectWithoutPropertiesLoose$A(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; }
+function _objectWithoutPropertiesLoose$B(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 BoundingBox = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var color = _ref.color,
       size = _ref.size,
       title = _ref.title,
-      rest = _objectWithoutProperties$w(_ref, _excluded$C);
+      rest = _objectWithoutProperties$x(_ref, _excluded$D);
 
-  return /*#__PURE__*/React__default.createElement("svg", _extends$A({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$B({
     ref: ref,
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
@@ -1985,20 +1985,20 @@ BoundingBox.defaultProps = {
 };
 var BoundingBox$1 = BoundingBox;
 
-var _excluded$B = ["color", "size", "title"];
+var _excluded$C = ["color", "size", "title"];
 
-function _extends$z() { _extends$z = 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$z.apply(this, arguments); }
+function _extends$A() { _extends$A = 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$A.apply(this, arguments); }
 
-function _objectWithoutProperties$v(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$z(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutProperties$w(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$A(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-function _objectWithoutPropertiesLoose$z(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; }
+function _objectWithoutPropertiesLoose$A(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 Building = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var color = _ref.color,
       size = _ref.size,
       title = _ref.title,
-      rest = _objectWithoutProperties$v(_ref, _excluded$B);
+      rest = _objectWithoutProperties$w(_ref, _excluded$C);
 
-  return /*#__PURE__*/React__default.createElement("svg", _extends$z({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$A({
     ref: ref,
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
@@ -2024,20 +2024,20 @@ Building.defaultProps = {
 };
 var Building$1 = Building;
 
-var _excluded$A = ["color", "size", "title"];
+var _excluded$B = ["color", "size", "title"];
 
-function _extends$y() { _extends$y = 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$y.apply(this, arguments); }
+function _extends$z() { _extends$z = 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$z.apply(this, arguments); }
 
-function _objectWithoutProperties$u(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$y(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutProperties$v(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$z(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-function _objectWithoutPropertiesLoose$y(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; }
+function _objectWithoutPropertiesLoose$z(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 CaretDownFill = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var color = _ref.color,
       size = _ref.size,
       title = _ref.title,
-      rest = _objectWithoutProperties$u(_ref, _excluded$A);
+      rest = _objectWithoutProperties$v(_ref, _excluded$B);
 
-  return /*#__PURE__*/React__default.createElement("svg", _extends$y({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$z({
     ref: ref,
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
@@ -2060,20 +2060,20 @@ CaretDownFill.defaultProps = {
 };
 var CaretDownFill$1 = CaretDownFill;
 
-var _excluded$z = ["color", "size", "title"];
+var _excluded$A = ["color", "size", "title"];
 
-function _extends$x() { _extends$x = 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$x.apply(this, arguments); }
+function _extends$y() { _extends$y = 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$y.apply(this, arguments); }
 
-function _objectWithoutProperties$t(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$x(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutProperties$u(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$y(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-function _objectWithoutPropertiesLoose$x(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; }
+function _objectWithoutPropertiesLoose$y(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 CheckCircle = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var color = _ref.color,
       size = _ref.size,
       title = _ref.title,
-      rest = _objectWithoutProperties$t(_ref, _excluded$z);
+      rest = _objectWithoutProperties$u(_ref, _excluded$A);
 
-  return /*#__PURE__*/React__default.createElement("svg", _extends$x({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$y({
     ref: ref,
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
@@ -2098,6 +2098,43 @@ CheckCircle.defaultProps = {
 };
 var CheckCircle$1 = CheckCircle;
 
+var _excluded$z = ["color", "size", "title"];
+
+function _extends$x() { _extends$x = 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$x.apply(this, arguments); }
+
+function _objectWithoutProperties$t(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$x(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose$x(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 ChevronLeft = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var color = _ref.color,
+      size = _ref.size,
+      title = _ref.title,
+      rest = _objectWithoutProperties$t(_ref, _excluded$z);
+
+  return /*#__PURE__*/React__default.createElement("svg", _extends$x({
+    ref: ref,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    width: size,
+    height: size,
+    fill: color
+  }, rest), title ? /*#__PURE__*/React__default.createElement("title", null, title) : null, /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    d: "M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"
+  }));
+});
+ChevronLeft.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  title: PropTypes.string
+};
+ChevronLeft.defaultProps = {
+  color: 'currentColor',
+  size: '1em',
+  title: null
+};
+var ChevronLeft$1 = ChevronLeft;
+
 var _excluded$y = ["color", "size", "title"];
 
 function _extends$w() { _extends$w = 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$w.apply(this, arguments); }
@@ -4017,7 +4054,7 @@ var Downshift = /*#__PURE__*/function () {
 
         otherStateToSet = pickState(otherStateToSet);
 
-        _this.internalSetState(_extends$F({
+        _this.internalSetState(_extends$G({
           highlightedIndex: highlightedIndex
         }, otherStateToSet));
       };
@@ -4034,7 +4071,7 @@ var Downshift = /*#__PURE__*/function () {
       _this.selectItem = function (item, otherStateToSet, cb) {
         otherStateToSet = pickState(otherStateToSet);
 
-        _this.internalSetState(_extends$F({
+        _this.internalSetState(_extends$G({
           isOpen: _this.props.defaultIsOpen,
           highlightedIndex: _this.props.defaultHighlightedIndex,
           selectedItem: item,
@@ -4066,7 +4103,7 @@ var Downshift = /*#__PURE__*/function () {
         // See https://github.com/downshift-js/downshift/issues/217 for more info.
 
         if (!isStateToSetFunction && stateToSet.hasOwnProperty('inputValue')) {
-          _this.props.onInputValueChange(stateToSet.inputValue, _extends$F({}, _this.getStateAndHelpers(), stateToSet));
+          _this.props.onInputValueChange(stateToSet.inputValue, _extends$G({}, _this.getStateAndHelpers(), stateToSet));
         }
 
         return _this.setState(function (state) {
@@ -4114,7 +4151,7 @@ var Downshift = /*#__PURE__*/function () {
           // earlier, so we'll call it now that we know what the inputValue state will be.
 
           if (isStateToSetFunction && newStateToSet.hasOwnProperty('inputValue')) {
-            _this.props.onInputValueChange(newStateToSet.inputValue, _extends$F({}, _this.getStateAndHelpers(), newStateToSet));
+            _this.props.onInputValueChange(newStateToSet.inputValue, _extends$G({}, _this.getStateAndHelpers(), newStateToSet));
           }
 
           return nextState;
@@ -4169,7 +4206,7 @@ var Downshift = /*#__PURE__*/function () {
         var _this$getState = _this.getState(),
             isOpen = _this$getState.isOpen;
 
-        return _extends$F((_extends2 = {}, _extends2[refKey] = handleRefs(ref, _this.rootRef), _extends2.role = 'combobox', _extends2['aria-expanded'] = isOpen, _extends2['aria-haspopup'] = 'listbox', _extends2['aria-owns'] = isOpen ? _this.menuId : null, _extends2['aria-labelledby'] = _this.labelId, _extends2), rest);
+        return _extends$G((_extends2 = {}, _extends2[refKey] = handleRefs(ref, _this.rootRef), _extends2.role = 'combobox', _extends2['aria-expanded'] = isOpen, _extends2['aria-haspopup'] = 'listbox', _extends2['aria-owns'] = isOpen ? _this.menuId : null, _extends2['aria-labelledby'] = _this.labelId, _extends2), rest);
       };
 
       _this.keyDownHandlers = {
@@ -4262,7 +4299,7 @@ var Downshift = /*#__PURE__*/function () {
         },
         Escape: function Escape(event) {
           event.preventDefault();
-          this.reset(_extends$F({
+          this.reset(_extends$G({
             type: keyDownEscape
           }, !this.state.isOpen && {
             selectedItem: null,
@@ -4270,7 +4307,7 @@ var Downshift = /*#__PURE__*/function () {
           }));
         }
       };
-      _this.buttonKeyDownHandlers = _extends$F({}, _this.keyDownHandlers, {
+      _this.buttonKeyDownHandlers = _extends$G({}, _this.keyDownHandlers, {
         ' ': function _(event) {
           event.preventDefault();
           this.toggleMenu({
@@ -4278,7 +4315,7 @@ var Downshift = /*#__PURE__*/function () {
           });
         }
       });
-      _this.inputKeyDownHandlers = _extends$F({}, _this.keyDownHandlers, {
+      _this.inputKeyDownHandlers = _extends$G({}, _this.keyDownHandlers, {
         Home: function Home(event) {
           var _this4 = this;
 
@@ -4350,7 +4387,7 @@ var Downshift = /*#__PURE__*/function () {
           onBlur: callAllEventHandlers(onBlur, _this.buttonHandleBlur)
         };
         var eventHandlers = rest.disabled ? {} : enabledEventHandlers;
-        return _extends$F({
+        return _extends$G({
           type: 'button',
           role: 'button',
           'aria-label': isOpen ? 'close menu' : 'open menu',
@@ -4414,7 +4451,7 @@ var Downshift = /*#__PURE__*/function () {
       };
 
       _this.getLabelProps = function (props) {
-        return _extends$F({
+        return _extends$G({
           htmlFor: _this.inputId,
           id: _this.labelId
         }, props);
@@ -4448,7 +4485,7 @@ var Downshift = /*#__PURE__*/function () {
           eventHandlers = (_eventHandlers = {}, _eventHandlers[onChangeKey] = callAllEventHandlers(onChange, onInput, _this.inputHandleChange), _eventHandlers.onKeyDown = callAllEventHandlers(onKeyDown, _this.inputHandleKeyDown), _eventHandlers.onBlur = callAllEventHandlers(onBlur, _this.inputHandleBlur), _eventHandlers);
         }
 
-        return _extends$F({
+        return _extends$G({
           'aria-autocomplete': 'list',
           'aria-activedescendant': isOpen && typeof highlightedIndex === 'number' && highlightedIndex >= 0 ? _this.getItemId(highlightedIndex) : null,
           'aria-controls': isOpen ? _this.menuId : null,
@@ -4511,7 +4548,7 @@ var Downshift = /*#__PURE__*/function () {
         _this.getMenuProps.called = true;
         _this.getMenuProps.refKey = refKey;
         _this.getMenuProps.suppressRefError = suppressRefError;
-        return _extends$F((_extends3 = {}, _extends3[refKey] = handleRefs(ref, _this.menuRef), _extends3.role = 'listbox', _extends3['aria-labelledby'] = props && props['aria-label'] ? null : _this.labelId, _extends3.id = _this.menuId, _extends3), props);
+        return _extends$G((_extends3 = {}, _extends3[refKey] = handleRefs(ref, _this.menuRef), _extends3.role = 'listbox', _extends3['aria-labelledby'] = props && props['aria-label'] ? null : _this.labelId, _extends3.id = _this.menuId, _extends3), props);
       };
 
       _this.getItemProps = function (_temp7) {
@@ -4578,7 +4615,7 @@ var Downshift = /*#__PURE__*/function () {
         var eventHandlers = rest.disabled ? {
           onMouseDown: enabledEventHandlers.onMouseDown
         } : enabledEventHandlers;
-        return _extends$F({
+        return _extends$G({
           id: _this.getItemId(index),
           role: 'option',
           'aria-selected': _this.getState().highlightedIndex === index
@@ -4598,7 +4635,7 @@ var Downshift = /*#__PURE__*/function () {
 
         _this.internalSetState(function (_ref8) {
           var selectedItem = _ref8.selectedItem;
-          return _extends$F({
+          return _extends$G({
             isOpen: _this.props.defaultIsOpen,
             highlightedIndex: _this.props.defaultHighlightedIndex,
             inputValue: _this.props.itemToString(selectedItem)
@@ -4615,7 +4652,7 @@ var Downshift = /*#__PURE__*/function () {
 
         _this.internalSetState(function (_ref9) {
           var isOpen = _ref9.isOpen;
-          return _extends$F({
+          return _extends$G({
             isOpen: !isOpen
           }, isOpen && {
             highlightedIndex: _this.props.defaultHighlightedIndex
@@ -4654,7 +4691,7 @@ var Downshift = /*#__PURE__*/function () {
 
         var resultCount = _this.getItemCount();
 
-        var status = _this.props.getA11yStatusMessage(_extends$F({
+        var status = _this.props.getA11yStatusMessage(_extends$G({
           itemToString: _this.props.itemToString,
           previousResultCount: _this.previousResultCount,
           resultCount: resultCount,
@@ -5144,7 +5181,7 @@ function callOnChangeProps(action, state, newState) {
   });
 
   if (props.onStateChange && Object.keys(changes).length) {
-    props.onStateChange(_extends$F({
+    props.onStateChange(_extends$G({
       type: type
     }, changes));
   }
@@ -5156,7 +5193,7 @@ function invokeOnChangeHandler(key, action, state, newState) {
   var handler = "on" + capitalizeString(key) + "Change";
 
   if (props[handler] && newState[key] !== undefined && newState[key] !== state[key]) {
-    props[handler](_extends$F({
+    props[handler](_extends$G({
       type: type
     }, newState));
   }
@@ -5266,7 +5303,7 @@ function useEnhancedReducer(reducer, initialState, props) {
     actionRef.current = action;
     state = getState(state, action.props);
     var changes = reducer(state, action);
-    var newState = action.props.stateReducer(state, _extends$F({}, action, {
+    var newState = action.props.stateReducer(state, _extends$G({}, action, {
       changes: changes
     }));
     return newState;
@@ -5278,7 +5315,7 @@ function useEnhancedReducer(reducer, initialState, props) {
 
   var propsRef = useLatestRef$1(props);
   var dispatchWithProps = useCallback(function (action) {
-    return dispatch(_extends$F({
+    return dispatch(_extends$G({
       props: propsRef.current
     }, action));
   }, [propsRef]);
@@ -5524,7 +5561,7 @@ function useA11yMessageSetter(getA11yMessage, dependencyArray, _ref2) {
     }
 
     updateA11yStatus(function () {
-      return getA11yMessage(_extends$F({
+      return getA11yMessage(_extends$G({
         highlightedIndex: highlightedIndex,
         highlightedItem: items[highlightedIndex],
         resultCount: items.length
@@ -5646,7 +5683,7 @@ function downshiftCommonReducer(state, action, stateChangeTypes) {
       throw new Error('Reducer called without proper action type.');
   }
 
-  return _extends$F({}, state, changes);
+  return _extends$G({}, state, changes);
 }
 ({
     items: PropTypes.array.isRequired,
@@ -5786,7 +5823,7 @@ function getInitialState$1(props) {
     inputValue = props.itemToString(selectedItem);
   }
 
-  return _extends$F({}, initialState, {
+  return _extends$G({}, initialState, {
     inputValue: inputValue
   });
 }
@@ -5877,7 +5914,7 @@ if (process.env.NODE_ENV !== 'production') {
   };
 }
 
-var defaultProps$1$1 = _extends$F({}, defaultProps$3$1, {
+var defaultProps$1$1 = _extends$G({}, defaultProps$3$1, {
   getA11yStatusMessage: getA11yStatusMessage$1,
   circularNavigation: true
 });
@@ -5929,7 +5966,7 @@ function downshiftUseComboboxReducer(state, action) {
       break;
 
     case InputKeyDownEnter:
-      changes = _extends$F({}, state.isOpen && state.highlightedIndex >= 0 && {
+      changes = _extends$G({}, state.isOpen && state.highlightedIndex >= 0 && {
         selectedItem: props.items[state.highlightedIndex],
         isOpen: getDefaultValue$1(props, 'isOpen'),
         highlightedIndex: getDefaultValue$1(props, 'highlightedIndex'),
@@ -5938,7 +5975,7 @@ function downshiftUseComboboxReducer(state, action) {
       break;
 
     case InputKeyDownEscape:
-      changes = _extends$F({
+      changes = _extends$G({
         isOpen: false,
         highlightedIndex: -1
       }, !state.isOpen && {
@@ -5960,7 +5997,7 @@ function downshiftUseComboboxReducer(state, action) {
       break;
 
     case InputBlur:
-      changes = _extends$F({
+      changes = _extends$G({
         isOpen: false,
         highlightedIndex: -1
       }, state.highlightedIndex >= 0 && action.selectItem && {
@@ -5994,7 +6031,7 @@ function downshiftUseComboboxReducer(state, action) {
       return downshiftCommonReducer(state, action, stateChangeTypes$1);
   }
 
-  return _extends$F({}, state, changes);
+  return _extends$G({}, state, changes);
 }
 /* eslint-enable complexity */
 
@@ -6012,7 +6049,7 @@ function useCombobox(userProps) {
 
   validatePropTypes$1(userProps, useCombobox); // Props defaults and destructuring.
 
-  var props = _extends$F({}, defaultProps$1$1, userProps);
+  var props = _extends$G({}, defaultProps$1$1, userProps);
 
   var initialIsOpen = props.initialIsOpen,
       defaultIsOpen = props.defaultIsOpen,
@@ -6054,7 +6091,7 @@ function useCombobox(userProps) {
   }, [elementIds]); // Effects.
   // Sets a11y status message on changes in state.
 
-  useA11yMessageSetter(getA11yStatusMessage, [isOpen, highlightedIndex, inputValue, items], _extends$F({
+  useA11yMessageSetter(getA11yStatusMessage, [isOpen, highlightedIndex, inputValue, items], _extends$G({
     isInitialMount: isInitialMountRef.current,
     previousResultCount: previousResultCountRef.current,
     items: items,
@@ -6062,7 +6099,7 @@ function useCombobox(userProps) {
     itemToString: itemToString
   }, state)); // Sets a11y status message on changes in selectedItem.
 
-  useA11yMessageSetter(getA11ySelectionMessage, [selectedItem], _extends$F({
+  useA11yMessageSetter(getA11ySelectionMessage, [selectedItem], _extends$G({
     isInitialMount: isInitialMountRef.current,
     previousResultCount: previousResultCountRef.current,
     items: items,
@@ -6186,7 +6223,7 @@ function useCombobox(userProps) {
   }, [dispatch, latest, getItemNodeFromIndex]); // Getter props.
 
   var getLabelProps = useCallback(function (labelProps) {
-    return _extends$F({
+    return _extends$G({
       id: elementIds.labelId,
       htmlFor: elementIds.inputId
     }, labelProps);
@@ -6206,7 +6243,7 @@ function useCombobox(userProps) {
         suppressRefError = _ref2$suppressRefErro === void 0 ? false : _ref2$suppressRefErro;
 
     setGetterPropCallInfo('getMenuProps', suppressRefError, refKey, menuRef);
-    return _extends$F((_extends2 = {}, _extends2[refKey] = handleRefs(ref, function (menuNode) {
+    return _extends$G((_extends2 = {}, _extends2[refKey] = handleRefs(ref, function (menuNode) {
       menuRef.current = menuNode;
     }), _extends2.id = elementIds.menuId, _extends2.role = 'listbox', _extends2['aria-labelledby'] = elementIds.labelId, _extends2.onMouseLeave = callAllEventHandlers(onMouseLeave, function () {
       dispatch({
@@ -6263,7 +6300,7 @@ function useCombobox(userProps) {
       }
     };
 
-    return _extends$F((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (itemNode) {
+    return _extends$G((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (itemNode) {
       if (itemNode) {
         itemRefs.current[elementIds.getItemId(itemIndex)] = itemNode;
       }
@@ -6292,9 +6329,9 @@ function useCombobox(userProps) {
       }
     };
 
-    return _extends$F((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (toggleButtonNode) {
+    return _extends$G((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (toggleButtonNode) {
       toggleButtonRef.current = toggleButtonNode;
-    }), _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends$F({}, {
+    }), _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends$G({}, {
       onClick: callAllEventHandlers(onClick, toggleButtonHandleClick)
     }), rest);
   }, [dispatch, latest, elementIds]);
@@ -6355,7 +6392,7 @@ function useCombobox(userProps) {
       eventHandlers = (_eventHandlers = {}, _eventHandlers[onChangeKey] = callAllEventHandlers(onChange, onInput, inputHandleChange), _eventHandlers.onKeyDown = callAllEventHandlers(onKeyDown, inputHandleKeyDown), _eventHandlers.onBlur = callAllEventHandlers(onBlur, inputHandleBlur), _eventHandlers);
     }
 
-    return _extends$F((_extends5 = {}, _extends5[refKey] = handleRefs(ref, function (inputNode) {
+    return _extends$G((_extends5 = {}, _extends5[refKey] = handleRefs(ref, function (inputNode) {
       inputRef.current = inputNode;
     }), _extends5.id = elementIds.inputId, _extends5['aria-autocomplete'] = 'list', _extends5['aria-controls'] = elementIds.menuId, _extends5), latestState.isOpen && latestState.highlightedIndex > -1 && {
       'aria-activedescendant': elementIds.getItemId(latestState.highlightedIndex)
@@ -6381,7 +6418,7 @@ function useCombobox(userProps) {
         suppressRefError = _ref9$suppressRefErro === void 0 ? false : _ref9$suppressRefErro;
 
     setGetterPropCallInfo('getComboboxProps', suppressRefError, refKey, comboboxRef);
-    return _extends$F((_extends6 = {}, _extends6[refKey] = handleRefs(ref, function (comboboxNode) {
+    return _extends$G((_extends6 = {}, _extends6[refKey] = handleRefs(ref, function (comboboxNode) {
       comboboxRef.current = comboboxNode;
     }), _extends6.role = 'combobox', _extends6['aria-haspopup'] = 'listbox', _extends6['aria-owns'] = elementIds.menuId, _extends6['aria-expanded'] = latest.current.state.isOpen, _extends6), rest);
   }, [latest, setGetterPropCallInfo, elementIds]); // returns
@@ -6526,7 +6563,7 @@ const $89eedd556c436f6a$export$1ff3c3f08ae963c0 = /*#__PURE__*/ forwardRef((prop
         'aria-orientation': ariaOrientation,
         role: 'separator'
     };
-    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$F({
+    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$G({
         "data-orientation": orientation
     }, semanticProps, domProps, {
         ref: forwardedRef
@@ -9045,7 +9082,7 @@ const $5cb92bef7577960e$export$177fb62ff3ec1f22 = /*#__PURE__*/ forwardRef((prop
         return ()=>document.removeEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE, handleUpdate)
         ;
     }, []);
-    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$F({}, layerProps, {
+    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$G({}, layerProps, {
         ref: composedRefs,
         style: {
             pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? 'auto' : 'none' : undefined,
@@ -9317,7 +9354,7 @@ const $d3863c46a17e8a28$export$20e40289641fbbb6 = /*#__PURE__*/ forwardRef((prop
         trapped,
         focusScope.paused
     ]);
-    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$F({
+    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$G({
         tabIndex: -1
     }, scopeProps, {
         ref: composedRefs,
@@ -11092,7 +11129,7 @@ const arrow = options => {
 
 const $7e8f5cd07187803e$export$21b07c8f274aebd5 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { children: children , width: width = 10 , height: height = 5 , ...arrowProps } = props;
-    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.svg, _extends$F({}, arrowProps, {
+    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.svg, _extends$G({}, arrowProps, {
         ref: forwardedRef,
         width: width,
         height: height,
@@ -11179,7 +11216,7 @@ const $cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d = /*#__PURE__*/ forwardRef((props
         // `anchorRef` with their virtual ref in this case.
         context.onAnchorChange((virtualRef === null || virtualRef === void 0 ? void 0 : virtualRef.current) || ref.current);
     });
-    return virtualRef ? null : /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$F({}, anchorProps, {
+    return virtualRef ? null : /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$G({}, anchorProps, {
         ref: composedRefs
     }));
 });
@@ -11374,7 +11411,7 @@ const $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0 = /*#__PURE__*/ forwardRef(funct
             }[contentContext.placedSide],
             visibility: contentContext.shouldHideArrow ? 'hidden' : undefined
         }
-    }, /*#__PURE__*/ createElement($7e8f5cd07187803e$export$be92b6f5f03c0fe9, _extends$F({}, arrowProps, {
+    }, /*#__PURE__*/ createElement($7e8f5cd07187803e$export$be92b6f5f03c0fe9, _extends$G({}, arrowProps, {
         ref: forwardedRef,
         style: {
             ...arrowProps.style,
@@ -11585,7 +11622,7 @@ const $d7bdfb9eb0fdf311$export$8699f7c8af148338 = /*#__PURE__*/ forwardRef((prop
         scope: props.__scopeRovingFocusGroup
     }, /*#__PURE__*/ createElement($d7bdfb9eb0fdf311$var$Collection.Slot, {
         scope: props.__scopeRovingFocusGroup
-    }, /*#__PURE__*/ createElement($d7bdfb9eb0fdf311$var$RovingFocusGroupImpl, _extends$F({}, props, {
+    }, /*#__PURE__*/ createElement($d7bdfb9eb0fdf311$var$RovingFocusGroupImpl, _extends$G({}, props, {
         ref: forwardedRef
     }))));
 });
@@ -11625,7 +11662,7 @@ const $d7bdfb9eb0fdf311$export$8699f7c8af148338 = /*#__PURE__*/ forwardRef((prop
         ]),
         onItemShiftTab: useCallback(()=>setIsTabbingBackOut(true)
         , [])
-    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$F({
+    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$G({
         tabIndex: isTabbingBackOut ? -1 : 0,
         "data-orientation": orientation
     }, groupProps, {
@@ -11683,7 +11720,7 @@ const $d7bdfb9eb0fdf311$export$ab9df7c53fe8454 = /*#__PURE__*/ forwardRef((props
         id: id,
         focusable: focusable,
         active: active
-    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$F({
+    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$G({
         tabIndex: isCurrentTabStop ? 0 : -1,
         "data-orientation": context.orientation
     }, itemProps, {
@@ -12594,7 +12631,7 @@ const $6cc32821e9371a1c$export$d9b273488cd8ce6f = (props)=>{
 const $6cc32821e9371a1c$export$9fa5ebd18bee4d43 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeMenu: __scopeMenu , ...anchorProps } = props;
     const popperScope = $6cc32821e9371a1c$var$usePopperScope(__scopeMenu);
-    return /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$b688253958b8dfe7, _extends$F({}, popperScope, anchorProps, {
+    return /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$b688253958b8dfe7, _extends$G({}, popperScope, anchorProps, {
         ref: forwardedRef
     }));
 });
@@ -12619,9 +12656,9 @@ const $6cc32821e9371a1c$export$479f0f2f71193efe = /*#__PURE__*/ forwardRef((prop
         present: forceMount || context.open
     }, /*#__PURE__*/ createElement($6cc32821e9371a1c$var$Collection.Slot, {
         scope: props.__scopeMenu
-    }, rootContext.modal ? /*#__PURE__*/ createElement($6cc32821e9371a1c$var$MenuRootContentModal, _extends$F({}, contentProps, {
+    }, rootContext.modal ? /*#__PURE__*/ createElement($6cc32821e9371a1c$var$MenuRootContentModal, _extends$G({}, contentProps, {
         ref: forwardedRef
-    })) : /*#__PURE__*/ createElement($6cc32821e9371a1c$var$MenuRootContentNonModal, _extends$F({}, contentProps, {
+    })) : /*#__PURE__*/ createElement($6cc32821e9371a1c$var$MenuRootContentNonModal, _extends$G({}, contentProps, {
         ref: forwardedRef
     })))));
 });
@@ -12633,7 +12670,7 @@ const $6cc32821e9371a1c$export$479f0f2f71193efe = /*#__PURE__*/ forwardRef((prop
         const content = ref.current;
         if (content) return hideOthers(content);
     }, []);
-    return /*#__PURE__*/ createElement($6cc32821e9371a1c$var$MenuContentImpl, _extends$F({}, props, {
+    return /*#__PURE__*/ createElement($6cc32821e9371a1c$var$MenuContentImpl, _extends$G({}, props, {
         ref: composedRefs // we make sure we're not trapping once it's been closed
         ,
         trapFocus: context.open // make sure to only disable pointer events when open
@@ -12650,7 +12687,7 @@ const $6cc32821e9371a1c$export$479f0f2f71193efe = /*#__PURE__*/ forwardRef((prop
 });
 const $6cc32821e9371a1c$var$MenuRootContentNonModal = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const context = $6cc32821e9371a1c$var$useMenuContext($6cc32821e9371a1c$var$CONTENT_NAME, props.__scopeMenu);
-    return /*#__PURE__*/ createElement($6cc32821e9371a1c$var$MenuContentImpl, _extends$F({}, props, {
+    return /*#__PURE__*/ createElement($6cc32821e9371a1c$var$MenuContentImpl, _extends$G({}, props, {
         ref: forwardedRef,
         trapFocus: false,
         disableOutsidePointerEvents: false,
@@ -12759,7 +12796,7 @@ const $6cc32821e9371a1c$var$MenuRootContentNonModal = /*#__PURE__*/ forwardRef((
         onFocusOutside: onFocusOutside,
         onInteractOutside: onInteractOutside,
         onDismiss: onDismiss
-    }, /*#__PURE__*/ createElement($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9, _extends$F({
+    }, /*#__PURE__*/ createElement($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9, _extends$G({
         asChild: true
     }, rovingFocusGroupScope, {
         dir: rootContext.dir,
@@ -12771,7 +12808,7 @@ const $6cc32821e9371a1c$var$MenuRootContentNonModal = /*#__PURE__*/ forwardRef((
             // only focus first item when using keyboard
             if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
         }
-    }), /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2, _extends$F({
+    }), /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2, _extends$G({
         role: "menu",
         "aria-orientation": "vertical",
         "data-state": $6cc32821e9371a1c$var$getOpenState(context.open),
@@ -12825,7 +12862,7 @@ const $6cc32821e9371a1c$var$MenuRootContentNonModal = /*#__PURE__*/ forwardRef((
 });
 const $6cc32821e9371a1c$export$22a631d1f72787bb = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeMenu: __scopeMenu , ...groupProps } = props;
-    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$F({
+    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$G({
         role: "group"
     }, groupProps, {
         ref: forwardedRef
@@ -12833,7 +12870,7 @@ const $6cc32821e9371a1c$export$22a631d1f72787bb = /*#__PURE__*/ forwardRef((prop
 });
 const $6cc32821e9371a1c$export$dd37bec0e8a99143 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeMenu: __scopeMenu , ...labelProps } = props;
-    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$F({}, labelProps, {
+    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$G({}, labelProps, {
         ref: forwardedRef
     }));
 });
@@ -12864,7 +12901,7 @@ const $6cc32821e9371a1c$export$2ce376c2cc3355c8 = /*#__PURE__*/ forwardRef((prop
             else rootContext.onClose();
         }
     };
-    return /*#__PURE__*/ createElement($6cc32821e9371a1c$var$MenuItemImpl, _extends$F({}, itemProps, {
+    return /*#__PURE__*/ createElement($6cc32821e9371a1c$var$MenuItemImpl, _extends$G({}, itemProps, {
         ref: composedRefs,
         disabled: disabled,
         onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, handleSelect),
@@ -12916,11 +12953,11 @@ const $6cc32821e9371a1c$export$2ce376c2cc3355c8 = /*#__PURE__*/ forwardRef((prop
         scope: __scopeMenu,
         disabled: disabled,
         textValue: textValue !== null && textValue !== void 0 ? textValue : textContent
-    }, /*#__PURE__*/ createElement($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2, _extends$F({
+    }, /*#__PURE__*/ createElement($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2, _extends$G({
         asChild: true
     }, rovingFocusGroupScope, {
         focusable: !disabled
-    }), /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$F({
+    }), /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$G({
         role: "menuitem",
         "data-highlighted": isFocused ? '' : undefined,
         "aria-disabled": disabled || undefined,
@@ -12950,7 +12987,7 @@ const $6cc32821e9371a1c$export$f6f243521332502d = /*#__PURE__*/ forwardRef((prop
     return /*#__PURE__*/ createElement($6cc32821e9371a1c$var$ItemIndicatorProvider, {
         scope: props.__scopeMenu,
         checked: checked
-    }, /*#__PURE__*/ createElement($6cc32821e9371a1c$export$2ce376c2cc3355c8, _extends$F({
+    }, /*#__PURE__*/ createElement($6cc32821e9371a1c$export$2ce376c2cc3355c8, _extends$G({
         role: "menuitemcheckbox",
         "aria-checked": checked
     }, checkboxItemProps, {
@@ -12976,7 +13013,7 @@ const $6cc32821e9371a1c$export$ea2200c9eee416b3 = /*#__PURE__*/ forwardRef((prop
         scope: props.__scopeMenu,
         value: value,
         onValueChange: handleValueChange
-    }, /*#__PURE__*/ createElement($6cc32821e9371a1c$export$22a631d1f72787bb, _extends$F({}, groupProps, {
+    }, /*#__PURE__*/ createElement($6cc32821e9371a1c$export$22a631d1f72787bb, _extends$G({}, groupProps, {
         ref: forwardedRef
     })));
 });
@@ -12990,7 +13027,7 @@ const $6cc32821e9371a1c$export$69bd225e9817f6d0 = /*#__PURE__*/ forwardRef((prop
     return /*#__PURE__*/ createElement($6cc32821e9371a1c$var$ItemIndicatorProvider, {
         scope: props.__scopeMenu,
         checked: checked
-    }, /*#__PURE__*/ createElement($6cc32821e9371a1c$export$2ce376c2cc3355c8, _extends$F({
+    }, /*#__PURE__*/ createElement($6cc32821e9371a1c$export$2ce376c2cc3355c8, _extends$G({
         role: "menuitemradio",
         "aria-checked": checked
     }, radioItemProps, {
@@ -13015,7 +13052,7 @@ const $6cc32821e9371a1c$export$a2593e23056970a3 = /*#__PURE__*/ forwardRef((prop
     const indicatorContext = $6cc32821e9371a1c$var$useItemIndicatorContext($6cc32821e9371a1c$var$ITEM_INDICATOR_NAME, __scopeMenu);
     return /*#__PURE__*/ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
         present: forceMount || indicatorContext.checked
-    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$F({}, itemIndicatorProps, {
+    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$G({}, itemIndicatorProps, {
         ref: forwardedRef,
         "data-state": $6cc32821e9371a1c$var$getCheckedState(indicatorContext.checked)
     })));
@@ -13023,7 +13060,7 @@ const $6cc32821e9371a1c$export$a2593e23056970a3 = /*#__PURE__*/ forwardRef((prop
 const $6cc32821e9371a1c$export$bcdda4773debf5fa = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeMenu: __scopeMenu , ...arrowProps } = props;
     const popperScope = $6cc32821e9371a1c$var$usePopperScope(__scopeMenu);
-    return /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$21b07c8f274aebd5, _extends$F({}, popperScope, arrowProps, {
+    return /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$21b07c8f274aebd5, _extends$G({}, popperScope, arrowProps, {
         ref: forwardedRef
     }));
 });
@@ -13151,7 +13188,7 @@ const $d08ef79370b62062$export$e44a253a59704894 = (props)=>{
             setOpen
         ]),
         modal: modal
-    }, /*#__PURE__*/ createElement($6cc32821e9371a1c$export$be92b6f5f03c0fe9, _extends$F({}, menuScope, {
+    }, /*#__PURE__*/ createElement($6cc32821e9371a1c$export$be92b6f5f03c0fe9, _extends$G({}, menuScope, {
         open: open,
         onOpenChange: setOpen,
         dir: dir,
@@ -13165,9 +13202,9 @@ const $d08ef79370b62062$export$d2469213b3befba9 = /*#__PURE__*/ forwardRef((prop
     const { __scopeDropdownMenu: __scopeDropdownMenu , disabled: disabled = false , ...triggerProps } = props;
     const context = $d08ef79370b62062$var$useDropdownMenuContext($d08ef79370b62062$var$TRIGGER_NAME, __scopeDropdownMenu);
     const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
-    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$b688253958b8dfe7, _extends$F({
+    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$b688253958b8dfe7, _extends$G({
         asChild: true
-    }, menuScope), /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$F({
+    }, menuScope), /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$G({
         type: "button",
         id: context.triggerId,
         "aria-haspopup": "menu",
@@ -13209,7 +13246,7 @@ const $d08ef79370b62062$export$6e76d93a37c01248 = /*#__PURE__*/ forwardRef((prop
     const context = $d08ef79370b62062$var$useDropdownMenuContext($d08ef79370b62062$var$CONTENT_NAME, __scopeDropdownMenu);
     const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
     const hasInteractedOutsideRef = useRef(false);
-    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$7c6e2c02157bb7d2, _extends$F({
+    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$7c6e2c02157bb7d2, _extends$G({
         id: context.contentId,
         "aria-labelledby": context.triggerId
     }, menuScope, contentProps, {
@@ -13236,56 +13273,56 @@ const $d08ef79370b62062$export$6e76d93a37c01248 = /*#__PURE__*/ forwardRef((prop
 const $d08ef79370b62062$export$246bebaba3a2f70e = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeDropdownMenu: __scopeDropdownMenu , ...groupProps } = props;
     const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
-    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$eb2fcfdbd7ba97d4, _extends$F({}, menuScope, groupProps, {
+    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$eb2fcfdbd7ba97d4, _extends$G({}, menuScope, groupProps, {
         ref: forwardedRef
     }));
 });
 const $d08ef79370b62062$export$76e48c5b57f24495 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeDropdownMenu: __scopeDropdownMenu , ...labelProps } = props;
     const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
-    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$b04be29aa201d4f5, _extends$F({}, menuScope, labelProps, {
+    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$b04be29aa201d4f5, _extends$G({}, menuScope, labelProps, {
         ref: forwardedRef
     }));
 });
 const $d08ef79370b62062$export$ed97964d1871885d = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeDropdownMenu: __scopeDropdownMenu , ...itemProps } = props;
     const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
-    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$6d08773d2e66f8f2, _extends$F({}, menuScope, itemProps, {
+    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$6d08773d2e66f8f2, _extends$G({}, menuScope, itemProps, {
         ref: forwardedRef
     }));
 });
 const $d08ef79370b62062$export$53a69729da201fa9 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeDropdownMenu: __scopeDropdownMenu , ...checkboxItemProps } = props;
     const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
-    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$16ce288f89fa631c, _extends$F({}, menuScope, checkboxItemProps, {
+    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$16ce288f89fa631c, _extends$G({}, menuScope, checkboxItemProps, {
         ref: forwardedRef
     }));
 });
 const $d08ef79370b62062$export$3323ad73d55f587e = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeDropdownMenu: __scopeDropdownMenu , ...radioGroupProps } = props;
     const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
-    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$a98f0dcb43a68a25, _extends$F({}, menuScope, radioGroupProps, {
+    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$a98f0dcb43a68a25, _extends$G({}, menuScope, radioGroupProps, {
         ref: forwardedRef
     }));
 });
 const $d08ef79370b62062$export$e4f69b41b1637536 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeDropdownMenu: __scopeDropdownMenu , ...radioItemProps } = props;
     const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
-    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$371ab307eab489c0, _extends$F({}, menuScope, radioItemProps, {
+    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$371ab307eab489c0, _extends$G({}, menuScope, radioItemProps, {
         ref: forwardedRef
     }));
 });
 const $d08ef79370b62062$export$42355ae145153fb6 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeDropdownMenu: __scopeDropdownMenu , ...itemIndicatorProps } = props;
     const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
-    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$c3468e2714d175fa, _extends$F({}, menuScope, itemIndicatorProps, {
+    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$c3468e2714d175fa, _extends$G({}, menuScope, itemIndicatorProps, {
         ref: forwardedRef
     }));
 });
 const $d08ef79370b62062$export$34b8980744021ec5 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeDropdownMenu: __scopeDropdownMenu , ...arrowProps } = props;
     const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
-    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$21b07c8f274aebd5, _extends$F({}, menuScope, arrowProps, {
+    return /*#__PURE__*/ createElement($6cc32821e9371a1c$export$21b07c8f274aebd5, _extends$G({}, menuScope, arrowProps, {
         ref: forwardedRef
     }));
 });
@@ -15089,7 +15126,7 @@ const $409067139f391064$export$6eb0f7ddcda6131f = /*#__PURE__*/ forwardRef((prop
         , [
             setOpen
         ])
-    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$F({
+    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$G({
         "data-state": $409067139f391064$var$getState(open),
         "data-disabled": disabled ? '' : undefined
     }, collapsibleProps, {
@@ -15102,7 +15139,7 @@ const $409067139f391064$export$6eb0f7ddcda6131f = /*#__PURE__*/ forwardRef((prop
 const $409067139f391064$export$c135dce7b15bbbdc = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeCollapsible: __scopeCollapsible , ...triggerProps } = props;
     const context = $409067139f391064$var$useCollapsibleContext($409067139f391064$var$TRIGGER_NAME, __scopeCollapsible);
-    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$F({
+    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$G({
         type: "button",
         "aria-controls": context.contentId,
         "aria-expanded": context.open || false,
@@ -15122,7 +15159,7 @@ const $409067139f391064$export$aadde00976f34151 = /*#__PURE__*/ forwardRef((prop
     const context = $409067139f391064$var$useCollapsibleContext($409067139f391064$var$CONTENT_NAME, props.__scopeCollapsible);
     return /*#__PURE__*/ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
         present: forceMount || context.open
-    }, ({ present: present  })=>/*#__PURE__*/ createElement($409067139f391064$var$CollapsibleContentImpl, _extends$F({}, contentProps, {
+    }, ({ present: present  })=>/*#__PURE__*/ createElement($409067139f391064$var$CollapsibleContentImpl, _extends$G({}, contentProps, {
             ref: forwardedRef,
             present: present
         }))
@@ -15178,7 +15215,7 @@ const $409067139f391064$export$aadde00976f34151 = /*#__PURE__*/ forwardRef((prop
         context.open,
         present
     ]);
-    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$F({
+    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$G({
         "data-state": $409067139f391064$var$getState(context.open),
         "data-disabled": context.disabled ? '' : undefined,
         id: context.contentId,
@@ -15387,7 +15424,7 @@ const $ce77a8961b41be9e$export$d7b12c4107be0d61 = /*#__PURE__*/ forwardRef((prop
         scope: __scopeRadio,
         checked: checked,
         disabled: disabled
-    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$F({
+    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$G({
         type: "button",
         role: "radio",
         "aria-checked": checked,
@@ -15430,7 +15467,7 @@ const $ce77a8961b41be9e$export$d35a9ffa9a04f9e7 = /*#__PURE__*/ forwardRef((prop
     const context = $ce77a8961b41be9e$var$useRadioContext($ce77a8961b41be9e$var$INDICATOR_NAME, __scopeRadio);
     return /*#__PURE__*/ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
         present: forceMount || context.checked
-    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$F({
+    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$G({
         "data-state": $ce77a8961b41be9e$var$getState(context.checked),
         "data-disabled": context.disabled ? '' : undefined
     }, indicatorProps, {
@@ -15459,7 +15496,7 @@ const $ce77a8961b41be9e$export$d35a9ffa9a04f9e7 = /*#__PURE__*/ forwardRef((prop
         checked,
         bubbles
     ]);
-    return /*#__PURE__*/ createElement("input", _extends$F({
+    return /*#__PURE__*/ createElement("input", _extends$G({
         type: "radio",
         "aria-hidden": true,
         defaultChecked: checked
@@ -15514,13 +15551,13 @@ const $f99a8c78507165f7$export$a98f0dcb43a68a25 = /*#__PURE__*/ forwardRef((prop
         required: required,
         value: value,
         onValueChange: setValue
-    }, /*#__PURE__*/ createElement($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9, _extends$F({
+    }, /*#__PURE__*/ createElement($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9, _extends$G({
         asChild: true
     }, rovingFocusGroupScope, {
         orientation: orientation,
         dir: direction,
         loop: loop
-    }), /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$F({
+    }), /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$G({
         role: "radiogroup",
         "aria-required": required,
         "aria-orientation": orientation,
@@ -15555,12 +15592,12 @@ const $f99a8c78507165f7$export$9f866c100ef519e4 = /*#__PURE__*/ forwardRef((prop
             document.removeEventListener('keyup', handleKeyUp);
         };
     }, []);
-    return /*#__PURE__*/ createElement($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2, _extends$F({
+    return /*#__PURE__*/ createElement($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2, _extends$G({
         asChild: true
     }, rovingFocusGroupScope, {
         focusable: !disabled,
         active: checked
-    }), /*#__PURE__*/ createElement($ce77a8961b41be9e$export$d7b12c4107be0d61, _extends$F({
+    }), /*#__PURE__*/ createElement($ce77a8961b41be9e$export$d7b12c4107be0d61, _extends$G({
         disabled: disabled,
         required: context.required,
         checked: checked
@@ -15586,7 +15623,7 @@ const $f99a8c78507165f7$export$9f866c100ef519e4 = /*#__PURE__*/ forwardRef((prop
 const $f99a8c78507165f7$export$5fb54c671a65c88 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeRadioGroup: __scopeRadioGroup , ...indicatorProps } = props;
     const radioScope = $f99a8c78507165f7$var$useRadioScope(__scopeRadioGroup);
-    return /*#__PURE__*/ createElement($ce77a8961b41be9e$export$d35a9ffa9a04f9e7, _extends$F({}, radioScope, indicatorProps, {
+    return /*#__PURE__*/ createElement($ce77a8961b41be9e$export$d35a9ffa9a04f9e7, _extends$G({}, radioScope, indicatorProps, {
         ref: forwardedRef
     }));
 });
@@ -15696,7 +15733,7 @@ var TextInput = function (_a) {
 };
 
 const $ea1ef594cf570d83$export$439d29a4e110a164 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$F({}, props, {
+    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$G({}, props, {
         ref: forwardedRef,
         style: {
             // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
@@ -15831,9 +15868,9 @@ const $a093c7e1ec25a057$export$8c610744efcf8a1d = /*#__PURE__*/ forwardRef((prop
     }, [
         handlePointerUp
     ]);
-    return /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$b688253958b8dfe7, _extends$F({
+    return /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$b688253958b8dfe7, _extends$G({
         asChild: true
-    }, popperScope), /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$F({
+    }, popperScope), /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$G({
         // We purposefully avoid adding `type=button` here because tooltip triggers are also
         // commonly anchors and the anchor `type` attribute signifies MIME type.
         "aria-describedby": context.open ? context.contentId : undefined,
@@ -15884,11 +15921,11 @@ const $a093c7e1ec25a057$export$e9003e2be37ec060 = /*#__PURE__*/ forwardRef((prop
     const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$CONTENT_NAME, props.__scopeTooltip);
     return /*#__PURE__*/ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
         present: forceMount || context.open
-    }, context.disableHoverableContent ? /*#__PURE__*/ createElement($a093c7e1ec25a057$var$TooltipContentImpl, _extends$F({
+    }, context.disableHoverableContent ? /*#__PURE__*/ createElement($a093c7e1ec25a057$var$TooltipContentImpl, _extends$G({
         side: side
     }, contentProps, {
         ref: forwardedRef
-    })) : /*#__PURE__*/ createElement($a093c7e1ec25a057$var$TooltipContentHoverable, _extends$F({
+    })) : /*#__PURE__*/ createElement($a093c7e1ec25a057$var$TooltipContentHoverable, _extends$G({
         side: side
     }, contentProps, {
         ref: forwardedRef
@@ -15987,7 +16024,7 @@ const $a093c7e1ec25a057$var$TooltipContentHoverable = /*#__PURE__*/ forwardRef((
         onClose,
         handleRemoveGraceArea
     ]);
-    return /*#__PURE__*/ createElement($a093c7e1ec25a057$var$TooltipContentImpl, _extends$F({}, props, {
+    return /*#__PURE__*/ createElement($a093c7e1ec25a057$var$TooltipContentImpl, _extends$G({}, props, {
         ref: composedRefs
     }));
 });
@@ -16032,7 +16069,7 @@ const $a093c7e1ec25a057$var$TooltipContentImpl = /*#__PURE__*/ forwardRef((props
         onFocusOutside: (event)=>event.preventDefault()
         ,
         onDismiss: onClose
-    }, /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2, _extends$F({
+    }, /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2, _extends$G({
         "data-state": context.stateAttribute
     }, popperScope, contentProps, {
         ref: forwardedRef,
@@ -16057,7 +16094,7 @@ const $a093c7e1ec25a057$export$c27ee0ad710f7559 = /*#__PURE__*/ forwardRef((prop
     const popperScope = $a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);
     const visuallyHiddenContentContext = $a093c7e1ec25a057$var$useVisuallyHiddenContentContext($a093c7e1ec25a057$var$ARROW_NAME, __scopeTooltip); // if the arrow is inside the `VisuallyHidden`, we don't want to render it all to
     // prevent issues in positioning the arrow due to the duplicate
-    return visuallyHiddenContentContext.isInside ? null : /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$21b07c8f274aebd5, _extends$F({}, popperScope, arrowProps, {
+    return visuallyHiddenContentContext.isInside ? null : /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$21b07c8f274aebd5, _extends$G({}, popperScope, arrowProps, {
         ref: forwardedRef
     }));
 });
@@ -46951,6 +46988,12 @@ var SendModel = function (_a) {
             }], asButtons: true, label: buttonLabel, helpText: "".concat(selOpt ? selOpt.charAt(0).toUpperCase() + selOpt.replace('-', ' ').slice(1) : 'Send', " model.") }));
 };
 
+var JobTabs;
+(function (JobTabs) {
+    JobTabs["details"] = "details";
+    JobTabs["workspace"] = "workspace";
+})(JobTabs || (JobTabs = {}));
+
 var css_248z$4 = ":root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n  --primary3: #000;\n  --success: #46A758;\n  --warning: #F76809;\n  --danger: #FF4616;\n  /* radix-ui/colors */\n  --slate1: hsl(206, 30.0%, 98.8%);\n  --slate2: hsl(210, 16.7%, 97.6%);\n  --slate3: hsl(209, 13.3%, 95.3%);\n  --slate4: hsl(209, 12.2%, 93.2%);\n  --slate5: hsl(208, 11.7%, 91.1%);\n  --slate6: hsl(208, 11.3%, 88.9%);\n  --slate7: hsl(207, 11.1%, 85.9%);\n  --slate8: hsl(205, 10.7%, 78.0%);\n  --slate9: hsl(206, 6.0%, 56.1%);\n  --slate10: hsl(206, 5.8%, 52.3%);\n  --slate11: hsl(206, 6.0%, 43.5%);\n  --slate12: hsl(206, 24.0%, 9.0%);\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n.spin {\n  animation: spin 1s linear 0s infinite;\n}\n\n@keyframes Animation {\n  0% {\n    background-position: 200%;\n  }\n  50% {\n    background-position: 100%;\n  }\n  100% {\n    background-position: 0%;\n  }\n}\n.loading {\n  background: linear-gradient(45deg, transparent, var(--primary), 12%, transparent);\n  background-size: 200%;\n  animation: Animation 3s ease infinite;\n}\n\n@keyframes open {\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-collapsible-content-height);\n  }\n}\n@keyframes close {\n  from {\n    height: var(--radix-collapsible-content-height);\n  }\n  to {\n    height: 0;\n  }\n}\n.collapse-content {\n  overflow: hidden;\n  font-size: inherit;\n  color: inherit;\n}\n\n.collapse-content[data-state=open] {\n  animation: open 300ms ease-out;\n}\n\n.collapse-content[data-state=closed] {\n  animation: close 300ms ease-out;\n}\n\n.item1 {\n  grid-area: accountprj;\n  font-size: 1rem;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.item2 {\n  grid-area: runworkspacedebug;\n  text-align: right !important;\n  font-size: 1.25rem;\n  white-space: nowrap;\n}\n\n.item3 {\n  grid-area: studyrun;\n  font-size: 1.25rem;\n  font-weight: 500;\n  white-space: wrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.item4 {\n  grid-area: date;\n  color: var(--slate10);\n  font-size: 0.9rem;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-align: right !important;\n}\n\n.item5 {\n  grid-area: author;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.item6 {\n  grid-area: recipe;\n  white-space: wrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.item7 {\n  grid-area: description;\n  white-space: wrap;\n  color: var(--slate10);\n  font-size: 0.9rem;\n}\n\n.item8 {\n  grid-area: status;\n  font-size: 0.9rem;\n}\n\n.status-label {\n  font-weight: 500;\n}\n\n.item9 {\n  grid-area: time;\n  text-align: right !important;\n  white-space: wrap;\n}\n\n.item10 {\n  grid-area: cpu;\n  text-align: right !important;\n  white-space: wrap;\n}\n\n.link {\n  text-decoration: none;\n  color: var(--primary3);\n}\n\n.link:hover {\n  color: var(--primary3);\n}\n\n.light-text {\n  color: var(--slate10);\n  font-size: 0.9rem;\n}\n\n.grid-container {\n  display: grid;\n  grid-template-areas: \"accountprj accountprj accountprj accountprj accountprj runworkspacedebug\" \"studyrun studyrun studyrun studyrun date date\" \"author recipe recipe recipe recipe recipe\" \"status status status status cpu time\" \"description description description description description description\";\n  gap: 0.35rem;\n  border: 0.1rem solid;\n  align-items: center;\n  padding: 0.35rem;\n  transition: box-shadow 0.3s ease 0s, border-color 0.3s ease 0s;\n  grid-template-rows: 52px 38px 46px 46px auto;\n  border-radius: 6px;\n  line-height: 1.5;\n}\n\n.grid-container:hover {\n  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px -2px, rgba(0, 0, 0, 0.12) 0px 3px 6px 0px, rgba(0, 0, 0, 0.09) 0px 5px 12px 4px;\n  cursor: pointer;\n}\n\n.disable-click {\n  box-shadow: none !important;\n  cursor: default !important;\n}\n\n.grid-container > div {\n  text-align: left;\n  padding: 1rem;\n  vertical-align: middle;\n}\n\n.description-expander {\n  all: unset;\n}\n\n.description-expander:focus {\n  outline: 0 !important;\n}\n\n@media (max-width: 600px) {\n  .grid-container {\n    display: grid;\n    grid-template-areas: \"accountprj accountprj accountprj accountprj accountprj runworkspacedebug\" \"studyrun studyrun studyrun studyrun studyrun studyrun\" \"date date date date date date\" \"author author author recipe recipe recipe\" \"time time status status cpu cpu\" \"description description description description description description\";\n    gap: 0.35rem;\n    border: 0.1rem solid;\n    align-items: center;\n    padding: 0.15rem;\n    transition: box-shadow 0.3s;\n    grid-template-rows: 52px 52px 32px 32px 52px auto;\n  }\n  .item1 {\n    text-align: left !important;\n  }\n  .item2 {\n    text-align: right !important;\n    font-size: 1rem;\n    white-space: nowrap;\n  }\n  .item3, .item4 {\n    text-align: center !important;\n  }\n  .item5 {\n    font-size: 0.8rem;\n  }\n  .item6 {\n    white-space: nowrap;\n    font-size: 0.8rem;\n  }\n  .item7 {\n    font-size: 0.8rem;\n    text-align: center !important;\n  }\n  .item8 {\n    font-size: 1rem;\n    text-align: center !important;\n  }\n  .item9 {\n    text-align: left !important;\n    font-size: 1rem;\n    white-space: nowrap;\n  }\n  .item10 {\n    text-align: right !important;\n  }\n  .grid-container > div {\n    text-align: left;\n    vertical-align: middle;\n  }\n}";
 styleInject(css_248z$4);
 
@@ -48442,15 +48485,16 @@ var formatDuration$1 = function (duration) {
     return "".concat(duration.days() > 0 ? "".concat(duration.days(), " day").concat(duration.days() !== 1 ? 's' : '', " and ") : '', " ").concat(duration.format('HH:mm:ss'));
 };
 var StudyCard = function (_a) {
-    var _b, _c, _d, _e;
-    var projectName = _a.projectName, projectOwner = _a.projectOwner, _study = _a.study, style = _a.style, authUser = _a.authUser, client = _a.client, enableClick = _a.enableClick;
+    var _b;
+    var _c, _d, _e, _f;
+    var projectName = _a.projectName, projectOwner = _a.projectOwner, _study = _a.study, style = _a.style, authUser = _a.authUser, client = _a.client, enableClick = _a.enableClick, _g = _a.getValue, getValue = _g === void 0 ? function (tab) { } : _g, _h = _a.defaultTab, defaultTab = _h === void 0 ? '' : _h;
     // Fetch _study
-    var _f = useJobs(client), fetchJob = _f.fetchJob, getDuration = _f.getDuration, statusMap = _f.statusMap;
+    var _j = useJobs(client), fetchJob = _j.fetchJob, getDuration = _j.getDuration, statusMap = _j.statusMap;
     var listRuns = useRuns(client).listRuns;
-    var _g = useWindowDimensions(), width = _g.width; _g.height;
-    var _h = useState(false), open = _h[0], setOpen = _h[1];
+    var _k = useWindowDimensions(), width = _k.width; _k.height;
+    var _l = useState(false), open = _l[0], setOpen = _l[1];
     // From job to run
-    var _j = useSWR(authUser && _study ? [projectOwner, projectName, _study.id] : undefined, fetchJob, {
+    var _m = useSWR(authUser && _study ? [projectOwner, projectName, _study.id] : undefined, fetchJob, {
         revalidateOnFocus: false,
         refreshInterval: !_study || _study.status.finished_at ? undefined : 5000,
         fallbackData: _study,
@@ -48471,7 +48515,7 @@ var StudyCard = function (_a) {
             })
                 .catch(function () { setRun(undefined); });
         }
-    }), study = _j.data; _j.error; _j.isValidating;
+    }), study = _m.data; _m.error; _m.isValidating;
     var total = useMemo(function () {
         if (!study)
             return undefined;
@@ -48494,8 +48538,8 @@ var StudyCard = function (_a) {
         }
         return study.status.status.toLocaleLowerCase();
     }, [study]);
-    var _k = useState(), run = _k[0], setRun = _k[1];
-    var _l = useState(getDuration(study)), duration = _l[0], setDuration = _l[1];
+    var _o = useState(), run = _o[0], setRun = _o[1];
+    var _p = useState(getDuration(study)), duration = _p[0], setDuration = _p[1];
     useEffect(function () {
         setRun(undefined);
         if (!study)
@@ -48512,7 +48556,7 @@ var StudyCard = function (_a) {
     /*
     * Manage hover
     */
-    var _m = useState({
+    var initialValues = {
         account: false,
         project: false,
         details: false,
@@ -48524,7 +48568,8 @@ var StudyCard = function (_a) {
         author: false,
         recipe: false,
         info: false
-    }), hover = _m[0], setHover = _m[1];
+    };
+    var _q = useState(__assign(__assign({}, initialValues), (_b = {}, _b[defaultTab] = true, _b))), hover = _q[0], setHover = _q[1];
     var toggleHover = useCallback(function (id, value) {
         if (value === void 0) { value = false; }
         setHover(function (prevHover) {
@@ -48532,11 +48577,18 @@ var StudyCard = function (_a) {
             return (__assign(__assign({}, prevHover), (_a = {}, _a[id] = value, _a)));
         });
     }, [hover]);
-    return (React__default.createElement("div", { className: enableClick ? 'grid-container' : 'grid-container disable-click', tabIndex: 0, role: 'button', style: __assign({ borderColor: (_c = (_b = statusMap[status]) === null || _b === void 0 ? void 0 : _b.color) !== null && _c !== void 0 ? _c : '#d0d7de' }, style), onClick: function () {
+    /*
+    * Reset hover and use default tab
+    */
+    useEffect(function () {
+        var _a;
+        setHover(__assign(__assign({}, initialValues), (_a = {}, _a[defaultTab] = true, _a)));
+    }, [defaultTab]);
+    return (React__default.createElement("div", { className: enableClick ? 'grid-container' : 'grid-container disable-click', tabIndex: 0, role: 'button', style: __assign({ borderColor: (_d = (_c = statusMap[status]) === null || _c === void 0 ? void 0 : _c.color) !== null && _d !== void 0 ? _d : '#d0d7de' }, style), onClick: function () {
             if (!enableClick)
                 return;
             if (study && total > 1) {
-                window.location.href = "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id);
+                window.location.href = "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "?tab=details");
             }
             else if (study && run) {
                 window.location.href = "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/runs/").concat(run.id, "?tab=details");
@@ -48580,18 +48632,33 @@ var StudyCard = function (_a) {
                         }, style: { color: "".concat((hover.debug || hover.debugOver) ? '#40a9ff' : '#000') } })),
             (study && total > 1) &&
                 React__default.createElement("div", null,
+                    React__default.createElement(InfoCircleOutlined$1, { className: 'link', onClick: function (e) {
+                            e.stopPropagation();
+                            getValue(JobTabs.details);
+                            toggleHover(JobTabs.workspace, false);
+                            toggleHover(JobTabs.details, true);
+                        }, onMouseOver: function (e) {
+                            toggleHover('detailsOver', true);
+                        }, onMouseLeave: function (e) {
+                            toggleHover('detailsOver', false);
+                        }, style: { marginRight: '0.75rem',
+                            color: "".concat((hover.details || hover.detailsOver)
+                                ? '#40a9ff' : '#000') } }),
                     React__default.createElement(FolderOutlined$1, { className: 'link', onClick: function (e) {
                             e.stopPropagation();
-                            document.location = "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/workspace");
+                            getValue(JobTabs.workspace);
+                            toggleHover(JobTabs.workspace, true);
+                            toggleHover(JobTabs.details, false);
                         }, onMouseOver: function (e) {
                             toggleHover('workspaceOver', true);
                         }, onMouseLeave: function (e) {
                             toggleHover('workspaceOver', false);
                         }, style: { marginRight: '0.75rem',
-                            color: "".concat((hover.workspace || hover.workspaceOver) ? '#40a9ff' : '#000') } }))),
+                            color: "".concat((hover.workspace || hover.workspaceOver)
+                                ? '#40a9ff' : '#000') } }))),
         React__default.createElement("div", { className: 'item3' },
             React__default.createElement("div", null,
-                study ? (_d = study.spec.name) !== null && _d !== void 0 ? _d : "Study: ".concat(study.id) : '--',
+                study ? (_e = study.spec.name) !== null && _e !== void 0 ? _e : "Study: ".concat(study.id) : '--',
                 study && total > 1 && "(#".concat(total, ")"),
                 React__default.createElement("button", { style: { all: 'unset', margin: '0 0 0 8px' }, onMouseOver: function (e) { return toggleHover('info', true); }, onMouseLeave: function (e) { return toggleHover('info', false); }, onClick: function (e) {
                         e.stopPropagation();
@@ -48602,7 +48669,7 @@ var StudyCard = function (_a) {
         React__default.createElement("div", { className: 'item5' },
             React__default.createElement("span", { style: { marginRight: '0.75rem' } },
                 React__default.createElement(Avatar, { src: study ? study.author.picture_url : '', size: 24, color: hover.author ? '#40a9ff' : undefined })),
-            React__default.createElement("a", { className: 'link', href: study ? "/".concat(study.author.name) : '', target: '_blank', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover('author', true); }, onMouseLeave: function (e) { return toggleHover('author', false); }, style: hover.author ? { color: '#40a9ff' } : {} }, study ? ((_e = study.author.display_name) !== null && _e !== void 0 ? _e : study.author.name) : '--')),
+            React__default.createElement("a", { className: 'link', href: study ? "/".concat(study.author.name) : '', target: '_blank', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover('author', true); }, onMouseLeave: function (e) { return toggleHover('author', false); }, style: hover.author ? { color: '#40a9ff' } : {} }, study ? ((_f = study.author.display_name) !== null && _f !== void 0 ? _f : study.author.name) : '--')),
         React__default.createElement("div", { className: 'item6' },
             React__default.createElement("span", { style: { marginRight: '0.75rem' } },
                 React__default.createElement(Avatar, { src: study ? study.recipe.metadata.icon : '', size: 24, color: hover.recipe ? '#40a9ff' : undefined })),
@@ -49104,5 +49171,75 @@ var RunDetails = function (_a) {
 var css_248z = ":root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n  --primary3: #000;\n  --success: #46A758;\n  --warning: #F76809;\n  --danger: #FF4616;\n  /* radix-ui/colors */\n  --slate1: hsl(206, 30.0%, 98.8%);\n  --slate2: hsl(210, 16.7%, 97.6%);\n  --slate3: hsl(209, 13.3%, 95.3%);\n  --slate4: hsl(209, 12.2%, 93.2%);\n  --slate5: hsl(208, 11.7%, 91.1%);\n  --slate6: hsl(208, 11.3%, 88.9%);\n  --slate7: hsl(207, 11.1%, 85.9%);\n  --slate8: hsl(205, 10.7%, 78.0%);\n  --slate9: hsl(206, 6.0%, 56.1%);\n  --slate10: hsl(206, 5.8%, 52.3%);\n  --slate11: hsl(206, 6.0%, 43.5%);\n  --slate12: hsl(206, 24.0%, 9.0%);\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n.spin {\n  animation: spin 1s linear 0s infinite;\n}\n\n@keyframes Animation {\n  0% {\n    background-position: 200%;\n  }\n  50% {\n    background-position: 100%;\n  }\n  100% {\n    background-position: 0%;\n  }\n}\n.loading {\n  background: linear-gradient(45deg, transparent, var(--primary), 12%, transparent);\n  background-size: 200%;\n  animation: Animation 3s ease infinite;\n}\n\n@keyframes open {\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-collapsible-content-height);\n  }\n}\n@keyframes close {\n  from {\n    height: var(--radix-collapsible-content-height);\n  }\n  to {\n    height: 0;\n  }\n}\n.collapse-content {\n  overflow: hidden;\n  font-size: inherit;\n  color: inherit;\n}\n\n.collapse-content[data-state=open] {\n  animation: open 300ms ease-out;\n}\n\n.collapse-content[data-state=closed] {\n  animation: close 300ms ease-out;\n}\n\n.run-count {\n  grid-area: runcount;\n  font-size: 1rem;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.run-status {\n  grid-area: runstatus;\n  text-align: right !important;\n  font-size: 1rem;\n  white-space: nowrap;\n}\n\n.run-details {\n  grid-area: rundetails;\n  font-size: 0.9rem;\n}\n\n.study-run-container {\n  display: grid;\n  grid-template-areas: \"runcount runcount runcount runstatus runstatus runstatus\" \"rundetails rundetails rundetails rundetails rundetails rundetails\";\n  gap: 0.35rem;\n  border: 0.1rem solid;\n  align-items: center;\n  padding: 0.75rem;\n  transition: box-shadow 0.3s ease 0s, border-color 0.3s ease 0s;\n  grid-template-rows: auto auto auto;\n  border-radius: 6px;\n  line-height: 1.5;\n}\n\n.study-run-container:hover {\n  cursor: pointer;\n  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px -2px, rgba(0, 0, 0, 0.12) 0px 3px 6px 0px, rgba(0, 0, 0, 0.09) 0px 5px 12px 4px;\n}\n\n.run-navigator {\n  display: grid;\n  grid-template-columns: min-content auto min-content;\n  grid-auto-rows: auto;\n  align-items: center;\n  grid-gap: 1rem;\n}";
 styleInject(css_248z);
 
-export { APIClient, AuthUser, Avatar, Button, ComboBox, ComboFileSelector, ConditionalWrapper, ConfigureLocalRun, CreateStudy, Dropdown, FileInput, FilePreview, FormInput, GetGeometry, GetModel, InputDescription, Label, Logo, NumberInput, RadioList, RecipeInputsForm, RunCard, RunDetails, SelectAccount, SelectCloudArtifacts, SelectLocalArtifacts, SelectProject, SelectRecipe, SelectRun, SelectStudy, SendGeometry, SendModel, SendResults, SettingsButton, StudyCard, TextInput, Tooltip, _defaultConfig, checkDotNet, checkPollinationPanel, checkRuby, formatBytes, getHost, recipeLinkFromSource, sendMessageDotNet, sendMessageRuby, useAPIClient, useArtifacts, useCreateStudy, useGetGeometry, useGetHbjson, useHbjsontoVTK, useJobs, useManageSettings, useRunCommand, useRuns, useSendHbjson, useSendMessage, useWindowDimensions };
+var RunRow = function (_a) {
+    var _b, _c;
+    var projectOwner = _a.projectOwner, projectName = _a.projectName, run = _a.run, index = _a.index, client = _a.client, authUser = _a.authUser, style = _a.style, getFileCard = _a.getFileCard, getFolderCard = _a.getFolderCard;
+    var statusMap = useRuns(client).statusMap;
+    var _d = useState(false), open = _d[0], setOpen = _d[1];
+    return React__default.createElement("div", { style: __assign(__assign({}, style), { margin: '10px 0 0 0', borderColor: (_c = (_b = statusMap[run.status.status]) === null || _b === void 0 ? void 0 : _b.color) !== null && _c !== void 0 ? _c : '#d0d7de' }), key: run.id, tabIndex: 0, role: 'button', onClick: function () { return setOpen(function (p) { return !p; }); }, className: 'study-run-container' },
+        React__default.createElement("div", { className: 'run-count' },
+            "# ",
+            index),
+        React__default.createElement("div", { className: 'run-status' },
+            run.status.status,
+            " ", "".concat(run.meta.progress.completed, "/").concat(run.meta.progress.total, " steps")),
+        open && React__default.createElement("div", { className: 'run-details' },
+            React__default.createElement(RunDetails, { projectOwner: projectOwner, projectName: projectName, run: run, authUser: authUser, client: client, getFileCard: getFileCard, getFolderCard: getFolderCard, style: style })));
+};
+
+var RunTable = function (_a) {
+    var projectOwner = _a.projectOwner, projectName = _a.projectName, study = _a.study, client = _a.client, authUser = _a.authUser, style = _a.style, getFileCard = _a.getFileCard, getFolderCard = _a.getFolderCard;
+    var listRuns = useRuns(client).listRuns;
+    var _b = useState(1), page = _b[0], setPage = _b[1];
+    var _c = useState(20), perPage = _c[0], setPerPage = _c[1];
+    var _d = useSWR(authUser && study ? [projectOwner, projectName, study.id,
+        page, perPage] : undefined, listRuns, {
+        revalidateOnFocus: false,
+        refreshInterval: study.status.finished_at ? 5000 : undefined,
+        errorRetryCount: 3,
+    }), data = _d.data, error = _d.error;
+    if (error)
+        return React__default.createElement("h1", null, "Error");
+    if (!data)
+        return React__default.createElement("div", null,
+            React__default.createElement("span", { style: { float: 'left', margin: '0 5px 0 0' } },
+                React__default.createElement(Logo, null)),
+            " Loading ...");
+    var btnStyle = {
+        all: 'unset',
+        cursor: 'pointer',
+        margin: '10px 0 0 0'
+    };
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("div", null,
+            data.resources.map(function (item, index) { return (React__default.createElement(RunRow, { key: "run-".concat(item.id), projectOwner: projectOwner, projectName: projectName, run: item, index: index + (page - 1) * perPage, client: client, authUser: authUser, style: style, getFileCard: getFileCard, getFolderCard: getFolderCard })); }),
+            React__default.createElement("div", { className: 'run-navigator' },
+                React__default.createElement("div", null,
+                    React__default.createElement("button", { style: btnStyle, disabled: !data.resources, onClick: function () { return setPage(function (p) {
+                            return p - 1 > 1 ? p - 1 : 1;
+                        }); } },
+                        React__default.createElement(ChevronLeft$1, { size: 24, color: page - 1 < 1 ? 'gray' : '#000' }))),
+                React__default.createElement("div", { style: { margin: '10px auto 0 auto' } },
+                    React__default.createElement("input", { onChange: function (e) {
+                            var val = parseInt(e.target.value);
+                            if (val > 100)
+                                val = 100; // Max 100
+                            if (!val)
+                                val = 1; // Min 1
+                            setTimeout(function () {
+                                setPerPage(val);
+                            }, 3000); // Refresh after 3s
+                        }, style: {
+                            padding: '5px 5px',
+                            borderRadius: '6px',
+                            width: '100px',
+                            fontSize: '1rem',
+                            border: '1px solid rgba(0, 0, 0, 0.125)',
+                        }, type: 'number', min: 1, max: data.total_count, defaultValue: perPage })),
+                React__default.createElement("div", null,
+                    React__default.createElement("button", { style: btnStyle, disabled: !data.next_page, onClick: function () { return setPage(function (p) { return p + 1; }); } },
+                        React__default.createElement(ChevronRight$1, { size: 24, color: !data.next_page ? 'gray' : '#000' })))))));
+};
+
+export { APIClient, AuthUser, Avatar, Button, ComboBox, ComboFileSelector, ConditionalWrapper, ConfigureLocalRun, CreateStudy, Dropdown, FileInput, FilePreview, FormInput, GetGeometry, GetModel, InputDescription, Label, Logo, NumberInput, RadioList, RecipeInputsForm, RunCard, RunDetails, RunTable, SelectAccount, SelectCloudArtifacts, SelectLocalArtifacts, SelectProject, SelectRecipe, SelectRun, SelectStudy, SendGeometry, SendModel, SendResults, SettingsButton, StudyCard, TextInput, Tooltip, _defaultConfig, checkDotNet, checkPollinationPanel, checkRuby, formatBytes, getHost, recipeLinkFromSource, sendMessageDotNet, sendMessageRuby, useAPIClient, useArtifacts, useCreateStudy, useGetGeometry, useGetHbjson, useHbjsontoVTK, useJobs, useManageSettings, useRunCommand, useRuns, useSendHbjson, useSendMessage, useWindowDimensions };
 //# sourceMappingURL=index.esm.js.map