@strapi/design-system 1.3.0-beta.1 → 1.3.0-beta.2

package/v2/SubNav.js

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

package/v2/SubNav.production.js

@@ -0,0 +1 @@
+!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("styled-components"),require("@strapi/icons/CarretDown"),require("react-dom"),require("@strapi/icons/Search"),require("@strapi/icons/Cross"),require("@strapi/icons/Dot")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components","@strapi/icons/CarretDown","react-dom","@strapi/icons/Search","@strapi/icons/Cross","@strapi/icons/Dot"],e):"object"==typeof exports?exports.strapiDs=e(require("react"),require("styled-components"),require("@strapi/icons/CarretDown"),require("react-dom"),require("@strapi/icons/Search"),require("@strapi/icons/Cross"),require("@strapi/icons/Dot")):n.strapiDs=e(n.react,n["styled-components"],n["@strapi/icons/CarretDown"],n["react-dom"],n["@strapi/icons/Search"],n["@strapi/icons/Cross"],n["@strapi/icons/Dot"])}(this,(function(n,e,t,r,a,o,i){return function(n){var e={};function t(r){if(e[r])return e[r].exports;var a=e[r]={i:r,l:!1,exports:{}};return n[r].call(a.exports,a,a.exports,t),a.l=!0,a.exports}return t.m=n,t.c=e,t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:r})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var a in n)t.d(r,a,function(e){return n[e]}.bind(null,a));return r},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=50)}([function(n,e,t){n.exports=t(28)()},function(e,t){e.exports=n},function(n,e){n.exports=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,t){n.exports=e},function(n,e){function t(){return n.exports=t=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},n.exports.default=n.exports,n.exports.__esModule=!0,t.apply(this,arguments)}n.exports=t,n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){var r=t(27);n.exports=function(n,e){if(null==n)return{};var t,a,o=r(n,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(a=0;a<i.length;a++)t=i[a],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(o[t]=n[t])}return o},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.d(e,"a",(function(){return b}));var r,a=t(2),o=t.n(a),i=t(3),c=t.n(i),u=t(8),l=t(1),s=t.n(l),d=t(0),f=t.n(d),p=function(n){return s.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(){}},g={_hover:f.a.func,background:f.a.string,basis:f.a.oneOfType([f.a.string,f.a.string]),borderColor:f.a.string,children:f.a.oneOfType([f.a.node,f.a.string]),color:f.a.string,flex:f.a.oneOfType([f.a.string,f.a.string]),grow:f.a.oneOfType([f.a.string,f.a.string]),hasRadius:f.a.bool,hiddenS:f.a.bool,hiddenXS:f.a.bool,padding:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),paddingBottom:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),paddingLeft:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),paddingRight:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),paddingTop:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),shadow:f.a.string,shrink:f.a.oneOfType([f.a.string,f.a.string])};p.defaultProps=h,p.propTypes=g;var m={color:!0},b=c.a.div.withConfig({shouldForwardProp:function(n,e){return!m[n]&&e(n)}})(r||(r=o()(["\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 e=n.fontSize;return n.theme.fontSizes[e]||e}),(function(n){var e=n.theme,t=n.background;return e.colors[t]}),(function(n){var e=n.theme,t=n.color;return e.colors[t]}),(function(n){var e=n.theme,t=n.padding;return Object(u.a)("padding",t,e)}),(function(n){var e=n.theme,t=n.paddingTop;return Object(u.a)("padding-top",t,e)}),(function(n){var e=n.theme,t=n.paddingRight;return Object(u.a)("padding-right",t,e)}),(function(n){var e=n.theme,t=n.paddingBottom;return Object(u.a)("padding-bottom",t,e)}),(function(n){var e=n.theme,t=n.paddingLeft;return Object(u.a)("padding-left",t,e)}),(function(n){var e=n.theme,t=n.marginLeft;return Object(u.a)("margin-left",t,e)}),(function(n){var e=n.theme,t=n.marginRight;return Object(u.a)("margin-right",t,e)}),(function(n){var e=n.theme,t=n.marginTop;return Object(u.a)("margin-top",t,e)}),(function(n){var e=n.theme,t=n.marginBottom;return Object(u.a)("margin-bottom",t,e)}),(function(n){var e=n.theme;return n.hiddenS?"".concat(e.mediaQueries.tablet," { display: none; }"):void 0}),(function(n){var e=n.theme;return n.hiddenXS?"".concat(e.mediaQueries.mobile," { display: none; }"):void 0}),(function(n){var e=n.theme,t=n.hasRadius,r=n.borderRadius;return t?e.borderRadius:r}),(function(n){return n.borderStyle}),(function(n){return n.borderWidth}),(function(n){var e=n.borderColor;return n.theme.colors[e]}),(function(n){var e=n.theme,t=n.borderColor,r=n.borderStyle,a=n.borderWidth;if(t&&!r&&!a)return"1px solid ".concat(e.colors[t])}),(function(n){var e=n.theme,t=n.shadow;return e.shadows[t]}),(function(n){return n.pointerEvents}),(function(n){var e=n._hover,t=n.theme;return e?e(t):void 0}),(function(n){return n.display}),(function(n){return n.position}),(function(n){var e=n.left;return n.theme.spaces[e]||e}),(function(n){var e=n.right;return n.theme.spaces[e]||e}),(function(n){var e=n.top;return n.theme.spaces[e]||e}),(function(n){var e=n.bottom;return n.theme.spaces[e]||e}),(function(n){return n.zIndex}),(function(n){return n.overflow}),(function(n){return n.cursor}),(function(n){var e=n.width;return n.theme.spaces[e]||e}),(function(n){var e=n.maxWidth;return n.theme.spaces[e]||e}),(function(n){var e=n.minWidth;return n.theme.spaces[e]||e}),(function(n){var e=n.height;return n.theme.spaces[e]||e}),(function(n){var e=n.maxHeight;return n.theme.spaces[e]||e}),(function(n){var e=n.minHeight;return n.theme.spaces[e]||e}),(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=g},function(n,e,t){"use strict";t.d(e,"a",(function(){return b}));var r,a=t(2),o=t.n(a),i=t(3),c=t.n(i),u=["alpha","beta","delta","epsilon","omega","pi","sigma"],l=t(1),s=t.n(l),d=t(0),f=t.n(d),p=function(n){return s.a.createElement("div",n)},h={ellipsis:!1,fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textAlign:void 0,textTransform:void 0,variant:"omega"},g={ellipsis:f.a.bool,fontSize:f.a.oneOfType([f.a.number,f.a.string]),fontWeight:f.a.string,lineHeight:f.a.oneOfType([f.a.number,f.a.string]),textAlign:f.a.string,textColor:f.a.string,textTransform:f.a.string,variant:f.a.oneOf(u)};p.defaultProps=h,p.propTypes=g;var m={fontSize:!0,fontWeight:!0},b=c.a.span.withConfig({shouldForwardProp:function(n,e){return!m[n]&&e(n)}})(r||(r=o()(["\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  text-align: ",";\n  text-transform: ",";\n  ","\n  ","\n"])),(function(n){var e=n.theme,t=n.fontWeight;return e.fontWeights[t]}),(function(n){var e=n.theme,t=n.fontSize;return e.fontSizes[t]}),(function(n){var e=n.theme,t=n.lineHeight;return e.lineHeights[t]}),(function(n){var e=n.theme,t=n.textColor;return e.colors[t||"neutral800"]}),(function(n){return n.textAlign}),(function(n){return n.textTransform}),(function(n){return n.ellipsis&&"\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  "}),(function(n){var e=n.variant,t=n.theme;switch(e){case"alpha":return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[5],";\n        line-height: ").concat(t.lineHeights[2],";\n      ");case"beta":return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[4],";\n        line-height: ").concat(t.lineHeights[1],";\n      ");case"delta":return"\n        font-weight: ".concat(t.fontWeights.semiBold,";\n        font-size: ").concat(t.fontSizes[3],";\n        line-height: ").concat(t.lineHeights[2],";\n      ");case"epsilon":return"\n        font-size: ".concat(t.fontSizes[3],";\n        line-height: ").concat(t.lineHeights[6],";\n      ");case"omega":return"\n        font-size: ".concat(t.fontSizes[2],";\n        line-height: ").concat(t.lineHeights[4],";\n      ");case"pi":return"\n        font-size: ".concat(t.fontSizes[1],";\n        line-height: ").concat(t.lineHeights[3],";\n      ");case"sigma":return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[0],";\n        line-height: ").concat(t.lineHeights[5],";\n        text-transform: uppercase;\n      ");default:return"\n        font-size: ".concat(t.fontSizes[2],";\n      ")}}));b.defaultProps=h,b.propTypes=g},function(n,e,t){"use strict";var r=t(11),a=t.n(r),o=t(19),i=t.n(o);e.a=function(n,e,t){var r=e;if(Array.isArray(e)||"object"!==i()(e)||(r=[null==e?void 0:e.desktop,null==e?void 0:e.tablet,null==e?void 0:e.mobile]),void 0!==r){if(Array.isArray(r)){var o=r,c=a()(o,3),u=c[0],l=c[1],s=c[2],d="".concat(n,": ").concat(t.spaces[u],";");return void 0!==l&&(d+="".concat(t.mediaQueries.tablet,"{\n          ").concat(n,": ").concat(t.spaces[l],";\n        }")),void 0!==s&&(d+="".concat(t.mediaQueries.mobile,"{\n          ").concat(n,": ").concat(t.spaces[s],";\n        }")),d}var f=t.spaces[r]||r;return"".concat(n,": ").concat(f,";")}}},,function(n,e,t){"use strict";t.d(e,"a",(function(){return v}));var r,a=t(2),o=t.n(a),i=t(3),c=t.n(i),u=t(6),l=t(8),s=t(1),d=t.n(s),f=t(0),p=t.n(f),h=function(n){return d.a.createElement("div",n)},g={alignItems:"center",basis:void 0,direction:"row",gap:void 0,inline:!1,justifyContent:void 0,reverse:!1,wrap:void 0},m={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=g,h.propTypes=m;var b={direction:!0},v=c()(u.a).withConfig({shouldForwardProp:function(n,e){return!b[n]&&e(n)}})(r||(r=o()(["\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 e=n.gap,t=n.theme;return Object(l.a)("gap",e,t)}),(function(n){return n.justifyContent}));v.defaultProps=g,v.propTypes=m},function(n,e,t){var r=t(30),a=t(31),o=t(23),i=t(32);n.exports=function(n,e){return r(n)||a(n,e)||o(n,e)||i()},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.d(e,"a",(function(){return c}));var r,a=t(2),o=t.n(a),i=t(3),c=t.n(i).a.div(r||(r=o()(["\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n"])))},function(n,e,t){"use strict";t.d(e,"a",(function(){return b}));var r,a=t(4),o=t.n(a),i=t(5),c=t.n(i),u=t(2),l=t.n(u),s=t(1),d=t.n(s),f=t(0),p=t.n(f),h=t(3),g=["href","rel","target","disabled","isExternal"],m=t.n(h).a.a(r||(r=l()(["\n  cursor: pointer;\n"]))),b=d.a.forwardRef((function(n,e){var t=n.href,r=n.rel,a=n.target,i=n.disabled,u=n.isExternal,l=c()(n,g);return d.a.createElement(m,o()({ref:e,target:u?"_blank":a,rel:u?r:void 0,href:i?"#":t,disabled:i},l))}));b.displayName="BaseLink",b.defaultProps={disabled:!1,href:void 0,isExternal:!1,rel:"noreferrer noopener",target:"_self"},b.propTypes={disabled:p.a.bool,href:p.a.string,isExternal:p.a.bool,rel:p.a.string,target:p.a.string}},function(n,e,t){"use strict";t.d(e,"a",(function(){return o}));var r=t(1),a=0,o=function(n,e){return Object(r.useRef)(e||"".concat(n,"-").concat(++a)).current}},function(n,e){n.exports=function(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n},n.exports.default=n.exports,n.exports.__esModule=!0},,function(n,e,t){"use strict";t.d(e,"b",(function(){return r})),t.d(e,"a",(function(){return a}));var r=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"&";return function(e){var t=e.theme,r=e.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?t.colors.danger600:t.colors.primary600,";\n        box-shadow: ").concat(r?t.colors.danger600:t.colors.primary600," 0px 0px 0px 2px;\n      }\n    ")}},a=function(n){var e=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(e.colors.primary600,";\n    }\n  }\n")}},function(n,e,t){"use strict";t.d(e,"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,e){function t(e){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(n.exports=t=function(n){return typeof n},n.exports.default=n.exports,n.exports.__esModule=!0):(n.exports=t=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),t(e)}n.exports=t,n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.d(e,"a",(function(){return w}));var r,a,o=t(4),i=t.n(o),c=t(5),u=t.n(c),l=t(2),s=t.n(l),d=t(1),f=t.n(d),p=t(0),h=t.n(p),g=t(3),m=t.n(g),b=t(10),v=["horizontal","spacing","size"],y={size:!0},x=m()(b.a).withConfig({shouldForwardProp:function(n,e){return!y[n]&&e(n)}})(r||(r=s()(["\n  & > * {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  & > * + * {\n    margin-top: ",";\n  }\n"])),(function(n){var e=n.theme,t=n.spacing;return e.spaces[t]})),E=m()(b.a).withConfig({shouldForwardProp:function(n,e){return!y[n]&&e(n)}})(a||(a=s()(["\n  & > * {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  & > * + * {\n    margin-left: ",";\n  }\n"])),(function(n){var e=n.theme,t=n.spacing;return e.spaces[t]})),w=Object(d.forwardRef)((function(n,e){var t=n.horizontal,r=n.spacing,a=n.size,o=u()(n,v);return a&&console.warn('Deprecation warning: Usage of "size" prop in Stack component is deprecated. This is discouraged and will be removed in the next major release. Please use "spacing" instead'),t?f.a.createElement(E,i()({ref:e,spacing:r||a},o)):f.a.createElement(x,i()({direction:"column",alignItems:"stretch",ref:e,spacing:r||a},o))}));w.displayName="Stack",w.defaultProps={horizontal:!1,size:void 0,spacing:void 0},w.propTypes={horizontal:h.a.bool,size:h.a.number,spacing:h.a.number}},function(n,e){n.exports=t},function(n,e){n.exports=r},function(n,e,t){var r=t(24);n.exports=function(n,e){if(n){if("string"==typeof n)return r(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(n,e):void 0}},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.d(e,"b",(function(){return v})),t.d(e,"a",(function(){return y}));var r,a=t(4),o=t.n(a),i=t(5),c=t.n(i),u=t(2),l=t.n(u),s=t(1),d=t.n(s),f=t(0),p=t.n(f),h=t(3),g=t.n(h),m=t(17),b=["disabled","children"],v=g.a.button(r||(r=l()(["\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}),m.a),y=d.a.forwardRef((function(n,e){var t=n.disabled,r=n.children,a=c()(n,b);return d.a.createElement(v,o()({ref:e,"aria-disabled":t,type:"button",disabled:t},a),r)}));y.displayName="BaseButton",y.defaultProps={disabled:!1},y.propTypes={children:p.a.node.isRequired,disabled:p.a.bool}},function(n,e,t){"use strict";t.d(e,"a",(function(){return c}));var r=t(11),a=t.n(r),o=t(1),i=t(22),c=function(n){var e=n.children,t=Object(o.useRef)(null),r=Object(o.useState)(!1),c=a()(r,2),u=c[0],l=c[1];return Object(o.useLayoutEffect)((function(){return t.current=document.createElement("div"),t.current.setAttribute("data-react-portal","true"),document.body.appendChild(t.current),l(!0),function(){var n;null===(n=t.current)||void 0===n||n.remove()}}),[]),u&&t.current?Object(i.createPortal)(e,t.current):null}},function(n,e){n.exports=function(n,e){if(null==n)return{};var t,r,a={},o=Object.keys(n);for(r=0;r<o.length;r++)t=o[r],e.indexOf(t)>=0||(a[t]=n[t]);return a},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";var r=t(29);function a(){}function o(){}o.resetWarningCache=a,n.exports=function(){function n(n,e,t,a,o,i){if(i!==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 e(){return n}n.isRequired=n;var t={array:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:e,element:n,elementType:n,instanceOf:e,node:n,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:o,resetWarningCache:a};return t.PropTypes=t,t}},function(n,e,t){"use strict";n.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(n,e){n.exports=function(n){if(Array.isArray(n))return n},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,a,o=[],i=!0,c=!1;try{for(t=t.call(n);!(i=(r=t.next()).done)&&(o.push(r.value),!e||o.length!==e);i=!0);}catch(n){c=!0,a=n}finally{try{i||null==t.return||t.return()}finally{if(c)throw a}}return o}},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){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,e,t){"use strict";t.d(e,"a",(function(){return P}));var r,a=t(4),o=t.n(a),i=t(15),c=t.n(i),u=t(5),l=t.n(u),s=t(2),d=t.n(s),f=t(1),p=t.n(f),h=t(0),g=t.n(h),m=t(3),b=t.n(m),v=t(6),y=t(7),x=t(26),E=t(11),w=t.n(E),O=function(n,e,t){var r=n.getBoundingClientRect(),a=e.getBoundingClientRect();return"bottom"===t?function(n,e){var t=(n.width-e.width)/2;return{left:e.left-t,top:e.top+e.height+8+window.pageYOffset}}(r,a):"right"===t?function(n,e){var t=(n.height-e.height)/2;return{left:e.left+e.width+8,top:e.top-t+window.pageYOffset}}(r,a):"left"===t?function(n,e){var t=(n.height-e.height)/2;return{left:e.left-n.width-8,top:e.top-t+window.pageYOffset}}(r,a):function(n,e){var t=(n.width-e.width)/2,r=e.left-t,a=e.top-n.height-8+window.pageYOffset,o=window.innerWidth-e.right;return e.left+n.width-o>window.innerWidth?(r=e.left-n.width-8,a=e.top+window.scrollY-e.height/2):r<0?(r=e.width+e.left+8,a=e.top+window.scrollY-n.height/2+8):a<0&&r>0&&(a=e.top+e.height+8),{left:r,top:a}}(r,a)},C=t(14),j=t(12),S=["children","label","description","delay","position","id"],T=["visible"];function R(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}var k=b()(v.a)(r||(r=d()(["\n  position: absolute;\n  /* z-index exist because of its position inside Modals */\n  z-index: 4;\n  display: ",";\n"])),(function(n){return n.visible?"revert":"none"})),P=function(n){var e=n.children,t=n.label,r=n.description,a=n.delay,i=n.position,u=n.id,s=l()(n,S),d=Object(C.a)("tooltip",u),h=Object(C.a)("description"),g=function(n){var e=Object(f.useState)(!1),t=w()(e,2),r=t[0],a=t[1],o=Object(f.useRef)(),i=function(){o.current&&clearTimeout(o.current)};Object(f.useEffect)((function(){return function(){i()}}),[]);return{visible:r,onFocus:function(){a(!0)},onBlur:function(){a(!1)},onMouseEnter:function(){o.current=setTimeout((function(){a(!0)}),n)},onMouseLeave:function(){i(),a(!1)}}}(a),m=g.visible,b=l()(g,T),v=function(n,e){var t=Object(f.useRef)(null),r=Object(f.useRef)(null);return Object(f.useLayoutEffect)((function(){if(n){var a=t.current,o=r.current,i=O(a,o,e);a.style.left="".concat(i.left,"px"),a.style.top="".concat(i.top,"px")}}),[n]),{tooltipWrapperRef:t,toggleSourceRef:r}}(m,i),E=v.tooltipWrapperRef,P=v.toggleSourceRef,z=p.a.cloneElement(e,function(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?R(Object(t),!0).forEach((function(e){c()(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):R(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}({tabIndex:0,"aria-labelledby":t?d:void 0,"aria-describedby":r?d:void 0},b));return p.a.createElement(p.a.Fragment,null,p.a.createElement(x.a,null,p.a.createElement(k,o()({id:d,background:"neutral900",hasRadius:!0,padding:2,role:"tooltip",ref:E,visible:m},s),m&&p.a.createElement(j.a,{id:h},r),p.a.createElement(y.a,{as:"p",variant:"pi",fontWeight:"bold",textColor:"neutral0"},t||r))),p.a.createElement("span",{ref:P},z))};P.defaultProps={delay:500,id:void 0,position:"top",label:void 0,description:void 0},P.propTypes={children:g.a.node.isRequired,delay:g.a.number,description:g.a.string,id:g.a.string,label:g.a.string,position:g.a.oneOf(["top","left","bottom","right"])}},function(n,e,t){"use strict";t.d(e,"a",(function(){return E}));var r,a=t(4),o=t.n(a),i=t(5),c=t.n(i),u=t(2),l=t.n(u),s=t(1),d=t.n(s),f=t(3),p=t.n(f),h=t(0),g=t.n(h),m=Object(s.createContext)({gap:0,gridCols:12}),b=t(6),v=t(8),y=["gap","gridCols"],x=p()(b.a)(r||(r=l()(["\n  display: grid;\n  grid-template-columns: repeat(",", 1fr);\n  ","\n"])),(function(n){return n.gridCols}),(function(n){var e=n.theme,t=n.gap;return Object(v.a)("gap",t,e)})),E=function(n){var e=n.gap,t=n.gridCols,r=c()(n,y);return d.a.createElement(m.Provider,{value:{gap:e,gridCols:t}},d.a.createElement(x,o()({gap:e,gridCols:t},r)))};E.defaultProps={gap:0,gridCols:12},E.propTypes={gap:g.a.oneOfType([g.a.number,g.a.arrayOf(g.a.number)]),gridCols:g.a.number};var w,O=["col","xs","s"],C=p.a.div(w||(w=l()(["\n  grid-column: span ",";\n  max-width: 100%;\n\n  "," {\n    grid-column: span ",";\n  }\n\n  "," {\n    grid-column: span ",";\n  }\n"])),(function(n){return n.col}),(function(n){return n.theme.mediaQueries.tablet}),(function(n){return n.s}),(function(n){return n.theme.mediaQueries.mobile}),(function(n){return n.xs})),j=function(n){var e=n.col,t=n.xs,r=n.s,a=c()(n,O),o=Object(s.useContext)(m),i=o.gap,u=o.gridCols;return d.a.createElement(C,{gap:i,gridCols:u,col:e,xs:t,s:r},d.a.createElement(b.a,a))};j.defaultProps={col:void 0,s:void 0,xs:void 0},j.propTypes={col:g.a.number,s:g.a.number,xs:g.a.number}},function(n,e,t){"use strict";t.d(e,"a",(function(){return h}));var r=t(4),a=t.n(r),o=t(5),i=t.n(o),c=t(1),u=t.n(c),l=t(0),s=t.n(l),d=t(10),f=t(7),p=["active","textColor","backgroundColor","children","minWidth"],h=function(n){var e=n.active,t=n.textColor,r=n.backgroundColor,o=n.children,c=n.minWidth,l=i()(n,p);return u.a.createElement(d.a,a()({inline:!0,alignItem:"center",justifyContent:"center",minWidth:c,padding:1,background:e?"primary100":r,hasRadius:!0},l),u.a.createElement(f.a,{variant:"sigma",textColor:e?"primary600":t},o))};h.defaultProps={active:!1,backgroundColor:"neutral100",minWidth:5,textColor:"neutral600"},h.propTypes={active:s.a.bool,backgroundColor:s.a.string,children:s.a.oneOfType([s.a.number,s.a.string]).isRequired,minWidth:s.a.number,textColor:s.a.string}},function(n,e,t){"use strict";t.d(e,"a",(function(){return v}));var r,a=t(4),o=t.n(a),i=t(5),c=t.n(i),u=t(2),l=t.n(u),s=t(1),d=t.n(s),f=t(0),p=t.n(f),h=t(6),g=t(3),m=["unsetMargin"],b=t.n(g)()(h.a)(r||(r=l()(["\n  height: 1px;\n  border: none;\n  ","\n"])),(function(n){return n.unsetMargin?"margin: 0;":""})),v=function(n){var e=n.unsetMargin,t=c()(n,m);return d.a.createElement(b,o()({},t,{as:"hr",unsetMargin:e}))};v.defaultProps={background:"neutral150",unsetMargin:!0},v.propTypes={background:p.a.string,unsetMargin:p.a.bool}},,function(n,e){n.exports=a},,,,,,function(n,e){n.exports=o},function(n,e){n.exports=i},function(n,e,t){"use strict";t.r(e),t.d(e,"subNavWidth",(function(){return v})),t.d(e,"SubNav",(function(){return x})),t.d(e,"SubNavHeader",(function(){return Sn})),t.d(e,"SubNavLink",(function(){return Mn})),t.d(e,"SubNavLinkSection",(function(){return Qn})),t.d(e,"SubNavSection",(function(){return te})),t.d(e,"SubNavSections",(function(){return ae}));var r,a=t(4),o=t.n(a),i=t(5),c=t.n(i),u=t(2),l=t.n(u),s=t(1),d=t.n(s),f=t(3),p=t.n(f),h=t(0),g=t.n(h),m=t(38),b=["ariaLabel"],v="".concat(14.5,"rem"),y=p()(m.a)(r||(r=l()(["\n  width: ",";\n  background: ",";\n  position: sticky;\n  top: 0;\n  height: 100vh;\n  overflow-y: auto;\n  border-right: 1px solid ",";\n  z-index: 1;\n"])),v,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral200})),x=function(n){var e=n.ariaLabel,t=c()(n,b);return d.a.createElement(y,o()({"aria-label":e,as:"nav"},t))};x.propTypes={ariaLabel:g.a.string.isRequired};var E,w,O,C=t(11),j=t.n(C),S=t(42),T=t.n(S),R=t(10),k=t(7),P=t(15),z=t.n(P),_=t(37),A=t(25),L=t(12),B=["label","noBorder","children","icon","disabled","onClick","aria-label"],q=p()(A.a)(E||(E=l()(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ","rem;\n  width: ","rem;\n\n  svg {\n    > g,\n    path {\n      fill: ",";\n    }\n  }\n  &:hover {\n    svg {\n      > g,\n      path {\n        fill: ",";\n      }\n    }\n  }\n  &:active {\n    svg {\n      > g,\n      path {\n        fill: ",";\n      }\n    }\n  }\n  &[aria-disabled='true'] {\n    background-color: ",";\n    svg {\n      path {\n        fill: ",";\n      }\n    }\n  }\n  ","\n"])),2,2,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.neutral600}),(function(n){return n.theme.colors.neutral400}),(function(n){return n.theme.colors.neutral150}),(function(n){return n.theme.colors.neutral600}),(function(n){return n.noBorder?"border: none;":void 0})),M=(p()(R.a)(w||(w=l()(["\n  & span:first-child button {\n    border-left: 1px solid ",";\n    border-radius: ",";\n  }\n\n  & span:last-child button {\n    border-radius: ",";\n  }\n\n  & "," {\n    border-radius: 0;\n    border-left: none;\n\n    svg {\n      path {\n        fill: ",";\n      }\n    }\n\n    &:hover {\n      background-color: ",";\n\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &:active {\n      background-color: ",";\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[aria-disabled='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral200}),(function(n){var e=n.theme;return"".concat(e.borderRadius," 0 0 ").concat(e.borderRadius)}),(function(n){var e=n.theme;return"0 ".concat(e.borderRadius," ").concat(e.borderRadius," 0")}),q,(function(n){return n.theme.colors.neutral700}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral800}),(function(n){return n.theme.colors.neutral150}),(function(n){return n.theme.colors.neutral900}),(function(n){return n.theme.colors.neutral600})),d.a.forwardRef((function(n,e){var t=n.label,r=n.noBorder,a=n.children,i=n.icon,u=n.disabled,l=n.onClick,f=n["aria-label"],p=c()(n,B),h=function(n){!u&&l&&l(n)};return t?d.a.createElement(_.a,{label:t},d.a.createElement(q,o()({},p,{ref:e,noBorder:r,onClick:h,"aria-disabled":u}),d.a.createElement(L.a,{as:"span"},t),Object(s.cloneElement)(null!=a?a:i,{"aria-hidden":!0,focusable:!1}))):d.a.createElement(q,o()({},p,{ref:e,noBorder:r,onClick:h,"aria-disabled":u}),d.a.createElement(L.a,{as:"span"},f),Object(s.cloneElement)(null!=a?a:i,{"aria-hidden":!0,focusable:!1}))})));M.displayName="IconButton",M.defaultProps={label:void 0,noBorder:!1,disabled:!1,onClick:void 0};var W=function(n,e){return function(t,r){if(!t[r]&&n.every((function(n){return!t[n]})))return new Error("One of the following props is required: ".concat(r,", ").concat(n.join(", ")));g.a.checkPropTypes(z()({},r,g.a[e]),t,"prop","IconButton")}};M.propTypes=(O={},z()(O,"aria-label",W(["label"],"string")),z()(O,"children",W(["icon"],"node")),z()(O,"disabled",g.a.bool),z()(O,"icon",W(["children"],"node")),z()(O,"label",W(["aria-label"],"string")),z()(O,"noBorder",g.a.bool),z()(O,"onClick",g.a.func),O);var D=t(6),I=t(40),H=t(48),N=t.n(H),F={input:{S:"".concat(2,"rem"),M:"".concat(2.5,"rem")},accordions:{S:"".concat(3,"rem"),M:"".concat(5.5,"rem")}},U=Object(s.createContext)({error:void 0,hint:void 0,name:"",id:""}),Y=function(){return Object(s.useContext)(U)},Q=t(14),X=["children","name","error","hint","id"],G=function(n){var e=n.children,t=n.name,r=n.error,a=n.hint,o=n.id,i=c()(n,X),u=Object(Q.a)("field",o);return d.a.createElement("div",i,d.a.createElement(U.Provider,{value:{name:t,id:u,error:r,hint:a}},e))};G.defaultProps={error:void 0,hint:void 0,id:void 0,name:void 0},G.propTypes={children:g.a.node.isRequired,error:g.a.oneOfType([g.a.string,g.a.bool]),hint:g.a.oneOfType([g.a.string,g.a.node,g.a.arrayOf(g.a.node)]),id:g.a.oneOfType([g.a.string,g.a.number]),name:g.a.string};var $,K,V=["children","required","action"],J=p()(k.a)($||($=l()(["\n  line-height: 0;\n"]))),Z=p()(R.a)(K||(K=l()(["\n  line-height: 0;\n\n  svg path {\n    fill: ",";\n  }\n"])),(function(n){return n.theme.colors.neutral500})),nn=function(n){var e=n.children,t=n.required,r=n.action,a=c()(n,V),i=Y().id;return d.a.createElement(k.a,o()({variant:"pi",textColor:"neutral800",htmlFor:i,fontWeight:"bold",as:"label",required:t},a),d.a.createElement(R.a,{alignItems:"center"},e,t&&d.a.createElement(J,{textColor:"danger600"},"*"),r&&d.a.createElement(Z,{marginLeft:1},r)))};nn.defaultProps={required:!1,action:void 0},nn.propTypes={action:g.a.element,children:g.a.node.isRequired,required:g.a.bool};var en,tn,rn=t(17),an=["endAction","startAction","disabled","onChange","size"],on={S:6.5,M:10.5},cn=p.a.input(en||(en=l()(["\n  border: none;\n  border-radius: ",";\n  padding-bottom: ",";\n  padding-left: ",";\n  padding-right: ",";\n  padding-top: ",";\n  cursor: ",";\n\n  color: ",";\n  font-weight: 400;\n  // TODO: Make sure to use the theme when it's ready\n  font-size: ","rem;\n  display: block;\n  width: 100%;\n  background: inherit;\n\n  ::placeholder {\n    color: ",";\n    opacity: 1;\n  }\n\n  &[aria-disabled='true'] {\n    color: inherit;\n  }\n\n  //focus managed by InputWrapper\n  &:focus {\n    outline: none;\n    box-shadow: none;\n  }\n"])),(function(n){return n.theme.borderRadius}),(function(n){var e=n.size;return"".concat(on[e]/16,"rem")}),(function(n){var e=n.theme;return n.hasLeftAction?0:e.spaces[4]}),(function(n){var e=n.theme;return n.hasRightAction?0:e.spaces[4]}),(function(n){var e=n.size;return"".concat(on[e]/16,"rem")}),(function(n){return n["aria-disabled"]?"not-allowed":void 0}),(function(n){return n.theme.colors.neutral800}),.875,(function(n){return n.theme.colors.neutral500})),un=p()(R.a)(tn||(tn=l()(["\n  border: 1px solid ",";\n  border-radius: ",";\n  background: ",";\n  ","\n\n  ","\n"])),(function(n){var e=n.theme;return n.hasError?e.colors.danger600:e.colors.neutral200}),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.colors.neutral0}),Object(rn.b)(),(function(n){var e=n.theme;return n.disabled?"\n    color: ".concat(e.colors.neutral600,";\n    background: ").concat(e.colors.neutral150,";\n  \n  "):void 0})),ln=Object(s.forwardRef)((function(n,e){var t,r=n.endAction,a=n.startAction,i=n.disabled,u=n.onChange,l=n.size,s=c()(n,an),f=Y(),p=f.id,h=f.error,g=f.hint,m=f.name;h?t="".concat(p,"-error"):g&&(t="".concat(p,"-hint"));var b=Boolean(h);return d.a.createElement(un,{size:l,justifyContent:"space-between",hasError:b,disabled:i},a&&d.a.createElement(D.a,{paddingLeft:3,paddingRight:2},a),d.a.createElement(cn,o()({id:p,name:m,ref:e,"aria-describedby":t,"aria-invalid":b,"aria-disabled":i,hasLeftAction:Boolean(a),hasRightAction:Boolean(r),onChange:function(n){i||u(n)},size:l},s)),r&&d.a.createElement(D.a,{paddingLeft:2,paddingRight:3},r))}));ln.displayName="FieldInput",ln.defaultProps={disabled:!1,endAction:void 0,size:"M",startAction:void 0,onChange:function(){}},ln.propTypes={disabled:g.a.bool,endAction:g.a.element,onChange:g.a.func,size:g.a.oneOf(Object.keys(F.input)),startAction:g.a.element};var sn,dn=["label","children"],fn=p.a.button(sn||(sn=l()(["\n  border: none;\n  background: transparent;\n  // TODO: Make sure to use the theme when it's ready\n  font-size: 1.6rem;\n  width: auto;\n  padding: 0;\n  display: flex;\n  align-items: center;\n"]))),pn=function(n){var e=n.label,t=n.children,r=c()(n,dn);return d.a.createElement(fn,o()({"aria-label":e,type:"button"},r),t)};pn.propTypes={children:g.a.node.isRequired,label:g.a.string.isRequired};var hn,gn,mn,bn=["name","size","children","value","onClear","clearLabel"],vn=p()(R.a)(hn||(hn=l()(["\n  font-size: 0.5rem;\n  svg path {\n    fill: ",";\n  }\n"])),(function(n){return n.theme.colors.neutral400})),yn=p()(R.a)(gn||(gn=l()(["\n  font-size: 0.8rem;\n\n  svg path {\n    fill: ",";\n  }\n"])),(function(n){return n.theme.colors.neutral800})),xn=p.a.div(mn||(mn=l()(["\n  border-radius: ",";\n  box-shadow: ",";\n\n  &:focus-within {\n    "," {\n      svg path {\n        fill: ",";\n      }\n    }\n  }\n\n  "," {\n    border: 1px solid transparent;\n  }\n\n  ","\n"])),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.shadows.filterShadow}),yn,(function(n){return n.theme.colors.primary600}),un,Object(rn.b)(un)),En=Object(s.forwardRef)((function(n,e){var t=n.name,r=n.size,a=n.children,i=n.value,u=n.onClear,l=n.clearLabel,f=c()(n,bn),p=Object(s.useRef)(null),h=i.length>0,g=e||p;return d.a.createElement(xn,null,d.a.createElement(G,{name:t},d.a.createElement(L.a,null,d.a.createElement(nn,null,a)),d.a.createElement(ln,o()({ref:g,value:i,startAction:d.a.createElement(yn,null,d.a.createElement(T.a,{"aria-hidden":!0})),size:r,endAction:h?d.a.createElement(pn,{label:l,onClick:function(n){u(n),p.current.focus()}},d.a.createElement(vn,null,d.a.createElement(N.a,null))):void 0},f))))}));En.displayName="Searchbar",En.defaultProps={value:"",size:"M"},En.propTypes={children:g.a.node.isRequired,clearLabel:g.a.string.isRequired,name:g.a.string.isRequired,onClear:g.a.func.isRequired,size:g.a.oneOf(Object.keys(F.input)),value:g.a.string};var wn,On=function(n){return d.a.createElement("form",o()({},n,{role:"search"}))},Cn=t(18),jn=p()(I.a)(wn||(wn=l()(["\n  width: ","rem;\n  background-color: ",";\n"])),1.5,(function(n){return n.theme.colors.neutral200})),Sn=function(n){var e=n.as,t=n.label,r=n.searchLabel,a=n.searchable,o=n.onChange,i=n.value,c=n.onClear,u=n.onSubmit,l=n.id,f=Object(s.useState)(!1),p=j()(f,2),h=p[0],g=p[1],m=function(n){var e=Object(s.useRef)();return Object(s.useEffect)((function(){e.current=n})),e.current}(h),b=Object(Q.a)("subnav-searchbar-clear",l),v=Object(s.useRef)(),y=Object(s.useRef)();Object(s.useEffect)((function(){h&&v.current&&v.current.focus(),m&&!h&&y.current&&y.current.focus()}),[h]);return h?d.a.createElement(D.a,{paddingLeft:4,paddingTop:5,paddingBottom:2,paddingRight:4},d.a.createElement(On,null,d.a.createElement(En,{name:"searchbar",value:i,onChange:o,placeholder:"e.g: strapi-plugin-abcd",onKeyDown:function(n){n.key===Cn.a.ESCAPE&&g(!1)},ref:v,onBlur:function(n){var e;(null===(e=n.relatedTarget)||void 0===e?void 0:e.id)!==b&&g(!1)},onClear:function(n){c(n),v.current.focus()},onSubmit:u,clearLabel:"Clear",size:"S"},r)),d.a.createElement(D.a,{paddingLeft:2,paddingTop:4},d.a.createElement(jn,null))):d.a.createElement(D.a,{paddingLeft:6,paddingTop:6,paddingBottom:2,paddingRight:4},d.a.createElement(R.a,{justifyContent:"space-between",alignItems:"flex-start"},d.a.createElement(k.a,{variant:"beta",as:e},t),a&&d.a.createElement(M,{ref:y,onClick:function(){g((function(n){return!n}))},label:r,icon:d.a.createElement(T.a,null)})),d.a.createElement(D.a,{paddingTop:4},d.a.createElement(jn,null)))};Sn.defaultProps={as:"h2",searchable:!1,onChange:function(){},onClear:function(){},onSubmit:function(){},value:"",searchLabel:"",id:void 0},Sn.propTypes={as:g.a.string,id:g.a.string,label:g.a.string.isRequired,onChange:g.a.func,onClear:g.a.func,onSubmit:g.a.func,searchLabel:g.a.string,searchable:g.a.bool,value:g.a.string};var Tn,Rn,kn,Pn=t(49),zn=t.n(Pn),_n=t(13),An=["children","icon","withBullet","as","isSubSectionChild"],Ln=p()(D.a)(Tn||(Tn=l()(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  text-decoration: none;\n  color: ",";\n  svg > * {\n    fill: ",";\n  }\n\n  &.active {\n    ","\n  }\n\n  &:focus-visible {\n    outline-offset: -2px;\n  }\n"])),(function(n){return n.theme.colors.neutral800}),(function(n){return n.theme.colors.neutral600}),(function(n){var e=n.theme;return"\n      background-color: ".concat(e.colors.primary100,";\n      border-right: 2px solid ").concat(e.colors.primary600,";\n      svg > * {\n        fill: ").concat(e.colors.primary700,";\n      }\n      ").concat(k.a," {\n        color: ").concat(e.colors.primary700,";\n        font-weight: 500;\n      }\n      ")})),Bn=p()(zn.a)(Rn||(Rn=l()(["\n  width: ","rem;\n  height: ","rem;\n  * {\n    fill: ",";\n  }\n"])),.75,.25,(function(n){var e=n.theme;return n.$active?e.colors.primary600:e.colors.neutral600})),qn=p.a.div(kn||(kn=l()(["\n  svg {\n    height: ","rem;\n    width: ","rem;\n  }\n"])),.75,.75),Mn=d.a.forwardRef((function(n,e){var t=n.children,r=n.icon,a=n.withBullet,i=n.as,u=n.isSubSectionChild,l=c()(n,An);return d.a.createElement(Ln,o()({as:i,icon:r,background:"neutral100",paddingLeft:u?9:7,paddingBottom:2,paddingTop:2,ref:e},l),d.a.createElement(R.a,null,r?d.a.createElement(qn,null,r):d.a.createElement(Bn,null),d.a.createElement(D.a,{paddingLeft:2},d.a.createElement(k.a,{as:"span"},t))),a&&d.a.createElement(D.a,{as:R.a,paddingRight:4},d.a.createElement(Bn,{$active:!0})))}));Mn.displayName="SubNavLink",Mn.defaultProps={as:_n.a,icon:null,isSubSectionChild:!1,withBullet:!1},Mn.propTypes={as:g.a.elementType,children:g.a.node,icon:g.a.element,isSubSectionChild:g.a.bool,link:g.a.element,withBullet:g.a.bool};var Wn,Dn,In,Hn=t(21),Nn=t.n(Hn),Fn=p()(D.a)(Wn||(Wn=l()(["\n  svg {\n    height: ","rem;\n    path {\n      fill: ",";\n    }\n  }\n"])),.25,(function(n){return n.theme.colors.neutral700})),Un=p.a.button(Dn||(Dn=l()(["\n  border: none;\n  padding: 0;\n  background: transparent;\n  display: flex;\n  align-items: center;\n"]))),Yn=p.a.div(In||(In=l()(["\n  display: flex;\n  align-items: center;\n  width: ","rem;\n  transform: rotateX(",");\n"])),.75,(function(n){return n.rotated?"0deg":"180deg"})),Qn=function(n){var e=n.label,t=n.children,r=n.id,a=Object(s.useState)(!0),o=j()(a,2),i=o[0],c=o[1],u=Object(Q.a)("subnav-list",r);return d.a.createElement(D.a,null,d.a.createElement(Fn,{paddingLeft:7,paddingTop:2,paddingBottom:2,paddingRight:4},d.a.createElement(R.a,{justifyContent:"space-between"},d.a.createElement(Un,{onClick:function(){c((function(n){return!n}))},"aria-expanded":i,"aria-controls":u},d.a.createElement(Yn,{rotated:i},d.a.createElement(Nn.a,{"aria-hidden":!0})),d.a.createElement(D.a,{paddingLeft:2},d.a.createElement(k.a,{as:"span",fontWeight:"semiBold",textColor:"neutral800"},e))))),i&&d.a.createElement("ul",{id:u},s.Children.map(t,(function(n,e){return d.a.createElement("li",{key:e},n)}))))};Qn.defaultProps={id:void 0},Qn.propTypes={children:g.a.node,id:g.a.string,label:g.a.string.isRequired};var Xn,Gn,$n,Kn=t(39),Vn=t(20),Jn=p()(R.a)(Xn||(Xn=l()(["\n  border: none;\n  padding: 0;\n  background: transparent;\n"]))),Zn=p.a.div(Gn||(Gn=l()(["\n  display: flex;\n  align-items: center;\n  transform: rotateX(",");\n"])),(function(n){return n.rotated?"0deg":"180deg"})),ne=function(n){var e=n.collapsable,t=n.label,r=n.onClick,a=n.ariaExpanded,o=n.ariaControls;return e?d.a.createElement(Jn,{as:"button",onClick:r,"aria-expanded":a,"aria-controls":o,textAlign:"left"},d.a.createElement(D.a,{paddingRight:1},d.a.createElement(k.a,{variant:"sigma",textColor:"neutral600"},t)),e&&d.a.createElement(Zn,{rotated:a},d.a.createElement(Nn.a,{"aria-hidden":!0}))):d.a.createElement(Jn,null,d.a.createElement(D.a,{paddingRight:1},d.a.createElement(k.a,{variant:"sigma",textColor:"neutral600"},t)))};ne.defaultProps={ariaControls:null,ariaExpanded:null,collapsable:!1,onClick:function(){}},ne.propTypes={ariaControls:g.a.string,ariaExpanded:g.a.bool,collapsable:g.a.bool,label:g.a.string.isRequired,onClick:g.a.func};var ee=p()(D.a)($n||($n=l()(["\n  svg {\n    height: ","rem;\n    path {\n      fill: ",";\n    }\n  }\n"])),.25,(function(n){return n.theme.colors.neutral500})),te=function(n){var e=n.collapsable,t=n.label,r=n.badgeLabel,a=n.children,o=n.id,i=Object(s.useState)(!0),c=j()(i,2),u=c[0],l=c[1],f=Object(Q.a)("subnav-list",o);return d.a.createElement(Vn.a,{spacing:1},d.a.createElement(ee,{paddingLeft:6,paddingTop:2,paddingBottom:2,paddingRight:4},d.a.createElement(D.a,{position:"relative",paddingRight:r?6:0},d.a.createElement(ne,{onClick:function(){l((function(n){return!n}))},ariaExpanded:u,ariaControls:f,collapsable:e,label:t}),r&&d.a.createElement(Kn.a,{backgroundColor:"neutral150",textColor:"neutral600",position:"absolute",right:0,top:"50%",transform:"translateY(-50%)"},r))),(!e||u)&&d.a.createElement("ol",{id:f},s.Children.map(a,(function(n,e){return d.a.createElement("li",{key:e},n)}))))};te.defaultProps={badgeLabel:null,collapsable:!1,id:void 0},te.propTypes={badgeLabel:g.a.string,children:g.a.node,collapsable:g.a.bool,id:g.a.string,label:g.a.string.isRequired};var re=["children"],ae=function(n){var e=n.children,t=c()(n,re);return d.a.createElement(D.a,{paddingTop:2,paddingBottom:4},d.a.createElement(Vn.a,o()({as:"ol",spacing:2},t),s.Children.map(e,(function(n,e){return d.a.createElement("li",{key:e},n)}))))};ae.propTypes={children:g.a.node.isRequired}}])}));