@strapi/design-system 1.2.7 → 1.3.0-beta.0

package/SimpleMenu.js

@@ -1,9 +0,0 @@
-
-  'use strict';
-  
-  if (process.env.NODE_ENV === "production") {
-    module.exports = require("./SimpleMenu.production.js");
-  } else {
-    module.exports = require("./SimpleMenu.development.js");
-  }
-  

package/SimpleMenu.production.js

@@ -1 +0,0 @@
-!function(n,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("styled-components"),require("react-dom"),require("@strapi/icons/CarretDown"),require("react-router-dom"),require("@strapi/icons/Loader")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components","react-dom","@strapi/icons/CarretDown","react-router-dom","@strapi/icons/Loader"],t):"object"==typeof exports?exports.strapiDs=t(require("react"),require("styled-components"),require("react-dom"),require("@strapi/icons/CarretDown"),require("react-router-dom"),require("@strapi/icons/Loader")):n.strapiDs=t(n.react,n["styled-components"],n["react-dom"],n["@strapi/icons/CarretDown"],n["react-router-dom"],n["@strapi/icons/Loader"])}(this,(function(n,t,e,r,o,i){return function(n){var t={};function e(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}return e.m=n,e.c=t,e.d=function(n,t,r){e.o(n,t)||Object.defineProperty(n,t,{enumerable:!0,get:r})},e.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},e.t=function(n,t){if(1&t&&(n=e(n)),8&t)return n;if(4&t&&"object"==typeof n&&n&&n.__esModule)return n;var r=Object.create(null);if(e.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&t&&"string"!=typeof n)for(var o in n)e.d(r,o,function(t){return n[t]}.bind(null,o));return r},e.n=function(n){var t=n&&n.__esModule?function(){return n.default}:function(){return n};return e.d(t,"a",t),t},e.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},e.p="",e(e.s=64)}([function(n,t,e){n.exports=e(21)()},function(t,e){t.exports=n},function(n,e){n.exports=t},function(n,t){n.exports=function(n,t){return t||(t=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,t,e){var r=e(26);n.exports=function(n,t){if(null==n)return{};var e,o,i=r(n,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o<a.length;o++)e=a[o],t.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(n,e)&&(i[e]=n[e])}return i},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,t){function e(){return n.exports=e=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n},n.exports.default=n.exports,n.exports.__esModule=!0,e.apply(this,arguments)}n.exports=e,n.exports.default=n.exports,n.exports.__esModule=!0},function(n,t,e){"use strict";e.r(t),e.d(t,"Box",(function(){return b}));var r,o=e(3),i=e.n(o),a=e(2),c=e.n(a),u=e(7),s=e(1),l=e.n(s),f=e(0),d=e.n(f),p=function(n){return l.a.createElement("div",n)},h={background:void 0,borderColor:void 0,color:void 0,hiddenS:!1,hiddenXS:!1,padding:void 0,paddingTop:void 0,paddingRight:void 0,paddingBottom:void 0,paddingLeft:void 0,hasRadius:!1,shadow:void 0,children:null,shrink:void 0,grow:void 0,basis:void 0,flex:void 0,_hover:function(){}},m={_hover:d.a.func,background:d.a.string,basis:d.a.oneOfType([d.a.string,d.a.string]),borderColor:d.a.string,children:d.a.oneOfType([d.a.node,d.a.string]),color:d.a.string,flex:d.a.oneOfType([d.a.string,d.a.string]),grow:d.a.oneOfType([d.a.string,d.a.string]),hasRadius:d.a.bool,hiddenS:d.a.bool,hiddenXS:d.a.bool,padding:d.a.oneOfType([d.a.number,d.a.arrayOf(d.a.number)]),paddingBottom:d.a.oneOfType([d.a.number,d.a.arrayOf(d.a.number)]),paddingLeft:d.a.oneOfType([d.a.number,d.a.arrayOf(d.a.number)]),paddingRight:d.a.oneOfType([d.a.number,d.a.arrayOf(d.a.number)]),paddingTop:d.a.oneOfType([d.a.number,d.a.arrayOf(d.a.number)]),shadow:d.a.string,shrink:d.a.oneOfType([d.a.string,d.a.string])};p.defaultProps=h,p.propTypes=m;var g={color:!0},b=c.a.div.withConfig({shouldForwardProp:function(n,t){return!g[n]&&t(n)}})(r||(r=i()(["\n  // Font\n  font-size: ",";\n\n  // Colors\n  background: ",";\n  color: ",";\n\n  // Spaces\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n\n  // Responsive hiding\n  ","\n  ","\n  \n\n  // Borders\n  border-radius: ",";\n  border-style: ",";\n  border-width: ",";\n  border-color: ",";\n  border: ",";\n\n  // Shadows\n  box-shadow: ",";\n\n  // Handlers\n  pointer-events: ",";\n  &:hover {\n    ","\n  }\n\n  // Display\n  display: ",";\n\n  // Position\n  position: ",";\n  left: ",";\n  right: ",";\n  top: ",";\n  bottom: ",";\n  z-index: ",";\n  overflow: ",";\n  cursor: ",";\n\n  // Size\n  width: ",";\n  max-width: ",";\n  min-width: ",";\n  height: ",";\n  max-height: ",";\n  min-height: ",";\n\n  // Animation\n  transition: ",";\n  transform: ",";\n  animation: ",";\n\n  //Flexbox children props\n  flex-shrink: ",";\n  flex-grow: ",";\n  flex-basis: ",";\n  flex: ",";\n\n  // Text\n  text-align: ",";\n  text-transform: ",";\n  line-height: ",";\n\n  // Cursor\n  cursor: ",";\n"])),(function(n){var t=n.fontSize;return n.theme.fontSizes[t]||t}),(function(n){var t=n.theme,e=n.background;return t.colors[e]}),(function(n){var t=n.theme,e=n.color;return t.colors[e]}),(function(n){var t=n.theme,e=n.padding;return Object(u.a)("padding",e,t)}),(function(n){var t=n.theme,e=n.paddingTop;return Object(u.a)("padding-top",e,t)}),(function(n){var t=n.theme,e=n.paddingRight;return Object(u.a)("padding-right",e,t)}),(function(n){var t=n.theme,e=n.paddingBottom;return Object(u.a)("padding-bottom",e,t)}),(function(n){var t=n.theme,e=n.paddingLeft;return Object(u.a)("padding-left",e,t)}),(function(n){var t=n.theme,e=n.marginLeft;return Object(u.a)("margin-left",e,t)}),(function(n){var t=n.theme,e=n.marginRight;return Object(u.a)("margin-right",e,t)}),(function(n){var t=n.theme,e=n.marginTop;return Object(u.a)("margin-top",e,t)}),(function(n){var t=n.theme,e=n.marginBottom;return Object(u.a)("margin-bottom",e,t)}),(function(n){var t=n.theme;return n.hiddenS?"".concat(t.mediaQueries.tablet," { display: none; }"):void 0}),(function(n){var t=n.theme;return n.hiddenXS?"".concat(t.mediaQueries.mobile," { display: none; }"):void 0}),(function(n){var t=n.theme,e=n.hasRadius,r=n.borderRadius;return e?t.borderRadius:r}),(function(n){return n.borderStyle}),(function(n){return n.borderWidth}),(function(n){var t=n.borderColor;return n.theme.colors[t]}),(function(n){var t=n.theme,e=n.borderColor,r=n.borderStyle,o=n.borderWidth;if(e&&!r&&!o)return"1px solid ".concat(t.colors[e])}),(function(n){var t=n.theme,e=n.shadow;return t.shadows[e]}),(function(n){return n.pointerEvents}),(function(n){var t=n._hover,e=n.theme;return t?t(e):void 0}),(function(n){return n.display}),(function(n){return n.position}),(function(n){var t=n.left;return n.theme.spaces[t]||t}),(function(n){var t=n.right;return n.theme.spaces[t]||t}),(function(n){var t=n.top;return n.theme.spaces[t]||t}),(function(n){var t=n.bottom;return n.theme.spaces[t]||t}),(function(n){return n.zIndex}),(function(n){return n.overflow}),(function(n){return n.cursor}),(function(n){var t=n.width;return n.theme.spaces[t]||t}),(function(n){var t=n.maxWidth;return n.theme.spaces[t]||t}),(function(n){var t=n.minWidth;return n.theme.spaces[t]||t}),(function(n){var t=n.height;return n.theme.spaces[t]||t}),(function(n){var t=n.maxHeight;return n.theme.spaces[t]||t}),(function(n){var t=n.minHeight;return n.theme.spaces[t]||t}),(function(n){return n.transition}),(function(n){return n.transform}),(function(n){return n.animation}),(function(n){return n.shrink}),(function(n){return n.grow}),(function(n){return n.basis}),(function(n){return n.flex}),(function(n){return n.textAlign}),(function(n){return n.textTransform}),(function(n){return n.lineHeight}),(function(n){return n.cursor}));b.defaultProps=h,b.propTypes=m},function(n,t,e){"use strict";var r=e(11),o=e.n(r),i=e(15),a=e.n(i);t.a=function(n,t,e){var r=t;if(Array.isArray(t)||"object"!==a()(t)||(r=[null==t?void 0:t.desktop,null==t?void 0:t.tablet,null==t?void 0:t.mobile]),void 0!==r){if(Array.isArray(r)){var i=r,c=o()(i,3),u=c[0],s=c[1],l=c[2],f="".concat(n,": ").concat(e.spaces[u],";");return void 0!==s&&(f+="".concat(e.mediaQueries.tablet,"{\n          ").concat(n,": ").concat(e.spaces[s],";\n        }")),void 0!==l&&(f+="".concat(e.mediaQueries.mobile,"{\n          ").concat(n,": ").concat(e.spaces[l],";\n        }")),f}var d=e.spaces[r]||r;return"".concat(n,": ").concat(d,";")}}},function(n,t,e){"use strict";e.d(t,"a",(function(){return r})),e.d(t,"b",(function(){return o})),e.d(t,"c",(function(){return i})),e.d(t,"d",(function(){return a})),e.d(t,"e",(function(){return c})),e.d(t,"f",(function(){return u})),e.d(t,"g",(function(){return s})),e.d(t,"h",(function(){return l}));var r="alpha",o="beta",i="delta",a="epsilon",c="omega",u="pi",s="sigma",l=[r,o,i,a,c,u,s]},function(n,t,e){"use strict";e.r(t),e.d(t,"Typography",(function(){return y}));var r,o=e(3),i=e.n(o),a=e(2),c=e.n(a),u=e(13),s=e(1),l=e.n(s),f=e(0),d=e.n(f),p=e(8),h=function(n){return l.a.createElement("div",n)},m={ellipsis:!1,fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textAlign:void 0,textTransform:void 0,variant:p.e},g={ellipsis:d.a.bool,fontSize:d.a.oneOfType([d.a.number,d.a.string]),fontWeight:d.a.string,lineHeight:d.a.oneOfType([d.a.number,d.a.string]),textAlign:d.a.string,textColor:d.a.string,textTransform:d.a.string,variant:d.a.oneOf(p.h)};h.defaultProps=m,h.propTypes=g;var b={fontSize:!0,fontWeight:!0},y=c.a.span.withConfig({shouldForwardProp:function(n,t){return!b[n]&&t(n)}})(r||(r=i()(["\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  text-align: ",";\n  text-transform: ",";\n  ","\n  ","\n"])),(function(n){var t=n.theme,e=n.fontWeight;return t.fontWeights[e]}),(function(n){var t=n.theme,e=n.fontSize;return t.fontSizes[e]}),(function(n){var t=n.theme,e=n.lineHeight;return t.lineHeights[e]}),u.b,(function(n){return n.textAlign}),(function(n){return n.textTransform}),u.a,u.c);y.defaultProps=m,y.propTypes=g},function(n,t,e){"use strict";e.r(t),e.d(t,"Flex",(function(){return y}));var r,o=e(3),i=e.n(o),a=e(2),c=e.n(a),u=e(6),s=e(7),l=e(1),f=e.n(l),d=e(0),p=e.n(d),h=function(n){return f.a.createElement("div",n)},m={alignItems:"center",basis:void 0,direction:"row",gap:void 0,inline:!1,justifyContent:void 0,reverse:!1,wrap:void 0},g={alignItems:p.a.string,basis:p.a.oneOfType([p.a.string,p.a.number]),direction:p.a.string,gap:p.a.oneOfType([p.a.shape({desktop:p.a.number,mobile:p.a.number,tablet:p.a.number}),p.a.number,p.a.arrayOf(p.a.number),p.a.string]),inline:p.a.bool,justifyContent:p.a.string,reverse:p.a.bool,shrink:p.a.number,wrap:p.a.string};h.defaultProps=m,h.propTypes=g;var b={direction:!0},y=c()(u.Box).withConfig({shouldForwardProp:function(n,t){return!b[n]&&t(n)}})(r||(r=i()(["\n  align-items: ",";\n  display: ",";\n  flex-direction: ",";\n  flex-shrink: ",";\n  flex-wrap: ",";\n  ","};\n  justify-content: ",";\n"])),(function(n){return n.alignItems}),(function(n){return n.inline?"inline-flex":"flex"}),(function(n){return n.direction}),(function(n){return n.shrink}),(function(n){return n.wrap}),(function(n){var t=n.gap,e=n.theme;return Object(s.a)("gap",t,e)}),(function(n){return n.justifyContent}));y.defaultProps=m,y.propTypes=g},function(n,t,e){var r=e(27),o=e(28),i=e(24),a=e(29);n.exports=function(n,t){return r(n)||o(n,t)||i(n,t)||a()},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,t,e){"use strict";e.d(t,"a",(function(){return r}));var r={DOWN:"ArrowDown",UP:"ArrowUp",RIGHT:"ArrowRight",LEFT:"ArrowLeft",ESCAPE:"Escape",ENTER:"Enter",SPACE:" ",TAB:"Tab",END:"End",HOME:"Home",DELETE:"Delete",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",BACKSPACE:"Backspace",CLEAR:"Clear"}},function(n,t,e){"use strict";e.d(t,"a",(function(){return o})),e.d(t,"c",(function(){return i})),e.d(t,"b",(function(){return a}));var r=e(8),o=function(n){return n.ellipsis&&"\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  "},i=function(n){var t=n.variant,e=n.theme;switch(t){case r.a:return"\n        font-weight: ".concat(e.fontWeights.bold,";\n        font-size: ").concat(e.fontSizes[5],";\n        line-height: ").concat(e.lineHeights[2],";\n      ");case r.b:return"\n        font-weight: ".concat(e.fontWeights.bold,";\n        font-size: ").concat(e.fontSizes[4],";\n        line-height: ").concat(e.lineHeights[1],";\n      ");case r.c:return"\n        font-weight: ".concat(e.fontWeights.semiBold,";\n        font-size: ").concat(e.fontSizes[3],";\n        line-height: ").concat(e.lineHeights[2],";\n      ");case r.d:return"\n        font-size: ".concat(e.fontSizes[3],";\n        line-height: ").concat(e.lineHeights[6],";\n      ");case r.e:return"\n        font-size: ".concat(e.fontSizes[2],";\n        line-height: ").concat(e.lineHeights[4],";\n      ");case r.f:return"\n        font-size: ".concat(e.fontSizes[1],";\n        line-height: ").concat(e.lineHeights[3],";\n      ");case r.g:return"\n        font-weight: ".concat(e.fontWeights.bold,";\n        font-size: ").concat(e.fontSizes[0],";\n        line-height: ").concat(e.lineHeights[5],";\n        text-transform: uppercase;\n      ");default:return"\n        font-size: ".concat(e.fontSizes[2],";\n      ")}},a=function(n){var t=n.theme,e=n.textColor;return t.colors[e||"neutral800"]}},,function(n,t){function e(t){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(n.exports=e=function(n){return typeof n},n.exports.default=n.exports,n.exports.__esModule=!0):(n.exports=e=function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},n.exports.default=n.exports,n.exports.__esModule=!0),e(t)}n.exports=e,n.exports.default=n.exports,n.exports.__esModule=!0},function(n,t,e){"use strict";e.d(t,"a",(function(){return i}));var r=e(1),o=0,i=function(n,t){return Object(r.useRef)(t||"".concat(n,"-").concat(++o)).current}},,function(n,t,e){"use strict";e.d(t,"b",(function(){return r})),e.d(t,"c",(function(){return o})),e.d(t,"a",(function(){return i}));var r=function(n){return function(t){var e=t.theme,r=t.size;return e.sizes[n][r]}},o=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"&";return function(t){var e=t.theme,r=t.hasError;return"\n      outline: none;\n      box-shadow: 0;\n      transition-property: border-color, box-shadow, fill;\n      transition-duration: 0.2s;\n\n      ".concat(n,":focus-within {\n        border: 1px solid ").concat(r?e.colors.danger600:e.colors.primary600,";\n        box-shadow: ").concat(r?e.colors.danger600:e.colors.primary600," 0px 0px 0px 2px;\n      }\n    ")}},i=function(n){var t=n.theme;return"\n  position: relative;\n  outline: none;\n  \n  &:after {\n    transition-property: all;\n    transition-duration: 0.2s;\n    border-radius: 8px;\n    content: '';\n    position: absolute;\n    top: -4px;\n    bottom: -4px;\n    left: -4px;\n    right: -4px;\n    border: 2px solid transparent;\n  }\n\n  &:focus-visible {\n    outline: none;\n    &:after {\n      border-radius: 8px;\n      content: '';\n      position: absolute;\n      top: -5px;\n      bottom: -5px;\n      left: -5px;\n      right: -5px;\n      border: 2px solid ".concat(t.colors.primary600,";\n    }\n  }\n")}},function(n,t,e){"use strict";e.d(t,"i",(function(){return r})),e.d(t,"c",(function(){return o})),e.d(t,"d",(function(){return i})),e.d(t,"j",(function(){return a})),e.d(t,"g",(function(){return c})),e.d(t,"b",(function(){return u})),e.d(t,"h",(function(){return s})),e.d(t,"e",(function(){return l})),e.d(t,"f",(function(){return f})),e.d(t,"k",(function(){return d})),e.d(t,"a",(function(){return p}));var r="success-light",o="danger-light",i="default",a="tertiary",c="secondary",u="danger",s="success",l="ghost",f=[r,o],d=[i,a,c,u,s,l].concat(f),p=["S","L"]},,function(n,t,e){"use strict";var r=e(22);function o(){}function i(){}i.resetWarningCache=o,n.exports=function(){function n(n,t,e,o,i,a){if(a!==r){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function t(){return n}n.isRequired=n;var e={array:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:t,element:n,elementType:n,instanceOf:t,node:n,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return e.PropTypes=e,e}},function(n,t,e){"use strict";n.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(n,t){n.exports=function(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,r=new Array(t);e<t;e++)r[e]=n[e];return r},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,t,e){var r=e(23);n.exports=function(n,t){if(n){if("string"==typeof n)return r(n,t);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?r(n,t):void 0}},n.exports.default=n.exports,n.exports.__esModule=!0},,function(n,t){n.exports=function(n,t){if(null==n)return{};var e,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)e=i[r],t.indexOf(e)>=0||(o[e]=n[e]);return o},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,t){n.exports=function(n){if(Array.isArray(n))return n},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,t){n.exports=function(n,t){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var r,o,i=[],a=!0,c=!1;try{for(e=e.call(n);!(a=(r=e.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(n){c=!0,o=n}finally{try{a||null==e.return||e.return()}finally{if(c)throw o}}return i}},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,t){n.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,t){n.exports=function(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n},n.exports.default=n.exports,n.exports.__esModule=!0},,function(n,t,e){var r=e(45),o=e(46),i=e(24),a=e(47);n.exports=function(n){return r(n)||o(n)||i(n)||a()},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,t){n.exports=e},function(n,t,e){"use strict";e.r(t),e.d(t,"Portal",(function(){return c}));var r=e(11),o=e.n(r),i=e(1),a=e(33),c=function(n){var t=n.children,e=Object(i.useRef)(null),r=Object(i.useState)(!1),c=o()(r,2),u=c[0],s=c[1];return Object(i.useLayoutEffect)((function(){return e.current=document.createElement("div"),e.current.setAttribute("data-react-portal","true"),document.body.appendChild(e.current),s(!0),function(){var n;null===(n=e.current)||void 0===n||n.remove()}}),[]),u&&e.current?Object(a.createPortal)(t,e.current):null}},,function(n,t){n.exports=r},function(n,t,e){"use strict";e.d(t,"b",(function(){return u})),e.d(t,"c",(function(){return s})),e.d(t,"a",(function(){return l})),e.d(t,"d",(function(){return f}));var r=e(32),o=e.n(r),i=e(9),a=e(19),c=function(n){return a.f.includes(n)?n.substring(0,n.lastIndexOf("-")):n===a.j?"neutral":[a.d,a.g].includes(n)||!a.k.includes(n)?"primary":n},u=function(n){var t=n.theme;return"\n    border: 1px solid ".concat(t.colors.neutral200,";\n    background: ").concat(t.colors.neutral150,";\n    ").concat(i.Typography," {\n      color: ").concat(t.colors.neutral600,";\n    }\n    svg {\n      > g, path {\n        fill: ").concat(t.colors.neutral600,";\n      }\n    }\n  ")},s=function(n){var t=n.theme,e=n.variant;return[].concat(o()(a.f),[a.g]).includes(e)?"\n      background-color: ".concat(t.colors.neutral0,";\n    "):e===a.j||e===a.e?"\n      background-color: ".concat(t.colors.neutral100,";\n    "):e===a.d?"\n      border: 1px solid ".concat(t.colors.buttonPrimary500,";\n      background: ").concat(t.colors.buttonPrimary500,";\n    "):"\n    border: 1px solid ".concat(t.colors["".concat(c(e),"500")],";\n    background: ").concat(t.colors["".concat(c(e),"500")],";\n  ")},l=function(n){var t=n.theme,e=n.variant;return[].concat(o()(a.f),[a.g]).includes(e)?"\n      background-color: ".concat(t.colors.neutral0,";\n      border: 1px solid ").concat(t.colors["".concat(c(e),"600")],";\n      ").concat(i.Typography," {\n        color: ").concat(t.colors["".concat(c(e),"600")],";\n      }\n      svg {\n        > g, path {\n          fill: ").concat(t.colors["".concat(c(e),"600")],";\n        }\n      }\n    "):e===a.j?"\n      background-color: ".concat(t.colors.neutral150,";\n    "):"\n    border: 1px solid ".concat(t.colors["".concat(c(e),"600")],";\n    background: ").concat(t.colors["".concat(c(e),"600")],";\n  ")},f=function(n){var t=n.theme,e=n.variant;switch(e){case a.c:case a.i:case a.g:return"\n          border: 1px solid ".concat(t.colors["".concat(c(e),"200")],";\n          background: ").concat(t.colors["".concat(c(e),"100")],";\n          ").concat(i.Typography," {\n            color: ").concat(t.colors["".concat(c(e),"700")],";\n          }\n          svg {\n            > g, path {\n              fill: ").concat(t.colors["".concat(c(e),"700")],";\n            }\n          }\n        ");case a.j:return"\n          border: 1px solid ".concat(t.colors.neutral200,";\n          background: ").concat(t.colors.neutral0,";\n          ").concat(i.Typography," {\n            color: ").concat(t.colors.neutral800,";\n          }\n          svg {\n            > g, path {\n              fill: ").concat(t.colors.neutral800,";\n            }\n          }\n        ");case a.e:return"\n        border: 1px solid transparent;\n        background: transparent;\n\n        ".concat(i.Typography," {\n          color: ").concat(t.colors.neutral800,";\n        }\n\n        svg {\n          > g, path {\n            fill: ").concat(t.colors.neutral500,";\n          }\n        }\n      ");case a.h:case a.b:return"\n          border: 1px solid ".concat(t.colors["".concat(c(e),"600")],";\n          background: ").concat(t.colors["".concat(c(e),"600")],";\n          ").concat(i.Typography," {\n            color: ").concat(t.colors.neutral0,";\n          }\n        ");default:return"\n          svg {\n            > g, path {\n              fill: ".concat(t.colors.buttonNeutral0,";\n            }\n          }\n        ")}}},,,function(n,t){n.exports=o},function(n,t,e){"use strict";e.r(t),e.d(t,"POPOVER_PLACEMENTS",(function(){return wn})),e.d(t,"Popover",(function(){return Pn}));var r=e(5),o=e.n(r),i=e(11),a=e.n(i),c=e(4),u=e.n(c),s=e(3),l=e.n(s),f=e(1),d=e(0),p=e.n(d),h=e(2),m=e.n(h);function g(n){return n.split("-")[0]}function b(n){return n.split("-")[1]}function y(n){return["top","bottom"].includes(g(n))?"x":"y"}function v(n){return"y"===n?"height":"width"}function x(n,t,e){let{reference:r,floating:o}=n;const i=r.x+r.width/2-o.width/2,a=r.y+r.height/2-o.height/2,c=y(t),u=v(c),s=r[u]/2-o[u]/2,l="x"===c;let f;switch(g(t)){case"top":f={x:i,y:r.y-o.height};break;case"bottom":f={x:i,y:r.y+r.height};break;case"right":f={x:r.x+r.width,y:a};break;case"left":f={x:r.x-o.width,y:a};break;default:f={x:r.x,y:r.y}}switch(b(t)){case"start":f[c]-=s*(e&&l?-1:1);break;case"end":f[c]+=s*(e&&l?-1:1)}return f}function w(n){return"number"!=typeof n?function(n){return{top:0,right:0,bottom:0,left:0,...n}}(n):{top:n,right:n,bottom:n,left:n}}function O(n){return{...n,top:n.y,left:n.x,right:n.x+n.width,bottom:n.y+n.height}}async function E(n,t){var e;void 0===t&&(t={});const{x:r,y:o,platform:i,rects:a,elements:c,strategy:u}=n,{boundary:s="clippingAncestors",rootBoundary:l="viewport",elementContext:f="floating",altBoundary:d=!1,padding:p=0}=t,h=w(p),m=c[d?"floating"===f?"reference":"floating":f],g=O(await i.getClippingRect({element:null==(e=await(null==i.isElement?void 0:i.isElement(m)))||e?m:m.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(c.floating)),boundary:s,rootBoundary:l,strategy:u})),b=O(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:"floating"===f?{...a.floating,x:r,y:o}:a.reference,offsetParent:await(null==i.getOffsetParent?void 0:i.getOffsetParent(c.floating)),strategy:u}):a[f]);return{top:g.top-b.top+h.top,bottom:b.bottom-g.bottom+h.bottom,left:g.left-b.left+h.left,right:b.right-g.right+h.right}}const T=Math.min,P=Math.max;function R(n,t,e){return P(n,T(t,e))}const k={left:"right",right:"left",bottom:"top",top:"bottom"};function S(n){return n.replace(/left|right|bottom|top/g,n=>k[n])}function j(n,t,e){void 0===e&&(e=!1);const r=b(n),o=y(n),i=v(o);let a="x"===o?r===(e?"end":"start")?"right":"left":"start"===r?"bottom":"top";return t.reference[i]>t.floating[i]&&(a=S(a)),{main:a,cross:S(a)}}const C={start:"end",end:"start"};function A(n){return n.replace(/start|end/g,n=>C[n])}const _=function(n){return void 0===n&&(n={}),{name:"flip",options:n,async fn(t){var e;const{placement:r,middlewareData:o,rects:i,initialPlacement:a,platform:c,elements:u}=t,{mainAxis:s=!0,crossAxis:l=!0,fallbackPlacements:f,fallbackStrategy:d="bestFit",flipAlignment:p=!0,...h}=n,m=g(r),b=[a,...f||(m===a||!p?[S(a)]:function(n){const t=S(n);return[A(n),t,A(t)]}(a))],y=await E(t,h),v=[];let x=(null==(e=o.flip)?void 0:e.overflows)||[];if(s&&v.push(y[m]),l){const{main:n,cross:t}=j(r,i,await(null==c.isRTL?void 0:c.isRTL(u.floating)));v.push(y[n],y[t])}if(x=[...x,{placement:r,overflows:v}],!v.every(n=>n<=0)){var w,O;const n=(null!=(w=null==(O=o.flip)?void 0:O.index)?w:0)+1,t=b[n];if(t)return{data:{index:n,overflows:x},reset:{placement:t}};let e="bottom";switch(d){case"bestFit":{var T;const n=null==(T=x.map(n=>[n,n.overflows.filter(n=>n>0).reduce((n,t)=>n+t,0)]).sort((n,t)=>n[1]-t[1])[0])?void 0:T[0].placement;n&&(e=n);break}case"initialPlacement":e=a}if(r!==e)return{reset:{placement:e}}}return{}}}};const W=function(n){return void 0===n&&(n=0),{name:"offset",options:n,async fn(t){const{x:e,y:r}=t,o=await async function(n,t){const{placement:e,platform:r,elements:o}=n,i=await(null==r.isRTL?void 0:r.isRTL(o.floating)),a=g(e),c=b(e),u="x"===y(e),s=["left","top"].includes(a)?-1:1,l=i&&u?-1:1,f="function"==typeof t?t(n):t;let{mainAxis:d,crossAxis:p,alignmentAxis:h}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};return c&&"number"==typeof h&&(p="end"===c?-1*h:h),u?{x:p*l,y:d*s}:{x:d*s,y:p*l}}(t,n);return{x:e+o.x,y:r+o.y,data:o}}}};function L(n){return"x"===n?"y":"x"}function z(n){return n&&n.document&&n.location&&n.alert&&n.setInterval}function M(n){if(null==n)return window;if(!z(n)){const t=n.ownerDocument;return t&&t.defaultView||window}return n}function D(n){return M(n).getComputedStyle(n)}function B(n){return z(n)?"":n?(n.nodeName||"").toLowerCase():""}function I(){const n=navigator.userAgentData;return null!=n&&n.brands?n.brands.map(n=>n.brand+"/"+n.version).join(" "):navigator.userAgent}function H(n){return n instanceof M(n).HTMLElement}function N(n){return n instanceof M(n).Element}function q(n){if("undefined"==typeof ShadowRoot)return!1;return n instanceof M(n).ShadowRoot||n instanceof ShadowRoot}function F(n){const{overflow:t,overflowX:e,overflowY:r}=D(n);return/auto|scroll|overlay|hidden/.test(t+r+e)}function V(n){return["table","td","th"].includes(B(n))}function U(n){const t=/firefox/i.test(I()),e=D(n);return"none"!==e.transform||"none"!==e.perspective||"paint"===e.contain||["transform","perspective"].includes(e.willChange)||t&&"filter"===e.willChange||t&&!!e.filter&&"none"!==e.filter}function X(){return!/^((?!chrome|android).)*safari/i.test(I())}const K=Math.min,Q=Math.max,G=Math.round;function Y(n,t,e){var r,o,i,a;void 0===t&&(t=!1),void 0===e&&(e=!1);const c=n.getBoundingClientRect();let u=1,s=1;t&&H(n)&&(u=n.offsetWidth>0&&G(c.width)/n.offsetWidth||1,s=n.offsetHeight>0&&G(c.height)/n.offsetHeight||1);const l=N(n)?M(n):window,f=!X()&&e,d=(c.left+(f&&null!=(r=null==(o=l.visualViewport)?void 0:o.offsetLeft)?r:0))/u,p=(c.top+(f&&null!=(i=null==(a=l.visualViewport)?void 0:a.offsetTop)?i:0))/s,h=c.width/u,m=c.height/s;return{width:h,height:m,top:p,right:d+h,bottom:p+m,left:d,x:d,y:p}}function $(n){return(t=n,(t instanceof M(t).Node?n.ownerDocument:n.document)||window.document).documentElement;var t}function J(n){return N(n)?{scrollLeft:n.scrollLeft,scrollTop:n.scrollTop}:{scrollLeft:n.pageXOffset,scrollTop:n.pageYOffset}}function Z(n){return Y($(n)).left+J(n).scrollLeft}function nn(n,t,e){const r=H(t),o=$(t),i=Y(n,r&&function(n){const t=Y(n);return G(t.width)!==n.offsetWidth||G(t.height)!==n.offsetHeight}(t),"fixed"===e);let a={scrollLeft:0,scrollTop:0};const c={x:0,y:0};if(r||!r&&"fixed"!==e)if(("body"!==B(t)||F(o))&&(a=J(t)),H(t)){const n=Y(t,!0);c.x=n.x+t.clientLeft,c.y=n.y+t.clientTop}else o&&(c.x=Z(o));return{x:i.left+a.scrollLeft-c.x,y:i.top+a.scrollTop-c.y,width:i.width,height:i.height}}function tn(n){return"html"===B(n)?n:n.assignedSlot||n.parentNode||(q(n)?n.host:null)||$(n)}function en(n){return H(n)&&"fixed"!==D(n).position?function(n){let{offsetParent:t}=n,e=n,r=!1;for(;e&&e!==t;){const{assignedSlot:n}=e;if(n){let o=n.offsetParent;if("contents"===D(n).display){const t=n.hasAttribute("style"),r=n.style.display;n.style.display=D(e).display,o=n.offsetParent,n.style.display=r,t||n.removeAttribute("style")}e=n,t!==o&&(t=o,r=!0)}else if(q(e)&&e.host&&r)break;e=q(e)&&e.host||e.parentNode}return t}(n):null}function rn(n){const t=M(n);let e=en(n);for(;e&&V(e)&&"static"===D(e).position;)e=en(e);return e&&("html"===B(e)||"body"===B(e)&&"static"===D(e).position&&!U(e))?t:e||function(n){let t=tn(n);for(q(t)&&(t=t.host);H(t)&&!["html","body"].includes(B(t));){if(U(t))return t;{const n=t.parentNode;t=q(n)?n.host:n}}return null}(n)||t}function on(n){if(H(n))return{width:n.offsetWidth,height:n.offsetHeight};const t=Y(n);return{width:t.width,height:t.height}}function an(n,t){var e;void 0===t&&(t=[]);const r=function n(t){const e=tn(t);return["html","body","#document"].includes(B(e))?t.ownerDocument.body:H(e)&&F(e)?e:n(e)}(n),o=r===(null==(e=n.ownerDocument)?void 0:e.body),i=M(r),a=o?[i].concat(i.visualViewport||[],F(r)?r:[]):r,c=t.concat(a);return o?c:c.concat(an(a))}function cn(n,t,e){return"viewport"===t?O(function(n,t){const e=M(n),r=$(n),o=e.visualViewport;let i=r.clientWidth,a=r.clientHeight,c=0,u=0;if(o){i=o.width,a=o.height;const n=X();(n||!n&&"fixed"===t)&&(c=o.offsetLeft,u=o.offsetTop)}return{width:i,height:a,x:c,y:u}}(n,e)):N(t)?function(n,t){const e=Y(n,!1,"fixed"===t),r=e.top+n.clientTop,o=e.left+n.clientLeft;return{top:r,left:o,x:o,y:r,right:o+n.clientWidth,bottom:r+n.clientHeight,width:n.clientWidth,height:n.clientHeight}}(t,e):O(function(n){var t;const e=$(n),r=J(n),o=null==(t=n.ownerDocument)?void 0:t.body,i=Q(e.scrollWidth,e.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=Q(e.scrollHeight,e.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0);let c=-r.scrollLeft+Z(n);const u=-r.scrollTop;return"rtl"===D(o||e).direction&&(c+=Q(e.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:c,y:u}}($(n)))}function un(n){const t=an(n),e=["absolute","fixed"].includes(D(n).position)&&H(n)?rn(n):n;return N(e)?t.filter(n=>N(n)&&function(n,t){const e=null==t.getRootNode?void 0:t.getRootNode();if(n.contains(t))return!0;if(e&&q(e)){let e=t;do{if(e&&n===e)return!0;e=e.parentNode||e.host}while(e)}return!1}(n,e)&&"body"!==B(n)):[]}const sn={getClippingRect:function(n){let{element:t,boundary:e,rootBoundary:r,strategy:o}=n;const i=[..."clippingAncestors"===e?un(t):[].concat(e),r],a=i[0],c=i.reduce((n,e)=>{const r=cn(t,e,o);return n.top=Q(r.top,n.top),n.right=K(r.right,n.right),n.bottom=K(r.bottom,n.bottom),n.left=Q(r.left,n.left),n},cn(t,a,o));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(n){let{rect:t,offsetParent:e,strategy:r}=n;const o=H(e),i=$(e);if(e===i)return t;let a={scrollLeft:0,scrollTop:0};const c={x:0,y:0};if((o||!o&&"fixed"!==r)&&(("body"!==B(e)||F(i))&&(a=J(e)),H(e))){const n=Y(e,!0);c.x=n.x+e.clientLeft,c.y=n.y+e.clientTop}return{...t,x:t.x-a.scrollLeft+c.x,y:t.y-a.scrollTop+c.y}},isElement:N,getDimensions:on,getOffsetParent:rn,getDocumentElement:$,getElementRects:n=>{let{reference:t,floating:e,strategy:r}=n;return{reference:nn(t,rn(e),r),floating:{...on(e),x:0,y:0}}},getClientRects:n=>Array.from(n.getClientRects()),isRTL:n=>"rtl"===D(n).direction};function ln(n,t,e,r){void 0===r&&(r={});const{ancestorScroll:o=!0,ancestorResize:i=!0,elementResize:a=!0,animationFrame:c=!1}=r,u=o&&!c,s=i&&!c,l=u||s?[...N(n)?an(n):[],...an(t)]:[];l.forEach(n=>{u&&n.addEventListener("scroll",e,{passive:!0}),s&&n.addEventListener("resize",e)});let f,d=null;if(a){let r=!0;d=new ResizeObserver(()=>{r||e(),r=!1}),N(n)&&!c&&d.observe(n),d.observe(t)}let p=c?Y(n):null;return c&&function t(){const r=Y(n);!p||r.x===p.x&&r.y===p.y&&r.width===p.width&&r.height===p.height||e();p=r,f=requestAnimationFrame(t)}(),e(),()=>{var n;l.forEach(n=>{u&&n.removeEventListener("scroll",e),s&&n.removeEventListener("resize",e)}),null==(n=d)||n.disconnect(),d=null,c&&cancelAnimationFrame(f)}}const fn=(n,t,e)=>(async(n,t,e)=>{const{placement:r="bottom",strategy:o="absolute",middleware:i=[],platform:a}=e,c=await(null==a.isRTL?void 0:a.isRTL(t));let u=await a.getElementRects({reference:n,floating:t,strategy:o}),{x:s,y:l}=x(u,r,c),f=r,d={},p=0;for(let e=0;e<i.length;e++){const{name:h,fn:m}=i[e],{x:g,y:b,data:y,reset:v}=await m({x:s,y:l,initialPlacement:r,placement:f,strategy:o,middlewareData:d,rects:u,platform:a,elements:{reference:n,floating:t}});s=null!=g?g:s,l=null!=b?b:l,d={...d,[h]:{...d[h],...y}},v&&p<=50&&(p++,"object"==typeof v&&(v.placement&&(f=v.placement),v.rects&&(u=!0===v.rects?await a.getElementRects({reference:n,floating:t,strategy:o}):v.rects),({x:s,y:l}=x(u,f,c))),e=-1)}return{x:s,y:l,placement:f,strategy:o,middlewareData:d}})(n,t,{platform:sn,...e});var dn=e(33),pn="undefined"!=typeof document?f.useLayoutEffect:f.useEffect;function hn(n,t){if(n===t)return!0;if(typeof n!=typeof t)return!1;if("function"==typeof n&&n.toString()===t.toString())return!0;let e,r,o;if(n&&t&&"object"==typeof n){if(Array.isArray(n)){if(e=n.length,e!=t.length)return!1;for(r=e;0!=r--;)if(!hn(n[r],t[r]))return!1;return!0}if(o=Object.keys(n),e=o.length,e!==Object.keys(t).length)return!1;for(r=e;0!=r--;)if(!Object.prototype.hasOwnProperty.call(t,o[r]))return!1;for(r=e;0!=r--;){const e=o[r];if(("_owner"!==e||!n.$$typeof)&&!hn(n[e],t[e]))return!1}return!0}return n!=n&&t!=t}function mn(n){let{middleware:t,placement:e="bottom",strategy:r="absolute",whileElementsMounted:o}=void 0===n?{}:n;const[i,a]=f.useState({x:null,y:null,strategy:r,placement:e,middlewareData:{}}),[c,u]=f.useState(t);hn(null==c?void 0:c.map(n=>{let{name:t,options:e}=n;return{name:t,options:e}}),null==t?void 0:t.map(n=>{let{name:t,options:e}=n;return{name:t,options:e}}))||u(t);const s=f.useRef(null),l=f.useRef(null),d=f.useRef(null),p=f.useRef(i),h=function(n){const t=f.useRef(n);return pn(()=>{t.current=n}),t}(o),m=f.useCallback(()=>{s.current&&l.current&&fn(s.current,l.current,{middleware:c,placement:e,strategy:r}).then(n=>{g.current&&!hn(p.current,n)&&(p.current=n,dn.flushSync(()=>{a(n)}))})},[c,e,r]);pn(()=>{g.current&&m()},[m]);const g=f.useRef(!1);pn(()=>(g.current=!0,()=>{g.current=!1}),[]);const b=f.useCallback(()=>{if("function"==typeof d.current&&(d.current(),d.current=null),s.current&&l.current)if(h.current){const n=h.current(s.current,l.current,m);d.current=n}else m()},[m,h]),y=f.useCallback(n=>{s.current=n,b()},[b]),v=f.useCallback(n=>{l.current=n,b()},[b]),x=f.useMemo(()=>({reference:s,floating:l}),[]);return f.useMemo(()=>({...i,update:m,refs:x,reference:y,floating:v}),[i,m,x,y,v])}var gn,bn,yn=e(6),vn=e(34),xn=["source","children","spacing","fullWidth","placement","onReachEnd","intersectionId","centered"],wn=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],On=m()(yn.Box)(gn||(gn=l()(["\n  box-shadow: ",";\n  z-index: 4;\n  border: 1px solid ",";\n  background: ",";\n"])),(function(n){return n.theme.shadows.filterShadow}),(function(n){return n.theme.colors.neutral150}),(function(n){return n.theme.colors.neutral0})),En=m()(yn.Box)(bn||(bn=l()(["\n  // 16 is base base size, 3 is the factor to get closer to 40px and 5 is the number of elements visible in the list\n  max-height: ","rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  &::-webkit-scrollbar {\n    -webkit-appearance: none;\n    width: 4px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: ",";\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: ",";\n    border-radius: ",";\n    margin-right: 10px;\n  }\n"])),15,(function(n){return n.theme.colors.neutral0}),(function(n){return n.theme.colors.neutral150}),(function(n){return n.theme.borderRadius})),Tn=function(n){var t,e,r,i,c,s,l,d=n.source,p=n.children,h=n.spacing,m=n.fullWidth,b=n.placement,v=n.onReachEnd,x=n.intersectionId,w=n.centered,O=u()(n,xn),T=f.useRef(null),P=f.useState(void 0),k=a()(P,2),S=k[0],j=k[1],C=mn({strategy:"fixed",placement:w?"bottom":b,middleware:[W({mainAxis:h}),(void 0===t&&(t={}),{name:"shift",options:t,async fn(n){const{x:e,y:r,placement:o}=n,{mainAxis:i=!0,crossAxis:a=!1,limiter:c={fn:n=>{let{x:t,y:e}=n;return{x:t,y:e}}},...u}=t,s={x:e,y:r},l=await E(n,u),f=y(g(o)),d=L(f);let p=s[f],h=s[d];if(i){const n="y"===f?"bottom":"right";p=R(p+l["y"===f?"top":"left"],p,p-l[n])}if(a){const n="y"===d?"bottom":"right";h=R(h+l["y"===d?"top":"left"],h,h-l[n])}const m=c.fn({...n,[f]:p,[d]:h});return{...m,data:{x:m.x-e,y:m.y-r}}}}),_()],whileElementsMounted:ln}),A=C.x,z=C.y,M=C.reference,D=C.floating,B=C.strategy;return f.useLayoutEffect((function(){M(d.current)}),[d]),f.useLayoutEffect((function(){m&&j(d.current.offsetWidth)}),[m]),e=T,r=v,i={selectorToWatch:"#".concat(x),skipWhen:!x||!v},c=i.selectorToWatch,s=i.skipWhen,l=void 0!==s&&s,Object(f.useEffect)((function(){if(!l){var n={root:e.current,rootMargin:"0px"},t=new IntersectionObserver((function(n){n.forEach((function(n){n.isIntersecting&&e.current.scrollHeight>e.current.clientHeight&&r(n)}))}),n),o=e.current.querySelector(c);return t.observe(o),function(){t.disconnect()}}}),[l,r,c]),f.createElement(On,{ref:D,style:{left:A,top:z,position:B,width:S||void 0},hasRadius:!0,background:"neutral0",padding:1},f.createElement(En,o()({ref:T},O),p,x&&v&&f.createElement(yn.Box,{id:x,width:"100%",height:"1px"})))},Pn=function(n){return f.createElement(vn.Portal,null,f.createElement(Tn,n))},Rn={fullWidth:!1,intersectionId:void 0,onReachEnd:void 0,centered:!1,placement:"bottom-start"},kn={centered:p.a.bool,children:p.a.node.isRequired,fullWidth:p.a.bool,intersectionId:p.a.string,onReachEnd:p.a.func,placement:p.a.oneOf(wn),source:p.a.shape({current:("undefined"==typeof Element?p.a.any:p.a.instanceOf(Element)).isRequired}).isRequired,spacing:p.a.number};Tn.propTypes=kn,Tn.defaultProps=Rn,Pn.propTypes=kn,Pn.defaultProps=Rn},function(n,t,e){"use strict";e.r(t),e.d(t,"BaseButtonWrapper",(function(){return y})),e.d(t,"BaseButton",(function(){return v}));var r,o=e(5),i=e.n(o),a=e(4),c=e.n(a),u=e(3),s=e.n(u),l=e(1),f=e.n(l),d=e(0),p=e.n(d),h=e(2),m=e.n(h),g=e(18),b=["disabled","children"],y=m.a.button(r||(r=s()(["\n  display: flex;\n  cursor: pointer;\n  padding: ",";\n  border-radius: ",";\n  background: ",";\n  border: 1px solid ",";\n  svg {\n    height: ",";\n    width: ",";\n  }\n  svg {\n    > g,\n    path {\n      fill: ",";\n    }\n  }\n  &[aria-disabled='true'] {\n    pointer-events: none;\n  }\n\n  ","\n"])),(function(n){return n.theme.spaces[2]}),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.colors.neutral0}),(function(n){return n.theme.colors.neutral200}),(function(n){return n.theme.spaces[3]}),(function(n){return n.theme.spaces[3]}),(function(n){return n.theme.colors.neutral0}),g.a),v=f.a.forwardRef((function(n,t){var e=n.disabled,r=n.children,o=c()(n,b);return f.a.createElement(y,i()({ref:t,"aria-disabled":e,type:"button",disabled:e},o),r)}));v.displayName="BaseButton",v.defaultProps={disabled:!1},v.propTypes={children:p.a.node.isRequired,disabled:p.a.bool}},,,function(n,t,e){var r=e(23);n.exports=function(n){if(Array.isArray(n))return r(n)},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,t){n.exports=function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,t){n.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},n.exports.default=n.exports,n.exports.__esModule=!0},,,,,,function(n,t){n.exports=i},,,function(n,t,e){"use strict";e.r(t),e.d(t,"ButtonWrapper",(function(){return C})),e.d(t,"Button",(function(){return A}));var r,o,i,a,c=e(5),u=e.n(c),s=e(4),l=e.n(s),f=e(3),d=e.n(f),p=e(1),h=e.n(p),m=e(0),g=e.n(m),b=e(2),y=e.n(b),v=e(53),x=e.n(v),w=e(9),O=e(6),E=e(37),T=e(19),P=e(42),R=["variant","startIcon","endIcon","disabled","children","onClick","size","loading","fullWidth"],k=Object(b.keyframes)(r||(r=d()(["\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n"]))),S=y.a.div(o||(o=d()(["\n  animation: "," 2s infinite linear;\n  will-change: transform;\n"])),k),j=y()(O.Box)(i||(i=d()(["\n  height: 100%;\n"]))),C=y()(P.BaseButton)(a||(a=d()(["\n  align-items: center;\n  padding: ",";\n  background: ",";\n  border: 1px solid ",";\n  "," {\n    display: flex;\n    align-items: center;\n  }\n  "," {\n    color: ",";\n  }\n  &[aria-disabled='true'] {\n    ","\n    &:active {\n      ","\n    }\n  }\n  &:hover {\n    ","\n  }\n  &:active {\n    ","\n  }\n  ","\n  ","\n"])),(function(n){var t=n.theme,e=n.size;return"".concat("S"===e?t.spaces[2]:"10px"," ").concat(t.spaces[4])}),(function(n){return n.theme.colors.buttonPrimary600}),(function(n){return n.theme.colors.buttonPrimary600}),O.Box,w.Typography,(function(n){return n.theme.colors.buttonNeutral0}),E.b,E.b,E.c,E.a,E.d,(function(n){return n.fullWidth&&"\n    display: inline-flex;\n    justify-content: center;\n    width: 100%;\n  "})),A=h.a.forwardRef((function(n,t){var e=n.variant,r=n.startIcon,o=n.endIcon,i=n.disabled,a=n.children,c=n.onClick,s=n.size,f=n.loading,d=n.fullWidth,p=l()(n,R),m=i||f;return h.a.createElement(C,u()({ref:t,"aria-disabled":m,disabled:m,size:s,variant:e,onClick:function(n){!m&&c&&c(n)},fullWidth:d},p),(r||f)&&h.a.createElement(j,{"aria-hidden":!0,paddingRight:2},f?h.a.createElement(S,null,h.a.createElement(x.a,null)):r),"S"===s?h.a.createElement(w.Typography,{variant:"pi",fontWeight:"bold"},a):h.a.createElement(w.Typography,{fontWeight:"bold"},a),o&&h.a.createElement(O.Box,{"aria-hidden":!0,paddingLeft:2},o))}));A.displayName="Button",A.defaultProps={disabled:!1,endIcon:void 0,fullWidth:!1,loading:!1,onClick:void 0,size:"S",startIcon:void 0,variant:"default"},A.propTypes={children:g.a.node.isRequired,disabled:g.a.bool,endIcon:g.a.element,fullWidth:g.a.bool,loading:g.a.bool,onClick:g.a.func,size:g.a.oneOf(T.a),startIcon:g.a.element,variant:g.a.oneOf(T.k)}},,,,,,,,function(n,t,e){"use strict";e.r(t),e.d(t,"MenuItem",(function(){return F})),e.d(t,"SimpleMenu",(function(){return V}));var r,o,i,a,c=e(15),u=e.n(c),s=e(11),l=e.n(s),f=e(5),d=e.n(f),p=e(30),h=e.n(p),m=e(4),g=e.n(m),b=e(3),y=e.n(b),v=e(1),x=e.n(v),w=e(0),O=e.n(w),E=e(2),T=e.n(E),P=e(36),R=e.n(P),k=e(40),S=e(9),j=e(6),C=e(10),A=e(56),_=e(41),W=function(n){var t=n.theme;return"\n    text-align: left;\n    width: 100%;\n    color: ".concat(t.colors.neutral800,";\n    border-radius: ").concat(t.borderRadius,";\n    &:focus {\n        background-color: ").concat(t.colors.primary100,";\n    }\n    &:not([aria-disabled]):hover {\n        background-color: ").concat(t.colors.primary100,";\n    }\n")},L=e(16),z=e(12),M=["children","onClick","to","isFocused"],D=["label","children","id","as","onOpen","onClose","size","popoverPlacement"];function B(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,r)}return e}var I=T.a.button(r||(r=y()(["\n  border: none;\n  padding: 0;\n  background: transparent;\n  cursor: pointer;\n  ","\n"])),W),H=T()(k.NavLink)(o||(o=y()(["\n  text-decoration: none;\n  ","\n"])),W),N=T.a.span(i||(i=y()(["\n  display: flex;\n  align-items: center;\n  svg {\n    height: 4px;\n    width: 6px;\n  }\n"]))),q=T()(A.Button)(a||(a=y()(["\n  padding: ",";\n"])),(function(n){var t=n.theme;return"".concat(t.spaces[1]," ").concat(t.spaces[3])})),F=function(n){var t=n.children,e=n.onClick,r=n.to,o=n.isFocused,i=g()(n,M),a=Object(v.useRef)();Object(v.useEffect)((function(){o&&a.current&&a.current.focus()}),[o]);var c=function(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?B(Object(e),!0).forEach((function(t){h()(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):B(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}({tabIndex:o?0:-1,ref:a,role:"menuitem"},i);return r?x.a.createElement(H,d()({to:r},c),x.a.createElement(j.Box,{padding:2},x.a.createElement(S.Typography,null,t))):x.a.createElement(I,d()({onKeyDown:function(n){n.key!==z.a.SPACE&&n.key!==z.a.ENTER||e()},onMouseDown:e,type:"button"},c),x.a.createElement(j.Box,{padding:2},x.a.createElement(S.Typography,null,t)))};F.defaultProps={onClick:function(){},isFocused:!1,to:void 0},F.propTypes={as:O.a.elementType,children:O.a.node.isRequired,isFocused:O.a.bool,onClick:O.a.func,to:O.a.string};var V=function(n){var t=n.label,e=n.children,r=n.id,o=n.as,i=n.onOpen,a=void 0===i?function(){}:i,c=n.onClose,s=void 0===c?function(){}:c,f=n.size,p=n.popoverPlacement,h=g()(n,D),m=Object(v.useRef)(),b=Object(L.a)("simplemenu",r),y=Object(v.useRef)(!1),w=Object(v.useState)(!1),O=l()(w,2),E=O[0],T=O[1],P=Object(v.useState)(0),k=l()(P,2),S=k[0],W=k[1],M=v.Children.toArray(e),B="S"===f?q:A.Button,I=o||B;Object(v.useEffect)((function(){if(["string","number"].includes(u()(t))){var n=M.findIndex((function(n){return n.props.children===t}));-1!==n&&W(n)}}),[t]),Object(v.useEffect)((function(){null!=y&&y.current?E&&"function"==typeof a?a():"function"==typeof s&&s():y.current=!0}),[y,E]),Object(v.useEffect)((function(){x.a.isValidElement(t)&&-1==S&&m.current.focus()}),[t,S]);var H=M.map((function(n,t){return x.a.createElement(C.Flex,{as:"li",key:t,justifyContent:"center",role:"menuitem"},Object(v.cloneElement)(n,{onClick:function(){n.props.onClick(),T(!1),m.current.focus()},isFocused:S===t}))}));return x.a.createElement("div",{onKeyDown:function(n){E&&(n.key===z.a.ESCAPE&&(n.stopPropagation(),T(!1),m.current.focus()),n.key===z.a.DOWN&&W((function(n){return n===M.length-1?0:n+1})),n.key===z.a.UP&&W((function(n){return 0===n?M.length-1:n-1})))}},x.a.createElement(I,d()({label:x.a.isValidElement(t)?null:t,"aria-haspopup":!0,"aria-expanded":E,"aria-controls":b,onKeyDown:function(n){n.key!==z.a.ENTER&&n.key!==z.a.SPACE||T((function(n){return!n}))},onMouseDown:function(n){n.preventDefault(),T((function(n){return!n}))},ref:m,type:"button",variant:"ghost",endIcon:x.a.createElement(N,null,x.a.createElement(R.a,{"aria-hidden":!0}))},h),t),E&&x.a.createElement(_.Popover,{onBlur:function(n){n.preventDefault(),n.currentTarget.contains(n.relatedTarget)||T(!1)},placement:p,source:m,spacing:4},x.a.createElement(j.Box,{role:"menu",as:"ul",padding:1,id:b},H)))};V.defaultProps={as:void 0},V.displayName="SimpleMenu",V.defaultProps={popoverPlacement:"bottom-start",size:"M"},V.propTypes={as:O.a.any,children:O.a.oneOfType([O.a.arrayOf(O.a.node),O.a.node]).isRequired,id:O.a.string,label:O.a.oneOfType([O.a.string,O.a.number,O.a.element]).isRequired,onClose:O.a.func,onOpen:O.a.func,popoverPlacement:O.a.oneOf(_.POPOVER_PLACEMENTS),size:O.a.oneOf(["S","M"])}}])}));